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

* {
font-family: 'Open Sans', sans-serif;
padding:0px;
margin:0px;
}
html, body {
font-family: 'Open Sans', sans-serif;
height: 100%;
}

body {
background:#103044 url(assets/images/body.gif) top center repeat-x;
font-family: 'Open Sans', sans-serif;
margin:20px 0px 0px 0px;
}

a.directory {
text-decoration:none;
font-weight:bold;
font-size:14px;
color:#fff;
}

a.directory:hover {
text-decoration:none;
font-weight: bold;
color:#a5db0f;
}


a.directory span{
text-decoration:none;
font-weight:normal;
font-size:10px;
color:#fff;
}

a {
color:#fff;
font-weight:400;
text-decoration:none;
outline:none;
-moz-outline-style:none;
}
a:hover {
text-decoration:underline;
}

#container {
overflow:hidden;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto;
width:960px;
}

#portallogo{
background:url(assets/images/conicelli-logo.png) top left no-repeat;
margin:0px auto;
display:block;
height:125px;
width:450px;
}

#logo {
margin:0px auto;
display:block;
height:84px;
width:300px;
}

#logo.balise{
background:url(assets/images/logos/portallogo.png) top left no-repeat;
}

#logo.chevrolet{
background:url(assets/images/logos/chevrolet-logo.png) top left no-repeat;
}
#logo.ford{
background:url(assets/images/logos/ford-logo.png) top left no-repeat;
}
#logo.hyundai{
background:url(assets/images/logos/hyundai-logo.png) top left no-repeat;
}
#logo.nissan{
background:url(assets/images/logos/nissan-logo.png) top left no-repeat;
}
#logo.subaru{
background:url(assets/images/logos/subaru-logo.png) top left no-repeat;
}
#logo.toyotascion{
background:url(assets/images/logos/toyotascion-logo.png) top left no-repeat;
}
#logo.volkswagen{
background:url(assets/images/logos/volkswagen-logo.png) top left no-repeat;
}
#logo.honda{
background:url(assets/images/logos/honda.png) top left no-repeat;
}
#logo.lexus{
background:url(assets/images/logos/lexus.png) top left no-repeat;
}
#logo.mazda{
background:url(assets/images/logos/mazda.png) top left no-repeat;
}
#logo.chevy-buick-gmc{
background:url(assets/images/logos/chevy-buick-gmc.png) top left no-repeat;
}

#content {
	background: url(assets/images/form.png) top left repeat;
	text-shadow: #000 1px 1px 1px;
	-webkit-border-radius: 14px;
	margin: 0px auto 20px auto;
	-moz-border-radius: 14px;
	border-radius: 14px;
	padding: 20px 20px;
	width: 920px;
	z-index: 100;
}

#content p, #content ul, #content ol {
font-size:16px;
}

h1 {
font-family: 'Open Sans', sans-serif;
text-shadow:#000 1px 1px 1px;
text-transform:uppercase;
text-align:center;
font-weight:400;
font-size:26px;
color:#fff;
}

h2 {
font-family: 'Open Sans', sans-serif;
text-shadow:#000 1px 1px 1px;
text-transform:uppercase;
text-align:center;
font-weight:500;
font-size:28px;
color:#fff;
}

h3 {
font-family: 'Open Sans', sans-serif;
text-shadow:#000 1px 1px 1px;
text-transform:uppercase;
text-align:center;
font-weight:500;
font-size:24px;
color:#fff;
}

h4 {
font-family: 'Open Sans', sans-serif;
text-shadow:#000 1px 1px 1px;
margin:18px 0px 0px 0px;
text-align:center;
font-size:22px;
color:#fff;
}

p {
margin:18px 0px 0px 0px;
text-align:center;
font-weight:500;
color:#fff;
}

#content ul {
display:none;
}

#content ol {
text-shadow:1px 1px 1px #000;
margin:18px 0px 0px 40px;
color:#fff;
}

#content li {
margin:6px 0px 0px 0px;
}

#rate {
background:url(assets/images/rate.png) top left no-repeat;
margin:20px auto 0px auto;
text-transform:uppercase;
text-align:center;
height:117px;
width:860px;
}

#rate a {
text-shadow:#fff 0px 1px 0px;
text-decoration:none;
padding:42px 20px;
position:relative;
font-weight:700;
margin:0px 23px;
font-size:22px;
display:block;
outline:none;
height:26px;
float:left;
color:#444;
}

#rate a:hover {
color:#098bf0;
}

#rate .poor,#rate .fair,#rate .average,#rate .good,#rate .excellent {
position:relative;
display:block;
}

#rate .poor {
left:22px;
}
#rate .fair {
left:50px;
}
#rate .average {
left:54px;
}
#rate .good {
left:44px;
}
#rate .excellent {
left:40px;
}

#progress{
margin:20px auto 0px auto;
padding:5px 0px 0px 0px;
position:relative;
text-align:center;
font-weight:700;
font-size:14px;
display:block;
width:365px;
height:31px;
clear:both;
}

#progress.zero{
background:url(assets/images/zero.png) top left no-repeat;
text-shadow:1px 1px 1px #000;
color:#fff;
}
#progress.thirty-three{
background:url(assets/images/33.png) top left no-repeat;
text-shadow:1px 1px 1px #000;
color:#fff;
}
#progress.sixty-six{
background:url(assets/images/66.png) top left no-repeat;
text-shadow:1px 1px 1px #000;
color:#fff;
}
#progress.complete{
background:url(assets/images/100.png) top left no-repeat;
text-shadow:1px 1px 1px #000;
color:#fff;
}

#feedback {
background:url(assets/images/button-feedback.png) top left no-repeat;
text-shadow:0px 1px 0px #fff;
text-transform:uppercase;
padding:15px 0px 0px 0px;
text-align:center;
margin:20px auto;
font-weight:700;
font-size:22px;
color:#444444;
height:51px;
width:469px;
}

#feedback a {
text-shadow:0px 1px 0px #fff;
text-decoration:none;
font-weight:700;
color:#444444;
}

#feedback a:hover {
text-shadow:0px 1px 0px #fff;
text-decoration:none;
color:#098bf0;
}

#content .go-back {
background:url(assets/images/go-back.png) top left no-repeat;
text-shadow:0px 1px 0px #fff;
margin:20px auto 10px auto; 
text-transform:uppercase;
padding:6px 0px 0px 0px;
text-align:center;
font-weight:700;
font-size:22px;
color:#444444;
height:40px;
width:192px;
}

#content .go-back a {
text-shadow:0px 1px 0px #fff;
text-decoration:none;
font-weight:700;
color:#444444;
}

#content .go-back a:hover {
text-shadow:0px 1px 0px #fff;
text-decoration:none;
font-weight:700;
color:#098bf0;
}

#google-direction {
background: url(assets/images/google-direction.png) top left no-repeat;
text-shadow:0px 1px 0px #fff;
margin:20px auto 0px auto;
text-transform:uppercase;
padding:15px 0px 0px 0px;
text-align:center;
font-weight:700;
font-size:22px;
color:#444444;
height:51px;
width:469px;
}

#google-direction .yes {
text-align:center;
margin-left:35px;
font-weight:700;
float:left;
}

#google-direction .no {
margin-right:35px;
text-align:center;
font-weight:700;
float:right;
}

#google-direction a {
text-shadow:0px 1px 0px #fff;
text-decoration:none;
color:#444444;
}

#google-direction a:hover {
text-shadow:0px 1px 0px #fff;
text-decoration:none;
color:#098bf0;
}

#reviews {
margin:20px auto;
padding:0px;
}


#reviews a {
text-shadow:0px 1px 0px #fff;
text-decoration:none;
font-weight:bold;
color:#444444;
}

#reviews a:hover {
text-shadow:0px 1px 0px #fff;
text-decoration:none;
font-weight:bold;
color:#098bf0;
}

#reviews .google {
text-shadow:0px 1px 0px #fff;
padding:88px 0px 0px 0px;
text-transform:uppercase;
text-align:center;
font-weight:700;
margin:0px auto;
font-size:18px;
color:#444444;
height:40px;
width:200px;
}

#reviews .yelp, #reviews .DealerRater, #reviews .CitySearch, #reviews .RatePoint, #reviews .edmunds {
text-shadow:0px 1px 0px #fff;
padding:88px 0px 0px 0px;
text-transform:uppercase;
text-align:center;
font-weight:700;
margin:0px auto;
font-size:18px;
color:#444444;
height:40px;
width:200px;
}

#reviews .google {
background: url(assets/images/google.png) top left no-repeat;
}
#reviews .yelp {
background: url(assets/images/yelp.png) top left no-repeat;
}
#reviews .DealerRater {
background: url(assets/images/dealerrater.png) top left no-repeat;
}
#reviews .CitySearch {
background: url(assets/images/citysearch.png) top left no-repeat;
}
#reviews .RatePoint {
background: url(assets/images/ratepoint.png) top left no-repeat;
}
#reviews .edmunds {
background: url(assets/images/edmunds.png) top left no-repeat;
}

#review-now {
background: url(assets/images/review-now.png) top left no-repeat;
text-shadow:0px 1px 0px #fff;
margin:20px auto 0px auto;
text-transform:uppercase;
padding:15px 0px 0px 0px;
text-align:center;
font-weight:700;
font-size:22px;
color:#444444;
height:51px;
width:280px;
}

#review-now a {
text-shadow:0px 1px 0px #fff;
text-decoration:none;
font-weight:700;
color:#444444;
}

#review-now a:hover {
text-shadow:0px 1px 0px #fff;
text-decoration:none;
font-weight:700;
color:#098bf0;
}

/*End Slider******************************************************/

#slider { margin:10px; }

.footer {
background: url(assets/images/form.png) top left repeat;
font-family: 'Open Sans', sans-serif;
border-top:1px solid #999;
padding:14px 0px 0px 0px;
clear:both;
margin-top:20px;
font-size:11px;
height:25px;
width:100%;
color:#999;
}

#center{
font-family:Arial, Helvetica, sans-serif;
margin:0px auto;
width:940px;
}

#center .left{
text-align:left;
float:left;
}

#center .right{
text-align:right;
float:right;
}


/*UI ***************************************/

.slider-1, .slider-2, .slider-3, .slider-4  {
background: url(assets/images/slider.png) top left repeat-x;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
position:relative;
padding:0 10px;
width:230px;
height:11px;
float:left;
margin:0px;
top:4px;
}
/*Style for the slider button*/
.ui-slider-handle {
width:19px;
height:19px;
position:absolute;
top:-3px;
margin-left:-8px;
z-index:200;
background:url(assets/images/knob.png) top left no-repeat;
}

/*Result div where the slider value is displayed*/
#slider-result-1, #slider-result-2,  #slider-result-3, #slider-result-4{
font-family: 'Open Sans', sans-serif;
text-shadow:0 1px 1px #000;
padding:6px 0px 0px 0px;
text-align:center;
font-size:11px;
width:330px;
margin:0px;
clear:both;
color:#fff;
}

/*This is the fill bar colour*/
.ui-widget-header {
background:url(assets/images/fill.png) no-repeat left;
height:8px;
left:1px;
top:1px;
position:absolute;
}