@import url(http://images1.ecarlist.com/sites/templates/glass/css/glass_base.css);
@import url(http://images1.ecarlist.com/sites/common/models/css/models.css);

/* ################################################
###            #_main page styles               ###
################################################ */

body { background: #0c290a url(../images/glass_green/bgGrad.png) repeat-x center top; }

#header {background: transparent url(../images/glass_green/headerBgTop.gif) center top repeat-x;}
#header h1, #header h2 {display: none;}
#main_content { background: #373737 url(../images/glass_blue/main_content_top.gif) repeat-x center top; }

a { color: #fff; text-decoration:underline; }
a:link {}
a:hover { color: #cd002d; text-decoration:underline; }
a:visited {}
a:active { outline:none; } 
a:focus { outline-style: none; }
.color_pri { color: #fff !important; }
.color_sec { color: #3d83be !important; }

#right p, #finance_middle p, #notify_middle p { color:#444; }
#right h2 { color:#345c7d; }

#right p, #finance_middle p, #notify_middle p, #main_content p  {color:#CCCCCC;}

#right h2, #notify_middle h2, .span9 h2 {color:#FFFFFF;}


/* ################################################
###               #_primary nav                 ###
################################################ */
#priNavHolder {text-align: center; width: 100%;}
#priNavHolder { background: #010e10 url(../images/glass_green/nav_bkgd.jpg) repeat-x center top;}
#priNav { background: #010e10 url(../images/glass_green/nav_bkgd.jpg) repeat-x center top; }
#priNav li { background: url(../images/glass_green/navdiv.jpg) no-repeat right center; }
#priNav li a { color:#fff; }
#priNav li a:hover { background: url(../images/glass_green/nav_rollover.gif) repeat-x center top; }

#priNav li ul { display: none; }
#priNav li ul { 
		top: 80px; 
		background-color: white; 
		border:1px solid #e5e5e5;
		border-top:none;
		text-align: left; 
		left:0;
		width: 230px; 
		z-index: 500;
}
#priNav li ul li { 
		float:none; 
		background: none; 
}
#priNav li ul a { 
		border:none; 
		color: #666; 
		display: block; 
		float: none; 
		margin: 0; 
		padding: 5px; 
		text-decoration: none; 
		text-indent: 8px; 
		font-size: 12px; 
		line-height: 25px; 
		font-weight: normal; 
		background: url(../images/compliant/greyarrow.png) no-repeat 5px center; 
}
#priNav ul a:hover { 
		color:#003399; 
		background: url(../images/compliant/bluearrow.png) no-repeat 5px center; 
}

/* ################################################
###                #_home page                  ###
################################################ */
#homeleft { background: url(../images/glass_black/left_col_bkgd.gif) no-repeat center bottom; }
.span3 h1 {
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("../images/glass_green/left_col_top.gif");
    background-position: center top;
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-size: 12pt;
}
#contactInfo { background: url(../images/glass_blue/left_col_bkgd.gif) no-repeat center bottom; }
#contactInfo h1 { color:#fff; background: url(../images/glass_green/headingBg.gif) repeat-x center top; }
.rtcol { background: none; }

p.homephone { color:#fefefd;}
p.homecontact { color:#fefefd;}
p.homecontact a { color:#fefefd;}
p.homecentered { color:#fefefd;}
p.homecontact_email { font-size: 12px; text-decoration: underline; color:#fefefd;}
p.homecontact_email {
	letter-spacing: 1.5px;
    font-size: 15px;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 5px;
    padding-bottom: 0;
    padding-left: 15px;
    padding-right: 0;
    padding-top: 0;
}

p.homecontact_email a:hover {color: #b9bdb9;}


a#directionshome { background: url(../images/glass_black/getdirectionshome.gif) no-repeat left top; }
a#directionshome:hover { background-position: -156px 0px; }

#contactInfo hr { background:url(../images/glass_green/hr_tile.gif) repeat-x center top; }
#contactInfo .floatleft p, .span3 .floatright p { color:#FEFEFD; }
#contactInfo p.homehourstitle { color:#FEFEFD; }

#midCol { background: url(../images/glass_blue/mid_col_bkgd.gif) repeat-x center 30px; }
#midCol h1 { color:#fff; background: url(../images/glass_green/headingBg.gif) repeat-x center top;}

#ql_home li a { background: url(../images/glass_green/quicklinks.jpg) no-repeat; }

#midCol p { color:#fff; }
#midCol #about_home {color: #fff;}

#socialMediaLinks a {background-image: url(../images/glass_base/socialIcons.png); background-repeat: no-repeat;}

#socialMediaLinks a#facebook {background-position: -1px 0; width: 31px;}
#socialMediaLinks a#twitter {background-position: -44px 0; width: 30px;}
#socialMediaLinks a#skype {background-position: -84px 0; width: 33px;}
#socialMediaLinks a#youtube {background-position: -127px 0; width: 32px;}
#socialMediaLinks a#ebay {background-position: -167px 0; width: 140px;}

#featured_box { background: url(../images/glass_blue/featured_bkgd.gif) repeat-x center 36px; }
#featured_box h2 { color:#fff; background: url(../images/glass_green/headingBg.gif) repeat-x center top; }

#featuredVehicles_title { display:none; }
#random_list_location #random_list_item a { color:#E0E0E0; }

.toolTipInner_price {color: #0189a1;}

p#sidebar_address_head { color:#fff; background: url(../images/glass_green/headingBg.gif) repeat-x center top; }


#home_search { background: url(../images/glass_green/home_search_bkgd.gif) no-repeat left top; color:#ccc; width: 194px;}
#home_search .submitButton:hover { background-position: -156px 0px; }
#home_search h2 { color:#fff;}

#home_search .submitButton { background:url("../images/glass_black/home_search_bttn.gif") no-repeat scroll left top transparent;}

#home_browse { background: #2d5929 url(../images/glass_green/home_browse_bkgd.gif) no-repeat center bottom;}
#home_browse h2 { color:#fff; background: url(../images/glass_green/headingBg.gif) repeat-x center top; }
#home_browse .floatleft p { color:#E0E0E0; }
#home_browse .floatleft a { color:#E0E0E0; }
#home_browse .floatleft a:hover { color:#fff; }

/* ################################################
###                 #_footer                    ###
################################################ */

#footerNav { background: url(../images/glass_green/footer_tile.gif) repeat-x center top; padding-top: 15px; }
#footerNav li { border-right:1px solid #fff; font-size:11px; }
#footerNav li a { text-decoration: none; color:#fff; }
#footerNav li a:hover { text-decoration: underline; }

#ec_footer {}
#ec_footer li { color:#858585; border-right:1px solid #858585; font-size:10px; }
#ec_footer li.last { }
#ec_footer li a { color:#858585; }

a#ecarlist {background: url(../images/dt_glass_green.png) no-repeat left top; }
.dt-footer { color:#858585; }
.dt-footer a { color:#858585; }
.dt-footer a:hover { color: #fff; }


/* #################################################
###              #service & Parts                ###
################################################ */

#service #service_container_v h3, #parts #parts_container h3 { color:#fff; }
#service #service_request_form h3, #parts #parts_request_form h3 { background: #d9d9d9; color:#333; }
#parts #parts_request_form label, #service #service_request_form label { color:#ccc; }


/* ###########################################
###              #trade_bid                ###
########################################## */

#trade_bid .floatleft p { color:#ccc; }

/* ###########################################
###               #contact                ###
########################################## */

#sidebar_address {color: #FEFEFD;}
#contact #customer_tools_top_middle { color:#000; }

/* ###########################################
###               #shipping                ###
########################################## */

/* ###########################################
###               #financing               ###
########################################## */

#financing #loanCalc { color:#fff; }
#financing .span3 { background: none; }

/* ###########################################
###               #inventory               ###
########################################## */

#makes {background-color: #01343d;}
#inventory .makesTitle {border-color: #01343d;}
#inventory a {color: #999999;}
#inventory a:hover {color: #fff;}

/* ###########################################
###               #sitemap                 ###
########################################## */
#sitemap {color: #fff;}

.span3 hr {
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("../images/glass_black/hr_tile.gif");
    background-position: center top;
    background-repeat: repeat-x;
}

p.homehourstitle {
    color: #FEFEFD;
    font-size: 14pt;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 15px;
    padding-right: 0;
    padding-top: 0;
}

#home .span3 .floatleft p, .span3 .floatright p {
    color: #FEFEFD;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

#home .span3 .floatleft {
    display: inline;
    float: left;
    margin-bottom: 20px;
    margin-left: 15px;
    margin-right: 0;
    margin-top: 5px;
}

#home .span3 .floatright {
    display: inline;
    float: right;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 10px;
    margin-top: 5px;
}

#midCol p {
    color: #FFFFFF;
    padding-left: 15px;
    padding-right: 15px;
}

#midCol h3 {
    color: #FFFFFF;
    font-size: 16px;
    padding-left: 15px;
}

#socialMediaLinks a#cosign {
    background-position: 0 0;
    width: 384px;
}

#socialMediaLinks a#cosign:hover {
    background-position: 0 -38px;
    width: 384px;
}

#socialMediaLinks a {
    background-image: url("../images/glass_green/cosign.gif");
    background-repeat: no-repeat;
}