/* Tyred and Exhausted */

/* Presets */

body { font-size:62.5%; font-family: Verdana, Geneva, sans-serif; background: #353434 url(images/tyredandexhausted-background.gif) repeat-x; color: #fff }
* { margin: 0; padding: 0; }
a { color: #999; text-decoration: none; outline: none; padding: 0; margin: 0; }
a:hover { color: #fe0000; }
h1, h2, h3, h4, h5, h6 { color: #fe0000; font-size: 1.4em; font-style: italic; font-weight: normal; padding: 0 0 10px 0 }
.heading { font-size: 1.4em; font-style: italic; font-weight: normal; padding: 0 }
.heading2 { font-size: 1.4em; color: #fe0000; font-style: italic; font-weight: normal; padding: 0 0 10px 0 }
p { line-height: 1.6em; font-size: 1.1em; padding: 0 0 10px 0 }
.uppercase { text-transform: uppercase; }
.red { color: #fe0000; }
/* Repeated Structure */

#head { height: 190px; width: 900px; }
#logo { padding: 65px 0 0 0; width: 596px; float: left; }
#headcontact { padding: 70px 0 0 40px; overflow: hidden; width: 264px; float: left; }
#wrapper { margin: 0 auto; width: 900px; overflow: hidden; padding:0 0 1px; background:transparent url(images/cols-bottom-bg.gif) no-repeat 0 bottom; }
#footer { background-color: #000; width: 100%; overflow: hidden; clear: both; }
#footerborder { background: url(images/tyres-footerborder.gif) repeat-x; width: 100%; height: 3px; float: left; clear: both; margin-top: 20px }
#footercontainer { margin: auto; width: 900px; overflow: hidden; background: url(images/tyres.jpg) }
#footleft { width: 230px; height: 250px; float: left }
#footleft ul { line-height: 1.6em; padding-top: 10px; list-style-position: inside; list-style:none; width: 230px; display: block; width: 230px; height: 30px; }
#footleft a { color: #fff }
#footleft a:hover { color: #fe0000; }
#footright { width: 325px; height: 250px; float: left; }
#footright ul { padding-top: 10px; list-style-position: inside; list-style:none; width: 325px; display: block; width: 325px; height: 30px; margin-bottom: 10px; }
#footrss { width: 216px; height: 200px; float: right }
#footrss ul { padding-top: 10px; list-style-position: inside; list-style:none; width: 210px; display: block; width: 200px; height: 30px; margin-bottom: 10px; }
#footcenter { margin-left: 20px; width: 325px; height: 250px; float: left }
#footcenter ul { line-height: 1.6em; padding-top: 10px; list-style-position: inside; list-style:none; width: 325px; display: block; width: 305px; height: 30px; }
#subhead { height: 320px; width: 900px; margin-bottom:20px; float: left; }
#leftnav { height: 320px; width: 228px; float: left; margin: 0 0 20px 0; }
#footright p { font-size: 1em; }
/* Side Nav */

#containernav li a { font-size: 1.4em; color: #fff; display: block; background: transparent url(images/carservice-side-nav-sprite.png) no-repeat 0 0; height: 35px; margin-bottom: 19px; padding: 15px 0 0 10px }
#containernav p { padding: 15px 0 0 20px; font-style: italic; }
#containernav .navtab1 a { width: 218px; background-position: 0 0; }
#containernav .navtab1 :hover { background-position: 0 -50px; }
#containernav .navtab2 a { width: 228px; background-position: 0 -100px; }
#containernav .navtab2 :hover { background-position: 0 -150px; }
#containernav .navtab3 a { width: 228px; background-position: 0 -200px; }
#containernav .navtab3 :hover { background-position: 0 -250px; }
#containernav .navtab4 a { width: 228px; background-position: 0 -300px; }
#containernav .navtab4 :hover { background-position: 0 -350px; }
#containernav .navtab5 a { width: 228px; background-position: 0 -400px; }
#containernav .navtab5 :hover { background-position: 0 -450px; }
/* End of Side Nav */

#rightflash { width: 648px; height: 312px; background-color: #000; float: right; border: 1px solid #FFF; margin-top: 6px }
#onecolcontainer { width: 900px; clear: both; overflow:hidden; background:transparent url(images/contact-cols-bg.gif) repeat-y 0 0; padding:0 1px }
#twocolcontainer { width: 900px; clear: both; overflow:hidden; background:transparent url(images/cols-bg.gif) repeat-y 0 0; padding:0 1px }
#mainleft { min-height: 400px; width: 208px; overflow: hidden; margin: 0 22px 0 0; float: left; clear: left; border-top: 1px solid #FFF; background:transparent url(images/garage-gradientleft.jpg) repeat-x; padding: 10px }
#mainright { width: 648px; overflow: hidden; float: left; border-top: 1px solid #FFF; }
.callstyle { font-weight: bold; letter-spacing: 1px; text-align: center; font-size: 2.4em; padding: 20px 0 10px 0; }
.slogan { font-size: 1.4em; padding: 10px 0 0 0; letter-spacing: 1px; font-style: italic; }
.callus { font-weight: bold; letter-spacing: 1px; text-align: right; font-size: 2.4em; padding: 0; line-height: 1.2em }
.red { color: #fe0000 }
.rightalign { text-align: right; padding-top: 10px; }
.footstyle { font-size: 1.4em; color: #FFF; border-bottom: 1px solid #F00; }
.linkstyle a { color: #fff; float: right; }
.linkstyle a:hover { color: #fe0000 }
.hzruler { width: 209px; height: 2px; background: url(images/brakes-hzruler.gif) no-repeat; margin: 10px auto; clear: left; float: left; }
.hzruler2 { width: 375px; height: 2px; background: url(images/exhausts-hzruler2.gif) no-repeat; margin: 10px auto; clear: left; float: left; }
.feed { color: #fe0000; font-style: italic; font-size: 1.2em; float: left; }
.pfeed { width: 105px; overflow: hidden; line-height: normal; float: left; font-size: 1em; padding-right: 5px; }
.contactgraphic { width: 211px; height: 57px; background: url(images/aylesbury-contactform.jpg) no-repeat; }
.leftcolstyle { font-size: 1em; line-height: normal }
.uppercase { text-transform: uppercase; }
.uppercasestr { text-transform:uppercase; font-weight:bold; letter-spacing: 1px; }
.navtext li { padding: 15px 0 0 15px; list-style: none; width: 288px; }
#logo a img { border: none; }
#rssfeedbtn { padding-left: 5px; width: 83px; height: 79px; float: left; }
.rsstag1 { float: left; width:83px; height:79px; display:block; background: url(images/rss-btn.png) right top; }
.rsstag1 span.hover { position: absolute; display: block; width:83px; height:79px; background: url(images/rss-btn.png) right bottom; }
#rsssection { width: 200px; overflow: hidden; float: left; clear: left; }
/* Navigation */

#navigation { height: 40px; width: 900px; overflow:hidden; margin-bottom: 10px; }
#navigation li { display:inline; float:left; list-style:none; list-style-position:outside; padding:0; margin:0 2px 0 0 }
#navigation li a { font-size: 1.2em; display:block; background:transparent url(images/mot-navigation-sprite.jpg) no-repeat 0 0; height:40px; text-align:center; padding: 4px 0; color:#fff; text-decoration:none }
#navigation li a:hover { font-size: 1.2em; color:#fff; }
#navigation li#nav-home a { width:67px; background-position: 0 0px; }
#navigation li#nav-home a:hover { background-position:0 -40px; }
.home #navigation li#nav-home a { background-position: 0 -40px; }
#navigation li#nav-servicing a { width:137px; background-position:-67px 0; }
#navigation li#nav-servicing a:hover { background-position:-67px -40px; }
.servicing #navigation li#nav-servicing a { background-position: -67px -40px; }
#navigation li#nav-fastfit a { width:73px; background-position:-204px 0; }
#navigation li#nav-fastfit a:hover { background-position:-204px -40px; }
.fastfit #navigation li#nav-fastfit a { background-position: -204px -40px; }
#navigation li#nav-contact a { width:92px; background-position:-277px 0; }
#navigation li#nav-contact a:hover { background-position:-277px -40px; }
.contact #navigation li#nav-contact a { background-position: -277px -40px; }
/* Home Styles */

.formstyle { width: 200px; height: 15px; border: none; margin: 4px auto 14px 5px; }
.formstylesubmit { background-color: #000; float: right; color: #fff; border: none; padding: 0; margin: 0; }
.formstylesubmit:hover { color:#fe0000 }
#bodytext { width: 380px; overflow: hidden; float: left; padding: 10px }
#offerboxes { width: 247px; overflow: hidden; float: left; border-left: solid 1px #fff; border-top: none; border-right: none; }
.offerbox1 { width: 230px; overflow: hidden; border-top: none; border-bottom: solid 1px #fff; border-right: none; float: left; padding: 10px; }
.offerbox2 { width: 250px; height: 125px; border-top: none; border-bottom: solid 1px #fff; border-right: none; float: left; background: url(images/tyres-advert.jpg) no-repeat }
.offerbox3 { width: 250px; height: 94px; border-top: none; border-right: none; border-left: none; border-bottom: solid 1px #fff; float: left }
.offerbox3 a { display: block; width: 250px; background: transparent url(images/mot-sprite.jpg) no-repeat 0 0; height: 94px; }
.offerbox3 .mottab a { width: 250px; background-position: 0 0; }
.offerbox3 .mottab :hover { background-position: 0 -94px; }
.offerbox4 { width: 248px; overflow:hidden; float: left }
.offerbox4 a { float: right; padding-right: 5px; padding-top: 5px }
.imageholders { padding: 10px 0 10px 0 }
/* Servicing & MOT Styles */

#checklist { width: 630px; overflow: hidden; padding-bottom: 20px }
.left { padding: 0 20px 0 20px; width: 260px; float: left; }
.left li { line-height: 1.8em; padding-bottom: 5px; list-style: url(images/car-service-tick.gif); }
.right { padding-left: 20px; width: 300px; float: left; }
.right li { line-height: 1.8em; padding-bottom: 5px; list-style: url(images/car-service-tick.gif); }
/* Fast Fit Styles */


#failtextcontact { width: 630px; overflow: hidden; float: left; padding: 10px; }
#bodytextservices { width: 630px; overflow: hidden; float: left; padding: 10px; }
#fastfit { clear: left; float: left; width: 630px; overflow: hidden; margin: 20px auto 10px auto }
.fastfit-1 { float: left; width:154px; height:125px; display:block; background: url(images/carservice-fast-fit-sprites.jpg); background-position: 0 0; }
.fastfit-1 span.hover { display: block; width:154px; height:125px; background: url(images/carservice-fast-fit-sprites.jpg); background-position: 0 -125px; }
.fastfit-2 { float: left; width:170px; height:125px; display:block; background: url(images/carservice-fast-fit-sprites.jpg); background-position: -154px 0; }
.fastfit-2 span.hover { display: block; width:170px; height:125px; background: url(images/carservice-fast-fit-sprites.jpg); background-position: -154px -125px; }
.fastfit-3 { float: left; width:122px; height:125px; display:block; background: url(images/carservice-fast-fit-sprites.jpg); background-position: -324px 0; }
.fastfit-3 span.hover { display: block; width:122px; height:125px; background: url(images/carservice-fast-fit-sprites.jpg); background-position: -324px -125px; }
.fastfit-4 { float: left; width:115px; height:125px; display:block; background: url(images/carservice-fast-fit-sprites.jpg); background-position: -446px 0; }
.fastfit-4 span.hover { display: block; width:115px; height:125px; background: url(images/carservice-fast-fit-sprites.jpg); background-position: -446px -125px; }
#containernav .navtab3 a { width: 228px; background-position: 0 -200px; }
#containernav .navtab3 :hover { background-position: 0 -250px; }
#service { margin: 0 20px 10px 20px; }
#service li { display: inline; padding: 0 30px 10px 30px; }
/* Contact Us */

#contactpos { float: left; clear: left; width: 200px; }
#processbodytext { width: 600px; overflow: hidden; float: left; padding: 10px }
#address { width: 248px; height: 150px; float: left; padding: 10px 0 0 0 }
#address ul { padding: 0 0 10px 0; }
.formstyle1 { width: 250px; height: 18px; border: none; margin: 4px auto 5px 5px; }
.formstyle2 { width: 250px; height: 100px; border: none; margin: 4px auto 14px 5px; }
.formstylesubmit1 { background-color: #000; float: left; color: #fff; border: none; }
.formstylesubmit1:hover { color:#fe0000 }
#addresslist li { list-style-type: none; line-height: 1.8em; }
.p1 { padding: 0 0 0 5px; }
#bodytextcontact { width: 300px; min-height: 350px; overflow: hidden; float: left; padding: 10px }
#address a { float: left; padding: 5px 0 0 }
.failbox { width: 600px; }
.dropformstyle { width: 250px; height: 18px; margin: 4px auto 5px 5px; background: #fff; color: #000; text-decoration: none; border: 1px solid #fff; }
.dropformstyle option { background: #fff; color: #fe0000; text-decoration: none; border: 1px solid #fff; }
/* Resource Styles */

#bodytextcontact ul { list-style-type: none; }
.linkbox { background-color: #Fe0000; padding: 5px 0 5px 0; text-align: center; margin: 0 0 10px 0 }
.spacep { padding: 20px 0 10px 0; }
/* Sitemap Styles */

.sitemap { line-height: 1.6em; font-size: 1.2em; }
/* 404 */
#goog-wm-qt {width: 240px}
#goog-wm-sb { background-color: #000; float: left; color: #fff; border: none; padding: 5px 0 0 0 }
#goog-wm-sb:hover { color:#fe0000 }
.other-things { padding: 10px 0 0 0; }
/* Feed */

#mainleft .link { font-size: 1.2em; font-style: italic; font-weight: normal; padding: 0 0 10px 0 }
.feedcontainer { width: 208px;
}
.newsp { color: #fff; font-style: italic; font-size: 1em; padding: 0; clear: left; }
.linknews { color: #fe0000; text-decoration: none; outline: none; padding: 0; float: left; font-size: 1.1em; }
#feedpos { float: left; clear: left; width: 200px; }
/* Link Build */

#footer3 { width: 100%; overflow: hidden; clear: left; background-color: #000; padding-bottom: 5px }
#footer3 li a { color: #fff; }
.position { text-align: center; }