body, html { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; }
a { color:#1E9DD1; text-decoration:none; }
a:hover { text-decoration:underline; }
map, map area, area, a img { border:none; }
#outerContainer,
#innerContainer { position:relative; }
#outerContainer { margin:10px auto; width:960px; }
#innerContainer { margin:10px; }
#header { height:65px; margin-bottom:5px; background:url(/images/header-bg.png) top right no-repeat; position:relative; }
#header #myAccount { position:absolute; right:130px; width:172px; top:15px; font-weight:bold; font-size:10px; color:#999; text-align:right; font-weight:bold; font-size:10px; color:#999999; padding:0 0 5px 5px; z-index:20; }
#header #myAccount img { float:left; margin-right:5px; }
#header #myAccount a { color:#589EC0; text-decoration:none; }
#header #myAccount a:hover { color:#3C7899; text-decoration:underline; }
#navWrapper { position:relative; margin:0; }
#navWrapper ul { margin:0; padding:0; background-color:#00ADEE; height:22px; clear:left; position:relative; }
#navWrapper ul li { margin:0; padding:0; list-style:none; float:left; font-size:12px; text-transform:lowercase; }
#navWrapper ul li a { display:block; padding:3px 8px 1px 8px; height:18px; float:left; background-color:#00ADEE; color:#FFF; text-decoration:none; font-weight:bold; }
#navWrapper ul li a:hover { background-color:#16C0F3; }
#navWrapper #top-products a,
#categoryNav { background-color:#16C0F3; }
#categoryNav a { background-color:#16C0F3 !important; }
#navWrapper #top-special-offers a { background-color:#C00 !important; }
#navWrapper #top-special-offers a:hover { background-color:#700016 !important; }
#navWrapper ul li.selected a { background-color:#666; }
#quickSearch { position:absolute; top:1px; right:2px; padding:0; }
#quickSearch input { font-size:9px; font-family:Tahoma, Geneva, sans-serif; }
#quickLinks { position:relative; height:24px; clear:both; background-color:#00ADEE; }
#quickLinks h4 { margin:0; padding:0; float:left; position:relative; padding:4px 20px 1px 10px; font-size:12px; color:#FFF; }
#quickLinks ul { margin:0; padding:0; height:22px; float:left; }
#quickLinks ul li { margin:0; padding:0; list-style:none; float:left; font-size:11px; text-transform:lowercase; }
#quickLinks ul li a { display:block; padding:5px 10px 1px 10px; height:18px; float:left; background-color:#00ADEE; color:#FFF; text-decoration:none; font-weight:bold; }
#quickLinks ul li a:hover { background-color:#16C0F3; text-decoration:underline; }
#footer { text-align:center; font-size:10px; padding-top:2px; }
#footer p { margin:5px auto; line-height:1.4; }
#homeBodyCopy { width:950px; margin:10px 0 10px 0; position:relative; clear:both; }
#homeBodyCopy p { margin:0 25px 0 0; width:290px; position:relative; float:left; text-align:justify; }
html > body #homeBodyCopy { width:970px; margin:10px -15px 10px -15px; position:relative; clear:both; }
html > body #homeBodyCopy p { margin:0 15px; width:293px; position:relative; float:left; text-align:justify; }
#categoryCarousel { clear:both; text-transform:lowercase; margin-top:20px; width:940px; position:relative; height:150px; }
#carouselInner { float:left; margin-left:21px; height:150px; }
#carouselInner ul { list-style:none; overflow:hidden; height:140px; margin:0; padding:0; position:relative; }
#carouselInner ul li { padding:0; margin:0; list-style:none; display:block; position:relative; width:149px; height:140px; float:left; text-align:center; }
#carouselInner ul li a { display:block; border:1px solid; border-color:#00A3D6; display:block; width:143px; height:138px; margin:0 4px 0 4px; color:#666666; }
#carouselInner ul li a:hover { border-color:#16C0F3; color:#00A3D9; text-decoration:none; }
#carouselInner ul li a span { display:block; padding-top:10px; }
#carouselInner ul li a span img { margin-bottom:5px; }
#categoryCarousel .nav { position:relative; z-index:30; }
#categoryCarousel .nav a { background-color:#16C0F3; width:20px; overflow:hidden; height:92px; font-size:32px; display:block; color:#FFF; text-decoration:none; padding-top:48px; }
#categoryCarousel .nav a:hover { background-color:#00ADEE; }
#categoryCarousel .prev { position:absolute; top:0; left:0; }
#categoryCarousel .next { position:absolute; top:0; right:0; }
#categoryCarousel .prev a { text-align:center; }
#categoryCarousel .next a { text-align:center; }
#home-top { margin:0 0 0 0; padding:0; }
#home-image { float:left; width:700px; height:360px; }
#home-boxes { float:right; width:240px; position:absolute; top:0; left:700px; }
#home-boxes div { float:left; width:120px; height:120px; }
#footerContent { font-size:11px; }
#footerContent p { margin:5px auto 10px auto; line-height:1.3; margin:5px auto 10px auto; }
#footerContent { height: 120px; width: 100%; overflow: auto; padding: 8px; font-size:11px; font-family:Tahoma, Arial, Helvetica, sans-serif; margin:0; }
#footerContent h1,
#footerContent h2 { font-size:24px !important; font-weight:normal; font-family:Tahoma, Geneva, sans-serif; color:#00A3D6; margin-bottom:0; }
#contentInner { line-height:1.6; padding-bottom:40px; position:relative; }
#contentInner h2 { font-size:32px; font-weight:normal; color:#00ADEE; margin-bottom:0; }
#contentInner h3 { font-size:18px; font-weight:bold; color:#00ADEE; margin-bottom:5px; }
#pageHeader { margin-top:10px; position:relative; height:100px; background-image:url(/images/headers/default.png); }
#pageHeader h1 { text-transform:lowercase; font-size:20px; font-weight:normal; position:absolute; top:5px; left:20px; color:#FFF; margin:0; }
#pageHeader h1 a { color:#FFF; text-decoration:none; }
#pageHeader h1 a:hover { text-decoration:underline; }
#pageTitle { width:940px; text-indent:-3000px; overflow:hidden; margin:10px auto 20px auto; }
/*
.js{ overflow:hidden; zoom:1; }
.carousel,
.carousel .carousel-wrap{ margin:0; border:0; zoom:1; }
.js .carousel-wrap{ display:inline-block; vertical-align:middle; width:500px; margin:0 5px 15px; border:1px solid #4f4f4f; background:#1a1a1a; }
.IE .js .carousel-wrap{ display:inline; }
.carousel ul{ margin:0; padding:0; zoom:1; }
.js ul li{ overflow:hidden; display:inline; float:left; width:500px; height:335px; text-align:center; }
.carousel .carousel-control{ overflow:hidden; display:inline-block; vertical-align:middle; width:40px; height:40px; cursor:pointer; line-height:999px; zoom:1; }
.carousel .carousel-next{ background:url(http://thomlx.free.fr/numerized/styles/images/buttons/next.png) 0 0 no-repeat; }
.carousel .carousel-previous{ background:url(http://thomlx.free.fr/numerized/styles/images/buttons/prev.png) 0 0 no-repeat; }
.carousel .carousel-control:hover{ -moz-opacity:.7; opacity:0.70; filter:alpha(opacity=70); }
.carousel .disabled,.carousel .disabled:hover{ -moz-opacity:.1; opacity:0.10; filter:alpha(opacity=10); cursor:default; }
.carousel div{ margin:0; padding:0; border:0; }
.carousel ul{ padding:0; list-style:none; }
.carousel ul li{ position:relative; width:500px; margin:0; }
.carousel ul li cite{ position:absolute; bottom:3px; right:10px; line-height:19px; font-size:11px; }
.carousel ul li cite a img{ vertical-align:middle; }
.carousel ul li cite a{ color:#fff; text-decoration:none; }
*/
/* 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 */
#mainNav ul li.selected a,
#categoryNav ul li.selected a { background-color:#727274 !important; }
#mainNav ul li a:hover,
#categoryNav ul li a:hover { background-color:#545456 !important; }
body.ecosense #contentInner { padding-top:465px; background:url(/images/headers/ecosense-main.png) no-repeat; margin-top:10px; }
body.ecosense h3 { margin-bottom:0; line-height:1; }
body.ecosense p { margin:0 auto 10px auto; }
.searchHeader { clear:both; }
INPUT.text { border:1px solid; border-color:#49A5CC; color:#999999; }
INPUT { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:14px; }
input.small { font-size:11px !important; }
.submit { cursor:pointer; }
input.submit,
input.button,
a#financeLink { background-color:#40C8F4; border:1px solid; border-color:#00ADEE; padding:1px 8px; cursor:pointer; color:#FFFFFF; font-family:Tahoma, Geneva, sans-serif; }
a#financeLink {width:185px;display:block;font-family:Tahoma, Geneva, sans-serif;font-size:14px;padding:0 8px;}
a#financeLink:hover {text-decoaration:none;}
ul.message-stack { margin:10px 0; padding:0; position:relative; z-index:50; }
ul.message-stack li { margin:0 auto 3px auto; padding:3px 6px; list-style:none; color:#333333; border:1px solid; font-weight:bold; font-size:11px; -moz-border-radius:4px; }
ul.message-stack li.message-error { border-color:#FF0000; background-color:#FFDFDF; }
ul.message-stack li.message-info { border-color:#1CB700; background-color:#E2FFDD; }
.requiredIndicator { color:#FF0000; font-size:12px; font-weight:normal; }
#specialOfferCategoryList { margin:0; padding:0; line-height:1.5; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; }
#specialOfferCategoryList li { margin:0 6px 20px 5px; padding:0; list-style:none; float:left; background-image:url(/images/specials/category-bg.jpg); width:145px; height:190px; position:relative; }
#specialOfferCategoryList li a { text-decoration:underline; color:#FFFFFF; }
#specialOfferCategoryList li a:hover { text-decoration:underline; color:#69D0F3; }
.soList-title { position:absolute; width:100% ; top:112px; text-align:center; font-size:12px; font-weight:bold; color:#FFFFFF; }
.soList-img { position:absolute; width:135px; height:100px; left:5px; top: 5px; text-align:center; font-size:11px; }
.soList-count { position:absolute; width:100% ; top:154px; text-align:center; font-size:11px; }
.soList-saving { position:absolute; width:100% ; top:168px; text-align:center; font-weight:bold; }
#specialOfferProductList { margin:0; padding:0; line-height:1.5; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; }
#specialOfferProductList li { margin:0 0 15px 0; padding:0; list-style:none; float:left; background-image:url(/images/specials/product-bg.jpg); width:230px; height:285px; position:relative; }
#specialOfferProductList li a { text-decoration:underline; color:#FFFFFF; }
#specialOfferProductList li a:hover { text-decoration:underline; color:#69D0F3; }
#specialOfferProductList li.pad { margin-right:6px; }
#specialOfferProductList li.clear { clear:left; }
.soProd-title { position:absolute; top:5px; width:100%; text-align:center; left:0; }
.soProd-image { width:210px; height:110px; position:absolute; left:10px; top:40px; }
.soProd-rrp { position:absolute; top:165px; right:5px; text-align:right; text-transform:lowercase; font-size:13px; }
.soProd-price { position:absolute; top:186px; right:5px; text-align:right; font-size:23px; font-weight:bold; text-transform:uppercase; }
.soProd-saving { position:absolute; top:212px; right:5px; font-size:18px; font-weight:bold; color:#69D0F3; text-transform:uppercase; }
.soProd-discount {
position:absolute;
top:165px;
left:5px;
text-align:right;
font-size:28px;
width:64px;
background-color:#840321;
text-align:center;
text-transform:uppercase;
line-height:1;
font-weight:bold;
padding:8px 0;
letter-spacing:-1px;
color:#FFF4F7;
}
.soProd-quantity { position:absolute; top:245px; width:100%; left:0; text-align:center; font-size:12px; text-transform:lowercase; }
.soProd-info { position:absolute; bottom:4px; left:5px; text-align:left; font-weight:bold; }
.soProd-buy { position:absolute; bottom:3px; right:5px; text-align:right; font-weight:bold; }
.soProd-title a { color:#666666 !important; text-decoration:none !important; font-weight:bold; font-family:Tahoma, Arial, Helvetica, sans-serif; line-height:1.3; }
.soProd-title a:hover { color:#C71040 !important; }
#special-image { float:right; margin-left:0; margin-bottom:25px; text-align:center; }
#special-image a { text-decoration:none; color:#999; font-size:11px; font-weight:bold; text-transform:lowercase; display:block; padding:10px; }
#special-image a:hover { border-color:#C71040; color:#C71040; }
#special-details { float:left; width:500px; position:relative; }
#special-details #special-rrp { margin-top:30px; text-transform:lowercase; margin-bottom:0; font-size:18px; text-transform:uppercase; line-height:1.1; }
#special-details #special-price { font-size:34px; font-weight:bold; text-transform:uppercase; color:#C71040; line-height:1.1; }
#special-details #special-saving { font-size:22px; font-weight:bold; text-transform:uppercase; color:#00AEEF; line-height:1.1; }
#special-details #special-quantity { text-transform:lowercase; margin-top:10px; font-weight:bold; font-size:11px; color:#777}
#special-details #special-quantity b { color:#C71040; font-size:14px; }
#special-details #special-buy { margin-top:10px; }
#special-details .productPurchaseOption { padding:5px 0; }
#special-details .buyOnlineHeader { font-size:18px; font-weight:bold; font-family:Arial, Helvetica, sans-serif}
TABLE#downloadTable { }
TABLE#downloadTable TR TD,
TABLE#downloadTable TR TH { border-bottom:1px solid; border-color:#CCCCCC; padding:3px 0; }
TABLE#downloadTable TR.over TD,
TABLE#downloadTable TR.over TH { background-color:#DAE2EF; }
.accountCustomerBox { width:425px; float:left; margin:10px 10px !important; }
.smallPrint { font-size:11px; color:#666666; }
label { cursor:pointer; }
.error { color:#FF0000; }
.box { border:3px solid; border-color:#D2EDFF; padding:5px; margin:0; }
.box h3 { margin-top:0; margin-bottom:2px; font-size:14px !important; }
.box p { margin-top:0; margin-bottom:10px; }
#sagePay { clear:both; }
.productListing { position:relative; }
.productListing .ecosense { position:absolute; top:35px; right:0; }
.productListing .productPrice { position:absolute; bottom:0; right:0; text-align:right; }
.productListing .productPrice .pound,
.productListing .productPrice .price { font-weight:bold; }
.productListing .productRetailPrice { position:absolute; bottom:0; left:0; text-align:left; color:#C00; }
.productListing .productRetailPrice .pound,
.productListing .productRetailPrice .price { text-decoration:line-through; }
.productListing .productPrice small,
.productListing .productRetailPrice small { font-style:italic; }
#productDetails #productRetailPrice { color:#C00; }
#productDetails #productRetailPrice small { font-size:11px; font-style:italic; }
#productDetails #productRetailPrice .pound,
#productDetails #productRetailPrice .price { text-decoration:line-through; line-height:1.2; font-size:16px; }
#priceSaving { }
#contactForm,
#contactFormSuccess { margin:10px 0 20px 0; line-height:1.4; float:right; padding:5px 15px; background-color:#BFECFB; -moz-border-radius:5px; background-image:url(/images/contactForm-bg.jpg); background-position:top; background-repeat:repeat-x; width:480px; -webkit-border-radius:5px; -moz-border-radius:5px; border-collapse:collapse; }
#contactFormSuccess { height:125px; margin-bottom:40px; }
#contactForm h4,
#contactFormSuccess h4 { margin:0; font-size:22px; color:#FFF; }
#contactFormSuccess p { margin:10px auto; line-height:1.4; }
#contactForm .formTable { }
#contactForm td { vertical-align:top; }
#contactForm input[type=text],
#contactForm textarea,
#contactForm select { border:1px solid; border-color:#AAA; padding:3px 3px; color:#333; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; width:230px; }
#contactForm td.formLabel { font-size:11px; padding:4px 8px 0 0; text-align:right; font-weight:bold; color:#444; width:120px; }
#contactForm .formRequired,
#contactForm .formError { color:#F00; font-size:10px; font-weight:bold; }
#contactForm td.formInputArea { }
#contactForm .formInputArea .formError { padding:2px 0 0 12px; display:inline-block; background:url(../images/error-bg.png) 0 7px no-repeat; }
#contactForm td.formLabel2 { padding:0; }
.formError { font-size:10px; color:#C00; font-weight:bold; padding-left:15px; background:url(../images/error-icon.png) no-repeat 5px 5px; }
p.smallPrint { clear:both; position:relative; }
#configurator { }
#configurator select,
#configurator option { font-family:Tahoma, Geneva, sans-serif; font-size:14px; padding:2px; color:#333; }
#contentInner #configurator h3 { color:#fff; border-bottom:1px solid #CDC3DF; margin:1em; }
#configurator td { vertical-align:top; }
#configurator .optionTable { border-collapse:collapse; }
#configurator .optionTable caption { text-align:left; font-weight:bold; color:#FFF; margin-bottom:2px; font-size:13px; }
#configurator .optionTable th { padding: 4px 10px 4px 20px; background-color:#CCC; background-color:#7D64A7; }
#configurator .optionTable td { padding: 4px 6px 4px 6px; text-align:center; }
#configurator .optionTable thead th { text-align:center; }
#configurator .optionTable tbody th { text-align:right; }
#configurator .optionTable { border-top:1px solid; border-left:1px solid; }
#configurator .optionTable th,
#configurator .optionTable td { border-bottom:1px solid; border-right:1px solid; }
#configurator .optionTable,
#configurator .optionTable th,
#configurator .optionTable td { border-color:#8C76B1; }
.panelSelectWrapper h3 {
margin:5px auto 10px auto !important;
font-size:16px !important; }
.panelSelectWrapper { padding:5px 10px; color:#FFF; line-height:1.3; }
.panelSelectWrapper a {color:#fff !important;font-weight:bold;text-decoration:underline;}
#colourSelectorWrapper { float:right; width:570px; height:337px; background:transparent url("/images/shower-panel-colours.png") top left no-repeat; }
#colourSelector { margin-left:10px; }
#colourSelector ul { margin:0; padding:0; }
#colourSelector ul li { margin:0 5px 5px 0; padding:5px; line-height:normal; width:80px; height:80px; color:#FFF; }
.colourSelectorGroup { float:left; width:200px; margin-left:10px; }
.colourSelectorGroup h4 { margin:0 auto 5px auto; color:#FFF !important; }
#colourSelector .colourOption { overflow:hidden; float:left; text-align:center; cursor:pointer; font-size:10px; line-height:1.1; }
#colourSelector .colourOption img { }
#colourSelector .colourOption p { margin:0; padding:0; font-weight:bold; line-height:1.1; }
#colourSelector .colourOption:hover,
#colourSelector .selected { color:#000000; }
#colourSelector .colourOption:hover { background:url(/images/shower-panels-highlight.png); }
#colourSelector .selected,
#colourSelector .selected:hover { background:url(/images/shower-panels-select.png); }
#colourSelector th { color:#fff; }
#colourSelector td { width:50%; }
#steps1-2 { width:312px; float:left; margin-right:10px; }
#qtyWrapper { padding:5px 10px; color:#FFF; line-height:1.3; width:312px; height:121px; background:transparent url("/images/shower-panel-qty.png") top left no-repeat; }
#adviceWrapper { margin-bottom:10px;padding:5px 10px; color:#FFF; line-height:1.3; width:312px; height:121px; background:transparent url("/images/shower-panel-qty.png") top left no-repeat; }
#qtyWrapper label { font-weight:bold; font-size:14px; }
#optionsWrapper { width:920px; height:460px; background:transparent url("/images/shower-panel-options2.png") top left no-repeat; overflow:auto; }
#optionsWrapper table { margin:5px 20px 0 20px; }
#showerData { height:490px;background:transparent url("/images/shower-panels-main.png") top right no-repeat;}
#ceilingData { height:490px;background:transparent url("/images/ceiling-panels.png") top right no-repeat;}
#showerDataContent {float:left; width:45%;}
#showerData h2, #ceilingData h2 { margin:10px auto 5px auto; line-height:1; }
#showerData p, #ceilingData p { margin-top:0; }
#showerPanelsTable { float:right; margin-top:20px; }
#configuratorResults { margin:10px auto; }
#configuratorResults table { float:left; border-collapse:collapse; }
#configuratorResults table th {
padding: 4px 10px 4px 20px;
background-color:#CCC;
background-color:#F0EDF3;
}
#configuratorResults table td { padding: 4px 6px 4px 6px; text-align:center; }
#configuratorResults table thead th { text-align:center; }
#configuratorResults table tbody td { }
#configuratorResults table tfoot td { font-weight:bold; }
#configuratorResults table .description { text-align:left; font-weight:bold; }
#configuratorResults table tbody .priceCell { text-align:right; }
#configuratorResults table { border-top:1px solid; border-left:1px solid; }
#configuratorResults table th,
#configuratorResults table td { border-bottom:1px solid; border-right:1px solid; }
#configuratorResults table,
#configuratorResults table th,
#configuratorResults table td {
border-color:#C2B6D3;
}
#configuratorResults .total { text-align:right; font-weight:bold; }
#configuratorResults .productCode { color:#999; font-size:80%; }
#configuratorResults .submit { position:absolute; bottom:20px; right:0; }
#button { }
/*
#configuratorResults .submit { background-color:#6E529D; border:1px solid #6E529D; color:#fff; font-size:11px; padding:0.2em 0.5em; float:right; }
*/
#contactFormWrapper form {height:400px;}
#quickLinks #twitterFooterLink,
#quickLinks #facebookFooterLink {background-color:transparent !important;behavior:url("/css/iepngfix.htc");}
body.contact { }
body.contact .storeList { margin:0; padding:0; }
body.contact .storeList li { color:#666; font-weight:bold; font-size:11px; list-style:square; margin:2px auto; list-style:none; padding:7px 0 0 10px; width:180px; height:28px; background:url(../images/store-btn.png) no-repeat; float:left; margin:0 5px 5px 0; }
body.contact .storeList li a { color:#0080B0; font-size:13px; }
body.contact .storeList li span { font-style:italic; }