.disabledButton { cursor: wait; }
/***** defaults from layout.css *****
body {}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0px; white-space: normal; }
input, textarea { margin: 0px; padding: 0px 6px 0px; }
select { margin: 0px; padding: 0px 0px 0px 3px; }*/
	select option {padding-right:10px;}/*so text isn't hidden by drop down in selects with only 2 characters*/
button { margin: 0px; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0px; }
.noBorder { border: none !important;}
input, select, textarea { border: 1px solid #ccc; outline: 0px !important; }
input[type="checkbox"],input[type="radio"] { border: none !important; outline: 0px !important; }

#content_container a:link { text-decoration: underline; }
#content_container a:visited { text-decoration: underline; }
#content_container a:hover { text-decoration: none; }

select, input, textarea { font-size: 1em !important; font-family: Verdana, Arial, Helvetica, sans-serif;}
#container { text-align: left;  /* ie layout fix */ }

hr{
	width: 255px;
	height: 1px;
	color: #1D5501;
	text-align: center;
}
.errorBox { border: 1px solid #cf5402; }

/**** Question Popup Modal ****/
.QuestionPopup { border: solid 1px #000; width:302px; z-index:99999999; }
	.QuestionPopup .QuestionPopupContent { color:#666; background:#fff; width: 100%; }
		.QuestionPopup .QuestionPopupContent .QuestionPopupHeader { width: 100%; height: 25px; background:#000; }
			.QuestionPopup .QuestionPopupContent .QuestionPopupHeader .headerLabel { color:#fff; font-size: 15px; font-weight: bold; margin: 5px 0px 5px 5px; }
			.QuestionPopup .QuestionPopupContent .QuestionPopupHeader .modalClose { margin-right:3px; float: right; cursor: pointer; }
		.QuestionPopup .QuestionPopupContent .QuestionPopupContentMessage { margin: 10px; width: 282px; }

/************** Guest User Modal ***********************/

.guestUserModal { width:371px; z-index:100000000; background:#fff; }
	.guestUserModal .modalHeader { width:371px;height:24px; background:#000; }
		.guestUserModal .modalHeader .modalClose { margin-right:3px; float: right; cursor: pointer; }
	.guestUserModal .modalContent { width:371px; border: solid 1px #d7d7d7; background:#fff; }
		.guestUserModal .modalContent .saveGuestInfo { margin: 26px 19px 0px 22px; font:10px verdana, helvetica, sans-serif; color:#666; }
			.guestUserModal .modalContent .guestUserRegistrationTable { margin: 8px 19px 0px 12px; }
					.guestUserModal .modalContent .guestUserRegistrationTable input { margin-top:0px; }
					.guestUserModal .modalContent .guestUserRegistrationTable input.medium { width: 145px !important; }
					.guestUserModal .modalContent .guestUserRegistrationTable .label{ padding-top:9px; padding-bottom:2px; font:10px verdana, helvetica, sans-serif; }
			.guestUserModal .modalContent .guest_optin {  }
				.guestUserModal .modalContent .guest_optin input { float:left; margin-top:17px; margin-left: 22px; border: none !important; outline: none !important; }
				.guestUserModal .modalContent .guest_optin label { float:left; width:200px; margin-top:17px; padding:0px 0px 0px 8px; font:10px verdana, helvetica, sans-serif; }
			.guestUserModal .modalContent .guest_note { width:200px; margin-left:46px; margin-top: 9px; color:#666; font-style:italic; }
			.guestUserModal .modalContent .guest_join { margin: 0px 0px 26px 313px; cursor: pointer; }

			.guestUserModal .modalContent.stepTwo { border-top:1px solid #ccc; text-align:center; }
				.guestUserModal .modalContent.stepTwo .thankYou { padding: 51px 19px 0px 22px; }
				.guestUserModal .modalContent.stepTwo .benefits { padding: 17px 0px 0px 0px; }
					.guestUserModal .modalContent.stepTwo .benefits ul{ margin: 3px 0px 0px 15px; padding: 0px; list-style-image: url(./images/my_account/bullet.gif); }
				.guestUserModal .modalContent.stepTwo .fakeHyperlink { margin: 25px 0; color: #000000; text-decoration: underline; font-family: Arial, sans-serif; font-size: 11px; cursor: pointer; text-align:center; }
				.guestUserModal .modalContent.stepTwo .fakeHyperlinkDown { margin: 25px 0; color: #000000; font-family: Arial, sans-serif; font-size: 11px; cursor: pointer; text-align:center; }
				.guestUserModal .modalContent.stepTwo .fakeHyperlinkHover { margin: 25px 0; color: #000000; font-family: Arial, sans-serif; font-size: 11px; cursor: pointer; text-align:center; }



/************** ForgotPasswordModal ***********************/
.forgotPasswordModal { width: 346px; z-index:100000000; }
	.forgotPasswordModal .popupContent { background:url('./images/modal-elements/modalShadowRight.png') no-repeat top right; padding-right: 6px; }
		.forgotPasswordModal .popupContent .innerShadow { background:url('./images/modal-elements/modalShadowBottom.png') no-repeat top left; margin-bottom:-6px; margin-right:0px; width:auto; height:7px; }
			.forgotPasswordModal .popupContent .innerShadow .cornerShadow { background:url('./images/modal-elements/shadowModalCorner.png') no-repeat top left; height:6px; width:6px; margin-right: -6px; margin-left:340px; }
	.forgotPasswordModal .modalHeader { width: 100%; height: 25px; background:#000; }
		.forgotPasswordModal .modalHeader .modalClose { margin-right:3px; float: right; cursor: pointer; }
	.forgotPasswordModal .modalContent { border-left:solid 1px #d7d7d7;border-right:solid 1px #d7d7d7;border-bottom:solid 1px #d7d7d7;background:#fff; }
		.forgotPasswordModal .modalContent .instructions { margin: 18px 20px 0px 20px; }
		.forgotPasswordModal .modalContent .forgotPasswordTable { margin: 14px 20px 0px 10px; }
			.forgotPasswordModal .modalContent .forgotPasswordTable input { height:14px; width:125px; }
			.forgotPasswordModal .modalContent .forgotPasswordTable .label { margin-top:12px }
		.forgotPasswordModal .modalContent .submitButton { margin: 23px 0px 18px 240px; cursor: pointer; }
		.forgotPasswordModal .modalContent .tempPassEmailed { margin: 18px 20px 18px 20px; }

/*************** Sign In Modal ***************/
.signInModal { width:329px; height:auto; background: #fff; z-index:100000000; }
	.signInModal .modalHeader { width: 100%; height: 25px; background:#000; }
		.signInModal .modalHeader .modalClose { margin-right:3px; float: right; cursor: pointer; }
	.signInModal .modalContent { border-left:solid 1px #d7d7d7; border-right:solid 1px #d7d7d7; border-bottom:solid 1px #d7d7d7; width:329px; }
		.signInModal .modalContent .signInForm { margin: 10px 0px 0px 5px; width:305px; }
			.signInModal .modalContent .signInForm input { width: 126px; height: 16px; }
			.signInModal .modalContent .signInForm .forgotPassword { margin: 8px 0px 0px 3px; cursor: pointer; width: 148px; }
				.signInModal .modalContent .signInForm .forgotPassword a{ text-decoration: underline; cursor: pointer; }
			.signInModal .modalContent .signInForm .forgotPassword a:hover{ text-decoration: none; cursor: pointer; }

			.signInModal .modalContent .signInForm .signInButton {margin-top: 8px; float:right;cursor: pointer; }
			.signInModal .modalContent .signInForm .signInButton .gwt-Image {float:right }

			.signInModal .modalContent .signInForm .recentChanges { margin-top: 10px; margin-right:10px; }
		.signInModal .modalContent .signInHeaderText { font-size:9px; font-weight:bold; color:#c05107; width:268px; margin-bottom:6px; }
		.signInModal .modalContent .registerForm { margin: 13px 0px 0px 15px; border-top: solid 1px #000; width:293px; }
			.signInModal .modalContent .registerForm .registerNow { margin-top: 8px; }
			.signInModal .modalContent .registerForm ul{ margin: 3px 0px 0px 15px; padding: 0px; list-style-image: url(./images/my_account/bullet.gif); }
			.signInModal .modalContent .registerForm .createNewAccount { margin: 13px 0px 20px 155px; cursor: pointer; }
	.signInModal .shadowBottom { background:url('./images/modal-elements/modalShadowBottom.png') no-repeat top left; height:7px; width:auto; margin-bottom:-6px; margin-right:6px; }
		.signInModal .shadowBottom .shadowCorner { background:url('./images/modal-elements/shadowModalCorner.png') no-repeat top left; width:6px; height:6px; margin-left:324px; margin-right:-6px; }

/**** Order Status Modal ****/
.orderStatusModal { width:334px; height:auto; background: #fff; z-index:100000000; }
	.orderStatusModal .modalHeader { width: 100%; height: 25px; background:#000; }
		.orderStatusModal .modalHeader .gwt-Label { margin: 5px 0px 0px 17px; color: #fff; font-weight: bold; }
		.orderStatusModal .modalHeader .modalClose { margin-right:3px; float: right; cursor: pointer; }
	.orderStatusModal .modalContent { border-left:solid 1px #d7d7d7; border-right:solid 1px #d7d7d7; border-bottom:solid 1px #d7d7d7; width:100%; padding: 10px; }
		.orderStatusModal .modalContent .gwt-Label { padding: 3px 6px; }
		.orderStatusModal .modalContent .gwt-PasswordTextBox { margin: 3px 6px; }
		.orderStatusModal .modalContent .gwt-TextBox { margin: 3px 6px; }
		.orderStatusModal .modalContent .signInButton { margin: 8px 0px 0px 6px; cursor: pointer; }
		.orderStatusModal .modalContent .findOrderButton { margin: 8px 0px 0px 6px; cursor: pointer; }
	.orderStatusModal .shadowBottom { background:url('./images/modal-elements/modalShadowBottom.png') no-repeat top left; height:7px; width:auto; margin-bottom:-6px; margin-right:6px; }
		.orderStatusModal .shadowBottom .shadowCorner { background:url('./images/modal-elements/shadowModalCorner.png') no-repeat top left; width:6px; height:6px; margin-left:329px; margin-right:-6px; }

/**** Order Status Display Modal ****/
.orderStatusDisplayModal { width:303px; height:auto; background: #fff; z-index:100000000; }
	.orderStatusDisplayModal .modalHeader { width: 100%; height: 25px; background:#000; }
		.orderStatusDisplayModal .modalHeader .gwt-Label { margin: 5px 0px 0px 17px; color: #fff; font-weight: bold; }
		.orderStatusDisplayModal .modalHeader .modalClose { margin-right:3px; float: right; cursor: pointer; }
	.orderStatusDisplayModal .modalContent { border-left:solid 1px #d7d7d7; border-right:solid 1px #d7d7d7; border-bottom:solid 1px #d7d7d7; width:100%; padding: 10px; background-color:#fff; }
		.orderStatusDisplayModal .modalContent .boldStatusLabel { font-weight: bold; }
		.orderStatusDisplayModal .modalContent .okButton { text-decoration: underline; cursor: pointer; margin: 8px 0px 0px 3px; }
	.orderStatusDisplayModal .shadowBottom { background:url('./images/modal-elements/modalShadowBottom.png') no-repeat top left; height:7px; width:auto; margin-bottom:-6px; margin-right:6px; }
		.orderStatusDisplayModal .shadowBottom .shadowCorner { background:url('./images/modal-elements/shadowModalCorner.png') no-repeat top left; width:6px; height:6px; margin-left:297px; margin-right:-6px; }


/**** User Registration Modal ****/
.userRegistration { z-index:100000000; }
	.userRegistration .popupContent { background:url('./images/modal-elements/modalShadowRight.png') no-repeat top right; padding-right: 6px; width: 300px; }
		.userRegistration .popupContent .modalHeader { width:300px; background:#000; }
			.userRegistration .popupContent .modalHeader .modalClose { margin-right:3px; float: right; cursor: pointer; }
		.userRegistration .popupContent .modalContent { width:300px; border: solid 1px #d7d7d7; background:#fff; }
		.userRegistration .popupContent .wwcmMarketingContent { width:258px; height:427px; margin: 11px 0px 11px 11px; }
		.userRegistration .popupContent .userRegistrationForm { margin: 11px 11px 3px 0px; }
			.userRegistration .popupContent .userRegistrationForm .userRegistrationHeaderImage {  }
			.userRegistration .popupContent .userRegistrationForm .registrationLabel { margin: 6px 0px 3px 0px; }
			.userRegistration .popupContent .userRegistrationForm input.normal{ width:109px; }
			.userRegistration .popupContent .userRegistrationForm input.address { width:244px; }
				.userRegistration .popupContent .userRegistrationForm input.address.firstAddress { margin-bottom:2px; }
			.userRegistration .popupContent .userRegistrationForm input.firstThree { width:34px; margin-right:2px; }
			.userRegistration .popupContent .userRegistrationForm input.lastFour { width:41px; }
			.userRegistration .popupContent .userRegistrationForm select{ width: 104px; }
			.userRegistration .popupContent .userRegistrationForm .marketingEmailsCheckbox{ height:20px; width:230px; }
				.userRegistration .popupContent .userRegistrationForm .marketingEmailsCheckbox input{ float:left; width:auto; margin-top:6px; margin-bottom:3px; border: none !important; outline: none !important; }
				.userRegistration .popupContent .userRegistrationForm .marketingEmailsCheckbox label{ width:195px; float:left; margin-left:5px; margin-top:6px; margin-bottom:3px; }
			.userRegistration .popupContent .userRegistrationForm .userRegistrationAddressHeaderImage { margin-top:20px; margin-bottom: 5px; }
		.userRegistration .popupContent .userRegistrationButton { margin-left: 210px; margin-bottom: 11px; }
		.userRegistration .popupContent .registrationCompleted { margin: 200px 11px 11px 11px; }
			.userRegistration .popupContent .registrationCompleted a{ text-decoration: underline; }
		.userRegistration .popupContent .shadowBottom { background:url('./images/modal-elements/modalShadowBottom.png') no-repeat top left; margin-bottom:-6px; margin-right:0px; width:auto; height:7px; }
			.userRegistration .popupContent .shadowBottom .shadowCorner { background:url('./images/modal-elements/shadowModalCorner.png') no-repeat top left; height:6px; width:6px; margin-right: -6px; margin-left:597px; }

.miniCart { z-index: 10001; }
	.miniCart .popupContent { background:url('./images/modal-elements/modalShadowRight.png') no-repeat top right; padding-right: 6px; }
		.miniCart .popupContent .miniCartHeader { background-color: white; height: 25px; width: 100%; }
		.miniCart .popupContent .miniCartColumnHeader { background-color: white; height: 15px; width: 100%;}
			.miniCart .popupContent .miniCartHeader .headerTitleImage { background-color: white; font-size: 1.3em; text-align: center; }
			.miniCart .popupContent .miniCartHeader .headerPrintImage { float: left; cursor: pointer; vertical-align: bottom; margin-top: 8px; }
			.miniCart .popupContent .miniCartHeader .headerCloseImage { float: left; cursor: pointer; margin-top: 6px; }
		.miniCart .popupContent .miniCartBody { border: solid 1px #d7d7d7; background:#fff; }
			.miniCart .popupContent .miniCartBody .miniCartProductPanel { margin: 10px; font-family: Verdana; font-size: 10px; color: #666; }
				.miniCart .popupContent .miniCartBody .miniCartProductPanel .miniCartProductImage { border: 0px !important; outline: 0px !important; background-color: #000000 !important; }
				.miniCart .popupContent .miniCartBody .miniCartProductPanel .miniCartProductName { line-height: 1em; font-weight: normal; }
				.miniCart .popupContent .miniCartBody .miniCartProductPanel .miniCartProductPrice { line-height:1em; margin-bottom: 5px; }
				.miniCart .popupContent .miniCartBody .miniCartProductPanel .priceBottomBorder { border-bottom:1px solid #b7b7b7; }
				.miniCart .popupContent .miniCartBody .miniCartProductPanel .miniCartProductStockStatus { margin-bottom: 5px; line-height: 1em; font-weight: bold; color: #000; text-transform: lowercase; }
				.miniCart .popupContent .miniCartBody .miniCartProductPanel .miniCartProductLabels { line-height: 1em; text-transform: lowercase; }
					.miniCart .popupContent .miniCartBody .miniCartProductPanel .miniCartProductLabels.top { margin-top: 5px; }
				.miniCart .popupContent .miniCartBody .miniCartProductPanel .miniCartProductRemove { cursor: pointer; font-weight: bold; }
			.miniCart .popupContent .miniCartBody .miniCartProductPanelSeperator { margin: 0px 5px; }
		.miniCart .popupContent .miniCartFooter { background-color: white; height: 25px; width: 100%; font-family:  Verdana; font-size: 10px; line-height: 1em; font-weight: bold; color: #666; }
			.miniCart .popupContent .miniCartFooter .subTotalLabel { float: left; margin-top: 6px; margin-left: 10px;}
			.miniCart .popupContent .miniCartFooter .miniCartSubTotal { float: left; margin-top: 6px; margin-left: 10px; text-align:right}
			.miniCart .popupContent .miniCartFooter .checkoutImage { float: left; cursor: pointer; margin-top: 4px; }
		.miniCart .popupContent .shadowBottom { background:url('./images/modal-elements/modalShadowBottom.png') no-repeat top left; margin-bottom:-6px; margin-right:0px; width:auto; height:7px; }
			.miniCart .popupContent .shadowBottom .shadowCorner { background:url('./images/modal-elements/shadowModalCorner.png') no-repeat top left; height:6px; width:6px; margin-right: -6px; margin-left:292px; }

/*************** Checkout Right Panel ***************/
/* Common */

.entryForm {
	width: 100%;
	font-family: verdana;
	font-size: 10px;
	color: black;
	/*border-bottom: 1px solid #8dbc78;*/
	/*border-right: 1px solid #A8A8A8;*/
}
.entryForm div {
	padding-top: 2px;
	padding-bottom: 2px;
}

.entryFormHyperlink a, .entryFormHyperlink a:hover, .entryFormHyperlink a:visited, {
	text-decoration: underline;
	color: #fff;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
}


/* Sign In Panel */
.signedInLabel { margin: 6px 26px 10px 18px; }
.signInForm { margin-left: 10px; width:255px; }
	.signInForm .signInCopy { margin: 15px 0px 4px 0px;; }
	.signInForm .signInButton { margin-top: 4px; cursor: pointer; }
	.signInForm input { width:100%; }
.signInGuestForm { margin-left: 10px; }
	.signInGuestForm .guestSignInCopy { margin-top: 10px; }
	.signInGuestForm .signInGuestButton { margin: 18px 0px 6px 75px; cursor: pointer; }

/* Shipment Info Panel */
.subCartLabel {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	color: #1D5501;
	margin-left: 10px;
	margin-top: 6px;
}

.completeSubCartLabel {
	width: 95%;
	font-family: verdana;
	font-weight: bold;
	font-size: 8pt;
	color: #000;
	border-bottom: 1px solid #000;
	margin: 11px 0px 5px 0px;
	text-transform: none;
}
.addressLabels {
	font-family: verdana;
	font-size: 10px;
	color: #1D5501;
	margin-bottom: 2px;
}

.shipmentInfoEntryForm {
	width: 100%;
	font-family: verdana;
	font-size: 10px;
	color: #fff;
	padding-left: 0px;
	padding-right: 0px;
}

.shipmentInfoEntryForm table {
	padding-top: 2px;
	padding-bottom: 2px;
}
.AddressBookPanel .AddressBookRow { border-bottom: 1px solid #1D5501; }
	.AddressBookPanel .AddressBookRow .AddressBook { margin-top:4px; margin-bottom:8px; }
.AddressBookPanel .AddressBookHeader { margin-top:10px; }
.AddressPanel .AddressHeader { margin-top:10px; margin-bottom:6px; font-size: 10px; }


.shipmentInfoEntryForm .AddressBookPanel { margin-left: 5px; }
.shipmentInfoEntryForm .AddressPanel { margin-left: 5px; }
.shipmentInfoEntryForm .shippingMethodForm { margin-left: 5px; }
	.shipmentInfoEntryForm .shippingMethodForm .shippingTopBorder { border-top: 1px solid #1D5501; }
	.shipmentInfoEntryForm .shippingMethodForm .chooseShippingMethod { margin-top:12px; }
.shipmentInfoEntryForm .shipmentCheckBoxes { margin-left: 5px; }
.shipmentInfoEntryForm .guestRegisterTable { margin: 4px 0px 0px 10px; }
	.shipmentInfoEntryForm .guestRegisterTable .topBorder { border-top: 1px solid #1D5501; }
	.shipmentInfoEntryForm .guestRegisterTable .guestRegisterAtEnd { margin-top: 7px; font-weight: bold; color:#1D5501; font-size:10px; }
.shipmentInfoEntryForm .saveContinueButton { margin: 12px 0px 8px 0px; /*margin-left:156px;*/ cursor: pointer; }

.shipmentInfoEntryForm input.firstName { width: 100px; }
.shipmentInfoEntryForm input.lastName { width: 100px; }
.shipmentInfoEntryForm input.medium { width: 125px; }
.shipmentInfoEntryForm input.long { width: 244px; }
	.shipmentInfoEntryForm input.long.firstAddress { margin-bottom:1px; }
.shipmentInfoEntryForm input.zip { width: 102px; }
.shipmentInfoEntryForm select.medium { width: 121px; }
.shipmentInfoEntryForm select.long { width: 261px; }
.shipmentInfoEntryForm select.month { width: 63px; margin-right: 7px; }
.shipmentInfoEntryForm select.year { width: 63px; }
.shipmentInfoEntryForm input.first_three { width: 20px; margin-right:1px; }
.shipmentInfoEntryForm input.second_three { width: 20px; margin-right:1px; }
.shipmentInfoEntryForm input.last_four { width: 27px; }

.shipmentInfoEntryForm .noProductsCheckoutMessage { margin: 10px 6px; color: #000000; }



.shipmentInfoFormDivider {
	width: 100%;
	border-bottom: 1px solid #1D5501;
}

.shipmentDelivery {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 0.9em !important;
	color: #fff;
	margin-top: 5px;
	margin-left: 25px;
}
.shipmentDeliveryLabel {
	font-weight: bold;
}
.shipmentDeliveryDate {
	font-weight: bold;
}


.shipmentInfoBody {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 8pt;
	background-color: #807E7E;
	color: #fff;
	padding: 0px;
	width: 100%;
	text-transform: lowercase;
}


.clickableHeader {
	margin: 0px;
	padding: 0px;
	width: auto;
}
.mouseWrapper {
	margin: 0px;
	padding: 0px;
	width: auto;
}

/***** Shipment Info Pickup Sub Panel *****/
.checkoutCheckBox {  }
	.checkoutCheckBox input{ border:none; }
	.checkoutCheckBox label{ font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; color:#1D5501; }



/** Payment Info Panel **/
.whatIsThisCVV { margin-bottom: 6px; margin-left: 10px; color: #000000; text-decoration: underline; cursor: pointer; }
.paymentSavedCCInfo { margin: 9px 0px 0px 18px; color:black; border-bottom: 1px solid #1D5501; width:250px; }
	.paymentSavedCCInfo .paymentSavedInfoLabel {  }
		.paymentSavedCCInfo .paymentSavedInfoLabel.lastInfoLabel { margin-bottom: 12px; }
.paymentSavedInfoCVV { margin-left:10px; }
	.paymentSavedInfoCVV .cvvLabel { margin-top: 12px }
	.paymentSavedInfoCVV input.first_three { width: 35px; margin-bottom: 8px; }
.paymentContinueButton { margin-left: 199px; margin-bottom: 8px; cursor: pointer; }
.topBorder { border-top: 1px solid #1D5501; }


.paymentBillingHeader { margin: 10px 0px 0px 13px; }
.paymentEmailForm { margin: 5px 0px 9px 6px; width: 275px; }
	.paymentEmailForm .emailHeaderLabel { margin: 12px 0 5px 0; }
	.paymentEmailForm .addressLabels { margin-bottom: 2px; }
	.paymentEmailForm input { width:125px; }
		.paymentEmailForm input.extended { width: 156px; }
	.paymentEmailForm .emailQuestion { margin-left: 4px; }
.paymentCCForm { margin-left: 7px; }
	.paymentCCForm .creditCardHeader { margin: 12px 0px 6px 0px; }
	.paymentCCForm .addressLabels { margin-top:2px; }
	.paymentCCForm input, .paymentCCForm select { margin-bottom:6px; }
		.paymentCCForm select.long { width: 255px; }
		.paymentCCForm input.long { width: 244px; }
		.paymentCCForm select.month { width: 63px; margin-right: 7px; }
		.paymentCCForm select.year { width: 63px; }
		.paymentCCForm input.first_three { width: 20px; }
	.paymentCCForm .saveAsDefaultCC { color:#1D5501; }
		.paymentCCForm .saveAsDefaultCC input { border: none !important; outline: none !important; margin-bottom:-6px; }
		.paymentCCForm .saveAsDefaultCC { vertical-align: middle; }
		.paymentCCForm .saveAsDefaultCC .saveAsDefaultCCImage { margin-left: 7px; }
.finishedBody.paymentComplete {  }
	.finishedBody.paymentComplete .paymentCompleteLabel { margin: 0px 18px 0px 18px; }
		.finishedBody.paymentComplete .paymentCompleteLabel.topLabel { margin-top: 10px; }
		.finishedBody.paymentComplete .paymentCompleteLabel.bottomLabel { margin-bottom: 10px; }


.faxOrder { margin: 8px 13px 8px 13px; }
	.faxOrder a { color:#FFFFFF; text-decoration: underline; }
	.faxOrder a:hover { color:#FFFFFF; text-decoration: none; }


.saveAsDefaultBilling { margin-left: 10px; color:#1D5501; }
	.saveAsDefaultBilling input { border: none !important; outline: none !important; }


/** Order Review **/
.orderReviewForm { margin: 12px 18px 20px 18px; color: black; }
	.orderReviewForm .orderCopyReview { margin-bottom: 18px; }
	.orderReviewForm .purchaseTotal { font-weight: bold; font-size: 11px; }
	.orderReviewForm .submitOrderButton { margin: 32px 0px 18px 167px; cursor: pointer; }
	.orderReviewForm .submitWarning { margin-bottom: 5px; color:#FF0000; }
	.orderReviewForm .submitWarningMessage { color:#1D5501; margin: 0px 18px 0px 0px; }


/*************** Error Panel Module Popup ***************/
.checkoutError { border:2px solid #d66d28; z-index:100000001; background-color: #fff;}
	.checkoutError .checkoutErrorHeader {padding:2px 6px 2px 6px; width: 188px; background-color: #d66d28; color:#fff; }
		.checkoutError .checkoutErrorHeader img { margin-top: 2px; margin-left: 10px; }
		.checkoutError .checkoutErrorHeader .fakeHyperlink, .checkoutError .checkoutErrorHeader .fakeHyperlinkDown, .checkoutError .checkoutErrorHeader .fakeHyperlinkHover { color:#fff !important; text-decoration: none; vertical-align: text-top; font-size: 10px; padding-bottom: 2px; cursor: pointer; }
		.checkoutError a:link, .checkoutError a:hover, .checkoutError a:visited { color:#fff !important; }
	.checkoutError .checkoutErrorContent { width: 188px; font-family: Verdana,Arial,Arial,Helvetica,sans-serif; font-size: 9px; background-color:#fff; filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85; }
		.checkoutError .checkoutErrorContent .checkoutErrorMessage { margin: 0px 0px 0px 0px; padding: 0px; color: red; }
			.checkoutError .checkoutErrorContent .checkoutErrorMessage ul {display:table; list-style-type:disc; list-style-position: inside; margin: 2px 4px 0px 8px; padding: 0px; /*list-style:disc; color:#cf5402;*/ }
				.checkoutError .checkoutErrorContent .checkoutErrorMessage ul li { color:#cf5402; }


.checkoutPanel{ width:510px;
}
.activeHeader{ width:510px; height:32px; font-size: 1.2em; background-image: url('images/my_account/AVX_Green.gif'); background-repeat: repeat-x; color: #FFFFFF;
}
.inactiveHeader{ width:510px; height:32px; background-image: url('images/my_account/AVX_Gray.gif'); background-repeat: repeat-x; color: #FFFFFF;
    border-bottom: 1px solid #fff;
}
.finishedHeader{ width:510px; height:32px; background-color: #000000; color: #FFFFFF;

}
.leftImage { margin-left: 11px; float: left; }
.rightClickableImage { margin-right: 11px; }
.activeBody{
	background: white none repeat scroll 0 0;
	color: #FFFFFF;
	padding: 0px;
	width:510px;
}
.inactiveBody{
	color: #FFFFFF;
	width:510px;
}
.finishedBody{
	width:510px;
	background: #807E7E none repeat scroll 0 0;
	color: #FFFFFF;
}

/**** control center panel ****/
.infoHeaderOpen {
	padding-left: 1em;
    padding-right: 1em;
    color:#fff;
    background: #246a00;
}

.infoTableOpen {
	color:#fff;
    background: #71ab56;
    border-bottom: 1px solid #fff;
}

.infoTableComplete {
	background-color:#807e7e;
	color:#fff;
	border-bottom: 1px solid #fff;
}

.infoHeaderUntouched {
	padding-left: 1em;
    padding-right: 1em;
	background-color:#807e7e;
	color:#fff;
	border-bottom: 1px solid #fff;
}

.infoHeaderComplete {
	padding-left: 1em;
    padding-right: 1em;
	background-color:#000000;
	color:#fff;
}

/******************************** above is originally from checkoutrightpanel **********************/


/******************************** for pageheaderpanel and order tongue ***************************/
.overflowY-hidden {
      overflow-y: hidden;
      overflow-x: hidden;
}
.overflowY-scroll {
      overflow-y: scroll;
      overflow-x: hidden;
}

.pageHeaderText
{
      font-family: Verdana,Arial,Helvetica,sans-serif;
      font-size: 10px;
      font-weight: bold;
      cursor: pointer;
}
.pageHeaderTextUnderlined
{
      font-family:  Verdana,Arial,Helvetica,sans-serif;
      font-size: 10px;
      text-decoration: underline;
}

.pageHeaderRightAlign {
	margin-left: auto;
	margin-right: 0px;
}
/********************************* end of pageheaderpanel and order tongue *************************/

/********************************* begin my account ******************************/
.myAccountHeaderImage { margin-bottom: 7px; }


.leftImage { margin-left: 11px; }
.MyAccountRightClickableImage { margin-right: 0px; }
.activeMyAccountBody{ background: #FFFFFF none repeat scroll 0 0; color: #000000; padding: 0px; width: 100%; border: 1px solid #246A00; }
.inactiveMyAccountBody{ background: #807E7E none repeat scroll 0 0; color: #FFFFFF; width: 100%; }

.myAccountHomePage {  }
	.myAccountHomePage .myAccountHeaderImage { margin-left: 30px; margin-top: 18px; }
	.myAccountHomePage .myAccountLeftPanel { width: 458px; }
		.myAccountHomePage .myAccountLeftPanel .myAccountLeftBody .myAccountLeftSubPanel { width: 458px; margin: 12px 12px 7px 12px;  }
			.myAccountHomePage .myAccountLeftPanel .myAccountLeftBody .myAccountLeftSubPanel .myAccountLeftInactiveBody {  }
			.myAccountHomePage .myAccountLeftPanel .myAccountLeftBody .myAccountLeftSubPanel .myAccountLeftActiveBody {  }
		.myAccountHomePage .myAccountLeftPanel .myAccountLeftHeader { background-image: url('images/my_account/AVX_Gray.gif'); background-repeat: repeat-x; color: #FFFFFF; width: 100%; }
        .myAccountHomePage .myAccountLeftPanel .myAccountLeftActiveHeader { background-image: url('images/my_account/AVX_Green.gif'); background-repeat: repeat-x; color: #FFFFFF; width: 100%; }
        .myAccountHomePage .myAccountLeftPanel .myAccountLeftInactiveHeader { background-image: url('images/my_account/AVX_Gray.gif'); background-repeat: repeat-x; color: #FFFFFF; width: 100%; }
.myAccountHomePage .myAccountLeftPanel .myAccountLeftBody { border-bottom:1px solid #9C9C9C; border-left:1px solid #9C9C9C; border-right:1px solid #9C9C9C;}
	.myAccountHomePage .myAccountRightPanel { width: 291px; margin-right: 20px; }
		.myAccountHomePage .myAccountRightPanel .myAccountRightSubPanel { width: 291px; }
		.myAccountHomePage .myAccountRightPanel .myAccountRightActiveHeader { background-image: url('images/my_account/AVX_Green.gif'); background-repeat: repeat-x; color: #FFFFFF; width: 100%; }
		.myAccountHomePage .myAccountRightPanel .myAccountRightInactiveHeader { background-image: url('images/my_account/AVX_Gray.gif'); background-repeat: repeat-x; color: #FFFFFF; width: 100%; }
		.myAccountHomePage .myAccountRightPanel .myAccountRightInactiveBody { background: #807E7E none repeat scroll 0 0; color: #FFFFFF; width: 100%; }
		.myAccountHomePage .myAccountRightPanel .myAccountRightActiveBody { background: #FFFFFF none repeat scroll 0 0; color: #000000; padding: 0px; width: 100%; border: 1px solid #246A00; }

.profileSaved { margin-top:5px; }
	.profileSaved td { vertical-align: baseline; }
	.profileSaved .profileSavedImageLabel { margin-right: 5px; }


.myAccountLeftActiveBody.profileEdit  {  }
	.myAccountLeftActiveBody.profileEdit .profileAddressPanel {  }
		.myAccountLeftActiveBody.profileEdit .profileAddressPanel input.longTextBox { width:190px; }
		.myAccountLeftActiveBody.profileEdit .profileAddressPanel input.mediumSelect { width:91px; }
		.myAccountLeftActiveBody.profileEdit .profileAddressPanel input.longSelect { width:197px; }
		.myAccountLeftActiveBody.profileEdit .profileAddressPanel .profileEditImageLabel { margin: 6px 0px 2px 0px; }
.myAccountLeftActiveBody.profileEdit .saveButton { margin-top:14px; margin-left: 350px; cursor: pointer; }
.myAccountLeftActiveBody.profileEdit .tellUsMoreButton { margin-top:3px; margin-left: 287px; cursor: pointer; }

/* Orders */
.myOrdersGrid { width:432px; margin-bottom:14px; text-transform: lowercase; }
	.myOrdersGrid .myOrdersHeaderImage { margin-bottom: 9px; margin-right: 10px; }
	.myOrdersGrid td { border-top:1px solid #EBEBEB; vertical-align: top; padding-top:9px; padding-bottom:6px; margin-left:1px; }
	.myOrdersGrid .tableHeaderRow td { border-top: none; }
	.myOrdersGrid a { color: #666666; text-decoration: underline; cursor: pointer; }

.boldText { font-weight: bold; }

/* Address Book */
.myAccountAddressBookPanel { font:normal 10px Verdana, Helvetica, sans-serif; text-transform: lowercase; }
	.myAccountAddressBookPanel.AddressPanel { margin-left: 5px; margin-top:8px; }
		.myAccountAddressBookPanel.AddressPanel .AddressHeader { margin-bottom:20px; }
		.myAccountAddressBookPanel.AddressPanel .addressLabels { font:normal 10px Verdana, Helvetica, sans-serif;  color: #666666; }
		.myAccountAddressBookPanel.AddressPanel input.medium { width: 125px; }
		.myAccountAddressBookPanel.AddressPanel input.long { width: 244px; }
			.myAccountAddressBookPanel.AddressPanel input.long.firstAddress { margin-bottom:2px; }
		.myAccountAddressBookPanel.AddressPanel input.zip { width: 102px; }
		.myAccountAddressBookPanel.AddressPanel select.medium { width: 131px; }
		.myAccountAddressBookPanel.AddressPanel select.long { width: 255px; }
		.myAccountAddressBookPanel.AddressPanel select.month { width: 63px; margin-right: 7px; }
		.myAccountAddressBookPanel.AddressPanel select.year { width: 63px; }
		.myAccountAddressBookPanel.AddressPanel input.first_three { width: 20px; }
		.myAccountAddressBookPanel.AddressPanel input.second_three { width: 20px; }
		.myAccountAddressBookPanel.AddressPanel input.last_four { width: 27px; }

.myAccountRightSubPanel { font:normal 10px Verdana,Helvetica,sans-serif; }
	.myAccountRightSubPanel .myAccountRightInactiveBody .InactiveLabel { margin: 8px 12px 10px 12px; font:bold 10px Verdana, Helvetica, sans-serif; }
	.myAccountRightSubPanel .myAccountRightActiveBody { font:normal 10px Verdana,Helvetica,sans-serif; }
		.myAccountRightSubPanel .myAccountRightActiveBody .CCLabel { margin-left:12px; }
			.myAccountRightSubPanel .myAccountRightActiveBody .CCLabel.top { margin-top:8px; }
			.myAccountRightSubPanel .myAccountRightActiveBody .CCLabel.lastLabel { margin-bottom:20px; }
				/*.myAccountRightSubPanel .myAccountRightActiveBody .CCLabel.top.lastLabel { margin-top:8px; margin-bottom:20px; }*/
		.myAccountRightSubPanel .myAccountRightActiveBody .enterCreditCardButton { margin: 10px 0px 10px 135px; cursor: pointer; }
		.myAccountRightSubPanel .myAccountRightActiveBody .editCreditCardButton { margin: 0px 0px 5px 226px; cursor: pointer; }
		.myAccountRightSubPanel .myAccountRightActiveBody .saveCreditCardButton { margin: 0px 0px 16px 228px; cursor: pointer; }
		.myAccountRightSubPanel .myAccountRightActiveBody .addNewAddress { margin: 8px 0px 10px 135px; cursor: pointer; }
		.myAccountRightSubPanel .myAccountRightActiveBody .removeCardLink { margin-bottom: 10px; margin-left: 196px; cursor: pointer; }
			.myAccountRightSubPanel .myAccountRightActiveBody .removeCardLink a { text-decoration: underline; color:#666666; }
			.myAccountRightSubPanel .myAccountRightActiveBody .removeCardLink a:hove { text-decoration: underline; color:#666666; }
			.myAccountRightSubPanel .myAccountRightActiveBody .removeCardLink a:visited { text-decoration: underline; color:#666666; }

	.myAccountRightSubPanel .subSection { margin: 8px 12px 7px 12px; border-bottom: 1px solid #CCCCCC; width:265px; }
		.myAccountRightSubPanel .subSection .lastAddress { margin-bottom: 16px; }
		.myAccountRightSubPanel .subSection .subSectionHeaderImage { margin-bottom: 5px; }
		.myAccountRightSubPanel .subSection .subSectionLabel {  }
			.myAccountRightSubPanel .subSection .subSectionLabel.noAddress { margin-bottom: 16px; }
		.myAccountRightSubPanel .subSection .editImage { margin: 0px 0px 4px 237px; cursor: pointer; }
		.myAccountRightSubPanel .subSection a{ font-weight: bold; text-decoration: underline; color: #666666; cursor: pointer; }
			.myAccountRightSubPanel .subSection a:hover{ font-weight: bold; text-decoration: underline; color: #666666; cursor: pointer; }
			.myAccountRightSubPanel .subSection a:visited{ font-weight: bold; text-decoration: underline; color: #666666; cursor: pointer; }



.defaultShipping { font-family: verdana; font-size: 10px; color: #666666; margin-left: 12px; }
	.defaultShipping input { border: none !important; outline: none !important; }
	.defaultShipping label { margin-top: 3px; }
.defaultBilling { font-family: verdana; font-size: 10px; color: #666666; margin-left: 12px; margin-top: 6px; }
	.defaultBilling input { border: none !important; outline: none !important; }
	.defaultBilling label { margin-top: 3px; }

.addressBookEdit  .myAddressRemoveAddButton .removeButton {float:left; margin: 12px auto 12px 16px; cursor: pointer;}
.addressBookEdit  .myAddressRemoveAddButton .removeButton .gwt-Image {float:left;}
.addressBookEdit  .myAddressRemoveAddButton .saveButton { float:right;margin: 12px 86px 16px auto; cursor: pointer;}
.addressBookEdit  .myAddressRemoveAddButton .saveButton .gwt-Image {float:right;}
.collapsedAccountLabel{ font-weight:bold; padding-left: 10px; padding-top: 12px; padding-bottom:8px; }

.CreditCardPanel { margin: 8px 12px 10px 4px; width:100%; }
	.CreditCardPanel .creditCardLabels{ margin: 6px 0px 1px 0px; }
	.CreditCardPanel select.medium { width: 131px; }
	.CreditCardPanel input.long { width: 244px; }
	.CreditCardPanel select.month { width: 63px; margin-right: 7px; }
	.CreditCardPanel select.year { width: 63px; }
/******************************** end my account ****************************************/


/****  this is shopping bag and product detail styles****/

/** Add css rules here for your application. */

.greyHeader
{
	background-color:#C0BEBE;
	font-size: 10px;
	color: black;
	border-top: 1px solid #9c9c9c;

}
.greyPanel
{
padding: 7px 0 6px 6px;
background-color:#C0BEBE;
}

.whiteText
{
	color:white;
}

.shoppingHeaderTextLink
{
	font-family:  Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
 	text-decoration: underline;
	color: gray;
}
.shoppingHeaderTextLinkHover
{
	font-family:  Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	color: gray;
}.shoppingHeaderTextLinkDown
{
	font-family:  Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
 	text-decoration: underline;
	color: black;
}
.orangeShoppingHeaderText
{
	font-family:  Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	color: orange;
}
.crossSellHeaderText
{
	font-family:  Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: white;
}
.productPanelBorders
{
	border-top:1px solid #9c9c9c;
}
.subOrderPanelBorders
{
	border-left:1px solid #9c9c9c;
	border-right:1px solid #9c9c9c;
	border-bottom: 1px solid #9c9c9c;
}

.fakeHyperlink {
 	color: #003366;
 	text-decoration: underline;
  	font-family: Arial, sans-serif;
  	font-size: 11px;
 	cursor:	default;
}
.fakeHyperlinkHover {
 	color:  #003366;
   	font-family: Arial, sans-serif;
  	font-size: 11px;
 	cursor:	default;
}
.fakeHyperlinkDown {
 	color:  #8C3D00;
  	font-family: Arial, sans-serif;
  	font-size: 11px;
 	cursor:	default;
}



.fakeHyperlinkFloatRight {

 	color: #003366;

 	text-decoration: underline;

  	font-family: Arial, sans-serif;

  	font-size: 11px;

 	cursor:	default;

 	float: right;

}

.fakeHyperlinkFloatRightHover {

 	color:  #003366;

   	font-family: Arial, sans-serif;

  	font-size: 11px;

 	cursor:	default;

 	float: right;

}

.fakeHyperlinkFloatRightDown {

 	color:  #8C3D00;

  	font-family: Arial, sans-serif;

  	font-size: 11px;

 	cursor:	default;

 	float: right;

}



.fakeInlineHyperlink {

 	color: #003366;

 	text-decoration: underline;

  	font-family: Arial, sans-serif;

  	font-size: 11px;

 	cursor:	default;

 	display: inline;

}

.fakeInlineHyperlinkHover {

 	color:  #003366;

   	font-family: Arial, sans-serif;

  	font-size: 11px;

 	cursor:	default;

 	display: inline;

}

.fakeInlineHyperlinkDown {

 	color:  #8C3D00;

  	font-family: Arial, sans-serif;

  	font-size: 11px;

 	cursor:	default;

 	display: inline;

}



.fakeHyperlinkRightAndLeftPadding {

 	color: #003366;

 	text-decoration: underline;

  	font-family: Arial, sans-serif;

  	font-size: 11px;

 	cursor:	default;

}

.fakeHyperlinkRightAndLeftPaddingHover {

 	color:  #003366;

   	font-family: Arial, sans-serif;

  	font-size: 11px;

 	cursor:	default;

}

.fakeHyperlinkRightAndLeftPaddingDown {

 	color:  #8C3D00;

  	font-family: Arial, sans-serif;

  	font-size: 11px;

 	cursor:	default;

}



.fakeHyperlinkRightPadding {

 	color: #003366;

 	text-decoration: underline;

  	font-family: Arial, sans-serif;

  	font-size: 11px;

 	cursor:	default;

}

.fakeHyperlinkRightPaddingHover {

 	color:  #003366;

   	font-family: Arial, sans-serif;

  	font-size: 11px;

 	cursor:	default;

}

.fakeHyperlinkRightPaddingDown {

 	color:  #8C3D00;

  	font-family: Arial, sans-serif;

  	font-size: 11px;

 	cursor:	default;

}

.greenFill {
	background-color:	green;
}
.greenFrame {
	border: 1px solid	green;
}
.redFrame {
	border: 1px solid	red;
}
.gwt-PopupPanel {
  border: 3px solid black;
  padding: 3px;
  background: white;
  z-index: 75000000;
}
.draggableWindowEdge {
	background-color:	#CCCCCC;
	cursor: move;
}
.draggableWindowEdgeBlack {
	background-color:	black;
	cursor: move;
}
.gwt-TabBar {
}
.gwt-TabBar .gwt-TabBarFirst {
  width: 0px;  /* first tab distance from the left */
}
.gwt-TabBar .gwt-TabBarRest {
	border: 0px;

}
.gwt-TabBar .gwt-TabBarItem {
	margin-right: 2px;
	cursor: pointer;
}

.gwt-TabBar .gwt-TabBarItem-wrapper {
	vertical-align: middle;
 }
.gwt-TabBar .gwt-TabBarItem-selected {
	cursor: pointer;
	margin-right: 2px;

}

.labelPanel {
	border-bottom: 1px solid  #d7d7d7;
}
.labelPanel .gwt-Image { margin-bottom: 3px; }


.draggablePopUp{
  border: 1px solid #d7d7d7;
  padding-top:3px;
  padding-left:3px;
  padding-right:3px;
  background-color: white;
 }
 .draggableBlackPopUp{
  border: 1px solid #d7d7d7;
  padding-top:3px;
  padding-left:3px;
  padding-right:3px;
  background-color: black;
 }

.paddingTopBottom15{
	padding-top; 15px;
	padding-bottom: 15px;
	}

.overlayPanel { z-index: 1000000; background:#fff; filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75; }
.productDetailPopup {	z-index: 100001000; background-color: #fff;}
/***************end of product detail / shopping bag styles *******************/