/* start main.css with some basic overall site styles */

body {
	background-color: #000000;
	margin: 0px;
	background-image: url(/common/background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	/*font-size: 76%; thanks to http://www.thenoodleincident.com/tutorials/typography/index.html */
}

td,th,div,ul,li,p {
	/*font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;*/
	font-family: "Bookman Old Style","Calisto MT", georgia, serif;
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
}


a:link, a:visited {
	text-decoration: none;
	color:#FFFFFF;
}
a:hover, a:active {
	text-decoration: underline;
	color: #A51610;
}

h1, h2, h3, h4, h5, h6 {
	/*font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif;*/
	font-weight: normal;
	line-height: 1em;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

h1 {
	font-size: 1.4em;
}
h2 {
	font-size: 1.3em;
}
h3 {
	font-size: 1.2em;
}
h4 {
	font-size: 1.1em;
}
h5 {
	font-size: 1em;
}
h6 {
	font-size: .9em;
}

/* Begin Basic Styles */

.divContainer {
	width: 792px;
	margin: 0 auto;
	color: #FFFFFF;
	background-color: #000000;
}

#content .left {
	background-color:#222222;
	width: 394px;
}

.insideLeft {
	padding: 36px 0 36px 36px;
	}

#content .right {
	width: 362px;
	height: 350px;
	float:right;
}

.right #pix1 {
	width: 342px;
	height: 350px;
	margin: 0 0 0 20px;
	position: absolute;
	z-index: 50;
	float:left;
}

.ClearBoth {
	clear:both;
	}


/* overflow */
.divOverFlow {
	padding: 1px 9px 4px 1px;
	overflow: auto;
	height: 230px;
	line-height: 1.5em;
}

/* nav styles */

#nav {
	width: 100%;
	height: 36px;
}

#nav table {
	width: 100%;
	margin: 0;
}

#nav td{
	vertical-align: top;
	text-align: center;
}

#nav td a {
	display: block;
	text-decoration: none;
	padding: 6px 6px 6px 6px;
	}
	
#nav td a:link, #nav td a:visited {
	color: #FFFFFF;
	width: inherit;
	height: inherit;
	background-color:#000000;
	border-bottom: solid 2px #000000;
	}
#nav td a:hover, #nav td a:active {
	color: #FFFFFF;
	width: inherit;
	height: inherit;
	background-color:#333333;
	border-bottom: solid 2px #A51610;
	}
#nav #OnPageTop a:link,#nav #OnPageTop a:visited,#nav #OnPageTop a:hover,#nav #OnPageTop a:active {
	color: #999999;
	width: inherit;
	height: inherit;
	background-color:#222;
	border-bottom: solid 2px #333;
}


/* left nav styles */

#LeftNav {
	width: 180px;
	z-index: 100;
	position: absolute;
	top: 196px;	

}
#LeftNav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#LeftNav li {
	margin: 0 0 1px 0;
}
#LeftNav a {
	padding: 4px 4px 4px 36px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	line-height: 1.2em;
}
#LeftNav a:link, #LeftNav a:visited {
	color: #A51610;
	text-decoration: none;
	background-image: url(/about/about-LeftNav-img-off.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
#LeftNav a:hover, #LeftNav a:active {
	color: #FFFFFF;
	background-image: url(/about/about-LeftNav-img-over.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
#onPage a:link, #onPage a:visited, #onPage a:hover, #onPage a:active {
	color: #FFFFFF;
	background-image: url(/about/about-LeftNav-img-over.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}







/* header style */
#header {
	width: 792px;
	height: 160px;
	background-color:#000000;
}


/* content styles */
#content {
	background-color:#222222;
}


/* cart div */
#divCart {
	height: 52px;
	border-bottom: solid 1px #333;
	border-top: solid 1px #333;
}


/* footer style */
#footer {
	width: 792px; 
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 10px;
	color: #FFFFFF;
	height: 18px;
}
	#footer h2 {
		 font-size: 12px;
		 width: 350px;
		 display: block;
		 text-transform: uppercase;
		 color: #FFF;
		 padding: 14px 0 0 36px;
	}
	#footer #copyright {
		  text-align: right;
		  font-size: 10px;
		  white-space: nowrap;
		  float: right;
		  padding: 2px 36px 0 0;
	}
	#footer .siteby {
		  margin: 0 0 0 36px;
		  text-align: left;
		  color: #333;
		  font-size: 10px;
		  text-transform: uppercase;
		  padding-top: 8px;
		  white-space: nowrap;
	}
	#footer .geotrust {
		  margin: 0 34px 0 0;
		  text-align: right;
		  padding: 8px 0;
		
	}
	#footer a:link, #footer a:visited {
		font-size: 10px;
		text-decoration: none;
	}
	#footer a:hover, #footer a:active {
		font-size: 10px;
		text-decoration: underline;
	}


/* Forms Styles */
.form-box {
	background: #ECECEC;
	border: 1px solid #A51610;
	font: .94em/1.2em Arial, geneva, helvetica, sans-serif;
	color: #000000;
}
.form-text {
	font: .94em/1.2em Arial, geneva, helvetica, sans-serif;
	text-transform: uppercase;
	color: #ffffff;
}

.form-text-gray {
	font: 9px Arial, geneva, helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #e8ddc1;
	padding: 3px 0;
}
.form-text-white {
	font: .88em/1.2em Arial, geneva, helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #FFF;
	padding: 3px 0;
}


/* Nutritional Styles */
.nutTable {
	
}

.nutTable table {
	width: 380px;
}

.nutTable td {
	color: #FFFFFF;
	font-size: 10px;
	background-color: #000000;
	white-space: nowrap;
	padding: 1px 4px;
}

.nutTable .heading{
	width: 180px;
}

.heading h6 {
	color: #e8ddc1;
	font-size: 12px;
	font-weight: bold;
}

.nutTable .cent{
	background-color: #222222;
	width: 20px;
}