/******** In Use *************/

body { font: 11px Arial, Helvetica, sans-serif; color: #333333; margin: 0px; text-align:left; }

input { font: 10px Arial, Helvetica, sans-serif; color: #333333; vertical-align: middle; margin: 0px; }
option { font: 11px Arial, Helvetica, sans-serif; color: #333333; }
select { font: 11px Arial, Helvetica, sans-serif; color: #333333; }
textarea { font: 11px Arial, Helvetica, sans-serif; color: #333333; }
h3 { font-size: 14px; margin-bottom: 0px; }

a, a:active { color: #666666; text-decoration: none; }
a:hover { color: #0080FF; }

.colnav { color: #666666; line-height: 15px; }
.colnav #txt { padding-left:12px; }
.colnav a:link, .colnav a:visited { padding-left: 8px; }
.colnav a:hover { background: url('../imgs/arrow_blue.gif') no-repeat 0 50%; }
.colnav b { font: bold 12px Arial, Helvetica, sans-serif; color: #336699; }
.colnav input { margin-bottom: 6px; }
td.colnav { min-width:190px; width: 190px; padding-top: 15px; background: url('../imgs/green_nav.jpg') no-repeat right top; }

#sgray { font-size: 10px; color: #666666; line-height:150%; }
#bgray { font-size: 11px; color: #666666; line-height:150%; padding-right: 4px; }
#bgray img { vertical-align:middle; }
#news { color: red; line-height: 15px; }
#pad {padding:4px 0px; }
#blue { color: #3399CC; }
#blue:hover { color: #66CCFF; }

.dots_h { border-bottom: dotted 1px #cccccc; }
.dots_v { border-left: dotted 1px #cccccc; }
.dots_hv { border-left: dotted 1px #cccccc; border-bottom: dotted 1px #cccccc; }

table.dotted {
	margin: 0px;
	border-right: dotted 1px #cccccc; border-bottom: dotted 1px #cccccc;
	}
.dotted td, .dotted th { border-left: dotted 1px #cccccc; border-top: dotted 1px #cccccc; padding: 4px; }
.dotted th { text-align:left; background-color:#fffede;}

table.dotted2 {
	margin: 0px;
	border: dotted 1px #cccccc;
	}
.dotted2 td, .dotted2 th { text-align:left; padding: 4px; }
.dotted2 th { background-color:#fffede; border-bottom: dotted 1px #cccccc; }

.xbluehead {
	background: url('../imgs/blue_head_expand.jpg') no-repeat;
	font: 22px Arial, Helvetica, sans-serif;
	color: #e1e1e1;
	width: 580px;
	height: 54px;
	}
.xbluehead b { font-weight: normal; padding: 0px 20px }
.xbluehead img { padding-left: 20px }
.xblueheadcap { background: url('../imgs/blue_head_expand_cap.gif') repeat-x top left; }

.small { font: 10px/14px Arial, Helvetica, sans-serif; color: #787878; }
.brdcrmb { font: 9px/20px Verdana, Geneva, sans-serif; color: #666666; padding: 5px 20px; }
.brdcrmb a { text-decoration: underline; }

/********* Floating blue table links (main landing pages) ******************/
table.fLinks { width:250px; margin: 0px 0px 12px 0px; }
.fLinks th, .fLinks a {
	font: 10px verdana, geneva, sans-serif;
	color: #e1e1e1;
	text-align:left;
	padding-right: 4px;
	background: #458DC2;
	}
.fLinks b { font-size: 13px; }
.fLinks a:hover { color: #FFFFFF; }
.fLinksTC { background:url('../imgs/floatTbltcrnr.gif') no-repeat; height:8px; width:8px; }
.fLinksBC { background:url('../imgs/floatTblbcrnr.gif') no-repeat; height:8px; width:8px; }
.fLinksBtm { background: #458DC2 url('../imgs/blueBtmLine.gif') repeat-x; }
.fLinksTop{ background: #458DC2 url('../imgs/blueTopLine.gif') repeat-x; }
.fLinksLft { background: #458DC2 url('../imgs/blueLftLine.gif') repeat-y; }

/********************************************************************/

/********* Blue and Orange link arrows ******************/
.arrow, a.arrow { padding-left:10px; background: url('../imgs/arrow_blue.gif') no-repeat 0px 50%; }
a.arrow:hover { padding-left:10px; background: url('../imgs/arrow_orange.gif') no-repeat 0px 50%; }
#arrow a { background: url('../imgs/arrow_blue.gif') no-repeat 0 50%; padding-left:10px; }
#arrow a:hover { background: url('../imgs/arrow_orange.gif') no-repeat 0 50%; padding-left:10px; }
a#sub_arrow { padding-left:15px; background:none; }
a#sub_arrow:hover { background: url('../imgs/arrow_orange.gif') no-repeat 5px 50%; }
/********************************************************************/

/********* Dealer locator tables/cells (can't change locally) ******************/
table.dealer { border: solid 1px #99CCFF; }
table.tm { border: solid 1px #CCCCCC; }
table.dealer, table.tm { max-width: 480px; }

.dealer, .tm { font: 11px/16px Arial, Helvetica, Sans-serif; color: #333333; }
.dealer td, .tm td { padding: 8px; }
.dealer a:link, .dealer a:visited { color: #336699; padding: 0px; }
.dealer a:hover { color: #0080FF; }
.dealer th { font-size: 14px;font-weight: bold; background-color: #BBD9EE; padding: 5px; }
.tm th { font-size: 14px;font-weight: bold; background-color: #CCCCCC; padding: 5px; }

/*******************************************************************************/

.borderrb { border-right: solid 1px #E1E1E1; }
.borderrl { border-right: solid 1px #E1E1E1; border-left: solid 1px #E1E1E1; }

td.bordergrn { background-color: #D9E4BC; border: solid 1px #99CC33; }

/********* main blue header pic/bar ******************/
.head2 {
	font: 22px Arial, Helvetica, sans-serif;
	color: green;
	background: url('../imgs/blue_head.jpg') no-repeat 0px 0px;
	height: 54px;
	padding: 0px 20px;
	vertical-align: middle;
	}
/*******************************************************************************/

/********* Text layout for most paragraphs ******************/
.text { font-size: 12px; line-height: 22px; vertical-align:top; padding:10px 0px 0px 20px; }
.text a, .text a:active, .text a:visited { color: #3366CC; text-decoration: none; }
.text a:hover { color: #66CCFF; }
.text h2 { font-size: 16px; color: #336699; margin-bottom: 0px; font-weight: normal; }
.text ul { color:#336699; margin-top: 2px; }
.text li { font-size: 12px; }
/************************************************************/

.dynamic { font: 10px Verdana, Geneva, Helvetica, Sans-serif; line-height: 12px; padding: 0px 6px; }
table.dynamic { margin: 10px 0px; height:75px; }

#valSummary, #err, #err ul { font-size: 11px; color:red; }

.required { color:Red; }
.error { color:Red; }