/* 
USE: 		Mazda website
AUTHOR:		Syzygy UK Limited
DATE:		03/2008
*/


body {
font : 0.75em Arial, Helvetica, Verdana, Geneva, sans-serif;
color : #8f9498;
margin : 0 auto;
padding : 0;
}
* {
margin : 0;
padding : 0;
}
#formularz p {
margin: 0 0 0 0;
color : #006CB8;
font-size : 0.9em;
}

input {
padding-top: 1px;
padding-bottom: 1px;
width : 200px;
height: 14px;
border-top: #E0E9EF 1px solid; 
border-right: #E0E9EF 1px solid; 
border-bottom: #E0E9EF 1px solid;
border-left: #E0E9EF 1px solid;
background-color: #EFF9FF;
color: #9F0B00; 
margin-bottom : 0em;
font-size : 0.9em;
}

input.submit {
padding-top: 0px;
width : 60px;
height: 18px;
border-top: #9B0000 0px solid; 
border-right: #9B0000 0px solid; 
border-bottom: #9B0000 0px solid;
border-left: #9B0000 0px solid;
background-color: #006CB8;
color: #fff; 
font-size : 0.9em;
text-align: center;
font-weight : bold;
}

p {
margin-bottom : 1.3em;
color : #8f9498;
font-size : 0.9em;
}
img, fieldset {
border : 0;
}
a {
color : #006cb8;
}
a:active, a:focus {
outline : 0;
}
a:hover {
color : #006cb8;
}
hr {
display : block;
height : 1px;
background-color : #c2d6d6;
color : #c2d6d6;
border : 0;
padding : 0;
margin : 1em 0;
}
blockquote {
margin : 0 3em 1.5em 3em;
font-size : 1.1em;
}
.clear {
display : block;
clear : both;
height : 0;
font-size : 0;
margin : 0;
padding : 0;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
font-size : 0;
}
* html .clearfix {
height : 0%;
}
#mainContainer {
width : 760px;
margin : 0 0 3em 12px;
}
#mainContainer.wide {
width : 930px;
margin : 0 0 3em 12px;
}
#leftColumn {
float : left;
width : 256px;
}
#leftSubNav {
margin-top : 15px;
line-height : 1.3em;
}

#rightSubNav {
margin-top : 0px;
margin-right : 50px;
line-height : 1.3em;
float : right;
width : 300px;
width : 300px;
}
* html #leftSubNav p {
padding-left : 2px;
}
* html #rightSubNav p {
padding-left : 22px;
}
#mainContainer #contentBox {
float : left;
width : 504px;
}
#mainContainer.wide #contentBox {
float : left;
width : 674px;
}
#viBranding {
height : 232px;
margin : 22px 0 0 -12px !important ;
position : relative;
}
#mainContainer .heroBox {
width : 490px;
border : 7px solid #fff;
border-bottom : none;
background-color : #fff;
}
#mainContainer .heroBox.noBorder {
width : 490px;
padding : 7px 7px 0 7px;
border : none;
background-color : transparent;
min-height : 255px;
}
#mainContainer.wide .heroBox {
width : 660px;
border : 7px solid #fff;
border-bottom : none;
background-color : #fff;
}
#mainContainer.wide .heroBox.noBorder {
width : 660px;
padding : 7px 7px 0 7px;
border : none;
background-color : transparent;
}
.overlayFlash {
margin : -60px 0 0 -7px;
z-index : 10;
}
#contentBoxDealers {
float : left;
width : 504px;
}
#contentBoxDealers .content {
margin : 0 7px;
padding : 15px 20px;
background-color : #f3f8f8;
}
#contentBoxDealers .heroBox {
background-color : #f3f8f8;
text-align : center;
}
#contentBoxDealers .heroBox div {
margin : 0;
padding : 0;
}
#contentBoxDealers .heroBox .arrows {
background-color : #e0ebeb;
}
#contentBoxDealers .heroBox .map {
border : 5px solid #c2d6d6;
}
#content {
padding : 15px 7px 0 17px;
background-color : #fff;
line-height : 1.3em;
}
#leftSubNav h1, #rightSubNav h1, #homeContent .intro h1 {
padding : 0 0 12px 0;
color : #006cb8;
font-family : Arial, Helvetica, sans-serif;
font-size : 1.8em;
font-weight : lighter;
letter-spacing : 2px;
line-height : 1em;
font-style : italic;
}

#homeContent .intro .homeAdLogo {
text-align : center;
margin : -23px 0 0 -10px;
}

h1 {
padding : 0 0 0.6em 0;
color : #006cb8;
font-size : 1.3em;
font-weight : bold;
line-height : 1.3em;
}

h2 {
padding : 0 0 0.6em 0;
color : #006cb8;
font-size : 1.3em;
font-weight : bold;
line-height : 1.3em;
}
h3 {
margin : 0;
padding : 0 0 0.8em 0;
color : #006cb8;
font-size : 1.1em;
font-weight : bold;
}

h4 {
margin : 0;
padding : 5px 0 0 30px;
color : #006CB8;
font-size : 1.1em;
font-weight : bold;
}

h5 {
line-height : 1.8em;
margin : 0;
padding : 0 0 0 0;
color : #B8000F;
font-size : 0.9em;
font-weight : bold;
}
h6 {
line-height : 1.8em;
margin : 0;
padding : 0 0 0 0;
color : #B8000F;
font-size : 0.9em;
font-weight : bold;
}
h4 a {
font-size : 1.1em;
text-decoration : none;
}
.landing h3, .bodyStyle h3 {
padding : 0;
}
.disclaimer {
color : #8f9498;
padding : 0.5em 0;
font-size : 10px !important ;
}
.disclaimer .back {
font-size : 11px !important ;
}
#mainContainer .flashMessage {
position : absolute;
left : 780px;
top : 340px;
width : 250px;
}
#mainContainer.wide .flashMessage {
position : absolute;
left : 950px;
top : 340px;
width : 250px;
}
#zzNoFlash {
position : absolute;
left : 150px;
top : 240px;
color : #fff;
font-size : 1.2em;
}
#zzNoFlash a {
color : #fff;
}
.imgBorder img {
border : 1px solid #2481a0;
}
#content ul {
margin : 0 0 1.5em 1.3em;
list-style-type : square;
}
ul.indent, ul.indent ul {
margin-left : 3em !important ;
}
#content ol {
margin : 0 0 1.5em 2em;
}
#content li {
padding-bottom : 0.5em;
font-size : 0.9em;
}
#content li li {
font-size : 1em;
}
#content ul li ul, #content ol li ul {
margin-top : 15px;
padding-left : 1em;
list-style-type : disc;
}
#content table li, #content li p {
font-size : 1em;
}
* html #content iframe {
width : 480px !important ;
}
.pullLeft {
float : left;
margin : 0 1em 1em 0;
}
.pullRight {
float : right;
margin : 0 0 1em 1em;
}
.next, a.next, .back, .back a {
padding : 0 0 0 6px;
margin-top : 0.3em;
color : #006cb8;
font-size : 0.9em;
text-decoration : none;
font-weight : bold;
line-height : normal;
}
p .next, p a.next, p .back, p .back a {
font-size : 1em;
}
a.close {
text-decoration : none;
font-weight : bold;
padding : 0 18px 5px 0;
}
.next a:hover, a:hover.next, .top a:hover, a:hover.top, .back a:hover, a:hover.back {
color : #006cb8;
}
.listnav {
list-style-type : none !important ;
margin : 0 0 1.3em 0 !important ;
padding : 0 !important ;
}
.listnav li {
margin : 0;
padding : 0 0 0.2em 6px !important ;
}
.listnav a {
color : #006cb8;
text-decoration : none;
font-weight : bold;
}
ul.iconsIndex {
list-style-type : none;
margin : 0 0 1.3em 0;
padding : 0;
font-size : 0.9em;
}
ul.iconsIndex img {
vertical-align : middle;
margin-bottom : 2px;
}
div.js_collapsed {
display : none;
}
div.js_expanded {
display : block;
}
ul#list {
list-style-type : none;
margin : 0 0 2em 0;
}
ul#list li {
margin : 0;
padding : 0 0 0.5em 0;
}
ul#list li a.next {
font-size : 1em;
}
ul#list li div {
padding : 3px 0 0 20px;
}
ul#list li a.toggle {
padding : 0 0 0 20px;
text-decoration : none;
font-weight : bold;
color : #006cb8;
line-height : normal;
}
ul#list li a.js_collapsed {
padding : 0 0 0 20px;
}
ul#list li a.disclaimer {
font-weight : normal;
color : #8f9498;
}
.pullBoxRight {
float : right;
margin : 0 0 1em 0;
padding : 0;
width : 145px;
}
#promoBox {
float : right;
width : 125px;
padding : 0;
margin : 3em 0 0 10px;
}
#promoBox ul {
list-style-type : none;
margin : 0;
padding : 0;
line-height : normal;
}
#promoBox li {
margin : 0;
padding : 0;
border-bottom : 1px solid #fff;
background-color : #006cb8;
color : #fff;
}
#promoBox li a {
font-weight : bold;
text-decoration : none;
color : #fff;
}
#promoBox li a.ctalink {
display : block;
margin : 0;
padding : 4px 5px 4px 10px;
}
#promoBox li span {
display : block;
padding : 0 5px 5px 9px !important ;
font-size : 0.8em;
font-weight : bold;
}
#promoBox li.promoImg {
padding : 0 !important ;
margin-top : 1px !important ;
}
#promoBox li.promoImg img {
margin : 0 0 -3px 0;
padding : 0;
}
#promoBox li.promoImg a.ctalink {
padding : 2px 2px 2px 10px;
}
#promoBox li.promoImg.medBlue {
background-color : #1e1d3d;
}
#promoBox li.promoImg.medBlue a.ctalink {
color : #fff;
}
#promoBox li.promoImg.medBlue span {
color : #a1e8ff;
}
#promoBox li.promoImg.darkRed {
background-color : #741b09;
}
#promoBox li.promoImg.darkRed a.ctalink {
color : #fff;
}
#promoBox li.promoImg.darkRed span {
color : #af8981;
}
#promoBox li.promoImg.purple {
background-color : #70147a;
}
#promoBox li.promoImg.purple a.ctalink {
color : #fff;
}
#promoBox li.promoImg.purple span {
color : #b687bb;
}
#content ul.keyFeatures {
list-style-type : none;
margin : 3em 0 0 2em;
padding : 0;
float : right;
}
#content ul.keyFeatures li {
display : block;
clear : left;
position : relative;
}
#content ul.keyFeatures li img {
display : block;
}
#content ul.keyFeatures li a.next {
float : left;
font-size : 1em;
line-height : 1.1em;
padding : 0 0 5px 6px;
}
#popupContainer .feature {
margin-bottom : 10px;
}
#popupContainer .pullLeft {
margin-left : 10px;
}
#popupContainer .pullRight {
margin-right : 10px;
}
#popupContainer a.next {
padding : 0 5px 0 0;
}
.pagination {
clear : both;
margin : 2em 0 15px 0;
padding : 3px 0;
line-height : normal;
border-top : 1px solid #00a6ec;
border-bottom : 1px solid #00a6ec;
width : 100%;
}
.pagination a {
font-weight : bold;
text-decoration : none;
}
.pagination ul {
list-style-type : none !important ;
margin : 0 !important ;
padding : 0.5em 0 0 0 !important ;
}
.pagination li {
float : left;
}
.pagination li a {
padding : 0 3px;
text-decoration : underline;
}
.pagination li.btn {
float : right;
}
.pagination li.btn a {
text-decoration : none;
padding-left : 10px;
}
.pagination .selected {
color : #333;
font-weight : bold;
}
.pagination select {
margin : 2px 3px;
}
table.generic {
display : inline-table;
border-collapse : collapse;
margin-bottom : 1.5em;
width : 100%;
clear : both;
color : #666;
font-size : 0.9em;
}
table.generic th {
border : 2px solid #fff;
font-weight : bold;
padding : 5px;
background-color : #e0eaeb;
}
table.generic th span {
font-size : 0.9em;
}
table.generic td {
border : 2px solid #fff;
padding : 4px 5px;
vertical-align : top;
background-color : #f5f9f9;
}
table.generic img {
margin : 5px;
}
table.specs tr {
vertical-align : top;
}
table.specs {
display : inline-table;
position : relative;
border-collapse : collapse;
border-spacing : 0;
margin : 0 0 15px 0;
width : 100%;
font-size : 0.9em;
}
table.specs th {
border : 2px solid #fff;
font-weight : bold;
padding : 5px;
background-color : #e0eaeb;
color : #333;
}
table.specs td {
border : 2px solid #fff;
padding : 3px 5px;
background-color : #f2f7f7;
color : #333;
}
table.specs td.center {
text-align : center;
}
table.auto tr {
vertical-align : top;
}
table.auto {
display : inline-table;
border-collapse : collapse;
border-spacing : 0;
margin : 0 0 15px 0;
font-size : 0.9em;
width : 340px;
}
table.auto th {
border : 2px solid #fff;
font-weight : bold;
padding : 5px;
background-color : #e0eaeb;
color : #333;
}
table.auto td {
border : 2px solid #fff;
padding : 3px 5px;
background-color : #f2f7f7;
color : #333;
}
table.auto td.center {
text-align : center;
}
.row {
clear : both;
}
ol.indexPage {
width : 100%;
margin : 0 !important ;
padding : 0 !important ;
list-style-type : none;
line-height : normal;
}
.indexPage li {
float : left;
width : 48%;
margin : 0 5px 1.5em 0;
padding : 0;
}
.indexPage li img {
float : left;
margin : 0 7px 3px 0;
}
.indexPage li a {
text-decoration : none;
}
.indexPage li br {
height : 0;
font-size : 0;
margin : 0;
padding : 0;
}
.indexPage h3 {
font-size : 1em;
}
.indexPage ul.links {
list-style-type : none !important ;
margin : 0 !important ;
padding : 0 !important ;
float : left;
width : 150px;
}
.indexPage ul.links li {
padding : 0 0 0 6px !important ;
margin : 0;
width : 147px;
}
.indexPage ul.links li a {
text-decoration : none;
font-weight : bold;
}
ol.overviewPage {
width : 100%;
margin : 0 0 1em 0 !important ;
padding : 0 !important ;
list-style-type : none;
}
.overviewPage li {
float : left;
width : 32%;
margin : 0 0 1em 0;
padding : 0 5px 0 0;
}
.overviewPage li img {
display : block;
margin-bottom : 0.3em;
}
.overviewPage li a {
font-weight : bold;
line-height : normal;
text-decoration : none;
}
ol.gallery {
width : 100%;
margin : 0 0 1em 0 !important ;
padding : 0 !important ;
list-style-type : none;
}
.gallery li {
float : left;
width : 120px;
margin : 0 0 1em 0;
padding : 0;
}
.gallery li h3 {
padding-bottom : 0.3em;
font-size : 1em;
font-weight : bold;
}
.gallery li img {
display : block;
margin-bottom : 0.2em;
width : 105px;
}
.gallery li a {
font-size : 0.9em;
font-weight : bold;
line-height : normal;
text-decoration : none;
}
.gallery ul {
margin : 0 !important ;
padding : 0 !important ;
}
.gallery li li {
float : none;
margin : 0;
padding : 0 !important ;
list-style-type : none;
}
.gallery li li a {
padding : 0 0 0 6px;
}
#content ol.imageOverview {
list-style : none;
margin : 0;
}
.imageOverview li {
position : relative;
margin-bottom : 4px;
}
.imageOverview a {
text-decoration : none;
display : block;
position : relative;
}
.imageOverview a span {
position : absolute;
top : 1em;
left : 0;
font-size : 1em;
cursor : pointer;
}
.imageOverview span {
position : absolute;
top : 2.5em;
left : 0;
}
ol.modelList {
width : 492px;
margin : 0 -2px 1.3em -10px !important ;
padding : 0 !important ;
list-style-type : none;
font-size : 1em;
}
.modelList li {
float : left;
width : 121px;
margin : 0 2px 1em 0;
padding : 0;
text-align : center;
}
.modelList li img {
display : block;
margin : 0 auto 2px auto;
text-align : center;
}
.modelList li a {
font-weight : bold;
color : #8f9498;
text-decoration : none;
}
.modelList li a:hover {
color : #006cb8;
}
.row3.modelList li {
width : 158px;
}
.row5.modelList li {
width : 94px;
}
ol.items {
margin : 0 0 1.3em 0 !important ;
padding : 0 !important ;
list-style-type : none;
}
.items li {
width : auto;
margin : 0 0 1em 0;
padding : 0 0 1.5em 0 !important ;
border-bottom : 1px solid #e0eaeb;
min-height : 65px;
}
.items li h3 {
padding-bottom : 0.2em;
margin : 0;
}
.items li h3 span {
font-weight : normal;
color : #999;
font-size : 0.85em;
line-height : 1.8em;
}
.items li p {
margin-bottom : 0.7em;
font-size : 1em;
}
.items li p a.next {
margin-top : 0.5em;
display : inline-block;
}
.items .last {
border : none;
}
.items.imgRight img {
float : right;
margin : 0 0 5px 1em;
}
.items.imgLeft img {
float : left;
margin : 0 1em 5px 0;
}
.items.imgLeft .noWrap {
margin-left : 140px;
}
.items.imgRight .noWrap {
margin-right : 140px;
}
#content .items ul {
margin-bottom : 0.5em;
padding-bottom : 0;
list-style-type : square;
}
#content .items ul li {
margin-bottom : 0;
padding-bottom : 0 !important ;
border : none !important ;
min-height : 1em;
}
* + html #content .items ul {
position : relative;
top : 0.5em;
}
* + html #content .items ul li {
position : relative;
top : -0.5em;
vertical-align : top;
}
.newsIntro {
margin-bottom : 1.5em;
}
#newsSearch {
float : right;
width : 160px;
padding : 5px;
margin : 0 0 2em 2em;
background-color : #e5f5fa;
border : 1px solid #b2cccc;
}
#newsSearch h3 {
background-color : #b2cccc;
color : #386963;
margin : -5px -5px 10px -5px;
padding : 5px;
font-weight : bold;
font-size : 1em;
}
#newsSearch label {
color : #386963;
}
#newsSearch p {
margin-bottom : 0;
}
#newsSearch .inputText {
width : 97%;
margin : 2px 0 8px 0;
}
#newsSearch .formSelect {
width : 99%;
margin : 2px 0 8px 0;
padding : 1px 2px;
}
#newsSearch .btnGo {
float : right;
text-align : right;
font-size : 0.9em;
padding : 0 6px 0 0;
margin : 0;
border : none;
background-color : transparent;
color : #0995dd;
font-weight : bold;
}

#homeContent .intro {
float : left;
width : 256px;
}
#homeContent #content {
margin : 0 0 0 7px;
padding : 0;
float : left;
width : 490px;
}
#homeContent .homePromos {
margin : 0;
color : #8f9498;
}
#homeContent .homePromos p {
margin-bottom : 0.2em;
font-size : 1em;
}
#homeContent .homePromos ol {
margin : 0;
padding : 0;
list-style-type : none;
}
#homeContent .homePromos ol li {
width : 150px;
float : left;
}
#homeContent .homePromos ol li.middle {
margin : 0 20px;
}
#homeContent .homePromos ol li img {
margin-bottom : 3px;
}
#homeContent .homePromos ol li h3 {
font-size : 1em;
font-weight : bold;
padding-bottom : 3px;
line-height : normal;
}
ul#homepage_promos {
margin : 0;
margin : 0;
padding : 0;
list-style-type : none;
}
ul#homepage_promos li {
width : 150px;
float : left;
}
ul#homepage_promos li.second {
margin : 0 20px;
}
ul#homepage_promos li a img {
vertical-align : bottom;
cursor : pointer;
}
#content.contentpanels #promoBox {
margin-bottom : 0.5em;
}
#content.contentpanels h3 {
font-size : 1.2em;
clear : both;
}
#content.contentpanels h4 {
margin : 0 0 0 10px;
padding : 0 0 0.8em 0;
color : #006cb8;
font-size : 1em;
font-weight : normal;
}
#content.contentpanels h3 a, #content.contentpanels h4 a {
display : block;
text-decoration : none;
padding : 0.2em 0 0.2em 15px;
}
#content.contentpanels h3 a:hover, #content.contentpanels h4 a:hover {
text-decoration : underline;
}
#content.contentpanels table.specs {
position : static;
}
.sitemap {
margin : 0;
padding : 0;
width : 100%;
}
.sitemap .left {
float : left;
width : 230px;
}
.sitemap .right {
float : right;
width : 230px;
}
#content .sitemap ul {
margin : 0;
padding : 0;
list-style-type : none;
}
#content .sitemap ul ul {
margin : 0 0 25px 0;
padding : 0;
list-style-type : none;
}
#content .sitemap ul ul ul {
margin : 0 0 10px 35px;
padding : 0;
list-style-type : disc;
}
#content .sitemap ul ul ul ul {
margin : 0 0 10px 15px;
padding : 0;
list-style-type : circle;
}
#content .sitemap a {
text-decoration : none;
display : block;
}
#content .sitemap li {
margin : 0;
padding : 0;
}
#content .sitemap li a {
font-size : 1.2em;
margin : 0 0 5px 0;
padding : 5px 5px 5px 10px;
color : #0995dd;
background-color : #e0eaeb;
font-weight : bold;
}
#content .sitemap li li a {
font-size : 1.2em;
margin : 0 0 3px 0;
padding : 2px 5px 2px 10px;
background-color : #f2f7f7;
color : #0995dd;
font-weight : normal;
border : none;
}
#content .sitemap li li li a {
font-size : 0.9em;
margin : 0;
padding : 0;
background-color : #fff;
color : #0995dd;
font-weight : normal;
border : none;
}
#content .sitemap li li li li a {
font-size : 0.9em;
margin : 0;
padding : 0;
background-color : #fff;
color : #0995dd;
font-weight : normal;
border : none;
}
* html #content .sitemap li a {
height : 1%;
}
#M5IntroNav {
background-color : #000;
list-style : none;
float : left;
margin : -15px 0 10px -10px !important ;
padding : 1px 0 0 0 !important ;
height : 40px;
width : 660px;
}
#M5IntroNav li {
float : left;
display : inline;
padding-left : 40px;
}
#M5IntroNav li span {
visibility : hidden;
}
#M5IntroNav li a {
display : block;
text-decoration : none;
}
a.linkBro {
width : 114px;
height : 30px;
}
a.linkTestdrive {
width : 114px;
height : 30px;
}
a.linkBuy {
width : 114px;
height : 30px;
}
a.linkDealer {
width : 114px;
height : 30px;
}
#email_index {
position : relative;
width : 100%;
margin : 10px auto !important ;
text-align : center;
}
#email_index li {
width : 49%;
float : left;
display : block;
line-height : 1.5em;
margin : 0.5em 0;
}
.apr {
font-size : 1.5em;
font-weight : normal;
line-height : 1.2em;
}
.small {
font-size : 0.7em;
font-weight : normal;
}
.noliststyle {
margin : 0 !important ;
padding : 0;
list-style : none !important ;
}
#support_vipro {
float: right;
margin: 0 0 0 0;
}
#support_vipro p {
margin-bottom : 0em;
color : #006CB8;
font-size : 0.9em;
}

#support_vipro a {
color : #006CB8;
outline : 0;
text-decoration: none;
}
#support_vipro a:active, a:focus {
}

#support_vipro a:hover {
color : #006CB8;
}