@charset "utf-8";

*			{ margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; }
body		{ background: url(../images/bg_spacer.png) top repeat-x #0f4b8f; }
a			{ color: #0f4b8f; text-decoration: underline; }
a:hover		{ text-decoration: none; }

div#container-base	{ width: 980px; margin: 0px auto; text-align: center; background: url(../images/content_bg.png) repeat-y; }
div#container		{ text-align: left; background: url(../images/header.jpg) top left no-repeat; overflow: hidden; }

ul#navigation			{ margin: 42px 0px 0px 50px; width: 660px; list-style: none; float: left; }
ul#navigation li		{ float: left; }
ul#navigation a			{ color: #fff; font-size: 11pt; font-weight: bold; display: block; padding: 8px 12px 7px 12px; text-decoration: none; }
ul#navigation a:hover	{ background: url(../images/nav_on_spacer.png) top repeat-x; }
ul#navigation a.on		{ background: url(../images/nav_on_spacer.png) top repeat-x; }

div#logo			{ float: right; margin: 34px 28px 0 0; }
div#logo img		{ width: 221px; height: 95px; border: none; }

div#content			{ width: 629px; float: left; font-size: 10pt; padding: 18px 0 10px 30px; }
div#content h1		{ color: #0f4b8f; font-size: 13pt; margin: 7px 0 7px 0; }
div#content h2		{  }
div#content h3		{  }
div#content h4		{  }
div#content p		{ margin: 7px 0 7px 0; }

div#homecontent				{ background: url(../images/home_content_bg.jpg) 0px 5px no-repeat; padding: 170px 225px 25px 0px; }
div#homereadmore a			{ cursor: pointer; color: #535353; font-size: 9pt; text-decoration: none; display: block; background-color: #f2f2f2; margin: 0 0 10px 0; padding: 3px 0 3px 5px; font-weight: bold; }
div#homereadmore a:hover	{ color: #fff; background-color: #272727; }

div#partners				{ text-align: center; }
div#partners img			{ vertical-align: middle; padding: 10px 10px 10px 10px; border: 0px; }

div#proddisplayhead							{ background-color: #5e93cf; color: #fff; font-weight: bold; font-size: 11pt; padding: 5px 5px 4px 5px; margin: 0 0 1px 0; }
div#proddisplayhead a						{ color: #c7c7c7; text-decoration: none; cursor: pointer; }
div#proddisplayhead a:hover					{ color: #fff; text-decoration: none; }
div#proddisplayhead a.on					{ color: #fff; text-decoration: none; }
div#proddisplayhead div						{ float: right; }
div.proddisplayoff							{ display: none; }
div.proddisplaybase							{ overflow: hidden; }
div.proddisplaybase div						{ border: 1px solid #b0c3d7; float: left; margin: 0 0 0 1px; background-color: #c7c7c7; padding: 4px 4px 0 4px; color: #0f4b8f; }
div.proddisplaybase div:hover				{ border: 1px solid #0e427e; background-color: #0e427e; color: #fff; }
div.proddisplaybase div.on					{ border: 1px solid #0e427e; background-color: #0e427e; color: #fff; }
div.proddisplaybase div:first-child			{ float: left; margin: 0 0 0 0; }
div.proddisplaybase div	img					{ vertical-align: bottom; }
div.proddisplaybase div h3					{ font-size: 9pt; text-align: center; margin: 0 0 0 0; padding: 4px 0 4px 0; }
div.proddisplaycontent						{ display: none; } 
div.proddisplaycontent div.prodtext			{ background: url(../images/product_display_content_bg.jpg) top repeat-x #0f4b8f; height: 90px; color: #fff; font-weight: bold; font-size: 11pt; padding: 15px; } 
div.proddisplaycontent a					{ color: #535353; font-size: 9pt; display: block; background-color: #c7c7c7; margin: 0 0 10px 0; padding: 3px 0 3px 5px; font-weight: bold; text-align: center; text-decoration: none;  } 
div.proddisplaycontent a:hover				{ color: #fff; background-color: #272727; } 
div.proddisplaycontenton					{  } 
div.proddisplaycontenton div.prodtext		{ background: url(../images/product_display_content_bg.jpg) top repeat-x #0f4b8f; height: 90px; color: #fff; font-weight: bold; font-size: 11pt; padding: 15px; } 
div.proddisplaycontenton a					{ color: #535353; font-size: 9pt; display: block; background-color: #c7c7c7; margin: 0 0 10px 0; padding: 3px 0 3px 5px; font-weight: bold; text-align: center; text-decoration: none;  } 
div.proddisplaycontenton a:hover			{ color: #fff; background-color: #272727; } 

div.layout			{ border: 1px dashed #5e93cf; overflow: hidden; padding: 15px; margin: 0 0 5px 0; clear: both; }
div.layout img		{ float: left; margin: 0 20px 0 0; border: 1px solid #5e93cf; }

div.products			{ border: 1px dashed #5e93cf; overflow: hidden; padding: 15px; margin: 0 0 5px 0; clear: both; }
div.products:hover		{ background-color: #ebf0f5; }
div.products img		{ float: right; margin: 0 0 5px 10px; width: 200px; }
div.products ul			{ margin: 7px 0 7px 25px; }

div.manufacturers		{ border: 1px dashed #5e93cf; overflow: hidden; padding: 15px; margin: 0 0 5px 0; clear: both; }
div.manufacturers:hover	{ background-color: #ebf0f5; }
div.manufacturers img	{ margin: 0 0 12px 0; }

div.imgright		{ float: right; margin: 5px 0 10px 15px; border: 1px solid #5e93cf; }
div.imgrightnull	{ float: right; margin: 0 0 10px 15px; }
p.img img			{ border: 1px solid #5e93cf; }
div#map				{ float: right; margin: 0 0 10px 0; padding: 5px 0 15px 25px; border-left: 1px dashed #5e93cf; }
div#form			{ padding: 5px 0 0 0; }
div#form p			{ padding: 3px; width: 245px; }
div#form p:hover	{ background-color: #ffffbb; }
div#form span		{ color: #ff0000; }
div#form textarea	{ font-size: 10pt; width: 220px; }

div#sub-navigation						{ width: 242px; float: right; padding: 10px 38px 15px 0; text-align: right; }
div#sub-navigation h2 a 				{ color: #fff; font-size: 12pt; text-decoration: none; display: block; background-color: #0f4b8f; margin: 15px 0 5px 0; padding: 3px 5px 3px 0; }
div#sub-navigation h2 a:hover			{ background-color: #272727; }
div#sub-navigation h2 a.on				{ background-color: #272727; }
div#sub-navigation h3 a 				{ color: #0b386c; font-size: 9pt; text-decoration: none; display: block; border-bottom: 1px dotted #b2b2b2; padding: 4px 5px 4px 0; }
div#sub-navigation h3 a:hover			{ background: url(../images/sub_nav_arrow.gif) 0px 4px no-repeat #5e93cf; color: #fff; }
div#sub-navigation h3 a.on				{ background: url(../images/sub_nav_arrow.gif) 0px 4px no-repeat #5e93cf; color: #fff; }
div.expand a							{ cursor: pointer; color: #535353; font-size: 9pt; text-decoration: none; display: block; background-color: #c7c7c7; margin: 3px 0 10px 0; padding: 3px 5px 3px 0; font-weight: bold; }
div.expand a:hover						{ color: #fff; background-color: #272727; }
div#sub-navigation p					{ text-align: center; margin: 15px 0 5px 0; }
div#sub-navigation p img				{ border: none; margin: 0 7px 0 7px; }
div.display								{ display: none; }

div#footer						{ clear: both; background: url(../images/footer_spacer.png) top repeat-x #2c2c2c; height: 90px; margin: 0px 10px 0px 10px; overflow: hidden; color: #fff; font-size: 8pt; padding: 8px; }
div#footer a					{ color: #fff; text-decoration: none; }
div#footer a:hover				{ text-decoration: underline; }
div#footer div					{ float: left; text-align: left; }
div#footer ul li				{ float: right; list-style: none; padding: 0 5px 0 5px; border-right: 1px solid #fff; }
div#footer ul li:first-child	{ float: right; list-style: none; padding: 0 5px 0 5px; border-right: none; }