@import "format.css";
/*@import "forms.css";*/
body {text-align: center;margin:0;padding:0;}

#wrapper {width: 1002px; margin: 0 auto;text-align: left; }
* html #left { position:relative ; display: inline;} 
* html #content { position:relative; display: inline; } 
* html #right { position:relative ; display: inline;}
div#content{margin-left:200px;width:590px;float:left;height:100%;border-left : 1px solid #d6d9d0;border-right : 1px solid #d6d9d0;padding-left:5px; padding-right:5px;margin-top:5px; }
div#content{min-height:100%; }
/*
div#content{height:100%;margin-right:198px;margin-left:198px; margin-top:5px;border-left : 1px solid #d6d9d0;border-right : 1px solid #d6d9d0; padding-left:10px; padding-right:10px;}
div#content{min-height:100%; }
*/
#left {text-align:left;float:left;margin-top:5px;padding-right:3px;margin-left:-799px;width:195px;}
#right {text-align:left;margin-top:5px;margin-right:1px;float:right;width:195px;}
#header {position: relative; height:110px;margin:0;padding:0; }
/*
#left {position:relative;width:195px; margin:0;text-align:left;float:left;margin-top:5px;}
#right {width:195px; margin:0;text-align:left;float:right;margin-top:5px;}
#header {position: relative; height:100px; padding-left:10px;}
*/
#header h1{	margin:0 110px;padding-top:10px;	text-align: center;}
#header h2{	margin:0 100px 0 200px;text-align: center;}
#header a img,#header img{float:left;}
#clearfooter{clear:both;}
div#footer {text-align: center;clear: both;  bottom: 0; width:1000px;border-top: 1px solid #e4e4e4; height:20px; margin: 0 auto;}
#nomenucontent{	margin-left:10px;padding-left:10px;}
.tabs{	position:relative;}

.tabs {list-style:none; padding:5px 0 0 10px; margin:1px 0px 10px 0; height:23px; border-bottom:1px solid #000;}/*background:#bcd url(images/tab_e.gif);*/
.tabs li {display:block; float:left; margin:0 -13px -1px 0;}
.tabs li a {display:block; text-decoration:none;}
.tabs li a em {float:left; padding:0 10px; height:22px; border-top:1px solid #fff; border-bottom:1px solid #000; position:relative; z-index:100; font-style:normal; color:#fff; font-size:11px; font-family:verdana; line-height:20px;}/*background:#01a894 url(images/tab_d.gif) repeat-x bottom left;*/
.tabs li a b {font-size:0; line-height:0; position:relative; border-bottom:1px solid #000; border-top:1px solid #fff; width:1px; display:block; float:left; z-index:300; }/*background:#01a894 url(images/tab_d.gif) repeat-x bottom left;*/

.tabs li b.p1 {height:19px; background:#fff; margin-top:4px; border-top:0; z-index:100;}
.tabs li b.p2 {height:19px; margin-top:2px; border-top:2px solid #fff; border-bottom:1px solid #888; z-index:100;}
.tabs li b.p3 {width:2px; height:21px; margin-top:1px; z-index:100;}
.tabs li b.p5 {height:20px; margin-top:2px;}
.tabs li b.p6 {height:19px; margin-top:3px;}
.tabs li b.p7 {height:18px; margin-top:4px;}
.tabs li b.p8 {height:17px; margin-top:5px;}
.tabs li b.p9 {height:16px; margin-top:6px;}
.tabs li b.p10 {height:15px; margin-top:7px;}
.tabs li b.p11 {height:14px; margin-top:8px;}
.tabs li b.p12 {height:13px; margin-top:9px;}
.tabs li b.p13 {height:12px; margin-top:10px;}
.tabs li b.p14 {height:11px; margin-top:11px;}
.tabs li b.p15 {height:10px; margin-top:12px;}
.tabs li b.p16 {height:9px; margin-top:13px;}
.tabs li b.p17 {height:8px; margin-top:14px;}
.tabs li b.p18 {height:7px; margin-top:15px;}
.tabs li b.p19 {height:6px; margin-top:16px;}
.tabs li b.p20 {height:5px; margin-top:17px;}
.tabs li b.p21 {height:4px; margin-top:18px;}
.tabs li b.p22 {height:3px; margin-top:19px;}
.tabs li b.p23 {height:2px; margin-top:20px;}
.tabs li b.p24 {height:1px; margin-top:21px;overflow:hidden;}
.tabs li b.p25 {width:1px; height:1px; background:#fff; margin-top:22px; border-top:0; overflow:hidden;}
.tabs li b.p26 {width:1px; heيتحدثونight:1px; background:#000; margin-top:23px; border:0; overflow:hidden;}

.tabs li em b.shdw {position:absolute; display:block; left:-4px; bottom:0; border:0; width:17px; height:17px; background: #f93 url(images/tab_a.gif) bottom left; z-index:500;}

.tabs li a:hover,.tabs li a:focus, .tabs li a:active {white-space:nowrap; color:#000; position:relative; z-index:500; cursor:pointer;}
.tabs li a:hover em, .tabs li a:focus em, .tabs li a:active em {border-bottom-color:#888;}/* background:#fc8 url(images/tab_b.gif) bottom left;*/
.tabs li a:hover em b.shdw,.tabs li a:focus em b.shdw, .tabs li a:active em b.shdw  {visibility:hidden;}
.tabs li a:hover b, .tabs li a:focus b, .tabs li a:active b { border-bottom-color:#888;}/*background:#fc8 url(images/tab_b.gif) bottom left;*/
.tabs li a:hover b.p1, .tabs li a:focus b.p1, .tabs li a:active b.p1 {background:#fff; border-bottom-color:#888;}
.tabs li a:hover b.p25, .tabs li a:focus b.p25, .tabs li a:active b.p25 {background:#fff; border-bottom-color:#888;}
.tabs li a:hover b.p26, .tabs li a:focus b.p26, .tabs li a:active b.p26 {background:#888;}

.tabs li a.selected, .tabs li a:hover.selected,  .tabs li a:active.selected  {white-space:nowrap; color:#000; position:relative; z-index:600; cursor:default;}
.tabs li a.selected em, .tabs li a:hover.selected em,.tabs li a:active.selected em{border-bottom-color:#fff;}/*background:#fff url(images/tab_c.gif) bottom left; */
.tabs li a.selected em b.shdw, .tabs li a:hover.selected em b.shdw, .tabs li a:active.selected em b.shdw {visibility:hidden;}
.tabs li a.selected b, .tabs li a:hover.selected b, .tabs li a:active.selected b { border-bottom-color:#fff;}/*background:#fff url(images/tab_c.gif) bottom left;*/
.tabs li a.selected b.p1, .tabs li a:hover.selected b.p1, .tabs li a:active.selected b.p1 {background:#fff; border-bottom-color:#fff;}
.tabs li a.selected b.p26, .tabs li a:hover.selected b.p26, .tabs li a:active.selected b.p26 {width:1px; height:1px; background:#fff; margin-top:23px; border-top:0; overflow:hidden;}
/* ------------ left menu ---------- */
#left dt, #right dt{
text-align : left; 
padding-top : 3px; 
padding-bottom : 3px; 
padding-left : 3px; 
display : block; 	
/*margin-top:20px;*/
}
#left dd,#right dd {margin-left:10px;margin-bottom:5px;}

.l2{	margin-left:25px;}
#menu2{	margin-left:10px;}
.clearfix{	clear:both;}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.rightblock,.lefttblock{display:block;overflow:visible;margin:0;margin-bottom:20px;}
/*.xdocp{	margin: 0 5px 5px 5px;}
.xdocul{	list-style: square;margin-left:20px;}*/
/* ----------- recipe ----------- */
.ingredients,.directions { display : block;  margin : 5px 5px 5px 15px;}
.ing {  display : block;}
.step {  display : block;}

div.surftip{                                                                                                                                                 
        margin: 5px 5px;                                                                                                                                     
        padding-top: 5px;                                                                                                                                    
        padding-bottom: 5px;                                                                                                                                 
}                                                                                                                                                            
a.surftiplink,a.surftiplink:link,a.surftiplink:visited { color: #8B8B8B; text-decoration:none; font-size: 11px; }                                            
a.surftiptitle,a.surftiptitle:link,a.surftiptitle:visited{text-decoration:none;font-size:12px;font-weight:bold;}     
.menucontainer {clear:both; text-decoration:none;width:1002px;top:111px;position:absolute;}
#container{margin-top:45px;}
* html .container {width:1000px;display:inline-block;}