/** /* ------------------------------------------- Name: NiceStore Zencart theme Date: 2013/01/10 Version: v1.0 Author: Templatation.com --------------------------------------------- * Main CSS Stylesheet * * @copyright Copyright 2003-2005 Zen Cart Development Team * @copyright Portions Copyright 2003 osCommerce * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0 * @version $Id:stylesheet.css 4813 2006-10-23 02:13:53Z drbyte $ */ /*-------------------------------------------------------------------------------------------*/ /* Reset styles */ /*-------------------------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } body, textarea, input, select, option, button { color: #8a8a8a; font-family: Arial, Helvetica, sans-serif; line-height: 1.6; } ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend { margin-bottom: 11px; } /*-------------------------------------------------------------------------------------------*/ /* General styles */ /*-------------------------------------------------------------------------------------------*/ html { overflow-y: scroll; min-height: 100%; margin: 0 0 1px; font-size: 100.01%; -webkit-tap-highlight-color: rgba(0,0,0,0); } body { min-height: 100%; font-size: 13px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background: url("../images/body-bg/bodybg-a.jpg") no-repeat scroll center 0 #F0F0F0; /* fallback */} #centerColumnWrapper { background:url(../images/shadowRight.png) repeat-y 100% 0; } #centerColumnWrapperb { background:url(../images/shadowLeft.png) repeat-y 0 0; } * { margin:0; padding:0; } a img { border:none; } a:link { color:#444; /*site links color */ text-decoration:none; } a:visited { text-decoration:none; color:#444; } a:hover { color: #BB6246; /* color when links are hovered over */ } ul, ol { text-align:left; padding-left:25px; margin-left:10px; margin-bottom:10px; } /*! Headers --------- */ h1, h2, h3, h4, h5, h6 { /*position:relative; */ color: #484848; font-family: 'bitterregular'; font-weight: 500; line-height: 1.1; text-transform: uppercase; } h1 { font-size: 18px; } h2, h3, h4 { margin-bottom: 8px; padding: 0 0 9px; font-size: 14px; } h5 { font-size: 12px; } h6 { font-size: 10px; } h4.optionName, LEGEND, ADDRESS,.larger { font-size:1em; } LEGEND { color:#333; } /*! Typography --------- */ b, strong, .strong { font-weight: 700; } i, em, .em { font-style: italic; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, serif; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } .biggerText { } h2.greeting { margin-bottom:20px;} CODE { font-family:tahoma, arial, verdana, helvetica, sans-serif; font-size:1em; } FORM, SELECT { /* display:inline; font-size:1em; margin:.5em; */} #categoriesselectContent select { font-size:.9em } option { padding-right:.5em; } INPUT { /* margin:.3em .5em; */} input[type="text"], input[type="password"]{ background: none repeat scroll 0 0 #FFFFFF; border-color: #CCCCCC #EFEFEF #EFEFEF #CCCCCC; border-style: solid; border-width: 1px; color: #999999; outline:none; padding: 5px; /* position: relative; */} html>/**/body input[type=checkbox], html>/**/body input[type=radio] { float:left; clear:both; height: 22px; margin: 6px 10px 0 0; } html>/**/body .checkboxLabel, html>/**/body .radioButtonLabel { margin:5px 10px 0 0; float:left; } .ratingRow input[type=radio] { float:none; margin:0 .5em; } TEXTAREA { margin:auto; display:block; width:97%; background: none repeat scroll 0 0 #FFFFFF; border-color: #CCCCCC #EFEFEF #EFEFEF #CCCCCC; border-style: solid; border-width: 1px; color: #999999; padding: 3px 5px; position: relative; } input:focus, select:focus, textarea:focus { background:#FFF; } FIELDSET { padding:20px; margin:.5em 0; border:1px solid #EEE; } LEGEND { font-weight:700; padding:.3em; margin-bottom: 2px; } h4.optionName { line-height:1.5em; padding-right:1em; } /*! Tables --------- */ table { display: table; width: 100%; border-collapse: collapse; border-spacing: 0; color: #888; } th { padding: 9px 19px 8px; border: 1px solid #efefef; background: #fafafa; color: #535451; font-family: 'kameronregular'; font-weight: 400; text-transform: uppercase; text-align: left; } td { padding: 10px 19px; border: 1px solid #efefef; text-align: left; vertical-align: top; } .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg { float:left; } #logo { float:left; /* to center your logo, uncomment the "text-align:center;margin:0 auto" below. Also remove "float:left" *//* text-align:center; margin:0 auto; */ } #logo { padding-top: 25px; } #logo img { } LABEL.inputLabel { width:85%; float:left; margin:.3em 0; } LABEL.inputLabelPayment { width:15em; float:left; padding:.5em; } #checkoutpaymentBody input[type=radio] { margin:15px 0 } #checkoutpaymentBody .radioButtonLabel { padding:10px } LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel { width:12em; float:left; } ADDRESS { padding-right:40px; } .clearBoth { clear:both; height:0; font-size:0; line-height:0; margin:0; padding:0; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ HR { height:1px; margin:.5em 0; border:none; border-bottom:1px solid #EEE; } /*-------------------------------------------------------------------------------------------*/ /* Header styles */ /*-------------------------------------------------------------------------------------------*/ #headerWrappera { width:100%; /* change to width:71em; for narrow header*/ margin:0 auto; text-align:center; } #navMainWrapper, #navCatTabsWrapper, #navEZPagesTopWrapper { color: #777777; margin: 0 auto; padding: 10px 0; } #headerWrapper { width:960px; text-align:center; margin:0 auto; padding:0 20px 0; background:#fff; } #logoWrapperOuter { width:980px; margin:0 auto; overflow:hidden; } #header-right { float: right; width: 730px; } div#dropMenu ul.level2 { background: none repeat scroll 0 0 #FFFFFF; left: 0; list-style: none outside none; position: absolute; top: 63px; width: 11em; z-index: 1000; } #top, #nav > ul.a > li > ul, #nav > ul.b > li > div, #nav > ul.a > li > div { } #top h1 { display: block; position: absolute; left: 28px; top: 15px; width: 246px; height: 90px; border-right: 1px solid #d8d8d8; } #top h1 a { display: block; overflow: hidden; width: 100%; height: 100%; background: url(../images/logo.png) 0 10px no-repeat; text-indent: -3000em; } #skip { position: fixed; top: 0; left: -10000px; } #skip a:focus, #skip a:active { display: block; position: absolute; left: 10000px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 4px 8px; background: #333; color: #fff; font-weight: 500; font-size: 1.1em; text-align: center; text-decoration: none; } #nav { position: relative; padding: 15px 0 0; border-top: 1px solid #d8d8d8; } #nav > ul { list-style: none; margin: 0; padding: 0; } #nav > ul > li { display: block; position: relative; float: left; } #nav > ul > li > a { color: #7b7b7b; } #nav > ul > li.active > a { cursor: default; } #nav > ul.a > li > ul li a:hover, #nav > ul.a > li > ul li a:focus, #nav > ul.a > li > ul li a:active { background: #f7f7f7; color: #bb6246; } #nav > ul.a > li > a { color: #444; text-decoration: none; white-space: nowrap; } #nav > ul.a > li > a:hover, #nav > ul.a > li > a:focus, #nav > ul.a > li > a:active, #nav > ul.a > li.active > a { color: #ba6246; } #nav > ul.b { position: absolute; left: -8px; top: -31px; z-index: 2; } #nav > ul.b > li { position: relative; padding: 0 35px 14px 0;} #nav > ul.b > li > a { display: block; position: relative; z-index: 2; float: left; background-color: #fff; color: #7b7b7b; text-decoration: none; } #nav > ul.b > li > a:hover, #nav > ul.b > li > a:focus, #nav > ul.b > li > a:active { color: #bb6246; } #nav > ul.b > li.sub:hover > a { color: #7b7b7b; } #nav > ul.b > li.sub a > .shade-a { display: block; position: absolute; right: -10px; top: 8px; width: 6px; height: 5px; background: url(../images/sprite-a.png) no-repeat; text-indent: -3000em; } #nav > ul.b > li.sub:hover a > .shade-a { background-position: -16px 0; } #nav > ul.b > li a.gb, #nav > ul.b > li a.fre, #nav > ul.b > li a.de, #nav > ul.b > li a.es, #nav > ul.b > li a.it { padding-left: 23px; background-position: 0 4px; background-repeat: no-repeat; } #nav .gb, #nav .gb a { background-image: url(../images/flags/gb.gif); } #nav .fre, #nav .fre a { background-image: url(../images/flags/fr.gif); } #nav .de, #nav .de a { background-image: url(../images/flags/de.gif); } #nav .es, #nav .es a { background-image: url(../images/flags/es.gif); } #nav .it, #nav .it a { background-image: url(../images/flags/it.gif); } #nav > ul.b > li:first-child { top: -3px; padding-right: 23px; } #nav > ul.b > li:first-child > a { height: 24px; padding: 0 12px 0 7px; border: 1px solid #fff; line-height: 24px; } #nav > ul.b > li:first-child:hover > a { border-color: #d8d8d8; } #nav > ul.b > li > div { display: none; position: absolute; left: 0; top: 30px; width: 229px; padding: 5px 9px 14px; border: 1px solid #d8d8d8; background: #fff; color: #7b7b7b; } #nav > ul.b > li > div p { margin: 0 0 7px; font-size: 12px; } #nav > ul.b > li > ul { display: none; position: absolute; left: -18px; top: -1px; z-index: 1; list-style: none; padding: 20px 0 0; border: 1px solid #d8d8d8; background: #fff; } #nav > ul.b > li > ul > li { margin: 0; padding: 0; background: none; } #nav > ul.b > li > ul > li > a { display: block; background-repeat: no-repeat; background-position: 0 0; padding: 2px 15px 1px 7px; color: #7b7b7b; text-decoration: none; } #nav > ul.b > li > ul > li > a:hover, #nav > ul.b > li > ul > li > a:focus, #nav > ul.b > li > ul > li > a:active { background-color: #e8e8e8; } #nav > ul.b > li > ul > li:last-child > a { padding-bottom: 3px; } #nav > ul.b > li > ul > li.last-child > a { padding-bottom: 3px; } #nav > ul.b > li > ul li.gb a, #nav > ul.b > li > ul li.fre a, #nav > ul.b > li > ul li.de a, #nav > ul.b > li > ul li.es a, #nav > ul.b > li > ul li.it a { padding-left: 30px; background-position: 7px center; } #top #topsearch { position: absolute; right: 30px; top: 7px; } #top #topsearch p { position: relative; padding: 0 37px 0 0; color: #a5a5a5; } #top #topsearch label { display: block; position: absolute; left: -3000em; top: -3000em; height: 26px; padding: 0 10px; line-height: 26px; cursor: text; } .js #top #topsearch label { left: 0; top: 0; } #top #topsearch input { width: 124px; height: 26px; padding: 0 9px; border: 0; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; color: #d64c35; font-style: italic; line-height: 26px; outline:none; } #search input,#top #topsearch input { outline:none; width: 124px; height: 26px; padding: 0 9px; border: 0; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; line-height: 26px; } #top #topsearch input { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #search input:focus,#top #topsearch input:focus { width: 153px; } #top #topsearch button { display: block; overflow: hidden; position: absolute; right: 0; top: 0; width: 34px; height: 26px; border: 0; background: url(../images/sprite-a.png) 7px -20px no-repeat; text-indent: 40px; } #top #topsearch button:hover { background-color: #d64c35; background-position: 7px -56px; } #top #topsearch FIELDSET { border:none;padding:0;margin:0;} #top #topsearch legend { border: 0 none; display: none; padding: 0; white-space: normal;} search input.button_search {margin:0 auto;} #navEZPagesTopWrapper {background: none repeat scroll 0 0 #FFFFFF; width: 1000px; padding: 0 20px; width: 960px;} #navCatTabsWrapper { background: none repeat scroll 0 0 #FFFFFF; padding: 10px 20px; width: 960px; } /*header shopcart dropdown styles*/ .image-a { position: relative; min-height: 82px; margin: 0 0 12px; padding: 5px 50px 0 87px; border: 1px solid #d8d8d8; color: #7b7b7b; font-family: 'bitterregular'; } .image-a span.figure { position: absolute; left: 7px; top: 7px; } .image-a img { border: 1px solid #dbdbdb; } .image-a p { margin: 0; font-size: 12px; line-height: 1.35; } .image-a p a { color: #6e6e6e; } .image-a p span { color: #d64c35; font-size: 1.083em; } .image-a a.close { display: block; overflow: hidden; position: absolute; right: 5px; top: 5px; width: 20px; height: 20px; background: url(../images/sprite-a.png) -31px 5px no-repeat; text-indent: -3000em; } .image-a a.close:hover, .image-a a.close:focus, .image-a a.close:active { background-color: #d64c35; background-position: -61px 5px; } .image-a > .shade-a { display: block; position: absolute; left: -1px; bottom: -5px; width: 100%; height: 3px; padding: 0 1px; background: url(../images/sprite-a.png) 0 -87px repeat-x; } .double-a { overflow: hidden; width: 100%; padding: 4px 0 0; } .double-a > * { float: right; width: 89px; } .double-a > *:first-child { float: left; width: 130px; padding: 1px 0 0; } .list-a { list-style: none; padding: 0; font-family: 'kameronregular'; } .list-a li { padding: 0 0 2px; color: #212223; font-size: 13px; text-transform: uppercase; } .list-a li span { color: #d64c35; font-family: 'bitterregular'; font-size: 1.076em; } .list-b { list-style: none; padding: 0; font-family: 'enriquetaregular'; } .list-b li { padding: 0 0 6px; font-size: 12px; text-transform: uppercase; } .list-b li a { display: block; padding: 3px 0; background: #d47e53; color: #fff; text-align: center; text-decoration: none; } .list-b li.a a { background: #535451; } .list-b li a:hover, .list-b li a:focus, .list-b li a:active { background: #d54c35; } /*-------------------------------------------------------------------------------------------*/ /* The main content classes */ /*-------------------------------------------------------------------------------------------*/ #top { position: relative; z-index: 3; width: 665px; height: 80px; margin: 0 auto; padding: 40px 30px 0 305px; background: #fff; } #top:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } #Wrapper { width:95%; max-width: 1000px; margin:0 auto; background:#FFF;} #contentMainWrapperOuter { float:left; width:100%; } #indexDefaultMainContent{ margin: 0; padding-bottom: 20px; } #contentMainWrapper { width:960px; margin:0 auto; position:relative; padding:80px 20px 30px; background: url(../images/breadcrump-bg.jpg) no-repeat top center #FFF; } #centerColumnWrapper, #centerColumnWrapperb { width:71em; } #centerColumnOuter { margin:0 .5em; width:980px; height:15px; } #centerColumnWrapper2 { margin:0 .5em; width:980px; } #centerColumnWrapper2b { margin:0 auto; overflow:hidden; } #indexHomeBody #navBreadCrumb { display:none; } #indexHomeBody #contentMainWrapper {background:#FFF; padding-top:0;} #navBreadCrumb { padding: 0 0 2px; text-align:left; color: #92999F; font-size: 12px; top: 12px; position:absolute; } div#dropMenu ul.level1 > li { float: left; line-height: 1em; list-style: none outside none; margin: 0 25px 0 0; padding: 10px 0 25px 0; position: relative; } #navBreadCrumb, #navBreadCrumb a { font-family: 'enriquetaregular'; padding:6px 5px 0 0; } /*#navBreadCrumb a:after { content:'\0020\0020\00bb'; } #navBreadCrumb .seperator { float:left; } #navBreadCrumb .seperator:after { content:'\00bb'; font-family: 'kameronregular'; } */#navMainSearch { margin:0 auto; text-align:right; padding:2px 5px 1px; } #navMainSearch input { margin:0 auto; } #navMainSearch input[type=text] { background: none repeat scroll 0 0 #FFFFFF; border-color: #CCCCCC #EFEFEF #EFEFEF #CCCCCC; border-style: solid; border-width: 1px; position: relative; color: #999; width: 99%; padding:3px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #navMainSearch input.topSearch { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #navColumnTwo, #navColumnOne { float:right; position:relative; width:225px; padding-bottom:20px; } .centerColumn { display:inline; /* fixes IE Bug in IE6 and earlier - do not remove */ float:left; } .zc-centerColumnCats, .centerColumn { float:left; text-align:left; line-height:22px; display:inline; /* fixes IE Bug in IE6 and earlier - do not remove */ width:695px; } /*wrappers - page or section containers*/ #mainWrapper { padding: 20px 0 0; } p.lt-ie8, #mainWrapper:after { background: none repeat scroll 0 0 #333333; color: #FFFFFF; font-size: 1.2em; height: 28px; left: 0; line-height: 28px; position: fixed; text-align: center; top: 0; width: 100%; z-index: 10; } /* Start hide from IE-Mac \*/ * html #mainWrapper { height: 1%; } /* End Hide from IE-Mac */ #mainWrapper > .bx-wrapper { position: absolute; top: 0; left: 0; width: 100%; z-index: -1; } #mainWrapper > .featured-a2 > .bx-wrapper { left: 0; position: absolute; top: 0; width: 100%; z-index: -1; } #taglineWrapper{ float: left; padding-top: 25px; text-align: center; } #tagline { border:1px dashed #ccc;border-width: 1px 0; font: 18px/1.2em Courgette,arial; padding: 8px 0; } .fr { float: right; } #navCatTabs, #navEZPagesTop { font-weight:700; margin:0 auto; } #sendSpendWrapper { border:1px solid #cacaca; float:right; margin:0 0 1em 1em; } .floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper { width:42%; } .wrapperAttribsOptions { line-height:2em; padding-bottom:1em; } /*! Featured homepage area --------- */ #headline { overflow: hidden; position: relative; z-index: 2; width: 960px; padding: 0 0 42px; background: #fff; } .featured-a { overflow: hidden; height: 510px; margin: 0 0 20px; color: #fff; text-align: center; } .featured-a .bx-window { z-index: 1; position: relative; min-height:510px;} .featured-a > div { position: relative; } .featured-a .slidehead { position: absolute; left: 0; top: 120px; z-index: 2; width: 764px; padding: 20px 98px 12px; background: url(../images/shade-b.png); text-shadow: 0 1px 2px rgba(0,0,0,0.5); } .featured-a span img { position: relative; z-index: 1; } .featured-a h2 { height: 166px; margin: 0 0 22px; padding: 0; border: 0; background: url(../images/featured-a.png) repeat-x; color: #fff; font-size: 3em; line-height: 166px; text-transform: uppercase; } .featured-a p { margin: 0; font-family: 'bitterregular'; font-size: 2em; line-height: 1.15; } .featured-a .bx-prev, .featured-a .bx-next { overflow: hidden; position: absolute; top: 50%; z-index: 2; width: 59px; height: 59px; margin: -30px 0 0; background: url(../images/sprite-a.png) -3000em -3000em no-repeat; text-indent: -3000em; } .featured-a .bx-prev { left: 0; background-position: 0 -1847px; } .featured-a .bx-next { right: 0; background-position: -69px -1847px; } .featured-a .bx-prev:hover { background-position: 0 -1781px; } .featured-a .bx-next:hover { background-position: -69px -1781px; } .module-c { margin: 0 0 20px; padding: 19px 30px 14px; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; color: #8a8a8a; font-family: 'bitterregular'; text-align: center; } .module-c p { margin: 0 0 5px; } .module-c p:first-child { color: #535451; font-size: 18px; text-transform: uppercase; } .module-c p:first-child span { color: #bb6246; } /* Homepage intro box */ .nsIntro h3 { margin: 0 0 15px; border-bottom: 1px solid #D8D8D8; } .nsIntro { overflow: hidden; width: 100%; padding: 0 0 68px; } .nsIntro > * { float: right; width: 222px; } .nsIntro > *:first-child {float: left; max-width: 435px;width: 65%; } .nsIntro p { } .nsIntro .introimg { margin-top: 25px;width: 218px; height: 112px; padding: 92px 0 0; border: 1px solid #d8d8d8; background: url(../images/advertising.jpg) center center no-repeat #f00; color: #91938d; text-align: center; } /*-------------------------------------------------------------------------------------------*/ /* Sidebar styles */ /*-------------------------------------------------------------------------------------------*/ .sideBoxContent { padding:5px 0 0 0; text-align:left; } .sideBoxContent ul { text-align:left; padding:0 0 0 15px; margin:0; } .sideBoxContent ol{ margin:0; } .sideBoxContent li { padding:.2em 0; } .sideBoxContent a { color: #676864; position: relative; text-transform: none; line-height: 28px; } .sideBoxContent a:hover { color: #BB6246; cursor:pointer; text-decoration: none; } .sideBoxContent .category-top { padding: 0; } .sideBoxContent select { margin:0; padding:10px; width:150px; background: none repeat scroll 0 0 #FFFFFF; border-color: #CCCCCC #EFEFEF #EFEFEF #CCCCCC; border-style: solid; border-width: 1px; color: #999999; } .sideBoxContentItem{ border-bottom: 1px solid #F2F2F2; clear: left; margin: 1.5em 0; overflow: hidden; font-size: 12px; padding-bottom: 8px; line-height: 24px; font-family: 'bitterregular',arial,sans-serif; } .sideBoxContentItem .price{ color: #D64C35; } /*-------------------------------------------------------------------------------------------*/ /* Content area styles* */ /*-------------------------------------------------------------------------------------------*/ .ns-columns { position: relative; padding: 7px 0 0; } .ns-columns .bx-prev, .ns-columns .bx-next { display: block; overflow: hidden; position: absolute; top: -57px; width: 18px; height: 18px; background: url(../images/sprite-a.png) no-repeat; text-indent: -3000em; } .ns-columns .bx-prev { right: 25px; background-position: -70px -225px; } .ns-columns .bx-next { right: 0; background-position: -95px -225px; } .ns-columns .bx-prev:hover { background-position: -70px -253px; } .ns-columns .bx-next:hover { background-position: -95px -253px; } .cols-a > *:first-child .ns-columns { margin-top: -14px; } .cols-a > *:first-child .ns-columns .bx-prev, .cols-a > *:first-child .ns-columns .bx-next { top: -30px; } .ns-columnsa .bx-prev, .ns-columnsa .bx-next { top: -45px; } .ns-columns .blog-g { margin-bottom: 0; } #categoriesContent { text-align:left; } .centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .centerBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg, .parseTime { text-align:center; } .productListing-data { border-bottom:1px solid #eee; margin:15px; padding:15px; } .productListing-heading { border-bottom:1px solid #eee; padding:5px; } .productListing-heading a { border:none; } #upProductsHeading { text-align:left; } #upDateHeading { text-align:right; } .imgLink {display:block;} .lighthr {border-color: #EEEEEE;} .navSplitPagesResult, .navSplitPagesLinks { padding: 10px 0; } .navSplitPagesLinks a,.navSplitPagesLinks .current{ color: #6E6E6E; display: block; float: left; height: 23px; line-height: 23px; min-width: 15px; overflow: hidden; padding: 0 4px; text-align: center; text-decoration: none; } .navSplitPagesLinks a:hover,.navSplitPagesLinks .current{ background: none repeat scroll 0 0 #D47E53; color: #FFFFFF; } .forward, #shoppingCartDefault #PPECbutton { float:right; } .bold { font-weight:700; } .rowOdd { background:#FEFEFE; height:1.5em; vertical-align:top; } .rowEven { background:#FAFAFA; height:1.5em; vertical-align:top; } .hiddenField { display:none; } .visibleField { display:inline; } .ns-popup {padding:30px;} #accountLinksWrapper li { padding:.5em 0; display:block; list-style:none; } .accountTotalDisplay, .accountTaxDisplay { width:20%; text-align:right; } .accountQuantityDisplay { width:10%; vertical-align:top } TR.tableHeading { background:#e8e8e8; height:2em; } #siteMapList { width:90%; } .ratingRow { margin:1em 0 1.5em; } LABEL#textAreaReviews { font-weight:400; margin:1em 0; } #popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart { background:#fff; } .information { padding:10px 3px; line-height:150%; } #shoppingcartBody #shippingEstimatorContent { clear:both; } .seDisplayedAddressLabel { background-color:#85C285; text-align:center; } .seDisplayedAddressInfo { text-transform:uppercase; text-align:center; font-weight:400; } #seShipTo { padding:.2em; } #descSubLink { padding-left:.7em; color:#D64C35; } .smallProductImage { padding:1em; } #sorter, #indexProductList select { float:right; text-align:right; } #indexProductList .inputLabel { width:100%; text-align:right; } #sorter select, #indexProductList select { margin:0 .1em; background: none repeat scroll 0 0 #FFFFFF; border-color: #CCCCCC #EFEFEF #EFEFEF #CCCCCC; border-style: solid; border-width: 1px; color: #999999; padding: 3px 5px; position: relative; } .button_change_address {width:120px !important;} /*-------------------------------------------------------------------------------------------*/ /* Single products page */ /*-------------------------------------------------------------------------------------------*/ .zc-boxcontainer{ text-align:left; float:left; line-height:22px; display:inline; /* fixes IE Bug in IE6 - do not remove */ } .zc-prod-summary { float: left; margin-bottom: 1.5em; width: 408px; } .product_title { color: #555555; font-size: 14px; padding-bottom: 8px; border-bottom:none; } p.prod_single_price { border-bottom: 1px solid #E6E6E6; border-top: 1px solid #E6E6E6; color: #D64C35; font-size: 17px; margin: 10px 0; overflow: hidden; font-family: 'bitterregular'; padding: 15px 0; text-indent: 0; width: 100%; } p.prod_single_price .normalprice { color: #8A8A8A; } p.prod_single_price .productSpecialPrice { color: #D64C35; } .summary p { margin-bottom: 1.5em; } .product_meta { padding: .5em 0; margin-bottom: 1.5em; font-family: 'kameronregular'; color: #676864; font-size:14px; } #productDetailsList {padding-left:3px; width:75%;} .posted_in a {color: #D64C35;} .zc-table td{border:1px solid #EEE; padding:6px;} /*-------------------------------------------------------------------------------------------*/ /* Category page */ /*-------------------------------------------------------------------------------------------*/ #contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert { vertical-align:top; } .centerBoxContentsNew, .centerBoxContentsSpecials, .centerBoxContentsFeatured ,.specialsListBoxContents { padding-left: 14px; padding-right: 14px; padding-top: 14px; border: 1px solid #D8D8D8; float: left; margin-right: 21px; padding: 11px 11px 9px; position: relative; margin-bottom: 21px; width: 185px; } .centerBoxContentsNew.col2, .centerBoxContentsSpecials.col2, .centerBoxContentsFeatured.col2 {margin-right:0;} #productDescription, .shippingEstimatorWrapper { padding:.5em; } h4.prod_title { border-bottom: medium none; color: #8A8A8A; margin-bottom: 0; } h4.prod_title a { color: #6E6E6E; } h4.prod_title a:hover{ text-decoration:underline; } h4.title { color: #333; text-transform:uppercase; } h4.title:hover { color: #666; } .prod_image { max-width:185px; max-height:185px; width:185px; height:185px; background: none repeat scroll 0 0 #F5F5F5; border: 1px solid #D8D8D8; margin-bottom: 15px; } .prod_price, .listprice { color: #D64C35; font-family: 'bitterregular'; font-size: 16px; line-height: 1.6; margin: 0 0 2px; text-indent: 0; } .productPriceDiscount { font-size: 14px; } .prod_buynow{ padding:12px 0 0; display: inline-block; } .important { font-weight:700; } .gvBal { float:right; } #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix { padding:.8em; } .smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP { font-size:.9em; } #siteinfoLegal, #siteinfoIP, #bannerFive, #bannerSix, .parseTime { clear:both; position:relative; top:2.18em; } /*-------------------------------------------------------------------------------------------*/ /* Shopping cart styles */ /*-------------------------------------------------------------------------------------------*/ #cartAdd { float: left; padding: 1em 1em 1em 0; width: 56%; } #cartAdd .button_in_cart { float: right; } #cartContentsDisplay TH, #cartContentsDisplay TD { padding:8px; } .cartProductDisplay {text-align: center;} .tableHeading, #cartSubTotal { background:#e9e9e9; } #cartSubTotal { font-weight: 700; line-height: 2.2em; padding: 8px 16px; text-align: right; } .tableRow, .tableHeading, #cartSubTotal { height:2.2em; } .cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay { padding:.5em 0 0; } #cartProdTitle { text-align:center } .cartUnitDisplay, .cartTotalDisplay { text-align:center; padding-right:.2em; } .cartQuantityUpdate input { margin:0; padding:0; } .cartRemoveItemDisplay input[type=checkbox] { float:none; margin-bottom:1em; } #scUpdateQuantity { width:1.8em; } #scProductsHeading { padding-left:2em; } .cartQuantity { width:4em; } .cartNewItem { position:relative; /*do not remove-fixes stupid IEbug*/ } .cartOldItem { position:relative; /*do not remove-fixes stupid IEbug*/ } .cartBoxTotal { text-align:right; font-weight:700; margin:.2em .5em; } .cartRemoveItemDisplay { width:5em; } .cartRemoveItemDisplay img {vertical-align: inherit;} .cartAttribsList { margin-left:1em; } #cartImage { margin:.5em 1em; } #mediaManager { width:50%; margin:.2em; padding:.5em; } .mediaTitle { float: left; } .mediaTypeLink { float: right; } .normalprice, .productSpecialPriceSale { text-decoration:line-through; } /* Product listings pages */ .productListingmain, .productListingmain-odd, .productListingmain-even, .zc-category-container { margin-bottom: 8px; } .zc-category-container{ margin-bottom: 25px; } .zc-internalcontainer .centerColumn {float:none;} .productListing-odd .mainleft, .productListing-even .mainleft, .productListingmain .mainleft {padding:15px; text-align:center;} .productListing-odd .mainright, .productListing-even .mainright, .productListingmain .mainright { padding:15px; } .productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount, .alert { color:#484848; } .orderHistList { margin:1em; padding:.2em 0; } #ezPageBoxList li { margin:0; padding:.2em 0; } #cartBoxEmpty, #cartBoxVoucherBalance { font-weight:700; } .totalBox { width:5.5em; text-align:right; padding:.2em; } .lineTitle, .amount { text-align:right; padding:.2em; } .amount { width:5.5em; } #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage { margin: 0 20px 20px 0; float: left; height: 250px; width: 250px; } #productMainImage img { /* max-height: 120px; max-width: 120px; */} .attribImg { width:20%; margin:.3em 0; } .centerBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsAlsoPurch { margin:1em 0; } #allProductsDefaultHeading, #newProductsDefaultHeading, #featuredDefaultHeading, .centerBoxHeading, h1#productName { margin: 0 0 25px; position: relative; z-index: 1; padding: 9px 0; border-bottom: 1px solid #D8D8D8; border-top: 1px solid #D8D8D8; } /*Sidebar classes*/ .rightBoxContainer, .leftBoxContainer{ margin-bottom: 30px; } h3.leftBoxHeading, h3.rightBoxHeading { margin: 0 0 19px; padding: 0 0 9px; color:#535451; border-bottom: 1px solid #D8D8D8; text-align:left; } #shoppingcart { background: url("../images/breadcrump-bg.jpg") repeat scroll center top #FFFFFF; border: 1px solid #DDDDDD; padding: 20px; } #documentcategories .sideBoxContent a .shade-a , #categories .sideBoxContent a .shade-a , #information .sideBoxContent a .shade-a , #moreinformation .sideBoxContent a .shade-a , #ezpages .sideBoxContent a .shade-a { background: none repeat scroll 0 0 #B1B4AC; display: block; height: 6px; left: -14px; position: absolute; top: 5px; width: 6px; } #documentcategories .sideBoxContent a:hover .shade-a , #categories .sideBoxContent a:hover .shade-a , #information .sideBoxContent a:hover .shade-a , #moreinformation .sideBoxContent a:hover .shade-a , #ezpages .sideBoxContent a:hover .shade-a { background: none repeat scroll 0 0 #BB6246; } .leftBoxHeading, .rightBoxHeading { margin:0; } #documentcategories .sideBoxContent, #categories .sideBoxContent, #information .sideBoxContent, #moreinformation .sideBoxContent, #ezpages .sideBoxContent { padding:0 0 0 30px; } /*-------------------------------------------------------------------------------------------*/ /* Misc */ /*-------------------------------------------------------------------------------------------*/ .cssButton { background: #BA6246; color: #FFFFFF; height: auto; line-height: 27px; margin: 0; overflow: hidden; padding: 6px 10px; text-decoration: none; border:1px dotted #9E4529; } .cssButton:hover, .cssButtonHover,.cssButton:focus, .cssButtonHover:focus { font-family: inherit; /* Make inputs use the correct typeface instead of the browser default */ cursor: pointer; /* Inputs need pointers! */ text-decoration: none; color: #FFFFFF; height: auto; line-height: 27px; overflow: hidden; padding: 6px 10px; border:1px dotted #9E4529; /*Background*/ background: #D64C35; -webkit-transition: all ease-in-out 0.4s; -moz-transition: all ease-in-out 0.4s; -o-transition: all ease-in-out 0.42s; transition: all ease-in-out 0.4s; } .button_confirm_order { width:auto !important; background: #30aab7; /*Fallback*/ } .back { float:left; } .navPrevCounter { font-size:.9em; } .navNextPrevList { display:inline; white-space:nowrap; padding:0 1em; list-style-type:none; position:relative; } #bottomLine { } .zc-col-full { margin: 0 auto; width: 100%; } .zc-col-left { float: left; } .zc-col-right { float: right; } /*-------------------------------------------------------------------------------------------*/ /* Footer */ /*-------------------------------------------------------------------------------------------*/ #zc-footer a { color: #D64C35; } #zc-footer { color: #666666; padding: 0; } #footer { background: none repeat scroll 0 0 #FFFFFF; margin: 0 auto -141px; padding: 0 20px; position: relative; text-align: left; width: 960px; z-index:3; } #footer .vcard{ border-top: 1px solid #D8D8D8; background: url("../images/border-a.png") repeat-x scroll center top transparent; clear: both; margin: 0; overflow: hidden; padding: 39px 0 29px; position: relative; width: 100%; z-index: 1; } #footerWrapper { overflow: hidden; clear: both; position: relative; z-index: 1; padding: 190px 0 3px; background: url(../images/footer.jpg); color: #c5c5c5; } #footerWrapper > div, #footerWrapper > p { width: 960px; margin-left: auto; margin-right: auto; } #footerWrapper > div { overflow: hidden; padding: 10px 0 6px; background: url(../images/border-a.png) top center repeat-x; line-height: 1.7;position: static; } #footerWrapper > div h3 { margin: 0 0 16px; padding: 0; border: 0; color: #ececec; font-size: 1.4em; font-family: 'kameronregular'; line-height: 1.1; text-transform: uppercase; } #footerWrapper > div > *:last-child h3 { margin-bottom: 10px; } #footerWrapper > div > .last-child h3 { margin-bottom: 10px; } #footerWrapper > div p { } #footerWrapper > div figure { position: absolute; right: 0; top: 0; padding: 3px; background: url(../images/shade-a.png); } #footerWrapper > div figure img { display: block; border: 1px solid #fff; } #footerWrapper > p { font-size: 1.3em; line-height: 1.2; } #footerWrapper a { color: #c5c5c5; } #footerWrapper .social-a { position: absolute; right: 50%; margin: 0 -480px 0 0; } #footerWrapper > .totop { display: block; overflow: hidden; position: absolute; right: 50%; bottom: 40px; width: 79px; height: 80px; margin: 0 -599px 0 0; background: url(../images/sprite-a.png) 0 -122px no-repeat; text-indent: -3000em; } #footerWrapper > .totop:hover, #footerWrapper > .totop:focus, #footerWrapper > .totop:active { background-position: -98px -122px; } #footer > div, #footer > p { width: 960px; margin-left: auto; margin-right: auto; } #footer > div { overflow: hidden; margin-bottom: 27px; padding: 0 0 33px;line-height: 1.7; } #footer > div > * { position: relative; float: left; width: 206px; padding: 0 30px 0 0; } #footer > div > *:last-child { line-height: 2.6; } #footer .social-a { position: absolute; right: 50%; bottom: 13px; margin: 0 -480px 0 0; } #footer > .totop { display: block; overflow: hidden; position: absolute; right: 50%; bottom: 40px; width: 79px; height: 80px; margin: 0 -599px 0 0; background: url(../images/sprite-a.png) 0 -122px no-repeat; text-indent: -3000em; } #footer > .totop:hover, #footer > .totop:focus, #footer > .totop:active { background-position: -98px -122px; } .list-c { list-style: none; margin: 0 0 2px; padding: 0; } .list-c li { padding: 0 0 9px 0px; background: url(../images/icon-a.png) -3000em -3000em no-repeat; line-height: 1.6; } .list-c li.a { background-position: 0 1px; } .list-c li.b { background-position: 0 -99px; } .list-c li.c { background-position: 0 -199px; } .list-c li.d { background-position: 0 -299px; } ul.list-mns { width: 154px;list-style: none; padding: 0; border-top: 1px solid #d8d8d8;margin-left: 0; } ul.list-mns > li { padding: 0; } ul.list-mns > li a { line-height: 1.6;display: block; position: relative; padding: 8px 10px 8px 18px; border-bottom: 1px solid #d8d8d8; color: #8a8a8a; text-decoration: none; } ul.list-mns > li a > .shade-a { display: block; position: absolute; left: 5px; top: 14px; width: 6px; height: 6px; background: #b1b4ac; } ul.list-mns > li a:hover, ul.list-mns > li a:focus, ul.list-mns > li a:active { padding-right: 3px; padding-left: 25px; color: #bb6246; } ul.list-mns > li a:hover > .shade-a, ul.list-mns > li a:focus > .shade-a, ul.list-mns > li a:active > .shade-a { left: 10px; background: #bb6246; } /* Social icons */ .social-a { overflow: hidden; list-style: none; padding: 0; } #content .social-a { width: 100%; } .social-a li { display: block; float: left; padding: 0 0 10px 10px; color: #8a8a8a; font-size: 1.3em; line-height: 36px; } .social-a li:first-child { padding-left: 0; } .social-a li a { display: block; overflow: hidden; width: 36px; height: 36px; background: url(../images/social.png) -3000em -3000em no-repeat; text-indent: -3000em; } .social-a li.fb a { background-position: 0 0; } .social-a li.tw a { background-position: -46px 0; } .social-a li.rs a { background-position: -92px 0; } .social-a li.sa a { background-position: -138px 0; } .social-a li.li a { background-position: -184px 0; } .social-a li.dl a { background-position: -230px 0; } .social-a li.sk a { background-position: -276px 0; } .social-a li.em a { background-position: -322px 0; } .social-a li.dr a { background-position: -368px 0; } .social-a li.fb a:hover, .social-a li.fb a:focus, .social-a li.fb a:active { background-position: 0 -46px; } .social-a li.tw a:hover, .social-a li.tw a:focus, .social-a li.tw a:active { background-position: -46px -46px; } .social-a li.rs a:hover, .social-a li.rs a:focus, .social-a li.rs a:active { background-position: -92px -46px; } .social-a li.sa a:hover, .social-a li.sa a:focus, .social-a li.sa a:active { background-position: -138px -46px; } .social-a li.li a:hover, .social-a li.li a:focus, .social-a li.li a:active { background-position: -184px -46px; } .social-a li.dl a:hover, .social-a li.dl a:focus, .social-a li.dl a:active { background-position: -230px -46px; } .social-a li.sk a:hover, .social-a li.sk a:focus, .social-a li.sk a:active { background-position: -276px -46px; } .social-a li.em a:hover, .social-a li.em a:focus, .social-a li.em a:active { background-position: -322px -46px; } .social-a li.dr a:hover, .social-a li.dr a:focus, .social-a li.dr a:active { background-position: -368px -46px; } /*-------------------------------------------------------------------------------------------*/ /* Helpers */ /*-------------------------------------------------------------------------------------------*/ * { transition: 0.2s color, 0.2s background-color; -moz-transition: 0.2s color, 0.2s background-color; -webkit-transition: 0.2s color, 0.2s background-color; -o-transition: 0.2s color, 0.2s background-color; -ms-transition: 0.2s color, 0.2s background-color; } ul.list-mns > li a, ul.list-mns > li a > .shade-a, #topsearch input, #search input, #nav > ul.a > li > div ul li a, #nav > ul.a > li > div ul li a > .shade-a, .list-e li, .list-e li a, .module-b > nav ul li a, .module-b > nav ul li a > .shade-a, .gallery-a li .wrapper, .form-a button, .link-d a, .form-b button, .filter-a button, .price-a button, .form-c button, .form-d button, .link-e a, .list-j li a { transition: 0.2s all; -moz-transition: 0.2s all; -webkit-transition: 0.2s all; -o-transition: 0.2s all; -ms-transition: 0.2s all; } .clear { clear: both; overflow: hidden; width: 100%; height: 0; } .hidden, [hidden] { position: absolute; left: -3000em; top: -3000em; visibility: hidden; } hr, .hr { display: block; overflow: hidden; width: 100%; height: 1px; margin: 15px 0; padding: 0; border: 0; border-top: 1px solid #ccc; background: none; font-size: 0; } .hr hr { display: none; } img { border-width: 0; vertical-align: middle; } /*warnings, errors, messages*/ .messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution { padding:0.2em; } .messageStackWarning, .messageStackError { background:#D64C35; color:#fff; } .messageStackSuccess { background:#33bccc; color:#fff; } .messageStackCaution { background:#ff9; } @media only screen and (min-width: 1px) { iframe { max-width: 100% !important; } img { height: auto !important; } .zoomPad img { max-width: 10000% !important; } } ::selection { background: #d64c35; color: #fff; text-shadow: none; } ::-moz-selection { background: #d64c35; color: #fff; text-shadow: none; } @font-face { font-family: 'bitterregular'; src: url('fonts/bitter-regular.eot'); src: url('fonts/bitter-regular.eot?#iefix') format('embedded-opentype'), url('fonts/bitter-regular.woff') format('woff'), url('fonts/bitter-regular.ttf') format('truetype'), url('fonts/bitter-regular.svg#bitterregular') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'bitteritalic'; src: url('fonts/bitter-italic.eot'); src: url('fonts/bitter-italic.eot?#iefix') format('embedded-opentype'), url('fonts/bitter-italic.woff') format('woff'), url('fonts/bitter-italic.ttf') format('truetype'), url('fonts/bitter-italic.svg#bitteritalic') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'enriquetaregular'; src: url('fonts/enriqueta-regular.eot'); src: url('fonts/enriqueta-regular.eot?#iefix') format('embedded-opentype'), url('fonts/enriqueta-regular.woff') format('woff'), url('fonts/enriqueta-regular.ttf') format('truetype'), url('fonts/enriqueta-regular.svg#enriquetaregular') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'enriquetabold'; src: url('fonts/enriqueta-bold.eot'); src: url('fonts/enriqueta-bold.eot?#iefix') format('embedded-opentype'), url('fonts/enriqueta-bold.woff') format('woff'), url('fonts/fonts/enriqueta-bold.ttf') format('truetype'), url('enriqueta-bold.svg#enriquetabold') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'kameronregular'; src: url('fonts/kameron-regular.eot'); src: url('fonts/kameron-regular.eot?#iefix') format('embedded-opentype'), url('fonts/kameron-regular.woff') format('woff'), url('fonts/kameron-regular.ttf') format('truetype'), url('fonts/kameron-regular.svg#kameronregular') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'kameronbold'; src: url('fonts/kameron-bold.eot'); src: url('fonts/kameron-bold.eot?#iefix') format('embedded-opentype'), url('fonts/kameron-bold.woff') format('woff'), url('fonts/kameron-bold.ttf') format('truetype'), url('fonts/kameron-bold.svg#kameronbold') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'pacificoregular'; src: url('fonts/pacifico.eot'); src: url('fonts/pacifico.eot?#iefix') format('embedded-opentype'), url('fonts/pacifico.woff') format('woff'), url('fonts/pacifico.ttf') format('truetype'), url('fonts/pacifico.svg#pacificoregular') format('svg'); font-weight: 500; font-style: normal; } /* different backgrounds styles */ #indexBody #mainWrapper, #productsallBody #mainWrapper { background: url("../images/body-bg/bodybg-b.jpg") no-repeat scroll center 0 #F0F0F0; } #productinfoBody #mainWrapper, #specialsBody #mainWrapper { background: url("../images/body-bg/bodybg-c.jpg") no-repeat scroll center 0 #F0F0F0; } #shoppingcartBody #mainWrapper, #advancedsearchBody #mainWrapper { background: url("../images/body-bg/bodybg-d.jpg") no-repeat scroll center 0 #F0F0F0; } #productsnewBody #mainWrapper { background: url("../images/body-bg/bodybg-e.jpg") no-repeat scroll center 0 #F0F0F0; } #indexBody #footerWrapper, #productsallBody #footerWrapper { background: url("../images/footer.jpg") repeat-x center top; } #productinfoBody #footerWrapper, #specialsBody #footerWrapper { background: url("../images/footer1.jpg") repeat-x center top; } #shoppingcartBody #footerWrapper, #advancedsearchBody #footerWrapper { background: url("../images/footer2.jpg") repeat-x center top; } #productsnewBody #footerWrapper { background: url("../images/footer3.jpg") repeat-x center top; } /*! Figures --------- */ /*! Forms --------- */ caption { display: none; padding: 0; border: 0; white-space: normal; } /*fieldset, hr { border-width: 0; } */button, input[type="submit"] { padding: 6px 0; overflow: visible; cursor: pointer; line-height:normal; } textarea { overflow: auto; vertical-align: top; resize: vertical; } #root .select-a { padding: 0 55px 0 0; color: #6e6e6e; font-size: 1.2em; text-indent: 0; } .select-a label { position: absolute; left: -3000em; top: 0; } .select-a select { width: 194px; padding: 2px 2px 2px 11px; border: 1px solid #d8d8d8; } .js .select-a select { position: absolute; left: -3000em; top: 0; } .select-a .jNiceWrapper { color: #6e6e6e; } .select-a .jNiceSelectWrapper { position: relative; } .select-a .jNiceSelectWrapper > div { display: block; width: 138px; height: 21px; padding: 0 15px; border: 1px solid #d8d8d8; color: #6e6e6e; line-height: 21px; } .select-a .jNiceSelectText { color: #6e6e6e; } .select-a .jNiceSelectOpen { display: block; position: absolute; right: -15px; top: 0; width: 23px; height: 23px; background: url(../images/sprite-a.png) -165px -253px no-repeat; cursor: pointer; } .select-a .jNiceSelectWrapper > ul { position: absolute; left: 0; top: 24px; list-style: none; width: 168px; padding: 0; border: 1px solid #d8d8d8; background: #fff; } .select-a .jNiceSelectWrapper > ul li, .select-b .jNiceSelectWrapper > ul li { padding: 0; } .select-a .jNiceSelectWrapper > ul li:first-child, .select-b .jNiceSelectWrapper > ul li:first-child { position: absolute; left: -3000em; top: -3000em; } .select-a .jNiceSelectWrapper > ul li a { display: block; padding: 0 15px; color: #6e6e6e; } #root .select-b { margin: 0 0 20px; color: #8a8a8a; font-size: 1.3em; text-indent: 0; } .select-b label { display: block; padding: 0 0 3px; color: #8a8a8a; } .select-b select { width: 194px; padding: 2px 2px 2px 11px; border: 1px solid #d8d8d8; } .js .select-b select { position: absolute; left: -3000em; top: 0; } .select-b .jNiceWrapper { color: #6e6e6e; } .select-b .jNiceSelectWrapper { position: relative; } .select-b .jNiceSelectWrapper > div { display: block; position: relative; z-index: 1; width: 160px; height: 28px; padding: 0 9px; border: 1px solid #d8d8d8; color: #6e6e6e; line-height: 28px; } .select-b .jNiceSelectText { color: #6e6e6e; } .select-b .jNiceSelectOpen { display: block; position: absolute; right: -32px; top: -1px; width: 30px; height: 30px; background: url(../images/sprite-a.png) 8px -1390px no-repeat #c9c9c9; cursor: pointer; } .select-b .jNiceSelectOpen:hover { background-color: #d47e53; } .select-b .jNiceSelectWrapper > ul { position: absolute; left: 0; top: 31px; z-index: 2; list-style: none; width: 178px; padding: 0; border: 1px solid #d8d8d8; background: #fff; } .select-b .jNiceSelectWrapper > ul li { padding: 0; } .select-b .jNiceSelectWrapper > ul li a { display: block; padding: 0 9px; color: #888; } #root .select-c { } .select-c select { width: 328px; padding: 9px 9px 9px 19px; border: 1px solid #d8d8d8; } .js .select-c select { position: absolute; left: -3000em; top: 0; } .select-c .jNiceWrapper { } .select-c .jNiceSelectWrapper { position: relative; } .select-c .jNiceSelectWrapper > div { display: block; position: relative; z-index: 1; width: 267px; height: 36px; padding: 0 40px 0 20px; border: 1px solid #d8d8d8; background: url(../images/sprite-a.png) 100% -1610px no-repeat #fff; color: #888888; line-height: 36px; } .select-c .jNiceSelectText { color: #888; } .select-c .jNiceSelectWrapper > ul { position: absolute; left: 0; top: 39px; z-index: 2; list-style: none; width: 327px; padding: 0; border: 1px solid #d8d8d8; background: #fff; } .select-c .jNiceSelectWrapper > ul li { padding: 0; } .select-c .jNiceSelectWrapper > ul li a { display: block; padding: 2px 20px; color: #888; } /**** Isotope filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .isotope, .isotope .isotope-item { /* change duration value to whatever you like */ -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; } /* Responsive Styles--------- */ /* If you dont want layout to be responsive , please delete everything below this line.--------- */ /* #mainWrapper { overflow: hidden; } */ @media only screen and (max-width: 980px) { div#dropMenu ul.level1 > li { padding: 0; } div#dropMenu ul.level2 { top: 28px; } #contentMainWrapper, #navEZPagesTopWrapper, #navCatTabsWrapper, #footer, #footerWrapper > div, #footerWrapper > p { width: 90%; } #top { padding: 40px 2.5% 0 24%; width: 70%; } #top h1 { border:none;} .zc-centerColumnCats,.centerColumn { width:640px; } #navColumnTwo, #navColumnOne { width: 155px; } #headline { width:auto;} #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage { padding-bottom: 30px; } .zc-prod-summary { width:60%; } #footerWrapper .social-a { margin:0; position:inherit; } #footer > .totop { display:none; } } @media only screen and (max-width: 800px) { #top { padding-left: 209px; width: 65%; } #top > h1 { border: 0; } #nav ul.a > li { margin-right: 9px; padding-bottom: 0; } #nav ul.a > li:last-child { margin-right: 0; } #nav ul.a > li.last-child { margin-right: 0; } #nav > ul.a > li > div { left: -221px; width: 719px; } #nav > ul.a > li > div > div { width: 100px; } #nav > ul.b { font-size: 11px;} #nav ul.b > li, #nav ul.b > li:first-child { padding-right: 20px; padding-bottom: 0; } #search input, #top #topsearch input { width: 60px; } #breadcrumbs, #featured h2, #headline, .a #footer > p, #featured > p.a { width: auto; } #headline { top: -10px; } #breadcrumbs ul { padding: 0; } #featured > p { padding-right: 302px; } #featured > p.a { padding-right: 0; } #featured .grid-a { margin-right: -360px; } .zc-centerColumnCats ,.centerColumn{ width:100%;} #root #featured > .rating-d { position: relative; right: 0; top: 0; width: 578px; margin: 20px auto 0; } #footer > div, #footer > p { width: 740px; } .c #footer > p { width: 700px; } .c #footer .social-a { margin-right: -350px; } #footer > div > *, #footer > div > *:first-child { width: 160px; padding-right: 24px; } #footer > div > *:last-child { width: 160px; padding-right: 200px; } #footer .social-a { margin-right: -370px; } #content > .cols-a { width: 100%; } .cols-a > *:first-child { width: 480px; } .cols-a > aside { width: 200px; } .double-d { margin-bottom: 30px; } .double-c > *, .double-c > *:first-child, .double-d > *, .double-d > *:first-child { float: none; width: 100%; } .double-b > *:first-child { width: 240px; } .double-d > *:first-child { padding-bottom: 2.5em; } .blog-b > .inner { width: 100%; padding: 0 0 30px; } .blog-b > *, .blog-b > .inner > * { width: inherit; border: 0; } .blog-b > *, .blog-b > .inner > * > .shade-a, .blog-b > .inner > footer, .blog-b > footer { display: none; } .blog-b footer { margin-left: 0; margin-right: 0; } .blog-b > .inner > footer, .blog-b > footer { width: inherit; border: 0; } .blog-c > * { padding-left: 0; } .blog-c figure { position: relative; left: 0; top: 0; } .blog-d > .clear { display: none; position: absolute; left: -3000em; top: -3000em; } .blog-i > *, .blog-i > .inner > * { margin-bottom: 20px; } .featured-a, .featured-b, #logo, .pagination-a p, .featured-c { position: absolute; left: -3000em; top: -3000em; } .featured-d { width: 100%; } #root .ps-slidewrapper { width: 350px; } .module-b { } .module-b > * { width: 160px; padding-left: 24px; } .module-b > nav { width: 154px; } .module-e > * { width: 331px; } .pagination-a ol { clear: both; float: none; width: 100%; } .pagination-a form { padding-bottom: 15px; } .filter-a .list-l { overflow: hidden; float: none; width: 100%; padding-bottom: 10px; } .filter-a .range-a { left: 0;} .product-b fieldset > div { float: none; width: 100%; margin: 0 0 30px; } .product-b fieldset > aside { float: none; width: 100%; } #root .rating-b { padding-right: 0; background: none; } .tabs-a > ul li a { padding: 0 15px; } .form-a input, .form-b span > input, .form-b p > input, .form-c p > input { width: 96%; padding-left: 2%; padding-right: 2%; } .form-a textarea, .form-b textarea, .form-c textarea { width: 96%; padding-left: 2%; padding-right: 2%; } .form-b .select-c { } .select-c select { width: 100% !important; } .js .select-c select { position: relative; left: 0; opacity: 1 !important; } .select-c .jNiceSelectWrapper, .double-c .image-e, .featured-d > div.shade-a, .featured-d > div.shade-b, .featured-d > div.shade-c, .featured-d > div.shade-d { position: absolute; left: -3000em; top: -3000em; } .table-c .link-i a { font-size: 10px; } } @media only screen and (max-width: 768px) { #navColumnTwo, #navColumnOne { border-top: 7px solid #EEEEEE; float: left; margin-top: 25px; padding-top: 13px;} .nsIntro .introimg {float:left;} } @media only screen and (max-width: 600px) { #top, .a #top { width: 85%; height: auto; padding: 20px 2% 0; } #top > h1 { position: relative; left: 0; top: 0; margin: 0 0 25px; } #nav { padding-top: 15px; padding-bottom: 20px; } #nav:after { content: ""; display: block; overflow: hidden; clear: both; height: 0; } #nav ul.a { overflow: hidden; width: 100%; margin-bottom: 20px; } #nav ul.a > li { margin-right: 35px; } #nav > ul.a > li > div, #nav > ul.a > li > ul, .featured-d { position: absolute; left: -3000em; top: -3000em; } #nav ul.b { position: relative; left: -7px; top: 0; bottom: 0; } #nav ul.b > li, #nav ul.b > li:first-child { padding-right: 40px; } #nav > ul.b { font-size: 13px;} #search { right: 7px; } #search input, #top #topsearch input { width: 124px; } .show-top-cart, div#dropMenu ul.level2 { display:none !important; } #featured { top: 0; margin: 0; padding: 15px 0 40px; } #featured .grid-a { position: relative; right: 0; top: 0; padding: 15px 0 0; } #content, #breadcrumbs, #featured h2, #headline, #footer > div, #footer > p, #featured > p, .a #footer > p, #featured .grid-a, #featured > p.a { width: 94%; padding-left: 2%; padding-right: 2%; } #root #featured > .rating-d { margin-left: 2%; } #root #featured > .rating-d { width: auto; } #footer > div > *, #footer > div > *:first-child { float: none; width: 100%; padding-left: 0; padding-right: 0; margin-right: 0; margin-left: 0; margin-bottom: 30px; } #footer > div > *:last-child { float: none; width: auto; padding-right: 200px; } #footer .social-a { position: relative; right: 0; bottom: 0; width: 94%; margin: 0 auto; padding: 0 2% 10px; } .c #footer .social-a { position: absolute; right: -3000em; } .social-a li { padding: 0 10px 10px 0; } #content > .cols-a { width: 100%; } .cols-a > *:first-child, .double-b > *:first-child { margin-bottom: 40px; } .cols-a > *:first-child, .cols-a > aside, .double-b > *:first-child { float: none; width: 100%; min-height: 0 !important; } .double-b > * { float: none; } .blog-e > .inner { width: 100%; } .blog-e > *, .blog-e > .inner > * { float: none; width: 100%; border: 0; } .blog-e > .inner > * > .shade-a, .js #root .product-b fieldset > aside p, .module-e > *:first-child > .shade-a { position: absolute; left: -3000em; top: -3000em; } .module-b { } .module-b > * { float: none; width: 100%; padding-left: 0; padding-right: 0; margin-right: 0; margin-left: 0; margin-bottom: 30px; } .module-b > nav { float: left; width: 46%; margin-right: 4%; } .module-e { } .module-e > *, .module-e > *:first-child { float: none; width: 100%; min-height: 0 !important; padding-left: 0; padding-right: 0; padding-top: 0; border: 0; } .module-e > *:first-child { padding-bottom: 0; } .module-e .social-a { text-align: left; } .module-e .link-f { position: relative; padding-bottom: 1em; } .module-e .link-f a { float: left; } .news-b { clear: both; } .list-g > li > ul > li > ul > li { padding-left: 222px; } .list-g > li > ul > li > ul > li > figure { left: 111px; } #root .pagination-aa { position: relative; left: 0; bottom: 0; } .image-e { display: -moz-inline-stack; display: inline-block; } } @media only screen and (max-width: 480px) { #nav ul.a > li { margin-right: 30px; } #nav ul.b > li, #nav ul.b > li:first-child { padding-right: 20px; } .a #footer > p { background: none; } .blog-d { width: 100%; } .blog-d > * { width: 100%; margin-right: 0; } .blog-g > .inner, .ns-filterable > .inner, #root .blog-i > .inner { width: 100%; } .blog-g > .inner > * , .ns-filterable > .inner > * { float: none; width: 100%; border: 0; } .module-a { padding-left: 0; } .module-a > div, .blog-g > .inner > * > .shade-a, .blog-a > * > footer .addthis_toolbox { position: absolute; left: -3000em; top: -3000em; } .product-a .list-k { width: 100%; } input[type="text"], input[type="password"] {width: 6px;} #cartContentsDisplay TH, #cartContentsDisplay TD { width:15px; padding: 5px 0;} .list-g > li > ul > li > ul > li, .list-g > li > ul > li { padding-left: 111px; } .list-g > li > ul > li > ul > li { margin-left: -111px; } .list-g > li > ul > li > ul > li > figure, .list-g > li > ul > li > figure { left: 0; } .quote-b { padding: 0; } .table-c { font-size: .9em; } .table-c .link-i a { font-size: 9px; } } @media only screen and (max-width: 320px) { #footer > div > *, #footer > div > *:last-child { padding: 0; } .list-g > li > ul > li > ul > li, .list-g > li > ul > li, .list-g > li { margin-left: 0; padding-left: 0; } #footer > div figure, .list-g figure, .range-a label { display: none; } .range-a > span { left: 70px; } .blog-f > * { padding-left: 20px; } .blog-f header figure { position: relative; left: 0; top: 0; margin: 0 0 14px; } .blog-h .rating-c, .price-a .plus-one, .price-a .minus-one { position: absolute; left: -3000em; top: -3000em; } .module-d { padding-right: 0; } .module-d p.link-e { position: relative; right: 0; top: 0; padding-top: 2em; } .table-a { font-size: .75em; } #root .form-b h3 .check-a { display: block; position: relative; right: 0; top: 0; } .form-b p > span, .list-k { float: none; width: 100%; margin: 0; } .form-b p > span:first-child { margin-bottom: 25px; } .price-a button, .list-k li, .list-k li a { float: none; } .zoomPad img { max-width: 10000% !important; } .link-e a { float: left; } }