html {
	height: 100%;
	}

body { 
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #353938;
	background-color: #CACED7;
	height: 100%;
	background-image: url(/_assets/custom/images/common/bg_body.gif);
	background-position: 0% 0%;
	background-repeat: repeat-y;
	}
		
img { 
	border-width: 0px;}
		
hr	{ 
	border: 0px; 
	border-top: solid #B8C7D1 1px; 
	height: 1px;} /* This is the horisontal rule, a line you use for separation */

			
table, tr, td	{ }
		
form {
	margin: 0px;
	padding: 0px;}
	
sup {
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	}
	
/* LOGIN  ------------------------------------------------------------ */

.login {
	width: 300px;
	padding: 10px;
	border: 1px solid #999999;
	background-color: #eeeeee;}
	
/* HEADINGS  ------------------------------------------------------------ */

h3, h4, h5 ,h6	{}

h1 {
	font-family: Helvetica, sans-serif;
	font-size: 28px;
	color: #aa0000;
	line-height: 27px;
	font-weight: normal;
	}
	
h2 {
	font-family: Helvetica, sans-serif;
	font-size: 21px;
	color: #596571;
	line-height: 21px;
	font-weight: normal;
	}
	
h3 {
	font-family: Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	line-height: 17px;
	font-weight: normal;
	}

/* LINKS  --------------------------------------------------------------- */

a:link, a:visited, a:active {color: #aa0000;}	

a:hover {
	color: #596571;
	}
	
/* GENERAL CLASSES  -------------------------------------------------------
(used in the autohandler and/or index, most of these are up to the designer
to place them where he/she thinks would be appropriate) */

#container {
	position: relative;
	min-height: 100%;
	}

.logo {
	padding-left: 40px;
	padding-bottom: 5px;
	background-color: #FFFFFF;
	padding-top: 20px;
	}
	
.logo p {
	padding: 0px;
	margin: 0px;
	}
	
.topLinks {
	float: left;
	border: solid 0px;
	font-size: 10px;
	padding: 5px 0px 5px 15px;
	border-left: solid 1px #D0D9D8;
	background-color: #FFFFFF;
	}
	
/*\*/
* html .topLinks {
	margin-right: 2px;
	}
/**/
	
.topLinks a.contact:link, .topLinks a.contact:visited {
	color: #232527;
	padding: 0px 0px 0px 22px;
	text-decoration: none;
	background-image: url(/_assets/custom/images/common/icon_contact.gif);
	background-repeat: no-repeat;
	background-position: 2px 1px;
	}
	
.topLinks a.contact:hover {
	text-decoration: underline;
	}
	
 .topLinks a.home:link,  .topLinks a.home:visited {
	text-decoration: none;
	color: #232527;
	margin-left: 10px;
	background-image: url(/_assets/custom/images/common/icon_home.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 18px;
	border: solid 0px;
	}
	
 .topLinks a.home:hover {
	text-decoration: underline;
	}
	
.homePic {
	background-color: #CBD0D7;
	}
	
.homePic img {
	background-color: #ffffff;
	padding-left: 40px;
	}
	
.homePic .product {
	position: absolute;
	margin-top: 20px;
	margin-left: 531px;
	padding: 0px;
	}
	
.homePic .product img {
	padding: 0px;
	}
	
.homeHolder {
	width: 100%;
	}
	
.homeContent {
	width: 739px;
	padding-left: 40px;
	border: solid 0px;
	}
	
.homeLeft {
	width: 371px;
	float: left;
	padding: 18px 0px 18px 0px;
	border: solid 0px;
	white-space: normal;
	}
	
.homeSlogan {
	font-family: Helvetica, sans-serif;
	font-size: 28px;
	color: #aa0000;
	line-height: 27px;
	background-image: url(/_assets/custom/images/common/bg_blue_arrow_big.gif);
	background-repeat: no-repeat;
	background-position: 46px 3px;
	white-space: normal;
	padding-left: 73px;
	}
	
.homeSlogan p {
	margin: 0px;
	padding: 0px;
	}
	
.homeExtra {
	margin: 10px 0px;
	border: solid 0px;
	padding-left: 73px;
	}
	
.homeWelcome {
	width: 315px;
	float: left;
	padding: 18px 24px;
	line-height: 18px;
	border: solid 0px;
	white-space: normal;
	}
	
.homeWelcome p {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	}
	
.homeLinks ul{
	list-style-type: none;
	margin: 0px 0px 2px 0px;
	padding: 0px;
	border: solid 0px;
	}
	
.homeLinks li {
	border-bottom: solid 1px #D0D9D8;
	padding: 8px 0px 8px 26px;
	background-image: url(/_assets/custom/images/common/bg_red_arrow.gif);
	background-repeat: no-repeat;
	background-position: 13px 12px;
	font-size: 10px;
	color: #232527;
	}
	
.homeLinks a:link, .homeLinks a:visited {
	font-size: 10px;
	color: #232527;
	text-decoration: none;
	}
	
.homeLinks a:hover {
	text-decoration: underline;
	}
	
.homeLinks p {
	padding: 0px;
	margin: 0px;
	}
	
.homeLinks select {
	margin: 8px 0px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: solid 1px #D0D9D8;
	width: 195px;
	}
	
.homeLinks option {
	padding: 2px;
	}
	
.subPic {
	width: 100%;
	}
	
.subPic div {
	background-color: #ffffff;
	padding-left: 40px;
	width: 733px;
	height: 122px;
	}
	
#subMenu {
	position: absolute;
	top: 155px;
	left: 724px;
	border: solid 0px;
	right: 0px;
	}
	
.closer {
	clear: both;
	height: 1px;
	font-size: 0px;
	line-height: 0px;
	background-color: #FFFFFF;
	}
	
#contentHolder {
	width: 592px;
	padding: 20px 65px;
	border: solid 0px;
	}

	
h1.subTitle {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	font-weight: normal;
	}

.content {
	line-height: 18px;
	}
	
.downloadLinks td {
	color: #254D97;
	background-image: url(/_assets/custom/images/common/bg_download_links.gif);
	background-position: 0% 0%;
	background-repeat: no-repeat;
	padding: 5px 10px 6px 10px;
	line-height: 18px;
	}
	
.downloadGroups td.title {
	background-image: url(/_assets/custom/images/common/bg_download_groups.gif);
	background-position: 0% 0%;
	background-repeat: no-repeat;
	width: 286px;
	height: 30px;
	}
	
.downloadGroups td.title h4 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	padding: 8px 5px;
	margin: 0px;
	color: #254D97;
	}
	
.downloadGroups td.list {
	border-left: solid 1px #CFDDE7;
	border-bottom: solid 1px #CFDDE7;
	border-right: solid 1px #CFDDE7;
	padding: 5px 8px;
	}
	
.subLinks {
	background-color: #FAFAFA;
	border: solid 1px #CACED7;
	padding: 10px;
	margin: 30px 0px;
	}
	
.subLinks p {
	margin: 0px;
	padding: 0px;
	}
	
.subLinks ul {
	list-style-type: none;
	margin: 0px 5px;
	padding: 0px;
	float: left;
	width: 178px;
	border: solid 0px;
	font-size: 10px;
	line-height: 18px;
	}
	
.subLinks li {
	background-image: url(/_assets/custom/images/common/bg_blue_arrow_small.gif);
	background-repeat: no-repeat;
	background-position: 0% 6px;
	padding: 0px 10px;
	}
	
.subLinks a:link, .subLinks a:visited {
	color: #596571;
	}
	
.subLinks a:hover {	
	color: #aa0000;
	}
	
.quickLinks {
	border: solid 0px;
	padding: 10px 10px 0px 25px;
	border: solid 5px #CACED7;
	border-right: 0px;
	background-color: #ffffff;
	margin: 10px 0px;
	}
	
.quickLinks ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
	
.quickLinks li {
	padding: 8px 0px 8px 13px;
	background-image: url(/_assets/custom/images/common/bg_gray_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 12px;
	color: #232527;
	}
	
.quickLinks a:link, .quickLinks a:visited {
	color: #CC0000;
	}
	
.quickLinks select {
	margin: 8px 0px;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: solid 1px #D0D9D8;
	}
	
.bottomBar {
	border-top: solid 1px #D0D9D8;
	background-image: url(/_assets/custom/images/common/bg_bottom_bar.gif);
	background-repeat: repeat-x;
	padding: 10px 0px 10px 0px;
	background-color: #FFFFFF;
	position: absolute;
    bottom: 0px;
	width: 100%;
	}
	
.bottomBarHome {
	border-top: solid 1px #D0D9D8;
	background-image: url(/_assets/custom/images/common/bg_bottom_bar.gif);
	background-repeat: repeat-x;
	padding: 10px 0px 10px 0px;
	background-color: #FFFFFF;
	}
	
.copyright {
	float:left;
	width: 723px;
	padding: 0px 0px 0px 40px;
	font-size: 10px;
	color: #726D6D;
	border: solid 0px;
	}
	
.copyright a:link, .copyright a:visited {
	color: #726D6D;
	text-decoration: none;
	}
	
.copyright a:hover {
	text-decoration: underline;
	}
	
/* MENU ------------------------------------------------------------------------- */

.menuContainer {
	border: solid 0px #000000;
	padding: 0px 0px 0px 0px;
	font-size: 0px;
	background-color: #FFFFFF;
	width: 100%;
	}

.tabMenu {
	color: #aa0000;
	float: left;
	margin: 0px 0px 0px 40px;
	padding: 0px 0px 0px 0px;
	font-size: 0px;
	background-color: #FFFFFF;
	}
	
/*\*/
* html .tabMenu {
	margin: 0px 0px 0px 20px;
	color: #aa0000;
	}
/**/

.tab {
	float: left;
	color: #aa0000;
	}
 
.tab a.header:link, .tab a.header:visited{
	color: #aa0000;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px;
	font-size: 10px;
	border-left: solid 1px #D0D9D8;
	display: block;
	}

.tab a.header:hover {
	background-color: #F3F3F4;
	color: #aa0000;
	}

.tab a.headerSelected:link, .tab a.headerSelected:visited, .tab a.headerSelected:hover {
	background-color: #F3F3F4;
	color: #aa0000;

	}

.itemContainer {
	display: none;
	color: #aa0000;
	position: absolute;	
	margin-top: 0px;
	width: 250px;
	z-index: 1000;
	font-size: 10px;
	text-align: left;
	border-bottom: solid 1px #D0D9D8;
	border-left: solid 1px #D0D9D8;
	border-right: solid 1px #D0D9D8;
	background-color: #F3F3F4;
	}
	
/*\*/
* html .itemContainer {
	color: #aa0000;
	margin-top: 0px;
	margin-left: 0px;
	}
/**/
 
.itemContainer a.item:link, .itemContainer a.item:visited {
	padding: 7px 10px;
	color: #aa0000;
	display: block;
	text-decoration: none;
	border-bottom: solid 0px #D0D9D8;
	}
	
.itemContainer a.item:hover {
	color: #232527;
	background-color: #EAEAEB;
	}

.itemContainer a.itemSelected:link, .itemContainer a.itemSelected:visited {
	color: #aa0000;
	}

/* BREADCRUMBS ---------------------------------------------------------------- */

.breadcrumbs {
	padding-bottom: 10px;
	}

.breadcrumbs ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	}
	
/*\*/
* html .breadcrumbs ul {
	margin-top: 0px;}
/**/

.breadcrumbs li {
	background-image: url(/_assets/mc/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 100% 5px;
	margin: 0px 7px 0px 0px;
	padding: 0px 17px 0px 0px;
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #879AA5;}
	
.breadcrumbs li a:link, .breadcrumbs li a:visited {
	word-spacing: normal;
	text-decoration: none;
	color: #596571;}
	
.breadcrumbs li a:hover {
	text-decoration: underline;
	}

/* SIDENAV ---------------------------------------------------------------- */

.sideNav {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	border: solid 5px #aa0000;
	border-right: 0px;
	background-color: #FFFFFF;
	}

.sideNav .header {
	font-family: Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	height: 17px;
	padding: 14px 5px 25px 72px;
	background-image: url(/_assets/custom/images/common/bg_blue_arrow_down.gif);
	background-repeat: no-repeat;
	background-position: 15px 17px;
	border-bottom: solid 0px;
	line-height: 17px;
	background-color: #ffffff;
	}
	
/*\*/
* html .sideNav .header {
	padding: 14px 5px 5px 72px;
	}
/**/
	
.sideNav .header a:link, .sideNav .header a:visited {
	color: #AA0000;
	text-decoration: none;
	}
	
.sideNav .item {
	border-bottom: solid 1px #CACED7;
	margin-left: 50px;
	}
	
.sideNav .item a:link, .sideNav .item a:visited {
	color: #333;
	text-decoration: none;
	display: block;
	padding: 10px 0px 10px 22px;
	}
	
.sideNav .item a:hover {
	background-color: #F4F6F9;
	}
	
.sideNav .selected {
	border-bottom: solid 1px #CACED7;
	margin-left: 50px;
	}
	
.sideNav .selected a:link, .sideNav .selected a:visited {
	padding: 10px 0px 10px 22px;
	text-decoration: none;
	display: block;
	color: #aa0000;
	background-image: url(/_assets/custom/images/common/bg_red_arrow.gif);
	background-repeat: no-repeat;
	background-position: 10px 13px;
	}
	
.sideNav .selected a:hover {
	background-color: #F4F6F9;
	}
	
.sideNav .back {
	margin-left: 50px;
	margin-bottom: 10px;
	}
	
/*\*/
* html .sideNav .back {
	margin-bottom: 0px;
	}
/**/
	
.sideNav .back a:link, .sideNav .back a:visited {
	padding-left: 22px;
	color: #333;
	text-decoration: none;
	padding: 10px 0px 10px 22px;
	text-decoration: none;
	display: block;
	}
	
.sideNav .back a:hover {
	background-color: #F4F6F9;
	}


/* SEARCH ------------------------------------------------------------------*/

div.searchForm {
	float: left;
	width: 220px;
	font-size: 0px;
	line-height: 0px;
	padding-left: 10px;
	}

.searchForm .field {
	border: 0px;
	background-image: url(/_assets/custom/images/common/bg_search_field.gif);
	width: 127px;
	height: 13px;
	font-size: 10px;
	padding: 3px;
	margin-right: 5px;
	}
	
/*\*/
* html .searchForm .field {
	background-repeat: no-repeat;
	background-attachment: fixed;
	}
/**/
	
.searchForm .button {
	background-image: url(/_assets/custom/images/common/bg_search_button.gif);
	background-position: 0% 100%;
	background-repeat: no-repeat;
	border: solid 0px;
	height: 19px;
	font-size: 10px;
	padding: 0px 17px 0px 5px;
	margin: 0px;
	color: #62676A;
	font-family: Arial, sans-serif;
	line-height: 9px;
	text-align: left;
	background-color: transparent;
	}
	
/*\*/
* html .searchForm .button {
	width: 61px;
	padding: 0px 7px;
	}
/**/

/* TOOLKIT ---------------------------------------------------------------- */

.toolKit {
	padding: 20px 10px 20px 78px;
	border: solid 0px;
	}
	
.toolKit a.print:link, .toolKit a.print:visited {
	text-decoration: none;
	color: #333;
	background-image: url(/_assets/mc/images/printer.gif);
	background-repeat: no-repeat;
	background-position: 0%;
	padding-left: 21px;
	border: solid 0px;
	}
	
.toolKit a.print:hover {
	text-decoration: underline;
	color: #aa0000;
	}
	
.toolKit a.e-mail:link,  .toolKit a.e-mail:visited{
	text-decoration: none;
	color: #333;
	background-image: url(/_assets/mc/images/mail.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	margin-left: 10px;
	padding-left: 20px;
	border: solid 0px;
	}
	
.toolKit a.e-mail:hover {
	text-decoration: underline;
	color: #aa0000;
	}

/* NEWS ---------------------------------------------------------------- */

.latestNews h1 {
	margin: 0px;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #EEEEEE;
	padding: 5px 9px 5px 9px;
	border: 1px solid #999999;}
	
.latestNews a {
	border: 1px solid #999999;
	border-top: 0px;
	padding: 5px 9px 5px 9px;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #003366;
	background-color: #EEEEEE}
	
.latestNews a:hover {
	background-color: #FFFFFF;}
	
.latestNews .date {
	display: block;
	font-size: 9px;
	font-style: normal;
	color: #999999;}

/* CATALOGUES TEMPLATES  ----------------------------------------------- 
The classes are split in two: 

listing classes are for the listing.xsl templates and are the same for all of those templates in all catalogues */

	.listingTitle {} /* DIV tag arround the top Title of the list for which you can set styles just like for TABLE, TR and TD tags */
	
	.listingDir {} /* DIV tag arround the Directory (folder) entries that are listed,
		for which you can set styles just like for TABLE, TR and TD tags */
	
	.listingDir a:link,
	.listingDir a:hover,
	.listingDir a:visited {} /* Directory (folder) enties links */
	
	.listingDir div {}
	
	.listingItem {} /* DIV tag arround the Item (file) entries that are listed,
	for which you can set styles just like for TABLE, TR and TD tags */
	
	.listingItem a:link,
	.listingItem a:hover,
	.listingItem a:visited {font-weight: bold; font-size: 13px; line-height: 20px;} /* Item (file) enties links */
	
	.listingFaqA {} /* Class specific to the FAQ catalogue listing template letter A */
	
	.listingImage {
		float: left;
		}
	.listingCloser {
		clear: both;
		width: auto;
		font-size: 0px;
		padding: 0px;
		margin: 0px;
		} /* Two classes specific to Products and Real Estates listing templates (those are the 
	oly two with images)  - listingImage floats the image to the left and the closer is there to clear it for the 
	next in the code*/
	
	.listingBack {margin: 10px 0px;} /* DIV tag arround the Back link for which you can set styles just like for TABLE, TR and TD tags */
	.listingBack a:link,
	.listingBack a:hover,
	.listingBack a:visited {} /* Back link */

/* detail classes are for the detail_view.xsl templates and apply for all of those templates in all catalogues */

	.detailTitle {} /* Title displayed on top of the detail view of a catalogue entry */
		
	.detailDateTime	{} /* Date and Time displayed under the title */
	
	.detailCareersInfo {
		float: right;
		font-weight: bold;
		} 
	.detailCareersInfo span {}/* Two classes specific to the Careers catalogue - allows the Ref. No., Start and Expiry Dates to float right
		to the Title*/
	
	.detailImage {
		float: left;
		}
	.detailImage div {}
	
	.detailDownload {
		margin: -20px 0px 0px 0px;
		}
		
	.detailDownload p {
		margin: 0px 0px 0px 0px;
		font-weight: normal;
		font-style: italic;
		}
		
	.detailSummary	{font-weight: bold; margin: 10px 0px;} /* Short description that comes after the horisontal rule under the date and time,
		usually smaller than the Detail Description */
		
	.detailSubTitle	{} /* All the subtitles for different categories in catalogues (e.g. External Links, Images, External Documets) */

/* Detail Description and links for catalogues do not have a class specified
since for the description the class should be same as the content class listed
in General Classes above, and the links styles can be also set by the Links
classes above (if the catalogues links need to be different then the classes can be added afterwords) */



/* SITEMAP  ------------------------------------------------------- */
	
	.siteMap, .siteMap ul {
		list-style-type: none;
		}
	
	.sitemap_level_0 {}
	
	.sitemap_level_1,
	.sitemap_level_1 a:link,
	.sitemap_level_1 a:hover,
	.sitemap_level_1 a:visited {}
	
	.sitemap_level_2 {}
	
	.sitemap_level_3 {}
	
	.sitemap_level_4 {}
	
	
/* SEARCH LIST ------------------------------------------------------------- 
Classes for the searchList.xsl template in /_assets/mc/templates/_site/ */

	.searchTitle h1{margin-top: -5px;}
	.searchTitle span {font-style: italic;}
	
	.searchMatchNum span{font-weight: bold;}
	
	.searchResSpan {}
	.searchResSpan span{font-weight: bold;}
	
	.searchPrevNext,
	.searchPrevNext a:link,
	.searchPrevNext a:hover,
	.searchPrevNext a:visited{margin: 10px 0px;}
	
	.searchItem {margin: 10px 0px;}
	.searchItemNum {float: left; font-weight: bold; margin-right: 5px; color: #aa0000;}
	.searchItemTtl a:link, .searchItemTtl a:visited{font-weight: bold; color: #aa0000;}
	.searchItemDes {}
	.searchItemLink {}
	.searchItemLink span {text-decoration: underline;}