/* 
######################################################################################
######                                                                        #######
######     COMPETITIONS	                                              	     #######
######                                                                      #######
##################################################################################
*/

#mainbody 
{
    width:690px;
}

/********************************************************************************/
/***** HEADERS *****************************************************************/
/******************************************************************************/

#mainbody h1 {
		position: relative;
		z-index: -10;
	}

#mainbody h2 {
	text-transform: uppercase;
	color: #249741;
	margin: 0 0 15px 0;
	padding: 0;
	font-weight: normal;
	font-size: 1.9em;
}


/********************************************************************************/
/***** CONTENT *****************************************************************/
/******************************************************************************/

#mainbody p { width: 500px; }

#mainbody .links
{
    clear: both;
}
#mainbody .links p, 
#mainbody .competition .links p
{
    overflow: hidden;
    width: auto;
    float: left;
}

#mainbody p a {
    background: #fff url(../../../images/generic/icon-btn.gif) no-repeat scroll 0 9px;
    text-decoration: none;
    display: inline-block;
    float:left;
    font-weight:bold;
    margin:0 10px 0 0;
    padding:12px 0 3px 20px;
}

#mainbody p a:hover,
#mainbody p a:focus { background-position: 1px 9px; }

#mainbody p a.enter {
    background: transparent url(../../../images/pagespecific/competitions/sprite-enter.gif) no-repeat scroll 0 0;
    height:40px;
    width:170px;
    padding: 1px 0 0 20px;
}

#mainbody p a.enter:focus,
#mainbody p a.enter:hover { background-position: 0 -39px; }

#mainbody p a.enter span {
    position: relative;
    z-index: -10;
}

/********************************************************************************/
/***** competition specific *****************************************************************/
/******************************************************************************/

.competition 
{
    overflow: hidden;
    width: 690px;
}

.competition h2 span
{
    position: relative;
    z-index: -10;
}

.competition1
{
    background: transparent url(../../../images/pagespecific/competitions/icon-fridge.gif) no-repeat scroll top right;
}

.competition1 h2
{
    background: transparent url(../../../images/pagespecific/competitions/h2-win-smeg.gif) no-repeat scroll 0 0;
    height:108px;
    width:489px;
}

.competition2
{
    background: transparent url(../../../images/pagespecific/competitions/icon-bread.gif) no-repeat scroll top right;
}

.competition2 h2
{

    background: transparent url(../../../images/pagespecific/competitions/h2-win-bread-maker.gif) no-repeat scroll 0 0;
    height:104px;
    width:561px;
}

.competition3 h2
{
    background: transparent url(../../../images/pagespecific/competitions/h2-win-family-cooking.gif) no-repeat scroll 0 0;
    height:108px;
    width:526px;
    float: left;
}

.competition3 .icon
{
    background: transparent url(../../../images/pagespecific/competitions/icon-oven.gif) no-repeat scroll top right;
    display:block;
    float:right;
    height:134px;
    width:148px;
}

.competition3 .icon:hover
{
    background-position: 0 -134px;
}

.competition4
{
    background: transparent url(../../../images/pagespecific/competitions/icon-plate.gif) no-repeat scroll top right;
}

.competition4 h2
{
    background: transparent url(../../../images/pagespecific/competitions/h2-win-healthy-cooking.gif) no-repeat scroll 0 0;
    height:107px;
    width:480px;
}

/* pack shot */

#mainbody .competition2 p,
#mainbody .competition3 p,
#mainbody .competition4 p
{
    width: 400px;
    float: left;
}

#mainbody .competition2 img,
#mainbody .competition3 img,
#mainbody .competition4 img
{
    clear:right;
    float:right;
    margin:0 130px 0 0;
}

#mainbody .competition2 img {
    margin: 47px -7px 0 0;
}
#mainbody .competition3 img {
    margin: 0 -7px 0 0;
}
#mainbody .competition4 img {
    margin: 34px 5px 0 0;
}