html { height: 100%; margin-bottom: 1px; }
* { margin: 0; padding: 0; }

.hidden {display:none} 
.shown {display:inline}

/* Menu */

.onwhy {
float:left;
width:70px;
height:30px;
margin-right:3px;
background: url(img/why.gif) no-repeat 0 -60px;
}
a.onwhy:link, a.onwhy:visited, a.onwhy:active {
background: url(img/why.gif) no-repeat 0 -60px;
text-indent:-999em;
}
a.onwhy:hover {
background: url(img/why.gif) no-repeat 0px -60px;
cursor: default;
}

.onhow {
float:left;
width:70px;
height:30px;
margin-right:3px;
background: url(img/how.gif) no-repeat 0 -60px;
}
a.onhow:link, a.onhow:visited, a.onhow:active {
background: url(img/how.gif) no-repeat 0 -60px;
text-indent:-999em;
}
a.onhow:hover {
background: url(img/how.gif) no-repeat 0px -60px;
cursor: default;
}

.onnow {
float:left;
width:70px;
height:30px;
margin-right:3px;
background: url(img/now.gif) no-repeat 0 -60px;
}
a.onnow:link, a.onnow:visited, a.onnow:active {
background: url(img/now.gif) no-repeat 0 -60px;
text-indent:-999em;
}
a.onnow:hover {
background: url(img/now.gif) no-repeat 0px -60px;
cursor: default;
}

.onservices {
float:left;
width:111px;
height:30px;
margin-right:3px;
background: url(img/services.gif) no-repeat 0 -60px;
}
a.onservices:link, a.onservices:visited, a.onservices:active {
background: url(img/services.gif) no-repeat 0 -60px;
text-indent:-999em;
}
a.onservices:hover {
background: url(img/services.gif) no-repeat 0px -60px;
cursor: default;
}

.onlinks {
float:left;
width:70px;
height:30px;
background: url(img/links.gif) no-repeat 0 -60px;
}
a.onlinks:link, a.onlinks:visited, a.onlinks:active {
background: url(img/links.gif) no-repeat 0 -60px;
text-indent:-999em;
}
a.onlinks:hover {
background: url(img/links.gif) no-repeat 0px -60px;
cursor: default;
}


.why {
float:left;
width:70px;
height:30px;
margin-right:3px;
background: url(img/why.gif) no-repeat 0 0px;
}
a.why:link, a.why:visited, a.why:active {
letter-spacing: -1000em;
background: url(img/why.gif) no-repeat 0 0px;
}
a.why:hover {
background: url(img/why.gif) no-repeat 0px -30px;
}

.how {
float:left;
width:70px;
height:30px;
margin-right:3px;
background: url(img/how.gif) no-repeat 0 0px;
}
a.how:link, a.how:visited, a.how:active {
letter-spacing: -1000em;
background: url(img/how.gif) no-repeat 0 0px;
}
a.how:hover {
background: url(img/how.gif) no-repeat 0px -30px;
}

.now {
float:left;
width:70px;
height:30px;
margin-right:3px;
background: url(img/now.gif) no-repeat 0 0px;
}
a.now:link, a.now:visited, a.now:active {
letter-spacing: -1000em;
background: url(img/now.gif) no-repeat 0 0px;
}
a.now:hover {
background: url(img/now.gif) no-repeat 0px -30px;
}

.services {
float:left;
width:111px;
height:30px;
margin-right:3px;
background: url(img/services.gif) no-repeat 0 0px;
}
a.services:link, a.services:visited, a.services:active {
letter-spacing: -1000em;
background: url(img/services.gif) no-repeat 0 0px;
}
a.services:hover {
background: url(img/services.gif) no-repeat 0px -30px;
}


.links {
float:left;
width:70px;
height:30px;
background: url(img/links.gif) no-repeat 0 0px;
}
a.links:link, a.links:visited, a.links:active {
letter-spacing: -1000em;
background: url(img/links.gif) no-repeat 0 0px;
}
a.links:hover {
background: url(img/links.gif) no-repeat 0px -30px;
}


/* Styles */ 

#bodyblock a, #bodyblock2 a, #ftr a {
 text-decoration:underline;
 color:#FFFFC2;
}

#bodyblock a:hover, #bodyblock2 a:hover, #ftr a:hover {
 text-decoration:underline;
 color:#F8F9DE;
}

#bodyblock a img {
 border: 0 none;
 opacity: 0.70;
 filter: Alpha(Opacity=70);
}

#bodyblock a:hover img {
 border: 0 none;
 opacity: 0.99;
 filter: Alpha(Opacity=99);
}
#terms a{
 text-decoration:none;
 color:#F8F9DE;
 }
 
#terms a:hover{
 text-decoration:none;
 color:#FFFFC2;
 }

small {
 font-size:10px;
 }

.white {
 color:#F8F9DE;
 }

.grey {
 color:#9D9D8D;
 }
 
 #middlebar {
 border-bottom:1px solid #444;
 height:1px;
 margin:0px 10px 0px 0px;
 padding:0px;
 }

 #arrow {
 color:#FFFFC2;
 background: url("img/arrow.gif") no-repeat ;
 background-position: left center ;
 padding-left:24px;
 font-size:11px;
 }
 
 #question {
 font-family: Arial;
 color:#FFFFC2;
 background: url("img/question.gif") no-repeat ;
 background-position: left center ;
 padding-left:24px;
 line-height:17px;
 font-size:16px;
 }
 
 #hour {
 color:#FFFFC2;
 background: url("img/hour.gif") no-repeat ;
 background-position: left top ;
 padding-left:24px;
 font-size:11px;
 }
 
 #point {
 background: url("img/point.gif") no-repeat ;
 background-position: left top ;
 margin-left:8px;
 padding-left:16px;
 }
 
 #gpoint {
 background: url("img/gpoint.gif") no-repeat;
 background-position: left top ;
 margin-left:8px;
 padding-left:16px;
 color:#9D9D8D;
 }
 
 #huge {
 font-family: Arial;
  line-height:17px;
 color:#FFFFC2;
 font-size:16px;
 padding-bottom:3px;
 }
 
 #hugewhite {
 font-family: Arial;
 color:#F8F9DE;
 font-size:16px;
 padding-top:4px;
 padding-bottom:3px;
 }
 
 #hugearrow {
 font-family:Arial;
  line-height:17px;
 color:#FFFFC2;
 font-size:16px;
 background: url("img/arrow.gif") no-repeat;
 background-position: left top;
 padding-bottom:3px;
 padding-left:24px;
 margin-bottom:4px;
 }

 #hugearrow a {
 text-decoration:none;	
 }

 #linkout {
 font-family:Arial;
 line-height:17px;
 color:#FFFFC2;
 font-size:16px;
 background: url("img/link.gif") no-repeat;
 background-position: left top;
 padding-bottom:3px;
 padding-left:23px;
 margin-bottom:4px;
 }


 
 #link {
 font-family:Arial;
 color:#FFFFC2;
 font-size:14px;
  padding-top:4px;
 padding-bottom:6px;
 }
 
 #tel {
 font-family:Arial;
 font-size:16px;
 background: url("img/tel.gif") no-repeat ;
 background-position: left center;
 padding-top:1px;
 padding-bottom:5px;
 padding-left:26px;
 }
 
 #fax {
 font-family:Arial;
 font-size:16px;
 background: url("img/fax.gif") no-repeat ;
 background-position: left center;
 padding-top:1px;
 padding-bottom:5px;
 padding-left:26px;
 }
 
 #tel b, #fax b {
 color:#FFFFC2;
 font-weight: normal;
 }
 
 ul, li {
 list-style-type: none; 
 margin:0; 
 padding:0; 
 } 

li { 
 display: inline; 
 } 

/* forms */

 input:focus,
 textarea:focus {
 background-color:#FFFFFF;
 }
 
 .booknow {
 width:104px;
 }
 
 .enquirenow {
 width:125px;
 }
 
 label {
 text-align: left;
 width: 30%;
 padding-right:3px;
 float: left;
 margin-top:2px;
 }
 
 select {
 background-color: #F8F9DE;
 color: #000;
 margin-bottom:10px;
 margin-top:10px;
 border:0px solid #F8F9DE;
 font-size:12px;
 font-family:Arial;
 }

 input {
 font-size:12px;
 font-family:Arial;
 background-color: #F8F9DE;
 color: #000;
 margin-bottom:10px;
 border:0px solid #F8F9DE;
 width: 145px;
 }
 
 textarea {
 font-size:12px;
 font-family:Arial;
 background-color: #F8F9DE;
 margin-bottom:10px;
 border:0px solid #F8F9DE;
 width: 145px;
 }
 
 .blackarea, .blackarea:focus {
  background-color: #333;
  border-color:#333;
  border-width:0px;
  width: 140px;
  color:#FFFFFF;
  font-size:14px;
  font-family:Arial;
  font-weight:bold;
 }

/* Layout */ 

body {
 background-image:url(img/back.png);
 color:#F8F9DE;
 margin:0px 0px 60px 0px;
 background-color:#222;
 text-align:center;
 padding:0;
 border-top:5px solid #353535;
 text-shadow:0 0 #000;
 }

#terms {

 font-size:11px;
 font-family: Verdana;
 line-height:14px;
 text-align:left;
 margin:20px 20px 0px 20px;
 }

#outer {

 font-size:11px;
 font-family: Verdana;
 line-height:14px;
 text-align:left;
 width:630px;
 margin:auto;
 }

#hdr {
 height:80px;
 }
 
a #hdr {
 background:url(img/scootltd.gif) no-repeat;
 }
 
a:hover #hdr {
 background:url(img/scootltdon.gif) no-repeat;
 }

#bar {
 height:30px;
 margin-left:25px;
 }

#bodyblock {
 padding-top:25px;
 position:relative;
 width:630px;
 }

#bodyblockhide {
 padding-top:25px;
 position:relative;
 width:630px;
 border-top:1px solid #444;
 }

 #bodyblock2 {
 border-top:1px solid #444;
 position:relative;
 width:630px;
 padding-top:30px;
 clear:both;
 }


#l-col {
 float:left;
 width:310px;
 text-align:left;
 padding-bottom:30px;

 }

#cont {
 float:right;
 width:310px;
 padding-left:10px;
 text-align:left;
 padding-bottom:30px;

 }

#ftr {
 height:30px;
 border-top:1px solid #444;
 margin:0;
 padding-top:4px;
 padding-left:25px;
 text-align:right;
 clear:both;
 font-size:9px;
 color:#69695E;
 font-family:Verdana;

 }
 
 
/* 3 column layout (Now!) */

#leftandmiddle {
 width:418px;
 float:left;

 }
#left {
 width:186px;
 float:left;
 } 
#middle {
 width:186px;
 float:right;
 } 
 #middle2 {
  width:220px;
  float:right;
 } 
#right {
 width:186px;
 float:right;
 } 
#footer {
 clear:both;
 height:20px;
 }
 
#left a, #middle a, #right a, #middle2 a{
 text-decoration:none;
 color:#FFFFC2;
 border-bottom:2px solid #FFFFC2;
}

#left a:hover, #middle a:hover, #right a:hover, #middle2 a:hover{
 text-decoration:none;
 border-color:#F8F9DE;
 color:#F8F9DE;
}

.active {
 background:url(img/blocon.gif) no-repeat;
 height:115px;
 padding:7px 10px 10px 10px;
}
.inactive {
 background:url(img/bloc.gif) no-repeat;
 height:115px;
 padding:7px 10px 10px 10px;
}

#titleform {
 border-bottom:1px solid #444;
 padding:0px 0px 5px 0px;
 margin-bottom:20px;
 text-align:left;
 }
 
 #mileage {
 background:url(img/mileage.gif) no-repeat;
 background-position: left bottom;
 padding:8px 8px 0px 10px;
 margin-bottom:10px;
 }