/**********  Header css ****************************/

#header{
	border:1px #FFFFFF solid;
	width:780px;
	height:143px;
	background-image:url(../images/headerpix/home.jpg);
}

#header a {
	width:150px;
	height:103px;
	display:block;
	float: left;
}


#header ul{
	color: #fff;
	clear:left;
}


#header ul li { display: inline;}


#header ul li a, #header ul li input{
	color: #fff;
	width:195px;
	height:35px;
	text-decoration: none;
	padding-top:5px;
	float: left;
}

#header ul li a:hover{
	color: #fff;
}

/**********  End Header css ****************************/

/********** Middle Container **************************/

#main_container{
	border-left:1px #FFFFFF solid;
	border-right:1px #FFFFFF solid;
	width:780px;

}


#hm_leftSide_container{
	width:390px;
	height:435px;
	float:left;
}

#hm_leftSide_header{
	border-bottom:1px #FFFFFF solid;
	width:390px;
	height:35px;
	background-color:#3f9fd5;

}

#hm_leftSide_header h2{
	font-size:12px;
	font-weight:bold;
	text-align:left;
	padding:11px 0 0 15px;
}

#hm_leftSide_header h2 a{
	color:#FFFFFF;
	text-decoration:none;
}

#hm_leftSide_header ul.today{
	margin-top: -1.76em;
	*margin-top: -1.26em;
	padding: 0 1.22em 0 0;
	color: #FFF;
	font-weight: bold;
	font-size:11px;
	text-align: right;
}


#hm_leftSide_header ul li {
	display: inline;
}

#hm_leftSide_header ul li.amount{
	padding-right:5px;
	color: #fff;
	text-decoration: none;
}

#hm_leftSide_header ul li a{

	padding-left:2px;
	color: #fff;
	width:200px;
	text-decoration: none;
}

#hm_leftSide_header ul li a:hover{
	color:#0079ac;
}

#hm_leftSide_header ul li a.current{
	font-size:11px;
	color:#fff;
}




#hm_leftSide{
	border-bottom:1px #FFFFFF solid;
	width:390px;
	height:400px;
	/*background-image:url(../images/hm_recipeBox/hm_rec_bkgrd.gif);*/
}

#hm_leftSideTop{
	text-align:left;
	width:390px;
	height:204px;
}
#hm_leftSideTop h2{
	width:275px;
	color:#3f9fd5;
	line-height:33px;
	font-weight:400;
	font-size:30px;
	text-align:left;
	padding:15px 0 10px 15px;
}
#hm_leftSideTop p{
	width:175px;
	color:#666;
	line-height:17px;
	text-align:left;
	padding:0px 0 0 15px;
}
#hm_leftSideTop p.link{
	width:175px;
	line-height:17px;
	text-align:left;
	padding:10px 0 0 15px;
}
#hm_leftSideTop p img{
	padding:0px 0 0 5px;
}
#hm_leftSideTop a{
	text-decoration:none;
	font-weight:bold;
	color:#3f9fd5;
}

#hm_leftSideTop a:hover{
	color:#FF0000;
}



#hm_recipesBoxTitle{
	
	padding:5px 5px 2px 10px;
	color:#000000;
	background-color:#ededed;
	border-top:1px #ffffff solid;
	/*border-top:1px #ffffff solid;
	background-color:#eee;*/
}

#hm_recipesBoxTitle h2{
	font-size:16px;
	color:#3f9fd5;
	text-align:left;
}

#hm_recipesBox{
	padding:0px 5px 0px 5px;
	height:85px;
	color:#000000;
	background-color:#ededed;
	
	/*background-color:#eee;*/
}
#hm_recipesBox img.recipepic{
	border:2px #aaaaaa solid;
	margin:5px;
	float:left;
}

#hm_recipesBox h2{
	font-size:12px;
	color:#666;
	line-height:10px;
	text-align:left;
	padding:5px 0 0 5px;
}

#hm_recipesBox p{	
	color:#666;
	line-height:17px;
	text-align:left;
	padding:5px 5px 0 5px;
}
#hm_recipesBox a{
	text-decoration:none;
	font-weight:bold;
	color:#3f9fd5;
}

#hm_recipesBox a:hover{
	color:#FF0000;
}

/********************* rightside TOP *****************************************/

#hm_rightSide_container{
	border-left:1px #FFFFFF solid;
	width:389px;
	height:435px;
	float:left;
}


#hm_rightSide_header{
	border-bottom:1px #FFFFFF solid;
	width:389px;
	height:35px;
	background-color:#bbc874;

}

#hm_rightSide_header h2{
	font-size:12px;
	font-weight:bold;
	text-align:left;
	padding:11px 0 0 15px;
}

#hm_rightSide_header h2 a{
	color:#FFFFFF;
	text-decoration:none;
}


#hm_rightSide_header ul.pause{
	margin-top: -1.76em;
	*margin-top: -1.26em;
	padding: 0 1.22em 0 0;
	color: #FFF;
	font-weight: bold;
	font-size:11px;
	text-align: right;
}


#hm_rightSide_header ul li { display: inline;}

#hm_rightSide_header ul li a{
	padding:0 2px 0 0;
	color: #fff;
	width:195px;
	text-decoration: none;
	
}
#hm_rightSide_header ul li a.pausebtn{
	padding:0 5px 0 0;
	
}

#hm_rightSide_header ul li a:hover{
	color:#999966;
}


#hm_rightSide{
	border-bottom:1px #FFFFFF solid;
	width:389px;
	height:212px;
}


#loaderdiv{
	text-align:left;
	margin:0;
	padding:5px;	
}

#loaderdiv p{
	font-weight:bold;
	color:#ee1b2e;
}

#loaderdiv2{
	text-align:left;
	margin:0;
	padding:5px;	
}

#loaderdiv2 p{
	font-weight:bold;
	color:#ee1b2e;
}
