/*BODY STYLES*/
body { margin:0;font-family: Arial, Helvetica, sans-serif; background: url(bg/site_bg.jpg) repeat-x #1e4794;}
.body_align_a { margin:0; text-align: center;}
.body_align_b { margin:0 auto; width: 758px;  background-repeat:no-repeat; background-position:left bottom;}
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:12px;color:#333333;}
.headertext                   
{ display:block; padding-top:3px; font-size:12px;color:#ffffff; font-weight:bold;padding-left:15px;}
.headertext2                  
{font-size:12px;color:#666666;font-weight:bold; }
.linktext                     
{font-size:12px;color:#333333;text-decoration:underline;}
.errortext                    
{font-size: 14px;color: #FFFFFF; font-weight:bold; text-align:center }

/*header / footer*/
.mainheaderbg 
{height:113px;width:758px; background:url(bg/header_bg.jpg) no-repeat;}
.mainfooterbg 
{height:86px; }

/*main page columns*/
.col1						  
{width:191px; padding-top:15px;} /*LEFT MENU*/
.col2                         
{ width:567px; padding-top:15px; vertical-align:top;} /*CONTENT AREA*/

/*background images*/
.popupbg
{background-color:#e8e4e1;}
.bg                           
{background-image:url(bg/middleBg.jpg); background-repeat:repeat}
.popupbg
{background:#d0cece;}
.errorbg                      
{font-size: 14px;color: #FFFFFF; font-weight:bold;background-color:#9e0505;}
.headerbg                     
{background: url(bg/headerbg.jpg) no-repeat;background-position:top left; height:36px; font-size:12px; line-height:14px; width:567px; background-repeat:no-repeat}
.middlebg					  
{background-image: url(bg/middlebg-2.jpg); background-repeat:repeat-y; width:567px; }
.footerbg                     
{background: url(bg/footerbg.jpg) no-repeat; height:50px; font-size:12px; line-height:14px; width:567px; }
.panelheaderbg                
{background-image:url(panelbg/panelheaderbg.html); background-position:top left; height:20px}
.panelmiddlebg                
{background-image:url(panelbg/panelmiddlebg.html); height:20px}
.panelfooterbg                
{background-image:url(panelbg/panelfooterbg.html); background-position:bottom left; height:20px}
.contentcol1                  
{width:384px; 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; width:150px;} /*FOR SERVICING PAGE ETC...*/
.panelbg					  
{ background-color:#d2d2d2; width:150px;}/*FOR SERVICING PAGE ETC...*/

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

/*width / align*/
.width1                       
{width:567px;}
.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-top:4px;}
.backbutton                   
{font-family:Arial, Helvetica, sans-serif;width:100px;height:22px;top:32px;vertical-align:middle;font-size:10px;color:#fff;background:#3367cd;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:570px; 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:#e9e9e9;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: #fff;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: #fff;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            { padding:6px 0 0 5px; color:#535353; line-height:14px;font-size:12px; font-weight:bold}
.topmenu .headertext          {color:#ffffff;font-weight:normal;font-size:12px; font-weight:bold}
.topmenu .linktext            { margin:0; padding:12px 12px 12px 12px; display:block; color:#535353;text-decoration: none;font-size:12px; font-weight:normal; background:url(bg/menu_border.jpg) right top no-repeat;}
.topmenu .linktext:hover      {text-decoration:underline;}
.topmenu .width1              {width:758px;}
.topmenu .position            { position:relative} /*position entire menu*/
.topmenu .position2           {position:relative;left:-36px;top:-132px;width:718px;z-index:1;} /*position menu items only - also change size to move login*/
.topmenu .bg                  {background:url(bg/topmenubg.jpg) no-repeat;height:303px; font-size:12px;}

/*left menu*/
.leftmenu .position           {left:0px;z-index:1;width:189px;}
.leftmenu #linktext           {display:block; height:28px; width:170px; margin-top: 0px; padding:0px 0px 0 19px;font-size: 12px;color:#fff; text-decoration:none; background: url("bg/submenu_bg.jpg") left bottom no-repeat;}
.leftmenu #linktext:hover     { text-decoration:underline;}
.leftcolumnhtml {width:189px; background-repeat:no-repeat;height:22px;}
.leftmenu span {position:relative; left:8px; top:8px;}

/*footer*/
.footer .position             {left:0px; width:758px; bottom:0px;} /*ENTIRE FOOTER POSITION/SIZE*/
.footer .position2            {} /*VMM LOGO POSITION*/
.footer .position3            {} /*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:2px 1px 2px 1px;}
.selectvehicle .copytext { font-size:11px; line-height:12px;color:#484848;}
.selectvehicle .linktext { padding:0; display:block; width:118px; height:21px;font-weight:normal;color:#fff; text-decoration:none; background:url(bg/click_to_book.jpg) no-repeat;}
.selectvehicle .linktext:hover { text-decoration:underline; background:url(bg/click_to_book_hov.jpg) no-repeat;}
.selectvehicle .height1       {height:30px} /*'click here' panel height'*/
.selectvehicle .bg2           {padding:1px;width:135px;height:202px;vertical-align:top;background-image:url(vehiclebg.jpg);background-repeat:no-repeat;}
.selectvehicle .headertext2  {color:#484848;text-align:center; font-size:12px; line-height:14px;}
.selectvehicle .position3 { position:relative; left:7px; top:0px; z-index:1; margin-bottom:0px}

/*calender*/
.calender .headercell         {width: 45px;height: 45px;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #fff;background:#3367cd;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: #333;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: #fff;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:18px;top:38px;width:155px;z-index:1; background:#fff;} /*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:#fff ;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 #bcbcbc;background-position: top;}
#testinfo .panelheaderbg           {background:#fff;}
#testinfo .panelfooterbg           {background:#fff; 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    {color:#666666; line-height:14px;}
#testinfo .headertext2 {color:#666666; line-height:14px;}
.calender .nextspacetext      {font-size: 18px;color: #333333; font-weight:bold; padding-bottom:0px;}
.calender .nextspacetext2     {font-size: 12px;color: #333333;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.html); 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.html); background-position:bottom left}/*Added by alan 24/08*/

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

/*stored bookings*/
.storedbookings .rowabg, .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, .selectslot .rowbbg, 
{height:38px;}

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

/*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:#ccc;}
.terms .linktext {font-weight:bold; padding-right:8px; color:#ccc;}
.privacy .linktext {font-weight:bold; padding-right:8px; color:#ccc;}
.testlist .linktest {font-weight:bold; padding-right:8px; color:#ccc;}
.whatstested .linktext {font-weight:bold; padding-right:8px; color:#ccc;}


.generalinfo .headertext {font-weight:bold; padding-left:8px; color:#fff; font-size:12px}
.terms .headertext {font-weight:bold; padding-left:8px; color:#fff; font-size:12px}
.privacy .headertext {font-weight:bold; padding-left:8px; color:#fff; font-size:12px}
.testlist .headertext {font-weight:bold; padding-left:8px; color:#fff; font-size:12px}
.whatstested .headertext {font-weight:bold; padding-left:8px; color:#fff; 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.html"); background-color:#e8e4e1;}
.terms .middlebg {background-image:url("transparent.html"); background-color:#e8e4e1;}
.privacy .middlebg {background-image:url("transparent.html"); background-color:#e8e4e1;}
.whatstested .middlebg {background-image:url("transparent.html"); background-color:#e8e4e1;}

.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")}
.leftcolumnhtml .position {left:0px; top:28px; position:relative; z-index:1;}

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

.thanks .copytext {color:#333333}
.thanks .headertext3 {color:#FFFFFF; font-size:12px; font-weight:bold; background-color:#990000}
.thanks .copytext2 {color:#333333; font-size:14px; font-weight:bold;}
.thanks .linktext2 {color:#FFFFFF; font-size:12px;}

/*pop ups*/

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

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

.generalinfo .position		{left:-1px; top:-2px; width:100%;}
.terms .position			{left:-1px; top:-2px; width:100%;}
.privacy .headerbg {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;} 

.generalinfo .headerbg		{background:#2C3D68; height:24px; width:100%;}
.terms .headerbg			{background:#2C3D68; height:24px; width:100%;}
.privacy .headerbg			{background:#2C3D68; height:24px; width:100%;}
.whatstested .headerbg		{background:#2C3D68; height:24px; width:100%;}

.generalinfo .middlebg		{background-image:url("transparent.html"); background-color:#CCCCCC; width:100%;}
.terms .middlebg			{background-image:url("transparent.html"); background-color:#CCCCCC; width:100%;}
.privacy .middlebg			{background-image:url("transparent.html"); background-color:#CCCCCC; width:100%;}
.whatstested .middlebg		{background-image:url("transparent.html"); background-color:#CCCCCC; width:100%;}

.testlist .middlebg {background-image:url("transparent.html");}
		
.contact .position 			{width:400px;}
.contact .padding1 			{padding:0px;}

.location #mapFrame 		{width:526px;border: 1px solid #444444; margin-top:10px; margin-bottom:10px;}
.leftcolumnhtml .position {position:relative; top:0px; left:0px;}
.leftcolumhtml {background-image:url(menuFooter.jpg); background-repeat:no-repeat; height:30px;}

.stationoffline .middlebg {background-color:#990000; color:#FFFFFF; text-align:center;}
.stationoffline .copytext {color:#FFFFFF; font-weight:bold;}

.bookingerror .middlebg {background-color:#990000; color:#FFFFFF; text-align:center;}
.bookingerror .copytext {color:#FFFFFF; font-weight:bold;}
.bookingerror .linktext {color:#FFFFFF;}

.bookingtaken .middlebg {background-color:#990000; color:#FFFFFF; text-align:center; background-position:top}
.bookingtaken .copytext {color:#FFFFFF; font-weight:bold;}
.bookingtaken .linktext {color:#FFFFFF;}

.stationoffline .middlebg .copytext {font-size: 14px;color: #ffffff; font-weight:bold; padding-left:8px; background-color:#9e0505; background-image:url(transparent.html); height:120px;}
.bookingerror .middlebg {font-size: 14px;color: #ffffff; font-weight:bold; padding-left:8px; background-color:#9e0505; background-image:url(transparent.html); height:120px;} 
.bookingtaken .middlebg {font-size: 14px;color: #ffffff; font-weight:bold; padding-left:8px; background-color:#9e0505; background-image:url(transparent.html); height:120px;}

.bookservice .rowabg {background-color:#9e0505; color:#FFFFFF;}
.panelmiddlebg .padding1	{ margin-left:5px; padding:10px;}