/* OUTSIDE SHELL */

body, html {
	background: url("images/bg-main2.jpg") top center repeat-y #FFF6D9;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	}

#container {
	width: 780px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}

/* MAIN CONTENT AREA */

#mainarea {
	padding: 10px 30px 0 20px;
	margin: 0;
	}

#leftcolumn {
	float: left;
	width: 190px;
	padding: 0;
	margin: 0;
	}
	
#content {
	float: right;
	padding: 0;
	width: 515px;
	font: 11px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #1A0C00;
	}
	
	
#flashcontent {
	z-index: 50;
	}

/* TOP HEADER */

#banner {
	background: url("images/banner.jpg") top center repeat-x #f5eed4;
	width: 781px;
	height: 160px;
	margin: 0;
	padding: 0;
	text-align: right;
	}

#banner h1 {
	text-align: right;
	margin: 0;
	padding: 70px 30px 0 0;
	font: 22px "Georgia", "Times New Roman", Times, serif;
	color: #fff;
	}
	
#banner h1.stacked {
	text-align: right;
	margin: 0;
	padding: 46px 30px 0 0;
	font: 22px/24px "Georgia", "Times New Roman", Times, serif;
	color: #eeb25a;
	}
	
#banner ul {
	margin: 0;
	padding: 0;
	position: relative;
	top: 118px;
	left: 29px;
	text-align: left;
	}
	
#banner ul li {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0 6px 0 0;
	font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #eeb25a;
	}
#banner ul li a {
	padding: 4px 6px;
	font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-decoration: none;
	color: #eeb25a;
	background: #6D465B;
	border: 1px solid #6D465B;
	}
	
#banner ul li a:hover {
	text-decoration: none;
	color: #fff;
	background: #533648;
	border: 1px solid #BA7C55;
	}


	
#banner-home {
	background: url("images/banner-home.jpg") top center repeat-x #f5eed4;
	width: 781px;
	height: 160px;
	margin: 0;
	padding: 0;
	text-align: right;
	}

#banner-home h1 {
	text-align: right;
	margin: 0;
	padding: 70px 30px 0 0;
	font: 22px "Georgia", "Times New Roman", Times, serif;
	color: #fff;
	}
	
#banner-home h1.stacked {
	text-align: right;
	margin: 0;
	padding: 46px 30px 0 0;
	font: 22px/24px "Georgia", "Times New Roman", Times, serif;
	color: #eeb25a;
	}
	
#banner-home ul {
	margin: 0;
	padding: 0;
	position: relative;
	top: 118px;
	left: 29px;
	text-align: left;
	}
	
#banner-home ul li {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0 6px 0 0;
	font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	color: #eeb25a;
	}
#banner-home ul li a {
	padding: 4px 6px;
	font: 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-decoration: none;
	color: #eeb25a;
	background: #6D465B;
	border: 1px solid #6D465B;
	}
	
#banner-home ul li a:hover {
	text-decoration: none;
	color: #fff;
	background: #533648;
	border: 1px solid #BA7C55;
	}
	
	
/* PROMO ROLLOVERS */

#percent {
	float: right;
	width: 128px;
	height: 131px;
	padding: 0 28px 0 0;
	margin: 0;
	}
	
#percent a {
	display: block;
	width: 128px;
	height: 131px;
	background: url("images/96percent_onoff.jpg") 0 -131px no-repeat;
	text-decoration: none;
	}
	
#percent a:hover {
	background: url("images/96percent_onoff.jpg") 0 0 no-repeat;
	}
	

#candice_promo {
	width: 188px;
	height: 136px;
	padding: 0;
	margin: 324px 0 0 0;
	}
	
#candice_promo a {
	display: block;
	width: 188px;
	height: 136px;
	background: url("images/promo_candiceolson.jpg") 0 -138px no-repeat;
	text-decoration: none;
	}
	
#candice_promo a:hover {
	background: url("images/promo_candiceolson.jpg") 0 0 no-repeat;
	}
	
.brands {
	padding: 0;
	margin: 26px 4px 0 0;
	background: #fff;
	border: 3px solid #C28650;
	text-align: center;
	}
	
.brands img {
	padding: 14px 20px;
	margin: 0;
	vertical-align: middle;
	}
	
p.specials {
	padding: 8px;
	margin: 5px 0 10px 0;
	background: #FFFCE3;
	min-height: 100px;
	height: auto !important; height:100px;
	}
	
p.specials img {
	float: left;
	padding-right: 12px;
	}
	
p.specials img.coupon {
	float: right;
	padding: 0 2px 4px 4px;
	}
	
p.specials b {
	color: #000;
	}
	
p.specials b.red {
 color: #903;
 }


div#clear {
	clear: both;
	}
	
	
/* FOOTER */
#footer {
	font: 10px "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #673b15;
	text-align: left;
	padding: 20px 0;
	margin: 0;
	}
	
#footer a, #footer a:link {
	font: 10px "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #673b15;
	border-bottom: 1px dotted #61394f;
	text-decoration: none;
	}
	
#footer a:hover {
	color: #000;
	border-bottom: 0;
	text-decoration: none;
	}
	
/* MICRO STYLES */

img.framed {
	background: #fff;
	padding: 10px;
	margin: 0 20px 0 0;
	}
	
h1 {
	padding: 10px 0 12px 0;
	font: 22px "Georgia", "Times New Roman", Times, serif;
	color: #000;
	}
	
h2 {
	padding: 6px 0 3px 0;
	margin: 0;
	font: 18px "Georgia", "Times New Roman", Times, serif;
	color: #000;
	}
	
h3 {
	padding: 0 0 6px 0;
	margin: 0;
	font: 12px "Lucida Grande", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #6D465B;
	}
	
a, a:link, a:visited {
	font: bold 11px/18px "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #8C1821;
	font-weight: bold;
	text-decoration: underline;
	}
	
a:hover {
	font: bold 11px/18px "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #723D1D;
	font-weight: bold;
	text-decoration: none;
	}
	
b {
color: #900;
}

img {
 border: none;
 }

img.staffpix {
	padding: 6px;
	background-color: #fff;
	margin: 0 12px 6px 0;
	float: left;
	}

img.staffpix-nofloat {
	padding: 6px;
	background-color: #fff;
	margin: 0 12px 6px 0;
	}

hr {
	background: #BD966B;
	color: #BD966B;
	border: 0 none;
	width: 90%;
	height: 2px;
	margin: 30px 0 20px 0;
	text-align: left;
	}
	
.comment {
	font: 11px "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #673b15;
	padding: 0;
	margin: 4px 0 0 0;
	}
	
div.hotbox {
	width: 75%;
	padding: 8px;
	background: #E7E1D1;
	border: 4px solid #CEC8B8;
	}

/* PULLQUOTES */

blockquote.pullquote {
	border-bottom: 1px dotted #000;
	background: url(images/openquote.gif) no-repeat 4px 6px;
	padding: 10px 0;
	margin: 5px 0;
	}

div.pullquote {
	font: 12px/18px "Lucida Grande Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
	margin: 10px;
	background: url(images/closequote.gif) no-repeat bottom right !important;
	background /**/:url(); /* removing quote graphic in IE5+ */
	padding: 0px 25px 5px 0px;
}

.pullquote:first-letter {
	padding: 12px 0 10px 35px;

}

.pullquote-author {
	padding: 0 10px 0 0;
	font: 11px/12px "Lucida Grande Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #000;
	text-transform: uppercase;
	text-align: right;
}