@charset "UTF-8";
/* CSS Document */
body { margin:0px; background-color:#0c0d11; }
p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
li { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
h1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; }
.highlight { color:#006cb8; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; }
h3 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; }
a { color:#006cb8 }
a:visited { color:#006cb8 }
#wholething { width: 1003px; left:50%; margin-left:-501px; text-align:left; position:absolute; background:url(../images/wholeBackground.png) repeat-y; }
#mainArea { width:1003px; }
#contentArea { position: relative; width:823px; margin-left:180px; background-color:#FFFFFF; }
#leftSide { float:left; width:180px; background:#1b262e url(../images/leftSideLogo.png) top no-repeat; }
#logo { margin-top:25px; }
#navi { position:relative; margin:0px 5px 40px 5px; }
.navButton { cursor:pointer; width:160px; height:20px; background:url(../images/navFadeLine.png) bottom no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; padding:6px 0px 0px 10px; }
#countrySelect { width:136px; border-top: #34444e solid 1px; border-bottom: #34444e solid 1px; background-color:#202c34; margin:12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#a8bbc6; padding:9px; }
#visitMazda { background-image:url(../images/smallArrow.png); background-repeat:no-repeat; background-position: 95% 50%; width:136px; border-top: #34444e solid 1px; border-bottom: #34444e solid 1px; background-color:#202c34; margin:12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#a8bbc6; padding:9px; }
#visitMazda a {color:#a8bbc6; text-decoration:none; }
#headerGraphic { background:url(../images/mazdaEmblem.jpg) #000000; background-position:0px 53px; background-repeat:no-repeat; height:313px; width:823px; }
#headerGraphicSmall { background:url(../images/mazdaEmblemSmall.jpg) #000000; background-position:0px 53px; background-repeat:no-repeat; height:173px; width:823px; }
#homeContent { width:743px; background-color:#FFFFFF; padding:32px 40px 32px 40px; }
#homeMessage { background-color:#edeff1; width:703px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; padding:20px; margin-top:20px; }
#chooseArrows { background:url(../images/chooseArrowBar.png) no-repeat; margin:20px 168px 10px 168px; height:17px; width:404px; }
#homeChooseFind { background:url(../images/chooseBoxPhone.png) no-repeat; height:72px; width:236px; float:left; padding:24px 10px 0px 116px; cursor:pointer; }
#homeChoosePair { background:url(../images/chooseBoxPair.png) no-repeat; height:72px; width:236px; float:left; margin-left:16px; padding:24px 10px 0px 116px; cursor:pointer; }
#homeChooseFind h2 { margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; }
#homeChoosePair h2 { margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; }
#homeChooseFind p { margin-top:8px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; }
#homeChoosePair p { margin-top:8px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; }
#homeHFPWarning { background-color:#fff; width:703px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; padding:19px; margin-top:130px; border:#edeff1 solid 1px; }
#footer { background:url(../images/footerGraphic.png) right no-repeat #0c0d11; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#a8bbc6; height:26px; width:993px; padding: 8px 0px 0px 10px; clear:both;}
.findSelectionNumbOn { height:38px; width:52px; background:url(../images/bgFadeBlue.png) repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:14px; font-weight:bold; padding-top:16px; text-align: center; float:left; }
.findSelectionDrop { height:38px; width:675px; background:url(../images/bgFadeGrey.png) repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:14px; font-weight:bold; padding-top:16px; padding-left:14px; margin-left: 54px; }
.confirmArrow { background:url(../images/confirmArrow.png); width:31px; height:25px; float:right; margin-right:380px; margin-top:-24px;  }
.confirmCheck { background:url(../images/confirmCheck.png); width:31px; height:25px; float:right; margin-right:380px; margin-top:-24px;  }
.findSelectionNumbDisabled { height:38px; width:52px; background:url(../images/bgFadeGrey.png) repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; color:#797a7b; font-size:14px; font-weight:bold; padding-top:16px; text-align: center; float:left; }
.findSelectionNumbDone { height:38px; width:52px; background:url(../images/bgFadeGrey.png) repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:14px; font-weight:bold; padding-top:16px; text-align: center; float:left; }
.findSummaryOptions { height:22px; width:702px; background:url(../images/blueGreyArrow.png) no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:11px; padding-left:41px; padding-top:10px; margin-top:15px; }
#findSummaryReview { position: relative; height:13px; width:719px; background:url(../images/bgFadeDarkGrey.png) repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff; font-size:10px; margin-top:20px; padding:18px 6px 18px 18px; }
#findSummaryOptions { right: 4px; top: 5px; position: absolute; height:38px; width:261px; background:url(../images/whiteRoundedBox.png) no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:10px;}
#findSummaryOptions a { color:#006cb8; text-decoration:none; }
#findSummaryWords { width: 450px; }
.phoneBox {width:223px; height:95px; background:url(../images/bgFadeGreyPhoneList.png) repeat-x; padding:6px; float:left; margin:19px 19px 0px 0px; }
.phoneBox a { color:#006cb8; text-decoration:underline; font-weight:bold; }
.phoneBox a.ie6links { color:#006cb8; }
.phonePic { margin-bottom: 5px; margin-top: 5px; float:left; }
.approved { color:#22b14c; }
.failed { color:#cc0000; }
.phoneBoxSelected { width:223px; height:95px; background:url(../images/bgFadeBluePhoneList.png) repeat-x; padding:6px; float:left; margin:19px 19px 0px 0px; }
.phoneBoxSelected a { color:#ffffff; text-decoration:underline; font-weight:bold; }
.phoneBoxSelected a.ie6links { color:#ffffff; }
.phoneBoxSelected .approved { color:#FFFFFF }
.phoneBoxSelected .failed { color:#FFFFFF }
.buttonLeft { height:30px; width:17px; background:url(../images/buttonLeft.png) no-repeat; float:left; }
.buttonRight { background:url(../images/buttonRight.png) no-repeat; height:30px; width:41px; float:left; }
.buttonMiddle { float:left; background:url(../images/buttonBG.png) repeat-x; height:22px; width:auto; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; padding-top:8px; font-weight:bold; font-size:12px; }
.button { cursor:pointer; height:30px; }
#compareSelectedButton { background-color:#FFFFFF; float:left; margin:20px 20px 0 0; }
#compareAllButton { background-color:#FFFFFF; padding-left:20px; float:left; margin:20px 20px 0 0; }
#contactSendButton { background-color:#FFFFFF; float:left; margin:20px 20px 0 0; }
#findSummaryWarning { margin-bottom: 20px; background-color:#fff; width:703px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; padding:19px; margin-top:70px; border:#edeff1 solid 1px; }
#matrixLegend { background-color:#fff; width:703px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; padding:19px; margin-top:20px; border:#edeff1 solid 1px; }
#matrixLegend img { vertical-align:middle; margin-right:6px; margin-left:20px; }
.matrixHeader { height:40px; vertical-align:bottom; border:#FFFFFF solid 1px; display:table-cell; text-align:center; background:url(../images/matrixHeaderBG.png) repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#FFFFFF; }
.matrixHeader a { color:#FFFFFF; text-decoration:underline; }
.matrixHeaderLink { color:#FFFFFF; text-decoration:underline; }
.matrixManu {  border:#FFFFFF solid 1px; display:table-cell; background:url(../images/matrixManuBG.png); height:34px; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#FFFFFF; }
.matrix { width:743px; border-collapse:collapse; }
.matrixPhoneName { width:80px; height: auto; background:url(../images/matrixManuBG.png) #202c34 repeat-x; padding: 5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#FFFFFF; vertical-align:middle; display:table-cell; border:#FFFFFF solid 1px; }
.matrixIcon { text-align:center; padding:0px; display:table-cell; border:#FFFFFF solid 1px; height:34px;  }
.matrixSoftwareVersion { padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; display:table-cell; text-align:center; vertical-align:middle;border:#FFFFFF solid 1px;}
.matrixSoftwareVersion a { color:#000000; }
.matrixCarrier { padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; display:table-cell; text-align:center; vertical-align:middle;border:#FFFFFF solid 1px;}
.matrixGreyRow { background-color:#edeff1; }
.matrixWhiteRow { background-color: white; }
.pairInstructions { width:743px; border-spacing: 2px 2px; margin-top:20px; }
.pairText { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; padding:10px; border:1px solid #edeff1; display:table-cell; vertical-align:middle; }
.pairNum { font-family:Verdana, Arial, Helvetica, sans-serif; background:#0096ff url(../images/pairNumberBG.png) repeat-x bottom; color:#FFFFFF; font-size:14px; font-weight:bold; height:65px; width:52px; text-align:center; display:table-cell; vertical-align:middle; }
.faqs { width:743px; border-spacing: 2px 2px; margin-top:20px; }
.q { font-family:Verdana, Arial, Helvetica, sans-serif; background:#0096ff url(../images/bgFadeBlue.png) repeat-x bottom; color:#FFFFFF; font-size:16px; font-weight:bold; height:52px; width:52px; text-align:center; display:table-cell; vertical-align:middle; }
.qText { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; padding:10px; background: url(../images/bgFadeGrey.png) repeat-x bottom #FFFFFF; display:table-cell; vertical-align:middle; }
.qText a { color:#006cb8; text-decoration:underline; }
.qOpen { float:right; margin-right:20px;}
.aRow { display:none; height:0px; margin:0px; padding:0px; }
.a { font-family:Verdana, Arial, Helvetica, sans-serif; background:#34444e url(../images/bgFadeDarkGrey.png) repeat-x bottom; color:#FFFFFF; font-size:16px; font-weight:bold; height:52px; width:52px; text-align:center; display:table-cell; vertical-align:middle; }
.aText { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; padding:10px; border:1px solid #edeff1; display:table-cell; vertical-align:middle; }
.qOpen { float:right; margin-right:20px; }
#contactLeftSide { width:362px; margin-top:20px; float:left; }
#contactRightSide { width:362px; margin-top:20px; float:right; }
.contactSideTopper { background:url(../images/contactFadeGrey.png) repeat-x; width:348px; height:35px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold; padding:14px 0px 0px 14px; }
.contactSideBottom { background:url(../images/contactFadeLtGreyLong.png) repeat-x; widows:348px; height:505px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; padding:20px; }
#errors { background-color:#FFFFFF; color:#cc0000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;  padding:10px; margin-top:260px; clear:both; display:none; }
input,select,textarea { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
.popup {
	color: #7a7a7a;
	background-color: white;
	margin-top: 10px;
	text-align: left;
	border-color: #939393;
	border-width: 1px;
	border-style: solid;
	z-index: 1;
	position: absolute;
	padding: 4px;
	width: 200px;
	display: block;
}

.right {
	right: 8px;
}