/*
 * colors
 *   orange: #FE961D;
 *   green: #70bc1f;
 *   brown: #703700;
 */

/************************* 
	BODY
*************************/	
body										{
												font-family: "century gothic",arial,helvetica,clean,sans-serif;
												background: url(../i/bgleaf.gif) repeat;
												}
												
.container							{ 
												background: #E2EBF4;
												}

#bd											{
												margin: 2em 0;
												}
												
#bd #maincontent				{
												padding: 1em 123px 1em 147px;
												}

#home #bd #maincontent,
#wide #bd #maincontent	{
												padding: 1em 4.5em;
												}

/************************* 
	HEADER
*************************/					
#hd											{
												background: #FFF;
												}				

/************************* 
	FOOTER
*************************/	
#ft											{
												background: url(../i/grass.gif) bottom left repeat-x;
												}				
				
/************************* 
	UTILITY STRUCTURES
*************************/	
.links									{
												text-align: center;
												}
				
.links ul								{
												list-style: none;
												margin: 0 auto;
												}
				
.links li								{
												display: inline;
												}

.links a								{
												text-decoration: none;
												}

/************************* 
	HEADINGS
*************************/	
h1											{
												color: #faa635;
												font-size: 1.5em;
												margin-bottom: 1em;
												font-weight: 700;
												}
												
#wide h1								{
												margin-left: 5em;
												}												

h2 a,
h2											{
												font-weight: normal;
												margin-top: 1em;
												color: #70bc1f;
												font-size: 1.1em;
												}
												
h3											{
												font-weight: 700;
												margin-top: 1em;
												padding-top: 1em;
												color: #703700;
												font-size: 1em;
												clear: both;
												background: url(../i/bdrdot1.gif) top left repeat-x;
												}

#signin h3,
.stdbox h3							{
												background: none;
												}

/************************* 
	COMMON
*************************/	
a												{
												color: #FE961D;
												text-decoration: none;
												}

a:hover									{
												text-decoration: underline;
												}

strong									{
												font-weight: 700;
												}
												
p												{
												margin: 1em auto;
												}

.interestl							{
												float: left;
												margin-right: 1em;
												margin-bottom: 1em;
												}
												
.interestr							{
												float: right;
												margin-left: 1em;
												margin-bottom: 1em;
												}

.copyblock							{
												width: 60%;
												}

/*************************
  ROUNDED CORNERS
  
  Credit: http://www.roundedcornr.com
*************************/	

.roundedcornr_box {
   background: #f8fafc;
}
.roundedcornr_top div {
   background: url(../i/corners/roundedcornr_tl.png) no-repeat top left;
}
.roundedcornr_top {
   background: url(../i/corners/roundedcornr_tr.png) no-repeat top right;
}
.roundedcornr_bottom div {
   background: url(../i/corners/roundedcornr_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom {
   background: url(../i/corners/roundedcornr_br.png) no-repeat bottom right;
}

.roundedcornr_top div, .roundedcornr_top, 
.roundedcornr_bottom div, .roundedcornr_bottom {
   width: 100%;
   height: 11px;
   font-size: 1px;
}
.roundedcornr_content { margin: 0 30px; }

.roundedcornr_content h3	{ 
													background: none;
													}

/*************************
  FORMS
*************************/	
.formborder						{
											border-left: 1px solid #CCC;
											border-bottom: 1px solid #CCC;
											border-right: 1px solid #CCC;
											padding: 1em;
											clear: both;
											}
											
.formborder h3				{
											clear: both;
											margin: 0;
											padding-top: 2em;
											}

.basicform h2					{
											padding-top: 1.5em;
											clear: both;
											}

.basicform h3					{
											background: none;
											}
											
.basicform label 			{
											display: block;
											}
											
.basicform label em		{
											font-size: 85%;
											font-style: italic;
											display: block;
											}

.basicform textarea,
.basicform input			{
											padding: 0.25em;
											height: auto;
											}
											
.basicform select			{
											padding: 0.25em;
											margin: 0;
											height: auto;
											}


.basicform .sameline	{
											float: left;
											margin-right: 0.5em;
											}

.basicform .medium		{
											width: 6em;
											}

.basicform .fieldgroup	{
											clear: both;
											padding-top: 0.5em;
											display: block;
											}

.basicform .fieldgroupleft	{
											clear: left;
											padding-top: 0.5em;
											display: block;
											}

.basicform .radiooptions	li {
											margin: 0.25em 0;
											}
											
p.success							{
											border: 2px solid #090;
											background: #CCC;
											color: #090;
											font-weight: 700;
											padding: 1em;
											margin: 1em 0;
											width: 35%;
											}

p.fail								{
											border: 2px solid #900;
											background: #CCC;
											color: #900;
											font-weight: 700;
											padding: 1em;
											margin: 1em 0;
											width: 35%;
											}
											
/************************* 
	LOGOS
*************************/	
#primarylogo						{
												background: url(../i/logo.gif) no-repeat top left;
												width: 192px;
												height: 39px;
												text-indent: -500em;
												float: left;
												margin-left: 26px;
												margin-top: 9px;
												margin-bottom: 17px;
												}
				
#primarylogo a					{
												display: block;
												height: 54px;
												}

#secondarylogo					{
												background: url(../i/logot.gif) no-repeat top left;
												width: 21px;
												height: 46px;
												text-indent: -500em;
												float: left;
												margin-left: 19px;
												}
				
#secondarylogo a				{
												display: block;
												height: 57px;
												}
				
/************************* 
	PRIMARY LINKS
*************************/	
.primarylinks						{			
												width: 30em;
												float: right;
												text-align: right;
												margin-top: 9px;
												}
				
.primarylinks li				{
												padding: 0 0 0 1em;
												}
								
.primarylinks a					{
												font-size: 1.15em;
												color: #703700;
												}

.primarylinks a:hover		{
												text-decoration: none;
												font-weight: 700;
												}

.primarylinks #bag			{
												background: url(../i/iconcart.gif) top left no-repeat;
												padding-left: 25px;
												}
												
.primarylinks #mail			{
												background: url(../i/iconleaf.gif) left 4px no-repeat;
												padding-left: 15px;
												padding-right: 0.5em;
												}
												
.primarylinks #login		{
												padding-right: 0.5em;
												text-transform: uppercase;
												}

.primarylinks #storeloc	{
												background: url(../i/iconleaf.gif) left 4px no-repeat;
												padding-left: 15px;
												}

/************************* 
	MAIN MENU LINKS
*************************/	
.mainmenulinks					{
												clear: both;
												background: #e2eaf4 url(../i/clouds.gif) repeat-x top left;
												padding-top: 53px;
												text-align: center;
												}				

.mainmenulinks ul				{
												margin: 0 auto;
												margin-top: 2em;
												width: 90%;
												}				

.mainmenulinks li				{
												margin-right: 30px;
												}				

.mainmenulinks li.last	{
												margin-right: 0;
												}				

.mainmenulinks li.curr	{
												background: url(../i/iconleaf14.gif) center left no-repeat;
												}		

.mainmenulinks li.curr a	{
												color: #70bc1f;
												}		

.mainmenulinks a				{
												text-transform: uppercase;
												color: #703700;
												padding-left: 19px;
												}				

.mainmenulinks a:hover	{
												background: url(../i/iconleaf14.gif) center left no-repeat;
												color: #70bc1f;
												text-decoration: none;
												}				

/************************* 
	SECONDARY LINKS
*************************/	
.secondarylinks					{
												text-align: center;
												padding-top: 18px;
												}				

.secondarylinks ul			{
												margin: auto;
												}				

.secondarylinks li			{
												margin-right: 5px;
												background: url(../i/bullet.gif) center right no-repeat;
												padding-right: 15px;
												}				

.secondarylinks li.last	{
												margin-right: 0;
												background: 0;
												}				

.secondarylinks a				{
												text-transform: lowercase;
												color: #703700;
												font-size: 80%;
												}		

.secondarylinks a:hover	{
												color: #70bc1f;
												text-decoration: none;
												}


/************************* 
	TERTIARY LINKS
*************************/	
.tertiarylinks					{
												text-align: center;
												height: 95px;
												}				

.tertiarylinks ul				{
												margin: auto;
												width: 90%;
												}				

.tertiarylinks li				{
												margin-right: 5px;
												padding-right: 15px;
												background: url(../i/bdrbrn.gif) center right no-repeat;
												color: #faa635;
												font-size: 75%;
												}				

.tertiarylinks li.last	{
												margin-right: 0;
												background: 0;
												}				

.tertiarylinks a				{
												color: #faa635;
												}				

.tertiarylinks a:hover	{
												color: #70bc1f;
												text-decoration: none;
												}


/************************* 
	HOME PAGE
*************************/												
#home .yui-b						{
												text-align: center;
												padding: 0;
												}

#featured								{
												margin: 0 auto 1em auto;
												width: 825px;
												}
												
#featuredcopy						{
												width: 315px;
												margin-right: 11px;
												margin-left: 20px;
												}

#featuredphoto					{
												float: right;
												}

#hilites								{
												margin-left: 18px;
												clear: both;
												padding-top: 1.5em;
												overflow: auto;
												}
												
#hilites div						{
												float: left;
												margin-right: 9px;
												}

#hilites p							{
												font-size: 80%;
												margin-top: 42px;
												padding: 0 10px;
												}

#hilites p a						{
												color: #000;
												font-weight: 700;
												}

#hilites #important			{
												background: url(../i/bgimpt.gif) top left no-repeat;
												width: 267px;
												height: 95px;
												text-align: left;
												}

#hilites #important p		{
												margin-left: 78px;
												}
												
#hilites #sale					{
												background: url(../i/bgsale.gif) top left no-repeat;
												width: 268px;
												height: 95px;
												text-align: center;
												}

#hilites #pare					{
												background: url(../i/bgpare.gif) top left no-repeat;
												width: 267px;
												height: 95px;
												text-align: right;
												margin-right: 0;
												}

#hilites #pare p				{
												margin-right: 76px;
												}
												
.borderdot							{
												background: url(../i/bdrdot.gif) center center no-repeat;
												height: 5px;
												width: 313px;
												}

#featuredcopy #copy			{
												padding: 1em;
												background: url(../i/bdrdotv.gif) repeat-y;
												text-align: center;
												font-size: 90%;
												}
												
#featuredcopy #copy h2	{
												padding: 0.25em 0;
												color: #faa635;
												text-align: center;
												font-size: 1.25em;
												font-style: normal;
												display: block;
												margin: 0.1em 0;
												}
												
#featuredcopy #copy p		{
												margin: 0.3em 0;
												}
												
#featuredcopy #copy #tag {
												padding: 0.25em 0 0 0;
												color: #94ca62;
												text-align: center;
												font-size: 90%;
												}

/************************* 
	STORES PAGE
*************************/												
#stores									{
												border-collapse: collapse;
												width: 100%;
												}
												
#stores h3							{
												background: 0;
												}

#storedetails						{
												margin-right: 2em;
												width: 50%;
												}
												
#map										{
												border: 1px solid #000;
												width: 100%;
												height: 300px;
												}
												
#directionstext					{
												background: #FFF;
												margin-top: 1em;
												}
												
/************************* 
	ALL CATEGORY PAGE
*************************/
#allcatlists						{
												text-align: center;
												margin-top: 2em;
												}

#allcatlists ul					{
												width: 70%;
												margin: auto;
												}

#allcatlists li					{
												float: left;
												list-style: none;
												margin-right: 10px;
												margin-bottom: 2em;
												}

/************************* 
	CATEGORY PAGE
*************************/
.productlist						{
												text-align: center;
												margin: 2em 0;
												text-align: center;
												}

.productlist ul					{
												list-style: none;
												width: 100%;
												margin: 0 auto;
												clear: both;
												}

.productlist li					{
												float: left;
												margin-right: 15px;
												width: 150px;
												margin-bottom: 35px;
												}

.productlist li.last		{
												margin-right: 0;
												}

.productlist li a				{
												margin: 0;
												font-size: 1em;
												color: #703700;
												}

.productlist li a:hover	{
												text-decoration: none;
												color: #70bc1f;
												}

/************************* 
	PRODUCT PAGE
*************************/
.productinfo						{
												float: right;
												width: 55%;
												}

.productimage						{
												position: relative;
												display: block;
												}

.productimage .mask			{
												position: absolute;
												top: 0;
												left: 0;
												}

.productprice						{
												margin: 1em 0;
												}
												
.productinfo h3					{
												background: none;
												}
												
.prodattr								{
												margin-right: 2em;
												}

#imagetestimonial				{
												width: 30%;
												}

#testimonial						{
												width: 67%;
												font-size: 0.9em;
												font-style: italic;
												font-weight: 700;
												padding: 0 2em;
												color: #87c54a;
												}
												
.customer								{
												text-align: right;
												font-weight: normal;
												}

#addbutton							{
												margin: 0 10px;
												}

#soldout								{
												background: url(../i/btnsoldout.gif) left top no-repeat;
												padding-left: 75px;
												margin: 2em 0;
												}
												
/************************* 
	SHOPPING BAG PAGE
*************************/
#bagmast								{
												background-color: #FFF;
												text-transform: lowercase;
												padding: 0.5em;
												text-align: right;
												}

#bagmast h1							{
												color: #70bc1f;
												font-size: 1em;
												display: inline;
												float: left;
												}
												
#bagmast a							{
												color: #FE961D;
												font-weight: 700;
												}

#bagempty								{
												clear: both;	
												}
												
#checkout								{
												background: url(../i/dotgrn.gif) center right no-repeat;
												padding-right: 10px;
												}

#cartcontent						{
												clear: both;
												}

#cartcontent table			{
												width: 100%;
												border-collapse: collapse;
												}

#cartcontent table th		{
												color: #70bc1f;
												font-weight: 700;
												text-transform: uppercase;
												font-size: 0.85em;
												padding: 0.5em;
												}

#cartcontent table td		{
												padding: 0.5em;
												}

#cartcontent table a	  {
												color: #000;
												}

#cartcontent table .price	{
												text-align: right;
												}
												
#cartcontent table .gift	{
												width: 10%;
												text-align: center;
												}
												
#cartcontent table .sub	{
												text-align: right;
												}
												
#cartcontent table .grand	{
												text-align: right;
												background-color: #FFF;
												text-transform: uppercase;
												font-weight: 700;
												}

#cartcontent table .qty	{
												width: 20%;
												}

#checkoutbtn						{
												text-align: right;
												margin: 1em 0;
												}

/************************* 
	SHIPPING PAGE
*************************/
address									{
												margin: 1em 0;
												}

/************************* 
	PRESS PAGE
*************************/	
#press 									{
												clear: both;
												}
												
#press h3								{
												padding-top: 1.5em;
												font-size: 1.2em;
												}

#press td								{
												width: 25%;
												}

#press ul								{
												list-style: none;
												margin: 0;
												}				
												
#press li								{
												margin-bottom: 1.5em;
												}
												
#press li	h4						{
												margin: 0 0 0.25em 0;
												}
																								
#press li p							{
												margin: 0;
												}					

#press .leftlist				{
												float: left;
												width: 28%;
												margin-right: 5%;
												}

#pressbody img					{
												margin-right: 2em;
												margin-bottom: 2em;
												}
												
#pressspot							{
												margin-bottom: 2em;
												}

#pressspot #spotbody		{
												font-size: 1.1em;
												}

#pressspot #spotbody p	{
												margin-top: 0;
												}
	
#pressspot h2						{
												font-size: 1.5em;
												margin-top: 0;
												}

#pressactions						{
												clear: both;
												}

/************************* 
	MAILING LIST PAGE
*************************/	
#benefits h3						{
												background: none;
												margin: 0.5em 0;
												}

/************************* 
	CART PAGE
*************************/	
#cart th.gift,
#cart td.gift,
#cart th.remove,
#cart td.remove					{
												text-align: center;
												}						
												
#cart .amount,												
#cart .itemspan td			{
												text-align: right;
												}

#cart th,
#cart td								{
												width: 15%;
												}
												
#cart th.name,
#cart td.name						{
												width: 40%;
												}
												
.checkoutlink						{
												text-align: right;
												font-weight: 700;
												}						

#giftwrap textarea			{
												width: 180px;
												height: auto;
												font-family: arial, sans-serif;
												font-size: 12px;
												}

#giftwrap,
#couponform							{
												clear: both;
												background-color: #E0E0E0;
												overflow: auto;
												padding: 0.5em 0;
												margin-bottom: 1em;
												}

/************************* 
	BILLING, REVIEW PAGE
*************************/	
#cards									{
												vertical-align: middle;
												}
																								
.editlink								{
												background: url(../i/pencil.png) top left no-repeat;
												padding-left: 20px;
												}

/************************* 
	SIGNIN
*************************/	
#signin									{
												background: url(../i/bdrdotv2.gif) top left repeat-y;
												}
												
#signin .bdrpushl				{
												padding-left: 20px;
												}