/* 
Mobile styles for BZ
Notes: 
  +  SEM RFQ flow 
*/

/*----------------------------------------------------------
  = DO NOT WANT - hides and un-do's from regular pages
----------------------------------------------------------*/
body .wrapper .mainContent { background-image: none; }
.header h4, 
.leftContent p, 
.personImage, 
/*.quoteBox h3, */
dt a.help, 
dd .zipCode, 
dt .popUnder, 
.rightContent #categoryPdf, 
.microsite, 
#footer .logo,
#aorSelection .popUnder,
#aorSelection p/*,
.callToQuote*/ { display:none; }

/*----------------------------------------------------------
  = Basic Structure
----------------------------------------------------------*/
.wrapper { width:90%; min-width:300px; }
.header,
.leftContent,
.quoteBox,
.rightContent { float:none; width:100%; overflow:auto; height:auto; padding:0; margin:0; }

/*----------------------------------------------------------
  = Header
----------------------------------------------------------*/
.header { width:96%; padding-left:4%; }
.header h6 { float:none; padding-bottom:2%; }
.header ul { /*float:none; margin-top:0; padding-top:0;*/ display:none; }
/*.header h4 { font-size:0.75em; font-weight:normal; margin:0.5% 0 1% 0; margin-left:0; }*/

/*----------------------------------------------------------
  = Main content area
----------------------------------------------------------*/
.mainContent { padding-top:0; min-height:10px; }
.buyersGuide .mainContent, .content .mainContent { width:100%; }
	/* = Left column
	------------------------------------------------------*/
	.leftContent { padding-bottom:5%; margin-bottom:-4%; }
	.semRfq .leftContent { background-color:#80BFCE; } /* bg color for blue SEM pages */
	.background-image .leftContent { background: rgb(0,0,0); background: rgba(0,0,0,0.7); } /* bg color for background image SEM pages */
	.leftContent h3 { margin:3% 0 3.5% 0; padding:0 4%; text-align:left; }

	/* = Question set
	------------------------------------------------------*/
	.quoteBox { padding:20px 15px; width:92.5%; }
	.quoteBox h2 { font-size:1.25em; }
	.quoteBox h3 { font-size:0.80em; }
	li label { line-height: 1.25em; min-height: 19px; padding-top: 2px; }
	li.radio label,
	li.checkbox label,
	li.radio .multipleAnsOther,
	li.checkbox .multipleAnsOther { width: 80% /*width: auto*/; display: inline; }
	dd li.radio input.other-input,
	dd li.checkbox input.other-input { width: 50%; }
	dd .textInput,
	form textarea { width: 75%; }
	dd .postalcode_input { width: 40%; }
	form textarea { height:75px; }

	/* 2 column answers */
	dd div.answersColumn1,
	form dd div.answersColumn2 { float: left; width: 48%; }
	.answersColumn1 li.radio label,
	.answersColumn1 li.checkbox label,
	.answersColumn1 li.radio .multipleAnsOther,
	.answersColumn1 li.checkbox .multipleAnsOther,
	.answersColumn2 li.radio label,
	.answersColumn2 li.checkbox label,
	.answersColumn2 li.radio .multipleAnsOther,
	.answersColumn2 li.checkbox .multipleAnsOther { /*width: 80%*/ width: 75%; }

	/* form box height settings */
	.quoteBox,
	body.rfq .quoteBox .form,
	body.registration .page { min-height:0; }
	.quoteBox .formNav { height:auto; }
	.quoteBox .formNav ul { height:auto; padding-top:5%; }

	/* progress bar */
	.formNav li.progress { float:none; clear:both; padding-left:0; }

	/* = Right column
	------------------------------------------------------*/
	.rightContent { min-height: 100px; margin-top:5%; background-image:none; }
	.rightContent img { float:left; }
	.rightContent .categoryPdf,
	.rightContent .categoryPdf h6 { text-align:left; }

/*----------------------------------------------------------
  = Footer
----------------------------------------------------------*/
#footer { padding-bottom:0; }

/*----------------------------------------------------------
  = Reg page
----------------------------------------------------------*/
.registration dl { width: 80%; }
.registration dt { float: none; }
.registration dd { float: none; margin-right: /*40px*/0; }

/*----------------------------------------------------------
  = AOR selection
----------------------------------------------------------*/

#aorSelection .mainContent { text-align: left; }
#aorSelection form { width:100%; }
#aorSelection form ul { float: none; width: 90%; margin:0 0 0 8%; }
.aor-button { margin: 5% 0 0; }
#aorSelection h1 { font-size:1.15em; }
.skipAor { font-size:0.75em; }

/*----------------------------------------------------------
  = Confirm
----------------------------------------------------------*/
.confirmPage .sidebar, 
.confirmPage .bannerAd,
.confirmPage .rfq_image,
.confirmPage .printOptions { display:none; }
.confirmPage .mainContent { width:100%; }
.confirmPage .categoryPdf,
.confirmPage .noPdf { float:none; width:100%; }
.confirmPage .printQuestions { float:none; width:100%; }
.matchedSupplier .contactInfo,
.matchedSupplier .companyOverview { width:95%; }
.confirmPage .lowerContent { width:100%; }
.confirmPage .optionalText { width:95%; }


/*----------------------------------------------------------
  = September Sellerless Confirm
----------------------------------------------------------*/
.confirmPage .sidebar, 
.confirmPage .bannerAd,
.confirmPage .rfq_image,
.confirmPage .printOptions { display:none; }
.confirmPage .mainContent { width:100%; }
.confirmPage .phBx,
.confirmPage .phContainer,
.confirmPage .phTip,
.confirmPage .phContent,
.confirmPage .categoryPdf,
.confirmPage .noPdf { float:none; width:100%; }
.confirmPage .printQuestions { float:none; width:100%; }
.matchedSupplier .contactInfo,
.matchedSupplier .companyOverview { width:95%; }
.confirmPage .lowerContent { width:100%; }
.confirmPage .optionalText { width:95%; }



/*----------------------------------------------------------
  = SEO RFQ 
----------------------------------------------------------*/
.seoRfq .formNav li,
.seoReg .formNav li,
.ugcRfq .formNav li { position:static; }
.seoRfq,
.seoReg,
.ugcRfq { background-color:#E2EDFA; }
.semRfq .leftContent,
.seoReg .leftContent,
.ugcRfq .leftContent,
.ugcContent { background-color:#69c; } /* bg color for blue SEO pages */
.seoRfq .displayName,
.seoRfq .displayName span,
.seoReg .displayName,
.seoReg .displayName span,
.ugcRfq .displayName,
.ugcRfq .displayName span{ background:none; }
.seoRfq .displayName,
.seoReg .displayName,
.ugcRfq .displayName { background-color:#69c; float:none; margin:0 0 -4% 0; padding-right:4%; padding-bottom:5%; }
.seoRfq .displayName span,
.seoReg .displayName span,
.ugcRfq .displayName span { padding-left:4%; }

/* category includes */
.categoryIncludes-1,
.categoryIncludes-2 { height:auto; }
.categoryIncludes-1 .inc { border:none; float:none; width:90%; clear:both; }
.categoryIncludes-2 .inc { border:none; float:none; width:90%; clear:both; }
.articlesColumn1 { margin-right:0; }
.articlesColumn1,
.articlesColumn2 { float:none; width:90%; }
.categoryIncludes .include-0, 
.categoryIncludes .include-0 .includeContent, 
.categoryIncludes .include-1, 
.categoryIncludes .include-1 .includeContent, 
.categoryIncludes .include-4, 
.categoryIncludes .include-4 .includeContent, 
.categoryIncludes .include-5, 
.categoryIncludes .include-5 .includeContent, 
.categoryIncludes .include-6, 
.categoryIncludes .include-6 .includeContent { height:auto; }

.seoReg .formNav li.progress,
.ugcRfq .formNav li.progress { clear: both; float: none; padding-left: 0; }
.ugcContent { float:none; clear:both; padding:10px 0 0 10px; margin:0; }
#buyerIdentity { margin:0 0 0 4%; padding:2% 0 0 0; position:static; text-align:left; white-space:normal; }
.include-8 h5 { width:60%; }

/*----------------------------------------------------------
  = Content pages 
----------------------------------------------------------*/
.categoryNav li { border:none; float:none; width:100%; }
.categoryNav li a, .categoryNav a.last-child, .breadcrumbs, .article, #categoryIndex .article, .pageNav, .sidebar { width:100%; }
#categoryIndex .section, #categoryIndex .bgList, #categoryIndex .articleList, #categoryIndex .relatedList { width:100%; padding-right:0; }
.sidebar { float:none; clear:both; padding-top:6%; } 
.linkToThis { display:none; }
.bgList { display:none; }
.adsense { display:none; }
.printerFriendly { display:none; }

/* Call to quote */
.callToQuote { width:100%; }
.callToQuote img, .callToQuote .postal_code a { display:none; }
.callToQuote form { float:none; width:100%; }
.callToQuote dt, .callToQuote dd { float:none; width:100%; }
.callToQuote .textInput, .callToQuote dd .textlarge, .callToQuote select, .callToQuote textarea { width: 50%; }
.callToQuote #continue { float:none; }
.callToQuote h2 { text-align:left; }

/* Sliding button fix */
.slidingButton, .slidingButton a { background-image:none; height:auto; width:auto; }

.slidingButton { clear:both; float:none; padding:10px 15px; border:1px solid #C84800; background:#F26800; background:-moz-linear-gradient(0% 100% 90deg,#D44E00, #FE8B27); background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FE8B27), to(#D44E00)); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.slidingButton a { font-size:1em; line-height:1.25em; color:#fff; text-decoration:none; text-shadow:1px 1px 0 #333; text-align:center; padding:0; }