/****************************************
/*       vehicle selector module       **
****************************************/
ul.eserveVehsel { position: relative; list-style: none; margin-left: 5px; }
ul.eserveVehsel li { position: relative; display: block; width: 554px; height: 32px; background: none; background-image: url(/images/eserve/eserve_vehsel_bg.png); }
ul.eserveVehsel li:hover { background-image: url(/images/eserve/eserve_vehsel_bg_on.png); }
ul.eserveVehsel li.active { background-image: url(/images/eserve/eserve_vehsel_bg_active.png); height: 155px; }
ul.eserveVehsel li.active:hover { background-image: url(/images/eserve/eserve_vehsel_bg_active.png); }
div.eserveVehselGroup { position: absolute; left: 0px; top: 0px; width: 480px; height: 32px; }
div.eserveVehselGroup a.eserveVehselNick { position: absolute; left: 0px; top: 0px; width: 153px; height: 14px; padding-top: 9px; padding-bottom: 9px; padding-left: 47px; padding-right: 5px; overflow: hidden; white-space: nowrap; vertical-align: middle; font-size: 14px; line-height: 14px; font-weight: 800; }
div.eserveVehselGroup a.eserveVehselDesc { position: absolute; left: 220px; top: 0px; width: 203px; height: 12px; padding-top: 10px; padding-bottom: 10px; padding-right: 7px; overflow: hidden; white-space: nowrap; vertical-align: middle; font-size: 12px; line-height: 12px; font-weight: 800; }
div.eserveVehselGroup a.eserveVehselView { position: absolute; left: 443px; top: 0px; width: 38px; height: 12px; padding-top: 10px; padding-bottom: 10px; overflow: hidden; vertical-align: middle; font-size: 12px; line-height: 12px; font-weight: 400; }
a.eserveVehselSelect:link, a.eserveVehselSelect:visited { text-decoration: none; }
a.eserveVehselSelect:hover { text-decoration: underline; }
ul.eserveVehsel li.active a.eserveVehselSelect:link, ul.eserveVehsel li.active a.eserveVehselSelect:visited { color: #e31937; }
ul.eserveVehsel li.active a.eserveVehselView { display: none; }
div.eserveVehselGroup:hover a.eserveVehselSelect {text-decoration: underline; }
a.eserveVehselRemove { position: absolute; left: 487px; top: 0px; padding-top: 10px; padding-bottom: 10px; width: 61px; padding-left: 13px; height: 12px; font-size: 12px; line-height: 12px; font-weight: 400; }
div.eserveVehselSelectedInfo { position: absolute; left: 0px; top: 33px; }
div.eserveVehselFormRow { margin-left: 53px; position: relative; clear: both; padding-top: 6px; background-color: inherit; width: 325px; }
div.eserveVehselFormRow div.bolded { font-weight: 800; }
div.eserveVehselFormRow div.eserveVehselFormLabel { position: relative; float: left; color: #666; width: 159px; text-align: right; padding-top: 3px; font-size: 12px; }
div.eserveVehselFormRow div.eserveVehselFormElement { position: relative; float: right; color: inherit; width: 158px; text-align: left; }
div.eserveVehselFormRow div.eserveVehselFormData { position: relative; float: right; color: #666; width: 159px; text-align: left; padding-top: 3px; font-size: 12px; }
div.eserveVehselFormRow div.eserveVehselFormLabel span.required { color: #e31937; }
input.eserveVehselFormElementFull { width: 144px; padding-left: 6px; padding-right: 6px; color: #858585; border: 1px solid #ccc; font-size: 12px; }
select.eserveVehselLicenseState { width: 72px; padding-left: 2px; color: #858585; border: 1px solid #ccc; float: left; font-size: 12px; }
input.eserveVehselLicenseNumber { width: 60px; padding-left: 6px; padding-right: 6px; color: #858585; border: 1px solid #ccc; float: right; font-size: 12px; }
div.eserveVehselFormRequired { position: relative; width: 380px; text-align: right; color: #e31937; margin-bottom: 0px; margin-top: 30px; font-size: 12px; }
div.eserveVehselErrorLabel { position: absolute; left: 330px; top: 9px; width: 214px; font-size: 12px; color: #e31937; }
img#eserveVehselUdpateInfoBtn { position: relative; margin-left: 216px; top: -4px; }

/****************************************
/* schedule an appointment form styles **
****************************************/
div#eserveFormContainer { position: relative; width: 575px; background-image: url(/images/eserve/eserve_form_bg2.png); background-repeat:repeat-y; margin-bottom: 25px; }
div#eserveFormContainer span.highlight { color: #e31937; }
img#eserveFormTrimLeft { position: absolute; left: 0px; top: 44px; z-index: 3; }
img#eserveFormTrimRight { position: absolute; right: 0px; top: 44px; z-index: 3; }
img#eserveFormNavTopShadow { position: absolute; left: 0px; top: 0px; }
div#eserveFormNav { position: absolute; left: 4px; top: 4px; width: 567px; height: 40px; background-position: 0px 0px; margin: 0 0 0 0px; padding: 0 0 0 0px; }
div#eserveFormNav img { display: block; margin: 0 0 0 0px; padding: 0 0 0 0px; }
div#eserveFormTopBuffer { width: 565px; padding: 54px 5px 0px 5px; z-index: 1; }
img#eserveFormBtm { position: relative; display: block; z-index: 3; }
textarea.srvAddTextarea { width: 394px; height: 92px; border: 1px solid #9c9c9c; }


div.eserveFormRow { position: relative; clear: both; padding-top: 5px; background-color: inherit; width: 565px; z-index: 99; }
div.eserveFormRow div.eserveFormLabel { position: relative; float: left; color: inherit; width: 217px; text-align: right; font-size: 12px; padding-top: 5px; }
div.eserveFormRow div.eserveFormFormw { position: relative; float: right; color: inherit; width: 339px; text-align: left; font-size: 12px; }
div.eserveFormRow div.eserveFormData { position: relative; float: right; color: inherit; width: 339px; text-align: left; font-size: 12px; font-weight: 800; padding-top: 5px; }
div.eserveFormRow div.eserveFormData a:link, div.eserveFormRow div.eserveFormData a:visited, div.eserveFormRow div.eserveFormData a:hover { font-weight: 400; }
div.eserveFormRow div.eserveFormDataSoft { position: relative; float: right; color: inherit; width: 339px; text-align: left; font-size: 12px; font-weight: 400; padding-top: 5px; }
div.eserveFormRow div.eserveFormFormwText { float: right; color: inherit; width: 341px; text-align: left; font-size: 12px; padding-top: 5px; }
div.eserveFormRow div.eserveFormFormwRight { float: right; color: inherit; width: 212px; padding-right: 129px; text-align: right; font-size: 12px; }
div.eserveFormRow div.eserveFormLabel span.required { color: #e31937; }
div.eserveFormRow div.eserveFormFormw input.eserveTextField { width: 204px; height: 20px; border: 1px solid #ccc; font-size: 12px; padding-left: 5px; padding-right: 5px; color: #858585; }
div.eserveFormRow div.eserveFormFormw input.eserveTextDate { width: 154px; height: 20px; border: 1px solid #ccc; font-size: 12px; padding-left: 5px; padding-right: 5px; color: #858585; }
div.eserveFormRow div.uppers { text-transform: uppercase; }

div.eserveFormSection { position: relative; padding-bottom: 15px; width: 565px; }
div.eserveFormDarkBG { background-color: #ededed; }
img.eserveFormSectionHdr { position: relative; padding: 19px 0px 19px 51px; }
div.eserveFormText { clear: both; position: relative; width: 490px; margin-left: 51px; font-size: 12px; line-height: 14px; color: #666; margin-bottom: 7px; }
	div.eserveFormTextExtraPadding { padding-top: 7px; padding-bottom: 7px; }

div.eserveFormLeftCheckContainer { clear: both; position: relative; margin-left: 75px; width: 465px; margin-bottom: 15px; font-size: 12px; }
input.eserveFormCheckFloat { position: relative; top: -4px; width: 15px; height: 14px; float: left; border: none; margin-left: 0px; margin-right: 5px; }
input.eserveFormRadioFloat { position: relative; top: -4px; width: 15px; height: 14px; float: left; border: none; margin-left: 0px; margin-right: 5px; }

div#eserveFormServiceDue { margin-bottom: 10px; }
div.eserveFormServiceDueCheckContainer { margin-top: 15px; margin-bottom: 20px; }

/* schedule maintenance pop styles */
div#sericeDueDetailLink1 { position: relative; display: inline; top: 0px; left: 10px; } /* updated, removed, and added values */
div#sericeDueDetailLink2 { position: relative; display: inline; top: 0px; left: 10px; } /* updated, removed, and added values */
img.showDetailsPlus { position: absolute; left: 77px; top: 0px; }
div#serviceDuePop { display: none; position: absolute; left: 125px; top: -50px; }
div.schedDetail { cursor: auto; z-index: 100; }
div.schedDetailContent { position: relative; width: 288px; padding: 6px 20px 2px 32px; font-size: 12px; line-height: 15px; }
div.schedDetailClose { position: absolute; left: 315px; top: -10px; }
div.schedDetailHdr  { position: relative; text-transform: uppercase; font-weight: 800; color: #e31937; margin-bottom: 3px; }
div.schedDetailRow { position: relative; display: block; clear: both; width: 288px; padding-top: 7px; } /* padding-top value provides padding between rows */
div.schedDetailLabel { position: relative; float: left; width: 37px; padding-right: 9px; text-align: right; }
div.schedDetailData { position: relative; float: left; width: 242px; font-weight: 800; text-align: left; }
div.schedDetailDataUppers { text-transform: uppercase; }
div.schedDetailRegMaint { font-weight: 800; color: #e31937; margin-top: 8px; }
div.schedDetailAlso { font-weight: 800; margin-top: 7px; }
div.schedDetailContent ul { list-style: none; margin-left: 0px; padding-left: 0px; text-transform: uppercase; }
div.schedDetailContent ul li { margin-bottom: 2px; }
div.schedDetailApptBox { position: relative; left: -4px; width: 286px; height: 71px; padding-top: 17px; background-image: url(/images/eserve-existing/myveh_sched_apptbox_bg.png); background-repeat: no-repeat; text-align: center; margin-top: 8px; }
span.schedDetailApptBoxHdr { font-weight: 800; color: #e31937; }



/* white box styles */
div#step2MGBSavePassword { margin-top: 10px;}
div.eserveFormWhitebox { position: relative; width: 506px; background-color: #fff; border: 1px solid #b7b7b7; margin-left: 30px; margin-top: -5px; margin-bottom:20px; font-size: 12px; line-height: 15px; padding-top: 15px; padding-bottom: 7px; }
div#eserveFormPasswordBox { margin-top: 12px; margin-bottom: 20px; padding-bottom: 17px; }
div.eserveFormWhitebox div.wbTopText { margin: 0px 0px 0px 65px; width: 375px; }
div.eserveFormWhitebox div.wbTopTextWide { margin: 0px 0px 3px 24px; width: 416px; }
div.eserveFormWhitebox div.gregPasswordRequirements { margin: 12px 0px 5px 24px; width: 416px; }
div.eserveFormWhitebox div.wbHr { clear: both; position: relative; margin: 8px 0px 8px 30px; width: 445px; height: 1px; background-color: #c2c2c2; overflow: hidden; }
div.eserveFormWhitebox div.wbCheckContainer { clear: both; position: relative; margin-left: 66px; margin-bottom: 10px; width: 372px; }
div.wbCheckContainer div.theCheck { position: relative; float: left; width: 22px; }
div.wbCheckContainer input.theCheck { position: relative; top: -2px; width: 15px; height: 14px; border: none; margin-left: 0px; margin-right: 5px; }
div.wbCheckContainer div.theCheckText { position: relative; width: 350px; margin-left: 22px; }
div.eserveFormWhitebox div.wbTextareaContainer { position: relative; margin-left: 89px; margin-top: 0px; margin-bottom: 15px; width: 376px; }
div.wbTextareaContainer textarea.wbTextarea { display: block; width: 374px; height: 112px; margin: 6px 0px 6px 0px; border: 1px solid #c2c2c2; }
div.wbTextareaContainer div.characterMax { position: relative; width: 376px; text-align: right; }
div.wbTextareaContainer div.characterMaxTop { position: relative; float: right; }
div.wbFormRow { position: relative; clear: both; padding-top: 5px; background-color: inherit; width: 506px; }
div.wbFormRow div.wbFormLabel { position: relative; float: left; color: inherit; width: 185px; text-align: right; font-size: 12px; padding-top: 5px; }
div.wbFormRow div.wbFormFormw { position: relative; float: right; color: inherit; width: 312px; text-align: left; font-size: 12px; }
div.wbFormRow div.wbFormLogo { position: relative; float: left; color: inherit; width: 185px; text-align: right; }
div#wbPasswordTop { top: -7px; }
/* div.wbFormRow div.wbFormFormw input { width: 204px; height: 20px; border: 1px solid #ccc; font-size: 12px; padding-left: 5px; padding-right: 5px; color: #858585; } */
input.eserveFormRadio { position: relative; top: 2px; width: 15px; height: 14px; border: none; margin-left: 0px; margin-right: 5px; }

div#eserveFormOilOptions, div#eserveFormPreventOptions, div#eserveFormAlignmentQuestions, div#eserveFormBatteryQuestions { margin-bottom: 15px; }
div.eserveFormWhitebox div.wbIndented { margin: 0px 0px 0px 88px; width: 352px; }

/* oil types */
ul#oilTypes { position: relative; width: 360px; list-style-type: none; margin-top: 9px; margin-bottom: 18px; }
ul#oilTypes li { position: relative; width: 360px; padding-left: 20px; margin-bottom: 10px; }
ul#oilTypes li input.oilType { position: absolute; top: -3px; left: -4px; width: 15px; height: 15px; border: none; }
ul#oilTypes li img.oilTypePlus { position: absolute; left: 175px; top: 0px; }

/* oil brands */
ul#oilBrands { position: relative; width: 390px; height: 150px; list-style-type: none; margin-top: 7px; margin-bottom: -12px; }
ul#oilBrands li { position: relative; float: left; width: 110px; padding-left: 20px; height: 75px;  }
ul#oilBrands li input.oilRadio { position: absolute; top: -3px; left: -4px; width: 15px; height: 15px; border: none; }
ul#oilBrands li img { display: block; }

/* prevent packages and battery options */
ul.eserveFormThreeColRadios { position: relative; margin-left: 26px; margin-top: 15px; width: 465px; list-style-type: none; }
ul.eserveFormThreeColRadios li { position: relative; float: left; width: 120px; padding-left: 20px; padding-right: 15px; padding-bottom: 10px; }
ul.eserveFormThreeColRadios li img { display: block; }
ul.eserveFormThreeColRadios li input.threeColRadio { position: absolute; top: -3px; left: -4px; width: 15px; height: 15px; border: none; }
ul.eserveFormThreeColRadios li div.packName { font-size: 14px; line-height: 15px; font-weight: 800; margin-bottom: 8px; }
ul.eserveFormThreeColRadios li div.packWhen { font-weight: 800; }
ul.eserveFormThreeColRadios li ul { list-style-type: disc; margin-bottom: 5px; margin-left: 12px; padding-left: 3px; width: 105px; }
ul.eserveFormThreeColRadios li ul li { margin-bottom: 4px; padding: 0px; float: none; }
ul.eserveFormThreeColRadios div.packPlus { text-transform: uppercase; font-weight: 800; color: #e31937; }

a#eserveGloveAcctInfoClose { position: absolute; right: 15px; top: -11px; font-weight: 800; font-size: 11px; }
div#eserveGloveAcctInfo { position: absolute; left: 75px; top: -60px; display: none; z-index: 300;}
div#eserveGloveAcctInfoContent { padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; width: 301px; font-size: 12px; }
div#eserveGloveAcctInfoContent ul { margin: 10px 0px 0px 20px; list-style-type: disc; }
div#eserveGloveAcctInfoContent ul li { margin-bottom: 3px; list-style-type: disc; }
div#eserveGloveAcctInfoContent ul li ul { margin: 3px 0px 0px 20px;  }
div#eserveGloveAcctInfoContent ul li ul li { margin-bottom: 3px; }


/* alignment questions */
div.jumpQuestion { position: relative; margin-left: 72px; margin-bottom: 12px; width: 355px; }
div.eserveDoubleRadioFloatRight { position: relative; top: -4px;float: right; width: 140px; }
div.eserveDoubleRadioLeft { position: relative; float: left; width: 60px; padding-left: 10px; }
div.eserveDoubleRadioRight { position: relative; float: left; width: 70px; }

/* safteycheck list */
div.safetyCheckRadios { position: relative; top: -4px; width: 300px; height: 15px; margin-left: 73px; margin-bottom: 18px; font-size: 12px; line-height: 15px; }
div.eserveFollowUp { margin-left: 83px; width: 400px; }
div.safetyCheckRadiosFollowUp { margin-left: 105px; margin-bottom: 28px; }
div.safetyCheckBulbs { margin-left: 116px; margin-top: -20px; margin-bottom: 5px; font-size: 12px; }
div.safetyCheckBulbs textarea.bulbtext { display: block; width: 374px; height: 112px; margin: 6px 0px 6px 0px; border: 1px solid #c2c2c2; }

img#eserveFormTab1Continue { margin-top: 0px; margin-bottom: 10px; margin-left: 330px; }


/* timepicker styles */
div#timepickerIntroText { margin-top: 15px; }
div#timepicker { position: relative; margin-left: 46px; margin-top: 20px; margin-bottom: 10px; width: 468px; }
div#timepickerHdr { position: relative; width: 468px; height: 39px; overflow: hidden; background-image:url(/images/eserve/timepicker_top.png); font-size: 12px; line-height: 12px; font-weight: 800; }
div#timepickerHdrCurrent { position: absolute; left: 97px; top: 14px; width: 274px; text-align: center; font-size: 16px; line-height: 16px; color: #666; }
div#timepickerHdrPrevious { position: absolute; left: 0px; top: 18px; padding-left: 4px; width: 93px; text-align: left; }
div#timepickerHdrNext { position: absolute; right: 0px; top: 18px; padding-right: 4px; width: 93px; text-align: right; }

div.timepickerRow { position: relative; display: block; width: 468px; height: 31px; }
div.timepickerRow div.leftCol { position: absolute; left: 0px; top: 0px; width: 73px; padding-right: 24px; height: 21px; padding-top: 10px; text-align: right; font-size: 12px; line-height: 12px; color: #000; background-image: url(/images/eserve/timepicker_left.png); }
div.timepickerRow div.leftColUnavailable { color: #666; background-image: url(/images/eserve/timepicker_left_unavail.png); }
div.timepickerRow div.rightCol { position: absolute; right: 0px; top: 0px; width: 70px; padding-right: 27px; height: 21px; padding-top: 10px; text-align: right; font-size: 12px; line-height: 12px; color: #000; background-image: url(/images/eserve/timepicker_right.png); }
div.timepickerRow div.rightColUnavailable { color: #666; background-image: url(/images/eserve/timepicker_right_unavail.png); }
div.timepickerRow div.centerCol { position: absolute; left: 97px; top: 0px; width: 274px; height: 31px; background-image:url(/images/eserve/timepicker_middle.png); }
div.timepickerRow div.centerColUnavailable { background-image:url(/images/eserve/timepicker_middle_unavail.png); }
div.timepickerRow div.centerCol div.timeText { position: absolute; left: 0px; top: 10px; width: 69px; text-align: right; color: #000; font-size: 12px; line-height: 12px; }
div.timepickerRow div.centerCol div.selectLink { position: absolute; left: 90px; top: 10px; width: 75px; text-align: left; color: #000; font-size: 12px; line-height: 12px; }
div.timepickerRow div.centerCol div.unavailText { display: none; }
div.timepickerRow div.centerColUnavailable div.timeText { color: #666; }
div.timepickerRow div.centerColUnavailable div.selectLink { display: none; }
div.timepickerRow div.centerColUnavailable div.unavailText { display: block; position: absolute; left: 90px; top: 10px; width: 75px; text-align: left; color: #666; font-size: 12px; line-height: 12px; }
div.timepickerRow div.centerCol div.promoText { position: absolute; left: 174px; top: 3px; width: 90px; text-align: left; color: #000; font-size: 11px; line-height: 12px; color: #e31937; }
div.timepickerRow div.centerCol div.otherStoresLink { display: none; }
div.timepickerRow div.centerColUnavailable div.otherStoresLink { display: block; position: absolute; left: 174px; top: 3px; width: 90px; text-align: left; color: #000; font-size: 11px; line-height: 12px; color: #666; }
div.timepickerRow div.centerColUnavailable div.promoText { display: none; }

img#timepickerBtm { display: block; }


/*random step 2 styles */
div#eserveFormRowDate { margin-top: -15px; }
img.ui-datepicker-trigger { position: absolute; left: 174px; top: 4px; }
img.ui-datepicker-trigger:hover { cursor: pointer; }

img#eserveFormFindBtn { position: absolute; left: 255px; top: -8px; }
img#eserveFormChangeLocationBtn { position: absolute; left: 255px; top: 24px; }
div.clearPad { margin-bottom: 15px; }
div.eserveFormBtmHr { position: relative; margin-left: 30px; margin-bottom: 20px; width: 507px; height: 1px; overflow: hidden; background-color: #bbb; }
div#eserveFormStep2Btns { margin-left: 253px; margin-top: 10px; }
div#eserveFormStep2Btns img { float: left; }

div#eserveAddress { position: relative; width: 250px; padding-left: 93px; margin-top: 3px; margin-bottom: 5px; font-size: 12px; line-height: 15px; }
img#eserveAddressCheck { position: absolute; left: 61px; top: 15px; }


/* earlybird pop */
div#earlybirdPop { display: none; position: absolute; left: 70px; bottom: 0px; font-size: 12px; line-height: 12px; z-index: 110; }
div#earlybirdPop div#earlybirdContent { width: 372px; padding-left: 16px; padding-right: 16px; }
div#earlybirdContent  div.earlybirdHdr { position: relative; margin-top: 10px; margin-bottom: 4px; font-weight: 800; text-transform: uppercase; color: #e31937; }
div#earlybirdClose { position: absolute; right: 100px; top: -5px; font-weight: 800; }

img#eserveFormAddVehicleBtn { position: absolute; left: 300px; top: -9px; }




/*******************************
		appointments page
*******************************/
span.errorBox { color:#E31937; display:block; font-size:12px; font-weight:800; line-height:15px; padding-left: 31px; padding-top:15px;  padding-right: 35px; position:relative; }
div#appointsContainer { position: relative; width: 597px; background-image: url(/images/eserve/appoints_bg.png); background-repeat:repeat-y; margin-bottom: 25px; }
div#appointsContainer span.highlight { color: #e31937; }
img#appointsTrimLeft { position: absolute; left: 0px; top: 45px; z-index: 3; }
img#appointsTrimRight { position: absolute; right: 0px; top: 45px; z-index: 3; }
img#appointsBtm { position: relative; display: block; z-index: 3; }

div#appointsHdr { position: relative; width: 597px; height: 45px; }
img#appointsHdrTab { position: absolute; left: 0px; top: 0px; }
img#appointsHdrSchedule { position: absolute; right: 0px; top: 0px; }

div#appointsTopSection { position: relative; width: 548px; height: 148px; margin-top: 17px; margin-left: 24px; font-size: 12px; line-height: 15px; }
img#appointsLogo { position: absolute; left: 7px; top: 0px; }
img#appointsScheduleBtn { position: absolute; left: 26px; top: 85px; }
div#appointsSelectMarkets { position: absolute; left: 27px; top: 131px; width: 176px; text-align: center; font-size: 11px; line-height: 13px; }
img#appointsLookupHdr { position: absolute; left: 263px; top: 0px; }
div#appointsLookupText { position: absolute; left: 263px; top: 17px; width: 276px; }
div#appointsLookupLabel { position: absolute; left: 262px; top: 75px; }
input.appointsLookupField { position: absolute; left: 326px; top: 71px; width: 104px; height: 16px; padding-left: 6px; padding-right: 6px; padding-top: 2px; padding-bottom: 2px; color: #858585; border: 1px solid #ccc; font-size: 12px; }
input.appointsLookUpBtn { position: absolute; left: 450px; top: 68px; }
input.appointsLookupCheck { position: absolute; left: 323px; top: 102px; }
div#appointsLookupCheckLabel { position: absolute; left: 348px; top: 104px; }
img#appointsLookupQuestion { position: absolute; left: 150px; top: 1px; }
div#appointsForgotTracking { position: absolute; left: 348px; top: 121px; }

div#appointsNoneContainer { position: relative; margin-left: 24px; margin-top: 5px; width: 548px; height: 551px; font-size: 12px; line-height: 15px; border-top: 1px solid #bbb; }
img#appointsNoneHdr { position: absolute; left: 10px; top: 18px; }
ul#appointsNoneHighlights { position: absolute; left: 28px; top: 78px; list-style-type: disc; }
img#appointsNoneExample { position: absolute; left: 25px; top: 112px; z-index: 3; }
div#appointsNoneExpressText { position: absolute; left: 319px; top: 98px; width: 215px; z-index: 4; }
div#appointsNoneStatusText { position: absolute; left: 6px; top: 330px; width: 270px; z-index: 4; }
img#appointsNoneCoupon1 { position: absolute; left: 0px; top: 386px; }
img#appointsNoneCoupon2 { position: absolute; left: 277px; top: 386px; }


div.appointmentContainer { position: relative; width: 571px; background-image: url(/images/eserve/appoints_mod_bg.png); margin-left: 13px; margin-top: 15px; }
img.appointmentTop { position: relative; display: block; }
 img.appointmentBtm { position: relative; display: block; margin-top: 10px; }
div.appointmentHdr { position: relative; width: 571px; height: 51px; }
img.appointmentArrowOpen { position: absolute;left: 11px; top: 14px; display: block; }
img.appointmentArrowClosed { position: absolute; left: 15px; top: 10px; display: none; }
div.appointmentDate { position: absolute; left: 34px; top: 11px; font-size: 15px; line-height: 17px; font-weight: 800; color: #666; }
div.appointmentDate a:link, div.appointmentDate a:visited { text-decoration: none; color: #e31937; }
div.appointmentDate a:hover { text-decoration: underline; color: #e31937; }
div.appointmentLinks { position: absolute; right: 29px; top: 13px; font-size: 12px; }
img.appointmentExpress { position: absolute; right: 200px; top: 3px; z-index: 4; }
div.appointmentHr { position: absolute; left: 11px; top: 38px; width: 543px; height: 1px; overflow: hidden; background-color: #ccc; z-index: 3; }
div.appointmentContent { position: relative; display: block; width: 571px; }
div.appointmentStatusBox { position: absolute; left: 14px; top: 0px; width: 273px; height: 138px; background-image:url(/images/eserve/appoints_status_bg.png); color: #fff; font-size: 12px; line-height: 15px; }
div.appointmentStatusBox a:link, div.appointmentStatusBox a:visited { text-decoration: underline; color: #fff; }
div.appointmentStatusBox a:hover { text-decoration: none; color: #fff; }
img.appointmentStatusBar { position: absolute; left: 14px; top: 40px; }
div.appointmentStatusCTA { position: absolute; left: 14px; top: 86px; width: 241px; text-align: center; }
div.appointmentStatusLabel { position: absolute; left: 35px; top: 49px; }
div.appointmentStatusText { position: absolute; left: 83px; top: 49px; width: 175px; }
div.appointmentRow { position: relative; clear: both; padding-top: 2px; width: 268px; margin-left: 289px; }
div.appointRowAddressPadding { padding-top: 10px; }
div.appointmentRow div.appointmentRowLabel { position: relative; float: left; color: #666; width: 77px; text-align: right; padding-top: 3px; font-size: 12px; }
div.appointmentRow div.appointmentRowData { position: relative; float: right; color: #666; font-weight: 800; width: 180px; text-align: left; padding-top: 3px; font-size: 12px; }
div.appointmentRow div.appointmentRowDataUppers { text-transform: uppercase; }
div.appointmentRow div.appointmentRowDataSoft { font-weight: 400; }
div.appointmentRowData a:link, div.appointmentRowData a:visited, div.appointmentRowData a:hover { font-weight: 400; }
div.appointmentEarlyBird {  clear: both; position: relative; margin-left: 23px; margin-top: 17px; font-size: 12px; width: 525px; }
img.appointmentPromo { clear: both; position: relative; margin: 6px; z-index: 0 }
div.appointmentEarlyBirdPop { position: absolute; left:  80px; top: 0px; display: none; }
div.appointmentEarlyBirdPop div.earlybirdContent { width: 372px; padding-left: 16px; padding-right: 16px; }
div.earlybirdContent div.earlybirdHdr { position: relative; margin-top: 10px; margin-bottom: 4px; font-weight: 800; text-transform: uppercase; color: #e31937; }



/*******************************
	confirmation page
*******************************/
div#eserveConfirmContainer { position: relative; left: 17px; }
div#eserveConfirmHdr { position: relative; }
img#eserveConfirmHdrText { position: absolute; left: 227px; top: 0px; }
div#eserveConfirmSubHdr { position: relative; margin: 15px 0px 15px 4px; font-size: 16px; line-height: 20px; }
div#eserveConfirmTrackBox { position: relative; margin-left: 4px; width: 537px; height: 130px; background-image:url(/images/eserve/eserve_confirm_trackbox.png); overflow: hidden; }
div#eserveConfirmTrackLabel { position: absolute; left: 46px; top: 42px; font-size: 15px; line-height: 15px; font-weight: 800; }
div#eserveConfirmTrackNumber { position: absolute; left: 47px; top: 64px; font-size: 15px; line-height: 15px; font-weight: 800; color: #e31937; }
div#eserveConfirmTrackHdr { position: absolute; left: 168px; top: 25px; font-size: 15px; line-height: 15px; font-weight: 800; }
div#eserveConfirmTrackText { position: absolute; left: 168px; top: 42px; width: 355px; font-size: 12px; line-height: 18px; }
div#eserveConfirmOptionLinks { position: relative; margin: 14px 0px 10px 43px; font-size: 12px; line-height: 12px; }

div.eserveConfirmRow { position: relative; clear: both; padding-top: 2px; width: 450px; }
div.eserveConfirmRowPadding { padding-top: 10px; }
div.eserveConfirmRow div.eserveConfirmRowLabel { position: relative; float: left; color: #666; width: 139px; text-align: right; padding-top: 3px; font-size: 12px; }
div.eserveConfirmRow div.eserveConfirmRowData { position: relative; float: right; color: #666; font-weight: 400; width: 300px; text-align: left; padding-top: 3px; font-size: 12px; }
div.eserveConfirmRow div.eserveConfirmRowDataBold { font-weight: 800; }
div.eserveConfirmRowDataBold a:link, div.eserveConfirmRowDataBold a:visited, div.eserveConfirmRowDataBold a:hover { font-weight: 400; }
div.eserveConfirmRow div.eserveConfirmRowDataUppers { text-transform: uppercase; }
div.eserveConfirmIndent { position:relative; margin-left: 15px; font-weight: 400; }

div#eserveConfirmHr { position: relative; width: 485px; height: 1px; margin: 14px 0px 18px 0px; background-color: #d4d4d4; }
div#eserveConfirmOops { position: relative; font-size: 16px; line-height: 16px; color: #f8821e; margin-bottom: 3px; }
div#eserveConfirmOopsText { position: relative; font-size: 12px; line-height: 15px; margin-bottom: 15px; }

div#eserveConfirmSideExpress { position: relative; left: -27px; margin: 106px 0px 15px 0px; width: 271px; height: 190px; overflow: hidden; font-size: 12px; line-height: 15px; background-image: url(/images/eserve/eserve_confirm_expressbox.png); }
div#eserveConfirmSideExpressText { position: absolute; left: 21px; top: 91px; width: 243px; }
div#eserveConfirmSideExpressLink { position: absolute; left: 22px; top: 159px; }
div#eserveConfirmStatusBox { position: relative; left: -41px; width: 273px; height: 138px; color: #fff; font-size: 12px; line-height: 15px; }
div#eserveConfirmStatusBox a:link, div#eserveConfirmStatusBox a:visited { text-decoration: underline; color: #fff}
div#eserveConfirmStatusBox a:hover { text-decoration: none; color: #fff }
img#eserveConfirmSidePromo { position: relative; left: -20px; margin-top: 17px; margin-bottom: 25px; }


/* cancel pop */
div#eserveCancelContainer { position: relative; width: 609px; height: 504px; padding: 20px 30px 30px 30px; background-color: #fff; color: #666; font-size: 12px; line-height: 15px; }
div#eserveCancelHdr { position: relative; font-size: 23px; line-height: 23px; color: #e31937; margin-bottom: 13px; width: 450px; }
div#eserveCancelText { position: relative; font-size: 14px; line-height: 17px; }
div.eserveCancelHr { position: relative; width: 609px; height: 1px; overflow: hidden; background-color: #c2c2c2; margin-top: 13px; margin-bottom: 11px; }
div.eserveCancelRow { position: relative; clear: both; padding-top: 3px; width: 362px; line-height: 12px; }
div.eserveCancelRowPadding { padding-top: 8px; }
div.eserveCancelRow div.eserveCancelRowLabel { position: relative; float: left; color: #666; width: 126px; text-align: right; padding-top: 3px; font-size: 12px; }
div.eserveCancelRow div.eserveCancelRowData { position: relative; float: right; color: #666; font-weight: 400; width: 225px; text-align: left; padding-top: 3px; font-size: 12px; }
div.eserveCancelRow div.eserveCancelRowDate  { position: relative; float: right; color: #e31937; font-weight: 800; width: 225px; text-align: left; padding-top: 3px; font-size: 14px; }
div.eserveCancelRow div.eserveCancelRowDataBold { font-weight: 800; }
div.eserveCancelRowDataBold a:link, div.eserveCancelRowDataBold a:visited, div.eserveCancelRowDataBold a:hover { font-weight: 400; }
div.eserveCancelRow div.eserveCancelRowDataUppers { text-transform: uppercase; }
div.eserveCancelIndent { position:relative; margin-left: 15px; font-weight: 400; }
div#eserveCancelBtns { position: relative; margin-left: 134px; margin-top: 20px; }
div#eserveCancelRescheduleLink { position: absolute; left: 104px; top: 8px; }
div#eserveCancelNevermindLink { position: absolute; left: 6px; top: 38px; }
div#eserveCancelClose { position: absolute; right: 30px; top: 21px; font-size: 12px; line-height: 12px; font-weight: 800; text-transform: uppercase; }
div#eserveCancelClose a:hover { text-decoration: none; color: #e31937; }


/************************
	EDIT / RESCHEDULE
************************/
img#eserveEditTop { position: absolute; left: 4px; top: 0px; }
div#eserveEditTopBuffer { width: 565px; padding: 46px 5px 0px 5px; z-index: 1; }
div#eserveEditTopText { position: relative; padding-left: 19px; width: 527px; font-size: 14px; line-height: 18px; }
div#eserveEditTopTextHr1 { position: relative; margin-top: 10px; margin-bottom: 12px; width: 527px; height: 1px; overflow: hidden; background-color: #bbb; }
div#eserveEditTrackingId { position: relative; line-height: 14px; text-transform: uppercase; }
div#eserveEditTrackingId span#theTrackingId { color: #e31937; font-weight: 800; }
img#eserveEditTopSaveBtn { position: absolute; left: 438px; top: -9px; }
div#eserveEditTopTextHr2 { position: relative; margin-top: 11px; margin-bottom: 0px; width: 527px; height: 1px; overflow: hidden; background-color: #bbb; }
div#eserveEditServicesList { position: relative; margin-left: 99px; font-size: 12px; line-height: 14px; width: 305px; }
img#eserveEditServicesChangeBtn { position: absolute; left: 418px; top: 40px; z-index:3 }
img#eserveEditSafetyChangeBtn { position: absolute; left: 418px; top: 40px; }
div.eserveEditSafetyRow { position: relative; clear: both; padding-top: 3px; width: 415px; line-height: 12px; }
div.eserveEditSafetyRow div.eserveEditSafetyRowLabel { position: relative; float: left; color: #666; width: 171px; text-align: right; padding-top: 3px; font-size: 12px; }
div.eserveEditSafetyRow div.eserveEditSafetyRowData { position: relative; float: right; color: #666; font-weight: 800; width: 233px; text-align: left; padding-top: 3px; font-size: 12px; }
div.eserveEditSafetyRowData span.bulbDetail { font-weight: 400; }
img#eserveEditFindLocationBtn { position: absolute; left: 377px; top: 40px; }
div.eserveEditAddress { position: relative; width: 250px; padding-left: 93px; margin-top: 3px; margin-bottom: 15px; font-size: 12px; line-height: 15px; }
img.eserveEditAddressCheck { position: absolute; left: 61px; top: 15px; }
a.eserveEditAddressSelect { position: absolute; left: 46px; top: 15px; }
div#eserveEditLocText { clear: both; position: relative; width: 300px; margin-left: 51px; font-size: 12px; line-height: 14px; color: #666; margin-bottom: 7px; }
img#eserveEditBtmSaveBtn { position: relative; margin-left: 456px; top: 0px; }
div.eserveEditRadios { position: relative; top: 0px; width: 300px; height: 15px; margin-left: -10px; margin-bottom: 28px; font-size: 12px; line-height: 15px; }
div#eserveEditAlertsSetting { float: left; padding-top: 5px; }
div#eserveEditAlertsMessage { position: relative; margin-left: 36px; width: 270px; padding-top: 5px; }


/*****************************
	eserve sidebar module
*****************************/
img#eserveSidebarPlug { display: block; margin-bottom: 18px; }
img#eserveSidebarMoe { display: block; margin-bottom: 18px; }
div#sidebarEserveTires { position: relative; left: -4px; width: 257px; }
div.sidebarEserveTire { position: relative; width: 257px; margin-bottom: 18px; }
img.sidebarEserveTheTire { position: absolute; left: 0px; top: 0px; }
div.sidebarEserveTireText { margin-left: 87px; width: 170px; }
ul.sidebarEserveTireList { margin-left: 19px; font-size: 12px; line-height: 15px; list-style-type: disc; }
ul.sidebarEserveTireList li { margin-top: 10px; }

/* help module (for all eserve pages */
div#eserveSidebarHelp { position: relative; width: 252px; height: 166px; background:url(/images/glovebox/sidebar_helpfaq.png); background-repeat: no-repeat; margin-bottom: 20px; }
div#eserveSidebarHelpText { position: absolute; left: 19px; top: 46px; width: 215px; font-size: 12px; line-height: 14px; }
div#eserveSidebarHelp ul { position: absolute; left: 40px; top: 89px; font-size: 12px; line-height: 15px; list-style: none; }

/*****************************
	express checkin forms
*****************************/
div.expForm { position: relative; width: 870px; padding-left: 30px; height: 979px; padding-top: 21px; color: #000; background-color: #fff; text-align: left; }
div#expForm img { display: block; }
div.expFormTrackBox { position: relative; width: 328px; height: 50px; font-size: 16px; line-height: 16px; margin-bottom: 24px; font-weight: 800; }
div.expFormTrackBoxStore { position: absolute; right: 149px; top: 26px; }
div.expFormTrackBoxNumber { position: absolute; left: 202px; top: 26px; }
img#expFormHdrCustomer { margin: 0px 0px 5px 32px; }
img#expFormHdrVehicle { margin: 20px 0px 5px 56px; }
img#expFormHdrAppointment { margin: 0px 0px 5px 32px; }
div.expFormLeftContainer { position: relative; float: left; width: 370px; margin-bottom: 20px; }
div.expFormLeftRow { position: relative; clear: both; padding-top: 2px; width: 370px; font-size: 11px; line-height: 12px; }
div.expFormLeftRow div.expFormLeftRowLabel { position: relative; float: left; width: 122px; text-align: right; padding-top: 3px; }
div.expFormLeftRow div.expFormLeftRowData { position: relative; float: right; font-weight: 800; width: 238px; text-align: left; padding-top: 3px; }
div.expFormLeftRow div.expFormLeftRowDataUppers { text-transform: uppercase; }
div.expFormRightContainer { position: relative; float: left; width: 348px; margin-bottom: 20px; }
div.expFormRightRow { position: relative; clear: both; padding-top: 2px; width: 348px; font-size: 11px; line-height: 12px; }
div.expFormRightRowPadding { padding-top: 8px; }
div.expFormRightRow div.expFormRightRowLabel { position: relative; float: left; width: 100px; text-align: right; padding-top: 3px; }
div.expFormRightRow div.expFormRightRowData { position: relative; float: right; font-weight: 800; width: 238px; text-align: left; padding-top: 3px; }
div.expFormRightRow div.expFormRightRowDataSoft { position: relative; float: right; font-weight: 400; width: 238px; text-align: left; padding-top: 3px; }
div.expFormRightRow div.expFormRightRowDataServices { position: relative; float: right; font-weight: 800; width: 238px; text-align: left; padding-top: 3px; line-height: 14px; }
div.expFormRightRowDataServices div.indent { margin-left: 20px; }
div#expFormCustomerBtm { position: relative; width: 741px; height: 118px; }
div#expFormCustomerBtmText { position: absolute; left: 0px; top: 45px; width: 741px; text-align: center; font-size: 11px; line-height: 11px; }

/****************
    oil pops
****************/
div#oilPopSynthetic { position: absolute; left: 290px; top: 60px; display: none; }
div#oilPopHigh { position: absolute; left: 290px; top: 110px; display: none; }
div#oilPopStandard { position: absolute; left: 290px; top: 123px; display: none; }
div.oilPopContent { position: relative; top: -10px; margin-bottom: -10px; padding-left: 20px; padding-right: 20px; width: 142px; font-size: 11px; }

/*************
  new 8/5/10
  ***********/
a#eserveWhatClose { position: absolute; right: 15px; top: -11px; font-weight: 800; font-size: 11px; }
div#eserveWhatBox { position: absolute; right: 5px; bottom: 10px; display: none; z-index: 300; }
div#eserveWhatInfo { padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; width: 301px; font-size: 12px; }
div#eserveWhatInfo ul { margin: 10px 0px 0px 20px; }
div#eserveWhatInfo ul li { margin-bottom: 3px; }
div#eserveWhatInfo ul li ul { margin: 3px 0px 0px 20px; }
div#eserveWhatInfo ul li ul li { margin-bottom: 3px; }
div#eserveFormRewardsWhatLink { position: absolute; left: 224px; top: 0px; width: 113px; font-size: 10px; line-height: 12px; color: #666; }
img#eserveFormRewardsWhatQuestion { position: absolute; right: 11px; top: 5px; }
div.ymmeFormRequired { margin-top: 25px; } /* updated value */
div.ymmeFormElementDesc { position: absolute; left: 169px; top: 0px; width: 196px; font-size: 10px; line-height: 11px; color; #666; }
div.eserveFormRow div.eserveFormFormw input.eserveZipCode { width: 154px; height: 20px; border: 1px solid #ccc; font-size: 12px; padding-left: 5px; padding-right: 5px; color: #858585; }
img#eserveFormFindBtn { position: absolute; left: 175px; top: -4px; } /* updated values */
a#eserveTextTermsPrint { position: relative; left: 20px; }
ul#eserveTextTermsList { margin-top: 3px; }


/**************************************************
   text message white box (step 2 of appointment
**************************************************/
div.wbFormFormw ul { margin-top: 10px; margin-bottom: 7px; margin-left: 17px; margin-right: 15px; font-size: 11px; line-height: 14px; list-style-type: disc; }
div.wbFormFormw ul li { margin-bottom: 3px; }
div.wbFormLabel span.required { color: #e31937; }
div.wbFormFormw input.eserveTextField { width: 204px; height: 20px; border: 1px solid #ccc; font-size: 12px; padding-left: 5px; padding-right: 5px; color: #858585; }
div#wbPasswordRequirements { position: absolute; left: 224px; top: -24px; width: 78px; font-size: 10px; line-height: 12px; color: #666; }
div#eserveAgreeWrap { margin-bottom: 10px; }
.textUpdateDiv input.mobileNumberInput {
	border:1px solid #888;
	margin:3px 0 0 8px;
}
div#eserveConfirmStatusBox a#tosLink { color:#00a; }
div#eserveConfirmStatusBox a#tosLink:hover { color:#00a; }
.textUpdateDiv input.optInCheckbox {
	margin:6px 8px 6px 0;
	vertical-align:-15%;
}
.txtCmd {
	color:#060;
	font-family:monospace;
}


img#eserveRewardsLogo {
display:block;
left:-10px;
margin-bottom:-8px;
position:relative;
top:-20px;
}