/*BODY STYLES*/
body {margin-left: 0px;margin-top: 2px;margin-right: 0px;margin-bottom: 18px;background-image:url("bggrad.jpg");font-family: Arial, Helvetica, sans-serif;}
.body_align_a {text-align: center;}
.body_align_b {margin-left: auto;margin-right: auto;width: 779px;}
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;font-weight:bold;padding-left:10px;}
.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:145px;width:779px; background-position:top left}
.mainfooterbg 
{height:130px;background-image: url(bg/mainfooterbg.jpg);}

/*main page columns*/
.col1						  
{background:#FFFFFF;width:155px;height:600px;} /*LEFT MENU*/
.col2                         
{background:#FFFFFF;vertical-align:top;padding:10px;} /*CONTENT AREA*/

/*background images*/
.popupbg
{background-color:#CCCCCC;}
.bg                           
{background:#FFFFFF;}
.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:28px;}
.middlebg					  
{background-color:#d0cece}
.footerbg                     
 {background:#d0cece}
.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:406px; height:300px;}
.contentcol2                  
{width:176px;text-align: left; background-color:transparent}

/*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:9px;top:0px; width:582px;}
.position2                    
{position:relative;left:0px;top:5px;width:100%;z-index:1;cursor:pointer;}
.contentposition              
{position:relative;left:-9px;top:18px;}
.cmscontentposition           
{position:relative;left:9px;top:12px;}
.testinfoposition             
{position:relative;left:19px;top:12px;width:155px;z-index:1;}

/*width / align*/
.width1                       
{width:582px;}
.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;color:#ffffff;border:1px solid #000000;width:160px;background-color:#274784;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:544px; 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:147px;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: -147px 0;}
#rowabglink                   {display:block;width:147px;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: -147px 0;}

/*top menu*/
.topmenu .copytext            {color:#FFFFFF; line-height:14px;}
.topmenu .headertext          {color:#FFFFFF;font-weight:normal}
.topmenu .linktext            {color:#FFFFFF;text-decoration: none;padding-left: 10px;padding-right: 7px; background-image: url(seperator.gif);}
.topmenu .linktext:hover      {text-decoration:underline;}
.topmenu .width1              {width:779px;}
.topmenu .position            {left:0px;} /*position entire menu*/
.topmenu .position2           {position:relative;left:-8px;top:1px;width:568px;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:40px;}

/*left menu*/
.leftmenu {width:168px; overflow:hidden;}
.leftmenu .position           {left:8px;top:4px;z-index:1; height:400px; width:160px; background-color:transparent;}
.leftmenu #linktext           {display:block;width:160px; height:28px;padding:7px 0px 0px 10px;font-size: 11px;color: #FFFFFF;background: url("menubutton.jpg") 0 0 no-repeat;text-decoration: none; background-color:transparent; margin-top:4px;}
.leftmenu #linktext:hover     {background-position: -160px 0px;}


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

/*selectvehicle*/
.selectvehicle .padding1 {padding:7px;}
.selectvehicle .copytext {line-height:14px;}
.selectvehicle .linktext {font-weight:bold;}
.selectvehicle .height1       {height:34px} /*'click here' panel height'*/
.selectvehicle .bg2           {padding:1px;width:129px;height:200px;vertical-align:top;background-image:url(vehiclebg.jpg);background-repeat:no-repeat;}
.selectvehicle .headertext2    {color:#FFFFFF;text-align:center;}
.selectvehicle .copytext {color:#FFFFFF}
.selectvehicle .linktext {color:#FFFFFF}

/*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:26px;top:28px;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: #FFFFFF;padding: 1px;}
.calender .padding1 
{padding-left:26px; padding-right:10px; padding-top:18px;}
.calender .contentcol2
{background-image:url("calender/contentcol2bg.jpg"); background-position:bottom right; height:440px; background-repeat:no-repeat}

/*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;}
#testinfo .position           {position:relative;left:11px;top:1px;width:155px;z-index:1;}
#testinfo .height1            {height:100px;}
#testinfo .padding1           {padding:6px;}
#testinfo .copytext    {color:#FFFFFF; line-height:14px;}
#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:180px;}
.contact .img1                        
{background-image: url(phone.jpg);height: 44px;width: 180px;}
.contact .img2                        
{background-image: url(post.jpg);height: 44px;width: 180px;}
.contact .img3 					      
{background-image: url(email.jpg);height: 44px;width: 180px;}

/*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 #rowbbglink                   {display:block;width:113px;height:25px;padding-top:0px;vertical-align:middle;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #FFFFFF;background: url("book2red.jpg") 0 0 no-repeat;text-decoration: none;text-align:center; cursor:pointer; margin-bottom:6px;}
.storedbookings #rowbbglink:hover             {background-position: -113px 0;}
.storedbookings #rowabglink                   {display:block;width:113px;height:25px;padding-top:0px;vertical-align:middle;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #ffffff;background: url("book1red.jpg") 0 0 no-repeat;text-decoration: none;text-align:center; cursor:pointer; margin-bottom:6px;}
.storedbookings #rowabglink:hover             {background-position: -113px 0;}
.storedbookings .padding2 {padding:14px;}

/*selectvehiclelist*/
.selectvehiclelist .rowabg {height:18px;}
.selectvehiclelist .rowbbg {height:18px;}
.selectvehiclelist .padding2 {padding:8px;}
.selectvehiclelist #rowbbglink                   {display:block;width:113px;height:29px;padding-top:0px;vertical-align:middle;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #FFFFFF;background: url("book2red.jpg") 0 0 no-repeat;text-decoration: none;text-align:center; cursor:pointer; margin-top:2px;}
.selectvehiclelist #rowbbglink:hover             {background-position: -113px 0;}
.selectvehiclelist #rowabglink                   {display:block;width:113px;height:29px;padding-top:0px;vertical-align:middle;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #ffffff;background: url("book1red.jpg") 0 0 no-repeat;text-decoration: none;text-align:center; cursor:pointer; margin-top:2px;}
.selectvehiclelist #rowabglink:hover             {background-position: -113px 0;}
.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 .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;}

.stationoffline .copytext {font-size:14px; font-weight:bold; text-align:center;}
.stationoffline .middlebg {background-image:url(errorbg.jpg); background-position:center bottom;}
.bookingtaken .copytext {font-size:14px; font-weight:bold; text-align:center;}
.bookingtaken .middlebg {background-image:url(errorbg.jpg); background-position:center bottom;}
.bookingerror .copytext {font-size:14px; font-weight:bold; text-align:center;}
.bookingerror .middlebg {background-image:url(errorbg.jpg); background-position:center bottom;}

.enterdetails .panelheaderbg {background-image:url("enterdetails_seperator.jpg")}