/*BODY STYLES*/
body {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px; background-color:#ffffff;font-family: Arial, Helvetica, sans-serif;}
.body_align_a {text-align: center;}
.body_align_b {margin-left: auto;margin-right: auto;width: 782px; background-repeat:repeat}
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:#333333;padding-left:8px;}
.headertext2
{font-size:12px;color:#333333;font-weight:bold; }
.linktext
{font-size:12px;color:#333333;text-decoration:underline;}
.errortext
{font-size:12px;color:#333333;font-weight:bold;}
/*header / footer*/
.mainheaderbg
{background-image: url(bg/mainheaderbg.jpg);height:116px;width:782px; background-position:top left; background-repeat:no-repeat}
.mainfooterbg
{height:168px;background-image: url(bg/mainfooterbg.jpg); background-repeat:no-repeat}
/*main page columns*/
.col1
{width:192px;height:700px; background-image:url(menuHeader.jpg); background-repeat:no-repeat} /*LEFT MENU*/
.col2
{vertical-align:top;padding:10px;} /*CONTENT AREA*/
/*background images*/
.popupbg
{background-color:#e8e4e1;}
.bg
{background-image:url(bg/middleBg.jpg); background-repeat:repeat}
.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:29px; width:580px;}
.middlebg
{background-image: url(bg/footerbg.jpg); height:28px; background-repeat:no-repeat; background-position:bottom center;}
.footerbg
{}
.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:394px; 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} /*FOR SERVICING PAGE ETC...*/
.panelbg
{ background-color:#d2d2d2;}/*FOR SERVICING PAGE ETC...*/
/*positions*/
.position
{position:relative;left:0px;top:0px; width:580px;}
.position2
{position:relative;left:0px;top:5px;width:100%;z-index:1;cursor:pointer;}
.contentposition
{position:relative;left:0px;top:8px;}
.cmscontentposition
{position:relative;left:0px;top:0px;}
.testinfoposition
{position:relative;left:28px;top:12px;width:155px;z-index:1;}
/*width / align*/
.width1
{width:580px;}
.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:#000000;border:1px solid #000000;width:160px;background-color:#fff02b;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:580px; 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:148px;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: -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: #ffffff;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 {color:#FFFFFF; line-height:14px;font-size:12px;}
.topmenu .headertext {color:#FFFFFF;font-weight:normal;font-size:12px;}
.topmenu .linktext {color:#FFFFFF;text-decoration: none;padding-left: 6px;padding-right: 4px; background-image: url(seperator.gif); font-size:12px;}
.topmenu .linktext:hover {text-decoration:underline;}
.topmenu .width1 {width:782px;}
.topmenu .position {left:0px; top:0px;} /*position entire menu*/
.topmenu .position2 {position:relative;left:-30px;top:3px;width:486px;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:91px;}
/*left menu*/
.leftmenu .position {left:0px;top:28px;z-index:1; height:500px; width:192px; }
.leftmenu #linktext {display:block;width:192px;margin-top: 0px; padding:7px 0px 7px 0px;font-size: 12px;color: #ffffff;background: url("menubutton.jpg") 0 0 no-repeat;text-decoration: none;}
.leftmenu #linktext:hover {background-position: -192px 0px;}
.leftmenu #linktext span {position:relative; left:20px}
.leftcolumnhtml {width:192px; background-image:url(menuFooter.jpg); background-repeat:no-repeat;height:22px;}
/*footer*/
.footer .position {left:0px; width:728px;} /*ENTIRE FOOTER POSITION/SIZE*/
.footer .position2 {left:17px; top:15px;} /*VMM LOGO POSITION*/
.footer .position3 {position:relative;left:40px; top:80px;} /*MENU POSITION*/
.footer .copytext {font-size: 11px;color: #FFFFFF;}
.footer .copyrighttext {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #666666; padding-left:120px;}
.footer .linktext {font-size: 11px;color: #666666;}
/*selectvehicle*/
.selectvehicle .padding1 {padding:4px;}
.selectvehicle .copytext {line-height:14px;color:#ffffff;}
.selectvehicle .linktext {font-weight:bold;color:#ffffff;}
.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:#ffffff;text-align:center;}
.selectvehicle .position3 { position:relative; left:5px; top:-1px; z-index:1; margin-bottom:0px}
/*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:36px;top:38px;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:#6a9dba ;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 #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; 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, #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: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, .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.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, .terms .linktext, .privacy .linktext, .testlist .linktest, .whatstested .linktext,
{font-weight:bold; padding-right:8px; color:#FFFFFF;}
.generalinfo .headertext, .terms .headertext, .privacy .headertext, .testlist .headertext, .whatstested .headertext,
{font-weight:bold; padding-left:8px; color:#FFFFFF; font-size:12px}
.generalinfo .position, .terms .position, .privacy .position, .testlist .position, .whatstested .position,
{left:-1px; top:-2px; width:100%;}
.terms .padding1, .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:#ffffff;}
.terms .middlebg {background-image:url("transparent.html"); background-color:#ffffff;}
.privacy .middlebg {background-image:url("transparent.html"); background-color:#ffffff;}
.whatstested .middlebg {background-image:url("transparent.html"); background-color:#ffffff;}
.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.jpg")}
.leftcolumnhtml .position {left:0px; top:28px; position:relative; z-index:1;}
.servicingimage {background-image:url(service_icons.gif); background-repeat:no-repeat; width:580px; height:47px; left:0px; top:2px; position:relative}
.stationoffline .middlebg {background-image:none; background-color:#9e0505; color:white; text-align:center}
.stationoffline .copytext {color:white;}
.stationoffline .footerbg {background-image:none; }
.bookingtaken .middlebg {background-image:none; background-color:#9e0505; color:white; text-align:center}
.bookingtaken .copytext {color:white;}
.bookingtaken .footerbg {background-image:none; }
.bookingerror .middlebg {background-image:none; background-color:#9e0505; color:white; text-align:center}
.bookingerror .copytext {color:white;}
.bookingerror .footerbg {background-image:none; }
//booking type color
.select-slot-type-wrp .slot-name {
font-size: 18px;
color: #fff02a;
font-weight: bold;
margin: 0px;
font-family: Arial;
line-height: 18px;
margin-bottom: 4px;
}
//booking button background
.cmd-log-in, .cmd-select-slot-type, .cmd-go-back, .cmd-save, .cmd-forgotten, .btn-retrieve-pwd, .cmd-select-time, .cmd-continue, .cmd-find-address, .cmd-continue, .cmd-vrm-lookup, .cmd-enter-vehicle-manually, .cmd-add-extras, .cmd-update-password, .cmd-show-customer-vehicles, .cmd-accept-terms, .cmd-select-another-shot, .select-service-slot-type-wrp .btn, .cmd-enter-address-manually, .cmd-confirm-vehicle-details, .cmd-find-address-right, .cmd-submit-details, #SelectCustomerVehicle1_lvCustomerVehiclesPanel table a, .top-menu-wrp .RadMenu .rmHorizontal .rmItem a {
color: #EEE;
box-shadow: 0px 1px 1px 0px #858585, inset 0px 1px 1px 0px #99e3f8;
border: 1px solid #0275aa;
background: rgb(255,242,104); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,242,104,1) 0%, rgba(255,246,170,1) 0%, rgba(255,240,42,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,242,104,1) 0%,rgba(255,246,170,1) 0%,rgba(255,240,42,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,242,104,1) 0%,rgba(255,246,170,1) 0%,rgba(255,240,42,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff268', endColorstr='#fff02a',GradientType=0 ); /* IE6-9 */
}
//booking background
.select-slot-type-wrp li {
list-style: none;
margin-bottom: 10px;
width: 22%;
float: left;
margin: 0px 4% 0 0;
background-color: #32404d;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
padding: 8px 0 8px 0;
margin-bottom: 4%;
}
//booking top background
.top-menu-wrp {
position: relative;
background: rgb(255,242,104); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,242,104,1) 0%, rgba(255,246,170,1) 0%, rgba(255,240,42,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,242,104,1) 0%,rgba(255,246,170,1) 0%,rgba(255,240,42,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,242,104,1) 0%,rgba(255,246,170,1) 0%,rgba(255,240,42,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff268', endColorstr='#fff02a',GradientType=0 ); /* IE6-9 */
position: relative;
padding: 10px;
border-radius: 3px;
color: black;
font-size: 10pt;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: bold;
box-shadow: inset 0px 1px 1px 0px #DBDBDB, 0px 1px 2px 0px #959595;
}
//body a {
color: #32404d;
}
.leftmenu #linktext {
color: black;
}