/*BODY STYLES*/
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,table,img{font-family: Optima, Arial, Helvetica, sans-serif; font-size:12px;}
body 						{margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px; padding:0px; background-image:url("bg_rep.jpg");font-family: Optima, Arial, Helvetica, sans-serif;}
.body_align_a 				{text-align: center;}
.body_align_b 				{margin-left: auto;margin-right: auto;width: 800px; background-color:#FFFFFF; margin-top:12px; border:1px;}
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                 {font-size:12px;color:#ffffff;padding-left:8px; top:2px; font-weight:bold;}
.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:133px;width:800px; background-position:top left;}
.mainfooterbg 				{ height:108px;}

/*main page columns*/
.col1						{width:200px; background-position:left top; background-image: url(col.jpg);} /*LEFT MENU*/
.col2                       {vertical-align:top;padding:0px; height:600px;background-position:right top;} /*CONTENT AREA*/

/*background images*/
.popupbg                    {background-color:#CCCCCC;}
.bg                         {background:#FFFFFF;}
.popupbg				    {background:#d0cece; width:100%}
.errorbg                    {background-color:#9e0505;}
.errortext                  {color:#FFFFFF}
.headerbg                   {background-image: url(bg/headerbg.jpg);background-position:top left; height:28px; width:578px; background-repeat:no-repeat;}
.middlebg					{ background-position:left; padding:4px; background-image: url(bg/middlebg.jpg); background-repeat:repeat-y; width:578px;}
.footerbg                   {background-image: url(bg/footerbg.jpg);height:8px; background-repeat:no-repeat; }
.panelheaderbg              {background-image:url(panelbg/panelheaderbg.html); background-position:top left; height:20px;}
.panelmiddlebg              {background-image:url(panelbg/panelmiddlebg.html); height:20px; background-position:left top;}
.panelfooterbg              {background-image:url(panelbg/panelfooterbg.html); background-position:bottom left; height:21px}
.contentcol1                {width:358px; height:320px;}
.contentcol2                {width:220px;text-align: left; background-image:url(testinfo/bg.jpg);}



/*positions*/
.position                   {position:relative;left:-4px;top:0px; width:578px;}
.position2                  {position:relative;left:0px;top:5px;width:100%;z-index:1;cursor:pointer;}
.contentposition            {position:relative;left:4px;top:9px; width:578px;}
.cmscontentposition         {position:relative;left:-4px;top:0px; width:578px;}
.testinfoposition           {position:relative;left:28px;top:12px;width:155px;z-index:1;}

/*width / align*/
.width1                     {width:578px;}
.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                 {}
.backbutton                 {width:100px;height:22px;top:32px; left:-20px; 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; margin-right:40px;}

/*alternating rows*/
.rowbbg                     {font-size:12px;color:#333333;background-color:#ffffff;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:6px;height:29px; vertical-align:middle}
.rowabg                     {font-size:12px;color:#333333;background-color:#c5c1c2;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:6px;height:29px; vertical-align:middle}
#rowbbglink                 {display:block;width:114px;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: -114px 0;}
#rowabglink                 {display:block;width:114px;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: -114px 0;}

/*top menu*/
.topmenu .copytext          {color:#333333; line-height:14px;font-size:12px;}
.topmenu .headertext        {color:#333333;font-weight:normal;font-size:12px;}
.topmenu .linktext          {color:#333333; font-weight:bold; text-decoration: none;padding-left: 9px;padding-right: 9px; background-image: url(seperator.gif);  font-size:12px;}
.topmenu .linktext:hover    {text-decoration:underline;}
.topmenu .width1            {width:800px;}
.topmenu .position          {left:0px; top:0px;} /*position entire menu*/
.topmenu .position2         {position:relative;left:-15px;top:0px;width:780px;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:43px;}

/*left menu*/
.leftmenu .position         {left:10px;top:0px;z-index:1; width:165px;}
.leftmenu #linktext         {display:block;width:165px;margin-top: 0px; padding:0px 0px 0px 0px;font-size: 12px;color: #333333;background: url("menubutton.jpg") 0 0 no-repeat;text-decoration: none; height:30px; font-weight:bold;}
.leftmenu #linktext:hover   {background-position: -165px 0px; text-decoration:underline}
.leftmenu #linktext span {position:relative; top:6px; left:6px}

/*footer*/
.footer {background-image: url(bg/mainfooterbg.jpg); height:135px;}
.footer .position           {left:15px; top:10px; width:770px;} /*ENTIRE FOOTER POSITION/SIZE*/
.footer .position2          {} /*VMM LOGO POSITION*/
.footer .position3          {} /*MENU POSITION*/
.footer .copytext           {font-size: 11px;color: #333333;}
.footer .copyrighttext      {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #333333; padding-left:120px;}
.footer .linktext           {font-size: 11px;color: #333333;}

.leftcolumnhtml .position {
left:0;
position:relative;
top:22px;
}
/*selectvehicle*/
.selectvehicle .padding1    {padding:4px;}
.selectvehicle .copytext    {line-height:14px;color:#333333;}
.selectvehicle .linktext    {color:#0b9ff3;}
.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:#151247;text-align:center;}
.selectvehicle .position3   { background-image:url(vehicleselectbg.jpg)}

/*calender*/
.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;}
.calender .headercell       {width: 45px;height: 40px;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:40px;top:22px;width:120px;z-index:1; color:#666666} /*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:#151344 ;padding: 1px;}
.calender .padding1         {padding-left:10px; padding-right:0px; padding-top:18px;}
.calender .contentcol2		{height:430px;}
.calender .copytext {width:148px;}

/*testinfo*/
#testinfo                   {position:relative;left:0px;top:0px;width:180px;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(transparent.html);}
#testinfo .panelfooterbg    {background-image:url(transparent.html);}
#testinfo .position         {position:relative;left:11px;top:1px;width:155px;z-index:1;}
#testinfo .height1          {height:100px;}
#testinfo .padding1         {padding:6px;}
#testinfo .copytext         {color:#333333; line-height:14px;}
#testinfo .headertext2      {color:#12103f; line-height:14px; font-size:14px}
#testinfo .headertext2 		{padding-left:0px; padding-top:0px;}

/*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; background-position:left; background-repeat:repeat-y;}
.contact .position {width:578px;}

/*contact*/

/*stored bookings*/
.storedbookings .rowabg     {height:28px;}
.storedbookings .rowbbg     {height:28px;} 
.storedbookings .headertext2{padding-left:8px; padding-top:4px;}
.storedbookings .padding2   {padding:14px;}
.storedbookings #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("book2b.jpg") 0 0 no-repeat;text-decoration: none;text-align:center; cursor:pointer;}
.storedbookings #rowbbglink:hover{background-position: -148px 0;}
.storedbookings #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("book1b.jpg") 0 0 no-repeat;text-decoration: none;text-align:center; cursor:pointer;}
.storedbookings #rowabglink:hover{background-position: -148px 0;}

/*selectvehiclelist*/
.selectvehiclelist .rowabg  {height:26px;}
.selectvehiclelist .rowbbg  {height:26px;}
.selectvehiclelist .padding2{padding:8px;}
.selectvehiclelist #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("book2b.jpg") 0 0 no-repeat;text-decoration: none;text-align:center; cursor:pointer;}
.selectvehiclelist #rowbbglink:hover{background-position: -148px 0;}
.selectvehiclelist #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("book1b.jpg") 0 0 no-repeat;text-decoration: none;text-align:center; cursor:pointer;}
.selectvehiclelist #rowabglink:hover{background-position: -148px 0;}

/*servicing*/
.servicing .width1 {width:570px;}
.servicing .panelheader  { background-repeat:no-repeat;background-image: url(servicingpanelheaderbg.jpg); background-position:top right;color: #FFFFFF;font-size: 12px;font-family: Arial, Helvetica, sans-serif;font-weight:bold; padding-left:4px; padding-top:8px; padding-bottom:8px; height:28px; width:270px;}/*Added by alan 24/08*/
.servicing .panelbg         {background-image: url(servicingpanelfooterbg.jpg); background-position:bottom right; background-repeat:no-repeat;}/*Added by alan 24/08*/
.servicingimage {background-image:url(service_icons.gif); background-repeat:no-repeat;  height:47px; left:0px; top:2px; position:relative}

/*selectslot*/
.selectslot .rowabg         {height:38px;}
.selectslot .rowbbg 		{height:38px;}


/*enter details*/
.enterdetails .panelheaderbg{background-image:url("enterdetails_seperator.jpg"); height:35px; background-position:bottom left;}
.enterdetails .headertext2  {padding-left:6px;}
.enterdetails .panelheaderbg{background-image:url("enterdetails_seperator.jpg"); background-position:bottom left;}
.enterdetails .contentcol1 {width:372px;}

/*thanks*/
.thanks .headertext3		{font-size:12px; font-weight:bold; background-color:#cccccc; padding:4px;}
.thanks .headertext2		{padding-left:12px; padding-top:8px;}
.thanks .padding1			{padding:12px;}
.thanks .copytext2			{font-size:12px; font-style:italic; color:#990000;}

/*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;} 

.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:#CCCCCC; padding:0px; border:0; width:100%}
.terms .middlebg			{background-image:url("transparent.html"); background-color:#CCCCCC; padding:0px; border:0; width:100%}
.privacy .middlebg			{background-image:url("transparent.html"); background-color:#CCCCCC; padding:0px; border:0; width:100%}
.whatstested .middlebg		{background-image:url("transparent.html"); background-color:#CCCCCC; padding:0px; border:0; width:100%}
		
.location #mapFrame 		{width:526px;border: 1px solid #444444; margin-top:10px; margin-bottom:10px;}
.leftcolumnhtml .position {position:relative; top:22px; left:0px;}

.stationoffline .middlebg {background-color:#990000; color:#FFFFFF; text-align:center; background-image:url(transparent.html);}
.stationoffline .copytext {color:#FFFFFF; font-weight:bold;}

.bookingerror .middlebg {background-color:#990000; color:#FFFFFF; text-align:center; background-image:url(transparent.html);}
.bookingerror .copytext {color:#FFFFFF; font-weight:bold;}
.bookingerror .linktext {color:#FFFFFF;}

.bookingtaken .middlebg {background-color:#990000; color:#FFFFFF; text-align:center; background-image:url(transparent.html);}
.bookingtaken .copytext {color:#FFFFFF; font-weight:bold;}
.bookingtaken .linktext {color:#FFFFFF;}

.col1 .menufooter {background-image:url(library/menu_footer.jpg); background-position:bottom; background-repeat:no-repeat; height:12px; margin-top:-4px;}

