@charset "UTF-8";

@font-face {
    font-family: 'latoblack';
    src: url('/css/fonts/lato-bla-webfont.eot');
    src: url('/css/fonts/lato-bla-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/lato-bla-webfont.woff') format('woff'),
         url('/css/fonts/lato-bla-webfont.ttf') format('truetype'),
         url('/css/fonts/lato-bla-webfont.svg#latoblack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'Alte DIN 1451 Mittelschrift';
  src: url('http://www.fontsaddict.com/fontface/alte-din-1451-mittelschrift.ttf');
}

* {
	margin:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	-o-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

body {
	margin:0;
	padding:0;
	font-family:Arial, Verdana, Arial, Helvetica, sans-serif;
	color:#645a3f;
	background-color:#ebebeb;
	font-size:16px;
  background-repeat:no-repeat;
	height:100%;
  min-height:100%;
}

img { width:100%; }

@media (max-width: 640px) { body {font-size:0.5rem;} } 
@media (min-width: 640px) { body {font-size:0.5rem;} } 
@media (min-width:960px) { body {font-size:0.5rem;} } 
@media (min-width:1100px) { body {font-size:0.7rem;} } 


p { font-family:Arial; font-size:14px; line-height:150%; margin:0; padding:0; }
img { border:0; }
a, img { outline:none; }
:active, :focus { outline: none; -moz-outline-style: none; }
a { color:#5B6079; font-family:'lato'; text-decoration:none; }
a:hover { text-decoration:underline; }

ul {
	padding-left:40px;
	padding-bottom:20px;
}



#hUimg {
	max-width:50%;
	margin-left:25%;
	margin-right:25%;
	margin-top:2%;
	margin-bottom:2%;
}

.hBlck1 {
	float:left;
	width:100%;
	margin-bottom:5%;
	margin-left:0%;
}

.hBlck2 {
	float:left;
	width:100%;
}

@media only screen and (min-width: 40.063em) {
.hBlck1 {
	width:40%;
	margin-right:3%;
}

.hBlck2 {
	width:57%;
}
}	

#secbox {
	display:none;
}
@media only screen and (min-width: 40.063em) {
	#secbox {
	position:absolute;
	top:0;
	right:0;
	float:right;
	text-align:right;
	width:30%;		
	display:block;
}
}

.hTitle {
    color: #B92F27;
    font-family: 'lato';
    font-size: 1.438em;
    font-weight: 700;
    width: 100%;
    text-transform:uppercase;
}

#sectxt {
	float:right;
	margin-top:6px;
	color:#014757;
	font-family:'lato';
	font-weight:700;
	font-size:15px;
	text-transform:uppercase;
}

#specbox ul {
	padding-left:40px;
	padding-bottom:20px;
}

.rt-img2 {
	width:55%;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:5%;
	overflow:hidden;
}
@media only screen and (min-width: 40.063em) {
.rt-img2 {
	float:left;
	width:25%;
	margin-right:3%;
}
}

.rt-txt2 {
	width:100%;	
  float:left;
}
@media only screen and (min-width: 40.063em) {
.rt-txt2 {	
	width:62%;
	margin-top:0em;
}
}

#c1 {
	float:left;
	width:100%;
	overflow:hidden;
}
@media only screen and (min-width: 40.063em) {
	#c1 {
	width:60%;
}
}

#c2 {
	float:left;
	width:100%;
	overflow:hidden;
	margin-top:5%;
}
@media only screen and (min-width: 40.063em) {
	#c2 {
	width:35%;
	margin-left:5%;	
	margin-top:0;
}
}

#main {
	margin-bottom:0px;
	background-color:transparent;
}

.container {
	width:960px;
	margin:0 auto;
	text-align: left;
	z-index:0;
}

.pageTitle, h3 {
	font-size:2.250em;
	font-family:'lato';
	color:#444444;
	margin:0;
	padding:0;
	margin-bottom:18px;	
	line-height:130%;
	width:100%;
	font-weight:700;
}
@media only screen and (min-width: 62em) {
	width:85%;
}

.pageTitle2 {
	color:#008fb1;
}

h3 {
	margin-top:18px;
}

.text1 {
	font-family:Arial;
	color:#363636;
	font-size:1.438em;
	width:auto;
	max-width:960px;
}

.text2 {
	font-family:Arial;
	color:#525252;
	font-size:1.438em;
	max-width:960px;
}

.text22 {
	font-family:Arial;
	color:#cccccc;
	font-size:1.438em;
	max-width:960px;
}

.text3 {
	font-family:Arial;
	color:#c51717;
	font-size:2.250em;
	width:100%;
	max-width:960px;
}

.text5 {
	font-family:Arial;
	color:#555555;
	font-size:1.438em;
	width:90%;
	max-width:960px;
}

.lT1 {
	color:#008FB1;
	font-size:1.875em;
	font-weight:700;
	font-family:'lato';
}

.lT2 {
	color:#363636;
	font-size:1.438em;
	font-weight:700;
	font-family:'lato';
	padding-bottom:38px;
}

.text4 { 
	font-family:Arial;
	color:#464646;
	font-size:1.500em;
	padding-top:1em;
}

.learnmore1 {
	font-family:'lato';
	font-weight:700;
	color:#008FB1;
	font-size:2.250em;
}

#header {
	height:auto;
	position:relative;
	z-index:0;
	width:100%;
	background-color:#ccc;
}

#logo {
	float:left;
	max-width:304px;
	max-height:146px;
	min-width:152px;
	min-height:73px;
	width:30%;
	height:auto;
	padding-left:4%;
}

#leftColumn {
	float:left;
	width:167px;
	height:809px;
	margin-top:-134px;
	margin-left:-4px;
	position:relative;
	z-index:10;	
}

#teaser {
	float:left;
	width:960px;
	height:288px;	
}

.tSlideshowX {
  margin-left:10px;
  background-color:transparent;
}

#content {
     margin:0 auto;
     /* max-width:960px; */
     z-index:100;
     width:100%;
     background-color:transparent;
     min-height:auto; /*ff*/
     height: auto !important; /*ie7 */
     height:auto; /*ie6 */
     position:relative;
     font-family:Arial;
     color:#645a3f;
     height:100%;
     text-align:left;
     /* padding:36px; */
}
@media screen and (device-aspect-ratio: 16/9), screen and (device-aspect-ratio: 16/10) {
	#content {
		
}
}

.imgleft {
     margin-right:10px;
     margin-bottom:5px;
     margin-top:4px;
}

.imgright {
     margin-left:10px;
     margin-bottom:5px;
     margin-top:4px;
}

.testimonials {
     min-height:190px; /*ff*/
     height: auto !important; /*ie7 */
     height: 190px; /*ie6 */
}

.imgOutline {
     border: 4px solid rgb(238, 230, 213);
     width:256px;
}

.imgBlock {
	padding:0px;
	margin:0px;
	float:left;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-top:0px;
	margin-right:15px;
}
.imgBlock a img { border: 4px solid rgb(238, 230, 213); }
.imgLegend {
     display:none;
     font-size:10px;
     width:255px;
     margin:4px;
     margin-right:0px;
}

#strCourrielNewsConfirm { display:none; padding-top:6px; }

#footer-grey {
	padding:0;
	background-color:#252525;
	text-align:center;
	margin:0 auto;
	width:100%;
	height:auto;
	overflow:hidden;
}
@media only screen and (min-width: 40.063em) {
	#footer-grey {
	padding-top:2%;
	padding-bottom:2%;	
}
}

/* Menu Styles */
#HMenuContainer {	 
	 float:left;
	 width:100%;
	 height:auto;
}

.txtimg1 {
	float:left;
	width:80%;
	padding-left:20%;
	padding-right:20%;
	padding-top:10%;
	padding-bottom:10%;
	margin-left:auto;
	margin-right:auto;
}

@media only screen and (min-width: 40.063em) {
.txtimg1 {
	float:left;
	width:40%;
	padding-left:30%;
	padding-right:30%;
	padding-top:0%;
	padding-bottom:10%;
}
}

@media only screen and (min-width: 62em) {
.txtimg1 {
	float:left;
	width:25%; 
	margin-right:3%;
	padding:0;
}
}

.rtxt1 {
	float:left;
	width:100%;
}
@media only screen and (min-width: 62em) {
.rtxt1 {
	float:left;
	width:62%;
}
}

h1 {
    font-size:21px;
    color:#4d6366;    
    background-repeat:no-repeat;
    background-position: bottom left;    
    padding-bottom:14px;
    margin-left:25px;
    margin-top:33px;
}

h2 { 
    margin:0;
    padding:0;
    text-transform:uppercase;
    color:#2f2f2f;
    font-size:30px;
}

h2 a { 
    color:#450613;
    font-size:15px;
    text-decoration:underline;
    text-transform:uppercase;
    padding-bottom:24px;
    float:left;
    width:100%;
}

.requiredStar {
     font-family:Tahoma;
     float:left;
     color:#7d0210;
     font-size: 14px;
     font-weight: bold;
     width:15px;
     padding-left:4px;
}

.xrequiredStar {
     font-family:tahoma;
     display:inline;
     font-weight:bold;
     padding-left:1px;
     padding-right:1px;
     color:#7d0210;
     font-size:14px;
}

/*
	Text-Styles
*/
.linesep { margin-top:20px; margin-bottom:20px; }
.headlineDate { display:none; color:black; font-size: 10px; font-family: tahoma; line-height:120%; margin-bottom:2px; }
.headlineLink1 { color:#a36a1d; margin-top:20px; font-weight:bold; font-size:18px; font-family:tahoma; line-height:100%; }
.textblock { padding-top: 0px; font-weight:normal; color:black; font-size: 12px; font-family: tahoma; line-height:120%; }
.headlineLink2:link { font-size: 12px; font-family: tahoma; line-height:100%; }
.headlineTitle { font-size:18px; font-family:tahoma; font-weight:bold; color:#6a644c; padding-bottom:20px; margin:0; padding:0; line-height:100%; }

/*
	common footer (micro-logo+sig)
*/


.footerSig { 
	color:#939393; 
	font-size:1.063em;
	font-family:'lato';
}

.footerSig:hover { 
	color:#fff; 
}

#footer-rights-0 {
   float:left;
}

#footer-rights {
     float:none;
     margin-bottom:1em;
     font-size:1.063em;
     width:auto;
     font-family:'lato';
     color:#939393;
}
@media only screen and (min-width: 32em) {
	#footer-rights {
		float:left;
}
}

#bonzai-sig {
   font-family:Verdana;
   font-size:1.063em;
	 margin:0 auto;
	 width:100%;
}
@media only screen and (min-width: 32em) {
	#bonzai-sig {
	 float:right;
	 width:auto;
  }
}

.bonzai-sig2 {
   width:auto;
   margin:0 auto;
}
@media only screen and (min-width: 32em) {
	.bonzai-sig2 {
	 float:right;
	 margin-right:10px;
	 text-align:right;
  }
}


#footer-rights-1 a:hover { color:#ddd6bb;}



/*
     common footer (links)
*/
#footer {
	width:100%;
	margin:0 auto;
	height:auto;
}

#footer-red {
	background-color:#008fb1;
	width:100%;
	margin:0 auto;
	height:auto;
	float:left;
}

#footer-black {
	background-color:#252525;
	width:100%;
	margin:0 auto;
	height:auto;
	float:left;
	padding-bottom:1%;
	padding-top:1%;	
}

#footer-black-padd {
	padding-left:4%;
  padding-right:4%;	
  margin:0 auto;
  width:92%;
  max-width:960px;
  text-align:center;
}
@media only screen and (min-width: 32em) {
	#footer-black-padd {
		text-align:left;
}
}

.prod {	
	text-align:center;
	width:100%;
	height:auto;
	margin-top:10%;
	margin-bottom:10%;
	margin-right:auto;
	margin-left:auto;
}
@media only screen and (min-width: 64.063em) {
 .prod {
 	float:left;
 	margin-top:0;
 	margin-bottom:0; 	
 	width:33.33333%;
}
}

.prod a { 
	display:block;
}

#prod-covert {
	max-width:320px;
}

#prod-reefer {
	max-width:320px;
}

#prod-flex {
	max-width:320px;
}

#specimg {
	min-width:25px;
	max-width:42px;
}

#specimg2 {
	min-width:25px;
	max-width:42px;
	margin-right:8px;
	float:left;
	width:auto;	
}

.spectxt {
	display:block;
	overflow:hidden;
	vertical-align:middle;
	position:relative;
	width:auto;
	text-decoration:underline;
	color:#363636; 	
	margin-top:10px;
	padding-top:0px;
	font-size:1.875em;
}
@media only screen and (min-width: 64.063em) {
	.spectxt {
		margin-top:6px;		
}
}

#specbox {
	font-size:1.438em;
	color:#363636;
}

/* responsive google maps (and more?) */
.embed-container { 
 position: relative; 
 padding-bottom: 56.25%; 
 padding-top: 30px; 
 height: 0;
 overflow: hidden;
 max-width: 100%;
 height: auto;
}
.embed-container iframe, .embed-container object, .embed-container embed { 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%;
 height: 100%;
}


.footerSpotTitle {
     font-size:14px;
     font-family:'latoblack';
     color:#fff;
     text-decoration:none;
     margin-bottom:9px;     
}

.footerSpotTitle a:hover {
     color:#fff;
}

.footerLink {    
     float:left;
     width:100%;
     clear:both;
     margin-bottom:5px;
}

.footerLink a {     
     font-size:20px; 
     color:#efdcdc;
     font-family: 'latoblack';
     text-transform:uppercase;
     padding-left:36px;     
}

.footerContainer {
	margin:0 auto; 
	max-width:960px;
}

.footerLink a:hover, .footerLink a.selectedl {     
     background-image:url('../images/bullet-footer.jpg');
     background-repeat:no-repeat;
     color:#fff;
     background-repeat:no-repeat;
}

.footerLink2 a {     
     color:#CCCCCC;
     font-family: 'lato';
}

.footerLink a:hover, .footerLink2 a:hover {

}

.footerLink2 {    
     float:left;
     width:100%;
     height:auto;
     color:#ccc;
     font-family: 'lato';
     font-weight:700;
     font-size:1.438em;     
}

.footerSpot1 {
     float:left;
     width:150px;
     margin-top:18px;
     margin-left:0px;         
     margin-right:50px;
}

.footerSpot2 {
     float:left;
     width:200px;
     height:145px;
     border:0px solid #fff;
     margin-left:0px;
     padding-left:0px;
     padding-top:15px;
}

.footerSpot3 {
     width:auto;
     max-width:220px;
     padding-left:0px;
     padding-top:2%; 
     padding-bottom:2%;
     padding-left:4%;
     padding-right:4%;
     margin-right:auto;
     margin-left:auto;
     text-align:center;
     display:block;
     height:auto;
     overflow:hidden;
}

.footerSpot5 {
     width:auto;
     max-width:220px;
     padding-left:0px;
     padding-top:2%; 
     padding-bottom:2%;
     padding-left:4%;
     padding-right:4%;
     margin-right:auto;
     margin-left:auto;
     text-align:center;
     display:block;
     height:auto;
     overflow:hidden;
}

.footerSpot4 {
     position:relative;
     display:block;
     width:auto;     
     padding-top:4%;
     padding-bottom:4%;
     padding-right:4%;
     padding-left:4%;
     margin-right:auto;
     margin-left:auto;     
     max-width:200px;
     text-align:center;
     height:auto;
}

/*
	stuff to add padding 
*/
@media only screen and (min-width: 40em) {
  .footerSpot4 {
    padding-left:0;
    padding-right:4%;
    max-width:250px;
    float:right;
    text-align:right;    
    margin-right:0;
    margin-left:0;
  }  	
  
  .footerSpot3 {
    padding-left:4%;
    padding-right:0;
    max-width:250px;
    float:left;
    text-align:left;    
    margin-right:0;
    margin-left:0;
  }
  
  .footerSpot5 {
    padding-left:4%;
    padding-right:0;
    max-width:250px;
    float:left;
    text-align:left;    
    margin-right:0;
    margin-left:0;
    height:auto;
    overflow:hidden;
    display:block;
  }  
}

@media only screen and (min-width: 64.063em) {
  .footerSpot4, .footerSpot3 {
    padding-left:0;
    padding-right:0;
    max-width:250px;
  }

  .footerSpot5 {
    padding-left:0;
    padding-right:0;
    max-width:350px;
  }
  
  .footerLink2, footerLink2 a { 
  	font-size:1.450em;
  }  
  
  #footer-black-padd {
  	padding-left:0%;
  	padding-right:0%;
  }  
  
  #footer-rights, #bonzai-sig {
  	font-size:1.0em;  
  }	
  
  #logo {
  	padding-left:0;
  }
}
	
/*
	Miscellaneous-Styles
*/

fieldset, form, label, legend
{border: 0; margin: 0; outline: 0; padding: 0; background: transparent; vertical-align: baseline;}

.grey-line {
	height:auto;
	background-color:#008fb1;
	float:left;
	width:100%;
}

.grey-line2 {
	height:41px;
	margin:0 auto;
	width:960px;
	background-image:url("/images/slider_sub.jpg");
}

.grey-line3 {
	height:45px;
	max-width:960px;
	height:auto;
	margin:0 auto;
	width:100%;
	position:relative;
	overflow:hidden;	
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  
.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}  

.rcontainer {
	padding-top:6em; 
	padding-bottom:6em; 
	padding-left:3em; 
	padding-right:3em; 
	float:left;
	width:100%;	
}

.rcontent {
	max-width:960px;
	margin:0 auto;
}

.rblackred {
 float:left;
 height:auto;
 padding-top:1em;
 padding-bottom:1em;
 padding-left:1em;
 padding-right:1em;
 width:100%;
 font-family:'lato';
 font-weight:700;
 color:#e1e1e1;
 font-size:2.5em;
 background-color:#014757;
 text-align:center;
}

.rblack {
	background-color:#fff;
	text-align:left;
	width:100%;
}

.rblack22 {
	background-color:#252525;
	text-align:left;
	width:100%;
}

.rblack2 {
	padding-bottom:2%;
	padding-top:2%;
	font-family:'lato';
	font-weight:700;
	color:#545454;
	font-size:1.875em;
}

.rbeige {
	background-color:#A8E559;
}

.rtrans {
	background-color:transparent;
}

.rtwocols {
	float:left;
	width:100%;
	padding-top:5%;
}

.rtwocols:first-child {
	padding:0; 
}

@media only screen and (min-width: 40em) {
.rtwocols {
	width:50%;
	padding:0;
}	
.rtwocols:first-child {
	width:45%;
	margin-right:5%;
}
}

#contact-form { 
	max-width:500px;
}

#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form input[type="password"],
#contact-form textarea,
#contact-form button[type="submit"] {
	font:400 12px/12px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#contact-form h3 {
	color:#B92F27;
	display:block;
	font-size:1.750em; 
}
#contact-form h4 {
	margin:5px 0 15px;
	display:block;
	font-size:0.813em;
}
#contact-form label span {
	cursor:pointer;
	color:#545454;
	display:block;
	margin:5px 0;
	font-weight:900;
}
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form input[type="password"],
#contact-form textarea {
	width:100%;
	box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 5px;
	padding:10px;
	border-radius:5px;
}
#contact-form input[type="text"]:hover,
#contact-form input[type="email"]:hover,
#contact-form input[type="tel"]:hover,
#contact-form input[type="url"]:hover,
#contact-form input[type="password"]:hover,
#contact-form textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}
#contact-form textarea {
	height:100px;
	max-width:100%;
}
#contact-form button[type="submit"] {
	cursor:pointer;
	width:100%;
	border:none;
	background:#991D57;
	background-image:linear-gradient(bottom, #252525 0%, #014757 52%);
	background-image:-moz-linear-gradient(bottom, #252525 0%, #014757 52%);
	background-image:-webkit-linear-gradient(bottom, #252525 0%, #014757 52%);
	color:#FFF;
	margin:0 0 5px;
	padding:10px;
	border-radius:5px;
}
#contact-form button[type="submit"]:hover {
	background-image:linear-gradient(bottom, #252525 0%, #014757 52%);
	background-image:-moz-linear-gradient(bottom, #252525 0%, #014757 52%);
	background-image:-webkit-linear-gradient(bottom, #252525 0%, #014757 52%);
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}
#contact-form button[type="submit"]:active {
	box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
}
#contact-form input:focus,
#contact-form textarea:focus {
	outline:0;
	border:1px solid #999;
}
::-webkit-input-placeholder {
    color:#888;
}
:-moz-placeholder {
    color:#888;
}
::-moz-placeholder {
    color:#888;
}
:-ms-input-placeholder {
    color:#888;
}