/* Common styles. */
body {
	padding: 0px;
	margin: 0px;
	font: 8pt arial, sans-serif;
	text-align: center; /* IE center */
}
a{color: #3c3c3c;text-decoration: none;}
a:hover{text-decoration: underline;}
a:visited{color: #3c3c3c;}
a img{border: none;}
form {margin:0px;}
table tr td {font: 8pt arial, sans-serif;}
#mainContainer {
	margin: 0px auto;
	width: 700px;
	border: 1px solid #e1e1e1;
	border-top:5px solid #0a4f6b;
	padding: 0px 0px 5px 0px;
}
#header {
	border-top:10px solid #A3B9CD;
	border-bottom:10px solid #0a4f6b;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
#header #subHeader{ padding: 15px 5px 15px 5px; }
img#logo {float: left;}
#topNav {
	margin: 0px auto;
	padding: 3px;
	border-top: 1px solid #ffffff;
	background-color: #0a4f6b;
}
a.topNavItem {
	padding: 3px 10px;
	font: bold 8pt Arial, sans-serif;
	color: #eeeeee;
	text-decoration: none;
	background-color: #0a4f6b;
}
a.topNavItem:hover {
	color:#eeeeee;
	background-color: #11688d;
	text-decoration: none;
}
a.topNavItem:visited { color: #eeeeee; }
a.topNavItemActive {
	padding: 3px 10px;
	font: bold 8pt Arial, sans-serif;
	color: #eeeeee;
	background-color: #11688d;
}
.spacer { clear: both; }
.aLeft { text-align: left; }
.aRight { text-align: right; }
.aCenter { text-align: center; }
.tBold { font-weight: bold; }
.tItl { font-style: italic; }
#footer {
	margin: 10px;
	padding-bottom: 50px;
	font-size: 8pt;
}
#footer a { margin: 5px; }
.sideNav {
	width: 150px;
	font-size: 8pt;
}
.sideNav a { font-size: 8pt; }
.sideNavHeader {
	padding: 5px;
	font-size: 9pt;
	font-weight: bold;
	color: #40748a;
}
.sideMenu {
	padding: 0px 0px 10px 0px;
}
#leftNav {
	float:left;
	border-left: none;
	background-color: #e7e7df;
}
#leftNav table {
	margin: 0px auto;
	width: 130px;
	background-color: #f6f5f3;
}

/* Common content styles. */
#rightNav {
	float: right;
	width: 145px;
	padding: 5px;
	border-left: 1px solid #e1e1e1;
}
/*
 * NOTE: Child elements with top margin seem to force the entire
 * contenBody container down on at least firefox pr1.0 and opera 7.54.
 * Avoid using such elements/styles. Use top padding in the child
 * element instead.
 */
#contentBody {
	margin: 0px 165px 0px 160px;
	padding-top: 5px;
}
/*#contentBody a{color: #40748a;text-decoration: none;}
#contentBody a:hover{text-decoration: underline;}
#contentBody a:visited{color: #40748a;}*/
.infoContainer {
	padding:10px;
	background-color: #f6f5f3;
	border-right: 3px solid #e7e7df;
	border-bottom: 10px solid #e7e7df;
}
.infoTitle{color: #9e550c;font: bold 14pt arial, sans-serif;}

/** Error styles. */
#errors {
	width: 300px;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #a60000;
}
#errors .error { 
	padding-left: 10px;
	color: #a60000;
}

/** Product page styles. */
.sectDelim {
	border-top: 1px dashed #e1e1e1;
	margin: 9px 0px 5px 0px;
}
ul{margin-top:0px;}
ul li{margin-bottom: 5px;}

/** Cart page. */
#cartTable { font-size: 8pt; }
#cartTable select { font-size: 8pt; }

#cartTable { background-color:#f6f5f3; }
#cartTable td { padding: 5px 5px 5px 5px; }
#cartTable tr.rowSum {
	background-color:#e7e7df;
	font-size: 8pt;
}
#cartTable td.colSummary { width: 150px; }

/** Generic form element styles. */
select { font-size: 8pt; }
.formCtl {
	font-size: 8pt;
	padding: 2px;
	border: 1px solid #e1e1e1;
}
.textBox {}
.checkBox {}
.selectBox {}