/* colors 
#333333 dark grey background
#cccccc light grey header and text background 
#ffcc00 yellow menu text and some links

dark grey #333333
yellow #FFCC00
light grey #cccccc

fonts Maiandra GD
*/

* {margin: 0; padding: 0;}

body {
	background-color:#333333;
	font-family:arial, "century gothic";
	color:black;
}

p, h1, ul, table{padding-bottom:1em;}
{padding-left:20px; padding-right:20px; font-size:90%; text-align:justify;}
p,li {padding-left:30px; padding-right:30px; font-size:90%; text-align:justify;}
li {list-style:disc inside}
table {margin-left:30px; margin-right:30px; font-size:90%; text-align:justify;}

h1 {font-size:100%; padding-top:5px; padding-left:30px; padding-right:30px;}
h2 {font-size:90%; padding-left:30px; padding-right:30px;padding-bottom:0.9em;text-align:center;} 

a:link {color:#333333;} /* for links on light grey background */
a:hover {color:#ffffff;}
a.coloured:link {color:#ffcc00;} /* for links on dark grey background */
a.coloured:visited {color:#ffcc00;} /* for links on dark grey background */

strong {color:#333333;}

label, input{font-size:80%;}
label {margin-right:10px; text-align:left;}

#wrapper {
	width:800px;
	margin:0px auto;
	background-color:#cccccc;
	font-size:100%;
	height:auto;
 }

#header {
	background-color:#333333; 	
    width:100%; 
	margin:0px; padding-top:5px; padding-bottom:2px;
}

.menu-bar {font-weight:bold;
   background-image:url("../images/menu.gif"); background-repeat:repeat-x;
   padding-left:5px; float:left; padding-right:5px; padding-top:5px; height:30px;
}
.menu-bar a{color:#ffcc00; text-decoration:none;}
.menu-sep{background-image:url("../images/menu-separator.gif"); width:1px; height:30px;
   float:left;
}

.menu-bar .tel{
	float:right; padding-right:10px; color:#ffcc00;
}

.menu-bar .tel img{
	margin-top:-10px;
}


.telephone{float:right; padding-top:0px; padding-left:5px; padding-right:10px; height:30px; 
   color:#ffcc00; font-weight:bold; background-image:url("../images/menu.gif"); background-repeat:repeat-x;
   }

.left-col{float:left; width:68%;}
.right-col{float:right; width:32%;}
.fleet-thumbs{background-color:#333333; padding:10px; margin-right:20px;}
.fleet-thumbs a{font-size:90%;}
.fleet-thumbs h2{color:white;}
	
.fleet-descr {
	background-image:url('../images/rounded-corners-dark.jpg');
	background-repeat:no-repeat;
	padding:20px;
	margin:0px 15px 0px 15px;
	height:245px;
	position:relative;
	font-size:0.9em;
}

.fleet-descr h2{
	color:white;}
}

.truck-photo {
	position:absolute;
	left:15px;
	top:15px;
	width:200px;
	padding:0; margin:0;
}

#zen01-spec, #zen02-spec, #zen03-spec, #zen04-spec, #zen05-spec{
	position:absolute;
	left:230px;
	top:15px;
	width:530px;
	visibility:visible;
	background-image:url('../images/rounded-corners-grey.jpg');
	background-repeat:no-repeat;
}

#zen01-pic, #zen02-pic, #zen03-pic, #zen04-pic, #zen05-pic{
	position:absolute;
	left:220px;
	top:15px;
	width:430px;
	padding-left:90px;
	visibility:hidden;
}

.switch {
	position:absolute;
	left:15px;
	top:170px;
	color:white;
	font-size:90%;
}

.footer-menu-bar {color:white; font-weight:bold;
   background-image:url("../images/menu.gif"); background-repeat:repeat-x;
   float:left; padding-top:5px; height:30px;
   text-align:center; width:100%; margin-top:-3px;
   }
.footer-menu-bar a{color:#ffcc00; text-decoration:none;}

#footer, #footer p {
	color:white;
	font-size:90%;
	clear:both;
	background-color:#333333;
	text-align:center;
}
#footer a {font-weight:bold;
}

#footer strong {
	color:white;
}


.left-pic{float:left; clear:both; margin-right:10px; margin-left:30px; border:3px white solid;}

.highlight{
	background-color:#ffffcc;
	background-color:#ffcc00;
	border:5px white solid;
	font-size:90%;
	padding:1em;
}

.quote{
	background-image:url('../images/quote-arrow.gif');
	background-repeat:no-repeat;
	width:150px;
	height:100px;
	text-align:center;
	padding-top:50px;
}

.quote:hover{
	background-image:url('../images/quote-arrow-mo.gif');
	background-repeat:no-repeat;
	
}

.quote a{
	font-size:0.9em;
	text-decoration:none;
	font-weight:bold;
}

.quote a:visited{
	color:#333333;
}

.quote a:hover{
	color:#ffffff;
}

.invalid {
	background-color:yellow;
}

.valid {
	background-color:white;
}

#errmsg {
	font-size:smaller;
	color:red;
}