/************************************************************************************************************/
/***************************************** START HOME CONTENT ***********************************************/
#boxWelcome,
#box404
{
    background-image:url(../graphics/welcome_bg_repeat.gif);
    background-position: left top;
    background-repeat:repeat-y;
    float:right;
    margin-right:0px;
    margin-top:10px;
    width:569px;        
}
    #boxWelcome .top,
    #box404 .top
    {
        background-position: left top;
        background-repeat:no-repeat;
        height:40px;
    }
    #boxWelcome .bottom,
    #box404 .bottom
    {
        background-image:url(../graphics/welcome_bg_bottom.gif);
        background-position: left top;
        background-repeat:no-repeat;
        height:14px;
    }    
    #boxWelcome H2, #box404 H2		{display:none;}
    #boxWelcome p, #box404 p
    {
		color:#333333;
        font-size:1.2em;
        line-height:16px;
        margin-left:12px;
        width:510px;
    }
    #boxWelcome .top	{background-image:url(../graphics/welcome_bg_top.gif);}
    #box404 .top		{background-image:url(../graphics/404_bg_top.gif);}

/************************************************************************************************************/
/******************************************* BOOK HIGHLIGHT *************************************************/    
#boxBookHighlight
{
    background-image:url(../graphics/book_highlight_bg_repeat.gif);
    background-position: left top;
    background-repeat:repeat-y;
    float:left;
    margin-top:9px;
    width:280px;
}            
    #boxBookHighlight .top
    {
        background-image:url(../graphics/book_highlight_bg_top.gif);
        background-position: left top;
        background-repeat:no-repeat;
        height:38px;
    }
    #boxBookHighlight .body
    {
        height:155px;
    }
    #boxBookHighlight .bottom
    {
        background-image:url(../graphics/book_highlight_bg_bottom.gif);
        background-position: left top;
        background-repeat:no-repeat;
        clear:both;
        height:26px;            
    }                
    #boxBookHighlight H2	{display:none;}
    #boxBookHighlight H3
    {
        color:#003366;
        display:block;
        font-size:1.2em;
        font-weight:bold;
        margin-left:12px;
        text-decoration:underline;
        width:131px;
    }
		#boxBookHighlight H3 a,
		#boxBookHighlight H3 a.visited,
		#boxBookHighlight H3 a:hover
		{
			color:#003366;
		}
    #boxBookHighlight H4
    {
        color:#003366;
        display:block;
        font-size:1.2em;
        font-weight:normal;
        margin-left:12px;
        text-decoration:underline;
        width:130px;            
    }
		#boxBookHighlight H4 a,
		#boxBookHighlight H4 a.visited,
		#boxBookHighlight H4 a:hover
		{
			color:#003366;
		}
    #boxBookHighlight .horizontalRule
    {
        margin-left:12px;
        margin-top:2px;
        margin-bottom:4px;
    }
    #boxBookHighlight p
    {
		color:#333333;			
        display:block;
        font-size:1.2em;
        max-width:140px;            
        padding-left:12px;
        padding-top:6px;
        /* Width has to be very specific for IE5.5 and IE6 */
        width:130px;
    }
    #boxBookHighlight .packshot
    {
        float:right;
        margin-bottom:5px;
        margin-right:12px;
        margin-top:4px;
        /*width:108px;*/
    }
    
/************************************************************************************************************/
/****************************************** SERIES HIGHLIGHT ************************************************/
#boxSeriesHighlight
{
    background-image:url(../graphics/series_highlight_bg_repeat.gif);
    background-position: left top;
    background-repeat:repeat-y;
    float:right;
    margin-top:9px;
    width:280px;
}            
    #boxSeriesHighlight .top
    {
        background-image:url(../graphics/series_highlight_bg_top.gif);
        background-position: left top;
        background-repeat:no-repeat;
        height:38px;
    }    
    #boxSeriesHighlight .body
    {
        height:155px;
    }   
    #boxSeriesHighlight .bottom
    {
        background-image:url(../graphics/series_highlight_bg_bottom.gif);
        background-position: left top;
        background-repeat:no-repeat;
        clear:both;
        height:26px;            
    }             
    #boxSeriesHighlight H2		{display:none;}   
    #boxSeriesHighlight H3
    {
        color:#003366;
        display:block;
        font-size:1.2em;
        font-weight:bold;
        margin-left:12px;
        text-decoration:underline;
        width:130px;
    }
		#boxSeriesHighlight H3 a,
		#boxSeriesHighlight H3 a.visited,
		#boxSeriesHighlight H3 a:hover
		{
			color:#003366;
		}    
    #boxSeriesHighlight H4
    {
        color:#003366;
        display:block;
        font-size:1.2em;
        font-weight:normal;
        margin-left:12px;
        text-decoration:underline;
        width:130px;            
    }
		#boxSeriesHighlight H4 a,
		#boxSeriesHighlight H4 a.visited,
		#boxSeriesHighlight H4 a:hover
		{
			color:#003366;
		}        
    #boxSeriesHighlight .horizontalRule
    {
        margin-left:12px;
        margin-top:2px;
        margin-bottom:4px;
    }
    #boxSeriesHighlight p
    {
		color:#333333;			
        display:block;
        font-size:1.2em;            
        margin-left:12px;
        margin-top:6px;
        width:130px;
    }
    #boxSeriesHighlight .packshot
    {
        float:right;
        margin-bottom:5px;
        margin-right:12px;
        margin-top:4px;            
        width:108px;
        height:136px;
    }

/************************************************************************************************************/
/********************************************** COMING SOON *************************************************/
#boxComingSoon
{
    background-image:url(../graphics/comingSoon.jpg);
    background-position: left top;
    background-repeat:no-repeat;
    float:left;
    height:138px;
    margin-top:10px;   
    width:280px;
}
    #boxComingSoon a
    {
        display:block;
        margin-left:10px;
        height:20px;
        width:100px;
        padding-top:115px;
    }

    #boxComingSoon h2			{display:none;} 
    #boxComingSoon h3			{display:none;}
    #boxComingSoon h4			{display:none;}
    #boxComingSoon p			{display:none;}
    #boxComingSoon a strong		{display:none;}     

/************************************************************************************************************/
/********************************************** COMPETITION *************************************************/
#boxCompetition,
#boxCatalogue,
#boxDownloads
{
    background-position: left top;
    background-repeat:no-repeat;
    height:138px;
    margin-top:10px;
    width:280px;
}  
#boxCompetition	{background-image:url(../graphics/competition.jpg);float:left;}
#boxCatalogue		{background-image:url(../graphics/btnEspresso.jpg);float:right;}
#boxDownloads		{background-image:url(../graphics/banners/downloadable-button.jpg);float:right;}
    #boxCompetition a,
    #boxCatalogue a,
    #boxDownloads a
    {
        display:block;
        height:0px;
        overflow: hidden;
        padding-top:138px;
        width:280px;
    }

    
    #boxCompetition h2				{display:none;}
    #boxCompetition h3				{display:none;}
    #boxCompetition h4				{display:none;}
    #boxCompetition p					{display:none;}
    #boxCompetition a strong	{display:none;}
    
    .banner{ display:block; margin:auto; margin-top:5px;}
