body{
background-image:url(images/background_elements.jpg);
background-color:#ffffff;
text-align:justify;
width: 940px;
min-height: 800px; margin-bottom: 35px;
margin-top: 20px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
font-family: arial, helvetica, serif;
}
input.field{
  width: 96%;
  border: 1px solid #000000;
  background-color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  color:#333333;
  font-size: 12px;
}
.header{
background-color:#ffffff;
background-image:url();
background-repeat:no-repeat;
border-left: solid 0px #ffffff;
border-right: solid 0px #ffffff;
border-bottom: solid 0px #ffffff;
padding-top:15px;
height:85px
}
.logo {
float:left;
padding-left:20px;
padding-top:5px;
border-collapse:collapse;
width:50px;
height:50px;
margin-top:0px;
margin-left:5px;
margin-right:75px;
}
.memberlogin a{
font-size: 12px;
text-decoration:none;
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
margin-right:25px;
}
.memberlogin a:hover{
color:#669900;
text-decoration:none;
}

a.subscription:link {color: #333333; text-decoration: none; font-size:12px; font-weight:bold;}
a.subscription:visited {color: #333333; text-decoration: none; font-size:12px; font-weight:bold;}
a.subscription:hover {color: #669900;text-decoration: none; font-size:12px; font-weight:bold;}

.fbbutton {
	background-image:url(content_images/intro/200x100_index_FB_button.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width: 200px;	
	}
	
/* placement of menu bar on page */
.menu{ float:right; margin-top:27px; width:750px; height: 20px; }

/* style of dropdown menu starts */
#nav{margin-left:0px}
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;	
}
#nav a {
	margin-left:10px;
	margin-right:30px;
	padding-right:10px;
	display: block;
	width: 170px; /*width of drop-down menu's copy length */
	text-decoration:none;
	color:#333333;
	font-weight:bold; /* menu bar's font weight */
	font-size:13px
}
#nav a:hover {
	color:#669900;
}
#nav a:active {
	color:#669900;
}
#nav li { /* all list items */
	float:left;
	width: 125px; /* width needed or else Opera goes nuts */
	text-align:left;
	line-height:130%;	
}
#nav li ul { /* second-level lists */
	position: absolute;
	float:left;
	background: #ffffff;
	width: 125px;
	left: -999em;
	z-index:2000; 
	/* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav li ul li a{ /* second-level lists */
font-weight:normal; !important
}
/* sub drop-down menu width control & lines starts*/
#nav li ul li { border-bottom:1px solid #eee;background:#fff;}
.products {/* product sub menus width control */
	width:140px !important; border-bottom:1px solid #eee;background:#fff;}
.living {//* living well sub menus width control */
	width:180px !important; border-bottom:1px solid #eee;background:#fff;}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
/* sub drop-down menu width control & lines ends*/

/* style of dropdown menu ends */


h1{
background-color: none;
text-align:left;
font-size:20px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
letter-spacing: 1px;
line-height: 25px;
padding-top: 5px;
padding-left: 0px;
padding-bottom: 0px;
margin-top:15px;
margin-bottom: 20px;
}


/* sub title copy font for h1(ex. distribution page), and faq page */
h6{
background-color: none;
text-align:left;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-weight:bold;
letter-spacing: 1px;
margin-bottom:20px;
line-height:20px;
}
/* end */

h2{
color:#669900;
}

h3{
color:#669900;
margin-bottom: -0px;
font-size:15px;
}

/* sub copy font for signup form pages */
h4{
background-color: none;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#333333;
font-size:25px;
padding-top:5px;
margin-left:130px;
margin-right:130px;
margin-bottom: 20px;
}

h5{
background-color: none;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
color:#333333;
font-size:18px;
line-height:25px;
margin-left:50px;
margin-right:50px;
margin-bottom:25px;
}
/* end */




.profileimg{
margin-right:10px;
}

.profile{
text-align:left;
font-size:13px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
color:#669900;
letter-spacing: 1px;
line-height:120%;
max-width:500px;
margin-bottom: 50px;
}

td h2{
text-align:left;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
color:#669900;
letter-spacing: 1px;
}

.swf{
margin-bottom: 30px;
}

.contents{
text-align:justify;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#333333;
letter-spacing: 1px;
line-height:150%;
height:430px;
background-color:#FFFFFF;
border-left: solid 2px #ffffff;
border-right: solid 2px #ffffff;
padding-left:25px;
padding-right:20px;
padding-bottom:25px;
padding-top:20px;
}


.left{
width:550px;
color: #333333;
float:left;
margin-right:40px;
}
.left_2{
width:300px;
color:#333333;
float:left;
margin-right:20px;
}
.left3{
width:45%;
color: #333333;
float:left;
margin-right:5%;
}

.right{
	width:300px;
	color:#333333;
	float:right;
	margin-left:20px;
}

.right_2{
width:300px;
color:#333333;
float:right;
margin-left:30px;
padding-right:100px;
}

.right_2_img{
padding-top:15px;
}

/* partner page */
.left_3{
width:300px;
color:#333333;
float:left;
margin-right:20px;
margin-left:10px;
}

.right_3{
width:430px;
color:#333333;
float:right;
margin-left:30px;
padding-right:100px;
vertical-align:top
}
/* end */

.contents a, .footer a, .left a, .right a{
color: #333333;
text-decoration: underline;
outline:none;
}
.contents a:hover, .footer a:hover, .left a:hover, .right a:hover{
color: #669900;
text-decoration: underline;
outline:none;
}


.imageborder
{
width:0px;
cursor:hand;
border:1px solid white;
}
.imageborder:hover
{
border:1px solid orange;
}

.footer{
background-color:#ffffff;
border-left: solid 0px #ffffff;
border-right: solid 0px #ffffff;
padding-left:18px;
padding-bottom:25px;
height:10px;
text-align:left;
font-size:8.5px;
font-family:Arial, Helvetica, sans-serif;
letter-spacing: 1px;
color:#333333;
}

.borderbox{
align:center;
border:medium;
border-color:#ffffff;
padding:5px;
text-align:left;
}


/* menu butoons for platters feature page */
.numbers1 {width:100px;height:28px;padding:15px;padding-top:3px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;font-size:12px;text-align:center;background-color:#a5b95a;color:#fff;float:left;margin-left:5px}

.numbers2 {width:100px;height:18px;padding:15px;padding-top:13px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;font-size:12px;text-align:center;background-color:#FFeaa2;color:#fff;float:left;margin-left:5px}

.numbers3 {width:100px;height:18px;padding:15px;padding-top:13px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;font-size:12px;text-align:center;background-color:#f1904c;color:#fff;float:left;margin-left:5px}

.numbers4 {width:100px;height:18px;padding:15px;padding-top:13px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;font-size:12px;text-align:center;background-color:#a22819;color:#fff;float:left;margin-left:5px}

.numbers a:link, .numbers a:visited {color:#fff;text-decoration:none}
.numbers a:hover {color:#999} 

/* right aligned menu buton on origin's page */
.numbers {height:30pxpx;height:20px;padding:10px;padding-top:8px;font-family:Arial, Helvetica, sans-serif;font-size:12px;text-align:center;background-color:#54912A;color:#fff;float:right;margin-left:5px}


/* recipe page*/
.right-column{float:left;width:600px;margin-top:15px}
.left-column{float:left;width:250px;margin-right:20px;margin-top:15px}

/* jquery overides- for recipes' page tabs*/
.ui-widget { font-family:Arial,sans-serif; font-size: 11px !important;
letter-spacing: 1px;!important}
.ui-tabs .ui-tabs-nav,.ui-tabs  {padding:0px!important}
.ui-tabs .ui-widget-header {border-top:0px;border-left:0px;border-right:0px;border-bottom:1px solid #dbd2c4 !important;background-image:none;background-color:#ffffff}
#tabs{border:0px!important}
.ui-tabs-panel{border-left:1px solid #dbd2c4!important;border-right:1px solid #dbd2c4!important;border-bottom:1px solid #dbd2c4!important}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{border:1px solid #dbd2c4 !important;color:#669900!important; }
.ui-state-default{background-image:none!important;background-color:#ffffff!important;border-left:1px solid #dbd2c4!important;border-right:1px solid #dbd2c4!important;border-top:1px solid #dbd2c4}
.ui-state-hover a{color: #669900 !important;background-image:none!important }


/*global overide to fix i.e border problem*/
.ui-tabs .ui-tabs-nav li{*margin-bottom:2px !important}

/*web font - trade gothic*/
@font-face {
font-family: TradeGothicWeb;
src: url("fonts/TradeGothic/TradeGothicLTStd.otf") format("opentype");
}

@font-face {
font-family: TradeGothicWeb-B;
src: url("fonts/TradeGothic/TradeGothicLTStd-Bold.otf") format("opentype");
}

/*web font - coldnoodlesalads promo font 2013*/
@font-face {
font-family: JennaSueWeb;
src: url("fonts/JennaSue/JennaSue.ttf") format("truetype");
}