/* southall discount tyres */


#top {background:url(/images/bg_topclice.jpg) 0px 0px repeat-x;height:200px;font-size:0.8em;}

#top #innerCont {width:870px;margin:0 auto;padding-top:30px;position:relative}

#innerCont ul.navMain {height:72px;z-index:-1 !important;}
#innerCont ul.navMain li {font-weight:bold;float:left;width:136px;height:72px;background:url(/images/nav_slice.jpg) top left repeat-x;position:relative;}
#innerCont ul.navMain li a {padding:27px 0 0 25px;float:left;}
#innerCont ul.navMain li.long {width:142px;}
#innerCont ul.navMain li.long a {padding-left:10px;}
#innerCont ul.navMain li.left {width:24px;background:url(/images/left_navend.jpg) 0px -1px no-repeat}
#innerCont ul.navMain li.right {width:24px;background:url(/images/right_navend.jpg) -5px 0px no-repeat}

#innerCont ul.navMain li ul {position:absolute;top:50px;left:0px;z-index:10000 !important;}
#innerCont ul.navMain li ul li {width:130px;background:#000;height:20px;border:1px solid #fff;border-top:none;padding:0;margin:0;font-weight:normal;}
#innerCont ul.navMain li ul li.first {border-top:1px solid #fff;}
#innerCont ul.navMain li ul li a {padding:0;display:block;width:120px;height:18px;padding:2px 0 0 10px;color:#fff}
#innerCont ul.navMain li ul li a:hover {background:#ccc;color:#000;}


#header h1 {font-size:1.0em;padding:10px}



#mainCont {height:auto;}

#midInfo {width:870px;margin:0 auto;padding:20px 0 0 0;height:60px;}
#midInfo p.numb {float:left;font-size:0.8em;width:200px;padding-top:22px;}
#midInfo img.midImg {float:left;padding:0 5px 10px 80px;}
#midInfo h2 {float:left;width:400px;padding:17px 0 0 70px;font-size:1.2em;}
.clear {clear:both;}

#genBod {width:858px;margin:10px auto 0 auto;clear:both;background:#333 url(/images/top_main.jpg) 0px 0px no-repeat;height:auto;}

#contBottom {background:url(/images/bottom_main.jpg) -1px 0px no-repeat;height:50px;clear:both;margin:0 auto;width:858px;}
#genBod #leftBod {width:227px;float:left;}
#genBod #rightBod {width:575px;float:right;margin-right:16px;_margin-right:8px;}
#cats {width:226px;height:auto;background:#222 url(/images/cat_head.jpg) -1px 0px no-repeat;margin:33px 0 20px 25px;}
#direct {width:226px;height:213px;background:url(/images/direction_bg.jpg) top left no-repeat;margin:20px 0 20px 25px;}
#direct {width:226px;height:213px;background:url(/images/direction_bg.jpg) top left no-repeat;margin:20px 0 20px 25px;}
#direct p {padding:30px 0 0 20px;}
#direct p.newLine {padding:40px 0 5px 0;}
#direct form {padding-left:20px}
#direct input {width:90px;border:1px; solid #fff;font-size:0.8em;}

#leftBod h2 {padding:28px 0 0 77px;}

#leftBod #direct h2 {padding:24px 0 0 77px;}

#cats h2 {padding-bottom:30px;}
#cats ul {padding:0px 0 0 40px;font-size:0.9em;background:#181818 url(/images/cat_slice.jpg) top left repeat-x;margin:0 10px 0 8px;}
#cats ul li {padding:5px;cursor:pointer;font-weight:bold;}
#cats ul li ul {padding:0;font-size:0.8em;background:#181818;}
#cats ul li ul li {padding:0 0 0 0px;background:#181818;border:1px solid #333;border-top:0px;font-weight:normal;}
#cats ul li ul li.first {border-top:1px solid #333;}
#cats ul li ul li a {display:block;padding:2px 0 2px 10px;}
#cats ul li ul li a:hover {background:#333;}
#cats .catBase {width:226px;height:28px;background:url(/images/cat_base.jpg) -1px 0px no-repeat;}

#welcome {width:575px;height:150px;margin:59px 0px 0 0;background:url(/images/cont_slice.jpg) top left repeat-y;}
.extraHeight {height:310px !important;}
.extraHeight ul {clear:both;float:left;margin:0;padding:35px 0 10px 60px;width:420px}
.extraHeight ul li {float:left;width:110px;padding-right:20px;margin:0;_padding-right:0px}
.extraHeight ul li img {width:110px;}
#welcome img {padding:0 30px 0 0px;float:right;}
#welcome h2 {float:left;width:350px;padding:0 0 20px 30px;font-size:1.2em;}
#welcome p {float:left;width:350px;padding-left:30px;}
#welcome a {text-decoration:underline;}

.tyreinfo {width:565px;padding-left:0px;}
.tyreinfo h2 {padding:30px 0 5px 20px;font-weight:bold;text-decoration:underline;width:auto;}
.tyreinfo h3 {padding:30px 0 5px 20px;font-weight:bold;font-size:0.9em;}
.tyreinfo p {float:none !important; width:500px !important;padding:5px 0 0 20px !important}
.tyreinfo ul {padding-left:40px;font-size:0.8em;margin-left:0px;}
.tyreinfo ul li {padding:2px;}
.tyreinfo ul li p {font-size:1.0em;}
.tyreinfo a.top {font-size:0.7em;padding-left:20px;color:grey;}

.opening {height:280px !important;}
.opening h2.smaller {width:200px !important;padding-left:0 !important;}
.opening img {float:right !important;}
.tabOpen {padding-left:40px;width:300px;float:left !important;}
.tabOpen table {font-size:0.8em;float:left;}
.tabOpen table td {padding:4px;border-bottom:1px solid #333}
.tabOpen table td.day {font-weight:bold;}
.tabOpen table td.open {font-weight:bold;}
.tabOpen table td.close {font-weight:bold;}

.contact {height:390px !important;}
.contact .contactForm {width:350px;float:left;clear:both;}
.contactForm form {float:left;width:350px;padding:20px;font-size:0.8em;}
.contactForm form fieldset {border:1px solid #333;width:300px;padding:10px;}
.contactForm form input {width:100%;border:1px solid #fff;}
.contactForm form textarea#custcomment {height:80px;width:99%;}
.contactForm form label {padding:5px 0;float:left;}
.submit input#submit {width:100px;}
.submit {padding:10px 0 0 0;}
.contact p {width:450px !important}

.botRound {width:575px;height:31px;clear:both;background:url(/images/cont_bottom.jpg) top left no-repeat;}
.topRound {width:575px;height:31px;clear:both;background:url(/images/cont_top.jpg) top left no-repeat;}

h2.titleRed {cursor:pointer;background:url(/images/cont_title_bar.jpg) top left no-repeat;width:485px;height:44px;padding:27px 0 0 90px;margin:10px 0 0 0;}

.contBox {background:url(/images/cont_slice.jpg) top left repeat-y;}
.contBox img.iRight {padding:0 20px;float:right;}
.contBox img.iLeft {padding:0 20px;float:left;}
.contBox p {padding-left:30px;width:360px;padding-top:10px;float:left;}
.contBox a {text-decoration:underline;}


#footer {clear:both;padding:20px 0;text-align:center;}
#footer p {color:#333}

#hiddenRes {width:90%;height:auto;margin:0 auto;padding:0;position:absolute;top:20px;left:50px;background:#000;}
#hiddenRes a:hover {text-decoration:underline;}
#hiddenRes p {float:left;width:400px;padding:20px 0 20px 20px;width:100%;font-weight:bold;text-align:center;}
#hiddenRes  p.right {float:none;width:100%;padding:0 0 20px 30px;}

.imgHi {height:390px !important;}

#images {float:left;width:575px;}
#images h2 {clear:both;font-size:1.0em;}
#images h2.high {padding-top:20px;}
#images ul {clear:both;padding:0;margin:0 0 0 20px;}
#images ul li {float:left;width:125px;height:125px;background:url(/images/imgbg_red.jpg) top left no-repeat;margin-left:5px;}
#images ul li a {float:left;width:125px;height:125px;background:url(/images/imgbg_white.jpg) top left no-repeat;}
#images ul li a:hover {background:none;}
#images ul img {width:100px;height:100px; padding:0;margin:0;float:none;padding:13px 0 0 14px}
#imageDetails {color:black !important}

.tyresize {height:650px !important;}
.tyresize .sizeGuide {height:150px !important;}
.tyresize #calc {width:250px;padding-left:28px;float:left;}
.tyresize .rightSize {width:241px;float:right;padding-right:30px;}
.tyresize #calc form {font-size:0.8em;}
.tyresize #calc form fieldset {margin-top:15px;border:none}
.tyresize #calc form select {width:100px;float:right;margin:5px 0 45px 0;border:1px solid #ff0000;_margin-bottom:50px}
.tyresize #calc form p {font-size:1em;padding-left:0px !important;width:100% !important;clear:both;}
.tyresize #calc form label {width:120px;float:left;height:63px;clear:both;padding-top:7px;_padding-top:9px;}
.tyresize #calc .submit {clear:both;}
.tyresize #calc .submit input {border:1px solid;text-transform:capitalize;}
.tyresize .rightSize ul {}
.tyresize .rightSize ul li {clear:both;padding:5px 0;width:241px;}
.tyresize .rightSize ul li img {padding:0 !important;width:241px;}


#address {position:absolute;top:112px;right:10px;font-size:1.3em;width:200px;text-align:right;}



/*generics*/

.accessibility {text-indent:-200em;display:none;}

body {background:#181818;color:#fff;margin:0;font-family:verdana;position:relative;}
ul, li, p, h1, h2, h3, ol, img, a {text-decoration:none;border:none;margin:0;padding:0;margin:0;color:#fff;list-style:none;}
#container {margin:0;}
h2 {font-size:0.9em;text-transform:uppercase;font-weight:normal;}
p {font-size:0.7em;}
.space {padding-top:10px;}
.nomarg {margin-top:0;}
a.bodLink {text-decoration:underline;}