@charset "utf-8";
/* CSS Document */

<!-- 
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/body-bg.jpg);
	background-repeat: repeat-y;
	background-position: top center;
	margin: 0; 
	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;
}

.twoColElsRtHdr #container { 
	width: 800px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background: #FFFFFF;
	background-image:url(../images/product-bg.jpg);
	background-position:top right;
	background-repeat:repeat-y;
	margin: 0 auto 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. */
}

.twoColElsRtHdr #language{
	width: 800px;
	height: 25px;
	background: url(../images/toyota.gif);
	color: #FFFFFF; /* text next to language select drop-down */
	font-size:11px; /* text next to language select drop-down */
	display: inline-block;
}

.twoColElsRtHdr #header { 
	background: url(../images/logo.gif); 
	padding: 0 0 0 0; 
	height: 60px;
}

.twoColElsRtHdr a#logo{
	display:block;	/*These properties are to help make the Hino logo link to the home page*/
	width:250px;
	height: 50px;
	outline-style: none;
	text-indent: -9999px;
}

/*****************Menu Stuff************************/

.horizontalcssmenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.horizontalcssmenu ul li{
	position: relative;
	display: inline;
	float: left;
}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
	display: block;
	width: 75px; /*Width of top level menu link items*/
	padding: 0px 0px;
	border: 0px solid #202020;
	border-left-width: 0;
	text-decoration: none;
	background: white;
	color: black;
	font: bold 13px Tahoma;
}

/*"concessionaires" in french pages causes overlaping, this increases the space for just that one button*/
.horizontalcssmenu #frenchNav {
	width: 100px;
	padding-right: 4px;
}

/*Sub level menu*/
.horizontalcssmenu ul li ul{
	left: 0;
	top: 0;
	border-top: 1px solid #202020;
	position: absolute;
	display: block;
	visibility: hidden;
	z-index: 100;
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
	display: inline;
	float: none;
}

/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
	width: 160px; /*width of sub menu levels*/
	font-weight: normal;
	padding: 2px 5px;
	background: #CCCCCC;
	opacity: 0.8; /*Makes the sub menus transparent*/
	filter: alpha(opacity = 95); /*For IE*/
	border-width: 0 1px 1px 1px;
}

.horizontalcssmenu ul li a:hover{
	background: url(menubgover.gif) center center repeat-x;
}

.horizontalcssmenu ul li ul li a:hover{
	background: #E11D25;
	opacity: 1.0; /*makes it more opaque when hovering - exludes IE*/
}

.horizontalcssmenu ul {
	padding-left: 5px;
}

.horizontalcssmenu #submenu {
	padding-left: 0; /*this will align sub-menus with nav buttons properly*/
}

.horizontalcssmenu .arrowdiv{
	position: absolute;
	right: 0;
	background: transparent url(menuarrow.gif) no-repeat center left;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
	padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */

/*********END OF MENU*********/

/********* MAIN CONTENT *********/

.twoColElsRtHdr #mainContent {
  	margin: 5px 0px 0px 0px; /* This will modify the area around the navigation */
	padding: 0 0 0 0;
	font-size:11px;
}

.twoColElsRtHdr #mainContent h1 {
	/* The following properties will alter the titles above main text on each page.*/
	color:#F00;
	padding: 10px 0 10px 5px; /*add space above and below titles*/
}

.twoColElsRtHdr #captionRed {
	/* The following properties will alter the titles above main text on each page.*/
	color:#F00;
	background-color:#FFF;
	padding-left: 5px;
	font-size:15px;
	/*consider delete this*/
}

.twoColElsRtHdr #title {
	background-color:#999;
	width: 575px;
	color:#FFFFFF;
	padding-left: 10px;
	font-size:15px;
	font-weight:bold;
}

.twoColElsRtHdr #mainContent h2 {
	/* The following properties will alter the titles within the content of each page - currently set as red.*/
	color:#F00;
	font-size:11px;
}

.twoColElsRtHdr #mainContent a {
	/* The following properties will alter the main link text on every page*/
	font-size:11px;
}

.twoColElsRtHdr #mainContent a {
	/* This is used to get rid of the link border around the dealer map*/
	text-decoration:none;
}

/* This controls the area where the actual content is */
.twoColElsRtHdr #leftPane {
	float: left;
	margin: 0px 5px 10px 5px;
	width: 579px;
}

.twoColElsRtHdr #leftPane li {
	font-size: 11px;
}

.twoColElsRtHdr #content {
	padding: 0 10px 0 15px;
}

/*Link properties*/
.twoColElsRtHdr #leftPane a:link {
	color:#000000;
	text-decoration:underline;
}

.twoColElsRtHdr #leftPane a:visited { 
	color: #000000;
	text-decoration:underline;
	}
.twoColElsRtHdr #leftPane a:hover { 
	color: #F00;
	background-color: #FFFFFF;
	text-decoration:underline;
	}
.twoColElsRtHdr #leftPane a:active { 
	color: #333333;
	}
/*End of link properties*/

/*Dealer table properties*/

.twoColElsRtHdr #dealersTab td {
	/* This controls the text in the dealer list table */
	color:#000000;
	font-size:11px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom-style:solid;
	border-bottom-color:#BABABA;
	border-bottom-width: 2px;
}

.twoColElsRtHdr #hoursTab td {
	/* This controls the text in the dealer list table */
	color:#000000;
	font-size:11px;
	padding: 0px;
	border: none;
}

.twoColElsRtHdr #dealersTab h1 {
	/*This is for the province headers in the dealer list table*/
	color:#F00;
	font-size:11px;
	font-weight:bold;
}

.twoColElsRtHdr #prov {
	font-weight:bold;
	background-color:#BABABA;
}

.twoColElsRtHdr #prov a:hover {
	text-decoration:none;
	color:#000;
	background-color:#BABABA;
}

.twoColElsRtHdr #address:hover{
	background-color:#E1E1E1;
}

.twoColElsRtHdr #address a:hover {
	background-color:#E1E1E1;
}

/*End of dealer table properties*/

/*Links table properties*/
.twoColElsRtHdr #linksTab {
	padding: 5px 0 5px 0;
	text-align:center;
}

.twoColElsRtHdr #linksTab a {
	font-size:14px;
	font-weight:bold;
}

.twoColElsRtHdr #indlinksTab {
	padding: 5px 0 5px 0;
}

.twoColElsRtHdr #indlinksTab a {
	font-size:14px;
	font-weight:bold;
}

.twoColElsRtHdr #indlinksTab td {
	padding: 5px 0 5px 5px;
}
/*End of links table properties*/

/*Hino Cares table properties*/
.twoColElsRtHdr #issueUnd {
	height: 20px;
	border-bottom-style:solid;
	border-bottom-color:#BABABA;
	border-bottom-width: 1px;
}

.twoColElsRtHdr #issue {
	font-weight: bold;
	font-size: 14px;
	padding: 0 0 0 0;
}

.twoColElsRtHdr #season {
	padding: 0 0 0 5px;
}

.twoColElsRtHdr #cover:hover {
	opacity: 0.5;
	filter: alpha(opacity = 60); /*For IE*/
}

.twoColElsRtHdr #cover {
	border-style:none;
}

.cover {
	border-style:none;
}
/*End of Hino Cares table properties*/

/*Model list page table properties*/

.twoColElsRtHdr #modelLinks td {
	padding: 5px 0 5px 0;
}


.twoColElsRtHdr #modelLinks a {
	font-size:14px;
	font-weight: bold;
}

/********MODEL TEST PAGE***********/

.modRight tr td {
	padding: 0 0 30px 50px;
}

.hiddenPic {
	display:none;
}

.models #modName {
	font-size: 16px;
	font-weight: bold; 
	color:black;
}

.models ol, ul {
	list-style: none;
}

.models {
	width: 225px;
	padding: 0 0 0 10px;
}

.models #primaryNav {
	margin: 0;
	float: left;
	width: 100%;
}

.models #primaryNav li {
	float: left;
	padding: 5px 0;
	marging-top: -30px;
	width: 100%;
	text-align: center;
	/*filter:progid:DXImageTransform.Microsoft.DropShadow(OffX='2', OffY='2', Color='#c0c0c0', Positive='true');*/
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=0,strength=0)
        progid:DXImageTransform.Microsoft.Shadow(color=#FF404040,direction=90,strength=3)
        progid:DXImageTransform.Microsoft.Shadow(color=#FF404040,direction=180,strength=3)
        progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=0);
}

.models #primaryNav li ul li {
	width: 100%;
}

.models #primaryNav li a {
	margin: 0 20px 0 0;
	padding: 10px 0;
	display: block;
	font-size: 9px;
	color: black;
	/*background: #c3c3c3 url('../images/models/white-highlight.png') top left repeat-x;*/
	background: #cd2027 url('../images/models/white-highlight.png') top left repeat-x;
	/*border: 2px solid #999999;*/
	border: 2px solid #a6181f;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px;
	-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px;
	
	
	    /*filter: 
        progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=0,strength=7)
        progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=10)
        progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=180,strength=10)
        progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=7);*/

}

.models #primaryNav li a:hover {
	/*background-color: #e4e4e6;*/
	/*background-color: #dd676c;*/
	background-color: #dd676c;
	border-color: #96171d;
	text-decoration: none;
	color: black;
}

.models #primaryNav li a:link {
	text-decoration: none;
}

.models #primaryNav li a:visited {
	text-decoration: none;
}
/*end of model list page table properties*/

/* Warranty table properties*/

.twoColElsRtHdr #warrantyTab td {
	/* This controls the text in the dealer list table */
	color:#000000;
	font-size:11px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-style:solid;
	border-color:#000000;
	border-width: 1px;
}

/* End of warranty table properties*/

/********Home page styles***************/
.twoColElsRtHdr #homeTab td {
	border-bottom-style: solid;
	border-right-style: solid;
	border-color:#BABABA;
	border-width: 1px;
}

.twoColElsRtHdr #tophometab td{
	border-top-style: solid;
}

.twoColElsRtHdr #homeImage {
	border-style:none;
}

/***********end of home page styles************/

/************Events table***********************/
.twoColElsRtHdr #eventsTab {
	font-size: 15px;
}

.twoColElsRtHdr #eventsTab a {
	font-size:15px;
}

.twoColElsRtHdr #eventUnd {
	height: 20px;
	border-bottom-style:solid;
	border-bottom-color:#BABABA;
	border-bottom-width: 1px;
}

.twoColElsRtHdr #eventDate {
	font-weight: bold;
	font-size: 16px;
	padding: 0 0 0 0;
}

/****************End of events table**************/

/***************Photo Contest Properties**********/

.twoColElsRtHdr #contestTitle {
	font-weight: bold;
	font-size: 18px;
}

.phAddr #compName {
	font-size:15px;
	font-weight:bold;
}

.phAddr #phLoc {
	font-size:10px;
}

.phAddr td {
	padding-top:5px;
}

/***************End of Photo Contest Properties**********/

/*************DPR FLASH VIDEO PROPERTIES*************/

/* overlay size and background image */ 
div.overlay { 
     
    /*  
        THIS IS YOUR FULLSCREEN DIMENSIONS 
    */ 
    width:800px;     
    height:600px;  
     
    background-image:url(../images/flash/petrol.png); 
    display:none;     
    padding: 0 !important; 
} 
 
/* close button for overlay */ 
div.overlay div.close { 
    background:url(../images/flash/close.png) no-repeat; 
    position:absolute; 
    top:2px; 
    right:5px;  
    width:35px; 
    height:35px; 
    cursor:pointer; 
} 
 
/* original size of the player */ 
#player, #player embed, #player object { 
    height:225px; 
    width:300px; 
} 
 
/* absolute positioning of the player */ 
#player embed, #player object { 
	position:absolute;
	/*position: static;*/
 	
    /* layer as the topmost element */ 
    z-index:10000; 
}

div.wrap {
	height:441px;
	overflow-y:auto;
}

/**************END OF DPR FLASH PROPERTIES***********/

/******************ADVERTISEMENTS*******************/

.adSideImage {
	float:left; 
	padding: 0 10px 0 0; 
	width: 90px; 
	border-right-style:solid; 
	border-right-color:#BABABA; 
	border-right-width: 1px; 
	min-height: 581px;
}

.adPrevImage {
	float:left; 
	padding: 0 0 0 15px;
}

.dropshadow1{
	float:left;
	clear:left;
	background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(../images/shadow.gif) no-repeat bottom right;
	margin: 5px 0 10px 0 !important;
	margin: 10px 0 10px 5px;
	width: 100px;
}
.dropshadow1 p{
	position:relative;
	bottom:6px;
	right: 6px;
	border: 1px solid #999999;
	padding:4px;
	font-size:14px;
	margin: 0px;
}

.dropshadow2{
	float:left;
	clear:left;
	background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(../images/shadow.gif) no-repeat bottom right;
	margin: 5px 0 10px 0px !important;
	margin: 10px 0 10px 5px;
	width: 435px;
}
.dropshadow2 p{
	position:relative;
	bottom:6px;
	right: 6px;
	border: 1px solid #999999;
	padding:4px;
	font-size:14px;
	margin: 0px;
}

.dropshadow3{
	float:left;
	clear:left;
	background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(../images/shadow.gif) no-repeat bottom right;
	margin: 5px 0 10px 0px !important;
	margin: 10px 0 10px 5px;
	width: 260px;
}
.dropshadow3 p{
	position:relative;
	bottom:6px;
	right: 6px;
	border: 1px solid #999999;
	padding:4px;
	font-size:14px;
	margin: 0px;
}

.dropshadow4{
	float:left;
	clear:left;
	background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(../images/shadow.gif) no-repeat bottom right;
	margin: 5px 0 10px 0px !important;
	margin: 10px 0 10px 5px;
	width: 550px;
}
.dropshadow4 p{
	position:relative;
	bottom:6px;
	right: 6px;
	border: 1px solid #999999;
	padding:4px;
	font-size:14px;
	margin: 0px;
}

/******************END OF ADVERTISMENTS****************/

/******************ADVERTISMENTS CAROUSEL****************/

.carousel_container {
	width: 575px;
	height: 300px;
	margin: 0px auto;
	border: 0px solid #CCCCCC;
}

/******************END OF ADVERTISMENTS CAROUSEL****************/


/*********END OF MAIN CONTENT*********/

/******** Right sidebar *********/

.twoColElsRtHdr #sidebar1 {
	float: right;
	width: 211px; /* since this element is floated, a width must be given */
	height: 100%;
	padding: 0px 0; /* top and bottom padding create visual space within this div */
}

.twoColElsRtHdr #sidebar1 h1 {
	color:#FFFFFF;
	font-size:11px;
	padding-right: 4px;
}

.twoColElsRtHdr #sidebar1 h3, .twoColElsRtHdr #sidebar1 p {
	margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 10px;
}

/******** End of Right sidebar *********/

.twoColElsRtHdr #footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#393939;
	height: 20px;
} 
.twoColElsRtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.twoColElsRtHdr #footer2{
	height: 25px;
	padding: 5px 0 0 5px;
	background-color:#FFFFFF;
	font-size:10px
}

.twoColElsRtHdr #footer2 a {
	color: #F00;
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
-->