/* HTS Framework */
.hidden { display:none !important; }

body{ background:#f3ece4 url(../img/backgrounds/body.gif) 0 0 repeat-x; }
#container{ position:relative; width:940px; margin:0 auto; background-color:#fff; color:#000; }
#header{ position:relative; height:107px; width:940px; margin:0 0 8px 0; background:url(../img/backgrounds/header.jpg) 0 20px no-repeat; }

#header #adminNav, #footer ul{ width:932px; height:20px; margin:0 0 0 8px; background-color:#84606c; }
#header #adminNav ul{ position:relative; margin-left:232px; height:20px;line-height:17px; }
#header #adminNav ul li, #footer ul li{ display:inline; padding:0 0 0 13px; font-size:60%; color:#f3ece4; }
#header #adminNav ul li a, #footer ul li a{ padding:0 13px 0 0; color:#f3ece4; }
#header #logo{ position:absolute; width:143px; height:67px; top:33px; left:18px; }
#header #miniCart{ position:absolute; width:471px; top:51px; left:236px; height:44px; padding-top:12px; background:url(../img/backgrounds/miniCart.jpg) 0 0 no-repeat; }
#header #miniCart p{ width:94%; font-size:60%; color:#84606c; text-align:center; line-height:2; }
#header .liveChat {position:absolute; bottom:0; right:0;}

#contentArea{ position:relative; width:920px; margin:0 10px; }
#leftNav{ position:relative; width:150px; float:left; z-index:25; }
#leftNav h2{ position:relative; z-index:1; color:#fff; font-size:70%; background-color:#a9a8b8; padding:4px 0; text-indent:10px; }
#leftNav h2 a{ color:#fff; }

#miniSearch{ height:81px; background:#86626d; margin-bottom:4px; }
#miniSearch fieldset, #leftNav .brands fieldset{ padding:10px 0 8px 10px; }
#miniSearch input, #leftNav .brands select, #leftNav .newsletter input{ width:124px; padding:2px; font-size:11px; color:#000061; background:#f3ece4; border:1px solid #a4a4a4; }
#miniSearch a.adv{ font-size:60%; color:#f3ece4; margin-left:10px; }

#leftNav .nav, #leftNav .buyingGuides{ margin-bottom:10px; }
#leftNav .nav ul.mainNav{ position:relative; background:#86626d url(../img/backgrounds/mainNav.gif) 0 bottom repeat-x;margin:-1px 0; }
#leftNav .nav ul li{ display:block; font-size:11px; line-height:19px; }
#leftNav .buyingGuides ul li{ display:block; font-size:11px; line-height:11px; padding:4px 0; }
#leftNav .nav ul li a, #leftNav .buyingGuides li a{ display:block; position:relative; padding-left:19px; color:#fff; background:url(../img/icons/icon_sprite.gif) 8px 7px no-repeat; }
/*#leftNav .nav ul.mainNav .flyout{ display:none; position:absolute; }*/
#leftNav .nav ul.lists{ position:relative; width:150px; background-color:#c2a394; }
#leftNav .nav ul.lists li{ position:relative; background-color:#84606c; margin-bottom:2px; line-height:11px; padding:4px 0; }
#leftNav ul.lists li a, #leftNav .buyingGuides li a{ background-position:8px 3px; }
#leftNav .buyingGuides ul, #leftNav .brands, #leftNav .newsletter{ position:relative; margin-bottom:10px; background:#85616d url(../img/backgrounds/leftBg.gif) 0 bottom repeat-x; }
#leftNav .buyingGuides ul{ padding:7px 0; }
#leftNav .brands fieldset{ padding-bottom:5px; }
#leftNav .brands select{ width:130px; }
#leftNav .brands a{ font-size:70%; color:#f3ece4; margin-left:12px; }
#leftNav .brands .brandFlash {width:132px;margin:0 auto;padding:7px 0;}

#leftNav ul.mainNav li, #leftNav ul.mainNav a{position:relative;line-height:19px;height:19px;}
#leftNav ul.mainNav li{border-top:solid 1px #b29597;border-bottom:solid 1px #835F5E;}
#leftNav ul.mainNav ul li{border:none;}
/*#leftNav ul.mainNav a{line-height:19px;height:19px;}*/
#leftNav ul.mainNav ul {position:absolute;left:-1000em;z-index:100;background:#86626D url(../img/backgrounds/mainNav.gif) repeat-x scroll 0 top;width:210px;top:0;}
#leftNav ul.mainNav li:hover ul.subNavLevel2 {left:150px;display:block;}
#leftNav ul.subNavLevel2 li:hover ul.subNavLevel3 {left:210px;display:block;}
#leftNav ul.subNavLevel3 li:hover ul.subNavLevel4 {left:210px;display:block;}
#leftNav ul.mainNav li.active{font-weight:bold;}
#leftNav ul.mainNav li.active ul{font-weight:normal;}

/*
#leftNav ul.mainNav li:hover ul.subNavLevel2 ul, 
#leftNav ul.subNavLevel2 li:hover ul.subNavLevel3 ul,
#leftNav ul.subNavLevel3 li:hover ul.subNavLevel4 ul {left:-1000em;}*/




#leftNav .banner{ width:150px; margin-bottom:10px; }
#leftNav .newsletter p{ font-size:70%; color:#fff; padding:5px 5px 5px 10px; line-height:1.2; }
#leftNav .newsletter label{ padding-left:10px; font-size:70%; color:#fff; }
#leftNav .newsletter input{ margin:2px 0 2px 9px; }
#leftNav .newsletter .loginError input{ border-color:#ff0000; color:#ff0000; }
#leftNav .newsletter .errorMsg{ font-size:70%; color:#000; padding:0 11px 0 9px; text-align:right; }

#leftNav .customerCare, #leftNav .customerCare ul{ background:url(../img/leftNav/customerCare_bg.gif) 0 0 no-repeat; }
#leftNav .customerCare{ padding-top:68px; }
#leftNav .customerCare ul{ position:relative; padding-bottom:10px; width:150px; background-position:-150px bottom; }
#leftNav .customerCare ul li{ margin-left:12px; font-size:70%; color:#8f8ea8; line-height:1.2; }
#leftNav .customerCare ul li a{ color:#8f8ea8; }

#mainContent{ position:relative; width:600px; margin:0 10px;display:inline; float:left; }
#mainContent h1, #mainContent h2.h1{ position:relative; text-indent:30px; line-height:1.6; font-size:80%; color:#84606c; background:url(../img/backgrounds/pageTitles.gif) 0 0 no-repeat; }
#mainContent h1 a, #mainContent h2.h1 a{ position:absolute; top:2px; text-indent:10px; right:10px; font-size:70%; color:#84606c; background:url(../img/icons/icon_sprite.gif) 0 -7px no-repeat; }

#breadCrumb{ height:37px; font-size:7pt; position:relative; }
#breadCrumb ol{ position:relative; line-height:15px; }
#breadCrumb ol li{ display:inline; padding-left:10px; padding-right:9px; color:#a9a8b8; background:url(../img/icons/icon_sprite.gif) 0 bottom no-repeat; }
#breadCrumb ol li a{ font-weight:bold; color:#a9a8b8; }

/*product repeaters*/
.pbFourParent{ margin:15px 0 0 8px; }
.productBoxFour{ width:141px; margin-right:7px; height:228px; position:relative; float:left;display:inline; background:url(../img/backgrounds/pbx4.gif) 0 0 no-repeat; }
.productBoxFour .img{ display:block; width:130px; margin:11px auto 0 auto; text-align:center;}
.productBoxFour h3{ margin-top:7px; line-height:1.2; font-size:60%; padding:0 2px; color:#81808c; text-align:center; }
.productBoxFour h3 a, .rangeItem h3 a{ color:#81808c; }
.productBoxFour h3 a em, .rangeItem h3 a em{ font-size:120%; color:#84606c; }
.productBoxFour .price, .rangeItem .price{ height:30px; margin-top:9px; text-align:center; }
.productBoxFour .price p.now, .rangeItem .price p.now{ font-size:80%; color:#ea6c4d; font-weight:bold; }
.productBoxFour .price p.now strong, .rangeItem .price p.now strong{ padding-left:6px; }
.productBoxFour .price .was, .productBoxFour .price .save{ font-size:60%; }
.productBoxFour .price .was, .rangeItem .price .was{ color:#84606c; text-decoration:line-through; }
.productBoxFour .price .save, .rangeItem .price .save{ color:#a9a8b8; font-weight:bold; text-transform:uppercase; }
.productBoxFour .priceStd{ height:42px; text-align:center; color:#ac0e42; line-height:4.8; font-size:80%; }
.productBoxFour .commericalMsg{ position:absolute; bottom:33px; left:0; font-size:60%; color:#84606c; width:141px; text-align:center; line-height:1.1; }

div.hr{ width:578px; margin:17px auto 13px auto; background:url(../img/icons/hr_sprite.gif) 0 0 repeat-x; }
.goodValue{ position:relative; background:#fcfaf7; padding:2px 0 15px 0; }
.goodValue .gvRange{ position:relative; width:559px; height:323px; padding:22px 0 0 21px; margin:10px auto; background:url(../img/home/gvRange_bg.jpg) 0 0 no-repeat; }
.gvRange .rangeItem, .specials .rangeItem{ position:relative; width:251px; height:98px; float:left; margin:0 16px 6px 0;display:inline; background:url(../img/home/gvItem_bg.gif) 0 0 no-repeat; }
.rangeItem .img{ position:absolute; top:4px; left:10px; }
.rangeItem h3, .rangeItem .price, .rangeItem .priceStd, .rangeItem .commericalMsg, .rangeItem .offerText{ margin-left:117px; font-size:60%; }
.rangeItem h3{ margin-top:8px; color:#81808c; }
.rangeItem h3 a em{ font-size:100%; }
.rangeItem .price{ text-align:left; }
.rangeItem .price p.now{ font-size:140%; }
.rangeItem .priceStd{ color:#ac0e42; margin-top:4px; margin-bottom:4px; }
.rangeItem .offerText{ margin-top:15px; font-size:60%; color:#ac0e42; }
.rangeItem .sash{ position:absolute; left:-9px; bottom:-8px; z-index:2; }
.rangeItem .commericalMsg{ line-height:1.8; color:#746f86; }

.specials{ position:relative; margin:10px 0 0 9px;display:inline; padding:10px 0 0 21px;width:559px;/*padding:10px 0 0 10px; width:251px;*/ float:left; background:#fff url(../img/home/specials_bg.gif) 0 0 no-repeat; }
.specials .rangeItem{ margin:0 25px 10px 0;/*margin:0 0 10px 0;*/ background-image:url(../img/home/specialItem_bg.gif); }
.specials.package{ min-height:400px; width:309px; margin:10px 9px 0 0; background-position:right 0; }
.specialFoot{ width:581px; margin-left:9px; height:10px; background:url(../img/home/specials_btm.gif) 0 0 no-repeat; }

#pageText{ margin:20px; }
#pageText h1 { background:none; margin-bottom:13px; color:#464646; text-indent:0; }
#pageText p, #pageText h2, #pageText h3, #pageText ul { font-size:70%; color:#81808c; margin:0 0 12px 0; line-height:1.2; }
#pageText ul{ margin-left:20px; list-style-type:disc; }

#rightCol{ position:relative; width:150px; float:left; padding:6px 0 160px 0; background:#afaebd url(../img/backgrounds/rightCol.jpg) 0 bottom no-repeat; }
#rightCol .spendOverFlash{position:relative; width:150px; height:193px;}
#rightCol .banner{ position:relative; line-height:1.2; background-repeat:no-repeat; background-position:0 0; }
#rightCol .banner a{ display:block; width:150px; cursor:pointer }
#rightCol .banner a:hover{text-decoration:none;color:inherit;}
#rightCol .banner a span{ display:block; position:absolute; width:139px; left:6px; font-size:60%; text-align:center; }
#rightCol .offer { text-align: center; height: 475px/*319px*/; padding: 0 0 0 1px; }
#rightCol .freeDelivery{ height:162px; background-image:url(../img/rightCol/freeDelivery.jpg); }
#rightCol .freeDelivery a{ height:162px; }
#rightCol .freeDelivery a span{ top:44px; color:#a9a8b8; }
#rightCol .technical{ height:185px; background-image:url(../img/rightCol/helpline.jpg); }
#rightCol .technical a{ height:185px; }
#rightCol .technical a span{ top:127px; color:#fff; }
#rightCol .goodValue{ height:135px; background-image:url(../img/rightcol/goodValue.jpg); }
#rightCol .goodValue a{ height:135px; }
#rightCol .goodValue a span{ top:90px; color:#464646; }
#rightCol .sinks{ height:192px; background-image:url(../img/rightCol/sinks.jpg); }
#rightCol .sinks a{ height:192px; }
#rightCol .sinks a span{ top:65px; color:#d29c7b; text-align:left; left:20px; }
#rightCol .plug{ height:202px; background-image:url(../img/rightCol/plug.jpg); }
#rightCol .plug a{ height:202px; }
#rightCol .plug a span{ top:44px; color:#a9a8b8; text-align:left; left:20px; line-height:1.1; }
#rightCol .showerHeads{ height:191px; background-image:url(../img/rightCol/25Sale.jpg); }
#rightCol .showerHeads a{ height:191px; }
#rightCol .showerHeads a span{ top:83px; color:#85b692; font-size:90%; }

.footerBrands{ clear:both; display:block; position:relative; width:920px; margin-top:70px; background:#f4f4f3; border-top:14px solid #a9a8b8; }
.footerBrands ul { width:666px; margin:0 auto; }
.footerBrands ul li { display:block; float:left; margin:20px 60px 20px 0; }
.footerBrands ul li.last { margin-right:0; }
.footerBrands ul li a { overflow:hidden; height:0 !important; padding-top:60px; width:85px; display:block; }
.footerBrands ul li a.triton { background:url('/common/img/footer/triton.gif') no-repeat 0 0; }
.footerBrands ul li a.grohe { background:url('/common/img/footer/grohe.gif') no-repeat 0 0; }
.footerBrands ul li a.ideal { background:url('/common/img/footer/ideal.gif') no-repeat 0 0; }
.footerBrands ul li a.mira { background:url('/common/img/footer/mira.gif') no-repeat 0 0; }
.footerBrands ul li a.aqua { background:url('/common/img/footer/aqualux.gif') no-repeat 0 0; }
.footerBrands ul li a:hover { background-position:0 -60px; }
.footerBrands ul li a.grohe:hover { background-position:1px -60px; }
.footerBrands ul li a.mira:hover { background-position:-2px -58px; }
#footer{ position:relative; height:206px; background:url(../img/backgrounds/footer.jpg) 104px bottom no-repeat; }
#footer ul{ width:838px; line-height:17px; margin:0; padding-left:82px; }
#footer p{ font-size:60%; color:#614858; }
#footer .centreFooter{ text-align:center; margin-top:95px; }
#footer .mad{ position:absolute; top:53px; right:18px; color:#84606c; width:110px; line-height:1.2; }
#footer .mad a{ color:#84606c; }

#error{background:#fcfaf7;padding-bottom:20px;}
#error .errorTitle {height:76px;width:459px;margin:0 auto 15px}
#error.error404 .errorTitle{background:url('/common/img/errors/404mainBg.gif') no-repeat 0 0;}
#error.error500 .errorTitle{background:url('/common/img/errors/500mainBg.gif') no-repeat 0 0;}
#error .errorTitle h2{position:absolute;left:-1000em;}
#error h3 {font-size:8pt;color:#464646;width:460px;margin:20px auto 0;}

#error ul.error {list-style:none url('/common/img/errors/errorBullet.gif');padding-left:15px;width:445px;margin:0 auto;}
#error div.help{color:#464646;width:460px;margin:20px auto 0;font-size:8pt;line-height:1.2em;}
#error div.help p {margin-top:10px;}
#error ul.error li {color:#464646;margin:5px 0 5px 0px;padding-left:5px;font-size:8pt;line-height:1.2em;}
#error a{text-decoration:underline;font-weight:bolder;color:#464646;}
#error a:hover{text-decoration:none;}

div.termsContainer{background:#fcfaf7;}
div.terms{background:#f3ece4 url('/common/img/backgrounds/termsMainBg.gif') no-repeat center 0;}
div.terms ol {list-style-type:decimal; list-style-position:inside;}
div.terms ol li{background:url('/common/img/backgrounds/termsSeperatorBg.gif') no-repeat center 0;font-weight:bold;color:#84606c;margin:0 20px;padding:15px 0;font-size:9pt;}
div.terms ol li h2 {display:inline;position:relative;left:-7px;}
div.terms ol li p {font-weight:normal;color:#464646;font-size:8pt;line-height:1.2em;margin:10px 0 0 17px;}
div.terms ol li.first{background-color:transparent !important; background-image:none !important;margin-top:5px;}
div.termsBottom {background:url('/common/img/backgrounds/termsBottomBg.jpg') no-repeat center 3px;height:27px}

/*
div#cs{background:#fcfaf7;padding:20px 30px 20px;}
div#cs div.resources.cs_content{font-size:8pt;color:#464646;}
div#cs div.resources.cs_content p{font-size:8pt;color:#464646;}*/
#spendOverContainer {position:relative;font-family:Tahoma,Arial,Sans-Serif;font-weight:bold;}
#spendOverContainer .spendOverTop{position:absolute;display:block;color:#4a4a8f;}
#spendOverContainer .spendOverBottom{position:absolute;display:block;color:#835f6b;}
#spendOverContainer .spendOverTag{position:absolute;display:block;color:#ea6c4d}
#spendOverContainer .spendOverTag .spendOverTagTop{position:absolute;display:block;}
#spendOverContainer .spendOverTag .spendOverTagBottom{position:absolute;display:block;clear:right;text-transform:uppercase;}
#spendOverContainer .spendOverTerms {position:absolute;display:block;color:#835f6b;}

#basketPage #spendOverContainer {background:url('/common/img/basket/basketSpendOver.jpg') no-repeat left top;width:600px;height:113px; margin-bottom:4px;}
#basketPage #spendOverContainer .spendOverTop{right:220px;font-size:15pt;top:15px;}
#basketPage #spendOverContainer .spendOverBottom{right:220px;font-size:26pt;top:40px;}
#basketPage #spendOverContainer .spendOverTag{right:85px;font-size:28pt;padding-right:30px;top:28px;}
#basketPage #spendOverContainer .spendOverTag .spendOverTagTop{font-size:14pt;right:7px;top:5px;}
#basketPage #spendOverContainer .spendOverTag .spendOverTagBottom{font-size:12pt;right:0;bottom:3px;}
#basketPage #spendOverContainer .spendOverTerms {right:220px;bottom:20px;}

#basketPage #spendOverContainer.amountSaved{background-position:left bottom;}
#basketPage #spendOverContainer.amountSaved span{color:#ea6c4d; font-size:26px; font-weight:bold; position:absolute; top:36px; right:80px; display:block; width:130px; text-align:center;}

#spendOverContainer.sideBanner {background:url('/common/img/banners/spendOver.jpg') no-repeat;height:199px;}
#spendOverContainer.sideBanner .spendOverTop{left:10px;font-size:13pt;top:10px;width:130px;text-align:center;}
#spendOverContainer.sideBanner .spendOverBottom{left:7px;font-size:14pt;top:65px;width:137px;text-align:center;}
#spendOverContainer.sideBanner .spendOverTag{right:33px;font-size:26pt;padding-right:22px;bottom:58px;}
#spendOverContainer.sideBanner .spendOverTag .spendOverTagTop{font-size:14pt;right:0px;top:5px;}
#spendOverContainer.sideBanner .spendOverTag .spendOverTagBottom{font-size:10pt;right:0;bottom:0;}
#spendOverContainer.sideBanner .spendOverTerms {left:10px;font-size:9pt;bottom:20px;letter-spacing:-1px;}