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

/* --- Body - control position #container, allows centering of site -- */
body {
	background: #ddd6cc;
	margin: 0;
}

#container {
	top: 0px;
	min-width:919px;
	width:960px;
	margin-left: auto;
  margin-right: auto;
	background: #fff;
}




/* --- Header section ------------------------------------------------ */
#header {
	width:918px;
	height: 131px;
	margin: 0px;
	padding-left: 21px;
	padding-right: 21px;
}
#headerSupplier {
	float: left;
	position: absolute;
	top: 45px;
	width:230px;
	height: 50px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	line-height: 22px;
	color: #504f54;
}
#headerLogo {
	float: left;
	position: relative;
	left: 288px;
	top: 32px;
	width: 348px;
	height: 68px;
}
#headerTelephone {
	float: right;
	position: relative;
	top: 31px;
	width: 161px;
	height: 27px;
	padding-left: 37px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 28px;
	color: #504f54;
	background:url(../templateimages/phoneIcon.gif);
	background-position: left;
	background-repeat: no-repeat;
	text-align: right;
}
#headerYellowBar {
	clear: right;
	float: right;
	position: relative;
	top: 33px;
	width: 200px;
	height: 1px;
	margin-right: 0px;
	min-height: 1px;
	background: #f6af43;
}
#headerEmail {
	clear: right;
	float: right;
	position: relative;
	top: 36px;
	width: 165px;
	height: 22px;
	padding-left: 33px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	background:url(../templateimages/emailIcon.gif);
	background-position: left;
	background-repeat: no-repeat;
	text-align: right;
}
#headerEmail a {
	color: #3c3a40;
	text-decoration: none;
}
#headerEmail a:hover {
	color: #f6af43;
	text-decoration: none;
}
#headerOpeningTimes {
	clear:right;
	float: right;
	position: relative;
	top: 38px;
	width: 200px;
	height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #504f54;
	text-align: right;
}
#navBar {
	position: relative;
	left: -21px;
	width:1002px;
	height: 60px;
	background: url(../templateimages/navBannerBG.gif);
	background-repeat: no-repeat;
}
#homeIcon {
	float: left;
	margin-left: 24px;
	margin-top: 10px;
	margin-right: 10px;
	width: 27px;
	height: 22px;
	background: url(../templateimages/homeIcon.png);
	background-position: 0px 0px;
}
#homeIcon:hover {
	background-position: 0px -22px;
}
#basketIcon {
	float: right;
	margin-right: 24px;
	margin-top: -35px;
	width: 27px;
	height: 22px;
	background: url(../templateimages/basketIcon.png);
	background-position: 0px 0px;
}
#basketIcon:hover {
	background-position: 0px -22px;
}
#navBarItems {
	width: 100%;
	height: 46px;
}
#navBarItems a {
	float:left;
	height: 32px;
	min-height: 32px;
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration:none;
	color: #fff;
}
#navBarItems a:hover {
	background: #f6af43;
}

.navSep {
	float: left;
	width: 1px;
	height: 45px;
	background-color:#3c3a40;
	min-width: 1px;
	min-height:45px;
}
/*Dropdown styling */
.nav {
		margin:0; 
		padding:0; 
		list-style:none;
		font-size: 14px;
	}	
	
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		.nav li {
			float:left; 
			display:block; 
			position:relative;
			z-index:500; 
			margin:0 1px;
		}
		
		/* this is the parent menu */
		.nav li a {
			display:block; 
			float:left;
			height: 32px;
			min-height: 32px;
			padding-left: 10px;
			padding-right: 10px;
			padding-top: 14px;
			font-family:Arial, Helvetica, sans-serif;
			font-size: 14px;
			text-decoration:none;
			color: #fff;
		}

		.nav li a:hover {
			color:#fff;
		}
	
		/* you can make a different style for default selected value */
		.nav a.selected {
			color:#fff;
		}
	
		/* submenu, it's hidden by default */
		.nav ul {
			position:absolute; 
			left:0; 
			top: 46px;
			display:none; 
			margin:0 0 0 -1px; 
			padding:0; 
			list-style:none;
			background: #74706b;
			width: 100%;
			min-width: 162px;
		}
		
		.nav ul li {
		width: 100%;
		min-width: 200px;

		}
		
		/* display block will make the link fill the whole area of LI */
		.nav ul a {
			display:block;  
			height:15px;
			color:#fff;
			width: 138px;
		}
		
		.nav ul a:hover {
			text-decoration:none;	
		}

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html .nav ul {
			margin:0 0 0 -2px;
		}	
/* --- Entire page body section - everything below the header -------- */
#pageBody {
	width: 918px;
	background: #fff;
	padding-left: 21px;
	padding-right: 21px;
	min-height: 402px;
}
#infoBar {
	width: 918px;
	height: 30px;
	padding-top: 8px;
}
#breadcrumbContainer {
	width: 470px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #504f54;
	text-align: left;
}
#bcHere {
	float:left;
}
.leftCol {
	clear: both;
	padding: 0;
	margin: 0;
	float: left;
	width: 170px;
	height: 100%;
}
.leftCol a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border-top: 1px solid #f6af43;
	height: 27px;
	line-height: 27px;
	display: block;
	color: #504f54;
	text-decoration: none;
}
.leftCol a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border-top: 1px solid #f6af43;
	height: 27px;
	line-height: 27px;
	display: block;
	color: #504f54;
	text-decoration: none;
}
.leftCol a:hover {
	color: #f5ae43;
}
.rightCol {
	float: right;
	padding: 0;
	margin: 0;
	width: 733px;
	height: 100%;
}
#leftSearch {
	float: left;
	width: 143px;
	height: 25px;
	background: url(../templateimages/leftSearchBG.gif);
	background-repeat: no-repeat;
	border: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
	text-indent: 5px;
	margin-bottom: 20px;
}
#leftSearchSubmit {
	float: left;
	position: relative;
	left: -5px;
	width: 25px;
	height: 25px;
	background: url(../templateimages/leftSearchSubmitBG.gif);
	background-repeat: no-repeat;
	border: 0;
	margin:0;
	padding:0;
}
#leftSearchSubmit:hover {
	cursor: pointer;
}
#leftUnderline {
	width: 170px;
	border-top: 1px solid #f6af43;
}
#footerOne {
	clear:both;
	margin-top: 30px;
	width: 918px;
	padding-left: 21px;
	padding-right: 21px;
	padding-top: 24px;
	height: 169px;
	min-height: 169px;
	background: #fbf9f9;
}
#footerOne img {
	position: relative;
	top: -1px;
}
#footerTwo {
	padding-left: 21px;
	padding-right: 21px;
	padding-top: 44px;
	height: 129px;
	min-height: 129px;
	background: #504f54;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ddd6cc;
}
#footerTwo a {
	color: #ddd6cc;
}
#footerTwo:a:visited {
	color: #ddd6cc;
}
#footerTwoLeft {
	float: left;
	width: 730px;
}
#footerTwoRight {
	float: right;
	margin-right: 20px;
	width: 160px;
}
#footerCats, #footerProds {
	padding-left: 18px;
}
.frontTile {
	margin-bottom: 13px;
}
.frontTile img {
	border:0;
	padding: 0;
}
#testimonialsTile {
	float: right;
}
/*OLD DESIGN CSS */
/* Left hand section of page body (if you have one!) */
#LeftSideBar {
	float: left;
	width: 150px;
	text-align: left;
	padding: 0;
	/* IE doubles the margins on floats, this takes care of the problem */
	display:inline;
	margin-left:210px;
}

/* Dynamic page content section of page body */
#pagecontent {
	text-align: left;
	position: relative;
}

#pagecontent_pad {
	margin-left: 5px;
	padding: 5px 0px 5px 0px;
	float: right;
	width: 745px;
}

/* Right hand section of page body */
#RightSideBar {
	padding:0px 0 0px 100%;
	margin: 10px 0 0 -185px;
}

#RightSideBar .wrap {
	margin-right: 10px;
}

#RightSideBar .section {
	display: block;
}

/* --- Footer -------------------------------------------------------- */
#footer {
	padding-top: 20px;
	clear: both;
	text-align: left;
	float: left;
	width: 100%;
}

/* 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(../templatetemplateimages/back_fade2.png);
	background-position: top left;
	background-repeat: repeat-x;
	margin: 4px 0 0 0;
	padding: 2px 0 12px 10px;
	font-size: 7pt;
	color: #999999;
	width: 950px;
}
#terms .fix {
	padding-left: 10px;
}


/* --- language, currency menu and search box ------------------------ */
#languagemenu form select, #currencymenu form select {
	width: 168px;
	margin: 0;
	padding: 0;
}

#searchbox input {
	width: 148px;
}

#searchbox #searchbutton {
	width: 10px;
	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;
}

#pgProduct {
	overflow: hidden;
	border-top: 1px solid #f6af43;
	width: 733px;
	padding-top: 14px;
}

#pgProduct a {
	color: #f5ae43;
	text-decoration: none;
}
#pgProduct a:hover {
	text-decoration: underline;
}
#pgProdImg {
	text-align: center;
	float: left;
	width: 357px;
	height: 350px;
	border: solid 1px #6d6b72;
	display: table-cell;
	vertical-align: middle;
	
}
#pgProdPrice {
	font-size: 24px;
	font-weight: bold;
	color:#504f54;
	margin-top: 14px;
}
#pgProdPriceSale {
	font-size: 24px;
	font-weight: bold;
	color:#ff0000;
	margin-top: 14px;
}
#pgProdPriceRRP {
	font-size: 14px;
	text-decoration: line-through;
	color:#504f54;
	margin-top: 4px;
}
#pgProdSpec {
	float: left;
	margin-left: 17px;
	width: 357px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height: 351px;
	border-bottom: solid 1px #f6af43;
}
#pgRange {
	display: block;
	width: 755px;
}
#pgProdDesc {
	font-size: 12px;
	color: #504f54;
	margin-top: 5px;
	max-height: 150px;
	height: 150px;
	overflow-y: auto;
}
#pgProdDesc h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #504f54;
	margin-bottom: 5px;
	font-weight: normal;
}
.pgProdPoint {
	float: left;
	width: 357px;
	margin-top: 16px;
}
.pgProdPointLeft {
	float: left;
	width: 32px;
}
.pgProdPointRight {
	float: left;
	width: 325px;
}
.pgProdPointTitle {
	float: left;
	font-size: 14px;
	font-weight: normal;
	color: #504f54;
}
.pgProdPointIcon{
	float: left;
	margin-right: 16px;
}
.pgProdPointDesc {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #94918c;
}

#leftColumn {
		padding: 5px 0px 0px 0px;
		float: left;
		width: 175px;
}

#byCategory {
	width: 175px;
	float: left;
}



#rotate {
	z-index: 0;
}
#pgProdPriceSale {color: #C00;}

#footerTwo a.greenlink {
	text-decoration:none;
}
#footerTwoLeft #address ul li { display:inline; }
#footerTwoLeft #address ul { padding:0; }
a.style3 { color:inherit; text-decoration: none; }
.content-wrap { padding: 20px; }
td #address ul { padding: 0px; list-style:none; }