/* 1. RESET
----------------------------------------------------------------------------- */
* {margin:0; padding:0; border:0; outline:0;}
.hide {display:none;}
.clear {clear:both;}

/* 2. TYPO
----------------------------------------------------------------------------- */
a, span, div, li, em, strong {font-size:100%;}
p, div, li {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#36231B;}
small {font-size:70%;}
a {color:#85776C; text-decoration:none;}
a:hover {color:#36231B;}
h1, h2 {font-family:Garamond, serif;}
h1 {font-size:160%;}


/* 3. MAIN LAYOUT
----------------------------------------------------------------------------- */
html, body {height: 100%;}
html {background:url(/images/site/page-background.jpg) repeat center top;}

body, #wrapper, #footer-wrapper, #footer-span {min-width:1000px;}
#header, #footer {width:98%; min-width:1000px;}
body {background:url(/images/site/page-top-background.jpg) repeat-x center top;  min-height:650px; position:relative;}
#wrapper {background:url(/images/site/logo-sprite.png) no-repeat left -104px; height:auto !important; height:100%; margin:0 auto -175px; min-height:100%;}
#header-wrapper {background:url(/images/site/head-foot-sprite.png) repeat-x center bottom; margin:0; width:100%;}
#header {margin:0 auto; overflow:hidden; padding:4px 0 10px;}
h1#logo {margin:0 auto; padding-left:210px; width:790px;}
h1#logo a {background:url(/images/site/logo-sprite.png) no-repeat 2px -3px; display:block; height:88px; margin-bottom:.2em; text-indent:-9999px; width:220px;}
#search {float:right; margin-right:8px; width:185px;}
#search input {float:right; margin:0; padding:0; outline:none;}
#search input#search-txt {background:#62524A; border:1px solid #62524A; color:#DED3C6; font-family:Arial, Helvetica, sans-serif; font-size:100%; padding:2px 3px; width:150px;}
#search input#search-submit {background:url(/images/site/head-foot-sprite.png) no-repeat -147px -175px; border:0; height:21px; overflow:hidden; line-height:22px; text-indent:-9999px; width:21px;}
#search input#search-submit:hover {background-position:-147px -145px; cursor: pointer;}
#content-wrapper {height:auto !important; height:100%; margin:-20px auto -90px; min-height: 100%; overflow:hidden; padding-left:210px; padding-top:20px; position:relative; width:790px;}
#body {float:left; width:555px;}
#frame-wrapper {background:url(/images/site/body-sprite.png) repeat-y center top; min-height:47px; margin-bottom:70px; margin-top:47px; padding:1px 0; position:relative; z-index:40;}
#frame-content {clear:both; margin-bottom:-54px; margin-top:-47px; padding:30px 38px 33px 32px; position:relative; z-index:45;}
.index #frame-content {padding:24px 28px 28px 22px;}
#frame-top, #frame-bottom {background:url(/images/site/body-sprite.png) no-repeat left top; height:47px; left:0; position:absolute; width:100%; z-index:43;}
#frame-top {top:-47px;}
#frame-bottom {background-position:right bottom; bottom:-54px; height:54px;}
#sidebar {float:right; width:227px;}
#nav-wrapper {background:url(/images/site/sidebar-sprite.png) repeat-y -227px top; margin-bottom:26px; margin-top:21px; padding:1px 0; position:relative; width:227px; z-index:45;}
#nav-content {margin-bottom:-26px; margin-top:-21px; padding:12px 19px 24px 12px; position:relative; z-index:50;}
#nav-top, #nav-bottom {background:url(/images/site/sidebar-sprite.png) no-repeat left top; height:21px; left:0; position:absolute; width:100%; z-index:10;}
#nav-top {top:-21px;}
#nav-bottom {background-position:left bottom; bottom:-26px; height:26px;}
#primitive-colonial {background:url(/images/site/sidebar-sprite.png) no-repeat -16px -28px; height:20px; margin:1.5em auto 0; text-indent:-9999px; width:195px;}
#footer-wrapper, #sticky {height:175px;}
#footer-wrapper {background:url(/images/site/page-bottom-background.png) repeat-x center top; width:100%; position:relative;}
#footer-span {background:url(/images/site/head-foot-sprite.png) repeat-x center -62px; bottom:0; position:absolute; width:100%; z-index:60;}
#footer {margin:0 auto; position:relative;}
#twitter {float:left; margin-left:8px; position:relative; width:890px;}
#twitter-follow {background:url(/images/site/head-foot-sprite.png) no-repeat left top; display:block; height:54px; left:0; position:absolute; text-indent:-9999px; top:-54px; width:175px;}
#twitter ul {background-color:inherit; list-style:none;}
#twitter ul li {background-color:inherit; font-family:Arial, Helvetica, sans-serif; overflow:hidden; width:890px;}
#twitter ul a {background-color:inherit; color:#c9bcb0; display:block; line-height:25px; text-decoration:none;}
#twitter ul a:hover {color:#74645C;}
ul#social-net {float:right; list-style-type:none; margin-right:8px; overflow:hidden; padding-bottom:4px; padding-top:5px; width:90px;}
ul#social-net li {float:right; margin-left:6px;}
ul#social-net a {background:url(/images/site/head-foot-sprite.png) no-repeat -26px -147px; display:block; height:16px; text-indent:-9999px; width:16px;}
ul#social-net .facebook a {background-position:-56px -147px;}
ul#social-net .twitter a {background-position:-86px -147px;}
ul#social-net .flickr a {background-position:-116px -147px;}
ul#social-net a:hover {background-position:-26px -177px;}
ul#social-net .facebook a:hover {background-position:-56px -177px;}
ul#social-net .twitter a:hover {background-position:-86px -177px;}
ul#social-net .flickr a:hover {background-position:-116px -177px;}
#site-credits {position:absolute; right:0; top:-18px;}
#site-credits p {font-size:85%;}
#site-credits p, #site-credits a {color:#36231b; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
#site-credits a:hover {color:#74645C;}

/* 4. MAIN NAV / SUB NAVs
----------------------------------------------------------------------------- */
#nav-content p, #nav-content li {color:#36231B; font-family:Arial, Helvetica, sans-serif; font-size:96%;}
#nav-content h3 {font-size:18px; font-weight:normal; font-family:Garamond, serif;}
#nav-content h3 a {background:url(/images/site/nav-hover.png) repeat-x left -1000px; color:#36231B; display:block; padding:.25em 6px; width:184px; text-decoration:none; text-transform:uppercase;}
#nav-content h3 a:hover {background-position:0 -3px;}
#nav-content ul {list-style:none; margin:.8em 0;}
#nav-content ul a {background:url(/images/site/sidebar-sprite.png) no-repeat -462px 3px; color:#36231B; display:block; padding-left:15px; text-decoration:none;}
#nav-content ul a:hover {background-position:-462px -67px; color:#7A6C66;}
#nav-content small {font-size:70%;}
#nav-content .sub-nav {background:url(/images/site/nav-sub-sprite.png) no-repeat left top; padding:1px 4px 4px 7px; width:180px;}
#nav-content .sub-nav p, #nav-content .sub-nav ul {margin-top:.4em;}
#head-nav-left, #head-nav-right {list-style-type:none; margin-top:3px;}
#header ul a {border-right:1px solid #DED3C6; color:#DED3C6; display:block; font-family:Garamond, serif; font-size:110%; line-height:100%; padding:0 .5em .1em; text-decoration:none;}
#header ul a:hover {color:#74645C;}
#head-nav-left .mail-join a, #head-nav-right .cart a {border-right:0;}
#head-nav-left .mail-join a {background:url(/images/site/head-foot-sprite.png) no-repeat right -209px; padding-right:26px;}
#head-nav-left .mail-join a:hover {background-position:right -239px;}
#head-nav-left, #head-nav-left li {float:left;}
#head-nav-right, #head-nav-right li {float:right;}
#nav-content address {margin-top:.35em; margin-bottom:.1em;}
#head-nav-right #foxee_cart_container {font-family:Garamond, serif; font-size:12px; color:#DED3C6; display:inline;}
#head-nav-right a:hover #foxee_cart_container {color:#74645C;}

/* FORM
----------------------------------------------------------------------------- */
form input, #comment_form textarea {
	color:#36231B;
	border:1px solid #62524A;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:100%; 
	padding:2px 3px;
}
.checkbox input {border:none;}
#comment_form textarea {padding:3px; width:425px; line-height:130%;}
#simple-search, #advanced-search {
	clear:both;
	width:100%;
	overflow:hidden;
	margin-top:1em;
}
form .submit {
	margin-top:.3em;
}
#popup-maillist {margin-top:15px;}
#popup-maillist p {margin:0;}
#popup-maillist .name input, #popup-maillist .email input {width:215px;}
#maillist div, #popup-maillist div {clear:both;padding-top:.2em;}
#maillist label, #popup-maillist label {
	width:80px;
	display:block;
	float:left;
	text-align:right;
	margin-right:2px;
	padding-top:.3em;
}
#maillist .email input {width:175px;}
#maillist .buttons {margin-left:82px;}
#popup-maillist .buttons {margin-left:82px;}
#popup-maillist .buttons input {background-color:#36231b; color:#FFF; border-color:#36231b; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
#popup-maillist .buttons input:hover {
	color:#E9E3D5;
	background:#8E8176;
	border-color:#8E8176;
	cursor:pointer;
}
#maillist #error {display:none;}

#maillist #error h4 {color:#9E0B0F;}
#maillist #error ul {list-style:none; margin-left:15px;}
#maillist #error li, #maillist #error label {display:block; width:100%; text-align:left; font-weight:bold;}
#maillist input.error {border-color:#9E0B0F; background-color:#FFEFF0;}

/* COPY
----------------------------------------------------------------------------- */
p.copy, .copy p {margin:.4em 0 .8em;}
.copy h5 {margin:.8em 0 -.2em; font-size:100%;}
.copy ul, .copy ol {margin:.5em 0 .8em 1em;}
.copy ul {list-style:none;}
.copy ol {list-style:decimal;}
.copy ul li {background:url(/images/site/bullet-star.gif) no-repeat left 2px; padding:1px 0 1px 14px !important;}

a.block-arrow {background:url(/images/site/sidebar-sprite.png) repeat-y -462px 3px; color:#36231B; padding-left:15px; text-decoration:none;}
a.block-arrow:hover {background-position:-462px -68px; color:#7A6C66;}

/* CATEGORY LIST
----------------------------------------------------------------------------- */
.thumb-list {clear:both; width:100%; overflow:hidden; margin-bottom:1em;}
.thumb-list li {color:#36231B; font-family:Arial, Helvetica, sans-serif;}
.thumb-list li {
	display:block;
	float:left;
	width:150px;
	margin-left:17px;
	margin-top:.5em;
	margin-bottom:.5em;
	position:relative;
}
.thumb-list li.col-1 {margin-left:0; clear:both;}
.thumb-list a {
	color:#36231B;
	text-decoration:none;
	font-weight:bold;
	position:relative;
}

/* VARIOUS PAGES
----------------------------------------------------------------------------- */
#breadcrumb {color:#36231B; font-family:Arial, Helvetica, sans-serif; font-size:95%; line-height:120%; margin-bottom:.5em; width:86%;}
#breadcrumb a {color:#62524A;	text-decoration:none;}
#breadcrumb a:hover {text-decoration:underline;}

a span.enlarge-thumb {
	display:block;
	height:20px;
	width:20px;
	text-indent:-9999px;
	background:url(/images/site/icon-sprite.png) no-repeat left -60px;
	position:absolute;
	right:5px;
	bottom:5px;
}
a:hover span.enlarge-thumb {background-position:left -90px;}


.left-col, .right-col {float:left; width:48%;}
.right-col {float:right;}
#feed-wrapper {background:url(/images/site/feed-sprite.png) no-repeat left top; margin:1em auto 0; padding-top:10px; position:relative; width:540px; z-index:50;}
#feed-content {background:url(/images/site/feed-sprite.png) repeat-y center top; padding:0 10px; overflow:hidden;}
#feed-bottom {background:url(/images/site/feed-sprite.png) repeat-y right bottom; height:10px; clear:both;}
#feed-content p {color:#D3C7BB; clear:both; font-family:Arial, Helvetica, sans-serif;}
#feed-content a {text-decoration:none;}
#feed-content h2 {color:#d3c7bb; display:block; float:left; font-family:Garamond, serif; font-size:20px; font-weight:normal; margin-bottom:.5em; position:relative;}
#feed-content a.feed-subscribe {background:url(/images/site/head-foot-sprite.png) no-repeat -1px -147px; display:block; float:left; height:15px; margin-left:4px; margin-top:2px; text-indent:-9999px; width:15px;}
#feed-content a.feed-subscribe:hover {background-position:-1px -177px;}
#feed-content h4 {clear:both; color:#D3C7BB; font-family:Garamond, serif; font-size:16px; font-weight:normal; line-height:120%; margin-bottom:.1em;}
#feed-content .feed-date {color:#74645C;}
#feed-content .feed-links {width:100%; overflow:hidden; margin-top:.4em; margin-bottom:.75em;}
#feed-content .feed-links a {border:1px solid #74645C; color:#74645C; display:block; float:left; margin-right:3px; padding:.15em .3em;}
#feed-content .feed-links a:hover {color:#D3C7BB; border-color:#D3C7BB;}

#map, #store-map {
	width:485px; 
	height:450px;
	overflow:hidden;
}
/* TEXT BUTTON */
.button-subnav {
	width:100%;
	overflow:hidden;
	list-style:none;
	padding:.8em 0;
}
.button-subnav li {
	display:block;
	float:left;
	padding:.3em 0;
}
.text-button, .jqselect select, #product-tabs a, a.fc_button, #fc_cancel_continue_shopping a, #fc_complete_order_button {
	display:block;
	float:left;
	padding:0 4px;
	border:1px solid #8E8176;
	color:#62524A;
	text-decoration:none;
	margin:3px 0;
	margin-right:10px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:transparent;
	font-size:100%;
	line-height:18px;
}
input.text-button {
 padding:0 3px 2px;
 color:#62524A;
 height:20px;
}
.text-button:focus, .text-button:active {border: 1px solid; outline:none;}
a.text-button:hover, #product-tabs a:hover, input.text-button:hover, ul li.active a, ul#product-tabs .active, a.fc_link_nav:hover, #fc_cancel_continue_shopping a:hover, #fc_complete_order_button:hover {
	color:#E9E3D5;
	background:#8E8176;
	cursor:pointer;
}
/* STYLE SELECT ELEMENT */

.jqselect {
 display:block;
 float:left;
 margin-right:10px;
 padding:3px 0;
}
.jqselect select {
	padding:0 0 1px;
	margin:0;
	background:#ECE5D8;
	width:142px;
}
:focus {outline:none;}
.js ul.newList {left:-9999px;}

ul.newList * {margin:0; padding:0;}
ul.newList {list-style:none; color:#62524A; width:auto; min-width:140px; background-color:#EAE3D6; border:1px solid #8E8176; top:18px; left:-1px; height:auto; overflow:auto; text-align:left!important; position:absolute; z-index:9999; white-space:nowrap;}
ul.newList li {padding:3px 5px 2px!important; border-bottom: 1px solid #CFC7B5; white-space:nowrap;}
ul.newList li:last-child {border-bottom:none;}

.newListSelected {color:#62524A; height:20px; padding:0; width:auto; min-width:142px;}
.selectedTxt {color:#62524A; line-height:150%;}
.newListSelected div {background:url('/images/site/jqselect-back.png') no-repeat right center; border:1px solid #8E8176; display:block; padding:0px 22px 0px 5px; text-align:left !important; height:auto; width:auto; min-width:112px;}

.hiLite {background-color:#8E8176!important;}
.newListHover {background-color:#9F8E81!important; color:#62524A!important; cursor:default;}
.newListSelHover {cursor:default;}

/* SUBSCRIBE BUTTONS */
#_atssh, #atff {display:none !important;} /* ADDTHIS IFRAME HIDE */

form#command div {float:none !important; width:90% !important;}
.subscribe-footer, .share-footer {
	clear:both;
	padding-top:1em;
	padding-bottom:.5em;
	overflow:hidden;
	width:100%;
}
.share-footer .icon, .subscribe-footer .icon {
	float:left;
	width:60px;
	color:#85776C;
}
.share-footer .notice, .subscribe-footer .notice {
	float:right;
	width:400px;
}
.notice {color:#85776C; font-size:90%;}
.share-footer .icon, .subscribe-footer .icon, .subscribe-top, .share-top {
	background:url(/images/site/icon-sprite.png) no-repeat left top;
	padding-left:20px;
	text-decoration:none;
	display:block;
	float:left;
	line-height:17px;
}
.subscribe-footer .icon, .subscribe-top {background-position:0 -420px;}
.subscribe-top, .share-top {position:absolute; top:32px; right:38px; height:20px; text-indent:-9999em;}
.subscribe-top {right:65px}
.share-footer .icon:hover, .share-top:hover {background-position:left -30px; color:#36231B;}
.subscribe-footer .icon:hover, .subscribe-top:hover {background-position:0 -450px; color:#36231B;}

/* PAGINATE */
p.paginate {width:auto; float:right; margin:.2em 0 0;}
.paginate span {margin:0 .2em;}

#popup {
	height:420px;
	overflow:hidden;
	width:800px;
	position:relative;
}
#popup h1 {
	font-size:36px;
	margin:15px 0 20px;
}
#popup h2 {
	font-size:24px;
	margin-bottom:5px;
}

#popup #popup-left {
	float:left;
	width:365px;
	margin-top:20px
}
#popup #popup-right {
	width:410px;
	float:right;
	margin-top:20px
}
#popup-bottons {
	position:absolute;
	top:10px;
	right:0;
}
#popup-bottons a {
	display:block;
	float:right;
	padding:2px 8px;
	background:#36231b;
	color:#FFF !important;
	margin-left:12px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
#popup-bottons a:hover {
	color:#E9E3D5;
	background:#8E8176;
	cursor:pointer;
}
#popup-error {
	clear:both;
	font-weight:bold;
	color:#9E0B0F;
	margin-left:82px;
}
/* LIGHTBOX
----------------------------------------------------------------------------- */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
/* BRAND WINDOW
----------------------------------------------------------------------------- */
#bw-controls {
	position:absolute;
	top:4px;
	right:245px;
	color:#7b6244;
	line-height:15px;
	font-style:italic;
}
#bw-controls span {margin:0; float:right;}
#bw-controls a {
	display:block;
	float:right;
	width:14px;
	height:15px;
	text-indent:-9999px; 
	background-image:url(/images/site/icon-sprite.png);
	background-repeat:no-repeat;
	margin-left:4px;
	margin-top:1px;
}
#bw-controls #bw-prev {background-position:0 -600px;}
#bw-controls #bw-pause {background-position:3px -540px;}
#bw-controls #bw-next {background-position:0 -660px;}

#bw-controls #bw-prev:hover {background-position:0 -630px;}
#bw-controls #bw-pause:hover, #bw-controls .resume {background-position:3px -570px !important;}
#bw-controls #bw-next:hover {background-position:0 -690px;}

#bw {
	width:505px;
	height:320px;
	list-style:none;
	overflow:hidden;
	position:relative;
}
#bw li {
	display:block;
	width:505px;
	height:320px;
	position:relative;
	background:url(/images/temp-index.jpg) no-repeat;
}
#bw li .overlay {background:url(/images/site/bw-overlay.png) repeat; padding:10px;}
#bw li.bottom .overlay {
	position:absolute;
	bottom:0;
	width:485px;
	height:45px;
}
#bw li.bottom h1 {
	float:left;
	top:10px;
	left:10px;
}
#bw li.bottom .bw-content {
	float:right;
	margin-left:10px;
	height:45px;
	overflow:hidden;
}
#bw li.bottom ul {height:28px;}
#bw li.bottom .double-wide {max-width:320px !important;}
#bw li.bottom .double-wide li {width:47%; float:left;}
#bw li.bottom .triple-wide li {width:33%; float:left;}
#bw li.bottom .full-span {max-width:460px !important;}
#bw li.bottom .full-span li {width:47%; float:left;}
#bw li.left .overlay {
	position:absolute;
	left:0;
	width:215px;
	height:300px;
}
#bw li.right .overlay {
	position:absolute;	
	right:0;
	width:200px;
	height:300px;
}
#bw h1 {font-size:210%;}
#bw h4 {font-family:Garamond, serif; font-size:130%;}
#bw p {font-family:Garamond, serif; font-size:125%;}
#bw ul li {width:auto; height:auto; background:transparent;}
#bw ul a {background:url(/images/site/sidebar-sprite.png) no-repeat -462px 2px; color:#36231B; display:block; padding-left:15px; text-decoration:none;}
#bw ul a:hover {background-position:-462px -68px; color:#7A6C66;}