body {
  margin: 0;
  background: #D3BB6D url(bg.jpg) no-repeat center top;
  width: 100%;
  display: table;
}

#wrapper {
	width: 100%;
	display: table;
}
#content {
	margin: 263px auto 0;
	padding: 20px;
}
.quote4g { font-family:arial; font-size:13px; color: #ffffff; }
.text { font-family:arial; font-size:13px; color: #000000; }
.texte { font-family:arial; font-size:14px; color: #000000; line-height:160% }
.bold { font-family:arial; font-size:13px; color: #000000; font-weight: bold;}
.textR { font-family:arial; font-size:12px; color: #000000; }
.headmatkon { font-family:arial; font-size:15px; color: #000000;  text-decoration: underline; font-weight: bold;}
.header { font-family:arial; font-size:13px; color: #773E0F; text-decoration: none; font-weight: bold;}
.headername { font-family:arial; font-size:15px; color: #773E0F; text-decoration: none; font-weight: bold;}
.catname { font-family:arial; font-size:18px; color: #773E0F; text-decoration: none; font-weight: bold;}
.headername2 { font-family:arial; font-size:14px; color: #74692a; text-decoration: none; font-weight: bold;}
.header:hover { font-family:arial; font-size:13px; color: #773E0F; text-decoration: underline; font-weight: bold;}
.headerr { font-family:arial; font-size:15px; color: #000000; text-decoration: none; font-weight: bold;}
.awhite { font-family:arial; font-size:16px; color: #773E0F; text-decoration: none; font-weight: bold;}
.title { font-family:arial; font-size:22px; color: #773E0F; text-decoration: none; font-weight: bold;}
.title2 { font-family:arial; font-size:26px; color: #715921; text-decoration: none; font-weight: bold;}
.nav22 { font-family:arial; font-size:16px; color: #715921; text-decoration: none; font-weight: bold;}
.title3 { font-family:arial; font-size:35px; color: #773E0F; text-decoration: none; font-weight: bold;}
.next { font-family:arial; font-size:13px; color: #773E0F; text-decoration: underline; font-weight: bold;}
.headline { font-family:arial; font-size:12px; color: #000000; text-decoration: none; font-weight: bold;}
.swhite { font-family:arial; font-size:13px; color: #ffffff; text-decoration: none; font-weight: bold;}
.swhiteb { font-family:arial; font-size:12px; color: #813A00; text-decoration: none; font-weight: bold;}
.sw { font-family:arial; font-size:11px; color: #000000; text-decoration: none;}
.dor { font-family:arial; font-size:11px; color: #8B0000; text-decoration: underline;}
.madr { font-family:arial; font-size:17px; color: #773E0F; text-decoration: underline; font-weight: bold;}
.Head { font-family:arial; font-size:15px; color: #000000; }
.makor { font-family:arial; font-size:9px; color: #9b2a12;  font-weight: bold;}
.makor2 { font-family:arial; font-size:11px; color: #000000;}
.blackbold { font-family:arial; font-size:12px; color: #000000;  font-weight: bold;}
.whitechef { font-family:arial; font-size:14px; color: #ffffff;  font-weight: bold; }
.bwhite { font-family:arial; font-size:13px; color: #000000;  font-weight: bold; text-decoration: none;}
.user { font-family:arial; font-size:13px; color: #813A00; font-weight: bold;}
.share { font-family:arial; font-size:14px; color: #813A00; font-weight: bold;}
.t { font-family:arial; font-size:13px; color: #000000; font-weight: bold; text-decoration: none;}
.m { font-family:arial; font-size:15px; color: #000000; font-weight: bold; cursor: pointer; text-decoration: none;}
.matkonr { font-family:arial; font-size:13px; color: #000000; font-weight: bold; }
.gray { font-family:arial; font-size:12px; color: #D57A2F;  font-weight: bold;}
 ul { list-style: none;}
h1 { font-family:arial; font-size:26px; color: #715921; text-decoration: none; font-weight: bold;}
.adbottom { width:468px; height:60px; border:1px solid #000; float:right; margin-top:-60px; margin-right:12px}
.footerbloglinks { width:940px; float:left; padding-left:20px}
.footerbloglinks .ranks { width: auto; float:left; padding-right:10px}

.nav{
border-bottom: 1px solid #c63c1f;
font: bold 14px Arial;color: #000000;
text-decoration: none;
}

.image {
   position: relative;
   width: 100%; /* for IE 6 */
}

h2 {
   position: absolute;
   top: 233px;
   left: 0px;
   width: 100%;
}

h2 span {
   color: white;
   font: bold 17px/30px Helvetica, Sans-Serif;
   letter-spacing: -1px;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.7);
   padding: 10px;
}

h2 span.spacer {
   padding:0 5px;
}


  #olChannels { height:0; display:none; overflow:hidden;} 
 .olChannels {width:100%; margin: 5px 0 0; border-top: 0px !important; background-image: url('12.gif'); background-repeat: repeat; !important; float:right;} 
  .olChannels strong { text-align:center; font: bold .825em verdana,arial,sans-serif;} 
  .olChannels ul { margin: 0px 0px 0 0; padding-bottom:17px;}
   .olChannels li {float:right;}
    .olChannels li ul { width:50px; margin:0;}
	 .olChannels li ul li { font-size:1.1em !important; float:none;font-weight:normal;}
 .olChannels div { margin: -12px 0 0 15px; float:left; border: 1px solid #b1bbbb !important; background:#D0D6D6 !important; color:#647878 !important; width:16px; text-align:center; font: bold .825em verdana,arial,sans-serif; padding:1px 0 2px; cursor:pointer;}
 #footer .olChannels { margin:0 0 0px;;display:table;}
 #footer .olChannels div { display:none;}

#menu1 {width:100%;}
.menus td {
text-align: right;
text-decoration:none;
}

.menus td a {
text-decoration:none;
font-family:arial; 
font-size:15px; 
color: #000000;  
font-weight: bold; 
text-decoration: none;
background-color:#DCC987;
display:block;
padding-left: 8px;
padding-top: 8px;
padding-right: 8px;
padding-bottom: 8px;
}

* html .menus td a {width: 100%;}

.menus td a:hover {
background-color:#975D2D;
color: #ffffff;
}
.menus td a:visited {text-decoration:none}

.invertedshiftdown{
padding-bottom:15px;
width: 100%;
border-top: 5px solid #c63c1f; /*Red color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.invertedshiftdown ul{
margin:0;
margin-left: 30px; /*margin between first menu item and left browser edge*/
margin-right: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.invertedshiftdown li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftdown a{
float: left;
display: block;
font: bold 14px Arial;
color: #ffffff;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 2px 7px 6px 7px; /*Padding within each menu item*/
background-color: 9b2a12; /*Default menu color*/

/*BELOW 4 LINES add rounded bottom corners to each menu item.
  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
  REMOVE IF DESIRED*/
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
}

.invertedshiftdown a:hover{
background-color: #c63c1f; /*Red color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}

.invertedshiftdown .current a{ /** currently selected menu item **/
background-color: #c63c1f; /*Red color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;

}

#searchField{  
	width: 240px;  
	height: 30px;  
	background-color: #ece0b5;
	padding-left: 25px; 
	border: 1px solid #d2aa70; 
	color: #444443;
	font-family: arial, verdana, ms sans serif;
	font-size: 13pt;
	font-weight: normal
	}  
#searchSubmit{  
	background: transparent url("http://www.foodp.net/s.png") no-repeat;  
	width: 30px;  
	height: 30px;  
	border: none;  
	cursor: pointer;  
	margin-right: -10px;
	margin-top: 2px; 
	}  

fieldset {
	border:1px dashed #CCC;
	padding:10px;
	margin-top:20px;
	margin-bottom:20px;
}
legend {
	font-family:Arial;
	font-size: 90%;
	letter-spacing: -1px;
	font-weight: bold;
	line-height: 1.1;
	color:#fff;
	background: #666;
	border: 1px solid #333;
	padding: 2px 6px;
}
h1 {
	font-family:Arial;
	font-size: 175%;
	letter-spacing: -1px;
	font-weight: normal;
	line-height: 1.1;
	color:#333;
}
label {
	width:140px;
	height:32px;
	margin-top:3px;
	margin-right:2px;
	padding-top:11px;
	padding-left:16px;
	background-color:#BDA556;
	float:right;
	display: block;
	font-family:Arial;
	font-size: 100%;
	letter-spacing: -1px;
	font-weight: bold;
	line-height: 1.1;
	color:#000000;
}
.form {
	margin:0;
	padding:0;
}
#container {
	width:90%;
	margin:auto;
	padding:10px;
}
#top {
	width:680px;
	height:50px;
}
#leftSide {
	width:630px;
	padding-top:0px;

}
#rightSide {
	background-color:#fff;
	width:1px;
	padding:7px;
	margin-top:15px;
	float:right;
	border:1px solid #CCC;
	font:normal 16px Arial;
	color:#666666
}
.clear {
	clear:both;
}
.holder {
	background-color:#fff;

}
.div_texbox {
	width:347px;
	float:right;
	background-color:#D3A02F;
	height:35px;
	margin-top:3px;
	padding-top:5px;
	padding-bottom:3px;
	padding-left:5px;
}

.textarea {
	height: 250px;
	width:285px;
	background-color:#FFFFFF;
	background-repeat: no-repeat;
	background-position:left;
	font:normal 18px Arial;
	color: #999999;
	padding:3px 5px 3px 19px;
}

.div_texbox2 {
	width:347px;
	float:right;
	background-color:#D3A02F;
	height:100%;
	margin-top:3px;
	padding-top:5px;
	padding-bottom:3px;
	padding-left:5px;
}


.textbox {
	background-color:#FFFFFF;
	background-repeat: no-repeat;
	background-position:left;
	width:285px;
	font:normal 18px Arial;
	color: #999999;
	padding:3px 5px 3px 19px;
}
.textbox:focus, .textbox:hover {
	background-color:#F0FFE6;
}

.username {
    	background-color:#FFFFFF;
	width:285px;
    	font:normal 18px Arial;
    	color: #999999;
    	padding:3px 5px 3px 19px;
}
.username:focus, .username:hover {
	background-color:#F0FFE6;
}
   
.password {
   	background-color:#FFFFFF;
	width:285px;
    	font:normal 18px Arial;
    	color: #999999;
    	padding:3px 5px 3px 19px;
}
.password:focus, .password:hover {
	background-color:#F0FFE6;
}

.button_div {
	width:100%;
	border:0px solid #ccc;
	text-align:right;
	height:35px;
	margin-top:3px;
	padding:5px 32px 3px;
}
.buttons {
	background: #e3e3db;
	font-size:14px; 
	color: #989070; 
	padding: 6px 14px;
	border-width: 2px;
	border-style: solid;
	border-color: #fff #d8d8d0 #d8d8d0 #fff;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
}

/* `Comments
----------------------------------------------------------------------------------------------------*/

.comments_number {
	display: inline;
	color: #FFF;
	font-size: 21px;
	background: #813a00;
	padding: 0 10px;
	position: relative;
}

.comments_list ol {
	margin: 10px 0 40px 0;
	width: 98%;
}


.comments_actual ul {
	list-style: none;
	position: relative;
}

.comments_list li.comments_normal {
	clear: both;

}
.comments_list li.comments_post_author {
	clear: both;
	position: relative;
}

.comments_form li {
	margin-bottom: 3px;
}

.comments_index {
	float: left;
	width: 35px;
	font-size: 30px;
	color: #EEE;
	font-family: Georgia, Serif;
	letter-spacing: -2px;
}


.comments_list li .comments_actual {
	width: 90%;
	color: #6c6868;
	padding: 5px;
	margin-bottom: 20px;
	background-color: #bda556;
	border: 0px solid #282828;
}

.comments_list li:last-child .comments_actual {
	margin-bottom: 0px;
}

.comments_actual .comments_text a:hover {
	text-decoration: underline;
	color: #813a00;
}

.comments_list li .comments_text {
	border: none;
	padding: 0 15px;
	background-color: #fefefe;
	position: relative;
	overflow: hidden;
}

ul.comments_extra {
	line-height: 14px;
	float: left;
	margin-top: 4px;
	padding: 2px;
	background: #bda556 url('comments_extra_bg.png') no-repeat;
	width: 527px;
	margin-bottom: 0;
}

li.comments_author {
	line-height: 16px;
	clear: left;
	position: relative;
	float: right;
	color: #fff;
	background: #a99245 url('comments_normal_left.png') no-repeat top left;
	background-color: #a99245;
	padding: 0 0 0 9px;
}

li.comments_author a {
	color: #FFF;
	display: block;
	background: #813a00 url('comments_normal_right.png') no-repeat top right;
	background-color: #813a00;
	padding-right: 9px;
	padding-top: 3px;
	padding-bottom: 3px;
}

li.tail {
	float: right;
	position: relative;
	bottom: 6px;
	background: url('comments_normal_tail.png') no-repeat;
	margin-left: 4px;
	margin-right: 14px;
	width: 17px;
	height: 17px;
}


li.comments_author a:hover {
	color: #333;
}

li.comments_post_author li.comments_date {
	float: left;
}

li.comments_date {
	position: relative;
	float: left;
	font-style: normal;
	padding: 4px 4px 4px 6px;
	font-size: 12px;
	color: #000000;
}

.comments_body {
	float: left;
}

/*TtiQQ*/	 
	.paginationTTIQ {background: #d8c27b;color:#000000;padding: 4px 2px 4px 7px;border: 0px solid #ddd;margin: 0 0 1.5em; font-family:arial; }
	.paginationTTIQ p {position:relative;text-align:center}
	.paginationTTIQ p a:link, .paginationTTIQ p a:visited, .paginationTTIQ p a:hover, .paginationTTIQ p a:active {font-family:arial; color:#ffffff;text-decoration:none;background:#813a00;padding:2px 5px;border: 1px solid #5b2b04; margin-right:1px}
	.paginationTTIQ p a:hover {background:#b2570d;color:#fff}
	.paginationTTIQ p span {font-family:arial;text-decoration:none;background:#baa668;padding:2px 5px;border: 0px solid #5b2b04;color:#fff; margin-right:1px}
	.paginationTTIQ * {margin:0}
	.paginationTTIQ h4 {margin-top:-1.45em;padding:0;border:none}

.linkim {
	color: #ffffcc; 
	text-decoration: underline;
	line-height:14px;
	white-space:nowrap;
}

div#banner1, div#banner2 {
position:fixed;
top:280px;  /* DISTANCE FROM TOP OF WINDOW */
}
div#banner1 {
left:150px;   /* FIXES BANNER TO LEFT SIDE OF WINDOW */
}
div#banner2 {
right:150px;   /* FIXES BANNER TO RIGHT SIDE OF WINDOW */
}

}
UL#secondary-navigation LI {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 5px 5px 10px; WIDTH: auto; PADDING-TOP: 0px
}
UL#secondary-navigation LI UL {
	MARGIN-TOP: 5px! important
}
UL#secondary-navigation LI UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
UL#secondary-navigation LI LI {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: none; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 4px; PADDING-TOP: 0px
}
 HTML LI#nav-download {
	HEIGHT: 13em
}
 HTML LI#nav-skypeout {
	HEIGHT: 13em
}
 HTML LI#nav-share {
	HEIGHT: 13em
}
 HTML LI#nav-shop {
	HEIGHT: 13em
}
 HTML LI#nav-extras {
	HEIGHT: 13em
}
.btn {
	float: left;
	clear: both;
	background: url(images/btn_left.png) no-repeat;
	padding: 0 0 0 10px;
	margin: 5px 0;
}
.btn a{
	float: left;
	height: 40px;
	background: url(images/btn_stretch.png) repeat-x left top;
	line-height: 40px;
	padding: 0 10px;
	color: #fff;
	font-size: 1em;
	text-decoration: none;
}
.btn span {
	background: url(images/btn_right.png) no-repeat;
	float: left;
	width: 10px;
	height: 40px;
}
.btn_all { background-color: #b1340a; }

      #message_box { 
       position: absolute; 
       top: 0; left: 0; 
       z-index: 10; 
	   background:#ffffff;
	   padding:5px;
       border:1px solid #a81d00;
       text-align:center; 
       font-weight:bold; 
       width:99%;
      font-family:arial; font-size:13px; color: #000000;
      }

/* Tooltip */

#tooltip {
	position:absolute;
	z-index:9999;
	width:180px;
	font-family:arial; 
	font-size:15px; 
	color: #ffffff; 
	text-decoration: none; 
	font-weight: bold;}
}

#tooltip .tipHeader {
	height:8px;
}


#tooltip .tipBody {
	background-color:#a49133;
	padding:5px 5px 5px 15px;
}

#tooltip .tipFooter {
	height:8px;
	background:url(images/tipFooter.gif) no-repeat;
}
.buttonn {
		padding: 5px 10px;
		display: inline;
		background: #777 url(http://www.foodp.net/button.png) repeat-x bottom;
		border: none;
		color: #fff;
		cursor: pointer;
		font-weight: bold;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		text-shadow: 1px 1px #666;
		font-family:arial;
		display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;
		}
	.buttonn:hover {
		background-position: 0 center;
		}
	.buttonn:active {
		background-position: 0 top;
		position: relative;
		top: 1px;
		padding: 6px 10px 4px;
		}
	.buttonn.red { background-color: #c23c0e; }
	.buttonn.purple { background-color: #9400bf; }
	.buttonn.green { background-color: #58aa00; }
	.buttonn.orange { background-color: #ff9c00; }
	.buttonn.blue { background-color: #2c6da0; }
	.buttonn.black { background-color: #333; }
	.buttonn.white { background-color: #fff; color: #000; text-shadow: 1px 1px #fff; }
	.buttonn.small { font-size: 95%; padding: 3px 7px; }
	.buttonn.small:active { padding: 4px 7px 2px; background-position: 0 top; }
	.buttonn.large { font-size: 125%; padding: 7px 12px; }
	.buttonn.large:active { padding: 8px 12px 6px; background-position: 0 top; }
/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}


/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid darkred; /*darkred border*/
background: black url(indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: black; /*text color*/
padding: 3px 11px;
text-decoration: none;
border-right: 1px solid darkred; /*darkred divider between menu items*/
}

.indentmenu ul li a:visited{
color: black;
}

.indentmenu ul li a.selected{
color: black !important;
padding-top: 4px; /*shift text down 1px*/
padding-bottom: 2px;
background: black url(indentbg2.gif) center center repeat-x;
}
