/* CSS Document */
/* ---- Design Notes ---- */
/*
legal notice: please leave this part Intact!
=================================================================================================================================
Created by Moonmess
E-Mail: craftscene@gmail.com : info@craft-scene.com  :
Cell: +254 722 137 377
www.craftscene.net
First designed 02/02/2008 10.58 am:
Updated:25/03/09
end of legal notice
=================================================================================================================================   
*/

body{
padding:0px; 
margin:0px; 
background:url(../images/tile.jpg) top center repeat-y;
color:#515136; 
font-family:arial;
font-size:12px;
line-height:20px;
text-align:center;}
.clear{clear:both;}
.redline{
width:640px;
background:url(../images/dot-line.gif) repeat-x;
height:20px;
float:left;
margin:10px 0px 10px 10px;}
#carhire{
margin:0 auto;
width:920px;padding:0px;
/*background:#fff;*/
text-align:center;}
#carrental{
width:900px;
margin:10px;
padding:0px;
text-align:justify;}
#topnav{
width:900px;
height:40px;
margin:0px;
padding:0px;
float:left;
background:url(../images/top.jpg) top left no-repeat;}
.topnavt{
width:250px;
height:40px;
margin:0px;
padding:0px;
float:left;}
.topnave{
width:250px;
margin:0px;
padding:6px 0px 0px 20px;
float:left;
text-align:center;
background: url(../images/emailbg.jpg) top left no-repeat;}
.topnavp{
width:280px;
padding-left:80px;
height:40px;
margin:0px;
float:left;}
#header{
width:900px;
margin:0 auto;
padding:0;
float:left;
background:url(../images/car_hire.jpg) top center no-repeat;
height:150px;}
#newsticker{
width:540px;
height:50px;
margin:88px 20px 10px 10px;
float:left;
color:#33706B;}
#alton{
width:330px;
height:150px;
margin:0px;
padding:0px;
float:left;}
.nav {
width:900px;
background:url(../images/hover.jpg) left repeat-x;
float:left;}
ul#menu{
margin:0;	
padding:0;	
list-style-type:none;	
height:40px;	
font-size:14px;	
font-weight:normal;
color:#fff;
float:left;}
#menu li{
display:block;
float:left;	
margin:0;	
padding:0;
color:#fff;
background:url(../images/divider.jpg) center right no-repeat;}
#menu li a{
display:block;	
float:left;
color:#003333;	
text-decoration:none;	
font-weight:normal;	
padding:14px 25px 0 25px;	
height:26px;	
margin:0;
color:#ffcc00;	}
#menu li a:hover{
background: url(../images/bg_nav.png) top left repeat-x;
color:#fff;}
#menu li a.active{
background: url(../images/bg_nav2.png) top left repeat-x;
color:#fff;}
#mainrow1{
width:900px;
float:left;
margin:20px 0px 0px 0px;
padding:0px 0px 10px 0px;}
.leftcol{ 
margin:5px;
width:200px;
float:left;
background:url(../images/wild_treasures_car.gif) top no-repeat;
padding:0px;
margin:0px;}
.leftcol img {
border:0px;
padding-right:10px;}
.leftcol ul { 
list-style:none; 
margin:0px; 
padding:0px; } 
.leftcol li a:link, .leftcol li a:visited { 
font-size:14px; 
display:block; 
padding:8px 10px; 
background-color:#FFF; 
color:#33706B; 
text-decoration:none;
font-weight:normal;
border-bottom:1px solid #999; }
.leftcol li a:hover { 
font-size:14px;
background:url(../images/one.jpg) center right no-repeat;
color:#600;
border-bottom:1px solid #600; }
.leftcol li a.active{
font-size:14px;
background:url(../images/one.jpg) center right no-repeat;
color:#600;
border-bottom:1px solid #600;
border-bottom:1px solid #600;}
/*...........hack for IE 6.0 and Below.........*/
* html #leftcolumn li a { width: 100%; }
/*...........end hack for IE 6.0 and Below.........*/
.inleftcol{ 
margin:5px;
width:155px;
height:230px;
float:left;
background:url(../images/browse_cars.jpg) top no-repeat;}
.midcol, .midcoldetails{
width:660px;
margin:5px 5px 5px 25px;
float:left;}
.midcoldetails{
border:1px solid #600;}
.midcolpanel1,.midcolpanel2,
.midcolpanel3, .midcolpanel4,
.midcolpanel5, .midcolpanel6{
width:200px; 
margin:10px;
padding:0px; 
float:left;
color:#515136;}
.midcolpanel1{background: url(../images/panelimg1.jpg) no-repeat; }
.midcolpanel2{background: url(../images/panelimg2.jpg) no-repeat; }
.midcolpanel3{background: url(../images/panelimg3.jpg) no-repeat; }
.midcolpanel4{background: url(../images/panelimg4.jpg) no-repeat; }
.midcolpanel5{background: url(../images/panelimg5.jpg) no-repeat; }
.midcolpanel6{background: url(../images/panelimg6.jpg) no-repeat; }
.midcolpanel1 h2, .midcolpanel2 h2,
.midcolpanel3 h2, .midcolpanel4 h2,
.midcolpanel5 h2, .midcolpanel6 h2{
display:block;margin:10px;
padding:10px;color:#33706B
font:16px;}
.midcolpanel1 p, .midcolpanel2 p,
.midcolpanel3 p, .midcolpanel4 p,
.midcolpanel5 p, .midcolpanel6 p{
display:block; 
font:12px; 
font-weight:normal;
padding:0; 
margin:120px 5px 0 8px;}
.midcolpanel1 a, .midcolpanel2 a,
.midcolpanel3 a, .midcolpanel4 a,
.midcolpanel5 a, .midcolpanel6 a{
color:#515136;
text-decoration:none;}
.midcolpanel1 a:hover, .midcolpanel2 a:hover,
.midcolpanel3 a:hover, .midcolpanel4 a:hover,
.midcolpanel5 a:hover, .midcolpanel6 a:hover{
color:#33706B;
text-decoration:none;}
.midcolpanel1 span, .midcolpanel2 span,
.midcolpanel3 span, .midcolpanel4 span,
.midcolpanel5 span, .midcolpanel6 span{
color:#33706B;
font-size:14px;
display:block;
margin:5px;
font-weight:500;
text-align:center;}
.midcolpanel1 img, .midcolpanel2 img,
.midcolpanel3 img, .midcolpanel4 img,
.midcolpanel5 img, .midcolpanel6 img{
padding:0px;
margin:10px 0px 0px 40px;
text-align:center;
display:block;
border:none;}
.whatsnew{
width:630px;
margin:20px 0px 0px 10px;
float:left;}
.whatsnew img{
display:block;
float:left;
padding-right:30px;
margin:0px;}
.panel{
width:200px;
height:50px;
margin:10px;
padding:0px;
float:left;}
.mainrow2{
width:900px;
height:385px;
float:left;
border-top:1px dotted #600;
margin:20px 0px 0px 0px;
padding:0px 0px 10px 0px;}
.details1, .details2,
.details3, .details4 {
width:200px;
height:360px;
float:left;
margin:5px 8px;
padding:0px;}
.details1{border:1px solid #33706B;}
.details2{border:1px solid #600;}
.details3{border:1px solid #525236;}
.details4{border:1px solid #AB842B;}
.mainrow3{
width:900px;
height:100px;
float:left;
border-top:1px dotted #600;
border-bottom:1px dotted #600;
margin:20px 0px 0px 0px;
padding:0px;}
.ads{
width:74px;
height:100px;
margin:0px 10px 0px 0px;
padding:0px;
float:left;}
.ads2{
width:290px;
height:100px;
margin:0px 10px 0px 0px;
padding:0px;
float:left;}
.ads3{
width:458px;
height:100px;
margin:0px 20px;
padding:0px;
float:left;}
.mainrow4{
width:900px;
height:130px;
float:left;
margin:10px 0px 0px 0px;
padding:0px;}
.container{
width:100px;
height:130px;
float:left;
padding:0px;
margin:0px 10px 0px 0px;}
.container img{
padding:0px;
margin0px;
display:block;
float:left;}
.somemainrow{
width:900px;
float:left;
margin:20px 0px 0px 0px;
padding:0px;}
.container a{
text-decoration:none;
color:#515136;}
.container a:hover{
text-decoration:none;
color:#600;}
.container a img{
border:none;}
.logo{
width:100px;
height:100px;
float:left;
margin:0px 0px 0px 20px;
padding:0px;}
#footer{
width:900px;height:40px;
margin:20px 0px 0px 0px;
padding:0;
float:left;
background:url(../images/bottom.jpg) bottom left no-repeat;}
a img{border:none;}
/*form-front-page-booking*/
.booking-form-div{
width:640px;text-align:left;
margin:0px 10px;
padding:0px;
float:left}
form#BookingForm{
display:block;
width:640px;margin:0px;padding:0px;
float:left;}
form#BookingForm fieldset{
display:block;float:left;background:#FFE2D9;
width:620px;margin:10px 0px 0px 0px;padding:10px;
border-right:0 none;border-left:0 none;
border-bottom:0 none;border-top:0 none;}
form#BookingForm legend{
font-size:16px;font-weight:700;
float:left;display:block;width:100%;
text-align:center;padding:5px 0px;margin:0px 0px 10px 0px;
border-bottom:1px solid #515136;border-top:1px solid #515136;}
form#BookingForm div{
width:280px;padding:5px;margin:0px;
float:left}
form#BookingForm div.inner{
width:120px; float:left; padding:0px;
margin:0px 10px 0px 0px;}
form#BookingForm label{
display:block;float:left;width:100%;
margin:3px 0px;}
form#BookingForm input{
display:block;float:left;
padding:5px 2px;color:#999;}
form#BookingForm .sbmt-para{display:block;width:150px;
margin:5px 5px 5px 220px;float:left;
display:block;}
form#BookingForm label{
font-weight:bold;}
form#BookingForm input.sbmtbtn{
width:150px;padding:3px;color:#000;}