/* ========================================================================== */
/* COLOUR SCHEME                                                              */
/* ========================================================================== */
/* 
	Use this stylesheet for customizing the background colours of certain panels 
	throughout the site.
	
	========================================================================== */


/* ======================================================================== 
	Global Styles                                                           
	======================================================================== */
	
	

/* General links */
a {
	color: #515050;
	text-decoration:none;
}  

/* Agents Links */
.agent a {color:#00949c;}
/* Left hand column links */
div#myFolder a, div#login a, div#quickLinks a, div#prevPurchase a  {
	color: #515050;
}

/* Login box on almost every page */
div#login {
	border: 1px dotted #666;
	background-color: #FFF;
	background-image: url(/mudpie/panels/login.v12345.jpg);
	background-repeat: no-repeat;
}	

/* Different color for when the user is logged in */
div#leftCol div.loggedIn {
	background: url(/mudpie/panels/login.v12345.jpg) no-repeat;
}

/* Folder and Basket panel (also on nearly every page) */	
div#myFolder h3 {
	background: transparent;		/* background colour of the heading strips */
}		
div#myFolder {
	background: url(/mudpie/panels/folder.v12345.jpg) no-repeat;		/* background colour of the text */
}		

#header img.mainLogo {
    margin: 15px 0 15px 0px;
}

/* ======================================================================== 
	Home page overrides                                                             
=========================================================================== */
a.lefthandbutton{
	
}

#home #welcome {
	background: #fff;
	border: 1px dotted #999;
}

#home div.panel {
	background-color: #fff;
	
}

#home div.panel a:hover {
	text-decoration:none;
}

#home div.panel h3 {
	margin: 0;
	height:35px;
	line-height:30px;
	padding: 0;
}
#home div.panel h3 a {
	display:block;
	text-decoration: none;
	font-family: 'Georgia',serif;
font-style: italic;
font-size: 20px;
color: #6F6F6F;
font-weight: normal;
text-transform:capitalize;
}

#home div.panel h3 a.panelHeading {
	float:none;
	padding-left:10px;
	padding-top:9px;
	height:26px;
		width:auto;
}
#home div.panel h3 span.panelHeading {
	display:block;
	padding-top: 9px;
	padding-left:10px;
}
#home div.panel h3 > img{
	margin-top: 6px;
}
#home div.panel h3 img.arrow {
	float:right;
	margin-right:9px;
}
#home div.panel a {
	color:#949494;
	text-decoration: none;
}

#home div.panel a:hover {
	color:#515050;
	text-decoration: none;
}


#home div.panel ul {
	list-style:none;
	font-family:"georgia", serif;
}

#home div.panel li {
	margin: 0;
	padding:0 0 0 15px;
	background: url(../images/misc/triBullet.v12345.gif) left center no-repeat;
	height: 26px;
overflow: hidden;
}

div#welcome div.rhCol {
	right: -15px; 
	float: right; 
	width: 184px; 
	bottom: 0px; 
	position: relative; 
	height: 228px;
}


/* ======================================================================== 
	Matt's Section
=========================================================================== */

/* NEW Right hand links  - MW - 2011 */
#nav2 {z-index:5000000;}
ul#nav2 {
	height: 33px !important;
	margin-left: 25px !important;
}

#nav2, #nav2 ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav2 a {
	/*background:#A3A3A3;*/
}

#nav2 li {
	float: right;
	/*width: 10em;*/
	padding: 5px 0px 0px 15px;
	text-transform:capitalize;
	font-weight: normal;	


}

#nav2 li a {
	text-transform:capitalize;
	font-weight: bold;
	text-decoration: none;	


}

#nav2 li a:hover {
	text-transform:capitalize;
	font-weight: bold;
	text-decoration: underline;	


}

#nav2 li.nav_book ul {
 	text-align:left;
}


#nav2 li ul {
	position: absolute;
	width: 140px;
	left: -999em;
	border:0;
	z-index: 1;
	padding: 0px 30px 30px 20px !important;		/* padding to increase usability */
	margin-left:-20px;
	margin-top:0px;
	/*for safari - keeps drop down in front of other images */
 	-moz-opacity: .95;
	opacity: .99;
	background-image: url(../images/misc/transparent.v12345.gif);
	background-repeat: repeat;
	
 }

#nav2 li.nav_book ul {
	position: absolute;
	width: 140px;
	left: -999em;
	border: solid;
	border-color: transparent #4D4948 #4D4948 #4D4948 !important;
	border-width: 0 2px 2px 2px !important;
	z-index: 1;
	/*for safari - keeps drop down in front of other images */
 	-moz-opacity: .95;
	opacity: .95;
 }


#nav2 li ul, x:-moz-any-link {
	-moz-opacity: 1;


/*removes opacity for firefox*/
}

#nav2 li ul li {
	width: 140px;
	filter: alpha(opacity=95);
}

#nav2 li ul li a {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	padding: 4px 9px;
	width: 122px;
}

#nav2 ul ul,  #nav2 ul ul ul {
	/* border-left: 2px solid #4D4948 !important; */
}

#nav2 li.nav_top a.nav_top_item {
	height: 33px;
	/*text-indent: -9999px;  BB not sure why this is here, but commented out as causing an issue in IE7*/
}

#nav2 li ul ul  {
	padding: 30px 40px 40px 20px !important;	/* padding to increase usability */
	margin: -54px 0 0 122px;
	
}

#nav2 li.nav_book ul ul  {
	margin: -34px 0 0 -144px;
	
}


#nav2 li ul  a{
	 position:absolute;
	 top:-9999px;
 }

#nav2 li:hover ul a,#nav2 li:hover ul ul a, #nav2 li:hover ul ul ul a, #nav2 li:hover ul ul ul ul a, #nav2 li.sfhover ul a ,#nav2 li.sfhover ul ul a, #nav2 li.sfhover ul ul ul a,  #nav2 li.sfhover ul ul ul ul a{
	 position:static;
	 top:auto;
 }



#nav2 li:hover ul ul, #nav2 li:hover ul ul ul, #nav2 li:hover ul ul ul ul, #nav2 li.sfhover ul ul, #nav2 li.sfhover ul ul ul,  #nav2 li.sfhover ul ul ul ul {
	left: -999em;
}

#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul, #nav2 li li li li.sfhover ul {
	left: auto;
	cursor: pointer;
}




#nav2 li {
	background: white;
font-family: "georgia", serif;
font-weight: normal !important;
font-style: italic;
}

#nav2 li a{font-weight: normal !important;}

#nav2 li.nav_home, #nav2 li.nav_home a.nav_top_item {
	width: 65px;
}
#nav2 li.nav_home a.nav_top_item {
	background: url(../images/navbar/nav-buttons/home.v12345.gif) top left no-repeat;
}

#nav2 li.nav_business, #nav2 li.nav_business a.nav_top_item {
	width: 89px;
}
#nav2 li.nav_business a.nav_top_item {
	background: url(../images/navbar/nav-buttons/business.v12345.gif) top left no-repeat;
}

#nav2 li.nav_trends, #nav2 li.nav_trends a.nav_top_item {
	width: 70px;
}
#nav2 li.nav_trends a.nav_top_item {
	background: url(../images/navbar/nav-buttons/trends.v12345.gif) top left no-repeat;
}

#nav2 li.nav_trade, #nav2 li.nav_trade a.nav_top_item {
	width: 99px;
}
#nav2 li.nav_trade a.nav_top_item {
	background: url(../images/navbar/nav-buttons/trade_fairs.v12345.gif) top left no-repeat;
}

#nav2 li.nav_retail, #nav2 li.nav_retail a.nav_top_item {
	width: 57px;
}
#nav2 li.nav_retail a.nav_top_item {
	background: url(../images/navbar/nav-buttons/retail.v12345.gif) top left no-repeat;
}
/* retail submenu needs to be wider to accomodate Merchandising and Interiors sub item */
#nav2 li.nav_retail ul li, #nav2 li.nav_retail ul {
	width: 155px;
}
#nav2 li.nav_retail ul li a {
	width: 137px;
}
#nav2 li.nav_retail ul ul {
	margin-left: 137px
}

#nav2 li.nav_runway, #nav2 li.nav_runway a.nav_top_item {
	width: 78px;
}
#nav2 li.nav_runway a.nav_top_item {
	background: url(../images/navbar/nav-buttons/runway.v12345.gif) top left no-repeat;
}

#nav2 li.nav_book, #nav2 li.nav_book a.nav_top_item {
	width: 119px;
}
#nav2 li.nav_book a.nav_top_item {
	background: url(../images/navbar/nav-buttons/mudpie_books.v12345.gif) top left no-repeat;
}

#nav2 li.nav_graphics, #nav2 li.nav_graphics a.nav_top_item {
	width: 88px;
}
#nav2 li.nav_graphics a.nav_top_item {
	background: url(../images/navbar/nav-buttons/graphics.v12345.gif) top left no-repeat;
}



/* Seperate nav items for trendbooks */
#nav2 li.nav_trendhome a.nav_top_item {
	background: url(../images/navbar/nav-buttons/trendbooks/home.v12345.gif) top left no-repeat;
}
#nav2 li.nav_trendhome, #nav2 li.nav_trendhome a.nav_top_item {
	width: 65px;
}

#nav2 li.nav_trendbooks_menu a.nav_top_item {
	background: url(../images/navbar/nav-buttons/trendbooks/trendbooks.v12345.gif) top left no-repeat;
}	
#nav2 li.nav_trendbooks_menu, #nav2 li.nav_trendbooks_menu a.nav_top_item {
	width:111px;
}
	
#nav2 li.nav_seasons a.nav_top_item {
	background: url(../images/navbar/nav-buttons/trendbooks/seasons.v12345.gif) top left no-repeat;
}	
#nav2 li.nav_seasons, #nav2 li.nav_seasons a.nav_top_item {
	width:86px;
}
	
#nav2 li.nav_other_trendbooks a.nav_top_item {
	background: url(../images/navbar/nav-buttons/trendbooks/other_books.v12345.gif) top left no-repeat;
}	
#nav2 li.nav_other_trendbooks, #nav2 li.nav_other_trendbooks a.nav_top_item {
	width:114px;
}

#nav2 li.nav_about a.nav_top_item {
	background: url(../images/navbar/nav-buttons/trendbooks/about.v12345.gif) top left no-repeat;
}	
#nav2 li.nav_about, #nav2 li.nav_about a.nav_top_item {
	width:66px;
}

#nav2 li.nav_cutiepie a.nav_top_item {
	background: url(../images/navbar/nav-buttons/trendbooks/cutiepie.v12345.gif) top left no-repeat;
}

#nav2 li.nav_cutiepie, #nav2 li.nav_cutiepie a.nav_top_item {
	width: 81px;
}	
#nav2 li.nav_minipie a.nav_top_item {
	background: url(../images/navbar/nav-buttons/trendbooks/minipie.v12345.gif) top left no-repeat;
}
#nav2 li.nav_minipie, #nav2 li.nav_minipie a.nav_top_item {
	width: 77px;
}	
#nav2 li.nav_mudpie a.nav_top_item {
	background: url(../images/navbar/nav-buttons/trendbooks/mudpie.v12345.gif) top left no-repeat;
}
#nav2 li.nav_mudpie, #nav2 li.nav_mudpie a.nav_top_item {
	width: 79px;
}	
#nav2 li.nav_mpkfemale a.nav_top_item {
	background: url(../images/navbar/nav-buttons/trendbooks/mpk_female.v12345.gif) top left no-repeat;
}
#nav2 li.nav_mpkfemale, #nav2 li.nav_mpkfemale a.nav_top_item {
	width: 111px;
}	
#nav2 li.nav_mpkmale a.nav_top_item {
	background: url(../images/navbar/nav-buttons/trendbooks/mpk_male.v12345.gif) top left no-repeat;
}
#nav2 li.nav_mpkmale, #nav2 li.nav_mpkmale a.nav_top_item {
	width: 98px;
}	

/* Right hand links */
#nav2 li.nav_mudpie_home,
#nav2 li.nav_bookstore_home
#nav2 li.nav_more_info_home
#nav2 li.nav_mpdclick,
#nav2 li.nav_consultancy,
#nav2 li.nav_trendbooks {
	float:right;
}

#nav2 li.nav_mudpie_home a.nav_top_item {
	
}
#nav2 li.nav_mudpie_home, #nav2 li.nav_mudpie_home a.nav_top_item {
	/*width: 113px;*/
}	

#nav2 li.nav_mpdclick a.nav_top_item {
	/*background: url(../images/navbar/button_mpdclick.v12345.gif) top left no-repeat;*/
}
#nav2 li.nav_mpdclick, #nav2 li.nav_mpdclick a.nav_top_item {
	/*width: 111px;*/
}	

#nav2 li.nav_consultancy a.nav_top_item {
	/*background: url(../images/navbar/button_consultancy.v12345.gif) top left no-repeat;*/
}
#nav2 li.nav_consultancy, #nav2 li.nav_consultancy a.nav_top_item {
	/*width: 142px;*/
}

#nav2 li.nav_trendbooks a.nav_top_item {
	/*background: url(../images/navbar/button_trendbooks.v12345.gif) top left no-repeat;*/
}
#nav2 li.nav_trendbooks, #nav2 li.nav_trendbooks a.nav_top_item {
	/*width: 124px;*/
}






#nav2 li.nav_book{
	/*margin-left:50px;*/
}

#nav2 li.nav_top a.nav_top_item:hover,
div.hl_home #nav2 li.nav_home a.nav_top_item,
div.hl_news #nav2 li.nav_business a.nav_top_item,
div.hl_trends #nav2 li.nav_trends a.nav_top_item,
div.hl_trade #nav2 li.nav_trade a.nav_top_item,
div.hl_retail #nav2 li.nav_retail a.nav_top_item,
div.hl_runway #nav2 li.nav_runway a.nav_top_item,
div.hl_culture #nav2 li.nav_culture a.nav_top_item,
div.hl_book #nav2 li.nav_book a.nav_top_item,
div.hl_resource #nav2 li.nav_graphics a.nav_top_item,
div.hl_about_us #nav2 li.nav_about_us a.nav_top_item,
div.hl_admin #nav2 li.nav_admin a.nav_top_item,
div.hl_trendhome #nav2 li.nav_trendhome a.nav_top_item,
div.hl_cutiepie #nav2 li.nav_cutiepie a.nav_top_item,
div.hl_minipie #nav2 li.nav_minipie a.nav_top_item,
div.hl_mudpie #nav2 li.nav_mudpie a.nav_top_item,
div.hl_mpkfemale #nav2 li.nav_mpkfemale a.nav_top_item,
div.hl_mpkmale #nav2 li.nav_mpkmale a.nav_top_item,
div.hl_admin a.nav_top_item {
	background-position: bottom left;
}


#nav2 li.nav_top:hover a, #nav2 li.sfhover a {
	background-position: bottom left;


/* keeps the top item highlighted */
}



#nav2 a.hasSubCats, #nav2 li a.hasSubCats:hover {
	/*background: url(../images/navbar/nav-buttons/arrow.v12345.gif) center right no-repeat !important;*/
	/* arrow for the sub nav indicator*/
}

#nav2 li.nav_book a.hasSubCats, #nav2 li.nav_book li a.hasSubCats:hover {
	/*background: url(../images/navbar/nav-buttons/left_arrow.v12345.gif) center right no-repeat !important;*/
	/* arrow for the sub nav indicator*/
}

div#adminNav ul {
	font-weight: normal;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #999;
}

#adminNav ul li {
	list-style: none;
	padding: 0.25em 0;
	border-top: 1px solid #999;
	background-color: #CCC;
}

#adminNav ul li.top {
	background-color: #999;
}

#adminNav ul li.top a {
	color: white;
}

#adminNav ul li.top a:hover {
	color: black;
}

#adminNav ul li.holding {
	padding-bottom: 0;
}

div#adminNav ul ul li {
	margin: 0;
	padding: 0.2em 0 0.2em 10px;
	list-style: none;
	background-color: #e6e6e6;
}

#adminNav ul ul {
	border-bottom: 0px;
	padding-top: 0.25em;
}

#adminNav ul li a, #adminNav ul li span {
	text-decoration: none;
	padding-left: 10px;
	color: #777;
	display: block;
}

div#adminNav ul ul li a {
	font-weight: normal;
}

#adminNav ul li span { font-weight: bold;}

div#adminNav a.current, div#adminNav a:hover {
	color: black;
}

#adminNav ul li.top span {
	color: #fff;
	padding-left:10px;
	display:block;
}
#adminNav ul li.top span a {
	display: inline; 
	text-decoration: underline;
	font-weight: normal;
	padding:0;
	}
	
#nav2 li ul li:hover, #nav2 li ul li.sfhover , #nav2 li ul li a:hover , #nav2 li ul li.sfhover a:hover {
	background-color: #ccc !important;
	color: #000 !important;
}
	/* search bar */	
	
	form#search {
		left: 20px;
	padding-top: 45px;
	padding-right: 20px;
	padding-bottom: 6px;
	padding-left: 0px;
	}

	/* top tabs div */	
	#nav2 {
		height: 30px;
		width: 400px;
		position: absolute;
		right: 25px !important;
		padding-right: 0px;   
		z-index:1000;		   /* To stop it showing through colorbox background */ 
	}	



table.searchSort {
	border-color: #DEDEDD;
}

h1 {
	letter-spacing: 0px;
	font-size:3em
}

div.tfsection a.colorbox img {
	max-width: 100px;
}
	
/* ------------------------------------------------------------------------
	Main Home Page - Now also covers all section home pages
--------------------------------------------------------------------------- */	


/* Right hand welcome box */
#home div#welcome {
	background: url(/mudpie/panels/home_welcome.v12345.gif) no-repeat;
	position: relative;	
}
/* Customisable panels - now also used on trendbook pages*/
#home div.panelContainer {
    font-size: 1.2em;
	width: 950px;
margin-left: 25px;
}
#home div.panel {
	background: url(/mudpie/panels/home_panel.v12345.gif) no-repeat;
	
}


	
#home div.panel.tall {
	background: #fff;
}

#home div.panel h3 a.panelHeading:hover {
	background-color: #CCC;
}

/* ------------------------------------------------------------------------
	Other home pages
--------------------------------------------------------------------------- */	

/* Right hand welcome box */
div#welcome {
	background: url(/mudpie/panels/welcome.v12345.jpg) no-repeat;
	border: 1px dotted #999;
}

/* Temporary stuyles to help Chris with his new layout of welcome box on homepage */
#welcome img.boxedHeaderLarge {
   float:left;
}
#welcome p {
   clear:left
}

/* Latest news panel on homepage */
div#news {														
	background: url(/mudpie/panels/news.v12345.jpg) no-repeat;

}					

/* Headings/links in latest news panel */
div#news h4, div#news h4 a { color: black; }		

/* Left Hand Quick Links panel on home page  */	
div#quickLinks {												
	color: black;
	background: transparent no-repeat;
	background-color:white;
	color: black;
}		

div#quickLinks a {												
	text-decoration:none;
}		

div#quickLinks a:hover{												
	text-decoration:underline;
}			

/* The three middle panels under the main image on the homepage */	
div.first {
	background: url(/mudpie/panels/panels.v12345.jpg) no-repeat;
	color: black;
}	
div.second {
	background: url(/mudpie/panels/panels.v12345.jpg) no-repeat;
	color: black;
}
div.third {
	background: url(/mudpie/panels/panels.v12345.jpg) no-repeat;
	color: black;
}

/* home page promo panel heading colour */	
div.first h4, div.second h4, div.third h4 { 
	color: black;
}		
 /* Welcome box link sub definitions */
#welcome a {color:#515050;text-weight:bold;}

/* ------------------------------------------------------------------------
	Mudpie Books Home Page
--------------------------------------------------------------------------- */

/* these styles are now in colour_scheme_book.css */



/* Left Hand previous purchases on trend books microsites*/	
div#prevPurchase {
	/*background: black;*/
	/*color: black;*/
}		

/* Smaller panels on the microsite pages: */
div.promoButton {
	background-color: black;
	color: white;
}		

div#subscribe {
	background-color: black;
	color: white;
}



/* ------------------------------------------------------------------------
	Trends Home Page
--------------------------------------------------------------------------- */

/* removed as all section pages now share the main home page styles */


/* ------------------------------------------------------------------------
	Trade Fairs home page
--------------------------------------------------------------------------- */

/* removed as all section pages now share the main home page styles */


/* ------------------------------------------------------------------------
	Retail home page
--------------------------------------------------------------------------- */

/* removed as all section pages now share the main home page styles */


/* ------------------------------------------------------------------------
	Runway home page
--------------------------------------------------------------------------- */

/* removed as all section pages now share the main home page styles */


/* ------------------------------------------------------------------------
	Culture home page 
--------------------------------------------------------------------------- */

/* removed as all section pages now share the main home page styles */

/* ------------------------------------------------------------------------
	Resources home page
--------------------------------------------------------------------------- */

/* removed as all section pages now share the main home page styles */


/* ======================================================================== 
	Reports sub pages                                                             
=========================================================================== */

/* top level report just has a grey outline */

/* second level reports */
div.secondarytf, table#secondary td.s { 	
	/*background: url(/mudpie/panels/report_thumbs.v12345.jpg) no-repeat;*/
	background:#DEDEDD;

}	

/* third level reports (small boxes) */
div.tertiarytf, table#tertiary td.t {		
	/*background: url(/mudpie/panels/report_thumbs.v12345.jpg) no-repeat;*/
	background:#DEDEDD;
	color: #515050;
} 	


/* stories and images panels */
div.tfsection {								
	background: #fff;

	border:1px solid #d9d9d9;
}		

div.toptf {
	border:1px solid #d9d9d9;
}
div.toptf h2 { 
	color: white;
	background: black;
}		


/* top level report heading colour */
div.tfsection h2 {color:#515050;}   


/* second level reports heading colour */
div.secondarytf h3, 
table#secondary td.s h3 { 
	background: url(/mudpie/panels/report_thumbs.v12345.jpg) no-repeat;
	color: black;
}	


/* ------------------------------------------------------------------------
	city stories
--------------------------------------------------------------------------- */
div.zero, td.zero {									/* first story panel for city stories */
	background: black;
	color: #ffffff;
}				

div.one, td.one {									/* second story panel for city stories */
	background: #323232;
	color: white;
}				

div.two, td.two {									/* third story panel for city stories */
	background: #656565;
	color: white;
}				


/* ------------------------------------------------------------------------
	Report sub-categories panels
--------------------------------------------------------------------------- */
ul#sub-categories li {
	background: url(/mudpie/panels/sub_nav.v12345.jpg) no-repeat;
	color: black;
	border: 1px solid #d9d9d9;
} 



/* ------------------------------------------------------------------------
	Miscellaneous panels
--------------------------------------------------------------------------- */
div.formWrap { 
	background-color: #E0E0E0;
	color: #515050;
}		/* a number of forms have this bg colour applied */


table.arrowlinks a{
	background: url(/mudpie/images/misc/arrow_new.v12345.gif) no-repeat; /* arrow image used for top right pannel */
	background-position:0px 2px;		/* tweek this to get image to line up. Format: [distance from left] [distance from top] */
 	color:black; 													/* uncomment this to change link colour */
	text-decoration:none;
	padding:1px 0 0 27px;									/* tweek this to give text enought room */
	line-height: 21px;
}


table a:hover{
	text-decoration:underline;
}