/* ====================================================================================== */
/* 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 {
	
	width: 950px;
	margin-left:25px
	
}	
#home #leftCol	{
	float: left;
	margin: 0;
}

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

#home #customBlock {
	margin-bottom: 1em;
	overflow:hidden;
	height: 1%;
	
}
#home #flashcontent {
	width: 400px;
	height: 228px;
	background: #999;
	margin-bottom: 10px;
}

/* Panels that can be reordered */
#home div.panelContainer {
	float:none;
	margin-top:15px;
}
#home div.panel {
	height: 185px;
background-color: white;
margin: 0 0 15px 0;
padding-bottom: 15px;
border-bottom: 1px solid #EDEDED;
font-size: 1.1em;s
line-height: 1.2em;
overflow: hidden;
width: 950px;
float: left;
}

#home div.panel a.panelImgLink,
#home div.panel img.panelImg {
	float: left;
display: block;
width: 500px;
border: 0;
height: 185px;
}
#home div.panel div.noImage {
	float:left;
	display:block;
	width: 475px;
	height: 204px;
	background: #aaa;
}

#home div.panel a {
	color:#6F6F6F;
	text-decoration: none;
	font-weight: normal;
	font-size:12px;
}
#home div.panel a:hover {
	color:#515050;
	text-decoration: none;
}
#home div.inner {
	float: left;
padding: 10px 0 0 110px;

border-left-width: 0;
width: 300px;
height: 160px;
overflow: hidden;
}
/* Customisable panels - now also used on trendbook pages*/
#home div.panelContainer {
    
}
#home div.panel a.rss {
	float:right;
}

#home div.panel ul {
	margin: 0 0 6px 0;
	padding:0;
	list-style:none;
	line-height: 160%;
}
#home div.panel li {
	margin: 0 0 4px 0;
	padding:0 0 0 11px;
	/* background: url(../images/bits/bullet_panel.png) left 5px no-repeat; */
}

#home div.panel h3 {
	margin: 0 0 10px 0;
}

#home div.panel p {
	/*margin: 0 0 4px 0;
	line-height: 1.2em;
	text-transform: lowercase;*/
	display:none;
}


/* 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: 20px;	
}
#home div.panel.news a.rss {
	right:30px;
}
/* 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;
	}
	
div#welcome div.rhCol {
	right: -15px; 
	float: right; 
	width: 184px; 
	bottom: 0px; 
	position: relative; 
	height: 228px;
}	

/* 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!! */
	
/* ====================================================================================== */

/* ====================================================================================== */
/* Tweaks to trend books homepage to allow full width custom content at top               */
/* -------------------------------------------------------------------------------------- */
#rightCol #prevPurchase {
	width: 124px;
	float:left;
	margin-right: 10px;
	display:none;
}
#booksHomeExtraContent {
	float:right;
	width: 800px;
	min-height: 50px;
}