/******************************************************************************
Filename:       en/global/ screen.css
Project:        Volvo Bus/Prevost
Purpose:        Site-wide Styles : ENGLISH
Date            Developer    Description
12/16/2009        wch        Version 1.0
******************************************************************************/

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

NOTE: THE FRENCH SITE AND ENGLISH SITE STYLE SHEETS ARE NOT THE SAME 
Some changes will need to be done in both style sheets, some will not

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



/******** BEGIN:  SITE-WIDE STYLES ********/
html, body{margin:0; padding:0; background:#F5F5F5; font-family:Verdana, Helvetica, Arial, sans-serif; font-size:10px; color:#555555;}
body{padding-bottom:20px;}
div{margin:0; padding:0;}
p{margin:0 0 18px 0; text-align:justify; font-size:12px; line-height:18px; color:#454545;}
a{color:#628B9B; text-decoration:none;}
a:hover{color:#91C9E1;} 
a:active{}   
img{border:none; margin:0; padding:0;}

.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.right-align{text-align:right;}
.left-align{text-align:left;}

h1,h2,h3,h4{margin:0; padding:0; padding-bottom:8px;font-weight: normal; letter-spacing:0.035em; color:#555555;}
h1{font-size:21px;}
h2{font-size:18px;}
h3{font-size:16px;}
h4{font-size:13px;}
table{margin:0; padding:0; text-align:left; vertical-align:middle;}
th{margin:0; padding:0; text-align:left; vertical-align:middle;}
td{margin:0; padding:0; padding-top:5px; text-align:left; vertical-align:middle;}
tr{margin:0; padding:0; text-align:left; vertical-align:middle;}

ol,ul{margin:0; padding:0; font-weight:normal; color:#454545; list-style-type:disc;}
li{padding:0 0 10px 0; line-height:1.2em;}
span.hidden{display:none}
/******** END:  SITE-WIDE STYLES ********/

/******** BEGIN:  MAIN STRUCTURE STYLES ********/
/* wrapper, container, content container, and content */
#siteWrapper{width:980px; margin:0 auto 0 auto; padding:0; background:#FFFFFF;}

#content #leftColumn{height:300px;}
html > body #content #leftColumn{height: auto; min-height:300px;}

#content #rightColumn{float:right; height:300px;}
html > body #content #rightColumn{height: auto; min-height:300px;}
/******** END:  MAIN STRUCTURE STYLES ********/

/******** BEGIN:  HEADER STYLES ********/
#header{width:980px; }
#header.contactHeader{background:#EDEDED;}
#header #logo{float:right; width:79px;}
#header #logo.contactPage{display:none;}

/******** BEGIN:  TOP NAV STYLES ********/
.language{float:right; width:150px; padding-top:2px;}
#topnavContainer{width:898px; height:70px; vertical-align:middle; font-size:11px; font-weight:bold; background:#EDEDED;}
#header.contactHeader #topnavContainer{width:980px;}

#topnav{width: 898px; padding-top:26px; text-align:center;}
#header.contactHeader #topnavContainer #topnav{width:980px; padding-top:20px;}
#topnav a{padding:0 15px 0 15px; color:#454545;}
#topnav a:hover{color:#787878/* #91C9E1*/;}
#topnav a:hover{color:#787878/* #91C9E1*/;}
/******** END:  TOP NAV STYLES ********/

/******** END:  HEADER STYLES ********/


/******** BEGIN:  HOME CONTENT STYLES ********/
#content.home{height:496px; margin:0; padding:0; padding-top:45px;}

#content.home #leftColumnContainer{float:left; width:572px;margin:0; padding:0;}
#content.home #leftColumn #impactImage{height:496px;}

#content.home #rightColumn{width:408px; height:495px; background:url('../images/home/home_bkgd.jpg') 0 100% repeat-x; border-bottom:1px solid #B8D0DB;}
#content.home #rightColumn #rightColumnContent{width:375px; padding-left:20px;}
#content.home #rightColumn #rightColumnContent h2{padding-top:8px; font-family:Arial!important, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#555555;}
#content.home #rightColumn #rightColumnContent .copy{width:350px; padding-left:10px;}
#content.home #rightColumn #rightColumnContent .copy p{padding-top:5px;font-size:12px; line-height:18px;}
/************ END: HOME CONTENT STYLES ************/


/******** BEGIN:  INTERIOR CONTENT STYLES ********/
#contentContainer.interior{height:525px; padding-bottom:120px; background:url('../images/global/interior_bkgd.jpg') 0 100% repeat-x; }
html > body #contentContainer.interior{height:auto; min-height:525px;}

#contentContainer.interior #impactImage{height:220px; padding:45px 0 25px 0;}

#content.interior #leftColumnContainer{float:left; padding:12px 0 0 35px;}
#content.interior #rightColumnContainer{float:right; padding:12px 35px 0 15px;}
#content.interior #leftColumnContent,#content.interior #rightColumnContent{width:420px;}
#content.interior #leftColumnContent img.diagram{margin-left:30px;}
#content.interior #rightColumnContent img.diagram{margin-left:30px;}
#content.interior h1{padding:0 0 10px 35px; font-weight:bold;}
#content.interior h3{font-size:13px; font-weight:bold;}

table#serviceNumbers{font-size:12px;}

/************ END: INTERIOR CONTENT STYLES ************/

/************ BEGIN: FOOTER STYLES **********/
#footerContainer{width:980px;margin:0 auto 0 auto;font-weight:normal;}
#footerContainer  p{margin-top:10px; padding:0; text-align:center; font-size:9px; color:#777777;} 
#footerContainer  a{color:#777777;}
#footerContainer  a:hover{color:#CCCCCC;} 
/************ END: FOOTER STYLES **********/


/**** BEGIN:  FORMS ****/
/*.formButton{width:105px; padding:2px; font-size:11px; line-height:16px; font-weight:bold; color:#FFFFFF; background:#36B3D2; border:2px solid #88D1E2;}
.label{padding-right:18px; text-align:right; font-size:11px; vertical-align:top;}
div.label{padding-top:0; padding-right:10px;}
.data{padding-top:7px; vertical-align:top;}
.field{font-family:"courier new", monospace, courier; font-size:11px; text-align:left; margin:2px 5px 4px 0px;}
.select{text-align:left; margin:2px 5px 4px 0px; font-size:11px;}
.example{font-size: 10px; color:#666666;}
.required{font-size: 10px; font-weight:bold; color:#FF0000; text-align:left; }
td.required{padding-left: 25px;}
.error{font-size: 10px; font-weight:bold; color:#ff0000;}
.hidden{display:none;}
.textSmall{font-size:9px;}*/
/**** END:  FORMS ****/

 
/****BEGIN: FAQ'S Q & A'S*******/
/**PUT IN BY TIFFANY**/
.faqs {
	list-style-type: none;
	list-style-position: outside;
	margin-left: 20px;
}
.faqs .question {
	margin:0;
	padding:0;
	font-size:13px;
	font-weight: bold;
	letter-spacing:0.035em;
	color:#454545;
	text-indent: -20px;
}
.faqs .answer{
	margin:0 0 18px 0;
	padding-top:8px;
	text-align:justify;
	font-size:12px;
	line-height:18px;
	color:#454545;
	text-indent: -15px;
}
/****END: FAQ'S Q & A'S*******/