﻿/* TEST */

.linkbox {
	border:1px solid #888;
	background:#f9f9f9;
	padding:10px;
	margin-bottom:1em;
	}
	
.hovering {
	background:#ccc;
	border-color: #ccc;
	cursor:pointer;
}

/* END TEST */



#cookBook
{
	width: 471px;
	height:116px;
    padding: 0 0 0 0;
}

#cookBook2
{
	width: 471px;
	height:116px;
    padding: 0 0 0 0;
}

#cookBook3
{
	width: 471px;
	height:116px;
    padding: 0 0 0 0;
}

#cookBook4
{
	width: 471px;
	height:116px;
    padding: 0 0 0 0;
}

#cookBook5
{
	width: 471px;
	height:116px;
    padding: 0 0 0 0;
}


/* CookBook by amount of boxes 
--> Just positioning and size
*/

/*********************/
/* 5 boxes */
/*********************/
.cookBook5boxesStyle{
	 width: 90px;
	 margin:0 0 0 5px;
	 padding: 0px;
	 vertical-align:top;
	 float: left;
}
.cookBook5BoxesStyleFirst{
	 width: 90px;
	 margin:0 0 0 0px;
	 padding: 0px;
	 float: left;
}
.cookBook5BoxesStyleLast{
	 width: 90px;
	 right:	0px;
	 float: right;
}
/*********************/
/* 4 boxes */ 
/*********************/
.cookBook4BoxesStyle{
	 width: 114px;
	 margin:0 0 0 5px;
	 padding: 0px;
	 vertical-align:top;
	 float: left;
}
.cookBook4BoxesStyleFirst{
	 width: 114px;
	 margin:0 0 0 0px;
	 padding: 0px;
	 float: left;
}
.cookBook4BoxesStyleLast{
	 width: 114px;
	 right:	0px;
	 float: right;
}
/*********************/
/* 3 boxes			*/
/*********************/
.cookBook3BoxesStyle{
	 width: 153px;
	 margin:0 0 0 6px;
	 padding: 0px;
	 vertical-align:top;
	 float: left;
}
.cookBook3BoxesStyleFirst{
	 width: 153px;
	 margin:0 0 0 0px;
	 padding: 0px;
	 float: left;
}
.cookBook3BoxesStyleLast{
	 width: 153px;
	 right:	0px;
	 float: right;
}
/*********************/
/* 2 boxes */
/*********************/
.cookBook2BoxesStyleFirst{
	 width: 233px;
	 margin:0 0 0 0px;
	 padding: 0px;
	 float: left;
}
.cookBook2BoxesStyleLast{
	 width: 233px;
	 right:	0px;
	 float: right;
}
/*********************/
/* 1 box			*/
/*********************/
.cookBook1BoxStyle{
	 width: 471px;
	 margin:0 0 0 0px;	
	 padding: 0px;
	 float: left; 
}

/**************************************/
/* CookBook NOT ACTIVE, LEFT, RIGHT   */
/**************************************/

.cookBookNotActive{
	display: block;	
	text-align:left;
	vertical-align:top;
}

	
.cookBookNotActive .bgLeft{
	float:left;
	background:#FFFFFF url(../img/bgCookBookNotActiveLeft.jpg);
	height:116px;
	width:4px;
}


.cookBookNotActive .bgRight{
	float:left;
	background:#FFFFFF url(../img/bgCookBookNotActiveRight.jpg);
	height:116px;
	width:4px;
}
/*****************************************************/
/* CookBook NOT ACTIVE MIDDLE for all sizes			 */
/*****************************************************/
.cookBookNotActive .bgMiddle5Boxes{
	float:left;
	background:#FFFFFF url(../img/bgCookBookNotActive.jpg);
	height:116px;
	width:82px;
}
.cookBookNotActive .bgMiddle4Boxes{
	float:left;
	background:#FFFFFF url(../img/bgCookBookNotActive.jpg);
	height:116px;
	width:106px;
}
.cookBookNotActive .bgMiddle3Boxes{
	float:left;
	background:#FFFFFF url(../img/bgCookBookNotActive.jpg);
	height:116px;
	width:145px;
}
.cookBookNotActive .bgMiddle2Boxes{
	float:left;
	background:#FFFFFF url(../img/bgCookBookNotActive.jpg);
	height:116px;
	width:225px;
}
.cookBookNotActive .bgMiddle1Box{
	float:left;
	background:#FFFFFF url(../img/bgCookBookNotActive.jpg);
	height:116px;
	width:463px;
}




/*********************/
/* CookBook ACTIVE   */
/*********************/

.cookBookActive{
	display: block;
	text-align:left;
	vertical-align:top;
}

.cookBookActive .bgLeft{
	float:left;
	background:#FFFFFF url(../img/bgCookBookActiveLeft.jpg);
	height:116px;
	width:4px;
}


.cookBookActive .bgRight{
	float:left;
	background:#FFFFFF url(../img/bgCookBookActiveRight.jpg);
	height:116px;
	width:4px;
}


/*****************************************************/
/* CookBook ACTIVE MIDDLE for all sizes			 */
/*****************************************************/

.cookBookActive .bgMiddle5Boxes{
	float:left;
	background:#FFFFFF url(../img/bgCookBookActive.jpg);
	height:116px;
	width:82px;
}
.cookBookActive .bgMiddle4Boxes{
	float:left;
	background:#FFFFFF url(../img/bgCookBookActive.jpg);
	height:116px;
	width:106px;
}
.cookBookActive .bgMiddle3Boxes{
	float:left;
	background:#FFFFFF url(../img/bgCookBookActive.jpg);
	height:116px;
	width:145px;
}
.cookBookActive .bgMiddle2Boxes{
	float:left;
	background:#FFFFFF url(../img/bgCookBookActive.jpg);
	height:116px;
	width:225px;
}
.cookBookActive .bgMiddle1Box{
	float:left;
	background:#FFFFFF url(../img/bgCookBookActive.jpg);
	height:116px;
	width:463px;
}


/************************************/
/*		cookBookColumnRightBox		*/
/************************************/

.cookBookColumnRightBox{
display: block;
height:435px;
width:230px;
text-align:left;
vertical-align:top;
margin: 0 0 0 0;
}

.cookBookColumnRightBox .bgHeader{
	background:#FFFFFF url(../img/bgCookbookDownloadHeader.jpg) repeat-x top left;	
	height:27px;
	text-align:left;
}

.cookBookColumnRightBox .bgContent{
	background:#F2F4F7;	
	width:230px;
	padding:0 0 30px 0;
}


.cookBookColumnRightBox .bgFooter{
	background:#FFFFFF url(../img/bgCookbookDownloadFooter.gif);
	height:2px;
	width:230px;
}

.headerPadding{
	padding:5px 0 0 15px;
}