/* CSS Document */

* {
margin: 0 0 0 0;
padding: 0 0 0 0;
}

body {
text-align: left;
background-repeat: no-repeat;
background-repeat: repeat-x;
background-image: url(../img/mainbg.gif);
background-position: center top;
padding: 0 0 0 0;
margin: 0 0 0 0;
display: inline;
}


a {
color: #2270AE;
}
#mainContainer {
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0; 
width: 870px;
text-align: left;
padding: 0 0 0 0;
}

/*Block Elements template START*/
#topband{
font-family:arial;
width:960px;
height:79px; 
clear:both;
background-color:#1e2c71;
text-align:center;
margin-left: auto;
margin-right: auto;

}

#navbar{
font-family:arial;
font-size:75%;
color:#FFFFFF;
width:730px;
height:19px; 
float:left;
clear:both;
padding: 4px 0px 5px 30px;
margin: 3px 0 0 0;
text-align: right;
background-color:#1e2c71;
background-image:url(../img/green-bar-bg.jpg);
background-repeat:no-repeat;
background-position:center;
}

#leftcolcontainer {
width:170px;
float:left;
clear:left;
}


#leftcol{
font-family:arial;
width:170px;
padding: 10px 0 0 0;
float:left;
clear:left;

}

#leftcol2{
font-family:arial;
width:170px;
padding: 10px 0 0 0;
float:left;
clear:left;

}

#leftcol ul{
float:left;
font-family:arial;
font-weight:bold;
font-size:80%;
width:170px;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#leftcol li{
width:170px;
height:37px;
padding: 0px 0 0 0px;
margin: 4px 0 0 0;
background-repeat:no-repeat;
list-style-type: none; /*turns off display of bullet*/
}

#leftcol a{
display: block;
width: 120px;
height:27px;
padding: 10px 0px 0px 50px;
background-repeat: no-repeat;
background-position: 0px 0px;
color: #ffffff;
text-decoration: none;
}

#leftcol a.serviceNav{
background-image: url(../img/nav/nav-sparks-off.jpg);
}

#leftcol a.repairNav{
background-image: url(../img/nav/nav-spanner-off.jpg);
}

#leftcol a.motNav{
background-image: url(../img/nav/nav-mot-off.jpg);
}

#leftcol a.elecNav{
background-image: url(../img/nav/nav-elec-off.jpg);
}

#leftcol a.wheelNav{
background-image: url(../img/nav/nav-wheel-off.jpg);
}

#leftcol a.batNav{
background-image: url(../img/nav/nav-batt-off.jpg);
}

#leftcol a.airconNav{
background-image: url(../img/nav/nav-ice-off.jpg);
}

#leftcol a.pipeNav{
background-image: url(../img/nav/nav-pipe-off.jpg);
}

#leftcol a:hover.pipeNav {
background-image: url(../img/nav/nav-pipe-on.jpg);
}

#leftcol a:hover.serviceNav{
background-image: url(../img/nav/nav-sparks-on.jpg);
}

#leftcol a:hover.repairNav{
background-image: url(../img/nav/nav-spanner-on.jpg);
}

#leftcol a:hover.motNav{
background-image: url(../img/nav/nav-mot-on.jpg);
}

#leftcol a:hover.elecNav{
background-image: url(../img/nav/nav-elec-on.jpg);
}

#leftcol a:hover.wheelNav{
background-image: url(../img/nav/nav-wheel-on.jpg);
}

#leftcol a:hover.batNav{
background-image: url(../img/nav/nav-batt-on.jpg);
}

#leftcol a:hover.airconNav{
background-image: url(../img/nav/nav-ice-on.jpg);
}

#leftcol2 a{
text-decoration: none;
color:#2270AE;
}

#leftcol2 a:hover{
text-decoration: underline;
color:#2270AE;
}

#buttonAbout {
float:left;
width: 160px;
min-height:70px;
height:auto !important;
height:70px;
background-image: url(../img/button-bg-span.jpg);
background-repeat:no-repeat;
margin: 5px 0 0 0;
border-bottom: dashed 2px #85C40C;
}

#buttonAbout p {
font-weight:bold;
color:#2270AE;
font-size: 65%;
margin: 0px 0 0 10px;
padding: 0 30px 0 0;
}

#buttonAbout p.title {
font-weight:bold;
color:#1E2C71;
font-size: 90%;
margin: 5px 0 0 10px;
}

#buttonAbout p.title a{
color:#1E2C71;
}

#buttonAbout p.title a:hover{
color:#1E2C71;
text-decoration: underline;
}

#buttonCust {
float:left;
width: 160px;
min-height:70px;
height:auto !important;
height:70px;
background-image: url(../img/button-bg-client.jpg);
background-repeat:no-repeat;
margin: 5px 0 0 0;
border-bottom: dashed 2px #60cc01;
}

#buttonCust p {
font-weight:bold;
color:#2270AE;
font-size: 65%;
margin: 0px 0 0 10px;
padding: 0 5px 0 40px;
}

#buttonCust p.title {
font-weight:bold;
color:#1E2C71;
font-size: 90%;
margin: 5px 0 0 20px;
}

#buttonCust p.title a{

color:#1E2C71;

}

#buttonCust p.title a:hover{
color:#1E2C71;
text-decoration: underline;
}

#buttonContact {
float:left;
width: 160px;
min-height:70px;
height:auto !important;
height:70px;
background-image: url(../img/button-bg-phone.jpg);
background-repeat:no-repeat;
margin: 5px 0 0 0;
}


#buttonContact p {
font-weight:bold;
color:#2270AE;
font-size: 65%;
margin: 0px 0 0 10px;
padding: 0 5px 0 45px;
}

#buttonContact p.title {
font-weight:bold;
color:#1E2C71;
font-size: 90%;
margin: 5px 0 0 5px;
}

#buttonContact p.title a{

color:#1E2C71;

}

#buttonContact p.title a:hover{
color:#1E2C71;
text-decoration: underline;
}



#contentblock{
width:565px;
height:465px;
padding: 25px 10px 10px 25px; 
float:left;
background-color:#FFFFFF;
display: inline;
}

#pagetitle {
width:555px;
float:left;
margin: 15px 0 8px 0;
}

H1{
font-family:arial;
font-size:90%;
font-weight:bold;
color: #1e2c71;
margin: 0 0 5px 0;
}

#contentblockcol2Wide H1{
font-family:arial;
font-size:110%;
font-weight:bold;
color: #1e2c71;
margin: 0 0 5px 0;
display: inline;
}

#contentblockcol1Image {
width:181px;
margin: 0 15px 5px 3px;
background-color:#FFFFFF;
float:left;
min-height: 100px;
display: inline;
}

#contentblockcol1Wide {
width:351px;
margin: 0 15px 5px 0;
background-color:#FFFFFF;
float:left;
min-height: 100px;
display: inline;
}

#contentblockcol1 {
width:168px;
margin: 0 15px 5px 15px;
background-color:#FFFFFF;
float:left;
min-height: 100px;
display: inline;
}

#contentblockcol2 {
width:168px;
margin: 0 15px 5px 0;
background-color:#FFFFFF;
float:left;
min-height: 100px;
display: inline;
}

#contentblockcol3 {
width:168px;
margin: 0 15px 5px 0;
background-color:#FFFFFF;
float:left;
min-height: 100px;
display: inline;
}

#contentblock p{
font-family:arial;
font-size:70%;
color: #666666;
line-height: 14pt;
margin: 0 0 10px 0;
}

#tippanel {
width:560px;
padding: 0px 0px 0px 0px; 
margin: 0 0 0 0;
float:left;
background-color:#FFFFFF;
background-image:url(../img/tint_blue.jpg); 
background-repeat:repeat-x;
border-top: 2px solid #1E2C71;
border-bottom: 2px solid #1E2C71;
border-right: 0px solid #1E2C71;
border-left: 2px solid #1E2C71;
display: inline;
}

.tippanelSmall {
width:148px;
min-height:230px;
height:auto !important;
height:230px;
padding: 15px 0px 10px 15px; 
margin: 0 0 0 0;
float:left;
background-color:#FFFFFF;
border-top: 0px solid #1E2C71;
border-bottom: 1px solid #1E2C71;
border-right: 0px solid #1E2C71;
border-left: 1px solid #1E2C71;
display: inline;
}

.tippanelSmall a{
color:#2270AE;
}

#newsPanel {
width:525px;
padding: 10px 0px 10px 35px; 
margin: 5px 0 5px 0;
float:left;
display: inline;
}

#newsPanel p{
border-bottom:#60cc01 dashed 1px;
padding: 0 0 10px 0;
}

#newsPanelL {
width:230px;
padding: 5px 15px 0px 20px; 
margin: 0 0 0 0;
float:left;
border-right: #cccccc solid 1px;
display: inline;

}

#newsPanelR {
width:230px;
padding: 5px 10px 0px 20px;
margin: 0 0 0 0;
float:left;
display: inline;

}

#newsPanelL p{

}

#newsPanelR p{
 
}

.tippanelSmall p{
padding: 0px 6px 0px 0px; 
margin: 0 0 0 0;

}

#footer{
font-family:arial;
font-size:75%;
color: #FFFFFF;
width: 545px;
margin: 10px 0 0 0px;
height: 25px; 
float: left;
clear:left;
padding: 8px 5px 0px 15px;
background-color:#1E2C71;
background-image:url(../img/footerendcap.gif); 
background-repeat:no-repeat;
display: inline;
}

#footer2{
font-family:arial;
font-size:65%;
color: #666666;
width: 545px;
margin: 10px 0 0 0px;
height: 25px; 
float: left;
clear:left;
padding: 8px 5px 0px 15px;
display: inline;
}

#tipbutton{
position:relative;
left:-10px;
top:12px;
float:left;
clear:both;
margin: 0 0 0 0;
display: inline;
}

.tipbutton{
position:relative;
left:-10px;
top:12px;
float:left;
clear:both;
margin: 0 0 0 0;
}

#tippanel p{
font-family:arial;
font-size:70%;
color:#666666;
line-height:14pt;
margin: 0 0 10px 0;
}

#tippanel img{
margin: 0px 10px 10px 0px;
}

#coltipbox1 {
width:168px;
margin: 15px 0px 10px 15px;
float:left;
display: inline;
}

#coltipbox2 {
width:168px;
margin: 15px 0px 10px 10px;
float:left;
display: inline;
}

#coltipbox3 {
width:168px;
margin: 15px 0px 10px 10px;
float:left;
}

#divclear {
float:left;
clear:both;
}

/*Block Elements template END*/

#servicing {
background-color:#CC0000;
}

.bold{
font-weight:bold;
}

.boldcoloured{
font-weight:bold;
color:#2270AE;
}

.boldcolouredD{ 
font-weight:bold;
color:#1e2c71;
}

.blue {
color:#1e2c71;
}

.lBlue {
color:#2270AE;
}

.green {
color:#60cc01;
}

.greenBoldItalic {
color:#60cc01;
font-weight:bold;
font-style:italic;
}

.boldcolouredLarge{
font-weight:bold;
color:#2270AE;
font-size: 130%;
}

.large{
font-size: 140%;
}

.smaller{
font-size: 60%;
}

.largeBold{
font-size: 130%;
font-weight:bold;
}

.clear {
float:left;
width: 800px;
clear: both;
}

.splitRule {
float:left;
clear:both;
width: 560px;
height: 1px;
border-top:#60cc01 solid 3px;
margin: 5px 0 5px 0;
}

.listBox {
width: 350px;
background-color:#ffffff ;
margin: 0 0 10px 0;
font-size: 110%;
font-weight:bold;
}

.listBoxW {
width: 100%;
background-color:#ffffff ;
margin: 0 0 10px 0;
font-size: 110%;
font-weight:bold;
}

.listBox2 {
background-color:#ffffff ;
margin: 0 0 10px 0;
font-size: 110%;
font-weight:bold;
}

H1.tabPipe {
width:168px;
padding: 3px 0 0 0;
min-height: 60px;
height: 60px;
background-image: url(../img/tab_pipe.jpg);
background-repeat: no-repeat;
}

H1.tabBrake {
width:168px;
padding: 3px 0 0 0;
min-height: 60px;
height: 60px;
background-image: url(../img/tab_brakes2.jpg);
background-repeat: no-repeat;
}

H1.tabTyre {
width:168px;
padding: 3px 0 0 0;
min-height: 60px;
height: 60px;
background-image: url(../img/tab_wheels.jpg);
background-repeat: no-repeat;
}

H1.tabDia {
width:168px;
padding: 3px 0 0 0;
min-height: 60px;
height: 60px;
background-image: url(../img/tab_dia2.jpg);
background-repeat: no-repeat;
}

H1.tabAir {
width:168px;
padding: 3px 0 0 0;
min-height: 60px;
height: 60px;
background-image: url(../img/tab_aircon.jpg);
background-repeat: no-repeat;
}

H1.tabBatt {
width:168px;
padding: 3px 0 0 0;
min-height: 60px;
height: 60px;
background-image: url(../img/tab_batt.jpg);
background-repeat: no-repeat;
}

#contentblockcol3 ul{
font-family:arial;
font-weight:bold;
font-size:80%;
width:167px;
padding: 0 0 0 0;
margin: 0 0 0 10px;
}

#contentblockcol3 li{
width:145px;
height:20px;
padding: 0px 0 0 20px;
margin: 2px 0 0 0;
background-image: url(../img/bullet.gif);
background-repeat:no-repeat;
background-position: 0px 3px;
list-style-type: none; /*turns off display of bullet*/
}

#contentblockcol3 li a{
text-decoration:none;
color:#2270AE;
}