/* GENERAL STYLES */
html,body {
	/*min-height:100%;*/
	height:auto !important;
	height:100%;
	margin: 0;
	padding: 0;
	
}
/*
* html html,body {
	height: 100%;
}*/

* {margin: 0px; padding: 0px;}
body {
	color: #000000;
	/*color: #5b5b5b; */
	/*background-color: #265c7d;*/
	background-color: #949699;
	background:#949699 url(../images/bluegradient.png) repeat-x scroll center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;/*changed from 8pt*/
}
a:link {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 8pt;*/
	font-size: 8px;
	text-decoration: none;
	color: #007cc2;
}
a:visited {
	color: #007cc2;
	text-decoration: none;
}
a:hover {
	color: #007cc2;
	text-decoration: underline;
}
a:active {
	color: #007cc2;
	text-decoration: none;
}
h1 {
font:Arial, sans-serif;
color:#213f5a;
font-size:22pt;
border-bottom:1px solid #bcbec0;
}

h2 {
font:Arial, sans-serif;
font-weight:bold;
color:#5487a9;
font-size:15pt;
margin-bottom:5px;
}

h3 {
font:Arial, sans-serif;
font-weight:bold;
color:#569047;
font-size:12pt;
margin-bottom:5px;
margin-top:0px;
}
/*h1 {
	font-size: 14pt;
}
h2 {
	font-size: 12pt;
}
h3 {
	font-size: 11pt;
}
h4 {
	font-size: 10pt;
}
h5 {
	font-size: 9pt;
	margin-bottom: 5px;
}
h6 {
	font-size: 8pt;
}
h1, h2, h3, h4, h5 {
	border-bottom: 1px solid #000000;
}
h1.section, h2.section, h3.section, h4.section, h5.section, h6.section {
	margin-top: 5px;
	margin-bottom: 5px;
	color: #6e4e77;
	font-weight: bold;
	text-transform: uppercase;
	border: 0px;
}
p {
	margin-top: 0;
	margin-bottom: 5px;
}*/

/* LAYOUT STYLES */
.outer {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	min-height:100%;
	height:auto !important;
	height:100%;
	background-color: #ffffff;
	/*border-left:solid 1px #000000;
	border-right:solid 1px #000000;*/
}
/*.left {
	float:left;
	width: 15px;
	min-height:1200px;
	height:auto !important;
	height:100%;
	background-image: url(../images/leftShadow.gif);
	background-repeat: repeat-y;
}*/
.main {
	width: 958px;
	/*margin-right:15px;
	margin-left: auto;
	float:left;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	margin-right: auto;
	min-height:1200px;*/
	height:auto !important;
	height:100%;
	background-color: #ffffff;
}
/*.right {
	float:left;
	width: 15px;
	min-height:1200px;
	height:auto !important;
	height:100%;
	background-image: url(../images/rightShadow.gif);
	background-repeat: repeat-y;
}*/
/*.brdleft {
	width: 880px;
	min-height:1200px;
	height:auto !important;
	height:100%;
	background-image: url(../images/leftShadow.gif);
	background-repeat: repeat-y;
}*/
/*.brdright {
	width: 865px;
	margin-left: 15px;
	min-height:1200px;
	height:auto !important;
	height:100%;
	background-image: url(../images/rightShadow.gif);
	background-repeat: repeat-y;
	background-position: right;
}*/
/*.main {
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	min-height: 100%;
	background-color: #ffffff;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

* html .main {
	height: 100%;
}*/
/* these are shims for the e-catalog and differ from the layout on the asp pages */
/*.headerHolderouter {
	width: 958px;
	margin-left: auto;
	margin-right: auto;
	min-height:75px;
	height:auto !important;
	height:90px;
	background-color: #011028;
}*/
/*.headerHolderleft {
	float:left;
	width: 15px;
	min-height:90px;
	height:auto !important;
	height:90px;
	background-image: url(../images/leftShadow.gif);
	background-repeat: repeat-y;
}*/
/*.headerHolderright {
	float:left;
	width: 15px;
	min-height:90px;
	height:auto !important;
	height:90px;
	background-image: url(../images/rightShadow.gif);
	background-repeat: repeat-y;
}*/
/*.headerHolder {
	float:left;
	width: 958px;
	margin-left: auto;
	margin-right: auto;
	min-height: 90px;
	height:auto !important;
	height:75px;
	background-color: #ffffff;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}*/
/* * html .headerHolder {
	height: 75px;
}*/
/* end shims for e-catalog */
.header {
	clear: both;
	width: 960px;
	height: 71px;
	margin-right: 10px;
	/*background-color: #011028;*/
}
.menu {
	float: left;
	clear: both;
	width: 958px;
	height: 25px;
}
/*.searchBox {
	float: left;
	width: 125px;
	margin-top: 15px;
	margin-left: 15px;
	font-size: 9pt;
	font-weight: bold;
}
/*.navSearch{
	FLOAT: left;
	OVERFLOW: hidden;
	WIDTH: 119px;
	HEIGHT: 15px;
	background-image:url(/images/header_bg.gif);
	font-size: 9pt;
	color: #939598;
	border-top: 1px solid #939598;
	border-left: 1px inset;
}*/
INPUT.navGo{
	WIDTH: 19px;
	HEIGHT: 17px;
	background-image: url(../images/gob1.gif);
	background-repeat: no-repeat;
	BORDER:0px;
}
/*.central {
	clear: both;
	width: 958px;
	margin-left: 10px;
	padding-top: 5px;
	min-height: 460px;
	height:auto;
	height:100%;
	border-left:solid 1px #000000;
	border-right:solid 1px #000000;
	border-top:solid 1px #000000;
}*/
.centralShort {
	clear: both;
	width: 938px;
	padding:10px;
	/*background-color: pink;*/
	overflow: auto;
	border-left:solid 1px #000000;
	border-right:solid 1px #000000;
	border-top:solid 1px #000000;
	/*min-height: 630px;*/
	height:auto;
	height:100%;
	
}

/** html .central {
	height: 460px;
}
* html .centralShort {
	height: 430px;
}*/
.footer {
	bottom: 0;
	clear: both;
	width: 958px;
	height: 25px;
	/*margin-top: 20px;
	margin-left: 10px;*/
	background-color: #ffffff;
	border-top: 1px solid #939598;
}
.menuFooter {
	float: left;
	clear: both;
	width: 100%;
	height: 25px;
}
.menuFooter a.navItemFooter:link {
	color: #ffffff;
	text-decoration: none;
	font-size: 8pt;
}
.menuFooter a.navItemFooter:visited {
	color: #ffffff;
	text-decoration: none;
	font-size: 8pt;
}
.menuFooter a.navItemFooter:hover {
	color: #ffffff;
	text-decoration: underline;
	font-size: 8pt;
}
.menuFooter a.navItemFooter:active {
	color: #ffffff;
	text-decoration: none;
	font-size: 8pt;
}
.menuFooterFirstItem {
	float: left;
	height: 15px;
	margin-top: 10px;
}
.menuFooterItem {
	float: left;
	height: 15px;
	padding-left: 2px;
	border-left: 1px solid #939598;
	margin-top: 10px;
}
.navItemFooter {
	text-decoration: none;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	font-family: arial,helvetica,sans-serif;
	font-size: 9pt;
}
.featureSection {
	clear: both;
	width: 100%;
	min-height: 270px;
}
.featureItemHolder {
	float: left;
	width: 166px;
	height: 86px;
	border: 1px solid #838383;
}
.featureItemText {
	float: left;
	width: 152px;
	height: 72px;
	background-color: #e6e7e9;
	border: 2px solid #ffffff;
	padding-left: 10px;
	padding-top: 10px;
}
a:link.featureItemLink {
	display: block;
	color: #6e4e76;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: -7px;
}
a:visited.featureItemLink {
	display: block;
	color: #6e4e76;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: -7px;
}
a:hover.featureItemLink {
	display: block;
	color: #6e4e76;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: -7px;
}
.focusSection {
 	clear: both;
	width: 830px;
	min-height: 175px;
	padding-top: 6px;
	margin: 0px;
	background-image: url(../images/spacer.gif);
	background-position: 0px 24px;
	background-repeat: repeat-x;
}
.focusBoxFirst {
	float: left;
	width: 158px;
	height: 175px;
}
.focusBox {
	float: left;
	width: 158px;
	height: 175px;
	margin-left: 10px;
}
.focusHeader {
	width: 158px;
	height: 18px;
	/*background-image: url(/images/focus_top.jpg);
	background-repeat: no-repeat;*/
}
.focusHeaderLabel {
	width: 158px;
	height: 14px;
	color: #6e4e76;
	font-size: 9pt;
	font-weight: bold;
}
.focusTitle {
	float: left;
	background-image: url(../images/arrow.gif);
	background-position: 0px 1px;
	background-repeat: no-repeat;
	padding-left: 17px;
	color: #007cc2;
	font-size: 10pt;
	font-weight: bold;
	text-transform: uppercase;
}
.focusBody {
	width: 158px;
	height: 119px;
}
.focusFooter {
	width: 158px;
	height: 48px;
	/*background-image: url(/images/focus_bottom.jpg);
	background-repeat: no-repeat;*/
}
.focusFooterLabel {
	width: 158px;
	height: 43px;
	padding-top: 3px;
	color: #636466;
	font-size: 8pt;
	font-weight: normal;
}
/* these styles control the behavior of the Coalesys WebMenu 
popup menus on the asp portions of the site */
.cswmPopupBox
{
	filter:alpha(opacity=90);
	opacity:0.90;
}
.imgNavLink {
	float:left;
	margin-left:25px;
	text-align:center;
}
.tickerHolder {
	width: 528px;
	height: 25px;
	color: #ffffff;
	font-weight: bold;
	margin-left: 5px;
	padding-top: 1px;
}
.tickerHolder a:link {
	color: #ffffff;
	text-decoration: underline;
}
.tickerHolder a:visited {
	color: #ffffff;
	text-decoration: underline;
}
.tickerHolder a:hover {
	color: #ffffff;
	text-decoration: none;
}
.tickerHolder a:active {
	color: #ffffff;
	text-decoration: underline;
}
.adBox {
	float:left;
	width:364px;
	height:172px;
	margin-left:20px;
	margin-bottom:15px;
	background-image:url(../images/Advertising_Box.jpg);
	background-repeat:no-repeat;
}
.adBoxImage {
	float:left;
	width:135px;
	height:172px;
}
.adBoxText {
	float:left;
	width:209px;
	height:148px;
	margin-top:14px;
	margin-left:10px;
	margin-right:10px;
}







/* styles from old Content.css file */
.contHeadline{
	POSITION: relative;
	DISPLAY: block;
	HEIGHT: 167px;
	WIDTH: 473px;
	CLEAR: both;
	MARGIN: 1px;
}

IMG.contHeadline{
	BORDER: 0px;
	PADDING: 0px;
	MARGIN: 0px;
}

.contTitleSect{
	POSITION:relative;
	WIDTH: 830px;
	HEIGHT: 29px;
	margin-left: 10px;
	BACKGROUND-POSITION: left top;
	BACKGROUND-IMAGE: url(../images/page_header.gif);
	background-repeat: no-repeat;
}
.contTitleSectRep{
	POSITION:relative;
	WIDTH: 830px;
	HEIGHT: 29px;
	margin-left: 10px;
	BACKGROUND-POSITION: left top;
	BACKGROUND-IMAGE: url(../images/page_header_rep.gif);
	background-repeat: no-repeat;
}
* html .contTitleSect {
	margin-top:-1px;
}
* html .contTitleSectRep {
	margin-top:-1px;
}
.contTitleImage{
	POSITION:relative;
	BORDER: 0px solid #ff0000;
	DISPLAY: block;
	FLOAT:left;
	WIDTH:26px;
	HEIGHT:26px;
	MARGIN:0px;
	PADDING:0px;
}
.contTitle{
	HEIGHT: 100%;
	WIDTH: 100%;
	padding-top: 6px;
	FONT-SIZE: 9pt;
	COLOR:#ffffff;
	font-weight: bold;
	text-indent: 20px;
	TEXT-TRANSFORM: uppercase;
	VERTICAL-ALIGN: middle;
}
.contTitle a:link {
	text-decoration: none;
	color: #ffffff;
}
.contTitle a:visited {
	text-decoration: none;
	color: #ffffff;
}
.contTitle a:hover {
	text-decoration: none;
	color: #ffffff;
}
.contTitle a:active {
	text-decoration: none;
	color: #ffffff;
}
* html .contTop {
	height: 100%;
}


.contTop{
	WIDTH: 100%;
	HEIGHT: auto;
	MIN-HEIGHT: 100%;
	MARGIN-TOP: 10px;
	BORDER-TOP: 1px solid #DEDEDE;
}

.contLeft{
	POSITION: relative;
	FLOAT: left;
	display: block;
	HEIGHT: auto;
	MIN-HEIGHT: 100%;
	WIDTH: 115px;
	PADDING-TOP: 2px;
	PADDING-RIGHT: 2px;
	PADDING-BOTTOM: 2px;
	BORDER-RIGHT: 1px solid #DEDEDE;
}

.contLeftSect{
	POSITION: relative;
	display: block;
	HEIGHT: auto;
	MIN-HEIGHT: 100%;
	WIDTH: 115px;
	BACKGROUND-COLOR: #DEDEDE;
}
.contMain{
	POSITION: relative;
	DISPLAY: block;
	PADDING: 10px;
	WIDTH: 660px;
	TEXT-ALIGN: left;
}

.contHome{
	POSITION: relative;
	DISPLAY: inline;
	HEIGHT: 159px;
	WIDTH: 157px;
	MARGIN-LEFT: 1px;
	MARGIN-BOTTOM: 1px;
	FONT-SIZE: 8pt;
	BACKGROUND-IMAGE: url(/images/silver_box.jpg);
}
.contHomeSectTitle{
	POSITION: relative;
	DISPLAY: block;
	HEIGHT: 15px;
	WIDTH: 157px;
	COLOR: #ffffff;
	FONT-WEIGHT: bold;
	TEXT-ALIGN: center;
	BACKGROUND-IMAGE: url(/images/red_box.jpg);
}
.contHomeSect{
	POSITION: relative;
	DISPLAY: inline;
	FLOAT: left;
	PADDING-LEFT: 8px;
	PADDING-RIGHT: 8px;
	PADDING-TOP: 2px;
	PADDING-BOTTOM: 2px;
}
.contTopSpacer {
	background: #fff;
	width: 100%;
	height: 10px;
	border-bottom: 1px solid #dedede;
}
.contLeftSpacer {
	background: #ffffff;
	height: 1px;
	width: 115px;
}
.contImageRow {
	float: left;
	padding-left: 50px;
}
.contRt200Box {
	float: right;
	width: 220px;
	padding-left: 20px;
}
.contLt200Box {
	float: left;
	width: 220px;
	padding-left: 20px;
}
IMG.contFltRt{
	FLOAT:right;
	PADDING: 5px;
	/*border: 1px solid #ffff00;*/
}
IMG.contFltLt{
	FLOAT:left;
	PADDING: 5px;
	/*border: 1px solid #ffff00;*/
}
.contGroupHeader {
	color: #007cc2;
	font-weight: bold;
	/*font-size: 10pt;*/
	background-color: #eeeeee;
}
.contSectionHeader {
	color: #007cc2;
	font-weight: bold;
}
.contTopicHeader {
	color: #cc3333;
	font-weight: bold;
}
P.contSectionHeader {
	padding-top: 10px;
	padding-bottom: 0;
}
.hidden {
	display: none;
}
/* these styles create multiple colums for content
these columns can be nested or placed within rows for additional display options */
.contTwoCols {
	float: left;
	width: 49%;
}
.contThreeCols {
	width: 33%;
	float: left;
}
.contTwoThirdCols {
	width: 66%;
	float: left;
}
.contFourCols {
	width: 24%;
	float: left;
}
.contRow {
	padding: 2px;
	clear: both;
}
* html .contRow {
	padding: 2px;
	clear: both;
}
/* end column styles */

.pagenote {
	color: #cc6633;
}
.contHangingIndent {
	padding-left: 40px;
}

.clear { 
	clear: both; 
}

/* ++++++++++++++++++++++++++++ begin faq style */
/*  */
.faq .question{
	color: #007cc2;
	/*font-weight: bold;
	border: 1px solid #ff0000;*/
}
.faq .spaced {
	margin-top: 10px;
}
.faq .list{
	margin-top: 0px;
	margin-bottom: 0px;
}
.question + p {
	margin-top: 0px;
	margin-bottom: 0px;
	/*border: 1px solid #ff0000;*/
}
.faq table{
	margin-left: 20px;
	margin-top: 10px;
}
/* ++++++++++++++++++++++++++++ end faq style*/

/* ++++++++++++++++++++++++++++ begin form style 
pages using this style: /contactus/index.asp, /repsonly/forms/lit.asp */
.form .requiredField {
	color: #3333cc;
}
.form .requiredField:before {
	content: "*";
	color: #3333cc;
}
/* ++++++++++++++ this is valid CSS, but unrecognized by IE6 
which doesn't recognize child selectors or :before or :after
when IE recognizes this properly, then we can delete the classes 
that follow and modify the pages that use the form template

.form .contRow .contTwoCols:first-child {
	width: 20%;
}
.form .contRow .contTwoCols + .contTwoCols {
	width: 80%;
}
+++++++++++++++++++++++++ end IE6 rant*/
.contTwoColsA {
	width: 20%;
	float: left;
}
.contTwoColsB {
	width: 80%;
	float: left;
}
.contTwoColsC {
	width: 30%;
	float: left;
}
.contTwoColsD {
	width: 70%;
	float: left;
}
/* ++++++++++++++++++++++++++++ end form style*/

/* specific styles for ecatalog */
.lblPreview 
{
	/*width: 460px;
	height: 23px;
	background-image: url(../Images/lblPreview.gif);*/
	padding-left: 8px;
	margin-top: 5px;
	/*color: #ffffff;*/
	font-weight: bold;
	font-size:11pt;
}
.leftNavMenuHolder 
{
	float:left;
	width: 208px;
	/*margin-right:10px;*/
	min-height:100%;
}
* html .leftNavMenuHolder 
{
	height:100%;
}
.ecatContentHolder 
{
	float:left;
	width: 715px;
	/*margin-left: 9px;*/
	min-height:100%;
	/*background-color:gray;*/
}
* html .ecatContentHolder 
{
	height:100%;
}
h1.ecatHeader, h2.ecatHeader, h3.ecatHeader, h4.ecatHeader, h5.ecatHeader, h6.ecatHeader {
	margin-top: -3px;
	margin-bottom: 5px;
	padding: 0px;
	/*color: #58595b;*/
	color:#000000;
	font-weight: bold;
	/*text-transform: uppercase;*/
	border: 0px;
}
.ecatHeader
{
	top: 0px;
	font-size: 11pt;
	/*color: #58595b;*/
	color:#000000;
	font-weight: bold;
	/*text-transform: uppercase;*/
	border: 0px;
}
.ecatMainItemHolder
{
	float:left;
	clear:both;
	width:715px;
	/*margin-bottom:7px;*/
	padding-bottom:7px;
}
.ecatMainItemImageHolder
{
	float:left;
	height:85px;
	width:280px;
}
.ecatMainItemBodyHolder
{
	float:left;
	height:85px;
	width:415px;
	margin-left:12px;
}
.separator
{
	height:3px;
	width:100%;
	margin-top:5px;
	margin-bottom:5px;
	background-image:url(../Images/bgDottedLine.gif);
	background-repeat:repeat-x;
}
input.btn {
	color: #58595b;
	height: 22px;
	font-family: arial,helvetica,sans-serif;
	font-size: 8pt;
	font-weight: bold;
	/*text-transform: uppercase;*/
}
input.btnRep {
	color: #007cc2;
	height: 22px;
	font-family: arial,helvetica,sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-transform: uppercase;
}
.ecatFileTypePublicHeader {
	font-weight:bold;
	color:#000000;
	font-size:11pt;
	/*color:#58595b;*/
}
.ecatFileTypeSecureHeader {
	font-weight:bold;
	color:#f6292d;
	font-size:11pt;
}
.modelfeaturesarea 
{
    width:565px;
    height:129px;
    margin-left:20px;
}
.modelfeaturestitle
{
    width:715px;
    /*height:17px;
    background-color:#265c7d;
    padding-left:8px;
    padding-top:5px;
    color:#213F5A;
    font-size:22pt;*/
    font:Arial, sans-serif;
    color:#213f5a;
    font-size:22pt;
    border-bottom:1px solid #bcbec0;
    margin-bottom:18px;
    font-weight:bold;
}
.modelfeatures
{
    float:left;
    width:560px;
    /*padding-left:8px;
    padding-top:4px;
    background-color:blue;*/
}
#tblModels
{
    /*background-color:#e6e7e8;
    background-image:url(../images/graygradient2.png);
    background-repeat:repeat-x;
    border:solid 1px #bcbec0;
    background-color:#ffffff;*/
}

a:link {
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 8pt;*/
	font-size: 8px;
	text-decoration: none;
	color: #007cc2;
}


