html {margin: 0; padding: 0;}

body {background: #8c817d; margin: 0; padding: 0; font-family: Verdana,Tahoma,sans-serif; font-size: 12px;}

/* Outermost Div */
#etapPageContainer {margin: 0; padding: 0;}

/* Main Container Div */
#etapAppContainer {margin: 0 auto; width: 770px; text-align: center;}

/* Header Styles */
#etapAppHeader {float: left; height: 140px; width: 770px; margin: 20px 0 0 0; padding: 0; background: url(../../images/float/header.gif) no-repeat;}
#etapAppSiteTitle {text-align: center; margin: 65px 0 0 0; padding: 0;}
#etapAppSiteTitle h1 a {color: #fff; text-decoration: none;}
#etapAppSiteTitle h1 a:hover {color: #fff; text-decoration: none;}

/* Main Content Div */
#etapAppContent {float: left; width: 770px; margin: 0; padding: 0; background: none; text-align: left; min-height: 500px;}

/* Div for  */
#etapAppContentMat {float: left; width: 750px; margin: 0 10px 0 10px; padding: 0; background: #fff;}

/* Primary, Secondary, and Full Content Divs */
#etapAppMainContent {float: left; width: 500px; margin: 0; padding: 0 10px 0 10px; background: #fff; min-height: 500px;}
#etapAppSideBarContent {float: left; width: 220px; margin: 0 0 0 10px; padding: 0; background: #fff; min-height: 300px;}
#etapAppFullContent {float: left; width: 740px; margin: 0; padding: 10px 10px 0 10px; background: #fff; min-height: 500px;}

/* Mini Cart Styles */
#etapAppMiniCartInfo {float: right; margin: 7px 20px 0 0; padding: 0;}
.etapAppMiniCartAmt {margin: 0 0 0 10px; padding: 0; font-size: 16px; font-weight: bold; color: #e9842a;}
.etapAppMiniCartText {margin: 0; padding: 0; color: #e9842a;}
#etapAppContainer p.etapMiniCartLinks {margin: 0 0 10px 10px; padding: 0; color: #e9842a;}

/* Menu Styles */
#etapAppContainer #etapMenu ul {list-style-type: none; margin: 0 0 10px 0; padding: 0;}
#etapAppContainer #etapMenu ul li {text-align: left; margin: 0; padding: 2px 0 2px 5px;}
#etapAppContainer #etapMenu ul li a {display: block; width: 175px; margin: 0; padding: 2px 15px 2px 0; color: #00acbf; font-size: 12px; font-weight: normal; text-decoration: underline;}
#etapAppContainer #etapMenu ul li a:hover {color: #e9842a; text-decoration: underline;}

/* General Page Styles */
#etapAppContainer a {color: #00acbf; text-decoration: underline;}
#etapAppContainer a:hover {color: #e9842a; text-decoration: underline;}
#etapAppContainer img {border: 0;}
#etapAppContainer hr {border: 1px solid #eee;}
#etapAppContainer h1 {margin: 0; padding: 0 0 10px 0; color: #fff; font-weight: normal; font-size: 28px;}
#etapAppContainer h2 {margin: 0 0 10px 0; color: #1b325f; font-weight: normal; font-size: 24px;}
#etapAppContainer h3 {margin: 0 0 10px 0; color: #1b325f; font-weight: normal; font-size: 21px;}
#etapAppContainer h4 {margin: 0 0 10px 0; color: #f3be5e; font-weight: normal; font-size: 18px;}
#etapAppContainer h5 {margin: 0 0 10px 0; color: #1b325f; font-weight: normal; font-size: 16px;}
#etapAppContainer h6 {margin: 10px 0 10px 0; color: #1b325f; font-weight: normal; font-size: 14px;}
#etapAppContainer p {margin: 0 0 15px 0; line-height: 14pt;}

/* General Cart Styles */
#etapAppContainer .etapLinkSmall {font-size: 10px; font-weight: normal;}
#etapAppContainer #etapPageTitle {margin: 0 0 10px 0; padding: 0; font-size: 16px; font-weight: bold; color: #e9842a;}
#etapAppContainer #etapMiniCartTitle {margin: 0 0 13px 0; padding: 0; font-size: 14px; font-weight: bold;}
#etapAppContainer #etapPageMessage {margin: 0; padding: 0;}
#etapAppContainer .etapBreadcrumbs {font-size: 10px; margin: 0 0 10px 0; padding: 0;}
#etapAppContainer #etapPagingStatus {float: left; font-size: 10px; margin: 0 0 20px 0; padding: 0;}
#etapAppContainer #etapPagingControls {float: right; font-size: 10px; margin: 0 0 20px 0; padding: 0;}

/* Table Styles */
#etapAppContainer tr.etapHeaderRow {font-weight: bold; vertical-align: bottom;}
#etapAppContainer tr.etapOddRow {background: #eee;}
#etapAppContainer tr.etapEvenRow {background: #fff;}
#etapAppContainer .etapCartTable {width: 100%;}
#etapAppContainer .etapCartTable input {margin: 0 0 5px 0; padding: 0;}
#etapAppContainer .etapCartTable .etapItemRow td {padding: 10px 4px; vertical-align: top; border-bottom: 1px dashed #e9842a;}
#etapAppContainer .etapCartTable .etapHeaderRow td {border-bottom: 1px dashed #e9842a;}
#etapAppContainer .etapCartTable p {margin: 0; line-height: 14pt;}
#etapAppContainer .etapCartTable img {margin: 0; padding: 0 5px 0 0;}
#etapAppContainer .etapMiniCartTable {width: 100%;}
#etapAppContainer .etapMiniHistoryTable {width: 100%;}

/* Button Styles */
#etapAppContainer .etapItemAdd {margin: 5px 0 10px 0; padding: 0 0 10px 0;}
#etapAppContainer .etapItemAdd a {margin: 10px 0; padding: 2px 0 2px 17px; color: #00acbf; background: url(../../images/cartAdd.gif) 3px 2px no-repeat; overflow: auto;}
#etapAppContainer .etapItemAdd a:hover {margin: 10px 0; padding: 2px 0 2px 17px; color: #e9842a; background: url(../../images/cartAdd.gif) 3px 2px no-repeat;}

#etapAppContainer .etapCheckoutLink a {margin: 0; padding: 0; color: #00acbf; text-decoration: underline;}
#etapAppContainer .etapCheckoutLink a:hover {margin: 0; padding: 0; color: #e9842a; text-decoration: underline;}

/* Page - category.php: Categories and Items */
#etapAppWelcomeMessage {}
#etapAppContainer .etapSideBarHeader {margin: 0 0 5px 0; padding: 0 0 0 5px; color: #e9842a; font-weight: normal; font-size: 18px; letter-spacing: -1px; border-bottom: 1px dashed #e9842a;}

#etapAppContainer #etapSearchContent {margin: 0; padding: 0 0 10px 0;}
#etapAppContainer #etapSearchItems {margin: 0; padding: 0 5px;}
#etapAppContainer #etapSearchField {margin: 5px 0 0 0; padding: 0; width: 180px;}
#etapAppContainer #etapFindLink {}
#etapAppContainer #etapSearchResultStatus {}
#etapAppContainer .etapElementDivider {}

#etapAppContainer #etapElementList {margin: 0; padding: 0; list-style-type: none; clear: both;}

#etapAppContainer #etapElementList .etapCategory {width: 100%; margin: 0 0 20px 0; padding: 0; text-align: left;}
#etapAppContainer #etapElementList .etapCategoryImage {float: left; margin: 0 10px 0 0; padding: 0; width: 104px;}
#etapAppContainer #etapElementList .etapCategoryMain {float: left; margin: 0 10px 0 0; padding: 0; width: 350px;}
#etapAppContainer #etapElementList .etapCategoryName {margin: 0; padding: 0; font-weight: bold; font-size: 14px;}
#etapAppContainer #etapElementList .etapCategoryCount {}
#etapAppContainer #etapElementList .etapCategoryDesc {margin: 0 0 10px 0; padding: 0;}
#etapAppContainer #etapElementList .etapCategoryLink {margin: 0; padding: 0;}

#etapAppContainer #etapElementList .etapItem {width: 100%; margin: 0 0 20px 0; padding: 0; text-align: left;}
#etapAppContainer #etapElementList .etapItemImage {float: left; margin: 0 10px 0 0; padding: 0; width: 104px;}
#etapAppContainer #etapElementList .etapItemMain {float: left; margin: 0 10px 0 0; padding: 0; width: 260px;}
#etapAppContainer #etapElementList .etapItemName {margin: 0; padding: 0; font-weight: bold;}
#etapAppContainer #etapElementList .etapItemDesc {margin: 0 0 10px 0; padding: 0; line-height: 1.4;}
#etapAppContainer #etapElementList .etapItemLink {margin: 0; padding: 0; line-height: 1.4;}
#etapAppContainer #etapElementList .etapItemInfo {float: right; margin: 0; padding: 0; width: 115px; text-align: right;}
#etapAppContainer #etapElementList .etapItemPrice {margin: 0 0 5px 0; padding: 0; font-weight: bold;}
#etapAppContainer #etapElementList .etapItemPriceLabel {}
#etapAppContainer #etapElementList .etapItemPricePay {}
#etapAppContainer #etapElementList .etapItemPriceFree {color: #c00;}
#etapAppContainer #etapElementList .etapItemPriceRetail {text-decoration: line-through;}
#etapAppContainer #etapElementList .etapItemPriceDiscount {color: #c00;}
#etapAppContainer #etapElementList .etapItemSoldOut {font-weight: bold; color: #c00;}

#etapAppContainer .etapInvalidQtyMessage {color: #c00; margin: 0 0 5px 0;}
#etapAppContainer #etapInvalidQtyList {margin: 0; padding: 0; list-style-type: none;}

#etapAppContainer #etapInvalidQtyList .etapItem {width: 100%; margin: 20px 0 10px 0; padding: 0; text-align: left; border-bottom: 1px dashed #e9842a;}
#etapAppContainer #etapInvalidQtyList .etapItemImage {float: left; margin: 0 10px 0 0; padding: 0; width: 104px;}
#etapAppContainer #etapInvalidQtyList .etapItemMain {float: left; margin: 0; padding: 0; width: 376px;}
#etapAppContainer #etapInvalidQtyList .etapItemName {margin: 0 0 10px 0; padding: 0; font-size: 14px; font-weight: bold;}
#etapAppContainer #etapInvalidQtyList .etapItemQty {margin: 0 0 10px 0; padding: 0;}
#etapAppContainer #etapInvalidQtyList .etapItemDesc {margin: 0 0 10px 0; padding: 0;}
#etapAppContainer #etapInvalidQtyList .etapItemPrice {margin: 0 0 10px 0; padding: 0;}
#etapAppContainer #etapInvalidQtyList .etapItemPriceLabel {}
#etapAppContainer #etapInvalidQtyList .etapItemPricePay {}
#etapAppContainer #etapInvalidQtyList .etapItemPriceFree {color: #c00;}
#etapAppContainer #etapInvalidQtyList .etapItemQtyInfoValid {float: left; margin: 0 0 10px 0; padding: 5px; width: 98%; background-color: #ffc;}
#etapAppContainer #etapInvalidQtyList .etapItemQtyInfoInvalid {float: left; margin: 0 0 10px 0; padding: 5px; width: 98%; background-color: #ffc;}
#etapAppContainer #etapInvalidQtyList .etapItemQtyInfoStatus {margin: 0; padding: 0; font-weight: bold;}
#etapAppContainer #etapInvalidQtyList .etapItemQtyInfoStatusWarning {color: #c00;}
#etapAppContainer #etapInvalidQtyList .etapItemQtyInfoComments {margin: 15px 0; padding: 0;}
#etapAppContainer #etapInvalidQtyList .etapItemQtyInfoFields {margin: 0 0 0 5px; padding: 0;}
#etapAppContainer #etapInvalidQtyList .etapItemQtyInfoQty {margin: 5px 0 5px 25px; padding: 0; display: none;}

/* Page - item.php */
#etapAppContainer .etapRegularItemImage {float: right; margin: 0 0 0 15px; padding: 0 0 0 15px; border: none;}
#etapAppContainer .etapRegularItemPrice {margin: 10px 0; padding: 0; font-size: 14px; font-weight: bold;}
#etapAppContainer .etapRegularItemPrice .pay {}
#etapAppContainer .etapRegularItemPrice .free {color: #c00;}
#etapAppContainer .etapRegularItemPrice .retail {text-decoration: line-through;}
#etapAppContainer .etapRegularItemPrice .discount {color: #c00;}
#etapAppContainer .etapRegularItemDesc {margin: 10px 0; padding: 0;}
#etapAppContainer .etapRegularItemQty {margin: 10px 0; padding: 0;}
#etapAppContainer .etapRegularItemQtyRemaining {margin: 10px 0; padding: 0;}
#etapAppContainer .etapRegularItemQtyRemainingLabel {}
#etapAppContainer .etapRegularItemQtyRemainingCount {}
#etapAppContainer .etapRegularItemSoldOut {margin: 10px 0; padding: 0; font-weight: bold; color: #c00;}

/* Page - checkout pages */
#etapCheckoutPayment {margin: 0; padding: 0;}
#etapCheckoutCart {margin: 0; padding: 0;}
#etapCheckoutBilling {margin: 0; padding: 0;}
#etapCheckoutBillingNoShipping {margin: 0; padding: 0;}
#etapCheckoutShipping {margin: 0; padding: 0;}
.etapShippingFree {color: #c00; font-weight: bold;}
.etapShippingOptions {}
.etapShippingIntnl {padding: 10px 0 0 0; font-size: 10px;}
.etapPaymentMethod {}
.etapPaymentSectionShow {display: block;}
.etapPaymentSectionHide {display: none;}
.etapButtonName {color: #e9842a;}
.etapSecureCheckoutFirstMessage {margin: 10px 0; color: #00acbf; font-weight: bold; line-height: 20px;}
.etapSecureCheckoutFinalMessage {margin: 5px 0 0 3px; color: #00acbf; font-weight: bold; line-height: 20px;}
.etapPaymentUnnecessary {margin: 10px 0; padding: 0; color: #c00;}
#etapCheckoutConfirmation1 {margin: 0; padding: 0;}
#etapCheckoutConfirmation2 {margin: 0; padding: 0;}
#etapCheckoutQuestions {margin: 0; padding: 0;}
#etapItemQuestions {margin: 0; padding: 0;}
.etapItemQuestionSection {margin: 15px 0 5px 0; padding: 2px; overflow: hidden;}
.etapItemQuestionHeader {margin: 0 0 5px 0; padding: 4px; background-color: #00acbf;}
.etapItemQuestionTitle {color: #fff; font-weight: bold;}
.etapItemQuestionBody {margin: 0; padding: 0 5px;}
#etapEftFields {}
#etapCreditCardFields {}
#etapProcessingAlert {margin: 35px 0 30px 0; font-size: 12px; font-weight: bold;}
#etapProcessingAlert img {vertical-align: middle; margin: 0; padding: 0 0 3px 0;}
#etapCheckoutLinks {float: right; width: 65%; text-align: right; padding: 20px 0 0 0;}
#etapTaxHeaderMessage {margin: 0 0 10px 0; text-align: left; font-size: 10px;}
#etapTaxFooterMessage {margin: 0 0 10px 0; text-align: right; font-size: 10px;}
.noWrap { white-space: nowrap; }
.normalWrap { white-space: normal; }

/* Form styles */
#etapAppContainer form {margin: 0; padding: 0;}
#etapAppContainer .etapFieldset {padding: 5px 7px; margin: 7px 0; border: 1px solid #c2612d;}
#etapAppContainer .etapLegend {color: #000000; font-weight: bold; font-size: 14px;}
#etapAppContainer .etapFormLabel {color: #000000; font-weight: bold; display: block;}
#etapAppContainer .eTapFormField {margin: 10px 0; padding: 0; clear: both; overflow: hidden;}
#etapAppContainer .etapTipText {font-size: 10px; font-weight: normal;}
#etapAppContainer .etapTextField {margin: 0; padding: 0; width: 250px;}
#etapAppContainer .etapTextFieldSmall {margin: 0; padding: 0; width: 75px;}
#etapAppContainer .etapQtyField {margin: 0; padding: 0; width: 30px;}
#etapAppContainer .etapAmountField {margin: 0; padding: 0; width: 55px;}
#etapAppContainer .etapAddressTextArea {margin: 2px 0 5px 0; padding: 0; width: 250px; height: 40px;}
#etapAppContainer .etapCommentsTextArea {margin: 2px 0 5px 0; padding: 0; width: 250px; height: 100px;}
#etapAppContainer .etapOptionSelectBox {margin: 2px 0 5px 0; padding: 0;}
#etapAppContainer .etapCheckbox {}
#etapAppContainer .etapSubmitBar {margin: 20px 0; padding: 0; text-align: right;}
#etapAppContainer .etapRequiredField {font-size: 12px; color: #c00;}
#etapAppContainer .etapQuestionTextField {margin: 0; padding: 0; width: 250px;}
#etapAppContainer .etapQuestionTextArea {margin: 2px 0 5px 0; padding: 0; width: 450px; height: 100px;}
#etapAppContainer .etapQuestionOptionSelectBox {margin: 2px 0 5px 0; padding: 0;}
#etapAppContainer .etapQuestionMultiSelectHorizontal {float: left; margin: 0 5px 0 0; padding: 0; width: 235px;}
#etapAppContainer .etapQuestionCheckbox {}

#etapQuantityUpdatePrompt {margin: 15px 10px; padding: 0;}
#etapQuantityUpdatePrompt #etapPromptQuestion {margin: 0 0 20px 0; padding: 0; font-size: 12px; font-weight: bold;}
#etapQuantityUpdatePrompt #etapPromptAnswers {}

#etapAppContainer #etapCartSummaryInfo {margin: 20px 0;  padding: 0; text-align: right;}
#etapAppContainer #etapCartSummaryInfo #etapItemTotal {margin: 0 5px 0 0; padding: 0; font-size: 16px; letter-spacing: -1px;}
#etapAppContainer #etapCartSummaryInfo #etapItemTotal label {margin: 0 5px 0 0; padding: 0; font-weight: bold;}

#etapAppContainer .etapItemRetailPrice {margin: 0; padding: 0 0 5px 0; text-decoration: line-through;}
#etapAppContainer .etapItemDiscountPrice {color: #c00;}
#etapAppContainer .etapItemDiscount {margin: 0; padding: 20px 0 0 0; color: #c00;}
#etapAppContainer .etapItemPromoCode {margin: 0; padding: 10px 0 0 0; color: #c00;}
#etapAppContainer #etapCartPromoCodes {margin: 0; padding: 10px; background: #ffc;}
#etapAppContainer #etapCartPromoCodes #etapNewPromoCode label {font-weight: bold;}
#etapAppContainer #etapCartPromoCodes #etapNewPromoCode .etapPromoCodeField {margin: 0; padding: 0; width: 100px;}
#etapAppContainer #etapCartPromoCodes #etapExistingPromoCodes {padding: 15px 0 0 0;}
#etapAppContainer #etapCartPromoCodes #etapExistingPromoCodes label {text-decoration: underline;}
#etapAppContainer #etapCartPromoCodes #etapExistingPromoCodes .etapRemovePromoCode {text-decoration: none;}
#etapAppContainer #etapCartPromoCodes #etapExistingPromoCodes ul {list-style-type: none; margin: 0; padding: 0;}
#etapAppContainer #etapCartPromoCodes #etapExistingPromoCodes ul li {margin: 0; padding: 10px 0 0 0;}
#etapAppContainer #etapCartPromoCodes #etapExistingPromoCodes .etapPromoCode {margin: 0; padding: 0 5px; color: #c00; font-weight: bold;}

#etapAppContainer #etapCheckoutCart .retail {margin: 0; padding: 0 5px 0 0; text-decoration: line-through;}
#etapAppContainer #etapCheckoutCart .discount {color: #c00;}

#etapAppContainer #etapCartClosingLinks {margin: 30px 0 0 0; padding: 0;}
#etapAppContainer #etapCartClosingLinks #inactionLinks {float: left; width: 33%;}
#etapAppContainer #etapCartClosingLinks #actionLinks {float: right; margin: 0 0 10px 0; padding: 0; width: 66%; text-align: right;}

#etapAppContainer .clear {margin: 0; padding: 0; clear: both;}
#etapAppContainer .orMargin {margin: 0 5px; padding: 0;}
#etapAppContainer .discountTotal {color: #c00;}
#etapAppContainer .discountTotalLabel {margin: 0; padding: 0 5px 0 0; font-weight: bold;}

#etapAppContainer label.error {margin: 5px 0; padding: 2px 5px; color: #c00; font-weight: bold; display: block; border: 1px dotted #c00; overflow: hidden;}
#etapAppContainer #emptyFieldsMessage {margin: 0 0 10px 0; padding: 12px 10px 0 10px; color: #c00; font-weight: bold; border: 1px solid #c00;}
#etapAppContainer #etapInappropriateCode {margin: 0 0 10px 0; padding: 12px 10px; color: #c00; font-weight: bold; border: 1px solid #c00;}