@charset "utf-8";


/* 	= = = = = = = = = = = = = = = = = = = = =
	HTML TAG STYLES															
	Defines appearance of basic HTML tags 										
 	= = = = = = = = = = = = = = = = = = = = =	*/


body, td, th {
	font: 12px/1.5em Arial, Helvetica, sans-serif;
	color: #54301A;
}
	
	
input, select, textarea {
	font: 12px/1em Arial, Helvetica, sans-serif;
	color: #00A5B6;
}


p {
	margin-bottom: 1.8em;
}

	
h1 {
	font: 30px/1em "Avant Garde", "Century Gothic", Arial, Helvetica, sans-serif;
	color: #00A5B6;
	margin-bottom: .7em;
}

	
h2 {
	font: 16px/1em "Avant Garde", "Century Gothic", Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	margin-bottom: .4em;
	color: #00A5B6;
}

	h2.subhead {
		font: 25px/1.3em Arial, Helvetica, sans-serif;
		margin-bottom: .8em;
	}

	
h3 {
	font-size: 13px;
	color: #00A5B6;
	margin: 1.5em 0 .1em 0;
}


h4 {
	font-size: 13px;
	color: #00A5B6;
	margin: 0 0 .4em 0;
	font-weight: bold;
}

	
h5 {
	font-size: 12px;
 	color: #00A5B6;
}

	
h6 {
	font-size: 11px;
 	color: #00A5B6;
}
	
	
dt {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: .2em;
}

	
ul, ol, dl {
}


ul {
	list-style-type: disc;
	padding-left: 1.5em;
	padding-right: 1.5em;
}


li {
	padding-left: 0;
	padding-right: 0;
}


a, a:link, a:visited {
	color: #00A5B6;
	text-decoration: none;
}


a:hover, a:active {
	color: #0099DA;
	text-decoration: underline;
}


hr {
}


big {
	font-size: 20px;
}


/* 	= = = = = END HTML TAG STYLES = = = = =	*/




/* 	= = = = = = = = = = = = = = = = = = = = =
	GLOBAL CSS CLASSES															
	Defines basic CSS classes for general purposes										
 	= = = = = = = = = = = = = = = = = = = = =	*/

.below {
	position: absolute;
	margin-top: 1px;
}


.restunder {
	margin-top: -1.5em;
}


.note, .fineprint {
	font-size: 10px;
	font-style: italic;
	line-height: 1.3em;
	margin-bottom: 2.5em;
}


.fineprint {
	margin-top: 2em;
}


.littlemorespace {
	margin-top: 1.5em;
}


.morespace {
	margin-top: 3em;
}


.muchmorespace {
	margin-top: 5em;
}


.contentimg {
	display: block;
	margin: 1.5em auto;
	text-align: center;
}


.bullet {
	padding: 0 .3em;
}


.indent {
	margin-left: 2em;
}


/* 	= = = = = END GLOBAL CSS CLASSES = = = = =	*/




/* 	= = = = = = = = = = = = = = = = = = = = =
	REUSABLE FORM CLASSES															
	Generic, reusable CSS Classes for
	form elements
 	= = = = = = = = = = = = = = = = = = = = =	*/


#expiration_year {
	width: 60px;
}

#zip, #bzip {
	width: 60px;
}

#cvv2 {
	width: 40px;
}


form.styled {
	font-size: 11px;
	line-height: 1.5em;
}

	form.styled fieldset {
		display: block;
		clear: both;
		margin-bottom: 1.2em;
	}
	
	form.styled input, form.styled select {
		font-size: 11px;
	}
	
	form.styled span.question {
		display: block;
		color: #00A5B6;
		margin: 2em 0 1em 0;
	}
	
	form.styled p {
		 clear: both;
	}
	
	form.styled .input {
		display: block;
		overflow: hidden;	/* FLOAT COLLAPSE: FF, IE7 */
		height: 1%; 		/* FLOAT COLLAPSE: IE6 */
		clear: both;
		margin-bottom: .6em;
	}
	
		form.styled .input label {
			float: left;
			width: 130px;
			padding-top: 1px;
		}
		
		form.styled .input input {
			width: 185px;
		}
		
		form.styled .input select option {
			padding-right: 20px;
		}
		
		
	form.styled .inputblock {
		display: block;
		clear: both;
		margin: .6em 0;
	}
	
		form.styled .inputblock label {
			display: block;
			padding: 2px 0;
		}
		
	
	form.styled .choice {
	}
	
		form.styled .choice .option {
			display: block;
			margin-bottom: .6em;
			.margin-bottom: .2em;
			position: relative;
		}
		
		form.styled .choice input {
			vertical-align: middle;
		}
		
		form.styled .choice label {
			margin-left: .6em;
		}
		
		form.styled .choice input.followup {
			 position: absolute;
			 left: 130px;
			 width: 185px;
			 _margin-top: .1em;
		}
		
		
	form.styled .check {
		display: block;
		margin-bottom: .6em;
		.margin-bottom: .2em;
	}
	
		form.styled .check input {
			vertical-align: middle;
			margin-top: -2px;
		}
		
		form.styled .check label {
			margin-left: .6em;
		}
		
		
	form.styled .choice.short {
	}
	
		form.styled .choice.short .option {
			float: left;
			margin-right: 1em;
		}
		
		form.styled .choice.short input {
		}
		
		form.styled .choice.short label {
			margin-left: .2em;
		}
		
		
	form.styled .question.followup {
		display: block;
		clear: both;
		.margin-top: -1em;
	}
	
		form.styled .question.followup label {
			margin: 0;
			color: #54301A;
		}
		
		form.styled .question.followup input {
			width: 305px;
		}
		
		
	form.styled p.question {
	}
	
		form.styled p.question label {
			margin: 2em 0 .4em 0;
			display: block;
			color: #00A5B6;
		}
		
		form.styled p.question input {
			margin-left: 1em;
			width: 305px;
		}
	
	
	form.styled .numberset {
	}
	
		form.styled .numberset .input {
			margin-bottom: .6em;
		}
		
		form.styled .numberset input {
			width: 24px;
			float: left;
		}
		
		form.styled .numberset label {
			width: 80%;
			margin-left: 1em;
		}
		
	
	form.styled .thumbradio {
		display: block;
		float: left;
		clear: none;
		margin: 0;
		width: 50%;
		text-align: center;
		margin-bottom: .8em;
	}	
	
		form.styled .thumbradio label {
			display: block;
			margin: .4em 0;
		}
		
		form.styled .thumbradio img {
			display: inline;
		}
		

	form.styled #submit, #addtocart {
		background: none;
		border: none;
		text-transform: uppercase;
		padding: 0;
		margin: 0;
		font-size: 12px;
		cursor: pointer;
		text-align: center;
		width: 100%;
	}

/* 	= = = = = END FORM CLASSES = = = = =	*/




/* 	= = = = = = = = = = = = = = = = = = = = =
	RESUABLE ELEMENT CLASSES															
	CSS Classes for reusable/repeating elements
	with a set structure										
 	= = = = = = = = = = = = = = = = = = = = =	*/

table.products {
	margin: 0 0 .5em 0;
	width: 93%;
}	
	
	table.products td {
		font-size: 11px;
		line-height: 1.5em;
	}

	table.products td.price {
		text-align: right;
	}
	
	
dl.detail {
	clear: both;
	font-size: 11px;
	line-height: 1.5em;
	margin: 0 0 1.8em 0;
	overflow: hidden;
	height: 1%;
	width: 93%;
}

	dl.detail dt {
		clear: both;
		font-size: 11px;
		color: #00A5B6;
	}
	
	dl.detail dd.time {
		float: left;
		clear: left;
	}
	
	dl.detail dd.price {
		float: right;
		clear: right;
	}

div.summary {
	font-size: 11px;
	line-height: 1.5em;
}


ul.download {
	list-style-type: none;
	padding: 0;
	overflow: hidden;
	height: 1%;
}

	ul.download li {
		width: 50%;
		float: left;
	}
	
	
blockquote {
	margin-bottom: 1.5em;
	font-size: 11px;
	line-height: 1.5em;
}	

	blockquote p {
		margin-bottom: .1em;
	}
	
	blockquote p.cite {
		color: #00A5B6;
		font-style: italic;
	}
	
	
.newsitem {
	margin-bottom: 1.5em;
	font-size: 11px;
	line-height: 1.5em;
}

	.newsitem dt {
		font-weight: normal;
		font-size: 13px;
		color: #00A5B6;
		font-style: italic;
		margin-bottom: .1em;
	}
	
	.newsitem dd {
	
	}
	
	
ul.labeled {
	list-style-type: none;
	padding: 0;
	margin-bottom: 1.5em;
}

	ul.labeled li {
		padding: 0;
	}
	
	ul.labeled .label {
		display: block;
		float: left;
		width: 110px;
	}
	
	
table.receipt {
	width: 100%;
}	

	table.receipt th {
		background: #54301A;
		padding: 5px 10px;
		color: #ffffff;
		font-weight: bold;
		text-align: center;
	}
	
	table.receipt td {
		padding: 10px;
		vertical-align: middle;
		font-size: 11px;
		text-align: center;
	}
	
		table.receipt .title {
			text-align: left;
		}
	
	table.receipt p {
		margin-bottom: .6em;
	}
	
	table.receipt td.thumb img {
		display: inline;
		margin-bottom: .4em;
	}
	
	table.receipt td.total {
		font-size: 12px;
		border-top: 1px dashed #54301A;
		padding: 10px;
		line-height: 2em;
	}
	
	
.item {
	width: 250px;
	height: 325px;
	padding: 15px;
	float: left;
	text-align: center;
	border-bottom: 1px dotted #999999;
	border-right: 1px dotted #999999;
}

	.item.even { border-right: none; }
	.item.lastrow { border-bottom: none; }

	.item h4, .item-detail h4 {
		color: #00A5B6;
		margin-bottom: .2em;
		font-size: 12px;
	}
	
	.item a.thumb {
		display: block;
		height: 215px;
		overflow: hidden;
		margin-bottom: .5em;
	}
	
	.item a.details {
		display: block;
		margin-bottom: .5em;
		font-size: 10px;
		font-weight: bold;
		color: #4B2F27;
	}
	
	.item select, .item-detail select {
		font-size: 11px;
		width: 180px;
		display: block;
		margin: 0 auto .5em auto;
		border: 1px solid #cccccc;
		padding: 1px;
	}
	
	.item p.size {
		font-size: 11px;
		color: #00A5B6;
		margin: 5px auto 6px auto;
	}
	
	.item .submit, .item-detail .submit  {
		display: block;
		width: 100px;
		margin: 0 auto;
		background: #1C9FAE;
		color: #FFFFFF;
		border: none;
		padding: 0;
		font-size: 12px;
		line-height: 1em;
		padding: 3px 0;
		cursor: pointer;
	}


.item-detail {
}

	.item-detail h4 {
		margin-bottom: 1em;
	}
	
	.item-detail .thumb {
		width: 48%;
		float: left;
		text-align: center;
		overflow: hidden;
	}
	
	.item-detail .thumb img {
		display: inline;
	}
	
	.item-detail .desc {
		width: 45%;
		float: right;
		margin-right: 7%;
	}
	
	.item-detail select, item-detail .size {
		margin: 1em 0;
	}
	
	.item-detail .submit {
		margin: 1.5em 0;
	}
	
	.item-detail .return {
		display: block;
	}
	
	.item-detail .desc {
		float: right;
	}
	
	
table.shipping {
	width: 100%;
	border-bottom: 1px dashed #54301A;
	margin-bottom: 2em;
}	

	table.shipping th {
		background: #54301A;
		padding: 5px 10px;
		color: #ffffff;
		font-weight: bold;
		text-align: center;
	}
	
	table.shipping td {
		padding: 2px;
		vertical-align: middle;
		font-size: 11px;
		text-align: center;
	}
	
	table.shipping tr.first td {
		padding-top: 10px;
	}
	
	table.shipping tr.last td {
		padding-bottom: 10px;
	}
	
	table.shipping tr.group td {
		border-top: 1px dashed #54301A;
		padding-top: 10px;
	}
	
	
.filters {
	margin: 0 0 1px 0;
	padding: .6em .3em;
	border-top: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
	font-weight: bold;
	overflow: hidden;
	zoom: 1;
}

	.filters label {
		font-size: 11px;
	}
	
	.filters select {
		border: 1px solid #cccccc;
		padding: 2px;
		margin: 0 .5em;
		font-size: 11px;
		vertical-align: middle;
		line-height: 1.4em;
	}
	
	.filters #subcategories {
		width: 200px;
	}
	
	.filters #brands {
		width: 160px;
	}
	
	.filters option.l2 {
		color: #4C3027;
		font-weight: bold;
	}
	
	.filters option.spacer {
		font-size: 6px !important;
	}
		
	
.pagination {
	list-style-type: none;
	padding: 0;
	font-weight: normal;
	font-size: 11px;
	display: inline;
	margin: 0 .5em;
}

	.pagination li {
		display: inline;
		padding: 0;
		margin-right: .4em;
	}	
		
		
/* 	= = = = = END REUSABLE ELEMENT CLASSES = = = = =	*/




/* 	= = = = = = = = = = = = = = = = = = = = =
	GLOBAL TEMPLATE STYLES															
	IDs defining the basic shell and layout
	of the site	global to all pages							
 	= = = = = = = = = = = = = = = = = = = = =	*/

#shell {
	width: 760px;
	margin: 5px auto;
}


#main {
	border: 1px solid #502550;
	margin-bottom: 26px;
}

.home #main {
	margin-bottom: 8px;
}


#header {
	background-position: center;
	background-repeat: no-repeat;
}

	#header a {
		display: block;
		height: 123px;
		text-indent: -9999px;
	}
	
	body.home #header 		{ background-color: #9C3369; background-image: url('/_media/_img/logos/logo-home.gif'); }
	body.shop #header 		{ background-color: #00A5B6; background-image: url('/_media/_img/logos/logo-teal.gif'); }
	body.services #header 	{ background-color: #502550; background-image: url('/_media/_img/logos/logo-violet.gif'); }
	body.belles #header 	{ background-color: #96AD00; background-image: url('/_media/_img/logos/logo-green.gif'); }
	body.about #header 		{ background-color: #FFDC02; background-image: url('/_media/_img/logos/logo-yellow.gif'); }
	body.giving #header 	{ background-color: #96AD00; background-image: url('/_media/_img/logos/logo-green.gif'); }
	body.employment #header { background-color: #F05133; background-image: url('/_media/_img/logos/logo-orange.gif'); }
	body.contest #header 	{ background-color: #FFDA4C; background-image: url('/_media/_img/logos/logo-home.gif'); }

#nav {
	padding: 0;
	list-style-type: none;
	height: 23px;
}

	#nav li {
		padding: 0;
		float: left;
	}
	
	#nav a:link, #nav a:visited {
		display: block;
		height: 23px;
		background-position: top-left;
		background-repeat: no-repeat;
		text-indent: -9999px;
	}
	
	#nav a:hover, #nav a:active {
		background-position: bottom left;
	}
	
	#nav li.selected a {
		background-position: bottom left;
	}
	
	
	#nav li.shop a			{ width: 88px; background-image: url('/_media/_img/nav/shop.gif'); }
	#nav li.services a		{ width: 124px; background-image: url('/_media/_img/nav/services.gif'); }
	#nav li.belles a		{ width: 174px; background-image: url('/_media/_img/nav/belles.gif'); }
	#nav li.about a			{ width: 129px; background-image: url('/_media/_img/nav/about.gif'); }
	#nav li.giving a		{ width: 108px; background-image: url('/_media/_img/nav/giving.gif'); }
	#nav li.employment a	{ width: 135px; background-image: url('/_media/_img/nav/employment.gif'); }


#subnav, #subnav ul {
	list-style-type: none;
	padding: 0;
}

	#subnav li {
		padding: 0;
		text-transform: lowercase;
	}
	
	#subnav a:link, #subnav a:visited {
		display: block;
		color: #4C3027;
		padding: 2px 0;
		height: 1%;
	}
	
	#subnav a:hover, #subnav a:active {
		color: #00A5B6;
	}
	
	#subnav li.selected a:link, #subnav li.selected a:visited {
		color: #00A5B6;
		text-decoration: none;
		cursor: default;
	}

	#subnav li.subitem {
		font-size: 11px;
		padding-left: 1em;
	}
	
	#subnav li.subitem.last {
		margin-bottom: .8em;
	}
	
	a.conditions {
		color: #4C3027;		
		display: block;
		font-size: 10px;
		margin: .6em 0;
		font-style: italic;
	}
	

#content {
	clear: both;
	padding: 30px 25px 40px 20px;
	overflow: hidden;
	height: 1%;
	min-height: 200px;
}

	.home #content {
		padding: 0;
	}

	#spanned {
		width: 713px;
	}
	
	#left {
		width: 110px;
		float: left;
	}
	
		.span-l #left, .span-lr #left {
		 display: none;
		}
	
	#middle {
		width: 346px;
		float: left;
		padding-left: 25px;
		margin-top: -5px;
	}
	
		.landing #middle {
			width: 577px;
			line-height: 2.1em;
			margin-top: 10px;
		}
	
		.landing #middle img {
			margin-bottom: 20px;
		}
		
		.span-l #middle {
			padding-left: 0;
			width: 481px;
		}
		
		.span-r #middle {
			width: 577px;
		}
		
		.span-lr #middle {
			width: 688px;
		}
		
	#cols {
		width: 577px;
		float: left;
		padding-left: 25px;
		margin-top: -5px;
		overflow: hidden;
		height: 1%;
	}
	
		#cols #col1 {
			width: 50%;
			float: left;
		}
		
		#cols #col2 {
			width: 50%;
			float: left;
		}
		
		
	#right {
		float: right;
		width: 196px;
		margin-top: 45px;
	}
	
		.span-r #right, .span-lr #right {
			display: none;
		}
	
		.landing #right {
			display: none;
		}
		
#footer {
	clear: both;
	border: 1px solid #502550;
	overflow: hidden;	/* FLOAT COLLAPSE: FF, IE7 */
	zoom: 1; 		/* FLOAT COLLAPSE: IE6 */
	margin-bottom: 8px;
}

.home #footer { display: none; }

#list {
	display: block;
	float: left;
	width: 233px;
	height: 95px;
	border-right: 1px solid #502550;
	background: url('/_media/_img/callouts/mailinglist.gif') top left no-repeat;
	overflow: hidden;
}

.home #list {
	background-image: url('/_media/_img/callouts/mailinglist-home.gif');
}

	#list label {
		position: absolute;
		text-indent: -9999px;
		overflow: hidden;
	}
	
	#ea {
		border: 1px solid #502550;
		padding: 1px 2px;
		width: 78%;
		display: block;
		margin: 55px auto .1em auto;
	}
	
	#listSubmit {
		font-size: 12px;
		line-height: 1.4em;
		background: none;
		border: none;
		color: #502550;
		padding: 0;
		margin: 0 8%;
		_margin-right: 16px; /* MORE IE6 NONSENSE */
		_line-height: 1.2em; /* YET MORE IE6 NONSENSE */
		.line-height: 1.1em; /* IE7 NONSENSE */
		cursor: pointer;
		float: right;
	}
	
	.home #listSubmit { color: #502550; }
	
	
#giftcards {
	display: block;
	float: left;
	width: 235px;
	height: 95px;
	border-right: 1px solid #502550;
	background: url('/_media/_img/callouts/giftcards.gif') top left no-repeat;
	text-indent: -9999px;
}


#survey {
	display: block;
	float: left;
	width: 151px;
	height: 95px;
	border-right: 1px solid #502550;
	background: url('/_media/_img/callouts/survey.gif') top left no-repeat;
	text-indent: -9999px;
}

	.home #survey { background-image: url('/_media/_img/callouts/survey-home.gif') }


#blog {
	display: block;
	float: left;
	width: 133px;
	height: 95px;
	background: url('/_media/_img/callouts/blog.gif') top left no-repeat;
	text-indent: -9999px;
}

#main #footer {
	display: block;
	margin: 0px;
	padding: 10px;
	border: none;
}

	
	#ftr-left {
		float: left;
		width: 198px;
	}
	
	#ftr-right {
		float: right;
		width: 198px;
		position: relative;
	}
	
	#ftr-mid {
		float: left;
		margin-left: 10px;
		padding: 13px 15px 6px 0px;
		width: 302px;
		color: #FFFFFF;
		background: #A8B674;
	}
	
.home #list {
	padding: 10px 8px 0px 8px;
	width: 182px;
	height: 98px;
	border: none;
	background: url('/_media/_img/callouts/mailinglist-home.gif') center 8px no-repeat #DF959C;
}
	
	.home #ea {
		width: 90%;
	}
	
	.home #listSubmit {
		font-size: 11px;
		color: #FFFFFF;
		padding: 0;
		margin: 0 3px 0 0;
	}
	
.home #giftcards {
	width: 198px;
	height: 109px;
	background: url('/_media/_img/callouts/giftcards-home.gif') top left no-repeat #F1CED0;
	text-indent: -9999px;
	margin-top: 7px;
	border-left: none;
	border-right: none;
}

.home #survey {
	width: 198px;
	height: 65px;
	border: none;
	border-top: 6px solid #FFFFFF;
	background: url('/_media/_img/callouts/survey-home.gif') center no-repeat #E8ABAF;
}

.home #blog {
	display: block;
	width: 198px;
	height: 22px;
	background: url('/_media/_img/callouts/blog-home.gif') top no-repeat #9C3369;
	margin: 0px auto 5px auto;
}

#blog-wrapper	{
	background: #9C3369;
	padding-top: 8px;
	height: 115px;
}

#specials {
	display: block;
	float: left;
	width: 265px;
	height: 195px;
	padding: 5px 0px 5px 37px;
	color: #3B322B;
	background: #FFF0B4 url(../_img/callouts/specials.gif) no-repeat center;/**/
	font-size: 14px;
	line-height: 17px;
	text-decoration: none;
	text-indent: -9999px; /*comment out to display HTML text*/
}

	#specials span {
		float: left;
		/* display: block; to display HTML text */
		color: #3B322B;
		font-size: 22px;
		line-height: 30px;
		text-indent: -9999px; /*comment out to display HTML text*/
	}

#seo {
	font-size: 11px;
	line-height: normal;
	display: none;
}

#blogfeed {
	margin: 0;
	padding: 0 11px;
	list-style: none;
	font-size: 11px;
	color: #FFFFFF;
}

#blogfeed li {
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 14px;
}

#blogfeed a {
	white-space: nowrap;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
}

#social {
	position: absolute;
	bottom: -30px;
	left: 0px;
	background: #FFFFFF;
	width: 198px;
	margin: 0;
	padding: 10px 0 0 0;
	list-style: none;
}

	#social li {
		float: left;
		margin: 0 15px 0 0;
		padding: 0;
		letter-spacing: 2px;
		color: #4B1E37;
	}
	
#storeinfo {
	clear: both;
	padding: 2px;
	font-size: 11px;
	text-align: center;
}

	#storeinfo a:link, #storeinfo a:visited {
		color: #54301A;
	}
	
	#storeinfo a:hover, #storeinfo a:active {
		color: #0099DA;
	}
	

/* 	= = = = = END GLOBAL TEMPLATE STYLES = = = = =	*/