@charset "UTF-8";
@import url("zero.css");
/* CSS Document */

html{text-align:center; height:100.1%;}
body{ height:100%; position:relative; background:#CCD3BE; text-align:center; }

hr{display:none;}

* html img, * html .png{ position:relative; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);}


div#wrapper{width:952px;margin:0 auto;padding:0 5px; background:#CCD3BE url(../../images/passover/oukp-bg.gif) repeat-y; text-align:left; overflow:hidden; clear:both; }

div#branding{width:940px; position:relative; height:180px;margin-right:20px;float:left;}
div#ad{float:right;margin-right:10px;margin-top:10px;}

h1#logo{position:absolute; top:5px; left:15px; }
span#tag-line{position:absolute; top:64px;	left:178px;	width: 355px;	font: 20px arial;	color: rgb(204, 102, 51);}
span#oudirect{position:absolute; top:10px; left:170px; font:11px arial; letter-spacing:1px; color:#333;}
ul#small-nav{position:absolute; top:10px;	left:270px; font:11px arial; letter-spacing:1px; color:#333;}
ul#small-nav img{ padding: 7px 0 0 0;}
ul#small-nav a{color:#333; padding:-5px 0 0 0;}
span#sign-up{position:absolute; top:10px; left:600px; font:11px arial; letter-spacing:1px; color:#333;}
span#apply{ display:none; position:absolute; top:60px; left:600px; font:11px arial; letter-spacing:1px; color:#333;}



div#content{width:940px; padding:0; text-align:left; position:relative;}

/* a
-----------------------------------------*/
div#main-content{width:600px; padding:10px; float:left; }
div#main-content img.main-image{ border-bottom:1px solid #999;}

div#search-box{margin:-2px 0 0 0; }

div#search-box{background: url(../../images/passover/serach-box.gif) no-repeat; height:85px; width:600px; position:relative; top:-2px; }
div#search-box span#keyword{ display:block; position:absolute; top:15px; left:350px;}
div#search-box form#category{ display:block; position:absolute; top:45px; left:350px;}
div#search-box form#category select{ width:180px;}

a#home{ display:block; background: url(../../images/passover/home-btn.png) no-repeat; height:25px; width:300px; text-indent:-5000px; margin:7px 5px 9px 5px; float:left;}
a:hover#home{ display:block; background: url(../../images/passover/home-btn-over.png) no-repeat; height:25px; width:300px; text-indent:-5000px;}

div#main-content span.print{ font:10px arial; color:#333; margin: 5px 10px 2px 10px; float:right;}


div#main-content h1{color:#007FA8;font:bold 24px arial; letter-spacing:1px; margin: 10px 10px 2px 10px; clear:both;}



div#main-content img.right{ float:right; display:inline;}

div#main-content p{ font:12px/20px verdana; color:#190b00; margin:0 0 15px 0;}
div#main-content blockquote{ font:15px/23px Times New Roman; color:#190b00; margin:0 0 8px 0; padding:0 0 0 12px; border-left:15px solid #758E16;}
div#main-content h2{font:bold 30px "Times New Roman", Times, serif; color:#8a5e10;	text-transform: uppercase; margin:0 0 8px 0;}
ul#category{ margin:0 0 0 0;}
ul#category h2 {font:bold 14px arial; color:#A04111;}

ul#category ul li h2 a {font:bold 14px arial; color:#A04111; display:block;}

ul#category li{display:block; float:left; padding:0 10px 10px 5px;}
ul#category li.a{width:180px; padding:15px 5px 0 5px; border-right:1px solid #E1E5D8;}
ul#category li.b{width:180px; padding:15px 10px 0 5px; border-right:1px solid #E1E5D8;}
ul#category li.c{width:180px; padding:15px 10px 0 5px;}

* html ul#category li.d{width:370px; border-top:1px solid #E1E5D8; margin:5px;}
ul#category li.d{width:380px; border-top:1px solid #E1E5D8; margin:5px; padding:10px 0 0 0;}
ul#category li.d ul li a{display:block;float:left; width:170px; padding:0 10px 0 0;}

ul#category li a{ display:block; font:12px arial; color:#333; padding:3px 0; text-decoration:none;}

ul#category ul{ overflow:hidden;}


/* article
-----------------------------------------*/
div#article {margin:5px 10px 0 10px;}
div#article  h2{color:#007FA8;font:24px arial; letter-spacing:1px; margin:0 0 10px 0;}
div#article p.author{ font-style:italic;}

div.pass-menu{clear:both; color:#333; font:11px arial; }

/* serach results
-----------------------------------------*/
div#search-results-top { clear:both; font:12px arial; color:#333; height:25px; padding:10px 0 5px 0;}
div#search-results-top  span.one{ float:left; color:#007FA8;font:24px arial; letter-spacing:1px; }
div#search-results-top  span.two{ float:right;}


/* Products
-----------------------------------------*/
div#products div{ margin:15px 0 0 0; border:1px dotted #C9C9C9; }

div#products div span.head{ display:block; /*width:585px;*/ clear:both; overflow:hidden; background:#fff; padding:10px 5px 3px 5px; border-bottom:1px solid #E5E5E5;}
* html div#products div span.head{ height:1%;}

div#products div span.head h3 a{font:bold 16px arial; color:#007FA8; text-decoration:none; }
div#products div span.head h3{font:bold 16px arial; color:#007FA8; padding:0 0 0 0; width:320px; float:left; text-transform:capitalize;}
div#products div span.head h3 span{font:italic 12px arial; color:#333; padding:0 0 0 0; }

div#products div span.head span.print{ display:block;  right:0px; position:relative; float:right; border-left:1px solid #CCC; padding:0 0 0 10px; width:100px; margin:0; }
div#products div span.head span.print a{ font:10px arial; color:#333; text-decoration:none;  white-space: nowrap; }
div#products div span.head p{float:left;}
div#products div p.oup{font:bold 12px arial; color:red; border-left:1px solid #CCC; padding:0 0 0 10px; width:140px;}

div#products div span.info{ display:block; clear:both; overflow:hidden; background:#fff; padding:6px 5px;}
* html div#products div span.info{ height:1%;}

div#products div span.info img{ width:120px; height:160px; float:right;}
div#products div span.info a.read-more{font:12px arial; color:#007FA8;}

div#products div p strong{font-weight:bold; color:#A04111}
div#products div span.info p{font:12px arial; color:#333; }
div#products div span.info p br{ display:none;}


div.paginate{ clear:both; background:#FFF; padding:5px; font:12px arial; color:#333;}

/* 2 column design
div#products { margin:10px 0 0 0; overflow:hidden; background:#fff; padding:5px;}
div#products span.head{ display:block; width:225px;  overflow:hidden; padding:5px 15px 5px 5px;  float:left;}
div#products span.head h3{font:bold 14px arial; color:#007FA8; letter-spacing:0px; padding:0 0 10px 0; }
div#products span.head span.print{ display:block; }
div#products span.head span.print a{ font:12px arial; color:#333; }

div#products span.info{ display:block; width:315px;  overflow:hidden; padding:5px 5px 5px 15px; float:left; border-left:1px solid #CCC;}
div#products p strong{font-weight:bold;}
div#products p{font:12px arial; color:#333; }
div#products p.oup{font:bold 12px arial; color:red; }
*/



/* Recipe
-----------------------------------------*/
div#recipe { margin:5px 10px 0 10px; }
div#recipe  p.desc {font:bold 13px arial;  }
div#recipe  hr {border:1px solid #C9C9C9; height:1px;}

div#recipe div.ingredients {background:#fff; border:1px dotted #C9C9C9; padding:8px; margin:5px 0 10px 0; }
div#recipe div.ingredients p {font:13px arial; color:#A04111; }
div#recipe div.ingredients p br{margin:6px 0; line-height:25px; height:20px; display:block; }

div#recipe strong { font:bold 13px arial; }

div#recipe div span.head{ display:block; /*width:585px;*/ clear:both; overflow:hidden; background:#fff; padding:10px 5px 3px 5px; border-bottom:1px solid #E5E5E5;}

div#recipe div span.head h3 a{font:bold 16px arial; color:#007FA8; text-decoration:none; }
div#recipe div span.head h3{font:bold 16px arial; color:#007FA8; padding:0 0 0 0; width:320px; float:left; text-transform:capitalize;}
div#recipe div span.head h3 span{font:italic 12px arial; color:#333; padding:0 0 0 0; }

div#recipe div span.head span.print{ display:block;  right:0px; position:relative; float:right; border-left:1px solid #CCC; padding:0 0 0 10px; width:100px; margin:0; }
div#recipe div span.head span.print a{ font:10px arial; color:#333; text-decoration:none;  white-space: nowrap; }
div#recipe div span.head p{float:left;}
div#recipe div p.oup{font:bold 12px arial; color:red; border-left:1px solid #CCC; padding:0 0 0 10px; width:140px;}

div#recipe div span.info{ display:block; clear:both; overflow:hidden; background:#fff; padding:6px 5px;}

div#recipe div span.info img{ width:120px; height:160px; float:right;}
div#recipe div span.info a.read-more{font:12px arial; color:#007FA8;}

div#recipe div p strong{font-weight:bold; color:#A04111}
div#recipe div span.info p{font:12px arial; color:#333; }
div#recipe div span.info p br{ display:none;}




/* b
-----------------------------------------*/
div#side{width:300px; padding:10px; float:right;}

div#side div.guide{ margin:0; clear:both; /*overflow:hidden; */position:relative; background: url(../../images/passover/download-guide.gif) top left repeat-y; width:300px; height:200px; }
div#side div.guide img.guide{ padding:0 0 0 0;}
div#side div.guide a{ color:#333;  font: 11px Arial; position:absolute; z-index:10;  }
div#side div.guide a:hover{ color:#007FA8; background:#FFFF66; }

div#side div.guide a.full{top:140px;  left:60px;}
div#side div.guide a.white{top:160px; left:60px;   }
div#side div.guide a.gray{top:160px; left:175px; }


div#side div#ads{ margin:5px 0; clear:both; overflow:hidden; }
div#side div#ads a{float:left; margin:0; padding:0;}


div#side a.ask{ display:block; width:300px; text-indent:-5000px;}
div#side a.ask img{ display:block; width:300px;}
div#side div.ask{background: url(../../images/passover/ask-mid.gif) top left repeat-y; padding:5px 15px; zoom : 1;}
div#side img.ask-bot{top:-8px; position:relative; margin:-8px 0 0 0;}
* html div#side div.ask{ height:1%;}

/*textarea#message{ width:270px; height:100px;}
*/form#contact_form input{ display:block; margin:0 0 5px 0;}
form#contact_form label{ display:none;}


* html div.sidebox{ height:1%;}

div.sidebox{ background:#FFFCF9 url(../../images/passover/oukp-sidebox-middle.gif) top left repeat-y; margin:10px 0;; padding:0;}
div.sidebox h2{font:bold 16px verdana; margin:0 0 8px 0; color:#333; padding:0 0 0 10px;}
div.sidebox h2.rep{ text-indent:-5000px; position:relative; left:13px; top:-4px;}
div.sidebox h2#title-pt{background: url(../../images/passover/title-passover-topics.gif) top left no-repeat; }
div.sidebox h2#title-pfp{background: url(../../images/passover/title-preparing.gif) top left no-repeat;}

div.sidebox ul { padding:0 10px 0 13px;}
div.sidebox ul li {border-bottom:1px solid #ccc; display:block; padding:5px 0; }
div.sidebox ul li a{color:#333; text-decoration:none; font: 12px Arial; display:block;}
div.sidebox img.top{ top:-8px; position:relative;}
div.sidebox img.bottom{bottom:-8px; position:relative;}



/* lightbox
-----------------------------------------*/

body#lightbox {height:100%; position:relative; background:#fff; text-align:left; }
body#lightbox h2{	color:#007FA8;font:24px arial; letter-spacing:1px; margin:0 0 10px 0;}
body#lightbox p{	color:#333;font:12px/19px arial; margin:0 0 15px 0;}


div#facebox h2{	color:#007FA8;font:24px arial; letter-spacing:1px; margin:0 0 10px 0; width:680px;}
div#facebox p{	color:#333;font:12px/19px arial; margin:0 0 15px 0;}

popup

/* Footer
-----------------------------------------*/
div#footer{text-align:center; border-top:1px solid #fff; margin:10px; padding:10px; }
div#footer span.links{text-align:center;  display:block; clear:both; }
div#footer span{text-align:center;  margin:5px; display:block; clear:both; color:#333; font:11px arial; }

div#footer a{color:#333; font:11px arial; text-decoration:none;	 }

div#footer a:hover{color:#CCD3BE; text-decoration:none;	 }