/*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; line-height:24px; font-size:12px; color:#666666}
.body_align_a {text-align: center;}
p, li, ul {font-size:12px;}
.body_align_b {margin-left: auto;margin-right: auto;width: 929px;}
td {border-collapse: collapse;} /* make IE behave normally for tables */
table {line-height:22px;}


/* 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:24px}
.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(mainheaderbg.jpg);height:95px;width:929px; background-position:top left}
.mainfooterbg 
{height:90px;background-image: url(mainfooterbg.jpg);}

/*main page columns*/
.col1						  
{background:#FFFFFF;width:229px;height:700px;} /*LEFT MENU*/
.col2                         
{background:#FFFFFF;vertical-align:top;} /*CONTENT AREA*/

/*background images*/
.popupbg
{background-color:#FFFFFF;}
.bg                           
{background:#FFFFFF;}
.popupbg
{background:#d0cece;}
.errorbg                      
{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(headerbg.jpg);background-position:top left; height:28px;}
.middlebg					  
{
	background-color:#ffffff;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #1d246c;
	border-right-color: #1d246c;
	border-bottom-color: #1d246c;
	border-left-color: #1d246c;
}
.footerbg                     
 {}
.panelheaderbg                
{background-image:url(panelpanelheaderbg.jpg); background-position:top left; height:20px}
.panelmiddlebg                
{background-image:url(panelpanelmiddlebg.jpg); height:20px}
.panelfooterbg                
{background-image:url(panelpanelfooterbg.jpg); background-position:bottom left; height:20px}
.contentcol1                  
{width:460px; height:420px;}
.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:40px;top:23px; width:636px;}
.position2                    
{position:relative;left:0px;top:5px;width:100%;z-index:1;cursor:pointer;}
.contentposition              
{position:relative;left:0px;top:8px; margin-bottom:44px;}
.contentposition .position
{ left:0px; top:0px; }
.cmscontentposition           
{position:relative;left:40px;top:0px; width:636px;}
.testinfoposition             
{position:relative;left:19px;top:12px;width:155px;z-index:1;}

/*width / align*/
.width1                       
{width:636px;}
.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.jpg") 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:929px;}
.topmenu .position            {left:0px; top:0px;} /*position entire menu*/
.topmenu .position2           {position:relative;left:-8px;top:-93px;width:568px;z-index:1;} /*position menu items only - also change size to move login*/
.topmenu .bg                  {background-image: url(topmenubg.jpg);background-repeat: no-repeat; height:40px;}

/*left menu*/
.leftmenu {width:206px;}
.leftmenu .position           {left:23px;top:22px;z-index:1; height:400px; width:206px; background-color:transparent;}
.leftmenu #linktext           {display:block;width:206px; height:34px;padding:0px 0px 0px 0px;font-size: 12px;color: #FFFFFF;background: url("menubutton.jpg") 0 0 no-repeat;text-decoration: none; background-color:transparent; }
.leftmenu #linktext:hover     {background-position: -206px 0px;}
.leftmenu span {position:relative; left:24px; top:5px;}


/*footer*/
.footer .position             {left:0px; width:929px;} /*ENTIRE FOOTER POSITION/SIZE*/
.footer .position2            {left:13px; top:0px;} /*VMM LOGO POSITION*/
.footer .position3            {position:relative;left:-15px; top:12px;} /*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:40px} /*'click here' panel height'*/
.selectvehicle .bg2           {padding:1px;width:143px;height:221px;vertical-align:top;background-image:url(vehiclebg.jpg);background-repeat:no-repeat;}
.selectvehicle .headertext2    {color:#333333;text-align:center; margin-top:12px; font-size:14px;}
.selectvehicle .copytext {color:#333333}
.selectvehicle .linktext {color:blue}

/*calender*/
.calender .headercell         {width: 45px;height: 45px;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #FFFFFF;background-image: url("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("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("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:8px;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: #1e246b; padding: 1px;}
.calender .padding1 
{padding-left:26px; padding-right:10px; padding-top:18px;}
.calender .contentcol2
{background-image:url("contentcol2bg.jpg"); background-position:bottom right; background-repeat:no-repeat; background-color:#FFFFFF;}

/*testinfo*/
#testinfo                     {position:relative;left:-10px;top:0px;width:155px;z-index:1;}
#testinfo .bg                 {
	width:143px;
	background-image:url(vehiclebg.jpg);
	border:1px solid #999999;
}
#testinfo .panelheaderbg           { background-image:none; background-color:#b0b0b2;}
#testinfo .panelfooterbg           {}
#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; background-image:none; background-color:transparent}
.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("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 {}
.enterdetails .headertext2 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}

/*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; color:#ffffff;}
.stationoffline .middlebg {background-image:url(errorbg.jpg); background-position:center bottom; background-color:#9e0505;}
.bookingtaken .copytext {font-size:14px; font-weight:bold; text-align:center;}
.bookingtaken .middlebg {background-image:transparent; background-color:#FFFFFF; background-position:center bottom;}
.bookingerror .copytext {font-size:14px; font-weight:bold; text-align:center;}
.bookingerror .middlebg {background-image:transparent; background-color:#FFFFFF; background-position:center bottom;}

.enterdetails .ddheaderbg {background-image:url("enterdetails_seperator.jpg")}
