body {background: #FFFFFF URL('/newcar/channels/images/mazda/home2.jpg') no-repeat !important;}
body, p, table, input, ul, li {color: #666 !important;font-family:Arial, Helvetica, Verdana, sans-serif !important;font-size:11px !important;}
p {margin:0px;}
p.left, p.right {color: #FFF !important;}
p.fuelCompTitle {visibility:visible}
img.toplogo {margin: 20px 0 0 10px;}
span.nav-text {font-size: 9px;color: #9a9a9a;font-weight: 900;}
select {font-size:11px;}
.red{color: #006cb8;}
.invisible_red {background-color: #e0eaeb;border: 0;}

.dynaPic {width:490px;height:255px}

img.button_i {visibility:hidden}
div.AscDesc {display:none}

h1.title, h1.title span.red {
	text-transform:none !important;
	color:#006cb8;
	font-size:14pt;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px 0 !important;
	margin:3px 0 !important
}

a {font-family:Arial, Helvetica, sans-serif}
a:hover {COLOR: #006cb8; !important}

img {border:0}

/* v3 car info */
.carCol {border:0px solid #e0eaeb;width:480px;}
.carCol a {font-family:Arial, Helvetica, sans-serif !important;font-size:11px !important;font-weight:bold;}
.carCol .calc-outer-right, .carCol .calc-outer-left{padding-top:5px !important;}
.carCol .calc-outer-right p, .carCol .calc-outer-left p{margin:0}

.carCol .calc-outer-right a, .carCol .calc-outer-left a, .mazlink, ul.linklist a, #newTaxCalc {
	font-weight:bold;
	padding-left:10px;
	background-image:URL(/newcar/channels/images/mazda/btn_next.gif);
	background-repeat:no-repeat;
	background-position:1px center;
}
span.logo ul.linklist {padding:0;margin:0;overflow:auto;margin-top:2px;margin-bottom:2px;list-style-type:none}
span.logo ul.linklist li {padding:0;margin:0;}
span.logo ul.full li {width:49%;float:left;list-style-type:none}

a.boldlink {background:none;text-decoration:underline;padding:0;font-size:11px !important;font-family:Arial, Helvetica, sans-serif}

/* Divs */
div.main {width: 1280px}
div.main-farleft {margin: 10px;width: 256px;float: left;clear:left}
div.main-left {width:480px;padding:15px 7px 15px 17px;}
div.main-header {height: 315px;}
div.main-right {float:none;width:100%;position:fixed;bottom:0;left:0}
div.logo-box {background-color: #FFF;height: 56px;width: 256px;}
div.imageHeader {margin-top: 0px;border: 7px solid #FFF;background-color: #FFF;float: left;margin-right:400px;}
html>body div.imageHeader {border-bottom:none}

div.body {font-size:11px;padding:0  !important;margin:0px !important;}

div#carInfo,div#carDet,div#carSel{width:auto;}
div#carSel {padding:0px;}
div#carDet {line-height:11.7pt}

/* Tables */
table {border: 0 !important;}
table.calc-outer {width:480px}
table.model, table.dervlist {width:100%}
table.dervlist td {padding:3px 5px !important;border:1px solid #FFFFFF !important;background:#F2F7F7}
table.dervlist td.heading {background:#E0EAEB;color:#8F9498}
table.dervlist td.heading a {color:#8F9498}
table.dervlist td td {padding:0;border:0 !important;background:#E0EAEB}
a.panellink {color:#666666 !important}
table.bottomnav {border-top: 1px solid #ddd;background-color: #FFF;width: 470px;color: #9a9a9a;}
table.options, table.actions {width: 100% !important;}
td.calc-outer-right p {margin:0}
tr.rowLight {background-color: #f5f9f9;}
tr.row {background-color: #e0eaeb;}
td.options-title {background-color: #e0eaeb;}
table.keydata {float:left;width:49%;color:#8f9498!important}
table.keydata td.default, .invisible-grey, .invisible {background-color:#f4f4f4!important;border:1px solid #FFFFFF;color:#8f9498!important}
table.keydata td.heading{background-color:#e9eaea!important;border:1px solid #FFFFFF;padding:2px}
table.benefit {margin:0 !important}
td.calc-outer-left {height:auto}

td.currYear {font-weight:bold}

table.keydataHolder {width:480px !important}

/* g5calc */
table.benefit {margin: 0;width: 480px !important;float: none;}
table.benefit table.calc-inner-left {width: 480px !important;}
table.calc-inner-left {width: 230px !important}
table.benefit td.calc-outer-left {width:auto !important}
table.calc-outer {margin:auto}
td.calc-outer-left, td.calc-outer-right {padding: 0 !important;height:auto !important}
td.calc-outer-left p.maintext {margin:0}
td.bordered {border:0}

#priceDetails, #calcDet {width: 100% !important}

table.calc-inner-left td{background-color:#f4f4f4 !important;color:#8f9498;border:1px solid #FFF}
table.calc-inner-left td.heading{background-color:#e9eaea !important;margin:1px !important;}

/* Lists */
ul.left-nav {float: right;height: 230px;margin: 0 !important;list-style-type: none !important;background-color: #FFF;}
ul.left-nav li {padding: 5px;border-top: 1px solid #DDD;}

a, a:link, a:visited, a:active, a:hover {
	color: #006cb8;
	text-decoration: none;
	font-family:Arial, sans-serif;
	font-size: 11px;
}
a.nav, a.nav:active, a.nav:hover, a.nav:visited, a.nav:link, .nav-text, .nav-text
{
	font-weight: bold;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	color: #FFFFFF;
} 
ul.left-nav a {font-weight: 500;color: #346667;text-decoration: none;}
ul.left-nav a:hover {color: #0099cb;}
table.bottomnav a {color: #9a9a9a;text-decoration:none;font-size: 9px;font-weight:500;}

/* left nav */
#leftColumn {FLOAT: left;WIDTH: 256px;margin-left:12px;padding-top:273px}
#leftSubNav {MARGIN-TOP: -4px;LINE-HEIGHT: 1.3em}
#leftSubNav H1 {padding:0 0 4px 0;FONT-WEIGHT: lighter;COLOR: #006cb8;	LINE-HEIGHT: 1em;FONT-STYLE: italic;FONT-FAMILY: Arial, Helvetica, sans-serif;	LETTER-SPACING: 2px}
#viBranding {	MARGIN: 22px 0px 0px -24px;	POSITION: relative;	HEIGHT: 232px}
html>body div#viBranding{margin-left:-12px}
#leftSubNav UL.subNav {CLEAR: both;	PADDING: 0px;PADDING-BOTTOM: 4em;BACKGROUND: url(/newcar/channels/images/mazda/bg_tertiarynav.jpg) no-repeat 100% bottom;text-align:right;MARGIN: -12px 0px 1em;LINE-HEIGHT: normal;LIST-STYLE-TYPE: none;}
#leftSubNav UL.subNav LI{padding:3px 10px 3px 12px;list-style-type:none}
#leftSubNav UL.subNav LI A {MARGIN: 0px;COLOR: #8f9498;	PADDING: 0px;TEXT-DECORATION: none;font-family:Arial, Helvetica, Verdana, sans-serif !important;font-size:11px;}
#leftSubNav UL.subNav LI A:hover {COLOR: #006cb8; !important}

/* footer */
#footer {LEFT: 0px;	WIDTH: 100%;BOTTOM: 0px;POSITION:fixed;BACKGROUND-COLOR: #006cb8}
#nextstep UL {PADDING: 8px 10px 5px 0px;Z-INDEX: 9999;MARGIN: 0px 0px 0px 10px;POSITION: relative}
#nextstep LI {PADDING: 5px 12px 0px 9px;DISPLAY: inline;BACKGROUND: url(/newcar/channels/images/mazda/bg_bottomnav_separator.gif) no-repeat 100% 0px;LIST-STYLE-TYPE: none;}
#nextstep LI A {
	FONT-WEIGHT: bold;
	COLOR: #fff;
	TEXT-DECORATION: none;
	font-size:11px;
	font-family:Arial, Helvetica, Verdana, sans-serif !important
}
#nextstep LI A:hover {COLOR: #7fb5db; !important}
span.nav-text {FONT-WEIGHT: bold;COLOR: #fff;TEXT-DECORATION: none;font-family:Arial, Helvetica, Verdana, sans-serif !important}

P {MARGIN-BOTTOM: 1.3em;COLOR: #8f9498}
.hide {LEFT: -999em;OVERFLOW: hidden;WIDTH: 30em;POSITION: absolute}

/* Top Level */
#TopMenu {position:relative;font-family:Arial, Helvetica, sans-serif;background-color:#FFFFFF;width:100%;height:29px;margin-bottom:23px;}
html>body div#TopMenu{margin-bottom:24px}
#TopMenu ul {padding:0; margin:0; list-style-type:none;}
#TopMenu li {float:left;position:relative;padding:0 !important;}
#TopMenu a {
	float:left;
	display:block;
	text-decoration:none;
	color:#8f9498;
	padding:7px 15px 8px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	background:#FFFFFF url(/newcar/channels/images/mazda/bg_topnav_separator.gif) no-repeat 0px 0px;	
}
#TopMenu a.on {font-weight:bold;color:#006cb8;background: url(/newcar/channels/images/mazda/bg_topnav_separator_next.gif) no-repeat 0px 0px !important;text-align:right;}
#TopMenu a:hover {color:#006cb8;background-color:white}

/* Second Level */
#TopMenu ul div {
	visibility:hidden;
	position:absolute;
	height:auto;
	top:30px;
	left:0;
	width:166px;
	text-align:center;
}
html>body div#TopMenu ul div{background: url(/newcar/channels/images/mazda/bg_nav_shadow.png) no-repeat 50% 100%;top:29px;}
#TopMenu ul ul {padding:7px 0;background-color:#FFFFFF;width:156px;border:1px solid #000000;}
html>body div#TopMenu ul ul{border:0;border-top:1px solid #000000}
#TopMenu ul ul a {background:#FFFFFF;width:140px;text-align:left;padding:2px 6px 2px 10px;display:block;font-weight:normal;margin:0}
#TopMenu ul ul a:hover{background:#FFFFFF url(/newcar/channels/images/mazda/btn_next.gif) no-repeat 4px 0.5em;}
#TopMenu ul ul li {}

/* Visibility */
#TopMenu li:hover div, 
#TopMenu li li:hover ul, 
#TopMenu li li li:hover ul	{visibility:visible;}

/* Visibility */
#TopMenu ul li:hover ul, #TopMenu ul a:hover ul, #TopMenu ul :hover ul :hover ul{visibility:visible;}

/* payslip view */
#income {width:480px !important}
#income tr.dark th {background-color: #E9EAEA;color: #8f9498}

/* pdf styles */
.pdfMain .calc-inner-left {border:0;width:100%}
.pdfMain table.benefit, .pdfMain table.calc-inner-left {border-top:1px solid #8f9498;}
.pdfMain .calc-inner-left a {color:#8f9498}
.pdfFoot {width:100%;clear:both}
.pdfFoot ul, .pdfFoot li {list-style-type:none}
.pdfLogo {float:right}

/* fuel ben forms */
table.fuelbenform table td{background-color:#f4f4f4 !important;border:1px solid #FFFFFF !important;} 
table.fuelbenform table td strong{font-weight:normal} 
table.fuelbenform table input.benSub {
	padding-left:10px;
	background-image:URL(/newcar/channels/images/mazda/btn_next.gif);
	background-repeat:no-repeat;
	background-position:4px center;
	background-color:#f4f4f4;
	border:0;
	color:#006cb8!important;
	font-weight:bold
}

/* Styling for new support links 09/11/2009 */
#support ul {
	border-top:1px solid #CCCCCC;
	font-size:0.9em;
	margin:2em 0 3.5em 0px;
	padding:5px 0;
	width:490px;
}

#support li, #support_zz li {
	display:inline;
	height:1.3em;
	list-style-type:none;
	margin:0;
	padding:3px 0;
}

#support li a.first, #support_zz li a.first {
	border-left:medium none;
	padding-left:0;
}

#support li a, #support_zz li a {
	border-left:1px solid #CCCCCC;
	color:#8F9498;
	padding:0 1em;
	text-decoration:none;
}