/* ----- Site wide --------------------------------------------------------------------------------------------------------------------------- */ html,body{border:0;margin:0;font-family:Arial,Helvetica,sans-serif; font-size: 11px; line-height:150%; background:url(layout/bg-wood.jpg); background-attachment:fixed; height: 100%; } #form2, #Form2, #Form, #form, #Form1, #form1 {height: 100%;} a,a:hover,a:focus{outline:none;text-decoration:none;} p,ul,li{color:#666;font-size:9.5pt;font-weight:400;font-style:normal;line-height:150%;text-decoration:none;} h1,h2,h3,h4,h5{font-family:Arial, Helvetica, sans-serif;} h1{font-size:28px; font-weight:normal;font-family:Georgia, "Times New Roman", Times, serif; line-height:100%; margin:0 0 14px 0; padding:0 0 0 0; color:#333333} h1.product-title{font-size:25px; font-weight:normal;font-family:Georgia, "Times New Roman", Times, serif; line-height:120%; margin:0 0 14px 0; padding:0 0 0 0} h2{font-size:14pt;} h3{font-size:12pt;} h5{font-size:9.5pt;} .Instructions,.message{font-family:Arial,Helvetica,sans-serif;font-size:8.5pt;color:#666;font-weight:400;font-style:normal;line-height:150%;} .ErrorMessages{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:8pt;color:#FFF;background-color:#e32425;margin:0;padding:2px 5px;} .Messages{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:8pt;color:#FFF;background-color:#333;margin:0;padding:2px 5px;} .required{font-family:Arial,Helvetica,sans-serif;font-size:10.5pt;color:#ed1c24;font-weight:400;font-style:normal;padding-left:5px;float: left;} .now {font-size: 12pt; color:#333; font-weight:bold; font-style: normal; text-decoration: none; display: inline; line-height:150%; margin-right:5px } .was {font-size: 8pt; color:#999; font-weight:normal; font-style: normal; text-decoration:line-through; display: inline; line-height:100%; margin-right:5px;} .saving {font-size: 8.0pt; color:#ffe1e1; font-weight:bold; font-style: normal; text-decoration: none; display: inline; background:#d32f2f; padding:2px 0px 2px 5px; } .saving-text {font-size: 8.0pt; color:#FFF; font-weight:bold; font-style: normal; text-decoration: none; display: inline; background:#d32f2f; padding:2px 5px 2px 0px ;} .onsale{position:absolute;right:-6px;top:-7px;} .onsale-detail {position:absolute;left:-97px;top:-6px; z-index:1} img { border:none} /*div, table, table tr, table tr td { color:#666;font-size:9.5pt;font-weight:400;font-style:normal;line-height:150%;text-decoration:none;}*/ .lblLeadTime {line-height:200%; color:#900; font-size:14px} *{box-sizing:-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} /* ----- Pricing ----- */ .pricing { position:absolute; top: 370px; text-align:center; width:224px;} .pricingDetail { width:466px; border-bottom:1px solid #efefef; border-top:1px solid #efefef; padding: 7px 0;} .now, .was, .save {display: inline-block; margin: 0px; padding: 0px; font-size:16px; } .now { color: #666; font-weight:bold;} .was { color: #959595; text-decoration: line-through; margin-left:7px; } .save { /* background: #dc4040; */ color: #dc4040; padding:0 7px; font-size: 10px; letter-spacing:2px; width: 100%; clear: both; float: left; font-weight: bold;} .search-item-PR-title .pricing { position: absolute; z-index: 1; top: 290px;} /* ----- END - Pricing ----- */ /* ----- END - Site wide ----- */ /* ----- Mega Menu Styles ----- .mega-menu ul, .mega-menu ul li { list-style: none } .mega-menu ul { position: relative; padding: 0; margin: 0 } .mega-menu ul li ul { display: none } .mega-menu .sub { display: none; z-index:0 } .mega-menu .sub ul { display: block; z-index:0 } #mega-menu-1 { font: normal 10pt Georgia, "Times New Roman", Times, serif; list-style: none; position: relative; padding: 0; margin: 0; text-align: left; display: none; color:#fff; text-transform:uppercase } #mega-menu-1 .sub ul { display: block } #mega-menu-1 { width:980px; height: 34px; position: relative; } #mega-menu-1 li { float: left; margin: 0px; padding: 0px; font-weight: bold } #mega-menu-1 li a { float:left; display: block; color: #fff; padding: 7px 14px; text-decoration: none; border:none; font-size:14px } #mega-menu-1 li.mega-hover a { background: #3d332e; color: #f7941d; z-index:100000; position:relative; } #mega-menu-1 li a:hover { background: #3d332e; } #mega-menu-1 li .sub-container { position: absolute } #mega-menu-1 li .sub { background: #3d332e; padding: 7px; } #mega-menu-1 li .sub .row { width: 100%; overflow: hidden; clear: both } #mega-menu-1 li .sub li { list-style: none; float: none; width: 183px; font-size: 8.5pt; font-weight: normal } #mega-menu-1 li .sub li.mega-hdr { margin: 0px 10px 10px 0px; float: left } #mega-menu-1 li .sub li.mega-hdr.last { margin-right: 0 } #mega-menu-1 li .sub a { background: none; color: #fff; padding: 7px; display: block; float: none; font-size: 8.5pt; height:1%; overflow:hidden } #mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a { padding: 7px; font-weight: normal; color: #fff; font-size:14px; } #mega-menu-1 li .sub li.mega-hdr a.mega-hdr-a:hover { color: #cc9433 } #mega-menu-1 .sub li.mega-hdr li a { padding: 3px 7px; font-weight: normal; font-family:Arial, Helvetica, sans-serif; text-transform:capitalize } #mega-menu-1 .sub li.mega-hdr li a:hover { color: #cc9433;} #mega-menu-1 .sub ul li { padding-right: 0 } #mega-menu-1 li .sub-container.non-mega .sub { padding: 0px } #mega-menu-1 li .sub-container.non-mega li { padding: 0px; width: 170px; margin: 0 } #mega-menu-1 li .sub-container.non-mega li a { padding: 7px } #mega-menu-1 li .sub-container.non-mega li a:hover { color: #cc9433; } li.sale { position:absolute; right: 158px; top:0; list-style:none; display: block; padding: 0px 18px; height: 34px;width: 49px; text-align:center; background: #ca373c; font: normal 10pt Georgia, "Times New Roman", Times, serif; } li.sale:hover {background:#e1454a} li.sale a { font: normal 10pt Georgia, "Times New Roman", Times, serif; color: #FFF; text-decoration: none; font-size:14px; line-height: 240%; } li.hotProd { position:absolute; right: 41px; top: -21px; list-style:none; display: block; padding: 0px 18px; width: 123px; height: 33px; background: #3e9ec8; font: normal 10pt Georgia, "Times New Roman", Times, serif; text-align: center;} li.hotProd:hover {background:#4daed9} li.hotProd a { font: normal 10pt Georgia, "Times New Roman", Times, serif; color: #FFF; text-decoration: none; font-size:14px; line-height: 240%; } /* ----- END - Mega Menu Styles ----- */ /* ----- Mega Menu Styles ----- */ .navStore { float:left} .navStoreExtra { float:right;position: absolute; right: 0;} .TopBanner-nav>div {float:;/* height: 42px; */margin: 0;padding: 0;} .mega-menu ul, .mega-menu ul li { list-style: none; } .mega-menu ul { position: relative; padding: 0; margin: 0 } .mega-menu ul li ul { display: none } .mega-menu .sub { display: none; } .mega-menu .sub ul { display: block; } .mega-menu {list-style: none; position: relative; padding: 0; margin: 0; text-align: left; display: none; color:#534741; font: normal 10pt Georgia, "Times New Roman", Times, serif; color:#fff; } .mega-menu .sub ul { display: block } .mega-menu { height: 42px; position: relative;} .mega-menu>li {/* border-right: 1px solid #efefef; */} #mega-menu-1>li>a {height: 42px;} .mega-menu li { float: left; margin: 0px; padding: 0px; font-weight: bold;} .mega-menu li a { float:left; display: block; color: #FFF; padding: 11px 14px; text-decoration: none; border:none; font-size: 14px;} .mega-menu li.mega-hover>a { background: #333; } .dc-mega-icon {width: 14px; height: 7px; background: url(/layout/sprite.png) -56px -84px no-repeat;display: inline-block;display: none;} .mega-menu li a:hover { background: #333; z-index:100000; float:left; display: block; padding: 11px 14px; text-decoration: none; border:none; font-size:14px; } .mega-menu li .sub-container { position: absolute; } .mega-menu li .sub { background: #333; padding: 14px; } .mega-menu li .sub .row { width: 100%; overflow: hidden; clear: both; z-index:10 !important } .mega-menu li .sub li { list-style: none; float: none; width: 180px; font-size: 8.5pt; font-weight: normal } .mega-menu li .sub li.mega-hdr { margin: 0px 10px 0px 0px; float: left } .mega-menu li ul { padding: 7px 0 0 0; } .mega-menu li .sub li.mega-hdr.last { margin-right: 0 } .mega-menu li .sub a { background: none; padding: 7px; float: none; font-size: 11px; /* font-family: arial; */} .mega-menu li .sub li.mega-hdr a.mega-hdr-a { background: none; padding: 0px 3px; float: none; font-size: 14px; } .mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover { color: #f7941d;} .mega-menu .sub li.mega-hdr li a { padding: 5px 3px; font-weight: normal; line-height:150%; border-top: 1px solid rgba(0, 0, 0, 0.2); font-family: arial;} .mega-menu .sub ul li { padding-right: 0 } .mega-menu li .sub-container.non-mega .sub { padding: 14px;} .mega-menu li .sub-container.non-mega li { padding: 0; width: 170px; margin: 0 } .mega-menu li .sub-container.non-mega li a { padding: 5px 0px;line-height:150%; border-top: 1px solid #3c3c3c; } .mega-menu li .sub-container.non-mega li a:hover { color: #f7941d; } .mega-menu li.Level0:hover { z-index:1} /* Store */ #mega-menu-1>li>a { color: #fff; text-transform:uppercase;} #mega-menu-1>li.mega-hover>a { color: #f7941d; } .mega-menu .sub li.mega-hdr li a:hover { color: #f7941d;} #mega-menu-1>li:last-child>div>ul { left:115px} /* Store extra - new*/ #mega-menu-2>li:first-child>a { color: #fff; text-transform:uppercase; background: #3180bc; font: normal 10pt Georgia, "Times New Roman", Times, serif; line-height: 150%; text-align: center; width: 87px;} #mega-menu-2>li:first-child .sub { color: #fff; background: #3180bc;} #mega-menu-2>li:first-child .sub a { color: #fff; background: #3180bc;} #mega-menu-2>li:first-child.mega-hover>a { background: #3180bc;} /* Store extra - Sale and offer 3e9ec8*/ #mega-menu-2>li>a { color: #fff; text-transform:uppercase; background: #81282a; height: 42px;} #mega-menu-2>li.mega-hover>a { color: #fff; background: #81282a; } #mega-menu-2>li .sub { color: #fff; background: #81282a;} #mega-menu-2>li .sub li.mega-hdr li a { color: #fff;} #mega-menu-2>li>div>ul>li>a:hover { background: #81282a; } #mega-menu-2>li>.sub-container.mega { right:0px !important; left: inherit !important; } /* Store extra - instore 4daed9*/ #mega-menu-2>li:last-child>a { color: #fff; text-transform:uppercase; background: #4a7f4f; font: normal 10pt Georgia, "Times New Roman", Times, serif; line-height: 150%; text-align: center;} #mega-menu-2>li:last-child .sub { color: #fff; background: #4a7f4f;} #mega-menu-2>li:last-child.mega-hover>a { background: #4a7f4f;} /* Category search*/ .msSearch { width:100%; font-size:10px; color:#666; position: absolute; width: 100%; background: #222222; left: 0; padding: 7px 14px;} /* ----- END - Mega Menu Styles ----- */ /* ----- Layout ----- */ #store-grid,#adv-store-grid{width:100%; } #store-grid-bg{width:100%;margin:0 auto;} #centercolumn{background:#fff;width: 1008px;text-align:left;vertical-align:top;margin:0 auto; padding: 0 14px 14px;height: 1%;overflow: hidden;} #adv-centercolumn{background:#fff;width:980px;text-align:left;vertical-align:top;margin:0 auto; padding:0} #leftColumn {width: 238px; margin-right:14px; padding-right:14px; float:left; background:url(layout/spacer.gif) repeat-y; background-position: right;} #mainColumn {width:490px; margin-right:14px; float:left; background:url(layout/spacer.gif) repeat-y; background-position: right;} #rightColumn {width:224px; float:left; } #store {width:728px; float:left} #width:728px; float:left {width:980px; float:left} .title { font-family:Georgia, "Times New Roman", Times, serif; color:#534741; font-size:14px; letter-spacing:1.5px; margin:14px 0; text-transform:uppercase; border-top:1px solid #EaEaEa; clear:both; width:100%; padding-top:14px;} .title-none { font-family:Georgia, "Times New Roman", Times, serif; color:#534741; font-size:14px; letter-spacing:1.5px; margin:0 0 14px 0; text-transform:uppercase; clear:both; float:left; width:100%} /* ----- END - Layout ----- */ /* ----- TopBanner ----- */ #TopBanner-topLinks { width:100%; background:#534741; height:28px; } #TopBanner-topLinks-control { text-align: left; width:980px; margin:0 auto; padding:0; } #TopBanner-topLinks-control a { display:inline-block; color:#FFF; background:url(layout/topbanner-spacer.png) no-repeat; margin: 0 3px 0 0; padding-left: 11px; background-position:0 11px; font-size: 11px; line-height:250% ; /* text-align: left; */} #TopBanner-topLinks-control a:hover { color:#e4bf40; cursor:pointer} #TopBanner-topLinks-control a:first-child { background:none; padding:0; margin-right: 2px;} #TopBanner-grid{width:100%;margin:0 auto; position:relative} .TopBanner-controls{text-align:center;width: 1008px;position:relative;height: 206px;margin:0 auto; padding: 0 14px 35px 14px; background:#fff4da url(layout/topbanner-bg.png) no-repeat; background-position: 372px 0px;} .TopBanner-nav-container { /* height:62px; */ /* background-color:#FFF; */ width: 980px; margin:0 auto; position: absolute; /* border-top:1px solid #eae4d6 */ bottom: 35px; left: 0px;} .TopBanner-nav { width: 100%; height:42px; position:absolute; bottom: 0px; left:14px; background: #534741;} .TopBanner-logo{position:absolute;left:28px;top: 23px;} .quickContact { position:absolute; right: 14px; top: 21px; display: block; height: 28px; /* width: 980px; */ padding: 0px; margin: 0px } .quickContact li { float:left; list-style:none; margin-right: 28px; padding-right: 28px; border-right:1px solid #ecdebc; background:url(layout/bg-contact.gif) no-repeat; padding-left:20px; background-position:0 3p; font-size: 12px;} .quickContact li:last-Child { border-right:none; margin-right:0; padding-right:0; background:;} .quickContact li strong {color:#88592c} .TopBanner-search {position:absolute;right:14px;top: 56px; /* border:7px solid #754c24 */} .searchBoxForm{font-family: Georgia, "Times New Roman", Times, serif;font-size:12pt;color:#999;font-weight:400;font-style:normal;text-decoration:none;text-align:left;width:300px;border-top:1px solid #5d3915;border-bottom:1px solid #5d3915;border-left:1px solid #5d3915;border-right:1px dotted #5d3915;background:url(/Images/search-icon.png) #FFF no-repeat;background-position: 13px 12px;float:right;margin:0;padding: 0 0 0 42px; height: 44px;} .searchBoxForm:hover{color:#333;} .searchBoxForm:focus{color:#000; outline-style:none} .searchButton{float:right;color:#FFF;width:96px;height: 44px;background-color:#f7941d;border-top:1px solid #5d3915;border-bottom:1px solid #5d3915;border-right:1px solid #5d3915;line-height: 360%;font-weight:700;font-size:12px;text-decoration:none;} .searchButton:Hover{background-color:#fb9e2e} .TopBanner-brands {position:absolute;right: 416px;top: 56px; border: 1px solid #5d3915;} .TopBanner-brands .dropdownFormSmall{font-family: Georgia, "Times New Roman", Times, serif;font-size:12pt;color:#999;font-weight:400;font-style:normal;text-decoration:none;text-align:left;width: 145px;border: none;background:#fff;margin:0;padding:5px; height: 42px; -webkit-appearance:none; border-radius:0; background:url(Images/dropdown.png) #FFF no-repeat; background-position: 120px 16px; } .TopBanner-brands .dropdownFormSmall:hover{border:none; cursor:pointer} .TopBanner-brands .dropdownFormSmall:focus{ outline-style:none} #CartList { position:absolute; right: 18px; top: 53px; } #CartList a{font-size: 15px; color: #88592C;} .TopBanner-cards{ position:absolute; right:14px; top: 6px;} .TopBanner-cards img{margin-left:5px; float:left; padding:8px 0 0 0;} .TopBanner-cards img.pp { float:right; padding:0 0 0 5px;} .hdrLogoLogIn { display: block; width: 560px; height: 59px; position: absolute; right: 207px; top: -5px } .hdrLogIn { float: right; display: block; height: 28px; margin: 0px; padding: 0px } #ctl01_panShowLogin, #ctl01_panLoggedIn { background:url(/layout/login-icon.png) no-repeat right; background-size: 11px 14px; padding: 0 17px 0 0; line-height: 250%; color: #fff; font-size:11px;} #ctl01_panShowLogin a, #ctl01_panLoggedIn a {color:#f7941d; background:none !important; margin:0 5px 0 0; padding:0;} .hdrBasketContainer {float:right;} .hdrBasketContainer a {background:none !important; margin:0; padding:0;} .Topbanner-Reasons { background:#fff; width: 100%; margin:0px auto; position:absolute; bottom: 0px; left: 0px;} .Topbanner-Reasons a {text-transform:uppercase; display:block;color: #a09182;font-size: 9px;padding: 9px 14px; float:left; letter-spacing:1px;} .Topbanner-Reasons a span, .Topbanner-Reasons a:hover {color:#f7941d;} .Topbanner-Reasons a.left {text-align:left; width: 270px;} .Topbanner-Reasons a.mid {text-align:center; width: 371px;} .Topbanner-Reasons a.right {text-align:right; width:313px;float: right;} /* ----- END - TopBanner ----- */ /* ----- Customer Rewards --- */ @font-face { font-family: 'BebasNeue-webfont'; src: url('/font/BebasNeue-webfont.eot');src: url('/font/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),url('/font/BebasNeue-webfont.woff') format('woff'),url('/font/BebasNeue-webfont.ttf') format('truetype'),url('/font/BebasNeue-webfont.svg#OpenSansLight') format('svg'); font-weight: normal; font-style: normal } .hdrRewardsContainer { float: right; padding: 0 14px 0 21px; position: relative;} .hdrRewardsContainer>span {padding: 0px 0px 0px 0px;/* background: url(/layout/sprite.png) -127px -1082px no-repeat; */ width: 17px; height: 21px; position: absolute;left: 0px;} .hdrRewardsTitle { float: right; color: #fff; padding: 0px 7px 0 0; line-height: 250%;} #crContainer { position: relative;} .crMasthead { display: block } #crContainer h1 { font: 56px/100% 'BebasNeue-webfont', Arial, sans-serif; display: block; color: #666 } #crContainer h2 { font: 28px/100% 'BebasNeue-webfont', Arial, sans-serif; display: block; color: #666 } #crContainer h3 { font: 21px/100% 'BebasNeue-webfont', Arial, sans-serif; display: block; color: #666; border-top: 1px solid #f1f1f1; padding-top: 7px } #crContainer p { font: 14px/150% Arial, Helvetica, sans-serif; display: block; color: #666 } #crContainer span.warning { color: #8dc63f } #crContainer span.crBrandDkGrn { color: #006633 } #crContainer span.crBrandGrn { color: #8dc63f } #crContainer .crPointsBalance { display: block; height: 52px; width: 112px; margin: 0px; background: #f0f0f0; border: none; -webkit-border-radius: 7px; font: 28px/200% 'BebasNeue-webfont', Arial, sans-serif; font-weight: normal; text-align: center; text-decoration: none; color: #666 } #crContainer .crPointsValue { display: block; height: 52px; width: 112px; margin: 0px; background: #8dc63f; border: none; -webkit-border-radius: 7px; font: 28px/200% 'BebasNeue-webfont', Arial, sans-serif; font-weight: normal; text-align: center; text-decoration: none; color: #fff } #crContainer .crQuickLogIn { display: block; height: 42px; width: 112px; background: #8dc63f; border: none; font: 28px/165% 'BebasNeue-webfont', Arial, sans-serif; text-align: center; text-decoration: none; color: #fff } #crContainer .crQuickLogIn:hover { background: #539e7a } #crContainer .crFoundPasswordBtn { display: inline-block; height: 42px; width: 168px; margin: 0px 0px 0px 7px; background: #8dc63f; border: none; -webkit-border-radius: 3px; font: 28px/165% 'BebasNeue-webfont', Arial, sans-serif; text-align: center; text-decoration: none; color: #fff } #crContainer .crFoundPasswordBtn:hover { background: #539e7a } #crContainer .crMainSiteLink { display: inline-block; height: 28px; width: 224px; margin: 0px; background: #8dc63f; border: none; -webkit-border-radius: 3px; font: 14px/200% Arial, sans-serif; font-weight: bold; text-align: center; text-decoration: none; color: #fff } #crContainer .crMainSiteLink:hover { background: #539e7a } #crContainer .crFormStyle { display: inline-block; margin: 0px; font-size: 18px; width: 280px; height: 42px; border: 1px solid #CCC; padding: 10px } #crContainer .crLoginAccount { display: block; height: 42px; width: 252px; background: #8dc63f; border: none; -webkit-border-radius: 3px; font: 28px/165% 'BebasNeue-webfont', Arial, sans-serif; text-align: center; text-decoration: none; color: #fff } #crContainer .crLoginAccount:hover { background: #539e7a } #panInactiveCR { border-top: 1px solid #f1f1f1; padding-top: 14px } #panNotLoggedIntoCitrusStore { border-top: 1px solid #f1f1f1; padding-top: 14px } #panFoundDifferentPassword { border-top: 1px solid #f1f1f1; padding-top: 14px } #panFoundDifferentPassword .formContainer { display: block } #panFoundDifferentPassword .passwordField { display: block; width: 280px; float: left } #panFoundDifferentPassword .passwordSubmit { display: block; width: 168px; float: left } #panLoggedIn { border-top: 1px solid #f1f1f1; padding-top: 14px } #panLogintoRewards { border-top: 1px solid #f1f1f1; padding-top: 14px } #panLogintoRewards li { font-family: "Courier New", Courier, monospace; font-weight: normal; font-size: 12px; color: #666 } .crMainLink { font-family: "Courier New", Courier, monospace; font-weight: normal; font-size: 12px; text-decoration: none; border-bottom: 1px solid #0000FF; color: #0000FF } #panLogintoRewards .formContainer { display: block; background: #F3FEF4; width: 952px; height: 156px; padding: 14px } #panLogintoRewards .emailField { display: block; width: 280px; float: left } #panLogintoRewards .passwordField { display: block; width: 280px; float: left; margin-left: 14px } #panLogintoRewards .passwordSubmit { display: block; width: 252px; float: left; margin-left: 14px } .crBalanceSm, .crValueSm { /* display: block; */ /* width: 56px; */ padding: 0 7px; /* height: 28px; */ text-align: center; float: left; /* font: 12px/180% Arial, Helvetica, sans-serif; */ /* font-weight: bold; */ border: none; /* padding: 4px; */ margin: 0px } .crValueSm { /* -webkit-border-radius: 0px 3px 3px 0px; */ /* background: #666; */ color: #8dc63f;} .crBalanceSm { -webkit-border-radius: 0px; /* background: #efefef; */ border-right: 1px solid #c9f390; color: #8dc63f;} .crNotLoggedIn, .CustomerRewardsDisplay1-dev a { float: right; color: #9ED653 !important;} .crNotLoggedIn:hover, .CustomerRewardsDisplay1-dev a { color: #29b017; text-decoration: underline } .crAccNotActive { display: block; width: 112px; height: 28px; text-align: center; float: left; font: 10px/180% Arial, Helvetica, sans-serif; font-weight: bold; border: none; padding: 4px; margin: 0px; /* -webkit-border-radius: 0px 3px 3px 0px; */ background: #8dc63f; color: #fff } .crNoAccFound { display: block; width: 182px; height: 28px; text-align: center; float: left; font: 10px/180% Arial, Helvetica, sans-serif; font-weight: bold; border: none; padding: 4px; margin: 0px; -webkit-border-radius: 0px 3px 3px 0px; background: #8dc63f; color: #fff } .crLinkAcc { display: block; width: 112px; height: 28px; text-align: center; float: left; font: 10px/180% Arial, Helvetica, sans-serif; font-weight: bold; border: none; padding: 4px; margin: 0px; -webkit-border-radius: 0px 3px 3px 0px; background: #8dc63f; color: #fff } .custmerRewards { float:right; font-size:10px; color:#4e9a10; margin-right:10px; position:relative; background:url(layout/reviews/arrow.png) no-repeat right; padding-right:10px;} .detail-custmerRewards { float:left; margin: 0px; background: url(/layout/rewards/rewards-detail.png) top right no-repeat; padding: 0px; margin: 14px 0px 28px 0px; text-align: left; background-position: 442px 14px; background-size: 28px 29px; font-family: Arial, Helvetica, sans-serif ; width: 100%;} .detail-custmerRewards strong {font-size: 14px; color: #666;float: left;line-height: 0%;} .detail-custmerRewards strong em {color: #333; font-style: normal;} .detail-custmerRewards strong span {color: #8dc63f;} .CRcopy { clear:right; color: #333; font-size: 10px; float: left; margin: 12px 0px 0px 0px;} .CRcopy u {color: #4e9a10;text-decoration: none;} .CRpoint {font: 24px 'BebasNeue-webfont', Arial, sans-serif; text-transform:uppercase; color:#707070; margin: 0;padding: 0;padding: 0;padding: 0px;} .CRcopy, .detail-custmerRewards-Basket { font-size: 12px } .CRpoint { margin: 0; padding: 0; float: right; text-indent: 0; margin: 7px 14px 0 0; width: 203px;} .CRpoint b { color: #4f9a11; font-weight:normal;} .detail-custmerRewardsBasket { position:absolute; right: 0; top: 3px; padding: 0 } .detail-custmerRewardsBasket span.icon { display: block; width: 21px; height: 21px; float: left } .detail-custmerRewardsBasket div { float: right } .CRpointBasket { font-family:Arial, Helvetica, sans-serif; text-transform:capitalize; font-size:12px; font-weight:bold; color: #33333; margin-right:5px; margin: 0; padding: 0; float: left; text-indent: 0px; margin: 0px 0 3px 0px;} .CRpointBasket b {color: #4f9a11;} .CRcopyBasket {font-family: Arial, Helvetica, sans-serif; text-transform:capitalize; font-size:12px; margin: 0px 0px 0px 3px; float: left } .crShoppingCart {} .crShoppingCartHeader {font-family:Arial,Helvetica,sans-serif;font-size:8.5pt;color:#769355;font-weight:bold;font-style:normal;text-decoration:none;background: #ebf6d9 url(layout/rewards/reward-small.png) no-repeat; background-size:18px; background-position:14px 5px; text-align:left; border-bottom: 1px solid #acd373;border-top: 1px solid #acd373;padding: 7px 14px 7px 40px;} .crShoppingCartCopy { background:#f7faf2; padding:14px; font-size:12px; color:#769355; line-height:150%; position: relative; width:100%} .crShoppingCartCopy>input { position:absolute; right:14px; top:6px} #CustomerRewardsApplyPoints_panPointsApplied { font-family:Arial,Helvetica,sans-serif;font-size:8.5pt;color:#769355;font-weight:bold;font-style:normal;text-decoration:none;background: #ebf6d9; text-align:left; border-bottom: 1px solid #acd373;border-top: 1px solid #acd373;padding: 14px 45px 14px 14px; position: relative; width:100%} #CustomerRewardsApplyPoints_panPointsApplied>input { position:absolute; right:14px; top:6px} #lblMinBalanceRequired, #ctl01_lblMinBalanceRequired {display:none;} /* ----- END Customer Rewards --- */ /* ----- Footer ----- */ #social {width:980px; position:relative; background:#FFF; margin:14px auto 0 auto; height:1%; overflow:hidden; padding: 14px 0; box-sizing:border-box; border-top:1px solid #E9E9E9 } #footer-blog, #footer-twitter, #footer-fb { width:308px; float:left; background:url(/layout/spacer.gif) no-repeat; background-position: 321px 0px; padding-right:14px; margin:0 14px 0 0} #footer-fb { margin:0 0 0 0; padding:0} #footer-blog a { float:left; margin-bottom:14px;} #footer-blog a h2 { font-size:12px; color:#333; padding:0; margin:10px 0 0 0;} #footer-blog a:hover h2 { color:#69B2DF} #ticker { clear:both; width:100%} .social-icons {float: left;list-style: none;margin:0;padding:0;} .social-icons:first-of-type {} .social-icons:last-of-type {margin-left:45px;} .social-icons li {padding-top: 10px;clear: both;} .social-icons li h2 {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #666;float:left;font-weight:bold;line-height: 28px;} .social-icons li:first-of-type {padding:0;} .social-icons li h2:hover {color:#666666 !important;} .social-icons li:hover h2{color:#69B2DF;} .social-icons a {float: left;width: 50px;height: 50px;margin: 0 7px 0 0;list-style: none;background-size: 36px;-moz-border-radius: 25px;-webkit-border-radius: 25px;-khtml-border-radius: 25px;border-radius: 25px;background-position: 7px;} .fb {background: url(/layout/icons/facebook.png) no-repeat;background-color: #9daccb !important;} .fb:hover {background-color:#3b5998 !important;} .tw {background: url(/layout/icons/twitter.png) no-repeat;background-color: #7fd5f6 !important;} .tw:hover {background-color:#00aced !important;} .in {background: url(/layout/icons/instagram.png) no-repeat;background-color: #d0c298 !important;} .in:hover {background-color:#a28532 !important;} .gp {background: url(/layout/icons/googleplus.png) no-repeat;background-color: #e79b93 !important;} .gp:hover {background-color:#cf3827 !important;} .pt {background: url(/layout/icons/pinterest.png) no-repeat;background-color: #db9194 !important;} .pt:hover {background-color:#B8242A !important;} .bg {background: url(/layout/icons/blog.png) no-repeat !important;background-color: #96ac8a !important;background-size: 35px !important;background-position: 7px !important;} .bg:hover {background-color:#2d5a15 !important;} .social-icons-detail {float: left;list-style: none;margin:0;padding:0;margin-bottom: 10px;} .social-icons-detail:first-of-type {} .social-icons-detail:last-of-type {margin-left:0;} .social-icons-detail li {padding-top: 10px;clear: both;} .social-icons-detail li h2 {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #666;float:left;font-weight:bold;line-height: 28px;} .social-icons-detail li:first-of-type {padding:0;} .social-icons-detail li h2:hover {color:#666666 !important;} .social-icons-detail li:hover h2{color:#69B2DF;} .social-icons-detail a {float: left;width: 30px;height: 30px;margin: 0 7px 0 0;list-style: none;background-size: 22px;-moz-border-radius: 25px;-webkit-border-radius: 25px;-khtml-border-radius: 25px;border-radius: 25px;background-position: 5px;} .social-icons-detail .ShareMeTweet, .social-icons-detail .ShareMeFB, .social-icons-detail .ShareMeGPlus {text-indent: -9999px;} /* ---.tweet,.query{font:Georgia, serif;color:#666; } .tweet_list{list-style:none;overflow-y:hidden;margin:0;padding:0; padding:0; clear:both} .tweet_list li{overflow-y:auto;overflow-x:hidden;list-style-type:none;padding:0 0 14px 0 ; font-size:13px; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; color:#666; text-align:left} .tweet_list li a{color:#69b2df; font-size:14px; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif} .tweet_list li a:hover{ color:#6280A8} .tweet_list .tweet_avatar{padding-right:14px;float:left;} .tweet_list .tweet_avatar img{vertical-align:middle;} */ dl { margin:0; padding:5px 0 0 0;} dl dt,dl.season dt{float:left;line-height:130%;font-weight:700;width:130px; font-size:11px; line-height:150%; color:#666666 } dl dd,dl.season dd{line-height:130%;margin:0;padding:3px 0; font-size:11px; line-height:150%; color:#666666 } /* ----- END - Twitter ----- */ /* ----- END - Newsletter ----- */ #footer-signup {margin-left:450px;} input {outline: none!important;} .newsletter-footer { border:none; outline:none; margin: 0; width: 223px; border:5px solid #b1b8bc; padding:6px 8px; float:left; clear:left; margin-top:10px; font-size:11px; color:#919191;} .newsletter-footer:hover { color:#868c8f;} .newsletter-footer:active { color:#656b6f;} .newsletter-footer-submit{position:relative;left: -51px;top:18px;height:20px; background-color:#b7bec4;color:#009bdf;padding:0; text-decoration:none; cursor:pointer; font-size:10px; font-weight:bold; text-align:center; font-family:Arial, Helvetica, sans-serif; line-height:180%; padding:0 5px;float:left;} .newsletter-footer-submit:hover{position:relative;left: -51px;top:18px;height:20px; background-color:#009bdf;color:#FFF;padding:0; text-decoration:none; cursor:pointer; font-size:10px; font-weight:bold; text-align:center; font-family:Arial, Helvetica, sans-serif; line-height:180%; padding:0 5px;float:left;} .newsletter-footer-submit>a {text-decoration:none; color:#009bdf;font-size:10px;} .newsletter-footer-submit>a:hover {text-decoration:none;background:#009bdf; color:#fff;font-size:10px;} #newsletter-footer-text {float:left; clear:both; margin-top:10px; font-size: 9px; color: #fff; display:none; margin-right:14px;} #newsletter-footer-text>b {color: #fff;font-size: 9px;} .newsletterSuccess { background: #75c61f url(layout/reviews/tick.png) no-repeat; background-size:14px; background-position:5px; padding:5px 10px 5px 25px} .newsletterFail { background:#b51515 url(layout/reviews/cross.png) no-repeat; background-size:14px; background-position:5px; padding:5px 10px 5px 25px} .newsletter-form {font-family: Arial, Helvetica, sans-serif;color: #777777;font-size: 18px;font-weight: normal;font-style: normal;line-height: 150%;text-decoration: none;padding-left: 10px;width:446px;height:56px;border: 1px solid #dbdbdb; float:left} .newsletter-form:hover {border: 1px solid #c5c5c5;} .newsletter-form:focus { color:#333} .newsletter-Send { border:0; width:112px; height:60px; cursor:pointer; float:left; background:#e38f2a; background: -webkit-gradient(linear, left top, left bottom, from(#e38f2a), to(#c8822d));background: -moz-linear-gradient(top, #e38f2a, #c8822d);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e38f2a', endColorstr='#c8822d'); color:#FFFFFF; font-weight:bold; font-size:18px; text-transform:uppercase; text-align:center; line-height:320%} .newsletter-Send:hover {background:#c8822d; background: -webkit-gradient(linear, left top, left bottom, from(#c8822d), to(#e38f2a));background: -moz-linear-gradient(top, #c8822d, #e38f2a);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c8822d', endColorstr='#e38f2a');} .newsletter-Send:active {background:#c8822d; background: -webkit-gradient(linear, left top, left bottom, from(#c8822d), to(#c8822d));background: -moz-linear-gradient(top, #c8822d, #c8822d);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c8822d', endColorstr='#c8822d');} #newsletter-popup-text, #newsletter-page-text { float:left; clear:both; margin-top:24px; color:#919191;} #newsletter-page-text {margin:7px 0;} /* ----- END - Newsletter ----- */ #footer-grid {width: 100%; margin: 0 auto 0 auto; clear:both; } #footer-brands { width:1008px; position:relative; background:#FFF; margin:0px auto } #footer-brands .top-brands { background:#FFF; padding:14px 14px; border-top:1px solid #EfEfEf; height:90px;} #footer-brands .top-brands .selectbrand { margin:15px 0 0 0} #footer-grid{width:100%;clear:both;padding-top:0px;margin:0 auto; font-family:Arial, Helvetica, sans-serif; background: #f3ede6; padding-top:28px; } #footer-controls{text-align:center;width:980px;margin:0 auto; height:1%; overflow:hidden; border-top:1px solid #b7b7b7; padding-top:28px; background:url(/layout/footer-bg.png) no-repeat; background-position:top center} #footerLeft{ width:490px; float:left; text-align:left; font-size:12px} #footerLeft p, #footerRight p { font-size:12px; color:#999999} #footerLeft p strong, #footerRight p strong { font-size:12px; color:#666666} #footerRight {width:490px; float:right; text-align:right} #footerRight a {color:#666666; text-decoration:underline} #footerRight a:hover {color:#666666; text-decoration:none} /* ----- END - Footer ----- */ /* ----- Breadcrumbs ----- */ .breadcrumbs { width:100%; padding:10px 0; margin-bottom:14px; border-top:1px dotted #CCCCCC; border-bottom:1px dotted #CCCCCC; clear:both} .breadcrumbs p, .breadcrumbs a {font-family: Arial, Helvetica, sans-serif; font-size: 11.0px; line-height: 150%; text-decoration: none; display: inline; padding-right:18px; text-decoration: none; margin-right:5px; background:url(/layout/bread-spacer.png) no-repeat right; color:#333333} .breadcrumbs .root { margin-right:5px; background:url(/layout/bread-spacer.png) no-repeat right; } .breadcrumbs .root:hover { color: #6280A8; text-decoration:underline} .breadcrumbs a.leaf { color: #cc9433; background:none } /* ----- END - Breadcrumbs ----- */ /* ----- Brands | Navigation ----- */ .brands-container{color:#666;background:#f5f5f5;text-decoration:none;line-height:200%;font-size:8pt;font-weight:400;display:block;margin:0;padding:3px;} .dropdownForm{font-family:Arial,Helvetica,sans-serif;font-size:9pt;color:#999;font-weight:400;font-style:normal;text-decoration:none;text-align:left;width:168px;border:1px solid #FFF;margin:0;padding:5px; height:30px; -webkit-appearance:none; border-radius:0; background:url(/Images/dropdown.png) no-repeat #f5f5f5; background-position:145px 8px;} .dropdownForm:hover,.dropdownForm:active,.dropdownForm:focus, select:hover, select:active, select:focus {border:1px solid #e4e4e4; background:F5F5F5; cursor:pointer; color:#333; outline-style:none} div#clNav ul li a{display:block;width:100%;height:25px;cursor:pointer;line-height:150%;text-align:left;text-decoration:none;margin:0;padding:0;} #clNav .Level0{text-indent:10px;margin:0 0 0 5px;} #clNav .Level1{text-indent:10px;margin:0 0 0 8px;} #clNav .Level2{text-indent:10px;margin:0 0 0 11px;} #clNav .Level3{text-indent:10px;margin:0 0 0 14px;} .brandsDropDown{font-family:Arial,Helvetica,sans-serif;font-size:8pt;color:#666;font-weight:700;font-style:normal;text-decoration:line-through;display:inline;line-height:250%;margin-left:5px;} img.Brand{margin-bottom:10px;display:block;} .brandList{width:205px;height:0;position:relative;top:-48px;left:429px;text-align:left;z-index:999;margin:0 auto; } OPTION{background:#fff;font-style:italic;line-height:150%;border:solid 1px red;} .CSSParent,.CSSParent:hover,.CSSChild,.CSSChild:hover{color:#333;font-weight:400;font-size:8pt;} .CSSParentSelected,.CSSParentSelected:hover,.CSSChildSelected,.CSSChildSelected:hover{color:#00aeef;font-weight:700;} /* ----- END - Brands | Navigation ----- */ /* ----- Brands | Page ----- */ .topbrands, .allbrands { margin:0; padding:0} .topbrands li, .allbrands li { float:left; margin-right: 0px; list-style:none; width:140px; height: 140px; outline: 1px solid #fff; text-align: center; background: #efefef; margin-bottom: 14px;} /* ----- END - Brands | Page ----- */ /* ----- Home Page -------------------------------------------------------------------------------------- */ .hm-banner {width:728px;height:350px; background:url(/layout/loading.gif) no-repeat; background-position:50%; margin:0px 0; float:left} .hm-banner-message {width: 224px;height:350px; background:#FFF; background-position:50%; margin:0 0 0 13px; padding:0 0 0 13px; float: left; border-left:1px solid #E6E6E6} /* ----- ImageBasedNav - homepage ----- */ .ImageBasedNav-home {display:inline; padding:0; margin:0} .ImageBasedNav-home table{display:inline;list-style:none;margin:0;padding:0;} .ImageBasedNav-home table tr td {float:left;list-style:none;width:238px; box-sizing:border-box; height:168px; position:relative; padding: 0; background:url(/layout/spacer.gif) no-repeat; background-position: 237px 0px; margin: 0 14px 14px 0; padding:0; text-align:center; padding-right:14px; position:relative} .ImageBasedNav-home table tr td a img.cacheImage{margin:0 0 0 0; padding:0 0 0 0; float:left; margin-bottom:10px;} .ImageBasedNav-home table tr td a h3{font-size:12px;color:#FFF;display:block;margin:0; position:absolute; left:0; bottom:0px; background: rgba(0, 0, 0, 0.5); margin-right:14px; padding:5px 10px} .ImageBasedNav-home table tr td a:hover h3{background: rgba(204, 148, 51, 0.7)} .ImageBasedNav-home table tr:first-child td img.cacheImage {border-top:none} .ImageBasedNav-home table tr td:nth-child(3n){width:224px; background:none; margin: 0 } .ImageBasedNav-home table tr td:empty{background:none; margin: 0 } /* ----- End ImageBasedNav - homepage ----- */ /* ----- ImageBasedNav - landing ----- */ .ImageBasedNav-landing {display:inline;} .ImageBasedNav-landing table{display:inline;list-style:none;margin:0;padding:0;} .ImageBasedNav-landing table tr td {float:left;list-style:none;width:238px; box-sizing:border-box; height:168px; position:relative; padding: 0; background:url(/layout/spacer.gif) no-repeat; background-position: 237px 0px; margin: 0 14px 14px 0; padding:0; text-align:center; padding-right:14px; position:relative} .ImageBasedNav-landing table tr td a img.cacheImage{margin:0 0 0 0; padding:0 0 0 0; float:left; margin-bottom:10px;} .ImageBasedNav-landing table tr td a h3{font-size:12px;color:#FFF;display:block;margin:0; position:absolute; left:0; bottom:0px; background: rgba(0, 0, 0, 0.5); margin-right:14px; padding:5px 10px; text-align:left} .ImageBasedNav-landing table tr td a:hover h3{background: rgba(204, 148, 51, 0.7)} .ImageBasedNav-landing table tr:first-child td img.cacheImage {border-top:none} .ImageBasedNav-landing table tr td:nth-child(4n){width:224px; background:none; margin: 0 } .ImageBasedNav-landing table tr td:empty{background:none; margin: 0 } /* ----- End ImageBasedNav - landing ----- */ /* ----- Product repeater ----- */ .search-item-PR {display:inline;list-style:none;margin:0;padding:0;} .search-item-PR li {float:left;list-style:none;width:238px; box-sizing:border-box; position:relative; padding: 0; background:url(/layout/spacer.gif) no-repeat; background-position: 237px 10px; margin: 0 14px 14px 0; padding:0; text-align:center; padding-right:14px; position:relative; } .search-item-PR li img.cacheImage{margin:0 0 0 0; padding:0 0 0 0; float:left;} .search-item-PR li h3{font-size:12px;color:#666;display:block;margin:0; left:0; bottom:0px;margin-right:14px; padding:5px 10px} .search-item-PR li p{font-size:11px;color:#888;margin:0;} .search-item-PR li:nth-child(3n){width:224px; background:none; margin: 0 0 14px 0;} .search-item-PR li:nth-child(3n) h3 {margin:0px;} .search-item-PR-title { float:left; height:120px; background:#fff4da; width:100%;} .search-item-PR li:nth-child(3n) .search-item-PR-title {width:224px; background:#fff4da; margin: 0} /*----- Product repeater ----- */ /* ----- Product Repreater Small ----- */ .product-repeater-small { display:inline; } .product-repeater-small li { float: left; list-style: none; position:relative; width: 100%;} .product-repeater-small li a { text-decoration:none; float:left; margin: 0; text-align:left; padding:0; border-bottom:1px dotted #CCC; width: 100%; } .product-repeater-small li:last-child a { border-bottom:none} .product-repeater-small li a:hover { background-color:#F5F5F5} .product-repeater-small li a:hover h3 { color:#2D3775} .product-repeater-small li img { border: none; padding:7px 14px 7px 7px; float:left; } .product-repeater-small li h3 { padding: 7px 0 0 0; font-size:12px; line-height: 130%; color: #333; display:block; text-transform:capitalize; font-weight:bold; margin:0 0 7px 0; } .product-repeater-container { position:relative} .product-repeater-title-small {display:block; margin:10px 14px 0px 0px; padding:0px; text-align:left} .now-PR-small { font-family:Arial,Helvetica,sans-serif; font-size: 11pt; color: #333; font-weight:bold; font-style: normal; text-decoration: none; display: inline; line-height:100% } .was-PR-small { font-family:Arial,Helvetica,sans-serif; font-size: 11px; padding-right:5px; color: #666; font-weight:bold; font-style: normal; text-decoration: none; display: inline; line-height:100%; text-decoration:line-through; margin-bottom:5px; } .was-PR-small strong { color:#999999 } .saving-PR-small {font-family:Arial, Helvetica, sans-serif; font-size: 8.0pt; color:#ffe1e1; font-weight:bold; font-style: normal; text-decoration: none; display: inline; background:#d32f2f; padding:2px 0px 2px 5px;} .saving-text-PR-small {font-family:Arial, Helvetica, sans-serif; font-size: 8.0pt; color:#FFF; font-weight:bold; font-style: normal; text-decoration: none; display: inline; background:#d32f2f; padding:2px 5px 2px 0px ;} /* ----- END - Product Repreater Small ----- */ /* ----- Home Page - Top brands ----- */ .serives {visibility:} .hm-brands { width:100%; position:relative; margin:14px 0;} #brands-container { float:left} .top-brands { background:#F5F5F5; width:100%; padding:7px; box-sizing:border-box; -moz-box-sizing: border-box; height:120px; overflow: hidden;} .top-brands a:hover li img { outline:1px solid #ccc} .top-brands a li { float:left; list-style:none; margin-right:1px } .selectbrand {width:300px; padding:0px; font-size:11px; color:#666666; font-family:Arial, Helvetica, sans-serif; text-indent:14px; float:right; margin:20px 10px 0 0; line-height:270%; text-align:right } .selectbrand-dropdown { float:right } .dropdownFormSmall{font-family:Arial,Helvetica,sans-serif;font-size:9pt;color:#999;font-weight:400;font-style:normal;text-decoration:none;text-align:left;width:185px;border:1px solid #CCC;background:#fff;margin:0;padding:5px; height:30px; -webkit-appearance:none; border-radius:0; background:url(Images/dropdown.png) #FFF no-repeat; background-position:160px 9px; } .dropdownFormSmall:hover{border:1px solid #999; cursor:pointer} .dropdownFormSmall:focus{ outline-style:none} /* ----- END - Home Page - brands ----- */ /* ----- Side Adverts ----- */ .advert-side { width:224px; display:block; margin-bottom:14px; padding:0px; box-sizing:border-box} .advert-side a img { border:0; padding:0} /* ----- END - Side Adverts ----- */ /* ----- Tabs ----- */ ul.tabs{float:left;list-style:none;height:36px;border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5;width:100%;clear:both;margin:0;padding:0;} ul.tabs li{float:left;} ul.tabs li a{ font-family:Georgia, "Times New Roman", Times, serif; color:#534741; font-size:14px; letter-spacing:1.5px; text-transform:uppercase;display:block;outline:none;font-size:10px;font-weight:700;font-style:normal;line-height:250%;text-decoration:none;height:30px;border:1px solid #dadada;border-left:none;overflow:hidden;position:relative;color:#aaa;margin:0 0 -1px;padding:0 15px;} ul.tabs li a:hover{color:#666;} ul.tabs li.active{background:#FBFBFB;border-bottom:1px solid #FBFBFB;} ul.tabs li.active a,ul.tabs li.active a:hover{background:#FBFBFB;border-bottom:1px solid #FBFBFB;} .tab_content{clear:both;text-align:left;margin-top:10px;width:100%; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; height:1%; overflow:hidden; padding:14px; box-sizing:border-box; background:#FBFBFB;} ul.tabs li,ul.tabs-top li,.sitemap-store,table#new-account,.adv-slideBoxPriceDesc,.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-multi .ui-datepicker-group,.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left; } .adv-slideBoxPriceDesc, .adv-sliderAmount {color:#fff; line-height:200%; font-size:12px} ul.tabs li a,ul.tabs-top li a{display:block;outline:none;font-size:14px;font-weight:normal;font-style:normal;line-height:250%;text-decoration:none;height:35px;border:1px solid #dadada;border-left:none;overflow:hidden;position:relative;color:#aaa;margin:0 0 -1px;padding:0 15px;} ul.tabs li.active,ul.tabs-top li.active{background:#FBFBFB;border-bottom:1px solid #FBFBFB;} ul.tabs li.active a,ul.tabs li.active a:hover,ul.tabs-top li.active a,ul.tabs-top li.active a:hover{background:#FBFBFB;border-bottom:1px solid #FBFBFB;color:#865424;} /* ----- END - Tabs ----- */ /* ----- END - Home Page -------------------------------------------------------------------------------------- */ /* ----- search Results --- Category image --- */ .catImage { float:left; margin:0 10px 0px 0;} .catDescription { margin-bottom:12px; font-family:Arial,Helvetica,sans-serif;color:#666;font-size:12px;font-weight:normal;font-style:normal;line-height:150%; text-decoration:none;} /* ----- Re-order Options ----- */ .reorder{list-style:none;width:100%; height:40px; display:block; float:left; margin:20px 0; } .reorder li{float:left; margin-right:10px; line-height:200%} .top-sellers{margin:0 10px 0 0;padding:0;list-style:none;height:51px;width:300px;float:left;border-bottom:1px solid #CCC;} .top-sellers li.img{width:50px;height:50px;margin:0;padding:0;float:left;} #NewSearch1_UpdatePanel1{clear:both;} /* ----- END - Re-order Options ----- */ /* ----- Search Results : Brands ----- */ .brandsColumn{ display:block; background-color:#CCC; text-align:left; border-bottom:1px dashed #dddddd; } .srch-filter-msg-cat { display: block; color: #000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size:12px; width: 100%; margin-bottom: 10px; clear:both; text-align:left; clear:both; } .srch-filter-msg-brand { display: block; color: #000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size:12px; width: 100%; margin-bottom: 10px; clear:both; text-align:left; clear:both; margin-top:20px; float:left } .srch-filter-msg { display: block; color: #000; font-family: 'helvetica neue', helvetica, Arial, sans-serif; font-weight: bold; font-size:14px; width: 994px; margin-bottom: 5px; clear:both; padding-top:15px; border-top:1px dashed #dddddd; text-align:left} .srch-filter-msg-filter { display: block; color: #000; font-family: 'helvetica neue', helvetica, Arial, sans-serif; font-weight: bold; font-size:14px; width: 994px; margin-bottom: 5px; clear:both; text-align:left} /* ----- END - Search Results : Brands ----- */ #title-grid-search{width:100%;background:#FFF;border-bottom:1px solid #ddd;padding-top:10px;margin:0 auto 10px;} .title-grid-search-controls{text-align:left;width:980px;position:relative;margin:0 auto 20px;padding:0;} .title-grid-search-controls p b,.title-grid-controls p strong,p.small strong,p.small b{font-weight:700;font-size:8.5pt;color:#333;margin:0;padding:0;} .reorder{list-style:none;width:100%;height:40px;display:block;} .srch-filter-msg{font-family:'helvetica neue', helvetica, Arial, sans-serif;font-weight:700;clear:both;border-top:1px dashed #ddd;text-align:left;display:block;background:url(/layout/filter-tick-title.png) top right no-repeat #333;color:#fff;font-size:8.5pt;width:735px;margin-bottom:5px;letter-spacing:2px;padding:5px;} /* ----- Search Results : Results ----- */ .search-item{display:inline;list-style:none;margin:0;padding:0;} .search-item a {float:left;list-style:none;width:238px; box-sizing:border-box; height:392px; position:relative; padding: 0; background:url(layout/spacer.gif) no-repeat; background-position: 237px 10px; margin: 0 14px 14px 0; padding:0; text-align:center; padding-right:14px;} .search-item a li a{text-decoration:none;float:left; outline:none;} .search-item a li img.cacheImage{margin:0 0 0 0;padding:0 0 0 0; border-top:1px solid #e6e6e6; float:left; margin-bottom:10px;} .search-item a li h3{font-size:12px;color:#333;display:block;margin:0;} .search-item a li p{font-size:11px;color:#888;margin:0;} .search-item a:nth-child(1) img.cacheImage, .search-item a:nth-child(2) img.cacheImage, .search-item a:nth-child(3) img.cacheImage, .search-item a:nth-child(4) img.cacheImage { border-top:none} .search-item a:nth-child(4n){width:224px; background:none; margin: 0 } /* ----- END - Home Page - Product repeater ----- */ .navigation{width:100%;text-align:center;background-color:#FFF;margin:0 auto;} #numnav{display:block;background-color:#f5f5f5;clear:both;margin:0 0 0px 0;} #numnav p{line-height:250%;font-size:8.5pt; padding:0; margin:0} ul.search-item { display:inline; margin: 0px; padding: 0px; height: 322px; width: 224px; text-align: left } /* ----- END - Search results ----- */ /* ----- Page titles ----- */ #title-grid { width: 100%; height: 60px; margin: 0 auto 0 auto; background:#FFF; border-bottom:1px solid #dddddd; margin-bottom:10px; padding-top:10px;} .title-grid-controls {padding: 0px; text-align: left; margin: 0 auto 0 auto; width: 980px; position:relative} .title-grid-controls p, p.small{font-weight:normal;font-size:8.5pt;padding:5px 0;margin:0;color:#666} #catShare { float:right; position:absolute; right:10px; top:10px; width:250px;} .cat-facebook{float:right;} .cat-google{float:right; margin-right:10px; border-right:1px dashed #CCC; padding-right:10px; height:24px; } /* ----- END - Page titles ----- */ /* ----- form styles ----- */ .formSingle{font-family:Arial,Helvetica,sans-serif;font-size: 12pt;color:#999;font-weight:400;font-style:normal;text-decoration:none;text-align:left;width: 270px;border:1px solid #CCC;background: #fff;margin:0;height: 44px;padding: 10px;float: left;clear: both;} .formSingle fLarge{font-family:Arial,Helvetica,sans-serif;font-size: 12pt;color:#999;font-weight:400;font-style:normal;text-decoration:none;text-align:left;width: 200px;border:1px solid #CCC;background:#F8F8F8;margin:0;height: 24px;padding: 10px;float: left;} .formMulti{font-family:Arial,Helvetica,sans-serif;font-size:9pt;color:#999;font-weight:400;font-style:normal;text-decoration:none;text-align:left;width:400px;border:1px solid #CCC;height:100px;background:#F8F8F8;display:block;margin:0;padding:5px;} .formSmall{font-family:Arial,Helvetica,sans-serif;font-size:9pt;color:#999;font-weight:400;font-style:normal;text-decoration:none;text-align:left;width:50px;border:1px solid #CCC;background:#F8F8F8;margin:0;padding:5px;} .formSingle-button{font-family:Arial,Helvetica,sans-serif;font-size:9pt;color:#999;font-weight:400;font-style:normal;text-decoration:none;text-align:left;width:200px;border-bottom:1px solid #CCC;border-left:1px solid #CCC;border-top:1px solid #CCC;border-right:none;background:#F8F8F8;height: 35px;float:left;line-height:200%;text-indent:5px;margin:0;padding:5px;} .formSingle-button:focus{color:#333;background:no-repeat #FFF;outline:none;} .formMulti-Delivery{font-family:Arial,Helvetica,sans-serif;font-size:9pt;color:#999;font-weight:400;font-style:normal;text-decoration:none;text-align:left;width:965px;border:1px solid #CCC;height:150px;background:#F8F8F8;display:block;margin:0;padding:5px;} .button,input.button{float:left;color:#FFF;/* width:130px; */height:35px;padding: 0 14px;background:#754C24;line-height:290%;font-weight:700;font-size:12px;text-decoration:none;text-align:center;background-position: 105px 12px;display:block; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;} .button-large{color:#FFF;width:250px;height:50px;background:#F7941D;line-height:290%;font-weight:700;font-size:18px;text-decoration:none;text-align:center;background-position:200px 21px;display:block; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;} .button-large:hover{background:#ffad1d;} .button-small{color:#FFF;width:115px;height:30px;background:#f99d2e;line-height:270%;font-weight:700;font-size:11px;text-decoration:none;text-align:center;background-position:95px 10px;display:block; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;} /* ----- END - form styles ----- */ /* ----- Call to Action ----- */ .CTA {position:relative; float:right; width:330px; background-color:#FFFFFF; margin:14px 0; } .CTAHeader {background-color:#FFF; padding:2px 10px; font-size:12px; position:absolute; left:14px; top:-10px; z-index:1; color:#888888} .CTA-border { border:1px solid #E3E3E3; height:1%; overflow:hidden; padding:10px; margin-top:0px; position:relative; text-align:center; box-sizing:border-box; float:left; width:330px;} .CTA-border a { font-size:8pt;} .CTA-icons { float:left; text-align:center} .Reasons { display:block; text-align:center} .Reasons li {list-style:none; display:inline-block; text-align:center} #basket-cards { clear:both; } #basket-cards img{ margin-left:7px; margin-top:7px; padding-right:7px; border-right:1px solid #D1D1D1} #basket-cards img.end{ margin-left:7px; margin-top:7px; padding-right:7px; border-right: none} .CTA-icons li { list-style:none; display:inline-block; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#333; width:80px; margin-bottom:30px; margin:10px 20px 0 0 ;} .CTA-icons li:nth-last-child(1) { margin:0 ;} .CTA-shipping { text-align:left} /* ----- END - Call to Action ----- */ /* ----- Detail Page -------------------------------------------------------------------------------------- */ /* ----- MIV + Icons ----- */ #topContainer { height:100%; background:url(layout/spacer.gif) repeat-y; background-position:490px 0; } #imageContainer { float:left; width:476px; position:relative; margin:0 14px 0 0; padding:0 14px 0 0; position:relative; height:100%; } .mainImages { float:left; margin-bottom:10px; border:1px solid #e5e5e5; height:476px } .mivIcons { position: relative; margin: 0 auto; overflow: hidden; text-align: center; clear:both; } .mivIconsContainer { border:0; float:left; } .mivIconsContainer a li, .mivIconsContainer li { outline:1px solid #e5e5e5; list-style:none; margin-right:14px; margin-bottom:14px; height:56px; width:56px; float:left } .mivIconsContainer a:nth-child(7n) li, .mivIconsContainer li {margin-right:0px;} .mivIconsContainer a:hover li { outline:1px solid #e5e5e5; height:56px; width:56px; } .mivIconsContainer li:hover { outline:1px solid #e5e5e5; height:56px; width:56px; } .mainImages a div.MIViconplus { background-position: 0 -27px; background:url(/layout/miv-button.png); width:27px; height:27px; position:absolute; left:14px; top:14px;} .mainImages a:hover div.MIViconplus { background-position: 0 -27px;} /* ----- End MIV + Icons ----- */ /* ----- Social Icons ----- */ .socialIcons { width:476px; height:25px; clear:both; margin-top:10px; } /* ----- Social Icons ----- */ /* ----- Product details ----- */ #titleContainer { float:right; width:476px; margin:0; padding:0; position:relative;} #brand-logo { float:right; margin-left:14px;} .pricing { /* border-top:1px solid #EAEAEA; */ /* border-bottom:1px solid #EAEAEA; */ padding:10px 0; /* height:1%; */ overflow:hidden} .newicon{left:50px; position:absolute; } .newseason{background:url(/images/ss13-icon.png) no-repeat; left:50px;top:13px; position:absolute; height:28px; width:131px;} .description{padding:14px 0; clear:both} .shortDescription {margin-top:10px;font-family:Georgia, "Times New Roman", Times, serif;color:#888;font-size:16px;font-style:italic;margin-bottom:10px; background:url(/layout/quote.gif) no-repeat; text-indent:30px; line-height:150%; } .shortDescription p { font-family:Georgia, "Times New Roman", Times, serif;color:#888;font-size:11.5pt;list-style:none;font-style:italic;line-height:150%;text-align:left;margin-top:0;height:50px;display:inline; } .comingSoon { font-family:Georgia, "Times New Roman", Times, serif; color:#990000; padding:11px; box-sizing:border-box; background:#F4F4F4; font-size:12px; text-align:center; display:block; margin:10px 0; width:100%;} .now-detail {font-size: 18px; color:#a30611; font-weight:bold; font-style: normal; text-decoration: none; display: inline; line-height:150%; margin-right:5px } .was-detail {font-size: 18px; color:#999; font-weight:normal; font-style: normal; text-decoration:line-through; display: inline; line-height:100%; margin-right:5px;} .saving-detail {font-size: 18px; color:#d32f2f; font-weight:bold; font-style: normal; text-decoration: none; float:right; margin:5px 0 0 5px;} .saving-text-detail {font-size: 18px; color:#d32f2f; font-weight:bold; font-style: normal; text-decoration: none; float:right; margin:5px 0 0 5px;} .seasonfield { font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; color:#999; margin-top:7px; float:left; width:336px; } .seasonfield li { margin-right:20px; display:inline; list-style:none; font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; color:#666; } .readytobuy { float:right; width:120px; height:29px; margin-top:5px } .icon-container { display:inline;} .icon-container li { list-style:none; float:left; margin:0; padding:0} /* ----- Product details ----- */ /* ----- delivery ----- */ #delivery { width:100%; height:40px; margin:20px 0; clear:both; float:left} #delivery-container { width:100%; margin:0 auto 0 auto; background:#FFF; height:36px; margin-bottom:7px; border:1px solid #e9e9e9;} #delivery-icon {float:left; height:36px; padding:0 0 0 10px;} #delivery-icon-text {float:left; height:36px; padding:0 10px; font-family: 'helvetica neue', helvetica, Arial, sans-serif; font-weight:normal; font-size:14px; color:#FFF; font-weight:bold; line-height:250% } #delivery-icon-arrow {float:left; width:19px; height:36px} #delivery-icon-caption {float:left; margin-left:10px; font-family: Arial,Helvetica,sans-serif; font-size: 9pt; line-height:275%; color:#333333} #delivery-icon-caption a { font-family: Arial,Helvetica,sans-serif; font-size: 9pt; line-height:275%; color:#3477BB; text-decoration:none} .d-icon {background-color:#959595;} .d-text {background-color:#959595;} .d-arrow {background:url(/layout/icon-delivery-end.png) no-repeat;} .d-icon-free {background-color:#b63636;} .d-text-free {background-color:#b63636;} .d-arrow-free {background:url(/layout/icon-delivery-end-free.png) no-repeat;} /* ----- end - delivery ----- */ /* ----- Add to Basket ----- */ .reason-to-buy { float:right; width:329px; margin-left:20px;} .addtoBasket { float:left; width:100%;} .addtoBasket a { width:455px} .addtoBasket { width: 100%; padding:28px; margin:0; background: #FFF; height: 1%; overflow: hidden; float: left;} .basketTop { margin:56px 0 0 0;} .basketBottom { margin:0 0 56px 0; clear: both;} .addHdr { display: block; width: 100%; height: 1%; overflow: hidden; background: url(/layout/detailPayIcons.jpg) top right no-repeat; position: relative;} .addHdr h2 { float:left;} .addHdr img { float:right; margin-left: 7px;} .clAttributeGrid { display: block; width: 100%; margin: 0 0 14px 0; padding: 0; background: #fafafa; border-bottom: 1px solid #f3f3f3; position: relative; height: 1%; overflow: hidden;} .clAttributeGrid li { list-style :none; font-family: Arial,Helvetica,sans-serif; color: #333; font-size: 14px; line-height:280%; display: block; margin: 0px 0px 0px 0px; padding: 0px } .name, .price, .stock, .store, .add { float: left; display: block; } .clAttributeGrid .name { width: 40%; text-align: left; line-height: 150%; padding: 10px;} .clAttributeGrid .price { width: 10%; text-align: left } .clAttributeGrid .stock { width: 14%; text-align: left } .clAttributeGrid .store { width: 16%; text-align: left } .clAttributeGrid .store:hover { cursor:pointer} .clAttributeGrid .add { text-align: right ; float: right;} #trOutofStock { clear:both; padding:0; position:relative; width:100%; background:#fff; box-sizing:border-box; position: absolute; width: 370px; right: 7px; top: 8px;} .button-matrix { float: right; background:#f2f2f2; color:#FFF; width:140px; height:42px; background:url(/layout/addtobasket.png); no-repeat; line-height:290%; font-weight:bold; font-size:12px; text-decoration:none; text-indent:-15px; text-align:center; background-position: 0px 0px; display:block; border:1px solid #f2f2f2; cursor:pointer;} .button-outofStock {background:#f2f2f2; color:#FFF; width: 86px; height:24px; background:#e04242 url(/layout/outofStock.png); no-repeat; line-height:290%; font-weight:bold; font-size:12px; text-decoration:none; text-indent:-15px; text-align:center; background-position: 0px 0px; border:1px solid #f2f2f2; cursor:pointer; position:absolute; right: 7px;top: 8px;} .button-outofStock:Hover { background-position: 0px 24px;} .formSingle-stock {font-size:11px;color: #999;font-weight:normal;font-style:normal;text-decoration:none;text-align:left; margin:0px; width:100%; border-bottom:1px solid #CCC; border-left:1px solid #CCC; border-top:1px solid #CCC; border-right:none; background: #FFF; height:24px; float:left; line-height:150%; text-indent:5px;} .formSingle-stock:hover {color:#666;} .formSingle-stock:focus {color:#333;} .NotifyWarning { background: url(/layout/typography/warning_col.png) no-repeat 14px 57%;color: #FFF; /* border:1px solid #a53521; */background-color: #CB260A;width: 100%;text-align: center; float: left; clear: both; /* padding: 7px; */ line-height: 250%;} .OutofStockCSS { color: #990000 } .InStockCSS { color: #00a684 } .BackOrderCSS { color: #0076a3 } .additionalMessageContainer {float:left} .financeContiner { float:right} .clAttributeGridContainer { position:relative} .clAttributeGridHide { /* background:#fff; */ width:980px; position:absolute} .clAttributeGridShow { width:980px; position:absolute; z-index:1; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.5); } .clAttributeGridLoader {background-color: rgba(0,0,0,0);border:5px solid rgba(146,197,29,0.9);opacity:.9;border-top:5px solid rgba(0,0,0,0);border-left:5px solid rgba(0,0,0,0);border-radius:60px;width:60px;height:60px;margin:0 auto;-moz-animation:spin .5s infinite linear;-webkit-animation:spin .5s infinite linear;position: absolute;left: 50%;z-index: 1; display:none} @-moz-keyframes spin {0% { -moz-transform:rotate(0deg); }100% { -moz-transform:rotate(360deg); }} @-moz-keyframes spinoff {0% { -moz-transform:rotate(0deg); }100% { -moz-transform:rotate(-360deg); }} @-webkit-keyframes spin {0% { -webkit-transform:rotate(0deg); }100% { -webkit-transform:rotate(360deg); }} @-webkit-keyframes spinoff {0% { -webkit-transform:rotate(0deg); }100% { -webkit-transform:rotate(-360deg); }} /* ----- END - Add to Basket ----- */ .detailDelivery { clear:left; width: 476px; height: 118px; } .search-item-rec {display:inline;list-style:none;margin:0;padding:0;} .search-item-rec li {float:left;list-style:none;width:238px; box-sizing:border-box; height:370px; position:relative; padding: 0; background:url(layout/spacer.gif) no-repeat; background-position: 237px 10px; margin: 0 14px 14px 0; padding:0; text-align:center; padding-right:14px;} .search-item-rec li img.cacheImage{margin:0 0 0 0;padding:0 0 0 0; border-top:1px solid #e6e6e6; float:left; margin-bottom:10px;} .search-item-rec li h3{font-size:12px;color:#333;display:block;margin:0;} .search-item-rec li p{font-size:11px;color:#888;margin:0;} .search-item-rec li:nth-child(1) img.cacheImage, .search-item-rec li:nth-child(2) img.cacheImage, .search-item-rec li:nth-child(3) img.cacheImage, .search-item-rec li:nth-child(4) img.cacheImage, .search-item-rec li:nth-child(5) img.cacheImage { border-top:none} .search-item-rec li:nth-child(5n){width:224px; background:none; margin: 0; } .search-item-rec li .pricing {top:290px;} .tab_content h1,.tab_content h2,.tab_content h3,.tab_content h4,.tab_content h5{color:#333;font-size:16px;line-height:150%;font-family:'helvetica neue', helvetica, Arial, sans-serif;font-weight:700;letter-spacing:-.5px;display:block;padding:0;} .tab_content h2,.related h2{font-size:16px;} .tab_content h3{font-size:14px;} .tab_content h4{font-size:12px;} .tab_content h5{font-size:10px;} .tab_content p,.tab_content,.tab_content li,.tab_content ul li,.tab_content table tbody tr td{color:#333;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:150%;} .tab_content a{color:#459fc9;text-decoration:underline;} .tab_content a:hover{color:#3da7d8;text-decoration:none;} .tab_content b,.tab_content strong{color:#333;font-weight:700;} blockquote{background:url(layout/quote.gif) no-repeat left top;text-indent:30px;margin-top:5px;font-family:Georgia, "Times New Roman", Times, serif;color:#f5811e;font-size:16px;font-style:italic;letter-spacing:-.5px;line-height:125%;} .related{background-color:#FFF;clear:both;text-align:left;height:1%;overflow:hidden;outline:1px solid #d7dcde;float:left;margin-top:7px;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;padding:28px;} /* ----- END - Detail Page -------------------------------------------------------------------------------------- */ /* ----- Shppingcart --------------------------------------------------------------------------------------------------------------------------- */ #Message { display:block} .ContentTableHeader{font-family:Arial,Helvetica,sans-serif;font-size:8.5pt;color:#666;font-weight:bold;font-style:normal;text-decoration:none;background: #f8f8f8;text-align:left; /* border-bottom: 1px solid #ececec; *//* border-top: 1px solid #ececec; */padding: 10px;height: 1%;overflow: hidden;} .Content{font-family:Arial,Helvetica,sans-serif;font-size:9.5pt;color:#666;font-weight:normal;font-style:normal;text-decoration:none;text-align:left;margin: 0;padding: 0;} .ccartcontrol {border-bottom: 1px solid #ececec;} .ccartcontrol table { border:1px solid #FFF; background:#FFFFFF; } .ccartcontrol table, .ccartcontrol table tr, .ccartcontrol table td {margin: 0; padding: 0;} .ccartcontrol .ContentTableHeader { background:#fff; border-top: none; padding:7px 0;} .updateQty { float:right; margin-right: 188px;} .BasketDetail { height:1%; overflow:hidden;} .basketOptionsTop, .basketOptionsBottom { float:left; width:100%} .basketOptionsBottom { clear:both; margin-top:14px;} .basketOptionsTopLeft { float:left; width:476px;} .basketOptionsTopRight{ float:right; width:476px;} .shippingCost, .metaPackContainer, .FreeProduct, .coupons, .crShopping, .orderTotal, .crShoppingCart, .currencyShoppingCart {width:476px;} .shippingCost, .coupons {margin-bottom:14px;} .GBflag { float:left; margin-right:7px} .shippingCost h1, .shippingCost h2, .shippingCost h3 { line-height:150%; margin:10px 0; padding:0; font-weight:bold} .shippingCost h1, .shippingCost h2, .shippingCost h3, .shippingCost, .shippingCost p, .shippingCost a, .shippingCost a:hover { font-family:Arial,Helvetica,sans-serif; font-size:11px; color:#333333; text-decoration:none} .shippingCost a .ContentTableHeader span { float:right; color:#00aeef} .shippingCost a:hover .ContentTableHeader span { text-decoration:underline; color:#1582ef} #InternationalShipping { padding:28px; width: 996px;} .metaPackContainer {} .crShoppingCart { float:right} .FreeProduct {} .crShopping {} .orderTotal {} .checkout {background-color:#FFF; padding:0px; box-sizing:border-box; width:100%; text-align:center; margin-bottom:14px; } .coupons-container {padding:0px; display:block; width:100%; text-align:left;margin-bottom: 24px;} .coupons-container h4 {font-size:10.5pt; font-weight:bold; margin:0 0 14px 0} .CouponTable tr td { margin:14px 0; padding: 7px;} .ContentDiscount { background:url(/layout/shoppingbasket/tick.png) no-repeat left; text-indent:25px; padding: 20px; background-size: 15px; font-size: 12px;} .promoField { margin:14px 0 0 0} .checkoutTitle {font-family:Arial,Helvetica,sans-serif;font-size:8.5pt;color:#666;font-weight:bold;font-style:normal;text-decoration:none;background: #f8f8f8;text-align:left; border-bottom: 1px solid #ececec;border-top: 1px solid #ececec;padding: 7px 14px;} .checkoutTitle span { display:block; font-size:14px; font-weight:bold} .checkoutTitle img { float:left; margin-right: 7px;} .checkoutbut-cards { clear:both; text-align:center } .checkoutbut-cards img{ margin-left:0px; padding-right:5px; margin-top: 0px; border-right:1px solid #D1D1D1} .checkoutbut-cards img:nth-last-child(1) {margin-left:0px; padding-right:0px; border-right:none} .ContentTable { background-color:#FFFFFF; padding:0px; margin:0px;} #basket-cards img{margin-left:7px;margin-top:7px;padding-right:7px;border-right:1px solid #D1D1D1;} #basket-cards img.end{margin-left:7px;margin-top:7px;padding-right:7px;border-right:none;} .checkoutText { display:inline; float:left; padding: 0 10px; margin:0 0 10px 0} .checkoutText li { float:left; margin-bottom:7px; width:100%; text-align:center; list-style:none} .checkoutText li:nth-last-child(1) { margin-bottom:0;} .ccartcontrol { display:; clear:both} .basket-Remove { text-align:right} .basket-Remove-table { float:right} .Checkout-card, .Checkout-paypal {float:left; width:476px; margin:14px 14px 14px 0; padding-right:14px; background:url(layout/spacer.gif) no-repeat; background-position: right; text-align:center; padding-bottom:28px} .checkoutMessage { display:inline; text-align:center} .checkoutMessage li { display:inline-block; float:left; width:230px; text-align:left; font-size:12px; margin-bottom:14px;} .Checkout-card { margin-right:0px; padding-right:0px; background:none;} .Order-Total { font-size:18px} .Order-Total-text { text-align: left;} .Checkout-cc { width:100%; clear:both; font-size:12px; border-top:1px solid #EEE; padding:14px 0; margin-bottom:14px; float:left} .Checkout-cc img {isplay:inline-block; float:left; text-align:left; margin-right:14px; } .shippingtext a { text-decoration:underline} .div-currency span, .CurrenciesContainer span { display: block; margin: 0px; padding: 0px } .headersCC {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; display:inline; margin:10px 0; padding:0px; line-height:150%; float:left; width:100%;} /* ----- END - Shppingcart ----- */ /* ----- Additional Pages --- Jumping Club */ .JumpingClub-Tel { float:left; padding:14px; text-align:center; box-sizing:border-box; background-color:#F5F5F5; color:#666; font-size:14px; width:100%; margin:0 0 14px 0 } .JumpingClub-Tel strong { color:#333;} .JumpingClub-Tel a { color:#333; font-size:14px; color:#69B2DF } #JumpingClub li {float:left;list-style:none;width:322px; box-sizing:border-box; height:231px; position:relative; padding: 0; background:url(/layout/spacer.gif) no-repeat; background-position: 321px 0px; margin: 0 14px 14px 0; padding:0; text-align:center; padding-right:14px; position:relative} #JumpingClub li:nth-child(3n) {width:308px; margin:0; padding:0; } #JumpingClub li a img.cacheImage{margin:0 0 0 0; padding:0 0 0 0; float:left; margin-bottom:10px;} #JumpingClub li a h3{font-size:12px;color:#FFF;display:block;margin:0; position:absolute; left:0; bottom:0px; background: rgba(0, 0, 0, 0.5); margin-right:14px; padding:5px 10px} #JumpingClub li a:hover h3{background: rgba(204, 148, 51, 0.7)} #JumpingClubAdditional {height:100%; background:url(layout/spacer.gif) repeat-y; background-position:490px 0; float:left; margin-top:14px;} #JumpingClubNews{ float:left; width:476px; position:relative; margin:0 14px 0 0; padding:0 14px 0 0; position:relative; height:100%} #JumpingClubMap { float:right; width:476px; margin:0; padding:0; position:relative;} #JumpingClub-blog a { float:left; margin-bottom:14px; display:block; width:100%} #JumpingClub-blog a h2 { font-size:12px; color:#333; padding:0; margin:10px 0 0 0;} #JumpingClub-blog a:hover h2 { color:#69B2DF} .JumpingClubResults li { list-style:none; padding:10px 0; display:block; width:980px; border-top:1px dotted #CCCCCC; height:1%; overflow:hidden } .JumpingClubResults li:nth-child(odd) {} .ResultsDate { float:left; margin-right:14px;} .ResultsName { float:left; font-weight:bold} .Resultslink { float:right;} /* ----- End ImageBasedNav - homepage ----- */ /* ----- Additional Pages --- blog */ .blog {background:#fff;float:left;margin:0 10px 0 0; width:680px; padding-right:20px; border-right:1px dashed #CCC; padding: 20px 20px 20px 0;} .blog li { list-style:none; border-bottom:1px dotted #CCCCCC; margin-bottom:38px; padding-bottom:28px; display:block} .blog li:last-child {border-bottom:none; margin-bottom:0px; padding-bottom:0px} .blog li a h2 {display:inline; line-height:100%; text-decoration:none; color:#333333; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; font-weight: normal; text-transform:uppercase; font-size: 18px; line-height: 100%; margin: 0px; padding: 0; color: #1A1A1A;} .blog li a:hover h2 { color:#F7941D} .blog li a .blogContent { color:#666666} .blog-RecentArticles {background:#fff;float:left; margin:0 0px 0 10px; width:255px;} .blog-RecentArticles a li { border-top:1px dotted #CCCCCC; padding:10px 0 0 0; margin:10px 0 0 0; display:block } .blog-RecentArticles a li:nth-child(odd) {} .blog-RecentArticles a li { text-decoration:none;} .blog-RecentArticles a:hover li { color:#3DA7D8;} .blog-archive { float:left; width: 670px; margin-right:14px; background-color:#FBFBFB; padding:7px; margin-bottom:10px; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#333; font-size:12px;} .archiveprev, .archivenext { padding:0 10px; color:#3DA7D8} .archiveprev[disabled],.archivenext[disabled] {color:#CCCCCC; cursor:default} #blog-latest { float:right; width: 260px; background:#f8f8f8; padding:14px;} #blog-latest li { padding-bottom:3px;} #blog-latest li a { margin-bottom:20px; font-family:Arial, Helvetica, sans-serif; color:#3DA7D8; text-decoration:underline; line-height:150%; } #blog-latest li a:hover { color:#3DA7D8; text-decoration:none} /* ----- END - blog ----- */ /* ----- Additional Pages --- sitemap */ .sitemap-generic { float:left; margin-right:20px; padding-right:20px; border-right:1px dashed #CCCCCC} .map0{font-family:Arial,Helvetica,sans-serif;font-size:9.5pt;color:#666666;height:20px;padding:0 0 5px 0px;} .map1{font-family:Arial,Helvetica,sans-serif;font-size:9.5pt;color:#666666;height:20px;padding:0 0 5px 20px;} .map2{font-family:Arial,Helvetica,sans-serif;font-size:9.5pt;color:#666666;height:20px;padding:0 0 5px 40px;} .map3{font-family:Arial,Helvetica,sans-serif;font-size:9.5pt;color:#666666;height:20px;padding:0 0 5px 60px;} .total0 a{font-family:Arial,Helvetica,sans-serif;font-size:9.5pt;font-weight:normal;color:#231f20;float:left;padding-right:20px;width:150px;height:20px;text-decoration:none;} .total0 a:hover{font-family:Arial,Helvetica,sans-serif;font-size:8.5pt;font-weight:normal;color:#f00;float:left;padding-right:20px;width:150px;height:20px;text-decoration:none;} .sitemap-store {float:left;} .sitemap-store ul { list-style:none; display:inline} .sitemap-store ul li {padding:0 0 5px 0px;} /* ----- END - sitemap ----- */ /* ----- Additional Pages --- account */ .account { float:left; margin-right:30px; width: 310px;} .newAccount { float:left; padding-left:20px; border-left:1px dashed #CCCCCC; width:350px} .account li, .newAccount li { list-style:none; margin-bottom:10px; font-size:8pt; line-height:200%; color:#333333; float: left; width: 258px;} /* ----- END - account ----- */ /* ----- Additional Pages --- contact */ .emailForm { background-color:#FFF; height:400px;} .emailForm li {list-style:none; display:block; text-align:left; margin-bottom:10px; } .emailForm li strong input { display:block } .contactForm{ text-align:left;} .contactFormPadding{ margin:10px;} .contactForm li { list-style:none; margin-bottom:10px;font-family:Arial,Helvetica,sans-serif;color:#666;font-size:10.5pt;font-weight:normal;font-style:normal;line-height:150%;text-decoration:none; text-align:left; } /* ----- END - contact ----- */ /* ----- Reviews ---------- */ div.avReview { display: block; height: 50px; background: #F2F2F2; clear:both } div.avRate { display: block; width: 150px; height: 50px; float: left; background: #3c5b46 } div.avReview div.avInstruct { display: block; height: 50px; float: left; margin: 0px 0px 0px 0px; width:326px; } a.fancyreview { display: block; width: 331px; height: 30px } #lblErr,#lblErr a {font-family: Arial, Sans-Serif; font-size:10pt; color:#666666; font-weight: bold; display: block; height: 40px; line-height: 370%; text-align: center; text-decoration: underline ;display: block;} #lblErr:hover, #lblErr a:hover { text-decoration: none; cursor: pointer; color:#6280A8 } .MIV { text-decoration:none} table#reviews { float: left; width: 331px331px; height:450px; font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; color: #9b9b9b; font-weight:bold; font-style:normal; text-decoration: none; line-height:150%; padding: 0px; margin: 0px;} #Reviews { margin:0; padding:0px;} table#reviews td { padding: 0px; margin:0px; } table#reviewsform { float: left; width: 450px; height:450px; font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; color: #9b9b9b; font-weight:bold; font-style:normal; text-decoration: none; line-height:150% } table.revForm { border-top: 1px solid #999; margin-top: 10px } table#reviews-tab { display: block; border: none; overflow: hidden; padding:0; margin:0 ;clear: both; width: 100%;} div.av-review-lg { display: block; width: 120px; height: 120px; background: #3C5B46; text-align: center } div.av-review-lg div.rate { display: block; width: 120px; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #fff; line-height: 350% } div.av-review-lg div.outta { display: block; height: 30px; width: 120px; font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: normal; color: #fff } div.av-review-small { width:333px; height:50px; background: #5177af } div.av-review-sm div.rate { color: #fff; font-size: 20px; font-weight: bold; display: block; padding: 0px; margin: 0px; height: 50px; width: 150px; text-align: center; line-height: 250% } div.user-review { display: block; border-bottom: 1px solid #DADADA; float: left; margin-bottom:0px; padding: 0px} div.user-review p.comment { font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; font-weight: normal; font-style: normal; padding-bottom: 5px; margin-bottom: 5px; margin-top: 50px;} div.user-review p.name { font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; font-weight: normal; font-style: normal; margin-bottom: 5px } div.user-review p.rating { font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; font-weight: bold; font-style: normal; display: block; background: #3C5B46; color: #fff; padding: 2px 0px 2px 4px; width: 55px } div.user-review p.date { font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; font-weight: normal; font-style: normal; margin-top: 5px } /* ----- END of Reviews ---------- */ /* ----- fancybox ----- */ #fancybox-loading{position:fixed;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;cursor:pointer;overflow:hidden;z-index:1104;display:none;} #fancybox-loading div{position:absolute;top:0;left:0;width:40px;height:480px;background-image:url(/layout/fancybox/fancybox.png);} #fancybox-overlay{position:absolute;top:0;left:0;width:100%;z-index:1100;display:none;} #fancybox-tmp{border:0;overflow:auto;display:none;margin:0;padding:0;} #fancybox-wrap{position:absolute;top:0;left:0;z-index:1101;outline:none;display:none;padding:20px;} #fancybox-outer{position:relative;width:100%;height:100%;background:#fff;} #fancybox-content{width:0;height:0;outline:none;position:relative;overflow:hidden;z-index:1102;border:0 solid #FFF;padding:0;border-width: 0px !important;} #fancybox-hide-sel-frame{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1101;} #fancybox-close{position:absolute;top:-15px;right:-15px;width:30px;height:30px;background:transparent url(/layout/fancybox/fancybox.png) -40px 0;cursor:pointer;z-index:1103;display:none;} #fancybox-error{color:#444;font:normal 12px/20px Arial;margin:0;padding:14px;} #fancybox-img{width:100%;height:100%;border:none;outline:none;line-height:0;vertical-align:top;margin:0;padding:0;} #fancybox-frame{width:100%;height:100%;border:none;display:block;} #fancybox-left,#fancybox-right{position:absolute;bottom:0;height:100%;width:35%;cursor:pointer;outline:none;background:transparent url(/layout/fancybox/blank.gif);z-index:1102;display:none;} #fancybox-left-ico,#fancybox-right-ico{position:absolute;top:50%;left:-9999px;width:30px;height:30px;margin-top:-15px;cursor:pointer;z-index:1102;display:block;} #fancybox-left-ico{background-image:url(/layout/fancybox/fancybox.png);background-position:-40px -30px;left:-20px;} #fancybox-right-ico{background-image:url(/layout/fancybox/fancybox.png);background-position:-40px -60px;right:-20px;left:auto;} #fancybox-left:hover,#fancybox-right:hover{visibility:visible;} #fancybox-left:hover span{left:-20px;} #fancybox-right:hover span{left:auto;right:-20px;} .fancybox-bg{position:absolute;border:0;width:20px;height:20px;z-index:1001;margin:0;padding:0;} #fancybox-bg-n{top:-20px;left:0;width:100%;background-image:url(/layout/fancybox/fancybox-x.png);} #fancybox-bg-ne{top:-20px;right:-20px;background-image:url(/layout/fancybox/fancybox.png);background-position:-40px -162px;} #fancybox-bg-e{top:0;right:-20px;height:100%;background-image:url(/layout/fancybox/fancybox-y.png);background-position:-20px 0;} #fancybox-bg-se{bottom:-20px;right:-20px;background-image:url(/layout/fancybox/fancybox.png);background-position:-40px -182px;} #fancybox-bg-s{bottom:-20px;left:0;width:100%;background-image:url(/layout/fancybox/fancybox-x.png);background-position:0 -20px;} #fancybox-bg-sw{bottom:-20px;left:-20px;background-image:url(/layout/fancybox/fancybox.png);background-position:-40px -142px;} #fancybox-bg-w{top:0;left:-20px;height:100%;background-image:url(/layout/fancybox/fancybox-y.png);} #fancybox-bg-nw{top:-20px;left:-20px;background-image:url(/layout/fancybox/fancybox.png);background-position:-40px -122px;} #fancybox-title{font-family:Helvetica;font-size:12px;z-index:1102;} .fancybox-title-inside{padding-bottom:10px;text-align:center;color:#333;background:#fff;position:relative;} .fancybox-title-outside{padding-top:10px;color:#fff;} .fancybox-title-over{position:absolute;bottom:0;left:0;color:#FFF;text-align:left;} #fancybox-title-over{background-image:url(fancy_title_over.png);display:block;padding:10px;} .fancybox-title-float{position:absolute;left:0;bottom:-20px;height:32px;} #fancybox-title-float-wrap{border:none;border-collapse:collapse;width:auto;} #fancybox-title-float-wrap td{border:none;white-space:nowrap;} #fancybox-title-float-left{background:url(/layout/fancybox/fancybox.png) -40px -90px no-repeat;padding:0 0 0 15px;} #fancybox-title-float-main{color:#FFF;line-height:29px;font-weight:700;background:url(/layout/fancybox/fancybox-x.png) 0 -40px;padding:0 0 3px;} #fancybox-title-float-right{background:url(/layout/fancybox/fancybox.png) -55px -90px no-repeat;padding:0 0 0 15px;} /* ----- END - fancybox ----- */ /* ----- Custom Product Builder ----- */ #centercolumn-padding { width: 1008px;margin: 0 auto;background: #fff;padding: 14px; } .cpb-namePriceContainer h1{margin:0 0 10px;padding:0;} .cpb-standardSpecPrice{font-family:Arial, Helvetica, sans-serif;font-size:8.5pt;font-weight:700;color:#333;display: block;/* float: left; *//* width: 94px; *//* height: 16px; *//* background: #fcfcfc; */padding: 0;text-align: left;text-transform: uppercase;/* outline: 1px solid #eee; */} .cpb{width: 980px;display:block;border-top:1px solid #f0f0f0;margin:50px 0 0;padding:0;} .cpb-Header{font-family:Arial, Helvetica, sans-serif;font-size:8.5pt;color:#888;position:relative;top:-15px;left:0;background:#f0f0f0;display:block;/* width:500px; */padding:7px 7px 7px 9px;} .cpb div{font-family:Arial, Helvetica, sans-serif;font-size:8.5pt;text-align:left;color:#333;} div.attBlock{display:block;width:977px;height:50px;margin:0 8px 8px 0;padding:0;} .cpb div.attImage{float:left;width:50px;height:50px;background:url(/layout/cpb-missingImage.png) top left no-repeat #f0f0f0;} .cpb div.attImage img { width:100%} .cpb div.attMoreInfo{float:left;width:50px;height:50px;background:#3f789d;} .cpb div.attMoreInfo:hover{background:#2f5b78;} .cpb div.attName{float:left;width:722px;height:50px;line-height:460%;text-align:left;background:#f0f0f0;margin-left:8px;margin-right:8px;text-indent:15px;} .cpb div.attPrice{float:left;width:80px;height:50px;line-height:380%;font-size:10.5pt;text-align:center;color: #666;background: #fff4da;font-weight:700;} .cpb div.attSelected{float:left;width:50px;height:50px;background:#696;} .cpb div.attSelected:hover{background:#063;} .cpb-allImages{display:block;background:url(/layout/cpb-viewImages.png) top left no-repeat #3f789d;width:171px;height:46px;float:left;margin-right:6px;} .cpb-allImages:hover{background:url(/layout/cpb-viewImages.png) top left no-repeat #2f5b78;} .cpb-optionSelect{display:block;/* width: 448px; */border: 1px solid #eee;background: #fff4da;margin: 14px 0;padding: 14px;} .cpb-optionSelect p{color:#88592c;margin:0;padding:0;} .cpb-optionSelect a, .cpb-optionSelect a:visited{display: block;text-align: center;background: #8cc242;color: #fff;padding: 7px;margin-top: 7px;text-transform: uppercase;letter-spacing: 2px;font-size: 10px;} .cpb-optionSelect a:hover {background: #9dd54f;} .cpb-specification{display:block;width: 308px;height:100%;background:#fbfbfb;margin-top: 14px;/* border:1px solid #e5e5e5; */float:left;text-align:left;padding: 14px;} .cpb-specification h2 {font-family: Georgia, "Times New Roman", Times, serif;} table.cpb-standardSpec{font-family:Arial, Helvetica, sans-serif;font-size:8.5pt;color:#333;text-align:left;} table.cpb-standardSpec td{padding:5px;} .cpb-leftCol{width:150px;border-bottom:1px solid #999;font-weight:700;font-size: 12px;} .cpb-rightCol{width:150px;border-bottom:1px solid #999;font-size: 12px;} .cpb-description{display:block;width: 630px;height:100%;background:#fbfbfb;margin-top: 28px;margin-left: 28px;margin-bottom:30px;border:1px solid #e5e5e5;float:left;text-align:left;padding: 14px 14px 14px; font-size:12px;} .cpb-description p, .cpb-description li {font-size:12px;} .cpb-purchaseItem{display:block;width: 100%;height: 252px;background:#f0f0f0;border:1px solid #e5e5e5;margin-top:20px;float:left;} .cpb-purchaseAdvice1 {display: block; float: right;width: 700px; height: 42px; text-align: center; line-height: 300%; background: none; color: #666; margin-top: 14px; font-size:14px; font-weight:bold;padding-right: 14px;} .cpb-buttonAdd{display:block;width:250px;height:250px;float:left;} #cpb-summary{background:#333;float:left;margin-top: 14px;width: 976px;color:#FFF;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:700;position:relative;padding: 14px;} #cpb-summary li{color:#FFF;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:700;display:block;float:left;width:950px;background:url(/layout/builder-tab.png) no-repeat;padding-left:20px;margin-left:10px;} #cpb-summary li span{color:#FFF;} .cpb-summaryAttLabel{display:block;border-bottom:1px solid #696;padding-bottom:10px;margin-bottom:12px;font-size: 16px;float: left;width: 829px;min-height: 39px;font-family: Georgia, "Times New Roman", Times, serif;} .cpb-selectedOption{border-bottom:1px solid #444;padding-bottom:10px;margin-bottom:10px;float:left;width:250px;} .cpb-chosenAtt{border-bottom:1px solid #444;padding-bottom:10px;margin-bottom:10px;float:left;width:500px;} .cpb-chosenAttTXT{color:#00aeef;} .cpb-finalPrice{position:absolute;right:0;top:0;margin-left:14px;font-size:24px;background:#696;padding:14px;color: #fff;} h4,.cpb-purchaseAdvice p{font-size:12px;} .cpb-namePriceContainer,.cpb-allImageContainer{width:476px;display:block;float:left;margin-bottom:15px;} .cpb-namePriceContainer a.readmore, .cpb-namePriceContainer a.readmore:visited{display: block; text-align: center;background: #8cc242;color: #fff;padding: 7px 14px;margin: 7px 0 14px 0;text-transform: uppercase;letter-spacing: 2px;font-size: 10px;width: 220px;/* height: 19px; */} .cpb-namePriceContainer a.readmore:hover {background: #9dd54f;} .cpb-allImageContainer {margin-right:28px;} .cpb-pricebox {/* outline: 1px solid #eee; */background: #fcfcfc;/* padding: 15px 14px; */height: 22px;/* float: right; *//* width: 340px; */ margin-bottom:14px;} .cpb div.attName h2,.cpb-description h2,.cpb-purchaseAdvice h2,#chkSale,#chkInstock{margin:0;padding:0; font-family: Georgia, "Times New Roman", Times, serif;} .cpb-purchaseAdvice h2 {background: #999;} /* ----- END - Custom Product Builder ----- */ /* ----- FlexSlider ----- */ .flex-container a:active,.flexslider a:active{outline:none;border:0;} .flexslider{width:100%;position:relative;zoom:1;margin:0;padding:0;} .flexslider .slides > li{display:none;position:relative;} .flexslider .slides img{max-width:100%;display:block;} .flex-pauseplay span{text-transform:capitalize;} .slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} .flex-container{width:100%;zoom:1;position:relative;} .flex-caption{background:none;zoom:1;position:absolute;left:0;bottom:-11px;color:#666;font-size:11px;line-height:18px;width:100%;box-sizing:border-box;padding:2%; visibility:hidden} .flex-caption strong{display:inline;line-height:100%;text-decoration:none;font-family:Arial, Helvetica, sans-serif;color:#666;font-size:14px;font-weight:700;margin:0;padding:0;} .flexslider .slides > li a:hover p.flex-caption strong{color:#333;} .flex-direction-nav li a {width: 54px; height: 54px; margin: -13px 0 0; display: block; background: url(/layout/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 46%; cursor: pointer; text-indent: -9999px;} .flex-direction-nav li .next {background-position: -54px 0; right:14px;} .flex-direction-nav li .next:hover {background-position: -54px -54px;} .flex-direction-nav li .prev {left: 0px;} .flex-direction-nav li .prev:hover {background-position: 0px -54px} .flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;} .flex-control-nav {width: 100%; position: absolute; bottom: 10px; text-align: left; left:10px} .flex-control-nav li {margin: 0 3px; display: inline-block; zoom: 1; *display: inline;} .flex-control-nav li a {width: 9px; height: 9px; display: block; background: #666; background: rgba(188,178,169,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(170,160,149,0.3);} .flex-control-nav li a.active { background: #6280A8; background: rgba(98,128,168,0.8); } .flex-control-nav li a:hover { background: #333; background: rgba(170,160,149,0.7); } .flex-control-nav li a.flex-active { background: #000; background: rgba(170,160,149,0.9); cursor: default; } /* ----- END - FlexSlider ----- */ /* ----- Better Search --------------------------------------------------------------------------------------------------------------------------- */ .bs{background:url(/layout/sprite.png) -6px -37px no-repeat; width:172px; -webkit-appearance:none; border:none; margin-top: 14px;} .adv-slideBoxContainerNew {display:;} #BetterSearchResult { width:728px; float:right} #clAdvancedSearch1_panSizeTemplates {display:none} #betterSearch { background-position:238px 0; margin:0; float:left; width:100%;} .advDrilldownContainer { display: block; width: 238px; height: 21px; margin: 0px 0px 7px 0px } .advRemoveDrilldown { display: block; width: 21px; height: 21px; background: url(/layout/sprite.png) -156px -317px no-repeat; float: left } .advDrillCategories { display: block; width: 217px; height: 21px; float: left; line-height: 180%; font-family:Arial,Helvetica,sans-serif;} #sideFilter { width: 238px; float:left; padding: 0; border-right: 1px solid #efefef; margin: 0;} #sideFilter>li, #sideFilter>div>li { float:left; position:relative; margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px dotted #efefef; list-style:none; font-size: 12px; width: 224px;} #sideFilter>li.none { margin-bottom:7px; padding-bottom:7px; border-bottom:none} #sideFilter>li:nth-last-child(1){margin-bottom:0; padding-bottom:0; border-bottom:none;} #sideFilter>li>a { padding:0 0 0 21px; background:url(/layout/sprite.png) -14px -980px no-repeat; float:left; width:100%; color:#666;} #sideFilter>li>a.showhideTrue {background:url(/layout/sprite.png) -14px -980px no-repeat;} #sideFilter>img, .Clear { position:absolute; cursor:pointer; left: 2px; top: 34px;} #sideFilter>li>.searchBoxForm { border:1px solid #ccc;} div.priceFilterTitle { font-size: 14px; display: block; padding: 0px 0px 7px 0px; margin: 0px 0px 7px 0px; width: 100%; border-bottom: 1px solid #e5e5e5 } div.priceRangeCtr { display: block; width: 100%; margin: 0px 0px 7px 0px } div.adv-sliderRangeContainer { padding: 14px } div.adv-sliderRangeContainer input { border: none; padding: 14px; width: 100%; font-size: 18px; color: #666 } div.adv-sliderRangeContainer a { text-decoration: none } div.adv-sliderRangeContainer a:hover { text-decoration: none } div.adv-sliderRangeContainer .applyPriceFilter { display: block; width: 100%; background: #acd373; padding: 14px; margin: 14px 0px 0px 0px; box-shadow: 0px 3px 0px #9cbc6f; border-radius: 4px; text-align: center; color: #fff; font-size: 18px; text-shadow: 1px 1px #9cbc6f } div.adv-sliderRangeContainer .clearPriceFilter { display: block; width: 100%; background: none; padding: 7px 7px 0px 7px; margin: 14px 0px 0px 0px; text-align: left; color: #0897e4; font-size: 12px } div.adv-sliderRangeContainer .below { margin: 0px 0px 7px 0px } div.adv-sliderRangeContainer .above { margin: 7px 0px } div.adv-sliderRangeContainer div span { color: #0897e4 } .adv-sliderAmountTotal { display:block; margin-bottom:7px;} .priceForms{font-family: Arial,Helvetica,sans-serif; font-size: 9pt; color: #999; font-weight:bold; font-style: normal; text-decoration: none; text-align:left; width:50px; border: 1px solid #CCC; background:#FFF no-repeat; display:inline-block; margin:0; padding:7px; height: 35px; -webkit-border-radius: 0px; margin:0px; } .priceForms:hover{color:#333;} .adv-pricRange { font-family: Arial,Helvetica,sans-serif; font-size: 9pt; color: #666; line-height:150%} .adv-question { position:absolute; top:0; left:0} .reOrder { padding: 0 0 6px 21px; background:url(/layout/dropdown.png) no-repeat; background-position:0 5px; display:block; width:100%; color:#333; cursor:pointer} .reOrder:hover { color:#666; text-decoration:underline} .showhideTrue {background:url(/layout/dropdown-side.png) no-repeat; background-position:3px 3px;} .checkClear { position:absolute; top:0; right:0px; color:#00aeef; cursor:pointer; font-family:Arial,Helvetica,sans-serif;} .checkClear:hover { text-decoration:underline; color:#1582ef} .checkResults { margin:0; padding:0} .checkResults li { list-style:none; float:left; margin-top:5px; width:50%; padding:0 0 0 21px; position:relative} .checkResults li img { position:absolute; left:0; top:0} .checkResults li a { color:#666; text-transform:capitalize; font-size: 11px; font-family: arial;} #advSizeFilter span { display: inline-block; clear: both; width: 100%; margin-top: 14px;} .ddPanelContainer { padding:0; margin:0} .ddPanelContainer li { list-style:none} .ddPanelContainer li div {list-style:none; position:relative} .ddPanelContainer li div img {} .catImage { float:left; margin: 0 14px 14px 0; width:224px; height:224px; outline:1px solid #efefef} #txtTermBetterSearch {border-right:1px solid #CCC; width:224px; height: 42px; box-sizing:border-box} .adv-slideBox{float:left;height:25px;background:#3886BC;margin-right:20px;text-align:center;font-family:Arial,Helvetica,sans-serif;font-size:9pt;color:#FFF;font-weight:400;line-height:220%;font-style:normal;text-decoration:none;padding:6px 10px;} .adv-sliderAmount{border:0;font-weight:700; display:inline-block; clear:left; color:#0897e4} .adv-sliderRangeContainer{width:224px;float:left; background:#F5F5F5; padding:7px;} .adv-sliderRange{width:205px;height:10px;margin-top:12px; float:right;} .ui-corner-all { -moz-border-radius: 5px; /* -webkit-border-radius: 5px; */ /* border-radius: 5px; */ } .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em;} .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/; font-size: 1em; } .ui-widget-content { border-top: 1px solid #d9d8d8; background: #eae9e9;} .ui-widget-content a { color: #222222; } .ui-widget-header { border: none; background: -webkit-gradient(linear, left top, left bottom, from(#08a4ec), to(#0790de));background: -moz-linear-gradient(top, #08a4ec, #0790de);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08a4ec', endColorstr='#0790de');} .ui-widget-header a { color: #222222/; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { } .ui-state-hover a, .ui-state-hover a:hover { text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } .ui-widget :active { outline: none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.7em; margin-left: -1.0em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .adv-formSingle{float:left;font-family:Arial,Helvetica,sans-serif;font-size:9pt;color:#999;font-weight:400;font-style:normal;text-decoration:none;text-align:left;width:224px;border:1px solid #CCC;height:37px;background:url(/Images/adv-question.png) no-repeat #FFF;outline:none;margin:0;padding:10px 10px 10px 32px; -webkit-appearance:none; border-radius:0; background:url(Images/dropdown.png) no-repeat; background-position: 197px 12px;} .adv-formSingle:hover{color:#333;border:1px solid #999;outline:none;cursor:pointer;} .adv-formSingle:focus{color:#333;border:1px solid #666;outline:none;cursor:pointer;} .adv-search-item {display:inline;list-style:none;margin:0;padding:0;} .adv-search-item li {float:left;list-style:none;width:238px; box-sizing:border-box; height: 490px; position:relative; padding: 0; background-position: 237px 0; margin: 0 14px 14px 0; padding:0; text-align:center; padding-right:14px;} .adv-search-item li img.cacheImage{margin:0 0 0 0;padding:0 0 0 0; float:left; margin-bottom:10px;border: 1px solid #efefef;} .adv-search-item li h3{font-size:12px;color:#333;display:block;margin:0; padding: 43px 10px 0;float: left;text-align: center;width: 100%;} .adv-search-item li p{font-size:11px;color:#888;margin:0;} .adv-search-item li:nth-child(1) img.cacheImage, .adv-search-item li:nth-child(2) img.cacheImage, .adv-search-item li:nth-child(3) img.cacheImage { /* border-top:none */} .adv-search-item li:nth-of-type(3n){width:224px; background:none; margin: 0 0 14px 0; padding-right:0 } .list {display:inline;list-style:none;margin:0;padding:0;} .list li {float:left;list-style:none;width:100%; box-sizing:border-box; height:80px; position:relative; padding: 0; background:none; margin: 0 0 14px 0; margin: 0 0 14px 0; text-align:left; border-bottom:1px solid #EFEFEF; position:relative} .list li img.cacheImage{margin:0 14px 0 0;padding:0 0 0 0; border-top:none; float:left; width:75px; height:75px;} .list li .clMIV-DEV { display:none} .list li h3{font-size:12px;color:#333;display:block;margin:0; float:left} .list li p{font-size:11px;color:#888;margin:0;} .list li:nth-child(3n){width:100%; background:none; margin: 0 } .list li div a div .hover {width:28px;height:30px;top:0;position:absolute; right:0px; top:20px;} .list li div a div .now { float:left} .list li div a div .onsale { display:none} #loader-DEV{position:absolute;width:100%;height:100%;z-index:10000000;top:0;left:125px;text-align:center; top:100px} #loader-DEV img{position:fixed;top:50%;} .clMIV-DEV { top: -10px; position: relative; display: block; height: 40px } .adv-reorder{display:block;margin: 0 0 14px 0;float: left;width: 100%;padding: 7px 0;} .adv-reorder>span {margin: 0 7px 0 0;float: left;padding: 0; font-size:10px;line-height: 175%;} .adv-reorder a {float:left;list-style:none;display:block;margin: 0 7px 0 0; padding:3px 7px; background:#efefef; font-family:Arial,Helvetica,sans-serif;font-size:9px;color:#333;font-weight:400;font-style:normal;text-decoration:none;} .adv-reorder a:hover { background:#333; color:#FFFFFF; text-decoration:none;} .inStockOnly, .saleOnly { float:left; width: 100%; text-align:left; line-height: 335%; /* margin-bottom:7px; */} .inStockOnly { background-color: #93c33f; color: #fff; text-transform:uppercase; margin-bottom:0px; /* width: 50%; */ font-size: 14px; font-weight: bold;} .saleOnly { background-color: #f4e4e4; color: #CA1616; text-transform:uppercase; font-size: 14px;} .adv-SaleCheckbox, .adv-StockCheckbox { float:left; margin: 3px 4px 2px 7px; height: 20px;} #adv-productContainer-search{width:100%;margin:0;padding:0;} .adv-search-item-container{height: 490px;top:0;left:0;margin:0;position: relative;background: #fafafa;} .hover{display:inline-block;width:28px;height:30px;top:-18px;position:relative;} .pagesize { float:left;} .pagesize a { padding: 0; float:left; color:#666; background:#FFF; margin: 3px 3px 0 0; padding: 0px 6px; line-height: 200%;} .pagesize a:hover { background:#666; color:#FFF; text-decoration:none} .pagesize span { float:left; font-size:10px; margin-right:7px;} .adv-paging,.adv-paging-none {width:100%;text-align:center;background-color:#f6f6f6; display:block;background-color:#f5f5f5;float:right;line-height:250%;font-size:9pt;font-family:Arial, Helvetica, sans-serif;color:#333;margin: 0 0 0px 0;padding: 3px 7px;} .adv-paging-none {margin:0} .adv-paging a[disabled=disabled]{color:#999;} .adv-paging-pagination { float:right;} .adv-centernav{float:left;height:45px;} .adv-slideBoxPriceDesc { float:left} .reorderDD {width:250px; height:30px; background:#FFFFFF; border:1px solid #F0F0F0} ul.topnav {list-style:none;float:left;font-size:9px; background:url(topnav_bg.gif) repeat-x;margin:0;padding:0;} ul.topnav li {float:left;position:relative;margin:0;padding:0; z-index:1;} ul.topnav li a{color:#777;display:block;text-decoration:none;float:left;padding:5px 10px; font-size:10px } ul.topnav li a:hover{background:url(topnav_hover.gif) no-repeat center top; cursor:pointer; } ul.topnav li span{width:130px;float:left; margin-top:5px; background:url(/layout/dd-arrow.png) no-repeat; background-position:34px 7px; color:333; cursor:pointer; border-left:1px dotted #CCC; font-size:11px; text-indent:22px; text-align:left} ul.topnav li span img.flag{float:left; margin-top:4px; margin-left:10px; border:0} ul.topnav li span.subhover{ background:url(/layout/dd-arrow.png) no-repeat; background-position:34px -6px; cursor:pointer} ul.topnav li.over span {color:#0079c2; } ul.topnav li ul.subnav{list-style:none;position:absolute;left:0;top:29px;background:#ffffff;display:none;float:left;width:250px;margin:0;padding:0;} ul.topnav li ul.subnav li{border-bottom:1px solid #f5f5f5;clear:both;width:250px;margin:0;padding:0; z-index:100; text-align:left} ul.topnav li ul.subnav li img.flag{float:left; margin-top:4px; margin-right:10px; border:0} html ul.topnav li ul.subnav li a{float:left;width:230px} html ul.topnav li ul.subnav li a:hover{color:#0079c2; background-color:#F8F8F8} .starsContainer { position:absolute; top: 442px; left: 62px;} span.starsBS, span.starsBS span {display: inline-block;background: url(/layout/reviews/stars.png) 0 -16px repeat-x;width: 100px;height: 16px; text-indent:-5000px;float: left;} span.starsBS span {background-position: 0 0;} .adv-searchContent { width:100%; position:relative} .adv-searchContent:hover div {cursor:pointer} .bsButton { width:100%; padding: 10px 14px; height:44px; color:#fff; font-size: 14px; text-transform:uppercase; display: inline-block;} .quickView { width:44px; height:44px; position:absolute; right:0; top:0; background: rgb(0,0,0); background: rgba(0, 0, 0, 0.5); color:#fff; text-align:center; text-transform:uppercase; padding: 10px 7px; font-size: 9px; font-weight:bold } .inStockBut {background:#7ba92c;} .outOfStockBut {background:#ed1c24;} .customizeBut {background:#f7941d} .specialOrderBut { background:#15a6dc} .preOrderBut {background:#8781bd} .comingSoonBut { background:#67bf95} .quicklook-InStock, .quicklook-Outofstock, .quicklook-Custom,.quicklook-SpecialOrder, .quicklook-preOrder, .quicklook-Coming, .quicklook-SpecialOrderInstock { background:url(/layout/sprite.png) no-repeat; width:224px; height:42px; } .quicklook-InStock { background-position:-14px -1440px} .quicklook-Outofstock { background-position:-254px -1440px} .quicklook-Custom { background-position:-490px -1440px} .quicklook-SpecialOrder { background-position:-14px -1510px} .quicklook-preOrder { background-position:-250px -1510px} .quicklook-Coming { background-position:-490px -1510px} .quicklook-SpecialOrderInstock { background-position:-14px -1580px} #sizeFilter{ margin:0; padding:0} #sizeFilter>li {float: left;position: relative;margin: 0 0 14px 0;padding: 0 0 14px 0;border-bottom: 1px dotted #efefef;list-style: none;font-size: 12px;width: 224px; list-style:none} #clAdvancedSearch1_panApplyTerm { display: block; background: #fff; width: 245px; height: 2040px; float: left } #clAdvancedSearch1_panApplyTerm p { display: block; width: 245px; height: 42px; background: url(/layout/customFilters/filterGroupHdr.gif) top left no-repeat; clear: both; font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; font-weight: bold; font-style: normal; text-indent: 35px; color: #3886bc; margin: 0px; padding: 0px; line-height: 400% } #clAdvancedSearch1_panApplyTerm ul { margin: 0px; padding: 0px; list-style: none } #clAdvancedSearch1_panApplyTerm li { margin: 0px; padding: 0px; list-style: none; cursor: pointer } #clAdvancedSearch1_panApplyTerm a { font-family: Arial, Helvetica, sans-serif; font-size: 8.5pt; color: #666; width: 238px; margin: 0px; padding: 7px 0px 7px 7px; display: block; text-indent: 21px; background: url(/layout/customFilters/unchecked.png) top left no-repeat } #clAdvancedSearch1_panApplyTerm a:active { color: #3886bc; background: url(/layout/customFilters/checked.png) top left no-repeat } .filterContainer { overflow-x: hidden; overflow-y: scroll; display: block; width: 245px; max-height: 100px; padding-top: 14px; padding-bottom: 7px; border-bottom: 1px solid #e5e5e5; background: url(/layout/customFilters/shadow.png) top left no-repeat} #clAdvancedSearch1_MDFPanel { display:none} /* ----- END - Better Search ----- */ /* ----- QuickLook --------------------------------------------------------------------------------------------------------------------------- */ .QuickLook { cursor:pointer; position: absolute; left: 0; top: 224px;} #dev-QuickLook { width: 750px;} #dev-QuickLook-img { float:left; margin: 28px; outline: 1px solid #efefef;} #ImageLargePath-dev { float:left; width: 300px; height: 300px; overflow:hidden;} #MIV-quicklook-dev { /* float:left; */ /* width: 87px; */ /* display: inline-block; */ width: 250px;} #MIV-quicklook-dev li { display:inline-block; list-style:none; border: 1px solid #eee; margin: 4px 0px 5px 4px;} #MIV-image-dev-small {margin:0 0 10px; line-height:1.5em; color:#3e7ca3; font:18px/28px 'OpenSansLight', Arial, sans-serif;} #ImageLargePath-dev img { /* margin: -25px -25px; */ width: 300px; height: 300;} #dev-QuickLook-content,#MIV-image-dev,#title-dev,#ShortDescription-dev,#LongDescription-dev,#clPrice-dev { clear:right; display: block;} #ShortDescription-dev { margin-bottom:14px;} #attribute-quicklook-dev { clear:right; display: block; padding: 14px 24px; float: left; width: 100%; /* margin-bottom: 24px; */ background: #efefeb; font-family: arial;} #clPrice-dev {} #clPrice-dev .pricingRange { padding: 0; /* display: inline-block; */ float: left;} #dev-QuickLook-content { float:left; width: 394px; padding: 28px 28px 28px 0;} #title-dev { margin:0 0 10px; line-height:1.5em; color:#333; font-size:24px} .qv-add-container { width: 100%; display: block; padding: 7px 0; height: 1%; overflow: hidden; border-bottom: 1px solid #e7e7dd; float:left; clear:both} .qv-add-container:nth-last-child(1){border-bottom: 1px solid #EFEFEF;} .qv-name, .qv-price, .qv-stock, .qv-add {float: left; margin-right:7px; font-size:12px; line-height: 225%;} .qv-name { width: 39%; } .qv-price { width: 16%; } .qv-stock { width: 31%;} .qv-add { float: right; margin:0; /* width:57px; */ height: 30px;} .qv-add img { cursor: pointer } .qv-stock .InStockCSS, .qv-stock .OutofStockCSS, .qv-stock .BackOrderCSS { font-size:12px; color:#666; text-align:left} .qv-stock .InStockCSS { color:#006707;} .qv-stock .OutofStockCSS { color:#a62700;} .qv-stock .BackOrderCSS {color: #0076a3;} #ctl01_lblDiscounttext>.save>.onsale { position:absolute; left: 214px; top: 21px; overflow:hidden; width: 71px; height: 71px;} .QuickLook-cards { margin:14px auto; display:none;} .QuickLook-cards img { margin:14px 49px 14px 39px;} .quickview {color: #fef4e9;background: #f78d1d;background:#faa51a} .quickview:hover {color: #FFF;background: #f47c20;background:#f88e11} #link-dev { margin-bottom:0; display:inline-block} #clPrice-dev .pricing { text-align: left; position:relative; top:0; width: 280px; /* background: #efefef; */ margin: 14px 0; height: 40px;} #clPrice-dev .pricing>span:nth-child(1), .pricing>span:nth-child(2) { width: 94px; padding: 0px; margin: 0; text-align: center; /* background:#efefef; */ display: inline-block;} #clPrice-dev .pricing>span:nth-child(2) { background:url(/layout/wasPriceOverlayBetter.png) no-repeat } #clPrice-dev .now { display: block; height: 40px; width: 94px; margin: 0px; padding: 0px; float: left; background: #f1f1f1; color: #666; text-align: center; color:#3e7ca3;line-height: 290%; } #clPrice-dev .was { background: 3px; display: block; height: 40px; width: 100px; margin: 0px; padding: 0px; float: left; background: url(/layout/wasPriceOverlay.png) top left no-repeat #f1f1f1; color: #999; text-align: center; background-position: -4px;line-height: 290%;} #clPrice-dev .save { display: block; height: 40px; width: 86px; margin: 0px; padding: 0px; float: left; background: #dc4040; color: #fff; text-align: center; position: absolute; left: 194px; top: 0; letter-spacing:1px; font-size: 13px; line-height: 300%;} #clPrice-dev .onsale { position:absolute; right: 0; top: 0; z-index: 1;} /* ----- END - QuickLook ----- */ .below>strong { float:none !important; line-height:none !important} div.adv-sliderRangeContainer .above {/* margin:0px */} #lnkNextTop { color:#06C} .adv-search-item li h3 { width:205px !important} .catImage { height:auto} .pricing { top:340px} .starsContainer { top:412px} .adv-search-item-container { height:450px} .adv-search-item li {height:450px } /* ----- Tag along items ----- #tagContainer {display: block; width: 476px; height: 217px; clear:both} #clTagAlongPop{ margin: 0px; padding: 0px } .taProdBox{display:block;width:476px;height:264px;background:url(/layout/star-buys/ta-item-promo-bg-2.jpg) top left no-repeat;text-align:left;vertical-align:top; clear:both} .taProdContainer{ width: 476px; height: 168px; display: block; position: relative; top: 49px; left: 14px } .taCatBox{display:block;width:966px;height:217px;background:url(/layout/star-buys/ta-promo-bg.jpg) top left no-repeat;text-align:left;vertical-align:top; clear:both} .taCatContainer{width:938px;height:123px;display:block;position:relative;top:49px;left:14px;color:#333;font-size:10.5pt} .taCatContainer a { text-decoration: none; color: #333 } .taProdTxt{ width: 127px; height: 170px; display: block; text-align: left; float: left; font-size: 10px; line-height: 150%; padding: 5px 10px 0px 0px; font-size:8.5pt; } .taProdTxtPad { font-size:8.5pt} .taImgOne{width:132px;height:140px;display:block;text-align:center;float:left;padding-top:28px;margin-right:46px;} .taImgTwo{width:132px;height:140px;display:block;text-align:center;float:left;padding-top:28px} div.taPriceOne {width:132px;height:24px;display:block;text-align:center;float:left;margin-right:45px} div.taPriceTwo{width:132px;height:24px;display:block;text-align:center;float:left} div.taPriceOne p, div.taPriceTwo p {color:#fff;font-size:9pt;font-weight:bold;line-height:220%;margin:0px;padding:0px} .taProdBoxPOP{ display: block; width: 600px; height: 600px; text-align: left; vertical-align: top } .taProdBoxPOPContainer{ width: 586px; height: 586px; padding: 0px 7px; display: block; background: url(/layout/star-buys/ta-hdr-title.jpg) top left no-repeat } .taProdTxtPOP{ width: 572px; margin-top: 28px; margin-bottom: 7px; display:block; text-align: left; float:left; font-size:10.5pt; color:#666; line-height: 150%} .taProdImgOnePOP{width:284px;height:213px;display:block;text-align:center;float:left;margin-right:14px;border:1px solid #f5f5f5;} .taProdImgTwoPOP{width:284px;height:213px;display:block;text-align:center;float:left;border:1px solid #f5f5f5;} div.taPricePOP{width:572px;height:24px;display:block;text-align:center;float:left} div.taPricePOP p {color:#fff;font-size:9pt;font-weight:bold;line-height:220%;margin:0px;padding:0px} div.ta-add-container { width: 572px; min-height: 42px; display: block; margin-bottom: 7px } div.ta-name { width: 300px; margin: 0px; padding: 5px 0px 0px 7px; float: left; font-size: 8pt; line-height: 150%; min-height: 37px; display: block; background: #fff } div.ta-price { width:90px; padding: 5px 0px 0px 0px; margin: 0px; float: left; font-size: 8pt; text-align: center; line-height: 150%; min-height: 37px; display: block; background: #fff } div.ta-stock { width:108px; padding: 5px 5px 0px 0px; margin: 0px; float: left; font-size: 8pt; overflow: hidden; line-height: 150%; min-height: 37px; display: block; background: #fff } div.ta-add { width:59px; padding: 5px 0px 0px 0px; margin: 0px; float: left; background: url(/layout/Unavailable.png) top left no-repeat; min-height: 37px; display: block; background: #fff } div.ta-add img { cursor: pointer } div.ta-stock .InStockCSS { font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#006707; text-align:left} div.ta-stock .OutofStockCSS { font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#a62700; text-align:left} div.ta-stock .BackOrderCSS { font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#be9c00; text-align:left} #ProductDetail21_clTagAlongPromoter1_panCarPercent { border:1px solid #EAE8CC;color:#555;background-color:#FFFEF4; padding:14px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; font-size:14px; clear:both } /* ----- JQUERY jcarousel - for - Tag Along .jcarousel-skin-ta .jcarousel-container { margin: 0px; padding: 0px; float: left; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5 } .jcarousel-skin-ta .jcarousel-direction-rtl { direction: rtl } .jcarousel-skin-ta .jcarousel-container-horizontal { width: 600px; margin: 0px } .jcarousel-skin-ta .jcarousel-clip-horizontal { width: 600px; margin: 0px } .jcarousel-skin-ta .jcarousel-item { width: 572px; padding: 14px; background: url(/layout/star-buys/ta-select-bg.png) top right no-repeat #f1f1f1 } .jcarousel-skin-ta .jcarousel-item-horizontal { margin: 0px; text-align: left } .jcarousel-skin-ta .jcarousel-direction-rtl .jcarousel-item-horizontal { margin: 0px } .jcarousel-skin-ta .jcarousel-item-placeholder { background: #fff; color: #000 } .jcarousel-skin-ta .jcarousel-next-horizontal { position: absolute; top: 52px; left: 500px; width: 56px; height: 53px; cursor: pointer; background: url(/layout/bg_direction_nav3.png) top left no-repeat; background-position: -53px 0px } .jcarousel-skin-ta .jcarousel-direction-rtl .jcarousel-next-horizontal {left: 0px; right: auto; background-image: url(/layout/bg_direction_nav3.png) } .jcarousel-skin-ta .jcarousel-next-horizontal:hover { background-position: 0px; cursor: pointer; background-position: -53px -53px;} .jcarousel-skin-ta .jcarousel-next-disabled-horizontal, .jcarousel-skin-ta .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-ta .jcarousel-next-disabled-horizontal:active {cursor: default; background-position: -1000px 0px } .jcarousel-skin-ta .jcarousel-prev-horizontal {position: absolute; top: 52px; left: 444px; width: 56px; height: 53px; cursor: pointer; background: url(/layout/bg_direction_nav3.png) top left no-repeat; background-position: 0px 0px } .jcarousel-skin-ta .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 0px; background-image: url(/layout/bg_direction_nav3.png) } .jcarousel-skin-ta .jcarousel-prev-horizontal:hover { cursor: pointer; background-position: 0px -53px } .jcarousel-skin-ta .jcarousel-prev-horizontal:active {} .jcarousel-skin-ta .jcarousel-prev-disabled-horizontal, .jcarousel-skin-ta .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-ta .jcarousel-prev-disabled-horizontal:active {cursor: default; background-position: -1000px 0;} /* ----- END -- Tag along items ----- */ a:hover.root,a:hover.branch,.adv-pagingPadding a{color:#009ddc;} div#clNav ul,.slides,.flex-control-nav,.flex-direction-nav,.adv-reorder ul{list-style:none;margin:0;padding:0;} div#clNav ul li a:hover,ul.tabs li a:hover,ul.tabs-top li a:hover{color:#666;} div#clNav ul li > ul,div#clNav ul li > ul li,div#clNav ul li > ul li > ul li,div#clNav ul li > ul li > ul li > ul li,html[xmlns] .slides,.no-js .slides > li:first-child,.ui-helper-clearfix,.ui-accordion .ui-accordion-content-active{display:block;} #NewSearch1_UpdatePanel1,#basket-cards{clear:both;} div#leftnav,div#rightnav,.adv-leftnav,.adv-rightnav{float:left;width:113px;height:45px;} .ccartcontrol,.FreeProduct{padding-bottom:10px;} .contactForm,.cpb-customiseContainer{text-align:left;} table#reviews td,table.attributes tr td {margin:0;padding:0;} #nick-name,#alt-billing{width:250px;border:1px solid #036;display:none;position:absolute;background:#fff;margin:0;padding:10px;} a.menuHead,a.menuHead:hover{display:block;width:220px;height:40px;} div.appFilter,div.divSearchPhrase,div.divPriceBands{background:#fee7e8;width:205px;height:30px;padding-top:5px;line-height:200%;font-family:Arial,Helvetica,sans-serif;color:#9e0039;font-size:10.5pt;font-weight:400;font-style:normal;text-decoration:none;text-indent:5px;} #fancybox-left,.flex-direction-nav li .prev,.ui-slider-horizontal .ui-slider-range-min{left:14px;} #fancybox-right,.ui-slider-horizontal .ui-slider-range-max{right:0;} .BlockText,.ui-resizable{position:relative;} * html .slides,* html .ui-helper-clearfix{height:1%;} .flexslider .slides,.ui-accordion a{zoom:1;} .adv-ClearContainer-search,.adv-ClearContainer-first{position:absolute;left:0;top:0;border:0;cursor:pointer;margin-right:0;height:35px;z-index:0;} .ui-helper-hidden,.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none;} .ui-button-text-only .ui-button-text,input.ui-button{padding:.4em 1em;} .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0;} .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px;} .ui-widget-content a,.ui-widget-header a{color:#222;} .ui-state-hover a,.ui-state-hover a:hover,.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none;} .ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a,.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a;} .ui-widget-content .ui-icon,.ui-widget-header .ui-icon{background-image:url(images/ui-icons_222222_256x240.png);} .ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-state-active .ui-icon{background-image:url(images/ui-icons_454545_256x240.png);} .ui-icon-seek-start,.ui-icon-seek-first{background-position:-80px -160px;} /* ----- JQUERY jcarousel --- Brands */ .jcarousel-skin-Brands .jcarousel-container { margin:0px 0 0 0px; padding:0px 0 0 0px; float:left} .jcarousel-skin-Brands .jcarousel-direction-rtl {direction: rtl;} .jcarousel-skin-Brands .jcarousel-container-horizontal {width: 980px; margin:0px 0px; } .jcarousel-skin-Brands .jcarousel-clip-horizontal {width: 966px; margin:0px; } .jcarousel-skin-Brands .jcarousel-item { width: 140px; height:105px; } .jcarousel-skin-Brands .jcarousel-item a { text-decoration:none; } .jcarousel-skin-Brands .jcarousel-item a img {} .jcarousel-skin-Brands .jcarousel-item a h3 { padding: 0px 0px 0px 0px; font-size:14px; font-weight: bold; line-height: 130%; color: #525252; display:block; letter-spacing: -0.06em } .jcarousel-skin-Brands .jcarousel-item a:hover h3 { color:#bc1111; text-decoration:underline} .jcarousel-skin-Brands .jcarousel-item-horizontal {margin:0px 7px 0px 0px; text-align:center; background-color:#FFFFFF} .jcarousel-skin-Brands .jcarousel-direction-rtl .jcarousel-item-horizontal {margin:0px 0px 0px 0px} .jcarousel-skin-Brands .jcarousel-item-placeholder {background: #fff; color: #000;} .jcarousel-skin-Brands .jcarousel-next-horizontal {position:absolute; top:22px; right: 14px; width:32px; height:57px; cursor:pointer; background: url(/layout/bg_direction_nav4.png) no-repeat 0 0; background-position: -75px 0px;} .jcarousel-skin-Brands .jcarousel-direction-rtl .jcarousel-next-horizontal {left:0px; right:auto; background-image:url(/layout/bg_direction_nav4.png);} .jcarousel-skin-Brands .jcarousel-next-horizontal:hover {background-position: 0px 0; cursor:pointer; background-position: -75px -57px;} .jcarousel-skin-Brands .jcarousel-next-disabled-horizontal, .jcarousel-skin-Brands .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-Brands .jcarousel-next-disabled-horizontal:active {cursor: default;background-position: -1000px 0; } .jcarousel-skin-Brands .jcarousel-prev-horizontal {position: absolute;top: 22px;left:-7px;width:32px; height:56px;cursor: pointer;background: url(/layout/bg_direction_nav4.png) no-repeat 0 0 ; background-position: 0px 0px} .jcarousel-skin-Brands .jcarousel-direction-rtl .jcarousel-prev-horizontal {left: auto; right: 0px;background-image: url(/layout/bg_direction_nav3.png); background-color:#FFFFFF} .jcarousel-skin-Brands .jcarousel-prev-horizontal:hover {cursor:pointer; background-position: 0px -57px} .jcarousel-skin-Brands .jcarousel-prev-horizontal:active {} .jcarousel-skin-Brands .jcarousel-prev-disabled-horizontal, .jcarousel-skin-Brands .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-Brands .jcarousel-prev-disabled-horizontal:active {cursor: default;background-position: -1000px 0;} /* ----- JQUERY jcarousel --- related Viewer */ .jcarousel-skin-related .jcarousel-container { margin:0px 0 0 0px; padding:0px 0 0 0px; float:left} .jcarousel-skin-related .jcarousel-direction-rtl {direction: rtl;} .jcarousel-skin-related .jcarousel-container-horizontal {width: 100%; margin:14px 0px; } .jcarousel-skin-related .jcarousel-clip-horizontal {width: 100%; margin:0px; background-color:#FBFBFB; padding:14px 0 ; box-sizing:border-box;-moz-box-sizing: border-box; } .jcarousel-skin-related .jcarousel-item { width: 186px; height:300px; border-right:1px dashed #ececec } .jcarousel-skin-related .jcarousel-item:nth-last-child(1) { width: 193px; height:300px; border-right:none} .jcarousel-skin-related .jcarousel-item a { text-decoration:none; } .jcarousel-skin-related .jcarousel-item a img {border:3px solid #FFF; background:#F5F5F5; outline:1px solid #ececec; opacity:0.8; filter:alpha(opacity=80);; margin-bottom:10px; margin-top:2px;} .jcarousel-skin-related .jcarousel-item a:hover img { outline:1px solid #5e7ba1; opacity:1; filter:alpha(opacity=100);} .jcarousel-skin-related .jcarousel-item a:hover h3 { color:#bc1111; text-decoration:underline} .jcarousel-skin-related .jcarousel-item-horizontal {margin:0px 2px 0px 0px; text-align:center; background-color:#FFFFFF} .jcarousel-skin-related .jcarousel-direction-rtl .jcarousel-item-horizontal {margin:0px 0px 0px 0px} .jcarousel-skin-related .jcarousel-item-placeholder {background: #fff; color: #000;} .jcarousel-skin-related .jcarousel-next-horizontal {position:absolute; top:22px; right:7px; width:32px; height:57px; cursor:pointer; background: url(/layout/bg_direction_nav4.png) no-repeat 0 0; background-position: -75px 0px;} .jcarousel-skin-related .jcarousel-direction-rtl .jcarousel-next-horizontal {left:0px; right:auto; background-image:url(/layout/bg_direction_nav4.png);} .jcarousel-skin-related .jcarousel-next-horizontal:hover {background-position: 0px 0; cursor:pointer; background-position: -75px -57px;} .jcarousel-skin-related .jcarousel-next-disabled-horizontal, .jcarousel-skin-related .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-related .jcarousel-next-disabled-horizontal:active {cursor: default;background-position: -1000px 0; } .jcarousel-skin-related .jcarousel-prev-horizontal {position: absolute;top: 22px;left:-7px;width:32px; height:56px;cursor: pointer;background: url(/layout/bg_direction_nav4.png) no-repeat 0 0 ; background-position: 0px 0px} .jcarousel-skin-related .jcarousel-direction-rtl .jcarousel-prev-horizontal {left: auto; right: 0px;background-image: url(/layout/bg_direction_nav3.png); background-color:#FFFFFF} .jcarousel-skin-related .jcarousel-prev-horizontal:hover {cursor:pointer; background-position: 0px -57px} .jcarousel-skin-related .jcarousel-prev-horizontal:active {} .jcarousel-skin-related .jcarousel-prev-disabled-horizontal, .jcarousel-skin-related .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-related .jcarousel-prev-disabled-horizontal:active {cursor: default;background-position: -1000px 0;} /* ----- JQUERY jcarousel --- Serives Adverts */ .jcarousel-skin-Serives .jcarousel-container { margin:0px 0 0 0px; padding:0px 0 0 0px; float:left} .jcarousel-skin-Serives .jcarousel-direction-rtl {direction: rtl;} .jcarousel-skin-Serives .jcarousel-container-horizontal {width: 100%; margin:0 0 14px 0 } .jcarousel-skin-Serives .jcarousel-clip-horizontal {width: 100%; margin:0px; background-color:#F8F8F8; padding:14px 0 ; box-sizing:border-box;-moz-box-sizing: border-box; outline:1px solid #f4f4f4 ;} .jcarousel-skin-Serives .jcarousel-item { width: 196px; height:131px;} .jcarousel-skin-Serives .jcarousel-item:nth-last-child(1) { width: 160px; height:131px; border-right:none} .jcarousel-skin-Serives .jcarousel-item a { text-decoration:none; } .jcarousel-skin-Serives .jcarousel-item a img {background:#FFF;} .jcarousel-skin-Brands .jcarousel-item a:hover h3 { color:#bc1111; text-decoration:underline} .jcarousel-skin-Serives .jcarousel-item-horizontal {margin:0px 14px 0px 0px; text-align:center; background-color:#FFFFFF} .jcarousel-skin-Serives .jcarousel-direction-rtl .jcarousel-item-horizontal {margin:0px 0px 0px 0px} .jcarousel-skin-Serives .jcarousel-item-placeholder {background: #fff; color: #000;} .jcarousel-skin-Serives .jcarousel-next-horizontal {position:absolute; top:50px; right:-1px; width:32px; height:57px; cursor:pointer; background: url(/layout/bg_direction_nav4.png) no-repeat 0 0; background-position: -75px 0px;} .jcarousel-skin-Serives .jcarousel-direction-rtl .jcarousel-next-horizontal {left:0px; right:auto; background-image:url(/layout/bg_direction_nav4.png);} .jcarousel-skin-Serives .jcarousel-next-horizontal:hover {background-position: 0px 0; cursor:pointer; background-position: -75px -57px;} .jcarousel-skin-Serives .jcarousel-next-disabled-horizontal, .jcarousel-skin-Serives .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-Serives .jcarousel-next-disabled-horizontal:active {cursor: default;background-position: -1000px 0; } .jcarousel-skin-Serives .jcarousel-prev-horizontal {position: absolute;top: 50px;left:-1px;width:32px; height:56px;cursor: pointer;background: url(/layout/bg_direction_nav4.png) no-repeat 0 0 ; background-position: 0px 0px} .jcarousel-skin-Serives .jcarousel-direction-rtl .jcarousel-prev-horizontal {left: auto; right: 0px;background-image: url(/layout/bg_direction_nav3.png); background-color:#FFFFFF} .jcarousel-skin-Serives .jcarousel-prev-horizontal:hover {cursor:pointer; background-position: 0px -57px} .jcarousel-skin-Serives .jcarousel-prev-horizontal:active {} .jcarousel-skin-Serives .jcarousel-prev-disabled-horizontal, .jcarousel-skin-Serives .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-Serives .jcarousel-prev-disabled-horizontal:active {cursor: default;background-position: -1000px 0;} /* ----- JQUERY jcarousel --- range */ #rng-Viewer { visibility:hidden} .jcarousel-skin-range .jcarousel-container { margin:0px 0 0 0px; padding:0px 0 0 0px; float:left} .jcarousel-skin-range .jcarousel-direction-rtl {direction: rtl;} .jcarousel-skin-range .jcarousel-container-horizontal {width: 100%; margin:0 0 14px 0 } .jcarousel-skin-range .jcarousel-clip-horizontal {width: 100%; margin:0px; background-color:#F8F8F8; padding:14px 0 ; box-sizing:border-box;-moz-box-sizing: border-box; outline:1px solid #f4f4f4 ;} .jcarousel-skin-range .jcarousel-item { width: 126px; height:126px;} .jcarousel-skin-range .jcarousel-item a { text-decoration:none; } .jcarousel-skin-range .jcarousel-item a img {background:#FFF;} .jcarousel-skin-range .jcarousel-item a:hover h3 { color:#bc1111; text-decoration:underline} .jcarousel-skin-range .jcarousel-item-horizontal {margin:0px 14px 0px 0px; text-align:center; background-color:#FFFFFF} .jcarousel-skin-range .jcarousel-direction-rtl .jcarousel-item-horizontal {margin:0px 0px 0px 0px} .jcarousel-skin-range .jcarousel-item-placeholder {background: #fff; color: #000;} .jcarousel-skin-range .jcarousel-next-horizontal {position:absolute; top:50px; right:-1px; width:32px; height:57px; cursor:pointer; background: url(/layout/bg_direction_nav4.png) no-repeat 0 0; background-position: -75px 0px;} .jcarousel-skin-range .jcarousel-direction-rtl .jcarousel-next-horizontal {left:0px; right:auto; background-image:url(/layout/bg_direction_nav4.png);} .jcarousel-skin-range .jcarousel-next-horizontal:hover {background-position: 0px 0; cursor:pointer; background-position: -75px -57px;} .jcarousel-skin-range .jcarousel-next-disabled-horizontal, .jcarousel-skin-range .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-range .jcarousel-next-disabled-horizontal:active {cursor: default;background-position: -1000px 0; } .jcarousel-skin-range .jcarousel-prev-horizontal {position: absolute;top: 50px;left:-1px;width:32px; height:56px;cursor: pointer;background: url(/layout/bg_direction_nav4.png) no-repeat 0 0 ; background-position: 0px 0px} .jcarousel-skin-range .jcarousel-direction-rtl .jcarousel-prev-horizontal {left: auto; right: 0px;background-image: url(/layout/bg_direction_nav3.png); background-color:#FFFFFF} .jcarousel-skin-range .jcarousel-prev-horizontal:hover {cursor:pointer; background-position: 0px -57px} .jcarousel-skin-range .jcarousel-prev-horizontal:active {} .jcarousel-skin-range .jcarousel-prev-disabled-horizontal, .jcarousel-skin-range .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-range .jcarousel-prev-disabled-horizontal:active {cursor: default;background-position: -1000px 0;} /* ----- quicklinks ----- */ #tabs.fixed .tabW.aboutCause{top:230px; z-index:100000 } #tabs.fixed .tabW.shipping{top:290px; z-index:100000} #tabs.fixed .tabW.aboutArt{top:350px; z-index:100000} #tabs .tabW{background:#6280a8;color:#fff;cursor:pointer;display:block;height:55px;overflow:hidden;position:absolute;right:0;top:770px;width:55px;z-index:3;background-clip:padding-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width 260ms cubic-bezier(0.26,0.67,0.27,1);-moz-transition:width 260ms cubic-bezier(0.26,0.67,0.27,1);transition:width 260ms cubic-bezier(0.26,0.67,0.27,1);} #tabs .tabW .tab,#tabs .tabW .text{color:rgba(255,255,255,0.65);display:inline-block;height:55px;float:left;font:normal 700 12px / 16px museo-sans, helvetica, arial, san-serif;line-height:16px; } #tabs .tabW .tab{position:relative;border-right:1px solid rgba(255,255,255,0.3);width:55px;-webkit-background-clip:padding-box;-webkit-border-radius:3px 0 0 3px;-moz-background-clip:padding-box;-moz-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;background-clip:padding-box; text-align:center} #tabs .tabW .tab .icon{background: 0 0 no-repeat;display:inline-block; line-height:300%; font-weight:700; font-size:16px; color:#FFF; } #tabs .tabW .text{left:55px;overflow:hidden;position:absolute;width:400px;-webkit-transition:width 260ms cubic-bezier(0.26,0.67,0.27,1);-moz-transition:width 260ms cubic-bezier(0.26,0.67,0.27,1);transition:width 260ms cubic-bezier(0.26,0.67,0.27,1);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:11px 0 0 13px;} #tabs .tabW .text strong{color:#fff;display:block;font-size:16px;} #tabs .tabW .text .icArr{background:display:inline-block;height:10px;margin-left:5px;width:6px;} #tabs .tabW.aboutCause{top:829px;background:url(layout/basket.png) no-repeat #F7941D; background-position:18px 24px; } #tabs .tabW.aboutCause:hover{width:265px;} #tabs .tabW.shipping{top:888px;background:url(/layout/icon-newsletter.png) no-repeat #754C24;} #tabs .tabW.shipping:hover{width:240px;} #tabs .tabW.aboutArt{top:947px;background:url(/layout/icon-contact.png) no-repeat #754C24;} #tabs .tabW.aboutArt:hover{width:185px;} /* ----- quicklinks - End ----- */ .paginationstyle { border-bottom:1px solid #CCC; margin-bottom:10px;} .paginationstyle span.flatview a{margin:0;color:#a5a5a5;text-decoration:none;line-height:200%;font-size:11pt;font-weight:normal;width:179px; font-size:12px; padding:6px 15px;} .paginationstyle span.flatview a:hover{color:#666; background:#F5F5F5; outline:none;} .paginationstyle span.flatview a.selected{color:#333333;background:#dfdfdf; outline:none;} table#shipping{font-family:Arial,Helvetica,sans-serif;font-size:8.5pt;text-align:left;width:100%;} table#shipping th{background:#f3f3f3;font-family:Arial,Helvetica,sans-serif;font-size:8.5pt;color:#333;border:1px solid #d6d6d6; text-align:left} table#shipping tr{font-weight:normal;color:#544741;} table#shipping td{font-weight:normal;background:#fff;border:1px solid #d6d6d6;text-align:center;} table#shipping td b{font-family:Arial,Helvetica,sans-serif;font-size:8.5pt;color:#666;} /*div {color:#666;font-size:9.5pt;font-weight:400;font-style:normal;line-height:150%;text-decoration:none;}*/ .Georgia { font-family: Georgia, "Times New Roman", Times, serif;font-size: 16px;color: #FFF;font-weight: normal;} table#redpSize td {text-align:center;border-bottom: #FFF;border-right: #FFF;border-top: #FFF;border-left: #FFF;height: 25px;vertical-align:middle;} table#redpSize {width: 975px;border: #CCC} table#redpSize tr:nth-child(even) {background-color: #FBFEEC;} /* ----- Click and collect --------------------------------------------------------------------------------------------------------------------------- */ .ccDelivery, .standardDelivery {float: left;} .ccDelivery { margin-right:28px; width: 476px;} #btnClickandCollect {float:left;} .standardDelivery { width: 476px; float: right;} .checkoutCopy { background:#efefef; padding:14px; height: 1%; overflow: hidden;} .standard-delivery { margin-right:0px; padding-right:0px; background:none;} .checkoutMessage { display:inline; text-align:center; display: block; height: 350px} .checkoutMessage li, .checkoutMessage li { display:inline-block; float:left; width:230px; text-align:left; height:130px} .panClickandCollect { text-align:center;} .checkout-button { display:inline-block} .formSingle-CC { border:none; outline:none; margin: 0; font-size:18px; width:210px; border:1px solid #CCC; padding:9px; display:inline-block} .cpb-purchaseAdvice {display: block; width: 100%; /* height: 42px; */ text-align: center; line-height: 300%; /* background: #999; */ color: #fff; /* margin-top: 14px; */ font-size:14px; font-weight:bold} .headersCC {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; display:inline; margin:10px 0; padding:0px; line-height:150%; float:left; width:100%;} .collect {float:left; text-align:left; border-bottom:1px solid #dddddd; margin-bottom:30px; padding-bottom:30px; width:100%} .collect:nth-child(3) {border-bottom:none; margin-bottom:20px; padding-bottom:0;} .collect li {border-bottom:1px solid #eeeeee; height:50px; list-style:none; line-height:375%; font-family:Arial,Helvetica,sans-serif; color:#333;padding:0 10px; box-sizing:border-box} .collect li:nth-last-child(1) {border-bottom:none} .collect li:hover { background-color:#f8f8f8; cursor:pointer} .collect-Header {font-size:8.5pt;font-weight:bold;background:#eeeeee;text-align:left;height:30px; line-height:250%; margin-top:50px; padding:0 10px; box-sizing:border-box; clear:both} .collect-Header-Name, .collect-Name { float:left; width:40%; color:#000} .collect-Header-Postcode, .collect-Postcode { float:left; width:15%; color:#000} .collect-Header-Distance, .collect-Distance {float:left; width:15%; color:#000} .collect-Header-locationstockcheck, .collect-locationstockcheck {float:left; width:20%; color:#000} .collect-Header-Select, .collect-Select {float:right; color:#000; text-align:right} .collect-Select img { float:right} .collectMap-info { float:left; margin-bottom:14px} .collectMap-Map { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999; text-align:center; width:700px; height:500px;} .ccmessage {display: block; width: 100%; height: 35px; font-size: 8.5pt; font-weight: normal; text-align: center; color: #666} .cc-delivery>.checkout-button { float:left; width:100%;} .cc-delivery>input { width:250px} #PayPalExpressCheckout2_butGoExpress { float: right; /* margin: 0 14px 0 0; */ background: url(/layout/orlogo.png) left no-repeat;padding: 0px 0px 0px 80px;} /* ----- SSL Checkout --- Collect others */ /* ----- Click and collect - Stock Availability ----- */ #storelookupresults { width: 380px;} .cncTitle { font: 16px/16px 'fjallaoneregular', Arial, sans-serif; text-transform:uppercase; margin:0 0 14px 0 } .collectLocation { padding:0; height:1%; overflow:hidden;} .collectLocation li { list-style:none; float:left; padding:7px 0; width:100%; box-sizing:border-box; font-size:11px; font-weight:bold; line-height:140%; border-bottom:1px solid #efefef;} .collectLocation li:hover { background:#f8f8f8; cursor:default} .cncStore, .cncQty { float:left; font-size:10px; } .cncStore strong { display:block; font-size:12px; color:#333;} .cncQty { float:right; padding: 3px; height: 37px; margin-top: 2px; border-radius: 20px;} .cncFooterTxt { font-size: 8.5pt; color: #283675; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 150% } #storelookupresults {padding:28px;} .collect li {padding:7px 10px; height: auto;} /* ----- END - Click and collect - Stock Availability ----- */ .container {display:block; clear:both; padding:28px 0;} /* ----- buttons --------------------------------------------------------------------------------------------------------------------------- */ .button {display: inline-block;outline: none;cursor: pointer;text-align: center;text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif;padding:0 15px;text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; line-height:230%; font-weight:bold; -webkit-appearance:none; border-style:none;float: left;/*clear: both;*/margin-top: /*7px*/;} .button:hover {text-decoration: none;} .button:active {position: relative;top: 1px;} .bLarge {font-size:18px; height:44px;} .bSmall {font-size:11px; height:23px;} .buttonLarge img, .button img {margin-right:7px; position:relative} .bLeft {-webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px;padding: 5px 15px;} .bBottom {-webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px;} .bRight {-webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px;} .bTop {-webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;} .orange {color: #fef4e9;background: #f78d1d;background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));background: -moz-linear-gradient(top, #faa51a, #f47a20);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');} .orange:hover {color: #FFF;background: #f47c20;background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));background: -moz-linear-gradient(top, #f88e11, #f06015);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');} .orange:active {color: #fcd3a5;background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));background: -moz-linear-gradient(top, #f47a20, #faa51a);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');} .green {color: #FFF;background: #7AA711;background: -webkit-gradient(linear, left top, left bottom, from(#7AA711), to(#6e990b));background: -moz-linear-gradient(top, #7AA711, #6e990b);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7AA711', endColorstr='#6e990b');float: left;} .green:hover {color: #FFF; background: #3B961B;background: -webkit-gradient(linear, left top, left bottom, from(#6e990b), to(#7AA711));background: -moz-linear-gradient(top, #6e990b, #7AA711);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6e990b', endColorstr='#7AA711');} .green:active {color: #FFF;background: -webkit-gradient(linear, left top, left bottom, from(#7AA711), to(#7AA711));background: -moz-linear-gradient(top, #7AA711, #7AA711);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7AA711', endColorstr='#7AA711');} .grey {color: #f9f9f9;background: #B9B9B9;background: -webkit-gradient(linear, left top, left bottom, from(#c3c3c3), to(#b1b1b1));background: -moz-linear-gradient(top, #c3c3c3, #b1b1b1);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c3c3c3', endColorstr='#b1b1b1');} .grey:hover {color: #FFF; background: #f47c20;background: -webkit-gradient(linear, left top, left bottom, from(#b1b1b1), to(#b1b1b1));background: -moz-linear-gradient(top, #b1b1b1, #b1b1b1);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b1b1b1', endColorstr='#b1b1b1');} .grey:active {color: #e5e5e5;background: -webkit-gradient(linear, left top, left bottom, from(#b1b1b1), to(#c3c3c3));background: -moz-linear-gradient(top, #b1b1b1, #c3c3c3);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b1b1b1', endColorstr='#c3c3c3');} .blue {color: #f9f9f9;background: #496d9d;background: -webkit-gradient(linear, left top, left bottom, from(#5d87c0), to(#496d9d));background: -moz-linear-gradient(top, #5d87c0, #496d9d);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d87c0', endColorstr='#496d9d');} .blue:hover {color: #FFF;background: #f47c20;background: -webkit-gradient(linear, left top, left bottom, from(#496d9d), to(#496d9d));background: -moz-linear-gradient(top, #496d9d, #496d9d);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b1b1b1', endColorstr='#b1b1b1');} .blue:active {color: #e5e5e5;background: -webkit-gradient(linear, left top, left bottom, from(#496d9d), to(#5d87c0));background: -moz-linear-gradient(top, #496d9d, #5d87c0);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d87c0', endColorstr='#5d87c0');} #imgSave, #imgCancel {width: 0px; height:0px;} /* ----- buttons --- End ---*/ /* ----- Add to Basket --------------------------------------------------------------------------------------------------------------------------- */ .addtoBasket { width: 100%; padding: 28px; margin: 0 0 35px 0; background: #F4F4F4; height: 1%; overflow: hidden; float: left;} .basketTop { margin:56px 0 0 0;} .basketBottom { margin:0 0 56px 0; clear: both;} .addHdr { display: block; width: 100%; height: 1%; overflow: hidden; position: relative;} .addHdr h2 { float:left;} .addHdr img { float:right; margin-left: 7px;} .clAttributeGridHide { background:; width: 780px; position:absolute} .clAttributeGrid { display: block; width: 100%; margin: 0 0 14px 0; padding: 0; background: #fafafa; border-bottom: 1px solid #f3f3f3; position: relative; height: 1%; overflow: hidden;} .clAttributeGrid li { list-style :none; font-family: Arial,Helvetica,sans-serif; color: #333; font-size: 14px; line-height:150%; display: block; margin: 0px 0px 0px 0px; padding: 0px } .name, .price, .stock, .store, .add { float: left; display: block; } .clAttributeGrid .name { width: 168px; text-align: left; line-height: 150%; padding: 12px;} .clAttributeGrid .price { width: 98px; text-align: left; padding: 12px; } .clAttributeGrid .stock { width: 254px; text-align: left; padding: 12px; } /*.clAttributeGrid .store { width: 16%; text-align: left }*/ .clAttributeGrid .store { width: 161px; text-align: left ; display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; font-family: 'BebasNeue-webfont', Arial, Helvetica, sans-serif; padding: 0 15px; line-height: 200% !important; /* font-weight: bold; */ -webkit-appearance: none; border-style: none; color: #f9f9f9; background: #5d87c0; /* margin-top: 8px; */ /* text-transform: uppercase; */ letter-spacing: 1px; font-size: 14px; height: 26px; top: 8px; right: 7px; position: relative;} .clAttributeGrid .store:hover { cursor:pointer; background:#6e98d2} .clAttributeGrid .add { text-align: right ; float: right;} #trOutofStock { clear:both; padding:0; position:relative; width:100%; background:#fff; box-sizing:border-box; position: absolute; width: 430px; right: 0px; top: 10px;} .button-matrix { float: right; background:#f2f2f2; color:#FFF; width:140px; height:42px; background:url(/layout/addtobasket.png); no-repeat; line-height:290%; font-weight:bold; font-size:12px; text-decoration:none; text-indent:-15px; text-align:center; background-position: 0px 0px; display:block; border:1px solid #f2f2f2; cursor:pointer;} .button-outofStock {background:#f2f2f2; color:#FFF; width: 89px; height: 24px; background:#e04242 url(/layout/outofStock.png); no-repeat; line-height:290%; font-weight:bold; font-size:12px; text-decoration:none; text-indent:-15px; text-align:center; background-position: 0px 0px; border:1px solid #f2f2f2; cursor:pointer; position:absolute; right: 7px;top: 9px;} .button-outofStock:Hover { background-position: 0px 42px;} .formSingle-stock {font-size:11px;color: #999;font-weight:normal;font-style:normal;text-decoration:none;text-align:left; margin:0px; width: 404px; border-bottom:1px solid #CCC; border-left:1px solid #CCC; border-top:1px solid #CCC; border-right:none; background: #FFF; height: 26px; float: right; line-height:150%; text-indent: 7px;position: relative;top: 0px;} .formSingle-stock:hover {color:#666;} .formSingle-stock:focus {color:#333;} .NotifyWarning { background: url(/layout/typography/warning_col.png) no-repeat 14px 57%;color: #FFF; /* border:1px solid #a53521; */background-color: #CB260A;width: 100%;text-align: center; float: left; clear: both; /* padding: 7px; */ line-height: 250%;} .OutofStockCSS { color: #990000 } .InStockCSS { color: #00a684 } .BackOrderCSS { color: #0076a3 } .additionalMessageContainer {float:left} .financeContiner { float:right} /* ----- END - Add to Basket ----- */ div>strong { /* line-height: 0%; */ /* float: left; */} div.JumpingClub-Tel>strong { float: none;} .signtext { float: left; clear: both;} /* ----- Star Buys - Detail Page Promo Panel --------------------------------------------------------------------------------------------------------------------------- */ .taContainerSmall { display: block; width: 100%; background: #7873b0 } .taContentContainerSmall { display: block; width: 924px; padding: 28px; text-align: center } .taContentContainerSmall h2 { font: 14px/24px 'OpenSansLight', Arial, sans-serif; color: #ccccff; padding: 0px; margin: 0px } .taContentContainerSmall h2.taPromoTitleMultiItem { font: 18px/28px 'OpenSansLight', Arial, sans-serif; color: #fff; padding: 0px 0px 7px 0px; margin: 0px 0px 7px 0px; border-bottom: 1px solid #ccccff; width: 100% } .taContentContainerSmall h3 { font: 18px/28px 'OpenSansLight', Arial, sans-serif; color: #ccccff; padding: 0px; margin: 0px } .taContentContainerSmall h3.taPromoTitleMultiItem { font: 18px/28px 'OpenSansLight', Arial, sans-serif; color: #fff; padding: 0px 0px 7px 0px; margin: 0px 0px 7px 0px; border-bottom: 1px solid #ccccff; width: 100% } .taContentContainerSmall p { font: 10px/20px 'Arial', sans-serif; color: #fff; padding: 0px; margin: 14px 0px 0px 0px; letter-spacing: 2px; text-transform: uppercase } .taContentContainerSmall p.taPromoTextMultiItem { font: 14px/24px 'OpenSansLight', Arial, sans-serif; color: #fff; padding: 0px; margin: 0px; letter-spacing: normal; text-transform: none } /* ----- Star Buys - Detail Page Promo Panel - END --------------------------------------------------------------------------------------------------------------------------- */ /* ----- Star Buys - Complete Promotion Page --------------------------------------------------------------------------------------------------------------------------- */ .taTitleContainer { display: block; width: 924px; padding: 28px; background: #7873b0; text-align: center } .taTitleContainer h1 { color: #fff; padding: 0px; margin: 0 0 14px 0; } .taTitleContainer h2 { color: #ccccff; padding: 0px; margin: 0px } .taTitleContainer a { font: 10px/14px 'Arial', sans-serif; letter-spacing: 2px; display: block; padding: 0px; margin: 14px 0px 0px 0px; color: #fff } .taTitleContainer a:hover { text-decoration: none } .taContainer { display: block; width: 980px; padding: 28px; text-align: left; background: #fafafa } .taStrapline { display: block; width: 100%; margin-bottom: 7px; font: 10px/20px 'BebasNeue-webfont', Arial, sans-serif; color: #8560a8; letter-spacing: 2px; border-bottom: 1px solid #cbb8e1 } .taSavings { font: 18px/22px 'BebasNeue-webfont', Arial, sans-serif; color: #990000; display: block; width: 434px; height: 28px; margin: 14px 0px 7px 0px } .taCombinedPricing { font: 11px/15px 'Arial', sans-serif; font-size: 10px; font-weight: bold; display: block; width: 434px; height: 28px; margin: 0px } .taNoButton { display: block; width: 150px; height: 21px; float: left; margin: 14px 14px 3px 0px; text-decoration: none; font: 11px/15px 'Arial', sans-serif; color: #0066CC; text-align: left } .taNoButton:hover { text-decoration: none; color: #3366FF } .taDiscountMsg { font: 8px/14px 'Arial', sans-serif; color: #666; display: block; padding: 0px; margin: 0px; text-transform: uppercase; letter-spacing: 2px } .taSingleItemContainer { display: block; width: 100% } .taSingleItemContent { display: block; width: 924px; margin-bottom: 28px; background: #fff } .taSingleItemImageContainer { float: left; display: block; width: 462px; height: 462px; margin: 0px 28px 0px 0px; padding: 0px } .taSingleItemImageContainer img { width:100%} .taSingleItemTextContainer { float: left; display: block; width: 406px; padding: 28px 28px 0px 0px } .taSingleItemTextContainer h3 { font: 14px/24px 'BebasNeue-webfont', Arial, sans-serif } .taSingleItemTextContainer span.desc { display: block; width: 406px; margin: 0px 0px 14px 0px; font: 11px/18px 'Arial', sans-serif; text-align: justify; line-height: 180% } .taSingleItemTextContainer p { padding: 0px; margin: 0px; color: #0066CC } .taSingleItemTextContainer h2 {} .taMultiItemContainer { display: block; width: 100% } .taMultiItemContent { display: block; width: 924px; margin-bottom: 28px; background: #fff } .taMultiItemImageContainer { float: left; display: block; width: 462px; height: 462px; margin: 0px 28px 0px 0px; padding: 0px } .taMultiItemTextContainer { float: left; display: block; width: 406px; padding: 28px 28px 0px 0px } .taMultiItemImageContainer img { width:100%} .taMultiItemTextContainer h3 { font: 14px/24px 'BebasNeue-webfont', Arial, sans-serif } .taMultiItemTextContainer span.desc { display: block; width: 406px; margin: 0px 0px 14px 0px; font: 11px/18px 'Arial', sans-serif; text-align: justify; line-height: 180% } .taMultiItemTextContainer p { padding: 0px; margin: 0px; color: #0066CC } .taMultiItemTextContainer h2 {} .taMultiItemRepeater { display: block; width: 924px; margin: 0px 0px 56px 0px; padding: 0px 0px 14px 0px; border-bottom: 1px solid #ccc } .taMultiItemRepeaterContent { display: block; width: 924px } .taMultiItemRepeaterImageContainer { display: block; height: 245px; width: 245px; background: #fff; margin: 0px; padding: 10px 0px; float: left } .taMultiItemRepeaterContentContainer { display: block; height: 245px; width: 618px; padding: 20px 28px 0px 28px; background: #fff; float: left } .taMultiItemRepeaterContentContainer h2 { font: 20px/30px 'BebasNeue-webfont', Arial, sans-serif; padding: 0px; margin: 0px } .taMultiItemRepeaterContentContainer h3 { padding: 0px; margin: 0px 0px 14px 0px } .taMultiItemRepeaterContentContainer p { font: 14px/20px 'Arial', sans-serif; padding: 0px; margin: 0px; color: #666 } .taMultiItemRepeaterContentContainer p.taMoreInfo { font: 10px/16px 'Arial', sans-serif; padding: 0px; margin: 14px 0px 0px 0px; padding: 7px 0px 0px 0px; color: #666; border-top: 1px solid #e5e5e5; text-transform: uppercase } .taMultiItemAttributes { display: block; width: 924px; margin-top: 14px } .taMultiItemAttributes h3 { padding: 0px; margin: 0px 0px 14px 0px ; font-size: 11px; text-transform: uppercase; letter-spacing: 1px;} .taContainer { display: block; width: 924px; padding: 28px; text-align: left; background: #fafafa } .taStrapline { display: block; width: 100%; margin-bottom: 7px; font: 10px/20px 'OpenSansLight', Arial, sans-serif; color: #8560a8; letter-spacing: 2px; border-bottom: 1px solid #cbb8e1 } .taSavings { font: 18px/22px 'OpenSansLight', Arial, sans-serif; color: #990000; display: block; width: 434px; height: 28px; margin: 14px 0px 7px 0px } .taCombinedPricing { font: 11px/15px 'Arial', sans-serif; font-size: 10px; font-weight: bold; display: block; width: 434px; height: 28px; margin: 0px } .taNoButton { display: block; width: 150px; height: 21px; float: left; margin: 14px 14px 3px 0px; text-decoration: none; font: 11px/15px 'Arial', sans-serif; color: #0066CC; text-align: left } .taNoButton:hover { text-decoration: none; color: #3366FF } .taDiscountMsg { font: 8px/14px 'Arial', sans-serif; color: #666; display: block; padding: 0px; margin: 0px; text-transform: uppercase; letter-spacing: 2px } .taContainerBox, .taContainerBoxClicked {width: 924px; position:absolute; z-index:1; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.5);} .taContainerBox { display:none} .taclAttributeGrid { display: block; width: 100%; margin: 0 0 14px 0; padding: 0; background: #fff; border-bottom: 1px solid #f3f3f3; position: relative; height: 1%; overflow: hidden;} .taclAttributeGrid li { list-style :none; font-family: Arial,Helvetica,sans-serif; color: #333; font-size: 14px; line-height:280%; display: block; margin: 0px 0px 0px 0px; padding: 0px } .taname, .taprice, .tastock, .tastore, .taadd { float: left; display: block; } .taclAttributeGrid .taname { width: 40%; text-align: left; line-height: 150%; padding: 10px;} .taclAttributeGrid .taprice { width: 10%; text-align: left } .taclAttributeGrid .tastock { width: 14%; text-align: left } .taclAttributeGrid .tastore { width: 16%; text-align: left } .taclAttributeGrid .tastore:hover { cursor:pointer} .taclAttributeGrid .taadd { text-align: right ; float: right;} #trOutofStock { clear:both; padding:0; position:relative; width:100%; background:#fff; box-sizing:border-box; position: absolute; width: 370px; right: 7px; top: 8px;} .tabutton-matrix { float: right; background:#f2f2f2; color:#FFF; width:140px; height:42px; background:url(/layout/addtobasket.png); no-repeat; line-height:290%; font-weight:bold; font-size:12px; text-decoration:none; text-indent:-15px; text-align:center; background-position: 0px 0px; display:block; border:1px solid #f2f2f2; cursor:pointer;} .tabutton-outofStock {background:#f2f2f2; color:#FFF; width: 86px; height:24px; background:#e04242 url(/layout/outofStock.png); no-repeat; line-height:290%; font-weight:bold; font-size:12px; text-decoration:none; text-indent:-15px; text-align:center; background-position: 0px 0px; border:1px solid #f2f2f2; cursor:pointer; position:absolute; right: 7px;top: 8px;} .tabutton-outofStock:Hover { background-position: 0px 24px;} .taformSingle-stock {font-size:11px;color: #999;font-weight:normal;font-style:normal;text-decoration:none;text-align:left; margin:0px; width:100%; border-bottom:1px solid #CCC; border-left:1px solid #CCC; border-top:1px solid #CCC; border-right:none; background: #FFF; height:24px; float:left; line-height:150%; text-indent:5px;} .taformSingle-stock:hover {color:#666;} .taformSingle-stock:focus {color:#333;} .taNotifyWarning { background: url(/layout/typography/warning_col.png) no-repeat 14px 57%;color: #FFF; /* border:1px solid #a53521; */background-color: #CB260A;width: 100%;text-align: center; float: left; clear: both; /* padding: 7px; */ line-height: 250%;} .taOutofStockCSS { color: #990000 } .taInStockCSS { color: #00a684 } .taBackOrderCSS { color: #0076a3 } .taclAttributeGridContainer { position:relative} .taclAttributeGridHide { background:#fff; width:980px; position:absolute} .taclAttributeGridShow { width:980px; position:absolute; z-index:1; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.5); } .taclAttributeGridLoader {background-color: rgba(0,0,0,0);border:5px solid rgba(120,115,179,0.9);opacity:.9;border-top:5px solid rgba(0,0,0,0);border-left:5px solid rgba(0,0,0,0);border-radius:60px;width:60px;height:60px;margin:0 auto;-moz-animation:spin .5s infinite linear;-webkit-animation:spin .5s infinite linear;position: absolute;left: 50%;z-index: 1; display:none} @-moz-keyframes spin {0% { -moz-transform:rotate(0deg); }100% { -moz-transform:rotate(360deg); }} @-moz-keyframes spinoff {0% { -moz-transform:rotate(0deg); }100% { -moz-transform:rotate(-360deg); }} @-webkit-keyframes spin {0% { -webkit-transform:rotate(0deg); }100% { -webkit-transform:rotate(360deg); }} @-webkit-keyframes spinoff {0% { -webkit-transform:rotate(0deg); }100% { -webkit-transform:rotate(-360deg); }} /* Shopper Approved ---------- */ .SAreviewTitle { width:100%; text-align:left;} .SAreviewWidget {float:left; /*width:664px;*/ width:600px; margin-right:28px;} .SAreviewWidgetside {float:left; width:308px;} .SAreviewWidget div { font-size:12px} .sa_wide .sa_review { padding:14px 0 !important; margin:0 } .sa_wide .sa_in { height:0px !important} .sa_displayname, .sa_country, .sa_stateprov, .sa_showdate .sa_date { font-size:10px;} .SAface { background:url(/layout/border_ben_079CA4D9_small.jpg) no-repeat; background-size: 73px; background-position:0 50%; height: 66px; padding: 10px 0 0 80px;} .SAface a { display:block} .SAreviewWidgetside blockquote div.clBlockquote1 div {font-size: 14px;} /* ----- END of Reviews ---------- */ /* ----- Typography ----- */ .clHeadline{text-align:center;font:normal 2em/1.9 "Lucida Grande", Tahoma;color:#222;margin:5px 0 0!important;} .clSubHeadline{letter-spacing:.3em;text-align:center;text-transform:uppercase;font:lighter .75em/1em "Lucida Grande", Tahoma;color:#666;margin:0 0 24px!important;} .clSmallHeadline{letter-spacing:2px;text-transform:uppercase;font-size:10px;font-weight:700;color:#bbb;margin:1em 0!important;} .clLargeHeadline{letter-spacing:-2px;font:normal 32px/28px Arial, Helvetica, sans-serif;color:#444;margin:0!important;padding:0 0 6px;} .clAudio,.clCreditcard,.clFeed,.clHelp,.clWebcam,.clImages,.clLock,.clPrinter,.clReport,.clScript,.clTime,.clUser,.clWorld,.clCart,.clCd,.clChartBar,.clChartLine,.clChartPie,.clClock,.clCog,.clCoins,.clCompress,.clComputer,.clCross,.clDisk,.clError,.clEmail,.clExclamation,.clFilm,.clFolder,.clGroup,.clHeart,.clHouse,.clImage,.clInformation,.clMagnifier,.clMoney,.clNew,.clNote,.clPage,.clPage_white,.clPlugin,.clAccept,.clAdd,.clCamer,.clBrick,.clBox,.clCalendar,.clCamera{padding:0 0 2px 30px !important;} .clInfo1,.clTips1,.clWarning1,.clInfo2,.clTips2,.clWarning2,.clWarning5, .clSuccess1, .clSuccess2, .clSuccess5{min-height:20px;line-height:20px;padding:7px 14px 7px 56px; margin-bottom: 7px;float: left;} .clInfo3,.clTips3,.clWarning3,.clInfo4,.clTips4,.clWarning4, .clSuccess3, .clSuccess4 {min-height:60px;line-height:22px;padding:10px 10px 10px 80px; margin-bottom: 7px;float: left;} .clInfo4,.clTips4,.clWarning4,.clWarning5, .clSuccess5{font-size:14px;} .clInfo2,.clInfo3,.clTips2,.clTips3,.clWarning2,.clWarning3{-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;} .clHighlight1,.clHighlight2,.clHighlight3,.clHighlight4{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out;text-shadow:none;cursor:default;padding:1px 5px;} ol{list-style-position:inside;margin: 0;padding:0;} ol.clDec{list-style-type:decimal;} ol.clRoman{list-style-type:upper-roman;} ol.clAlpha{list-style-type:lower-alpha;} ol.clDecimalLeadingZero{list-style-type:decimal-leading-zero;} ul.clBullet1,ul.clBullet2,ul.clBullet3,ul.clBullet4,ul.clCircle1,ul.clCircle2,ul.clSquare1,ul.clSquare2,ul.clSquare3{margin:2em 0;padding:0;} ul.clBullet1 li,ul.clBullet2 li,ul.clBullet3 li,ul.clBullet4 li,ul.clCircle1 li,ul.clCircle2 li,ul.clSquare1 li,ul.clSquare2 li{line-height:1.8em!important;list-style-position:inside;overflow:inherit;margin:0!important;padding:2px 0 2px 28px;} dl.clDef1 dt,dl.clDef2 dt,dl.clDef3 dt{margin:10px 0 5px;} dl.clDef2 dt{text-decoration:underline;} dl.clDef3 dt{margin-top:10px;letter-spacing:.3em;text-transform:uppercase;font:lighter 1.1em/1.2em "Lucida Grande", Tahoma;font-variant:normal;color:#666;} acronym,abbr{border-bottom-width:1px;border-bottom-style:dotted;} acronym:hover,abbr:hover{border-bottom-style:solid;cursor:pointer;} div.clLegend1 h4,div.clLegend2 h4,div.clLegend3 h4,div.clLegend4 h4{float:left;position:relative;top:-18px;left:11px;font-size:13px;text-transform:uppercase;line-height:22px;font-weight:400;background:#fff;text-shadow:none;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;margin:0 0 -9px!important;padding:0 10px;} div.clLegend1,div.clLegend2,div.clLegend3,div.clLegend4{-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;margin:25px 0;padding:6px;} div.clLegend1 p,div.clLegend2 p,div.clLegend3 p,div.clLegend4 p{clear:both;margin:7px;} span.clDropcap1,span.clDropcap2,span.clDropcap3{display:block;float:left;line-height:1em;font-size:5em;color:#333;} span.clDropcap1{height:61px;margin:-4px 5px -3px 0;} p.clDropcap2{padding:0 0 0 50px;} span.clDropcap2{height:61px;margin:-4px 0 0 -50px;} p.clDropcap3{margin-top:32px;} span.clDropcap3{height:61px;margin:-32px 5px 0 0;} blockquote{font-style:italic;margin:20px 0; } blockquote div{display:block;} blockquote div.clBlockquote1 div,blockquote div.clBlockquote2 div{background:url(/layout/typography/close1.png) no-repeat right bottom; padding: 0 24px; color:#666666; font-family:Georgia, "Times New Roman", Times, serif; line-height:150%;font-size: 16px;} blockquote div.clBlockquote3{padding-bottom:5px;background:url(/layout/typography/open2.png) no-repeat left bottom;} blockquote div.clBlockquote3 div{background:url(/layout/typography/close2.png) no-repeat right top;padding:5px 27px 0;} blockquote div.clBlockquote4 div{background:url(/layout/typography/close2.png) no-repeat right top;padding:0 27px;} .clBlockTextLeft,.clBlockTextRight,.clBlockTextCenter{display:block;font-size:15px;font-style:italic;line-height:150%;width:38%;color:#222;padding:30px;} .clBlockTextLeft{float:left;text-align:left;} .clBlockTextRight{float:right;text-align:right;} .clBlockTextCenter{text-align:center;margin:0 auto;} .numblocks{position:relative;min-height:38px;margin:30px 0;padding:0 0 0 60px !important;} .numblocks span{position:absolute;top:4px;left:0;height:42px;width:42px;color:#fff;display:block;font:bold 18px/42px Arial, Helvetica, sans-serif;text-align:center;} .num-1 span{background:url(/layout/typography/number-1.png) no-repeat 50% 50%;} .num-2 span{background:url(/layout/typography/number-2.png) no-repeat 50% 50%;} .num-3 span{background:url(/layout/typography/number-3.png) no-repeat 50% 50%;} .numblocks span.highlight{font-size:13px;position:static;width:auto;display:inline;background:none;line-height:23px;color:#000;} .clblock-1,.clblock-2,.clblock-3,.clblock-4,.clblock-5,.clblock-6,.clblock-7,.clblock-8,.clblock-9{margin:20px 0;padding:6px 12px;} .bubble-1,.bubble-2,.bubble-3,.bubble-4,.bubble-5,.bubble-6{position:relative;margin:20px 0 40px;padding:6px 12px;} .bubble-1 cite,.bubble-2 cite,.bubble-3 cite,.bubble-4 cite,.bubble-5 cite,.bubble-6 cite{height:17px;position:absolute;bottom:-17px;display:block;left:20px;font-size:11px;font-weight:700;line-height:22px;padding-left:30px;background:url(/layout/typography/buble_arrow.png) no-repeat 0 0;color:#333!important;} blockquote div.clBlockquote1{background:url(/layout/typography/open1.png) no-repeat left top;} blockquote div.clBlockquote2{background:url(/layout/typography/open1.png) no-repeat left top;} blockquote div.clBlockquote4{background:url(/layout/typography/open2.png) no-repeat left top;} .clTable thead{text-align:left;font:normal 19px/32px "Lucida Sans Unicode", "Lucida Grande", sans-serif;padding:5px 10px;} .clTable2 thead{text-align:left;font:normal 20px/32px "Lucida Sans Unicode", "Lucida Grande", sans-serif;padding:5px 10px;} .clTooltip{position:relative;outline:none;cursor:help;text-decoration:none;color:#000;text-shadow:none;text-decoration: underline;} .clTooltip span{position:absolute;margin-left:-999em;font-size:11px;line-height:16px;} .clTooltip:hover span{position:absolute;left:.5em;top:1em;z-index:99;width:250px;margin-left:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:8px 8px 1px rgba(0,0,0,0.12);-moz-box-shadow:8px 8px 1px rgba(0,0,0,0.12);box-shadow:8px 8px 1px rgba(0,0,0,0.12);} .clTooltip:hover em{display:block;font-size:1.2em;line-height:30px;text-decoration:underline!important;text-shadow:none;font-style:normal!important;padding:0;} .clCode2{background:#fff;border:1px solid #eee;border-left:4px solid #78a8d5;} .clInfo1{background:url(/layout/typography/info_small.png) no-repeat 4px 8px;} .clTips1{background:url(/layout/typography/tips_small.png) no-repeat 4px 6px;} .clWarning1{background:url(/layout/typography/warning_small.png) no-repeat 4px 9px;color:#CB260A;} .clInfo2{background:url(/layout/typography/info_small_col.png) no-repeat 14px 50%;border:#eee solid 1px;} .clTips2{background:url(/layout/typography/tips_small_col.png) no-repeat 14px 50%;border:1px solid #EAE8CC;color:#796116;background-color:#FFFEF4;} .clWarning2{background:url(/layout/typography/warning_small_col.png) no-repeat 14px 50%;color:#CB260A;border:1px solid #efd3ce;background-color:#fef9f8;} .clInfo3{background:url(/layout/typography/info.png) no-repeat 4px 10px;} .clTips3{background:url(/layout/typography/tips.png) no-repeat 4px 11px;} .clWarning3{background:url(/layout/typography/warning.png) no-repeat 4px 10px;color:#CB260A;} .clInfo4{background:url(/layout/typography/info_col.png) no-repeat 4px 10px;} .clTips4{background:url(/layout/typography/tips_col.png) no-repeat 4px 11px;color:#6896c1;} .clWarning4{background:url(/layout/typography/warning_col.png) no-repeat 4px 10px;color:#cb260a;} .clWarning5{background: url(/layout/typography/warning_col.png) no-repeat 14px 57%;color: #FFF;border:1px solid #a53521;background-color: #CB260A; /* margin-left:30%; */ /* margin-right:30%; */ /* margin-bottom: 28px; */width: 100%;text-align: center;} .clSuccess1{background:url(/layout/typography/success_small.png) no-repeat 4px 9px;color:#536a14;} .clSuccess2{background: url(/layout/typography/success_small_col.png) no-repeat 14px 57%;color: #536a14;border:1px solid #c4d6ab;background-color: #e8f9d0; /* margin-left:30%; */ /* margin-right:30%; */ /* margin-bottom: 28px; */width: 100%;text-align: center;} .clSuccess3{background:url(/layout/typography/success.png) no-repeat 4px 10px;color:#536a14;} .clSuccess4{background:url(/layout/typography/success_col.png) no-repeat 4px 10px;color:#536a14;} .clSuccess5{background: url(/layout/typography/success_col.png) no-repeat 14px 57%;color: #FFF;border:1px solid #82b041;background-color: #96c750; /* margin-left:30%; */ /* margin-right:30%; */ /* margin-bottom: 28px; */width: 100%;text-align: center;} .clTips1,.clTips3,.clInfo4{color:#222;} div.clLegend1{border:1px solid #eee;} div.clLegend2{border:1px solid #AFCFED;} div.clLegend3{border:1px solid #EAE8CC;} div.clLegend4{border:4px double #eee;} div.clLegend2 h4{background:#fff;color:#6896C1;} .clHighlight1{background:#ffd;} .clHighlight2{background:#eee;} .clHighlight3{background:#78a8d5;color:#fff;} .clblock-1{border:2px dotted #ddd;} .clblock-2{border:2px dotted #EAE8CC;} .clblock-3{border:2px dotted #AFCFED;} .clblock-4{border:1px solid #eee;background:#fff;} .clblock-7{background:#222;color:#fff!important;} .clblock-8{background:#eee;color:#333!important;} .clblock-9{background:#78a8d5;color:#fff!important;} ul.clBullet1 li, ul.clBullet2 li, ul.clBullet3 li, ul.clBullet4 li, ul.clCircle1, ul.clCircle2, ul.clSquare1, ul.clSquare2 {list-style:none} ul.clBullet1 li{background:url(/layout/typography/bullet1.png) no-repeat 0 8px!important; } ul.clBullet2 li{background:url(/layout/typography/bullet2.png) no-repeat 0 5px!important;} ul.clBullet3 li{background:url(/layout/typography/bullet3.png) no-repeat 0 6px!important;} ul.clBullet4 li{background:url(/layout/typography/bullet4.png) no-repeat 0 6px!important;} ul.clCircle1 li{background:url(/layout/typography/bullet-circle1.png) no-repeat 0 6px!important;} ul.clCircle2 li{background:url(/layout/typography/bullet-circle2.png) no-repeat 0 5px!important;} ul.clSquare1 li{background:url(/layout/typography/bullet-square1.png) no-repeat 0 6px!important;} ul.clSquare2 li{background:url(/layout/typography/bullet-square2.png) no-repeat 0 6px!important;} span.classicTooltip{background-color:#ffd;color:#656565;} span.criticalTooltip{background:#cb260a;color:#fff;} span.infoTooltip{background:#F0F0F0;color:#5b5b5b;border:1px solid #dedede;} span.warningTooltip{background:#fff;color:#F93B3B;border:1px solid #fff;} ul#demo-typography{background:transparent;overflow:hidden;padding:10px 30px 30px;} ul#demo-typography li{list-style-position:none;list-style-type:disc;line-height:24px;width:23.9%;float:left;color:#cb260a;font-size:11px;} ul#demo-typography li a{font-size:11px;text-shadow:2px 2px 0 #fff;} .demo-typoDiv{clear:both;overflow:hidden;margin:0 0 30px;} h4.demo-typo{font-size:18px;font-weight:400;color:#333;border-bottom:1px solid #e5e5e5;margin:30px 0; line-height:200%} .demo-typo-col2{width:50%;float:left;} .demo-typo-col3{width:33%;float:left;} .demo-typo-col4{width:25%;float:left;} .demo-typo_padd{padding:0 30px 0 0;} #warnings .demo-typo_padd p{margin:1em 0 1.6em;} .typoDesc small{font-size: 10px;color:#999;} .clblock-7 small,.clblock-9 small,.bubble-4 small,.bubble-6 small{color:#fff!important;} .bubble-5 small,.clblock-8 small{color:#333;} .clHighlight1:hover,pre:hover,.clCode1:hover{background:#fff;} .clHighlight2:hover,.clHighlight4,span.helpTooltip{background:#333;color:#fff;} .clHighlight3:hover,.clHighlight4:hover{background:#fff;color:#000;} dl.clDef1 dd,dl.clDef2 dd,dl.clDef3 dd,.clTable td,.clTable2 td{padding:10px;} .clTable,.clTable2{border-collapse:collapse;font-style:normal;} .clTable tfoot,.clTable2 tfoot{margin-bottom:10px;margin-top:0;text-align:right;font-size:.8em;font-style:italic;padding:0;} .classicTooltip,.customTooltip{text-shadow:none;padding:.6em .8em;} div.clLegend1 h4,div.clLegend3 h4{background:#fff;color:#333;} .clblock-5,.bubble-2{border:1px solid #EAE8CC;background:#FFFEF4;} .clblock-6,.bubble-3{border:1px solid #afcfed;background:#f8fcff;} .icon { background:url(layout/iconSet.png) no-repeat; width:46px; height:46px} /* ----- Typography end ----- */ /* ----- Additional Pages --- contact / Price Match */ .contactMap, .contactQuick, .contactForm { float:left} .contactForm { width:100%; border-bottom:1px solid #e8e8e8; margin-bottom:21px; padding-bottom:21px;} .contactMap{ width:664px; margin-right:28px; } .contactQuick { width:280px; padding: 45px 28px;} .contactQuick div { display:block; margin-bottom:14px;} .formContiner {float:left; text-align:left; padding:0; margin:0;} .formContiner li { list-style:none; float:left; margin:0 10px 10px 0;} .formContiner li .lable, .formContiner li .required {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:100%; text-indent:0px; float:left;} .formContiner .formSingle, .formContiner .formMultiple { width:476px; margin:7px 0 14px;} .formContiner .formMultiple { height:132px !important; font: 12px/150% Arial, Helvetica, sans-serif;} .generic { width:476px;} .orderNumberMessage, .specialOrder, .priceMatch { float:right; width:476px;} .noMargin {margin:0 0 10px 0 !important;} .priceMatchLink { width:100%; text-align: center; float: left;} .priceMatchLink span { color:#c6851f;} .priceMatchPanel { width:100%; padding: 28px 14px 14px; text-align: center; float: left; background: #efdfba url(/layout/dd.png) no-repeat top center; display:none} .priceMatchLinkA:hover { cursor:pointer} .priceMatchPanel>div>ul>li>.formSingle { width:450px;} .Comments { margin-bottom: 14px; float: left;} .ValidationErrors { background:url(/Images/cross.png) no-repeat; margin:0px 10px 0 0; background-size:20px 20px; font-size:11px; color:#930; display:block; padding:0 0 0 25px; height:30px; line-height:190% } .completeForm { border:none; outline:none; margin: 0.5em 0; font-size:18px; width:190px; border:1px solid #ebc8c8; padding:10px; clear:both; float:left; color:#333} .completeFormInfo { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3b961b; line-height:100%; text-indent:0px; float:left; clear:both; background:url(/Images/tick.png) no-repeat; background-size:12px; padding-left:18px} .errorForm { border:none; outline:none; margin: 0.5em 0; font-size:18px; width:190px; border:1px solid #ebc8c8; padding:10px; clear:both; float:left; background-color:#f7f0f0; color:#900} .errorFormInfo {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ec5252; line-height:100%; text-indent:0px; float:left; clear:both; background:url(/Images/cross.png) no-repeat; background-size:12px; padding-left:18px} .contactFormSend { float:left;} .contactFormSend .required { clear:both} /* ----- validation --- contact / Price Match ---*/ /* ----- Customer Rewards Promotions ----- */ ul.crCurrentPromo { display: block; width: 980px; list-style: none; padding: 0px; margin: 0px 14px 14px 0px; background: #f6f9e8; float: left; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border: 14px solid #f6f9e8 } ul.crCurrentPromo li { font-size: 10px; color: #666; padding: 0px; margin: 0px 0px 7px 0px; float: left; display: block; width: 100% } ul.crCurrentPromo li.crName { font: 21px/150% "OpenSansLight", Arial, sans-serif; color: #718a10; display: block; text-align: left; padding-bottom: 14px; margin-bottom: 18px; border-bottom: 1px solid #9ba76a } ul.crCurrentPromo li.crNote { display: block; width: 42px; border-right: 1px solid #9ba76a } ul.crCurrentPromo li.crDescription { font: 12px/150% "OpenSansLight", Arial, sans-serif; color: #718a10; display: block; text-align: left; padding-bottom: 14px; margin-bottom: 18px; border-bottom: 1px solid #9ba76a } ul.crCurrentPromo li.crStartDate { text-indent: 7px; width: 196px; font-weight: bold } ul.crCurrentPromo li.crEndDate { text-indent: 7px; width: 196px; font-weight: bold } ul.crCurrentPromo li.crValue { text-indent: 7px; width: 196px; font-weight: bold } ul.crCurrentPromo li.crType { text-indent: 7px; width: 196px; font-weight: bold } ul.crFuturePromo { display: block; width: 980px; list-style: none; padding: 0px; margin: 0px 14px 14px 0px; background: #fafafa; float: left; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border: 14px solid #fafafa } ul.crFuturePromo li { font-size: 10px; color: #666; padding: 0px; margin: 0px 0px 7px 0px; float: left; display: block; width: 100% } ul.crFuturePromo li.crName { font: 21px/150% "OpenSansLight", Arial, sans-serif; color: #666; display: block; text-align: left; padding-bottom: 14px; margin-bottom: 18px; border-bottom: 1px solid #e5e5e5 } ul.crFuturePromo li.crNote { display: block; width: 42px; border-right: 1px solid #e5e5e5 } ul.crFuturePromo li.crDescription { font: 12px/150% "OpenSansLight", Arial, sans-serif; color: #666; display: block; text-align: left; padding-bottom: 14px; margin-bottom: 18px; border-bottom: 1px solid #e5e5e5 } ul.crFuturePromo li.crStartDate { text-indent: 7px; width: 196px; font-weight: bold } ul.crFuturePromo li.crEndDate { text-indent: 7px; width: 196px; font-weight: bold } ul.crFuturePromo li.crValue { text-indent: 7px; width: 196px; font-weight: bold } ul.crFuturePromo li.crType { text-indent: 7px; width: 196px; font-weight: bold } /* ----- END - Customer Rewards Promotions ----- */ /* ----- MetaPack --------------------------------------------------------------------------------------------------------------------------- */ .metaPackContainer { float:left; width:476px} .metaPackFlag { margin-right:7px;} .MetaLightbox { margin-bottom:7px; float: left; width: 100%;} .metaPackInternational { float:right; color:#00aeef} .MetaLightbox:hover { float:right; color:#666; text-decoration:none} .metaPackDespatchMessage { background:url(/layout/typography/info_small_col.png) no-repeat 14px 50%;border:#eee solid 1px; -webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px; min-height:20px;line-height:20px; padding: 14px; margin-bottom: 14px;float: left; font-size:12px; background: #f5f5f5; outline: 1px solid #f5f5f5;} .metaPack {float:left; text-align:left; width: 100%; } .metaPack ul { margin: 0px; padding: 0px; list-style: none; clear:both } .metaPack li {border-top:1px solid #eee; list-style:none; line-height: 150%; font-family:Arial,Helvetica,sans-serif; color:#333;padding: 7px 0px; display: block; height:1%; overflow:hidden; position:relative; text-indent: 0px; clear:both} .metaPack li:first-child {border-top:none} .metaPack li:hover {} .metaPackHeader {font-size:8.5pt;font-weight:bold;background:#eeeeee;text-align:left;height:30px; line-height:250%; padding:0 10px; box-sizing:border-box; clear:both} .metaPackName { color:#000; font-weight:bold} .metaPackService { float:left; width:75%} .metaPackMessage { float:left; font-size:10px; } .metaPackMessage span {color:#CC3333;} .metaPackSelect {float:right; color:#000; text-align:right; width: 100px; margin-top:auto; margin-bottom:auto;} .metaPackSelect img { position:absolute; top:0; bottom:0; margin:auto; right: 7px;} .metaPackCost {position:absolute; top: 34%;right: 0px;} .metaPackOption { font-size:10px; padding: 7px 0; float: left; width: 100%;} #internationalShipping { padding:28px; width:1036px} /* ----- END - MetaPack ----- */ #fancybox-wrap { padding:0px} /* ----- International Shipping Table --------------------------------------------------------------------------------------------------------------------------- */ /* ----- International Shipping Table --------------------------------------------------------------------------------------------------------------------------- */ #shippingtable {font-family:Arial,Helvetica,sans-serif;text-align:left;width:100%; padding:0px;} #shippingtable img { float:left;} #shippingtable li { padding:5px 10px; list-style:none; height:1%; overflow:hidden} #shippingtable li img{ float:left; margin:4px 10px 0px 0px;} #shippingtable li:hover { background-color:none;} #shippingtable font.required {font-family:Arial,Helvetica,sans-serif; font-size:12px} .zone { clear:both; margin-bottom:28px; float:left; /* padding:5px; */font-size:12px; border-top: 1px solid #ddd;} .shippingMap {float:left; margin: 14px 14px 0px 0px; border: none;} .shippingContent {float:left;} .shippingContent li {border-bottom:1px solid #ddd;} #shippingtable li.title { font-size: 14px !important; line-height: 220%; font-family:'helvetica neue', helvetica, Arial, sans-serif; font-weight:bold; color: #666; clear:both; background-color: #fcfcfc;} #shippingtable li zone, #shippingtable li country, #shippingtable li costA, #shippingtable li costB, #shippingtable li costC, #shippingtable li desc, #shippingtable li majorsur { float:left; margin-right:10px; } country { width: 437px;} costA { width: 188px;} costB { width: 191px;} costC { width:110px; display:none;} desc { width: 310px; text-align:left; display:none;} majorsur { width: 160px;} country span { width: 16px; height:11px;; float: left; margin: 3px 10px 0 0;} .ad{background:url(/layout/sprite.png) -14px -1216px no-repeat} .ae{background:url(/layout/sprite.png) -30px -1216px no-repeat} .af{background:url(/layout/sprite.png) -46px -1216px no-repeat} .ag{background:url(/layout/sprite.png) -62px -1216px no-repeat} .ai{background:url(/layout/sprite.png) -78px -1216px no-repeat} .al{background:url(/layout/sprite.png) -94px -1216px no-repeat} .am{background:url(/layout/sprite.png) -110px -1216px no-repeat} .an{background:url(/layout/sprite.png) -126px -1216px no-repeat} .ao{background:url(/layout/sprite.png) -142px -1216px no-repeat} .ar{background:url(/layout/sprite.png) -158px -1216px no-repeat} .as{background:url(/layout/sprite.png) -174px -1216px no-repeat} .at{background:url(/layout/sprite.png) -190px -1216px no-repeat} .au{background:url(/layout/sprite.png) -206px -1216px no-repeat} .aw{background:url(/layout/sprite.png) -222px -1216px no-repeat} .ax{background:url(/layout/sprite.png) -14px -1227px no-repeat} .az{background:url(/layout/sprite.png) -30px -1227px no-repeat} .ba{background:url(/layout/sprite.png) -46px -1227px no-repeat} .bb{background:url(/layout/sprite.png) -62px -1227px no-repeat} .bd{background:url(/layout/sprite.png) -78px -1227px no-repeat} .be{background:url(/layout/sprite.png) -94px -1227px no-repeat} .bf{background:url(/layout/sprite.png) -110px -1227px no-repeat} .bg{background:url(/layout/sprite.png) -126px -1227px no-repeat} .bh{background:url(/layout/sprite.png) -142px -1227px no-repeat} .bi{background:url(/layout/sprite.png) -158px -1227px no-repeat} .bj{background:url(/layout/sprite.png) -174px -1227px no-repeat} .bm{background:url(/layout/sprite.png) -190px -1227px no-repeat} .bn{background:url(/layout/sprite.png) -206px -1227px no-repeat} .bo{background:url(/layout/sprite.png) -206px -1227px no-repeat} .br{background:url(/layout/sprite.png) -14px -1238px no-repeat} .bt{background:url(/layout/sprite.png) -46px -1238px no-repeat} .bv{background:url(/layout/sprite.png) -62px -1238px no-repeat} .bw{background:url(/layout/sprite.png) -78px -1238px no-repeat} .by{background:url(/layout/sprite.png) -94px -1238px no-repeat} .bz{background:url(/layout/sprite.png) -110px -1238px no-repeat} .ca{background:url(/layout/sprite.png) -126px -1238px no-repeat} .catalonia{background:url(/layout/sprite.png) -142px -1238px no-repeat} .cc{background:url(/layout/sprite.png) -158px -1238px no-repeat} .cd{background:url(/layout/sprite.png) -174px -1238px no-repeat} .cf{background:url(/layout/sprite.png) -190px -1238px no-repeat} .cg{background:url(/layout/sprite.png) -206px -1238px no-repeat} .ch{background:url(/layout/sprite.png) -206px -1238px no-repeat} .chi{background:url(/layout/sprite.png) -14px -1227px no-repeat} .ci{background:url(/layout/sprite.png) -14px -1227px no-repeat} .ck{background:url(/layout/sprite.png) -14px -1227px no-repeat} .cl{background:url(/layout/sprite.png)-91px, -33px 16px 11px;} .cm{background:url(/layout/sprite.png)-107px, -33px 16px 11px;} .cn{background:url(/layout/sprite.png)-123px, -33px 16px 11px;} .co{background:url(/layout/sprite.png)-139px, -33px 16px 11px;} .cr{background:url(/layout/sprite.png)-155px, -33px 16px 11px;} .cs{background:url(/layout/sprite.png)-171px, -33px 16px 11px;} .cu{background:url(/layout/sprite.png)-187px, -33px 16px 11px;} .cv{background:url(/layout/sprite.png)0, -44px 16px 11px;} .cx{background:url(/layout/sprite.png)-16px, -44px 16px 11px;} .cy{background:url(/layout/sprite.png)-32px, -44px 16px 11px;} .cz{background:url(/layout/sprite.png)-48px, -44px 16px 11px;} .de{background:url(/layout/sprite.png)-64px, -44px 16px 11px;} .dj{background:url(/layout/sprite.png)-80px, -44px 16px 11px;} .dk{background:url(/layout/sprite.png)-96px, -44px 16px 11px;} .dm{background:url(/layout/sprite.png)-112px, -44px 16px 11px;} .do{background:url(/layout/sprite.png)-128px, -44px 16px 11px;} .dz{background:url(/layout/sprite.png)-144px, -44px 16px 11px;} .ec{background:url(/layout/sprite.png)-160px, -44px 16px 11px;} .ee{background:url(/layout/sprite.png)-176px, -44px 16px 11px;} .eg{background:url(/layout/sprite.png)-192px, -44px 16px 11px;} .eh{background:url(/layout/sprite.png)0, -55px 16px 11px;} .england{background:url(/layout/sprite.png)-16px, -55px 16px 11px;} .er{background:url(/layout/sprite.png)-32px, -55px 16px 11px;} .es{background:url(/layout/sprite.png)-48px, -55px 16px 11px;} .et{background:url(/layout/sprite.png)-64px, -55px 16px 11px;} .europeanunion{background:url(/layout/sprite.png)-80px, -55px 16px 11px;} .fam{background:url(/layout/sprite.png)-96px, -55px 16px 11px;} .fi{background:url(/layout/sprite.png)-112px, -55px 16px 11px;} .fj{background:url(/layout/sprite.png)-128px, -55px 16px 11px;} .fk{background:url(/layout/sprite.png)-144px, -55px 16px 11px;} .fm{background:url(/layout/sprite.png)-160px, -55px 16px 11px;} .fo{background:url(/layout/sprite.png)-176px, -55px 16px 11px;} .fr{background:url(/layout/sprite.png)-192px, -55px 16px 11px;} .ga{background:url(/layout/sprite.png)0, -66px 16px 11px;} .gb{background:url(/layout/sprite.png)-16px, -66px 16px 11px;} .gd{background:url(/layout/sprite.png)-32px, -66px 16px 11px;} .ge{background:url(/layout/sprite.png)-48px, -66px 16px 11px;} .gf{background:url(/layout/sprite.png)-64px, -66px 16px 11px;} .gh{background:url(/layout/sprite.png)-80px, -66px 16px 11px;} .gi{background:url(/layout/sprite.png)-96px, -66px 16px 11px;} .gl{background:url(/layout/sprite.png)-112px, -66px 16px 11px;} .gm{background:url(/layout/sprite.png)-128px, -66px 16px 11px;} .gn{background:url(/layout/sprite.png)-144px, -66px 16px 11px;} .gp{background:url(/layout/sprite.png)-160px, -66px 16px 11px;} .gq{background:url(/layout/sprite.png)-176px, -66px 16px 11px;} .gr{background:url(/layout/sprite.png)-192px, -66px 16px 11px;} .gs{background:url(/layout/sprite.png)0, -77px 16px 11px;} .gt{background:url(/layout/sprite.png)-16px, -77px 16px 11px;} .gu{background:url(/layout/sprite.png)-32px, -77px 16px 11px;} .gw{background:url(/layout/sprite.png)-48px, -77px 16px 11px;} .gy{background:url(/layout/sprite.png)-64px, -77px 16px 11px;} .hk{background:url(/layout/sprite.png)-80px, -77px 16px 11px;} .hm{background:url(/layout/sprite.png)-96px, -77px 16px 11px;} .hn{background:url(/layout/sprite.png)-112px, -77px 16px 11px;} .hr{background:url(/layout/sprite.png)-128px, -77px 16px 11px;} .ht{background:url(/layout/sprite.png)-144px, -77px 16px 11px;} .hu{background:url(/layout/sprite.png)-160px, -77px 16px 11px;} .id{background:url(/layout/sprite.png)-176px, -77px 16px 11px;} .ie{background:url(/layout/sprite.png)-192px, -77px 16px 11px;} .il{background:url(/layout/sprite.png)0, -88px 16px 11px;} .in{background:url(/layout/sprite.png)-16px, -88px 16px 11px;} .io{background:url(/layout/sprite.png)-32px, -88px 16px 11px;} .iom{background:url(/layout/sprite.png)-48px, -88px 16px 11px;} .ios{background:url(/layout/sprite.png)-64px, -88px 16px 11px;} .iq{background:url(/layout/sprite.png)-80px, -88px 16px 11px;} .ir{background:url(/layout/sprite.png)-96px, -88px 16px 11px;} .is{background:url(/layout/sprite.png)-112px, -88px 16px 11px;} .it{background:url(/layout/sprite.png)-128px, -88px 16px 11px;} .jm{background:url(/layout/sprite.png)-144px, -88px 16px 11px;} .jo{background:url(/layout/sprite.png)-160px, -88px 16px 11px;} .jp{background:url(/layout/sprite.png)-176px, -88px 16px 11px;} .ke{background:url(/layout/sprite.png)-192px, -88px 16px 11px;} .kg{background:url(/layout/sprite.png)0, -99px 16px 11px;} .kh{background:url(/layout/sprite.png)-16px, -99px 16px 11px;} .ki{background:url(/layout/sprite.png)-32px, -99px 16px 11px;} .km{background:url(/layout/sprite.png)-48px, -99px 16px 11px;} .kn{background:url(/layout/sprite.png)-64px, -99px 16px 11px;} .kp{background:url(/layout/sprite.png)-80px, -99px 16px 11px;} .kr{background:url(/layout/sprite.png)-96px, -99px 16px 11px;} .kw{background:url(/layout/sprite.png)-112px, -99px 16px 11px;} .ky{background:url(/layout/sprite.png)-128px, -99px 16px 11px;} .kz{background:url(/layout/sprite.png)-144px, -99px 16px 11px;} .la{background:url(/layout/sprite.png)-160px, -99px 16px 11px;} .lb{background:url(/layout/sprite.png)-176px, -99px 16px 11px;} .lc{background:url(/layout/sprite.png)-192px, -99px 16px 11px;} .li{background:url(/layout/sprite.png)0, -110px 16px 11px;} .lk{background:url(/layout/sprite.png)-16px, -110px 16px 11px;} .lr{background:url(/layout/sprite.png)-32px, -110px 16px 11px;} .ls{background:url(/layout/sprite.png)-48px, -110px 16px 11px;} .lt{background:url(/layout/sprite.png)-64px, -110px 16px 11px;} .lu{background:url(/layout/sprite.png)-80px, -110px 16px 11px;} .lv{background:url(/layout/sprite.png)-96px, -110px 16px 11px;} .ly{background:url(/layout/sprite.png)-112px, -110px 16px 11px;} .ma{background:url(/layout/sprite.png)-128px, -110px 16px 11px;} .mc{background:url(/layout/sprite.png)-144px, -110px 16px 11px;} .md{background:url(/layout/sprite.png)-160px, -110px 16px 11px;} .me{background:url(/layout/sprite.png)-176px, -110px 16px 12px;} .mg{background:url(/layout/sprite.png)-192px, -110px 16px 11px;} .mh{background:url(/layout/sprite.png)0, -121px 16px 11px;} .mk{background:url(/layout/sprite.png)-16px, -121px 16px 11px;} .ml{background:url(/layout/sprite.png)-32px, -121px 16px 11px;} .mm{background:url(/layout/sprite.png)-48px, -121px 16px 11px;} .mn{background:url(/layout/sprite.png)-64px, -121px 16px 11px;} .mo{background:url(/layout/sprite.png)-80px, -121px 16px 11px;} .mp{background:url(/layout/sprite.png)-96px, -121px 16px 11px;} .mq{background:url(/layout/sprite.png)-112px, -121px 16px 11px;} .mr{background:url(/layout/sprite.png)-128px, -121px 16px 11px;} .ms{background:url(/layout/sprite.png)-144px, -121px 16px 11px;} .mt{background:url(/layout/sprite.png)-160px, -121px 16px 11px;} .mu{background:url(/layout/sprite.png)-192px, -121px 16px 11px;} .mv{background:url(/layout/sprite.png)0, -132px 16px 11px;} .mw{background:url(/layout/sprite.png)-16px, -132px 16px 11px;} .mx{background:url(/layout/sprite.png)-32px, -132px 16px 11px;} .my{background:url(/layout/sprite.png)-48px, -132px 16px 11px;} .mz{background:url(/layout/sprite.png)-64px, -132px 16px 11px;} .na{background:url(/layout/sprite.png)-80px, -132px 16px 11px;} .nc{background:url(/layout/sprite.png)-96px, -132px 16px 11px;} .ne{background:url(/layout/sprite.png)-112px, -132px 16px 11px;} .nf{background:url(/layout/sprite.png)-128px, -132px 16px 11px;} .ng{background:url(/layout/sprite.png)-144px, -132px 16px 11px;} .ni{background:url(/layout/sprite.png)-160px, -132px 16px 11px;} .nl{background:url(/layout/sprite.png)-176px, -132px 16px 11px;} .no{background:url(/layout/sprite.png)-192px, -132px 16px 11px;} .np{background:url(/layout/sprite.png)-16px, -143px 9px 11px;} .nr{background:url(/layout/sprite.png)-25px, -143px 16px 11px;} .nu{background:url(/layout/sprite.png)-41px, -143px 16px 11px;} .nz{background:url(/layout/sprite.png)-57px, -143px 16px 11px;} .om{background:url(/layout/sprite.png)-73px, -143px 16px 11px;} .pa{background:url(/layout/sprite.png)-89px, -143px 16px 11px;} .pe{background:url(/layout/sprite.png)-105px, -143px 16px 11px;} .pf{background:url(/layout/sprite.png)-121px, -143px 16px 11px;} .pg{background:url(/layout/sprite.png)-137px, -143px 16px 11px;} .ph{background:url(/layout/sprite.png)-153px, -143px 16px 11px;} .pk{background:url(/layout/sprite.png)-169px, -143px 16px 11px;} .pl{background:url(/layout/sprite.png)-185px, -143px 16px 11px;} .pm{background:url(/layout/sprite.png)0, -154px 16px 11px;} .pn{background:url(/layout/sprite.png)-16px, -154px 16px 11px;} .pr{background:url(/layout/sprite.png)-32px, -154px 16px 11px;} .ps{background:url(/layout/sprite.png)-48px, -154px 16px 11px;} .pt{background:url(/layout/sprite.png)-64px, -154px 16px 11px;} .pw{background:url(/layout/sprite.png)-80px, -154px 16px 11px;} .py{background:url(/layout/sprite.png)-96px, -154px 16px 11px;} .qa{background:url(/layout/sprite.png)-112px, -154px 16px 11px;} .re{background:url(/layout/sprite.png)-128px, -154px 16px 11px;} .ro{background:url(/layout/sprite.png)-144px, -154px 16px 11px;} .rs{background:url(/layout/sprite.png)-160px, -154px 16px 11px;} .ru{background:url(/layout/sprite.png)-176px, -154px 16px 11px;} .rw{background:url(/layout/sprite.png)-192px, -154px 16px 11px;} .sa{background:url(/layout/sprite.png)0, -165px 16px 11px;} .sb{background:url(/layout/sprite.png)-16px, -165px 16px 11px;} .sc{background:url(/layout/sprite.png)-32px, -165px 16px 11px;} .sci{background:url(/layout/sprite.png)-48px, -165px 16px 11px;} .scotland{background:url(/layout/sprite.png)-64px, -165px 16px 11px;} .sd{background:url(/layout/sprite.png)-80px, -165px 16px 11px;} .se{background:url(/layout/sprite.png) -14px -1227px no-repeat} .sg{background:url(/layout/sprite.png) -14px -1227px no-repeat} .sh{background:url(/layout/sprite.png) -14px -1227px no-repeat} .si{background:url(/layout/sprite.png) -14px -1227px no-repeat} .sj{background:url(/layout/sprite.png) -14px -1227px no-repeat} .sk{background:url(/layout/sprite.png) -14px -1227px no-repeat} .sl{background:url(/layout/sprite.png) -14px -1227px no-repeat} .sm{background:url(/layout/sprite.png) -14px -1227px no-repeat} .sn{background:url(/layout/sprite.png) -14px -1227px no-repeat} .so{background:url(/layout/sprite.png) -14px -1227px no-repeat} .sr{background:url(/layout/sprite.png) -14px -1227px no-repeat} .st{background:url(/layout/sprite.png) -14px -1227px no-repeat} .sv{background:url(/layout/sprite.png) -14px -1227px no-repeat} .sy{background:url(/layout/sprite.png) -14px -1227px no-repeat} .sz{background:url(/layout/sprite.png) -14px -1227px no-repeat} .tc{background:url(/layout/sprite.png) -14px -1227px no-repeat} .td{background:url(/layout/sprite.png) -14px -1227px no-repeat} .tf{background:url(/layout/sprite.png) -14px -1227px no-repeat} .tg{background:url(/layout/sprite.png) -14px -1227px no-repeat} .th{background:url(/layout/sprite.png) -14px -1227px no-repeat} .tj{background:url(/layout/sprite.png) -14px -1227px no-repeat} .tk{background:url(/layout/sprite.png) -14px -1227px no-repeat} .tl{background:url(/layout/sprite.png) -14px -1227px no-repeat} .tm{background:url(/layout/sprite.png) -14px -1227px no-repeat} .tn{background:url(/layout/sprite.png) -14px -1227px no-repeat} .to{background:url(/layout/sprite.png) -14px -1227px no-repeat} .tr{background:url(/layout/sprite.png) -14px -1227px no-repeat} .tt{background:url(/layout/sprite.png) -14px -1227px no-repeat} .tv{background:url(/layout/sprite.png) -14px -1227px no-repeat} .tz{background:url(/layout/sprite.png) -14px -1227px no-repeat} .ua{background:url(/layout/sprite.png) -14px -1227px no-repeat} .ug{background:url(/layout/sprite.png) -14px -1227px no-repeat} .um{background:url(/layout/sprite.png) -14px -1227px no-repeat} .us{background:url(/layout/sprite.png) -14px -1227px no-repeat} .uy{background:url(/layout/sprite.png) -14px -1227px no-repeat} .uz{background:url(/layout/sprite.png) -14px -1227px no-repeat} .va{background:url(/layout/sprite.png) -14px -1227px no-repeat} .vc{background:url(/layout/sprite.png) -14px -1227px no-repeat} .ve{background:url(/layout/sprite.png) -14px -1227px no-repeat} .vg{background:url(/layout/sprite.png) -14px -1227px no-repeat} .vi{background:url(/layout/sprite.png) -14px -1227px no-repeat} .vn{background:url(/layout/sprite.png) -14px -1227px no-repeat} .vu{background:url(/layout/sprite.png) -14px -1227px no-repeat} .wales{background:url(/layout/sprite.png) -14px -1227px no-repeat} .wf{background:url(/layout/sprite.png) -14px -1227px no-repeat} .ws{background:url(/layout/sprite.png) -14px -1227px no-repeat} .ye{background:url(/layout/sprite.png) -14px -1227px no-repeat} .yt{background:url(/layout/sprite.png) -14px -1227px no-repeat} .za{background:url(/layout/sprite.png) -14px -1227px no-repeat} .zm{background:url(/layout/sprite.png) -14px -1227px no-repeat} .zw{background:url(/layout/sprite.png) -14px -1227px no-repeat} .shippingSmall>p { font-size:smaller}