/* CSS Document */
body { margin:0;
       padding:0;
	   line-height:1.5em;
	   font-family: Verdana, Arial, Helvetica, sans-serif;
	   font-size:14px;
	   color:#616161;
	   background:url(images/baner_bg.gif) repeat ;
	   }
a:link, a:visited { color: #333333; text-decoration:none;} 
a:active, a:hover { color: #C80F17; text-decoration: none;}
h1 { margin:0px;
     padding:0 0px;
	 font-size:11px;
	 color: #7F7F7F;
	 text-align: justify;
	 font-weight:normal;
	 }
	 
h2 { margin:0px;
     padding: 0 0 0 0;
	 font-size:15px;
	 font-weight:bold;
	 color: #C00000;
	 text-align:left;
	 }
h3 { margin:0px;
     padding:0 0px;
	 font-size:11px;
	 color: #7F7F7F;
	 text-align:left;
	 font-weight:100;
	 }
	 
h4 { margin:0px;
     padding:0 0px;
	 font-size:16px;
	 color: #003263;
	 text-align:left;
	 font-weight:bold;
	 }
h5 { margin:0px;
     padding:0 0px;
	 font-size:13px;
	 color: #595959;
	 text-align:left;
	 font-weight:bold;
	 }
h6 { margin:0px;
     padding:0 0px;
	 font-size:13px;
	 color: #C00000;
	 text-align:left;
	 font-weight:bold;
	 }
	 
.cleaner {
	clear: both;
	width: 100%;
	height: 20px;
}

.cleaner_with_height {
	clear: both;
	width: 100%;
	height: 20px;
}

.freespace {
	clear: both;
	width: 100%;
	background-color: #7A1113;
	height: 3px;
}
.menuspace {
	clear: both;
	width: 100%;
	background-color: #000;
	height: 5px;
}
.productpagesubhead {
	width: 100%;
	background-color: #C0C0C0;
	height: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 14px;
	text-align:left;
	padding-top: 2px;
	font-weight: bold;
	color:#000;
}
.sitemap {
	clear: both;
	width: 977px;
	height: 500px;
}

#mti_header_panel {
	clear: both;
	width: 100%;
	height: 108px;	
	margin: 0 auto;
	background:url(images/top_bg.jpg) repeat-x;
}

#mti_header_panel #mti_header_section {
	width: 997px;
	height: 108px;
	margin: 0 auto;
	background:url(images/top_bg.jpg) repeat-x;
}

.logo {
    float:left;
	width: 262px;
	height: 108px;
	margin-left:10px;
	margin-top: 0px;
}
.heading {
    float:right;
	width: 208px;
	height: 108px;
	margin-left:0px;
	margin-right: 10px;
	margin-top: 0px;
}
.heading_space {
    float:left;
	width: 446px;
	height: 108px;
	margin-right: 0px;
	margin-top: 0px;
}
.heading_a {
    float:left;
	width: 269px;
	height: 108px;
	margin-right: 0px;
	margin-top: 0px;
}
/* banner */

#mit_banner_panel{
	width:100%;
	height: 250px;	
	margin: 0 auto;
	color: #FFF;
}

#mit_banner_panel #mit_banner_section{
	width: 997px;
	height: 250px;	
	margin:0 auto;
	padding: 0 0px;
}

#mit_banner_panela{
	width:100%;
	height: 345px;	
	margin: 0 auto;
	color: #FFF;
}

#mit_banner_panela #mit_banner_section{
	width: 997px;
	height: 345px;	
	margin:0 auto;
	padding: 0 0px;
}

/* end of banner */
#mit_bar_panel {
	clear: both;
	width: 100%;
	height: 27px;	
	margin: 0 auto;
}

#mit_bar_panel #mit_bar_section {
	width: 997px;
	height: 27px;	
	margin:0 auto;
	padding: 0 0px;
	color: #03a0a6;
	background:url(images/menu_bg_1.jpg) repeat;
}


/*----MAIN page----*/
#mainPage{width:997px; height:100%; background: #F9F9F9; clear:both;margin:0 auto; padding:0px;}

/*---- page----*/
#page{width:997px; height:100%; clear:both;margin:0 auto; padding:0px; }

#mainPan{width:977px; height:100%; clear:both;margin:0 auto; padding:0px;}

/* Content */

.subheading {
	clear: both;
	width: 100%;
	background-color: #F9F9F9;
	padding-top: 10px;
	height: 20px;
}

#content {
	float: left;
	width: 319px;
	height:100%;
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
}
#contentenquiry {
	float: left;
	width: 420px;
	height:100%;
	margin-top:10px;
	margin-left:253px;
}
#contentproducts {
	float: left;
	width: 756px;
	height:100%;
	margin-top:0px;
	margin-left:20px;
}

#subpageleft {
	float: left;
	width: 478px;
	height:100%;
	margin-top:10px;
	margin-left:0px;
}
#subpageright {
	float: left;
	width: 479px;
	height:100%;
	margin-top:10px;
	margin-left:20px;
}

.company { margin:0px;
     padding: 0 0 0 0;
	 font-size:11px;
	 font-weight:bold;
	 color: #7A1114;
	 text-align:left;
}


/* Sidebars */

#sidebarp1 {
	float: left;
	height:100%;
	margin-top: 0px;
	margin-left:0px;
	padding:0px 0px 0px 0px;
}

.sidebarp {
	float: left;
	width: 200px;
	padding: 0;
	font-size: 14px;
	border-right:solid #E5E5E5; border-right-width:1px;
}

.sidebarp ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidebarp li {
	padding: 0px 0px 0px 0px;
}

.sidebarp li ul {
}

.sidebarp li li {
	margin: 0 0px 0 0px;
	padding: 6px 0px;
	border-bottom: 1px outset #525252;
}
.sidebarp li h2 {
	height: 10px;
	margin: 0 0 0 0;
	padding: 10px 0px 5px 15px;
	font-size: 16px;
	background-color:#CCCCCC;
	font-weight: bold;
	color: #000;
}

.sidebarp a {
}



#sidebar1 {
	float: left;
	width: 318px;
	height:100%;
	margin-top: 10px;
	margin-left:0px;
	padding:0px 0px 0px 0px;
	overflow: hidden;
}
.sidebar {
	float: left;
	width: 318px;
	padding: 0;
	font-size: 14px;
	overflow: hidden;
}
.relate {
    float:left;
    width:318px;
	height:85px;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	overflow: hidden;
}
.subrelates {
    float:left;
    width:318px;
	height:100%;
	margin: 0px 0px 0px 0px;
	padding: 0 0 15px 0;
	overflow: hidden;
}
.subrelates a, a:hover {
	color:#C00000; 
}

.subrelates a:hover {
	color:#595959; 
}

.more {
    width: 318px;
	height: 10px;
	margin-left: 0px;
	margin-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:right;
	color: #7A1114;
}
.more a, a:hover {
	color:#7A1114; 
}

.more a:hover {
	color:#086CC9; 
}


#sidebar2 {
	float: right;
	margin-left:0px;
	width:318px;
	height:100%;
	margin-top: 10px;
	margin-right:0px;
	padding:0px 0px 0px 0px;
	overflow: hidden;
}
.sidebarri {
	float: left;
	width: 318px;
	padding: 0;
	font-size: 14px;
}
.relates {
    float:left;
    width:318px;
	height:85px;
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	overflow: hidden;
}


.certification {
    width: 211px;
	height: 24px;
	margin-left: 0px;
	margin-top: 0px;
	color: #7A1114;
}



#mit_bottom_panel{
	width:100%;
	height: 61px;
	margin: 0 auto;
	background:url(images/bottom_bg.jpg) repeat;
}
#mit_bottom_panel #mit_bottom_section{
	width: 977px;
	height: 61px;
	margin:0 auto;
	padding: 0px 0px;	
	text-align: center;
}
.bottom  {
    float:left;
    margin-left:0px;
	margin-right:0px;
	width: 242px;
	height:20px;
	font-size:1.2em;
	color:#000;
	text-align:center;
	padding-top: 20px;
	letter-spacing: 1px;
	padding-right:0px;
	}
.bottom a, a:hover {
	color:#000; 
}

.bottom a:hover {
	color:#7A1114; 
}



.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	padding: 14px;
	margin: 0px;
	float: left;
	width: 160px;
	position: relative;
	height: 130px;
}
.gallery li:hover img {
	border-color: #000;
}
.gallery img {
	background: #fff;
	border: solid 1px #888;
	padding: 5px;
}
.gallery em {
	background: #fff;
	color: #000;
	width:169px;
	font-size: 9px;
	font-style: normal;
	padding: 2px 2px;
	display: block;
	position: absolute;
	top: 120px;
	left: 12px;
	border: 1px solid #999;
	border-left-color: #888;
}
.gallery em:hover {
	background: #fff;
	color: #FFF;
	width:169px;
	font-size: 9px;
	font-style: normal;
	padding: 2px 2px;
	display: block;
	position: absolute;
	top: 120px;
	left: 12px;
	border: 1px solid #999;
	border-left-color: #888;
}

.gallery a {
	text-decoration: none;
}
.gallery a:hover em {
	background: #9C9C9C;
	border-color: #707070;
}





/* Footer */

#mit_footer_panel{
	width:100%;
	height: 98px;
	margin: 0 auto;
	background-color:#000000;
}
#mit_footer_panel #mit_footer_section{
	width: 997px;
	height: 98px;
	margin:0 auto;
	padding: 0px 0px;	
	text-align: center;
}

.finalcopy  {
    float:left;
    margin-left:0px;
	margin-right:0px;
	width: 971px;
	height:20px;
	margin-top:28px;
	margin-bottom:5px;
	font-size:11px;
	color:#E5E5E5;
	text-align:center;
	letter-spacing: 1px;
	padding-right:0px;
	}
.finalcopy a, a:hover {
	color:#FFFFFF; 
}

.finalcopy a:hover {
	color:#4A0709; 
}

.powered  {
    float:left;
    margin-left:206px;
	margin-right:0px;
	width: 565px;
	height:20px;
	margin-top:10px;
	margin-bottom:5px;
	font-size:11px;
	color:#213149;
	text-align:center;
	letter-spacing: 1px;
	padding-right:0px;
	}
.powered a, a:hover {
	color:#213149; 
}

.powered a:hover {
	color:#7B1114; 
}


.finalcopy li .current {
	color: #C80F17;
}

.text_area{border:#322611 solid 1px; height:16px; width:177px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#313131; font-size:11px; margin-bottom:10PX; background:#F9F9F9; }
.text_area2{border:#322611 solid 1px; width:177px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#313131; font-size:11px; margin-bottom:10PX; background:#F9F9F9; }
.text_area3{border:#322611 solid 1px; width:179px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#313131; font-size:11px; margin-bottom:10PX; background:#F9F9F9; }

#nextandpre {
	clear: both;
	width: 100%;
	height: 27px;
}
.next {
	float: right;
	margin-left: 10px;
	margin-right: 5px;
	width: 95px;
	height: 27px;
}

.validity {
	float: right;
	margin-left: 0px;
	margin-right: 10px;
	width: 88px;
	height: 31px;
}
