﻿.nothover {
	background-color:#FFFFFF;
}


/* fonts */

body { font: normal 13px/1.38em 'Verdana', 'Arial', 'Helvetica', sans-serif; }
table, input, select, optgroup, textarea {font-size: 1em;}

#content { line-height: 1.5em; }

a, a:link {
	color: #000;
	background-color: transparent;
	text-decoration: underline;
	}

a:hover {
	text-decoration: underline;
	}

a.nolink {
	 cursor: default;
	 }
	 
/* default for some elements */

a img {border:none;}
div {margin:0; padding:0;}
ul {margin-left: 0; padding-left: 0}
ol {margin: 1em 0 1em 2em;}
ul li {list-style-type: none; margin-left: 0; padding-left: 1em; background: transparent url(/images/bullet.gif) no-repeat 0 0.4em;}
ol li {list-style: decimal outside;}
form, fieldset {margin:0; padding:0; border:none;}
fieldset {border:solid 1px #666; padding: 5px;}
legend {color: #669900; font-weight: bold;}

#skipLink{display:none;}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* base layout */

body {
	text-align: center;
	margin: 0 0 30px 0;
	min-width: 760px;
}

#wrap {
	width: 760px;
	text-align: left;
	margin: 0 auto;
	background: url(/images/bg_wrap2.gif) repeat-y top left;
	}
	
#header {
	width: 760px;
	height: 80px;
	background: #FFFFFF url(/images/header2.jpg) no-repeat top right;
	position: relative;
	display: block;
	text-align:center;
	}
	
#header:after{clear:both;}

#header #logo {
	margin: 0;
	padding: 0;
	width: 235px;
	height: 80px;
	float:left;
	}

#header #logo a {
	display: block;
	margin: 0;
	padding: 0;
	width: 250px;
	height: 80px;
	text-indent: -5000em;
	background: url(/images/logo2.gif) no-repeat top left;
	overflow:hidden;
	}
	

#mainCol {
	width: 580px;
	float: right;
	min-height: 400px;
	}

#subCol {
	width: 160px;
	float: left;
	min-height: 430px;
	_height: 430px;
	position:relative;
	}

#content {
	width: 580px;
	padding: 0;
	}

#content.narrow { /* with sidebar */
	width: 410px;
	float: left !important;
	}

#sidebar {
	width: 160px;
	float: right;
	margin: 0;
	padding: 0;
	}
	
fieldset {
	margin-bottom: 10px;
}

#footer {
	position:relative;
	clear: both;
	width: 760px;


	min-height:80px;
	margin-top: 0;
	padding-top: 35px;
	background: #FFFFFF url(/images/bg_footer2.gif) no-repeat top left;
	}

#footer-no-left-menu {
	background-image: none !important;
	}

.popup#wrap {
	width: 400px;
	margin: 0;
	padding: 0;
	background-image: none !important;
	}

.popup #content {
	margin:10px;
	width: 380px;
	background-image: none !important;
	}

/* head menu start */

#menu {
	width: 580px;
	height: 60px;
	z-index:100;
	}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	height: 40px;
	width: 580px;
	}

#nav li { /* all list items */
	float: left;
	width: 116px;
	margin: 0;
	padding: 0;
	background-image: url(/images/menu/tab.gif);
	background-repeat: no-repeat;
	}

#nav li#wheatgrass { background-position: 0 -60px; }
#nav li#products { background-position: -116px -60px; }
#nav li#wheretobuy { background-position: -232px -60px; }
#nav li#order { background-position: -348px -60px; }
#nav li#contact { background-position: -464px -60px; }

#nav a {
	padding: 0;
	width: 116px;
	height: 40px;
	display: block;
	text-indent: -5000em;
	background-image: url(/images/menu/tab.gif);
	}

#nav #wheatgrass a { background-position: 0 0; }
#nav #products a { background-position: -116px 0; }
#nav #wheretobuy a { background-position: -232px 0; }
#nav #order a { background-position: -348px 0;}
#nav #contact a { background-position: -464px 0; }

#nav a:hover {
	border-bottom: none;
	background-image: none;
	}

#nav li ul { /* second-level lists */
	width: 116px;
	margin: 0 0;
	padding: 0 0 17px 0;
	line-height: 1.3em;
	position: absolute;
	left: -5000px;
	background: url(/images/menu/dropdown_bottom.gif) no-repeat bottom left;
	}

#nav li ul li { /* second-level lists */
	background: transparent url(/images/menu/bg.gif);
	padding: 0;
	margin: 0;
	height: auto;
	}

#nav li ul li.orderonline { background-color:#FFCC00 !important; font-weight:bold;}

#nav li ul a { 
	background-image: url(/images/menu/bg.gif);
	text-indent: 0;
	padding: 5px;
	margin: 0;
	height: auto;
	width: auto;
	color: #333333;
	display:block;
	}

#nav li ul a:hover { 
	background-color: #86B300;
	color: #FFFFFF;
	}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}


#cat_27722 td {
	text-align: center;
	padding-top: 5px;
	}

#cat_27722 td.catmain127722 {
	background: transparent url(/images/gnavi/bg-tab.gif) no-repeat center top;
	}



/* gnavi end */

/* submenu */
div#submenu {display:block; float:right; margin:10px 0 0 0; width:420px; text-align:right; font-size:0.8em;}
#submenu ul {clear:both; float:right; margin:0 0 3px; width:auto; list-style-type:none; padding:0; text-align:right;}
#submenu li {list-style-type:none; margin:0; padding:0 0 0 1em; display:inline; width:auto; background:none; float: left;}
#submenu a {color:#888888;}
#submenu ul#lang li { height:13px; margin:0 0 0 8px; padding:0;}
#submenu ul#lang li a { width:20px; height:13px; text-align:left; margin:0; padding:0; display:block; text-indent: -5000em; background:url(/images/lang.gif) no-repeat top left; overflow:hidden;}
#submenu ul#lang li.kr a {background-position: 0 -20px;}
#submenu ul#lang li.us a {background-position: 0 -40px;}
#submenu ul#lang li.ca a {background-position: 0 -80px;}
#submenu ul#lang li.nz a {background-position: 0 -100px;}
#submenu ul#lang li.eu a {background-position: 0 -120px;}
#submenu ul#lang li.uk a {background-position: 0 -140px;}
#submenu ul#lang li.hk a {background-position: 0 -160px;}
#submenu ul#lang li.ph a {background-position: 0 -180px;}


/* breadcrumbs */
#breadcrumbs { margin: 0 0 5px; font-size:.8em;}


ul.breadcrumbs { list-style-type: none; margin: 0; padding:0 0 6px;}
ul.breadcrumbs li {list-style-type: none; margin: 0 0.5em 0 0; padding: 0; float: left; width: auto; background: none;}
ul.breadcrumbs:after {clear:both;}

/* mainCol start */

#content h1 { 
	clear: both;
	color: #669900;
	font-size: 1.5em;
	margin: 10px 0 20px;
	padding: 0;
	}
	
#content h2 {
	color: #333;
	font-size: 1.2em;
	margin: 1em 0;
	}

#content h3 {
	font-size: 1.1em;
	}

#content h4 {
	font-size: 1em;
	color: #454545;
	}

#content p {margin: 1em 0;}






#content table {margin:1em 0; border-collapse:collapse; border:none; width: 100%;}
#content td, #content th {padding:5px; vertical-align:top;}
#content table.nosp td, #content table.nosp th {padding:0;}

#content table caption {padding:5px; font-weight:bold; color:#517019;}

#content table.datatable {margin:1em 0; border-collapse:collapse; border:solid 1px #D8D8D8; border-spacing:0; empty-cells:show; width: 100%; table-layout:fixed;}
#content .datatable th {padding:5px; border:solid 1px #D8D8D8; background-color:#D6E994;}
#content .datatable td {padding:5px; border:solid 1px #D8D8D8;}
#content .datatable th.th2 {background:#FFFFFF; text-align:left;}
#content .datatable tr.hilight{ color:#517019;}
#content .datatable td, #content .datatable th {vertical-align:top;}




/* mainCol end */


/*Reseller*/
#resellername {
	text-align:right;
}

/* subCol start */


/* Leftmenu */

#subCol {background: #8FB814 url(/images/subcol/bg2.gif) repeat-x 0px 60px;}
#subCol:after {clear:both;}

#leftmenu h2 {
	margin: 0 0 10px;
	padding: 0;
	font-size: 11px;
	text-indent: -5000em;
	height: 60px;
	background: #FFFFFF url(/images/subcol/h_leftmenu_blank.gif) no-repeat top left;
	}

.catmain027723 {
	font-size:9pt;
	}


/*** deplicated **

#leftmenu ul.conditions  {
	list-style-type: none;
	margin: 0 0 10px 10px;
	padding: 0;
	}

#leftmenu ul.conditions li {
	list-style-type: none;
	padding: 0 0 0.3em;
	background: none;
	}

#leftmenu ul.conditions li li {
	font-size: 0.9em;
	list-style-type: none;
	padding: 0 0 0 1em;
	background: transparent url(/images/bullet_arrow.gif) no-repeat 0 0.4em;
	}

#leftmenu ul.relatedlink{margin-left:10px !important;}
*/

#leftmenu div.leftmenu,
#leftmenu ul.leftmenu {
	list-style-type: none;
	margin: 0 0 10px 10px;
	padding: 0;
	}

#leftmenu div.leftmenu td,
#leftmenu ul.leftmenu li {
	list-style-type: none;
	padding: 0.5em 0;
	margin: 0;
	background-image: none !important;
	border-bottom: solid 1px #AEC57D !important;
	}

#leftmenu div.leftmenu td a,
#leftmenu ul.leftmenu li a {
	background-image: none !important;
}

#leftmenu a {color: #FFFFFF;}


#leftmenu #cur-cnv {position:relative; width:160px; margin:30px 0 10px; padding:7px 0;}
#login {position:relative; width:160px; padding:7px 0; top:-25px;}
#leftmenu #cur-cnv{height:105px; background: url(/images/subcol/newsletter-bg2.gif) no-repeat top left;}
#login {height:150px; background: url(/images/subcol/login-bg.gif) no-repeat top left;}
#login h2 {height:30px; width:160px; padding:0; margin:0; font-size:1em; background: none;}
#leftmenu #cur-cnv h2 {padding:0;}
#login h2 {padding:0 0 0 5px;}

#login h2 a {height:30px; width:150px; padding:0 0 0 5px; margin:0; background:url(/images/subcol/h_login.gif) no-repeat top left; display:block;}
#leftmenu #cur-cnv {padding:3px 7px;  font-size:8pt}
#leftmenu #cur-cnv h3 {margin-bottom:3px; font-size:1em;}
#leftmenu #cur-cnv input#ename,
#leftmenu #cur-cnv input#emailaddress, 
#login input#SZUsername, 
#login input#SZPassword {font-size:11px; line-height:1em; border:none; margin:1px auto 3px; height:15px; color:#666666;}

#login form {padding:0 5px 0 20px;}
#login label {color:#666666;}

#login input.submitbtn{width:50px; height:17px; position:absolute; top:105px; right:22px;}


/* subCol end */



/* footer start */

#footer {text-align: center; clear: both;}



.footmenu {list-style-type:none; margin:10px auto; padding:0; display:block;}

.footmenu li {list-style-type:none; display:inline; margin:0 5px; padding:0; background:none;}

.footmenu a {color:#888888;}
/* footer end */



/* ------------------------
Sections
------------------------ */

/* testimonials */
.testimonials .article { margin-bottom: 20px; }
.testimonials .poster { margin:0; padding: 0;}

/* products */
ul.prod-list {list-style-type:none; margin:0; padding:0;}
ul.prod-list li {clear:both; list-style-type:none; margin:0; padding:0 0 10px; display:block; background: none;}
ul.prod-list li img {float:left; margin-top: 10px;}
ul.prod-list li h2, ul.prod-list li p {margin:0 0 0 70px; padding: 0.5em 0 0.5em 0;}

.prod-details .prod-image {float:left; margin-left:20px; display:inline;}
.prod-details .prod-price {width:320px; margin: 40px 0 0 180px;}
.prod-details .prod-price p {margin:0; padding: 0 0 0.5em;}

ul.orderbuttons { list-style-type:none; margin:5px 0 0; padding:0; width: 250px;}
ul.orderbuttons li {list-style-type:none; float:left; margin:0 0 5px; padding:0; height:25px; width:120px; background: none;}
ul.orderbuttons a {display: block; margin:0; padding:0; height:25px; width:120px; text-indent:-5000em;}
ul.orderbuttons .wheretobuy a {background: transparent url(/images/buttons/wheretobuy.gif) no-repeat top left;}
ul.orderbuttons .orderonline a {background: transparent url(/images/buttons/orderonline.gif) no-repeat top left;}
ul.orderbuttons a:hover {background-position:-125px 0 ;}
ul.orderbuttons li { display:inline; margin-right: 10px;}

.prod-details .prod-desc {clear:both; margin-top: 20px;}
.prod-details .datatable {clear:both; margin: 20px 10px 0 10px; width: 560px !important;}
.prod-details .datatable th {width: 135px;}

/* where to buy */
ul.arealink {list-style-type:none; margin: 10px 0; padding:0;}
ul.arealink li {list-style-type:none; margin:0 1em 0 0; padding:0; display:inline; background-image:none;}

table.shoplist {margin-top: 50px; border:solid 1px #D8D8D8 !important; width: 578px; table-layout:fixed;}
table.shoplist th, table.shoplist td {border-bottom:solid 1px #D8D8D8 !important;}
table.shoplist th {text-align:left; width:100px;}
table.shoplist td.addr {width: 348px;}
table.shoplist td.phone {width: 100px; text-align:right;}

/* online order */
table#ordertable {border:solid 1px #D8D8D8; margin-bottom:0;}
table#ordertable td {text-align:center;}
table#ordertable td.productname {text-align:left;}
table#ordertable th {background-color:#D6E994;}
table#ordertable .qty {width: 20px;}
table#ordertable .productname {width: 290px;}
table#ordertable .price {width: 60px;}
.submitorder {margin-top:0;}
.privacy {font-size:0.8em; color:#666666; margin-top:5em;}


/* forms */
.generalform label {display:block; font-weight:bold; margin-top:0.5em;}
.generalform input {display:block; width:250px;}
.generalform input.submit {display:block; width:100px;}
.generalform textarea {display:block; width:350px; height: 150px;}
.generalform .mandatoryfield {font-size:0.8em; color:#FF3300; line-height:1em; padding:0 0 0 0.5em;}

.errormsg {border:solid 1px #FF3300; padding:5px; margin:10px 0 20px; background:#FFEBE6; color:#FF3300;}
.errormsg h3 {font-size:1em; color:#FF3300!important; margin-left:1em;}

div.okmsg {border:solid 1px #FF3300; padding:5px; margin:10px 0 20px;}
div.okmsg h3 {font-size:1em; margin-left:1em; color:#FF3300;}

/*sitemap */
#drwheatgrass {width:250px; float:left;}
#research {width:250px; float:right;}
#drwheatgrass li, #research li {padding-left:0; background-image:none}
#drwheatgrass li li, #research li li {padding-left:1em; background-image:url(/images/bullet_arrow.gif);}
.sitemap h2 {margin-top:2em;}




/* dr chris */

blockquote {margin: 2em 0; padding: 0 0 0 2em; border-left: solid 1px #E3EAD7; color: #666;}
blockquote.boxed {margin: 20px 0 10px; padding:0 10px; border:solid 1px #8FB814; color: #333;}


blockquote.quote {margin: 20px 0 10px; padding:10px 0 0 40px; background: transparent url(/images/home/quote.gif) no-repeat top left;}
blockquote.quote h2 {padding:0; margin:10px 0;}
blockquote.quote p { margin: 0 0 5px 0;}




/* some additional styles */

.clear { clear: both; }

.capton { 
	font-size: 0.9em;
	font-weight: normal;
	}

.hidden {display:none;}

.floatleft {
	clear: left;
	float: left;
	margin-right: 5px;
	}

.floatright {
	clear: right;
	float: right;
	margin-left: 5px;
	}

.poster, p.poster {
	font-size: 0.9em;
	color: #7D7D7D;
	font-style: italic;
	font-weight: normal;
	}

.reg {font-size:0.7em;}

ul.relatedlink { margin:2em; padding:0 }
#leftmenu ul.relatedlink { margin:0 2em; padding:0 }
ul.relatedlink h3, ul.relatedlink h4 { margin:0; padding: 0 0 0.2em}
ul.relatedlink li, li.relatedlink { background-image: url(/images/bullet_arrow.gif);}


ul.pagelink {margin: 30px 0; width: 500px; list-style-type: none;}
ul.pagelink li.prevpage {float: left; width: 250px; height: 15px; display: inline; list-style-type: none; margin: 0; padding: 0; background: none;}
ul.pagelink li.nextpage {float: right; width: 250px; height: 15px; display: inline; list-style-type: none; margin: 0; padding: 0; text-align:right; background: none;}

ul.plane li {background:none; padding-left:0;}

.alert {color:#FF0000;}

.floatbox {float: right; width: 150px; clear:right; border:solid 1px #D5D5D5; margin:0 0 10px 10px;}
.floatbox ul.relatedlink {margin: 1em;}

.floatbox-250 {float: right; width: 250px; clear: right; margin: 0 0 10px 10px;}


.cartSummaryTable {
	margin:0 !important;
	}
	
.proceedtocheckout {clear:both;}
.proceedtocheckout a  {float:right;}


.cartSummaryItem {
	text-align: left;
	}

a.cartSummaryLink,
a.view-cart,
.proceedtocheckout a {
	display: block;
	height: 30px;
	width: 260px;
	margin: 5px 0;
	overflow: hidden;
	text-indent: -5000em;
	background: transparent url(/images/checkout/view-cart.png) no-repeat 0% 0%;
}

#lang-wrapper.en .lang-ja {display:none;}
#lang-wrapper.ja .lang-en {display:none;}

#lang-wrapper.ja #catCartSummaryv1 a.cartSummaryLink,
#lang-wrapper.ja a.view-cart {
	background-position: 0% -30px;
}

a.cartLink {font-size:1.3em;}
.continue-shopping {padding:.2em;}


.drwg-form p {margin:0.2em;padding:0;}

.BlogTagCloud a, .BlogTagCloud a:link {
	color: blue;
	text-decoration:none;
}

.BlogTagCloud a.BlogTagCloud-XX-Small {font-size:0.9em;}
.BlogTagCloud a.BlogTagCloud-Small {font-size:1em;}
.BlogTagCloud a.BlogTagCloud-Large {font-size:1.4em;}
.BlogTagCloud a.BlogTagCloud-XX-Large {font-size:1.6em; font-weight:bold;}



table.pic { width: 580px; margin:1em 0;}
table.pic td { padding: 5px; text-align: center; }
table.pic .caption { font-size: .9em; }


.productTable td td { width: auto; }
.productTable.productSmall .productItem {background: transparent url(/images/catalog-product-bg.png) repeat-x left top;}
#content table.catalog-product { margin: 15px 0 0; }
table.catalog-product .catalog-product-image { width:100px; text-align:center;}
table.catalog-product .catalog-product-name { font-size:1.1em; font-weight: bold; margin-bottom:10px; }
table.catalog-product .catalog-product-name a { color: #7A9C11; text-decoration: none; }
table.catalog-product .catalog-product-price { margin-bottom: 10px; color: #444; }
table.catalog-product .catalog-product-qty p { font-size:.9em; }
table.catalog-product .productSubmitInput { margin: 0 5px 5px 0; border: solid 1px #7A9C11; color: #7A9C11; }
