/* 
========================================================================
TEMPLATE.CSS
========================================================================
*/

/* --- Body - control position #container, allows centering of site -- */
body {
	text-align: center;
	background: #373739;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
}



/* Contains rest of HTML */
#centrecontainer {
	width: 780px;
	text-align: left;
	margin: 0 auto;
	background:#fff;
}


/* --- Header section ------------------------------------------------ */

#header {
	height: 100px;
	background:url(../templateimages/new/header_bg.jpg) right 0 no-repeat;
	float:left;
	width:780px;
}
#header p {
	display:none;
}

#header #title {
	height: 57px;
	float:left;
	margin: 23px 10px 0px 26px;
	display:inline;
}

/* Top links */
#header2 {
	background:url(../templateimages/new/navBar_bg.gif) 0 0 repeat-x;
	float:left;
	width:780px;
	height:23px;
}
	#header2 ul.links {
		padding: 5px 0px 5px 0px;
		float:left;
		margin:0;
	}
		#header2 .links li {
			list-style: none;
			float:left;
		}

#header2 .links a:link, #header2 .links a:visited
	{
	text-decoration: none;
	color: #000;
	font-weight: bold;
	margin: 0 0 5px 12px;
	border-left:1px solid #008ab9;
	padding:0 0 0 12px;
	}
	
	li.home a {
		padding:0 !important;
		border-left:none !important;
		margin:0 125px 5px 12px !important;
	}


#header2 .links a:hover
	{
	position: relative;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	}

#header2 .links2 {
	margin: 0px 10px 0px 10px;
	padding: 2px 0px 2px 0px;
}

#header2 .links2 li {
	list-style: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}

#header2 .links2 a:link, #header2 .links2 a:visited
	{
	margin: 0px 10px 0px 0px;
	text-decoration: none;
	color: white;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	font-weight: normal;
	}


#header2 .links2 a:hover
	{
	color: black;
	text-decoration: underline;
	}


/* --- Entire page body section - everything below the header -------- */
#pagebody {
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/* Left hand section of page body (if you have one!) */
#left {
	width: 178px;
	margin:0 0 0 10px;
	float: left;
	display:inline;
	padding: 10px 0 10px 0;
}

/* Dynamic page content section of page body */
#pagecontent {
	width: 564px;
	float: left;
	padding: 0 0 10px 18px;
	display:block;
}
*:first-child+html #pagecontent {
	width: 575px;
	padding:0 0 0 11px;
}
* html #pagecontent {
	width: 565px;
	padding:0 0 0 11px;
}

#pagecontent_pad {
	padding:0;
}
p.imgNegMargin {
	margin-bottom:4px;
}
* html p.imgNegMargin {
	margin-bottom:-9px;
}
*:first-child+html p.imgNegMargin {
	margin-bottom:-9px !important;
}
/* Right hand section of page body */
#right {
	width: 168px;
	float: right;
}

/* --- Footer -------------------------------------------------------- */
#footer {
	/*
	padding-top: 30px;
	background:#373739;
	*/
	clear: both;
	text-align: left;
	

}

/* Footer nav links */
#footer .links {
	margin: 0px;
}

#footer .links li {
	list-style: none;
	display: inline;
}
	
#footer .links a {
	font-size: 7pt;
	padding: 2px;
	margin-left: 3px;
	margin-right: 3px;
}

/* T&Cs text */
#terms {
	/*
	background-image: url(../templateimages/back_fade3.png);
	background-position: top left;
	background-repeat: no-repeat;
	*/
	
	padding: 0 0 10px 0;
	font-size: 7pt;
	float:left;
	background:#373739;
	width:100%;
}
	#terms ul {
		margin:10px 0 10px 0;
		padding:0;
		float:left;
	}
		#terms ul li {
			float:left;
			list-style:none;
		}
			#terms ul li a {
				color:#fff;
				margin:0 0 0 10px;
				padding:0 0 0 10px;
				border-left:1px solid #fff;
			}
			#terms ul li a:hover {
				color:#03A3DD;
			}
			#terms ul li.first {
				margin:0;
				color:#fff;
				padding:0;
				border-left:none;
				font-weight:bold;
			}
/* --- language, currency menu and search box ------------------------ */
#languagemenu form select, #currencymenu form select, #prodtypemenuform select {
	width: 145px;
	margin: 0;
	padding: 0;
}

#searchbox {
	height:28px;
	padding:10px 0 0 10px;
	margin:0 0 6px 0;
	background:url(../templateimages/new/search_box.gif) 0 0 no-repeat;
}
* html #searchbox {
	height:38px;
	margin:0 0 -4px 0 !important;
}
*:first-child+html #searchbox {
	height:38px;
}

#searchbox input {
	width: 120px;
}

#searchbox #searchbutton {
	width:17px;
	height:17px;
	text-align: right;
	margin: 0;
	padding: 0;
}

/* --- Template items ------------------------------------------------ */
#left_pad {
	padding: 0px 5px 0px 8px;
}

#left h2 {
	margin: 10px 0px 5px 0px;
	font-weight: bold;
}

/* search and mailinglist forms */
#quicksearch form {
	display: block;
}

#left input.submit {
	height: 22px;
	width: 30px;
}

#left input.text {
	width: 95px;
}

#mailinglist label#email {
	display: block;
	margin: 0px 0px 2px 0px;
}

#mailinglist label#htmlemail {
	display: block;
	margin: 2px 0px 2px 0px;
}

#right h2 {
	margin: 10px 0px 5px 0px;
	font-weight: bold;
}

.prodHome {
	background:url(../templateimages/productTop.gif) 0 0 no-repeat #00a6dd;
}
.prodSurround {
	background:#fff;
	width:175px;
	margin:3px 0 0 3px;
	height:95px;
	display:inline;
	float:left;
	overflow:hidden;
}

pre {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
}

#imageContainer {
	float:left;
	margin:-1px 0 0 0;
}
.margBottom {
	margin:0 0 6px 0;
}
* html .margBottom {
	margin:0 0 6px 0;
}
*:first-child+html .margBottom {
	margin:0 0 6px 0;
}
* html .basketMargBot {
	margin:0 0 6px 0;
}
*:first-child+html .basketMargBot {
	margin:0 0 6px 0;
}

/* -----------------------------
	PRODUCT HOME
------------------------------*/

.prodHome {
	width:566px;
	float:left;
	padding:0 0 10px 0;
	background:none;
}
	.prodHome img {
		float:left;
	}
	.prodHome h2 {
		width:566px;
		background:#39393C;
		color:#fff;
		float:left;
		margin:0;
		padding:5px 5px;
	}
	.prodHome div {
		width:546px !important;
		background:url(../templateimages/intro_foot.gif) 0 bottom no-repeat #E5E5E5;
		float:left;
		padding:8px 10px 0 10px;
	}
	.prodHome div p {
		margin:0 0 10px 0;
	}
	* html .prodHome div p {
		padding:0 20px 0 0;
	}
	* html .prodHome div {
		width:566px !important;
	}
	*:first-child+html .prodHome div {
		width:566px !important;
	}
	
/* -----------------------------
	BRANDS PAGE
------------------------------*/

#brands {
	width:566px;
	float:left;
}
	#brands img {
		float:left !important;
	}
	* html #brands img {
		margin:0 0 0 0;
	}
	*:first-child+html #brands img {
		margin:0 0 0 -3px;
	}
	#brands h2 {
		width:556px;
		background:#373739;
		color:#01A6DE;
		float:left;
		margin:0;
		padding:5px 5px;
	}
	* html #brands h2 {
		width:556px;
	}
	*:first-child+html #brands h2 {
		width:566px;
	}
	#brands .brandsInside {
		width:566px;
		float:left;
		background:url(../templateimages/brand_logos/brands-footer.gif) 0 bottom no-repeat #E5E5E5;
	}
	* html #brands .brandsInside {
		padding:10px 0;
	}
	*:first-child+html #brands .brandsInside {
		padding:10px 0;
	}
	#brands .brandsInside a img {
		border:none;
		margin:10px 0 10px 11px;
	}
	
	* html .loginImage {
		margin:5px 0;
	}
	.loginImage {
		margin:3px 0 5px 0;
	}