﻿/* HOME STYLES */

/* LEFT PANEL */
div#home div.leftpanel 
{
    width: 230px;
    float: left;
    margin: 0 10px 0 10px;
	padding: 10px;
    background-color: White;
}

div#home div.leftpanel h2 
{
    font-size: 1.5em;
    margin: 0 0 10px 0;   
}

div#home div.leftpanel div 
{
    clear: both;
    padding-bottom: 10px;
}

div#home div.leftpanel div.clear 
{
    border-top: 1px dotted #999999;   
}

div#home div.leftpanel img 
{
    float: left;
    margin-bottom: 10px;
}

div#home div.leftpanel a 
{
    font-size: 1em;
}
 
div#home div.leftpanel p 
{
    margin: 0 0 0 88px;
    font-size: 1em;
} 

div#home div.leftpanel p.author 
{
    color: #666666;
    margin-bottom: 8px;   
}

div#home div.leftpanel span 
{
    color: #000044;   
}


/* MAIN CONTENT AREA */
div#home div.maincontent 
{
    width: 670px; /* 690 - 20padding */
	margin: 0 10px 0 0px;
    /* WITH FLASH margin: 10px 10px 0 0px;*/
	padding: 10px;
    background-color: White;
    float: left;
}

/* FLASH AREAS */
div#home div#flashcontentholder {
	margin-bottom: 10px;
}

div#home div#bottomflashcontentholder {
	margin-top: 10px;
}

/* LOGO NAV */
div#home div.logonav 
{

}

div#home div.logonav ul 
{
    padding: 0;
    margin: 0;
    list-style: none;
}

div#home div.logonav ul li 
{
    padding: 0;
    margin: 0;
    float: left;
    margin: 0 13px 0 14px;
}

div#home div.logonav ul li p 
{
    text-align: center;
    font-size: 1.4em;
    font-weight: bold;  
    margin-top: 4px;
}

/* GENERIC */
div#home div.promo 
{
    padding-top: 7px;
	clear: both;
}

/* 330 WIDTH PROMOS */
div#home div.thinpromo 
{
    margin-top: 10px;
    float: left;    
}

div#home div.thinpromo.onleft
{
    margin-right: 10px;
    clear: left;    
}

div#home div.shoppromo 
{
    background: #014896 url(../images/home/shoppromo_bg_onecorner.gif) no-repeat bottom right;
    width: 310px; /* 330 - 20padding */
    padding: 10px;
    float: left;
    clear: left;
    color: White;
}

div#home div.ssbpromo 
{
    background: #003300 url(../images/home/ssbpromo_bg_onecorner.gif) no-repeat bottom right;
    width: 310px; /* 330 - 20padding */
    padding: 10px;
    margin-left: 340px; 
    color: White;
}

div#home div.ssbpromo img.icon
{
    margin: 0 0 0 5px;
    float: left;   
}

div#home div.shoppromo img.icon 
{
    margin: 0 0 0 10px;
    float: left;   
}

div#home div.ssbpromo p,
div#home div.shoppromo p 
{
    margin: 0 0 0 70px;   
}

div#home div.ssbpromo p a.text,
div#home div.shoppromo p a.text
{
    color: White;
    font-size: 1.2em;
    font-weight: bold;
    padding-left: 1px;
}

/* CATALOG PROMO */
div#home div.catalogpromo 
{
    background: #990000 url(../images/home/catalogpromo_bg_onecorner.gif) no-repeat bottom right;
    width: 650px; /* 670 - 20padding */
    padding: 5px 10px;
	margin: 10px 0;
    clear: left;
    color: White;
	text-align: center;
}

div#home div.catalogpromo img
{
	vertical-align: top;
}

div#home div.catalogpromo img.icon
{
	
	margin: 2px 7px 0 0;
}


/* GENERAL BIG PROMOS */
div#home div.toppromo 
{
	margin: 0 10px 10px 270px;
    width: 690px; /* 330 - 20padding */
    color: White;
    float: none;
}

div#home div.bottompromo 
{
	float: right;
	margin: 0 0 10px 0;
	clear: right;
	width: 100%;
	text-align: center;
}

/* SUMMER OF SPORT PROMO */
div#home div.summerofsportpromo 
{
    color: white;
    background: #48ac42 url(../images/home/summer-promo-bg.jpg) no-repeat;   
    margin-top: 10px;
    min-height: 246px;
}

div#home div.summerofsportpromo div 
{
    margin: 0 200px;   
    padding: 20px 0 0 0;
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    border-bottom: 1px solid transparent;
    
}

div#home div.summerofsportpromo div img 
{
    margin: 10px 0;   
}

div#home div.summerofsportpromo a.onleft 
{
    float: left;   
}

div#home div.summerofsportpromo a.onright
{
    float: right;
} 

/* BIG CHIV PROMO */
div#home div.bigchivpromo 
{
	background-color: #031E51;
	color: white;
    margin-top: 10px;	
	min-height: 188px;
}

div#home div.bigchivpromo h1 
{
	background-color: transparent;
	color: white;
	/*padding-top: 8px;*/
	margin: 10px 0 0 0;
	padding: 0;
	font-weight: normal;
}

div#home div.bigchivpromo h2 {
	margin: 0;
	font-size: 1.4em;
}

div#home div.bigchivpromo div img {
	margin: 10px 0 0 0;
} 

/*div#home div.bigchivpromo div a img {
	margin-top: 5px;
}*/

div#home div.bigchivpromo a.onleft 
{
    float: left;   
}

/* BOOK OF RECORDS PROMO */
div#home div.bookofrecordspromo 
{
    color: white;
    background: #48ac42 url(../images/home/summer-promo-bg.jpg) no-repeat;   
    margin-top: 10px;
}

div#home div.bookofrecordspromo div.middle 
{
    margin: 0 220px;   
    /*padding: 20px 0 0 0;*/
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    border-bottom: 1px solid transparent;
    
}

div#home div.bookofrecordspromo div.middle img 
{
    margin: 10px 0;   
}

div#home div.bookofrecordspromo div.onleft 
{
    float: left;   
	font-size: 1.8em;
    font-weight: bold;
	width: 220px;
	margin: 20px 0 20px 0;
}

div#home div.bookofrecordspromo div.onleft p {
	margin: 0 0 0 20px;
	min-height: 85px;
}

div#home div.bookofrecordspromo div.onleft img {
	margin-bottom: 10px;
}

div#home div.bookofrecordspromo div.onright
{
    float: right;
	font-size: 1.7em;
    font-weight: bold;
	width: 250px;
	margin: 20px 0 20px 0;
	text-align: right;
} 

div#home div.bookofrecordspromo div.onright p {
	margin: 0 20px 0 0;
	min-height: 85px;
}

/* WIMBLEDON PROMO */
div#home div.wimbledonpromo 
{
	background: #330066; /* url(../images/home/wimbledon-promo-logo.gif) no-repeat 460px 170px;*/
	color: white;
    margin-top: 10px;	
	min-height: 250px;
}

div#home div.wimbledonpromo a.onleft 
{
    float: left;   
	width: 285px;
}

div#home div.wimbledonpromo div 
{
	margin: 0 0 0 285px;
	text-align: center;
	float: none;
	width: 360px;
}

div#home div.wimbledonpromo img {
	margin: 5px 0;
}

div#home div.wimbledonpromo h2 {
	padding: 5px 0 0 0;
	margin: 0;
}

div#home div.wimbledonpromo h2 img {
	padding-bottom: 5px;
	border-bottom: 1px solid white;
}

div#home div.wimbledonpromo h3 {
	margin: 15px 0 15px 0;
	color: white;
	display: block;
	font-size: 1.4em;
	font-weight: normal;
}

div#home div.wimbledonpromo p {
	font-size: 1em;
	margin: 0;
	letter-spacing: 0.4em;
}

div#home div.wimbledonpromo p strong {
	font-size: 1.2em;
	letter-spacing: 0em;
}



/* DEATH OR GLORY PROMO */
div#home div.deathorglorypromo 
{
    background: #660000;
    width: 310px; /* 330 - 20padding */
	margin-top: 0px;
    padding: 10px;
    float: left;
    clear: left;
    color: White;
	text-align: center;
}

div#home div.deathorglorypromo p {
	font-size: 1.3em;
	margin-top: 5px;
}

div#home div.deathorglorypromo p span {
	font-weight: bold;
	font-size: 0.9em;
}

/* SUPERFAN PROMO */
div#home div.superfanpromo 
{
    background: #000000;
    width: 310px; /* 330 - 20padding */
    padding: 10px;
    margin: 10px 0 0 340px; 
    color: White;
	text-align: center;
}

div#home div.superfanpromo p {
	font-size: 1.3em;
	margin-top: 5px;
}

div#home div.superfanpromo p span {
	font-weight: bold;
	font-size: 0.9em;
}

/* SPORTS BOOK AWARDS PROMO */
div#home div.sportsawardspromo 
{
	margin: 0 0 10px 275px; 
	background-color: #000000;
    width: 690px; /* 330 - 20padding */
    color: White;
    float: none;
}

div#home div.sportsawardspromo.thinner
{
	margin: 0 0 10px 0; 
    width: 670px;
} 

div#home div.sportsawardspromo img 
{
	float: right;
}

div#home div.sportsawardspromo h2
{
	font-family: 'AntiqueOliveRegular', Arial;
	font-weight: normal;
	font-size: 48px;
	color: #cd911c;
	padding: 20px 0 10px 15px;
	margin: 0;
	line-height: 0.85em;
}

div#home div.sportsawardspromo strong
{
	display: block;
	font-family: 'AntiqueOliveRegular', Arial;
	font-weight: normal;
	font-size: 17px;
	color: #FFFFFF;
	margin: 0 0 10px 15px;
	padding: 0;
	line-height: 0.9em;
}

div#home div.sportsawardspromo div.container
{
	float: right;
	margin: 10px 0;
}

div#home div.sportsawardspromo div.container div
{
	display: inline;
	float: left;
	text-align: center;
	font-size: 13px;
	font-weight: bold;	
	margin: 0;
}

div#home div.sportsawardspromo div.container div img 
{
	float: none;
}

div#home div.sportsawardspromo div.clear
{
	clear:right;
}

/* WIMBLEDON VISIONS PROMO */
div#home div.wimbledonvisionspromo 
{
	/*margin: 0 10px 10px 270px; */
	margin: 0 0 10px 0; 
    width: 670px; /* 330 - 20padding */
    float: none;
}

div#home div.wimbledonvisionspromo img 
{
	/*margin-left: 15px;*/
	margin-bottom: 10px;
	float: left;
}

div#home div.wimbledonvisionspromo h2
{
	display: block;
	font-family: Arial, Sans-Serif;
	font-weight: normal;
	font-size: 38px;
	text-align: center;
	letter-spacing: 0.2em;
	color: #FFFFFF;
	padding: 10px 0 10px 15px;
	margin: 0;
}

div#home div.wimbledonvisionspromo h3
{
	display: block;
	float: left;
	font-family: Arial, Sans-Serif;
	font-weight: normal;
	font-size: 17px;
	color: #FFFFFF;
	padding: 10px 8px;
	margin: 0;
}

div#home div.wimbledonvisionspromo div.container
{
	float: right;
	margin: 10px 0;
	clear: right;
	width: 100%;
	text-align: center;
}

div#home div.wimbledonvisionspromo div.container div
{
	float: left;
	font-size: 18px;
	font-weight: normal;	
	margin: 20px 0 0 30px;
}

div#home div.wimbledonvisionspromo div.container div.words
{
	width: 290px;
	margin-left: 15px;
	padding-top: 20px;
}

div#home div.wimbledonvisionspromo div.container div.words div.clear
{
	clear:both;
	margin-bottom: 3em;
}

div#home div.wimbledonvisionspromo div.container div.words a
{
	color: White;
}

div#home div.wimbledonvisionspromo div.container div img 
{
	margin: 0;
	float: left;
}

div#home div.wimbledonvisionspromo div.footer 
{
	background-color: #502d7f;
	clear: right;
	text-align: center;
}

div#home div.wimbledonvisionspromo div.footer a
{
	display: block;
	font-size: 22px;
	font-weight: normal;
	padding: 15px;
	color: White;
}

div#home div.wimbledonvisionspromo div.footer a:hover
{
	color: #CCCCCC;
}

div#home div.wimbledonvisionspromo div.clear
{
	clear:right;
}

/* smell of football promo */
div#home div.smellpromo
{
	background: #000;
	text-align: center;
	margin: 0 0 10px 275px; 
	padding-top: 15px;
	width: 690px;
}

div#home div.smellpromo h2 
{
	margin: 0;
}

div#home div.smellpromo h2 a
{
	color: #ff0000;
	text-transform: uppercase;
	font-size: 45px;
	font-weight: bold;
}

div#home div.smellpromo a.cover
{
	float: right;
}

div#home div.smellpromo div.words
{
	color: #FFF;
	font-size: 22px;
	margin: 20px 0 0 20px; 
	width: 50%;
}

div#home div.smellpromo div.words p
{
	margin: 0 0 1em 0;	
}

div#home div.smellpromo div.words span
{
	color: #ff0000;
	font-size: 18px;
}

div#home div.smellpromo a.pdf
{
	color: #FFF;
	background-color: #ff0000;
	text-transform: uppercase;
	font-size: 30px;
	font-weight: bold;
	display: block;
	width: 100%;
	padding: 5px 0;
}




