/*BODY STYLES*/
body {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px; background-color:#000000;font-family: Arial, Helvetica, sans-serif;}
.body_align_a {text-align: center;}
.body_align_b {margin-left: auto;margin-right: auto;width: 818px; background-repeat:repeat}
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:#333333;line-height:18px}
.smalltext                    
{font-size:11px;color:#333333;}
.headertext                   
{font-size:12px;color:#ffffff;padding-left:8px;}
.headertext2                  
{font-size:12px;color:#333333;font-weight:bold; }
.linktext                     
{font-size:12px;color:#333333;text-decoration:underline;}
.errortext                    
{font-size:12px;color:#ffffff;font-weight:bold;}

/*header / footer*/
.mainheaderbg 
{background-image: url(bg/mainheaderbg.jpg);height:120px;width:818px; background-position:top left; background-repeat:no-repeat}
.mainfooterbg 
{height:168px;background-image: url(bg/mainfooterbg.jpg); background-repeat:no-repeat}

/*main page columns*/
.col1						  
{width:236px;height:700px; background-image:url(menuHeader.jpg); background-repeat:no-repeat} /*LEFT MENU*/
.col2                         
{vertical-align:top;padding:10px;} /*CONTENT AREA*/

/*background images*/
.popupbg
{background-color:#e8e4e1;}
.bg                           
{background-image:url(bg/middleBg.jpg); background-repeat:repeat}
.popupbg
{background:#d0cece;}
.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-image: url(bg/headerbg.jpg);background-position:top left; height:29px; width:580px;}
.middlebg					  
{background-image: url(bg/middlebg.jpg); background-repeat:repeat-y}
.footerbg                     
{background-image: url(bg/footerbg.jpg); height:28px; background-repeat:no-repeat; width:580px; background-position:right top}
.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:394px; height:440px;}
.contentcol2                  
{width:186px;text-align: left;background-image:url(calender/contentcol2bg.jpg);background-position:bottom right}

/*servicing panels*/
.panelheader				  
{font-size:12px;color:#ffffff;font-weight:bold; background-color:#999999} /*FOR SERVICING PAGE ETC...*/
.panelbg					  
{ background-color:#d2d2d2;}/*FOR SERVICING PAGE ETC...*/

/*positions*/
.position                     
{position:relative;left:-6px;top:-9px; width:580px;}
.position2                    
{position:relative;left:0px;top:5px;width:100%;z-index:1;cursor:pointer;}
.contentposition              
{position:relative;left:6px;top:0px;}
.cmscontentposition           
{position:relative;left:-6px;top:0px;}
.testinfoposition             
{position:relative;left:28px;top:12px;width:155px;z-index:1;}

/*width / align*/
.width1                       
{width:580px;}
.align1                       
{text-align:left}
.padding1                     
{padding:5px;}
/*forms*/
.form1                        
{font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #333333;border: 1px solid #000000;}
.formbutton                   
{font-size:12px;margin-right:4px;margin-top:4px;}
.backbutton                   
{font-family:Arial, Helvetica, sans-serif;width:100px;height:22px;top:32px;vertical-align:middle;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;}
.servicingimage {background-image:url(service_icons.gif); background-repeat:no-repeat; width:580px; height:47px; left:0px; top:2px; position:relative}

/*alternating rows*/
.rowbbg                       {font-size:12px;color:#333333;background-color:#ffffff;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:6px;height:33px; vertical-align:middle}
.rowabg                       {font-size:12px;color:#333333;background-color:#aeafaf;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:6px;height:33px; vertical-align:middle}
#rowbbglink                   {display:block;width:148px;height:29px;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; cursor:pointer;}
#rowbbglink:hover             {background-position: -148px 0;}
#rowabglink                   {display:block;width:148px;height:29px;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; cursor:pointer;}
#rowabglink:hover             {background-position: -148px 0;}

/*top menu*/
.topmenu .copytext            {color:#FFFFFF; line-height:14px;font-size:12px;}
.topmenu .headertext          {color:#FFFFFF;font-weight:normal;font-size:12px;}
.topmenu .linktext            {color:#FFFFFF;text-decoration: none;padding-left: 6px;padding-right: 4px; background-image: url(seperator.gif);  font-size:12px;}
.topmenu .linktext:hover      {text-decoration:underline;}
.topmenu .width1              {width:818px;}
.topmenu .position            {left:0px; top:0px;} /*position entire menu*/
.topmenu .position2           {position:relative;left:-10px;top:5px;width:798px;z-index:1;} /*position menu items only - also change size to move login*/
.topmenu .bg                  {background-image: url(bg/topmenubg.jpg);background-repeat: no-repeat; height:57px;}

/*left menu*/
.leftmenu .position           {left:0px;top:1px;z-index:1; height:500px; width:234px; overflow:hidden}
.leftmenu #linktext           {display:block;width:234px;margin-top: 0px; padding:0px 0px 0px 0px;font-size: 12px;color: #ffffff;background: url("menubutton.jpg") 0 0 no-repeat;text-decoration: none; height:26px;}
.leftmenu #linktext:hover     {background-position: -234px 0px;}
.leftmenu span {position:relative; left:22px; top:3px;} 
.leftcolumnhtml {width:234px; background-image:url(menuFooter.jpg); background-repeat:no-repeat;height:22px;}

/*footer*/
.footer .position             {left:5px; width:808px; top:58px;} /*ENTIRE FOOTER POSITION/SIZE*/
.footer .position2            {left:0px; top:0px;} /*VMM LOGO POSITION*/
.footer .position3            {position:relative;left:0px; top:0px;} /*MENU POSITION*/
.footer .copytext             {font-size: 11px;color: #FFFFFF;}
.footer .copyrighttext        {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #FFFFFF;}
.footer .linktext             {font-size: 11px;color: #FFFFFF;}

/*selectvehicle*/
.selectvehicle .padding1 {padding:4px;}
.selectvehicle .copytext {line-height:14px;color:#ffffff;}
.selectvehicle .linktext {font-weight:bold;color:#ffffff;}
.selectvehicle .height1       {height:34px} /*'click here' panel height'*/
.selectvehicle .bg2           {padding:1px;width:133px;height:200px;vertical-align:top;background-image:url(vehiclebg.jpg);background-repeat:no-repeat;}
.selectvehicle .headertext2  {color:#ffffff;text-align:center;}
.selectvehicle .position3 { position:relative; left:5px; top:-1px; z-index:1; margin-bottom:0px}

/*calender*/
.calender .headercell         {width: 45px;height: 45px;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #FFFFFF;background-image: url("calender/calenderheaderbg.jpg");font-weight: bold;padding-top: 0px;padding-right: 0px;padding-bottom: 2px;padding-left: 0px;}
.calender .defaultcell        {width: 45px;height: 45px;font-size: 12px;color: #FFFFFF;background-image: url("calender/inactivebutton.jpg")}
.calender .inactivecell       {width: 45px;height: 45px;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #FFFFFF; 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; font-weight:bold;color: #FFFFFF;background: url("calender/activebutton.jpg") 0 0 no-repeat;text-decoration: none;}
.calender #activecell:hover   {background-position: -45px;text-decoration: underline;}
.calender .position2          {position:relative;left:0px;top:14px;width:45px;height:45px;z-index:1;cursor:pointer;} /*date positioning*/
.calender .position3          {position:relative;left:36px;top:38px;width:120px;z-index:1;} /*next space text*/
.calender .position4          {position:relative;left:19px;top:4px;width:144px;z-index:1;cursor:pointer;} /*test info positioning*/
.calender .border             
{background-color:#d60000 ;padding: 1px;}
.calender .padding1 
{padding-left:12px; padding-right:10px; padding-top:18px;}
.calender .contentcol2 {background-image:url(calender/calendercontentcol2bg.jpg);background-position:bottom right}

/*testinfo*/
#testinfo                     {position:relative;left:-10px;top:0px;width:155px;z-index:1;}
#testinfo .bg                 {width:143px;background-image: url(testinfo/vehiclebg.jpg);border: 1px solid #FFFFFF;background-position: top;}
#testinfo .panelheaderbg           {background-image:url("testinfo/vehicle.jpg");background-position: center top;background-repeat: no-repeat;}
#testinfo .panelfooterbg           {background-image:url("testinfo/vehicle.jpg");background-position: center bottom; height:7px;}
#testinfo .position           {position:relative;left:11px;top:1px;width:155px;z-index:1;}
#testinfo .height1            {height:100px;}
#testinfo .padding1           {padding:6px;}
#testinfo .copytext, #testinfo .headertext2 {color:#FFFFFF; line-height:14px;}
.calender .nextspacetext      {font-size: 18px;color: #FFFFFF; font-weight:bold; padding-bottom:0px;}
.calender .nextspacetext2     {font-size: 12px;color: #FFFFFF;text-align: center; font-weight: bold;padding-bottom:0px;}
.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-size: 13px;color: #FFFFFF; font-weight:bold;}

/*contact*/
.contact .bg2                         
{background-image:url(contactbg.jpg);background-position:bottom; width:170px;}
.contact .img1                        
{background-image:url(phone.jpg);height: 40px;width: 170px;}
.contact .img2                        
{background-image:url(post.jpg);height: 40px;width: 170px;}
.contact .img3 					      
{background-image:url(email.jpg);height: 40px;width: 170px;}
.contact .middlebg {padding-left:0px;}

/*servicing*/
.servicing .panelheader               
{background-image: url(panelheaderbg.jpg); background-position:top left;color: #FFFFFF;font-size: 12px;font-family: Arial, Helvetica, sans-serif;font-weight:bold; padding-left:10px; padding-top:8px; padding-bottom:8px; height:34px; width:283px;}/*Added by alan 24/08*/
.servicing .panelbg                   
{background-image: url(panelfooterbg.jpg); background-position:bottom left}/*Added by alan 24/08*/

/*contact*/
.contact .width1 {padding-top:8px;}

/*stored bookings*/
.storedbookings .rowabg {height:18px;}  
.storedbookings .rowbbg {height:18px;} 
.storedbookings .headertext2 { padding-left:8px; padding-top:4px;}

.storedbookings .padding2 {padding:14px;}

/*selectvehiclelist*/
.selectvehiclelist .rowabg {height:18px;}
.selectvehiclelist .rowbbg {height:18px;} 
.selectvehiclelist .padding2 {padding:8px;}

.selectvehiclelist .padding2 {padding:4px;}

/*selectslot*/
.selectslot .rowabg {height:38px;} 
.selectslot .rowbbg {height:38px;}


/*enter details*/
.enterdetails .panelheaderbg 
{background-image:url("enterdetails_seperator.jpg")}

/*thanks*/
.thanks .headertext3 
{font-size:12px; font-weight:bold; background-color:#FFFFFF; padding:4px;}
.thanks .headertext2 
{padding-left:12px; padding-top:8px;}
.thanks .padding1 
{padding:12px;}

/*pop ups*/

.generalinfo .linktext {font-weight:bold; padding-right:8px; color:#FFFFFF;}
.terms .linktext {font-weight:bold; padding-right:8px; color:#FFFFFF;}
.privacy .linktext {font-weight:bold; padding-right:8px; color:#FFFFFF;}
.testlist .linktest {font-weight:bold; padding-right:8px; color:#FFFFFF;}
.whatstested .linktext {font-weight:bold; padding-right:8px; color:#FFFFFF;}


.generalinfo .headertext {font-weight:bold; padding-left:8px; color:#FFFFFF; font-size:12px}
.terms .headertext {font-weight:bold; padding-left:8px; color:#FFFFFF; font-size:12px}
.privacy .headertext {font-weight:bold; padding-left:8px; color:#FFFFFF; font-size:12px}
.testlist .headertext {font-weight:bold; padding-left:8px; color:#FFFFFF; font-size:12px}
.whatstested .headertext {font-weight:bold; padding-left:8px; color:#FFFFFF; font-size:12px}


.generalinfo .position {left:-1px; top:-2px; width:100%;}
.terms .position {left:-1px; top:-2px; width:100%;}
.privacy .position {left:-1px; top:-2px; width:100%;}
.testlist .position {left:-1px; top:-2px; width:100%;}
.whatstested .position {left:-1px; top:-2px; width:100%;}


.terms .padding1 {padding:16px;}
.privacy .padding1 {padding:16px;}


.enterdetails .headertext2 {padding-left:6px;}

.generalinfo .headerbg {background-image:url("popupBg.jpg"); height:24px; background-repeat:repeat; width:100%;}
.terms .headerbg {background-image:url("popupBg.jpg"); height:24px; background-repeat:repeat; width:100%;}
.privacy .headerbg {background-image:url("popupBg.jpg"); height:24px; background-repeat:repeat; width:100%;}
.whatstested .headerbg {background-image:url("popupBg.jpg"); height:24px; background-repeat:repeat; width:100%;}

.generalinfo .middlebg {background-image:url("transparent.gif"); background-color:#ffffff;}
.terms .middlebg {background-image:url("transparent.gif"); background-color:#ffffff;}
.privacy .middlebg {background-image:url("transparent.gif"); background-color:#ffffff;}
.whatstested .middlebg {background-image:url("transparent.gif"); background-color:#ffffff;}

.contact .position {width:400px;}

#testinfo .headertext2 {padding-left:0px; padding-top:6px;}


.contact .padding1 {padding:0px;}

.location #mapFrame {width:526px;}

.enterdetails .panelheaderbg {background-image:url("enterdetails_seperator.gif"); background-position:bottom; background-repeat:no-repeat}
.leftcolumnhtml .position {left:0px; top:28px; position:relative; z-index:1;}

.servicingimage {background-image:url(service_icons.gif); background-repeat:no-repeat; width:580px; height:47px; left:0px; top:2px; position:relative}

.stationoffline .middlebg {background-image:none; background-color:#9e0505; color:white; text-align:center}
.stationoffline .copytext {color:white;}
.stationoffline .footerbg {background-image:none; }

.bookingtaken .middlebg {background-image:none; background-color:#9e0505; color:white; text-align:center}
.bookingtaken .copytext {color:white;}
.bookingtaken .footerbg {background-image:none; }

.bookingerror .middlebg {background-image:none; background-color:#9e0505; color:white; text-align:center}
.bookingerror .copytext {color:white;}
.bookingerror .footerbg {background-image:none; }