body {
	font: 100% Arial, Verdana, Helvetica, sans-serif; 
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-image:url(../images/bg_main.png);	
}



#container {
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	/*background-image:url(../../../exphv3/web2/images/bg1.jpg);*/
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top:0px;
	margin-bottom:0px;
	position:relative;
	}

#topnav {
	width: 972px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	/*background-image:url(../../../exphv3/web2/images/bg1.jpg);*/
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top:0px;
	margin-bottom:0px;
	position:relative;
	}
	
	ul{
padding:0px;
margin:5px 0px 0px 15px;
}

li{
background-image:url(arrow.gif);
background-repeat:no-repeat;
background-position:0px 5px; 

}

#nav { background-color:#e9e9e9; margin-top:10px; height:80px; text-decoration : none;}
#nav ul{ margin:0px; padding:0px; background-color:#e9e9e9;  }
#nav li{ display:block; list-style-type:none; float:left; background-color:#e9e9e9;  }
#nav li a{ display:block; height:26px; text-decoration:none;}
#nav li.dmax{ width:120px; height:70px; padding-top:10px;}
#nav li.sportivo{ width:120px; height:70px; padding-top:10px;  }
#nav li.crewcab{ width:120px; height:70px; padding-top:10px;   }
#nav li.altera{ width:120px; height:70px; padding-top:10px;  }
#nav li.elf{ width:120px; height:70px; padding-top:5px;  }


.f1 {font-size: 14px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #ffffff;}
.f2 {font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #ffffff;}
.f3 {font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #ffffff;}
.f4 {font-size: 18px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #ffffff;}
.f5 {font-size: 16px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #ffffff;}
.f6 {font-size: 16px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #ff0000;}
.f7 {font-size: 22px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #ffffff;}

.f8 {font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #000000;}
.f8 a:link { color: #000000; text-decoration : none;}
.f8 a:visited { color: #000000; text-decoration : none;}
.f8 a:active { color: #000000; text-decoration : none;}
.f8 a:hover {color: #FF0000; text-decoration : underline;}

.f9 {font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #000000;}
.f9 a:link { color: #000000; text-decoration : none;}
.f9 a:visited { color: #000000; text-decoration : none;}
.f9 a:active { color: #000000; text-decoration : none;}
.f9 a:hover {color: #FF0000; text-decoration : underline;}


.f10 {font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; color: #000000; }
.f10 a:link { color: #000000; text-decoration : none;}
.f10 a:visited { color: #000000; text-decoration : none;}
.f10 a:active { color: #000000; text-decoration : none;}
.f10 a:hover {color: #FFFFFF; text-decoration : underline; background-color:#003399;}

.f11 {font-size: 14px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #000000;}
.f12 {font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #ffffff;}
.f14 {font-size: 14px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; color: #ff0000;}
.f15 {font-size: 18px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #000000; text-decoration : none;}
.f15 a:link { color: #000000; text-decoration : none;}
.f15 a:visited { color: #000000; text-decoration : none;}
.f15 a:active { color: #000000; text-decoration : none;}
.f15 a:hover {color: #FF0000; text-decoration : underline;}

.f16 {font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #333;}
.f17 {font-size: 18px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #ff0000;}

.l1{color: #ffffff; text-decoration : none;}
.l1:active{color: #ffffff;	text-decoration : none;}
.l1:visited{color: #ffffff; text-decoration : none;}
.l1:hover{color: #3a7dca; text-decoration : none;}

.l2{color: #ffffff; text-decoration : none;}
.l2:active{color: #ffffff;	text-decoration : none;}
.l2:visited{color: #ffffff; text-decoration : none;}
.l2:hover{color: #000000; text-decoration : none;}

.l3{color: #333399; text-decoration : underline; font-size:10px;}
.l3:active{color: #333399;	text-decoration : underline;}
.l3:visited{color: #333399; text-decoration : underline;}
.l3:hover{color: #ff0000; text-decoration : underline;}

.l4{color: #000; text-decoration : none;}
.14 a:link { color: #000000; text-decoration : none;}
.l4 a:active{color: #000;	text-decoration : none;}
.l4 a:visited{color: #000; text-decoration : none;}
.l4 a:hover{color: #ff0000; text-decoration : underline;}

.l5{color: #003399; text-decoration : none;}
.l5:active{color: #003399;	text-decoration : none;}
.l5:visited{color: #003399; text-decoration : none;}
.l5:hover{color: #ff0000; text-decoration : underline;}


.textlink{color: #003399; text-decoration : none;}
.textlink:active{color: #003399;	text-decoration : none;}
.textlink:visited{color: #003399; text-decoration : none;}
.textlink:hover{color: #ff0000; text-decoration : underline;}



#breadCrumbArea { width:914px; height:20px; margin: 0 auto; padding-left:10px}
#breadCrumbText {margin:4px 0px 0px 0px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:14px; color: #000000; line-height:12px; font-weight:bold}
#breadCrumbText a{ color:#45587d; text-decoration:none; }
#breadCrumbText a:hover{ text-decoration:none; }

#leftCol {float:left; margin-top:5px; width:230px;}
#rightCol {float:right; margin-top:5px; width:675px; padding-top:10px;}

#leftCol2 {float:left; margin-top:5px; width:675px; padding-top:10px;}
#rightCol2 {float:right; margin-top:5px; width:230px;}

.articleItem0 { float:left; width:98%; margin-bottom:5px; margin-top:3px; font-size:11px; }
.articleItem0 a{ font-family: Arial, Verdana, Helvetica, sans-serif; color:#45587d; text-decoration:none; }
.articleItem0 a:hover{ text-decoration:underline; }
.articleItem0 p { margin-top:8px; margin-bottom:8px; }
.articleTitle0 { color:#3c67bc; margin-top:8px; font-size:12px; font-weight:bold; }
.articleDetails0 { font-size:11px; margin-top:5px; }


.articleItem { float:left; width:98%; margin-bottom:15px; margin-top:10px; font-size:11px; }
.articleItem a{ font-family: Arial, Verdana, Helvetica, sans-serif; color:#45587d; text-decoration:none; }
.articleItem a:hover{ text-decoration:underline; }
.articleItem p { margin-top:8px; margin-bottom:8px; }
.articlePhoto { float:left; margin-right:15px; }
.articleTitle { color:#3c67bc; margin-top:8px; font-size:14px; font-weight:bold; }
.articleDetails { font-size:11px; margin-top:5px; }

.articleItem2 { float:left; width:98%; margin-bottom:15px; margin-top:10px; font-size:11px; }
.articleItem2 a{ font-family: Arial, Verdana, Helvetica, sans-serif; color:#FBEF0B; text-decoration:none; }
.articleItem2 a:hover{ text-decoration:underline; }
.articleItem2 p { margin-top:8px; margin-bottom:8px; }
.articleTitle2 { margin-top:8px; font-size:14px; font-weight:bold; color:#FBEF0B;}
.articleDetails2 { font-size:11px; margin-top:5px; color:#FFFFFF;}

.articleTitle3 { margin-top:8px; font-size:11px; font-weight:bold; color:#FF0000;}


.articleItem4 { float:left; width:100%; font-size:11px;}
.articleItem4 a{ font-family: Arial, Verdana, Helvetica, sans-serif; color:#45587d; text-decoration:none; }
.articleItem4 a:hover{ text-decoration:underline; }
.articleItem4 p { margin-top:8px; margin-bottom:8px; }
.articlePhoto4 { float:left; margin-right:15px; }
.articleTitle4 { color:#3c67bc; margin-top:8px; font-size:18px; font-weight:bold; }
.articleDetails4 { font-size:11px; margin-top:5px; }



#vehicle {
background-image:url(../images/bgIsuzu.jpg);
margin-top:10px;
border:1px solid #000000;
padding:7px;
}

#menu {float:left; width:234px; background:url(../images/menuBG.gif) no-repeat; padding-top:11px; padding-left:10px; margin-bottom:20px;}
.menuItem { float:left; width:214px; border-bottom:1px solid #CCCCCC; background-color:#e6e6e6; background:url(../images/menuItemBG2.gif) repeat-x; padding-bottom:5px; padding-top:5px; }
.menuItemText {margin:8px 8px 5px 15px; }
.menuItemText a{font-family: Arial, Verdana, Helvetica, sans-serif; font-size:10px; color:#45587d; text-decoration:none; }
.menuItemText a:hover{ text-decoration:none; font-weight:bold;}

#grayBox { float:left; width:94%; margin:10px 15px 10px 4px; background-color:#ededed; padding:12px 12px 12px 12px; }
html>body #grayBox { margin:10px 0px 10px 10px; }

.itemGray { float:left; width:100%; padding-bottom:5px; padding-top:5px; margin-bottom:5px;  }
.itemWhite { float:left; width:100%; background-color:#FFFFFF; padding-bottom:5px; padding-top:5px; margin-bottom:5px;  }
.itemWhite a{ font-family: Arial, Verdana, Helvetica, sans-serif; color:#45587d; text-decoration:none; }
.itemWhite a:hover{ text-decoration:underline; }
																																		
#pagination{ float:right; width:98%; margin:-10px 10px 20px 0px; text-align:right; font-size:11px;}
#pagination ul{ float:right;}
#pagination ul li{ float:left; display:inline; padding:1px 4px 1px 4px; margin:1px; margin-left:4px; border:1px solid #999; }

#optionsPane {width:98%; height:42px; background:url(../images/shadowUp.gif) repeat-x; margin-bottom:10px; margin-top:0px; }
#optionsPaneText { float:left; margin:10px 0px 0px 20px; }

.itemTitle2 { float:left; width:22%; margin-left:12px; color:#45587d; }
.itemDesc2 { float:left; width:30%; margin-left:10px; font-size:10px; color:#45587d;}
.itemUpdate2 { float:left; width:40%; margin-left:14px; font-size:10px; color:#45587d;}

#shadowBox { float:left; width:224px; margin-left:3px; background:url(../images/boxSmallSides.gif) repeat-y; margin-bottom:-5px; }
html>body #shadowBox { margin-left:6px; margin-bottom:0px;}

#blueBox { float:left; width:80%; margin:4px 15px 2px 7px; background-color:#84a4c5; padding:15px 5px 5px 10px;}
html>body #blueBox { margin:4px 15px 2px 14px; }
#blueBoxText { margin-bottom:5px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; }
#blueBoxText p{ color:#000000; }
#blueBoxText h2{ font-size:12px; font-weight:bold; color:#FFFFFF;  }
#blueBoxText a{ color:#45587d; text-decoration:none;}
#blueBoxText a:hover { text-decoration:underline; }

.whiteLine { float:left; width:98%; height:1px; border-top:1px solid #FFFFFF; margin-bottom:10px; }
.whiteLine span { display:none; }

.nav{ padding:5px 0px 5px 15px; border-top:1px dashed #999;}
.navunder {font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #000000; }
.navunder a:link { color: #000000; text-decoration : none; }
.navunder a:visited { color: #003399; text-decoration : none;}
.navunder a:active { color: #000000; text-decoration : none; font-weight:bold;}
/*.navunder a:hover {color: #FF0000; text-decoration : underline;}*/
.navunder a:hover {color: #FFFFFF; text-decoration : underline; background-color:#003399;}


.sign-in{ padding:5px 0px 5px 15px;}

.roundcont {
	width: 100%;
	background-color: #fff;
	color: #000;
	padding-bottom:10px;
}

.roundcont p {
	margin: 0 10px;
}

.roundtop { 
	background: url(../images/cor_rnd_tr.gif) no-repeat top right; 
}

.roundbottom {
	background: url(../images/cor_rnd_br.png) no-repeat top right; 
}

img.corner {
   width: 10px;
   height: 10px;
   border: none;
   display: block !important;
}


.roundcont_gry {
	width: 100%;
	background-color: #ccc;
	color: #000;
	padding-bottom:10px;
}

.roundcont_gry p {
	margin: 0 10px;
}

.roundtop_gry { 
	background: url(../images/cor_rnd_gry_tr.gif) no-repeat top right; 
}

.roundbottom_gry {
	background: url(../images/cor_rnd_gry_br.gif) no-repeat top right; 
}


/* Powertrain*/
#leftCol2		{margin-top:5px; width:230px;}
#rightCol2		{width:660px; margin:0 5px 20px 0; background:url(../images/ptbg.jpg) no-repeat top center; position:relative; top:20px; background-position:0 -60px;}
#rightCol3		{float:right; width:660px; margin:0 5px 20px 0; background:url(../images/ptbg.jpg) no-repeat top center; position:relative; top:20px; background-position:0 -265px;}

.ptlogo			{padding-bottom:10px; position:relative; top:-18px; left:10px;}
.ptcontent		{width:600px; margin:0 auto; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
.ptcontent p	{margin:5px 0; padding:0; text-indent:0;}
.ptcontent a		{color:#c92003; font-weight:bold;}
.ptcontent a:hover	{color:#c92003;}
.ptcontent h3	{font-size:12px; color:#c92003; margin:10px 0 3px 0; padding:0;}
.ptcontent h4	{margin-bottom:20px; text-align:left;}
.ptcontent h5	{margin-bottom:20px; text-align:center;}

.flash			{padding-bottom:30px; height:250px;}

.box1			{width:270px; float:left; text-align:left; margin-right:20px; margin-top:-30px; }
.box2			{width:310px; float:left; text-align:left; margin-top:-30px; }
.box2 li		{float:left; margin:10px 0; text-align:center; list-style:none;}
.boxTop			{background:url(../images/redbar.png) repeat-x; display:block; height:25px; color:#FFFFFF; font-size:11px; font-weight:bold; line-height:25px; text-align:left; padding-left:10px;}
.boxData		{padding:10px 0; border-bottom:1px solid #cccccc;}
.boxData2		{padding:10px 0;}
.boxData p		{margin:8px 0;}
.date			{color:#999999;}
.read a			{color:#c92003; font-weight:bold;}

.newsBox		{text-align:left;}
.page			{margin:20px 0; text-align:right;}
.addthis		{margin:10px 0;}

.left			{text-align:left;}
.eng			{width:100%;}
.eng td			{text-align:left;}

.projBox		{width:100%;}
.projBox td		{vertical-align:top; width:200px; text-align:left;}
.projBox p		{margin:10px 0;}
.projBox ul		{margin:10px 0;}
.projBox li		{margin-left:20px; list-style-type:disc;}

.projData		{margin:20px auto 20px 0; border-spacing:0;}
.projData td	{text-align:left; vertical-align:text-top; padding-right:10px;}
.pd1			{font-weight:bold; width:120px;}

.counter		{width:81px; margin:15px 0 8px 8px; font-size:10px; color:#999999; display:block; text-align:center; padding:3px;}

.upperleftnav {font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: none; color: #000000; padding-right:10px; }
.upperleftnav a:link { color: #000000; text-decoration : none;}
.upperleftnav a:visited { color: #000000; text-decoration : none;}
.upperleftnav a:active { color: #000000; text-decoration : none;}
.upperleftnav a:hover {color: #FF0000; text-decoration : underline;}
/* Powertrain*/


/*rhea adds*/
a.sample_attach, a.sample_attach:visited, div.sample_attach
{
  display: block;
  width:   100px;
  border:  1px solid black;
  padding: 2px 5px;
  background: #FFFFFF;
  text-decoration: none;
  font-family: Verdana, Sans-Sherif;
  font-weight: 900;
  font-size: 1.0em;
}

a.sample_attach, a.sample_attach:visited { border-bottom: none; }
div#sample_attach_menu_child             { border-bottom: 1px solid black; }
