/*
AutoVitals.com Landing page CSS
jaimi@jkercherphoto.com  |  October 2009
*/

/* PRIMARY STYLES */

body {
	background: #f4fbf2;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	text-align: left;
	color: #252525;
}

h1 {
	font-size: 22px;
	font-weight: bold;
	text-align: left;
	color: #41b728;
}

h2 {
	font-size: 20px;
	font-weight: bold;
	text-align: left;
}

h3 {
	font-size: 18px;
	font-weight: bold;
	text-align: left;
}

h4 {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}

a, a:active, a:visited {
    color: #41b728;
    text-decoration: underline;
    cursor:pointer
}

a:hover {
    color: #41b728;
    text-decoration: none;
}

a img {
    text-decoration: none;
    border-style:none;
    cursor:pointer;
}

.SmallHeaderLinks {
	color: Black;
    font-weight:bold;	
	background-color:Transparent;
	cursor:pointer;
}

.SmallHeaderLinks a, .SmallHeaderLinks a:active, .SmallHeaderLinks a:visited {
    color: Black;
    text-decoration: underline;
    cursor:pointer
}

.SmallHeaderLinks a:hover {
    color: Black;
    text-decoration: none;
}

.SavingsStep 
{
    font-size: 15px;
    font-weight: bold;
    margin-top: 10px;
    padding-top:0px;
}

.SavingsStepNumber 
{
    color: #5AB41E;
}

.SliderRail 
{    
   position: relative;    
   height: 15px;    
   width: 160px;    
   background-image: url(../DriverSignup/images/slider_custom_rail.png); 
   background-repeat:no-repeat; 
}

.SliderRailAnnualMileage 
{    
   position: relative;    
   height: 15px;    
   width: 162px;    
   background-image: url(../DriverSignup/images/slider_rail_annualMileage.png); 
   background-repeat:no-repeat; 
}

.SliderRailDrivingConditions 
{    
   position: relative;    
   height: 15px;    
   width: 162px;    
   background-image: url(../DriverSignup/images/slider_rail_drivingConditions.png); 
   background-repeat:no-repeat; 
}

.SliderHandle 
{    
   position: absolute;    
   height: 15px;    
   width: 15px;
   margin-top:0px;
   margin-left:0px;
   background-image: url(../DriverSignup/images/red_ball_15x15.gif);
   z-index:100000;
}

.DrivingProfileHeader
{
    font-weight:bold; 
    font-size:12px; 
    margin-top:5px;
}

.DrivingProfileRangeLeft
{
    width:50px; 
    font-size:12px;
    text-align:right;
}

.DrivingProfileRangeRight
{
    width:50px; 
    font-size:12px;
    text-align:left;
}

.DrivingProfileLegendBox
{
    border-width:1px; 
    border-style:solid; 
    border-color:#B5EAAA; 
    text-align:center; 
    font-size:10px; 
    padding-top:2px; 
    padding-bottom:2px;
    margin-bottom:7px;
}

.BenefitsList 
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size:14px; 
    text-align:left; 
    font-weight:bold; 
    line-height:40px; 
    list-style-type:none;
}
.BenefitsList li 
{
    background:url(../DriverSignup/images/check_red.gif) no-repeat 0 50%;
    padding:0 0 0 20px;
}

.BenefitsList2 
{
    margin: 0 0 0 0;
    padding: 10px 15px 10px 10px;
    text-align:left; 
    list-style-type:none;
}

.BenefitsList2 li 
{
    background:url(../DriverSignup/images/check_red.gif) no-repeat 0 50%;
    padding:10px 0 0 25px;
}

.ShopInfoBenefitsList 
{
    margin: 0 0 0 0;
    padding: 5px 15px 10px 10px;
    text-align:left; 
    list-style-type:none;
}

.ShopInfoBenefitsList li 
{
    background:url(../ShopInformation/images/triangle_black.gif) no-repeat 0 50%;
    padding: 10px 0 10px 25px;
    vertical-align:top;
}

.RegistrationStep
{
    padding-top:20px; 
    padding-bottom:15px;
    margin-bottom:0px;
    margin-left:120px;
}

.validatorCalloutHighlight
{
    background-color: lemonchiffon;
    z-index:100000;
}

.InformationInputTable
{
    width:100%; 
    padding-left:0; 
    padding-top:5px; 
    margin-left:-7px;
}

.InformationInputLegendCell
{
    vertical-align:top; 
    width:200px;
    text-align:left;
}

.RequiredFieldLegend
{
    color:Red; 
    font-size:11px; 
    padding-bottom:5px;
}

.ProfileSectionHeader
{
    color:#41b728; 
    font-weight:bold; 
    padding-top:15px; 
    padding-bottom:3px
}

/* PRIMARY PAGE ELEMENTS */

#landingContainer {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#landingBanner-top {
	background-color: #aee29d;
	background-image: url(../DriverSignup/images/banner_green_1204x1px.gif);
	background-repeat: repeat-y;
	height: 30px;
}

#landingBanner-bottom {
	background-image: url(../DriverSignup/images/banner_blue_10x1px.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	font-family: Verdana, Geneva, sans-serif;
	padding-top: 30px;
	height: 10px;
}

#landingHeader {
	width: 990px;
	height: 32px;                 /* org. 28px; */
	padding-left: 25px;
	text-align: left;
	margin-top: -32px;            /* org. -27px; */
}

#carLogo {
    /* float:left; */
    position:absolute;
    padding-left: 15px;
    margin-top: -4px;
    height:90px;
    z-index: 100000;
}

#helpLine 
{
    /*float:right;*/ 
    font-size:12px; 
    padding-right:45px; 
    padding-top:3px;
    margin-top:0px;    
}

#landingMainContent {
	width: 990px;
	background-image: url(../DriverSignup/images/container_bkgd_989x1px.gif);
	background-repeat: repeat-y;
}

#landingContent 
{
    height: 550px;
}

#landingContent-left {
	width: 625px;
	float: left;
	position: relative;
	margin-left:18px;
	margin-top:20px;
}

#landingContent-right {
	background-color: transparent;
	width: 292px;
	height: 500px;
	background-image: url(../DriverSignup/images/calculator_box.gif);
	background-repeat:no-repeat;
	float: right;
	position: relative;
	margin-right:15px;
	margin-top:10px;
	padding-top: 33px;
	padding-left:12px;
	padding-right:12px;
	text-align:left;
}

#landingFooter {
	width: 990px;
	height: 20px;
	background-image:url(../DriverSignup/images/container_btm_989x18px.gif);
}

#averageAnnualMileageMarker {
    position: absolute;
    margin-left: 58px;
    margin-top: -22px;
    z-index: 1000;
}

#landingContent h1
{
    margin-top:0px;
    padding-top:15px;
    text-align:center;
}

#landingContent-left h2
{
    margin-top:0px;
    margin-bottom:0px;
    padding-top:0px;
    padding-bottom:0px;
}

#mechanicsImage 
{
    float:left; 
    margin-top:10px
}

#getStartedContents
{
    float:right; 
    margin-top:15px;    
}

#getStartedContents h3
{
    padding: 0px 0px 0px 0px;
    margin-bottom:10px;
    text-align:center;
}

#savebar-left
{
    height:100px;
    width:113px;
    float:left;    
    background-image:url(../DriverSignup/images/savebar_left.gif);
    background-repeat:no-repeat;
}

#savebar-center
{
    height:100px; 
    margin-left:113px; 
    margin-right:23px; 
    background-image:url(../DriverSignup/images/savebar_bkgd.gif);
    background-repeat:repeat-x; 
    padding-top:33px;
    text-align:center;
    vertical-align:middle;
    font-size:16px;
    font-weight:bold;
}

#savebar-right
{
    height:100px;
    width:23px;
    float:right;    
    background-image:url(../DriverSignup/images/savebar_right.gif);
    background-repeat:no-repeat;
}

#copyright
{
    text-align:left; 
    font-size: 12px; 
    color:Gray;
}

/* Registration page */

#registrationContent 
{
    clear:left;
    text-align:left;
    margin-left:25px;
    margin-right:25px;
    margin-top:0px;
}

#registrationContent h1
{
    text-align:left;
    margin-top:0px;
    padding-top:10px;
    padding-bottom:0px;
    margin-bottom:0px;
}

#registrationContent-left {
	width: 464px;
	float: left;
	position: relative;
	margin-left:0px;
	margin-top:15px;
	padding:0;
}

#facebookConnectHeader
{
    background-image:url(../DriverSignup/images/registration/box_top.gif); 
    height:12px; 
    width:464px
}

#facebookConnect 
{
    background-image: url(../DriverSignup/images/registration/box_bkgd.gif);
    background-repeat:repeat-y;
    width:444px;            /* 504px - padding */
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
	padding-bottom:3px;
}

#facebookConnectFooter
{
    background-image: url(../DriverSignup/images/registration/box_btm.gif);
	height: 12px;
	width: 464px;
}

#facebookConnect h3
{
    padding-top:3px;  
    margin-top:0px; 
    padding-bottom:7px;
    margin-bottom:0px;
}

#facebookConnectButton
{
    text-align:center;
    padding-top:6px;
    padding-bottom:6px;
}

#orBar
{
    background-color:#d7d7d7;
    text-align:center;
    font-size:18px;
    font-weight:bold;
    margin-top:10px;
    margin-bottom:10px;
    padding-top:5px;
    padding-bottom:5px;
}

#createAccountHeader
{
    background-image:url(../DriverSignup/images/registration/box_top.gif); 
    height:12px; 
    width:464px
}

#createAccount
{
    background-image: url(../DriverSignup/images/registration/box_bkgd.gif);
    background-repeat:repeat-y;
    width:444px;            /* 504px - padding */
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
	padding-bottom:3px;
}

#createAccountFooter
{
    background-image: url(../DriverSignup/images/registration/box_btm.gif);
	height: 12px;
	width: 464px;
}

#createAccount h3
{
    padding-top:3px;  
    margin-top:0px; 
    padding-bottom:7px;
    margin-bottom:0px;
}

#registrationContent-right {
	width: 450px;
	float: right;
	position: relative;
	margin-right:0px;
	margin-top:15px;
	padding-left:10px;
	padding-right:10px;
}

#registrationContent-right h1
{
    margin-top:5px;
    padding-top:0px;
    padding-left:10px;
}

#benefitsBonusHeader
{
    background-image:url(../DriverSignup/images/registration/sidebox_top.gif); 
    height:12px; 
    width:395px
}

#benefitsBonus
{
    background-image: url(../DriverSignup/images/registration/program_benfits_bkgd.gif);
    background-repeat:no-repeat;
    width:450px;
    height:487px;
	padding-left:10px;
	padding-right:10px;
	padding-top:15px;
	padding-bottom:0px;
}

#benefitsBonus h1 
{
    margin-top:0;
    padding-top:15px;
}

#benefitsBonusFooter
{
    background-image: url(../DriverSignup/images/registration/sidebox_btm.gif);
	height: 12px;
	width: 395px;
}

#bonusBox
{
    background-color:#fffcd4;
    margin-top:13px;
    margin-left:3px;
    margin-right:3px;
    margin-bottom:0px;
    padding: 5px 13px 25px 10px;
}

#bonusBox h2
{
    margin-top:5px;
    padding-top:7px;
    font-size:18px;
}

#registrationBonusBadge
{
    float:left; 
    height:220px; 
    margin-right:15px; 
    margin-top:0px;
}

#registrationMovie
{
    margin-left:5px; 
    padding-top:0px;
    height:230px; 
    width:432px; 
    background-image:url(../DriverSignup/images/registration/BackgroundLoadingMovie.jpg); 
    background-repeat:no-repeat;          
}

/* Shop recommendation page */

#recommendationContent 
{
    clear:left;
    text-align:left;
    margin-left:25px;
    margin-right:25px;
    margin-top:0px;
    padding-top:0px;
}

#recommendShopHeader
{
    background-image:url(../DriverSignup/images/recommendation/box_top.gif); 
    height:12px; 
    width:504px;
    margin-left:0;
}

#recommendationBox
{
    clear:both; 
    padding:0 0 0 0; 
    margin-top:15px;   
}

#recommendShop
{
    background-image: url(../DriverSignup/images/recommendation/box_bkgd.gif);
    background-repeat:repeat-y;
    width:484px;                /* 504px - padding */
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
	padding-bottom:0px;
    margin-left:0;
    text-align:left;
}

#recommendShopFooter
{
    background-image: url(../DriverSignup/images/recommendation/box_btm.gif);
	height: 12px;
	width: 504px;
    margin-left:0;
}

#recommendShop h3
{
    padding-top:0px;  
    margin-top:0px; 
    padding-bottom:7px;
    margin-bottom:0px;
}

#shopRecommendationTable
{
    width:100%; 
    padding-left:0; 
    padding-top:5px; 
    margin-left:-7px;
}

#recommendationBonusBox
{
    margin-top:0px;
    padding-top:0px;
}

#recommendationBonusBar-left
{
    height: 100px;
    width: 15px;
    float: left;
    background-image: url(../DriverSignup/images/recommendation/savebar_left.gif);
    background-repeat: no-repeat;
}

#recommendationBonusBar-center
{
    height:100px; 
    margin-left:15px; 
    margin-right:15px; 
    background-image:url(../DriverSignup/images/recommendation/savebar_bkgd.gif);
    background-repeat:repeat-x; 
    padding-top:0px;
    text-align:left;
    font-size:14px;
}

#recommendationBonusBar-center h1
{
   color:Black; 
   padding-top:12px;
   padding-bottom:0px;
   margin-bottom:7px;
}

#recommendationBonusBar-right
{
    height:100px;
    width:15px;
    float:right;    
    background-image:url(../DriverSignup/images/recommendation/savebar_right.gif);
    background-repeat:no-repeat;
}

#recommendationBonusBatch
{
    margin-right:20px; 
    margin-top:5px;
    height:85px;
    width:85px;
}

/* Driving Profile */

#profileContent 
{
    clear:left;
    text-align:left;
    margin-left:25px;
    margin-right:25px;
    margin-top:0px;
    font-size:12px;
}

#profileContent h1
{
    text-align:left;
    margin-top:0px;
    padding-top:7px;
    padding-bottom:3px;
    margin-bottom:0px;
}

#profileHeader
{
    background-image:url(../DriverSignup/images/profile/fullwidth_box_top.gif); 
    background-repeat:no-repeat;
    height:12px; 
    width:927px;
    margin-left:0;
    margin-top:10px;
}

#profile
{
    background-image: url(../DriverSignup/images/profile/fullwidth_box_bkgd.gif);
    background-repeat:repeat-y;
    width:907px;                /* 927px - padding */
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
	padding-bottom:0px;
    margin-left:0;
    text-align:left;
}

#profileFooter
{
    background-image: url(../DriverSignup/images/profile/fullwidth_box_btm.gif);
    background-repeat:no-repeat;
	height: 12px;
	width: 927px;
    margin-left:0;
}

#profileThankYouBox
{
    background-color:#FDFDD3; 
    padding-left:20px; 
    padding-right:20px; 
    padding-top:10px; 
    padding-bottom:10px; 
    margin-right:10px;
}

#profileSavingsBox
{
    float:right;
    background-image: url(../DriverSignup/images/profile/savings_box.gif);
    width: 186px;
    height:238px;
    margin-right:25px;
    margin-top:150px;
    font-size:9px;
    padding-top: 0px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    text-align:justify;
}

#profileSavingsBox h3
{
    font-size:16px;
    text-align:center;
    padding-top:7px;
    padding-bottom:3px;
    margin-top:0px;
    margin-bottom:0px;
}

#profileInput
{
    margin-left: 25px; 
    margin-right:250px;
}