/* ==========================================================================
   Typography
   ========================================================================== */
body {
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5;
}

h1 {
    font-size: 1.5em;
}
h2 {
    font-size: 1.25em;
}
h3 {
    font-size: 1.1em;
}
h4 {
    font-size: 1.1em;
}
h5 {
    font-size: 1.1em;
}
h6 {
    font-size: 1.1em;
}

table {
    font-size: 1.0em;
}


/* ==========================================================================
   Elements
   ========================================================================== */
a:link, a:visited {
    color: #000;
    text-decoration: underline;
}
a:hover, a:active {
    text-decoration: none;
}

body a:link, body a:visited {
    color: #000;
    text-decoration: underline;
}
body a:hover, body a:active {
    text-decoration: none;
}

button, .button, a.button, body button, body .button, body a.button {
    background: #6a6a6a;
    background: -moz-linear-gradient(top,  #6a6a6a 1%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#6a6a6a), color-stop(100%,#000000));
    background: -webkit-linear-gradient(top,  #6a6a6a 1%,#000000 100%);
    background: -o-linear-gradient(top,  #6a6a6a 1%,#000000 100%);
    background: -ms-linear-gradient(top,  #6a6a6a 1%,#000000 100%);
    background: linear-gradient(to bottom,  #6a6a6a 1%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a6a6a', endColorstr='#000000',GradientType=0 );
    border: none;
    border-radius: 0.4em;
    color: #fff;
    display: inline-block;
    font-size: 0.8em;
    font-weight: bold;
    line-height: 1;
    padding: 0.5em;
    text-decoration: none;
    text-transform: uppercase;
}

form ul, form ol {
    list-style: none;
    margin: 0;
    padding: 0;
}
form li {
    padding-bottom: 0.25em;
}
form label {
    display: block;
}
form input[type=text], form input[type=tel], form input[type=email], form input[type=password] {
    border: 1px solid #ccc;
    border-radius: 0.4em;
    height: 2em;
    margin: 0;
    padding: 0 1%;
    width: 97%;
}
form input[type=radio] + label, form input[type=checkbox] + label {
    display: inline-block;
}
form input.half {
    width: 47%;
}
form textarea {
    border: 1px solid #ccc;
    border-radius: 0.4em;
    display: block;
    margin: 0;
    padding: 1%;
    width: 97%;
}
form select {
    border: 1px solid #ccc;
    border-radius: 0.4em;
    display: block;
    height: 2em;
    margin: 0;
    padding: 0;
    width: 97%;
}
form button {
    font-size: 1.0em;
}
form .hint {
    font-style: italic;
}
form .invalid, form select.invalid, form input[type=text].invalid, form input[type=tel].invalid, form input[type=email].invalid {
    color: red;
    border: 1px solid red;
}
form label.small {
    padding: 0 0.5em;
    width: auto;
}
form .small, form select.small, form input[type=text].small, form input[type=tel].small, form input[type=email].small {
    display: inline-block;
    width: 31%;
}


/* ==========================================================================
   Masthead
   ========================================================================== */
header {
    background: #152f4f;
    background: -moz-linear-gradient(top,  #152f4f 0%, #345d8b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#152f4f), color-stop(100%,#345d8b));
    background: -webkit-linear-gradient(top,  #152f4f 0%,#345d8b 100%);
    background: -o-linear-gradient(top,  #152f4f 0%,#345d8b 100%);
    background: -ms-linear-gradient(top,  #152f4f 0%,#345d8b 100%);
    background: linear-gradient(to bottom,  #152f4f 0%,#345d8b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#152f4f', endColorstr='#345d8b',GradientType=0 );
    color: #fff;
    height: 3em;
    margin:0 auto;
    padding:5px 0;
    position: relative;
    z-index: 3;
    -moz-box-shadow: 0 0 5px 5px #333;
    -webkit-box-shadow: 0 0 5px 5px #333;
    box-shadow: 0 0 5px 5px #333;
    line-height: 1;
    z-index: 99;
}
header h1, header h2 {
    display: block;
    height: 100%;
    line-height: 2;
    margin: 0 5px;
    padding: 2px;
    text-shadow: 3px 3px 3px #333;
}
header h1 a, header h2 a {
    display: block;
    height: 100%;
}
header h1 a:link, header h1 a:visited, header h2 a:link, header h2 a:visited {
    color: #fff;
    text-decoration: none;
}
header img {
    max-height: 100%;
}


/* ==========================================================================
   Menu
   ========================================================================== */
#menu-button {
    position: absolute;
    right: 1em;
    top: 1.5em;
    z-index: 20;
}
#menu {
    background: #6a6a6a;
    background: rgba( 106, 106, 106, 0.98 );
    border-radius: 0.25em;
    display: none;
    font-weight: bold;
    left: 1em;
    position: absolute;
    right: 1em;
    top: 4.25em;
    z-index: 50;
    -webkit-transition: all .5s ease-in-out;
       -moz-transition: all .5s ease-in-out;
         -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
}
#menu a {
    border-top: 1px solid gray;
    color: white;
    display: block;
    padding: 10px;
    text-decoration: none;
}
#menu a:first-child {
    border-top: none;
}
#menu.show {
    display: block;
}


/* ==========================================================================
   Content
   ========================================================================== */
#content {
    padding: 1em 0.5em 0;
}
#content section {
    margin-bottom: 1em;
}


/* ==========================================================================
   Search Result Page
   ========================================================================== */
#search-Listings {
    padding: 0 .25em;
}
#search-Listings h1 {
    display: block;
    font-size: 1em;
    margin: 0;
    padding: 0;
    text-transform: capitalize;
}
#list-filter {
    margin: 0.5em 0;
}
.list-item {
    position: relative;
}
.list-item h3 {
    background: #ddd;
    font-size: 1em;
    height: 1.5em;
    line-height: 1.5;
    margin: 0 0 0.25em 0;
    overflow: hidden;
    padding: 0.15em;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.list-item a {
    display: block;
}
.list-item a:link, .list-item a:hover, .list-item a:visited {
    text-decoration: none;
}
.list-item > a > div {
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  z-index: 25;
}
.list-item > a > div > div {
  white-space: normal;
}
.list-item i {
    color: #f0f0f0;
    font-size: 60px;
    line-height: 1;
    position: absolute;
    right: 0;
    top: 45px;
    z-index: 10;
}
.image-Item {
    border: 1px solid #ccc;
    display: inline-block;
    height: 75px;
    margin: 0;
    padding: 2px;
    text-align: center;
    vertical-align: top;
    width: 100px;
}
.image-Item span {
    line-height: 75px;
}
.details-item {
    display: inline-block;
    line-height: 20px;
    margin: 0 0 0 1%;
    position: relative;
    vertical-align: top;
}
.details-item span {
    display: block;
}
.details-item .price {
    font-weight: bold;
}
.emotionaltagline {
    color: #c00;
    font-size:1em;
    font-style: italic;
    font-weight: bold;
    margin:0 0 .5em 0;
    padding:0;
}
.details-item-distance {
    color: #979696;
    display: block;
    font-size: 0.75em;
    position: absolute;
    top: 2.5em;
    right: 0.25em;
    z-index: 50;
}
#sortingBox, #filterBox {
    background: #f9f9f9;
    border: 1px solid #c0c0c0;
    border-radius: 0.4em;
    display: none;
}
#sortingBox ul, #filterBox ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 30;
}
#sortingBox ul li, #filterBox ul li {
    border-bottom: 1px solid #ddd;
    color: #345d8b;
    cursor: pointer;
    padding: 0.5em 0.5em;
}
#sortingBox ul li:last-child, #filterBox ul li:last-child {
    border-bottom: none;
}
#filterBox label {
    display: block;
    font-weight: bold;
}
#filterBox ul li div {
    line-height: 2em;
}
#filterBox ul li div select, #filterBox ul li div input[type=text] {
    padding: 0;
}
#filterBox ul li div label {
    display: inline-block;
    padding: 0 0.25em 0 0.1em;
}
#filterBox ul li div label.small {
    padding: 0 0.25em;
}
#searchRadius #geolocate {
    display: inline-block;
}


/* ==========================================================================
   Ad detail page
   ========================================================================== */
#quick-details h1 {
    color: #dd0010;
    font-size: 1.2em;
    line-height: 1;
    overflow: hidden;
    margin: 0;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#quick-details .price {
    font-weight: bold;
    line-height: 2;
}
#photo-detail div {
    text-align: center;
}
#photo-detail a:link, #photo-detail a:visited {
    display: inline-block;
    text-decoration: none;
}
#photo-detail img, #photo-gallery img {
    display: block;
    margin: 0 auto;
    max-width: 640px;
    width: 100%;
}
#photo-detail .legend, #photo-gallery .legend {
    text-align: center;
    line-height: 2;
}
#photo-gallery li {
    display: inline-block;
    width: 23%;
}
#photo-details-images.hero {
    overflow: auto;
}
#photo-details-images.hero ul {
    font-size: 0;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}
.priceWatch {
    text-align:center;
}
#video-gallery {
    text-align: center;
}
#video-gallery .video {
    margin-bottom: 0.5em;
}
#video-gallery iframe {
    display: block;
    margin: 0 auto;
    max-width: 490px;
    width: 100%;
}
#vehicle-details table {
    width: 100%;
}
#vehicle-details table th {
    font-weight: normal;
    padding: 0.25em 0;
    text-align: left;
}
#vehicle-details table td {
    color: #325a87;
    padding: 0.25em 0;
    text-align: right;
}
#vehicle-details .more-details {
    margin-top: 1em;
}
#vehicle-details .more-details .wrap {
    border-top: 1px solid silver;
    padding-top: 1em;
}
#vehicle-details .more-details .handle {
    color: #dd0010;
    cursor: pointer;
    text-align: center;
}
#seller-details .adr {
    padding-bottom: 0.5em;
}
#seller-details .street-address {
    display: block;
}

/* ==========================================================================
   Dealer Directory
   ========================================================================== */
#dealerdirectory h1 {
    margin: 0;
    padding: 0;
}
#dealerdirectory h3 {
    background: #ddd;
    font-size: 1em;
    height: 1.5em;
    line-height: 1.5;
    overflow: hidden;
    margin: 0 0 0.25em 0;
    padding: 0.15em;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#dealerdirectory a {
    display: block;
}
#dealerdirectory a:link, #dealerdirectory a:hover, #dealerdirectory a:visited {
    text-decoration: none;
}
#dealerForm {
    margin: 0.5em 0;
}
#dealerForm h1 {
    margin: 0;
    padding: 0;
}
#dealerForm div {
    margin: 0.25em 0;
}
#dealerdirectory div.clearfix {
  white-space: nowrap;
  overflow: hidden;
}
#dealerdirectory .logo {
    border: 1px solid #ccc;
    display: inline-block;
    min-height: 50px;
    margin: 0;
    padding: 2px;
    text-align: center;
    vertical-align: top;
    width: 100px;
}
#dealerdirectory .logo img {
    width: 100%;
}
#dealerdirectory .logo span {
    line-height: 50px;
}
#dealerdirectory .adr {
    display: inline-block;
    line-height: 20px;
    margin: 0 0 0 1%;
    position: relative;
    vertical-align: top;
}
#dealerdirectory .adr .street-address, #dealerdirectory .adr .distance {
    display: block;
}


/* ==========================================================================
   SearchNow Module
   ========================================================================== */
#searchNowTabs ul {
    list-style: none;
    margin: 0 0 -1px 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    zoom: 1;
}
#searchNowTabs ul:before, #searchNowTabs ul:after {
    content:"";
    display:table;
}
#searchNowTabs ul:after {
    clear:both;
}
#searchNowTabs ul li {
    background: #eee;
    cursor: pointer;
    display: block;
    float: left;
    margin: 0;
    overflow: hidden;
    text-align: center;
    -webkit-touch-callout: none;
      -webkit-user-select: none;
       -khtml-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
}
#searchNowTabs ul li span {
    border: 1px solid #ccc;
    border-bottom: 0;
    border-radius: 0.4em 0.4em 0 0;
    display: block;
    font-size: 0.8em;
    overflow: hidden;
    padding: 0.25em 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#searchNowTabs ul.tabs_3 li {
    width: 32%;
}
#searchNowTabs ul.tabs_3 li:first-child {
    width: 36%;
}
#searchNowTabs ul.tabs_2 li {
    width: 50%;
}
#searchNowTabs ul.tabs_1 li {
    width: 100%;
}
#searchNowTabs .selected {
    background: #fff;
}
#searchNowTabs form {
    border: 1px solid #ccc;
    border-radius: 0 0 0.4em 0.4em;
    line-height: 1.2;
    padding: .5em;
}
#searchNowTabs form label {
    display: inline-block;
}
#searchNowTabs div {
    margin-bottom: 0.5em;
}
#searchNowTabs .condition {
    text-align: center;
}
#searchNowTabs .condition label {
    text-align: left;
    width: 32%;
}
#searchNowTabs .location label {
    display: block;
}
#searchNowTabs .location label.small {
    display: inline-block;
}
#searchNowTabs .submit {
    margin: 0.5em 0 0 0;
    text-align: center;
}
#geolocate {
    cursor: pointer;
    display: inline-block;
    line-height: 1.5;
    width: auto;
}
#geolocate::before {
    font-size: 1.5em;
    vertical-align: middle;
}


/*  ==========================================================================
    Ad Places
    ========================================================================== */
    .ad-place {
        margin: 0.5em 0;
        text-align: center;
        overflow: hidden;
    }

/*  ==========================================================================
    Place Ad
    ========================================================================== */
    #placead {
        margin: 0.5em 0;
        text-align: center;
    }

    #placead button, #placead a.button {
        background: #cc0000;
        background: -moz-linear-gradient(top,  #CC4545 1%, #cc0000 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#CC4545), color-stop(100%,#cc0000));
        background: -webkit-linear-gradient(top,  #CC4545 1%,#cc0000 100%);
        background: -o-linear-gradient(top,  #CC4545 1%,#cc0000 100%);
        background: -ms-linear-gradient(top,  #CC4545 1%,#cc0000 100%);
        background: linear-gradient(to bottom,  #CC4545 1%,#cc0000 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CC4545', endColorstr='#cc0000',GradientType=0 );
        display:block;
        margin: 1em 0.5em 0;
        padding:.5em 0;
        font-size:1.25em;
        text-shadow: 1px 1px #220000;
    }

/* ==========================================================================
   Footer
   ========================================================================== */
footer {
    clear: both;
    padding: 0.25em;
}


/* ==========================================================================
   helper and utility classes
   ========================================================================== */
.clearfix {
    *zoom: 1;
}
.clearfix:before, .clearfix:after {
    display: table;
    content: '';
}
.clearfix:after {
    clear: both;
}

.left {
    float: left;
}
.right {
    float: right;
}
.center {
    margin:10px 50%;
}

.pagination {
    float: right;
}

.message {
    border: 1px solid #000;
    color: #000;
    margin: 0 0.5em;
    padding: 0.5em;
}
.message.success {
    border-color: #16BE59;
    color: #16BE59;
}
.message.failure {
    border-color: #be162e;
    color: #be162e;
}

.rounded {
    background: #f9f9f9;
    border: 1px solid #c0c0c0;
    border-radius: 0.4em;
    padding: 0.6em 0.3em;
}
.rounded.dark {
    background: #ebeaea;
}
.rounded h1, .rounded h2 {
    font-size: 1.3em;
    margin: 0;
    padding: 0 0 0.25em 0;
}

.action-details {
    text-align: center;
}

.link-list {
    font-size: 1.3em;
    list-style: none;
    margin: 0;
    padding: 0;
    text-transform: capitalize;
}
.link-list li {
    border-top: 1px solid #c0c0c0;
    margin: 0;
    padding: 0 1.5em 0 0;
    position: relative;
}
.link-list li:first-child {
    border-top: none;
}
.link-list li a:link, .link-list li a:visited {
    color: #325a87;
    display: block;
    padding: 0.25em 0.5em;
    text-decoration: none;
}
.link-list i {
    color: #dd0010;
    position: absolute;
    right: 0.5em;
    top: 0.35em;
}
.link-list li.goleft {
    padding: 0 0 0 1.5em;
}
.link-list .goleft i {
    right: auto;
    left: 0.5em;
}

.lightbox {
    position: relative;
    z-index: 101;
    background: white;
    outline: 1em solid white;
}
#lightbox {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba( 0, 0, 0, 0.8 );
    z-index: 0;
    visibility: hidden;
}
#lightbox.showlightbox {
    visibility: visible;
    z-index: 100;
}

.hpot {
    display: none;
}

.coupon {
    background: url("/assets/images/coupon.png") no-repeat right top #E5FDA9;
    color: #000;
    display: inline-block;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    height: 48px;
    line-height: 49px;
    margin: .125em 0;
    min-width: 148px;
    text-align: right;
    text-decoration: none;
}

.details-item .coupon {
    display: inline-block;
}

.coupon--heading {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.coupon--amount {
    display: inline-block;
    padding: 0 72px 0 0;
}


/* ==========================================================================
   @media Queries
   ========================================================================== */
@media only screen and (max-width: 40em) {
    .cfdebug { display: none; }
}

/* ==========================================================================
   Dealer Directory
   ========================================================================== */
.directory-list h1 {
    margin: 0;
}

.directory-list .action-details {
    margin: 1em 0;
}

.directory-map {
    background: #fff;
    height:300px;
}

.directory-featured {
    background:#ccc;
    background-image: -moz-linear-gradient(bottom, #666 25%, #888 75%);
    background-image: -webkit-linear-gradient(bottom, #666 25%, #888 75%);
    background-image: -ms-linear-gradient(bottom, #666 25%, #888 75%);
    background-image: linear-gradient(bottom, #666 25%, #888 75%);
    border: 1px solid #666;
    border-radius:10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.5);
    color: #fff;
    display: block;
    font-size: .85em;
    margin:10px 0 20px 0;
    outline: none;
    overflow: hidden;
    padding:5px 10px;
    position: relative;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}
.directory-featured h2  {
    color: #fff;
    font-size: 1.5em;
    line-height: 100%;
    margin: 0;
    padding: 0 3em 0 0;
}
.directory-featured .image_carousel {
    margin:10px 0 0 0;
    height:180px;
}

.directory-featured .controls {
    position: absolute;
    font-size: 2em;
    line-height: 1;
    margin: 0;
    right: 0.5em;
    top: 0;
}
.directory-featured .controls #featuredprev {
    margin-right: 0.25em;
}
.directory-featured .controls #featuredprev, .directory-featured .controls #featurednext {
    text-decoration: none;
}

.directory-featured .holder {
    line-height: 100%;
    height: 100%;
}
.directory-featured .dealer-holder {
    height: 49%;
    margin: 0 5px 0 0;
}
.directory-featured .holder .thumb {
    display: inline-block;
    height: 75px;
    text-align: center;
    width: 100px;
    vertical-align: top;
}
.directory-featured .holder .info {
    display: inline-block;
    text-align: center;
    width: 200px;
    vertical-align: top;
}
.directory-featured .holder .dealerholder {
    margin: 0 0 5px 0;
}

.directory-featured .dealername {
    font-weight:bold;
}
.directory-featured .phone {
    font-weight:bold;
}
.directory-featured img {
    border: 2px solid #fff;
    border-radius: .25em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    padding: 1px;
}
.directory-featured a:link,
.directory-featured a:visited {
    color: #fff;
    font-weight: normal;
    text-decoration: underline;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}
.directory-featured a:hover {
    color: #aaa;
}
.directory-dealers {
    line-height: 125%;
}
.directory-dealers {}
.directory-dealers a:link,
.directory-dealers a:visited,
.directory-dealers a:hover {
    text-decoration: none;
}
.directory-dealers .dealer{
    font-size: 0.85em;
    position: relative;
}
.directory-dealers .dealer h3 {
    font-size: 16px;
    font-weight: bold;
    margin:0;
    padding:0;
}
.directory-dealers .dealer i {
    color: #f0f0f0;
    font-size: 60px;
    line-height: 1;
    position: absolute;
    right: 5px;
    top: 20px;
    z-index: 10;
}
.directory-dealers .dealer .info {
    padding-right: 40px;
}
.directory-dealers .dealer .phone {
    font-weight: bold;
}

.directory-dealers .premium-dealer {
    background: #efefef;
    border:1px solid #999999;
    padding:3px;
}
.directory-dealers .premium-dealer h3{
    color: #ba2c2a;
}
.directory-dealers .premium-dealer i {
    color: #b82a29;
}
.directory-dealers .premium-dealer .thumb {
    float:left;
    margin: 0 10px 0 0;
    height: 75px;
    text-align: center;
    width: 100px;
}
.directory-dealers .premium-dealer img{
    border: 1px solid #999999;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    max-height: 100%;
    max-width: 100%;
}
.directory-states h2 {
    margin:0;
    padding:0;
}
.directory-states a {
    font-size: 1.0em;
    font-weight: bold;
    padding: 0 0.5em 0 0;
}
.directory-states a:link, .directory-states a:visited {
    color: #ba2a22;
}
.directory-radius {
    background: #f8f8f8;
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    padding: 10px 10px 30px 10px;
    text-align:center;
}
.directory-radius p{
    font-size:16px;
}
.directory-radius label{
    display: inline;
    font-weight:bold;
    text-transform: uppercase;
}
.directory-radius .small {
    width:25% !important;
}
.directory-radius form {
    line-height:2.5;
}


/* ==========================================================================
   Dealer Directory State/City Listings
   ========================================================================== */
#directory-list {}
#directory-list a:link,
#directory-list a:visited,
#directory-list a:hover {
    text-decoration: none;
}
#directory-list h1,
#directory-list h2,
#directory-list h3 {
    margin:0;
    padding:0;
}
#directory-list .locationheader {
    background: #f6f6f6;
    color: #2c5477;
    font-size: 18px;
    line-height: 175%;
    margin:10px 0;
    padding:0 5px;
}
#directory-list .dealer {
    position: relative;
}
#directory-list .dealer i {
    color: #f0f0f0;
    font-size: 60px;
    line-height: 1;
    position: absolute;
    right: 5px;
    top: 25px;
    z-index: 10;
}
#directory-list .premium-dealer {
    background: #efefef;
    border: 1px solid #999999;
    padding:3px;
}
#directory-list .premium-dealer h3{
    color: #b82a29;
}
#directory-list .premium-dealer img {
    border: 1px solid #999999;
    float:left;
    margin:0 10px 0 0;
}
#directory-list .premium-dealer .address {
    width:275px;
}
#directory-list .premium-dealer i {
    color: #b82a29;
}
#directory-list .phone {
    font-weight: bold;
}
#directory-list .directory-cities {
    font-size: 1em;
    font-weight: bold;
}
#directory-list .directory-cities h2 {
    text-transform: capitalize;
}
#directory-list .directory-cities a:link,
#directory-list .directory-cities a:visited,
#directory-list .directory-cities a:hover {
    color: #b82a29;
    padding: 10px;
    white-space:nowrap;
}

/* ==========================================================================
   Dealer Directory Internet Specials
   ========================================================================== */
#InternetSpecials {
    background: #888;
    border-radius: 10px;
    color: #fff;
    font-size: .85em;
    padding: 10px 10px;
    margin: 15px 0;
    text-decoration: none;
    outline: none;
    display: block;
    border: 1px solid #666;
    box-shadow: 0 2px 5px rgba(0,0,0,0.5);
    background-image: -moz-linear-gradient(bottom, #666 25%, #888 75%);
    background-image: -webkit-linear-gradient(bottom, #666 25%, #888 75%);
    background-image: -ms-linear-gradient(bottom, #666 25%, #888 75%);
    background-image: linear-gradient(bottom, #666 25%, #888 75%);
}
#InternetSpecials h2 {
    color: #fff;
    font-size: 22px;
    line-height: 18px;
    margin: 0 0 10px 0;
    padding: 0;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}
#InternetSpecials img {
    border:1px solid #fff;
}
#InternetSpecials .price {
    font-weight:bold;
}

/* ==========================================================================
   Dealer Directory Seller Details
   ========================================================================== */
#seller-details {
}
#seller-details img {
    border: 1px solid #999;
    margin: 0 10px 0 0;
}
#seller-details p {
    margin:0;
    padding:0;
}
#seller-details .tel {
    font-weight: bold;
}
#seller-details .website {
    margin: 0 0 10px 0;
    text-align: center;
}
#seller-details .website a:link,
#seller-details .website a:visited,
#seller-details .website a:hover {
    color: #b82a29;
}
#seller-details .hours {
    margin:10px 0;
    padding:0;
}

/* ==========================================================================
   News - Public
   ========================================================================== */
#news .post {
    border-bottom: 1px dashed #ccc;
    margin: 10px;
    padding: 20px 0;
    text-align: center;
}
#news .post h1, #news .post h2 {
    color: #0070ad;
    font-size: 26px;
    line-height: 100%;
    margin: 0;
    padding:0;
    text-transform: uppercase;
}
#news .post .date-header {
    font-style: italic;
    margin:0 0 10px 0;
}
#news .post .post-body {
    margin: 0 0 10px 0;
    text-align: left;
}
#news a.readMore:link,a.readMore:visited {
    background:#0f8ab3;
    color:#fff;
    display: inline-block;
    font-size: 15px;
    line-height: 30px;
    padding:0 0 0 10px;
    text-decoration: none;
}
#news a.readMore:hover {
    background: #057396;
}
#news a.readMore:hover span {
    background:#0f8ab3;
}
#news span {
    background: #057396;
    display: inline-block;
    font-size: 15px;
    line-height: 30px;
    padding:0 10px 0 10px;
}
#news span i {
   line-height: 30px;
}
#news .post:last-child{
    border:none;
}

/* ==========================================================================
   Account - Notifications
   ========================================================================== */
.noficationLine {
  margin: 5px;
  text-align:center;
}
a.noficationLink:link,a.noficationLink:visited{
  background: #46aed1;
  border: 1px solid #46aed1;
  color: #fff;
  display: block;
  margin: 0 0 2px 0;
  padding: 5px;
  text-decoration: none;
}
a.noficationLink:hover{
  background: #2983a1;
}

.dateSaved{
  background: #dde6eb;
  color:#525252;
  padding:5px;
}
.daysRemaining{
  background: #dde6eb;
  color:#525252;
  padding:5px;
}
.notifyTerms p{
  text-transform: capitalize;
  padding:5px;
  margin:0;
}
.notifyTerms ul {
  list-style: none;
  margin:0;
  padding:0;
}

.notifyTerms li {
  display: block;
  margin:5px;
}

.notifyTerms label {
  display: inline-block;
  font-weight: bold;
  margin: 0 5px 0 0;
}
.notifyTerms span {
 text-transform: capitalize;
}

/* ==========================================================================
   Account - Price Watch
   ========================================================================== */
.priceWatchCars {
    margin-bottom: 15px;
}
.priceWatchCars img {
    display: block;
    margin:10px auto;
}
.priceWatchCars table {
    margin:10px auto;
}
.priceWatchCars h2 {
    text-align: center;
}
.priceWatchCars .tborder {
    border-top:1px solid #222;
}
.priceWatchCars .red {
    color: #c00;
    font-weight:bold;
}
.priceWatchCars .green {
    color: #4D873B;
    font-weight:bold;
}
