/* ////////////////////////////////////////////// */  /* ////////////////////////////////////////////// */  /* /////////////// STG STYLESHEET /////////////// */  /* ////////////////////////////////////////////// */  /* ////////////////////////////////////////////// */  * { margin:0; padding:0; } body { margin:0; background:#fff url('stg_mainbg.gif') top center no-repeat; color:#666; text-align:center; font-size:small; font-family:Trebuchet MS, verdana, sans-serif; } /* ////////////////////////////////////////////// */  /* /////////////// PRES STYLESHEET ////////////// */  /* ////////////////////////////////////////////// */  /* ///////////////////// h1 //////////////////// */  h1 { font-size:140%; font-weight:normal; } #logocont h1 { margin-bottom:10px; } /* /////////////// h2 /////////////// */  h2 { font-size:120%; font-weight:normal; } .hpproduct h2 { color:#003366; font-size:120%; margin-bottom:2px; font-weight:bold; } #hpwelcomecol h2 { color:#003366; font-size:180%; margin-bottom:20px; padding-bottom:10px; background:#fff url('stg_h2dotsbg.gif') bottom left repeat-x; } #hpquicklinkscol h2, #deliverylogoscont h2 { font-size:110%; line-height:1.2em; font-weight:bold; margin:3px 0 5px; padding:0; } #hpbestsellerscol h2, #hpspecialofferscol h2  { color:#003366; font-size:100%; font-weight:bold; margin-bottom:15px; padding-bottom:8px; background:#fff url('stg_h2dotsbg.gif') bottom left repeat-x; } #infoproductsnavcol h2  { color:#003366; font-size:110%; font-weight:bold; margin-top:4px; margin-bottom:15px; padding-bottom:8px; background:#fff url('stg_h2dotsbg.gif') bottom left repeat-x; } #infoproductscontentcol h2  { color:#003366; font-size:120%; font-weight:bold; margin-bottom:15px; padding-bottom:8px; background:#fff url('stg_h2dotsbg.gif') bottom left repeat-x; }	 #productscontentcol h2  { color:#003366; font-size:100%; font-weight:bold; margin-bottom:15px; padding-bottom:8px; background:#fff url('stg_h2dotsbg.gif') bottom left repeat-x; } #footerabout h2, #footerinfo h2, #footerproducts h2, #footerordering h2 { margin:0 10px 5px; color:#666; font-size:90%; font-weight:bold; } #footercopyright h2 { margin:0 10px 5px; color:#003366; font-size:100%; font-weight:bold; line-height:1.2em; } /* /////////////// h3 /////////////// */  h3 { font-weight:normal; font-size:100%; } .hpproduct h3 { font-size:90%; padding:5px 20px 10px 20px; line-height:1.3em; } .bestseller h3, .specialoffer h3, .sectioninfo h3, .productthumbinfo h3, .productfulldetails h3, .productfulladdimages h3 { color:#003366; font-weight:bold; line-height:1em; margin:5px 0; border-bottom:0px dotted #ccc; } .fragment h3, .basketcheckout h3  { color:#003366; margin-bottom:15px; padding-bottom:4px; border-bottom:1px dotted #ccc; }	 .productfullinfo h3 { color:#003366; font-size:140%; line-height:1em; margin:5px 0; border-bottom:0px dotted #ccc; } /* /////////////// p //////////////// */  p { font-size:100%; } #hpwelcomecol p { margin:10px 0; line-height:1.7em; } #hpwelcomecol p.intro { font-size:115%; font-weight:normal; color:#003366; line-height:1.7em; } .bestseller p, .specialofferinfo p, #deliverylogoscont p, .sectioninfo p, .productthumbinfo p, .productfulldetails p { margin:0 0 5px; line-height:1.3em; } .specialofferprice p { font-size:95%; margin:10px 0 5px; line-height:1.2em; } #basketcheckout p { color:#fb851e; font-size:85%; padding:5px 0; } #footerabout p, #footerinfo p, #footerproducts p, #footerordering p, #footercopyright p { margin:0 10px 5px; font-size:90%; } #footerabout p a:link, #footerabout p a:active, #footerabout p a:visited, #footerinfo p a:link, #footerinfo p a:active, #footerinfo p a:visited, #footerproducts p a:link, #footerproducts p a:active, #footerproducts p a:visited, #footerordering p a:link, #footerordering p a:active, #footerordering p a:visited, #footercopyright p a:link, #footercopyright p a:active, #footercopyright p a:visited { line-height:1.3em; color:#999; text-decoration:none; } #footerabout p a:hover, #footerinfo p a:hover, #footerproducts p a:hover, #footerordering p a:hover, #footercopyright p a:hover { color:#333; } /* /////////////// img /////////////// */  img { border:0px solid #fff; } .bestsellerthumb img, .specialofferthumb img, .sectionimg img, .productthumbimg img, .productfullimg img, .productfulladdimages img { padding:1px; border:2px solid #e2e2e2; } /* /////////////// ul /////////////// */  ul { list-style-type:circle; margin:5px 10px 5px 45px; } ul li { padding:3px 0; line-height:1em; } /* /////////////// links /////////////// */  a:link, a:active, a:visited { color:#003366; text-decoration:underline; line-height:1em; } a:hover { color:#0066cc; text-decoration:none; } .hpproduct h2 a:link, .hpproduct h2 a:active, .hpproduct h2 a:visited, #hpquicklinkscol h2 a:link, #hpquicklinkscol h2 a:active, #hpquicklinkscol h2 a:visited, #deliverylogoscont h2 a:link, #deliverylogoscont h2 a:active, #deliverylogoscont h2 a:visited, #hpbestsellerscol h3 a:link, #hpbestsellerscol h3 a:active, #hpbestsellerscol h3 a:visited, #hpspecialofferscol h3 a:link, #hpspecialofferscol h3 a:active, #hpspecialofferscol h3 a:visited, .sectioninfo h3 a:link, .sectioninfo h3 a:active, .sectioninfo h3 a:visited, .productthumbinfo h3 a:link, .productthumbinfo h3 a:active, .productthumbinfo h3 a:visited { text-decoration:none; } .skiplink { display:none } /* /////////////// forms /////////////// */  /* ////////////////////////////////////////////// */  /* ////////////////  LAYOUT STYLES ////////////// */  /* ////////////////////////////////////////////// */ #maincont { width:900px; margin:0 auto; } #logocontactcont { overflow:hidden; height:93px; } #logocont { float:left; width:400px; } #basketcheckoutcontactcont { float:right; padding-right:17px; padding-top:25px; text-align:right; } #basketcheckout { width:450px; height:27px; background:url('stg_basketcheckoutbg.gif') no-repeat right top; } #contact { width:450px; height:40px; background:url('stg_contactbg.gif') no-repeat right top; } #navsearchcont { overflow:hidden; } #searchcont { padding:9px 18px 0 0; overflow:hidden; } #searchbg { float:right; width:316px; height:37px; background:url('stg_searchbg.gif') no-repeat right top;	 } #navcont { text-align:right; width:900px; overflow:hidden; } #topbrowsenav { float:left; overflow:hidden; } #topbrowsenav ul { margin:0; padding:7px 10px 0 18px; list-style:none; } #topbrowsenav li { margin:0 1px; padding:0; float:left; background:url('stg_topbrowsenavbuttonright_off.gif') no-repeat right top;		 } #topbrowsenav a { display:block; background:url('stg_topbrowsenavbuttonleft_off.gif') no-repeat left top; padding:12px 30px 13px 55px; font-size:100%; line-height:1em; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #topbrowsenav a {float:none;} /* End IE5-Mac hack */ #topbrowsenav a:link, #topbrowsenav a:visited, #topbrowsenav a:active { text-decoration:none; color:#cccccc; } #topbrowsenav a:hover { color:#f99135; } #topbrowsenav #current { background:url('stg_topbrowsenavbuttonright_on.gif') no-repeat right top; } #topbrowsenav #current a { background:url('stg_topbrowsenavbuttonleft_on.gif') no-repeat left top; color:#003366; } #topinfonav { float:right; overflow:hidden; } #topinfonav ul { margin:0; padding:23px 18px 0; list-style:none; } #topinfonav li { margin:0 1px; padding:0; float:left; background:url('stg_topinfonavbuttonright_off.gif') no-repeat right top;		 } #topinfonav a { display:block; background:url('stg_topinfonavbuttonleft_off.gif') no-repeat left top; padding:5px 10px 6px; font-size:85%; line-height:1em; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #topnav a {float:none;} /* End IE5-Mac hack */ #topinfonav a:link, #topinfonav a:visited, #topinfonav a:active { text-decoration:none; color:#cccccc; } #topinfonav a:hover { color:#f99135; } #topinfonav #current { background:url('stg_topinfonavbuttonright_on.gif') no-repeat right top; } #topinfonav #current a { background:url('stg_topinfonavbuttonleft_on.gif') no-repeat left top; color:#003366; } #hpproductscont { text-align:left; background:#fff url('stg_hpproductsbg.gif') repeat-x left top; overflow:hidden; padding:10px; } .hpproduct { float:left; width:220px; padding:10px 0; text-align:center; } #colconttop { background:#fff url('stg_colconttopbg.gif') no-repeat center top; width:900px; height:50px;		 } #colcontmid { background:#fff url('stg_colcontmidbg.gif') repeat-y center top; padding:10px 60px; overflow:hidden; text-align:left; } #colcontbase { background:#fff url('stg_colcontbasebg.gif') no-repeat center bottom; width:900px; height:50px; } #hpwelcomecol { float:left; width:520px; margin-bottom:30px; } #hpquicklinkscol { float:right;		 width:230px; margin-top:50px; overflow:hidden; } .hpquicklinklc { float:left; width:90px; } .hpquicklinkrc { float:right; width:135px; } #hpbestsellerscol { float:left;		 width:230px; } .bestseller { padding-bottom:10px; border-bottom:1px dotted #ccc; margin-bottom:15px; } .bestsellerthumb { float:left; width:85px; text-align:left; } .bestsellerinfo { float:right; width:140px; text-align:center; } #hpspecialofferscol { float:right; width:500px; } .specialoffer { padding-bottom:10px; border-bottom:1px dotted #ccc; margin-bottom:15px; } .specialofferthumb { float:left; width:95px; text-align:left; } .specialofferinfo { float:left; width:260px; } .specialofferprice { float:right; width:140px; text-align:center; } #infoproductsnavcol { float:left; width:160px; margin-bottom:30px; } #infoproductscontentcol { float:right;		 width:570px; margin-bottom:30px; } #productscontentcol { float:right;		 width:570px; margin-bottom:30px; } #sectionproductcontainer { margin:20px 0; padding:20px 0; border-top:1px dotted #ccc; } #fullproductcontainer { margin:20px 0; padding:20px 0; } .sectioncont, .productcont { padding-bottom:10px; border-bottom:1px dotted #ccc; margin-bottom:15px; } .productfullcont { padding-bottom:10px; margin-bottom:15px; } .sectionimg, .productthumbimg { float:left; width:95px; } .sectioninfo { float:right; width:470px; } .productthumbinfo { float:left; width:320px; } .productthumblinks { float:right; width:140px; padding-top:10px; text-align:center; } .productfullimg { float:left; width:320px; } .productfullinfo { float:right; width:240px; } .productfulldetails, .productfulladdimages { width:570px; margin:10px 0; } #deliverylogoscont { margin:10px 0 0; padding:15px 10px 10px;			 background:url('stg_deliveryfinancetopbg.gif') top left no-repeat; } #deliverylogoscontbase { height:5px; background:url('stg_deliveryfinancebasebg.gif') bottom left no-repeat; } #deliverycont { float:left;		 width:315px; padding-top:7px; } .deliverylc { float:left; width:140px; text-align:right;					 } .deliveryrc { float:right;					 width:170px; } #logoscont { float:right;		 width:410px; padding-top:5px; text-align:right; } #infoproductsnavcol ul { list-style-type:none; padding:5px 0; } .ul1 { margin:0; padding:0; } .li1 { margin:0; padding:0; } .li1 a:link, .li1 a:active, .li1 a:visited { display:block; margin:5px 0; padding:1px 10px 5px 20px; color:#666; text-decoration:none; background:url('stg_navoff.gif') top left no-repeat; border-bottom:1px dotted #ccc; line-height:1.1em; } .li1 a:hover { color:#f99135; background:url('stg_navhover.gif') top left no-repeat; border-bottom:1px dotted #ccc; }			 .li1_selected { margin:0; padding:0; } .li1_selected a:link, .li1_selected a:active, .li1_selected a:visited { display:block; margin:5px 0; padding:1px 10px 5px 20px; color:#003366; font-weight:bold; text-decoration:none; background:url('stg_navon.gif') top left no-repeat; border-bottom:1px dotted #ccc; line-height:1.1em; } .li1_selected a:hover { color:#003366; background:url('stg_navon.gif') top left no-repeat; } .ul2 { margin:-7px 0 0; padding:0; font-size:90%; } .li2 { margin:0; padding:0; } .li2 a:link, .li2 a:active, .li2 a:visited { display:block; margin:0px 2px; padding:2px 10px 3px 20px; color:#999; font-weight:normal; text-decoration:none; background:url('stg_nav2off.gif') top left no-repeat; border-bottom:0px dotted #999; } .li2 a:hover { color:#f99135; background:url('stg_nav2hover.gif') top left no-repeat; }			 .li2_selected { margin:0; padding:0; } .li2_selected a:link, .li2_selected a:active, .li2_selected a:visited { display:block; margin:0px 2px; padding:2px 10px 3px 20px; color:#666; text-decoration:none; border-bottom:0px solid white; background:url('stg_nav2on.gif') top left no-repeat; } .li2_selected a:hover { color:#003366; background:url('stg_nav2on.gif') top left no-repeat; } .ul3 { margin:-5px 0 0; padding:0; font-size:100%; } .li3 { margin:0; padding:0; } .li3 a:link, .li3 a:active, .li3 a:visited { display:block; margin:0px 2px; padding:2px 10px 2px 25px; color:#999; font-weight:normal; text-decoration:none; border-bottom:0px dotted #999; background:url('stg_nav3off.gif') top left no-repeat; } .li3 a:hover { color:#f99135; background:url('stg_nav3hover.gif') top left no-repeat; }			 .li3_selected { margin:0; padding:0; } .li3_selected a:link, .li3_selected a:active, .li3_selected a:visited { display:block; margin:0px 2px; padding:2px 10px 2px 25px; color:#666; text-decoration:none; border-bottom:0px solid white; background:url('stg_nav3on.gif') top left no-repeat; } .li3_selected a:hover { color:#003366; background:url('stg_nav3on.gif') top left no-repeat; } #footercont { background:url('stg_footer_bg.gif') top center repeat-x; text-align:left; margin:15px 0; padding:0 20px; } #footerabout { float:left; width:160px; border-left:1px dotted #ccc; } #footerinfo { float:left; width:161px; border-left:1px dotted #ccc; } #footerproducts { float:left; width:200px; border-left:1px dotted #ccc; } #footerordering { float:left; width:150px; border-left:1px dotted #ccc; }		 #footercopyright { float:right; width:180px; text-align:right; border-left:1px dotted #ccc; }		 .clear { clear:both; height:1px; } /* ////////////////////////////////////////////// */  /* ////////////////////////////////////////////// */  /* /////////////// ACT STYLESHEET /////////////// */  /* ////////////////////////////////////////////// */  /* ////////////////////////////////////////////// */  /* theme.css contains styles that support different sizes of theme images */ @import url("theme.css"); .actCHECKOUTEM { background-color: #336699; } .actCHECKOUTBG { background-color: #eeeeee; } .actlarger { font-size: 13px; color: #666666; } .actsmaller{ font-size: 10px; color: #666666; } .actxxsmall { font-size: 10px; color: #666666; } .actxsmall { font-size: 11px; color: #666666; } .actsmall { font-size: 11px; color: #666666; } .actregular { font-size: 13px; color: #666666; } .actlarge{ font-size: 16px; color: #666666; } .actxlarge { font-size: 20px; color: #666666; } .actxxlarge { font-size: 20px; color: #666666; } .actwarningcolor { color: #cc0000; } .actrequiredcolor { color: #cc0000; } .actsearchhighlightcolor { color: #cc0000; } .actrequired { color: #cc0000; } .actwarning { font-size: 11px; color: #cc0000; } .actwelcome { font-size: 11px; color: #666666; } .actlogotext { font-size: 11px; color: #D9090E; font-style: normal; font-weight: bold; text-align: center; } .actlogout { font-size:80%; } /* Boxes and borders ------------------------------------------- */ .thinborder1 { border: 1px solid #003366; } .thinborder2 { border: 1px solid #336699; } .thinred { border: solid 1px #003366; border-top: 0px; } .thinred2 { border: solid 1px #336699; 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 ------------------------------------------- */ .cart { background-color:#f4f4f4; font-size:100%; padding:3px; } .cartheading { background:#e9e9e9; font-size:100%; color:#666; font-weight: bold; padding:1px 3px 3px; }		 td.cart ol { margin-left:30px; } /* Checkout Progress Indicator  ------------------------------------------------ */ p.checkout-progress-heading { width: 600px; margin: 10px auto; } #checkout-progress-indicator { width: 600px; height: 19px; background-image: url('wt_checkoutindicatorbg.gif'); margin: 0 auto 20px auto; } .checkout-progress-0 { width: 150px; height: 19px; background-color: #003366; background-image: url('wt_checkoutindicatormain.gif'); float: left; } .checkout-progress-1 { width: 300px; height: 19px; background-color: #003366; background-image: url('wt_checkoutindicatormain.gif'); float: left; } .checkout-progress-2 { width: 450px; height: 19px; background-color: #003366; background-image: url('wt_checkoutindicatormain.gif'); float: left; } .checkout-progress-3 { width: 600px; height: 19px; background-color: #003366; background-image: url('wt_checkoutindicatormain.gif'); float: left; } #checkout-progress-indicator .cpi-end { width: 8px; padding: 0; margin: 0; border: 0; height: 19px; background-image: url('wt_checkoutindicatorend.gif'); background-position: right; background-repeat: no-repeat; float: left; } /* Formatting for the site map -------------------------------------------- */ #actinic-sitemap { } #actinic-sitemap ul { margin:0 60px 20px; padding:0; } #actinic-sitemap ul li { margin:0; padding:0; } #actinic-sitemap a:link, #actinic-sitemap a:visited, #actinic-sitemap a:active { color:#0b2f5a; } #actinic-sitemap a:hover { color:#31aa1d; text-decoration:underline; }	 /* Used by 'CSS Product Layout' ------------------------------------------- */ .content_left { text-align: left; float: left; margin-right: 20px; } .content_right { text-align: left; float: left; } /* Used by 'Standard Layout Using CSS' and related CSS-based product layouts */ .product_list	{ margin: 20px 0px 20px 0px; }	 /* Default formatting of all text boxes used in store pages ---------------- */ .form_input_general	{ line-height: normal; font-size : 100%; word-spacing: normal; border:1px solid #d3bb82; } /* Heading for attributes  --------------------------------------------------------*/ .text_options	{ font-style:italic; font-size:90%; line-height:1.1em; } /* 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: #336699; border: 1px solid #003366; color: #ffffff; background-image: url('theme_icon_add_to_cart.gif'); word-spacing: normal; }