/* GLOBAL SETUP */

body,html
{
    margin: 0; padding: 0;
    font-family: Arial, Tahoma, Helvetica;
    font-size: 12px;
    color:#000000;
    line-height:18px;
    background:url(../images/site-bg.jpg) no-repeat top center #1C2642;
}

img {border:0;}

a {color:#4D576F;}
a:hover { color: #4D576F; }

table {border-collapse:collapse;}
td {padding:0;margin:0;}

h1 {margin:0;padding:0;font-family:Palatino;font-size:16px;font-weight:normal;}
h4 {margin:0 0 5px 0;padding:0;font-variant: small-caps;font-family:Palatino;font-size:16px;font-weight:normal;}

.font10 {font-size:10px;}
.font12 {font-size:12px;}
.font14 {font-size:14px;}
.font16 {font-size:16px;}
.font18 {font-size:18px;}

.header1 {font-size:18px;}
.header2 {font-size:14px;}

.textField {width:150px;margin:2px 0;}
.textArea {width:150px;height:100px;margin:2px 0;}
.labelColumn {width:100px;}
.fieldColumn {width:150px;}

/* E-STORE STYLES */
.siteWrapper {width:957px;margin:0 auto;}
.siteLogo {width:400px;height:115px;text-align:center;}
.siteTagline {height:115px;text-align:right;}
.siteContentOpen {height:14px;font-size:0.1em;line-height:0.1em;background:url(../images/box-top.gif) no-repeat;}
.siteContent {height:590px;vertical-align:top;background:url(../images/box-span.gif) repeat-y;}
.siteContentClose {height:14px;font-size:0.1em;line-height:0.1em;background:url(../images/box-bottom.gif) no-repeat;}
.siteFooter {padding-top:15px;color:#FFFFFF;font-size:10px;text-align:center;line-height:18px;vertical-align:top;}
.siteFooter a {color:#FFFFFF;text-decoration:none;}

.contentContainer {width:957px;}
.leftNavArea {width:240px;vertical-align:top;}
.leftNavArea .box {width:230px;min-height:580px;height:auto !important;height:580px;margin:0 5px;color:#FFFFFF;background:url(../images/left-nav-watermark.gif) no-repeat;}
.leftNavArea .box .divider {width:215px;height:1px;margin:10px auto;line-height:0.1em;font-size:0.1em;border-bottom:1px solid #5E6678;}
.spacer {width:4px;font-size:0.1em;line-heighT:0.1em;}
.rightContentArea {width:703px;padding:0 5px;vertical-align:top;}

.topNav {width:703px;height:34px;margin-bottom:10px;}

/* LEFT NAV */
.leftNavArea .box .offState {margin:2px 20px;font-family:Palatino;font-variant: small-caps;font-size:14px; font-weight: normal;}
.leftNavArea .box .onState {margin:2px 20px;font-family:Palatino;font-variant: small-caps;font-size:14px; font-weight: bold;}
.leftNavArea .box .indented .offState {margin:0 0 0 35px;font-family:Arial;font-size:11px; font-weight: normal; text-decoration: none; }
.leftNavArea .box .indented .onState {margin:0 0 0 35px;font-family:Arial;font-size:11px; font-weight: bold; text-decoration: underline;}
.leftNavArea .box a {color:#FFFFFF;text-decoration:none;}

.searchBox {width:190px;margin:0 auto;background:#FFFFFF;line-height:0.1em;font-size:0.1em;}
.searchBoxCSS {width:130px;font-size:14px;font-family:palatino;padding:0 0 0 4px;height:17px;border:0;}

/* HOMEPAGE */
.homeSpotlights {width:703px;margin-top:10px;font-size:11px;}
.homeSpotlights .text1 {width:189px;padding:0 21px;font-family:palatino;border-right:1px solid #E2E2E2;}
.homeSpotlights .text2 {width:195px;padding:0 21px;font-family:palatino;border-right:1px solid #E2E2E2;}
.homeSpotlights .text3 {width:191px;padding:0 21px;font-family:palatino;}
.homeSpotlights .column1 {width:209px;padding:0 11px;border-right:1px solid #E2E2E2;}
.homeSpotlights .column2 {width:215px;padding:0 11px;border-right:1px solid #E2E2E2;}
.homeSpotlights .column3 {width:211px;padding:0 11px;}

/* CONTENT PAGE */
.contentPageContainer {width:703px;margin-top:10px;font-size:11px;}
.breadCrumb {width:673px;height:23px;padding:7px 0 0 30px;font-family:palatino;color:#FFFFFF;font-size:16px;background:url(../images/bread-crumb-bg.gif) no-repeat;}
.breadCrumb a {color:#FFFFFF;text-decoration:none;}

.boxBrownTop {width:671px;height:14px;margin:0 auto;font-size:0.1em;line-height:0.1em;background:url(../images/box-brown-top.gif) no-repeat;}
.boxBrownSpan {width:631px;margin:0 auto;padding:0 20px;font-family:palatino;line-height:20px;background:url(../images/box-brown-span.gif) repeat-y;}
.boxBrownBottom {width:671px;height:14px;margin:0 auto;font-size:0.1em;line-height:0.1em;background:url(../images/box-brown-bottom.gif) no-repeat;}

.boxBlueTop {width:671px;height:12px;margin:0 auto;font-size:0.1em;line-height:0.1em;background:url(../images/box-blue-top.gif) no-repeat;}
.boxBlueSpan {width:631px;margin:0 auto;padding:0 20px;background:url(../images/box-blue-span.gif) repeat-y;}
.boxBlueSpan .title {width:620px;margin:0 auto 15px auto;font-family:Palatino;font-size:18px;color:#FFFFFF;}
.boxBlueBottom {width:671px;height:12px;margin:0 auto;font-size:0.1em;line-height:0.1em;background:url(../images/box-blue-bottom.gif) no-repeat;}

.boxPlain {width:631px;margin:10px auto;padding:5px 20px;}

.mooHeader {width:620px;margin:0 auto;color:#FFFFFF;font-family:Palatino;font-size:14px;border-bottom:1px solid #FFFFFF; cursor:pointer;}
.mooText {width:620px;margin:0 auto 10px auto;color:#000000;background:#B0B8CA;}
.mooText .text {width:590px;padding:10px 15px;}

/* 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 */
.browsePageText {width:643px;margin:10px 30px;}
.productBrowse {padding:0 0 15px 0;}
.categoryLandingThumb {border-collapse:collapse;}
.categoryLandingThumb .photo {width:140px;padding:20px 0 0 0;}
.categoryLandingThumb .title {width:100px;padding:10px 20px 0 20px;color:#1C2742;font-family:Palatino;font-variant: small-caps;font-size:12px;}
.categoryLandingThumb .title a {color:#000000;text-decoration:none;}

.paginationTable {height:47px;}
.paginationTable a {color:#FFFFFF;text-decoration:none;font-family:Palatino;font-size:12px;}
.paginationTable .left {width:16px;height:47px;background:url(../images/pagination-bg-left.gif) no-repeat;}
.paginationTable .span {height:47px;background:url(../images/pagination-bg-span.gif) repeat-x;}
.paginationTable .spanNum {height:47px;background:url(../images/pagination-bg-span.gif) repeat-x;}
.paginationTable .spanNum a {margin:auto 4px;}
.paginationTable .right {width:16px;height:47px;background:url(../images/pagination-bg-right.gif) no-repeat;}

/* PRODUCT VIEW PAGE */
.categoryTitle { font-size: 18px;font-weight:bold;font-family:Palatino;margin:0 0 5px 0;}
.categorySubtitle {font-size: 14px; font-family:Palatino;margin:0 0 5px 0;}
.productPrice {font-size: 16px; font-family:Palatino;margin:0 0 10px 0;}
.MediumPhoto { border: 1px solid #999999; }

.largeImg img {padding:5px;}
#imgCaption {margin-bottom:4px;}
.smallImg {background:#B6B6B6;padding:1px;margin:0;}

.relatedProducts {font-family:palatino;font-size:16px;border-bottom:1px solid #E2E2E2;}
.relatedProductsThumb {border-collapse:collapse;}
.relatedProductsThumb .photo {width:135px;padding:20px 0 0 0;}
.relatedProductsThumb .title {width:95px;padding:10px 20px 0 20px;color:#1C2742;font-family:Palatino;font-variant: small-caps;font-size:12px;}
.relatedProductsThumb .title a {color:#000000;text-decoration:none;}


/*
.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: 600px; }
.cartHeader { font-size: 16px; font-weight: bold; }
.cartControl {  }
.cartControl .removeColumn { width: 35px; text-align: center; }
.cartControl .quantityColumn { width: 60px; text-align: center; }
.cartControl .nameColumn { width: 350px; }
.cartControl .unitPriceColumn { width: 60px; }
.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 */

.checkoutHeader { font-size: 16px; font-weight: bold; margin-bottom:10px;}
.checkoutSubHeader { font-size: 14px; 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; }