* {margin: 0; padding: 0; border: 0; background: transparent; color: black;}
html {width: 100%; height: 100%;}
body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: black; background: #dadada;}
body.popped {overflow-x: hidden;}
a:link {text-decoration: none; color: #00C;}
a:visited {text-decoration: none; color: #606;}
a:active, a:hover {text-decoration: none; color: #00F;}
input {border: solid 1px black; cursor: text;}
select {border: solid 1px black; cursor: text;}
textarea {border: solid 1px black; cursor: text;}
ul, ol {
list-style-type: none;
/* list-style-position: inside; */
}
table {border-collapse: collapse;}
textarea {font-family: Arial, Helvetica, sans-serif;}

/* System Links */
a.sys:link, a.sys:visited {text-decoration: underline; font-size: 11px; color: #009;}
a.sys:hover, a.sys:active {text-decoration: underline; font-size: 11px; color:#00F; background: #FFD;}
/* FootNav Links */
a.foot:link {text-decoration: underline; color: #009;}
a.foot:visited {text-decoration: underline; color: #909;}
a.foot:hover, a.foot:active {text-decoration: underline; color:#00F;}
/* Benfits Links (on homepage) */
a.bene:link {text-decoration: none; color: #006;}
a.bene:visited {text-decoration: none; color: #636;}
a.bene:hover, a.bene:active {text-decoration: underline; color: #00C;}
/* Definition Links */
a.define:link {text-decoration: none; color: #006;}
a.define:visited {text-decoration: none; color: #636;}
a.define:hover, a.define:active {text-decoration: none; color: #00C;}
/* FAQ Nav Links */
a.faq:link {text-decoration: none; color: white;}
a.faq:visited {text-decoration: none; color: white;}
a.faq:hover, a.faq:active {text-decoration: underline; color: #FF0;}
/* Alt Text for Image Links */
a span {display: none;}
/* MAIN STRUCTURE */
#container {
position: absolute; top: 0; left: 0; z-index: 0;
width: 100%; height: 100%;
background: white;
}
#page {
position: relative; top: 0; left: 0;
width: 100%; height: 100%;
background: #dadada;
}
/* TOP SECTION */
#top {
position: relative; top: 0; left: 0;
width: 100%; height: 80px;
background: white;
border-bottom: solid 3px #009;
}
#top #logo {
position: absolute; top: 0; left: 0; z-index: 1;
width: 240px; height: 75px;
}
#top #logo a {
position: absolute; top: 7px; left: 15px; z-index: 1;
width: 220px; height: 75px;
float: left; overflow: hidden;
font-size: 14px; font-weight: bold;
}
#top #logo a span {
position: absolute; top: 0px; left: 0px; z-index: 2;
display: block;
width: 210px; height: 60px;
background: white url(../graphics/PE_logo_210x60_flashing.gif) no-repeat top left;
}
#grizlogo {
position: absolute; top: 47px; right: 5px; z-index: 0;
width: 105px; height: 30px;
background: transparent url(../graphics/logo_grizella_sm.gif) no-repeat top right;
}
#sys {
position: absolute; top: 3px; right: 5px; z-index: 0;
width: 440px; height: 40px;
margin: 0; padding: 0 0 5px 0;
}
#sys ul {
clear: both;
list-style-type: none;
width: 440px;
padding: 1px 0 0 0;
font-size: 11px; font-weight: bold;
}
#sys ul li {
padding: 0 0 0 3px;
float: right;
}
#sys ul li span {
display: none;
}
#toptext { /* Text Below Logo */
position: absolute; top: 65px; left: 10px; z-index: 2;
width: 300px;
font-size: 11px; font-weight: bold;
}
/* NAV SECTION */
#min {
clear: left;
width: 0; height: 2500px;
}
#nav {
position: absolute; top: 83px; left: 0; z-index: 1;
width: 120px;
margin: 0; padding: 0;
}
#nav ul#navlist {
position: absolute; top: 0; left: 0; z-index: 1;
width: 112px; height: 100%;
margin: 0; padding: 2px 7px 0 4px;
background: #c1bfcf url(../graphics/streaks.jpg) repeat top left;
}
#nav ul#navlist li {
display: block;
width: 110px; height: 24px;
margin: 0 0 2px 0; padding: 0;
text-align: center; text-indent: 25px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}
#nav ul#navlist li.up {
background: #d2d1d3 url(../graphics/ico_arrows.gif) no-repeat center left;
border: solid 2px #333; border-top: solid 2px #999; border-left: solid 2px #999;
}
#nav ul#navlist li.pressed {
background: #ffc url(../graphics/ico_arrows_here.gif) no-repeat center left;
border: solid 2px #666; border-bottom: solid 2px #f1f1e1; border-right: solid 2px #f1f1e1;
}
#nav ul#navlist li a {
display: block;
width: 110px; height: 24px;
margin: 0 0 2px 0; padding: 4px 0 0 0;
font-size: 14px; font-weight: bold;
text-decoration: none;
background: transparent;
border: none;
cursor: pointer;
}
#nav ul#navlist li a.here {
color: #339;
}
#nav ul#navlist li a.button span,
#nav ul#navlist li a.here span {
display: block;
width: 110px; height: 24px;
}
#nav ul#navlist ul#subzone {
margin: -3px 0 0 0; padding: 2px 0;
background: #a9a;
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px;
border-bottom-left-radius:5px;
}
#nav ul#navlist ul#subzone li {
width: 90px; height: 18px;
margin: 0 0 2px 16px; padding: 0;
text-indent: 0;
background-image: none;
}
#nav ul#navlist ul#subzone li a {
display: block;
width: 90px; height: 18px;
margin: 0 0 2px 0; padding: 2px 0 0 0;
font-size: 12px; font-weight: bold;
text-decoration: none;
background: transparent;
border: none;
}
#nav ul#navlist ul#subzone li a span {
display: block;
width: 90px; height: 18px;
}
#nav ul#navlist li:hover {
background-color: #ffb;
}
#nav ul#navlist li.up:hover {
background-color: #ddf;
}
/* MID SECTION */
#mid { /* Doc Body */
position: relative; top: -1px; left: 123px;
width: 813px; height: auto;
margin: 0; padding: 0 0 18px 0;
}
body.popped #mid { /* Doc Body for popup pages */
left: 0px;
width: 670px;
}
/* MAIN CONTENT SECTION */
#main { 
float: left;
background: white;
margin: 0 0 0 0;
width: 813px; height: auto;
padding-bottom: 125px;
background: white url(../graphics/SupportPageTruck.jpg) no-repeat bottom right;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-right-radius:4px;
border-bottom-right-radius:4px;
}
#main.ref {
padding-bottom: 225px;
background: #CCC;
background-image:none;
}
#main.stnd {
padding-bottom: 225px;
}
#main.tree {
padding-bottom: 150px;
}
#main.root {
padding-bottom: 105px;
}
#main.popwire {
padding-bottom: 80px;
}
#main.services,
#main.list,
#main.faq,
#main.links,
#main.dw,
#main.press,
#main.blog {
padding-bottom: 225px;
}
#main.blog {
width: 790px;
background: #eee;
}
#main.blog h1 {
width: 790px;
margin: 0 0 0 0;
}
#main.pop {
width: 700px; height: 430px;
padding-bottom: 25px;
}
#main.pop h1 {
width: 700px;
}
#main.promopop {
width: 700px; height: 390px;
padding-bottom: 25px;
background-color:#ededed;
background-image:none;
}
#main.vidpop {
width: 700px; height: 530px;
padding-bottom: 25px;
}
#main.vidpop h1 {
width: 700px;
}
#main h1 { /* Page Title Header Bar */
width: 813px; height: 25px;
margin: 0; padding: 6px 0 0 0;
font-size: 16px; font-weight: bold;
text-align: left; text-indent: 20px;
background: #696; color: black;
}
#main h3 { /* Standard Section Heading */
margin: 5px 25px 10px 25px;
font-size: 16px;
}
#main h4 { /* In a Box Section Heading */
margin: 5px 25px 5px 5px;
font-size: 14px;
}
#main p { /* Standard Text */
margin: 5px 30px 10px 30px;
}
#lowmain {
width: 560px;
}
#footnote { /* Fine Print Footnotes */
clear: both;
margin: 10px 55px 5px 30px;
padding: 4px 0 0 0;
}
#footnote p { 
margin: 1px 0 4px 0;
font-size: 11px; 
color: #777;
}
#main ul.basiclist {
list-style-type: none;
margin: 0 0 0 40px;
font-family: Verdana, sans-serif;
font-size: 11px;
}
#main ul.basiclist li {
padding: 5px 0;
}
/* SIDE PANEL */
#side {
position: absolute; 
top: 133px; 
left: 780px; 
z-index: 1;
width: 140px;
float: left;
margin: 0;
}
#side span {
display: none;
}
#sidesw {
width: 120px;
height: 120px;
margin: 0 0 10px 0;
float: right;
border: none;
background: transparent url(../graphics/SaferWatch2.gif) no-repeat top left;
}
#sidewui {
width: 120px;
height: 240px;
margin: 0 0 10px 0;
float: right;
border: none;
background: transparent url(../graphics/Wooie.gif) no-repeat top left;
}
#sidepep {
width: 120px;
height: 240px;
margin: 0 0 10px 0;
float: right;
border: none;
background: transparent url(../graphics/Pep.gif) no-repeat top left;
}
#sideg {
width: 120px;
height: 240px;
margin: 0 0 10px 0;
float: right;
border: solid 1px black;
background: transparent;
}
#sidegx {
position:absolute;
top:-40px;
left:170px;
width: 120px;
height: 600px;
margin: 0 0 10px 0;
float: right;
border: solid 1px black;
background: transparent;
}
#side123 {
width: 120px;
height: 120px;
margin: 0 0 10px 0;
float: right;
border: none;
background: transparent url(../graphics/3pb/123LoadBoard-2.gif) no-repeat top left;
}
#sidedfs {
width: 120px;
height: 120px;
margin: 0 0 10px 0;
float: right;
border: none;
background: transparent url(../graphics/3pb/DirectFreight.png) no-repeat top left;
}
#sidefg {
width: 120px;
height: 120px;
margin: 0 0 10px 0;
float: right;
border: none;
background: transparent url(../graphics/3pb/freightguard.gif) no-repeat top left;
}
/*#side span {color: #68B168;}  green - hides the pipes without block sideg content - temp fix */
/* FOOT SECTION */
#foot {
width: 570px;
clear: both;
padding: 2px 0 10px 130px;
}
body.popped #foot {
padding-left: 10px;
}
#foot p { /* TM and COPY */
margin: 0 30px 0 0;
font-size: 10px;
color: #999;
}
#valid { /* Valid HTML */
width: 66px;
height: 23px;
float: left;
margin: 5px 0 40px 0;
border: none;
background: transparent url(../graphics/valid-html401.png) no-repeat top left;
}
/*FLOOR */
#floor {
display: block;
position: fixed; bottom: 0; left: 0; z-index: 1;
width: 100%; height: 40px;
background: #89d;
border-top: solid 1px #334;
-moz-box-shadow:0 0 4px #778;
-webkit-box-shadow:0 0 4px #778;
box-shadow:0 0 4px #778;
}
#floor #bbb {
position: absolute; top: 3px; left: 15px; z-index: 1;
width: 93px; height: 35px;
margin: 0; padding: 0;
background: transparent url(../graphics/logo_bbb_accredited.gif) no-repeat top left;
}
#floor #tia {
position: absolute; top: 3px; right: 15px; z-index: 1;
width: 40px; height: 35px;
margin: 0; padding: 0;
background: transparent url(../graphics/logo_tia_member_sm.gif) no-repeat top left;
}
#floor #vistage {
display: none; /* NOT IN USE */
}

#floor #grizella {
display: none; /* NOT IN USE */
}
/* UTILTITY CLASSES */
.block, .alttext, .pipe, .off {display: none;} /* Prevents display issues due to hidden form elements */
.clear {height: 1px; clear: both;} /* Generic clearing element */