@charset "utf-8";
/* CSS Document */

/* -------------------------------------
#######################################	

	You Will Find All CSS Styles for:

	- Checkout Pages
	- Login / Register
	- My Account
	- Quick Order
	- Forms

#######################################	
--------------------------------------- */

/*----- Notification | Text Error -----*/
.notification, .val-summary, .text-error {
	margin: 8px 0;
	padding: 10px;
}
.text-error {
	color: #ff9933;
	background: #fbe89d;
	border: 1px solid #ff9933;
	display: block;
	clear: both;
}
.text-error:hover { border: 1px solid #f26522; }



/*----- LOGIN Styles -----*/
.login-page { }

	/*New Customer Styling*/
	.login-page .page-column-center .register-small-container {
		text-align: justify;
		width: 265px !important;
		*width: 275px !important;
		height: 200px;
		padding: 0px 20px 0px 0px;
		*padding: 0px 10px 0px 0px;
	}
	.register-small-container .content-head-top-row {  }
	.register-small-container .content-head-row { }
	.register-small-container .content-body-row { }
		.register-small-container .content-body { 
		font-weight: bold; 
		width: 245px !important;
		*width: 265px !important;
		}
		.register-small-container .content-body p { font-weight: normal;}
		.register-small-container .content-body div {}
		.register-small-container .content-body div a {}
		.register-small-container .content-body div a img {}
	
	/*Returning Customer Styling*/
	.login-page .page-column-center .login-small-container {
		text-align: justify;
	}
	.login-small-container .content-head-top-row {}
	.login-small-container .content-head-row {}
	.login-small-container .content-body-row {}
		.login-small-container .content-body td {}
		.login-small-container .content-body label { font-weight: bold;}
		.login-small-container .content-body input.textbox { padding: 4px; margin: 2px 0px; }
		.login-small-container .content-body input.checkbox {}




/*------ Register ------*/
.register-page {  }
	
	.content-head-top-row {  }
	.content-head-row {   }
	.content-body-row {   }
	
	.content-body-row .content-body {  }
	.register-page .content-body-row .content-body td.label { width: 115px; }
	.content-body-row .content-body td {  }
	.shopping-lists-page .content-body-row .content-body td { * width: 25%; }
	.content-body-row .content-body label {  }
	.content-body-row .content-body span {  }
	.content-body-row .content-body input {  }
	.account-page .checkbox { border: none !important; }
	
	.checkout-shipping-address,
	.checkout-billing-address,
	.profile-email { width: 100%; }
	.checkout-shipping-address h5,
	.checkout-billing-address h5,
	.profile-email h5 {
		display: block;
		padding: 4px;
		margin: 8px 0;
	}
	.checkout-billing-address {  }
	.registration-email {  }
	.registration-password {  }
	
	/*Mailing List*/
	.content-body-row .content-body div table.form-item {  }
	
	/*Red "*" denotes required Field*/
	.text-important {  }



/*------ MY ACCOUNT ------*/
.account-page {  }
.account-container {   }
	
	/*Page Title*/
	.account-page .content-head-row {  }
	.account-page .content-head-row h1 {  }
	
	/*Account Navigation*/
	.account-page .content-nav-row {  }
	
	.account-page .content-body,
	.profile-page .content-body,
	.order-history-page .content-body,
	.order-detail-page .content-body,
	.change-password-page .content-body,
	.shopping-lists-page .content-body,
	.list-create-page .content-body,
	.list-edit-page .content-body { padding: 5px 0 0;  }
	
	.account-page .content-nav h5,
	.profile-page .content-nav h5,
	.order-history-page .content-nav h5,
	.order-detail-page .content-nav h5,
	.change-password-page .content-nav h5,
	.shopping-lists-page .content-nav h5,
	.list-create-page .content-nav h5,
	.list-edit-page .content-nav h5  { 
		margin: 0 !important; 
		padding: 0px 5px !important; 
		line-height: 30px;
		height: 30px;
		font-size: 12px !important;
		font-weight: normal;
	}
	.account-page .content-nav h5 a,
	.order-history-page .content-nav h5 a,
	.order-detail-page .content-nav h5 a,
	.profile-page .content-nav h5 a,
	.change-password-page .content-nav h5 a,
	.shopping-lists-page .content-nav h5 a,
	.list-create-page .content-nav h5 a,
	.list-edit-page .content-nav h5 a {  
		padding: 0 4px;
		line-height: 30px;
		height: 30px;
		font-size: 12px !important;
		font-weight: normal; 
	}
	.account-page .content-nav h5 a:hover {  }
	
	/*Account Details*/
	.account-page .content-body-row {  }
	.account-page .content-body-row .content-body { padding: 10px 0 0; }
	
	.account-page .account-item, 
	.account-page .account-item-last  {  
		margin: 0 0 10px;
		width: 98%;
	}
	.account-page .account-item h5,
	.account-page .account-item-last h5  {  
		display: block;
		padding: 4px;
		margin: 0 0 8px;

	}
	.account-page .account-item div,
	.account-page .account-item-last div,
	.order-detail-page .invoice-order-info,
	.order-detail-page .invoice-customer-info { 
		margin: 0 !important;
		padding: 4px;
	}
	.list-create-page .content-body h5 { 
		margin: 0 0 5px !important;
		padding: 4px;
	}
	.account-page .account-item div span  {  }
	.account-page .account-item div a  {  }


/*----- Manage Shopping Lists -----*/
	.shopping-lists-page .content-body h5 {
		clear: both;
		margin: 8px 0;
		padding: 4px;
	}


/*----- Change Password -----*/
	.change-password-page .content-body {
		clear: both;
		margin: 8px 0;
		padding: 10px 0;
	}
	.change-password-page .content-body div {
		margin: 0 0 8px;
	}
	.change-password-page .content-body .form-item {
	
	
	}

/*----- Checkout Styles -----*/
.checkout-page {  }

/*Checkout Stage Numbers*/
.checkout-page .checkout-step-number {  }
.checkout-page .checkout-step-text {  }
.checkout-page .checkout-step-inactive {  }


/*Checkout Form Container*/
.checkout-page .checkout-cart-container {  }

	.checkout-page .page-column-center h1,
	.checkout-page .page-column-center h3 { text-indent: 5px; }	

	/*Cart Page Styling*/
	.checkout-page .content-head-row .content-head {  }
	.checkout-page .content-head-row .content-head h3 {  }

	.checkout-page .content-body-row .content-body {  }
		.checkout-page .checkout-cart-header {  }
		.checkout-page .checkout-cart-item {  }
		.checkout-page .checkout-cart-footer {  }
	
	/*Personalization Question/Answer*/
	.checkout-page .personalization-questions {  }
		.checkout-page .personalization-question-label { 
		display: block;
		float: left;
		font-weight: bold; 
		width: 105px; 
		}
		.checkout-page .personalization-questions .text-required { display: block; }
	.checkout-page .personalization-answers { padding: 3px 0; }
	.checkout-page .personalization-answers input.check-answer {  }
	.checkout-page .personalization-answers label {  }
	
	/*Your Shopping Cart*/

	.checkout-page table.content { margin: 0px 0px 5px; }
	.checkout-shipping th {
		border-bottom: 1px solid #897854;
		padding: 2px 0px;
		}
		.checkout-shipping td { padding: 2px 0px; }
	.checkout-review-tax { padding: 0px 0px 3px 0px; }
		.checkout-review-underline { border-bottom: 1px solid #897854; }	
		.checkout-review-total th,
		.checkout-review-total td { padding: 3px 0px 0px 0px; }
			.checkout-payment td.label label {
				font-weight: bold;
				text-align: right;
				}
		.content-head-control a {
			display: none; /* Hide Strangely Placed Cart Link */
			}


/*----- CART.aspx PAGe ------*/	
.cart-page {  }

	.cart-page .cart-container { margin: 0px 0px 10px; }	
	.cart-header th { border: 1px solid #d4d4d4; padding: 5px; }	
	.cart-item td { border: 1px solid #d4d4d4; padding: 5px; }
					
	.cart-page .page-column-center h1,
	.cart-page .page-column-center h3 { text-indent: 5px; }
				
	.cart-item-options input { margin: 0px 0px 5px 0px; }
	.cart-actions { padding-top: 10px; }
	.cart-actions select { width: 150px; position: relative; top: -5px; }					
	.cart-subtotal-label,
	.cart-subtotal {
		font-size: 12px;
		padding: 5px;
		}			
	.cart-shipping-estimate { padding: 5px; }	
	.cart-shipping-estimate h5,
	.cart-taxes h5 { margin: 0px 0px 10px 0px; padding: 0px; }
	.cart-shipping-estimate .textbox { border: 1px solid #000; width: 100px !important; }				
	.cart-taxes { padding: 0px 0px 10px 0px; }		
	.cart-checkout { text-align: right; }


	/*----- Order History -----*/
	
	.order-history-page .content-body {
		clear: both;
		margin: 8px 0;
		padding: 10px 0;
	}
	.order-history-page .content-body div {
		display: block;
		margin: 0 !important;
	}
		.grid { width: 100%; }
			.grid-header th {
				font-weight: bold;
				text-align: left;
				}
				.grid-row td {  }
				.grid-row-alt td {  } 
				.grid-footer td {
					font-weight: bold;
					text-align: right;
					width: 100%;
					}
					.grid-footer td table { }


	/*----- Order Summary -----*/
	.invoice {  }
			.invoice-title {
				font-size: 12px;
				font-weight: bold;
				margin: 0px;
				}

	.order-detail-page .invoice-order-info,
	.order-detail-page .invoice-customer-info { 
	
	}
	.invoice .label, .order-detail-page .invoice-order-info .label,
	.order-detail-page .invoice-customer-info .label {
				font-weight: bold;
				padding: 0px 3px 0px 0px;
				text-align: right;
				width: 100px;
	}


		.invoice-subtitle {
			font-size: 12px;
			font-weight: bold;
			display: block;
			padding: 4px;
			margin: 0 0 8px;
		}
		.invoice-order-info { width: 100%; }
		.invoice-customer-info { width: 100%; }
			.invoice-order-info td.label,
			.invoice-customer-info td.label {

				}
		.invoice-separator {
			margin: 5px 0px;
			width: 100%; height: 1px;
			}
		.invoice-address { margin: 5px 0px 0px 15px; }
		.invoice-detail { width: 100%; }
			.invoice-detail-header th {
				font-weight: bold;
				text-align: left;
				}
				.invoice-detail-row td,
				.invoice-detail-row-alt td { }
		.invoice-summary {
			margin: 5px 0px 0px 0px;
			width: 100%;
			}
			.invoice-summary-text { text-align: right; }
			.invoice-summary-item {
				padding: 0px 4px 0px 0px;
				text-align: right;
				width: 70px;
				}
			.invoice-summary-separator { padding: 1px 0px; }



/*------ Register ------*/
.quickorder-page {}

	.quick-order-filter { padding: 5px 0; }
	
		.quick-order-category-label {} 
		.quick-order-category-label label {}
		 
		.quick-order-category {}
		.quick-order-category select {}
		
		.quick-order-search {}
		.quick-order-search input {}
		.quick-order-search input.textbox { margin: 0 5px 0 0; }
		
	.quickorder-page .product-list {  }
	.quickorder-page .product-list th { font-size: 11px !important; }


/* ------ FORMS ------ */
.personalization-questions { /*Entire Form Wrapper*/
}
	.personalization-question {/*Question Wrapper*/
		padding: 8px 0px 6px 0px;
	}
	
	
	/*RED STAR TEXT*/
	.personalization-questions .text-important {  }/*Red star"*" text*/
	.personalization-question .text-required {  }/*Red star"*" text*/
	
	/*Form Labels*/
	.personalization-question .personalization-question-label { font-weight: bold !important; }
	
	/*Form Feild Wrapper*/
	.personalization-answers { position: relative; padding: 3px 0; }
	
		/* ### FORM ELEMENTS ### */
		
		
		/*.form-item { padding: 0 !important; }*/
		.form-item td { padding: 0 0 10px 3px !important; }
		
		/*Text Box*/
		.personalization-question .text-answer { padding: 3px 0; }
		.personalization-question div .textbox { }
			/*Text Box - Multibox*/
			.personalization-answer-label { 
				display: block; 
				float: left; 
				width: 65px !important; /*Adjust to fit*/
				text-align: left; 
			}
			.personalization-question .text-answer input { display: block; }
		
		/*Drop Down*/
		.personalization-question .select-answer {  }
		.personalization-question  .select-answer .select {  }

		/*Radio*/
		.personalization-question .radio-answer { display: inline; padding: 5px 0; }
		.personalization-question .radio-answer input { 
			
		}
		.personalization-question .radio-answer label { line-height: 15px; }
		
		/*Checkbox*/ 
		.personalization-question .check-answer { padding: 3px 0 !important; }
		.personalization-question .check-answer input { margin: 0px 5px 3px 0px !important; }