/* Over-ride CSS file */

/* Please indicate what each change does */



/* To get the bullets to line-up properly */

#intro-text ul {padding-left: 20px;}


/* To stop the content overrunning the footer on My Dept */

#footer {min-height: 250px; overflow: visible;}


/* To fix alingment of dimensions on product pages */

.dimensions-column1, .dimensions-column2 {margin-left: -14px; margin-right: 30px; _margin: 0; /* should shut IE6 up */ }

.dimensions-column2 {float: left; margin-top: -10px; _margin: 0; /* should shut IE6 up */ }


/* To fix the positioning of the values in the quantity boxes */

.quantity {padding-top: 5px;}

/* To fix the excessive padding above unordered lists */

ul {
	padding-top:  3px;
}

/* To be added to the current override CSS file */

/* HEADER */

.clickable-logo {width: 160px; height: 76px; float: left;}


#top-container .phone {width: 600px; height: 27px; float: right; text-align: right; color: #00a1b1; font-size: 1em; font-weight: bold; margin-bottom: 10px;}

#top-container .phone input {margin-right: 20px;}
#top-container .phone-login {color: #000; font-size: 0.8em; font-weight: normal; margin-right: 25px; margin-top: -3px;}
#top-container .phone-login a{color:#00A2B2;}
#top-container .phone-number {color: #00a1b1; font-size: 1em;}

#navigation a {color: #fff; font-weight: bold; text-decoration: none; border-bottom: 1px solid #f4f4f4;}

.new-search {clear: right; float: right; width: 329px; height: 49px; background-image:url(/images/search-box-bg.jpg); backgroud-repeat: no-repeat; margin-bottom: 10px;}

.new-search input {float: left; margin: 15px 5px 5px 110px; height: 18px; border: 1px solid #00a2b2; width: 150px;}

.new-search input.go {float: right; width: 40px; margin: 15px 10px 5px 5px; background-color: #00a2b2; border: 1px solid #00a2b2; color: #fff; }


/* PRODUCT PAGE */

/* Amends to navigation tabs */

#tabs-and-info li {float: left; display: block; width: 106px; height: 30px; background-image: url(/images/tabs/background.png); background-repeat: no-repeat; background-position: center; text-align: center; background-position: bottom;}


/* New */

.section-bubble {clear: both; width: 820px;}

.section-bubble-top {width: 100%; background-image: url(/images/bubble-top2.jpg); background-repeat: no-repeat; height: 10px;}

.section-bubble-middle {width: 100%; background-image: url(/images/bubble-middle2.jpg); background-repeat: repeat;}

.section-bubble-bottom {width: 100%; background-image: url(/images/bubble-bottom2.jpg); background-repeat: no-repeat; height: 10px;}
.section-bubble div.pageView{padding:3px 5px 3px 10px;}

/* Accessories */

.accessories-strip-container {width: 100%;}

.accessories-strip {width: 800px; height: 50px; background-color: #dadddd; margin-bottom: 5px;}

.accessories-strip-last {margin-bottom: 0;}

.accessories-strip-container img {float: left; margin: 5px;}

.accessories-strip-container input {float: right; margin: 15px 10px 5px 5px; height: 18px; border: 1px solid #00a2b2; width: 150px; text-align: center; background:#fff;}

.accessories-strip-container input.go {float: right; width: 130px; margin: 15px 10px 5px 5px; background-color: #00a2b2; border: 1px solid #00a2b2; color: #fff; }

.accessories-strip-button {float: right;}

.accessories-strip-container .product-name, .accessories-strip-container .product-code {float: left; font-size: 0.9em; color: #000; font-weight: bold; margin-top: 15px; margin-left: 20px;}

.accessories-strip-container .product-code {color: #666; font-weight: normal; margin-left: 3px;}



/* Colours and Options */

.colours-and-options,.product-accessories-cont{width: 100%; margin: 15px 0 0 0; clear: both;}

.colours-and-options li {display: block; width: 140px; height: 30px; background-image: url(/images/active-long.jpg); background-repeat: no-repeat; background-position: center; text-align: center; background-position: bottom; list-style-type: none;}

.section-bubble-middle p {margin-left: 10px;}

.colours-and-options h3 {font-size: 0.9em; color: #000; margin: 0 0 5px 10px;padding-top:10px; }

.available-colours {width: 800px;}

.colour-swatches {width: 800px; font-size: 0.8em; color: #000;}

.swatch {width: 150px; float: left; height: 25px; _height: 23px; border: 1px solid #ccc; margin: 0 0 0 10px; padding: 0; overflow: hidden;}

.colours-and-options span.formfield {margin-left: 10px; width: 150px !important; display: inline;}

.colours-and-options input {float: right; height: 18px; border: 1px solid #00a2b2; width: 150px; text-align: center; margin-right: 20px;}

.colours-and-options input.go {float: right; width: 130px; background-color: #00a2b2; border: 1px solid #00a2b2; color: #fff; }

.colours-and-options-button {float: right; }


/* Enquiry Form */

#product-enquiry {width: 100%; margin: 30px 0 30px 0; clear: both; float: left;}

#product-enquiry li {display: block; width: 140px; height: 30px; background-image: url(/images/active-long.jpg); background-repeat: no-repeat; background-position: center; text-align: center; background-position: bottom; list-style-type: none;}

#product-enquiry-strip-container p {margin-left: 10px;}

#product-enquiry h3 {font-size: 0.9em; color: #000; margin: 10px 0 0 10px; }

#product-enquiry form {margin-left: 10px; width: 150px !important; display: inline;}

#product-enquiry input {float: right; height: 18px; border: 1px solid #00a2b2; width: 150px; text-align: center; margin-right: 20px;}

#product-enquiry input.go {float: right; width: 130px; background-color: #00a2b2; border: 1px solid #00a2b2; color: #fff; }

.product-enquiry-button {float: right; }

#product-enquiry-strip-container {width: 100%;}

.product-enquiry-strip {width: 800px; margin-left: 10px; background-color: #dadddd; margin-bottom: 5px;}

.product-enquiry-strip-last {width: 800px; margin-left: 10px; height: 50px; background-color: #dadddd; margin-bottom: 0;}

#product-enquiry-strip-container p.options{float:left; clear:left; margin:-4px 0 0 20px;}
#product-enquiry-strip-container .itemwrapper{float:left;}

#product-enquiry-strip-container img {float: left; margin: 5px;}

#product-enquiry-strip-container input {float: right; margin: 15px 10px 5px 5px; height: 18px; border: 1px solid #00a2b2; width: 150px; text-align: center;}

#product-enquiry-strip-container input.go {float: right; width: 130px; margin: 15px 10px 5px 5px; background-color: #00a2b2; border: 1px solid #00a2b2; color: #fff; cursor:pointer; }

.product-enquiry-strip-button {float: right;}

#product-enquiry-strip-container .product-name, #product-enquiry-strip-container .product-code {float: left; font-size: 0.9em; color: #000; font-weight: bold; margin-top: 15px; margin-left: 20px;}

#product-enquiry-strip-container .product-code {color: #666; font-weight: normal; margin-left: 3px;}

#product-enquiry input.send-it {float: none; clear: both; height: 24px; width: 300px; text-align: center; margin:15px 0 0 10px; background-color: #00a2b2; border: 1px solid #00a2b2; color: #fff; font-size: 0.9em;}



/* Login or Register */

#login-or-register {width: 100%; clear: both; margin-top: 50px;}

#login-or-register .login {width: 370px; float: left;}

#login-or-register .register {width: 370px; float: right;}

#login-or-register h1 {color: #26afbe; font-size: 1.4em;}

#login-or-register h2 {color: #000; font-size: 1em; font-weight: normal;}

#login-or-register input {margin: 0 10px 5px 0; height: 18px; border: 1px solid #00a2b2; width: 150px;}

#login-or-register input.go {width: 130px; background-color: #00a2b2; border: 1px solid #00a2b2; color: #fff; }


/* Login or Register */

#registration-box {width: 100%; clear: both; margin-top: 80px;}

#registration-box h1 {color: #26afbe; font-size: 1.4em;}

#registration-box .green {color: #009900;}

/* Lozenge */

.lozenge {clear: both; width: 820px; margin-bottom: 2px;}

.lozenge p, .lozenge p.small {font-weight: normal; font-size: 0.8em; text-align: left;}
.lozenge p.small {font-size: 0.7em; text-align: center; margin-top: 8px; font-weight: normal;}
.lozenge-top {width: 100%; background-image: url(/images/lozenge-top.jpg); background-repeat: no-repeat; height: 8px;}

.lozenge-middle {width: 100%; background-image: url(/images/lozenge-middle.jpg); background-repeat: repeat;}

.lozenge-bottom {width: 100%; background-image: url(/images/lozenge-bottom.jpg); background-repeat: no-repeat; height: 10px;}

.lozenge-column {width: 250px; float: left; margin-left: 15px; }
.lozenge-column.second-column {margin-left: 30px;}

.lozenge-column.last-column {width: 220px;}
.lozenge input {float: left; clear: left; height: 18px; width: 220px; text-align: center; margin-top: 3px;}

.required {border: 2px solid #009900;}

lozenge2-container {width: 820px;}

.lozenge2 {float: left; width: 260px; margin-bottom: 2px;}

.not-first {margin-left: 20px;}

.lozenge2 p, .lozenge2 p.small {font-weight: normal; font-size: 0.8em; text-align: left; margin-left: 15px;}

.lozenge2 p.small {font-size: 0.7em; text-align: center; margin-top: 8px; font-weight: normal;}

.lozenge2 p.small2 {font-size: 0.7em; text-align: left; margin-top: 0px; font-weight: normal;}

.lozenge2-top {width: 100%; background-image: url(/images/lozenge2-top.jpg); background-repeat: no-repeat; height: 8px;}

.lozenge2-middle {width: 100%; background-image: url(/images/lozenge2-middle.jpg); background-repeat: repeat;}

.lozenge2-bottom {width: 100%; background-image: url(/images/lozenge2-bottom.jpg); background-repeat: no-repeat; height: 10px;}

.lozenge2-column {width: 240px; float: left; margin-left: 10px; margin-top: 8px;}

.lozenge2 input {float: left; clear: left; height: 18px; width: 210px; text-align: center; margin-top: 3px; margin-left: 15px; background-color: #fff !important}

.lozenge2 form {width: 210px; margin-left: 15px;}

.lozenge2 select {background-color: #009900; color: #ffffff; height: 24px; border: 1px solid #009900; margin-left:12px;}

.required {border: 2px solid #009900;}

input.radio {width: 20px; margin-right: 5px;}

.lozenge2 span.radiolist input {float: none; height: 18px; width:auto; text-align: left; padding-top: 3px; margin-right: 5px; background-color: #fff !important}
.lozenge2 span.horizontal span{float:left; width:115px;}
.lozenge2 span.horizontal span{width:60px;} 
.lozenge2 span.horizontal label,.days span label,.times span label{font-size:0.8em; margin-top:-3px;}
.lozenge2 span br{display:none;}
#marketing{clear:left;}

/* Marketing */

/*#marketing, #marketing2, #email-times {display: none;}*/

.days, .times {width: 90px; float: left; }
.times {float: right; width: 150px;}
.days span br,.times span br{display:inline;}

#registration-button {width: 100%; clear: both;}

#registration-button input.send-it {float: left; clear: both; height: 24px; width: 130px; text-align: center; background-color: #00a2b2; border: 1px solid #00a2b2; color: #fff; font-size: 0.9em; margin-top: -3px;}

#registration-button .cancel {margin-left: 5px;}
#registration-button p {text-align: left;}

.distributors {clear: both; width: 100%; margin-top: 10px;}
.distributors .map {width: 450px; float: left;}
.distributors .info {width: 350px; float: right;}