/* GLOBAL SETUP */

body,html
{
    margin: 0; padding: 0;
    font-family: Arial, Tahoma, Helvetica;
    font-size: 12px;
    background:url(../images/site-bg.jpg) repeat-x top center #140800;
}

img {border:0;}

a {color:#7c333f;}
a:hover { color: #222222; }

h1 {font-family:palentino;font-size:20px;color:#44444c;font-weight:normal;margin:20px 0 10px 0;padding:0;border-bottom:1px solid #eeeeee;}
h1 a {font-family:palentino;font-size:20px;color:#44444c;font-weight:normal;text-decoration:none;}
h1 a:hover {color:#44444c;}

/* MASTER PAGE */
.siteWrapper {width:1015px;margin:0 auto;}
.siteWrapper .top {height:25px;background:url(../images/border-top.png) no-repeat top center;}
.siteWrapper .span {width:937px;padding:8px;vertical-align:top;background:#FFFFFF;}
.siteWrapper .bottom {height:26px;background:url(../images/border-bottom.png) no-repeat top center;}

.siteHeader {width:937px;height:99px;}
.siteHeader .logo {width:255px;line-height:0.1em;font-size:0.1em;}
.siteHeader a {font-family:helvetica;font-size:10px;color:#333333;text-decoration:none;}
.siteHeader a:hover {color:#581116;}

.siteContent {width:937px;height:400px;}

.siteFooterLogo {width:937px;border-top:1px solid #dadada;border-bottom:1px solid #dadada;}
.siteFooterLogo td {padding:15px 0;}

.siteFooter {width:937px;margin:10px 0;color:#444444;font-size:10px;font-family:Helvetica;line-height:14px;text-align:center;}
.siteFooter a {color:#444444;text-decoration:none;}

/* CONTENT LAYOUT */
.contentContainer {width:937px;}
.contentContainer .leftColumn {width:215px;}
.contentContainer .spacer {width:25px;}
.contentContainer .vspacer {height: 15px;}
.contentContainer .rightColumn {width:697px;font-size:11px;line-height:18px;}
.contentContainer .bordered {padding-top:5px;background:url(../images/content-top-border.gif) repeat-x top;}

.leftNav {width:215px; margin-bottom: 10px; text-decoration:none;color:#333333;font-family:palatino;}
.leftNav a, .leftNav a:hover  {text-decoration:none;color:#333333;font-family:palatino;}

.offState {width:203px;padding:3px 4px 3px 8px;margin-bottom:2px;font-size:14px;display:block;}
.onState {width:203px;padding:3px 4px 3px 8px;margin-bottom:2px;font-size:14px;font-weight:bold;background:#bfbbb9;display:block;}
.onState .indented {font-weight:normal;}

.indented {margin:0;}
.indented .offState {width:192px;padding:0 4px 0 19px;margin-bottom:3px;font-size:12px;display:block;}
.indented .onState {width:192px;padding:0 4px 0 19px;margin-bottom:3px;font-size:12px;font-weight:normal;background:#d8ecfe;display:block;}
.indented .onState {width:192px;padding:0 4px 0 19px;margin-bottom:3px;font-size:12px;font-weight:normal;background:none;display:block;}
.indented .onState a {text-decoration:underline;}
.offState:hover {background:#bfbbb9;}

.indented .indented {text-decoration:none;}
.indented .indented .offState {width:182px;padding:0 4px 0 29px;margin-bottom:3px;font-size:12px;display:block;}
.indented .indented .onState {width:182px;padding:0 4px 0 29px;margin-bottom:3px;font-size:12px;font-weight:normal;background:none;display:block;}
.indented .indented .onState a {text-decoration:underline;}

.leftSearch {width:215px;height:30px;padding:33px 0 0 0;margin:10px 0 20px 0;background:url(../images/left-nav-search-bg.gif) no-repeat;}

.howItWorksBox {width:697px;height:170px;padding-top:54px;background:url(../images/box-how-it-works.jpg) no-repeat;}

/* HOMEPAGE */
.homeSectionTop {width:697px;height:200px;margin-bottom:17px;position:relative;}
.homeSectionTopLink {width:697px;height:180px;position:absolute;left:0;top:20px;z-index:99;}
.homeSection1 {width:697px;height:17px;text-align:right;background:url(../images/home-hdr-on-sale.gif) no-repeat;}
.homeSection2 {width:697px;height:17px;text-align:right;background:url(../images/home-hdr-whats-hot.gif) no-repeat;}
.homeSection3 {width:697px;height:17px;text-align:right;background:url(../images/home-hdr-product-categories.gif) no-repeat;}
.homeSection1Table {width:697px;height:178px;margin-bottom:17px;border-top:1px solid #EEEEEE;border-bottom:1px solid #DDDDDD;background:url(../images/home-bg-dynamic.gif) no-repeat bottom;}
.homeSection3Table {width:697px;height:455px;margin-bottom:17px;border:1px solid #dddddd;background:url(../images/home-bg-product-categories.gif) repeat-x bottom #fff;}
.productCategory {width:140px;padding:10px;height:190px;margin:5px;text-align: center; background:#FFFFFF;border:1px solid #dddddd;}
.productCategory .nameLink {font-size:11px;color:#000000;text-decoration:none;}
.productCategory .priceLink {font-size:11px;color:#4876b2;font-weight:bold;text-decoration:none;}

/* BROWSE */
.browseProductContainer {width:699px;height:455px;margin-bottom:17px;border:1px solid #dddddd;background:url(../images/home-bg-product-categories.gif) repeat-x bottom #fff;}
.product {width:140px;padding:10px;height:200px;margin:5px;line-height:14px;text-align: center; background:#FFFFFF;border:1px solid #dddddd;}
.product .nameLink {font-size:11px;color:#000000;text-decoration:none;}
.product .priceLink {font-size:11px;color:#4876b2;font-weight:bold;text-decoration:none;}


.pagination {text-align:right;padding:2px 5px;}
.pagination a {color:#000000;text-decoration:none;}


.orderNotice { width: 90%; margin: 10px auto; border: 1px solid Red; background: #FFEEEE }

/* CHECKOUT */
/* is used for all input fields */
input.inputBox { width: 220px; font-family: Arial; font-size: 10pt; }
select.inputBox { width: 224px; font-family: Arial; font-size: 10pt; }
textarea.inputBox { width: 220px; font-family: Arial; font-size: 10pt; }

/* AJAX SEARCH FUNCTION */
.ajaxResult { width: 215px; max-height: 300px; height: auto !important; height: 300px; position: absolute; left: 0; top: 25px; border: 1px solid black; background-color: white;  }
.ajaxResult .close { text-align: right; background-color: #EEEEEE; font-size: 10pt; padding: 5px; }
.ajaxResult .close a { color: Blue; }
.ajaxResult .results { overflow: auto; width: 215px; max-height: 275px; height: auto !important; height: 275px; }
.ajaxResult .item { text-align: center; font-size: 9pt; padding: 10px; }
.ajaxResult .item img {  }

/* BROWSE PAGE */
.leftNavContainer { width: 150px; margin: 20px 20px 0 0; }
.leftNavContainer .onState { font-weight: bold; padding: 2px 0 4px 0; }
.leftNavContainer .offState { padding: 2px 0 4px 0; }

/* PRODUCT VIEW PAGE */


.MediumPhoto { border: 1px solid #bababa; }
.productDetail {font-size:11px;}
.categoryTitle {font-family: Palatino; font-size:20px;color:#44444c;font-weight:normal;margin:0 0 10px 0;padding:0;}
.categorySubtitle {font-family: Palatino;font-weight:bold;color:#13538d;font-size:14px;}
.productPrice { font-family: Palatino; font-weight: bold; font-size: 16px; color: Red; }
.description {}

/* CART PAGE */

.cartPage { width: 697px; }
.cartHeader {width:687px;padding:2px 5px;background:#e9e9e9;font-size: 16px; font-weight: bold; font-family:palentino;color:#44444c;}
.cartControl {width:697px;}
.cartControl .removeColumn { width: 35px; text-align: center; }
.cartControl .quantityColumn { width: 60px; text-align: center; }
.cartControl .nameColumn { }
.cartControl .unitPriceColumn { width: 60px; text-align:right;}
.cartControl .totalPriceColumn { width: 60px; text-align: right; }

.enterDiscount { padding-top: 40px; }
.enterDiscount .discountBox { width: 100px; }
.keepShopping { position: absolute; top: 65px; left: 470px; }
.checkoutButton { position: absolute; top: 100px; left: 470px; }

/* CHECKOUT PAGE */
.checkoutNav {float:right;margin-top:12px;}
.checkoutHeader {width:687px;padding:2px 5px;background:#e9e9e9;font-size: 16px; font-weight: bold; font-family:palentino;color:#44444c;}
.checkoutSubHeader {width:300px;padding:2px 5px;font-size: 14px;font-weight:bold;font-family:palentino;color:#44444c;}
.checkoutChange a {font-size:10px;font-weight:normal;}

.checkoutArea .expDate { width: 100px; }
.checkoutArea .securityCode { width: 50px; }
.checkoutArea .cardError { color: Red; }
.checkoutArea .comments { width: 300px; }
.loginOption { padding: 15px;  }
.validation { padding-left: 15px; }
.blackTab { background-color: Black; color: White; padding: 2px 2px 2px 10px; width: 200px; }

.checkoutCartControl .cartBox { margin: 10px; padding: 5px; background-color: #EEEEEE; }
.checkoutCartControl .cartBox .productName { }
.checkoutCartControl .cartBox .properties { padding: 0px 0px 5px 95px; }
.checkoutCartControl .cartBox .discount { text-align: right; padding-right: 10px; color: Red; }
.checkoutCartControl .cartBox .cartTotal { text-align: right; border-top: 1px solid black; padding-right: 10px; }

 .requiredError { font-size: 18px; font-weight: bold; }