/*

skin body

*/
#body{
	font-family:Arial,"Trebuchet MS",Georgia,Verdana, Lucida, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	text-align: left;
	background:url(images/bigimage.jpg) no-repeat top center; 
}

div{
    font-family:Arial,"Trebuchet MS",Georgia,Verdana, Lucida, Helvetica, sans-serif;
	font-size:12px;
	color:#333;}

.admin{text-align: left;}

*{padding:0;	margin:0;}

/*\*/
* html  {height: 1%;}
/**/
/*
	voice-family:"\"}\"";
	voice-family:inherit;	
*/
/*
ul,ol,li{list-style:none;}	
*/

a{color:#000000; text-decoration:none;}
a:hover{color:#223F7D; text-decoration:underline;}

h1,h2,h4{
	font-size:24px;
	color:#223F7D;
	padding-bottom:10px;
}
h4{font-size:21px;}
h3{
	color:#C00;
	font-size:20px;
	margin-bottom:10px;
}
.hide,
h1 b,
h2 b,
h3 b,
a i
{
     position: absolute;
     left: -9999px;
}



/*------------------------------Page Structure
*/
#outerwrap{
	width:978px;
	margin:21px auto 0 auto;
	text-align:left;
	/*background:url(images/mainbg.png) repeat-y;*/
}
/*\*/
* html #outerwrap{
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/mainbg.png", sizingMethod="scale");
}
/**/
#wrap{
	width:978px;
	padding:0 9px;
	background:url(images/maintop.png) no-repeat;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:960px;	
}
html>body #wrap{width:960px;}

/*\*/
* html #wrap{
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/maintop.png", sizingMethod="crop");
}

/*
*/
/*---------------------- Main Body
*/
#mainbody,#submain{
	width:900px;
	margin:23px auto;
	background:url(images/divider.gif) repeat-y 450px 0;
	overflow:hidden;
}
.leftside{
	float:left;
	width:450px;
}
.rightside{
	float:right;
	width:430px;
	overflow:hidden;
}
.center{
	float:left;
	width:210px;
}
.rightmost{
	float:right;
	width:210px;
	display: block;
	
}

#mainbody p{
	margin-bottom:25px;
	line-height:18px;
}
.boxarea {
	width:210px;
	background:url(images/boxYbg.gif) repeat-y;
	margin-bottom:10px;
}
.boxarea div{
	width:210px;
	background:url(images/topcorn.gif) no-repeat top left;
}
.boxarea div div{
	width:210px;
	background:url(images/btmcorn.gif) no-repeat bottom left;
	padding-bottom:11px;
}
.boxarea div div div{
	width:208px;
	background:url(images/boxXbg.gif) repeat-x 0 9px;
	margin:0 auto;
	padding:11px 15px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:178px;	
}

#bottom{border: solid 1px #000;}

html>body .boxarea div div div{width:178px;}

.boxarea h3{margin-bottom:13px;}

.boxarea label{
	color:#1A3E71;
	font-size:13px;
	display:block;
}
.boxarea select{
	width:100%;	height:22px;
	margin:4px 0 15px 0;
}
.boxarea input{
	float:left;
	margin-right:10px;
}


.btmarea{width:900px;}

.btmarea dd{
	display:block;
	float:left;
	width:210px;
	margin-right:10px;
}
.toppart{
	width:900px;
	overflow:hidden;
}

.btmarea .altdd{margin-right:40px;}
.btmarea .ignore{margin:0;}

.btmarea img{
	border:5px solid #DBEAF9;
	display:block;
	margin-bottom:10px;
}

img{border: none;}

#submain{background:none;}

.leftmost{
	float:left;
	width:670px;
	margin:5px;
}

#recipeDetail{float:left;}
#recipeDetail h3{font-family: "Trebuchet MS"; font-size: 14px; font-weight: bold;}
#recipeDetail h4, #linkRecipeNames h4{font-family: "Trebuchet MS"; font-size: 12px; font-weight: bold;}

.imgOnPackLabel{float: left; display:inline; margin-bottom: 5px; margin-right: 10px}

.left{
	float:right;
/*	
	float:left;
*/
	width:380px;
}

.Floatleft {float:left; width: 270px; vertical-align:middle;}

.left img{margin-bottom:20px;}

.middle{
	float:left;
/*
	float:right;
*/
	width:270px;
}

.btn{margin-bottom:10px; border: none;}

#leftTop{ min-height:300px;}

.option1{
	width:270px;
	border-top:1px solid #EAEAEA;
	border-bottom:1px solid #EAEAEA;
	margin-bottom:20px;
	padding:10px 0 2px 0;
	overflow:hidden;
}

.option1 img{
	display:block;
	float:left;
	margin-right:10px;
}

.option1 dd{
	display:block;
	padding-top:14px;
}
.option1 .leftitem{
	width:50px;
	float:left;
}

.option1 .rightitem{margin-left:10px;}

.icons{vertical-align: middle;}


.ToolButton{vertical-align: middle;}
.serves{height: 30px; border-bottom:1px solid #EAEAEA; margin-bottom: 10px;}
.bookMarks{display: none;}
.recipeLinks{display: none;}

.imgOnPackLabel{width: 70px; margin-bottom: 5px; margin-right: 10px; float: left; }
.ingredients{float: right; width: 190px}

#tools{height: 38px}
#tools, .tools{display: none}

/* changed for recipe detail
.txt p{
	line-height:18px;
	margin-bottom:20px;
	}
*/
.txt p{
	line-height:18px;
	margin-bottom:10px;
	}

.left h3{margin-bottom:10px;}
.left h4{font-size: 14px;}

.txt ul, .txt ol{margin-bottom:10px;}


.txt li{
	padding-left:10px;
	line-height:18px;
}

.txt ul li{
	background:url(images/bullets.gif) no-repeat 0 7px;
    list-style:none;
}

ol
{
    list-style-type:decimal;
	padding-left:26px;
	line-height:18px;
}

.content{border-top:1px solid #EAEAEA; 	border-bottom:1px solid #EAEAEA; margin-bottom:10px;	margin-top:10px; padding-bottom:10px;	padding-top:10px;}

.listitem li {
	border-top:1px solid #999;
	padding:10px 0;
}
.listitem .altli{
	border:none;
}
.listitem li a{	
	color:#419BCB;
	line-height:18px;
}
.conhold{
	width:670px;
	overflow:hidden;
}
.leftcon{
	float:left;
	width:322px;
}
.rightcon{
	float:right;
	width:322px;
}

.bigimage {margin-bottom:20px;}

/*---------------------- Footer */
#printftr{
	width:670px;
	margin: 0px 5px 5px 5px;
	height:50px;
	font-size:11px;
	color:#656565;
	text-align:center;
	border-top:1px solid #EAEAEA;
	/*
	background:#fff url(images/footerbg.gif) no-repeat top left;
*/
}

#printftr p{padding-top:13px;}
	
#printftr a{
	font-size:11px;
	text-decoration:none;
	color:#656565;
}

#printftr a:hover{text-decoration:underline;}
	
/*--------------------- Hack*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearAll {clear: both;}
.clearfix {display: inline-block;}

html[xmlns] .clearfix {display: block;}

* html .clearfix {height: 1%;}


#pro-navigator{display:none;}

