﻿* 
{
    margin: 0;
    padding: 0;
}

body 
{
    background-color: #000000;
    font-size: medium;
    font-family: Arial, Trebuchet MS, Tahoma;    
    text-align: center;
    color: #FFFFFF;
}

.wrapper
{
    width: 900px;
    margin: 0 auto;
    text-align: left;
}

#wholesalepage .lightsearchbar
{
    display: none;
}
#commercialpage .lightsearchbar
{
    display: none;
}

#wholesaleheader
{
    display: none;
    width: 900px;
    height: 125px;
    background: transparent url(../Images/img_WholesaleBanner.jpg) no-repeat 0px 0px;
}
#commercialheader
{
    display: none;
    width: 900px;
    height: 125px;
    background: transparent url(../Images/img_CommercialBanner.jpg) no-repeat 0px 0px;
}

#wholesalepage #header
{
    display: none;
}
#commercialpage #header
{
    display: none;
}

#wholesalepage #wholesaleheader
{
    display: block;
}
#commercialpage #commercialheader
{
    display: block;
}

#header
{
    
}

#headerlogo
{
    width: 525px;
    height: 125px;
    background: #000000 url(../Images/img_HeaderLogo.jpg) no-repeat top left;
    overflow: hidden;
    float: left;
}

#headerselector
{
    width: 375px;
    height: 125px;
    background-color: #000000;
    overflow: hidden;
    float: left;
}
.hs1 { background: #000000 url(../Images/img_HeaderPerformance.jpg) no-repeat top left;}
.hs2 { background: #000000 url(../Images/img_HeaderPassenger.jpg) no-repeat top left; }
.hs3 { background: #000000 url(../Images/img_HeaderTruck.jpg) no-repeat top left; }
.hs4 { background: #000000 url(../Images/img_HeaderWinter.jpg) no-repeat top left; }
.hs5 { background: #000000 url(../Images/img_HeaderService.jpg) no-repeat top left; }
#headerselections ul
{
    list-style: none;
    width: 100px;
    font-size: 75%;
    height: 125px;
    background: #006600 url(../Images/bkgd_Selections.jpg) repeat-y top right;
}
#headerselections ul li
{
    padding: 3px;
}
#headerselections a
{
    text-decoration: none;
    color: #FFFFFF;   
    font-size: 85%;
}
#headerselections a:hover
{
    text-decoration: underline;
}

#menu
{
    background: #307C1F url(../Images/bkgd_UnselectedTab.jpg) repeat-x top;
    width: 900px;
    overflow: hidden;
}

#menu ul
{
    background: #307C1F url(../Images/bkgd_UnselectedTab.jpg) repeat-x top;
    list-style: none;
    width: 900px;
}

#menu ul li
{
    background: #307C1F url(../Images/bkgd_UnselectedTab.jpg) repeat-x top;
    padding: 3px 10px 3px 10px;
    float: left;
    font-size: 90%;
}

#Default #navDefault,
#TireSearch #navTireSearch,
#Wheels #navWheels,
#Service #navService,
#Specials #navSpecials,
#AskUs #navAskUs,
#Employment #navEmployment,
#Credit #navCredit,
#Locations #navLocations,
#AboutUs #navAboutUs,
#ContactUs #navContactUs
{
    background: #333333 url(../Images/bkgd_SelectedTab.jpg) repeat-x top;
}

.lightsearchbar
{
    background: #999999 url(../Images/bkgd_LightSearchBar.jpg) repeat-x top;
    color: #000000;
    line-height: 31px;
    height: 31px;
}
.slantsearchbar
{
    background: #333333 url(../Images/bkgd_SlantSearchBar.jpg) repeat-x top;
    width: 45px;
    float: left;
    line-height: 31px;
    height: 31px;
}
.darksearchbar
{
    font-size: 90%;
    background: #333333 url(../Images/bkgd_DarkSearchBar.jpg) repeat-x top;
    float: left;
    color: #FFFFFF;
    padding-left: 10px;
    line-height: 31px;
    height: 31px;
}
.darksearchbar a
{
    color: #FFFFFF;
    text-decoration: none;
}
.darksearchbar a:hover
{
    text-decoration: underline;
}

.pad5
{
    margin: 5px;
}
.pad5 span
{
    font-size: 75%;
}
.pad5float
{
    margin: 5px;
    float: left;
}
.padpromo
{
    margin: 5px 5px 5px 250px;
}

#menu a
{
    text-decoration: none;
    color: #000000;   
    font-size: 90%;
}
#menu a:hover
{
    text-decoration: underline;
}

#promobar
{
    background: #FFFFFF url(../Images/bkgd_PromoBar.jpg) no-repeat bottom;
    color: #000000;
    height: 120px;
    display: none;
    border: solid 1px #333333;
}
#Default #promobar
{
    display: block;
}

#content
{
    border-top: solid 1px #FFFF00;
    border-bottom: solid 1px #FFFF00;
    background: #FFFFFF url(../Images/bkgd_Content.jpg) repeat-x top;
    color: #000000;
}

.fs  
{
    padding: 10px;
    border: none;
}

.fs label  
{
    display: block;
    font-size: 90%;
    font-style: italic;
}

.noblocklabel label
{
    display: inline;
}

.fs legend  
{
    color: #FFF;
    font-size: 125%;
    font-weight: bold;
    float: left;
}

.fs ul  
{
    list-style: none;
}

.fs li  
{
    margin: 5px;
}

.TireSearch  
{
    width: 47%;
    padding: 10px;
    float: left;
}
.TireSearch .itemtitle 
{
    background: #307C1F url(../Images/bkgd_UnselectedTab.jpg) repeat-x top;
    border: solid 1px #999;
    font-size: 80%;
    padding: 5px;
    margin: 0 0 1px 0;
}
.TireSearch .itemcontent 
{
    background: #FFFFFF url(../Images/bkgd_GrayFade.jpg) repeat-x top;
    font-size: 80%;
    overflow: hidden;
    border: solid 1px #999;
}

.smallfont
{
    font-size: 75%;
}

#theaccordion .accordion_toggle
{
    background: #307C1F url(../Images/bkgd_UnselectedTab.jpg) repeat-x top;
    border: solid 1px #999;
    font-size: 80%;
    padding: 5px;
    cursor: pointer;
    margin: 0 0 1px 0;
}
#theaccordion .accordion_toggle_active
{
    background: #307C1F url(../Images/bkgd_UnselectedTab.jpg) repeat-x top;
    font-size: 90%;
    padding: 5px;
    cursor: auto;
    margin: 0;
    border-top: solid 1px #999;
    border-left: solid 1px #999;
    border-right: solid 1px #999;
}
#theaccordion .accordion_content
{
    background: #FFFFFF url(../Images/bkgd_GrayFade.jpg) repeat-x top;
    font-size: 80%;
    overflow: hidden;
    border: solid 1px #999;
}
.accordionstyle
{
    background: #307C1F url(../Images/bkgd_UnselectedTab.jpg) repeat-x top;
    border: solid 1px #999;
    font-size: 80%;
    padding: 5px;
    cursor: pointer;
    margin: 0 0 1px 0;
}
.accordionstyle a
{
    color: #000000;
    font-weight: normal;
    text-decoration: none;
}
.accordionstyle a:hover
{
    font-weight: bold;
    text-decoration: none;
}

.linklist
{
    padding-left: 25px;
    list-style-image: url(../images/img_FlynnieIcon.gif);
    margin-bottom: 10px;
}
.linklist li
{
    line-height: 15px;
    padding-left: 10px;
    font-size: 80%;
    margin: 15px 0px 15px 5px;
}
.linklist a
{
    color: #006600;
    text-decoration: none;
}
.linklist a:hover
{
    text-decoration: underline;
}

#content p
{
    text-align: justify;
    font-size: 90%;
    margin: 10px 5px 5px 5px;
    line-height: 125%;    
    letter-spacing: 110%;
    text-indent: 20px;
}

.message
{
    border: solid 1px #FF0000;
    background: #FFF url(../Images/bkgd_Message.jpg) no-repeat top left;
    margin: 5px;
    padding: 5px 5px 5px 65px;
    height: 50px;
    font-weight: bold;
    font-size: 80%;
}

.gv
{
    width: 100%;
    background-color: #FFFFFF;
    border: solid 1px #F5F5F5;
}
.gv td
{
    font-size: 70%;
    padding: 5px;
}

.coupon
{
    display: block;
    margin: 5px;
    padding: 5px;
    background-color: #FFFFFF;
    border: dashed 2px #666666;
}

.price
{
    font-size: 150%;
    color: #006600;
}

.locationlist
{
    list-style-image: url(../Images/img_FlynnieIcon.gif);
    padding: 0 0 0 20px;
}
.locationlist li
{
    margin: 5px;
    padding: 0 0 0 8px;
}

.straightlabels label
{
    display: inline;
    font-style: normal;
    font-size: 80%;
}


.basicleftcolumn
{
    float: left; width: 635px; padding: 5px;
    overflow: hidden;
}
.basicrightcolumn
{
    margin-left: 5px; padding-left: 5px; float: left; width: 234px; border-left: solid 1px #666666;
}

.altleftcolumn
{
    float: left; width: 515px; padding: 5px;
    overflow: hidden;
}
.altrightcolumn
{
    margin-left: 5px; padding-left: 5px; float: left; width: 354px; border-left: solid 1px #666666;
}

.section
{
    margin: 10px;
    padding: 5px;
    font-size: 90%;
}

h1, h2, h3, h4
{
    margin: 10px 0 10px 0;
}

a img { border: none; }
a { color: #00F; text-decoration: none; }
a:hover { text-decoration: underline; }
