@charset "utf-8";
/* CSS Document */



body {
	margin-right:0px;
	margin-left:0px;
	margin-top:0px;
	height:1400px;
	background-color:#FFF;
	margin-bottom: 0px;
}

#logo {
	margin-right:auto;
	margin-left:auto;
	width:200px;
}
	

.round-button {
    display:block;
    width:50px;
    height:50px;
    line-height:47px;
    border: 2px solid #f5f5f5;
    border-radius: 50%;
    color:#FFF;
    text-align:center;
    text-decoration:none;
    background: #9C0000;
    box-shadow: 0 0 3px gray;
    font-size:1.1em;
    margin-bottom:20px;
    cursor: pointer;
    font-family: 'Roboto Condensed', sans-serif;
}
.round-button:hover {
    background: #660000;
}



#contentwrapper {
	margin-top: 20px;
	width:600px;
	margin-right:auto;
	margin-left:auto;
	height:auto;
	overflow:auto;
}

#contentwrapper3 {
	margin-top: 0px;
	width:475px;
	margin-right:auto;
	margin-left:auto;
	height:auto;
	overflow:auto;
	color:#777;
	position:relative;
	left:10px;
}

#wrapper {

	margin-right:auto;
	margin-left:auto;
	height:auto;
	overflow:auto;
}

#findadealer {
	width: 600px;
	height:auto;
}

#findadealer2 {
	width: 100%;
	height:22px;
	padding:10px;
	border-bottom:1px solid  #666;
	margin-right:auto;
	margin-left:auto;
	overflow:hidden;
	background-color: #0194DB;

	
}

.header {
	font-family:Arial, Helvetica, sans-serif;
	color: #418bc9;
	font-size:45px;
	text-align: center;
	margin-bottom: 10px;

}
.header3 {
	font-family:Arial, Helvetica, sans-serif;
	color: #777;
	font-size:25px;
	text-align: center;
	margin-bottom: 10px;
}

.text3 {
	font-family:Arial, Helvetica, sans-serif;
	color:#777;
	font-size:11px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	margin-top: -10px;
	margin-bottom: 10px;


}

.header-red {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #FFF;
	font-size:25px;
	text-align: center;
	margin-bottom: 10px;
	

}


.text {
	font-family:Arial, Helvetica, sans-serif;
	color: #777;
	font-size:13px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	margin-top: -10px;
	margin-bottom: 10px
}



.text4 {
	font-family:Arial, Helvetica, sans-serif;
	color: #777;
	font-size:13px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	margin-top: -5px;
	margin-bottom: 30px


}
.text5 {
	font-family:Arial, Helvetica, sans-serif;
	color: #777;
	font-size:18px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	margin-top: 40px;
	margin-bottom: 5px


}


.text8 {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:12px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	margin-top: -6px;
	margin-bottom: 5px


}


.text2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#777;
	font-size:11px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	margin-top: -10px;
	margin-bottom: 5px


}

#form {


	margin-right:auto;
	margin-left:auto;
	font-family:Arial, Helvetica, sans-serif;
	color: #777;
	font-size:10px;
	margin-bottom: 20px;
}

#formwrapper {
	margin-bottom:0px;
}

#form2 {


	margin-right:auto;
	margin-left:auto;
	font-family:Arial, Helvetica, sans-serif;
	color: #777;
	font-size:10px;
	margin-bottom: 5px;
}



#twocolumn {
	width: 296px;
	float:left;
	height: auto;
	position:relative;
	left:2px;


}

#twocolumnright {
	width: 296px;
	float:left;
	height: auto;
		
}


.button1 {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#900;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	width: 250px;
	height:25px;
	line-height:25px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	margin-top: 10px;
}.button1:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.button1:active {
	position:relative;
	top:1px;
}





#results {
	margin-right:auto;
	margin-left:auto;
	width: 550px;
	height:150px;
	margin-top: 40px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border: #777 solid 1px;
	background-color: #E2EDF7;

}

#sendtocoast {
	width: 600px;
	height:auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
}

#center {
	margin-right: auto;
	margin-left: auto;
	height: auto;
	width: 1000px;
}

.findadealercss {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background-color:#0094DA;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #002651;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:18px;
	font-weight:bold;
	width: 225px;
	height:60px;
	line-height:55px;
	text-decoration:none;
	text-shadow:1px 1px 0px #002651;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
	
}.findadealercss:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
}.findadealercss:active {
	position:relative;
	top:1px;
}


.findadealercss9 {
	-moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	box-shadow:inset 0px 1px 0px 0px #bbdaf7;
	background: rgb(64,150,238); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(64,150,238,1) 0%, rgba(0,67,119,1) 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(64,150,238,1)), color-stop(99%,rgba(0,67,119,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(64,150,238,1) 0%,rgba(0,67,119,1) 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(64,150,238,1) 0%,rgba(0,67,119,1) 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(64,150,238,1) 0%,rgba(0,67,119,1) 99%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(64,150,238,1) 0%,rgba(0,67,119,1) 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4096ee', endColorstr='#004377',GradientType=0 ); /* IE6-9 */

	
	
	
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #002651;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:18px;
	font-weight:bold;
	width: 225px;
	height:60px;
	line-height:60px;
	text-decoration:none;
	text-shadow:1px 1px 0px #002651;
	margin-left: auto;
	margin-right: auto;
	
}.findadealercss9:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background-color:#378de5;
}.findadealercss9:active {
	position:relative;
	top:1px;
}
.findadealercss2 {
	
	

	
	background-color:#E7A916;
	
	-moz-border-radius:1px;
	-webkit-border-radius:6px;
	border-radius:1px;
	border:1px solid #350001;
	display:inline-block;
	color:#FFF;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	width: 250px;
	height:30px;
	margin-top: 15px;
	line-height:30px;
	text-decoration:none;
	text-shadow:1px 1px 0px #350001;
	margin-left: auto;
	margin-right: auto;
	cursor:pointer;
	
}.findadealercss2:hover {
	color:#FFF;
}.findadealercss2:active {
	position:relative;
	top:1px;
}
	
	
#displayfield {
	width: 260px;
	height:auto;
	margin-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #CCC;
}

#displayfield-address {
	width: 260px;
	height:auto;
	margin-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #3C5261;
}

#displayfield-name {
	width: 260px;
	height:auto;
	margin-top:10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:22px;
	color: #204069;
}

#displayfield-phone {
	width: 260px;
	height:auto;
	margin-top:11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:22px;
	color: #204069;
}

.displayfield-button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #dcdcdc;
	color: #014B89;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:5px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	text-align:center;

}
.displayfield-button:hover {
	
}.displayfield-button:active {
	position:relative;
	top:1px;
}

	
#results-container {
	width: 260px;
	height:auto;
	float:left;
	clear:right;
	margin-left:10px;
}	

#ratio-buttons {
	margin-right:10px;
	float:left;
	clear:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#ratio-buttons-header {
	margin-right:10px;
	float:left;
	clear:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #FFF;


}
.expandcollapse {

	background-color:#FFF;
	border-radius:1px;
	display:inline-block;
	color: #0194DB;
	font-family:arial;
	font-size:14px;
	padding:2px 10px;
	text-decoration:none;
	position: relative;
	bottom: 4px;
	left: 10px;
	border-radius:4px;

}.expandcollapse:hover {
	color:#E1792E;

	
}.expandcollapse:active {
	position: relative;
	bottom: 3px;
	left: 10px;
}

.margin-field {
	margin-right:10px;
}

</style>