/* POSITION & LAYER STYLES */
/* Document Version 1.6 */


/* ---------------------------------------------------------------------------- */
/* Global Wrappers Start ------------------------------------------------------ */

#container {
    padding:0;
    margin:0 auto;     	/* centres the container */ 
	width:996px;  		/* used to be 984px */
	overflow:hidden;
	background-color: #fff;
	border-left:solid #dbdbdc 1px;
	border-right:solid #dbdbdc 1px;
    }
             
#header {	/* SEE header.css	*/
}


#nav_main {
	z-index:4;
	width:984px;
	margin:0 auto;     /* centres the container */ 
	height:35px;
	position:relative;
	clear:both;
	}

#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:0;
	margin: 0 0 0 25px;
	color:#333333;
	line-height:145%;
	position: relative;
	top: 10px;
	}
	#foot_1 .detailswrap {
		width:710px; 
		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;	/* in case images are disabled, link still shows */
		}

	/*  either livechat widget or exhibtion widget shows - now exhibition styles */
	#foot_1 #exhibition {
		float:left; 
		background-color:#1a589d; 
		color:#FFFFFF !important;
		width:236px;
		height:132px;
		overflow:hidden;
		text-align:center;
	}
	#foot_1 #exhibition a {
		color:#FFFFFF !important;   /* in case images are disabled, link still shows */
		}
		
		/*  These were declared as follows, but this didn't work in ie6 for some reason: #foot_1 #exhibition.default {background:#1a589d url..... */
		#foot_1  .default 			{background:#1a589d url(../images/widgets/widget_exhibition_default.jpg) no-repeat;}
		#foot_1  .southern 			{background:#1a589d url(../images/widgets/widget_exhibition_logo_01.gif) no-repeat;}
		#foot_1  .productronica 	{background:#1a589d url(../images/widgets/widget_exhibition_logo_02.gif) no-repeat;}
		#foot_1  .mtec 				{background:#1a589d url(../images/widgets/widget_exhibition_logo_03.gif) no-repeat;}
		#foot_1  .bias 				{background:#1a589d url(../images/widgets/widget_exhibition_logo_04.gif) no-repeat;}
		#foot_1  .forum 			{background:#1a589d url(../images/widgets/widget_exhibition_logo_05.gif) no-repeat;}
		#foot_1  .cien 				{background:#1a589d url(../images/widgets/widget_exhibition_logo_06.gif) no-repeat;}
		#foot_1  .electronica 		{background:#1a589d url(../images/widgets/widget_exhibition_logo_07.gif) no-repeat;}
		#foot_1  .simtec 			{background:#1a589d url(../images/widgets/widget_exhibition_logo_08.gif) no-repeat;}
		#foot_1  .embeddedworld		{background:#1a589d url(../images/widgets/widget_exhibition_logo_09.gif) no-repeat;}
		#foot_1  .newtech			{background:#1a589d url(../images/widgets/widget_exhibition_logo_10.gif) no-repeat;}
		#foot_1  .decielec			{background:#1a589d url(../images/widgets/widget_exhibition_logo_11.gif) no-repeat;}
		#foot_1  .sps				{background:#1a589d url(../images/widgets/widget_exhibition_logo_12.gif) no-repeat;}
		#foot_1  .led				{background:#1a589d url(../images/widgets/widget_exhibition_logo_13.gif) no-repeat;}
		#foot_1  .htm				{background:#1a589d url(../images/widgets/widget_exhibition_logo_14.gif) no-repeat;}
		
/*  either livechat widget or exhibtion widget shows - this is the end of these styles */

		
#foot_2 {
	margin: 25px 0 15px 0;
	color:#333333;
	line-height:145%;
	}

	#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-left: 25px;
	text-align:center;
	display:inline;   /* IE6 fix so as not to double left hand margin of floated div */ 
	}
	
	#foot_2 #subscribe {
	float:right;
	margin-top:15px;
	margin-right: 25px;
	display:inline;
	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 {		background-color:#c7d4e0;
				padding-top:30px;
				margin-top:30px;
				background-image:url(../images/footer/foot_bg_v6.gif);
				background-repeat:repeat-x;
				background-position:top;
				/*_height: 0;    IE haslayout bug fix */
				 zoom:1; /* alternate IE haslayout bug fix */
				}
				
				#foot_3 ul.col {
					float:left;
					border-right:1px dotted #999999;
					width: auto;
					padding: 15px 40px 0 40px;
					min-height: 190px;
					}
				#foot_3 ul.col.first {
					padding-left: 25px;
					}
				#foot_3 ul.col.last {
					border-right:none;
					}
					
					#foot_3 ul.col li {
						font-size: 75%;
						background:none;
						padding: 0 0 9px 0;
						}
					#foot_3 ul.col li a  {
						color: #000000;
						text-decoration: none;
						font-weight: normal;
						}
					#foot_3 ul.col li a:hover  {
						color: #1c5a9e;
						text-decoration: underline;
						font-weight: normal;
						background:transparent;
						}
/*					#foot_3 .col img  {
						display:block;
						margin-bottom: 47px;
						}
*/
					#foot_3 ul.social img  {
						padding: 28px 9px 0 0;
						}
					#foot_3 ul.social li  {
						padding-bottom: 0;
						}


					#foot3base {clear:both;
								height:20px;
								background-color:#1c5a9e;
								border-top:#FFFFFF solid 1px;
								}
								
								
#foot_4 {
	font-size: 0.8em;
    margin:10px 0 25px 0; 
	width:100%;
	}
	#foot_4 img {
		margin: 10px 0 10px 25px;
		}
	#foot_4 p {
		margin: 0 25px 0 25px;
		color:#999999;
		}

.adminfootnav 
{
    margin-left : 18px;
}

/* ---------------------------------------------------------------------------- */
/* Footers End ------------------------------------------------------ */

