﻿@import url("https://use.typekit.net/krn7qzx.css");

@font-face {
    font-family: 'Gobold';
    src: url('/fonts/Gobold/gobold_regular.eot');
    src: url('/fonts/Gobold/gobold_regular.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Gobold/gobold_regular.woff') format('woff'),
         url('/fonts/Gobold/gobold_regular.ttf') format('truetype'),
         url('/fonts/Gobold/gobold_regular.svg#gobold_regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gobold-Thin';
    src: url('/fonts/Gobold/gobold_thin.eot');
    src: url('/fonts/Gobold/gobold_thin.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Gobold/gobold_thin.woff') format('woff'),
         url('/fonts/Gobold/gobold_thin.ttf') format('truetype'),
         url('/fonts/Gobold/gobold_thin.svg#gobold_thin') format('svg');
    font-weight: normal;
    font-style: normal;
}

html { background: #FFF; }
body { width: 100%; }

a, .phone, .summary .contact_bar li.phone, .content_map .summary .phone, .listing_moreinfo_tab .phone, .info .phone, .frame_site_phone .phone, .content_details .summary .phone, .content_map .phone-number { color: #006ab0; }



/* HEADER */
#branding .container { padding: 15px 25px; }
#branding .container > a { width: 150px; }

#branding .logo { float: none; margin: 0; max-width: 250px; }

#searchbar { margin: 17px 0 0; }
#searchbar > * { display: inline-block; vertical-align: middle; }



/* RESULTS BAR */
#results_bar {
background: #475666;
border-bottom: 1px solid #707d8d;
width: 100%;
left: 0;
}

#results_bar h2 { font-weight: 200; }
#results_bar .container::after { background: #475666; left: 40px; }
#results_bar .container::before {
content: "";
display: block;
width: 17px;
position: absolute;
background: #707d8d;
height: 17px;
left: 40px;
bottom: -9px;
transform: rotate(45deg);
z-index: 10;
}



/* FOOTER */
#site_info {
background: #FFF;
border-top: 1px solid #e0e0e0;
margin-bottom: 0;
}
#site_info li, #site_info a { color: #4d4d4d; }



/* LISTINGS PAGE STUFF */
.content, .content_full { margin: 0 auto; }
.content_ent, .content_map { background: #f5f5f5; width: 100%; }

.content_ent #content_main { background: none; }

.listing_ent { border: solid 12px #d9d9d9; }
.listing_ent .review .yellow, #review_feed .customer_review .review .yellow, #content_main .summary .location-name .review .yellow { color: #eb9000; }
#content_main .summary h2 .review .review-total > a { font-weight: 400; }

.logo_listing img {
	width: 125px;
	max-width: 125px;
	max-height: 50px;
}

.summary h2 { color: #404040; }
.summary .contact_bar ul li { display: none; }
.summary .contact_bar li.phone, .content_map .summary .phone {
	display: block!important;
	font-family:  bebas-neue,arial,helvetica,sans-serif;
	font-size: 3em;
	font-weight: 400;
	font-style: normal;
	color: #006ab0;
}
.content_map .summary .phone { font-size: 2.5em; }

.content_map .listings > ol > li.highlighted { border: 2px solid #006ab0; }
.content_map .pagination .previous, .pagination .next, .pagination .previous_off, .pagination .next_off { background: #006ab0; }

.content_map .summary .phone a {
    font-family: open sans, arial, sans-serif;
    font-size: .3em;
    border-left: 1px solid #4d4d4d;
    padding-left: 5px;
    margin-left: 0;
}

.contact_bar > ul > li.call {
	color: #404040;
	font-style: italic;
}

.contact_bar a { color: #006ab0; }
.frame_site_backlink a:visited, a, a:hover { color: #006ab0; }

.content_details, .content_details #content_main { width: 100%; }
.content_details .logo_details img { padding-bottom: 0; }
.content_details .summary .phone .calltoaction { display: none; }

.content_details .links { background: linear-gradient(to top, #e6e6e6, #f3f3f3); }

.content_details .coupons_map .map_container .directions_container #directions_link {
	background: linear-gradient(#0089d2 0%, #0089d2 49%, #006faa 51%, #0089d2 100%);
	padding: 6px 10px;
}

.content_details .coupon_text span {
	font-weight: 700;
	display: block;
	text-transform: uppercase;
}

.links li::after { background: linear-gradient(#0089d2 0%, #0089d2 49%, #006faa 51%, #0089d2 100%); box-shadow: 0px 1px 2px -1px #000; }
.links li a {
color: #595959;
font-weight: 700;
text-transform: uppercase;
line-height: 1.1em;
}

.links .custom_listing_two::before {
	background: url("/images/icons/icon_appt.png") no-repeat scroll center center transparent;
	border-right: 1px solid rgba(255,255,255,.5);
}
.links .custom_listing_two::after { background: linear-gradient(#ec9a01 0%, #ec9a01 49%, #e07600 51%, #ec9a01 100%); width: 100%; }
.links .custom_listing_two a {
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 10px;
}
.links .custom_listing_three::before { background: url("/images/icons/icon_tires.png") no-repeat scroll center center transparent; }
.links .custom_listing_four::before { background: url("/images/icons/icon_text.png") no-repeat scroll center center transparent; }

.links.secondary { margin: 50px 0 0 20px; }

#customtwo::before {
background: url("/images/Parts_Coupon_BTN.png") no-repeat left center transparent;
width: 20px;
height: 20px;
}

.map-location-info .phone, .map-location-info a:hover { color: #006ab0; }
.gm-style-iw .popup_moreinfo a::before, .gm-style-iw .popup_moreinfo a::after { background: #006ab0; }

.frame_site_holder { border-bottom: solid 5px #006ab0; }
.framereturn a { background: #006ab0; }

.listing_ent .review .yellow, #review_feed .customer_review .review .yellow, #content_main .summary h2 .review .yellow { color: #eb9000; }

/* COUPON STYLES */
.ChryslerCoupon {
	border: dashed 2px #b3b3b3;
	background: linear-gradient(to left, #d0d0d0, #f1f3f2 50%, #d0d0d0);
	width: 100%;
	max-width: 400px;
	font-family: open sans, arial, sans-serif;
	font-size: 1em;
	color: #292d33;
}
.ChryslerCoupon a { color: #0168b3; }
	
.ChryslerCoupon h1 {
	background: #576872;
	font-size: 1.1em;
	line-height: 1.1em;
	color: #FFF;
	padding: 5%;
}
.ChryslerCoupon h1 sup, .ChryslerCoupon h2 sup, .ChryslerCoupon h3 sup {
	font-size: 0.5em;
	vertical-align: text-top;
	position: relative;
	top: -5px;
	margin-left: 2px;
}

.ChryslerCoupon .CouponText { padding: 10%; }
.ChryslerCoupon .CouponText img { width: 35%; float: right; margin-top: -5%;  }

.ChryslerCoupon .CouponText h2 {
	color: #576872;
	margin-bottom: 1%;
	margin-top: 4%;
	font-size: 1em;
	line-height: 1em;
}
.ChryslerCoupon .CouponText h2:first-child { margin-top: 0; }

.ChryslerCoupon .CouponText h3 {
	font-family: bebas-neue, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 3.5em;
	line-height: .9em;
	color: #0168b3;
	letter-spacing: -0.03em;
	margin-top: -2%;
}

.ChryslerCoupon .CouponText .noprice { font-size: 1.5em; letter-spacing: 0; }

.ChryslerCoupon .termsandconditions {
	background: #FFF;
	clear: both;
	border-top: 1px solid #b3b3b3;
	font-size: .5em;
	line-height: 2em;
	padding: 5%;
}

.ChryslerCoupon .bottom-section {
	margin-top: 15px;
	font-size: 1.2em;
}
/* END COUPON STYLES */