﻿/* body Style applied only on homepage temporarily*/

#footer{margin-left:20px;}
#header{margin-bottom:0px;z-index:999;}
#container{padding:0px;}

#allContent{background-color:#ffffff;}

#homePageMainContainer ol, #homePageMainContainer ul {
    list-style: none;
}
/* Begin tabs styles */
.tabs {
    z-index:255;
    left:0px;
    width: 970px;
    background: #222;
    border-bottom:1px solid #eee;
    height:45px;
}

#banner{position:relative;height:280px;background-color:#cccccc;z-index:0;}

.label h2{color:#ffffff;line-height:175%;padding-right:15px;font-size:22px;}
.tabs li.label {
    background: url(../images/homepage/searchbyarrow.gif) right center no-repeat;
}

.tabs li {
    border:none;
    width: 193px;
    float:left;
    background:none;
    position:relative;
    text-align: center;
    height:40px;
    margin-right:1px;
    z-index:99;
}

.tabs li .screen {
    position:absolute;
    z-index: -2;
    width:100%;
    height:40px;
    background:#FFD200;
    width: 180px;
    top:0;
    left:0px;
    background:transparent url(../images/homepage/tab.gif) center center no-repeat;
    opacity: .75;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
}

.tabs li:hover .screen, .tabs li.ie6TabHover .screen{ 
    background:#fff;
    background: url(../images/homepage/sprite_CenteredGradients.png) -435px center repeat-x;
    
}
.tabs li.open .screen { 
    background:#fff;
    background: url(../images/homepage/sprite_CenteredGradients.png) -435px center repeat-x;
}

.tabs li.open h3 {
    z-index:999;
    position:relative;
}

.tabs li.open h3 a, .tabs li h3 a:hover
{
background: none ;
color: #222 ;

}

.tabs li a {
    text-decoration:none;
    color:#ffd200;
}
.tabs li a:hover {
    color:#000 ;
    text-decoration:none ;
}

.tabs li {
    background: url(../images/homepage/bg_tab.png) no-repeat;
    background: none;
    margin-top: 5px;

}
.tabs li h3 a
{
background:url("../images/homepage/bg_tab_darrow.png") no-repeat scroll 100% center transparent ;
background:none ;
display:block ;
font-size:18px;
font-weight:normal;
height:40px;
line-height:40px;
width:180px;
margin:0px;
text-align:center;
}

.tabs li h3 {
padding:0px;
text-align:left;
}

.tabs li.label .screen, .tabs li.label:hover .screen {
    background:none ;
}

/* End Tabs styles */

/* Begin search panels styles */
#banner{overflow:hidden; } 
.panels{display:block;}

.panel{top:0px;left:0px;background:none;}

.panelContent,.transparency{
    margin:45px 0px 0px 45px;
    top: 0px;
    position: absolute;
}
.panelContent{
  z-index:999;
 }

.transparency{
  background-color: #fff;
  background-color: #F2F0E9;
  opacity: .85;
  
  filter: alpha(opacity=85);
  z-index:998;
}

.more {
  opacity: .9;
  /*background-color: #F2F0E9;*/
}

.pricerange .panelContent,.pricerange .transparency{
    margin:0px 0px 0px 45px;
	height:270px;
	width: 370px;
}

.contactUs .panelContent, .contactUs .transparency{
    margin:0px 0px 0px 45px;
	height:270px;
	width:730px;
}

.contactContainer h2 {
	color:#222222;
	font-size:15px;
	margin-bottom:15px;
	margin-top:15px;
	float: left;
	
}
.state_h2 {
	margin-left:36px;
	width:150px;
}

.contact_h2 {
   width: 170px;
}

.phone_h2 {
   width:120px;
} 

.email_h2{
	width:210px;
}


.scroll_div {
    overflow: auto;
	width : 100%;
	clear:left;
	height:210px;
}

.contactContainer  {
	position:relative;
	height:99%;
	width:100%;
	color: #666666;
	font-weight: bold;
}



/* Close button */
.clickable {
    cursor: pointer;
}

.close {
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url(../images/iconexperience/basic_foundation/16x16/plain/navigate_cross.png);
    background-position: 0 0;
    background-repeat: repeat;
    color: Black;
    float: right;
    height: 16px;
    margin-right: 5px;
    margin-top: 5px;
    text-decoration: none;
    width: 16px;
    z-index: 9999;
}
	
.contactContainer .regiondiv {
     width:150px;
	 float:left;
	 margin-left:36px;
}
.contactContainer .contactnamediv {
	 width:170px;
	 float:left;
	 /*margin-right: 15px ;
	 margin-left:25px;*/
}

.contactContainer .celldiv {
	 width:120px;
	 float:left;
	/* margin-right: 15px ;
	 margin-left:25px;
	 */
}

.contactContainer  .emailusdiv{
    width: 210px;
	float:left;
	margin-right: 15px ;
	/*margin-left:25px;*/
}

.email a {
 color: #3366AA;
}

.call , .email  , .cell, .state{
	/*margin-top:8px;
	margin-bottom:8px;*/
	display:block;
	clear:both;
	color: #3366AA;
	border-top:1px solid #72827A;
	/*border-bottom:1px solid #72827A;*/
	padding: 4px 0px;
}
.last {
	border-bottom:1px solid #72827A;
}
.cell, .state {
  color:#5C574B;
}

.makeLink{color:#3366AA;text-decoration:none;font-size:14px;line-height:25px;font-weight:bold;cursor:pointer;}
.linkHover{text-decoration:underline;}

a:hover.close{color:Red;}

.panelContent h3{ clear:both; 
                 padding:0px 0px 20px 20px;
				 font-size:19px;
				 margin-top: 10px;
}
.panelContent h3.bodyTypeTag{clear:both;padding:0px 0px 0px 15px;}

.modelPriceInputContainer{
	clear:both;
	margin-bottom:5px;
}
.modelPriceInputContainer div{
	float:left;
}
.modelPriceLabel{
	margin-bottom:5px;
	margin-top:5px;
	padding-left:20px;
	padding-top:5px;
	width:120px;
}

.modelPriceInputContainer #make, .modelPriceInputContainer #model , .modelPriceInputContainer #min, .modelPriceInputContainer #max,
.modelPriceInputContainer #startyear, .modelPriceInputContainer #endyear, .modelPriceInputContainer #external{
 margin-top :5px;
 margin-bottom :5px;
}

.modelPriceInputContainer #min,.modelPriceInputContainer #startyear {
  margin-right: 5px;
}

#submitbutton {
    
    right: 80px;
    font-weight: bolder;
    position: absolute;
    bottom:15px;
    right:10px;
    width: 80px;
    color: #FFF;
  	background-color: #308DFF;
    text-indent: 0;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    padding: 5px;
    text-align: center;
    font-size: 16px;
  /*  border:1px solid #ddd;*/
   /* -moz-box-shadow: 0 0 3px #222;
    -webkit-box-shadow: 0 0 3px #222;
   box-shadow: 0 0 3px #222;*/
    cursor:pointer;
	margin-right:32px
}
#advancedSearchLink{position:absolute;right:10px;bottom:10px;}

#backgroundImages{height:280px;width:970px;z-index:0;left:0px}
#backgroundImages ul {
   list-style-type: none;
}
#backgroundImages li {
    height: 100% ;
    width: 100%;
    float:left;
	display: inline;
}

#headerAdsWrapper {
    background: #222;
    background: none;
    height: 35px;
    right: 10px;
    bottom: -38px;
    z-index: 999;
    background-color: #FFD200;
    border-top:1px solid #fff;
    color: #222;
    border-bottom: 1px solid #333;
}
#headerAds {
width: 960px;
color:#222;
line-height: 18px;
padding:0px;
}

#headerAds p {
margin-left:10px;
margin-top:5px
}

#headerAds li {
display:block;

font-size: 12px;
padding: 5px;
text-align: right;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
width:950px;
}

#headerAds span{
font-size: 13px;
color:#333;
font-style: italic;
margin-top:3px;


}

#headerAds a, .headAdEmphasis {
font-weight: bold;
/*display:block;*/
font-size: 15px;
color: #222;
text-decoration: none;

}
#headerAds a:hover {
    color:#666;
}

/* Bottom Content*/

#content-after {
    height:280px;
    background:#fff;
}

.twocol {
    padding: 15px;
    clear:both;
}

.twocol .left {
width: 335px;
font-size: 12px;
background:#FFF4C1;
padding:5px;
height:250px;
-moz-box-shadow:0 1px 2px #CCCCCC;
-webkit-box-shadow:0 1px 2px #CCCCCC;
box-shadow:0 1px 2px #CCCCCC;
background:#fff;
border-top: 1px solid #F8F7F2 ;
border-bottom :1px solid #DEDDD9;
border-left:1px solid #DEDDD9;
border-right:1px solid #DEDDD9;
font-size:12px;
height:269px;
padding:5px;
width:330px;
color:#666;
behavior: url(ie-css3.htc);
}

#content .twocol h2 {
    background:#FFD200;
    padding:5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size:18px;
    color:#222;

}
#about-rtb 
{
float:left;
width:50%;
height: 272px;
padding:10px;
}


#about-rtb p {

    margin: 5px 0;

}


#about-rtb a {
    color: #3366AA;
}

.cblock ul{padding-left:10px;}
.cblock li{margin-left:10px;list-style-type:disc;}
.cblock a{text-decoration:none;}

/* Lastcarsold list*/
#specials{
-moz-box-shadow:0 2px 3px #CCCCCC;
-webkit-box-shadow:0 2px 3px #CCCCCC;
box-shadow:0 2px 3px #CCCCCC;
background:none repeat scroll 0 0 #FFFFFF;
/*border:3px solid #FFFFFF;*/
bottom:25px;
float:right;
height:272px;
padding:10px;
right:30px;
width:42%;
border-top: 1px solid #F8F7F2  ;
border-bottom :1px solid #DEDDD9;
border-left:1px solid #DEDDD9;
border-right:1px solid #DEDDD9;
/*border:2px solid red;*/
}

#specials h3 
{
color:#222;
font-size:18px;
left:10px;
top:10px;
-moz-border-radius:3px 3px 3px 3px;
-webkit-border-radius:3px 3px 3px 3px;
border-radius:3px 3px 3px 3px;
background:none repeat scroll 0 0 #FFD200;
font-size:18px;
padding:5px;
margin-bottom:10px;
}

#container{margin-top:0px;}

#homePageLoginContainer{
    position: absolute;
    top:0px;
    width:240px;
    height: 85px;
    padding: 5px;
    text-align: right;
    font-size: 12px;
    font-weight: bold;
    color:#000;
    background: transparent;
    right:255px;
}
#homePageLoginContainerFr{
    position: absolute;
    top:0px;
    width:350px;
    height: 85px;
    padding: 5px;
    text-align: right;
    font-size: 12px;
    font-weight: bold;
    color:#000;
    background: transparent;
    right:255px;
}
.homePageLoginUtilsForgotPassword{
    color: #999966;
    text-align: left;
    margin-top: 13px;
    float: left;
}
#homePageLoginContainer .blueButton {
    font-weight: bold;
    color: #FFFFFF;
  	background-color: #308DFF;
    text-indent: 0;
/*    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;*/
    padding: 4px 8px;
    text-align: center;
    font-size: 13px;
    cursor:pointer;
	margin: 6px 0 0 6px;
    float: left;
}
#homePageLoginContainerFr .blueButton {
    font-weight: bold;
    color: #FFFFFF;
  	background-color: #308DFF;
    text-indent: 0;
/*    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;*/
    padding: 4px 8px;
    text-align: center;
    font-size: 13px;
    cursor:pointer;
	margin: 6px 0 0 6px;
    float: left;
}
#homePageLoginContainer .blueButton a{
    color: #FFFFFF;
}
#homePageLoginContainerFr .blueButton a{
    color: #FFFFFF;
}
.invalidInput{
    border: 1px solid #CC3300 !important;
    background: #ffebeb;
}
