/****************************/
/* Base Color HSB: 40 20 20 */
/*                          */
/* 100% #333029             */
/*  90% #48443E             */
/*  80% #5D5954             */
/*  60% #85837F             */
/*  50% #999794             */
/*  40% #AEACA9             */
/*  10% #EAEAE9             */
/*   5% #F5F4F4             */
/*                          */
/****************************/


* {
	margin: 0px;
	padding: 0px;
	border: 0px;
	}
html, body {
	height: 100%;
	}
body {
	background: #FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 62.5%;
	color: #5D5954;
	}
h2 {
	margin-bottom: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 3.8em;
	font-weight: normal;
	line-height: 110%;
	}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.1em;
	font-weight: normal;
	line-height: 120%;
	}
h4 {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 100%;
	}
a {
	color: #48443E;
	text-decoration: none;
	}
a:hover {
	color: #85837F;
	}
a:focus {
	outline: none;
	}
.wrapper {
	width: 970px;
	height: 100%;
	}
.left {
	padding-bottom: 40px;
	position: absolute;
	top: 350px;
	left: 50px;
	width: 200px;
	z-index: 100;
	}
.right {
	padding-bottom: 40px;
	position: absolute;
	top: 350px;
	left: 350px;
	width: 600px;
	z-index: 110;
	}
.bgImage {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 970px;
	z-index: 0;
	text-align: center;
	}
#logo {
	background: url('/_img/nav_logo.gif') top left no-repeat;
	width: 152px;
	height: 43px;
	}
#nav {
	margin-top: 20px;
	list-style: none inside;
	}
#nav > li {
	font-size: 1.7em;
	font-style: italic;
	line-height: 141%;
	}
.subnav {
	margin: 0px 0px 0px 10px;
	padding: 3px 0px 15px 0px;
	list-style: none inside;
	}
.subnav li {
	font-size: .75em;
	line-height: 140%;
	}
.subnav li.break {
	padding-top: 10px;
	}
#nav li li a {
	color: #5D5954;
	}
#nav li li a:hover {
	color: #85837F;
	}
.bagAlert {
	margin-top: 40px;
	}
#bottomNav {
	margin-top: 60px;
	word-spacing: .2em;
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
	line-height: 100%;
	color: #AEACA9;
	}
#bottomNav a {
	word-spacing: 0em;
	color: #5D5954;
	}
#bottomNav a:hover {
	color: #85837F;
	}

/*******************/
/* common elements */
/*******************/

dl.columns {
	padding-bottom: 40px;
	}
dl.columns dd {
	float: left;
	}
dd.half {
	width: 285px;
	}
dd.third {
	width: 190px;
	}
dd.twothirds {
	width: 380px;
	}
ul.productThumbs {
	padding-bottom: 30px;
	width: 570px;
	list-style: none;
	}
ul.productThumbs li {
	margin-right: 10px;
	padding-bottom: 8px;
	float: left;
	}
img.thumb {
	border: 1px solid #EAEAE9;
	}

/*******************/
/* generic content */
/*******************/

.content {
	}
.content h4 {
	padding-bottom: 10px;
	font-size: 1.5em;
	line-height: 100%;
	}
.content p {
	padding-bottom: 20px;
	font-size: 1.4em;
	line-height: 130%;
	}
.content a {
	text-decoration: underline;
	}

/**********/
/* events */
/**********/

.events {
	}
.events h3 {
	}
.event {
	padding-bottom: 5px;
	}
.event dt {
	float: left;
	width: 100px;
	}
.event dt b {
	display: block;
	text-align: center;
	font-size: 1.5em;
	line-height: 100%;
	color: #5D5954;
	}
.event dd {
	margin-left: 10px;
	/*border-top: 1px solid #EAEAE9;
	border-left: 1px solid #EAEAE9;*/
	float: left;
	width: 400px;
	}
.event dd h4 {
	font-size: 1.3em;
	line-height: 140%;
	}
.event dd h5 {
	padding: 5px 0px;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 100%;
	}
.event dd p {
	padding-bottom: 10px;
	font-size: 1.2em;
	line-height: 130%;
	}

/********/
/* seen */
/********/

.seenContainer {
	margin-bottom: 20px;
	}
dl.celebrities {
	padding-bottom: 20px;
	width: 570px;
	}
dl.celebrities dt {
	float: left;
	width: 185px;
	}
dl.celebrities dd {
	padding: 5px 0px;
	float: left;
	width: 385px;
	}
dl.celebrities dd h5 {
	font-size: 1.4em;
	font-weight: normal;
	font-style: italic;
	line-height: 100%;
	}
dl.celebrities dd p {
	padding-bottom: 10px;
	font-size: 1.3em;
	line-height: 120%;
	}
dl.press {
	}
dl.press dd {
	margin-right: 10px;
	padding-bottom: 40px;
	width: 180px;
	height: 270px;
	float: left;
	}
dl.press h4 {
	margin-left: 5px;
	padding-top: 2px;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 120%;
	}
dl.press p {
	margin-left: 5px;
	padding-top: 1px;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 120%;
	}
dl.press h5 {
	margin-left: 5px;
	padding-top: 7px;
	font-size: 1.3em;
	font-weight: normal;
	font-style: italic;
	line-height: 120%;
	}

/**********/
/* stores */
/**********/

.stores {
	}
.stores h3 {
	padding-top: 3px;
	}
.store {
	padding-bottom: 20px;
	}
.store dt {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 120%;
	}
.store dd {
	font-size: 1.2em;
	line-height: 130%;
	}
.store dd a {
	text-decoration: underline;
	}
.stores ul {
	list-style: none;
	}
.stores li {
	font-size: 1.3em;
	line-height: 140%;
	}

/********/
/* shop */
/********/

.shop, .collection {
	width: 570px;
	}
.shop h2, .collection h2 {
	padding-bottom: 10px;
	}
.categoryContainer {
	padding-bottom: 40px;
	}
dl.category {
	margin-bottom: 8px;
	width: 500px;
	}
dl.category dt {
	margin-right: 20px;
	float: left;
	}
dl.category dd h4 {
	padding: 4px 0px 10px 0px;
	font-size: 1.7em;
	font-weight: normal;
	font-style: italic;
	line-height: 100%;
	}
dl.category dd h4 a {
	color: #474135;
	}
dl.category dd p {
	font-size: 1.3em;
	line-height: 120%;
	}

/***********/
/* product */
/***********/

.product {
	padding: 299px 0px 40px 0px;
	width: 570px;
	}
p.description {
	margin-top: -35px;
	padding-bottom: 40px;
	font-size: 1.4em;
	line-height: 130%;
	color: #5C564C;
	}
p.description a {
	text-decoration: underline;
	}
p.customization {
	padding-bottom: 20px;
	font-size: 1.4em;
	line-height: 130%;
	}
p.customization a {
	text-decoration: underline;
	}
table.custom {
	border-collapse: collapse;
	width: 380px;
	}
table.custom td {
	width: 190px;
	vertical-align: top;
	}
table.custom label {
	font-size: 1.2em;
	}

/*****************/
/* shopping cart */
/*****************/

.cart {
	margin: -20px 0px 40px 0px;
	width: 570px;
	border-collapse: collapse;
	}
.cart thead {
	border-bottom: 1px solid #E1E0DE;
	}
.cart thead td {
	padding-bottom: 5px;
	font-size: 1.1em;
	color: #858079;
	}
.cart td.colShort {
	width: 70px;
	}
.cart td.colRemove {
	width: 27px;
	}
.cart td.colQty {
	width: 49px;
	}
.cart td.colLong {
	width: 284px;
	}
.cart tbody tr {
	border-bottom: 1px solid #E1E0DE;
	}
.cart tbody td {
	padding: 10px 0px 7px 0px;
	font-size: 1.3em;
	line-height: 120%;
	}
.cart tbody td.options {
	font-size: 1.2em;
	}
.cart tfoot td {
	padding-top: 10px;
	}
h5.underline {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #E1E0DE;
	font-size: 1.1em;
	font-weight: normal;
	color: #858079;
	}

/********************/
/* forms and buttons*/
/********************/

.customization {
	margin-top: -40px;
	}
p.button {
	padding-bottom: 5px;
	width: 180px;
	font-size: 1.1em;
	line-height: 22px;
	}
p.button a {
	padding-left: 9px;
	display: block;
	color: #5C564C;
	}
p.button a:hover {
	text-decoration: none;
	}
p.add {
	background: url('/_img/button/plus.gif') top left no-repeat;
	}
p.send {
	background: url('/_img/button/arrow.gif') top left no-repeat;
	}
p.detail {
	background: url('/_img/button/detail.gif') top left no-repeat;
	}
p.customDetail {
	padding: 0px;
	background: url('/_img/button/detail.gif') top left no-repeat;
	}
p.update {
	background: url('/_img/button/update.gif') top left no-repeat;
	}
p.text {
	background: url('/_img/button/blank.gif') top left no-repeat;
	}
p.square {
	padding-left: 3px;
	background: url('/_img/button/quantity.gif') top left no-repeat;
	width: 19px;
	}
p.mail {
	background: url('/_img/button/blank_mail.gif') top left no-repeat;
	height: 24px;
	}
.inputText {
	padding: 3px 0px 0px 8px;
	background: transparent;
	width: 170px;
	height: 19px;
	display: block;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	line-height: 100%;
	color: #5C564C;
	}
.quantity {
	padding-left: 0px;
	width: 17px;
	font-size: .8em;
	}
.inputSubmit {
	padding-left: 8px;
	background: transparent;
	width: 170px;
	height: 20px;
	display: block;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	line-height: 22px;
	color: #5C564C;
	}
.inputMail {
	padding: 4px 0px 0px 8px;
	background: transparent;
	float: left;
	width: 143px;
	height: 18px;
	display: block;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	color: #5C564C;
	}
.mailSubmit {
	background: url('/_img/button/submit_small.gif') top left no-repeat;
	width: 22px;
	height: 22px;
	float: right;
	color: transparent;
	}
label {
	padding: 5px 0px;
	display: block;
	font-size: 1em;
	line-height: 100%;
	color: #858079;
	}
#shipping, #coupon {
	padding-bottom: 40px;
	}
#mailinglist_form {
	padding-top: 20px;
	}

/************/
/* examples */
/************/

.examples {
	margin: 0px 20px;
	padding: 20px 0px;
	}
.examples h4 {
	margin-bottom: 10px;
	font-size: 2em;
	font-style: italic;
	font-weight: normal;
	color: #858079;
	}
.examples p {
	margin-bottom: 20px;
	font-size: 1.3em;
	line-height: 130%;
	color: #5C564C;
	}
.exampleContainer {
	margin-bottom: 20px;
	}
dl.example {
	width: 125px;
	float: left;
	}
dl.example dt {
	padding-bottom: 20px;
	text-align: center;
	font-size: 1.2em;
	line-height: 100%;
	}
dl.example dd {
	text-align: center;
	}
	
/*	Signup page	*/	
.signup {	font-size: 1.1em;	}
.signup legend {	font-size: 1.636em; font-style: italic;	}
.signup .text, .signup .btn {	
	font-family: Georgia, Times, serif;	
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.signup {	width: 310px;	}
.signup div {	overflow: hidden; padding-bottom: 17px;	}
.signup div.control {	text-align: right;	}
.signup .text, .signup .btn {	border: 1px solid #E1E0DE; color: #48443e; font-size: 1.0em;  margin-right: 10px;	}
.signup .btn {	background: url('/_img/button/btn-arrow.gif') center right no-repeat; padding: 3px 0 3px 7px; font-size: 1.091em; width: 78px; text-align: left; cursor: pointer;	}
.signup input.text, .signup textarea.text {	padding: 3px 8px; width: 282px; margin-top: 5px;	}
.signup textarea.text {	overflow: auto	}
.signup label {	color: #48443e; display: block; padding: 0;	}
.signup label input, .signup label select {	display: block; margin-top: 5px;	}
.signup .note {	color: #85837f; font-size: 1.0em; font-style: italic; padding-bottom: 0;	}
.signup .block {	float: left;	}
.signup fieldset .first {	padding-top: 25px;	}
.signup #zipcode {	width: 122px;	}
.signup #state, .signup #month {	width: 148px;	}
.signup #month {	width: 148px; display: inline	}
.signup #day {	width: 58px; display: inline	}

/********/
/* misc */
/********/

.invisible {
	margin-bottom: 10px;
	display: none;
	}

/********************/
/* sifr adjustments */
/********************/

.sIFR-active h2,
.sIFR-active h3 {
	visibility: hidden;
	}
	
/* magical float clearing stuff: http://positioniseverything.net/easyclearing.html */

.clear:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
	}
.clear {
	display: inline-block;
	}

/* Hides from IE Mac \*/
* html .clear {
	height: 1%;
	}
.clear {
	display:block;
	}
/* End Hack */

 /********************/
 /* Customer Experience - Erik Hansen */
 /********************/
 
 ul.customer-service { padding: 8px 8px 8px 30px; background: #eee; margin-bottom: 10px; }
 ul.customer-service li { font-size: 10pt; margin-bottom: 3px; }
 ul.customer-service li a { text-decoration: none; }
 
 ul.customer-service li ul { padding-left: 30px; }

