@charset "UTF-8";
/* CSS Document */

*{
	font-family: Helvetica, Arial, sans-serif;
}
img{border:0px;}
table{ border-collapse: collapse;}

body{
	font-size:12px;
	background-image:url(Image/main_bckgradient.gif);
	background-repeat: repeat-x;
	background-position: top left;
	margin:0px;	
}

textarea {
	resize: none;
}

.container{
	width:800px;
	text-align:left;
	padding-top:20px;
	padding-bottom:20px;
}

/* START: Contains top logo, tagline, page banners and top navigation links */

.topnav{
	width:800px;
}

.topnavtable{
	background-image:url(Image/main_topgradient.gif); 
	background-repeat:repeat-x; 
	font-family:Eurostile, Helvetica, sans-serif ! important; 
	height:84px;	
}

.tagline{
	font-weight:bold; 
	font-size:18px; 
	padding-bottom:15px; 
	padding-right:35px;	
	font-family:Eurostile, Helvetica, sans-serif ! important;
}
.toplinkcontainer{
	float:right;
	padding-right:35px;
}
.toplinks a{
	display:block;
	float:left;
	text-align:center;
	color:#000;
	text-decoration:none;
	font-family:Eurostile, Helvetica, sans-serif ! important;
	font-size:11px;
}

.toplinks a:hover{
	color:#FF0000;
}

.toplinks a span{
	border-right:1px solid black;
	padding-left:5px;
	padding-right:5px;
}

.toplinks a .last{
	border:none;	
}

.homebanner{
	background-image:url(Image/banner_home.jpg);
	background-repeat:no-repeat;
	height:285px;
}

.homebanner2{
	background-image:url(Image/askanexpert.jpg);
	background-repeat:no-repeat;
	height:285px;
}

.homebanner3{
	background-image:url(Image/applications.jpg);
	background-repeat:no-repeat;
	height:285px;
}

.homebanner4{
	background-image:url(Image/contactus.jpg);
	background-repeat:no-repeat;
	height:285px;
}

.bannertext1{
	color:#FFF; 
	width:240px; 
	padding-left:45px; 
	padding-top:75px; 
	line-height:20px;
}

.bannertext2{
	color:#FFF; 
	width:270px; 
	padding-left:25px; 
	padding-top:35px; 
	line-height:17px;
}

.bannertext3{
	color:#FFF; 
	width:270px; 
	padding-right:25px; 
	padding-top:105px; 
	line-height:20px;
	float:right;
}

.bannertext3-bold{
	font-weight:bold; 
	font-size:14px; 
	font-family:Eurostile, Helvetica, sans-serif;
	padding-bottom:10px;
}

.bannertext4{
	color:#FFF; 
	width:330px; 
	padding-left:55px; 
	padding-top:45px;
	padding-left:40px;
	line-height:20px;
}

/* END: Contains top logo, tagline, page banners and top navigation links */

.infocontainer{
	background-image:url(Image/main_bckgradient2.gif);
	background-repeat: repeat-x;
	background-position: top left;	
}

/* START: Navigation Bar with large application image links */

.navbar{
	background-image:url(Image/nav_bar.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	height:32px;
	width:750px;
	padding-top:10px;
}

.navbar a{
	background-image:url(Image/navcircle.gif);
	background-repeat:no-repeat;
	background-position:top center;
	display:block;
	float:left;
	padding-top:15px;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	font-family:Eurostile, Helvetica, sans-serif;
	font-weight:bold;
	
}
.navbar a span{
	border-right:1px solid white;
	padding-left:23px;
	padding-right:23px;
}
.navbar .last{
	border:none;	
}

.navbar a:hover, .selectedtab{
	background-image:url(Image/navcircle2.gif) !important;
	background-repeat:no-repeat !important;
	background-position:top center !important;
}

.bigimgnav{
	margin-bottom:10px;
}

.tpnavlft{
	background-image:url(Image/rndcorner_tleft.gif);
	background-repeat: no-repeat;
	background-position:top left;
	width:750px;
}

.tpnavrgt{
	background-image:url(Image/rndcorner_tright.gif);
	background-repeat: no-repeat;
	background-position:top right;
	padding-left:7px;
	padding-right:7px;
}

.tpnavmiddle{
	background-image:url(Image/rndcorner_middle.gif);
	background-repeat: repeat-x;
	height:7px;
}

.floatclear{
	clear: both; margin: 0px; padding-top: 10px; height: 0px; position: relative; font-size: .05em;
}

.navbar2{
	width:750px;
	background-color:#F2F2F2;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	height:75px;
}
.navbar2 a{
	display:block;
	height:75px;
	float:left;
	padding-left:30px;
}
.navbar2 div{text-align:center;}
.navbar2 div div{width:730px;margin-left:auto;margin-right:auto}
.imgbgtruck{background:url(Image/nav_truck.gif) no-repeat 50% 50%;width:186px;}
.imgbgtruck:hover, .imgbgtruckselected{
	background:url(Image/nav_truck_rollover.gif) no-repeat 50% 50%;width:186px;
}
.imgbgcontainer{background:url(Image/nav_container.gif) no-repeat 50% 50%;width:99px;}
.imgbgcontainer:hover, .imgbgcontainerselected{
	background:url(Image/nav_container_rollover.gif) no-repeat 50% 50%;width:99px;
}
.imgbgbuilding{background:url(Image/nav_speccon.gif) no-repeat 50% 50%;width:88px;}
.imgbgbuilding:hover, .imgbgbuildingselected{
	background:url(Image/nav_speccon_rollover.gif) no-repeat 50% 50%;width:88px;
}
.imgbgturbine{background:url(Image/nav_green.gif) no-repeat 50% 50%;width:88px;}
.imgbgturbine:hover,.imgbgturbineselected{
	background:url(Image/nav_green_rollover.gif) no-repeat 50% 50%;width:88px;
}
.imgbgambulance{background:url(Image/nav_specveh.gif) no-repeat 50% 50%;width:118px;border:none ! IMPORTANT;}
.imgbgambulance:hover, .imgbgambulanceselected{
	background:url(Image/nav_specveh_rollover.gif) no-repeat 50% 50%;width:118px;border:none ! IMPORTANT;
}
.btnavlft{
	background-image:url(Image/rndcorner_bleft.gif);
	background-repeat: no-repeat;
	background-position:bottom left;
	width:750px;
	margin-bottom:10px;
	clear:both;
}

.btnavrgt{
	background-image:url(Image/rndcorner_bright.gif);
	background-repeat: no-repeat;
	background-position:bottom right;
	padding-left:7px;
	padding-right:7px;
}

.btnavmiddle{
	background-image:url(Image/rndcorner_btmiddle.gif);
	background-repeat: repeat-x;
	height:7px;
}

/* END: Navigation Bar with large application image links */

/* START: Homepage - About Maxlok, Advantages, Process Improvements, etc */

.infonavleft{
	background-image:url(Image/info_topleft.gif);
	background-repeat: no-repeat;
	background-position:top left;
	width:750px;
}

.infonavrgt{
	background-image:url(Image/info_topright.gif);
	background-repeat: no-repeat;
	background-position:top right;
	padding-left:9px;
	padding-right:9px;
}

.infonavmiddle{
	background-image:url(Image/info_middle.gif);
	background-repeat: repeat-x;
	background-position:top left;
	height:26px;
}

.infolinks{
	background-color:#FFF;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	text-align:left;
	width:600px;
	font-size:10px;
	font-weight:bold;
	padding-left:5px;
	padding-top:3px;
	float:left;
	margin-left:20px;
}

.infolinks a{
	color:black;
	text-decoration:none;
}

.infolinks a:hover, .selectedlink{
	color:#FF0000 !important;
}

.infolinks a span{
	border-right:1px solid black;
	padding-left:8px;
	padding-right:8px;
}

.infolinks .last{
	border:none;	
}

.infobtlft{
	background-image:url(Image/info_btleft.gif);
	background-repeat: no-repeat;
	background-position:bottom left;
	width:750px;
	margin-bottom:10px;
}

.infobtrgt{
	background-image:url(Image/info_btright.gif);
	background-repeat: no-repeat;
	background-position:bottom right;
	padding-left:8px;
	padding-right:8px;
}

.infobtmiddle{
	background-image:url(Image/info_btmiddle.gif);
	background-repeat: repeat-x;
	height:8px;
}

.aboutmaxlok{
	width:748px;
	height: expression( this.scrollHeight < 201 ? "200px" : "auto" ); /* sets min-height for IE */
	min-height:200px;
	background-color:#FFF;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
.aboutmaxlok #maxlocdata{
	height: expression( this.scrollHeight < 301 ? "300px" : "auto" ); /* sets min-height for IE */
	min-height:300px;
}
.sectioncontainer{
	clear:both;
	padding-top:10px;
	padding-left:20px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}
.sectioncontainer td,.sectioncontainer div,
.sectioncontainer2 td,.sectioncontainer2 div,
.sectioncontainer3 td, .sectioncontainer3 div,
.sectioncontainer4 td, .sectioncontainer4 div{
	text-align:left;
}
.sectioncontainer2{
	clear:both;
	padding-top:15px;
	padding-right:25px;
}

.sectioncontainer3{
	clear:both;
	padding-top:15px;
	padding-left:20px;
	padding-bottom:15px;
}

.sectioncontainer4{
	clear:both;
	padding-top:30px;
	padding-left:60px;
}

.about1-left{
	float:left; 
	width:46%; 
	padding-top:15px;
}
.about1-right{
	float:left; 
	width:54%;
}

.about2-left{
	float:left; 
	width:60%;
	padding-top:65px;
}

.about2-right{
	float:left; 
	width:40%;
	padding-top:25px;
}

.about3-left{
	float:left; 
	width:35%;
	padding-top:15px;
}

.about3-right{
	float:left; 
	width:65%;
    text-align:left;
	padding-top:25px;
}

.about4-left{
	float:left; 
	width:50%;
	padding-top:60px;
}

.about4-right{
	float:left; 
	width:50%;
	padding-top:15px;
}

.about5-left{
	float:left; 
	width:30%;
	border-right:1px solid #CCCCCC;
	padding-top:15px;
	padding-bottom:15px;
	margin-top:30px;
}

.about5-right{
	float:left; 
	width:60%;
	margin-top:30px;
}

.aboutredtext{
	font-family:Helvetica, Arial, sans-serif; 
	font-weight:bold; 
	font-size:18px; 
	color:#FF0000; 
	border-bottom:1px solid #CCCCCC; 
	padding-bottom:5px;	
}

.aboutredtext2{
	font-family:Helvetica, Arial, sans-serif; 
	font-weight:bold; 
	font-size:18px; 
	color:#FF0000; 
	border-bottom:1px solid #CCCCCC; 
	padding-bottom:5px;
	padding-left:15px;
}

.aboutblktext{
	padding-top:5px; 
	font-size:11px; 
	line-height:16px;
	padding-right:20px;	
}

.aboutblktext2{
	padding-top:5px; 
	font-size:11px; 
	line-height:16px;
	padding-left:15px;
}

.redlinktext{
	font-family:Helvetica, Arial, sans-serif; 
	font-weight:bold; 
	font-size:11px; 
	color:#FF0000; 
}

/* END: Homepage - About Maxlok, Advantages, Process Improvements, etc */

/* START: Ask an Expert content */

.expertlft{
	background:url(Image/expert_topleft.gif) no-repeat 0 100%;
	width:150px;
}

.expertrgt{
	background:url(Image/expert_topright.gif) no-repeat 100% 100%;
	padding:0 12px;
}

.expertmiddle{
	background:url(Image/expert_middle.gif) repeat-x;
	height:11px;
}

.expertbtlft{
	background:url(Image/expert_btleft.gif) no-repeat 0 100%;
	width:150px;
}

.expertbtrgt{
	background:url(Image/expert_btright.gif) no-repeat 100% 100%;
	padding:0 12px;
}

.expertbox{
	text-align:center !important;
	background-color:#E6E6E6; 
	font-weight:bold; 
	font-size:15px; 
	padding:8px;
}

.expertbox img {
	margin:	8px 0 0;
	padding: 0;
	border: none;
}

.expertcontainer{
	background-color:#F2F2F2;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	width:749px;
}
.expertcontainer #maxlocdata{
	height: expression( this.scrollHeight < 426 ? "425px" : "auto" ); /* sets min-height for IE */
	min-height:425px;
}

.expertcontainer #maxlocdata td div {
	float: left;
}

.experttop{
	font-family: Eurostile, Helvetica, sans-serif;
	font-size:19px;
	font-weight:bold;
	text-align:left;
	width:35%;
	padding-top:20px;
}

.expertdescription{
	font-size:10px;
	font-weight:bold;
	text-align:left;
	padding-top:8px;
	padding-right:11px;
	padding-top:15px;
	color:#666666;
	line-height:14px;
	border-right:1px solid #000;
	border-top:1px solid #000;
}
.expertdescription table td textarea{
	width:330px;
	margin-top:5px;
	margin-bottom:5px;
}
.expertdescription textarea{
	width:220px;
	margin-top:5px;
	margin-bottom:5px;
}
.expertform{
	font-size:10px;
	font-weight:bold;
	text-align:left;
	padding-top:8px;
	padding-left:20px;
	padding-right:11px;
	color:#666666;
	border-top:1px solid #000;
}

.expertform table td{padding:5px;}
.expertfont{
	font-size:11px; 
	padding-top:3px; 
	padding-bottom:2px; 
	font-weight:bold; 
	color:#666666;	
}

/* END: Ask an Expert content */

/* START: Small thumbnail image links*/

.subimglinks{padding-bottom:0px;padding-left:30px;}
.subimglinks div{width:380px;float:right;}
.subimglinks a{
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	border-right:1px solid #000;
	margin:0px;
	display:block;
	float:left;
	height:37px;
}
.imgtruck{background:url(Image/truck_small.gif) no-repeat 50% 50%;width:91px;}
.imgtruck:hover, .imgtruckselected{
	background:url(Image/truck_rollover.gif) no-repeat 50% 50%;width:91px;
}
.imgcontainer{background:url(Image/container_small.gif) no-repeat 50% 50%;width:53px;}
.imgcontainer:hover, .imgcontainerselected{
	background:url(Image/container_rollover.gif) no-repeat 50% 50%;width:53px;
}
.imgbuilding{background:url(Image/speccon_small.gif) no-repeat 50% 50%;width:42px;}
.imgbuilding:hover, .imgbuildingselected{
	background:url(Image/speccon_rollover.gif) no-repeat 50% 50%;width:42px;
}
.imgturbine{background:url(Image/green_small.gif) no-repeat 50% 50%;width:33px;}
.imgturbine:hover,.imgturbineselected{
	background:url(Image/green_rollover.gif) no-repeat 50% 50%;width:33px;
}
.imgambulance{background:url(Image/specveh_small.gif) no-repeat 50% 50%;width:54px;border:none ! IMPORTANT;}
.imgambulance:hover, .imgambulanceselected{
	background:url(Image/specveh_rollover.gif) no-repeat 50% 50%;width:54px;border:none ! IMPORTANT;
}

/* END: Small thumbnail image links*/

/* START: Address Bar*/

.addresscontainer{
	background-image:url(Image/lord_small.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	width:750px;
}

.lordaddress{
	padding-top:10px; 
	font-weight:bold; 
	color:#666666; 
	font-size:10px;	
}

.copyright{
	padding-top:10px; 
	font-size:9px; 
	color:#808080;
}

/* END: Address Bar*/

/* START: Application Pages and Callout Content*/

.applications{
	font-family:Helvetica, Arial, sans-serif; 
	font-size:12px;
}

.applicationdescription{
	font-size:10px; 
	line-height:14px;
	padding-top:10px; 
	width:310px;
}

.trans_callout1{
	font-size:10px; 
	width:220px;  
	padding-top:30px; 
	text-align:left;	
}

.trans_callout2{
	font-size:10px; 
	width:150px; 
	text-align:left;
	float:right;
}

.specveh_callout1{
	font-size:10px; 
	width:150px; 
	font-weight:bold;
	padding-top:22px;
	text-align:left;	
}

.specveh_callout2{
	font-size:10px; 
	width:100px; 
	font-weight:bold; 
	padding-left:10px;
	text-align:left;	
}

.specveh_callout3{
	font-size:10px; 
	width:160px; 
	font-weight:bold;
}

.green_callout1{
	font-size:10px; 
	width:130px;  
	padding-top:10px; 
	text-align:left;	
}

.green_callout2{
	font-size:10px; 
	width:170px;  
	padding-top:5px; 
	text-align:left;	
}

.green_callout3{
	font-size:10px; 
	width:148px;  
	padding-top:25px; 
	text-align:left;	
}

.speccon_callout1{
	width:253px;
	padding-top:36px;
	font-size:10px;
	text-align:left;
}

.speccon_callout2{
	width:370px;
	padding-top:22px;
	font-size:10px;
	text-align:left;
}

.ship_callout1{
	width:155px;
	padding-top:35px;
	font-size:10px;
	text-align:left;	
}

.ship_callout2{
	width:145px;
	padding-top:12px;
	font-size:10px;
	text-align:left;	
}

.ship_callout3{
	width:145px;
	padding-top:40px;
	font-size:10px;
	text-align:left;	
}

.ship_callout4{
	width:135px;
	padding-top:0px;
	font-size:10px;
	text-align:left;	
}

.ship_callout5{
	width:135px;
	padding-top:105px;
	font-size:10px;
	text-align:left;	
}

.dropmenu {
	float: left;	
}
.dropmenu:hover .msdsmenu {
	display:block;
}
.dropmenu a {
	float: none;
}
.msdsmenu {
	display: none;
	 width: 130px;
	 position:absolute;
}

.msdsmenu .mid {
	background:url(Image/dropdown_gradient1.gif) bottom left; 
	border-left: 1px solid white; 
	border-right: 1px solid white;
	padding: 0 6px;
}

.msdsmenu .botl {
	background:url(Image/dropdown_cornerleft.png) left bottom no-repeat;	
}

.msdsmenu .botr {
	background:url(Image/dropdown_cornerright.png) right bottom no-repeat;	
	padding: 0 8px ;
}

.msdsmenu .botc {
	background:url(Image/dropdown_gradient2.gif) repeat-x;
	height: 9px;
}

.msdsmenu a {
	float:none;	
	text-align:left;
	padding: 4px 4px 0;
}

/* END: Application Pages and Callout Content*/

