/*  
*   Loyalty Scheme css file
*   AKQA for Fiat.co.uk
*   Developers: Andrea Ottolina
*
*   Many styles are copy&pasted from MyFiat CSS.
*   This code needs some clean-up:
*   - in particular the multi-color class declaration is no longer necessary because everything has been turned to red;
*   - also I'm working on refactoring buttons, however am not sure I'll have time enough to implement it.
*
*/


/* Base layout */
body {
    border: 0;
	color: #333;
	font-size: 62.51%;
	margin: 0;
}


/* Layout overrides and reset */
#mainContent {
	background: #fff url(/library/images/dealerlocator/imgBgMainContent.png) repeat-x 0 0;
    min-height: 313px;
	padding: 25px 23px 0;
	position: relative;
	width: 934px;
}
#mainContent a:link,
#mainContent a:visited,
#mainContent a:hover {
    color: #951a2e;
}
#mainContent ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#mainContent #column1  {
    margin: 0;
    padding: 0;
    padding-bottom: 20px;
    width: 934px;
}
#mainContent h2 {
	background:none;
	left: auto;
	margin: 0 0 15px;
	min-height: 0;
	padding: 0;
	position: static;
	top: auto;
}


/* Typography */
h2, h3, h4, p, input, label { text-transform: none; font-weight: normal; margin:0; padding: 0; }
h2 { font-size: 2.8em; }
h2 .cufon-canvas { margin: 3px 0 1px; }
h3 { font-size: 1.8em; }
h3 .cufon-canvas { margin: 2px 0 1px; }
h4, h5 { font-size: 1.4em; }
h4 .cufon-canvas { margin: 2px 0 2px; }
p, label, input, dl, .errorMessage, .comment, .label { font-size: 1.2em; }
p.cufon .cufon-canvas { margin: 1px 0; }

td { font-size: 1.1em; }
th { font-size: 1.5em; }
td td { font-size: 1em; }
td th { font-size: 1.3636em; }

h2, h3, h4, a, .cufon, .color { color: #951a2e; }
.plain { color: #333 !important; }

/* Tags definitions */
p { margin-bottom: 10px; }
dl { margin: 0 0 10px 0; overflow: hidden; width: 250px; }
dt, dd { margin: 0 0 10px 0; }
dt { clear: both; float: left; width: 100px; }
dd { float: right; width: 140px; }
table { border-collapse:collapse; }
table th { text-align: left; }


/* Columns definition */
div.columnWrapper div.column {
    display: inline;
    float: left;
}


/* Re-usable components */
div.hr {
    background: transparent url(/library/images/dealerlocator/imgDottedBorderGrey.gif) repeat-x left center;
    height: 20px;
    margin:10px 0;
    width: 100%;
    overflow:hidden;
}
div.hr hr {
    display: none;
}
.hidden {
    display:none;
}
div.introText {
    margin-bottom: 35px;
}
div.groupWrapper {
    background: transparent url(/library/images/dealerlocator/imgBgBox934px.png) no-repeat 0 100%;
    margin-bottom: 10px;
    padding-bottom: 30px;
    padding-left: 20px;
}
div.groupWrapper h2 {
    margin-bottom: 20px;
}
div.groupWrapper h3 {
    margin-bottom: 10px;
}
div.groupWrapper h4 {
    margin-bottom: 10px;
}
div.closer {
    margin-top: -10px;
}

/* Component: Balloon Popup */
span.bPop {
    position: relative;
    display: none;
    z-index: 100;
}
span.bPop a.bPopLink {
	background: transparent url(/library/images/dealerlocator/imgBtnSpriteBubbles.png) no-repeat 0 0; 
	background-position: 0 -100px;
	display:block;
	height:18px;
    margin-top: 2px;
	text-indent:-999em;
	width:18px;
}
span.popupWindow {
    bottom: 0;
    display: none;
    left: 0;
    margin-left: -98px;
    margin-bottom: 23px;
    position: absolute;
    width: 210px;
    z-index: 1000;
}
span.popupWindow span.popupHeader {
    background: transparent url(/library/images/dealerlocator/imgBgBaloonTop.png) no-repeat 0 0;
    display: block;
    height: 10px;
    overflow: hidden;
}
span.popupWindow span.popupContent {
    background: transparent url(/library/images/dealerlocator/imgBgBaloon.png) repeat-y 0 0;
    display: block;
    padding: 10px 18px;
    font-size:0.9em;
}
span.popupWindow span.popupFooter {
    background: transparent url(/library/images/dealerlocator/imgBgBaloonBottom.png) no-repeat 0 0;
    display: block;
    height: 10px;
    overflow: hidden;
}
span.popupWindow span.popupChevron {
    background: transparent url(/library/images/dealerlocator/imgBgBaloonChevron.png) no-repeat 0 0;
    bottom: -5px;
    display: block;
    height: 10px;
    overflow: hidden;
    position: absolute;
    margin-left: 100px;
    width: 14px;
}

/* Component: Dealer rating */
.dealerRatingContainer {
    margin: 5px 0;
    float: none;
    width: auto;
}
.dealerRatingContainer .rating {
   /* margin: 0 10px 0 0;*/
}
.dealerRatingContainer span.bPop {
    float: left;
    display:inline;
    margin: -9px 0 0 0;
}
#dealersFound .dealerRatingContainer span.bPop{margin:-9px 0 0 0;}
.dealerRatingContainer .bPop a.bPopLink {
    margin: 0;
}

/* Component: service icons */
#services {
    margin-right: -5px;
    word-spacing: -1em;
}
#services li {
    background: transparent url(/library/images/dealerlocator/imgServicesIconsSmall.png) no-repeat 0 0;
    display: -moz-inline-stack;
    display: inline-block;
    margin-right: 5px;
    padding-left:20px;
    vertical-align: top;
    width: 93px;
    word-spacing: normal;
} 
#services li.newCarSales { background-position: 0 0; }
#services li.commercialVehiclesSpecialist { background-position: 0 -25px; }
#services li.approvedUsedCars { background-position: 0 -75px; }
#services li.mobility { background-position: 0 -150px; }
#services li.partsAndServicing { background-position: 0 -225px; }
#services li.approvedBodyshop { background-position: 0 -300px; }
#services li.fleet { background-position: 0 -325px; }
#services li.myFiatParticipatingDealer { background-position: 0 -377px; }

/* Buttons styling */
/* Button Javascript management */
span.jButton a.button { display: none; }
html.jsEnabled span.jButton input.button { display: none; }
html.jsEnabled span.jButton a.button { display: inline-block; }

/* Big Buttons */
a.button,
a.button span,
input.button {
	background-color: transparent;
	background-image: url(/library/images/dealerlocator/imgBtnSprite.png);
	background-repeat: no-repeat;
	background-position: 0 0;
    cursor: pointer;
    display: inline-block;
	float: none;
	margin: 0 15px 0 0;
	outline: none;
    padding: 0 0 0 15px;
	vertical-align: top;
}
a.button span {
	background-position: 100% 0;
    color: #999;
    font-size: 1.4em;
    font-weight: bold;
	height: 1em;
    line-height: 1em;
	margin: 0 -18px 0 0;
    padding: 6px 18px 6px 0;
    position: relative;    
}
input.button {
    border: none;
    background-position: 90% 0;
    color: #999;
    cursor: pointer;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1em;
    margin: 0;
    overflow: visible;
    padding: 3px 12px 4px;
}

/* Small Buttons */ 
a.button.bsmall,
a.button.bsmall span,
input.button.bsmall {
	background-image: url(/library/images/dealerlocator/imgBtnSmallSprite.png);
	margin: 0 10px 0 0;
    padding: 0 0 0 10px;
}
a.button.bsmall span {
    font-size: 1em;
	margin: 0 -13px 0 0;
    padding: 7px 13px 6px 0;
}
input.button.bsmall {
    margin: 0;
	padding: 3px 6px 5px;
	font-size: 1em;
}

/* Multiple buttons */
div.buttons a.button {
	margin-right: 30px;
}
div.buttons a.button.bsmall {
	margin-right: 15px;
}
div.buttons input.button {
	margin-right: 15px;
}
div.buttons input.button.bsmall {
	margin-right: 5px;
}
/* Buttons Color and effects */
a:hover.button { }
a:hover.button span { color: #333; }
a:active.button { background-position: 0 -50px; color: #999; }
a:active.button span { background-position: 100% -50px; color: #999; }
a.button.bcolor { background-position: 0 0; }
a.button.bcolor span { background-position: 100% 0; color: #951a2e; }
a:hover.button.bcolor { background-position: 0 -100px; }
a:hover.button.bcolor span { background-position: 100% -100px; color: #ffffff; }
a:active.button.bcolor { background-position: 0 -150px; }
a:active.button.bcolor span { background-position: 100% -150px; color: #ffffff; }
a.button.bcta { background-position: 0 -100px; }
a.button.bcta span { background-position: 100% -100px; color: #ffffff; }
a:hover.button.bcta { background-position: 0 0; }
a:hover.button.bcta span { background-position: 100% 0; color: #951a2e; }
a:active.button.bcta { background-position: 0 -50px; }
a:active.button.bcta span { background-position: 100% -50px; color: #951a2e; }

input:hover.button { color: #333; }
input:active.button { background-position: 90% -50px; color: #999; }
input.button.bcolor { background-position: 90% 0; color: #951a2e; }
input:hover.button.bcolor { background-position: 90% -100px; color: #ffffff; }
input:active.button.bcolor { background-position: 90% -150px; color: #ffffff; }
input.button.bcta { background-position: 90% -100px; color: #ffffff; }
input:hover.button.bcta { background-position: 90% 0; color: #951a2e; }
input:active.button.bcta { background-position: 90% -50px; color: #951a2e; }


/* Form fields */
fieldset {
    border: none;
    display: inline;
    margin: 0;
    padding: 0;
}
input, select, textarea {
	border: 1px solid #b4b4b4;
	border-radius: 3px;
	-moz-border-radius: 3px; /*rounder corners FF*/
	-webkit-border-radius: 3px; /*rounder corners WebKit*/
	-khtml-border-radius: 3px; /*rounder corners Konqueror*/
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}
div.field {
    margin-bottom: 10px;
    margin-right: -10px;
}

div.field input,
div.field select,
div.field label,
div.field textarea,
div.field .button,
div.field span.label,
div.field span.comment,
div.field span.bPop,
div.field span.okBubble,
div.field span.errorBubble {
    float: left;
    margin-right: 10px;
}
div.field input,
div.field textarea {
    padding: 2px 9px;
    width: 140px;
}
div.field select {
    padding: 1px 0 1px 6px;
}
div.field option {
    padding: 0px 6px 0px 6px;
}
#column2 div.text input {
    width: 105px;
}
div.field span.bPop {
    margin-right: 5px;
}
div.field label,
div.field span.label {
    padding: 3px 0 0;
	width: 100px;
}
div.column div.text label,
div.column div.select label,
div.column div.text span.label,
div.column div.select span.label,
#column2 div.text label,
#column2 div.select label,
#column2 div.text span.label,
#column2 div.select span.label {
	width: 80px;
}
div.field label.cufon {
    font-size: 1em;
    padding: 5px 0 0;
}
div.field span.errorBox span.errorMessage {
    clear: both;
    display: inline;
    float: left;
    margin: 5px 0 0 120px;
	width: auto;
}
div.check span.errorBox span.errorMessage {
    margin-top: 0;
}
div.field span.errorBox span.wide {
    margin-left: 10px !important;
    width: 90% !important;
}
div#column2 span.errorBox span.errorMessage {
    margin: 5px 0 0 100px;
	width: 90%;
}
div#column2 span.errorBox span.errorBubble {
    display: none;
}
div.twoColumn div.column div.field span.errorBox span.errorMessage {
	margin: 5px 0 0 100px;
	width: 190px;
}
div.threeColumn div.column div.field span.errorBox span.errorMessage {
	margin: 5px 0 0 100px;
	width: 80px;
}
div.field span.comment {
    color: #999;
    display: inline;
    padding: 3px 0 0;
}
div.field span.errorBubble {
    top: -10px;
    position: relative;
    margin: 0;
    margin-bottom: -10px;
    margin-left: -5px;
}
div.field span.errorBubble {
}
div.field .button {
	margin-top: -3px;
	margin-bottom: -3px;
    position: relative;
}
div.field .button.bsmall {
	margin-top: -1px;
	margin-bottom: -3px;
    position: relative;
}
div.field input.neutral {
    background: none;
    border-color: #ffffff;
    font-weight: bold;
}
div.field input.btnCalendarIcon {
	width:19px;
	height:21px;
	padding:0px;
}
div.email input,
div.large input,
div.large select,
div.large textarea {
    width: 300px;
}
div.large select {
    width: 320px;
}
div.small input,
div.small select {
    width: 80px;
}
div.small select {
    width: 100px;
}
div.text input.blurred {
    color: #999 !important;
}
div.radio input,
div.check input {
    border: none;
    height: 13px;
    margin: 0;
    padding: 0;
    width: 13px;
}
div.radio label,
div.check label {
    margin: 0 20px 0 5px;
    padding: 0;
    width: auto;
}
div.radio span.label,
div.check span.label {
    padding: 0;
}
div.option {
    clear: both;
    color: #999;
    margin: -5px 0 10px;
}
div.option input {
    margin-left: 110px;
}

div.column div.option input,
div.column div.option a,
#column2 div.option input,
#column2 div.option a {
	margin-left: 90px;
}
div.option label {
    font-size: 1em;
}
div.noLabel {
    margin-left: 110px;
}
div.field div.multi {
    float: left;
}
div.field div.multi div.item {
    float: left;
    clear: left;
    margin-bottom: 5px;
}


/* ClearFix on layout elements, forms and shared components */
#mainContent:after,
.clearfix:after,
div.field:after,
div.siblings:after,
div.columnWrapper:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
#mainContent,
.clearfix,
div.field,
div.siblings,
div.columnWrapper { display: inline-block; }
#mainContent,
.clearfix,
div.field,
div.siblings,
div.columnWrapper { display: block; }


/********************/
/* Specific Styling */
/********************/

/* Map settings */
#mapPane {
    height: 400px !important;
    /*position: absolute;*/
    position: relative;
    width: 463px !important;
}
#mapPane #msftve_1000 .VEAPI_Pushpin {
    margin-left: -12px;
    margin-top: -36px;
}
#mapPane span.flagNumber {
    color: #fff;
    font-size: 9px;
    font-weight: bold;
    left: 0;
    margin: 0;
    padding: 19px 15px 0 25px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 17px;
}
#mapPane span.flagNumber.big {
    padding: 7px 6px 0 25px;
    font-size: 11px;
    width: 26px;
}
#mapPane img.flag.green {
    margin-left: -12px;
    margin-top: -36px;
}
/* Old way with background images (they don't come through when printing) */
/*
#mapPane div.flag {
    background: transparent url(/library/images/dealerlocator/imgMapFlagSmall.png) no-repeat 0 0;
    height: 53px;
    width: 57px;
}
#mapPane div.flag p {
    color: #fff;
    margin: 0;
    padding: 19px 15px 0 25px;
    width: 17px;
    font-size: 9px;
    font-weight: bold;
    text-align: center;
}
#mapPane div.flag p * {
    color: #fff;
}
#mapPane div.flag.green {
    background-image: url(/library/images/dealerlocator/imgMapFlagGreenSmall.png);
    margin-left: -12px;
    margin-top: -36px;
}
#mapPane div.flag.big {
    background-image: url(/library/images/dealerlocator/imgMapFlagBig.png);
}
#mapPane div.flag.big p {
    padding: 7px 6px 0 25px;
    font-size: 11px;
    width: 26px;
}
*/

/* Route planner settings */
#dealerRoutePlannerBox {
    position: relative;
}
#dealerRoutePlannerCover {
    background: #fff;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000;
}
#dealerRoutePlannerResults {
    display: none;
}
#dealerRoutePlannerResults ul {
    height: 124px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
}
#dealerRoutePlannerResults li {
    border-bottom: 1px solid #e1e1e1;
    clear: both;
    font-size: 1.1em;
    padding: 8px 0;
}
#dealerRoutePlannerResults li span.icon {
    background: transparent url(/library/images/dealerlocator/imgMapRouteSprite.png) no-repeat 0 -31px;
    color: #fff;
    display: block;
    float: left;
    font-weight: bold;
    height: 23px;
    margin: -8px 15px 0 0;
    padding-top: 8px;
    position: relative;
    text-align: center;
    width: 31px;
}
#dealerRoutePlannerResults li span.directions {
    display: block;
    margin: 0;
    overflow: hidden;
}
#dealerRoutePlannerResults li.start span.icon {
    background-position: 0 0;
}
#dealerRoutePlannerResults li.end {
    border-bottom: none;
}
#dealerRoutePlannerResults li.end span.icon {
    background-position: 0 -62px;
}

/* Printmap button */
div.printMapButton {
    display: inline;
    float: right;
    margin-right: 15px;
}

/* Search Dealer Page */
#dlSearchPage { display: none; }

#dlSearchPage #searchBox {
    width: 340px;
    margin-right: 105px;
}
#dlSearchPage #searchBox div.text {
    margin-bottom: 20px;
}
#dlSearchPage #searchBox div.text input {
    width: 320px;
}
#dlSearchPage #searchBox div.text span.errorBox span.errorMessage {
    width: 300px;
    margin-left: 10px;
}
#dlSearchPage #searchBox .label {
    width: 70px;
}
#dlSearchPage #searchDisambiguate {
    margin: -10px 0 30px;
}
#dlSearchPage #searchDisambiguate p {
    font-size: 1.1em;
}
#dlSearchPage #searchDisambiguate ul {
    list-style-type: disc;
    padding-left: 15px;
}
#dlSearchPage #searchRegion {
    margin-left: 80px;
}
#dlSearchPage #searchRegion ul li {
    clear: left;
    float: left;
    margin-bottom: 5px;
}
#dlSearchPage #searchServices ul {
    margin-top: 25px;
    width: 360px;
}
#dlSearchPage #searchServices ul li {
    float:left;
    margin-bottom: 5px;
    width:180px;
}
#dlSearchPage #searchServices label {
    display: inline;
    font-size: 1.1em;
    margin: 0 0 0 10px;
    width: 150px;
}
#dlSearchPage #searchButton {
    display: inline;
    float: right;
    margin-right: 35px;
}
#dlSearchPage #mapPane {
    display: none;
}

/* Results by Location */
#dlResultsPage #dealersFound,
#dlResultsPage #dealerDetailsBox,
#dlResultsPage #dealerRoutePlannerBox {
    display: none;
}
#dlResultsPage div.groupWrapper {
    background-image: url(/library/images/dealerlocator/imgBgBox934pxGap.png);
}
#dlResultsPage div.introText {
    margin-bottom: 20px;
}
#dlResultsPage div.introText .button {
    margin-top: 10px;
}
#dlResultsPage div.introText h2 {
    margin: 10px 0;
}
#dlResultsPage div.introText p {
    float: left;
    margin: 0;
    width: 657px;
}
#dlResultsPage #sideBox {
    margin-right: 4px;
    min-height: 10px;
    width: 190px;
}
#dlResultsPage #sideBox ul {
    position: relative;
}
#dlResultsPage #sideBox li {
    margin-bottom: 15px;
    padding:5px 0 15px 5px;
    border-bottom: 1px solid #e9e9e9;
}
#dlResultsPage #mainBox {
    width: 720px;
}
#dlResultsPage #mapBox {
    background: #eee;
    height: 400px;
    position: relative;
    width: 463px;
}
#dlResultsPage #dealerContainerBox {
    background: transparent url(/library/images/background/bg-nearest-dealer.jpg) repeat-x bottom;
    padding-bottom:40px;
    border-bottom:#951a2e solid 1px;
    position:relative;
}
#dlResultsPage .ps {
    position:absolute;
    left:10px;
    bottom:8px;
}
#dlResultsPage .ps2 {
    position:absolute;
    right:20px;
    bottom:40px;
}

#dlResultsPage #mapSideBox {
    float: left;
    width: 257px;
}
#dlResultsPage #supportCopy {
    padding: 0 20px;
}
#dlResultsPage #dealerDetailsBox {  border-top:#951a2e solid 1px; padding-left: 10px;}
#dlResultsPage #dealerDetailsBox dl { width: 100%;}
#dlResultsPage #dealerDetailsBox dt { margin-bottom: 3px; width: 33%; }
#dlResultsPage #dealerDetailsBox dd { margin-bottom: 3px; width: 65%; }

#dlResultsPage #dealerDetailsBox #setAsPreferredButton {
    margin-left:5px;
}

#dlResultsPage #dealerDetailsBox #dealerDetailsButton,
#dlResultsPage #dealerDetailsBox #setAsPreferredButton {
    float:left;
}

#dlResultsPage #dealerRoutePlannerBox {
    padding: 20px;
}
#dlResultsPage #dealerRoutePlannerBox label {
    width: auto;
}
#dlResultsPage #dealerRoutePlannerResults {
    padding: 0 0 20px 20px;
}
#dlResultsPage #dealerRoutePlannerResults li {
    width: 480px;
}
#dlResultsPage #sideBox .selected {
    background: transparent url(/library/images/background/bg-nearest-dealer.jpg) repeat-x bottom;
    border-top:#951a2e solid 1px;
    border-bottom:#951a2e solid 1px;
}

.preferredDealer {
     background: transparent url(/library/images/dealerlocator/preferred-dealer-on.gif) no-repeat 0 0;
     padding-top:25px;
     display:block;
}

#dlResultsPage #dealersFound h5 {
    margin-bottom: 2px;
}
#dlResultsPage #dealersFound h5 a { color: #951a2e; text-decoration: none; }
#dlResultsPage #dealersFound h5 a:hover { color: #333; }
#dlResultsPage #dealersFound .vcard .distance {
    font-size: 1.3em;
}
#dlResultsPage #dealersFound .vcard .adr {
    font-size: 1.1em;
}
#dlResultsPage #dealersFound .dealerRatingContainer .rating {
   /* margin: 0 4px 0 0;*/
}
#dlResultsPage #dealerDetailsBox .vcard h3 {
    margin-top:15px;
    margin-bottom: 2px;
}
#dlResultsPage #dealerDetailsBox .vcard .distance {
    font-size: 1.3em;
}
#dlResultsPage #dealerDetailsBox .vcard .adr {
    font-size: 1.1em;
    margin-bottom: 5px;
}
#dlResultsPage #dealerDetailsBox .dealerRatingContainer {
    margin-bottom: 12px;
}
#dlResultsPage #dealerDetailsBox dl {
    font-size: 1.1em;
    margin-bottom: 0;
}
#dlResultsPage #dealerDetailsBox dt {
    color: #951a2e;
}
#dlResultsPage #dealerDetailsBox p.title {
    color: #951a2e;
    font-size: 1.1em;
    margin-bottom: 5px;
}
#dlResultsPage #dealerDetailsBox li {
    margin-bottom: 8px;
}
#dlResultsPage #dealerDetailsBox div.hr {
    margin: 0;
}
#dlResultsPage #dealerDetailsBox div.buttons {
    margin-top: 10px;
    margin-right: -10px;
}

/* Dealer info page */
#dlInfoPage h3,
#dlInfoPage h4 {
    margin-bottom: 5px;
}
#dlInfoPage div.introText {
    margin-bottom: 0;
}
#dlInfoPage div.introText h2 {
    margin: 10px 0;
}
#dlInfoPage div.introText p {
    float: left;
    margin: 0;
    width: 657px;
}
#mainContent div.introText a.button:hover span,
#mainContent div.dealerPanel a.button:hover span,
#mainContent div.printMapButton a.button:hover span    {color:#fff !important;}

#dlInfoPage div.introText span.bPop {float:left; margin:0 0 0 10px;}
#dlInfoPage #dealerDetailsBox {
    margin-right: 20px;
    width: 416px;
}
#dlInfoPage #dealerDetailsBox div.buttons {
    padding-top: 15px;
}
#dlInfoPage #dealerDetailsBox .vcard .fn {
    display: none;
}
#dlInfoPage #mapBox {
    width: 463px;
}
#dlInfoPage div.thumb {
    background: transparent url(/library/images/dealerlocator/imgBgThumbFrame.png) no-repeat scroll 0 100%;
    float: right;
    margin: -8px -6px 0;
    position: relative;
    width: 211px;
}
#dlInfoPage div.frame {
    background: transparent url(/library/images/dealerlocator/imgBgThumbFrame.png) no-repeat scroll 100% 0;
    padding: 12px 14px 0 12px;
    margin-bottom: 16px;
}
#dlInfoPage #dealerDetailsBox dl { width: 200px;}
#dlInfoPage #dealerDetailsBox dl { font-size: 1.1em;  margin-bottom: 0; }
#dlInfoPage #dealerDetailsBox dt { margin-bottom: 3px; width: 65px; }
#dlInfoPage #dealerDetailsBox dt { color: #951a2e; }
#dlInfoPage #dealerDetailsBox dd { margin-bottom: 3px; width: 130px; }
#dlInfoPage #services {
    margin-right: -22px;
}
#dlInfoPage #services li {
    width: 104px;
    margin: 0 22px 8px 0;    
}
#dlInfoPage table.times th,
#dlInfoPage table.times td {
    font-size: 1.1em;
    font-weight: normal;
    padding-right: 25px;
}
#dlInfoPage #dealerRoutePlannerBox {
    margin-top: 15px;
}
#dlInfoPage #dealerRoutePlannerBox label {
    display: block;
    width: 100%;
    margin-bottom: 5px;
}
#dlInfoPage #dealerRoutePlannerResults {
    padding: 0 0 20px 0;
}

/* Book a service popup */
#bookAServicePopup {
    background: #fff none;
    margin: 10px;
    text-align: center;
}
#bookAServicePopup h1 {
    background: #fff url(/library/images/dealerlocator/imgLogoFiat.png) no-repeat 0 0;
    display: block;
    height: 62px;
    left: auto;
    margin: 0 auto;
    overflow: hidden;
    position: static;
    text-indent: -999em;
    top: auto;
    width: 63px;
}
#bookAServicePopup div.headerWrapper,
#bookAServicePopup div.groupWrapper {
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    text-align: left;
    width: 722px;
}
#bookAServicePopup div.headerWrapper .button {
    position: absolute;
    top: 15px;
    right: 15px;
}
#bookAServicePopup div.groupWrapper {
    background: transparent url(/library/images/dealerlocator/imgBgBoxBookService.png) no-repeat 0 100%;
}
#bookAServicePopup div.groupWrapper.confirmation {
    background-image: url(/library/images/dealerlocator/imgBgBoxBookServiceConfirmation.png);
}
#bookAServicePopup div.groupWrapper h3 {
    margin-bottom: 5px;
}
#bookAServicePopup div.groupWrapper div.column {
    width: 349px;
}
#bookAServicePopup div.groupWrapper div.column.right {
    float: right;
}
#bookAServicePopup div.field label {
    font-size: 1.1em;
}
#bookAServicePopup div.text input{
    width: 239px;
}
#bookAServicePopup div.select select {
    width: 259px;
}
#bookAServicePopup div.small input {
    width: 100px;
}
#bookAServicePopup div.noLabel {
    margin-left: 90px;
}
#bookAServicePopup div.right div.text label {
    padding-bottom: 3px;
    margin-bottom: 10px;
}
#bookAServicePopup div.right div.text textarea {
    width: 329px;
    height: 70px;
}
/*--dealer locator Conflicts (styles added by Martin)--*/

.alertLay {
	float:left;	
	position:relative;
	width:914px;
	background:url('/library/images/dealerlocator/alertPuffTop-937x562.jpg') repeat-x left top;
}
.alertDealer {
	float:left;
	padding:10px 18px;
	background:url('/library/images/dealerlocator/alertPuffbtm-937x8.jpg') repeat-x left bottom;	
	width:878px;
}
	.alertDealer div.alert {
		float:left;
		background:url('/library/images/dealerlocator/alertIcon-73x65.png') repeat-x left top;
		width:52px;
		height:65px;
		padding:0px 10px;
		text-indent:-9999em;
	} 
	.alertDealer div.alertContent {
		margin:5px 0;
	}
	div.alertDealer p {
		margin:0 0 10px 82px !important;
	}	
	div.leftTopPuff {
        background:url('/library/images/dealerlocator/leftPuffTop-251x575.jpg') repeat-y left top;
        width:251px;
        float:left;
        padding:10px 0 0;
	}
    div.leftTopPuff ul {
        float:left;
        background:url('/library/images/dealerlocator/leftPuffBtm-251x12.jpg') no-repeat left bottom;
        width:251px;
        padding:0px 10px 20px 20px !important;
    }
    div.leftTopPuff p {
        margin:0;
    }
    div.leftTopPuff ul li {
         background:url('/library/images/dealerlocator/alertIcon-28x29.png') no-repeat 0 50%;                
         height:35px;
         padding:0 10px 0 35px;
    }
    div.leftTopPuff ul li #continueToMyFiatButton 
    {
        margin-top:5px;
    }