* {
	margin: 0;
	padding: 0;
}

body {
background: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 17px;
}
table {
	border-collapse: collapse;
	margin: 0px 0px;	
}
th {
/*margin: 0px 2px 0 0;*/
padding: 10px 10px 0 0;
color: #000;
font-size: 12px; 
text-align: right;
font-weight: 100;
}
td {
color: #828389;
}
a {
text-decoration: none;
color: #000;
}
a:hover {
text-decoration:none;
color: #d2232a;
}


#wrap {
margin: 0 auto;
width: 784px;
background: #fff;
}

#header {
height: 65px;
background: #fff;
}
.hleft {
float: left;
width: 90px;
/*padding: 0px 0 0 0;*/
/*border: 1px solid #000;*/
}
.hright {
float: right;
width: 311px;
/*border: 1px solid #000;*/
}


#menu {
border:none;
border:0px;
margin:0px;
padding:20px 0px 0px 0px;
font: regular 12px Verdana, Arial, Helvetica, sans-serif;
background: #ffffff url("http://www.scribat.com/Exp/toyota/img/bar.gif") bottom left no-repeat;
height: 59px;
}
.m {
border:none;
border:0px;
margin:5px;
width:774px;
/*font: bold 12px Arial;*/
float:right;
/*border: 1px solid #000;*/
}
.m ul{
	/*background:#d2232a;*/
	height:26px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.m li{
		float:right;
		padding:0px;
		}
	.m li a{
	/*	background:#d2232a;*/
		color:#ffffff;
		display:block;
		font-weight:bold;
		line-height:26px;
		margin:0px;
		padding:0px 10px;
		text-align:right;
		text-decoration:none;
		}
		.m li a:hover, .m ul li:hover a{
			background: #ffc010;
			color:#FFFFFF;
			text-decoration:none;
			}
	.m li ul{
		background:#d2232a;
		z-index:100;
		display:none;
		height:auto;
		border:0px;
		position:absolute;
    text-align:right;
    margin:0px -40px;
		}
	.m li:hover ul{
		display:block;
		
		}
	.m li li {
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:100%;
		}
	.m li:hover li a{
		background:none;
		}
	.m li ul a{
		display:block;
		height:25px;
		font-size:12px;
		font-style:bold;
		margin:0px;
		padding:0px 5px 0px 5px;
		text-align:right;
		}
		.m li ul a:hover, .m li ul li:hover a{
			background:#ffc010;
			width: 100%;
      border:0px;
			color:#ffffff;
			text-decoration:none;
			}

  
.a a {
padding-top: 8px;
padding-right: 30px;
float: right;
text-decoration: none;
color: #000;
}
.a a:hover {
text-decoration:none;
color: #d2232a;
}


#back {
background: url("img/back.gif") bottom right no-repeat;
height: 328px;
width:784px;
/*border: 1px solid #000;*/
}

.left {
float: left;
width: 600px;
text-align: right;
font-weight: 600;
padding: 0px 0 0 0;
/*border: 1px solid #000;*/
}
.left h2 {
margin-top: 3px;
margin-left: 2px; 
}  
.leftm {
/*float: left;*/
width: 780px;
text-align: right;
font-weight: 600;
padding: 0px 0 0 0;
/*border: 1px solid #000;*/
}
.leftm a {
padding: 7px 10px 0px 10px;
margin-right: 3px;
float: right;
border-top: 3px solid #8b858b;
color: #d2232a;
font-weight: 100;
font-size: 12px;
background: #efeff1;

}
.leftm a:hover {
text-decoration:none;
color: #fff;
border-top: 3px solid #fff;
background: #8b858b;
}

.bary {
width: 600px;
/*border: 1px solid #000;*/
padding: 0 0 10px 0;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}
.right {
float: right;
margin: 0  0 10px 0;
width: 165px; 
margin-top: 1px;
color: #fff;
text-align: right;
}
.right h1 {
margin: 20px 10px 0 0;
padding-right: 10px;
color: #ffc010;
font-size: 18px; 
}

.right h1 a:hover {
color: #fff;
}
.right a {
padding-top: 10px;
padding-right: 20px;
float: right;
text-decoration: none;
color: #fff;
}
.right a:hover {
text-decoration:none;
color: #ffc010;
}
.right p {
padding-top: 1px;
padding-right: 10px;
float: right;
text-decoration: none;
color: #fff;
}
.righta {
float: right;
/*margin: 0  0 20px 0;*/
padding: 10px 20px 0 0;
width: 90px;
height: 328px;
color: #fff;
text-align: right;
/*border: 1px solid #000;*/
}
.righta a {
/*padding-top: 20px;
padding-right: 20px;
float: right;     */
line-height: 24px;
text-decoration: none;
color: #fff;
}
.righta a:hover {
text-decoration:none;
color: #ffc010;
}


.right h3 {
margin: 10px 0 0 0;
padding-left: 10px;
color: #000;
font-size: 10px;
font-weight:normal;
}
.right ul {
padding: 10px 0 15px 20px;
list-style-type: square;
}
.right ul li a {
color: #000;
text-decoration: none;
font-size: 13px;
font-weight: 100;
}
.right ul li a:hover {
color: #666;
font-weight: 600;
}

#info {
padding-top: 20px;
background: url("img/infoa.gif") bottom right no-repeat;
height: 116px;
width:784px;
}
#info h2 {
padding: 0 0 2px 0;
padding-right: 10px;
color: #d2232a;
font-size: 18px; 
}
.ilink {
float: left;
width: 145px;
text-align: right;
font-weight: 100;
/*padding: 0px 0 0 0;
border: 1px solid #000; */
}
.ibanner {
float: right;
width: 188px;
text-align: right;
font-size: 11px;
color: #666666;
/*border: 1px solid #000;*/
margin: 3px 89px 0 0;
}
.textfield1 {
	font-size: 11px;
	color: #ffffff;
	background: #828389;
	border: 1px solid #CCCCCC;
	padding-right: 2px;
	width: 120px; 
  height:18px
}
#today {
padding-top: 20px;
background: url("img/todaya.gif") bottom right no-repeat;
height: 40px;
width:784px;
text-align: right;
color: #000;

}
#today h1 {
padding-top: 15px;
padding-right: 10px;
font-size: 14px;
}
#today h2 {
padding-top: 15px;
padding-right: 10px;
font-size: 12px;
}


#text {
padding-top: 20px;
float: right;
width:460px;
text-align: right;
font-size: 12px;
color: #666;
border: 1px solid #000;
}
.text h1 {
margin: 10px 0 10px 0;
padding-right: 5px;
text-align: right;
color: #d2232a;
font-size: 18px; 
}
.text h1 a{
margin: 10px 0 10px 0;
padding-right: 5px;
text-align: right;
color: #d2232a;
font-size: 18px; 
}
.text h1 a:hover{
color: #333;
}
.text h2 {
margin: 0;
padding-right: 5px;
text-align: right;
color: #d2232a;
font-size: 14px; 
}
.text h2 a{
margin: 0;
padding-right: 5px;
text-align: right;
color: #d2232a;
font-size: 14px; 
}
.text h2 a:hover{
color: #333;
}
.text p {
margin: 0 10px 0 0;
text-align: right;
}

.text ul {
padding: 10px 0 15px 20px;
text-decoration: none;
/*list-style-type: square;
border: 1px solid #000;*/
}
.text ul li {
text-decoration: none;
/*background: #f9f9f9;*/
}
text .imgr{padding:4px; border:1px solid #DEDACB; text-align:center; width: 140px;}
text .latestnews{
	display:block;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	}
.lt {
float: left;
width: 500px;
text-align: right;
font-weight: 100;
padding: 0px 0 0 0;
background: #f9f9f9;
/*border: 1px solid #ccc;*/
}
.rt {
float: right;
margin: 0  0 10px 0;
width: 220px;
margin-top: 1px;
color: #000;
text-align: right;
background: #cccccc;
/*border: 1px solid #ccc;*/
}
#article {
float: right;
padding-top: 5px;
height: 80px;
background: url("img/art.gif") bottom right no-repeat;
/*border: 1px solid #d2232a;*/
text-align: right;
font-size: 12px;
color: #666;
width:438px;
}
#article h2 {
margin: 10px 1px 0 0;
padding-right: 10px;
color: #d2232a;
font-size: 18px; 
}

#article h2 a:hover {
color: #d2232a;
}
#article a {
text-decoration: none;
color: #666;
}
#article a:hover {
text-decoration:none;
color: #666;
}
#article p {
padding-top: 1px;
padding-right: 5px;
padding-left: 5px;
float: right;
text-decoration: none;
color: #666;
}
#space {
float: right;
padding-top: 5px;
height: 1px;
width:438px;
}
#tofes {
float: left;
padding-top: 10px;
height: 250px;
/*background: url("img/man.gif") bottom right no-repeat;*/
border: 0px solid #ccc;
text-align: right;
font-size: 12px;
color: #666;
width:300px;

}
#tofes h3 {
color: #d2232a;
font-size: 18px; 
}

label {
	display:block;
	font-weight:regular;
	width: 5em;
  float: right;
  text-align: right;
  margin-right: 0.5em;
}
textarea, select
{
padding: 2px;
color: #777;
border:1px solid #eee;
width: 150px;
font-size: 12px;

}
textarea {
	padding: 2px;
	font: normal 1em Arial, Tahoma, sans-serif;
	border:1px solid #eee;
	height:50px;
	display:block;
	color:#777;
}
input.button { 
	font: bold 12px Arial, Sans-serif; 
	margin: 0px 65px; 
	color: #333;	
	border: 1px solid #DADADA;
  }              








#footer {
padding-top: 20px;
height: 130px;
background: #f9f9f9;
border: 1px solid #ccc;
text-align: right;
font-size: 12px;
color: #666;
width:784px;
}
#footer ul {
margin: 0 20px 0 0;
padding: 5px 15px 0 20px;
list-style-type: square;
}
#footer ul li a {
color: #666;
text-decoration: none;
font-size: 13px;
font-weight: 100;
}
#footer ul li a:hover {
color: #333;
font-weight: 100;
}
/*#footer a { color: #ccc; }*/



#footer_m {
margin: 0;
width:784px;
height: 150px;
}

#footer_map {
padding-top: 20px;
height: 130px;
background: #f9f9f9;
border: 1px solid #ccc;
text-align: right;
font-size: 12px;
color: #666;
width:590px;
float: right;
}
#footer_map ul {
margin: 0 20px 0 0;
padding: 5px 15px 0 20px;
list-style-type: square;
}
#footer_map ul li a {
color: #666;
text-decoration: none;
font-size: 13px;
font-weight: 100;
}
#footer_map ul li a:hover {
color: #333;
font-weight: 100;
}
#footer_mappic a {
height: 150px;
width:170px;
float: left;
border: 1px solid #ccc;
}

#footer_mappic a:hover {
border: 1px solid #D2232A;
}






.rightform p{
width: 340px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 5%;
}

.rightform label{
font-weight: bold;
float: left;
margin-left: -145px; /*width of left column*/
width: 140px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.rightform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 150px;
}

.rightform textarea{
width: 150px;
height: 150px;
}



.leftproduct {
float: right;
width: 650px;
text-align: justify;
}
.leftproduct h2 {
font-size: 18px;
font-weight: 100;
padding: 15px 0 7px 0;
}
.leftproduct h2 a {
text-decoration: none;
color: #000;
}
.leftproduct h2 a:hover {
color: #111;
}

.leftproduct-a{
float: right;
width: 260px;
text-align: justify;
}
.leftproduct-a ul {
padding: 10px 0 15px 20px;
list-style-type: square;
}
.leftproduct-a ul li a {
color: #000;
text-decoration: none;
font-size: 13px;
font-weight: 100;
}
.leftproduct-a ul li a:hover {
color: #b3d235;
font-weight: 600;
}

.leftproduct-b {
float: right;
width: 260px;
text-align: justify;
}
.leftproduct-b{
float: left;
width: 260px;
text-align: justify;
}
.leftproduct-b ul {
padding: 10px 0 15px 20px;
list-style-type: square;
}
.leftproduct-b ul li a {
color: #000;
text-decoration: none;
font-size: 13px;
font-weight: 100;
}
.leftproduct-b ul li a:hover {
color: #b3d235;
font-weight: 600;
}


.rightproduct {
float: left;
width: 240px;
margin-top: 10px;
background: #fff;
border: thin solid black;
}
.rightproduct h2 {
margin: 10px 0 0 0;
padding-left: 10px;
height: 28px;
line-height: 28px;
color: #000;
font-size: 13px;
background: #b3d235;
}
.rightproduct ul {
padding: 10px 0 15px 20px;
list-style-type: square;
}
.rightproduct ul li a {
color: #000;
text-decoration: none;
font-size: 13px;
font-weight: 100;
}
.rightproduct ul li a:hover {
color: #666;
font-weight: 600;
}



/*
#footer {
height: 30px;
line-height: 30px;
background: #000;
text-align: center;
font-size: 12px;
color: #fff;
}
#footer a { color: #fff; }
 */
#loom {
padding-top: 20px;
} 
#loom a {
	text-decoration: none;
	color: #fd4b25;
	padding-right: 10px;
  font-family: verdana;
	font-size: 10px;
	font-weight: bold;
}	

#loom a:hover {
	text-decoration: underline;
	color: #000;
}