html {margin: 0; padding: 0;}

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

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

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

/* Header Styles */
#etapAppHeader {height: 55px; margin: 0; padding: 0;}
#etapAppSiteTitle {float: left; text-align: left; margin: 0; padding: 0;}
#etapAppSiteTitle h1 a {color: #003366; text-decoration: none; font-size: 26px;}
#etapAppSiteTitle h1 a:hover {color: #003366; text-decoration: none;}

/* Mini Cart Styles */
#etapAppMiniCartInfo {float: right; margin: 0 5px 0 0; padding: 0;}
.etapAppMiniCartAmt {margin: 0 0 0 3px; padding: 0; font-size: 24px; color: #003366;}
.etapAppMiniCartText {margin: 0 0 0 0; padding: 0; font-size: 18px; color: #003366;}
#etapAppContainer p.etapMiniCartLinks {margin: 0 0 5px 0; padding: 0;}

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

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

/* Primary, Secondary, and Full Content Divs */
#etapAppMainContent {float: left; width: 530px; margin: 0 0 0 10px; padding: 0; background: #fff;}
#etapAppSideBarContent {float: left; width: 195px; margin: 0; padding: 0; border-right-width: 1px; border-right-style: solid; border-right-color: #0066CC;}
#etapAppFullContent {float: left; width: 740px; margin: 0; padding: 0;}

/* Menu Styles */
#etapAppContainer #etapMenu ul {list-style-type: none; margin: 0; padding: 0;}
#etapAppContainer #etapMenu ul li {text-align: left; margin: 0; padding: 2px 0 2px 0;}
#etapAppContainer #etapMenu ul li a {display: block; width: 175px; margin: 0; padding: 2px 15px 2px 0; color: #0066CC; font-size: 14px; font-weight: bold; text-decoration: none; letter-spacing: -1px; text-indent: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #3C89C8;}
#etapAppContainer #etapMenu ul li a:hover {color: #003366; text-decoration: none;}

/* General Page Styles */
#etapAppContainer a {color: #0066CC; text-decoration: none;}
#etapAppContainer a:hover {color: #003366; text-decoration: none;}
#etapAppContainer img {border: 0;}
#etapAppContainer hr {border: 1px solid #E0E7E0;}
#etapAppContainer h1 {margin: 0; padding: 10px 0 0 5px; color: #003366; font-weight: normal; font-size: 28px; letter-spacing: -2px;}
#etapAppContainer h2 {margin: 0 0 10px 0; color: #003366; font-weight: normal; font-size: 24px; letter-spacing: -1px;}
#etapAppContainer h3 {margin: 0 0 10px 0; color: #003366; font-weight: normal; font-size: 21px; letter-spacing: -1px;}
#etapAppContainer h4 {margin: 0 0 10px 0; color: #000000; font-weight: normal; font-size: 18px; letter-spacing: -1px;}
#etapAppContainer h5 {margin: 0 0 10px 0; color: #003366; font-weight: normal; font-size: 16px; letter-spacing: -1px;}
#etapAppContainer h6 {margin: 10px 0 10px 0; color: #003366; font-weight: normal; font-size: 14px; letter-spacing: -1px;}
#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;}
#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-color: #F3F5F3;}
#etapAppContainer td {padding: 2px;}
#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;}
#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: 10px 0 10px 0; padding: 0;}
#etapAppContainer .etapItemAdd a {margin: 0; padding: 2px 10px 2px 20px; background: #f5f5f5 url(../../images/cartAdd.gif) 3px 2px no-repeat; border-top: 1px solid #dedede; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; border-left: 1px solid #dedede; font-weight: bold; color: #3c89c8;}
#etapAppContainer .etapMiniCartLinks a {margin: 0; padding: 2px 10px 2px 10px; border-top: 1px solid #dedede; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; border-left: 1px solid #dedede; color: #fff; font-weight: bold; background-color: #0066CC;}

/* Page - category.php: Categories and Items */
#etapAppWelcomeMessage {}
#etapAppContainer #etapSearchContent {margin: 0; padding: 20px 0 10px 0;}
#etapAppContainer #etapSearchItems {margin: 0; padding: 0 5px 0 0;}
#etapAppContainer #etapSearchField {width: 100px;}
#etapAppContainer #etapSearchButton {}
#etapAppContainer #etapSearchResultStatus {}
#etapAppContainer .etapElementDivider {}
#etapAppContainer .etapSideBarHeader {text-transform: uppercase;}

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

#etapAppContainer #etapElementList .etapCategory {width: 100%; margin: 0 6px 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;}
#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 6px 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: 250px;}
#etapAppContainer #etapElementList .etapItemName {margin: 0; padding: 0; font-weight: bold;}
#etapAppContainer #etapElementList .etapItemDesc {margin: 0 0 10px 0; padding: 0;}
#etapAppContainer #etapElementList .etapItemLink {margin: 0; padding: 0;}
#etapAppContainer #etapElementList .etapItemInfo {float: right; margin: 15px 10px 0 0; padding: 0; width: 125px;}
#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 {margin: 0; padding: 0 5px 0 0; 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: 10px 0; padding: 0; text-align: left; border-bottom: 1px dashed #000;}
#etapAppContainer #etapInvalidQtyList .etapItemImage {float: left; margin: 0 10px 0 0; padding: 0; width: 104px;}
#etapAppContainer #etapInvalidQtyList .etapItemMain {float: left; margin: 0 10px 0 0; padding: 0; width: 305px;}
#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; padding: 5px; min-height: 150px; width: 300px; background-color: #e9f2f9;}
#etapAppContainer #etapInvalidQtyList .etapItemQtyInfoInvalid {float: left; margin: 0; padding: 5px; min-height: 150px; width: 300px; background-color: #cbe0f0;}
#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-left: 1px dashed #cbe0f0;}
#etapAppContainer .etapRegularItemPrice {margin: 10px 0 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 10px 0; padding: 0;}
#etapAppContainer .etapRegularItemQty {margin: 10px 0 10px 0; padding: 0;}
#etapAppContainer .etapRegularItemQtyRemaining {margin: 10px 0 10px 0; padding: 0;}
#etapAppContainer .etapRegularItemQtyRemainingLabel {}
#etapAppContainer .etapRegularItemQtyRemainingCount {}
#etapAppContainer .etapRegularItemSoldOut {margin: 10px 0 10px 0; padding: 0; font-weight: bold; color: #c00;}

/* Page - cart.php */

/* Page - checkout pages */
#etapCheckoutPayment {float: left; width: 47%; margin: 0; padding: 0;}
#etapCheckoutCart {float: right; width: 47%; margin: 0; padding: 0;}
#etapCheckoutBilling {float: left; width: 47%; margin: 0; padding: 0;}
#etapCheckoutBillingNoShipping {margin: 0; padding: 0;}
#etapCheckoutShipping {float: right; width: 47%; margin: 0; padding: 0;}
.etapShippingFree {color: #c00; font-weight: bold;}
.etapShippingOptions {}
.etapShippingIntnl {font-size: 10px;}
.etapPaymentMethod {}
.etapPaymentSectionShow {display: block;}
.etapPaymentSectionHide {display: none;}
.etapPaymentUnnecessary {color: #c00; margin: 10px 0 10px 0;}
#etapCheckoutConfirmation1 {float: left; width: 47%; margin: 0; padding: 0;}
#etapCheckoutConfirmation2 {float: right; width: 47%; margin: 0; padding: 0;}
#etapCheckoutQuestions {margin: 0; padding: 0;}
#etapItemQuestions {margin: 0; padding: 0;}
.etapItemQuestionSection {margin: 15px 0 5px 0; padding: 2px; border: 1px solid #1b325f; overflow: hidden;}
.etapItemQuestionHeader {margin: 0 0 5px 0; padding: 4px; background-color: #1b325f;}
.etapItemQuestionTitle {color: #fff; font-weight: bold;}
.etapItemQuestionBody {margin: 0; padding: 0 5px 0 5px;}
#etapEftFields {}
#etapCreditCardFields {}
#etapProcessingAlert {margin: 35px 0 30px 0; padding: 0; font-size: 12px; font-weight: bold;}
#etapProcessingAlert img {vertical-align: middle; margin: 0; padding: 0 0 3px 0;}
#etapSecurityLogo {float: left; margin: 0 0 10px 0; padding: 0; width: 30%;}
#etapCheckoutLinks {float: right; margin: 0; padding: 20px 0 0 0; width: 65%; text-align: right;}

/* Form styles */
#etapAppContainer form {margin: 0; padding: 0;}
#etapAppContainer .etapFieldset {padding: 0 7px; margin: 7px 0; border: 1px solid #E0E7E0;}
#etapAppContainer .etapLegend {color: #003366; 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: 75px;}
#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 0 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 {width: 240px; float: left;}
#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: #eee;}
#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;}