/******************************************************************************
Filename:  screen.css
Project:   Boxer Freight
Purpose:   Site CSS:  Contains global styles 
Date			Developer	Description
10/31/2007		ln			Version 1.0
******************************************************************************/

/**** GLOBAL STYLES ****/
body{background:#CCBCA5 url('../images/global/mainbg.gif'); font-family: Verdana, Helvetica, Arial, Sans-Serif; color: #806743; font-size:11px; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.right{text-align: right;}
.clearDiv{clear: both; height: 1px;}
#screenreaderNav{position:absolute; left:0; top:0; z-index:-1;}
.screenreaderNavAnchor{display:none;}
img{border:none;}

/**** LAYOUT STYLES ****/
#layoutWrapper{width: 100%;} 
#contentMainWrapper{width: 100%;}
#contentWrapper{width: 960px;  margin: 0 auto 0 auto; background: #ffffff url('../images/global/contentbg.gif') repeat-y;}

#rightShade{width: 11px; float: right;}

#contentContainer{width: 490px; float: right; background: #ffffff;}
#contentUtilityNav{width: 490px; padding: 10px 0px 0px 0px; background: #ffffff url('../images/global/topbg.gif') repeat-x; height: 34px; text-align: center;}
#contentUtilityNav a{color: #998D7C; text-decoration: none; font-size: 9px; font-weight: bold; padding: 0px 10px 0px 5px;}
#contentUtilityNav a:hover{color: #3B2F1F; text-decoration: none; font-size: 9px; font-weight: bold; padding: 0px 10px 0px 5px;}
#contentContainer2{padding: 20px 10px 0px 0px; background: #ffffff;}
#impactImage{border: 10px solid #EBE6DD; text-align: center;}
#impactImageAlt{border: 0px; text-align: center;}
h1{font-size: 12px; line-height: 14px; font-weight: bold;}
h2{font-size: 12px; line-height: 14px; font-weight: bold;}
h3{font-size: 12px; line-height: 14px; font-weight: bold;}
h4{font-size: 12px; line-height: 14px; font-weight: bold;}
h5{font-size: 12px; line-height: 14px; font-weight: bold;}
h6{font-size: 12px; line-height: 14px; font-weight: bold;}
h7{font-size: 12px; line-height: 14px; font-weight: bold;}
p{color: #806743; font-size:11px;}
p a{color: #000000;}
#contentContainer2 a{color: #806743;}
#contentContainer2 a:hover{color: #000000; text-decoration: none;}

li {padding: 0px 0px 10px 0px;}


#leftContainer{width: 459px; float: right;}
#logo{width: 459px; background: #ffffff url('../images/global/topbg.gif') repeat-x; height:152px;}
#logoImg{width: 406px; height: 152px; background: transparent url('../images/global/logo.gif') no-repeat;}
#tier2Nav{text-align: left; margin-top: -30px;}
#tier2Nav a{color: #ffffff; text-decoration: none; font-weight: bold; font-size: 10px; display: block; padding: 8px 0px 0px 45px; background: url('../images/tier2/off.gif') no-repeat; height: 30px; width:120px;}
#tier2Nav a:hover{color: #ffffff; text-decoration: none; font-weight: bold; font-size: 10px; display: block; padding: 8px 0px 0px 45px; background: url('../images/tier2/anim.gif') no-repeat; height: 30px;}
#tier2Nav a.On{color: #998D7C; text-decoration: none; font-weight: bold; font-size: 10px; display: block; padding: 8px 0px 0px 45px; background: url('../images/tier2/on.gif') no-repeat; height: 30px; width:120px;}
#tier2Nav a.On:hover{color: #998D7C; text-decoration: none; font-weight: bold; font-size: 10px; display: block; padding: 8px 0px 0px 45px; background: url('../images/tier2/on.gif') no-repeat; height: 30px; width:120px;}

#footerWrapper{clear: both; width: 960px; height: 240px; background: #CCBCA5 url('../images/global/footerbg.gif') no-repeat;}
#footerText{text-align: right; position: relative; top: 220px; right: 11px;}
#footerText a{color: #ffffff; text-decoration: none; font-size: 10px;}
#footerText a:hover{color: #ffffff; text-decoration: underline; font-size: 10px;}


/**** FORMS ****/
.label{text-align: right;}
.formButton{background: #007faf; color: #ffffff; font-weight: bold;}
form{display:inline; margin:0; padding:0;}
#errors{width:75%; text-align:center; margin:6px 0 6px 0; padding:3px; font-weight:bold; color:#FF0000; background:#EEEEEE; border:1px solid #CC0000; clear:both;}
.error{font-weight:bold; text-align:center; color:#CC0000;}
.required{color:#CC0000; font-weight:bold;}
.example{font-size:11px; font-weight:normal; color:#bcbcbc;}
.select{font-size:11px; display:inline;}
.field{font-family:"courier new", monospace, courier; font-size:1.1em; border: #cccccc 1px solid;}
.fieldSmall{font-family:"courier new", monospace, courier; font-size:1.0em; border: #cccccc 1px solid;}
.data{padding-top:5px; font-size:1.0em;}
.formButtons{margin:12px 0 12px 0; text-align:center;}
.response{font-weight:bold; color:#001155;}
.instructions{font-weight:bold; color:#001155;}
.formDivider hr{color:#AABBCC;}

/************ BEGIN:  PRINT ************/
#printHeader{display:none;}
#printPageTitleContainer{display:none;}
#printPageTitle{display:none;}
#printSpacer{display:none;}
/************ END:  PRINT ************/