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

html {background-color: #000;}
body {background: #000 url(../images/background.jpg) center top no-repeat; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.5; margin: 0 auto; min-width: 1060px;}
a {color: #222e57; text-decoration: none;}
a:hover {color: #4d67bf; text-decoration: underline;}

#right.customPages h2, #about #right h2, #financing #financeLeft h2, #trade_bid #notify_middle h2,  #news #right h2, #notify #notify_middle h2, #home #aboutGallery h2 {color: #222e57; font-size: 20px; line-height: 1; margin-bottom: 10px;}
#right.customPages p, #about #right p, #financing #financeLeft p, #trade_bid #notify_middle p, #news #right p, #notify #notify_middle p {margin-bottom: 10px;}

#right.customPages h3 {font-size: 16px; margin-top: 20px;}

#right.customPages .charity {clear: both; margin-bottom: 15px; overflow: auto;}
#right.customPages .charityLogo {float: left; margin: 0 15px 10px 0;}


.charity_box { float:left; width:400px; margin: 0; padding: 20px; background: #fff; border:1px solid #222E57; margin: 10px; }
.charitytop { height:165px; }
.shepherdlogo { padding-bottom: 30px; }
.charity_wide { width:860px; }
#recess { float:right; }

#right.customPages .author {color: #666;}

#wrapper {margin: 0 auto; width: 1000px;}

#header {height: 165px; padding-top: 18px; position: relative;}
#header h1 a {background: transparent url(../images/logo.png) left top no-repeat; display: block; height: 125px; margin: 0 auto; text-indent: -9999em; width: 294px;}

#header .phone, #header .address {height: 47px; position: absolute; text-indent: -9999em; top: 58px;}
#header .phone {background: transparent url(../images/callToday.png) left top no-repeat; left: 20px; width: 307px;}
#header .address {background: transparent url(../images/header-address.jpg) left top no-repeat; right: 20px; width: 306px;}

#navigation {height: 58px;}
#priNav {height: 33px; overflow: hidden;}
#priNav li {float: left;}
#priNav ul {display: none;}
#priNav a {background: transparent url(../images/nav.png) left top no-repeat; display: block; height: 66px; text-indent: -9999em;}

#priNav #menu0 {background-position: 0px 0; width: 154px;}
#priNav #priNav_sell_us_your_car {background-position: -155px 0; width: 143px;}
#priNav #priNav_concierge_program {background-position: -299px 0; width: 165px;}
#priNav #priNav_financial_services {background-position: -465px 0; width: 155px;}
#priNav #menu1 {background-position: -621px 0; width: 185px;}
#priNav #menu2 {background-position: -807px 0; width: 97px;}
#priNav #priNav_contact {background-position: -906px 0; width: 96px;}

#priNav #menu0:hover {background-position: left bottom;}
#priNav #priNav_sell_us_your_car:hover {background-position: -155px bottom;}
#priNav #priNav_concierge_program:hover {background-position: -299px bottom;}
#priNav #priNav_financial_services:hover {background-position: -465px bottom;}
#priNav #menu1:hover {background-position: -621px bottom;}
#priNav #menu2:hover {background-position: -807px bottom;}
#priNav #priNav_contact:hover {background-position: -906px bottom;}

/* #################################################
###              #drop down menus                ###
################################################ */
#dropmenudiv, #dropmenudiv_firefox {background: #000 none repeat scroll 0 0; border-color: #999; border-style: none solid solid; border-width: 0 1px 1px; font-size: 12px; line-height: 1; margin: -30px 0 0; padding: 0;}
#dropmenudiv a, #dropmenudiv_firefox a {border: none; color:#fff; margin:0; padding: 5px 10px; text-decoration:none; text-indent: 0; width: auto;}
#dropmenudiv a:hover, #dropmenudiv_firefox a:hover {background-color:#222e57; background-image: none; color:#fff; font-weight: normal;}


#content {background: transparent url(../images/contentBgTile.jpg) center top repeat-y; clear: both; padding: 0 10px;}
#contentTop {background: transparent url(../images/contentBgtop.jpg) center top no-repeat; margin: 0 -70px; padding: 30px 80px 0;}
#contentBottom {background: transparent url(../images/contentBgBottom.jpg) center bottom no-repeat; margin: 0 -70px 20px; min-height: 800px; padding: 20px 70px 20px; *padding: 20px 0 20px;}


#home #content {background: none;}
#home #contentTop {background: none; margin: 0; padding: 0;}
#home #contentBottom {background: none; margin: 0; padding: 0;}

#footerWrapper {background: transparent url(../images/footerBg.jpg) center top no-repeat;}
#footer {color: #7c7d7e; margin: 0 auto; overflow: auto; padding: 70px 0 50px; text-align: center; width: 960px;}

#footer p.contact, #footer h2, #footer #socialMediaLinksHolder {float: left;}
#footer p.contact {line-height: 1; margin-right: 50px; text-align: right;}
#footer p.contact a, #footer p.contact .phone {color: #a0bde1;}

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

#footerNav {display: inline-block; height: 14px; margin-bottom: 20px; text-align: center;}
#footerNav li {border-right: 1px solid #7c7d7e; float: left; line-height: 1; margin-right: 10px; padding-right: 10px;}
#footerNav li.last {border: none; margin-right: 0; padding-right: 0;}
#footerNav a {color: #7c7d7e; line-height: 1.25;}
#footerNav a:hover {color: #c7d2dd; text-decoration: none;}

#socialMediaLinks {margin-right: 50px;}
#socialMediaLinks li, #ec_footer li {float: left;}
#socialMediaLinks #youtube {margin-right: 0;}
#ec_footer {float: right; font-size: 12px; line-height: 1;}
#ec_footer li.last {clear: left;}
#ec_footer a {border-left: 1px solid #7c7d7e; color: #7c7d7e; margin-left: 5px; padding-left: 5px;}
#ec_footer li.last a {border: none; margin-left: 0; padding-left: 0;}

#socialMediaLinks a {background: transparent url(../images/socialicons.png) left top no-repeat; display: block; height: 26px; margin-right: 5px; text-indent: -9999em; width: 26px;}
#socialMediaLinks #facebook {background-position: left bottom;}
#socialMediaLinks #twitter {background-position: -32px bottom;}
#socialMediaLinks #youtube {background-position: -63px bottom;}

#socialMediaLinks #facebook:hover {background-position: left top;}
#socialMediaLinks #twitter:hover {background-position: -32px top;}
#socialMediaLinks #youtube:hover {background-position: -63px top;}

#homeSpecials {background: transparent url(../images/specialsBg.jpg) center top no-repeat; margin: 0 -70px; padding: 37px 80px 20px;}
.specials_flash_controls {bottom: 25px; left: 80px;}
.specials_flash_item {border-bottom: 1px solid #000;}
#specials_flash {width: 980px;}
#specials_flash980 {margin-left: -10px;}



/******home********/
#aboutGallery {background: transparent url(../images/welcomeBg.jpg) center top no-repeat; height: 265px; margin: 0 -70px 30px; padding: 42px 80px 24px 90px;}
#aboutVideo {float: left; height: 187px; width: 250px; position: relative;}
#aboutVideo #ec_flowplayer {display: block; height: 100%; width: 100%;}
#aboutVideo #ec_flowplayer video {height: 100%; width: 100%;}
#aboutCopy {float: left; width: 654px;}
#home #aboutCopy h2 {margin-bottom: 5px; padding-left: 30px;}
#aboutGallery p {font-size: 14px; padding-left: 30px;}
#aboutGallery ul {font-size: 14px; float: left; margin-top: 14px; width: 327px;}
#aboutGallery li {background: transparent url(../images/check.png) 8px 5px no-repeat; margin-bottom: 10px; padding-left: 30px;}

#homeLinks {background: transparent url(../images/homeLinks.png) center top no-repeat; height: 56px; padding-top: 17px; padding-left: 10px;}
#homeLinks li {float: left;}
#homeLinks a {background: transparent url(../images/homeLinks.png) left top no-repeat; display: block; height: 56px; text-indent: -9999em;}

#homeLinks #searchInventory {background-position: left -17px; width: 343px;}
#homeLinks #getApproved {background-position: -343px -17px; width: 265px;}
#homeLinks #vehicleFinder {background-position: -608px -17px; width: 352px;}

#homeLinks #searchInventory:hover {background-position: left -91px;}
#homeLinks #getApproved:hover {background-position: -343px -91px;}
#homeLinks #vehicleFinder:hover {background-position: -608px -91px;}



/******inventory********/
#inventory #leftColumn {margin-right: 20px; width: 240px;}
#inventory #rightColumn {margin-right: -10px; width: 710px;}

#inventory_v2_sidebar_filters h3 {color: #5e5e5e;}
#currentFilters {background-color: #999; border: 1px solid #666; padding: 3px 5px;}
#currentFilters p, #currentFilters a {color: #fff; font-weight: normal !important;}

#inventory_v2_sidebar_filters h2 {color: #273258; font-size: 18px;}
#inventory_v2_sidebar_filters .filterList h3 {color: #333; font-weight: bold;}

.filterList {background: transparent url(../images/filterListBorder.jpg) center bottom repeat-x; padding-bottom: 10px}

.filterList li {color: #666; font-size: 12px;}
.filterList li a {background: transparent url(http://images1.ecarlist.com/sites/images/listingImages/arrowTree_grey.gif) no-repeat scroll 2px center; color: #666; padding: 2px 2px 2px 12px;}
.filterList li a:hover {background: #273258 url(http://images1.ecarlist.com/sites/images/listingImages/arrowTree_white.gif) no-repeat scroll 2px center; color: #fff;}

#inventory #vehicle_v2_notify_button {display: none;}

#searchBar {color: #333; height: 35px !important;}
#searchBar .button {background-color: #c5c5c5; border: 1px solid #a7a7a7; color: #565656; margin-top: 3px;}
#searchBar #searchBar_left, #searchBar #listing_form, #searchBar #searchBar_right {padding-top: 0 !important;}
#searchBar #listing_form {margin-left: 10px;}
#searchBar #searchBar_left select, #searchBar #searchBar_right select {border: 1px solid #d5d5d5 !important;}
#searchBar #searchBar_right select {margin-top: 3px;}

#searchBar #drop_down_filters {padding-top: 2px;}
#searchBar #drop_down_right a {margin-top: -3px;}

#sort_bar {background-color: #8d8d8d; color: #333;
	border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
}
#sort_bar a {color: #333;}

.inventory_v2_row {background: #dfe0e0 url(../images/inventoryRowBg.jpg) left top repeat-x; color: #333; font-size: 12px !important; margin-bottom: 0 !important; padding-bottom: 15px !important;}
.inventory_v2_row:hover {background: #9399ac url(../images/inventoryRowHover.jpg) left top repeat-x; }

.inventory_v2_details h4 a {font-size: 15px;}

#inventory .inventory_v2_details li {margin-bottom: 0;}

.inventory_v2_details_links a {color: #666;}
.inventory_v2_details_links a.btn_inventory_contact {color: #09f;}

#inventory .price_line_1 {color: #222E57; font-size: 24px;}
#inventory .inventory_v2_price_right .price_title {color: #333; margin-top: 0; font-size: 11px;}

.inventory_v2_paginationCenter {margin-right: 0;}
.inventory_v2_paginationRight {margin-right: 10px;}

#vehicleDisclaimer {color: #fff;}

.inventory_v2_price_left {
	font-size: 13px !important;
}


/******vehicle********/
#vehicle #leftColumn {margin-right: 20px; width: 240px;}
#vehicle #rightColumn {margin-right: -10px; width: 710px;}

#similarVehicles {font-size: 13px; line-height: 14px;}
#similarVehicles h3 {color: #273258; font-size: 18px; margin-bottom: 10px;}
#similarVehicles .similarVehicle li {margin-bottom: 0px;}
#similarVehicles a {color: #242424;}

.similarVehicle {background: transparent url(../images/filterListBorder.jpg) center bottom repeat-x; padding-bottom: 10px}

#vehicle_v2_sidebar_links p {color: #5e5e5e; text-transform: uppercase;}
#vehicle_v2_sidebar_links a {background: transparent url(http://images1.ecarlist.com/sites/images/listingImages/arrowTree_grey.gif) no-repeat scroll 2px center; color: #666; padding: 2px 2px 2px 12px;}
#vehicle_v2_sidebar_links a:hover {background: #273258 url(http://images1.ecarlist.com/sites/images/listingImages/arrowTree_white.gif) no-repeat scroll 2px center; color: #fff;}

#vehicle #vehicle_v2_notify_button {display: none;}

#vehicle_topbar a {color: #595959;}
#vehicle #searchBar {background-color: #8b8b8b; border: none; color: #333; height: 25px; padding-top: 10px;
	border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;}
	
#vehicle #vehicle_title {font-size: 27px;}
#vehicle_mainPhoto {width: auto !important;}
#vehicle #vehicle_contact a {color: #006dff;}
#vehicle .price_title {color: #8a8a8a;}
#vehicle .price_line_1 {color: #222e57; font-size: 32px; font-weight: bold; line-height: 1;}
#vitalsContainer {color: #444;}
#vehicle #vitalsContainer ul li {padding-bottom: 5px;}

#vehicle_thumbs {background-color: #898989;}

#vehicle #customer_tools {background-color: #fff;}
#vehicle .input_element {margin: 0 2px 1px 13px;}


/******** financing ********/
#financing #financeHeader ul {margin-bottom: 0;}
#financing #financeHeader #get_started {margin-left: 180px;}
#financing #financeLeft ul {margin-left: 40px;}
#financing #financeLeft li {list-style-type: disc; margin-bottom: 10px; line-height: 1.25;}


/******** contact ********/
#contact .customer_tools_left {float: left;}

/******contact_small********/
#contact_small h2 {color: #273258; font-size: 18px;}
#contact_small label {color: #333;}
#ec_is_submit .submitButton {background: url(../images/contact_smallBtn.png) center top; border: none; color: transparent; display: block; height: 38px; font-size: 0; line-height: 0; text-indent: -9999em; width: 159px;}

#sidebar_address p {margin-bottom: 10px;}
#sidebar_address div.floatleft {margin-right: 5px !important;}



/******notify********/
#notify #notify_middle ul {margin-left: 40px;}
#notify #notify_middle li {margin-bottom: 10px;}
#notify #notify_middle li {line-height: 1.25;}
#notify #notify_middle li strong {color: #222E57;}


/******community********/
#community .section {background: #fff; border: 1px solid #222E57; padding: 10px;}
#community .section h3 {color: #222E57; font-size: 18px; margin-top: 0;}


/*quicklinks*/
#quicklinks {margin-left: -10px; margin-top: 50px;}
#quicklinks h3 {color:#273258; font-size:18px; margin-left: 10px;}
#quicklinks ul {background: transparent url(../images/quicklinks.png) left top; width: 210px; padding: 3px 3px 3px 0;}
#quicklinks a {background: transparent url(../images/quicklinks.png); display: block; height: 52px; margin-bottom: 3px; text-indent: -9999em; width: 210px;}

#quicklinks #ql-inventory {background-position: left -3px;}
#quicklinks #ql-financing {background-position: left -58px;}
#quicklinks #ql-notify {background-position: left -113px; margin-bottom: 0;}

#quicklinks #ql-inventory:hover {background-position: -213px -3px;}
#quicklinks #ql-financing:hover {background-position: -213px -58px;}
#quicklinks #ql-notify:hover {background-position: -213px -113px;}


/*sidebar_address*/
#sidebar_address_titles {text-transform: capitalize;}

/*flowplayer*/
a.ecl_video_unmute { display:block; text-align: center; height:40px; width:250px; background:url(../images/clicktolisten.png) no-repeat center center; text-indent: -9000px; line-height: 40px; position: absolute; top:70px; margin: 0; padding: 0; z-index: 400; *left:0; }
#ec_flowplayer_controlbar { height:16px; background: url(../images/controlbarbkgd.jpg) no-repeat left top; margin: 0; padding: 0; }
#ec_flowplayer_controlbar .track { height:4px; background: #fff; width:215px; float:left; margin: 5px 0 0; }
#ec_flowplayer_controlbar .time { display:none; }
#ec_flowplayer_controlbar a.play { display: block; height:16px; width:16px; text-indent: -9000px; background: url(../images/control_bttns2.gif) no-repeat 0 0; float:left; margin: 0; } 
#ec_flowplayer_controlbar a.pause { display: block; height:16px; width:16px; text-indent: -9000px; background: url(../images/control_bttns2.gif) no-repeat -16px 0px; float:left; margin: 0; } 
#ec_flowplayer_controlbar .progress { background: url(../images/playtile.gif) repeat-x left center; height:4px;  }
#ec_flowplayer_controlbar a.unmute, #ec_flowplayer_controlbar a.mute  { float: left; width:19px; height:16px; text-indent: -9000px; background: url(../images/control_bttns2.gif) no-repeat -32px 0; }

#ec_flowplayer_controlbar a.play:hover { background-position: 0 -16px; } 
#ec_flowplayer_controlbar a.pause:hover { background-position: 0 -16px; } 
#ec_flowplayer_controlbar a.unmute:hover, #ec_flowplayer_controlbar a.mute:hover { background-position: -32px -16px; }

#ec_playlist { width:240px; height:20px; margin: 0; padding: 0 5px; background: url(../images/playlist-bkgd.jpg) no-repeat left top; }
#ec_playlist a { float:left;  width:24px; height:14px; line-height: 14px; text-align: center; text-decoration: none; color:#8a7b5bl; margin:3px 3px 0 0; }
#ec_playlist a:hover { color:#3a6098; }
#ec_playlist a.playing { text-decoration: underline; }

p.clipselect { float:left; text-transform: uppercase; color:#8a7b5b; line-height: 22px; font-size:11px; margin-right: 10px; }
#contact #contact_map { background: #fff; border:1px solid #9F9F9F; border-radius:5px;	-moz-border-radius:5px;	-webkit-border-radius:5px; padding: 15px 20px }

#customer_tools li { clear:both; }
#vct_container li { clear:both; }