﻿/*****************************************************************************/
/*** Enrollment form ***/

span.enrollmentUserMessage
{
	color: Red;
	font-weight: bold;
}

table.enrollmentUsernamePassword
{
	width: 500px;
}

table.enrollmentUsernamePassword td.title 
{
	width: 200px;	
}

table.enrollmentUsernamePassword td.input 
{
	width: 300px;
}

table.enrollmentUsernamePassword td.input input
{
	width: 220px;
}


/*****************************************************************************/
/*** General ***/

.rightAlign
{
	text-align: right;
}

.notDisplayed
{
	display: none;
}

.readOnly
{
	background-color: #dddddd;
}

body 
{
	font-family: Verdana;
	font-size: 10pt;
	margin-top: 3px;
	margin-left: 0px;
	color: #333333;
}

div.mainOuter
{
	width: 100%; 
	text-align: center;
}

table.mainOuter 
{
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

/* Override for RTL layout - relies on dir attribute being set dynamically */
table.mainOuter[dir="rtl"] 
{
	text-align: right;
}

div.body 
{
	width: 870px;
	padding-left: 15px;
	padding-right: 15px;
}

h1 
{
	color: #c0c0c0;
	font-size: 18pt;
}

h2
{
	color: #909090;
	font-size: 14pt;
}

a
{
	color: #38832E;	
	text-decoration: none;
	font-weight: bold;
}

a:hover
{
	color: #53BE44;
}

a.checkboxLink 
{
	font-weight: normal;
}

.upperCase
{
	text-transform: uppercase;
}

.customScrollbar
{
	scrollbar-face-color: #E9E9E9; 
	scrollbar-highlight-color: #ffffff; 
	scrollbar-3dlight-color: #c0c0c0; 
	scrollbar-darkshadow-color: #a0a0a0; 
	scrollbar-shadow-color: #909090; 
	scrollbar-arrow-color: #808080; 
	scrollbar-track-color: #F0F0F0; 
}


/*****************************************************************************/
/*** Token login ***/

table.tokenLoginDetailsform
{
	width: 520px;
}

table.tokenLoginDetailsform td.title 
{
	width: 190px;	
}

table.tokenLoginDetailsform td.input 
{
	width: 310px;
}

table.tokenLoginDetailsform td.input input
{
	width: 220px;
}

#divEmailExplanation 
{
	visibility: hidden;
	position: absolute;
	left: 120px;
	top: 50px;
	width: 330px;
	max-height: 280px;
	border-top: solid 2px #c0c0c0;
	border-left: solid 2px #c0c0c0;
	border-bottom: solid 2px #909090;
	border-right: solid 2px #909090;
	padding: 20px 20px 20px 20px;
	background-color: #ffffc0;
}

div.supportFooter
{
	font-size: 8pt;
	color: #606060;
	padding-top: 75px;
}


/*****************************************************************************/
/*** Contact details ***/

table.contactDetails 
{
	border: solid 0px #c0c0c0;
	width: 350px;
}

table.contactDetails td
{
	border: solid 0px #c0c0c0;
	vertical-align: top;
	border-top: solid 1px #E7F3D6;
	font-size: 8pt;
}

table.contactDetails td.title
{
	font-weight: bold;
	width: 165px;
}

table.contactDetails td span.data input
{
	position: relative;
	top: -3px;
}

table.contactDetails tr.commandRow td
{
	text-align: center;
}

table.contactDetails tr.commandRow a
{
	font-weight: bold;
}

table.contactDetails input
{
	font-size: 8pt;
	padding-left: 3px;
	width: 150px;
}

table.contactDetails textarea
{
	font-size: 8pt;
	font-family: Arial, helvetica, Sans-Serif;
}

table.contactDetails select
{
	font-size: 8pt;
	width: 158px;
}


/*****************************************************************************/
/*** Vehicle details ***/

table.vehicleDetails 
{
	border: solid 0px #c0c0c0;
	width: 350px;
}

table.vehicleDetails td
{
	border: solid 0px #c0c0c0;
	vertical-align: top;
	border-top: solid 1px #E7F3D6;
	font-size: 8pt;
}

table.vehicleDetails td.title
{
	font-weight: bold;
	width: 165px;	
}

table.vehicleDetails tr.commandRow td
{
	text-align: center;
}

table.vehicleDetails tr.commandRow a
{
	font-weight: bold;
}

table.vehicleDetails input
{
	font-size: 8pt;
	padding-left: 3px;
	width: 150px;
}

table.vehicleDetails textarea
{
	font-size: 8pt;
	font-family: Arial, helvetica, Sans-Serif;
}

table.vehicleDetails select
{
	font-size: 8pt;
	width: 158px;
}

/*****************************************************************************/
/*** Second card details ***/

table.secondCardDetails 
{
	border: solid 0px #c0c0c0;
	width: 350px;
}

table.secondCardDetails td
{
	border: solid 0px #c0c0c0;
	vertical-align: top;
	border-top: solid 1px #E7F3D6;
	font-size: 8pt;
}

table.secondCardDetails td.title
{
	font-weight: bold;
	width: 165px;	
}

table.secondCardDetails tr.commandRow td
{
	text-align: center;
}

table.secondCardDetails tr.commandRow a
{
	font-weight: bold;
}

table.secondCardDetails input
{
	font-size: 8pt;
	padding-left: 3px;
	width: 150px;
}

table.secondCardDetails textarea
{
	font-size: 8pt;
	font-family: Arial, helvetica, Sans-Serif;
}

table.secondCardDetails select
{
	font-size: 8pt;
	width: 158px;
}

/*****************************************************************************/
/*** Contact Preferences ***/

table.contactPreferences
{
	/*width: 720px;*/
}

table.contactPreferences td
{
	vertical-align: top;
	font-size: 8pt;
}

table.contactPreferences td.title
{
	font-weight: bold;
	vertical-align: middle;
}

table.contactPreferences td.input
{
	vertical-align: middle;
}

table.contactPreferences td.inputCheckBox
{
	vertical-align: middle;
}

table.contactPreferences td.input input
{
	font-size: 8pt;
	padding-left: 3px;
	width: 150px;
}

table.contactPreferences td.inputCheckBox input
{
	font-size: 8pt;
	margin-left: 10px;
	margin-right: 3px;
}

table.contactPreferences select
{
	font-size: 8pt;
	width: 158px;
}


/*****************************************************************************/
/*** Login page (Default) ***/

div.login
{
}

table.login 
{
}


/*****************************************************************************/
/*** Master page ***/

div.navigation 
{
	width: 100%;
	border: dotted 1px #c0c0c0;
}
table.navigation 
{
}
table.navigation td
{
	padding-left: 8px;
	padding-right: 8px;
	border-right: solid 1px #C29F9F; 
}
table.navigation td a
{
	font-size: 8pt;	
}


/*****************************************************************************/
/*** Change Username/Password ***/

div.changeUsername
{
	font-size: 9pt;	
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 15px;
	padding-top: 20px;
	padding-left: 10px;
	border: dotted 1px #c0c0c0;
	height: 150px;
}

div.changePassword
{
	font-size: 9pt;	
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 20px;
	padding-left: 10px;
	border: dotted 1px #c0c0c0;
	height: 150px;
}

table.changePasswordDetails td.title
{
	font-weight: bold;
}

table.changePasswordDetails td.input
{
}

table.changeUsernameDetails td.title
{
	font-weight: bold;
}

table.changeUsernameDetails td.input
{
}

table.changePasswordDetails input
{
	font-size: 9pt;
	border: solid 1px #dddddd;
	padding-left: 3px;
}

table.changeUsernameDetails input
{
	font-size: 9pt;
	border: solid 1px #dddddd;
	padding-left: 3px;
}


/*****************************************************************************/
/*** My Contacts ***/

h3.dealerName
{
	margin-bottom: 15px;
}

h4.dealerName
{
	margin-bottom: 2px;
	font-size: 11pt;
	color: #888888;
}

table.myContactsLayout
{
	margin-top: 20px;
}

table.myContactsLayout tr.body td 
{
	border-top: dotted 1px #d0d0d0;
	padding-bottom: 3px;
}

table.myContactsDealerContacts
{
}

table.myContactsDealerContacts td.title
{
	color: #666666;
}

table.myContactsDealerContacts td.item
{
	color: #333355;
}

span.myMessagesSendToPhoneStatus
{
	color: #880088;
	font-weight: bold;
}

div.myContactsOtherDealers
{
	overflow: auto; 
	height: 310px; 
	width: 880px;
	margin-top: 40px;
	margin-bottom: 20px;
}

table.myContactsOtherDealers
{
}

table.myContactsOtherDealers td
{
	width: 270px;	
	padding-bottom: 10px;
	font-size: 9pt;
}

table.myContactsDetails
{
	width: 800px;
}

table.myContactsDetails td.myContactsDetailsHeader
{
	border-bottom: dotted 1px #008000;
}

table.myContactsDetails td.myContactsDetailsHeader h1
{
	margin-bottom: 2px;
}

/*** appointment request ***/

table.myContactsDetails div.appointmentRequest
{
	font-size: 8pt;
	width: 700px;
	margin-left: 0px;
	margin-top: 12px;
}

table.myContactsDetails table.appointmentRequestDetails
{
	width: 700px;
}

table.myContactsDetails table.appointmentRequestDetails td.title
{
	font-weight: bold;
}

table.myContactsDetails table.appointmentRequestDetails span.title
{
	font-weight: bold;
}

table.myContactsDetails table.appointmentRequestDetails input
{
	font-size: 8pt;
	width: 170px;
	padding-left: 3px;
}

table.myContactsDetails table.appointmentRequestDetails span.radio input
{
	font-size: 8pt;
	width: 30px;
}

table.myContactsDetails table.appointmentRequestDetails textarea
{
	font-size: 8pt;
	font-family: Arial, helvetica, Sans-Serif;
}

table.myContactsDetails table.appointmentRequestDetails select
{
	font-size: 8pt;
	width: 178px;
}

table.appointmentRequestCalendar
{
	border: solid 1px #a0a0a0;
	margin-top: 6px;
	background-color: #E9E9E9;
}

table.appointmentRequestCalendar td 
{
	padding: 1px 1px 1px 1px;
	font-weight: normal;
}

table.appointmentRequestCalendar table.title
{
	background-color: #D7D7D7;
}

table.appointmentRequestCalendar table.title td
{
	font-weight: bold;	
}

table.appointmentRequestCalendar th.dayHeader
{
	background-color: #E9E9E9;
}

a.appointmentRequestSubmit
{
	font-size: 10pt;
}

blockquote.appointmentRequestThanks
{
	font-size: 10pt;
}

/*****************************************************************************/
/*** My Messages ***/

table.MyMessagesGrid
{
    width: 895px;
    border: solid 1px #a0a0a0;
}

table.MyMessagesGrid tr.header th
{
	font-size: 9pt;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #D7D7D7;
	border: solid 0px #ffffff;
    border-bottom: solid 1px #aaaaaa;
}

table.MyMessagesGrid td
{
	border: solid 0px #c0c0c0;
    border-top: solid 1px #aaaaaa;
	padding-top: 4px;
	padding-bottom: 4px; 
    background-color: #E9E9E9;
	font-size: 8pt;
}

table.MyMessagesGrid tr.detail td
{
    border-top: dotted 1px #aaaaaa;
    background-color: #E9E9E9;
}

table.MyMessagesGrid tr.detailSelected td
{
    border-top: dotted 1px #aaaaaa;
    background-color: #CACACA;
    color: #000080;
    font-weight: bold;
}

table.MyMessagesGrid tr.alternateDetail td
{
    border-top: dotted 1px #aaaaaa;
    background-color: #D7D7D7;
}

table.MyMessagesGrid caption
{
    display: none;
}

table.MyMessagesGrid tr.pager td 
{
	padding-top: 2px;
	padding-bottom: 2px;
}

table.MyMessagesGrid tr.pager td table td
{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 3px;
	padding-right: 3px;
    background-color: white;
    border-top: solid 1px #aaaaaa;
    border-bottom: solid 1px #ffffff;
    border-left: solid 1px #aaaaaa;
    border-right: solid 1px #ffffff;
}

/*** Message details ***/

table.messageDetails
{
    width: 895px;
    border: solid 0px #ffffff;
}

table.messageDetails td
{
	border: solid 0px #ffffff;
	border-top: solid 1px #E7F3D6;
	vertical-align: top;
}

table.messageDetails td.title
{
	font-weight: bold;
	width: 180px;
}

table.messageDetails td.detail
{     
}

table.messageDetails tr.commandRow td
{
	text-align: center;
}

/*****************************************************************************/
/*** My Events ***/

div.myEventsIntroduction 
{
}

div.myEventsWorkshopsHeader
{
	padding-bottom: 12px;	
}

div.myEventsWorkshops 
{
	color: #000066;
	font-size: 9pt;
}

div.myEventsWorkshopsFooter 
{
	padding-top: 12px;
	padding-bottom: 3px;
}

/*
div.myEventsHobbies
{
	color: #000066;
	font-size: 9pt;
}

div.myEventsHobbies table.CheckboxList
{
	width: 100%;
}

div.myEventsHobbies table.CheckboxList td
{
	padding: 1px 0px 1px 0px;
}
*/

span.myEventsConfirmationMessage
{
	color: #ff0000;
	font-weight: bold;
}


/*****************************************************************************/
/*** Home page ***/

/*** Missing contact details prompt ***/

div.homePrompt 
{
	z-index: 1000;
	position: absolute;
	left: 120px;
	top: 100px;
	width: 400px;
	max-height: 280px;
	border-top: solid 2px #c0c0c0;
	border-left: solid 2px #c0c0c0;
	border-bottom: solid 2px #909090;
	border-right: solid 2px #909090;
	padding: 20px 20px 20px 20px;
	background-color: #ffffc0;
}

div.prompt li
{
	font-weight: bold;
}

/*** Intro text ***/

#divHomeHeader
{
	width: 850px;
	padding-top: 20px;
	padding-bottom: 25px;
}

h1.homeWelcome
{
	font-size: 12pt; 
	font-weight: bold;
	color: #008800;	
	margin-bottom: 5px;
}

span.homeWelcome 
{
	font-size: 9pt; 
	font-weight: bold;
	color: #80A080;
}

/*** Details ***/

a.homeDetailsEditButton
{
}

table.homeDetails
{
	width: 800px;
}

table.homeDetails td.homeDetailsHeader
{
	border-bottom: dotted 1px #008000;
}

table.homeDetails td.homeDetailsHeader h1
{
	margin-bottom: 2px;
}

table.homeDetails td.homeDetailsDescription
{
	width: 300px;
	padding-left: 50px;
	padding-top: 15px;
	vertical-align: top;
	color: #80A080;
}

table.homeDetails td.homeDetailsDetails
{
	width: 400px;
	padding-left: 50px;
	padding-top: 15px;
	vertical-align: top;
}

table.homeDetails td.homeDetailsControlLinks
{
	padding-top: 10px;
	text-align: center;
	padding-bottom: 10px;
}

table.homeDetails td.homeDetailsDetails div.loyaltyCardDetails
{
}

a.homeDetailsEditButton
{
}

/*** contact details ***/

table.homeDetails table.contactDetails
{
	width: 400px;
}

table.homeDetails table.contactDetails td
{
	border-top: solid 1px #E3F1D1;
}

table.homeDetails table.contactDetails td.title
{
	width: 180px;
}

table.homeDetails table.contactDetails input
{
	font-size: 8pt;
	padding-left: 3px;
	width: 170px;
	border: solid 1px #d0d0d0;
}

table.homeDetails table.contactDetails span.data input
{
	/* checkboxes */
	font-size: 8pt;
	padding-left: 3px;
	width: 15px;
	border: solid 0px #d0d0d0;
}

table.homeDetails table.contactDetails textarea
{
	font-size: 8pt;
	font-family: Arial, helvetica, Sans-Serif;
	width: 172px;
	border: solid 1px #d0d0d0;
}

table.homeDetails table.contactDetails select
{
	font-size: 8pt;
	width: 178px;
	border: solid 1px #d0d0d0;
}

/*** vehicle details ***/

table.homeDetails table.vehicleDetails
{
	width: 400px;
}

table.homeDetails table.vehicleDetails td
{
	border-top: solid 1px #E3F1D1;
}

table.homeDetails table.vehicleDetails td.title
{
	width: 180px;
}

table.homeDetails table.vehicleDetails input
{
	font-size: 8pt;
	padding-left: 3px;
	width: 170px;
	border: solid 1px #d0d0d0;
}

/*** secondCard details ***/

table.homeDetails table.secondCardDetails
{
	width: 400px;
}

table.homeDetails table.secondCardDetails td
{
	border-top: solid 1px #E3F1D1;
}

table.homeDetails table.secondCardDetails td.title
{
	width: 180px;
}

table.homeDetails table.secondCardDetails input
{
	font-size: 8pt;
	padding-left: 3px;
	width: 170px;
	border: solid 1px #d0d0d0;
}

table.homeDetails table.secondCardDetails textarea
{
	font-size: 8pt;
	font-family: Arial, helvetica, Sans-Serif;
	width: 172px;
	border: solid 1px #d0d0d0;
}

table.homeDetails table.secondCardDetails select
{
	font-size: 8pt;
	width: 178px;
}

/*** service history ***/

table.homeDetails div.serviceHistory
{
	font-size: 9pt;
	width: 750px; 
	height: 180px; 
	padding: 0px 0px 5px 5px;
	overflow: auto;
	margin-left: 50px;
	margin-top: 12px;
	margin-bottom: 8px;
	border: solid 1px #c0c0c0;
}

table.homeDetails table.serviceHistoryGrid 
{
	width: 733px;
	border: solid 0px #ffffff;
}

table.homeDetails table.serviceHistoryGrid td
{
	border: solid 0px #c0c0c0;
	font-size: 7pt;
	padding-top: 6px;
	padding-bottom: 6px; 
}

table.homeDetails table.serviceHistoryGrid tr.header th
{
	font-size: 9pt;
	font-weight: bold;
	padding-bottom: 3px;
	border: solid 0px #ffffff;
	border-bottom: solid 2px #c0c0c0;
}

table.homeDetails td.serviceHistoryfooter
{
	text-align: right;
	font-size: 10pt;
}
/* Override for RTL layout */
table.homeDetails[dir="rtl"] td.serviceHistoryfooter
{
	text-align: left;
	padding-left: 50px;
}

table.homeDetails span.totalSavingFigure 
{
	background-color: #FFFF9F;
	font-size: 14px;
	font-weight: bold;	padding: 0px 5px 0px 5px;
}

/*** card transaction list ***/

table.homeDetails div.transactionList
{
	font-size: 9pt;
	width: 750px; 
	height: 180px; 
	padding: 0px 0px 5px 5px;
	overflow: auto;
	margin-left: 50px;
	margin-top: 12px;
	margin-bottom: 5px;
	border: solid 1px #c0c0c0;
}

table.homeDetails table.transactionDetails 
{
	width: 727px;
	border: solid 0px #ffffff;
}

table.homeDetails table.transactionDetails td.cardTransactionHeader
{
	font-size: 9pt;
	font-weight: bold;
	padding-bottom: 3px;
	border: solid 0px #ffffff;
	border-bottom: solid 2px #c0c0c0;
}

table.homeDetails table.transactionDetails td.cardTransactionItem
{
	border: solid 0px #c0c0c0;
	font-size: 7pt;
	padding-top: 6px;
	padding-bottom: 6px; 	
}

table.homeDetails table.transactionDetails td.cardTransactionAltItem
{
	border: solid 0px #c0c0c0;
	font-size: 7pt;
	padding-top: 6px;
	padding-bottom: 6px; 	
}

table.homeDetails td.transactionListfooter
{
	font-size: 10pt;
}

table.homeDetails td.transactionListfooter table.cardBalances
{
	margin-left: auto;
}
/* Override for RTL layout */
table.homeDetails[dir="rtl"] td.transactionListfooter table.cardBalances
{
	margin-left: 50px;
	margin-right: auto;
}

table.homeDetails td.transactionListfooter table.cardBalances td.title
{
	padding-right: 15px;
}

table.homeDetails td.transactionListfooter table.cardBalances td.details
{
	background-color: #FFFF9F;
	font-size: 14px;
	font-weight: bold;
	padding: 0px 5px 0px 5px;
}

/*** available benefits ***/

table.homeDetails div.availableBenefits
{
	font-size: 9pt;
	width: 750px; 
	height: 180px; 
	padding: 0px 0px 5px 5px;
	overflow: auto;
	margin-left: 50px;
	margin-top: 12px;
	margin-bottom: 8px;
	border: solid 1px #c0c0c0;
}

table.homeDetails table.availableBenefitsGrid 
{
	width: 733px;
	border: solid 0px #ffffff;
}

table.homeDetails table.availableBenefitsGrid td
{
	border: solid 0px #c0c0c0;
	font-size: 7pt;
	padding-top: 6px;
	padding-bottom: 6px; 
}

table.homeDetails table.availableBenefitsGrid tr.header th
{
	font-size: 9pt;
	font-weight: bold;
	padding-bottom: 3px;
	border: solid 0px #ffffff;
	border-bottom: solid 2px #c0c0c0;
}

/* New available benefits list - 12 Jan 2009 */

div.availableBenefitsCategory
{
	font-size: 11pt;
	font-weight: bold;
	color: #c0c0c0;
	padding-bottom: 5px;
}

div.availableBenefitsItem
{
	font-size: 7pt;
	padding-left: 15px;
	padding-bottom: 5px;
}

/*** News/offers ***/

table.homeNewsOffers
{
	width: 800px;
}

table.homeNewsOffers td.left
{
	width: 375px;
}

table.homeNewsOffers td.right
{
	width: 375px;
	padding-left: 50px;	
}

table.homeDetailsNarrow
{
	width: 375px;
}

table.homeDetailsNarrow td.homeDetailsHeader
{
	border-bottom: dotted 1px #008000;
}

table.homeDetailsNarrow td.homeDetailsHeader h1
{
	margin-bottom: 2px;
}

table.homeDetailsNarrow td.homeDetailsDetails
{
	width: 325px;
	padding-left: 50px;
	padding-top: 15px;
}

#divNews 
{
	width: 300px;
	height: 150px;
	border: dotted 1px #c0c0c0;
	overflow: auto;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 3px;
	padding-right: 3px;
	font-size: 11pt;
}

#divSpecials
{
	width: 300px;
	height: 150px;
	border: dotted 1px #c0c0c0;
	overflow: auto;	
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 3px;
	padding-right: 3px;
	font-size: 11pt;
}

table.homeNewsOffers table.news td.bullet 
{
	display: none;
}

table.homeNewsOffers table.news td.textBullet 
{
	vertical-align: top;
	color: #53BE44;
}

table.homeNewsOffers table.news td.item 
{
	vertical-align: top;
	padding-bottom: 15px;
}

table.homeNewsOffers table.news td.item a
{
	color: #000000;
	font-weight: bold;
}

table.homeNewsOffers table.news td.item a:hover
{
	color: #70BD0D;
}

table.homeNewsOffers table.specials td.bullet 
{
	display: none;
}

table.homeNewsOffers table.specials td.textBullet 
{
	vertical-align: top;
	color: #53BE44;
}

table.homeNewsOffers table.specials td.item 
{
	vertical-align: top;
	padding-bottom: 15px;
}

table.homeNewsOffers table.specials td.item a
{
	color: #000000;
	font-weight: bold;
}

table.homeNewsOffers table.specials td.item a:hover
{
	color: #70BD0D;
}

/*** Hobbies and Interests ***/

div.HobbiesAndInterests
{
	font-size: 9pt;
	color: #666666;
}

div.HobbiesAndInterests table.CheckboxList
{
	width: 100%;
}

div.HobbiesAndInterests table.CheckboxList td
{
	padding: 1px 0px 1px 0px;
	color: #666699;
	font-size: 8pt;
}

/*** Tab selection ***/

div.tabbedDiv
{
	position: absolute;
}

/* override for RTL layouts */
div.tabbedDiv[dir="rtl"]
{
	position: relative;
}
div.tabPlaceholder[dir="rtl"] 
{
	display: none;
}


table.divSelectionTabs
{
	width: 100%;
	margin-top: 8px;
	margin-bottom: 15px;
}

table.divSelectionTabs td 
{
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	vertical-align: middle;
}

table.divSelectionTabs td a
{
	font-size: 8pt;
	color: #808080;
}

table.divSelectionTabs td a:hover
{
	color: #20cc20;
}

table.divSelectionTabs td.tabDeselected
{
	background-color: #e8e8e8;
	border-left: dotted 1px #c0c0c0;
	border-right: dotted 1px #c0c0c0;
	border-top: dotted 1px #c0c0c0;
	border-bottom: dotted 1px #808080;
	width: 155px;
}

table.divSelectionTabs td.tabSelected
{
	border-left: dotted 1px #808080;
	border-right: dotted 1px #808080;
	border-top: dotted 1px #808080;
	border-bottom: dotted 0px #c0c0c0;
	width: 155px;
}

table.divSelectionTabs td.tabEmpty
{
	background-color: #e8e8e8;
	border-left: dotted 1px #c0c0c0;
	border-right: dotted 1px #c0c0c0;
	border-top: dotted 1px #c0c0c0;
	border-bottom: dotted 1px #808080;
}

/*** Policy footer on My Details page ***/

div.PolicyFooter
{
	font-size: 8pt;
	color: #888888;
}

div.PolicyFooter a
{
	color: #888888;
}

div.PolicyFooter a:hover
{
	color: #666666;
}


/***  My details - special offers  ***/

div.myDetailsSpecials
{
	width: 300px;
	height: 150px;
	border: dotted 1px #c0c0c0;
	overflow: auto;	
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 3px;
	padding-right: 3px;
	font-size: 11pt;
}

div.myDetailsSpecials table.specials td.bullet 
{
	display: none;
}

div.myDetailsSpecials table.specials td.textBullet 
{
	vertical-align: top;
	color: #53BE44;
}

div.myDetailsSpecials table.specials td.item 
{
	vertical-align: top;
	padding-bottom: 15px;
}

div.myDetailsSpecials table.specials td.item a
{
	color: #000000;
	font-weight: bold;
}

div.myDetailsSpecials table.specials td.item a:hover
{
	color: #70BD0D;
}


/*****************************************************************************/
/***	Extra cell at bottom of table mainOuter in master page             ***/

td.mainOuterFooter
{
	display: none;	
}


/*****************************************************************************/
/***	Language links in header include files for sets of cognate imps    ***/

table.languageLinks
{
	margin-bottom: 3px;
}

td.languageLink
{
	padding-left: 5px;
	padding-right: 5px; 
	padding-top: 2px;
	border-bottom: solid 2px #c0c0c0; 
}

td.languageLinkSelected
{
	color: Red;
	padding-left: 5px;
	padding-right: 5px; 
	border-left: solid 2px #c0c0c0; 
	border-right: solid 2px #c0c0c0; 
	border-top: solid 2px #c0c0c0; 
}

/*****************************************************************************/
/***	Linked cards                                                       ***/

div.cardSelection
{
	padding-top: 5px;
}

div.cardSelection select
{
	color: #666666;
	font-size: 9pt;	
}

div.cardSelectionTokenLogin
{
	padding-bottom: 5px;
}

div.cardSelectionTokenLogin select
{
	color: #666666;
	font-size: 9pt;	
}

div.appointmentRequestVehicleHeading
{
	font-size: 1.1em;
	text-decoration: underline;
	font-style: italic;
}


/*****************************************************************************/
/*** PWP Activation ***/

div.pwpActivationBody 
{	
}

div.pwpActivationBody table.fourPanelIntro 
{
	margin-top: 20px;
	margin-left: 50px;
	border-spacing: 15px;
}

div.pwpActivationBody table.fourPanelIntro td 
{
	width: 180px;
	height: 120px;
	border: solid 1px #c0c0c0;
	background-color: #e8e8e8;
	text-align: center;
	margin: 2px 2px 2px 2px;
	color: #808080;
}

div.pwpActivationBody table.fourPanelIntro td.col1
{
	border-color: #888888;
	color: #333333;
} 

div.pwpActivationBody #divCode
{
	margin-top: 30px;
	margin-bottom: 35px;
	margin-left: 330px;
}

div.pwpActivationBody #divCode input
{
	text-align: center;
	color: #666666;
}

div.pwpActivationBody #divCode span.statusMessage
{
	color: Red;
}

div.pwpActivationBody #divGoToHomeButton
{
	margin-bottom: 30px;
	text-align: right;	
}

div.pwpActivationBody table.details3cols
{
	width: 900px;
	margin-top: 20px;
	margin-bottom: 20px;
}

div.pwpActivationBody table.details3cols td
{
	vertical-align: top;
}

div.pwpActivationBody table.details3cols td.col1,
div.pwpActivationBody table.details3cols td.col2,
div.pwpActivationBody table.details3cols td.col3
{
	width: 300px;
}

div.pwpActivationBody #divConfirmDetailsContinueButton
{
	margin-top: 30px;
	text-align: right;
}

div.pwpActivationBody #divMyPreferencesStatusMessage
{
	width: 240px;
	margin-top: 20px;
}

div.pwpActivationBody #divMyPreferencesStatusMessage span.statusMessage
{
	color: Red;
}

div.pwpActivationBody #divUsernamePasswordContainer span.statusMessage
{
	color: Red;
}

div.pwpActivationBody #divActivateContinueButton
{
	margin-bottom: 30px;
	text-align: right;
}

div.pwpActivationBody #divFinishButton
{
	margin-bottom: 30px;
	text-align: right;
}



