/* version=5 */


/* ########################################################################## */
/* MAIN PAGE STYLES */
/* ########################################################################## */
body {
	background-color: #272727;
	color: #000000;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 10pt;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
a, a:link, a:active, a:visited {
	text-decoration: none;
	color: #8C8C8C;
	outline: none;
}
a:hover, a:visited:hover {
	text-decoration: none;
	color: #C00000;
}
h1 {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 19pt;
	font-weight: bold;
}
h2 {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 15pt;
	font-weight: bold;
}
h3 {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
}
h4 {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
}
/* sidenote: these background images had to be converted to .gifs because */
/* Internet Exploder 7 rendered them incorrectly in much darker colors ! */
.main-margin-left {
	background-image: url(images/Margin_L.gif);
	background-repeat: repeat-y;
}
.main-margin-right {
	background-image: url(images/Margin_R.gif);
	background-repeat: repeat-y;
}
.main-margin-left-bottom {
	background-image: url(images/Margin_Bottom_L.gif);
	background-repeat: no-repeat;
}
.main-margin-right-bottom {
	background-image: url(images/Margin_Bottom_R.gif);
	background-repeat: no-repeat;
}
/* guess what had to be garbled, it's now pictures instead of text */
.towhom-garbled {
	margin: 3px 0px 0px 0px;
	cursor: pointer; /* Hand cursor */
	cursor: hand; /* IE 5.x specialty */
}


/* ========================================================================== */
/* header + tiny top right banner area with links */
/* ========================================================================== */
.header {
	width: 970px;
	height: 130px;
	background-image: url(images/Main_Banner.png);
	background-repeat: no-repeat;
}
.header a,
.header a:link, 
.header a:active, 
.header a:visited {
	color: #E10700;
}
.header a:hover,
.header a:visited:hover {
	color: #BA0000;
}
.header-link-area {
	text-align: right;
	color: #FF1418;
	padding: 80px 30px 0px 0px;
}
.header-link-area span {
	color: #B10700;
}
.header-link-area a img {
	position: relative;
	top: 1px;
	left: 0px;
}


/* ========================================================================== */
/* main content area */
/* ========================================================================== */
.content {
	/* for IE only,
		MainBannerWidth (substract the following)
		- MenuWidth 
		- AllHorizontalPadding 
		- 2 x VerticalMenuSeparatorLine 
		- RightEmpty Space 
	*/
	width: 670px;
	background-color: #FFFFFF;
	color: #000000;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 10pt;
	padding: 0px 20px 0px 20px;
}
.content-cell {
	background-color: #FFFFFF;
}


/* ========================================================================== */
/* right empty space before margin */
/* ========================================================================== */
.mainpage-verticalspaceright-background {
	background-color: #000000;
	background-image: url(images/Main_Background_Bottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.mainpage-verticalspaceright {
	width: 30px;
	background-color: #000000;
	background-image: url(images/Main_Background_Top.png);
	background-repeat: no-repeat;
	background-position: left top;
}


/* ========================================================================== */
/* footer */
/* ========================================================================== */
.footer {
	height: 100px;
	background-image: url(images/Main_Footer.png);
	background-repeat: no-repeat;
	color: #4C4C4C;
	text-align: center;
	padding-left: 200px;
	padding-top: 2px;
}




/* ########################################################################## */
/* LEFT MENU STYLES */
/* ########################################################################## */
/* .menu-cell */
/* careful with this one, don't style it */
/* this is the main table cell that holds the right side menu */
.menu-cell {
	color: #D0D0D0;
	background-color: #000000;
	height: 700px;
	background-image: url(images/Main_Background_Bottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 10pt;
}
.menu-cell a,
.menu-cell a:link,
.menu-cell a:active,
.menu-cell a:visited {
	color: #D0D0D0;
}
.menu-cell a:hover, 
.menu-cell a:visited:hover {
	color: #FFFFFF;
}
.menuitemwhole,
.menuitemwhole-selected,
.menuitemwhole-selected-sub {
	width: 230px;
	height: 50px;
	margin: 0px;
	padding: 0px;
	background-color: #000000;
}
.menuitemwhole {
	background-image: url(images/Menu_Background_Menuitem.png);
	background-repeat: no-repeat;
}
.menuitemwhole-selected {
	background-image: url(images/Menu_Background_Menuselected.png);
	background-repeat: no-repeat;
	/*color: #2F2E2E;*/
	color: #FFFFFF;
	cursor: default;
}
.menuitemwhole-selected-sub {
	background-image: url(images/Menu_Background_Menuselnoarrow.png);
	background-repeat: no-repeat;
	/*color: #2F2E2E;*/
	color: #FFFFFF;
	cursor: default;
}
.menuitemwhole h2,
.menuitemwhole-selected-sub h2,
.menuitemwhole-selected h2 {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 13pt;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}
.menuitemwhole h2,
.menuitemwhole-selected-sub h2 {
	padding: 13px 13px 13px 13px;
}
.menuitemwhole-selected h2 {
	/* intentional slight text shift to the left in selected menuitem */
	padding: 13px 13px 13px 14px;
}
.menuselector {
	color: #FFFFFF;
	font-weight: bold;
	cursor: default;
}


/* ========================================================================== */
/* Submenu havoc */
/* ========================================================================== */
.submenu {
	width: 230px;
	/* 		 top  left right bottom */
	padding: 7px 0px 7px 0px;
	background-color: #000000;
	background-image: url(images/Menu_Background_Submenu.png);
	background-repeat: no-repeat;
	background-position: left top;
	/* for localization purposes only, comment out in live version! */
	/* display: block!important; */
}
.submenu a:hover, 
.submenu a:visited:hover {
	background-color: #900000;
	color: #FFFFFF;
}
/* Normal wide space between arrows/bullets in menuitems */
.submenu-icon {
	position: relative;
	top: 3px;
	margin-right: 3px;
}
/* Smaller space between the current position arrow and text used only in submenus */
.submenu-icon-2 {
	position: relative;
	top: 3px;
	margin-right: 0px;
}
.submenu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.submenu li a, 
.submenu li .submenu-open {
	display: block;
	margin: 0px 1px 0px 2px;
	padding: 3px 14px 6px 20px;
}
/* Level 2 menu items */
.submenu h3 a,
.submenu h3 .submenu-single,
.submenu .simple-item a {
	display: block;
	margin: 0px 1px 0px 2px;
	padding: 3px 14px 6px 14px;
}
.submenu .simple-item .submenu-open {
	margin: 0px 1px 0px 2px;
	padding: 3px 14px 6px 2px;
}
.submenu h3 .submenu-open {
	margin: 0px 1px 0px 2px;
	padding: 3px 14px 3px 4px;
}
/* Top menu items for 1 leveled submenus */
/* Top menu items for 2 leveled submenus use h3 without any style */
.submenu .simple-submenu {
	padding-left: 5px;
}
.submenu .multiline {
	padding: 3px 0px 0px 0px;
}
.submenu .multiline-cell-1 {
	padding: 1px 7px 0px 0px;
}
/* Top menu items for 2 leveled submenus */
.submenu h3 {
	font-size: 11pt;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	cursor: default;
}
/* Level 3 menu items */
.menu-cell .submenu h4 {
	font-weight: normal;
	margin: 0px 0px 0px 0px;
}
.menu-cell .submenu h4 a,
.menu-cell .submenu h4 .submenu-open {
	color: #CF1010;
	display: block;
	margin: 0px 1px 0px 2px;
}
.menu-cell .submenu h4 a:hover, 
.menu-cell .submenu h4 a:visited:hover {
	background-color: #900000;
	color: #FFFFFF;
}
.submenu h4 a {
	padding: 4px 0px 5px 16px;
}
.submenu h4 .submenu-open {
	padding: 0px 0px 3px 16px;
	cursor: default;
}
/* Separator line for submenus */
.submenu-line {
	height: 1px;
	background-image: url(images/Menu_Horizontal_Line.png);
	background-position: center top;
	background-repeat: repeat-y;
	background-color: #000000;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
}
.submenu-separator-small {
	height: 1px;
	background-image: url(images/Menu_Separator_Small.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #000000;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
}


/* ========================================================================== */
/* formating for the last items under the menu  */
/* ========================================================================== */
.undermenu {
	color: #8C8C8C;
	background-image: url(images/Menu_Background_Submenu.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.undermenu h2 {
	cursor: default;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 13pt;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 13px 13px 12px 13px;
}
.undermenu-text-1 {
	padding: 0px 15px 5px 25px;
}
.undermenu-text-2 {
	padding: 5px 17px 5px 15px;
}
.undermenu-text-3 {
	padding: 5px 17px 5px 13px;
}
.undermenu-subtext-1 {
	margin-top: 16px;
}
.undermenu-label-1 {
	margin-bottom: 2px;
}
.undermenu-text-1 .cont-cell-1 {
	padding-right: 6px;
}
.undermenu-info-1 {
	color: #D0D0D0;
}
.table-comp-info td {
	padding-bottom: 2px;
}
.undermenu-icon-1 {
	margin-top: -10px;
	text-align: right;
	padding-right: 2px;
}
.undermenu-icon-3 {
	padding: 3px 3px 0px 0px;
}
.undermenu-last {
	padding-bottom: 30px;
}


/* ########################################################################## */
/* MISCELANEOUS TEXT FORMATS FOR THE TEXT CONTENT OF THE WEBSITE */
/* ########################################################################## */
/* main page title wrapper, currently no styling needed */
/*
.main-title {
}
*/
/* main page title */
.main-title h1 {
	padding: 0px;
	margin: 10px 0px 0px 0px;
}
.main-title h1 span {
	font-size: 10pt;
}
.product-line {
	color: #646464;
}
.main-title h2 {
	padding: 0px;
	margin: 10px 0px 0px 0px;
}
.main-title h3 {
	color: #C00000;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 1px;
}
/* site navigator link in the content area */
.sitenavigator {
	position: relative;
	top: -7px;
	text-align: right;
	color: #8C8C8C;
}
.sitenavigator a,
.sitenavigator a:link,
.sitenavigator a:active,
.sitenavigator a:visited {
	color: #8C8C8C;
}
.sitenavigator a:hover,
.sitenavigator a:visited:hover {
	text-decoration: underline;
	color: #000000;
}
/* zoom image & zoom icon positioning */
.zoomable-link {
	position: relative;
	top: 0px;
	left: 0px;
	text-decoration: none;
	outline: none;
}
.zoomable-img {
	border: 0px;
}
.zoomIcon {
	border: 0px;
	position: absolute;
	bottom: 6px;
	right: 6px;
}
.horizontal-line {
	height: 2px;
	background-color: #C5C5C5;
	margin: 0px 0px 15px 0px;
}
/* Misc content styles */
.content h4 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.content ul {
	padding: 2px 0px 10px 20px;
	margin: 0px 0px 0px 0px;
}
.content .list-no-indent {
	padding: 2px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
}