/*

@2007

Table of Contents:
01 - Standard html tags
02 - Browser fixes
03 - Structure
04 - Standard LAYOUT / FORMS
05 - Navigation
06 - Product listing browse
07 - Basket
08 - Sign In / Register / Account / Order History / Order Details
09 - Quickshop
10 - Address lookup
11 - Infopage / Misc

*/

/* ------------------------------------------------------------------------------ */
/* 01 - Standard html tags --------------------------------------- */
/* ------------------------------------------------------------------------------ */

body {
			margin: 10px; padding: 0;
			font-family: Arial, sans-serif;
			font-size: 62.5%; /* for IE/Win */
			color: #000000;
			background-color: #FFFFFF;
			line-height: 1;
			}

			html>body {font-size:10px} /* for everything else */

h1 {font-size: 210%; font-weight: normal; margin: 0; padding: 20px 0;}

h2 {font-size: 170%;color: #000000;margin: 20px 0;font-weight: normal;}

h3 {font-size: 140%;margin: 0; padding: 10px 0;font-weight: normal;color:#000000;}

h4 {font-size: 160%;color: #999999;font-weight: normal;margin: 0; padding: 20px 0;} /* used in checkout */

img {border: 0px none;display: block}

a:link {color: #000000; text-decoration: none; border-bottom: 1px dotted #999999;padding-bottom: 1px;}
a:visited {color: #666666; text-decoration: none; border-bottom: 1px dotted #999999;padding-bottom: 1px;}
a:hover {color: #000000; text-decoration: none; border-bottom: 1px dotted #000000;padding-bottom: 1px;}
a:active {color: #000000; text-decoration: none; border-bottom: 1px dotted #999999;padding-bottom: 1px;}

ul {list-style-type: none; list-style-position: outside; margin: 0; padding: 0;}
li {margin-bottom: 10px;}

/* form, fieldset, dl, dt, dd {margin: 0; padding: 0;} */

* {margin: 0; padding: 0;}

/* ------------------------------------------------------------------------------ */
/* 02 - Browser fixes --------------------------------------- */
/* ------------------------------------------------------------------------------  */


ol#wgrp:after,
ol#wgrpPart:after,
dl.vsPrice:after,
dl.vsPriceGoto:after,
.clearfix:after {
		content: "clearfix";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}

/* ------------------------------------------------------------------------------ */
/* 03 - Structure --------------------------------------- */
/* ------------------------------------------------------------------------------ */

#outerContainer {
		margin: 0px auto;
		padding: 5px;
		width: 944px; /* 3px + 5px + 944px + 5px + 3px = 960px */
		background-color: #FFFFFF;
		border: 3px solid #CCCCCC;
		}

/* HEADER ------------------------------------------------------------------------------ */
		#headerContainer { height: 80px; color: #FFFFFF; background: #00627B url('../img/headerBg.jpg') top right no-repeat;}

				#headerContainer img.mainLogo {float: right;padding: 15px 5px 12px 5px;}

				#headerContainer ul {
						clear: both;
						display: inline; /* IE6 double margin bug fix*/
						float: right;
						margin: 60px 5px 5px 0;
						padding: 0;
						font-size: 110%;
						color: #D2ECF3;
						}

						#headerContainer li {
								float: left;
								line-height: 15px;
								margin: 0 0 0 6px;
								padding-left: 19px;
								}

								#headerContainer li a:link {color: #D2ECF3; text-decoration: none;border: none;padding: 0;}
								#headerContainer li a:visited {color: #D2ECF3; text-decoration: none;border: none;padding: 0;}
								#headerContainer li a:hover {color: #FFFFFF; text-decoration: underline;border: none;padding: 0;}
								#headerContainer li a:active {color: #D2ECF3; text-decoration: none;border: none;padding: 0;}

								#headerContainer li.home {background: url('../img/nav/home.gif') no-repeat;}
								#headerContainer li.about {background: url('../img/nav/about.gif') no-repeat;}
								#headerContainer li.clearance {background: url('../img/nav/clearance.gif') no-repeat;}
								#headerContainer li.myAccount {background: url('../img/nav/myAccount.gif') no-repeat;}
								#headerContainer li.contactUs {background: url('../img/nav/myAccount.gif') no-repeat;}
								#headerContainer li.bsktMini {background: url('../img/nav/viewBasket.gif') no-repeat;}

		#contentContainer {margin: 5px 0 2px 0; background: url('../img/pageBg.gif') top left repeat-y;}
		#contentContainerHome {margin: 5px 0 2px 0; background: url('../img/pageBg_home.gif') top left repeat-y;}

/* LEFT SIDEBAR ------------------------------------------------------------------------------ */
				#lhSidebar {float: left;width: 204px;font-size: 1.1em;}

						#searchSingleContainer {margin: 0 8px 0 5px;}
								#searchWhat {float: left; width: 134px;}
								#searchSingleContainer input.go {float: right;}
								#searchByBrand {width: 189px;margin-top: 5px;}

/* MAIN CONTENT ------------------------------------------------------------------------------ */
						#main {
									/* CLEARFIX */
									float: left;
									width: 740px; /* 8px + 204px (lhSidebar) + 740px(content) + 8px = 960px */
									font-size: 1.1em;
									}

/* FOOTER ------------------------------------------------------------------------------ */
			#footerContainer {
						clear: both;
						border-top: 3px solid #003543;
						padding: 10px 0;
						}

						ul#footerLinks {float: left; width:65%; margin: 0; padding: 0; list-style: none;}
						ul#footerLinks li {float: left;margin: 0 5px 0 0;padding: 0;}
						#footerContainer p#eCommBy {float: right; width:30%;margin: 0; padding: 0; text-align: right;}



/* ------------------------------------------------------------------------------ */
/* 04 - Standard LAYOUT and FORMS ------------------------- */
/* ------------------------------------------------------------------------------ */

fieldset, div.dataContainer {clear: both; border: 1px solid #E4E4E4; margin: 0;padding: 10px;background-color: #FFFFFF;}
legend {color: #999999;font-size: 120%;background-color: white;}

dl.std {
	clear:both;
	margin: 0;
	padding: 0.6em 1.2em 0 1.2em; /* See IE6 */
	overflow: hidden; /* float clear in Firefox */
	}

	dl.std dt {
		clear:both;
		float:left;
		width: 39%;
		margin: 0 0.4em 0 0;
		padding: 0.4em 0;
		text-indent: 0.4em;
		font-weight: bold;
		color: #666666;
		background-color: #ECECEC;
		line-height: 1;
		}
		dl.std dt.man {background: #ECECEC url('../img/man.gif') 97% 50% no-repeat;}
		dl.std dt.blnk {background: none;}

		dl.std dt.foot {padding: 28px 0; text-indent: 15px;font-weight: normal; background: transparent url('../img/man.gif') 0.4em 50% no-repeat;}
		dl.std dd.foot {padding: 25px 0; font-weight: normal;}

		dl.std dd {
				width: 59%;
				float: left;
				margin: 0 0 0.4em 0;
				padding: 0;
				line-height: 1;
				}

				dl.std dd.data {
						padding: 0.4em 0;
						color: #C22139;
						}

				dl.std dd p {clear: both;margin: 0;padding: 1em 0;line-height: 1.3em;}

				input.std, input.std50, select.std, select.std50, textarea.std, /*div.AFD select,*/ dd select, #choice1, #choice2 {
						width: 100%;
						margin: 0;
						padding: 0.2em;
						font-family: Arial, Helvetica, sans-serif;
						color: #09809E;
						font-size: 1em;
						border: 1px solid #CCCCCC;
						float:left; /* IE only - removes the 1px top and bottom margins on input fields */
						}

				dl.std dd select {margin-right: 0.5em; padding: 0.1em 0.2em 0.15em 0;}
				dl.std dd select.std50 {width: 47%;margin-right: 0.5em; padding: 0.1em 0.2em 0.15em 0;}

				input.std50 {width: 45%;margin-right: 0.5em;}

				input.std:focus, textarea.std:focus, select.std:focus, input.std50:focus, select.std50:focus {border-color: #666666; color: #000000;}

		input.btn {border: none;background:none;margin: 10px 0;}
		div#container1 p.frmTip {margin: 10px 10px 15px 10px;} /* Used in register */
		div#container1 p.frmTipRed {margin: 10px 10px 15px 10px;color: red;}


/* ------------------------------------------------------------------------------------- */


table.std {width: 100%; font-size: 1.1em;margin: 0 -1px; text-align: center;background-color: #FFFFFF;}

table.std th {
			padding: 5px;
			background-color: #CCCCCC;
			font-weight: normal;
			color: #FFFFFF;
			}


table.std td {border-bottom: 1px solid #E6E6E6;padding: 15px 5px;}

p.currentPassword {/* used in services */margin: -5px 0 10px 0; padding: 0;}
.stdUpdt {color: blue; margin-bottom: 10px; padding: 5px 0;}


/* Errors --------------------------------------------------------------------- */

.stdError {color: red;}

div.error {color:#FF3300; margin-bottom: 10px; padding: 10px 0;border-top: 1px solid #FF3300;border-bottom: 1px solid #FF3300;}
div.error p.errorHeader {font-weight: bold;margin: 0 0 10px 0; padding: 0;}
.error {color: #FF3300;}

/* ------------------------------------------------------------------------------ */
/* 05 - Navigation -------------------------------------- */
/* ------------------------------------------------------------------------------ */


#prodNav {
			cursor: pointer;
			color: #D2ECF3;
			margin-top: 10px;
			margin-right: 3px;
			font-size: 110%;
			}

#prodNav a:link, #prodNav a:visited, #prodNav a:active {
			display: block;
			text-decoration: none;
			padding: 3px 3px 3px 30px;
			color: #000000;
			border: none;
			}

#prodNav a:hover {
			text-decoration: underline;
			background: #EEF3FA url('../img/nav/prodNavBg_over.gif') center left no-repeat;
			}

#prodNav .out {
			margin: 0 5px;
			padding: 0 0 0 20px;
			line-height: 2.0em;
			border-top: 1px solid #53A6BB;
			border-bottom: 1px solid #045A70;
			background: url('../img/bullets/lhNav.gif') center left no-repeat;
			}

#prodNav .over {
			margin: 0 5px;
			padding: 0 0 0 20px;
			line-height: 2.0em;
			border-top: 1px solid #53A6BB;
			border-bottom: 1px solid #045A70;
			background: url('../img/bullets/lhNav.gif') center left no-repeat;
			background-color: #1888A4;
			}

.submenu {
			margin: 0 5px;
			padding: 7px 5px;
			background-color: #D2ECF3;
			font-size: 95%;
			}


/* ------------------------------------------------------------------------------ */
/* 07 - Basket ------------------------- */
/* ------------------------------------------------------------------------------ */

/* These styles are hard coded to avoid Outlook 2007 issues */
/*
table#bskt th.select, table#bskt td.select {width: 5%;}
table#bskt th.descr, table#bskt td.descr { width: 65%;text-align: left;}

table#bskt th.qty, table#bskt td.qty {width: 10%;}
table#bskt th.uPrice, table#bskt td.uPrice {width: 10%;}
table#bskt th.lTotal , table#bskt th.lTotal {width: 10%;text-align: right;}

table#bskt td.qty,  table#bskt td.uPrice,  table#bskt td.lTotal {
		border-bottom: 1px solid #CCCCCC;
		background-color: #EEF3FA;
		}
		table#bskt td.lTotal {text-align: right;}
		table#bskt td.qty input {width: 30px;}
*/

td.total {text-align: right;font-size: 1.6em;padding: 15px 0;}

/* Source Code */
#srcCodeContainer {
			background-color: #ECECEC;
			padding: 10px 5px;
			text-align: right;
			}
			#srcCodeContainer p#srcCodeTxt{float: left; line-height: 1.8em;margin: 0; padding: 0;}
			#srcCodeContainer form {float:right;text-align: right;}
			#srcInput {float: left;}

/* Basket Product Image */
div.bsktImgContainer {
			float: left;
			margin-right: 10px;
			width: 65px; height: 65px;
			overflow: hidden;
			}
			table#bskt .prodImg {width: 65px;}
			table#bskt p.title {font-size: 120%;}
			table#bskt p.partCode {font-size: 90%;}


table#bskt td.total, table#bskt td.vat {
			text-align: right;
			padding: 10px 5px;
			font-size: 180%;
			color: #5488CA;
			}

p.voucherSave {text-align: right; color: #5488CA;line-height:50px;background: transparent url('../img/free.gif') 13px 0px no-repeat;}
p.continue {float:right;clear: both;}


/* -------------------------------------------------------------------------------------------------------------------------- */
/* 08 - Sign In / Register / Account / Order History / Order Details --------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------- */

ol {list-style-position: inside;}

/* Group Services ----------------------------------------- */
ul#clubs li {float: left; width: 50%; line-height: 24px;margin: 0; padding: 0; color: #09809E;}
ul#clubs li input {margin-right: 5px;}


/* Order Status ----------------------------------------- */
p.filterResults {margin: -40px 1px 15px 1px; padding: 0 0 0 5px; text-align: right;}



/* th/td width and text-alignments */
.orderNo {width: 60%; text-align: left;}
.orderDate, .orderStatus {width: 20%;}






/* Order Detail ----------------------------------------- */

/* - replaced by popsContainer
div#orderDet {
		border: 3px solid #CCCCCC;
		margin: 20px;padding: 5px;
		font-size: 1.1em;
		}

		div#orderDet h1 {font-size: 150%;}

p.orderDetFooter {margin: 20px;padding: 0;}

*/

/* -------------------------------------------------------------------------------------------------------------------------- */
/* 10 - Address lookup ----------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------- */

body.addrLookup {margin: 20px;}

div#addrLookupContainer {
			background-color: #FFFFFF;
			padding: 20px;
			font-size: 1.1em;
			line-height: 145%;
			}

div#addrLookupContainer select {
			clear: both;
			width: 100%;
			margin: 10px 0;
			}

#filler {text-align: right;margin: 10px 0;}

/* -------------------------------------------------------------------------------------------------------------------------- */
/* 11 - INFOPAGES / MISC ------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------- */

div#container1 {background-color: #FFFFFF; margin: 5px; padding: 0 5px 5px 5px; line-height: 1.3em;}
div#container1 p {margin: 10px 0;}


#mainHeader {border-top: 5px solid #FFFFFF;width: 722px;height:120px;}

div#container1 ul.std {
		margin: 20px 30px;
		list-style-type: circle;
		}
		div#container1 ul.std li {/*line-height: 1;*/}

div#container1 ul#infoPage1 {list-style-type: decimal; margin: 0 0 0 0px; padding: 0 0 0 0px;font-size: 110%; list-style-type:none; }
div#container1 ul#infoPage1 li {clear: both; background-color: #EEF3FA; border-bottom: 1px solid #CCCCCC;padding: 10px; line-height: 78px; height:80px; display:block; }
div#container1 ul#infoPage1 li img {float: left;margin-right: 10px;width: 78px; height: 78px;}
div#container1 ul#infoPage1 img.fLMr {float: left; margin-right: 10px; margin-bottom: 10px;}

dl#infoPage1 {margin: 10px 30px 15px 0px;border-left: 2px solid #E4E4E4; padding-left: 10px;}
dl#infoPage1 dt {float: left; width: 35%;margin-bottom: 2px; padding: 4px 0; border-bottom: 1px solid #E4E4E4;}
dl#infoPage1 dd {float: right; width: 63%; display: inline;margin-bottom: 2px; padding: 4px 0;border-bottom: 1px solid #E4E4E4;}


.clr {clear: both;}

.cartMsg {margin: 30px 0;}

/* home1.txt */

div#homeLeft {
	float: left;
	width: 435px;
	margin: 0 0 0 2px;
	
}

	div#homeLeft ol#wgrp, div#homeLeft ol#wgrpPart {
		float: left;
		font-size: 1.1em;
		list-style-position: outside;
		list-style-type: none;
		margin: 5px 0 5px 0;
		padding: 0;
		width: 435px;
		/*background: url(../img/home1/bkgd_home_prod_rpt.gif) left top repeat-y;*/
	}
	
		div#homeLeft ol#wgrp li, div#homeLeft ol#wgrpPart li {
			background: none;
			float: left;
			margin: 0;
			padding: 0;
			text-align: center;
			width: 138px;
			background-color: #eef3fa;
		}

		div#homeLeft ol#wgrp li div, div#homeLeft ol#wgrpPart li div {
			margin: 0;
			background: none;
		}

		div#homeLeft ol#wgrp li div span, div#homeLeft ol#wgrpPart li div span {
			float: left;
			display: inline;
			width: 126px;
			color: #666666;
			font-size: 0.9em;
			margin: 0;
			padding: 3px;
			text-align: left;
		}

		div#homeLeft ol#wgrp li div h2, div#homeLeft ol#wgrpPart li div h2 {
			margin: 0;
			background: none;
			border: none;
		}


		div#homeLeft ol#wgrp li#home_prod_left, div#homeLeft ol#wgrpPart li#home_prod_left {margin: 0 5px 0 0; padding: 0 0 3px 0;}
		div#homeLeft ol#wgrp li#home_prod_middle,  div#homeLeft ol#wgrpPart li#home_prod_middle {width: 139px; margin: 0 5px 0 5px; padding: 0 0 3px 0;}
		div#homeLeft ol#wgrp li#home_prod_right, div#homeLeft ol#wgrpPart li#home_prod_right {margin: 0 0 0 5px; padding: 0 0 3px 0;}


	/* lhs */
		.home_a {width: 436px; height: 34px; margin: 0; cursor: pointer;}
		.home_b {width: 436px; height: 181px; margin: 0 0 0 5px; cursor: pointer;}
	/* rhs */
		.home_e {width: 290px; height: 220px; padding: 5px 4px 5px 5px; cursor: pointer; border-bottom: 5px solid #FFF;}
		.home_h {width: 290px; height: 130px; margin: 5px 0 5px 5px; cursor: pointer;}
		.home_f {width: 290px; height: 130px; margin: 0 0 5px 5px; cursor: pointer;}
		.home_g {width: 290px; height: 130px; margin: 0 0 5px 5px; cursor: pointer; float:left;}

	/* bottom */
		.home_c {display: inline; width: 138px; height: 110px; margin: 0; float: left; cursor: pointer;}
		.home_d {width: 287px; height: 110px; margin: 0 0 0 3px; float: right; cursor: pointer;}


div#homeRight {display: inline; float: right; width: 299px; margin: 0; padding: 0; background-color: #09809E;}
div#homeBottom {display: inline;float: left; width: 100%; margin: 0; padding: 0px 0 0 0;}

div#homeLeft_text, div#homeRight_text {display: inline; float: left; width: 430px; margin: 10px 0 10px 5px; padding: 0;}
div#homeRight_text {width: 289px; margin: 10px 0 10px 10px; padding: 0;}
	
	div#homeLeft_text p, div#homeRight_text p {font-size: 12px; color: #054d5f; margin: 0 0 10px 0; line-height: 14px;}
	div#homeLeft_text p.intro {font-size: 14px; font-weight: bold; line-height: 16px;}


#slideshow {
	float: left;
	display: inline;
	width: 435px;
	height: 230px;
	background-color: #0F0;
}





/* -------------------------------------------------------------------------------------------------------------------------- */
/* 12 - NEW STUFF - basically the reworked customer services section ----------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------- */



#showDets {
		clear: both;
		margin: 0;
		padding: 0 0 0 0;
		background-color: #ECECEC;
		border-bottom: 1px solid #ECECEC;}

#showDets p {
			float: left;
			margin: 0 3px 0 0;
			padding: 8px 10px;background-color: #E6EAF2;
			border-top: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF;
			font-weight: bold;
			}

			/*  ------------------------------------------- */
			#showDets p.tab_a_Out {background-color: #FFFFFF;}
			#showDets p.tab_a_Over {background-color: #FFFFFF;cursor: pointer; text-decoration: underline;}
			#showDets p.tab_b_Out {background-color: #FFFFFF;}
			#showDets p.tab_b_Over {background-color: #FFFFFF;cursor: pointer; text-decoration: underline;}
			#showDets p.tab_c_Out {background-color: #FFFFFF;}
			#showDets p.tab_c_Over {background-color: #FFFFFF;cursor: pointer; text-decoration: underline;}
			#showDets p.tab_d_Out {background-color: #FFFFFF;}
			#showDets p.tab_d_Over {background-color: #FFFFFF;cursor: pointer; text-decoration: underline;}


			#a h4, #b h4, #c h4, #d h4 {padding: 25px 0;color: #09809E; font-size: 170%; font-weight: normal;}

			#a {
						clear:both;
						margin: 0 10px;
						padding: 0;
						background-color: #FFFFFF;
						}

			#b, #c, #d {
						display: none;
						clear:both;
						margin: 0 10px;
						padding: 0;
						background-color: #FFFFFF;
						}



/*	LINKS PAGE	*/


ul.links_page {float: left; width: 720px; margin: 0 0 20px 0;}
	ul.links_page li {
		float: left; 
		width: 700px;
		margin: 0 0 10px 20px;
		padding: 10px 0 0 0;
		border-top: 1px dotted #ccc;
	}

img.links_page_img {
	float: right;
	width: 200px;
	margin: 14px 10px 0 0;
	padding: 2px;
	border: 1px dotted #CCC;
}

a.links_page_link:link, a.links_page_link:visited, a.links_page_link:active {
	float: left;
	width: 460px;
	color: #09809E;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	border: none;
	margin: 0 0 10px 0;
}

	a.links_page_link:hover {text-decoration: none; color: #054D5F;}

span.link_text {
	float: left;
	width: 460px;
	font-size: 12px;
	margin: 0 0 2px 0;
}

.pp_list { list-style:disc; }
.pp_list li { margin-left:30px; }































.a-left-col a:link, .a-left-col a:visited, .a-left-col a:hover, .a-left-col a:active {

	border-bottom: none;
}