﻿* {
    font-family: Arial, Sans-Serif;
}
body, html {
    padding: 0px;
    margin: 0px;
    font-size: 9pt;
    background-image: url("./images/bg-repeat.gif");
    background-repeat: repeat-x;
    background-position: center top;
    text-align: center;
}
.clear {
    clear: both;
}
.center {
	text-align: center;
}
a {
    color: #003399;
}
a img {
    border: 0px;
}
h1 {
    font-size: 25px;
}
h1.large {
    font-size: 31px;
}
h1.medium {
    font-size: 27px;
}
h2 {
    font-size: 20px;
}
h3 {
    font-size: 18px;
}
h3.large {
    font-size: 22px;
}
h4 {
    font-size: 14px;
}
form {
    margin: 0px;
    padding: 0px;
}
#page {
    width: 740px;
    margin: auto;
    position: relative;
    padding-top: 40px;
}

#gray {
    text-align: left;
    width: 730px;
    height: 180px;
    background-color: #cdcdcd;
    position: relative;
    margin: auto;
    overflow: hidden;
}
#gray .section {
    position: absolute;
    top: 10px;
    left: 10px;
    bottom: 10px;
    right: 10px;
    _width: 710px;
    background-color: #ffffff;
    overflow: hidden;
}
#gray .section table {
    height: 160px;
}
#gray .section table table {
    height: auto;
}
#gray .section .content {
    margin: 0px 0px 0px 10px;
    width: 540px;
    text-align: center;
    position: relative;
}
#gray .section .content h1 {
    letter-spacing: -.05em;
    color: #0281aa;
    margin: 0px;
    padding: 0px;
    text-align: center;
}
#gray .section .content h3 {
	color: #0281aa;
	margin: 0px;
  padding: 0px;
  text-align: center;
}
#gray .section .content h2 {
    letter-spacing: -.05em;
    color: #cd2c2c;
    margin: 0px 0px 10px;
    padding: 0px;
    text-align: center;
}
#gray .section .content table {
    font-size: 1.3em;
    margin: 0px auto;
}
#gray .section .content table span {
    font-size: 16px;
    color: #0281aa;
    letter-spacing: -.05em;
}
#gray .section .content h1 span, #gray .section .content h2 span {
	font-size: 1em;
}
#gray .section .content table input.field {
    border: 1px solid #999999;
    padding: 4px;
    font-size: .8em;
    width: 16em;
}

#tallgray {
    text-align: left;
    width: 740px;
    height: 330px;
    background-image: url("./images/bg-tallgrayshadow.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-color: #cdcdcd;
    position: relative;
    margin: auto;
    overflow: visible;
}
#tallgray div.feature {
    position: absolute;
    top: 20px;
    left: 15px;
    width: 710px;
    height: 290px;
    z-index: 10;
    background-image: url("./images/feature-bg.gif");
    background-position: left top;
    background-repeat: repeat-x;
}
#tallgray .section {
    position: absolute;
    top: 20px;
    left: 15px;
    bottom: 125px;
    right: 15px;
    _width: 710px;
    overflow: hidden;
    z-index: 11;
    
}
#tallgray .section table {
    height: 160px;
}
#tallgray .section table table {
    height: auto;
}
#tallgray .section .content {
    margin: 0px 0px 0px 20px;
    width: 540px;
    height: 185px;
    text-align: left;
    position: relative;
}
#tallgray .section .content img.feature {
	position: absolute;
	bottom: 0px;
	left: auto;
	right: auto;
}
#tallgray .section .content h1 {
	font-size: 27px;
    letter-spacing: -.05em;
    color: #0281aa;
    margin: 10px 0px 0px 0px;
    padding: 0px;
    text-align: center;
}
#tallgray .section .content h3 {
    color: #0281aa;
	margin: 0px;
    padding: 0px;
    text-align: center;
}
#tallgray .section .content h2 {
    letter-spacing: -.05em;
    color: #cd2c2c;
    margin: 0px 0px 10px;
    padding: 0px;
    text-align: center;
}
#tallgray .section .content table {
    font-size: 1.3em;
    margin: 0px auto;
}
#tallgray .section .content table span {
    font-size: 16px;
    color: #ffffff;
    letter-spacing: -.05em;
}
#tallgray .section .content h1 span, #gray .section .content h2 span {
	font-size: 1em;
}
#tallgray .section .content table input.field {
    border: 1px solid #999999;
    padding: 4px;
    font-size: .8em;
    width: 16em;
}
#tallgray .redsection {
	_width: 710px;
	height: 45px;
	position: absolute;
	bottom: 20px;
	left: 15px;
	right: 15px;
	color: #ffffff;
	z-index: 11;
}
#tallgray .redsection .content {
    margin: 0px 0px 0px 20px;
    width: 560px;
    height: 45px;
    text-align: left;
    position: relative;
    overflow: visible;
}
#tallgray .redsection .content h4 {
		display: inline;
		letter-spacing: -1px;
		font-weight: normal;
		margin: 0px;
}
html[xmlns*=""] body:last-child #tallgray .redsection content h4 {
		letter-spacing: -1em !important;
		font-weight: normal;
}
.sIFR-active #tallgray .redsection .content h4 {
	margin: 0px;
}
#tallgray .redsection .content h4 {
	margin-top: 2px;
}
#tallgray .graysection {
	_width: 710px;
	height: 65px;
	position: absolute;
	bottom: 60px;
	left: 15px;
	right: 15px;
	color: #ffffff;
	z-index: 11;
}
#tallgray .graysection .content {
		padding-top: .6em;
    margin: 0px 0px 0px 20px;
    width: 560px;
    height: 65px;
    text-align: left;
    position: relative;
}
#tallgray .graysection a {
    color: #ffffff;
    text-decoration: none;
}
#tallgray .graysection a:hover {
    color: #ffffff;
    text-decoration: underline;
}


.btn_findnow {
    display: inline-block;
    clear: both;
    width: 106px;
    height: 25px;
    background-image: url("./images/btn_findnow.gif");
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -300px;
    overflow: hidden;
}
#tallgray .btn_findnow {
	clear: none;
	display: block;
	background-image: url("./images/btn_findnow-blue.gif");
	position: relative;
	top: -1px;
	margin-left: 5px;
}
#tallgray .field {
	position: relative;
	top: 0px;
	margin-left: 5px;
}
#tallgray #zipsearch {
	padding-top: 11px;
}
#tallgray #zipsearch h4, #tallgray #zipsearch input, #tallgray #zipsearch a {
	float: left;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
	#tallgray .field {
		top: -2px;
	}
}

.btn_printcoupon {
    display: block;
    width: 170px;
    height: 25px;
    background-image: url("./images/btn_printcoupon.gif");
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -300px;
    overflow: hidden;
    margin: auto;
}
.btn_submit{
    display: block;
    width: 78px;
    height: 20px;
    background-image: url("./images/btn_submit.gif");
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -300px;
    overflow: hidden;
}
.btn_findnowsm {
    display: block;
    width: 87px;
    height: 20px;
    background-image: url("./images/btn_findnow-sm.gif");
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -300px;
    overflow: hidden;
}
#red {
    text-align: left;
    position: relative;
    width: 740px;
    background-repeat: no-repeat;
}
.reddealer {
    height: 180px;
    background-image: url("./images/bg-redshadow01.jpg");
}
.reddefault {
    height: 140px;
    background-image: url("./images/bg-redshadow02.jpg");
}
#red .section {
    position: absolute;
    top: 10px;
    left: 5px;
    right: 5px;
    padding: 20px 15px 0px 15px;
    _width: 700px;
    _height: 100px;
    color: #ffffff;
    background-color: #c0161c;
    background-repeat: no-repeat;
}
#red .section .content {
    margin-top: -5px;
    margin-left: 235px;
    width: 360px;
}
#red .section .content a {
    color: #ffc4c4;
}
.reddealer .section {
    background-image: url("./images/bg-redsection01.jpg");
}
.reddefault .section {
    background-image: url("./images/bg-redsection02.jpg");
}
#red .section h3 {
    margin: 0px;
    padding: 0px;
    letter-spacing: -.06em;
}
#red .section .half {
    width: 40%;
    padding-left: 5px;
    float: left;
    font-family: Verdana, Sans-Serif;
}
#red .section .half * {
    font-family: Verdana, Sans-Serif;
}
#red .section h4 {
    margin: 8px 0px;
}
#red .section .half ul {
    margin: 0px;
    padding-left: 1.5em;
    line-height: 1.3em;
    font-size: .9em;
}
#red .section .small {
	font-size: .9em;
}
#pilon {
    width: 126px;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1000;
    bottom: 10px;
    right: 35px;
}
#pilon a {
    display: block;
    width: 126px;
    height: 170px;
    border: 0px;
}
#engineguarantee {
    display: block;
    width: 170px;
    height: 120px;
    border: 0px;
    position: absolute;
    top: 10px;
    left: 41px;
    z-index: 100;
}
.reddealer #pilon {
    height: 375px;
    background-image: url("./images/pilon01.png");
    _background-image: url("./images/pilon01.gif");
}
.reddefault #pilon {
    height: 335px;
    background-image: url("./images/pilon02.png");
    _background-image: url("./images/pilon02.gif");
}
#tallgray #pilon {
		height: 335px;
		background-image: url("./images/pilon03.png");
    _background-image: url("./images/pilon03.gif");
    bottom: 20px;
}

.smallbadge {
    width: 86px;
    height: 86px;
    float: right;
    margin: -10px -3px 0px 0px;
     background-image: url("./images/smallbadge.gif");
    background-repeat: no-repeat;
    background-position: center top;
}

#thirds {
    width: 740px;
    background-repeat: no-repeat;
    background-position: left top;
    clear: both;
}

.thirdsdealer {
    height: 190px;
    background-image: url("./images/bg-thirds01.gif");
}
.thirdsdefault {
    height: 150px;
    background-image: url("./images/bg-thirds02.gif");
}
#thirds .third {
    width: 240px;
    float: left;
    margin-left: 5px;
    text-align: left;
    font-size: .9em;
}
#thirds .third.guarantee {
	height: 140px;
	background-image: url("./images/bg-thirds_guarantee.jpg");
	background-repeat: no-repeat;
	background-position: center;
	color: #ffffff;
}
#thirds .third.wintercare {
	height: 140px;
	background-image: url("./images/bg-thirds_wintercare.jpg");
	background-repeat: no-repeat;
	background-position: center;
	color: #ffffff;
	position: relative;
}
#thirds .third .content {
    padding: 12px;
}
#thirds .third.wintercare .content {
    font-size: 1.2em;
    text-align: center;
    position: absolute;
    padding: 13px 12px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    color: #ffffff;
}
#thirds .third h3 {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -.03em;
    color: #000945;
    margin: 0px 0px .5em 0px;
    padding: 0px;
}
#thirds .third.guarantee h3 {
	color: #ffffff;
	padding-left: 100px;
	margin-bottom: 3px;
}
#thirds .third.guarantee a {
	color: #ffd54f;
	font-weight: bold;
}
#thirds .third.wintercare a {
	color: #fbb9b9;
	font-weight: bold;
}
#thirds .third h4.blue {
    font-size: 13px;
    font-weight: normal;
    letter-spacing: -.03em;
    color: #0281aa;
    margin: 0px 0px .5em 0px;
    padding: 0px;
}
#thirds .third input.field {
    border: 1px solid #999999;
    color: #999999;
    padding: 3px;
    margin: 0px;
    font-size: 1em;
    width: 120px;
}
#thirds .third table.form td {
    padding-top: 4px;
}
#thirds #coupon {
    color: #b81717;
    font-size: 14px;
    margin: 8px auto 0px auto;
}
#thirds #coupon a {
    color: #0281aa;
    font-weight: bold;
}

#locations {
    text-align: left;
    margin: 10px 0px 0px 5px;
    font-size: .9em;
}
#locations h2 {
    font-weight: normal;
    color: #0a2068;
    font-size: 18px;
    margin: 0px;
}
#locations .col {
    margin: 0px 5px 0px 10px;
    width: 230px;
    _width: 225px;
    float: left;
}
#locations .spacer {
    height: 1.2em;
}

#footer {
    width: 740px;
    clear: both;
    margin-top: 12px;
    border-top: 1px solid #dddddd;
    padding: 8px 0px;
    font-size: .9em;
    text-align: left;
    color: #666666;
}
#footer div {
    float: right;
}


/* Local SEM CSS */
.local #page {
    width: 730px;
    padding-top: 10px;
}
#feature {
    width: 730px;
    position: relative;
    height: 340px;
    background-image: url("./images/local_feature.jpg");
    background-repeat: no-repeat;
    background-position: center;
    text-align: left;
}
#feature #logo {
    display: block;
    width: 130px;
    height: 175px;
    position: absolute;
    top: 0px;
    right: 28px;
}
#feature #mainleft {
    position: absolute;
    top: 70px;
    left: 20px;
    width: 235px;
    height: 165px;
    border-right: 2px solid #ffffff;
    text-align: left;
}
#feature .inside {
    position: relative;
}
#feature #mainleft h1 {
    display: inline-block;
    color: #ffe400;
    font-size: 75px;
    line-height: 75px;
    width: 75px;
    position: absolute;
    top: 45px;
    left: 0px;
    margin: 0px;
    letter-spacing: -5px;
}
#feature #mainleft h2 {
    display: inline-block;
    color: #ffe400;
    font-size: 32px;
    line-height: 32px;
    width: 140px;
    text-transform: uppercase;
    text-align: left;
    position: absolute;
    top: 50px;
    left: 85px;
    margin: 0px;
    letter-spacing: -1px;
}
#feature #mainright {
    width: 290px;
    height: 165px;
    position: absolute;
    top: 70px;
    left: 275px;
    text-align: left;
}
#feature #mainright h1 {
    color: #ffffff;
    font-size: 110px;
    line-height: 110px;
    margin: 0px;
    letter-spacing: -10px;
    position: absolute;
    top: 0px;
    left: 20px;
}
#feature #mainright h2 {
    color: #ffffff;
    font-size: 40px;
    line-height: 40px;
    position: absolute;
    text-transform: uppercase;
    top: 10px;
    left: 0px;
    margin: 0px;
}
#feature #mainright h3 {
    color: #ffffff;
    font-size: 40px;
    line-height: 40px;
    position: absolute;
    text-transform: uppercase;
    top: 10px;
    left: 135px;
    margin: 0px;
}
#feature #mainright h3 span {
    font-size: 16px;
    line-height: 16px;
}
#feature #mainright h4 {
    font-size: 16px;
    color: #b5d4ff;
    position: absolute;
    top: 103px;
    left: 45px;
    margin: 0px;
}
#feature #mainright h4 span {
    font-size: 14px;
    font-weight: normal;
    color: #ffffff;
}
#feature #mainright a {
    color: #ffe400;
}

#feature #mainbottom {
    position: absolute;
    height: 26px;
    bottom: 22px;
    left: 25px;
    width: 560px;
    color: #ffffff;
    text-align: left;
}
#feature #mainbottom h2 {
    margin: 0px;
    text-transform: uppercase;
    font-size: 28px;
    display: inline;
    padding: 0px 20px 0px 0px;
    border-right: 2px solid #ffffff;
    position: absolute;
    left: 0px;
    top: 0px;
}
body>#feature #mainbottom h2 {
    display: inline-block;
    line-height: 19px;
}
#feature #mainbottom h4 {
    margin: 0px;
    font-size: 12px;
    line-height: 13px;
    text-transform: uppercase;
    position: absolute;
    left: 370px;
    top: 4px;
    width: 200px;
}

.local #thirds {
    width: 730px;
    background: none;
    margin-top: 10px;
    text-align: left;
    font-size: .9em;
}
.local #thirds .third, .local #thirds .thirdguarantee, .local #thirds .thirdmiddle {
    width: 239px;
    float: left;
    margin: 0px;
}
.local #thirds .thirdmiddle {
    width: 239px;
    margin: 0px 6px;
}
.local #thirds .thirdguarantee {
    width: 240px;
}
.local #thirds .third .inside, .local #thirds .thirdguarantee .inside, .local #thirds .thirdmiddle .inside {
    border: 1px solid #999999;
    height: 136px;
}
.local #thirds .third .content, .local #thirds .thirdguarantee .content, .local #thirds .thirdmiddle .content {
    padding: 12px;
}

.local #thirds .thirdguarantee .inside {
	background-image: url("./images/bg-thirds_guarantee.jpg");
	background-repeat: no-repeat;
	background-position: center;
	color: #ffffff;
}

.local #thirds .third h3, .local #thirds .thirdguarantee h3, .local #thirds .thirdmiddle h3 {
    font-size: 15px;
    font-weight: normal;
    letter-spacing: -.03em;
    color: #000945;
    margin: 0px 0px .5em 0px;
    padding: 0px;
}
.local #thirds .thirdguarantee h3 {
	color: #ffffff;
	padding-left: 100px;
	margin-bottom: 3px;
}
.local #thirds .thirdguarantee a {
	color: #ffd54f;
	font-weight: bold;
}
.local #thirds .third h4.blue {
    font-size: 13px;
    font-weight: normal;
    letter-spacing: -.03em;
    color: #0281aa;
    margin: 0px 0px .5em 0px;
    padding: 0px;
}
.local #thirds input.field {
    border: 1px solid #999999;
    color: #999999;
    padding: 3px;
    margin: 0px;
    font-size: 1em;
    width: 85%;
}
.local #footer {
    width: 730px;
}
.local #disclaimer {
    font-size: .9em;
    color: #666666;
    text-align: left;
    padding: 10px 10px 15px 10px;
}