@charset "utf-8";
/* CSS Document */
.stepcarousel {
	position: relative;
	overflow: scroll; /*leave this value alone*/
	width: 562px; /*Width of Carousel Viewer itself*/
	height: 256px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*margin around each panel*/
	/*width: 562px; */ /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height: 256px;
}
.stepcarousel02 {
	position: relative;
	overflow: scroll; /*leave this value alone*/
	width: 562px; /*Width of Carousel Viewer itself*/
	height: 256px; /*Height should enough to fit largest content's height*/
}
.stepcarousel02 .belt02 {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel02 .panel02 {
	float: left; /*leave this value alone*/
	overflow: hidden; /*margin around each panel*/
	/*width: 562px; */ /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height: 256px;
}
.stepcarousel03 {
	position: relative;
	overflow: scroll; /*leave this value alone*/
	width: 562px; /*Width of Carousel Viewer itself*/
	height: 256px; /*Height should enough to fit largest content's height*/
}
.stepcarousel03 .belt03 {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel03 .panel03 {
	float: left; /*leave this value alone*/
	overflow: hidden; /*margin around each panel*/
	/*width: 562px; */ /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height: 256px;
}
.stepcarousel04 {
	position: relative;
	overflow: scroll; /*leave this value alone*/
	width: 562px; /*Width of Carousel Viewer itself*/
	height: 256px; /*Height should enough to fit largest content's height*/
}
.stepcarousel04 .belt04 {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel04 .panel04 {
	float: left; /*leave this value alone*/
	overflow: hidden; /*margin around each panel*/
	/*width: 562px; */ /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height: 256px;
}
.TabularButtons {
	z-index: 100;
	position: absolute;
	left: 12px;
	top: 216px;
	visibility: visible;
	width: 535px;
}
#productsections {
	height: 256px;
	width: 690px;
	overflow: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}
#productsections ul {
float:left;
margin-left:0;
margin-top:0;
padding-left:0;
padding-top:0;
}

#productsections li {
	overflow: hidden;
	border-bottom: 1px solid #ffffff;
	width:128px;
	list-style: none;
	margin-left: 0px;
	list-style-position: inherit;
	height:63px;
	color: #0d2474;
	text-decoration: none;
	text-align: center;
	display: block;
	vertical-align: middle;
	font-size: 1.0em;
	background-image: url(/images/tab_BG_Inactive.gif);
	background-repeat: no-repeat;
}
#productsections li a {
	overflow: hidden;
	border-bottom: 1px solid #ffffff;
	width:128px;
	list-style: none;
	margin-left: 0px;
	list-style-position: inherit;
	height:63px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	display: block;
	vertical-align: middle;
	padding-top:15px;
	background-image: url(/images/tab_BG_Inactive.gif);
	background-repeat: no-repeat;
}
#productsections li a:hover {
	overflow: hidden;
	border-bottom: 1px solid #ffffff;
	width:128px;
	list-style: none;
	margin-left: 0px;
	list-style-position: inherit;
	height:63px;
	color: #30312e;
	text-decoration: none;
	text-align: center;
	display: block;
	vertical-align: middle;
	background-image: url(/images/tab_BG_hover.gif);
	background-repeat: no-repeat;
}

.bitontheright {
	padding: 5px 5px 5px 5px;
	float:left;
	background:#FFFFFF;
	width:562px;
	height: 246px;
}
.bitontheright h2 {
	padding: 0;
	margin-top: 0px;
	margin-bottom: 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
}
.clearfloats {
	clear:both;
}
body {
	background-color: #999999;
}
.subnavSelectors {
	float:left;
	background:#FFFFFF;
	width:562px;
	padding: 5px 5px 5px 5px;
	height: 20px;
}
.TABContainer {
	float:left;
}
#TAB001 {
	color: #fff;
	background-image: url(/images/tab_BG_active.gif);
	background-repeat: repeat-x;
}
/*
.productsections a:visited#TAB001,
.productsections a:visited#TAB002,
.productsections a:visited#TAB003,
.productsections a:visited#TAB004  {
	color: #fff;
	background: #930;
}
*/


.PanelContentsLeftLight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 5px 200px 5px 12px;
}
.PanelContentsLeftLight h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
}
.PanelContentsLeftLight a {
	color: #FFFFFF;
}

.PanelContentsLeftDark {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #233100;
	margin: 0px 0px 0px 0px;
	padding: 5px 200px 5px 12px;
}
.PanelContentsLeftDark h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #233100;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
}
.PanelContentsLeftDark a {
	color: #233100;
}


.PanelContentsRightLight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: right;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 5px 12px 5px 200px;
}
.PanelContentsRightLight h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
}
.PanelContentsRightLight a {
	color: #FFFFFF;
}

.PanelContentsRightDark {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: right;
	color: #233100;
	margin: 0px 0px 0px 0px;
	padding: 5px 12px 5px 200px;
}
.PanelContentsRightDark h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #233100;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
}
.PanelContentsRightDark a {
	color: #233100;
}