/*****************
 BODY FONT
*****************/

body, table {
	font-family:  verdana, arial, helvetica, helve, sans-serif;
	font-size: 16px;
}

* html body, * html table  {
	font-family:  verdana, arial, helvetica, helve, sans-serif;
	font-size: medium;
}


/**********************
LAYOUT
**********************/

br.breaker { clear: both; }
br.lbreaker { clear: left; }
br.rbreaker { clear: right; }

body {
	margin: 0 0 0 0;
	padding: 0px;
	background: #eef url(images/bodyback.gif) repeat-x top center;
}


h1 { font-size: 1.4em; display: block; color: #D4570E; font-weight: normal; margin: 0; width: 100%; font-weight: normal;}
h2 { font-size: 1.2em; font-weight: bold; color: #D4570E;}
h3 { font-size: 1em; color: #333; display: block; font-weight: normal; margin: 0; font-weight: bold;}
a{
	color: #FC7323;
}
a:hover{
	text-decoration: underline;
	color: #000;
}



p.eventtext {
	margin: 0 0 10px 0;
}
p{
	margin-top: 10px;
	margin-bottom: 15px;
}
img{
	border: none;
}
#wrapper{
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	font-size: 0.85em;
}
	#pagecontent{
		width: 800px;
		background-color: #fff;
		float: left;
	}
		#header{
			height: 111px;
			background-color: #000;
			color: #fff;
			font-size: 0.8em;
		}
			#header a{
				color: #F9D215;
			}
			#header a:hover{
				color: #fff;
			}
			#logo{
				float: left;
				width: 270px;
				margin-top: 25px;
				padding-left: 30px;
			}
			#customeroptions{
				float: left;
				width: 470px;
				padding-top: 35px;
				padding-right: 30px;
			}
			#cartoption{
				float: right;
				margin-right: 15px;
				margin-top: 2px;
			}
			#checkoutoption{
				float: right;
			}
			#youraccount{
				float: right;
				margin-top: 10px;
			}
				#youraccounttext{
					margin-right: 10px;
					font-weight: bold;
				}
				#firstline{
					float: right;	
				}
			.nodelivery{
				margin-top: 20px;
				margin-bottom: 20px;
				color: #FC7323;
				width: 560px;
				text-align: center;
			}
		#mainnav{
			background-color: #FC7323;
			height: 29px;
			margin-top: 1px;
			margin-bottom: 2px;
			font-size: 0.9em;
		}
			#mainnav ul{
				float: left;
				margin: 0px;
				padding-top: 7px;
				padding-left: 15px;
				width: 550px;
			}
				#mainnav li{
					display: inline;
				}
				#mainnav a{
					color: #fff;
					font-weight: bold;
					background-image: url(images/box.gif);
					background-position: left 6px;
					background-repeat: no-repeat;
					padding-left: 13px;
					padding-right: 5px;
					text-decoration: none;
				}
				#mainnav a:hover{
					color: #000;
				}
				#mainnav .firstlink{
					background-image: none;
				}
			#mainnav form{
				float: left;
				margin-top: 3px;
				padding-left: 19px;
			}
				.searchbutton{
					padding-left: 3px;
				}
				.button_go{
					vertical-align: top;
					padding: 0px;
					margin: 0px;
				}
		#leftcontent{
			width: 191px;
			float: left;
			font-size: 0.9em;
		}
			.categorytitle{
				width: 189px;
				height: 24px;
				border: 1px solid #EEB045;
				background-color: #F7DEB2;
				text-align: center;
				color: #D4570E;
				float: left;
			}
				.categorytitle p{
					margin: 0px;
					padding-top: 5px;
					padding-bottom: 5px;
				}
			.submenuouter{
				border-left: 1px solid #EEB045;
				border-right: 1px solid #EEB045;
				border-bottom: 1px solid #EEB045;
				float: left;
				width: 189px;
			}
				.submenu{
					background-color: #F7E3C0;
					border: 1px solid #fff;
					padding-bottom: 8px;
				}
					.submenu ul{
						margin: 0px;
						padding-top: 10px;
						padding-left: 13px;

					}
					.submenu li{
						margin: 0px;
						padding: 0px;
						padding-top: 7px;
						padding-bottom: 7px;
						list-style-type: none;
						background-image: url(images/dot.gif);
						background-position: left bottom;
						background-repeat: repeat-x;
						margin-right: 18px;
					}
						.submenu li a{
							background-image: url(images/arrow.gif);
							background-position: left 5px;
							background-repeat: no-repeat;
							padding-left: 15px;
							color: #000;
							text-decoration: none;
						}
						.submenu li a:hover{
							color: #FC7323;
							text-decoration: underline;
						}
						.submenu .lastitem{
							background-image: none;
						}
		.catlitterguide{
			padding-top: 2px;
		}
		.catlitterimage{
			float: right;
			padding-left: 30px;
			padding-bottom: 10px;
		}
		.aboutimage{
			float: right;
			padding-left: 30px;
			padding-bottom: 10px;
			margin-right: -20px;
		}
		.shopsafe{
			padding-top: 20px;
			padding-bottom :15px;
			padding-left: 4px;
		}
		.creditcard{
			padding-left: 15px;
			padding-bottom: 20px;
		}
		.rightcontentpadding{
			float: left;
			width: 607px;
			margin-left: 2px;
		}
		.rightcontent{
			padding: 20px;
			font-size: 0.9em;
		}
			.subheader{
				background-image: url(images/header_homepage.jpg);
				background-repeat: no-repeat;
				width: 607px;
				height: 215px;
			}
				#subheadertitle { 
					font-family: arial narrow, sans-serif;
					font-size: 2.5em; 
					color: #333; 
					margin: 0;
					padding: 0px;
					position: absolute;
					left: 175px;
					top: 36px;	
					text-transform: uppercase;
		
				}
				.subheaderimage{
					margin: 0;
					padding: 0px;
					position: absolute;
					left: 20px;
					top: 30px;

				}
				#subheaderprice{
					font-family: arial narrow, sans-serif;
					font-size: 2.6em; 
					color: #333; 
					margin: 0;
					padding: 0px;
					position: absolute;
					left: 196px;
					top: 70px;
				}
				#subheaderweight{
					font-family: arial narrow, sans-serif;
					font-size: 1.3em; 
					color: #333; 
					font-weight: bold; 
					margin: 0;
					padding: 0px;
					position: absolute;
					left: 287px;
					top: 78px;
				}
				#subheaderviewnow{
					position: absolute;
					left: 225px;
					top: 133px;
				}
			.leftproduct{
				float: left;
				line-height: 1.4em;
				width: 278px;
				border-right: 1px solid #AFAFAF;
				margin-top: 20px;
				padding-bottom: 10px;
				margin-bottom: 15px;
			}
			.rightproduct{
				float: left;
				line-height: 1.4em;
				width: 268px;
				margin-top: 20px;
				padding-bottom: 10px;
				padding-left: 20px;
				margin-bottom: 15px;
			}
			#norightborder{
				border: none;
			}
				.productimage{
					float: left;
					width: 128px;
					padding-top: 5px;
				}
				
				.productdescription{
					float: left;
					width: 128px;
					padding-top: 5px;
					padding-right: 10px;
				}
				.productdescription h2 a:link{
					text-decoration: underline;
				}
				.productdescription h2 a:visited{
					text-decoration: underline;
				}
				.productdescription a{
					color: #000;
				}
				.productdescription a:visited{
					color: #000;
				}
				.productdescription h2 a:hover{
					text-decoration: underline;
					color: #FC7323;
				}
				
				.productmore{
					float: left;
					width: 266px;	
				}
				
				.productmoreinfo{
					float: left;
					width: 520px;
				}
				.newprice{
					color: #EE0707;
					font-weight: bold;
					font-size: 1.1em;
				}
				.price{
					color: #D4570E;
					font-size: 1.1em;
				}
				.basketform{
					float: left;
					width: 128px;
				}
				.moreinformation{
					float: left;
					width: 128px;
				}

#footer {
	background-color: #CCCCCC;
	height: 27px;
	width: 800px;
	text-align: center;
	float: left;
	font-size: 0.9em;
}

	#footer ul {
		float: left;
		margin: 0px;
		padding-top: 7px;
		width: 800px;
		text-align: center;
		font-size: 0.9em;
		letter-spacing: -1px;
	}
	
		#footer li {
			display: inline;
			border-left: 1px solid #000;
			padding: 0 10px;
			text-transform: lowercase;
		}
		
			#footer li a {
				color: #000;
				text-decoration: none;
			}
			
			#footer li a:hover {
				color: #FC7323;
			}
			
			#footer li.firstitem {
				border: none;
			}
			
		
		#copyright {
			text-align: center;
			width: 800px;
			color: #D4570E;
			padding-top: 10px;
			padding-bottom: 10px;
			float: left;
			font-size: 0.9em;
		}

/**********************
MORE INFORMATION
**********************/
.previousbutton{
	float: left;
	width: 275px;
}
.productimagemore{
	float: left;
	width: 180px;
	padding-top: 5px;
	margin-top: 15px;
}
.productdescriptionmore{
	float: left;
	width: 368px;
	line-height: 1.4em;
	padding-top: 5px;
	margin-top: 5px;
}
	.bagcost{
		float: left;
		border: 1px solid #9E9E9E;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	.productcosts{
		float: left;
		width: 360px;
		border: none;
		font-size: 1em;
		font-size: 0.9em;
	}
		.productcosts th{
			background-color: #F8C514;
		}
		.productcosts td{
			border-top: none;
			border-left: none;
			border-right: none;
			padding: 2px;
			background-color: #FBE69C;
		}
.addtobasket{
	float: left;
	width: 545px;
	margin-top: 15px;
	border: 1px solid #EEB045;
	background-color: #F7E3C0;
	padding-top: 3px;
	padding-bottom: 3px;
}
	.quantitymore{
		float: left;
		padding-right: 15px;
		padding-left: 310px;
	}
	.addmore{
		margin-top: 1px;
		width: 116px;
		float: left;
	}
	.availabilityoptions{
		float: left;
		margin-top: 20px;
	}
#allrelated{
	float: left;
	margin-top: 30px;
	margin-bottom: 20px;
	width: 560px;
}
	#allrelated h2{
		margin-bottom: 15px;
		font-size: 1em; 
		display: block; 
		color: #D4570E; 
		font-weight: normal; 
		width: 100%; 
		font-weight: bold; 
		text-transform: uppercase;
	}
	.relatedproduct{
		float: left;
		width: 160px;
		padding-right: 10px;
		padding-top: 10px;
		padding-left: 20px;
		border-left: 1px solid #B4B4B4;
	}
	.relatedproduct h3 {
		text-decoration: none;
		color: #000;
		font-weight: normal;
	}
	.relatedproduct h3 a{
		color: #000;
		padding-top: 5px;
		padding-bottom: 11px;
		float: left;
		width: 145px;
	}
	.relatedprice{
		color: #DB0000;
		font-weight: bold;
	}
	#firstinrow{
		border-left: none; 
		padding-left: 0px;
	}
/**********************
CONTACT US
**********************/
.contactrelate{
	width: 200px;
	float: left;
	margin-left: 30px;
}
.contactus{
	float: left;
	width: 300px;
}
	.contactus label{
		display: block;
		width: 200px;
		height: 20px;
		margin-top: 10px;
	}
	.contactus input{
		border: 1px solid #7F9DB9;
		clear: both;
	}
.map{
	border: 1px solid #7F9DB9;
}

/**********************
LOGIN
**********************/

.logintitle{
	background-color: #FBD44C;
	border: 1px solid #9E9E9E;
	padding: 5px;
	margin-top: 10px;
}
.loginbox{
	border: 1px solid #D9D9D9;
	padding-left: 15px;
	padding-bottom: 15px;
}
.login-slim{
	width: 300px;
	margin-top: 5px;
}
.login-slim label{
	display: block;
	float: left;
	width: 150px;
}
.loginbox{
}
.txt-red{
	color: #BB0000;
}
.clickhere{
	text-decoration: underline;
}
#message{	
	padding-top: 10px;
	text-align: center;
	border: 2px solid #BB0000;
	margin-top: 10px;
}
.fieldborder{
	border: 1px solid #7F9DB9;
}

/**********************
PRIVACY POLICY
**********************/
.leftpolicy{
	float: left;
	width: 50px;
	margin-top: 10px;
}
.rightpolicy{
	float: left;
	width: 515px;
	margin-top: 10px;
}
	.chartleft{
		float: left;
		width: 150px;
		font-weight: bold;
	}
	.chartright{
		float: left;	
		width: 360px;
	}
		.rightnumber{
			float: left;
			width: 50px;
		}
		.leftoption{
			float: left;
			width: 460px;
			margin-bottom: 10px;
		}
		.listmore{
			float: left;
			width: 50px;
			margin-left: 50px;
		}
		.listoption{
			float: left;
			width: 410px;
			margin-bottom: 10px;
		}

/**********************
SITE MAP
**********************/
.sitemap li a:link{
	color: #FC7323;
}
.sitemap li a:visited{
	color: #FC7323;
	text-decoration: underline;
}
.sitemap li a:hover{
	color: #000;
	text-decoration: underline;
}
.productsub{
	margin-left: 20px;
}
.productsub li{
	list-style-type: circle;
}

/**********************
LINK MAP
**********************/
.links a:link{
	color: #FC7323;
	text-decoration: none;
}
.links a:visited{
	color: #FC7323;
	text-decoration: none;
}
.links a:hover{
	color: #FC7323;
	text-decoration: underline;
}

/**********************
DELIVERY PAGE
**********************/

.deliveryform{
	background-color: #F7E3C0;
	border: 1px solid #EEB045;
	padding: 10px;
	width: 200px;
}
.redtext{
	color: red;
	margin-top: 20px;
	font-weight: bold;
}

/**********************
PRIVACY ULs
**********************/
ul.privacy {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

	ul.privacy li {
		margin: 0px 0px 20px 0px;
	}