* {margin:0; padding:0; border:none;}
p, a, li{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;}
h1, h2, h3, h4, h5, h6{font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;}
h1, #MyRecipes{font-size:26px; font-weight:normal; color:#F0502C;}
h2{font-size:20px; font-weight:normal; color:#171717;  line-height:28px;}
h3{font-size:18px; color:#333333; margin-bottom:20px;}
h4{font-size:14px; color:#F0502C; margin:10px 0 5px 0;}
h5{font-size:14px; color:#333333; font-weight:normal; line-height:20px;}
h6{font-size:10px; color:#333333; font-weight:normal; line-height:8px;}
li{list-style:none;}
html, body {height: 100%;}
a{color:#333333;}
a:hover{color:#f0502c;}

input, button {
    outline:none;
}

.left {
	float:left;
}
.right {
	float:right;
}

/*---------------header & nav----------------*/
.container {
	min-height: 100%;
	margin: 0px 0 0px 0;
	position: relative;
	_height: 100%;/*IE6 hack to make footer stays at the bottom*/
}

#page_bottom_footer_wrapper {
	position:absolute;
	bottom:0px;
	width:100%;
	height:95px;
}

#page_bottom_footer_wrapper .clearfooter {
	display:none;
}

.header, .maincontent{
	width:960px;
	margin:0 auto;
}

.headersurround{
	padding-top:15px;
}

.header{
	height:67px;
}

.logo{
	width:294px;
	height:67px;
	float:left;
}

.navsurround{
	height:67px;
	float:right;
}
.topnavsurround, .bottomnavsurround{
	margin-bottom:10px;
	text-align:right;	
}

.topnav li a{
	background-color:#d5d5d5;
	font-size:12px;
	padding: 0 10px 0 10px;
}

.bottomnav li a{
	padding-right:5px;
	margin-left:5px;
	font-size:14px;
}

.bottomnav li.line{
	color:#d5d5d5;
}

.topnav li, .bottomnav li{
	display:inline;
}

.topnav li a, .bottomnav li a{
	font-weight:bold;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#3d3d3d;
}

.topnav li a:hover, .bottomnav li a:hover{
	color:#f0502c;
}

.topnav li.selected a, .bottomnav li.selected a{
	color:#f0502c;
}

.mainsurround{
	background:url(../images/header-bg.jpg) top left repeat-x;
	border-top:1px solid #c9b992;
}

.titleboxsurround{
	height:100px;
	margin-bottom:20px;
}

.titleboxsurround, .contentbox{
	width:960px;
	float:left;
}

.titlebox{
	float:left;
	width:600px;
	margin-top:30px;
	margin-right:21px;
}

.titlebox h1 {
	color:#FFFFFF;
}

/*---------------body content----------------*/

#bodycontent p{
	margin-bottom:10px;
}

div.left_block {
  float:left;
  width:700px;
}

.half_column {
	float:left;
	width:45%;
	margin-right:20px;
	vertical-align:top;
}

/*---------------footer----------------*/
.footerboxsurround{
	background: url('../images/footer-bg.jpg') top left repeat-x;
	height:95px;
	position:relative;
	width:100%;
}

.clearfooter {
	height: 10px;
	clear: both;
}

.footer {color: #FFF; padding: 22px; text-align:center; width:960px; margin:0 auto;}
.footer ul {width: 960px; margin:0px auto; overflow: auto; font-size: 11px;}
.footer li {display: inline; list-style-type:none;  padding:0 20px 0 0; line-height: 12px;}
.footer p {font-size: 9px; margin-top: 15px; color: #fdbe3e;}
.footer a {color: #FFF;}
.footer a:hover {color: #ccc;}

/*---------------join now button----------------*/
.joinbuttonbox{
	position:relative;
	float:right;
	margin-top:20px;
}

.btn_join, btn_join_home {
	width:218px;
	height:51px;
	overflow:hidden;
	margin-bottom:10px;
}

.btn_join a {
	background: url('../images/btn-join.png') top left no-repeat;
	float:left;
	width: 218px;
	padding:51px 0 0 0;
	overflow:hidden;
	height:0px !important; 
	height /**/:51px; /* for IE5/Win only */
}

.btn_join_home a {
	background: url('../images/btn-join-home.png') top left no-repeat;
	float:left;
	width: 218px;
	padding:51px 0 0 0;
	overflow:hidden;
	height:0px !important; 
	height /**/:51px; /* for IE5/Win only */
}

	
.btn_join a:hover{
	/*background-position:0 -51px;*/
}

.alignleft {
  float:left;
}

.alignright {
  float:right;
}

.clear {
  clear:both;
}

.entry p {
margin-top:20px;
}

.entry li {
	list-style-type:disc;
	margin-left:20px;
}

#s {
  	border:1px solid grey;
	float:left;
	height:20px;
	margin-right:10px;
}
  

#searchsubmit {
background-color:#D5D5D5;
color:#3D3D3D;
font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
} 

small.date {
  margin-left:15px;
}

/* Forms */


h3.formHeading, h3.edit-head {
	background:#EE5533 url(/images/tr-white.gif) no-repeat scroll right top;
	color:#FFFFFF;
	font-size:15px;
	margin-bottom:0px;
	padding:3px;
	padding-left:15px;
}

.formBody{
	background-color:#EEEEEE;
	padding:16px 10px 10px 18px;
}

.formBody input, .formBody select, .formBody textarea {
	margin-bottom:12px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
}

.loginForm input.text, input.password, .formBody input.text, .formBody input.file, .formBody textarea {
	border:1px solid #666666;
}

.formBody input.medium, .formBody textarea.medium, .formBody select.medium {
        width:250px;
}

.formBody input.text.long, .formBody textarea.long {
        width:350px;
}


.formBody input.text.short, .formBody textarea.short {
	width:150px;
}
	
.formBody .checkbox {
	width:20px;
	display:inline;	
	margin-bottom:0px;
	margin-right:5px;
	vertical-align:middle;
	float:left;
}

#contactForm {
	width:600px;
	clear:left;	
}

#contactForm label {
	width:auto;
}

#contactForm input.submit {
	display:block;
}

label {
	width:150px;
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	line-height:18px;
}

.check-list label {
	display:inline;
}
.check-list input {
	clear:left;
}
.check-list strong {
	clear:both;
}

/* IE6 */

* html .check-list label {
	line-height:26px;
}

* html input.submit {
	background-color:#FE5326;
	border-color:#E87C41 #9B3600 #9B3600 #E87C41;
	border-style:solid;
	border-width:1px 2px 2px 1px;
	color:#EEEEEE;
	cursor:pointer;
	font-family:arial;
	font-weight:bold;
	padding:0 5px;
	text-transform:uppercase;
	outline-style: none; 
    -moz-outline-style:none;
}

/* ALL OTHERS */

html>body input.submit {
	color:#EEEEEE;
	cursor:pointer;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
	width:97px;
	height:22px;
	padding-bottom:6px;
	background:url('/public/images/btn-blank.png');
    outline-style: none; 
    -moz-outline-style:none;
}
/*
input.submit:hover {
	background-position:0px 22px;
}
*/
select {
	border: 1px solid gray;
	}
	
.message-error {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   color: #fff;
   background: #de3900;
   padding: .4em;
   clear:both;
   width:600px;
}
	
/* Tables */

table.pricing {
	clear:both;	
	border-collapse:collapse;
	width:960px;
}

table.pricing * {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; 
	line-height:18px;
	padding:5px 10px 5px 10px;
	vertical-align:top;
}

table.pricing tr.red th {
	width:33%;	
}
	
tr.red th {
	background-color:#EE5533;
	color:white;
}

tr.orange th {
	background-color:#FBAC45;
	color:white;
}

tr.dark td {
	background-color:#DBDBDB;
	border:1px solid #DBDBDB;
}

tr.light td {
	background-color:#F2F2F2;
	border:1px solid #DBDBDB;
	text-align:center;
}

tr.light td {
}

tr.light td.text {
	text-align:left;
}

.corner {
	background: url(/images/tr-white.gif) no-repeat scroll right top;
}


/* Features */

#jq_nav {
	width:210px;
	height:273px;
	background: url(/public/images/feature_menu.png) no-repeat left top;
	float:left;
	padding-top:15px;
}

#jq_nav h3{
	color:white;
	font-size:17px;
	margin-bottom:30px;
	margin-left:26px;
}

#jq_nav ul {
	list-style:none;
	margin-left:26px;
}

#jq_nav ul li {
	height:22px;
	margin-top:10px;
}

#jq_nav a {
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
	color:black;
}

#jq_nav a.selected {
	color:red;
}

.jq_image_slideshow {
	float:right;
	height:504px;
	width:650px;
}

div.featureimage {
	text-align:center;
	margin-top:20px;
	width:600px;
}

/* Suppliers*/

div.suppliers-list {
	width:160px;
}

div.suppliers-list li.selected a{
	font-weight:bold;
	color:#EE5533;
}

div.suppliers-main {
	float:left;
	width:500px;
	padding-left:15px;
	padding-right:15px;
}

  div.suppliers-main  div.supplier{
    float:left;
  }
  div.suppliers-main  div.first{
    clear:left;
  }
  
  div.suppliers-main div.supplier div.supplier-image {
    background-image:url("/public/images/suppliers-logo-bg.jpg");
    height:122px;
    width:122px;
  }
  
  div.suppliers-main div.supplier div.supplier-image img {
    margin-left:11px;
    margin-top:11px;
  } 

div.suppliers-right {
	float:right; 
	width:230px;
	background-color:#EEEEEE;
}

div.suppliers-right p {
	padding:15px;
}


/* News */

.news_controls {
	height:40px;
}

.news_nav {
	width:40%;
}

.entry{
	margin-top:10px;
	border-top:1px solid #999999;
	padding-top:10px;
}

.entry.single {
	border-bottom:1px solid #999999;
	border-top:1px solid #999999;
	margin-bottom:30px;
	margin-top:10px;
	padding-bottom:10px;
	padding-top:10px;
}

#entrybox {
	width:540px;
}

#newsletter_form{
	width:358px;
}

/* Privacy */

.policy div {
	width:45%;
	margin-right:20px;
	vertical-align:top;
}

.policy div p {
	margin-top:20px;
}

/* About */

.about h4 {
	margin-top:20px;
	margin-bottom:20px;
}

/* Login */

.forgot_password {
	width:560px;
	margin-top:30px;
	margin-bottom:30px;
	background-color:#EEEEEE;
	padding:20px;
	clear:both;
}

.loginForm {
	width:600px;
	height:350px;
}

.loginForm input.text {
	width:200px;
}

.message-info {
	font-weight:bold;
	}
	
/* Join */

.edit-block input {
	margin:5px;
}
.edit-block strong {
	font-size:12px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
}

.edit-block label {
	float:none;
}

#newsletter_form label {
	float:left;
}

.joinform label {
	float:none;
	width:600px;
}

.hidden {
display:none;
}

form .form-error {
    color: #de3900;
    padding: 0;
    font-weight: bold;
}