#idLargeProgress{position:absolute;z-index:99999;border-width:0px;border-color:brown;border-style:solid;top:0px;}
	.cFeatureTierType1{display:none;position:absolute;bottom:1px;right:1px;width:10px;height:10px;background-color:gray;}
	.cFeatureTierType2{display:none;position:absolute;bottom:1px;right:1px;width:10px;height:10px;background-color:orange;}
	.cFeatureTierType3{display:none;position:absolute;bottom:1px;right:1px;width:10px;height:10px;background-color:green;}
	.c1{font-size:18px;xcolor:#b0b0b0;;margin-bottom:20px;}
	.c2{font-size:16px;xcolor:white;margin-bottom:20px;text-decoration:underline;}
	.c3{font-size:15px;xcolor:#e0e0e0;}
	.cBlockOverType2{font-size:10pt;
	}
	.cBlockOutType1{font-size:18pt;
	}
	/*CSS for the Navigation Logo and Panels*/
		#navlogo
		{
			z-index:0;
			xxxxxwidth: 800px;
			height: 516px;			
			margin: 0 auto;			
		}
		#navcontainer
		{
			xxxxxwidth:800px; margin:0 auto; z-index:1;		
			height: 516px;			
		}
		.navlogopanel
		{
			xcolor:white;
			z-index:0;
			font-family: 'Arial';
			white-space: nowrap;
			position:relative;
			width:150px;
			height:150px;
			margin:4px;
			float:left;
			xxxxxdisplay:table;
			/*background: url('images/background[$PARTNER$].png') fixed;*/
			box-shadow: 0px 2px 6px rgba(0,0,0,1);
			transition: all 200ms ease;
				-webkit-transition:all 200ms ease;
				-moz-transition:all 200ms ease;
				-o-transition:all 200ms ease;
				-ms-transition: all 200ms ease;
			border-radius: 50%;
		}
		.navlogopanel2
		{
			z-index:0;
			font-family: 'Arial';
			white-space: nowrap;
			position:relative;
			width:150px;
			height:150px;
			margin:4px;
			float:left;
			display:table;
			background: url('images/metalback3.png') 50% -40px fixed;
			box-shadow: 0px 2px 6px rgba(0,0,0,1);
			transition: all 200ms ease;
				-webkit-transition:all 200ms ease;
				-moz-transition:all 200ms ease;
				-o-transition:all 200ms ease;
				-ms-transition: all 200ms ease;
		}
		.navlogopanel3:hover
		{
			z-index:1;
			width:150px;
			height:150px;
			margin:4px;
			xxbackground: -300px -150px no-repeat url('images/background[$PARTNER$].png'); /*url('images/metalback3.png') 50% -40px fixed;*/
			box-shadow: 0px 2px 6px rgba(0,0,0,1);
			transition: all 200ms ease;
				-webkit-transition:all 200ms ease;
				-moz-transition:all 200ms ease;
				-o-transition:all 200ms ease;
				-ms-transition: all 200ms ease;
		}
		.navlogopanel3
		{
			font-family: 'Arial';
			white-space: nowrap;
			position:relative;
			float:left;
			display:table;
			
			z-index:2;
			width: 200px;
			height: 200px;
			margin: -21px;
			box-shadow: 0px 0px 25px rgba(255,255,255,0.9);
			xxbackground: -300px -150px no-repeat url('images/background[$PARTNER$].png');
			/*background: url('images/metalback2.png') 50% -40px fixed;*/
			border-radius: 50%;				
		}
		.navlogopanel:hover
		{
			z-index:1;
			width: 200px;
			height: 200px;
			margin: -21px;
			/*box-shadow: 2px 2px 6px rgba(0,0,0,0.5);*/
			box-shadow: 0px 0px 25px rgba(255,255,255,0.9);

			xxbackground: url('images/metalback2.png') 50% -40px fixed;
		}
		.navlogopanel2:hover
		{
			z-index:1;
			width: 200px;
			height: 200px;
			margin: -21px;
			box-shadow: 2px 2px 6px rgba(0,0,0,0.5);
			background: url('images/metalback2.png') 50% -40px fixed;
		}
		.navlogorow
		{
			z-index:0;
			clear:both;
		}
		a.navlink
		{
			font-family: 'Arial';
			white-space: normal;
			text-align:center; 
			display:table-cell; 
			vertical-align: middle;
			font-size: 20px;
			font-style: italic;
			color: #000000;
			text-shadow: 2px 2px 2px #7c837b;
			text-decoration: none;
			transition: all 200ms ease;
				-moz-transition: all 200ms ease;
				-webkit-transition: all 200ms ease;
				-o-transition: all 200ms ease;
				-ms-transition: all 200ms ease;

		}
		a.navlink:hover
		{
			font-family: 'Arial';
			xcolor: rgba(48,85,41,0.7);
			font-size: 25px;
			text-shadow: 2px 2px 2px rgba(156,203,148,0.5);
			text-decoration: underline;
		}







	body{background: url("images/backvline4x.png");}
	#idHomeBody{xbackground: url("images/sdo/backTriangles2.png") repeat-x top; background-size:100% 200%; text-align:center;margin: auto auto;height:600px;position:absolute; top:50%; margin-top:-224px;width:100%}
	.xbanner ul {overflow: visible; background: rgb(64, 64, 64);margin: 0px; padding: 0px; list-style-type: none;}
	.xbanner ul li {margin: 0px 31px 0px 0px; padding: 0px; line-height: 16px; float: left;}	
	.banneritem {position:relative; margin: 0px 0px 0px 0px; xfloat: left; color: white;}	
	.login-dropdown p{margin-top:6px;margin-bottom:6px;}
	.login-dropdown a{color:#CCCC00;text-decoration:none;}
	form label {width:80px;float:left;font:10pt Arial;}
	.cInputText {width:130px;font:10pt Arial;border:1px solid #E0E0E0;background-color : #ffd;}
	.cInputButton {font:10pt Arial;}
	.cInputCheck {margin:0px;padding:0px;border:solid #000000 1px;}
	form textarea {width:100px;height:150px;font:10pt Arial;border:1px solid #E0E0E0;background-color : #ffd;}
	form select {width:180px;font:10pt Arial;border:1px solid #E0E0E0;background-color : #ffd;}
	form div {font:10pt Arial;}
	.formcontainer div {font:10pt Arial;}
	.clsHighlightInput{border:1px solid #01E0E0;}
	.clsResetInput{border:1px solid #E0E0E0;}		
	.xfooter{background: rgb(64, 64, 64);width:100%;margin-left: auto; margin-right: auto; height:100%;}
	
@media all and (orientation:xportrait) {
	#idBannerCenterContainer{position:relative;}
	#idBannerCenter{xxheight:75px;yytext-align:center !Important;}
	.formcontainer{margin-top: 1px; xmargin-left: auto; xmargin-right: auto;xmargin-top:0px;xfloat:right;xtext-align:center; font:10pt Arial;border : 0px solid #000;   padding : 0px;}
	#idMainImage1xx{width:400px;height:auto;}
	#idMainImage1Contxx{width:400px;height:auto;}
	.login-section {position:relative; margin-left:auto;margin-right:auto;width: 370px; color: white;z-index: 100; yytop:25px;xxheight:75px;text-align:left !Important; font-size:120% !Important;clear:left;}	
	banneritem{clear:both;}
	
	.login-dropdown {display:none;left: 0px; top: 36px; width: 100%; display: none; position: absolute; z-index: 100;padding : 0px; xfloat:right;text-align:right !Important; font-size:100% !Important;}
	.login-fixed {left: 0px;margin: 0px 0px 0px 0px;padding : 0px;xtext-align:center;font-size:100% !Important;}
	#idStartPage{text-align:left;}
	#idProductName{clear:right;}
	#idHomeBody{margin-top:-320px;}
	.xcSplit{clear:left;}
}

@media all and (orientation:xlandscape) {
	#idMainImage1xx{width:800px;height:auto;}
	#idMainImage1Contxx{width:800px;height:auto;}

	#idBannerCenterContainer{position:absolute;}
	#idBannerCenter{height:75px;}
	.formcontainer{margin-top: 1px; xmargin-left: auto; xmargin-right: auto;xmargin-top:0px;xfloat:right;text-align:left; font:10pt Arial;border : 0px solid #000;   padding : 0px;}
	.xxxxxlogin-section {position:relative; margin: 0px 0px 0px 0px; xwidth: 370px; color: white;z-index: 100; height:75px;float: right !important; }	
	.login-section {top:0px; right:0px;position:absolute; margin: 0px 0px 0px 0px; xwidth: 370px; color: white;z-index: 100; height:75px;float: right !important; }		
	.login-dropdown {left: 0px; top: 36px; width: 100%; display: none; position: absolute; z-index: 100;padding : 0px; xfloat:right;}
	.login-fixed {left: 0px;margin: 0px 0px 0px 0px;padding : 0px;text-align:left;}
	#idProductName{float:left;}
	#navcontainer{width:800px;}
	#idBannerCenter{xxxxxwidth:900px;}
	#idHomeBody{width:100%;}
}

.login-section {top:0px; right:0px;position:absolute; margin: 0px 0px 0px 0px; xwidth: 370px; color: white;z-index: 100; height:75px;float: right !important; }