/* general */
header,footer,nav,section,article,aside{ display: block; }
.third-party-service-footer,
.region.footer.landing,footer{ position: relative; }
/* =layout */
.aside-right{  padding-right: 300px; }
.aside-left{  padding-left: 300px; }
.aside-right .aside{ width: 300px; margin-right: -300px; }
.aside-left .aside{ width: 300px; margin-left: -300px; }
.main{ width: 100%; }
/* =align */
.mod .align-left{ float: left; }
.mod .align-right{ float: right; }
.mod .align-center{ margin-left: auto; margin-right: auto; text-align: center; }
/* =hide */
.hide,
.ui-tabs-hide{ display: none; }
/* =size */
.mod .xsmall{ font-size: 77%; } /* 10px */
.mod .small{ font-size: 92%; } /* 12px */
.mod .large{ font-size: 123.1%; } /* 16px */
.mod .xlarge{ font-size: 182%; } /* 24px */
/* =content & =bulleted & =article & =special*/
.content ul, .content ol, .bulleted, article ul, article ol { margin-left: 2em; }
.content ul li, .bulleted li, article ul li, .special ul { list-style: disc outside; }
.content ol li, ol.bulleted li, article ol li, .special ol { list-style: decimal outside; }
/* =inputs */
input.search { -webkit-appearance: none; }
/* =cursors */
.pointer{ cursor: pointer; }
/* =lazy images */
.lazy-image{ display: block; padding: 1px; }
/* =clear and =clearfix */
.clear{ clear: both; }
.clearfix:after{ content: "."; overflow: hidden; visibility: hidden; clear: both; display: block; height: 0; }
*+html .clearfix{ zoom: 1; }
/* =ui-state */
.mod .ui-state{ margin: 1em; padding: 1em; }
/* =jivelive dealerchat port */
.jiveLiveChat {position:fixed;top:0;right:0;z-index:1000;}
.jiveLiveOffline {display:none;}
/* -- inventory-detail-media-tabs -- */
.imageViewer .dialog { position: relative; display: block; }
.imageViewer .ui-state { position: absolute; right: 5%; bottom: 3%; height: 31px; width: 31px; padding: 0; text-indent: -9999em; }
.imageViewer .ui-icon-zoomin { height: 31px; width: 31px; background: transparent url("/v9/media/images/image-viewer/v1/zoom-icon.png") no-repeat 50% 50%; }
/* =jcarousel */
.jcarousel{visibility:hidden;}
.jcarousel-clip-horizontal,
.jcarousel-clip-vertical,
.jcarousel-clip { overflow: hidden; }
/* =404 */
.four-o-four .first {background: transparent url("/v9/media/images/404/v1/404-bg.png") repeat-x 0 0; }
.four-o-four .first .image-default img {display: block; margin: 0 auto;}
.four-o-four .first .hd,
.four-o-four .first .hd2 {margin: 0; padding: 0; background: none;}
.four-o-four .first .hd h1 {display: block; margin: 28px 0 10px; padding: 0; font-size: 182%; line-height: 80px; text-shadow: 1px 1px #fff; background: none;}
.four-o-four .first .bd,
.four-o-four .first .bd2 {margin: 0; padding: 0;}
.four-o-four .navigation-sitemap ul {margin: 0 0 10px;}
.four-o-four .navigation-sitemap ul li {float: left; width: 10%; margin: 0; padding: 0 2% 0 0; list-style: none;}
.four-o-four .navigation-sitemap ul li a {display: block; font-weight: bold; padding-bottom: 5px;}
.four-o-four .navigation-sitemap ul li li {float: none; width: 100%; margin: 0;}
.four-o-four .navigation-sitemap ul li li a {font-weight: normal; padding: 0 0 5px;}
/* =blog */
.ddc-document .blog-search form input { width: 100%; -moz-box-sizing: border-box; box-sizing: border-box;  }
/* -- hide globalVehicleTrimId facet -- */
label.globalVehicleTrimId { display: none; }
/* -- JIRA-13401: fix page jump bug when rendering gplus -- */
.links-share .g-plusone { height: 20px; overflow: hidden; }
/* -- JIRA-13489: Scroll next/prev buttons for image viewer dialogs -- */
.ui-dialog .imageViewerScrollWrap { position: absolute; z-index: 2000; }
.ui-dialog .imageViewerScrollWrap>a { cursor: pointer; font-weight: bold; color: black; }
.ui-dialog .imageViewerScrollWrap>a.imageScrollPrev:hover { background-position: 5% 50%; }
.ui-dialog .imageViewerScrollWrap>a.imageScrollNext:hover { background-position: 95% 50%; }
.ui-dialog .imageViewerScrollWrap .imageScrollPrev { background: url('/v9/media/images/image-viewer/v1/img-viewer-scroll-prev.png') 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49%; }
.ui-dialog .imageViewerScrollWrap .imageScrollNext { background: url('/v9/media/images/image-viewer/v1/img-viewer-scroll-next.png') 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49%; }
/* -- JIRA-12346 : Set max-width for HTML5 video tag elements -- */
.ddcPlayer-holder video { max-width: 100%; }

/* jwplayer
-------------------------------------------------------------- */
/* html5 jwplayer video reset - without this the position of video within the player can shift and crop */
.jwplayer video { max-width: none; width: 100%; margin: 0; padding: 0; }
.ddc-video-wrapper, .ddc-video-wrapper .jwplayer { width: 100%; max-width: 100%; margin: 0 auto; padding: 0; }
/* internal jwplayer display: table items shouldn't get global table reset */
.jwdisplayIcon { border-collapse: separate; }
/* have to force this override, since the jw error message is in a table which doesn't respect max-width */ 
.ddc-video-wrapper .jwplayer-error { width: 100% !important; }

.yui3-g .jwplayer { letter-spacing: normal; word-spacing: normal; }
#media .imageViewer .jwplayer img { height: auto; width: auto; }
/* have to force this override, need menu bgs to cover area */ 
.jwback { background-size: cover !important; }
.jwplayer div.jwoption { padding-right: 10px; }

/* prevent jquery-ui dialogs from cropping fullscreen video */
.fullscreen-video .ui-dialog, .fullscreen-video .ui-dialog .ui-dialog-content { overflow:visible; }
/* -- JIRA-12352: undoing the height set on the multiselect for ipad and iphone sites -- */
html.touch select.select-service { height: auto; padding-left:6px; }
/* -- JIRA-18326: prevent text from running onto/into the images */
.hreviewMulti {padding: 10px 15px 0;}

 /* JIRA-17019 */
 .hproduct .pricing-area:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
 .inventoryList.grid .pricing-area .view-link { display: none; }

/* -- dealertrack payment calculator */
.inventory-detail-pricing .pricing .calculate-dealertrack-button { margin-top: .5em; margin-bottom: .5em; overflow: hidden; }
.inventory-detail-pricing .pricing .calculate-dealertrack-button .ui-icon-calculator { float: left; }
.inventory-detail-pricing .pricing .calculate-dealertrack-button p { float: left; text-align: left; }
.inventory-detail-pricing .pricing .calculate-dealertrack-button a { float: left; }
.inventory-detail-pricing .pricing .calculate-dealertrack.dialog { clear:none; }

/* -- reusable styles */
.visibility-hidden { visibility:hidden; }

/* Begin Popovers */

/* Bootstrap Popover Defaults for pre-v9.2 variations */
.popover { position: absolute; top: 0; left: 0; z-index: 1001; display: none; max-width: 400px; padding: 1px; font-size:13px; text-align: left; background-color: white; background-clip: padding-box; border: 1px solid #e6e6e6; border: 1px solid #e6e6e6; border-radius: 0px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); white-space: normal; }
.popover.top { margin-top: -10px;}
.popover.right { margin-left: 10px; }
.popover.bottom { margin-top: 10px; }
.popover.left { margin-left: -10px; }

.popover-title { margin: 0; padding: 8px 14px; font-size: 14px; font-weight: normal; line-height: 18px; background-color: white; border-bottom: 1px solid #f2f2f2; border-radius: 5px 5px 0 0; }

/* popover content settings are for designs not utilizing bootstrap */
.popover-content { padding: 0.8em; }
.popover-content p { margin-bottom: 0.5em; line-height:normal;}
.popover-content p:last-child {margin-bottom:0;}
.popover-content p strong {font-weight:bold;}

.popover .arrow, .popover .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; }

.popover .arrow { border-width: 11px; }

.popover .arrow:after { border-width: 10px; content: ""; }

.popover.top .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #e6e6e6; border-top-color: #e6e6e6; bottom: -11px; }
.popover.top .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: white; }
.popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #e6e6e6; border-right-color: #e6e6e6; }
.popover.right .arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: white; }
.popover.bottom .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #e6e6e6; border-bottom-color: #e6e6e6; top: -11px; }
.popover.bottom .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: white; }
.popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #e6e6e6; border-left-color: #e6e6e6; }
.popover.left .arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: white; bottom: -10px; }

/* End Popovers */