/*	
-------------------------------------------
Base Elements
-------------------------------------------
*/

@charset "utf-8";

img, object, embed, video {
	max-width: 100%;
}

p, ul, dl, ol {
	font-size: 14px;
}

a, a:visited, a:hover {
	color:#2b80b9;
}

body {
	background-color: #F3F4F8;
	color: #444444;
	font-family: Arial, sans-serif;
	font-size: 14px;
	margin: 0;
}

header {
	margin: 0;
    position:relative;
    background-color:#ffffff;
}

img {
	border: 0 none;
	vertical-align: middle;
}

/*	
-------------------------------------------
Structure - Body, Content Boxes, Containers, Wrappers
-------------------------------------------
*/

.mainWrapper {
	margin: 0;
	padding: 8px;
}

.gridContainer {
	background-color: #FFFFFF;
	border-radius: 10px 10px 10px 10px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.mainContentFull {
    padding: 26px 22px;
    width: auto;
}

.CMSContainer, .PadBodyContainer {
    background-color:#ffffff;
    margin:8px;
    padding:26px 22px;
    border-radius: 10px 10px 10px 10px;
}

.contentDiv {
	clear: both;
	display: block;
	margin-left: 0;
	padding: 22px;
}

.pad {
    position:relative;
    z-index:1;
}

#SearchContainer, #SearchResultContainer {
    position:relative;
    overflow:hidden;  
}

#SearchResultContainer {
    height:0;
}

.newLine {
	position: relative;
	display: block;
	float: left;
	width: 100%;
	margin: 10px 0 10px 0;
}

.hiddenSelect {
    opacity:0;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
}

/*	
-------------------------------------------
Navigation - Primary, Secondary, 3rd Level, Sub-Level, Menus
-------------------------------------------
*/

.secondMenuContainer  {
    overflow:hidden;
}

.SecondLevelNavWrapper {
	overflow: hidden;
	position: relative;
	width: 100%;
    font-weight:normal;
}

.secondLevelNav {
	background-color: #FFFFFF;
	float: left;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	padding: 0 8px;
	position: relative;
	width: 100%;
}

.secondLevelNav .more {
	display: block;
	line-height: 24px;
	padding: 7px 18px;
	position: absolute;
	right: 10px;
    bottom:0;
}

.secondLevelNav .more span {
	display: block;
	float: right;
	height: 25px;
	padding-left: 10px;
	width: 25px;
}

.secondLevelNav .moreOpen {
	background-color: #444444;
	color: white;
	display: block;
	line-height: 24px;
	padding: 7px 12px;
	position: absolute;
	right: 0;
	top: -39px;
}

.secondLevelNav .moreOpen span {
	display: block;
	float: right;
	height: 25px;
	padding-left: 10px;
	width: 25px;
}

.HideContainer .moreOpen {
	display: none !important;
}

.secondLevelNav ul li span.Opened {
	background-position: -255px -254px;
}

.secondLevelNav ul li span.Closed {
	background-position: -305px -254px;
}

.secondLevelNav ul li span.icon {
    background-color: #333333;
	display: block;
    height: 38px;
    position: absolute;
    right: 0;
    top: 0;
    width: 38px;
}

.secondLevelNav ul li span.thirdLevel {
    background-color: transparent;
    background-position: -58px -508px;
    float: left;
    margin-left: -8px;
    position: relative;
    width: 28px;
}

.secondLevelNav.ddmenu {
	-moz-transition: all 1s ease 0s;
	background-color: #444444;
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 100%;
}

.secondLevelNav h2, .thirdLevelNav ul li {
	line-height: 21px;
	margin: 0 !important;
	padding: 8px 0;
}

.secondLevelNav h2 {
	width: 65%;
    height: auto;
    min-height:22px;
}

.thirdLevelNav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.thirdLevelNav ul li {
	float: left;
	margin-top: -2px;
	padding: 8px 20px 8px 0;
}

.thirdLevelNav {
	background: none repeat scroll 0 0 #FCFCFC;
	border-bottom: 1px solid #EEEEEE;
	float: left;
	padding: 0 8px;
	width: 100%;
}

#VehThirdNav.thirdLevelNav {
    display:none;
}

.ThirdMenuContainer {
    border-top-width:0 !important;
    border-bottom-width:0 !important;
}

.ddmenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.ddmenu ul li {
    background-color: #444444;
	border-bottom: 1px solid #333333;
	border-top: 1px solid #555555;
    position:relative;
    overflow:hidden;
}

.ddmenu .highlight a, .ddmenu ul li .highlight a {
    color:#ffffff;
}

.ddmenu .highlight a:before, .ddmenu ul li .highlight a:before {
    content:"";
    display:block;
    position:absolute;
    width:6px;
    height:100%;
    background:#ffffff;
    left:0;
}

.ddmenu ul li ul li {
    background-color:#333333;
}

.ddmenu ul li.Closed {
    height:0;
    overflow:hidden;
    border-top:0;
    border-bottom:0;
}

.ddmenu ul li a, .ddmenu ul li span.noLink {
	color: #FFFFFF;
	display: block;
	font-size: 16px;
	line-height: 38px;
	padding-left: 14px;
	position: relative;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);
}

.ddmenu ul li.ddmenuTitle a {
    margin-right: 40px;
}

.ddmenu ul li span.noLink {
    color:#787878;
}

.menuOpen {
	background-color: #FFFFFF;
	border-top: 1px solid #666666;
	height: 90px;
	z-index: 10;
    right: 0;
}

.menu span, .menuOpen span {
	border-left: 1px solid #777777;
	display: block;
	height: 30px;
	margin-top: 6px;
	width: 42px;
}

.menuOpen span {
	background-position: -103px -9px;
	border-left: medium none;
	margin-top: 26px;
}

.Home .menuOpen span {
    margin-top:0px;
}

.patch {
	background-color: white;
	display: block;
	height: 24px;
	position: absolute;
	right: 0;
	top: 70px;
	width: 42px;
	z-index: 20;
}

.Home .patch {
    top: 30px;
}

.vehiclesList {
	height: 0;
	list-style-type: none;
    margin: 0;
	overflow: hidden;
	padding: 0;
    width: 100%;
}

.vehiclesListOpen {
    height: auto;
}

.vehiclesList li {
	border-bottom: 0 none;
	float: left;
    width: 50%;
    padding: 0 10px;
}

.vehiclesList li a {
    height: auto;
    padding:0;
}

.vehiclesList h6 {
	font-size: 12px;
    margin: 5px 0 10px;
	text-align: center;
	text-transform: uppercase;
}

.DealerSite .dealer-floating-bar-outer {
    background-color: #eeeeee;
    position: fixed;
    z-index: 101;
    overflow: hidden;
    width: 100%;
}

.bi-topBar .btn.blue {
	background-image:none;
	border:none;
	box-shadow:none;
	color:#ffffff;
	height:54px;
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-weight:bold;
	font-size:14px;
	line-height: 54px;
	padding:0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
    display: block;
    text-align: center;
}

.bi-topBar .FlyoutSearchBox .btn.blue span {
	margin-right:0;
}

.bi-topBar .btn [class^="icon-"], #searchOptions .btn [class^="icon-"] {
	font-size:24px;
	line-height: 56px;
	padding: 0 5px 0 0;
	margin-right:5px;
	border: none;
	margin-top: -5px;
	display: inline-block;
	vertical-align: middle;
}

#searchOptions .btn [class^="icon-"] {
    margin-top: 0px;
}

.nav-buttons {
	display:block;
}

.menu, .menuOpen, .Locator, .LocatorOpen, .FlyoutSearch, .FlyoutSearchOpen {
    position: absolute;
}

.menu span, .menuOpen span, .menu, .menuOpen, .Locator span, .LocatorOpen span, .Locator, .LocatorOpen, .FlyoutSearch span, .FlyoutSearchOpen span, .FlyoutSearch, .FlyoutSearchOpen {
    background:none;
	border:none;
	height:auto;
	margin:0;
	right:0;
    top:0;
	width:auto;
	display:block;
}

.menu, .menuOpen, #searchOptions .FlyoutSearchRight {
    right: 0;
}

a.menu {
    padding:0;
    color:#2b80b9;
}

.Locator, .LocatorOpen, .DealerSite .FlyoutSearch, .DealerSite .FlyoutSearchOpen {
    right: 40px;
}

.FlyoutSearch, .FlyoutSearchOpen {
    right: 80px;
}

.menuOpen, .LocatorOpen, .FlyoutSearchOpen {
	background-color:#999999;
	z-index:11;
}

.bi-topBar [class^="icon-"] {
    font-family: "icomoon-rp";
	font-size:36px;
	line-height:50px;
	padding:0 2px;
	border:1px solid transparent;
    background:none;
}

.bi-topBar .menuOpen [class^="icon-"], .bi-topBar .LocatorOpen [class^="icon-"], .bi-topBar .FlyoutSearchOpen [class^="icon-"] {
	border-color: #cccccc !important;
	border-bottom-color: #999999 !important;
    color:#ffffff;
}

.LocatorBox, .FlyoutSearchBox {
	padding: 10px;
	position: absolute;
	width: 100%;
	z-index: 10;
	right:0;
	background-color:#999999;
}

.LocatorBox .width100.relative.overflowHidden .inlineBlock {
	width:45%;
}

.LocatorBox .width100.relative.overflowHidden .inlineBlock:nth-child(2) {
	width:10%;
	line-height:32px;
}

.tabbedNav, .LocatorBox, .FlyoutSearchBox {
	margin-top:50px;
	border:1px solid #cccccc;
	-moz-box-shadow: 0 0 6px #cccccc;
	-webkit-box-shadow: 0 0 6px #cccccc;
	box-shadow: 0 0 6px #cccccc;
}

.FlyoutSearchLeft {
	margin-right:110px;
}

.FlyoutSearchRight {
    width: 100px;
    position: absolute;
    top: 0;
    right: 10px;
}

input[type="submit"].search {
    position: absolute;
    padding-left: 40px;
    right: 0;
    width: 100%;
    height:54px;
    line-height:44px;
    box-shadow: none;
    background: none;
    color:#ffffff;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-weight: bold;
    font-size:14px;
}

/** main menu tabbed navigation **/

.tabbedNav {
    background-color: #999999;
    right:0;
    padding: 0;
    position: absolute;
    z-index: 10;
    color:#ffffff;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    width:380px;
}

.navtab {
    width:33.33333%;
    float:left;
    text-align:center;
    font-weight:bold;
    text-transform:uppercase;
    font-size:15px;
    line-height:15px;
}

.navtab span[class^="icon-"] {
    font-size: 50px;
    display: block;
    line-height: 50px;
    margin: 10px 0 0 0;
}

.navtab-panel-container {
    position: relative;
    width: 10000px;
    height: 100%;
    -moz-transition: right 0.5s ease;
    -webkit-transition: right 0.5s ease;
    transition: right 0.5s ease;
}

.navtab-panel {
    float:left;
    position:relative;
    height:100%;
    width:380px;
}

#navtab-vehicles-bottom, #navtab-sections-bottom, #navtab-about-bottom {
    height:4px;
    border-bottom:1px solid #cccccc;
    margin-top:10px;
}

.navtab.navtab-over {
    color:#cccccc;
    background-color:transparent;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.navtab.navtab-bottom.navtab-over {
    background-color:#cccccc;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.panel-inside {
    display:inline-block;
    float:left;
    padding:20px;
}

.panel-inside.fullWidth {
    background-color:#444444;
    border-top: 5px solid #2b80b9;
    padding:0;
}

.panel-inside.fullWidth .panel-inside {
    padding:10px 0 10px 20px;
    display:table-cell;
}

.panel-inside.fullWidth .panel-inside.panel-social {
    padding-top:0;
    padding-bottom:0;
}

.panel-inside.fullWidth .panel-inside.panel-social span[class^="icon-"] {
	font-size:30px;
	margin:0;
}

.panel-inside ul {
    list-style:none;
}

.panel-inside ul li {
    padding:4px 0;
}

.panel-inside.half {
    width:50% !important;
}

.panel-inside ul li a, .panel-inside ul li a:visited, .panel-inside ul li a:hover {
    color:#ffffff;
    font-size:14px;
    line-height:normal;
}

.panel-inside h4, .panel-inside ul li.ffmenuTitle a, .panel-inside ul li.ffmenuTitle a:visited, .panel-inside ul.ffmenuTitle li a:hover {
    color:#cccccc;
    text-transform:uppercase;
    font-size:15px;
    line-height:15px;
    font-weight:bold;
    padding:0;
}

.panel-inside.fullWidth span[class^="icon-"] {
	font-size:24px;
	margin-right:5px;
    line-height:30px;
}

.panel-inside.fullWidth, .panel-inside.fullWidth a, .panel-inside.fullWidth a:visited, .panel-inside.fullWidth a:hover, .FlyoutSearchBox .width100.marginBottom10.textCenter {
	color:#cccccc;
    font-family: Arial, sans-serif;
    display:inline-block;
}

.panel-inside.fullWidth a div, .panel-inside.fullWidth .panel-inside div {
    display:table-cell;
    vertical-align:middle;
}

.panel-inside.fullWidth .panel-inside div a {
    display:inline-block;
}

.panel-inside.fullWidth .panel-inside.connect span[class^="icon-"] {
	margin:0;
    line-height:32px;
    color:#cccccc;
}

.tabbedNav .vehiclesList {
    margin:20px 0 10px 0;
}

.tabbedNav .vehiclesList h6 {
    color:#ffffff;
    margin:5px 0 10px !important;
}

#social-copy .mobile-connect li {
    float:left;
}

/* not used anymore? safe to delete?

.menu, .menuOpen {
	display: block;
	height: 42px;
	position: absolute;
	right: 1px;
	top: 0;
	width: 42px;
}

.globalNav {
	list-style-type: none;
	margin: 53px 0 0;
	padding: 0;
	position: absolute;
	width: 340px;
	z-index: 10;
}

.globalNav li {
	background-color: white;
	border-bottom: 1px solid #cccccc;
}

.globalNav li:last-child {
    border-bottom:none;
}

.globalNav li a {
	display: block;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 18px;
	height: 44px;
	line-height: 44px;
	position: relative;
	padding:0 10px;
    font-weight: normal;
}

.globalNav .icon {
	display: block;
	float: left;
	height: 26px;
	margin: 9px;
	width: 26px;
}

.globalNav li a .right {
	position: absolute;
	right: 0;
	top: 0;
}

.globalNav li a .vehicles {
	background-position: -12px -60px;
}
.globalNav li a .pricing {
	background-position: -12px -112px;
}
.globalNav li a .locator {
	background-position: -12px -162px;
}
.globalNav li a .preowned {
	background-position: -12px -212px;
}
.globalNav li a .assistance {
	background-position: -12px -263px;
}
.globalNav li a .contact {
	background-position: -12px -312px;
}
.globalNav li a .about {
	background-position: -12px -362px;
}
.globalNav li a .gallery {
	background-position: -13px -415px;
}	
.globalNav li a .maintenanceGuide {
	background-position: -12px -512px
}

*/

/*
-------------------------------------------
Header & Top
-------------------------------------------
*/

.logo {
    width: 100%;
    height: auto;
    max-width: 150px;
    position:relative;
    display: block;
    padding: 2px 0;
}

.region {
    align-items: center;
	display: flex;
	font-size:11px;
    height: 100%;
	margin-left: 1em;
}
.region > span {
    margin-left: 2em;
    border-left: 1.5px solid #444;
    padding-left: 2em;
}

.bi-topBar {
	position: relative;
	z-index:100;
    background-color: #eeeeee;
    height:50px;
}
.bi-topBar .region a {
    width: 33%;
    max-width: 150px;
}

.dealerNameBar {
	height: 36px;
	margin-left: 8px;
}

.dealerNameBar span {
	font-size: 12px;
	line-height: 36px;
	text-transform: uppercase;
}

div.HeaderContent .banner {
    background-color: transparent;
    height: auto;
}

.TopSearchFrame {
    height: 30px;
    margin: 0 47px 0 110px;
    overflow: hidden;
    padding-top: 7px;
    position: relative;
}

.TopSearchInputContainer {
    height: 28px;
    margin-right: 35px;
    overflow: hidden;
    position: relative;
}

.InnerSearchContainer {
    height: inherit;
    position: absolute;
    width: 100%;
    opacity: 0;
}

input[type="text"].TopSearchInput {
    height:54px;
    width: 100%;
    background-image:none;
    border: 1px solid #CCC;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.HeaderBanner {
    width:100%;
}

.homepage-block .displayFlex > div {
    padding-left: 5px;
    padding-right: 5px;
    width: 25%;
}
.homepage-block.french .displayFlex > div {
    width: auto;
}
.homepage-block.french h5 {
    font-size: 0.7em;
    font-size: 0.7rem;
}

/*
-------------------------------------------
Footer & Bottom
-------------------------------------------
*/

footer {
    display: block;
    clear: both;
}

#footerProvince, #footerProvince-fixed, #footerProvince .buttonTitle, #footerProvince-fixed .buttonTitle {
    font-size:0.7em;
    font-size:0.7rem;
}

#footerProvince div.filter, #footerProvince-fixed div.filter {
    padding:1px 20px 1px 5px;
}

#footerProvince div.filter span, #footerProvince-fixed div.filter span {
    right:4px;
    top:35%;
}

.footer-fixed .footer-toggle {
    margin:0;
    padding:0;
    left:16px;
    top:auto;
    width:36px;
    height:36px;
    background-image:none;
    background-color:#888888;
    font-size:0;
}

.footer-fixed .footer-toggle:before {
    font-size:24px;
    content: "\e621";
    color:#ffffff;
    background:none;
    display:block;
    width: auto;
    height: auto;
    margin:0;
    text-align: center;
}

.footer-fixed.rised .footer-toggle {
    background-color:#cccccc;
}

.footer-fixed.rised .footer-toggle:before {
    content: "\e61d";
    color:#888888;
}

.footer-fixed a.footer-top-link, .footer-fixed a.footer-top-link:hover {
    margin-right:0;
    right:16px;
    opacity:0.2;
    font-size:0;
    top:auto;
    background:none;
    width:36px;
    height:36px;
}

.footer-fixed.rised a.footer-top-link, .footer-fixed.rised a.footer-top-link:hover {
    opacity:1;
}

.footer-fixed .footer-top-link:before {
    margin:0;
    background:none;
	content: "\e608";
    font-size:36px;
    color:#000000;
}

.footer-fixed.rised .footer-top-link:before {
    color:#cccccc;
}

footer .bottom {
    font-family:Helvetica, Arial, sans-serif;
    padding: 15px;
    border-top: 5px solid #2b80b9;
	background-color:#444444;
	clear: both;
	text-align: center;
}

footer.corp .bottom {
    padding-bottom:120px;
}
footer.regional .bottom {

}

footer .bottom li {
	border-right:1px solid #cccccc;
    margin-left: -3px;
	display: inline-block;
	overflow: hidden;
    font-size:0.7em;
    font-size:0.7rem;
	line-height: 120%;
}

footer .bottom li:last-child {
	border-right:none;
}

footer .bottom li a {
	color:#cccccc;
    margin:0;
	padding:0 7px;
	display:block
}

footer .bottom p {
    font-size:0.7em;
    font-size:0.7rem;
	line-height: 120%;
    color: #888888;
    padding-top:7px;
	margin:0;
	text-align: center;
}

.bi-bottomBar {
	background-color: #EEEEEE;
	margin-top: 4px;
	z-index:5;
    min-height: 42px;
    position: relative;
}

.bi-bottomBar h2 {
	line-height: 30px;
}

footer, .secondLevelNav .moreOpen, .secondMenuContainer {
    background-image: none;
	background-color:#999999;
}

.secondLevelNav ul li span.icon.Opened, .secondLevelNav ul li span.icon.Closed, .ddmenu ul li a .icon.thirdLevel {
    background-image:none;
	line-height: 38px;
	font-size:15px;
}

.SecondLevelNavWrapper .secondLevelNav .moreOpen span, .SecondLevelNavWrapper .secondLevelNav .more span {
    background-image:none;
	line-height: 24px;
	font-size:20px;
}

footer .ffThirdMenuContainer {
    border-bottom-width:0 !important;
}

footer .ffSecondLevelNavWrapper {
    padding:30px 15px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

footer .ffsecondLevelNav {
    background-color:transparent;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: normal;
	padding: 0;
	position: relative;
	width: 100%;
}

footer .ffsecondLevelNav ul li span.icon, .secondLevelNav ul li span.icon.Opened, .secondLevelNav ul li span.icon.Closed, .ddmenu ul li a .icon.thirdLevel {
    background-color: #888888;
    width: 38px;
	color:#ffffff;
	text-align: center;
    position: absolute;
    right: 0;
    top: 0;
}

footer .ffsecondLevelNav ul li span.icon {
	line-height: 30px;
	font-size:11px;
}

.ddmenu ul li a .icon.thirdLevel {
    right:auto;
    top:auto;
    position:relative;
    color: #CCC;
}

footer .ffsecondLevelNav ul li span.thirdLevel {
	color:#cccccc;
    background-color: transparent;
    float: left;
    margin-left: -8px;
    position: relative;
    width: 28px;
}

footer .ffsecondLevelNav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

footer .ffsecondLevelNav ul li, .ddmenu ul li {
    background-color:transparent;
    border-bottom: 1px solid #cccccc;
    border-top: none;
    position:relative;
    overflow:hidden;
}

footer .ffsecondLevelNav ul li ul li, .ddmenu ul li ul li {
    background-color: #888888;
}

footer .ffsecondLevelNav ul li ul li {
	padding-left: 7px;
}

footer .ffsecondLevelNav ul li.Closed {
    height:0;
}

footer .ffsecondLevelNav ul li:first-child, .ddmenu ul li.ddmenuTitle:first-child {
    border-top: 1px solid #cccccc;
}

footer .ffsecondLevelNav ul li ul li:first-child {
    border-top: none;
}

footer .ffsecondLevelNav ul li a, footer .ffsecondLevelNav ul li span.noLink, .ddmenu ul li a, .ddmenu ul li span.noLink {
    color: #ffffff;
    display:block;
    text-shadow: none;
}

footer .ffsecondLevelNav ul li a, footer .ffsecondLevelNav ul li span.noLink {
    font-size: 14px;
    line-height: 30px;
    padding-left: 0;
}

footer .social-footer-links {
    text-align:center;
    margin-top:20px;
}

footer .connect-us {
    display:block;
    font-size: 11px;
    color: #CCC;
    margin-bottom:10px;
}

footer ul.mobile-connect {
    list-style-type:none;
}

footer ul.mobile-connect li {
    display:inline-block;
    margin:2px;
}

footer ul.mobile-connect li span[class^="icon-"] {
    font-size:30px;
    line-height:30px;
    color:#cccccc;
}

li.provContainer {
    padding:0 7px 2px;
    vertical-align:bottom;
}

.footerProvince {
    font-size:0.7em;
    font-size:0.7rem;
}

.footerProvince div.filter {
    padding:1px 20px 1px 5px;
}

.footerProvince .buttonTitle {
    font-size:0.7em;
    font-size:0.7rem;
    font-weight:normal;
}

.footerProvince div.filter span {
    right:4px;
    top:35%;
}


/* not used anymore? safe to delete?

.sbanner {
	padding: 23px 0 12px 0;
	position: relative;
}

.sbanner ul {
	list-style-type: none;
	line-height: 19px;
}

.sbanner li {
	display: inline-block;
	float: right;
}

.sbanner li:first-child {
	color: #CCCCCC;
    display: block;
    float: left;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
    margin-left: 0;
    padding: 0 10px;
    text-align: right;
    text-shadow: 2px 2px 3px #222222;
}

.sbanner li:first-child h2 {
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: rgb(204,204,204);
	text-align: right;
	text-shadow: 2px 2px 3px rgb(34,34,34);
	-ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=2,OffY=2,Color=#ff222222,Positive=true)";
	zoom: 1;
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color=#ff222222, Positive=true);
}

.sbanner li a span {
	display: block;
	padding-bottom: 13px;
}

.sbanner li a span.twitter {
	width: 28px;
	height: 29px;
	background-position: -63px -261px;
}

.sbanner li a span.fb {
	width: 28px;
	height: 29px;
	background-position: -110px -261px;
}

.sbanner li a span.instagram {
    width: 34px;
    height: 34px;
    background-position: -258px -510px;
}

.sbanner li a span.yt {
	width: 95px;
	height: 40px;
	background-position: -53px -305px;
	margin-top: -5px;
}

*/

/*	
-------------------------------------------
Homepage Vehicle Grid
-------------------------------------------
*/

.lineup .vehicle .vehicle-info .startingMSRP {
    display:block;
    padding:4px 0;
    color:#444444;
    font-size:16px;
    line-height:14px;
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
}

.lineup .vehicle .vehicle-info .msrp-bottom {
    color:#999999;
    font-size:11px;
    line-height:11px;
	font-family: Helvetica,Arial,sans-serif;
}

.homepage-block {
	padding:15px;
    background-color:#ffffff;
}

.homepage-block h1 {
	padding-bottom:5px;
	text-align:left;
}

.homepage-block h1 [class^="icon-"], .globalNav [class^="icon-"], #RightDealerHomeContainer dl [class^="icon-"], .dealer-floating-bar .dealer-link span[class^="icon-"] {
	font-size:32px;
	line-height:28px;
	vertical-align:middle;
	margin-right:10px;
}

.lineup {
    margin-left:-2%;
    font-size:0;
	text-align:center;
}

.lineup h1 {
    margin-left:2%;
}

.lineup .vehicle {
    display:inline-block;
    vertical-align:top;
    margin-left:2%;
	text-align:left;
    margin-bottom:15px;
	padding-bottom:5px;
	width:31%;
	font-size:16px;
	border-bottom:1px solid #e5e5e5;
}

.lineup .vehicle:last-child {
    margin-bottom:0;
}

.lineup .vehicle .vehicle-image, .lineup .vehicle .vehicle-info {
	float:left;
    display:inline;
}

.lineup .vehicle .vehicle-image {
	width:55%;
    padding-right:10px;
}

.lineup .vehicle .vehicle-image img {
	max-width:100%;
}

.lineup .vehicle .vehicle-info {
	width:45%;
}

.lineup .vehicle .vehicle-info a h4 {
	margin:0 !important;
    text-transform:uppercase;
}

ul.vehicle-links {
	list-style-type:none;
	font-size:14px;
}

ul.vehicle-links li a  {
	display:block;
	padding-bottom:5px;
}

ul.vehicle-links li:first-child a {
	padding-top:8px;
}

ul.vehicle-links li [class^="icon-"], .overview-buttons span[class^="icon-"], .distancePreview span[class^="icon-"] {
	font-size:24px;
	vertical-align:middle;
	margin:0 5px;
}

/*	
-------------------------------------------
Grid Elements
-------------------------------------------
*/

.row img {
	padding-bottom: 40px;
}

.columns {
	float: none;
	margin: 0;
}

.six, .eight, .three, .third, .twoThird {
	width: auto;
}

.fixedColumn {
    position:absolute;
    border-right: 1px solid #ddd;
    z-index:5;
    background-color:#ffffff;
    overflow:hidden;
    width:115px;
}

/*	
-------------------------------------------
Carousel, Sliders
-------------------------------------------
*/

.HeaderCarousel span {
    display: block;
    height: 26px;
    margin-top: -13px;
    position: absolute;
    top: 50%;
    width: 26px;
    z-index: 10;
}

.HeaderCarousel .left {
    left: 5px;
}

.HeaderCarousel .right {
    right: 5px;
}

#HeaderCarousel .right, #HeaderCarousel .left {
    background:none;
    color: #ffffff;
    text-align: center;
    font-size:32px;
    line-height: 26px !important;
    opacity:0.5;
    text-shadow:2px 2px 3px rgba(150, 150, 150, 0.8);
}

.HeaderCarousel .close, .HeaderCarousel .fullscreen {
	display: block;
	width: 24px;
	height: 24px;
	background-position:-113px -412px;
	top:34px;	
}

.HeaderCarousel .fullscreen {
	background-position:-63px -412px;
}

#HeaderCarousel {
    width:100%;
    overflow:hidden;
    position:relative;
    margin-top:4px;
    background-color:#ffffff;
    z-index:0;
}

.carouselList {
    list-style-type:none;
    position:relative;
    width:100000px;
    height:100%;
    z-index:1;
}

.carouselList li {
    float:left;
    height:100%;
    position:relative;
}

.carouselList img {
    display:block;
    margin:auto;
    max-width:100%;
    max-height:100%;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
}

.carouselList img.MobileHomeBanner {
    width:100%;
    height:100%;
}

.CarouselAnimation {
	-moz-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.FullScreenCarousel {
    background-color: black !important;
    top: 0;
    left: 0;
    bottom:0;
    right:0;
    margin:auto !important;
}

.FullScreenCarousel #HeaderCarousel {
    background-color:#000000;
}

.FullScreenBody {
    overflow: hidden;
    width:100%;
    height:100%;
}

.slider {
	position: relative;
}

.slider span, .slider span:first-child {
	display: block;
	width: 31px;
	height: 50px;
	background-position: -109px -349px;
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -25px;
	z-index: 100;
}

.slider span:first-child {
	background-position: -60px -349px;
	left: 5px;
}

.slider .close, .slider .fullscreen {
	display: block;
	width: 24px;
	height: 24px;
	background-position: -113px -412px;
	top: 34px;
}

.slider .fullscreen {
	background-position: -63px -412px;
}

/** promotions slider **/

.thumb {
    padding:6px;
    text-align:center;
    left: 1px;
    position: relative;
}

.active {
     background-color: #FFFFFF; 
     border: 1px solid #cccccc;
     border-right:none;
}

.inactive {
    border: solid 1px transparent;
    border-right:none;
}

img.ImageThumb {
    max-height:90px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    padding: 2px;
    background-color: #ffffff;
}

.inactive img.ImageThumb {
     border: 1px solid #2B80B9;
}

.active img.ImageThumb {
     border: 1px solid #cccccc;
}

#ivThumbDown {
    position:absolute;
    bottom:0;
}

#adImage {
    max-height:100%;
}

div.ivThumbArrow {
    cursor:pointer;
    height:30px;
    width:100%;
    text-align:center;
}

div.ivThumbArrow span {
    line-height:30px;
    color:#2B80B9;
    font-size:20px;
}

#new-promotions-slider {
    position:relative;
    overflow:hidden;
    height:396px;
}

.promotions-slider-thumbs {
    display:block;
    background-color:#eeeeee;
    width:100px;
    float:left;
    height:100%;
    width:20%;
    position:absolute;
    z-index:2;
}

.promotions-slider-ad {
    border: 1px solid #cccccc;
    display:block;
    float:left;
    vertical-align: top;
    text-align:center;
    height:100%;
    width:80%;
    padding:15px;
    position:absolute;
    margin-left:20%;
}

/*	
-------------------------------------------
Buttons
-------------------------------------------
*/

.btn {   
    cursor: pointer;
	padding: 20px;
}

.btn.Specification {
    display:block;
}

.btn.nobg {
	background:none;	
}

.btn.blue {
    background-color: #2B80B9;
    border:none;
}

.btn.lightblue {
    background-color: #2C98E9;	
    border:none;
}

.btn.lightblue > H4 {	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 120%;
	color: rgb(255,255,255);	
	zoom: 1;
    text-align:left;
}

.btn.blue > H4 {	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 120%;
	color: rgb(255,255,255);
}

.btn.grey {
    background-color: rgb(233,233,233);
	width: 100%;
	border:1px solid rgb(225,225,225);	
	padding-bottom: 20px;
	padding-top: 20px;
}

.btn.selected {
    background-color: #eeeeee;
	border: 1px solid #cccccc;
    box-shadow:3px 3px 2px rgba(0, 0, 0, 0.15) inset;
}

.transmission .btn.selected {
    background-color: #ffffff;
}

.btn.disabled { 
    background-color: #dddddd;
	border:1px solid #cccccc;	
    cursor:default;
}

.uiButton.blueGradient {
    text-shadow:none !important;
    color:#ffffff;
    font-weight:bold;
	font-size: 1.025em;
}

.uiButton.bigger {
    padding: 20px 50px;
}

.uiButton.bigger span[class^="icon-"] {
    font-size:30px;
    line-height:30px;
    vertical-align:middle;
    margin:0 10px 0 -10px;
    background:none;
}

.buttonTitle {
	font-family:"Open Sans",Helvetica,Arial,sans-serif;
    font-weight:bold;
    text-shadow:none !important;
	font-size: 1.025em;
	line-height:120%;
	color:rgb(68,68,68);
}

.buttonTitle.fontWhite, .lightblue .buttonTitle {
    color:#ffffff;
}

.MobileSearchButton, .MobileSearchButton:active {
    background-color:rgba(0, 0, 0, 0);
    background-position: -208px -508px;
    border-width: 0;
    box-shadow: none;
    display: inline-block;
    height: 30px;
    position: absolute;
    right: 0;
    top: 3px;
    width: 30px;
}

.btn.blue.location {
    margin-left:10px;
    width:100px;
}

#geolocate.btn.selected {
    background-color: #2B80B9;
    border: none;
    box-shadow:none;
}

/* not used anymore? safe to delete?

.btn-group {
	display: inline-block;
	width: 100%;
}

.btn-group > .btn + .btn {	
	margin-left: -5px;
	position: relative;
}

.btn-group > .btn.on {
	color: #444444;
	border: 1px solid rgb(225,225,225);	
	-moz-box-shadow: inset 3px 3px 4px rgb(187,187,187);
	-webkit-box-shadow: inset 3px 3px 4px rgb(187,187,187);
	box-shadow: inset 3px 3px 4px rgb(187,187,187);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffdddddd,endColorstr=#fff2f2f2,GradientType=0)";
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffdddddd, endColorstr=#fff2f2f2, GradientType=0);
	background-image: -moz-linear-gradient(49% 0%, rgb(221,221,221) 0%, rgb(229,229,229) 14%, rgb(233,233,233) 25%, rgb(242,242,242) 98%, rgb(242,242,242) 100%);
	background-image: -webkit-gradient(linear, 49% 0%, 49% 113%, color-stop(0, rgb(221,221,221)), color-stop(0.14, rgb(229,229,229)), color-stop(0.25, rgb(233,233,233)), color-stop(0.98, rgb(242,242,242)), color-stop(1, rgb(242,242,242)));
	background-image: -webkit-linear-gradient(rgb(221,221,221) 0%, rgb(229,229,229) 14%, rgb(233,233,233) 25%, rgb(242,242,242) 98%, rgb(242,242,242) 100%);
	background-image: -o-linear-gradient(rgb(221,221,221) 0%, rgb(229,229,229) 14%, rgb(233,233,233) 25%, rgb(242,242,242) 98%, rgb(242,242,242) 100%);
	background-image: -ms-linear-gradient(rgb(221,221,221) 0%, rgb(229,229,229) 14%, rgb(233,233,233) 25%, rgb(242,242,242) 98%, rgb(242,242,242) 100%);
	background-image: linear-gradient(rgb(221,221,221) 0%, rgb(229,229,229) 14%, rgb(233,233,233) 25%, rgb(242,242,242) 98%, rgb(242,242,242) 100%);
}

.btn-group > .btn.off {
	background-image: -moz-linear-gradient(50% 0%, rgb(255,255,255) 0%, rgb(238,238,238) 98%);
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, rgb(255,255,255)), color-stop(0.98, rgb(238,238,238)));
	background-image: -webkit-linear-gradient(rgb(255,255,255) 0%, rgb(238,238,238) 98%);
	background-image: -o-linear-gradient(rgb(255,255,255) 0%, rgb(238,238,238) 98%);
	background-image: -ms-linear-gradient(rgb(255,255,255) 0%, rgb(238,238,238) 98%);
	background-image: linear-gradient(rgb(255,255,255) 0%, rgb(238,238,238) 98%);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffeeeeee,GradientType=0)";
     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffeeeeee, GradientType=0);
	outline: 0 none;
	border: 1px solid rgb(201,201,201);	
	color: #444444;
	border-style: solid;
}

.btn-group > .btn + .dropdown-toggle {
	padding-top: 8px;
	padding-right: 8px;
}

.gn-btn {
	display: block;
	height: 42px;
	width: 42px;
}

.btn.pricing-body {
	border-top-color: rgb(201,201,201);
	border-top-width: 1px;
	border-top-style: solid;
	border-left-color: rgb(201,201,201);
	border-left-width: 1px;
	border-left-style: solid;
	border-right-color: rgb(201,201,201);
	border-right-width: 1px;
	border-right-style: solid;
	border-bottom-color: none;
	border-bottom-width: 0;
	border-bottom-style: none;
	border-radius: 5px 5px 0 0;
	text-align: left;
}

.btn.pricing_footer {
	border-top-color: rgb(250,250,250);
	border-top-width: 1px;
	border-top-style: solid;
	border-left-color: rgb(201,201,201);
	border-left-width: 1px;
	border-left-style: solid;
	border-right-color: rgb(201,201,201);
	border-right-width: 1px;
	border-right-style: solid;
	border-bottom-color: rgb(201,201,201);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-radius: 0 0 5px 5px;
	text-align: center;
}

*/

/*	
-------------------------------------------
Typography
-------------------------------------------
*/

.PageTitle {
	padding: 7px 8px;
    text-align: right;
}

.storyCopy {
	font-size: inherit;
	line-height: 1.5em;
	margin: 0;
}

.breakLine, .lineunder {
	padding-bottom: 10px;
	margin-bottom: 20px !important;
    border-bottom-color:#cccccc;
}

h1, .fontH1, .fontH1Size {
	font-size: 1.45em;
	font-size: 1.45rem;
	line-height:1.45em;
	line-height:1.45rem;
}

h2, .fontH2, .fontH2Size {
	font-size: 1.325em;
	font-size: 1.325rem;
	line-height:1.325em;
	line-height:1.325rem;
}

h3, .fontH3, .fontH3Size {
	font-size: 1.2em;
	font-size: 1.2rem;
	line-height:1.2em;
	line-height:1.2rem;
}

h4, .fontH4, .fontH4Size {
	font-size: 1.025em;
	font-size: 1.025rem;
	line-height:1.025em;
	line-height:1.025rem;
}

h5, .fontH5, .fontH5Size {
	font-size: 0.9em;
	font-size: 0.9rem;
	line-height:0.9em;
	line-height:0.9rem;
}

h6, .fontH6, .fontH6Size {
	font-size: 0.75em;
	font-size: 0.75rem;
	line-height:0.75em;
	line-height:0.75rem;
}

.fontH1, .fontH2, .fontH3, .fontH4, .fontH5, .fontH6 {
    color:#444444;
    font-family:"Open Sans",Helvetica,Arial,sans-serif;
    font-weight:bold;
}

.font8 {
    font-size:8px;	
}

.font10 {
    font-size:10px;	
}

.font12 {
    font-size:12px;	
}

.font13 {
    font-size:13px;
}

.font15 {
    font-size:15px;	
}

.font18 {
    font-size:18px;	
}

.font20 {
    font-size:20px;	
}

.font23 {
    font-size:23px;	
}

.font26 {
    font-size:26px;	
}

.fontH2.subheader, .fontH3.subheader, .fontH4.subheader, .fontH5.subheader {
    font-weight:300;
}

.fontWeight500 {
    font-weight: 500!important;	
}

.fontBold {
    font-weight:bold;
}

.fontItalic {
    font-style:italic;
}

.fontShadow {
    text-shadow:-1px -1px 0 #064876;
}

.fontWhite {
    color:#FFFFFF;
}

.fontDarkGrey, .fontLightGrey {
    color: #666666;
}

.fontDarkGrey51 {
    color:rgb(51,51,51);
}

.fontBlack {
    color:Black;
}

.fontBlue {
    color:#116CAC;
}

.lineHeight120 {
    line-height:120%;
}

.lineHeight150 {
    line-height:150%;	
}

.txtShadowWhite {
    text-shadow: -2px -1px 0px rgb(6,72,118);
	-ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=-2,OffY=-1,Color=#ff064876,Positive=true)";
	zoom: 1;
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=-2, OffY=-1, Color=#ff064876, Positive=true);
}

h2.pricing {
	color: rgb(68,68,68);
}

h4.notbold {
	font-weight: 500!important;	
}

h4.notbold.lightgrey {
	font-weight: 500!important;	
	color:#666666;
}

.PageSubtitle {
	font-weight: 400;
}

.InputText {
	width:100%;
	padding:20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height:inherit;
	font-size: 14px;
}

/*	
-------------------------------------------
Dropdowns
-------------------------------------------
*/

div.filter {
    background-color:#ffffff;
	border: 1px solid #cccccc;	
	width: auto;
	padding: 20px 76px 20px 20px;
	position: relative;	
    height:auto;
    float:none;
}

div.filter:before {
	content: "";
	display: block;
	border-left: 1px solid #cccccc;
	width: 1px;
	height: 50%;
	position: absolute;
	top: 15px;
	right: 55px;
	bottom: 0;
	z-index: 3;
	cursor: pointer;
}

div.filter.disabled {
    background-color: #dddddd;
}

div.filter.disabled .buttonTitle {
    color:#aaaaaa;
}

div.filter span {
	background-position: -219px -71px;
	position: absolute;
	width: 12px;
	height: 8px;
	top: 45%;
	right: 22px;
}

div.filter.cpoCertifiedRow::before {
    display: none;
}

.dropdown div.filter, .filterContainer div.filter {
    width:100%;
    height:auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    float:none;
}

.dropdown select {
    opacity:0;
    left:0;
    font-size:14px;
}

div.dropdown {
    width:100%;
    font-size:14px;
}

/*
-----------
Checkboxes
-----------
*/

.checkboxVeneer {
    left: -2px;
    top: 0px;
}

/*	
-------------------------------------------
Pricing, Quotes & Related
-------------------------------------------
*/

.totalAmount {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    line-height: 1.2em;
    letter-spacing: -0.02em;
    margin-bottom: 0.7em !important;
    color: #444;
    margin: 0;
    padding: 0;
    font-weight:bold;
}

.borderPointer {
	background-color:transparent;
	border-bottom-color:rgb(255,255,255);
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-top-color:rgb(221,221,221);
	border-top-width:1px;
	border-top-style:solid;
	line-height: 1.3em;
	margin: 10px auto;
	position: relative;
	text-align: center;
	width: auto;
}

.borderPointer-arrow-border {
	border-color: rgb(221,221,221) transparent transparent transparent;
	border-style: solid;
	border-width: 10px;
	height: 0;
	width: 0;
	position: absolute;
	bottom: -20px;
	left: 64.2%;
}

.borderPointer-arrow {
	border-color: #f9f9f9 transparent transparent transparent;
	border-style: solid;
	border-width: 10px;
	height: 0;
	width: 0;
	position: absolute;
	bottom: -19px;
	left: 64.2%;
}

.DealerSite #modelselect ul li .modelselect_small, .DealerSite #modelselect ul li .modelselect_price, .DealerSite .IntroPrice, #modelselect ul li .allInPricing .modelselect_small, #modelselect ul li .allInPricing .modelselect_price {
    display:none;
}

.DealerSite .rowTrimPrice td, .DealerSite .rowTrimPriceFloat td {
    display:none !important;
}

.allInPricingLegal, .evRangeLegal, .ccDialog {
    max-width: 90%;
    width: 90%;
}

#allInPricingLegal, #evRangeLegal, #ccDialog {
    margin-left: 15px;
    margin-right: 15px;
    width: auto;
}

.allInPricingLegal .ui-dialog-titlebar, .evRangeLegal .ui-dialog-titlebar, .ccDialog .ui-dialog-titlebar {
    margin-left: 15px;
    margin-right: 15px;
}

.allInPricing #modelselect ul li .modelselect_small, .allInPricing #modelselect ul li .modelselect_price {
    display:block;
    line-height:75%;
    white-space:normal;
}

.allInPricing .IntroPrice {
    display:block;
}

.allInPricing .rowTrimPrice td, .allInPricing .rowTrimPriceFloat td {
    display:table-cell;
}

.ccRight button {
    margin-bottom: 0.25em;
}

.viPrice {
    line-height: 25px;
    height: 86px;
}

#vi_dollar {
    color: #000000;
    font-size: 24px;
    line-height: 36px;
}

.dollarsignEn {
    float: left;
    margin: 0 2px 0 0;
}

.payOptionColumn.mobile {
	width: 230px;
	height: 316px;
	border:none;
	background-image: none; 
	box-shadow:none;
}

/*	
-------------------------------------------
Colours, Coloured Boxes
-------------------------------------------
*/

.lightgrey {
    background-color: #eeeeee;	
	border:1px solid #cccccc;
	padding: 20px;
	color: #444444;
}

.blue {
	color: rgb(17,108,172);
    background:none;
}

/* not used anymore? safe to delete?

.leftBlueContainer {
    background-color: rgb(44,150,221);   
    border: 1px solid rgb(44,150,221);       
    width:10%;
    padding:18px;    
    position:absolute;
    top:0;
    left:0;
}

.rightBlueContainer {
    background-color: rgb(44,150,221);   
    border: 1px solid rgb(44,150,221);       
    width:10%;
    padding:18px;    
    position:absolute;   
    top:0;
    right:0;
}

.lightgrey100 {
	background-image: -moz-linear-gradient(55% 0%, rgb(255,255,255) 0%, rgb(238,238,238) 98%);
	background-image: -webkit-gradient(linear, 55% 0%, 55% 105%, color-stop(0, rgb(255,255,255)), color-stop(0.98, rgb(238,238,238)));
	background-image: -webkit-linear-gradient(rgb(255,255,255) 0%, rgb(238,238,238) 98%);
	background-image: -o-linear-gradient(rgb(255,255,255) 0%, rgb(238,238,238) 98%);
	background-image: -ms-linear-gradient(rgb(255,255,255) 0%, rgb(238,238,238) 98%);
	background-image: linear-gradient(rgb(255,255,255) 0%, rgb(238,238,238) 98%);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffeeeeee, GradientType=0)  progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color=#33000000, Positive=true)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffeeeeee, GradientType=0)  progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color=#33000000, Positive=true);
	border-color: rgb(201,201,201);
	border-width: 1px;
	border-style: solid;
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffeeeeee, GradientType=0)  progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color=#33000000, Positive=true)";
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffeeeeee, GradientType=0) progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color=#33000000, Positive=true);
	padding: 20px;
	cursor:pointer;
	width:100%;
}

*/

/*	
-------------------------------------------
Icons, Sprite Icon Classes
-------------------------------------------
*/

/* Shared background images*/

.arrow, .slider close, .slider span, .menuOpen span, .menu span, .icon.vehicles, .icon.locator, .icon.pricing, .icon.preowned, .icon.assistance, .icon.contact, .icon.about, .icon.gallery, .icon.maintenanceGuide, .secondLevelNav ul li span.icon, .sbanner li a span, .expand, .specifications span, .symbol, .filter span, #exteriorOverlay span, a.calendar, a.clock, div.swipe, .overview-buttons .icon, .MobileSearchButton {
	background-image: url("../Content/7907/Media/General/Mobile/2013/mobileSprite@1.png");
}
	
/* Shared background images for HD devices*/

@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min--moz-device-pixel-ratio: 1.5), screen and ( min-resolution: 96dpi) {
    .arrow, .slider close, .slider span, .menuOpen span, .menu span, .icon.vehicles, .icon.locator, .icon.pricing, .icon.preowned, .icon.assistance, .icon.contact, .icon.about, .icon.gallery, .icon.maintenanceGuide, .secondLevelNav ul li span.icon, .sbanner li a span, .expand, .specifications span, .symbol, .filter span, #exteriorOverlay span, a.calendar, a.clock, div.swipe, .overview-buttons .icon, .MobileSearchButton {
	    background-image: url("../Content/7907/Media/General/Mobile/2013/mobileSprite@2.png");
	    background-size: 350px 550px; /* Half the size fo the image*/
    }
}

.plus, .minus {
	background-position: -165px -14px;
    display: block;
    float: left;
    height: 20px;
    margin-right: 5px;
    padding: 0;
    width: 20px;
}

.minus {
    background-position: -216px -14px;
}

.swipe {
    background-position: -313px -411px;
    display: block;
    height: 27px;
    padding: 0;
    position: absolute;
    width: 23px !important;
}

#circle {
	width: 35px;
	height: 35px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	position: absolute;
	top: 15%;
	right: 1%;
	vertical-align: middle;
	background-color: rgb(255,255,255);
	border-color: rgb(202,202,202);
	border-width: 2px;
	border-style: solid;
}

#circle img {
	width: 60%;
	margin-top: 25%;
}

img.amvic {
    width:10em;
    width:9rem;
}

.homepage-block h5 a span[class^="icon-"], .PRtabsContainer h5 a span[class^="icon-"] {
    font-size:60px;
    display:block;
    margin-bottom:5px;
}

.icon-question-circle {
    color: #2b80b9;
    background:none;
    font-size:12px;
    margin:0;
}

.icon-magnify.go-magnify {
    position:absolute;
    margin-left:7px;
    left:6px;
    top:14px
}

.symbol.pin {
    background-image: url(../Content/7907/Media/General/webimage/2013/DealerLocator/pushpin-flat.png);
    background-repeat: no-repeat;
    background-size: cover;
    width:38px;
    height:64px;
}

/* not used anymore? safe to delete?

.galleryGradientIcon {
	background-position: -6px -6px;
}

.featuresGradientIcon {
	background-position: -56px -6px;
}

.accesoriesGradientIcon {
	background-position: -105px -6px;
}

.specsGradientIcon {
	background-position: -255px -6px;
}

.pricingGradientIcon {
	background-position: -154px -6px;
}

.galleryIcon {
	background-position: -55px -156px;
}

.pricingIcon {
	background-position: -106px -156px;
}

.locatorIcon {
	background-position: -55px -107px;
}

.assistanceIcon {
	background-position: -56px -207px;
}

.preownedIcon {
    background-position: -106px -107px;
}

.serviceIcon {
    background-position: -106px -205px;
}

.symbol.phone {
    background-position: -265px -412px;
	width: 26px;
    height:26px;
    margin-right: 10px;
    vertical-align: middle;
}

.symbol.location {
    background-position: -16px -163px;
	width: 26px;
    height:26px;
	margin-right: 10px;
    vertical-align: middle;
}

*/

/*	
-------------------------------------------
Arrows, Chevrons
-------------------------------------------
*/

.arrow {
	display: inline-block;
}

.arrow.east.blue.chevron {
	background-position: -322px -220px;
	width: 7px;
	height: 10px;
	margin-left: 5px;
}

.arrow.south.blue.chevron {
	background-position: -320px -172px;
	width: 10px;
	height: 6px;
	margin-left: 10px;
	vertical-align: middle;
}

.arrow.south.white.chevron {
	background-position: -319px -271px;
	width: 12px;
	height: 8px;
	margin-left: 20px;
	vertical-align: middle;
}

.TrimList .lightgrey.VehIntroButton .arrow.south.white.chevron {
    height:12px;
	background-position: -319px -69px;
}

.TrimList .lightgrey.VehIntroButton.lightblue .arrow.south.white.chevron {
    height:12px;
	background-position: -269px -271px;
}

.arrow.north.darkgrey.solid {
	background-position: -170px -70px;
	width: 10px;
	height: 8px;
	margin-left: 10px;
}

.arrow.south.darkgrey.chevron {
	background-position: -319px -72px;
	width: 11px;
	height: 7px;
	vertical-align: middle;
}

.arrow.north.darkgrey.chevron {
    background-position: -269px -72px;
    height: 7px;
    width: 11px;
	vertical-align: middle;
}

.arrow.east.blue.solid {
	background-position: -222px -218px;
	width: 6px;
	height: 11px;
	margin-right: 10px;
	vertical-align: middle;
}

.arrow.west.blue.solid {
	background-position: -172px -218px;
	width: 6px;
	height: 11px;
	margin-right: 10px;
    display: inline-block;
}

.arrow.east.blue.chevron.searchResults {
    position: absolute;
    width: 12px;
    height: 10px;
    top: 50%;
    right: 0;
}

.arrow.north.white.solid {
    background-position: -169px -270px;
    width: 12px;
    height: 8px;
    display: inline-block;
    vertical-align: middle;
}

.arrow.south.white.solid {
    background-position: -219px -271px;
    width: 12px;
    height: 8px;
    display: inline-block;
    vertical-align: middle;            
}

/*	
-------------------------------------------
Checkboxes & Radio Buttons
-------------------------------------------
*/

input[type='checkbox'] {
    border:0;
    border-style:none;
    box-shadow:none !important;
    background-image:none !important;
}

.checkmark, .radiobutton {
	display: block;
	float: none;
	background-position: -164px -463px;
	height: 22px;
	width: 22px;
}

.radiobutton {
	background-position: -214px -463px;
}

input[type="checkbox"] + label.cpoSearch::before, input[type="checkbox"] + p label.cpoSearch::before {
    margin: -2px 0 10px -2px;
    position:absolute;
}
input[type="checkbox"] + label.cpoSearch.Disabled::before {
    background-position: -342px 0;
    opacity:0;
}

/*	
-------------------------------------------
Specifications
-------------------------------------------
*/

.SpecColumn, .SpecColumn ul, .SpecColumn li, .CarColumn {
    font-size:0.65em;
    font-size:0.65rem;
}

.SpecLegend {
    text-align:center;
    position:relative;
    overflow:hidden;
}

.SpecLegend table {
    width:100%;
    height:100%;
}

.SpecLegend table tr td {
    vertical-align:middle;
    text-align:center;
}

.specifications {
    font-size:12px;
    list-style-type:none;
    text-align:left;
    display:inline-block;
}

.CompareButtonRow {
    height:45px;
    overflow:hidden;
    text-align:center;
    width:100%;
}

.CompareButtonRow .CarColumn {
    display:table-cell;
}

.CompareButtonRow .CarColumn input {
    margin-top:4px;
}

.CompareButton {
    padding: 10px !important;
    height:100%;
}

.SpecCategoryName {
    padding-top:15px !important;
    overflow:hidden;
}

.fixedColumn .SpecColumn, .SpecRow {
    border-top:1px solid #DDDDDD;
}

.SpecColumn, .emptyLegend {
    display:inline-block;
    padding:3px 5px 3px 0;
    width:110px;
}

.CarColumn {
    display:inline-block;
    width:70px;
    overflow:hidden;
    text-align:center;
    padding:3px 0;
}

.CarColumn h2 {
    font-size:14px;
}

.swipableColumn {
    position:relative;
    z-index:1;
    -ms-touch-action:none;
}

.SpecDataContainer, .SpecDataContainer .SpecRow {
    width:1000px;
}

.SpecRow {
    display:table;
}

.SpecRow .SpecTitle, .SpecRow .CarColumn, .NameRow .CarColumn {
    display:table-cell;
    vertical-align:middle;
}

.SpecRow .SpecTitle div {
    overflow:hidden;
    width:110px;
}

.SwipeIntroContainer {
    text-align:left;
    padding:3px 0;
    border-bottom:1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
}

.SwipeIntroWord {
    margin-left:10px;
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transition: transform 0.3s ease-out 1ms;
    -o-transition: transform 0.3s ease-out 1ms;
    -webkit-transition: transform 0.3s ease-out 1ms;
    transition: transform 0.3s ease-out 1ms;
}

#SelectSpecContainer {
    height: 0;
    overflow: hidden;
}

.ShowSelectSpecContainer {
    height: auto !important;
}

.specContainer {
    border-bottom: 1px solid #DDDDDD;
    position: relative;
    overflow:hidden;
}

.SpecDescription {
    border-top: 1px solid #DDDDDD;
}

.swipeIntroMore {
    display: inline-block;
    margin-left: 26px;
    margin-top: 6px;
    white-space: nowrap;
}

.specContainerButton {
    margin-top: 8px;
}

.SpecDescription, .SpecDataContainer {
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transition: transform 0.3s ease-out 1ms;
    -o-transition: transform 0.3s ease-out 1ms;
    -webkit-transition: transform 0.3s ease-out 1ms;
    transition: transform 0.3s ease-out 1ms;
}

.specGroupContainer {
    height: 0;
}

.SingleSelection .fixedColumn {
    width:150px;
}

.SingleSelection .SpecColumn, .SingleSelection .emptyLegend, .SingleSelection .SpecRow .SpecTitle div {
    width:145px;
}

.SingleSelection .CarColumn {
    width:110px;
}

/* legend S for standard, O for optional, A for accessories, n for not available */

.symbol {
    display:inline-block;
}

.symbol.S, .symbol.standard {
    background-position: -22px -471px;
    vertical-align: middle;
    width: 6px;
    height: 6px;
}

.symbol.A, .symbol.N, .symbol.O, .symbol.accessory, .symbol.na, .symbol.optional {
    width: 7px;
    height: 7px;
}

.symbol.A, .symbol.accessory {
    background-position: -69px -470px;
}

.symbol.N, .symbol.na {
    background-position: -162px -473px;      
}

.symbol.O, .symbol.optional {
    background-position: -123px -470px;
}

/* not used anymore? safe to delete?

Yeojin's tables

#TableHeaderFloater {
    background-color: #ffffff;
    border-bottom: 1px solid #dddddd;
    font-size: 10px;
    display: inline-block;
    position: fixed;
    z-index: -1;
    top: 0;
    opacity: 0;
    overflow: hidden;
}

#TableHeaderFloater table tr td {
    padding:5px 0;
}

#TableHeaderFloater #LegendFloat ul li {
    font-size:12px;
}

#TableHeaderFloater h2 {
    margin-bottom:0 !important;
}

.LegendFloat {
    height:auto !important;
}

#SpecbyGroupContainer {
    z-index: 1;
    position:relative;
}

*/

/*	
-------------------------------------------
Hero Links
-------------------------------------------
*/

.heroLinks {
	list-style-type: none;
	position: relative;
    background-color:#F3F4F8;
}

.heroLinks ul {
    list-style-type:none;
}

.heroLinks li {
	width:25%;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
	float:left;
	text-align:center;
}

.heroLinks li a {
	display:block;
	padding:10px;
	font-weight:bold;
	font-size:12px;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    zoom:1;
}

.heroLinks li a span {
	display:block;
    width: 40px;
    height: 40px;
    margin: auto;
}

/* not used anymore? safe to delete?

.heroLinksFooter {
    background-color:#2B80B9;
	list-style-type:none;
	z-index: 0;
	position: relative;
	padding:8px 0;
}

.heroLinksFooter li a {
	border-right:none;
	color:#fff;
    zoom:1;
}

*/

/*	
-------------------------------------------
Tabs
-------------------------------------------
*/

.tabs {
	margin: 10px 0 0;
	list-style-type: none;
	background-color: #eeeeee;
	height: 40px;
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
}

.tabs li {
	width: 50%;
	float: left;
	text-align: center;
	line-height: 40px;
}

.tabs li.third {
	width: 33.3333%;
}

.tabs li a {
	border-bottom:1px solid #cccccc;
	width: 100%;
	height: 40px;
	display: block;
	cursor: pointer;
}

.tabs li a.active, .tabs li a.selected, .tabs li.third div.selected {
	border-bottom: none !important;
	border: 1px solid #cccccc;
	cursor:default;
    background-color:#ffffff;
    color:#444444;
}

/*
-------------------------------------------
Shortcuts
-------------------------------------------
*/

.margin15 {
	margin-top: 15px;
}

.verticalMiddle {
    vertical-align:middle;
}

.round {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}

.centerElement {
	margin-left:auto; 
    margin-right:auto;
}

.clearBoth {
	clear: both;
}

.width100 {	
	width: 100%;
}

.width60 {
    width: 60%
}

.width50 {
    width: 50%;
}

.width40 {
    width:40%;
}

.leftNarrow {
    padding-left: 10%;
}

.rightNarrow {
    padding-right: 10%;
}

.locMargin10 {
	margin-left: 10px;
	margin-top: 10px;
}

.specMargin6_3 {
    margin-right: 6px;
    margin-top:3px;	
}

.MSTouchDisabled, .MSTouchEnabled {
    -ms-touch-action:none;
}

.roundedcornerRight {   
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topright: 4px;
}

.roundedcornerLeft {
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;	
	border-top-left-radius: 4px;
}

.objectCenter {
	margin: 5% auto;
}

.DefaultTransition {
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.imageCenter {
    display: block;
    margin: auto;
}

/*	
-------------------------------------------
Models
-------------------------------------------
*/

.modelName {
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	font-size: 20px;
	line-height: 120%;
	text-align: right;
}

.modelYear {	
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	font-size: 15px;
	line-height: 150%;
	color: rgb(102,102,102);
	text-align: left;
	padding-left: 5px;
}

#viModelImgFrame {
    margin: 20px 0 0;
    position: relative;
    width: 400px;
}

#viModelImg {
    border: 0 none;
    height: 200px;
    position: relative;
    width: 400px;
    z-index: 0;
}

.mmVehicle-top-price {
    color: #000000;
   font-family:"Open Sans",Helvetica,Arial,sans-serif;
    font-size: 36px;
    line-height: 36px;
}

.viTrimFeatures {   
    color: #666666;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-size: 13px !important;
    line-height: 170%;
}

#viMainFeatures {
    color: #000000;
    font-size: 16px;
    margin-bottom: 10px;
}

#viModelDetailFrame {
	margin-left: 30px;
}

.modelselect {
    padding:0;
}

#modelselectContainer {
    position:relative;
    height:170px;
    overflow:hidden;
}

#modelselectInnerContainer {
    position:absolute;
}

#modelselect {
	background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    display: inline-block;
    padding: 8px 6px;
    margin:0 10px;
    height:145px;
}

#modelselect ul {
	overflow: hidden;
	list-style: none;
	white-space: nowrap;
	display:inline-block;
	width:880px;
    height:145px;
}

#modelselect ul li {
	display: inline;
	float: left;
	width: 110px;
	height: auto;
}

#modelselect ul li span, #modelselect ul li .modelselect_title, #modelselect ul li .modelselect_price, #modelselect ul li .modelselect_small {
	display: block;
	float: left;
	margin: 5px auto;
	text-align: center;
	width: 100%;
	color: #000000;
}

#modelselect ul li img {
	display:block;
	width: 100px;
	height: auto;
	float: none;	
	margin: 5px auto;
	text-align: center;
}

#modelselect ul li .modelselect_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 120%;
}

/*grey info MSRP starting at   */

#modelselect ul li .modelselect_small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 120%;
	color: rgb(153,153,153);
	margin: 5px 0 10px 0;
}

/* price info  */

#modelselect ul li .modelselect_price {
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
	font-size: 22px;
	line-height: 100%;
}

.exteriorModel {
    margin-right:10px;
}

.exteriorModel:last-child {
    margin-right:0;
}

.TrimOption {
    font-style:italic;
}

.KeyFeatures {
    padding-left:20px;
    font-size:13px;
    color:#666666;
}

.VehOptionList {
    list-style-type: disc;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    width: 100%;
}
.VehOptionList li {
    margin-left:20px;
}
.cpoBox {
    margin-left:-7px;
}
/*	
-------------------------------------------
360s, Colour Chips
-------------------------------------------
*/
.exterior360Container {
    display: block;
    width: 90%;
    margin: 0 auto;
    -ms-touch-action: none;
}

div.exterior360Div {
    position:relative;
    top:-20px;
    z-index:0;
    margin:0;
}

div.view360 {
    margin-top:10px;
    position:relative;
    z-index:1;
    top: 0;
    display: block;
    left: 0;
}

#content360 {
    margin:0 !important;
}

div#exteriorOverlay {
    position: absolute;
}

div#content360, div#content360 img {
    position: relative;
    width:100% !important;
}

div.exterior360Div div#view_overlay {
    height: 100%;
    left: 0 !important;
    top: 0 !important;
    width: 100%;
}

div#bottomContainer360 {
    top:-15px;
    margin: 0;
    height: auto;
}

span#vehicleName {
    color: #999999;
    font-size: 12px;
    font-weight: bold;
    left: 25px;
    top: 4px;
}

#viColourList {
	height: 25px;
	list-style-type: none;
	text-align: center;
	white-space: nowrap;
	margin: 20px 0 20px 0;
}

#viColourList li {
	display: inline-block;
	height: 22px;
	width: 37px;
}

#viColourList li span {
	text-decoration: none;
	background: url("../Content/7907/Media/General/webimage/2012/colorChipMask.png");
	background-position: 0 0;
	display: block;
	width: 37px;
	cursor: default;
	height: 22px;
}

#viColourList li span:hover {
	background-position: 37px 0;
}

.viVehicle-colors-container {
	margin-bottom: 20px;
}

div#colourName {
    padding-right:5%;
    color: #999999;
    font-size: 12px;
    font-weight: bold;
    text-align:right;
    position: relative;
    right: 0;
    top: 0;
}

div#colourCol360 img {
    height: 22px;
    position: absolute;
    width: 37px;
    z-index: 15;
    top:0;
    left:0;
}

div#colourCol360 .colourchip360 {
    left:0;
}

.tabs360 {
    margin: 10px 0;
    list-style-type: none;
    background-color: #fff;
    height: 32px;
    overflow:hidden;
}

.tabs360 li {
    width: 50%;
    float: left;
    text-align: center;
    line-height: 30px;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    height: 30px;
    display: inline-block;
    color: #2C98E9;
}

.tabs360 li:first-child {
    border-right: 1px solid #ddd;
    margin-left:-1px;
}

.tabs360 li.active {
    border-bottom: none;
}

.tabs360 .singleTab {
    width:100%;
    border-right-width:0 !important;
    margin-left:0 !important;
}

#exteriorOverlay span {
    background-position: -297px -349px;
    width:50px;
    height:50px;
    position:absolute;
    top:50%;
    margin-top:5px;
    right:-5%;
    z-index:10;
}

#exteriorOverlay span:first-child {
    left:-5%;
    background-position: -254px -349px;
}

.Veh360Sprite {
    background: url(../Content/7907/Media/General/webimage/2013/360images.png) no-repeat;
}

.Veh360_Model {
    width: 55px !important;
    height: 18px !important;
    overflow: hidden;
}

.Veh360_WRX_4door {
    background-position: 0 -26px;
}

.Veh360_WRX_4door:hover, .Veh360_WRX_4door_Active {
    background-position: 0 0;
}

.Veh360_WRX_5door {
    background-position: -133px -26px;
}

.Veh360_WRX_5door:hover, .Veh360_WRX_5door_Active {
    background-position: -133px -1px;
}

.Veh360_STI_4door {
    background-position: -66px -26px;
}

.Veh360_STI_4door:hover, .Veh360_STI_4door_Active {
    background-position: -66px -1px;
}

.Veh360_STI_5door {
    background-position: -200px -26px;
}

.Veh360_STI_5door:hover, .Veh360_STI_5door_Active {
    background-position: -200px -1px;
}

.threeSixty {
	margin-top: 10px;
	position: relative;
	overflow: hidden;
}

.exteriorTab, .interiorTab {
    border:1px solid #cccccc;
    border-top:none !important;
    padding:10px 0;
}

.cpoCarList li .thumbnail, .cpoCarList.ratio4-3 li .thumbnail {
	width: 133px;
	height: 100px;
}

.cpoCarList.ratio16-9 li .thumbnail {
	width: 133px;
	height: 75px;
}

.colorChips li .thumbnail {
	width: 60px;
	height: 25px;
}

.ratio4-3 li .thumbnail {
	width: 60px;
	height: 45px;
}

.ratio16-9 li .thumbnail {
	width: 60px;
	height: 34px;
}

.thumbnails {
	list-style-type: none;
	padding: 10px 0 10px 0;
	white-space:nowrap;
}

.thumbnails li {
	display:inline-block;
	padding: 0 5px;
}

.thumbnail {
	display: block;
	cursor: pointer;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
    border-radius:5px;
}

.thumbnail.active {
	box-shadow: 0 0 0 4px #288ED2;
}

.thumbnail.selected {
    -webkit-box-shadow: 0px 0px 0px 4px rgb(40,142,210);
    -moz-box-shadow: 0px 0px 0px 4px rgb(40,142,210);
    box-shadow: 0px 0px 0px 4px rgb(40,142,210);
}

.thumbnail.InteriorChip {
    width: 100px!important;
}

.thumbnail.InteriorChip.selected {
    -webkit-box-shadow: 0px 0px 0px 4px rgb(40,142,210);
    -moz-box-shadow: 0px 0px 0px 4px rgb(40,142,210);
    box-shadow: 0px 0px 0px 4px rgb(40,142,210);
}

.interior360 {
    width:100%;
}
.interiorOption {
    margin-bottom: 1em;
}

/*	
-------------------------------------------
Dealer Sites
-------------------------------------------
*/

.dealer-floating-bar {
    background-color: #444;
    overflow: hidden;
    box-shadow: 1px 3px 3px rgba(50, 50, 50, 0.35);
    margin-bottom:5px;
    padding:2px 0 2px 5px;
    position:relative;
}

.dealer-floating-bar a {
    margin: 2px 4px 2px 0;
    display:inline-block;
}

.dealer-floating-bar a:nth-last-child(2) {
    margin-right:25px;
}

.dealer-floating-bar .dealer-link {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    color:#ffffff;
}

.dealer-floating-bar .dealer-link .dealer-link:last-child {
    margin-left:-5px;
}

.dealer-floating-bar .dealer-link.small-close {
    right:0;
    top:50%;
    margin-top:-14px;
    padding:4px;
    position: absolute;
}

.dealer-floating-bar .dealer-link a, .dealer-floating-bar .dealer-link h4 {
    color:#ffffff;
}

.dealer-floating-bar .dealer-link .dealer-phone {
    color:#2C98E9;
    font-size:12px;
}

.dealer-floating-bar .dealer-link span.icon-email {
    margin:0 4px;
}

.dealer-floating-bar .dealer-link span.icon-x-border {
    font-size:20px;
    line-height:20px;
    margin:0;
    opacity:0.66;
    display:block;
}

#covid19Header {
    background-color: #2b80b9;
    padding:1em;
}

#covid19Header p {
    color: white;
}

#RightDealerHomeContainer dl {
    float:left;
    position:relative;
    width:33.33333%;
    text-align:center;
    padding-right:10px;
}

#RightDealerHomeContainer dl:last-child {
    padding:0;
}

.DealerSite .homepage-block h1 p {
    font-size: inherit;
    color: initial;
    line-height: initial;
    display: inline;
}

.DealerSite .CMSContainer table, .DealerSite span[id$=lblWarranty] table {
    width:100% !important;
}

.DealerSite .CMSContainer img, .DealerSite span[id$=lblWarranty] img, .DealerSite .CMSContainer table td[style], .DealerSite span[id$=lblWarranty] table td[style] {
    height:auto !important;
    max-width:100% !important;
    width:auto !important;
}

/*	
-------------------------------------------
PR Site
-------------------------------------------
*/

.PRtabsContainer {
    margin: 0 !important;
    background:none !important;
}

.PRtabsContainer .PRtab {
    float:left;
    height:auto;
    padding:10px 5px 5px 5px;
    border:none;
}

.PRtabsContainer .PRtab h5, .PRtabsContainer .PRtab a {
    line-height:12px;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-weight:bold;
    font-size:12px;
    margin:0 !important;
}

.PRtabsContainer .PRtab.active {
    border: none;
    background:none;
}

.PRtabsContainer .PRtab.active h5, .PRtabsContainer .PRtab.active a {
    color:#aaaaaa;
}

.PRtabsContainer h5 a span[class^="icon-"], .heroLinks li a span[class^="icon-"] {
    font-size:36px;
}

.ImgViewerContainer.PRImgViewerContainer {
    position: relative;
    left:auto;
}

.ImgViewerContainer.PRImgViewerContainer #ImageViewerCover {
    position:relative;
    width:100%;
    height:auto;
}

.prCategories .row .inlineBlock.boxSizing, .TabHeadContainer .row .inlineBlock.boxSizing {
    width:33.33333%;
    float:left;
    padding-right:15px;
}

.prCategories .row .inlineBlock.boxSizing.half, .TabHeadContainer .row .inlineBlock.boxSizing.half {
    width:50%;
}

.prCategories .row .inlineBlock.boxSizing:last-child, .TabHeadContainer .row .inlineBlock.boxSizing:last-child, .prCategories .row .inlineBlock.boxSizing.fullWidth, .TabHeadContainer .row .inlineBlock.boxSizing.fullWidth {
    padding-right:0;
}

#SpecSearch {
    margin:20px 0 0 0 !important;
    font-size: 1.025em !important;
    width:100%;
}

#SpecSearch .uiButton.blueGradient {
    padding:20px;
}

.articleFullWidth {
    position:relative;
}

.articleFullWidth .arrowE {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position:absolute;
}

span[id$=lblNewNavDoubleBack] img, span[id$=lblNewNavBack] img, span[id$=lblNewNavForward] img, span[id$=lblNewNavDoubleForward] img, .linkButton img {
    display:none;
}

.linkButton a:before, .Pager #navigation .pageLink a {
    background-color: #116CAC;
    color: #FFF;
}

span[id$=lblNewNavBack] a:before, .linkButton a[id$=previousLink]:before, span[id$=lblNewNavDoubleBack] a:before, .linkButton a[id$=firstLink]:before, span[id$=lblNewNavForward] a:before, .linkButton a[id$=nextLink]:before, span[id$=lblNewNavDoubleForward] a:before, .linkButton a[id$=lastLink]:before, .Pager #navigation .pageLink a, span[id$=lblJobNavBack] a:before, span[id$=lblJobNavDoubleBack] a:before, span[id$=lblJobNavForward] a:before, span[id$=lblJobNavDoubleForward] a:before {
    display:block;
    padding:6px;
    font-size:14px;
}

span[id$=lblNewNavBack] a:before, span[id$=lblJobNavBack] a:before, .linkButton a[id$=previousLink]:before {
    content: "<";
}

span[id$=lblNewNavDoubleBack] a:before, span[id$=lblJobNavDoubleBack] a:before, .linkButton a[id$=firstLink]:before {
    content: "<<";
}

span[id$=lblNewNavForward] a:before, span[id$=lblJobNavForward] a:before, .linkButton a[id$=nextLink]:before {
    content: ">";
}

span[id$=lblNewNavDoubleForward] a:before, span[id$=lblJobNavDoubleForward] a:before, .linkButton a[id$=lastLink]:before {
    content: ">>";
}

.title .articleFullWidth .date {
    position: relative;
    overflow: hidden;
    width: auto;
    margin: 20px 0 0 20px;
    color: #666;
    font-size: 12px;
}

.title .articleFullWidth .contentWrapper {
    padding-left:0;
}

.title .articleFullWidth .content {
    border-left:none;
}

.title .articleFullWidth .content p {
    line-height: 14px;
    max-height: 44px;
}

span[id$=lblNewsDetailHeader] {
    font-size: 1.625em;
    font-weight: bold;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

span[id$=lblNewsDetailContent] div[style] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    margin:0 0 20px 0 !important;
    width:100% !important;
    clear:none !important;
}

span[id$=lblNewsDetailContent] div p[style] {
    margin:0 !important;
}

.Pager {
    overflow: hidden;
    text-align:center;
}

.Pager #pageNumbers, .Pager #navigation {
    float:none;
    padding-top:10px;
}

table[id$=tabNewsListNav] {
    margin-top:20px;
}

.Pager .linkButton, .Pager .pageLink {
    width:auto;
    height:auto;
    color:#444444;
    padding:2px;
    float:none;
    font-size:14px;
    display:table-cell;
    vertical-align:middle;
}

.Pager .linkButton a {
    display:block;
}

.ulImageList {
    position: relative;
    overflow: hidden;
}

.ulImageList li {
    float:left;
    position:relative;
    width:33.33333%;
    margin:0 0 40px 0 !important;
}

.ulImageList li .columns {
    margin:4px;
}

.ulImageList .imgLink {
    width: 100%;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
}

.ulImageList .actions {
    width: 100%;
    top:100%;
}

.ulImageList .actions, .ulImageList .actions[style], .ulImageList .imgLink, .ulImageList .imgLink[style] {
    opacity:1 !important;
}

.ulImageList .actions .zoom, .ulImageList .actions .downloadBtn, .ulImageList .actions .downloadBtn .download, .ulImageList .actions .downloadBtn .icon {
    margin:auto;
    top:auto;
    left:auto;
    float:none;
}

.ulImageList .actions .downloadBtn .download, .ulImageList .actions .downloadBtn .icon, .Pager #navigation {
    display:inline-block;
}

.ulImageList .actions .downloadBtn .download {
    top:-5px;
    position:relative;
    margin-right:5px;
}

.ulImageList .actions .downloadBtn {
    width:100%;
    top:1px;
    height:32px;
}

.contentDiv .TabContainer {
    background:none;
    padding:0;
}

.SpecContainer .specs .columns {
    margin-bottom:15px;
    width:100%;
    overflow:hidden;
    position:relative;
}

/*	
-------------------------------------------
Vehicle Intro
-------------------------------------------
*/

.VehIntroContainer {
    height:0px;
    overflow:hidden;
}

.VehIntroInnerContainer {
    margin:10px 0;
}

.VehIntroInnerContainer .breakLine, .VehIntroButton {
    position:relative;
}

.VehIntroInnerContainer .breakLine img {
    display:block;
    margin: 0 auto;
}

.VehIntroButton .buttonTitle {
    margin-right: 20px;
}

.VehIntroButton .arrow {
    bottom: 0;
    margin: auto;
    position: absolute;
    right: 20px;
    top: 0;
}

.VehIntroContainer .IntroPrice span[class^="icon-"] {
    background:none;
    width:auto;
    height:auto;
	font-size:12px;
	vertical-align:top;
    color:#2b80b9;
}

.VehIntroContainer .font23.fontBold.inlineBlock  {
    line-height:120%;
}

.overview-buttons {
    font-size: 14px;
    line-height:26px;
    overflow:auto;
    display:inline-block;
    padding:10px 0;
}

.listLinks {
	margin-bottom: 20px;
}

#viOffers .subscribeButton {
    margin-top:20px;
}

/* not used anymore? safe to delete?

.reviews {
    line-height:120%;
    text-align:left;
}

*/

/*	
-------------------------------------------
Videos, Youtube
-------------------------------------------
*/

.ytVideos ul li a {
    height: 6.9em;
    position: relative;
}

.ytVideos a.ytThumbnail {
    float: left;
    margin-right: 1em;
    width: 9.2em;
}

.ytVideos ul li:hover a {
    color: #2C98E9;
}

.ytVideos span.ytDuration {
    position:absolute;
    bottom:14px;
    right:5px;
    padding:0px 4px;
    font:11px arial,sans-serif;
    font-weight:bold;
    line-height:14px;
    height:14px;
    color:White;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    background-color:#000;
    color:#fff!important;
    height:14px;
    line-height:14px;
    opacity:0.75;
    filter:alpha(opacity=75);
    display:-moz-inline-stack;
    display:inline-block;
    display:inline;
    vertical-align:top;
    zoom:1;
}

/*	
-------------------------------------------
CPO
-------------------------------------------
*/

.cpoSearch p {
    color: #444444;
    margin-bottom: 0px;
    margin-left: 25px;
    margin-top: -2px;
}
label.Disabled p {
    color:#CCC;
}

a.carfax {
    outline: 0 none;
}

#cpoLabel {
    margin-left: 3px;
}

.CertifiedImg {
    width: 60%;
    max-width: 100%;
    padding: 0 !important;
}

.searchedVehicleImage {
    width:100%;
}

.DealerTitleContainer {
    position:relative;
}

.DealerTitleContainer span {
    position:absolute;
    margin:auto;
    right:0;
    top:0;
    bottom:0;
}

input.cpoSearch {
    border-radius: 0;
    height: auto;
    margin: 2px 0 0 0;
    padding: 0;
    position: absolute;
    width: auto;
}

.cpoCertifiedRow img {
    padding-left:24px;
}
.cpoCertifiedRow img.Disabled {
    opacity:0.5;
}

/* not used anymore? safe to delete?

.pageCountDisplay {
    background-color: rgb(85,85,85);
    padding:19px;   
    position:relative;
}

*/

/*	
-------------------------------------------
Gallery
-------------------------------------------
*/

#GalleryCounter {
    text-align:center;
    padding:5px 0;
    background-color:#ffffff;
    color:#000000;
}

.gallery {
	position: relative;
	overflow: hidden;
}

.GalleryLanding .row .column, .GalleryLanding .row .columns {
	float: left;
}

.GalleryLanding .row .large-6 {
	position: relative;
	width: 50%;
}

.GalleryLanding .row .large-6:first-child > div {
	padding-right:7px;
}

.GalleryLanding .row .large-6:last-child > div {
	padding-left:8px;
}

#GalleryThumbnail {
    margin:0 -10px;
}

#InnerFullScreenBackground #GalleryThumbnail {
    margin:0;
}

.VehicleGallery, .CPOGallery {
    margin-top:0 !important;
}

.CPOGallery {
    margin-left:-10px;
}

.FullScreenCarousel #GalleryCounter {
    background-color:#000000;
    color:#ffffff;
}

#FullScreenBackground {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:black;
    display:table;
    z-index: 100;
}

#InnerFullScreenBackground {
    position:relative;
    width:100%;
    height:100%;
    background-color:black;
    display:table-cell;
    vertical-align:middle;
}

.mainWrapper.GalleryLanding {
    padding:0;
}

.mainWrapper.GalleryLanding .mainWrapper-container {
    padding:8px;
}

.expand {
    background-position: -62px -411px;
}

#expandButton {
    position:absolute;
    top:5%;
    right:5%;
    width:26px;
    height:26px;
    cursor:pointer;
    z-index:10;
}

/*	
-------------------------------------------
Dealer Locator
-------------------------------------------
*/

.dealerMap {
    height:400px;
    width:100%;
    position:relative;
}

.dealer .dealerDetails {
    display:none;
    margin-top:40px;
}

#searchResults .dealer {
    cursor:pointer;
    font-size: inherit;
    font-family: inherit;
    text-align: left;
    line-height: inherit;
    height: auto;
    color: inherit;
}

.dealer .arrow {
    margin-top:8px;
}

.dealer .pinDetails {
    width:50px;
}

.UseCurrentLocation {
    outline: 0 none;
}

.dealerDetails img {
    width:auto;
}

/*	
-------------------------------------------
Media Queries
-------------------------------------------
*/

@media only screen and (max-width: 1100px) {

	.lineup .vehicle {
		width:48%;
	}

}

@media only screen and (max-width: 740px) {

	.lineup .vehicle {
		width:98%;
	}

    .ulImageList li {
        width:50%;
    }

    .DealerListing {
        width:48%;
    }

}

@media only screen and (max-width: 480px) {

    .prCategories .row .inlineBlock.boxSizing, .TabHeadContainer .row .inlineBlock.boxSizing {
        float:none;
        margin-bottom:20px;
        width:100% !important;
        padding:0;
    }

    .prCategories .row .inlineBlock.boxSizing:last-child, .TabHeadContainer .row .inlineBlock.boxSizing:last-child {
        margin-bottom:0;
    }

    .DealerListing {
        display:block;
        width:100%;
    }

}

@media only screen and (max-width: 380px) {

    .region > span {
        margin-left: 1.5em;
        padding-left: 1.5em;
    }

	.lineup .vehicle .vehicle-image, .lineup .vehicle .vehicle-info {
		width:100% !important;
		float:none;
        padding:0;
		display:block;
        text-align: center;
	}

    .lineup .vehicle .vehicle-info a h4 {
        margin-top: 4px !important;
    }

    ul.vehicle-links li  {
	    display:inline-block;
        float:left;
        width:33.33333%;
        text-align:center;
        font-size:12px;
        line-height:12px;
        margin-top:6px;
    }

    ul.vehicle-links li:first-child a {
	    padding:0;
    }

    ul.vehicle-links span, .overview-buttons span {
	    display:block;
    }

    .globalNav, .tabbedNav {
        width:100%;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
    }

    #new-promotions-slider {
        height:300px;
    }

    /*

    .homepage-block .width100 .inlineBlock.quarter {
	    width:50%;
        height:100px;
    }

    .homepage-block .width100 .inlineBlock.quarter:last-child {
	    padding-right:10px;
    }

    .homepage-block .width100 .inlineBlock.quarter:first-child, .homepage-block .width100 .inlineBlock.quarter:nth-child(2) {
	    margin-bottom:10px;
    }

    */

    .homepage-block .width100 .inlineBlock.quarter h5 {
        font-size: 0.8em;
        font-size: 0.8rem;
        line-height: 0.8em;
        line-height: 0.8rem;
    }

    .homepage-block h5 a span[class^="icon-"], .PRtabsContainer h5 a span[class^="icon-"] {
        font-size:44px;
    }

    .ulImageList li {
        width:100%;
    }

}

@media only screen and (max-width: 370px) {
    .VehOptionList {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
    }
}

@media only screen and (min-width: 361px) {

    /*

    .globalNav {
	    right: 0;
	    width: 360px;
    }

    */

        .vehiclesList {
            padding: 0;
            margin: 0 20px
        }

        .fixedColumn, .SingleSelection .fixedColumn {
            width: 215px;
        }

        .SpecColumn, .emptyLegend, .SpecRow .SpecTitle div, .SingleSelection .SpecColumn, .SingleSelection .emptyLegend, .SingleSelection .SpecRow .SpecTitle div {
            width: 210px;
        }

        .grayBox .columns {
            float: left;
            margin: 0 15px 0 0;
        }
    }

    /*	
-------------------------------------------
Font Icons
-------------------------------------------
*/

    @font-face {
        font-family: 'icomoon-rp';
        src: url('/Content/7907/Media/General/webimage/font-icons/icomoon.eot?-6oq04');
        src: url('/Content/7907/Media/General/webimage/font-icons/icomoon.eot?#iefix-6oq04') format('embedded-opentype'),
		     url('/Content/7907/Media/General/webimage/font-icons/icomoon.woff?-6oq04') format('woff'),
		     url('/Content/7907/Media/General/webimage/font-icons/icomoon.ttf?-6oq04') format('truetype'),
		     url('/Content/7907/Media/General/webimage/font-icons/icomoon.svg?-6oq04#icomoon') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    [class^="icon-"], .ffsecondLevelNav ul li span.icon, .secondLevelNav ul li span.icon, .ddmenu ul li a .icon, .secondLevelNav .moreOpen span, .secondLevelNav .more span, .landing-page .figure .title h4 span.icon, #HeaderCarousel .right, #HeaderCarousel .left, .footer-fixed a.footer-top-link, .footer-fixed a.footer-top-link:hover, .footer-fixed .footer-toggle {
        font-family: 'icomoon-rp';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .icon-arrow-left-border:before {
        content: "\e638";
    }

    .icon-arrow-right-border:before {
        content: "\e639";
    }

    .icon-brake:before {
        content: "\e63a";
    }

    .icon-calendar-border:before {
        content: "\e63b";
    }

    .icon-camera-border:before {
        content: "\e63c";
    }

    .icon-clipboard:before, .icon-fleet-ordering-guide:before {
        content: "\e64b";
    }

    .icon-clipboard-border:before {
        content: "\e64c";
    }

    .icon-clipboard-circle:before {
        content: "\e64d";
    }

    .icon-clock:before {
        content: "\e64e";
    }

    .icon-clock-circle:before {
        content: "\e64f";
    }

    .icon-email-border:before {
        content: "\e650";
    }

    .icon-gear:before {
        content: "\e651";
    }

    .icon-gear-border:before {
        content: "\e652";
    }

    .icon-megaphone:before, .icon-news:before {
        content: "\e653";
    }

    .icon-megaphone-border:before {
        content: "\e654";
    }

    .icon-megaphone-circle:before {
        content: "\e655";
    }

    .icon-pdf:before {
        content: "\e656";
    }

    .icon-phone:before {
        content: "\e657";
    }

    .icon-sales:before {
        content: "\e658";
    }

    .icon-service:before {
        content: "\e659";
    }

    .icon-slider-controls:before {
        content: "\e65a";
    }

    .icon-slider-controls-border:before {
        content: "\e65b";
    }

    .icon-specs-border:before {
        content: "\e65c";
    }

    .icon-steering-wheel:before {
        content: "\e65d";
    }

    .icon-steering-wheel-border:before {
        content: "\e65e";
    }

    .icon-steering-wheel-circle:before {
        content: "\e65f";
    }

    .icon-youtube:before {
        content: "\e636";
    }

    .icon-youtube-circle:before {
        content: "\e637";
    }

    .icon-arrow-bullet:before {
        content: "\e63d";
    }

    .icon-arrow-bullet-circle:before {
        content: "\e63e";
    }

    .icon-email:before, .icon-fleet-contacts:before {
        content: "\e63f";
    }

    .icon-email-circle:before, .uiButton.bigger .icon-update:before {
        content: "\e640";
    }

    .icon-facebook:before {
        content: "\e641";
    }

    .icon-facebook-circle:before {
        content: "\e642";
    }

    .icon-google-plus:before {
        content: "\e917";
    }

    .icon-google-plus-circle:before {
        content: "\e918";
    }
    
    .icon-maintenance:before {
        content: "\e645";
    }

    .icon-maintenance-circle:before {
        content: "\e646";
    }

    .icon-tow:before {
        content: "\e647";
    }

    .icon-tow-circle:before {
        content: "\e648";
    }

    .icon-twitter:before {
        content: "\e649";
    }

    .icon-twitter-circle:before {
        content: "\e64a";
    }

    .icon-arrow-down-thin:before, .ffsecondLevelNav ul li span.Closed:before, .secondLevelNav ul li span.icon.Closed:before {
        content: "\e631";
    }

    .icon-arrow-left-thin:before, #HeaderCarousel .left:before {
        content: "\e632";
    }

    .icon-arrow-right-thin:before, #HeaderCarousel .right:before {
        content: "\e633";
    }

    .icon-arrow-up-thin:before, .ffsecondLevelNav ul li span.Opened:before, .secondLevelNav ul li span.icon.Opened:before {
        content: "\e634";
    }

    .icon-list-item:before, .ffsecondLevelNav ul li span.thirdLevel:before, .ddmenu ul li a .icon.thirdLevel:before {
        content: "\e635";
    }

    .icon-camera:before {
        content: "\e62f";
    }

    .icon-camera-circle:before {
        content: "\e630";
    }

    .icon-accessories:before, .icon-accessories-circle:before {
        content: "\e600";
    }

    .icon-arrow-down:before {
        content: "\e601";
    }

    .icon-arrow-down-circle:before {
        content: "\e602";
    }

    .icon-arrow-left:before {
        content: "\e603";
    }

    .icon-arrow-left-circle:before {
        content: "\e604";
    }

    .icon-arrow-right:before {
        content: "\e605";
    }

    .icon-arrow-right-circle:before {
        content: "\e606";
    }

    .icon-arrow-up:before {
        content: "\e607";
    }

    .icon-arrow-up-circle:before {
        content: "\e608";
    }

    .icon-buying-tools:before {
        content: "\e609";
    }

    .icon-buying-tools-circle:before {
        content: "\e60a";
    }

    .icon-calendar:before {
        content: "\e60b";
    }

    .icon-calendar-circle:before {
        content: "\e60c";
    }

    .icon-cpo:before {
        content: "\e60d";
    }

    .icon-cpo-circle:before {
        content: "\e60e";
    }

    .icon-cpo-border:before {
        content: "\e801";
    }

    .icon-features:before {
        content: "\e60f";
    }

    .icon-features-circle:before {
        content: "\e610";
    }

    .icon-hamburger:before, .secondLevelNav .more span:before {
        content: "\e611";
    }

    .icon-hamburger-border:before {
        content: "\e612";
    }

    .icon-info:before {
        content: "\e613";
    }

    .icon-info-circle:before, .icon-email-circle.overview:before {
        content: "\e614";
    }

    .icon-key:before {
        content: "\e615";
    }

    .icon-key-circle:before {
        content: "\e616";
    }

    .icon-locate:before {
        content: "\e617";
    }

    .icon-locate-circle:before {
        content: "\e618";
    }

    .icon-logo:before {
        content: "\e619";
    }

    .icon-logo-circle:before {
        content: "\e61a";
    }

    .icon-magnify:before {
        content: "\e61b";
    }

    .icon-magnify-border:before {
        content: "\e61c";
    }

    .icon-minus:before {
        content: "\e61d";
    }

    .icon-minus-circle:before {
        content: "\e61e";
    }

    .icon-pin:before {
        content: "\e61f";
    }

    .icon-pin-circle:before {
        content: "\e808";
    }

    .icon-pin-border:before {
        content: "\e620";
    }

    .icon-list:before {
        content: "\e802";
    }

    .icon-list-circle:before {
        content: "\e803";
    }

    .icon-paper:before {
        content: "\e804";
    }

    .icon-paper-circle:before {
        content: "\e805";
    }

    .icon-pencil:before {
        content: "\e806";
    }

    .icon-pencil-circle:before {
        content: "\e807";
    }

    .icon-plus:before {
        content: "\e621";
    }

    .icon-plus-circle:before {
        content: "\e622";
    }

    .icon-pricing:before {
        content: "\e623";
    }

    .icon-pricing-circle:before {
        content: "\e624";
    }

    .icon-pricing-border:before {
        content: "\e800";
    }

    .icon-print:before {
        content: "\e625";
    }

    .icon-print-circle:before {
        content: "\e626";
    }

    .icon-promo:before {
        content: "\e627";
    }

    .icon-promo-circle:before, .uiButton.bigger .icon-offers:before {
        content: "\e628";
    }

    .icon-specs:before, .icon-specifications:before {
        content: "\e629";
    }

    .icon-specs-circle:before {
        content: "\e62a";
    }

    .icon-vehicle-front:before {
        content: "\e62b";
    }

    .icon-vehicle-front-circle:before {
        content: "\e62c";
    }

    .icon-x:before, .secondLevelNav .moreOpen span:before {
        content: "\e62d";
    }

    .icon-x-border:before {
        content: "\e62e";
    }

    .icon-instagram:before {
        content: "\e919";
    }

    .icon-instagram-circle:before {
        content: "\e91a";
    }

    .icon-question:before {
        content: "\e900";
    }

    .icon-question-circle:before {
        content: "\e901";
    }

    .icon-compare:before {
        content: "\e902";
    }

    .icon-compare-border:before {
        content: "\e903";
    }

    .icon-compare-circle:before {
        content: "\e904";
    }

    .icon-download:before {
        content: "\e905";
    }

    .icon-full-screen:before {
        content: "\e906";
    }

    .icon-linkedin:before {
        content: "\e907";
    }

    .icon-linkedin-circle:before {
        content: "\e908";
    }

    .icon-pinterest:before {
        content: "\e909";
    }

    .icon-pinterest-circle:before {
        content: "\e90a";
    }

    .icon-share:before {
        content: "\e90b";
    }

    .icon-upload:before {
        content: "\e90c";
    }

    .icon-vehicle-dotted:before {
        content: "\e90d";
    }

    .icon-vehicle-dotted-check:before {
        content: "\e90e";
    }

    .icon-controls-seating-4:before {
        content: "\e90f";
    }

    .icon-controls-seating-5:before {
        content: "\e910";
    }

    .icon-controls-slider-handle:before {
        content: "\e911";
    }

    .icon-controls-vehicle-coupe:before {
        content: "\e912";
    }

    .icon-controls-vehicle-hatch:before {
        content: "\e913";
    }

    .icon-controls-vehicle-sedan:before {
        content: "\e914";
    }

    .icon-controls-vehicle-suv:before {
        content: "\e915";
    }

    .icon-controls-vehicle-wagon:before {
        content: "\e916";
    }

    .icon-contact:before {
        content: "\e91b";
    }

    .icon-contact-circle:before {
        content: "\e91c";
    }

    .icon-sitemap:before {
        content: "\e91d";
    }

    .icon-sitemap-circle:before {
        content: "\e91e";
    }

    .icon-stack:before {
        content: "\e91f";
    }

    .icon-stack-circle:before {
        content: "\e920";
    }

    @font-face {
        font-family: 'icomoon-chat';
        src: url('/Content/7907/Media/General/webimage/font-icons/icomoon-chat.eot?-6oq04');
        src: url('/Content/7907/Media/General/webimage/font-icons/icomoon-chat.eot?#iefix-6oq04') format('embedded-opentype'),
		     url('/Content/7907/Media/General/webimage/font-icons/icomoon-chat.woff?-6oq04') format('woff'),
		     url('/Content/7907/Media/General/webimage/font-icons/icomoon-chat.ttf?-6oq04') format('truetype'),
		     url('/Content/7907/Media/General/webimage/font-icons/icomoon-chat.svg?-6oq04#icomoon') format('svg');
	    font-weight: normal;
        font-style: normal;
    }

    .icon-chat {
        font-size: 22px;
        vertical-align: middle;
        margin: 0 5px;
    }

        .icon-chat:before {
            font-family: 'icomoon-chat';
            content: "\e900";
        }