
html, body 
{
	margin: 0px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	font-weight: normal;
	color: #6d6c6c;	
	/*background-color: #f7f7f7;*/
	background-color: #999999;
}

a img 
{
	border: 0;
}

a 
{
	color: #b50000;
	text-decoration: none;
}

a:hover 
{
	text-decoration: underline;
}

/* Wapper */
/* =============================================================================== */
#wrapper
{
	width: 987px;	
	margin-left: auto;
	margin-right: auto;
	background-color: #EEEEDD;	
}


/* Container Box*/
#container
{
	width:977px;
	margin: 0 5px;
	background-color: #FFFFFF;	
}




/* Menu */
/* =============================================================================== */
#header
{
	width: 926px;
	height: 50px;	
	margin: 0px 10px 0px 20px;
	padding: 0px 0 13px 0;
}

#logo
{
	float: left;
	padding: 0 0 0 0;
}
#logo h1
{
	font-size:2em;
    margin-bottom:0px;
}
#logo h2
{
	font-size:1em;
    margin-top:0px;
}

#menu
{
	width: 550px;
	float: right;	
	padding-top: 40px;	
	font-size: .95em;
	font-weight: bold;
}

#menu ul
{
	list-style: none;
	margin: 0;
	display: block;
}

#menu li
{
	float: right;
	padding: 0 5px;
}

#menu a
{
	color: #6d6c6c;
}

#menu a:hover
{
	color: #b50000;
	text-decoration: none;
}

.stateColumn  {
	margin: 0;
	padding:0;
	text-align:left;
}

.stateColumn ul {
	list-style: none;
	margin: 0 0 0 0;
}

.stateColumn li {
	margin: 0 0 0 -20px;
	padding: 0;
}



/* Banner */
/* =============================================================================== */
#banner
{
	color: #FFFFFF;
	padding: 34px 0 0 39px;
	width: 938px;
}

#banner a
{
	color: #ff7e00;
}	

#banner a:hover
{
	text-decoration: underline;
}	

#CookieCrumb
{
	padding: 5px 0 5px 39px;
	color:#000000;
	background-color: #EEEEDD;
}


.home
{
	height: 428px;	
	background-image: url(images/banner_home2.jpg);
	background-repeat: no-repeat;
}

.content
{
	height: 84px;	
	background-image: url(images/banner_content2.jpg);
	background-repeat: no-repeat;
}

/* Left column*/
#banner .left
{
	width: 645px;	
	float: left;
}

#banner .left p
{
	width: 600px;	
	margin: -9px 0 0 0;
	padding: 0 0 52px 0;	
	font-size: 1.2em;
	line-height: 1.7em;
}

#banner .left p + p
{
	margin: -9px 0 0 0;
	padding: 0 0 41px 0;
}

#banner .left p + p + p
{
	width: 335px;	
	font-size: 1.4em;
	line-height: 1.5em;
}



#banner .innerLeft
{
	width: 900px;	
	float: left;
}

#banner .innerLeft p
{
	width: 600px;	
	margin: -9px 0 0 0;
	padding: 0 0 52px 0;	
	font-size: 1.2em;
	line-height: 1.7em;
}

#banner .innerLeft p + p
{
	margin: -9px 0 0 0;
	padding: 0 0 41px 0;
}

#banner .innerLeft p + p + p
{
	width: 335px;	
	font-size: 1.4em;
	line-height: 1.5em;
}



#banner h1 
{
	margin: 0;
	padding: 0 0 15px 0;	
	font-size: 3em;
	font-weight: normal;
	font-family: Times New Roman, Times, serif;
}
#banner h2 
{
	margin: -10px 0 0 0;
	font-size: 1.5em;
}


/* Right column */
#banner .right
{
	width: 220px;	
	float: left;	
	padding: 0 25px 0 45px;	
	font-size: 1em;
	font-style: italic;
	line-height: 1.9em;
}

#banner .right h1
{
	font-size: 2.5em;
	font-style:normal;
	padding-top:30px;
}

#banner .right .window
{
	background-color: #0f1f2f;
	padding: 10px 0 10px 12px;
	font-style: normal;
	margin: 0 25px 0 -43px;
	line-height: 1.5em;
	position: relative;
	top: -2px;
}

#banner .right .quote .openquote
{
	height: 13px;
	width: 19px;	
	position: relative;
	top: 23px;
	left: -22px;	
	margin: -13px 0 0 0;	
	background-image: url(images/quote_open.gif);
	background-repeat: no-repeat;
}

#banner .right .quote .closequote
{
	height: 13px;
	width: 19px;	
	position: relative;
	top: 2px;	
	display: inline-block;	
	background-image: url(images/quote_close.gif);
	background-repeat: no-repeat;
}

#banner .right .quote p
{
	width: 220px;	
	padding: 7px 0 8px 0;
}

#banner .right .quote + .quote /* Adds extra space above the 2nd testimonial */
{
	margin-top: 20px;
}

#banner .right .quote p em
{
	font-size: .95em;
	line-height: 1.7em;
}



/* Content Styles */
/* =============================================================================== */

#content
{
	margin: 32px 0 0 40px;
}

.hdiv_thick
{
	width: 947px;
	height: 4px;
	margin: 0 -25px 30px;
	padding-top: 30px;
	clear: both;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #e5e5e5;
}

.hdiv_thick2
{
	width: 947px;
	height: 4px;
	margin: 0 -25px 30px;
	padding-top: 10px;
	clear: both;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #e5e5e5;
}

.hdiv_thin
{
	width: 947px;
	height: 1px;	
	margin: 0 -25px 0;	
	padding-top: 25px;
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e5e5e5;
}


#content h2
{
	font-family: Times New Roman, Times, serif;
	font-size: 1.8em;
	font-weight: normal;
	color: #225d93;	
	margin: 0 0 14px 0;
}

#content  h3
{
	margin: 0;
	font-size: 1.1em;
	font-weight: bold;
}

#content blockquote
{
	padding: 10px 0 0 20px;
}


#content .column .box + .box /* resets margin for second box */
{	
	margin: 0;
}

#content .column .box p
{
	padding: 0;
}

#content .inner_page_container
{
	width: 936px;	
	line-height: 1.7em;
	background-color:#FFFFFF;
	text-align:left;
}

#content .inner_page_container .column1
{
	width: 645px;
	float: left;
	padding-right: 35px;
	border-right: #333333 1px solid;
	
	font-size: 1.2em;

	color:#333333;
	line-height:1.7em;	
	
}

#content .inner_page_container .column1 .CardHeader a
{

	font-size: 1.2em;
	line-height:1.7em;	
	
}

.SignUp li
{
	display: block; 
	padding: 0px 0px 5px 15px; 
	margin: 0px;
	background-image: url(/images/arrw_rt_small.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;	
	list-style:none;	
}

.SignUp p strong
{
	color: #333333; 	
}

.SignUp h3
{
	color: #FF6600;
}

.SignUp blockquote
{
	margin:0 0 0 0;
	padding:0;
}

.SupplierFaqs li {
	display: block; 
	padding: 0px 0px 5px 12px; 
	margin: 0 0 0 -30px;
	background-image: url(/images/arrw_rt_small.gif);
	background-repeat: no-repeat;
	background-position: 0 .55em;	
	list-style:none;
}

.SupplierFaqs a {
	font-weight:bold;
}



#content .inner_page_container .column2
{	
	width: 245px;
	background-color:#FFFFFF;
	color:#000000;
	font-size:1.2em;
	margin: 0 0 0 0px;
	padding: 0px 0px 0px 0px;
	float:left;
}


#content .inner_page_container .column1 .text
{
	width: 495px;
	float: left;
	padding-top: 5px;
}

#content .inner_page_container .column1 ul
{

	margin: 10px 0px 0px 30px;
}

#content .inner_page_container .column1 ol
{

	margin: 10px 0px 0px 30px;
}



#content .inner_page_container .column1 p
{
	padding-bottom: 20px;
}

#content .inner_page_container .column2 h4
{
	font-size: 1.1em;
	font-weight: bold;
}

#content .inner_page_container .column2 p em
{
	font-size: .95em;
	line-height: 1.7em;
}

#content .inner_page_container .column2 .quote
{
	font-style: italic;
}

#content .inner_page_container .column2 .source
{
	padding: 10px 0 35px 0;
}



#content .column
{
	width: 158px;
	float: left;
	padding: 10px 10px 0 11px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e5e5e5;
}

#content .column p
{
	padding: 0 0 10px 0;
}


/* Big */
#content .big
{
	width: 900px;	
	line-height: 1.7em;
}

#content .big p
{
	width: 460px;
	padding-bottom: 20px;
}

#content .big .side_column_header
{	
	height: 35px;
	width: 246px;
	background-image: url(images/sidecolumn_hdr_bg.gif);
	background-repeat: no-repeat;
	
	margin: 0 0 0 -14px;
	padding: 10px 0 15px 14px;
}

#content .big h4
{
	font-size: 1.1em;
	font-weight: bold;
}


#leftNav {
	/*float:left; */
	margin:0 0 0 0;
	padding:0px 0px 0px 0px;
	text-align:left;

}

#leftNav li {
	list-style: none;
	padding:0px;
}

#leftNav ul {

	padding: 0px;
	margin: 0px;

}

#leftNav a {
	text-decoration: none;
	color:#000099;
	font-size: 1.1em;
	font-weight: bold;		
	display:block;
}
	
	
#leftNav a:hover {
	background: #EEEEDD;
	color: #990000;
	display:block;
}

#leftNav h2 {
	margin:0 0 10px 0px;
	padding: 8px 5px 8px 15px;
	background-image: url(/images/gradientblue-bk.gif); background-repeat: repeat-y; background-position: 0px 0px;
}

.SignupOn {
	background-color:#EEEEDD; padding:10px;
}
.SignupOn strong {
	color:#990000;
}

.SignupOff {
	padding:10px; color:#666666;
}

#navItems {
	margin-top:0px;
	margin-right:5px;
	padding:0px 0px 0px 0px;
	/*background-color:#FFFFFF;*/

}

.navItemsText {
	font-size:.75em; font-weight:normal; color:#333333;
}

.navItemsText a:hover {
	font-size:.75em; font-weight:normal; color:#000000;
}


#footer 
{
	padding: 20px 20px;
	margin: 0 0;
	clear: both;
}

#footer a
{
	color:#6d6c6c;	
}


.poCardHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #990000;
}
.poCardHeader a {
	text-decoration:none;
}
.poCardHeader a:hover{
	color: #FF6600;
	text-decoration:none;
}


.poCardSubHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .85em;
	font-weight: normal;
	color: #000000;
	
}
.poCardSubHeader a{
	color: #000000;
	text-decoration:none;
}
.poCardSubHeader a:hover{
	color: #FF6600;
	text-decoration:none;
}

.CardProfileLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .85em;
	font-weight: normal;
	color: #0000CC;
}
.CardProfileLink a {
	color: #0000CC;
	text-decoration:none;
}
.CardProfileLink a:hover{
	color: #FF6600;
	text-decoration:none;
}

.Warning { clear: both; background: none; background-color: #F4FAFF; border: 1px solid #B2CCE5; font: normal 11px Verdana; padding: 5px; margin: 0 10px 10px 0; }
.Error { clear: both; background: none; background-color: #FFFFCC; border: 1px solid #990000; font: normal 1em Verdana; color:#CC0000; padding: 5px; margin: 10px; }
.Error a { color:#000066; text-decoration:underline; }

.CallOutBox { padding:10px; height:221px; background-image: url(/images/gradientblue-bk.gif); background-repeat: repeat-y; background-position: 5px 0;}
.CallOutBox li { padding: 0;}
.CallOutBox h2 { color:#FF6600; font-size:.85em;}
.CallOutBox blockquote {
    margin:0px;
    padding: 0px;  
}


/* form styles
------------------------------------------------- */

.QuoteForm li {
	margin: 0 0 0 0;
	color:#000066;
	font-size:1em;
	font-weight:bold;
}

.QuoteForm p {
	color:#000000;
	font-size:1em;
	font-weight:normal;
	padding:10px 0 0 20px;
}

.FormHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #555555;
	padding-left: 5px;
}
.FormLabel {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1m;
	font-weight: normal;
	color: #000000;
}
.FormLabelReq {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #FF3300;
}
.FormLabelReqErr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #FF0000;
}

.btnHolder {
	padding:3px;
	margin:0;
}
.btnHolder a {
	padding: 5px 8px 5px 8px;
	background: #333333;
	color:#FFFFFF;
	text-decoration:none;
}
.btnHolder a:hover {
	background:#FF7000;
	color:#000000;
	text-decoration:none;
}
.AdminMenu { clear: both; background: none; background-color: #ffffff; border: 1px solid #990000; padding: 2px; margin: 0px; }

.ReportHeader {
	background-color: #DDDDCC;
	font-size:.8em;
	font-weight:bold;
	text-align:center;
}

.ReportItem {
	font-size:.8em;
	text-align:left;
	padding:5px;
	border-bottom:#666666 1px solid;
}
.ReportItemAlt {
	font-size:.8em;
	text-align:left;
	padding:5px 0 0 5px;
	background-color:#F4FAFF;
}
.ReportItemAltB {
	font-size:.8em;
	text-align:left;
	padding:5px 0 0 5px;
	background-color: #CCCCFF;
}

.input2  { 
	font-family:Trebuchet MS; 
	font-size: 11pt; 
	color: #000000; 
	font-weight: bold;	
	background-color: #EEEEEE; 
	border: #333333; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
	height: 25px;
	padding-top:3px;
	padding-left:5px;
	
}

.input2:focus  { 
	background-color: #66CCFF; 
}

.button { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt; 
	color: #000000; 
	font-weight: bold;
	background-color:#FF6600; 
	border: #000000; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
	padding:3px;
}

.CommentBox  { 
	font-family:Trebuchet MS; 
	font-size: 8pt; 
	color: #000000; 
	font-weight: bold;	
	background-color: #eeeeee; 
	border: #666666; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
}
.CommentBoxFocus  { 
	font-family: Trebuchet MS;
	font-size: 8pt; 
	color: #000000; 
	font-weight: bold;
	background-color: #DDDDCC; 
	border: #000000; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
}

select {
	font-size:1em;
	font-weight:bold;
	padding:3px;
	background-color: #EEEEEE; 
	border: #333333; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;

}	

.modalBackground {
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}

.modalPopup {
    background-color:#ffffee;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:3px;
    width:250px;
}

.modalPopupLG
{
    background-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    border-color: #Gray Gray Gray Gray;
    padding: 10px;
    width: 700px;
}

.alertYellow {
	/* background: #fff6bf url(/images/exclamation.png) center no-repeat; */
	background: #fff6bf;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
}

.alertWhite
{
    /* background: #fff6bf url(/images/exclamation.png) center no-repeat; */
    background: #FFFFFF;
    background-position: 15px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 20px 5px 20px;
    border-top: 2px solid #ffd324;
    border-bottom: 2px solid #ffd324;
    border-top-color: #990000;
    border-bottom-color: #990000;
    margin-right: 45px;
    margin-left: 35px;
}





