/* GLOBAL SETUP */

body,html
{
    margin: 0; padding: 0;
    font-family: Trebuchet MS, Arial, Tahoma, Helvetica;
    font-size: 12px;
    color:#815948;
    background:url(../images/site-bg.gif) repeat-x #f9f7ec;
}

img {border:0;}

a {color:#d49600;}
a:hover { color: #eb1269; }

.font10 {font-size:10px;}
.font11 {font-size:11px;}
.font12 {font-size:12px;}
.font14 {font-size:14px;}

h1 {padding:0;margin:0;font-size: 18px; font-weight: normal;}


/* MASTERPAGE */
.siteWrapper {width:100%;height:760px;background:url(../images/site-bg-graphic.jpg) no-repeat top center;}
.siteContainer {width:950px;height:760px;margin:0 auto;background:url(../images/site-bg-graphic.jpg) no-repeat top center;}
.siteHeader {height:115px;}
.siteHeader .logo {width:290px;height:115px;font-size:0.1em;line-height:0.1em;}
.siteHeader .links {width:660px;height:115px;color:#eb1269;font-family:Trebuchet MS;font-size:11px;text-align:right;}
.siteHeader .links a {color:#815948;text-decoration:none;}
.siteHeader .links a:hover { color: #eb1269; }
.siteMenu {height:29px;vertical-align:top;}
.siteContent {height:520px;vertical-align:top;}
.siteFooter {width:950px;height:90px;color:#e3dacf;font-size:11px;text-align:center;border-top:1px solid #e2d9cd;}
.siteFooter a {color:#bfa675;text-decoration:none;}
.siteFooter .copyright {color:#bfa675;}


/* HOMEPAGE */
.homeArea {width:950px;}
.homeArea .leftColumn {width:230px;vertical-align:top;background:url(../images/home-left-span.gif) repeat-y;}
.homeArea .leftColumn .extraBG {width:230px;padding-top:7px;background:url(../images/left-bg.jpg) no-repeat top;}
.homeArea .leftColumn .top {width:217px;height:12px;font-size:0.1em;line-height:0.1em;background:url(../images/home-left-top.gif) no-repeat;}
.homeArea .leftColumn .span {width:217px;background:url(../images/home-left-span.gif) repeat-y;}
.homeArea .leftColumn .connector {width:217px;height:29px;background:url(../images/home-left-mid.gif) no-repeat;}
.homeArea .rightColumn {width:720px;vertical-align:top;}
.homeArea .homeSpotlight {width:720px;margin-top:20px;line-height:22px;}
.homeArea .homeSpotlight .spotlight1 {width:310px;padding:0 20px 0 30px;}
.homeArea .homeSpotlight .spotlight2 {width:300px;padding:0 30px 0 30px;}
.homeClose {width:950px;height:13px;font-size:0.1em;line-height:0.1em;background:url(../images/home-left-bottom.gif) no-repeat;}

/* CONTENT WITH LEFT NAV */
.contentArea {width:950px;margin-top:7px;}
.contentArea .leftColumn {width:230px;vertical-align:top;background:url(../images/home-left-span.gif) repeat-y;}
.contentArea .leftColumn .extraBG {width:230px;background:url(../images/left-bg.jpg) no-repeat top;}
.contentArea .leftColumn .top {width:217px;height:12px;font-size:0.1em;line-height:0.1em;background:url(../images/home-left-top.gif) no-repeat;}
.contentArea .leftColumn .span {width:217px;background:url(../images/home-left-span.gif) repeat-y;}
.contentArea .leftColumn .connector {width:217px;height:29px;background:url(../images/home-left-mid.gif) no-repeat;}
.contentArea .rightColumn {width:720px;vertical-align:top;}
.contentOpen {width:950px;height:12px;font-size:0.1em;line-height:0.1em;background:url(../images/two-column-top.gif) no-repeat;}
.contentSpan {width:950px;background:url(../images/two-column-span.gif) repeat-y;}
.contentClose {width:950px;height:13px;font-size:0.1em;line-height:0.1em;background:url(../images/two-column-bottom.gif) no-repeat;}

.paddedContent {width:670px;padding:30px 0 0 50px;line-height:22px;vertical-align:top;}
.paddedContentWide {width:700px;padding:30px 0 0 50px;line-height:22px;vertical-align:top;}
.browseContent {width:720px;line-height:22px;vertical-align:top;}
.browseContent .padding {padding:3px 17px 0 17px;font-size:14px;}

.mooHeader {width:585px;padding:4px 0 4px 35px;margin-bottom:2px;font-weight:bold;color:#1c7bb4;cursor:pointer;background:url(../images/faqs-bullet.gif) no-repeat #e2f5ff;}
.mooText {width:585px;margin:0 0 0 35px;}
.mooText .text {width:585px;padding:10px 0 15px 0;}

.contactText {width:200px;height:400px;}
.contactDivider {width:20px;border-right:1px dotted #e18f00;}
.contactForm {padding-left:30px;}

/* FULL PAGE CONTENT */
.fullContentArea {width:950px;margin-top:7px;}
.fullContentOpen {width:950px;height:12px;font-size:0.1em;line-height:0.1em;background:url(../images/full-top.gif) no-repeat;}
.fullContentSpan {width:900px;height:495px;padding:10px 25px;background:url(../images/full-span.gif) repeat-y;}
.fullContentClose {width:950px;height:13px;font-size:0.1em;line-height:0.1em;background:url(../images/full-bottom.gif) no-repeat;}
.fullContentSpan .pageHeader {margin-bottom:15px;}


/* WEB BLOCKS FORMS */
.labelColumn {width:120px;}
.fieldColumn {width:260px;}
.textField {width:250px;}
.textArea {width:250px;height:150px}

/* LEFT NAV */
.shopCategoryBox {width:190px;margin:auto;}
.categoryMenu {width:190px;}
.categoryMenu tr {background:url(../images/left-nav-divider-dotted.gif) no-repeat top;}
.categoryMenu .icon {width:50px;height:50px;text-align:center;vertical-align:middle;}
.categoryMenu .text {width:110;height:50px;padding:auto 10px auto 20px;text-align:left;vertical-align:middle;}
.categoryMenu .text a {font-size:16px;text-decoration:none;color:#6e4938;}

.shopOccasionsBox {width:190px;margin:auto;font-size:14px;}
.shopOccasionsBox a {width:170px;padding-left:20px;margin-top:5px;font-size:16px;text-decoration:none;color:#6e4938;display:block;background:url(../images/filter-bullet.gif) no-repeat;}

.additionalBox {width:190px;margin:auto;padding:10px 0;}


/* CHECKOUT */
/* is used for all input fields */
input.inputBox { width: 270px; font-family: Arial; font-size: 10pt; }
select.inputBox { width: 274px; font-family: Arial; font-size: 10pt; }
textarea.inputBox { width: 270px; 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 */
.categoryMenu .onState { font-weight: bold; padding: 2px 0 4px 0; }
.categoryMenu .offState { padding: 2px 0 4px 0; }

.productThumb {margin:5px 7px 20px 7px;font-size:14px;}
.productThumb img {display:block;}

.pagination {padding:3px 10px;background:#efeee6;text-align:right;font-size:14px;}
.pagination a {color:#815948;}


/* PRODUCT VIEW PAGE */
.categoryTitle {padding-top:40px; font-size: 24px; font-weight: bold; border-bottom:1px dotted #6e4938; }
.categorySubtitle { padding-bottom: 20px; }
.MediumPhoto {display:block;}
.viewThumbnail {width:180px;height:180px;margin:1px;font-size:0.1em;line-height:0.1em;float:left;border:1px solid #eee0ca;}
.largeImg a {font-size:12px;color:#6e4938;}
.morePhotos {margin-bottom:5px;border-bottom:1px dotted #6e4938;font-size:11px;}

.smallImg {width:180px;}

.relatedTitle {padding-top:40px; font-size: 24px; font-weight: bold; border-bottom:1px dotted #6e4938; }
.relatedProductThumb {width:180px;margin:5px 22px 20px 22px;text-align:center;font-size:14px;float:left;}
.relatedProductThumb img {display:block;}

/* CART PAGE */

.cartPage { width: 900px;}
.cartHeader { font-size: 20px; font-weight: bold;}
.cartControl {width:900px;}
.cartControl th {background:#efeee6;font-size:14px;}
.cartControl .removeColumn { width: 65px; text-align: center;border-top:1px solid #eee0ca;}
.cartControl .quantityColumn { width: 80px; text-align: center;border-top:1px solid #eee0ca;}
.cartControl .nameColumn {border-top:1px solid #eee0ca;}
.cartControl .unitPriceColumn { width: 80px; text-align:right;border-top:1px solid #eee0ca;}
.cartControl .totalPriceColumn { width: 80px; text-align: right;border-top:1px solid #eee0ca;}

.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: 20px; font-weight: bold; margin-bottom:10px;border-top:1px solid #eee0ca;border-bottom:1px solid #eee0ca;}
.checkoutSubHeader { font-size: 16px; 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: 200px; }
.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:900px;}
.checkoutTwoColumn .column1 {width:450px; border-right:1px solid #eee0ca;}
.checkoutTwoColumn .column2 {width:410px;padding:0 0 0 40px;}

.checkoutForm td {padding-bottom:4px;}
.checkoutForm .formLabel {width:140px;}