﻿body 
{
	font-family:Verdana;
	font-size: 9px;
	margin:2px;
}

input
{
	font-family: Verdana;
	font-size: 9px;
}

.table {
	width:100%;
	border:1px solid #D0D0BF;
	border-collapse:collapse;
}
	
.table td {
	padding:10px;
	vertical-align:top;
	}

.table th {
	background-color:#E8E8E8;
	border-bottom:2px solid #D0D0BF;
	border-top:2px solid #D0D0BF;
	padding:10px;
	font-weight:normal;
	}
	
.SmallInput
{
	width: 4em;
}

.SmallInputNumeric
{
	width: 3em;
	text-align: right;	
}

.Footer
{
	font-weight:bold;
	font-variant:small-caps;
	background-color:#FAFAFA;	
	padding: 2px;
}

.Footer td
{
	padding: 2px;
	padding-right: 10px;
}

.ErrorMessage
{
	font-weight:bold;
	color:Red;
}

h1
{
	font-family:Verdana;
	font-size: 14px;
}

h2
{
	font-family:Verdana;
	font-size: 9px;
	font-weight:bold;
}

#leftlogo
{
	float:left;
}

#rightlogo
{
	float:right;
}

#progressMeter
{
	text-align: center;
	margin-top: 5pt;
}

.NavItem
{
	vertical-align: top;
}

textarea
{
	width: 100%;
}

.clear {
	clear:both;
}

.LabelProgressMeter
{
	font-size: 2em;
	text-align: left;
	padding-bottom: 1em;	
}

.ProgressMeterEntry
{
	text-align:center;
	padding-left:10px;
	padding-right:10px;
}

.HighlightedProgressItem
{
	border-style:dotted;
	border-color:Black;
}

#content-container 
{
	background-color:#e4e4e4;
	padding:0px;
	margin:0px;
	position:absolute;
}

#content-container1
{
	float:left; 
	height:100%; 
	margin-bottom: 0px;
	padding-top: 0px;
	background-color: #ffffff;
	border: solid 1px #000000;
}


#content
{
	
	padding: 0px 0px 0px 5px;
	height:100%;
	background-color:#FFFFFF;
}

#content-side
{
	width:100px;
	height:100%;
	float:left;
	background-color: #e4e4e4;
}

a
{
	padding-left:10px;
	background: url(../../Images/red_arrow.gif) no-repeat;
    COLOR: black;
    TEXT-DECORATION: none;
}

a:hover
{
	padding-left:10px;
	background: #000000 url(../../Images/red_arrow.gif) no-repeat;
    COLOR: white;
    TEXT-DECORATION: none;
}

#GrayThinLine
{
	background: #ffffff url(../../Images/e0e0e0.gif) repeat-x;
	height:38px;
}

#GrayCurve
{
	float:right;
	height:38px;
	padding-right:34px;
	background: #ffffff url(../../Images/heading_curve.gif) no-repeat;	
}

#footer
{
	float:right;
}

#ShippingAddress
{
	float:left;
	margin-right:100px;
}

#BillingAddress
{
	float:left;
}

#LeftCorner
{
	float:left;
	width: 2px;
	height:2px;
	background-image: url(../../Images/Left_Corner.gif)
}

#RightCorner
{
	float:right;
	width: 2px;
	height:2px;
	background-image: url(../../Images/Right_Corner.gif)
}

.ProceedButton
{
	margin-right: 30px;
}

/* NEW CLASSES FOR REVAMP */

.Error
{
	color:Red;
}

.Success
{
	color: Green;
}

.Warning
{
	color: Orange;
}

.divBreadCrumb
{
	float:left; width:400px
}
.divHeaderRightImage
{
	float:right; height:60px; width:300px;
}

.RedText
{
	color:Red;
}

.SubmitStyle
{ 
  color:white; background-color:Red;
}

#canvas {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; MIN-HEIGHT: 100%; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: auto; WIDTH: 770px; PADDING-TOP: 0px
}


.body
{
	margin:0px;
	padding:0px;
}
#leftcontent {
	position: absolute;
	left:2px;
	top:140px;
	width:180px;
	background:#fff;
	border-right: solid 1px gray;
}

#centercontent 
{
	background-color: Black;
	background:#fff;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-left: 190px;
	margin-right:0px;
	}
	
html>body #centercontent 
{
	margin-left: 190px;
	margin-right:0px;
  }

#centercontent-noleft {
	background:#fff;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-right:291px;
	}
html>body #centercontent-noleft {
	margin-right:291px;
	}

#rightcontent {
	position: absolute;
	right:2px;
	top:140px;
	width:0px;
	background:#fff;
	}

#banner {
	cursor: pointer;
	voice-family: "\"}\"";
	voice-family: inherit;
	height:46px;
	background-image: url(../../images/menu_background.gif);
	margin-bottom: 4px;
	min-width: 980px;
	BORDER-RIGHT: #c2c2c2 1px solid;
	}

/* this means, only apply to IE7 and firefox
the > sign means: only apply when 'body' is a direct child of 'html' (which is true), but IE6 doesn't understand this tag, so it will ignore this
*/
html>body #banner {
	height:46px;
	
	}

/* this is a hack: only applies to IE6 (If you set the width in IE7, it will cut off the background, so we use min-width for IE7, but is not known in IE6)*/
/* * html means: only apply to ancestors of html(which is root), but there are none, so IE7 and firefox will ignore, but IE6 will apply(because of a bug).*/
* html #banner
{
	
}
	
#nav 
{
	CLEAR: both; Z-INDEX: 100; POSITION: relative; HEIGHT: 32px;
	/*margin-left: 202px;*/
	width: 1160px;
	
}

#nav UL {
	BORDER-LEFT: #c2c2c2 1px solid; HEIGHT: 31px
}
.xx#nav {
	HEIGHT: 46px
}
.xx#nav UL {
	HEIGHT: 46px
}
#nav LI {
	DISPLAY: block; FLOAT: left
}
#nav A {
	DISPLAY: block; FLOAT: left
}
.xx#nav {
	BACKGROUND-POSITION: 0px 42px
}
.xx#nav A {
	HEIGHT: 28px
}
.nav5 A {
	WIDTH: 119px;
}
.nav5 .first A {
	WIDTH: 148px; /*was 123px*/	
}
#nav A {
	PADDING-RIGHT: 27px; PADDING-LEFT: 7px; FONT-SIZE: 12px; BACKGROUND: url(../../images/t08_taboff_01_tcm296-508962.gif) no-repeat right top; PADDING-BOTTOM: 10px; COLOR: #666; LINE-HEIGHT: 14px; PADDING-TOP: 8px; TEXT-DECORATION: none
}
.nav A {
	PADDING-RIGHT: 27px; PADDING-LEFT: 7px; FONT-SIZE: 12px; BACKGROUND: url(../../images/t08_taboff_01_tcm296-508962.gif) no-repeat right top; PADDING-BOTTOM: 10px; COLOR: #666; LINE-HEIGHT: 14px; PADDING-TOP: 8px; TEXT-DECORATION: none
}
#nav A:hover {
	BACKGROUND-IMAGE: url(images/t08_tabon_01_tcm296-508961.gif); COLOR: #e50000
}
#nav-on A {
	BACKGROUND-IMAGE: url(images/t08_tabon_01_tcm296-508961.gif); COLOR: #e50000
}
#nav .first A:hover, #nav-on .first A {
	BACKGROUND-IMAGE: url(images/tab_nodown.gif);
}
#nav IFRAME {
	BORDER-TOP-WIDTH: 0px; DISPLAY: none; BORDER-LEFT-WIDTH: 0px; Z-INDEX: 100; BACKGROUND: #fff; BORDER-BOTTOM-WIDTH: 0px; OVERFLOW: hidden; WIDTH: 192px; POSITION: absolute; BORDER-RIGHT-WIDTH: 0px
}
#nav img 
{
	vertical-align:text-top;border:0;
	margin: 0;
}

select 
{
	font-family: Verdana;
	font-size: 9px;
}

.seperator
{
	background-image: url(../../images/dot.gif);
	height: 1px;
	overflow: hidden;
}

.Login
{
	background-color: #d2d1cf;
	width: 170px;
	padding-left: 5px;
}

#loginPanel
{
}

#passwordManagementPanel
{
	padding-top: 5em;
}

.PasswordManagementLink
{
	text-transform: uppercase;	
}

.LoginTextBox 
{
	width: 160px;
}

.LoginSubmit
{
	  color: White; 
	  background-color: Red;
	  margin-right: 5px;
	  border-style: none;
	  float: right; 
}

.SearchSubmit
{
	  color: White; 
	  background-color: Red;
	  margin-right: 5px;
	  border-style: none;
}

.Login A
{
	font-family: Verdana;
	font-size: 9px;
	background-image: none;
	background-color: #d2d1cf;
	padding-left:0px;
}

.Login a:hover
{
	font-family: Verdana;
	font-size: 9px;
	background-image: none;
	background-color: #d2d1cf;
	color: Red;
	padding-left:0px;
}

#LoginLinks
{
	width: 160px;
}

.LoginName
{
	width: 160px;
}

#BreadCrumb

{
	font-family: Verdana;
	font-size: 12px;
	margin-bottom: 10px;
}


.SearchResultAlign
{ 
	margin-left:20px;
}
.PzStyle
{
	background-color:#e0e0e0;  font-weight:bold ; text-align:left; vertical-align:top; float:left; width:250px;
}

.RightLink
{
 float:right;
}

#centerImage {
	padding-left:10px;
	padding-bottom:10px;
	float:left;
}
.labelSelection
{
	color:Blue; font-weight:bold;
}

.NoArrow{
	padding-left:10px;
    COLOR: black;
    TEXT-DECORATION: none;
}

.SurveyMainBody
{
	FONT-SIZE: 12px;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: normal;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: black;
    PADDING-TOP: 0px;
    FONT-STYLE: normal;
    FONT-FAMILY: arial, verdana, geneva, sans-serif;
    TEXT-DECORATION: none
}

.SurveyHeader
{
	background: #FFFFFF url(images/Toyota_Logo_Side.gif) repeat-x;
}


.SurveyMainBodyBig
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: black;
    PADDING-TOP: 0px;
    FONT-STYLE: normal;
    FONT-FAMILY: arial, verdana, geneva, sans-serif;
    TEXT-DECORATION: none
}

.SurveyInput
{
	FONT-SIZE: 12px;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: normal;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: black;
    PADDING-TOP: 0px;
    FONT-STYLE: normal;
    FONT-FAMILY: arial, verdana,geneva, sans-serif
}

.SurveyHeaderBig
{
	PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 16px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: black;
    PADDING-TOP: 0px;
    FONT-STYLE: normal;
    FONT-FAMILY: arial, verdana, geneva, sans-serif;
    font-weight: bold;
}

.PubTypes
{
	
}

.PubTypes a
{
	font-family: Verdana;
	font-size: 9px;
	background-image: none;
	padding-left:0px;
}

.PubTypes a:hover
{
	font-family: Verdana;
	font-size: 9px;
	background-image: none;
	padding-left:0px;
}

.NoLineBreaks
{
	display: inline;
	white-space: nowrap;
}

.DiscList
{
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
	list-style-type:disc;
}

UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}

.TextNextToPicture
{
	padding-left: 20px; vertical-align:text-top;
}

.CollapsePanel {
	
	background-color:white;
	overflow:hidden;
	padding-left: 10px;
}

.LocalMarketTable
{
	float:left;
	width: 600px;
}

.LocalMarketGridRow
{
	background-color: #f3f3f3;
}

.LocalMarketGridAlternating
{
	background-color: #e0e0e0;
	color: Black;
}

.LocalMarketPaging
{
	color: Black;
	TEXT-DECORATION: none;
}



.LocalMarketPaging a
{
	padding-left:0px;
	background: #FFFFFF;
    COLOR: black;
    TEXT-DECORATION: underline;
}

.LocalMarketResultLink
{
	text-decoration: none;
}

.MainDisclaimer
{
	font-family: Verdana;
	font-size: 12px;
}

.HotlinesDisclaimer
{
	font-family: Verdana;
	font-size: 12px;
}

.LocalMarketReportLink
{
	font-family: Verdana;
	font-size: 9px;
	background-image: none;
	background-color: #E0E0E0;
	color: blue;
	padding-left:0px;
}

.LocalMarketReportLink:hover
{
	font-family: Verdana;
	font-size: 9px;
	background-image: none;
	background-color: #E0E0E0;
	color: blue;
	padding-left:0px;
}

.EWDRepairManualDate
{
	font-family: Verdana;
	font-size: 12px;
	font-weight:bold;
}

.Pager a
{
	padding-left:0px;
	color: Black;
	text-decoration: underline;
	background-image: none;
}

.Pager a:hover
{
	color: Black;
	text-decoration: none;
	background-image: none;
	background-color: White;
}

.DistributionListLabel
{
	font-weight: bold;
}

.TSBFileFrame
{
	width: 100%;
	height: 800px;
}

.TSBInstructionsNotice
{
	border: 2px solid Black;
}
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:20px;
	width:800px;
	text-align:center;
}

.modalPopupLogin {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:20px;
	width:300px;
	text-align:center;
}

.tabs {
  float:left;
  width:100%;
  background:#ffffff;
  font-size:93%;
  line-height:normal;
  background:url("images/bg.gif") repeat-x bottom;
  }
.tabs ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
.tabs li {
  float:left;
  background:url("images/left_both.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  border-bottom:1px solid #765;
  }
.tabs a {
  float:left;
  display:block;
  width:.1em;
  background:url("images/right_both.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  white-space: nowrap;
  font-size: 1.2em;
  }
.tabs > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabs a {float:none;}
/* End IE5-Mac hack */
.tabs a:hover {
  color:#333;
  }
.tabs .current {
  background-position:0 -150px;
  border-width:0;
  }
.tabs .current a {
  background-position:100% -150px;
  padding-bottom:5px;
  color:#333;
  }
.tabs ul li:hover, .tabs ul li:hover a {
  background-position:0% -150px;
  color:#333;
  }
.tabs ul li:hover a {
  background-position:100% -150px;
  }
  
 
.CompatibilityResult td
{
    
    padding: 10px;
    text-align: center;
    border-bottom: solid 1px black;
    border-right: solid 1px black;
    
}

.Shadow td
{
    background-image: url("../../images/TableShadow.jpg");
    background-repeat: repeat-x;
    padding-top: 20px;
}


.CompatibilityResult 
{
    border-top: solid 1px black;
    border-left: solid 1px black;
}

.CompatibilityResult  .first-row td
{
    border-bottom-color: #fff;
    background-image: url("../../images/TableShadow.jpg");
    background-repeat: repeat-x;
    padding-top: 20px;
}

.CompatibilityResult  .second-row td
{
    color: #565252;
}





.picture
{
   vertical-align: middle;
    padding-left:0px;
}

.picture a:hover
{
    padding-left:0px;
}

.ContextMenuPanel
{
    border: 1px solid #868686;
    background-color: #ffffff;
	z-index: 1000;
	cursor: default;
	padding: 1px 1px 0px 1px;
	
}

.ContextMenuPanel li
{
    padding: 2px;
    display: inline-block;
    white-space:nowrap;
    
}

.ContextMenuPanel li a:hover
{
    
}
.NormalLink
{
    vertical-align: middle;
}

.NormalLink a
{
    padding-left:0px;
	background-image: none;
	border-width: 0px;
}
.NormalLink img
{
   border-width: 0px;
}

.NormalLink a:hover
{
     padding-left: 0px;
     background-color: White;
     COLOR: Black;
}

.accordionHeader
{
    color: #000000;
    background: transparent url(../../Images/accordionHeaderBg.gif) top left;
	background-repeat: repeat; 
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    width:490px;
}

.accordionHeaderSelected
{
    color: #000000;
    background: transparent url(../../Images/accordionHeaderBg.gif) top left;
    background-repeat: repeat; 
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    width:490px;
}

.accordionContent
{
    color: #222222;
    background: transparent url(../../Images/accordionContentBg.png) top left;
    background-repeat: repeat; 
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    width:490px;
}

.silentBorder
{
	border: dashed 1px #BBBBBB;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
}

.BluetoothInfo
{
    font-family: Arial;
    font-size: 14px;    
    color: #4D4F52;
}


.Link
{
    padding-left:0px;
    background-image: none;
	background-color: Transparent;
	border-width: 0px;
	text-decoration: underline;
}

a.Link:hover
{
     background-image: none;
     padding-left: 0px;
     background-color: Transparent;
     COLOR: Black;
}

.Euro5Tab
{
    width:530px;
    margin-bottom: 10px;
}

.Euro5Tab legend
{
    font-size: 1.2em;
}

.Euro5Tab fieldset
{
    padding-left: 5px;
    padding-bottom: 5px;
}