/*


Primary Colors
--------------

Blue: 				#0A699A
Off Blue:			#6392A2
Hover Color (links):	        #05344B
Font Color:			#6A747C 
Fat Yellow:			#FFC600
Off Yellow:			#D8C78F
Border color:  			#CFCFCF

Secondary Colors
----------------

Grim Red:			#B90030
Sad Green:			#00A179


Fonts
-----

Title Font:			Century Gothic (always rendered)
Text Font/CSS fallback:		'Trebuchet MS', Arial, Helvetica, Sans Serif


Logos in Vector Format
----------------------
Title page images: 580x50 with text 36pt Bank Gothic MT color = 10/105/154
Menu images: 110x30 with text 14pt Arial bkgd color = 10/105/154


*/

body {

		margin: 0px;
		padding: 0px;
		top: 0px;
		left: 0px;
		color: #6A747C;
		font-size: 12px;
		font-family: 'Trebuchet MS', Arial, Helvetica, Sans Serif;
		behavior:url("/includes/csshover.htc");
		background-image: url("/images/bg-dark.gif");
		background-repeat: repeat-y;
		height: 100%;
}	

th {
	text-align: left;
}

p {
	margin-right: 10px;
}

img {
		border: none;
}

.darkenBackground {
		top: 0px;
		left: 0px;
		background-color: black;
		z-index: 20;
		display: none;
		opacity: 0.7;
		-moz-opacity:0.70;
		filter: alpha(opacity=70);
		height: 100%;
		width: 100%;
		background-repeat:repeat;
		position:absolute;

}

td {
		color: #6A747C;
		font-size: 12px;
		font-family: 'Trebuchet MS',Arial, Helvetica, Sans Serif;
		padding: 0px;
		vertical-align: top;
}	

th {
		font-size: 12px;
		font-family: Arial, Helvetica, Sans Serif;
}	


li{
	line-height: 16px;
	list-style: url(/images/li-basic.gif);
	margin-bottom: 5px;	
}

p.note{
	font-size: 9px;
}


a	{
	text-decoration: none; 
	color: #0A699A;
	outline: none;
}

a:hover {
	
	color: #0e9be4;
}

a.default:visited{
	color: #0A699A;
}

a.default:hover{
	color: #0E92D3;
}	

a.pdf {
	background-image: url(/images/pdf-icon.gif);
	background-repeat: no-repeat;
	background-repeat: no-repeat;
	padding-left: 20px;
	line-height: 20px;
}

a.reading {
	background-image: url(/images/page-icon.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	line-height: 20px;
}

a.exlink {
	background-image: url(/images/world-icon.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	height: 16px;
	display: block;
	margin-bottom: 2px;
	padding-bottom: 2px;
	text-align: left;
}

a.www {
	background-image: url(/images/www-icon.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	height: 16px;
	display: block;
	margin-bottom: 2px;
	padding-bottom: 2px;
	text-align: left;
}

body.master {

	
}

div.error{
	color: #B90030;
}

hr	{
  height: 1px;
  margin: 0px;
  padding: 0px;
  background-color: white;
  border-bottom: white;
  border-left: white;
  border-right: white;
	width: 100%;
	margin-top: 5px;
	padding-bottom: 5px;
	border-top: 1px dotted #CFCFCF;
}

div.master-title{

	padding: 0px;
	margin: 0px;
	position: absolute; 
	display: block;
	right: 0px;
	bottom: 0px;
	top: 55px; 
	left: 150px;
	
}

div.home-box{

	position: absolute; 
	display: block;
	top: 118px; 
	left: 5%;
	padding: 0px;
	width: 801px;
	max-width: 801px;
	height: auto;
	clear: bottom;
	border: none;
	background-repeat: repeat-y;
	
}


div.master-box{

	position: absolute; 
	display: block;
	top: 120px; 
	left: 5%;
	padding: 0px;
	width: 801px;
	max-width: 801px;
	height: auto;
	clear: bottom;
	border: none;
	background-repeat: repeat-y;
	
}

#contactor {

	position: absolute; 
	display: block;
	top: 110px; 
	left: 5%;
	width: 802px;
	height: 18px;
	color: white;
	background-color: #D8C78F;
	
}

#contactor a{
	color: white;
	float: right;
}

div.master-box-wide{

	position: absolute; 
	padding: 0px;
	display: block;
	top: 120px;
	left: 5%;
	width: 801px;
	max-width: 801px;
	height: auto;
	clear: bottom;
	background-repeat: repeat-y;
}

div.padding-box{

	padding-top: 40px;
	padding-left: 0px;
	min-height: 400px;
	border: none;

}

h1 {
	position: absolute; 
	display: block;
	top: 130px; 
	left: 5%;
	font-size: 16px;
	font-weight: bold;
	color: #6A747C;
	margin: 0px;
	border-bottom: dotted 1px #D8C78F;
	width: 802px;
	
}

div.solution-bar-r{
	font-size: 16px;
	font-weight: bold;
	color: white; #0A699A;
	padding-top: 2px;
	padding-left: 18px;
	margin-bottom: 8px;
	margin-left: -5px;
	width: 618px;
	height: 31px;
	display: block;
	background-repeat: no-repeat;
	background-image: url(/images/title-bg.gif);
}

div.solution-bar-r:hover{

	background-image: url(/images/title-bg-off.gif);
	cursor: hand;
	
}

div.solution-bar{
	font-size: 16px;
	font-weight: bold;
	color: white; #0A699A;
	padding-top: 2px;
	padding-left: 18px;
	margin-bottom: 8px;
	margin-left: -5px;
	width: 618px;
	height: 31px;
	display: block;
	background-repeat: no-repeat;
	background-image: url(/images/title-bg-off.gif);
}

div.solution-bar:hover{

	background-image: url(/images/title-bg.gif);
	cursor: hand;
	
}

a.solution-bar{
	cursor: hand;	
	
}

h2 {
	font-size: 14px;
	font-weight: bold;
	color: #8fa6b9;
	padding-bottom: 3px;
	border-bottom: dotted 1px #CFCFCF;
	margin-right: 0px;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	margin-right: 5px;
	color: #8fa6b9;
	border-bottom: 1px dotted #F0F0F0;
}

h5 {
		text-indent: 6px;
		line-height: 18px;
		font-size: 11px;
		font-weight: bold;
		height: 18px;
		color: white;
		margin-bottom: 7px;
		background-color: #8fa6b9;

}

img.logo-corner{
	margin-left: 10px;
	margin-top: 15px;
}

#dialog {
	

}

#dialog td{
        font-size: 12px;
        
        }
#dialog input{
        border: solid 1px #434343;
        color: #6A747C;
        padding-left: 3px;
        height: 18px;
        padding-right: 3px;
        margin: 3px;
        font-size: 12px;
       
        }

#dialog input.error{

        color: #E13017;
        background: #FDCBCB;

        }

#dialog input.checklet{
	width: 10px; 
	height: 10px; 
	border: none;
	margin-left: 5px;
	}
        
#dialog img.entbutton {
	border: 0;
	height: 20px;
	width: 20px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	padding: 0px;
	margin-left: 5px;
	vertical-align: middle;
	

}

#dialog input.entbutton {
	border: 0;
	height: 20px;
	width: 20px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	padding: 0px;
	margin-left: 5px;
	vertical-align: middle;
	

}

#dialog select{
        font-size: 12px;
        height: 18px;
        border: solid 1px #434343;
        color: #6A747C;
        padding: 0px;
        margin: 3px;
        }
#dialog select.error{

        color: #E13017;
        background: #FDCBCB;
        }
#dialog select.hmenu{
        background: #0A699A;
        color: white;
}

#dialog input.stdbox {
        width: 130px;
}
#dialog textarea{
        font-size: 12px;
        border: solid 1px #6A747C;
        color: #6A747C;
        padding-left: 3px;
        padding-right: 3px;
        margin: 3px;
        }
#dialog input.button{
        background: #CFCFCF;
        border-left-color: white;
        border-top-color: white;
        background: url(/images/button-bg.gif) repeat-x;
        height: 22px;
        cursor: hand;
        }
b.subtitle {
				display: block;
				margin-top: 10px;
				margin-bottom: 5px;
}

#dialog input.slect{
			vertical-align: middle;
			border: none;
			outline: none;
}


div.newsbox{
	background-repeat: no-repeat;
	margin: none;
	padding: none;
	border: none;
	display: inline;
	margin-right: 10px;
}

p.newsitem{
 margin: 0px;

 margin-bottom: 4px;
 
 line-height: 10px;
 height: 14px;
}

a.newsitem{
	height: 9px;
}

.error-title{
	position: absolute;
	top: 70px;
	left: 5%;	
	font-size: 16px;
	font-weight: bold;

}

.error-body{
	position: absolute;
	top: 100px;
	left: 5%;	
	width: 800px;
}

#center-promo{
	height: 246px;
	display: block;
	font-style: italic;
	margin-top: 20px;
	margin-bottom: 10px;
	width: 803px;
}

#center-promo img:hover{
	opacity: 0.7;
	-moz-opacity:0.70;
	filter: alpha(opacity=70);
}


#center-promo img.right{
 margin-left: 11px;
}


#fact{

	width: 803px;
	border: none;
	border-collapse: collapse;

}

#fact td.textside{
	width: 631px;
	border-right: none;
	padding-right: 10px;
	padding-left: 10px;
	vertical-align: top;
}

#fact td.imageside{
	vertical-align: top;
	text-align: center;
	border-right: none;
	
}

#fact img{
	margin-bottom: 10px;
}

#bottom-bar{
	font-size: 9px;
	color: white;
	background-image: url(/images/bottom-bar.gif);
	background-repeat: no-repeat;
	display: block;
	height: 41px;
	width: 605px;
	letter-spacing: 1px;
	padding-left: 10px;
	padding-top: 10px;
}

#bottom-bar a{
	color: white;
}

#bottom-bar a:hover{
	color: #FFC600;
}

div.indent{
	margin-left: 20px;
}

#dasher {
	position: absolute;
	top: 3px;
	right: 3px;
}

#dasher img.ctc{
	background-image: url(/images/web-dial-inactive.gif);
	background-repeat: no-repeat;
	width:30px;
	height: 20px;
}

#dasher img.envelope{
	background-repeat: no-repeat;
	background-image: url(/images/envelope-inactive.gif);
	width: 30px;
	height: 20px;
}

#dasher img.envelope:hover{
	background-image: url(/images/envelope.gif);
}

#dasher img.ctc:hover{
	background-image: url(/images/web-dial.gif);
}


#webdial {		
		display: none;
		z-index: 30;
		position: absolute;
		
		height: 170px;
		width: 215px;
		top: 70px;
		left: 570px;
		padding-left: 10px;
		padding-top: 10px;
	  background-image: url(/images/wd-background.gif);
		background-repeat: no-repeat;
}

#webdial input{
	margin-right: 10px;
	margin-top: 5px;
	width: 140px;
}
#webdial img.wdbutton{
		
		width: 42px;
		height: 21px;
		margin-left: -6px;
		margin-bottom: -5px;
}

#webdial img.wd-logo{
	position: absolute;
	display: block;
	top: 136px;
	left: 10px;
}

#webdial form{
	margin: 0px;
	padding: 0px;
}

#webdial hr{
	width: 100%;
	max-width: 185px;
	margin-right: 20px;
	margin-top: 5px;
}

#terminator {
	display: block;
	height: 41px;
	padding-top: 2px;
	padding-left: 0px;
	width: 802px;
	color: #0A699A;
	position: relative;
	font-size: 9px;
	letter-spacing: 1px;
	top: 36px;
	border-top: dotted 1px #CFCFCF;
	background-repeat: no-repeat;
	
}

#terminator a{
	color: #0A699A;
}

#terminator a:hover{
	color: #D8C78F;
}

p.question {
	font-weight: bold;;
	padding-left: 20px;
	font-size: 14px;
	background-image: url(/images/question-mark.gif);
	background-repeat: no-repeat;
}

.quote{
	font-style: italic;
	font-family: 'Times New Roman', Times, Serif;
}

a.fclink {
	display: block;
}

img.customer-logo{
	margin-bottom: 5px;
	float: left;
	margin-right: 10px;
}

b.customer-title{
	font-weight: bold;
}

#contact {
		width: 240px;
}

#contact td{
	line-height: 15px;
}

#contact h3{
	margin-bottom: 4px;
}

#phonecomp table{

}

#phonecomp th{
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	margin-right: 5px;
	color: #889cba;
	border-bottom: 1px dotted #F0F0F0;
}

#phonecomp td{
	padding-top: 5px;
	vertical-align: top;	
}

#phonecomp td.pic{
	width: 200px;
	text-align: center;
}

#phonecomp td.spacer{
	height: 15px;
}

#phonecomp a.vendor{
	margin-top: 10px;
	display: block;
	
}

#phonecomp img.fcomp{
	border-left: 1px dotted #F0F0F0;
	padding-left: 3px;
}

#phonecomp hr.fcomp{
	margin-top: 0px;
	border-top: 1px dotted #F0F0F0;
}

#neat {
	text-align: left;
}

#neat table{
	border-collapse: collapse;
}

#neat th{
	padding: 1px;
	padding-left: 3px;
	padding-right: 3px;
	text-align: left;
	color: white;
	background: #6A747C;
	background-image: url(/images/neat-bg.gif);
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
}

#neat td{
	padding-left: 6px;
	background-color: white;
}

#neat td.underline{

		border-bottom: dotted 1px #CFCFCF;
	
}

#sidebox {
	text-align: left;
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 10px;
}

#sidebox table{
	float: center;
	width: 150px;
	border-collapse: collapse;
}

#sidebox th{

	text-align: left;
		text-indent: 6px;
		font-size: 11px;
		font-weight: bold;
		height: 18px;
		color: white;
		margin-bottom: 7px;
		background-color: #8fa6b9;
		
	
	line-height: 16px;
	font-weight: bold;
}

#sidebox td{
	padding-top: 8px;
	padding-left: 6px;
	background-color: white;
	padding-bottom: 8px;
	background-image: url(/images/bg-fpop.gif);
}

.promo-bar{
	margin-top: 10px;
}

div.quote{
	
	font-family: Times New Roman, Times, Serif;
	
	
}

b.superquote{
	font-size: 16px;
	font-family: Times New Roman, Times, Serif;
	line-height: 10px;
}

span.quoter{
	
	margin-top: 8px;
	display: block;
	font-size: 10px;
	font-style: normal;
	font-family: 'Trebuchet MS', Arial, Helvetica, Sans Serif;
	
}

table.slider {
	
	margin-top: 20px;
	border-top: dotted 1px #CFCFCF; 
	border-bottom: dotted 1px #CFCFCF;

}

table.slider-up {
	
	margin-top: -10px;
	border-bottom: dotted 1px #CFCFCF;
	margin-bottom: 20px;
}

#compare{

	margin-left: 0px;

}
#compare table{
	width: 601px;
}

#compare td{
	font-size: 12px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	border-left: 1px dotted #CFCFCF;
}


#compare th{
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	width: 100px;
	border-bottom: 1px dotted #CFCFCF;
	border-left: 1px dotted #CFCFCF;
	height: 20px;
	
}

#compare th.prop{
	width: 513px;
	border-left: none;
}

#compare td.prop{
	text-align: left;
	padding-left: 5px;
	border-left: none;
	
}

#compare tr.alternate{
	
	background-color: F5F5F5;

}

#fop{
		
}

div#fpop a {

	color: #0A699A;
	text-decoration: none;
	cursor: help;
}

div#fpop a span{
	
	text-decoration: none;
	display: none;
	font-size: 12px;
	color: #6A747C;
}

div#fpop a:hover {
	position: relative;	
	background: transparent;
}

div#fpop a:hover span {
	background: solid;
	background-image: url(/images/bg-fpop.gif);
  color: #434343;
	text-decoration: none;
	border-left: #BFBFBF 1px solid;
	border-top: #BFBFBF 1px solid;
	border-bottom: #434343 1px solid;
	border-right: #434343 1px solid;
	background-color: white;
	display: block;
	top: 2em; left: 10px;
	position:absolute;
	width: 300px;
	padding: 5px;
	z-index: 5;

}

#leftpromo {
	height: 70px;
	width: 117px;
	margin-top: 25px;
	background-image: url(/images/leftpromo-bg.gif);
	background-repeat: no-repeat;
	border-bottom: 1px dotted #CFCFCF;
}

#leftpromo a{
	text-align: center;
	padding-top: 25px;
	text-indent: 0px;
	color: #0A699A;
}

#news p{
	text-indent: 0px;
	margin-top: 2px;
	margin-bottom: 20px;
}

#news h4{
	font-size: 12px;
	font-weight: bold;
	margin-right: 5px;
	color: #889cba;
	border-bottom: 1px dotted #F0F0F0;
	margin-bottom: 3px;
}

i.note {
	display: block;
}

a.uline {
	
	border-bottom: 1px dotted #CFCFCF;

}

body.calculator {
		padding-top: 20px;
		padding-left: 10px;
		padding-right: 10px;
		margin-left: 50px;
		width: 800px;
		height: 100%;
		border-left: 1px solid #CFCFCF;
		border-right: 1px solid #CFCFCF;
}

#mmenu  {

	z-index: 1;
	top: 50px;
	left: 5%;
	margin: 0px;
	margin-left: 0px;
	position: absolute;
	width: 810px;
	height: 50px;
	border: none;
	
}

#mmenu div.spacer{

	display: block;
	width: 1px;
	height: 50px;
	background-color: white;
	float: left;
	
}

#mmenu a {

	display: block;
	width: 200px;
	height: 50px;
	background-color: #0A699A;
	float: left;
	
}

#mmenu a.active {

	display: block;
	width: 200px;
	height: 50px;
	background-color: #FFC600;
	float: left;
	
}

#mmenu img {
	
	margin-bottom: 0px;
	margin-top: 15px;
	width: 110px;
	height: 30px;
	background-color: #0A699A;
	float: left;
	
}

#mmenu div.item0{

	display: block;
	width: 200px;
	height: 50px;
	background-color: #0A699A;
	float: left;
	overflow-y: hidden;

}

#mmenu div.item1{

	display: block;
	width: 200px;
	height: 50px;
	background-color: #0A699A;
	float: left;
	overflow-y: hidden;

}

#mmenu div.item2{

	display: block;
	width: 200px;
	height: 50px;
	background-color: #0A699A;
	float: left;
	overflow-y: hidden;

}

#mmenu div.item3{

	display: block;
	width: 200px;
	height: 50px;
	background-color: #0A699A;
	float: left;
	overflow-y: hidden;

}
/*
drop-down hover menu items take 19px per item plus 50px for the main block
*/
#mmenu div.item0:hover{

	background-color: #939393;
	height: 50px;
	float: left;
	opacity: 0.9;
	-moz-opacity:0.90;
	filter: alpha(opacity=90);
}

#mmenu div.item1:hover{

	background-color: #939393;
	height: 145px;
	float: left;
	opacity: 0.9;
	-moz-opacity:0.90;
	filter: alpha(opacity=90);

}

#mmenu div.item2:hover{

	background-color: #939393;
	height: 164px;
	float: left;
	opacity: 0.9;
	-moz-opacity:0.90;
	filter: alpha(opacity=90);

}

#mmenu div.item3:hover{

	background-color: #939393;
	height: 88px;
	float: left;
	opacity: 0.9;
	-moz-opacity:0.90;
	filter: alpha(opacity=90);

}

#mmenu a.menuitem{
	text-indent: 3px;
	border-top: 1px dotted white;
	line-height: 18px;
	color: white;
	background-color: #939393;
	height: 18px;

}

#mmenu a.menuitem:hover{
	color: #939393;
	background-color: #F0F0F0;
}



#headline {
	
	position: absolute;
	display: block;
	left: 5%;
	
}

#headline img{
	
	height: 50px;
	width: 260px;
	border: none;
	
}

#lander {

	border: none;
	display: block;
	width: 803px;
	margin-bottom: 10px;
	
}

#lander a.calculator{
	float: right;
}

#lander a.calculator:hover{

	opacity: 0.7;
	-moz-opacity:0.70;
	filter: alpha(opacity=70);

}

#lander ul{
	
	font-weight: bold;
	font-size: 14px;
	color: #BBBBBB;
	padding-left: 20px;
	
}

#lander img.phone{
	
	border: none;
	position: absolute;
	top:  235px;
	left: 622px;

}



#supporthint{
	
	position: absolute;
	left: 553px;
	top: 123px;
	width: 250px;
	margin-right: -3px;
	font-size: 12px;
	background-color: #F0F0F0;

}

#supporthint p{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-bottom: 0px;
}

#supporthint h2{
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

ul.fat {

	font-weight: bold;
	font-size: 14px;
	color: #BBBBBB;
	padding-left: 20px;

}

#gallery {
	
	width: 803px;
	margin-top: 10px;
	/*
	position: absolute;
	top: -30px;
	height: 500px;
	border: 1px solid black;
	*/
}

#gallery td{
	
	height: 200px;
	width: 200px;
	padding-left: 20px;
	
}

#gallery img{
	
	display: block;
	margin-bottom: 10px;
	border: none;
}

#gallery span.imgcaption{
	display: block;
	width: 140px;
	text-align: center;

}

#showtable table{
	width: 100%;
	border: none;
	border-collapse: collapse;
}	

#showtable td{
	height: 35px;
	background-color: #F0F0F0;
	border-bottom: dotted 1px #D8C78F;
	
	vertical-align: middle;
	padding-left: 5px;
}

#showtable td.attrib{
	border-right: dotted 1px #D8C78F;
	width: 150px;
	
}

#showtable td.feat{
	border-right: solid 1px #F0F0F0;
	font-weight: bold;
}