/*
Copyright Fairfax Auto Parts

Colors Used:
Original Fairfax Auto Parts Yellow: #F8F|60B 
Sprint.Fairfax Auto Parts Yellow: #FFE100 
Fairfax Auto Parts Link Blue: #149EC0
Fairfax Auto Parts Link Grey: #C8C6C6
Fairfax Auto Parts Light Grey: #F0F0F0

*/

body 
    {
        background: #FFF;  
        background-color: #000; 
        color: #FFF; 
        font-family:"Trebuchet MS", arial, helvetica, sans-serif; 
        font-size: 0.8em; 
    }
a
    { 
        color: #000; 
        text-decoration: none;    
    }
    
a:hover 
    { 
        color: #149EC0; 
        text-decoration: underline;   
    }
img
    { 
        border: 0;
    }
#pageBody
    {
        width: 900px; 
        margin: 0px auto;
    }
#header
    { 
        background-color: #000;  
        position: relative; 
        width: 900px; 
        height: 63px; 
         margin-top: 0px; 
    }
#headerContainer
    {  
        background: url(../Images/cf_bg.jpg) repeat ; 
        position: relative; 
        width: 900px; 
        height: 63px; 
        margin-top: 0px;  
        float: left;
    }

#navigation
    { 
        background-color: #FFE100 ; 
        width: 900px;  
        position: relative; 
        font-size: 0.8em;
        
    }

#navigationContainer
    {
        background-color: #FFE100 ; 
        width: 900px; 
        position: relative;  
        float: left;
    }

#content
    {
        float: left; 
        background: #FFF; 
        width: 896px;   
    }

#topmaincontent
    { 
        background-color: #FFE100; 
        height: 150px; 
        width: 900px;   
    }
    
#topmaincontentContainer
    { 
        background-color: #fff ; 
        width: 900px; 
        position: relative;  
    }

#contentContainer
    {
        float: left; 
    }
    
#topcontent
    { 
        background: #FFE100; 
        height: 50; 
        width: 900px;  
    }

#midcontentnav
    { 
        background: #1A1A1A; 
        height: 10px; 
        background-position:inherit; 
        color: #C8C6C6; 
        text-align: center; 
        width: 900px; 
    }
    
#midcontentnavContainer
    {
        background: #1A1A1A; 
        width: 900px;   
        color: #C8C6C6; 
        float: left; 
    }

#footercontent
    { 
        background: #1A1A1A; 
        height: 10px; 
        background-position:inherit; 
        color: #C8C6C6; 
        text-align: center; 
        width: 900px; 
    }

#bottomcontent
    {   
        width: 900px;   
    }
    
#bottomcontent a
    { 
        color: #FFF; 
        text-decoration: none;  
    }
    
#bottomcontent a:hover 
    { 
        color: #149EC0; 
        text-decoration: underline;   
    }

#footer
    {
        background-color: #FFE100; 
        text-align: center; 
        width: 900px; 
        color: #000;
        font-size: 0.8em;   
    }
#footerContainer
    {
        background-color: #FFE100; 
        width: 900px; 
        position: relative; 
        float: left; 
    }
#footerContainer a
    { 
        color: #000; 
        text-decoration: none;  
    }
#footerContainer a:hover 
    { 
        color: #149EC0; 
        text-decoration: underline;   
    }

#footerlegaltxt{  }
#footerlegaltxt a{ }

#serviceTypes
    { 
        color: #FFE100; 
        text-align: right; 
        vertical-align: middle; 
    }
#mustangoverlay
    { 
        position: absolute;  
        left: 70px;  
        top: -30px;    
    }
#TopContentWelcome
    {  
        padding-left: 390px; 
    }
#WhiteOvalBack
    { 
        background-color: #FFF; 
        height: 150px; 
        width:500px; 
        float: right; 
        position: relative; 
    }
#prodcats
    {
        color: #FFF; 
        padding-right: 40px; 
    }
#prodcats a 
    { 
        color: #FFE100;
    }

.coupon
    { 
        border: dotted 3px #000; 
    }
.lnkbg
    {
        background-color:#8D8D8D; 
        color: #FFF; 
        height: 10px; 
    }
.pagetitle
    { 
        color: #FFF;  
        font-style: inherit; 
        text-align: center;  
    }
.whitehorizontaldivider
    { 
        background: url(../Images/tablediv.jpg) repeat-x  left top; 
    }
.verticaldiv
    {  
        background: url(../Images/divider.jpg) repeat-y left top;
    }

/*Featured Product(fp) Styles*/
.featuredProducts
    { 
        background: #FFE100; 
        border: solid 1px  #000; 
        margin: 1px; 
        margin-bottom: 2px; 
        color: #000; 
        height: 150px; width: 295px;   
    }
.fpYellowHeader
    { 
        font-style:italic; 
        color: #8D8D8D; 
        text-align: center; 
    }
.fpYellowDesc
    {  text-align: center; 
        color: #000;
        font-size: 0.9em; 
    }
.fpYellowDetails{}
 
 
.fpHeader
    {  
        font-style:italic; 
        color: #149EC0; 
        text-align: center; 
        font-weight: bold; 
        font-size: 1.1em;
    }
.fpDesc
    {  
        text-align: center; 
        color: #fff;
        font-size: 0.9em;
    }
.fpDetails{}


/*Section Styles*/
p.center
    { 
        text-align: center;
    }
p.center li 
    { 
        text-align: left;
    }
img.center 
    {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
table.tools
    { 
        background-color: #FFF;  
        width: 100% 
    }
table.tools td
    { 
        text-align: center;  
    }

.contentSection
    {  
        border: 1px #FFF solid; 
        text-align: center; 
        width: 291px; 
        float: left; 
        margin: 1px; 
        padding: 2px; 
    }
.sectionHeader
    { 
        text-align: center; 
        color: #FFF; 
        border: #FFF;  
        font-style: inherit; 
        width: 297px; 
        float: left;  
        background-color: #8D8D8D; 
        margin: 1px;   
        font-size: 1em; 
    }
.sectionContent
    { 
         
    }
.sectionContent a
    { 
        color: #149EC0; 
        text-decoration: none;  
    }
.sectionContent a:hover 
    { 
        color: #000; 
        text-decoration: underline;  
    }

.contentSectionHeader
    { 
        font-weight: bold;   
        text-align: center;  
        color: #FFF; 
        border: #FFF;  
        font-style: inherit; 
        width: 288px; 
        float: left;  
        background-color: #8D8D8D; 
        margin: 1px; 
        font-size: 1.5em; 
    }
.contentSectionHeader a {   }
.contentSectionHeader a:hover 
    { 
        color: #FFE100; 
        text-decoration: underline;   
    }
.loginsites
    { 
        text-align: center;
    }
.loginsites a
    {  
        color: Blue;
    }

/*Full Section Styles*/
.fullSectionHeader
    {
        padding-left: 10px;   
        color: #FFF; 
        border: #FFF;  
        font-style: inherit; 
        width: 890px; 
        float: left; 
        text-align: center; 
        background-color: #8D8D8D; 
        margin: 1px;
        font-size: 1.5em;
    }
.fullSectionContent
    {  
        border: 1px #FFF solid; 
        width: 878px; 
        float: left; 
        margin: 1px; 
        padding: 10px;
    }
.fullSectionContent a
    { 
        color: #FFF; 
        text-decoration: none; 
    }
.fullSectionContent a:hover 
    { 
        color: #000; 
        text-decoration: underline; 
    }


.sectionBack
    { 
        margin-left: 1px; 
        margin-right: 1px; 
        width: 100%; background-color: #8D8D8D ; 
    }
.featuredProductImg
    { 
        float: left;
    }
.zipcodebox{ font-size: 0.9em; }
.locationhdr
    { 
        font-style: italic; 
        vertical-align: top; 
    }
.apHighlight
    { 
        font-weight: bold; 
    }
.ffxHighlight
    {
        font-weight: bold; 
        font-style: italic;  
    }

 .smallproductimg 
    { 
        width: 40px; 
        height: 50px; 
    }
 
 .sidelist
    { 
        list-style: none; 
    }
 .mfg
    { 
        color: #1A1A1A;
    }
 .cat
    { 
        color: #149EC0;
    }
 
 /**/

#whitecurve
    {
        background: url(./Images/curveMiddle.gif) #FFF repeat;  
        color: #FFF; 
        float: right; 
        height: 150px; 
        width: 400px; 
        position: relative;
    }
#whitecurveheaderText
    {
        color: #000;  
        font-size: 1.5em;
    }
#whitecurveParagraphText
    {
        color: #1A1A1A; 
        font-size: 0.9em;
    }
#whitecurvearea
    { 
        text-align: center; 
    }
#curve
    { 
        background: url(./Images/leftcurve.gif); 
        width: 161px; 
        height: 150px; 
        float: left;
    }
#yellowleft
    { 
        width: 339px; 
        float: left;
    }