/*
    $_Basic_Styles
    $_Fonts
    $_Typography
    $_Links
    $_Lists
    $_Images
    $_Figures
    $_Tables
    $_Buttons
    $_Forms
    $_Misc
    $_Containers
    $_Site_Styles
    $_Header
    $_Find_us
    $_Navigation
    $_Footer
    $_Panels
    $_Templates
    $_Media_Queries
*/

/* $_Basic_Styles
================================================== */
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
html {
    -webkit-tap-highlight-color: #F3F5F6;
}
body {
    color: #444;
}
hr {
    border: 1px solid #DDD;
}
/* $_Fonts
================================================== */
@font-face {
    font-family: 'latoregular';
    src: url('/tomhartley/font/lato-regular-webfont.eot');
    src: url('/tomhartley/font/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/tomhartley/font/lato-regular-webfont.woff') format('woff'),
         url('/tomhartley/font/lato-regular-webfont.ttf') format('truetype'),
         url('/tomhartley/font/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latobold';
    src: url('/tomhartley/font/lato-bold-webfont.eot');
    src: url('/tomhartley/font/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/tomhartley/font/lato-bold-webfont.woff') format('woff'),
         url('/tomhartley/font/lato-bold-webfont.ttf') format('truetype'),
         url('/tomhartley/font/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latoitalic';
    src: url('/tomhartley/font/lato-italic-webfont.eot');
    src: url('/tomhartley/font/lato-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/tomhartley/font/lato-italic-webfont.woff') format('woff'),
         url('/tomhartley/font/lato-italic-webfont.ttf') format('truetype'),
         url('/tomhartley/font/lato-italic-webfont.svg#latoitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'TrajanProRegular';
    src: url('/tomhartley/font/trajanregular.eot');
    src: url('/tomhartley/font/trajanregular.eot') format('embedded-opentype'),
         url('/tomhartley/font/trajanregular.woff') format('woff'),
         url('/tomhartley/font/trajanregular.ttf') format('truetype'),
         url('/tomhartley/font/trajanregular.svg#TrajanProRegular') format('svg');
}
@font-face {
    font-family: 'TrajanProBold';
    src: url('/tomhartley/font/trajanbold.eot');
    src: url('/tomhartley/font/trajanbold.eot') format('embedded-opentype'),
         url('/tomhartley/font/trajanbold.woff') format('woff'),
         url('/tomhartley/font/trajanbold.ttf') format('truetype'),
         url('/tomhartley/font/trajanbold.svg#TrajanProBold') format('svg');
}
/* $_Links
================================================== */
.basement a {
    color: #333;
    font-family: "latoregular", Arial;
    outline: 0;
    text-decoration: none;
}
.text-link,
.text-link a {
    cursor: pointer;
    font-family: "latobold", Arial;
    font-size: 10px;
    font-size: 0.625rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #005791;
}
.text-link a:hover{
     color: #007acc;
}
.cta {
    display: inline-block;
    font-family: "latoregular", Arial;
    font-size: 13px;
    font-size: 0.8125rem;
    padding: 14px 30px;
    text-transform: uppercase;
    text-decoration: none;
    background: #005791;
    border:none;
}

/* $_Lists
================================================== */
.listBordered li {
    border-bottom: 1px dashed #c7ced6;
}
/* $_Images
================================================== */
.imgPolaroid {
    background-color: white;
    border: 1px solid #c6bfbf;
}


/* $_Figures
================================================== */
figure figcaption {
    color: #808080;
}


/* $_Tables
================================================== */
table th,
table td {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
}
table tbody + tbody {
    border-top: 2px solid #8c9bab;
}
.tableBordered {
    border: 1px solid #8c9bab;
}
.tableBordered th,
.tableBordered td {
    border-left: 1px solid #8c9bab;
    border-left: 0;
}
.tableStriped tbody tr:nth-child(odd) td,
.tableStriped tbody tr:nth-child(odd) th {
    background-color: #c7ced6;
}

/* $_Buttons
================================================== */
button {
    border-radius: 0;
    background: none;
    color: #fff;
}
/* $_Forms
================================================== */
legend {
    border-bottom: 1px solid #ccc;
    width: 100%;
    padding: 10px 0;
    margin-bottom: 20px;
    font-weight: bold;
}
input,
textarea {
    border: none;
}
form ul input {
    width: 100%;
}
form li {
    list-style: none;
}
form .title {
    width: 80px;
}
#loadercontainer {
    display: none;
    position: absolute;
    left: 50%;
    margin-top: 50px;
    margin-left: -24px;
}


/* $_Misc
================================================== */
.callout {
    background: #FFF;
    border: 1px solid #333;
    border-left: none;
    border-right: none;
    border-radius: 0;
    margin-top: 4.625em;
    padding: 20px 2px;
}
.callout .heading {
    font-family: "latoregular",Arial;
    font-size: 18px;
    font-size: 1.125rem;
    text-transform: uppercase;
}
.callout p {
    margin: 0;
}
.callout a:link,
.callout a:visited {
    border-bottom: 1px solid #ADADAD;
}
.callout a:hover {
    border-color: #333;
}
.loader {
    height: 100%;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}
.loader img {
    left: 50%;
    position: absolute;
    width: 32px;
    padding-top: 50px;
}

/* $_Site_Styles
================================================== */
html {
    background-color: #FFF;
}
body {
    background-color: #333;
    height: 100%;
}
body.formshell{
    background-color: #fff;
}
.highlight {
    color: #91A23C;
    font-weight: bold;
}
.box-drop-shadow{
    -webkit-box-shadow: 0px 10px 15px -12px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0px 10px 15px -12px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 10px 15px -12px rgba(50, 50, 50, 0.5);
}
.border-top{
    border-top: 1px solid #bbbbbb;
}

/* $_Typography
================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333;
}
h1 {
    font-family: "TrajanProBold",Arial;
    text-transform: uppercase;
}
h2 {
    font-family: "TrajanProBold",Arial;
    font-style: italic;
}
p {
    font-family: "latoregular",Arial;
}
.sideHeading {
    font-family: "TrajanProBold", Arial;
    font-size: 14px;
    font-size: 0.875rem;
    letter-spacing: 4px;
    margin-bottom: 16px;
    text-transform: uppercase;
}


/* $_Navigation
================================================== */
/*$_Sidebar_Nav*/
.nav {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}
.nav__left {
    margin: 0 8% 0 0;
    width: 92%;
}
.nav__right {
    margin: 0 0 0 8%;
    width: 92%;
}
.nav li {
    display: block;
}
/*$_Tertiary_Nav*/
.tertiaryLevel > ul > li  {
    display: block;
    font-size: 10px;
    font-size: .625rem;
    margin: 0 7px;
    position: relative;
    list-style: none;
}
.tertiaryLevel > ul > li > a {
    border-bottom: 1px solid #CCC;
    color: #707070;
    display: block;
    font-weight: bold;
    padding: 4%;
    text-transform: uppercase;
    text-decoration: none;
}
.tertiaryLevel > ul > li.active a,
.tertiaryLevel > ul > li a:hover,
.tertiaryLevel > ul > li a:focus {
    background: linear-gradient(to bottom, #73706c 0%,#4a4949 100%);
    border-radius: 2px 2px 2px 2px;
    color: #FFF;
}
/*Secondary_Nav*/
.secondaryLevel {
    margin-bottom: 20px;
    margin-right: -1px;
}
.secondaryLevel li {
    list-style: none;
    margin-bottom: -1px;
    border: 1px solid #c9c9c9;
}
.secondaryLevel li.selected {
    border-right: #fff;
}
.secondaryLevel li > ul {
    margin: 0 0 0 20px;
}
.secondaryLevel li:last-of-type {
    margin-bottom: 0;
}
.secondaryLevel a {
    background-color: #FFF;
    color: #333;
    display: block;
    font-size: 12px;
    font-size: 0.75rem;
    font-family: "TrajanProBold",Arial;
    padding: 18px 15px;
    text-decoration: none;
    text-transform: uppercase;
}

.secondaryLevel a:hover,
.secondaryLevel a.selected:hover {
    background-color: #FFF;
    color: #005791;
}
.secondaryLevel li ul.third-level li{
    border:none;
}
.secondaryLevel li ul.third-level li a{
    border-top:1px solid #ccc;
}
.secondaryLevel li a.selected,
.secondaryLevel li ul.third-level li a.selected{
    color: #666;
}
/* $_Header
================================================== */
header {
    background: #222;
    width: 100%;
    z-index: 300;
}
header .container {
  margin: 0 auto;
  padding: 0;
}
header .container .top,
header .container .ribbon{
    display: none;
}
.phoneMenu {
    float: right;
    width: 30%;
}
.menu__button {
    float: right;
}
.menu__button.active {
    padding-bottom: 10px;
}
.phoneMenu .phone {
    background: #F1F1F1;
    float: right;
    height: 36px;
    margin-right: 10px;
    width: 38px;
}
.phoneMenu .phone a:link {
    display: block;
    font-family: "latoregular",Arial;
    font-size: 20px;
    font-size: 1.25rem;
    padding: 8px 0 0 11px;
}
.phone .phone__icon {
    fill: #5D5D5D;
    height: 18px;
    width: 18px;
    margin-right: 10px;
}
.phoneMenu .phone .phone__number {
    display: none;
}
header .container .phone,
    header .container .livechat-mobile {
    text-align: right;
    font-family: "TrajanProBold", serif;
    font-size: 24px;
    font-size: 1.5rem;
    color: #fff;
    width: auto;
    float: right;
    display: block;
    padding: 3px 18px 2px 0;
}

header .container .livechat-mobile {
 padding: 3px 9px 2px 0;
}

header .container .livechat-mobile {
    margin-right: 10px;
}

.lc-desktop-wrapper {
    position: fixed;
    right:0;
    top:322px;
    z-index: 1000;
    display: block;
}

.livechat-tablet {
    float: right;
    margin-right: 20px;
}

.livechat-vdp {
    display:block;
    width: 100%;
    height: 51px;
    margin: 0 10px 23px 0;
    background: #005791;
    text-align: center;
}

.basement .rotate {
  /* Rotate from top left corner (not default) */
    -webkit-transform-origin: 0 0;
    -moz-transform-origin:    0 0;
    -ms-transform-origin:     0 0;
    -o-transform-origin:      0 0;
    transform-origin:         0 0;
    -webkit-transform: rotate(270deg);
    -moz-transform:    rotate(270deg);
    -ms-transform:     rotate(270deg);
    -o-transform:      rotate(270deg);
    transform:         rotate(270deg);
}

.basement .livechat-desktop-inner {
   width: 100px;
   position: absolute;
   top:117px;
   left: 15px;
}
header .container .phoneTel a{
    float: right;
    text-align: right;
    color: #fff;
    font-family: "TrajanProRegular",Arial;
    font-size: 16px;
    font-size: 1rem;
    padding: 13px 40px 13px 0px;
}
header .col.third.phone{
    display: none;
}
/* $_Find_us and Location
================================================== */
#map_canvas {
    width: 100%;
    height: 200px;
}
.opening td,
.opening th {
    border: none;
}
.opening tr:nth-child(odd) {
    background-color: #f0f0f0;
}
.gm-style img {
    max-width: none;
}
.gm-style label {
    width: auto;
    display: inline;
}
body.printmap{
    background: #fff;
}
.printmap .header{
    padding: 10px 10px 0;
}
.printmap .logo{
    float: left;
}
.printmap .print {
    float: right;
    color: #333;
    padding: 0 10px;
}
.printmap .address {
    clear: both;
    padding: 10px 0;
    font-size: 12px;
}
.printmap #map_canvas {
    margin-top: 15px;
    height: 200px;
}
#directions-form input{
    padding: 12px 5px;
    border: 1px solid #ccc;
    color: #ccc
}
#directions-form input:focus{
    color: #999;
}
.adp-directions,
.adp-legal {
    color: #CCC;
    font-family:"interface_corpbold", Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 100%;
}
.adp-summary {
    font-family:"interface_corpbold", Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
}
.adp-step,
.adp-text {
    width: 100%;
    vertical-align: middle;
}
.adp,
.adp table,
.adp-list {
    font-family:"interface_corpbold", Arial, Helvetica, sans-serif;
}
.adp-placemark {
    font-size: 13px;
    padding-left: 20px;
}
.adp-marker {
    padding: 5px 20px;
}


/* $_Footer
================================================== */
footer.col {
    margin: 0;
}
footer .content {
    max-width: 1360px;
    background: #fff;
}
footer .content .copyright{
    padding: 35px 20px;
    color: #999;
    font-size: 12px;
    font-size: 0.75rem;
    letter-spacing: 2px;
    margin: 0 20px;
    text-align: center;
}
footer ul,
footer li {
    list-style : none;
    margin: 0;
}
footer nav{
    overflow: hidden;
}
footer nav li {
     display: inline;
     padding: 7px;
}
footer .topLinks{
    text-align: center;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin-bottom: 10px;
    padding: 1.5em 0 0.5em;
}
footer .established{
    text-align: center;
    margin: 3em 0 1em;
}
footer .established img{
        width: 30%;
        padding: 2%;
}
footer .footerPhone a{
        font-family: "TrajanProBold", Arial;
        font-size: 30px;
        font-size: 1.875em;
        color: #333;
        text-align: center;
        border-bottom: 1px solid #ccc;
        padding: 20px 0;
        display: block;
}
/*Social Icons*/
.socialIcons {
    text-align: center;
}
.socialIcons a{
    display: inline-block;
    width: 45px;
    height: 45px;
    background: url('/tomhartley/img/social-icons.png') no-repeat top left;
    margin: 0;
}
.socialIcons a.linkedin { background-position: -10px -14px; }
.socialIcons a.linkedin:hover { background-position: -10px -180px; }
.socialIcons a.facebook { background-position: -64px -14px; }
.socialIcons a.facebook:hover { background-position: -64px -180px; }
.socialIcons a.googleplus { background-position: -122px -14px; }
.socialIcons a.googleplus:hover { background-position: -122px -180px; }
.socialIcons a.twitter { background-position: -169px -14px; }
.socialIcons a.twitter:hover { background-position: -169px -180px; }
.socialIcons a.youtube { background-position: -222px -14px; }
.socialIcons a.youtube:hover { background-position: -222px -180px; }
.socialIcons a.flickr { background-position: -275px -14px; }
.socialIcons a.flickr:hover { background-position: -275px -180px; }
.socialIcons a.google_places { background-position: -10px -68px; }
.socialIcons a.google_places:hover { background-position: -10px -234px; }
.socialIcons a.blogger { background-position: -64px -68px; }
.socialIcons a.blogger:hover { background-position: -64px -234px; }
.socialIcons a.picasa { background-position: -116px -68px; }
.socialIcons a.picasa:hover { background-position: -116px -234px; }
.socialIcons a.pinterest { background-position: -169px -68px; }
.socialIcons a.pinterest:hover { background-position: -169px -234px; }
.socialIcons a.instagram { background-position: -222px -68px; }
.socialIcons a.instagram:hover { background-position: -222px -234px; }
.socialIcons a.foursquare { background-position: -275px -68px; }
.socialIcons a.foursquare:hover { background-position: -275px -234px; }
.socialIcons a.weibo { background-position: -10px -122px; }
.socialIcons a.weibo:hover { background-position: -10px -288px; }
.socialIcons a.dealerrater { background-position: -116px -122px; }
.socialIcons a.dealerrater:hover { background-position: -116px -288px; }
.socialIcons a.yelp { background-position: -64px -122px; }
.socialIcons a.yelp:hover { background-position: -64px -288px; }
.socialIcons a.rss_enabled { background-position: -169px -122px; }
.socialIcons a.rss_enabled:hover { background-position: -169px -288px; }

.sitemapCopyWrapper {
    font-family: "latoregular", Arial;
    font-size: 13px;
    padding: 20px 0px 12px;
    border-bottom: 1px solid #bbbbbb;
}
.sitemapCopyWrapper a{
    text-transform: uppercase;
    padding-right: 10px;
}
.sitemapCopyWrapper a:hover,
.sitemapCopyWrapper a:focus {
    color: #007acc;
}
#sitemap {
    margin: 0 auto 20px;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    text-align: center;
    padding: 20px 0;
}
#sitemapWrapper h2 {
    color: #333;
    font-family: "latoregular",Arial;
    font-size: 16px;
    font-size: 1rem;
    margin: 0 0 10px 0;
    letter-spacing: 8px;
    text-align: center;
    text-transform: uppercase;
    font-style: normal;
}
#sitemap ul {
    width: 100%;
    float: left;
    padding: 12px 20px 12px 0px;
    color: #FFF;
}
#sitemap ul li:first-child a{
    font-size: 16px;
    font-size: 1rem;
}
#sitemap li {
    list-style: none;
    margin: 2px 0;
    line-height: 1.3;
    font-size: 13px;
    text-transform: uppercase;
}
#sitemap li a {
    color: #005791;
    font-family:"latoregular", Arial;
    margin: 0 10px;
    font-size: 12px;
    border-bottom: none;
    padding-right: 10px;
}
#sitemap li a:hover {
    color: #007acc;
}
/*$_Hitlist*/
.hitlist .main--heading,
.slider .main--heading {
    font-size: 26px;
    font-size: 1.625rem;
    text-align: center;
}
.hitlist.innerContent {
    padding-top: 4em;
}



/*$_heroImage*/
.heroimage {
    text-align: center;
}
/*$_heroslider*/
.heroslider .frameContainer,
.homeslider .frameContainer{
    position: relative;
    clear: both;
}
.heroslider .slideContent{
    background-color: rgba(0,0,0,0.8);
    color: #ccc;
    position: absolute;
    padding: 35px;
    width: 400px;
    height: auto;
}
.heroslider .slideContent h1 {
    letter-spacing: 5px;
    margin-bottom: 10px;
    color: #fff;
}
.heroslider .slideContent.top.left {
    top:80px;
    left:50px;
}
.heroslider .slideContent.top.right {
    top:80px;
    right:50px;
}
.heroslider .slideContent.bottom.left {
    bottom:50px;
    left:50px;
}
.heroslider .slideContent.bottom.right {
    bottom:50px;
    right:50px;
}
.heroslider .slideContent.middle.left {
    top:50%;
    left:50px;
    margin-top: -110px;
}
.heroslider .slideContent.middle.right {
    top:50%;
    right:50px;
    margin-top: -110px;
}
.heroslider .slideContent.off{
   display: none;
}
.heroslider .ctaButton{
    padding: 12px 20px;
    font-family: "latoregular",Arial;
    font-size: 13px;
    font-size: 0.8125rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 20px;
    background: #005791;
    color: #fff;
}
.heroslider .ctaButton:hover, button.cta:hover  {
    background: #007acc;
}
.testimonials {
    padding: 30px;
}
.testimonials .heading {
    color: #333;
    text-transform: uppercase;
    text-align: center;
}
.testimonials blockquote {
    text-align: center;
    padding: 0;
    margin: 0;
}
.testimonials .flex-control-nav {
    bottom: 0;
    position: relative;
}
/*$_Panels*/
.panel{
    margin-bottom: 40px;
}

.text-image h3{
    background: #232323;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-family: 'TrajanProRegular', Arial;
    font-size: 14px;
    font-size: 0.875rem;
    letter-spacing: 2px;
    padding: 15px;
    margin: 0;
}
.text-image img{
    width: 100%
}
.text-image .description{
    padding-top: 10px;
}
.text-image .link{
    color: #005791;
}
.text-image .link:hover{
    color: #007acc;
}
/* $_Templates
================================================== */
/*$_homepage*/
.homeHero{
    background: #222;
}
.homeHero .innerContent{
   padding: 0;
   max-width: 1360px;
   width: 100%;
}
/*$_homeCarousel*/
#homeCarousel{
    padding: 0 40px 20px;
    border-bottom: 1px solid #ccc;
}
#homeCarousel .flex-direction-nav a  {
    opacity: 1;
    -moz-transition: none;
    -webkit-transition: none;
    transition: none;
}
#homeCarousel .flex-direction-nav .flex-prev {
    left: 10px;
    width: 16px;
    height: 26px;
    background: url('/tomhartley/img/flex-arrow-left-plain-sml.png') no-repeat 0 center;
    top: 50%;
}
#homeCarousel .flex-direction-nav .flex-next {
    right: 10px;
    text-align: right;
    width: 16px;
    height: 26px;
    background: url('/tomhartley/img/flex-arrow-right-plain-sml.png') no-repeat 0 center;
    top: 50%;
}
#homeCarousel li:first-child{
    margin: 0;
}
#homeCarousel li {
    margin-left: 14px;
}
#homeCarousel li .frameContainer {
    border: 2px solid transparent;
    padding: 5px;
}
#homeCarousel img {
    position: relative;
}
#homeCarousel .slideContent {
    font-family:"latoregular", Arial;
    color: #333;
    font-size: 14px;
    font-size: 0.875rem;
    padding: 10px 0;
    text-align: center;
    bottom: -10px;
    left: 0;
    width: 100%;
    text-decoration: none;
    overflow: hidden;
}
#homeCarousel .slideContent .title{
    font-family:"latobold", Arial;
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 5px;
    height: 40px;
}
/*$_stock-summary*/
.stockSummary{
    text-align: center;
    border-bottom: 1px solid #ccc;
    margin-bottom: 40px;
}
.stockSummary h3{
    color: #333;
    font-family: "TrajanProBold",Arial;
    font-size: 22px;
    font-size: 1.375rem;
    margin: 60px 20px 20px;
    padding-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 10px;
    border-bottom: 1px solid #ccc;
}
.stockSummary ul{
    margin: 0 0 15px;
    padding: 0;
    display: inline-block;
    padding: 0;
    /* For IE, the outcast */
    zoom:1;
    *display: inline;
}
.stockSummary li{
    list-style: none;
    padding: 15px 0;
    margin: 6px;
    display: inherit;
}
.stockSummary li a{
    background: #dddddd;
    color: #005791;
    font-family: 'latobold', Arial;
    font-size: 13px;
    font-size: 0.8125rem;
    padding: 15px 20px;
}
/*$_testimonialsSlider*/
.testimonialsSlider {
    position: relative;
    background:url('/tomhartley/img/testimonials-slider-bg.gif');
    padding-top: 40px;
}
.testimonialsSlider2 {
    position: relative;
    background: #fff;
}
.testimonials-slider {
    text-align: center;
    margin: 40px 0;
    padding: 20px;
}
.testimonialsSlider2 .testimonials-slider {
    text-align: center;
    margin: 20px 0;
    padding: 20px;
}
.testimonials-slider .flexslider {
    padding: 0;
}
.testimonials-slider h3 {
    color: #333;
    font-family: "TrajanProBold",Arial;
    font-size: 22px;
    font-size: 1.375rem;
    margin: 0 20px 20px;
    padding-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 10px;
    border-bottom: 1px solid #ccc;
}
.testimonialsSlider2 .testimonials-slider h3 {
    font-size: 16px;
    font-size: 1rem;
    border-bottom: none;
    letter-spacing: 2px;
    margin: 0;
}
.testimonialsSlider2 .testimonials-slider img {
    margin-bottom: 20px;
}
.testimonials-slider blockquote {
    margin-bottom: 10px;
}
.testimonials-slider p {
    font-family: "latoitalic",Arial;
    font-size: 22px;
    font-size: 1.375rem;
    margin: 0;
    text-align: center;
    padding: 0;
}
.testimonials-slider .cta {
    background: #005791;
    color: #fff;
    font-size: 13px;
    font-size: 0.8125rem;
    margin: 50px 0;
}
.testimonialsSlider2 .testimonials-slider .cta {
     margin: 20px 0;
}
.testimonials-slider .flex-control-nav {
    bottom: 0;
    position: relative;
    margin-top: .625em;
    padding-right: 0;
}
.testimonials-slider .testimonialImage{
    padding: 40px 10px 10px 10px;
    max-width: 275px;
    margin: 0 auto;
}
/*
    $_Hitlist
*/
.hitlist .col.quarter {
    padding: 0 0 0 40px;
    margin-bottom: 40px;
}
.hitlistVehicles {
    margin-left: -40px;
    position: relative;
    min-height: 200px
}
.utilityContainer {
    margin-bottom: 40px;
}
.hitlistSearch {
    padding: 1em 0 0 0;
    width: 100%;
}
.hitlistSearch form {
    margin: 0;
}
.hitlistSearch .select {
    overflow: hidden;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyOHB4IiBoZWlnaHQ9IjIxcHgiIGZpbGw9IiMwMDU3OTEiIHZpZXdCb3g9Ii04LjAzMSAtNy4yNzkgMjggMjEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgLTguMDMxIC03LjI3OSAyOCAyMSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+Cjxwb2x5Z29uIHBvaW50cz0iNS45NywwIDAsMCA1Ljk3LDYuNDQzIDExLjkzOSwwICIvPgo8L3N2Zz4=') no-repeat right #ddd;
    border: 3px solid #ddd;
}
.hitlistSearch .select select {
    background: transparent;
    border: 0;
    border-radius: 0;
    height: 46px;
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
    color: #005791;
    font-family: "latobold",Arial;
    font-size: 10px;
    font-size: 0.625rem;
    letter-spacing: 2px;
}
.hitlistSearch .select select:focus {
    outline: none;
}
.hitlistUtility {
    border: 1px solid #bbb;
    border-left: none;
    border-right: none;
    font-family: "latobold",Arial;
    font-size: 10px;
    font-size: 0.625rem;
    letter-spacing: 2px;
    padding: 18px 0;
    text-transform: uppercase;
    width: 100%;
}
.hitlistUtility .results {
    color: #333;
    float: left;
    margin-left: 4px;
}
.hitlistUtility .results .counter {
    display: inline;
}
.hitlistUtility .saved,
.save-vehicles .saved {
    color: #005791;
    cursor: pointer;
    float: right;
    margin-right: 4px;
}
.hitlistUtility .saved:hover,
.save-vehicles .saved:hover {
    color: #007acc;
}
.imageContainer {
    position: relative;
}
.listSpecContainer {
    color: #333;
    height: 141px;
    padding: 20px 0;
    position: relative;
    text-transform: uppercase;
}
.listSpecContainer .lowerCase {
    text-transform: lowercase;
}
.imageContainer img,
.listSpecContainer {
    background: #dddddd;
    cursor: pointer;
    transition-property: border;
    transition-duration: 0.5s;
    transition-delay: 0s, 0s, 0.1s;
}
.hover:hover .imageContainer img,
.hover:hover .listSpecContainer {
    background: #e8e8e8;
}
.imageCount {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyOCAyMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjggMjIiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwb2x5Z29uIHBvaW50cz0iMjQsNCA2LDQgNCw0IDQsMTggNiwxOCA2LDYgMjQsNiAJIiBzdHlsZT0iZmlsbDojMDA1NzkxIi8+Cgk8cG9seWdvbiBwb2ludHM9IjIxLDEgMywxIDEsMSAxLDE1IDMsMTUgMywzIDIxLDMgCSIgc3R5bGU9ImZpbGw6IzAwNTc5MSIvPgoJPHJlY3QgeD0iNyIgeT0iNyIgd2lkdGg9IjIwIiBoZWlnaHQ9IjE0IiBzdHlsZT0iZmlsbDojMDA1NzkxIi8+CjwvZz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNmZmYiIGQ9Ik0yNyw2aC0yVjRWM2gtMWgtMlYxVjBoLTFIMUgwdjF2MTR2MWgzdjJ2MWgzdjJ2MWgxaDIwaDF2LTFWN1Y2SDI3egoJIE0xLDE1VjFoMjB2Mkg0SDN2MTJIMXogTTQsMThWNGgyMHYySDdINnYxdjExSDR6IE0yNywyMUg3VjdoMjBWMjF6Ii8+Cjwvc3ZnPg==) no-repeat 0 0;
    font-size: 11px;
    height: 22px;
    line-height: 2;
    padding: 3px 0px 0 0;
    display: inline-block;
    text-align: center;
    width: 30px;
    z-index: 50;
    margin-top: 10px;
    margin-left: 10px;
    position: absolute;
    left: 0;
}
.imageCount .count{
    color: #fff;
    padding-left: 2px;
}
.specLine.vehicle,
.specLine.description {
    text-decoration: none;
    text-align: center;
    display: block;
    font-family: "latobold",Arial;
    font-size: 14px;
    font-size: 0.875rem;
    overflow: hidden;
    text-transform: none;
    text-align: center;
    padding: 0 14px;

}
.specLine.vehicle {
    margin-bottom: 6px;
    max-height: 18px;
}
.specLine.description {
    max-height: 42px;
    margin-bottom: 18px;
}
.specLine.mileage {
    text-transform: capitalize;
}
.hitlistVehicles .listCTA {
    bottom: 0;
    position: absolute;
    width: 100%;
    border-top: 1px solid #fff;
    padding: 12px 14px;
}
.priceMiles,
.saveVehicle,
.saveVehicle label {
    font-family: "latoregular", Arial;
    font-size: 13px;
    font-size: .8125rem;
}
.saveVehicle span,
.saveVehicle label {
    font-family: "latobold", Arial;
    font-size: 10px;
    font-size: 0.625rem;
    letter-spacing: 1px;
    color: #005791;
}
.saveVehicle span {
    cursor: pointer;
}
.hitlistVehicles .priceMiles {
    float: left;
    width: 70%;
}
.hitlistVehicles .priceMiles .separator {
    padding: 0 5px;
    color: #c4c4c4;
}
.saveVehicle label {
    line-height: 1.5;
    margin: 0;
    float: right;
    margin-top: 2px;
}
.hitlistVehicles .saveVehicle {
    float: right;
    width: 30%;
}
.saveVehicle .tickBox {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjMDA1NzkxIiBkPSJNMCwwdjE2aDE2VjBIMHogTTE0LjA0MiwxNC4wNDJIMS45NThWMS45NThoMTIuMDgzTDE0LjA0MiwxNC4wNDJMMTQuMDQyLDE0LjA0MnoiLz4KPC9zdmc+) no-repeat 0 0;
    cursor: pointer;
    display: block;
    float: left;
    height: 16px;
    margin: 1px 5px 0 0;
    width: 16px;
}
.saveVehicle.active .tickBox,
.tickBox.active {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjQgNCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyA0IDQgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjMDA1NzkxIiBkPSJNNCw0djE2aDE2VjRINHogTTE4LjA0MiwxOC4wNDJINS45NThWNS45NThoMTIuMDgzVjE4LjA0MnoiLz4KPHBhdGggZmlsbD0iIzAwNTc5MSIgZD0iTTE2LjIwOSw3LjE5NGMtMC43NDQtMC40MTQtMS42ODEtMC4xNDUtMi4wOTIsMC41OThsLTIuODU2LDUuMTM5bC0xLjYzNS0xLjYzNAoJYy0wLjYwMS0wLjYwMS0xLjU3NS0wLjYwMS0yLjE3NSwwcy0wLjYwMSwxLjU3NCwwLDIuMTc1bDMuMDc3LDMuMDc3QzEwLjgxOCwxNi44NCwxMS4yMTEsMTcsMTEuNjE1LDE3CgljMC4wNzEsMCwwLjE0Mi0wLjAwNSwwLjIxMy0wLjAxNWMwLjQ3OC0wLjA2NywwLjg5Ny0wLjM1NCwxLjEzMi0wLjc3NmwzLjg0Ni02LjkyMkMxNy4yMTksOC41NDMsMTYuOTUxLDcuNjA3LDE2LjIwOSw3LjE5NHoiLz4KPC9zdmc+) no-repeat 0 0;
}

/*
    $_Hitlist
*/
.innerContent.slider {
    padding: 50px 0 0;
}
.hitlist-slider.flexslider {
    margin-right: -10px;
    padding-bottom: 0;
}
.hitlist .innerContent {
    padding: 20px;
}
.hitlist-slider .slider-container {
    position: relative;
}
.hitlist-slider .slide-content {
    left: 0;
    margin: 0;
    padding: 24px 0 0 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}
.hitlist-slider .heading {
    color: #FFF;
    font-size: 20px;
    font-size: 1.25rem;
    font-family: "latoregular",Arial;
    text-align: center;
    text-shadow: 1px 1px 0 #000;
}
.hitlist-slider .cta {
    font-size: 14px;
    font-size: .875rem;
}

/*
    $_Vehicle_Details
*/
.vehicle-details .innerContent {
    width: 100%;
    background: #fff;
    padding: 20px;
}
.vehicle-specification{
        margin-bottom: 20px;
}
.vehicle-specification .col.half {
    padding: 0;
    position: relative;
}
.vehicle-specification .col.half #loadercontainer {
    margin-left: 0;
    margin-top: 100px;
}
.vehicle-specification--features p,
.vehicle-specification--facilities p {
    margin: 0;
}
.vehicle-specification--table table {
    margin: 0 0 20px;
    border-bottom: 1px solid #bbbbbb;
}
.vehicle-specification--table caption,
.vehicle-specification--description .heading,
.vehicle-specification--features .heading,
.vehicle-specification--facilities .heading {
    font-family: "latoregular",Arial;
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 28px;
    text-align: center;
    text-transform: uppercase;
}
.vehicle-specification--table th {
    font-family: "latoregular",Arial;
    padding-right: 10px;
    width: 180px;
}
.vehicle-specification--table table td {
    font-family: "latoregular", Arial;
}
.vehicle-specification--table table th,
.vehicle-specification--table table td {
   padding: 1px 0;
}
.vehicle-specification--table table tbody tr:hover td,
.vehicle-specification--table table tbody tr:hover th {
   background: none;
}
.vehicle-specification--table table th,
.vehicle-specification--table table td {
    border: none;
}
.vehicle-details .main--heading {
    margin-bottom: 10px;
    text-align: center;
}
.vehicle-details .main--heading .lowerCase {
    text-transform: lowercase;
}
.vehicle-details h2.main--heading {
    text-transform: uppercase;
    margin-bottom: 20px;
    padding-bottom: 20px;
    font-style: normal;
    font-size: 16px;
    font-size: 1rem;
    border-bottom: 1px solid #bbbbbb;
}

.vehicle-details aside {
    width: 100%;
}
.vehicle-details .pager {
    overflow: hidden;
    border-bottom: 1px solid #bbb;
    padding-bottom: 20px;
    margin-bottom: 40px;
}
.vehicle-details .pager span {
    color: #005791;
    text-transform: uppercase;
    font-family: "latobold",Arial;
    font-size: 10px;
    font-size: 0.625rem;
    letter-spacing: 2px;
}
.vehicle-details .pager span.disabled {
   color: #bbb;
}
.vehicle-details .pager span.previous {
    margin-right: 4px;
}
.vehicle-details .pager span:hover {
    color: #007acc;
}
.vehicle-details .price .price--label {
    display: block;
    font-family: "latoregular", Arial;
    font-size: 13px;
    font-size: .8125rem;
    text-transform: uppercase;
}
.vehicle-details .price .price--value {
    display: block;
    font-family: "TrajanProRegular",Arial;
    font-size: 22px;
    font-size: 1.375rem;
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #bbbbbb;
    text-align: center;
}
.vehicle-details .specification .specification--value {
    display: block;
    font-family: "TrajanProBold",Arial;
    font-size: 16px;
    font-size: 1rem;
    letter-spacing: 4px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #bbbbbb;
    text-align: center;
    text-transform: uppercase;
}

.vehicle-details a.email--button {
    background: #dddddd;
    color: #005791;
    display: block;
    font-family: "latobold",Arial;
    font-size: 13px;
    font-size: 0.8125rem;
    margin-bottom: 27px;
    padding: 16px 10px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.vehicle-details a:hover.email--button {
    background: #e8e8e8;
}
.vehicle-details .phone {
    margin-bottom: 10px;
    padding-bottom: 20px;
    text-align: center;
}
.vehicle-details .phone--number {
    font-weight: bold;
    color: #005791;
}
.vehicle-details .utility-links {
    border-top: none;
}
.vehicle-details .save-vehicles{
    border-bottom: 1px solid #bbbbbb;
    border-top: 1px solid #bbbbbb;
    padding: 17px 0;
}
.vehicle-details .save-vehicles .saved {
    float: right;
    margin: 3px 0 0;
    text-transform: uppercase;
    font-family: "latobold", Arial;
    font-size: 10px;
    font-size: 0.625rem;
    letter-spacing: 1px;
}
.vehicle-details .no-transform {
text-transform: none;
}
.vehicle-details .save-vehicles .saveVehicle {
    float: left;
    text-transform: uppercase;
    width: 50%;
}
.print--icon {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIgoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IgoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiIGZpbGw9IiMwMDU3OTEiPgo8dGl0bGU+PC90aXRsZT4KPGcgaWQ9Ikljb25zX3dpdGhfbnVtYmVycyI+Cgk8ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02NzIuMDAwMDAwLCAtNDguMDAwMDAwKSI+CgkJPHBhdGggaWQ9IlNoYXBlIiBkPSJNNjcyLDU0YzAtMSwxLTIsMi0yaDF2MnYxaDEwdi0xdi0yaDFjMSwwLDIsMSwyLDJ2NWMwLDEtMSwyLTIsMmgtMXYtMnYtMWgtMTB2MXYyaC0xYy0xLDAtMi0xLTItMlY1NEw2NzIsNTR6CgkJCSBNNjc2LDYxdi0yaDh2MnYzaC04VjYxTDY3Niw2MXogTTY4NCw1MnYyaC04di0ydi0zaDhWNTJMNjg0LDUyeiBNNjc3LDYwdjFoNnYtMUg2NzdMNjc3LDYweiBNNjc3LDYydjFoNnYtMUg2NzdMNjc3LDYyeiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPg==) no-repeat 0 0;
    display: block;
    float: left;
    height: 16px;
    margin: 0px 10px;
    width: 16px;
}
.email--icon {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIgoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IgoJIHZpZXdCb3g9IjAgMCAxNiAxNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYgMTYiIHhtbDpzcGFjZT0icHJlc2VydmUiIGZpbGw9IiMwMDU3OTEiPgo8dGl0bGU+PC90aXRsZT4KPHBhdGggZD0iTTE1Ljc5NSwyLjQ2MkgwLjIwNUgwdjAuMjA1djAuNDYydjkuNzQ0djAuNDYydjAuMjA1aDAuMjA1aDE1LjU5SDE2di0wLjIwNXYtMC40NjJWMy4xMjhWMi42NjdWMi40NjJIMTUuNzk1eiBNNy4yNzIsOS4zMgoJTDgsOS44NTNsMC43MjgtMC41MzRsNi4wNDEtNC40Mjl2Ny40MThIMS4yMzFWNC44OUw3LjI3Miw5LjMyeiBNMS42NzksMy42OTJoMTIuNjQyTDgsOC4zMjdMMS42NzksMy42OTJ6Ii8+Cjwvc3ZnPg==) no-repeat 0 0;
    display: block;
    float: left;
    height: 16px;
    margin: 0px 10px;
    width: 16px;
}
.quick-contact {
    background: #181818;
    margin: 0;
    padding: 30px 20px;
    position: relative;
}
.quick-contact legend,
.form-message-content h3 {
    border-bottom: 1px solid #333333;
    font-family: "TrajanProBold", Arial;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 30px;
    padding: 0 0 10px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: #fff;
}
.quick-contact input,
.quick-contact button {
    width: 100%;
}
#contactForm input,
#sellingyourcarForm input,
.quick-contact input,
#contactForm textarea,
#sellingyourcarForm textarea,
.quick-contact textarea {
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 10px;
}
.quick-contact input:last-of-type {
    margin-bottom: 20px;
}
#contactForm input:focus,
#sellingyourcarForm input:focus,
.quick-contact input:focus,
#contactForm textarea:focus,
#sellingyourcarForm textarea:focus,
.quick-contact textarea:focus {
    border-color: rgba(51, 51, 51, 0.2);
    box-shadow: none;
}
.quick-contact button {
    background-color: #005791;
    background-image: none;
    color: #fff;
    border: 0;
    font-family: "latoregular", Arial;
    font-size: 13px;
    font-size: 0.8125rem;
    margin-bottom: 0;
    padding: 16px;
    text-shadow: none;
    text-transform: uppercase;
    letter-spacing: 4px;
}
.quick-contact button:hover {
    background-color: #007acc;
    color: #FFF;
}
.form-message-content {
    margin: 0 0 0 40px;
}
.submit-container button {
    margin-bottom: 0;
}
.contact-form {
    font-family: "latoregular", Arial;
    margin-bottom: 0;
}
.contact-form input[type="radio"]{
    margin-right: 20px;
    top: 2px;
    position: relative;
}
.contact-form label[for="testdrive"]{
    padding-bottom: 8px
}
.contact-form label,
.contact-form legend {
    font-family: "latoregular", Arial;
    font-weight: normal;
}
.contact-form input,
.contact-form textarea {
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 10px;
}
.contact-form input:focus,
.contact-form textarea:focus  {
    border-color: rgba(51, 51, 51, 0.2);
    box-shadow: none;
}
.lightbox {
    background-color: #FFF;
    padding: 40px;
}
.vdp-slider.flexslider {
    background: #fff;
    margin-bottom: 40px;
    padding: 0;
    visibility: hidden;
}
.vdp-slider.flexslider .video {
    font-size: 13px;
    font-size: .8125rem;
    top: 10px;
    right: 10px;
    padding: 6px 20px 6px 20px;
    position: absolute;
    z-index: 50;
}
.vdp-slider.flexslider .zoom-icon {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzMy42IDMzLjIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMzLjYgMzMuMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgZmlsbD0iI2ZmZmZmZiI+CjxnPgoJPHBhdGggZD0iTTMzLjYsMzAuNWwtOS4zLTkuM2MxLjYtMi4yLDIuNS00LjksMi41LTcuOEMyNi44LDYsMjAuOCwwLDEzLjQsMFMwLDYsMCwxMy40YzAsNy40LDYsMTMuNCwxMy40LDEzLjRjMy4xLDAsNi0xLjEsOC4zLTIuOQoJCWw5LjMsOS4zTDMzLjYsMzAuNXogTTMuMiwxMy40YzAtNS42LDQuNi0xMC4yLDEwLjItMTAuMnMxMC4yLDQuNiwxMC4yLDEwLjJjMCw1LjYtNC42LDEwLjItMTAuMiwxMC4yUzMuMiwxOSwzLjIsMTMuNHoiLz4KCTxwYXRoIGQ9Ik0xNy42LDEyLjhoLTMuM1Y5LjRoLTEuN3YzLjNIOS4ydjEuN2gzLjN2My4zaDEuN3YtMy4zaDMuM1YxMi44eiIvPgo8L2c+Cjwvc3ZnPg==) no-repeat 0 0;
    height: 24px;
    width: 24px;
    z-index: 50;
    display: none;
    margin: 10px 0 0 10px;
    position: absolute;
    z-index: 1000;
    left: 40px;
}

.vdp-slider.flexslider .flex-direction-nav .flex-next,
.vdp-slider.flexslider .flex-direction-nav .flex-prev{
    height: 56%;
}
.social-cta{
    border-bottom: 1px solid #bbbbbb;
    border-top: 1px solid #bbbbbb;
    padding: 15px 0 10px;
    margin-top: 40px;
    overflow: auto;
}
.social-cta > span{
    font-family: "latobold", Arial;
    font-size: 10px;
    font-size: 0.625rem;
    letter-spacing: 2px;
    color: #005791;
    text-transform: uppercase;
     float: left;
}
.social-cta .social-links{
    float: left;
    margin: -2px 2px 0 4px;
}
.full-spec-item .heading{
    display: block;
    font-family: "TrajanProBold",Arial;
    font-size: 16px;
    font-size: 1rem;
    letter-spacing: 4px;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #bbbbbb;
    text-align: center;
    text-transform: uppercase;
}
.full-spec-item .heading:first-child{
    margin-top: 40px;
}
.full-spec-item ul li{
   text-indent: -1em;
}
.full-spec-item ul li:before {
    color:#005791; /* set color to red */
    content:"\2022"; /* /2022 is the numerical unicode for • */
    font-size:1em; /* set the font-size of the bullet if necessary. Make sure to use em or %*/
    padding-right:.50em; /* give the bullet some padding from the text Make sure to use em*/
    position:relative;
    top:.1em; /* set the vertical position of the bullet if necessary. Make sure to use em or % */
}
.full-spec-item li{
    float: left;
    margin-left: 20px;
    list-style: none;
    color: #555;
}

/*
    $_Features
*/
.features .innerContent {
    padding-top: 0;
    padding-bottom: 40px;
}
.features .main--heading {
    text-align: center;
    padding: 40px 0 20px;
    border-bottom: 1px solid #ccc;
}
.featureItem{
    background: #dddddd;
    width: 100%;
    border: 10px solid #fff;
}
.featureItem p{
    margin: 0;
}
.featureItem.col.half{
    padding-right: 0;
}
.featureItem .featuredImage{
    float: left;
    width: 100%;
}
.featureItem .featureListContent{
    float: none;
    display: inline-block;
    width: 100%;
    padding: 15px 20px;
}
.featureItem .featureListContent .title{
    font-family: "latobold", Arial;
    height: 32px;
}

.featureItem .readMore{
    display: block;
    background: #005791;
    text-align: center;
    color: #fff;
    width: 100%;
    padding: 10px;
    text-transform: uppercase;
}
/*Featured Feature Item*/
.featureItem.full{
    background: #dddddd;
}
.featureItem.full .featureListContent{
    padding: 15px 20px;
    float: none;
    width: 100%;
}
.featureItem.full .featureListContent .title{
    font-family: "TrajanProBold", Arial;
    text-transform: uppercase;
    font-size: 16px;
    font-size: 1rem;
    height: auto;
}
.featureItem.full .featuredImage{
    width: 100%;
    float: left;
}
.featureItem.full .readMore{
    display: block;
    width: 100%;
    margin-left: 0;
}
/*
    $_Features_Details
*/
#featuresDetails .col.half{
    padding-top:40px;
    width: 100%;
}
#featuresDetails .col.fullNoImage{
    padding-top:40px;
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    float: none;
}
#featuresDetails .cta{
    background: #ccc;
    margin-top: 40px;
}
#featuresDetails .flexslider {
    padding: 1px;
    background-color: #333;
    visibility: hidden;
}
#featuresDetails #featuresCarousel li {
    /*margin: 0 5px;*/
    margin-right: 1px;
}
#featuresCarousel{
    margin-bottom: 40px;
}


/* $_Plugins
================================================== */
/* Flexnav Base Styles */
.flexnav {
    -webkit-transition: none;
       -moz-transition: none;
        -ms-transition: none;
            transition: none;
    -webkit-transform-style: preserve-3d;
    overflow: hidden;
    margin: 0 40px;
    max-height: 0;
    margin-bottom: 10px;
    float: right;
}
.flexnav.opacity {
    opacity: 0;
}
.flexnav.flexnav-show {
    max-height: 2000px;
    opacity: 1;
/*    -webkit-transition: all .5s ease-in-out;
       -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;*/
    position: relative;
    z-index: 1111;
    width: 100%;
    display: block;
    margin: 0;
}
.flexnav.flexnav-show li a{
    border-bottom:1px solid #111;
}
.flexnav li {
    font-size: 12px;
    font-size:0.75rem;
    position: relative;
    overflow: hidden;
    margin: 0;
    display: block;
}
.flexnav li a {
    background: #111;
    color: #FFF;
    display: block;
    font-family: "TrajanProBold",Arial;
    overflow: hidden;
    padding: .7em;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    z-index: 2;
}
.flexnav li a:focus,
.flexnav li a:hover {
    background: #222;
    text-decoration: none;
}
.flexnav li ul {
    width: 100%;
}
.flexnav li ul li {
    font-size: 100%;
    position: relative;
    overflow: hidden;
}
.flexnav li ul.flexnav-show li {
    overflow: visible;
}
.flexnav li ul li a {
    background: #f0f0f0;
    color: #333;
    border-bottom: 1px solid #333;
    display: block;
}
.flexnav li ul li a:focus,
.flexnav li ul li a:hover {
    color: #FFF;
}
.flexnav ul li ul li a {
    background: #bfbfbc;
}
.flexnav ul li ul li ul li a {
    background: #cbcbc9;
}
.flexnav .touch-button {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyMXB4IiBoZWlnaHQ9IjEwcHgiIHZpZXdCb3g9IjAuMzggNS41MDIgMjMuMjQgMTIuOTk2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAuMzggNS41MDIgMjMuMjQgMTIuOTk2IgoJIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cG9seWdvbiBmaWxsPSIjRkZGRkZGIiBwb2ludHM9IjEuNzk0LDUuNTAyIDAuMzgsNi45MTYgMTEuOTYzLDE4LjQ5OCAxMiwxOC40NjEgMTIuMDM3LDE4LjQ5OCAyMy42Miw2LjkxNiAyMi4yMDYsNS41MDIgMTIsMTUuNzA3IAoJIi8+Cjwvc3ZnPg==) no-repeat 50% 50%;
    display: inline-block;
    height: 35px;
    position: absolute;
    width: 35px;
    right: 0;
    top: 0;
    z-index: 999;
}
.flexnav .touch-button:hover {
    cursor: pointer;
}
.menu__button {
    position: relative;
    display: block;
    cursor: pointer;
    top: 10px;
    right: 10px;
}
.menu__button .touch-button {
    background: transparent;
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    width: 38px;
    height: 36px;
    display: inline-block;
    text-align: center;
}
.menu__button .touch-button .navicon {
    font-size: 16px;
    position: relative;
    top: 1em;
    color: #666;
}
.subMenu {
    margin: 0;
}
.subMenu .tab {
    display: none;
}
.oldie .flexnav {
    overflow: visible;
}
.oldie .flexnav.one-page {
    top: 0;
    right: auto;
    max-width: 1080px;
}
.oldie .flexnav li {
    position: relative;
    list-style: none;
    float: left;
    display: block;
    background-color: #a6a6a2;
    width: 20%;
    min-height: 50px;
    overflow: visible;
}
.oldie .flexnav li:hover > ul {
    display: block;
    width: 100%;
    overflow: visible;
}
.oldie .flexnav li:hover > ul li {
    width: 100%;
    float: none;
}
.oldie .flexnav li a {
    border-left: 1px solid #acaca1;
    border-bottom: none;
    overflow: visible;
}
.oldie .flexnav li > ul {
    background: #acaca1;
    position: absolute;
    top: auto;
    left: 0;
    display: none;
    z-index: 1;
    overflow: visible;
}
.oldie .flexnav li ul li ul {
    top: 0;
}
.oldie .flexnav li ul li a {
    border-bottom: none;
}
.oldie .flexnav li ul.open {
    display: block;
    width: 100%;
    overflow: visible;
}
.oldie .flexnav li ul.open li {
    width: 100%;
}
.oldie .flexnav li ul.open ul.open {
    margin-left: 100%;
    top: 0;
    display: block;
    width: 100%;
    overflow: visible;
}
.oldie .flexnav ul li:hover ul {
    margin-left: 100%;
    top: 0;
}
.oldie .menu__button {
    display: none;
}
.oldie.ie7 .flexnav li {
    width: 19.9%;
}

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {
    outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
.flex-direction-nav{
    display: none;
}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {
    margin: 0;
    padding: 0;
}
.flexslider li {
    margin: 0;
    display: block;
}
.flexslider .slides img {
    width: 100%;
    display: block;
}
.flexslider .slides > li:not(:first-child){
    display: none;
    -webkit-backface-visibility: hidden;
}

.flex-pauseplay span {
    text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .slides {
    display: block;
}
* html .slides {
    height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
    display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
    position: relative;
    zoom: 1;
}
.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
       -moz-transition: all 1s ease;
         -o-transition: all 1s ease;
            transition: all 1s ease;
}

.flexslider .slides {
    zoom: 1;
}

/* Direction Nav */
.flex-direction-nav {
    *height: 0;
}
.flex-direction-nav a  {
    display: block;
    margin: -50px 0 0;
    position: absolute;
    top: 49px;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    z-index: 999;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
        transition: all .3s ease;
}
.flex-direction-nav .flex-prev a,
.flex-direction-nav .flex-next a {
    -webkit-tap-highlight-color: none;
}
.flex-direction-nav .flex-prev {
    left: 0;
    width: 101px;
    height: 100%;
    background: url('/tomhartley/img/flex-arrow-left.png') no-repeat 0 center;
}
.vdp-slider .flex-direction-nav .flex-prev {
    background: url('/tomhartley/img/vdp-flex-arrow-left.png') no-repeat 0 center;
}
.flex-direction-nav .flex-next {
    right: 0;
    text-align: right;
    width: 101px;
    height: 100%;
    background: url('/tomhartley/img/flex-arrow-right.png') no-repeat 0 center;
}
.vdp-slider .flex-direction-nav .flex-next {
    background: url('/tomhartley/img/vdp-flex-arrow-right.png') no-repeat 0 center;
}
.flexslider:hover .flex-prev {
    opacity: 0.7; left: 0;
}
.flexslider:hover .flex-next {
    opacity: 0.7;
}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
    opacity: 1;
}
.flex-direction-nav .flex-disabled {
    opacity: 0!important;
    filter:alpha(opacity=0);
    cursor: default;
}

/* Pause/Play */
.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
}
.flex-pauseplay a:before {
    font-family: "flexslider-icon";
    font-size: 20px;
    display: inline-block;
    content: '\f004';
}
.flex-pauseplay a:hover {
    opacity: 1;
}
.flex-pauseplay a.flex-play:before {
    content: '\f003';
}

/* Control Nav */
.flex-control-nav {
    bottom: 20px;
    text-align: center;
    padding-right: 10px;
    position: absolute;
    width: 100%;
    z-index: 2;
}
.vdp-slider .flex-control-nav {
    padding-right: 0;
}
.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.flex-control-paging li a {
    width: 40px;
    height: 15px;
    display: block;
    cursor: pointer;
    text-indent: -9999px;
    border-bottom: 2px solid #575656;

}
.flex-control-paging li a:hover {
    border-bottom: 2px solid #fff;
}
.flex-control-paging li a.flex-active {
    border-bottom: 2px solid #fff;
}

.testimonials-slider .flex-control-paging li a{
    background: url('/tomhartley/img/sprite-bg-effects.png') no-repeat right;
    background-position: -24px -36px;
    width: 16px;
    height: 16px;
    display: block;
    cursor: pointer;
    text-indent: -9999px;
    border-bottom:none;
}
.testimonials-slider .flex-control-paging li a:hover {
   background-position: -4px -36px;
}
.testimonials-slider .flex-control-paging li a.flex-active {
    background-position: -4px -36px;
}

.flex-control-thumbs {
    margin: 0;
    position: static;
    overflow: hidden;
    border-top: 1px solid #000;
}
.flex-control-thumbs li {
    width: 20%;
    float: left;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    margin: 0;
}
.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer;
}
.flex-control-thumbs img:hover {
    opacity: 1;
}
.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}
/* FlexSlider Custom Theme
*********************************/
.flexLoader img{
    margin: 25% 50%;
}

/*Magnific Popup CSS*/
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #111;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}
.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
    display: none;
}
.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}
.mfp-ajax-cur {
    cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}
.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
    cursor: auto;
}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.mfp-loading.mfp-figure {
    display: none;
}
.mfp-hide {
    display: none !important;
}
.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}
.mfp-preloader a {
    color: #CCC;
}
.mfp-preloader a:hover {
    color: #FFF;
}
.mfp-s-ready .mfp-preloader {
    display: none;
}
.mfp-s-error .mfp-content {
    display: none;
}
button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
}
button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: white;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}
.mfp-close:active {
    top: 1px;
}
.mfp-close-btn-in .mfp-close {
    color: #333;
}
.mfp-figure .mfp-close,
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: white;
    text-align: right;
    padding-right: 6px;
    right: -6px;
    width: 100%;
}
.mfp-figure .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #fff;
    font-family: "latoregular",Arial;
    font-size: 72px;
    font-size:  4.5rem;
    padding: 0;
    right: 0;
    right: 10px;
    top: 45px;
}
.mfp-figure .mfp-close span {
    display: none;
}
.mfp-iframe-holder .mfp-close span {
    display: block;
}
.mfp-figure .mfp-close span,
.mfp-iframe-holder .mfp-close span {
    font-family: "latoregular", Arial;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1;
    margin: 0 auto;
    position: relative;
    text-transform: uppercase;
}
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #cccccc;
    font-size: 12px;
    line-height: 18px;
}
.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
    margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}
.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}
.mfp-arrow-left {
    left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f;
}
.mfp-arrow-right {
    right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 1200px;
}
.mfp-iframe-holder .mfp-close {
    top: -40px;
}
.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
    line-height: 0;
}
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444;
}
.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
}
.mfp-figure figure {
    margin: 0;
}
.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}
.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px;
}
.mfp-image-holder .mfp-content {
    max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 48em) and (orientation: landscape), screen and (max-height: 18.750em) {
    /*Remove all paddings around the image on small screen*/
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width: 56.250em) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.mfp-ie7 .mfp-img {
    padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
    padding: 0;
}
.mfp-ie7 .mfp-content {
    padding-top: 44px;
}
.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}


/* $_Media_Queries
================================================== */
@media only screen and (max-width: 48em) { /* 768 */
    .heroslider .slideContent{
        position: relative;
        background: #FFF;
        border:6px solid #FFF;
        padding: 20px 20px 0;
        max-width: 300px;
        height: 220px;
        text-align: center;
    }
    .heroslider .slideContent h1{
        color: #333;
        font-size: 1.2rem;
    }
    .heroslider .slideContent.top.left,
    .heroslider .slideContent.bottom.left,
    .heroslider .slideContent.middle.left,
    .heroslider .slideContent.top.right,
    .heroslider .slideContent.bottom.right,
    .heroslider .slideContent.middle.right {
        top: 0;
        left: 50%;
        margin-top: 0;
        margin-left: -150px;
        margin-bottom: 20px;
    }
    .heroslider .flex-control-nav{
        display: none;
    }
    .heroslider .heroslider .ctaButton:hover {
        border:3px solid #333;
        color: #333;
    }

}

@media only screen and (min-width: 20em) { /* 320 */
    header .container .livechat-mobile {
        padding: 3px 4px 2px 0;
    }
    header .container .logo {
        background: url('/tomhartley/img/logo-mobile.svg') no-repeat left;
        margin-top: 14px;
        float: left;
        width: 180px;
        margin-left: 10px;
    }
    nav.menu .stickyPhone a,
    nav.menu .stickyEstablished,
    nav.menu .stickyLogo{
        display: none;
    }
    nav.menu {
        height: 50px;
    }
    header .col{
        margin: 0;
    }
    header .container .phoneTel a{
        display: none;
    }
    .flexnav li a {
      background: #222;
      padding: 0.9em 0.7em;
    }

/*$_Hitlist*/
    .full-spec-item li{
        width: 100%;
    }
    .full-spec-item .classic{
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.5;
    }
    .vehicle-details .utility-links{
        float: none;
        clear: both;
        padding: 20px;
    }
    .vehicle-details .utility-links{
        padding: 20px 0;
    }
    .vehicle-details .utility-links .text-link{
        letter-spacing: 1px;
    }
    .print--icon {
        margin: 0px 5px 0 0;
    }
    .email--icon {
        margin: 0px 5px 0 0;
    }
}
@media only screen and (min-width: 30em) { /* 480 */
    .print--icon {
        margin: 0px 5px 0 6px;
    }
    .email--icon {
        margin: 0px 5px 0 6px;
    }
    header .container .phone {
        display: none;
    }
    header .container .phoneTel a{
        display: block;
    }
    .sitemapCopyWrapper {
        padding: 20px 0 12px;
        margin: 0;
    }
    footer .content .copyright {
        text-align: left;
    }
}
@media only screen and (min-width: 35.500em) { /* 568 */

/*$_Hitlist*/
    .hitlist-slider .slide-content {
        padding: 34px 0 0 0;
    }
}
@media only screen and (min-width: 40em) { /* 640 */
/* $_Navigation
    ================================================== */
    /*Sitemap*/
    #sitemap{
        text-align: left;
    }
    #sitemap ul{
        width: 50%;
    }
/*$_Sidebar_Nav*/
    .nav {
        text-align: left;
    }
    .nav li {
        width: auto;
    }
    .nav__left {
        margin: 0 8% 0 0;
        width: 92%;
    }
    .nav__right {
        margin: 0 0 0 8%;
        width: 92%;
    }
    .nav li {
        display: block;
    }
/*$_Tertiary_Nav*/
    .tertiaryLevel > ul > li  {
        display: inline-block;
    }
    .tertiaryLevel > ul > li > a {
        border-bottom: none;
        padding: 3px 7px;
    }
/*$_Features*/
    .featureItem{
        background: #dddddd;
        width: 50%;
        border: 20px solid #fff;
    }
    .featureItem.col.half{
        padding-right: 0;
    }
    .featureItem .featuredImage{
        float: none;
        width: 100%;
    }
    .featureItem .featureListContent{
        float: right;
        width: 100%;
        padding: 15px 20px;
    }
    /*Featured Feature Item*/
    .featureItem.full{
        background: #dddddd;
    }
    .featureItem.full .featureListContent{
        padding: 15px 20px;
        float: right;
        width: 60%;
    }
    .featureItem.full .featureListContent .title{
        font-family: "TrajanProBold", Arial;
        text-transform: uppercase;
        font-size: 16px;
        font-size: 1rem;
        height: auto;
    }
    .featureItem.full .featuredImage{
        width: 40%;
        float: left;
    }
    .featureItem.full .readMore{
        display: block;
        width: 100%;
        margin-left: 0;
    }


/*$_Hitlist*/
    .hitlistVehicles .col.quarter {
        width: 50%;
    }
    .hitlistVehicles .listSpecContainer {
        padding: 14px 0;
    }
    .hitlistVehicles .priceMiles {
        width: 66%;
    }
    .hitlistVehicles .saveVehicle {
        width: 22%;
    }
    .hitlist-slider .slide-content {
        padding: 20px 0 0 0;
    }
    .hitlist-slider .heading {
        font-size: 28px;
        font-size: 1.75rem;
    }
    .hitlist-slider .cta {
        font-size: 16px;
        font-size: 1rem;
    }
    .full-spec-item li{
        width: 47%;
    }
    .vehicle-details .utility-links{
        float: right;
        clear: none;
        padding: 0;
    }

/*$_Vehicle_Details*/
    .vehicle-details .pager span.previous {
        margin-right: 20px;
    }
    .quick-contact {
        margin: 0 0 0 40px;
    }
}
@media only screen and (min-width: 49em) { /* 768 */
/*$_Features*/
    .featureItem{
        width: 33.3%;

    }
/*$_Hitlist*/
    .hitlistSearch {
        padding: 0;
    }
    .listSpecContainer {
        padding: 20px 0;
    }
    .hitlistVehicles .priceMiles {
        width: 70%;
    }
    .hitlistVehicles .saveVehicle {
        width: 18%;
    }
    .hitlistVehicles .listSpecContainer {
        padding: 20px 0;
    }
    .hitlistUtility {
        float: left;
        padding: 18px 0 17px 0;
        width: 70%;
    }
    .hitlistSearch {
        float: right;
        padding-left: 3em;
        width: 30%;
    }
    .vdp-slider.flexslider .zoom-icon{
        display: block;
    }
    /*Sitemap*/
    #sitemap ul{
        width: 25%;
    }

}
@media screen and (min-width: 56em) { /* 896 */
    .innerContent {
        padding: 0 40px;
    }
    .main {
        width: 50%;
        margin-left: 25%;
        float: left;
        padding: 5.8rem 3.750em 2.5rem;
        border-left: 1px solid #c9c9c9;
    }
    .sb {
        float: left;
        width: 25%;
        margin-left: -75%;
        padding-top: 5rem;
    }
    .sb .left_pods{
        padding-right: 40px;
    }
    .sb-2 {
        float: right;
        width: 25%;
        padding-top: 5rem;
    }
/*$_Hitlist*/
    .hitlistVehicles .priceMiles {
        width: 64%;
    }
    .hitlistVehicles .saveVehicle {
        width: 26%;
    }
/*
    $_Features_Details
*/
    #featuresDetails .col.half{
        width: 50%;
    }
    #featuresDetails .col.half.content{
        padding-left: 40px;
    }
}
@media only screen and (min-width: 61.5em) { /* 984 */
    .logo {
        width: 30%;
        padding-left: 32px;
    }
/* $_Templates
    ================================================== */
/*$_Four_oh_four*/
        .four-oh-four {
            padding-top: 85px;
            text-align: center;
        }

/*$_Hitlist*/
        .hitlist .col.quarter {
            padding: 0 0 0 40px;
            margin-bottom: 40px;
        }
        .hitlistVehicles {
            margin-left: -40px;
        }
        .utilityContainer {
            margin-bottom: 40px;
        }
        .hitlistSearch form {
            margin: 0;
        }
/*$_Landing 1*/
        .landing-1 .main--heading {
            text-transform: uppercase;
        }
        .landing-1 .sub--heading {
            font-style: italic;
        }
        .landing-1 .standout {
            border-top: 1px solid #333;
            border-bottom: 1px solid #333;
            padding: 30px 0 30px 0;
            margin: 1em;
        }
        .landing-1 .standout p {
            margin: 0;
        }
}
@media screen and (min-width: 63.938em) { /* 1024 */
    .innerContent {
        padding: 0 40px;
    }
    #mainMenu{
        display: block;
    }
    /*Header*/
    header{
        height: 20px;
    }
    header .container .logo{
        display: none;
    }
    header .container .phoneTel a{
        display: none;
    }
    nav.menu {
        width: 100%;
        position:relative;
        z-index: 1;
        height: auto;
        float: left;
    }
    nav.menu .flexnav li a{
        font-size: 12px;
        font-size: 0.75rem;
        padding: 13px 7px 5px;
    }
/*Sticky Menu*/
    nav.menu .menuContainer{
        max-width: 1360px;
        position:relative;
        margin: 0 auto;
        background: #111;
    }
    nav.menu.stickyMenu{
        position: fixed;
        top: -43px;
        left: 0;
        width: 100%;
        margin: 0 auto;
        -webkit-animation: slide 0.5s forwards;
        -webkit-animation-delay: 2s;
        animation: slide 0.5s forwards;
        height: 43px;
        z-index: 1001;
    }
    .no-cssanimations nav.menu.stickyMenu{
         top: 0;
    }
        @-webkit-keyframes slide {
        100% { top: 0; }
    }
        @keyframes slide {
        100% { top: 0; }
    }
    nav.menu .stickTop{
        clear: both;
        overflow: hidden;
        background: #222;
    }
    nav.menu .stickyPhone a,
    nav.menu.stickyMenu .stickyPhone a{
        display: inline-block;
        color: #fff;
        font-family: "TrajanProRegular",Arial;
        font-size: 12px;
        font-size: 1rem;
        padding: 10px 50px 5px 10px;
        text-align: right;
        float: right;
    }
    nav.menu .stickyEstablished{
        display: inline-block;
        float: left;
        color: #fff;
        font-family: "TrajanProRegular",Arial;
        font-size: 11px;
        font-size: 0.6875rem;
        padding: 13px 44px;
        text-align: left;
    }
    nav.menu .stickyLogo,
    nav.menu.stickyMenu .stickyLogo{
        display: block;
        float: left;
        padding: 6px 0 10px 40px;
    }
    nav.menu.stickyMenu .flexnav li a{
        font-size: 12px;
        font-size: 0.75rem;
        padding: 13px 7px 5px;
        border-right: none;
    }
    /*Header*/
    header .container .phone {
        margin-top: 22px;
        text-align: center;
        display: none;
    }
    /*Footer*/
    footer .topLinks{
        float: left;
        border-bottom: none;
        border-top: none;
        margin-bottom: 0;
        margin-top: 24px;
    }
    footer .established,
    footer .footerPhone
    {
        display: none;
    }
    footer .topLinks {
        padding: 0;
    }
    .sitemapCopyWrapper {
        padding: 20px 0 12px;
        margin: 0 20px;
    }
    .socialIcons{
        float: right;
    }
    .socialIcons a{
        float: left;
    }
    .logo {
        margin-top: 30px;
        padding-left: 0;
        width: auto;
    }
    .menu__button{
        display: none;
    }
/*$_Navigation*/
    .flexnav .touch-button {
        background: none;
        width: 100%;
    }
    .flexnav .touch-button:hover > a {
        background: #333;
        color: #FFF;
    }
    .flexnav {
        overflow: visible;
    }
    .flexnav.opacity {
        opacity: 1;
    }
    .flexnav.one-page {
        top: 0;
        right: auto;
        max-width: 1080px;
    }
    .flexnav li {
        position: relative;
        list-style: none;
        float: left;
        display: block;
        overflow: visible;
        width: auto;
        margin-right: -3px;
    }
    .flexnav li:last-child a{
        border-right: 1px solid #222;
    }
    .flexnav .subMenu li a,
    .flexnav .subMenu li:last-child a{
        border: none;
    }
    .flexnav li a {
        color: #ccc;
        transition: none;
        padding: 17px 44px;
        background: #111;
        display: inline-block;
        border-left: 1px solid #222;

    }
    .flexnav li a:hover {
        background: #333;
        color: #FFF;

    }
    .flexnav .selected > a {
        color: #fff;
    }
    .flexnav li > ul {
        position: absolute;
        top: 40px;
        left: 0;
        min-width: 300px;
        z-index:9999;
    }
    .flexnav li > ul li {
        min-width: 300px;
        display: block;
    }
    .flexnav li ul li > ul {
        margin-left: 100%;
        top: 0;
    }
    .flexnav li ul li a {
        background: #333;
        border: none;
        color: #FFF;
        margin: 0;
        text-align: left;
        padding: 12px 0;
        width: 300px;
    }
    .flexnav li ul li a:hover {
        border-bottom: none;
        background: #222;
        margin: 0;
    }
    .flexnav li ul li:last-child a{
        margin-top: -5px;
    }
    .flexnav li ul.open {
        display: block;
        opacity: 1;
        visibility: visible;
        z-index: 1;
    }
    .flexnav li ul.open li {
        overflow: visible;
        max-height: 100px;
    }
    .flexnav li ul.open ul.open {
        margin-left: 100%;
        top: 0;
    }
    .subMenu .tab {
        display: inline;
    }
/*$_Hitlist*/
    .hitlist .innerContent {
        padding: 40px;
    }
    .hitlistSearch {
        padding-left: 40px;
        width: 34.8%;
    }
    .hitlistUtility {
        width: 65.2%;
    }
    .hitlistVehicles .col.quarter {
        width: 33.3333333333%;
    }
    .hitlistVehicles .saveVehicle {
        width: 20%;
    }
    .hitlistVehicles .priceMiles {
        width: 66%;
    }

    /*$_Vehicle_Details*/
    .mob {
        display: none;
        visibility: hidden;
    }
    .desktop {
        display: block;
        visibility: visible;
    }
    .vehicle-details aside {
        float: left;
        width: 49%;
    }
    .quick-contact {
        margin: 0 0 0 40px;
    }
    .vehicle-details main {
        float: right;
        padding-left: 40px;
        width: 51%;
    }
    .vehicle-details .replacementFont {
        font-family: "Times New Roman", Georgia, Serif;
    }
    .vehicle-specification--table caption,
    .vehicle-specification--description .heading,
    .vehicle-specification--features .heading,
    .vehicle-specification--facilities .heading {
        text-align: left;
    }
    .full-spec-item li{
        width: 30%;
    }
    .full-spec-item .classic{
        width: 50%;
        margin: 0 auto;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.5;
    }
/*$_Contact_Us*/
    #map_canvas {
        max-width: 1360px;
        height: 500px;
        margin: 0 auto;
    }
    #map_canvas.flexiContainer {
        padding-bottom: 0;
    }

    /*Features*/
    .featureItem{
        width: 50%;
    }
    .featureItem.col.half{
        padding-right: 0;
    }
    .featureItem .featuredImage{
        float: left;
        width: 40%;
    }
    .featureItem .featureListContent{
        float: right;
        width: 60%;
        padding: 15px 20px;
    }
    /*Featured Feature Item*/
    .featureItem.full{
        background: #fff;
        border-bottom: 1px solid #ccc;
        padding-bottom: 40px;
        margin-bottom: 40px;
        -webkit-box-shadow: 0px 10px 15px -12px rgba(50, 50, 50, 0.5);
        -moz-box-shadow:    0px 10px 15px -12px rgba(50, 50, 50, 0.5);
        box-shadow:         0px 10px 15px -12px rgba(50, 50, 50, 0.5);
    }
    .featureItem.full .featureListContent{
        padding: 0 40px 15px;
    }
    .featureItem.full .featureListContent .title{
        font-family: "TrajanProBold", Arial;
        text-transform: uppercase;
        font-size: 26px;
        font-size: 1.625rem;
        height: auto;
    }
    .featureItem.full .featuredImage{
        width: 40%;
    }
    .featureItem.full .readMore{
        position: relative;
        width: 20%;
        margin-left: 40px;
    }
}
@media only screen and (min-width: 80em) { /* 1280 */
     /*Header*/
    header{
        height: auto;
    }
    header .container .logo{
        display: block;
    }
    header .container .content: {
      max-width: 1360px;
    }
    header .container .top{
        display: block;
        padding: 8px;
        position: absolute;
        width: 100%;
        z-index: 1;
        background: url('/tomhartley/img/top-bg.gif') repeat-x #111111;
    }
    header .container .top span a{
        color: #fff;
    }
    header .container .ribbon {
        display: block;
        padding-left: 40px;
    }
    header .container .ribbon {
        position: relative;
        z-index: 2;
    }
    header .container .logo {
       margin: 75px auto 35px;
        background: url('/tomhartley/img/logo.png') no-repeat right;
        height: 78px;
        width: 33.3%;
    }
    header .container .phone > div{
        font-size: 12px;
        font-size: 0.75rem;
        background: url('/tomhartley/img/sprite-bg-effects.png') no-repeat right;
        background-position: 2px -3px;
        line-height: 25px;
        display: block;
        letter-spacing: 1px;
    }
    header .col.third.phone{
        display: block;
    }
    header .col.third.phone a{
        font-family: "TrajanProBold", serif;
        font-size: 24px;
        font-size: 1.5rem;
        color: #fff;
        letter-spacing: 2px;
    }
    header .col.third.phone > div a{
        font-size: 12px;
        font-size: 0.75rem;
        letter-spacing: 1px;
    }
     nav.menu {
        clear:both;
        width: 100%;
        position:relative;
        z-index: 1;
        height: auto;
    }
    nav.menu .flexnav li a{
        font-size: 12px;
        font-size: 0.75rem;
        padding: 16px 44px;
    }
    nav.menu .flexnav li ul li a{
        padding: 15px 20px;
    }
    nav.menu .stickyEstablished{
        display: none;
    }
    /*Stick Menu*/
    nav.menu.stickyMenu .stickyPhone{
        font-size: 22px;
        font-size: 1.375rem;
    }
    nav.menu.stickyMenu .stickyEstablished{
        display: block;
    }
    nav.menu.stickyMenu .flexnav li a{
        font-size: 12px;
        font-size: 0.75rem;
        padding: 13px 10px;
    }
    nav.menu .stickyPhone a, nav.menu .stickyLogo{
        display: none;
    }
    nav.menu .stickyPhone a{
        color: #fff;
    }
    /*Flexnav*/
    .flex-direction-nav{
        display: block;
    }
    .flexnav {
        width: 100%;
        float: none;
        text-align: center;
        margin: 0 0 45px;
    }
    .flexnav li > ul {
        top: 43px;
    }
    .flexnav li{
        display: inline-block;
        float: none;
    }
    .flexnav .touch-button{
        display: none;
    }
    .subMenu .tab{
        display: none;
    }

    nav.menu.stickyMenu .flexnav {
        width: auto;
        float: right;
        margin: 0 40px;
    }
}
@media only screen and (min-width: 87em) { /* 1392 */
/*$_hitlist*/
    .hitlistSearch {
        padding-left: 40px;
        width: 25.8%;
    }
    .hitlistUtility {
        width: 74.2%;
    }
    .hitlistVehicles .col.quarter {
        width: 25%;
    }
    .featureItem{
        position: relative;
    }
    .featureItem .readMore{
        width: 60%;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 1;
    }
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { /* 2x */ }


/* $_Print_styles
================================================== */
@media print {}