body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0px;
    padding: 0px;
    border: 0px;
}
body {
    background: #e8ddcb url(../_images/bg.jpg) 0 0 repeat-x;
    text-align: center;
}
p, div, li,  h1, h2, h3, h4, td, input, select, textarea {
    font-family: Arial;
    font-size: 13px;
    color: #000;
    line-height: 18px;
}
h1, h2, #top, #menu li {
	font-family: Verdana;
}
p, h1, h2, h3, h4, #content ul, #content ol, #content table {
	margin-bottom: 15px;
}
a img, :link img, :visited img {
    border: none
}
a:link, a:visited {
    color: #475440;
    text-decoration: underline;
}
a:hover, a:active {
    color: #74944e;
    text-decoration: underline;
}
div.clear {
    clear: both;
    overflow: hidden;
    height: 1px;
}

/* ----------------------------------- */
/* WRAPPER
/* ----------------------------------- */
#wrapper {
	width: 840px;
	margin: 0 auto;
	text-align: left;
}

/* ----------------------------------- */
/* TOP
/* ----------------------------------- */
#top {
	margin: 0 30px;
}
	
	#top-menu, #menu {
		float: right;
	}
	#top-menu {
		margin-top: 34px;
		font-size: 11px;
		color: #FFF;
		height: 15px;
	}
		#top-menu span {
			margin-left: 15px;
		}
		#top-menu a { 
			color: #FFF;
			text-decoration: none;
		}
		#top-menu a:hover, #top-menu a:active { text-decoration: underline; }
		
		#top-menu form {
			display: inline;
			margin-left: 15px;
		}
			#top-menu form input {
				vertical-align: middle;
			}

	#menu {
		margin-top: 24px;
		clear: right;
	}
		#menu li {
		  	float: left;
		  	margin: 0 0 0 1px;
		  	padding: 0;
			font-weight: bold;
			font-size: 12px;
			list-style: none;
			line-height: 30px;
			height: 30px;
		}
		#menu li a, #menu li a:link, #menu li a:active, #menu li a:visited {
		  	color: #FFF;
		  	padding: 8px 10px;
		  	text-decoration: none;
			background: #494949;
			line-height: 30px;
			height: 30px;
		}
		#menu li a:hover {
		  	background: #767575;
		  	color: #FFF;	
		}

/* ----------------------------------- */
/* MAIN
/* ----------------------------------- */
#main {
	background: #FFF url(../_images/main-bottom.gif) left bottom no-repeat;
	padding-bottom: 8px;
}
#content {
	margin: 30px;
}
	#main h2 {
		color: #74944e;
		font-size: 16px;
	}
	
	#content li {
		margin-left: 25px;
	}
	
/* ----------------------------------- */
/* HOME
/* ----------------------------------- */
#banner {
	height: 166px;
	background: transparent url(../_images/banner.jpg) 0 0 no-repeat;
	padding: 0 30px;
}
	#banner h1, #banner p {
		color: #FFF;
		margin-bottom: 20px;
		font-family: verdana;
	}
	#banner h1 {
		font-size: 20px;
		padding-top: 45px;
	}
	#banner p {
		font-size: 16px;
	}

.intro-left { float: left; }
.intro-right { float: right; }
.intro {
	width: 375px;
	margin-bottom: 20px;
	display: inline;
}
	.intro-left h2, .intro-left p {
		margin-left: 130px;
	}
	.intro-right h2, .intro-right p {
		margin-left: 85px;
	}
	.intro h2 {
		margin-bottom: 4px;
	}
	.intro img {
		float: left;
	}

#discounts {
	width: 823px;
	margin: 0 auto;
	text-align: center;
	font-family: verdana;
	font-size: 13px;
	font-weight: bold;
	color: #c3c3c3;
	background: transparent url(../_images/discounts.jpg) 0 0 no-repeat;
	line-height: 41px;
	height: 41px;
	clear: both;
}
	#discounts strong {
		color: #FFF;
	}
	#discounts a:link, #discounts a:visited {
		text-transform: uppercase;
		text-decoration: none;
		color: #7e9d58;
		margin-left: 10px;
	}
	#discounts a:hover, #discounts a:active {
		color: #abc28f;
	}

#custom-covers {
	width: 375px;
	float: left;
	margin-left: 30px;
	margin-top: 30px;
	display: inline;
}

#rule-changes {
	width: 375px;
	float: right;
	margin-right: 30px;
	margin-top: 30px;
	display: inline;
}
	#rule-changes h2 {
		font-size: 13px;
		color: #000;
		font-family: arial;
		margin-bottom: 4px;
	}
	#rule-changes dl {
		margin-bottom: 20px;
	}
	#rule-changes dt {
		float: left;
		margin-right: 5px;
	}
	#rule-changes dd {
		color: #818181;
	}

/* ----------------------------------- */
/* SUB PAGES
/* ----------------------------------- */
#header {
	height: 146px;
	background: transparent url(../_images/header.jpg) 0 0 no-repeat;
	padding: 0 30px;
}
	#header h1 {
		font-size: 28px;
		color: #FFF;
		padding-top: 40px;
	}
	
	/* Custom Covers */
	#custom-cover-images {
		width: 100%;
	}
	#custom-cover-images td {
		text-align: center;
		padding: 7px;
	}
	#custom-cover-images a:link img, #custom-cover-images a:visited img {
		border: 2px solid #CCC;
	}
	#custom-cover-images a:hover img, #custom-cover-images a:active img {
		border: 2px solid #666;
	}
	
	/* Product pages */
	.product-photo {
		float: right;
		margin-left: 35px;
		margin-bottom: 20px;
		display: inline;
	}
	
	p.highlight {
		background: #eeefe4;
		padding: 8px;
	}
	
	#product-form {
		height: 35px;
		margin-bottom: 20px;
	}
		#product-form input {
			/*float: left*/
			vertical-align: middle;
		}
		#product-form label {
			font-size: 14px;
			font-weight: bold;
		}
		#product-form #qty {
			padding: 6px;
			font-size: 14px;
			font-weight: normal;
			border: 1px solid #999;
			margin-right: 10px;
			text-align: center;
		}
	
	/* Contact page */
	#contact-info {
		width: 300px;
		float: right;
		margin-left: 30px;
	}
	
	#contact-form td {
		vertical-align: top;
	}
	input, select, textarea {
		color: #000;
	}

	label.error {
		display: block;
		color: #FF0000;
		font-weight: bold;
	}
	input.error {
		border: 2px solid #FF0000;
	}

/* ----------------------------------- */
/* FOOTER
/* ----------------------------------- */
#footer {
	width: 840px;
	margin: 15px auto;
	text-align: right;
}
	#footer p {
		font-size: 11px;
		line-height: 13px;
	}
	#footer p#footer-menu {
		float: left;
		text-align: left;
		line-height: 16px;
	}
