﻿/*
 * Overrides styles in main.css.
 */
 
h1 { color:#25327b; font-family:Arial, Helvetica, sans-serif; font-size:3.273em; margin-bottom:3px;font-weight:400;}
#header-search { position:absolute;right:0px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #eaeaea; background-color: #a0a0a0;}
#header-search-input { border-right:thin solid #eaeaea; border-left:thin solid #eaeaea; border-top:thin solid #eaeaea; border-bottom:thin solid #eaeaea; width:100px; margin-left:5px; margin-top:3px; height:21px; background-color:#a0a0a0; border:none; font:11px Arial, Verdana, sans-serif; color:#ffffff; font-weight:600; text-transform:uppercase;}


/*
 * Service Center Styles.
 * ------------------------------------ */
 
.svc_ctr h1 {
	margin-top:0;
}
.svc_ctr a {
	color:#086ab5;
	font-family:Arial, Helvetica, sans-serif;
	x-font-size:1.273em;
}
.svc_ctr_addr {
	color:#25327b;
	font-size:1.364em;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 9px 0;
}
.svc_ctr_links a {
	background:url(/images/bg_svc_ctr_links.png) no-repeat;
	margin-right:20px;
	padding: 3px 0 2px 20px;
	font-size: 1.273em;
}
.svc_ctr_links .visit {
	background-position:left 2px;
}
.svc_ctr_links .phone {
	background-position:left -18px;
}
.svc_ctr_links .directions {
	background-position:left -40px;
}
.svc_ctr_links .hours {
	background-position:left -58px;
}
.svc_ctr_links .amenities {
	background-position:left -79px;
}
.svc_ctr_hr {
	height:3px;
	background-color:#cad9ee;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	margin:8px 0;
}
.svc_ctr_header.sccHeight {
    height: 230px;
}
.svc_ctr_header .col {
	float:left;
}
.svc_ctr_header .col.image {
	width:280px;
}
.svc_ctr_header .col.rating {
	width:246px;
    border-bottom: 0px;
    padding-top: 0px;
}
.svc_ctr_header .col.badge {
	width:97px;
	text-align:center;
    padding-top:5px;
}
.svc_ctr_header .col.badge a {
	font-size: 1.273em;
}
.svc_ctr_header .col.promo {
	width:306px;
	padding-left:46px;
}
.svc_ctr_header .col.promo img.appt {
    cursor:pointer;
}
.svc_ctr_header .dr_rating_stars {
	margin-bottom:9px;
}
.svc_ctr_sched_appointment {
	margin-bottom:7px;
}
.svc_ctr .left_col {
	float:left;
	width:653px;
	margin-right:25px;
	min-height:300px;
}
.svc_ctr .right_col {
	float:right;
	width:300px;
	min-height:300px;
}
.svc_ctr_reviews h2 {
	color:#25327b;
	font-size:2em;
	font-family:Arial, Helvetica, sans-serif;
    font-weight: 400;
	position:relative;
}
.svc_ctr_reviews h2 span {
	color:#e75204;
}
.svc_ctr_reviews h2 a {
	display:block;
	position:absolute;
	right:0;
	top:-10px;
}
.svc_ctr .panel {
	margin-bottom:25px;
}
.svc_ctr_employees h2 {
	font-size:2em;
	color:#e7561f;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:200;
	margin:0px;
	padding:13px 0 13px 18px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
    border: 1px solid #d3e2f2;
	border-top-right-radius: 7px;
	background: #fff; /* Old browsers */
}
.svc_ctr_employees a {
	font-size: 1.273em;
}
.svc_ctr_employees .body {
	border: 1px solid #d3e2f2;
    border-top: none;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	background: #fff;
    padding: 0px 10px;
}
.svc_ctr_employees ul {
	margin:0;
	padding:0;
	list-style:none;
}
.svc_ctr_employees li {
	min-height: 48px;
    border-bottom: 1px solid #d3e2f2;
	position: relative;
    float: left; 
    width: 100%;
    padding: 15px 0px;
}

    .svc_ctr_employees li div {
        float: left;
    }

    .svc_ctr_employees li .photo {
        float: left;
        margin-right: 10px;
        border: 1px solid #ccc;
    }

.svc_ctr_employees li.last_child {
	border-bottom:none;
}
    .svc_ctr_employees li div span {
        display: block;
        font-family:Arial, Helvetica, sans-serif;
        font-size: 1.1em;
        line-height: 1.2em;
        color:#25327b;
    }


    .svc_ctr_employees li div span.badge {
        font-weight: bold;
        font-size: 1em;
        margin-top: 5px;
    }

        .svc_ctr_employees li div span.badge img {
            padding-right: 2px;
        }
.svc_ctr_employees .name {
    font-weight: bold;
}
.svc_ctr_employees .title {
    max-width: 100px;
}
.svc_ctr_employees .read_reviews {
	position: absolute;
    right: 5px;
    line-height: 50px;
}
.svc_ctr_employees .view_all {
	text-align: center;
}

    .svc_ctr_employees .view_all img {
        margin: 30px 0px;
    }

.svc_ctr_map h2 {
	color:#25327b;
	font-size:1.4em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
    font-weight:100;
    margin-top:5px;
}
.svc_ctr_map a {
	color:#084B8A;
	font-size:1.4em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
    font-weight:100;
}

.svc_ctr_ratings {
	float:left;
	width:239px;
	list-style:none;
	padding:0 8px 0 0;
	margin:0 8px 0 0;
	border-right:2px solid #cad9ee;
}
.svc_ctr_ratings .dr_rating_stars {
	position: absolute;
	right: 0px;
	top: 3px;
	margin-top: 0;
}
.svc_ctr_ratings li {
	position: relative;
	height: 23px;
	border-top: 1px solid #e1eaf5;
	padding-top: 5px;
}
.svc_ctr_ratings li:first-child {
	border-top: none;
}
.svc_ctr_ratings h3 {
	color:#25327b;
	font-size:1.4em;
	font-family:Arial, Helvetica, sans-serif;
    font-weight: 100;
}
.svc_ctr_about {
	float:right;
	width:393px;
}

.svc_ctr_about h3{
	color:#25327b;
	font-size:1.5em;
	font-family:Arial, Helvetica, sans-serif;
    font-weight: 100;
	position:relative;
}

.svc_ctr_about font{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
    font-weight: normal;
}
.sparkbox_label {
	color:#e25524;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.364em;
	margin-right:7px;
	line-height:1.5em;
}
.scv_ctr_sales_reviews {
	float:right;
}


/*
 * Service Center - Individual Review Styles.
 * ------------------------------------------ */

.svc_ctr_reviewer {
	float:left;
}
.svc_ctr_reviewer p {
	font-size:1.273em;
}
.svc_ctr a.svc_ctr_dealt_with {
	display:block;
	margin-top:5px;
	color:#1b43a1;
	font-size: 1.273em;
}
.svc_ctr_dealt_with img {
	margin-right:7px;
}
.svc_ctr_review span {
	color:#25327b;
}
.svc_ctr_review .review_options {
	color:#e7551e;
}
.svc_ctr_review .review_options h4 {
	font-size:1.455em;
}
.svc_ctr_review .review_options a {
	font-size:1.364em;
	color:#1b43a1;
	display:block;
	float:left;
	margin-left:5px;
	padding-left:5px;
	border-left:1px solid #e7551e;
}
.svc_ctr_review .review_options a.first-child {
	border-left:none;
	padding-left:0;
	margin-left:0;
}
.svc_ctr_review .review_options img {
	float:right;
}
.svc_ctr_review .svc_ctr_review_body {
	color:#231f20;
}
.svc_ctr_review .svc_ctr_helpful {
	color:#1b43a1;
	font-size:1.364em;
}
.svc_ctr_review .svc_ctr_helpful a {
	color:#0000ff;
}
.svc_ctr_review .svc_ctr_write_review {
	display:block;
	font-weight:bold;
	font-size:1.545em;
	text-align:center;
	color:#001588;
	margin:16px 0 3px;
}
.svc_ctr_ratings .score {
	position: absolute;
	right: 14px;
	top:6px;
	color: #25327b;
	font-size: 1.182em;
	font-family: Arial, Helvetica, sans-serif;
}
.svc_ctr_review .svc_ctr_ratings {
	float:right;
	width:289px;
	height:160px;
}
.svc_ctr_review .svc_ctr_ratings li {
	height: auto;
	border-top: none;
	padding-top: 5px;
}
.svc_ctr_review .svc_ctr_ratings li.total {
	border-top:2px solid #97a6c8;
	margin-top:5px
}
.svc_ctr_review .svc_ctr_ratings li.total .score {
	width: 40px;
	height: 31px;
	background: url(../img/bg_rating_score.png) no-repeat -29px 0;
	font-size: 1.455em;
	padding-top: 9px;
	right: 2px;
	text-align:center;
	color:#fff;
	top:2px;
}
.svc_ctr_review .svc_ctr_ratings li.total h3 {
	margin-top:7px;
}
.svc_ctr_review .svc_ctr_ratings li.total .dr_rating_stars {
	top:9px;
}
.svc_ctr_review .svc_ctr_ratings .dr_rating_stars {
	right: 46px;
}

/*
 * Star Rating Styles
 * ------------------------------------ */

.dr_rating {
	width:160px;
	margin:0 auto;
	text-align:center;
}
.dr_rating h2 {
	color:#25327b;
	font-size:2.0em;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:0;
    font-weight:normal;
}
.dr_rating a { 
	font-size: 1.273em;
}
.dr_rating_score_lrg {
	background:url(/images/bg_rating_score_lrg.png) no-repeat;
	width:93px;
	height:93px;
	position:relative;
	margin:0 auto;
}
.dr_rating_score_lrg span {
	position:absolute;
	color:white;
	font-size: 4em;
	top: 29px;
	left: 15px;
	font-family:Arial, Helvetica, sans-serif;
}
.dr_rating_stars {
	width: 105px;
	height: 19px;
	margin-top:12px;
	margin:0 auto;
}

/*
 * Custom Dropdown Styles
 * ------------------------------------ */
.sparkbox {
	display: none;
}
.sb-custom {
	cursor: pointer;
	position: relative;
	width: 200px;
	margin-right: 10px;
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
	font-size: 1.364em;
	font-family: Arial, Helvetica, sans-serif;
	border:2px solid #e55c2c;
}
.sb-select {
	background: url(../img/bg_drop_arrow.png) no-repeat 96% 50%;
	border: none;
	color: #071689;
	left: 0;
	padding: 1px 30px 0px 5px;
	position: relative;
	text-decoration: none;
	top: 0;
	width: 160px;
	z-index: 1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-family: Arial, Helvetica, sans-serif;
}
.sb-dropdown {
	background: white;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2), inset 0px 6px 8px -8px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, .2), inset 0px 6px 8px -8px rgba(0, 0, 0, .5);
	box-shadow: 0 0 4px rgba(0, 0, 0, .2), inset 0px 6px 8px -8px rgba(0, 0, 0, .5);
	display: none;
	font-size: .9em;
	left: 5px;
	list-style: none;
	margin: 0;
	padding: 5px;
	position: absolute;
	top: 1.9em;
	width: 224px;
	z-index: 2;
	overflow-y:scroll;
}
.sb-dropdown a {
	color: #444;
	display: block;
	padding: 3px;
	text-decoration: none;
}
.sb-dropdown a:hover,
.sb-dropdown .selected {
	background: #e96331;
	color:#fff;
}

.sc-photo
{
    max-width: 280px;
    max-height: 180px;
    background-color: #ffffff;
    text-align: center;
    /*margin-bottom: 10px;*/
}

.sc-photo #thumb-large {
    height: 180px;
    line-height: 180px;
    vertical-align:middle;
}
.sc-photo #thumb-large img {
    max-width: 280px;
    max-height: 180px;
}

.primary
{
    width: 300px;
    height: auto;
    margin-bottom: 5px;
}

.thumbnail
{
    width: 70px;
    height: auto;
    background-color: #ffffff;
    text-align: center;
    padding-right: 5px;
}

.link {
    width:70px;
    float:left;
    text-align:center;
    margin-top:4px;
    font-size: 1.273em;
}
.svc_ctr .svc_ctr_header .promo .offer { display:block;width:280px;margin:5px 0px 0px 0px; }
.svc_ctr .svc_ctr_header .promo .offer .offer_content { display:block;width:280px;height:100px;border:2px dashed #2c2e79;padding:5px 5px 5px 5px; }
.svc_ctr .svc_ctr_header .promo .offer .offer_content .offer_title { height:29px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Arial, Helvetica;font-size:2.0em;color:#2c2e79; }
.svc_ctr .svc_ctr_header .promo .offer .offer_content .offer_text { display:block;height:53px;font-family:Arial, Helvetica;font-size:1.182em;color:#000000;margin:2px 0px 0px 0px; } 
.svc_ctr .svc_ctr_header .promo .offer .offer_content .offer_footer { display:block;width:280px;font-family:Arial, Helvetica;font-size:1.182em;color:#2c2e79; } 
.svc_ctr .svc_ctr_header .promo .offer .offer_content .offer_footer .offer_expires { float: left; }
.svc_ctr .svc_ctr_header .promo .offer .offer_content .offer_footer .offer_expires span { color: #000000; }
.svc_ctr .svc_ctr_header .promo .offer .offer_content .offer_footer .offer_view { float: right; }
.svc_ctr .svc_ctr_header .promo .offer .offer_view_all { display:block;width:280px;margin:3px 0px 0px 0px;text-align:center;font-size:1.182em; }

.offer_print { display:block;width:450px; }
.offer_print .offer_content { display:block;width:450px;border:2px dashed #2c2e79;padding:5px 5px 5px 5px; }
.offer_print .offer_header { display:block;width:450px;font-family:Arial, Helvetica;font-size:14px;color:#2c2e79;margin:0px 5px 10px 5px; } 
.offer_print .offer_header .svc_name { max-width:280px;overflow:hidden;text-overflow:ellipsis; }
.offer_print .offer_header .offer_powered { line-height:68px }
.offer_print .offer_content .offer_title { font-family:Arial, Helvetica;font-size:25px;color:#2c2e79; }
.offer_print .offer_content .offer_text { display:block;font-family:Arial, Helvetica;font-size:13px;color:#000000;margin:2px 0px 0px 0px; } 
.offer_print .offer_content .offer_footer { display:block;font-family:Arial, Helvetica;font-size:14px;color:#2c2e79;margin:5px 0px 0px 0px; } 
.offer_print .left { float: left; } 
.offer_print .right { float: right; } 
.offer_print .offer_content .offer_footer .span { color: #000000; }
.offer_print .offer_content .offer_disclaimer { display:block;font-family:Arial, Helvetica;font-size:10px;color:#2c2e79;margin:8px 0px 0px 0px;font-style:italic; }

.offer_list_dialog .ui-widget-header { 
    border: 1px solid #e78f08; 
    background: #F58358 url(/images/ui-lightness/DR_Site__0002_orange-back.png) 50% 50% repeat-x; 
    color: #ffffff; 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.182em;
}
.offer_list_dialog .ui-widget-header .ui-dialog-titlebar-close .ui-button-icon-primary {
    position: absolute;
    top: -1px;
    left: -1px;
}
.offer_list_dialog .ui-widget-header a { color: #ffffff; }
.offer_list_dialog p { text-align: right; width:100%; }
.offer_list_dialog p span { margin: 0px 10px 0px 0px; }



#offer_list_table {
	width:100%;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
    margin: 10px 0px 0px 0px;
}
#offer_list_table a {
	color:#214290;
}
#offer_list_table .offer_col {
    width: 500px;
}
#offer_list_table .offer_title {
    display:block;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 1.273em;
    margin: 0px 0px 3px 0px;
}
#offer_list_table .offer_details {
    display: block;
    margin: 0px 0px 0px 5px;
}
#offer_list_table .offer_view {
    width: 100px;
}
#offer_list_table td {
	padding:6px;
	border-left:1px solid #ddd;
}
#offer_list_table tr:nth-child(odd) {
	background-color:#f5ebe8;
}
#offer_list_table tr:nth-child(even) {
	background-color:#e1e7f4;
}
#offer_list_table .ctr {
	text-align:center;
}

/* service center appointment dialog styles */
#service_appointment_dialog {
    overflow: hidden;
    margin: 0px 0px 10px 0px;
}
#service_appointment_dialog .error {
    border: 1px solid #ff0000 !important;
}
.service_appointment_dialog p {
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    color: #687481;
    font-size: 15px;
    margin: 10px 0px 10px 0px;
}
.service_appointment_dialog .data_block {
    width: 445px;
    margin: 0px 0px 0px 10px;
}
.service_appointment_dialog .col1 {
    width: 220px;
    display: inline-block;
    float: none;
}
.service_appointment_dialog .contact_info .col2 {
    width: 220px;
    display: inline-block;
    float: none;
}
.service_appointment_dialog .contact_info .col1 label,
.service_appointment_dialog .contact_info .col2 label {
    width: 225px;
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #687481;
}
.service_appointment_dialog .contact_info .col1 input,
.service_appointment_dialog .contact_info .col2 input {
    width: 200px;
    height: 23px;
    padding:0px 0px 0px 5px;
    margin:0px 5px 0px 0px;
    border: 1px solid #d5d5d5;
}
.service_appointment_dialog .contact_info .col1 input[id="first_name"],
.service_appointment_dialog .contact_info .col2 input[id="last_name"] {
    margin-bottom: 5px;
}
.service_appointment_dialog .appointment_details input[id="first_date"] {
    margin: 0px 0px 7px 0px;
}
.service_appointment_dialog .appointment_details input[id="first_date"],
.service_appointment_dialog .appointment_details input[id="second_date"] {
    margin-right: 5px;
    border: 1px solid #d5d5d5;
}
.service_appointment_dialog .appointment_details label,
.service_appointment_dialog .vehicle_info label {
    width: 400px;
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #687481;
}
.service_appointment_dialog .appointment_details input {
    width: 100px;
    height: 23px;
    padding:0px 0px 0px 5px;
    margin:0px 5px 0px 0px;
    float:left;
}
.service_appointment_dialog .appointment_details img {
    float:left;
    margin: 1px 5px 0px 0px;
}
.service_appointment_dialog .appointment_details .time_dropdown {
    margin: 0px 0px 0px 3px;
    width: 100px;
}
.service_appointment_dialog .appointment_details .service_radios {
    display: inline-block;
    width: 160px;
    margin-top:-2px;
    margin-left:5px;
}
.service_appointment_dialog .appointment_details .service_radios label {
    width: 100px;
}
.service_appointment_dialog .appointment_details .service_radios input {
    height: 1.23em;
    width: 15px;
    margin-left:20px;
    padding-bottom:6px;
}
.service_appointment_dialog .appointment_details select {
    width: 125px;
}
.service_appointment_dialog .vehicle_info label {
    margin: 7px 0px 0px 0px;
}
.service_appointment_dialog .vehicle_info #vehicle_year {
    float:left;
    height:25px;
    width:60px;
    padding:0px 0px 0px 5px;
    margin:0px 5px 0px 0px;
    border: 1px solid #d5d5d5;
}       
.service_appointment_dialog .vehicle_info .serviceSelect {
    border: 1px solid #d5d5d5;
    color: #092d82;
    height: 27px;
    padding: 3px;
    line-height: 1;
    margin: 0px 0px 5px 0px;
}

    .service_appointment_dialog .vehicle_info .serviceSelect option {
        padding: 3px;
        color: #092d82;
    }

    .service_appointment_dialog .vehicle_info .serviceSelect#vehicle_make {
        width: 200px;
    }

    .service_appointment_dialog .vehicle_info .serviceSelect#vehicle_model {
        width: 150px;
    }

    .service_appointment_dialog .vehicle_info .serviceSelect#service_requested {
        width: 425px;
    }

.service_appointment_dialog .vehicle_info textarea {
    width: 422px;
    height: 90px;
    border: 1px solid #d5d5d5;
}
.service_appointment_dialog #field_input_error {
    display: none; 
    color: #ff0000; 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px; 
    margin:4px 0px 0px 5px; 
    text-align: center;
}

#learn_more_dialog #left_logo {
    float:left;
    width:160px;
    overflow:auto;
}
#learn_more_dialog #left_logo img {
    margin:15px 0 0 16px;
}
#learn_more_dialog #right_text {
    float:left;
    width:280px;
    overflow:auto;
}

/* Match "Is this your Service Center?" font to CDP page description*/
.cdp_font_setting{
font-family:Arial,Verdana;
color:rgb(104, 116, 129); /* grey font */
font-size:13px;
}

#divHours {
  display:none;
}
#hours #service_hours { margin: 0 5px 0 5px; float: left }
#hours #parts_hours { margin: 0 5px 0 5px; float: left }
#hours h2 { display:block;color:#000000;font-size:14px;font-weight:bold;margin:0 0 8px 0; }
#hours h3 { display:inline-block;font-size:11px;font-weight:bold;color:#000000;width:100px;}

.screcord .service_featured_review {width:300px;margin: 0px 5px 0px 5px;}
.screcord .service_featured_review .ftitle {display:block;width:300px;font-size:1.9em;width:300px;color:#29317E;font-weight:bold;font-family:Arial, Helvetica;}
.screcord .service_featured_review .fsnippit {display:inline-block;width:300px;margin:-6px 0px 20px 0px;word-wrap: break-word;font-size:13px;font-family:Arial, Helvetica;color:#000000;}
.screcord .service_featured_review .fsnippit a:hover {text-decoration:underline;}
.screcord .service_featured_review .fusername_rating {display:block;width:300px;clear:both;}
.screcord .service_featured_review .fusername_rating .fusername {display:inline-block;width:185px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:top;margin:3px 0px 0px 0px;font-family:Arial, Helvetica;color:#000000;font-size:13px;}
.screcord .service_featured_review .fusername_rating .frating {display:inline-block;width:100px;margin:0px 0px 0px 0px;}

.contact_info  label {
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #687481;
}

.contact_info  input {
    width: 200px;
    height: 23px;
    padding:0px 0px 0px 5px;
    margin:0px 5px 0px 0px;
    border: 1px solid #d5d5d5;
}