@charset "UTF-8";
/* CSS Document */

body,td,th {
	font-size: 12px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
}
body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a:link {
	color: #2b61ad;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #999999;
}
a:hover {
	text-decoration: none;
	color: #2b61ad;
}
a:active {
	text-decoration: underline;
	color: #2B61AD;
}
h1{
	font-size: 24px;
}
h2 {
	font-size: 16px;
	font-weight:bold;
}
.categoryList {
	font-size: 16px;
	font-weight: bold;
	padding-bottom:5px;
	padding-left:48px;
	padding-top:0px;
	margin-top:0px;
}
.categoryList ul {
	
	}
.categoryList li {
	list-style: none;
	padding-bottom:5px;
	}

.productGroupList {
	font-size: 14px;
	font-weight: bold;
	
}
.productGroupList ul {
	list-style: none;
	}
.productGroupList li {
	padding-bottom:5px;
	}
.productList {
	font-size: 12px;
	font-weight: normal;
}
.productList ul {
	
	}
.productList li {
	list-style: circle;
	}
h3 {
	font-size: 16px;
	font-weight:bold;
}
h4 {
	font-size: 14px;
	font-weight:bold;
}
#container #masthead {
	background-image: url(images/_interface-2009_03.gif);
	background-position: left top;
	height: 128px;
	width: 988px;
	margin-top: 15px;
}
#container {
	width: 988px;
	margin-right: auto;
	margin-left: auto;
}

#container #tabsetc #lowerleft #maincontent {
	margin:0px;
	padding:0px;
	width:703px;
	padding-top:15px;
}

#container #tabsetc #lowerleft #maincontent h1, #container #tabsetc #lowerleft #maincontent h2, #container #tabsetc #lowerleft #maincontent h4 {
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	padding-left: 48px;
	padding-top:0px;
	margin-top:0px;
}
#container #tabsetc #lowerleft #maincontent h3 {
	margin-bottom:12px;
	margin-left:48px;
}
#container #tabsetc #lowerleft #maincontent .textlist {
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	padding-left: 64px;
	padding-top:0px;
	margin-top:0px;
	padding-right: 100px;
}
#container #tabsetc #lowerleft #maincontent .textlist li {
	margin-bottom: 12px;
}
#container #tabsetc #lowerleft #maincontent p {
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-left: 48px;
	line-height: 17px;
	padding-right: 100px;
}
#container #tabsetc #lowerleft #maincontent #specifications td {
	padding:3px;
}
#container #tabsetc #lowerleft #maincontent #specifications h3 {
	margin-left:0px;
	padding-left:0px;
}
#container #tabsetc #lowerleft #maincontent #features h3 {
	margin-left:0px;
	padding-left:0px;
}

#container #tabsetc #lowerleft #maincontent #features img {
	border:0px;
}

#container #tabsetc #lowerleft #maincontent #specifications .specshadedrow {
	background-color:#D9E2EE;
}
#container #topcontent #outerleft #left {
	width: 456px;
	float: left;
}
#container #topcontent #outerleft #left p {
	margin: 0px;
	padding: 0px 0px 0px 76px;
	font-size: 14px;
}
#container #topcontent #outerleft #right p {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
}
#container #topcontent #topright {
	width: 342px;
	float: right;
	margin-right: 16px;
	margin-top: 8px;
}
#container #tabsetc #lowerleft {
	float: left;
	width: 703px;
	display:inline-block;
}
#container #tabsetc #lowerright {
	float: right;
	width: 270px;
	padding-bottom: 45px;
	height: inherit;
	padding-top:7px;
	background-image:url(images/lowerright-rounded-corner-bg.gif);
	background-position:top right;
	background-repeat:no-repeat;
}
#container #tabsetc #lowerright #additionalinfo {
	padding:5px 12px 0px 12px;
}
#container #tabsetc #lowerright #additionalinfo img {
	border:0px;
}
#container #tabsetc #lowerright #additionalinfo .additionalInfoTitle {
	font-weight:bold;
}
#container #tabsetc #lowerright h4 {
	margin-top: 0px;
	padding-top: 0px;
	font-weight: bold;
	padding-bottom: 4px;
	margin-bottom: 4px;
}
#container #tabsetc #lowerright #whatsnew {
	background-image: url(images/_interface-2009_14.gif);
	background-position: right bottom;
	width: 252px;
	padding-bottom: 10px;
	margin-top: 0px;
	background-repeat: no-repeat;
}
#container #tabsetc #lowerright #whatsnew .whatsnewLEFT {
	float: left;
	width: 67px;
	height:65px;
}
#container #tabsetc #lowerright #whatsnew .whatsnewRIGHT {
	float: right;
	width: 160px;
	margin-right: 10px;
}
#container #tabsetc #lowerright #featuredproducts {
	background-image: url(images/_interface-2009_14.gif);
	background-position: right bottom;
	width: 252px;
	padding-bottom: 10px;
	margin-top: 15px;
	background-repeat: no-repeat;
}
#container #tabsetc #lowerright #stayinformed {
	background-image: url(images/_interface-2009-sub_03.gif);
	background-position: right bottom;
	width: 254px;
	padding-bottom: 10px;
	background-repeat: no-repeat;
	margin-top:2px;
	margin:0px auto;
}
#container #tabsetc #lowerright #stayinformedshort {
	background-image: url(images/_interface-2009-sub_03.gif);
	background-position: right bottom;
	width: 234px;
	padding-bottom: 10px;
	padding-left:0px;
	background-repeat: no-repeat;
	margin-top:2px;
	margin:0px auto;
}
#container #tabsetc #lowerright #stayinformed .tabcontent {
	margin-bottom:8px;
	padding-bottom:8px;
	background-image:url(images/stayinformed-curved-back-5.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	margin-left:10px;
	margin-right:0px;
	display:inline-block;
	width:234px;
	border:0px;
}
#container #tabsetc #lowerright .stayLEFT {
	float: left;
	width: 67px;
	height:65px;
}
#container #tabsetc #lowerright .stayLEFTexp {
	float: left;
	width: 67px;
}
#container #masthead #topnav {
	padding-top: 85px;
	text-align: right;
	margin-right: 35px;
	color: #FFFFFF;
}
#container #masthead #topnav a {
	color: #FFFFFF;
	text-decoration:underline;
}
#container #masthead #topnav a:visited {
	color: #cccccc;
}
#container #masthead #topnav a:hover {
	color: #FFFFFF;
	text-decoration:none;
}
#container #tabsetc #lowerleft #bbp {
	background-image: url(images/_interface-2009-black_26.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 166px;
	width: 685px;
	padding-top: 38px;
	padding-left: 18px;
	clear:both;
}
#container #tabsetc #lowerright .stayRIGHT {
	float: right;
	width: 140px;
	margin-right: 10px;
	padding-left:10px;
}
#container #tabsetc #lowerright .learnmore {
	background-image: url(images/_interface-2009-sub_03.gif);
	background-position: right bottom;
	width: 252px;
	padding-bottom: 10px;
	margin-top: 10px;
	background-repeat: no-repeat;
	margin-left: 8px;
}
.clearBoth {
	clear: both;
}
#container #topcontent #outerleft {
	width: 625px;
	float: left;
}
#container #topcontent #outerleft #right {
	width: 150px;
	float: right;
	margin-top: 66px;
}
#container #tabsetc #lowerleft #bbp #bbpProducts {
	width: 412px;
	margin-right: 14px;
	height: 134px;
	float: right;
	padding-top: 0px;
	padding-left: 0px;
	font-size:11px;
}
#container #tabsetc #lowerleft #bbp #bbpProducts a{
	text-decoration:none;
}
#container #tabsetc #lowerleft #bbp #bbpProducts a:link, #container #tabsetc #lowerleft #bbp a:visited, #container #tabsetc #lowerleft #bbp a:active{
	text-decoration:none;
	color:#2b61ad;
}
#container #tabsetc #lowerleft #bbp #bbpProducts a:hover{
	text-decoration:underline;
}
#container #footer {
	color: #FFFFFF;
	background-color: #000000;
	text-align: center;
	padding: 15px 0px;
	margin-top: 15px;
	width:988px;
	display:inline-block;
}
#container #footer a, #container #footer a:link, #container #footer a:visited, #container #footer a:active {
	color: #FFFFFF;
	text-decoration:underline;
}
#container #tabsetc #lowerleft #bbp #bbpProducts  p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
}
#container #breadcrumbs {
	font-size: 12px;
	color:#999999;
	padding: 12px 5px 12px 48px;
}
#container #tabsetc #lowerright #stayinformed h4 {
	margin-bottom: 0px;
	padding-bottom: 3px;
	margin-top: 0px;
	padding-top: 0px;
}
#container #tabsetc #lowerleft #featuredcontent {
	margin-bottom: 25px;
	margin-top: 25px;
	padding-left: 0px;
	padding-bottom: 10px;
	padding-right:0px;
	background-image:url(images/featured-content-vline-back-5a.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	display: inline-block;
	width:698px;
	padding-left:5px;
}
#container #tabsetc #lowerleft #maincontent .productSummary{
	margin-bottom: 0px;
	margin-bottom: 20px;
	padding-left: 48px;
	padding-bottom: 10px;
	padding-right:10px;
	padding-top:5px;
	background-image: url(images/_interface-2009-sub_07.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	display: inline-block;
	width:645px;
}
#container #tabsetc #lowerleft #maincontent .productSummary img{
	border:1px solid #386AB2;
}
#container #tabsetc #lowerleft #maincontent .productSummary .psRight{
	float:right;
	width:485px;
}
#container #tabsetc #lowerleft #maincontent .productSummary .psLeft{
	float:left;
	width:147px;
}
#container #tabsetc #lowerleft #maincontent .productSummary .psRight h3 {
	margin:0px;
	
}
#container #tabsetc #lowerleft #maincontent .productSummary p {
	padding-top:0px;
	margin-top:0px;
	padding-left:0px;
	margin-left:0px;
	padding-right:0px;
	margin-right:0px;
}
#container #tabsetc #lowerleft #featuredcontent h2 {
	margin-top: 0px;
	padding: 6px 10px;
	background-image:url(images/lowerleft-h2-rounded-corner-bg-2.gif);
	background-position:top right;
	background-repeat:no-repeat;
	color:#2361AE;
}
#container #tabsetc #lowerleft #featuredcontent #outerleft {
	float: left;
	width: 453px;
}
#container #tabsetc #lowerleft #featuredcontent #outerleft #left {
	float: left;
	width: 208px;
}
#container #tabsetc #lowerleft #featuredcontent #outerleft #left .tabcontent{
	padding-left:10px;
}
.featuredLEFT {
	float: left;
	width: 67px;
	height:65px;
}
.featuredRIGHT {
	float: right;
	width: 120px;
}
.otherLEFT {
	float: left;
	width: 67px;
	height:65px;
}
.otherdRIGHT {
	float: right;
	width: 120px;
}
#container #tabsetc #lowerleft #featuredcontent #outerleft #innerright {
	float: right;
	width: 208px;
	padding-top:33px;
}
#container #tabsetc #lowerleft #featuredcontent #outerleft #innerright p {
	margin-left:12px;
	padding-right:10px
}

#container #tabsetc #lowerleft #featuredcontent #outerleft #innerright a {
	padding-bottom:5px;
	padding-top:5px;
	display:block;
	background-image:url(images/app-notes-link-arrow.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:15px;
}
#container #tabsetc #lowerleft #featuredcontent #right {
	float: right;
	width: 208px;
	padding-top:33px;
}
#container #tabsetc #lowerleft #featuredcontent #right p {
	padding-right:10px;
	margin-left:12px;
}
#container #tabsetc #lowerleft #featuredcontent #right a {
	padding-bottom:5px;
	padding-top:5px;
	display:block;
	background-image:url(images/app-notes-link-arrow.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:15px;
}
#container #tabsetc #lowerright h2 {
	margin-left: 8px;
	margin-bottom: 10px;
	margin-top:0px;
	padding:6px 10px;
	background-color:#c4d3e8;
	color:#2361AE;
	background-image:url(images/lowerright-h2-rounded-corner-bg.gif);
	background-position:top right;
	background-repeat:no-repeat;
}
#container #tabsetc #lowerright .learnmore h4 {
	padding-left: 15px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#container #tabsetc #lowerright .learnmore p {
	padding-left: 15px;
	margin-top: 0px;
	padding-top: 10px;
	margin-bottom: 0px;
	padding-bottom: 5px;
}
#container #tabsetc #lowerright #whiteline {
	background-color: #FFFFFF;
	margin: 15px 0px 15px 0px;
	padding: 0px;
	height: 5px;
}
#container #tabsetc #lowerleft #workflow {
	text-align:center;
	padding-top:7px;
	padding-bottom:7px;
	margin-bottom:6px;
	margin-left:4px;
	padding-left:8px;
	background-image:url(images/workflow-tabs-back-5.gif);
	background-repeat:no-repeat;
	clear:both;
}
#container #tabsetc #lowerleft #workflow img {
	float:left;
	padding:0px;
	margin:0px;
}
#container #tabsetc {
	background-image: url(images/_interface-2009-sub_11.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.bcrumbselected {	font-weight: bold;
	color: #2B61AD;
}

sub {
	vertical-align:text-bottom;
	font-size:9px;
}

sup {
	vertical-align:top;
	font-size:9px;
}

a.button {
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	text-decoration: none;
	margin-top: 5px;
	display: block;
	text-align: center;
	width: 70px;
	float: right;
	color: #2b61ad;
	background-color: #fff; /*Brown color theme*/ 
	border: 1px solid #2b61ad;
}
a.button:hover {
	background-color:#D9E2EE;
}
a.buttonLeft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	background-color: #fff; /*Brown color theme*/ 
	border: 1px solid #2b61ad;
	text-decoration: none;
	color: #2b61ad;
	margin-top: 5px;
	display: block;
	text-align: center;
	width: 70px;
	float: left;
}
a.buttonLeft:hover {
	background-color:#D9E2EE;
}
a.buttonAuto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	border: 1px solid #FFFFFF;
	text-decoration: none;
	color: #FFFFFF;
	margin-top: 0px;
	display: block;
	text-align: center;
	width:Auto;
	float: left;
	margin-bottom:10px;
}
#container #tabsetc #lowerleft #maincontent #featuresWide h3 {
	margin-left:0px;
	padding-left:0px;
}
/* FROM OLD SITE */

#specifications {
	float: right;
	width: 330px;
}
#features {
	width: 280px;
}
#dropmenudiv{
position:absolute;
border:1px solid #2b61ad;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
text-align:center;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 0px;
border-bottom: 1px solid #2b61ad;
padding: 1px 0;
text-decoration: none;
color:#2b61ad;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #D9E2EE;
}
#selectionMenu{
	min-height:120px;
}

/* EXTENDED VIEW STYLES*/

.extendedView {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.extendedView table{
	border-collapse:collapse;
	border: 1px solid #336699;
}
.extendedView td{
	padding: 5px;
	border: 1px solid #336699;
}

.extendedView strong{
	color:#000;
}

/* DHTML WINDOW FILES CSS AFTER HERE */

.dhtmlwindow{
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #000000;
color: white;
cursor: move;
overflow: hidden;
width: auto;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}