@charset "utf-8";
/* CSS Document */

/* ====================BASE STYLES==================== */

html {
	height: 100%;
	font-size: 100%; /* IE hack */ 
	}
	
body {
	height: 100%;
	text-align: center;
	margin: 0;
	background: #fff;
	color: #1b1b1b;
	font-size: 92%;
	line-height: 1.1em;
	font-weight: normal;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
	
/* --------------------text-------------------- */	

p {
	padding: 7px 0 20px 0;
	margin: 0;
	font-size: 1.1em;
	letter-spacing: 0em;
	}
	
p.small {
	font-size: 0.85em;
	}
	
h1 {
	color: #fff;
	font-size: 1.8em;
	line-height: 1em;
	letter-spacing: -0.05em;
	padding: 0;
	margin: 0;
	}
	
h2 {
	color: #3d3d3d;
	font-weight: lighter;
	font-size: 2.1em;
	letter-spacing: -0.03em;
	padding: 5px 0 15px 0;
	margin: 0;
	line-height: 1em;
	}
	
h3 {
	color: #3d3d3d;
	font-weight: lighter;
	font-size: 1.4em;
	letter-spacing: -0.03em;
	padding: 7px 0 0 0;
	margin: 0;
	line-height: 1em;
	}
	
#listWrapper h3 {
	color: #3d3d3d;
	font-weight: lighter;
	font-size: 1.4em;
	letter-spacing: -0.03em;
	padding: 20px 0 0 0;
	margin: 0;
	line-height: 1em;
	}
	
.date {
	font-style: italic;
	color: #6c6c6c;
	margin: 0 0 0 0;
	padding: 7px 0 0 0;
	}
	
.intro {
	font-style: italic;
	font-size: 1.2em;
	}
	
/* --------------------images-------------------- */	
	
img {
	border: 0;
	}
	
.right {
	float: right;
	padding: 5px 0 20px 30px;
	}
	
.left {
	float: left;
	padding: 5px 30px 20px 0;
	}
	
.fbMini {
	float: right;
	padding: 3px 0 20px 4px;
	}
	
.twtrMini {
	float: right;
	padding: 3px 0 20px 10px;
	}
	
.ytMini {
	float: right;
	padding: 3px 0 20px 0;
	}
	
.fb {
	float: left;
	padding: 0 5px 0 0;
	}
	
.twtr {
	float: left;
	padding: 0 5px 0 0;
	}
	
.yt {
	float: left;
	padding: 0 0 0 0;
	}
	
/* --------------------links-------------------- */

a {
	color: #1b1b1b;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: none;
	color: #b44320;
	}
	
.linkSmall {
	font-size: 0.85em;
	}
	
#rightColHalf a {
	color: #fff !important;
	}
	
.red {
	text-decoration: none;
	color: #b44320;
	}

/* --------------------misc-------------------- */

.clear {
	clear: both;
	}

.hidden {
	display: none;
	}
	
input,
textarea {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	}
	
/* ====================MASTER LAYOUT==================== */

#container {
	text-align: center;
	margin: 15px auto;
	width: 992px;
	border: 0;
	padding: 0;
   	voice-family: "\"}\"";
   	voice-family: inherit;
	font-size: 0.9em;
	}

#frameTop {
	width: 992px;
	height: 33px;
	background: url(../images/structural/top.gif) bottom no-repeat;
	}

#frameMain {
	width: 920px !important;
 	width /**/: 992px;	
	padding: 5px 36px;
	background: url(../images/structural/bg.gif) repeat-y;
	text-align: left;
	}

#top {
	width: 890px !important;
 	width /**/: 920px;	
	padding: 3px 0 24px 30px;
	margin: 0 0 0 0;
	}

#logo {
	float: left;
	width: 166px !important;
 	width /**/: 216px;	
	padding: 0 56px 0 0;
	}

#nav {
	float: left;
	width: 668px;
	padding: 26px 0 0 0;
	}

#banner {
	width: 920px;
	height: 287px;
	}
	
#contentHome {
	width: 858px !important;
 	width /**/: 918px;	
	padding: 35px 30px 30px 30px;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	background: #fff;
	}
	
#contentAge {
	width: 858px !important;
 	width /**/: 918px;	
	padding: 35px 30px;
	text-align: center !important;
	border-top: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	background: #fff;
	}

#content {
	width: 858px !important;
 	width /**/: 918px;	
	padding: 35px 30px 30px 30px;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	background: #fff;
	}
	
#contentNoBanner {
	width: 858px !important;
 	width /**/: 918px;	
	padding: 31px 30px 30px 30px;
	border-top: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	background: #fff;
	}
	
#contentBannerBlock {
	width: 888px !important;
 	width /**/: 918px;	
	padding: 0 0 0 0;
	background: #fff;
	}

#leftCol {
	float: left;
	width: 250px !important;
 	width /**/: 305px;	
	padding: 0 55px 0 0;
	}
	
#leftColNarrow {
	float: left;
	width: 166px !important;
 	width /**/: 221px;	
	padding: 0 55px 0 0;
	}
	
#leftColHalf {
	margin: 0 auto;
	width: 166px;
	z-index: 2;
	top: 190px;
	padding: 0 0 0 31px;
	position: absolute;	
	}

#midCol {
	float: left;
	width: 250px !important;
 	width /**/: 305px;	
	padding: 0 55px 0 0;	
	}
	
#rightColHome {
	float: left;
	width: 248px !important;
 	width /**/: 248px;	
	padding: 0 0 0 0;
	}

#rightCol {
	float: left;
	width: 248px !important;
 	width /**/: 248px;	
	padding: 54px 0 0 0;
	}
	
#bannerBlock {
	float: left;
	width: 639px;
	height: 400px;
	}
	
#rightColHalf {
	margin: 0 auto;
	width: 248px;
	z-index: 2;
	top: 186px;
	margin: 0 0 0 300px ;
	padding: 0 0 0 322px;
	position: absolute;	
	color: #fff !important;
	}
	
#rightColHalf h2 {
	color: #fff !important;
	}
	
#rightColWide {
	float: left;
	width: 637px !important;
 	width /**/: 637px;	
	padding: 0 0 0 0;
	}
	
#panelL {
	float: left;
	width: 250px !important;
 	width /**/: 300px;	
	padding: 20px 50px 0 0;	
	}
	
#panelR {
	float: left;
	width: 260px !important;
 	width /**/: 260px;	
	padding: 20px 0 0 0;	
	}

#feature {
	/*border-top: 1px solid #cdcdcd;*/
	padding: 40px 0 0 30px;
	width: 890px !important;
 	width /**/: 920px;
	}

#featureL {
	float: left;
	width: 166px !important;
 	width /**/: 216px;	
	padding: 0 54px 0 0;
	}

#featureM {
	float: left;
	padding: 0 35px 0 0;
	width: 350px !important;
 	width /**/: 405px;
	font-size: 0.85em;
	}

#featureR {
	padding: 0 0 0 0;
	float: left;
	width: 90px;
	}
	
#shopFeature {
	border-top: 1px solid #e6e6e6;
	margin: 27px 0 0 0;
	padding: 20px 0 0 0;
	}
	
#shopFeatureNoBorder {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
	
#shopFeature a {
	color: #1b1b1b !important;
	}
	
#shopFeature a:hover {
	color: #b44320 !important;
	}

#frameBottom {
	width: 992px;
	height: 33px;
	background: url(../images/structural/bottom.gif) top no-repeat;	
	}

#footer {
	padding: 35px 0 10px 290px;
	text-align: left;
	font-size: 0.75em;
	color: #747474;
	}
	
#footer p {
	padding: 5px 0 10px 0;
	margin: 0;	
	}
	
#footer a {
	color: #646464 !important;
	}
	
#footer a:hover {
	color: #b44320 !important;
	text-decoration: none !important;
	}
	
/* -------------------- main nav -------------------- */

#nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#nav li {
	position: relative; 
	float: left;
	font-size: 1.2em;
	letter-spacing: -0.02em;
	padding: 5px 10px 5px 10px;
	border-left: 1px solid #E6E6E6;
	}
	
#nav li a {
	color: #898989;
	}
	
#nav li a:hover {
	color: #b44320;
	text-decoration: none;
	}

.selected {
	color: #b44320 !important;
	}
	
/* -------------------- sub nav -------------------- */

#leftColNarrow ul,
#leftColHalf ul {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
	}
	
#leftColNarrow li,
#leftColHalf li {
	font-size: 1.2em;
	letter-spacing: 0em;
	padding: 0 0 3px 10px;
	background: url(../images/structural/arrow.gif) top left no-repeat;
	}
	
#leftColNarrow li a,
#leftColHalf li a {
	color: #898989;
	}
	
#leftColNarrow li a:hover,
#leftColHalf li a:hover {
	color: #b44320;
	text-decoration: none;
	}

#leftColNarrow .selected,
#leftColHalf .selected {
	color: #b44320 !important;
	}

/* -------------------- mailchimp mini signup form -------------------- */

#rightColHome fieldset,
#rightColHalf fieldset {
	border: none;
	margin: 0;
	padding: 0;
	}
	
#rightColHome label,
#rightColHalf label {
	margin: 0;
	padding: 0;
	}
	
#rightColHome input,
#rightColHalf input {
	margin: 5px 0 0 0;
	padding: 4px;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
	
.btn-subscribe {
	position: relative;
	top: 11px;
	font-size: 0.8em !important;
	padding: 0 !important;
	margin: 0 0 0 3px !important;
	}
	
#rightColHome input #mce-EMAIL,
#rightColHalf input #mce-EMAIL {
	width: 250px !important;
	}
	
div.mce_inline_error { 

}

/* -------------------- shop form -------------------- */

#shopForm {
	margin: 10px 0 20px 0;
	}
	
#shopForm table thead td {
	font-size: 1.2em;
	vertical-align: top;
	}
	
#shopForm table td {
	padding: 5px 15px 5px 0;
	vertical-align: top;
	}
	
#shopForm table td input {
	width: 40px;
	}
	
#shopForm table td input.inputWider {
	width: 160px !important;
	}