﻿body 
{
    background-color:White;
    text-align:center;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#333;
}

ul{
    margin:5px 0px 5px 20px;
    padding:0px 0px 0px 0px;
}

li{
    list-style-image:url('CommonImages/bullet04.gif');
    margin:5px 0px 5px 0px;
    padding:0px 0px 0px 0px;
}

#main
{
    width:955px;
    margin:0px auto 0px auto;
    padding:0px 0px 0px 0px;
    background-color:transparent;
    position:relative; 
    }

/*Banner*/    

#main #banner
{
    width:955px;
    height:90px;
    margin:10px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    background-color:transparent;
    background-image:url('CommonImages/bannerback.gif');
    background-position: left bottom;
    background-repeat:repeat-x;

    }
    
#main #banner #logo
{
    height: 80px;
    width: 303px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    float:left;

    }

#main #banner #bannerlinks
{
    width:635px;
    height:30px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    position: relative;
    left: 25px;
    bottom: 5px;
    float:left;
    clear:right;
    text-align:right;
    }
    
#main #banner #bannerlinks .link
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    background-color:transparent;
    float:right;
    }
    
#main #banner #bannerlinks .text
{
    margin:7px 10px 0px 5px;
    padding:0px 0px 0px 0px;
    background-color:transparent;
    float:right;
    }
    
 #main #banner #tabs
{
    width:650px;
    height:60px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    overflow:visible; 
    position: relative;
    float: left;
    position: relative;
    left: 4px;
    top: 1px;
    }
    
 #main #banner #tabs .tab
{

    height:51px;
    margin:0px 0px 0px 0px;
    padding:2px 0px 0px 5px;
    background-color:transparent;
    float:left;
     z-index:5; 
    }
    
/*Search Bar*/

 #main #searchbar{
    width:755px;
    height:25px;
    margin:2px 0px 10px 0px;
    padding:5px 0px 0px 200px;
    background-image:url('CommonImages/searchback.jpg');
    background-repeat:repeat-x;
    text-align:left;
    float:left;
    } 
    
 #main #searchbar .searchtext
 {
    width:auto;
    margin:5px 5px 0px 0px;
    padding:0px 0px 0px 0px;
    text-align:left;
    float:left;
    color:White;
    font-weight:bold;
    float:left;
    } 

 #main #searchbar .searchtext2
 {
    width:120px;
    margin:3px 5px 0px 0px;
    padding:0px 0px 0px 20px;
    text-align:left;
    float:left;
    color:White;
    text-decoration: underline;
    float:left;
    }   
    
 #main #searchbar .searchbreak
 {
    width:2px;
    height:20px;
    border-right:solid 1px white;
    background-color:transparent;
    margin:0px 10px 0px 5px;
    padding:0px 0px 0px 0px;
    float:left;
    }
    
/*Container*/

#main #container{
    width:955px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    background-color:transparent;
    overflow:visible;
    float:left;
    }
    
/*Container LHS*/

#main #container #lefthandcol{
    width:190px;
    margin:0px 10px 0px 0px;
    padding:0px 0px 0px 0px;
    background-color:transparent;
    /*overflow:hidden;*/
    float:left;
    z-index:1;
    
    }
    
/*Container Mid*/
#main #container #middlecol{
    width:555px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    text-align:left;
    float:left;  
    }

#middlecol h1{
    margin:10px 0px 10px 0px; 
    padding:0px 0px 0px 0px; 
    font-size:20px; 
    color:#333;
    font-weight: normal;
    }
    
#middlecol h2{
    margin:10px 0px 10px 0px; 
    padding:0px 0px 0px 0px; 
    font-size:12px; 
    color:#56671B;
    }
    
#middlecol p{
    margin:0px 0px 10px 0px; 
    padding:0px 0px 0px 0px;
    }

#bannerad{
    width:555px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    overflow:hidden;   
}

#bannerad2{
    width:537px;
    margin:5px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    overflow:hidden;    
}
    
#breadcrumbs{
    width:555px;
    margin:0px 0px 10px 0px;
    padding:7px 0px 7px 0px;
    border-bottom:dotted 1px #7F7F7F;
}

#breadcrumbsFullWidth{
    width:955px;
    margin:0px 0px 10px 0px;
    padding:7px 0px 7px 0px;
    border-bottom:dotted 1px #7F7F7F;
    text-align:left; 
}

#pageimage{
    width:555px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    overflow:hidden;
    z-index:0;    
}

#homepanel{
    width:555px;
    height:304px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    position:relative;    
    z-index:3;    
}

.homevehicle
{
    width:500px;
    height:100px;
    /*background : rgba(102, 102, 102, 0.7);*/
    background-image:url('CommonImages/vehiclecheck4.gif');
    background-color:Transparent; 
    margin:0px 0px 0px 0px;
    padding:10px 0px 0px 20px;
    position:absolute;
    left:17px;
    top:180px;
    z-index:5;
    clear: both;
    }
    

#productpanel{
    width:548px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 4px;
    border:solid 1px #D7D7D7; 
    background-color:transparent;    
}

.productpanel2{
    width:537px;
    margin:0px 0px 0px 0px;
    padding:0px 8px 0px 8px;
    border:solid 1px #D7D7D7;    
}

.productpanel2vc{
    width:533px;
    margin:0px 0px 0px 0px;
    padding:5px 8px 0px 8px;
    border:solid 3px #b7cf55;   
     
}

.productpanel3{
    width:537px;
    margin:0px 0px 0px 0px;
    padding:5px 8px 0px 8px;
    border:solid 1px #CCC;   
     
}

h3{
    font-size:14px;
    margin:0px 0px 0px 0px;
    padding:5px 0px 5px 10px;
    background-color:#b7cf55;
}

h3.productpanel3h3{
    font-size:14px;
    margin:0px 0px 0px 0px;
    padding:5px 0px 5px 10px;
    background-color:#CCC;
}

h4{
    font-size:14px;
    margin:0px 0px 5px 0px;
    padding:5px 0px 5px 0px;
    border:none;
}

h5{
    font-size:14px;
    margin:0px 0px 5px 0px;
    padding:5px 0px 5px 0px;
    border-bottom:dotted 1px #7F7F7F;
}

#productleft{
    width:370px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    overflow:hidden;
    float:left;
    background-color:transparent; 
  
}

.productimg{
    /*width:346px;*/
    width:368px; 
    margin:0px 0px 5px 0px;
    padding:0px 0px 0px 0px;
    border:solid 1px #D7D7D7;
    background-color:transparent;    
    overflow:hidden; 
}

.legacyImg{ overflow:hidden; }

#productright{
    width:173px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 5px;
    float:left;
    background-color:transparent; 
}

.otherinfo
{
    height:17px;
    vertical-align:top;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;    
}

#productfilter{
    width:527px;
    margin:10px 0px 10px 0px;
    padding:5px 5px 5px 5px;
    background-color:#F1F1F1;        
}

#productfilter h6{
    width:100%;
    font-size:10px;
    font-weight:bold;
    margin:0px 0px 5px 0px;
    padding:5px 0px 5px 0px;
    border-bottom:dotted 1px #7F7F7F;
}

.pagingbox{
    width:20px;
    height:15px;
    text-align:center;
    background-color:#F1F1F1;
    border:solid 1px #7F7F7F;
    margin:0px 5px 0px 5px;
    padding:0px 0px 0px 0px;    
    float:left;
}

.pagingbox2{
    width:20px;
    height:15px;
    text-align:center;
    background-color:#7F7F7F;
    border:solid 1px #7F7F7F;
    margin:0px 5px 0px 5px;
    padding:0px 0px 0px 0px;    
    float:left;
}

.pagingshowall{
    width:60px;
    height:15px;
    text-align:center;
    background-color:#F1F1F1;
    border:solid 1px #7F7F7F;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;    
    float:right;
}

.productthumb
{
    /*width:125px;*/
    width:140px;
    height:140px;  
    border:solid 1px #D7D7D7;
    text-decoration:none;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    overflow:hidden;
}

.catthumb{
    width:125px;
    margin:10px 0px 0px 0px;
    padding:0px 9px 0px 0px;
    float:left;
}

.catthumbimg{
    width:123px;
    border:solid 1px #D7D7D7;
    text-decoration:none;
    margin:0px 0px 5px 0px;
    padding:0px 0px 0px 0px;
    overflow:hidden;
}

.catthumbbullet{
    width:6px;
    float:left;    
    margin:1px 5px 0px 0px;
    padding:0px 0px 0px 0px;    
}

.catthumbtext{
    width:111px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

.total{
    font-size:13px;
    font-weight:bold;
} 

.was{
    font-size:11px;
    font-weight:normal;
    color:Red;
}

.amount{
    font-size:13px;
    font-weight:bold;
    color:#56671B;
} 


#supporttabs
{
    width:555px;
    height:39px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    background-color:transparent;
    }
    
.supporttab
{
    width:185px;
    height:39px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    background-color:transparent;
    float:left;
    }
    
#supportpanel{
    width:537px;
    margin:0px 0px 0px 0px;
    padding:0px 8px 0px 8px;
    border-left:solid 1px #D7D7D7;    
    border-right:solid 1px #D7D7D7;
    border-bottom:solid 1px #D7D7D7;
}

#supportpanel h3{
    font-size:15px;
    margin:0px 0px 5px 0px;
    padding:5px 0px 5px 0px;
    border-bottom:dotted 1px #7F7F7F;
}

#supportpanel h4{
    font-size:15px;
    margin:0px 0px 5px 0px;
    padding:5px 0px 5px 0px;
    border:none;
}

.resourcecat{
    width:170px;
    margin:10px 0px 0px 0px;
    padding:0px 9px 0px 0px;
    float:left;
}

.resourcebullet{
    width:6px;
    margin:1px 5px 0px 0px;
    padding:0px 0px 0px 0px;    
    float:left;    
}

.resourcetext{
    width:159px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    float:left;
}

.accountleft{
    width:240px;
    margin:0px 0px 0px 0px;
    padding:0px 10px 0px 0px;
    float:left;
}

.accountright{
    width:260px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 10px;
    border-left:dotted 1px #7F7F7F;
    float:right;
}


.accountForm{
    width:340px;
    margin:0px 0px 0px 0px;
    padding:0px 10px 0px 0px;
    float:left;
}


       
/*Container RHS*/
#main #container #righthandcol{
    width:190px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 10px;
    background-color:transparent;
    float:left;
    position:relative;
    z-index:0;
}
    
/*Strapline*/    

#main #strapline
{
    width:955px;
    margin:20px 0px 10px 0px;
    padding:5px 0px 5px 0px;
    background-color:transparent;
    border-top:dotted 1px silver;
    float:left;
    color:Black;
    }

#main #strapline a
{
    color:#56671B;
    }
    
/*Menu Areas*/
.Menu{
    width:190px;
    background-color:#F1F1F1;
    margin:0px 0px 10px 0px;
    padding:0px 0px 0px 0px;
    float:left;
    overflow:hidden;
    }
    
.Menu .Bar{
    width:180px;
    height:19px;
    background-image:url('CommonImages/menuback.gif');
    background-repeat:repeat-x;
    margin:0px 0px 0px 0px;
    padding:2px 0px 0px 10px;
    color:White;
    float:left;
    font-weight:bold;
    text-align:left;
    overflow:hidden;
    }

.Menu .Bar .Title{
    width:162px;
    height:16px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    float:left;
    overflow:hidden;
    }

.Menu .Bar .Icon{
    width:16px;
    height:16px;
    margin:1px 2px 0px 0px;
    padding:0px 0px 0px 0px;
    float:right;
    overflow:hidden;
    }
    
.Menu .SubBar{
    width:170px;
    height:20px;
    background-color:#F1F1F1;
    background-image:url('CommonImages/SubBarArrow.gif');
    background-position:left top;
    background-repeat:no-repeat;
    margin:5px 5px 0px 5px;
    padding:0px 0px 0px 10px;
    color:Black;
    float:left;
    text-align:left;
    overflow:hidden;
    }
 
.Menu .Breaker{
    width:175px;
    height:1px;
    background-color:#F1F1F1;
    border-bottom:dotted 1px #7F7F7F;
    margin:0px 0px 0px 5px;
    padding:0px 0px 0px 0px;
    float:left;
    text-align:left;
    overflow:hidden;
    }
     
.Menu .SpaceBar{
    width:170px;
    height:5px;
    background-color:#F1F1F1;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    float:left;
    text-align:left;
    overflow:hidden;
    }
    
.Bar{
    width:180px;
    height:22px;
    background-image:url('CommonImages/blackbar.gif');
    background-repeat: no-repeat;
    margin:0px 0px 0px 0px;
    padding:6px 0px 0px 10px;
    color:White;
    float:left;
    font-weight:bold;
    text-align:left;
        overflow:hidden;
    }
    
.GreyBar{
    width:180px;
    height:22px;
    background-image:url('CommonImages/greybar.gif');
    background-repeat: no-repeat;
    margin:0px 0px 0px 0px;
    padding:6px 0px 0px 10px;
    color:White;
    float:left;
    font-weight:bold;
    text-align:left;
    overflow:hidden;
    }
    
.OfferBar{
    width:180px;
    height:22px;
    background-image:url('CommonImages/tab_special.jpg');
    background-repeat: no-repeat;
    margin:0px 0px 0px 0px;
    padding:6px 0px 0px 10px;
    color:White;
    float:left;
    font-weight:bold;
    text-align:left;
    overflow:hidden;
    }    
    
.GreyBar .Icon{
    width:16px;
    height:16px;
    margin:1px 2px 0px 0px;
    padding:0px 0px 0px 0px;
    position: relative;
    right: 8px;
    float:right;
    overflow:hidden;
    }
    
.GreyBar .Title{
    width:162px;
    height:16px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    float:left;
    overflow:hidden;
    font-size: 12px;
    }
    
.OfferBar .Icon{
    width:16px;
    height:16px;
    margin:1px 2px 0px 0px;
    padding:0px 0px 0px 0px;
    position: relative;
    right: 8px;
    float:right;
    overflow:hidden;
    }
    
.OfferBar .Title{
    width:162px;
    height:16px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    float:left;
    overflow:hidden;
    font-size: 12px;
    }    
    
.vehiclecheck {
    margin-bottom: 10px;
    border: 0px;}   
    
.BlackBar{
    width:180px;
    height:28px;
    background-image:url('CommonImages/blackbar.gif');
    background-repeat: no-repeat;
    background-color: #333;

    }
    
 .Spacer{
    width:190px;
    height:10px;
    background-color:white;
    overflow:hidden;
    clear:both;
    }

.Bar .Title{
    width:162px;
    height:16px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    float:left;
    overflow:hidden;
    font-size: 12px;
    }

.Bar .Icon{
    width:16px;
    height:16px;
    margin:1px 2px 0px 0px;
    padding:0px 0px 0px 0px;
    position: relative;
    right: 8px;
    float:right;
    overflow:hidden;
    }

    
.Box{
    width:168px;
    background-color:#F1F1F1;
    border:solid 1px black;
    border-top:none;
    margin:0px 0px 10px 0px;
    padding:10px 10px 10px 10px;
    float:left;
    text-align:left;
    font-size:10px;
    z-index:1;
    }
    
.BoxBottom{
    width: 190px;
    height: 11px;
    background-image:url('CommonImages/boxbottom.gif');
    background-repeat: no-repeat;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 0px;
}
.WhiteBox{
    width:168px;
    background-color:#FFF;
    border:solid 1px black;
    border-top:none;
    border-bottom:none;
    margin:0px 0px 0px 0px;
    padding:10px 10px 10px 10px;
    float:left;
    text-align:left;
    font-size:10px;
    z-index:1;
    }
    
.WhiteBox .LeftBrand{
    width:73px;
    height:36px;
    background-color:white;
    border:solid 1px silver;
    margin:5px 5px 2px 0px;
    padding:2px 2px 2px 2px;
    float:left;
    overflow:hidden;
    }

.WhiteBox .RightBrand{
    width:73px;
    height:36px;
    background-color:white;
    border:solid 1px silver;
    margin:5px 0px 2px 5px;
    padding:2px 2px 2px 2px;
    float:left;
    overflow:hidden;
    }
    
.Box .BasketTotal{
    width:168px;
    background-color:white;
    border-top:dotted 1px #7F7F7F;
    margin:10px 0px 0px 0px;
    padding:5px 0px 0px 0px;
    float:left;
    text-align:left;
    font-size:10px;
    }
    
 

.Help
{
    width:188px;
    margin:20px 0px -28px 0px;
    padding:0px 0px 0px 0px;
    position:relative;
    z-index:20;
    top:-21px;
    float:left;
    }
    
.Box .Guide{
    width:168px;
    background-color:transparent;
    margin:0px 0px 2px 0px;
    padding:0px 0px 0px 0px;
    float:left;
    text-align:left;
    font-size:10px;
    }
    
.Box .GuideImage{
    background-color:transparent;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    font-size:10px;
    float:left;
    }
    
.Box .GuideText{
    background-color:transparent;
    margin:1px 0px 0px 5px;
    padding:0px 0px 0px 0px;
    font-size:12px;
    float:left;
    }
    
.TSMenu{
    width:190px;
    background-color:#F1F1F1;
    margin:0px 0px 10px 0px;
    padding:0px 0px 0px 0px;
    float:left;
    position:relative;
    z-index:0;
    }
    
.TSMenu .Bar{
    width:180px;
    height:19px;
    background-image:url('CommonImages/menuback.gif');
    background-repeat:repeat-x;
    margin:0px 0px 0px 0px;
    padding:2px 0px 0px 10px;
    color:White;
    float:left;
    font-weight:bold;
    text-align:left;
    }
    
.BlackBar{
    width:180px;
    height:19px;
    background-image:url('SiteImages/blackbar.jpg');
    background-repeat:repeat-x;
    margin:0px 0px 0px 0px;
    padding:2px 0px 0px 10px;
    color:White;
    float:left;
    font-weight:bold;
    text-align:left;
    }

.TSMenu .Bar .Title{
    width:162px;
    height:16px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    float:left;
    }
    
.TSMenu .SubBar{
    width:170px;
    height:20px;
    background-color:#F1F1F1;
    background-image:url('CommonImages/SubBarArrow.gif');
    background-position:left top;
    background-repeat:no-repeat;
    margin:5px 5px 0px 5px;
    padding:0px 0px 0px 10px;
    color:Black;
    float:left;
    text-align:left;
    }
 
.TSMenu .Breaker{
    width:175px;
    height:1px;
    background-color:#F1F1F1;
    border-bottom:dotted 1px #7F7F7F;
    margin:0px 0px 0px 5px;
    padding:0px 0px 0px 0px;
    float:left;
    text-align:left;
    }
    
.TSMenu .TopSeller{
    width:180px;
    background-color:#F1F1F1;
    margin:5px 0px 0px 5px;
    padding:5px 0px 5px 00px;
    color:Black;
    float:left;
    text-align:left;
    }
    
/* FAQs */    

.FaqBar{
    width:525px;
    height:19px;
    margin:0px 0px 0px 0px;
    padding:2px 0px 0px 10px;
    color:White;
    float:left;
    font-weight:bold;
    text-align:left;
    overflow:hidden;
    border-bottom:dotted 1px #7F7F7F;
    }
    
.FaqSpacer{
    width:535px;
    height:10px;
    background-color:white;
    overflow:hidden;
    clear:both;
    }

.FaqTitle{
    width:507px;
    height:16px;
    color:#56671B;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    float:left;
    overflow:hidden;
    }
.FaqTitle:hover{
    cursor:pointer;
    }

.FaqIcon{
    width:16px;
    height:16px;
    margin:1px 2px 0px 0px;
    padding:0px 0px 0px 0px;
    float:right;
    overflow:hidden;
    }
    
.FaqMenu{
    width:535px;
    background-color:#F1F1F1;
    margin:0px 0px 10px 0px;
    padding:0px 0px 0px 0px;
    float:left;
    overflow:scroll;
    }

.FaqSpaceBar{
    width:515px;
    height:5px;
    background-color:#F1F1F1;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    float:left;
    text-align:left;
    overflow:hidden;
    } 
    
.FaqSubBar{
    width:500px;
    background-color:#F1F1F1;
    margin:5px 5px 0px 5px;
    padding:0px 0px 0px 5px;
    color:Black;
    float:left;
    text-align:left;
    overflow:hidden;
    }  
    
.FaqBreaker{
    width:500px;
    height:1px;
    background-color:#F1F1F1;
    margin:0px 0px 0px 5px;
    padding:0px 0px 0px 0px;
    float:left;
    text-align:left;
    overflow:hidden;
    }  
    
/* Basket Styles */

.baskethead{
    height:15px;
    background-color:#F1F1F1;
    padding: 5px 5px 5px 5px;
    margin: 0px 0px 0px 0px;
    font-weight:bold;
    border-bottom:dotted 1px #7F7F7F;
}

.basketitem{
    height:15px;
    padding:5px 5px 5px 5px;
    margin:0px 0px 0px 0px;
    border-bottom:dotted 1px #7F7F7F;
}

.basketfoot{
    height:15px;
    background-color:#F1F1F1;
    padding: 10px 5px 10px 5px;
    margin: 0px 0px 0px 0px;
    font-weight:bold;
}

.basketsummary{
    width:525px;
    background-color:#F1F1F1;
    padding: 10px 5px 10px 5px;
    margin: 0px 0px 0px 0px;
    font-size:12px;
    font-weight:bold;
    text-align:left;  
}

.summarytext{
    width:300px;
    float:left;
    text-align:right;
}
.summaryamount{
    width:100px;
    float:left;
    text-align:right;
}
.discounttext{color:Red;}
    
/* Common */    
.floatleft{
    float:left;
    padding:0px 0px 0px 0px;
    margin:5px 10px 0px 0px;
    }  

.floatright{
    float:right;
    padding:0px 0px 0px 0px;
    margin:5px 0px 0px 10px;
    }
    
.updated{
    float:right;
    padding:5px 5px 5px 5px;
    margin:10px 0px 0px 0px;
    background-color:#99B733;
    color:#FFFFFF;
    font-weight:bold;
    }

.mouseover:hover{cursor:pointer;}
.clearboth{clear:both;}
    
/*Form Controls*/

.newsletterbox{
    height:14px;
    width:160px;
    margin:0px 0px 0px 0px;
    padding:2px 0px 0px 0px;
    font-size:10px;
    float:left;
    }

.searchbox
{
    height:14px;
    width:130px;
    margin:0px 0px 0px 0px;
    padding:2px 0px 0px 0px;
    font-size:10px;
    float:left;
    }
    
.searchdropper
{
    height:19px;
    width:150px;
    margin:0px 10px 0px 0px;
    padding:0px 0px 0px 0px;
    font-size:10px;
    float:left;
    }
    
.searchbtn{
    float:left;
    }
    
.manudropper{
    width:168px;
    height:19px;
    font-size:10px;
    float:left;
    margin:5px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    }
    
.moddropper{
    width:138px;
    height:19px;
    font-size:10px;
    float:left;
    margin:5px 0px 5px 0px;
    padding:0px 0px 0px 0px;
    }

.formleft{
    width:150px;
    margin:0px 0px 0px 0px;
    padding:10px 8px 1px 5px;
    background-color:transparent;
    font-family:Arial;
    font-size:12px;
    text-align:left;
    float:left;
    }

.formright{
    width:330px;
    margin:5px 0px 0px 0px;
    padding:1px 4px 1px 4px;
    background-color:transparent;
    float:left;
    }

.setwidth{width:220px;}       
    
    
/*Fonts & Links*/

.imagelink{
    border:none;
    text-decoration:none;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    }
    
a{
    text-decoration:none;
    border:none;
    color:#56671B;
 }
 
a:hover{
    text-decoration:underline;
    border:none;
    color:inherit;
    cursor:pointer;
 }

.grey{
    color:#CCCCCC;
    font-weight:bold;
}
 
.blacklink{color:#333;} 
 
.whitelink{color:#FFFFFF;}
    
.greenlink{
    color:#56671B;
    font-weight:bold;
    }
    
.dottedborder{
    width:100%;
    margin:5px 0px 5px 0px;
    border-bottom:dotted 1px #7F7F7F;
    float:left; 
}  

/*Error Pages*/

.ErrorSection{
    width:533px;
    margin:0px 0px 0px 0px;
    padding:10px 10px 10px 10px;
    border:dotted 1px black;
}

.ErrorSection H1{
    font-family:Arial;
    font-size:14pt;
}

.errorMsg{ color:Red; text-align:left; float:left;}

/*new vehicle checker styles*/

.bigHeader{ font-size:18px; font-weight:bolder; width:190px; background-color:transparent; float:left;font-family:Verdana, Arial, Helvetica, sans-serif; color:White; }
.smallerHeader { font-size:12px; font-weight:bolder; width:280px; background-color:transparent; float:left; padding-top:6px; color:White; }

.checkout{ width:955px; float:left;  }
.checkout .right{width: 225px; float:right; text-align:left; }
.checkout .left{width: 710px; float:left; margin:0px 10px 0px 0px;  }


.checkout .left h1{
    margin:10px 0px 10px 0px; 
    padding:0px 0px 0px 0px; 
    font-size:20px; 
    color:#333;
    font-weight: normal;
    text-align:left; 
    }
    
.checkout .left p{
    margin:0px 0px 10px 0px; 
    padding:0px 0px 0px 0px;
    text-align:left; 
    }    
    
.checkout .accountleft{width:300px;margin:0px 0px 0px 0px;padding:0px 10px 0px 0px; font-size:13px;float:left; font-family:Verdana, Arial, Helvetica, sans-serif; }  

.checkout .accountleft h4 { text-align:left;}
.checkout .accountForm h4 { text-align:left;}

.noBorder{ border:none;}
.oldImg{ margin-top:40px; border:none; width:140px;}
.deliverymsg{ font-size:9px;}


#checkout{ width:955px; float:left; padding:0px; margin:0px; }
div#checkout .title2{ text-transform:capitalize; font-weight:bold; color:#0C0C0C; background-image:url(../SiteImages/bg_title2.jpg); padding:5px 0px 5px 15px; clear:both; background-repeat:no-repeat; height:24px;}

div#checkout .titleHalf{ text-transform:capitalize; font-weight:bold; color:#0C0C0C; background-image:url(../SiteImages/bg_title3.jpg); padding:5px 0px 5px 15px; clear:both; background-repeat:no-repeat; height:24px;}


div#checkout .left{width: 720px; float:left; padding:0px; margin:0px; }
div#checkout .right{width: 225px; float:right;   }

div#checkout .left .title{ margin-bottom:30px; }
div#checkout .left .column-three{width: 225px; position:relative; float:left; margin-right:15px; margin-top:0px; height:300px; }
div#checkout .left .column-three .error{ position:absolute; left:190px; color:#A30909; width:300px; top:76px;}
div#checkout .left .column-three .error2{ position:absolute; left:190px; color:#A30909; width:300px; top:145px;}
div#checkout .top{height:165px; }
div#checkout .left .row{ width:720px; clear:both; padding-bottom:10px; float:left; background-color:transparent;}
div#checkout .left .rowBR{ clear:both; padding-bottom:10px; float:left; background-color:transparent; }
div#checkout .left .rowNoPad{ width:720px; clear:both; float:left; background-color:transparent;}
div#checkout .left .rowborder{ width:720px; clear:both; margin-bottom:10px; margin-top:10px; border-top:1px solid #999999; padding-top:10px; background-color:transparent;}
div#checkout .left .rowborder .msg{ background-color:transparent; float:left; font-weight:bold; margin-bottom:20px; font-size:13px;}
div#checkout .left .row .col-one{text-align:right; width:118px; float:left; margin-left:15px; margin-right:15px; background-color:transparent;}

div#checkout .left .row .col-oneI{text-align:right; width:108px; float:left; margin-left:15px; margin-right:15px; background-color:transparent; padding-top:10px;}


div#checkout .left .rowNoPad .col-one{text-align:right; width:330px; float:left; margin-left:15px; margin-right:15px; background-color:transparent;}
div#checkout .left .row .col-one p{ margin:0px; padding:0px; background-color:transparent;}
div#checkout .left .row .col-oneI p{ margin:0px; padding:0px;}

div#checkout .left .row .col-one-left{text-align:left; width:108px; float:left; margin-left:15px; margin-right:15px;}
div#checkout .left .row .col-two{width:175px;float:left; background-color:transparent;}
div#checkout .left .row .col-twoI{width:175px;float:left; background-color:transparent; padding-top:6px;}

div#checkout .left .row .col-three{width:490px;float:left; margin-top:4px;}
div#checkout .steps {position:absolute; left:480px;}


div#checkout .left .row .col-half{text-align:left; width:312px; float:left; }





/*New checkout styles*/

div#checkout .line{ width:720px; background-color:transparent; float:left; margin-bottom:12px;}
div#checkout .halfline{ width:360px; background-color:transparent; float:left;}
div#checkout .fieldText{ width:132px; background-color:transparent; float:left; padding-right:10px; text-align:right; padding-top:4px;}
div#checkout .fieldInput{ width:218px; background-color:transparent; float:left;}

div#checkout .fieldTextR{ width:100px; background-color:transparent; float:left; padding-right:10px; text-align:right; padding-top:4px;}
div#checkout .fieldInputR{ width:250px; background-color:transparent; float:left;}


div#checkout .fieldText2{ width:100px; background-color:transparent; float:left; padding-right:10px; text-align:right; padding-top:8px;}
div#checkout .fieldInput2{ width:250px; background-color:transparent; float:left; padding-top:4px;}


div#checkout .paddTop{ text-transform:capitalize; font-weight:bold; color:#0C0C0C; background-image:url(../SiteImages/bg_title3.jpg); padding:5px 0px 5px 15px; clear:both; background-repeat:no-repeat; height:24px;}

div#checkout .paddTop .text{ background-color:transparent; width:300px; float:left; }
div#checkout .paddTop .qu{ background-color:transparent; width:30px; float:right; padding-top:-5px; height:13px;}
/*END New checkout styles*/






div#checkout .right .rowprod{ padding:10px 0px 10px 0px; clear:both; border-bottom:1px solid #D1D1D1; width:225px; float:left;  }
div#checkout .right .rowborder{ padding:10px 0px 10px 13px; clear:both; border-bottom:1px solid #D1D1D1; width:212px; float:left; }
div#checkout .right .row{ padding:10px 0px 10px 13px; clear:both; width:212px; float:left; }
div#checkout .left .row a{ padding:0px; margin:0px;}
div#checkout .right .total{ padding:5px 0px 5px 15px; background-image:url(../SiteImages/bg_total.jpg); clear:both; width:210px; float:left; font-weight:bold; margin-top:10px;}
div#checkout .right .total p, div#checkout .right .row p, div#checkout .right .rowborder p, div#checkout .right .rowprod p { margin:0px; padding:0px;}
.required {color: #FF0000;}
div#checkout .formfield-01 { width:60px; border:1px solid #B2B2B2; margin:0px;}
div#checkout .formfield-02 { width:175px; border:1px solid #B2B2B2; margin:3px 0px 10px 0px;}
div#checkout .formfield-03 { width:170px; border:1px solid #B2B2B2; margin:0px;}
div#checkout .formfield-04 { width:490px; border:1px solid #B2B2B2; margin:0px;}
div#checkout .formfield-05 { width:200px; border:1px solid #B2B2B2; margin:0px;}
div#checkout .formfield-06 { width:160px; border:1px solid #B2B2B2; margin:0px;}
div#checkout .formfield-long {}
div#checkout p.floatleft{float:left; }
div#checkout p.floatright{float:right; text-align:right; }
.image-list {position:relative; width:100%;  text-align:center; margin:0px auto;height:272px;}
.arrow-left {float:left; padding-right:5px;}
.arrow-right {float:right;}

.sideBasket{ width:225px; float:left; background-color:transparent; text-align:left;}
.sideBasket h4 { text-align:left;}

.sideBasket .title{ text-transform:capitalize; font-weight:bold; color:#0C0C0C; background-image:url(../SiteImages/bg_title.jpg); padding:5px 0px 0px 15px; clear:both; width:210px; height:25px; background-repeat:no-repeat; }

.sideBasket .rowprod{ padding:10px 0px 10px 0px; clear:both; border-bottom:1px solid #D1D1D1; width:225px; float:left;}
.sideBasket .rowborder{ padding:10px 0px 10px 13px; clear:both; border-bottom:1px solid #D1D1D1; width:212px; float:left;}
.sideBasket .row{ padding:10px 0px 10px 13px; clear:both; width:212px; float:left; }
.sideBasket .total{ padding:5px 0px 5px 15px; background-image:url(../SiteImages/bg_total.jpg); clear:both; width:210px; float:left; font-weight:bold; margin-top:10px;}
.sideBasket .total p, .sideBasket .row p, .sideBasket .rowborder p, .sideBasket .rowprod p { margin:0px; padding:0px;}


.rbl{background-color:transparent; padding:0px;float:left; }
table.rbl { float:left;}
table.rbl td{ width:240px; float:left; }
table.rbl td label {text-align:left; float:right; width:215px; }
table.rbl td input {float:left;margin-left:4px; padding:0px; }
.questionIcon{ width:13px; height:13px; margin:4px 0px 0px 4px; border:none;}
/*.rbl input{ margin-left:4px; margin-right:6px;  float:left; }
.rbl {   width:180px; float:right; }*/


#dhtmltooltip{
text-align:left;
margin:4px;
position: absolute;
width: 150px;
border: 1px solid #CCC;
padding: 10px;
background-color: #FFF;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}


.applyLink{color:#56671B; font-weight:bold; }
.float-right{ float:right;}


/*New Product Listing styles to replace tables*/
.prodBox{ width:537px; float:left; background-color:transparent; border-bottom:dotted 1px #7F7F7F; padding-bottom:15px; margin-bottom:5px;}
.prodT{ width:537px; float:left; background-color:transparent; margin-bottom:2px;}
.prodImg{ width:142px; float:left; background-color:transparent;}
.prodRest{ width:385px; float:left; background-color:transparent; margin-top:20px; margin-left:2px; }
.prodLine{ width:385px; float:left; background-color:transparent; margin-bottom:5px;}
.prodLine2{ width:385px; float:left; background-color:transparent; margin-bottom:10px;}
.prodBrand{ width:273px; float:left; background-color:transparent; padding-top:6px;}
.prodPend{ width:105px; float:left; background-color:transparent; }
.prodIS{ width:80px; float:left; background-color:transparent; }
.prodOOS{ width:97px; float:left; background-color:transparent; }
.prodMsg{ width:168px; float:left; background-color:transparent; padding-top:2px; text-align:center; }
.prodAddBtn{ width:120px; float:right; background-color:transparent;  }
.prodAddOption{ float:right; background-color:transparent; text-align:right; width:200px; height:20px;  }
.oos{ margin-top:6px;}

.price{float:right;font-size:16px;color:#56651b;font-weight:bold;}


