/* CSS Document */

*
	/*{
	border: 1px solid green;
	}*/

body {
background: #eeeeee url(../images/background.jpg) repeat-x top left;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
	}


a img
	{
	border: 0;
	}
			

div.main {width:768px;
	position:absolute;
	left:50%;
	margin-left:-384px;
	background: #fff url(../images/mid.jpg) repeat-y top left;
	}
	
div.top {width:768px;
		height:112px;
		background: #fff url(../images/top.jpg) no-repeat top left;}
		
div.logo {width:100px;
			height:106px;
			/*background: #fff url(../images/logo.jpg) no-repeat top left;*/
			margin-left:32px;
			margin-top:0px;
			display:inline;
			float:left;}
			
#topmenu {width:625px;
			height:40px;
			display:inline;
			float:right;
			padding-top:18px;
			 font-size:1%;}
			
#topmenu ul {}
			
#topmenu li {display:inline;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			text-align:center;
			margin-left:-4px;}
			
.topmen a, .topmen a:visited { font-family:Arial, Helvetica, sans-serif;
								font-size:11px;
								text-decoration:none;
								color:#838383;
								padding-left:5px;
								padding-right:5px;
								border-right:1px solid #838383;}
							
.topmen a:hover {font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				text-decoration:none;
				background-color:#CCCCCC;
				color:#fff;
				}
				
.topmen2 a, .topmen2 a:visited { font-family:Arial, Helvetica, sans-serif;
								font-size:11px;
								text-decoration:none;
								color:#fff;
								padding-left:5px;
								padding-right:5px;
								border-right:1px solid #838383;
								background-color:#CCCCCC;}
							
.topmen2 a:hover {font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				text-decoration:none;
				background-color:#CCCCCC;
				color:#fff;}
				
.topmen3 a, .topmen3 a:visited { font-family:Arial, Helvetica, sans-serif;
								font-size:11px;
								text-decoration:none;
								color:#838383;
								padding-left:5px;
								padding-right:5px;
								border-right:1px solid #838383;
								}
							
.topmen3 a:hover {font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				text-decoration:none;
				background-color:#CCCCCC;
				color:#fff;}
				
.topmen4 a, .topmen4 a:visited { font-family:Arial, Helvetica, sans-serif;
								font-size:11px;
								text-decoration:none;
								color:#fff;
								padding-left:5px;
								padding-right:5px;
								border-right:1px solid #838383;
								background-color:#CCCCCC;}
							
.topmen4 a:hover {font-family:Arial, Helvetica, sans-serif;
				font-size:11px;
				text-decoration:none;
				background-color:#CCCCCC;
				color:#fff;}
			
div.basket {width:185px;
			height:50px;
			float:right;
			position:relative;
			top:-60px;
			left:-12px;}
			
	
#basketcontent {width:185px;
					height:50px;
					display:inline;}
					
			
.yourbasket { font-family:Arial, Helvetica, sans-serif;
								font-size:11px;
								text-decoration:none;
								color:#666666;
								border-right:1px solid #838383;
								font-weight:bold;
								padding-right:6px;
								padding-left:7px;}
							
				
.items { font-family:Arial, Helvetica, sans-serif;
								font-size:11px;
								text-decoration:none;
								color:#666666;
								border-right:1px solid #838383;
								padding-right:5px;
								padding-left:9px;}
							

				
.total { font-family:Arial, Helvetica, sans-serif;
								font-size:11px;
								text-decoration:none;
								font-weight:bold;
								color:#FF0000;
								padding-left:2px;
								padding-right:5px;
								}

			
.rev a, .rev a:visited { font-family:Arial, Helvetica, sans-serif;
								font-size:12px;
								text-decoration:none;
								font-weight:bold;
								color:#000000;
								padding-left:5px;
								padding-right:16px;
								float:right;
								}
							
.rev a:hover {font-family:Arial, Helvetica, sans-serif;
								font-size:12px;
								text-decoration:none;
								font-weight:bold;
								color:#FF0000;
								padding-left:5px;
								padding-right:16px;
								float:right;}
								
.email a, .email a:visited {font-size:12px;
							text-decoration:none;
							color:#555555;}
							
.email a:hover {font-size:12px;
				text-decoration:none;
				color:#FF0000;}
					
					
#testimonial
	{
	}

div.image1
	{
	width:768px;
	height:124px;
	background: #fff url(../images/testimonial1.jpg) no-repeat top left;
	}
			
div.image2
	{
	width:768px;
	height:124px;
	background: #fff url(../images/image2.jpg) no-repeat top left;
	}
		
div.image3
	{
	width:768px;
	height:124px;
	background: #fff url(../images/image3.jpg) no-repeat top left;
	}
		
div.mid {width:768px;
		}
		
div.content {width:521px;
				display:inline;
				height:1%;
				float:left;}
				
div.contentinfo {width:475px;
				 padding-left:40px;
				 padding-top:40px;
				 font-size:1%;}

div.productmenu {width:247px;
				display:inline;
				float:left;
				margin-bottom:50px;
				font-size:1%;}
				
#pmenu {width:247px;
		padding-top:32px;
		}
	
#pmenu ul {}
			
#pmenu li {list-style:none;
			position:relative;
			left:-20px;}
			
div.telephone {width:123px;
				height:51px;
				padding-left:28px;}
			
div.contactinfo {width:170px;
				height:111px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				color:#838383;
				padding-left:32px;
				margin-top:26px;}
				
div.footer {width:768px;
			height:70px;
			background: #fff url(../images/footer.jpg) no-repeat top left;
			clear:left;
			margin:20px 0 0 0;}
			
div.homeimage {width:197px;
				height:128px;
				float:right;}
				
div.homecontent {margin-bottom:56px;}
				
div.product-left {width:152px;
					float:left;}

div.product-middle {width:152px;
					float:left;}

div.product-right {width:152px;
					float:left;}
					
.prodtitle {font-size:12px;
			display:block;
			font-weight:bold;
			color:#656565;}
			
.price {color:#FF0000;}

div.products {padding-top:8px;}

.products form {
	margin:0;
	padding:0;
	}

div.prodlistleft {width:234px;
				  border-bottom:1px solid #efefef;
				  float:left;
				  display:inline;
				  height:160px;
				  font-size:1%;
				  margin-bottom:10px;}

div.prodliststretch {width:434px;
				  border-bottom:1px solid #efefef;
				  float:left;
				  display:inline;
				  font-size:1%;
				  margin-bottom:10px;
				  padding-bottom:15px;
				  }

.prodliststretch select {
	border:1px solid #999;
	font-size:10px;
	width:120px;
	font-family:Arial, Helvetica, sans-serif;
	margin:1px;
	}

.qty {font-size:12px;
			font-weight:bold;
			color:#656565;
			padding-right:5px;}

div.prodimage {width:108px;
				margin-top:10px;
				float:left;
				display:inline;}

div.prodcontent {width:126px;
				float:left;
				display:inline;
				padding-top:12px;}

div.prodcontentstretch {width:126px;
				float:left;
				margin-left:10px;
				display:inline;
				padding-top:0;}
				
.buynow a, .butnow a:visited {font-size:12px;
						  text-decoration:none;
						  font-weight:bold;
						  color:#000000;
						  margin-top:10px;}
							
.buynow a:hover {font-size:12px;
				text-decoration:none;
				font-weight:bold;
				color:#FF0000;
				 margin-top:10px;}

.buynow_btn { 
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	color:#000000;
	background:#fff;
	border:none;
	margin-top:10px;
	cursor:pointer;
	text-align:left;
	}
	.buynow_btn:hover {
		color:#ff0000;
		}

.moredetails a, .moredetails a:visited {font-size:12px;
						  text-decoration:none;
						  font-weight:bold;
						  color:#656565;}
							
.moredetails a:hover {font-size:12px;
				text-decoration:none;
				font-weight:bold;
				color:#FF0000;}

.add a, .add a:visited {font-size:12px;
						  text-decoration:none;
						  font-weight:bold;
						  color:#000000;
						  padding-left:5px;}
							
.add a:hover {font-size:12px;
				text-decoration:none;
				font-weight:bold;
				color:#FF0000;
				padding-left:5px;}

.add_btn {
	float:left; 
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	color:#000000;
	background:#fff;
	border:none;
	margin-top:10px;
	cursor:pointer;
	text-align:left;
	}
	.add_btn:hover {
		color:#ff0000;
		}


.read a, .read a:visited {font-size:12px;
						  text-decoration:none;
						  font-weight:bold;
						  color:#000000;}
							
.read a:hover {font-size:12px;
				text-decoration:none;
				font-weight:bold;
				color:#FF0000;}
				
div.productenlarge {width:471px;
					height:144px;
					}
					
div.enlargecontent {width:250px;
					display:inline;
					float:left;
					}

div.enlargeimage {width:211px;
				  margin:5px;
				  text-align:center;
				  display:inline;
				  float:left;}
				

label {font-size:12px;
	color:#555555;
	width: 11em;
	float: left;
	text-align: right;
	margin: 0 1em 10px 0;
	clear: both;
	}
	
.input-box {
	float: left;
	margin-bottom: 1px;
	color: #26a;
	background: #feb;
	border: #26a solid 1px
	}
	
.button {
	margin-left:125px;
	margin-top:10px;}

h1 {font-size:12px;
	color:#555555;
	font-weight:bold;}

h2
	{
	font-size: 16px;
	color: #888
	}

p {font-size:12px;
	color:#555555;}

blockquote {font-size:12px;
	color:#555555;font-style:italic}

li {font-size:12px;
	color:#555555;}
			
.image-right {
	float:right;
	margin:10px;
	border:1px #f1f1f1 solid;
	padding:1px;
	}
	
.basket {
	margin-top: -124px;
	font-family:Tahoma;
	font-size:12px;
	color:#555;
	}
	.basket .header {
		background:#F1F1F1;
		}
	.basket .row1 {
		background:#FEFEFE;
		color:#CC6600;
		}
	.basket .row2 {
		background:#FAFAFA;
		color:#CC6600;
		}
.basket-button {
	background:url(../images/button_face_roll.gif) no-repeat;
	font-weight:bold;
	color:#555;
	width:98px;
	margin:3px;
	border:none;
	height:22px;
	cursor:pointer;
	font-size:10px;
	font-family:Tahoma;
	}
	.basket-button:hover {
		background:url(../images/button_face.gif) no-repeat;
		}
	
.checkout label { 
	float:left;
	padding-top:3px;
	color:#662100;
	font-weight:bold;
	}
	
.checkout .textfield {
	border:1px #888 solid;
	padding:2px;
	width:180px;
	clear:right;
	margin:2px;
	font-family:Tahoma;
	letter-spacing:1px;
	font-size:12px;
	}
	.checkout .textfield:focus {
		border:#aaa 1px solid;
		}
	
.checkout .spacer {
	clear:both;
	display:block;
	margin:5px;
	}
	
h4 {
	text-align:left;
	margin-left:20px;
	margin-bottom:0;
	margin-top:10px;
	font-family:"Trebuchet MS", Arial;
	font-size:16px;
	color:#993300;
	}
	
	.checkout #delivery {
		margin:0;
		}
		
.basket .textfield {
	border:1px solid #999;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:2px;
	width:30px;
	color:#CC6600;
	}
		
#debug { 
	position:absolute;
	z-index:1;
	margin:10px;
	background:#444;
	font-size:14px;
	padding:5px;
	color:#FFFFFF;
	border:2px #000 solid;
	font-weight:normal;
	opacity:.5;
	filter:alpha(opacity=50);
	}
	
#required-box {
	color:#CC0000;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	font-family:Tahoma;
	}
	
.textfield {
	border:1px #888 solid;
	padding:2px;
	width:180px;
	clear:right;
	margin:2px;
	font-family:Tahoma;
	letter-spacing:1px;
	font-size:12px;
	}
	
.offer-small {
	float:left;
	margin:1px 3px 0 0;
	}

#application {
	margin:20px;
	}

#application .row {
	display:block;
	margin:10px;
	padding:5px;
	clear:both;
	}

#application .textfield {
	width:auto;
	}

#application .c1 {
	float:left;
	padding:2px;
	width:165px;
	font-weight:bold;
	}
	
#application label {
	width:150px;
	text-align:right;
	padding:2px;
	}	
	
#application .row-btn {
	text-align:center;
	margin:0 auto;
	width:auto;
	padding-right:10px;
	}

#application .button {
	background:url(../images/button_face_roll.gif) no-repeat;
	font-weight:bold;
	color:#555;
	width:98px;
	margin:10px;
	border:none;
	height:22px;
	cursor:pointer;
	font-size:10px;
	font-family:Tahoma;
	}

#application .c2 {
	float:left;
	padding:1px;
	}
#application .req {
	font-weight:bold;
	color:#CC0000;
	font-size:15px;
	}
.footer-top {
	clear:both;
	margin:40px 8px 8px 8px;
	float:none;
	display:block;
	}

.stockist
	{
	border-bottom: 1px solid #eee;
	padding-bottom: 12px;
	}

.stockist h2
	{
	margin-bottom: 0px;
	padding-bottom: 0px;
	}

.stockist p
	{
	margin: 0px;
	padding: 0px
	}

#testimonies em
	{
	display: block;
	font-size: 12px
	}

#testimonies p
	{
	font-size: 14px
	}