/* Site-specific CSS customizations go in this file */
/********
GLOBAL
*********/
body {
    background : #fff url(/images/main-bg.png) repeat-x scroll 50% 0;
}
a:link, a:visited, a:hover {
    color : #0151cc;
}
.global-wrapper {
padding:0px 5px 10px 5px;
}
/*********
Block headers
*********/
.w160 .module .block-header,
.w215 .module .block-header,
.w300 .module .block-header,
.w350 .module .block-header,
.w480 .module .block-header,
.w490 .module .block-header,
.w500 .module .block-header,
.w660 .module .block-header {
    background: url('/images/block-header-bg.jpg') repeat-x;
    font-size :11px;
    color:#fff;
    padding-top :3px;
}

.w490 .module h1.block-header {
    background:none;
    color : #333;
    font-size:22px;
}
.w300{
    margin-top: 2px;
}
#topic .w300{
    margin-top: 0;
}

/***************
HEADER and NAV
****************/
#masthead {
    background : none;
    height: 150px;
    position: relative;
    width: 1000px;
}
#masthead a.header-logo {
    background:url("/images/logo.png") no-repeat scroll 0 0 transparent;
    display:block;
    height:126px;
    left:10px;
    position:absolute;
    text-indent:-9999px;
    top:18px;
    width:279px;
}

#ad-1{
    float: right;
}

#primary-nav{
    height: 41px;
    padding: 0;
    width: 1000px;
    background: url('/images/primary-nav-bg.gif') no-repeat scroll 0 0 transparent;
}
#primary-nav-inner{
    padding-top: 6px;
    padding-left: 10px;
}
#primary-nav li {
    background : none;
    float: left;
    font-size: 15px;
    font-weight: bold;
    margin-left: -2px;
    margin-top: 2px;
    position: relative;
}
#primary-nav li:first-child {
    margin-left: 0;
}
#primary-nav li.selected:first-child {
    margin-left: 0px !important;
}
#primary-nav ul a {
    color : black;
}
#primary-nav li.selected div.right-side, #primary-nav li:hover div.right-side {
    color:#000000;
    display:block;
    float:left;
    line-height:13px;
    padding-left:2px;
    text-decoration:none;
    text-transform:uppercase;
    background:url("/images/nav-hover-right.png") no-repeat scroll right top transparent;
    margin-top: 0px;


}
#primary-nav li.selected div.left-side, #primary-nav li:hover div.left-side {
    color:#000000;
    display:block;
    float:left;
    line-height:13px;
    padding-left:4px;
    text-decoration:none;
    text-transform:uppercase;
    background:url("/images/nav-hover-left.png") no-repeat scroll left top transparent;

}


#primary-nav li a {
    font-size:15px;
    font-style:italic;
    padding-top:6px;
    padding-left: 2px;
    float: left;
    display: block;
    color: #000;
    text-transform: uppercase;
    line-height: 13px;
    text-decoration: none;
    margin-top: -1px;
}

#primary-nav li.selected a {
    background:none;
    color:black;
}
#primary-nav li div.left-side {
    background : transparent url('/images/menu-left.png') no-repeat left top;
    color:#000000;
    display:block;
    float:left;
    line-height:23px;
    padding-left:6px;
    text-decoration:none;
    text-transform:uppercase;
}

#primary-nav li div.right-side {
    display:block;
    float: left;
    line-height:13px;
    padding:0;
    background:url("/images/menu-right.png") no-repeat scroll right top transparent;
}

.extra-nav-links a {
    padding-top : 0px;
}
/*********
FOOTER
*********/
#footer {
    background-color : white;
}
#footer a {
    color : #0151cc;
}
#footerCopy {
    background : none;
    height : 44px;
    padding :0px;
}
#footerCopy img {
    display : none;
}
#footerCopy {
    background :  url(/images/logo-footer.jpg) no-repeat scroll 0 0;
} 
#footerCopy-inner {
    padding-left:200px;
    padding-top:8px;
}
#footerCopy-inner a{
    color : #CCC;
}
#footer #footeSearchRss{
    border-top:solid silver 1px;
}
/*****
MISC
*****/
/* car compare promo on make model pages */
#car-compare-promo {
    background-color : #708D99;
}
#masthead div.search {
    right : 3px;
    bottom : 8px;
    width:318px !important;
}
input.search-submit-btn {
    height:24px !important;
    width:87px !important;
}

#masthead div.search form {
    margin-bottom : 0px;
}
#masthead div.search ul.about {
    margin-right : 2px;
}
#masthead div.search ul.about li {
    background : none;
}
#footer_Makes {
    width : 100%;
}
#footer_PartnerNews {
    width:390px;
    float: right;
}
#footer_PartnerNews .hgm-part1, #footer_PartnerNews .hgm-part2{
    color: black;
}

#footer_PartnerNews .hgm-part1{
    font-size: 14px;
    font-weight: bold;
}

#footer_PartnerNews .hgm-part2{
    font-size:10px;
    letter-spacing:2px;
}

a.footer-hgm-logo{
    padding-left: 8px;
}
#external-feed-articles h4{
    display: none;
}

.follow .twitter-icon, .follow .facebook-icon, .follow .rss-icon, .follow .email-icon{
    background:url("/images/social-sprite.jpg") no-repeat;
    width:76px;
    height: 77px;
    margin: auto;
}

.follow .twitter-icon{
    background-position: 0 0;
}
.twitter:hover .twitter-icon{
    background-position: 0 -82px;
}

.follow .facebook-icon{
    background-position: -79px 0;
}
.follow .facebook:hover .facebook-icon{
    background-position: -79px -82px;
}

.follow .rss-icon{
    background-position: -163px 0;
}
.follow .rss:hover .rss-icon{
    background-position: -163px -82px;
}
.follow .email-icon{
    background-position: -245px 0;
}
.follow a.email {
    background:none;
    padding-left:0;
}
.follow .email:hover .email-icon{
    background-position: -245px -82px;
}

#sidebar-2 {
    border-left:none;
    margin-left:0px;
    padding-left:0px;
}

#extras-buttons {
    font-size:10px;
    position:absolute;
    right:5px;
    top:7px;
    width:170px;
}

#extras-buttons a.send-tip{
    background:url("/images/send-icon.gif") no-repeat scroll left center transparent;
    color:#FFFFFF;
    float:left;
    line-height:18px;
    padding:0 8px 0 20px;
    text-decoration:none;
}

#extras-buttons a.about-us{
    background:url("/images/i-icon.gif") no-repeat scroll left center transparent;
    color:#FFFFFF;
    float:left;
    line-height:18px;
    padding:0 8px 0 21px;
    text-decoration:none;
}

.write-with-us a.stdButton{
    display:block;
    height:34px;
    position:absolute;
    right:45px;
    top:44px;
    width:121px;
}

.write-with-us { width: 588px; float: left; overflow: hidden; border-right: #cccccc solid 1px; }
#supplemental .about { padding: 15px 0px 0px 180px; overflow: hidden; position: relative; width: 408px; height: 98px; background: url('/images/write-for-us-footer.jpg') no-repeat; }
#supplemental .about h4 { position: absolute; left: 10px; top: 10px; color: #d0d0d0; font-size: 13px; text-transform: uppercase; }
#supplemental .about h3 { padding-bottom: 10px; color: #000000; font-size: 16px; }
#supplemental .about p { line-height: 16px; color: #000000; }
#supplemental .follow { padding: 9px 0px 7px 8px; overflow: hidden; width: 580px; height: 100px;}
#supplemental .follow h3 { padding-right: 20px; float: left; color: #c2c2c2; font-size: 14px; text-transform: uppercase; }
#supplemental .follow ul { list-style: none; overflow: hidden; float: left; }
#supplemental .follow li { padding-right: 38px; float: left; width: 85px; text-align: center; }
#supplemental .follow li img { margin: 0 auto 3px auto; }
#supplemental .follow li a { color: #000000; font-size: 15px; font-weight: bold; text-transform: uppercase; font-style: italic; text-decoration: none; }
#supplemental .follow li a span { display: block; }
#supplemental .follow li a:hover { text-decoration: underline; }
#supplemental .follow li.last { padding: 0px; }
#supplemental .follow a:hover {color:#0151cc; }
#header-hgm-banner {
    padding:0 0 10px;
}
/** Web buzz module **/
#around-web ul.tabs li.first a {
    border-left: 3px solid #181818;
}
#around-web ul.tabs li.ui-tabs-selected a {
    background: none repeat scroll 0 0 #181818;
}
#around-web ul.tabs li a {
    border-color: #181818;
    border-top-color: #000;
    color: #373737;
}