/*
   faqs-contact.css
   Mazda Faq Contact
   
   Created by Matthieu Aussaguel on 2010-05-20.
   Copyright 2010 igloo digital. All rights reserved.
*/

#contact-us-faqs {padding: 18px 0; border-bottom: 1px solid #EAEAEA;}
#faq-wrapper {padding-top:10px;}
#faq-wrapper a{padding: 8px 2px 5px 2px; display: block; text-decoration:none;}
#faq-wrapper p a{display: inline;}
#faq-wrapper h3 {padding: 1px 0; border-bottom: 1px solid #e5e5e5;}
#faq-wrapper h3.ui-state-active {border: 0;}
#faq-wrapper h3 a {background: url('/images/faq/icn-exp.gif') no-repeat 384px 0px; padding-right: 20px;}
#faq-wrapper h3 a:hover {background-color: #f2f2f2; background-position: 384px -75px;}
#faq-wrapper h3.ui-state-active a, #faq-wrapper h3.ui-state-active a:hover {background-color: #f2f2f2; background-position: 384px -150px;}
#faq-wrapper h4 {padding: 0; border-top: 1px solid #e5e5e5;}
#faq-wrapper h4 a {background: url('/images/faq/icn-exp.gif') no-repeat 384px -225px; padding-left: 10px;  font-weight: 100; line-height: 14px; padding-right: 20px;}
#faq-wrapper h4 a:hover {background-color: #f2f2f2; background-position: 384px -300px; }
#faq-wrapper h4.ui-state-active a, #faq-wrapper h4.ui-state-active a:hover {background-color: #f2f2f2; background-position: 384px -375px; }
#faq-wrapper .active h4 a {background-position: right bottom;}

/*FAQ BROWSE	*/
#faq-wrapper #faq-browse {float: left; width: 402px; display: inline;}
#faq-wrapper .faq-search-panel { background: url('/images/faq/bg-search.gif') no-repeat 0 0; height: 80px; padding: 10px; margin-bottom: 20px; float:left; width: 382px;}
#faq-wrapper .faq-search-panel h2{color: #fff; padding-bottom: 5px; border: 0;font-size:1.6em;}
#faq-wrapper .faq-search-panel p{color: #fff; padding-bottom: 5px; border: 0;}
#faq-wrapper #faq-browse-search #faq-search-input-box {position: relative; background: url('/images/faq/bg-search-input.gif') no-repeat 0 0; width: 365px; height: 31px; padding: 5px;}
#faq-wrapper #faq-browse-search #faq-search-input-box #faq-search-spinner{float: right; height: 20px; width: 18px;   background: url('/images/ajax-loader-fff.gif') no-repeat 0 3px;}
#faq-wrapper #faq-browse-search input{color: #454545; border: 0; height: 20px; width: 340px; font-size: 14px; float: left; margin-top: 0;}

#contact-us-form-faqs {border-bottom: 1px solid #EAEAEA;padding-bottom:18px;}
#faq-wrapper #contact-us-faq-browse {}
#faq-wrapper #contact-us-faq-browse #faq-select-enquiry {float:left; width: 382px;}
#faq-wrapper #contact-us-faq-browse #faq-enquiry-categories {float:right; width:350px;}
/* END FAQ BROWSE	*/

/*FAQ ENQUIRY SELECT	*/
#faq-wrapper #faq-select-enquiry select {width:376px;}
/* END FAQ ENQUIRY SELECT	*/

/* AUTO COMPLETE	*/
.faqContactBody ul.ui-autocomplete {position: absolute; background:  url('/images/faq/bg-search-sugg.png') no-repeat bottom left; width: 376px; padding-top: 10px; padding-bottom: 15px;} 
.faqContactBody li.ui-menu-item {padding: 1px 0 1px 1px;display: block;border-bottom: 1px solid #e5e5e5; width: 372px;}
.faqContactBody li.ui-menu-item a{padding: 8px 10px 5px 10px; display: block; color: #7f7f7f; font-size: 12px; text-decoration:none; font-weight: 100;}
.faqContactBody li.ui-menu-item a span{color: #0085CF;}
.faqContactBody .ui-state-hover,  .faqContactBody .ui-widget-content .ui-state-hover,   .faqContactBody .ui-state-focus,  .faqContactBody  .ui-widget-content .ui-state-focus,  .faqContactBody li.ui-menu-item a:hover {background-color: #f5f5f5; font-weight: bold; color:#414141; }
/* END AUTO COMPLETE	*/

/* ACCORDION	*/
#faq-wrapper .faq-questions {border-bottom: 1px solid #e5e5e5;}
#faq-wrapper .faq-questions ol {list-style-type: decimal; margin-left: 40px; padding-bottom: 10px;}
#faq-wrapper .faq-questions ul { margin-left: 25px; padding-bottom: 10px;}
#faq-wrapper .faq-questions ul li {background: url('/images/icn-blue-disc.gif') no-repeat left 7px; padding-left: 15px; list-style: none;}
#faq-wrapper .faq-questions ol li, #faq-wrapper .faq-questions ul li {line-height:1.3; font-size:1.2em; padding-bottom:0em;}
#faq-wrapper .faq-questions ol li p, #faq-wrapper .faq-questions ul li p{font-size:1em; padding-bottom: 0; }
#faq-wrapper .faq-questions .inner {margin:0 2px;width:387px;margin:15px 5px 15px 10px;}
#faq-wrapper .faq-questions-answer{line-height:1.3; font-size:1.2em;}
#faq-wrapper .faq-questions-answer a{display: inline;}
#faq-wrapper .faq-questions-answer p{font-size:1em; padding-bottom: 0;}
/* ACCORDION	*/

/*FAQ Q SELECTED*/
#faq-q-selected,  #faq-q-no-result {margin-bottom: 30px;}
#faq-q-no-result .faq-q-no-result-msg {border-bottom: 1px solid #e5e5e5; padding-bottom: 5px;;}
#faq-q-selected h2{border: 0; margin-bottom: 5px; float: right; width: 370px;}
#faq-q-selected p {padding: 0 0 10px 0; float:right;  width: 370px;}
.contactUs  #faq-q-selected {padding-left: 10px;}
.contactUs  #faq-q-selected h2 {width: 370px;}
.contactUs  #faq-q-selected p {width: 350px;}

#faq-q-selected-answer {padding-top: 8px;}
#faq-q-selected p.faq-q-selected-contact {border-top: 1px solid #e5e5e5; padding-top: 2px; width: 380px;}
#faq-q-selected span{color: #0085CF; width: 20px; font-weight: bold;font-size: 16px;float: left; margin-top: -1px;}
#faq-q-selected #faq-question-answer-wrapper {border-bottom: 1px solid #EAEAEA;margin-bottom: 10px;}
/*END FAQ Q SELECTED */
	
/*FAQ TOP 10*/
#faq-top-10 {float: right; width: 340px;}
#faq-top-10 a, #faq-top-10  p{padding-left: 0;}
#faq-top-10 a strong {font-size: 11px;}
#faq-top-10 h2 {border-bottom: 0;}
#faq-top-10 h4 a{padding-left: 2px; background-position: 322px -225px; padding-right: 20px;}
#faq-top-10 h4 a:hover{background-position: 322px -300px; }
#faq-top-10 h4.ui-state-active a {background-position: 322px -375px; }
#faq-top-10 .inner {padding-top: 5px;}
#faq-top-10 .faq-questions .inner {margin:0 2px;width:336px;}
/*END FAQ TOP 10*/

/* FAQ CATEGORIES ON CONTACT US PAGE*/
#faq-enquiry-categories h4 a{padding-left: 2px; background-position: 322px -225px; padding-right: 20px;}
#faq-enquiry-categories h4 a:hover{background-position: 322px -300px; }
#faq-enquiry-categories h4.ui-state-active a {background-position: 322px -375px; }
/* END FAQ CATEGORIES ON CONTACT US PAGE*/

/*CONTACT DETAILS */
#faq-browse .faq-contact-mazda {margin-top:10px;}
#faq-browse .faq-contact-mazda h2 {float:none;margin-bottom:0px;width:auto;}
#faq-browse .faq-contact-mazda .contact-options-link {padding:0 0 0 0;width: 153px;background: url("/images/buttons/btn-contactus.png") no-repeat scroll 0 0 #E4E4E4;display: block;height: 26px;text-indent: -9999em; }
#faq-browse .faq-contact-mazda .contact-options-link:hover {background-position: 0px -26px; width: 153px;}
#contact-details #contact-details-content{ padding:18px 0; border-bottom: 1px solid #e5e5e5;}
#contact-details #contact-details-content .contact-column{float: left;padding-right:30px;}
#contact-details #contact-details-content .contact-column-last {padding-right: 0px;}
#contact-details #contact-details-content #contact-phone {width:176px;}
#contact-details #contact-details-content #contact-fax {width:160px;}
#contact-details #contact-details-content #contact-mail {width:190px;}
#contact-details #contact-details-content #contact-email {width:150px;}
#contact-details #contact-details-content #contact-email a {font-size:9pt;}
#contact-details #contact-details-note {padding-top: 20px;}
/*END CONTACT DETAILS */
	
/*WAS THIS HELPFUL */
.was-this-helpful {clear: both; width: 360px; height: 50px; background-color: rgb(250, 250, 250); padding: 10px; margin-bottom: 6px; margin-left:12px;}
.faq .was-this-helpful {margin-left:22px;}
.was-this-helpful h4 {border-top: 0px !important; margin-bottom: 4px;color:#4c4c4c;}
.was-this-helpful input.radio {float:left;margin-top:8px !important;margin-right:0; border:0!important;}
.was-this-helpful label {font-weight: bold; font-size: 1.2em; float: left; margin: 9px 5px 0pt 5px;float:left;color:#4c4c4c;}
.was-this-helpful .helpful-why-label {margin-left:16px;}
.was-this-helpful .helpful-why {border: 1px solid rgb(215, 215, 215); background-color: #fff !important; height: 24px; width: 125px; margin-left: 5px;margin-top: 0px !important; margin-right: 5px;float:left;padding:0 5px;}
.was-this-helpful .helpful-send {text-indent:-9999em;background: url(/images/buttons/btn-send.png) no-repeat 0 -26px; height: 26px; float: left; width: 66px;padding:0 !important; }
.was-this-helpful .helpful-send:hover {background-position:0 0;height:26px;}
.was-this-helpful .helpful-thank-you {color: gray !important; font-weight: 100; font-size: 9px!important; font-weight: 100!important; float: left; background: url('/images/ajax-loader-fff.gif') no-repeat right 7px;cursor: auto;  padding: 3px 16px 0 2px;  height: 24px!important; width: 50px!important; line-height: 24px!important;}
.faq-questions-answer .was-this-helpful {font-size:0.8em;}
#faq-top-10 .was-this-helpful {margin-left:0; width: 320px;}
#faq-top-10 .was-this-helpful .helpful-why { width: 85px;}
#faq-browse-categories .was-this-helpful, #faq-enquiry-categories .was-this-helpful {width: 320px; margin-left: 10px;}
#faq-enquiry-categories .faq-questions-answer .inner {width:336px;}
#faq-browse-categories .was-this-helpful .helpful-why, #faq-enquiry-categories .was-this-helpful .helpful-why { width: 85px;}
/*END WAS THIS HELPFUL */

/* Share Link */
.share-faq {clear:both; position:relative; border-top: 1px solid #E5E5E5}
#faq-wrapper .faq-questions-answer a.share-link, .share-faq .share-link {display:block; font-size:10pt;margin:5px 0 5px 15px;}
.share-faq .share-copy-box-wrapper {position:absolute; top:-64px; width:402px; height:74px; background: url('/images/faq/bg-share.gif') no-repeat right 0px;}
.share-faq .share-copy-box { position:relative; padding: 20px; }
.share-faq .share-copy-box .share-url {float:left; margin-right:15px; width:270px; border:1px solid #D7D7D7; height:24px; }
#faq-wrapper .faq-questions-answer a.share-url-copy, #share-faq .share-copy-box a.share-url-copy {float:right; width:66px; height: 26px; background: url("/images/buttons/btn-copy.png") no-repeat right 0;display: block;text-indent: -9999em; padding:0;}
#faq-wrapper .faq-questions-answer a.share-url-copy.hover, #share-faq .share-copy-box a.share-url-copy.hover {background-position: 0px -26px; }



/* CONTACT US FORM */
#contact-us-form {margin-top:10px;}
#contact-us-form label {display:block;margin:5px 0 3px 0; font-weight:bolder;}
#contact-us-form input {display:block;}

#contact-us-form .field-container {float:left;margin-bottom:7px;}

#contact-us-form #initial-questions,
#contact-us-form #your-mazda,
#contact-us-form #your-details,
#contact-us-form #your-enquiry {padding:0 0 20px 0; }

#contact-us-form #initial-questions {width:450px; font-size:9pt; }
#contact-us-form #initial-questions label {width:300px;float:left;}
#contact-us-form #initial-questions span {width:150px;float:left;}
#contact-us-form #initial-questions #contact-us-existing-customer input,
#contact-us-form #initial-questions #contact-us-enquiring-your-mazda input {float:left;}
#contact-us-form #initial-questions #contact-us-existing-customer #main_0_content_1_rblExistingMazdaCustomer label,
#contact-us-form #initial-questions #contact-us-enquiring-your-mazda #main_0_content_1_rblEnquiryAboutYourMazda label {float:left;width:40px;}

#contact-us-form #your-mazda {width:750px;}
#contact-us-form #your-mazda #contact-us-vehicle select {width:200px; margin-right:150px;}
#contact-us-form #your-mazda #contact-us-vehicle-other input {width:194px; margin-right:556px;}
#contact-us-form #your-mazda #contact-us-model select {width:200px;margin-right:200px;}
#contact-us-form #your-mazda .contact-us-model-other {width:194px;}
#contact-us-form #your-mazda #contact-us-year input {width:150px; margin-right:23px;}
#contact-us-form #your-mazda #contact-us-registration input {width:150px; margin-right:15px;}
#contact-us-form #your-mazda #contact-us-vin input {width:194px;margin-right:5px;float:left;}
#contact-us-form #your-mazda #contact-us-vin a {float:left;}

#contact-us-form #your-details,
#contact-us-form #your-details #contact-us-title {width:550px;}
#contact-us-form #your-details #contact-us-first-name input,
#contact-us-form #your-details #contact-us-suburb input,
#contact-us-form #your-details #contact-us-phone input {width:230px;margin-right:20px;}
#contact-us-form #your-details #contact-us-second-name input,
#contact-us-form #your-details #contact-us-email input {width:288px;}
#contact-us-form #your-details #contact-us-address input {width:364px;margin-right:180px;}
#contact-us-form #your-details #contact-us-state select {width:130px;margin-right:20px;}
#contact-us-form #your-details #contact-us-postcode input {width:138px;}

#contact-us-form #your-enquiry {width:550px;}
#contact-us-form #your-enquiry #contact-us-enquiry-type select {width:280px; margin-right:264px}
#contact-us-form #your-enquiry #contact-us-enquiry textarea {width:544px;height:160px;}
#contact-us-form #your-enquiry .contact-us-confirm {width:550px;}
#contact-us-form #your-enquiry .contact-us-confirm label,
#contact-us-form #your-enquiry .contact-us-confirm input {float:left;}

#contact-us-form #contact-us-vehicle-other { float:none; clear:both; }




/* NEW CONTACT US HOME TILES */
#contact-us-tiles {margin-bottom:20px;}
#contact-us-tiles .contact-us-tile-row {padding:10px 0; border-bottom:1px solid #EAEAEA;}
#contact-us-tiles .contact-us-tile {float:left; width:242px; padding-right:16px;}
#contact-us-tiles .buying-tools-button {display:block; margin-bottom:7px;}
#contact-us-tiles .buying-tools-button a {background: url("/images/nav/btn-subnav-vehicles-ctas.gif") no-repeat scroll 0 0 #E4E4E4;display: block;height: 26px;text-indent: -9999em;}
#contact-us-tiles #book-a-test-drive #btn-bookatestdrive {background-position: -136px 0; width: 155px;}
#contact-us-tiles #book-a-test-drive #btn-bookatestdrive:hover {background-position: -136px -26px; width: 155px;}
#contact-us-tiles #request-a-brochure #btn-requestabrochure {background-position: -291px 0; width: 170px;}
#contact-us-tiles #request-a-brochure #btn-requestabrochure:hover {background-position: -291px -26px; width: 170px;}
#contact-us-tiles #find-a-dealer #btn-findadealer {background-position: -461px 0; width: 125px;}
#contact-us-tiles #find-a-dealer #btn-findadealer:hover {background-position: -461px -26px; width: 125px;}
#contact-us-tiles #find-a-dealer input.image {display:block;}
#contact-us-tiles #find-a-dealer input.text {display:block;margin-bottom:10px;background-color: #FAFAFA;border: 1px solid #E9E9E9;color: #707070;height: 14px;margin-left: 0;padding: 4px 3px;}

#contact-us-tiles #book-a-test-drive {}
#contact-us-tiles #request-a-brochure {}
#contact-us-tiles #find-a-dealer {}
#contact-us-tiles .tile-last {padding-right:0px;}
#contact-us-tiles .contact-us-tile img {width:242px;height:100px;}
#contact-us-tiles .contact-us-tile a {}
#contact-us-tiles .contact-us-tile h3 {margin:10px 0 12px 0;padding:0;}
#contact-us-tiles .contact-us-tile p {}
#contact-us-tiles .contact-us-tile .tile-link {padding-bottom:3px;}
#contact-us-tiles .contact-us-tile .tile-link a {display:block;padding-left:10px;background:url("/images/about-mazda/bullet.png") no-repeat 0 4px;font-size:9pt;}