﻿/*  
*   Loyalty Scheme css file
*   AKQA for Fiat.co.uk
*   Developers: Andrea Ottolina & Mindaugas Vaiciulis & Martin Shaw
*/




/* Base layout */
body {
    border: 0;
	color: #333;
	font-size: 62.51%;
	margin: 0;
}
#fiatFooter, #fiatPageTerminator {
    font-size: 110%;
    }
/* Layout overrides and reset */
#mainContent {
	background: #fff;
    min-height: 243px;
	padding: 25px 23px 0;
	position: relative;
	width: 934px;
}
#mainContent ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
form.formOneColMaster div#column1  {
    margin: 0;
    padding: 0;
    padding-bottom: 20px;
    width: 934px;
}
form.formTwoColMaster div#column1 {
    margin: 0;
    padding: 0;
    padding-bottom: 20px;
    width: 646px;
    position:relative;
}
form.formTwoColMaster div#column2 {
    float: right;
    padding-left: 0;
    width: 273px;
}
#column1 h2 {
	background:none;
	left: auto;
	margin: 0 0 10px;
	min-height: 0;
	padding: 0;
	position: static;
	top: auto;
}
form.formTwoColMaster div#column1.loyBack {
    background: #fff url(/library/images/loyaltyscheme/bg_loyality_pass_1x105.png) repeat-x 0 100%;
    float:left;
    padding:0 0 40px 10px;
    width:636px
}
#fatFooter {
    background:#fff url(/library/images/footer/footer-bg.gif) no-repeat 50% 0;
	font-size:112%;
}

/* 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; }
h3 small {font-size:0.611em;font-weight:bold;color:#484848;background:url("/library/images/loyaltyscheme/imgDottedBorderGrey.gif") repeat-x 0 0;padding:20px 0 0; width:625px;float:left;margin:0 0 5px;}
   h3 small.carSave{
    background:none;
    color:#96172e;
    padding:0;
    display:block;
    
   }
   h3 small label{font-weight:bold;}    
   
h4 { font-size: 1.4em; }
h4 .cufon-canvas { margin: 2px 0 1px; }
p, label, input, dl, .errorMessage, .comment, .label { font-size: 1.1em; }

td { font-size: 1.1em; }
th { font-size: 1.5em; }
td td { font-size: 1em; }
td th { font-size: 1.3636em; }
/* p { margin-bottom: 15px; } */
p { margin-bottom: 10px; }
#column2 p { margin-bottom: 10px; }
p.att,
dl.att { font-size: 1.2em; }
p.cufon { font-size: 1.2em; }
p.cufon .cufon-canvas { margin: 1px 0; }


/* Pagewise backgrounds */
form.myFiatLogin div#column1 {
    padding-bottom: 220px;
    background: transparent url(/library/images/loyaltyscheme/imgBgPageFooterGearIcon.png) no-repeat 120px 100%;
}
form.myFiatBenefits div#mainContent {
    background: #fff url(/library/images/loyaltyscheme/imgBgPageSideStarIcon.png) no-repeat 100% 0;
}
form.myFiatPreferredDealer div#mainContent,
form.myFiatMyAccount div#mainContent {
    background: #fff url(/library/images/loyaltyscheme/imgBgPageSidePlusIcon.png) no-repeat 100% 0;
}
/* Tags definitions */
dl { margin: 0 0 10px 0; overflow: hidden; width: 350px; }
dt, dd { margin: 0 0 10px 0; }
dt { clear: both; float: left; width: 100px; }
dd {
	float: right;
	width: 240px;
}
table {
    border-collapse:collapse;
}
table th {
    text-align: left;
}
/* Column definition */
div.twoColumn,
div.threeColumn {
    margin-left: -20px;
    margin-right: -4px;
    position: relative;
}
div.threeColumn {
    margin-right: -5px;
}
div.twoColumn div.column,
div.threeColumn div.column {
    background: transparent url(/library/images/loyaltyscheme/imgBgBox321px.png) no-repeat 0 100%;
    display: inline;
    float: left;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 4px;
    padding: 0 10px 25px 20px;
    width: 291px;
}
div.threeColumn div.column {
    background: transparent url(/library/images/loyaltyscheme/imgBgBox212px.png) no-repeat 0 100%;
    margin-right: 5px;
    width: 182px;
}
div.twoColumnBg,
div.threeColumnBg {
    background: transparent url(/library/images/loyaltyscheme/imgBgBox646px-2column.png) no-repeat 0 100%;
    margin-left: -20px;
    padding-left: 20px;
    padding-bottom: 25px;
    position: relative;
}
div.threeColumnBg {
    background-image: url(/library/images/loyaltyscheme/imgBgBox646px-3column.png);
}
#myFiatLogin a { /* set myFiatLogin tab to reverse*/
    background-position:0 100%;
    }
#myFiatLogin a:hover { /* set myFiatLogin tab to reverse*/
    background-position:0 0;
    }    
/* Re-usable components */
dl.compact dt,
dl.compact dd {
    margin-bottom: 0px;
}
dl.highlight dd {
    font-weight: bold;
}
div.hr {
    background: transparent url(/library/images/loyaltyscheme/imgDottedBorderGrey.gif) repeat-x left center;
    height: 20px;
    margin: 10px 0;
    /*width: 625px;  */
   
 
}
div.hr hr {
    display: none;
}
.errorBox {}
.errorSummaryBox {
    display: block;
    margin-bottom: 20px;
}
.errorMessage {
    color: #cc0000;
}
.errorSummaryBox .errorMessage {
    display: inline-block;
    margin: 0;
    position: relative;
}
.errorSummaryBox .errorMessage {
}
.errorSummaryBox .errorBubble {
    display: block;
    top: -15px;
    position: absolute;
    right: -40px;
}
.hidden {
    display:none;
}
div.introText {
    margin-bottom: 35px;
}
div.introText h2 {
    color: #951A2E;
}
div.groupWrapper {
    background: transparent url(/library/images/loyaltyscheme/imgBgBox646px.png) no-repeat left bottom;
    margin-bottom: 10px;
    padding-bottom: 40px;
    padding-left: 20px;
    float:left;
}
     div.groupWrapper.myFiat {
         width:625px;
    }
div.groupWrapper div.decorated {
    margin-bottom: -30px;
    padding-bottom: 30px;
    position: relative;
}
div.groupWrapper h2 {
    margin-bottom: 20px;
}
div.groupWrapper h3 {
    margin-bottom: 10px;
}
div.groupWrapper h4 {
    margin-bottom: 10px;
}
#column2 div.groupWrapper {
    background: transparent url(/library/images/loyaltyscheme/imgBgBox273px.png) no-repeat 0 100%;
    margin-bottom: 10px;
    padding-bottom: 40px;
    padding-left: 10px;
    padding-right: 20px;
    position: relative;
}
div.noBorder {
    background: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
div.banner {
    background: none;
    padding-left: 0;
    padding-right: 0;
    margin: 30px 0 30px;
}
div.closer {
    margin-top: -10px;
}
div.leftBox {
    float: left;
    width: 464px;
}
div.rightBox {
    display: inline;
    float: right;
    width: 160px;
}
div.siblings h3 {
    float: left;
    margin: 0;
}
div.siblings.title {
    margin: 5px 0 10px;
}
div.siblings .button,
div.siblings .buttonColor,
div.siblings .buttonCta,
div.siblings .buttonSmall,
div.siblings .buttonSmallColor,
div.siblings .buttonSmallCta {
    display: inline;
    float: right;
    margin: 0 220px 0 0;
}
div.siblings span.bPop {
    display: inline;
    float: left;
    margin: 0 0 0 20px;
}

span.okBubble {
	background: transparent url(/library/images/loyaltyscheme/imgBtnSpriteBubbles.png) no-repeat 0 -150px; 
	display: block;
	height: 30px;
	text-indent: -999em;
	width: 40px;
}
span.errorBubble {
	background: transparent url(/library/images/loyaltyscheme/imgBtnSpriteBubbles.png) no-repeat 0 -200px; 
	display: block;
	height: 30px;
	text-indent: -999em;
	width: 40px;
}
ul.checkList {
    padding: 0 !important;
    margin: 0 !important;
}
ul.checkList li {
	background: transparent url(/library/images/loyaltyscheme/imgBtnSpriteBubbles.png) no-repeat 0 -250px; 
	display: block;
	float: left;
	font-weight: bold;
    padding-left: 20px;
    margin-right: 10px;
}
span.strength0,
span.isNotOK { color:#cc0000; }
span.strength1 { color:#cc0000; }
span.strength2 { color:#ff9900; }
span.strength3 { color:#43a627; }
span.strength4,
span.isOK { color:#43a627; }

.dealerRatingContainer {
    margin: 5px 0;
    float: none;
    width: auto;
}
.dealerRatingContainer .bPop {
    float: left;
    margin: 0;
}
.dealerRatingContainer .bPop a.bPopLink {
    margin: 0;
}

/* service icons */
span.icon {
    background-image: url(/library/images/loyaltyscheme/imgServicesIcons.png);
    backgroung-repeat: no-repeat;
    display: block;
    height: 26px;
    overflow: hidden;
    text-indent: -999em;
    width: 26px;
    margin: 0 auto;
}
span.icon.wheel { background-position: 0 0; }
span.icon.snow { background-position: 0 -26px; }
span.icon.shock { background-position: 0 -52px; }
span.icon.oil { background-position: 0 -78px; }
span.icon.fuel { background-position: 0 -104px; }
span.icon.gear { background-position: 0 -130px; }
span.icon.tool { background-position: 0 -156px; }

/* Pagination */
div.pagination {
    margin: 10px 0;
	overflow: hidden;
	width: 100%;
}
div.pagination span {
	display: inline;
	float: left;
	font-size: 1.1em;
	margin-right: 4px;
}
div.pagination ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div.pagination ul li {
	display: inline;
	float: left;
    font-size: 1.1em;
	list-style: none;
	margin: 0 2px;
	padding: 0;
}
div.pagination ul li a {
    display: block;
	text-decoration: none !important;
}
div.pagination ul li a:hover {
	text-decoration: underline !important;
}	
div.pagination ul .previous,
div.pagination ul .previous-off,
div.pagination ul .next,
div.pagination ul .next-off {
	background: transparent url(/library/images/loyaltyscheme/imgBtnPagination.png) no-repeat 0 0; 
	height: 13px;
	margin-top: 1px;
	overflow: hidden;
	text-indent: -999em;
	width: 13px;
}
div.pagination ul .next {
	background-position: -13px 0; 
}
div.pagination ul .previous-off {
	background-position: 0 100%; 
}
div.pagination ul .next-off {
	background-position: -13px 100%; 
}
div.pagination ul .current {
	font-weight: bold;
}

/* News boxes */
div.newsItem {
	border-bottom: 1px dotted #D4D4D4;
	padding-bottom: 10px;
	height:170px;
}
div.newsItem h4 {
	margin: 5px 0 0;
}
div.newsItem p.date {
	font-size: 1em;
	margin: 0;
}
div.newsItem div.thumb {
	background: transparent url(/library/images/loyaltyscheme/imgBgThumb.png) no-repeat 0 0;
    margin: -5px 0 0 -5px;
    height: 89px;
    position: relative;
    width: 125px;
    float: left;
}
div.newsItem div.thumb img {
	margin: 13px 0 0 13px;
}
div.newsItem div.copy {
	float: left;
	padding-top: 5px;
}
div.newsItem div.copy p {
	margin-bottom: 5px;
}

/* Benefit list and Icons */
span.benefitIcon {
    background-image: url(/library/images/loyaltyscheme/imgBenefitIcons.png);
    background-color: transparent;
    background-repeat: no-repeat;
    display: block;
    height: 30px;
    overflow: hidden;
    text-indent: -999em;
    width: 30px;
    margin: 0 auto;
}
span.benefitIcon.partsandacessories { background-position: 0 0; }
span.benefitIcon.vehicleservice { background-position: 0 -100px; }
span.benefitIcon.generic { background-position: 0 -200px; }
span.benefitIcon.relatedservices { background-position: 0 -300px; }
span.benefitIcon.finance { background-position: 0 -400px; }
span.benefitIcon.usercarsales { background-position: 0 -500px; }
span.benefitIcon.eventinvitation { background-position: 0 -600px; }
span.benefitIcon.newcardsales { background-position: 0 -700px; }

ul.benefits {
    margin: 0;
	padding: 0;
}
ul.benefits li {
    background-image: url(/library/images/loyaltyscheme/imgBenefitIcons.png);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 15px;
    border-top:1px solid #E9E9E9;
    margin-right: 10px;
    padding:15px 0 15px 50px;
}
ul.benefits li.partsandacessories { background-position: 0 15px; }
ul.benefits li.vehicleservice { background-position: 0 -85px; }
ul.benefits li.generic { background-position: 0 -185px; }
ul.benefits li.relatedservices { background-position: 0 -285px; }
ul.benefits li.finance { background-position: 0 -385px; }
ul.benefits li.usercarsales { background-position: 0 -485px; }
ul.benefits li.eventinvitation { background-position: 0 -585px; }
ul.benefits li.newcardsales { background-position: 0 -685px; }

ul.benefits li h4 {
    font-size: 1.3636em;
    float: left;
    margin: 0;
	width: 63%;
	color:#951A2E;
	font-weight:normal;
}
ul.benefits li p {
    margin: 0;
}
ul.benefits li p.location {
    float: right;
	text-align: right;
	width: 35%;
}
#mainContent ul.benefits li p.location a {
    font-weight: bold;
    text-decoration:none;
}
ul.benefits li p.added {
    clear: both;
}

/* Other stuff */
.lArrow,
.rArrow {
    background: transparent url(/library/images/loyaltyscheme/imgBtnArrowsSprite.png) no-repeat 0 -2px; 
    height: 12px;
    line-height: 12px;
    margin: 0;
    padding: 0;
    padding-left: 15px;
}
.rArrow {
    background-position: 100% -18px;
    padding-left: 0;
    padding-right: 15px;
}
#mapPane {
    display: none;
}
#dealerLocatorResults {
    display: none;
}
.vcard .fn {
    font-weight: bold;
}

/* Component: LightBox */
#lightBoxBg {
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 1000;
}
#lightBoxWindow {
    left: 0;
    top: auto;
    position: absolute;
    width: 669px;
    z-index: 1001;
}
#lightBoxWindow div.groupWrapper {
    background: none;
    margin: 0;
    padding: 0;
    border-bottom: none !important;
}
#lightBoxHeader {
    background: transparent url(/library/images/loyaltyscheme/imgBgLightBoxTop.png) no-repeat 0 0;
    height: 10px;
}
#lightBoxContent {
    background: transparent url(/library/images/loyaltyscheme/imgBgLightBox.png) repeat-y 0 0;
    padding: 10px 20px;
    float:left; /*MS Added as content block wasnt expanding with content*/
   width:640px
}
#lightBoxContent #scrollable {
    padding-right: 10px;
    position: relative;
}
#lightBoxFooter {
    background: transparent url(/library/images/loyaltyscheme/imgBgLightBoxBottom.png) no-repeat 0 0;
    height: 10px;
    float:left;       
    width:100%;
}
#lightBoxClose {
    position: absolute;
    top: 20px;
    right: 20px;
}

/* Component: Balloon Popup */
span.bPop {
    position: relative;
    display: none;
    z-index: 100;
}
span.bPop p {
    font-size:1em;
}
span.bPop a.bPopLink {
	background: transparent url(/library/images/loyaltyscheme/imgBtnSpriteBubbles.png) no-repeat 0 0; 
	display:block;
	height:18px;
    margin-top: 2px;
	text-indent:-999em;
	width:18px;
}
span.bPop span.popupWindow {
    bottom: 0;
    display: none;
    left: 0;
    margin-left: -98px;
    margin-bottom: 23px;
    position: absolute;
    width: 210px;
    z-index: 1000;
}
span.bPop span.popupHeader {
    background: transparent url(/library/images/loyaltyscheme/imgBgBaloonTop.png) no-repeat 0 0;
    display: block;
    height: 10px;
    overflow: hidden;
}
span.bPop span.popupContent {
    background: transparent url(/library/images/loyaltyscheme/imgBgBaloon.png) repeat-y 0 0;
    display: block;
    padding: 10px 18px;
    font-size: 0.9em;
}
span.bPop span.popupFooter {
    background: transparent url(/library/images/loyaltyscheme/imgBgBaloonBottom.png) no-repeat 0 0;
    display: block;
    height: 10px;
    overflow: hidden;
}
span.bPop span.popupChevron {
    background: transparent url(/library/images/loyaltyscheme/imgBgBaloonChevron.png) no-repeat 0 0;
    bottom: -5px;
    display: block;
    height: 10px;
    overflow: hidden;
    position: absolute;
    margin-left: 100px;
    width: 14px;
}

/* Component: Big Balloon */
div.bigBalloon {
	background: transparent url(/library/images/loyaltyscheme/imgBigBalloon.png) no-repeat 0 0;
	width: 298px;
}
div.bigBalloon div.content {
	margin-bottom: -10px;
	padding: 35px 30px 0;
}
div.bigBalloon div.chevron {
	background: transparent url(/library/images/loyaltyscheme/imgBigBalloon.png) no-repeat 0 100%;
	height: 70px;
}
div.bigBalloon.right div.chevron {
	background-position:100% 100%;
}


#column2 div.bigBalloon {
    margin-left: -15px;
    margin-right: -25px;
    margin-bottom: 5px;
   	position: relative;
}

/* Component: SideSocialLinks */
#boxSideLinks {
    background: transparent url(/library/images/loyaltyscheme/imgBgSideSocialLinks.png) no-repeat 100% 0;
    height: 46px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 235px;
}
#boxSideLinks p {
    color: #951a2e;
    display: inline;
    float: left;
    margin: 13px 0 0 45px;
}
#boxSideLinks p .cufon-canvas {
    margin: 1px 0;
}
#boxSideLinks ul {
    display: inline;
    float: left;
    margin: 9px 0 0 10px;
    width: 92px;
}
#boxSideLinks ul li {
    list-style-type: none;
   	float: left;
	margin-right: 1px;
}
#boxSideLinks ul li a {
	background: transparent url(/library/images/loyaltyscheme/imgSocialIcons.png) no-repeat 0 0;
	display: block;
	height: 22px;
	overflow: hidden;
	text-indent: -999em;
	width: 22px;
}
#boxSideLinks ul li a.twitter { background-position: 0 0; }
#boxSideLinks ul li a.facebook { background-position: -23px 0; }
#boxSideLinks ul li a.youtube { background-position: -46px 0; }
#boxSideLinks ul li a.myspace { background-position: -69px 0; }

/* Buttons styling */
.jButton{
width:auto;
/*display:block;*/
/*clear:both;*/
padding:8px 0 0;
}
span.jButton a.button,
span.jButton a.buttonColor,
span.jButton a.buttonCta,
span.jButton a.buttonSmall,
span.jButton a.buttonSmallColor,
span.jButton a.buttonSmallCta { display: none; }
html.jsEnabled span.jButton input.button,
html.jsEnabled span.jButton input.buttonColor,
html.jsEnabled span.jButton input.buttonCta,
html.jsEnabled span.jButton input.buttonSmall,
html.jsEnabled span.jButton input.buttonSmallColor,
html.jsEnabled span.jButton input.buttonSmallCta { display: none; }


a.button,
a.buttonColor,
a.buttonCta,
a.buttonSmall,
a.buttonSmallColor,
a.buttonSmallCta,
html.jsEnabled span.jButton a.button,
html.jsEnabled span.jButton a.buttonColor,
html.jsEnabled span.jButton a.buttonCta,
html.jsEnabled span.jButton a.buttonSmall,
html.jsEnabled span.jButton a.buttonSmallColor,
html.jsEnabled span.jButton a.buttonSmallCta,
input.button,
input.buttonColor,
input.buttonCta,
input.buttonSmall,
input.buttonSmallColor,
input.buttonSmallCta {
    background: transparent url(/library/images/loyaltyscheme/imgBtnSprite.png) no-repeat 0 0;
    cursor: pointer;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
    float: none;
    margin: 0 12px 0 0;
    padding: 0 0 0 15px;
}
a.buttonSmall,
html.jsEnabled span.jButton a.buttonSmall {
    background-position: 0 -100px;
}
input.button,
input.buttonColor,
input.buttonCta,
input.buttonSmall,
input.buttonSmallColor,
input.buttonSmallCta {
    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: 4px 15px 6px;
}
a.button span,
a.buttonColor span,
a.buttonCta span,
a.buttonSmall span,
a.buttonSmallColor span,
a.buttonSmallCta span {
    background: transparent url(/library/images/loyaltyscheme/imgBtnSprite.png) no-repeat 100% 0;
    color: #999;
        display: -moz-inline-stack;
        display: inline-block;
        vertical-align: top;
    font-size: 1.4em;
    font-weight: bold;
    height: 1em;
    line-height: 1em;
    margin: 0 -18px 0 0;
    padding: 6px 18px 6px 0;
    position: relative;
}
div.saveCarBtn a.buttonSmallCta span {   
    height:12px;    
}
 div.saveCarBtn span.jButton{
    display:inline-block;
    float:left;
    padding:0;
    margin-right:3px;
 }

.sThree, .sThreeCancel {
    /*margin-right:10px;*/
    float:left;
}
.sThreeCancel a span{
color:#96172e;
}

html.jsEnabled span.jButton a.buttonSmall,
html.jsEnabled span.jButton a.buttonSmallColor,
html.jsEnabled span.jButton a.buttonSmallCta,
a.buttonSmall,
a.buttonSmallColor,
a.buttonSmallCta {
    margin-right: 7px;
    padding-left: 10px;
}
a.buttonSmall span,
a.buttonSmallColor span,
a.buttonSmallCta span {
    margin-right: -13px;
    padding-right: 13px;
}
input.buttonSmall,
input.buttonSmallColor,
input.buttonSmallCta {
    padding-left: 10px;
    padding-right: 10px;
}
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; }

input:hover.button { color: #333; }
input:active.button { background-position: 90% -50px; color: #999; }

a.buttonSmall { background-position: 0 -100px; }
a.buttonSmall span { background-position: 100% -100px; }
a:hover.buttonSmall { background-position: 0 -100px; }
a:hover.buttonSmall span { background-position: 100% -100px; color: #333; }
a:active.buttonSmall { background-position: 0 -150px; color: #999; }
a:active.buttonSmall span { background-position: 100% -150px; color: #999; }

input.buttonSmall { background-position: 90% -100px; }
input:hover.buttonSmall { color: #333; }
input:active.buttonSmall { color: #999; }

a.buttonSmall span,
a.buttonSmallColor span,
a.buttonSmallCta span {
    font-size: 1em;
    padding-top: 7px;
}

input.buttonSmall,
input.buttonSmallColor,
input.buttonSmallCta { font-size: 1em; }

div.buttons {
    margin-bottom: 5px;
}
div.buttons .button,
div.buttons .buttonCta,
div.buttons .buttonColor {
    margin-right: 30px !important;
}
div.buttons .buttonSmall,
div.buttons .buttonSmallColor,
div.buttons .buttonSmallCta {
    margin-right: 15px !important;
}
div.column div.buttons .button,
div.column div.buttons .buttonColor,
div.column div.buttons .buttonCta,
div.column div.buttons .buttonSmall,
div.column div.buttons .buttonSmallColor,
div.column div.buttons .buttonSmallCta,
#column2 div.buttons .button,
#column2 div.buttons .buttonColor,
#column2 div.buttons .buttonCta,
#column2 div.buttons .buttonSmall,
#column2 div.buttons .buttonSmallColor,
#column2 div.buttons .buttonSmallCta {
    margin-right: 15px;
}
/* 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 a.button,
div.field a.buttonColor,
div.field a.buttonCta,
div.field a.buttonSmall,
div.field a.buttonSmallColor,
div.field a.buttonSmallCta,
div.field input.button,
div.field input.buttonColor,
div.field input.buttonCta,
div.field input.buttonSmall,
div.field input.buttonSmallColor,
div.field input.buttonSmallCta,
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 6px;
    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: 400px;
}
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 a.button,
div.field a.buttonColor,
div.field a.buttonCta,
div.field input.button,
div.field input.buttonColor,
div.field input.buttonCta {
	margin-top: -3px;
	margin-bottom: -3px;
    position: relative;
}
div.field a.buttonSmall,
div.field a.buttonSmallColor,
div.field a.buttonSmallCta,
div.field input.buttonSmall,
div.field input.buttonSmallColor,
div.field input.buttonSmallCta {
	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.option a {
    margin-left: 110px;
    font-size: 1em;
}
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;
}
    input.noLabel{
        margin: 10px 0 0 105px;
    }
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 */
.clearfix:after,
#mainContent:after,
ul.checkList:after,
div.twoColumn:after,
div.threeColumn:after,
div.field:after,
div.siblings:after,
div.newsItem:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.clearfix,
#mainContent,
ul.checkList,
div.twoColumn,
div.threeColumn,
div.field,
div.siblings,
div.newsItem { display: inline-block; }
.clearfix,
#mainContent,
ul.checkList,
div.twoColumn,
div.threeColumn,
div.field,
div.siblings,
div.newsItem { display: block; }

/* Color Styles */
/* Red (Now is the default) */
#mainContent .sThree,
#mainContent .sThree .column,
#mainContent .sThree .twoColumnBg,
#mainContent .sThree .threeColumnBg,
#mainContent .sThree .groupWrapper,#mainContent #column1 .groupWrapper { background-position: -1292px 100%; }
#mainContent .sThree h2,
#mainContent .sThree h3,
#mainContent .sThree h4,
#mainContent .sThree a,
#mainContent .sThree .cufon,
#mainContent .sThree .color,
#mainContent .sThree a:hover.button span,
#mainContent .sThree a:hover.buttonSmall span,
#mainContent .sThree div.pagination .current,
#mainContent div#column1 h2,
#mainContent .heroMyFiat h3{ color: #951a2e !important; }
#mainContent .sThree a.buttonColor { background-position: 0 0; }
#mainContent .sThree a.buttonColor span { background-position: 100% 0; color: #951a2e; }
#mainContent .sThree a:hover.buttonColor { background-position: 0 -600px; }
#mainContent .sThree a:hover.buttonColor span { background-position: 100% -600px; color: #ffffff; }
#mainContent .sThree a:active.buttonColor { background-position: 0 -650px; }
#mainContent .sThree a:active.buttonColor span { background-position: 100% -650px; color: #ffffff; }
#mainContent .sThree a.buttonCta,
.heroMyFiat a.buttonCta,
#areYouSureModal a.buttonCta { background-position: 0 -600px; }
#mainContent .sThree a.buttonCta span,
.heroMyFiat a.buttonCta span,
#areYouSureModal a.buttonCta span { background-position: 100% -600px; color: #ffffff; }
#mainContent .sThree a:hover.buttonCta,
.heroMyFiat a:hover.buttonCta,
#areYouSureModal a:hover.buttonCta { background-position: 0 0; }
#mainContent .sThree a:hover.buttonCta span,
.heroMyFiat a:hover.buttonCta span,
#areYouSureModal a:hover.buttonCta span { background-position: 100% 0; color: #951a2e; }
#mainContent .sThree a:active.buttonCta,
.heroMyFiat a:active.buttonCta { background-position: 0 -50px; }
#mainContent .sThree a:active.buttonCta span,
.heroMyFiat a:active.buttonCta span { background-position: 100% -50px; color: #ffffff; }
#mainContent .sThree a.buttonSmallColor { background-position: 0 -100px; }
#mainContent .sThree a.buttonSmallColor span { background-position: 100% -100px; color: #951a2e; }
#mainContent .sThree a:hover.buttonSmallColor { background-position: 0 -700px; }
#mainContent .sThree a:hover.buttonSmallColor span { background-position: 100% -700px; color: #ffffff; }
#mainContent .sThree a:active.buttonSmallColor { background-position: 0 -750px; }
#mainContent .sThree a:active.buttonSmallColor span { background-position: 100% -750px; color: #ffffff; }
#mainContent .sThree a.buttonSmallCta { background-position: 0 -700px; }
#mainContent .sThree a.buttonSmallCta span { background-position: 100% -700px; color: #ffffff; }
#mainContent .sThree a:hover.buttonSmallCta { background-position: 0 -100px; }
#mainContent .sThree a:hover.buttonSmallCta span { background-position: 100% -100px; color: #951a2e; }
#mainContent .sThree a:active.buttonSmallCta { background-position: 0 -150px; }
#mainContent .sThree a:active.buttonSmallCta span { background-position: 100% -150px; color: #ffffff; }
#mainContent .sThree a.bPopLink {background-position: 0 -100px; }
#mainContent .sThree input:hover.button,
#mainContent .sThree input:hover.buttonSmall { color: #951a2e !important; }
#mainContent .sThree input.buttonCta { background-position: 90% -600px; color: #ffffff; }
#mainContent .sThree input:hover.buttonCta { background-position: 90% 0; color: #951a2e; }
#mainContent .sThree input:active.buttonCta { background-position: 90% -50px; color: #ffffff; }
#mainContent .sThree input.buttonSmallCta { background-position: 90% -700px; color: #ffffff; }
#mainContent .sThree input:hover.buttonSmallCta { background-position: 90% -100px; color: #951a2e; }
#mainContent .sThree input:active.buttonSmallCta { background-position: 90% -150px; color: #ffffff; }
#mainContent .sThree .lArrow { background-position: 0 -117px; }
#mainContent .sThree .rArrow { background-position: 100% -137px; }

/* Color Overrides */
#mainContent .sOne .plain,
#mainContent .sTwo .plain,
#mainContent .sThree .plain,
#mainContent .sFour .plain,
#mainContent .pagination li a { color: #333 !important; }

#mainContent div.option a { color: #999 !important; text-decoration: underline; }

/* Tables */
table.styled th,
table.styled td {
    padding-left: 2px;
    padding-right: 3px;
}
table.styled th {
    padding-bottom: 15px;
    padding-top: 15px;
}
table.styled td {
    padding-bottom: 7px;
    padding-top: 7px;
}
table.services {
    margin-right: 20px;
}
table.services col.date { width: 12%; }
table.services col.type { width: 15%; }
table.services col.description { width: 47%; }
table.services col.mileage { width: 12%; }
table.services col.savings { width: 13%; white-space: nowrap; }
table.services th {
    border-bottom: dotted 1px #ccc;
    border-top: solid 1px #ccc;
}
table.services td {
    border-bottom: solid 1px #ccc;
}
table.services td.savings {
    border-bottom: none;
    font-size: 15px;
    padding-right: 0.5em;
    padding-top: 15px;
    text-align: right;
}
table.services td.amount {
    font-size: 28px;
    padding-right: 0;
    text-align: left;
}
table.previousCar {
    margin: -20px 0 0 -20px;
    padding: 20px;
}
table.previousCar tbody {
    background-color: #ebebeb;
}
table.previousCar col.actions {
    width: 1%;
    white-space: nowrap;
    text-align: right;
}
table.previousCar col.registration {
    width: 45%;
}
table.previousCar td {
    border-top: solid 2px #fff;
}
table.previousCar th.make,
table.previousCar td.make {
    padding-left: 20px;
}
table.previousCar th.actions,
table.previousCar td.actions {
    padding-right: 20px;
}
table.previousCar td.details {
    border: none;
    background-image: url(/library/images/loyaltyscheme/imgBgTable.png);
    background-repeat: repeat-x;
    background-position: 0 100%;
    padding: 5px 20px;
}
table.previousCar table.services {
    width: 100%;
}
table.previousCar tbody table.services tbody {
    background-color: transparent;
}
table.previousCar table.services th {
    border-bottom: dotted 1px #ccc;
    border-top: none;
}
table.previousCar table.services td {
    border-bottom: solid 1px #ccc;
    border-top: none;
}
table.previousCar table.services td.savings {
    border-bottom: none;
}
table.transactions { width: 100%; }
table.transactions col.date { width: 7%; }
table.transactions col.type { width: 6%; text-align: center; }
table.transactions col.available,
table.transactions col.redeemed { width: 35%; }
table.transactions col.location { width: 17%; }
table.transactions th {
    border-bottom: dotted 1px #ccc;
    border-top: dotted 1px #ccc;
}
table.transactions td {
    border-bottom: solid 1px #ccc;
}
table.transactions td.savings {
    border-bottom: none;
    font-size: 15px;
    padding-right: 0.5em;
    padding-top: 15px;
    text-align: right;
}
table.transactions td.amount {
    font-size: 28px;
    padding-right: 0;
    text-align: left;
}
table.times th,
table.times td {
    font-size: 1.1em;
    font-weight: normal;
    padding-right: 25px;
}

table.reminders { margin: 0 -20px 10px -10px; border-bottom: dotted 1px #ececec; }
table.reminders tr.even { background-color: #f7f7f7; }
table.reminders col.status { width: 18px; }
table.reminders col.description { width: 200px; }
table.reminders col.date { width: 100px; }

table.reminders th,
table.reminders td {
    padding-left: 6px;
    padding-right: 6px;
}
table.reminders th {
    border-bottom: dotted 1px #ececec;
    font-size: 1.1em;
    padding-bottom: 4px;
    padding-top: 4px;
}
table.reminders td {
    padding-bottom: 3px;
    padding-top: 3px;
}
table.reminders th.status {
	border-bottom: none;
	width: 40px;
}
table.reminders td.status {
	background-image: url(/library/images/loyaltyscheme/imgRemindersIcons.png);
	background-repeat: no-repeat;
	background-position: 100% 25px;
	width: 40px;
}
table.reminders tr.hurry {
    font-weight: bold;
}
table.reminders tr.hurry td.status {
	background-position: 100% 0;
}
table.reminders tr.soon td.status {
	background-position: 100% -25px;
}


/********************/
/* Specific Styling */
/********************/

/* Side Box "Need help" */
#boxNeedHelp h3 {
	background: transparent url(/library/images/loyaltyscheme/imgHeaderNeedHelp.png) no-repeat 0 0;
	display: block;
	height: 65px;
	margin: 0 0 10px 0;
	position: relative;
	text-indent: -999em;
	width: 160px;
}
#boxNeedHelp h3 {
    margin-bottom: 15px;
    margin-left: -10px;
    margin-top: -1em;
    position: relative;
}
#boxNeedHelp p {
    margin: 0;
}
#boxNeedHelp div.groupWrapper {
    padding-left: 0;
    position: relative;
}
#boxNeedHelp div.hr {
    margin: -5px 0 0;
}
#boxNeedHelp h4 {
	font-size: 1.8em;
}
#boxNeedHelp h4 span{
	font-size: 0.5555em;
}

/* Conflicting Dealer Page */
#boxConflictingDealer div.field {
    float: left;
    margin: 0;
    width: 50%;
}
#boxConflictingDealer div.field label {
    font-weight: bold;
}
#boxConflictingDealer dl {
    clear: both;
    padding-top: 5px;
}
#boxConflictingDealer dt {
    text-indent: -999em;
    width: 13px;
}
#boxConflictingDealer dd {
    width: 230px;
}
#boxConflictingDealer div.hr {
    margin-top: 0;
}

/* Conflicting Personal Details */
#boxConflictPersonalDetails div.newDetails {
    margin: -5px 0 25px;
}
#boxConflictPersonalDetails dl {
    margin: 0;
}

/* Login Page */
#boxLoginPage h4.cardsStrip {
	background:transparent url(/library/images/loyaltyscheme/imgCardStripAccountRewardCar.png) no-repeat 0 0;
	display:block;
	height:138px;
	margin: 0 -15px 25px -5px;
	position: relative;
	text-indent:-999em;
	width:650px;
}
#boxLoginPage div.check label {
	font-size: 1em;
}
#boxLoginPage #loginFields label {
    font-weight: bold;
}
#boxLoginPage div.separator {
    background: #e4e4e4;
    font-size: 1.8em;
    height: 12em;
    left: 50%;
    margin: 10px 0 0 -1px;
    position: absolute;
    top: 0;
    width: 1px;
}
#boxLoginPage div.separator span {
    background: #fff;
    display: block;
    margin: -10px 0 0 -15px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 30px;
}

/* Side Box "Got a question" */

#boxGotAQuestion h3 {
	background: url("/library/images/loyaltyscheme/imgGotaQuestionCall.png") no-repeat scroll center 0 transparent;
    height: 110px;
    margin-left: -10px;
    position: relative;
    text-indent: -999em;
    width: 283px;
}


#boxGotAQuestionText h3 {
	background:transparent url(/library/images/loyaltyscheme/imgGotaQuestionCallText.png) no-repeat center 0;
	height: 32px;
	margin: 10px 0 0 10px;
	position: relative;
	text-indent: -999em;
	width:245px;
}



/* Side Box "Got your myFiat card" */
#boxGotAMyFiatCard {
	background:transparent url(/library/images/loyaltyscheme/bg-activate-myfiat-card.jpg) no-repeat center 0;
	height: 235px;
	margin-bottom:15px;
	margin-left: 10px;
	position: relative;
	width:251px;
}

#boxGotAMyFiatCard p, #boxGotAMyFiatCard h3 {
	text-indent: -999em;
}

#boxGotAMyFiatCard a{
    background: transparent url(/library/images/loyaltyscheme/btn-activate-now.gif) no-repeat 0 0;
    height:25px;
    width:130px;
    display:block;
    text-indent:-9999px;
    margin: 112px 0 0 25px;
    position: relative;
    top:7px;
}

#boxGotAMyFiatCard a:hover{
    background-position:0 -25px;
}


/* myRewards Page */
#boxMyRewardsHome h4 {
    margin-bottom: 5px;
}
#boxMyRewardsHome h4.cardsStrip {
	background:transparent url(/library/images/loyaltyscheme/imgCardStripSaveEnjoyDiscover.png) no-repeat 0 0;
	display:block;
	height:131px;
	margin: 0 0 -5px -5px;
	position: relative;
	text-indent:-999em;
	width:618px;
}
#dealerLocatorResults div.dealerDetails div.data {
    min-height: 36em;
    height: auto !important;
    height: 36em;
}
#dealerLocatorResults div.dealerDetails div.data p.vcard {}
#dealerLocatorResults div.dealerDetails div.hr {
    margin-top: 0;
}
#dealerLocatorResults div.dealerDetails p.vcard span.fn { font-size: 1.5em; }
#dealerLocatorResults div.dealerDetails p.vcard span.fn .cufon-canvas { margin: 1px 0; }
#dealerLocatorResults div.dealerDetails p.vcard span.distance { font-size: 1.3em; }
#dealerLocatorResults div.dealerDetails p.vcard span.distance .cufon-canvas { margin: 1px 0; }
#dealerLocatorResults div.dealerDetails p.vcard span.tel span.value { font-weight: bold; }

#dealerLocatorResults div.dealerDetails div.services p {
    font-weight: bold;
    margin: 0;
}
#dealerLocatorResults div.dealerDetails div.services ul li {
    font-size: 1.1em;
}
/* Password Pages */
.formRow{
    background:transparent url("/library/images/loyaltyscheme/imgDottedBorderGrey.gif") repeat-x;
    background-position:0 0 !important;
    padding:10px 0 0;
    position:relative;
}
    div.formRow input {
        clear:left;
    }
div.formRow span.formErrorMsg {
    left:314px;
    margin:-13px 0 0;
    padding:0 0 !important;
    position:absolute;
   
    width:auto;
}
div.formRow div.confPass{
margin-top:10px;
}
.currPass div.hr, .butPass div.hr{
    height:1px;
    padding:10px 0;
    width:304px;
    margin:0;
}
.butPass div.hr{
    width:100%;
    padding-top:0px;
}

/* MyFiat page */
#boxMyFiatHome {
    width:100%
}
    #boxMyFiatHome .groupWrapper{
        width:625px;
    }
#boxMyFiatHome h2 {
    margin-bottom: 0;
}
#boxMyFiatHome div.introText p {
    margin-bottom: 15px;
}
#boxMyFiatHome div.boxRewards {

}
#boxMyFiatHome div.boxRewards p {
	width: 380px;
}
#boxMyFiatHome div.boxRewards ul,
.heroMyFiat .boxRewards ul {
    margin-top: 15px;
    margin-bottom: 4em;
}
#boxMyFiatHome div.boxRewards ul li,
.heroMyFiat .boxRewards ul li {
	background: transparent url(/library/images/loyaltyscheme/imgBtnSpriteBubbles.png) no-repeat 0 -300px; 
    font-weight: bold;
    list-style-type: none;
    margin-bottom: 7px;
    padding-left: 20px;
}
.heroMyFiat .boxRewards ul li {
    font-size:1.3em;
}
#boxMyFiatHome ul.rewards {
    font-size: 1.1em;
}
#boxMyFiatHome ul.benefits {
    border-bottom: 1px solid #E9E9E9;
	margin:0 0 20px !important;
}
#boxNews {
    margin-top: 15px;
}
#boxNews .buttonCta {
    margin-top: 20px;
}
#boxMyFiatHome div.decorated {
	background: transparent url(/library/images/loyaltyscheme/imgBgBoxStar.png) no-repeat 100% 100%;
    margin-top: -10px;
    padding-top: 15px;
}
#boxMyFiatHome div.decorated h3 {
    margin-top: 0;
}
#boxMyFiatHome div.decorated p {
    width: 300px;
    margin: 0 0 5px;
}
    #column2 div.cardNo{        
        margin-top:21px;     
        background: transparent url(/library/images/loyaltyscheme/imgCardBalloon.png) no-repeat 0 100%;
        width:293px;
        height:95px;        
        margin-bottom:5px;
        margin-left:-15px;
        margin-right:-25px;
        position:relative;
    }
     #column2 div.cardNo div.cardNoContent{
        padding:13px 30px;        
     }
      #column2 div.cardNo h4 {
        float:left;
        position:relative;
      }
       #column2 div.cardNo span.bPop{
        margin:0px 0 0 3px;
        padding:0;
        width:30px;
               
       }
     #column2 div.cardNo span.memNo {
        font-size:1.800em;
        color:#999 !important;       
        clear:both;
        display:block;        
        padding:5px 0 5px;
     }
  
     #column2 div.cardNo div.cardNoBtn {
        clear:left;
     }
     #column2 div.cardNo span.bPop {
        float:left;        
     }
     
/* myFiat - boxSideRemainder */
#boxSideRemainder div.groupWrapper {
    background: transparent url(/library/images/loyaltyscheme/imgBgBoxNoBorder.png) repeat-x 0 100%;
    padding-bottom: 30px;
}
#boxSideRemainder h4 {
    margin: 0 -20px 0 -10px;
    padding: 7px 10px;
    border-bottom: solid 1px #ececec;
}

/* myFiat - boxSideDealer */
#boxSideDealer.sThree{
   float:left;
   width:270px;
}
#column2 #boxSideDealer .groupWrapper{    
    padding-right:0px;
    float:none; 
}
#boxSideDealer h4 {
    margin: 0 0px 0 -10px;
    padding: 7px 10px;
    border-bottom: solid 1px #ececec;
}
#boxSideDealer p {
    margin: 5px 0;
    line-height: 1.5em;
}
#boxSideDealer div.hr {
    margin: 0 0 0 -10px;       
}
#boxSideDealer ul li {
    font-size: 1.1em;
}
#boxSideDealer div.buttons {
    margin-top: 10px;
}

/* myFiat - boxSideBanner */
#boxSideBanner500Diesel,
#boxSideBanner500Pink {
    margin-bottom: 10px;
}

/* MyCar User */
#boxMyCarUser h4.cardsStrip {
	background:transparent url(/library/images/loyaltyscheme/imgCardStripSaveDiscoverManage.png) no-repeat 0 0;
	display:block;
	height:131px;
	margin: 0 0 -5px -5px;
	position: relative;
	text-indent:-999em;
	width:618px;
}

/* MyCar Owner */
#boxMyCarOwner div.groupWrapper {
    background:url("/library/images/loyaltyscheme/bg_carCur_1x4.png") repeat-x scroll 0 100% transparent;
    padding-bottom:20px;
}
#boxMyCarOwner div.myCarDetails {
    position: relative;
}
#boxMyCarOwner div.myCarDetails img {
    float: right;
    margin-top: -15px;
}
#boxMyCarOwner div.myCarDetails dl { font-weight: bold; width: 300px;}
#boxMyCarOwner div.myCarDetails dt { margin-bottom: 5px; width: 140px; }
#boxMyCarOwner div.myCarDetails dd { margin-bottom: 5px; width: 150px; }

#boxMyCarOwner div.myCarDetails div.myCarManual {
    position: absolute;
    right: 10px;
    bottom: 20px;
}
#boxMyCarOwner div.myCarDetails div.editDetails {
    float: left;
}
#boxMyCarOwner div.myCarDetails div.editDetails div.field {
    clear: left;
}
#boxMyCarOwner div.myCarDetails div.editDetails div.field label {
    width: 130px;
}
#boxMyCarOwner div.myCarDetails div.editDetails div.field input {
    width: 100px;
    margin: 0;
}
#boxMyCarOwner div.myCarDetails div.buttons {
    clear: left;
    margin-bottom: 10px;
}
#boxMyCarOwner div.myCarReminders { position: relative; z-index: 1;}
#boxMyCarOwner div.myCarReminders dl{ font-weight: bold; width: 300px; }
#boxMyCarOwner div.myCarReminders dt { margin-bottom: 5px; width: 140px; }
#boxMyCarOwner div.myCarReminders dd { margin-bottom: 5px; width: 150px; }
#boxMyCarOwner div.myCarReminders div.hr { margin: 0; width:286px;}

#boxMyCarOwner div.myCarReminders div.buttons {position:relative;}

/*#boxMyCarOwner div.myCarReminders div.twoColumn div:last-child {float:right;padding:0;margin:0;}*/
#boxMyCarOwner div.twoColumn div.column, #boxMyCarMemberAndOwner div.twoColumn div.column{
    width:286px;
}
#boxMyCarOwner div.buttons {
    float:left;
    width:100%;
}
#boxMyCarOwner span.jButton {
    float:left;
    width:auto;
    clear:none;
    display:inline;
    padding-right:5px;
}
#boxMyCarOwner table.prevCar {
    width:103%;
    color:#96172e;
    margin-left:-20px;
}
     #boxMyCarOwner table.prevCar tr {
        border-bottom:2px solid #fff;
     }
      #boxMyCarOwner table.prevCar tr th{
        padding:10px 0 10px 20px;
      }
    #boxMyCarOwner table.prevCar tr td{
        background:#ebebeb;
        padding:10px 0 10px 20px;
    }

#boxMyCarOwner div.setup {
    margin-bottom: 10px;
}
#boxMyCarOwner div.setup * {
    margin: 0;
}
#boxMyCarOwner div.setup div.periodDropdown {
    float: left;
    display: block;
}
#boxMyCarOwner div.setup div.modeDropdown {
    float: right;
    display: block;
}
#boxMyCarOwner div.setup p {
    margin-top: 2px;
    margin-left: 20px;
    float: left;
    display: inline;
}

#boxMyCarOwner div.hr {
    clear:both;
    zoom:1;
     width:625px;
}
/*LightBox MyCar Owner Styles*/
#lightBoxContent #boxMyCarSavedConfigurations {
    float:left;
    margin:0;
    padding:0;
}
#lightBoxContent #boxMyCarSavedConfigurations div.groupWrapper {
    width:639px;
}
#lightBoxContent .groupWrapper {
width:620px;
margin:0;
padding:0;

}
#lightBoxContent span.jButton a {
    padding-right:10px;   
}
/* My Details*/
#boxMyDetails span.jButton{
    clear:none;
    display:inline;
}
#boxMyDetails .siblings {
   
    clear:both;
}
#boxMyDetails .siblings h3{
    width:100%;
    margin-bottom:10px;

}
boxMyDetails info{
    float:left;
}
/* MyCar Member and Owner */
#boxMyCarMemberAndOwner div.groupWrapper {
    width:100%;
}
#boxMyCarMemberAndOwner #inviteBubble {
    background: none;
    width: 536px;
    margin: 0 0 -20px -25px;
    position: relative;
    z-index: 1;
}
#boxMyCarMemberAndOwner #inviteBubble div.content {
	background: transparent url(/library/images/loyaltyscheme/imgBigBalloonWithChevron.png) no-repeat 0 0;
	margin: 0;
	padding-top: 30px;
	padding-right: 20px;
}
#boxMyCarMemberAndOwner #inviteBubble div.chevron {
	background-image: url(/library/images/loyaltyscheme/imgBigBalloonWithChevron.png);
}
#boxMyCarMemberAndOwner #inviteBubble div.content div.copy {
    float: left;
    width: 225px;
}
#boxMyCarMemberAndOwner #inviteBubble div.content h3,
#boxMyCarMemberAndOwner #inviteBubble div.content p {
    margin: 0;
}
#boxMyCarMemberAndOwner #inviteBubble div.content div.form {
    float: right;
    padding-top: 15px;
    width: 240px;
}
#boxMyCarMemberAndOwner #inviteBubble div.content input {
    width: 120px;
}
#boxMyCarMemberAndOwner h3 span.plain {
    font-size: 0.8888em;
}
/* MyRewards Card Holders */
#boxCardHolders span.num {
    font-size:1.667em;
    display:block;
}
#boxCardHolders div.field {
    position:relative;
}
#boxCardHolders div.leftCard {
    float:left;
    width:323px;    
    background:transparent url(/library/images/loyaltyscheme/imgBgCardHolderTop.png) no-repeat top left;   
    margin:0 21px 0 0;    
    padding:11px 0 0;
    }
    #boxCardHolders div.leftCard div.cardBody{
        background:transparent url(/library/images/loyaltyscheme/imgBgCardHolderBtm.png) no-repeat 0 100%;
        padding:0 20px 11px; 
    }
    #boxCardHolders div.field span.errorBubble {
        position:absolute;
        right:-27px;
    }
#boxCardHolders div.rightCard {
    float:right; 
    width:269px; 
    padding:11px 0;   
}
#boxCardHolders label {
    width:99px;
}
#boxCardHolders dl{
    width:280px;
}
#boxCardHolders dd{
    width:170px;
}
    #boxCardHolders input.titleNoLabel{        
        margin:10px 0 0 108px;      
    }
    #personalDetailsUserControl input.titleNoLabel{   
        clear:left;
        margin:10px 0 0 110px;    
    }
    #boxCardHolders input.pstcde{
        width:45px;
    }  
    #boxCardHolders select#addressSelect{
        width:155px;
    }
/* MyRewards Benefits */
#boxMyRewardsBenefits div.groupWrapper {
    padding-bottom: 20px;
    margin-bottom: 20px;
    min-height: 450px;
}
   
    #boxMyRewardsBenefits div.groupWrapper.savCar {
        min-height: 220px;
    }
      #boxMyRewardsBenefits div.groupWrapper.savCar input.txtCar{
        float:left;
        margin:0 5px 0 0;
       }
        #boxMyRewardsBenefits div.groupWrapper.savCar div.txtCar{
        clear:left;
       }
#boxMyLocalDealer div.twoColumn {
	background: transparent url(/library/images/loyaltyscheme/imgBenefitsColumnBg.png) no-repeat 212px 0;
}
#boxMyLocalDealer div.localDealer p,
#boxMyLocalDealer div.localDealer li {
    font-size: 1.2em;
}
#boxMyLocalDealer div.dealerDetails {
    width: 192px;
}
#boxMyLocalDealer div.dealerServices {
    width: 390px;
}
#boxMyLocalDealer div.dealerServices p {
    margin: 0;
}
#boxMyLocalDealer div.dealerServices li {
    background: transparent url(/library/images/loyaltyscheme/imgBtnSpriteBubbles.png) no-repeat 0 -342px;
    display: inline;
	float: left;
    margin-right: 20px;
    padding-left: 10px;
    width: 155px;
}
#boxMyLocalDealer div.buttons {
    margin: 20px 0 10px;
}
#boxMyLocalDealer div.hr {
    margin-top:-10px;
}
/* MyRewards Rewards Confim*/
#boxRewardsConfim.groupWrapper, div.groupWrapper.maxWidth {
    width:626px;
}

/* MyRewards Service History */
#boxMyServiceHistory div.myCarDetails dl { font-weight: bold; margin-top: 10px; width: 300px;}
#boxMyServiceHistory div.myCarDetails dt { margin-bottom: 5px; width: 140px; }
#boxMyServiceHistory div.myCarDetails dd { margin-bottom: 5px; width: 150px; }

#mainContent #boxCardTransactions.sThree div.groupWrapper {   
    padding-right: 20px;
}

#mainContent .changePassword span.jButton div {
    margin:0 10px 0 0;
}

/* Card Holders */ 

/* Card Preferred Dealer */
#boxPreferredDealer {
    min-height: 650px;
}
#boxPreferredDealer h3 {
    font-size: 2.8em;
}
#boxPreferredDealer div.siblings {
    margin-top: -10px;
    width: 100%;
}
#boxPreferredDealer div.siblings a.buttonSmallColor {
    margin-right: 13px;
}
#boxPreferredDealer div.siblings span.dealerRatingContainer {
    float: left;
}
#boxPreferredDealer div.siblings span.dealerRatingContainer span.bPop {
    margin: 0;
}
#boxPreferredDealer div.dataWrapper {
    width: 435px;
}
#boxPreferredDealer div.thumb {
    background: transparent url(/library/images/loyaltyscheme/imgBgThumbFrame.png) no-repeat scroll 0 100%;
    float: right;
    margin: -8px -6px 0 0;
    position: relative;
    width: 211px;
}
#boxPreferredDealer div.frame {
    background: transparent url(/library/images/loyaltyscheme/imgBgThumbFrame.png) no-repeat scroll 100% 0;
    padding: 12px 14px 0 12px;
    margin-bottom: 16px;
}
#boxPreferredDealer dl { width: 220px; }
#boxPreferredDealer dt { width: 70px; }
#boxPreferredDealer dd { width: 140px; }

#boxPreferredDealer #services {
    overflow: hidden;
    width: 100%;
}
#boxPreferredDealer #services li {
    background: transparent url(/library/images/dealerlocator/imgServicesIconsSmall.png) no-repeat 0 0;
    float: left;
    padding-left: 20px;
    width: 125px;
}
#boxPreferredDealer #services li.newCarSales { background-position: 0 0; }
#boxPreferredDealer #services li.commercialVehiclesSpecialist { background-position: 0 -25px; }
#boxPreferredDealer #services li.approvedUsedCars { background-position: 0 -75px; }
#boxPreferredDealer #services li.mobility { background-position: 0 -150px; }
#boxPreferredDealer #services li.partsAndServicing { background-position: 0 -225px; }
#boxPreferredDealer #services li.approvedBodyshop { background-position: 0 -300px; }
#boxPreferredDealer #services li.fleet { background-position: 0 -325px; }
#boxPreferredDealer #services li.myFiatParticipatingDealer { background-position: 0 -380px; }

/* My Configured Cars*/
#boxMyCarSavedConfigurations ul li {
    border-top: 1px solid #e9e9e9;
    clear: both;
    margin-right: 20px;
    padding: 20px 0;
    display:block;
}
#boxMyCarSavedConfigurations ul li.first {
    border-top: none;
}        
#boxMyCarSavedConfigurations ul li h4 {
    float: left;
    line-height: 1em;
    margin: 0 5px 0 0;
}
#boxMyCarSavedConfigurations ul li span.date {
    float: right;
    font-size: 1.1em;
    margin-top: 2px;
}

#boxMyCarSavedConfigurations div.models{
    clear:both;
}
#boxMyCarSavedConfigurations .models ul {
    margin:0 0 0 14%;
    overflow:hidden;
}
#boxMyCarSavedConfigurations .models ul li {
    clear:none;
    float:left;
    width:auto;
    border-top:0px;
    padding:0;
    margin:0 38px 0 0;  
 }
#boxMyCarSavedConfigurations .models ul li.last{
    clear:left;
    }
#boxMyCarSavedConfigurations .models ul li a{
    background:transparent url(/library/images/configCar/bg_carConfig-614x375.jpg) no-repeat;
    width:122px;
    height:89px;
    text-indent:-999em;
    display:block;
  }
 #boxMyCarSavedConfigurations .models ul li a.fiveHun {
    background-position:0 2px;
 }
#boxMyCarSavedConfigurations .models ul li a.fiveHun:hover {
    background-position:0px -188px;
}
#boxMyCarSavedConfigurations .models ul li a.panda {
    background-position:-122px 2px;                
}
#boxMyCarSavedConfigurations .models ul li a.panda:hover {
    background-position:-122px -188px;
}
#boxMyCarSavedConfigurations .models ul li a.punto {
    background-position:-246px 2px;
 }
#boxMyCarSavedConfigurations .models ul li a.punto:hover {
    background-position:-246px -188px;
}
#boxMyCarSavedConfigurations .models ul li a.grandePunto {
    background-position:-367px 3px;   
    width:134px;        
 }
#boxMyCarSavedConfigurations .models ul li a.grandePunto:hover {
    background-position:-367px -187px;           
 }
#boxMyCarSavedConfigurations .models ul li a.bravo {
    background-position:0 -96px;
 }
#boxMyCarSavedConfigurations .models ul li a.bravo:hover {
            background-position:0 -286px;   
      }
#boxMyCarSavedConfigurations .models ul li a.multipla {
    background-position:-122px -96px;
   
 }
#boxMyCarSavedConfigurations .models ul li a.multipla:hover {
    background-position:-122px  -286px;   
}
#boxMyCarSavedConfigurations .models ul li a.newDoblo{
    background-position:-244px -96px;
 }
#boxMyCarSavedConfigurations .models ul li a.newDoblo:hover {
    background-position:-244px -286px;
}
#boxMyCarSavedConfigurations .models ul li a.qubo {
    background-position:-368px -96px;
 }
#boxMyCarSavedConfigurations .models ul li a.qubo:hover {
    background-position:-368px -286px;
}
#boxMyCarSavedConfigurations .models ul li a.sedici {
    background-position:-490px -96px;
 }
#boxMyCarSavedConfigurations .models ul li a.sedici:hover {
    background-position:-490px -286px;
 }
#boxMyCarSavedConfigurations .models ul li a:hover {

}
#boxMyCarSavedConfigurations div.hr {
width:625px;
}
 #boxMyCarSavedConfigurations div.groupWrapper {
    padding-left:12px;
    width:634px;
 }
 #boxMyCarSavedConfigurations ul li div.mdlImg {
    float:left;
    width:135px;        
    height:80px;
    margin:0 5px;
 }
 #boxMyCarSavedConfigurations ul li div.mdlDsc { 
    float:right;
    width:469px;       
 }
 #boxMyCarSavedConfigurations ul li div.mdlDsc div.carDesc {
    background: url(/library/images/loyaltyscheme/imgDottedBorderGrey.gif) repeat-x left bottom;
    /*height:26px;*/
    padding:0 0 10px;
    margin:0 0 10px;
 }
#boxMyCarSavedConfigurations ul li div.hr {
    margin: 0;
}
#boxMyCarSavedConfigurations ul li a {
    text-decoration: none;
    
}
#boxMyCarSavedConfigurations ul li .buttons {
    float: left;
}
#boxMyCarSavedConfigurations ul li .delete {
    display: inline;
    float: right;
    margin-right: 10px;
}

#boxMyCarSavedConfigurations .delCar{
display:none;
}
    
/*Configured Cars Finance Styles*/
    .configCarFin {
        background: url(/library/images/configCar/bg_carConfigurator_finance_276x215.png) no-repeat 0 0;   
        background-position:0 0 !important;     
        height:215px;
        padding:35px 22px;   
        margin:0;     
    }  
    .configCarFin h3{
        margin:0 0 5px;
    }
/* Promotional Code Page */

/* Promotional Code Confirmation Page */
#boxPromotionalCodeConfirmation div.buttons {
    margin-top: 40px;
}

/* myRewards for Registered Users */
#boxMyRewardsRegUser h4.cardsStrip {
	background: transparent url(/library/images/loyaltyscheme/imgCardStripSaveDiscoverManage.png) no-repeat 0 0;
	display:block;
	height:135px;
	margin: 0 -5px 20px;
	position: relative;
	text-indent:-999em;
	width:636px;
}

/* MyFiat Registration Confirmation */
#boxMyFiatConfirmation h4 {
	background: transparent url(/library/images/loyaltyscheme/imgTitles.png) no-repeat 0 0;
	display: block;
	height: 43px;
	margin-bottom: 10px;
	text-indent: -999em;
	width: 160px;
}
#boxMyFiatConfirmation div.threeColumnBg {
    padding-bottom: 45px;
}
#boxMyFiatConfirmation div.introduction {
    min-height: 11em;
}
#boxMyFiatConfirmation div.introduction p {
    margin-bottom: 0;
}
#boxMyFiatConfirmation h4.myaccount { background-position: 0 0; }
#boxMyFiatConfirmation h4.myrewards { background-position: 0 -43px; }
#boxMyFiatConfirmation h4.mycar { background-position: 0 -86px; }

#boxMyFiatConfirmation ul {
    margin-bottom: 15px;
}
#boxMyFiatConfirmation ul li {
	background: transparent url(/library/images/loyaltyscheme/imgBtnSpriteBubbles.png) no-repeat 0 -300px; 
    font-size: 1.1em;
    font-weight: bold;
    list-style-type: none;
    margin-bottom: 7px;
    padding-left: 20px;
}
#boxMyFiatConfirmation p.vcard {
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 10px;
    margin-top: 30px;
    padding-bottom: 5px;
    width: 200px;
}
#boxMyFiatConfirmation p.vcard span.fn {
    display: inline-block;
    margin-bottom: 5px;
}
/*registration my car*/

span.jButton.findMyCar {
    padding-left:109px;    
    margin-right:10px;
    clear:left;
    display:block;
}
#boxMyCarMemberAndOwner span.jButton.findMyCar {
  float:left;
  display:inline;
}
#boxMyCarMemberAndOwner span.bPop.findCar {
   padding:8px 0 0; 
}

/* Careline Error page */
#boxCarelineError .groupWrapper {
    padding-bottom: 80px;
}

/* My Forum profile */

#boxMyForumProfile div.buttons {
    padding-left: 0px;
}
#boxMyForumProfile dl {
	float: left;
}
#boxMyForumProfile div.viewProfileAvatar {
	float: right;
}
#boxMyForumProfile div.field {
	width: 440px;
	margin-right: 0px;
}
#boxMyForumProfile div.field input.picker {
	border-radius: 3px;
	-moz-border-radius: 3px; /*rounder corners FF*/
	-webkit-border-radius: 3px; /*rounder corners WebKit*/
	-khtml-border-radius: 3px; /*rounder corners Konqueror*/
	border:1px solid #B4B4B4;
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.1em;
	padding: 2px 9px;
	width: 100px;
	height: auto;
	font-weight: normal;
	margin-left: 5px;
	margin-bottom: 10px;
}
#boxMyForumProfile div.field div.aligner {
	float:left;
}
#boxMyForumProfile em {
	font-style: normal;
}


/* myRewards registration confirmation page */
#boxPromoCodeNewUser h3 {
    margin-top: 30px;
}

/*Forgotten Password*/
#boxForgotPass div{
    font-size:1em;
}
#boxForgotPass span.jButton {
    clear:both;
    display:block;
}

/*calendar*/
/* POPUP Calendar */
.PopUpCalendar .ajax__calendar_container {position:relative;z-index:10000;padding:0 5px 0 5px;height:210px;overflow:hidden;text-align:center;width:170px;background:transparent url(/library/images/calendar/bg-calendar.png) no-repeat top center!important;background:transparent url(/library/images/calendar/bg-calendar.gif) no-repeat top center;}
.PopUpAbove .ajax__calendar_container {margin-top:-230px;}
.PopUpRight .ajax__calendar_container {margin-left:170px;}
.PopUpCalendar .ajax__calendar_header {margin:0 0 0 11px;*margin:0 0 0 3px;/* ie7 and below*/padding:55px 0 5px 0;width:157px;background:transparent url(/library/images/calendar/bg-header-bevel.png) no-repeat 0 50px!important;background:transparent url(/library/images/calendar/bg-header-bevel.gif) no-repeat 0 50px;}
.PopUpCalendar .ajax__calendar_body {text-align:center;padding:10px 0 10px 0;}
.PopUpCalendar .ajax__calendar_body table {width:160px;}
.PopUpCalendar .ajax__calendar_prev {padding:0 0 0 5px;}
.PopUpCalendar .ajax__calendar_next {padding:0 9px 0 0;}
.PopUpCalendar .ajax__calendar_title {}
.PopUpCalendar .ajax__calendar_footer {display:none;}
.PopUpCalendar .ajax__calendar_today {display:none;}

.PopUpCalendar .ajax__calendar_day {text-align:center;padding:3px 0 0 1px;width:20px;height:19px;background:transparent url(/library/images/calendar/bg-day.gif) no-repeat top left;}
.PopUpCalendar .ajax__calendar_month {text-align:center;padding:3px 0 0 1px;width:30px;height:40px;background:none;}
.PopUpCalendar .ajax__calendar_year {text-align:center;padding:3px 0 0 1px;width:30px;height:40px;background:none;}

.PopUpCalendar .ajax__calendar_other .ajax__calendar_day {background:none;}
.PopUpCalendar .ajax__calendar_other .ajax__calendar_month {background:none;}
.PopUpCalendar .ajax__calendar_other .ajax__calendar_year {background:none;}

.PopUpCalendar .ajax__calendar_hover .ajax__calendar_day {color:#f00;}
.PopUpCalendar .ajax__calendar_hover .ajax__calendar_month {color:#f00;}
.PopUpCalendar .ajax__calendar_hover .ajax__calendar_year {color:#f00;}

.PopUpCalendar .ajax__calendar_active .ajax__calendar_day {text-align:center;padding:3px 0 0 0;color:#fff;width:20px;height:19px;background:transparent url(/library/images/calendar/bg-day-o.gif) no-repeat top left;}
.PopUpCalendar .ajax__calendar_active .ajax__calendar_month {text-align:center;padding:3px 0 0 0;color:#f00;width:30px;height:40px;background:none;}
.PopUpCalendar .ajax__calendar_active .ajax__calendar_year {text-align:center;padding:3px 0 0 0;color:#f00;width:30px;height:40px;background:none;}


/*My Login Update */
 body.myFiat #header {
    background:none !important;
 }
 form.myFiatLogin div#column1 {
    background:none;
    padding:0;
}
 div#boxLoginPage div.groupWrapper {
    background:none;
 }
 
/*--dealer locator Conflicts --*/

.alertLay {
	position:relative;
	overflow:hidden;
	width:609px;
	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:573px;
}
.alertDealer div.alert {
	float:left;
	background:url('/library/images/dealerlocator/alertIcon-73x65.png') no-repeat left top;
	width:62px;
	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;
}


/*My Fiat SignPost style 17/01/11 - Martin Shaw */
#column2 div.sThree div.groupWrapper {padding:0 0 25px;}
div.signPost{width:255px;padding:0 0 0 15px}

    div.magazine div.signPost{
        background:url('/library/images/signposts/signPost_magazine.png') no-repeat 90% 50%;            
    }
    div.identify div.signPost{
        background:url('/library/images/signposts/signPost_avatar.png') no-repeat 90% -8px;               
    }
    div.myRewards div.signPost{
        background:url('/library/images/signposts/signPost_offers.png') no-repeat 90% 50%;            
    }
    div.myCar div.signPost{
        background:url('/library/images/signposts/signPost_addCar.png') no-repeat 90% 100%;               
    }
    div.signPostContent {
        width:165px;                    
    }
  /*My Account Bottom SignPosts*/  
   div.manageCar {
        background:url('/library/images/signposts/signPost_addCar.png') no-repeat 90% 100% !important;  
        margin:0;
        padding-bottom:5px;
   }
   
   div.myRewards {
        background:url('/library/images/signposts/signPost_offers.png') no-repeat 100% 100% !important;  
        margin:0;
        padding-bottom:5px;
   }   
   
   /*My Preferred dealer*/   
   div#discover {
    padding-bottom:10px;    
   }
   div#discover h3 { font-size: 1.8em;}
   div.groupWrapper div.goodThings {
     background:url('/library/images/signposts/signPosts_offer.png') no-repeat 90% 0% !important;  
     width:434px;
     padding-bottom:20px;
   }
   
    /*My Rewards statements*/   
   #boxMyServiceHistory div.groupWrapper, #mainContent #boxCardTransactions.sThree div.groupWrapper {
        padding-right:0px;
        width:626px;
    }  
    div#signPost.groupWrapper div.twoColumnBg {
        padding-bottom:0px !important;
    }
    div#signPost.groupWrapper div.twoColumnBg div.twoColumn div.column {
        width:295px !important;
        margin:0 !important;       
    } 
    div.serviceHistory {
        background:url('/library/images/signposts/signPost_computer.png') no-repeat 90% 0% !important;  
        margin:0;
        padding-bottom:5px;
   }   
    div.talkDealer {
        background:url('/library/images/signposts/signPost_contactDealer.png') no-repeat 90% 30px !important;  
        margin:0;
        padding-bottom:5px;
   }   
   div.reminders {
        background:url('/library/images/signposts/signPost_time.png') no-repeat 90% 0% !important;  
        margin:0;
        padding-bottom:5px;
   } 
 
 /* MyRewards banner update */
	div#signPost.banner {
		margin:0;
	}	
   div#signPost.banner div.twoColumnBg {
        margin-left: 0px;
   }
   div#signPost.banner div.manageCar {
        background-position:90% 50% !important;
   }
   
/* Join My Rewards updates */
#boxRegistrationNoInvite .groupWrapper {
    padding-left: 0;
    background:none;
    margin-bottom:0;
    padding-bottom:10px;
}

#boxRegistrationNoInvite div.introText {
    margin-bottom: 25px;
}

.heroJoinMyRewards {
    width:947px;
    height:247px;
    background:url('/library/images/myFiatRegister/bg-hero.jpg') no-repeat 0 0;
    overflow:hidden;
    position:relative;  
    margin-bottom:5px; 
}

.heroJoinMyRewards .content {
    width:360px;
    position:absolute;
    top:40px;
    left:305px; 
}

.actionArrow {
    background:url('/library/images/myFiatRegister/arrow.gif') no-repeat 0 2px;
    display:block;
    padding-left:10px;
    color:#951A2E;   
}

.a1 {
    float:right;
    margin-right:5px;
    text-align:right;
}

/* myFiat updates */
.heroMyFiat {
    width:947px;
    height:442px;
    background:url('/library/images/myFiatRegister/bg-hero1.jpg') no-repeat 0 0;
    overflow:hidden;
    position:relative;  
    margin-bottom:5px; 
}

.heroMyFiat h3 {
    margin-bottom:15px; 
}

.heroMyFiat .boxRewards {
    position:absolute;
    width:540px;
    top:36px;
    left:340px;
}

.heroMyFiat .boxNewRewards {
    position:absolute;
    width:540px;
    top:254px;
    left:340px;
}
