@charset "utf-8";
/* CSS Document */

/*GENERAL PROPERTIES*/
body {  background:url(../../images/background_gradient.jpg) repeat-x; background-color:#ff7f00;}
p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; margin:0px 0px 0px 0px; line-height:1.4;}
ul li { list-style-type:square; margin-left:35px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;}
h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#000000; margin:0; margin-top:5px; text-align:center;}
h2 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#ff6600; margin:0 70px;}
h3 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#8f0000; margin:0; padding-bottom:2px;}
h4 { font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; color:#990000; margin:0; font-weight:normal;}
h5 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FF6600; float:left; margin:4px 0 0 0;}
h6 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0033FF; margin:4px 0 0 0; display:block;}
h6 a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0033FF; margin:4px 0 0 0; display:block; text-decoration:none;}
h6 a:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FF3300; margin:4px 0 0 0; display:block; text-decoration:none;}
h7 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#8f0000; margin:0; padding-bottom:2px;}

a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0033FF; text-decoration:underline; }
a:visited { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999999; text-decoration:underline;}
a:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FF3300; text-decoration:underline; cursor:pointer;}
a:active { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FF3300; text-decoration:underline; cursor:pointer;}

/*LOGO, SEARCH & SUSCRIBE AREA*/
#top_area { width:1000px; height:118px; background:#FF4001; margin:0px auto 10px auto; padding-left:58px; }
.logo{ float:left; width:435px; height:66px; background:url(../../images/SOTA_Logo_web.gif); margin:26px 0px 0px 0px; }
.search{ float:right; width:350px; height:auto; margin:10px 30px 0px 0px;}

	/*Form Search Properties*/
form {float:left; width:auto; height:auto; text-align:left; margin:0px;}
form label { font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#FFFFFF; font-size:10px; display:inline; white-space:nowrap;}
#s_label { font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#FFFFFF; font-size:10px; display:inline; white-space:nowrap;}
form, .search_input{width:200px; height:auto;}
button, .search_button, .suscribe_button { float:left; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-align:center; width:68px; height:auto; color:#000000; margin:0px; margin-top:13px;}
#suscribe_button{ float:left; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-align:center; width:68px; height:auto; color:#000000; margin:0px; margin-top:13px;}

/*********MAIN CONTAINER FOR MENU, CENTER PICTURES, CONTENT AND FOOT************/
#main_container { width:984px; height:auto; background:#FFFFFF; border-bottom:solid 8px #990000; border-left:solid 8px #990000; border-right:solid 8px #990000; border-top:none; margin: 0px auto 0px auto;}

/*MENU AREA*/
#main_menu{ width:984px; height:40px; background:url(../../images/top_menu_sliver.gif) repeat-x; margin:0; text-align:center;}
.main_menu_home { width:74px; }
.main_menu_about { width:104px;}
.main_menu_ocean { width:155px; }
.main_menu_health { width:242px; }
.main_menu_recipes { width:88px; }
.main_menu_buy { width:123px; }
.main_menu_blog { width:61px; }
#main_menu ul { display:inline; text-align:center;}
#main_menu ul li { display:inline; list-style-type:none; margin:auto; padding-left:35px; text-align:center;}

/*CENTER PICTURES*/
#main_image{ width:640px; height:300px; margin:10px 10px 10px 10px; cursor:pointer;}
#main_ads{ width:314px; height:300px; margin:-310px 10px 10px auto;}
#main_ads img{ border:none;}

/*CONTENT COLUMNS*/
#main_column1, #main_column2, #main_column3{ float:left; width:314px; height:auto; padding-bottom:10px; margin:0px 0px 0px 0px;}
#main_column1{ margin:10px 10px 0px 0px; padding-left:10px; }		/*For Menu Recipes (Left Home)*/
#main_column2{ margin:10px 0px 0px 0px; }				/*For Menu Chefs (Center Home)*/
#main_column3{ margin:10px 0px 0px 10px; }				/*For Heath Facts (Right ALL PAGES)*/

																	/*For Other pages (Left-Center OTHER PAGES)*/
#main_column4{ float:left; width:628px; height:auto; margin:10px 10px 0px 0px; padding-left:10px; padding-bottom:10px;}	

/*Titles box*/
#titles_left { float:left; width:20px; height:40px; background:url(../../images/heading_left.jpg) no-repeat;}
#titles_center { float:left; width:156px; height:40px; background:url(../../images/heading_sliver.jpg) repeat-x;}
#titles_right { float:left; width:20px; height:40px; background:url(../../images/heading_right.jpg) no-repeat;}
#titles_comments { float:left; width:156px; height:40px; background:url(../../images/heading_sliver.jpg) repeat-x; text-align:left;}
#titles_comments h1 { margin-top:10px;}

/*Content Div properties*/
        /*HOME*/
#home_recipes, #home_chef, #home_health, #blog { float:left; width:100%; height:auto; overflow:hidden; text-align:left; border-bottom:dotted 1px #CCCCCC; padding-bottom:5px; padding-top:5px; margin:0px 0px 0px 0px;}
#home_recipes img, #home_chef img, #home_health img { float:left; padding-right:6px; border:none; margin:0px 0px 0px 0px;}
#home_recipes p, #home_chef p, #home_health p { display:inline;} 
#home_recipes a, #home_chef a, #home_health a {display:inline; } 
#home_health h3 {display:inline;}

        /*ABOUT & STATIC SECTIONS*/
#about { float:left; width:100%; height:auto; overflow:hidden; text-align:left; padding-bottom:5px; padding-top:5px; margin:0px 0px 0px 0px;}
#about a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0033FF; text-decoration:underline;}
#about a:visited { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999999; text-decoration:underline;}
#about a:hover, a:active { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FF3300; text-decoration:underline; cursor:pointer;}
#about img { float:left; padding:0 16px 0 0; border:none; margin:0px 0px 0px 0px;}

        /*RECIPES*/
#recipes { float:left; width:100%; height:auto; overflow:hidden; text-align:left; border-bottom:dotted 1px #CCCCCC; padding-top:20px; margin:0px 0px 0px 0px;}
#recipes a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0033FF; text-decoration:underline;}
#recipes a:visited { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999999; text-decoration:underline;}
#recipes a:hover, a:active { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FF3300; text-decoration:underline; cursor:pointer;}
#recipes img { float:right; padding:0px 0px 0px 16px; border:none; margin:0px 0px 0px 0px;}

/*Recipes' Menu*/
#main_column4 .menu { float:left; width:100%; height:auto; text-align:left; margin:0px 0px 20px 0px; color:#0033FF;}
#main_column4 .menu a:visited { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0033FF; text-decoration:underline;}
#main_column4 .menu a:active { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FF3300; text-decoration:underline; cursor:pointer;}
	
        /*BLOG*/
#blog img { float:right; padding:0 6px 0 16px; border:none; margin:0px 0px 0px 0px;}
#blog a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0033FF; text-decoration:underline;}
#blog a:visited { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999999; text-decoration:underline;}
#blog a:hover, a:active { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FF3300; text-decoration:underline; cursor:pointer;}
         
/*Blog Comments*/
.coments { margin:20px 0 0px; padding-top:6px; width:220px; height:24px; background:#ededed; text-align:center; border:solid 1px #999999;}
#coments_view { float:left; margin:10px 0 0 0; padding-top:6px; padding-bottom:10px; width:100%; height:auto; text-align:center;}
.new_comment { float:left; margin:5px 0; width:300px; height:50px; font:Arial, Helvetica, sans-serif; font-size:12px;}
.new_comment_form { float:left; margin:5px 0; width:180px; height:50px; font:Arial, Helvetica, sans-serif; font-size:12px;}

/*Blog Most Popular Box */
#TabbedPanels1 a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0033FF; text-decoration:underline; font-weight:bold; }
#TabbedPanels1 a:visited { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999999; text-decoration:underline;}
#TabbedPanels1 a:hover, a:active { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FF3300; text-decoration:underline; cursor:pointer;}
.TabbedPanelsContent_a { width:auto; height:auto; padding:10px 10px 10px 10px;}

	/*More button*/
#more {	width:auto; height:12px; display:inline; margin:-16px 5px 0px 0px; position:relative; float:right; }
#more2 { width:12px; height:12px; display:inline; margin: 0px 0px 0px 0px; float:right; background:url(../../images/more_button.gif) no-repeat;}
#more3 { width:10px; height:10px; display:inline; margin: 0px 0px 0px 0px; float:right; padding-right:20px;}
#more a{ text-decoration:none;}

        /*Learn More Text*/
#more4 { width:12px; height:12px; display:inline; background:url(../../images/more_button.gif) no-repeat; padding-right:12px; margin-left:2px;}

	/*Stars pictures*/
#star { width:auto; height:20px; font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#ff6501; text-align:center; float:right; }
#star img { margin:0px -2px;}

	/*Newsletter button*/
#newsletter{ float:left; width:auto; height:auto; margin:10px 0px 0px 85px;}

/***FOOT FOR ALL PAGES**/
#foot{ text-align:center; margin: 0px 0px 7px 0px; line-height:1.5; padding-top:7px;}
#foot a{ text-decoration:none;}