body {background-color: rgb(173,173,173); background-image:url(../../Media/Images/background.jpg); background-repeat: repeat; background-position: center; font-family: Arial,Verdana; font-size:12px; color:#000000;padding:0;border:0;margin:0;}

#container { width: 1025px; border: none; margin: 0 auto; background-image: url(../../Media/Images/background-outercontainer.jpg); background-position: repeat-y; background-position: center left; }
#innerContainer { width:971px; margin: 0 auto; padding:0; border:0; background: #ffffff url(../../Media/Images/background-innercontainer.gif) repeat-y;}

#banner { position: relative; height: 150px; width: 971px; background: url(../../Media/Images/banner.jpg); overflow: hidden; }
#banner .logoLink { position: relative; float: left; top: 55px; left: 56px; width: 200px; }
#banner .logoLink a { display: block; width: 200px; height:37px; text-decoration:none; }

#banner .links { position: absolute; bottom: 0; right: 5px; text-align: right; margin-top: 12px; color: #ffffff; font-size: 10px; font-family: Tahoma; line-height: 12px; }
#banner .links a { color: #797A7C; font-size: 10px; }
#banner .links a:hover { color: #F13F25; text-decoration: none; }

#menu { width:971px; height:26px; background-color:#ffffff; padding-top:2px; background-image: url(TopMenu/Images/background-menu.jpg); background-position: 0 2px; background-repeat: repeat-x; }

#content { width:971px; padding:35px 0px 0px 0px; border:0; min-height: 600px; background: url(../../Media/Images/background-content.gif) no-repeat;}
* html #content { height: 600px; }

#content .contentLeft { float: left; width: 203px; padding: 0px; margin: 0 0 0 10px; display:inline;}

#content .contentLeft .contentLeftMenu { width: 162px; margin: 0 0 0 24px; }
#content .contentLeft .contentLeftMenu .header { background-image: url(../../Media/Images/ContentLeftMenu/header.jpg); color: #FFFFFF; font-size: 12px; font-family: Tahoma; font-weight: bold; height: 19px; padding: 4px 0 0 12px; text-transform: uppercase; }
#content .contentLeft .contentLeftMenu ul { list-style-type: none; padding: 0; margin: 0; }
#content .contentLeft .contentLeftMenu ul li { border: Solid 1px #DEDEDE; border-top: none; width: 160px; }
#content .contentLeft .contentLeftMenu ul li.alt, #content .contentLeft .contentLeftMenu ul li.selected { background-image: url(../../Media/Images/ContentLeftMenu/item-alt.jpg); background-repeat: repeat-y; }
#content .contentLeft .contentLeftMenu ul li a { font-size: 11px; font-family: Tahoma; color: #797979; display: block; border: Solid 1px #FFFFFF; border-left: none; padding: 4px 0 4px 12px; }
#content .contentLeft .contentLeftMenu ul li a:hover, #content .contentLeft .contentLeftMenu ul li a.selected { color:#CB0101; text-decoration: none; background-image: url(../../Media/Images/ContentLeftMenu/hover.gif); background-repeat: no-repeat; background-position: 3px 7px; }
#content .contentLeft .contentLeftMenu ul ul li { border-left: none; border-right: none; }
#content .contentLeft .contentLeftMenu ul ul li.first { border-top: Solid 1px #DEDEDE; }
#content .contentLeft .contentLeftMenu ul ul li.last { border-bottom: none; }
#content .contentLeft .contentLeftMenu ul ul li a { padding: 2px 8px 2px 21px; }
#content .contentLeft .contentLeftMenu ul ul li a, #content .contentLeft .contentLeftMenu ul ul li a:hover, #content .contentLeft .contentLeftMenu ul ul li a.selected { background-image: url(../../Media/Images/dash.jpg); background-repeat: no-repeat; background-position: 12px 8px; }

#contentLeftLinks { clear: both; margin: 25px 0 0 24px;}
#contentLeftLinks .link { margin: 0 0 10px 0; }
#contentLeftLinks .link a { text-decoration:none; color:Black; font-family: Tahoma; font-size: 14px; }
#contentLeftLinks .link a img {vertical-align:middle;}

#content .contentMiddle { float: left; width: 545px; border-left: solid 1px #000000; height: 100%; min-height: 600px;}
* html #content .contentMiddle { height: 600px; }

#content .contentRight { float:left; width: 202px; min-height: 308px; background-color:#e5e5e5; background-image: url(../../Media/Images/content-right-top.jpg); background-position: top left; background-repeat:no-repeat;}
* html #content .contentRight { height: 308px; }

#content .contentRight .text { padding: 14px; font-size: 11px; line-height: 12px; font-family: Arial; }
#content .contentRight .text a { color:#CB0101; }
#content .contentRight .text .header { color:#CB0101; margin: 0 0 10px 0; font-weight: bold; font-size: 14px; font-family: Tahoma; }
#content .contentRight .text .checklist { padding: 0; margin: 0; list-style-type: none; }
#content .contentRight .text .checklist li { font-size: 11px; line-height:12px; font-family: Arial; margin: 0 0 10px 0; padding: 0 0 0 18px; background-image: url(../../Media/Images/checkmark.jpg); background-repeat: no-repeat; background-position: 0 0; }
#content .contentRight .text .checklist .header { color: #CB0101; margin: 0 0 3px 0; font-weight: normal; font-size: 12px; font-family: Tahoma; }

#content .contentMiddle .editor { clear:both; margin: 0 17px; }
#content .contentMiddle .editor .editAreaText { margin: 16px auto; width: 509px; }
#content .contentMiddle .editor .linksTable { margin: 0 auto; width: 509px; }
#content .contentMiddle .editor ul { list-style-type: none; margin: 10px 0; padding: 0; }
#content .contentMiddle .editor ul li { font-size: 14px; font-weight: bold; font-family: Arial; background-image: url(../../Media/Images/dot.jpg); background-repeat: no-repeat; background-position: 14px 2px; padding: 0 0 0 32px; margin: 0 0 8px 0; }
#content .contentMiddle a {color:#cb0101;}

#content .contentMiddle .editor .homepage { line-height: 17px; }

#content .contentMiddle .sites
{
    width: 510px;
    margin: 22px 0 16px 0;
}

#content .contentMiddle .sites .top
{
    background-image: url(../../Media/Images/Sites/sites-top.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 11px;
    overflow: hidden;
}

#content .contentMiddle .sites .details
{
    border-left: Solid 1px #000000;
    border-right: Solid 1px #000000;
    border-bottom: Solid 1px #000000;
    padding: 7px 0 15px 18px;
    
}

#content .contentMiddle .sites .details table.sitesTable
{
}

#content .contentMiddle .sites .details table.sitesTable td.logoCell
{
    width: 124px;
    padding: 0 0 9px 0;
}

#content .contentMiddle .sites .details table.sitesTable td.last
{
    width: auto;
}

#content .contentMiddle .sites .details table.sitesTable td.linksCell
{
    vertical-align: top;
    font-size: 12px;
}

#content .contentMiddle .sites .details table.sitesTable td.linksCell a { color: #000000; }
#content .contentMiddle .sites .details table.sitesTable td.linksCell a:hover { color: #CB0101; text-decoration: none; }

#content .contentMiddle .infoSubSection { clear: both; border-top: 1px solid #ccc; margin-bottom: 10px; padding-top: 10px;}
#content .contentMiddle .firstSubSection { border-top: 0 !important; padding-top: 0 !important;}

#content .contentMiddle .infoSubSection .infoImage { float: left; width: 110px; text-align: center !important; padding-bottom: 20px;}
#content .contentMiddle .infoSubSection .infoText { float: left; width: 400px;}

#content .contentMiddle .infoSubSection .infoImage img { text-align: center !important;}


.form { font-family: Arial,Verdana; background: #ffffff; width: 450px; }
.form .row { overflow: hidden; }
.form .headingColumn { width: 90px; text-align: right; color: #cb0101; padding-left: 20px; padding-top: 2px; }
.form .headingColumn, .dataColumn { float:left; min-height: 30px; border: solid 1px #FFFFFF; }
* html .form .headingColumn, .dataColumn { height: 30px; }
.form .dataColumn { width:325px; padding-left:10px; padding-top:2px; }
.form .dataColumn .dataColumnControl { border:solid 1px #cb0101; font-size:11px; }
.form .dataColumn .required { color:#FF0000; }

#footer { color: #FFFFFF; width: 971px; margin-top: 20px; clear: both; font-size: 10px; padding: 2px 0; margin-left: auto; margin-right: auto; text-align: center; background-color: #000000; border-bottom: Solid 2px #FFFFFF; }
#footer .links { text-align: center; padding-left: 20px; line-height: 10px }
#footer .links .copyrightDate { margin-right: 20px; }
#footer .links a {color: #CCCCCC; }

h1,h2,h3,h4,h5 {margin: 0px; font-weight:bold; color: #CB0101; font-family: Tahoma;}
h1 { font-size:26px; }
h2 { font-size:20px; }
h3 { font-size:18px; }
h4 { font-size:14px; }

p { margin: 0 0 10px 0; }
a { color:#ffffff; text-decoration:none; }
a:hover { text-decoration:underline; }
img { padding:0px; border:0px; }
form { padding:0px; margin:0px; border:0px;overflow:visible; }

.link_ { text-decoration:none; border-bottom: dashed 1px black; }
.error, .required, .highlight { color: #ff0000; }
.whiteHr { color:#ffffff;}
.spacer { height: 0; overflow: hidden; clear: both; }

.directionsInput { width: 508px; border: Solid 1px #CCCCCC; background-color: #EEEEEE; margin: 10px 0; }
.directionsInput .footer { margin: 7px 0 3px 3px; }

#news .headlines { margin: 10px 0 15px 0; }
#news .headlines .date { margin: 0 0 7px 0; font-size: 11pt; font-weight: bold; color:#CB0101; }
#news .headlines .item { border-bottom: Solid 1px #CCCCCC; margin: 0 0 10px 0; padding: 0 0 5px 0; }
#news .headlines .item .image { float: left; width: 99px; margin-right: 9px; }
#news .headlines .item .image img { border: Solid 2px #CCCCCC; }
#news .headlines .item .details { float: left; width: 400px; }
#news .headlines .item .details .headline { font-weight: bold; }

#news .article { margin: 0 0 20px 0; }
#news .article .date { color: #666666; margin: 10px 0 20px 0; }
#news .article .intro { font-style: italic; margin: 0 0 10px 0; }
#news .article .attachment { color: #666666; padding: 10px 0 0 0; }
#news .article .back { padding: 15px 0 0 0; }

#printHeader
{
    display: none;
}

.aboutHeader, .findATyreHeader, .carServicesHeader, .bookAServiceHeader, .requestAQuoteHeader, 
.knowYourTyresHeader, .troubleshootingHeader, .locationsHeader, .siteMapHeader, .contactUsHeader
{
    width: 494px; height: 197px; background-color: #5C5C5C; color: #FFFFFF; font-size: 24px; font-family: Tahoma; 
    font-weight: bold; padding: 10px 0 0 15px; text-align: left; background-repeat: no-repeat; margin: 0 auto;
}

.aboutHeader { background-image: url(../../Media/Images/headers/about.jpg); }
.findATyreHeader { background-image: url(../../Media/Images/headers/findatyre.jpg); }
.carServicesHeader { background-image: url(../../Media/Images/headers/carServices.jpg); }
.bookAServiceHeader { background-image: url(../../Media/Images/headers/bookaservice.jpg); }
.requestAQuoteHeader { background-image: url(../../Media/Images/headers/requestaquote.jpg); }
.knowYourTyresHeader { background-image: url(../../Media/Images/headers/knowyourtyres.jpg); }
.troubleshootingHeader { background-image: url(../../Media/Images/headers/troubleshooting.jpg); }
.locationsHeader, .siteMapHeader { background-image: url(../../Media/Images/headers/locations.jpg); }
.contactUsHeader { background-image: url(../../Media/Images/headers/contactUs.jpg); }

.level2Header { table-layout: fixed; vertical-align: top; margin: 0 auto 15px auto; }
.level2Header td.headerCell { width: 315px; height: 112px; margin: 0 2px 0 0; }
.level2Header td.headerCell .headerText { background-color: #5C5C5C; font-weight: bold; font-size: 24px; font-family: Tahoma; color: #FFFFFF; width:303px; height: 100px; padding: 12px 0 0 10px; background-image: url(../../Media/Images/headers/level2.jpg); background-repeat: no-repeat; background-position: left top; } 
.level2Header td.imageCell { vertical-align: top; width: 195px; }

.featureBox 
{
    background-color: #EEEEEE;
    border: Solid 1px #CCCCCC;
    padding: 8px;
    margin: 10px 0;
}

/********************* CONTENT TABLES *********************/
.contentTable
{
    border-collapse: collapse;
    border-top: Solid 1px #CCCCCC;    
    margin: 5px 0 20px 0;
}

.contentTable td
{
    border-bottom: Solid 1px #CCCCCC;
}

.locations td.dealerCell { width: 175px; }
.locations td.addressCell { width: 175px; }

.locations td.phoneCell
{
    width: 100px;
    text-align: center;
}

.tradingHours td.daysCell { width: 150px; }
.tradingHours td.hoursCell { width: 300px; }

/************************ FREQUENTLY ASKED QUESTIONS ************************/
#faqs
{
    margin: 10px 0 0 0;
}

#faqs .categories ul
{
    margin: 15px 0 15px 30px;
    padding: 0;
}

#faqs .currentCategory
{
    margin: 0 0 12px 0;
    font-weight: bold;
    font-size: 15px;
}

.frequentlyAskedQuestions
{
    margin: 0 0 17px 0;
    width: 511px;
}

.frequentlyAskedQuestions a
{
    text-decoration: none;
}

.frequentlyAskedQuestions a.question
{
    position: relative;
    display: block; 
    background-color: #6E6F73; 
    color: #FFFFFF !important; 
    padding: 4px 0 6px 17px;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial;
    background-image: url(../../Media/Images/FAQs/background.gif);
    background-repeat: repeat-x;
    width: 494px;
}

.frequentlyAskedQuestions a.question:hover
{
    background-image: url(../../Media/Images/FAQs/background-hover.gif);
    background-color: #B5B6BA;
    color: #5A5A5C;
}

.frequentlyAskedQuestions a.question .arrow 
{
    position: absolute; 
    top: 9px; 
    right: 18px;
    background-image: url(../../Media/Images/FAQs/arrow.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    width: 9px;
    height: 5px;
    overflow: hidden;
    cursor: pointer;
}

.frequentlyAskedQuestions .answer
{
    background-color: #F2F2F2;
    padding: 6px 15px 15px 15px;
    border: Solid 1px #CCCCCC;
}

.frequentlyAskedQuestions .answer ul li
{
    font-weight: normal !important;
    font-size: 12px !important;
}

.frequentlyAskedQuestions .answer .contactUs
{
    margin: 10px 0 0 0;
    font-style: italic;
}

.frequentlyAskedQuestions .answer .contactUs a
{
    color: #CC0033;
}

.frequentlyAskedQuestions .answer .contactUs a:hover
{
    text-decoration: underline;
}