/*----- ESSENTIALS -----*/ body { margin:0; /* make anything a hover in IE with this code >> */ behavior:url("/css/csshover.htc"); background:url(/images/bg-internal.jpg) repeat-x #f2f0e9; font-size:12px; color:#524f4d; font-family:Arial, Helvetica, sans-serif; } table, td { border:0; border-spacing:0; border-collapse:collapse; padding:0; margin:0; vertical-align:top } img { line-height:normal; border:0; /* fixes the png image problem */ behavior:url("/css/pngfix.htc")} ul, li { list-style-type:none; padding:0; margin:0 } form, input { padding:0; margin:0 } h1, h2, h3 { padding:0; margin:0 } h1 { color:#ec7022; font-size:24px; font-family:Arial, Helvetica, sans-serif; margin:0px 0 10px 0; } h2 { color:#524f4d; font-size:16px; font-family:Arial, Helvetica, sans-serif; margin:3px 0 20px 0; } h2.orange { color:#ec7022; font-size:16px; font-family:Arial, Helvetica, sans-serif; margin:3px 0 20px 0; } h3 { color:#ec7022; font-size:24px; font-family:Arial, Helvetica, sans-serif; margin:0px 0 10px 0; font-weight:normal; } h4 { color:#7b7978; font-size:18px; font-family:Arial, Helvetica, sans-serif; margin:15px 0; font-weight:normal;} h5 { color:#000; font-size:30px; font-family:Arial, Helvetica, sans-serif; margin:15px 0; font-weight:normal;} .detailPriceStyle { color:#000; font-size:30px; font-family:Arial, Helvetica, sans-serif; margin:15px 0; font-weight:normal;} h6 { color:#000; font-size:24px; font-family:Arial, Helvetica, sans-serif; margin:10px 0; font-weight:normal;} a { color:#0094df; text-decoration:underline } a:hover { color:#d0631e; text-decoration:none; } /*----- ESSENTIALS -----*/ /*----- WRAPPER -----*/ #mainWrap { margin:0 auto; width:896px; border:solid 2px #ececea; background:#fff; padding:2px; xbackground:url(/images/bg-page.png) repeat-y; xwidth:900px; xpadding:0 10px } /*----- WRAPPER -----*/ /*----- HEADER -----*/ #hdr { text-align:right; height:93px; font-size:12px; color:#8d8b8b; line-height:21px; padding:10px 20px 0 15px; margin:0;} #hdr a {color:#8d8b8b; text-decoration:none; padding:0 5px;} #hdr a:hover {color:#d0631e; text-decoration:underline;} #hdr a.cartitems {color:#d0631e; padding:0 2px;} #hdr a.rightend {padding-right:0px;} #hdrCartItems { margin:5px 0;} /* #searchBox { background:#e2e2e2; padding:5px; float:right; width:316px; height:24px; margin:17px -20px 0 0; position:relative;} */ #searchBox { width:326px; height:24px; float:right; clear:none; background:#e2e2e2; padding:5px; margin:5px -20px 0 0;} .search {width:200px; border:solid 1px #a9a9a9; background:url(/images/search-glass.jpg) left no-repeat #FFF; padding:2px 2px 2px 25px; float:left; height:18px; color:#bab9b9;} .searchBtn { width:84px; height:24px; border:solid 0px; border-collapse:collapse; float:left; margin-left:8px; background: url(/images/bg-search-btn.jpg) repeat-x #0093e0; cursor:pointer; color:#fff; font-size:11px; font-weight:bold; text-transform:uppercase;} /*----- SPLASH -----*/ /* homepage splash */ #hpSplash { background:#f9d4bc; padding:9px 0; width:896px; border-bottom:solid 1px #b15419; } /* internal splash */ #inSplash { background:#f9d4bc; padding:5px 0 2px 0; width:896px; xmargin:0 -75px 0 0; xz-index:100; xposition:relative; } /*----- SPLASH -----*/ /*----- NAVIGATION -----*/ /* top navigation */ #navTop { background:url(/images/nav-bg.jpg) repeat-x; height:46px; width:896px; color:#fff; font-weight:bold; } #navTop ul { float:left; padding:15px 0 0 20px; margin:0px;} #navTop li { float:left; padding:0 7px;} #navTop a { color:#FFF; text-decoration:none; text-transform:uppercase;} #navTop a:hover { color:#002049; text-decoration:underline;} /*----- NAVIGATION -----*/ /*----- BODY HOMEPAGE -----*/ #hpBody { vertical-align:top; width:894px; clear:both; xborder:solid 1px #FF0000;} #hpAbout { width:555px; padding:15px 5px 0 25px; xborder:solid 1px #FF0000; line-height:18px;} #hpAbout h1 { color:#ec7022; font-size:25px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; line-height:normal;} #hpAbout h2 { color:#524f4d; font-size:15px; font-family:Arial, Helvetica, sans-serif; margin:13px 0; line-height:normal;} #hpFeatured { width:490px; padding:20px 20px 0px 20px; xborder:solid 1px #99CCFF; line-height:18px; } #hpFeatured h1 {color:#ec7022; line-height:normal; font-size:24px;} #hpFeatured h2 { color:#524f4d; font-size:15px; font-family:Arial, Helvetica, sans-serif; margin:13px 0; line-height:normal;} #hpFeatureProduct { float:right; width:250px; margin:-50px -50px 0 0; xborder:solid 1px #ff0000;} #hpFeaturedProductImg { width:250px; height:250px; } #specialPrice {background:url(/images/price-button-bg.png) no-repeat; width:65px; height:53px; padding:45px 25px; color:#FFF; font-size:10px; float:right; position:relative; margin:0px 0px -250px 0px; behavior:url("/css/pngfix.htc"); } #specialPrice b { font-size:22px; line-height:30px; font-family:Arial, Helvetica, sans-serif;} .roundedBox {background:url(/images/hp-featuredprod-bg.jpg) 0 0 no-repeat; width:538px; margin:20px 0 0px 25px; xborder:solid 1px #FF0000;} #hpOther { width:490px; padding:20px 20px 0px 20px; xborder:solid 1px #00FF00; line-height:18px;} #hpOther .hpotherheader {color:#ec7022; font-size:18px; font-weight:normal; border-bottom:solid 1px #e4e9eb; width:100%; margin-bottom:10px; padding:0 0 10px 0;} .otherProductDiv {float:left; width:160px; xborder:solid 1px #00FF00; margin:0 1px;} .otherProductDiv img {width:68px; height:91px; float:left; margin:0 2px;} .otherProductDiv a { color:#524f4d; font-weight:bold; text-decoration:none;} .otherProductDiv a:hover { color:#d0631e; text-decoration:underline;} .otherProductDiv a.order { color:#0094df; text-decoration:underline} .otherProductDiv a.order:hover { color:#d0631e; text-decoration:none;} .glidecontentwrapper{position:relative; width:490px; height:115px; border:none; overflow:hidden; xborder:solid 1px #000;} .glidecontent{position:absolute; visibility:hidden; width:490px; background:#f5f8f9;} .glidecontenttoggler{width:95px; margin-top:6px; text-align:right; float:right} .glidecontenttoggler a{ display:block;border:none;color: #2e6ab1;padding: 1px 3px;margin-right: 3px; margin-left:4px;font-weight: bold;text-decoration: none;background:url(/images/inactive-dot.jpg) no-repeat; float:left;} .glidecontenttoggler a.selected{background:url(/images/active-dot.jpg) no-repeat;} .glidecontenttoggler a:hover{background:url(/images/active-dot.jpg) no-repeat;} .glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */} .glidecontenttoggler a.arrow {border:none; padding:0; margin-left:0; margin-right:0; margin-top:-3px; background:none;} #hpHow { width:270px; border:solid 4px #eae9e8; background:#f7f8f8; padding:15px; line-height:18px;} #hpHow h1 { line-height:normal; color:#008fd8; font-size:18px;} #hpHow h2 { color:#524f4d; font-size:15px; font-family:Arial, Helvetica, sans-serif; margin:13px 0; line-height:normal;} #hpHow h3 { line-height:normal; color:#008fd8; font-size:14px; margin:10px 0;} #hpHow ul { margin:10px 10px 20px 10px; font-weight:bold;} #hpHow li { background:url(/images/circle-arrow.jpg) left no-repeat; padding:5px 0 5px 20px; border-top:1px solid #edeceb;} #hpHow li.end { background:none; padding:5px 0 5px 20px; border-bottom:1px solid #edeceb; text-align:right;} /*----- BODY HOMEPAGE -----*/ /*----- BODY INTERNAL -----*/ #inBody { margin:0 0 0 5px;} #inBody ul { padding:0; margin:15px; } #inBody li {margin:0; list-style-type:disc;} #subnav {border:solid 4px #eae9e8; background:#f7f8f8; padding:0 15px 5px 15px; width:175px;} #subnav span { color:#008fd8; font-size:16px; font-weight:bold; margin-top:15px; margin-bottom:10px; display:block; clear:both;} #subnav ul { margin:0} #subnav ul li ul {margin:8px 0 0 0;} #subnav li { background:url(/images/li.png) no-repeat; list-style-type:none; padding:6px 0 6px 20px; margin:0; border-top:solid 1px #edeceb;} #subnav li.end { border-bottom:solid 1px #edeceb;} #subnav a { font-weight:bold;} #subnav a.current { color:#d0631e; text-decoration:none;} #left { width:216px; padding:0 15px 0 15px} #right { width:570px; padding:0px 20px 10px 0px;} #category {} #category h1 { color:#524f4d; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;} #category b { color:#524f4d; font-size:16px; line-height:20px;} #category input { width:35px;} #category .addcell { border-left:solid 1px #edeceb; padding:5px 10px; text-align:center;} #category .details {padding:0 15px 15px 15px; width:350px;} .line { border-bottom:solid 1px #edeceb; height:5px; margin-bottom:5px; clear:both; width:100%;} .prodoductDetails { color:#524f4d; font-size:18px;} .prodoductDetails img {margin:0 10px 10px 0;} #details {width:310px; float:right; xborder:solid 1px #993366; } #detailPics {xfloat:left; width:242px; border:solid 4px #eae9e8; background:#f7f8f8; clear:left} #detailPics img {margin:5px 3px 3px 3px;} .detailspictures { float:left; width:270px; xborder:solid 1px #0033CC; } #recommendations { border:solid 4px #eae9e8; background:#f7f8f8; float:left; width:591px; padding:10px 0 10px 10px; font-size:13px; color:#000; line-height:18px;} .product {float:left; width:164px; padding:0 10px; border-right:solid 1px #eae9e8;} .noborder {border:none; padding-right:0;} #tabs {clear:both; padding:15px 0 0 0; color:#524f4d; font-size:13px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;} #tabs span { color:#524f4d; font-size:30px; font-weight:normal; clear:both; display:block;} #tabs h2 { color:#7b7978; font-size:18px; font-weight:bold;} x#tabs a { background:url(/images/tabs-inactive.jpg) no-repeat #f8cfb5; color:#FFF; border:solid 1px #f8cfb5; font-size:13px; text-transform:uppercase; text-decoration:none; display:block; width:96px; height:17px; padding:5px 0; text-align:center; font-weight:bold; position:relative; z-index:100; margin-bottom:-2px; } x#tabs a:hover { background:#f5f8f9; border:solid 1px #c9c7c7; color:#000; border-bottom:none;} #tabs a:hover { color:#000;} x#tabs a:active { background:#f5f8f9; border:solid 1px #c9c7c7; color:#000; border-bottom:none;} #tabDiv01,#tabDiv02,#tabDiv03,#tabDiv04 { border:solid 1px #c9c7c7; background:#f5f8f9; padding:10px; margin-bottom:10px;width:586px;clear:both;} /**/ * #tabDiv01,* #tabDiv02,* #tabDiv03,* #tabDiv04{margin-top:-30px} .tabActive { float:left;background:#f5f8f9; border:solid 1px #c9c7c7; color:#000; border-bottom:none; font-size:13px; text-transform:uppercase; text-decoration:none; display:block; width:96px; height:17px; padding:5px 0; text-align:center; font-weight:bold; position:relative; z-index:100; margin-bottom:-2px; } .tabInactive { float:left;background:url(/images/tabs-inactive.jpg) no-repeat #f8cfb5; color:#FFF; border:solid 1px #f8cfb5; font-size:13px; text-transform:uppercase; text-decoration:none; display:block; width:96px; height:17px; padding:5px 0; text-align:center; font-weight:bold; position:relative; z-index:100; margin-bottom:-2px; } #rightCalltoaction { width:150px; float:left; padding-left:50px; margin:0 -20px 0 0; position:relative;} .testimonialLine { border-bottom:solid 1px #edeceb; height:5px; margin-bottom:5px; width:400px; xfloat:left;} .ontv {float:right; width:130px; color:#a10e00; text-decoration:none; background:url(/images/logo-AsSeenOnTV_large.gif) 0 0 no-repeat; padding:100px 0 0 0; margin:5px -37px 20px 30px } .ontv:hover { color:#000 } .ontv .sup { position:relative; top:-1px } #middle { float:left; clear:none; width:400px;} /*----- BODY INTERNAL -----*/ /*----- FOOTER -----*/ #ftr { margin:0 auto; width:896px; height:68px; background:#0094df; color:#fff; padding:2px; line-height:22px;} #ftr a {color:#fff; text-decoration:none;} #ftr a:hover {color:#fff; text-decoration:none} .paddingFTR {padding:2px 0 0 15px;} /*----- FOOTER -----*/ /** * This
element is wrapped by jCarousel around the list * and has the classname "jcarousel-container". */ .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 75px; height: 75px; } /** * The buttons are added dynamically by jCarousel before * the