html, body { margin:0; padding:0; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px; color:#606A70; position:relative; }
a img { text-decoration:none; }
/*#outerContainer,
#container,
#innerContainer { position:relative; }*/
#outerContainer { width:940px; padding:10px; margin:10px auto; position:relative; }
#content { position:relative; }
#innerContainer { height:400px; }
html > body #innerContainer { height:auto; min-height:400px; }
.accessibility { display:none; }
a img { border:none; }
#content a { color:#777; }
#content a:hover { color:#333; }
#siteTitle { overflow:hidden; width:100px; height:100px; left:10px; top:15px; position:absolute; z-index:100; }
#siteTitle h1 { font-size:10px; margin:0; padding:0; }
#siteTitle h1 a { display:block; width:100px; height:100px; background:url(/images/logo.png) no-repeat center; overflow:hidden; text-indent:-3000px; }
#strapline { position:absolute; top:115px; left:10px; }
#strapline a { display:block; width:130px; height:20px; overflow:hidden; background:url(/images/nav-immerse.png); text-indent:-3000px; overflow:hidden; }
#header { position:relative; top:0; left:180px; background-color:#606A70; color:#FFF; height:45px; width:760px; font-size:11px; overflow:hidden; }
#header #mainNav { margin:15px auto 14px 15px; float:left; }
#header #mainNav a { color:#FFF; text-transform:uppercase; text-decoration:none; }
#header #mainNav a:hover { text-decoration:underline; }
#header #quickSearch { margin:12px 15px 14px auto; float:right; }
#header #quickSearch input { font-size:11px; }
#header #quickSearch label { text-transform:lowercase; font-size:13px; }
#catNav { position:relative; width:170px; margin-right:10px; float:left; margin-top:100px; }
#catNav ul { margin:0; padding:0; }
#catNav ul li { margin:0; padding:0; list-style:none; margin-bottom:2px; }
#catNav ul li a { font-size:12px; color:#666; text-decoration:none; font-size:13px; }
#catNav ul li a:hover { color:#333; text-decoration:underline; }
#catNav ul li ul li { padding-left:10px; line-height:1.1; margin:2px auto 3px auto; position:relative; }
#nav-ecosense { margin-top:8px; }
#nav-ecosense a { display:block; width:150px; height:50px; overflow:hidden; background:url(/images/nav-ecosense.png); text-indent:-3000px; overflow:hidden; }
#currencySelect {}
#currencySelect h3 { font-size:13px; margin:5px auto 0 auto; color:#999; }
#currencySelect ul { margin:0; padding:0; }
#currencySelect ul li { margin:0 10px 0 0; padding:0; list-style:none; float:left; }
#currencySelect ul li a { display:block; width:32px; height:32px; background-position:top; text-indent:-3000px; overflow:hidden; }
#currencySelect ul li a:hover,
#currencySelect li.selected a { background-position:bottom; }
#innerContainer { float:left; width:760px; margin-top:0; position:relative; float:left; font-family:Arial, Helvetica, sans-serif; }
#lowerContent { width:940px; clear:both; padding-top:5px; }
#lowerContent #brochureLink { float:left; margin-right:4px; }
#lowerContent #brochureLink a { display:block; width:174px; background-color:#CCC; height:225px; border-right:1px solid white; margin-bottom:5px; background:url(/images/download-brochure.png); text-indent:-3000px; overflow:hidden; }
#inspireMe { clear:both; background-color:#606A70; margin-top:5px; padding:5px 0; text-transform:lowercase; color:#FFF; }
#inspireMe h3 { float:left; margin:0 10px 0 175px; line-height:1; }
#inspireMe .submit { }
#inspireMe input,
#inspireMe select { color:#333; border:1px solid #CCC; font-size:12px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; }
#footerNav { clear:both; height:18px; text-align:center; padding-top:8px; }
#footerNav a { text-transform:uppercase; font-size:11px; color:#666; text-decoration:none; }
#footerNav a:hover { color:#333; text-decoration:underline; }
#quickSearch { }
#footer-text { font-size:10px; color:#999; margin-top:10px; padding-top:10px; border-top:1px solid #CCC; }
#footer-text .col { margin:0 10px; float:left; width:292px; text-align:justify; }
#footer-text h1,
#footer-text h2 { margin:0 auto 2px auto; font-size:12px; }
#footer-text p { margin:0 auto 5px auto; }
#footer { clear:both; font-size:10px; margin-top:10px; border-top:1px solid #CCC; padding-top:10px; }
#footer a { text-decoration:underline; color:#999; }
/* Slightly enhanced, universal clearfix hack */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
.productListing { float:left; width:170px; height:170px; text-align:center; margin:10px; }
.productListing .ecosense { position:absolute; top:80px; right:0; }
body.suite-categories #innerContainer,
body.suites-index #innerContainer,
body.content #innerContainer { background-color:#A3D6B7; }
body.suite-categories #innerContainer { background-image:url(/images/suites-image.png); background-position:right; background-repeat:no-repeat; height:475px; }
body.suite-categories #content h2 { margin:0; padding:0; position:absolute; top:-30px; left:20px; width:140px; height:110px; background-image:url(/images/page-titles/suites.png); text-indent:-3000px; overflow:hidden; }
body.suite-categories #contentInner { margin-left:175px; margin-right:285px; line-height:1.7; margin-top:50px; position:relative; }
body.content #content { position:relative; line-height:1.7; }
body.content #content h2 { position:absolute; top:0; left:0; }
body.content #contentInner { padding:50px 95px 50px 190px; }
body.content #contentInner p { font-size:13px; }
body.content #contentInner h3 { margin-top:0; line-height:1.4; }
#suitesIndex .suiteName { font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-bottom:5px; font-weight:bold; padding-top:2px; }
#suitesIndex .suiteName a { text-decoration:none; color:#555; }
#suitesIndex .suiteName a:hover { text-decoration:underline; color:#222; }
#suiteCategoryHeader { background-color:#A3D6B7; height:85px; text-transform:lowercase; }
#suiteCategoryHeader h2 { margin-top:0; padding:29px 0 0 0; font-weight:normal; font-weight:bold; }
#suiteCategoryHeader h2 .title { background:url(/images/title-suites.png); width:77px; height:60px; display:block; float:left; margin-right:20px; margin-top:-16px; text-indent:-3000px; overflow: hidden;}
#suiteHeader { background-color:#A3D6B7; height:85px; text-transform:lowercase; }
#suiteHeader h2 { margin-top:0; padding:29px 20px 0 20px; font-weight:normal; }
#suiteHeader h2 a { text-decoration:none; color:#606A70; }
#suiteHeader h2 a:hover { color:#FFF; }
#suiteHeader h2 .title { background:url(/images/title-suites.png); width:77px; height:60px; display:block; float:left; margin-right:20px; margin-top:-16px; text-indent:-3000px; overflow: hidden;}
#productHeader { background-color:#A3D6B7; height:85px; text-transform:lowercase; }
#productHeader h2 { margin-top:0; padding:29px 20px; font-weight:normal; }
#productHeader h2 a { text-decoration:none; color:#606A70; }
#productHeader h2 a:hover { color:#FFF; }
#productHeader h2 .title { background:url(/images/title-suites.png); width:77px; height:60px; display:block; float:left; margin-right:20px; margin-top:-16px; text-indent:-3000px; overflow: hidden;}
#categoryHeader { background-color:#A3D6B7; }
#categoryHeader #pageTitle { height:85px; text-transform:lowercase; }
#categoryHeader h2 { margin-top:0; padding:29px 20px; font-weight:normal; }
#categoryHeader h2 a { text-decoration:none; color:#606A70; }
#categoryHeader h2 a:hover { color:#FFF; }
#suiteImage { float:right; margin:0; }
#suiteOverview { height:300px; background-color:#606A70; }
#suiteOverview .inner { padding:50px 510px 0 20px; color:#FFF; font-size:12px; line-height:1.6; }
#suiteOverview h3 { margin:0; font-size:28px; font-weight:normal; color:#A3D6B7; text-transform:lowercase; margin-bottom:15px; line-height:1; }
#suiteOverview {}
#suiteProductsWrapper { padding-top:20px; padding-bottom:60px; }
.productListing { height:180px; position:relative; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
.productName { text-align:left; /*position:absolute; top:85px; left:0; width:100%;*/ margin-top:5px; }
.productPrice { /*position:absolute; bottom:0; left:0; width:100%;*/ font-weight:bold; text-align:right; }
.productName a { text-decoration:none; font-weight:bold; color:#666 !important; }
.productName a:hover { text-decoration:none; color:#333 !important; }
.menuActive a { font-weight:bold; }
#footerCarousel { width:760px; overflow:hidden; height:225px; position:relative; }
#carouselContents { width:730px; float:left; overflow:auto; }
#footerCarousel ul { height:225px; position:relative; }
.carouselNav { float:left; text-align:center; }
.carouselNav a { width:15px; float:left; display:block; height:140px; padding-top:85px; background-color:#606A70; color:#FFF; font-weight:normal; font-size:40px; text-decoration:none; z-index:20; }
.carouselNav a:hover { background-color:#999; }
#footerCarousel { overflow:hidden; }
#footerCarousel ul { margin:0 0 0 0; padding:0; float:left; position:relative; }
#footerCarousel ul li { margin:0; padding:0; list-style:none; float:left; background-color:#606A70; color:#CCC; margin:0 2px 0 2px; }
#footerCarousel ul li a { display:block; width:178px; height:125px; padding-top:100px; text-align:center; color:#FFF; font-weight:bold; font-size:14px; text-decoration:none; text-indent:-3000px; overflow:hidden; }
#footerCarousel ul li a:hover { }
#footerCarousel { position:relative; height:225px; width:760px; float:left; }
#footerCarousel .next,
#footerCarousel .prev { position:absolute; width:15px; top:0; }
#footerCarousel .prev { left:0; text-align:left; }
#footerCarousel .next { right:0; text-align:right; }
#carouselItems { overflow:hidden; background-color:#FFF; width:730px; height:225px; clear:left; margin-left:14px; margin-right:15px; }
#carouselItems ul {}
#carouselItems li { float:left; height:225px; width:178px; }
body.content #pageTitle { background-color:#A3D6B7; height:85px; text-transform:lowercase; }
body.content #pageTitle h2 { margin-top:0; padding:29px 20px; font-weight:normal; }
body.inspire #pageTitle { background-color:#A3D6B7; height:85px; text-transform:lowercase; }
body.inspire #pageTitle h2 { margin-top:0; padding:29px 20px; font-weight:normal; }
body.about #pageTitle { width:140px; height:110px; position:absolute; top:20px; left:20px; }
body.about #pageTitle h2 { width:140px; height:110px; margin:0; padding:0; display:block; background:url(/images/page-titles/about-us.png); text-indent:-3000px; overflow:hidden; }
body.ordering #pageTitle { width:140px; height:110px; position:absolute; top:20px; left:20px; }
body.ordering #pageTitle h2 { width:140px; height:110px; margin:0; padding:0; display:block; background:url(/images/page-titles/ordering.png); text-indent:-3000px; overflow:hidden; }
body.immerse #pageTitle { width:140px; height:110px; position:absolute; top:20px; left:20px; }
body.immerse #pageTitle h2 { width:140px; height:110px; margin:0; padding:0; display:block; background:url(/images/page-titles/immerse.png); text-indent:-3000px; overflow:hidden; }
body.immerse #contentInner { padding-right:20px; }
body.immerse #contentInner p { margin-right:140px; }
body.guarantee #pageTitle { width:140px; height:110px; position:absolute; top:20px; left:20px; }
body.guarantee #pageTitle h2 { width:140px; height:110px; margin:0; padding:0; display:block; background:url(/images/page-titles/guarantee.png); text-indent:-3000px; overflow:hidden; }
body.installation-instructions #pageTitle { width:140px; height:110px; position:absolute; top:20px; left:20px; }
body.installation-instructions #pageTitle h2 { width:140px; height:110px; margin:0; padding:0; display:block; background:url(/images/page-titles/installation-instructions.png); text-indent:-3000px; overflow:hidden; }
body.advice-plumber #pageTitle { width:140px; height:110px; position:absolute; top:20px; left:20px; }
body.advice-plumber #pageTitle h2 { width:140px; height:110px; margin:0; padding:0; display:block; background:url(/images/page-titles/advice-plumber.png); text-indent:-3000px; overflow:hidden; }
body.advice-planning #pageTitle { width:140px; height:110px; position:absolute; top:20px; left:20px; }
body.advice-planning #pageTitle h2 { width:140px; height:110px; margin:0; padding:0; display:block; background:url(/images/page-titles/advice-planning.png); text-indent:-3000px; overflow:hidden; }
body.guarantee #pageTitle { width:140px; height:110px; position:absolute; top:20px; left:20px; }
body.guarantee #pageTitle h2 { width:140px; height:110px; margin:0; padding:0; display:block; background:url(/images/page-titles/guarantee.png); text-indent:-3000px; overflow:hidden; }
body.ecosense #pageTitle { width:140px; height:110px; position:absolute; top:20px; left:20px; }
body.ecosense #pageTitle h2 { width:140px; height:110px; margin:0; padding:0; display:block; background:url(/images/page-titles/ecosense.png); text-indent:-3000px; overflow:hidden; }
body.ecosense #innerContainer { background-image:url(/images/ecosense-bg.jpg); background-color:#606A70; color:#EAEAEA; background-position: top right; background-repeat: no-repeat; }
body.ecosense #contentInner { padding-top:65px; margin-right:160px; line-height:1.4; }
body.ecosense #contentInner p { font-size:12px; }
body.stockists #pageTitle { background-color:#A3D6B7; height:85px; text-transform:lowercase; margin-bottom:10px; }
body.stockists #pageTitle h2 { margin-top:0; padding:29px 20px; font-weight:normal; }
body.stockists #contentInner { font-size:11px; }
body.stockists .gmapContent { line-height:1.3; }
body.brochure #pageTitle { background-color:#A3D6B7; height:85px; text-transform:lowercase; margin-bottom:10px; }
body.brochure #pageTitle h2 { margin-top:0; padding:29px 20px; font-weight:normal; }
body.brochure #contentInner { font-size:12px; line-height:1.5; }
#newsTitle { background-color:#A3D6B7; height:85px; text-transform:lowercase; }
#newsTitle h2 { margin-top:0; padding:29px 20px; font-weight:normal; }
.newsArticleTitle { font-size:22px; }
body.contact #pageTitle { width:140px; height:110px; position:absolute; top:20px; left:20px; }
body.contact #pageTitle h2 { width:140px; height:110px; margin:0; padding:0; display:block; background:url(/images/page-titles/contact.png); text-indent:-3000px; overflow:hidden; }
body.contact #contentInner,
body.contact #contentInner p { }
body.contact #contentInner table { width:90%; }
body.contact #contentInner tbody th { text-align:left; }
body.stockists #contentInner,
body.stockists #contentInner p { }
#orderNow {display:block;width:3px;height:36px;
background:#FFF4E6 url("/images/request-callback.gif") 0 0 no-repeat;
text-indent:-999em;
margin:0 auto;
outline:none;
}
#orderNow:hover {background:#FFF4E6 url("/images/request-callback-over.gif") 0 0 no-repeat;}
body.ecosense #content a { color:#ffffff;text-decoration:none; }
body.ecosense #content a:hover { color:#c0c0c0;text-decoration:underline; }