/* Skin
----------------------------------------------------------------------------- */


	@import url("boxes.css");
	@import url("buttons.css");
	@import url("colors.css");
	@import url("clique.css");
	@import url("footer.css");
	@import url("header.css");
	@import url("hide.css");
	@import url("layout.css");
	@import url("navigation.css");
	@import url("prompts.css");


/* PAGE CONTENT
----------------------------------------------------------------------------- */


/* Headings */


	h2 {
	
	margin: 0 0 15px 0;
	color: #432f24;
	font: normal 50px/50px "Trebuchet MS", Arial, sans-serif;
	text-transform: uppercase;
	
	}
	
	h2 a, h2 a:hover {
	
	color: #432f24;
	
	}

	h3 {

	color: #432f24;
	font: normal 20px/20px "Trebuchet MS", Arial, sans-serif;
	text-transform: uppercase;

	}
	
	div.browse h4 {
	
	margin: 15px 0;
	
	}

	div.display h4 {

	color: #9a6446;
	font: normal 16px/16px "Trebuchet MS", Arial, sans-serif;
	text-transform: uppercase;
	margin: 15px 0;
	
	}

	div.pane h3 {

	color: #432f24;

	}

	div.group div h3 {

	color: #000;

	}

	h4, h4 a, h4 a:hover {

	clear: left;
	color: #9a6446;
	font: normal 16px/16px "Trebuchet MS", Arial, sans-serif;
	text-transform: uppercase;

	}

	h5, h5 a, h5 a:hover {

	clear: left;
	color: #432f24;
	font: normal 14px/14px "Trebuchet MS", Arial, sans-serif;
	text-transform: uppercase;
	margin: 0 0 10px 0;

	}

	h3 em, h4 em, h3 span, h4 span {

	font-style: normal;

	}


/* Text */


	body {

	color: #432f24;
	font: normal 13px/15px "Trebuchet MS", Arial, sans-serif;

	}

	div.display div.story, div.display div.about {

	font-size: 13px;
	line-height: 20px;

	}

	blockquote p {

	color: #888;
	font-size: 15px !important;
	line-height: 19px !important;

	}

	dt, label em, fieldset em {

	font-size: 11px;

	}

	small, small a {

	font-style: italic;
	font-size: 10px;
	line-height: 15px;

	}

	div.form dt, label em, fieldset em {

	text-align: right;

	}


/* Lists */


	ul, ol {
	
	margin: 0;
	padding: 0;
	list-style-type: none;
	
	}
	

/* Rules */


	div.ruled ul.leads li, div.ruled ul.headlines li, div.ruled ul.comments li, div.ruled ul.subscriptions li, div.ruled ul.clips li {

	border-bottom: 4px solid #dedede;

	}

	div.ruled td {

	border-bottom: 1px solid #dedede;

	}

	div.ruled div.tags {

	border-top: 4px solid #dedede;

	}



/* Tables */


	th {

	background-color: #00e0ff;
	color: #000;

	}


/* Form */


	input[type=text], input[type=search], input[type=password], input[type=file], select, textarea {

	font-family: "Trebuchet MS", Arial, sans-serif;
	background-color: #fff;

	}

	textarea {

	border: 1px solid #dedede;

	}

	select#status {

	max-width: 310px;

	}
	
	fieldset {
	
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-color: #ccc;
	
	}


/* Text Links */


	a {

	color: #996148;
	outline: none;
	text-decoration: none;

	}

	a:hover {

	color: #432f24;

	}

	li ul.actions li {

	border: 0 !important;

	}

	li ul.actions a, td a.action {
	
	background: url(../images/actions/bg-action-checkout.gif) right center no-repeat;
	padding-right: 20px;
	color: #996148;
	font-weight: bold;
	font-size: 11px;
	line-height: 11px;
	text-transform: uppercase;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	}
	
	li ul.actions a:hover, td a.action:hover {
	
	background-color: transparent;
	color: #432f24;
	
	}


/* Action Buttons */


	a.action, ul.pages a, ul.pages strong {

	padding: 9px;
	white-space: nowrap;
	color: #fff;
	font-size: 10px;
	line-height: 11px;
	font-weight: bold;
	text-transform: uppercase;

	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;

	}

	a.action {

	color: #432f24;
	background-color: #eae4e1;	
	background: url(../images/actions/bg-action.gif) center right no-repeat;
	
	}

	a.next {

	color: #432f24;
	background-color: #eae4e1;	
	background: url(../images/actions/bg-next.gif) center right no-repeat;
	
	}

	a.back {

	color: #432f24;
	background-color: #eae4e1;	
	background: url(../images/actions/bg-back.gif) center left no-repeat;
	
	}

	a.action, ul.pages a {

	color: #432f24;
	background-color: #f6f4f3;
	
	}

	a.action:hover, ul.pages a:hover {

	color: #432f24;
	background-color: #eae4e1;

	}

	div#sidebar a.action {

	width: auto !important;
	height: auto !important;

	}

	ul.pages li strong {

	color: #fff;
	background-color: #996148;
	font-weight: normal;
	padding: 9px;
	
	}


/* Table Buttons */


	td a.details,
	td a.tickets,
	td a.presale {
	
	padding: 1px 5px;
	-moz-border-radius: 2px !important;
	-webkit-border-radius: 2px !important;
	
	}

	td strong {

	text-transform: uppercase;
	line-height: 12px;

	}

	td.title a {
	
	color: #432f24;
	
	}


/* Emphasis */


	ul.actions.emphasis li.submit a,
	.widget-item.display .purchase a.submit {
	
	font-size: 14px;
	line-height: 30px;
	padding: 3px 18px;
	
	}
	

/* Order Page */


	li.submit a.action.submit {
	
	color: #fff;
	background: #9a6446 url(../images/actions/bg-action-white.gif) center right no-repeat;
	padding-right: 20px;
	
	}

	li.submit a.action.submit:hover {
	
	background-color: #432f24;
	
	}


/* Toggle Buttons */


	a.toggle, strong.toggle {

	background: #00e0ff;
	padding: 5px;
	color: #fff;
	text-transform: uppercase;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;

	}

	a.toggle:hover {

	background-color: #1681ac;

	}

	strong.toggle {

	background: #464646;

	}

	ul.toggle li {

	background-color: #464646;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;

	}

	ul.toggle label em {

	color: #fff;
	text-transform: uppercase;

	}


/* Comment Tallies */


	a.comments {

	width: 20px !important;
	max-width: none;
	height: 12px !important;
	background-position: 0 -12px;
	background-repeat: no-repeat;
	background-image: url("../images/actions/a-comments.gif");
	padding-right: 55px;
	margin-bottom: 10px;
	float: left;
	display: block;
	color: #fff !important;
	font-size: 9px !important;
	line-height: 9px !important;
	text-transform: uppercase;
	white-space: nowrap;
	text-align: center;
	position: relative;
	overflow: visible !important;

	}

	a.comments:hover {

	background-position: 0 0;

	}

	a.comments span {

	position: absolute;
	top: 0;
	left: 25px;
	color: #996148 !important;
	font-size: 10px !important;
	line-height: 10px !important;

	}

	a.comments:hover span {

	color: #432f24 !important;

	}

	td a.comments {

	margin: 0 auto;
	padding-right: 0;
	float: none;

	}


/* TABS
----------------------------------------------------------------------------- */


	ul.tabs li a,
	ul.tabs li strong {

	background-color: #f7f7f7;
	color: #dcdcdc;
	font: normal 17px/17px "Trebuchet MS", Arial, sans-serif;
	text-transform: uppercase;

	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;

	}

	ul.tabs li a:hover {

	background-color: #00e0ff;
	color: #dcdcdc;

	}

	ul.tabs li.selected a,
	ul.tabs li.selected strong,
	ul.tabs li.selected a:hover {

	background-color: #f0f0f0;
	color: #00e0ff;
	border-bottom: 0;

	}
	
	
/* Section Specific */

	
	body.section-news #content {
	
	position: relative;
	
	}
	
	body.section-news ul.static {
	
	width: auto;
	position: absolute;
	top: 69px;
	left: 254px;
	
	}

	body.section-ingredientglossary ul.tabs,
	body.section-ourpromise ul.tabs,
	body.section-news ul.tabs,
	ul.faketabs {
	
	padding-bottom: 20px;
	
	}

	body.section-ingredientglossary ul.tabs li a,
	body.section-ingredientglossary ul.tabs li strong,
	body.section-ourpromise ul.tabs li a,
	body.section-ourpromise ul.tabs li strong,
	body.section-news ul.tabs li a,
	body.section-news ul.tabs li strong,
	a.faketab {

	background: none;
	color: #996148;
	font-size: 20px;
	line-height: 20px;
	text-transform: uppercase;
	margin-right: 27px;
	padding: 0;

	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;

	}
	
	body.section-ingredientglossary ul.tabs li a:hover,
	body.section-ourpromise ul.tabs li a:hover,
	body.section-news ul.tabs li a:hover,
	a.faketab:hover,
	a.faketab.selected {

	background: none;
	color: #432f24;
	padding: 0;
	
	}

	body.section-ingredientglossary ul.tabs li.ui-tabs-selected a,
	body.section-ingredientglossary ul.tabs li.ui-tabs-selected strong,
	body.section-ingredientglossary ul.tabs li.ui-tabs-selected a:hover,
	body.section-ourpromise ul.tabs li.ui-tabs-selected a,
	body.section-ourpromise ul.tabs li.ui-tabs-selected strong,
	body.section-ourpromise ul.tabs li.ui-tabs-selected a:hover,
	body.section-news ul.tabs li.ui-tabs-selected a,
	body.section-news ul.tabs li.ui-tabs-selected strong,
	body.section-news ul.tabs li.ui-tabs-selected a:hover {

	background: none;
	color: #43232f;
	padding: 0;

	}


/* PANES
----------------------------------------------------------------------------- */


	div.pane {

	background-color: #f6f4f3;

	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;

	}

	div.tabbed div.pane {

	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;

	}
	

/* Section Specific Changes to Pane */


	body.section-ourpromise div.pane {
	
	background: none;
	padding: 0 !important;
	width: 473px;
	
	}
	
	body.section-ourpromise #sidebar div.pane {
	
	width: 473px;
	
	}
	
	body.section-news div.pane {
	
	-webkit-border-top-left-radius: 20px !important;
	-webkit-border-top-right-radius: 20px !important;
	-moz-border-radius-topleft: 20px !important;
	-moz-border-radius-topright: 20px !important;

	}


/* EMPHASIZED CONTENT
----------------------------------------------------------------------------- */


/* Tabs */


	div.emphasis ul.tabs li a {

	color: #00e0ff;
	background-color: #37faff;

	}

	div.emphasis ul.tabs li a:hover {

	color: #00e0ff;
	background-color: #f0f0f0;

	}
	
	div.emphasis ul.tabs li.selected a,
	div.emphasis ul.tabs li.selected strong,
	div.emphasis ul.tabs li.selected a:hover {

	color: #fff;
	background-color: #432f24;

	}
	
	
/* Headings */


	div.emphasis div.pane h3,
	div.pane.emphasis h3 {
	
	color: #000;
	
	}
	
	
/* Panes */

	
	div.emphasis div.pane,
	div.pane.emphasis {
	
	background-color: #432f24;
	
	}
		
	div.emphasis div.pane div.group,
	div.emphasis.pane div.group {
	
	background: #fff;
	
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;

	}
	
	
/* Inline Elements */


	p.emphasis {
	
	border-color: #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	}
	
	
/* Action Buttons */


	div.emphasis a.action,
	div.emphasis ul.pages a {
	
	background-color: #1681ac;
	
	}
	
	div.emphasis a.action:hover,
	div.emphasis ul.pages a:hover {
	
	background-color: #004973;
	
	}


/* FEATURES
----------------------------------------------------------------------------- */


	#features {
	
	width: 960px;
	height: 400px;
	margin: 0;
	position: relative;
	
	}

	#features div.corner {
	
	width: 50px;
	height: 50px;
	background-color: #90cbb9;
	position: absolute;
	top: 0;
	left: 602px;
	z-index: 3;
	
	}
	
	#features a.pangeatv {
	
	width: auto !important;
	height: 21px;
	background: url(../images/actions/a-pangeatv.png) no-repeat left center;
	padding: 0 0 0 25px;
	display: block;
	position: absolute;
	bottom: 15px;
	right: 20px;
	z-index: 20;
	color: #432f24;
	font-size: 11px;
	line-height: 24px;
	text-transform: uppercase;
	
	}

	#features a.banners {
	
	width: auto !important;
	height: 21px;
	background: url(../images/actions/a-pangeatv.png) no-repeat left center;
	padding: 0 0 0 25px;
	display: block;
	position: absolute;
	bottom: 15px;
	right: 20px;
	z-index: 20;
	color: #432f24;
	font-size: 11px;
	line-height: 24px;
	text-transform: uppercase;
	
	}


/* Featured Banners */


	#featured_banners {
	
	width: 570px;
	background-color: #90cbb9;
	padding: 16px 16px 8px 16px;
	margin-top: -16px;
	position: relative;
	float: left;
	
	-moz-border-radius-bottomleft: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;

	}

	#featured_banners #slideshow a, 
	#featured_banners #slideshow a img {

	width: 570px;
	height: 346px;
	clear: left;
	float: left;
	
	}
	
	#featured_banners #slideshow {
	
	width: 570px;
	height: 346px;
	background-color: #fff;
	float: left;
	display: block;
	overflow: hidden;
	
	}
	
	#featured_banners ul.tabs {
	
	margin: 7px 0 0;
	
	}

	#featured_banners ul.tabs li {
	
	margin-right: 13px;
	border-right: 1px dashed #432f24;	
	
	}

	#featured_banners ul.tabs a {
	
	background-color: transparent;
	padding: 13px 13px 13px 0;
	color: #432f24;
	font-weight: bold;
	font-size: 10px;
	line-height: 10px;
	
	}
	
	#featured_banners ul.tabs li.ui-tabs-selected a {
	
	color: #fff;
	font-weight: bold;
	
	}

	#featured_banners ul.tabs a:hover {
	
	color: #996148;
	
	}
	
	#featured_banners img {
	
	margin: 0;
	
	}
	

/* PANGEA TV PLAYER
----------------------------------------------------------------------------- */


/* Features Box */


	#pangea_tv_player {
	
	width: 570px;
	background-color: #90cbb9;
	padding: 16px 16px 8px 16px;
	margin-top: -16px;
	position: relative;
	float: left;
	
	-moz-border-radius-bottomleft: 20px;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;

	}

	#pangea_tv_player h3 {
	
	display: none;
	
	}

	#pangea_tv_player #video {
	
	width: 570px;
	height: 346px;
	background-color: #fff;
	margin-bottom: 42px;
	float: left;
	display: block;
	overflow: hidden;
	
	}
	
	#pangea_tv_player #video img,
	#pangea_tv_player #video em.artist,
	#pangea_tv_player #video a.comments,
	#pangea_tv_player #video p,
	#pangea_tv_player #video a.details {
	
	display: none !important;
	
	}
	
	#pangea_tv_player #video div.details {
	
	width: 380px;
	position: absolute;
	bottom: 60px;
	left: 24px;
	color: #fff;
	
	}
	
	#pangea_tv_player #video div.details a {
	
	font-size: 16px;
	color: #fff;
	float: left;
	
	}
	
	#pangea_tv_player #video div.details var {
	
	font-size: 11px;
	font-style: normal;
	float: left;
	clear: left;
	
	}
	
	#pangea_tv_player #video div.details var strong,
	#pangea_tv_player #video div.details var em {
	
	font-weight: normal;
	font-style: normal;
	
	}

	#pangea_tv_player #video div.flash,
	#pangea_tv_player #video div.flash div {
	
	height: 346px;
	
	}
	
	#pangea_tv_player #video div.flash a.prompt {
	
	width: 685px;
	height: 416px;
	text-indent: -5000px;
	display: block;
	background: url(../images/section-store/prompt-player.gif) no-repeat;
	
	}
	
	#pangea_tv_player #video ul.controls {
	
	padding: 0;
	position: absolute;
	top: 373px;
	left: 16px;
	z-index: 10;
	
	}
	
	#pangea_tv_player #video ul.controls a {
	
	background-image: none;
	
	}
	
	#pangea_tv_player #video ul.actions {
	
	padding: 0;
	position: absolute;
	top: 373px;
	left: 227px;
	z-index: 10;
	
	}
	
	#pangea_tv_player #video ul.actions a {
	
	padding-right: 20px;
	
	}
	

/* Pangea TV Section */


	body.section-pangeatv #pangea_tv_player {
	
	background: #f6f4f3;
	margin: 0 0 13px 0;
	
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;

	}
	
	body.section-pangeatv #pangea_tv_player {
	
	width: 685px;
	
	}
	
	body.section-pangeatv #pangea_tv_player #video {
	
	width: 685px;
	height: 416px;
	margin-bottom: 33px;
	
	}
	
	body.section-pangeatv #pangea_tv_player #video ul.controls {
	
	top: 440px;
	left: 16px;
	
	}
	
	body.section-pangeatv #pangea_tv_player #video div.flash,
	body.section-pangeatv #pangea_tv_player #video div.flash div {
	
	height: 416px;
	
	}
	
	body.section-pangeatv #pangea_tv_player #video ul.actions {
	
	display: none;
	
	}
	
	
/* Video Page */


	#page-video #pangea_tv_player h3 {
	
	display: block;
	font-size: 16px;
	text-transform: none;
	color: #fff;
	position: absolute;
	top: 380px;
	left: 25px;
	
	}

	#page-video #pangea_tv_player var {
	
	position: absolute;
	top: 400px;
	left: 25px;
	color: #fff;
	
	}
	
	#page-video #pangea_tv_player div.flash {
	
	margin: 0;
	
	}
	
	#page-video #pangea_tv_player #video > em {
	
	display: none;
	
	}
	
	
/* FEATURED PRODUCTS
----------------------------------------------------------------------------- */


	#featured_products h3 {
	
	width: 38px;
	height: 38px;
	background: url(../images/colors/dot-overlay.png) no-repeat;
	padding: 0;
	margin: 0;
	display: block !important;
	text-indent: -5000px;
	position: absolute;
	bottom: 5px;
	left: 16px;
	z-index: 20;
	
	}
	
	#featured_products a.back {
	
	width: 38px;
	height: 38px;
	background: #90cbb9;
	padding: 0;
	margin: 0;
	display: block !important;
	text-indent: -5000px;
	position: absolute;
	bottom: 5px;
	left: 16px;
	z-index: 19;
	
	}
	
	#featured_products dl {
	
	width: 290px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left center;	
	padding: 0;
	position: absolute;
	bottom: 10px;
	left: 50px;
	z-index: 20;
	text-transform: uppercase;
	text-decoration: none;

	}
	
	#featured_products dt {

	width: 290px;
	padding: 0 !important;
	font-size: 12px;
	line-height: 12px;
	
	}
	
	#featured_products dt a {
	
	font-weight: bold;
	color: #432f24;
	
	}


/* CHECKOUT
----------------------------------------------------------------------------- */


/* Forms */


	div#layout.checkout #clique input[type=text],
	div#layout.checkout #clique input[type=password] {
	
	border: 1px solid #beaca2;
	padding-top: 1px;
	padding-bottom: 1px;
	
	}
	
	#newaddress .location > h4 + label + br + label + br {
	
	display: inline !important;
	clear: left;
	
	}


/* AMEX Overrides */


	span.amex {
	
	display: none !important;
	
	}
	
	
/* Formatting Fixes */	
	
	
	div#layout.checkout div.terms div {
	
	clear: left;
	
	}


/* Heading Overrides */


	div#signup .cliqueid h4 {
	
	background-image: url(../images/checkout/h4-cliqueid.png);
	
	}

	div#clique .shipping .contact h4 {
	
	background-image: url(../images/checkout/h4-contact.png);
	
	}
	
	div#signup .shipping h3 {
	
	background-image: url(../images/checkout/h3-shipping.png);
	
	}
	
	div#clique .privacy h4 {
	
	background-image: url(../images/checkout/h4-privacy.png);
	
	}
	
	div#newaddress h3 {
	
	background-image: url(../images/checkout/h3-newaddress.png);
	
	}
	
	div#addressbook h3 {
	
	background-image: url(../images/checkout/h3-addressbook.png);
	
	}
	
	div#newaddress div.location h4 {
	
	background-image: url(../images/checkout/h4-newaddress.png);
	
	}
	

/* Text + Links + Actions Color Overrides */


	div#signup label em,
	div#signup, 
	div#newaddress,
	div#newaddress label em {

	color: #432f24;

	}
	
	div#signup h4, 
	div#newaddress h4 {
	
	border-bottom: 1px solid #432f24;
	
	}
	
	#page-payment ul.actions {
	
	width: 930px;
	padding: 15px;
	background: #eae4e1;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	
	}
	
	#page-payment ul.actions li a.submit {
	
	width: 196px;
	height: 50px;
	text-indent: -5000px;
	display: block;
	background: url(../images/actions/a-submit.gif) no-repeat;
	padding: 0;
	
	-moz-border-radius: 0;
	-webkit-border-radius: 0;

	}
	
	#page-payment ul.actions li a.submit:hover {
	
	background-position: 0 -50px;
	
	}
	
	#page-payment ul.actions li a.save {
	
	background-image: none;
	color: #fff;
	background-color: #9a6446;
	
	}
	
	#page-payment table.order + ul.actions {

	-moz-border-radius-topleft: 0px !important;
	-moz-border-radius-topright: 0px !important;
	-webkit-border-top-left-radius: 0px !important;
	-webkit-border-top-right-radius: 0px !important;	
	
	}
	
	#page-payment table.order + ul.actions li {
	
	float: right;
	margin-right: 10px;
	
	}
	
	#page-payment table.order {
	
	margin-bottom: 0;
	
	}
	
	#page-receipt a.print {
	
	padding-right: 20px;
	
	}
	

/* Steps */

	
	#steps {
	
	width: 750px !important;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;

	
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	
	}
	
	#steps li {
	
	margin: 0 0 0 20px !important;
	
	}
	
	#steps a:hover {
	
	text-decoration: none;
	
	}

	#steps a,
	#steps strong,
	#steps em {
	
	background: #999;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	}
		
		
/* Step: Current */

		
	#steps strong {
	
	color: #fff;
	background: #432f24;
	
	}
	
	#steps strong var {
	
	color: #432f24;
	background: #fff;
	
	}
		

/* Steps: Completed & Next */

		
	#steps a {

	color: #aae6d4;
	background: #7eafa0;	
	
	}

	#steps a:hover {
	
	color: #dcdcdc;
	background: #432f24;
	
	}

	#steps em {
	
	color: #87b2a5;
	background: #aae6d4;
	
	}
	
	#steps a var {
	
	color: #7eafa0;
	background: #aae6d4;
	
	}
	
	#steps a:hover var {
	
	color: #432f24;
	background: #fff;
	
	}

	#steps em var {

	color: #aae6d4;
	background: #7eafa0;
	
	}
	

/* Card */


	#card {
	
	width: 930px;
	
		
	-moz-border-radius-topright: 20px !important;
	-webkit-border-top-right-radius: 20px !important;

	}
	
	#card div.group fieldset.toggle {
	
	float: none;
	
	}
	
	
/* Legal */

	
	div#layout.checkout div.legal div, div.returns div {
	
	background: #f6f4f3;
	
	}
	
	#page-payment div.legal {
	
	width: 930px;
	padding: 15px;
	margin-bottom: 5px;
	background: #eae4e1;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;

	}
	
	#page-payment div.legal div {
	
	background: #fff;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	
	}
		
		
/* Cart */

		
	.widget-cart.modify h3 em {
	
	display: none;
	
	}
	
	.widget-cart.modify tfoot td {
	
	white-space: normal !important;
	
	}

	tbody.bonus td, 
	tbody.discounts tr, 
	tbody.discounts tr.discount, 
	tbody.discounts tr.discount td, 
	tbody.discounts tr.code, 
	tbody.discounts tr.code td {
	
	background-color: #c8e5dc;
	
	}
	
	table.order td,
	.widget-cart.modify table td,
	.widget-order.display table.summary td {
	
	border-color: #fff !important;
	
	}
	
	table.order tfoot,
	.widget-cart.modify table tfoot,
	.widget-order.display table.summary tfoot {
	
	color: #fff;
	background: #432f23; 
	
	}
	
	div#layout.checkout table.order tfoot,
	div#layout.checkout .widget-cart.modify table tfoot,
	div#layout.checkout .widget-order.display table.summary tfoot {
	
	color: #fff;
	background: #9a6446; 
	
	}
	
	table.order tfoot a.action,
	.widget-order.display table.summary tfoot a.action {
	
	background: transparent url(../images/actions/bg-action-white.gif) no-repeat right center;
	color: #f6f4f3;
	
	}
	
	table.order tbody.items,
	.widget-cart.modify table tbody.items,
	.widget-order.display table.summary tbody.items {
	
	background: #f6f4f3;
	
	}
	
	table.order tbody.bonus,
	.widget-order.display table.summary tbody.bonus {
	
	background: #f7f7f7;
	
	}
	
	table.order tbody.discounts,
	.widget-order.display table.summary tbody.discounts {
	
	background: #fff;
	
	}

	#basket-sidebar table tr.shipping {
	
	background: #c8e5dc;
	
	}
	
	table.order tr.tax,
	table.order tr.code,
	table.order tr.shipping,
	.widget-cart.modify table tr.shipping,
	.widget-cart.modify tr.code,
	.widget-order.display table.summary tr.shipping {
	
	background: #eae4e1;
	
	}
	

/* ALERTS
----------------------------------------------------------------------------- */


	div.widget-alert {
	
	width: 930px;
	padding: 30px 15px 15px;
	margin: -15px 0 0 0;
	clear: left;
	float: left;
	position: relative;
	z-index: 9;
	
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	
	}

	div.widget-alert h3, 
	div.widget-alert h4 {
	
	margin: 0 10px 0 0;
	float: left;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	line-height: 15px;
	width: 90%;
	
	}
	
	div.widget-alert p {

	clear: none;
	float: left;
	margin: 0;
	color: #fff;

	}

	div.widget-alert.error {

	background-color: #dd5f8d;

	}

	div.widget-alert.success {

	padding: 30px 15px;
	background-color: #cbd042;

	}

	div.widget-alert.info {

	background-color: #7cdddf;

	}
	
	div.widget-alert.added {

	background-color: #7cdddf;

	}

	div.widget-alert a {

	color: #fff;
	text-decoration: underline;

	-webkit-border-radius: 0;
	-moz-border-radius: 0;

	}
	

/* Checkout */


	body.section-checkout div.widget-alert.error,
	body.section-checkout div.widget-alert.info,
	body.section-checkout div.widget-alert.success {
	
	margin-top: -30px;
	
	}


/* Add Another Product */


	div.widget-alert.added {
	
	margin-bottom: 0;
	
	}

	div.widget-alert.added h3, 
	div.widget-alert.added h4 {
	
	font-size: 16px;
	line-height: 20px;
	
	}

	div.widget-alert.added ul.actions {
	
	padding: 13px 0 0 0;
	width: 90%;
	
	}
	
	
/* Inline Messages */
	

	fieldset.error input, fieldset.error strong, label.error input, label.error strong, fieldset.error em {

	color: #dd5f8d;

	}
	
	fieldset.error {
	
	border-color: #dd5f8d;
	
	}

	fieldset.error strong,
	label.error strong {

	font-size: 11px;
	font-weight: normal;

	}

	label.error input {

	background-color: #dd5f8d;
	color: #fff;

	}
	
	
/* Canada */


	div.widget-alert.canada {
	
	background: #47a185;
	text-align: center;
	padding: 15px;
	margin: 0;
	
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	
	}
	
	div.widget-alert.canada h3 {
	
	width: auto;
	color: #aae6d4 !important;
	float: none;
	
	}
	
	

	
/* FIND US
----------------------------------------------------------------------------- */

	
	#regions h4 {
	
	margin-bottom: 10px;
	font-size: 13px;
	font-weight: bold;
	text-transform: none;
	color: #432f23;
	
	}
	
	#regions a {
	
	float: left;
	clear: left;
	
	}
	
	#regions #map {
	
	margin: 10px 0;
	
	}
	
	#regions #map,
	#regions form {
	
	width: 204px;
	float: left;
	
	}
	
	#regions form select {

	width: 204px;
	padding: 3px;
	border: 1px solid #eae4e1;
	
	}
	
	#regions div.states,
	#regions div.international {
	
	width: 204px;
	border-bottom: 1px solid #eae4e1;
	padding-bottom: 13px;
	margin-bottom: 13px;
	float: left;
	
	}
	
	#regions div.online {
	
	width: 204px;
	padding-bottom: 13px;
	float: left;
	
	}


/* GLOSSARY
----------------------------------------------------------------------------- */


	body.section-ingredientglossary #ingredients {
	
	display: none;
	
	}

	#ingredients form select {

	width: 204px;
	padding: 3px;
	border: 1px solid #eae4e1;
	
	}


/* MARKETING & WHOLESALE
----------------------------------------------------------------------------- */


	/* Password Form */
		
	#page-logos #content label,
	#page-marketing #content label,
	#page-wholesale #content label  {
	
	color: #43232f;
	background-color: #eae4e1;
	height: 33px;
	padding: 13px;
	float: left;
	clear: left;

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	
	}
	
	#page-logos #content label em, 
	#page-marketing #content label em,
	#page-wholesale #content label em {
	
	text-align: left;
	text-transform: none;
	font-weight: normal;
	width: 50px;
	margin-top: 3px;
	
	}
	
	#page-logos #content label input,
	#page-marketing #content label input,
	#page-wholesale #content label input {
	
	border: none;
	padding: 3px;
	
	}
	
	#page-logos #content label input.circle,
	#page-marketing #content label input.circle,
	#page-wholesale #content label input.circle {
	
	padding: 0;
	margin-top: -4px;
	
	}

	#page-logos #content,
	#page-marketing #content,
	#page-wholesale #content {
	
	width: 960px;
	
	}
	
	#page-logos #content h3, 
	#page-marketing #content h3 {

	margin: 40px 0 0;
	width: 100%;
	display: block;
	text-align: center;
	
	}
	
	#page-logos #content h4, 
	#page-marketing #content h4 {
	
	width: 100%;
	margin: 20px 0 0;
	display: block;
	text-align: center;
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	color: #432f24;
	
	}
	
	#page-logos #content h3,
	#page-logos #content h4,
	#page-logos #content ul,
	#page-marketing #content h3,
	#page-marketing #content h4,
	#page-marketing #content ul,
	#page-wholesale #content h3 {
		
	 float: left;
	clear: left;
	
	}
	
	#page-logos #content em,
	#page-logos #content a, 
	#page-marketing #content em,
	#page-marketing #content a {
	
	text-transform: uppercase;
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	font-style: normal;
	margin-bottom: 5px;
	
	}
	
	#page-logos #content p, 
	#page-marketing #content p {
	
	width: 600px;
	
	}
	
	#page-logos #content p a, 
	#page-marketing #content p a {
	
	text-transform: none;
	font-size: 13px;
	line-height: 15px;
	font-weight: normal;

	}
	
	#page-marketing #content ul {
	
	width: 960px;
	margin: 20px auto;
	
	}

	#page-marketing #content li {
	
	float: left;
	margin-right: 10px;
	width: 182px;
	height: 210px;
	overflow: hidden;
	text-align: center;
	display: block;
	
	}
	
	#page-logos #content ul ul, 
	#page-marketing #content ul ul {
	
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
	
	}
	
	#page-logos #content ul ul li, 
	#page-marketing #content ul ul li {
	
	float: none;
	height: auto;
	margin: 0;
	
	}
	
	#page-marketing #content img {
	
	width: 180px;
	height: 130px;
	
	}


/* Logos */


	#page-logos #content ul {
	
	width: 550px;
	float: none;
	margin: 0 auto;
	padding: 20px 0 0 0;
	
	}

	#page-logos #content li {
	
	float: left;
	margin: 0 auto 20px auto;
	overflow: hidden;
	text-align: center;
	display: block;
	
	}

	#page-logos #content li.landscape {
	
	width: 337px;
	margin-left: 50px;
	
	}

	#page-logos #content li.stacked {
	
	width: 159px;
	
	}	

	#page-logos #content li.landscape img {
	
	width: 337px;
	height: 51px;
	margin: 70px 0 10px 0;
	
	}

	#page-logos #content li.stacked img {
	
	width: 159px;
	height: 120px;
	
	}


/* Wholesale */

	#page-wholesale div.widget-editorial h3,
	#page-wholesale div.widget-editorial h4,
	#page-wholesale div.widget-editorial strong {
		
	display: none;	
	
	}

	#page-wholesale #content div.story h3 {

	margin: 40px 0 20px;
	width: 100%;
	display: block;
	
	}
	
	#page-wholesale #content div.story h4 {
	
	width: 100%;
	margin: 20px 0;
	display: block;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	color: #9A6446;
	visibility: visible !important;
	
	}
	
	#page-wholesale #content div.story strong {
		
	display: block;
	padding-left: 20px;
	padding-bottom: 14px;
	border-bottom: 1px solid #bbb;
		
	}
		
	#page-wholesale #content em,
	#page-wholesale #content a {
	
	text-transform: uppercase;
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	font-style: normal;
	margin-bottom: 5px;
	
	}
	
	#page-wholesale #content p a {
	
	text-transform: none;
	font-size: 13px;
	line-height: 15px;
	font-weight: normal;

	}
	
	#page-wholesale #content #wholesale ul.stories > li {
		
	border-bottom: 0;
		
	}
	
	#page-wholesale #content div.story ul {
	
	margin: 0;
	text-align: center;
	width: 100%;
	padding-bottom: 20px;
	
	}
	
	#page-wholesale #content div.story ul li {
	
	height: auto;
	margin-bottom: 13px;
	text-align: left;
	float: none;
	padding-left: 20px;
	width: auto;
	
	}
	
	

/* SUPPORT
----------------------------------------------------------------------------- */


	#important ul.stories li {

	margin: 0 0 15px 0;
	border: 0;
	padding: 15px !important;
	background-color: #7cdddf;

	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;

	}

	#important ul.stories li h4 {
	
	margin-top: 0;

	}

	#important ul.stories li h4 a {
	
	color: #fff;
	font-size: 20px;

	}

	#answer h3 {
	
	display: none;
	
	}
	
	#info dt {
	
	width: 100px;
	
	}
	
	#info dd {
	
	font-size: 11px;
	
	}
	
	
/* CONTACT US
----------------------------------------------------------------------------- */


	#page-contact div.address {
	
	margin-bottom: 13px;
	
	}
	
	#page-contact div.contact {
	
	width: 934px;
	padding: 13px;
	background-color: #f6f4f3;
	float: left;
	clear: left;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	
	}

	#page-contact h3 {
	
	font-size: 11px;
	line-height: 13px;
	margin-bottom: 0;
	float: left;
	clear: left;
	
	}
	
	#page-contact div.contact ul {
	
	width: 311px;
	text-transform: uppercase;
	float: left;
	
	}
	
	#page-contact div.contact a {

	font-size: 11px;
	line-height: 13px;
	margin-bottom: 13px;
	float: left;
	clear: left;
	
	}


/* LEGALS
----------------------------------------------------------------------------- */


	#page-terms div.disclaimer {
	
	background: url(../images/footer/img-veganstore.gif) no-repeat center left;
	padding: 0 60px;
	
	}

	#page-terms div.disclaimer h4 {
	
	font-size: 14px;
	line-height: 14px;
	color: #959595;
	
	}
	
	#page-terms div.disclaimer p {
	
	font-size: 10px;
	line-height: 13px;
	color: #959595;
	text-transform: uppercase;
	
	}
	
	
	
/* BACKGROUNDS
----------------------------------------------------------------------------- */


	body {

	background: #fff;

	}

	div#page {

	background-color: #fff;

	}
	
	
/* COMMUNICATION
----------------------------------------------------------------------------- */


	#communication {
	
	width: 934px;
	padding: 13px;
	margin-bottom: 13px;
	background-color: #f6f4f3;
	float: left;
	clear: left;
	
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;

	}
	
	#communication h3,
	#communication a {

	font-size: 11px;
	line-height: 13px;
	text-transform: uppercase;
	
	}
	
	#communication #jobs,
	#communication #social {
	
	float: left;
	margin-right: 39px;
	
	}
	
	
	/* Social */
	

	#social {
	
	width: 934px;
	margin-right: 0;
	height: 18px;
	
	}

	#social h3 {
	
	float: left;
	margin: 4px 25px 0 0;
	color: #ddd3ce;
	
	}
	
	#social li {
	
	float: left;
	margin-right: 25px;
	
	}
	
	#social li a {
	
	height: 18px;
	display: block;
	text-indent: -5000px;
	
	}
	
	a.myspace {
	
	width: 46px;
	background: url(../images/actions/a-myspace.gif) no-repeat;
	
	}
	
	a.youtube {
	
	width: 74px;
	height: 29px !important;
	margin-top: -5px;
	background: url(../images/actions/a-youtube.gif) no-repeat;
	
	}
	
	a.facebook {
	
	width: 90px;
	background: url(../images/actions/a-facebook.gif) no-repeat;
	
	}
	
	a.twitter {
	
	width: 92px;
	background: url(../images/actions/a-twitter.gif) no-repeat;
	
	}


/* PROMOTIONS
----------------------------------------------------------------------------- */

	#page-promotions div.widget-editorial h4, 
	#page-promotions div.widget-editorial strong, 
	#page-promotions div.widget-editorial em {
	
		display: none;
		
		}
	
	#page-promotions div.widget-editorial div.story ul li {
	
		width: 100%;
		clear: left;
		margin-bottom: 26px;
		padding-bottom: 26px;
		border-bottom: 1px solid #eae4e1;
	
		}
		
	#page-promotions div.widget-editorial ul.stories li, 
	#page-promotions div.widget-editorial div.story ul li:last-child {
	
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: 0;
		
		}

	#page-promotions div.widget-editorial div.story ul li a {
	
		text-transform: uppercase;
		font-size: 16px;
		line-height: 16px;
	
		}


/* Qualifying Items */
	
	#page-promotion div.widget-promotion dl {
	
		background: #ddd3ce url(../images/layout/bg-dl.gif) left top repeat-y;

		-moz-border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		border-radius: 10px;
	
		}
	
	#page-promotion div.widget-promotion dt {
	
		color: #9b8d86;
		font-size: 13px;
		line-height: 15px;
		
		}
		
	#page-promotion div.widget-promotion dt:after {
	
		content: ':';
		
		}

	#page-promotion div.widget-promotion dd {
	
		color: #43232f;
		
		}

	#page-promotion div.widget-item.catalogue {
	
		border: 0;
		
		}

	#page-promotion div.widget-item.catalogue h3 {
	
		color: #9a6446;
		font-size: 16px;
		line-height: 16px;
		border: 0;
		margin: 0;
	
		}


/* Page specific items */


	#page-facial-mask div#header,
	#page-facial-mask div#corners,
	#page-facial-mask #pangea_tv_player {
	
		background: #C2E5E0;
		
		}
	
	#page-facial-mask .main-col {
	
		position: relative;
		top: -29px;
		padding-top: 30px;
		float: left;
		
		-webkit-border-bottom-left-radius-radius: 20px !important;
		-moz-border-bottom-left-radius: 20px !important;
		border-bottom-left-radius: 20px !important;
		-webkit-border-bottom-right-radius-radius: 20px !important;
		-moz-border-bottom-right-radius: 20px !important;
		border-bottom-right-radius: 20px !important;
		
		}
	
	.top-left-curve {
	
		position: absolute;
		top: 16px;
		right: -20px;
		
		}
	
	#page-facial-mask #page .main-col h2,
	#page-facial-mask #page .main-col h3,
	#page-facial-mask #page .main-col p {
		
		padding: 0px 16px;
		
		}
	
	#page-facial-mask #page h3 {
		
		/*	color: #fff;*/
		
		}
		
	#page-facial-mask .main-col p {
	
		padding-bottom: 20px;
		
		}
	
	#page-facial-mask #page .facial-actions {
	
		width: 330px;
		float: right;
		text-align: center;
		
		}
	
	#page-facial-mask #page .facial-actions p,
	#page-facial-mask #page .facial-actions h4 {
	
		}
	
	#page-facial-mask #page .buy {
	
		font-size: 12px;
		padding: 10px 15px;
		background: #432c1e;
		line-height: 20px;
		margin: 10px 0;
		border: 1px solid #432c1e;
		color: white;
		display: inline-block;
		float: none;
		
		-webkit-border-radius: 4px !important;
		-moz-border-radius: 4px !important;
		border-radius: 4px !important;
		
		}
	
	#page-facial-mask #page .buy:hover { 
	
		background: #fff;
		color: #432F24;
		border: 1px solid #432c1e;
		
		}
	
	#page-facial-mask #page .addthis_default_style {
	
		}
	
	#page-facial-mask #page .facial-actions .product {
	
		width: 300px;
		height: auto;
		
		}
	
	#page-facial-mask #page .details,
	#page-facial-mask #page var {
	
		display: none !important;
		
		}
	
	#page-facial-mask #page .main-col {
		
		background: #C2E5E0;
		width: 602px;
		
		}
	
	.addthis_toolbox {
	
		margin: 0px 16px 20px;
		
		}
		
	#page-facial-mask #pangea_tv_player #video div.flash a.prompt {
	
		width: 570px;
		height: 346px;
		background: url(../images/section-store/prompt-player.gif) center center no-repeat;
		
		}