* { margin:0; padding:0; line-height:normal; } img {border:0;} body { font-family: Tahoma, Geneva, Arial, sans-serif; font-size: 12px; background: #BEAA65 url('bg.jpg') no-repeat 50% 0; margin: 0 auto; text-align: center; } #background { background: transparent url('mainCOL.gif') repeat-y 50% 0;	 } #bodyWRAP { width: 1000px;	 margin: 0 auto; text-align: left; } #header { background: #fff url('mainHeader.jpg') no-repeat -50px 0; height: 249px; width: 1000px; position: relative; } #logo { display: block; position: absolute; top: 4px; left: 16px; } #cartHEAD { width: 240px; height: 29px; position: absolute; top: 0; right: 20px; } #tabNAV { position: absolute; left:30px; top: 166px; height: 35px; width: 950px; text-align: center; } #tabNAV ul { margin:0; padding:10px 10px 0; list-style:none; } #tabNAV li { float:left; background:url('tabNAV-left.gif') no-repeat left top; margin:0; padding:0 2px 0 9px; } #tabNAV a { float:left; display:block; background:url('tabNAV-right.gif') no-repeat right top; padding:5px 15px 4px 6px; text-decoration:none; font-weight:bold; color:#765; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabNAV a {float:none;} /* End IE5-Mac hack */ #tabNAV a:hover { color:#333; } #welcomeBAR { position: absolute; top:205px; width: 1000px; } #welcome { padding: 4px 20px;	 float: left; } #searchBAR { float: right; background: url('searchBG.gif') no-repeat; width: 300px; height: 36px; } #searchInput { position: relative; display:block; float: left; width: 150px; top: 8px; left: 80px; } #searchGO { float: right; margin: 6px 14px 0 0; } html>body #searchGO { margin: 6px 25px 0 0; } #mainCONTENT { display: block; float:left; } #leftCOL { float: right; width: 206px; margin-left: 0px; } #rightCOL { width: 720px; float: right; margin-left: 40px; margin-right: 10px; } #rightCOLHome { width: 910px; margin-left: 40px; margin-right: 40px; } html>body #rightCOL { width: 720px; float: right; margin-left: 40px; margin-right: 20px } #sectionRIGHTCOL { width: 237px; float: right; } #footerWRAP { width: 1000px; /*background: url('footerBG.gif') 50% 100% repeat-y;*/ margin: 0 auto; padding-bottom: 50px; text-align: center; } #footer { width: 910px; margin: 0 auto; } .clearDIV { clear:both; height: 4px; } .menuTOP { height: 11px; background: #fff url('menuBGTOP.gif') no-repeat; 	 padding: 0; } .menuMID { margin-top: -4px; padding: 0 3px; background: #fff url('menuBGMID.gif') repeat-y bottom center; } html>body .menuMID { margin-top: 0px; margin-bottom: -10px; } .menuBOT { height: 13px; background: #fff url('menuBGBOT.gif') no-repeat; } .blueHiLite { color: #397C9B; font-weight: bold; } #footer  a.smallLink  { font-size: 11px; text-decoration: none; color: #397C9B; } #footer  a:hover.smallLink  { color: #888; } p, table, td, th { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #7c8d8d; margin-top: 0px; } form { margin: 0px; } a:link { color: #397c9b; text-decoration: none; } a:visited { color: #397c9b; text-decoration: none; } a:hover { color: #000000; text-decoration: underline; } a:active { color: #397c9b; text-decoration: none; } ul { list-style-type: square; } /* Generic text formatting used throughout the store ---------------------------- */ .actCHECKOUTEM { background-color: #678298; } .actCHECKOUTBG { background-color: #eeeeee; } .actlarger { font-size: 13px; color: #7c8d8d; } .actsmaller{ font-size: 10px; color: #7c8d8d; } .actxxsmall { font-size: 10px; color: #7c8d8d; } .actxsmall { font-size: 11px; color: #7c8d8d; } .actsmall { font-size: 11px; color: #7c8d8d; } .actregular { font-size: 13px; color: #7c8d8d; } .actlarge{ font-size: 16px; color: #7c8d8d; } .actxlarge { font-size: 20px; color: #7c8d8d; } .actxxlarge { font-size: 20px; color: #7c8d8d; } .actwarningcolor { color: #cc0000; } .actrequiredcolor { color: #cc0000; } .actsearchhighlightcolor { color: #cc0000; } .actrequired { color: #cc0000; } .actwarning { font-size: 11px; color: #cc0000; } .actwelcome { font-size: 11px; color: #7c8d8d; } .actlogotext { font-size: 11px; color: #D9090E; font-style: normal; font-weight: bold; text-align: center; } .actlogout { font-size: 11px; color: #397c9b; } /* Boxes and borders ------------------------------------------- */ .thinborder1 { border: 1px solid #7c8d8d; } .thinborder2 { border: 1px solid #828baa; } .thinred { border: solid 1px #7c8d8d; border-top: 0px; } .thinred2 { border: solid 1px #828baa; border-top: 0px; }  .boxheading { font-weight: bold; text-transform: uppercase; color: #ffffff; } a.boxlink:link{ color: #ffffff; text-decoration:none; } a.boxlink:visited{ color: #ffffff; text-decoration:none; } a.boxlink:hover{ color: #ffffff; text-decoration:underline; } a.boxlink:active{ color: #ffffff; text-decoration:none; } * html .boxhead h2 {height: 1%;} .sidebox { background: url('theme_curve4.gif') no-repeat bottom right; font-size: 100%; } .boxhead { background: url('theme_curve2.gif') no-repeat top right; margin: 0; padding: 0; text-align: left; } .boxhead h2 { background: url('theme_curve1.gif') no-repeat top left; margin: 0; padding: 5px 10px 5px; color: #ffffff;  font-weight: bold;  font-size: 1.2em;  line-height: 1em; } .boxbody { background: url('theme_curve3.gif') no-repeat bottom left; margin: 0; padding: 5px 10px 11px; } .boxbody ol { margin: 0; padding: 0; margin-left: 1.2em; padding-left: 1.2em; } .boxbody ol li { margin-bottom: 0.2em; } /* Shopping cart and checkout fields ------------------------------------------- */ table.checkout td { background-color: #eeeeee; } table.checkout th { background-color: #678298; } .cart { background-color: #eeeeee; } .cartheading { background-color: #828baa; font-weight: bold; color: #fff; } /* Checkout Progress Indicator  ------------------------------------------------ */ p.checkout-progress-heading { width: 300px; margin: 10px auto; } #checkout-progress-indicator { width: 300px; height: 19px; background-image: url('cpi-background.gif'); margin: 0 auto 20px auto; } .checkout-progress-0 { width: 75px; height: 19px; background-color: #7c8d8d; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-1 { width: 150px; height: 19px; background-color: #7c8d8d; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-2 { width: 225px; height: 19px; background-color: #7c8d8d; background-image: url('cpi-main.gif'); float: left; } .checkout-progress-3 { width: 300px; height: 19px; background-color: #7c8d8d; background-image: url('cpi-main.gif'); float: left; } #checkout-progress-indicator .cpi-end { width: 8px; padding: 0; margin: 0; border: 0; height: 19px; background-image: url('cpi-end.gif'); background-position: right; background-repeat: no-repeat; float: left; } /* Formatting for the site map -------------------------------------------- */ #actinic-sitemap { margin-left: 5px; } #actinic-sitemap ul { margin-bottom: 0; padding-bottom: 0; } .sectionCONTAIN { position: relative; text-align: center; width: 145px; height: 220px; background: url('sectionBG.gif') top center no-repeat; } .sectionIMAGE { padding-top: 8px; } h3.sectionNAME { padding: 37px 0 0 5px; font-size: 11px; text-align: center; } .sectionPRICE { position: absolute; top: 132px; left: 0px; color: orange; text-align: left; padding: 10px 0 0 5px; } .sectionBUY { display: block; position: absolute; top: 135px; right: 5px; } .sectionTEXT { } /* Used by 'CSS Product Layout' ------------------------------------------- */ .content_left { text-align: left; float: left; margin-right: 20px; } .content_right { text-align: left; float: left; } .product_list	{ margin: 20px 0px 20px 0px; }	 .productColLeft { width: 250px; float: left; } #paroductWARNING img { margin-left: 5px; } .productColRight { width: 450px; float: right; background: url('productBG.gif') repeat-x; } .productDescTitle { font-size: 14px; font-weight: bold; padding: 8px 0 15px 0; color: #444; } .productDESC { line-height: 1.4em; padding: 2px 0 18px 0; } .productPRICEWrap { padding: 10px 0 5px 0; } .productPRICE { font-size: 18px; font-weight: bold; color: #397C9B; } .qtyPROMPT b { width: 75px; } .qtyPROMPT > b { padding-right: 25px; } .optionLISTS { width: 300px; } .optionLISTname { font-weight: bold; width: 75px; } html>body .optionLISTname { float: left; width: 77px; } html>body .optionLISTS  select { float: left; } .productDIV { height: 27px; background: url('productDIV.gif') repeat-x; } /* headings ----------------------------------------------------------------------------- */ h1	{ font-size: 13px; font-weight: 900; margin: 0px;		 padding: 16px 0px 4px 0px; color: #7c8d8d; } h1.product	{ font-family: Verdana, Tahoma, Geneva, Arial, sans-serif; font-size: 18px; font-weight: normal; margin: 0 0 10px 0; padding: 0px 0px 6px 0px; color: #7c8d8d; text-transform:uppercase; }	 h1.subheading	{ font-size: 13px; font-weight: 900; margin: 0px; padding: 0px 0px 14px 0px; color: #828baa; } h2	{ font-size: 16px; font-weight: 900; margin: 0px; padding: 2px 0px 14px 0px; color: #828baa; } h2.clearall	{ font-size: 16px; font-weight: 900; margin: 0px; padding: 2px 0px 14px 0px; color: #828baa; clear:both; } h3.product	{ font-size: 13px; font-weight: 900; margin: 0px; padding: 0px 0px 6px 0px; color: #828baa; } h3.product_price	{ font-size: 11px; font-weight: 900; margin: 0px; padding: 0px 0px 20px 0px; } .text_heading_left_column	{ margin: 0px; padding: 19px 0px 4px 0px; line-height:normal; color: #7c8d8d; font-weight: 900; font-size: 13px; } /* Default formatting of all text boxes used in store pages ---------------- */ .form_input_general	{ line-height: normal; font-size : 11px; word-spacing: normal; border: 1px solid silver; } /* Styles for 'Quick Search Bar With Larger Button' ------------------------ */ .form_main_search_box	{ line-height: 13px; width: 76px; height: 16px; margin: 0px 1px 0px 1px; padding: 0px 0px 0px 2px; font-size : 11px; background-color: #eeeeee; border: 1px solid #eeeeee; color: #7c8d8d; vertical-align: top; } .form_main_search_box_td	{ background-color: #828baa } .form_button_quick_search	{ line-height: 13px; height: 18px; width: 85px; margin: 1px 1px 1px 1px; padding: 0px 0px 0px 12px; font-size : 11px; background-color: #828baa; border: 1px solid #7c8d8d; color: #ffffff; background-image: url('theme_icon_search.gif'); word-spacing: normal; } /* Styles for the 'Mini' marketing layouts ---------------------------------- */ .product_image_cost	{ margin: 0px 12px 8px 0px; text-align: center; float: left; } .text_product_small_info	{ font-size: 10px; line-height: normal; margin: 0px; padding: 0px 0px 6px 0px; } .text_product_small_info_heading	{ margin: 0px; padding: 10px 0px 12px 0px; line-height:normal; color: #828baa; font-weight: 900; font-size: 11px; } .text_product_small_info_price	{ margin: 0px; padding: 8px 0px 0px 0px; line-height:normal; font-weight: 900; font-size: 11px; } .best_selling_items	{ padding: 10px; background-color: #ffffff; } .best_selling_items_spacing	{ padding: 0px 0px 8px 8px; } /* Styles for product image and fragment image placement in some layouts -------------------------- */ .image_float_right	{ float: right; margin: 16px 0px 15px 20px; } .image_product	{ margin: 0px 18px 10px 0px; text-align: center; float: left; } #brandsWRAP { position: relative; width: 350px; height: 120px; background: url('brandsBG.gif') no-repeat; } #brandsWRAP form { display: block; position: absolute; top: 55px; left: 10px; } #brandsWRAP option, #brandsWRAP select { font-size: 11px; } /* Links to sections and pages in sidebar menus on some themes -------------------------------------*/ ul.products	{ line-height: normal; padding: 0px 0px 0px 1px; margin: 3px 0px 4px 15px; font-size: 11px; color: #cc0000; } a.product_section:visited  { color : #397c9b; text-decoration : none; } a.product_section:link  { color : #397c9b; text-decoration : none; } a.product_section:active  { color : #397c9b; text-decoration : none; } a.product_section:hover  { color : #000000; text-decoration : none; } /* lines -------------------------------------------------------------------------------- */ .dotted_line_blue	{ height: 1px; background-color: #828baa; background-image:url('theme_dotted_line.gif'); clear:both; } .solid_line_light_blue	{ height: 1px; padding: 0px; margin: 0px; background-color: #828baa; clear:both; } .solid_line_blue	{ height: 1px; padding: 0px; margin: 0px; background-color: #7c8d8d; clear:both; } .dotted_outline_blue	{ border: 1px dotted #828baa; padding: 8px; }		 /* Styles for 'Compact Parent Section List' ------------------------ */ .text_breadcrumbs	{ font-size: 10px; color: #7c8d8d; margin: 0px; line-height:normal; padding: 2px 0px 10px 0px; }	 a.link_breadcrumbs:visited	{	 color : #7c8d8d; text-decoration : underline; } a.link_breadcrumbs:link  { color : #7c8d8d; text-decoration : underline; } a.link_breadcrumbs:active  { color : #7c8d8d; text-decoration : underline; } a.link_breadcrumbs:hover  { color : #7c8d8d; text-decoration : underline; } /* Heading for attributes  --------------------------------------------------------*/ .text_options	{ font-weight: 900; } /* Formatting for 'Add To Cart Button With Cart Icon' ----------------------------------------------*/ .form_button_add_to_cart	{ line-height: 13px; height: 20px; width: 76px; margin: 0px 1px 0px 0px; padding: 1px 0px 1px 14px; font-size : 11px; background-color: #828baa; border: 1px solid #7c8d8d; color: #ffffff; background-image: url('theme_icon_add_to_cart.gif'); word-spacing: normal; }	 /* Styles for CSS Buttons ----------------------------------------------*/ .text_menu	{ padding: 2px 0px 2px 0px; font-size : 11px; margin: 0px; color : #ffffff; } a.link_menu:visited  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #828baa;  border: 1px solid #f0f0f0; } a.link_menu:link  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #828baa; border: 1px solid #f0f0f0; } a.link_menu:active  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #828baa; border: 1px solid #f0f0f0; } a.link_menu:hover  { padding: 2px 5px 2px 5px; margin: 0px 1px 0px 0px;	 color : #ffffff; text-decoration : none; background-color: #7c8d8d; border: 1px solid #f0f0f0; } .formbox1 { padding: 0px; margin: 0px; border: 0px; background-image: url('theme-rounded-searchfield-left.gif'); height: 19px; padding-left: 10px; background-repeat: no-repeat; float: left; } .formbox2 { padding: 0px; margin: 0px; border: 0px; height: 19px; background-image: url('theme-rounded-searchfield-right.gif'); background-position: right; background-repeat: no-repeat; padding-right: 10px; } .inputfield { padding: 0px; margin: 1px 0; border: 0px; height: 16px; font-size: 12px; } #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev {  left: 0;  float: left; } #lightbox-nav-btnNext {  right: 0;  float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px;  color: #666;  } #lightbox-container-image-data #lightbox-image-details {  width: 70%;  float: left;  text-align: left;  }	 #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block;  clear: left;  padding-bottom: 1.0em;	 }			 #lightbox-secNav-btnClose { width: 66px;  float: right; padding-bottom: 0.7em;	 } .arrowlistmenu{ width: 200px; /*width of accordion menu*/ } .arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/ font: bold 14px Arial; color: white; background: black url('menuLINK.gif') repeat-x center left; margin-bottom: 10px; /*bottom spacing between header and rest of content*/ text-transform: uppercase; padding: 4px 0 4px 10px; /*header text is indented 10px*/ cursor: hand; cursor: pointer; } .arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/ background-image: url('menuLINKED.gif'); } .arrowlistmenu ul{ /*CSS for UL of each sub menu*/ list-style-type: none; margin: 0; padding: 0; margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/ } .arrowlistmenu ul li{ padding-bottom: 2px; /*bottom spacing between menu items*/ } .arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/ background: lightblue !important; } .arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/ background: lightgreen !important; } .arrowlistmenu ul li a{ color: #A70303; background: url('arrowbullet.png') no-repeat center left; /*custom bullet list image*/ display: block; padding: 2px 0; padding-left: 19px; /*link text is indented 19px*/ text-decoration: none; font-weight: bold; border-bottom: 1px solid #dadada; font-size: 90%; } .arrowlistmenu ul li a:visited{ color: #A70303; } .arrowlistmenu ul li a:hover{ /*hover state CSS*/ background-color: #F3F3F3; } .arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/ background: lightblue; } #scrollBOX { top: 490px; float:left; margin-bottom:-20px; margin-left:10px; } .scrollable { position:relative; overflow:hidden; width: 800px; height:120px; border:1px solid #ccc; background:url('h300.png') repeat-x; } .scrollable .items { width:20000em; position:absolute; clear:both; } .scrollable span { float:left; margin:20px 5px 20px 21px; background-color:#fff; padding:2px; border:1px solid #ccc; cursor:pointer; width:250px; height:75px; -moz-border-radius:4px; -webkit-border-radius:4px; } .scrollable img { float: left; margin-right: 5px;	 } /* active item */ .scrollable .active { border:2px solid #000; z-index:9999; position:relative; } .scrollable {float:left;} /* prev, next, prevPage and nextPage buttons */ a.browse { background:url('hori_large.png') no-repeat; display:block; width:30px; height:30px; float:left; margin:40px 5px; cursor:pointer; font-size:1px; } /* right */ a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;} a.right:hover 		{ background-position:-30px -30px; } a.right:active 	{ background-position:-60px -30px; }  /* left */ a.left				{ margin-left: 0px; }  a.left:hover  		{ background-position:-30px 0; } a.left:active  	{ background-position:-60px 0; } /* up and down */ a.up, a.down		{  background:url('vert_large.png') no-repeat;  float: none; margin: 10px 50px; } /* up */ a.up:hover  		{ background-position:-30px 0; } a.up:active  		{ background-position:-60px 0; } /* down */ a.down 				{ background-position: 0 -30px; } a.down:hover  		{ background-position:-30px -30px; } a.down:active  	{ background-position:-60px -30px; }  /* disabled navigational button */ a.disabled { visibility:hidden !important;		 }