@charset "utf-8";
/* CSS Document */

/* Colours
orange; #f68821;
dark orange ; #ee5309;
dark grey; #999;
light grey: #e5e5e5
blue : #3da5f0;
dark blue: #1269a8;
*/

/* TOC 
	1 = html (tags)
	2 = structure
	3 = navigation  
	4 = text 
	5 = forms 
	6 = tables 
	7 = hacks ze
*/


/* 1 HTML */
body {
	margin:0 auto;
	padding:0;
	background: #3da5f0 url(../images/build/pageBkg.gif) repeat-y center;
	width:960px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	color:#666;
}
body.shadowbox {
	margin:0 auto;
	padding:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:normal;
	color:#666;
	background: #e5e5e5;
	width: auto;
}
img {
	border:0;
}
a {
	text-decoration:none;
}
/* 1 HTML ENDS */


/* 2 STRUCTURE */
div.holder {
	width: 940px;
	margin: 0 auto 0 auto;
	padding: 0;
	background: #fff;
}
div.topnav {
	width: 940px;
	height: 50px;
	background: #fff url(../images/build/topNavProductsBkg.png) top center no-repeat;
	font-size: 85%;
}
div.topnavweather {
	width: 940px;
	height: 50px;
	background: #fff url(../images/build/topNavWeatherBkg.png) top center no-repeat;
}
div.weatherleft {
	font-size: 70%;	
	float: left;
	margin: 5px 0 0 30px;
	width: 305px;
}
div.weather img {
	vertical-align: middle;
}
div.weatherright {
	float: left;
	margin: 5px 0 0 0;
	width: 105px;
	text-align: center;
	font-weight: bold;
}
div.newsletter {
	width: 107px;
	/*height: 30px;*/
	margin: 0 0 0 20px;
	text-align: center;
	line-height: 35px;
	vertical-align: middle;
	font-weight: bold;
	color: #999;
	float: left;
	display: inline-block;
}
div.newsletter a,div.headerproducts a {
	color: #3da5f0;
}
div.newsletter a:hover,div.headerproducts a:hover {
	color: #1269a8;
}
div.headerproducts {
width: 427px;
	/*height: 30px;*/
	margin: 0 0 0 20px;
	text-align: left;
	line-height: 35px;
	vertical-align: middle;
	font-weight: bold;
	color: #999;
	float: left;
	display: inline-block;	
	padding: 0 20px;
}
#newsticker #togglenewsticker {
	display: none;
}
#newsticker ul {
	overflow: hidden;
	height: 35px;
	list-style:none;
	padding:0;
	margin:	0;
}
#newsticker li {
	list-style: none;
}

div.basket {
	width: 226px;
	/*height: 35px;*/
	line-height: 35px;
	float: right;
	margin: 0 20px 0 0;
	vertical-align: middle;
	display: inline-block;
	text-indent: 10px;
}
div.basket span.right {
	float: right; margin: 0 20px 0 0; color: #fff; font-weight: bold;	
}
div.basket span.right a {
	color: #fff; font-weight: bold; text-decoration: none;	
}
div.basket span.left {
	 float: left;
}
div.picbar {
	width: 940px;
	height: 180px;
	background: url(../images/build/picBarBkg.png) no-repeat top center;
}
div.picbarleft {
	float: left; 
	width:514px; 
	height: 180px;
}
div.picbarright {
	float: left; 
	width:426px; 
	height: 180px;
	text-align: right;
	display: block;
}
div.contactdetails {
	height: 120px;
}
div.leftcolumn {
	width: 170px;
	float: left;
}
div.rightcolumn {
	float: left;
	width: 760px;
	margin: 0 0 0 10px;
	padding: 0 0 60px 0;
	background: url(../images/build/paymentTypes.gif) bottom center no-repeat;
}
div.content {
	background: #f0f0f0 url(../images/build/contentBkg.gif) bottom left no-repeat;
	width: 720px;
	padding: 20px;
}
div.contentfull {
	background: #f0f0f0 url(../images/build/contentBkg.gif) bottom left repeat-x;
	width: 900px;
	padding: 20px;
}
div.subcontent {
	background: url(../images/build/subcontentBkg.gif) repeat-y top;
	width: 720px;
	padding: 10px 20px 20px 20px;
}
div.smallcolumnrow {
	width: 100%;
	margin: 20px 0 0 0;
	background:url(../images/build/smallcolumnrowBkg.gif) repeat-y;
}
div.smallcolumnrow1 {
	width: 100%;
	margin: 20px 0 0 0;
	background:url(../images/build/smallcolumnrow1Bkg.gif) repeat-y;
}
div.smallcolumnrow2 {
	width: 100%;
	margin: 20px 0 0 0;
	background:url(../images/build/smallcolumnrow2Bkg.gif) repeat-y;
}
div.smallcolumnrow3 {
	width: 100%;
	margin: 20px 0 0 0;
	background:url(../images/build/smallcolumnrow3Bkg.gif) repeat-y;
}

div.smallcolumnrowbtm{
	width: 100%;
	height: 2px;
	display: block;
	background: url(../images/build/smallcolumnrowBtm.gif) no-repeat;
}
div.smallcolumnrowbtm1{
	width: 100%;
	height: 2px;
	display: block;
	background: url(../images/build/smallcolumnrow1Btm.gif) no-repeat;
}
div.smallcolumnrowbtm2{
	width: 100%;
	height: 2px;
	display: block;
	background: url(../images/build/smallcolumnrow2Btm.gif) no-repeat;
}
div.smallcolumnrowbtm3{
	width: 100%;
	height: 2px;
	display: block;
	background: url(../images/build/smallcolumnrow3Btm.gif) no-repeat;
}

div.smallcolumn {
	width: 170px;
	/*background: #e9e9e9;*/
	min-height: 225px;
	float: left;
	margin: 0 10px 0 10px;
}
div.smallcolumninner {
	width: 166px;
	margin: 0 2px 2px 2px;
	background: #fff;
	padding: 0 0 8px 0;
}
div.leftcolumn div.smallcolumn {
	width: 160px;
	background: #e9e9e9;
	min-height: 0;
	margin: 10px 0 0 0;
	font-size: 100%;
}
div.leftcolumn div.smallcolumninner {
	width: 156px;
	margin: 0 2px 2px 2px;
	background: #fff url(../images/build/reviewBkg.gif) 0 40px no-repeat;
	padding: 0 0 8px 0;
	min-height: 0;
}
div.ctagreenleft, div.ctaorangeleft, div.ctablueleft {
	color: #fff;
	font-size: 95% !IMPORTANT;
	font-weight: normal;
	text-align:left;
	font-family: Impact, Arial;
	margin: 10px 0 0 0;
	padding: 10px;
	width: 140px;
	line-height: 20px;
}
div.ctagreenleft {
background: #95c11d url(../images/build/greenButtonLCTABkg.gif) top left no-repeat;
}
div.ctaorangeleft {
background: #fbaf47 url(../images/build/orangeButtonLCTABkg.gif) top left no-repeat;
}
div.ctablueleft {
background: #43a3e9 url(../images/build/blueButtonLCTABkg.gif) top left no-repeat;
}
div.ctagreenleftbtm, div.ctaorangeleftbtm, div.ctablueleftbtm {
	width: 160px;
	height: 10px;
	display: block;
}

div.ctagreenleftbtm {
background: #95c11d url(../images/build/greenButtonLCTABtm.gif) bottom no-repeat;
}
div.ctaorangeleftbtm{
background: #fbaf47 url(../images/build/orangeButtonLCTABtm.gif) bottom no-repeat;
}
div.ctablueleftbtm{
background: #43a3e9 url(../images/build/blueButtonLCTABtm.gif) bottom no-repeat;
}
div.ctagreen,div.ctablue ,div.ctaorange {
	color: #fff;
	font-size: 95% !IMPORTANT;
	font-weight: normal;
	text-align:left;
	font-family: Impact, Arial;
	line-height: 50px;
	margin: 10px 0 0 0;
	padding: 0;
	text-indent: 5px;
}
div.ctagreen a,div.ctablue a,div.ctaorange a, div.ctagreenleft a, div.ctaorangeleft a, div.ctablueleft a{
color: #FFF !IMPORTANT;	
}
div.ctagreen{
	background: url(../images/build/greenButtonBkg.gif) top right no-repeat;
}
div.ctablue{
	background: url(../images/build/blueButtonBkg.gif) top right no-repeat;
}
div.ctaorange{
	background: url(../images/build/orangeButtonBkg.gif) top right no-repeat;
}
div.leftcolumn div.ctagreen, div.leftcolumn div.ctaorange, div.leftcolumn div.ctablue {
	width: 160px;	
}
div.smallcolumninner div.ctagreen {
	width: 140px;
	margin: 0 14px;
	color: #fff;
}
div.footertop {
	background: #f68721 url(../images/build/footerTop.gif) no-repeat;
	width: 940px;
	clear: both;
	display: block;
	padding: 20px 0;
}
div.footerbtm {
	background: #146cab url(../images/build/footerBtm.gif) top no-repeat;
	width: 940px;
	clear: both;
	display: block;
	padding: 20px 0;
	margin: 0 0 -10px 0;
}
div.footercolumn {
	width: 	146px;
	margin: 0 20px;
	float: left;
	font-size: 70%;
	color: #fff;
}
/*div.footerbtm div.footercolumn {
	width: 	200px;
}*/
div.producthead {
	padding: 0;
}
div.productheadleft{
	float: left; width: 140px;
}
div.productheadright {
	float: left; 
	width: 560px;
	margin: 0 0 0 20px;
}
div.productheadright div.innerleft {
	float: left; width: 380px; display: inline-block; 	margin: 10px 0 0 0;
}
div.productheadright div.innerright {
	float: left; width: 160px; display: inline-block; 	margin: 10px 0 0 0;
}
div.comments {
	background: url(../images/build/commentBkg.png) no-repeat bottom;
	width: 668px;
	padding: 0 0 40px 0;
	margin: 0 20px 20px 20px;
}
div.commentsinner {
	padding: 20px 10px 0 10px;	
}
div.contentgallery {
 width: 50%;
 float: right;
 display: inline-block;
}

div.gallery ul, div.contentgallery ul {
	list-style: none;
}
div.gallery li, div.contentgallery li {
	display: inline-block;
	margin: 10px 20px 0 0;
	float: left;
}
div.gallery li.clear {
	width: 100%;
	clear: both;
	float: none;
	display: block;
	height: 1px;
}
div.gallery li img, div.contentgallery li img {
	width: 140px;	
}
img.right {
	float: right;
	margin: 20px;
	
}
img.left {
	float: left;
	margin: 0 10px 0 0;
}
img.smallcolumn {
	margin: 0 12px 0 12px;
	padding: 0;
}
div.weathermap {
	background:#99b3cc; 
	margin: 10px 0;	
}

/*2 STRUCTURE ENDS*/


/*3 NAVIGATION */
div.horizontalnav, div.weathernav {
	list-style: none;
	margin: 10px 0;
	clear: both;
	width: 100%;
	min-height: 20px;
}
div.weathernav ul {
	margin: 0;
	padding: 0;
}
div.horizontalnav ul li, div.weathernav ul li {
	display: inline-block;
	margin: 0 20px 0 0;
	color: #999;
	font-weight: bold;
	font-size: 90%;
	float: left;
}
div.horizontalnav ul li a, div.weathernav ul li a {
	color: #999;
	text-decoration: none;
}
div.horizontalnav ul li a:hover, div.weathernav ul li a:hover {
	color: #999;
	text-decoration: underline;
}
div.verticalnav {
	background: #f68821 url(../images/build/verticalNavBkg.gif) bottom right no-repeat;	
	width: 160px;
	font-size: 80%;
}
div.verticalnav ul, div.verticalnav ul.subnav {
	list-style: none;
	margin:  0;
	color: #fff;
	padding: 10px 0;
}

div.verticalnav ul li {
	padding: 0;
	margin: 5px 0;
	display: block;
}
div.verticalnav ul li.navon {
	background: url(../images/build/prodNavMid.gif) repeat-y;
	padding: 0 !IMPORTANT;
	margin: 0 !IMPORTANT;
	line-height: normal;
	display:block;

}
div.verticalnav ul li a {
	color: #fff;
	text-decoration: none;
	margin: 0;
	display: block;
	padding: 0 0 0 10px;
}
div.verticalnav ul li a {
	font-weight: bold;	
}

div.verticalnav ul li ul.subnav li a {
	font-weight: normal;	
}
	
div.verticalnav ul li a:hover {
	color: #ee5309;
}
div.verticalnav ul.subnav {
	background: url(../images/build/prodNavMid.gif) repeat-y;	
	font-size: 90%;
	margin: 0;
	padding: 0 0 0 5px;
	font-weight: normal!IMPORTANT;
}
div.verticalnav ul.subnav li.subnavon {
	
}
div.breadcrumbs {
	font-size: 70%;	
	padding: 5px;
	color: #CCC;
}
div.breadcrumbs a {
	color: #f68821;
}
/*3 NAVIGATION ENDS*/


/*4 TEXT*/
div.weatherright a {
	color: #fff;
	vertical-align: middle;
	display: block;
	text-decoration: none;
}
div.picbarright p.telephone {
	color: #fff;
	font-size: 150%;
	margin: 15px 15px 0 15px;
	padding: 0;
}
div.picbarright p.address {
	color: #fff;
	margin: 0 15px;
	padding: 0;
	font-size: 70%;
	font-weight: bold;
}
div.content h1,div.contentfull h1, div.rightcolumn h1, div.lightbox h1 {
	color: 	#3da5f0;
	font-weight: normal;
	font-size: 170%;
	width: auto;
	display: block;
	width: 100%;
	clear: both;
	margin: 0;
}

div.rightcolumn h1, div.lightbox h1 {
	/*margin: 0 10px;	*/
	/*margin: 0 10px;*/
}
div.subcontent h2 {
	font-weight: normal;
	display: inline;
	margin: 0;
	font-size: 120%;	
}
div.content h2, div.contentfull h2, div.rightcolumn h2 {
	color: 	#3da5f0;
	font-weight: normal;
	margin: 0 0 5px 0;
	font-size: 120%;
	display: block;
}
div.content div.producthead h1 {
	margin: 0 !IMPORTANT;
	display: block;
}
div.content p,div.subcontent p, div.lightbox p {
	color: 	#999;
	font-weight: normal;
	/*margin: 10px 20px;*/
}
div.content a, div.subcontent a {
	color: 	#3da5f0;
}
div.commentsinner p {
	margin: 0;
	padding: 0;
}
div.contentinnercolumn {
	width: 225px; float:left; margin: 10px 20px 0 0;	
}
div.contentinnercolumnlast {
	width: 230px; float:left; margin: 10px 0 0 0;	
}
div.smallcolumninner h2.header, div.smallcolumninner p.header {
	color: #3da5f0;
	font-size: 90%;
	font-weight: bold;
	background: #e9e9e9 url(../images/build/smallColumnTop.gif) bottom no-repeat !IMPORTANT;
	padding: 5px 2px 15px 2px !IMPORTANT;
	margin: 0;
	display: block !IMPORTANT;
}
div.smallcolumninner h2.rss {
	color: #3da5f0;
	font-size: 90%;
	font-weight: bold;
	background: #e9e9e9 url(../images/build/smallColumnTopRss.gif) bottom no-repeat;
	padding: 5px 2px 15px 2px;
}
div.smallcolumninner p {
	font-size: 70%;
	margin: 0 12px;
}
div.smallcolumninner p.news {
	font-size: 60%;
	margin: 0 12px;
	padding: 0 0 15px 0;
	background: url(../images/build/smallColumnSep.gif) bottom center no-repeat
}
div.smallcolumn a {
	text-decoration: none;
}
div.leftcolumn div.smallcolumninner p {
	font-size: 80%;
}
div.smallcolumninner p.newslast {
	font-size: 60%;
	margin: 0 12px;
	padding: 0;
}
div.smallcolumninner a {
	color: #3da5f0;
}
div.footercolumn h2 {
	color: #FFF;
	font-size: 80%;
	border-bottom: 1px dotted #fff;
}
div.footercolumn ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
div.footercolumn li {
	margin: 0;
	padding: 0;
}
img.facebook {
	vertical-align: middle;
}
/*div.footerbtm div.footercolumn li {
	margin: 0 0 5px 0;
	padding: 0;
}*/
div.footercolumn a {
	color: #fff;
	text-decoration: none;
}
div.footercolumn a:hover {
	color: #ccc;
}
span.blue {
color: #1269a8; font-weight: bold;
}
span.blue a {
color: #1269a8; font-weight: bold;
}
span.blue a:hover {
color: #3da5f0; font-weight: bold;
}
span.largeblue {
	font-size: 120%;
	color: #1269a8;
}
span.smallblue {
	font-size: 90%;
	color: #1269a8;
}
span.orange{
color: #f68821; font-weight: bold;
}
span.blue a {
color: #f68821; font-weight: bold;
}
span.orange a:hover {
color: #3da5f0; font-weight: bold;
}
span.largeorange {
	font-size: 120%;
	color: #f68821;
}
span.smallorange {
	font-size: 90%;
	color: #f68821;
}
span.smallgrey {
	font-size: 90%;
	color: #999;
}
span.smallweather {
	font-size: 50%;
	color: #F00;
}
div.weathermap p {
	float: left; 
	margin: 10px; 
	color: #fff; 
	font-weight: bold;
}
div.weathermap ul {
	 float: left; 
	 margin: 10px; 
	 list-style:none;
}
div.weathermap li a {
	 color: #fff;
}
/*4 TEXT ENDS */

/*5 FORMS */
form.weather {
	/*width: 500px;
	margin: 8px 0 0 30px;
	padding:0;
	float: left;*/
}
form.weather input.text, form.weather input.texterror  {
	width: 330px;
	border: 0;
	background: 0;
	margin: 0;
	padding: 0;
	float: left;
}
form.weather input.text {
	color: #CCC;
}
form.weather input.texterror {
	color: #F30;
}
form.weather input.submit {
	color: #fff;
	width: 100px;
	background: 0;
	padding: 0;
	float: left;
	font-weight: bold;
}
div.weatherformrow {
	width: 500px;
	margin: 7px 0 0 30px;
	padding: 0;
	float: left;
}
form.search {
	float: right;
	clear: both;
	margin: -10px 15px 0 0;
	line-height: 37px;
	padding: 0;
}
form.search div.text {
	height: 37px;
	background: url(../images/build/searchTextBkg.gif) repeat-x top;
	display: inline-block;
	width: auto;
	padding: 7px 3px 0 3px;
	float: left;
}
form.search div.submit {
	height: 37px;
	background: url(../images/build/searchSubmitBkg.gif) repeat-x top;
	display: inline-block;
	width: auto;
	padding: 7px 0 0 0;
	float: left;
}
form.search input.text {
	color: #999;
	width: 145px;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	background: 0;
}
form.search input.submit {
	border: 0;
	background: 0;
	font-weight: bold;
	color: #fff;
	text-align: center;
	width: 90px;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
form.addtobasket {
	margin: 10px 0;	
}
form.addtobasket input.text { 
	vertical-align:top;
	width: 25px;
	height: 15px;
}
form.addtobasket input.image, form.general input.image{
	width: 160px;
	height: 40px;
}
form.trolley {
	margin: 0 20px;	
}
form.general {
	margin: 0 20px;	
	padding: 10px 0;
}
div.subcontent form.general, div.tabberlive form.general {
	background: #e5e5e5;
}
div.lightbox form.general {
	margin: 0;	
	width: 500px;
}
div.tabberlive form.general {
	margin: 20px;	
}
form.comments label, form.general label{
	width:120px;
	float:left;
	text-align:right;
	padding:8px 15px 0 0;
	clear:left;
	display:block;
	vertical-align: middle;
}
input.textlarge, select.selectlarge, input.required, select.required{
	font-size: 100%;
	margin: 0;
	border: 0;
	background: url(../images/build/largeTextInputBkg.gif) top left repeat-x;
	padding: 8px;
	vertical-align: middle;
	color: #999;
	width: auto;
	height: 37px;
}
select.selectlarge option, select.required option {
	background: #FFF;
	border: 0;
}
input.checkbox {
	margin: 0;
	width: auto !IMPORTANT;
}
div.checkboxgroup {
	 float: left; padding: 10px;	
}
form.general textarea.required {
background: #fff url(../images/build/largeTextInputBkg.gif) bottom left repeat-x;	
border: 0;
padding: 3px;
}
div.formrow {
	margin: 5px 0; padding: 5px; vertical-align: middle;	
}
input.greensubmit, input.orangesubmit, input.bluesubmit, a.green {
	margin: 0;
	color:#fff !important;
	padding: 0 10px;
	margin:0;
	height:40px;
	width:auto;
	border:none;
	font-size: 100%;
	line-height: 40px;
	vertical-align: middle;
	display: inline-block;
}
input.greensubmit, a.green {
background: url(../images/build/greenSubmitBkg.gif) repeat-x  top;
}
input.orangesubmit {
background: url(../images/build/orangeSubmitBkg.gif) repeat-x  top;
}
input.bluesubmit {
background: url(../images/build/blueSubmitBkg.gif) repeat-x  top;
}
input.disabled {
	border: 1px solid #f90;
	background-color: #ccc;
}
input.required, textarea.required, input, textarea {
	width: 200px;
	border: 0;
}
input.validation-failed, textarea.validation-failed {
	/*border: 1px solid #F90;*/
}
input.validation-passed, textarea.validation-passed {

}
.validation-advice {
	color: #3da5f0;
	margin: 5px 0 5px 135px;
	padding: 0;
	clear: both;
	display: block;
}
.custom-advice {
	color : #ccc;
}
form.contact .validation-advice{
	font-size: 80%;
	margin: 0;
}
form.contact input.greensubmit {
	margin: 10px 0;	
}
/*5 FORMS ENDS*/


/*6 TABLES*/
table.trolley {
	margin: 0;	
}
table.trolley th {
	text-align: left;
	color: #fff;
	background: url(../images/build/greenSubmitBkg.gif) repeat-x top;
	line-height: 40px;
	padding: 0 0 0 5px;
	font-weight: normal;
}
table.trolley td {
	border-bottom: 1px dotted #999;	
	padding: 10px 0;
}
table.trolley td a {
	text-decoration: none;	
}
/*6 TABKES ENDS/


/*7 HACKS */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}
.rowclear {
	clear:both;
	height:10px;
	line-height:10px;
	padding:0;
	margin:0;
}
/*7 HACKS ENDS */

/*TABBER*/
.tabberlive .tabbertabhide {
 display:none;
}
.tabber {
	margin: 0;
}
.tabberlive {
 margin:20px 0 0 0;
}
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 2px solid #ccc;
 font-size: 100%;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 5px;
 margin-left: 3px;
 border: 2px solid #ccc;
 border-bottom: none;
 background: #fff;
 text-decoration: none;
}
ul.tabbernav li a:link { color: #3da5f0; }
ul.tabbernav li a:hover
{
 color: #3da5f0;
 background: #fff;
 border-color: #ccc;
}
ul.tabbernav li.tabberactive a
{
 background: #fff;
 border-bottom: 2px solid #fff;
}
ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: #fff;
 border-bottom: 2px solid #fff;
}
.tabberlive .tabbertab {
 padding:5px;
 border:2px solid #ccc;
 border-top:0;
 background: #fff;
}

.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}
/*TABBER*/