/******************/
/* Global classes */
/******************/

	body {
		font-family: Tahoma, Verdana, Arial, Sans-Serif;
		font-size: 80%;
		padding: 5px;
		margin: 5px;
	}

	#HeaderDiv {
		height: 118px;
		background-image: url(../img/bg/topbg.gif);
	}
	
	#FlagDiv {
		position: absolute;
		top: 25px;
		right: 15px;
	}
	
	div.centeredMainDiv {
		position: relative;
		top: 0;
		right: 0;
		margin: 0 auto;
		width: 800px;
		text-align: left;
	}

	fieldset 
	{
/*		border: solid 1px #b1cce8;*/
		margin-bottom: 10px;
		border-color: #b1cce8;
	}
	
	fieldset legend {
		
		font-weight: bold;
		color: #326aa0;
	}
	fieldset div.fieldset {
		padding: 7px 7px 7px 7px;
	}
	
	h1 {
		font-family: Trebuchet MS, Tahoma, Verdana, Arial, Sans-Serif;
		font-weight: normal;
		letter-spacing: 1px;
		font-size: 120%;
		color: #b1cce8;
		position: absolute;
		left: 230px;
		top: 75px;
		margin: 0;
		padding: 0;
	}

	h2 {
		font-family: Trebuchet MS, Tahoma, Verdana, Arial, Sans-Serif;
		font-size: 200%;
		color: #f49130;
		font-weight: bold;
		margin: 0.7em 0;
	}
	
	h2.small {
		margin: 0.5em 0;
		font-size: 130%;
	}

	h3, h4 {
		font-family: Trebuchet MS, Tahoma, Verdana, Arial, Sans-Serif;
		font-weight: bold; 
		font-size: 130%;
		color: #3f82c8;
		margin: 0.5em 0 0 0;
		padding: 0;
	}
	
	img {
		border: none;
	}
		
	a.whiteLink:link {
		font-family: Tahoma;
		color: white;
	}
	a.whiteLink:hover {
		font-family: Tahoma;
		color: white;
	}
	a.whiteLink:visited {
		font-family: Tahoma;
		color: white;
	}

	a {
		font-weight: normal;
		color: #174BB4;
		text-decoration: underline;
	}
	a:visited {
		font-weight: normal;
		color: #174BB4;
		text-decoration: underline;
	}

	a:hover {
		font-weight: normal;
		color: #3F82C8;
		text-decoration: underline;
	}
	
	.clearing {
		clear: both;
	}

	div.horizontalDivider {
		width: 100%;
		border-top: 1px dashed #ccc;
		margin: 1em 0;
		height: 1px;
	}
	div.verticalDivider {
		width: 1px;
		border-left: 1px dashed #ccc;
		margin: 0 1em;
	}

	div.glassOrange,
	div.glassBlue,
	div.glassCyan,
	div.glassMagenta,
	div.glassGrey {
		padding: 5px 5px 0 5px;
		height: 39px;
		text-align: center;
		overflow: hidden;
	}

	div.glassOrange:hover,
	div.glassBlue:hover,
	div.glassCyan:hover,
	div.glassMagenta:hover,
	div.glassGrey:hover {
		cursor: hand;
	}

	div.glassOrange {
		background: #fff url(../img/bg/glassheaders/glass_bg_orange.gif) repeat-x;
	}
	div.glassBlue {
		background: #fff url(../img/bg/glassheaders/glass_bg_blue.gif) repeat-x;
	}
	div.glassCyan {
		background: #fff url(../img/bg/glassheaders/glass_bg_cyan.gif) repeat-x;
	}
	div.glassMagenta {
		background: #fff url(../img/bg/glassheaders/glass_bg_magenta.gif) repeat-x;
	}
	div.glassGrey {
		background: #fff url(../img/bg/glassheaders/glass_bg_grey.gif) repeat-x;
	}
	
	div.glassOrange h3,
	div.glassBlue h3,
	div.glassCyan h3,
	div.glassMagenta h3,
	div.glassGrey h3,
	div.glassOrange h4,
	div.glassBlue h4,
	div.glassCyan h4,
	div.glassMagenta h4,
	div.glassGrey h4 {
		padding: 0;
		margin: 0;
		color: #fff;
		font-size: 105%;
		font-weight: bold;
	}	
	
	a.novaButtonLink {
		background: transparent url('../img/bg/glassbuttons/blue_right.gif') no-repeat scroll top right; 
		display: block;
		float: left;
		height: 30px;
		margin: 0 6px 0 0;
		padding: 0 13px 0 0;
		text-decoration: none;
	}

	a.novaButtonLink span {
		background: transparent url('../img/bg/glassbuttons/blue_left.gif') no-repeat;
		display: block;
		color: #fff;
		padding: 4px 0 9px 10px;
	} 

	a.novaButtonLink:hover {
		background: transparent url('../img/bg/glassbuttons/orange_right.gif') no-repeat scroll top right;
		text-decoration: none;
	}

	a.novaButtonLink:hover span {
		background: transparent url('../img/bg/glassbuttons/orange_left.gif') no-repeat;
	}
	
	a.novaButtonLink:visited {
		text-decoration: none;
	}

/******************/
/* Footer classes */
/******************/

	#OrangeFooterDiv {
		background: url("../img/bg/bottombg_orange.gif") no-repeat left top;
		padding: 7px 0 0 0;
		clear: both;
	}

	#BlueFooterDiv {
		background: #4480bf url("../img/bg/bottombg_blue.gif") no-repeat left bottom;
		min-height: 15px;
	}

	#FooterDiv {
		font-size: 80%;
		padding: 4px 10px 4px 10px;
		color: #fff;
	}

	#FooterDiv a {
		color: #fff;
		font-weight: bold;
	}

	#FooterTable {
		width: 100%;
	}
	
	#FooterTable td {
		padding: 3px;
	}


/************/
/* Top menu */
/************/

	ul.tabStrip {
		margin: 0;
		/*padding: 5px 20px 0 20px;*/
		list-style: none;
		position: absolute;
		bottom: 0px;
		right: 1em;
	}
	  
	ul.tabStrip li {
		display: inline;
		/*margin: 0;*/
		padding: 0;
		/*margin-right: 5px;*/
		margin: 0 0 0 5px;
	}
	ul.tabStrip a {
		float: left;
		background: url("../img/bg/tabs/orange_left.gif") no-repeat left top;
		margin: 0 3px 0 0;
		padding: 0 0 0 10px;
		text-decoration: none;
	}
	ul.tabStrip a span {
		float: left;
		display: block;
		background: url("../img/bg/tabs/orange_right.gif") no-repeat right top;
		/* IE freaks out here (but not with zoom:1)*/
		padding: 6px 16px 0px 6px;
		font-weight: bold;
		color: #fff;
		cursor: pointer;
	}
	  
	ul.tabStrip li.selected a {
		background: url("../img/bg/tabs/white_left.gif") no-repeat left top;
		color: #326aa0;
		/*margin-bottom: 5px;	*/
	}

	ul.tabStrip li.selected a span {
		background: url("../img/bg/tabs/white_right.gif") no-repeat right top;
		color: #326aa0;
		padding-bottom: 6px;
	}

	ul.tabStrip li a:hover {
		background: url("../img/bg/tabs/orange_hover_left.gif") no-repeat left top;
		color: #fff;
		text-decoration: none;
	}

	ul.tabStrip li a:hover span {
		background: url("../img/bg/tabs/orange_hover_right.gif") no-repeat right top;
	}

	ul.tabStrip li.selected a:hover {
		background: url("../img/bg/tabs/white_left.gif") no-repeat left top;
		color: #326aa0;
	}

	ul.tabStrip li.selected a:hover span {
		background: url("../img/bg/tabs/white_right.gif") no-repeat right top;
		color: #326aa0;
	}

	ul.tabStrip a:visited {
		text-decoration: none;
	}



/*********************************/
/* General menu on the left side */
/*********************************/

	#MenuList {
		list-style: none;
		margin: 1px 0 0 0;
		padding: 0;
		width: 200px;
		border-top: 1px solid #d3e5f9;
	}

	#MenuList li a {
		text-decoration: none;
		border: 1px solid #d3e5f9;
		border-top: none;
		padding: 1px 10px 3px 10px;
		display: block;
		color: #326aa0;
	}

	#MenuList li a.current {
		background: #407cbc url(../../include/img/bg/menucurrentbg.gif) repeat-x; 
		color: #fff;
	}

	#MenuList li a:link,
	#MenuList li a:visited {
		color: #326aa0;
	}

	#MenuList li a.current:link,
	#MenuList li a.current:visited {
		color: #fff;
	}


	#MenuList li a:hover {
		background: #fc8008 url(../../include/img/bg/menuselectedbg.gif) repeat-x;
		color: #fff;
	}



/***********/
/* Submenu */
/***********/

	ul.subTabStrip {
		margin: 1em 0 0 0;
		padding: 1em 10px 0 10px;
		/*padding: 5px 20px 0 20px;*/
		list-style: none;
		clear: both;
	}
	  
	ul.subTabStrip li {
		display: inline;
		/*margin: 0;*/
		padding: 0;
		/*margin-right: 5px;*/
		margin: 0 0 0 8px;
	}
	ul.subTabStrip a {
		float: left;
		background: url("../img/bg/subtabs/lightblue_left.gif") no-repeat left top;
		margin: 0 3px 0 0;
		padding: 0 0 0 8px;
		text-decoration: none;
	}
	ul.subTabStrip a span {
		float: left;
		display: block;
		background: url("../img/bg/subtabs/lightblue_right.gif") no-repeat right top;
		/* IE freaks out here (but not with zoom:1)*/
		padding: 6px 16px 4px 6px;
		font-weight: bold;
		color: #326aa0;
		cursor: pointer;
	}
	  
	ul.subTabStrip li.selected a {
		background: url("../img/bg/subtabs/blue_left.gif") no-repeat left top;
		/*margin-bottom: 5px;	*/
	}

	ul.subTabStrip li.selected a span {
		background: url("../img/bg/subtabs/blue_right.gif") no-repeat right top;
		color: #fff;
	}

	ul.subTabStrip li a:hover {
		background: url("../img/bg/subtabs/orange_left.gif") no-repeat left top;
		text-decoration: none;
	}

	ul.subTabStrip li a:hover span {
		background: url("../img/bg/subtabs/orange_right.gif") no-repeat right top;
		color: #fff;		
	}

	ul.subTabStrip li.selected a:hover {
		background: url("../img/bg/subtabs/blue_left.gif") no-repeat left top;
	}

	ul.subTabStrip li.selected a:hover span {
		background: url("../img/bg/subtabs/blue_right.gif") no-repeat right top;
		color: #fff;
	}

	ul.subTabStrip a:visited {
		text-decoration: none;
	}

	div.subTabStripBottom {
		background: url("../img/bg/subtabs/bottom.gif") repeat-x;
		height: 5px;
		width: 100%;
		clear: both;
		margin: 0 0 2em 0;
	}



/*************************/
/* Page specific classes */
/*************************/

	/* First page */
	
		div.indexImageText {
			font-family: Trebuchet MS, Tahoma, Verdana, Arial, Sans-Serif;
			font-size: 140%;
			position: absolute;
			text-align: left;
			color: #645e5e;
		}
	
		#IndexImageText1 {
			top: 42px;
			left: 309px;
			width: 173px;
		}

		#IndexImageText2 {
			top: 96px;
			left: 309px;
			width: 173px;
		}

		#IndexImageText3 {
			top: 150px;
			left: 309px;
			width: 173px;
		}


	/* Product-master classes */
		
		#ProductsHeaderDiv h1 {
			top: 50px;
			left: auto;
			right: 30px;
			color: #b1cce8; 
			font-weight: bold; 
			letter-spacing: 1px; 
			font-size: 200%; 
			display: block;
			margin: 0;
			padding: 0;
			text-align: right;
		}

		#ProductsHeaderDiv {
			position: relative;
			padding-top: 1px;
			height: 140px;
			width: 800px;
			background: url("../img/products/ProductPageHeader.jpg") no-repeat left bottom;
		}
		

	/* Support-master classes */

		#SupportHeaderDiv h1 {
			top: 50px;
			left: auto;
			right: 30px;
			color: #b1cce8; 
			font-weight: bold; 
			letter-spacing: 1px; 
			font-size: 200%; 
			display: block;
			margin: 0;
			padding: 0;
			text-align: right;
		}

		#SupportHeaderDiv {
			position: relative;
			padding-top: 1px;
			height: 140px;
			width: 800px;
			background: url("../img/products/ProductPageHeader.jpg") no-repeat left bottom;
		}


	/* Index */
		
		div.indexBoxDivider {
			float: left;
			height: 15em;
		}

		div.indexSmallBoxDivider {
			float: left;
			height: 10em;
		}
		
		div.indexSmallBox {
			float: left;
			width: 185px;
		}
		
		div.indexSmallBoxText {
			height: 13em;
		}

		div.indexSmallBoxTextLow {
			height: 8em;
		}

		div.indexHorizontalDivider {
			margin: 1em 0;
		}
		div.indexVerticalDivider {
			margin: 0 8px;
		}

		h3.index {
			margin: 0 0 0.3em 0;
		}


	/* Products default */
	
		div.productsGroup {
			float: left;
			width: 380px;
		}
		
		div.productsProduct {
			float: left;
			width: 190px; 
			margin: 0 10px 0 0;
		}
		
		div.productsText {
			height: 14em;
			padding: 0 2px 0 4px;
		}
		
		div.productsBottom 
		{
			padding: 0 2px 0 4px;
		}

/***** Container Classes *******************************************
*******************************************************************/

	div.standardContainerTop,
	div.highLightContainerTop {
		font-weight: bold;
		padding: 3px 5px;
	}
	
	div.standardContainerBody,
	div.highLightContainerBody {
		padding: 0.5em 5px 1em 5px;
	}
	
	div.standardContainerTop {
		background-color: #dfe9f3;

	}
	div.standardContainerBody {
		border: 1px solid #dfe9f3;
	}
	
	div.highLightContainerTop {
		background-color: #f49130;
		color: #fff;
	}
	div.highLightContainerBody {
		border: 1px solid #f49130;
	}


/***** Table Classes ***********************************************
*******************************************************************/
	
	table {
		padding: 0;
		margin: 0;
		border-spacing: 0;
		border-collapse: collapse;
	}
	
	table tr td {
		padding: 0;
		margin: 0;
	}
	
	table.fullWidth {
		width: 100%;
	}
	
	table.standard {
		border: 1px solid #a7c8e7;
		padding-bottom: 5px;
	}
	
	table.standard th {
		padding: 5px 5px 5px 5px;
		background: #a7c8e7 url(../img/bg/standardtable/header_bg.gif) repeat-x;
		border-bottom: 1px solid #a7c8e7;
	}
	
	table.standard td {
		padding: 3px 5px 5px 5px;
		border-top: 1px solid #a7c8e7;
	}
	
	table.standard tr.alternate {
		background-color: #bbd8f2;
	}
	
	th.number,
	td.number {
		text-align: right;	
	}
	
	th.center,
	td.center {
		text-align: center;	
	}
	
	th.nowrap,
	td.nowrap {
		white-space: nowrap;
	}
	

	
/***** Link *************************************************************/

	a.noDec:link {
		font-weight: normal;
		color: #000000;
		text-decoration: none;
	}

	a.noDec:visited {
		font-weight: normal;
		color: #000000;
		text-decoration: none;
	}

	a.noDec:hover {
		font-weight: normal;
		color: #3F82C8;
		text-decoration: none;
	}
	
	
	
	
	
/****************************************/
/* OBSOLETE, remove as soon as possible */
/****************************************/

	span.blueSmallHeader {
		font-weight: bold;
		color: #3F82C8;		
	}
	span.whiteSmallHeader {
		font-weight: bold;
		color: #FFFFFF;		
	}

	td.text {
		/*color: #3F82C8;
		color: #3366CC;*/
		color: #174BB4;
	}
	
	span.SmallLeftMenuHeader {
		color: Gray;
		font-size: 105%;
		font-weight: bold;
	}

	
	
		
	
	

	td.textBorder {
		color: #174BB4;
		border: 1px solid #3F82C8;
		border-collapse: collapse;
	}

	td.textHeaderBorder {
		color: #3F82C8;
		font-weight: bold;
		border: 1px solid #3F82C8;
		border-collapse: collapse;
	}
	
	td.textHeader {
		color: #3F82C8;
		font-weight: bold;
	}
	
	
	
	
	
	
	

ul.SmallLeftMenu {
	list-style: none;
	margin-top: 1px;
	margin-left: 15px;
}

ul.SmallLeftMenu li a:link,
ul.SmallLeftMenu li a:visited {
	color: #3F82C8;
}

ul.ProductList 
{
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Sans-Serif;
	list-style: none;
	margin-left: 0px;

	/*list-style-image: url(../img/products/bullet_ball_glass_grey.png);
	list-style-position: outside;
	vertical-align: middle;*/
}
ul.ProductList li {
	margin-bottom: 4px;
	padding-left: 0px;
}
ul.ProductList li a:link,
ul.ProductList li a:visited {
	color: #3F82C8;
}

ul.ProductList li h3 {
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Sans-Serif;
	font-weight:bold;
	font-size: 125%; 
	color: #3F82C8;
	margin-top: 0px;
	padding-top: 0px;
	border-top:0px;
}

ul.ProductList li h4 {
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Sans-Serif;
	font-weight:bold;
	font-size: 115%; 
	color: #000000;
	margin-top: 0px;
	padding-top: 0px;
	border-top:0px;
	margin-bottom: 5px;
}

ul.ProductListInner {
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Sans-Serif;
	margin-left: 0px;	
}
ul.ProductListInner li {
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Sans-Serif;
	list-style: none;
	margin-left: 0px;
	background: url('/include/img/Bg/gray_square.gif') no-repeat 2px 6px;
	padding: 2px 0px 2px 12px;
}