/*************************************************
 
 United Teas of Wellness
 	v1.0
 
 	
 	Unleaded Software
 	http://www.unleadedsoftware.com
 	Author: Bret Glassett
	-------------------------
	
		Color Guide:
			
			#3e0e0c - Brown (header)
			#f7f5f5 - White
			#908f8f - Gray (secondary nav)
			#5d5c5c - Darker gray (hover)
			#8f8e8e - Light Gray (TM etc)
			#cebeb7 - Light Brown (sub titles)
			#5f2f1e - Dark Brown (title)
			#957062 - Light Brown (dots)
			#292727 - Black (text)
			#e4957f - Light Orange (dots)
			#cabda8 - Light Olive (dots)
			
			#cbb2a6 - Brown BG
			#2da063 - Green BG
			#d03508 - Orange BG
			#e85129 - Light Orange BG
			#9d855b - Olive Green BG
			
			#e0977f - Light Orange Text on Orange BG
		
		Font Guide:
		
		  font-family: GillSans, Trebuchet, Calibri, sans-serif; - (non-serif fonts)
		  font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;  - (serif fonts)        

 
**************************************************/

/* CSS Reset */

*{margin:0;padding:0}
iframe,a img,fieldset,form,table{border:0}
h6,h5,h4,h3,h2,h1,caption,th,td{font-size:100%;font-weight:normal}
dd,dt,dl,ol,ul{list-style:none}
legend{color:#000}
select,textarea,input{font-size:100%}
table{border-collapse:collapse}
caption,th,td{text-align:left}

/**********************************
 
 GLOBAL
 
***********************************/

html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
}

body {
	background:url(../images/bg.png) repeat #340506;
}

img {
	display: block;
}

/**********************************
 
 HEADERS
 
***********************************/

h1 {
	font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; 
	font-size: 32px; 
	color: #5f2f1e;
	margin: 0 0 0 20px; 
}

.funnelWrapper3 h1 {
	color: #f7f5f5;
	border-bottom: 2px dotted #e4957f;
	margin-bottom: 10px;
}

h2 {
	font-family: GillSans, Trebuchet, Calibri, sans-serif;
	font-weight: bold;
	color: #4e4d4d;
	margin: 0 0 10px 0 
}

h5 {
	font-family: GillSans, Trebuchet, Calibri, sans-serif;
	font-size: 28px;
	color: #cebeb7;
	border-bottom: 2px dotted #cebeb7;
	margin: 0 0 0 5px;
}

h6 {
	font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
	font-size: 24px;
	color: #3e0e0c;
	text-align: right;
}

a {
	font-size: 12px;
	text-decoration: none;
	color: #d4170e;
}

a:hover { color: #e0625c; }

a:active, a:focus, a:hover {
	outline: none;
}

.credit {
	font-size: 17px;
}

/****************
 
 FONTS & STYLE
 
*****************/

p {
	font-family: GillSans, Trebuchet, Calibri, sans-serif;
	color: #5d5c5c;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 5px;
}

.featured {
	font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
	color: #5f2f1e;
	width: 136px;
	text-transform: uppercase;
	font-size: 16px;
	border-bottom: 2px dotted #957062;
	margin-bottom: 10px;
}

.featured2 {
	color: #292727;
	border-bottom: 2px dotted #2a5c41;
}

.featured3 {
	color: #f7f5f5;
	border-bottom: 2px dotted #e4957f;
	width: 200px;
}

.featured4 {
	border-bottom: 2px dotted #cabda8;
}

.shop {
	background: url(../images/bg_shop.png) no-repeat right;
	position: absolute;
	right: 10px;
	bottom: 0px;
	padding: 0 23px 10px 0;
}

.shop a {
	text-decoration: none;
	color: #f7f5f5;
	font-size: 24px;
}

.shop a:hover  {
	text-decoration: underline;
}

.more {
	background: url(../images/bg_shop.png) no-repeat right;
	position: absolute;
	right: 10px;
	bottom: 0px;
	padding: 0 23px 10px 0;
}

.more2 { 
	position: absolute;
	right: 10px;
	bottom: 0px;
	padding: 0 0 10px 0;
}

.more a, .more2 a {
	text-decoration: none;
	color: #e85129;
	font-size: 24px;
}

.more a:hover, .more2 a:hover  {
	text-decoration: underline;
}

.moreBlog { padding-bottom: 0px;}

.about {
	font-size: 20px;
	color: #5f2f1e;
}

.featuredContent p { color: #282727; }
.featuredContent .featured { border-bottom: 2px dotted #282727; }

.brandHeader h1, 
.brandHeader h5,
.brandHeaderOrange h1, 
.brandHeaderOrange h5 {
	display: inline;
}

.brandHeaderOrange h1 {
	color: #f7f5f5;
}

.brandHeaderOrange h5 {
	color: #db8467;	
	border-bottom:2px dotted #db8467;
}

#search p {
	font-size: 12px;
	color: #e0977f;
	float: left;
	margin-right: 5px;
}

#box2 p {
	color: #5f2f1e;
	font-weight: bold;
}

	@media screen and (-webkit-min-device-pixel-ratio:0) { /* Lets Make Safari 4 Behave */
    	#box2 p  {
			font-weight: normal;
		}
  	}

#box3 p {
	color: #292727;
	font-weight: bold;
}

	@media screen and (-webkit-min-device-pixel-ratio:0) { /* Lets Make Safari 4 Behave */
    	#box3 p  {
			font-weight: normal;
		}
  	}

#box4 p {
	color:#5F2F1E;
}

#storeCat a {
	text-decoration: none;
	color: #333131;
	text-transform: uppercase;
	font-family: GillSans, Trebuchet, Calibri, sans-serif;
	font-weight: bold;
}

#storeCat a:hover {
	color: #525151;
}

#contentLeftCol p {
	color: #5f2f1e;
}

#contentLeftCol blockquote p {
	font-size: 12px;
	margin: 10px 5px 20px 10px;
	border-left: 2px dotted #8c7f7a;
	color: #8c7f7a;
	padding: 0 0 0 10px;
}

.nuYu .brandHeaderOrange h5 { 
	color: #f7bb73; 
	border-bottom: 2px dotted #f7bb73;
}

sup {
	font-family: GillSans, Trebuchet, Calibri, sans-serif;
	color: #eda790;
	font-size: 8px;
	margin: 0 5px 0 0;
}

.nuYu sup { color: #f9ddbb; }	

/**********************************
 
 WRAPS
 
***********************************/

#wrapper { /* Glow */
	background: url(../images/bg_glow.png) repeat-y center top;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px 0px -40px 0; 
}

#content_wrapper {
	width: 100%;
	padding: 0px 0px 40px 0px;
	min-width: 942px;
}

#content_inner_wrapper {
	width: 942px;
	margin: 0px auto;
}
	
	@media screen and (-webkit-min-device-pixel-ratio:0) { /* Lets Make Safari 4 Behave */
    	div#content_inner_wrapper  {
			width: 940px;
			}
  	}

#mainWrap {
	width: 942px;
	font-family: GillSans, Trebuchet, Calibri, sans-serif; 
	color: #5D5C5C;
	font-size: 12px;
}

.checkout #mainWrap { margin-bottom: 40px; }

.mainInner { margin-left: 1px; }

#horizBanner {
	background: url(../images/bg_horizBanner.png) repeat-x;
	height: 462px;
	width: 4000px;
	margin: 280px 0 0 -1000px;
	position: absolute;
	z-index: 0;
}

.wrapPadding { margin-bottom: 40px; }

/**********************************
 
 HEADER & NAVIGATION
 
***********************************/

#header {
	float: left;
	height: 166px;
	width: 942px;
}

#headerLower {
	background: url(../images/header_lower_orange.png) no-repeat;
	width: 942px;
	height: 69px;
	padding: 10px 0 0 0;
	margin: -10px 0 0 1px;
	position: relative;
	z-index: 0;
}

#headerLowerIndex {
	background: url(../images/header_lower_index.png) repeat-x bottom;
	width: 942px;
	height: 140px;
	padding: 10px 0 20px 0;
	margin: -10px 0 0 1px;
	position: relative;
	z-index: 0;
}

#headerLowerIndex h1 { font-size: 24px; color: #f7f5f5; }
#headerLowerIndex h5 { margin: 10px 0 0 20px; font-size: 20px; line-height: 14px; color: #e1b89d; border: none;  }
#headerLowerIndex h1.author { float: right; margin: 10px 20px 0 0; padding: 0; font-size: 22px; color: #f7f5f5; }

.checkout #headerLower  { background: url(../images/header_lower_orange2.png) no-repeat; }
.nuYu #headerLower { background: url(../images/header_lower_yellow.png) no-repeat; }
 
#logo {
	float: left;
	width: 296px;
	height: 166px;
}

#tagLine {
	background: url(../images/tag_line.png) no-repeat;
	float: left;
	width: 646px;
	height: 166px;
}

#tagLine h6 {
	float: right;
	margin: 30px 20px 0 0;
}

#navigation {
	background: url(../images/bg_nav.png) no-repeat;
	width: 939px;
	height: 51px;
	margin-left: -15px;
	padding: 0 0 0 20px;
	position: relative;
	z-index: 100;
}

/****************
 
 Primary Navigation
 
*****************/

#navigation ul {
	width: 100%;
	float: left;
	height: 45px;
	margin-top: 6px;
}

#navigation li {
	display: inline;
	margin-left: -10px;
	color: #f7f5f5;
}

#navigation li a {
	text-decoration: none;
	color: #f7f5f5;
	font-size: 26px;
	padding: 0 20px 0 20px;
	margin: 0 5px 0 5px;
	height: 51px;
	display: inline-block;
}

#navigation li a:hover {
	background: url(../images/bg_over.png) no-repeat center;
	height: 51px;
	display: inline-block;
}

.navBG { background: url(../images/bg_navRight.png) no-repeat right; }

/****************
 
 Secondary Navigation
 
*****************/

#subNav {
	height: 20px;
	width: 942px;
}

#subNavInner {
	height: 20px;
	width: 402px;
}

#subNavInnerWrap {
	float: left;
	width: 402px;
	height: 69px;
}

#subNav ul, #subNavInner ul {
	float: right;
	margin: 0 8px 0 0;
}

#subNav li, #subNavInner li {
	display: inline;
	margin-right: 5px;
}

#subNav li a, #subNavInner li a {
	font-family: GillSans, Trebuchet, Calibri, sans-serif;
	text-decoration: none;
	color: #908f8f;
}

#headerLower #subNav li a, #headerLower #subNavInner li a { color: #f7f5f5; }

.nuYu #headerLower #subNavInner li a:hover { color: #f2c997; }

#subNav li a:hover { color: #5d5c5c; }

#headerLower #subNavInner li a:hover { color: #e4957f; }

/********

 Lower Header
	
********/

#headerLower #subNav li a:hover { color: #DB8467; }

.brandHeader {
	height: 45px;
	width: 940px;
}

.brandHeaderOrange {
	float: left;
	height: 54px;
	width: 540px;
	padding: 15px 0 0 0; 
}

/**** 

 Search 
 
****/

#search {
	float: right;
	width: 150px;
	margin: 5px 10px 0 0; 
	color: #5D5C5C;
}

.inputText { /* Input Style */
	float: left;
	border: 1px solid #a4300a;
	width: 150px;
	color: #5D5C5C;
	font-size: 10px;
	padding: 4px;
	height: 10px;
}

.inputBtn { /* Button Style */
	width: 30px;
	border: 1px solid #a4300a;
	font-size: 10px;
	height: 20px;
	background-color: #f7f5f5;
	cursor: pointer;
	color: #5D5C5C;
}

/**********************************
 
 BODY / CONTENT  - Index & Inner
 
***********************************/

/********

	Top -Index
	
********/

#contentTop {
	background: url(../images/bg_shaddow.png) repeat-x bottom;
	height: 516px;
	width: 940px;
	margin-left: 2px;
	padding-bottom: 5px;
}

.funnelWrapper {
	background: url(../images/bg_nuyu.jpg) no-repeat right;
	height: 460px;
	width: 942px;
	margin: 0 0 0 -1px;
}

#box1 { 
	float: left;
	margin-right: 20px;
	width: 520px;
}

#box2 {
	float: left;
	height: 218px;
	width: 402px;
	background-color: #cbb2a6;
	margin-bottom: 24px;
}

#box2 img {
	float: left;
}

#box2content {
	float: left;
	width: 136px;
	height: 198px;
	padding: 10px;
	position: relative;
}

#box2 h4 {
	float: left;
}

#box3 {
	float: left;
	height: 218px;
	width: 402px;
	background-color: #2da063;
}

#box3 img {
	float: left;
}

#box3content {
	float: left;
	width: 136px;
	height: 198px;
	padding: 10px;
	position: relative;
}

/********

 Middle - Index
	
********/

#contentMiddle {
	background: url(../images/bg_shaddow.png) repeat-x bottom;
	height: 521px;
	width: 940px;
	margin-left: 2px;
}

#funnelWrapper2 {
	background: url(../images/bg_nb.jpg) repeat;
	height: 460px;
	width: 942px;
	margin-left: -1px;
}

#box4  {
	background-color: #cbb2a6;
	float: left;
	width: 462px;
	height: 460px;
	margin-right: 20px;
}

#box4content {
	float: left;
	padding: 10px;
	height: 135px;
}

#box5 {
	float: left;
	background-color: #e85129;
	margin-right: 20px;
	width: 220px;
	height: 450px;
	padding: 10px 0 0 0;
}

#box5content, #box6content {
	float: left;
	padding: 10px;
	position: relative;
	height: 167px;
}

#box5content p, #box6content p {
	color: #f7f5f5;
	font-weight: bold;
}

#box6 {
	float: left;
	background-color: #9d855b;
	width: 220px;
	height: 450px;
	padding: 10px 0 0 0;
}

/********

 Bottom - Index
	
********/

#contentBottom {
	float: left;
	width: 942px;
	margin: 40px 0 0 0;
}

.funnelWrapper3 {
	background: url(../images/bg_news.png) repeat-x top #d03508;
	width: 942px;
	margin: 0 0 0 1px;
	padding: 40px 0 40px 0;
	height: 740px;
}
	
#box7 {
	float: left;
	width: 400px;
	margin-right: 20px;
}

#box7content {
	background-color: #f7f5f5;
	width: 380px;
	height: 440px;
	padding: 10px;
	position: relative;
}

#box8 {
	float: left;
	margin-right: 20px;
	width: 282px;
}

#box8content {
	background-color: #f7f5f5;
	width: 262px;
	height: 440px;
	padding: 10px;
	position: relative;
}

#box9 { float: left; }

#box9content {
	background-color: #f7f5f5;
	width: 199px;
	height: 440px;
	padding: 10px;
	position: relative;
}

#box10 { float: left; margin-top: 20px; }

#box10content {
	background-color: #f7f5f5;
	margin: 0 0 20px 0;
	padding: 10px;
	width: 922px;
	height: 150px;
	position: relative;
}


/**********************************
 
 FOOTER
 
***********************************/

#footer_wrapper {
	height:40px; /* must match negative margin of #wrap */
	width: 100%;
}

#footer_inner_wrapper {
	background-color: #3e0e0c;
	width: 942px;
	margin: 0px auto;
	height: 40px;
}

#footerLeft {
	float: left;
	padding: 10px 0 0 20px
}

#footerRight {
	float: right;
	padding: 10px 20px 0 0;
}
	
#footer_wrapper ul {
	font-family: GillSans, Trebuchet, Calibri, sans-serif;
	color: #f7f5f5;
	font-size: 11px;
}

#footer_wrapper ul a {
	color: #f7f5f5;
	text-decoration: none;
	font-size: 11px;
}	

#footer_wrapper ul a:hover {
	color: #6c4846;
}
	
#footer_wrapper li {
	display: inline;
}

#padding {
	padding-left: 2px;
}
	
	@media screen and (-webkit-min-device-pixel-ratio:0) { /* Lets Make Safari 4 Behave */
    	div#padding  {
			padding-left: 4px;
		}
  	}

/**********************************
 
 EXPRESSIONENGINE ONLY
 
***********************************/

#pagePadding { padding: 10px 20px 10px 20px; }

.page { margin: 0 0 20px 0px; }

/********

 Contact
	
********/

#contactForm {
	float: left;
	width: 400px;
}

#freeform p {
	font-weight: bold;
}

#freeform input {
	float: right;
	background: #ffffff;
	width: 280px; 
	border: 1px solid #c6c1b8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5D5C5C;
	padding: 4px 4px 4px 4px;
	margin: 0px 0px 10px 0px;
}

#freeform textarea {
	float: right;
	background: #ffffff;
	width: 280px;
	border: 1px solid #c6c1b8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5D5C5C;
	padding: 4px 4px 4px 4px;
	margin: 0px 0px 10px 0px;
}


#freeform .submit {
	width: 100px;
	float: right;
	color: #fff;
	background-color: #c6c1b8;
 	cursor: pointer;
}

#freeform select {
	float: right;
	background: #ffffff;
	border: 1px solid #c6c1b8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5d5c5c;
	padding: 4px 4px 4px 4px;
	margin: 0px 0px 10px 0px
}

#freeform .submit:hover {
	background-color: #b7b0a1;
}

.required {
	font-size: 10px;
	font-style: italic;
	color: #c6c1b8;
}

#contactInfo {
	float: left;
	width: 442px;
	padding: 20px;
	margin-left: 20px;
	background-color: #eceae2;
}

/********

 Blog
	
********/

#blogLeft {
	float: left;
	width: 142px;
	height: 300px;
	background-color:#ECEAE2;
	padding: 20px	;
}

#blogLeft a {
	font-size: 15px;
}

#blogLeft ul { 
	border-bottom: 1px dotted #b7b0a1;
	padding-bottom: 10px;	
}

#blogRight {
	float: left;
	margin-left: 20px;
	width: 700px;
}

.date {
	font-style: italic;
	font-size: 10px;
	text-align: center;
}

.blog { 
	margin: 0px;
	text-align: center;
 }

.entry h2 {
	text-align: center;
	margin: 0px;
}

.entry { 
	margin-bottom: 20px; 
	border-bottom: 1px dotted #b7b0a1;
	position: relative;
	padding-bottom: 20px;
}

.funnelWrapper3 .more a {
	font-size: 18px;
} 

.catHeading { color: #d4170e; }

/**********************************
 
 VARIOUS
 
***********************************/

.clear {
	clear: both;
}

.adj {
	margin-left: 0px;
}

.adj2 {
	margin-right: 15px;
}

.adj3 {
	margin-left: 10px;
}

#error { 
	margin: 0 0 15px 15px;
	color: #d4170e; 
}