html {font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
body{margin: 0px; background: #FFF url(/Content/Images/global/bg.gif) top left repeat-x;}

img {border: 0px;}

#mainNav ul{list-style-type: none; width: 800px; float: left; margin: 15px 0px 5px 0px;}
#mainNav ul li {margin: 0px 50px 0px 0px; display: inline; float: left; text-align: left;}
#mainNav ul li a img {border: 0px; padding: 5px 0px 3px 0px;}

#container {width: 800px; margin: 0px auto;}
#container #logo {margin-top: 25px; float: left; }
#container #logo img{border: 0px;}

#homeContent {float: left; margin: 0px; width: 800px; position: relative;}
#homeContent #homeSlide {display: none; color: #FFF; width: 300px; height: 150px; position: absolute; bottom: 30px; right: 10px;background: url(/Content/Images/Global/gray_bg.png)}
#homeContent #homeSlide h2{font-size: 14px; font-weight: normal; margin-left: 15px;}
#homeContent #homeSlide p{font-size: 9px; margin: 10px;}
#homeContent #homeSlideContent {display: none; color: #FFF; width: 300px; height: 150px; position: absolute; top: 30px; right: 10px;background: url(/Content/Images/Global/gray_bg.png)}
#homeContent #homeSlideContent h2{font-size: 14px; font-weight: normal; margin-left: 15px;}
#homeContent #homeSlideContent p{font-size: 9px; margin: 20px 10px 10px 10px;}

#homeImage {height: 198px;}

#mainContent {min-height: 400px;float: left; margin: 20px 0px 10px 50px; width: 517px; padding: 0px 10px 0px 0px; color: #333;}
#mainContent #hdr { margin-bottom: 10px;}
#mainContent #hdr h1 {font-size: 28px; color: #003366; font-weight: lighter; margin: 0px;}
#mainContent #imageRight {float: right;}
#mainContent h2 {font-size: 20px; font-weight: normal; color:#003366;}
#mainContent h3 {font-size: 12px; font-weight: normal;color: #003366; background: #eee; padding: 2px 0px 0px 5px;}
#mainContent h5 {font-size: 12px;}
#mainContent p{margin: 20px 0px 10px 0px; font-size: 11px;}
#mainContent p span.strong {color: #333; font-weight: bold; font-size: 11px;}
#mainContent .HHLocation {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #CCC;float: left; clear: both; width: 517px;}
#mainContent .HHLocation p{margin: 10px 0px; color: #333;float: left; clear: both;}
#mainContent .HHLocation p.address {color: #666; margin: 0px;}
#mainContent .HHLocation h3 {margin-bottom: 0px; font-size: 13px; float: left; clear: both; border: none; background: none; padding: 0px;}
#mainContent .HHLocation a{margin: 0px; float: left; clear: both;}
#mainContent .HHLocation img{float: left; clear: both;}


#mainContent #visionText p{font-size: 13px;}


#sideNav {float: left; width: 223px; margin: 0px;}
#sideNav ul {list-style-type: none; margin: 0px; padding: 0px;}
#sideNav ul li{height: 33px; overflow:hidden; }
#sideNav ul li img {border: 0px;}
#sideNav ul li a, #sideNav ul li a:link{height: 33px; display: block; color: #333; padding: 10px 0px 0px 10px;font-size: 11px; text-decoration: none; background: #FFF url(/Content/Images/Navigation/sideNav_bg.gif) top left no-repeat; border: 0px;}
#sideNav ul li a:hover,#sideNav ul li:active , #sideNav ul li a:focus {background-position: 0px -33px;}



/* Footer */
.footerBreak {margin: -3px;}
#footer {height: 100px; background: #dfd8ce; float: left; width: 800px; margin-top: 5px;} 
#footer ul {list-style-type: none; text-align: center; margin-top: 10px; color: #666666; }
#footer ul li {display: inline; }
#footer ul li a{text-decoration: none;color: #666666;}

li#englishSite { height: 15px; width: 30px; background: #FFF url(/Content/Images/Navigation/english.gif) top left no-repeat;}
li#germanSite { height: 15px; width: 30px; display: block;background: url(/Content/Images/Navigation/german.gif) top left no-repeat;}
li#britishSite {height: 15px; width: 30px; display: block; background: #FFF url(/Content/Images/Navigation/british.gif) top left no-repeat;}
li#frenchSite {height: 15px; width: 30px; display: block; background: #FFF url(/Content/Images/Navigation/france.gif) top center no-repeat;}
li#chinaSite {height: 15px; width: 30px; display: block; background: #FFF url(/Content/Images/Navigation/china.gif) top left no-repeat;}

#englishSite:hover, #germanSite:hover, #britishSite:hover, #chinaSite:hover {background-position: 0px -15px;}

span.hoverSpace {width: 30px;}


/*Error Page*/
#mainContentError {font-size: 11px; height: 250px;float: left; margin: 20px 0px 0px 0px; width: 800px; padding: 0px 10px 0px 0px; color: #666666;}
#mainContentError h2{font-size: 28px; font-weight: lighter; color: #003366; margin: 10px 0px;}
#mainContentError span.strong {color: #333; font-weight: bold; font-size: 11px; margin: 0px 5px 0px 0px;}
#errorDiv {border-top: 1px dashed #003366;}

/*What We Believe*/



/*What We Do*/

#whatWeDoList {float: left; margin-top: 15px;}
#whatWeDoList .item {float: left; margin-bottom: 50px; }
#whatWeDoList .item img{float: left; width: 135px; border: 0px;}
#whatWeDoList .item p {float: left; width: 300px; margin: 5px 0px 0px 40px; }
#whatWeDoList .item span.secondary {float: left; width: 200px; margin: 5px 0px 0px 50px;}
#whatWeDoList h2{font-size: 16px;  color: #003366; margin: 0px; padding: 2px 0px 0px 5px; float: left; clear: both; background: #eee; width: 510px;}

.categoryBlock { border-top: 1px dashed #ccc; padding: 15px 0px; margin: 0px; float: left; width: 515px;}

/*Become A Dealer */
#mainContentDealer {min-height: 400px; float: left; margin: 10px 0px 50px 0px; width: 780px; padding: 0px 10px 0px 10px; color: #333;}
#mainContentDealer hdr { margin-bottom: 10px;}
#mainContentDealer h1 {font-size: 28px; font-weight: lighter; color:#003366;}
#mainContentDealer h2 {font-size: 18px; font-weight: lighter; color:#003366;}
#mainContentDealer h3 {font-size: 14px; font-weight: normal; color:#003366; margin: 5px 0px; border-bottom: 1px dashed #CCC; background: #eee; padding: 2px 0px 0px 5px;}
#mainContentDealer p{padding: 10px 10px 5px 10px;}
#mainContentDealer p span.strong {color: #333; font-weight: bold; font-size: 11px;}

#pdfDL { border: 1px solid #003366; padding: 15px; width: 115px; text-align: center; background: #eee;}

/*Careers */

.careerBlock { border-top: 1px dashed #CCC; padding: 15px 0px; margin: 15px 0px;}
.careerBlock h2 {font-size: 16px; font-weight: lighter;  color: #003366; margin: 0px;}
.careerBlock h3 {font-size: 12px;  color: #003366; margin: 0px;}
.careerHdr {font-size: 16px; font-weight: bold;}
.careerDate {float: right; font-style: italic;}
.careerContent {margin-top: 10px;}
.careerTitle {padding: 5px 0px; }
.careerBody {padding-bottom: 5px; border-bottom: 1px solid #ccc; font-size: 12px; line-height: 1.5em;}
#careerChoices {float: left; clear: both;}
#careerChoices h4 {font-size: 18px; margin: 10px 0px 5px 0px; padding: 5px 0px; text-align: center; background: #eee; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.lastUpdated {font-style: italic; float: left; clear: both; line-height: 1.5em; margin-left: 2px; font-size: 10px; color: #666;}
.lastUpdatedCA {font-style: italic; float: right; width: 250px; font-size: 10px; color: #666;}
#cuOpp {float: left; width: 250px; clear: both; font-weight: bold; font-size: 12px;}
#cuOpp a, #caOpp a {font-size: 12px; line-height: 1.5em;}
#cuOppTable {width: 250px;}
#caOpp {float: right; width: 250px; font-weight: bold; font-size: 12px;}
#mainContent #hdr a {font-size: 28px; color: #003366; font-weight: lighter; margin: 0px;}
.app {float: left; border: 1px solid green; border-left: none; border-right: none; width: 100%; padding: 10px 0px; text-align: center; background: #d6ffd0;}
.app:hover {background: #b8ffaf;}
#appInfo {float: left; clear: both; font-size: 12px;}
#appInfo h4{font-size: 18px; margin: 10px 0px 5px 0px; padding: 5px 0px; text-align: center; background: #eee; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#cuApp {float: left; clear: both;width: 250px; clear: both;}
#caApp {float: right; width: 250px;}

.mainCareers {float: left; margin-left: 1px; background: url(/content/images/careers/careers_btm.jpg) top left no-repeat; width: 576px !important; height: 430px; margin: 0 0 0 1px !important; padding: 0px !important;}
.mainCareers p {margin: 25px 20px !important; width: 260px; color: White; font-size: 12px !important; line-height: 1.7em; font-family: Helvetica, Arial, Sans-Serif;}
.mainCareers p a:link, .mainCareers p a:visited {color: White; font-weight: bold; }
.mainCareers p a:hover {text-decoration: underline;}