body {
	margin: 0; padding: 0;
	text-align: center;
	background: #000; color: #D3C0A3;
	font-family: Arial, Sans Serif;
	font-size: 11px;
}

h2, h3, h4, h5, p { margin: 0; padding: 6px 0; }
h1 { margin: 0; padding: 0; }
h2 { font-size: 14px; font-weight: bold; }
h3 { font-size: 13px; font-weight: bold; }
hr { color: #372C19; background: #372C19; border:0; height: 1px; margin: 10px 0; clear: both; }
p { text-align: left; line-height: 16px; }
a { color: #B99430; text-decoration: none; }
a:hover { color: #9A3807; }
img { border: 0; }
img.right { margin: 0 10px 10px 10px; display: block; float: right; }
ul li, ol li { margin: 0; padding: 3px 0; }

table { margin: 10px; border-collapse: collapse; font-size: 12px; }
table tr th, table tr td { border: #372C19 1px solid; }
table tr th { background: #1E170B; }

.no { display: none; }
.cb { clear: both; }
.small { font-size: 11px; }
.center { text-align: center; }
.right { text-align: right; }
.flr { float: right; }
input.flr { display: block; float: right; }
.red { color: #AF1D00; }
.green { color: #00AF07; }

#container {
	width: 978px;
	margin: 0 auto; padding: 0;
	text-align: left;
}

#header {
	width: 978px; height: 153px;
	margin: 0; padding: 0;
	clear: both;
}

#header .logo_box {
	width: 201px;
	margin: 0 5px 0 0; padding: 0;
	display: block; float: left;
}

		#header a.logo {
			width: 97px; height: 109px;
			margin: 22px 0 0 10px; padding: 0;
			display: block;
			background: url(../images/real-beer-box.gif) no-repeat;
		}
		#header a.logo span, #header .strapline span { display: none; }

#header .strap_box {
	width: 568px;
	margin: 0; padding: 0;
	display: block; float: left;
}

		#header .strapline {
			width: 397px; height: 27px;
			margin: 71px 0 0 0; padding: 0;
			display: block; float: left;
			background: url(../images/specialists-in-real-ale.gif) no-repeat;
		}
		
		#header ul.nav { margin: 0; padding: 18px 0 0 0; clear: both; list-style: none; }
		#header ul.nav li { margin: 0; padding: 0 28px 0 0; display: inline; }
		#header ul.nav li a { color: #B99430; font-size: 13px; font-weight: bold;  }
		#header ul.nav li a:hover { color: #9A3807; }

#header .sub_box {
	width: 199px; height: 153px;
	margin: 0 0 0 5px; padding: 0;
	display: block; float: right;
}
		#header .join_box {
			width: 199px; height: 38px;
			margin: 0; padding: 8px 0 0 0;
			display: block;
			background: #170F03;
		}
		#header .join_box p { margin: 0; padding: 0; font-size: 12px; }
		#header .join_box ul { margin: 0; padding: 0; list-style: none; font-size: 11px; }
		#header .join_box ul li {
			height: 12px;
			margin: 0; padding: 0 7px 0 0;
			display: inline; border-right: #D3C0A3 1px solid;
		}
		#header .join_box ul li.end { padding: 0 7px; border: 0; }
		#header .telephone {
			width: 142px; height: 27px;
			margin: 20px 0 0 7px; padding: 0;
			display: block; clear: both;
			background: url(../images/telephone.gif) no-repeat;
		}
		#header .telephone span { display: none; }
		#header .basket_box {
			width: 102px; height: 26px;
			margin: 11px 0 0 0; padding: 0 0 0 40px;
			display: block; clear: both;
			background: url(../images/basket.gif) no-repeat left;
		}
		#header .basket_box p { margin: 0; padding: 0; text-align: left; line-height: 13px; }
		#header .basket_box p a { font-size: 13px; font-weight: bold; }

#categories {
	width: 201px;
	margin: 0; padding: 0;
	float: left; clear: both;
	border-right: #000 5px solid;
}

		#categories ul { margin: 0 0 10px 0; padding: 0; list-style: none; background: #170F03; }
		#categories ul li {
			margin: 0; padding: 9px 10px;
			display: block; clear: both;
			background: url(../images/bg_tab.gif) no-repeat top;
			font-size: 14px; font-weight: bold;
		}
		#categories ul li a { color: #D3C0A3; }
		#categories ul li a:hover { color: #9A3807; }
		#categories ul li ul { margin: 0; padding: 5px 0; list-style: none; }
		#categories ul li ul li {
			margin: 0; padding: 1px 0;
			clear: both;
			background: none;
			text-transform: uppercase;
			font-size: 11px; font-weight: normal;
		}
		#categories ul li ul li a { color: #B99430; }
		#categories ul li ul li a:hover { color: #9A3807; }
		#categories ul.sub_links { margin: 10px 0; padding: 0 0 0 10px; background: none; }
		#categories ul.sub_links li { margin: 0; padding: 1px 0; background: none; font-size: 11px; font-weight: normal; }
		#categories ul.sub_links li a { color: #B99430; }
		#categories ul.sub_links li a:hover { color: #9A3807; }

#content {
	width: 772px;
	margin: 0; padding: 0;
	float: left;
}

	.intro_box, .indiv_box {
		height: 260px; padding: 0;
		display: block; float: left;
		background: #170F03;
	}
	
	.intro_box { width: 365px; margin: 0; }
	.intro_box h2, .standard_box h2 { margin: 0; padding: 6px 10px 0 10px; font-size: 18px; font-weight: normal; }
	.indiv_box { width: 198px; margin: 0 0 0 5px; }
	.indiv_box h3 { margin: 0; padding: 6px 10px 0 10px; font-size: 14px; font-weight: bold; line-height: 22px; }
	.intro_box img, .indiv_box img, .standard_box img.strip { border-bottom: #000 5px solid; }
	.intro_box p, .indiv_box p { margin: 0; padding: 6px 10px; text-align: left; line-height: 14px; }
	
	.standard_box {
		width: 772px; padding: 0;
		display: block; float: left;
		background: #170F03;
		border-bottom: #000 5px solid;
	}
	.standard_box h2 { padding: 6px 10px; }
	.standard_box p {
		margin: 0; padding: 10px;
		text-align: left; line-height: 16px;
		font-size: 12px;
	}
	.standard_box hr { margin: 10px; }
	.standard_box h3, .standard_box h4 { margin: 0; padding: 10px; }
	.standard_box h3 { font-size: 14px; font-weight: bold; }
	.standard_box h4 { font-size: 13px; font-weight: bold; }
	.standard_box ul, .standard_box ol { font-size: 12px; }
	
	.products {
	width: 752px; 
	margin: 0; padding: 10px;
	display: block; clear: both;
	}

#footer {
	width: 978px;
	margin: 0; padding: 5px 0 0 0;
	clear: both;
	color: #4A493D;
	border-top: #1E170B 1px solid;
	font-size: 11px;
}
		
		#footer .copyright { margin: 0; padding: 0 0 10px 0; display: block; float: left; }
		#footer ul { margin: 0; padding: 0 0 10px 0; float: right; list-style: none; }
		#footer ul li { margin: 0; padding: 0 0 0 20px; display: inline; font-size: 11px; }

/********************************** product listing */

.product_item {
	width: 360px; height: 250px;
	margin: 0 5px 5px 0; padding: 0;
	display: block; float: left;
}
		.product_item .image_holder {
			margin: 0; padding: 10px;
			display: block; float: left;
		}
		.product_item .product_info {
			width: 194px;
			margin: 0; padding: 10px 5px 0 0;
			display: block; float: left;
		}
		.product_item .product_info p { margin: 0; padding: 5px 0; line-height: 12px; }
		.product_item .product_info p.title { font-size: 14px; line-height: 16px; }
		.product_item .product_info p.price { font-weight: bold; }
		.product_item .product_info form { margin: 0; padding: 0; border: 0; }

.product_holder {
	
	margin: 0 0 10px 10px; padding: 0 10px 10px 0;
	display: block; float: right;
	text-align: left;
}
		.product_holder p { text-align: left; }

a.button, a.button2, input.button {
	height: 12px;
	margin: 10px 5px 10px 0; padding: 7px 5px 5px 5px;
	display: block; float: left;
	color: #000; border: 0;
	line-height: 11px; text-transform: uppercase; text-align: center; cursor: pointer;
	font-weight: bold; font-family: Arial, Sans Serif; font-size: 11px;
}
input.button { padding: 0; height: 24px; }
a.button, input.button { width: 93px; background: #B99430; }
a.button:hover, input.button:hover { background: #9A3807; color: #000; }
a.button2 { width: 60px; background: #D3C0A3; }
a.button2:hover { background: #B7A282; color: #000; }
input.button_product { margin: 10px; }
a.button2_standard { margin: 10px; }

/********************************** forms */

fieldset.contact_form {
	width: 356px; height: 270px;
	margin: 10px 20px 0 0; padding: 0;
	float: left;
}
fieldset.contact_form dl dt { width: 120px; margin: 5px 0; padding: 0 10px 0 0; float: left; clear: both; font-size: 12px; text-align: right; }
fieldset.contact_form dl dd { width: 210px; margin: 5px 0;  float: left; }
fieldset.contact_form dl dd input#submit { width: auto; cursor: pointer; margin: 0 0 10px 0; }
form, fieldset, dl, dt, dd { margin: 0; padding: 0; border: 0; }
input.text, textarea.text {
	width: 180px; padding: 3px;
	background: #D3C0A3; color: #000; border: 0;
	font-size: 12px; font-family: Arial, Sans Serif;
}
textarea.text { width: 500px; height: 100px; }
textarea.wide { width: 200px; }

input.remove { width: 10px; height: 10px; background: none; border: 0; margin: 0 auto; padding: 0; }
input.quantity { width: 30px; text-align: center; }
input#agree { width: auto; background: none; border: 0; }
input#checkout { float: right; }
input#checkout2 { float: right; margin: 0 80px 0 0; }

/********************************** tables */

table tr td { vertical-align: top; }
table.no_border tr td, table tr td.blank { border: 0; }

table.wide { width: 750px; }

table.basket tr th { text-align: center; }
table.basket tr th.qty { width: 50px; }
table.basket tr th.price { width: 70px; }
table.basket tr td input.button { float: right; }

.basket textarea	{ width:180px }

table.half { width: 50%; }

table.blank td { border: 0; }
.two_col { width: 350px; margin: 20px 20px 0 0; padding: 0; float: left; }


ul.button_options { margin: 0; padding: 10px 5px; list-style: none; }
ul.button_options li { margin: 0; padding: 5px; display: block; float: left; }
ul.button_options li a {
	margin: 0; padding: 5px;
	display: block;
	background: #B99430; color: #170F03;
	font-size: 14px; font-weight: bold;
}
ul.button_options li a:hover { background: #9A3807; color: #170F03; }