/* CSS Document */
/************************************************************************

	Site: www.alimapure.com
	Author:		eROI		[www.eroi.com] 

	Listing Order:

	==============

	1 - Global
	2 - Navigation
	3 - Structure/layout
	4 - Content
	5 - Footer content
	

************************************************************************/
/***********************************************************************
	1 - GLOBAL
************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, 
blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, 
font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, 
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font-weight: inherit;
    font-style: inherit;
    vertical-align: baseline;
    background: transparent;
}

body {
	background: #e9e3d6;
	color: #897b72;        
    font: 11px helvetica,arial,verdana,sans-serif;
}

body p { line-height: 164% }
.disappear { margin-left: -9999px; }

a {
	color: #07a17f;
	outline: none;
	text-decoration: none;
}

a:hover { color: #008165; }

a.display {
	display: block;
	width: 100%;
	height: 100%;
}

a.link_teal {
	color: #07a17f;
	text-transform: uppercase;
}

a.link_teal:hover { color: #008165; }

br.clear { clear: both; }

div#contentWrapper:after,
div#topFooter:after,
div#botFooter:after,
div.welcomeRow:after,
div#bottomCallOuts:after,
div#popProdsWrapper:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/*div#contentWrapper { background: red; }*/
div#sub_rightColumn p.greenTxt, p.greenTxt {
	font-size: 13px;
	color: #b0bc42;
	font-weight: normal;
}

div#nav ul li h1,
div#shopNav div#title_shop h1 {
	height: 100%;
}

/***********************************************************************
	2 - TOP LEVEL NAVIGATION & LEFT SHOP NAVIGATION
************************************************************************/
div#nav {
	background: #b8c544;
	border-top: 1px solid #d9de99;
	padding: 17px 0 0 0;
	position: relative;
	height: 1%; /* stupid ie fix */
}

ul#topLevel {
	list-style: none;
	padding: 0 0 0 264px;
}

li#living, li#alima, li#talk, li#new, li#blog {
	float: left;
	padding: 0 45px 0 0;
	height: 30px;
}

ul#topLevel li a {
	cursor: auto;
}	

ul#topLevel li#blog a {
	cursor: pointer;
}

/* secondary nav */
ul#topLevel li ul {
	list-style: none;
	position: absolute;
	left: -999em;
	top: 47px;
	font-size: 11px;
	padding: 15px 15px 5px 0;
	background: #b8c544;
	/*filter: progid:DXImageTransform.Microsoft.Alpha(opacity=99);
    opacity: 0.8; 
    -moz-opacity: 0.8; */
}

ul#topLevel li ul li {
	padding-bottom: 8px;
	float: left;
	clear: both;
	white-space: nowrap;
}

ul#topLevel li:hover ul {
	left: auto;
}

ul#topLevel li:hover ul, ul#topLevel li.sfhover ul {
	left: auto;
	z-index: 1000;
} 

ul#topLevel li ul li a {
	text-transform: uppercase;
	text-decoration: none;
	color: #624c3d;
	padding: 0 0 0 20px;
	display: block;
	cursor: pointer;
}

ul#topLevel li ul li a:hover {
	color: #fff;
	background: none;
	padding: 0 0 0 20px;
}

li#living { background: url(assets/img/nav_pureliving.gif) left top no-repeat; width: 81px; }
li#alima { background: url(assets/img/nav_alima101.gif) left top no-repeat; width: 65px; }
li#talk { background: url(assets/img/nav_letstalk.gif) left top no-repeat; width: 73px; }
li#new { background: url(assets/img/nav_whatsnew.gif) left top no-repeat; width: 87px; }
li#blog { background: url(assets/img/nav_blog.gif) left top no-repeat; width: 38px; }

li#living a:hover { background: url(assets/img/nav_pureliving-over.gif) left top no-repeat; }
li#alima a:hover { background: url(assets/img/nav_alima101-over.gif) left top no-repeat; }
li#talk a:hover { background: url(assets/img/nav_letstalk-over.gif) left top no-repeat; }
li#new a:hover { background: url(assets/img/nav_whatsnew-over.gif) left top no-repeat; }
li#blog a:hover { background: url(assets/img/nav_blog-over.gif) left top no-repeat; }

/*-- LEFT SHOP NAVIGATION --*/
div#leftColumn div#shopNav {
	background: #f8f5ef;
	height: 384px;
	padding: 34px 0 0 21px;
}

div#shopNav div#title_shop {
	background: url(assets/img/title_shop.gif) 23px top no-repeat;
	width: 83px;
	height: 17px;
	margin-bottom: 23px;
}

div#shopNav div#navDivider {
	border-bottom: 1px solid #eae7e0;
	width: 168px;
}

ul#ecomParent li h2, ul#ecomParent li span,
ul#othEcomParent li h2, ul#othEcomParent li span {
	font: 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
} /* h2 to span markup change */

ul#ecomParent li h2 a, ul#ecomParent li span a,
ul#othEcomParent li h2 a, ul#othEcomParent li span a {
	color: #897b72;
} /* h2 to span markup change */

ul#ecomParent li h2 a:hover, ul#ecomParent li span a:hover,
ul#othEcomParent li h2 a:hover, ul#othEcomParent li span a:hover {
	color: #624c3d;
} /* h2 to span markup change */

ul#ecomParent, 
ul#othEcomParent {
	list-style: none;
	float: left;
	width: 11em;
	padding-left: 23px;
}

li#face, li#cheeks, li#eyes, li#lips, li#tools, li#gifts, li#sets, li#best, li#offers, li#perks {
	padding: 0 0 17px 0;
	position: relative;
	float: left;
	clear: both;
	width: 100%;
}

ul#othEcomParent { margin-top: 20px; }

/* secondary nav */
ul#ecomParent li ul, ul#othEcomParent li ul {
	list-style: none;
	position: absolute;
	left: -999em;
	top: 0;
	font-size: 11px;
	padding: 15px 15px 5px 0;
	background: #f8f5ef;
	/*filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    opacity: 0.8; 
    -moz-opacity: 0.8;*/
}

ul#ecomParent li:hover ul, ul#ecomParent li.sfhover ul, ul#othEcomParent li:hover ul, ul#othEcomParent li.sfhover ul {
	position: absolute;
	left: 100px;
	z-index: 10000;
}

ul#ecomParent li ul li, ul#othEcomParent li ul li {
	padding-bottom: 8px;
	float: left;
	clear: both;
	white-space: nowrap;
}

ul#ecomParent li ul li a, ul#othEcomParent li ul li a {
	text-transform: uppercase;
	text-decoration: none;
	color: #897b72;
	padding: 0 0 0 20px;
	display: block;
	cursor: pointer;
}

ul#ecomParent li ul li a:hover, 
ul#othEcomParent li ul li a:hover {
	color: #624c3d;
}
/***********************************************************************
	3 - STRUCTURE/LAYOUT
************************************************************************/
div#container {
	width: 983px;
    background: #fff;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

div#header {
	background: #f8f5ef;
	height: 1%; /* stupid ie fix */
	padding: 50px 21px 22px 220px;
	position: relative;
}

div#topRight {
	width: 339px;
	float: right;
	font-size: 9px;
	padding: 16px 0 0 0;
	position: relative;
	z-index: 50;
}

div#leftColumn {
	float: left;
	width: 205px;
}

/***********************************************************************
	4 - CONTENT
************************************************************************/
/*-- HEADER --*/
div#topRight ul {
	color:#897b72;
	list-style: none;
	text-transform: uppercase;
	text-align: right;
}

div#topRight ul li {
	padding: 0 0 6px 0;
}

div#topRight ul li a {
	text-decoration:none;
	color: #897b72;
}

div#topRight ul li a:hover {
	color: #624c3d;
}

div#topRight ul li a#checkout {
	color: #18a787;
	font-weight: bold;
}

div#topRight ul li a#checkout:hover { color: #1ad3aa; }

div#topRight ul li input#search {
	width: 165px;
	border-top: 1px solid #d6d2cb;
	border-right: 1px solid #d7d3cd;
	border-bottom: 1px solid #cdc9c2;
	border-left: 1px solid #dcd9d2;
	padding: 2px 0 3px 5px;
	font-size: 10px;
	color: #a6a19e;
	text-transform: uppercase;
}

div#topRight ul li label {
	float: right;
}

div#topRight ul li input#btn_search {
	background: url(assets/img/bg_search.gif) left top no-repeat;
	border: none;
	cursor: pointer;
	height: 21px;
	margin: 0 0 0 5px;
	width: 18px;
}

/*-- LEFT COLUMN --*/
div#leftColumn div#promoContent div#s2f {
	border: 2px dotted #6cc0af;
	margin: 12px 0 0 0;
	padding: 6px 8px 8px 8px;
	width: 101px;
	height: 12px;
	font-size: 12px;
}

div#leftColumn div#promoContent div#s2f a {
	text-transform: uppercase;
	color: #b8c544;
	text-decoration: none;
}

/***********************************************************************
	5 - FOOTER
************************************************************************/
div#footerWrapper {
	margin-left: auto;
	margin-right: auto;
	width: 983px;
}

	div#topFooter {
		background: #d9d3c6;
		padding: 17px 27px 14px 23px;
	}
	
		div#newsletter {
			border-right: 5px solid #d5cfc2;
			float: left;
			width: 446px;
		}
		
			div#title_newsletter {
				background: url(assets/img/title_newsletter.gif) left top no-repeat;
				height: 16px;
				width: 218px;
			}
			
		div#newsletter p {
			color: #938b81;
			padding: 8px 0;
		}
		
		div#newsletter label {
			float: left;
		}
		
		div#newsletter input.custonField {
			border-top: 1px solid #bdb6ab;
			border-right: 1px solid #beb7ac;
			border-bottom: 1px solid #c4bdb2;
			border-left: 1px solid #c2bcb0;
			padding: 2px 0 3px 5px;
			font-size: 10px;
			color: #a6a19e;
			margin-right: 10px;
			text-transform: uppercase;
			width: 165px;
		}
		
		div#newsletter input#btn_newsletter {
			background: url(assets/img/btn_news-submit.gif) left 5px no-repeat;
			border: none;
			cursor: pointer;
			height: 14px;
			width: 50px;
		}
		
		div#footerPromo {
			float: left;
			padding: 0 0 0 35px;
			width: 445px;
			}
		
			div#title_visitBlog {
				background: url(assets/img/title_blog.gif) left top no-repeat;
				height: 16px;
				width: 91px;
			}
			
			div#title_eBook {
				background: url(assets/img/title_ebook.gif) left top no-repeat;
				height: 11px;
				width: 147px;
			}	
			
			div#footerPromo p {
				color: #938b81;
				line-height: 163%;
				padding: 15px 0 0 0;
			}
			
	div#botFooter {
		padding: 20px 0 20px 0;
		text-transform: uppercase;
	}
		div#botFooter p {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 9px;
			padding: 0 0 5px 0;
		}
		
		div#botFooter p#socialNetLinks {
			font-family: Arial, Helvetica, sans-serif;
		}
		
		div#botFooter p#socialNetLinks a {
			font-weight: bold;
		}
		
		div#botFooter p span {
			padding: 0 5px;
		}
	
		div#footerLinks {
			float: left;
			width: 645px;
		}
		
		div#footerLinks p a { color: #63625f; }
		
		div#footerLogos {
			float: left;
			width: 338px;
		}
		
			div#footerLogos ul {
				list-style: none;
				padding-left: 40px;
			}
			
			div#footerLogos ul li {
				float: left;
				height: 44px;
				padding: 0 10px 0 0;
			}
			
			li#logo_planet { background: url(assets/img/bg_foot-logo-planet.gif) left top no-repeat; width: 30px; } 
			li#logo_natural { background: url(assets/img/bg_foot-logo-natural.gif) left top no-repeat; width: 43px; }
			li#logo_b { background: url(assets/img/bg_foot-logo-b.gif) left top no-repeat; width: 25px; }
			li#logo_rabbit { background: url(assets/img/bg_foot-logo-rabbit.gif) left top no-repeat; width: 50px; }
			li#logo_bbb { background: url(assets/img/bg_foot-logo-bbb.gif) left top no-repeat; width: 26px; }
			li#logo_carbon { background: url(assets/img/bg_foot-logo-carbon.gif) left top no-repeat; width: 56px; }