/* ===== TAGS ===== */
HTML { height: 100%; margin-bottom: 1px; }
BODY { background: #fff; margin: 0; padding: 0; }
BODY, TH, TD, INPUT, SELECT, TEXTAREA {

color:#6E4036;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
 }
INPUT.inputbox { padding-left: 3px; padding-right: 3px; border: 1px solid #000; }
SELECT { border: 1px solid #000; }
TEXTAREA { width: 100%; border: 1px solid #000; overflow: auto; }
FORM { margin: 0; padding: 0; }
IMG { border: none; }

/* ===== TITLE ===== */
/* TD.pageHeading H1 { margin: 0; padding: 0; color: #9a9a9a; font-size: 18px; font-family: Arial, sans-serif; font-weight: bold; line-height: normal; } */
TD.pageHeading H1 {
color:#6E4036;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:18px;
font-weight:bolder;
line-height:18px;
}

TD.p_infoheader H1 {
color:#6E4036; 
font-family:Georgia,"Times New Roman",Times,serif; 
font-size:18px; 
font-weight:bolder; line-height:18px; 
}

TD.pageHeading .price { margin-right: 10px; font-size: 18px; font-weight: bold; text-align: right; line-height: normal; }
H2 { margin: 0; padding: 2px 5px; background-color: #52B3E0; color: #fff; font-size: 12px; font-weight: bold; line-height: normal; }
H3 { margin: 0 0 10px; padding: 0; color: #000; font-size: 12px; font-weight: bold; line-height: normal; }
TD.subHeading { background-color: #52B3E0;  padding: 2px 6px; }
TD.subHeading H3 { margin: 0; padding: 0; color: #fff; font-size: 12px; font-weight: bold; line-height: normal; }
H3.subHeading { margin: 0; padding: 2px 6px; background-color: #52B3E0; color: #fff; font-size: 12px; font-weight: bold; line-height: normal; }
.subHeading H3 A, H3.subHeading A { margin-left: 15px; color: #fff; font-size: 11px; font-weight: normal; }
H4 {color:#6E4036; font-family:Georgia,"Times New Roman",Times,serif; font-size:18px; font-weight:bolder; line-height:18px; }
P { margin: 10px 0; }
OL, UL { margin-top: 10px; margin-bottom: 10px; }
A { color: #6E4036; text-decoration: none; outline: none; }

A:hover { color: #7890c1;  }
A.thickbox {text-decoration:none;}
/* ===== LAYOUT ===== */
#page { width: 975px; padding: 0px 0px 30px 10px; }
#columnLeft, #columnRight { width: 185px; vertical-align: top; }
#columnLeft TD, #columnRight TD { font-size: 10px; }
#content { padding: 2px 20px 0; vertical-align: top; line-height: 16px; }


/* ===== HEADER ===== */
#header { ;}
#header H2.logo { float: left; width: 300px; background: url(images/pixel_trans.gif) no-repeat left top; margin: 0; padding: 0; text-indent: -5000px; }
#header H2.logo A { display: block; height: 120px; }

DIV.headerError, DIV.headerInfo { margin: 10px 0; padding: 5px 10px; font-weight: bold; text-align: center; }
DIV.headerError { background-color: #EA2247; color: #fff; }
DIV.headerInfo { background: #ffe78d; color: #000; }


/* ===== FOOTER ===== */
#footer { margin-top: 30px; font-size: 10px; text-align: center; }
#footer .bnr { margin-top: 20px; }
#footer .tblDate TD { background-color: #52B3E0; padding: 3px 10px; color: #fff; font-size: 10px; font-weight: bold; }


/* ===== MENU ===== */
#menuTop { float: right; margin-top: 10px; }

#navBar {float:right;width:800px;height: 20px; margin-bottom: 10px; padding: 0 10px; color: #fff; line-height: 20px; }
#navBar A { color: #52B3E0; }
#navBar A:hover { text-decoration: none; }
#navBar .breadcrumb { float: left; font-weight:bold;}
#navBar #menuMain { float: right; }
#navBar #menuMain A { font-weight: bold; }


/* ===== BOX ===== */
TABLE.infoBoxHeading { background-color: #52B3E0; }
TABLE.infoBoxHeading H3 { margin: 0; padding: 0; color: #fff; font-size: 11px; font-weight: bold; }
TABLE.infoBox { background-color: #f8f8f9; border: 1px solid #b6b7cb; }
TABLE.infoBox TABLE.infoBoxContents {width:170px; margin: 8px auto; }
TABLE.infoBoxFooter TD { height: 5px; font-size: 0 !important; }

TABLE.contentBoxHeading { background-color: #52B3E0; }
TABLE.contentBoxHeading H2 { margin: 0; padding: 0; color: #fff; font-size: 12px; font-weight: bold; }
TABLE.contentBox {  border: 0px; }
TABLE.contentBox TABLE.contentBoxContents {margin: 8px auto; }
TABLE.contentBoxFooter { display: none; }

TR.accountHistory-odd TD, 
TR.addressBook-odd TD, 
TR.alsoPurchased-odd TD, 
TR.payment-odd TD, 
TR.productListing-odd TD, 
TR.productReviews-odd TD, 
TR.upcomingProducts-odd TD, 
TR.shippingOptions-odd TD { background-color: #f8f8f8; }

TR.accountHistory-even TD, 
TR.addressBook-even TD, 
TR.alsoPurchased-even TD, 
TR.payment-even TD, 
TR.productListing-even TD, 
TR.productReviews-even TD, 
TR.upcomingProducts-even TD, 
TR.shippingOptions-even TD { background-color: #f0f0f0; }

/* shopping cart */
TD.cart-heading { background-color: #52B3E0; padding: 2px 10px 2px 5px; color: #fff; font-size: 10px; font-weight: bold; }
TD.productCart-data { padding: 8px; vertical-align: top; border-bottom: 1px solid #ccc; }
TD.subTotal { background-color: #52B3E0; padding: 2px 10px; font-size: 12px; font-weight: bold; text-align: right; }
SPAN.newItemInCart { font-size: 10px; color: #ff0000; }

/* product list */
TABLE.productListing { border: 1px; border-style: solid; border-color: #b6b7cb; border-spacing: 1px; }
.productListing-heading { font-size: 10px; background: #52B3E0; color: #fff; font-weight: bold; }
TD.productListing-data { font-size: 10px; }


/* ===== BLOCK ===== */
TD.buttonBar { background-color: #f8f8f9; padding: 5px; border: 1px solid #b6b7cb; }
TD.buttonBar TD { font-size: 10px; line-height: normal; }

.contentBlk { background-color: #f8f8f9; padding: 10px; border: 1px solid #b6b7cb; }
.contentBlkT { }
.contentBlkB { }

TD.loginBtn { background-color: #f8f8f9; padding: 10px; border: 1px solid #b6b7cb; border-top: none; }

.infoBlkFloat { float: right; width: 40%; background-color: #f8f8f9; margin: 0 0 10px 10px; padding: 10px; border: 1px solid #b6b7cb; }

TD.noteBlkT { font-size: 10px; }
TD.noteBlkB { font-size: 10px;}

.imagesBoxContents { font-size: 10px; }


/* ===== TABLE ===== */
TABLE.tblForm TH { padding: 2px 15px 2px 0; font-weight: bold; text-align: left; vertical-align: top; }
TABLE.tblForm TD { padding: 2px 15px 2px 0; vertical-align: top; }
TABLE.tblForm INPUT.inputbox { width: 160px; }
TABLE.tblForm SELECT { width: 166px; }

TABLE.tblHor TH { background-color: #52B3E0; padding: 2px 5px; color: #fff; font-size: 10px; font-weight: bold; text-align: left; vertical-align: top; border-bottom: 1px solid #ccc; }
TABLE.tblHor TD { background-color: #f8f8f9; padding: 3px 5px; vertical-align: top; border-bottom: 1px solid #ccc; }

TABLE.pageNum TD { font-size: 10px; }


/* ===== MESSAGE ===== */
.errorBox, .messageStackError, .messageStackWarning { background-color: #EA2247; padding: 5px 10px; color: #fff; font-size: 10px; line-height: normal; }
.stockWarning { font-size: 10px; color: #EA2247; line-height: normal; }
.productsNotifications, .messageStackSuccess { background-color: #a3d79a; padding: 5px 10px; font-size: 10px; line-height: normal; }


/* ===== TEXT ===== */
.smallText { font-size: 10px; }

SPAN.inputRequirement { font-size: 10px; color: #ff0000; }
SPAN.greetUser { font-size: 12px; color: #f0a480; font-weight: bold; }
SPAN.markProductOutOfStock { font-size: 12px; color: #c76170; font-weight: bold; }
SPAN.productSpecialPrice { color: #ff0000; }
SPAN.errorText { color: #ff0000; }

.checkoutBarFrom, .checkoutBarTo { font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-size: 10px; color: #000000; }


/* ===== LINK ===== */
A.orderEdit { font-size: 10px; color: #70d250; text-decoration: underline; }

A.pageResults { color: #0000FF; }
A.pageResults:hover { color: #0000FF; background: #FFFF33; }


/* ===== POPUP ===== */
BODY.popup { background: none !important; }
BODY.popup .closeBtn { text-align: right; }


/* ===== OTHER ===== */
.notbrd { border-top: none !important; }
.nobbrd { border-bottom: none !important; }
.nopad { padding: 0 !important; }

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; }
.moduleRowSelected { background-color: #E9F4FC; }

.suggest_link { background-color: #fff; padding: 2px 6px 2px 6px; }
.suggest_link_over { background-color: #52B3E0; padding: 2px 6px 2px 6px; color: #fff; }
#search_suggest { position: absolute; background-color: #fff; text-align: left; border: none; }

.fleft { float: left; }
.fright { float: right; }
.nofloat { clear: both; height: 0; font-size: 0; line-height: 0; }

A.categoryLInks { color:#FF0000;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-variant:normal;
font-weight:normal;
line-height:21px;
text-transform:uppercase;
text-decoration:none;

}
A.categoryLInks:hover { color: #52B3E0;}


input.btn, input.btnG, input.btnB {
border:medium none;
color:#FFFFFF;
cursor:pointer;
font-family:Arial,sans-serif;
font-size:11px;
font-weight:bold;
padding:2px 5px;
width:auto;
background-color:#52B3E0;
}

a.btn, a.btnB, a.btnG {
background-color:#F56916;
color:#FFFFFF !important;
float:left;
font-family:Arial,sans-serif;
font-size:11px;
font-weight:bold;
padding:2px 8px;
text-align:center;
text-decoration:none;
white-space:nowrap;
background-color:#52B3E0;
}

.fright {
float:right !important;
}

.supergrotelettertypeBR {  font-family: Georgia, "Times New Roman", Times, serif; font-size: 30px; line-height: 30px; font-weight: bolder; color: #6E4036}
.supergrotelettertypeBL {  font-family: Georgia, "Times New Roman", Times, serif; font-size: 30px; line-height: 30px; font-weight: bolder; color: #00CCFF}
.grotelettertype {  font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; line-height: 18px; font-weight: bolder; color: #6E4036}