/* called from /SCLIB/INCLUDE/iDomainMyAccountLogin, iDomainMyAccount, iDomainCheckout */
/* called from ...admin.../DomainOrderManager.asp */


/* used when in same line is needed text/icon left  and text img right */
.headline h6, h5, h4, .headline p {
  display: inline;
  vertical-align: top;
  font-size: 16px;
  line-height: 28px;
}
.headline p{float:right}




div.checkoutTB{ display:table; width:100%; margin:auto; }
div.checkoutTB div.checkoutTR{ display:table-row; }
div.checkoutTB div.checkoutTD{ display:table-cell; vertical-align:middle; padding:2px 1px; }


/* admin begin */

.checkoutNoSession{ color:red; font-weight:bold; text-align:center; padding:20px; }
.checkoutNoSession:before{ content:"Session lost"; }

/* admin end */



#Category_Page {text-align:center; line-height: 120%;}
#Category_Page .Catcheckoutbtn-h2{font-size:1.4rem !important}
#Category_Page .Catcheckoutbtn-h2 a{text-decoration:none;color:#444}
#Category_Page .Catcheckoutbtn-h2 a:hover{color:#a03601;}
#Category_Page .Catcheckout-price {font-weight:bold;font-size:16pt}
#Category_page .Cat-body{font-weight:bold !important; color:red; line-height:90% !important}
#Category_Page .CatShortDesc{font-size:1.0rem}
#Category_Page .CatlayerLink{margin:10px 0px;}
#Category_page .Catlink{}
#Category_Page .CatlayerThumb{}
#Category_Page .Catcheckoutbtn{ color:white; background-color:#008a43; border-color:#03a935; }
#Category_Page .Catcheckoutbtn:hover{ /*color:yellow;*/ /*background-color: #038ca9;*/ /*border-color: #04a9cc;*/ }
#Category_Page .Catcheckoutbtn-add:hover{ color:red; background-color: #038ca9; border-color: #04a9cc; }
#Category_Page .CatmoreInfobtn{ color:white; background-color:#007bff; border-color:#038ca9; }
#Category_Page .CatmoreInfobtn:hover{ /*color:yellow;*/ /*background-color: #038ca9;*/ /*border-color: #04a9cc;*/ }


#Category_Page .checkoutbtn-add{ color:white; background-color:#007bff; border-color:#038ca9; }
#Category_Page .checkoutbtn-add:hover{ color:red; background-color: #038ca9; border-color: #04a9cc; }





/* checkout buttons begin */

	/* all buttons/links */
	.checkoutbtn{ color:white; background-color:#007bff; border-color:#038ca9; }
	.checkoutbtn:hover{ /*color:yellow;*/ /*background-color: #038ca9;*/ /*border-color: #04a9cc;*/ }
	
	.checkoutbtn-add{ color:white; background-color:#007bff; border-color:#038ca9; }
	.checkoutbtn-add:hover{ color:red; background-color: #038ca9; border-color: #04a9cc; }
    

	.checkout-h3{font-size:14pt}
	

	.btn-Request{ color:white; background-color:#f35f15; border-color:#038ca9; }
	.btn-Request:hover{ color:rgb(255, 255, 255); background-color: #a03601; border-color: #04a9cc; }

	.title-ProdDetail {text-transform: capitalize;font-size:17pt}

	#catDetail{}
	#catDetail h2{text-transform: capitalize;font-size:24px;color:#444}

	#catDetail a:{text-decoration:none}
	#catDetail a:hover{color:#a03601}

/* checkout buttons end */


.checkoutServerError{ font-weight:bold; color:red; background-color:#fff7f7; background-image:url(/SCLIB/images/exclamation.png); background-repeat:no-repeat; background-position:16px 4px; border-radius:6px; padding-top:12px; padding-right:16px; padding-bottom:6px; padding-left:73px; min-height:25px; /*4pos-top + (37img-height-18padding-tb)*/ }
.checkoutServerError:before{ content:"Error: unable to connect with server."; }

.checkoutWarning{ font-weight:bold; color:red; background-color:#fff7f7; background-image:url(/SCLIB/images/exclamation.png); background-repeat:no-repeat; background-position:16px 4px; border-radius:6px; padding-top:12px; padding-right:16px; padding-bottom:6px; padding-left:73px; min-height:25px; /*4pos-top + (37img-height-18padding-tb)*/ }
.checkoutWarning a{ color:red; }
.checkoutWarningS{ font-weight:bold; color:red; background-color:#fff7f7; border-radius:6px; padding:4px; }
.checkoutWarningS .checkoutWarningI{ background:url(/SCLIB/images/exclamation.png) no-repeat; background-size:18px; padding-left:18px; }
.checkoutWarningS a{ color:red; }


.checkoutInfoMessage{ font-weight:bold; min-height:46px; background-color:#e0e0e0; background-image:url(/SCLIB/images/information.png); background-repeat:no-repeat; background-position:16px 4px; border-radius:6px; padding-top:12px; padding-right:16px; padding-bottom:6px; padding-left:73px; /*16+16+41*/ }
.checkoutInfoMessageSmall{ display:block; margin:2px; min-width:24px; min-height:24px; background-color:#f0f0f0; background-image:url(/SCLIB/images/information.png); background-size:20px 20px; background-repeat:no-repeat; background-position:2px 2px; border-radius:6px; padding-top:2px; padding-right:2px; padding-bottom:2px; padding-left:24px; /*2+2+20*/ }




/* checkout begin */

.checkoutDialogLoading{ min-width:100px; min-height:100px; border:1px solid #c6c5c5; border-radius:4px; background:white url(/SCLIB/images/checkout/bg_loading.gif) no-repeat center center; }
.checkoutDialogLoadingMedium{ display:block; min-width:50px; height:50px; border:1px solid #c6c5c5; border-radius:4px; background:white url(/SCLIB/images/checkout/bg_loading.gif) no-repeat center center; background-size:30px 30px; }
.checkoutDialogLoadingSmall{ display:inline-block; width:20px; height:20px; border:1px solid #c6c5c5; border-radius:4px; background:white url(/SCLIB/images/checkout/bg_loading.gif) no-repeat center center; background-size:contain; }
.checkoutDialogLoadingTiny{ display:inline-block; width:14px; height:14px; border:1px solid #c6c5c5; border-radius:4px; background:white url(/SCLIB/images/checkout/bg_loading.gif) no-repeat center center; background-size:contain; }
.checkoutDialogError{ border:2px solid red; color:red; font-weight:bold; text-align:center; padding:40px 20px; }
.checkoutDialogError:before{ content:"Error: unable to connect with server."; }


.checkoutNoResults{ padding:20px; text-align:center; }
.checkoutErrorText{ font-weight:bold; color:red; }
.checkoutErrorMessage{ /*padding*/ }


.checkoutDialogBlock{ min-width:520px; }
@media only screen and (max-width:600px){
	.checkoutDialogBlock{ min-width:300px; }
}


.checkoutLayer{ color:black; background:white; padding:20px; }
.checkoutNavigation{ padding:10px 0; }
.checkoutSummaryLayer{  }
	.checkoutSummaryTitle{ font-weight:bold; }
	.checkoutSummaryTB{ /*display:table;*/ width:100%; font-family:Arial; /*font-size:120%;*/ border-collapse:separate; border-spacing:1px 0px; }
		.checkoutSummaryTR{ /*display:table-row;*/ }
		.checkoutSummaryTR:hover{ background:#ccc; }
		.checkoutSummaryTH{ /*display:table-cell;*/ text-align:center; background:#e8f1fa; font-weight:bold; padding:2px 6px; }
		.checkoutSummaryTD{ /*display:table-cell;*/ padding:2px;  }
		.checkoutSummaryDesc{  }
		.checkoutSummaryUnitPrice{ width:12%; text-align:right; padding-right:8px; }
			.checkoutSummaryUnitPrice input.inputAmount{ display:inline-block; width:9ex; }
			.checkoutSummaryUnitPrice .selectAmount{ display:inline-block; width:7em; }
		.checkoutSummaryQty{ width:10%; text-align:right; padding-right:8px; }
			.checkoutSummaryQty input{ width:6ex; text-align:right; }
		.checkoutSummaryAmount{ width:14%; text-align:right; padding-right:8px; }
		.checkoutSummaryTask{ width:10%; text-align:center; padding-left:8px; padding-right:8px; }
		.checkoutSummaryTask a{  }
		.checkoutSummaryTotal{ text-align:right; padding:3px; }
		a.checkoutLink_RemoveTempItem{ display:inline-block }
		a.checkoutLink_RemoveTempItem:hover{ /*text-decoration:underline;*/ }
		a.checkoutLink_EditTempItem{ display:inline-block; margin-right:4px; }
.checkoutSummaryToolbar{ text-align:center; padding:2px; }

/*summary fully responsive*/
.checkoutDesktopSummary{ display:block; /*border:1px solid green*/ }
.checkoutResponsiveSummary{ display:none; /*border:1px solid red;*/ }
.checkoutResponsiveSummary .checkoutResponsiveSTB{ width:100%; border-collapse:collapse; margin:0; padding:0; }
.checkoutResponsiveSummary .checkoutResponsiveSTB .cellL{ text-align:left; padding:3px 0; } 
.checkoutResponsiveSummary .checkoutResponsiveSTB .cellR{ text-align:right; padding:3px 0; } 
.checkoutResponsiveSummary .bold{ font-weight:bold; }
.checkoutResponsiveSummary .borderT{ border-top:2px solid lightgray; }
.checkoutResponsiveSummary .borderB{ border-bottom:2px solid lightgray; }
.checkoutResponsiveSummary .itemLayer{ padding-top:4px; padding-bottom:6px; }
.checkoutResponsiveSummary a.btnSeeDesc{ text-decoration:none }
.checkoutResponsiveSummary .itemdesc{ /*display:inline-block;width:400px;max-width:80%; border:1px solid red; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;*/ }
.checkoutResponsiveSummary .itemdesc{ max-height:30px; overflow:hidden; padding-left:12px; }
.checkoutResponsiveSummary .itemdescmore{ width:2ex;vertical-align:top; }
.checkoutResponsiveSummary .itemdescmore a{ color:gray; }
.checkoutResponsiveSummary .itemdescmore a:hover{ color:lightgray; }
.checkoutResponsiveSummary .itemdescFull{ max-height:none; }
.checkoutResponsiveSummary .itemtotal{ padding-left:12px; }
.checkoutResponsiveSummary .itemtotal input[name^='txtQty_']{ width:6ex; text-align:right; }
@media only screen and (max-width:600px){
	.checkoutDesktopSummary{ display:none; }
	.checkoutResponsiveSummary{ display:block; }
}


#checkoutLoginLayer{ margin:30px 0; }
.checkoutLoginTB{ display:table; width:100%; }
.checkoutLoginTR{ display:table-row; }
.checkoutLoginTDL{ display:table-cell; width:48%; background:#f0f0f0; }
.checkoutLoginTDC{ display:table-cell; width: 4%; padding:0px; }
.checkoutLoginTDR{ display:table-cell; width:48%; background:#f0f0f0; }
.checkoutLoginHead{ text-align:center; color:white; background:#1b1c20; padding:3px; }
.checkoutLoginForm{ /*min-height:130px; */ padding:20px; }
	.checkoutLoginForm table{ width:98%; margin:auto; }
	.checkoutLoginForm label{ display:block; text-align:right; }
		div#checkoutformSignin_Message{ padding:12px 0; }
		div#checkoutformSignin_Message label{ text-align:left; cursor:pointer; }
		div#checkoutformSignin_Message label span{ text-decoration:underline; }



#checkoutPaymentMethod{ border:2px solid #ccc; border-radius:8px; padding:6px; } /* #checkoutCreditCardLayer */
	#checkoutPaymentMethodTitle{ font-weight:bold; padding:4px 0; }	/* #checkoutCreditCardTitle */
	
	.checkoutPaymentMethodTB{ display:table; width:100%; }
		.checkoutPaymentMethodTR{ display:table-row; }
		.checkoutPaymentMethodTD{ display:table-cell; vertical-align:top;  }
		.checkoutPaymentMethodDIV{ padding:20px;  }
	
	#checkoutNewCreditCardLayer{ border:2px solid #c0c0c0; border-radius:8px; padding:10px; }
		#checkoutNewCreditCardTitle{ font-weight:bold; }
		#checkoutNewCreditCardDesc{ background:#f0f0f0; padding:2px; }
		#checkoutNewCreditCardForm{ }
	#checkoutNewCreditCardReq{ padding:4px; }
	#checkoutNewCreditCardSubmit{ text-align:center; }

#checkoutSubmitCreditCardLayer{  }
#checkoutSubmitCreditCardLayer .checkoutSubmitPaymentTB{ display:table; }
#checkoutSubmitCreditCardLayer .checkoutSubmitPaymentTR{ display:table-row; }
#checkoutSubmitCreditCardLayer .checkoutSubmitPaymentTD{ display:table-cell; vertical-align:top; padding:20px; }
#checkoutSubmitCreditCardLayer #checkoutSubmitPaymentRun{ padding:8px 0; }


/* checkout end */



/* estimates - request changes begin */

.layerRequestChange{ margin-bottom:8px; background:#fdd; border-radius:3px; padding:3px; }
.layerRequestChange .layerDate{ font-weight:bold }
.layerRequestChange .layerText{ padding-left:20px; }
.layerRequestChange .layerStatus{ padding:4px; }
.layerRequestChange .layerStatus .layerStatusPending{ display:inline-block; background:black; color:white; border-radius:3px; padding:2px; }
.layerRequestChange .layerStatus .layerStatusCompleted{ display:inline-block; background:gray; border-radius:3px; padding:2px; }
.layerRequestChange .layerStatus .layerStatusTask{ display:inline-block; padding-left:10px; }
.layerRequestChange .layerStatus .layerStatusTask a{ display:inline-block; }

/* estimates - request changes end */




#myaloginLayer{ color:black; background:white; border:2px solid purple; padding:20px; }

/* my account begin */

#myaLayer{ color:black; background:white; padding:50px 20px; }
#myaSessionLost{  }
#myaLoginLayer{ display:block; width:360px; margin:auto; background:#f0f0f0; }
#myaLoginHead{ text-align:center; color:white; background:#1b1c20; padding:3px; }
#myaLoginFormLayer{ padding:20px; }

#myaccountformLogin table{ width:98%; margin:auto; }
#myaccountformLogin label{ display:block; text-align:right; }


#myaCustomerInfo{ background:navy; color:white; padding:8px; position:relative; }
	#myaCustomerInfo #myaCustomerLogout{ position:absolute; top:8px; right:8px; font-weight:bold; }
	#myaCustomerInfo #myaCustomerLogout a{ display:inline-block; color:white; background:transparent; text-decoration:none; }
	#myaCustomerInfo #myaCustomerLogout a:hover{ background:red; }
	#myaCustomerInfo #myaCustomerMyaccount{ position:absolute; top:8px; right:80px; font-weight:bold; }
	#myaCustomerInfo #myaCustomerMyaccount a{ display:inline-block; color:white; background:transparent; text-decoration:none; }
	#myaCustomerInfo #myaCustomerMyaccount a:hover{ background:red; }
	#myaCustomerInfo .myaCustomerName{ font-weight:bold; }


div.myaLayoutTB{ display:table; width:100%; margin:auto; }
div.myaLayoutTB div.myaLayoutTR{ display:table-row; }
div.myaLayoutTB div.myaLayoutTD{ display:table-cell; vertical-align:top; text-align:left; padding:0; }


.myaBlocksTB{ display:table; margin:10px 0; width:100%; }
.myaBlocksTR{ display:table-row; }
.myaBlocksTDL, .myaBlocksTDR{ display:table-cell; vertical-align:top; }
.myaBlocksTDL{ width:65%; }
.myaBlocksTDR{ padding-left:5%; }

.myaBlockLayer{ margin-bottom:10px; border:2px solid #cccccc; border-radius:8px; padding:4px; }
.myaBlockTitle{ font-size:120%; font-weight:bold; }
.myaBlockBody{ padding:10px; }

	.myaNoOrders, .myaNoCreditCards{ text-align:center; font-size:120%; padding:40px; }
	.xmyaOrdersListing{ font-size:120%; min-width:90%; margin:auto; }
	.xmyaOrdersListing tr:hover{ background:#ccc; }
	.xmyaOrdersListing th{ background:#e8f1fa; padding:2px 10px; }
	.xmyaOrdersListing td{ border:1px solid #ccc; padding:2px; }
	.xmyaOrdersListing td.XmyaOD{ text-align:right; }
	.xmyaOrdersListing td.XmyaOID{ text-align:left }
	.xmyaOrdersListing td.XmyaOGT{ text-align:right; padding-right:6px; }
	.xmyaOrdersListing td.XmyaOAP{ text-align:right; padding-right:6px; }
	.xmyaOrdersListing td.XmyaOS{ text-align:center; }
	.xmyaOrdersListing td.XmyaOTask{ text-align:center; padding-left:12px; padding-right:12px; }
	.xmyaPendingOrder{ text-align:right; padding:8px; }
	
	.myaCreditCardBlock{ margin-bottom:4px; background:#e8f1fa; padding:8px; }



.myaMainNav{ margin-top:20px; background:#2959a8; border-radius:3px; }
	.myaMainNav ul{ margin:0; margin-left:12px; list-style-type:none; padding:0; }
	.myaMainNav ul li{ display:inline-block; list-style-type:none; margin:0; padding:0; }
	.myaMainNav ul li a{ display:block; line-height:26px; font-weight:bold; color:white; text-decoration:none; margin:0; padding:0 6px; }
	.myaMainNav ul li a:hover{ background:#0d83de; }
	.myaMainNav ul li a.current{ font-size:110%; color:#2959a8; background:white; border:2px solid gray; border-bottom-width:0; border-top-left-radius:3px; border-top-right-radius:3px; margin-top:-26px; }
.myaSubNav{ padding:6px 12px; }
	.myaSubNav ul{ margin:0; list-style-type:none; padding:0; }
	.myaSubNav ul li{ display:inline-block; list-style-type:none; margin:0; padding:0; }
	.myaSubNav ul li a{ display:block; margin-right:6px; font-weight:bold; color:#2959a8; border-radius:3px; text-decoration:none; padding:6px; }
	.myaSubNav ul li a.current, .myaSubNav ul li a:hover{ background:#e6f4fe; background:#e0e0e0; }
	

.myaHomeSummary{ color:white; background:#2959a8; border-radius:4px; }
	.myaHomeSummary a{ color:white; }
	.myaHomeSummaryBlock{ padding:4%; }
	.myaHomeSummaryTitle{ font-size:120%; }
	.myaHomeSummaryAmount{ font-size:240%; }

.myaAccountStatement{ border:1px solid #dcdcdc; border-radius:4px; padding:40px; }
	.myaAccountSummary{  }
		.summaryHead{ font-weight:bold; background:#e3e3e3; border:1px solid #d0d0d0; padding:4px; }
		.summaryLabel{ text-align:left; padding:4px; }
		.summaryAmount{ text-align:right; padding:4px; }
		.summaryAmountFFFF:after{ content:'USD' }
		.summaryBold{ font-weight:bold; }
	.myaDetailedSummary{ margin-top:40px; }
		div.myaDetailedSummaryTB{ display:table; margin:0; width:100%; }
		div.myaDetailedSummaryTR{ display:table-row; }
		div.myaDetailedSummaryTH{ display:table-cell; vertical-align:middle; padding:4px; font-weight:bold; background:#e3e3e3; border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; }
		div.myaDetailedSummaryTHFirst{ border-left:1px solid #d0d0d0 }
		div.myaDetailedSummaryTHLast{ border-right:1px solid #d0d0d0 }
		div.myaDetailedSummaryTD{ display:table-cell; vertical-align:middle; padding:4px; }
		.myaDetailedSummary .detailDate{ text-align:left; }
		.myaDetailedSummary .detailinvoicenumber{ text-align:left; }
		.myaDetailedSummary .detailAmount{ text-align:right; }
		.myaDetailedSummary .detailAmountPaid{ text-align:right; }
		.myaDetailedSummary .detailHR{ border-top:2px solid #d0d0d0; }
		.myaDetailedSummary .detailBold{ font-weight:bold; }
.myaAccountStatement .myaStoreInfoContact .FFFlayerStoreEmails:before{ content:'Email:&nbsp' }
.myaAccountStatement .myaStoreInfoContact .FFFlayerStorePhones:before{ content:'Phone:' }


@media only screen and (max-width:680px) {
	div.myaLayoutTB, div.myaLayoutTB div.myaLayoutTR{ display:block; }
	div.myaLayoutTB div.myaLayoutTD{ display:block; width:auto !important; }
	.myaAccountStatement{ padding:4%; }
}

/* my account end */


/* orders begin */

div.orderDisplay{ min-width:480px; }
div.orderDisplay div.orderStatusLayer{ margin:0 0 10px; border:2px solid #cccccc; background:#f1f6fd; padding:10px; }
div.orderDisplay div.orderBillingLayer{ margin:0 0 10px; }
div.orderDisplay div.orderitemsLayer{ border:1px solid #f1f1f1; }

div.orderDisplay table.orderdetailListingTB{ font-family:Arial; width:100%; min-width:400px; border-collapse:separate; border-spacing:1px 0px; }
div.orderDisplay table.orderdetailListingTB th{ background:#e8f1fa; padding:4px; }
div.orderDisplay table.orderdetailListingTB td{ padding:2px; }
div.orderDisplay table.orderdetailListingTB td.odDesc{ text-align:left; }
div.orderDisplay table.orderdetailListingTB td.odAmount{ text-align:right; padding-right:8px; }

div.orderDisplay table.orderTotalsTB{ font-family:Arial; width:auto; min-width:200px; float:right; border-collapse:separate; border-spacing:1px 0px; }
div.orderDisplay table.orderTotalsTB td{ padding:2px; }
div.orderDisplay table.orderTotalsTB td.otLabel{ text-align:right; }
div.orderDisplay table.orderTotalsTB td.otAmount{ text-align:right; padding-right:8px; }
div.orderDisplay table.orderTotalsTB td.otSubtotal{ font-weight:bold; }
div.orderDisplay table.orderTotalsTB td.otShipping{  }
div.orderDisplay table.orderTotalsTB td.otHandling{  }
div.orderDisplay table.orderTotalsTB td.otCouponDiscount{  }
div.orderDisplay table.orderTotalsTB td.otTotal{ font-weight:bold; }

/* orders end */



/* ********************************************************************************************************************************* */


@media only screen and (max-width:800px){

/* checkout begin */

.checkoutLoginTB{ display:block; }
.checkoutLoginTR{ display:block; }
.checkoutLoginTDL, .checkoutLoginTDR{ display:block; width:auto; padding:0px; }
.checkoutLoginForm{ min-height:0; }

/* checkout end */

/* myaccount begin */

.myaBlocksTB{ display:block; margin:2px 0; }
.myaBlocksTR{ display:block; }
.myaBlocksTDL, .myaBlocksTDR{ display:block; width:auto; max-width:100%; padding:0px; }

	.myaCreditCardBlock{ display:inline-block; margin:2px; padding:4px; }

/* myaccount end */

} /* end: media only screen and (max-width:800px) */

/**/