/* Ecommerce */
/*****************************************
general ecommerce (changed all)
******************************************/
a.ecommerceSignUpLink {text-decoration: underline;}
.ecommerceErrorBox{border: 1px solid #ff5555; background-color: #ffd2c2; color: #ff0000; padding: 5px;}
.ecommerceSuccessBox{border: 1px solid green; background-color: #d6eec1; color: green; padding: 5px;}
.recommendedAcessoriesTitle {font-weight: bold; font-size: 16px; margin: 20px 0px;}

/*****************************************
general store (changed all)
*******************************************/
div.ecommerceNavigation {border-bottom: 1px solid #dddddd; color: #15820c; font-size: 16px; font-weight: bold; margin-bottom: 10px; padding: 3px 0px; padding-bottom: 10px;}
div.ecommerceNavigation > a {text-decoration: underline;}

/*****************************************
categorylisting (changed all)
******************************************/
div#shell > div#ecommerce-content + table[border] {table-layout: fixed; width: 100%;}
div#shell > div#ecommerce-content + table[border] > tbody > tr > td:first-child {width: 100px !important; height: auto !important; padding-bottom: 10px; padding-right: 10px !important;}
div#shell > div#ecommerce-content + table[border] > tbody > tr > td:first-child img {width: 100px;}
a.categoryListingParent {background-color: #ffffdd; border-bottom: 1px solid #dddddd; display: block; margin-bottom: -13px; margin-top: 10px; padding: 8px 0px; font-weight: bold;}
table > tbody > tr:first-child > td > a.categoryListingParent {margin-top: 0px;}
a.categoryListingParent, a.categoryListingChild {text-decoration: none;}
a.categoryListingParent:hover, a.categoryListingChild:hover {text-decoration: underline;}

/***********************************************
itemlisting (changed all)
*************************************************/
table.itemListingTable {width: 100%; margin-left: 4px; margin-right: 4px; margin-top: 3px;}
select.itemsPerPageSelect {}
table.itemListingDetailTable {border-top: 1px solid #dddddd; empty-cells: show; margin-top: 10px; table-layout: fixed; width: 100%;}
table.itemListingDetailTable > tbody > tr > td {padding: 10px 2px;}
td.itemListingDetailImage {text-align: center; width: 90px;}
td.itemListingDetailImage > img {background-color: white; border: 1px solid #dddddd; padding: 3px;}
td.itemListingDetail1 {width: 225px;}
td.itemListingDetail2 {font-size: 12px; font-weight: bold;}
td.itemListingDetail3 {}
.youPayText{color: red;}

/*****************************************************
itemdetail (changed all)
******************************************************/
div.itemDetailPrototypeName {background-color: #ffffdd; border-bottom: 1px solid #dddddd; font-size: 16px; margin-bottom: 10px; padding: 10px;}
.itemDetailName {}
.itemDetailLocationHeader {font-weight: bold;}
.itemDetailLocation {}
div.itemDetailVendorHeader {padding: 10px 5px 5px 15px;}
div.itemDetailVendor {padding: 0px 0px 10px 11px;}
div.itemDetailDescriptionHeader {font-weight: bold; margin: 10px 5px 5px 15px;}
div.itemDetailDescription {margin-left: 20px; margin-right: 10px;}
div.itemDetailRestrictionHeader {font-weight:bold; padding: 10px 5px 5px 15px;}
div.itemDetailRestriction {margin-left: 20px;}
div.itemDetailSuggestedPrice {font-size: 12px; font-weight: bold; margin-left: 10px;}
div.itemDetailPrice {color: #cd2020; font-size: 12px; font-weight: bold; margin-left: 10px;}
div.itemDetailQuantity {margin-right: 20px; text-align: right;}
input.itemDetailQuantityInput {margin-top: 10px; width: 30px;}
div.itemDetailQuantity + div {text-align: right !important; margin-right: 10px; width: auto !important;}
table.itemDetailTable {width: 100%;}
table.itemDetailTable > tbody > tr > td {vertical-align: top;}
td.itemDetailLeftColumn {padding-right: 10px; text-align: center;}
td.itemDetailRightColumn {border: 1px solid #dddddd; padding-bottom: 10px;}
a[href='javascript:history.go(-1);'] {padding: 10px; text-decoration: underline;}
div.itemDetailHorizontalRule {border-top: 1px solid #dddddd; height: 0px; margin: 5px 10px;}

/*********************************************************
cart (changed partially)
**********************************************************/
table.cartCheckoutTable {empty-cells: show; width: 100%;}
table.cartCheckoutTable > tbody > tr[class] > td {border-top: 1px solid #dddddd; padding: 10px 0px;}
table.cartCheckoutTable > tbody > tr:first-child > td {background-color: #ffffdd; border-top: 1px solid #dddddd; padding: 10px 3px;}
.cartCheckoutRowDark {background-color: #eeeeee;}
.cartCheckoutRowLight {background-color: white;}
div.cartTitleBar {color: #15820c; font-size: 16px; font-weight: bold;}
div#shell > div.cartTitleBar ~ div {height: auto !important;}
div.promocode {margin-bottom: 20px;}
div.promocode > input {vertical-align: middle;}
td.determinedatco {width: 70px;}
img[alt='Click Here to Check Out'] {margin-top: 30px;}

/* not touched */
.cartCustomerHighlight {color: green;}
a:LINK.cartLoggedInAsBarLinks, a:VISITED.cartLoggedInAsBarLinks {color: #000000; font-style: italic; font-weight: bold;}
a:hover.cartLoggedInAsBarLinks {color: #000000; font-style: normal; font-weight: bold;}
.cartErrorbox {border: 1px solid #ff5555;background-color: #FFD2C2;color: #ff0000;}
table.cartCommentsArea {display: none; margin: auto;}
.cartCommentsTextArea {width: 300px; height: 75px;}
div.cartCommentsMessage {text-align: left; margin-right: auto;}

/***********************************************************
login (changed all)
************************************************************/
.loginFormEnabledPasswordField {margin-top: 10px;}
.loginFormDisabledPasswordField {background-color: #cccccc; border: 1px solid #7f9db9; padding: 1px; margin-top: 10px;}
.loginFormContainer {margin: auto;}
td.loginFormLabel {font-size: 16px; font-weight: bold; height: 30px; line-height: 30px; padding-right: 30px; vertical-align: middle;}
td.loginFormValue {vertical-align: middle; text-align: left;}
input.loginFormLoginButton {padding: 2px 10px; margin-bottom: 10px;}
table.loginFormContainer > tbody > tr:first-child > td {background-color: #ffffdd; border-bottom: 1px solid #dddddd;}

/***********************************************************
CUSTOMER SIGNUP (changed all)
************************************************************/
.signUpLabelCell, .signUpLabelCell2 {text-align:right;}
.signUpCellTopBottom {color: #15820c; font-size: 16px; font-weight: bold; padding: 10px; text-align: center;}
.signUpErrorBox {border: 1px solid #ff5555; background-color: #ffd2c2; color: #ff0000; padding: 5px;}
table.signUpTable input[type=text],
table.signUpTable input[type=password] {border: 1px solid #cccccc; margin: 2px 0px; padding: 5px 0px; width: 200px;}
table.signUpTable select {width: 202px;}
td.signUpCellTopBottom > input {padding: 2px 10px;}

/************************************************************
FORGOT PASSWORD (changed all)
*************************************************************/
td.forgotPasswordLabel {font-size: 16px; font-weight: bold; height: 30px; line-height: 30px; padding-right: 30px; vertical-align: middle;}
td.forgotPasswordValue {vertical-align: middle; text-align: left;}
table.forgotPasswordTable > tbody > tr:first-child > td {background-color: #ffffdd; border-bottom: 1px solid #dddddd;}
input.forgotPasswordLoginButton {margin-top: 10px; padding: 2px 10px;}

/*************************************************************
CHECKOUT
**************************************************************/
.checkoutLabel {text-align:right;vertical-align:top;}
.checkoutValue {}
.checkoutSummaryTable {}

.ordertable {width: 100%;}

/*************************************************************
AUCTION
**************************************************************/
.auctionItemLabel {font-weight:bold;text-align:left;}
.auctionItemValue {text-align:left;}

/**************************************************************
MY ACCOUNT
***************************************************************/
.myAccountLabel {vertical-align:top;text-align:right;}
.myAccountValue {}
