@import url("boxNav.css");

/*    -----------------------    Main Tags   -----------------------   */  

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	background:  url(images/elements2/bg.gif) repeat-x center top;
 }

hr {
	height: 1px;
	width: 100%;
	background: #bfc9b0;
	border: 1px;
	color: #bfc9b0;
}

h1 {
	font: 900 22px/24px Times New Roman, Times, serif;
	color: #5f5012;
	text-align:left;
	margin: 20px 0px 10px 0px;
}

h2 {
	font: 700 16px/18px Times New Roman, Times, serif;
	color: #5f5012;
}

h3 {
	font: 700 12px/14px  arial, verdana, sans-serif;
	color: #886d00;
	margin:0;
	padding:0 0 0 0;
}

h4 {
	font: 700 10px/14px Arial, Helvetica, sans-serif;
	color: #504e4e;
	font-style:italic;
	margin: 0px;
}
h5 {
	font: 700 18px/18px Times New Roman, Times, serif;
	color:#6d561a;
	padding:0;
	margin:20px 0 0 0;
}

ul {
	margin: 0px;
	padding:0px;
}
.ProductNameText 
{
	font: 900 20px/20px Times New Roman, Times, serif;
	color: #5f5012;
	text-align:left;
	margin: 20px 0px 0px 0px;
	text-transform: capitalize;
}

green {
	font: 700 12px/12px Arial, Helvetica, sans-serif;
	color:#ffffff;
	background: url(images/gradient_green.gif) no-repeat center;
	border: 1px solid #c4d269;
	padding: 7px;
	cursor:pointer;
}
.AddToCartButton, .CheckoutNowButton, .ShippingPageContinueCheckoutButton, .PaymentPageContinueCheckoutButton, .ReviewPageContinueCheckoutButton, .submit, .UpdateAccountButton, .AccountPageContinueCheckoutButton, .btnReturn, .btnSaveAddress, .btnDeleteAddress, #btnReturn, .ContinueCheckoutButton, #LoginButton, #btnRequestNewPassword, #RegisterAndCheckoutButton, #btnSignInAndCheckout {
	font: 700 12px/12px Arial, Helvetica, sans-serif;
	color:#ffffff;
	background: url(images/gradient_blue.gif) no-repeat center;
	border: 1px solid #999999;
	padding: 7px;
	cursor:pointer;
}
.CartDeleteButton, .UpdateCartButton, .ContinueShoppingButton { 
	font: normal 11px/11px Arial, Helvetica, sans-serif;
	color:#666666;
	background: url(images/gradient_grey.gif) no-repeat center;
	border: 1px solid #d6d6d6;
	padding: 7px;
	cursor:pointer;
}
/*-----Links In Shopping Cart -------*/
a {
	color:#796100;
}
a:hover {
	color:#abbf2a;
}
/*    -----------------------    Page Structure   -----------------------   */ 

#mc, #header, #content, #contentend, #copyright {
	width:951px;
}
#wrapper {
	width: 100%;
	/*background: url(images/top_bg.jpg) no-repeat top center;*/
	float:left;
}
#mc {
	margin:auto;
}
#pagetile {
	background: #ffffff;
	float:left;
}
#header {
	background: url(images/elements2/top.jpg) no-repeat 0px 0px;
	height:182px;
	float:left;
}
#headerprint {
	display:none;
}
.printthis {
	display:none;
}
#productsheet {
	/*width:165px;*/
	width:250px;
	margin:0 15px 0 0;
	border-right: 1px solid #eeeeee;
	float:left;
}


/*    -----------------------    Navigation   -----------------------   */  
#topnav {
	position: absolute;
	z-index: 50;
	visibility: visible;
	margin:0px 0px 0px 620px;
	font: bold 10px/10px  arial, verdana, sans-serif;
	color: #878785;
}
#topnav a {
	color: #878785;
	text-decoration:none;
}
#topnav a:hover {
	color:#abbf2a;
	text-decoration:underline;
}
#navcontainer {
	width: 585px;
	margin: 155px 0px 0px 50px;
}
#nav, #nav ul {
	width: 585px;
}
#nav ul li {
	list-style: none;
	float: left;
	display: inline;
	margin: 0px;
}
#nav ul li a {
	display: block;
	height: 15px;
	margin: 0px;
	padding: 0px;
}
#nav em {
	display: none;
}
#elements1 {display:none;}
#elements2 {}

/*    -----------------------   Menu Items   -----------------------   */ 
#whatchlorella, #whatchlorella a {
	width: 101px;
	background: url(images/elements2/m_what_chlorella.gif) no-repeat 0px 0px;
}	
#whatchlorella a:hover {
	background: url(images/elements2/m_what_chlorella.gif) no-repeat 0px -15px;
}

#about, #about a {
	width: 33px;
	background: url(images/elements2/m_about.gif) no-repeat 0px 0px;
}	
#about a:hover {
	background: url(images/elements2/m_about.gif) no-repeat 0px -15px;
}
#home, #home a {
	width: 29px;
	background: url(images/elements2/m_home.gif) no-repeat 0px 0px;
}	
#home a:hover {
	background: url(images/elements2/m_home.gif) no-repeat 0px -15px;
}
#contact, #contact a {
	width: 45px;
	background: url(images/elements2/m_contact.gif) no-repeat 0px 0px;
}	
#contact a:hover {
	background: url(images/elements2/m_contact.gif) no-repeat 0px -15px;
}
#mspacer, #mspacer a, #mspacer a:hover {
	width: 24px;
	background: url(images/elements2/m_spacer.gif) no-repeat center;
	cursor: default;
}

/*    -----------------------   Main Menu For Submenu Items   -----------------------   */ 

.products {
	width: 76px;
	background: url(images/elements2/m_products.gif) no-repeat 0px 0px;
}	
.productshl {
	width: 76px;
	background: url(images/elements2/m_products.gif) no-repeat 0px -15px;
}
.ourprocess {
	width: 68px;
	background: url(images/elements2/m_process.gif) no-repeat 0px 0px;
}	
.ourprocesshl {
	width:68px;
	background: url(images/elements2/m_process.gif) no-repeat 0px -15px;
}

/* ----------------- Submenu -----------------*/  

.subOne a, .subTwo a, .subThree a {
	font: 700 12px/12px  arial, helvetica, sans-serif;
	color: #ffffff;
	display: block;
	text-decoration:none;
	padding: 7px 1px 1px 17px;
	width: 146px;
	height: 22px;
	background:url(images/elements2/submenuline.png) no-repeat bottom !important;
	background:#442e01;
	line-height: 18px;
	/*border-bottom: 1px solid #ffffff;*/
}
.subOne a:hover, .subTwo a:hover, .subThree a:hover {
	color: #b4cd95;
	text-decoration:none;
}
.subOne, .subTwo, .subThree {
	background:url(images/elements2/submenubg.png) !important;
	background:#442e01;
}

.subOne {
	position: absolute;
	z-index: 15;
	visibility: hidden;
	top: 170px;
	padding:10px 0 10px 0;
	margin: 0 0 0 32px;
}
.subTwo {
	position: absolute;
	z-index: 15;
	visibility: hidden;
	top: 170px;
	padding:10px 0 10px 0;
	margin: 0 0 0 260px;
}
.subThree {
	position: absolute;
	z-index: 15;
	visibility: hidden;
	top: 70px;
	margin-left: 620px;
}

/*    -----------------------   Content  -----------------------   */  

#content {
	text-align: left;
	float:left;
	background: #ffffff;
}
#contentend {
	float: left;
	padding: 0px 0px 80px 0px;
	background: url(images/elements2/end.gif) no-repeat center bottom;
}
#contenthome {
	width: 762px;
	text-align: left;
	float:left;
	background: url(images/elements2/content_home.jpg) no-repeat 0px 0px;
}
#contentdivide {
	float:left;
  	margin-top: 5px;
  	margin-bottom: 5px;
}
#contentdivide #left {
	width: 290px;
	float: left;
}
#contentdivide #right {
	width: 100px;
	float: right;
}
#loginContent {
	font: normal 11px/16px  arial, verdana, sans-serif;
	color: #d8d2c3;
	width:300px; 
	position: absolute;
	z-index: 50;
	visibility: visible;
	margin: 0 0 0 605px;
	top: 155px;
	text-align:right;
}
#loginContent a {
	color: #d8d2c3; 
	text-decoration:underline;
}
#loginContent a:hover {
	text-decoration:none;
}

#productBoxbottom {
	border:1px solid #d6d6d6;
	padding:10px;
	width:400px;
	height:450px;
	background:#ffffff;
	float:left;
	margin:4px;
	font: normal 12px/16px  arial, verdana, sans-serif;
	color: #7b7b7b;
}
#productBoxbottom #left {
	float:left;
	width:131px;
}
#productBoxbottom #right {
	float:right;
	width:250px;
}
#productBoxbottom a {
	text-decoration:none;
}
#productBoxbottom a:hover {
	text-decoration:underline;
}
#productBox {
	border:1px solid #d6d6d6;
	padding:10px;
	width:400px;
	height:710px;
	background:#ffffff;
	float:left;
	margin:4px;
	font: normal 12px/16px  arial, verdana, sans-serif;
	color: #7b7b7b;
}
#productBox #left {
	float:left;
	width:131px;
}
#productBox #right {
	float:right;
	width:250px;
}
#productBox a {
	text-decoration:none;
}
#productBox a:hover {
	text-decoration:underline;
}
#productBoxSmall {
	border:1px solid #d6d6d6;
	padding:10px;
	width:400px;
	height:225px;
	background:#ffffff;
	float:left;
	margin:4px;
	font: normal 12px/16px  arial, verdana, sans-serif;
	color: #7b7b7b;
}
#productBoxSmall #left {
	float:left;
	width:131px;
}
#productBoxSmall #right {
	float:right;
	width:250px;
}
#productBoxSmall a {
	text-decoration:none;
}
#productBoxSmall a:hover {
	text-decoration:underline;
}

#faqBox {
	font: normal 12px/15px  arial, verdana, sans-serif;
	color: #504e4e;
	width: 380px;
	float: left;
	margin:20px;
	padding:10px;
	background:#ffffff;
	border:1px solid #666666;
	min-height:350px;
}

/*    -----------------------   Left Column    -----------------------   */  

#leftcol {
	font: normal 12px/16px  arial, verdana, sans-serif;
	color: #504e4e;
	width: 480px;
	margin: 0px 0px 0px 20px;
	float:left;

}
#leftcol a {
	color: #796100;
	text-decoration:none;
}
#leftcol a:hover {
	color: #abbf2a;
	text-decoration:underline;
}
#leftcol ul  {
	margin: 0 0 0 15px;
	padding: 0;
}
#leftcol ul li {
	font: normal 12px/18px  arial, verdana, sans-serif;
	color: #504e4e;
	list-style-image: url(images/elements2/a_bullet.gif);
	margin:0 0 0 25px;

}

/*    -----------------------   Wide Column    -----------------------   */  

#widecol {
	font: normal 12px/15px  arial, verdana, sans-serif;
	color: #504e4e;
	width: 900px;
	float: left;
	margin: 0px 0px 0px 30px;
}
#widecol p, #widecol table{
	font: normal 12px/15px  arial, verdana, sans-serif;
	color: #504e4e;
}
#listorder ul  {
	margin: 0 0 0 15px;
	padding: 0;
}
#listorder ul li {
	font: normal 12px/18px  arial, verdana, sans-serif;
	color: #504e4e;
	list-style-image: url(images/elements2/a_bullet.gif);
	margin:0 0 0 25px;

}


/*    -----------------------   Mid Column    -----------------------   */  

#midcol {
	font: normal 12px/15px  arial, verdana, sans-serif;
	color: #504e4e;
	width: 380px;
	float: left;
}
#midcol a {
	color:#b53e2a;
	text-decoration:none;
}	
#midcol a:hover {
	text-decoration:underline;
	color:#b53e2a;
}

/*    -----------------------   Right Column    -----------------------   */  

#rightcol {
	font: normal 12px/15px  arial, verdana, sans-serif;
	color: #504e4e;
	width: 360px;
	float: right;
	margin:20px 0 0 0;
}
#rightcol a {
	color: #ae852a;
	text-decoration:none;
}
 #rightcol a:hover {
	color: #ae852a;
	text-decoration:underline;
}
 #rightcol ul  {
	margin: 0 0 0 15px;
	padding: 0;
}
#rightcol ul li {
	font: normal 12px/15px  arial, verdana, sans-serif;
	color: #5a451b;
	list-style-image: url(images/elements2/a_bullet.gif);
	margin:0 0 0 55px;
	padding: 0;
}

/*    -----------------------   Footer   -----------------------   */  

#copyright  {
	font: normal 10px/12px arial, verdana;
	color: #3f3e3e;
	height:40px;
	text-align:left;
	background:  url(images/elements2/end.gif) no-repeat 0px 0px;
	padding: 40px 0px 0px 0px ;
	float: left;
	text-decoration:none;
}
 #copyright a {
	color: #211907;
	text-decoration:none;
	font-weight: bold;
}
 #copyright a:hover {
	color: #211907;
	text-decoration:underline;
}
#copyright p { margin: 0 0 0 185px;}

#greenpathdisclaimer { 
	font: normal 10px/12px arial, verdana;
	color: #3f3e3e;
	text-align:center;
	float:left;
	width:951px;
}

/*    末末末末末末末末末  Home Logo Link and Top Headers   末末末末末末末末末  */ 

#gohome {
	position: absolute;
	z-index: 10;
	visibility: visible;
	margin:0px 0px 0px 30px;
}
#topheaders {
	position: absolute;
	z-index: 10;
	visibility: visible;
	margin: 52px 0px 0px 185px;
	top: 0px;
}

/*    -----------------------   Small Columns    -----------------------   */  
#smleft { 
	width:260px;
	float:left;
}
#smright {
	width:260px;
	float:right;
}

/*    -----------------------   Content Images    -----------------------  

.picleft {
	float: left;
    margin-top: 3px;
	margin-right:8px;
	margin-bottom: 10px;
	border: 1px solid #0b0b71;
}
.picright {
  float: right;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 10px;
  border: 0px solid #2b5eae;
}
.pic {
  border: 1px solid #5f5012;
}
.staffpic {
	float: left;
    margin-top: 3px;
	margin-right:8px;
	margin-bottom: 10px;
	border: 1px solid #718da5;
}
.thumb {
	width:100px;
	height:59px;
} */  

/*    -----------------------   Small Columns    -----------------------   */  

#smleft { 
	width:160px;
	float:left;
}
#smright {
	width:300px;
	float:right;
}
#equalleft { 
	width:200px;
	float:left;
	padding: 0px 40px 0px 0px;
}
#equalright {
	width:200px;
	float:right;
	padding: 0px 40px 0px 0px;
}

/*    -----------------------    Style a Form   -----------------------   */  
.newsletter {
	width:470px;
	height:83px;
	background: url(images/newsletter.gif) no-repeat 0px 0px;
}
.newsletter form {
	width: 221px;
}
.newsletter input {
	font: normal 12px/11px  arial, verdana, microsoft sans-serif, sans-serif;
	color: #5a451b;
	border:0;
	background: none;	
}
.newsletterEmail {
	margin: 55px 0px 0px 100px;
	float:left;
}
.newsletterSubmit {
	margin: -100px 0px 10px 400px !IMPORTANT;
	margin: -40px 0px 0px 400px;
	border: 0px solid #000000;
}
/*    -----------------------    Product Information Box   -----------------------   */  
#togList1 div {
/*	width: 443px;
	height:36px;
*/
}
/*#togList1 div a {
	font: 700 12px/12px Arial, Helvetica, sans-serif;
	color: #878785;
	width: 130px;
	height:36px;
	padding: 10px 0 0 0;
	background: url(images/m_prodbox.gif) no-repeat 0px 0px;
	text-decoration:none;
	text-align:center;
	float:left;
}
#togList1 div a:hover {
	color: #659d1f;
	text-decoration:none;
}
#togList1 div a.active {
	color: #659d1f;
	background: url(images/m_prodbox.gif) no-repeat 0px -72px;
	text-decoration:none;
	width: 130px;
	height:36px;
}
#BoxNavContainer {
	width:522px;
	height:36px;
	background: url(images/prodBox_top.gif) no-repeat;
	float:left;
}*/
#upsell {
	float:right;
	width:153px;
}
#upsell_content {
	padding:20px 0px 0 0;
}
#commentas {
	display:none;
}
/*    -----------------------    Product Box   -----------------------   */  
/*#prodBox { 
	width:520px;
	float:left;
	background: url(images/prodBox_bg.gif) repeat-y;
}
#prodBoxContent { 	
	font: normal 12px/15px  arial, verdana, sans-serif;
	color: #504e4e;
	width:520px;
	background: url(images/prodBox_end.gif) no-repeat bottom left;
	padding:0 0 20px 0;
	margin:20px 0 0 0;
	float:left;
}
#prodBoxContent #area {
	width:490px;
	padding:10px 10px 15px 15px;
}
#prodBoxContent #area ul  {
	margin: 0 0 0 15px;
	padding: 0;
}
#prodBoxContent #area ul li {
	list-style-image: url(images/elements2/a_bullet.gif);
	margin:0 0 0 15px;
	padding: 0;
}