/*BODY STYLES*/
body {margin-left: 9px;margin-top: 9px;margin-right: 0px;margin-bottom: 0px; background-color:#b22200; font-family: Arial, Helvetica, sans-serif}
.body_align_a {text-align: center;}
.body_align_b {margin-left: auto;margin-right: auto;width: 554px;}
td {border-collapse: collapse;} /* make IE behave normally for tables */
                       
/*text*/
.copytext                     {font-size: 12px;color: #333333;line-height:1.5em;}
.smalltext                    {font-size: 11px;color: #333333;}
.headertext                   {font-size: 12px;color: #ffffff; padding-left:4px;font-weight:bold;;}
.headertext2                  {font-size: 12px;color: #630404; font-weight:bold; padding-left:0px;}
.linktext                     {font-size: 12px;color: #333333; text-decoration:underline; font-weight:bold;}
.errortext                    {font-size:12px;color:#FFFFFF;font-weight:bold;}

/*main page columns*/
.col2                         {background-image: url(transparent.gif);vertical-align: top;padding: 10px;} /*CONTENT AREA*/

/*background images*/
.popupbg                      {background-color:#c7c5c5; background-image:url(transparent.gif); margin-left:0px; margin-top:0;}
.errorbg                      {font-size: 14px; font-weight:bold; padding-left:8px; background-color:#9e0505; padding-top:4px; padding-bottom:4px; text-align:center; background-image:none;}
.headerbg                     {background-image: url(bg/headerbg.jpg);background-repeat:no-repeat;background-position:top left; height:26px;}
.middlebg					  {background-image: url(bg/middlebg.jpg);background-position:top left; background-repeat:repeat-y}
.footerbg                     {background-image: url(bg/footerbg.jpg);background-position:top left; background-repeat: no-repeat; height:1px;}
.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:378px; background-image:url(calender/contentcol1bg.jpg)}
.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:0px;top:10px; width:554px;}
.position2                    {position:relative;left:0px;top:5px;width:100%;z-index:1;cursor:pointer;}
.contentposition              {position:relative;left:0px;top:4px;}
.cmscontentposition           {position:relative;left:20px;top:4px;}
.testinfoposition             {position:relative;left:31px;top:0px;width:155px;z-index:1;}

/*width / align*/
.width1                       {width:554px;}
.align1                       {text-align:left}
.padding1                     {padding:8px;}

/*forms*/
.form1                        {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #333333;border: 1px solid #000000;}
.formbutton                   {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #ffffff;border: 1px solid #333333; width:160px;background-color:#333333; 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:554px; 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:32px;}
.rowabg                       {font-size:12px;color:#333333;background-color:#C2C2C2;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:6px;height:32px;}
#rowbbglink                   {display:block;width:114px;height:27px;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; font-weight:bold}
#rowbbglink:hover             {background-position: -114px 0;}
#rowabglink                   {display:block;width:114px;height:27px;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; font-weight:bold}
#rowabglink:hover             {background-position: -114px 0;}

/*top menu*/
.topmenu                      {background-image: url(topmenu.jpg);background-repeat: no-repeat;}
.topmenu .copytext            {color:#FFFFFF;}
.topmenu .headertext          {padding-left:10px; background-image: url(transparent.gif);font-size: 12px; font-weight:bold}
.topmenu .linktext            {color: #FFFFFF;text-decoration: none;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: none;padding-left: 6px;padding-right: 6px;}
.topmenu .linktext:hover      {text-decoration:underline;}
.topmenu .bg                  {height:44px}
.topmenu .width1              {width:554px;}
.topmenu .position            {position:relative;left:0px;top:4px;width:100%;z-index:1;} /*position entire menu*/
.topmenu .position2           {position:relative;left:-16px;top:12px;width:564px;z-index:1; height:48px;} /*position menu items only - also change size to move login*/

/*select vehicle page(aka thumbnail page)*/
.selectvehicle .bg            {width:440px;}
.selectvehicle .bg2           {padding: 1px;width: 129px;height: 204px;vertical-align:top;background-image: url(selectvehicle/vehiclebg.jpg); background-repeat: no-repeat;}
.selectvehicle .position2     {position:relative;left:0px;top:0px;width:115;z-index:1;}
.selectvehicle .position3     {position:relative;left:7px;top:0px;z-index:1;}
.selectvehicle .padding1      {padding:2px;} /*space between the thumbnails*/
.selectvehicle .padding2      {padding:0px;} /*space around text in bottom panel*/
.selectvehicle .height1       {height:35px;}
.selectvehicle .linktext      {color:#630404;}

/*calender page*/
.calender .position2          {position:relative;left:0px;top:12px;width:45px;height:45px;z-index:1;cursor:pointer;} /*date positioning*/
.calender .position3          {position:relative;left:22px;top:10px;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 .col1               {width:378px; height:390px;background-image: url(transparent.gif);background-position: left bottom; background-repeat:no-repeat}
.calender .col2               {width:166px;background-image: url(calender_main.gif);background-position: right bottom;} 
.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-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #333333; background-image: url("calender/inactivebutton.jpg")}
.calender .inactivecell       {width: 45px;height: 45px;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #333333; 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 .padding1           {padding-left:26px; padding-right:10px; padding-top:12px;}
.calender .border             {background-color: #333333;padding: 1px;}
.calender .nextspacetext      {font-family: Arial, Helvetica, sans-serif;font-size: 18px;color: #FFFFFF; font-weight:bold; padding-bottom:0px;}
.calender .nextspacetext2     {font-family: Arial, Helvetica, sans-serif;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-family: Arial, Helvetica, sans-serif;font-size: 13px;color: #FFFFFF; font-weight:bold;}
.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: #333333;background: url("calender/39_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: #333333; font-weight:bold;}

/*test info*/
#testinfo                     {position:relative;left:-20px;top:10px;width:155px;z-index:1;}
#testinfo .bg                 {width:143px;background-image: url(testinfo/vehiclebg.jpg);border: 1px solid #989898 ;background-position: top;}
#testinfo .panelheaderbg      {background-image:url("vehicle.jpg");background-position: center top;background-repeat: no-repeat;}
#testinfo .panelfooterbg      {background-image:url("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:#333333; line-height:14px;}
#testinfo .headertext2        {color:#333333; line-height:14px;}
#testinfo .panelfooterbg      {height:8px;}

.selectslot .middlebg {height:400px;}

/*enter details page*/
.enterdetails .panelheaderbg {background-image:url("enterdetails_seperator.gif"); height:24px; background-position:bottom left;}

/*pop up windows*/
.generalinfo .middlebg       {background-image:url(transparent.gif); background-color:#c7c5c5}
.terms .middlebg             {background-image:url(transparent.gif); background-color:#c7c5c5}
.whatstested .middlebg       {background-image:url(transparent.gif); background-color:#c7c5c5}
.privacy .middlebg           {background-image:url(transparent.gif); background-color:#c7c5c5}
.privacy .footerbg           {background-image:url(transparent.gif); background-color:#c7c5c5}
.terms .footerbg             {background-image:url(transparent.gif); background-color:#c7c5c5}
.generalinfo .footerbg       {background-image:url(transparent.gif); background-color:#c7c5c5}
.whatstested .footerbg       {background-image:url(transparent.gif); background-color:#c7c5c5}
.testlist .middlebg          {background-image:url(transparent.gif); background-color:#c7c5c5}

.generalinfo .headerbg       {background-image: url("calender/calenderheaderbg.jpg"); background-repeat:repeat}
.terms .headerbg             {background-image: url("calender/calenderheaderbg.jpg"); background-repeat:repeat}
.whatstested .headerbg       {background-image: url("calender/calenderheaderbg.jpg"); background-repeat:repeat}
.privacy .headerbg           {background-image: url("calender/calenderheaderbg.jpg"); background-repeat:repeat}

.generalinfo .linktext       {padding-left:8px; padding-right:8px; color:#FFFFFF; font-weight:bold}
.terms .linktext             {padding-left:8px; padding-right:8px; color:#FFFFFF; font-weight:bold}
.whatstested .linktext       {padding-left:8px; padding-right:8px; color:#FFFFFF; font-weight:bold}
.privacy .linktext           {padding-left:8px; padding-right:8px; color:#FFFFFF; font-weight:bold}
.generalinfo .headertext     {padding-left:8px; padding-right:8px; color:#FFFFFF; font-weight:bold}
.terms .headertext           {padding-left:8px; padding-right:8px; color:#FFFFFF; font-weight:bold}
.whatstested .headertext     {padding-left:8px; padding-right:8px; color:#FFFFFF; font-weight:bold}
.privacy .headertext         {padding-left:8px; padding-right:8px; color:#FFFFFF; font-weight:bold}

.testlist .position          {width:320px;}

.generalinfo .position       {position:relative;left:0px;top:0px;width:537px;}
.terms .position             {position:relative;left:0px;top:0px;width:537px;}
.privacy .position           {position:relative;left:0px;top:0px;width:537px;}
.whatstested .position       {position:relative;left:0px;top:0px;width:537px;}
.testlist .position          {position:relative;left:0px;top:0px;width:537px;}

.generalinfo .position       {left:0px; top:0px; width:100%;}
.terms .position             {left:0px; top:0px; width:100%;width:550px;}
.privacy .position           {left:0px; top:0px; width:100%;height:208px;}
.testlist .position          {left:0px; top:0px; width:100%;width:495px;}
.whatstested .position       {left:0px; top:0px; width:100%;}

/*thankyou page additional text*/
.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 {}

/*changes in alternating rows*/
.storedbookings .rowabg       {height:18px;} <!--CHANGE ALTERNATE ROW HEIGHTS-->
.storedbookings .rowbbg       {height:18px;} <!--CHANGE ALTERNATE ROW HEIGHTS-->
.selectvehiclelist .rowabg    {height:18px;} <!--CHANGE ALTERNATE ROW HEIGHTS-->
.selectvehiclelist .rowbbg    {height:18px;} <!--CHANGE ALTERNATE ROW HEIGHTS-->
.selectslot .rowabg           {height:38px;} <!--CHANGE ALTERNATE ROW HEIGHTS-->
.selectslot .rowbbg           {height:38px;} <!--CHANGE ALTERNATE ROW HEIGHTS-->

/*stored bookings*/
.storedbookings .headertext2 {padding-left:8px; padding-top:4px;}

/*error pages*/
.stationoffline .copytext    {color:#FFFFFF}
.systemerror .copytext       {color:#FFFFFF}
.stationoffline .linktext    {color:#FFFFFF}
.systemerror .linktext       {color:#FFFFFF}
.bookingtaken .linktext      {color:#FFFFFF}
