/* CSS Document */
/* Mitsubishi Heavy Industries */

* {	margin: 0;
	padding: 0;
	font-size: 100%;
}

a img {
	border:0px;
}

html {overflow-y:scroll;}

body 	{line-height: 1;color: #666; background:url(../images/template/bg.jpg) repeat-x;font-family:Arial, Helvetica, sans-serif;font-size: 70%; }
intro { }

h1 {color: #333;margin: 0 0 0.5em 0;font-weight: lighter;padding-bottom: 5px; }
h2 {color: #333;	margin: 1em 0 0.2em 0;font-weight: bold;padding-bottom: 4px}
h3 {color: #333;margin: 0 0.1em 0.5em 0;;font-weight: bold;border-bottom: 1px dotted #666; padding-bottom: 3px}
h4 { color: #333; padding: 0px 20px 0px 0px;font-weight:bold; font-size: 110%;margin-bottom: 10px}

p {color: #333; line-height: 1.4; margin-bottom: 10px; }
span.red { color: #e60000}
span.redbold { color: #e60000; font-weight: bold}
span.grey {color:#ccc }
span.largetext {font-size: 130%; color:#000000; font-weight: bold; margin-bottom: 5px}
span.left  {float:left; margin: 0px 10px 0px 5px}
span.right {float: right; margin-right: 5px;}

a:link, a:visited {color:#e60000; text-decoration: none }
a:hover {text-decoration: underline }

div.clear { clear: both;}
img.border {margin-bottom: 10px }
img.right {float:right; margin-left: 10px;  }

div.star {width: 100%; overflow:hidden }
div.right {float: right; width: 20% }
div.left {float: left;  width: 80% }

.left{float:left;}
.right{float:right;}

/* START FORM STYLES */
/* -------------------------------- */

input.textboxsearch {color: #333; padding: 2px;font-family: arial, helvetica;	font-size: 100%;text-align: left}
input.button {background:url(../images/template/search.gif) no-repeat; width:52px; height:22px; padding-bottom:4px }
input.button:hover  {background-position: 0px -22px; }


input.textbox,textarea, select, input.imagetextbox {color: #333; padding: 2px;font-family: arial, helvetica;width: 150px }
input.imagetextbox{width:120px; float:left; margin-top:5px;}
input #spanButtonPlaceholder{padding: 10px;}
select { width: 200px; }
label {width: 240px;float: left;display: block;color: #333; font-size: 100%; font-weight: bold; padding-left: 5px}
label.lblFrm {width: 107px;}
input.submitbutton {background: url(../images/template/submit.jpg) no-repeat;width: 53px;height: 23px;cursor: pointer; margin-left: 110px}
input.submitbutton:hover {background-position: 0px -23px; }
#SWFUpload_0{display:block; float:left; padding-top:2px; margin-top:5px;}
#mb{display:block; float:left; padding-top:2px; margin-top:5px; margin-left:10px;}
/* START FORM STYLES */
/* -------------------------------- */



/* START TEMPLATE STYLES */
/* -------------------------------- */
#intro {width:991px; margin: auto; }
#intro2 {width:991px; margin: auto; background-color: #fff }
#container {width:760px; padding-left:40px; margin:0 auto; background:url(../images/mhia/bgd_body_center.gif) repeat-y left top; }
#header {background:url(../images/template/header_bg.jpg) repeat-x; height: 95px; margin: 0px 8px 0px 9px }

#logo {margin-left: 14px; width: 148px; float: left }
#search {float: right;   }
#login {float: right; /* margin: 10px 7px 0px 0px; */ margin: 4px 4px 0px -4px; /* width: 85px; */ /*width:70px;*/ padding-right: 4px; letter-spacing:0px; display:inline }
#login a:link, #login a:visited{color: #999999;text-decoration: none; font-weight: normal; font-size: 90% }
#login a:hover { color:#666; }


#nav { font-size: 110%; width:974px; overflow:hidden;font-weight: bold; background:url(../images/template/nav_bg.jpg) repeat-x 50% 100%;  margin: 0px 8px 0px 9px;  padding-top: 10px;   }
#nav ul {float: left; list-style-type: none; margin-left: 7px; /* width:854px; */ width:890px; overflow:hidden;  }
#nav li { padding-bottom: 2px; line-height: 19px; float: left;  }
#nav li a:link, #nav li a:visited { color: #666;  padding: 0px 20px 5px 20px;  border-right: 1px solid #ccc; display: block; }
#nav li a:hover,

#nav ul.Home li.Home a:link,
#nav ul.Home li.Home a:visited,
#nav ul.Welcome li.Welcome a:link,
#nav ul.Welcome li.Welcome a:visited,
#nav ul.Dealers li.Dealers a:link,
#nav ul.Dealers li.Dealers a:visited,
#nav ul.Product li.Products a:link,
#nav ul.Product li.Products a:visited,
#nav ul.Warranty li.Warranty a:link,
#nav ul.Warranty li.Warranty a:visited,
#nav ul.Careers li.Careers a:link,
#nav ul.Careers li.Careers a:visited,
#nav ul.Contact li.Contact a:link,
#nav ul.Contact li.Contact a:visited,
#nav ul.NewsRelease li.NewsRelease a:link,
#nav ul.NewsReleases li.NewsRelease a:visited,
#nav ul.NewsReleases li.NewsRelease a:link,
#nav ul.NewsRelease li.NewsRelease a:visited { color: #999; text-decoration: none; background:url(../images/template/nav_hover.gif) no-repeat 50% 100%    }



#footer2 { background:url(../images/template/footer_bg.jpg) no-repeat 0% 0%; height: 60px; margin: auto; width: 991px; color:#CCCCCC  }
span.footerlinks {margin: 0px 0px 0px 10px }
span.copyright {margin: 0px 0px 0px 37px }

#footer3 { height: 60px; margin: auto; width: 991px; color:#CCCCCC  }
#footer3 a:link, #footer3 a:visited, #footer3 a:link, #footer3 a:visited {color: #999999; text-decoration: none; font-size: 85%;margin: 0px 5px 0px 5px }
#footer3 a:hover, #footer3 a:hover {color:#666666 }


#banner {margin: 0px 8px 0px 9px; }
#breadcrumb {margin: 4px 0px 4px 9px; color:#999999; border-bottom: 2px solid #ededed; padding: 0px 0px 4px 25px }
#breadcrumb a:link, #breadcrumb a:visited {text-decoration: none; color:#999999}
#breadcrumb a:hover {color:#333333 }

#subnav {float:left; }
#subnav ul {  list-style-type: none;  }
#subnav li {margin: 1px 0px 1px 0px; padding: 6px 4px 6px 0px; background-color: #f4f4f4 }
#subnav a:link, #subnav a:visited {color: #666; text-decoration: none; padding-left: 20px }
#subnav a:hover,
#subnav ul.SRK li.SRK a:link, 
#subnav ul.SRK li.SRK a:visited,
#subnav ul.SCM li.SCM a:link, 
#subnav ul.SCM li.SCM a:visited,
#subnav ul.FDTC li.FDTC a:link, 
#subnav ul.FDTC li.FDTC a:visited,
#subnav ul.FDT li.FDT a:link, 
#subnav ul.FDT li.FDT a:visited,
#subnav ul.FDUR li.FDUR a:link, 
#subnav ul.FDUR li.FDUR a:visited,
#subnav ul.FDE li.FDE a:link, 
#subnav ul.FDE li.FDE a:visited,
#subnav ul.KX li.KX a:link, 
#subnav ul.KX li.KX a:visited,
#subnav ul.SRF li.SRF a:link, 
#subnav ul.SRF li.SRF a:visited,
#subnav ul.Other li.Other a:link, 
#subnav ul.Other li.Other a:visited {color: #e60000; background:url(../images/template/red_arrow_rt.gif) no-repeat 4px 50%  }


#subnav2 { width: 300px; margin:auto; margin: 10px 0px 0px 340px;  }
#subnav2 ul { margin: 10px 0px 0px 0px; list-style-type: none; font-size: 105%; border-top: 1px solid #ccc  }
#subnav2 li {margin: 1px 0px 1px 0px; padding: 6px 4px 6px 0px; background-color: #f4f4f4 }
#subnav2 a:link, #subnav2 a:visited {color: #666; text-decoration: none; padding-left: 20px }
#subnav2 a:hover {color: #e60000; background:url(../images/template/red_arrow_rt.gif) no-repeat 4px 50%  }
		
#maincontent {width: 580px; float:left;  }
#maincontent2 {width: 700px; float:left;  padding: 0px 0px 0px 20px; margin: 20px 15px 20px 0px; border-left: 1px solid #f5f4f4; }
#maincontent3 {width: 700px; float:left;  padding: 50px 0px 0px 160px; margin: 20px 15px 20px 0px;  }

#rightcol { width: 150px; float:left;  clear:both; margin-left: 13px;  padding-bottom: 10px; background-color:#ffffff; }
.rightcol-inner{ background: url(../images/products/bg_ban03.gif) no-repeat; padding:0 0 0 15px;}
#rightcol a.downloadhere {background:url(../images/template/download_here.gif) no-repeat;  width: 129px; height: 22px; display:block;   }
#rightcol a.downloadhere:hover {background-position: 0px -22px; }

* #subnav, * #maincontent, * #rightcol, * div.producthome, * #bucketdealers, * #bucketproducts, * #bucketpromotions  { display: inline; }


/* END TEMPLATE STYLES */
/* -------------------------------- */


/* START HOME STYLES */
/* -------------------------------- */
#flash_banner {margin: 0px 8px 0px 9px; }
#introcontent {margin: 10px 0px 0px 0px; color: #333}
#introcontent h1 {color: #000;	margin: 10px 0px 0px 0px ;font-size: 180%;font-weight: lighter;padding-bottom: 2px;letter-spacing: -1px}
#introcontent p {font-size: 100% }
#no-flash { height:220px; width:740px; background: transparent url(../images/home/no-flash.jpg) no-repeat top left;}
#get-flash { position:relative; left:25px; top:170px;}

#buckets {margin: 5px 0px 5px 0px; display:inline-block;}
#buckets a.learnmore {background:url(../images/template/learn_more.gif) no-repeat;  width: 79px; height: 20px; display:block; margin-left: 20px   }
#buckets a.learnmore:hover {background-position: 0px -20px; }

#bucketpromotions a.learnmore {background:url(../images/template/learn_more.gif) no-repeat;  width: 79px; height: 20px; display:block; margin-left: 5px; vertical-align: bottom   }
#bucketpromotions a.learnmore:hover {background-position: 0px -20px; }

#dealerform {margin: 20px 0px 70px 20px }

#bucketdealers {width: 318px; height: 220px; float:left; margin-left: 33px; background:url(../images/home/world_map.gif) no-repeat;}
#bucketproducts {width: 337px; height: 220px; float:left; margin-left: 5px}

#bucketpromotions {width: 275px; height: 220px; float:left; margin-left: 5px}
#bucketpromotions p {margin: 10px 0px 38px 0px}
#bucketpromotions .product{padding-right:10px; float:left; display:inline-block;}
.promotion-slider{width:243px; height:138px; overflow:hidden;}

/* END HOME STYLES */
/* -------------------------------- */


/* START PRODUCTS LANDING */
/* -------------------------------- */
div.producthome {width: 270px; float: left;  margin: 0px 15px 35px 0px }
div.producthome img {margin-bottom: 10px }
div.productlinks {clear: both; color:#CCCCCC; padding: 5px; margin-top: 10px; font-size: 85%;}
div.productlinks a:link, div.productlinks a:visited { text-decoration: none; padding: 0px 12px 0px 8px; background: transparent url(../images/mhia/main_icon01.gif) no-repeat scroll 0 5px}
div.productlinks a:hover {color:#666666 }

div.producthome2 {width: 547px; float: left;  margin: 0px 15px 35px 0px }

/* END PRODUCT LANDING */
/* -------------------------------- */


/* START PRODUCTS TECHNOLOGY */
/* -------------------------------- */
div.producthome_large img { float: left }
div.producthome_largetext {width:260px; float: left; margin-left: 10px }


#back{float: right; margin: -54px 7px 0px 0px; width: 120px}
#back a:link, #back a:visited {color: #e60000;text-decoration: none; font-weight: normal; font-size: 100% }
#back a:hover { color:#666; }



/*
#tabs {background:url(images/products/tabs_grad.jpg) repeat-x 50% 100%; margin-top:20px; }
#tabs ul {list-style-type: none;height: 48px   }
#tabs li { float:left; width: auto; margin-right: 1px }
#tabs li a:link, #tabs li a:visited { display: block; background-color: #999; color: #fff; text-decoration: none; padding: 5px 10px 5px 10px; font-size: 110%  }

#tabs ul.Range li.Range a:link, 
#tabs ul.Range li.Range a:visited,
#tabs ul.Technology li.Technology a:link, 
#tabs ul.Technology li.Technology a:visited,
#tabs li a:hover { background-color:#ccc; color: #666}
*/

* html #tabs li a {float: left;} * html #tabs li ul li a{float: none;}	/* Mac IE hack */



/* END PRODUCTS TECHNOLOGY*/
/* -------------------------------- */



/* START PRODUCTS RANGE */
/* -------------------------------- */
div.prod_list ul { list-style-type: none; width: 273px; font-size: 110%; float:left; margin-right: 20px }
div.prod_list li  {padding: 5px 0px 5px 5px  }
div.prod_list li a:link, div.prod_range li a:visited {color: #000; font-weight: bold; text-decoration: none; background:url(../images/template/red_arrow_rt.gif) no-repeat 100% 50%; padding-right: 15px }
div.prod_list li a:hover  {color:#666666; background:url(../images/template/red_arrow_rt.gif) no-repeat 100% 50%  }
div.prod_list li.range_d {background-color: #f4f4f4 }

div.prod_img {float:left; width: 267px; margin-top: 0px}

/* END PRODUCTS RANGE*/
/* -------------------------------- */


/* START MODEL INFO */
/* -------------------------------- */
#model_links {margin-top: 10px }
#model_links a:link, #model_links a:visited  {text-decoration: none; color:#999999}
#model_links a:hover {color:#333333 }

ul.list { list-style-type: none; font-size: 110%; padding-left: 20px; margin-bottom: 20px; line-height: 15px} 
ul.list li {background:url(../images/mhia/main_icon01.gif) no-repeat 0% 8px; padding-left: 20px }


div.function_img {width: 40px; margin-right: 20px; float:left }
div.function_text {width: 500px; float:left; margin-bottom: 10px }

/* END MODEL INFO*/
/* -------------------------------- */


/* START TABLE STYLES */
/* -------------------------------- */

tr.dtgheader th { background-color:#999; vertical-align:top; padding: 5px 2px 0px 2px; color: #fff; font-weight: 1.5; text-align:left; }
tr.dtgheader a:link, tr.dtgheader a:visited {color: #fff; text-decoration: none } 
tr.dtgheader a:hover {color: #63a4c5; text-decoration: none } 
tr.dtgheader th.first, td.first  { font-size: 100%;padding: 2px 0px 2px 2px; }


.dtginfo_light {background-color: #f4f4f4;   }
.dtginfo_dark {background-color: #e2e2e1;}
.dtginfo td {font-size: 100%; padding: 2px 0px 2px 2px;    }
.dtginfo {margin-bottom: 10px}



/* END TABLE STYLES */
/* -------------------------------- */

/* Search */
#SearchResults {
	margin: 10px;
	padding-bottom: 40px;
}

/* Demonz */
#Demonz { 
	float: right;
	/* margin-top: 30px; */
}

#Demonz a:hover { color: #000; text-decoration: underline; } 
#Demonz a:hover span { color: #cc0000; }

/* START FRONT PAGE STYLE ADDITIONS */
/* -------------------------------- */
#bucketpromotions ul {
	margin-top:3px;
}

#bucketpromotions ul li {
	list-style-type:none;
	font-size:110%;
	line-height:1.4;
}

#bucketpromotions h3 {
	margin-top:3px;
}
/* -------------------------------- */
/* END LIST STYLES */

/* Additions */
.producthomeblurb {
	width:270px;
	height:55px;
	margin-bottom:10px;
	display:inline-block;
}

.PromotionLink {
	height:170px;
	display:block;
}

.dealerform-wrapper select
{
	width:160px;
}

.download-pdf {
	padding-right:15px;
	line-height:16px;
	background:url(../images/mhia/icn-pdf.gif) no-repeat right center;
}
.download-pdf:hover{
	cursor:pointer
}

.productlinks .download-pdf{
	padding-right:5px;
}

.release, .sitemap {
	padding-right:18px;
}

#WarrantyForm a,
.Answers a,
#NextButtonContainer a {
	background:#FFFFFF url(../images/mhia/btn_next.gif) no-repeat scroll left top;
	display:inline-block;
	font-size:13px;
	font-weight:bold;
	height:21px;
	width:52px;
}


#SubmitContainer{
	margin-top:10px;
}

#SubmitContainer a{
	background:#fff url(../images/mhia/btn_submit.gif) no-repeat scroll left top;
	display:block;
	height:21px;
	width:52px;
	text-indent:-999em	
}




#FieldsError{
	background:#CC0000 none repeat scroll 0 0;
	color:#FFFFFF;
	font-weight:bold;
	margin:5px 0;
	padding:5px;
	width:533px;
}


.drop-down li{
	color:#333333;
}
.drop-down  span{
	background-image:url(../images/mhia/main_icon02.gif);
	background-position:0 0.2em;
	background-repeat:no-repeat;
	clear:both;
	color:#003399;
	cursor:pointer;
	display:block;
	margin:10px 0;
	padding-bottom:3px;
	padding-left:18px;
	text-decoration:underline;
	width:auto;
}

.drop-down span:hover{
	color:#CC6633;
	text-decoration:none;
}

.notice{color:#999;}
.generic-pdf .view ul {margin-bottom:10px;}
.generic-pdf .view {margin-bottom:10px;}
.generic-pdf .download-pdf{margin-left:1px; padding-right:15px;  }
.generic-pdf  ul li{clear:both;}
.generic-pdf  ul ul{width:100%;}
.generic-pdf  ul ul li{padding-right:10px; float:left; clear:none; padding-bottom:2px; }
.view {background:transparent url(../images/mhia/main_icon01.gif) no-repeat scroll 0 8px;padding-left:10px;}

.manual .mL10Block ul{display:inline-block; margin-bottom:10px; width:525px; padding-bottom:10px !important;}
.manual #mainArea01 ul li.list2col {padding-bottom:2px;}
.download-xls{background:transparent url(../images/mhia/icn-exl.gif) no-repeat right center; line-height:16px; padding-right:15px;}


/*Promotion*/
#WarrantyForm .promotion-items label{height:800px;}
#WarrantyForm .promotion-items .promotion-item{padding-left:150px; display:inline-block; height:100px; vertical-align:middle; padding-top:50px;}
#WarrantyForm .promotion-items ul li{float:left; display:inline-block; width:49%; text-align:center; height:70px; padding-top:125px; background:transparent url(../images/promotion/promo-1.jpg) no-repeat top center;}
#WarrantyForm .promotion-items ul li strong{padding-left:5px;}
#WarrantyForm .promotion-items ul li#promo-1{ background:transparent url(../images/promotion/promo-1.jpg) no-repeat top center; width:99%;}
#WarrantyForm .promotion-items ul li#promo-2{ background:transparent url(../images/promotion/promo-2.jpg) no-repeat top center;}
#WarrantyForm .promotion-items ul li#promo-3{ background:transparent url(../images/promotion/promo-3.jpg) no-repeat top center;}
#WarrantyForm .promotion-items ul li#promo-4{ background:transparent url(../images/promotion/promo-4.jpg) no-repeat top center;}
#WarrantyForm .promotion-items ul li#promo-5{ background:transparent url(../images/promotion/promo-5.jpg) no-repeat top center; }
.Promotion .last label{height:auto !important;}
.Promotion .last input{margin-top:5px;}
.promotion-label{width:100%; background:#E3E3E3; border-bottom:solid 1px #D6D6D6; display:inline-block;}
#WarrantyForm .promotion-label label{margin-right:0px; border:none;}

.functions-wrapper{width:500px; }
.functions-wrapper span{display:inline-block; float:none !important;}

/*Promotion-table*/
.promotion-table {width:272px; }
.promotion-table td{border:solid 1px #fff !important;}
.promotion-table .odd td{background:#E2E2E1;}
.promotion-table .even td{background:#F4F4F4;}
.promotion-table .promotion-last-name{text-align:right !important; padding-right:3px !important;}
.promotion-table .promotion-fist-name{text-align:left ; padding-left:3px !important}
.promotion-table .promotion-num{text-align:center !important;}
.promotion-heading{background:#999; color:#fff; font-weight:bold; padding:5px 10px;}
