/**

# indicates an id style
	These are used for unique layout items (i.e. there is only 1 header and 1 footer section).
	They are external CSS because they are reused in the site, but not the page.

. indicates a class style
	These are used for repetative styles.
	They are external CSS becuase it is easier to change, and may be reused on the site
	in other pages, multiple times per page.

**/

html { height: 100%; }

BODY {
	margin: 0px 0px 0px 0px;
	background-color: #e3f4f9;
	min-width: 800px;
	position: relative;
	height: 100%;
}

a:link {}
a:visited{}
a:hover { text-decoration: none; color: red; }
a:active{}

/** Header styles for the top **/
#header { margin-bottom: 10px; clear: both; top: 0; width: 100%; height: 140px; background-color: #16077c; }
.headerMenuItem { color: #FFFFFF; font-weight: bold; font-family: Tahoma, sans-serif; }
#headerLogo { float: left; left: 0; height: 120px; width: 160px; }
#headerText { float: left; color: red; font-family: Times New Roman, serif; font-size: large; height: 140px; letter-spacing: 2px; padding-top: 20px; }
#headerMenu { float: left; width: 250px; margin-left: 10%; margin-top: 5px; } /*border: thin solid red; height: 100%; } */
.headerMenuCell { background-color: #b30e09; margin-top: 2px; float: left; width: 100%; padding-left: 10px; }
.headerBullet { width: 15px; height: 15px; vertical-align: middle; }
#headerProduct { float: right; right: 0; width: 160px; height: 120px; }
a.headerMenuItem:link { text-decoration: none; }
a.headerMenuItem:visited { text-decoration: none; }
a.headerMenuItem:hover { background-color: #000000; color: #b30e09; }

/* #bodyBlock { overflow: hidden; min-height: 100%; }


/** Common body styles **/
div#bodyBlock {
	margin: auto;
}
.bodyText { font-family: Verdana, sans-serif; overflow: visible; }
#bodyContent, #navWrapper {
	float: left; /** Tie columns to the left hand side of the browser to align horizontally **/
	margin-left: 3%; /** 3% left hand gutter for body cells **/
	padding-left: 8px;
	padding-right: 8px;
	text-align: justify;
	vertical-align: top;
/*	padding-bottom: 32767px;
	margin-bottom: -32767px;*/
}
.productPrice { font-size: large; font-weight: bold; border: 1px solid black; padding: 5px; float: left; margin-left: 50px; margin-top: 10px; margin-bottom: 1.5em; width: 250px; text-align: left;} 

.bodyContentRow, #bodyNav {
	border: thin groove #000000; /** Thin border for body cells **/
	background-color: #FFFFFF; /** White bg for body cells **/
	padding: 5px 5px 5px 5px;
	overflow: auto;
}
.bodyContentCol {
	float: left;
	width: 45%;
	padding-left: 15px;
	padding-right: 15px;
	overflow: auto;
}
.bodyContentSubheader { font-size: large; text-decoration: underline; }

/** Content styles **/
#bodyContent {
/*	width: 580px; */
	margin-right: 350px;

}
.bodyContentRow { margin-bottom: 20px; }
.contentHeader { font-size: x-large; color: #16077c; font-family: Arial, sans-serif; text-align: center; }
.contentText { }


/** Nav styles for the sidebar **/
#navWrapper {
	/*width: 20%;*/
	margin-left: -350px;
	width: 320px;
	margin-bottom: 5px;
}
.sideNavHeader { 
	font-size: large; 
	color: #b30e09; 
	font-family: Arial, sans-serif; 
	padding-top: 10px; 
}
.sideNavText { }
.newsDate { font-style: italic; text-decoration: underline; }
div#navBanner {
	width: 300px;
	margin: auto;
	margin-top: 15px;
}
div#navBanner a, div#navBanner a:hover, div#navBanner a:visited {
	text-decoration: none;
	color: black;
}

/** Product images **/
.productImgBox { text-align: center; }
.productImg { border: thin solid black; }
.productImgMedium { float: left; border: thin solid black;  margin: 20px 20px 20px 20px; }


/** Divider rule **/
#dividerTop, #dividerBottom { clear: both; width: 100%; height: 8px; margin-bottom: 4px; background-color: #16077c; }

/** Footer styles **/
#footer { clear: both; bottom: 0; vertical-align: bottom; width: 100%; padding-top: 20px; }
.footerText { text-align: center; color: #7f7f7f; }
a.footerText:link { text-decoration: none; }
a.footerText:visited { text-decoration: none; }
a.footerText:hover { text-decoration: underline; }
.footerDisclaimer { font-size: small; text-align: center; color: #7f7f7f; font-style: italic; }

/* General text styles */
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.underline {
	text-decoration: underline;
}

span.strike {
	text-decoration: line-through;
}

span.outOfStock {
	color: red;
}