/*********************

*	general

**********************/

BODY {

	margin:0;

	padding:0;

	font: 11px Arial;

}
.area-holder{ background:#EEEBE6; margin:0}


A {

	color: #007FA8;

	text-decoration:none;

}



A:hover {

	color: #E7790A;

	text-decoration:underline;

}



FORM {

	margin:0;

	padding:0;

}



.separator {

	margin:0 5px;

}



.smallsep {

	color: #E87709;

}



BUTTON {

	border: none;

	padding:0;

	background-color: transparent;

	vertical-align:middle;

}



.item {

	padding: 6px 0;

	background: url(/images/layout/line_dotted.gif) bottom left repeat-x;	

}



/*	Footer Elements - legal, logos, etc */

.legal {

	font: 10px verdana;

	padding:4px 10px 12px 180px;

	color: #000000;

	float:left;

	margin: 13px 0 0 0;

}



.legallogos {

	float:left;

	padding-left:50px;

	padding-top:5px;	

}



.legal A {

	color: #0033FF;

	text-decoration:underline;

}



.legal A:hover {

	color: #E7790A;

}



#smalllogoleft {

	border-right: solid 1px #CCC;

	padding-right:3px;

}



#smalllogoright {

	margin-left:5px;

}



/* large photo on case study, etc pages */

.mainphoto {

	background: transparent url(/images/layout/bg_mainphoto_left.gif) left no-repeat;

}



.mainphoto IMG {

	background: transparent url(/images/layout/bg_mainphoto_right.gif) right no-repeat;

	padding: 13px 15px 13px 4px;

	margin-left: 7px;	

}



/* big OU logo */

#mainlogo {

	padding-left:10px;

}



/***********************

*	structure

***********************/

#maincontainer {

	background: #FFF url(/images/layout/bg_consumer.gif) top left repeat-y;

	width:809px;

	float:left;

}



#maincontainer.home{

	width:100%;

	float:left;

	position:relative;

	overflow: hidden;

	background:none;

	height:369px;

}



#homecontainer {

	float:left;

	width: 100%;

	background: #FFF url(/images/layout/bg_homepage.gif) top left repeat-y;	

}



#left, #right {

	width:162px;

	float:left;

	display:inline;

}



.home #left {}



#center {

	width:470px;

	float:left;

	padding-left: 15px;

	/* background used for the bg of the logo */

	background: url(/images/layout/bg_logo.gif) top left no-repeat;

}



.pro #center {

	width:630px;

}



.home #center {

	padding-left:5px;

	padding-right:6px;

	background: none;

	width:475px;

}



.home #right {

	padding-left:6px;

}



#footer {

padding-top: 70px;

float:left;

}



/***********************

*	form

***********************/

.textfield {

	border: solid 1px #D3CCBE;

	margin:0;

	font: tahoma;

}



/***********************

*	quick search (left side)

***********************/

#quicksearch {

	padding: 100px 12px 0 0;

	text-align:right;

}



/*quick search on homepage */

#homecontainer #quicksearch {

	padding-top:0;

	float:left;

	width:140px;

}



#quicksearch .textfield {

	width: 105px;

	height: 18px;

	font-size: 10px;

	padding: 0 0 0 1px;

	color: #C1C1C1;

}



#quicksearch BUTTON {

	margin:0;

	vertical-align:top;

}



#quicksearch P {

	margin:10px 0 0 0;

	padding:0;

}



/***********************

*	left nav

***********************/

#leftnav {

	padding-left:20px; 

	padding-top: 65px;

}



/*leftnav specific CSS for professional and home pages */

.pro #leftnav, .home #leftnav {

	margin: 12px 10px 0 0;

	padding-top: 20px; 

	padding-left: 0;

	background: #F0EDE9 url(/images/layout/bg_rightcurve.gif) top right no-repeat;

	text-align: right;

}



.home #leftnav {

	margin-right: 7px; 

	margin-top: 0;



}



#leftnav H2 {

	margin: 3px 0;

	font-weight:normal;

	font-size:11px;

	color: #5F4838;

}



#leftnav .textfield {

	border-top: solid 2px #969696;

	border-left: solid 2px #969696;

	border-bottom: none;

	border-right: none;

	width: 90px;

	vertical-align:middle;	

	color: #666;

}



#leftnav .item {

	width: 125px;

}



#leftnav UL {

	padding:0;

	margin:0;

	list-style:none;

}



/*leftnav specific CSS for professional and home pages */

.pro #leftnav UL, .home #leftnav UL {

	margin:0;

	padding: 0 0 200 0px;

	list-style:none;

}





/* white bottom border for IE compatibility*/

#leftnav LI {

	background: url(/images/layout/line_dotted.gif) top left repeat-x;

	padding: 2px 0 0 0;

	border-bottom: solid 1px #FFF;

}



/*leftnav specific CSS for professional and home pages */

.pro #leftnav LI, .home #leftnav LI {

	background: none;

	padding: 2px 0 0 0;

}





#leftnav LI A {

	display:block;

	padding-left: 16px;

	padding-bottom:3px;

	background: url(/images/nav/bullet_leftnav.gif) top left no-repeat;

}



/*leftnav specific CSS for professional and home pages */

.pro #leftnav LI A, .home #leftnav LI A {

	background: none;

	padding-left: 0;

	padding-right:5px;

}



/***********************

*	breadcrumbs & headlines

***********************/

#breadcrumb {

	padding-bottom:7px;

}



#breadcrumb .arrow {

	margin: 0 10px;	

}



.headline {

	padding-left:5px;

}



.home .headline {

	padding-bottom:12px;

}



/***********************

*	subpage list content

***********************/

#subpage {

	font: 12px Arial;

}



#subpage .item A {

	font: bold 12px "Arial";

}



#subpage .item {

	margin-right:60px;

}



/* item class for pro page*/



.pro #subpage .item {

	margin-right:10px;

}



 #subpage TABLE.prolistitem {

 	padding-top:8px;

	font: 12px Arial;

 }

 

 #subpage TABLE.prolistitem TD {

 	vertical-align:top;

 }

 

 #subpage TABLE.prolistitem UL {

 	list-style:none;

	padding:0;

	margin:0;

 }



 #subpage TABLE.prolistitem .date {

 	padding-bottom:8px;

 }



 #subpage TABLE.prolistitem .productbrand {

 	width:160px;

	text-align:center;

 }

 

/* use for narrow pages -- like case studies*/

.narrow {

	padding-left:155px;

	width:310px;

}



/************************

*	text styling

************************/

.maintext {

	color: #666;

}



.maintext P {

	margin-top: 0;

	line-height: 150%;

}	



.maintext H2 {

	font-size: 12px;

	font-weight:bold;

	margin-bottom:0;

}



/**********************************

*	rightnav consumer / leftnav pro

**********************************/



#rightnav {

	margin: 80px 0 0 6px; 

	background: #EAEFEB url(/images/layout/bg_leftcurve.gif) bottom left no-repeat;

}



.home #rightnav {

	margin: 0;

}



#rightnav .headerimage {

	border-bottom: solid 4px #FFF;

	margin-bottom: 20px; 

}



#rightnav UL {

	margin:0;

	padding: 0 0 70px 0;

	list-style:none;

}



#rightnav UL UL {

	padding: 0;

}



.toplvlnavoff, .toplvlnavon  {

	border-bottom: solid 1px #FFF;

	padding:5px 0 5px 9px;

	text-transform: uppercase;

}



.toplvlnavoff {

	color: #808080;

}



.toplvlnavoff A, UL.subnav A{

	color: #808080;

}



.toplvlnavoff A:hover, UL.subnav A:hover {

	color: #E7790A;

	text-decoration:underline;

}



.toplvlnavon {

	background-color: #DBE5DB;

}



.toplvlnavon A{

	color: #E87809;

}



.pro #leftnav .toplvlnavon, .home #leftnav .toplvlnavon  {

	background-color: #E97809;

	font-weight: bold;

}



.pro .toplvlnavon A, .home #leftnav .toplvlnavon A  {

	color: #FFF;

}



UL.subnav {

	padding: 6px 0 10px 6px;

}



UL.subnav LI {

	padding: 3px 0;

	text-transform: none;

	color: #808080;

}



/*********************

*	toggle NAVs

**********************/



#basics_subnav  ul A { font-weight: normal; }

#basics_subnav  ul { background-color: #E9E4DE; }

#basics_subnav  li {	border-bottom: solid 1px #E9E4DE; margin-right: 15px;}



#proLearn_subnav  A { font-weight: normal;	}

#proLearn_subnav  ul { background-color: #E9E4DE;	}

#proLearn_subnav  li { border-bottom: solid 1px #E9E4DE; margin-right: 15px;	}



#learn_subnavl A { font-weight: normal; }

#learn_subnav ul { background-color: #BECCC1;}

#learn_subnav li {margin-left: 15px; }



#recipe_subnav  A { font-weight: normal; }

#recipe_subnav ul {background-color: #BECCC1;  }

#recipe_subnav li { margin-left: 15px; }



/*********************

*	homepage 

**********************/



#homepageheader {

	background: url(/images/layout/bg_homepageheader.gif) left top no-repeat;

	width: 478px;

	float:left;

	padding-top:0;

	margin-left: 39px;

}



#homepageheader #mainlogo {

	padding-left:14px;

}



#homepageintro {

	width: 470px;

	float:left;

	padding-top:10px;

	

}



*html #homepageheader {

	margin-left: 32px;

}



*html #homepageintro {

	margin-left:165px;

}



#homepagetext H2 {

	margin-top:0;

}



#homepagetext {

	float: left;

	width:300px;

	padding:10px 0 0 10px;

}



#homepagetext A {

	color: #FE6700;

}



/* homeslide is the table that moves */

#homeslide {

	font-size: 11px;

}



#homeslide TD {

	vertical-align:top;

}



/*---------------*/

/*Home Page Login Box styles*/

/*---------------*/



.oudirect-login {float:left; margin:10px 0 0 20px; width:155px; padding:5px 0 0 0; background: url(http://www.oukosher.org/images/icons/rounded-green-home.png) no-repeat;}

.oudirect-login img {padding:0 5px;}

.oudirect-login .copy{font: bold 11px arial, sans-serif; padding:0 0 0 5px; color:#333333; line-height:16px; width:140px;}

.oudirect-login a, .oudirect-login a:hover {width:50px; height:18px; display:block; background:#666666; font: bold 11px/18px arial, sans-serif; color:#F8F9F4; padding:0 0 0 5px; margin:5px 0 0 0}

.oudirect-login a:hover {background:#F8F9F4; color:#666;}























#right-dev {width:210px; float:left; display:inline; padding: 0 0 0 5px;}



#rightnav-dev {margin: 0 0 0 0; background: #EAEFEB url(/images/layout/bg_toprightcurve.gif) top left no-repeat;}



#rightnav-dev ul{margin:0 0 0 0; padding: 20px 0 50px 0; list-style:none;}

#rightnav-dev ul li{color: #808080;	font: 11px Arial, sans-serif; border-bottom: solid 1px #fff;  padding:5px 0 5px 10px; margin: 0; text-transform: uppercase;}

#rightnav-dev ul li img{padding:0 0 0 -5px;}

#rightnav-dev ul li a{color: #808080;  }

#rightnav-dev ul li a:hover{color: #E7790A;	text-decoration:underline;}

* html #rightnav-dev ul li{height: 1%;} /*  Holly hack to fix bullets and rules*/

* html #rightnav-dev ul li a{color: #808080; }



li#rightnav-dev #active {color: #E87809; background-color:#DBE5DB; }

li#rightnav-dev #active a {color: #E87809; background-color:#DBE5DB; }



#rightnav-dev ul ul{list-style:none; padding: 0!important;  background-color: #BECCC1; border-top: solid 1px #fff;}

#rightnav-dev ul ul li{	color: #808080; font: 11px Arial, sans-serif;	padding: 5px 0 5px 20px; border-bottom: 0; text-transform: capitalize;}

#rightnav-dev ul ul li a{color: #808080; display:block;}

#rightnav-dev ul ul li a:hover{color: #E7790A;	text-decoration:underline;}

* html #rightnav-dev ul ul{margin:4px 0 -4px -10px; background-color: #BECCC1;}

* html #rightnav-dev ul ul li{height: 1%;} /*  Holly hack to fix bullets and rules*/

* html #rightnav-dev ul ul li{color: #808080; font: 11px Arial, sans-serif;	padding: 5px 0 5px 20px; border-bottom: 0; text-transform: capitalize;} 



li#active-sub {color: #808080; background-color:#E1F6E1; }

li#active-sub a {color: #808080; background-color:#E1F6E1;}



 * html li span.passover-link{ font-weight:bold; font-size:13px; color:#E55F00;}

 * html li span.update-2008{

		font:11px arial;

		color:#701825;

		text-transform: lowercase;

		letter-spacing:1px

}





span#kosher-com-ad{ width:210px; text-align:center; display:block;}

span#kosher-com-ad img{ border:none; margin:0; padding:0; background:none;}

span#kosher-com-ad a.image{ border:none; margin:0; padding:0; background:none;}

span#kosher-com-ad a.image:visited{ border:none; margin:0; padding:0; background:none;}

span#kosher-com-ad a.kfo{ border:none; margin:0; padding:0; background:none; font:bold 12px arial; color:#d1461d; padding:10px 0; display:block;}

span#kosher-com-ad a.kfo:visited{ border:none; margin:0; padding:0; background:none;}