﻿/* 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;}

#banner h2 {

    position:absolute;
    top:0px;
    left:0px;
    font-size: 24px;
    color: #c41a1a;
    z-index: 99;
    width:200px;
    height:40px;
    text-indent: -9999em;

}
.label h2{text-indent:-9999em;}
.tabs li.label {
    background: url(/content/images/findCarsBy.gif) center 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(/content/images/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(/content/images/sprite_CenteredGradients.png) -435px center repeat-x;
    
}
.tabs li.open .screen { 
    background:#fff;
    background: url(/content/images/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(/content/images/bg_tab.png) no-repeat;
    background: none;
    margin-top: 5px;

}
.tabs li h3 a
{
background:url("/content/images/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;opacity: .85;filter: alpha(opacity=85);z-index:998;}

.pricerange .panelContent,.pricerange .transparency{
    margin:0px 0px 0px 45px;height:225px;width:400px;
}
.searchByMake .panelContent, .searchByMake .transparency{
    margin:0px 0px 0px 200px;height:240px;width:570px;

}
.bodyType .panelContent, .bodyType .transparency{
    margin:0px 0px 0px 45px;height:270px;width:900px;
}

.mpg .panelContent, .mpg .transparency{
    margin:0px 0px 0px 650px;height:270px;width:315px;
}

.efficiencyRange div{margin:15px 0px 0px 15px;font-weight:bold;}
.mpg a{display:block;margin-left:15px;font-weight:bold;line-height:200%;text-decoration:none;color:#3366AA;}
.mpg a:hover{text-decoration:underline;}
.efficiencyRange{float:left;width:50%;}

.searchByMake a{color:#3366AA;text-decoration:none;font-size:14px;line-height:25px;font-weight:bold;}
.searchByMake a:hover{text-decoration:underline;}
/*
#banner{background:url("/content/images/corvette.jpg") bottom left no-repeat;}
*/

.corvette{background:url("/content/images/corvette.jpg") bottom left no-repeat;}

#bannerCtl{position:absolute;bottom:20px;right:20px;z-index:5;visibility:hidden;}
#bannerCtl div{display:inline;margin-left:10px;cursor:pointer;z-index:5;}


a:hover.close{color:Red;}

.panelContent h3{clear:both;padding:0px 0px 20px 20px;font-size:19px;}
.panelContent h3.bodyTypeTag{clear:both;padding:0px 0px 0px 15px;}

.modelPriceInputContainer{clear:both;margin-bottom:5px;}
.modelPriceInputContainer div{float:left;}
.modelPriceLabel{width:100px;padding-left:55px}

.panel{display:none;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}

#submitbutton {
    right: 80px;
    font-weight: bolder;
    position: absolute;
    bottom:15px;
    right:10px;
    width: 140px;
    color: #FFF;
    background:#5a9910 url(../images/green-fade40.png) top left repeat-x;
    text-indent: 0;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    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;
}

#backgroundImages{height:280px;width:970px;z-index:2;left:0px}
#backgroundImages ul {


}
#backgroundImages li {
    height: 100% !important;
    width: 100% !important;
    float:left;
}

#backgroundImages li.lazyLoad.corvette {

    background: url(../images/corvette.jpg) no-repeat;
}
#backgroundImages li.lazyLoad.corvette2 {

    background: url(../images/corvette2.jpg) no-repeat;
}
#backgroundImages li.lazyLoad.bg_corvette {

    background: url(../images/bg_corvette.jpg) no-repeat;
}
#backgroundImages li.lazyLoad.bg_corvette_road {

    background: url(../images/bg_corvette_road.jpg) no-repeat;
}
#backgroundImages li.lazyLoad.bg_ford_suv {

    background: url(../images/bg_ford_suv.jpg) no-repeat;
}
#backgroundImages li.lazyLoad.bg_ford_track {

    background: url(../images/bg_ford_track.jpg) no-repeat;
}
#backgroundImages li.lazyLoad.bg_mazda {

    background: url(../images/bg_mazda.jpg) no-repeat;
}
#backgroundImages li.lazyLoad.bg_volvo_ocean {

    background: url(../images/bg_volvo_ocean.jpg) no-repeat;
}


#headerAdsWrapper {
    background: #222;
    background: none;
    height: 35px;
    right: 10px;
    bottom: -38px;
    z-index: 999;
    background:url("/content/images/orange-fade50.png") repeat-x scroll left bottom #FFD200;
    border-top:1px solid #fff;
    color: #222;
    border-bottom: 1px solid #333;
}
#headerAds {

width: 960px;
color:#222;
line-height: 18px;
}

#headerAds p {
margin-left:10px;
margin-top:5px
}

#headerAds li {
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 {
font-weight: bold;
/*display:block;*/
font-size: 15px;
color: #222;
text-decoration: none;

}
#headerAds a:hover {
    color:#666;
}

.vehicleTypeLink{float:left;width:130px;height:98px;text-decoration:none;vertical-align:bottom;text-align:center;display:block;margin:0px 0px 20px 18px;color:#3366AA;font-size:14px;font-weight:bold;}
.vehicleTypeLink span{dispaly:block;}
.vehicleTypeLink img{width:75%;}
.vehicleLinkImage{display:block;}
a:hover.vehicleTypeLink span{text-decoration:underline;}
.vehicleTypeLink div{margin-top:75px;}
/*
.lazyLoad.convertible{background-image:url('/content/images/light_convertible.gif');}
.lazyLoad.coupe{background-image:url('/content/images/light_coupe.gif');}
.lazyLoad.hatchback{background-image:url('/content/images/light_hatchback.gif');}
.lazyLoad.hybrid{background-image:url('/content/images/light_hybrid.gif');}
.lazyLoad.luxurySedan{background-image:url('/content/images/light_luxurySedan.gif');}
.lazyLoad.luxurySUV{background-image:url('/content/images/light_luxurySUV.gif');}
.lazyLoad.minivan{background-image:url('/content/images/light_minivan.gif');}
.lazyLoad.pickup{background-image:url('/content/images/light_pickup.gif');}
.lazyLoad.sedan{background-image:url('/content/images/light_sedan.gif');}
.lazyLoad.sport{background-image:url('/content/images/light_sport.gif');}
.lazyLoad.SUV{background-image:url('/content/images/light_SUV.gif');}
*/
/* Featured Cars */

#topRowContent {
    position:relative;
    overflow:hidden;
    background: #444;
}
#topRowContent.lazyLoad{background: url(/content/images/serialScroller.png) top center no-repeat;}

#topRowContent #video {
    position:absolute;
    background: transparent url(../images/white-fade350.png) top left repeat-y;
    background-image:none;
    right:0;
    width:220px;
    height:290px;
    overflow:hidden;
    top:10px;
}
.featuredVehiclesLoading{position:absolute;top:125px;left:400px}
#serialScroller {
    width: 970px;
    height:298px;
    
}
#serialScroller h2{
    padding: 25px 10px 10px 25px;
    border-top:1px solid #fff;
    color: #FFD200;
    font-size: 2

}


/* JCarousel Styles */

.jcarousel-container {
/*
    border: 1px solid #808080;
*/
}

.jcarousel-container-horizontal {
    width: 680px;
    padding: 0px 40px;
}

.jcarousel-clip-horizontal {
    width:  680px;
    height: 200px;
}


.jcarousel-item {
    width: 175px;
    height: 200px;
    float:left;
    background:#fff;
    border: 1px solid #666;
    text-align:center;
    padding: 5px;
    margin:0px 18px 0px 18px;
}

.jcarousel-item a{text-decoration:none;}

.jcarousel-item:hover {
    border-color: #808080;
}

.jcarousel-item img{height:90px;}

/**
 *  Horizontal Buttons
 */
.jcarousel-next-horizontal {
    background:transparent url(/content/images/arrows.gif) top center no-repeat;
    background-position: 0 -40px;
    height:40px;
    width: 40px;
    position: absolute;
    top: 40%;
    right:5px;
    z-index: 999;
}

.jcarousel-next-horizontal:hover {
    background-position: 0 -120px;
}

.jcarousel-next-horizontal:active {
    background-position: 0 -120px;
}

.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-prev-horizontal {
    background:transparent url(/content/images/arrows.gif) top center no-repeat;
    height:40px;
    width: 40px;
    position: absolute;
    top: 40%;
    left:5px;
    z-index: 999;
}

.jcarousel-prev-horizontal:hover {
    background-position: 0 -80px;
}

.jcarousel-prev-horizontal:active {
    background-position: 0 -80px;
}

.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-item .imageContainer{height:90px;}

.item .itemName{
    font-weight:bold;
    font-size: 12px;
}
.item .kbbPrice {
    font-size: 11px;
    margin-top:5px;
    color: #cc3300;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}
.item .hertzPrice {
    font-size: 11px;
    color: #3d9a1d;
    margin-top:5px;
    font-weight:bold;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
}

.item .infoWrapper{height:160px;}

.item .button {
    display:block;
    background: #3d9a1d;
    color:#fff;
    -moz-border-radius:9px;
    -webkit-border-radius:9px;
    border-radius:9px;
    font-size:14px;
    margin-top:5px;
    padding:5px;
    margin:5px;
    cursor:pointer;
}
.item .button:hover {

    background: #FFD200;
    color:#222;
}

.item .itemName span{
    display:none;
}

/* Bottom Content*/

#content-after {

    height:250px;
    background:#fff;

}
#carsSoldList li{position:relative;padding:2px;}
#carsSoldList li div {}
.carInfoContainer{border-bottom: 1px dotted #ccc;margin:2px 2px 50x 0px;padding-left:5px;}
.lastCarSoldColumn{float:left;width:50%;}

#lastCarsSoldList {

-moz-box-shadow:0 2px 5px #CCCCCC;
-webkit-box-shadow:0 2px 5px #CCCCCC;
box-shadow:0 2px 5px #CCCCCC;
background:none repeat scroll 0 0 #FFFFFF;
border:3px solid #FFFFFF;
bottom:25px;
float:right;
height:220px;
padding:10px;
right:30px;
width:390px;
*border:2px solid #eeeeee;
}
#lastCarsSoldList 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;

}

#lastCarsSoldList .make { 
    font-weight: bold;
    width: 40px; 
    font-size: 12px;
}
#lastCarsSoldList .model { 
  width: 40px;  
}

#lastCarsSoldList .kbbPrice, 
#lastCarsSoldList .htzPrice { 
font-size: 11px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

#lastCarsSoldList .kbbPrice 
{
    margin-right: 20px;

}
#lastCarsSoldList .htzPrice { 
    color: #569b28;
    font-weight: bold;
    font-size: 12px;
}

.twocol {
    padding: 15px;
    clear:both;
}

.twocol .left {
float:left;
width: 335px;
font-size: 12px;
background:#FFF4C1;
padding:5px;
height:250px;
-moz-box-shadow:0 2px 5px #CCCCCC;
-webkit-box-shadow:0 2px 5px #CCCCCC;
box-shadow:0 2px 5px #CCCCCC;
background:#fff;
border:3px solid #FFFFFF;
float:left;
font-size:12px;
height:269px;
padding:5px;
width:330px;
font-size: 11px;
color:#666;
*border:2px solid #eeeeee;
}

.twocol #last-car-sold {

float:right;

right: 30px;
bottom: 25px;
width: 390px;
height: 185px;
background: #fff;
padding:10px;
border: 3px solid #FFE150;
-moz-box-shadow:0 2px 5px #CCCCCC;
-webkit-box-shadow:0 2px 5px #CCCCCC;
box-shadow:0 2px 5px #CCCCCC;
background:#fff;
border:3px solid #FFFFFF;
display:none;

}

.twocol #last-car-sold h2 {
    left:10px;
    top:10px;
    color: #999;
    font-size: 18px;
}
#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:480px;
height: 220px;
padding:10px;
}


#about-rtb p {

    margin: 10px 0;

}


#about-rtb a {
    color: #3366AA;
}

select.make
{
    height:20px;
    width:175px;
}
select.price
{
    height:20px;
    width:175px;
}
select.model
{
    height:20px;
    width:175px;
}

select.bodytype
{
    height:20px;
    width:175px;
}

.makeListContaier
{
    padding:10px;
}
.makeListContaier table{margin:10px 0px 0px 20px;}
.makeListContaier table td
{
    padding:5px;
    width:150px;
    vertical-align:top;
}

.mpgContaier
{
    padding:10px;
}

.mpgContaier table td
{
    padding:5px;
    width:100px;
    vertical-align:top;
}


.cblock ul{padding-left:10px;}
.cblock li{margin-left:10px;list-style-type:disc;}
.cblock a{text-decoration:none;}

#pickUpNowSearch {
    font-weight: bolder;
    margin:0px 0px 0px 0px;
    width: 140px;
    color: #FFF;
    background:#5a9910 url(../images/green-fade40.png) top left repeat-x;
    text-indent: 0;
    -moz-border-radius:15px;
    padding: 5px;
    text-align: center;
    font-size: 16px;
    border:1px solid #ddd;
    -moz-box-shadow: 0 0 3px #222;
    cursor:pointer;
}