/* ====================================================================================== */
/* Home Page specific Styles 																				   */
/* -------------------------------------------------------------------------------------- */
/* N.B. There are actually a number of homepages throughout the site (eg, microsite index */
/* and shop report index, and features index)                                             */
/* ====================================================================================== */

/* Main mpdclick Home page -- redesign Jan 09 */
#home #rightCol {
	float: right;
	width: 810px;
	margin:0 25px 0 0;
}	
#home #leftCol	{
	float: left;
	margin: 0 0 0 25px;
}

#home #welcome {
	float:right;
	width: 370px;				/* 400px - 30px of horizontal padding */
	background: #aaa;
	height: 228px;
	overflow: hidden;
}

#home #flashcontent {
	width: 400px;
	height: 228px;
	background: #999;
	margin-bottom: 10px;
}

/* Panels that can be reordered */
#home div.panelContainer {
	float:left;
	width: 195px;
	margin: 0 10px 10px 0;
	font-size: 1.2em;
}
#home div.panel {
	width: 195px;
	height: 195px;
	background-color: #eee;
	margin: 0 0 10px 0;
	padding:0;
}
#home div.panel.tall {
	float:right;
	height: 400px;
	margin-right:0;
	
}

#home div.panel h3 {
	margin: 0;
	height:30px;
	line-height:30px;
	padding: 5px 9px 0 10px;
}
#home div.panel h3 a{
	text-decoration: none;
}
#home div.panel h3 img{
	margin-top:4px;
	border:0;
}
#home div.panel img.arrow{
	float:right;
	margin-top: 2px;
}
#home div.panel img{
	border:0;
}
#home div.panel a {
	color:#000;
	text-decoration: none;
}
#home div.panel div.inner a {
	font-weight: normal;
}
#home div.inner {
	padding: 0.5em 10px;
}

#home div.panel ul {
	margin: 0 0 0.3em 0;
	padding:0;
	line-height: 1.2em;
}
#home div.panel li {
	margin: 0;
	padding:0;
	list-style-position: inside;
}

#home div.panel a:hover {
text-decoration:underline;
}
#home div.panel p {
	margin: 0 0 0.8em 0;
	line-height: 1.2em;
}


/* Absolutely position links in news panel at the bottom of the panel */
/* BB - this is so the don't drop off the bottom of the panel when headline overrun */
#home div.panel.news {
	position:relative
}
#home div.panel.news a.rss,
#home div.panel.news a.viewAll {
	position: absolute;
	bottom: 9px;	
}
#home div.panel.news a.rss {
	left:140px;
}
/* On the home page, the 3 columns are floated right so the welcome box comes first in the code */
#microHome #leftCol {
	float:right;
	width:124px;
	margin-right:10px;
	margin-left:0;
	}

#microHome #midCol {
	float:right;
	width: 532px;
	overflow: hidden;							/* Required to stop IE doubling the right hand margin */
	margin-left:0px;
	}


#microHome #rightCol { 
	float:right;
	display:inline;							/* Required to stop IE doubling the right hand margin */
	width: 284px;
	margin: 0 25px 0 0;
	}	

#flashcontent {
	margin-bottom: 8px;
}
	
	
/* right hand boxes - assorted varieties */	
div#welcome, div#welcomeRep, div#bookPanel, div#recentRep, div#techSupport {	
	background-color: #CCCC66;
	height:280px;
	margin-bottom:8px;	
	font-size: 1.05em;
	padding:0 15px;
	}
	
#microHome div#bookPanel {height: 560px;}

#microHome div#recentRep {height: 272px;}

#microHome div.features div#welcomeRep {background-color:#BBB;}
	
div#welcome p, div#welcomeRep p {	
	line-height: 17px;
	margin:0 ;
	padding-bottom: 9px;}

div#welcome div.agentLogoDiv {
	margin-bottom:10px;
	}

/* News panel */	
div#news {
	background-color: #EBEBC2;
	height:1%}
	
div#news h4, div#news p {margin: 0px 16px 0 16px;}	
div#news p {padding-bottom:7px;}
div#news h4 a { text-decoration: none; }
div#news img.newsThumb { 
	width:43px; 
	border:1px solid #333; 
	max-height:60px;
	float:left;
	min-width: 43px;		/* added for the benefit of IE7 (which tries to preserve image aspect ratios) */
	margin-right:8px;}

div#news div.newsItem { 
	clear:left;
	margin-left:0px;
	padding-bottom:10px;}



/* Recent Reports panel */	
div#recentRep {
	background-color: #CCCC66;
	height:1%}

div#recentRep img.boxedHeaderLarge { margin-bottom: 20px; }

div#recentRep h4 {margin: -3px 16px 0 53px;}

div#recentRep p { margin-top: -15px;}

div#recentRep h4 a { text-decoration: none; }

div#recentRep img.reportThumb { 
	width:43px; 
	border:1px solid #333; 
	max-height:60px;
	float:left;
	min-width: 43px;		/* added for the benefit of IE7 (which tries to preserve image aspect ratios) */
	margin-right:8px;}

div#recentRep div.recentReport { 
	clear:left;
	margin-left:0px;
	padding-bottom:15px;
	}
	
	
/* Promo panels ========================================================= */
 div.promoBox {
	float:left;
	width:170px;
	margin-right:7px;}
	
div.first { background-color: #E5E5B2; }	
div.second { background-color: #D9D98C; }
div.third { background-color: #CCCC66; }

/* trends, runway, resources, trade fairs and culture hompages have different colour promo boxes */
div.trends div.first  { background-color: #999; }	
div.trends div.second { background-color: #BBB;  }
div.trends div.third { background-color: #DDD;}

div.culture div.first  { background-color: #999; }	
div.culture div.second { background-color: #BBB;  }
div.culture div.third { background-color: #DDD;}

div.resources div.first  { background-color: #999; }	
div.resources div.second { background-color: #BBB;  }
div.resources div.third { background-color: #DDD;}

div.runway div.first  { background-color: #999; }	
div.runway div.second { background-color: #BBB;  }
div.runway div.third { background-color: #DDD;}

div.trade div.first  { background-color: #999; }	
div.trade div.second { background-color: #BBB;  }
div.trade div.third { background-color: #DDD;}

div.promoBox h4, div.promoBox p {
	margin: 0 11px;}	

div.promoBox h4{
	line-height: 12px;
	padding-bottom:6px;
	clear:both;}
		
div.promoBox p {
	padding-bottom:14px;}	
	
div.promoBox div.imageHolder img {
	border:1px solid #999;
	margin:5px;}
	
div.promoBox div.imageHolder {
	display: inline;
	margin:0px 10px 10px 10px;
	float:left;
	background-color: #fff;}	

.promo-copy p{
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.promo-copy{
	width:148px;
	margin:0 auto;
}
	
table.homepageCategory { margin-top: -7px; }

table.homepageCategory{

}

table.homepageCategory tr td img {
 	 background:#fff;
	 padding:3px;
}

/* ====================================================================================== */
/* Div heights - tweak these values to get the alignment all nice                         */
/* -------------------------------------------------------------------------------------- */

#home div.books div#quickLinks {height:256px;}	/* special case for trend book section */
#home div.books div#welcome {height:280px !important;}
#home div.books div#techSupport {height:272px;}

#microHome div#subscribe {height: 128px;}
#microHome div.promoButton {height:99px;}

div.promoBox {height: 272px; overflow: hidden;}					/* redefined in ie-win.css!! */
	
/* ====================================================================================== */