/*This file holds styling for the dealer search page.*/

*, everything {
font-family:Arial, Helvetica, sans-serif;
}

/*START OF TABBER.CSS STYLE SECTION*/
.tabberlive .tabbertabhide {
 display:none;
}
.tabber {
}
.tabberlive {
 margin-top:1em;
}
ul.tabbernav {
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}
ul.tabbernav li {
 list-style: none;
 margin: 0;
 display: inline;
}
ul.tabbernav li a, custom {
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}
ul.tabbernav li a:link { 
color: #448; 
}
ul.tabbernav li a:visited { 
color: #667; 
}
ul.tabbernav li a:hover {
 color: #000;
 background: #AAE;
 border-color: #227;
}
ul.tabbernav li.tabberactive a, custom {
 background-color: #fff;
 border-bottom: 1px solid #fff;
}
ul.tabbernav li.tabberactive a:hover {
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}
.tabberlive .tabbertab, custom {
 padding:5px;
 border:1px solid;
 border-color:#aaa;
 border-top:0;
 background-color:#CCCCCC;
}
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}
/*END OF TABBER.CSS STYLE SECTION*/

/*START OF STAR_RATING.CSS STYLE SECTION*/
a {
cursor:pointer;
}
.stars_section {
	background-color:#FFFFFF;
}
.star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating{
	background: url(../searchPage/images/star.gif) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li{
	display: inline;
}
.star-rating a, .star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover, .star-rating a:active, .star-rating a:focus{
	background-position: left bottom;
	cursor:pointer;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}	
.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}
.small-star{
	width:50px;
	height:10px;
}
.small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating{
	background-image: url("../../searchPage/images/star_small.gif");
	line-height: 10px;
	height: 10px;
}
/*END OF STAR_RATING.CSS STYLE SECTION*/

/*START OF STYLE_TEXT.CSS STYLE SECTION*/
body {
background-color:#FFFFFF;
}
.form {
	font-size: 11px;
	line-height: 12px;
	height: 17px;
	width: 104px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #D4D0C8;
	border-bottom-color: #D4D0C8;
}
.form2 {
	font-size: 11px;
	line-height: 12px;
	height: 82px;
	width: 205px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #D4D0C8;
	border-bottom-color: #D4D0C8;
	overflow:auto;
}
.links {
	font-size: 11px;
	line-height: 12px;
	color: #EEEEEE;
	text-decoration: none;
}
.copy {
	font-size: 11px;
	line-height: 12px;
	color: #8C8B8B;
}
.more {
	font-size: 11px;
	line-height: 12px;
	color: #0054A6;
}
.text {
	font-size: 11px;
	line-height: 12px;
	color: #6F6C6C;
	text-decoration:none;
}
.t1 {
	font-size: 11px;
	font-weight: bold;
	color: #EE8D03;
}
.text2 {
	font-size: 11px;
	line-height: 12px;
	color: #444444;
}
.text3 {
	font-size: 11px;
	color: #94A601;
	line-height: 12px;
}
.text4 {
	font-size: 11px;
	color: #EF402F;
	line-height: 12px;
}
.t2 {
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.link2 {
	font-size: 11px;
	line-height: 12px;
	color: #B07503;
}
/*END OF STYLE_TEXT.CSS STYLE SECTION*/

/*START OF AJAX_SLIDESHOW.CSS STYLE SECTION*/
*{
margin:0;
padding:0;
}
/*
a:link,a:visited{
color:#333;
text-decoration:none;
}
a:hover,a:visited:hover{
color:#000;
text-decoration:none;
}
a.inactive:link,a.inactive:visited{
color:#CECEB5;
}
*/
#Container{
margin:0 auto;
padding: 0;
position:relative;
width:100%;
height:310px;
background-color:#fff;
border:3px solid #CECEB5;
overflow:hidden;
}
#LoadContainer{
height:25%;
width:50%;
position:absolute;
top:40%;
left:25%;
text-align:center;
z-index:1;
}
#PhotoContainer{
visibility:hidden;
}
#CaptionBlock{
height:18px;
width:582px;
text-align:left;
margin:0 auto;
}
#Caption{
color:#333;
}
#License{
margin:0 auto;
padding-top:10px;
font-size:10px;
color:#666;
border-top:1px solid #CECEB5;
width:740px;
text-align:left;
line-height:1.4em;
}
#LinkContainer{
display:none;
position:absolute;
top:0;left:0;
height:200px;
width:200px;
z-index:100;
background:url(images/slideshow/start.gif) 50% 50% no-repeat;
}
#PrevLink{
z-index:100;
position:absolute;
top:0%;
left:0%;
height:200px;
width:50%;
display:block;
}
#NextLink{
z-index:100;
position:absolute;
top:0%;
left:50%;
height:200px;
width:50%;
display:block;
}
#PrevLink:hover,#NextLink:hover{
text-decoration:none;
}
#PrevLink:hover{
background:transparent url(images/slideshow/prev_rounded_sidebar2.gif) left 50% no-repeat;
}
#NextLink:hover{
background:transparent url(images/slideshow/next_rounded_sidebar2.gif) right 50% no-repeat;
}
#PrevLink span,#NextLink span{
display:none;
}
img{
border:none;
}
p{
font-size:11px;
padding:1em 0;
}
#Wrapper{
margin:0 auto;
height:500px;
width:100%;
overflow:hidden;
position:relative;
}
#Wrapper[id]{
display:table;
position:static;
}
#InnerWrapper{
position:absolute;
top:50%;
left:0;
}
#InnerWrapper[id]{
display:table-cell;
vertical-align:middle;
position:static;
}
#OuterContainer{
position:relative;
top:-50%;
}
/*END OF AJAX_SLIDESHOW.CSS STYLE SECTION*/

/*START OF GOOD TABS ;) STYLE SECTION*/
#tabs_wrapper {
	position:relative;
	height:auto;
	width:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	left:0px;
	top:10px;
	z-index:0;
}
.tab_head_unselected, .tab_head_selected, .tab_head_hover {
	position:relative;
	display:inline;
	padding-left:10px;
	padding-right:10px;
	border: 1px solid;
	border-color:#CC0000;
	background-color:#DD0000;
	color:#000000;
	overflow:hidden;
	cursor:pointer;
	z-index:2;
}
.tab_head_selected, custom {
	border-bottom-color:#f7f6f1;
	background-color:#f7f6f1;
}

.tab_head_hover, custom {
	background-color:#f7f6f1;
}

/* this is optimal, but IE6 doesn't support it, so we'll use javascript instead
.tab_head:hover 
{
	background-color:#EEEEEE;
}
*/

.tab_content_selected {
	display: ;
}
.tab_content_unselected {
	display:none;
}
.tab_content, custom {
	position:relative;
	width:auto;
	height:auto;
	border: 1px solid;
	border-color: #CC0000;
	background-color: #f7f6f1;
	color:#333333;
	padding:15px;
	z-index:1;
}
.tab_spacer {
	position:relative;
	display:inline;
	padding-left:5px;
}

/*START OF extras STYLE SECTION*/
.main_display_table {
text-transform:none; 
font-variant:normal; 
text-align:left; 
color:#000000;
background-color:#f7f6f1;
}
.wrapper_table {
	
}
.input {
font:12px;
text-transform:none; 
font-variant:normal; 
text-align:left;
}
/*large font size*/
.style2 {
color:#000000;
font-size: 18px;
font-weight: bold;
}
/*medium font size*/
.style3, .style10 {
color:#000000;
font-size: 14px;
}
/*small font size*/
.style11 {
color:#000000;
font-size: 12px;
}
.bottom_section {
color:#000000;
background-color:#f7f6f1;
}
.simple_border {
border: 1px solid;
border-color:#CC0000;
padding: 0px;
}
.loginTextColor {
	color:#000000;
}
input, textarea {
font-size:12px;
}
textarea {
	width:200px;
}
/*START OF extras STYLE SECTION*/