html {
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
	overflow-x: auto;
}

body, td, th, a, select, option, textarea, input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.left {
    float: left;
}
.right {
    float: right;
}

.commonlink {
	color: #03447a;
	text-decoration: none;
}
.commonlink:hover {
	text-decoration: underline;
}


 ul.top_menu {
	margin-top: 0px;
	margin-left: 182px;
 }
ul.top_menu a {
	text-decoration: none;
	color: #696969;
}
ul.top_menu a:hover {
	text-decoration: none;
	color: #FC442C;
}
 ul.top_menu li { 
  color: #696969;
  list-style-type: square;
  list-style-position: outside;
  float: left;
}
#toyota_menu1
{

}
#toyota_menu2
{
	/** margin-bottom: 4px; **/
	display: none;
	padding-left: 22px;
	padding-top: 10px;
	height: 36px;
}
#toyota_menu1 img, #toyota_menu2 img
{
	border: 0px none;
}
.topmenu
{
	float: left;
	border: 1px solid #DDDDDD;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 13px;
	padding-right: 13px;
	margin-left: 4px;
	color: #000000;
	cursor: pointer;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	background: #FFFFFF;
}
.topmenu:hover
{
	color: #FFF;
	background: #F8442B;
	text-decoration: none;
}
.selectedtopmenu
{
	border: 1px solid #000000;
	/** border-bottom: 4px solid #F8442B; **/
	background-color: #000000;
	color: #FFFFFF;
	text-decoration: none;
}

#pageContents
{
	padding-top: 15px;
    min-height: 320px;

}

.bottomNote {
	text-align: center; margin-top: 10px; font-weight: bold;
	color: #CB0F03;
}

#loading {
  width: 45px; 
  z-index: 1000;
  position: absolute;
  display: none;
}
.spiffy {display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#000000}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #919191;
  border-right:1px solid #919191;
  background:#3f3f3f}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #e5e5e5;
  border-right:1px solid #e5e5e5;
  background:#303030}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #303030;
  border-right:1px solid #303030;}
.spiffy4{
  border-left:1px solid #919191;
  border-right:1px solid #919191}
.spiffy5{
  border-left:1px solid #3f3f3f;
  border-right:1px solid #3f3f3f}
.spiffyfg{
  background:#000000 url('../images/loading.gif') no-repeat center; 
  height: 28px;
  padding-left: 10px; padding-right: 10px;
}

.headerTextBig
{
	font-size: 16px;
	font-weight: bold;
}

.pageCaption
{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 5px;
}

.nav
{
    background: url('../images/icon_arrow.jpg') no-repeat left;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 20px;
    padding-left: 23px;
    display: none;
}

.navLink, .navPageName
{
	margin-right: 6px;
	float: left;
  padding-top: 3px;
}

.navLink a:active, .navLink a:hover, .navLink a:visited, .navLink a:link
{
}


.clear
{
	clear: both;
}

.bold
{
  font-weight: bold;
}

.btnProduct
{
	background: url('../images/btn_product.jpg') no-repeat center;
	text-align: center;
	vertical-align: middle;
	padding-top: 8px; 
	height: 25px;
	width: 155px;
	cursor: pointer;
}

.titleItem
{
    padding-top: 3px;
	font-size: 9px;
}
.titleItemDesc
{
	font-size: 9px;
}
.titleItem2
{
    padding-top: 1px;
}

.boxes
{
	margin-top: 5px;
	padding-left: 0px;
}
.boxesItem
{
	width: 160px;
	padding: 0px;
	float: left;
	margin: 2px;
}
.boxesItem2
{
	width: 205px;
	padding: 3px;
	float: left;
	margin: 10px;
}
.boxesItem img,  .boxesItem2 img { border: 0px none; cursor: pointer; }

.headerExpanded 
{
	height: 18px; 
	padding-top: 5px; 
	padding-left: 25px; 
	background: #03447a url('../images/icon_minus.jpg') no-repeat left;	
	color: #ffffff;
	margin-top: 3px;
	font-weight: bold;
}

.headerExpanded:hover 
{
	height: 18px; 
	padding-top: 5px; 
	padding-left: 25px; 
	background: #012d52 url('../images/icon_minus.jpg') no-repeat left; 
	color: #FFFFFF;
	cursor: pointer;
	margin-top: 3px;	
	font-weight: bold;	
}

.headerCollapsed
{
	height: 18px; 
	padding-top: 5px; 
	padding-left: 25px; 
	background: #aaaaaa url('../images/icon_plus.jpg') no-repeat left;	
	color: #FFFFFF;
	margin-top: 3px;	
	font-weight: bold;	
}

.headerCollapsed:hover 
{
	height: 18px; 
	padding-top: 5px; 
	padding-left: 25px; 
	background: #012d52 url('../images/icon_plus.jpg') no-repeat left; 
	color: #FFFFFF;
	cursor: pointer;
	margin-top: 3px;	
	font-weight: bold;	
}

.contentRow 
{
	padding-left: 20px;
}

.col2 {
   background-color: #f2f2f2;
}

.o_desc {
	background: #FFFFFF url('../images/icon_o.jpg') no-repeat left;
	padding-left: 25px;
	height: 18px;
	padding-top: 4px;
}
.s_desc {
	background: #FFFFFF url('../images/icon_s.jpg') no-repeat left;
	padding-left: 25px;
	height: 18px;
	padding-top: 4px;	
}

#price1, #price2, #price3 {
	margin-bottom: 5px;
	font-weight: bold;
	color: #CB0F03;
}

#vehicleLogo {
	margin-left: 8px;
}

.cModelSelector {
	margin-bottom: 5px;
	font-weight: bold;
}

.contentFirstCell
{
	border-bottom: 1px solid #DDDDDD;
	color :#000000;
	text-align: right;
	padding-right: 10px;
	font-weight: bold;
	background-color: #eaeaea;
}

.contentCell
{
	border-bottom: 1px solid #DDDDDD;
	width: 230px;
	text-align: center;
	color: #505050;
}

.contentCell img
{
    border: 0px none;
    margin-bottom: 2px;
}

.headerCell
{
	width: 230px;
	text-align: center;
	vertical-align: bottom;
}

.columnTitleLoading
{
    font-size: 14px;
    padding: 2px;
    background: #FFFFFF url('../images/loading_small.gif') no-repeat center;
    height: 18px;
    cursor: pointer;
    border: 1px solid #DDDDDD;
}

.columnTitle
{
    font-size: 11px;
    padding: 2px;
    background: #012d52 url('../images/icon_plus.jpg') no-repeat right;
    height: 18px;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    border: 1px solid #000000;
}

.columnTitle:hover
{
    font-size: 11px;
    padding: 2px;
    background: #DDDDDD url('../images/icon_plus.jpg') no-repeat right;
    height: 18px;
    cursor: pointer;
    color: #000000;
    font-weight: bold;
    border: 1px solid #C0C0C0;
}

.columnThumbnail
{
    border: 0px none;
    margin-bottom: 4px;
}

.columnSelect
{
    width: 100%; 
    padding: 2px;
}

.jsonTable
{
  width:100%;
  border: 0px none;
}

.btnExpandAll
{
	background: url('../images/icon_plus.jpg') no-repeat left;
	padding-left: 20px;
	margin-right: 10px;
	float: left;
}
.btnCollapseAll
{
	background: url('../images/icon_minus.jpg') no-repeat left;
	padding-left: 20px;
	margin-right: 10px;
	float: left;
}
.btnExpandAll a, .btnCollapseAll a {
  color: red;
}

.carouselContainer
{
	width: 478px; /************ add 2 from preview size ************/
	height: 360px;
	padding: 6px;
}
.carouselPreview
{
	width: 470px; height: 262px; /************ large preview size ************/
	margin-bottom: 5px;

	padding: 2px;
}
.carouselPreview img
{
	width: 470px; height: 262px; /************ large preview size ************/
	border: 0px;
}
.carouselPrev
{
	cursor: pointer; float: left; width: 28px; height: 60px;
	background: #FFFFFF url('../images/prev.gif') no-repeat center;
}
.carouselNext
{
	cursor: pointer; float: left; width: 28px; height: 60px;
	background: #FFFFFF url('../images/next.gif') no-repeat center;
}
.carousel
{
	float: left;
	height: 65px;
}

.carousel li
{
	width: 90px; /** same with the thumbnail size **/
	height: 50px;
	border: 1px solid #DDDDDD;
	margin: 4px;
	padding: 2px;
	background: #EEEEEE;
}

.carousel img
{
	width: 90px; /** same with the thumbnail size **/
	height: 50px;
	cursor: pointer;
	border: 0px none;
}

.carouselFloat:hover
{
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	opacity: .8;
}
.carouselSelector
{
	margin-bottom: 6px; font-weight: bold; color: #FFFFFF; padding: 5px;
	text-align: center; 
}
.carouselSelector a
{
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.carouselSelectorSelected {
	background-color: #000000;
}
.carouselSelectorItem
{
	padding: 4px;
	background-color: #F8442B;
	margin: 1px;
	width: 30%;
	float: left;
}
.carouselModelSelector {
	text-align: center; height: 18px; padding: 4px; color: #9E9E9E; font-weight: bold; border-bottom: 1px solid #DDDDDD;
}
#gDownload, #gcDownload {
	text-decoration: none;
	padding-bottom: 2px;
	padding-left: 3px;
	padding-right: 2px;
	padding-top: 2px;
	color: #FF0000;
	font-weight: bold;
}
#gDownload:hover, #gcDownload:hover {
	text-decoration: underline;
}

.usercomment_header {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: 1px dashed #DDD;
}
.usercomment {
	margin-top: 5px; padding: 5px 5px 5px 25px; background: #E5E5E5 url('../images/kutip.gif') no-repeat top left;
}
.usercomment div {
}
.usercomment p {
	color: #808080;
	padding: 0px;
	margin-top: 6px;
}
#comment_add {
	width: 470px; margin-top: 40px; border: 1px solid #A8A8A8; padding: 5px;
}
#comment_loading {
	background: url('../images/loading_small.gif') no-repeat center left; width: 50px;
	display: none;
}
#comment_result {
	display: none;
}

.emptymsg {
	padding-bottom: 30px; text-align: center;
}