/* Default Styles 
----------------------------------------------------------------------------------------- */
body {
	margin-top: 20px;
	padding: 0;
	font: normal 11px/17px Verdana, Arial, Geneva, sans-serif;
	color: #333;
	text-align: center;
	background: #FFF url(../images/bg_main.jpg) repeat-x scroll 0 0; }
	
a, a:link, a:visited, a:active {
	text-decoration: underline;
	font-weight: normal;
	color: #333;
	outline: none; }

a:hover {
	color: #666;
	text-decoration: none; }

p {
	margin: 0 0 15px 0; }

ul { 
	padding: 0;
	margin: 0 0 15px 15px;
	list-style: square url(../images/bul_pos.gif) outside; }
	
li { 
	margin: 0 0 5px 0; }
	
ul ul {
	margin-top: 10px; }
	
h1, .titlehome {
	margin: 0 0 10px 0;
	font: normal 21px/26px Georgia, Times New Roman, serif;
	color: #333; }

h2, h3, h4, h5, h6 {
	margin: 0 0 10px 0;
	font: normal 15px/20px Georgia, Times New Roman, serif;
	color: #333; }
	
/* Structural Rules
----------------------------------------------------------------------------------------- */
#container {
	position: relative;
	width: 740px; 
	margin: 0 auto;
	padding: 0;
	text-align: left; }
	
#contenttbl {
	padding: 0;
	width: 740px; }
	
#ratetbl {
	margin-bottom: 15px; }

#ratetbl td, #ratetbl td.nosuper {
	padding: 0 0 6px 3px;
	font-size: 10px;
	line-height: 13px; }
	
	#ratetbl td.nosuper {
		padding: 3px 0 3px 3px; }
	
#breadcrumb {
	position: absolute;
	right: 20px;
	top: 155px;
	width: 375px;
	height: 25px;
	font-size: 9px;
	line-height: 15px;
	font-style: italic;
	text-align: right; }
	
a#logo, a#logo:link, a#logo:active, a#logo:visited, a#logo:hover {
	position: absolute;
	display: block;
	width: 166px;
	height: 70px; 
	top: 15px;
	left: 15px;
	background: transparent url(../images/pic_logo.gif) no-repeat scroll 0 0;
	cursor: pointer; }

	/* * html a#logo, * html a#logo:link, * html a#logo:active, * html a#logo:visited, * html a#logo:hover {  
		background: none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/pic_logo.png",sizingMethod="scale"); } for IE/Win */
	
#center {
	display: block;
	width: 740px;
	padding: 0; }
	
.centertext {
	padding: 15px;
	font: normal 10px/16px Verdana, Arial, Geneva, sans-serif; }
	
#centersub .centertext {
	padding-top: 45px;
	font-size: inherit;
	line-height: inherit; }

.centerseperator {
	width: 418px;
	height: 35px;
	margin: 0 2px 0 2px;
	background: #BCA992 url(../images/pic_center_seperator.jpg) no-repeat scroll 0 0; }

#genpanel {
	position: relative;
	display: block;
	width: 698px; 
	padding: 15px 20px 10px 20px; 
	border: 1px solid #999; 
	background-color: #FFF; }

#thumbwindow {
	width: 252px;
	height: 95px;
	overflow: auto; }
	
a#btnlogin, a#btnlogin:link, a#btnlogin:active, a#btnlogin:visited, a#btnlogin:hover,
	a#btndemo, a#btndemo:link, a#btndemo:active, a#btndemo:visited, a#btndemo:hover,
	a#btnecorp, a#btnecorp:link, a#btnecorp:active, a#btnecorp:visited, a#btnecorp:hover {
	position: absolute;
	display: block;
	width: 113px;
	height: 25px;
	right: 0;
	top: 75px;
	background: transparent url(../images/btn_login.jpg) no-repeat scroll 0 0; }
	
	a#btndemo, a#btndemo:link, a#btndemo:active, a#btndemo:visited {
		top: 100px;
		background-image: url(../images/btn_demo.jpg); }
	
	a#btnecorp, a#btnecorp:link, a#btnecorp:active, a#btnecorp:visited {
		top: 125px;
		background-image: url(../images/btn_ecorp.jpg); }
	
	a#btnlogin:hover, a#btndemo:hover, a#btnecorp:hover {
		background-position: 0 -25px; }
	
#backtop { 
	width: 555px; 
	margin: 5px 0 15px 15px;
	font-size: 10px; }
	
#botnav {
	display: block;
	position: relative;
	width: 740px;
	margin: 0 auto;
	padding: 0;
	font: normal 10px/16px Verdana, Arial, Geneva, sans-serif;
	color: #333;
	text-align: left; }
	
#botnav a, #botnav a:link, #botnav a:active, #botnav a:visited {
	font-weight: bold;
	color: #333;
	text-decoration: none; }

#botnav a:hover {
	text-decoration: underline; }
	
#botnavbtncontainer {
	position: absolute;
	left: 0;
	top: 535px;
	width: 800px;
	height: 17px;
	border-left: 1px solid #A5A6B9;
	voice-family: "\"}\""; /* begin ie5 hack */
	voice-family:inherit;
	width: 799px; }
	
	#botnavbtncontainer {
		width: 799px; /* end ie5 hack */ }
	
a.botnavbtn, a.botnavbtn:link, a.botnavbtn:active, a.botnavbtn:visited {
	float: left;
	display: block;
	width: 133px;
	height: 17px;
	font: normal 10px/16px Verdana, Arial, Geneva, sans-serif;
	color: #333;
	text-align: center;
	text-decoration: none;
	border-right: 1px solid #A5A6B9;
	background: transparent url(../images/bg_botnav.gif) repeat-x scroll 0 0;
	cursor: pointer;
	voice-family: "\"}\""; /* begin ie5 hack */
	voice-family:inherit;
	width: 132px; }
	
	a.botnavbtn, a.botnavbtn:link, a.botnavbtn:active, 
		a.botnavbtn:visited {
		width: 132px; /* end ie5 hack */ }

a.botnavbtn:hover {
	color: #000;
	background-position: 0 -17px; }
	
a.boldlink, a.boldlink:link, a.boldlink:active, a.boldlink:visited, a.boldlink:hover {
	font-weight: bold;
	color: #333;
	text-decoration: none; }
	
a.boldlink:hover {
	text-decoration: underline; }
	
#footer, #footersub {
	display: none;
	width: 740px;
	height: 15px;
	margin: 0;  /* auto */
	padding: 0;
	background: transparent url(../images/bg_footer.jpg) no-repeat scroll 0 0; }
	
img#lenderlogo {
	float: right;
	width: 165px;
	height: 50px;
	border: none; }
	
#pagedisclaim {	
	width: 380px; 
	height: 130px; 
	margin: 150px auto; 
	padding: 150px 10px 0 10px;
	border: 1px solid #666; 
	background: #FFF url(../images/bg_header_popup.jpg) no-repeat scroll 0 0; }

/* Begin Modified Navigation Rules - CR 12/4/2006
----------------------------------------------------------------------------------------- */
#navigation {
	position: absolute;
	top: 105px; 
	left: 0;
	width: 785px;
	z-index: 1000; }
		
#navigation ul { 
	list-style: none outside none; 
	margin: 0; 
	padding: 0;
	cursor: pointer; }

#navigation li {
	margin: 0; }

li.level1 {
	float: left;
	position: relative;
	text-align: center; }

a.mainnav, a.mainnav:link, a.mainnav:active, a.mainnav:visited, a.mainnav:hover,
	a.subnav, a.subnav:link, a.subnav:active, a.subnav:visited, a.subnav:hover {
	display: block;
	width: 156px;
	height: 27px;
	padding-top: 3px;
	font: bold 10px/23px Verdana, Arial, Geneva, sans-serif;
	text-decoration: none;
	color: #555;
	background: transparent url(../images/btn_mainnav.jpg) no-repeat scroll 0 0; }

a.mainnav:hover { 
	color: #333;
	background-position: 0 -30px; }
	
li.level1 ul { 
	display: none; 
	position: absolute;
	width: 260px;
	text-align: left;
	border-top: 1px solid #777;
	border-bottom: 1px solid #777; }
	
a.subnav, a.subnav:link, a.subnav:active, a.subnav:visited, a.subnav:hover { 
	display: block;
	width: 260px;
	height: 100%;
	padding: 5px 8px 7px 8px;
	font: normal 10px/15px Verdana, Arial, Geneva, sans-serif;
	color: #555;
	border-right: 1px solid #777;
	border-left: 1px solid #777;
	background-color: #D9D9D9;
	background-image: none;
	filter: alpha(opacity = 95);
	-moz-opacity: 0.95;
	voice-family: "\"}\""; /* begin ie5 hack */
	voice-family:inherit;
	width: 242px; }
	
	a.subnav, a.subnav:link, a.subnav:active, a.subnav:visited, a.subnav:hover {
		width: 242px; /* end ie5 hack */ }

a.subnav:hover {
	color: #333;
	background-color: #999; }

li.level1 > ul { 
	top: auto;
	left: auto; }

li.level1:hover ul, li.over ul { 
	display: block; }
	
/* Side Column Navigation Rules
----------------------------------------------------------------------------------------- */
#sidecolnav {
	margin: 0 0 25px 0; }

a.leftnav0, a.leftnav0:link, a.leftnav0:active, a.leftnav0:visited, a.leftnav0:hover,
	a.leftnav1, a.leftnav1:link, a.leftnav1:active, a.leftnav1:visited, a.leftnav1:hover,
	a.leftnav2, a.leftnav2:link, a.leftnav2:active, a.leftnav2:visited, a.leftnav2:hover,
	a.leftnav0hover, a.leftnav0hover:link, a.leftnav0hover:active, a.leftnav0hover:visited, a.leftnav0hover:hover,
	a.leftnav1hover, a.leftnav1hover:link, a.leftnav1hover:active, a.leftnav1hover:visited, a.leftnav1hover:hover,
	a.leftnav2hover, a.leftnav2hover:link, a.leftnav2hover:active, a.leftnav2hover:visited, a.leftnav2hover:hover {
	display: block;
	width: 195px;
	margin: 0;
	padding: 5px 10px 6px 15px;
	font-size: 10px; 
	line-height: 14px;
	text-decoration: none;
	color: #555;
	border-bottom: 1px solid #999;
	background-color: #D9D9D9;
	voice-family: "\"}\""; /* begin ie5 hack */
	voice-family:inherit;
	width: 170px; }
	
	a.leftnav0, a.leftnav0hover {
		width: 170px; /* end ie5 hack */ }
		
	a.leftnav0:hover, a.leftnav0hover, a.leftnav0hover:link, a.leftnav0hover:active, a.leftnav0hover:visited, a.leftnav0hover:hover {
		color: #333;
		background-color: #999; }
		
a.leftnav1, a.leftnav1:link, a.leftnav1:active, a.leftnav1:visited, a.leftnav1:hover,
	a.leftnav2, a.leftnav2:link, a.leftnav2:active, a.leftnav2:visited, a.leftnav2:hover,
	a.leftnav1hover, a.leftnav1hover:link, a.leftnav1hover:active, a.leftnav1hover:visited, a.leftnav1hover:hover,
	a.leftnav2hover, a.leftnav2hover:link, a.leftnav2hover:active, a.leftnav2hover:visited, a.leftnav2hover:hover {
	padding-left: 35px;
	border: none;
	background: #D9D9D9 url(../images/bg_subnav.gif) no-repeat scroll 0 0;
	voice-family: "\"}\""; /* begin ie5 hack */
	voice-family:inherit;
	width: 150px; }
	
	a.leftnav1, a.leftnav1hover {
		width: 150px; /* end ie5 hack */ }
		
	a.leftnav1:hover, a.leftnav1hover, a.leftnav1hover:link, a.leftnav1hover:active, a.leftnav1hover:visited, a.leftnav1hover:hover {
		color: #333;
		background-color: #999;
		background-position: 0 -200px; }
		
a.leftnav2, a.leftnav2:link, a.leftnav2:active, a.leftnav2:visited, a.leftnav2:hover {
	padding-left: 55px;
	background-position: 0 -100px;
	voice-family: "\"}\""; /* begin ie5 hack */
	voice-family:inherit;
	width: 130px; }
	
	a.leftnav2, a.leftnav2hover {
		width: 130px; /* end ie5 hack */ }

	a.leftnav2:hover, .leftnav2hover, a.leftnav2hover:link, a.leftnav2hover:active, a.leftnav2hover:visited, a.leftnav2hover:hover {
		color: #333;
		background-color: #999;
		background-position: 0 -300px; }

/* Web Form Rules
----------------------------------------------------------------------------------------- */	
.mainfield {
	font: normal 10px/10px Verdana, Arial, Geneva, Sans-serif; 
	color: #333; 
	background-color: #FFF; 
	border: 1px solid #999; }
	
.formbutton {
	width: 40px;
	height: 16px;
	cursor: pointer;
	font-family: Verdana, Arial, Geneva, Sans-serif;
	font-size: 10px;
	line-height: 10px;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: bottom;
}
	
/* Tab Styles
----------------------------------------------------------------------------------------- */
#centertabs {
	width: 740px;
	height: 25px; }
	
#btnsuitableuses, #btnbldgidentity, #btnaccesstostl, #btnareademo, #btnavailablesuites {
	float: left;
	width: 80px;
	height: 25px;
	margin-right: 5px;
	background: #FFF url(../images/btn_suitable_uses.jpg) no-repeat scroll 0 0;
	cursor: pointer;
	z-index: 10; }
		
	#btnbldgidentity {
		width: 136px;
		background-image: url(../images/btn_bldg_identity.jpg); }
		
	#btnaccesstostl {
		width: 168px;
		margin-left: 20px;
		background-image: url(../images/btn_access_to_stl.jpg);
		background-position: 0 -26px; }
		
	#btnareademo {
		width: 109px;
		background-image: url(../images/btn_area_demo.jpg); }
		
	#btnavailablesuites {
		width: 91px;
		background-image: url(../images/btn_available_suites.jpg); }
		
a.btncenter, a.btncenter:link, a.btncenter:active, a.btncenter:visited, a.btncenter:hover {
	padding: 0; }

#centertab1, #centertab2, #centertab3, #centertab4, #centertab5 {
	width: 698px;
	padding: 20px 20px 20px 20px;
	border: 1px solid #999;
	border-top: none;
	background: #FFF url(../images/bg_centertab1.gif) no-repeat scroll 0 0;
	z-index: 20; }

	#centertab1 {
		display: none; }
	
	#centertab2 {
		display: none;
		background-image: url(../images/bg_centertab2.gif); }
		
	#centertab3 {
		display: block;
		background-image: url(../images/bg_centertab3.gif); }
		
	#centertab4 {
		display: none;
		background-image: url(../images/bg_centertab4.gif); }
		
	#centertab5 {
		display: none;
		background-image: url(../images/bg_centertab5.gif); }
		
#subpanellt, #subpanelrt {
	position: absolute;
	left: 210px;
	top: 760px;
	width: 270px;
	height: 120px;
	padding: 15px 30px 10px 30px;
	border: 1px solid #999;
	background-color: #FFF;
	voice-family: "\"}\""; /* begin ie5 hack */
	voice-family:inherit;
	width: 208px; }
	
	#subpanellt, #subpanelrt {
		width: 208px; /* end ie5 hack */ }
	
	#subpanelrt {
		left: 495px; }

.centertabtitle {
	display: none; }
	
.centertablt, .centertabrt {
	float: left;
	width: 250px;
	font: italic 15px/34px Georgia, "Times New Roman", serif;
	color: #555; }

.centertabrt {
	float: right; }
	
.centerbold {
	font-weight: bold; 
	color: #00623C; }
	
.centertablt a, .centertablt a:link, .centertablt a:active, .centertablt a:visited, .centertablt a:hover, 
	.centertabrt a, .centertabrt a:link, .centertabrt a:active, .centertabrt a:visited, .centertabrt a:hover {
		color: #00623C; }
	
a.passlogo, a.passlogo:link, a.passlogo:active, a.passlogo:visited, a.passlogo:hover,
	a.ultralogo, a.ultralogo:link, a.ultralogo:active, a.ultralogo:visited, a.ultralogo:hover {
 	display: block;
 	float: left;
 	width: 60px;
 	height: 37px;
 	margin-right: 16px;
 	border: none;
 	background: transparent url(../images/btn_moneypass.gif) no-repeat scroll 0 0; }
 	
 	a.ultralogo, a.ultralogo:link, a.ultralogo:active, a.ultralogo:visited, a.ultralogo:hover {
 		width: 89px;
 		margin-right: 0;
 		background-image: url(../images/btn_ultrasf.gif); }
 		
/* LightBox Rules
----------------------------------------------------------------------------------------- */
#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 15;
	text-align: center;
	line-height: 0; }

#lightbox a img { border: none; }

#outerImageContainer {
	position: relative;
	background-color: #FFF;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	padding: 20px; }

#imageContainer {
	padding: 10px; }

#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0; }
	
#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10; }
	
#imageContainer>#hoverNav{ left: 0;}

#hoverNav a { 
	outline: none; }

#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block; }
	
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	padding: 0 20px;
	line-height: 1.4em; }

#imageData { padding: 0 10px; color: #666; }
#imageData #imageDetails { width: 70%; float: left; text-align: left; }	
#imageData #caption { font-weight: bold;	}
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose { width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
	width: 100%;
	height: 500px;
	background-color: #000; }
	
/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px; }

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative; }

* html .lbMinWidth { /* IE6 */
	padding-left: 790px; }
	
/* Clearfix */	
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; }

.clearfix { display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */