/* CSS definition file containing site wide stylesheets */

* {
margin: 0;
padding: 0;
}

html {
font-size:16px;
}

body {
font-size:62.5%;
font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif;
background-color:#FFFFFF;
padding:0;
margin:0;
text-align:left;
color:#666666;
}

a {
text-indent: 0 !IMPORTANT;
color:#FFFFFF;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #666666;
vertical-align: baseline;
text-decoration: none;
}

a img {
border:0;
}

p {
margin:10px auto;
font-size:1.1em;
}

#wrapper {
margin:8px auto;
width:780px;
}

#header {
background-image:url(assets/images/headbg.gif);
background-position:top left;
background-repeat:no-repeat;
height:58px;
margin-bottom:5px;
}

.header-top {
position:relative;
left:0;
top:0;
}

#header h1 {
background-image:url(assets/images/head-main-bg.gif);
background-position:left top;
background-repeat:no-repeat;
font-size:1.6em;
font-weight:normal;
height:25px;
left:204px;
padding:3px 0;
position:absolute;
text-align:center;
top:4px;
width:385px;
color:#FFFFFF;
}

#header a.facebook{
background-image:url(assets/images/facebook.jpg);
display:block;
text-indent: -999em !IMPORTANT;
position:absolute;
right:9px;
top:9px;
width:42px;
height: 43px;
}
#header .home-link {
display:block;
font-size:1.1em;
position:absolute;
right:105px;
top:11px;
width:80px;
}

.header-bottom {
position:relative;
left:0;
top:0;
}

.header-bottom ul {
background-image:url(assets/images/main-menu-bg.gif);
background-position:left top;
background-repeat:no-repeat;
height:25px;
left:192px;
position:absolute;
top:29px;
width:500px;
list-style:none;
margin:0;
padding:3px 0 0 12px;
}

.header-bottom ul li {
position:relative;
left:0;
top:0;
float:left;
width:111px;
height:22px;
text-align:center;
background-image:url(assets/images/main-menu-button.gif);
background-position:left top;
background-repeat:no-repeat;
margin-right:10px;
}

.header-bottom ul li a {
display:block;
font-size:1.2em;
height:18px;
padding-top:4px;
width:111px;
}

.content-head {
background-color:#CCCCCC;
background-image:url(assets/images/content-head-bg.gif);
background-position:left top;
background-repeat:no-repeat;
overflow:hidden;
}

.content-head h2 {
display:inline;
float:right;
font-size:2.4em;
font-weight:normal;
padding:9px 18px 5px;
color:#FFFFFF;
}

.content-head .logos {
float:left;
display:inline;
margin-left:20px;
margin-top:3px;
}

.content-head .logos a {
float:left;
margin-right:13px;
}

.content-body {
border:#CCCCCC 1px solid;
border-bottom:0;
padding:5px;
overflow:hidden;
}

.content-body h3 {
font-size:1.2em;
}

.content-left {
float:left;
width:255px;
}

.para-highlight {
font-size:1.9em;
}

.para-highlight strong {
font-weight:normal;
}

.content-right {
float:right;
width:508px;
}

.home-feature {
display:block;
width:166px;
height:192px;
background-color:#CCCCCC;
color:#333333;
float:left;
display:inline;
margin-right:5px;
margin-top:10px;
text-indent:-999em !IMPORTANT;
background-position:left top;
background-repeat:no-repeat;
}

.wheel-feature {
margin-top:0;
background-image:url(assets/images/wheel-alignment-feature.jpg);
}

.air-con-feature {
margin-top:0;
background-image:url(assets/images/air-con-feature.jpg);
}

.accident-feature {
margin-top:0;
margin-right:0;
background-image:url(assets/images/accident-feature.gif);
}

.soda-feature {
background-image:url(assets/images/soda-blast-feature.jpg);
height:190px;
}

.opening-feature {
background-image:url(assets/images/openings-feature.gif);
height:190px;
}

.hot-wash-feature {
margin-right:0;
/*background-image:url(assets/images/hot-wash-feature.jpg);*/
background-image:url(assets/images/tyre-feature.jpg);
height:190px;
margin-bottom: 5px;
}

.content-footer {
border:#000099 1px solid;
overflow:hidden;
}

.content-footer h3 {
border-bottom:#000099 1px solid;
background-color:#CCCCCC;
padding:7px 11px;
color:#333333;
font-size:1.2em;
}

.content-footer ul {
width:50%;
list-style:none;
padding:0;
margin:0;
}

.content-footer ul li {
color:#333333;
font-size:1.1em;
margin:5px;
background-image:url(assets/images/bullet.gif);
background-position:left 4px;
background-repeat:no-repeat;
padding-left:12px;
}

.content-footer ul.left-list {
float:left;
}

.content-footer ul.right-list {
float:right;
}

#footer {
margin-top:4px;
}

#footer p.footer-details {
margin:0;
padding:0;
overflow:hidden;
font-style:italic;
color:#FFFFFF;
font-size:1.1em;
background-image:url(assets/images/footer-bg.gif);
background-position:left top;
background-repeat:no-repeat;
height:21px;
padding-top:8px;
}

.footer-add {
display:inline;
float:left;
margin-left:10px;
}

.footer-tel {
display:inline;
float:right;
margin-right:10px;
}

.footer-credits {
text-align:center;
font-size:1.1em;
}

.copyright {
color:#999999;
font-style:italic;
}

.designed-by {
color:#666666;
font-style:italic;
}

.designed-by a {
color:#666666;
}

.designed-by a:hover {
color:#7589BF;
}

a:active {
color: rgb(255,255,255);
font-weight: bold;
}
a.survey {
    background: none repeat scroll 0 0 #CCCCCC;
    clear: both;
    color: #666666;
    display: block;
    padding: 5px;
    width: 498px;
}
a.survey:hover {
    background: #666;
    color: #FFF;
}
 
/* Forms */
.error {
color:#710F13;
font-size:1.2em;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: normal;
}

fieldset {
margin:10px;
}