/*-----------------------------------------------------------------------------
Modes Mamas & Papas Style Sheet

version:   2.0, Autumn/Winter 2007
author:    Tom Llewellyn, Rob Farnell
email:     tom.llewellyn@mamasandpapas.com, rob.farnell@mamasandpapas.com
website:   http://www.mamasandpapas.co.uk

-----------------------------------------------------------------------------*/


/* =Default Mode - full width single column
-----------------------------------------------------------------------------*/

#ModesContainer, #Mode2Container {
	width:992px;
	margin-left: auto;
	margin-right: auto;
	/*max-width:992px;
	min-width:992;*/
}

/* ie min-width, max-width emulation */     
* html #ModesContainer, * html #Mode2Container {
	width: 992px; /* in case JS is off, set a fallback width. default is auto */
    /* If min/max width is to be reinstated on IE6 must move this above default settings */
	/*width: expression(Math.max(Math.min((document.documentElement ? document.documentElement.clientWidth :
	document.body.clientWidth) - 20, 992), 768)+'px');*/
}


/* =Mode2 - Two column as per Cat pages
-----------------------------------------------------------------------------*/

#Mode2Nav {
	float:left;
	height:100%;
	overflow:hidden;
	width:180px;
    margin:0 0 10px 5px;  
}                        
#Mode2Main {
	float:right;
	width:794px
}

/* =Mode3 - Two column as per static pages
-----------------------------------------------------------------------------*/

#Mode3Container {
	width:768px;
	margin: 0 auto 10px auto;
}
#Mode3Container p {
	/*margin-top: 0px; --- removed for help icon to work might need to put it back*/
}
#Mode3Main {
	padding-left: 8px;
	width: 432px;
	height: 1%;
	display: table;
	float:left;
    margin:0 0 10px 0;
}
#Mode3Nav {
	width: 305px;
	height: 1%;
	display: table;
	float: right;
    margin:0 0 10px 0;
}
/* For celebros_search.html - Search. OLD IDS USED TO STYLE CELEBROS INCLUDE. RENAME LATER
-----------------------------------------------------------------------------*/

#mode2_container_r1 {
	width:100%;
}
#mode2_container_r1c1 {
	width: 19%;
	float:left;
	height: 100%;
	padding-right: 1%;
}
#mode2_container_r1c2 {
	width: 80%;
	float: right;
}
.padding_top_10 {
	padding-top: 10px;/*this class is still needed for search page until we can change include classes*/
}
.padding_bottom_10 {
	padding-bottom: 10px;/*this class is still needed for search page until we can change include classes*/
}

/* =Mode 4 - Two columns full width, split 70 / 30
-----------------------------------------------------------------------*/

#Mode4Container {
	width:100%
	margin: 0 auto 0 auto;
}
#Mode4Main {
    width: 667px;
	float:left;
	margin:0 20px 10px 0;
}
#Mode4Nav {
	width: 305px;
	float: right;
    margin:0 0 10px 0;
}