/*----------- redefined html tags --------------- */

body { 	
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Sets overall font styling on all subsequent styles */
	font-size: 1.0em;
	text-align: center; /* Centres everything in IE. Ensure Sunsequent Divs have text align put back top left */
	line-height: normal;
	background-color: #010066;
	margin: 0; 
	padding: 0;
}


/*----------- Outer Construct divs --------------- */

#Wrapper { 	
	width: 841px; 
	height: auto;
	margin: 25px auto 0 auto; /* Auto left & right allow firefox to centre Wrapper */
	padding: 0;
}

#TopCurves { 	
	width: 841px;
	height: 27px;
	background-image: url(../images/TopCurves.gif);
	margin: 0; 
	padding: 0;
}

#MainContainer { 	
	width: 841px;
	height: auto;
	min-height: 200px;
	background-image: url(../images/bgMainContainer.gif);
	background-repeat: repeat-y; /* Tiles the image above downwards to create page edges */
	margin: 0; 
	padding: 10px 0 10px 0; /* This adds space at the top and bottom of main container, cannot add to the top of header because of firefox issue */
}

#BotCurves { 	
	width: 841px;
	height: 27px;
	background-image: url(../images/BotCurves.gif);
	margin: 0; 
	padding: 0;
}


/*----------- Inner Construct divs --------------- */

#Header { 	
	width: 763px;
	height: 56px;
	background-image: url(../images/Header.gif);
	background-repeat: no-repeat;
	margin: 0 auto 15px auto; 
	padding: 0;
}

#NavMenu {		/* Main Navigation Bar at top */
	height: auto;
	width: 555px;
	margin: 33px 0 0 0;
	padding: 0;
	float: right;
	background-color: #010066;
	font-weight: bold;
	line-height: 137%;
	white-space: nowrap;
}

#MainImage { 	
	width: 763px;
	height: 188px;
	margin: 0 auto 15px auto; 
	padding: 0;
}

#BotNav {
	width: 763px;
	height: 32px;
	margin: auto; 
	padding: 0 0 0 0;
	background-image: url(../images/Cemark.jpg);
	background-repeat: no-repeat;
	line-height: 240%;
	font-size: 80%;
	text-align: center;
}

#BotNav li {
	display: inline;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#ButtMenu li {	/* Right Hand Side Button Navigation for all pages other than homepage */
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
	line-height: 243%;
	font-size: 95%;
}

fieldset { 		/* Form on contacts page*/
	padding: 1em 1em 1em 1em;
}
	
legend {
	font-size: 90%;
	font-weight: bold;
	padding: 0;
}
	
label {
	font-size: 85%;
	float: left;
	clear: left;
	width: 8em;
}

#Certificate {	/*Div for certificates*/
	width: 763px;
	height: 704px;
	margin: 0; 
	padding: 0;
	text-align: center;
}


/*----------- ALL MAIN IMAGES --------------- */

.MI_index { background-image: url(../images/MI_index.jpg); }
.MI_products { background-image: url(../images/MI_products.jpg); }
.MI_support { background-image: url(../images/MI_support.jpg); }
.MI_about { background-image: url(../images/MI_about.jpg); }
.MI_casestudies { background-image: url(../images/MI_casestudies.jpg); }
.MI_contacts { background-image: url(../images/MI_contacts.jpg); }

.CE_ISO9001 { background-image: url(../images/ISO9001.jpg); background-repeat: no-repeat; background-position: center; }
.CE_ISO13485 { background-image: url(../images/ISO13485.jpg); background-repeat: no-repeat; background-position: center; }
.CE_CE0120 { background-image: url(../images/CE0120.jpg); background-repeat: no-repeat; background-position: center; }

#ColouredBars1 { 	
	width: 763px;
	height: 12px;
	background-image: url(../images/ColouredLines1.gif);
	background-repeat: no-repeat;
	margin: 0 auto 15px auto; 
	padding: 0;
}

#ColouredBars2 { 	
	width: 763px;
	height: 12px;
	background-image: url(../images/ColouredLines2.gif);
	background-repeat: no-repeat;
	background-position: 0 15px ;
	margin: 0 auto 0 auto; 
	padding: 15px 0 10px 0;
	clear: both;
}

#Monitors {
	width: 177px;
	height: 89px;
	margin: 0; 
	padding: 0;
	background-image: url(../images/Monitors.gif);
	background-repeat: no-repeat;
}

#W3C_XHTML {
	width: 88px;
	height: 31px;
	margin: 5px 0 0 12px; 
	padding: 0 0 0 0;
	float: left;
	background-image: url(../images/valid-xhtml10.png); 
	background-repeat: no-repeat; 
	background-position: center; 
}

#W3C_CSS {
	width: 88px;
	height: 31px;
	margin: 5px 0 0 12px; 
	padding: 0 0 0 0;
	float: left;
	background-image: url(../images/valid-css.png); 
	background-repeat: no-repeat; 
	background-position: center; 
}

/*----------- COLUMNS --------------- */

#ColumnWrapper { 	
	width: 763px; 
	height: auto;
	margin: 0 auto 0 auto; /* Auto left & right allow firefox to centre Wrapper */
	padding: 0;
}

#LeftCol { 	
	width: 177px;
	height: auto;
	min-height: 200px;
	margin: 0; 
	padding: 0;
	background-color: transparent;
	float: left;
}

#CentreCol { 	
	width: 365px;
	height: auto;
	min-height: 200px;
	margin: 0 0 0 30px; 
	padding: 0;
	background-color: transparent;
	float: left;
}

#CentreCol li {
	color: #666;
	font-size: 75%;
	line-height: 130%;
	text-align: left;
	margin: 0 0 5px 15px;
}


#RightCol { 	
	width: 150px;
	height: auto;
	min-height: 200px;
	margin: 0; 
	padding: 0;
	background-color:transparent;
	float: right;
}

#MailCol {
	width: 552px;
	height: auto;
	min-height: 200px;
	margin: 0 0 0 30px; 
	padding: 0;
	background-color: transparent;
	float: right;
	text-align: left;
}

#UserGroupMail {
	width: 552px;
	height: auto;
	min-height: 200px;
	margin: 0 0 0 0; 
	padding: 0;
	background-color: transparent;
	float: left;
	text-align: left;
}


/*----------- LEFT COLUMN NEWS HOME PAGE--------------- */

#NewsTop {
	width: 177px;
	height: 25px;
	margin: 0; 
	padding: 0;
	background-color: #010066;
}

#NewsContainer {
	width: 173px;
	height: auto;
	min-height: 173px;
	margin: 0;
	padding: 0;
	border: 2px solid #010066;
	background-color: #D4D0C8;
}

#NewsContainer ul {
	margin: 5px 0 0 25px;
	padding: 0 0 0 0;
}

#NewsContainer ul li {
	text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 5px 0;
}


#p7PMnav ul li ul li {
	text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/*----------- LEFT COLUMN USER GROUP MEETING COLUMN HOME PAGE--------------- */

#UserGTop {
	width: 177px;
	height: 25px;
	margin: 8px 0 0 0; 
	padding: 0;
	background-color: #010066;
}

#UserGContainer {
	width: 173px;
	height: 50px;
	margin: 0;
	padding: 0;
	border: 2px solid #010066;
	background-color: #D4D0C8;
}

#UserGContainer ul {
	margin: 5px 0 0 25px;
	padding: 0 0 0 0;
}

#UserGContainer ul li {
	text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 5px 0;
}

/*----------- RIGHT COLUMN BUTTONS HOME PAGE--------------- */

#WhyButton { 	
	width: 123px;
	height: 66px;
	margin: 0; 
	padding: 0;
}
#SolButton { 	
	width: 123px;
	height: 66px;
	margin: 14px 0 0 0; 
	padding: 0;
}

#CertButton { 	
	width: 123px;
	height: 66px;
	margin: 14px 0 0 0; 
	padding: 0;
}

#SuppButton { 	
	width: 123px;
	height: 66px;
	margin: 14px 0 0 0; 
	padding: 0;
}


/*----------- RIGHT COLUMN TABLES CERTIFICATION PAGE--------------- */

#ISOCertTop {
	width: 177px;
	height: 25px;
	margin: 0; 
	padding: 0;
	background-color: #010066;
}

#ISOCertContainer {
	width: 173px;
	height: auto;
	margin: 0;
	padding: 0;
	border: 2px solid #010066;
	background-color: #D4D0C8;
	line-height: 150%;
}

#ISOCertContainer ul {
	margin: 5px 0 0 25px;
	padding: 0 0 0 0;
}

#ISOCertContainer ul li {
	text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 5px 0;
}

#DICOMCertTop {
	width: 177px;
	height: 25px;
	margin: 0; 
	padding: 0;
	background-color: #010066;
}

#DICOMCertContainer {
	width: 173px;
	height: auto;
	margin: 0;
	padding: 0;
	border: 2px solid #010066;
	background-color: #D4D0C8;
	line-height: 150%;
}

#DICOMCertContainer ul {
	margin: 5px 0 0 25px;
	padding: 0 0 0 0;
}

#DICOMCertContainer ul li {
	text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 5px 0;
}