/*styles*/ @charset "utf-8"; * { padding:0px; margin:0px; } body { background-image:url(images/bg.gif); background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; } a { text-decoration:none; outline:none; color:#29508b; } a img { border:none; } hr { border:none; height:1px; background-color:#eee; } .clear { clear:both; } .bold { font-weight:bold; } .colr { color:#006c6c; } .black { color:#000; } .cufon-canvas { margin:0; padding:0; } h1,h2,h3,h4,h5,h6 { margin:0 0 5px 0; padding:0; } h1 { font-size:18px; font-weight:normal; color:#153667; } h2 { font-size:16px; font-weight:normal; color:#153667; } h3 { font-size:15px; font-weight:normal; color:#153667; } h4 { font-size:14px; font-weight:normal; color:#153667; } .subhead { margin-top:20px; width:100%; float:left; } h5 { font-size:13px; font-weight:normal; color:#153667; } h6 { font-size:12px; font-weight:normal; color:#153667; } p { line-height:18px; } .left { float:left !important; } .right { float:right !important; }  /* ======================================================================= Buttons ======================================================================= */ a.cartbutton { background-image:url(images/btn_cart.gif); background-position:left; background-repeat:no-repeat; display:inline-block; color:white; padding-left:10px; } a.cartbutton span{ background-image:url(images/btn_cart.gif); background-position:right; background-repeat:no-repeat; height:18px; display:inline-block; color:white; padding:4px 30px 0px 0px; } /* Simple Buttom */ a.simplebutton { background-image:url(images/btn_simp.gif); background-position:left; background-repeat:no-repeat; display:inline-block; color:#666; padding-left:10px; } a.simplebutton span{ background-image:url(images/btn_simp.gif); background-position:right; background-repeat:no-repeat; height:18px; display:inline-block; color:#666; padding:4px 10px 0px 0px; } .wrappermain { width:942px; margin:0px auto; } .crumb { float:left; width:940px; height:25px; background:#f5f5f5; border:#cdcdcd solid 1px; margin:7px 0; } .crumb ul{ float:left; list-style:none; } .crumb ul li{ float:left; height:20px; padding:5px 25px 0px 15px; background-image:url(images/bread_crumb_sep.gif); background-position:right; background-repeat:no-repeat; } .crumb ul li a{ color:#335c99; } .crumb a.share{ float:right; padding:5px 10px 0px 0px; color:#335c99; } /* ======================================================================= Bread Crumb ======================================================================= */ #contentsec { float:left; width:940px; margin:0px; } /* ======================================================================= Column 1 ======================================================================= */ .left { float:left; width:220px; background-image:url(images/shadow.png); background-position:right top; background-repeat:no-repeat; } .left h6{ width:206px; border-bottom:#d2d2d2 solid 1px; padding:5px 0px; margin-bottom:10px; } /* ======================================================================= Categories ======================================================================= */ .categories { margin:5px 10px 10px 0px; }  /* ======================================================================= Advertisement Section ======================================================================= */ .adv { float:left; width:208px; } .adv a{ float:left; width:208px; border:#cdcdcd solid 1px; margin-bottom:10px; } .adv a img{ float:left; width:208px; } /* ======================================================================= Column 2 ======================================================================= */ .center { float:right; width:700px; padding:5px 0 0 0; margin:0 0 30px 0; } .center .heading{ width:700px; border-bottom:#d2d2d2 solid 1px; padding:5px 0px; margin-bottom:10px; } /* ======================================================================= Welcome Paragraph ======================================================================= */ .welcome { float:left; width:700px; margin-bottom:20px; } .welcome p{ float:left; width:700px; padding-bottom:8px; } /* ======================================================================= Product Listings ======================================================================= */ .listings { float:left; width:700px; } .listings ul{ float:left; list-style:none; } .listings ul li{ float:left; width:160px; margin-right:20px; margin-bottom:20px; } .listings ul li.last{ margin-right:0px; } .listings ul li a.title{ width:160px; padding:5px 0px; border-bottom:#d2d2d2 solid 1px; color:#666666; display:inline-block; font-weight:bold; } .listings ul li p.desc{ width:160px; padding:5px 0px; border-bottom:#d2d2d2 solid 1px; color:#666666; margin-bottom:5px; } .listings ul li p.price{ padding:2px 0px 5px 0px; color:#153667; font-weight:bold; float:left; } /* /* ======================================================================= Bottom Section ======================================================================= */ .botm_secs { width:700px; margin:0 0 0 0; } .botm_secs .sec{ float:left; width:326px; height:146px; border:#cdcdcd solid 1px; margin:10px 0 10px 0; } .botm_secs .last{ margin-left:20px; } .sec .sec_desc{ float:left; width:180px; height:125px; margin:10px 0 0 5px; } .sec_desc h5 { margin:0 0 5px 0; padding:0; color:#000; } .sec_desc p { margin:0; padding:0; line-height:1em; color:#333; } .sec_desc .sec_content { height:100px; overflow:hidden; } .sec a.shopnow{ padding:5px 15px; background-color:#990000; color:#FFF; border:#eee solid 1px; float:right; } .sec_desc a.shopnow:hover{ background-color:#000; } .sec .thumbwrapper { width:100px; height:120px; float:left; margin:10px 0 0 10px; border:solid 1px #fff; padding:2px; } .sec .thumbcontainer { width:100px; height:120px; overflow:hidden; } .sec .thumbcontainer img { height:120px; } /* ======================================================================= Categories Page Rules ======================================================================= */ .categorylist { float:left; width:700px; margin-bottom:20px; } .categorylist ul{ float:left; list-style:none; } .categorylist ul li{ float:left; width:161px; margin-right:18px; margin-bottom:20px; } .categorylist ul li.last{ margin-right:0px; } .categorylist ul li a img{ float:left; width:161px; height:104px; } .categorylist ul li a.title{ float:left; width:161px; display:inline-block; font-weight:bold; color:#153667; padding:5px 0px; border-top:#cdcdcd solid 1px; } /* ======================================================================= Product Detail Page Rules ======================================================================= */ .prod_detail { float:left; width:700px; margin-bottom:20px; border-bottom:#cdcdcd solid 1px; padding-bottom:20px; } .prod_img { float:left; width:244px; overflow:hidden; border-right:#cdcdcd solid 1px; margin-top:10px; } .prod_desc { float:right; width:440px; margin-top:10px; } .prod_desc .btns{ float:left; width:440px; border-bottom:#cdcdcd solid 1px; padding-bottom:10px; margin-bottom:10px; } .prod_desc .btns ul{ float:left; list-style:none; } .btns ul.price{ float:left; list-style:none; padding-top:4px; } .btns ul.price li{ float:left; padding:0px 10px; background-image:url(images/sep2.gif); background-repeat:no-repeat; background-position:right; font-weight:bold; } .btns ul.price li.last{ padding-right:0px; background-image:none; } .btns ul.price li.first{ padding-left:0px; } .prod_desc .btns ul.add{ float:right; list-style:none; } .btns ul.add li{ float:left; list-style:none; margin-left:10px; } .description { margin-bottom:10px; } .description h6{ margin:10px 0px; } /* ======================================================================= cart ======================================================================= */ .cart { float:left; width:700px; margin-bottom:20px; } .cart ul.head{ float:left; width:700px; list-style:none; border-bottom:#cdcdcd solid 1px; padding:10px 0px; background-color:#FFF; } .cart ul li{ float:left; } .cart ul li.prod{ width:79px; text-align:center; } .cart ul li.descr{ width:237px; padding:0px 10px; } .cart ul li.ship{ width:47px; text-align:center; } .cart ul li.qty{ width:65px; text-align:center; } .cart ul li.price{ width:72px; text-align:center; } .cart ul li.total{ width:73px; text-align:center; } .cart ul li.action{ width:100px; text-align:center; } .cart ul.cont{ float:left; width:700px; list-style:none; border-bottom:#cdcdcd solid 1px; background-color:#FFF } .cart ul.cont li{ height:50px; } .cart ul.cont li.prod a{ margin:5px 0px 0px 10px; float:left; } .cart ul.cont li.prod a img{ width:55px; height:41px; } .cart ul.cont li.descr p{ margin-top:5px; } .cart ul.cont li.ship{ padding-top:17px; height:33px !important; } .cart ul.cont li.qty input{ margin-top:16px; } .cart ul.cont li.price{ padding-top:17px; height:33px !important; } .cart ul.cont li.total{ padding-top:17px; height:33px !important; } .cart ul.cont li.action a{ margin-top:13px; } .wht_bordr { border-right:#FFF solid 1px; } .gray_bordr { border-right:#cdcdcd solid 1px; } .subtotal { width:700px; float:left; border-bottom:#cdcdcd solid 1px; padding:10px 0px; text-align:right; font-weight:bold; margin-bottom:10px; } /* ======================================================================= FAQs ======================================================================= */ .faqs { float:left; width:700px; } .questions { float:left; width:700px; } .questions ul{ float:left; width:700px; list-style:none; } .questions ul li{ float:left; width:700px; border-bottom:#cdcdcd dotted 1px; padding:5px 0px; } .questions ul li a{ font-weight:bold; color:#333; } .anwsers { float:left; width:700px; margin-top:50px; } .anwsers ul{ float:left; width:700px; list-style:none; } .anwsers ul li{ float:left; width:700px; } .anwsers ul li h6{ float:left; width:680px; padding:10px; } .anwsers ul li .gray_sec{ float:left; width:680px; background-image:url(images/answer.gif); background-repeat:repeat-x; padding:10px; } /* ======================================================================= Contact Page Rules ======================================================================= */ .contact { float:left; width:700px; margin-bottom:20px; } .mapsec { width:350px; float:left; } .mapsec h6{ padding-bottom:10px; margin-top:10px; } .mapsec p{ width:300px; float:left; } .map { float:left; margin-top:20px; } .map iframe{ border-bottom:#000 solid 1px; } .map a.enlarg{ font-weight:bold; padding:5px 0px; color:#333; float:left; } .contact_form { width:280px; float:right; } .contact_form h6{ padding-bottom:10px; margin-top:10px; } .contact_form ul{ float:left; list-style:none; } .contact_form ul li{ margin-bottom:5px; } .contact_form input.bar{ width:269px; height:24px; padding:0px 5px; background-image:url(images/bar.gif); background-position:left; background-repeat:no-repeat; border:#dddddd solid 1px; font-size:11px; } .contact_form textarea{ width:269px; height:154px; padding:5px; background-image:url(images/textarea.gif); background-position:left; background-repeat:no-repeat; border:#dddddd solid 1px; font-family:Arial, Helvetica, sans-serif; font-size:11px; } /* ======================================================================= Lightbox ======================================================================= */ #basic-modal-content { display:none; color:#939292; } /* Overlay */ #simplemodal-overlay { background-color:#000; cursor:auto; } /* Container */ #simplemodal-container { height:249px; width:396px; padding:24px; background-image:url(images/lightbox.png); background-repeat:no-repeat; } #basic-modal-content h3 { color:#e5e5e5 !important; float:left; } #basic-modal-content a { color:#fff; } #simplemodal-container a.modalCloseImg { background:url(images/x.png) no-repeat; width:20px; height:20px; display:inline; z-index:3200; position:absolute; top:-17px; right:-18px; cursor:pointer; } .lightbox_forms { width:390px; float:left; border-top:#3d3d3d solid 1px; margin-top:24px; padding-top:20px; } .lightbox_forms ul{ list-style:none; } .lightbox_forms ul li.txt{ padding:10px 0px 15px 0px; float:left; width:390px; } .lightbox_forms ul li.txt a{ margin-left:10px; } .lightbox_forms ul li.inputfield input{ width:380px; height:22px; padding:2px 5px; background-image:url(images/bar1.gif); background-position:right; border:#363636 solid 1px; float:left; border-top:#999 solid 1px; font-size:11px; } /* ======================================================================= Footer Section ======================================================================= */ a.footercopyright, a.footercopyright:visited, a.footercopyright:hover { color:#547ca7; text-decoration:none; cursor:pointer; } .st { background-color:#153667; color:#547ca7; } .st a, .st a:visited { color:#547ca7; } .footer { width:100%; min-width:942px; background-image:url(images/footer.gif); background-repeat:repeat-x; background-position:top; background-color:#153667; } .footer_wrap { width:942px; margin:0px auto; padding-top:130px; } /* ======================================================================= Footer Content Rules ======================================================================= */ .footer_con { width:942px; } .footer_con h5{ color:#fff; margin-bottom:6px; } /* ======================================================================= Web Info Section Rules ======================================================================= */ .web_info { float:left; border-right:#2d476d solid 1px; padding:0px 10px 0px 0px; height:130px; } .web_info ul{ float:left; padding:5px 10px 0px 0px; list-style:none; width:130px; width: } .web_info ul li a{ color:#fff; } .web_info ul li a:hover{ color:#7f9bc4; } /* ======================================================================= Customer Services Section Rules ======================================================================= */ .customer { float:left; border-right:#2d476d solid 1px; padding:0px 0px 0px 0px; margin:0px 10px 0px 20px; height:130px; } .customer ul{ float:left; padding:5px 10px 0px 0px; list-style:none; width:180px; } .customer ul li a{ color:#fff; } .customer ul li a:hover{ color:#7f9bc4; } /* ======================================================================= Twitter Section Rules ======================================================================= */ .twitter { float:left; border-right:#2d476d solid 1px; padding:0px 10px 0px 0px; margin:0px 10px 0px 10px; height:130px; } .twitter ul{ float:left; padding:0px 10px 0px 0px; list-style:none; width:205px; } .twitter ul li { padding:5px 0px; border-bottom:#2d476d solid 1px; } .twitter ul li a{ color:#5f7ca7; } .twitter ul li a:hover{ color:#7f9bc4; } /* ======================================================================= Twitter Section Rules ======================================================================= */ .news { float:left; padding:0px 10px 0px 0px; margin:0px 0px 0px 10px; height:130px; } .news ul{ float:left; padding:0px 10px 0px 0px; list-style:none; width:203px; } .news ul li { padding:5px 0px; border-bottom:#2d476d solid 1px; } .news ul li a{ color:#5f7ca7; } .news ul li a:hover{ color:#7f9bc4; } /* ======================================================================= Footer Bottom Links ======================================================================= */ .footer_btm_links { float:left; width:942px; border-top:#2d476d solid 1px; margin-top:20px; padding:10px 0px; } .btm_navi { float:left; } .btm_navi ul{ float:left; list-style:none; } .btm_navi ul li{ float:left; background-image:url(images/sep1.gif); background-repeat:no-repeat; background-position:right; padding:0px 10px; } .btm_navi ul li.first{ padding-left:0px; } .btm_navi ul li.last{ padding-right:0px; background-image:none; } .btm_navi ul li a{ color:#5f7ca7; } .btm_navi p{ color:#5f7ca7; } .network { float:right; } .network ul{ float:left; list-style:none; } .network ul li{ float:left; padding:0px 2px; } .network ul li a{ color:#252525; } .network ul li.top a{ padding:0px 20px 0px 10px; background-image:url(images/top.gif); background-repeat:no-repeat; background-position:right; color:#5f7ca7; } /* ======================================================================= Misc ======================================================================= */ #closeButton { padding:0px; margin:-12px 0px 0px -8px; } #lightboxImage { border:#666 solid 5px; } #overlay { background-image:url(images/black.png); } p.seccess { color:#090 } p.error { color:#F00; } .specialsmall { margin:20px 0 30px 0; } .specialsmall .last { margin:0; width:155px; } .specialsmall img { margin:0 18px 0 0; border:solid 1px #ccc; } .frontpanels { } .frontpanels .last { margin:0; width:335px; } .frontpanels img { margin:20px 18px 0 0; border:solid 1px #ccc; width:338px; height:147px; } /*******Product Catalog********/ #divProductCatalog { width: 100%; } #divProductCatalog ul { list-style:none; margin:0; padding:0; } #divProductCatalog li { float: left; padding: 4px 4px 15px 4px; position: relative; border: none; } #divProductCatalogSpecials { width: 27px; height: 140px; overflow: hidden; } #divProductCatalogImage { width: 110px; border: none; } #divProductCatalogImage img { width: 100px; border: solid 1px #efefef; padding:5px; } #divProductCatalogDetails { width: 380px; } #divProductCatalogCheckout { padding-left: 5px; padding-top: 5px; padding-right: 5px; width: 137px; height: 130px; background-color: #fefefe; border: solid 1px #efefef; } #divProductCatalogCheckout hr { margin:3px 0 5px 0; } .ProductCatalogSku { color: #333; font-size: 9px; font-family: Sans-Serif; } #divProductCatalog h3.shortdesc { font-weight: bold; color: #333; font-size: 13px; margin: 0; padding: 0; } #divProductCatalog span.longdesc { color: #333; font-size: 10px; margin-top: 5px; display: block; } #ProductCatalog span.longdesc a { color: #111; display: block; margin-top: 10px; float: right; } .ProductCatalogProductName a { color: Blue; font-size: 16px; margin: 0; padding: 0; font-family: Sans-Serif; } .ProductCatalogManufacturer { color: #333; font-weight: bold; margin: 0; padding: 0; font-family: Sans-Serif; } #divProductCatalog .availability { color: #333; font-size: 10px; font-weight: bold; font-family: Sans-Serif; display:block; height:30px; margin:7px 0 0 0; } #divProductCatalog .price { color: #cc0000; font-weight: bolder; font-size: 12px; font-family: Sans-Serif; } .gray .ajax__tab_header { font-family: "Helvetica Neue" , Arial, Sans-Serif; background: url(images/tab-line.png) repeat-x bottom; font-size: 11px; display: block; cursor:pointer; } .gray .ajax__tab_header .ajax__tab_outer { background: url(images/tab.png) no-repeat left top; border-color: #222; color: #222; padding-left: 10px; margin-right: 3px; } .gray .ajax__tab_header .ajax__tab_inner { background: url(images/tab.png) no-repeat right top; border-color: #666; color: #333; padding: 3px 10px 2px 0px; } .gray .ajax__tab_hover .ajax__tab_inner { color: #000; } .gray .ajax__tab_active .ajax__tab_outer { background: url(images/tab.png) no-repeat 0pt -40px; border-bottom-color: #ffffff; } .gray .ajax__tab_active .ajax__tab_inner { background: url(images/tab.png) no-repeat right -40px; color: #000; border-color: #333; } .gray .ajax__tab_body { font-family: verdana,tahoma,helvetica; font-size: 10pt; /*background-color:#fff;*/ border: solid 1px #d7d7d7; border-top-width: 0; } .tabinside { padding:10px; } .tabinside ul { margin: 10px 0 10px 20px; padding:10px; } #divShoppingCart { } #divShoppingCart .shoppingcart { margin:20px 0 20px 0; width:490px; float:left; } #divShoppingCart .shoppingcart table { width:490px; } #divShoppingCart .shoppingcart hr { margin:10px 0 10px 0; } #divShoppingCart .shoppingcart img { width:50px; border:solid 1px #ccc; } #divShoppingCart .shoppingcart input { padding:0 0 0 4px; } #divShoppingCart .shoppingcart a { display:block; color:#666; font-size:.8em; } #divShoppingCart .shoppingcart p { margin:0; padding:0; font-size:.75em; line-height:11px; } #divShoppingCart .shoppingcart a:hover { color:#888; } #divShoppingCart .shoppingcartsummary { float:right; width:180px; border:solid 1px #ccc; padding:7px; margin:20px 0 0 0; } #divShoppingCart .shoppingcartsummary a { display:block; text-align:center; margin:20px 0 10px 0; } #divShoppingCart .shoppingcartsummary b { display:block; text-align:right; margin-bottom:10px; } #divShoppingCart .shoppingcartsummary .cartinfo { font-size:.7em; } .cufon-loading h1 { visibility: hidden !important; } .breadcrumb { margin:0 0 10px 0; } .breadcrumb a, .breadcrumb a:visited { text-decoration:none; color:#333; } /*manufacturer*/ .manufacturerdetail h1 { width:600px; height:23px; overflow:hidden; font-size:24px; } /* ======================================================================= Manufacturer Section ======================================================================= */ .manufacturer { font-size:13px; } .manufacturer ul { list-style:none; padding:0; margin:0; } .manufacturer ul li { float:left; text-align:center; width:90px; height:90px; margin:10px; } .manufacturer ul li img { height:auto; max-height:90; width:auto; max-width:90px; }  /* ======================================================================= Manufacturer Detail Section ======================================================================= */ .manufacturerlogocontainer { float:left; width:70px; height:70px; margin:0 10px 20px 0; } .manufacturerdetail .manufacturerbreadcrumb, .manufacturerdetail .manufacturerbreadcrumb:visited { float:right; color:#444; } .manufacturerdetail .manufacturerbreadcrumb:hover { color:#999; } .manufacturerlogocontainer img { width:auto; max-width:70px; height:auto; max-height:70px; } .manufacturerproducts { float:left; width:700px; } .manufacturerproducts h2 { color:#990000; margin:0; padding:0; } .manufacturerproducts .manufacturerproductsitem{ float:left; width:217px; height:146px; /*background-image:url(images/hotdeals2.jpg); background-repeat:no-repeat; background-position:left bottom;*/ border:#cdcdcd solid 1px; margin:0 7px 7px 0; padding:0 0 0 7px; } .manufacturerproducts .last{ margin:0 10px 0 0; } .manufacturerproducts .manufacturerproductssec_desc{ float:left; width:125px; height:125px; margin:10px 0 0 10px; } .manufacturerproducts h5 { margin:0 0 5px 4px; padding:0; color:#000; } .manufacturerproducts p { margin:0; padding:0 0 0 4px; line-height:1; color:#333; font-size:9px; } .manufacturerproducts .manufacturerproducts_content { height:95px; overflow:hidden; margin-bottom:5px; } .manufacturerproducts a.shopnow{ padding:5px 15px; margin:0 7px 0 0; background-color:#CD3301; color:#FFF; border:#eee solid 1px; float:right; } .manufacturerproducts a.shopnow:hover{ background-color:#000; } .manufacturerproducts .thumbwrapper { width:70px; height:70px; float:left; margin:10px 0 0 0; border:solid 1px #bbb; padding:4px; } .manufacturerproducts .thumbcontainer { width:74px; height:74px; overflow:hidden; } .manufacturerproducts .thumbcontainer img { width:auto; max-width:70px; height:auto; max-height:70px; } /*ddsmoothmenu*/ .ddsmoothmenu{ } .ddsmoothmenu ul{ z-index:100; margin:0; padding: 0; list-style-type: none; } /*Top level list items*/ .ddsmoothmenu ul li{ margin:0; position: relative; display: inline; float: left; } /*Top level menu link items style*/ .ddsmoothmenu ul li a{ display: block; color: white; padding: 8px 10px; text-decoration: none; font-family:"century gothic"; color: white; font-size:12px; } .ddsmoothmenu ul li a.last{ padding-right:0px; } .ddsmoothmenu ul li a h5{ color: white; font-size:13px; font-family:"Century Gothic"; } * html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; } .ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{ color: white; } .ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/ background: #193d75; color: white; } .ddsmoothmenu ul li a:hover{ background-color: #193d75; /*background of menu items during onmouseover (hover state)*/ color: white; } /*1st sub level menu*/ .ddsmoothmenu ul li ul{ position: absolute; left: 0; display: none; /*collapse all sub menus to begin with*/ visibility: hidden; background-color:#193d75; float:left; } /*Sub level menu list items (undo style from Top level List Items)*/ .ddsmoothmenu ul li ul li{ display: list-item; float: left; padding:0px 10px; } /*All subsequent sub menu levels vertical offset after 1st level sub menu */ .ddsmoothmenu ul li ul li ul{ top: 0; } /* Sub level menu links style */ .ddsmoothmenu ul li ul li a{ width: 158px; /*width of sub menus*/ padding: 5px 0px 5px 10px; background-image:url(images/left_arow_navi.gif); background-position:left; background-repeat:no-repeat; margin: 0; border-top-width: 0; border-bottom: 1px solid #58729a; font-size:11px; color:#ffffff !important; float:left; } .ddsmoothmenu ul li ul li a:hover{ color:#ccc !important; } /* Holly Hack for IE \*/ * html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/  /* ######### CSS classes applied to down and right arrow images ######### */ .downarrowclass{ position: absolute; top: 12px; right: 7px; } .rightarrowclass{ position: absolute; top: 6px; right: 5px; } /* ######### CSS for shadow added to sub menus ######### */ .ddshadow{ position: absolute; left: 0; top: 0; width: 0; height: 0; } .toplevelshadow{ /*shadow opacity. Doesn't work in IE*/ } /*autocomplete*/ .acInput { width: 250px; } .acResults { padding: 0px; border: 1px solid WindowFrame; background-color: Window; overflow: hidden; z-index:99999; } .acResults ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .acResults li { margin: 0px; padding: 2px 5px; cursor: pointer; display: block; width: 100%; font: menu; font-size: 12px; overflow: hidden; } .acLoading { background : url('indicator.gif') right center no-repeat; } .acSelect { background-color: Highlight; color: HighlightText; } /*video*/ #divVideoPlayer { margin:30px 0 0 0; } #divVideoPlayer .vplayer { float: left; width: 420px; } #divVideoPlayer .vlist { float: right; width: 240px; } #divVideoPlayer .videoitem { float: left; margin: 10px; text-align: center; } #divVideoPlayer .videoitem a { text-decoration: none; } #divVideoPlayer .videoitem a:visited { } #divVideoPlayer .videoitem a:hover { color: #999; } #divVideoPlayer .videoitem h5 { margin: 0 0 3px 0; } #divVideoPlayer .videoimage { height: 111px; width: 221px; padding: 3px; border: solid 1px #ddd; overflow: hidden; } #divVideoPlayer .videoimageoverflow { height: 111px; width: 221px; overflow: hidden; } #divVideoPlayer .videoimage img { width: 221px; } /*anythingslider*/ .anythingSlider    { width: 700px; height: 250px; position: relative; margin: 30px auto 30px auto; border:#cdcdcd solid 1px; z-index:0; } .anythingSlider .wrapper  { width: 700px; overflow: auto; height: 250px; margin: 0 0 30px 0; position: absolute; top: 0; left: 0; z-index:0; } .anythingSlider .wrapper ul  { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; margin: 0; } .anythingSlider ul li   { display: block; float: left; padding: 0; height: 320px; width: 940px; margin: 0; } .anythingSlider .arrow   { display: none; height: 200px; width: 67px; background: url(images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; } .anythingSlider .forward  { background-position: 0 0; right: -20px; } .anythingSlider .back   { background-position: -67px 0; left: -20px; } .anythingSlider .forward:hover  { background-position: 0 -200px; } .anythingSlider .back:hover  { background-position: -67px -200px; } .anythingSlider img   {width:700px; height:250px; z-index:1;} #thumbNav    { position: relative; top: 220px; margin-left:-10px; padding:0px 20px 0px 40px; text-align: center; height:32px; background-image:url(images/paging_bg.gif); background-repeat:no-repeat; background-position:left; float:left; } #thumbNav a    { color: black; color:#FFF; display: inline-block; padding: 1px 4px; margin: 3px 5px 0 0; text-align: center; } #thumbNav a:hover   { background-image: none; } #thumbNav a.cur    { background: #003263; color:#FFF; } #start-stop    { display:none; background: green; background-image: url(images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; } #start-stop.playing   { background-color: red; display:none; } #start-stop:hover   { background-image: none; display:none;} .anythingSlider .wrapper ul ul  { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; } .anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; } /*catalog*/ .catspecials { float:left; width:720px; margin:0 0 20px 0; } .catspecials h2 { color:#990000; } .catspecials .catspecialsitem{ float:left; width:210px; height:146px; border:#cdcdcd solid 1px; margin:0 15px 7px 0; padding:0 0 0 7px; } .catspecials .last{ margin:0 10px 0 0; } .catspecials .sec_desc{ float:left; width:183px; height:125px; margin:10px 0 0 10px; } .catspecials h5 { margin:13px 0 5px 4px; padding:0; color:#000; font-size:12px; } .catspecials p { margin:0; padding:0 0 0 4px; line-height:1; color:#333; } .catspecials .catspecsec_content { height:110px; overflow:hidden; margin:0 7px 0 0; font-size:10px; } .catspecials a.shopnow{ padding:4px 15px; margin:0 7px 0 0; background-color:#CD3301; color:#FFF; border:#eee solid 1px; float:right; } .catspecials a.shopnow:hover{ background-color:#000; } .catspecials .thumbwrapper { width:80px; float:left; margin:7px 0 0 0; border:solid 1px #fff; padding:2px 2px 0 2px; } .catspecials .thumbcontainer { width:80px; overflow:hidden; } .catspecials .thumbcontainer img { width:auto; max-width:80px; height:auto; max-height:110px; }  /*******Product Catalog********/ #divProductCatalog { width: 100%; } #divProductCatalog ul, .divProductCatalog ul { list-style:none; margin:0; padding:0; } #divProductCatalog li, .divProductCatalog li { float: left; padding: 4px 4px 15px 4px; position: relative; border: none; } #divProductCatalogSpecials { width: 27px; height: 140px; overflow: hidden; } #divProductCatalogImage { width: 110px; border: none; } #divProductCatalogImage img { width: 100px; border: solid 1px #efefef; padding:5px; } #divProductCatalogDetails { width: 350px; } #divProductCatalogCheckout { padding-left: 5px; padding-top: 5px; padding-right: 5px; width: 145px; height: 130px; background-color: #fefefe; border: solid 1px #efefef; } #divProductCatalogCheckout hr { margin:3px 0 5px 0; } .ProductCatalogSku { color: #333; font-size: 9px; font-family: Sans-Serif; } #divProductCatalog h3.shortdesc { font-weight: bold; color: #333; font-size: 13px; margin: 0; padding: 0; } #divProductCatalog span.longdesc { color: #333; font-size: 10px; margin-top: 5px; display: block; } #ProductCatalog span.longdesc a { color: #111; display: block; margin-top: 10px; float: right; } .ProductCatalogProductName a { color: Blue; font-size: 16px; margin: 0; padding: 0; font-family: Sans-Serif; } .ProductCatalogManufacturer { color: #333; font-weight: bold; margin: 0; padding: 0; font-family: Sans-Serif; } #divProductCatalog .availability { color: #333; font-size: 10px; font-weight: bold; font-family: Sans-Serif; display:block; height:30px; margin:7px 0 0 0; } #divProductCatalog .price { color: #cc0000; font-weight: bolder; font-size: 12px; font-family: Sans-Serif; } #divProduct { margin:10px 0 0 0; } #divProduct .smallimage { float:left; width:35px; height:35px; overflow:hidden; border:solid 1px #eee; margin:0 2px 0 0; background-color:#fff; } #divProduct .mainimage { width:130px; border:solid 1px #eee; background-color:#fff; margin:0 0 2px 0; } #divProduct .mainimage img { width:126px; } #divProduct .smallimage img { height:35px; } #divProduct .productright { width:160px; border:solid 1px #eee; float:right; padding:10px; } #divProduct .productright a { } #divProduct .productinfo { width:350px; float:right; margin:3px 7px 0 0; padding:0 7px 0 7px; } #divProduct .productinfo label { display:inline-block; width:70px; } #divProduct .productinfo ul { margin:10px 0 0 0; list-style:none; } #divProduct pre { padding:10px; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ /* width: 99%; */ } /*Optimized CSS*/ .pcitem { clear:both; padding:0 0 20px 0; display:block; } .pcspec { width: 27px; height: 140px; overflow: hidden; float:left; margin-right:10px; } .pcimg { width: 110px; border: none; float:left; margin-right:10px; } .pcimg img { width: 100px; border: solid 1px #efefef; padding:5px; } .pcdet { width: 350px; float:left; margin-right:10px; color: #333; font-size: 10px; } .pcdet h4 { color: #333; } .pcdet h2 { margin:0; padding:0; } .pccart { padding-left: 5px; padding-top: 5px; padding-right: 5px; width: 145px; height: 130px; background-color: #fefefe; border: solid 1px #efefef; margin-right:10px; float:left; } .pccart hr { margin:3px 0 5px } .pccart a { margin:0 0 0 25px; } .pccart h5 { border-bottom:solid 1px #efefef; padding:0 0 5px 0; } .pccart .availability { color: #333; font-size: 10px; font-weight: bold; font-family: Sans-Serif; display:block; height:30px; margin:7px 0 0 0; } .pccart .price { color: #cc0000; font-weight: bolder; font-size: 12px; font-family: Sans-Serif; } /*gallery*/ .gallery { margin: 20px 0; } .gallery h3 { margin:15px 0 10px 0; } .gallery .galleries h5 { } .gallery .galleries a, .galleries a:visited { color:#333; } .gallery .galleries a:hover { color:#777; } .gallery .imageback { float:right; margin: 0; } .gallery .imageback a, .gallery .imageback a:visited { color:#333; } .gallery .imageback a:hover { color:#777; } .gallery .galleries ul { margin:0; padding:0; list-style:none; } .gallery .galleries ul li { width:118px; height:140px; float:left; text-align:center; margin:10px; } .gallery .galleries ul li img { width: auto; max-width: 85px; height: auto; max-height: 85px; } .gallery .galleries ul li p { margin:0; padding:0; font-size:11px; } .gallery .galleries .gallerythumbcontainer { } .gallery .galleries .gallerythumbwrapper { width:85px; overflow:hidden; margin:0 auto; } .gallery .galleryimages img { width: auto; max-width: 500px; height: auto; max-height: 500px; } /*news*/ .newspager { display:block; text-align:right; } .newsshowamount { display:block; text-align:right; margin:20px 0 0 0; } .newsviewmorelink { display:block; text-align:right; } .newsviewmorelink a, .newsviewmorelink a:visited { color:#003399 } .newsviewmorelink a:hover { color:#0033dd; } .newsitems hr { margin:10px 0 10px 0; } .newstitle { color:990000 !important; } .newsitems { margin:20px 0 20px 0; } .newsitem { margin:0 0 20px 0; } /*header*/ .phone { margin:0; padding:0; font-size:17px; } .phone a { font-size:17px !important; } /* ======================================================================= Master Header Section ======================================================================= */ .header { padding:0px; margin:0px; width:942px; float:left; background-image:url(images/header_gr_bg.png); background-repeat:no-repeat; } /* ======================================================================= Logo ======================================================================= */ .logo { float:left; padding-top:15px; } /* ======================================================================= Right Head ======================================================================= */ .right_head { float:right; margin-bottom:10px; } /* ======================================================================= Top Navigation ======================================================================= */ .top_navi { float:right; padding:0px 0px 10px 0px; } .top_navi p,.top_navi a,.top_navi img { float:left; padding:0px; } .top_navi p { font-size:16px; margin:0px 30px 0 6px; color:#fff; } .top_navi a { font-size:15px; margin:8px 0 0 3px; color:#fff; } .top_navi img { margin:6px 0 0 0; height:20px; width:20px; } /* ======================================================================= Search ======================================================================= */ .search { float:right; width:249px; /*background-image:url(images/search_bg.gif);*/ background-color:#fff; background-repeat:no-repeat; background-position:left; border:solid 1px #ccc; margin:8px 0 10px 0; } .search ul{ float:left; list-style:none; } .search input{ float:left; width:215px; background:none; border:none; color:#888; padding:5px 0 5px 4px; font-size:17px; } .search a.searchbutton, .search a.searchbutton:visited { float:left; margin-top:2px; height:25px; width:25px; display:inline-block; background:url('siteimages/icons/search.png') no-repeat; } .search a.searchbutton:hover { background:url('siteimages/icons/searchhover.png') no-repeat; } /*checkout*/ .checkout ul { margin-left:30px; margin-top:7px; } .checkout .checkoutshipping { float:left; } .checkout .formelement { margin: 0 0 3px 0; } .checkout .formelement label { display:inline-block; width:100px; } .checkout .formelement input { border:solid 1px #ccc; padding:4px; color:#888; width:200px; } .checkout .formelement input:hover { border:solid 1px #888; } .checkout .formelement input:focus { border:solid 1px #008800; color:#333; } .checkout .formelement select { border:solid 1px #ccc; padding:4px; color:#666; width:210px; } .checkout .formelement select:hover { border:solid 1px #888; } .checkout .formelement input:focus { border:solid 1px #008800; } .checkout .checkoutheading { display:block; margin: 10px 0 10px 0; } .checkout .checkoutheading h2 { display:inline-block; margin: 15px 0 0 0; } .checkout .checkoutpayments { width:560px; float:right; } .checkout .checkoutpayments h2 { } .checkout .checkoutheading img { float:left; margin:10px 0 0 0; } .checkout .formelementbuttons { display:block; text-align:center; margin:40px 0 20px 0; } .checkout .formelementbuttons a { padding:7px 40px; background:#333; color:#fff; border:solid 1px #999; font-weight:bold; } .checkout .formelementbuttons a:hover { background:#888; } .checkout .billsame { display:inline; font-size:10px; margin-left:10px; } .checkout .billsame label { margin-left: 4px; } .checkout .checkoutvalidation { color:#990000; margin:30px 0; } .checkout .checkoutvalidation ul { margin:0; padding:0; list-style:none; } .checkout .checkoutvalidationitem { color:#990000; } .checkout .confirmbilling { float:left; width:300px; font-size:12px; } .checkout .confirmcontact { float:left; width:300px; font-size:12px; } .checkout .confirmshipping { float:left; width:300px; font-size:12px; } .checkout .separator { margin:30px 0 20px 0; background:#ddd; height:1px; display:block; clear:both; } /*confirm*/ .checkoutcart table { width: 100%; border: solid 1px #aaa; margin: 10px 0 20px 0; } .checkoutcart thead { width: 100%; background-color: #333; color: #fff; font-weight: bold; height: 30px; } .checkoutcart thead td { padding: 5px; } .checkoutcart td img { width:auto; height:auto; max-width:60px; max-height:60px; } .checkoutcart tr.altrow { background-color: #eee; } .checkoutcart tr.row td { padding: 5px; } .checkoutcart tr.altrow td { padding: 5px; } .checkoutcart .delete { background: url('../siteimages/icons/delete.png'); width: 16px; height: 16px; display: inline-block; } .checkouttotal { float:right; text-align:right; } .checkoutcart .orderbutton { } .checkoutquestions { float:left; width:600px; } .checkoutquestions input { font-family:arial; border:solid 1px #ccc; color:#444; font-size:11px; padding:2px; width:130px; } .checkoutquestions textarea { font-family:arial; border:solid 1px #ccc; margin:2px 0 0 0; height:146px; color:#444; font-size:11px; padding:2px; } .checkoutquestions td { vertical-align:top; } .checkoutshipping select { font-family:arial; border:solid 1px #ccc; margin:2px 0 0 0; color:#444; font-size:13px; padding:3px; } /*press*/ .pressreleases { margin:0 0 0 20px; } .pressrelease { margin:0 0 30px 0; } /*standardform*/ #divStandardForm .formarray { margin:0 0 20px 0; } #divStandardForm .formelement { margin:7px 0 7px 0; } #divStandardForm .formelement label { vertical-align:top; display: inline-block; width: 120px; } #divStandardForm .formelement input { width:200px; padding:2px; border:solid 1px #bbb; } #divStandardForm .formelement input:hover { border:solid 1px #153667 } #divStandardForm .formelement input:focus { border:solid 1px #f3dc22 } #divStandardForm .formelement textarea { width:80%; padding:2px; border:solid 1px #bbb; } #divStandardForm .formelement textarea:hover { border:solid 1px #153667 } #divStandardForm .formelement textarea:focus { border:solid 1px #f3dc22 } #divStandardForm .formelementbuttons { display:block; text-align:center; margin:20px 0 0 0; } #divStandardForm .formelementbuttons a { display:block; padding:6px 20px 6px 20px; width:100px; border:solid 1px #ccc; display:inline-block; text-decoration:none; background-color:#153667; color:#fff; font-weight:bold; font-size:14px; } #divStandardForm .formelementbuttons a:hover { background-color:#476591; color:#bbb; } /*rating*/ /* Rating */ .ratingStar { font-size: 0pt; width: 13px; height: 12px; margin: 0px; padding: 0px; cursor: pointer; display: block; background-repeat: no-repeat; } .filledRatingStar { background-image: url('images/FilledStar.png'); } .emptyRatingStar { background-image: url('images/EmptyStar.png'); } .savedRatingStar { background-image: url('/images/SavedStar.png'); } /*administration*/ .images ul { list-style:none; } #divAdmin { font-family: Sans-Serif, Verdana; font-size: 11px; margin: 20px auto 20px auto; min-height: 500px; padding:20px; width:960px; } #divAdmin img { border: none; } #divAdmin h1, #divAdmin h2, #divAdmin h3, #divAdmin h4, #divAdmin h5, #divAdmin h6 { margin: 0 0 7px 0; color: #444; } #divAdmin h1 { font-size: 25px; } #divAdmin h2 { font-size: 23px; } #divAdmin h3 { font-size: 21px; } #divAdmin h4 { font-size: 19px; } #divAdmin h5 { font-size: 17px; } #divAdmin h6 { font-size: 15px; } #divAdmin p { padding: 0; margin: 0; } #divAdmin input { height: 25px; border: solid 1px #ccc; padding: 0 0 0 5px; color: #444; } #divAdmin .buttonlist label { display: inline; } #divAdmin .buttonlist input { display: inline; height: 14px; } #divAdmin input:focus { border: solid 1px #006600; background-color: #eee; } #divAdmin input:hover { border: solid 1px #006600; } #divAdmin select { height: 25px; border: solid 1px #ccc; padding: 2px 1px 2px 5px; color: #444; }  #divAdmin .fileuploadbox input { height: 25px; border: solid 1px #ccc; padding: 2px 1px 2px 5px; color: #444; background-color: #fff; } #divAdmin h4 { } #divAdmin h5 { font-size: 18px; } #divAdmin .admincontent { } #divAdmin .adminselectors { margin: 0 0 20px 0; } #divAdmin .adminstatus { float: right; font-size: 22px; color: #005500; }  /**************/ #divAdmin .formarray { margin: 0 0 20px 0; } #divAdmin .formelement { margin: 7px 0 7px 0; } #divAdmin .formelement label { vertical-align: top; display: inline-block; width: 120px; } #divAdmin .formelementbuttons { display: block; text-align: center; margin: 20px 0 0 0; } #divAdmin .formelementbuttons a { display: block; padding: 10px 0 10px 0; width: 100px; border: solid 1px #ccc; display: inline-block; text-decoration: none; } #divAdmin .formelementbuttons a:hover { background-color: #efefef; } .admintable { width: 100%; border: solid 1px #aaa; margin: 10px 0 20px 0; } .admintable thead { width: 100%; background-color: #333; color: #fff; font-weight: bold; height: 30px; } .admintable thead td { padding: 5px; } .admintable tr.altrow { background-color: #eee; } .admintable tr.row td { padding: 5px; } .admintable tr.altrow td { padding: 5px; } #divAdmin .tabcontainer { min-height: 400px; }  #divAdmin .edit { background: url('../siteimages/icons/ruler_pencil.png'); width: 16px; height: 16px; display: inline-block; } #divAdmin .delete { background: url('../siteimages/icons/delete.png'); width: 16px; height: 16px; display: inline-block; } #divAdmin .email { background: url('../siteimages/icons/email.png'); width: 16px; height: 16px; display: inline-block; } #divAdmin .view { background: url('../siteimages/icons/view.png'); width: 16px; height: 16px; display: inline-block; } #divAdmin .add { background: url('../siteimages/icons/add.png'); width: 16px; height: 16px; display: inline-block; } #divAdmin .moveup { background: url('../siteimages/icons/moveup.png'); width: 16px; height: 16px; display: inline-block; } #divAdmin .movedown { background: url('../siteimages/icons/movedown.png'); width: 16px; height: 16px; display: inline-block; } #divAdmin .approve { background: url('../siteimages/icons/accept.png'); width: 16px; height: 16px; display: inline-block; } #divAdmin .update { background: url('../siteimages/icons/update.png'); width: 16px; height: 16px; display: inline-block; } #divAdmin .info { background: url('../siteimages/icons/info.png'); width: 15px; height: 15px; display: inline-block; } #divAdmin .primary { background: url('../siteimages/icons/favorite.png'); width: 15px; height: 15px; display: inline-block; } #divAdmin .active { background: url('../siteimages/icons/power.png'); width: 15px; height: 15px; display: inline-block; } #divAdmin .productcomments { background: url('../siteimages/icons/business_user_comment.png'); width: 15px; height: 15px; display: inline-block; } #divAdmin .productcrosssells { background: url('../siteimages/icons/refresh.png'); width: 15px; height: 15px; display: inline-block; } #divAdmin .productreviews { background: url('../siteimages/icons/book_warning.png'); width: 15px; height: 15px; display: inline-block; } #divAdmin .productimages { background: url('../siteimages/icons/photo_camera.png'); width: 15px; height: 15px; display: inline-block; } #divAdmin .admincategoryimagecontainer { display:block; text-align:center; margin:20px 0; } #divAdmin img.admincategoryimage { width:auto; height:auto; max-width:300px; max-height:300px; } /*filebrowser*/ a.openfilebrowser { background: url('/siteimages/icons/folder.png'); width: 15px; height: 15px; display: inline-block; } a.closefilebrowser { background: url('/siteimages/icons/delete.png'); width: 15px; height: 15px; display: inline-block; } a.backfilebrowser { background: url('/siteimages/icons/green_arrow_up.png'); width: 15px; height: 15px; display: inline-block; } span.directoryimageselector { font-size:10px; color:#ffffff; margin:0 20px 0 0; } #imageselectwrapper img.folderimage { width: auto; height: auto; max-width: 70px; max-height: 70px; border: none; } .imageselectimagecontainer { margin: 5px 10px 5px 0; padding: 5px; width: 80px; height: 80px; float: left; text-align: center; font-size: 9px; color: #333; } .imageselectcontainer { overflow-x:hidden; overflow-y:scroll; height:500px; width:100%; } .imageselectwrapper { width: 100%; } /*item-added*/ .itemaddedcontainer { } .itemaddedminicart table { width:100%; } .itemaddedminicart h5 { margin:0; padding:0; } .itemaddedminicart .delete { float:right; background: url('../siteimages/icons/delete.png'); width: 16px; height: 16px; display: inline-block; } .itemaddedminicart .minicartcheckout { display:block; text-align:center; margin:20px 0 0 0; } .itemaddedminicart .minicartsubtotal { display:block; text-align:center; margin:10px 0 0 0; } .itemaddedminicart .minicartimage { width:60px; height:60px; padding:2px; border:#solid 1px #eee; } .itemaddedminicart .minicartimage img { max-width:40px; max-height:40px; width:auto; height:auto; } .itemaddedminicart { width:200px; float:right; border:solid 1px #ccc; padding:10px; } .itemaddedimage { float:left; margin: 0 10px 10px 0; } .itemaddedimage img { width: auto; height: auto; max-height:100px; max-width:100px; } /*tabs*/ #tpOffersandRebates_tab .ajax__tab_inner {background:url('/images/tabred.png') top right; color:#ffffff;} #tpOffersandRebates_tab .ajax__tab_outer {background:url('/images/tabred.png') no-repeat;} /*prettyphoto*/ div.light_rounded .pp_top .pp_left { background-image: url(/images/prettyPhoto/light_rounded/sprite.png); background-repeat: no-repeat; background-position: -88px -53px; z-index:100; } div.light_rounded .pp_top .pp_middle { background: #fff; } div.light_rounded .pp_top .pp_right { background-image: url(/images/prettyPhoto/light_rounded/sprite.png); background-repeat: no-repeat; background-position: -110px -53px; z-index:100; } div.light_rounded .pp_content .ppt { color: #000; } div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right { background: #fff; } div.light_rounded .pp_content { background-color: #fff; } div.light_rounded .pp_next:hover { background: url(/images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } div.light_rounded .pp_previous:hover { background: url(/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } div.light_rounded .pp_expand { background: url(/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.light_rounded .pp_expand:hover { background: url(/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.light_rounded .pp_contract { background: url(/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.light_rounded .pp_contract:hover { background: url(/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.light_rounded .pp_close { width: 75px; height: 22px; background: url(/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; z-index:100; } div.light_rounded #pp_full_res .pp_inline { color: #000; } div.light_rounded .pp_arrow_previous { background: url(/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; z-index:100; } div.light_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_rounded .pp_arrow_next { background: url(/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } div.light_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_rounded .pp_bottom .pp_left { background: url(/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; z-index:100; } div.light_rounded .pp_bottom .pp_middle { background: #fff; } div.light_rounded .pp_bottom .pp_right { background: url(/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; z-index:100; } div.light_rounded .pp_loaderIcon { background: url(/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; z-index:100; } div.dark_rounded .pp_top .pp_left { background: url(/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; z-index:100; } div.dark_rounded .pp_top .pp_middle { background: url(/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; z-index:100; } div.dark_rounded .pp_top .pp_right { background: url(/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; z-index:100; } div.dark_rounded .pp_content_container .pp_left { background: url(/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; z-index:100; } div.dark_rounded .pp_content_container .pp_right { background: url(/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; z-index:100; } div.dark_rounded .pp_content { background: url(/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } div.dark_rounded .pp_next:hover { background: url(/images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } div.dark_rounded .pp_previous:hover { background: url(/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } div.dark_rounded .pp_expand { background: url(/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.dark_rounded .pp_expand:hover { background: url(/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.dark_rounded .pp_contract { background: url(/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.dark_rounded .pp_contract:hover { background: url(/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.dark_rounded .currentTextHolder { color: #c4c4c4; } div.dark_rounded .pp_description { color: #fff; } div.dark_rounded #pp_full_res .pp_inline { color: #fff; } div.dark_rounded .pp_arrow_previous { background: url(/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_rounded .pp_arrow_next { background: url(/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_rounded .pp_bottom .pp_left { background: url(/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } div.dark_rounded .pp_bottom .pp_middle { background: url(/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } div.dark_rounded .pp_bottom .pp_right { background: url(/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } div.dark_rounded .pp_loaderIcon { background: url(/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } div.dark_square .pp_left, div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content { background: url(/images/prettyPhoto/dark_square/contentPattern.png) top left repeat; } div.dark_square .currentTextHolder { color: #c4c4c4; } div.dark_square .pp_description { color: #fff; } div.dark_square .pp_loaderIcon { background: url(/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } div.dark_square .pp_content_container .pp_left { background: url(/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y; } div.dark_square .pp_content_container .pp_right { background: url(/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y; } div.dark_square .pp_expand { background: url(/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.dark_square .pp_expand:hover { background: url(/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.dark_square .pp_contract { background: url(/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.dark_square .pp_contract:hover { background: url(/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.dark_square .pp_close { width: 75px; height: 22px; background: url(/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.dark_square #pp_full_res .pp_inline { color: #fff; } div.dark_square .pp_arrow_previous { background: url(/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } div.dark_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.dark_square .pp_arrow_next { background: url(/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } div.dark_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.dark_square .pp_next:hover { background: url(/images/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } div.dark_square .pp_previous:hover { background: url(/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } div.light_square .pp_left, div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content { background: #fff; } div.light_square .pp_content .ppt { color: #000; } div.light_square .pp_expand { background: url(/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.light_square .pp_expand:hover { background: url(/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.light_square .pp_contract { background: url(/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.light_square .pp_contract:hover { background: url(/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.light_square .pp_close { width: 75px; height: 22px; background: url(/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.light_square #pp_full_res .pp_inline { color: #000; } div.light_square .pp_arrow_previous { background: url(/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; } div.light_square .pp_arrow_next { background: url(/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; } div.light_square .pp_next:hover { background: url(/images/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } div.light_square .pp_previous:hover { background: url(/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } div.facebook .pp_top .pp_left { background: url(/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat; } div.facebook .pp_top .pp_middle { background: url(/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x; } div.facebook .pp_top .pp_right { background: url(/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat; } div.facebook .pp_content .ppt { color: #000; } div.facebook .pp_content_container .pp_left { background: url(/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y; } div.facebook .pp_content_container .pp_right { background: url(/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y; } div.facebook .pp_content { background: #fff; } div.facebook .pp_expand { background: url(/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.facebook .pp_expand:hover { background: url(/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.facebook .pp_contract { background: url(/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.facebook .pp_contract:hover { background: url(/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.facebook .pp_close { width: 22px; height: 22px; background: url(/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.facebook #pp_full_res .pp_inline { color: #000; } div.facebook .pp_loaderIcon { background: url(/images/prettyPhoto/facebook/loader.gif) center center no-repeat; } div.facebook .pp_nav .pp_arrow_previous { background: url(/images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default; } div.facebook .pp_nav .pp_arrow_next { background: url(/images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px; } div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default; } div.facebook .pp_nav { margin-top: 0; } div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px; } div.facebook .pp_next:hover { background: url(/images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer; } div.facebook .pp_previous:hover { background: url(/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer; } div.facebook .pp_bottom .pp_left { background: url(/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat; } div.facebook .pp_bottom .pp_middle { background: url(/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x; } div.facebook .pp_bottom .pp_right { background: url(/images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat; } div.pp_pic_holder a:focus { outline: none; } div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500; } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000; } .pp_top { height: 20px; position: relative; } * html .pp_top { padding: 0 20px; } .pp_top .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_top .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_top .pp_middle { left: 0; position: static; } .pp_top .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_content { height: 40px; } .pp_content .ppt { left: auto; margin-bottom: 5px; position: relative; top: auto; } .pp_fade { display: none; } .pp_content_container { position: relative; text-align: left; width: 100%; } .pp_content_container .pp_left { padding-left: 20px; } .pp_content_container .pp_right { padding-right: 20px; } .pp_content_container .pp_details { margin: 10px 0 2px 0; } .pp_description { display: none; margin: 0 0 5px 0; } .pp_nav { clear: left; float: left; margin: 3px 0 0 0; } .pp_nav p { float: left; margin: 2px 4px; } .pp_nav a.pp_arrow_previous, .pp_nav a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px; } .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000; } a.pp_next { background: url(/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; } a.pp_previous { background: url(/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49%; } a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000; } a.pp_close { display: block; float: right; text-indent: -10000px; } .pp_bottom { height: 20px; position: relative; } * html .pp_bottom { padding: 0 20px; } .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px; } .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px; } * html .pp_bottom .pp_middle { left: 0; position: static; } .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px; } .pp_loaderIcon { display: block; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; width: 24px; } #pp_full_res { line-height: 1 !important; } #pp_full_res .pp_inline { text-align: left; } #pp_full_res .pp_inline p { margin: 0 0 15px 0; } div.ppt { color: #fff; display: none; font-size: 17px; left: 0; position: absolute; top: 0; z-index: 9999; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } /*product*/ .extraproductinfo { width:160px; padding:5px; overflow:hidden; } .headermanimage { float:left; width:auto; height:40px; border:solid 1px #eee; background:#fff; padding:5px; margin:0 5px 0 0; } .headerprice { font-size:21px; color:#fff; } .productheader { padding:5px 0; margin:0; } .productheader h1 { font-size:25px; display:inline-block; margin:0; width:550px; } .productheader h2 { font-size:17px; margin:0 0 0 59px; } iframe {z-index:10 !important;} #divProduct { margin:10px 0 0 0; } #divProduct .manualrebate { margin:5px 0; display:inline-block; width:100px; float:left; } #divProduct .pdf-icon { width:18px; height:18px; float:left; margin:-2px 3px 0 0; } #divProduct .mainimage { padding:5px; width:226px; height:226px border-left:solid 1px #eee; border-right:solid 1px #eee; border-bottom:none !important; background-color:#fff; margin:0; text-align:center; } #divProduct .mainimage img { width:auto; height:auto; max-width:226px; max-height:226px; } #divProduct .smallimage { float:left; width:226px; height:42px; border-left:solid 1px #eee; border-right:solid 1px #eee; border-bottom:solid 1px #eee; border-top:none !important; margin:0 2px 0 0; background-color:#fff; padding:5px; clear:both; } #divProduct .smallimage img { margin:0 0 4px 0; width:auto; height:auto; max-height:42px; max-width:42px; } #divProduct .productright { width:170px; border-left:solid 1px #eee; border-right:solid 1px #eee; border-bottom:solid 1px #eee; float:right; padding:0; margin:10px 0 0 0; } #divProduct .productcheckoutdetails { padding:10px; } #divProduct .productright h2 { background:#29508B; display:block; padding:7px 10px; font-size:13px; color:#fff; font-weight:bold; } #divProduct .productinfo { width:272px; float:right; margin:10px 0 0 0; padding:0 7px 0 7px; color:#29508B; } #divProduct .productinfo label { display:inline-block; width:70px; font-size:10px; color:#777; vertical-align:top; } #divProduct .productinfo b { display:inline-block;width:190px; } #divProduct .productinfo ul { margin:0; list-style:none; } #divProduct .productinfo li { margin:0 0 7px 0; } #divProduct pre { padding:10px; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ /* width: 99%; */ } .checkoutbutton {margin:10px 0 0 0;font-size:12px; display:block; padding:5px 10px; background:#0a0; border:solid 1px #aaa; color:#fff;font-weight:bold; text-align:center;} .checkoutbutton:hover {background:#0c0;} .quickquotelink {margin:10px 0 0 0;font-size:10px; display:block; padding:5px 10px; background:#ccc; border:solid 1px #aaa; color:#333; text-align:center;} .quickquotelink:hover {background:#ddd;} .discontinuedbutton {font-size:10px; display:inline-block; margin:5px 0; padding:5px 20px; background:#ffb7b7; border:solid 1px #c00; color:#900; margin:10px 0 0 0; text-align:center;} /*vmenu*/ .mega-menu li {  list-style: none; z-index:99; } /* Vertical Mega Menu Styles */ .mega-menu {  font: bold 13px Arial, sans-serif;  line-height: 14px;  position: relative; /* Required */  border: 1px solid #fefefe;  border-bottom: none; } /* Main menu styling */ .mega-menu li a {  display: block;  color: #555;  padding: 8px 36px 8px 16px;  text-shadow: 1px 1px 1px #fff;  text-decoration: none;  border-bottom: 1px solid #eee;  background: url(/images/bg_nav.png) repeat-x 0 0; } .mega-menu li a:hover, .mega-menu li.mega-hover a {  background-position: 0 -40px;  color: #fff;  text-shadow: 1px 1px 1px #000; }  /* Add arrow icon to parent links */ .mega-menu li a.dc-mega {  position: relative; /* Required since icons are positioned absolutely */ } .mega-menu li a .dc-mega-icon {  display: block;  position: absolute;  top: 10px;  right: 15px;  width: 6px;  height: 8px;  background: url(/images/arrow_right.png) no-repeat -6px 0; } .mega-menu li a:hover .dc-mega-icon, .mega-menu li.mega-hover a .dc-mega-icon {  background-position: 0 0; }  /* Mega menu container */ .mega-menu li .sub-container {  position: absolute; /* Required */  overflow: hidden;  background: url(/images/bg_menu.png) no-repeat 100% 100%; /* Add the drop shadow image */  padding: 0 13px 17px 0; /* Padding for drop shadow */  width: 220px; /* Set sub-menu width */  z-index:100;  } .mega-menu li .sub-container .sub {  border: none;  padding: 15px 15px 5px 15px;  background: #fff url(images/bg_grad_top.png) repeat-x 0 0;  border-top: 1px solid #eee;  border-right: 1px solid #eee;  border-bottom: 1px solid #eee;  border-left: 1px solid #eee; } .mega-menu li .sub .row {  width: 100%;  overflow: hidden; /* Required to clear floats for each row */ } .mega-menu li .sub li {  float: none;  font-weight: normal;  } .mega-menu li .sub li.mega-hdr {  float: left; /* Required */  margin: 0 5px 10px 5px; } .mega-menu li .sub a, .mega-menu.left li .sub a {  background: none;  border: none;  text-shadow: none;  float: none;  color: #888;  display: block;  text-decoration: none;  font-size: 0.9em;  margin-bottom: 0;  width: 180px; /* Set sub-menu width */  } .mega-menu li .sub li.mega-hdr a.mega-hdr-a {  /* Sub-menu headings */  background: url(/images/bg_nav.png) repeat-x 0 -40px;  padding: 5px;  margin-bottom: 5px;  text-transform: uppercase;  font-weight: bold;  color: #fff;  text-shadow: 1px 1px 1px #000;  text-align: center; } .mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover {  color: #000;  text-shadow: none; } .mega-menu .sub li.mega-hdr li {  margin-bottom: 3px; } .mega-menu .sub li a {  padding: 3px 3px 3px 15px;  background: url(/images/bullet.png) no-repeat 3px 8px;  font-weight: normal;  text-transform: capitalize;  font-size: 12px; } .mega-menu .sub li a:hover {  color: #fff;  background: #000 url(/images/bullet_white.png) no-repeat 5px 8px; } .mega-menu .sub ul li {  padding-right: 0; }  /* Styling for menu items with only 2 levels */ .mega-menu li .sub-container.non-mega .sub {  padding: 10px;  background: #fff; } .mega-menu li .sub-container.non-mega li {  padding: 0;  margin: 0;  width: 150px;  float: none; }