@import url("global.css");
@import url("nav.css");
@import url("sifr.css");
@import url("thickbox.css");
@import url("cmxform.css");
@import url("spry.css");

/* Header */
#header .header-text { font-size: 1.1em; line-height: 20px; float: right; display: inline; width: 230px; margin: 15px 10px 0 0; display: block; }
#header .header-text strong { font-size: 1.1em; }
#header {
	background:url(../images/pg-bg-top.gif) no-repeat top center;
	width:772px;
	height:110px;
	margin:0 auto;
}
#header img { float: left; margin-left: 10px; }

#header #info {
	position:absolute;
	top:10px;
	left:484px;
	color:#497185;
}

#header #info strong {
	color:#6590af;
	font-weight:bold;
}

#header #info ul.map {
	background:url(../images/header-map.gif) no-repeat top left;
	margin:5px 0 0 28px;
	padding:5px 0 0 148px;
	height:73px;
	list-style-image:url(../images/li-arrow-darkgrey.gif);
	line-height:140%;
	color:#343434;
}

#header #info ul.map a:link, #header #info ul.map a:visited {
	color:#343434;
}

#header #info ul.map a:hover {
	color:#666666;
}

#header #loginForm {
	position:absolute;
	top:10px;
	left:525px;
	vertical-align:top;
	color:#497185;
	font-size:0.9em;
	line-height:10px;
}

#header #loginForm ol li {
	margin:0 0 6px 0;
	padding:0;
}

.greenBtn {
	background:#497185;
	color:#FFF;
	margin:0 10px;
}

/* Homepage Content */
#banner {
	background:url(../images/banner-bg.jpg) repeat-y top center;
	width:760px;
	height:280px;
	margin:5px 6px 6px 6px;
}

#banner #copy {
	color:#FFF;
	margin:25px 30px 25px 17px;
	width:374px;
	float:left;
}

#banner #copy h3 {
	font-size:120%;
	margin-top:0;
	color:#fff;
}

#banner #flashcontent {
	position:absolute;
	top:137px;
	right:6px;
	width:338px;
	float:left;
}

#hpContent {
	margin:0 6px 0 6px;
	background:url(../images/hp-content-bg.gif) repeat-y top left;
	padding-bottom:20px;
	font-size:1em;
}

body#thankyou #hpContent {background-color: #fff; background-image: none;}
.simple-txt {padding: 0 20px; }

#column1 {
	background:url(../images/hp-hdr-advantage.gif) no-repeat top left;
	width:215px;
	float:left;
}

#column2 {
	background:url(../images/hp-hdr-application.gif) no-repeat top left;
	width:205px;
	float:left;
}

#column3 {
	background:url(../images/hp-hdr-subscribe.gif) no-repeat top left;
	width:340px;
	float:left;
	color:#343434;
}

#column3 p, #column3 fieldset {
	margin:0 10px 20px 24px;
}

#column3 label {
	font-size:0.9em;
}

#column3 #subSection {
	background:url(../images/hp-hdr-contact.gif) no-repeat top left;
	width:340px;
	padding:0 0 20px 0;
}

#column3 #subSection .column {
	float:left;
	width:146px;
	margin-left:17px;	
}

#column3 p { margin-bottom: 10px; }

#column1 ul, #column2 ul {
	margin:0 28px;
	color:#6590af;
	line-height:1.4em;
}

#column1 ul li, #column2 ul li {
	list-style-image:url(../images/li-arrow-blue.gif);
}

#jquery_newsticker {
	list-style-type: none;
	background: #000 url(../images/bg-news.gif) no-repeat 16px 5px;
	padding: 9px 14px 11px 66px;
	margin: 0 6px;
	width: 680px;
	color: #FFF;
	font-size: 12px;
}

#jquery_newsticker li a { color: #fff; text-decoration: none; }
#jquery_newsticker li a:hover { color: #4a99d2; text-decoration: underline; }


/* Content*/
#content {
	margin:1px 6px 0 6px;
	background:url(../images/bg-content.gif) repeat-y top right;
	color:#333;
	line-height:1.4em;
	padding-bottom:30px;
}

#content #copy { 
	width:552px;
	padding:22px 30px 0 20px;
	float:left;
	font-size:1.1em;
}

#copy ol, #copy ul {
	margin-left: 30px !important;
}

#contentSubnav #copy ul, #content #copy ul { margin: 0 0 0 30px !important; }

/* Internal Subnav and Downloads */
#contentSubnav {
	margin:1px 6px 0 6px;
	background:url(../images/bg-content-subnav.gif) repeat-y top left;
	color:#333;
	line-height:140%;
	padding-bottom:30px;
}

#contentSubnav #subNav {
	width:154px;
	float:left;
	margin-top:22px;
	font-size: 1.1em;
}

#contentSubnav #subNav ul {
	margin:0 5px;
	list-style-type:none;
	padding-left:0px;
	display:block;
}
#contentSubnav #subNav ul li {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	padding:0 0 2px 0;
	margin: 0 0 2px 5px;
	line-height:16px;
	border-bottom: 1px dotted #b3c2cc;
}
#contentSubnav #subNav ul a {
	text-decoration:none;
	padding: 2px 0 2px 14px;
	display: block;
	background: url('../images/bg-arrow.gif') no-repeat 3px 6px;
}
#contentSubnav #subNav ul a:hover {
	background-color:#9aa2a6;
	color: #fff;
}


#contentSubnav #subNav ul#downloads {
	margin:10px 0 0 0;
	padding:32px 0 0 10px;
	background:url(../images/subnav-hdr-downloads.gif) no-repeat top left;
	list-style:none;
	display: block;
	float: left;
}

#subNav ul#downloads li {
	background:none;
	float:left;
	width:144px;
	padding:1px 0;
	display:block;
	margin-left:0;
	border-bottom:1px solid #ddd;
	line-height:1em;
	position:relative; /* required - used to position subs */
}

#subNav ul#downloads li a {
	background:url(../images/icon-download.gif) no-repeat top left;
	padding:8px 5px 9px 26px;
	height: 20px;
	display:block;
}

#subNav ul#downloads li ul { /* second-level lists */
	background:#9aa2a6;
	list-style:none;
	width: 144px;
	font-size:1em;
	margin:1px 0 0 144px;
	position: absolute;
	padding:15px;
	color:#fff;
	left: -999em;/* using left instead of display to hide menus because display: none isn't read by screen readers */
	top: 0; /* align to top */
}

#subNav ul#downloads li ul p { 
	color:#333;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	background:url(../images/downloads-popup-line.gif) repeat-x bottom left;
}

#subNav ul#downloads li ul li {
	border:none;
	width:40px;
	float:left;
	display:block;
	padding:0 2px 0 0;
	margin:0;
}

#subNav ul#downloads li ul li a {
	color:#fff;
	text-decoration:none;
	background:none;
	padding:0;
	margin:0;
}

#subNav ul#downloads li ul li a:hover {
	color:#e4e4e4;
	text-decoration:none;
	background:none;
	padding:0;
	margin:0;
}

#subNav ul#downloads li ul li a.pdf, #subNav ul#downloads li ul li a.pdf:hover {background:url(../images/icon-pdf-grey.gif) no-repeat top left;}
#subNav ul#downloads li ul li a.dwf, #subNav ul#downloads li ul li a.dwf:hover {background:url(../images/icon-dwf-grey.gif) no-repeat top left;}
#subNav ul#downloads li ul li a.dwg, #subNav ul#downloads li ul li a.dwg:hover {background:url(../images/icon-dwg-grey.gif) no-repeat top left;}
#subNav ul#downloads li ul li a.pdf, #subNav ul#downloads li ul li a.pdf:hover,
#subNav ul#downloads li ul li a.dwf, #subNav ul#downloads li ul li a.dwf:hover,
#subNav ul#downloads li ul li a.dwg, #subNav ul#downloads li ul li a.dwg:hover {
	padding:0 10px 6px 18px;
	margin:6px 3px 0 0;
	line-height:15px
}



#subNav ul#downloads li a:hover, #subNav ul#downloads li:hover a, #subNav ul#downloads li.sfhover a, 
#subNav ul#downloads li a:hover li, #subNav ul#downloads li:hover a li, #subNav ul#downloads li.sfhover a li {
	background:#9aa2a6 url(../images/icon-download-over.gif) no-repeat top left;
	padding:8px 5px 9px 26px;
	display:block;
	color:#fff;
}

#subNav ul#downloads li ul ul { /* third-and-above-level lists */
	margin: 0 150px 0 0;
}


#subNav ul#downloads li:hover ul ul, 
#subNav ul#downloads li:hover ul ul ul, 
#subNav ul#downloads li.sfhover ul ul, 
#subNav ul#downloads li.sfhover ul ul ul {
	left: -999em;
}
#subNav ul#downloads li:hover ul, 
#subNav ul#downloads li li:hover ul, 
#subNav ul#downloads li li li:hover ul, 
#subNav ul#downloads li.sfhover ul, 
#subNav ul#downloads li li.sfhover ul, 
#subNav ul#downloads li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/*Content*/

#contentSubnav #copy { 
	width:404px;
	margin:22px 22px 0 20px;
	float:left;
	font-size:1.1em;

}

#sidePanel {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	width:140px;
	float:left;
	color:#666666;
	font-size:96%;
	line-height:120%;
	padding-top:8px;
	text-align: center!important;
}

#sidePanel img {
	border:3px solid #dddddd;
	margin:16px 0 4px 0;
	text-align: center!important;
}

#sidePanel p {
	margin:0;
	padding:0;
}

#sidePanel a:link, #sidePanel a:visited {
	text-decoration:none;
	color:#666;
}

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

h5.section {
	color:#9aa2a6;
	margin:0 0 4px 0;
	padding:0;
	line-height:100%;
	text-transform:uppercase;
	font-weight:normal;
}

.address { width: 160px; float: left; margin-left: 15px; display: inline; }

ul.contactInfo {
	margin:0;
	padding:0;
	float: left;
	width: 150px;
	list-style: none;
}

ul.contactInfo li { padding: 2px 0 0 18px; height: 14px; }

.contact {
	margin:10px 0 20px 0;
	border-bottom:#ccc solid 1px;
	padding-bottom:10px;
}
	
.contact p, .contact ul  {
	width:266px;
	float:left;
	margin:10px 10px 10px 0;
	line-height:16px;
}

li.phone { background:url(../images/icon-phone.gif) no-repeat 0 0; }
li.fax { background:url(../images/icon-fax.gif) no-repeat 0 0; }
li.email { background:url(../images/icon-email.gif) no-repeat 0 0; }
li.web { background:url(../images/icon-web.gif) no-repeat 0 0; }
#bookmark { position: relative; z-index: 20; width: 100px; height: 18px; display: inline; float: right; margin: -37px 25px 0 0; }

body#contact .contact ul { list-style: none; }
body#contact .contact li { padding: 2px 0 0 18px; height: 14px; }

/* Footer */

#footer {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	clear:both;
	width:760px;
	background:#eeeeee url(../images/bg-footer.gif) no-repeat top left;
	padding:22px 0 30px 0;
	margin:0 6px;
	text-align:center;
	color:#9da4a8;
	line-height:160%;
}

#footer a:link, #footer a:visited {
	text-decoration:none;
	color:#9da4a8;
}

#footer a:hover {
	color:#6590af;
}

#footer a.ht {
	background:url(../images/logo-ht.gif) no-repeat 0 0;
	padding:0 0 0 22px;
	font-size:.9em;
	display:block;
	width:130px;
	line-height:19px;
	margin:0 auto;
}