@import url("master.css");

/* ----- IDS ----- */
body { background: #fff url("../templateimages/background-body.gif") repeat-x; color: #323228; }
#info-layer, #container { width: 960px; margin: 0 auto; }
#info-layer { height: 40px; background: url("../templateimages/background-info-layer.gif") no-repeat; font-size: 0.85em; }
#container { background: #fff url("../templateimages/background-container-top-right.gif") no-repeat top right; }
#nav-layer { clear: right; margin: 0 10px 0 200px; background: url("../templateimages/background-nav-layer.gif") repeat-x 0 1px; }
#main-image, #newsitem1 { margin: 10px 0; position: relative; }
#newsitem1 { float: left; margin: 0 10px; padding-bottom: 10px; }
#newsitem2 { float: right; width: 180px; margin: -4px 10px 0 0; }
#newsitem3 { clear: left; }
#newsitem4 { clear: left; margin: 0 10px 10px; width: 750px; }
#newsitem5 { margin: 0 200px 0 10px; position: relative; height: 60px; background: url("../templateimages/background-spring.gif") no-repeat; }
#green-box { width: 370px; height: 119px; position: absolute; top: 50px; left: 180px; z-index: 1; background: #6e9600; }
#grey-box { width: 540px; height: 75px; position: absolute; top: 10px; left: 200px; z-index: 1; background: #323228; }
#newsitem1 #green-box { width: 180px; height: 310px; top: 10px; left: 10px; }
#main-content { width: 560px; margin: 0 200px 10px 200px; padding-top: 15px; }
#main-content .breadcrumbtrail { margin-top: -15px; }
#left-column { float: left; margin-right: 10px; }
#product-content { margin: 0 190px 10px 10px; }
#basket-content { margin: 20px 10px 10px 200px; }
#product-content .main { margin: 10px 0 0 380px; }
#right-layer { float: right; width: 180px; margin: 2.4em 10px 0; }
#left-layer { float: left; width: 160px; padding: 0 10px; margin: 0 10px; background: url("../templateimages/background-left-layer.gif") no-repeat; }
#footer { clear: both; margin: 40px 10px 10px; padding-top: 10px; border-top: 1px solid #d6d6d4; font-size: 0.85em; }
#minibasket { padding-top: 10px; background: url("../templateimages/background-minibasket-top.gif") no-repeat; font-size: 0.85em; }
#baskettotals { line-height: 10px; padding: 10px 10px 1px; background: #e6e6dc url("../templateimages/background-minibasket-bottom.gif") no-repeat bottom; }
#recent { margin: 10px 0; padding: 10px; background: url("../templateimages/background-recent.gif") no-repeat; font-size: 0.85em; }
#testimonials { background: #c30; color: #fff; height: 150px; margin: 10px 0; padding: 10px; }
#buyers { background: #6e9600; color: #fff; height: 150px; padding: 10px; }
#popup { background: #fff; padding: 10px; }

/* ----- CLASSES ----- */
.box-holder, .moreinfo, .applycoupon, .totals, .basket-status, .links, .also-bought, .shippingmethodline { font-size: 0.85em; }
.box-holder { float: left; margin: 10px 0 0 1px; line-height: 1.4em; }
#newsitem2 .box-holder { margin-top: 4px; }
#newsitem3 .box-holder { margin: 10px 0 10px 10px; }
.products .product { float: left; width: 180px; margin-right: 10px; }
.products .row_end { margin-right: 0; }
.products .item_id { display: none; }
.products .prices, .minprice, .related .prices, .minprice { text-align: center; }
.products .addtobasket, .related .addtobasket { float: right; font-size: 0.85em; }
.main { position: relative; }
#main-content .rrp { display: none; }
.inctax, .minprice { font-size: 1.2em; color: #c30; }
.related .product { width: 165px; }
.main .inctax, .main .minprice { position: absolute; left: 0; top: 0; display: block; margin: 0.8em 0; font-size: 2em; color: #c30; text-align: left; }
.main .rrp { position: absolute; top: 3em; }
.main .item_id { position: absolute; top: 5em; color: #96968c; font-size: 0.85em; }
.main .addtobasket { position: relative; width: 350px; height: 70px; margin: 10px 0; padding: 10px; background: url("../templateimages/background-versions.gif") no-repeat; color: #fff; }
.main .addtobasketoptions { width: 370px; height: auto; padding: 0; background: #14aa96 url("../templateimages/background-versions-options-top.gif") no-repeat top; }
.main .addtobasketoptions .product_name { display: none; }
.description, .also-bought, .related { margin: 10px 0; padding: 10px; background: #fffffe url("../templateimages/background-description.gif") no-repeat; }
.related { background: #fff; }
.chemical { width: 160px; height: 140px; padding: 10px; background: #c30 url("../templateimages/background-box-chemical.gif") no-repeat; color: #fff; }
.signup { width: 160px; height: 149px; padding: 10px; background: #323228 url("../templateimages/background-box-signup.gif") no-repeat; color: #fff; }
.maintain { width: 160px; height: 139px; padding: 10px; background: #6e9600 url("../templateimages/background-box-maintain.gif") no-repeat; color: #fff; }
.spec-holder { min-height: 200px; margin-right: 10px; padding: 10px; background: #f0f0e6; }
.baskettable-outer { background: #e6e6dc url("../templateimages/background-baskettable-top-left.gif") no-repeat; }
.baskettable-inner { padding: 10px; min-height: 22px; background: url("../templateimages/background-baskettable-top-right.gif") no-repeat top right; }
.baskettable-bottom { background: url("../templateimages/background-baskettable-tbody-left.gif") no-repeat bottom left; }
.baskettable-end { background: url("../templateimages/background-baskettable-tbody-right.gif") no-repeat bottom right; }
.basketsub-outer { background: #f0f0e6 url("../templateimages/background-basketsub-top-left.gif") no-repeat; }
.basketsub-inner { padding: 10px; min-height: 36px; background: url("../templateimages/background-basketsub-top-right.gif") no-repeat top right; }
.basketsub-bottom { background: url("../templateimages/background-basketsub-tbody-left.gif") no-repeat bottom left; }
.basketsub-end { background: url("../templateimages/background-basketsub-tbody-right.gif") no-repeat bottom right; }
.totals, .controls { float: right; }
.totals, .applycoupon { padding: 0 10px; }
.totals { font-size: 1.1em; text-align: right; }
.totals span { color: #f00; }
.maintotal { padding: 0 10px; text-align: right; }
.login-box { float: left; width: 360px; }
.new-box { float: right; width: 360px; }
.dark-box { width: 370px; margin-bottom: 10px; background: #e6e6dc url("../templateimages/background-boxdark-top.gif") no-repeat; }
.dark-box .box { padding: 10px; background: url("../templateimages/background-boxdark-bottom.gif") no-repeat bottom; }
.light-box { background: #f0f0e6 url("../templateimages/background-boxlight-top.gif") no-repeat; }
.light-box .box { width: 350px; padding: 10px; background: url("../templateimages/background-boxlight-bottom.gif") no-repeat bottom; }
.links div { float: left; width: 235px; margin-right: 10px; padding-bottom: 10px; }
.links div.end { margin: 0; }
.paging { margin: 10px 0; }
.shippingmethodline { padding: 0 10px; }
.confidence { text-align: center; }
#review .stars { float: right; }
#review .reviewer { font-size: 0.85em; }
#review .date { font-style: oblique; }

/* ----- LISTS ----- */
#info-layer ul, #top-layer ul, #left-layer ul, #newsitem1 ul, #footer ul, #basketlines, #basketlinks, #recent ul, .breadcrumbtrail ul, .cards, .specs, .basket-status, .paging ul, .also-bought ul, .spec-colour { margin: 0; list-style: none !important; }
#info-layer ul { float: right; margin-top: 12px; }
#info-layer li { display: inline; padding: 0 10px; }
#info-layer li a { color: #64645a; text-transform: uppercase; }

#top-layer li { padding-top: 21px; }
#top-layer li.float-right { padding: 6px 10px 8px 16px; }
#top-layer li.verisign { padding: 6px 10px 0 16px !important; }

#left-layer ul { margin-bottom: 0.8em; }
#left-layer li { text-transform: uppercase; font-size: 0.85em; }
#left-layer li a { text-transform: none; }

#nav-layer li { float: left; padding: 22px 0 8px; }
#nav-layer li.last { float: none; line-height: 0; background: url("../templateimages/background-nav-layer-right.gif") no-repeat right; }
#nav-layer a { float: left; line-height: 28px; margin-top: -21px; padding: 0 10px; background: url("../templateimages/background-nav-layer-separate.gif") no-repeat; color: #323228; text-transform: uppercase; }
#nav-layer li a.selected, #nav-layer a:hover { background: url("../templateimages/background-nav-layer-separate-over.gif") no-repeat; }
#nav-layer li.hot-tubs a { background: url("../templateimages/background-nav-layer-left.gif") no-repeat; }
#nav-layer li.hot-tubs a.selected, #nav-layer li.hot-tubs a:hover { background: url("../templateimages/background-nav-layer-left-over.gif") no-repeat; }
#nav-layer li ul { display: none; }

#newsitem1 ul { position: absolute; top: 180px; left: 20px; width: 160px; height: 110px; background: url("../templateimages/background-green-box.png") no-repeat; z-index: 3; }
#newsitem1 li { line-height: 32px; padding: 0; text-align: center; font-size: 1.15em; }
#newsitem1 li.first { font-size: 0.85em; padding: 3px 0; }
#newsitem1 li.last { font-size: 1.3em; }
#newsitem1 li a { text-transform: none; color: #fff; }

#recent li, .also-bought li { padding: 5px 0; line-height: 1.2em; border-bottom: 1px solid #c8c8be; }
.also-bought li { margin-right: 10px; }

#footer li { float: left; width: 190px; }
#footer li.float-right { width: 160px; height: 51px; background: url("../templateimages/background-footer.gif") no-repeat right; }
#footer li a { color: #323228; font-weight: bold; text-transform: uppercase; }
#footer li.float-right a { color: #96968c; }
#footer li ul { width: auto; }
#footer li li { float: none; margin: 0; }
#footer li li a { font-weight: normal; text-transform: none; }

#basketlines, #basketempty, #baskethidden { background: #e6e6dc; }
#basketlines li { margin: 0 10px; padding: 10px 0; border-bottom: 1px solid #c8c8be; }
#basketlines li a { color: #323228; }

#baskettotals dt { float: left; width: 100px; color: #14aa96; line-height: 20px; }
#baskettotals dd { margin-left: 100px; text-align: right; line-height: 20px; color: #14aa96; }
#baskettotals .total { color: #323228; font-size: 1.1em; }

.totals dt { float: left; width: 100px; margin-right: 30px; }
.totals dd { margin-left: 130px; text-align: right; }
.spec-colour { margin-left: -10px; }
.spec-colour li { float: left; margin-left: 10px; width: 78px; }

.breadcrumbtrail ul, .breadcrumbtrail li { display: inline; }
.specs li { float: left; margin-right: 1px; }
.specs li.last { margin-right: 0; }
.specs li a { float: left; width: 92px; line-height: 29px; background: url("../templateimages/tab-inactive.gif") no-repeat; color: #96968c; border-bottom: 1px solid #fff; text-align: center; text-transform: uppercase; }
.specs li a.selected { background-image: url("../templateimages/tab-active.gif"); color: #000; border-bottom-color: #f0f0e6; }
.specs li.last a { width: 91px; background-image: url("../templateimages/tab-inactive-last.gif"); }
.specs li.last a.selected { background-image: url("../templateimages/tab-active-last.gif"); }

.paging ul { list-style: none; }
.paging li { display: inline; }

.basket-status { float: right; margin-top: -20px; background: url("../templateimages/background-basket-status.gif") repeat-x; }
.basket-status li { float: left; width: 120px; height: 51px; color: #96968c; text-align: center; }
.basket-status li.a-a, .basket-status li.a-b { margin-left: -14px; }
.basket-status li.a-a { background: url("../templateimages/background-basket-status-1-a.gif") no-repeat 19px 21px; color: #323228; }
.basket-status li.a-b { background: url("../templateimages/background-basket-status-1.gif") no-repeat 19px 26px; }
.basket-status li.b { background: url("../templateimages/background-basket-status-2.gif") no-repeat 49px 26px; }
.basket-status li.b-a { background: url("../templateimages/background-basket-status-2-a.gif") no-repeat 0 21px; color: #323228; }
.basket-status li.b-b { background: url("../templateimages/background-basket-status-2-b.gif") no-repeat 0 26px; }
.basket-status li.c { background: url("../templateimages/background-basket-status-3.gif") no-repeat 49px 26px; }
.basket-status li.c-a { background: url("../templateimages/background-basket-status-3-a.gif") no-repeat 0 21px; color: #323228; }
.basket-status li.c-b { background: url("../templateimages/background-basket-status-3-b.gif") no-repeat 0 26px; }
.basket-status li.d { margin-right: -27px; background: url("../templateimages/background-basket-status-4.gif") no-repeat 50px 26px; }
.basket-status li.d-a { margin-right: -27px; background: url("../templateimages/background-basket-status-4-a.gif") no-repeat 0 21px; color: #323228; }

.cards { text-align: center; }
.cards li { display: inline; }
.cards li img { padding: 10px 0 0; }
dl.availability { position: absolute; right: 1em; bottom: 0; font-size: 0.85em; line-height: 1.5em; }
.availability dt { float: left; width: 85px; }
.availability dd { margin-left: 85px; }

#main-content ul, #product-content ul, #basket-content ul { list-style: disc; }
#main-content ol, #product-content ol, #basket-content ol, #buyers ol { list-style: decimal; }
#buyers ol { margin-left: 2em; }

/* ----- HEADINGS & PARAGRAPHS ----- */
h1, .h1, h2, .h2, h3, .h3 { }

#left-layer h2, #newsitem3 h2, .new-box h2, .login-box h2, .light-box h2, .dark-box h2 { margin: 10px 0; text-indent: 8px; line-height: 30px; background: url("../templateimages/background-left-layer-h2.gif") no-repeat; color: #fff; }
#main-image h2 { padding: 0 10px; position: absolute; top: 65px; left: 255px; text-indent: -55px; z-index: 2; line-height: 1.4em; font-size: 2em; letter-spacing: 0.15em; font-weight: normal; color: #fff; text-align: center; }
#main-image p, #newsitem1 .h1 { padding: 0 10px; position: absolute; top: 140px; left: 220px; z-index: 2; line-height: 1.4em; color: #fff; font-size: 1.1em; font-weight: normal; text-transform: uppercase; }
#newsitem1 .h1 { width: 150px; padding: 30px 10px 0; position: absolute; top: 10px; left: 10px; font-size: 1em; text-align: center; text-transform: none; }
#newsitem1 h1 { position: absolute; top: 20px; left: 210px; z-index: 2; font-size: 1.7em; color: #fff; font-weight: normal; }
#newsitem1 h1 span { display: block; font-size: 1.15em; text-indent: 33px; }
#newsitem1 p { position: absolute; top: 90px; left: 210px; }
#newsitem2 h2 { display: none; }
#newsitem2 h3 { font-size: 1.4em; line-height: 1.4em; }
#newsitem3 h2 { margin-top: 0; }
#newsitem4 h3 { font-size: 1.1em; }
#newsitem5 h2 { line-height: 60px; text-indent: 260px; font-size: 1em; }
#minibasket h2 { padding: 0 10px; margin: 0; text-indent: 29px; line-height: 30px; background: #e6e6dc url("../templateimages/background-minibasket-h2.gif") no-repeat 10px 0; color: #fff; text-transform: lowercase; }
#buyers h2 { line-height: 1.2em; }
#basketempty, #baskethidden { padding: 10px; }
#product-content em { display: block; margin: 0.8em 0; font-style: normal; }
#testimonials p, #buyers li { font-size: 0.85em; line-height: 1.2em; }
#right-layer iframe { margin: 10px 0; }

.main h1 { padding-top: 4em; }
.confidence h2 { background: none !important; color: #000 !important; text-transform: uppercase; }
.products .product h2 { margin: 0; min-height: 35px; font-size: 1em; font-weight: normal; text-align: center; }
.new-box h2, .login-box h2 { margin-top: 0; background-image: url("../templateimages/background-signin-h2.gif"); }
.light-box h2, .dark-box h2 { margin-top: 0; background-image: url("../templateimages/background-boxdark-h2.gif"); }

/* ----- LINKS ----- */
a { color: #6e9600; }

#newsitem1 a { color: #fff; }
#newsitem5 a { color: #fff; font-weight: bold; }
#top-layer li.h3 a { color: #14aa96; }
.box-holder a, #buyers a { color: #fff; }
.box-holder h3 a { color: #323228; }
.products .product h2 a { color: #323228; }
.addtobasket a, .send-friend { color: #14aa96; }
.send-friend { text-transform: uppercase; }

/* ----- IMAGES ----- */
#logo-oasis { float: left; padding: 0 10px; background: url("../templateimages/background-container-top-left.gif") no-repeat; }
#top-layer #mcafee { padding-top: 9px; }
#top-layer .align-middle { padding-right: 10px; }
#main-image .absolute, #newsitem1 .absolute { top: 0; left: 0; z-index: 2; }
#newsitem1 .absolute { left: 0; }
#newsitem5 .absolute { top: -33px; left: -23px; z-index: 3; }
#left-column .thumb { margin: 1em 0 1em 15px; }
#left-column .first { margin-left: 0; }

.spec-colour li img { margin-bottom: 10px; border: 1px solid #ccc; }
.send-friend img { vertical-align: middle; padding: 0 5px 0 10px; }

/* ----- TABLES ----- */
.baskettable-inner table { width: 100%; border-collapse: collapse; font-size: 0.85em; }
.baskettable-inner thead th { line-height: 28px; background: #323228; color: #fff; text-transform: uppercase; font-weight: bold; text-align: left; }
.baskettable-inner thead .image, .baskettable-inner thead .number { background: #323228 url("../templateimages/background-baskettable-thead-left.gif") no-repeat; }
.baskettable-inner thead .total, .baskettable-inner thead .view { background: #323228 url("../templateimages/background-baskettable-thead-right.gif") no-repeat right; }
.baskettable-inner tbody .subheader td { padding-top: 10px; }
.baskettable-inner .image, .baskettable-inner .number { padding-left: 10px; }
.baskettable-inner .total { padding-right: 10px; }
.baskettable-inner .price, .baskettable-inner .total { text-align: right; }
.baskettable-inner .quantity { text-align: center; }
.baskettable-inner .zone { width: 200px; }
.baskettable-inner .ordervalue { width: 200px; }

table.guide { width: 100%; border-collapse: collapse; }
table.guide th, table.guide td { padding: 5px; border: 1px solid #ccc; }

/* ----- FORMS ----- */
#search-form { clear: right; margin-right: 10px; height: 30px; background: #e6e6dc url("../templateimages/background-search-form-left.gif") no-repeat; font-size: 0.85em; }
#search-form legend, #signup-form legend, #signup-form label { display: none; }
#search-keywords, #checkout-text, #signup-keywords, #currency { float: left; line-height: 30px; }
#checkout-text { line-height: 15px; }
#search-keywords label { padding: 0 10px; }
#search-button, #checkout-button { float: left; margin-bottom: -6px; }
#checkout-button, #checkout-text { float: right; }
#checkout-button { background: url("../templateimages/background-search-form-right.gif") no-repeat top right; }
#checkout-text { padding-left: 22px; margin-right: 5px; background: url("../templateimages/background-checkout-text.gif") no-repeat 0 6px; }
#currency { margin-left: 60px; }
#search-button button, #checkout-button a, #signup-button button { margin: -1px 5px -1px 2px; padding: 0; border: 0; background: none; }
#signup-button button { margin-right: -10px; }
#search-button button img, #checkout-button button img, #signup-button button img { border: 0; margin: 0; }
#keywords-field, #email-field { width: 110px; margin-top: 2px; padding: 2px 0 2px 2px; }

#currency div { display: inline; }

.inputform label { float: left; width: 150px; line-height: 23px; font-weight: bold; }
.inputform input, .inputform textarea { width: 190px; }
.inputform select { width: 196px; }
#strCustomerComments { width: 340px; }
.inputform input.submit, #C_Card_Type, #numCardStartYear, #numCardExpiryYear { width: auto; }
#C_Card_IssueNumber, #C_Card_SecurityNumber { width: 35px; }
#numCardStartMonth, #numCardExpiryMonth { width: 41px; }

.addtobasket fieldset { padding: 10px; }
.addtobasket select, .addtobasket input { position: absolute; bottom: 1em; }
.addtobasket input { margin-left: 50px; }
.inctax input { display: none; }
.option select { margin: 2px 0; }
.checkbox { width: auto !important; }
.checklabel { width: auto !important; float: none !important; }

.addtobasketoptions fieldset { background: url("../templateimages/background-versions-options-bottom.gif") no-repeat bottom; }
.addtobasketoptions select, .addtobasketoptions input { position: static; }
.addtobasketoptions .option { margin-bottom: 0.8em; }
.addtobasketoptions input { margin: 0; }
.addtobasketoptions .radiooptions { display: block; }

.errors { display: block; width: 85%; color: red; background-color: #FFEEEE; border: dotted 1px red; margin: 18px; padding: 12px; } 
.errors label { border-bottom: dotted 1px red; }

/* ----- LIGHTBOX ----- */
#lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img { border: none; }
#outerImageContainer { position: relative; background-color: #fff; width: 64px; height: 64px; margin: 0 auto; }
#imageContainer { padding: 10px; }
#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#loading img { width: 32px; height: 32px; }
#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav { left: 0;}
#hoverNav a { outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url("../../images/spacer.gif") no-repeat; /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url("../../images/prevlabel.gif") left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url("../../images/nextlabel.gif") right 15% no-repeat; }
#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }
#imageData { padding: 0 10px; color: #666; }
#imageData #imageDetails { width: 70%; float: left; text-align: left; }	
#imageData #caption { font-weight: bold;	}
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose { width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }