body 
{
	background-image: url(images/body-bg.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	font-family: Arial;
	font-size: 12px;
	color: #6e6e6e; /*#3C5B77;*/
}
a  
{
	font-family: Arial;
	font-size: 12px;
	color: #535353; 
	text-decoration: underline;
}
a:hover
{
	color: 	#3C5B77;
}
h1
{
	font-size: 22px;
	color: #00A0AF;
	text-transform: uppercase;
	font-weight: normal;
	margin: 5px 0px 15px 0;
	padding: 0px;
}
h2
{
	color: #6e6e6e;	
	font-size: 18px;
}
h3
{
	font-size: 14px;
	color: #3C5B77;
	text-transform: uppercase;
	font-weight: bold;
}
h4
{
	font-size: 14px;
	color: #3C5B77;
	font-weight: normal;
}

img { border: 0 }

#top-header
{
	width: 990px;
	height: 130px;
	background-image: url(images/header-menu.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;	
	text-align: left;
}

#main-container
{
	width: 990px;
	margin-left: auto;
	margin-right: auto;	
	position: relative;
	/*background-color: White;*/
}

#left-margin
{
	width: 20px;
	height: 950px;
	left: -20px;
	top: -12px;
	background-image: url(images/body-left.png);
	background-repeat: no-repeat;
	position: absolute;
	float: left;
	z-index: 10;
}

#right-margin
{
	width: 20px;
	height: 950px;
	right: -20px;
	top: -12px;
	background-image: url(images/body-right.png);
	background-repeat: no-repeat;
	position: absolute;
	float: right;
	z-index: 10;
}

#body-content
{
	width: 990px;
	vertical-align: top;
	text-align: left;
	float: left;
	z-index: 1;
}

#main-header
{
	padding: 10px 0 0 0px;
	width: 990px;
	height: 80px;	
}

#main-header-menu
{
	width: 966px;
	height: 35px;	
	padding: 5px 0 0 12px;
	text-align: left;
}

#footer-bar
{
	padding: 4px 0 0 10px;
	width: 980px;
	height: 18px;
	background-color: #00a2b1;
	clear: both;	
	color: White;
	font-size: 11px;
}

#footer-bar img { vertical-align: middle; }

#footer-links
{
	width: 980px;
	padding: 10px 0 10px 10px;	
	color: #a2a9ba;
	vertical-align: top;
	/*background-color: White;*/
}

#footer-links a { color: #a2a9ba; }

#login
{
	display: none;
	width: 	310px;
	height: 210px;
	background-image: url(images/login.png);
	background-repeat: no-repeat;
	background-color: #0097a8;
}
#login-reminder
{
	display: none;
	width: 	270px;
	height: 180px;
	background-color: #0097a8;
}
#login input.text
{
	width: 133px;
	height: 13px;
	border: 0px;
	font-size: 11px;
}

#current-user
{
	float: right;
	padding-top: 0px;	
	height: 20px;
}

#site-search
{
	clear: both;
	float: right;
	margin-top: 0px;	
	color: #3C5B77;
}

#site-search-value
{
	width: 140px;
	height: 14px;	
	margin: 0 4px 0 4px;
	border: solid 1px #f0f0f0;
}
/****************************************************
MAIN MENU
****************************************************/

#main-header-menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#main-header-menu ul li {
	position: relative;
	display: inline;
	float: left;
}
#main-header-menu ul li span
{
	display: block;
	float: left;
	margin-top: 8px;
	/*color: #014a7d;*/
	width: 1px;
	height: 26px;
	font-size: 18px;
	background-image: url(images/menu-div.png);
	background-repeat: no-repeat;
}
#main-header-menu ul li a.top {
	height: 15px;
	display: block;
	float: left;
	padding: 10px 15px 10px 15px;
	text-align: left;
	font-family: Tahoma;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	color: White;
}
#main-header-menu ul li a.top:hover {
	color: #00A0AF;
}
#main-header-menu ul li a.border {  }
a.top-selected 
{
	height: 15px;
	display: block;
	padding: 5px 26px 5px 26px;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #016f90;	
	color: White;
	font: 11px Tahoma;
}
#main-header-menu ul li ul {
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px 0 0 5px;
	position: absolute;
	display: block;
	visibility: hidden;
	z-index: 100;
}
/*Sub level menu transparent bg div */
#main-header-menu ul li div 
{
	clear: both;
	position: absolute;
	visibility: hidden;
	width: 135px;
	left: 0px;
	top: 35px;
	height: 200px;
	z-index: 90;
	margin: 0px 0 0 0;
	padding: 0;
	text-align: left;
	background-color: #00a2b1;
	/*filter: alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity: 0.8;*/
}
/*Sub level menu list items*/
#main-header-menu ul li ul li {
	padding: 0px;
	margin: 0px;
	display: inline;
	float: none;
	background-image: none;
	text-align: left;
}
#main-header-menu ul li ul li:hover {
	/*background-color: #213153;*/
}
/* Sub level menu links style */
#main-header-menu ul li ul li a 
{
	display: block;
	padding: 5px 0 5px 5px;
	margin-left: 0px;
	text-align: left;
	width: 120px;
	font-weight: normal;
	font-family: Arial;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	color: White;
}
#main-header-menu ul li ul li a.border 
{
	border-bottom: solid 1px #519db7;
}
#main-header-menu ul li ul li a:hover {
	color: #cbcbcb;
}
/* Holly Hack for IE \*/
* html #main-header-menu ul li { float: left; height: 1%; }
* html #main-header-menu ul li a { height: 1%; }
/* End */

/*******************************************
HOME PAGE
*******************************************/

#homepage-banner { width: 990px; height: 400px; background-image: url(images/home-bg.jpg);  }
#homepage-banner a { position: absolute; /*filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8;*/ }
#homepage-banner a img { display: none; }
#homepage-banner a.home-icon-1 { left: 325px; top: 22px; width: 51px; height: 52px; }
#homepage-banner a.home-icon-2 { left: 695px; top: 49px; width: 45px; height: 44px; }
#homepage-banner a.home-icon-3 { left: 265px; top: 88px; width: 54px; height: 49px; }
#homepage-banner a.home-icon-4 { left: 430px; top: 85px; width: 43px; height: 47px; }
#homepage-banner a.home-icon-5 { left: 728px; top: 104px; width: 59px; height: 50px; }
#homepage-banner a.home-icon-6 { left: 173px; top: 204px; width: 42px; height: 48px; }
#homepage-banner a.home-icon-7 { left: 319px; top: 150px; width: 49px; height: 52px; }
#homepage-banner a.home-icon-8 { left: 434px; top: 10px; width: 41px; height: 44px; }
#homepage-banner a.home-icon-9 { left: 848px; top: 315px; width: 52px; height: 42px; }
#homepage-banner a.home-icon-10 { left: 507px; top: 274px; width: 41px; height: 36px; }

#homepage-banner a.case-study-1 { left: 734px; top: 149px; background-image: url(images/casestudy-arrow.png); width:22px; height:18px; }
#homepage-banner a.case-study-2 { left: 428px; top: 220px; background-image: url(images/casestudy-arrow.png); width:22px; height:18px; }
#homepage-banner a.case-study-3 { left: 444px; top: 296px; background-image: url(images/casestudy-arrow.png); width:22px; height:18px; }
#homepage-banner a.case-study-4 { left: 510px; top: 263px; background-image: url(images/casestudy-arrow.png); width:22px; height:18px; }
#homepage-banner a.case-study-5 { left: 231px; top: 263px; background-image: url(images/casestudy-arrow.png); width:22px; height:18px;z-index: 200; }
#homepage-banner a.case-study-6 { left: 528px; top: 313px; background-image: url(images/casestudy-arrow.png); width:22px; height:18px; }
#homepage-banner a.case-study-7 { left: 464px; top: 271px; background-image: url(images/casestudy-arrow.png); width:22px; height:18px; }

div.homepage-content-first { width: 223px; height: 255px; padding: 5px 0px 10px 21px; float: left; background-color: White; }
div.homepage-content-second { width: 222px; height: 255px; padding: 5px 0px 10px 20px; float: left; background-color: White; }
div.homepage-content-third { width: 224px; height: 255px; padding: 5px 0px 10px 20px; float: left; background-color: White; }
div.homepage-content-fourth { width: 220px; height: 255px; padding: 5px 20px 10px 20px; float: left; background-color: White; }

.home-content { font-size: 12px; }
.home-content h1 { font-size: 16px; font-weight: bold; color: #3a5c78; text-transform: uppercase; text-decoration: none; padding: 0px; margin: 0 0 10px 0; }
.home-content h3 { font-size: 12px; font-weight: normal; text-transform: uppercase; color: #a9b1cd; padding: 0px; margin: 0px 0px 10px 0px; }

div.homepage-content-first a { float: left; clear: both; height: 16px; margin-bottom: 10px; padding: 0 0 1px 20px; 
                               background-image: url(images/square-arrow.png); background-repeat: no-repeat; background-position: left 2px; 
                               font-size: 16px; font-weight: bold; color: #3a5c78; text-transform: uppercase; text-decoration: none; }

.read-more { margin-top: 5px; }

#home-popup { display: none; position: absolute; z-index: 999; width: 224px; height: 180px; background-image: url(images/home-popup.png); background-repeat: no-repeat; }
#home-popup-content { position: relative; width: 202px; height: 150px; margin: 8px 0 0 10px; background-position: left top; background-repeat: no-repeat; }
#home-popup-content h4 { cursor: pointer; height: 45px; font-size: 11px; font-weight: bold; color: #3a5c78; padding: 10px 0 0 57px; margin: 0px 0 0 0px; width: 140px; text-transform: uppercase; line-height: 12px; }
#home-popup-content p { margin: 0px 0px 0px 0px; text-align: center; position: absolute; top: 56px; left: 5px; width: 190px; font-size: 11px; }
#home-popup-content a { text-decoration: none; }
#home-popup-content a.read-more { position: absolute; bottom: 5px; left: 60px; }

#homepage-image
{
	width: 685px;
	border-left: solid 15px white;
	border-bottom: solid 15px white;
	height: 365px;
	overflow: hidden;
	float: left;

}
#home-images
{
	width: 320px;
	height: 240px;
	margin: -150px 0px 0px -90px;
	overflow: hidden;
	padding: 0px;
	z-index: 100;
}

#home-images li
{
	padding: 0px;
	margin: 0px;
}

#home-images li img
{
	margin: 0px;
	border: 0px;
}

#homepage-content
{
	width: 225px;
	height: 350px;
	padding: 15px 15px 15px 20px;
	background-color: White;
	text-align: left;
	vertical-align: top;	
	float: right;
}

#homepage-content-html
{
	padding: 10px 0 0 10px;
	width: 215px;
	height: 240px;
	overflow: hidden;
}

/*******************************************
CONTENT PAGE
*******************************************/

#content-header
{
	margin: 0 12px 0 12px;
	width: 966px;
	height: 100px;
}

#crumbs { height: 14px; margin: 10px 0px 0px -216px; }
.crumb-arrow { vertical-align: middle; margin: 1px 5px 0px 5px; }
.crumb-link { font-size: 10px; color: #bac2d9; text-transform: uppercase; text-decoration: none; }
.crumb-link-current { font-size: 10px; color: #02407d; text-transform: uppercase; text-decoration: none; }

#page-sub-menu { list-style-type: none; margin: 70px 0 30px 12px; padding: 0px; float: left; clear:both; }
#page-sub-menu li { float: left; clear:both; width: 205px; }
#page-sub-menu li ul { list-style-type: none; padding: 0px; margin: 0px; clear: both; }

li.sm-second { margin: 0px; }
li.sm-second a { float: left; clear: both; /*height: 18px;*/ margin: 10px 0 0px 0px;  padding: 0px 0 0 12px; background-position: left 3px; background-repeat: no-repeat;  color: #3c5b78; font-size: 12px; font-weight: normal; text-decoration: none; text-transform: uppercase; }

li.sm-third { background-image: none; background-color: White; }
li.sm-third a { float: left; clear: both; /*height: 16px;*/ margin: 10px 0 0px 13px;  padding: 0px 0 0 12px; background-position: left 3px; background-repeat: no-repeat;  color: #3c5b78; font-size: 12px; text-decoration: none; text-transform: uppercase; font-weight: normal; }

li.sm-fourth { background-image: none; background-color: White; }
li.sm-fourth a { float: left; clear: both; /*height: 16px;*/ margin: 10px 0 0px 25px;  padding: 0px 0 0 12px; background-position: left 3px; background-repeat: no-repeat;  color: #3c5b78; font-size: 12px; text-decoration: none; text-transform: uppercase; font-weight: normal; }

ul.sm-fifth { margin: 0px; padding: 0px; }
ul.sm-fifth li { background-image: none; }
ul.sm-fifth li a { float: left; clear: both; /*height: 12px;*/ margin: 10px 0 0px 37px;  padding: 0px 0 0px 10px; background-image: url(images/sm-dash.png); background-position: left 3px; background-repeat: no-repeat;  color: #3c5b78; font-size: 12px; text-decoration: none; font-weight: normal; }

.menu-sel-bg { background-image: url(images/menu-sel-highlight.png)!important; background-repeat: no-repeat; background-position: left 9px!important; }
.menu-sel-color { color: #02a1b4!important; }

#sub-menu
{
	padding: 12px 24px 12px 0px;
	width: 217px;
	/*height: 500px;*/
	float: left;
}
#ufm-banner img { margin: 30px 0px 0px 0px; }

#sub-menu a.submenu-primary
{
	display: block;
	font-family: Arial;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 4px 0px 4px 14px;
	width: 136px;
	color: #3C5B77;
	background-repeat: no-repeat;
	background-position: left center;
}
#sub-menu a.submenu-secondary
{
	display: block;
	font-family: Arial;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 4px 0px 4px 16px;
	margin: 0px 0px 0px 14px;
	width: 106px;
	color: #3C5B77;
	background-repeat: no-repeat;
	background-position: left center;
}
#sub-menu a.selected { color: #00A0AF; }

#content-body-area
{
	width: 749px;
	float: left;
}

#content-body-area-html
{
	padding: 15px 15px 30px 0px;
}
#content-body-area-html p { line-height: 1.5em; }

#white-container
{
	background-color: White;
}

#content-right
{
	float: right;
	width: 193px;
	padding: 45px 12px 15px 12px;
	margin-left: 22px;
	margin-bottom: 10px;
}

/***********************************************
CONTACT
***********************************************/

#contact-column-left
{
	float: left;
	width: 370px;
}
#contact-column-right
{
	float: right;
	width: 380px;
}
#contact-form
{
	background-color: White;	
	width: 380px;
	height: 340px;
}

#contact-form div.title 
{
	color: #04336b;
	font-size: 14px;
	text-transform: uppercase;
	margin: 0 0 10px 20px;
}
#contact-form div.field-title 
{
	float: left;
	height: 24px;
	width: 100px;
	margin: 0 0 0 20px;
	font-size: 12px;
}

#contact-form div.field-value 
{
	float: right;
	height: 24px;
	margin: 0 10px 0 0;
	font-size: 11px;
	color: #3c3c3c;
}

#contact-form input.text-long {
	width: 195px;
	height: 16px;
	background-color: #f2f2f2;
	border: 0px;
	font-size: 11px;
	color: #3c3c3c;
}

#contact-form input.text-short {
	width: 80px;
	height: 14px;
	background-color: #f2f2f2;
	border: 0px;
	font-size: 11px;
	color: #3c3c3c;
}

#contact-form textarea.text-comment {
	width: 195px;
	height: 60px;
	background-color: #f2f2f2;
	border: 0px;
	font-size: 11px;
	color: #3c3c3c;
}

#contact-form div input.send-button 
{
	width: 59px;
	height: 22px;
	border: 1px;
	background-color: #00a2b1;
	color: White;
	font-size: 11px;
	margin: 10px 10px 0 0;
}

#contact-thankyou
{
	display: none;
	font-size: 11px;
}

/*********************************************
UFM
*********************************************/

#ufm-wheel { width: 500px; /*height: 362px;*/ margin-top: 20px; background-position: center 30px; background-repeat: no-repeat; }
#ufm-wheel div.top { float: left;  width: 198px; margin: 0px 151px 0px 151px; height: 40px; clear: both; text-align: center; vertical-align: text-bottom; }
/*#ufm-wheel div.center { float: left; width: 198px; margin: 0px; height: 202px; background-image: url(images/ufm-wheel-01.jpg); background-repeat: no-repeat; }*/
#ufm-wheel div.left-holder { float: left; width: 151px; margin: 0px; height: 202px; }
#ufm-wheel div.left { float: left; width: 145px; margin: 0px 6px 0px 0px; height: 50px; text-align: right; vertical-align: middle; }
#ufm-wheel div.right-holder { float: right; width: 151px; margin: 0px; height: 202px; }
#ufm-wheel div.right { float: right; width: 145px; margin: 0px 0px 0px 6px; height: 50px; text-align: left; vertical-align: middle; }
#ufm-wheel div.bottom { float: left;  width: 148px; margin: 0px 176px 0px 176px; height: 40px; text-align: center; }
#ufm-wheel div.bottom a.subsel { color: #134685; }
#ufm-wheel div.bottom-sub { float: left;  width: 500px; height: 200px; margin: 0px 0px 0px 0px; position: relative; /*height: 80px;*/ background-position: center top; background-repeat: no-repeat; }
.left-4 { padding-top: 12px; height: 38px; }
.right-4 { padding-top: 12px; height: 38px; }
#ufm-wheel div a { color: #a8aaa9; font-size: 11px; text-transform: uppercase; text-decoration: none; }

#ufm-wheel div div div { height: 40px; margin-top: 5px; clear: both; }
#ufm-wheel div div div a { color: #134685; }

#ufm-wheel div div.sub-link-1 { float: left; width: 140px; height: 30px; position: absolute; top: 14px; left: 40px; text-align: right; }
#ufm-wheel div div.sub-link-2 { float: right; width: 140px; height: 30px; position: absolute; top: 14px; right: 40px; text-align: left; }
#ufm-wheel div div.sub-link-3 { float: left; width: 140px; height: 30px; position: absolute; top: 52px; left: 45px; text-align: right; }
#ufm-wheel div div.sub-link-4 { float: right; width: 140px; height: 30px; position: absolute; top: 52px; right: 45px; text-align: left; }
#ufm-wheel div div.sub-link-5 { float: left; width: 140px; height: 30px; position: absolute; top: 90px; left: 55px; text-align: right; }
#ufm-wheel div div.sub-link-6 { float: right; width: 140px; height: 30px; position: absolute; top: 90px; right: 55px; text-align: left; }
#ufm-wheel div div.sub-link-7 { float: left; width: 140px; height: 30px; position: absolute; top: 132px; left: 60px; text-align: right; }
#ufm-wheel div div.sub-link-8 { float: right; width: 140px; height: 30px; position: absolute; top: 132px; right: 60px; text-align: left; }
#ufm-wheel div div.sub-link-9 { float: left; width: 140px; height: 30px; position: absolute; top: 170px; right: 180px; text-align: center; }

#ufm-wheel .selected { color: #00A0AF!important; }

/*********************************************
PRODUCT PAGE
*********************************************/

#products-menu { list-style-type: none; margin: 70px 0 0 12px; padding: 0px; float: left; clear:both; }
#products-menu li { float: left; clear:both; width: 205px; }
#products-menu li ul { list-style-type: none; padding: 0px; margin: 0px; clear: both; }

li.first { background-position: left 4px; background-repeat: no-repeat; }
.blue-arrow-1 { background-image: url(images/sm-blue-arrow-1.png); }
.blue-arrow-2 { background-image: url(images/sm-blue-arrow-2.png); }
li.first div { padding: 4px 7px 3px 0px; margin: 4px 0 4px 0; /*margin-left: 13px;*/ float: left; background-color: #00a1b0; background-position: left 0px; background-repeat: no-repeat; background-image: url(images/sm-blue-arrow-1.png); }
li.first div a { display: block; font-size: 14px; font-weight: bold; color: White; text-decoration: none; text-transform: uppercase; padding-left: 17px; background-position: left -3px; background-repeat: no-repeat; }

li.second { margin: 0px; background-image: url(images/sm-sub-title-bg.png); padding: 3px 0px 3px 0px; background-repeat: repeat-y; background-position: left top; }
li.second a { float: left; clear: both; /*height: 18px;*/ margin: 0px 0 0px 13px;  padding: 0px 0 0 12px; background-position: left 3px; background-repeat: no-repeat;  color: #00a6b4; font-size: 12px; font-weight: bold; text-decoration: none; text-transform: uppercase; }
li.second a span { font-weight: normal; color: #829ab2; }
.white-arrow-1 { background-image: url(images/sm-white-arrow-1.png); }
.white-arrow-2 { background-image: url(images/sm-white-arrow-2.png); }
.dash { background-image: url(images/sm-dash.png); }

li.third { background-image: none; background-color: White; }
li.third a { float: left; clear: both; /*height: 16px;*/ margin: 8px 0 0px 25px;  padding: 0px 0 0 12px; background-position: left 3px; background-repeat: no-repeat;  color: #00a6b4; font-size: 12px; text-decoration: none; text-transform: uppercase; font-weight: normal; }

li.fourth { background-image: none; background-color: White; }
li.fourth a { float: left; clear: both; /*height: 16px;*/ margin: 8px 0 0px 37px;  padding: 0px 0 0 12px; background-position: left 3px; background-repeat: no-repeat;  color: #00a6b4; font-size: 12px; text-decoration: none; text-transform: uppercase; font-weight: normal; }

ul.fifth { margin: 0px; padding: 0px; }
ul.fifth li { background-image: none; }
ul.fifth li a { float: left; clear: both; /*height: 12px;*/ margin: 8px 0 0px 49px;  padding: 0px 0 0px 10px; background-image: url(images/sm-dash.png); background-position: left 3px; background-repeat: no-repeat;  color: #506b88; font-size: 12px; text-decoration: none; font-weight: normal; }

a.product-matrix { float: left; clear: both; height: 18px; width: 140px; margin: 5px 0 0px 4px;  padding: 0px 0 0 12px; background-image: url(images/sm-white-arrow-1.png); background-position: left 3px; background-repeat: no-repeat;  color: #506b88; font-size: 12px; font-weight: bold; text-decoration: none; text-transform: uppercase; }

#products-matrix div.first { clear: both; height: 20px; background-position: left 0px; background-repeat: no-repeat; padding: 3px 0px 0px 0px; margin: 4px 0 4px 0; background-color: #00a1b0; float: left; }
#products-matrix div.first a.pm-1-link {  }
#products-matrix div.first a.pm-1-arrow img { width: 13px; height: 15px; vertical-align: middle; }
#products-matrix div.first a.pm-1-link { font-size: 14px; font-weight: bold; padding: 0px 7px 0px 5px; color: White; text-decoration: none; text-transform: uppercase; }
#products-matrix div.second-tier { clear: both; margin: 0px; padding: 0px; float: left; display: none; }

#products-matrix table { margin: 0px 0px 0px 14px; width: 710px; }
#products-matrix table thead tr td.td1 { background-image: url(images/table-head-bg.jpg); background-repeat: repeat-y; }
#products-matrix table thead tr td.td2 { background-image: url(images/table-head-bg.jpg); background-repeat: repeat-y; background-position: -280px; }
#products-matrix table thead tr td { background-color: White; overflow: hidden; }
#products-matrix table tbody tr { display: none; }
#products-matrix table tbody tr td { background-color: White; overflow: hidden; }

#products-matrix table thead tr td.td1 a.pm-2-arrow { float: left; margin: 0px 4px 0px 4px; background-repeat: no-repeat; background-position: left center; }
#products-matrix table thead tr td.td1 a.pm-2-arrow img { width: 12px; height: 12px; vertical-align: middle; }
#products-matrix table thead tr td.td1 a.pm-2-link { float: left; width: 240px; color: #00a6b4; font-size: 12px; font-weight: bold; text-decoration: none; text-transform: uppercase; }
#products-matrix table thead tr td.td1 a.pm-2-link span { font-weight: normal; color: #829ab2; }

#products-matrix table tbody tr td.td1 a.pm-3-arrow { float: left; margin: 0px 4px 0px 20px; background-repeat: no-repeat; background-position: left center; }
#products-matrix table tbody tr td.td1 a.pm-3-arrow img { width: 12px; height: 12px; vertical-align: middle; }
#products-matrix table tbody tr td.td1 a.pm-3-link { float: left; width: 220px; color: #3b5d79; font-size: 12px; text-decoration: none; text-transform: uppercase; font-weight: normal; }

#products-matrix table tbody tr td.td1 a.pm-4-arrow { float: left; margin: 0px 4px 0px 38px; background-repeat: no-repeat; background-position: left center; }
#products-matrix table tbody tr td.td1 a.pm-4-arrow img { width: 12px; height: 12px; vertical-align: middle; }
#products-matrix table tbody tr td.td1 a.pm-4-link { float: left; width: 200px; color: #3b5d79; font-size: 12px; text-decoration: none; text-transform: uppercase; font-weight: normal; }

#products-matrix table tbody tr td.td1 div.pm-5-link { margin: 0px 0px 0px 56px;  padding: 0px 0px 0px 10px; background-image: url(images/sm-dash.png); background-position: left 7px; background-repeat: no-repeat; }
#products-matrix table tbody tr td.td1 div.pm-5-link a { width: 200px; color: #3b5d79; font-size: 12px; text-decoration: none; font-weight: normal; }

.td1 { width: 262px; padding: 4px; border-right: solid 1px #e9f4f6; border-bottom: solid 1px #e9f4f6; }
.td2 { width: 262px; padding: 4px; border-right: solid 1px #e9f4f6; border-bottom: solid 1px #e9f4f6; color: #c1c7dd; }
.td3 { width: 72px; padding: 4px; border-right: solid 1px #e9f4f6; border-bottom: solid 1px #e9f4f6; color: #c1c7dd; }
.td4 { width: 72px; padding: 4px; border-bottom: solid 1px #e9f4f6; color: #c1c7dd; }

#matrix-filter { width: 738px; height: 29px; padding: 0px; margin: 0px 0px 20px 0; background-image: url(images/matrix-filter-bg.png); background-repeat: no-repeat; }
#matrix-filter div { float: left; }
#matrix-filter div.d1 { width: 120px; margin-left: 10px; padding-top: 8px; height: 21px; font-size: 11px; text-transform: uppercase; font-weight: bold; color: White; }
#matrix-cat input { vertical-align: middle; padding: 2px; margin: 0px; }
#matrix-cat { float: left; font-size: 11px; text-transform: uppercase; color: #003d7c; margin-left: 10px; width: 356px; height: 22px; margin-top: 7px; }
#matrix-filter div.d2 { width: 62px; margin-left: 10px; padding-top: 8px; height: 21px; font-size: 11px; text-transform: uppercase; font-weight: bold; color: White; }
#matrix-filter div.d3 { width: 116px; margin-left: 4px; padding-top: 4px; height: 25px; font-size: 11px; text-transform: uppercase; font-weight: bold; color: White; }
#matrix-filter div.d3 input { float: left; width: 90px; height: 16px; border: 0px; }
#matrix-filter div.d3 a { float: right; border: 0px; margin-top: 4px; }

#product-content-left
{
	float: left;
	width: 504px;
	margin: 15px 0px 0px 0px;
	padding: 0 0 30px 0;
}

#product-content-left table { margin: 0px 0px 0px 0px; width: 460px; }
#product-content-left table thead tr { /*background-image: url(images/table-head-bg.jpg); background-repeat: repeat-y;*/ }
#product-content-left table thead tr td { background-image: url(images/table-head-bg.jpg); background-repeat: repeat-y; }
#product-content-left table thead tr td { /*background-color: White;*/ font-weight: bold; padding: 2px 20px 2px 4px; }
#product-content-left table tbody tr { /*display: none;*/ }
#product-content-left table tbody tr td { padding: 4px 20px 4px 4px; border-right: solid 1px #e9f4f6; border-bottom: solid 1px #e9f4f6;  }

#product-content-right
{
	float: right;
	width: 200px;
	padding: 60px 15px 15px 0px;
	margin-left: 15px;
	margin-bottom: 15px;
}
.product-content-right-bg
{
	background-position: right 100px;
	background-image: url(images/product-right-column.jpg);
	background-repeat: no-repeat;
}

div.product-data-item 
{
	width: 200px;
	margin-bottom: 10px;	
}
div.product-data-item h2 { width: 200px; padding: 4px 0px 4px 8px; margin: 0px; font-size: 12px; font-weight: normal; text-transform: uppercase; color: #3c5b78; background-image: url(images/product-right-column-title-bg.png); background-repeat: no-repeat; }

div.product-child
{
	float: left;
	width: 160px;
	margin: 20px 20px 40px 0;
	/*background-image: url(images/product-child.png);
	background-repeat: no-repeat;
	background-position: top;*/
	text-align: left;
}
div.product-child div.first { clear: both; background-position: left 0px; background-repeat: no-repeat; padding: 3px 0px 0px 0px; margin: 4px 0 0px 0; background-color: #00a1b0; float: left; }
div.product-child div.first a.pm-1-link { display: block; font-size: 14px; font-weight: bold; padding: 0px 7px 0px 17px; color: White; text-decoration: none; text-transform: uppercase; background-image: url(images/sm-blue-arrow-1.png); background-position: left -3px; background-repeat: no-repeat; }

div.product-child img.thumb
{
	margin: 0 0 10px 0px;
}

div.product-child ul { list-style-type: none; padding: 0px; margin: 5px 0px 0px 0px; clear: both; }
div.product-child ul li { margin: 0px; /*background-image: none;*/ padding-left: 12px; background-position: left 3px; background-repeat: no-repeat;  }
div.product-child ul li a { float: none; /*height: auto;*/ margin: 5px 0 0px 0px;  padding: 0px 0 0 0px;  color: #003d7c; font-size: 12px; font-weight: normal; text-decoration: none; text-transform: uppercase; }
div.product-child ul li a span { font-weight: normal; color: #829ab2; }

div.related-product { margin-bottom: 5px; }

a.product-gallery-image
{
	width: 80px;
	height: 80px;
	margin: 10px 0px 0px 10px;
	float: left;
	text-align: center;
	vertical-align: middle;
	color: #a19891;	
	font-size: 10px;
	line-height: 12px;
	text-decoration: none;
}
a.product-gallery-image img
{
	/*width: 130px;
	height: 130px;	*/
}

div.download-item 
{
	width: 	190px;
	height: 30px;
	padding: 5px 0px 5px 10px;
}
div.download-item img { float: left; margin-top: 2px; }
div.download-content
{
	float: right;
	width: 160px;	
	overflow: hidden;
}
div.product-data-item-content { margin: 10px 0 0 10px; }

a.download-title
{
	color: #6e6e6e;
	font-family: Tahoma;
	font-size: 12px;
	text-transform: uppercase;	
	text-decoration: none;
	line-height: 15px;
}
div.download-date
{
	color: #9d9f9e;
	padding: 4px 0 2px 0;
	font-size: 10px;
}

div.download-type
{
	margin-bottom: 2px;
	font-size: 10px;
}

div.case-study-link 
{
	width: 	190px;
	height: 12px;
	padding: 3px 0px 3px 0px;
}
div.case-study-link a
{
	color: #6e6e6e;
	font-family: Tahoma;
	font-size: 12px;
	text-transform: uppercase;	
	text-decoration: none;
	line-height: 12px;
}

/**********************************************************
ARTICLE ITEM
**********************************************************/
div.article { margin-bottom: 20px; padding: 0px 15px 0 0; }
div.article h1 { clear: both; margin: 10px 0 10px 0; padding: 0px; }
a.article-image { width: 270px; float: left; margin: 0px 10px 10px 0px; clear: both; }

/**********************************************************
VIEW IMAGE
**********************************************************/

#view-image { display: none; }
#view-image img.large-img { width: auto; height: auto; }
#view-image div { width: auto; height: auto; text-align: center; }
#view-image div a.prev-img { float: left; color: black; text-decoration: none; vertical-align: middle; }
#view-image div a.prev-img img { padding-right: 4px; vertical-align: middle; }
#view-image div a.next-img { float: right; color: black; text-decoration: none; vertical-align: middle; }
#view-image div a.next-img img { padding-left: 4px; vertical-align: middle; }
#view-image div span.image-title { color: Black; }