html {height:100%;}
body {margin:0px; padding:0px 0px 0px 20px; font: 13px/16px Verdana, Arial, Helvetica, sans-serif;}
#header {height:80px; background: url(../images/logo.png) no-repeat; width:760px; margin-top:12px;}
#header dl {margin:0px;}
#header dt {margin:0; padding: 0px;float:right; margin-left:7px;}
#header dt a, #header dt a:visited {text-decoration:none; display:block; border:1px solid #ff6600; padding:2px 8px;}
#header dt a:hover {
background: #F3F3F3;
}
#collage {/*height:145px;*/background: #FF6600 url(../images/collageBG.jpg) no-repeat;}
/* ###################### navigation Styles ###################### */
#navigation { border-bottom:2px solid #3094c6; height:28px;}
#navigation a .home {background:url(../images/navigation.png) no-repeat 0px 0px;}
#navigation a .company {background:url(../images/navigation.png) no-repeat -70px 0px;}
#navigation a .industries {background:url(../images/navigation.png) no-repeat -160px 0px;}
#navigation a .cas {background:url(../images/navigation.png) no-repeat -291px 0px;}
#navigation a .support {background:url(../images/navigation.png) no-repeat -524px 0px;}
#navigation a .purchase {background:url(../images/navigation.png) no-repeat -605px 0px;}
#navigation a:hover .home {background:url(../images/navigation.png) no-repeat 0px -28px;}
#navigation a:hover .company {background:url(../images/navigation.png) no-repeat -70px -28px;}
#navigation a:hover .industries {background:url(../images/navigation.png) no-repeat -160px -28px;}
#navigation a:hover .cas {background:url(../images/navigation.png) no-repeat -291px -28px;}
#navigation a:hover .support {background:url(../images/navigation.png) no-repeat -524px -28px;}
#navigation a:hover .purchase {background:url(../images/navigation.png) no-repeat -605px -28px;}
#home #navigation a .home, #navigation a:active .home {background:url(../images/navigation.png) no-repeat 0px -56px;}
#company #navigation a .company, #navigation a:active .company {background:url(../images/navigation.png) no-repeat -70px -56px;}
#industries #navigation a .industries, #navigation a:active .industries {background:url(../images/navigation.png) no-repeat -160px -56px;}
#cas #navigation a .cas,#navigation a:active .cas {background:url(../images/navigation.png) no-repeat -291px -56px;}
#support #navigation a .support, #navigation a:active .support {background:url(../images/navigation.png) no-repeat -524px -56px;}
#purchase #navigation a .purchase, #navigation a:active .purchase {background:url(../images/navigation.png) no-repeat -605px -56px;}
/* ###################### subNavigation Styles ###################### */
#subMenu { width:202px; float:left; line-height:13px;}
#subMenu dl {margin:0px;}
#subMenu dt {margin:0; padding: 0px;}
#subMenu dd {margin:0; padding:0; background: #f3f3f3;}
#subMenu dt a, #subMenu dt a:visited {text-decoration:none; display:block; padding:3px 3px 4px 19px;border-bottom:1px solid #ff6600;}
#subMenu dd a, #subMenu dd a:visited { text-decoration:none; display:block; padding:3px 3px 3px 37px;}
#subMenu dt a:hover {background: url(../images/subArrow.png) no-repeat 9px 7px; text-decoration:none;}
#subMenu dd a:hover {text-decoration:none; color:#ff6600;}
#blueBox dl{
background: #3094c6 url(../images/blueBoxBG.png) no-repeat bottom;
padding-bottom: 14px;
padding-top: 10px;
line-height: 15px;
}
#blueBox dt a, #blueBox dt a:visited {
text-decoration:none;
display:block;
padding:5px 3px 6px 40px;
border-bottom:none;
color: #FFFFFF;
}
#blueBox dd a, #blueBox dd a:visited { text-decoration:none; display:block; padding:3px 3px 3px 37px;}
#blueBox dt a:hover {text-decoration:none; background:none;}
#blueBox dd a:hover {text-decoration:none;}
.pdf {
background: url(../images/icon-pdf.gif) no-repeat 7px center;
}
/* #################################################################### */
#contentContainer { background: #FFFFFF url(../images/diagBG.gif) repeat;}
#content { background-color:#FFFFFF; width:760px; padding-bottom:10px;}
#pageContent {width:500px; float: left; margin-left:32px;}
#pageContent ul { margin-top:3px; margin-bottom:3px;}
#pageContent li {
padding-bottom:10px;
/*font-size: 12px;
line-height: 15px;*/
}
#footer {
background-color:#FF6600;
height:38px;
clear:both;
color:#FFFFFF;
}
#footer p {width:760px; text-align:center; padding-top:12px;}
#footer a {color:#FFFFFF; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
a {color:#336699;}
p {margin:0px; padding: 5px 0;}
h1 {
font-size: 20px;
color: #336699;
margin:0px;
padding: 15px 0px 8px;
line-height: 21px;
}
h2 {font-size: 14px; margin: 0px; padding:8px 0px 4px 0px; border-bottom: 1px dotted #ababab;color: #ff6600;}
#phone {
font-size: 24px;
line-height: 24px;
font-weight: normal;
color: #336699;
position: absolute;
top: 67px;
left: 612px;
white-space: nowrap;
}
.clear { clear:both;}
.backTop {
float:right;
font-weight:normal;
margin-right:10px;
font-size:11px;
border-bottom:1px solid #336699;
border-left:1px solid #336699;
padding-left:3px;
letter-spacing: normal;
line-height:15px;
}
#content .backTop a{ text-decoration:none; color: #336699}
#content .backTop a:hover{ text-decoration:none;}
.features {
background: url(../images/diagBG.gif); /*padding:6px; min-height:100px;*/
}
#content .features h1 {
font-size:12px;
line-height:14px;
padding:0px;
margin:0px;
color: #FF6D0D;
}
/* ###################### Forms Styles ###################### */
form { /* set width in form, not fieldset (still takes up more room w/ fieldset width */
margin: 0;
padding: 0;
/*min-width: 400px;
max-width: 500px;
width: 450px; */
}
form fieldset {
/ * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
border-color: #000;
border-width: 1px;
border-style: solid;
padding: 10px; /* padding in fieldset support spotty in IE */
margin: 0;
}
form fieldset legend {
font-size: 14px; font-weight:bold /* bump up legend font size, not too large or it'll overwrite border on left */
/* be careful with padding, it'll shift the nice offset on top of border */
}
form label {
display: block; /* block float the labels to left column, set a width */
float: left;
width: 150px;
padding: 0;
margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
text-align: right;
}
/*form fieldset label:first-letter { use first-letter pseudo-class to underline accesskey, note that */
/* text-decoration:underline; Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
/* pseudo-class on legend elements, but do support it on label elements */
/* we instead underline first letter on each label element and accesskey */
/* each input. doing only legends would lessens cognitive load */
/* opera breaks after first letter underlined legends but not labels
}*/
form input, form textarea, form select {
/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
width:auto; /* set width of form elements to auto-size, otherwise watch for wrap on resize */
margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
label aligns textarea better in IE */
}
form input#reset {
margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}
textarea { overflow: auto; }
form small {
display: block;
margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
padding: 1px 3px;
font-size: 88%;
}
form .required{font-weight:bold;} /* uses class instead of div, more efficient */
form br {
clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */