/* ----------------- */ /* add-to-basket.css */ /* ----------------- */ /* Call to action */ #productCallToAction { overflow: hidden; } #productCallToAction .button { clear: both; float: right; } #addToBasket { margin: 0 20px 10px 0; } /* Adding to basket */ .addToBasket { color: #333; } .addToBasket .ui-dialog-titlebar-close { display: none; } .addToBasket .addingToBasketTitle { color: #333; display: block; font: bold 14px Arial; margin: 15px 0 0; } .addToBasket .addingToBasketSpinner { margin: 20px 0; } .addToBasket .addingToBasketMessage { font: normal 12px Arial; } /* Added to basket */ .addToBasket .ui-dialog-titlebar-close { display: none; } #addToBasketDialog { overflow: visible; text-align: center; } #addToBasketDialog .addedToBasketTitle { border-bottom: 2px solid #CCC; font: bold 14px Arial; margin: 0 0 10px; padding: 0 0 10px; text-align: left; } #addToBasketDialog .basketCallToAction { border-top: 2px solid #CCC; clear: both; margin: 10px 0 0; overflow: hidden; padding: 10px 0 0; } #addToBasketDialog .addedToBasketImage { float: left; margin: 0 20px 10px 0; } #addToBasketDialog .addedToBasketImage img { border: 1px solid #CCC; border-radius: 2px; padding: 2px; } #addToBasketDialog .addedToBasketQuantity { float: left; line-height: 16px; text-align: left; width: 34px; } #addToBasketDialog .addedToBasketProductDetail { float: left; text-align: left; width: 260px; } #addToBasketDialog .addedToBasketProductTitle { font-weight: bold; margin: 0 0 5px; } #addToBasketDialog .addedToBasketCatNo { color: #666; margin: 0 0 5px; } #addToBasketDialog .addedToBasketOptions { color: #666; list-style: outside none; margin: 0 0 5px; padding: 0; } #goToBasket { float: right; } #addToBasketDialog .addedToBasketPrice { font: bold 14px Arial; } #addToBasketDialog .dcvoPaymentTitle { border-top: 1px solid #CCC; clear: both; font-weight: bold; margin: 0 0 10px 130px; padding-top: 10px; text-align: left; } /* Add To Basket trading up Warranty Applied */ #addToBasketDialog .addedToBasketImage .fib { background-image: url('../../images/global/icon-warranty-fib.png'); } #addToBasketDialog .addedToBasketImage .fif { background-image: url('../../images/global/icon-warranty-fif.png'); } #addToBasketDialog .addedToBasketImage .fil { background-image: url('../../images/global/icon-warranty-fil.png'); } #addToBasketDialog .addedToBasketImage .fiw { background-image: url('../../images/global/icon-warranty-fiw.png'); } #addToBasketDialog .addedToBasketImage .fim { background-image: url('../../images/global/icon-warranty-fim.png'); } #addToBasketDialog .addedToBasketImage .mpi { background-image: url('../../images/global/icon-warranty-mpi.png'); } #addToBasketDialog .addedToBasketImage .rg { background-image: url('../../images/global/icon-warranty-rg.png'); } #addToBasketDialog .addedToBasketImage .sg { background-image: url('../../images/global/icon-warranty-sg.png'); } #addToBasketDialog .addedToBasketImage .sgl { background-image: url('../../images/global/icon-warranty-sgl.png'); } #addToBasketDialog .addedToBasketImage .warrantyItem { height: 32px; width: 32px; } #addToBasketDialog .addedToBasketImage .warrantyItem img { display: none; } /* Add To Basket Warranty Applied */ #addToBasketDialog .subItemApplied { background: #FFF url("../../images/global/icon-warranty-added.png") no-repeat 0 50%; border-top: 1px solid #CCC; clear: both; margin: 0 0 0 130px; padding: 10px 0 10px 30px; text-align: left; } #addToBasketDialog .subItemApplied .subItemDetails { height: 28px; font-weight: bold; padding: 4px 0 0 42px; vertical-align: middle; } #addToBasketDialog .fib .subItemDetails { background: #FFF url("../../images/global/icon-warranty-fib.png") no-repeat 0 50%; } #addToBasketDialog .fif .subItemDetails { background: #FFF url("../../images/global/icon-warranty-fif.png") no-repeat 0 50%; } #addToBasketDialog .fil .subItemDetails { background: #FFF url("../../images/global/icon-warranty-fil.png") no-repeat 0 50%; } #addToBasketDialog .fiw .subItemDetails { background: #FFF url("../../images/global/icon-warranty-fiw.png") no-repeat 0 50%; } #addToBasketDialog .fim .subItemDetails { background: #FFF url("../../images/global/icon-warranty-fim.png") no-repeat 0 50%; } #addToBasketDialog .mpi .subItemDetails { background: #FFF url("../../images/global/icon-warranty-mpi.png") no-repeat 0 50%; } #addToBasketDialog .rg .subItemDetails { background: #FFF url("../../images/global/icon-warranty-rg.png") no-repeat 0 50%; } #addToBasketDialog .sg .subItemDetails { background: #FFF url("../../images/global/icon-warranty-sg.png") no-repeat 0 50%; } #addToBasketDialog .sgl .subItemDetails { background: #FFF url("../../images/global/icon-warranty-sgl.png") no-repeat 0 50%; } #addToBasketDialog .subItemPrice { font: bold 14px Arial; margin: 0 0 0 130px; padding: 0 0 10px; text-align: left; } /* Add To Basket Warranty Promoted */ #addToBasketDialog .subItemAvailable { border: 1px solid #CCC; clear: both; margin: 10px 0; padding: 10px; text-align: left; } #addToBasketDialog .subItemAvailable .subItemDetails { background-position: 0 0; padding: 0 0 0 42px; } #addToBasketDialog .subItemAvailable .subItemDetails h4 { margin: 0 0 10px; } /* Add To Basket Value Deal */ #addToBasketDialog .subItemValueDeal { background-color: #EBEBEB; clear: both; padding: 10px 5px; position: relative; text-align: left; } #addToBasketDialog .subItemValueDeal a { display: block; height: 48px; } #addToBasketDialog .subItemValueDeal a img { display: block; float: left; } #addToBasketDialog .subItemValueDeal a span { float: left; margin: 17px 0 0; } #addToBasketDialog .subItemValueDeal a:hover span { text-decoration: underline; } /* Warranty Insurance */ #warrantyExplainedContent { height:450px!important;} #warrantyExplainedContent table {margin:6px 21px; width:90%;} #warrantyExplainedContent table tr#title {font-weight: 700; height:17px; border-bottom:1px solid #000;} /* ------------ */ /* atg-recs.css */ /* ------------ */ #aside .crossSellTitle { background-color: #F5F5F5; border-radius: 2px 2px 0 0; margin: 0 0 1px; } #aside .crossSellTitle p { font-weight: bold; margin: 0; padding: 10px; } #aside .carouselOfferLink { font: 12px/22px Arial; margin: 0; padding: 10px; text-decoration: none; } #aside .carouselOfferLink:hover { text-decoration: underline; } #aside .crossSell { background-color: #F5F5F5; list-style: none outside none; margin: 0 0 10px; overflow: hidden; padding: 0; width: 176px; } #aside .paginationSlider { overflow: hidden; } #aside .paginationPage { float: left; width: 176px; } #aside .crossSell li { float: left; padding: 10px 11px; width: 66px; } #aside .crossSell li a { display: block; height: 86px; width: 66px; } #aside .crossSell li a:hover { position: relative; z-index: 10; } #aside .crossSell img { background-color: #FFF; border: 1px solid #CCC; border-radius: 2px 2px 2px 2px; height: 80px; padding: 2px; width: 60px; } #aside .crossSell .crossFlyOut { display: none; } .crossSell .activeCrossFlyOut { background-color: #FFF; border: 1px solid #CCC; border-radius: 2px 2px 2px 2px; box-shadow: 1px 1px 2px #DDD; min-height: 102px; position: absolute; right: 0; top: 0; width: 230px; z-index: 5; } .crossSell .activeCrossFlyOut .crossFlyOutWrapper { background-color: #F5F5F5; margin: 2px; min-height: 84px; padding: 7px; } .crossSell .activeCrossFlyOut .crossProductTitle { margin: 0 0 7px; width: 125px; } .crossSell .activeCrossFlyOut .crossProductPrice { background-color: #FFF; border: 1px solid #CCC; border-radius: 2px 2px 2px 2px; max-width: 125px; padding: 7px; } .crossSell .activeCrossFlyOut .crossProductEmbeddedPrice { margin: 0 0 7px; } .crossSell .activeCrossFlyOut .crossProductEmbeddedPrice span { font-weight: bold; } .crossSell .activeCrossFlyOut .crossProductWasPrice { color: #333; font: 12px Arial; } .crossSell .activeCrossFlyOut .crossProductWasPrice span { background: url("/static/images/product-page/wasprice.png") no-repeat scroll 50% 50% transparent; padding: 0 3px; } .crossSell .activeCrossFlyOut .crossProductNowPrice { color: #333; font: bold 24px/30px Arial; } .crossSell .activeCrossFlyOut .crossProductNowPrice sup { font-size: 14px; line-height: 16px; vertical-align: 40%; } .crossSell .activeCrossFlyOut .crossProductNowPrice .fromPrice { font-size: 12px; line-height: 16px; vertical-align: 30%; } .crossSell .activeCrossFlyOut .crossProductSavePrice { color: #900; font: bold 12px Arial; } #aside .paginationControls { margin: 10px 0; overflow: hidden; text-align: center; } #aside .paginationControls a { border: 1px solid #F5F5F5; display: inline-block; *display: inline; height: 22px; line-height: 22px; outline: none; padding: 0 6px; text-decoration: none; vertical-align: middle; } #aside .paginationControls a:hover { background-color: #FFF; border-radius: 3px; border: 1px solid #CCC; } #aside .paginationControls .disabled, #aside .paginationControls .disabled:hover { background-color: #F5F5F5; border: 1px solid #F5F5F5; color: #999; cursor: default; } #aside .paginationShowPage.disabled, #aside .paginationShowPage.disabled:hover { border: 1px solid #DDD; border-radius: 3px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; } #aside .paginationControls .paginationPrevious { border: 1px solid #F5F5F5; border-radius: 3px 0 0 3px; font: normal 18px Arial; line-height: 19px; } #aside .paginationControls .paginationNext { border: 1px solid #F5F5F5; border-radius: 0 3px 3px 0; font: normal 18px Arial; line-height: 19px; } .crossSell .activeCrossFlyOut .prfPrice { font-size: 12px; font-weight: normal; color: #069; } .crossSell .activeCrossFlyOut .crossProductWasPrice span { background: transparent; color: #888888; display: block; padding: 5px 0 0; text-decoration: line-through; } .crossSell .activeCrossFlyOut .crossProductNowPrice { font: bold 14px/16px Arial; } /* ------------------- */ /* brand-directory.css */ /* ------------------- */ /* Over-rides some border and padding not required on this page */ .myAccount .formSection, .myAccount .formFooter { border: none; padding-top: 0; } /* Over-rides form validation which adds a green tick icon */ .status .successIcon {display: none !important;} /* Brands We Love */ /* Tiny Carousel */ #brandsWeLove #brandCarousel { height: 1%; overflow:hidden; padding: 0 0 10px; margin: 0 auto; width: 960px; } #brandsWeLove #brandCarousel .viewport { float: left; height: 70px; overflow: hidden; position: relative; width: 878px; } #brandsWeLove .buttons { height: 61px; opacity: .7; width: 30px; } #brandsWeLove .buttons:hover {opacity: 1;} #brandsWeLove #brandCarousel .prev { float: left; margin-right: 10px; } #brandsWeLove #brandCarousel .next { margin-left: 10px;} #brandsWeLove #brandCarousel .disable { cursor: default; opacity: .3; pointer-events: none; } #brandsWeLove #brandCarousel .overview { left: 0; list-style: none; margin: 0; padding: 0; position: absolute; top: 0; width: 101px; } #brandsWeLove #brandCarousel .overview li { border: 1px solid #dcdcdc; -moz-box-shadow: 1px 1px 3px 0 #777; -webkit-box-shadow: 1px 1px 3px 0 #777; box-shadow: 1px 1px 3px 0 #777; float: left; height: 61px; margin-right: 5px; padding: 1px; width: 101px; } #brandsWeLove #brandCarousel .overview li:hover { border-color: #aaa; -moz-box-shadow: inset 1px 1px 4px 0 #444; -webkit-box-shadow: inset 1px 1px 4px 0 #444; box-shadow: inset 1px 1px 4px 0 #444; height: 63px; } #brandsWeLove #brandCarousel .overview li:hover img { margin-top: 2px; } /* recommended size */ #brandsWeLove #brandCarousel .overview li img { display: block; margin: 0 auto; width: 101px; height: 61px; } /* A to Z Search Bar */ #brandDirectory #brandsAtoZ {margin-top: 0;} #brandDirectory h2 { border-bottom: 2px solid #CCC; font-size: 20px; padding: 0 0 10px; } #brandDirectory #brandsAtoZ .searchWrap { background: #ddd; border: solid #bbb; border-width: 1px 0 1px 0; padding: 15px 0; width: 100%; } #brandDirectory #brandsAtoZ .searchWrap label { display: inline; padding: 0 5px 0 10px; } #brandDirectory #brandsAtoZ .searchWrap input { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline; width: 200px; } #brandDirectory #brandsAtoZ .searchWrap input::-webkit-input-placeholder, #brandDirectory #brandsAtoZ .searchWrap input:-moz-placeholder {font-style: italic;} /* A to Z Letters */ #brandDirectory #brandsAtoZ #aToZLetters { border-bottom: 1px solid #ccc; margin-top: 10px; padding-bottom: 10px; text-align: center; width: 100%; } #brandDirectory #brandsAtoZ #aToZLetters .letter a { background: #EEE; background: -moz-linear-gradient(top, #FAFAFA 0%, #DCDCDC 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#DCDCDC)); background: -webkit-linear-gradient(top, #FAFAFA 0%, #DCDCDC 100%); background: -o-linear-gradient(top, #FAFAFA 0%, #DCDCDC 100%); background: -ms-linear-gradient(top, #FAFAFA 0%, #DCDCDC 100%); background: linear-gradient(to bottom, #FAFAFA 0%, #DCDCDC 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAFAFA', endColorstr='#DCDCDC',GradientType=0 ); border: 1px solid #CCC; border-color: #CCC #CCC #AAA; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 1px #FFF inset; -moz-box-shadow: 0 0 1px #FFF inset; box-shadow: 0 0 1px #FFF inset; color: #333; display: inline-block; height: 17px; line-height: 20px; margin: 0 0 0 1px; outline: none; padding: 5px; text-decoration: none; text-shadow: 1px 1px 0 #fff; width: 17px; } #brandDirectory #brandsAtoZ #aToZLetters .showAll a {width: 55px} #brandDirectory #brandsAtoZ #aToZLetters .letter a:hover { background: #EFEFEF; background: -moz-linear-gradient(top, #F0F0F0 0%, #E6E6E6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(100%,#E6E6E6)); background: -webkit-linear-gradient(top, #F0F0F0 0%, #E6E6E6 100%); background: -o-linear-gradient(top, #F0F0F0 0%, #E6E6E6 100%); background: -ms-linear-gradient(top, #F0F0F0 0%, #E6E6E6 100%); background: linear-gradient(to bottom, #F0F0F0 0%, #E6E6E6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#E6E6E6',GradientType=0 ); border-color: #BBB #BBB #999; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 0 3px #FFF inset; } #brandDirectory #brandsAtoZ #aToZLetters .letter.active a { background: -moz-linear-gradient(top, #C8C8C8 0%, #E6E6E6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C8C8C8), color-stop(100%,#E6E6E6)); background: -webkit-linear-gradient(top, #C8C8C8 0%, #E6E6E6 100%); background: -o-linear-gradient(top, #C8C8C8 0%, #E6E6E6 100%); background: -ms-linear-gradient(top, #C8C8C8 0%, #E6E6E6 100%); background: linear-gradient(to bottom, #C8C8C8 0%, #E6E6E6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C8C8C8', endColorstr='#E6E6E6',GradientType=0 ); border-color: #888 #AAA #CCC; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25) inset, 0 1px 0 #FFF; color: #333; } /* A to Z Sections */ #brandDirectory #aToZSections {margin-top: 0;} #brandDirectory #aToZSections .section { border-bottom: 1px solid #ccc; margin: 15px 0; overflow: hidden; padding-bottom: 15px; width: 100%; } .sss { background: #7d7e7d; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkN2U3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZTBlMGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */ background: linear-gradient(to bottom, #7d7e7d 0%,#0e0e0e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-8 */ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #brandDirectory #aToZSections .section .letter { background: #666; border: 1px solid #222; color: #fff; display: inline-block; float: left; font-size: 4em; font-weight: 900; height: 73px; line-height: 75px; /* Must be the same as height to remain vertically central */ text-align: center; text-transform: uppercase; width: 73px; } #brandDirectory #aToZSections .colContainer { display: inline-block; float: left; margin-left: 30px; width: 855px; } #brandDirectory #aToZSections .colContainer .columns ul { list-style: none; margin-left: -15px; } #brandDirectory #aToZSections .colContainer .columns ul li { float: left; line-height: 18px; width: 205px; } #brandDirectory #aToZSections .colContainer .columns ul li a {color: #444;} #colorSwatches h3 { border-bottom: 2px solid #ccc; margin: 0 0 10px 0; padding-bottom: 10px; } #colorSwatches #signInMessage { margin-bottom: 15px; } #colorSwatches #signInSection .button { padding-right: 10px; } #colorSwatches .signInRegister { overflow: hidden; padding-bottom: 10px; } #colorSwatches #sendToAddress { padding-top: 10px; } #colorSwatches #sendToAddress span { line-height: 14px; } #colorSwatches #sendToAddress .textInput { display: none; margin-bottom: 10px; width: 200px; } #colorSwatches #sendToAddress #postcode .textInput { width: 100px; } #colorSwatches #sendToAddress .focus .textInput { border-color: #006699; border-width: 2px; padding: 3px; } #colorSwatches #sendToAddress .error { background: url("../../images/global/icon-error.png") no-repeat scroll right 5px transparent; width: 232px; } #colorSwatches #sendToAddress #postcode.error { width: 132px; } #colorSwatches #sendToAddress .error .textInput { border-color: #AD2E2C; border-width: 2px; padding: 3px; } #colorSwatches #sendToName, #colorSwatches #address1 { margin-top: 5px; } #colorSwatches #changeAddressBtn { clear: both; display: block; padding: 5px 0 15px 0; } #colorSwatches #cancel { line-height: 20px; margin-left: 10px; } #colorSwatches #addressWarning { display: none; margin-top: 0; } #colorSwatches .messageError { display: none; } #colorSwatches #swatchSuccess { display: none; } /* ------------------- */ /* dynamic-content.css */ /* ------------------- */ .dynamicContentSlot { background: #FFF; clear: both; float: left; font: normal 12px Arial; margin: 0 0 20px; overflow: hidden; position: relative; } .dynamicContentSlot .dynamicContentHeader { display: block; border-bottom: 2px solid #CCC; font: bold 14px Arial; margin: 0; } .dynamicContentSlot .dynamicContentHeader span { display: block; padding: 15px 0; } .dynamicContentSlot .dynamicContentWrapper { margin: 0; overflow: hidden; width: 100%; z-index: 1; zoom: 1; } .dynamicContentSlot .dynamicContentScroller { float: left; overflow: hidden; padding: 0; position: relative !important; zoom: 1; } .dynamicContentSlot .dynamicContentProducts { background-color: #F5F5F5; display: block; float: left; list-style: none; margin: 0; overflow: hidden; padding: 10px 0; text-align: left; } .dynamicContentSlot .dynamicContentPage { display: block; float: left; } /* Product */ .dynamicContentSlot .dynamicContentPage a { color: #000; display: block; float: left; text-decoration: none; } .dynamicContentSlot .dynamicProductImage, .dynamicContentSlot .dynamicBrand, .dynamicContentSlot .dynamicDescription, .dynamicContentSlot .dynamicPrice { border: 0 none; margin: 0 0 0 20px; } .dynamicContentSlot .dynamicProductImage { background: #FFF url('../../images/product/loading.gif') no-repeat 50% 50%; border: 1px solid #CCC; border-radius: 2px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); padding: 2px; } .dynamicContentSlot .dynamicBrand { font-weight: bold; margin: 5px 0 0 20px; } .dynamicContentSlot .dynamicDescription { margin: 0 0 5px 20px; } .dynamicContentSlot .dynamicPrice { font-weight: bold; } .dynamicContentSlot .dynamicPrice .was { display: block; font-weight: normal; text-decoration: line-through; } .dynamicContentSlot .dynamicPrice .save { color: #F11; display: block; font-weight: normal; } /* Navigation */ .dynamicContentSlot .dynamicContentNavigation { position: absolute; text-align: right; } .dynamicContentSlot .dynamicContentNavigation a { background: #EEE; background: -moz-linear-gradient(top, #FAFAFA 0%, #DCDCDC 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#DCDCDC)); background: -webkit-linear-gradient(top, #FAFAFA 0%, #DCDCDC 100%); background: -o-linear-gradient(top, #FAFAFA 0%, #DCDCDC 100%); background: -ms-linear-gradient(top, #FAFAFA 0%, #DCDCDC 100%); background: linear-gradient(to bottom, #FAFAFA 0%, #DCDCDC 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAFAFA', endColorstr='#DCDCDC',GradientType=0 ); border: 1px solid #CCC; border-color: #CCC #CCC #AAA; border-radius: 3px; box-shadow: 0 0 1px #FFF inset; color: #333; display: block; float: left; height: 25px; line-height: 24px; margin: 0 0 0 6px; padding: 0 8px; text-decoration: none; text-shadow: 0 1px 0 #FFF; } .dynamicContentSlot .dynamicContentNavigation a:hover { background: #EFEFEF; background: -moz-linear-gradient(top, #F0F0F0 0%, #E6E6E6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(100%,#E6E6E6)); background: -webkit-linear-gradient(top, #F0F0F0 0%, #E6E6E6 100%); background: -o-linear-gradient(top, #F0F0F0 0%, #E6E6E6 100%); background: -ms-linear-gradient(top, #F0F0F0 0%, #E6E6E6 100%); background: linear-gradient(to bottom, #F0F0F0 0%, #E6E6E6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#E6E6E6',GradientType=0 ); border-color: #BBB #BBB #999; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 0 3px #FFF inset; } /* Navigation - Pagination */ .dynamicContentSlot .dynamicContentNavigation span .disabled, .dynamicContentSlot .dynamicContentNavigation span .disabled:hover { background: -moz-linear-gradient(top, #C8C8C8 0%, #E6E6E6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C8C8C8), color-stop(100%,#E6E6E6)); background: -webkit-linear-gradient(top, #C8C8C8 0%, #E6E6E6 100%); background: -o-linear-gradient(top, #C8C8C8 0%, #E6E6E6 100%); background: -ms-linear-gradient(top, #C8C8C8 0%, #E6E6E6 100%); background: linear-gradient(to bottom, #C8C8C8 0%, #E6E6E6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C8C8C8', endColorstr='#E6E6E6',GradientType=0 ); border-color: #888 #AAA #CCC; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25) inset, 0 1px 0 #FFF; color: #333; } /* Navigation - Previous & Next */ .dynamicContentSlot .dynamicContentNavigation a { outline: none; } .dynamicContentSlot .dynamicContentNavigation .dynamicContentPrevious, .dynamicContentSlot .dynamicContentNavigation .dynamicContentNext { font: normal 26px Arial; line-height: 26px; padding: 0; text-align: center; width: 26px; } .dynamicContentSlot .dynamicContentNavigation .disabled, .dynamicContentSlot .dynamicContentNavigation .disabled:hover { background: #EBEBEB; filter: none; border-color: #DDD; box-shadow: 0 0 2px #FFF inset; color: #CCC; cursor: default; } /* View All */ .dynamicContentSlot .dynamicContentViewAll { border-top: 2px solid #CCC; padding: 10px 0; } .dynamicContentSlot .dynamicContentViewAll a, .dynamicContentSlot .dynamicContentViewAll a:visited, .dynamicContentSlot .dynamicContentViewAll a:active { color: #0B6FA0; } /* Horizontal Dynamic Content */ .horizontalDynamicContentSlot { width: 764px; } .horizontalDynamicContentSlot .dynamicContentScroller, .horizontalDynamicContentSlot .dynamicContentScroller .dynamicContentProducts { width: 9999px; } .horizontalDynamicContentSlot .dynamicContentPage { width: 764px; } .horizontalDynamicContentSlot .dynamicContentPage a { width: 25%; } .horizontalDynamicContentSlot .dynamicContentNavigation { right: 0; top: 9px; } /* Vertical Dynamic Content */ .verticalDynamicContentSlot { width: 193px; } .verticalDynamicContentSlot .dynamicContentHeader { margin: 0 0 28px; } .verticalDynamicContentSlot .dynamicContentWrapper { border-top: 2px solid #CCC; height: 450px; position: relative; padding: 0; } .verticalDynamicContentSlot .dynamicContentPage { height: 450px; } .verticalDynamicContentSlot .dynamicProductImage { margin: 20px 0 0 20px; } .verticalDynamicContentSlot .dynamicContentProducts { padding: 0; } .verticalDynamicContentSlot .dynamicContentNavigation { background-color: #FFF; left: 0; padding: 2px 0 10px; top: 53px; width: 100%; } .verticalDynamicContentSlot .dynamicContentNavigation .dynamicContentPrevious , .verticalDynamicContentSlot .dynamicContentNavigation .dynamicContentNext { margin: 0 6px 0 0; } .verticalDynamicContentSlot .dynamicContentPagination { display: none; } /* Dynamic Content Tabs */ #main .tabbedDynamicContent .tabbedDynamicContainer .dynamicContentTabs { padding: 0; } /* --------------------- */ /* endeca-navigation.css */ /* --------------------- */ #endecaNavigation span { font-size: 16px; font-weight: bold; margin-bottom: 15px; display: block; } #endecaNavigation h3 { font-size: 14px; margin: 20px 0 10px; } #endecaNavigation h3:first-child {margin-top: 0;} #endecaNavigation hr { border: 1px solid #CCC; border-width: 1px 0 0 0; height: 0; margin: 20px 0 0; } #endecaNavigation ul { list-style: none outside; margin: 5px 0 10px 0; padding: 0; } #endecaNavigation li { line-height: 22px; } #navigation_faceted li .childFacet, #endecaNavigation li .childFacet { line-height: 18px; padding: 0 0 0 10px; } #endecaNavigation .endecaNavigationSelected { background-color: #F5F5F5; border-radius: 3px; padding: 10px; } #endecaNavigation .endecaNavigationSelected h3 { margin: 0 0 10px; } #endecaNavigation .endecaNavigationSelected li { line-height: 1; padding-right: 20px; position: relative; } #endecaNavigation .separator { border-top: 1px solid #CCC; border-bottom: 1px solid #FFF; line-height: 0; margin: 8px 0 6px; } #endecaNavigation .removeSelected { background: transparent url("../../images/global/icon-remove.png") 100% 0px no-repeat; display: block; float: right; height: 13px; margin: 1px 0 0; overflow: hidden; padding: 0; position: absolute; text-indent: -9999px; top: 0; right: 0; width: 13px; } #endecaNavigation .removeSelected:hover, #endecaNavigation .removeSelected:active { background-position: 100% -18px; text-decoration: underline; } #endecaNavigation .facetsSelected { margin: 0 0 5px; } /* Scrolled Facet */ #endecaNavigation .scrollFacet { border: 1px solid #CCC; height: auto; max-height: 200px; overflow: auto; } #endecaNavigation .scrollFacet li { line-height: 28px; padding: 0 5px; } #endecaNavigation .scrollFacet .alt { background-color: #F5F5F5; } /* Color Swatches */ #endecaNavigation .colorSwatch { display: inline-block; border-style: solid; border-width: 8px; height: 0; line-height: 0; margin: 0 5px 0 0; vertical-align: middle; width: 0; } #endecaNavigation .facetColor .swatchMulti, #endecaNavigation .facetColor .swatchMulticoloured { background: #FFF url('../../images/product/swatch-multi.gif') no-repeat 0 0; display: inline-block; border-width: 0; height: 16px; margin: 0 5px 0 0; vertical-align: middle; width: 16px; } #endecaNavigation .swatchBeech { border-color: #FF8B2B #EC6A00 #EC6A00 #FF8B2B; } #endecaNavigation .swatchBlack { border-color: #000000 #404040 #404040 #000000; } #endecaNavigation .swatchBlue { border-color: #151682 #77B2FF #77B2FF #151682; } #endecaNavigation .swatchGreen { border-color: #176F18 #40BE40 #40BE40 #176F18; } #endecaNavigation .swatchMahogany { border-color: #814826 #54301A #54301A #814826; } #endecaNavigation .swatchPink { border-color: #FF6CBE #FFB3F6 #FFB3F6 #FF6CBE; } #endecaNavigation .swatchPurple { border-color: #7F00FF #B792FC #B792FC #7F00FF; } #endecaNavigation .swatchRed { border-color: #DA0000 #FF4141 #FF4141 #DA0000; } #endecaNavigation .swatchBrown, #endecaNavigation .swatchWalnut { border-color: #824828 #562F17 #562F17 #824828; } #endecaNavigation .swatchChrome, #endecaNavigation .swatchGrey, #endecaNavigation .swatchMetallic, #endecaNavigation .swatchSilver, #endecaNavigation .swatchStainlessSteel { border-color: #B2B2B2 #C0C0C0 #C0C0C0 #B2B2B2; } #endecaNavigation .swatchGold, #endecaNavigation .swatchMaple, #endecaNavigation .swatchYellow { border-color: #FFD75B #FFECB5 #FFECB5 #FFD75B; } #endecaNavigation .swatchOak, #endecaNavigation .swatchOrange, #endecaNavigation .swatchPine, #endecaNavigation .swatchTan { border-color: #FF8C2D #EE6B00 #EE6B00 #FF8C2D; } #endecaNavigation .swatchBeige, #endecaNavigation .swatchIvory, #endecaNavigation .swatchLimedOak, #endecaNavigation .swatchNatural, #endecaNavigation .swatchNude { border-color: #ECE2BF #F7F4E5 #F7F4E5 #ECE2BF; } #endecaNavigation .swatchWhite, #endecaNavigation .swatchClear, #endecaNavigation .swatchCream { border-color: #F8F6E1 #FFFFFF #FFFFFF #F8F6E1; } /* More & Less links */ .js .facetToggleMore, .js .facetToggleLess { font-weight: bold; } .js .facetToggleMore { display: list-item; } .js .facetToggle { display: none; } .js .scrollFacet .facetToggle { display: list-item; } .js .scrollFacet .facetToggleMore, .js .scrollFacet .facetToggleLess { display: none; } .js .facetToggleCatMore, .js .facetToggleCatLess { font-weight: bold; } .js .facetToggleCatLess { display: list-item; } .js .facetCatToggle { display: list-item; } .js .scrollFacet .facetCatToggle { display: list-item; } .js .scrollFacet .facetToggleCatMore { display: list-item; } .js .scrollFacet .facetToggleCatLess { display: none; } /* Brand Filter */ #navigation .filterFacet .highlight { background-color: #069; color: #FFF; display: inline; margin-bottom: 0; font-size: 12px; font-weight: normal; } #navigation .facetSearch { height: 30px; position: relative; width: 100%; } #navigation .facetSearch label { position: absolute; top: 9px; left: 0; } #navigation .facetSearch span { position: absolute; right: 0; } #navigation .facetSearch .textInput { border: 1px solid #CCC; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 1px 0 #EEE inset, 0 1px 0 #FFF; font-family: Arial, "Lucida Grande", sans-serif; font-size: 12px; margin: 0; padding: 4px; width: 115px; } #navigation .facetSearch .status { display: inline-block; margin: 0; } #navigation .facetSearch span.focus { background-color: #006699; border: 2px solid #006699; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: -2px; } #navigation .facetSearch span.focus input { border: 0 none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 1px 0 #EEE inset; outline: none; padding: 5px; } /* Popup Validation */ #dialogProductErrors h2 { border-bottom: 1px solid #CCC; margin: 0 0 20px 0; padding-bottom: 15px; } #dialogProductErrors .productOptionsList .error .productOptionHeading .productOptionNumbering { background-color: #666; } #dialogProductErrors .productOptionsList { margin: 20px; } #dialogProductErrors .productOptionsList .showOptionRadio fieldset li { padding: 6px 0 6px 8px; } #dialogProductErrors .productOptionsList .showOptionRadio fieldset li input { display: inline-block; margin-top: 7px; vertical-align: top; } #dialogProductErrors .productOptionsList .showOptionRadio fieldset li label { display: inline-block; } #dialogProductErrors .productOptionsList .colourSwatches.exposed fieldset { width: 260px; } #dialogProductErrors .productWarranty .customerSelection label {width: 80%; } #dialogProductErrors .stockMessaging { margin: 25px 0 20px 0; width: 440px; } #dialogProductErrors .indicator{ color:#FFF; font-weight: 700; } #dialogProductErrors .awaitingStock, #dialogProductErrors .preOrder { border-bottom:2px solid #C87F17; } #dialogProductErrors .awaitingStock .secondaryStockMessage, #dialogProductErrors .preOrder .secondaryStockMessage{ color:#C87F17; } #dialogProductErrors .awaitingStock .indicator, #dialogProductErrors .preOrder .indicator{ background-color:#C87F17; } #dialogProductErrors .outStock{ border-bottom:2px solid #900; } #dialogProductErrors .outStock .secondaryStockMessage{ color:#900; width:288px; } #dialogProductErrors .outStock .indicator{ background-color:#900; } #dialogProductErrors .stockMessaging .reviewAvailableDates { display: none; } #dialogProductErrors .productErrorsFooter { border-top: 1px solid #CCC; clear: both; padding-top: 20px; } #dialogProductErrors .productErrorsFooter .button { float: right; } /* Warranty - Find out more */ #warrExplainedContent h2 { border-bottom: none; margin: 0 0 10px; padding: 7px 0 8px 45px; } #warrExplainedContent .fib { background: url('../../images/global/icon-warranty-fib.png') no-repeat; } #warrExplainedContent .fif { background: url('../../images/global/icon-warranty-fif.png') no-repeat; } #warrExplainedContent .fil { background: url('../../images/global/icon-warranty-fil.png') no-repeat; } #warrExplainedContent .fiw { background: url('../../images/global/icon-warranty-fiw.png') no-repeat; } #warrExplainedContent .mpi { background: url('../../images/global/icon-warranty-mpi.png') no-repeat; } #warrExplainedContent .rg { background: url('../../images/global/icon-warranty-rg.png') no-repeat; } #warrExplainedContent .sg { background: url('../../images/global/icon-warranty-sg.png') no-repeat; } #warrExplainedContent .sgl { background: url('../../images/global/icon-warranty-sgl.png') no-repeat; } #warrExplainedContent p { padding: 0 12px; } #warrExplainedContent ul { line-height: 16px; } /* ----------------------------- */ /* financial-services-promos.css */ /* ----------------------------- */ #aside .financialServicesBanner { background-color: #F5F5F5; border-radius: 3px; margin: 0 0 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #aside .financialServicesBanner a { color: #333; display: block; padding: 10px; text-decoration: none; } #aside .financialServicesBanner a p { line-height: 14px; margin: 0; } #aside .financialServicesBanner a p strong { display: block; margin: 0 0 10px; } #aside .financialServicesBanner a:hover p strong { text-decoration: underline; } /* ----------- */ /* gallery.css */ /* ----------- */ /* Heading */ #header .galleryHeading { border-bottom: 2px solid #CCC; font-size: 20px; margin: 0 0 15px; padding: 0 0 10px; text-transform: capitalize; } /* Product List */ #products .productList { margin: 0 -10px; overflow: hidden; padding: 0; } /* Individual Products */ #main .product { list-style: none; } /* Product Image */ #main .productMainImage { display: block; float: left; } #main .productMainImage img { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); display: block; margin: 0 0 10px; } /* Product Colour Swatches */ #main .productColours { clear: both; list-style: none outside none; margin: 0; overflow: hidden; padding: 0; } #main .productColours label { cursor: pointer; display: block; height: 20px; line-height: 20px; padding: 4px; } #main .productColours li { display: block; float: left; margin: 0 0 10px 0; } #main .productColours .selected { background-color: #666; } #main .productColours img { border: 1px solid #FFF; display: block; margin: -1px; } /* Product Title */ #main .productTitle { color: #000; display: block; margin: 0 0 10px; text-decoration: none; } #main .productTitle:hover { text-decoration: underline; } #main .productTitle h3 { line-height: 14px; margin: 0; } #main .productTitle em { display: block; font-size: 12px; font-style: normal; font-weight: bold; } #main .productTitle span { display: block; font-size: 12px; font-style: normal; font-weight: normal; } /* Product Value Deal */ #main .productDeal { display: block; margin: 0 0 10px; text-decoration: underline; } #main .productDeal:hover { text-decoration: none; } /* Product Affordability (Weekly Price) */ #main .productList .productAffordability { background-color: #EEE; border: 1px solid #CCC; border-radius: 3px; color: #333; display: block; margin: 0 0 10px; padding: 10px; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; width: 190px; } #main .productList .productAffordability strong { font-size: 18px; line-height: 16px; } /* Product Price */ #main .product .productPrice { color: #333; display: block; float: left; font-weight: bold; margin: 0 0 5px; text-decoration: none; width: 100%; } #main .product .productWasPrice { color: #999; display: block; float: left; font-weight: normal; margin: 0 12px 0 0px; text-decoration: line-through; } #main .product .productNowPrice { color: #880C0D; float: left; margin: 0 0 5px; } #main .product .productSavePrice { color: #900; display: none; font-weight: bold; margin: 3px 0 0; text-decoration: none; } /* Product Stock */ #main .productStock { color: #519D2B; display: block; font-weight: bold; margin: 0 0 2px; text-decoration: none; } /* In Stock & Available*/ #main .productStock .inStock, #main .productStock .available { color: #519D2B; } /* Low Stock, Pre-order & Awaiting Stock*/ #main .productStock .lowStock, #main .productStock .preOrder, #main .productStock .awaitingStock { color: #C87F17; } /* Out Of Stock */ #main .productStock .outStock { color: #900; } /* Product Delivery */ #main .productDelivery { color: #333; display: block; margin: 0 0 10px; text-decoration: none; } #main .nextDayDelivery { background: #FFF url('../../images/global/icon-delivery-van.png') no-repeat right 0; } /* Product Warranty */ #main .productWarrantyHover { display: none; } #main .product dt { display: none; } #main .product dd, #main .product dl { margin: 0; } /* SEO Copy */ #categoryContent { background-color: #EEE; border-radius: 3px; color: #666; line-height: 16px; margin: 30px 0 10px; padding: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #main .productDCVO, #main .productDCVO:hover { -moz-text-blink: none; -moz-text-decoration-color: -moz-use-text-color; -moz-text-decoration-line: none; -moz-text-decoration-style: solid; clear: both; color: #333333; display: block; } #main .productDCVO .galleryDCVOmessage, #main .productDCVO:hover .galleryDCVOmessage { -moz-text-blink: none; -moz-text-decoration-color: -moz-use-text-color; -moz-text-decoration-line: none; -moz-text-decoration-style: solid; background-color: #EEEEEE; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; line-height: 16px; padding-bottom: 7px; padding-left: 6px; padding-right: 6px; padding-top: 6px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .galleryDCVOmessage p { margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; } .prfPrice, .exPrfPrice { font-size: 12px; font-weight: normal; } /* ------------- */ /* grid-view.css */ /* ------------- */ #main .gridView .product { float: left; width: 237px; margin: 0 12px 30px 12px; overflow: hidden; padding: 0; display: block; } #main .gridView .product:nth-child(3n+4) { clear: left; } #main .gridView .ieRow { clear: left; } #main .gridView .productDescription, #main .gridView .productLink { display: none; } /* ------------- */ /* list-view.css */ /* ------------- */ #main .listView .product { border-bottom: 1px solid #CCC; height: 192px; margin: 0 0 20px 0; overflow: hidden; padding: 0 0 20px; position: relative; } /* Product Image & Colour Swatch */ #main .listView .productImages { left: 0; position: absolute; top: 0; width: 78px; } /* !important used to override gallery zoom */ #main .listView .productMainImage, #main .listView .productMainImage img { display: block; height: 104px!important; margin: 0 0 10px; width: 78px!important; } #main .listView .productColours { margin: 0; width: 90px; } /* Product Information (Title, Price, Stock, Delivery, Rating) */ #main .listView .productInfo { left: 98px; position: absolute; top: 0; width: 176px; } #main .listView .productList .productAffordability { width: 154px; } /* Product Description */ #main .listView .productDescriptionContainer { border: 1px solid #CCC; border-radius: 4px; height: 132px; left: 294px; margin: 0; position: absolute; top: 0; width: 468px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #main .listView .productDescription { height: 122px; overflow: auto; padding: 5px; } #main .listView .productDescription p { line-height: 14px; margin: 0 0 10px; } #main .listView .productDescription ul li {line-height: 18px;} /* ----------------- */ /* outit-builder.css */ /* ----------------- */ #rangeBuilder { border-top: 1px solid #CCC; clear: both; margin: 15px 0; overflow: hidden; padding: 10px 0; position: relative; } /* Range Builder Title */ #rangeBuilder .rangeTitle { margin: 0 0 7px; } #rangeBuilder .rangeTitle a { background: url('../../images/product/rightArrow.png') no-repeat scroll right 55% transparent; font: normal 12px Arial; margin: 0 0 10px; padding: 0 10px 0 0; } /* Range Builder Products */ #rangeBuilder .rangeWrapper { float: left; overflow: hidden; position: relative; width: 315px; } #rangeBuilder .rangeProducts { height: 175px; overflow: hidden; position: relative; width: 375px; } #rangeBuilder .rangeProducts ul { left: 0; list-style: none outside none; margin: 0; padding: 0; position: absolute; top: 0; width: 100%; z-index: 2; } #rangeBuilder .rangeProducts li { float: left; margin: 0 12px 0 0; padding: 0 2px 2px; width: 90px; } #rangeBuilder .rangeProducts a p { line-height: 16px; } #rangeBuilder .rangeProducts a:hover p { text-decoration: underline; } #rangeBuilder .rangeProducts img { background-color: #FFF; border: 1px solid #CCC; border-radius: 2px; margin: 0 0 5px; padding: 2px; } /* Range Builder Navigation */ #rangeBuilder .previousRange, #rangeBuilder .nextRange { background: url('../../images/product/rangeArrows.png') no-repeat 0 0 #FFF; border: 1px solid #CCC; border-radius: 2px; cursor: pointer; float: left; height: 124px; width: 20px; } #rangeBuilder .previousRange { background-position: -26px 47%; margin: 0 6px 0 0; } #rangeBuilder .nextRange { background-position: -85px 47%; margin: 0 0 0 4px; } #rangeBuilder .previousRange:hover, #rangeBuilder .nextRange:hover { border: 1px solid #666; } #rangeBuilder .previousRange.disabled, #rangeBuilder .nextRange.disabled { border: 1px solid #EFEFEF; cursor: default; } #rangeBuilder .previousRange.disabled { background-position: 4px 47%; } #rangeBuilder .nextRange.disabled { background-position: -55px 47%; } /* -------------- */ /* pagination.css */ /* -------------- */ #main .pagination { float: left; text-align: center; width: 438px; } #main .pagination ul { border-radius: 3px; display: inline-block; *display: inline; line-height: 18px; list-style: disc outside none; margin: 0 auto; padding: 0; text-align: center; zoom: 1; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #main .pagination li { display: inline; } #main .pagination a { background: #EEE; background: -moz-linear-gradient(top, #FAFAFA 0%, #DCDCDC 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#DCDCDC)); background: -webkit-linear-gradient(top, #FAFAFA 0%, #DCDCDC 100%); background: -o-linear-gradient(top, #FAFAFA 0%, #DCDCDC 100%); background: -ms-linear-gradient(top, #FAFAFA 0%, #DCDCDC 100%); background: linear-gradient(to bottom, #FAFAFA 0%, #DCDCDC 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAFAFA', endColorstr='#DCDCDC',GradientType=0 ); border: 1px solid #CCC; border-color: #CCC #CCC #AAA; border-radius: 3px; box-shadow: 0 0 1px #FFF inset; color: #333; display: block; float: left; height: 25px; line-height: 24px; margin: 0 0 0 6px; min-width: 14px; outline: none; padding: 0 6px; text-decoration: none; text-shadow: 0 1px 0 #FFF; width: auto; } #main .pagination em { background: #EEE; background: -moz-linear-gradient(top, #FAFAFA 0%, #DCDCDC 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#DCDCDC)); background: -webkit-linear-gradient(top, #FAFAFA 0%, #DCDCDC 100%); background: -o-linear-gradient(top, #FAFAFA 0%, #DCDCDC 100%); background: -ms-linear-gradient(top, #FAFAFA 0%, #DCDCDC 100%); background: linear-gradient(to bottom, #FAFAFA 0%, #DCDCDC 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAFAFA', endColorstr='#DCDCDC',GradientType=0 ); border: 1px solid #CCC; border-color: #CCC #CCC #AAA; border-radius: 3px; box-shadow: 0 0 1px #FFF inset; color: #333; display: block; float: left; height: 25px; line-height: 24px; margin: 0 0 0 6px; outline: none; padding: 0 6px; text-decoration: none; text-shadow: 0 1px 0 #FFF; width: 14px; } #main .pagination a:hover { background: #EFEFEF; background: -moz-linear-gradient(top, #F0F0F0 0%, #E6E6E6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(100%,#E6E6E6)); background: -webkit-linear-gradient(top, #F0F0F0 0%, #E6E6E6 100%); background: -o-linear-gradient(top, #F0F0F0 0%, #E6E6E6 100%); background: -ms-linear-gradient(top, #F0F0F0 0%, #E6E6E6 100%); background: linear-gradient(to bottom, #F0F0F0 0%, #E6E6E6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#E6E6E6',GradientType=0 ); border-color: #BBB #BBB #999; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 0 3px #FFF inset; } #main .pagination .active a { background: -moz-linear-gradient(top, #C8C8C8 0%, #E6E6E6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C8C8C8), color-stop(100%,#E6E6E6)); background: -webkit-linear-gradient(top, #C8C8C8 0%, #E6E6E6 100%); background: -o-linear-gradient(top, #C8C8C8 0%, #E6E6E6 100%); background: -ms-linear-gradient(top, #C8C8C8 0%, #E6E6E6 100%); background: linear-gradient(to bottom, #C8C8C8 0%, #E6E6E6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C8C8C8', endColorstr='#E6E6E6',GradientType=0 ); border-color: #888 #AAA #CCC; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25) inset, 0 1px 0 #FFF; color: #333; } #main .pagination .active em { background: -moz-linear-gradient(top, #C8C8C8 0%, #E6E6E6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C8C8C8), color-stop(100%,#E6E6E6)); background: -webkit-linear-gradient(top, #C8C8C8 0%, #E6E6E6 100%); background: -o-linear-gradient(top, #C8C8C8 0%, #E6E6E6 100%); background: -ms-linear-gradient(top, #C8C8C8 0%, #E6E6E6 100%); background: linear-gradient(to bottom, #C8C8C8 0%, #E6E6E6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C8C8C8', endColorstr='#E6E6E6',GradientType=0 ); border-color: #888 #AAA #CCC; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25) inset, 0 1px 0 #FFF; color: #333; } #main .pagination .disabled a { color: #999; cursor: default; } #main .pagination .disabled em { color: #999; } #main .pagination .disabled a:hover { background-color: #FFF; } #main .pagination .paginationPrevious, #main .pagination .paginationNext { font: normal 26px Arial; line-height: 24px; padding: 0; text-align: center; width: 26px; } #main .gap span { border: 0 none; float: left; line-height: 27px; padding: 0 4px 0 10px; text-decoration: none; } /* Pagination buttons */ #main .pagination .button { background: #EEE; background: -moz-linear-gradient(top, #FAFAFA 0%, #DCDCDC 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#DCDCDC)); background: -webkit-linear-gradient(top, #FAFAFA 0%, #DCDCDC 100%); background: -o-linear-gradient(top, #FAFAFA 0%, #DCDCDC 100%); background: -ms-linear-gradient(top, #FAFAFA 0%, #DCDCDC 100%); background: linear-gradient(to bottom, #FAFAFA 0%, #DCDCDC 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAFAFA', endColorstr='#DCDCDC',GradientType=0 ); border: 1px solid #DCDCDC; border-color: #CCC #CCC #AAA; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 0 -50px #FFFFFF inset; color: #333333; display: block; float: left; font-weight: normal; height: 25px; line-height: 24px; margin: 0 0 0 6px; padding: 0 8px; text-decoration: none; text-shadow: 1px 1px 0 #FFFFFF; width: 30px; } #main .pagination .button.paginationPrevious, #main .pagination .button.paginationNext { border-color: #CCC; font: bold 18px Arial; padding: 0 0 6px; text-align: center; width: 34px; } #main .pagination .button:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) ); background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed'); background-color:#dfdfdf; } #main .pagination .active .button{ background: -moz-linear-gradient(top, #C8C8C8 0%, #E6E6E6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C8C8C8), color-stop(100%,#E6E6E6)); background: -webkit-linear-gradient(top, #C8C8C8 0%, #E6E6E6 100%); background: -o-linear-gradient(top, #C8C8C8 0%, #E6E6E6 100%); background: -ms-linear-gradient(top, #C8C8C8 0%, #E6E6E6 100%); background: linear-gradient(to bottom, #C8C8C8 0%, #E6E6E6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C8C8C8', endColorstr='#E6E6E6',GradientType=0 ); border-color: #888 #AAA; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25) inset, 0 1px 0 #FFF; color: #333; } #main .pagination .disabled .button { border-color: #ccc;} /* ---------------------------- */ /* product-colour-indicator.css */ /* ---------------------------- */ .exposed .colourMessage{ border: 1px solid #FFF; background-color: #333; border-radius: 2px; color: #FFF; font-weight: bold; left: -50%; overflow: hidden; padding: 3px; position: relative; right: 4px; white-space: nowrap; } .exposed .colourIndicator { display: none; position: absolute; top: -22px; left: 13px; z-index: 4; } .exposed li:hover .colourIndicator, .exposed li:hover .colourIndicator .arrow { display: block; } .exposed .colourIndicator .arrow { height: 0; left: -5px; position: absolute; top: 19px; width: 11px; } .exposed .colourIndicator .arrow div { background-color: #333; } .exposed .colourIndicator .arrow div { border: 1px solid #FFF; border-width: 0 1px; position: absolute; height: 1px; } /* Used to create the triangle shape */ .exposed .colourIndicator .arrow .a6 { left: 0px; top: 0px; width: 9px; } .exposed .colourIndicator .arrow .a5 { left: 1px; top: 1px; width: 7px; } .exposed .colourIndicator .arrow .a4 { left: 2px; top: 2px; width: 5px; } .exposed .colourIndicator .arrow .a3 { left: 3px; top: 3px; width: 3px; } .exposed .colourIndicator .arrow .a2 { left: 4px; top: 4px; width: 1px; } .exposed .colourIndicator .arrow .a1 { left: 5px; top: 5px; width: 1px; } .exposed .colourIndicator .arrow .a1 { background-color: #FFF!important; border: 0 none; } /* ----------------------- */ /* product-description.css */ /* ----------------------- */ #productDescription { clear: both; } #productDescription table { border-collapse: collapse; border-spacing: 0; } #productDescription td { padding: 0; } #productDescription .descriptionBrandLogo { padding: 0 20px 0 0; text-align: center; vertical-align: top; width: 176px; } #productDescription .descriptionMoreProducts { padding: 0 20px 0 0; text-align: center; vertical-align: bottom; width: 176px; } #productDescription #moreFromProducts { list-style: none; padding: 0 0 0 30px; text-align: left; width: 146px; } #productDescription #moreFromProducts .moreFromProductLinksTitle { border-bottom: 1px solid #CCC; padding-bottom: 6px; } #productDescription #moreFromProducts .moreFromProductLinks { margin-top: 10px; } #productDescription .longDescription { line-height: 18px; vertical-align: top; } #productDescription .longDescription p { margin: 10px 0; } #productReviews { clear: both; float: none; } /* ------------------- */ /* product-heading.css */ /* ------------------- */ .productHeading { clear: both; font-size: 20px; margin: 10px 0 5px; } /* Product Identifier */ .productSubHeading { clear: both; color: #666; margin: 5px 0 15px; overflow: hidden; } .productSubHeading div { float: left; line-height: 18px; margin: 0 15px 0 0; } .productSubHeading .modelNumber { display: none; } /* ------------------ */ /* product-images.css */ /* ------------------ */ /* Product Alt Thumbnails */ #productThumbnails { float: left; height: 364px; margin: 0 20px 20px 0; overflow: hidden; position: relative; width: 78px; } #productThumbnails a { outline: none; } #productThumbnails ul { left: 0; list-style: none outside; margin: 0; overflow: hidden; padding: 0; position: absolute; top: 0; } #productThumbnails li { border: 1px solid #CCC; border-radius: 3px; float: left; margin: 0 0 4px; padding: 0; } #productThumbnails .productImageItem { height: 99px; width: 76px; } #productThumbnails li img { display: block; padding: 3px; } /* Thumbnail Scroller */ #productThumbnails .thumbnailWrapper { height: 315px; overflow: hidden; position: relative; } #productThumbnails .previousThumbnail, #productThumbnails .nextThumbnail { background: #FFF url('../../images/product/scroll-arrows.png') no-repeat; border: 1px solid #CCC; border-radius: 3px; cursor: pointer; display: block; height: 20px; width: 76px; } #productThumbnails .previousThumbnail { background-position: 50% 5px; margin: 0 0 4px; } #productThumbnails .previousThumbnail.disabled { background-position: 50% -25px; } #productThumbnails .nextThumbnail { background-position: 50% -55px; } #productThumbnails .nextThumbnail.disabled { background-position: 50% -85px; } /* Video Thumbnail */ #productVideoItem { position: relative; } #productVideoItem .productVideoOverlay { background: url("../../images/product/thumbnail-overlay.png") no-repeat scroll -4px -104px transparent; cursor: pointer; height: 93px; left: 3px; position: absolute; top: 3px; width: 70px; } #productVideoItem .productVideoOverlay:hover { background-position: -4px -4px; cursor: pointer; } /* 360 Thumbnail */ #product360Item { position: relative; } #product360Item .product360Overlay { background: url("../../images/product/thumbnail-overlay.png") no-repeat scroll -158px -104px transparent; cursor: pointer; height: 93px; left: 2px; position: absolute; top: 2px; width: 70px; } #product360Item .product360Overlay:hover { background-position: -158px -4px; cursor: pointer; } #embeddedThreeSixtyViewerHolder { overflow: hidden; padding: 0; } /* Product Tour Thumbnail */ #productTourItem { position: relative; } #productTourItem .productTourOverlay { background: url("../../images/product/thumbnail-overlay.png") no-repeat scroll -80px -104px transparent; cursor: pointer; height: 93px; left: 3px; position: absolute; top: 3px; width: 70px; } #productTourItem .productTourOverlay:hover { background-position: -80px -4px; cursor: pointer; } /* Main Product Image */ #productImage { border: 1px solid #CCC; border-radius: 3px; float: left; margin: 0 20px 20px 0; width: 272px; } #productImage img { display: block; } #productImage .zoomFadeBackground { margin: 3px; } #fullscreenButton { background-color: white; border-radius: 3px 3px 0 0; color: #069; cursor: pointer; line-height: 25px; text-align: center; } #fullscreenButton div { cursor: pointer; left: 0; position: absolute; top: 0; width: 100px; } #fullScreenButtonContainer { cursor: pointer; left: 0; position: absolute; top: 0; } /* Video Player */ #videoPlayer { overflow: hidden; padding: 0; } /* ------------------- */ /* product-options.css */ /* ------------------- */ /* Without JavaScript */ .no-js .productOptionsList .productOptionHeading, .no-js .productOptionsList .productOptionHeading:hover { cursor: default; margin: 0; } .no-js .productOptionsList fieldset { display: block; } .no-js .productOptionsList fieldset li { overflow: hidden; } .no-js .productOptionsList fieldset input { display: inline; float: left; margin: 7px 0 3px 8px; } .no-js .productOptionsList fieldset label, .no-js .productOptionsList .exposed label { display: block; float: left; padding: 5px 8px; width: 88%; } .no-js .productOptionsList .exposed fieldset { border: 1px solid #CCC; border-width: 0 1px 1px; display: block; float: left; margin: 0 0 0 25px; width: 86%; vertical-align: middle; } .no-js .productOptionsList .exposed .productOptionHeading { cursor: default; width: 100%; } .no-js .productOptionsList .exposed label span { display: inline; } .no-js .productOptionsList .exposed ul { margin: 0; } .no-js .productOptionsList .exposed li { float: none; margin: 0; } .no-js .productOptionsList .exposed li:hover { background-color: #39C; color: #FFF; } .no-js .productOptionsList .exposed .alt { background-color: #F5F5F5; } .no-js .productOptionsList .exposed li img { margin: 0 4px 0 0; vertical-align: -5px; } .no-js .productOptionsList .exposed li:hover img, .no-js .productOptionsList .exposed .selected img{ border: 0 none; margin: 0; } .no-js .productOptions .productOptionsList .attribute ul { margin: 0; } .no-js .productOptions .productOptionsList .attribute label:hover, .no-js .productOptions .productOptionsList .attribute label { background: transparent none; border: 0 none; box-shadow: none; line-height: 19px; padding: 5px 8px; } .no-js .productOptions .productOptionsList .attribute li:hover label { background: transparent none; } .no-js .productOptions .productOptionsList .attribute label span { background: transparent none; display: inline; line-height: 19px; padding: 0; } .no-js .productOptions .productOptionsList .attribute li:hover label span { background: transparent none; } .no-js .productOptionsList .exposed .frmPersonalise, .no-js .productOptionsList .exposed .frmQuantity { margin: 8px; } .no-js .productOptionsList .itemQuantity { width: 100%; } /* With JavaScript */ .productOptions { float: left; margin: 0; width: 372px; } .productPricingInformation { clear: both; margin: 0 0 10px; overflow: hidden; } .totalPrice { background-color: #F5F5F5; border-top: 2px solid #CCC; font: bold 16px Arial; margin: -2px 0 10px; padding: 10px; text-align: right; } .prfPrice, .exPrfPrice { font: normal 12px Arial; } .productPricingInformation .productPrice { border: 1px solid #CCC; border-radius: 2px; display: block; float: left; margin: 0 12px 0 0; padding: 8px 6px; } .productPricingInformation .productWasPrice { color: #333; font: 12px Arial; } .productOptions .productWasPrice span { background: url("../../images/product/was-price.png") no-repeat scroll 50% 50% transparent; padding: 0 3px; } .productOptions .productNowPrice { color: #333; font: bold 24px/30px Arial; } .productOptions .productNowPrice sup { font-size: 14px; line-height: 16px; } .productOptions .productNowPrice .fromPrice { display: block; font-size: 12px; } .productOptions .productSavePrice { color: #900; font: bold 12px Arial; } #productDescriptionAnchor { clear: both; } .productOptionsList { clear: both; list-style: none outside; padding: 0; text-transform: capitalize; } .productOptionsList .dropdown { margin: 10px 0; overflow: hidden; } .productOptionsList fieldset { border: 1px solid #CCC; border-width: 0 1px 1px; display: none; float: left; margin: 0 0 0 25px; width: 86%; } .productOptionsList fieldset ul { list-style: none outside; margin: 0; padding: 0; } .productOptionsList fieldset li { margin: 0; position: relative; } /* CSS3 Options v2 */ .productOptionsList .productOptionHeading { border-radius: 0 0 0 3px; cursor: pointer; line-height: 24px; overflow: hidden; position: relative; } .productOptionsList .dropdown .productOptionHeading:hover { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); } .productOptionsList .productOptionHeading .productOptionTitle { background: ; line-height: 19px; margin: 0 0 0 5px; padding: 3px 30px 2px 30px; text-shadow: 0 1px 0 #FFF; } .productOptionsList .dropdown .productOptionHeading { margin: 0; } .no-js .productOptionsList .exposed .productOptionHeading .productOptionNumbering, .productOptionsList .dropdown .productOptionHeading .productOptionNumbering { background-color: #666; border-radius: 3px 0 0 3px; color: #FFF; font: bold 12px Arial; height: 50px; left: 0; line-height: 24px; position: absolute; text-align: center; top: 0; width: 25px; } .js .productOptionsList .dropdown .productOptionHeading .productOptionTitle { background: #EEE url('../../images/product/menu-arrow.png') no-repeat 97% 10px; background: url('../../images/product/menu-arrow.png') no-repeat 97% 10px, -moz-linear-gradient(top, #FAFAFA 0%, #DCDCDC 100%) 0 0; background: url('../../images/product/menu-arrow.png') no-repeat 97% 10px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#DCDCDC)) 0 0; background: url('../../images/product/menu-arrow.png') no-repeat 97% 10px, -webkit-linear-gradient(top, #FAFAFA 0%, #DCDCDC 100%) 0 0; background: url('../../images/product/menu-arrow.png') no-repeat 97% 10px, -o-linear-gradient(top, #FAFAFA 0%, #DCDCDC 100%) 0 0; background: url('../../images/product/menu-arrow.png') no-repeat 97% 10px, -ms-linear-gradient(top, #FAFAFA 0%, #DCDCDC 100%) 0 0; background: url('../../images/product/menu-arrow.png') no-repeat 97% 10px, linear-gradient(to bottom, #FAFAFA 0%, #DCDCDC 100%) 0 0; } .no-js .productOptionsList .productOptionHeading .productOptionTitle, .productOptionsList .dropdown .productOptionHeading .productOptionTitle { background: #EEE; background: -moz-linear-gradient(top, #FAFAFA 0%, #DCDCDC 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#DCDCDC)); background: -webkit-linear-gradient(top, #FAFAFA 0%, #DCDCDC 100%); background: -o-linear-gradient(top, #FAFAFA 0%, #DCDCDC 100%); background: -ms-linear-gradient(top, #FAFAFA 0%, #DCDCDC 100%); background: linear-gradient(to bottom, #FAFAFA 0%, #DCDCDC 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#DCDCDC',GradientType=0); border: 1px solid #D3D3D3; border-color: #CCC #CCC #AAA; border-radius: 0 3px 3px 0; box-shadow: 0 0 1px #FFF inset; color: #333; cursor: pointer; display: block; height: auto; text-decoration: none; zoom: 1; } .productOptionsList .dropdown:hover .productOptionHeading .productOptionTitle { background: #EFEFEF url('../../images/product/menu-arrow.png') no-repeat 97% 10px; background: url('../../images/product/menu-arrow.png') no-repeat 97% 10px, -moz-linear-gradient(top, #F0F0F0 0%, #E6E6E6 100%); background: url('../../images/product/menu-arrow.png') no-repeat 97% 10px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(100%,#E6E6E6)); background: url('../../images/product/menu-arrow.png') no-repeat 97% 10px, -webkit-linear-gradient(top, #F0F0F0 0%, #E6E6E6 100%); background: url('../../images/product/menu-arrow.png') no-repeat 97% 10px, -o-linear-gradient(top, #F0F0F0 0%, #E6E6E6 100%); background: url('../../images/product/menu-arrow.png') no-repeat 97% 10px, -ms-linear-gradient(top, #F0F0F0 0%, #E6E6E6 100%); background: url('../../images/product/menu-arrow.png') no-repeat 97% 10px, linear-gradient(to bottom, #F0F0F0 0%, #E6E6E6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#E6E6E6',GradientType=0 ); border-color: #BBB #BBB #999; box-shadow: 0 0 3px #FFF inset; } .js .productOptionsList .productOptionHeading .menuArrow { background: url('../../images/product/menu-arrow.png') no-repeat 0 0; display: block; height: 5px; position: absolute; right: 12px; top: 11px; width: 7px; } /* CSS3 Exposed */ .productOptionsList .exposed .productOptionHeading { float: left; width: 120px; } .productOptions .productOptionsList .exposed .waysToPayHeading { text-transform: none; width: 372px; } .productOptions .productOptionsList .exposed .waysToPayHeading .productOptionTitle { margin: 0; padding: 0; } .productOptionsList .exposed .productOptionHeading .productOptionNumbering { background-color: #666; border-radius: 3px; color: #FFF; font: bold 12px Arial; height: 24px; left: 0; line-height: 24px; position: absolute; text-align: center; top: 0; width: 25px; } .productOptionsList .dropdown fieldset .alt { background-color: #F5F5F5; } .productOptionsList .dropdown fieldset .selected, .productOptionsList .dropdown fieldset li:hover { background-color: #39C; color: #FFF; } .productOptionsList .dropdown fieldset .selected a, .productOptionsList .dropdown fieldset li:hover a { color: #FFF; text-decoration: underline; } .productOptionsList .dropdown fieldset .selected a:hover, .productOptionsList .dropdown fieldset li:hover a:hover { text-decoration: none; } /* CSS Attributes */ .productOptions .productOptionsList .attribute ul { margin: 0; } .productOptions .productOptionsList .attribute label { background: #EEE; background: -moz-linear-gradient(top, #FAFAFA 0%, #DCDCDC 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#DCDCDC)); background: -webkit-linear-gradient(top, #FAFAFA 0%, #DCDCDC 100%); background: -o-linear-gradient(top, #FAFAFA 0%, #DCDCDC 100%); background: -ms-linear-gradient(top, #FAFAFA 0%, #DCDCDC 100%); background: linear-gradient(to bottom, #FAFAFA 0%, #DCDCDC 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAFAFA', endColorstr='#DCDCDC',GradientType=0 ); border: 1px solid #D3D3D3; border-color: #CCC #CCC #AAA; border-radius: 3px; box-shadow: 0 0 1px #FFF inset; color: #333; cursor: pointer; display: block; height: auto; text-decoration: none; zoom: 1; } .productOptionsList .attribute .selected label, .productOptions .productOptionsList .attribute label:hover { background: #EFEFEF; background: -moz-linear-gradient(top, #F0F0F0 0%, #E6E6E6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(100%,#E6E6E6)); background: -webkit-linear-gradient(top, #F0F0F0 0%, #E6E6E6 100%); background: -o-linear-gradient(top, #F0F0F0 0%, #E6E6E6 100%); background: -ms-linear-gradient(top, #F0F0F0 0%, #E6E6E6 100%); background: linear-gradient(to bottom, #F0F0F0 0%, #E6E6E6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#E6E6E6',GradientType=0 ); border-color: #BBB #BBB #999; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 0 3px #FFF inset; cursor: pointer; } /* Unavailable Option */ .productOptionsList .attribute .unavailable label span { color: #AAA; } .productOptionsList fieldset li label { cursor: pointer; display: block; line-height: 19px; padding: 5px 8px; } .productOptionsList fieldset .unavailable label { color: #AAA; } .productOptionsList fieldset .unavailable:hover label { color: #FFF; } .productOptionsList fieldset li img { margin: 0 4px 0 0; vertical-align: -5px; } .js .productOptionsList fieldset li input { display: none; } .productOptionsList h3 .selected { display: none; padding: 0; } .productOptionsList h3 span { font: normal 12px Arial; line-height: 28px; padding: 0 0 0 4px; } .productOptionsList legend { display: none; } /* Fix for border not displaying correctly in IE8 */ .ie8 .productOptionsList legend { display: block !important; height: 0; margin: 0; padding: 0; width: 0; visibility: hidden; } .productOptionsList .clear { clear: both; content: "."; float: none; font-size: 0; height: 0; line-height: 0; margin: 0; padding: 0; zoom: 1; } /* Exposed Option */ .productOptionsList .exposed { margin: 10px 0; } .productOptionsList .exposed fieldset { border: none; display: inline; margin: 0; vertical-align: middle; width: auto; } .productOptionsList .exposed h3 { background: #FFF none; cursor: default; float: left; margin: 0 10px 0 0; width: 110px; } .productOptionsList .exposed h3 em { background: #FFF url('../../images/product/options-dropdown.png') no-repeat -2292px -228px; } .productOptionsList .exposed.error h3 em { background: #FFF url('../../images/product/options-dropdown.png') no-repeat -2328px -266px; } .productOptionsList .exposed label { padding: 4px; } .js .productOptionsList .colourSwatches label span { display: none; } .js .productOptionsList .dropdown label span { display: inline; } .productOptionsList .exposed ul { margin: 0 0 0 -4px; } .productOptionsList .exposed li { float: left; margin: 0 5px 0 0; overflow: visible; } .productOptionsList .exposed .alt { background-color: transparent; } .productOptionsList .exposed li img { margin: 0; } .productOptionsList .exposed li:hover img, .productOptionsList .exposed .selected img{ border: 1px solid #FFF; margin: -1px; } .productOptionsList .colourSwatches.exposed .selected { background-color: #666; } .js .productOptionsList .colourSwatches.exposed fieldset, .js .productOptionsList .attribute.exposed fieldset { width: 250px; } /* Menu Promotions */ .productOptionsList .promotional .promo { border-bottom: 1px solid #CCC; padding: 12px 8px; } .productOptionsList .promo ul { list-style: disc outside; margin: 0 35px 0 25px; padding: 0 0 0 10px; } .productOptionsList .promo ul { list-style: disc outside; } .productOptionsList .promo ul li { margin: 0 0 5px 0; } .productOptionsList .promo ul li:hover { background-color: transparent; color: #333; } /* Show radio button */ .productOptions .productOptionsList .showOptionRadio fieldset li { padding: 6px 0 6px 8px; } .productOptions .productOptionsList .showOptionRadio fieldset input, .productOptions .productOptionsList .showOptionRadio fieldset label { display: inline-block; vertical-align: top; } .productOptions .productOptionsList .showOptionRadio fieldset input { margin-top: 7px; } .productOptionsList .exposed .textInput { border: 1px solid #CCC; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 1px 0 #EEE inset, 0 1px 0 #FFF; font-family: Arial, "Lucida Grande", sans-serif; font-size: 12px; margin: 0; padding: 4px; } .productOptionsList .exposed .status { display: inline-block; margin: 0; position: relative; } .productOptionsList .exposed span.focus { background-color: #006699; border: 2px solid #006699; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: -2px; } .productOptionsList .exposed span.focus input { border: 0 none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 1px 0 #EEE inset; outline: none; padding: 5px; } /* Quantity input */ .productOptionsList .itemQuantity { position: relative; width: 200px; zoom: 1; } .productOptionsList .exposed .frmQuantity { width: 40px; } /* Personalise input */ .productOptionsList .personalisedItem .frmPersonalise { width: 210px; } .productOptionsList .personalisedItem .counter { margin: 0 0 0 5px; } /* Optional Services */ .productOptions .productOptionsList .optionalServices fieldset li { cursor: pointer; padding: 6px 0 6px 8px; } .productOptions .productOptionsList .optionalServices fieldset input, .productOptions .productOptionsList .optionalServices fieldset label { display: inline; } .productOptions .productOptionsList .optionalServices fieldset label { font-weight: bold; } .productOptions .productOptionsList .optionalServices .alt { background-color: #FFF; border-top: 1px dotted #CCC; border-bottom: 1px dotted #CCC; margin: 0 0 -1px; } .productOptions .productOptionsList .optionalServices fieldset li:hover { background-color: #39C; color: #FFF; } .productOptions .productOptionsList .optionalServices .servicesSummary, .productOptions .productOptionsList .optionalServices .servicesSummary:hover { background-color: #F5F5F5; border-top: 1px solid #CCC; color: #333; cursor: default; padding: 12px 8px; } .productOptions .productOptionsList .optionalServices .servicesTotal { display: none; font-weight: bold; float: right; } .productOptions .productOptionsList .optionalServices .serviceDetail { line-height: 16px; text-transform: none; } .productOptions .productOptionsList .optionalServices .preselectedOption label, .productOptions .productOptionsList .optionalServices .preselectedOption .serviceDetail, .productOptions .productOptionsList .optionalServices .disabledOption label, .productOptions .productOptionsList .optionalServices .disabledOption .serviceDetail { color: #999; cursor: default; } .productOptions .productOptionsList .optionalServices fieldset .preselectedOption:hover, .productOptions .productOptionsList .optionalServices fieldset .disabledOption:hover { background-color: #FFF; cursor: default; } /* Delivery Charge */ #deliveryCharge { text-align: right; } +#deliveryCharge p { margin: 15px 0 5px 0; } /* Product delivery */ #deliveryMessaging { margin: 0 0 10px; } /* Home Approval Guarantee */ #homeApprovalGuarantee { background-color: #F5F5F5; font: normal 12px Arial; line-height: 16px; margin: 10px 0 0; padding: 10px; } #homeApprovalGuarantee h3 { font-size: 12px; font-weight: bold; margin: 0; } #homeApprovalGuarantee p { margin: 0; } /* Product reviews */ #productReviews { margin: 40px 0 50px 0; } #collectpluscontainer { margin-bottom: 15px; } /* DCVO - Single */ .productOptionsList .productDCVOpaymentSingle .productOptionHeading { line-height: 19px; } .productOptionsList .productDCVOpaymentSingle .productOptionHeading .productOptionTitle { padding: 0 0 0 30px; } .productOptionsList .productDCVOpaymentSingle fieldset .customerSelection input { float: left; margin-top: 0; } .productOptions .productOptionsList .productDCVOpaymentSingle .customerSelection li { padding: 6px 0 6px 4px; width: 240px; } .productOptionsList .productDCVOpaymentSingle .customerSelection label { display: block; float: right; margin: -6px 0 0; padding: 0 4px; width: 215px; } /* DCVO - Multiple */ .productOptionsList .productDCVOpaymentMultiple fieldset .customerSelection label { width: 275px; } /*Warranty Options Table */ .warrantyInfo {height:auto!important;} .warrantyInfo table {margin:6px 21px; width:95%; float:left;} .warrantyInfo table tr#title {font-weight: 700; height:17px; border-bottom:1px solid #000;} #warrExplainedContent table {margin:6px 21px; width:90%;} #warrExplainedContent table tr#title {font-weight: 700; height:17px; border-bottom:1px solid #000;} /* product-reviews.css */ .adminComment { padding: 10px 10px 20px; margin: 12px 11px 0 225px; background: #f5f5f5; } .adminComment dt { margin-bottom: 15px; float: left; } .adminComment dd { margin-left: 70px; font-size: 13px; } .pluck-review-most-helpful { display: none; } /* --------------------------- */ /* product-stock-indicator.css */ /* --------------------------- */ .dropdown .outOfStock { color: #CCC; } .dropdown .oosIndicator { cursor: pointer; } .dropdown .oosIndicator .oosMessage { background-color: #900; border: 1px solid #FFF; color: #FFF; font-weight: bold; padding: 3px; position: absolute; top: 4px; right: 4px; } .dropdown .oosIndicator .arrow { display: none; } .exposed .outOfStock { opacity: 0.3; filter: alpha(opacity = 30); } .exposed .outOfStock:hover, .exposed .selected .outOfStock { opacity: 1; filter: alpha(opacity = 100); } .exposed .oosMessage { border: 1px solid #FFF; background-color: #900; border-radius: 2px; color: #FFF; font-weight: bold; left: -50%; padding: 3px; position: relative; right: 4px; top: -4px; white-space: nowrap; } .exposed .oosIndicator { display: none; position: absolute; top: -22px; left: 13px; z-index: 5; } .exposed li:hover .oosIndicator, .exposed li:hover .oosIndicator .arrow { display: block; } .exposed .oosIndicator .arrow { height: 0; left: -5px; position: absolute; top: 19px; width: 11px; } .exposed .oosIndicator .arrow div { background-color: #900; } .exposed .oosIndicator .arrow div { border: 1px solid #FFF; border-width: 0 1px; position: absolute; height: 1px; } /* Used to create the triangle shape */ .exposed .oosIndicator .arrow .a6 { left: 0px; top: 0px; width: 9px; } .exposed .oosIndicator .arrow .a5 { left: 1px; top: 1px; width: 7px; } .exposed .oosIndicator .arrow .a4 { left: 2px; top: 2px; width: 5px; } .exposed .oosIndicator .arrow .a3 { left: 3px; top: 3px; width: 3px; } .exposed .oosIndicator .arrow .a2 { left: 4px; top: 4px; width: 1px; } .exposed .oosIndicator .arrow .a1 { left: 5px; top: 5px; width: 1px; } .exposed .oosIndicator .arrow .a1 { background-color: #FFF!important; border: 0 none; } /* Stock Messaging */ .stockMessaging { position: relative; } .stockMessaging span { display: inline-block; padding: 3px; } .secondaryStockMessage ul { margin: 0; padding: 0 0 0 20px; width: 280px; } .secondaryStockMessage li { margin: 5px 0 0; } .productOptions .indicator { color: #FFF; font-weight: bold; } /* In Stock & Available*/ .productOptions .inStock, .productOptions .available { border-bottom: 2px solid #519D2B; } .productOptions .inStock .secondaryStockMessage, .productOptions .available .secondaryStockMessage { color: #519D2B; } .productOptions .inStock .indicator, .productOptions .available .indicator { background-color: #519D2B; } /* Low Stock, Pre-order & Awaiting Stock*/ .productOptions .lowStock, .productOptions .preOrder, .productOptions .awaitingStock { border-bottom: 2px solid #C87F17; } .productOptions .lowStock .secondaryStockMessage, .productOptions .preOrder .secondaryStockMessage, .productOptions .awaitingStock .secondaryStockMessage { color: #C87F17; } .productOptions .lowStock .indicator, .productOptions .preOrder .indicator, .productOptions .awaitingStock .indicator { background-color: #C87F17; } /* Out Of Stock */ .productOptions .outStock { border-bottom: 2px solid #900; } .productOptions .outStock .secondaryStockMessage { color: #900; width: 270px; } .productOptions .outStock .indicator { background-color: #900; } /* Competitive DD Message */ .compDDMessage { font-weight: bold; margin: 0 0 10px; } /* Weee stuff */ #aside .weeeinfo { display: none; } /* ------------------------- */ /* product-affordability.css */ /* ------------------------- */ .productPricingInformation { float: left; margin-right: 15px; width: 73px; } .productAffordability { background: #EEE; background: -moz-linear-gradient(top, #FAFAFA 0%, gainsboro 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,gainsboro)); background: -webkit-linear-gradient(top, #FAFAFA 0%, gainsboro 100%); background: -o-linear-gradient(top, #FAFAFA 0%, gainsboro 100%); background: -ms-linear-gradient(top, #FAFAFA 0%, gainsboro 100%); background: linear-gradient(to bottom, #FAFAFA 0%, gainsboro 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAFAFA', endColorstr='#DCDCDC',GradientType=0 ); border: 1px solid #CCC; border-color: #CCC #CCC #AAA; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 0 0 1px #FFF inset; color: #333; float: right; padding: 10px; position: relative; text-shadow: 0 1px 0 white; width: 258px; } .productAffordability .affordabilityArrowOutline { border-top: 17px solid transparent; border-bottom: 17px solid transparent; border-right: 17px solid #ccc; left: -17px; position: absolute; top: -1px; } .productAffordability .affordabilityArrow { border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-right: 15px solid #eee; left: -15px; position: absolute; top: 1px; } .productAffordability .productAffordabilityArrow { left: -20px; position: absolute; top: 11px; } .productAffordability .affordabilityMessaging { line-height: 13px; display: block; margin-bottom: 10px; } .productAffordability .affordabilityMessaging:last-child { margin-bottom: 0px; } #main .productAffordability strong {font-size: 12px;} /* BLAKE ? sort through these styles before going into production */ .productArrowWrap { position: absolute; top: 8px; left: -15px; } .ie6 .productArrowWrap, .ie7 .productArrowWrap {display: none} .productArrowWrap .arrowLeftBorder { border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-right: 14px solid #f5f5f5; left: 1px; position: absolute; top: 0; } .productArrowWrap .arrowLeft { border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-right: 14px solid #ccc; } .productPricingInformation {width: 372px;} .productPricingInformation .priceNow {width: 150px;} #main .productAffordability { background: #f5f5f5; filter: none; float: left; margin: 0 0 10px 3px; width: 171px; } .productAffordability .waysToPayAffordability { margin: 0; padding: 0 0 0 20px; } .productAffordability .waysToPayAffordability li { line-height: 13px; margin-bottom: 10px; } .productAffordability .waysToPayAffordability li:last-child { margin-bottom: 0; } /* ----------------------- */ /* quick-order-results.css */ /* ----------------------- */ /* Introduction */ #quickOrderResultsIntro h1 { border-bottom: 2px solid #EFEFEF; font: bold 16px Arial; margin: 15px 0; padding: 0 0 5px; } /* Forgotten Item */ #quickOrderForgottenItem ul { list-style: none outside; margin: 10px 0; padding: 0; } #quickOrderForgottenItem li { background-color: #F6F6F6; border: 1px solid #DDD; border-radius: 3px; margin: 0 0 10px; padding: 5px 9px; vertical-align: middle; } #quickOrderForgottenItem li.error { background-color: #FEE; border: 1px solid #F55; color: #F55; } #quickOrderForgottenItem span { vertical-align: middle; } #quickOrderForgottenItem label { padding: 0 10px 0 0; } #quickOrderForgottenItem .forgottenItemSubmit { display: inline-block; } #quickOrderForgottenItem .forgottenItemSubmit .button { display: none; } #quickOrderForgottenItem .forgottenItemSubmit .secondaryButtonEnd { padding: 0; vertical-align: baseline; } #quickOrderForgottenItem .forgottenItemSubmit .addItem { margin: 0 -20px 0 0; } #quickOrderForgottenItem .catInput { border: 1px inset #CCC; font-size: 12px; margin: 0 10px 0 0; padding: 5px; text-transform: uppercase; vertical-align: middle; width: 140px; } #quickOrderForgottenItem .loading { border: 1px inset #CCC; background: #FFF url('/static/images/product/loading-small.gif') no-repeat 102% center; } #quickOrderForgottenItem .defaultInput { color: #999; text-transform: none; } /* Titles */ #quickOrderTitles { background: #EEE; background: -moz-linear-gradient(top, #FAFAFA 0%, #DCDCDC 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#DCDCDC)); background: -webkit-linear-gradient(top, #FAFAFA 0%, #DCDCDC 100%); background: -o-linear-gradient(top, #FAFAFA 0%, #DCDCDC 100%); background: -ms-linear-gradient(top, #FAFAFA 0%, #DCDCDC 100%); background: linear-gradient(to bottom, #FAFAFA 0%, #DCDCDC 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FAFAFA', endColorstr='#DCDCDC',GradientType=0 ); border: 1px solid #CCC; border-color: #CCC #CCC #AAA; border-radius: 3px; box-shadow: 0 0 1px #FFF inset; color: #333; display: block; font-weight: bold; height: 25px; line-height: 24px; margin: 20px 0 0; padding: 0; text-shadow: 0 1px 0 #FFF; } #quickOrderTitles div { float: left; padding: 0 0 0 1%; } #quickOrderTitles .productImage { width: 9%; } #quickOrderTitles .productDescription { width: 50%; } #quickOrderTitles .productOptionsTitle { width: 38%; } /* Results */ .productContainer { float: left; width: 100%; border-bottom: 2px solid #CCC; margin: 0; padding: 15px 0; } /* Results - Image */ #quickOrderResults .productImage { float: left; width: 10%; } #quickOrderResults .productImage .quickOrderResultImage { border: 1px solid #CCC; border-radius: 2px; display: block; height: 80px; margin: 0 0 5px; padding: 2px; width: 60px; } #quickOrderResults .productImage .quickOrderRemoveResult { color: #0B6FA0; display: block; text-decoration: underline; } #quickOrderImageDialog { overflow: hidden; padding: 0; } #quickOrderResults .quickOrderRemoveResult:hover { text-decoration: none; } /* Results - Description */ #quickOrderResults .productDescription { float: left; padding: 0 3% 0 0; width: 48%; } #quickOrderResults .productTitle { font-weight: bold; margin: 0 0 5px; } #quickOrderResults .productTitle:hover { text-decoration: none; } #quickOrderResults .productDescription .productCatNo { margin: 0 0 10px; } #quickOrderResults .productDescription .priceList { list-style: none outside; margin: 0; padding: 0; } #quickOrderResults .productDescription .priceList li { margin: 0; } #quickOrderResults .productDescription .productWasPrice { margin: 0 0 3px; } #quickOrderResults .productDescription .productWasPrice span { background: transparent url("/static/images/product/was-price.png") no-repeat 50% 50%; margin: 0 0 0 -3px; padding: 0 3px; } #quickOrderResults .productDescription .productNowPrice { font-weight: bold; margin: 0 0 3px; } #quickOrderResults .productDescription .productNowPrice .fromPrice { display: block; font: bold 12px Arial; } #quickOrderResults .productDescription .productSavePrice { color: #900; font: bold 12px Arial; } #quickOrderResults .productLongDescription { clear: both; line-height: 1.5; margin: 0 0 6px; } #quickOrderResults .descriptionMoreLink { color: #0B6FA0; text-decoration: underline; } #quickOrderResults .descriptionMoreLink:hover { text-decoration: none; } /* Results - Options */ #quickOrderResults .productCustomise { float: left; width: 39%; } li.productPrice { margin: 0; padding: 0; text-align: left; visibility: hidden; } .productContainer .clear { clear:both; float:none; display;block; } #quickOrderResults .productVariance, #quickOrderResults .productPaymentWarranty { border: 1px solid #CCC; border-radius: 2px; margin: 0 0 10px; } #quickOrderResults .productVariance fieldset { border: 0; display: block; height: 25px; padding: 5px 0; } #quickOrderResults .productVariance label { display: block; float: left; line-height: 20px; padding: 0 10px; width: auto; } #quickOrderResults .productVariance #multiColourDropDown { float: left; padding: 2px; width: 120px; } #quickOrderResults .productVariance .multiProductColourOptions { display: block; float: left; height: 32px; margin: 0 0 0 10px; overflow: hidden; padding: 0 0 0 4px; position: relative; top: -10px; } #quickOrderResults .productVariance .multiColourShadow { background: transparent url('/static/images/singleShadow.png') no-repeat 0 0; height: 22px; left: 3px; position: absolute; top: 10px; width: 60px; z-index: 2; } #quickOrderResults .productVariance .multiColourOption { background: transparent url('/static/images/swatchBackground.png') no-repeat 0 0; float: left; height: 58px; margin: 0 3px 0 0; position: relative; top: 32px; width: 58px; } #quickOrderResults .productVariance .multiColourOption .selectedSwatch { background: transparent url('/static/images/swatchOverlay.png') 0 0; display: none; height: 50px; left: 4px; position: absolute; top: 4px; width: 50px; } #quickOrderResults .productVariance .multiColourOption img { border: 2px solid #FFF; margin: 2px; } #quickOrderResults .productVariance .multiColourOption label { padding: 0; } #quickOrderResults #paymentFieldset { padding: 8px 0 8px 10px; width: 365px; } #quickOrderResults #paymentFieldset label { cursor: pointer; float: none; padding: 0; width: auto; } #quickOrderResults #paymentFieldset select { margin: 5px 10px 4px 0; padding: 2px; width: 250px; } #quickOrderResults #quantityFieldset { margin: 0; padding: 0 0 0 10px; width: 365px; } form#quickOrderResults { margin: 0; } #mainContent .quickOrderTotal { font: bold 16px Arial; padding: 0 10px 0 0; text-align: right; } #quickOrderResults #frmWishlists { margin: 0 0 10px; } #quickOrderResults #frmWishlists input.btnAddToWishlist, #quickOrderResults #frmWishlists a.showSelectWishlist { margin: 0 2px 0 0; } #pageContainer #frmWishlists #selectWishlist { top: 22px; right: 2px; } #pageContainer #wishlistConf { float: none; left: 0; margin: 0; padding: 4px 0 0; position: absolute; top: 0; } #pageContainer #wishlistConf p { padding: 3px 4px 2px; } .productCustomise ul .productDetailDeliveryOptions li input { float: left; left: 0; position: relative; } .productCustomise ul .productDetailDeliveryOptions li label { float: left; } #quickOrderResults .productCustomise ul .productDetailWarranty li input, #quickOrderResults .productCustomise ul .productDetailCreditOffer li input, #quickOrderResults .productCustomise ul .productServices li input, #quickOrderResults .productCustomise ul .productDetailPaymentOptions li input, #quickOrderResults .productCustomise ul .productDetailDeliveryOptions li input { margin: 5px 0 0 5px; } #quickOrderResults .productCustomise ul .productDetailWarranty li strong, #quickOrderResults .productCustomise ul .productDetailCreditOffer li strong, #quickOrderResults .productCustomise ul .productServices li strong, #quickOrderResults .productCustomise ul .productDetailPaymentOptions li strong { vertical-align: baseline; } #mainContent #selectWishlist .btnAddToWishlist { text-align: left; width: auto; } #mainContent .productCustomise .productPriceCol { margin: 0; padding: 0; } #mainContent .productCustomise .stockDeliveryMessage { height: 16px; margin: 0; padding: 0; } #mainContent .productCustomise .stockDeliveryMessage p { font-size: 12px; } #quickOrderResults .addToBasketSection { margin: 0; } #frmWishlists input.btnAddToWishlist { margin: 0 2px 0 0; } #prodpromologo { display: none; } #mainContent .dropdown .warrantyInfo { font-size: 12px; margin: 10px; } #content #relatedContent br { height: 0; line-height: 0; } #prHeader #pr-review-content-header { display: none; } #prContents .pr-contents-wrapper { width: 733px; } .warrantyPaymentOptions .dcvotermswarranty { clear: both; display: block; padding: 0 0 0 28px; margin: 0 0 5px; } /* Item Prices */ .productOptionsList .totalPrice { display: none; } /* Footer */ #orderFooter { background-color: #F5F5F5; clear: both; margin: 0 0 40px; overflow: hidden; padding: 0 10px; text-align: right; } #orderFooter .button { float: right; } #orderFooter .quickOrderTotal { font: bold 16px Arial; } /* Ways To Pay */ .productCustomise ul .price h3 .paymentOptionsInfo { width: 348px; background: #FFC; border: 1px solid #CC0; border-left: 0; color: #666000; padding: 2px 5px; } *html .productCustomise ul .price h3 .paymentOptionsInfo { width: 346px; } /* Product price */ #mainContent .productCustomise .productPrice { display: none; width: 100%; margin: 0; padding: 0; overflow: hidden; clear: both; font-size: 12px; } #mainContent .productCustomise .productPrice .productPriceAmount { border-top: 1px solid #CCCCCC; text-align: right; padding: 10px 6px 6px 0; } #mainContent .productCustomise .embeddedPricing .productPriceAmount { float: right; width: 100px; padding: 10px; } #mainContent .productCustomise .embeddedPricing .productPriceAmount .productPriceLabel { display: block; } #mainContent .productCustomise .productPrice .productPriceValueWrap { font-weight: bold; } /* Product */ #mainContent .embeddedPricing { border-bottom: 1px solid #CCC; } /* Embedded affordability */ #embeddedPricingInformation { float: left; width: 255px; } #embeddedPricingInformation .productAffordability { border: 1px solid #CCC; border-bottom: none; background-color: #EFEFEA; max-width: 253px; position: relative; vertical-align: top; } #embeddedPricingInformation .affordabilityMessaging { font: normal 12px Arial; margin: 0 10px; padding: 5px 0; background: transparent url('/static/images/product-page/embedPriceitemBg.gif') repeat-x 0 100%; } #embeddedPricingInformation .affordabilityPrice { font-weight: bold; } #embeddedPricingInformation #lowestWeeklyIFCMessage .affordabilityPrice { font-size: 12px; } #embeddedPricingInformation .affordabilityPrice sup { font-size: 14px; font-weight: bold; line-height: 16px; vertical-align: 40%; } #embeddedPricingInformation .affordabilityPromotion { font: normal 12px Arial; text-align: center; width: 200px; } #embeddedPricingInformation .affordabilityArrow { background: transparent url('/static/images/product-page/embedPriceArrow.png') no-repeat 0 0; border-color: transparent #FFF transparent transparent; height: 20px; right: -20px; position: absolute; top: 14px; width: 20px; } #embeddedPricingInformation #bnplMessage .bnplMonthsMessage { font-weight: bold; } #embeddedPricingInformation #paymentOptionsSelectable { background: none; } #embeddedPricingInformation #paymentOptionsSelectable span { display: block; } /* Payment Options Lightbox */ .paymentOptions { margin: -2px -15px -15px -15px; padding: 15px 0 0 0; background-color: #E8E8E8; overflow: hidden; position: relative; height: 312px; } .paymentOptions .paymentTabs { float: left; width: 100%; margin-left: 5px; } .paymentOptions .paymentTabs .tab { float: left; text-align: center; border-radius: 10px 10px 0 0; margin-right: 5px; background-color: #CCC; border: 1px solid #BBB; border-bottom: 0; padding: 0 5px; height: 25px; line-height: 25px; } .paymentOptions .paymentTabs .active { background-color: #fff; border-bootom: 1px solid #FFF; position: relative; z-index: 200; } .paymentOptions .paymentTabs li:hover { cursor: pointer; } .paymentOptions .paymentTabs #bnplTab, .paymentOptions .paymentTabs #allPaymentsTab { font-weight: bold; } .paymentOptions .section { display: none; float: left; width: 520px; padding: 20px; background-color: #FFFFFF; border-top: 1px solid #CCC; height: 210px; overflow: auto; position: relative; z-index: 100; margin-top: -1px; } .paymentOptions #paymentOptionsSelectableLightbox, .paymentOptions .paymentOptionsSelectableLightbox { position: absolute; width: 100%; height: 35px; line-height: 35px; bottom: 0; left: 0; text-align: center; border-top: 1px solid #CCC; background-color: #FFC; } .paymentOptions .section h2 { margin-bottom: 10px; } .paymentOptions .section h2 strong { font-size: 18px; } .paymentOptions .section ul { list-style: disc; list-style-position: inside; margin-bottom: 10px; } .paymentOptions .section ul li { margin-bottom: 5px; } .paymentOptions .productPaymentOptions { width: 100%; border-collapse: collapse; background-color: #EFEFEA; border-bottom: 1px solid #C3C4BF; } .paymentOptions .productPaymentOptions td { border-top: 1px solid #C3C4BF; padding: 10px 5px; } .paymentOptions .productPaymentOptions td.prodName, .paymentOptions .productPaymentOptions td.prodPrice { border-right: 1px dashed #C3C4BF; } .paymentOptions .productPaymentOptions td.prodName span { display: block; } .paymentOptions .productPaymentOptions td.prodQty { width: 30px; color: #666; } .paymentOptions .productPaymentOptions td.prodPrice { width: 120px; text-align: center; } .paymentOptions .productPaymentOptions td.prodPrice span { display: block; } .paymentOptions .productPaymentOptions td.prodWeeklyPrice { width: 80px; text-align: right; } .paymentOptions .productPaymentOptions td.prodWeeklyPrice strong { display: block; font-size: 18px; } /* Remove Product */ #quickOrderResults .item .confirm { cursor: default; position: absolute; z-index: 5000; right: -205px; margin: 0; text-align: left; top: 0px; } #quickOrderResults .item .confirmMessage { background-color: #fff7cb; border: 1px solid #e0d16a; box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #8c7c10; line-height: 14px; margin: -2px 0 0 0; padding: 6px 8px 6px 8px; position: relative; width: 200px; z-index: 900; } #quickOrderResults .item .confirmMessage p { margin: 0 0 5px 0; } #quickOrderResults .item .confirmArrow { width: 10px; height: 16px; z-index: 5003; cursor: pointer; position: absolute; top: 5px; left: -9px; } #quickOrderResults .item .confirmArrow div { background-color: #fff7cb; border-top: 1px solid #e0d16a; border-bottom: 1px solid #e0d16a; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05); height: 15px; display: block; font-size: 0; width: 2px; line-height: 0; position: absolute; } #quickOrderResults .item .confirmArrow .a7 { box-shadow: 0 0 0; height: 11px; right: 0; top: 0; width: 1px; } #quickOrderResults .item .confirmArrow .a6 { height: 9px; right: 1px; top: 1px; } #quickOrderResults .item .confirmArrow .a5 { height: 7px; right: 3px; top: 2px; } #quickOrderResults .item .confirmArrow .a4 { height: 5px; right: 5px; top: 3px; } #quickOrderResults .item .confirmArrow .a3 { height: 3px; right: 7px; top: 4px; } #quickOrderResults .item .confirmArrow .a2 { height: 1px; right: 9px; top: 5px; } #quickOrderResults .item .confirmArrow .a1 { background-color: #CC0; border: 0; height: 1px; right: 11px; top: 6px; width: 1px; } #quickOrderResults .productReviews .pluck-review-rollup-review-meta-recommended { display: none; } #quickOrderResults .productReviews .pluck-review-rollup-review-meta-text { font-family: Arial, "Lucida Grande", sans-serif; font-size: 12px; padding: 8px 0 0 0; } #quickOrderResults .pluck-review-rollup-review-meta-count { cursor: default; color: #333; outline: none; } /* ---------------------- */ /* quick-order-search.css */ /* ---------------------- */ #quickOrder { overflow: hidden; } #quickOrder h3 { font-size: 12px; font-weight: bold; padding: 10px; } #pageContainer #mainContent { width: 638px; } #content #relatedContent { margin: 0 0 0 30px; width: 300px; } #content #relatedContent img { margin: 50px 0 0; } #quickOrder a {font: normal 12px Arial; } #quickOrder a:hover { text-decoration: underline; } #quickOrderInput { font: normal 12px Arial; list-style-position: inside; list-style-type: none; margin: 20px 0 30px 25px; padding: 0; } #quickOrderInput .itemNumber { float: left; padding-top: 6px; width: 20px; } #quickOrderInput input { border: 1px inset #CCC; font-size: 12px; padding: 5px; text-transform: uppercase; vertical-align: middle; width: 140px; } #quickOrderInput input.loading { border: 1px inset #CCC; background: #FFF url('/static/images/loading-small.gif') no-repeat 102% center; } #quickOrderInput input.defaultInput { color: #999; text-transform: none; } #quickOrderInput .removeQuickOrderItem { padding: 0 0 0 5px; } #quickOrderInput span { padding: 0 0 0 5px; vertical-align: middle; } #quickOrderInput li { border: 1px solid #FFF; border-radius: 3px; display: list-item; list-style: none; margin: 0 0 10px; overflow: hidden; padding: 5px 10px; vertical-align: middle; } #quickOrderInput .quickNumbering { padding: 0 10px 0 0; } #quickOrderInput li.error { background-color: #FEE; border: 1px solid #F55; color: #F55; } input.continue { background: url('//content.isme.com/assets/static/images/btns_checkout.png'); border: 0; color: transparent; font-size: 0; height: 30px; width: 200px; } input.continue:hover { background-position: 0 -30px; cursor: pointer; } #moreItemsBtn, #quickOrderClear { float: left; margin-bottom: 15px; width: 30%; } #quickOrderClear a { outline: none; padding: 0 0 0 25px; } #quickOrderSearch { float: left; margin-bottom: 15px; text-align: right; width: 40%; } /* ---------------- */ /* review-stars.css */ /* ---------------- */ .reviewStars, .reviewStars .reviewStarColour, .reviewStars .reviewStarMask { display: block; height: 12px; width: 99px; } .reviewStars { background: #ccc; float: left; margin: 0 0 9px; overflow: hidden; position: relative; } .reviewStars .reviewStarColour { background: #069; position: absolute; } .reviewStars .reviewStarMask { background: transparent url('//pluck.brandquarter.co.uk/ver1.0/pluck/reviews/pluck-review-star-output-overlay.png') -3px 0; position: relative; } .reviewNumber { float: left; line-height: 14px; } .reviewStars .star00 { left: -100px; } .reviewStars .star01 { left: -97px; } .reviewStars .star02 { left: -95px; } .reviewStars .star03 { left: -94px; } .reviewStars .star04 { left: -93px; } .reviewStars .star05 { left: -92px; } .reviewStars .star06 { left: -91px; } .reviewStars .star07 { left: -90px; } .reviewStars .star08 { left: -89px; } .reviewStars .star09 { left: -87px; } .reviewStars .star10 { left: -85px; } .reviewStars .star11 { left: -78px; } .reviewStars .star12 { left: -76px; } .reviewStars .star13 { left: -75px; } .reviewStars .star14 { left: -74px; } .reviewStars .star15 { left: -73px; } .reviewStars .star16 { left: -72px; } .reviewStars .star17 { left: -71px; } .reviewStars .star18 { left: -70px; } .reviewStars .star19 { left: -68px; } .reviewStars .star20 { left: -66px; } .reviewStars .star21 { left: -58px; } .reviewStars .star22 { left: -56px; } .reviewStars .star23 { left: -55px; } .reviewStars .star24 { left: -54px; } .reviewStars .star25 { left: -53px; } .reviewStars .star26 { left: -52px; } .reviewStars .star27 { left: -51px; } .reviewStars .star28 { left: -50px; } .reviewStars .star29 { left: -48px; } .reviewStars .star30 { left: -46px; } .reviewStars .star31 { left: -38px; } .reviewStars .star32 { left: -36px; } .reviewStars .star33 { left: -35px; } .reviewStars .star34 { left: -34px; } .reviewStars .star35 { left: -33px; } .reviewStars .star36 { left: -32px; } .reviewStars .star37 { left: -31px; } .reviewStars .star38 { left: -30px; } .reviewStars .star39 { left: -28px; } .reviewStars .star40 { left: -26px; } .reviewStars .star41 { left: -19px; } .reviewStars .star42 { left: -18px; } .reviewStars .star43 { left: -16px; } .reviewStars .star44 { left: -15px; } .reviewStars .star45 { left: -14px; } .reviewStars .star46 { left: -13px; } .reviewStars .star47 { left: -12px; } .reviewStars .star48 { left: -11px; } .reviewStars .star49 { left: -9px; } .reviewStars .star50 { left: -7px; } #pageContainer .facetRating li { margin: 0 0 3px; overflow: hidden; } /* ------------ */ /* sharebar.css */ /* ------------ */ #sharebar { height: 90px; margin: 0 0 10px; } #sharebar ul { list-style: outside none; margin: 0; padding: 0; } #sharebar ul li { display: block; float: left; margin: 0 10px 0 0; } #sharebar #shareBarTwitter { width: 59px; } #sharebar #shareBarFacebook { padding-top: 1px; width: 49px; } #sharebar #shareBarGPlus { padding-top: 2px; width: 56px; } #sharebar #shareBarPinterest { padding: 42px 0 0; width: 40px; } #sharebar #shareBarGMail { padding: 46px 0 0; } #sharebar #shareBarGMail #gmail { border: 1px solid #CCC; border-radius: 3px; padding: 4px 10px 0 10px; } .dialog-size-guide { background: none repeat scroll 0 0 #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); max-width: 764px; padding: 1em; } #sizeGuide table { width: 100%; } #sizeGuide tr, #sizeGuide th, #sizeGuide td { border: 0 none; height: 30px; margin: 0; text-align: center; vertical-align: middle; } #sizeGuide td { padding: 0 2px; } #sizeGuide th { border: 0 none; color: #4a90e2; font-weight: normal; padding: 0; text-align: center; } #sizeGuide .firstRow { font-weight: bold; } #sizeGuide .firstRow th { font-weight: bold; } #sizeGuide h4 { display: none; padding: 5px; } .guideContent .odd { background: none repeat scroll 0 0 #eee; } #sizeGuide select { width: 50%; } .twoCol tbody tr > td { width: 50%; } .threeCol tbody tr > td { margin-bottom: 10px; width: 33%; } .fourCol tbody tr > td { width: 25%; } .fiveCol tbody tr > td { width: 20%; } .sixCol tbody tr > td { width: 16%; } .sevenCol tbody tr > td { width: 14%; } #sizeGuide h4 { font-size: 16px; } .unitSwitcher { width: 50%; } .bottomClose { background-color: #fff; border-top: 1px solid #eee; bottom: 0; box-sizing: border-box; height: 80px; text-align: center; } #sizeGuide .bottomClose a { background-color: #eee; box-sizing: border-box; color: #555; display: block; height: 40px; margin-top: 20px; padding: 13px; } #sizeGuide select { background: none repeat scroll 0 0 #fff; border: 1px solid #bbb; border-radius: 3px; color: #777; display: block; font-size: 12px; height: 33px; margin-bottom: 15px; margin-top: 10px; max-width: 200px; padding: 7px; } body .dialog-size-guide .ui-dialog-titlebar-close span { background: url("http://content.very.co.uk/assets/static/js/sfl/bigClose.png") no-repeat scroll center center rgba(0, 0, 0, 0) !important; } html body .dialog-size-guide .ui-dialog-titlebar-close { margin-top: 0; position: absolute; right: 10px; top: 10px; } body .dialog-size-guide .ui-dialog-title { display: block !important; font-size: 16px; padding-left: 5px; padding-top: 12px; } .dialog-size-guide .ui-dialog-titlebar { background-color: #fff; box-sizing: border-box; height: auto !important; margin: 0; padding: 10px 0; top: 0; width: 100%; } body .ui-widget-overlay { position: fixed !important; } h3 { font: bold 15px arial; margin-bottom: 10px; margin-top: 15px; text-align: left; vertical-align: middle; } h6 { font: bold 14px arial; text-align: left; } /* --------- */ /* slugs.css */ /* --------- */ .productSlug div { margin: 0; } .productSlug .slugAsSeenInNew { background-color: #EC008C; color: #FFF; font: bold 10px/18px Arial; line-height: 18px; padding: 0 5px; text-transform: uppercase; } .productSlug .slugAsSeenInNew a, .productSlug .slugAsSeenInNew a:visited, .productSlug .slugAsSeenInNew a:active { color: #FFF; } /* ---------------- */ /* view-options.css */ /* ---------------- */ #main .viewOptions { margin: 8px 0; overflow: hidden; padding: 2px 0; position: relative; } #main .viewOptions .sortForm { float: left; width: 196px; } #main .viewOptions .productsPerPage { margin: 5px 0 20px; } #main .viewOptions .productsPerPage span { font-weight: bold; } #main .viewOptions .productsCount { float: right; line-height: 27px; text-align: right; width: 274px; } #main .viewOptionsHeader { border-bottom: 1px solid #CCC; margin: 0 0 15px; padding: 0 0 13px; } #main .viewOptionsFooter { border-top: 1px solid #CCC; margin: 0 0 8px; padding: 18px 0 2px; } #main .richSnippetFooter { border-top: 1px solid #CCC; margin: 0 0 8px; padding: 20px 0 20px; } #main .richSnippet { float:left; padding: 0px 2px 0px; } #main .productLayout { float: left; text-align: right; width: 130px; } .no-js #main .productLayout { display: none; } #main .productLayout ul { border-radius: 3px; display: inline-block; line-height: 18px; list-style: disc outside none; margin: 0; padding: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #main .productLayout li { display: inline; line-height: 18px; } #main .productLayout a { background-color: #DCDCDC; border-color: #CCC #CCC #AAA; border-style: solid; border-width: 1px 1px 1px 0; box-shadow: 1px 7px 7px rgba(255, 255, 255, 1.00) inset; color: #333; float: left; line-height: 25px; padding: 0 10px 0 31px; text-decoration: none; text-shadow: 0 1px 0 #FFF; } #main .productLayout .gridView { background-image: url('../../images/global/icon-grid.png'); background-position: 10px 7px; background-repeat: no-repeat; border-left-width: 1px; border-radius: 5px 0 0 5px; outline: none; -moz-border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; } #main .productLayout .active .gridView { background-image: url('../../images/global/icon-grid-selected.png'); } #main .productLayout .listView { background-image: url('../../images/global/icon-list.png'); background-position: 10px 7px; background-repeat: no-repeat; border-radius: 0 5px 5px 0; outline: none; -moz-border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; } #main .productLayout .active .listView { background-image: url('../../images/global/icon-list-selected.png'); } #main .productLayout .active a, #main .productLayout .active a:hover { background-color: #DCDCDC; border-color: #888 #AAA #CCC; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25) inset, 0 1px 0 #FFF; color: #333; } #main .productLayout .active a:hover { cursor: text; } #main .productLayout a:hover { background-color: #EFEFEF; border-color: #BBB #BBB #999; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 0 3px #FFF inset; } .oldie #main .productLayout a { background-color: #EFEFEF; } .oldie #main .productLayout a:hover { background-color: #E6E6E6; } .oldie #main .productLayout .active a, .oldie #main .productLayout .active a:hover { background-color: #DCDCDC; } #main .viewOptions select { border: 1px solid #CCC; border-radius: 3px; color: #333; font-size: 12px; padding: 4px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } /* -------------- */ /* warranties.css */ /* -------------- */ .productOptionsList .promo .warrantyInfo { background-position: 4px 0; background-repeat: no-repeat; padding: 0 10px 0 52px; text-transform: none; } .productOptionsList .promo .sg { background-image: url('../../images/global/icon-warranty-sg.png'); } .productOptionsList .promo .sgl { background-image: url('../../images/global/icon-warranty-sgl.png'); } .productOptionsList .promo .fib { background-image: url('../../images/global/icon-warranty-fib.png'); } .productOptionsList .promo .fif { background-image: url('../../images/global/icon-warranty-fif.png'); } .productOptionsList .promo .fil { background-image: url('../../images/global/icon-warranty-fil.png'); } .productOptionsList .promo .fiw { background-image: url('../../images/global/icon-warranty-fiw.png'); } .productOptionsList .promo .fim { background-image: url('../../images/global/icon-warranty-fim.png'); } .productOptionsList .promo .rg { background-image: url('../../images/global/icon-warranty-rg.png'); } .productOptionsList .promo .mpi { background-image: url('../../images/global/icon-warranty-mpi.png'); } .productOptionsList .noWarranty { font-weight: bold; } /* Warranty Dialog Box */ #warrantyExplainedContent { height:430px!important; } #warrantyExplainedContent h2 { background-repeat: no-repeat; margin: 0 0 10px; padding: 7px 0 8px 45px; } #warrantyExplainedContent .sg { background-image: url('../../images/global/icon-warranty-sg.png'); } #warrantyExplainedContent .sgl { background-image: url('../../images/global/icon-warranty-sgl.png'); } #warrantyExplainedContent .fib { background-image: url('../../images/global/icon-warranty-fib.png'); } #warrantyExplainedContent .fif { background-image: url('../../images/global/icon-warranty-fif.png'); } #warrantyExplainedContent .fil { background-image: url('../../images/global/icon-warranty-fil.png'); } #warrantyExplainedContent .fiw { background-image: url('../../images/global/icon-warranty-fiw.png'); } #warrantyExplainedContent .fim { background-image: url('../../images/global/icon-warranty-fim.png'); } #warrantyExplainedContent .rg { background-image: url('../../images/global/icon-warranty-rg.png'); } #warrantyExplainedContent .mpi { background-image: url('../../images/global/icon-warranty-mpi.png'); } #warrantyExplainedContent table {margin:6px 21px; width:90%;} #warrantyExplainedContent table tr#title {font-weight: 700; height:17px; border-bottom:1px solid #000;} .initialWarranty { padding: 10px; } .initialWarranty strong { display: block; padding: 0 0 10px; } .initialWarranty .initialWarrantyMessage { background-color: #EFEFEA; border: 1px solid #CCC; border-radius: 5px; line-height: 16px; padding: 6px 8px 7px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .customerSelection li span .term { font-style: normal; } .productWarranty .customerSelection label { width: 275px; } /* ------------ */ /* wishlist.css */ /* ------------ */ #main .wishlistsFormContainer { float: right; margin: 0 0 20px; } #multipleWishlistContainer, #singleWishlistContainer { clear: both; overflow: hidden; } #singleWishlistContainer #addToWishlist, #multipleWishlistContainer #addToWishlist { float: right; margin: 0 20px 10px 0; } #singleWishlistContainer .addingWishlist { background: #FFF url('../../images/product/loading-small.gif') no-repeat 50px -7px; } #multipleWishlistContainer .addingWishlist { background: #FFF url('../../images/product/loading-small.gif') no-repeat 30px -7px; } #singleWishlistContainer .messageSuccess, #singleWishlistContainer .messageError, #multipleWishlistContainer .messageSuccess, #multipleWishlistContainer .messageError { clear: both; float: right; } .multipleWishlist { cursor: pointer; } .multipleWishlist .secondaryButtonEnd { width: 125px; } .wishlistMenu { background-color: #FFF; border: 1px solid #CCC; border-top: 0; clear: both; display: none; float: right; list-style: none outside; margin: 0 10px 5px; padding: 0; width: 125px; } .wishlistMenu .alt { background-color: #F5F5F5; } .wishlistMenu li:hover { background-color: #39C; } .wishlistMenu a { color: #000; display: block; line-height: 19px; padding: 5px 8px; } .wishlistMenu li:hover a { color: #FFF; text-decoration: none; } .no-js .wishlistMenu { display: block; } /* --------------- */ /* value-deals.css */ /* --------------- */ #productBundles { border: 2px solid #CCC; border-width: 2px 0; clear: both; float: none; margin: 20px 0; overflow: none; } #productBundles .productBundle { border-bottom: 1px solid #CCC; margin: 0 0 20px; overflow: hidden; } #productBundles .lastBundle { border: 0 none; margin: 0; } #productBundles .bundleItem { float: left; padding: 0 20px 20px 0; width: 130px; } #productBundles .bundleSummary { float: left; padding: 20px 0 0; width: 130px; } #productBundles .bundleImage, #productBundles .bundleImage:hover { color: #000; display: block; } #productBundles .bundleImage img { border: 1px solid #CCC; border-radius: 3px; display: block; padding: 3px; } #productBundles .bundleDescription, #productBundles .bundleDescription:hover { color: #000; line-height: 16px; margin: 10px 0 0; } #productBundles .bundlePlus { background: transparent url('../../images/product/value-deals/value-deals-addition.png') no-repeat 79% 42px; } #productBundles .bundleEquals { background: transparent url('../../images/product/value-deals/value-deals-equals.png') no-repeat 79% 44px; } #productBundles .bundleFrom { font: bold 16px Arial; } #productBundles .bundleSave { color: #C00; font: bold 14px Arial; margin: 0 0 10px; } #bundledOptions .quickOrderProduct { clear: both; padding: 10px; } #bundledOptions .removeItem { display: none; } #bundledOptions .quickOrderLeft { padding: 0 10px 0 0; width: 334px; } #bundledOptions .quickOrderLeft .quickOrderDetails { float: left; width: 225px; } #bundledOptions .quickOrderLeft .valueDealsDesc, #bundledOptions .quickOrderLeft .valueDealsDescOriginal { float: left; padding: 0; width: 225px; } #bundledOptions .quickOrderLeft .valueDealsDesc a, #bundledOptions .quickOrderLeft .valueDealsDescOriginal a { text-decoration: underline; } #bundledOptions .quickOrderLeft .valueDealsDesc a:hover, #bundledOptions .quickOrderLeft .valueDealsDescOriginal a:hover { text-decoration: none; } #bundledOptions .quickOrderLeft .valueDealsDescOriginal { display: none; } #bundledOptions .quickOrderLeft .quickOrderDetails h3 { color: #333; font-size: 11px; font-weight: bold; } #bundledOptions .quickOrderLeft .quickOrderDetails .priceBlock { padding: 6px 0; } #bundledOptions .quickOrderLeft .quickOrderDetails .priceBlock .cat { color: #999; font-weight: normal; } #bundledOptions .quickOrderLeft .quickOrderDetails .priceBlock .price { font-weight: bold; } #bundledOptions .quickOrderRight { width: 384px; } #bundledOptions .quickOrderRight .productCustomisePanel { width: 384px; } #bundledOptions .quickOrderRight .productCustomisePanel ul .dropdown { width: 384px; } #bundledOptions .quickOrderRight .productCustomisePanel ul .dropdown h3 { width: 384px; } #bundledOptions .quickOrderRight .productCustomisePanel ul .dropdown h3 span { width: 344px; } #bundledOptions .quickOrderRight .productCustomisePanel ul .options h3 em { display: none; } #bundledOptions .quickOrderRight .productCustomisePanel .bundleQuantity { background-color: transparent; border: 0; font-weight: bold; } #bundledOptions .quickOrderRight .productCustomisePanel p { margin: 0; } #bundleHeader { border-bottom: 2px solid #EBEBEB; border-top: 2px solid #EBEBEB; height: 48px; margin: 0 0 10px 0; padding: 6px 10px; } #bundleHeader h1 { color: #333; float: left; font-size: 1.64em; font-weight: bold; line-height: 22px; padding: 12px 0 0; } #bundleHeader img { float: right; } #bundleInfoHeader { padding: 15px 10px 10px; float: left; width: 748px; } #bundleInfoHeader span { float: left; font: bold 12px Arial; width: 500px; } #bundleInfoHeader .price, #bundleInfoHeader .save { clear: right; color: red; float: right; padding-left: 10px; width: auto; } #bundleInfoHeader .price { color: black; } #bundledOptions #quickOrderResults .productImage .quickOrderRemoveResult, #bundledOptions #quickOrderResults .productOptions .valueDeals { display: none; } #bundleOptionsHeader { border-top: 2px solid #EBEBEB; margin: 0; padding: 10px 10px 0; } #bundleOptionsHeader h1 { color: #333; font-size: 20px; font-weight: bold; margin: 0; padding: 0; } #bundleOptionsInfoHeader { border-bottom: 2px solid #EBEBEB; overflow: hidden; padding: 10px; } #bundleOptionsInfoHeader span { float: left; font: bold 12px Arial; width: 500px; } #bundleOptionsInfoHeader .price, #bundleOptionsInfoHeader .save { clear: right; color: red; float: right; padding-left: 10px; width: auto; } #bundleOptionsInfoHeader .price { color: black; } #orderFooter { padding: 0 10px 10px; } /* ----------- */ /* two-man.css */ /* ----------- */ #twoManPostcodeLookup label { display: block; margin: 0 0 5px; } #twoManPostcodeLookup .twoManTitle { font-size: 18px; margin: 0; } #twoManPostcodeLookup .twoManFields { clear: both; float: none; display: block; } #twoManPostcodeLookup .messageError { margin: 10px 0 0; } #twoManPostcodeLookup label { margin: 14px 0 5px; } #twoManPostcodeLookup .textInput { border: 1px solid #CCC; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 1px 0 #EEE inset, 0 1px 0 #FFF; font-family: Arial, "Lucida Grande", sans-serif; font-size: 12px; margin: 0; padding: 4px; } #twoManPostcodeLookup .status { display: inline-block; margin: 0; position: relative; } #twoManPostcodeLookup span.focus { background-color: #069; border: 2px solid #069; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: -2px; } #twoManPostcodeLookup span.focus input { border: 0 none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 1px 0 #EEE inset; outline: none; padding: 5px; } #twoManPostcode { text-transform: uppercase; width: 90px; } #twoManPostcodeLookup .button { margin: 14px 20px 0 0; } #twoManPostcodeLookup .secondaryButton { width: 100px; } #twoManPostcodeLookup .twoManChecking { background: #FFF url('../../images/product/loading-small.gif') no-repeat 0 -8px; line-height: 20px; padding: 0 0 0 34px; margin: 14px 0 0; } #twoManPostcodeLookup .twoManDeliveryDates { clear: both; overflow: hidden; } #twoManPostcodeLookup .twoManDeliveryCalendar { background-color: #CCC; margin: 14px 0 0; overflow: hidden; padding: 1px 0 0 1px; } #twoManPostcodeLookup .twoManDeliveryCalendar .date { display: block; float: left; } #twoManPostcodeLookup .twoManDeliveryDate { background-color: #FFF; display: inline-block; height: 65px; margin: 0 1px 1px 0; padding: 5px; width: 89px; } #twoManPostcodeLookup .twoManDeliveryDates .unavailable { background: #EFEFEF url('../../images/global/icon-error.png') no-repeat 5px 24px; } #twoManPostcodeLookup .twoManDeliveryDates .unavailable .deliveryDate { color: #999;} #twoManPostcodeLookup .deliveryDate { font-weight: bold; margin: 0; } #twoManPostcodeLookup .deliverySlot, #twoManPostcodeLookup .deliveryType, #twoManPostcodeLookup .deliveryPrice { margin: 0; } #twoManAvailability { outline: none; } .twoManThirdWeek { background-color: #EFEFEF; border: 1px solid #CCC; border-top: 0 none; border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; clear: both; color: #333; display: block; line-height: 16px; margin: 0 0 10px; padding: 6px 8px 7px 8px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .twoManThirdWeek a { cursor: pointer; display: block; text-align: center; } /* ----------------------- */ /* ways-to-pay.css */ /* ----------------------- */ .productGroup .productOptions .totalPriceSummary { background-color: #F5F5F5; overflow: hidden; zoom: 1; } .productGroup .productOptions .paymentOptionsMessages { border-right: 1px solid #CCC; display: none; float: left; width: 245px; } .productGroup .productOptions .paymentOptionsMessages ul { float: left; background: transparent url('../../images/commerce/basket-summary-bg.png') 100% 0 no-repeat; list-style: none outside; padding: 0 27px 0 0; margin: 0 -17px 0 0; width: 235px; } .productGroup .productOptions .paymentOptionsMessages ul li { border-bottom: 1px solid #CCC; border-top: 1px solid #FFF; font: normal 12px Arial; line-height: 16px; padding: 3px 0 5px 0; text-align: left; } .productGroup .productOptions .paymentOptionsMessages .first { border-top: none; } .productGroup .productOptions .paymentOptionsMessages .last { border-bottom: none; } /* ------------ */ /* cnet.css */ /* ------------ */ .cnetContent { margin-left: 196px; } .cnetContent p { line-height: 18px; margin: 10px 0 15px; } .cnetContent li { line-height: 18px; } .cnetContent h3 { font-size: 18px; font-weight: bold; padding: 15px 0; border-bottom: 2px solid #ccc; } .cnetContent aside { float: right; clear: both; margin: 0 0 10px 20px; } #productSpecification h3, #productAdditionalInfo h3 { margin-bottom: 5px; } #productSpecification table { margin: 0 0 20px; } #productSpecification td { line-height: 18px; border-bottom: 1px solid #ccc; width: 380px; padding: 8px 0 8px 10px; margin: 0; } #productSpecification td.specKey { font-weight: bold; width: 165px; } .additionalInfoItem { display: inline-block; margin-right: 30px; } .ie7 .additionalInfoItem { *display: inline; zoom: 1; } .additionalInfoItem img { height: 30px; width: 30px; } #tabTitles { float: left; width: 764px; padding: 0; position: relative; margin-bottom: 0; } #tabTitles li { border: 1px solid #CECECE; background-color: #F2F2F2; width: 90px; float: left; height: 25px; list-style: none outside none; padding: 10px; text-align: center; cursor: pointer; } #tabTitles li.active { border-bottom: 1px solid #FFF; border-bottom: 1px solid #FFF; background-color: #FFF; } .cnetTab { display: none; } .cnetTab.active { display: block; } .cnetContent, .reviewsTab .productReviews { margin: -1px 0 0 0 !important; border: 1px solid #CECECE; padding: 10px; float: left; width: 744px; } .cnetContent h3 { display: none; } #cnetWrapper #sharebar { width: 140px; margin: 40px 0 20px 33px; height: 215px; } #cnetWrapper.productReviews { float: left; display: block; } #cnetWrapper .reviewsTitle .pluck-review-starsOutput { margin-left: -3px !important; } #cnetWrapper .pluck-review-list { margin: 0 0 20px; border: none; } #cnetWrapper p.pluck-review-most-helpful-review-title { margin-top: 20px; } #cnetWrapper .pluck-review-most-helpful .pluck-review-most-helpful-recommendations { width: auto !important; } .pluck-review-create-tab { padding: 4px 10px; display: block; cursor: pointer; } #pageContainer #content #cnetWrapper .pluck-review-full-review-action-buttons { width: 735px; } #content #cnetWrapper .pluck-review-full-review-no-comments, #content #cnetWrapper .pluck-review-full-review-comment-hide, #content #cnetWrapper .pluck-review-full-review-no-comments { padding-right: 14px; } #pageContainer #content #cnetWrapper .pluck-review-list { margin-top: 0; } #amp-wrapper { float: left; margin: 0 20px 20px 0; width: 372px; } #amp-container { float: left; margin: 0 0 5px 0; position: relative; width: 372px; } #amp-fullscreen { clear: both; height: 30px; } .amp-fullscreen-button { background: #575757; background: -moz-linear-gradient(top, #575757 1%, #2e2a2b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#575757), color-stop(100%,#2e2a2b)); background: -webkit-linear-gradient(top, #575757 1%,#2e2a2b 100%); background: -o-linear-gradient(top, #575757 1%,#2e2a2b 100%); background: -ms-linear-gradient(top, #575757 1%,#2e2a2b 100%); background: linear-gradient(to bottom, #575757 1%,#2e2a2b 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#2e2a2b', GradientType=0); border-radius: 5px; color: #FFF; cursor: pointer; float: right; font: normal 10px Arial; height: 20px; line-height: 10px; padding: 5px; position: relative; width: 65px; } .productTourItem { background: #575757; background: -moz-linear-gradient(top, #575757 1%, #2e2a2b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#575757), color-stop(100%,#2e2a2b)); background: -webkit-linear-gradient(top, #575757 1%,#2e2a2b 100%); background: -o-linear-gradient(top, #575757 1%,#2e2a2b 100%); background: -ms-linear-gradient(top, #575757 1%,#2e2a2b 100%); background: linear-gradient(to bottom, #575757 1%,#2e2a2b 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#2e2a2b', GradientType=0); border-radius: 5px; color: #FFF; cursor: pointer; float: right; font: normal 10px Arial; height: 30px; line-height: 10px; margin: 0 10px 0 0; position: relative; width: 64px; } .productTourItemLink, .productTourItemLink:visited{ color: #FFF; display: block; padding: 5px; } .productTourItemLink:hover { text-decoration: none; } .productTourIcon { background: transparent url('/static/images/product/playIcon.png') no-repeat; display: block; height: 13px; position: absolute; right: 5px; top: 8px; width: 11px; } .amp-fullscreen-icon { background: transparent url('/static/images/product/amp/fullscreen.png') no-repeat; display: block; height: 20px; position: absolute; right: 5px; top: 5px; width: 21px; } #amp-thumbnails { float: left; height: 364px; list-style: none; margin: 0 20px 5px 0; overflow: hidden; padding: 0; width: 78px; } #amp-thumbnails li { border: 1px solid #CCC; border-radius: 3px; margin: 0 0 4px; padding: 0; } #amp-originalImage { border: 1px solid #CCC; border-radius: 3px; float: left; margin: 0 0 5px 0; overflow: hidden; width: 266px; } #amp-originalImage, #amp-thumbnails img { display: block; padding: 3px; } #amp-originalImage img { display: block; } #amp-fullscreen-button { display: none; } #amp-container .amp-button { height: 22px; width: 78px; } #amp-container .template-standard .amp-viewer-nav-container .amp-selected { box-shadow: none; } #amp-container .template-standard .amp-viewer-nav-container .amp-slide { margin-top: 4px; height: 101px; width: 78px; } #amp-container .amp-prev { margin: 0 0 3px; } #amp-container .amp-next { margin: 3px 0 0; } /* viewer.css 0d49 */ /* assets/ -> ../../images/product/amp/ */ .amp-hidden{display:none}.amp-slide{list-style:none;display:block;position:absolute;overflow:hidden;float:left;padding:0;margin:0;width:100%;height:100%}.amp-progress{position:absolute;top:0;opacity:0.5;width:10%;height:100%;background-color:white;z-index:100}.amp-frame,.amp-layer,.amp-zoomed-container{user-drag:none;-webkit-user-drag:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none}.amp-zoom,.amp-zoomed,.amp-zoomed-container{user-drag:none;-webkit-user-drag:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-o-user-select:none}.amp-frame img,.amp-layer img{user-drag:none;-webkit-user-drag:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none}.amp-main-img{width:100%;max-width:100%;height:auto;vertical-align:middle}.amp-layer{list-style:none;overflow:hidden;display:block;padding:0;margin:0}.amp-stack,.amp-carousel,.amp-spin{list-style:none;overflow:hidden;padding:0;margin:0;position:relative}.amp-loading{top:0;left:0;width:100%;height:100%;text-align:center;position:absolute;background:url('../../images/product/amp/image/loading.gif') no-repeat center}.amp-zoom{position:relative;max-width:100%}.amp-zoom-img{z-index:10;position:absolute;width:100%;max-width:100%;height:auto;vertical-align:middle}.amp-zoom-overflow{position:relative;overflow:hidden}.amp-zoom-lens{cursor:pointer;top:0;left:0;position:absolute;background:url('../../images/product/amp/image/spacer.gif');border:1px solid #ccc;display:none}.amp-zoom-container{position:relative;overflow:hidden}.amp-zoom-container img{display:block}.amp-zoom-map{position:relative}.amp-zoom-wrapper{overflow:hidden;position:absolute;top:0;left:0}.amp-zoom-map{position:relative;z-index:9999}.amp-zoom-map img{display:block}.amp-progress-indicator{position:absolute;width:400px;height:100px;background:#686868;border:1px solid #252525;zoom:1;filter:alpha(opacity=60);opacity:0.6;z-index:101}.amp-progress-indicator .amp-progress-message{padding:15px;color:#ffffff;text-align:left}.amp-progress-indicator .amp-progress-bar-background{position:absolute;height:30px;width:350px;background:#ffffff;margin:0 15px}.amp-progress-indicator .amp-progress-bar{position:absolute;height:30px;width:0;background:#a9a9a9}.amp-zoomed{display:block;position:absolute!important;max-width:none!important;user-drag:none;-webkit-user-drag:none;-moz-user-drag:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none;max-height:none!important} #amp-wrapper{float:left;margin:0 20px 20px 0;width:372px}#amp-container{float:left;margin:0 0 5px 0;position:relative;width:372px}#amp-fullscreen{clear:both;height:30px}.amp-fullscreen-button{background:#575757;background:-moz-linear-gradient(top, #575757 1%, #2e2a2b 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(1%, #575757), color-stop(100%, #2e2a2b));background:-webkit-linear-gradient(top, #575757 1%, #2e2a2b 100%);background:-o-linear-gradient(top, #575757 1%, #2e2a2b 100%);background:-ms-linear-gradient(top, #575757 1%, #2e2a2b 100%);background:linear-gradient(to bottom, #575757 1%, #2e2a2b 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#2e2a2b', GradientType=0);border-radius:5px;color:#FFF;cursor:pointer;float:right;font:normal 10px Arial;height:20px;line-height:10px;padding:5px;position:relative;width:65px}.amp-fullscreen-icon{background:transparent url('/static/images/product/amp/fullscreen.png') no-repeat;display:block;height:20px;position:absolute;right:5px;top:5px;width:21px}#amp-thumbnails{float:left;height:364px;list-style:none;margin:0 20px 5px 0;overflow:hidden;padding:0;width:78px}#amp-thumbnails li{border:1px solid #CCC;border-radius:3px;margin:0 0 4px;padding:0}#amp-originalImage{border:1px solid #CCC;border-radius:3px;float:left;margin:0 0 5px 0;overflow:hidden;width:266px}#amp-originalImage,#amp-thumbnails img{display:block;padding:3px}#amp-originalImage img{display:block}#amp-fullscreen-button{height:30px}#amp-container .template-standard .amp-viewer-nav-container .amp-selected{box-shadow:none}#amp-container .template-standard .amp-viewer-nav-container .amp-slide{margin-top:4px;height:101px;width:78px}#product #galleryWrap.galleryWrapAmp{width:300px}#amp-container .template-mobile .amp-prev{background-image:url('../../images/product/amp/amp-mob-nav-arrow.png');background-position:50% 0;margin-bottom:3px;background-repeat:no-repeat;float:left;left:-5px;height:40px;position:absolute;top:120px;width:40px}#amp-container .template-mobile .amp-next{background-image:url('../../images/product/amp/amp-mob-nav-arrow.png');background-position:50% -80px;background-repeat:no-repeat;float:right;height:40px;position:absolute;right:-5px;top:120px;width:40px}.amp .disabled{opacity:0.5}#amp-container .amp-cover-box{position:absolute;top:0}#amp-container .gradient{background:linear-gradient(to bottom, rgba(0,0,0,0.71) 21%, rgba(0,0,0,0.68) 32%, rgba(0,0,0,0.53) 100%) repeat scroll 0 0 rgba(0,0,0,0);border:2px solid #FFFFFF;border-radius:7px;box-shadow:3px 3px 5px rgba(50,50,50,0.75);color:#FFFFFF;font-size:14px;height:auto;left:0;padding:15px;position:relative;text-align:center;text-shadow:none;top:75px;width:150px;z-index:20}#amp-container .amp-gradient{background:linear-gradient(to bottom, rgba(0,0,0,0.71) 21%, rgba(0,0,0,0.68) 32%, rgba(0,0,0,0.53) 100%) repeat scroll 0 0 rgba(0,0,0,0);border:2px solid #FFFFFF;border-radius:7px;box-shadow:3px 3px 5px rgba(50,50,50,0.75);color:#FFFFFF;font-size:14px;height:auto;left:0;padding:15px;position:relative;text-align:center;text-shadow:none;top:75px;width:150px;z-index:20}#amp-container .template-mobile .amp-cover-box .message .swipe{background-image:url('../../images/product/amp/swipe.png');background-repeat:no-repeat;width:92px;height:109px;margin:auto}#amp-container .template-mobile .amp-cover-box .message .a360{background-image:url('../../images/product/amp/360.png');background-repeat:no-repeat;width:52px;height:51px;margin:auto;margin-top:10px}#amp-container .template-mobile .amp-cover-box .amp-message .amp-swipe{background-image:url('../../images/product/amp/swipe.png');background-repeat:no-repeat;width:92px;height:109px;margin:auto}#amp-container .template-mobile .amp-cover-box .amp-message .amp-a360{background-image:url('../../images/product/amp/360.png');background-repeat:no-repeat;width:52px;height:51px;margin:auto;margin-top:10px}.amp *,.amp *:before,.amp *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.amp .border{border:1px solid #cccccc;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.amp .gradient{background:-moz-linear-gradient(top, rgba(38,38,38,0.8) 0, rgba(104,104,104,0.8) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(38,38,38,0.8)), color-stop(100%, rgba(104,104,104,0.8)));background:-webkit-linear-gradient(top, rgba(38,38,38,0.8) 0, rgba(104,104,104,0.8) 100%);background:-o-linear-gradient(top, rgba(38,38,38,0.8) 0, rgba(104,104,104,0.8) 100%);background:-ms-linear-gradient(top, rgba(38,38,38,0.8) 0, rgba(104,104,104,0.8) 100%);background:linear-gradient(to bottom, rgba(38,38,38,0.8) 0, rgba(104,104,104,0.8) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc262626', endColorstr='#cc686868', GradientType=0)}.amp .amp-gradient{background:-moz-linear-gradient(top, rgba(38,38,38,0.8) 0, rgba(104,104,104,0.8) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(38,38,38,0.8)), color-stop(100%, rgba(104,104,104,0.8)));background:-webkit-linear-gradient(top, rgba(38,38,38,0.8) 0, rgba(104,104,104,0.8) 100%);background:-o-linear-gradient(top, rgba(38,38,38,0.8) 0, rgba(104,104,104,0.8) 100%);background:-ms-linear-gradient(top, rgba(38,38,38,0.8) 0, rgba(104,104,104,0.8) 100%);background:linear-gradient(to bottom, rgba(38,38,38,0.8) 0, rgba(104,104,104,0.8) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc262626', endColorstr='#cc686868', GradientType=0)}.amp .zoom-margin{z-index:11;width:100%;height:3px;background-color:white;position:absolute;display:block !important}.amp .zoom-top{top:0px;left:0px}.amp .zoom-left{height:100%;width:3px}.amp .zoom-right{right:0px;height:100%;width:3px}.amp .zoom-bottom{bottom:0px;left:0px}.amp .amp-icon{left:0;top:0;position:absolute;height:100%;width:100%;background-image:url('../../images/product/amp/thumbnail-overlay.png');z-index:1}.amp .amp-zoom-lens{border:none;background-image:url('../../images/product/amp/lens-background.png')}.amp .zoom-view{background:white;border-left:none;top:0;width:355px;height:362px;position:absolute;left:369px;display:none;z-index:999}.amp .amp-video-blocker{width:100%;height:100%;background-color:#FFF;opacity:0;display:inline-block;position:absolute;top:0px}.amp .amp-video-thumb-holder{width:100%;height:100%;background-color:#FFF;opacity:1;position:relative}.amp .amp-video-img{position:absolute;top:0px;bottom:0px;margin:auto}.amp .amp-360{background-position:77px 98px}.amp .amp-360:hover{background-position:77px -3px}.amp .amp-video{background-position:230px 98px}.amp .amp-video:hover{background-position:230px -3px}.amp .amp-button{margin:auto;height:22px;width:78px;padding:2px;cursor:pointer;background-repeat:no-repeat;background-image:url('../../images/product/amp/scroll-arrows.png')}.amp .amp-prev{background-position:50% 7px;margin-bottom:3px}.amp .amp-prev.disabled{background-position:50% -24px}.amp .amp-next{height:16px;margin-top:0px;background-position:50% -54px}.amp .amp-next.disabled{background-position:50% -84px}.amp .amp-thumb-img{height:93px;left:3px;position:absolute;top:3px;width:70px;z-index:0}.amp .template-standard{height:364px}.amp .template-standard .amp-button{height:22px;width:78px;margin:0 }.amp .template-standard .amp-fs-btn{background-image:url('../../images/product/amp/viewer_view_larger.png');background-position:50% 0px;width:64px;height:27px;float:right;margin-top:5px}.amp .template-standard .amp-fs-btn:hover{background-position:50% -30px}.amp .template-standard .amp-viewer-nav-container{float:left;width:78px;height:100%}.amp .template-standard .amp-viewer-nav-container .amp-viewer-nav-carousel{width:78px;margin:-4px 0 0}.amp .template-standard .amp-viewer-nav-container .amp-viewer-nav{margin:0}.amp .template-standard .amp-viewer-nav-container .amp-slide{width:70px;height:93px;padding:3px;cursor:pointer;margin:4px 0 0}.amp .template-standard .amp-viewer-nav-container .amp-selected{border:1px solid #7b7c83}.amp .template-standard .amp-viewer-nav-container .amp-360{background-image:url('../../images/product/amp/thumbnail-overlay.png')}.amp .template-standard .amp-viewer-main-container{float:left;width:274px;height:362px;margin-left:20px}.amp .template-standard .amp-viewer-main-container .amp-layer{width:272px;height:360px;padding:3px}.amp .template-standard .amp-viewer-main-container .amp-image-switch{position:absolute;display:inline-block;width:272px;height:360px;padding:4px 3px 3px;top:0;display:none}.amp .template-standard .amp-cover-box{position:absolute;top:0;width:100%;height:100%;opacity:1}.amp .template-standard .amp-cover-box .amp-gradient{font-family:arial;width:160px;font-size:12px;height:150px;bottom:0;position:absolute;left:0;right:0;margin:auto;top:0;line-height:17px}.amp .template-standard .amp-cover-box .amp-gradient .amp-a360{background-image:url('../../images/product/amp/drag360.png');height:100px;background-size:70%;background-repeat:no-repeat;background-position:50% 50%}.amp .template-fullscreen{box-sizing:border-box;padding:5px;left:0px;top:0px;position:fixed;width:100%;height:100%;z-index:1000;display:none}.amp .template-fullscreen .vjs-control-bar{margin-bottom:5px}.amp .template-fullscreen .amp-container-padding{box-sizing:border-box;background:white;z-index:100;width:100%;height:100%}.amp .template-fullscreen .border-box{box-sizing:border-box}.amp .template-fullscreen .fullscreen-container{padding-top:10px;width:90%;height:100%;margin:auto}.amp .template-fullscreen .nav-button{height:27px}.amp .template-fullscreen .nav-row{height:100%}.amp .template-fullscreen .amp-icon-close{position:absolute;background-image:url('../../images/product/amp/icon-close.png');width:30px;height:30px;cursor:pointer;top:10px;right:10px;z-index:100}.amp .template-fullscreen .amp-viewer-nav-container{display:table-cell;height:100%;text-align:center;width:100%}.amp .template-fullscreen .amp-viewer-nav-container ul{width:82px;margin:auto}.amp .template-fullscreen .amp-viewer-nav-container .amp-slide{width:78px;height:101px;padding:3px;cursor:pointer;margin:3px 2px;margin-bottom:1px}.amp .template-fullscreen .amp-viewer-nav-container .amp-selected{border:1px solid #7b7c83}.amp .template-fullscreen .amp-viewer-nav-container .amp-360{background-image:url('../../images/product/amp/thumbnail-overlay.png')}.amp .template-fullscreen .amp-viewer-main-container{margin:auto;position:absolute;top:0px;bottom:0px;left:0px;right:100px}.amp .template-fullscreen .amp-viewer-main{width:100%!important;height:100%!important;margin-left:auto!important;margin-top:0!important}.amp .template-fullscreen .amp-frame{height:auto !important;width:auto !important}.amp .template-fullscreen .amp-frame .amp-main-img,.amp .template-fullscreen .amp-frame .amp-just-image{height:auto !important;width:auto !important}.amp .template-fullscreen .amp-video{margin-top:0!important;max-height:100%;height:100%!important}.amp .template-fullscreen .amp-inactive{cursor:pointer}.amp .template-fullscreen .amp-active{cursor:pointer}.amp .template-fullscreen .template-fullscreen{display:block}.amp .template-fullscreen .amp-container-padding{box-sizing:border-box}.amp .template-fullscreen .nav-container{width:116px;height:100%;box-sizing:border-box;display:table-cell;vertical-align:top;border-left:none;border-top:none;border-bottom:none;padding-left:10px;padding-right:10px}.amp .template-fullscreen .main-container{height:inherit;box-sizing:border-box;display:table-cell;vertical-align:middle;overflow:hidden;width:100%;height:100%}.amp .template-fullscreen .nav-items{margin:auto;width:70px;height:100%}.amp .template-fullscreen .amp-viewer-nav-carousel{height:100px}.amp .template-fullscreen .spacer{height:24px}.amp .template-fullscreen .main{margin:auto;width:100%;height:100%;max-height:100%;overflow:hidden;text-align:center;display:table;position:relative}.amp .template-fullscreen .main ul{position:absolute}.amp .template-fullscreen .main .amp-frame{height:100%}.amp .template-fullscreen .main .amp-layer{height:100%}.amp .template-fullscreen .amp-zoom-wrapper{background:#fff}.amp .template-fullscreen .amp-cover-box{position:absolute;top:0;width:100%;height:100%;opacity:1}.amp .template-fullscreen .amp-cover-box .amp-gradient{font-family:arial;width:160px;font-size:12px;bottom:0!important;left:0;right:0;margin:auto!important;line-height:17px;top:0!important;z-index:20;position:absolute!important;height:165px!important}.amp .template-fullscreen .amp-cover-box .amp-gradient .amp-a360{background-image:url('../../images/product/amp/drag360.png');height:100px;background-size:70%;background-repeat:no-repeat;background-position:50% 50%}.amp .template-fullscreen .amp-css-responsive{display:inline-block;max-width:100%;max-height:100%;vertical-align:middle}.amp .template-fullscreen .amp-centerer{display:inline-block;height:100%;vertical-align:middle}.amp .template-fullscreen .amp-stack .amp-layer.amp-selected{position:relative;left:0}.amp .template-fullscreen .amp-carousel li,.amp .template-fullscreen .amp-stack li{height:100%;width:100%;text-align:center}.amp .template-fullscreen .slider-container{bottom:20px}.amp .table{width:100%;height:100%;display:table}.amp .nav-table{box-sizing:border-box}.amp .table-row{width:100%;display:table-row}.amp .template-mobile{display:block;background-color:#FFFFFF}.amp .template-mobile .vjs-playing{left:0px}.amp .template-mobile .amp-cover-box{width:100%;height:100%;position:absolute;top:0;left:0;display:table-cell;vertical-align:middle;z-index:11}.amp .template-mobile .amp-cover-box .message{width:167px;margin:auto;margin-top:85px;color:white;font-family:Helvetica, Verdana, Arial;padding:15px;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:2px solid white;-webkit-box-shadow:1px 1px 2px 1px #6B6B6B;box-shadow:1px 1px 2px 1px #6B6B6B}.amp .template-mobile .amp-cover-box .message .a360{background-image:url('../../images/product/amp/360.png');background-repeat:no-repeat;width:52px;height:51px;margin:auto;margin-top:10px}.amp .template-mobile .amp-cover-box .message .swipe{background-image:url('../../images/product/amp/swipe.png');background-repeat:no-repeat;width:92px;height:109px;margin:auto}.amp .template-mobile .amp-cover-box .amp-message{width:167px;margin:auto;margin-top:85px;color:white;font-family:Helvetica, Verdana, Arial;padding:15px;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:2px solid white;-webkit-box-shadow:1px 1px 2px 1px #6B6B6B;box-shadow:1px 1px 2px 1px #6B6B6B;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.amp .template-mobile .amp-cover-box .amp-message .amp-a360{background-image:url('../../images/product/amp/360.png');background-repeat:no-repeat;width:52px;height:51px;margin:auto;margin-top:10px}.amp .template-mobile .amp-cover-box .amp-message .amp-swipe{background-image:url('../../images/product/amp/swipe.png');background-repeat:no-repeat;width:92px;height:109px;margin:auto}.amp .template-mobile .hidden{display:none}.amp .template-mobile .prompt .message{width:122px}.amp .template-mobile .prompt .amp-message{width:122px}.amp .template-mobile .amp-viewer-nav-carousel{margin:8px}.amp .template-mobile .amp-image-switch{position:absolute;display:inline-block;margin:0 8px;top:0;left:0;display:none}.amp .template-mobile .amp-prev{top:140px;position:absolute;float:left;width:40px;height:40px;background-repeat:no-repeat;background-image:url('../../images/product/amp/amp-mob-nav-arrow.png')}.amp .template-mobile .amp-next{top:140px;position:absolute;float:right;width:40px;height:40px;right:0;background-repeat:no-repeat;background-image:url('../../images/product/amp/amp-mob-nav-arrow.png')}.amp .template-mobile .amp-prev{background-position:50% 0px;margin-bottom:3px}.amp .template-mobile .amp-prev.disabled{background-position:50% -40px}.amp .template-mobile .amp-next{background-position:50% -80px}.amp .template-mobile .amp-next.disabled{background-position:50% -120px}.amp .template-mobile .amp-viewer-nav{position:relative}.amp .amp-loading{background:url('../../images/product/amp/loading.gif') no-repeat center}.amp .amp-zoom-img{z-index:0} .amp .slider-container{position:absolute;bottom:0px;height:44px;width:100%;padding-top:10px;text-align:center}.amp .slider-container.slider-vert{position:absolute;right:10px;width:44px;height:100%;padding-top:10px;text-align:center;top:50%;margin-top:-124px;display:none}.amp .spin-label{font-family:Arial,"Lucida Grande",sans-serif;font-size:12px;color:#666;width:40px;height:19px;display:inline;float:left}.amp .slider-center{margin:auto;display:inline-block}.amp .slider-bg{float:left;padding-top:5px;height:32px;width:249px;background:transparent url('../../images/product/amp/slider-bg.png') 50% 50% repeat-x}.amp .slider-vert .slider-bg{width:32px;height:249px;background:transparent url('../../images/product/amp/slider-bg-vert.png') 50% 50% repeat-x}.amp .slider-vert .ui-slider-handle{margin-left:-0.5em;margin-bottom:-0.75em;outline:none}.amp .slider{width:211px;margin:auto;margin-top:7px;height:7px}.amp .slider-vert .slider{height:211px;margin:10px 0 10px 12px;width:7px}.amp .ui-state-default,.amp .ui-widget-content .ui-state-default,.amp .ui-widget-header .ui-state-default{border:none!important;background:transparent url('../../images/product/amp/slider-button.png') 50% 50% repeat-x !important}.amp .slider-vert .ui-state-default,.amp .slider-vert .ui-widget-content .ui-state-default,.amp .slider-vert .ui-widget-header .ui-state-default{border:none!important;background:transparent url('../../images/product/amp/slider-button-horz.png') 50% 50% repeat-x !important}.amp .ui-widget-header{background:white!important}.amp .ui-slider-horizontal .ui-slider-handle{top:-0.55em;margin-left:-0.8em;outline:none}.amp .ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.6em;height:1.6em;cursor:default}.amp .ui-slider-range{background-color:#FFF!important;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.amp .ui-widget-content{background:#7a7a7a!important;border:none}.amp .ui-slider{position:relative;text-align:left}.amp .ui-slider-horizontal .ui-slider-range-min{left:0}.amp .ui-slider-horizontal .ui-slider-range{top:0;height:100%}.amp .slider-vert .ui-slider-range{bottom:0;width:100%}.amp .ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.amp .increment{cursor:pointer;background:transparent url('../../images/product/amp/btnZoomIn.png') no-repeat;width:20px;height:20px;background-position:50% 50%;margin-left:6px;float:left}.amp .decrement{background:transparent url('../../images/product/amp/btnZoomOut.png') no-repeat;width:20px;height:20px;background-position:50% 50%;cursor:pointer;margin-left:6px;float:left} /*! Video.js Default Styles (http://videojs.com) Version 4.5.1 Create your own skin at http://designer.videojs.com */.amp-custom-skin{color:#ccc}.amp-custom-skin .vjs-slider{outline:0;position:relative;cursor:pointer;padding:0;background-color:#333;background-color:rgba(51,51,51,0.9)}.amp-custom-skin .vjs-slider:focus{-webkit-box-shadow:0 0 2em #fff;-moz-box-shadow:0 0 2em #fff;box-shadow:0 0 2em #fff}.amp-custom-skin .vjs-slider-handle{position:absolute;left:0;top:0}.amp-custom-skin .vjs-slider-handle:before{content:"";font-family:VideoJS;font-size:1em;line-height:1;text-align:center;text-shadow:0em 0em 1em #fff;position:absolute;top:0;left:0}.amp-custom-skin .vjs-control-bar{display:none;position:absolute;bottom:0;left:0;right:0;height:3.0em;z-index:1;background-color:#333;background-color:rgba(51,51,51,0.7)}.amp-custom-skin.vjs-has-started .vjs-control-bar{display:block;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.amp-custom-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{display:block;visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.amp-custom-skin.vjs-controls-disabled .vjs-control-bar{display:none}.amp-custom-skin.vjs-using-native-controls .vjs-control-bar{display:none}@media \0screen{.amp-custom-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before{content:""}}.amp-custom-skin .vjs-control{outline:none;position:relative;float:left;text-align:center;margin:0;padding:0;height:2.7em;width:4em}.amp-custom-skin .vjs-control:before{font-family:VideoJS;font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,0.5)}.amp-custom-skin .vjs-control:focus:before,.amp-custom-skin .vjs-control:hover:before{text-shadow:0 0 1em #fff}.amp-custom-skin .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.amp-custom-skin .vjs-volume-handle .vjs-slider-handle .vjs-control-text{border:0;height:20px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:20px}.amp-custom-skin .vjs-play-control{width:5em;cursor:pointer}.amp-custom-skin .vjs-volume-control{width:3em;position:absolute;right:80px;display:none}.amp-custom-skin .vjs-volume-bar{width:3em;height:0.6em;margin:1.1em auto 0}.amp-custom-skin .vjs-volume-level{position:absolute;top:0;height:1em}.amp-custom-skin .vjs-volume-level{position:absolute;top:0;left:0;height:0.5em;background:#ffffff}.amp-custom-skin .vjs-volume-bar:before{box-sizing:border-box;display:block;padding:0px;font-size:1.2em;text-align:center;font-family:Helvetica, Verdana, Arial;color:white;top:-18px;position:absolute}.amp-custom-skin #amp-volume-number{box-sizing:border-box;display:block;padding:0px;font-size:1.2em;text-align:center;font-family:Helvetica, Verdana, Arial;color:white;top:-103px;left:-2px;position:absolute}.amp-custom-skin .vjs-volume-handle:before{width:23px;height:11px;background:url('../../images/product/amp/volumeKnob2.png') no-repeat;display:block}.amp-custom-skin .vjs-volume-menu-button{background-image:url('../../images/product/amp/videoPlayPauseVolBtn.png');left:0px;background-position:-66px 0;cursor:pointer;margin-right:31px !important}.amp-custom-skin .vjs-volume-menu-button .vjs-menu{left:0.5em;border-left:1.5em solid transparent;border-right:1.5em solid transparent}.amp-custom-skin .vjs-volume-menu-button.vjs-menu-button .vjs-menu .vjs-menu-content{width:31px;left:-1.5em;height:95px;padding-bottom:5px}.amp-custom-skin .vjs-volume-menu-button .vjs-volume-bar{width:0.6em;height:70px;top:10px}.amp-custom-skin .vjs-volume-menu-button .vjs-volume-bar .vjs-volume-level{width:100%;top:auto;bottom:0;height:100%}.amp-custom-skin .vjs-volume-menu-button .vjs-volume-bar .vjs-volume-handle:before{top:-0.3em;left:-9px}.amp-custom-skin .vjs-volume-menu-button .vjs-volume-bar .vjs-volume-handle{left:auto}.amp-custom-skin .vjs-progress-control{position:absolute;left:0;right:0;width:auto;font-size:0.3em;height:1em;top:-1em;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.amp-custom-skin:hover .vjs-progress-control{font-size:.9em;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}.amp-custom-skin .vjs-progress-holder{height:100%}.amp-custom-skin .vjs-progress-holder .vjs-play-progress,.amp-custom-skin .vjs-progress-holder .vjs-load-progress{position:absolute;display:block;height:100%;margin:0;padding:0;left:0;top:0}.amp-custom-skin .vjs-play-progress{background:#66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat}.amp-custom-skin .vjs-load-progress{background:#646464;background:rgba(255,255,255,0.4)}.amp-custom-skin .vjs-seek-handle{width:1.5em;height:100%}.amp-custom-skin .vjs-seek-handle:before{padding-top:.1em}.amp-custom-skin .vjs-time-controls{font-size:1em;line-height:3em}.amp-custom-skin .vjs-current-time{float:left}.amp-custom-skin .vjs-duration{float:left}.amp-custom-skin .vjs-remaining-time{display:none;float:left}.vjs-time-divider{float:left;line-height:3em}.amp-custom-skin .vjs-fullscreen-control{width:3.8em;cursor:pointer;float:right}.amp-custom-skin .vjs-fullscreen-control:before{content:"\e000"}.amp-custom-skin.vjs-fullscreen .vjs-fullscreen-control:before{content:"\e00b"}.amp-custom-skin .vjs-big-play-button{left:50%;margin-left:-35.1px;top:50%;margin-top:-30.1px;font-size:3em;display:block;z-index:2;position:absolute;width:70px;height:60px;text-align:center;vertical-align:middle;cursor:pointer;opacity:1}.amp-custom-skin.vjs-big-play-centered .vjs-big-play-button{left:50%;margin-left:-35.1px;top:50%;margin-top:-30.1px}.amp-custom-skin.vjs-controls-disabled .vjs-big-play-button{display:none}.amp-custom-skin.vjs-has-started .vjs-big-play-button{display:none}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;font-size:4em;line-height:1;width:40px;height:40px;margin-left:-0.5em;margin-top:-0.5em;opacity:1;-webkit-animation:spin .25s infinite linear;-moz-animation:spin .25s infinite linear;-o-animation:spin .25s infinite linear;animation:spin .25s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.amp-custom-skin .vjs-menu-button{float:right;cursor:pointer}.amp-custom-skin .vjs-menu{display:none;position:absolute;bottom:0;left:0em;width:0em;height:0em;margin-bottom:2em;border-left:2em solid transparent;border-right:2em solid transparent;border-top:1.55em solid transparent;border-top-color:transparent}.amp-custom-skin .vjs-menu-button .vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;position:absolute;width:80px;bottom:1.1em;max-height:15em;left:-6.2em;border:1px solid #545454;background-color:#333;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#545454;background:-moz-linear-gradient(top, #545454 0, #2f2b2c 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #545454), color-stop(100%, #2f2b2c));background:-webkit-linear-gradient(top, #545454 0, #2f2b2c 100%);background:-o-linear-gradient(top, #545454 0, #2f2b2c 100%);background:-ms-linear-gradient(top, #545454 0, #2f2b2c 100%);background:linear-gradient(to bottom, #545454 0, #2f2b2c 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#545454', endColorstr='#2f2b2c', GradientType=0)}.amp-custom-skin .vjs-resolutions-button .vjs-menu .vjs-menu-content:before{box-sizing:border-box;display:block;content:'Quality';border-bottom:1px solid white;text-align:left;width:100%;padding:4px;font-size:1.2em;text-align:center;font-family:Helvetica, Verdana, Arial;color:white;background-color:#4e4b4c}.amp-custom-skin .vjs-menu-button:hover .vjs-menu{display:block}.amp-custom-skin .vjs-menu-button ul li{margin-left:22px !important;padding:0.3em 0 0.3em 0;line-height:1.4em;font-size:1.2em;text-align:left;text-transform:lowercase;list-style-type:circle;text-indent:-14px}.amp-custom-skin .vjs-menu-button ul li,.amp-custom-skin .vjs-menu-button ul li:focus,.amp-custom-skin .vjs-menu-button ul li:hover{list-style-type:none}.amp-custom-skin .vjs-menu-button ul li.vjs-selected:focus,.amp-custom-skin .vjs-menu-button ul li.vjs-selected:hover{list-style-type:disc;color:#fff}.amp-custom-skin .vjs-menu-button ul li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 0 0;font-weight:bold;cursor:default}.amp-custom-skin .vjs-subtitles-button:before{content:"\e00c"}.amp-custom-skin .vjs-captions-button:before{content:"\e008"}.amp-custom-skin .vjs-captions-button:focus .vjs-control-content:before,.amp-custom-skin .vjs-captions-button:hover .vjs-control-content:before{-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js{background-color:#FFF;position:relative;padding:0;font-size:10px;vertical-align:middle;font-weight:normal;font-style:normal;font-family:Arial,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.video-js .vjs-tech{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto auto;width:auto!important;max-width:100%;max-height:100%;min-height:100%;height:auto!important}.video-js:-moz-full-screen{position:absolute}body.vjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0;width:100% !important;height:100% !important;_position:absolute}.video-js:-webkit-full-screen{width:100% !important;height:100% !important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-poster{background-repeat:no-repeat;background-position:50% 50%;background-size:contain;cursor:pointer;height:100%;margin:0;padding:0;position:relative;width:100%}.vjs-poster img{display:block;margin:0 auto;max-height:100%;padding:0;width:100%}.video-js.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-text-track-display{text-align:center;position:absolute;bottom:4em;left:1em;right:1em}.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{display:none;font-size:1.4em;text-align:center;margin-bottom:0.1em;background-color:#000;background-color:rgba(0,0,0,0.5)}.video-js .vjs-subtitles{color:#fff}.video-js .vjs-captions{color:#fc6}.vjs-tt-cue{display:block}.amp-custom-skin .vjs-hidden{display:none}.vjs-lock-showing{display:block !important;opacity:1;visibility:visible}.amp-custom-skin p{padding:10px;font-size:2em;position:absolute}.amp-custom-skin .vjs-resolutions-button .vjs-control-content:before{font-size:1.5em;line-height:2em;width:17px;height:17px;margin:0.5em auto 0}.amp-custom-skin .vjs-resolutions-button{background-image:url('../../images/product/amp/resolutions.png');background-position:7px 0px;background-repeat:no-repeat;float:left;left:189px}.amp-custom-skin .vjs-resolutions-button:hover{background-position:7px -26px}.amp-custom-skin .vjs-control-bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin:auto;margin-bottom:0px;width:263px;height:32px;background-color:initial;background-image:url('../../images/product/amp/video-controls.png');right:3px}.amp-custom-skin .vjs-fullscreen-control,.amp-custom-skin .vjs-current-time,.amp-custom-skin .vjs-time-divider,.amp-custom-skin .vjs-duration{display:none}.amp-custom-skin .vjs-play-control{width:37px}.amp-custom-skin .vjs-progress-control{width:138px;float:left;font-size:0.3em;height:7px;top:11px;left:54px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.amp-custom-skin .vjs-slider,.amp-custom-skin .vjs-load-progress,.amp-custom-skin .vjs-play-progress{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.amp-custom-skin .vjs-resolutions-button{right:0px;margin-top:3px}.amp-custom-skin .vjs-resolutions-button .vjs-selected{list-style:disc}.amp-custom-skin .vjs-play-progress{background:white}.amp-custom-skin .vjs-big-play-button{background-image:url('../../images/product/amp/play-buttons.png');background-repeat:no-repeat;background-color:initial}.amp-custom-skin .vjs-big-play-button:focus,.amp-custom-skin .vjs-big-play-button:hover{background-color:initial;background-position:0 -60px}.amp-custom-skin .vjs-mute-control{background-image:url('../../images/product/amp/videoPlayPauseVolBtn.png');left:157px;background-position:-66px 0;cursor:pointer}.amp-custom-skin .vjs-mute-control:hover{background-position:-66px 0}.amp-custom-skin .vjs-mute-control.vjs-vol-0{background-position:-66px -32px}.amp-custom-skin .vjs-seek-handle{display:none}.amp-custom-skin .vjs-menu-button ul li{background-color:transparent;outline:none;margin:0;padding:0.3em 0 0.3em 0;line-height:1.4em;font-size:1.2em;text-align:left!important;font-weight:bold;font-family:Helvetica, Verdana, Arial;color:white;text-transform:none;padding-left:10px}.amp-custom-skin .vjs-menu-button ul li .vjs-selected{list-style-type:circle;list-style:disc}.amp-custom-skin .vjs-menu-button ul li:last-child{-webkit-border-bottom-left-radius:5px;-moz-border-bottom-left-radius:5px;border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-bottom-right-radius:5px;border-bottom-right-radius:5px}.amp-custom-skin .vjs-menu-button ul li:focus{outline:none}.amp-custom-skin .vjs-loading-spinner{background-image:url('../../images/product/amp/spinner.png')}.amp-custom-skin .vjs-play-control{background:url('../../images/product/amp/videoPlayPauseVolBtn.png');background-position:1px -32px}.amp-custom-skin .vjs-play-control:hover{background-position:1px 0px}.amp-custom-skin .vjs-play-control.vjs-paused{background-position:-35px -32px}.amp-custom-skin .vjs-play-control.vjs-paused:hover{background:url('../../images/product/amp/videoPlayPauseVolBtn.png');background-position:-35px 0}.amp-custom-skin .vjs-share-button{display:none}.amp-custom-skin:hover .vjs-big-play-button{background-image:url('../../images/product/amp/play-buttons.png');background-repeat:no-repeat;background-color:initial;background-position:0 -60px}.amp-custom-skin:hover .vjs-big-play-button:focus,.amp-custom-skin:hover .vjs-big-play-button:hover{background-color:initial;background-position:0 -60px}.amp-custom-skin:hover .vjs-seek-handle{display:none} /* End of viewer.css */ .ie7 .table-row { height: 100%; } .ie7 #amp-container .amp-button { height: 20px; width: 76px; } .ie7 .amp .amp-button { padding: 0; } .ie7 .amp .template-standard .amp-viewer-nav-container .amp-slide { padding: 0; } .ie7 #amp-container .template-standard .amp-viewer-nav-container .amp-slide { height: 99px; width: 76px; } .ie7 #amp-container { z-index: 998; } .ie7 .amp .template-standard .amp-viewer-main-container { margin-left: 18px; } .ie7 .amp .template-standard .amp-viewer-main-container .amp-layer { height: auto; width: auto; } .ie7 .amp .template-fullscreen { width: auto; } .ie7 .amp .template-fullscreen .amp-viewer-nav-container { display: inline; } .ie7 .amp .template-fullscreen .amp-viewer-nav-container .amp-slide { height: 93px; width: 70px; } .ie7 .template-fullscreen .nav-button, .ie7 .template-fullscreen .nav-row { display: inline; } .ie7 .amp .template-fullscreen .nav-container { float: left; } .ie7 .amp .template-fullscreen .main-container { float: left; width: auto; } .ie7 #pageContainer .indexFix { z-index: 301; } .ie8 .amp-custom-skin .vjs-resolutions-button ul li { padding-left: 0; text-indent: 0; }