/* POSITION & LAYER STYLES */
/* Document Version 1.3 */


/* ---------------------------------------------------------------------------- */
/* Global Wrappers Start ------------------------------------------------------ */

#container {
    padding:0;
    margin:0 auto;     /* centres the container */ 
	width:984px;
	overflow:hidden;
    }
             
#header {	/* SEE header_ctrl.css	*/
}

#masthead {
	clear:both;
	margin-bottom: 3px;
	height:51px;
	overflow:hidden; /* ie 6 insisted on adding a bottom margin to this otherwise */
	}

#nav_main {
	z-index:4;
	width:984px;
	margin:0 auto;     /* centres the container */ 
	height:35px;
	position:relative;
	}

#subnav {	/* SEE nav_sub.css	*/
	}

#cookie_trail {
	clear:both;
	height:43px;
	margin-top: 4px;
	font-size: 0.8em;
	background-image:url(../images/trim_page_top.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	}

#bodyblock {   /* content wrapper for pages without subnav */
	margin: 35px 150px 12px 25px;
	}
	
/* Pages with subnav ------------------------------------------------------ */


#content_wrap {
	margin:0 auto;
	width:984px;
	background:#ffffff url(../images/nav_sub/bg_grey.gif) repeat-y;
}
#subnav_wrap {
	float:left;
	width:188px;
	margin-bottom:25px;
	background:#dbd8d8 url(../images/nav_sub/bg_grey.gif) repeat-y;
}

/* Pages with subnav - BASE ------------------------------------------------------ */

#base {
	clear:both;
	margin:0 auto;
	width:984px;
	background:#ffffff url(../images/nav_sub/bottom.gif) no-repeat top left;
}
	#base .divider {
		clear: both;
		height: 11px;
		margin: 0 25px 0 205px;
		background: url(../images/trim_hr_bg.gif) center top repeat-x;
		}
	
	#base .divider hr {
		display: none;
		}
	
/* Global Wrappers End ------------------------------------------------------ */
/* ---------------------------------------------------------------------------- */





/* ---------------------------------------------------------------------------- */
/* Basic Templates Start ----------------------------------------------------- */


/* 1 Column Template 01 ------------------------------------------------------ */


#main1col {
	background:#ffffff;
	float:left;
	width:666px;		/* total with left and right padding should be 796px */
	padding: 10px 100px 75px 30px;
	}
	
/* 1 Column Template 02 ------------------------------------------------------ */


#main1col_full {
	background:#ffffff;
	float:left;
	width:766px;		/* total with left and right padding should be 796px */
	padding: 10px 0px 75px 30px;
	}
	
/* 2 Column Templates ALL ------------------------------------------------------ */


#main2col {
	background:#FFFFFF;
	float:left;
	width:766px;		/* total with left and right padding should be 796px */
	padding: 10px 0px 75px 30px;
	}

/* 2 Column Template 01 ------------------------------------------------------ */

#main2col div.lhs_01 {
	float:left;
	width:440px;
	padding-right:50px;
	}
	
#main2col div.rhs_01 {
	float:left;
	width:265px;
	}

/* 2 Column Template 02 ------------------------------------------------------ */

#main2col div.lhs_02 {
	float:left;
	width:290px;
	padding-right:40px;
	}

#main2col div.rhs_02 {
	float:left;
	width:390px;
	}


/* Basic Templates End ----------------------------------------------------- */
/* ---------------------------------------------------------------------------- */






/* Footers Start ------------------------------------------------------ */
/* ---------------------------------------------------------------------------- */

#foot_1 {
	clear:both;
	padding-top:10px;
	margin: 10px 0 0 25px;
	color:#333333;
	line-height:145%;
	position: relative;
	top: 10px;
	}
	#foot_1 .detailswrap {
		width:466px; 
		float:left;
	}
	#foot_1 .col1 {  /* used for address */
		font-size: 0.8em;
		float:left; 
		width:186px;
		margin-bottom:15px;
	}
	#foot_1 .col2 {  /* used for phone/email */
		font-size: 0.87em;   /*  because list items are already 0.92em, 0.87 x 0.92 = 0.8, as col1 above */
		float:left; 
		width:280px;
	}
	
	/*  either livechat widget or exhibtion widget shows - here are styles for both, livechat first */
	#foot_1 #livechat {
		float:left; 
		background-color:#1a589d; 
		width:236px;
		height:132px;
		overflow:hidden;
		color:#FFFFFF !important;
		background:#1a589d url(../images/widgets/widget_livechat.jpg) no-repeat;
		text-align:center;
	}
	#foot_1 #livechat a {
		color:#FFFFFF !important;
		}

	/*  either livechat widget or exhibtion widget shows - now exhibition styles */
	#foot_1 #exhibition {
		float:left; 
		background-color:#1a589d; 
		width:236px;
		height:132px;
		overflow:hidden;
		color:#FFFFFF !important;
		background:#1a589d url(../images/widgets/widget_exhibition_default.jpg) no-repeat;
		text-align:center;
	}
	#foot_1 #exhibition a {
		color:#FFFFFF !important;
		}
	/*  either livechat widget or exhibtion widget shows - this is the end of these styles */

		
#foot_2 {
	margin: 10px 0 0 0;
	color:#333333;
	line-height:145%;
	}
	#foot_2 .notice {
	font-size: 0.8em;
	float:left; 
	display:inline;  /* IE6 fix so as not to double left hand margin of floated div */
	width:324px;
	margin-right: 20px;
	margin-left: 25px;
	}
	
	#foot_1 .badge, #foot_2 .badge {
	float:left; 
	width:91px;
	height:91px; 
	overflow:hidden;  /* prevents images uploaded larger than 91 by 91 max from not disturbing layout */
	margin-right: 31px;
	text-align:center;
	}
	
	#foot_2 #subscribe {
	float:left;
	margin-top:15px;
	position:relative;
	width: 236px;
	height: 40px;		/* height + padding should = 65px */
	padding-top:25px;
	overflow:hidden;
	}	

		#foot_2 #subscribe.gb {background:#1a589d url(../images/widgets/gb/widget_subscribe.gif) no-repeat;}
		#foot_2 #subscribe.fr {background:#1a589d url(../images/widgets/fr/widget_subscribe.gif) no-repeat;}
		#foot_2 #subscribe.de {background:#1a589d url(../images/widgets/de/widget_subscribe.gif) no-repeat;}
		#foot_2 #subscribe.it {background:#1a589d url(../images/widgets/it/widget_subscribe.gif) no-repeat;}
		#foot_2 #subscribe.is {background:#1a589d url(../images/widgets/is/widget_subscribe.gif) no-repeat;}
		#foot_2 #subscribe.ru {background:#1a589d url(../images/widgets/ru/widget_subscribe.gif) no-repeat;}


		#foot_2 #subscribe input{
		margin-left:13px;
		}

	
	
	
	
	
	
	
	
	
	
#foot_3 {
	margin: 15px 0 12px 0;
	height:145px;
	background-image:url(../images/footer/foot_bg.gif);
	background-repeat:repeat-x;
	font-size: 0.8em;
	padding-top:15px;
	color:#333333;
	}

	#foot_3 div {
		display: block;
		margin:0 auto;     /* centres the container */ 
		width:984px;
		}
	#foot_3 p {
		margin-left:25px;
		font-size: 1em;
		}

	#foot_3 .divider {
		clear: both;
		height: 11px;
		width:75%;
		margin: 0 0 10px 25px;
		background: url(../images/trim_hr_bg.gif) center top repeat-x;
		}
	
	#foot_3 .divider hr {
		display: none;
		}

#foot_4 {
	font-size: 0.8em;
    margin:0 auto;     /* centres the container */ 
	width:984px;
	}
	#foot_4 p {
		margin: 0 0 10px 25px;
		font-size: 90%;
		}

/* ---------------------------------------------------------------------------- */
/* Footers End ------------------------------------------------------ */