/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
a button,
input,
select,
textarea {
  color: #888;
}
body {
  font-size: 1em;
  line-height: 1.4;
}
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
  vertical-align: middle;
}
/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}
/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
/* ==========================================================================
   2014 Page custom fonts
   ========================================================================== */
@font-face {
  font-family: "Proxima N W01 Light";
  src: url("../../../../en/2014/fonts/93cc6d34-798e-42c8-87d2-fd6391801b63d41d.eot?#iefix");
  src: url("../../../../en/2014/fonts/93cc6d34-798e-42c8-87d2-fd6391801b63d41d.eot?#iefix") format("eot"), url("../../../../en/2014/fonts/2fa30669-9bbd-4ced-912f-db94a367ed6c.woff") format("woff"), url("../../../../en/2014/fonts/c12b3ebb-3771-483f-a84a-ac63d615c28e.ttf") format("truetype"), url("../../../../en/2014/fonts/2a961063-ea56-4a4b-8cea-bdae32edb0e2.svg#2a961063-ea56-4a4b-8cea-bdae32edb0e2") format("svg");
}
@font-face {
  font-family: "Proxima N W01 Bold";
  src: url("../../../../en/2014/fonts/fbc6b03a-b3a1-427c-a884-053deca3a53cd41d.eot?#iefix");
  src: url("../../../../en/2014/fonts/fbc6b03a-b3a1-427c-a884-053deca3a53cd41d.eot?#iefix") format("eot"), url("../../../../en/2014/fonts/d999c07b-a049-4eb5-b8a6-4f36ae25e67e.woff") format("woff"), url("../../../../en/2014/fonts/4d4a75f5-d32a-4a09-8665-133afd39cc37.ttf") format("truetype"), url("../../../../en/2014/fonts/8152bc4e-d700-4c78-b6be-326893e6f53f.svg#8152bc4e-d700-4c78-b6be-326893e6f53f") format("svg");
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body {
  font-family: "Helvetica", Arial, sans-serif;
  font-size: 11px;
  color: #222222;
  background-color: #323232;
  min-width: 960px;
  margin: 0px;
}
/* Compass Background */
body.v1 {
  background-image: url("../../../../en/2014/compass/images/default.html");
  background-position: 50% 100px;
  background-repeat: no-repeat;
}
/* Grand Cherokee Background */
body.v2 {
  background-image: url("../../../../en/2014/grand_cherokee/images/default.jpg");
  background-position: 50% 93px;
  background-repeat: no-repeat;
}
/* Patriot Background */
body.v3 {
  background-image: url("../../../../en/2014/patriot/images/default.html");
  background-position: 50% 100px;
  background-repeat: no-repeat;
}
#wrapper,
#content {
  left: 0px !important;
  /*overriding vehicle2.css left placement*/

  width: 960px !important;
  /*overriding vehicle2.css width*/

  padding: 0px !important;
  padding-top: 33px !important;
}
.ie8 body.vehicle-2014 #wrapper {
  background: none !important;
}
#global-nav .model-info a {
  font-size: 11px;
}
/*Fixing subscript and superscript issues for webkit and IE*/
p sup,
p sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
p sub {
  top: 0.4em;
}
/* ====================================
   ABOVE THE FOLD CONTENT AREA
   ==================================== */
#vehicle_info {
  min-height: 425px !important;
  /*overriding vehicle2.css min-height style*/

  height: auto !important;
  height: 425px;
  left: 0px !important;
  /*overriding vehicle2.css left placement*/

}
.v1 #vehicle_info {
  min-height: 345px !important;
  height: 345px;
}
#vehicle_info .detail_box {
  background-color: #000;
  color: #d3d3d3;
  width: 255px;
  padding: 15px;
  margin-top: -10px;
  left: 0px !important;
  /*overriding vehicle2.css left placement*/

  font-size: 15px;
  line-height: 24px;
  background-color: rgba(0, 0, 0, 0.5);
  position: relative;
}
.v1 #vehicle_info .detail_box {
  width: 265px;
  padding: 20px;
}
.v3 #vehicle_info .detail_box {
  width: 265px;
}
.ie8 #vehicle_info .detail_box {
  background: none transparent scroll repeat 0% 0%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#75000000,endColorstr=#7F000000);
  zoom: 1;
}
#lfa_wrapper {
  margin-top: 15px;
}
#lfa_wrapper a.cta {
  color: #FFB302;
  display: block;
  font-size: 12px;
  line-height: 22px;
  margin-bottom: 0;
}
#lfa_wrapper .sufu {
  margin-top: 10px;
}
#details-info li {
  list-style-type: none;
  font-size: 38px;
}
#details-info sup {
  list-style-type: none;
  font-size: 22px;
}
#details-info span {
  font-size: 10px;
  text-transform: uppercase;
}
.vehicle-2014 a.cta span {
  background: url("../../../../en/2014/images/sprite_buttons.png") no-repeat scroll 0 -28px transparent;
  height: 12px;
  margin-left: 10px;
  width: 6px;
  display: -moz-inline-stack;
  display: inline-block;
  
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
/* ====================================
   BELOW THE FOLD CONTENT AREA
   ==================================== */
#vehicle_wrap {
  width: 950px;
  background: #fff;
  color: #666666;
  margin: -120px auto 0;
  position: relative;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
/*Adjusting for smaller vehicle hero area*/
.v1 #vehicle_wrap {
  margin-top: -35px;
}
.v3 #vehicle_wrap {
  margin-top: -90px;
}
#pricing_incentives {
  display: block;
  margin-bottom: 40px;
  padding-top: 15px;
  padding-bottom: 5px;
}
#pricing_incentives.content_tile {
  padding: 15px 30px 5px 30px;
}
#pricing_incentives div {
  display: block;
  float: left;
}
.v1 #pricing_incentives p,
.v3 #pricing_incentives p {
  margin: 2px 0;
}
/* ====================================
   MSRP SPECIFIC STYLING FOR PATRIOT
   ==================================== */
#pricing_incentives .price {
  color: #212221;
  float: left;
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  padding: 0 18px 0 0;
  text-transform: uppercase;
  width: 125px;
}
#pricing_incentives .price span span {
  float: left;
  font-size: 20px;
  margin: 3px 0 0;
}
#pricing_incentives .price span.val {
  font-size: 30px;
  font-family: Arial, sans-serif;
  float: left;
}
#pricing_incentives .model {
  font-size: 9px;
  text-transform: uppercase;
  color: #a1a1a1;
  font-family: Arial, sans-serif;
  float: left;
  padding: 8px 40px 0 0;
}
/* ==========================
   AWARDS AND CONTROLLER
   ========================== */
.awards_container {
  height: 88px;
  overflow: hidden;
  position: relative;
  width: 290px !important;
  z-index: 100;
}
.award_icons,
.award_controller {
  float: left;
  width: 275px;
  min-height: 20px;
  height: auto !important;
  height: 20px;
}
ul.award_icons li {
  cursor: pointer;
  list-style-type: none;
  margin-left: 0px !important;
  z-index: 0;
}
.award_icons li.active {
  display: block;
}
.award_icons li.large {
  padding-top: 10px;
}
.award_controller {
  float: left;
  margin-top: 15px;
  overflow: hidden;
  width: 10px;
}
ul.award_controller li {
  background: url("../../../../en/2014/images/sprite_buttons.png") no-repeat scroll -170px 0 transparent;
  float: none !important;
  height: 7px;
  list-style-type: none;
  margin-left: 0 !important;
  margin-bottom: 5px;
  opacity: .4;
  /* Standards Compliant Browsers */

  filter: alpha(opacity=40);
  /* IE 7 and Earlier */

  /* Next 2 lines IE8 */

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  width: 7px !important;
}
.award_controller li.active {
  opacity: 1;
  /* Standards Compliant Browsers */

  filter: alpha(opacity=100);
  /* IE 7 and Earlier */

  /* Next 2 lines IE8 */

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
/* ==========================
   PRESS QUOTES AND CONTROLLER
   ========================== */
.press {
  background: url("../../../../en/2014/grand_cherokee/images/awards-background.jpg") no-repeat 0 0;
  padding: 20px 0;
  width: 100%;
  margin-bottom: 50px;
  -webkit-box-shadow: 0 8px 20px -20px #000000 inset;
  -moz-box-shadow: 0 8px 20px -20px #000000 inset;
  box-shadow: 0 8px 20px -20px #000000 inset;
}
.v1 .press,
.v3 .press {
  background: #F4F4F4;
}
.press .press_container {
  overflow: hidden;
  position: relative;
  width: 640px !important;
  z-index: 100;
  margin: 0 auto;
}
.press_icons,
.press_controller {
  float: left;
  width: 630px;
  min-height: 20px;
  height: auto !important;
  height: 20px;
}
/*GRAND CHEROKEE SPECIFIC STYLING*/
.v2 .press .press_container,
.v2 .press_icons,
.v2 .press_controller {
  width: 515px !important;
}
ul.press_icons li {
  list-style-type: none;
  margin-left: 0px !important;
  z-index: 0;
}
.press_icons li.active {
  display: block;
}
.press_icons li.large {
  padding-top: 10px;
}
ul.press_icons .award {
  float: left;
}
.press_controller {
  float: left;
  margin-top: 15px;
  overflow: hidden;
  width: 10px;
  display: none;
}
ul.press_controller li {
  background: url("../../../../en/2014/images/sprite_buttons.png") no-repeat scroll -170px 0 transparent;
  float: none !important;
  height: 7px;
  list-style-type: none;
  margin-left: 0 !important;
  margin-bottom: 5px;
  opacity: .4;
  /* Standards Compliant Browsers */

  filter: alpha(opacity=40);
  /* IE 7 and Earlier */

  /* Next 2 lines IE8 */

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  width: 7px !important;
}
.press_controller li.active {
  opacity: 1;
  /* Standards Compliant Browsers */

  filter: alpha(opacity=100);
  /* IE 7 and Earlier */

  /* Next 2 lines IE8 */

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.press .award {
  float: left;
  display: block;
}
.press .quote,
.press .quote .lede,
.press .quote span {
  display: block;
  float: left;
  width: 515px;
  font-family: "Proxima N W01 light";
  font-size: 24px;
  color: #313131;
  text-align: center;
  margin-top: 0px;
}
.press .quote .lede {
  border-top: 0px;
}
.press .quote span {
  margin-top: 0px;
  border-top: 1px solid #A3A3A3;
  font-size: 15px;
  color: #313131;
}
/* ==========================
   MODELIZER / COLORIZER
   ========================== */
.tile1 {
  margin-bottom: 65px !important;
}
/*  Vehicle Container/Stage */
.vehicle_2014 #vehicle_container,
#vehicle_container,
#vehicle_base,
.v2 #vehicle_container {
  /*height:390px;*/

  left: 0px;
  position: relative;
  top: 0px;
  width: 950px;
}
.ie7.vehicle_2014 #vehicle_container {
  left: 0px;
  top: 0px;
}
.vehicle_2014 #vehicle_container,
.vehicle_2014 #vehicle_container img {
  cursor: auto !important;
}
.features {
  display: none;
}
#vehicle_progress {
  background-color: #000000;
  text-transform: uppercase;
  padding: 10px;
  width: 90px;
  margin: 0 auto;
  opacity: .8;
  /* Standards Compliant Browsers */

  filter: alpha(opacity=80);
  /* IE 7 and Earlier */

  /* Next 2 lines IE8 */

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  z-index: 4;
  top: 130px;
  left: 370px;
  -moz-border-radius: 15px;
  border-radius: 5px;
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#B3000000', endColorstr='#B3000000');
  zoom: 1;
  display: none;
}
#vehicle_progress img {
  float: left;
}
#vehicle_progress p {
  float: right;
  color: #FFFFFF;
  padding-top: 3px;
  font-size: 13px;
}
.stage-wrapper {
  position: relative;
  margin-bottom: 45px;
}
.stage-wrapper .image_disclaimer {
  color: #f8f8f8;
  font-size: 9px;
  position: relative;
  background: #000;
  opacity: .6;
  /* Standards Compliant Browsers */

  filter: alpha(opacity=60);
  /* IE 7 and Earlier */

  /* Next 2 lines IE8 */

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  bottom: 0;
  left: 308px;
  padding: 10px 12px;
  position: absolute;
  width: 334px;
  z-index: 99999;
}
#vehicle_progress {
  position: absolute;
  top: 170px;
  background-color: #000000;
  border-radius: 5px 5px 5px 5px;
  display: none;
  left: 370px;
  margin: 0 auto;
  opacity: 0.8;
  /* For IE8 and earlier */

  opacity: .8;
  /* Standards Compliant Browsers */

  filter: alpha(opacity=80);
  /* IE 7 and Earlier */

  /* Next 2 lines IE8 */

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  padding: 10px;
  text-transform: uppercase;
  width: 90px;
  z-index: 4;
  cursor: pointer;
}
.vehicle_2014 #vehicle_container,
.vehicle_2014 #vehicle_container img {
  position: absolute;
}
.vehicle_2014 #colorizer_swatches img.active-image {
  position: absolute;
  width: 950px;
  height: 396px;
  overflow: hidden;
}
/*colorizer*/
#colorizer_picker {
  background: none repeat scroll 0 0 transparent !important;
  float: left;
  margin-left: 7px;
  margin-top: 8px;
  min-width: 120px;
  padding: 0;
  position: absolute;
  top: -104px;
  right: 22px;
}
#colorizer_picker .swatch {
  background: url("../../../../en/2014/grand_cherokee/images/sprite_colorizer.png") no-repeat scroll 0 0 transparent;
  cursor: pointer;
  float: left;
  height: 44px;
  margin: 10px 3px 0 0;
  position: relative;
  width: 38px;
}
#colorizer_picker .swatch span {
  /*left: -36px;*/

  width: 165px;
  display: none;
  /*position: absolute;
    top: -16px;*/

  color: #333333;
  font-weight: bold;
}
#colorizer_picker .swatch.selected span {
  display: block;
}
#colorizer_picker #r0_c0,
#colorizer_picker #r0_c1,
#colorizer_picker #r0_c2,
#colorizer_picker #r0_c3,
#colorizer_picker #r0_c4,
#colorizer_picker #r0_c5,
#colorizer_picker #r0_c6,
#colorizer_picker #r0_c7,
#colorizer_picker #r0_c8,
#colorizer_picker #r0_c9,
#colorizer_picker #r0_c10 {
  background: url("../../../../en/2014/images/sprite_colorizer_new.png") no-repeat scroll 0 0 transparent;
}
#colorizer_picker #r0_c1 {
  background-position: -40px 0 !important;
}
#colorizer_picker #r0_c2 {
  background-position: -80px 0 !important;
}
#colorizer_picker #r0_c3 {
  background-position: -122px 0 !important;
}
#colorizer_picker #r0_c4 {
  background-position: -162px 0 !important;
}
#colorizer_picker #r0_c5 {
  background-position: -203px 0 !important;
}
#colorizer_picker #r0_c6 {
  background-position: -243px 0 !important;
}
#colorizer_picker #r0_c7 {
  /*background-position: -323px 0 !important;*/
  background-position: -444px 0 !important;
}
#colorizer_picker #r0_c8 {
  background-position: -284px 0 !important;
}
#colorizer_picker #r0_c9 {
  background-position: -364px 0 !important;
}
#colorizer_picker #r0_c10 {
  background-position: -404px 0 !important;
}
#colorizer_picker a {
  display: block;
  color: transparent;
  width: 38px;
  height: 44px;
  cursor: pointer;
  text-indent: 9999px;
  margin-bottom: 5px;
}
#colorizer_picker .selected a,
#colorizer_picker .hovered a {
  background: url('../../../../en/2014/grand_cherokee/images/sprite_colorizer.png') no-repeat -485px 0;
  display: block;
  outline: none;
}
#color_name {
  display: none!important;
}
/*  Modelizer   */
#modelizer_controls {
  background: none repeat scroll 0 0 transparent;
  position: relative;
  float: none;
  margin-left: 0px;
  margin-top: 0px;
  padding-left: 0px;
}
.with-award-tiles #modelizer_controls {
  height: 164px;
}
#controls_wrapper {
  background-color: transparent;
  position: relative;
  /*width: 185px;*/

  height: 164px;
  /*left: -134px;*/

  /*top: -38px;*/

  z-index: 3;
  color: #fff;
  padding: 0px 0 3px 4px;
  text-transform: uppercase;
  filter: none;
}
.v1 #modelizer_picker,
.v3 #modelizer_picker {
  width: 950px;
  text-align: center;
}
.v1 #modelizer_picker ul,
.v3 #modelizer_picker ul {
  margin: auto;
  width: 700px;
}
#modelizer_picker li {
  padding-top: 10px;
  position: relative;
}
.v1 #modelizer_picker li {
  padding-top: 10px;
  height: 140px;
}
.v1 #modelizer_picker li a {
  height: 126px;
  margin-bottom: 9px;
}
.v3 #modelizer_picker li a {
  height: 106px;
  margin-bottom: 9px;
}
#modelizer_picker .model {
  opacity: .3;
}
.ie7 #modelizer_picker .model,
.ie8 #modelizer_picker .model {
  background-color: #ffffff;
  -ms-filter: "progid:DXImageTransform.Microsoft.Chroma(color='white') progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
  /* IE 6,7 is more flexible: it can be on multiple lines. */

  filter: progid:DXImageTransform.Microsoft.Chroma(color='white') progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.ie8 #modelizer_picker .model a,
.ie8 #modelizer_picker .model h3 {
  background-color: #ffffff;
  -ms-filter: "progid:DXImageTransform.Microsoft.Chroma(color='white') progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
  outline: none;
}
.ie8 #modelizer_picker .model.selected a,
.ie8 #modelizer_picker .model.selected h3,
.ie8 #modelizer_picker .model:hover a,
.ie8 #modelizer_picker .model:hover h3 {
  background-color: #ffffff;
  -ms-filter: "progid:DXImageTransform.Microsoft.Chroma(color='white') progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  outline: none;
}
.ie7 #modelizer_picker .model.selected,
.ie7 #modelizer_picker .model:hover {
  background-color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.Chroma(color='white') progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
#modelizer_picker .model.selected,
#modelizer_picker .model:hover {
  opacity: 1;
}
#modelizer_picker .arrow {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -18px;
  border-top: 15px solid #aeaca7;
  border-left: 18px dashed transparent;
  border-right: 18px dashed transparent;
  display: none;
}
#modelizer_picker li.selected .arrow {
  display: block;
}
#modelizer_picker li a {
  display: block;
  height: 105px;
  margin: 0 13px;
  width: 205px;
}
#modelizer_picker h3,
#modelizer_picker p {
  text-align: center;
}
#modelizer_picker h3 {
  color: #000000;
}
#modelizer_picker p {
  font-size: 12px;
  color: #666666;
  font-weight: normal;
}
/*Modelizer vehicle images*/
.v1 #modelizer_picker li > a {
  background-image: url("../../../../en/2014/compass/images/sprite-model-picker.html");
}
.v2 #modelizer_picker li > a {
  background-image: url("../../../../en/2014/grand_cherokee/images/sprite-model-picker.png");
}
.v2 #modelizer_picker li > a#laredo {
  background-position: -15px 0;
}
.v2 #modelizer_picker li > a#limited {
  background-position: -225px 0;
}
.v2 #modelizer_picker li > a#overland {
  background-position: -445px 0;
}
.v2 #modelizer_picker li > a#summit {
  background-position: -655px 0;
}
.v3 #modelizer_picker li > a {
  background-image: url("../../../../en/2014/patriot/images/sprite-model-picker.html");
}
#modelizer_controls .model a {
  position: relative;
  z-index: 1;
}
#modelizer_controls .model h3 {
  height: 24px;
  line-height: 24px;
  position: relative;
  z-index: 2;
  color: #000;
}
/************ ADDED TO FIX THE DOUBLE IMAGE ISSUE ON COLORIZER***********/
#colorizer_swatches {
  min-height: 420px;
}
.selected-arrow {
  height: 20px;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 950px;
}
.selected-arrow .left,
.selected-arrow .right {
  position: absolute;
  width: 100%;
  height: 20px;
  margin-left: -375px;
}
.v1 #vehicle_container.limited .selected-arrow .left,
.v1 #vehicle_container.limited .selected-arrow .right,
.v3 #vehicle_container.limited .selected-arrow .left,
.v3 #vehicle_container.limited .selected-arrow .right {
  margin-left: -245px;
}
.v1 #vehicle_container.sport .selected-arrow .left,
.v1 #vehicle_container.sport .selected-arrow .right,
.v3 #vehicle_container.sport .selected-arrow .left,
.v3 #vehicle_container.sport .selected-arrow .right {
  margin-left: -705px;
}
.v1 #vehicle_container.latitude .selected-arrow .left,
.v1 #vehicle_container.latitude .selected-arrow .right,
.v3 #vehicle_container.latitude .selected-arrow .left,
.v3 #vehicle_container.latitude .selected-arrow .right {
  margin-left: -473px;
}
.v2 #vehicle_container.summit .selected-arrow .left,
.v2 #vehicle_container.summit .selected-arrow .right {
  margin-left: -135px;
}
.v2 #vehicle_container.overland .selected-arrow .left,
.v2 #vehicle_container.overland .selected-arrow .right {
  margin-left: -365px;
}
.v2 #vehicle_container.limited .selected-arrow .left,
.v2 #vehicle_container.limited .selected-arrow .right {
  margin-left: -595px;
}
.v2 #vehicle_container.laredo .selected-arrow .left,
.v2 #vehicle_container.laredo .selected-arrow .right {
  margin-left: -830px;
}
.selected-arrow .left {
  left: -7px;
  background-color: #FFF;
  -webkit-transform: skewX(40deg);
  -moz-transform: skewX(40deg);
  -o-transform: skewX(40deg);
  transform: skewX(40deg);
}
.selected-arrow .right {
  background-color: #FFF;
  left: 957px;
  -webkit-transform: skewX(-40deg);
  -moz-transform: skewX(-40deg);
  -o-transform: skewX(-40deg);
  transform: skewX(-40deg);
}
.ie7 .selected-arrow .left,
.ie8 .selected-arrow .left,
.ie9 .selected-arrow .left {
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0.8390996311772806, M21=0, M22=1, SizingMethod='auto expand');
}
.ie7 .selected-arrow .right,
.ie8 .selected-arrow .right,
.ie9 .selected-arrow .right {
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=-0.8390996311772806, M21=0, M22=1, SizingMethod='auto expand');
}
/* =====================================
   Dashboard and Seat Toggle (Show/Hide)
   ===================================== */
.bkg {
  position: relative;
}
.bkg.swap img,
.seat img {
  display: none;
}
.bkg.swap img.active,
.seat img.active {
  display: block;
}
.seat img.active {
  position: absolute;
  right: 0px;
  top: -200px;
}
/* ==========================================
   Wheel Image Toggle (Opacity and show/hide)
   ========================================== */
.content_right .media.wheel {
  width: 433px;
  margin-left: 55px;
}
.v1 .content_right .media.wheel {
  width: 411px;
  margin-left: 55px;
}
.v3 .content_right .media.wheel {
  margin-left: 55px;
  width: 465px;
}
.wheel_toggle {
  opacity: .4;
  /* Standards Compliant Browsers */

  filter: alpha(opacity=40);
  /* IE 7 and Earlier */

  /* Next 2 lines IE8 */

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  display: block;
  /*width: 185px;*/
  float: left;
  margin-bottom: 5px;
  min-height: 65px;
  height: auto !important;
  height: 65px;
}
.v1 .wheel_toggle,
.v3 .wheel_toggle {
  width: 157px;
}
.wheel_toggle span {
  float: left;
  width: 55px;
  height: 47px;
  margin-right: 10px;
  display: inline;
}
.wheel_toggle.active {
  opacity: 1;
  /* Standards Compliant Browsers */

  filter: alpha(opacity=100);
  /* IE 7 and Earlier */

  /* Next 2 lines IE8 */

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.wheel_toggle span.title {
  float: left;
  font-size: 12px !important;
  line-height: 14px;
  margin-top: 8px;
  width: 120px;
  display: block;
  margin-right: 0;
  height: auto;
  color: #666;
}
.v1 .wheel_toggle p,
.v3 .wheel_toggle p {
  width: 92px;
}
.v1 .wheel_toggle p {
  font-size: 11px !important;
  line-height: 14px !important;
  margin-top: 8px;
}
/* ===========================================
   Engine Image Toggle (Opacity and show/hide)
   =========================================== */
.togglebar {
  padding-top: 7px;
  padding-left: 20px;
  clear: both;
  float: none;
  width: 612px;
  height: 59px;
  position: relative;
  top: 275px;
  left: -135px;
  margin-top: 55px;
  background: url('../../../../en/2014/grand_cherokee/images/feat_engine_bkg.png') no-repeat 0 0 transparent;
  z-index: 25;
}
.v1 .togglebar,
.v3 .togglebar {
  background: url("../../../../en/2014/patriot/images/feat_engine_bkg.html") no-repeat scroll 0 0 transparent;
  clear: both;
  float: none;
  height: 56px;
  left: 50px;
  margin-top: 0;
  padding-left: 20px;
  padding-top: 5px;
  position: relative;
  top: 335px;
  width: 391px;
  z-index: 25;
}
.engine-copy {
  display: none;
}
.engine-copy.active {
  display: block;
}
.engine_toggle {
  opacity: .4;
  /* Standards Compliant Browsers */

  filter: alpha(opacity=40);
  /* IE 7 and Earlier */

  /* Next 2 lines IE8 */

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  /*width: 60px;
    height:60px;*/

  display: block;
  width: 180px;
  float: left;
  margin-right: 18px;
  cursor: pointer;
}
.engine_toggle.active {
  opacity: 1;
  /* Standards Compliant Browsers */

  filter: alpha(opacity=100);
  /* IE 7 and Earlier */

  /* Next 2 lines IE8 */

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.v1 .engine_toggle,
.v3 .engine_toggle {
  width: 175px;
}
.engine_toggle p,
.engine_toggle .engine-desc {
  float: left;
  font-size: 11px !important;
  line-height: 14px !important;
  margin-top: 8px;
  color: #666666;
}
.v3 .engine_toggle p {
  float: left;
  font-size: 12px !important;
  line-height: 14px;
  margin-top: 8px;
}
.ie8 .engine_toggle p span {
  background-color: #F5F5F5;
}
.engine_toggle p span {
  font-weight: bold;
}
h3 sup {
  font-size: 17px;
}
/* ================================================
   Dashboard Cluster Toggle (Opacity and show/hide)
   ================================================ */
#dashboard {
  min-height: 400px;
  height: auto !important;
  height: 400px;
  position: relative;
}
#dashboard .copy {
  position: absolute;
  z-index: 3;
}
#dashboard img.bkg {
  position: absolute;
  z-index: 2;
}
.bkg_toggle {
  opacity: .5;
  /* Standards Compliant Browsers */

  filter: alpha(opacity=50);
  /* IE 7 and Earlier */

  /* Next 2 lines IE8 */

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}
.bkg_toggle.active {
  opacity: 1;
  /* Standards Compliant Browsers */

  filter: alpha(opacity=100);
  /* IE 7 and Earlier */

  /* Next 2 lines IE8 */

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.bkg_toggle#dashboard_01 {
  background: url("../../../../en/2014/images/sprite_buttons.png") no-repeat scroll 0 -225px transparent;
}
.bkg_toggle#dashboard_02 {
  background: url("../../../../en/2014/images/sprite_buttons.png") no-repeat scroll -74px -225px transparent;
}
.bkg_toggle#dashboard_03 {
  background: url("../../../../en/2014/images/sprite_buttons.png") no-repeat scroll -148px -225px transparent;
}
/* ====================================
   jQUERY KWICKS 1.5.1 ACCORDION STYLES
   ==================================== */
ul.four_col,
ul.four_col_sm,
ul.four_col_env,
ul.five_col {
  margin: 0 auto 50px;
  padding: 0;
  list-style: none;
  position: relative;
}
ul.four_col li,
ul.four_col_sm li,
ul.four_col_env li,
ul.five_col li {
  display: block;
  overflow: hidden;
  padding: 0;
  float: left;
  width: 236px;
  height: 365px;
}
.v1 ul.four_col_sm li {
  height: 385px;
}
.v1 ul.four_col_sm li h3 {
  line-height: 33px;
}
ul.five_col li {
  width: 188px;
  height: 380px;
}
.cherokee .int_acc ul.five_col li {
  height: 400px;
}
.accordion img {
  margin-bottom: 10px;
}
.v2 .tile2 .int_acc {
  margin-top: 10px;
}
/* ====================================
   INTERIOR/EXTERIOR ROTATOR STYLES
   ==================================== */
/* =======================
   Interior 360
   ======================= */
.v1 .int360,
.v2 .int360,
.v3 .int360 {
  width: 950px;
  height: 130px;
  display: block;
  box-shadow: 0 5px 5px -2px #888888 inset;
  margin-bottom: 40px;
  position: relative;
}
.v1 .int360 {
  background: url("../../../../en/2014/compass/images/int_360.jpg") no-repeat scroll 0 0 transparent;
}
.v2 .int360 {
  background: url("../../../../en/2014/grand_cherokee/images/int_360.jpg") no-repeat scroll 0 0 transparent;
}
.v3 .int360 {
  background: url("../../../../en/2014/patriot/images/int_360.html") no-repeat scroll 0 0 transparent;
}
.int360 img {
  width: 950px;
}
.close-btn {
  background: url("../../../shared/images/zip_close_btn.html") no-repeat scroll 0 4px transparent;
  color: #FFFFFF;
  font-size: 14px;
  height: 24px;
  /*    position: relative;
        right: -12px;
        top: -12px;*/

  position: absolute;
  top: -12px;
  right: 0px;
  width: 24px;
  cursor: pointer;
  z-index: 999;
  display: none;
}
/* =======================
   EXTERIOR 360
   ======================= */
#interior_360 img,
#overlay_360,
#frames_360,
#frames_360 img {
  width: 950px;
  overflow: hidden !important;
  cursor: url(../../../../en/2014/grand_cherokee/images/grab.png), url(../../../../en/2014/grand_cherokee/images/grab.cur), pointer;
}
/* =======================
   Tile Styles
   ======================= */
.content_tile,
.full_tile,
.content_left,
.content_right {
  margin-bottom: 45px;
  position: relative;
}
.content_tile {
  padding: 0px;
}
.full_tile {
  padding: 0px;
}
.dark_tile .content_left {
  margin-bottom: 20px;
}
/*Tile specific style*/
.tile3 .content_left {
  margin-bottom: 70px;
}
.v1 .tile3 .content_left {
  margin-bottom: 0px;
}
.tile6 .content_right {
  -webkit-box-shadow: 0px 5px 5px -2px #888888 inset;
  -moz-box-shadow: 0px 5px 5px -2px #888888 inset;
  box-shadow: 0px 5px 5px -2px #888888 inset;
  background-color: #e2e2e2;
  padding: 45px 0 25px 0px;
}
/*JEEP SRT8 Styles*/
.v2 .tile6 .content_right {
  background-color: #f5f5f5;
  padding: 45px 0px 25px 0px;
}
.tile6 .content_right .copy {
  margin-top: 0px;
  margin-left: 0px;
  width: 375px;
}
.tile6 .content_right h3 {
  text-align: left !important;
  margin-bottom: 0px !important;
}
.tile6 .content_right a {
  font-size: 14px;
}
.content_tile ul.columns {
  float: left;
  list-style: none outside none;
}
.content_tile ul li {
  float: left;
  margin-left: 30px;
  width: 259px;
}
.content_tile ul img {
  margin-bottom: 20px;
}
.content_tile ul li.first {
  margin-left: 0px;
}
.content_tile ul h3,
.content_tile ul p {
  margin-left: 20px;
}
#wrapper h3.col_head {
  font-size: 21px !important;
  margin: 0 auto !important;
}
.content_tile ul h3 {
  font-size: 18px;
  color: #444444;
  margin-bottom: 20px;
}
.content_tile ul p {
  color: #666666;
  font-size: 14px;
  line-height: 22px;
}
/* ==========================
   Left/Right Content Tile
   ========================== */
.content_left .copy,
.content_right .copy {
  width: 317px;
  float: left;
  margin-top: 50px;
  position: relative;
  z-index: 15;
}
.content_left .copy {
  margin-left: 50px;
  margin-right: 58px;
}
.content_right .copy {
  margin-right: 50px;
  margin-left: 60px;
}
.content_left h3,
.content_right h3 {
  font-size: 24px !important;
  color: #444444;
  margin-bottom: 20px;
}
.content_left p,
.content_right p,
.dark_tile p {
  color: #666666;
  font-size: 14px;
  line-height: 20px;
}
.dark_tile p {
  color: #999999;
}
.dark_tile .content_left .copy {
  width: 320px;
}
.content_left .media,
.content_right .media {
  width: 520px;
  float: left;
  position: relative;
  /*for absolute positioning wrapper*/

}
.content_left .media img {
  float: right;
}
/* ==========================
   Custom Heading styles
   ========================== */
h2.section_heading {
  font: 52px 'Proxima N W01 Light', Arial, Helvetica, sans-serif;
  color: #444444;
  text-align: center;
  padding: 0;
  background: none;
  text-transform: none !important;
}
h2.section_heading span,
.green {
  color: #83b93b;
}
h2.section_subheading,
h2.section_padsubheading {
  font: 30px 'Proxima N W01 Light', Arial, Helvetica, sans-serif;
  color: #444444;
  padding: 0;
  background: none;
  text-transform: none;
  height:33px;
}
h2.section_padsubheading {
  margin-left: 55px;
}
.dark_tile h2.section_subheading {
  color: #ffffff;
}
#wrapper h3 {
  font-family: 'Proxima N W01 Light', Arial, Helvetica, sans-serif;
  font-size: 24px !important;
  /*Overriding vehicle2.css wrapper h3 line 68*/

  color: #444444;
  text-align: center;
  padding: 0;
  background: none;
  text-transform: none !important;
  margin-bottom: 10px;
}
/* ==========================
   Image Replaced Buttons/heading icons
   ========================== */
.btn-pill-round span {
  margin-left: 7px;
}
.vehicle-area h1 {
  font:bold 49px/42px 'Proxima N W01 Light', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-shadow: 2px 2px 2px #555;
}
/* 2014 GC VLP specific css*/
.vehicle-2014 .vehicle-area h1{
margin-top: 1px;
font-size: 46px;
}
/*--*/
.vehicle-area h2 {
  font: italic normal 15px/17px 'Proxima N W01 Bold', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #FFF;
  padding: 0 0 10px 6px;
  margin-top: 17px;
  text-shadow: 2px 2px 2px #111;
}
.v1 .ir.model_title {
  background: url("../../../../en/2014/compass/images/sprite_headings.html") no-repeat scroll 0 0 transparent;
  width: 335px;
  height: 118px !important;
  display: block;
  margin-top: 20px;
}
.v2 .ir.model_title {
  background: url("../../../../en/2014/grand_cherokee/images/sprite_headings.png") no-repeat scroll 0 0 transparent;
  width: 467px;
  height: 118px !important;
  display: block;
  margin-top: 30px;
}
.v3 .ir.model_title {
  background: url("../../../../en/2014/patriot/images/sprite_headings.html") no-repeat scroll 0 0 transparent;
  width: 597px;
  height: 70px !important;
  display: block;
  margin-top: 20px;
}
.ir.availability {
  background: url("../../../../en/2014/images/sprite_buttons.png") no-repeat scroll 0 0 transparent;
  width: 152px;
  height: 24px !important;
  margin-bottom: 18px;
  float: left;
  display: none;
}
.ir.availability-dark {
  background: url("../../../../en/2014/images/sprite_buttons.png") no-repeat scroll 0 -441px transparent;
  width: 152px;
  height: 24px !important;
  margin-bottom: 18px;
  margin-top: 7px;
  float: left;
  display: none;
}
.interior {
  width: 160px;
  font-weight: normal;
}
.details_container .sufu {
  width: 145px;
}
.ir.int_cta {
  background: url("../../../../en/2014/images/sprite_buttons.png") no-repeat scroll 0px -70px transparent;
  width: 266px;
  height: 48px;
  margin: 0 auto;
  display: block;
  position: relative;
  top: 45px;
}
.ir.black,
.ir.brown {
  width: 54px;
  height: 54px;
}
.ir.black {
  background: url("../../../../en/2014/images/sprite_buttons.png") no-repeat scroll 0px -126px transparent;
}
.ir.brown {
  background: url("../../../../en/2014/images/sprite_buttons.png") no-repeat scroll -65px -126px transparent;
}
.ir.mpg_icon {
  background: url("../../../../en/2014/images/sprite_buttons.png") no-repeat scroll 0px -185px transparent;
  width: 100px;
  height: 30px;
  display: block;
}
.ir.range-value {
  background: url("../../../../en/2014/grand_cherokee/images/driving-range.png") no-repeat scroll 0px 0px transparent;
  width: 60px;
  height: 27px;
  display: block;
}
.pin {
  background: url("../../../../en/2014/images/sprite_buttons.png") no-repeat scroll -100px -30px transparent;
  width: 20px;
  height: 25px;
  display: block;
  float: left;
  margin-top: -4px;
  margin-right: 5px;
}
.ir.and {
  background: url("../../../../en/2014/images/sprite_buttons.png") no-repeat scroll -246px -394px transparent;
  width: 11px;
  height: 71px;
  display: block;
  float: left;
}
.ir.wheel1,
.ir.wheel2,
.ir.wheel3,
.ir.wheel4 {
  background: url("../../../../en/2014/images/sprite_buttons.png") no-repeat scroll 0px -330px transparent;
  width: 55px;
  height: 47px;
  display: block;
  float: left;
  margin-right: 10px;
}
/*Compass*/
.v1 .ir.wheel1 {
  background-position: -7px -505px;
}
.v1 .ir.wheel2 {
  background-position: -69px -505px;
}
.v1 .ir.wheel3 {
  background-position: -133px -505px;
}
/*Grand Cherokee*/
.v2 .ir.wheel1 {
  background-position: 0px -330px;
}
.v2 .ir.wheel2 {
  background-position: -125px -330px;
}
.v2 .ir.wheel3 {
  background-position: -62px -330px;
}
.v2 .ir.wheel4 {
  background-position: -189px -330px;
}
/*Patriot*/
.v3 .ir.wheel1 {
  background-position: -69px -560px;
}
.v3 .ir.wheel2 {
  background-position: -7px -560px;
}
.ir.engine1,
.ir.engine2,
.ir.engine3 {
  background: url("../../../../en/2014/images/sprite_buttons.png") no-repeat scroll 0px -386px transparent;
  width: 45px;
  height: 45px;
  display: block;
  float: left;
  margin-right: 5px;
}
/*Compass and Patriot Engines*/
.v1 .ir.engine1,
.v3 .ir.engine1,
.v1 .ir.engine2,
.v3 .ir.engine2 {
  background-position: -190px -386px;
}
/*Grand Cherokee*/
.v2 .ir.engine1 {
  background-position: 0px -386px;
}
.v2 .ir.engine2 {
  background-position: -62px -386px;
}
.v2 .ir.engine3 {
  background-position: -125px -386px;
}
/*Dashboard sprite*/
.ir.bkg_toggle {
  background: url("../../../../en/2014/images/sprite_buttons.png") no-repeat scroll 0 -225px transparent;
  width: 67px;
  height: 50px;
  display: block;
  float: left;
  margin-right: 7px;
}
.ir.badge {
  background: url("../../../../en/2014/images/sprite_buttons.png") no-repeat scroll -187px -125px transparent;
  width: 66px;
  height: 66px;
  margin: -15px 15px 0 0;
  display: block;
  float: left;
}
.ir.auto_show {
  background: url("../../../../en/2014/grand_cherokee/images/award_01.png") no-repeat scroll 0 0 transparent;
  width: 270px;
  height: 75px;
  margin-left: 10px;
  display: block;
  float: left;
}
.ir.fuel-economy {
  background: url("../../../../en/2014/grand_cherokee/images/best-fuel-economy.png") no-repeat 0 0 transparent;
  width: 143px;
  height: 31px;
  display: block;
  float: left;
  margin: 17px 13px 0 0;
}
.ir.driving-range {
  background: url("../../../../en/2014/grand_cherokee/images/best-driving-range.png") no-repeat 0 0 transparent;
  width: 141px;
  height: 29px;
  display: block;
  float: left;
  margin: 17px 13px 0 0;
}
/* ==========================
   Interior Trim Buttons
   ========================== */
.trim_selector {
  display: block;
  float: left;
  left: -10px;
  margin: 15px 0 0;
  padding: 0;
  position: absolute;
  top: 50px;
  width: 160px;
}
.trim_selector li {
  float: left;
  cursor: pointer;
}
.trim_selector li.active {
  font-weight: bold;
}
.trim_selector a {
  float: left;
  height: 52px;
  margin: 0;
  padding: 5px 0 0;
  width: 52px;
  opacity: .5;
  /* Standards Compliant Browsers */

  filter: alpha(opacity=50);
  /* IE 7 and Earlier */

  /* Next 2 lines IE8 */

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}
.trim_selector li.active a {
  opacity: 1;
  /* Standards Compliant Browsers */

  filter: alpha(opacity=100);
  /* IE 7 and Earlier */

  /* Next 2 lines IE8 */

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
.trim_selector li span {
  float: left;
  padding-left: 10px;
  padding-top: 10px;
  width: 90px;
}
/* ==========================
   Speedshape Video Buttons
   ========================== */
.lineup ul,
.videos ul {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  position: relative;
}
.videos li {
  display: block;
  padding: 0;
  float: left;
  margin-right: 17px;
  width: 146px;
  height: 89px;
}
.videos li div {
  margin-top: 15px;
  text-align: center;
}
/* ==========================
   Models Lineup
   ========================== */
.models {
  display: block;
  margin: 0 auto;
  width: 820px;
  margin-bottom: 20px;
}
/*
.vehicle {
  float: left;
  display: block;
  margin: 0 10px;
}
.vehicle {
  opacity: .4;
  filter: alpha(opacity=40);
  
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
}
.vehicle.active {
  opacity: 1;
  filter: alpha(opacity=100);
  
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
*/
.vehicle p {
  text-align: center;
}
.details_container .details,
.details_container .details.active {
  width: 905px;
  height: 450px !important;
  display: none;
  float: left;
}
.details_container .details.active {
  display: block;
}
.details_container #laredo_info,
.details_container #laredox_info,
.details_container #limited_info,
.details_container #summit_info {
  background: url("../../../../en/2014/grand_cherokee/images/FPO_vehicleModel.jpg") no-repeat scroll 0 0 transparent;
  padding-left: 45px;
}
.details_container h2 {
  margin-top: 50px;
}
.details_container .financing {
  width: 318px;
  height: 65px;
  display: block;
  background-color: #ffffff;
  margin-bottom: 25px;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
/* ==========================
   MSRP/LEASE/FINANCE INFO BLOCK
   ========================== */
.intro .financing {
  padding-top: 15px;
}
#pricing_incentives .pricing {
  margin-right: 50px;
}
#pricing_incentives .mpg {
  /*border-left: 1px solid #dddddd;*/

  padding-left: 25px;
  width: 100px;
  margin-right: 20px;
}
#pricing_incentives .and {
  margin-right: 0px;
}
/*.v2 #pricing_incentives .and{
    margin-right: 25px;
}*/
/*.v1 #pricing_incentives .mpg,
.v2 #pricing_incentives .mpg,
.v3 #pricing_incentives .mpg {
    border-left: 0;
    margin-right: 5px;
}*/
.range p,
.mpg p {
  font-size: 9px;
  clear: both;
}
.range {
  /*border-left: 1px solid #CCC;*/

  padding: 5px 20px;
  height: 59px;
  overflow: hidden;
}
#pricing_incentives .range .ir {
  background-position: 0 -30px;
  width: 67px;
}
.v2 #pricing_incentives .range .ir {
  background-position: 0 0;
  width: 67px;
}
#pricing_incentives .offers {
  float: right;
}
.financing div {
  float: left;
  font-size: 30px;
  margin-left: 15px;
}
.financing p.pin {
  clear: both;
}
.pricing div {
  float: left;
  font-size: 38px;
  margin-left: 15px;
}
.financing span,
.pricing span {
  text-transform: uppercase;
  font-size: 9px;
  display: block;
  margin-bottom: -5px;
}
.financing span.sup,
.financing span.supright,
.pricing span.sup,
.pricing span.supright {
  font-size: 18px;
  float: left;
  line-height: 30px;
}
.financing span.supright,
.pricing span.supright {
  float: right;
}
.pricing {
  color: #222222;
}
.pricing .financing,
.pricing .msrp {
  margin-left: 0;
}
.pricing p,
.pricing a {
  color: #4E4E4E;
  font-size: 9px;
  margin-top: 18px;
}
.pricing a {
  font-weight: bold;
  font-decoration: underline;
}
/* ==========================
   Why buys
   ========================== */
.details_container .features {
  margin-bottom: 25px;
  width: 320px;
}
.details_container .features li {
  float: none;
  font-weight: bold;
  width: 260px;
  list-style: disc outside none !important;
  margin-bottom: 5px;
}
/* ==========================
   Next Steps CTAs
   ========================== */
.next_steps {
  box-shadow: none;
  margin-bottom: 45px;
  padding-top: 30px;
}
.v1 .next_steps,
.v3 .next_steps {
  box-shadow: none;
  width: 480px;
  margin: 0 auto 45px auto;
  padding-top: 30px;
}
/*Repositioning the inset box shadow from the next steps module to full-width tile*/
.v1 .tile6,
.v3 .tile6 {
  box-shadow: 0 8px 20px -20px #000000 inset;
}
#steps {
  overflow: hidden;
  margin: auto;
  text-align: center;
}
.steps{
	width:100%;
}
#steps .step.first {
  *margin-left: 120px;
}
.step {
  display: inline-block;
  width: 19%;
  padding: 0 25px;
  border-right: 1px solid #d4d4d4;
  text-align: center;
  min-height: 255px;
  height: auto !important;
  /*height: 235px;*/
  
  *float: left;
  
}
.step.last {
  border-right: none;
}
#wrapper .step h3{
	font-size: 19px !important;
}
.step p {
  text-align: center;
  margin-bottom: 15px;
  min-height:55px;
}
.step a {
  font-weight: bold;
  color: #ffb302;
}
.tile3 > .content_right > .copy {
  margin-top: 0px;
}
.v1 .copy.st2 p {
  width: 290px !important;
}
.v2 .copy.st2 p {
  width: 330px !important;
}
.v3 .copy.st2 p {
  width: 290px !important;
}
#engine-1 {
  margin-top: 16px;
}
#footer-links .wrap ul.last li,
#footer-links .wrap ul.last li a {
  *line-height: 1.3;
}
#modelizer_picker .model {
  *text-align: center;
}
#horsepwr .heading {
  color: #212221;
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
}
#horsepwr .val {
  font-family: Arial, sans-serif;
  font-size: 30px;
  color: #212221;
  line-height: normal;
  font-weight: bold;
}
#horsepwr .val span {
  font-size: 22px;
}
#horsepwr .disclaimer {
  color: #212221;
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
}
/* ==================================
   Absolute positioning for tile imgs
   ================================== */
.tile3 .content_left,
.tile4 .content_left {
  min-height: 400px;
  height: auto !important;
  height: 400px;
}
.tile3 .media img.abpos {
  position: absolute;
  right: -5px;
  top: -175px;
}
.tile4 .media.engine img.abpos {
  position: absolute;
  right: 50px;
  top: -125px;
}
.tile4 .media.dial img.abpos {
  position: absolute;
  right: -20px;
  top: 0px;
}
.tile5 .media.blind img.abpos {
  position: absolute;
  right: 0;
  top: -85px;
}
.tile5 .content_left {
  min-height: 315px;
  height: auto !important;
  height: 315px;
}
.v2 .tile5 .content_left {
  margin-bottom: 25px;
}
.tile5 .media.mirror img {
  margin-left: 55px;
}
.v2 .tile6 .media img.abpos {
  position: relative;
  top: 50px;
  left: 80px;
}
img.wifi {
  float: right;
}
/* ==================================
   Exterior 360 style HEADINGS
   ================================== */
.ext360wrapper h2,
.ext360wrapper p {
  margin-left: 55px;
}
.ext360wrapper h2 {
  margin-bottom: 0px;
  margin-top: 36px;
}
/* ==================================
   DARK TILE
   ================================== */
.dark_tile {
  background-color: #202020;
}
.dark_tile .content_right .copy {
  margin-left: 585px;
}
/*  Social Media    */
#socialLinks {
  bottom: 3px;
  position: absolute;
  right: 0;
  width: 75px;
  z-index: 100;
}
#like_facebook {
  margin-bottom: 7px;
  float: right;
  width: 43px;
  overflow: hidden;
}
#tweet_twitter {
  float: right;
}
#socialLinks {
  display: none;
}
/*Modelizer/colorizer info box*/
.veh_info {
  position: absolute;
  top: 35px;
  left: 35px;
}
#veh_name {
  margin-bottom: 10px;
  text-transform: capitalize;
}
#vehicle_msrp {
  float: left;
  padding-left: 15px;
  padding-top: 15px;
  width: 125px;
}
#vehicle_msrp span.copy {
  display: block;
  font-size: 9px;
  margin-bottom: -5px;
  text-transform: uppercase;
}
#vehicle_msrp span.sup {
  float: left;
  font-size: 18px;
  line-height: 30px;
}
#vehicle_msrp span.MSRP {
  font-size: 30px;
  float: left;
}
#ModelMSRP_get .MSRP {
  display: none;
}
#ModelMSRP_get .active-MSRP {
  display: block;
}
/*Model Highlights*/
#ModelFeatures,
.with-award-tiles #ModelFeatures {
  cursor: default;
  float: none;
  margin-top: 0px;
  position: relative;
  z-index: 99;
  font-weight: bold;
}
#ModelFeatures p,
#ModelFeatures li {
  color: #000000;
  line-height: 14px;
}
#ModelFeatures .active-features {
  display: block;
  left: 0px;
  bottom: auto;
  top: 0px;
  padding: 0px;
  position: relative;
  background: none;
}
#ModelFeatures li {
  color: #444444;
  font-size: 11px;
  margin: 0 15px 0px 0px;
  list-style: disc outside none;
}
#ModelFeatures ul.features {
  width: 280px;
}
#ModelFeatures ul.features li:first-child {
  font-weight: bold;
  list-style: none;
  color: #000;
}
.v1 #features-sport_4x2 li,
.v1 #features-sport_4x4 li {
  color: #444444 !important;
  list-style: disc outside none !important;
}
/*Transmission toggle*/
.drivetrain_wrapper {
  background: url("../../../../en/2014/images/drivetrain_toggle.png") no-repeat scroll 0 0 transparent;
  display: block;
  width: 203px;
  height: 71px;
  margin-bottom: 25px;
}
.drivetrain_toggle {
  float: left;
  display: block;
  width: 52px;
  height: 68px;
}
.drivetrain_toggle div,
.drivetrain_toggle a {
  font-family: 'Proxima N W01 Bold', Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #666666;
  text-align: center;
  width: 52px;
  display: block;
  padding-bottom: 4px;
  padding-top: 8px;
  cursor: pointer;
  opacity: .4;
  /* Standards Compliant Browsers */

}
.ie7 .drivetrain_toggle div,
.ie7 .drivetrain_toggle a,
.ie8 .drivetrain_toggle div,
.ie8 .drivetrain_toggle a {
  opacity: .4;
  /* Standards Compliant Browsers */

  background: #ffffff;
  filter: progid:DXImageTransform.Microsoft.Chroma(color="#ffffff") progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
}
.drivetrain_toggle div.active,
.drivetrain_toggle a.active {
  opacity: 1;
  /* Standards Compliant Browsers */

}
.ie7 .drivetrain_toggle div.active,
.ie8 .drivetrain_toggle div.active,
.ie7 .drivetrain_toggle a.active .ie8 .drivetrain_toggle a.active {
  opacity: 1;
  /* Standards Compliant Browsers */

  background: #ffffff;
  filter: progid:DXImageTransform.Microsoft.Chroma(color="#ffffff") progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
/* Back to Top Tab*/
#ext_controls {
  background-color: #444444;
  color: #8a8a8a;
  top: 25%;
  right: 0;
  display: none;
  height: 55px;
  position: fixed;
  z-index: 25;
  width: 55px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  padding-top: 15px;
}
#ext_controls a.top {
  color: #8f8f8f;
  background-image: none;
  display: block !important;
  margin: 0 auto !important;
  padding: 0;
  position: relative;
  right: 0;
  top: 0;
  text-align: center;
}
#ext_controls a.top:hover {
  color: #fff;
}
#ext_controls a.top span {
  background: url("../../../../en/2014/images/sprite_buttons.png") no-repeat scroll -130px -30px transparent;
  width: 28px;
  height: 16px;
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
}
.dark_tile .media {
  width: 520px;
}
.video-thumbnail {
  clear: both;
  display: none;
}
.video-thumbnail a {
  display: inline;
  float: left;
  margin-right: 10px;
  width: 150px;
}
.video-thumbnail .video-description {
  color: #666;
  margin-top: 20px;
  width: 125px;
  font-size: 14px;
}
.ecodiesel .copy {
  margin-top: -12px;
}
.ecodiesel .copy img {
  margin-bottom: 40px;
}
.ecodiesel #engine-2.copy,
.ecodiesel #engine-0.copy {
  margin-top: 16px !important;
}
.ecodiesel .engine-copy sup.tooltip.img_tooltip {
  position: absolute;
  left: 497px;
  top: 197px;
}
.wheels .copy {
  width: 375px;
  margin-right: 0px;
}
.luxury .copy {
  margin-left: 20px;
  margin-top: 100px !important;
}
.transmission {
  margin-bottom: 0px;
}
.transmission .media {
  width: 500px;
  margin-top: -40px;
}
.transmission .media img {
  margin-left: 60px;
}
.transmission .copy {
  width: 340px;
  margin-left: 30px;
  margin-top: 110px;
}
.transmission .availability {
  margin: 20px 20px 0 0;
}
.selecterrain .copy {
  width: 500px;
  margin-top: 0;
}
.selecterrain .copy p {
  width: 320px;
}
.selecterrain .media {
  width: 325px;
  margin-top: -70px;
}
#vehicle-capability .green {
  color: #4d8e2e;
}
#ModelFeatures .active-features {
  filter: none;
}
body h2 {
  background: none;
}
/* ==================================
   Sub-navigation links (Year toggle)
   ================================== */
#secondary-nav li.vhp a {
  background: url("../../../../en/2014/images/sprite_nav.png") no-repeat scroll 0px 0px transparent;
  display: block;
  float: left;
  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
  font-weight: normal;
  height: 34px;
  line-height: 34px;
  /*margin-right: 10px;*/

  padding: 0 0 0 5px;
  text-shadow: 0 1px 3px #FFFFFF;
}

#secondary-nav > ul > li > a {
  color: #EEEEEE;
  display: block;
  font-size: 11px;
  height: 23px;
  padding: 10px 10px 0;
  text-transform: uppercase;
  word-spacing: 0.12em;
  line-height: 13px;
}
#secondary-nav li.vhp a.ys-2012-off,
#secondary-nav li.vhp a.ys-2012-on {
  margin-right: 0px;
  padding-left: 8px;
  width: 39px;
  height: 34px;
}
#secondary-nav li.vhp a.ys-2013-off,
#secondary-nav li.vhp a.ys-2013-on {
  margin-right: 0px;
  padding-left: 8px;
  width: 39px;
  height: 34px;
}
#secondary-nav li.vhp a.ys-2014-on {
  margin-right: 0px;
  padding-left: 3px;
  width: 36px;
  height: 34px;
}
#secondary-nav li.vhp a.ys-2012-off {
  background: url("../../../../en/2014/images/sprite_nav.png") no-repeat scroll -120px -89px transparent;
}
#secondary-nav li.vhp a.ys-2013-off {
  background: url("../../../../en/2014/images/sprite_nav.png") no-repeat scroll -120px -48px transparent;
}
#secondary-nav li.vhp a.ys-2014-on {
  background: url("../../../../en/2014/images/sprite_nav.png") no-repeat scroll 0px -89px transparent;
}

.cherokee #secondary-nav li.vhp a.ys-2014-off,
.cherokee-2014 #secondary-nav li.vhp a.ys-2014-off {
  background: url("../../../img/header_new/sprite_nav.png") no-repeat scroll -442px -790px transparent
}

.cherokee.vlp-home .storage .columns p ,
.cherokee.vlp-home #vehicle-safety-security .columns p {
	*min-height:140px;
}
.cherokee.vlp-home #secondary-nav .photos-videos,
.cherokee-2014.gallery #secondary-nav .vlp {
  display: none;
}
/* ==========================================================================
   Sub nav styles for VLP pages
   ========================================================================== */
#secondary-nav {
  z-index: 100;
  margin-left: -475px;
}
#vehicle_feature_menus {
  width: 100%;
  background-color: #eee;
  background: transparent url(../../../img/header_new/sprite_nav.png) repeat-x left -1014px;
  border-top: 1px #101010 solid;
  height: 34px;
  position: fixed;
  left: 0;
  z-index: 100;
}
.btn-pill-round {
  color: #2c2c2c;
  display: inline-block;
  border: 0;
  outline: none;
  cursor: pointer;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  font: bold 11px 'Montserrat', Arial, Helvetica, sans-serif;
  padding: 6px 10px;
  text-shadow: 0 1px 1px #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  /*behavior: url(/shared/libs/css3pie/PIE.htc);*/

}
a.btn-pill-round:hover {
  color: #2c2c2c;
}
.btn-pill-round.first {
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.btn-pill-round.disabled {
  opacity: .5;
  filter: alpha(opacity=50);
  cursor: default;
}
.btn-pill-round span {
  
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: middle;
  zoom: 1;
  *display: inline;
  
  width: 7px;
  height: 9px;
  border-left: 8px solid #000;
  border-top: 4px dashed transparent;
  border-bottom: 4px dashed transparent;
  width: 0;
  height: 0;
}
.color-gray {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0d0d0', endColorstr='#a2a2a2');
  background: -webkit-gradient(linear, left top, left bottom, from(#d0d0d0), to(#a2a2a2));
  background: -moz-linear-gradient(top, #d0d0d0, #a2a2a2);
}
.color-gold {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc03', endColorstr='#ff9f02');
  background: -webkit-gradient(linear, left top, left bottom, from(#ffcc03), to(#ff9f02));
  background: -moz-linear-gradient(top, #ffcc03, #ff9f02);
}
/* ==========================================================================
   END Author's custom styles
   ========================================================================== */
input {
  display: block;
}
/*THIS HAS BEEN COMMENTED OUT DUE TO WRECKING JEEP GLOBAL FOOTER*/
/*li {
    display: inline-block;
    margin: 0 5px;
}*/
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Standard 5px rounded corners
 */
.rounded {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
}
/*
 * Image replacement
 */
.ir,
.ir_heading {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */

  *text-indent: -9999px;
}
.ir_heading {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
}
.ir:before,
.ir_heading:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
  display: none !important;
  visibility: hidden;
}
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
  visibility: hidden;
}
/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.clearfix:after {
  clear: both;
}
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom: 1;
}
/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  /* Style adjustments for high resolution devices */
}
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
  
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
         * Don't show links for images, or javascript/internal links
         */
  .ir a:after,
  .ir_heading a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page  {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
/* CHEROKEE OVERRIDES */
/* ----------------------------------------------------------------------------- *\
   HERO
\* ----------------------------------------------------------------------------- */
#bg-overlay-container {
  position: absolute;
  overflow: hidden;
  top: 0;
  width: 100%;
  height: 100%;
}
#bg-overlay {
  background: url("../../../../en/2014/cherokee/images/bg-limited.jpg") no-repeat;
  position: absolute;
  width: 1900px;
  height: 552px;
  left: 50%;
  top: 100px;
  margin-left: -950px;
  display: none;
}
/* IPAD only*/
@media all and (device-width: 768px) and (device-height: 1024px) {
	body{
		overflow:hidden;
	}
}
.vehicle-area {
  margin-left: 30px;
}
#detail-tabs {
  width: 240px;
  height: 40px;
  margin-top: 10px;
}
#detail-tabs li {
  float: left;
  text-align: center;
  font-family: 'Proxima N W01 Light';
  font-size: 16px;
}
#detail-tabs li a {
  font-family: 'Proxima N W01 Light';
  display: block;
  color: #999;
  width: 120px;
  height: 28px;
  padding-top: 12px;
  background-color: rgba(51, 51, 51, 0.9);

}
.ie7 #detail-tabs li a,
.ie8 #detail-tabs li a {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#95000000,endColorstr=#9F000000)''
  zoom: 1;
}
#detail-tabs li a#tab-left {
  -webkit-border-radius: 6px 0 0 0;
  -moz-border-radius: 6px 0 0 0;
  border-radius: 6px 0 0 0;
}
#detail-tabs li a#tab-right {
  -webkit-border-radius: 0 6px 0 0;
  -moz-border-radius: 0 6px 0 0;
  border-radius: 0 6px 0 0;
}
#detail-tabs li a.active,
#detail-tabs li a.active:hover {
  color: #fff;
  background-color: rgba(33, 33, 33, 0.9);
}
#detail-tabs li a:hover {
  color: #ffb302;
  background-color: rgba(0, 0, 0, 0.9);
}
.ie7 #detail-tabs li a:hover,
.ie8 #detail-tabs li a:hover {
  background: #000;
  zoom: 1;
}
#detail-tabs li sup {
  vertical-align: text-top;
}
.ie7 #vehicle_info .detail_box,
.ie8 #vehicle_info .detail_box,
.ie7 #detail-tabs li a.active,
.ie7 #detail-tabs li a.active:hover,
.ie8 #detail-tabs li a.active,
.ie8 #detail-tabs li a.active:hover {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CF000000,endColorstr=#CF000000);
  zoom: 1;
}
[data-tab="right"] {
  display: none;
}
#vehicle_info .cta_next_steps {
  color: #ffb302;
  font-weight: bold;
  font-size: 12px;
  display: block;
  text-transform: uppercase;
  margin: 10px 0 2px;
}
#vehicle_info .cta_next_steps span {
  background: url("../../../shared/images/vehicles/arrow-right.html") no-repeat scroll 40% 50% transparent;
  display: inline-block;
  height: 8px;
  margin-left: 10px;
  width: 6px;
}
#btn-sufu-top {
  font-size: 12px;
  font-weight: bold;
}
.ie7 #btn-sufu-top span {
  height: 12px;
  background-position: -913px 0px;
}
body.cherokee {
  background-image: url("../../../../en/2014/cherokee/images/bg-trailhawk.jpg");
  background-position: 50% 100px;
  background-repeat: no-repeat;
}
.cherokee #vehicle-models {
  margin-top: 30px;
}
.cherokee #vehicle_info .detail_box {
  top: 0;
  width: 200px;
  padding: 20px;
  background-color: #000;
  background-color: rgba(33, 33, 33, 0.9);
  margin-top: 0;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}

.ie8.cherokee #vehicle_info .detail_box {
  background: none transparent scroll repeat 0% 0%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CF000000,endColorstr=#CF000000);
  zoom: 1;
}
.ie7.cherokee #vehicle_info .detail_box {
  background: none transparent scroll repeat 0% 0%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CF000000,endColorstr=#CF000000);
  zoom: 1; 
}

.cherokee #vehicle_info .detail_box p {
  color: #FFF;

  font-size: 15px;
  line-height: 24px;
}
.cherokee .int360 {
  width: 950px;
  height: 130px;
  display: block;
  box-shadow: 0 5px 5px -2px #888888 inset;
  margin-bottom: 40px;
  position: relative;
  background-image: url("../../../../en/2014/cherokee/images/int_360.jpg");
}
.cherokee #modelizer_picker li > a {
  height: 120px;
  background-image: url("../../../../en/2014/cherokee/images/sprite-model-picker.png");
}
.cherokee #modelizer_picker li > a#sport {
  background-position: 0px 5px;
}
.cherokee #modelizer_picker li > a#limited {
  background-position: -630px 5px;
}
.cherokee #modelizer_picker li > a#longitude {
  background-position: -210px 5px;
}
.cherokee #modelizer_picker li > a#trailhawk {
  background-position: -420px 5px;
}
.cherokee #colorizer_swatches {
  min-height: 415px;
  height: 415px;
}
.cherokee #colorizer_swatches img {
  position: absolute;
  top: 20px;
  right: 20px;
}
.cherokee .modelizer.no-prices .drivetrain_wrapper {
  display: none;
}
.cherokee #vehicle_container {
  background: url(../cherokee/images/modelizer-bg.html) no-repeat 0 0;
}
.cherokee #vehicle_container.sport .selected-arrow .left,
.cherokee #vehicle_container.sport .selected-arrow .right {
  margin-left: -805px;
}
.cherokee #vehicle_container.longitude .selected-arrow .left,
.cherokee #vehicle_container.longitude .selected-arrow .right {
  margin-left: -575px;
}
.cherokee #vehicle_container.trailhawk .selected-arrow .left,
.cherokee #vehicle_container.trailhawk .selected-arrow .right {
  margin-left: -345px;
}
.cherokee #vehicle_container.limited .selected-arrow .left,
.cherokee #vehicle_container.limited .selected-arrow .right {
  margin-left: -115px;
}
.cherokee #ModelFeatures .features h2 {
  font: normal bold 12px/19px Arial, sans-serif;
  color: #000;
  margin: 0;
  padding: 0;
}
.cherokee #ModelFeatures .features ul {
  margin: 0 0 015px 15px;
  padding: 0;
}
.cherokee #ModelFeatures .features li {
  font: normal bold 12px/19px Arial, sans-serif;
  color: #444;
}
.module-disclaimer {
  position: absolute;
  top: 0;
  right: 0;
  color: #FFF;
  font: normal normal 10px/11px Helvetica, Arial, sans-serif;
}
.off-road .module-disclaimer {
  color: #666;
  top: 535px;
  right: 10px;
}
.selec-terrain .bkg .module-disclaimer {
  color: #CCC;
  top: 330px;
  right: 10px;
  left: auto;
}
.vehicle-area .module-disclaimer {
  top: 430px;
  right: 30px;
  color: #000;
  text-shadow: 0px 0px 6px #FFF;
  font-weight: bold;
}
#vehicle_container .module-disclaimer {
  top: 375px;
  right: 10px;
  color: #777;
}
#vehicle-interior .bkg .module-disclaimer {
  color: #CCC;
  top: 10px;
  right: 10px;
  left: auto;
}
#vehicle-safety-security .bkg .module-disclaimer {
  color: #CCC;
  top: auto;
  bottom: 10px;
  right: 10px;
  left: auto;
}
.bkg .module-disclaimer {
  right: auto;
  left: 10px;
  top: 275px;
}
#storage .module-disclaimer {
  top: auto;
  bottom: 5px;
  left: 5px;
  z-index: 1;
  font-size: 10px;
}
#sunroof .module-disclaimer {
  top: auto;
  bottom: 5px;
  right: 5px;
  left: auto;
  z-index: 1;
  font-size: 10px;
}
.media .module-disclaimer {
  top: 300px;
  right: 160px;
  z-index: 1;
  color: #FFF;
}
.luxury .media .module-disclaimer {
  top: 410px;
  right: 50px;
  font: normal normal 11px/14px Arial, sans-serif;
  color: #777;
}
.columns li .module-disclaimer {
  top: 205px;
  right: 8px;
  font: normal normal 10px/12px Arial, sans-serif;
  color: #FFF;
}
.tile6 .columns li .module-disclaimer {
  top: 220px;
}
.ext360wrapper .module-disclaimer {
  top: 70px;
  color: #AAA;
  right: 10px;
}
.int360 .module-disclaimer {
  bottom: 5px;
  top: auto;
  right: 5px;
}
#evolution .media .module-disclaimer {
  top: 655px;
  left: auto;
  right: 10px;
  width: auto;
  white-space: nowrap;
  color: #777;
}
#wrapper .columns {
  width: 950px;
  text-align: center;
  margin: 0;
  padding: 0;
  float: none;
}
#wrapper .columns li {
  width: 261px;
  
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  
  float: none;
  margin: 0 15px;
}
#wrapper .columns p {
  text-align: left;
  padding: 5px 15px;
  font-size: 14px;
}
#vehicle-interior .content_left {
  height: 400px;
}
.cherokee #wrapper #evolution .media {
  position: absolute;
  top: -299px;
  right: 0;
}
.cherokee #wrapper #evolution .media img {
  display: none;
}
.cherokee #wrapper #evolution .media img.active {
  display: block;
}
.cherokee #wrapper #evolution .content {
  height: 400px;
}
.cherokee #wrapper #evolution .blurb {
  width: 280px;
  margin: 30px 0 0 30px;
}
.cherokee #wrapper #evolution .flip-trigger {
  display: block;
  position: absolute;
  top: 680px;
  left: 270px;
  font: normal bold 14px/14px 'Proxima N W01 Light', Arial, sans-serif;
  color: #333;
}
.cherokee #wrapper #evolution .flip-trigger i {
  display: block;
  width: 70px;
  height: 30px;
  background: url(../../../../en/2014/images/sprite_buttons.png) no-repeat 0 -627px;
}
#sunroof {
  position: relative;
  min-height: 550px;
  height: 550px;
  margin-bottom: 70px;
}
#sunroof img {
  position: absolute;
  top: 0;
  left: 0;
  width: 950px;
  height: 550px;
  z-index: 1;
}
#sunroof .copy {
  position: relative;
  z-index: 2;
  width: 280px;
}
#sunroof .copy p {
  line-height: 23px;
}
#storage {
  position: relative;
  min-height: 540px;
  height: 540px;
  margin-bottom: 45px;
}
#storage img {
  position: absolute;
  top: 0;
  left: 0;
  width: 680px;
  height: 500px;
  z-index: 1;
}
#storage .copy {
  position: relative;
  z-index: 2;
  width: 347px;
}
#storage .copy p {
  line-height: 23px;
}
.cherokee #wrapper .engine_toggle {
  width: 170px;
}
.cherokee #wrapper .engine_toggle .engine-desc {
  margin-top: 0;
  width: 120px;
}
.cherokee #wrapper #colorizer_picker .swatch {
  background-image: url(../../../../en/2014/cherokee/images/sprite_colorizer.png);
}
.cherokee #wrapper #colorizer_picker .colour-1 {
  background-position: 0 0;
}
.cherokee #wrapper #colorizer_picker .brilliant-black {
  background-position: -2px 0;
}
.cherokee #wrapper #colorizer_picker .deep-cherry-red {
  background-position: -41px 0;
}
.cherokee #wrapper #colorizer_picker .bright-white {
  background-position: -79px 0;
}
.cherokee #wrapper #colorizer_picker .true-blue {
  background-position: -118px 0;
}
.cherokee #wrapper #colorizer_picker .anvil {
  background-position: -157px 0;
}
.cherokee #wrapper #colorizer_picker .billet-silver {
  background-position: -196px 0;
}
.cherokee #wrapper #colorizer_picker .granite {
  background-position: -235px 0;
}
.cherokee #wrapper #colorizer_picker .eco-green {
  background-position: -274px 0;
}
.cherokee #wrapper #colorizer_picker .cashmere {
  background-position: -313px 0;
}
.cherokee #wrapper #colorizer_picker .mango-tango {
  background-position: -352px 0;
}
.cherokee #wrapper .ir.auto_show {
  background-image: url(../cherokee/images/autoshow-promo.html);
}
.cherokee #wrapper #pricing_incentives .incentive {
  margin-right: 20px;
  color: #212221;
  width: 150px;
  font-weight: normal;
}
.cherokee #wrapper #pricing_incentives .incentive.horses {
  width: 330px;
}
.cherokee #wrapper #pricing_incentives .incentive .val {
  line-height: 30px;
  font-size: 30px;
  font-family: Arial, sans-serif;
  float: left;
}
.cherokee #wrapper #pricing_incentives .incentive p {
  margin: 0;
  padding: 0;
}
.cherokee #wrapper .engines {
  margin-top: -50px;
  position: relative;
  z-index: 10;
}
.cherokee #wrapper .engines .media {
  margin-top: -420px;
  width: 950px;
}
.cherokee #wrapper .engines .content_left .engine-copy {
  margin-top: 80px !important;
}
.cherokee #wrapper #steps {
  background: #f5f5f5 url(../cherokee/images/bottom-promo-bg.html) 0 0 repeat-x;
  padding-top: 20px;
}
.cherokee #wrapper #steps .step {
  vertical-align: top;
  min-height: auto;
  margin: 25px 0;
  padding: 25px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: middle;
  zoom: 1;
  *display: inline;
  float: none;
}
.cherokee #wrapper #steps .step h3 {
  font-size: 20px !important;
  font-weight: bold;
  margin-bottom: 0;
}
.cherokee #wrapper .bkg_toggle {
  background: none;
  width: auto;
  height: auto;
  display: inline;
  float: left;
  margin-right: 20px;
  font-size: 12px;
  color: #FFF;
  text-align: center;
  width: 64px;
}
.cherokee #wrapper .bkg_toggle img {
  border: 2px solid #FFF;
  position: static;
  border-radius: 4px;
  width: 60px;
  height: 40px;
  display: block;
  margin: 0;
  margin-bottom: 10px;
}
.cherokee #wrapper .togglebar {
  width: auto;
  border-radius: 30px 30px;
  height: 53px;
  padding-top: 7px;
  border: 1px solid #CCC;
  background: #eeeeee none no-repeat;
  top: 0;
  left: 0;
  margin: 0;
  float: right;
  margin: 10px 60px 0 0;
}
.cherokee #wrapper .section {
  margin-bottom: 50px;
}
.cherokee #wrapper .section h2 {
  font: normal normal 52px/52px 'Proxima N W01 Light', Arial, Helvetica, sans-serif;
  color: #444444;
  text-align: center;
  padding: 0;
  background: none;
  text-transform: none !important;
}
.cherokee #wrapper .section h3 {
  text-align: left;
  font: normal normal 38px/45px 'Proxima N W01 Light', Arial, sans-serif;
  font-size: 38px !important;
}
.cherokee #wrapper .section .int_acc h3 {
  text-align: center;
}
.cherokee #wrapper .section #sunroof h3,
.cherokee #wrapper .section #storage h3 {
  color: #FFF;
}
.cherokee #wrapper .section h4 {
  font: normal normal 22px/28px 'Proxima N W01 Light', Arial, sans-serif;
  color: #444;
  text-align: center;
}
.cherokee #wrapper .section .columns h4 {
  margin-bottom: 10px;
}
.cherokee #wrapper .section .header {
  position: relative;
  z-index: 1;
}
.cherokee #wrapper .section .content {
  position: relative;
  z-index: 2;
}
.cherokee #wrapper .section .blurb,
.cherokee #wrapper .section .media {
  float: left;
}
.cherokee #wrapper .section.capability .off-road {
  height: 587px;
  margin-top: -150px;
}
.cherokee #wrapper .section.capability .four-wd {
  margin-top: 0px;
  overflow: hidden;
}
.cherokee #wrapper .section.capability .engines .eco-diesel {
  margin-bottom: 0;
}
.cherokee #wrapper .section.capability .four-wd .blurb {
  margin-top: 140px;
}
.cherokee #wrapper .section.capability .blurb {
  margin-left: 50px;
  margin-top: 100px;
  width: 320px;
  z-index: 10;
  position: relative;
}
.cherokee #wrapper .section.capability .product {
  position: absolute;
  top: 0;
  right: 0;
}
.cherokee #wrapper .section.selec-terrain .knob {
  position: relative;
  z-index: 1;
}
.cherokee #wrapper .section.selec-terrain .knob img {
  margin-top: -16px;
  margin-left: -10px;
}
.cherokee #wrapper .section.selec-terrain .knob .blurb {
  width: 320px;
  float: right;
  margin: 40px 100px 0 0 ;
}
.cherokee #wrapper .section#vehicle-safety-security .park {
  position: relative;
  z-index: 1;
}
.cherokee #wrapper .section#vehicle-safety-security .park img {
  margin-top: -505px;
  margin-left: -1px;
}
.cherokee #wrapper .section#vehicle-safety-security .park .blurb {
  width: 340px;
  float: right;
  margin: 40px 60px 0 0 ;
}
.cherokee #wrapper .section .columns h3 {
  margin-left: 0;
  text-align: center;
}
.cherokee #wrapper .section .columns li {
  position: relative;
}
.cherokee #wrapper #content {
  padding-top: 29px !important;
}
.cherokee #wrapper .vehicle-area {
  padding: 0 0px;
  width: 950px;
  height: 570px;
  position: relative;
}
.cherokee #wrapper .vehicle-area h1 {
  font-weight: normal;
  text-transform: none;
  width: 550px;
  font-family: "Proxima N W01 Light";
  font-style: italic;
  font-size: 52px;
  text-shadow: 0 1px 1px #000;
  line-height: 54px;
  margin-top: 20px;
}
.cherokee #wrapper .vehicle-area h2 {
  margin-top: 5px;
  font-size: 15px;
  line-height: 18px;
  text-shadow: 1px 1px 1px #000;
}
.cherokee #wrapper #vehicle_info {
  min-height: 186px !important;
  /*overriding vehicle2.css min-height style*/

  height: auto !important;
  height: auto;
  position: absolute;
  top: 130px;
  *top: 150px;
  left: 0px !important;
  /*overriding vehicle2.css left placement*/

}
.cherokee #wrapper #vehicle_info a.cta {
  margin-left: 0px;
  font-size: 12px;
  line-height: 16px;
  color: #ffb302;
}

.cherokee #caption {
  padding-right: 300px;
}
#footer {
  font-size: 11px;
}
/* END CHEROKEE OVERRIDES */
/* GC 2014 Interior360 disclamer*/
.v2 #interior_360.int360 span#interior360_disc p{
color: #fff;
font-size: 11px;
left: 16px;
position: relative;
top: 417px;
width: 397px;
}
.v2 .full-tile div#interior_360.int360 img {
margin-top: -16px;
}
.v2.vehicle-2014 #colorizer_picker #billet_silver{
	/*background-position: -444px 0;*/
}

/* ==========================================================================
   WHEEL MODULE - Selector styles, ported directly from Features&Specs
   ========================================================================== */

.tile3 #wheels .content_left {
	min-height: 250px;
	height: auto !important;
	height: 250px;
}

.module.image-selector .control-wrapper {
	height: 70px;
	margin: auto;
	overflow: hidden;
	position: relative;
	width: 832px;
}
.image-selector li {
	display: inline-block;
}
.module.image-selector .arrows {
	position: absolute;
	top: 25px;
	width: 100%;
}
.module.image-selector .arrows a {
	background: url("../../../../en/2014/images/sprite-selector-arrows.png") no-repeat scroll 0 0 transparent;
	height: 23px;
	position: absolute;
	width: 14px;
}
.module.image-selector .arrows .control-right {
	background-position: right top;
	right: 0;
}
.module.image-selector .arrows .control-right.active {
	background-position: right bottom;
}
.module.image-selector .arrows .control-left.active {
	background-position: left bottom;
}
#wheels {
	height:470px;
}
#wheels .content_left{
	padding-left:55px;
	margin-top:100px;
}

/* WHEELS MODULE */
#wheels .twelve {
	background: url("../../../../en/2014/grand_cherokee/images/background-wheel-selector.jpg") no-repeat center center;
	margin-bottom:65px;
}
#wheel-selector {
	left:10px;
	position:absolute;
	width:1030px;
}
#wheel-selector li {
	margin: 0 8px 0 8px !important;
	width: auto !important;
}
#wheel-selector li span {
	display: inline-block;
	margin-top: 10px;
	margin-right: 1px !important;
	width: 65px;
	height:50px;
	background: url("../../../../en/2014/grand_cherokee/images/sprite-exterior.html") no-repeat  0 -50px;
}

#wheel-selector li.s1 a.active span {
	background-position: 0 0;
}

#wheel-selector li.s2 span {
	background-position: -65px -50px;
}

#wheel-selector li.s2 a.active span {
	background-position: -65px 0;
}

#wheel-selector li.s3 span {
	background-position: -130px -50px;
}

#wheel-selector li.s3 a.active span {
	background-position: -130px 0;
}

#wheel-selector li.s4 span {
	background-position: -260px -50px;
}

#wheel-selector li.s4 a.active span {
	background-position: -260px 0;
}

#wheel-selector li.s5 span {
	background-position: -195px -50px;
}

#wheel-selector li.s5 a.active span {
	background-position: -195px 0;
}

#wheel-selector li a {
	color:#999;
}

#wheel-selector li a.active p {
	color:#333;
}

#wheel-selector li p {
	display: inline-block;
	float: right;
	font-size: 14px;
	line-height: 1em;
	margin-top: 20px;
	margin-left:0px;
	padding: 0px !important;
}
.ie7 #wheels_module{
	margin-bottom:125px;
}

.ie7 #wheel-selector {
	width:1130px;
}

.ie7 #wheel-selector li {
	width:180px;
	float:left;
}
.ie7 #wheel-selector li span {
	float:left;
}
.ie7 #wheel-selector li.s2 {
	width:220px;
}

.ie7 #wheel-selector li.s3 {
	width:160px;
}

.ie7 #wheel-selector li.s4,
.ie7 #wheel-selector li.s5{
	width:190px;
}
#wheels .content {
    height: 472px;
}
#wheels {
    height: 470px;
    position: relative;
    top: -92px;
}
#wheels .columns {
	text-align:left;
}
#wheel-selector .wheel_toggle {
	opacity:1 !important;
}
#wheels_module .section_subheading {
	position: relative;
    top: 30px;
}
#wheels_module .five.columns .content_left p {
	padding: 0;
    position: relative;
    text-align: left;
    top: 30px;
    width: 40%;
}
.media.wheel{
	float: right;
    position: relative;
    width: 57%;
}
.media.wheel img {
    bottom: 174px;
    position: relative;
}
#wheels_module {
	 height: 524px;
}
#wheels_module .twelve.columns.alpha {
	bottom: 111px;
    clear: both;
    position: relative;
}
/*****************/

#modelizer_picker .msrp {
    color: #666666;
    display: block;
    text-align: center;
}
#modelizer_picker .msrp.msrp-4x4 {
	display:block;
}
#modelizer_picker .msrp.msrp-4x2 {
	display:none;
}