body                    { margin:0; padding:0; font:11px arial; line-height:16px; color:#333; background-color:#fff; }
p                       { margin:0 0 16px; }
input, select           { font:11px arial; vertical-align:middle; }
img                     { vertical-align:middle; border:none; }
form                    { margin:0; padding:0; }
a                       { color:#cc0000; text-decoration:none; }
a:hover                 { text-decoration:underline; }
ul,ol                   { margin:20px 20px; padding:0; }
hr                      { height:1px; margin:10px 0 20px; padding:0; border-top:1px dotted #999; border-bottom:none; border-left:none; border-right:none; color:#e5e5e5; background-color:#e5e5e5; }
textarea                { font:11px arial; width:230px; }

h1                      { font:8px arial; color:#black; font-weight:bold; margin:0px 0px 0px 15px; padding:0; }
h2                      { font:14px arial; color:#cc0000; font-weight:bold; margin:0 0 15px; padding:0; }
h3                      { font:11px arial; color:#cc0000; margin:0 0 15px; padding:0; font-weight:bold; }
h4                      { font:11px arial; color:black; margin:0 0 15px; padding:0; font-weight:bold; }

.hidden                 { display:none; }
li.error                { margin:0; font-weight:bold; color:red; }

td.label                { width:109px; }
td.input                { width:243px; }

img.wrappedLeft         { float:left; padding:0 15px 5px 0; }

#HeaderContainer        { width:767px; clear:both; }
#Header                 { width:767px; float:left; }

#MainLogo               { height:61px; background:url(../images/mainlogo.gif) no-repeat 0 0; }
#MainLogoFlash          { height:61px; margin-bottom: 20px;}

#Strapline              { height:48px; background:url(../images/strapline.gif) no-repeat 0 0; }

#MainLogo a             { width:767px; height:61px; text-decoration:none; display:block; }

#FixedNav               { list-style:none; margin:0; padding:14px 15px 0; }
#FixedNav li            { margin:0 0 0 1px; display:inline; float:right; line-height:30px; }
#FixedNav a             { padding:6px 9px; font:14px arial; font-weight:bold; color:white; text-decoration:none; }
#FixedNav a:hover       { color:#cc0000; background:white; }
#FixedNav a.on          { color:#cc0000; background:white; }
#FixedNav .basketCount  { font-weight:normal; font-size:11px; }

#FixedNav img.icon      { padding:6px 0; }

#MainNav                { height:25px; background:#cc0000 url(../images/mainnav.bg.gif) no-repeat left bottom; }

#MainNav ul             { list-style:none; margin:0; padding:0 15px 0; }
#MainNav li             { display:inline; float:left; line-height:25px; }
#MainNav a              { padding:7px 14px; font:12px arial; color:white; text-decoration:none; }
#MainNav a.over         { text-decoration:underline; }
#MainNav a.on           { color:black; background:white; }

#ContextNav             { width:737px; float:left; padding:0 15px; line-height:30px; }

#ContextNavL            { width:587px; float:left; font-weight:bold; }
#ContextNavL ul         { width:587px; float:left; list-style:none; margin:0; padding:0; }
#ContextNavL li         { display:inline; float:left; line-height:30px; color:#666; }
#ContextNavL li.noA     { padding:0 14px; }
#ContextNavL a          { padding:9px 14px; font:11px arial; color:#666; text-decoration:none; line-height:30px; font-weight:bold; }
#ContextNavL a:hover    { text-decoration:underline; }
#ContextNavL a.on       { color:#cc0000; }
#ContextNavL a.on:hover { text-decoration:none; }

#ContextNavR            { width:150px; float:right; text-align:right; }
#ContextNavR a          { font:11px arial; line-height:30px; font-weight:bold; }

#BodyContainer          { width:767px; clear:both; }
#Body                   { width:767px; float:left; }

#Left                   { width:172px; float:left; padding:0 10px 20px 15px; }
#Right                  { width:570px; float:left; }

#Left .leftCopy         { width:156px; padding:0 8px; line-height:14px; }
#SessionStatus          { width:156px; margin-top:14px; padding:14px 8px 0; line-height:14px; border-top:1px dotted #333; }

ul.subnav               { list-style:none; margin:0; padding:0; }
ul.subnav li            { line-height:21px; margin:0 0 1px; }
ul.subnav a             { text-decoration:none; color:#cc0000; display:block; padding:0 0 0 18px; width:154px; background:white url(../images/subnav.bg.gif) no-repeat left top; }
ul.subnav a:hover       { text-decoration:none; color:white; background:#666 url(../images/subnav.bg.on.gif) no-repeat left top; }
ul.subnav a.on          { text-decoration:none; color:white; background:#666 url(../images/subnav.bg.on.gif) no-repeat left top; }

#RightTitle             { padding:0 17px 0; }

#HomepageLeft           { width:505px; float:left; padding:0 0 0 7px; }
#HomepageRight          { width:251px; float:left; padding:0 0 0 4px; }

#FeatureImage           { width:505px; height:227px; }
#TyreLogos              { width:505px; height:27px; }
#FeatureText            { width:469px; height:144px; background:#e5e5e5 url(../images/featuretext.bg.gif) no-repeat left bottom; padding:12px 15px 0px 21px; }
#NewFeatureText         { width:215px; background:#e5e5e5 url(../images/featuretext.bg.gif) no-repeat left bottom; padding:12px 15px 0px 21px; }

td.featureStrapline     { padding:20px; color:white; font-size:18px; font-weight:bold; font-style:italic; line-height:24px; }

#QuickSearch            { width:203px; height:211px; background:#666 url(../images/quicksearch.bg.gif) no-repeat 0 0; padding:16px 24px 0; color:white; font-size:12px; }
#QuickSearch h2         { margin:0 0 20px; padding:0; color:white; }
#QuickSearch .label     { padding:0 15px 7px 0; }
#QuickSearch .input     { padding:0 0 7px 0; }
#QuickSearch select     { font:12px arial; width:80px; }
#QuickSearch a          { font-size:13px; color:white; font-weight:bold; }
#QuickSearch a:hover    { text-decoration:underline; }

div.contentTopContainer { width:570px; clear:both; }
div.contentTop          { width:570px; height:15px; background:#e5e5e5 url(../images/content.bg.top.gif) no-repeat 0 0; font-size:1px; }
div.contentContainer    { width:533px; clear:both; }
div.content             { width:533px; float:left; margin:0 0 2px 0; padding:0 20px 15px 17px; background:#e5e5e5 url(../images/content.bg.bottom.gif) no-repeat left bottom; }

div.alertTop            { width:570px; height:6px; float:left; background:#666 url(../images/alert.bg.top.gif) no-repeat 0 0; font-size:1px; line-height:1px; }
div.alert               { width:533px; float:left; padding:2px 20px 2px 17px; background-color:#666; color:#fff; }
div.alertBottom         { width:570px; height:6px; float:left; margin:0 0 2px 0; background:#666 url(../images/alert.bg.bottom.gif) no-repeat 0 0; font-size:1px; line-height:1px; }

div.contentLeft         { width:360px; float:left; }
div.contentRight        { width:154px; margin:0 0 0 19px; float:left; }

td.resultItemImage      { width:115px; }
td.resultItemInfo       { width:229px; }
td.resultItemLine       { width:35px; background:url(../images/resultitemline.bg.gif) no-repeat 0 10px; }
td.resultItemRight      { width:154px; }
.resultItemTitle        { color:#333; font-size:12px; font-weight:bold; }

td.podLeft              { width:130px; }
td.podLine              { width:35px; background:url(../images/podline.bg.gif) repeat-y;  }

a.button                { color:#cc0000; font-weight:bold; }

table.tabledInfo        { border-left:1px solid #666; border-top:1px solid #666; }
table.tabledInfo td,th  { border-right:1px solid #666; border-bottom:1px solid #666; }

#FooterContainer        { width:767px; clear:both; }
#Footer                 { width:737px; float:left; padding:10px 10px 10px 20px; line-height:normal; }

#CopyrightLeft          { width:550px; float:left; padding:0 2px 10px 8px; }
#CopyrightRight         { width:150px; float:right; padding:0 5px 10px; text-align:right; }

#FooterLogos            { padding:10px 2px 0 8px; }
#FL1                    { width:210px; float:left; }
#FL2                    { width:290px; float:left; font-size:10px; line-height:normal; }
#FL3                    { width:220px; float:left; }
