@import url("http://images1.ecarlist.com/sites/templates/common/css/base.css");


body {background-color: #fff; color: #4c4c4c; font-family: "Trebuchet MS",Helvetica,Arial,Verdana,sans-serif; font-size: 14px; line-height: 1.5;}
a {color: #005aa4; text-decoration: underline;}
a:hover {color: #0079dc; text-decoration: underline;}

.container {margin: 0 auto; width: 980px;}

#left, #leftColumn, #notify_right {float: left; width: 306px; margin-right: 20px;}
#right, #rightColumn, #notify_middle {float: left; width: 654px;}

#notify_right {margin-right: 0;}
#notify_middle {margin-right: 20px;}


#header {background: transparent url(../images/bg.jpg) center top no-repeat; height: 154px; padding-top: 50px;}
#header h1 {float: left;}
#header h1 a {display: block; height: 45px; margin: 0 0 0 280px; text-indent: -9999em; width: 425px;}
#header .contactInfo {color: #005aa4; float: right; font-size: 12px; font-family: Futura,"Trebuchet MS",Helvetica,Arial,Verdana; line-height: 1.25; text-align: right;}
#header .contactInfo .phone {font-size: 15px; font-weight: bold; margin-bottom: 5px;}

#priNav {background: transparent url(../images/nav.png) left top no-repeat; clear: both; height: 59px; margin: 0 -14px 0; position: relative; top: 42px;}
#home #priNav {background: transparent url(../images/navHome.png) left top no-repeat;}
#priNav li {float: left;}
#priNav ul {display: none;}

#priNav a {background: transparent url(../images/nav.png) left top no-repeat; display: block; height: 24px; margin-top: 12px; padding: 4px 0; text-indent: -9999em;}
#priNav #priNav_home {background-position: -4px -12px; margin-left: 4px; width: 92px;}
#priNav #priNav_step_one {background-position: -260px -12px; margin-left: 164px; margin-right: 1px; width: 79px;}
#priNav #priNav_step_two {background-position: -340px -12px; margin-right: 1px; width: 78px;}
#priNav #priNav_step_three {background-position: -419px -12px; margin-right: 1px; width: 82px;}
#priNav #priNav_go_for_it {background-position: -502px -12px; margin-right: 31px; width: 81px;}
#priNav #priNav_locate_a_vehicle {background-position: -614px -12px; margin-right: 1px; width: 138px;}
#priNav #priNav_contact_us {background-position: -753px -12px; margin-right: 1px; width: 95px;}
#priNav #priNav_testimonial_video {background-position: -849px -12px; width: 146px;}

#priNav #priNav_home:hover {background-position: -4px -69px;}
#priNav #priNav_step_one:hover {background-position: -260px -69px;}
#priNav #priNav_step_two:hover {background-position: -340px -69px;}
#priNav #priNav_step_three:hover {background-position: -419px -69px;}
#priNav #priNav_go_for_it:hover {background-position: -502px -69px;}
#priNav #priNav_locate_a_vehicle:hover {background-position: -614px -69px;}
#priNav #priNav_contact_us:hover {background-position: -753px -69px;}
#priNav #priNav_testimonial_video:hover {background-position: -849px -69px;}

#content {margin-top: 30px;}

#footer {background: transparent url(../images/footer.jpg) center top no-repeat; color: #0b417e; margin: 50px 0 0 0; padding: 25px 0 20px 0;}
#footer .phone {font-size: 16px; font-weight: bold; margin-bottom: 18px; text-align: center;}

#footerNav {font-size: 12px; text-align: center;}
#footerNav li {border-right: 1px solid #0b417e; display: inline-block; line-height: 1; margin-right: 5px; padding-right: 5px;}
*:first-child+html #footerNav li {display: inline;} /* IE7 */
#footerNav li.last {border: none; margin-right: 0; padding-right: 0;}
#footerNav a {color: #0b417e; text-decoration: none; text-transform: capitalize;}
#footerNav a:hover {color: #0079ff;}

#footer .address {text-align: center;}

#footer h3 a {background: transparent url(../images/ecl.png) left top no-repeat; display: block; height: 26px; margin: 20px auto 0; text-indent: -9999em; width: 125px;}

#footerCopyright {margin-top: 10px; text-align: center;}

#ec_footer {color: #777; display: inline-block; line-height: 1; margin: 0 auto; overflow: auto; width: auto;}
*:first-child+html #ec_footer {display: inline;} /* IE7 */
#ec_footer li {float: left; font-size: 11px; margin-bottom: 5px;}
#ec_footer li.first {border-right: 1px solid #777; margin: 0 5px 0 13px; padding-right: 5px;}
#ec_footer li.last {border: none; clear: left;}
#ec_footer a {color: #777; text-decoration: none;}
#ec_footer a:hover {text-decoration: underline;}


/*****home page******/
 #home #content {margin-top: 0;}
 #homeContent {background: transparent url(../images/homeBg.jpg) center top no-repeat; min-height: 405px; margin: 0 -90px; padding: 0 90px; position: relative;}
 #homeContent #tagline {position: absolute; left: 165px; text-indent: -9999em; top: 335px;} 
 #homeVideo {border: 1px solid #3f3838; height: 200px; left: 698px; position: absolute; top: 47px; width: 307px;}
#tagline a {
float:right;
height:50px;
margin-left:700px;
text-indent:-9999em;
width:150px;
}

/*****custom pages******/
.custom_page p, .custom_page ul, #notify_middle p, #notify_middle ul {margin-bottom: 20px; }
.bulletedList li {list-style-type: disc; margin-left: 20px;}

.custom_page .title, #trade_bid .title, #notify .title, .custom_page .subtitle, #trade_bid .subtitle {background: transparent url(../images/titles.png) no-repeat; height: 34px; text-indent: -9999em;}
#notify .title, .custom_page .subtitle, #trade_bid .subtitle, #testimonial .title {margin-bottom: 20px;}
.custom_page h4 {font-size: 20px; font-weight: bold;}
#step_one .title, #step_two .title, #fine_print .title, #go_for_it .title, #trade_bid .title {background-position: left top; width: 321px;}

#step_one .subtitle {background-position: -1205px top; width: 210px;}
#step_two .subtitle {background-position: -1415px top; width: 220px;}
#fine_print .subtitle {background-position: -1635px top; width: 226px;}
#trade_bid .subtitle {background-position: -1862px top; width: 226px;}

#notify .title {background-position: -321px top; width: 312px;}

#testimonial .title {background-position: -633px top; width: 349px;}

#step_three .title, #step_three .title, #fine_print .title, #go_for_it .title, #trade_bid .title {
background-position:left bottom;
height:37px;
width:188px;
}

#step_three .subtitle {
background-position:-191px -34px;
width:242px;
}



/*****contact_small******/
#contact_small {background: transparent url(../images/contact_small_bg.png) center bottom no-repeat; padding: 0 28px 20px 28px; width: 240px;}
#contact_small h2 {background: transparent url(../images/titles.png) -2088px top no-repeat; height: 22px; margin-bottom: 25px; margin-left: -23px; text-indent: -9999em; width: 252px;}
#contact_small .input_element {width: 200px !important;}
#ec_is_submit .submitButton {background: transparent url(../images/contact_small_button.png) center top no-repeat; border: none; display: block; font-size: 0; height: 38px; line-height: 0; text-indent: -9999em; width: 215px; }


/*****quicklinks******/
#quicklinks {margin-top: 30px;}
#quicklinks h3 {background: transparent url(../images/titles.png) -2340px top no-repeat; height: 23px; margin:0 0 5px 5px; text-indent: -9999em; width: 138px;}
#quicklinks a {background: transparent url(../images/quicklinks.png) no-repeat; display: block; height: 43px; padding-top: 3px; text-indent: -9999em; width: 302px;}

#quicklinks .last a {padding-bottom: 3px;}

#quicklinks #step_one {background-position: left top;}
#quicklinks #step_two {background-position: left -46px;}
#quicklinks #fine_print {background-position: left -92px;}
#quicklinks #trade_bid {background-position: left -137px;}

#quicklinks #step_one:hover {background-position: right top;}
#quicklinks #step_two:hover {background-position: right -46px;}
#quicklinks #fine_print:hover {background-position: right -91px;}
#quicklinks #trade_bid:hover {background-position: right -137px;}


/*****customer_tools******/
.customer_tools_left {float: left; margin-left: -21px;}
.customer_tools_right {margin-right: 0;}
.input_element {margin-bottom: 2px;}


/*****sidebar_address******/
#sidebar_address p {margin-bottom: 10px;}


/*****sitemap******/
#sitemap_list a {text-transform: capitalize;}

#trade_bid_image {
margin-top:10px;
}

/*****Video Player****/

#flowplayer_container {
	width: 335px;
	height: 277px;
	float: left;
	display: inline;
	background: url('../images/flowplayerContainer_bg.jpg') no-repeat;
}

#video_container {
	width: 308px;
	height: 211px;
	float: left;
	display: inline;
	margin: 13px 0px 0px 12px;
}

/*##### =flowplayer #####
#######################*/
#ec_playlist { 
	float:right;
	display: inline;
	margin: 5px 10px 0px 0px;
}

#ec_playlist a {
	float:left;
	display:block;
	margin: 0px 0px 0px 5px;
	background: #999;
	height:20px;
	width:15px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-indent: 4px;
}

#ec_playlist a:hover,
#ec_playlist a.playing {
	background: #666;
	color: #ccc;
	height: 20px;
}

#ec_flowplayer img {
	border: none;
}

div#ec_flowplayer_controlbar {
	position:relative;
	margin:0;
	width: 308px;
	height:20px;
	background: #fff;
}

/* ##### control buttons #####
############################*/
div#ec_flowplayer_controlbar a.play,
div#ec_flowplayer_controlbar a.pause {
	display:block;
	position:absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 20px;
	background: url(http://images1.ecarlist.com/sites/video/controlbar/images/control_bar.png) no-repeat 0 0;
	text-indent: -9000px;
}
div#ec_flowplayer_controlbar a.play:hover {
	background-position: 0 -21px;
}
div#ec_flowplayer_controlbar a.pause {
	background-position: -20px 0;
}
div#ec_flowplayer_controlbar a.pause:hover {
	background-position: -20px -21px;
}
div#ec_flowplayer_controlbar a.mute,
div#ec_flowplayer_controlbar a.unmute {
	display:block;
	position:absolute;
	top: 0;
	right: 0;
	width: 13px;
	height: 20px;
	background: url(http://images1.ecarlist.com/sites/video/controlbar/images/control_bar.png) no-repeat -60px 0;
	text-indent: -9000px;
}
div#ec_flowplayer_controlbar a.mute:hover {
	background-position: -60px -21px;
}
div#ec_flowplayer_controlbar a.unmute {
	background-position: -80px 0;
}
div#ec_flowplayer_controlbar a.unmute:hover {
	background-position: -80px -21px;
}

/* ##### time code #####
######################*/
div#ec_flowplayer_controlbar div.time {
	display:none;
}
div#ec_flowplayer_controlbar div.time span { /* elapsed time */
}
div#ec_flowplayer_controlbar div.time strong { /* total time */
}

/* ##### track - progress, buffer, playhead  #####
################################################*/
div#ec_flowplayer_controlbar div.track {
	position:absolute;
	height:15px; 
	left: 25px;
	top:4px;
	width:255px;
	overflow:hidden;
}
div#ec_flowplayer_controlbar div.progress,
div#ec_flowplayer_controlbar div.buffer {
	position: absolute;
	height:5px; 
	top:3px
}
div#ec_flowplayer_controlbar div.progress {
	background: #999;
}
div#ec_flowplayer_controlbar div.buffer {
	background: #ccc;
	opacity: 0.25;
}
div#ec_flowplayer_controlbar div.playhead {
	position:absolute;
	height:13px;
	width: 11px;
	background: url(http://images1.ecarlist.com/sites/video/controlbar/images/control_bar.png) no-repeat -45px -4px;
}