@charset "utf-8"; /* Original design work, including graphics and all related scripts, Copyright (c) OCDesignsOnline.com, All Rights Reserved. Used with permission by Accessory Tree. */ /* General page formatting -------------------------------------------------- */ body { width:100%; /* background:transparent url(images/x-bg-02.jpg) center top scroll repeat-x; */ background:transparent none; margin:0 auto; padding:0; text-align:center; } #container { width:100%; background:transparent url(images/x-bg-02.jpg) center top scroll no-repeat; margin:0 auto; padding:0; border:0 none; text-align:center; } #header, #bodyshell, #footer { width:956px; margin:0 auto; padding:0; position:relative; overflow:hidden; text-align:left; } #bodyshell { background:transparent url(images/x-content.png) center top repeat-y; float:none; border-left:0 none; } #nav-product { width:188px; position:relative; float:left; margin:0; margin-left:15px; padding:0; overflow:hidden; background:transparent none; } #bodycontent { width:726px; position:relative; float:right; margin:0; margin-right:15px; padding:0; overflow:hidden; } #htmltop, #htmlbottom, #messagearea, #messagearea #caption { margin:0 auto; padding:0; border-bottom:0 none; background:transparent none; overflow:hidden; } #searcharea, #messagearea br[clear="all"] { display:none; } /* fonts */ body, p, a, ul li, #contentarea, #contentarea p, #contents, #contents p { font:normal 12px/18px Arial, Tahoma, Geneva, Sans-serif; color:#333; } p { margin:0; padding:0 0 16px; } ul, dl { margin:0 10px; padding:0 5px 16px; } ul li { margin:0; padding:0 0 5px 15px; } a, a:link, a:visited, a:active { color:#333; text-decoration:none; } a:hover { color:#0A6704; text-decoration:underline; } h1 { font:normal 18px/21px Arial, Tahoma, Geneva, Sans-serif; color:#333; margin:0; padding:0 0 5px; } h2 { font:normal 18px/21px Arial, Tahoma, Geneva, Sans-serif; color:#0A6704; margin:0; padding:0 0 5px; } h3 { font:normal 16px/19px Arial, Tahoma, Geneva, Sans-serif; color:#333; margin:0; padding:0 0 5px; } h4 { font:normal 16px/19px Arial, Tahoma, Geneva, Sans-serif; color:#0A6704; margin:0; padding:0 0 5px; } h5 { font:bold 13px/18px Arial, Tahoma, Geneva, Sans-serif; color:#0A6704; margin:0; padding:6px 0; } hr { margin: 5px auto; } /* Header formatting -------------------------------------------------- */ #header { height:176px; background:transparent url(images/x-head.png) 0 0 no-repeat; margin:0 auto; } #brandmark { position:absolute; left:32px; top:64px; width:263px; height:44px; display:block; margin:0; padding:0; } /* header logo */ #brandmark a { padding:0; } /* cart summary */ #x-hd-cart { position:absolute; left:868px; top:93px; width:77px; height:18px; text-align:left; } #x-hd-cart, #x-hd-cart a { font:normal 12px/18px Arial, Tahoma, Geneva, Sans-serif; color:#FFF; text-decoration:none; } #x-hd-cart a:hover { color:#D4F254; text-decoration:none; } #x-hd-acct { position:absolute; left:742px; top:93px; height:18px; text-align:left;} #x-hd-acct a { font:normal 12px/18px Arial, Tahoma, Sans-serif; color:#FFF; text-decoration:none; } #x-hd-acct a:hover { color:#D4F254; text-decoration:none; } /* search box */ #x-hd-srch { position:absolute; left:441px; top:87px; width:274px; height:28px; border:0 none; margin:0; padding:0; overflow:hidden; } #x-hd-sbox { width:225px; height:28px; border:0 none; background-color:transparent; margin:0; padding:0 10px; float:left; font:normal 11px/28px Arial, Tahoma, Geneva, Sans-serif; color:#888; } #x-hd-sbtn { width:28px; height:28px; background:transparent none; border:0 none; margin:0; padding:0; float:right; cursor:pointer; } /* menu bar */ #x-hd-menu { position:absolute; left:9px; top:122px; width:938px; height:41px; } #x-hd-menu li { text-align:center; } #x-hd-menu li.last { background-image:none; padding:0; } #x-hd-menu li a { font:normal 12px/41px Arial, Tahoma, Geneva, Sans-serif; color:#FFF; text-decoration:none; text-transform:uppercase; padding:0 15px; display:block; } #x-hd-menu li a:hover { color:#FFF; text-decoration:none; background:transparent url(images/x-hd-mhov.png) 0 0 repeat-x; } /* menu bar */ #nav-general { position:absolute; left:9px; top:122px; width:938px; height:41px; float:none; margin:0; padding:0; overflow:hidden; } #nav-general li { text-align:center; background:transparent url(images/x-hd-mdiv.png) right top no-repeat; margin:0; padding:0 3px 0 0; border:0 none; float:left; } #nav-general li a { color:#FFF; font:normal 13px/41px Arial, Tahoma, Geneva, Sans-serif; text-decoration:none; text-align:center; text-transform:uppercase; margin:0; padding:0 20px; border:0 none; display:block; } #nav-general li a.linkcheckout { background:transparent none; margin:0; padding:0 20px; } #nav-general li a:hover, #nav-general li a.linkcheckout:hover { color:#FFF; text-decoration:none; background:transparent url(images/x-hd-mhov.png) 0 0 repeat-x; margin:0; padding:0 20px; } /* Left nav bar formatting -------------------------------------------------- */ #nav-product, #nav-product p, #nav-product a, #nav-product ul li, #nav-product ul li a, #nav-product td, #nav-product span { text-align:left; font:normal 12px/18px Arial, Tahoma, Geneva, Sans-serif; color:#333; } /* left text boxes */ #nav-product .x-ln-title { background:transparent url(images/x-ln-title.png) 0 0 no-repeat; height:30px; } #nav-product .x-ln-title-cats { background-image:url(images/x-ln-title-cats.png); } #nav-product .x-ln-top { background:transparent url(images/x-ln-top.png) 0 0 no-repeat; height:5px; } #nav-product .x-ln-mid { background:transparent url(images/x-ln-mid.png) 0 0 repeat-y; } #nav-product .x-ln-btm { background:transparent url(images/x-ln-btm.png) 0 0 no-repeat; height:17px; } #nav-product .x-ln-ins { padding:10px 10px 0; overflow:hidden; } #nav-product .x-ln-promo { display:block; margin:0; padding:0; border:0 none; text-decoration:none; } /* categories level 1 */ #nav-product ul { width:188px; background:transparent url(images/x-ln-mid.png) 0 0 repeat-y; list-style:none inside none; margin:0; padding:0; overflow:hidden; } #nav-product ul li { margin:0 10px; padding:0; border-top:1px dotted #D1D1D1; } #nav-product ul li a { background:transparent url(images/x-ln-lev1.png) 3px 9px no-repeat; font-weight:bold; text-transform:uppercase; line-height:14px; display:block; margin:0; padding:5px 0 5px 15px; } #nav-product ul li a:hover { background:transparent url(images/x-ln-lev1.png) 3px 9px no-repeat; color:#0A6704; text-decoration:none; font-weight:bold; } /* categories level 2 */ #nav-product ul li ul { width:auto; background:transparent none; list-style:none inside none; } #nav-product ul li ul li { margin:0 0 0 15px; padding:0; border-top:0 none; } #nav-product ul li ul li a { background:transparent url(images/x-ln-lev2.png) 0 9px no-repeat; font-weight:normal; text-transform:none; line-height:14px; display:block; margin:0; padding:2px 0 2px 12px; } #nav-product ul li ul li a:hover { background:transparent url(images/x-ln-lev2.png) 0 9px no-repeat; color:#0A6704; text-decoration:none; font-weight:normal; } /* promo boxes */ #x-ln-news { width:188px; height:97px; background:transparent url(images/x-ln-news.png) 0 0 no-repeat; } #x-ln-ppal { width:188px; height:129px; background:transparent url(images/x-ln-ppal.png) 0 0 no-repeat; } /* Homepage formatting -------------------------------------------------- */ /* text boxes */ .x-tb-title { background:transparent url(images/x-tb-title.png) 0 0 no-repeat; height:30px; } .x-tb-title-best { background-image:url(images/x-tb-title-best.png); } } .x-tb-top { background:transparent url(images/x-tb-top.png) 0 0 no-repeat; height:5px; } .x-tb-mid { background:transparent url(images/x-tb-mid.png) 0 0 repeat-y; padding:5px 0; } .x-tb-btm { background:transparent url(images/x-tb-btm.png) 0 0 no-repeat; height:17px; } .x-tb-ins { padding:10px 15px 0; } .x-tb-mid, .x-tb-mid p, .x-tb-mid a, .x-tb-mid li { text-align:left; font:12px/18px Arial, Tahoma, Geneva, Sans-serif; color:#333; } .x-tb-mid p, .x-tb-mid ul { padding:0 0 15px; list-style-type:none; } .x-tb-mid li { background:transparent url(images/x-tb-bull.png) 0 0 no-repeat; padding:0 0 5px 15px; } .x-tb-mid ol { padding:0 15px 15px 25px; } .x-tb-mid ol li { background:transparent none; padding:0 0 5px 0; } .x-tb-mid a, .x-tb-mid a:visited, .x-tb-mid a:active, .x-tb-mid a:link { color:#333; text-decoration:underline; } .x-tb-mid a:hover { color:#0A6704; text-decoration:underline; } /* top promo banners */ #x-hm-bann { width:726px; height:328px; position:relative; margin:0 0 5px; } #x-hm-bann-01 { position:absolute; left:0; top:0; width:491px; height:328px; display:block; margin:0; padding:0; border:0 none; } #x-hm-bann-02 { position:absolute; left:500px; top:0; width:226px; height:163px; display:block; margin:0; padding:0; border:0 none; } #x-hm-bann-03 { position:absolute; left:500px; top:163px; width:226px; height:165px; display:block; margin:0; padding:0; border:0 none; } /* shop cats images */ #x-shop { overflow:hidden; } #x-shop img { width:236px; height:129px; margin:0 0 8px 8px; float:left; display:block; } #x-shop img.x-first { margin-left:0; } /* welcome text */ #x-welc { padding:5px 0; text-align:left; } #x-welc h1 { font:normal 18px/21px Arial, Tahoma, Geneva, Sans-serif; color:#333; margin:0; padding:0 0 5px; } #x-welc p { font:normal 12px/18px Arial, Tahoma, Geneva, Sans-serif; color:#333; margin:0; padding:0 0 15px; } /* featured products */ h1#specialstitle { display:none; } #contents .horizontal-seperator { border-bottom:1px dotted #D1D1D1; } #contents .vertical-seperator { border-right:1px dotted #D1D1D1; } #contents .name a { color:#333; font-weight:bold; text-decoration:none; font-size:13px; line-height:15px; } #contents .name a:hover { color:#000; font-weight:bold; text-decoration:none; } #contents .price { color:#333; } #contents .sale-price-bold { color:#BB380F; font-weight:bold; } #contents #contents-table { border-bottom:0 none; } /* Internal pages formatting -------------------------------------------------- */ #contentarea h1#section-contenttitle { with:696px; height:30px; font:normal 14px/30px Arial, Tahoma, Geneva, Sans-serif; color:#FFF; text-transform:uppercase; /* background-color:#0A6704; */ background:transparent url(images/x-tb-title.png) 0 0 no-repeat; margin:0 0 15px; padding:0 15px; } #contentarea h1#item-contenttitle { with:696px; height:30px; font:normal 14px/30px Arial, Tahoma, Geneva, Sans-serif; color:#FFF; text-transform:none; /* background-color:#0A6704; */ background:transparent url(images/x-tb-title.png) 0 0 no-repeat; margin:0 0 15px; padding:0 15px; } /* Footer formatting -------------------------------------------------- */ #footer { width:100%; height:410px; background:transparent url(images/x-bg-01.png) center bottom no-repeat; margin:0 auto; text-align:left; } #footer-links { display:none; } #copyright { width:956px; height:410px; text-align:left; margin:0 auto; padding:0; background:transparent url(images/x-foot.png) center top no-repeat; display:block; position:relative; } #x-ft-col1 { position:absolute; left:5px; top:156px; width:122px; height:170px; } #x-ft-col2 { position:absolute; left:127px; top:156px; width:119px; height:170px; } #x-ft-col3 { position:absolute; left:246px; top:156px; width:282px; height:170px; } #x-ft-col4 { position:absolute; left:528px; top:156px; width:168px; height:170px; } #x-ft-col5 { position:absolute; left:696px; top:156px; width:255px; height:170px; } #x-ft-copy { position:absolute; left:5px; top:350px; width:690px; height:20px; text-align:center; } #footer .x-ft-ins { padding:10px 15px 0; } #footer h3 { text-align:left; font:bold 14px/37px Arial, Tahoma, Geneva, Sans-serif; color:#B3D132; margin:0; padding:0 15px; } #footer p, #footer ul { text-align:left; margin:0; padding:0 0 5px; list-style:none inside none; } #footer p, #footer a, #footer ul, #footer ul li { font:normal 11px/20px Arial, Tahoma, Geneva, Sans-serif; color:#FFF; } #footer ul li { background:transparent url(images/x-ft-bull.png) 0 7px no-repeat; padding:0 0 0 13px; } #footer a, #footer a:visited, #footer a:active, #footer a:link { color:#FFF; text-decoration:none; } #footer a:hover { color:#B3D132; text-decoration:none; } /* foot social links */ #footer ul li.x-ft-fb { background:transparent url(images/x-ft-icon-fb.png) left center no-repeat; padding:0 0 5px 32px; line-height:28px; } #footer ul li.x-ft-tw { background:transparent url(images/x-ft-icon-tw.png) left center no-repeat; padding:0 0 5px 32px; line-height:28px; } #footer ul li.x-ft-yt { background:transparent url(images/x-ft-icon-yt.png) left center no-repeat; padding:0 0 5px 32px; line-height:28px; } /* foot testimonial */ #x-ft-test p { line-height:15px; } #x-ft-test p.x-ft-sign { text-align:right; color:#B3D132; } #x-ft-test a, #x-ft-test a:visited, #x-ft-test a:active, #x-ft-test a:link { color:#B3D132; text-decoration:none; } #x-ft-test a:hover { color:#B3D132; text-decoration:undelrinene; } /* foot contact us */ #x-ft-cont p, #x-ft-cont a, #x-ft-cont a:hover { font-weight:bold; }