
@font-face {
	font-family: 'LiberationSerifBold';
	src: url('fonts/LiberationSerif-Bold.eot');
	src: local('fonts/Liberation Serif'),
	local('fonts/LiberationSerif-Bold'),
	url('fonts/LiberationSerif-Bold.woff') format('woff'),
	url('fonts/LiberationSerif-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'LiberationSerifRegular';
	src: url('fonts/LiberationSerif-Regular.eot');
	src: local('fonts/Liberation Serif'),
	local('fonts/LiberationSerif'),
	url('fonts/LiberationSerif-Regular.woff') format('woff'),
	url('fonts/LiberationSerif-Regular.ttf') format('truetype');
}

*
{
	padding: 0;
	margin: 0;
}

.clear
{
	display: block;
	clear: both;
}

.centered{
	text-align: center;
}

.left{
	float: left;
	margin-right: 50px;
}

.content-padding{
	font-size: 1.2em;
	padding-top: 20px;
	display: block;	
}
hr{
	margin: 20px 0 20px 200px;
	text-align: center;
	width: 60%;
}
#free-delivery{
	text-align: center;
	margin-bottom: 20px;
}

.logo{
	margin-bottom: 50px;
}

body
{
	font: 1em Arial, Helvetica, sans-serif;
	background: #fff;
	line-height: 1.35em;
	text-align: center;
}

a img, fieldset
{
	border: 0;
}

/* TEXT STYLES ************************/

h1, h2, h3, h4, h5, h6
{
	color: #000;
}

h3, h4
{
	font: 1.3em 'LiberationSerifRegular', Georgia, Times new roman, serif;
	color: #990033;
}

h2
{
	margin:0 0 10px 0px;
	color:#9a141b;
	font-size: 2em;
	font-family: 'LiberationSerifRegular', Georgia, Times new roman, serif;
}


p /* STANDARD PARAGRAPH STYLE */
{
	font:normal 0.9em Georgia, "Times New Roman", Times, serif;
	margin-bottom:15px;
}

#footer p
{
	padding-top:9px;
	font:14px Arial, Helvetica, sans-serif;
	color:#9a141b;
}

.underline
{
	text-decoration:underline;
}

.italic
{
	font-style:italic;
}
em
{
	font-weight:bold;
	font-style:normal;
}

.typical_analysis p
{
	margin-bottom:5px;
}


#last
{
	margin-bottom:25px;
}
/* LIST STYLES *************************/
#content li
{
	font:normal 0.9em Georgia, "Times New Roman", Times, serif;
	margin-left: 5px;
	margin-bottom: 10px;
	color: #000;
}

#nav ul
{
	list-style:none;
	
}

#nav li
{
	float:left;
	display: block;
	border-left: 1px solid #ccc;
	height:115px;
	padding: 0 5px;
}

#nav li.first{
	border-left: 0;
}

#nav img
{
	vertical-align:top;
	
}

#nav li.nav-thin{
	width: 58px;
}

#nav li.nav-mid{
	width: 68px;
}

#nav li.nav-wide{
	width: 78px;
}

#nav-contact{
	border-right: 1px solid #ccc;
}

/* LAYOUT DIVS *************************/

#container
{
	width: 900px;
	height: auto;
	margin:19px auto 0;
	text-align: left;
	background:#fff;
}

#header
{
	width: 100%;
	height: 124px;
	border-bottom:1px solid #ccc;
}

#logo
{
	background: url('../images/logo.gif') no-repeat left top;
	display: block;
	float: left;
	height: 87px;
	text-indent: -9999px;
	width: 340px;
}

#nav
{
	display: inline;
	float:right;
	font: 1.1em 'LiberationSerifRegular', Georgia, Times new roman, serif;
	height: auto;
}

#content
{	
	width:100%;
	margin-top:15px;
	padding-bottom:11px;
}

#banner
{
	background: url('../images/main-banner.jpg') no-repeat 180px top;
	float: left;
	display: block;
	width: 900px;
	height: 379px;
}

	#banner p{
		color: #990033;
		font: 2em 'LiberationSerifRegular', Georgia, Times new roman, serif;
		padding-top: 65px;
		width: 275px;
	}


#main
{
	float:left;
	display:inline;
	width:625px;
	padding-right:20px;
	border-right:#ccc 1px solid;
	margin-bottom:10px;
}

#main hr{
	color: #ccc;
	margin-bottom: 10px;
}

#sections ul{
	float: left;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
	list-style: none;
        
        width: 100%;
        
        
	
}

#sections li{
	float: left;
	margin-left: 90px;
	
	
}

#sections li a{
	display: block;
	height: 125px;
	text-indent: -9999px;
	outline: none;
	width: 300px;
}

#section-natural{
	background: url('../images/natural-logo.gif') no-repeat left top;
}

#section-whites{
	background: url('../images/whites-logo.gif') no-repeat left top;
}

#section-barker{
	background: url('../images/barker-logo.gif') no-repeat left top;
}

#sidebar_image
{
	margin-left:645px;
}

.product-img{
	float: left;
}

.product{
	float: left;
	padding: 5px;
	margin-bottom: 5px;
	width: 715px;
}

.product h3{
	font-weight: 700;
}
.product p span{
	font-weight: 700;
}

.product-details{
	float: left;
	padding-left: 20px;
	width: 540px;
}
.whites-product-details{
	float: left;
	padding-right: 15px;
	width: 270px;
}

.barker-product-details{
	float: left;
	padding-right: 20px;
	width: 370px;
}

	.product-analysis{
		float: left;
		width: 135px;
	}
	
	.whites-product-analysis{
		float: left;
		width: 160px;
	}
#content .product-analysis li, #content .whites-product-analysis li{
	list-style: none;
	list-style-position: outside;
	margin: 0;
	margin-bottom: 5px;
}

.buynow{
	float: left;
	padding: 5px 25px 10px;
	margin-bottom: 20px;
	width: 670px;
}
	
	.buynow div{
		float: left;
		width: 150px;
	}
	
	.buynow p, .buynow form, .whites-buynow p, .barker-buynow p{
		float: left;
	}
	
	.whites-buynow{
		float: right;
		width: 265px;
	}
	.whites-buynow div form, .barker-buynow div form{
		float: right;
		margin-left: 10px;
	}
	
	.barker-buynow{
		float: right;
		width: 320px;
	}
	
	.barker-buynow div{
		float: left;
		width: 320px;
	}

.item_image
{
	float:left;
	display:inline;
	margin-bottom:25px;
	clear:left;
}

.item p
{
	margin-left:235px;
}

.item
{
	border-bottom:1px solid #ccc;
	margin-bottom:25px;
	min-height:385px;
	height:auto !important;
	height:385px;
}

.item_last
{
	border-bottom:0px;
}

.cart
{
	padding-bottom:15px;
}

#footer
{
	clear:both;
	height:36px;
	width:901px;
}
	#footer p{
		font-family: 'LiberationSerifRegular', Georgia, Times new roman, serif;
		float: left;
	}

	#footer #tag{
		font-family: 'LiberationSerifRegular', Georgia, Times new roman, serif;
		font-weight: 700;
		font-size: 1em;
		margin-left: 100px;
	}
	
	

/* LINK STYLES *************************/

a
{
	text-decoration: underline;
	color: #3300ff;
}

a:visited
{
	text-decoration: underline;
	color: #3300ff;
}

a:hover
{
	text-decoration: underline;
	color: #3300ff;
}

#nav a
{
	color: #990033;
	text-decoration: none;
}

#nav a:visited
{
	color: #990033;
	text-decoration: none;
}

#nav a:hover
{
	color: #990033;
	text-decoration: underline;
}

/* FORM **/
.half{
	float: left;
	width: 46.75%;
}
.tickbox
{
	font: 0.9em Georgia, Times new roman, serif;
	margin-bottom: 5px;
	background: #990033;
	color: #fff;
	padding: 10px;
	width: 100%;
}

label
{
	display: block;
	padding: 10px 0 5px 0;
	font: 0.9em Georgia, Times new roman, serif;
}

input[type=text]
{
	width: 95%;
	padding: 3px;
}

input[type=image]{
	float: right;
}

textarea
{
	width: 95%;
	padding: 3px;
	height: 100px;
	font: 0.9em Arial, Helvetica, sans-serif;
}

#hearties{
	margin-left: 175px;
}

