@charset "utf-8";
/* Meritor Logo colors 77787B(gray) and 910028(red) */
body {
	background-color:#999999;
	background-image:url(../images/bgMainTop.jpg);
	background-repeat:repeat-x;
	margin:0;
}
#bodyContain {
	height: auto;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	/*top: 28px;*/
	/*background-color:#920026;*/
}
#bodySection {
	background-color:#999999;
	background-image:url(../images/bgMainTop.jpg);
	background-repeat:repeat-x;
	width: 950px;
	height: auto;
}
#bodySection1 {
	width: 950px;
	height: auto;
}
#bodyWrapper {
	width: 950px;
	height: auto;
	border: 1px solid #c0c0c0;
	margin-right: auto;
	margin-left: auto;
}
#bodyLeft {
	float:left;
	height:auto;
	overflow:hidden;
	width:200px;
}
#bodyRight {
	float:right;
	height:auto;
	width:750px;
}
#bodyL1 {
	margin-left: 11px;
	margin-right: auto;
	width: 225px;
	height: auto;
	float: left;
}
#logo {
	height:45px;
	/*margin-left:110px;*/
	width:950px;
	padding-top:5px;
	padding-left: 5px;
}
/* #logo1 {
	height:auto;
	margin-left:740px;
	width:auto;
	padding-top:15px;
}*/
#headerContain {	
	height:45px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
}
#swfWrapper {
	background-color:#FFFFFF;
	height:250px;
	width:950px;
}
#swfWrapper1 {
	background-color:#FFFFFF;
	height:400px;
	width:550px;
	margin: 0px 0px 0px 200px;
	}
.contactbox {
	background-image: url(../images/SubMainTop.jpg); 
	background-repeat:repeat-x;
	border:2px outset #C0C0C0;
	height:auto;
	margin:2px auto;
	padding:0;
	width:600px;
	text-align:center;
}
.careerbox {
	background-image: url(../images/Career2.gif);
	background-repeat:no-repeat;
	border:2px outset #C0C0C0;
	height:auto;
	padding:10;
	width:580px;
	text-align: justify;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}
.Afterservicebox {
	background-image: url(../images/SubMainTop.jpg); 
	background-repeat:repeat-x;
	border:2px outset #C0C0C0;
	height:auto;
	margin:2px auto;
	padding:0;
	width:600px;
	text-align: left;
}
.contactmailbox {
	background-image: url(../images/bgMainTop.jpg); 
	background-repeat:repeat-x;
	border:2px outset #C0C0C0;
	height:auto;
	margin:2px auto;
	padding:0;
	width:600px;
	text-align:center;
}
.mediabox {
	background-image: url(../images/bg1.jpg); 
	background-repeat:repeat-x;
	border:2px outset #C0C0C0;
	height:auto;
	margin:auto 75px auto 75px;
	padding:0;
	width:800px;
}
.customerbox {
	background-image: url(../images/bgMainTop.jpg); 
	background-repeat:repeat-x;
	border:2px outset #C0C0C0;
	height:auto;
	margin:2px auto;
	padding:0;
	width:auto;
	text-align:center;
}

.imagebox {
	background-image: url(../images/bgMainTop.jpg);
	background-repeat:repeat-x;
	border:2px outset #C0C0C0;
	height:auto;
	margin: auto 75px auto 75px;
	padding:0;
	width: 800px;
}
.imagebox1 {
	background-image: url(../images/bgMainTop.jpg);
	background-repeat:repeat-x;
	border:2px outset #C0C0C0;
	height:auto;
	margin: auto;
	width: auto;
}
.content {
	height:auto;
	margin:2px auto;
	padding:0;
	width:700px;
}
#bodyLeft p {
	background-color:#F5F5F5;
	border-color:#DFDFDF;
	border-style:none solid;
	border-width:1px;
	display:block;
	margin-left:1em;
	margin-right:1em;
	padding-bottom:0.5em;
}
p {
	color: #333333;
	font: normal 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	text-align: justify;
	letter-spacing: 1.2px;
	margin: 0px;
	padding-left:8px;
	padding-right:8px;
	text-indent:1px;
}
a:link {
	color: #333333;
	text-decoration:none;
}

a:visited {
	color: #333333;
	text-decoration: none;
}

a:active {
	color: #666666;
	text-decoration:none;
}

a:hover {
	color: #999999;
	text-decoration: none;
}

#bodyLeft a img.aligncenter:hover {
	background-color:#F5F5F5;
	border:3px solid #C0C0C0;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
#bodyLeft a img.aligncenter {
	background-color:#F5F5F5;
	border:3px solid #353535;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.tutorialBoxMain {
	background-image: url(../images/SubMainTop.jpg);
	background-repeat:repeat-x;
	border:1px #C0C0C0;
	height:150px;
	margin:2px auto;
	padding:0;
	width:318px;
}
.tutorialBoxMain h1 a {
	color:#353535;
	display:block;
	font: Bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	height:15px;
	margin-left:2px;
	padding-left:2px;
	text-align:right;
	text-decoration:none;
}
.tutorialBoxMain p {
	border:2px outset #DFDFDF;
	color:#353535;
	display:block;
	font: normal 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	height:auto;
	margin-bottom:2px;
	margin-right:2px;
	margin-top:7px;
	padding:3px 0 0 3px;
	text-align: left;
}
.tutorialBoxMain img {
	border:2px outset #DFDFDF;
	color:#353535;
	display:block;
	font: normal 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	height:auto;
	margin-bottom:2px;
	margin-right:2px;
	margin-top:2px;
	padding:0;
	text-align:center;
}
/**************ALL HEAD LINES POSITION *****************/
h1 {
	color:#353535;
	font: italic bold 24px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	margin:0;
	padding: 0 0 0 10px;
}
h2 { 
	color: #353535;
	font: italic bold 20px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	padding: 0 0 0 10px;
	margin:0;
}
h3 {
	color:#353535;
	font: italic bold 16px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	padding: 0 0 0 10px;
	margin:0;
	}

.h1Link {
	border-top:3px outset;
	border-bottom: 3px outset;
	background-image:url(../images/bgBottom.jpg);
	text-decoration:none;
}
.h2Link {
	border-top:3px outset;
	border-bottom: 3px outset;
	background-image:url(../images/bgBottom.jpg);
	text-decoration:none;
}
.h3Link {
	border-top:3px outset;
	border-bottom: 3px outset;
	background-image:url(../images/bgBottom.jpg);
	text-decoration:none;
}
span.color1 {
	color: #920028;
}
.Margin1 {
	color: #333333;
	font: bold 16px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	text-align: left;
	letter-spacing: 1.2px;
	margin-left :20px;
}
.Margin2 {
	color: #333333;
	font: normal 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	text-align: left;
	letter-spacing: 1.2px;
	margin-left :25px;
}
.Margin3 {
	color: #353535;
	font: normal 18px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	text-align: left;
	letter-spacing: 1.2px;
	margin-left :75px;
}
.Margin4 {
	color: #333333;
	font: normal 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	text-align: left;
	letter-spacing: 1.2px;
	margin-left :100px;
}

#bodybase {
	border-top:3px outset;
	border-bottom: 3px outset;
	background-image:url(../images/bgBottom.jpg);
	background-repeat:repeat-x;
	margin:0;
	color: #666666;
	font: normal 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	text-align: center;
	letter-spacing: 1.2px;
	margin: 0;
	padding-left:8px;
	padding-right:8px;
	text-indent:8px;
}


/************* hierarchical links *************/
.breadcrumb{
font: normal 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
.breadcrumb a{
background: transparent url(../images/breadcrumb.gif) no-repeat center right;
text-decoration: none;
padding-right: 18px; /*adjust bullet image padding*/
color: #666666;
}
.breadcrumb a:visited, .breadcrumb a:active{
color: #666666;
}
.breadcrumb a:hover{
text-decoration: none;
}
/************************************************/

/*Thumnail Image Viewer - photo galary*/

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail{
margin-top: 25px;
margin-left: 25px;
}

.thumbnail img{
border:2px outset #DFDFDF;
/*border: 1px solid white;*/
}
.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border:2px outset #DFDFDF;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #CCCCCC;
padding: 5px;
left: -1000px;
border:2px outset #DFDFDF;
/*border: 1px dashed gray;*/
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: 25px; /*position where enlarged image should offset horizontally */
top: 150px;
z-index: 50;
}
.thumbnail1{
margin-top: 25px;
margin-left: 25px;
}

.thumbnail1 img{
border:2px outset #DFDFDF;
/*border: 1px solid white;*/
}
.thumbnail1:hover{
background-color: transparent;
}

.thumbnail1:hover img{
border:2px outset #DFDFDF;
}

.thumbnail1 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #CCCCCC;
padding: 5px;
left: -1000px;
border:2px outset #DFDFDF;
/*border: 1px dashed gray;*/
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail1 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail1:hover span{ /*CSS for enlarged image*/
visibility: visible;
left: 25px; /*position where enlarged image should offset horizontally */
top: 310px;
z-index: 50;
}

#description {
	background-image: url(../images/SubMainTop.jpg); 
	background-repeat:repeat-x;
	border:2px outset #C0C0C0;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: auto;
	float: left;
	text-align: center;
}
/* --------------------------------------------------------*/
.

