body {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;background-color: #cccccc; font-family: Arial, Helvetica, sans-serif;}
.body_align_a {text-align: center;}
.body_align_b {margin-left: auto;margin-right: auto;width: 743px;}
td {border-collapse: collapse} /* make IE behave normally for tables */

/* MAIN STYLES */
.flashheaderposition 
{position:relative;z-index:1;left:288px;top:22px;}
.flashheadersize 
{width:468px; height:59px; left:0px; top:0px; }                          
/*text*/
.copytext                     
{font-size: 12px;color: #FFFFFF;}
.smalltext                    
{font-size: 11px;color: #333333;}
.headertext                   
{font-size: 12px;color: #FFFFFF; font-weight:bold;}
.headertext2                  
{font-size: 12px;color: #FFFFFF; font-weight:bold;}
.linktext                     
{font-size: 12px;color: #333333; text-decoration:underline;}
.errortext                    
{font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #333333; font-weight:bold;}
/*main page columns*/
.col1						  
{background-color: #ffffff;width: 155px;} /*LEFTMENU*/
.col2                         
{vertical-align: top;padding: 10px; background:#FFFFFF}/*CONTENT AREA*/
/*background images*/
.bg                           
{color:#efeeee;}
.popupbg
{background-color:#efeeee;}
.errorbg                      
{font-family: Arial, Helvetica, sans-serif;font-size: 14px;color: #FFFFFF; font-weight:bold; padding-left:8px; background-color:#9e0505; padding-top:4px; padding-bottom:4px; text-align:center;}
.headerbg                     
{background-color:#efeeee; height:1px;}
.middlebg					  
{background-color:#efeeee;}
.footerbg                     
{background-image: url(select_vehicle.jpg); height:10px; background-position:bottom;}
.panelheaderbg                
{background-image:url(panelbg/panelheaderbg.jpg); background-position:top left; height:20px}
.panelmiddlebg                
{background-image:url(panelbg/panelmiddlebg.jpg); height:20px}
.panelfooterbg                
{background-image:url(panelbg/panelfooterbg.jpg); background-position:bottom left; height:20px}
.contentcol1                  
{width:390px;}
.contentcol2                  
{width:176px;background-image:url(contentcol2bg.jpg); background-position:bottom;}
/*servicing panels*/
.panelheader				  
{font-size:12px;color:#ffffff;font-weight:bold;} /*FOR SERVICING PAGE ETC...*/
.panelbg					  
{background-color:#666666;background-position: left top;}
/*positions*/
.position                     
{position:relative;left:26px; width:566px;}
.position2                    
{position:relative;left:0px;top:5px;width:100%;z-index:1;cursor:pointer;}
.contentposition              
{position:relative;left:0px;top:4px;}
.cmscontentposition           
{position:relative;left:20px;top:4px;}
.testinfoposition             
{position:relative;left:22px;top:10px;width:144px;z-index:1;}
/*width / align*/
.width1                       
{width:566px}
.align1                       
{text-align:left}
.padding1                     
{padding:5px;}
.padding2
{padding:8px;}
/*forms*/
.form1                        
{font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #333333;border: 1px solid #000000;}
.formbutton                   
{font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #ffffff;border: 1px solid #000000; width:160px;background-color:#9e0505; margin-right:4px; margin-top:4px;}
.backbutton         
{width:100px;height:22px;top:32px;vertical-align:middle;font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #ffffff;background: url("back_button.gif") 0 0 no-repeat;text-decoration: none;text-align:center;border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;}
/*alternating rows*/
.rowabg                       {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #333333;background-color:#cccccc;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 6px;height: 32px;}
.rowbbg                       {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #333333;background-color:#efeeee;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 6px;height: 32px;}
#rowabglink                   {display:block;width:114px;height:27px;padding-top:0px;vertical-align:middle;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #FFFFFF;background: url("book2.jpg") 0 0 no-repeat;text-decoration: none;text-align:center;}
#rowabglink:hover             {background-position: -114px 0;}
#rowbbglink                  {display:block;width:114px;height:27px;padding-top:0px;vertical-align:middle;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #ffffff;background: url("book1.jpg") 0 0 no-repeat;text-decoration: none;text-align:center;}
#rowbbglink:hover             {background-position: -114px 0;}
 
/*top menu*/              
.topmenu .headertext {padding-left:0px; color:#333333}
.topmenu .linktext {text-decoration: none;font-size: 11px;font-weight: bold;padding-left: 6px;padding-right: 6px; background-image: url(seperator.jpg);}
.topmenu .linktext:hover {text-decoration:underline;}
.topmenu .bg {background-image: url(topmenu.gif);background-repeat: no-repeat;}
.topmenu .position {position:relative;left:26px;top:1px;width:100%;z-index:1;} /*position entire menu*/
.topmenu .position2 {position:relative;left:-10px;top:6px;width:550px;z-index:1;} /*position menu items only - also change size to move login*/

/*left menu*/                           
.leftmenu .position           
{position:relative;left:2px;top:8px;z-index:1; height:400px; width:135px;}                        
.leftmenu #linktext           
{display:block;width:135px;margin-top: 5px; padding:8px 0px 8px 20px;font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-weight: bold;color: #000000;background: url("button.jpg") 0 0 no-repeat;text-decoration: none;}
.leftmenu #linktext:hover     
{background-position: -149px 0px;color: #000000;}

/*select vehicle*/
.selectvehicle .copytext {color: #FFFFFF;line-height:14px;text-align: center;} 
.selectvehicle .linktext {font-weight: bold;color: #FFFF99;text-align: center;text-decoration: none;}
.selectvehicle .linktext:hover{text-decoration: underline;}
.selectvehicle .bg2 {padding: 1px;width: 129px;height: 162px;vertical-align:top;background-image: url(vehicle.gif);background-repeat: no-repeat;}
.selectvehicle .position2 {position:relative;left:0px;top:0px;width:115;z-index:1;}
.selectvehicle .padding1 {padding:5px;} /*space between the thumbnails*/
.selectvehicle .padding2 {padding:0px;} /*space around text in bottom panel*/
.selectvehicle .height1 {height:29px}

/*calender*/
.calender .height1 {height:144px;}
.calender .position2 {position:relative;left:0px;top:14px;width:45px;height:45px;z-index:1;cursor:pointer;} /*date positioning*/
.calender .position3 {position:relative;left:34px;top:-10px;width:120px;z-index:1;} /*next space text*/
.calender .position4 {position:relative;left:11px;top:1px;width:144px;z-index:1;cursor:pointer;} /*test info positioning*/
.calender .footerbg  {background-image: url("splitfooter.jpg"); background-position:bottom right;}
.calender .headercell {width: 45px;height: 45px;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #FFFFFF;background-image: url("calender_header_cell.jpg");font-weight: bold;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}
.calender .defaultcell {width: 45px;height: 45px;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #333333;background-image: url("button_3.jpg")}
.calender .inactivecell {padding: 0px;width: 45px;height: 45px;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color:#333333;background-color:#FFFFFF;}
.calender #activecell {display:block;width:45px;height:45px;text-align:center;vertical-align:middle;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #ffffff;background: url("button2.jpg") 0 0 no-repeat;text-decoration: none;}
.calender #activecell:hover {background-position: -45px;text-decoration: underline;}
.calender .padding1 {padding-left:26px; padding-right:10px; padding-top:12px;}
.calender .border {background-color: #333333;padding: 1px;}
.calender .bg {background: url("vehicle_bg.jpg")}
.calender .nextspacetext {font-family: Arial, Helvetica, sans-serif;font-size: 18px;color: #FFFFFF; font-weight:bold; padding-bottom:5px;}
.calender .nextspacetext2 {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #FFFFFF;text-align: center; font-weight: bold;padding-bottom:5px;}
.calender #nextspacetext3 {display:block;width:114px;height:27px;padding-top:6px;vertical-align:middle;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight:bold;color: #FFFFFF;background: url("calender_button.jpg") 0 0 no-repeat;text-decoration: none;text-align:center;}
.calender #nextspacetext3:hover {background-position: -114px 0;}
.calender .nospacetext {font-family: Arial, Helvetica, sans-serif;font-size: 13px;color: #FFFFFF; font-weight:bold;}
.calender .contentcol2                  
{width:176px;background-image:url(contentcol2bgcal.jpg); background-position:bottom;}

/*test info*/
#testinfo .bg {width:100%;background-image: url(vehicle_bg.jpg);border: 1px solid #FFFFFF;background-position: top;}
#testinfo .padding1 {padding:0px;}
#testinfo .panelheaderbg {background-color:transparent;}
#testinfo .headertext2 {color:#ffffff;}
#testinfo .copytext {color:#ffffff;}

/*select slot*/
.selectslot .footerbg  {background-image: url("splitfooter.jpg"); background-position:bottom right;}
.selectslot .headertext2 {color:#FFFFFF;}
.selectslot .panelheaderbg {background-color:#333333}
.selectslot .padding1 {padding-left:8px; padding-right:0px; padding-top:8px;}

/*enter details*/
.enterdetails .footerbg  {background-image: url("splitfooter.jpg"); background-position:bottom right;}
.enterdetails .headertext2 {color:#333333;}
.enterdetails .copytext {color:#333333}

/*pop ups*/
.generalinfo .position, .terms .position, .privacy .position, .testlist .position, .whatstested .position, {left:-1px; top:-2px; width:100%;}
.generalinfo .linktext, .terms .linktext, .privacy .linktext, .testlist .linktest, .whatstested .linktext, {font-weight:bold; padding-right:8px; color:#FFFFFF;}
.generalinfo .headertext, .terms .headertext, .privacy .headertext, .whatstested .headertext, 
{color:#FFFFFF; padding-left:8px;}
.generalinfo .linktext, .terms .linktext, .privacy .linktext, .whatstested .linktext,  
{color:#FFFFFF; padding-right:8px;}
.generalinfo .copytext, .terms .copytext, .privacy .copytext, .whatstested .copytext, .testlist .copytext,   
{color:#333333; padding-right:8px;}
.generalinfo .headerbg, .terms .headerbg, .privacy .headerbg, .whatstested .headerbg,
{background-image: url(calender_header_cell.jpg); background-position:bottom left; height:30px; background-position:top}


.bookingerror .copytext, .bookingtaken .copytext, .stationoffline .copytext,{color:#FFFFFF; text-align:center}
.login .copytext, .editcustomer .copytext, .selectvehiclelist .copytext, .storedbookings .headertext2, .storedbookings .linktext, .storedbookings .copytext, .thanks .headertext2, {color:#333333}

.selectvehiclelist .padding1 {padding:6px}
.selectvehiclelist .padding  {padding:6px}
.selectvehiclelist .linktext {color:#333333}

.storedbookings .rowabg {height:20px;}
.storedbookings .rowbbg {height:20px;}
.storedbookings .headertext2, .thanks .headertext2, {padding:4px;}

.thanks .copytext {color:#333333}
.thanks .headertext3 {color:#333333; font-size:12px; font-weight:bold;}
