/***********
 GLOBAL STYLES
************/
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333;
    background: #c0c0c0;
    margin:0;
}
#global-container{
    width: 1000px;
    margin: 0 auto;
}
a:link, a:visited {
    text-decoration: none;
    color: #006633;
}
a:hover {
    text-decoration: underline;
    color: #006633;
}
img {
    border: 0;
}
.clear {
    clear: both;
}
br.clear{
    line-height:0;
}
h1, h2, h3, h4, h5, h6, p, hr, form, blockquote, fieldset, dl, dt, dd, ul, ol, li {
    margin: 0;
    padding: 0;
}

h1 {
    color: #000;
    font-size: 23px;
}
h2 {
    color: #000;
    font-size: 15px;
}
h3 {
    color: #000;
    font-size: 13px;
}
h4 {
    color: #000;
    font-size: 11px;
}
p {
    display:block;
    margin-bottom:1em;
}
ul, ol {
    list-style: none;
}
fieldset {
    border: none;
}
.nodisplay {
    display:none;
}

/***********
 ADS
************/
.ad {
    text-align: center;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}
.ad span {
    background: url(../../../images/ad-arrow.gif) no-repeat left center;
    font-size: 10px;
    color: #666;
    padding-left: 10px;
}
#ad-1 {
    margin-top: 20px;
}
#ad-2 {
    margin-bottom: 21px;
}
#ad-4 {
    padding: 5px 0;
    background-color: white;
    width: 100% !important;
    margin: 0px;
    line-height: 0;
}

/***************
 Sponsored Links
****************/
.sponsored-links{
    margin-bottom: 30px;
    font-size:13px;
    color:#666;
    padding-left: 8px;
}
.sponsored-links span.title{
    float: right;
    text-transform:uppercase;
    font-weight:bold;
    color:#888;
}
.sponsored-links ol{
    list-style:none;
    margin:0;
    padding:0;
}
.sponsored-links li{
    margin:10px 0;
}
.sponsored-links li a{
    font-weight:bold;
    color:#017DD5;
}
.sponsored-links li a:hover{
    font-weight:bold;
    color:#017DD5;
    text-decoration: none;
}
.sponsored-links li a p{
    color:#888888;
    font-weight: normal;
    margin:0;
}
.sponsored-links li a p  b{
    color: #636363;
}
.sponsored-links li a span.link{
    color: #080;
    font-weight: normal;
    text-decoration: none;
}
.sponsored-links li a span.link:hover{
    color: #080;
    font-weight: normal;
    text-decoration: none;
}

/***********
 MASTHEAD
************/
#ifrHead {
    width:   1000px;
    height:  174px;
    border:  0;
    padding: 0;
    overflow:hidden;
}
#masthead {
    background: url(../images/masthead-bg.jpg) no-repeat;
    height: 150px;
    position: relative;
    overflow: hidden; /* prevent collapsing margins in FF */
    clear:both;
}
#masthead div.ad {
    margin-top:15px;
}
#masthead a.header-logo {
    display: block;
    width: 550px;
    height: 82px;
    background: url(../images/logo.jpg) no-repeat;
    text-indent: -9999em;
    position: absolute;
    left: 0;
    bottom: 0;
}
#masthead a.no-header-logo {
    display: block;
    width: 550px;
    height: 49px;
    background: none;
    text-indent: 20px;
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 40px;
    text-indent: -9999px;
}
#masthead div.search {
    width: 304px !important;
    _width: 330px;
    position: absolute;
    right: 6px;
    bottom: 10px;
}
#masthead div.search input {
    vertical-align: middle;
}
input.search-submit-btn {
    background:transparent url(/images/search-button.png) no-repeat scroll 0 0 !important;
    background:transparent url(/images/search-button.gif) no-repeat scroll 0 0;
    border:0 none;
    color: transparent;
    height: 27px !important;
    width: 69px !important;
    height: 31px;
    width: 95px;
}
#masthead div.search input.text {
    width: 250px;
}
#masthead div.search form {
    margin-bottom: 5px;
    text-align:left;
    clear:both;
}
#masthead div.search a {
    font-size: 16px;
    color: #33ff00;
}
#masthead  #check {
    color:white;
}
#masthead div.search ul.about {
    float:right;
    margin-bottom:8px;
    margin-right:4px;
    text-align:right;
}
#masthead div.search .about li {
    color:#fff;
    font-size:11px;
    padding:1px 4px 2px;
}
#masthead div.search .about li a {
    font-size:11px;
    color:#fff;
}
#masthead div.search input {
    padding-left:4px;
}
div.search input.search {
    height:22px;
    width:218px;
}
/***********
 PRIMARY NAV
************/
#primary-nav {
    background: #003d00 url(../images/primary-nav-bg.gif) repeat-x;
    font-size: 14px;
    height: 30px;
    font-weight: bold;
    position: relative;
    width: 100%;
}
#primary-nav ul {
    /* ie 6.0 fixes */
    overflow: hidden;
}
#primary-nav li {
    float: left;
    background: url(../images/primary-nav-sep.gif) no-repeat right bottom;
    /* ie 6.0 fixes */
    text-align: center;
}
#primary-nav a {
    color: #ffffcc;
}
#primary-nav ul a {
    display: block;
    padding: 8px 10px 6px;
}
#primary-nav li.selected a {
    background: url(../images/primary-nav-selected-bg.gif) repeat;
    color: #fff;
}
.extra-nav-links a{
    font-size:11px;
    font-weight:normal;
    margin-left: 8px;
    padding-top: 3px;
}
.extra-nav-links * {
    vertical-align:middle;
}
.dealers-search{
    float: left;
    height: 26px;
    border-right: 1px dotted #CCCCCC;
    margin-right: 4px;
}
a.dealers-btn{
    background:transparent url(/images/dealers_white.png) no-repeat scroll left center;
    padding:0 15px 0 23px;
    width: 23px;
}
a.services-btn{
    background:transparent url(/images/services_white.png) no-repeat scroll left center;
    padding:0 23px 0 21px;
    border-right: 1px dotted #CCCCCC;
    margin-right: 4px;
    width: 30px;
}
a.car-parts-btn{
    background:transparent url(/images/autoparts_icon.png) no-repeat scroll left center;
    padding:0 0px 0 23px;
    margin-right: 4px;
}
a.forum-btn{
    background:transparent url(/images/forums-icon.png) no-repeat scroll left center;
    height: 18px;
    width: 25px;
    padding:0 12px 0 23px;
    margin-right: 0;
    border-right:1px dotted #CCCCCC;
}
a.leaderboard-btn{
    background:transparent url(/images/icon-leaderboard.gif) no-repeat scroll left 4px;
    width: 46px;
    padding:6px 20px 0 25px;
    display: block;
    float: right;
}
.extra-nav-links .social{
    line-height:24px;
}

.extra-nav-links .social a{
    height: 23px;
    display: block;
    float: left;
}
a.twitter-btn{
    background: url(../images/followus-icons-20.png)  no-repeat -20px 0;
    width: 20px;
    height: 19px
}
a.rss-btn{
    background: url(../images/followus-icons-20.png) no-repeat -40px 0;
    width: 20px;
    height: 19px
}
a.facebook-btn{
    background: url(../images/followus-icons-20.png)  no-repeat 0 0;
    width: 20px;
    height: 19px
}
a.email-btn{
    background: url(../images/icon-mail-20px.png) no-repeat;
    width: 20px;

}

#primary-nav .extra-nav-links {
    text-align:right;
    position: absolute;
    right: 0;
    top: 0;
    padding:3px 10px;
    max-width: 45%;
}

/* header promo banner */
#header-hgm-banner {
    padding: 15px 0 5px;
}
#header-hgm-banner .header-hgm-banner-wrapper{
    position: relative;
    margin: 0 auto;
    width:980px;
}
#header-hgm-banner .message_close{
    opacity: 0.5;
    position: absolute;
    top: 5px;
    right: 5px;
}

/***********
 LAYOUT
************/
#wrapper {
    background: #fff;
    /* ie 6.0 fixes */
    padding: 18px 5px 10px;
    height: 1%;
    overflow: hidden;
}
.global-wrapper{
    background: #fff;
    /* ie 6.0 fixes */
    padding: 5px 5px 10px;
    height: 1%;
    overflow: hidden;
}
#main {
    float: left;
    border-right: 1px dotted #ccc;
    /* ie 6.0 fixes */
    padding-right: 5px;
    width: 660px;
}
#sidebar-1 {
    width: 160px;
    float: left;
    margin-left: 9px;
    margin-right: 9px;
}
#sidebar-2 {
    width: 300px;
    float: left;
    border-left: 1px dotted #ccc;
    /* ie 6.0 fixes */
    padding-left: 9px;
    margin-left:6px;
}

/***********
 FOOTER
************/
#ifrFoot {
    width:   1000px;
    height:  159px;
    border:  0;
    margin:  0;
    padding: 0;
    overflow:hidden;
}
#footer {
    font-size: 11px;
    border-top: 1px solid #ccc;
    clear:both;
    color: #ccc;
    background-color: #002c00;
}
#footer a {
    color: white;
}
#footer h2 {
    text-transform: uppercase;
    font-size: 13px;
    margin-bottom: 9px;
    color:silver;
}
#footer li.last {
    background: none;
    padding-right: 0;
}
#footer div.module{
    margin-bottom:12px;
}

#footer #supplemental{
    padding:10px;
}
#footer_Makes {
    width:60%;
    float: left;
    text-align:left;
}
#footer_Makes ol li {
    float: left;
}
#footer_OtherSites {
    width: 33%;
    float: right;
    text-align:left;
}
#footer_OtherSites li {
    display: block;
}

#footer #footeSearchRss{
    padding-top: 8px;
    position: relative;
}

* html #footeSearchRss{
    height:30px;
}
#footerSearch {
    float:left;
}
#footer .search form {
    float: left;
    text-align: left;
}
#footer .search input {
    vertical-align: middle;
}
#footer .search input.text {
    width: 200px;
}
#footer .search #check {
    text-align: left;
}

#footerAddTo {
    float: left;
    padding-left: 40px;
}
#add-to {
    margin-top: 5px;
}
#add-to ul {
    display:inline;
}
#add-to li {
    border-left:1px solid silver;
    display: inline;
}
#add-to li.first {
    border-left: solid silver 0px;
}
#add-to li a{
    margin-right: 4px;
    margin-left:7px;
}
#footer .extra-nav-links {
    height:23px;
    float: right;
}

#footerCopy {
    clear: both;
    border-top:solid silver 1px;
    background: url(../images/supplemental-bg.gif) repeat-x;
    height: 1%;
    overflow: hidden;
    padding: 10px;
    position:relative;
}
#footerCopy img { /* logo */
                  margin: 0 20px 0 0;
                  position:absolute;
}
#footerCopy p {
    margin-bottom: 0;
    padding-left: 208px;
}
#footerCopy ul {
    padding-left: 208px;
    padding-top:3px;
}
#footerCopy ul a {
    color:#ccc;
}
#legal li {
    background:transparent url(http://static.thecarconnection.com/website/footer-nav-separator.gif) no-repeat scroll right center;
    float:left;
    margin-right:10px;
    padding-right:10px;
}
#by-year-model ul {
    list-style: none;
    margin: 0;
    padding: 0 0 20px;
    overflow: hidden;
    height: 1%;
}
#by-year-model li {
    float :left;
    margin-right:10px;
}
/*************
 Enlarge photo
**************/
.image_wrapper {
    color:#666666;
    font-size:11px;
    font-style:normal;
    font-weight:normal;
    float:left;
    margin:0 20px 10px 0;
    padding-bottom:10px;
}
.image_wrapper.left {
    margin-top:10px;
}
.image_wrapper.right {
    margin:10px 0 10px 20px;
    float:right;
}
.image_wrapper p {
    float: left;
    margin:3px 5px 0 0;
    width:225px;
}
.image_wrapper a.enlarge {
    background:transparent url(../images/magnifying-glass.gif) no-repeat scroll left center;
    padding-left:16px;
    float: right;
    margin-top: 3px;
    height:14px;
}

/**************
 Search Results
 **************/
#cse-search-results{
    background: #FFF;
    padding: 20px;
    text-align:center;
}
/**************
 Page Num - use this class for pagenums removed from h1's'
 **************/
.pageNum {
    float:right;
    margin-right:25px;
    margin-top:10px;
}
/***********
 PAGINATION
************/
.pagination .right{
    float:right;
}
.pagination .left{
    float:left;
}
.pagination ol {
    /*width:100%;*/
    text-align:center;
    margin:0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    height: 1%;
    font-size: 13px;
    font-weight: bold;
    float : right;
}
* html .pagination ol {
    margin-bottom:20px;
}
.pagination li {
    padding: 0 6px 0 8px;
    border-left: 1px solid #ccc;
    display:inline;
}
.pagination li.first {
    border-left: none;
}
.pagination li.previous {
    border: none;
    background: url(../images/left-arrow.gif) no-repeat left center;
    padding-left:8px;
}
.pagination li.next {
    background: url(../images/right-arrow.gif) no-repeat right center;
    padding-right:8px;
    border-left: none;
}
.pagination .current {
    float:right;
}
/*********
pagination-round
*********/
.pagination-round {
    height: 20px;
}
.pagination-round .right{
    float:right;
}
.pagination-round .left{
    float:left;
}
.pagination-round ol {
    float:right;
}
.pagination-round li {
    margin-right:5px;
    float:left;
}
.pagination-round a {
    line-height:20px;
    text-decoration:none;
    font-size:12px;
    _cursor:hand; /* IE6 hack */
}

.pagination-round span {
    float:left;
    margin:0;
    display:block;
}
.pagination-round span.current {
    line-height:21px;
    margin-right:8px;
}
.pagination-round span.left-side {
    background:transparent url(../images/pagination-bg.png) no-repeat scroll left top;
    width:8px;
    height:20px;
}

.pagination-round span.middle {
    background:transparent url(../images/pagination-bg.png) no-repeat scroll -20px 0;
    height:20px;
    line-height : 20px;
    font-size : 12px;
}

.pagination-round span.right-side {
    background:transparent url(../images/pagination-bg.png) no-repeat scroll right top;
    width:8px;
    height:20px;
}
.pagination-round .rng span.left-side,
.pagination-round .rng span.middle,
.pagination-round .rng span.right-side{
    background:none;
}

/* hover state */
.pagination-round li a:hover span.left-side {
    background-position:left -20px;
}

.pagination-round li a:hover span.middle {
    background-position:-20px -20px;
}

.pagination-round li a:hover span.right-side {
    background-position:right -20px;
}
.pagination-round  li.selected:hover {
    background-position: 0 0;
}
/*****************/
/******
Author by line
******/
p.byline {
    margin-bottom:10px;
    margin-top:5px;
    font-size:10px;
    font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
}
p.byline img {
    border:1px solid #CFCFCF;
    vertical-align:middle;
}
/*****************
digg-count displayed at the bottom of the content (blogs, articles, and reviews.
******************/
.w660 .hgm-digg-count {
    margin :0px 0px 0px 542px;
}
.w490 .hgm-digg-count {
    float:right;
    margin-bottom:15px;
    margin-right:0;
    padding-right:0;
    width:95px;
}
/******
For adding links - keylinks
******/
a.keylinks_silent:link, a.nwslinks_silent:link {
    color : #333333;
    text-decoration:none;
}
a.keylinks_visible:link, a.nwslinks_visible:link {
    color: #0066cc;
    text-decoration:none;
}

a.keylinks_visible:visited, a.nwslinks_visible:visited {
    color: #0066cc;
}
a.keylinks_silent:hover, a.nwslinks_silent:hover {
    color: #0066cc;
}
a.keylinks_silent:visited, a.nwslinks_silent:visited {
    color: #333333;
}
/***********
Oodle logo
************/
a.oodle-logo {
    margin-left:120px;
}


/**********
MISC
**********/
.zipform h3{
    color: white;
    font-size: 16px;
    margin: auto auto 12px;
}

.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: .60;
    filter:Alpha(Opacity=60);
}

p.effective-date {
    margin-top:1em;
    margin-bottom:0;
}
#editor-policy {
    padding-top: 3px;
    text-align: center;
    font-size:11px;
    border-top: 1px solid #ccc;
}
.fb-like-btn {
    margin-top:15px;
    text-align:center;
    margin-bottom:0;
    padding-bottom:10px;
}
a.stdButton{
    text-decoration:none;
    display: block;
    cursor: pointer;
}
div.stdButton{
    cursor: pointer;
}
.stdButton {
    background:transparent url(/images/yrmd-hdr-get-price-quotes-or-classifieds.png) no-repeat scroll 50% 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color:#FFFFFF;
    font-size:15px;
    font-weight:bold;
    text-align:center;
    vertical-align:middle;
}
button.stdButton, input.stdButton {
    padding: 5px 15px;
}
span.stdButtonText {
    background:transparent url(/images/yrmd-hdr-get-price-quotes-or-classifieds.png) no-repeat scroll right top;
    color:#FFFFFF;
    display:inline-block;
    font-size:15px;
    font-weight:bold;
    height:22px;
    padding:5px 10px 0 0px;
    text-align:center;
    vertical-align:middle;
}
span.stdButtonLeft {
    background:transparent url(/images/yrmd-hdr-get-price-quotes-or-classifieds.png) no-repeat scroll left top;
    display:inline-block;
    font-size:15px;
    font-weight:bold;
    height:22px;
    padding-top:5px;
    text-align:center;
    vertical-align:middle;
    width:10px;
}
.stdButton:hover span.stdButtonText{
    background:transparent url(/images/yrmd-hdr-get-price-quotes-or-classifieds.png) no-repeat scroll right bottom;
}
.stdButton:hover span.stdButtonLeft{
    background:transparent url(/images/yrmd-hdr-get-price-quotes-or-classifieds.png) no-repeat scroll left bottom;
}
input.stdButtonText {
    background:transparent url(/images/yrmd-hdr-get-price-quotes-or-classifieds.png) no-repeat scroll right top;
    color:#FFFFFF;
    display:inline-block;
    font-size:15px;
    font-weight:bold;
    height:27px;
    padding:0px 10px 0 0px;
    margin-left: 0;
    text-align:center;
    vertical-align:middle;
}
input.stdButtonText:hover{
    background:transparent url(/images/yrmd-hdr-get-price-quotes-or-classifieds.png) no-repeat scroll right bottom;
}
/* To decrease the margin for chitika block */
.chitika-listings .block-inner {
    margin: 0px;
    padding: 0px;
}
.favicon {
    vertical-align: top;
    margin-right: 3px;
}
/*********************
opencms-promo-vertical/horizontal
***********************/
#opencms-promo-vertical img{
    height:122px;
    width:298px;
}
#opencms-promo-horizontal img {
    width: 638px;
    height: 64px;
}
.w490 #opencms-promo-horizontal img {
    width: 470px;
}
h1 small {
    font-weight: normal;
    font-size:80%;
}

/* Standard dialogs */
.ui-dialog {
    background: transparent url(/images/flyout_tcc_bg.png) repeat-x scroll left top;
    border: 4px solid #CBCBCB;
    padding: 10px;
}

.ui-dialog .ui-dialog-titlebar {
    display: none;
}

/* Prevent Kontera from uppercasing text */
.kLink {
    text-transform: none !important;
}