
/* CSS Document */

body {
margin: 0; padding: 0;
text-align: left;
background-image: url(../images/background_gradient.jpg);
background-repeat: repeat-x;
background-color: #ff5f1b;
color: #000000; 
font-family:Arial;

}

.Left 
{
	float: left;
}

.Right 
{
	float: right;
}
.Clear
{
	float:none;
	clear:both;
	font-size:0px;
}
h1 
{
	margin-top: 4px;
	margin-bottom: 4px;
	color: #F9431B;
	font-size: 19px;
	font-family: Times, serif;
	font-weight:normal;
}
a, a img {
	border: 0;
	text-decoration: none;

}

a 
{
	color: #fe793c;
}

.TitleArea 
{

}
.CenterAreaSingle 
{
	padding: 20px;
	margin-bottom:20px;
}

.NoBG .CenterAreaSingle 
{
	padding-left: 0px;
	padding-top: 0px;
	padding-right:0px;
	
	margin-bottom:20px;
}

.LeftArea
{
	width: 210px;
	float: left;
	padding-top: 20px;
	padding-left: 20px;
}
.CenterAreaTwo
{
	width: 380px;
	float: left;
	padding-left: 10px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 10px;
}
.BottomArea
{
	
}
.RightArea
{
	padding-top: 0px;	
}



/* Defined Styles */
.pages-header, .PHD {
	color: #F9431B;
	font-size: 19px;
	font-family: Times, serif;
}
h2, .recipe_summary, .RSM {
	color: #F9431B;
	font-size: 16px;
	font-family: Times, serif;
	margin:0px 0px 0px 0px;
}
h3
{	
	color: #666666;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-bottom:5px;
}
.promo-header, .PTT {
	color: #3E8FBA;
	font-size: 19px;
	font-family: Times, serif;
}
.f-recipe-title, .FRT {
	color: #FFFFFF;
	font-size: 19px;
	font-family: Times, serif;
}

body, .body, .BDCP {
	color: #666666;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
.next-to-nav, .NB {
	color: #666666;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.inpage_sub, .SBH, .InstructionsTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #999999;
}
.ninfo, .LHB {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
.footer, .FTR {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #993300;
}
.homeproduct, .PRNM {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
}
.daynames, .DFRC {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

p
{
	margin-top:0px;
}
/******************/
/*--------------- HEADER BEGINS -----------------*/

#header {
position: relative;
width: 963px;
height: 80px;
background-color: #fff;
}

#globalNav {
position: absolute;
left: 570px;
top: 15px;

width: 370px;
text-align: right;
}

#globalNav a {
color: #666666;
cursor:pointer; cursor:hand;
}
#globalNav ul 
{
	margin:0px 0px 0px 0px;
}
#globalNav ul li {
padding: 0;
margin: 0 5px 0 0;
list-style-type: none;
display: inline;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
color: #666666;
}

#main_nav {
position: absolute;
left: 220px;
top: 40px;

}

#main_nav ul , #main_nav li {
padding: 0;
margin: 0;
list-style-type: none;
display: inline;
}

#searchBox, .pnlSearchBox {
position: absolute;
left: 755px;
top: 40px;
width: 190px;
height: 23px;
background-image: url(../images/searchBox.jpg);
background-repeat: no-repeat;
} 

#searchBox #s, .searchBox {
float: right;
padding: 0px 0px 0px 0px;
margin:  5px 20px 0px 0px;
border: 0;
width: 140px;
background: none;
color:#000000;
font-family:Verdana;
font-size:12px;
}

.goSearch {
float: left;
margin: 3px 0 0 0;
width: 18px;
height: 18px;
}

.logo {
margin-left: 27px;
}

/*-------------- HEADER ENDS ------------------*/
/*----------- Footer -----------------*/
.Footer 
{
	margin-top:10px;
}
#footer 
{
	margin: 0 auto; 
	position: relative;
	width: 963px;
	height: 30px;
	background-color: #ff5f1b;
}

img.copy {
	position: absolute;
	left: 5px;
}

#copyright
{
	margin-top: 3px;
	margin-left: 15px;
	float: left;
}
#footnav {
	float: right;
	margin-top: 3px;
	margin-right:15px;
}

#footnav ul , #footnav li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: inline;
}

#footnav .divider
{
	margin: 0 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #993300;
}

#footnav a, #footnav a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #993300;
}



/*  bottom panel css */
.pnl_bottom_top
{
	background-image: url(../images/pnl_bottom/pnl_bottom_top.png);
	height: 9px;
	width: 913px;	
	margin-left: 26px;
	margin-top: -10px;
}

.pnl_bottom_mid
{
	background-image: url(../images/pnl_bottom/pnl_bottom_mid.png);
	background-repeat:repeat-y;
	width: 913px;	
	padding-left: 10px;
	padding-right: 4px;
	margin-left: 27px;
}

.pnl_bottom_btm 
{
	background-image: url(../images/pnl_bottom/pnl_bottom_btm.png);
	 background-position:left bottom;
	width: 913px;
	height: 8px;
	margin-left: 26px;
	font-size:0px;
}



span.Red
{
	color:#FF6600;
}


div.Sep 
{
	border-top: solid 1px #e7e7e7;
	
}

.tpProducts 
{
	
	width: 368px;
	font-size: 12px;
	
	
}
.InstructionsLine
{
	padding-bottom:3px;
	border-bottom:solid 1px #E7E7E7;
}

.DottedHeader 
{
	background:url(../images/verticle_dot.gif) repeat-y left;
	padding-left:8px;
	padding-top:6px;
	padding-bottom:6px;
	
}

/*  TABS default layout */
.tpProducts .ajax__tab_header {white-space:nowrap;}
.tpProducts .ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.tpProducts .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.tpProducts .ajax__tab_tab {overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}

.ajax__tab_header
{
	white-space:nowrap;
	border-bottom:solid 1px #E7E7E7;
	/*background:url(../images/verticle_dot.gif) repeat-y right;*/
}
.ajax__tab_outer
{
	/*background:url(../images/verticle_dot.gif) repeat-y left;*/
	margin-right:4px;	
}
.ajax__tab_inner
{		
	background:url(../images/recipeFinder/arrow-right-grey.gif) no-repeat right;
	padding-right:14px;
}



.ajax__tab_tab
{
	overflow:hidden;
	text-align:center;
	cursor:pointer;	
	color: @999999;

	padding-top:0px;
	padding-bottom:0px;
	font-weight:normal;
	padding-left:4px;
	padding-right:4px;
	margin-left:5px;
	margin-right:5px;
	font-size: 11px
	
}



.ajax__tab_hover .ajax__tab_outer {margin-right:4px}
.ajax__tab_hover .ajax__tab_inner {}
.ajax__tab_hover .ajax__tab_tab {}
.ajax__tab_active .ajax__tab_outer 
{ 
	
/*	background:url(../images/verticle_dot.gif) repeat-y left;*/
	margin-right:4px
}

.ajax__tab_active .ajax__tab_inner 
{
	background:url(../images/recipeFinder/arrow-down-orange.gif) no-repeat right;
	padding-right:14px;
	
}
.ajax__tab_active .ajax__tab_tab 
{
	color: #ff5e1b;
}


.ajax__tab_body 
{
	
	border:0px solid white;
	/*border-bottom:1px solid #e7e7e7;*/
	
	border-top:0;
	/*padding:8px;*/
	padding-top:8px;
	padding-bottom:8px;
	background-color:#ffffff;
	min-height: 250px;
	width: 385;
}


.tpNutrition
{
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
}

/*  TABS default layout */
.tpNutrition .ajax__tab_header {white-space:nowrap;}
.tpNutrition .ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.tpNutrition .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.tpNutrition .ajax__tab_tab {overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}


.modalBackground
{
	background-color:Black;
    filter:alpha(opacity=70);
    opacity:0.7;
    position:absolute;
}
#LoginPanel
{
		position:absolute;
	z-index:2;

}
.LoginPanel
{
	position:absolute;
	z-index:1;

	padding:3px;

	width:524px;
	min-height:115px;
	margin-left:574px;
	margin-top:-85px;
	background-image:url(../images/loginboxwide.png);
	background-repeat:no-repeat;
	_height:115px;

	color:#ff5e1b;
	font-family:Arial;
	font-size:10px;	
}

.LoginPanel .MessagePanel
{
	min-height:15px;
	width:366px;
	margin-top:7px;
	margin-left:5px;

	color:White;
	font-family:Arial;
	font-size:12px;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	#padding-bottom:0px;
	font-weight:bold;
}

.LoginPanel .LoginHeader 
{
	background-image: url(../images/recipeFinder/recipe-title-gradient_tall.jpg);
	background-repeat:repeat-x;
	background-color:Transparent;
}

.LoginPanel .InvalidHeader 
{
	background-image: none;
	background-repeat:repeat-x;
	background-color:Red;
}

.LoginPanel .ContentPanel
{
	margin-left:10px;
	margin-right:10px;
}

.LoginPanel .ContentPanel .LoginLabel
{
	color:#ff5e1b;
	font-family:Arial;
	font-size:10px;	
	text-align:right;

}

.LoginPanel .ContentPanel .LoginField
{
	font-size:9px;
	height:10px;
}

.LoginPanel .ContentPanel .LoginEmail
{
	width:155px;
}


.CNYBadge
{
	margin-left:2px;
	margin-top:-3px;
}