/* *******************************************  Food Science 2008 ******************************************* */  

/* ---------- color key ---------- 

blue:  #4071A6
green buttons: #8BBF43
	
*/


/* *******************************************  Defaults  ******************************************* */  

html, form, ul, li, p, h1 { 
	margin: 0; padding: 0;
}
img {
	border: 0;
}
body {
	font-size: 12px;
	font-family: lucida grande, verdana;
	background: #8BBF43;
}
#main {
	width: 948px;
	margin: 0 auto;
}
#main_inside {
	width: 940px;
	padding: 10px 4px 20px 4px;
	float: left;
}
.bg_1{
	background: #fff url(/_common/img/bg_1.jpg) no-repeat right 189px;
}
.bg_2{
	background: #fff;
}
a {
	color: #4071A6;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* ************************ header ************************ */

#logo {
	width: 127px;
	height: 95px;
	padding: 10px 0 10px 20px;
	float: left;
}
#phone {
	position: relative;
	left: 22px; top: 30px;
	padding: 35px 0 0 0;
	width: 272px;
	height: 25px;
	clear: right;
	float: right;
	background: url("/_common/img/bg-phone-number.gif") no-repeat 0 0;
}
#banner {
	position: relative;
	left: 80px;
	width: 425px;
	height: 75px;
	float: left;
}

/* ************************ top navigation ************************ */

#nav {
	color: #525252;
	list-style: none;
	padding: 0 20px 0 0;
	float: right;
}
#nav .menu {
	padding: 2px 8px 0 8px;
	float: left;
}
#nav .menu a:hover {
	text-decoration: underline;
}


#nav .search  {
	background: url(/_common/img/search_border.gif) no-repeat 4px 0;
	padding: 0 0 0 20px;
	float: left;
}
#nav .search .submit {
	position: relative;
	top: -6px;
}

#nav li span {
	font-weight: bold;
}
#nav a {
	color: #525252;
	text-decoration: none;
}
#nav a: hover {
	text-decoration: underline;
}


#nav .input, #sidebar #newsletter .input {
	width: 160px;
	color: #525252;
	font-size: 11px;
	font-family: arial;
	border: 1px solid #DDDDDD;
	padding: 2px;
	float: left;
}
.input1{
	width: 30px;
}
#nav .submit, #sidebar #newsletter .submit {
	cursor: pointer;
	margin: 4px 0 0 10px;
	float: left;
}

#menu {
	width: 930px;
	height: 52px;
	list-style: none;
	background: url(/_common/img/menu_bg.gif) no-repeat;
	padding: 10px 0 0 10px;
	float: left;
}
#menu li {
	background: url(/_common/img/menu_border.gif) no-repeat right 13px;
	padding: 0 1px 0 0;
	float: left;
}
#menu .last {
	background: none;
	padding: 0;
}
#menu a {
	height: 32px;
	color: #fff;
	font-size: 18px;
	text-decoration: none;
	padding: 10px 9px 0 9px;
	float: left;
}
#menu a: hover, #menu a.sel{
	color: #344D16;
}


/* *******************************************  Main Navigation  ******************************************* 

Moved to:
/_common/css/suckerfish_dropdowns.css

*/

/* *******************************************  Content  ******************************************* */  

.img_left{
	width: 81px;
	display:block;
	float: left;
}
#content_main {
    position: relative;
	width: 900px;
	padding: 10px 10px 0 30px;
	float: left;
}
#content_main h1 {
	padding: 30px 0 0 0;
	width: 570px;
	color: #4170A6;
	font-size: 26px;
	font-weight: normal;
	float: left;
}
#content_main p {
	width: 570px;
	color: #333333;
	font-size: 18px;
	background: url(/_common/img/line_1.gif) repeat-x 0 bottom;
	padding: 10px 0 15px 0;
	float: left;
}
#content_main a.link {
	color: #4170A6;
	font-size: 18px;
	text-decoration: none;
	background: url('/_common/img/icon_1.gif') no-repeat 0 5px;
	padding: 0 0 0 18px;
	margin: 20px 0 0 0;
	clear: left;
	float: left;
}
#content_main #home-image {
    position: absolute;
    top: 3px;
    right: -4px;
    height: 242px;
    width: 324px;
    overflow: hidden;
}
#content_main #home-image img {
    position: absolute;
    top: 222px;
    right: 6px;
}
#content a {
	text-decoration: none;
}
#content a:hover {
	text-decoration: underline;
}


/* *******************************************  Homepage Image Rollovers  ******************************************* */  

ul#block_img {
	position: relative;
	left: 6px;
	width: 948px;
	text-align: right;
	margin: 55px -14px 0 -34px;
	float: left;
}
ul#block_img li {
	display: inline;
	float: left;
	background-image: url("/_common/img/block_3.jpg");
}

/* ---------- rollover positioning and naming ---------- */
/* =cms managed buttons */
#block_img a:hover, #block_img a.on   { background-position:  bottom center; }
#block_img a {
	height: 124px;
	width: 314px; 
	display: block;
    text-decoration: none;
    overflow: hidden;
}
#block_img a.button { 
	display: block; 
	position: relative;
	height: 124px;
	width: 312px;
    text-align: center;
	background: url(/_common/img/button-frame.png) no-repeat 0 0;
}
/* =first line of text */
#block_img a.button em {
    position: absolute;
    top: 50px;
    left: 20px;
    padding-left: 20px;
    font-style: normal;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background: url(/_common/img/button-dots.png) no-repeat 0 0;
}
/* =second line of text */
#block_img a.button span.text {
	display: none;
    padding: 30px 0 0 30px;
    width: 255px;
    font-style: normal;
    font-size: 13px;
    font-weight: 600;
    text-align: left;
    color: #fff;
    cursor: pointer;
}
/* =link text */
#block_img a.button span.link {
	display: none;
    width: 250px;
    padding: 5px 0 0 50px;
    font-style: normal;
    font-size: 13px;
    font-weight: 600;
    text-align: left;
    color: #72902E;
    cursor: pointer;
    background: url(/_common/img/button-dots.png) no-repeat 25px 3px;
}
#block_img a:hover { color: #fff; text-indent: -9999px; background: url(/_common/img/button-frame.png) no-repeat 0 100%; }
#block_img a:hover em { background: none; } 
#block_img a:hover span.text { display: block; text-indent: 0; background: none; }
#block_img a:hover span.link { display: block; text-indent: 0; }

#homeleft {
	width: 570px;
	padding: 15px 0 0 30px;
	float: left;
}
#content {
	clear: both;
}
#content .row {
	width: 570px;
	padding: 10px 0 10px 0;
	float: left;
}
#content .border {
	background: url(/_common/img/line_1.gif) repeat-x 0 bottom;
}
#content .row .img_left {
	margin: 0 30px 0 0;
}
#content h1 {
	color: #3f6d9f;
	font-size: 17px;
	padding: 5px 0 10px 0;
	display: block;
}
#content .row h1 {
	margin: 0; padding: 0;
}
#content .row p {
	font-size: 12px;
	line-height: 1.5;
	padding: 0 0 10px 0;
	display: block;
}
a.more {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	background: #3F71A6;
	padding: 3px 8px;
	float: left;
}
a.buy {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	background: #8cc044;
	padding: 3px 8px;
	float: left;
	margin-right: 5px;
}
a.delivery {
	color: #999;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	background: #ccc;
	padding: 3px 8px;
	float: left;
	margin-right: 5px;
}
a.normal{
	color: #3F71A6;
	text-decoration: none;	
}

/* ************************ left panel ************************ */

#leftpanel{
	float: left;
	width: 302px;
}
#innerleft{
	padding: 15px 0 0 10px;
	width: 292px;
}
#innerleft h1 {
	color: #3F71A6;
	font-size: 17px;
	padding: 8px 0 10px 0;
}
.people{
	padding: 10px 0 0 0;
}
.people1{
	width: 302px;
	background: url('/_common/img/people2.gif') repeat-y;
}
.people2{
	background: url('/_common/img/people1.gif') no-repeat top left;
}
.people3{
	background: url('/_common/img/people3.gif') no-repeat bottom left;
	font-size: 12px;
	padding: 5px 10px 12px 20px;
}
.people3 .img_left {
	margin: 0 15px 0 0;
}
.bold{
	font-weight: bold;
}
.people3 p {
	font-size: 12px;
	line-height: 1.5;
	padding: 0 0 10px 0;
	display: block;
}
.peopletext{
	position: relative;
	left: 35px;
	width: 125px;
	float: left;
}
#delivery{
	padding: 15px 10px 15px 10px;
}
#delivery h1 {
	padding: 0;
}
#delivery p {
	padding: 8px 0;
}


/* *******************************************  Right Panel  ******************************************* */  

/* ---------- general ---------- */

#rightpanel {
	float: right;
	width: 600px;
	padding: 30px 10px 0 0;
}
#rightpanel a:hover {
	text-decoration: underline;
}

.bottom-spacer { /* area between products and dotted line */
	padding: 25px 0 5px 0;
	width: 500px;
	background: url("/_common/img/bg-product-dots.gif") no-repeat left center;
}

/* ---------- table adjustments for Cart :  bc 06.23.08 ---------- */

.button-align .dbButton { /* center aligning buttons for /cart/index.php */
	position: relative;
	left: 190px;
}
.button-float .dbButton { /* center aligning buttons for /cart/index.php */
	float: left;
	border:1px solid red;
}
.column td { /* two column billing/shipping addresses for /cart/billing_fields.php */
	padding: 10px 0;
}
.checkout-pad td {
	padding: 5px 0;	
}

#auto-delivery {
	position: relative;
	top: 3px;
}
/* *******************************************  For People  ******************************************* */  

#rightpanel .multiple td.product-dots { /* on /for_people/ page. adds the linebreak dots */
	margin: 0; padding: 3px 0;
	background: url('/_common/img/bg-product-dots.gif') no-repeat bottom left;
}


/* *******************************************  Club  ******************************************* */  

#member_login { /* here are the settings to put the login/recurring order as two columns */
	padding: 0; margin: 0;
	width: 205px;
	float: left;
}
#recurring-order {
	width: 205px;
	float: left;
}

#ProdDesc { /* for product detail text */
	padding: 0 0 25px 0; 
}
#ProdDesc ul {
	position: relative;
	left: 25px;
}	

/* ---------- product table for store ---------- */

table.product-grid td .img_left {
	width: 109px;
}
table.product-grid td .producttext p {
	width: 100%;
}
table.product-grid td .producttext a:hover {
	text-decoration: underline;
}



/* ---------- /club/your_club.php ---------- */

#club-address { /* table for billing & shipping addresses */
	padding:  7px;
}
#club-address td {
	padding:  3px;
}
#club-address td.buttons { /* 3 buttons after details of whats in your cart */
	padding-left:  140px;
}
#club-address .confirm-order { /* last button */
	position:  relative;
	left:  200px;
}

/* ---------- /club/club_review.php ---------- */

.recur-order { /* recurring order button */
	position: relative;
	left: 200px;
	width: 200px;
}

#rightpanel td.cart_border {
	background: #999;
}

#rightpanel  a.link {
	color: #4170A6;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	background: url('/_common/img/icon_1.gif') no-repeat 0 5px;
	padding: 0 0 0 18px;
	margin: 0;
	float: left;
}
#rightpanel td .producttext {
	padding-top: 10px;
	float: left;
	width: 160px;
}
#rightpanel td .producttext h1 {
	margin: 0; padding: 0;
	font-size: 16px;
	font-family: lucida grande, verdana;
}


#rightpanel p {
	padding: 8px 0;
	line-height: 18px;
}
#rightpanel div.dotted_line{
	margin: 0; padding: 10px 0 0 0;
	background: url('/_common/img/line_1.gif') repeat-x top left;
	color: #4b4b4b;
	font-size: 15px;	
}
#rightpanel h2.subhead{
	margin: 0; padding: 15px 0 0 0;
	background: url('/_common/img/line_1.gif') repeat-x top left;
	color: #4b4b4b;
	font-size: 15px;	
}
#rightpanel ul.heading{
	margin: 0; padding: 0 0 8px 0;
	list-style: none;
	background: url('/_common/img/line_1.gif') repeat-x bottom left;
}
#rightpanel ul.heading li{
	margin: 0; padding: 0 0 0 30px;
	display: inline;
	background: url('/_common/img/headingarrow.gif') no-repeat center left;
	color: #4b4b4b;	
}
#rightpanel ul.heading li.homeheading{
	background: none;
	padding: 0;
}
#rightpanel ul.heading li a{
	color: #4b4b4b;
	text-decoration: none;	
}
#rightpanel ul.heading li a: hover{
	color: #4b4b4b;
	text-decoration: underline;	
}
#rightpanel .headingright{
	float: right;
}
#rightpanel .headingright a{
	color: #4b4b4b;
	text-decoration: none;
}
#rightpanel .headingright  a: hover{
	color:  #4b4b4b;
	text-decoration: underline;
}
#rightpanel .row{
	padding: 20px 0 0 0;
}
#rightpanel .detailed{
	padding: 25px 0 25px 0; 
}
#rightpanel .detailedtext1{
	float: left;
	width: 200px;
	text-align: center
}
#rightpanel .detailedtext2{
	padding-top: 15px;
	float: left;
	width: 380px;
}
#rightpanel .detailedtext2 p{
	margin: 0; padding: 0 0 5px 0;
}
#rightpanel .detailedtext2 h1{
	font-family: lucida grande, verdana;
	padding: 0;
	font-size: 20px;
}
#rightpanel .detailedtext2 p.price{
	font-size: 20px;
	padding: 0 0 15px 0;	
}

#rightpanel .multiple td h1 { /* description headings ie: /for_men/ */
	margin: 0; padding: 0;
	font-size: 14px;
	font-family: lucida grande, verdana;
}
#rightpanel .multiple td p { /* description headings ie: /for_men/ */
	padding-top: 5px;
}

#rightpanel .multiple td{
	width: 240px;
	padding: 20px 50px 20px 0;
}
#rightpanel .mentext{
	padding: 15px 0;
	background: url('/_common/img/line_1.gif') repeat-x bottom left;
}
#rightpanel .mentext .img_left{
	padding: 0 15px 0 0;
}
#rightpanel .mentext h1{
	color: #4d4d4d;
	padding: 20px 0 20px 20px;
}
#rightpanel .rowborder1{
	padding: 15px 0;
	background: url('/_common/img/line_1.gif') repeat-x bottom left;
}
#rightpanel .rowborder1 h1{
	color: #4d4d4d;
}
#rightpanel .listfooter{
	float: right;
}
#rightpanel .listfooter a{
	float: left;
	margin-right: 5px;
}
#rightpanel .listfooter input, #rightpanel .listfooter span{
	float: left;
	margin-right: 5px;
}
#rightpanel .listfooter span{
	display: block;
}
#rightpanel ul.detheading{
	margin: 0;
	padding: 10px 0;
	list-style: none;
	background: url('/_common/img/line_1.gif') repeat-x top left;
	font-size: 13px;
}
#rightpanel ul.detheading li{
	margin: 0;
	padding: 0 0 0 30px;
	display: inline;
	background: url('/_common/img/headingarrow.gif') no-repeat center left;
	font-weight: bold;
}
#rightpanel ul.detheading li a{
	color: #3F71A6;
	text-decoration: none;	
}
#rightpanel ul.detheading li a: hover{
	text-decoration: underline;	
}
#rightpanel #mightlike{
	padding: 20px 0;
}
#rightpanel #mightlike td{
	text-align: center;
	background: url('/_common/img/sidebit.gif') no-repeat top left;
	padding: 0 20px;
}
#rightpanel #mightlike td.first{
	background: none;
}
#rightpanel #mightlike h1{
	padding: 5px 0 0 0;
	margin: 0;
	float: left;
}
#rightpanel #mightlike .more{
	clear: both;
}
#rightpanel .pleft{
	float: left;
	margin: 5px 20px 20px 10px;
}


/* ************************ Side Panel ************************ */

#homeright {
	float: right;
	padding: 15px 0 0 0;
}
#sidebar {
	width: 301px;
	padding: 0 5px 0 0;
}

/* ---------- sidenav ---------- */

#sidebar #submenu {
	width: 270px;
	list-style: none;
	background: url(/_common/img/submenu_bottom.gif) #D7E1EB no-repeat 0 bottom;
	padding: 0 15px 15px 15px;
	float: left;
}
#sidebar #submenu li {
	width: 270px;
	border-bottom: 1px solid #fff;
	float: left;
}
#sidebar #submenu li a {
	font-size: 14px;
	font-family: lucida grande, verdana;
}
#sidebar #submenu li a:hover, #sidebar #submenu li a.on {
	text-decoration: underline;
}

#sidebar #submenu .border_top {
	border-top: 1px solid #fff;
}
#sidebar #submenu .title {
	margin: 0 -15px 0 -15px; padding: 10px 15px 5px 15px;
	width: 270px;
	color: #4b4b4b;
	font-size: 18px;
	background: url(/_common/img/submenu_top.gif) no-repeat;
	border: 0;
	_display: inline;
	float: left;
}
#sidebar #submenu a {
	width: 247px;
	color: #3F71A6;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	background: url(/_common/img/submenu_icon.gif) no-repeat 5px 8px;
	padding: 5px 0 5px 23px;
	float: left;
}
#sidebar #submenu a: hover {
	text-decoration: underline;
}
#sidebar #submenu a.sel{
	color: #4b4b4b;
}

#sidebar #submenu  li ul {
	list-style: none;
}
#sidebar #submenu  li ul li  {
	border-bottom: 0px;
}
#sidebar #submenu li ul li a {
	width: 247px;
	color: #4b4b4b;
	font-size: 13px;
	font-weight: normal;
	background: none;
	padding: 5px 0 5px 30px;	
}

#sidebar #newsletter {
	width: 280px;
	padding: 10px;
	float: left;
}
#sidebar #newsletter span {
	color: #3F71A6;
	font-size: 20px;
	padding: 0 0 10px 0;
	display: block;
}
#sidebar #newsletter p {
	color: #333333;
	font-size: 12px;
	line-height: 1.5;
	padding: 0 0 10px 0;
	display: block;
}
#sidebar a.shop_by {
	width: 291px;
	height: 29px;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	background: url('/_common/img/a.shop_by.gif') no-repeat;
	padding: 12px 0 0 10px;
	margin: 10px 0;
	float: left;
}

/* ************************ footer ************************ */

.clear{
	clear: both;
}
.f_menu {
	padding: 15px 0 10px 0;
	width: 948px;
	font-size: 12px;
	text-align: center;
	float: left;
}
.f_menu a {
	color: #0C273C;
	margin: 0 8px;
}
.f_menu a:hover {
	text-decoration: underline;
}
.f_menu img {
	vertical-align: middle;
}
.f_txt {
	width: 648px;
	font-size: 12px;
	line-height: 1.5;
	padding: 5px 150px 10px 150px;
	float: left;
}
.center {
	text-align: center;
	padding: 15px 150px 0 150px;
}

#credits { /* propeller credit */
	padding: 10px 0; 
	text-align:center;
	list-style-type: none;
}
#credits a { 
	font-size: 11px;
	font-weight:bold;
	color: #658F2D;
}
#credits li a:hover { 
	text-decoration: underline;
}
#disclaimer {
	margin: 0 auto; padding: 3px 0 20px 0;
	width: 500px;
	font-size: 10px;
}

/* *******************************************  Google Custome Search Results  ******************************************* */  

form#google_site_search_form {
	margin: 10px 0 20px 0;
}

form#google_site_search_form input {
	display: inline;
	padding: 0;
	margin: 0;
}

input#search_form_q {
	width: 300px;
	padding: 2px;
}
div.search_result {/* div wrapping each result */
	margin-bottom: 20px;
}
.textMain h1 {
	margin: 0; padding: 0 0 2px 0;
	font-size: 14px;
}
.textMain h1 a:hover {
	text-decoration: underline;
}
.textMain .result-text p {
	margin: 0; padding: 0;
	line-height: 13px;
}
.textMain ul.search-links {
	margin: 0; padding: 5px 0 0 0;
	list-style-type: none;
}
.textMain ul.search-links li {
	padding-right: 5px;
	display: inline;
}
.textMain ul.search-links li a:hover {
	text-decoration: underline;
}
.textMain ul.search-links li.url {
	font-weight: bold;
}
#google_site_search_form .search-button { /* styling of search button */
	position: relative;
	top: -1px; left: -3px;
	padding: 2px 4px;
	background: #D3CFC6;
	color: #000;
}

/* ************** end google **********************/


/* *******************************************  Forms  ******************************************* */  

.formField { font-size: 12px; border: 1px solid #ccc; background-color: #fff; }
.dbButton { 
	padding: 0 5px 2px 4px;
	background-color: #4071A6; 
	font-weight: 
	normal; color: #fff; 
	text-decoration: none; 
	font-size: 11px;  border: 0; 
	cursor: pointer; 
}
.dbButton2 { 
	padding: 0 5px 2px 4px;
	background-color: #8BBF43; 
	font-weight: normal; 
	color: #fff; 
	text-decoration: none; 
	font-size: 11px; 
	border: 0; 
	cursor: pointer; 
}
.dbButton3 { 
	padding: 0 5px 2px 4px;
	font-weight: normal; 
	color: #4071A6; 
	text-decoration: none; 
	font-size: 11px; 
	background: #D7E1EB;
	border: 0; 
	cursor: pointer; 
}
.formText { font-size: 12px; color: #333; background: #fff; font-weight: normal; border: 1px solid #ccc; }