@charset "utf-8";
/* CSS Document */

body {
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font: 12px Arial, Helvetica, sans-serif;
}

p {
font: 12px Arial, Helvetica, sans-serif;
}

a:link, a:visited {
	color: #007932;
	text-decoration: none;
}

a:hover, a:active {
	color: #66FF33;
	text-decoration: none;
}

a.white:link, a.white:visited {
	color: #007932;
	text-decoration: none;
}

a.white:hover, a.white:active {
	color: #007932;
	text-decoration: underline;
}

.topdiv {
	background: url(../images/top.png);
	/*	background: #66FF33;   */
	height: 44px;
}

#logo {
	position: absolute;
	top: 8px;
}

div.container {
	width: 1024px;
	margin: 0px auto;
}

#account {
	background: url(../images/account-bg.png) top right no-repeat;
	text-align: right;
	height: 34px;
	color: #FFFFFF;
	font: 12px Arial, Helvetica, sans-serif;
	padding-top: 8px;
	padding-right: 25px;
}

span.phone {
	font: 16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	float: left;
	margin-left: 548px;
}

span.myaccount {
	font: 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	margin-right: 20px;
}

span.mycart{
	font: 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

#topnav {
	text-align: right;
	height: 34px;
	color: #66FF33;
	font: 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 32px;
	margin-right: -15px;
	padding-top: 8px;
	padding-right: 25px;
}

#topnav a:link, #topnav a:visited {
	padding: 40px 16px 0px 16px;
	margin: 0px 10px 0px 10px;
	color: #007932;
	background: none;
	text-decoration: none;
}

#topnav a:hover, #topnav a:active {
	padding: 40px 16px 0px 16px;
	color: #66FF33;
	background: url(../images/topnav-bg.jpg) top center no-repeat;
	text-decoration: none;
}

div.left-box-top, div.right-box-top {
	margin: 0px;
	padding: 0px;
	height: 15px;
	width: 225px;
	background: url(../images/left-box-top.jpg) no-repeat;
}

div.left-box, div.left-box2 {
	margin: 0px;
	padding: 1px 10px 1px 10px;
	width: 200px;
	background: url(../images/left-box-bg.jpg) top repeat-y;
}


div.right-box {
	text-align: right;
	margin: 0px;
	padding: 1px 10px 1px 10px;
	width: 200px;
}

div.left-box h1, div.right-box h1 {
	margin: 0px;
	color: #6F3D24;
	font: 16px Arial, Helvetica, sans-serif;
	font-weight: bold;
}

div.left-box p {
	margin: 0px;
	color: #007932;
	font: 13px Arial, Helvetica, sans-serif;
}

div.left-box2 h1 {
	margin: 0px;
	color: #007932;
	padding-left: 70px;
	font: 15px Arial, Helvetica, sans-serif;
	font-weight: bold;
}

div.left-box2 p, div.right-box p {
	margin: 0px;
	color: #000000;
	font: 13px Arial, Helvetica, sans-serif;
}

div.left-box-bottom, div.right-box-bottom {
	margin: 0px;
	padding: 0px;
	height: 17px;
	width: 225px;
	background: url(../images/left-box-bottom.jpg) no-repeat;
}

h1.title {
	font: 24px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #6F3D24;
}

#right-side {
	font: 11.5px Arial, Helvetica, sans-serif;
	color: #333300;
}

#middle {
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
}

#middle h1 {
	font: 16px Arial, Helvetica, sans-serif;
	color: #6F3D24;
	font-weight: bold;
}

#middle p {
	margin: auto;
}

#copyright {
	margin: 15px 0px 5px 0px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #6F3D24;
	text-align: center;
}

#footer {
	background: #66FF33 url(../images/bottom-nav-bg.jpg) top repeat-x;
	text-align: center;
	text-transform: uppercase;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 5px;
	margin: 0px;
}

#footer a:link, #footer a:visited {
	margin: 0px 5px 0px 5px;
	color: #FFFFFF;
	text-decoration: none;
}

#footer a:hover, #footer a:active {
	margin: 0px 5px 0px 5px;
	color: #FFFFFF;
	text-decoration: underline;
}

div.content-box-top {
	margin: 0px;
	padding: 0px;
	height: 19px;
	width: 767px;
	background: url(../images/content-box-top.jpg) no-repeat;
}

div.content-box {
	margin: 0px;
	padding: 1px 10px 1px 10px;
	width: 747px;
	background: url(../images/content-box-bg.jpg) top left repeat-y;
	font: 12px Arial, Helvetica, sans-serif;
	color: #333300;
}

div.content-box h1 {
	font: 16px Arial, Helvetica, sans-serif;
	color: #6F3D24;
	font-weight: bold;
	margin: 0px;
}

div.content-box-bottom {
	margin: 0px;
	padding: 0px;
	height: 19px;
	width: 767px;
	background: url(../images/content-box-bottom.jpg) no-repeat;
}

.brown {
	color: #6F3D24;
	font-weight: normal;
}


#imageBox > DIV, #imageBoxSpecialOffer > DIV, #imageBoxResults > DIV, #imageBoxBrewing > DIV, #imageBoxGiants > DIV {
	position:		relative;
	width:			491px;
	background:		url("../images/middle-bg.jpg") repeat-y;
}

#imageBox > DIV DIV, #imageBoxSpecialOffer > DIV DIV, #imageBoxResults > DIV DIV, #imageBoxBrewing > DIV DIV, #imageBoxGiants > DIV DIV {
	padding:		18px;
}

#imageBox UL {
	display:		block;
	width:			491px;
	height:			76px;
	margin:			0;
	padding:		0;
	background:		url("../images/giants-bottom.gif") 0 -304px no-repeat;
	list-style-type:none;
}

#imageBoxSpecialOffer UL {
	display:		block;
	width:			491px;
	height:			76px;
	margin:			0;
	padding:		0;
	background:		url("../images/giants-bottom.gif") 0 -152px no-repeat;
	list-style-type:none;
}

#imageBoxResults UL {
	display:		block;
	width:			491px;
	height:			76px;
	margin:			0;
	padding:		0;
	background:		url("../images/giants-bottom.gif") 0 -76px no-repeat;
	list-style-type:none;
}

#imageBoxBrewing UL {
	display:		block;
	width:			491px;
	height:			76px;
	margin:			0;
	padding:		0;
	background:		url("../images/giants-bottom.gif") 0 -228px no-repeat;
	list-style-type:none;
}

#imageBoxGiants UL {
	display:		block;
	width:			491px;
	height:			76px;
	margin:			0;
	padding:		0;
	background:		url("../images/giants-bottom.gif") 0 0 no-repeat;
	list-style-type:none;
}

#imageBox UL LI, #imageBoxSpecialOffer UL LI, #imageBoxResults UL LI, #imageBoxBrewing UL LI, #imageBoxGiants UL LI {
	float:			left;
}

#productsNav {
	display:		block;
	width:			99px;
	height:			54px;
	margin:			18px 0 0 3px;
}

#specialsNav {
	display:		block;
	width:			130px;
	height:			54px;
	margin:			18px 0 0 3px;
}

#resultsNav {
	display:		block;
	width:			84px;
	height:			54px;
	margin:			18px 0 0 3px;
}

#brewingNav {
	display:		block;
	width:			82px;
	height:			54px;
	margin:			18px 0 0 3px;
}

#giantsNav {
	display:		block;
	width:			77px;
	height:			54px;
	margin:			18px 0 0 3px;
}

.hidden {
	display:		none;
}