html, body, div, h1, h2, h3, h4, h5, h6, dt, dd, pre, form, fieldset, table, th, td, hr, object {margin:0; padding:0;} input {margin:0;}/*reset css*/

body {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000; font-size: 12px; line-height: 1.5em; background-image:url(/images/site-bg.jpg); background-position: center top; background-color:#1B1B1B; background-repeat: repeat-x;}

section, article, header, footer, nav, aside, hgroup{display:block;}

a {color: #0066CC;text-decoration: underline;outline: none;
		-webkit-transition: color 0.3s ease;
		-moz-transition: color 0.3s ease;
		-o-transition: color 0.3s ease;
		transition: color 0.3s ease;}

a img { border: 0px;opacity: 1;
  		-webkit-transition: opacity 0.3s ease;
		-moz-transition: opacity 0.3s ease;
		-o-transition: opacity 0.3s ease;
		transition: opacity 0.3s ease;
  
  }
  a:hover img {opacity: .75;}

a:hover {color: #999;text-decoration: underline;}
a:active {color: #666; text-decoration:underline;}

img { behavior:url(/_includes/iepngfix.htc);}

.pdf {
    background: url(/images/icon-pdf.gif) no-repeat right 50%;
    padding: 2px 15px 2px 0;}

p {margin:0 0 1.5em;}

h1 {font-size: 26px; font-weight: normal; margin: 20px 0 20px 0; padding: 0 0 10px 0; border-bottom: 1px solid #000;}
	h1 a {color: #000; text-decoration:none;}  h1 a:hover {color: #000; text-decoration:none;} h1 a:active {color: #000; text-decoration:none;}
h2 {font-size: 20px; padding: 8px 10px; color: #000;}
h3 {font-size: 16px; font-weight: bold; margin: 0 0 1em 0 ;}
h6 {font-size: 15px; font-weight: normal; line-height: 1em;}


.wrapper {margin:0 auto; height:1%; overflow:hidden; width: 960px;}

.listNoIndent {margin: 0 0 1em 0; padding:0;} .listNoIndent li {margin: 0 0 0 15px; padding: 0 0 0 0;}


/*------ Header --------*/

.header {margin: 30px 0 0 0; position: relative; height:143px;}
	.header a img:hover {opacity: 1;}
	.logo {position: absolute; top:-12px; left:15px;}

	

		.searchBg {position: absolute; top:35px; right:95px;}
		.searchInput {position:absolute;top:38px;right:100px;border:0;z-index:20;width:140px;padding:6px;color:#AAA;outline:none; font-size:11px;}
		.searchButton {position:absolute;top:35px;right:33px;}
		.searchButton:hover {filter:alpha(opacity=80);-moz-opacity:0.7;-khtml-opacity: 0.8;opacity: 0.7;}
		

.mainMenu {position:absolute; top:102px; left:0; width: 960px;background:url(/images/main-menu-bg.jpg);}	
.mainMenu ul {margin: 0; padding: 0;}
		.mainMenu li {display: inline; list-style: none;}
		.mainMenu a {color: #FFF;padding: 12px 21px 13px 21px; text-decoration: none; display: block; float:left; border-right: 1px solid #036026;
		
		-webkit-transition: background 0.3s ease;
		-moz-transition: background 0.3s ease;
		-o-transition: background 0.3s ease;
		transition: background 0.3s ease;
		
		}
		.mainMenu a:visited {color: #FFF; text-decoration: none;}
		.mainMenu a:hover { color: #fff; text-decoration: none; background: #078035;}
		.mainMenu a:active {color: #FFF; text-decoration: none; background:#0A7432;}
	body.support .supportNav, body.whyBertch .whyBertchNav, body.ideas .ideasNav, body.findDealer .findDealerNav {color: #fff; text-decoration: none; background:#1580A6;}

	.mainMenu a.home {padding: 11px 10px 9px 10px;}


/*------ Home Page --------*/

.celebrating {position: absolute; top: -28px; left: -28px; z-index: 1000;}

.rightHome {float: right; height:1%; overflow:hidden; background-image:url(/images/right-home-bg.jpg); background-repeat:no-repeat; width: 300px; height: 380px; position: relative;}

.homeRotatorBox {float: left; position: relative; width: 620px;}
.topPageRotatorBox {position: relative; width: 700px;}

#rotator {overflow:hidden; width:620px; height:380px;}
#rotatorPage {overflow:hidden; width:700px; height:400px;}
#rotatorNav {z-index: 50; position: absolute; top: 10px; right: 10px }
#rotatorNav a { margin: 0 0 0 7px; padding: 4px 7px; background: #333; text-decoration: none; color:#FFF; }
#rotatorNav a.activeSlide { background: #019B3B; color: #fff; }
#rotatorNav a:focus { outline: none; }
#rotatorNav a.withLink {border:0 none !important; margin:0 !important; padding:0 !important;}


#rotatorCap {position: absolute; bottom:0px; left:0; z-index:5000; width:100%; background:rgba(0, 0, 0, 0.5); color:#fff; font-size: 12px; padding: 5px 10px;}
	

.quality {position: absolute; top: 20px; left: 60px;}

.serviceListHome {position: absolute; top: 125px; width: 300px; padding: 0; margin:0; font-size: 13px;}
	.serviceListHome li {list-style: none; text-align: center; padding: 0 0 7px 0; margin: 0;}

.buttonLearn {position: absolute; bottom: 20px; left: 81px;}

.homeBottomColumns {clear:both;}
	.homeBottomColumns div {float:left; width: 293px; margin: 0 20px 0 0;}

		.homeBottomColumns div.rightNoMargin {margin: 0 0 0 0 !important;}
	.homeBottomColumns h5 {font-size: 19px; border-bottom: 2px solid #e5e5e5; margin: 10px 0 0 0; padding: 0 0 6px 0;}
	
	.homeBottomColumns a {display: block; padding: 9px 0; border-bottom: 1px solid #e5e5e5; line-height: 1.4em;}
	.homeBottomColumns a.seeAll {border-bottom: 0;}
	

/*  ------ breadcrumb ------- */		
	
.breadcrumb {color: #007F31;font-size: 10px; letter-spacing: 1px; line-height:1em; padding: 4px 0 3px 0px;}	
	.breadcrumb ul {padding: 0 0 0 0;margin: 0px;}
	.breadcrumb ul li {display: inline;list-style: none;padding: 0 0 0 0;margin: 0px;}
	.breadcrumb a:link {color: #666; text-decoration: none;}
	.breadcrumb a:visited {color: #666; text-decoration: none;}
	.breadcrumb a:hover {color: #666; text-decoration: underline;}
	.breadcrumb a:active {color: #666; text-decoration: none;}

/*----- Columns -----*/

.columnOne {float:left; height: 1%; overflow: hidden;}
.columnTwo {float: right; height: 1%; overflow: hidden; margin: 0 0 0 20px;}

.width214 {width:214px;}
.width290 {width:290px;}
.width585 {width:585px;}
.width660 {width: 660px;}
.width700 {width: 700px;}
.width920 {width: 920px;}


/*----- Side Menu -----*/

.sideMenu {border: 1px solid #DBDBDB; width: 168px; background-image:url(/images/side-menu-bg.jpg); padding: 15px;margin-bottom:1.5em;}

	.sideMenu a {display: block; padding: 10px 10px; border-top: 1px solid #ccc; color: #333; text-decoration: none; font-size:13px; line-height: 1em;
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease;
	}
	.sideMenu a:hover { background-image:url(/images/side-menu-hover.png); color: #007F31; text-decoration: none;}

	.sideMenu h2 a { font-size: 20px; padding: 0px 0px; color: #000; border-top: 0px; !important;
	}
	.sideMenu h2 a:hover { font-size: 20px; padding: 0px 0px; color: #000; border-top: 0px; !important;}
	

body.history .historyNav, body.facilities .facilitiesNav, body.transportation .transportationNav, body.privatelyOwned .privatelyOwnedNav, body.warranty .warrantyNav, body.literature .literatureNav, body.faqs .faqsNav, body.installation .installationNav, body.cleaning .cleaningNav, body.contact .contactNav, body.employment .employmentNav, body.terms .termsNav {background: #ECF7FD; color: #3EB9E3; text-decoration: none;}



/*----- Content -----*/

.whiteBg {background-color: #fff; padding: 20px 20px 20px 20px; height:1%; overflow:hidden;}

.headerPic {margin: 0; padding:0; line-height:0; margin: 0 0 30px 0 ;
}

.landingBanners {margin: 0 0 0 0;}

.landingBanners a {display: block; float:left; background: #fff; width: 168px; height: 166px; border: 1px solid #DBDBDB; padding: 13px; margin: 0 20px 20px 0; color: #000; text-decoration: none; font-size: 14px;
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease;
	
	-webkit-box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.1);
	box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.1);
}
	.landingBanners a:hover {background: #EBF7F0; color: #007F31; text-decoration: none;}
	.landingBanners a:active {background: #efefef; color: #666; text-decoration: none;}
	.landingBanners img {display: block; margin: 0 0 4px 0;}

.content {font-size: 13px; margin: 20px 0 0 0; height: 1%; overflow:hidden; background: #fff;}

.lead {font-size: 16px; line-height: 1.4em; }
.disclaimer {font-size:11px; color: #666;}


.newsItem {border-bottom: 1px solid #ccc; margin: 0 0 20px 0; padding: 0 0 20px 0;}
.newsTitle {font-size: 18px; line-height:1.5em;}
.newsDate {font-size: 11px; color: #999;}

.employmentTable {width:100%;}
	.employmentTable thead {font-weight: bold; text-align: left;}
	.employmentTable td {padding: 4px 0; border-top: 1px dotted #ccc;}
	
.table_gallery {margin-bottom:1em;}
	.table_gallery td{padding:0 1.8em 2em 0; line-height: 1.1em;}
	.table_gallery td h3{margin-bottom:.25em;}
	.table_gallery img {display:block; margin:0 0 5px 0;}
	
.table-safety {margin: 0 0 10px 0;}
	.table-safety td {padding: 5px 20px 5px 5px; background: #f1f1f1; border-bottom: 1px solid #fff;}	


.articleText {margin: 20px 0 0 0;}

.asideBox {border: 1px solid #ccc; background: #efefef; padding: 20px; width: 260px; float: right; margin: 0 0 20px 20px;}
	.asideBox img.pic {display:block; margin: 0 0 10px 0; border: 1px solid #ccc;}
	
	.asideBox ul {padding:0; margin:-12px 0 0 0;}
	.asideBox ul li {padding: 0 0 2px 0; margin:0 0 0 15px;}

.line {border-top: 1px solid #ccc; padding: 20px 0 0 0;}


/*----- footer -----*/

.footer {border-top: 1px solid #00A03D; width: 960px; height: 150px; position: relative; margin: 20px 0 0 0; clear: both;}

	    .footer ul {position: absolute; top: 20px; left: 0px; font-size: 11px;margin:0; padding:0;}
		.footer ul li {margin:0; padding:0; list-style: none; display: inline; padding: 0 20px 0 0;}
	 	.footer a {color:#fff; text-decoration: none;}
		.footer a:hover {color:#999; text-decoration: none;}
		.footer  a:active {color:#666; text-decoration: none;}
		
	.copyright {font-size: 10px; color: #ccc; position: absolute; top: 48px; left:0;}
		.copyright a {color: #ccc; text-decoration: none;}
		.copyright a:hover {color: #999; text-decoration: none;}
		.copyright a:active {color:#666; text-decoration: none;}
		
		.employeePortal {position: absolute; right:0; top:20px;}


/*  ------ Appliations Table ------- */	
	
.application-table	{border-collapse: collapse;background: #f4f4f4; margin: 0 0 30px 0; width: 650px;font-family: helvetica, arial, serif; color: #000; font-size: 12px; line-height: 1.5em;}
	.application-table td	{padding: 10px 0 0 10px;border: #d7d7d7 1px solid; vertical-align: top;font-family: helvetica, arial, serif; color: #000; font-size: 12px; line-height: 1.5em;}
	.application-table td td {border: 0px; padding: 0 15px 13px 0; font-family: helvetica, arial, serif; color: #000; font-size: 12px; line-height: 1.2em;}
	
.disclaimerTextBox {overflow: auto; width: 620px; height: 250px; border: 1px solid #d7d7d7; margin: 0 0 20px 0; padding: 10px;}

.red {color:#D10005;}
.careers_heading {background-color:#036026; color: #FFFFFF;}
.careers_alt_row {background-color:#D4DFE9;}

.headerPic { width:100%; background-color:Black;}