/*** mod_questionsAndAnswers - publicStyleCss ****/
/*** PD/ONE CUSTOMER Q&A STYLE ***/

.pdQaContainer{
	font-family:arial,verdana,sans-serif;
}
.pdQaItemTitle{
	margin-bottom:16px;
}
/************************************/
/**** QA PRODUCT PAGE CALLOUT *******/
/************************************/
.pdQaProductPageCallout{
	display:inline-block;
	line-height:18px;
	font-size:12px;
	color:#7e7e7e;

}
.pdQaProductPageCallout:before{
    display:inline-block;
    vertical-align:top;
    margin-right:4px;
    font:normal normal normal 16px/1 FontAwesome;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
	content:"\f0e6";
	opacity:.5;
}
.pdQaProductPageCallout span{}
.pdQaProductPageCallout a,
.pdQaProductPageCallout a:link,
.pdQaProductPageCallout a:visited,
.pdQaProductPageCallout a:active{
	vertical-align:middle;
	color:#7e7e7e;
	font-size:12px;
	text-decoration:none;
}
.pdQaProductPageCallout.noQa{
}
.pdQaProductPageCallout .pdQaQuestionCount,
.pdQaProductPageCallout .pdQaAnswerCount{
}

/************************************/
/********* QA SUMMARY ***************/
/************************************/
.pdQaSummary{
	border:4px solid #dedede;
	padding:20px;
	margin-bottom:20px;
	text-align:center;
}
.pdQaItemDescription{
	margin-bottom:24px;
}
.pdQaSummaryProductImg{
	margin-bottom:10px;
}
.pdQaSummaryProductImg img{
	display:inline-block; 
	max-width:150px;
}
.pdQaSummaryProductInfo{
	vertical-align:middle;
	text-align:center;
	margin:0 auto;
}
.pdQaSummaryProductName{}
.pdQaSummaryProductPrice{}

.pdQaSummaryCount{
	margin-bottom:20px;
}
.pdQaSummaryCount > div{
	display:inline-block;
}
.pdQaProductPageCountWrapper{
	display:inline-block;
	margin-right:20px;
	vertical-align:middle;
}
.pdQaProductPageCountWrapper,
.pdQaProductPageCountWrapper .pdQaQuestionCount,
.pdQaProductPageCountWrapper .pdQaAnswerCount{
	font-size:18px;
	color:#333333;
}
.pdQaAbout{}
	
/***********************************/
/********* Q&A FORM STYLE **********/
/***********************************/
.pdQaForm,
.pdQaDisplay,
.pdQaDisplay span,
.pdQaDisplay div{
	font-family:arial,verdana,sans-serif;
}
.pdQaDisplay span.fa ,
.pdQaDisplay div.fa {
	font-family:fontAwesome;
}

.pdQaForm{
	padding:8px;
}
.pdQaHeadline{
	color:#333333;
	font-size:2em;
	margin-bottom:12px;
}
.pdQaHeadline.small{
	font-size:1em;
}
.pdQaHeadline.asks{
	color:#8f8f8f;
	font-size:1em;
	margin-bottom:2px;
}
.pdQaFormField{
    margin-bottom: 30px;
    padding-top: 30px;
    border-top: 1px dotted #cccccc;
}
.pdQaFormTitle{
	font-weight:100;
	font-size:18px;
    vertical-align:middle;
    margin-bottom:10px;
    color:#222222;
}
.pdQaFormTitle:before{
    display:inline-block;
    vertical-align:top;
    margin-right:12px;
	font-family:FontAwesome;
	font-size: 20px ;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    color:#d16e2e;
}
.pdQaFormTitle.answer:before{
	content:"\f0eb";
}
.pdQaFormTitle.question:before{
	content:"\f059";
}
.pdQaFormTitle.images:before{
	content:"\f1c5";
}
.pdQaFormTitle.name:before{
	content:"\f007";
}
.pdQaFormTitle.email:before{
	content:"\f003";
}
.pdQaFormTitle.location:before{
	content:"\f041";
}

.pdQaFormSubtitle{
	padding-left:5px;
	padding-top:5px;
}
.pdQaFormSubtitle span{
	margin-left:10px;
	color:#888888;
    font-size:.8em;
    font-style:italic;
}
.pdQaFormRequiredField{
    display:inline-block;
    vertical-align:middle;
}
.pdQaFormRequiredField:before{
    display:inline-block;
    vertical-align:top;
    margin-right:4px;
    font:normal normal normal .8em/1 FontAwesome;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
	content:"\f069";
    color:#d10101;
}
.pdQaFormSubtitle{
	font-weight:100;
	font-size:1em;
}
.pdQaFormInput{
	padding:1px;
	padding-bottom:4px;
	position:relative;
	white-space:nowrap;
}
.pdQaFormInput div{margin-bottom:5px;}

.pdQaFormInput.pdQaFormImages{
	white-space:normal;
}
.pdQaFormInput.pdQaFormImages div{padding-bottom:10px;}

.pdQaFormInput div.pdQaFormStars{margin-bottom:0;}
.pdQaFormInput input,
.pdQaFormInput textarea{
    display:inline-block;
    vertical-align:middle;
    border:1px solid #bbbbbb;
    padding:10px !important;
    width:96%;
    font-size:1em;
    margin-right:8px;
	font-family:arial,verdana,sans-serif;
}
.pdQaFormField.pdQaError .pdQaFormInput input,
.pdQaFormField.pdQaError .pdQaFormInput textarea{
    border:1px solid #d10101;
    background-color: #fae5e5;
}

.pdQaFormInput input[type=file]{
	background-color:none;
	max-width:250px;
}
.pdQaFormInput input.pdRequired:before{
    display:inline-block;
    vertical-align:top;
    margin-right:4px;
    font:normal normal normal .8em/1 FontAwesome;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
	content:"\f069";
    color:#;
}

.pdQaFormInput input[type=radio],
.pdQaFormInput input[type=radio] + label,
.pdQaFormInput input[type=radio] + label:before{
	display:inline-block;
  	cursor: pointer; 
    cursor: hand;
 }
.pdQaFormInput input[type=radio] + label{
	margin-right:20px;
}
 .pdQaFormInput input[type=radio]{
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.pdQaFormInput input[type=radio] + label:before{
    font-family: FontAwesome;
    display: inline-block;
    content: "\f1db";
    letter-spacing: 10px;
    font-size: 1.2em;
    color: #888888;
    width: 1.4em;
}

.pdQaFormInput input[type=radio]:checked + label:before{
    content: "\f00c";
    font-size: 1.2em;
    color: #222222;
    letter-spacing: 5px;
}
.pdQaFormInput input[type=radio]:focus + label:before,
.pdQaFormInput input[type=radio]:focus + label{                
    color:#222222;
}

.pdQaFormInstructions{
	padding: 5px;
    padding-top: 0;
	font-size:.8em;
	font-style:italic;
    color:#888888;
}
/**** QA BUTTON ****/
.pdQaBtnWrap{
	clear:both;
}
.pdQaBtnWrap div{
	display:inline-block;
	margin-right:12px;
}
.pdQaBtn{
	display:inline-block;
}
.pdQaBtn > a,
.pdQaBtn > a:hover,
.pdQaBtn > input{
	display:inline-block;
	padding:12px;
	color:#ffffff; 
	background-color: #4d4e4d; 
	border:1px solid #3c3d3c;
	font-family:arial,verdana,sans-serif;
	font-size:18px; 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-decoration:none;
	cursor:pointer;
	cursor:hand;
	-webkit-appearance:none;
}
.pdQaBtn.submit > a,
.pdQaBtn.submit > input{
}
.pdQaBtn.answer > a,
.pdQaBtn.answer > input{
	padding:6px;
	color:#6d6d6c; 
	background-color: #cfcdcd; 
	border:1px solid #bcbbbb;
	font-family:arial,verdana,sans-serif;
	font-size:14px; 
}
.pdQaBtn.answer > a:before{
	display:inline-block;
    vertical-align:middle;
    font:normal normal normal 1.2em/1 FontAwesome;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
	content:"\f067";
    color:#ffffff;
	margin-right:5px;
    opacity:.5;
}


/********************************/
/**** INDIVIDUAL QA DISPLAY *****/
/********************************/
.pdQaQuestionContainer{
    position: relative;
	clear:both;
	border-bottom:1px solid #e1e1e1;
	padding-top:20px;
	padding-bottom:20px;
	margin-top:20px;
	margin-bottom:20px;
}
.pdQaQuestionText{
	position:relative;
	font-size:18px;
	color:#000000;
	font-weight:700;
	padding-left:35px;
	line-height:normal;
}
.pdQaQuestionText:before{
	position:absolute;
	top:0;
	left:0;
    display:inline-block;
    vertical-align:middle;
    margin-right:8px;
	border-radius:2px;
	padding:5px;
	font-weight:700;
	color:#ffffff;
	background-color:#333333;
	font-size:16px;
	content:"Q";
}
/***** INDIVIDUAL QUESTION - CUSTOMER INFORMATION ****/
.pdQaQuestionInfoContainer{
	margin-bottom:6px;
}
.pdQaAskingName{
	display:inline-block;
	font-size:12px;	
	color:#8f8f8f;	
}
.pdQaAskingLocation{
	display:inline-block;
	font-size:12px;	
	color:#8f8f8f;	
}
.pdQaAskingTimestamp{
	display:none;
	font-size:12px;	
	color:#8f8f8f;	
}

/***** INDIVIDUAL QUESTION ANSWERS CONTENT ****/
.pdQaAnswersContainer{
	margin-top:12px;
	margin-left:22px;
}
.pdQaAnswer{
	font-size:16px;
	color:#000000;
	margin-top:20px;
}
.pdQaAnswerText{
	position:relative;
	font-size:16px;
	color:#000000;
	padding-left:30px;
	line-height:normal;
	min-height:36px;
}

.pdQaAnswerText:before{
	position:absolute;
	top:0;
	left:0;
    display:inline-block;
    vertical-align:middle;
    margin-right:8px;
	border-radius:2px;
	padding:5px;
	font-weight:700;
	color:#ffffff;
	background-color:#8f8f8f;
	font-size:12px;
	content:"A";
}
.pdQaAnswerInfoContainer{
}
.pdQaAnswerName{
	display:inline-block;
	font-size:12px;
	color:#8f8f8f;
}
.pdQaAnswerLocation{
	display:inline-block;
	font-size:12px;
	color:#8f8f8f;
}
.pdQaAnswerTimestamp{
	display:inline-block;
	font-size:12px;
	color:#8f8f8f ;
}
.pdQaAnswerMerchantResponse{}





.pdQaVerifiedBuyer{
	background-color:#ffffff;
    display:inline-block;
	margin-top:6px;
	margin-bottom:8px;
	padding:6px;
	border:1px solid #dedede;
	border-radius:4px;
	white-space:nowrap;
}
.pdQaVerifiedBuyer:after{
	vertical-align:middle;
    display:inline-block;
	content:"Verified Buyer";
	font-size:11px;
	color:#14a600;
	letter-spacing:1px;
}
.pdQaVerifiedBuyer:before{
	vertical-align:middle;
    display:inline-block;
    margin-right:8px;
    font:normal normal normal 1em/1 FontAwesome;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    color:#14a600;
	content:"\f00c";
}
.pdQaPhotos{
	margin-top:24px;
}
.pdQaPhotos ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
.pdQaPhotos a,
.pdQaPhotos ul li{
	display:inline-block;
	margin-right:10px;
	margin-bottom:10px;
}

/************************************/
/******* SUBMIT AN ANSWER FORM ******/
/************************************/
.pdSubmitAnswerSummary{
	
}
.pdQuestionAsked{
	font-size:2em;
}
/************************************/
/******* QA VIEW ALL PAGING *********/
/************************************/
.qaPaging{
	font-family:arial,verdana,sans-serif;
}
.qaPaging > div{
	display:inline-block;
    padding:4px;
    margin-right:4px;
    vertical-align:middle;
    font-size:14px;
	color:#8f8f8f;
	font-weight:700;
}
.qaPaging > div.active{
	color:#8f8f8f;
    border:1px solid #dedede;
    border-radius:4px;
	font-weight:100;
}
.qaPaging a,
.qaPaging a:active,
.qaPaging a:visited{
	color:#8f8f8f;
	font-weight:700;
	text-decoration:none;
}
.qaPaging > div.qaPagingPageInfo,
.qaPagingPageInfo{
	font-weight:100;
	color:#111111;
}
.qaPagingLeftArrow:before{
	display:inline-block;
    vertical-align:middle;
    font:normal normal normal 1.2em/1 FontAwesome;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
	content:"\f0a8";
    color:#8f8f8f;
 }
.qaPagingRightArrow:before{
	display:inline-block;
    vertical-align:middle;
    font:normal normal normal 1.2em/1 FontAwesome;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
	content:"\f0a9";
    color:#8f8f8f;
}

/************************************/
/******* VIEW ALL PAGE **************/
/************************************/
.pdQaViewAllCountDisplay{
	color:#333333;
	font-size:2em;
	margin-bottom:20px;
}


/************************************/
/********* RESPONSIVE CSS ***********/
/************************************/
@media (min-width: 600px){
	
	/**** SUMMARY - VIEW ALL *****/
	.pdQaSummaryProductImg,
	.pdQaItemImg{
		display:inline-block;
		margin-right:30px;
		vertical-align:middle;
	}
	.pdQaSummaryProductInfo,
	.pdQaItemInfoWrapper{
		display:inline-block;
		vertical-align:middle;
	}
	/**** QA CONTENT ***/
	.pdQaWrapper{
		position: absolute;
		top: 0;
		left: 0;
		width: 130px;
		margin-bottom:0;
	}
	.pdQaContentWrapper{
		padding-left:150px;
	}
}




.pdQaProductPageCalloutWrapper{display:inline-block;}

.pdPrProductPageCallout,
#pdPrProductPageCallout{
display:inline-block;
}

.pdQaAnswerCountInline,
.pdQaHidden{
	display:none;
}
.pdQaFooterButtons{
	clear:both;
	margin-top:15px;
	margin-bottom:30px;
}
.pdQaFooterButtons div#pdQaAskQuestionButton{
	float:left;
}
.pdQaFooterButtons div#pdQaToggle, .pdQaFooterButtons div.pdQaToggle{
	float:right;
}
.pdQaFooterButtons div#pdQaToggle, .pdQaFooterButtons div.pdQaToggle,
.pdQaFooterButtons div#pdQaAskQuestionButton a{
	display:inline-block;
	padding:10px 20px;
	color:#2e2e2e !important; 
	background-color:#f1f1f1; 
	border:1px solid #dedede;
	font-family:$$summaryWriteReviewButtonFontFamily$$;
	font-size:$$summaryWriteReviewButtonFontSize$$; 
	text-decoration:none !important;
	transition: all 0.5s ease;
 cursor: pointer; 
cursor: hand;
}
.pdQaFooterButtons div:hover,
.pdQaFooterButtons a:hover{
	background-color:#dedede;
color:#2e2e2e !important; 
	text-decoration:none !important;
}