html,body {height: 100%;}
body { border: 0 none; font-family: Arial, Helvetica, sans-serif; background-color:#fff;color:#000; text-align:center; font-size: 100%; }

/* to compensate for removed reset.css */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 	margin:0; padding:0; }
ol, ul { list-style: none; }
#rightCol ul li { list-style: disc outside; }
#rightCol ol li { list-style: decimal outside; }
#rightCol blockquote,#rightCol ul,#rightCol ol,#rightCol dl { margin:16px; }
#rightCol ol,#rightCol ul,#rightCol dl { margin-left:32px; }
img { border: none; }

/* prevent uneven linespacing */
sup, sub { vertical-align: 0;position: relative; }
sup { bottom: 1ex; }
sub { top: 0.8ex; }

/*****
	Global font sizes
*****/

h1{font-size:150%;font-weight:bold;}
h2{font-size:137.5%;font-weight:bold;}
h3{font-size:118.75%;font-weight:bold;}
h4{font-size:100%;font-weight:bold;}
p,blockquote{line-height: 150%;}
div#intro p{line-height: 130%;font-size: 81.25%;font-weight: normal;}
/* ALLOWED FONT SIZES AND COMMON % CONVERSIONS, BASED ON 16px BASE: 
	32px - 200.00%
	26px - 162.50%
	22px - 137.50%
	19px - 118.75%
	16px - 100.00%
	14px -  87.50%
	13px -  81.25%
	12px -  75.00%
	11px -  68.75%
	10px -  62.50%
*/

/*****
	Layout
*****/

div#container { float:none; width:990px; margin: auto; text-align:left; }
div#topLevelNavigation {z-index:92;position:absolute;top:0}
div#vehicleTopNavWrapper {z-index: 92; position:relative; top: 0;width:990px; height: 60px; }
div#leftCol { width: 250px;float:left; }
div#rightCol { width: 740px;float:left;padding:0;background:#fff; position: relative; }
div#container.details div#rightCol { width: 738px; border-style: solid; border-width: 1px 1px 0; }
div#container.overview div#rightCol { padding-top: 11px; }
div#bottomCap {display:block;clear:both;width:990px;height:10px;margin: 0; padding: 0; }
div#overviewTop { z-index: 91; width: 990px; height: 340px; position: relative;}

/*****
	Navigation and other global elements
*****/

ul#divNav li { cursor: default !important; }

/* vehicle pricing */
div#vehiclePricing { float:left; width:210px; padding: 0 20px 0; }
div#vehiclePricing div#vehName { border-bottom: 1px #ccc solid; margin-bottom: 10px; padding-bottom: 8px; }
div#vehiclePricing div#vehName p.fuel { margin: 3px 0 6px 0; padding: 0 0 0 28px; line-height: 15px; font-size: 11px; background-repeat: no-repeat; background-position: 7px 50%; }
div#vehiclePricing h2 { padding: 0; margin: 8px 0 10px; line-height: 100%; font-weight: normal;  }
div#vehiclePricing p { font-size: 68.75%; line-height: 150%; }
div#vehiclePricing span#priceInfo span { font-size: 145.45%; font-weight: bold; }
div#vehiclePricing span#cda  { display: block; margin-top: 3px;  }
div.overview div#vehiclePricing { position: absolute; top: 10px; left: 13px; width:236px; height: 270px; padding: 0; }
div.overview div#vehiclePricing h1 { margin: 0; font-weight: normal; padding: 0 7px; }
div.overview div#vehiclePricing p { padding: 0; font-size: 75%;  }
div.overview div#vehiclePricing span#priceInfo { display: block; padding: 3px 7px 10px; margin-bottom: 0; border-bottom: solid 1px; }
div.overview div#vehiclePricing span#priceInfo span { font-size: 200%; }
div.overview div#vehiclePricing span#cda  { display: block; width: 220px; padding: 12px 7px 0 7px; margin: 0; line-height: 16px; }
div.overview div#vehiclePricing span#cda span#MSRP { font-size: 162.50%; font-weight: bold; line-height: 18px; }
div.overview div#vehiclePricing span#cda span#cdaDetailsOffers { display: block; margin-top: 8px; font-size: 91.67%; font-weight: normal; }
div#vehiclePricing .onstar {display:none}
div.overview div#vehiclePricing .onstar {display:block; position:absolute; bottom:10px}
div.overview div#vehiclePricing .onstar a {display:block; background: url(/images/vehicles/common/ovp/bg_logo_onstar.gif) 5px 5px no-repeat; padding:5px 5px 5px 40px;  font-size:12px; text-decoration:none }
div.overview div#vehiclePricing .onstar a:hover {background-position:5px -281px}

/* end of vehicle pricing */

div#returnHome { display: block; float: none; clear: both; padding: 7px 10px 5px 20px; border-left: solid 1px; border-right: solid 1px; }
div#returnHome a { font-weight: bold; text-decoration: none; font-size: 68.75%; }

.sectionPrimaryNavContainer { width:248px; position:relative; overflow:hidden; clear: left; margin:0; padding: 0 0 5px 0; border: solid 1px; border-top: none; }
.sectionPrimaryNav { width:240px; height:360px; position:relative; margin:0 4px; }
.sectionPrimaryNav table { border-collapse:collapse; border:0; margin:0; padding:0; }
.sectionPrimaryNav table td { border: none; }
.sectionPrimaryNav ul { padding:0; margin:0; }
.sectionPrimaryNav ul li { float:left; position:relative;z-index:2;list-style-type: none; }
.sectionPrimaryNav ul li.activeNav { z-index:1; }
.sectionPrimaryNav ul li.activeNav a, .sectionPrimaryNav ul li:hover a, .sectionPrimaryNav ul li a:hover { background:transparent; }
.sectionPrimaryNav ul li a { display:block; text-decoration:none; width:125px; border:none; background:transparent; }

.sectionPrimaryNav ul li a#theDesign { width: 115px; height: 39px; margin-left: -5px; position: relative; }
.sectionPrimaryNav ul li a#theDetails  { width: 134px; height: 39px; margin-right: -5px; position: relative; }

.sectionPrimaryNav .navButton, a#buildYoursButton .navButton { display: block; height: 30px; font-size: 62.5%; text-align: center; padding: 12px 0 0; cursor: pointer; }
.sectionPrimaryNav span.navButton span, a#buildYoursButton .navButton span { font-size: 190%; }
/* the next three rules are replicated/modified in ovp.js for overview page animations -- changes here need to be reflected there */
.sectionPrimaryNav ul li ul { display: none; }
.sectionPrimaryNav ul li.activeNav ul, .sectionPrimaryNav ul li:hover ul, .sectionPrimaryNav ul li a:hover ul {display:block; position:absolute; width:230px; left:5px; top: 39px; background: #fff; padding: 0; height: 298px; }
.sectionPrimaryNav ul li#rightNav.activeNav ul, .sectionPrimaryNav ul li#rightNav:hover ul, .sectionPrimaryNav ul li#rightNav a:hover ul { left:-105px; } 
.sectionPrimaryNav ul li.activeNav ul li, .sectionPrimaryNav ul li:hover ul li, .sectionPrimaryNav ul li a:hover ul li { margin: 0; background: #ededed; border-bottom: solid 1px #c0c0c0; padding: 0; }
.sectionPrimaryNav ul li.activeNav ul li ul, .sectionPrimaryNav ul li:hover ul li ul, .sectionPrimaryNav ul li a:hover ul li ul { position: static; width: 230px; background: transparent; height: auto; }
.sectionPrimaryNav ul li.activeNav ul li ul li, .sectionPrimaryNav ul li:hover ul li ul li, .sectionPrimaryNav ul li a:hover ul li ul li { background: transparent; border: none; }
.sectionPrimaryNav ul li.activeNav ul li.alt, .sectionPrimaryNav ul li:hover ul li.alt, .sectionPrimaryNav ul li a:hover ul li.alt { background: #f8f8f8; }
.sectionPrimaryNav ul li.activeNav ul li a, .sectionPrimaryNav ul li:hover ul li a, .sectionPrimaryNav ul li a:hover ul li a { width:210px; padding: 5px 10px; font-size: 81.25%; line-height: 100%; color:#000; background:transparent; font-weight: bold; }
.sectionPrimaryNav ul li.activeNav ul li ul li a, .sectionPrimaryNav ul li:hover ul li ul li a, .sectionPrimaryNav ul li a:hover ul li ul li a { width:195px; padding: 5px 10px 5px 25px; font-size: 75%; border-top: solid 1px #e4e4e4; font-weight: bold; }

/* Shopping and financial tools */
#toolsTop { width: 250px; height:11px; display: block; clear: both; overflow: hidden;clear:left; margin: 0;}
#tools { width: 238px; clear: both; padding: 0; margin: 0 5px; clear:both; border-style:solid;border-width:0 1px 0 1px;}
#tools table {border-collapse:collapse; border:0; margin:0; padding:0;}
#tools table td { border: none; margin: 0; padding: 0; }
#tools span.toolsHeader { display: block; margin: 0 0 5px; padding: 4px 0 5px 10px; text-transform: uppercase; font-size: 75%; font-weight: bold;   }
#tools li span.toolsHeader, #tools dl dt { font-size: 109.1%; }
#tools ul { margin: 0; font-size: 68.75%; }
#tools ul ul { font-size: 100%; }
#tools li { list-style-type: none; margin: 0;}
#tools li a, #tools dl a { font-weight: bold; text-decoration: none; }
div#tools dl{font-size: 68.75%; margin:0 0 10px 0;padding:0;width:233px;position:relative;}
div#tools dl dd{margin:3px 0 4px 0;padding:2px 0;padding-left:10px;}
div#tools dt {margin:0;left:-6px;position:relative;clear:left;width:234px;height: 20px; padding: 7px 0 0 16px; font-weight: bold; }
div#tools ul, div#tools ul li, div#tools ul li ul {margin:0;padding:0;width:233px;list-style:none;}
div#tools ul li ul li{padding: 3px 0 3px 10px;}
div#tools ul li a { outline: none; }
/* css to show list elements on hover . do not modify */
/*ul.showOnHover {display: none;}*/
table.showOnHoverTable {margin:0; padding:0;}
table.showOnHoverTable td {border:0; margin:0; padding:0; }
ul li.showOnHoverParent { margin: 0; }
ul li.showOnHoverParent:hover a, ul li.showOnHoverParent a:hover {background:transparent;}
/*ul li.showOnHoverParent:hover ul, ul li.showOnHoverParent a:hover ul {display:block; background: transparent;}*/
/* End of shopping and financial tools */

#pageTools { position: absolute; top: 60px; right: 15px; width: 161px; z-index: 3; visibility:hidden;}
div#container.design  #pageTools { width: 127px; }
div#container.overview #pageTools , div#container.design  #pageTools { top: 0; }
#pageTools a { display: block; height: 27px; float: left; text-decoration: none; text-align: center; }
#pageToolsEmail { width: 35px; }
#pageToolsPrint { width: 34px; }
#pageToolsShare { width: 92px; color: #939393; font-size: 13px; font-weight: bold; font-family: Arial; padding-top: 5px; }

/*****
	Code for Overview pages
*****/

div#overviewSpecialPromo { position: absolute; right: 0; bottom: 15px; display:inline;}

div.overview .sectionPrimaryNavContainer { left: -5px; top: 341px; overflow:visible; background: none; border: none; }
div.overview .sectionPrimaryNav { width:250px; height:0; margin: 0 4px 0 5px; background: transparent; }
div.overview .sectionPrimaryNav ul li:hover a, div.overview .sectionPrimaryNav ul li a:hover { background: transparent; }
div.overview .sectionPrimaryNav ul li a { background:transparent; }

div.overview .sectionPrimaryNav ul li a#theDesign { position: absolute; bottom: 1px; left: 0; width: 135px; height: 43px; margin: 0; }
div.overview .sectionPrimaryNav ul li a#theDetails  { position: absolute; bottom: 1px; left: 118px; width: 128px; height: 43px; margin: 0;}


div.overview a#buildYoursButton  { position: absolute; bottom: 0; left: 245px; width: 215px; height: 43px; margin: 0; background: transparent; text-decoration: none; }
div.overview .sectionPrimaryNav .navButton, div.overview a#buildYoursButton .navButton { text-align: left; padding: 9px 0 3px 17px; }
div.overview .sectionPrimaryNav .navButton.french, div.overview a#buildYoursButton .navButton.french { text-align: left; padding: 9px 0 3px 5px; }
div.overview .sectionPrimaryNav #leftNav .navButton { padding-left: 22px; }
div.overview .sectionPrimaryNav ul li:hover ul, div.overview .sectionPrimaryNav ul li a:hover ul { height: auto; top: auto; bottom: 44px; left: 0; padding: 10px 10px 15px 10px; }
div.overview .sectionPrimaryNav ul li#rightNav:hover ul, div.overview .sectionPrimaryNav ul li#rightNav a:hover ul { left: 0;  } 
div.overview .sectionPrimaryNav ul li ul li, div.overview .sectionPrimaryNav ul li:hover ul li, div.overview .sectionPrimaryNav ul li a:hover ul li { background: #ededed; border-bottom: solid 1px #c0c0c0; }
div.overview .sectionPrimaryNav ul li ul li.alt, div.overview .sectionPrimaryNav ul li ul li.alt li, div.overview .sectionPrimaryNav ul li:hover ul li.alt, div.overview .sectionPrimaryNav ul li a:hover ul li.alt { background: #f8f8f8; }
div.overview .sectionPrimaryNav ul li ul li ul, div.overview .sectionPrimaryNav ul li:hover ul li ul, div.overview .sectionPrimaryNav ul li a:hover ul li ul { display: block; width: 210px; height: auto; padding: 0; background: transparent; }
div.overview .sectionPrimaryNav ul li ul li ul li, div.overview .sectionPrimaryNav ul li:hover ul li ul li, div.overview .sectionPrimaryNav ul li a:hover ul li ul li { background: transparent; border: none; }
div.overview .sectionPrimaryNav ul li ul li a, div.overview .sectionPrimaryNav ul li:hover ul li a, div.overview .sectionPrimaryNav ul li a:hover ul li a { width:210px; padding: 3px 10px; font-size: 81.25%; line-height: 100%; color:#000; background:transparent; font-weight: bold; }
div.overview .sectionPrimaryNav ul li ul li ul li a, div.overview .sectionPrimaryNav ul li:hover ul li ul li a, div.overview .sectionPrimaryNav ul li a:hover ul li ul li a { width:200px; height: 13px; padding: 3px 10px 3px 20px; border-top: solid 1px #e4e4e4; font-size: 75%; font-weight: bold; }

/*****
	Code for Design pages
*****/

/* designMainContent */
div#designMainContent{width:740px;position:relative;height: 365px; padding:0; margin: 0; border-style:solid; border-width:0 0 1px 0;}
div#designMainContent img#vehicle { display: block; }
div#container.gallery #photoNext { position: absolute; top: 150px; right: 5px; }
div#container.gallery #photoPrev { position: absolute; top: 150px; left: 5px; }
div#container.gallery #photoNext a, div#container.gallery #photoPrev a { display: block; width: 34px; height: 51px; cursor: pointer; }
div#container.gallery #photoNext a { background: url(/images/vehicles/common/ovp/photoArrowsSprite.gif) 0 0 no-repeat; outline: none; }
div#container.gallery #photoPrev a { background: url(/images/vehicles/common/ovp/photoArrowsSprite.gif) 0 -54px no-repeat; outline: none; }
div#container.gallery #photoNext a:hover { background-position: -36px 0; }
div#container.gallery #photoPrev a:hover{ background-position: -36px -54px; }
div#container.gallery #photoNext a:active{ background-position: -72px 0; }
div#container.gallery #photoPrev a:active { background-position: -72px -54px; }
div#container.gallery #photoNext a:link.disabled { cursor: default; background-position: 108px 0; }
div#container.gallery #photoNext a:visited.disabled { cursor: default; background-position: 108px 0; }
div#container.gallery #photoNext a:hover.disabled { cursor: default; background-position: 108px 0; }
div#container.gallery #photoNext a:active.disabled { cursor: default; background-position: 108px 0; }
div#container.gallery #photoPrev a:link.disabled { cursor: default; background-position: 108px -54px; }
div#container.gallery #photoPrev a:visited.disabled { cursor: default; background-position: 108px -54px; }
div#container.gallery #photoPrev a:hover.disabled { cursor: default; background-position: 108px -54px; }
div#container.gallery #photoPrev a:active.disabled { cursor: default; background-position: 108px -54px; }
/* End of designMainContent */

/* Content Tabs */
ul#sectionSecondaryNav { position: absolute; bottom: -1px; left: 0; margin: 0; }
ul#sectionSecondaryNav li { list-style-type: none; float: left; text-align: center; }
ul#sectionSecondaryNav li a { display: block; height: 28px; text-decoration: none; }
ul#sectionSecondaryNav li a span { display: block; padding: 6px 10px 8px; font-size: 75%; font-weight: bold; cursor: pointer; white-space: nowrap; }

/*ul#sectionSecondaryNav li.currentNavItem a span, ul#sectionSecondaryNav li a:hover span { font-weight: bold; }*/
/* End of Content Tabs */

/* Caption in designMainContent */
div#caption{width:180px;padding:5px;position:absolute;bottom:0;right:0; text-align: right;}
div#caption p#captionTitle { margin: 0; font-size: 75%; line-height: 120%; }
div#caption p#captionDesc { margin: 0; font-size: 68.75%; line-height: 120%; }
/* End of Caption in designMainContent div */

/* galleryCarouselContainer */
ul#galleryCarousel { overflow: hidden; margin: 16px !important; }
div#galleryCarouselContainer { width: 738px; padding: 10px 0; background: #fff url(/images/vehicles/common/ovp/galleryCarouselContainer.gif) 0 0 repeat-x; border: solid 1px; border-top: none; }
div#galleryCarouselContainer ul#galleryNav { margin: 0 0 4px 30px; color: #666; font-size: 68.75%; overflow: hidden; zoom: 1;}
div#galleryCarouselContainer ul#galleryNav li { float: left; margin-right: 10px; list-style-type: none; color: #000; font-weight: bold; }
div#galleryCarouselContainer ul#galleryNav li a { color: #747474; font-weight: normal; }
div#galleryCarouselContainer ul#galleryCarousel { overflow: hidden; margin: 0 !important; }
div#galleryCarouselContainer ul#galleryCarousel.hasLabels { background: url(/images/vehicles/common/ovp/carouselBg.gif) 0 bottom repeat-x; height: 95px; }
ul#galleryCarousel li { float: left; width: 70px; margin-right: 6px; list-style-type: none; }
div#galleryCarouselContainer .galleryLabel { display: block; clear: both; position: relative; z-index: 22; margin-top: 4px; font-size: 68.75%; line-height: 100%; padding: 3px 0 3px 5px; width:100%; border-left:solid 6px #FFF; margin-left:-4px; }
div#galleryCarouselContainer #secondLabel { }
/* This <div> element is wrapped by jCarousel around the list and has the classname "jcarousel-container". */
.jcarousel-container { position: relative; }
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;}
 /* Supposedly not setting width/height here causies infinite loops, but that hasn't been observed */
.jcarousel-list li, .jcarousel-item { float: left; list-style: none;}
/* These buttons are added dynamically by jCarousel before the <ul> list (inside the <div> described above) */
.jcarousel-next, .jcarousel-prev { z-index: 3; display: none; }
/* jCarousel skin */
.jcarousel-skin-ovpSkin .jcarousel-container-horizontal { width: 682px; padding: 5px 25px 0 28px; }
.jcarousel-skin-ovpSkin .jcarousel-clip-horizontal { width: 100%; }
.jcarousel-skin-ovpSkin .jcarousel-item-horizontal a { display: block; width: 70px; border: solid 2px white; }
.jcarousel-skin-ovpSkin .jcarousel-item-placeholder { background: #fff; color: #000; }
/* jCarousel Horizontal Buttons */
.jcarousel-skin-ovpSkin .jcarousel-next-horizontal {  position: absolute; top: 50%; margin-top: -15px; right: 0; width: 21px; height: 25px; cursor: pointer; background: transparent url(/images/vehicles/common/ovp/jcarouselArrowsSprite.gif) no-repeat 0 -25px; }
.jcarousel-skin-ovpSkin .jcarousel-next-horizontal:hover { background-position: -21px -25px; }
.jcarousel-skin-ovpSkin .jcarousel-next-horizontal:active { background-position: -42px -25px; }
.jcarousel-skin-ovpSkin .jcarousel-next-disabled-horizontal, .jcarousel-skin-ovpSkin .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-ovpSkin .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: 100px -25px; }
.jcarousel-skin-ovpSkin .jcarousel-prev-horizontal { position: absolute; top: 50%; margin-top: -15px; left: 0; width: 21px; height: 25px; cursor: pointer; background: transparent url(/images/vehicles/common/ovp/jcarouselArrowsSprite.gif) no-repeat 0 0; }
.jcarousel-skin-ovpSkin .jcarousel-prev-horizontal:hover { background-position: -21px 0; }
.jcarousel-skin-ovpSkin .jcarousel-prev-horizontal:active { background-position: -42px 0; }
.jcarousel-skin-ovpSkin .jcarousel-prev-disabled-horizontal, .jcarousel-skin-ovpSkin .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-ovpSkin .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: 100px 0; }
/* End of galleryCarouselContainer */

/* Promotional badges */
div.design div#OVPBadgesContainer { padding: 11px 0 0 0; overflow: auto; zoom: 1; }
div#OVPBadges { padding: 15px 0 0 6px; border-style: solid; border-width: 0 1px; overflow: auto; zoom: 1; }
div.design div#OVPBadges { padding: 11px 0 0 6px; }
img.currOffer{ height:70px; }
div#OVPBadges img { display: block; float: left; margin: 0 9px 5px; }
*div#OVPBadges img {_margin: 0 7px 5px; }

/* End of Promotional badges */

/*****
	Code for Models Overview and Submodel browsing pages
*****/

/* Intro sections at top of pages */
div#intro { margin: 10px 10px 0px !important; padding: 0; background-color: #ececec; }

.awards  div#intro {margin:0px  !important;}
.pricingIncentives #subModelsTabs{margin-top:10px}
.pricingIncentivesPromotionsPrograms ul#subModelsTabs{margin-top:10px}
.pricingIncentivesFeaturedOffer ul#subModelsTabs{margin-top:10px}

div.subModelDetailsKeyFeatures div#intro { margin-bottom: 0 !important; }
div#container.design div#introContainer { margin: 0; border-style: solid; border-width: 1px 1px 0; zoom:1;}
div#container.subModelDetails div#intro { min-height: 215px; }
div#intro h1 { padding: 15px 25px 10px; margin: 0; }
div#container.subModelDetails div#intro h1 { padding-top: 45px; }
div#intro p { padding: 0px 25px 15px; margin: 0; color: #444;}
div#container.subModelDetails div#intro p { margin-top: 30px; font-size: 68.75%; }
div#intro a { color: #000; }
/* End of intro sections */

/* Button code */
a.button { position: relative; padding: 5px 10px 7px 10px; margin: 0 5px 0 0; text-decoration: none; font-weight: bold; font-size: 87.5%; }
a.button  span {display: block; width: 6px; height: 26px; position: absolute; top: 0; right: 0; }
div#compareModelsButton { margin: 16px 0 15px 15px; }
div#compareModelsButton a.button{ display: inline-block; padding: 5px 20px 7px; }
/* End of Button code */

/* Model comparison on Models Overview pages */
div#modelsCompare { margin: 8px auto; overflow: hidden; }
div#modelsCompare.twoCars { width: 730px; }
div#modelsCompare.threeCars { width: 720px; }
div#modelsCompare div.model { float: left; margin: 0 5px 10px 5px; }
div#modelsCompare.threeCars div.model { width: 230px; } 
div#modelsCompare.twoCars div.model { width: 345px; margin: 0 10px 10px 10px; }
div#modelsCompare div.model div.modelPic { position: relative; background: url(/images/vehicles/common/ovp/modelCompareSprite.gif) 0 0 no-repeat; }
div#modelsCompare div.model div.modelPic div.modelPicInner { padding: 8px; background: url(/images/vehicles/common/ovp/modelCompareSprite.gif) right -453px no-repeat; }
div#modelsCompare div.model div.modelPic  img { display: block; margin: 0 auto 10px auto; }
div#modelsCompare div.model div.modelPic span.modelName { display: block; padding: 0 0 5px 12px; }
div#modelsCompare div.model div.modelPic span.modelName a { color: #747474; font-size: 100%; text-decoration: none; }
div#modelsCompare div.model div.modelPic span.modelName a:hover { text-decoration: underline; }
div#modelsCompare.threeCars div.model div.modelPic span.modelName { width: 130px; }
div#modelsCompare.twoCars div.model div.modelPic span.modelName { width: 190px; }
div#modelsCompare div.model div.modelPic a.modelDetails { float: right; margin: -5px 0 0 0; }
div#modelsCompare div.model div.modelInfo { background:  #eee url(/images/vehicles/common/ovp/modelCompareSprite.gif) 0 -317px no-repeat; border-right: solid 1px #c9c9c9; }
div#modelsCompare div.model div.modelInfo div.modelInfoInner { position: relative; overflow: auto; zoom: 1; padding: 10px 20px; background: url(/images/vehicles/common/ovp/modelCompareSprite.gif) 0 -770px no-repeat; border-left: solid 1px #c9c9c9; }
div#modelsCompare div.model div.modelInfo p { font-size: 62.5%; }
div#modelsCompare div.model div.modelInfo p span.msrp { font-size: 160%; font-weight: bold; }
div#modelsCompare div.model div.modelInfo p span { font-size: 118.75%;  }
div#modelsCompare div.model div.modelInfo ul { margin: 10px 0 15px 15px; }
div#modelsCompare div.model div.modelInfo ul li  { font-size: 75%; line-height: 150%; }
div#modelsCompare div.model div.modelInfo ul li ul li  { font-size: 100%; }
div#modelsCompare div.model div.modelInfo span.modelMileage { float: left; color: #747474; font-size: 100%; }
div#modelsCompare div.model div.modelInfo span.promoGraphic { float: right; margin: -4px 4px 0 0;}
div#modelsCompare div.model div.modelBottom { position: relative; height: 7px; background: url(/images/vehicles/common/ovp/modelCompareSprite.gif) 0 -305px no-repeat; }
div#modelsCompare div.model div.modelBottom div { position: absolute; top: 0; right: 0; height: 7px; width: 5px; background: url(/images/vehicles/common/ovp/modelCompareSprite.gif) right -758px no-repeat; }
/* End of model comparison for Models Overview pages */

/* Tabs on Sub-Model browsing pages */
ul#subModelsTabs { clear: both; width: 670px; padding: 0; margin: 0 auto; overflow: hidden; }
ul#subModelsTabs li { float: left; width: 167px; list-style-type: none; text-align: center; }
ul#subModelsTabs li a { display: block; height: 35px; background: url(/images/vehicles/common/ovp/subModelsTabsSprite.gif) 0 -80px repeat-x; border-right: solid 1px #e4e4e4; border-left: solid 1px #b1b1b1; color: #666; font-weight: bold; text-decoration: none; }
ul#subModelsTabs li a span { display: block; height: 16px; padding: 10px 0 9px 0; font-size: 75%; cursor: pointer; }
ul#subModelsTabs li a.curModelsTab, ul#subModelsTabs li a:hover { background: url(/images/vehicles/common/ovp/subModelsTabsSprite.gif) 0 -120px repeat-x; color: #000; }
ul#subModelsTabs li#firstModelsTab a { border-left: none; background: url(/images/vehicles/common/ovp/subModelsTabsSprite.gif) 0 0 no-repeat; padding-left: 4px; }
ul#subModelsTabs li#firstModelsTab a span {  background: url(/images/vehicles/common/ovp/subModelsTabsSprite.gif) 0 -80px repeat-x;}
ul#subModelsTabs li#firstModelsTab a.curModelsTab, ul#subModelsTabs li#firstModelsTab a:hover { background: url(/images/vehicles/common/ovp/subModelsTabsSprite.gif) 0 -40px no-repeat; }
ul#subModelsTabs li#firstModelsTab a.curModelsTab span, ul#subModelsTabs li#firstModelsTab a:hover span { background: url(/images/vehicles/common/ovp/subModelsTabsSprite.gif) 0 -120px repeat-x; }
ul#subModelsTabs li#lastModelsTab a { background: url(/images/vehicles/common/ovp/subModelsTabsSprite.gif) right -160px no-repeat; border-right: none; padding-right: 4px; }
ul#subModelsTabs li#lastModelsTab a span { background: url(/images/vehicles/common/ovp/subModelsTabsSprite.gif) 0 -80px repeat-x; }
ul#subModelsTabs li#lastModelsTab a.curModelsTab, ul#subModelsTabs li#lastModelsTab a:hover { background: url(/images/vehicles/common/ovp/subModelsTabsSprite.gif) right -200px no-repeat; }
ul#subModelsTabs li#lastModelsTab a.curModelsTab span, ul#subModelsTabs li#lastModelsTab a:hover span { background: url(/images/vehicles/common/ovp/subModelsTabsSprite.gif) 0 -120px repeat-x; }
/* End of tabs on Sub-Model browsing pages */

/* Anchors on model detail pages and options and specs page */
ul#subModelsAnchors, ul#optionsSpecsAnchors { overflow: hidden; zoom: 1; width: 670px; margin: 10px 20px 10px 30px; }
div#container.subModelDetailsOptionsSpecifications ul#optionsSpecsAnchors { clear: both; margin: 10px 35px 10px 30px; }
ul#subModelsAnchors li, ul#optionsSpecsAnchors li { float:left; list-style-type: none; font-size: 75%; color: #666; padding: 0 5px; white-space: nowrap; }
ul#subModelsAnchors li a, ul#optionsSpecsAnchors li a { color: #000; font-weight: bold; }
div#contentContainer ul.options-and-specs-onstar-list { font-size: 100%; margin-top: 10px; margin-left: 10px; }
div#contentContainer ul.options-and-specs-onstar-list li { list-style: none !important; }

/* End of anchors on model detail pages and options and specs page */

/* Accordion and its content */
div#contentContainer ul.featuresList { width: 670px; padding: 0; margin: 0 0 20px 0; }
div#contentContainer ul.featuresList li { margin: 0; padding: 6px 35px; background: #ededed; list-style-position: inside; }
div#contentContainer ul.featuresList li.alt { background: #f8f8f8; }
div#contentContainer div#packagesIntro { padding: 5px 35px; margin-bottom: 10px; background: #ececec;}
div#contentContainer #accordion .availableOn { float: left; margin-left: 5px; width: 144px; padding: 15px 5px; border: none; background: #ececec; font-size: 75%; }
div#contentContainer #accordion .availableOn ul { font-size: 100%; }
div#contentContainer #accordion { clear: both; width: 669px; border-bottom: solid 1px #dedede;}
div#contentContainer #accordion ul.featuresList { width: 667px; margin: 0; }
div#container.subModelDetailsPackages div#contentContainer #accordion ul.featuresList { float: left; width: 508px; padding: 0; margin: 0 0 20px 0; }
div#contentContainer #accordion div { width: 667px; padding: 0 0 15px; border: solid 1px #dedede; border-top: none; overflow: hidden; } /* overflow hidden prevents scroll bar in accordion in IE6 */
div#contentContainer #accordion h5 { position: relative; clear: both; height: 24px; padding: 7px 0 0 35px; background: url(/images/vehicles/common/ovp/accordionTopShort.png) 0 0 no-repeat; outline: none; font-size: 87.5%; color: #3c3c3c; }
div.subModelDetailsKeyFeatures div#contentContainer #accordion h5 { height: 42px; background: url(/images/vehicles/common/ovp/accordionTopTall.png) 0 0 no-repeat; }
div#contentContainer #accordion h5 a { color: #3c3c3c; text-decoration: none; }
div#contentContainer #accordion .ui-icon { top: 50%; }
div.subModelDetailsKeyFeatures div#contentContainer #accordion .ui-icon { top: 35%; }
div#contentContainer #accordion h5 span.pricing{ position: absolute; right: 45px; top: 5px; font-weight: normal; font-size: 78.57%; }
div#contentContainer #accordion h5 span strong { font-size: 145.45%; }
div#contentContainer #accordion h5 span span { margin-left: 10px; font-weight: bold; }
div#contentContainer #accordion h5 span.cda { display: block; padding: 4px 40px 0 0; text-align: right; color: #73777f; font-size: 85.71%; font-weight: normal;  }
div#contentContainer #accordion h5 span.cda  span{ margin: 0; font-size: 116.67%; font-weight: bold;  }
div#contentContainer #accordion p { padding: 0 30px; font-size: 87.5%; color: #747474; font-weight: bold; }
div#contentContainer #accordion p.accordionSubNav { font-size: 68.75%; color: #000; }
div#contentContainer p#shorthandLegend { clear: left; float: left; font-size: 75%; margin: 10px 0px 0px 0px;}
div#contentContainer p#shorthandLegend span{ margin-right: 3px; font-weight: bold; font-size: 100%; }
div#contentContainer div#accordionButtons { clear: both;  } /* trigger hasLayout in IE6 */
div#contentContainer div#accordionButtons a.button { float: right; padding: 5px 30px 7px 30px; margin: 15px 12px 8px 0; }
/* End of accordion and its content */

/* Tablular data for accordion and Options and Specifications page */
div#contentContainer table { font-size: 82.5%; width: 660px; }
div#contentContainer table.specData { margin-bottom: 20px; width: 660px;}
div#contentContainer tr { line-height: 130%; }
div#contentContainer th { padding: 4px 8px; background: #ededed; border-right: solid 1px #fff; text-align: left;   }
div#contentContainer thead th { padding: 4px 0; background: #f8f8f8; font-weight: bold; text-align: center; vertical-align: middle !important; }
div#contentContainer td { padding: 4px 3px; background: #ededed; border-right: solid 1px #fff; color: #000; }
div#contentContainer td.header, div#contentContainer th.header { font-weight: bold; font-size:120%; text-align: left; padding-left: 10px; }
td.sno-header strong, td.sno-header b { text-transform: uppercase; font-size: 10px; }
div#contentContainer td.spacer { display: none; }
div#contentContainer td acronym { border: none; }
div#contentContainer td.data, div#contentContainer td.data2, div#contentContainer th.header, table#specTbl td { text-align: left !important; padding-left: 10px; }
div#contentContainer table.techspecs td { text-align: left; padding-left: 10px; }
div#contentContainer table.techspecs td span { white-space:normal !important }
div#contentContainer tr.alt th, div#contentContainer tr.alt td { background: #f8f8f8; }
/* End of tablular data for accordion and Options and Specifications page */

/* Truck charts */
div#truckCharts table {  font-size:  62.50%; width:660px; }
div#truckCharts th { border: 0px; margin: 0px; font-weight: bold; margin: 5px; text-align:left;  }
div#truckCharts tr { line-height: 120%; }
div#truckCharts td { background:none; border: 0px; margin: 0px; min-width: 0px; padding: 5px; text-align:center; }
div#truckCharts th.light, div#truckCharts th.top, div#truckCharts td.light { background: #fff; }
div#truckCharts th.light, div#truckCharts th.dark { text-align: left; }
div#truckCharts th.dark, div#truckCharts td.dark { background: #f4f4f4; }
div#truckCharts td.pricing { white-space: nowrap !important; }
div#truckCharts p{font-size:63.5% !important;}

/*****
	Common rules
*****/

div#contentContainer { clear: both; padding: 20px 35px; }
div.overview div#contentContainer { padding: 10px 20px; border-style: solid; border-width: 0 1px; }
div.design div#contentContainer { border-style: solid; border-width: 0 1px 1px 1px; }
div.accessories div#contentContainer, div.warranty div#contentContainer { padding: 10px 20px; }
div.optionsSpecifications div#contentContainer { padding: 0 35px 10px;}
div#contentContainer p, div#contentContainer ul, div#contentContainer ol, div#contentContainer blockquote, div#contentContainer dl { margin: 10px 0; font-size: 75%; color: #000; }
div#contentContainer a { font-weight: bold; color: #000; }
div#contentContainer .contentContainerFeature  { overflow: hidden; zoom: 1; margin: 0 0 7px 0; background: #ececec; padding: 15px; }
div#contentContainer .contentContainerFeature  img { float: left; margin: 0 15px 0 0; }
div#contentContainer .contentContainerFeatureDesc  { float: left; }
div#contentContainer .contentContainerFeatureDesc  a { font-size: 91.67%; }
div#contentContainer .contentContainerFeatureDesc  img { float: none; margin: 0; }
div#contentContainer  h4 { color: #747474; margin: 0 0 6px 0; }
div#contentContainer  p { color: #000; }
div#contentContainer ul, div#contentContainer dl { margin: 5px 0 10px 25px; }
div#contentContainer  li { margin: 5px 0 0 0; line-height: 150%; }
div#contentContainer  dt{ font-weight: bold; }
div.modelsSelect span#getPostalCode { padding: 5px 30px 7px 15px; color: #747474; font-size: 75%; display: block;}
div.subModelDetailsKeyFeatures span#getPostalCode { padding: 5px 30px 15px 0; margin: 0; color: #747474; font-size: 75%; display:block; }
span#getPostalCodeTop { margin: 20px 40px; color: #747474; font-size: 75%; display:block; }
div#rightCol span#getPostalCode  a, div#rightCol span#getPostalCodeTop  a { color: #747474; font-weight:bold;}

/* Legal */
div#legal { padding: 10px 20px; }
div#container.overview div#legal, div#container.gallery div#legal, div#container.highlights div#legal, div#container.hybrid div#legal { border-style: solid; border-width: 0 1px; }
div#legal p { font-size: 62.5%; color: #000; }
div#legal p a { color: #000; }
div.highlightsLegal { padding: 10px 20px; font-size: 62.5%; color: #000; background:#fff;*border-top: solid 1px #ccc }
/* End of legal */

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0;}
.left { float:left; }
.right{ float:right; }
.zIndex2 {z-index:2;}
.bold {font-weight:bold;}

/* Dotted Outline Fix */
a:active,a:focus { outline-style: none;}

/*****
	Rules unique to Accessories pages
*****/

div.accessories div#contentContainer .contentContainerFeatureDesc  { width: 395px; }

/*****
	Rules unique to Warranty pages
*****/

div.warranty div#contentContainer .contentContainerFeatureDesc { width: 515px; }
div.warranty div#contentContainer .contentContainerFeatureDesc h4 a{text-decoration:none;}
/*****
	Rules unique to highlighs pages
*****/

.highlightsRight, .highlightsLeft {padding:20px 0px 0px 0px;clear:both;float:none;clear:both; margin-bottom:17px; background:#fff}
.highlightsTextRight{float:right; width:325px; margin-right:1px;}
.highlightsTextLeft{float:left; width:325px; margin-left:1px;}
.highlightsRight img {float:left; margin-right:15px; border:solid 2px #DEDEDE;}
.highlightsLeft img {float:right; margin-left:15px;  border:solid 2px #DEDEDE;}
div#contentContainer div#flashDiv {text-align:center; margin-bottom:20px;border:solid 2px #DEDEDE;width:588px;position:relative; left:37px;}

/*****
	Rules unique to Pricing and Incentives pages
*****/

div.pricingIncentives div#intro form,div.pricingIncentivesFeaturedOffer div#intro form ,div.pricingIncentivesPromotionsPrograms div#intro form { padding: 0 25px 15px; }
div.pricingIncentives div#intro form label,div.pricingIncentivesFeaturedOffer div#intro form label,div.pricingIncentivesPromotionsPrograms div#intro form label{ display: block; padding: 0 0 10px; font-size: 75%; font-weight: normal; }
div.pricingIncentives #intro span#getPostalCode,div.pricingIncentivesFeaturedOffer #intro span#getPostalCode ,div.pricingIncentivesPromotionsPrograms #intro span#getPostalCode  { display: block; padding: 0 25px 15px; color: #747474; font-size: 87.5%; }
div.pricingIncentives  div#contentContainer h5 ,div.pricingIncentivesFeaturedOffer  div#contentContainer h5 ,div.pricingIncentivesPromotionsPrograms  div#contentContainer h5 { clear: left; }
div.pricingIncentives  div#contentContainer thead table th{ text-align: left; padding-left: 10px; background: #ededed !important; border: none; color: #3c3c3c; font-size: 133.33%; font-weight: normal; }
div.pricingIncentives  div#contentContainer thead table th.modelHeader{ font-size: 155.56%; font-weight: bold; }
div.pricingIncentives  div#contentContainer thead table td { background: #ededed !important; padding: 12px 5px 8px 5px; border: none; text-align: left; font-size: 133.33% }
div.pricingIncentives  div#contentContainer table thead table label{ padding-left: 5px; }
div.pricingIncentives  div#contentContainer thead th { padding: 10px 0 5px 10px; font-size: 116.67%; background: #fff; font-weight: bold; color: #666; vertical-align: bottom; }
div.pricingIncentives  div#contentContainer tbody th { padding-left: 22px; }
div.pricingIncentives  div#contentContainer thead .msrp { font-size: 122.22%;text-align:right; }
div.pricingIncentives  div#contentContainer thead .msrp span{ font-size: 145.45%; font-weight: bold; }
div.pricingIncentives  div#contentContainer td, div.pricingIncentives  div#contentContainer th { padding-left: 10px; text-align: left; }
div.pricingIncentives  div#contentContainer table.cols5 td, div.pricingIncentives  div#contentContainer table.cols5 th { width: 20%; }
div.pricingIncentives  div#contentContainer table.cols4 td { width: 25%; }
div.pricingIncentives  div#contentContainer table.cols3 td, div.pricingIncentives  div#contentContainer table.cols3 th { width: 33.33%; }
div.pricingIncentives  div#contentContainer table.cols2 td, div.pricingIncentives  div#contentContainer table.cols2 th { width: 50%; }
div.pricingIncentives  div#contentContainer div#accordionButtons  a.button { display: block; margin-top: 5px; }
div.pricingIncentives  div#contentContainer tr.additionalRates td{ background: #fff !important; }
div.pricingIncentives  div#contentContainer tr.estimatePayments td{ padding: 8px; background: #ededed !important; }
div.pricingIncentives  div#contentContainer td.financeActionLinks{ text-align: right; }
div.pricingIncentives  div#contentContainer td.financeActionLinks  a { display: inline-block; margin: 5px 15px 5px 0; font-size: 100%; }
div.pricingIncentives ul#subModelsTabs li,div.pricingIncentivesFeaturedOffer  ul#subModelsTabs li,div.pricingIncentivesPromotionsPrograms ul#subModelsTabs li { width: 223px; }
div.pricingIncentives #intro span#postalCodeError,div.pricingIncentivesFeaturedOffer  #intro span#postalCodeError,div.pricingIncentivesPromotionsPrograms #intro span#postalCodeError { display: none; color: red; font-size: 75%; }
#promotionsPrograms #headers, #promotionsPrograms .incentives{display:none;}
div.pricingIncentivesPromotionsPrograms div#contentContainer .contentContainerFeatureDesc { width: 460px; }
div.pricingIncentivesFeaturedOffer div#contentContainer .contentContainerFeatureDesc { width: 360px; }
div.pricingIncentives  div#contentContainer table .button{right:20px;}
div.pricingIncentives  div#contentContainer table {width: 100%; }
.financeTypeSelector{visibility:hidden;}


/*****
	Rules unique to Design Comparison, Awards, and Testimonials
*****/

.sihd-dodge { width: 150px; }

div.reactions div#intro h1,
div.reactions div#intro p,
div.comparison div#intro h1,
div.comparison div#intro p
{ width: 360px; }

/*****
	Footer rules
*****/

table#footerContent, table#footerContent td#botRow {color:#aaa !important; margin-bottom: 0px !important; padding-bottom: 0 !important; height:80px;}
table#footerContent td a {color:#e6e6e6 !important;}
table#footerContent td#botRow {border-top: 1px solid #333;}
form#gsfull input#q {margin-top:14px !important;}
table#footerContent td, th, tr {vertical-align:top !important;} 

/*****
* jQuery UI CSS Framework (modified May 2009, extraneous rules removed)
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* Used for accordion, &c.
*****/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Interaction Cues */
.ui-state-disabled { cursor: default !important; }
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* icons and positioning */
.ui-icon { width: 16px; height: 16px; background-image: url(/images/vehicles/common/ovp/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(/images/vehicles/common/ovp/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(/images/vehicles/common/ovp/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(/images/vehicles/common/ovp/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/images/vehicles/common/ovp/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(/images/vehicles/common/ovp/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(/images/vehicles/common/ovp/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/images/vehicles/common/ovp/ui-icons_cd0a0a_256x240.png); }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-widget-header .ui-icon { background-position: -96px -126px; }
/* Overlays */
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative;  zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content-active { display: block; }

/* Dialog */
.ui-dialog { position: relative; padding: .2em; text-align: left; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; font-size: 0.7em; line-height: 14px; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: left; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-dialog p { line-height: 120%; }
.ui-dialog input, .ui-dialog textarea { margin: 3px 0; }
.ui-dialog label.error { background-color: #ffcccc; color: #ff0000; font-weight: bold; margin: 5px; padding: 5px;}
.ui-dialog .errors { color: #ff0000; font-weight: bold; margin-bottom: 15px; }
.ui-dialog ul { list-style: disc; list-style-position: inside; }
.ui-dialog .errors li { margin: 3px 0; }

/* Component containers */
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(/images/vehicles/common/ovp/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(/images/vehicles/common/ovp/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Overlays */
.ui-widget-overlay { position:absolute; left:0px; top:0px; background: #aaaaaa url(/images/vehicles/common/ovp/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(/images/vehicles/common/ovp/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .50;filter:Alpha(Opacity=50); -moz-border-radius: 8px; -webkit-border-radius: 8px; }

/*****
	Cluetip CSS
*****/
a.glossaryItem{display:none; }
a.glossaryItem img{float:none;}
a.glossaryItem img{margin-left:0px;margin-right:0px;}
a.glossaryItem img{border: 0;}
span.glossaryElement, span.nonGlossary{ text-transform:capitalize !important; }
.cluetip-default #cluetip-outer p { font-size: 68.75%; line-height: 150%; }
.cluetip-default p { font-size: 8px; line-height: 150%; }
.cluetip-default #cluetip-outer h4{font-size:100%;font-weight:bold;}
/* global */
#cluetip-close img {border: 0;}
#cluetip-close a {display: block;width: 16px;height: 16px;background: url(/js/common/cluetip/images/cross.gif) 0 0 no-repeat;float:right;}
#cluetip-close  a:hover {background: url(/js/common/cluetip/images/cross.gif) 0 -19px no-repeat;}
#cluetip-title {overflow: hidden;}
#cluetip-close {width:250px;position: relative;display:block;height: 16px;}
#cluetip-waitimage {width: 43px;height: 11px;position: absolute;background-image: url(/js/common/cluetip/images/wait.gif);overflow:hidden;}
.cluetip-arrows {display: none;position: absolute;top: 0;left: -11px;height: 22px;width: 11px;background-repeat: no-repeat;background-position: 0 0;}
#cluetip-extra {display: none;}

/* cluetipClass: 'default' */

.cluetip-default {background-color: #d9d9c2;border:2px solid #E0DED2;}
.cluetip-default #cluetip-outer {position: relative;margin: 0;background-color: #fff;}
.cluetip-default h3#cluetip-title {margin: 0 5px;padding: 8px 10px 4px;font-size: 1.1em;font-weight: normal;background-color: #fff;color: #555;text-align: left;border:1px solid #E0DED2;border-width:0 0 1px 0;}
.cluetip-default #cluetip-title a {color: #d9d9c2;font-size: 0.95em;}  
.cluetip-default #cluetip-inner {font-size: 10px;padding: 10px;color: #555;text-align: left;}
.cluetip-default #cluetip-inner h4 {font-size: 11px;}
.cluetip-default #cluetip-inner p {font-size: 10px;}
.cluetip-default #cluetip-inner h4 {font-size: 11px;}
.cluetip-default #cluetip-inner p {font-size: 10px;}
.cluetip-default div#cluetip-close { margin: 0 5px 5px;color: #900;}
/* default arrows */
.clue-right-default .cluetip-arrows {background-image: url(/js/common/cluetip/images/darrowleft.gif);}
.clue-left-default .cluetip-arrows {background-image: url(/js/common/cluetip/images/darrowright.gif);left: 100%;margin-right: -11px;}
.clue-top-default .cluetip-arrows {background-image: url(/js/common/cluetip/images/darrowdown.gif);top: 100%;left: 50%;margin-left: -11px;height: 11px;width: 22px;}  
.clue-bottom-default .cluetip-arrows {background-image: url(/js/common/cluetip/images/darrowup.gif);top: -11px;left: 50%;margin-left: -11px;height: 11px;width: 22px;}

/*** FROM FOOTER.CSS ***/

table#footerContent {margin:0;color:#666;width:100%;position:static;float:left; height:83px}
table#footerContent td {font-size:70%;font-weight:500}
table#footerContent td a {color:#666;text-decoration:none}
table#footerContent td a:hover {text-decoration:underline}
table#footerContent td#gmLogo {width:160px;border:0;margin:0; padding:2px 3px 0px 10px;}
table#footerContent td#topRow, td#botRow {width:100%;padding:0px}
table#footerContent td#topRow {line-height:30px;}
table#footerContent td#botRow {padding:5px 0px 0px 0px}
table#footerContent span.navItemDividerTop {border:0;margin:0px 3px 0px 3px;padding:0px}
table#footerContent span.navItemDividerBottom {border:0px;margin:0px 5px 0px 5px;padding:0}

form#gsfull {border:0;margin:0;padding:0;color:#666 !important;} 
form#gsfull input#q {font-size: 140%; height: auto; margin:0px 0px 0px 3px; padding-top: 2px; padding-left: 2px; vertical-align: middle;color:#666;}
form#gsfull td#qtden input#q {width:160px;}
form#gsfull td#qtdfr input#q {width:172px;}
form#gsfull .displayText {font-size: 140%;}
form#gsfull input#btnG {margin:0px 0px 0px 5px}

form#gs {border:0;margin:0;padding:0;color:#666 !important;} 
form#gs input#q {color:#666;font-size: 140%; height: auto; margin:0px 0px 0px 3px; padding-top: 2px; padding-left: 2px; vertical-align: middle;}
form#gs td#qtden input#q {width:160px;}
form#gs td#qtdfr input#q {width:172px;}
form#gs #search, form#gs .displayText {font-size: 140%;}
form#gs input#btnG {margin:0px 0px 0px 5px}

div#footerTopRowLeft {float:left;padding:20px 0px 5px 0px;width:400px;} 
div#footerTopRowLeftCorp {float:left;padding:20px 0px 5px 0px;width:400px;} 

div#footerTopRowRight {float:right;padding:0px 10px 0px 0px;}
div#footerTopRowRightCorp {float:right;padding:10px 10px 0px 0px;}

table#enBrandSearch {margin:0px 0px 0px 40px}
table#frBrandSearch {margin:0px 0px 0px 58px}

div#footerBottomRowLeft {float:left;padding-top:10px;}
div#footerBottomRowLeftCorp {float:left;padding-top:0px;}
div#footerBottomRowRight {float:right;padding:0px 10px 0px 0px}

table#footerContent td#topRow {line-height:13px;}
/* 1024 change for IE6 and 7 */
table#footerContent td#footerCap {background-image: url(/images/common/footer_cap.gif);	width: 990px; height: 10px;}


/* Added for the comparative charts -- Samer */
p.smalldescription { padding: 10px 20px; font-size: 12px; }
.comparison div#contentContainer tr th, .comparison div#contentContainer tr td { vertical-align: middle; }
.comparison sup { font-size: 75%; }

.buick .smalldescription a { color: #000; }
.buick .smalldescription a:hover { color: #d38715; }
.buick #contentContainer table .highlight { background-color: #d38715; }
.buick #contentContainer table .alt .highlight { background-color: #f0ac47; }

.cadillac .smalldescription a { color: #000; }
.cadillac .smalldescription a:hover { color: #e3982b; }
.cadillac #contentContainer table .highlight { background-color: #e3982b; }
.cadillac #contentContainer table .alt .highlight { background-color: #fbc474; }

.chevrolet .smalldescription a { color: #000; }
.chevrolet .smalldescription a:hover { color: #f1ab1a; }
.chevrolet #contentContainer table .highlight { background-color: #f1ab1a; }
.chevrolet #contentContainer table .alt .highlight { background-color: #f6c868; }

.gmc .smalldescription a { color: #000; }
.gmc .smalldescription a:hover { color: #d41a16; }
.gmc #contentContainer table .highlight { color: #fff; background-color: #484848; }
.gmc #contentContainer table .alt .highlight { color: #fff; background-color: #737373; }

#contentContainer table .highlight { color: #000; }
#contentContainer table .alt .highlight { background-color: #f8f8f8; }

#contentContainer table { text-align: center; }
#contentContainer table tr td.first { text-align: left; }


/*****
	Rules unique to Design Testimonials
*****/

.reactions #contentContainer { padding: 0 !important; }

.reactionsRight, .reactionsLeft {clear:both;float:none;clear:both;margin:20px 35px; margin-bottom:17px; background:#fff}

.reactionsTextRight{float:right; width:325px; margin-right:1px;}
.reactionsTextLeft{float:left; width:325px; margin-left:1px;}

.reactionsRight img {float:left; margin-right:15px; border:solid 2px #757575;}
.reactionsLeft img {float:right; margin-left:15px;  border:solid 2px #757575;}


.reactionsFull {
    clear: both;
    padding: 15px 15px 0 15px;
}

    .reactionsFull .reactionsTextFull {
    }
    
    .reactionsFull .person {
        float: right;
        margin: 0 !important;
        text-align: right;
    }
    
        .reactionsFull .person .name {
            font-weight: bold;
        }


.reactions p.disclaimer { clear: both; font-size: 10px !important; font-weight: bold; }
.reactions .reactionsLeft p.disclaimer { text-align: right; } 

.reactions p.signature { float: right; margin: 0 0 10px 0 !important; }
.reactions p.signature img { border: none; }

div#contentContainer div.reactionsRight p.person { width: 325px; text-align: right; float:left; margin: 0 !important;}
div#contentContainer div.reactionsLeft p.person { width: 340px; text-align: right; float:left; margin: 0 !important;}
    
.reactionsRight span.name { font-weight: bold; }

.reactions #contentContainer, .reactions #contentContainer p, .reactions #contentContainer ol { color: #5f5f67 !important; }

.reactions #contentContainer h4 { font-size: 24px; line-height: 24px; }

.reactions #contentContainer ol { margin-left: 25px; }

.reactions .buick .reactionsRight, .reactions .buick .reactionsLeft { padding: 40px 0 0 0; _padding: 20px 0 0 0; }

.reactions .video { display: none; }

.reactions .social { font-size: 24px; }

.reactions .social p { font-size: 12px !important; line-height: 20px; margin: 0; }
.reactions .social p.top { font-size: 14px !important; }

.reactions .social p.bottom {
    height: 40px;
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
}

.reactions .social img {
    display: inline-block;
    margin-bottom: -7px;
}
.reactions .social img.facebook {
    border-right: 2px solid #ccc;
    margin-left: 10px;
    margin-right: 10px;
    padding-right: 10px;
}

.reactions .social img.twitter {
    position: relative;
    z-index: 9999;
    margin-top: -10px;
    padding-bottom: 2px;
}


.reactions .social object {
    margin-top: -25px;
    margin-left: -25px;
}

.gmcreactions img {
    vertical-align: middle;
}

#opinionsWrapper .swap {
    display: block;
}

    
.buick .ovp-cta-footer {
    position: relative;
    margin-top: 20px;
    margin-left: -1px;
    width: 740px;
    height: 94px;
}
    .buick .ovp-cta-footer .win {
        position: absolute;
        top: 57px;
        left: 280px;
    }
    
    .buick .ovp-cta-footer .facebook {
        position: absolute;
        top: 51px;
        left: 536px;
    }
    
    .buick .ovp-cta-footer .twitter {
        position: absolute;
        top: 51px;
        left: 630px;
    }
    
    .fr-buick .ovp-cta-footer .win {
        position: absolute;
        top: 44px;
        left: 470px;
    }
    
    .fr-buick .ovp-cta-footer .facebook {
        position: absolute;
        top: 35px;
        left: 807px;
    }
    
    .fr-buick .ovp-cta-footer .twitter {
        position: absolute;
        top: 35px;
        left: 905px;
    }
    


.buickcta,
.gmccta {
    clear: both;
    padding-top: 25px;
}

.close-french {
    width: 60px !important;
    background-image: url(/images/vehicles/2010/buick/enclave/close-sprite_fr.jpg) !important;
}


/*****
	Rules unique to Design Awards and Recognition
*****/

.awards #contentContainer h4 { color:#535355; font-size: 15px; line-height: 15px; }
.awards #contentContainer h4 sup { font-size: 10px;  }
.awards #contentContainer h5 {  color: #8B8B8B; font-size: 12px; font-weight: bold; line-height: 15px; }

.awards div#rightCol div#introContainer div#intro {height:295px;}

.awardsRight, .awardsLeft {margin-bottom:17px; background:#fff; }

.awardsTextRight{float:right; width:425px; position: relative; margin-top: 20px; margin-right:1px; }
.awardsTextLeft{float:left; width:325px; margin-left:1px;}

.awardsRight img {float:left; margin-right:5px; margin-top:10px; }
.awardsLeft img {float:right; margin-left:5px;  }

.award-image { width:220px; float:left; }
.award-image img { margin:auto; display:block; margin-top:25px; float:none; }
.award-image.short-margin { margin-top:40px; }
.award-image.long-margin img { padding-top:60px; }

.awards #contentContainer div.hr {width: 650px; height: 7px; background-image: url(/images/vehicles/2010/common/awards-and-recognition/hr_back.gif); background-repeat: no-repeat; }

.award p a { color:#8b8b8b; font-size: 11px; font-weight: normal; }

/**
 * More Optins & Specs Stuff
 */

table.specData {
    border: 0;
    padding: 0;
    border-collapse: collapse;
}

table.specData td {
    text-align: left;
}

table.specData td.header {
    vertical-align: top;
    width: 30px;
    height: 19px;
}


/***************************************************
 *  Social Navigation and Live Chat Agent Sticky bar  
 ***************************************************/
 
* html div#wrapper_nav { position: absolute; top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));} /*IE6 position:fixed fix*/

#multiculturalFooter {position: absolute;bottom:0; width:990px; height:32px;left:0; margin:0 auto;background:#bcbec0; border: 1px solid #6c6d6f; -moz-border-radius: 6px 6px 0 0; z-index:999;border-radius: 6px 6px 0 0;-moz-border-radius-topleft:6px;-moz-border-radius-topright:6px;box-shadow: 0 0 .5em rgba(0, 0, 0, 0.6); box-shadow:2px;}

/* tooltip styling */
.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; }
.tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }
/* Rounded corners */
.tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
/* Uncomment for shadow */
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
/* Rules to colour arrows */
.tipsy-arrow-n { border-bottom-color: #000; }
.tipsy-arrow-s { border-top-color: #000; }
.tipsy-arrow-e { border-left-color: #000; }
.tipsy-arrow-w { border-right-color: #000; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
#close_Nav{float:right; cursor: pointer; margin-right:5px;margin-top:3px;width:20px; height:26px;background-image:url(/images/common/controller_on.gif);}
#close_Nav:hover {background-position:0px bottom;}  

#wrapper_nav {position:fixed; bottom:0px;left:0; width:100%; height:34px; z-index:999;}

div#wrapper_nav div#stickybar{position: relative;width:990px; margin:0 auto;bottom: 0px; height:34px}

#liveAgent {float:right; cursor: pointer; margin-right:20px;width:166px; height:24px;margin-top:4px;}
#liveAgent a.chatButton {display:block; float:right;width:110px; height:24px;background-image:url(/images/common/livechat.gif);}
#liveAgent a.chatButton_fr {display:block; width:166px; height:24px;background-image:url(/images/common/livechat_fr.gif);}
#liveAgent :hover {background-position:0px bottom}


div#stickybar div#multiculturalFooter div#SocialBar{float:left; width:100px; height:16px; margin-top:9px;margin-left:8px;}
div#stickybar div#multiculturalFooter div#SocialBar  ul.social li#social_facebook { margin-right:.5em;width:16px;height:16px; background-image:url(/images/home/2011/icon-facebook.gif);}
div#stickybar div#multiculturalFooter div#SocialBar  ul.social li#social_twitter { margin-right:.5em;width:16px;height:16px;  background-image:url(/images/home/2011/icon-twitter.gif);}
div#stickybar div#multiculturalFooter div#SocialBar  ul.social li#social_youtube {margin-right:.5em;width:16px;height:16px;   background-image:url(/images/home/2011/icon-youtube.gif);}
#multiculturalFooter #SocialBar a {display:block; width:16px; height:16px; margin-top:0px}
#multiculturalFooter #SocialBar a:hover {background-position:0px bottom}

.stickybar-open,.stickybar-close { height: 16px;width: 18px;cursor: pointer;float:left;bottom: 0;background-image:url(/images/common/collapse.gif); margin:2px 2px; margin-top:9px;}
.stickybar-open {width: 18px;height: 14px;background-image:url(/images/common/expand.gif);float:left;margin:9px 8px;}
#MulticulturalWrapper{width:250px;height:34; float:left; margin-left:20px; margin-top:2px;}
#stickybar #multiculturalFooter li {float:left  !important;}
#stickybar #multiculturalFooter #MulticulturalWrapper #MulticulturalNav li {padding-top:6px  !important;}
#stickybar #multiculturalFooter #MulticulturalWrapper #MulticulturalNav .cantonese a {background:url(/images/common/multicultural_btns_lang_01.gif) no-repeat 0 0; width:65px}
#stickybar #multiculturalFooter #MulticulturalWrapper #MulticulturalNav .mandarin a {background:url(/images/common/multicultural_btns_lang_02.gif) no-repeat 0 0; width:70px}
#stickybar #multiculturalFooter #MulticulturalWrapper #MulticulturalNav .punjabi a {background:url(/images/common/multicultural_btns_lang_03.gif) no-repeat 0 0; width:56px}
#stickybar #multiculturalFooter #MulticulturalWrapper #MulticulturalNav .tamil a {background:url(/images/common/multicultural_btns_lang_04.gif) no-repeat 0 0; width:58px }
#stickybar #multiculturalFooter #MulticulturalWrapper #MulticulturalNav a {display:block; width:73px; height:20px;  margin-bottom:4px;}
#stickybar #multiculturalFooter #MulticulturalWrapper #MulticulturalNav a:hover {background-position:0px bottom}
#stickybar #multiculturalFooter .close {position:fixed;bottom:0; left:0; height:17px; background:url(/images/common/chat_close.gif) no-repeat 0px 4px;
	text-decoration:none; color:#000; font-size:12px; font-family:Arial; padding:0 0 0 13px;margin: 0 0 0 8px }
#stickybar #multiculturalFooter .close:hover {background-position:0 4px}