﻿/* GLOBAL SETUP */

body,html
{
    margin: 0; padding: 0;
    font-family: Verdana, Arial, Tahoma, Helvetica;
    font-size: 11px;
    background:url(../images/site-bg.jpg) repeat-x #b8b18c;
    line-height:18px;
}

table {border-collapse:collapse;}
table td {padding:0;}

img {border:0;}

a {color:#ba3c42;}
a:hover { color: #054f8f; }

.font10 {font-size:10px;}
.font12 {font-size:12px;}
.font14 {font-size:14px;}
.font16 {font-size:16px;}
.font18 {font-size:18px;}

.fontBlue {color:#1c4e7a;}

h1 {margin:0 0 15px 0;padding:0;font-family:Georgia, Helvetica;font-size:18px;color:#4b100b;font-weight:normal;}
h2 {margin:0 0 5px 0;padding:0;font-size:14px;color:#1c4e7a;font-weight:bold;}
h4 {margin:0 0 5px 0;padding:0;font-family:Helvetica;font-size:14px;color:#561f1a;font-weight:normal;}
h5 {margin:0;padding:0;font-family:Georgia, Helvetica;font-size:14px;color:#4b100b;}

/* MASTERPAGE */
.siteWrapper {width:100%;height:800px;background:url(../images/site-bg-graphic.jpg) no-repeat top center;}
.siteContainer {width:951px;margin:0 auto 10px auto;background:url(../images/site-bg-graphic.jpg) no-repeat top center;}
.siteLogo {height:147px;vertical-align:top;line-height:0.1em;font-size:0.1em;}
.siteHeader {height:147px;}
.siteMenu {height:31px;}
.siteContent {height:460px;vertical-align:top;}
.siteFooter {height:62px; color:#7a6f53;text-align:center;}
.siteFooter a {color:#7a6f53;}
.siteFooter a:hover {color:#FFFFFF;}

.loginBox {width:340px;height:120px;color:#FFFFFF;}
.loginBox td {padding-bottom:6px;}
.loginBox a {font-size:10px;color:#FFFFFF;}
.loginField {width:130px;}

.logoutBox {width:250px;height:120px;}

.shoppingCartBox {text-align:right;}
.shoppingCartBox a {color:#3670a2;font-size:11px;text-decoration:none;}
.shoppingCartBox a:hover {text-decoration:underline;}

/* HOMEPAGE */
.homeContainer {width:951px;}
.homeGraphic {font-size:0.1em;line-height:0.1em;}
.homeSpotlights {height:200px;vertical-align:top;background:url(../images/home-spotlight-bg.gif) no-repeat bottom center;}
.homeSpotlights .spotlights {width:951px;}
.homeSpotlights .spotlights a {color:#ba3c42;}
.homeSpotlights .spotlights a:hover {color:#054f8f;}
.homeSpotlights .spotlights .spotlight1 {width:317px;padding:20px 40px 0 40px;}
.homeSpotlights .spotlights .spotlight2 {width:317px;padding:20px 40px 0 40px;}
.homeSpotlights .spotlights .spotlight3 {width:317px;padding:20px 40px 0 40px;}


/* SUBPAGE */
.subpageBanner {height:82px;line-height:0.1em;font-size:0.1em;}
.subpageContainer {width:951px;height:400px;background:url(../images/subpage-bg.gif) no-repeat;}
.subpageContainer .rightContent {width:665px;padding:0 40px 0 28px;height:20px;vertical-align:top;}
.subpageContainer .backToTop {width:705px;padding:0 0 0 246px;height:30px;vertical-align:bottom;}
.subpageBottom {width:951px;height:40px;background:url(../images/subpage-footer-bg.gif) no-repeat;}

.subpageQuoteSmall {width:665px;height:115px;font-family:Helvetica;font-size:13px;color:#4b100b;background:url(../images/subpage-quote-small.gif) no-repeat;}
.subpageQuoteLarge {width:665px;height:160px;font-family:Georgia, Helvetica;font-size:12px;color:#4b100b;background:url(../images/subpage-quote-large.gif) no-repeat;}

.contentBullet {width:645px;margin:5px 0;padding:0 0 0 20px;background:url(../images/bullet-content.gif) no-repeat;}

/* LEFT NAV */
.leftNav {width:218px;vertical-align:top;}
.leftNav .navBox {width:216px;margin:0 1px;padding:20px 0;background:url(../images/leftnav-bg.gif) no-repeat bottom;}
.leftNav .navBox .onState {width:190px;padding:4px 6px 4px 20px;margin:5px 0;font-weight:bold;color:#FFFFFF;background:#63160e;text-decoration:none;display:block;}
.leftNav .navBox .offState {width:190px;padding:4px 6px 4px 20px;margin:5px 0;color:#FFFFFF;text-decoration:none;display:block;}
.leftNav .navBox .offState:hover {width:190px;padding:4px 6px 4px 20px;margin:5px 0;color:#FFFFFF;background:#63160e;text-decoration:none;display:block;}
.leftNav .spotlight {width:178px;margin:20px;color:#6e6141;}
.leftNav .spotlight a {padding-left:12px;color:#4b100b;background:url(../images/leftnav-link-bullet.gif) no-repeat;}


/* STORE PAGES */
.storeBanner {height:82px;line-height:0.1em;font-size:0.1em;}
.storeBanner2 {width:916px;height:37px;padding:45px 35px 0 0;text-align:right;background:url(../images/banner-shop.gif) no-repeat;}
.storeBanner2 a {padding-left:10px;color:#9a926b;background:url(../images/bullet-back-to-store.gif) no-repeat;}
.storeBanner3 {width:616px;height:52px;padding:30px 35px 0 300px;text-align:right;background:url(../images/banner-cart.gif) no-repeat;}

.storeContainer {width:951px;height:400px;background:#FFFFFF;}
.storeContainer .padding {width:883px;padding:0 34px;vertical-align:top;}
.storeBottom {width:951px;height:14px;background:url(../images/store-footer-bg.gif) no-repeat;}

.categoryProductEntry {width:140px;margin:15px 40px;color:#877c4a;font-size:12px;}
.categoryProductEntry td {vertical-align:top;line-height:16px;}

.productDetailInfo {width:325px;font-size:12px;}


/* WEB BLOCKS FORM */
.labelColumn {padding:0 10px 5px 0;}
.fieldColumn {width:265px;padding:0 0 5px 0;}
.textField {width:260px;}
.textArea {width:260px;height:80px;}

/* REGISTRATION FORM */
.registrationForm td {padding-bottom:5px;}

/* GENERAL FORM PADDING */
.generalForm td {padding:0 10px 5px 0;}

/* DASHBOARD */
.siteMenuDashboard {height:30px;background:url(../images/Dashboard/dashboard-menu-bg.gif) repeat-x;}

.dashboardContainer {width:951px;height:400px;background:#FFFFFF;}
.dashboardContainer .padding {width:951px;padding:0;vertical-align:top;}
.dashboardContainer .backToTop {padding:10px;}
.dashboardBottom {width:951px;height:14px;background:url(../images/store-footer-bg.gif) no-repeat;}

.dashboardContainer .headerContainer {width:951px;margin:0 0 10px 0;border-bottom:3px solid #93afc6;}
.dashboardContainer .headerContainer .title {padding:8px 5px;font-family:Georgia;font-weight:bold;font-size:23px;color:#742119;}
.dashboardContainer .headerContainer .links {padding:0 20px 0 0;color:#732119;font-size:11px;text-align:right;}
.dashboardContainer .headerContainer .links a {color:#732119;text-decoration:none;}

.dashboardContainer .contentContainer {width:951px;}
.dashboardContainer .contentContainer .leftColumn {width:608px;}
.dashboardContainer .contentContainer .spacer {width:13px;}
.dashboardContainer .contentContainer .rightColumn {width:330px;background:#dce7ed;border-top:3px solid #95b0c5;}

.emptyBox {width:582px;padding:10px 13px;}
.greyBox {width:582px;padding:10px 13px;margin:10px 0 0 0;border-top:3px solid #c7c7c7;background:#f2f0f1;}
.greyBox .title {margin:0 0 10px 0;font-size:20px;font-family:Georgia;color:#742119;}
.greyBox table {width:582px;}
.greyBox table td {padding:4px 0;}
.blueBox {width:304px;padding:10px 13px;}
.blueBox a {padding:0 0 0 10px;color:#000000;text-decoration:none; background:url(../images/Dashboard/link-bullet.gif) no-repeat;}
.blueBox a:hover {color:#732119;}



 
/* 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 */

.categoryTitle { font-size: 20px; font-weight: bold; font-family:georgia;color:#1c4e7a; }
.categorySubtitle { padding-bottom: 20px; }
/*
.categoryList { width: 160px; }
.selected { font-weight: bold; }
.PropertyControl { padding: 0 0 10px 0; }
.PropertyControl select { width: 100px; }
.txtQuantity { width: 25px; text-align: center; }
*/

/* CATEGORY PAGE */

.product { padding: 10px; text-align: center; }
.product img { border: 1px solid Gray; }

/* CART PAGE */

.cartPage { width: 883px; }
.cartHeader {margin-bottom:15px;font-family:Georgia, Helvetica;font-size:18px;color:#4b100b;font-weight:normal;}
.cartControl {width:883px;}
.cartControl th {border-top:1px solid #741414;border-bottom:1px solid #741414;}
.cartControl td {padding:5px 0 0 0;}
.cartControl .removeColumn { width: 40px; text-align: center; }
.cartControl .quantityColumn { width: 100px; text-align: center; }
.cartControl .nameColumn { width: 503px; }
.cartControl .unitPriceColumn { width: 120px; text-align: right; }
.cartControl .totalPriceColumn { width: 120px; 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 */

.checkoutHeader {margin-bottom:10px;font-family:Georgia, Helvetica;font-size:18px;color:#4b100b;font-weight:normal;border-top:1px solid #741414;border-bottom:1px solid #741414;}
.checkoutSubHeader { font-size: 14px;color:#4b100b;font-weight: bold; margin-bottom:5px;}
.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; }

.checkoutTwoColumn {width:883px;}
.checkoutTwoColumn .column1 {width:440px;}
.checkoutTwoColumn .column2 {width:443px;}

.checkoutForm td {padding-bottom:3px;}
.checkoutForm .formLabel {width:140px;}