/* * File: BuysparesStyle.css * Description: Contains Resets and default formating * Reset by:Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt, version: 2.2.2 * Guidelines: Insert text-indents here only when used for graphical headers. * When only specificying background-position for a group of elements that all use the same sprite, place everything on one line for easy scanning. * * TABLE OF CONTENTS * ------------------------- * 1. Core * 2. Header * 3. Navigation * 4. Catalogue * 5. BreadCrumb Navigation * 6. Payment * 7. Random * 8. Top Products * 9. Left Navigation * 10. Mediator Work * 11. Catalogue Product List * 12. Search Results * 13. Home Page * 14. Footer * 15. Returns * 16. Product Page * 17. Static Page * 18. Payment Page * 19. Gavin's Work * 20. Basket * 21. Carasouel * * * COLORS VALUES * --------------------------- * * Dark Green | #15AD28 * Dark Green New | #009933 * Light Green | #15c61d * Dark Grey | #707070 * Border Grey | #dbdbdb * Border Grey | #c6c6c6 * * * * * * Coded by the Holy Trinity of Connect * Duane Blake * Gavin Williams * Nick Ekste */ /*-------------------------------------------------------------------- Deafault Classes --------------------------------------------------------------------*/ #buyspares {overflow:hidden;} #buyspares .container_16 {/*height:115px;*/} input{color:#000;} .links1 a, .links1 a:link, .links1 a:visited{color:#47494a; background:transparent;} .links1 a:hover, .links1 a:active{color:#1AA629; background:transparent;} .links2 a, .links2 a:link, .links2 a:visited{color:#47494a; text-decoration:underline; background:transparent;} .links2 a:hover, .links2 a:active{color:#47494a; background:transparent; text-decoration:none;} .links3 a, .links3 a:link, .links3 a:visited{color:#777; text-decoration:none; background:transparent;} .links3 a:hover, .links3 a:active{color:#47494a; background:transparent; text-decoration:underline;} .links4 a, .links4 a:link, .links4 a:visited{color:#fff; text-decoration:underline; background:transparent;} .links4 a:hover, .links4 a:active{color:#fff; background:transparent; text-decoration:none;} .links5 a, .links5 a:link, .links5 a:visited{color:#3AB024; text-decoration:underline; background:transparent;} .links5 a:hover, .links5 a:active{color:#3AB024; background:transparent; text-decoration:none;} .links6 a, .links6 a:link, .links6 a:visited{color:#3AB024; text-decoration:none; background:transparent;} .links6 a:hover, .links6 a:active{color:#3AB024; background:transparent; text-decoration:underline;;} .links7 a, .links7 a:link, .links7 a:visited{color:#202529; text-decoration:underline; background:transparent;} .links7 a:hover, .links7 a:active{color:#202529; background:transparent; text-decoration:none;} .links8 a, .links8 a:link, .links8 a:visited{color:#47494a; text-decoration:none; background:transparent;} .links8 a:hover, .links8 a:active{color:#47494a; background:transparent; text-decoration:underline;} .links9 a, .links9 a:link, .links9 a:visited{color:#15ad28; text-decoration:none; background:transparent;} .links9 a:hover, .links9 a:active{color:#15ad28; background:transparent; text-decoration:underline;} .links10 a, .links10 a:link, .links10 a:visited{color:#15ad28; text-decoration:underline; background:transparent;} .links10 a:hover, .links10 a:active{color:#15ad28; background:transparent; text-decoration:none;} .links11 a, .links11 a:link, .links11 a:visited{color:#000; text-decoration:underline; background:transparent;} .links11 a:hover, .links11 a:active{color:#000; background:transparent; text-decoration:none;} .fullHdr1{background:url(../images/catalogue/headers/fullhdr1.png) no-repeat; width:700px; height:25px; padding:0 0 0 7px; font-size:1.4em; line-height:25px; font-weight:bold;color:#fff; text-transform:capitalize; } .fullHdr2{background:url(../images/catalogue/headers/top-products.jpg) no-repeat; height:17px; margin:0; font-size:1.5em; font-weight:bold; padding:4px 5px; color:#fff; } .topProducts .fullHdr2, .paymentdetails .fullHdr2{background:url(../images/components/greyheader12.png) no-repeat; height:16px; margin:0; font-size:1.5em; font-weight:bold; padding:4px 5px; color:#47494A; } .fullHdr3{font-size:1.9em; color:#47494a; font-weight:bold; text-transform:capitalize;} .fullHdr4{font-size: 1.4em; color: #47494a; font-weight: bold;} .fullHdr5{height:21px; margin:5px 0 0; font-size:1.5em; font-weight:bold; } .fullHdr6{font-size:1.8em; font-weight:bold; width:540px; margin:0 0 5px;} .fullHdr7{background:#CCCCCC url(../images/components/grid4h3.png) no-repeat; color:#47494a; display:block; font-size:1.4em; font-weight:bold; line-height:25px; padding:0 7px;} .fullHdr8{background:#CCCCCC url(../images/components/grid6h3.png) no-repeat; color:#47494a; display:block; font-size:1.4em; font-weight:bold; line-height:25px; padding:0 7px;} .fullHdr9{font-size:1.9em; color:#000; font-weight:bold; text-transform:capitalize;;} .txtFormat1{color:#15ad28;} .txtFormat2{color:#f00;} .txtFormat3{color:#15AD28;} .txtFormat4{color:#ea0d0d;} .txtFormat5{color:#f00;} .txtFormat6{color:#15AD28;} .txtFormat7{color:#47494a;} .tableFormat1{ font-size:1.2em; width:100%; background: transparent url(../images/catalogue/cataloguebg.jpg) repeat-x scroll left bottom; padding:0 0 10px 0; } .tableFormat1 td{border-bottom:1px solid #dbdbdb; vertical-align:top;padding:3px 2px;} /* .tableFormat1 td p{font-weight:bold;margin:0 0 5px 0;padding:0;font-size:1.2em;} */ .tableFormat1 td a:link, .tableFormat1 td a:visited{text-decoration:underline;} .tableFormat1 td a:hover, .tableFormat1 td a:focus{text-decoration:none;} .tableFormat1 td a:active{text-decoration:underline;} .tableFormat1 td p{padding:0;} .tableFormat1 tr.noBorder td{border-bottom:0px; padding-bottom:10px;} .errorMsg1 p{font-size:1.2em;} .txtSize12{font-size:1.2em;} .txt12{font-size:1.2em;} .txt13{font-size:1.3em;} .txt14{font-size:1.4em;} .vAlignMiddle{vertical-align:middle;} .lightbg{background:#ececec;} .msgBox1{background:#15ad28; color:#fff; font-size:1.3em; text-align:center;} .noborder {border: none;} .strong {font-weight: bold;} .bottom-border {border-bottom: 1px solid #c6c6c6;} .ml100 {margin-left:100px;} /*-------------------------------------------------------------------- 1. Core --------------------------------------------------------------------*/ #buySpares{background:url(../images/universal/buysparesbg.jpg) repeat-y;; width:967px; margin:0 auto; padding:5px 0;} #header{margin:0; display:block; position:relative; overflow:hidden; background:#fff;} #content{clear:both;} /*-------------------------------------------------------------------- 2. Header --------------------------------------------------------------------*/ .slogan {margin:0 0 0 50px;} .slogan strong{font-size:3.5em; color:#707070; display:block; letter-spacing:-1px;} .slogan span{font-size:1.9em; color:#707070; display:block; margin:0 0 0 85px;line-height:14px;} .headerSearchBox{border:1px solid #969696; width:330px; margin-top:1px; vertical-align:top; float:left; padding:2px 0 2px 2px; color:#000; margin-right:1px; font-size:1.1em;} .searchBox{float:left;} .headerForm{background:url(../images/header/search.jpg) no-repeat; width:277px; height:33px; padding:5px 0 0 10px; margin-top:10px; } .searchBoxSubmitHeader{float:left;margin-top:2px;} .searchBoxSubmit{float:left;margin-top:5px;} a.basketL1{margin:5px 0 0 15px; color:#fff;} .headerBasketHdr{color:#fff; font-size:1.7em; padding:5px 0 0 0px; margin:0 0 0 7px; display:block; text-align:left; border-bottom:1px solid #fff; width:100px;} .headerBasketItems{color:#fff; margin:0 0 0 7px; font-size:1.2em; text-align:left; } .headerBasketPrice{color:#fff; margin:0 0 0 7px; font-size:1.2em; text-align:left;} .headerBasketItemsPrice{color:#fff; text-align:left;} a.basketL1_empty{margin:5px 0 0 15px; color:#47494a;} .headerBasketHdr_empty{color:#47494a; font-size:1.7em; padding:5px 0 0 0px; margin:0 0 0 7px; display:block; text-align:left; border-bottom:1px solid #47494a; width:100px;} .headerBasketItems_empty{color:#47494a; margin:0 0 0 7px; font-size:1.2em; text-align:left; } .headerBasketPrice_empty{color:#47494a; margin:0 0 0 7px; font-size:1.2em; text-align:left;} .headerBasketItemsPrice_empty{color:#47494a; text-align:left;} .headerBasketCall{float:left; width:190px;} .headerSearchSlogan{width:590px; float:left;} .headerLogo li{display:inline; font-size:1.2em; line-height:1.2em; color:#3ab025; border-right:1px solid #666; padding:0 5px;} .headerLogo li a:link, .headerLogo li a:visited, .headerLogo li a:hover, .headerLogo li a:active{color:#47494a; text-decoration:underline; } .headerLogo li a:hover{color:#47494a; text-decoration:none; } .headerLogo li a:active{color:#47494a; text-decoration:underline; } .headerLogo li.phone{border-right:0; padding:0 0 0 30px; background:url(../images/header/phone.png) no-repeat scroll 5px top; } .headerLogo li.phone a:link, .headerLogo li.phone a:visited, .headerLogo li.phone a:hover, .headerLogo li.phone a:active{font-weight:bold; color:#3AB025; text-decoration:none; } .headerContact{width:175px; float:left;} .headerTelephoneNo{float:right; margin:8px 0 0 0;} .headerBasket_empty{margin:25px 0 0 0; background:url(../images/header/minibasket_empty.jpg) no-repeat; float:right; width:170px; height:51px; text-align:left;} .headerBasket{margin:3px 0 0 0; background:url(../images/header/minibasket.jpg) no-repeat; float:right; width:170px; height:51px; text-align:left;} .headerBasketContact{text-align:right;} .headerNextDay a{background:url(../images/header/nextdaydelivery.jpg) no-repeat scroll right top; float:right; width:117px; height:118px; text-indent:-9999px; cursor:pointer;} .headerSecure a{background:url(../images/header/secure.jpg) no-repeat scroll right top; float:right; width:117px; height:118px; text-indent:-9999px; cursor:pointer;} .headerPricePromise a{background:url(../images/header/price_match.png) no-repeat scroll right top; float:right; width:117px; height:118px; text-indent:-9999px; cursor:pointer;} .hdrPageSearchBox{text-align: left; font-weight: bold; font-size: 12px; padding-left: 10px;} #skipLinks{left:-1000em; position:absolute; z-index:47;} /*-------------------------------------------------------------------- 3. Navigation --------------------------------------------------------------------*/ /* Navigation */ #navigationPower{position:relative; z-index:1001; margin-bottom:7px;} #navigationPower li{float:left; list-style:none; } #navigationPower li a{display:block; color:#fff; cursor: pointer;} #navigationPower dl a{background:none;} #navigationPower dl a span{padding:0px; background:none;} #navigationPower dl dd a {padding:0px; padding-top:5px; background:none;} #navigationPower a{color:#47494a; font-size:11px; } #navigationPower a:hover{ font-size:11px; text-decoration:none;} #navigationPower li .dropDown{display:none;} #navigationPower li.hover .dropDown{display:block; overflow:hidden;} #navigationPower dl{top:35px; left:8px; background:#fdfdfd; float:left; width:170px; padding:0 0 8px;} #navigationPower dl a{color:#47494a;} #navigationPower dl a:hover{text-decoration:underline;} #navigationPower dt {background:#e2e9e7; color:#47494a; font-size:1.1em; padding:3px 2px; text-transform:uppercase;} #navigationPower dd{padding:0 3px; } #navigationPower dd a, #navigationPower dd a:link, #navigationPower dd a:visited{padding-left:15px; } #navigationPower dd a:hover, #navigationPower dd a:active{text-decoration:underline; color:#f60; background:url(../images/universal/footerlink.gif) no-repeat left 6px;} #navigationPower dt a{ color:#47494a; padding:0 0 0 2px; } #navigationPower dt a:hover{ color:#47494a; } .dropDown{ overflow:hidden; position:absolute;; z-index:995656567; background:#fff; border: 1px #92a19b solid; } .dropBorder{ border: 4px #e2e9e7 solid; height:100%; } .drop3 .dropDown{right:0; } .drop4 .dropDown{right:0; } .drop5 .dropDown{} .drop6 .dropDown{right:0; } .drop7 .dropDown{right:0; } .drop8 .dropDown{ right:0;} .drop9 .dropDown{ right:0;} .drop10 .dropDown{ right:0;} .navigation1 li{display:inline; cursor:pointer;} /* .navigation1 .home a, .navigation1 .home a:link, .navigation1 .home a:visited{ color:#ff6600;; text-decoration:none; font-size:1em;} .navigation1 .home a:hover{color:#ff6600; text-decoration:none; font-size:1em;} .navigation1 .home a:active{ color:#ff6600;; text-decoration:none; font-size:1em;} */ .navigation1 a, .navigation1 a:link, .navigation1 a:visited, .navigation1 a:hover, .navigation1 a:focus, .navigation1 a:active{background:url(../images/navbar/nav_left.png) no-repeat 0 -30px; margin:0; margin-right:2px; padding:0 0 0 7px; text-decoration:none; cursor:pointer; color:#47494a; } .navigation1 a span, .navigation1 a:link span, .navigation1 a:visited span, .navigation1 a:visited span, .navigation1 a:active span{display:block; background:url(../images/navbar/nav_right.png) no-repeat 100% -46px; padding:7px 7px 3px 0; text-align:center; font-weight:bold; color:#47494a; cursor:pointer; height:15px;} .navigation1 .selected a span, .navigation1 .selected a:link span, .navigation1 .selected a:visited span, .navigation1 .selected a:visited span, .navigation1 .selected a:active span{display:block; background:url(../images/navbar/nav_right.png) no-repeat 100% -46px; padding:7px 7px 3px 0; text-align:center; font-weight:bold; color:#fff; cursor:pointer;} .navigation1 a span, .navigation1 a:link span, .navigation1 a:visited span, .navigation1 a:visited span, .navigation1 a:active span{display:block; background:url(../images/navbar/nav_right.png) no-repeat 100% -30px; padding:7px 7px 3px 0; text-align:center; font-weight:bold; color:#fff; cursor:pointer; height:15px;} .navigation1 .homeAdvice a.adviceNav, .navigation1 .homeAdvice a.adviceNav:link, .navigation1 .homeAdvice a.adviceNav:visited, .navigation1 .homeAdvice a.adviceNav:hover, .navigation1 .homeAdvice a.adviceNav:active{background:url(../images/navbar/advice_left.png) no-repeat 0 -33px; margin:0; margin-right:2px; padding:0 0 0 7px; text-decoration:none; cursor:pointer; color:#47494A;} .navigation1 .homeAdvice a.adviceNav span, .navigation1 .homeAdvice a.adviceNav:link span, .navigation1 .homeAdvice a.adviceNav:visited span, .navigation1 .homeAdvice a.adviceNav:visited span, .navigation1 .homeAdvice a.adviceNav:active span{display:block; background:url(../images/navbar/advice_right.png) no-repeat top right; padding:7px 7px 3px 0; text-align:center; font-weight:bold; color:#fff; cursor:pointer; height:15px;} .navigation1 .selected .homeAdvice .homeAdvice a.adviceNav span, .navigation1 .selected .homeAdvice a.adviceNav:link span, .navigation1 .selected .homeAdvice a.adviceNav:visited span, .navigation1 .selected .homeAdvice a.adviceNav:visited span, .navigation1 .selected .homeAdvice a.adviceNav:active span{display:block; background:url(../images/navbar/advice_right.png) no-repeat top right; padding:7px 7px 3px 0; text-align:center; font-weight:bold; color:#fff; cursor:pointer;} .navigation1 .homeAdvice a.adviceNav span, .navigation1 .homeAdvice a.adviceNav:link span, .navigation1 .homeAdvice a.adviceNav:visited span, .navigation1 .homeAdvice a.adviceNav:visited span, .navigation1 .homeAdvice a.adviceNav:active span{display:block; background:url(../images/navbar/advice_right.png) no-repeat right -33px; padding:7px 7px 3px 0; text-align:center; font-weight:bold; color:#fff; cursor:pointer; height:15px;} .homeNav{} .navigation1 .homeAdvice a.adviceNav:hover span{background:url(../images/navbar/advice_right.png) no-repeat 0 -33px; color:#fff;} .navigation1 .homeAdvice a.adviceNav:hover {background:url(../images/navbar/advice_left.png) no-repeat 0 -33px; } .navigation1 .homeAdvice a.adviceNav:hover span{background:url(../images/navbar/advice_right.png) no-repeat 100% -33px; } .navigation1 .homeAdvice a.adviceNav:hover { background:url(../images/navbar/advice_left.png) no-repeat 0 0; } .navigation1 .homeAdvice a.adviceNav:hover span{background:url(../images/navbar/advice_right.png) no-repeat 100% 0; } .navigation1 a:hover span{color:#fff;} .navigation1 a:hover {background:url(../images/navbar/nav_left.png) no-repeat 0 0; } .navigation1 a:hover span{background:url(../images/navbar/nav_right.png) no-repeat 100% 0; } .navigation1 a:hover { background:url(../images/navbar/nav_left.png) no-repeat 0 0; } .navigation1 a:hover span{background:url(../images/navbar/nav_right.png) no-repeat 100% 0; } .navigation1 #current a:link span, .navigation1 #current a:visited span, .navigation1 #current a:hover span, .navigation1 #current a:focus span, .navigation1 #current a:active span{color:#fff;} .navigation1 #current a:hover { background:url(../images/navbar/nav_left.png) no-repeat 0 0; } .navigation1 #current a:link span, .navigation1 #current a:visited span, .navigation1 #current a:hover span, .navigation1 #current a:focus span, .navigation1 #current a:active span{background:url(../images/navbar/nav_right.png) no-repeat 100% 0; } .navigation1 #current a:link, .navigation1 #current a:visited, .navigation1 #current a:hover, .navigation1 #current a:focus, .navigation1 #current a:active{background:url(../images/navbar/nav_left.png) no-repeat 0 0; } .navigation1 #current a:link span, .navigation1 #current a:visited span, .navigation1 #current a:hover span, .navigation1 #current a:focus span, .navigation1 #current a:active span{background:url(../images/navbar/nav_right.png) no-repeat 100% 0; } .navigation1 .selected a:link, .navigation1 .selected a:visited, .navigation1 .selected a:hover, .navigation1 .selected a:focus, .navigation1 .selected a:active{background:url(../images/navbar/nav_left.png) no-repeat 0 0; } .navigation1 .selected a:link span, .navigation1 .selected a:visited span, .navigation1 .selected a:hover span, .navigation1 .selected a:focus span, .navigation1 .selected a:active span{background:url(../images/navbar/nav_right.png) no-repeat 100% 0; } .navigation1 .selected dl a:link, .navigation1 .selected dl a:visited, .navigation1 .selected dl a:hover, .navigation1 .selected dl a:focus, .navigation1 .selected dl a:active{background:transparent; } .navigation1 .selected dl a:link span, .navigation1 .selected dl a:visited span, .navigation1 .selected dl a:hover span, .navigation1 .selected dl a:focus span, .navigation1 .selected a:active span{background:transparent} .navHighlight{font-weight:bold; text-transform:capitalize;} #navigationPower .navListTopTabs span{cursor:pointer;} .navigation2 li{display:inline; float:left; display:block; margin-right:2px;} #mediatorTabs{margin-bottom:7px;} #mediatorTabs li{float:left; list-style:none; } #mediatorTabs li a{display:block; color:#fff; } #mediatorTabs a{color:#47494a; font-size:11px; } #mediatorTabs a:hover{ font-size:11px; text-decoration:none;} /*-------------------------------------------------------------------- 4. Catalogue --------------------------------------------------------------------*/ .catalogueFoldersSections {clear:both; margin:3px 0 0 15px; overflow:hidden; width:670px;} .catalogueFoldersSections li{float:left; width:110px; /* height:150px; */ margin-top:10px;} .catalogueFoldersSectionsBrands {clear:both; margin:3px 0 10px 15px; overflow:hidden; width:670px; padding-bottom:8px;} .catalogueFoldersSectionsBrands li{float:left; width:60px; /* height:150px; */ margin-top:5px;} .shiftBrandcontainer { left:7px; position:relative; top:7px;} .shadowBrandcontainer .catalogueHoldersImgBrands { background-color:white; border:1px solid #C5C5C5; left:-7px; padding:3px; position:relative; top:-7px;} .shadowBrandcontainer {background:transparent url(../images/universal/bigshadow.gif) no-repeat scroll right bottom; width:55px;} .catalogueHoldersImgBrandsSmall{border:1px solid #C5C5C5; font-size:10px; text-align:center; vertical-align:middle; width:48px; height:48px; font-weight:bold;} .catalogueHoldersImgBrands img{ background-color:white; border:1px solid #dbdbdb;} .catalogueProductTables li{float:left; width:110px; height:170px; margin-top:10px;} .catalogueHoldersBoxes{ padding:0 0 5px; width:108px;} .catalogueHoldersBrandBoxes{ padding:0 0 5px; width:0px;} .brand_folder_more .catalogueHoldersLinks{text-indent:-99999px;} .folderSelectYourBrandText{font-size:1.2em; padding-top:10px;} .catalogueHoldersImgLinks{border:1px solid #dbdbdb; width:85px; height:80px; padding:5px; text-align:center;} .brand_folder_more .catalogueHoldersImgLinks{border:1px solid #dbdbdb; width:95px; height:90px; text-align:center; padding:0;} .catalogueHoldersLinks{text-align:center; margin:10px 0 0 0; font-weight:bold; font-size:1.2em; width:100px;} .catalogueHoldersBrandsLinks{font-size:10px; margin:2px 0 0; text-align:center; width:50px;} .catalogueCompoent{} .catalogueFolderWrappers{clear:both; margin:0 0 10px 0; overflow:hidden; padding:0; border-bottom:1px solid #c6c6c6;} .topProducts h3{} .topProductsMainImg{ background:#fff; border:#dbdbdb 1px solid; display:inline; vertical-align:middle; padding:5px; display:block; width:170px; text-align:center; height:135px;} .topProductHolderList{margin:0px 0 0 18px; padding:18px 0 0 0; width:220px; float:left;} .topProductsMainImgText{font-size:1.2em; color:#47494a; text-align:center; width:130px; font-weight:bold; margin:0 0 0 30px;} .topProductHolderListSmall{width:460px; overflow:hidden; margin:18px 0 0 0;} .topProductHolderListSmall li{width:220px; float:left; height:55px} .topProductsSmallImg{border:1px solid #dbdbdb; width:40px; height:40px; text-align:center; vertical-align:middle; float:left;} .topProductsSmallImgText{font-weight:bold; font-size:1.2em; margin: 0 0 0 10px;} .topProductsSmallImgCont{width:160px; float:left;} .compoents12bg{/*border:1px solid #c6c6c6; */border-top:0; background:url(../images/catalogue/cataloguebg.jpg) repeat-x left bottom; overflow:hidden;} .recentlyViewed h3{background:url(../images/catalogue/headers/recentlyviewed.jpg) no-repeat; height:21px;margin:5px 0 0; font-size:1.5em; font-weight:bold; padding:2px 5px;} .recentlyViewed li{width:215px; float:left; } .recentlyViewedHolderImg{ float:left; width:75px;} .recentlyViewedHolderImg img{border:1px solid #dbdbdb;} .recentlyViewedHolderTxt{width:120px; float:left; font-size:1.2em;} .recentlyViewedTxt1{font-size:1.6em; text-align:center; padding:35px 0 0 0;} .recentlyViewedTxt2{font-weight:bold; font-size:1.2em; text-align:center; padding:0 0 35px 0;} #catalogueFinderFormat{clear:both; margin-bottom:10px;} .catalogueHeadersBrands{background:url(../images/catalogue/green.png) no-repeat;} #sectionBrandHdr{color:#fff;} #sectionBrandHdr .fullHdr6{color:#fff; font-size:1.5em;} #section_hdr p.sectionBrandLogos{ width:353px; position:absolute; left:577px; top:1px; height:108px; text-indent:-99999px; } .sectionBrandHdrContainer{padding:10px; overflow:hidden; float:left; width:555px; } .sectionHdrBrands{padding:10px; color:#fff;} .sectionHdrBrands p{color:#fff;} .sectionHdrBrands .fullHdr6{color:#fff; font-size:1.5em;} /*-------------------------------------------------------------------- 5. BreadCrumb Navigation --------------------------------------------------------------------*/ .breadCrumbNavHolder{margin:0 0 10px; overflow:hidden;} .breadCrumbNav li{float:left; border-right:1px solid #47494a; padding:0 5px 0 5px; } .breadCrumbNav li.first{padding:0 0px 0 5px; } .breadCrumbNav li.last{border-right:0;} .breadCrumbNav a, .breadCrumbNav a:link, .breadCrumbNav a:visited{color:#47494a; font-size:1.2em; text-decoration:none; background:transparent; font-weight:normal;} .breadCrumbNav a:hover, .breadCrumbNav a:active{color:#47494a; font-size:1.2em; text-decoration:underline; background:transparent; font-weight:normal;} .breadCrumbSelected a, .breadCrumbSelected a:link, .breadCrumbSelected a:visited{text-decoration:underline;} .breadCrumbSelected a:hover, .breadCrumbSelected a:active{text-decoration:none;} li.breadCrumbSelected{border-right:0;} li.breadCrumbFirst{padding:0 5px 0 0; } /*-------------------------------------------------------------------- 6. Payment --------------------------------------------------------------------*/ .checkoutCardBrowserRefresh{font-size:1.2em; margin-top:10px; margin-bottom:10px;} .checkoutPaymentPleaseNoteMessage{border:0; font-size:1.2em; padding:5px;} /*-------------------------------------------------------------------- 7. Random --------------------------------------------------------------------*/ .simplePageLayout{width:700px; border-bottom:1px solid #C6C6C6; margin:10px 0 10px 10px; overflow:hidden;} .brandlogos li.brandLogoAllBrands img{border:1px solid #dadada;} .newsLetterComplete{height:560px;} .mailbg{background:url(../images/components/newsletter_signup/thankyouenevlope.jpg) no-repeat left top ; padding-left: 75px; padding-bottom:5px; margin-left:90px;} .examples{position:absolute; top:10px; right:10px; } .currentOffers{text-align:right;} .currentOffers p{padding-right:130px;} .christmasDeliveryTable{width:500px;} .staticClear{clear:both;} /*-------------------------------------------------------------------- 8. Top Products --------------------------------------------------------------------*/ ul.topProductsListLarge, .topProductsListLarge li {/*margin: 5px; */margin-bottom:0; overflow:hidden; none; width: 100%;} ul.topProductsListLarge, .topProductsListSmall li {/*margin: 5px; */margin-bottom:0; overflow:hidden; none; width: 100%; border-left:1px solid #C6C6C6; margin-left:1px; } .topProductsListLarge li {float: left; list-style: none; margin: 0; padding: 0 0 10px; width:347px; border-bottom:1px solid #C6C6C6; border-right:1px solid #C6C6C6; height:300px;} .topProductsListLarge li.topProductsListSmall {float: left; list-style: none; margin: 0; padding: 0 0 10px; width:173px; height:230px;} .topProductsImageContainerPargraph{/*border: 1px solid #dbdbdb; */ padding: 10px; /*width:155px; height:165px; vertical-align:middle; display:table-cell; */text-align:center; background:#fff;} .topProductsImageContainer{ /*width:185px; float:left; */} p.priceLarge {color: #ff0000; font-weight: bold; font-size: 15px; padding: 0;} p.stockLarge {color: #15AD28; font-weight: bold; font-size: 11px; padding: 0;} .stockSmall {color: #15AD28; font-weight: bold;} .priceSmall {color: #ff0000; font-weight: bold;} .topProductsText{/*width:150px; float:left; */text-align:center; } #topProductsBasket .topProductsText{height:205px;} #topProductsBasket {padding-top:15px; clear:both;} .topProductsText p{padding:0 5px;} .topProductsTextDescription, .topProductsTextIntro, .topProductsTextSuitable{font-size:1.1em; } .topProductsTextDescription a, .topProductsTextSuitable{font-weight:bold;} .topProductsTextDescription a:link, .topProductsTextDescription a:visited, .topProductsTextDescription a:hover, .topProductsTextDescription a:active{text-decoration:underline; color:#47494A; } .topProductsTextSuitable{} .links1.topProductsTextDescription{height:30px;} .topProductsTextIntro{height:80px;} .topProductsPrice{font-size:1.5em; font-weight:bold;} .topProductsTextPriceSoem{} .topProductsSoum{font-size:1.1em;} .topProductsTextStockText{font-size:1.1em; font-weight:bold;} .topProductsTextButtons{overflow:hidden;} .topProducts{clear:both;} /*-------------------------------------------------------------------- 9. Left Navigation --------------------------------------------------------------------*/ .pageLeftNav {margin:0 0 10px 0;} .pageLeftNav strong, .pageLeftNav h3{background:#ccc url(../images/components/grid4h3.png) no-repeat; font-size:1.4em; font-weight:bold; display:block; color:#47494a; padding:0 7px; line-height:25px; } .mediatorRefine strong, .browsebycategory strong{background:#15AB28 url(../images/components/grid4h3a.png) no-repeat; color:#fff;} .pageLeftNav p, .pageLeftNav ul{} .pageLeftNav p{font-size:1.3em; } .pageLeftNav .pageLeftNavCont, .pageLeftNav ul{border:1px solid #dadada; border-width:0 1px 1px 1px; padding:5px; width:208px;} .pageLeftNav li{padding:2px 5px; font-size:1.2em;} .pageLeftNav ul{background: url(../images/components/leftnav/pageleftnavbg.jpg) left bottom repeat-x; overflow: hidden;} .pageLeftNav p.txt{background: url(../images/components/leftnav/pageleftnavbg.jpg) left bottom repeat-x;} .whyshopwithus ul{padding:2px; width:214px;} .whyshopwithus li{border-bottom:2px solid #dbdbdb; padding:8px 5px 8px 55px;} .whyshopwithus li.pageLeftNavWhyShopRson4{border-bottom:0px solid #dbdbdb;} .whyshopwithus li{height:34px;} .pageLeftNavWhyShopRson1 a{background: transparent url(../images/components/help_and_advice/shoppound.jpg) 10px 8px no-repeat;padding:16px 0 10px 50px; display:block; } .pageLeftNavWhyShopRson2 a{background: transparent url(../images/components/help_and_advice/shopvan.jpg) 10px 8px no-repeat;padding:16px 0 10px 50px; display:block; } .pageLeftNavWhyShopRson3 a{background: transparent url(../images/components/help_and_advice/shopover.jpg) 10px 4px no-repeat;padding:13px 0 10px 50px; display:block; } .pageLeftNavWhyShopRson4 a{background: transparent url(../images/components/help_and_advice/shopcustomers.jpg) 10px 4px no-repeat;padding:5px 0 11px 50px; display:block; } .whyshopwithus li.pageLeftNavWhyShopRson1, .whyshopwithus li.pageLeftNavWhyShopRson2{padding-top:15px; padding-bottom:0px;} .whyshopwithus li.pageLeftNavWhyShopRson4, .whyshopwithus li.pageLeftNavWhyShopRson3{padding-top:9px;} #leftNavWhyShop .pageLeftNavWhyShopRson1{padding:0 0 15px; } #leftNavWhyShop .pageLeftNavWhyShopRson2{padding:5px 0 15px; } #leftNavWhyShop .pageLeftNavWhyShopRson3{padding:10px 0 15px; } #leftNavWhyShop .pageLeftNavWhyShopRson4{padding:10px 0 15px; } #leftNavWhyShop .whyshopwithus li.pageLeftNavWhyShopRson1, .whyshopwithus li.pageLeftNavWhyShopRson2{padding-top:15px; padding-bottom:0px;} #leftNavWhyShop .whyshopwithus li.pageLeftNavWhyShopRson4, .whyshopwithus li.pageLeftNavWhyShopRson3{padding-top:9px;} .recentlyViewedProducts p{text-align:center; padding-bottom:10px; } .recentlyViewedBlurb1{text-decoration:underline;} .pageLeftNav p.pageLeftNavQuoteTxt{font-size:1.0em;} .pageLeftNav p.pageLeftNavQuoteMoreTxt{text-align:right; font-size:1.0em; font-weight:bold;} .mediatorRefine p{font-size:1.0em;} .recentlyViewedProducts li{overflow:hidden; } .recentlyViewedProductsText{width:80px; float:left;} .recentlyViewedProductsSpec {float:left; width:105px; text-align:left;} .recentlyViewedProductsSpec strong{background:none; font-size:1.0em; padding:0;} .recentlyViewedProductsSpec p{font-size:1.0em; padding:0; text-align:left;} #leftNavAlternatives ul, #leftNavAlternatives li, #leftNavHowAbout ul, #leftNavHowAbout li{overflow:hidden;} #leftNavAlternatives li, #leftNavHowAbout li{padding:0 0 5px 0;} .leftNavImage{text-align:center; float:left; width:75px; vertical-align:middle; } .leftNavImage a{border:1px solid #dbdbdb; padding:5px; width:55px; display:table-cell; vertical-align:middle; background:#fff; display:block;} .leftNavImage img{background:#fff;} .leftNavText{padding:0 5px 8px 55px; } .leftNavText a{font-weight:bold; font-size:1em; padding:0; height:auto; line-height:normal; display:block;} .hightlightRow{background:#15ad28;} .hightlightRow a{color:#fff;} .tagcloud{text-align:center; margin:0 0 10px; border:1px solid #DADADA; background:url("../images/components/leftnav/pageleftnavbg.jpg") repeat-x scroll left bottom transparent; padding:10px; } .tagcloud a:link, .tagcloud a:visited{text-decoration:none; padding:0 5px; } .tagcloud a:hover{text-decoration:underline; padding:0 5px; } .tagcloud a:active{text-decoration:none; padding:0 5px; } .tagcloud a.tag1{font-size:18px; } .tagcloud a.tag2{font-size:15px; } .tagcloud a.tag3{font-size:14px;} .tagcloud a.tag4{font-size:12px;} .tagcloud a.tag5{font-size:11px;} .tagcloud a strong{color:#D5D5D5; } .dysonScroll{background:#000 url(../images/left_section/dyson_scroll.png) no-repeat left top; padding:45px 5px 5px; margin:0 0 10px; font-size:12px; } .dysonScroll p{color:#999999; } .dysonScroll p strong{color:#ffcc00; } .dysonScroll .modelList{height:100px; overflow:auto; background:#ededed; border:1px solid #999999; } .dysonScroll .modelList ul{margin:5px; } .dysonScroll .modelList ul li{margin:2px 0; } /*-------------------------------------------------------------------- 10. Mediator Work --------------------------------------------------------------------*/ .catalogueMediatorFinder{background:transparent url(../images/catalogue/meditaor/filterbymodelbg.png) no-repeat; overflow:hidden; height:150px; clear:both; position:relative; margin-bottom:10px;} .catalogueMediatorBlurbContainer{width:280px; float:left; } .catalogueMediatorBlurb{margin:0px 0 0 6px; color:#fff; padding:5px 0 0 0;} .catalogueMediatorBlurbTxt{font-size:1.2em; color:#fff; } p.catalogueMediatorHdrTxt, h2.catalogueMediatorHdrTxt{font-size:1.7em; color:#fff; font-weight:bold; text-transform:uppercase; padding:0;} .catalogueMediatorModels{float: left; width:385px;} .catalogueMediatorModels a{font-weight:bold;} .catalogueMediatorModelsList{margin:7px 14px 0 32px; font-size:1.2em;} .catalogueMediatorModelsList li{display:inline; padding:0 5px 0 0;} .catalogueMediatorModelsAll{text-align:right; padding:0 5px 0 0; font-size:1.2em; position:absolute; top:115px; left:575px;} .catalogueMediatorModelsAll .button{width:100px;} .catalogueMediatorModelsAll a, .catalogueMediatorModelsAll a:link, .catalogueMediatorModelsAll a:visited, .catalogueMediatorModelsAll a:hover, .catalogueMediatorModelsAll a:active{font-weight: bold; } .catalogueMediatorDropDown{background:url(../images/universal/dropsearch.jpg) no-repeat; margin-bottom:10px; height:32px;} .catalogueMediatorDropDownLabel{color:#fff; font-size:1.7em; text-transform:uppercase; font-weight:bold;} .mediatorMessage{font-size:1.1em; line-height:2em; float:left; width:50%; font-weight:bold;} #mediatorPaginationBottom{margin:5px 0 0 0;} .mediatorPaginationLinks{font-size:1.1em; float:right;} .mediatorPaginationLinks table{line-height:1.4em;} .mediatorIllustrations {background: url(../images/mediator/mediatorcooker.jpg) no-repeat; height:171px; margin: 10px 0 0 0; clear: both;} .mediatorIllustrations p{font-size:1.2em; width:350px; padding:10px;} .mediatorIllustrations form{margin:0 0 0 10px; } .mediatorSelectModel{background:url(../images/mediator/howifindmymodelnumber.jpg) no-repeat; width:680px; height:103px; padding:5px 0 0 20px; position:relative; margin:0;} .mediatorSelectModelText{width:370px;} .mediatorSelectModel .fullHdr6{color:#fff; font-size:1.5em; width:370px; margin-bottom:0;} .mediatorSelectModel .fullHdr3{color:#fff;} .mediatorSampleText{font-size:1.2em; width:385px; padding:2px 0; color:#fff; } .mediatorSelectModelText .fullHdr9{color:#fff; } .mediatorClickHere{position:absolute; right:0; text-align:right; top:83px;} #tableMediator {clear:both;} #tableMediator td{width:50%;} ul.mediatorSerial{padding:0 0 10px 0;} .mediatorSerial li{padding:1px 0 1px 25px;} .mediatorSelectModelImage{vertical-align:middle; margin:-4px 0 0 -4px;} .mediatorFormBoxes{position:absolute; top:60px; left: 313px; } /*-------------------------------------------------------------------- 11. Catalogue Product List --------------------------------------------------------------------*/ .catalogueProductList{clear:both; border-top:2px solid #DBDBDB; border-bottom:2px solid #DBDBDB; } .catalogueProductList tr td{padding:5px 2px;} .catalogueProductList tr.noBorder td{border-bottom:0;} .catalogueProductListImage {padding:7px; border: 1px solid #dbdbdb; height:100px; width:100px; text-align:center; vertical-align:middle; display:table-cell; } .catalogueProductList table{width:100%;} .catalogueProductListHeadline{font-size:1.4em; color:#47494a; font-weight:bold;} .catalogueProductListPrice{font-size:1.5em; font-weight:bold; font-weight:bold; padding:0;} .catalogueProductListStock{font-size:1.2em; padding:0;} #ProductListBottom{margin:5px 0 0 0;} .catalogueProductListPaginationLinks{font-size:1.2em; overflow: hidden;} .catalogueProductListPaginationLinks table{line-height:1.4em;float:right;} .productListPaginationMessage{font-size:1em; font-weight:bold; line-height:2em; float:left; width:50%;} .productListPaginationMessage p{line-height:2.5em;padding:0;} .catalogueProductListSpec{font-size:1.2em;} .catalogueProductListSoum{font-size:0.8em; font-weight:normal; color:#47494a;} p.catalogueProductListMediator{color:#f00; font-weight: bold; font-size:1.2em; padding:0;} .catalogueProductList1{width:120px; vertical-align:top; border-top:2px solid #dbdbdb; } .catalogueProductList2{vertical-align:top; border-top:2px solid #dbdbdb; } .catalogueProductList2 table{width:100%;} .catalogueProductList3{width:115px; text-align:center; vertical-align:top; text-align:right; border-top:2px solid #dbdbdb; } .catalogueProductList3 table{height:100%; width:100%;} .catalogueProductList .noBorder{border-top:0;} .cataloguePneMessage{background:url(../images/catalogue/pnebackground1.jpg) no-repeat; width:700px; height:51px; margin:5px 0 10px 0; clear:both;} .cataloguePneMessageText { padding:5px 0; margin-left:115px; padding-top:15px; color:#47494a;} .cataloguePneMessageText .fullHdr5 { margin:0;} .cataloguePneMessageText p{font-size:1.2em; } #section_hdr {position:relative; margin-bottom:0;} #section_hdr p.sectionHdrText{font-size:1.5em; font-weight:bold; letter-spacing:-1px; text-transform:uppercase; position:absolute; top:40px; left:680px; display:inline; width:170px;} .catalogueProductListPriceSuom{width:39%; display:inline; float:left; } .catalogueProductListStockMessage{width:58%; display:inline; float:left;} .catalogueProductListAlternativeQty{margin-left:42px; float:left; *margin-left:42px; } /* * For IE only => * */ .catalogueProductListAlternativeQty input{width:25px;;} /*-------------------------------------------------------------------- 12. Search Results --------------------------------------------------------------------*/ .searchResultsPanel{background:url(../images/universal/searchresultsbg.jpg) no-repeat; width:700px; height:64px;} .searchResultsPanel p{font-size:1.2em; font-weight:bold; padding:10px 0 5px 8px; } .searchResultsPanel form{padding:0 0 0 8px;} /*-------------------------------------------------------------------- 13. Home Page --------------------------------------------------------------------*/ .homeBuySparesSlogan{background:url(../images/home/homeblurb.png) no-repeat 0 0; width:320px; height:112px; padding:5px 10px; border-bottom:1px solid #c6c6c6;} .homeBuySparesSlogan h1{font-size:1.4em; font-weight:bold; padding-bottom:5px; padding-left:70px; color:#47494a; } .homeBuySparesSlogan h2{font-size:1.2em; color:#47494a; font-size:1.2em; padding:8px 0;} .homePageHdr{display:block;} .comp6 .homePageHdr {background:url(../images/components/greyheader6.jpg) no-repeat; padding-left:6px; height:25px; line-height:25px; font-weight:bold; font-size:1.4em;} .comp8 .homePageHdr{display:block; background:#fff url(../images/components/grid8h3.png) no-repeat scroll top left;width:450px;height:19px;margin:10px 0 0 0;padding:4px 5px 2px;font-size:1.5em; font-weight:bold;} .comp16 .homePageHdr {background:url(../images/components/greyheader16.png) no-repeat; padding-left:6px; height:21px; line-height:25px; font-weight:bold; font-size:1.4em;} #findbybrand .homePageHdr{background:url(../images/components/greenheader10.jpg) no-repeat; width:565px; height:25px; line-height:25px; color:#fff; padding:0 0 0 15px; font-size:1.4em;} /*Find by Brand */ #findbybrand{background:transparent url('../images/components/find_by_brand/brand-bgr.jpg') no-repeat scroll 0 0; width: 360px; height: 341px;} #findbybrand h3{background:#fff url('../images/components/find_by_brand/findbybrandh3.png') no-repeat scroll 0 0;height:21px;margin-top:5px;font-weight:normal;padding:2px 5px;} #findbybrand p.sparesfor{background:#fff url('../images/components/find_by_brand/findbybrandp.png') no-repeat scroll 0 0;height:20px;color:#fff;margin:15px 0 0 0;padding:4px 2px 2px 5px;font-size:1.1em;font-weight:bold;} ul.brandlogos {margin:0 auto 0; width:330px;} .brandlogos li{background:#FFFFFF none repeat scroll 0 0; border:0 none; float:left; margin:6px; width:52px; height:48px;} .brandlogos li.brandLogoAllBrands{background:#fff;width:172px;height:81px; float:left; border:0;} #findbybrand .allbrands {margin-top:10px; float:left; width:185px; } #findbybrand .allbrands strong{color:#fff; background:#fff url('../images/universal/allbrands.jpg') no-repeat scroll 0 0; display:block; height:15px; padding:5px; font-size:12px; } #findbybrand .allbrands .list{border:1px solid #c6c6c6; height:320px; width:182px; font-size:12px; overflow:auto; } #findbybrand .allbrands .list ul{ } #findbybrand .allbrands .list li{margin:3px; } /* Call Centre */ .call-centre {background:transparent url('../images/home/contact_centre.png') no-repeat scroll 0 0; height: 290px; width: 220px;} .call-centre p {color: #15ad28; text-align: right; font-size: 2.3em; margin: 10px 5px 0 0;} .call-centre-link {display: block; background: transparent; height: 248px; cursor: pointer;} .call-centre-link a, .call-centre-link a:link, .call-centre-link a:visited, .call-centre-link a:active {text-decoration: none;} .call-centre-link a:hover {text-decoration: none;} .homepageByBrand{background:#fff url('../images/home/slider/hdrconfidence.jpg') no-repeat scroll 0 0; height:53px; color:#15ad28; font-size:23px; padding:17px 0 0 98px;} .homepageByBrandandSpares{background:transparent; color:#15ad28; font-size:21px; padding:17px 0 0 30px;} .homepageThreeEasySearch{background:transparent; color:#fff; font-size:20px; padding:20px 0 0 10px;} .brand-scrollTxt1{background:transparent; color:#15ad28; font-size:18px; padding:0 10px;} .appliance-scrollTxt1{background:transparent; color:#15ad28; font-size:18px; padding:0 10px;} /*----------------------------- Javascript Catalogue drop shadow--------------------------------------*/ .shiftcontainer2 { position:relative; } .shadowcontainer2 .catalogueHoldersImgLinks2 { background-color:white; border:1px solid #C5C5C5; left:-5px; position:relative; top:-5px; width:48px;} .shadowcontainer2 {background:transparent url(../images/universal/bigshadow.gif) no-repeat scroll right bottom; width:52px; } /* Newsletter Signup */ #newslettersignup{margin-top:5px;} #newslettersignup form{padding:0px 1px 0 3px;} #newslettersignup .nsbody{border:1px solid #DADADA;border-top:0; padding: 0 0 3px 0;} #newslettersignup p{padding:5px 3px; font-size:1.2em;font-weight:bold;} /* Rotating Promo */ .homeRotatingTilePromo{margin:10px 0; height:165px;} ul#rotatingpromo{width:340px; } ul#rotatingpromo li a .promo1{display:block;width:340px; } /* Finder */ .carouselCont{clear:both; width:auto; margin-bottom:2px; overflow:hidden;} .carouselContImg{width:40px; float:left;} .carouselContImg img{padding:1px;} .carouselCont2{padding:5px 0 0 0;} .carouselContDesc{width:auto; float:left; font-size:1.2em;} .carouselContDesc a{font-weight:normal;} ul#mycarousel {margin: 15px 0 0 15px; } #mycarousel li { float: left; width: 33%;} /* Customer Comments */ #customercomments{list-style:none; padding:0 ; background:#fff ; } #customercomments h3{background:#999;margin:10px 0 0 0;color:#fff;font-size:1.7em;font-weight:bold;padding:5px;} #customercomments p{margin:0;padding:0;} #customercomments ul{list-style:none; padding:0 0 20px 0; margin:0;border-left:1px solid #dadada;border-right:1px solid #dadada;border-bottom:1px solid #dadada; height:130px; background:transparent url(../images/components/leftnav/pageleftnavbg.jpg) repeat-x scroll left bottom;font-size:11px;} #customercomments li{list-style:none; padding:8px 5px 0 5px; margin:0 0 0 5px; font-size:1.1em; width: 435px; border-bottom: 1px solid #c6c6c6;} #customercomments li.more{list-style:none; padding:0; margin:0 0 0 0; font-size:1.1em; border: none;} #customercomments span.raquo{color:#999;font-weight:bold;} #customercomments span.name{display:block;color:#999;font-weight:bold;} #customercomments .moreComments{text-align:right;} #customercomments .moreComments a:link, #customercomments .moreComments a:visited{color:#47494a;text-decoration:none;} #customercomments .moreComments a:hover{color:#47494a;text-decoration:underline;} #customercomments .moreComments a:active{color:#47494a;text-decoration:none;} #customercomments ul li.comment1, #customercomments ul li.comment2, #customercomments ul li.commentnew{display:block;} #customercomments ul li.comment3, #customercomments ul li.comment4, #customercomments ul li.comment5, #customercomments ul li.comment6{display:none;} .comment_box{border-bottom:1px solid #c6c6c6; margin:0 0 10px; padding:0 0 10px;} .comment_box p{padding:0; } /* News Letter Sign up*/ .newsletterInputForm{width:190px;float:left;margin-right:5px;} /* Buy With Confidence */ .buy-confidence {border-right: 1px solid #c6c6c6; border-left: 1px solid #c6c6c6; border-bottom: 1px solid #c6c6c6; display: block;} /*-------------------------------------------------------------------- 14. Footer --------------------------------------------------------------------*/ #footer{} .footlinks{clear:both;margin-bottom:10px;background:url('../images/footer/footerbg.jpg') transparent no-repeat scroll 0 0;padding:4px 15px;height:132px;border:0;} .footlinks img{border:0;} .secure {text-align:center; } .secure ul{list-style:none;margin:0;padding:0;text-align:center} .secure li{list-style:none;margin:0 10px;padding:0;float:left;vertical-align:middle;} .secure img{border:0;} .secure img.isis{padding-top:8px;} .footinfo{margin-bottom:0px;} ul.socialnetwork{list-style:none;margin:0;padding:0 20px 0 0;text-align:right;} .socialnetwork li{list-style:none;margin:0;padding:0;display:inline;} .socialnetwork img{border:0;} ul.phone {background:url('../images/footer/phone.png') transparent no-repeat scroll 0 0;} ul.phone li{text-indent:-9999px;width:186px;height:32px;} .footinfo .disclaimer{margin:10px 0 0px;text-align:center;color:#a19e9e;} .footinfo .disclaimer a:link, .footinfo .disclaimer a:visited{color:#a19e9e;text-decoration:none;font-weight:bold;} .footinfo .disclaimer a:hover{color:#a19e9e;text-decoration:underline;font-weight:bold;} .footinfo .disclaimer a:active{color:#a19e9e;text-decoration:none;font-weight:bold;} .footinfo .cards{text-align:center;font-size:1.2em;font-weight:bold;margin:0;} .cardsimg{text-align:center;} .footinfo ul.phone{text-align:left;list-style:none;margin:0;padding:0;} .secure ul{list-style:none;margin:0;padding:0;text-align:center;overflow:hidden;} .secure li{list-style:none;margin:0 9px;padding:0;float:left;vertical-align:middle;padding:0 0 0 50px;} .secure p{color:#C6C6C6;font-size:2.4em;font-weight:bold;font-style:italic;padding:10px 0 5px;} .footlinks dl{float:left;width:160px;} .footlinks dl.lastdl{border-right:1px solid #999;height:100px;margin:0 0 70px 0;} .footlinks dt{font-weight:bold;color:#47494a; font-weight:bold; padding:0 5px 0 12px;font-size:1.1em} .footlinks dd{margin:8px 0; background:url(../images/universal/footerlink.gif) no-repeat; padding:0px 0 0px 12px;} .footlinks dl.lastDl{margin:0 0 70px 0;} .footerShareSite{font-size:1.2em; } /*-------------------------------------------------------------------- 15. Returns --------------------------------------------------------------------*/ .instock{background:transparent url('../images/product/tick.png') no-repeat scroll left center;padding:5px 0 6px 30px;color:#3AB024;font-size:11px;font-weight:bold;} .returnsDetails{padding:5px; border:1px solid #DADADA; background:transparent url(../images/components/leftnav/pageleftnavbg.jpg) repeat-x scroll left bottom;} .returnsDetails p{font-size:1.2em;} .returnsDetails label{display:block; font-size:1.2em; font-weight:bold;} .returnsDetailsPanelTwo, .returnsDetailsPanelOne{ float:left; width:230px; } .returnDetailsFolder{margin:25px 0 0 70px;} .returnSendBtn{margin-top:14px;} .returnsInvoiceNumber{background:url(../images/universal/invoicenumber.jpg) no-repeat scroll 0 0; height:108px;} .returnsInvoiceNumberContainer{width:390px; padding:5px;} .returnsInvoiceNumberContainer p{ font-size:1.2em;} .returnsInvoiceNumber{margin:10px 0 0 0;} .returnsDetailsList{} .returnsDetailsList li label{float:left; width:40%; font-weight:normal;} .returnsDetailsList li div{margin-left:40%; } .returnsDetailsList li {margin-bottom:5px;} /*-------------------------------------------------------------------- 16. Product Page --------------------------------------------------------------------*/ .thumbnails li{border:1px solid #C6C6C6; padding: 3px; float: left; text-align: center; margin-right: 5px; margin-bottom: 5px; width:53px; height:53px; } .thumbnails li.productThumbHighlight{border:1px solid #3AB024; } .thumbnails li a{display:table-cell; vertical-align:middle; width:54px;height:54px;} .productAlternativeQty{float:left; } .productAlternativeQty label{font-size:12px; font-weight:bold; } .productAlternativeQty input{width:25px;} .productListStock{font-weight:bold; } .productBuyNow{float:left; vertical-align:top; width:110px; margin:0;} .productAlternativeViewProduct{float:left; vertical-align:top; } .productStockMessage{float:left; vertical-align:top; width:135px; margin:0;} .productStockMessage .buynow {margin-top:0;} .productAlternativeViewProduct .button{width:85px; margin-top:0;} /*-------------------------------------------------------------------- 17. Static Page --------------------------------------------------------------------*/ .helpBlock li{float:left; height:100px; } .helpBlock .oddHelpBlock{margin:5px 5px 5px 0; } .helpBlock .evenHelpBlock{margin:5px 0 5px 5px; } .helpBlock p{font-size:1.2em;} .helpBlock div{padding:5px; width:453px; border:1px solid #cecece; background:transparent url(../images/components/leftnav/pageleftnavbg.jpg) repeat-x scroll left bottom; height:90px; } .infoBlock div{padding:5px; width:333px; border:1px solid #cecece; background:transparent url(../images/components/leftnav/pageleftnavbg.jpg) repeat-x scroll left bottom; height:90px; } .infoBlock li{float:left; height:100px; } .infoBlock .oddHelpBlock{margin:5px 5px 5px 0; } .infoBlock .evenHelpBlock{margin:5px 0 5px 5px; } .infoBlock p{font-size:1.2em;} .helpBlockHeaders{font-size:1.4em; font-weight:bold; margin:0 0 5px;} .staticContent{ padding: 5px; border:1px solid #C6C6C6; overflow: hidden;} .staticContent p{font-size:1.2em;} .staticSectionInformation{background: url(../images/static/headersgreen/information_bg.png) no-repeat scroll top right; height:110px; clear:both; } .staticSectionCustomerServices{background: url(../images/static/headersgreen/customerservices.png) no-repeat scroll top right; height:110px; clear:both;} .staticSectionAdvice{background: url(../images/static/headersgreen/advicecentre.png) no-repeat scroll top right; height:120px; clear:both;} .staticSectionComments{background: url(../images/static/headersgreen/customercomments.png) no-repeat scroll top right; height:120px; clear:both;} .staticText{font-size:1.2em; width:560px; margin:5px 0 0 10px; color:#fff;} .staticTitle{padding:10px 0 0 10px; display:block;} .staticTitle.fullHdr6{color:#fff;} .fullStaticHdr{font-size:1.4em; font-weight:bold;} #staticSiteUse p {margin-bottom:10px;} .staticList li, #staticSafetyInformation strong{font-size:1.2em; margin-left:100px; margin-bottom:20px;} #staticSafetyInformation .staticContent{background:url(../images/static/safety/safety.jpg) no-repeat scroll 15px 15px;} #staticSafetyInformation strong{display:block; margin-top:17px;} #cust_comp{height:93px;} #cust_comp p{height:46px;} .about-us-list {font-size: 1.2em;} .about-us-list li {background: url(../images/static/about/tick.jpg) no-repeat scroll top left; padding: 0 0 0 20px;} ul.repaircare-list {width: 264px;} .repaircare-list li {display: inline; font-weight: bold;} .repaircare-list li img {vertical-align: middle;} /*-------------------------------------------------------------------- 18. Payment Page --------------------------------------------------------------------*/ .termsConditions{font-size:1.2em;} .paymentCard3dsIntro{font-size:1.2em;} .exceededAttempts {font-size:1.2em;} .checkoutPaymentSecureMessage{} .threedsBox{ font-size:1.2em; margin-left:10px;} .exceedAttemptsHome{font-size:1.2em;} .smallBasketShade1{background:#eeeeee; } .smallBasketShade2{ background:#3AB024; color:#fff; } #checkoutPaymentAlternativePayment{background:#15ad28; text-align:left; padding:3px; padding-left:5px;} .checkoutPaymentAlternativePaymentHdr{font-size:17px; font-weight:bold; color:#fff; } /*-------------------------------------------------------------------- 19. Gavin's Work --------------------------------------------------------------------*/ a.new_button {/* Sliding right image */background: url(../images/button/new_right.gif) no-repeat scroll top right; display: block; float: right; height: 20px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */ margin-right: 6px; padding-right: 12px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */ /* FONT PROPERTIES */ text-decoration: none; color: #fff; font-size:11px; font-weight:bold;} a.new_button span {/* Background left image */ background: url(../images/button/new_left.gif) no-repeat; display: block; line-height: 15px; /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */ padding: 2px 0 5px 10px; } a.new_button:hover span{ text-decoration:underline; } ul.topProductsListSmall, .topProductsListSmall li {padding: 0; margin: 5px; list-style: none; width: 100%;} .topProductsListSmall li {float: left; list-style: none; margin: 0; padding: 0; width: 31%;} .topProductsListSmall li img {border: 1px solid #dbdbdb; margin:5px; padding: 20px; float: left;} .topProductsListSmall li p {margin: 3px 0 0 0; padding: 0;} p.catalogueProductLink, p.catalogueProductLink a, p.catalogueProductLink a:link, p.catalogueProductLink a:visited, p.catalogueProductLink a:active {color: #f47420; text-decoration: none; font-weight: bold;} p.catalogueProductLink a:hover {color: #f47420; text-decoration: underline; font-weight: bold;} /*-------------------------------------------------------------------- 20. Basket --------------------------------------------------------------------*/ .basketHightlight{background:#FFBFBF;} /* .basketDelivery{background:url(../images/checkout/basket_tile.png) no-repeat; width:230px; height:74px; position:absolute; left:370px; bottom:65px; } */ .msgwrapper{position:relative; } .basketDelivery{background:url(../images/checkout/basket_tile.png) no-repeat; width:230px; height:74px; position:absolute; left:360px; margin-top:10px; top:-35px; *top:-10px;} .basketDelivery p{color:#3AB024; font-size:1.8em; font-weight:bold; margin:5px 0 0 10px; padding:0; text-transform:uppercase; } .basketDelivery div{color:#3AB024; font-size:1.4em; font-weight:bold; margin:0 0 2px 10px; padding:4px 0 0 45px; text-transform:uppercase; } .basketDelivery span{display:block; font-size:1.1em; padding:0 0 0 30px; } .secureKomodo{display:inline; margin-left:55px;} .checkoutPaymentComplete { padding-left:40px; padding-top:5px; text-transform:uppercase; height:150px; margin-bottom:20px;} .checkoutPaymentComplete li{clear:both; margin-bottom:10px; overflow:hidden; } .checkoutPaymentComplete span{float:left; width:110px;} td.promocode form input.applycode{margin-left:5px;position:absolute; _margin-top:20px; margin: 0 0 0 5px;} .basketContinueShopping{margin-top:23px; position:relative;} .baskethdr{background:url(../images/components/greyheader16.png) repeat;} .orderCompleteText{font-size:1.6em;color:#0FAB26;font-weight:bold;font-style:italic;} #newsletter_foot{background:url(../images/footer/newsletter.png) no-repeat 0 0; width:940px; height:21px; padding:5px 0 ; margin-top:10px; clear:both;} .newsletterLink{display:block; text-indent:-9999px; width:450px; height:25px; float:left; pointer:cursor; } .newsletterInputForm2{float:left; margin-right:5px; width:300px;} .basket-links dl{float:left;width:160px;} .basket-links dl.lastdl{border-right:1px solid #999;height:100px;margin:0 0 70px 0;} .basket-links dt{font-weight:bold;color:#47494a; font-weight:bold; padding:0 5px 0 12px;font-size:1.1em} .basket-links dd{margin:15px 0; background:url(../images/universal/footerlink.gif) no-repeat; padding:0px 0 0px 12px; width: 210px; height: 11px;} .basket-links dl.lastDl{margin:0 0 70px 0;} .basket-cards{text-align:left;} /*-------------------------------------------------------------------- 21. Carasouel --------------------------------------------------------------------*/ /*-------------------------------------------------------------------- 22. 4Way Search --------------------------------------------------------------------*/ .fourwaysearch {background:url(../images/components/4way/search-bgr.jpg) no-repeat; width: 220px; height: 341px;} .fourwaysearch h2 {color: #fff; font-size: 2em; text-align: center; padding: 15px 0 0 0;} .fourwaysearch ul {margin: 75px 0 0 60px;} .fourwaysearch li {padding: 0 0 40px 0;} .fourwaysearch-box{font-size: 1.1em; width: 140px; margin: 2px 0 0 0;} .fourwaysearch input {font-size: 1.1em;} .threewaysearch {background:url(../images/components/3way/search-bgr.jpg) no-repeat; width: 220px; height: 341px;} .threewaysearch h2 {color: #fff; font-size: 2em; text-align: center; padding: 15px 0 0 0;} .threewaysearch ul {margin: 34px 0 0 60px;} .threewaysearch li {padding: 0 0 60px 0;} .threewaysearch-box{font-size: 1.1em; width: 140px; margin: 2px 0 0 0;} .threewaysearch input {font-size: 1.1em;} .threewaysearch-help {float: left; font-size: 1.2em; color: #fff; padding: 0 0 0 5px;} .threewaysearch-help a, .threewaysearch-help a:link, .threewaysearch-help a:visited, .threewaysearch-help a:active {color: #fff; text-decoration: none;} .threewaysearch-help a:hover {color: #fff; text-decoration: underline;} #threewaysearchPopup {display: none;} #TB_window #threewaysearchPopup a, #TB_window #threewaysearchPopup a:link, #TB_window #threewaysearchPopup a:visited, #TB_window #threewaysearchPopup a:active {color: #000; text-decoration: underline;} #TB_window #threewaysearchPopup a:hover {color: #000; text-decoration: none;} #threeway-link a, #threeway-link a:link, #threeway-link a:visited, #threeway-link a:active {color: #000; text-decoration: underline;} #threeway-link a:hover {color: 000; text-decoration: none;}, /*-------------------------------------------------------------------- 23. Advice Center --------------------------------------------------------------------*/ .helpadvice{clear:both} .adviceCenterImage{width:160px; float:left; } .adviceCenterImage{padding-top:5px; text-align:center; vertical-align:middle;} .adviceCenterHomeContent{float:left; width:515px;} .adviceCenterListElements{display:inline} .adviceCenterListElementsNormal{margin-bottom:10px;} /* SLIDER */ /* image replacement */ .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{ margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px; } /* // image replacement */ #slider-container{ margin:0 auto 0; position:relative; text-align:left; width:340px; background:#fff; } #slider-header{ height:70px; line-height:80px; background:#fff; color:#fff; } #content{ position:relative; } /* Easy Slider */ #slider ul, #slider li, #slider2 ul, #slider2 li{ margin:0; padding:0; list-style:none; } #slider2{margin-top:1em;} #slider li, #slider2 li{ /* define width and height of list item (slide) entire slider area will adjust according to the parameters provided here */ width:338px; height:241px; overflow:hidden; } #prevBtn, #nextBtn, #slider1next, #slider1prev{ display:block; width:30px; height:77px; position:absolute; left:-30px; top:71px; z-index:1000; } #nextBtn, #slider1next{ left:696px; } #prevBtn a, #nextBtn a, #slider1next a, #slider1prev a{ display:block; position:relative; width:30px; height:77px; background:url(../images/btn_prev.gif) no-repeat 0 0; } #nextBtn a, #slider1next a{ background:url(../images/btn_next.gif) no-repeat 0 0; } /* numeric controls */ ol#controls{ margin:0; padding:3px; height:23px; background: #15ad28; width: 334px; } ol#controls li{ margin:0 10px 0 0; padding:0; float:left; list-style:none; height:28px; line-height:28px; } ol#controls li a{ float:left; height:18px; line-height:18px; border:1px solid #ccc; background:#DAF3F8; color:#555; padding:0 10px; text-decoration:none; } ol#controls li.current a{ background:#5DC9E1; color:#fff; } ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;} /* // Easy Slider */