body {background: url(../images/background.jpg) repeat-x #CCCCCC; font-family: Helvetica, Arial, Verdana; font-size: 1px; color: #666666; margin: 0;}

img {border-style: none; border-width: 0;}

hr {height: 0; border-top: 2px solid #666666; margin: 15px 0 15px 0;}

input, textarea {width: 90%; padding: 5px; margin: 5px 0 5px 0; font-size: 11px; color: #666666; background: #FFFFFF; border: 1px solid #CCCCCC; vertical-align: middle;}

h1 {font-family: Helvetica, Arial, Verdana; font-size: 28px; font-weight: bold; display: inline; color: #0099FF; line-height: 30px;}
h1.boxes {font-family: Helvetica, Arial, Verdana; font-size: 18px; font-weight: bold; display: inline; color: #333333; line-height: 18px;}
h1.boxesLong {font-family: Helvetica, Arial, Verdana; font-size: 18px; font-weight: bold; display: inline; color: #FFFFFF; line-height: 18px;}
h2 {font-family: Helvetica, Arial, Verdana; font-size: 14px; font-weight: normal; display: inline; color: #333333;}
h3 {font-family: Helvetica, Arial, Verdana; font-size: 13px; font-weight: normal; display: inline; color: #333333;}
h4 {font-family: Helvetica, Arial, Verdana; font-size: 16px; font-weight: normal; display: inline; color: #FFFFFF; line-height: 18px;}
h5 {font-family: Helvetica, Arial, Verdana; font-size: 14px; font-weight: normal; display: inline; color: #333333;}
h6 {font-family: Helvetica, Arial, Verdana; font-size: 16px; font-weight: bold; display: inline; color: #333333; line-height: 18px;}

table.main {width: 1000px; background: #FFFFFF; margin: 0 auto;}
table.fullWidth {width: 100%;}

td.header {width: 980px; height: 23px; font-size: 12px; color: #FFFFFF; text-align: right; background: #000000; padding: 0 20px 0 0; vertical-align: middle;}

td.logoSection {width: 960px; height: 85px; padding: 0 20px 25px 20px; vertical-align: bottom;}
.logo {float: left;}
.telephone {float: right; font-size: 16px; color: #999999; text-align: right;}

#nav {width: 960px; height: 31px; border-top: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 20px solid #FFFFFF; border-right: 20px solid #FFFFFF; vertical-align: middle;}
#nav ul {text-align: center; list-style: none; margin: 0; padding: 0;}
#nav li {display: inline; padding: 0; margin: 0;}
#nav li a:link {height: 31px; color: #333333; float: left; display: block; text-decoration: none; line-height: 2.2em; padding: 0 8px 0 8px; border-right: 1px solid #999999;}
#nav li a:visited {height: 31px; color: #333333; float: left; display: block; text-decoration: none; line-height: 2.2em; padding: 0 8px 0 8px; border-right: 1px solid #999999;}
#nav li a:active {height: 31px; color: #333333; float: left; display: block; text-decoration: none; line-height: 2.2em; padding: 0 8px 0 8px; border-right: 1px solid #999999;}
#nav li a:hover {height: 31px; color: #FFFFFF; background: #0099FF; float: left; display: block; text-decoration: none; line-height: 2.2em; padding: 0 8px 0 8px; border-right: 1px solid #999999;}
body#home a#navhome, body#about a#navabout, body#wucs a#navwucs, body#electrical a#navelectrical, body#hazardous a#navhazardous, body#packaged a#navpackaged, body#news a#navnews {height: 31px; color: #FFFFFF; background: #0099FF; float: left; display: block; text-decoration: none; line-height: 2.2em; padding: 0 8px 0 8px; border-right: 1px solid #999999;}

#nav li a.end:link {height: 31px; color: #333333; float: left; display: block; text-decoration: none; line-height: 2.2em; padding: 0 8px 0 8px; border-right: none;}
#nav li a.end:visited {height: 31px; color: #333333; float: left; display: block; text-decoration: none; line-height: 2.2em; padding: 0 8px 0 8px; border-right: none;}
#nav li a.end:active {height: 31px; color: #333333; float: left; display: block; text-decoration: none; line-height: 2.2em; padding: 0 8px 0 8px; border-right: none;}
#nav li a.end:hover {height: 31px; color: #FFFFFF; background: #0099FF; float: left; display: block; text-decoration: none; line-height: 2.2em; padding: 0 8px 0 8px; border-right: none;}
body#contact a#navcontact {height: 31px; color: #FFFFFF; background: #0099FF; float: left; display: block; text-decoration: none; line-height: 2.2em; padding: 0 8px 0 8px; border-right: none;}

td.headerImageHome {width: 960px; height: 330px; padding: 0 20px 0 20px; border-top: 10px solid #FFFFFF; border-bottom: 20px solid #FFFFFF; vertical-align: top;}
td.headerImage {width: 960px; height: 150px; padding: 0 20px 0 20px; border-top: 10px solid #FFFFFF; vertical-align: top;}

td.mainTextHome {width: 960px; font-size: 14px; color: #666666; line-height: 18px; border-left: 20px solid #FFFFFF; vertical-align: top;}
td.mainText {width: 380px; font-size: 14px; color: #666666; line-height: 18px; padding: 20px; vertical-align: top;}
td.mainTextNoSideColumn {width: 650px; font-size: 14px; color: #666666; line-height: 18px; padding: 20px; vertical-align: top;}

#productBox {width: 203px; height: 110px; float: left; background: url(../images/arrow.png) 183px 13px no-repeat; cursor: pointer; padding: 10px; margin: 0 20px 0 0; border: 1px solid #666666;}
#productBoxEnd {width: 203px; height: 110px; float: left; background: url(../images/arrow.png) 183px 13px no-repeat; cursor: pointer; padding: 10px; margin: 0; border: 1px solid #666666;}
div.productBoxTitle {width: 203px; height: 50px;}
div.productBoxImage {width: 203px; height: 60px;}
#productBox:hover {width: 203px; height: 110px; background: url(../images/arrow_on.png) 183px 13px no-repeat #DDDDDD; cursor: pointer;}
#productBox:active {width: 203px; height: 110px; background: url(../images/arrow_on.png) 183px 13px no-repeat #DDDDDD; cursor: pointer;}
#productBoxEnd:hover {width: 203px; height: 110px; background: url(../images/arrow_on.png) 183px 13px no-repeat #DDDDDD; cursor: pointer;}
#productBoxEnd:active {width: 203px; height: 110px; background: url(../images/arrow_on.png) 183px 13px no-repeat #DDDDDD; cursor: pointer;}

#productBoxAbout {width: 450px; height: 110px; float: left; background: #333333; padding: 10px; margin: 0 10px 0 0; border-top: 20px solid #FFFFFF;}
#productBoxNews {width: 450px; height: 110px; float: left; background: #0099FF; padding: 10px; margin: 0 0 0 10px; border-top: 20px solid #FFFFFF;}
div.productBoxLongText {width: 225px; height: 110px; float: left; font-size: 12px; color: #FFFFFF; padding: 0 10px 0 0;}
div.productBoxLongImage {width: 213px; height: 110px; float: right; max-height: 110px; overflow: hidden;}

td.title {width: 960px; font-size: 12px; padding: 15px 0 0 0; border-left: 20px solid #FFFFFF; border-right: 20px solid #FFFFFF; vertical-align: top;}

#subNav {width: 250px; padding: 20px 0 20px 20px; vertical-align: top;}
#subNav ul {text-align: left; list-style: none; margin: 0; padding: 0;}
#subNav li {display: block; padding: 0; margin: 0;}
#subNav li a:link {width: 240px; height: 32px; color: #333333; background: url(../images/arrow_subnav.png) 225px center no-repeat; float: left; display: block; text-decoration: none; line-height: 2.6em; padding: 0 0 0 10px; border-top: 1px solid #999999;}
#subNav li a:visited {width: 240px; height: 32px; color: #333333; background: url(../images/arrow_subnav.png) 225px center no-repeat; float: left; display: block; text-decoration: none; line-height: 2.6em; padding: 0 0 0 10px; border-top: 1px solid #999999;}
#subNav li a:active {width: 240px; height: 32px; color: #333333; background: url(../images/arrow_subnav.png) 225px center no-repeat; float: left; display: block; text-decoration: none; line-height: 2.6em; padding: 0 0 0 10px; border-top: 1px solid #999999;}
#subNav li a:hover {width: 240px; height: 32px; color: #333333; background: url(../images/arrow_subnav_on.png) 225px center no-repeat #DDDDDD; float: left; display: block; text-decoration: none; line-height: 2.6em; padding: 0 0 0 10px; border-top: 1px solid #999999;}
table#about1 a#navabout1, table#about2 a#navabout2, table#about3 a#navabout3, table#about4 a#navabout4, table#wucs1 a#navwucs1, table#wucs2 a#navwucs2, table#wucs3 a#navwucs3, table#wucs4 a#navwucs4, table#wucs5 a#navwucs5, table#wucs6 a#navwucs6, table#electrical1 a#navelectrical1, table#electrical2 a#navelectrical2, table#electrical3 a#navelectrical3, table#electrical4 a#navelectrical4, table#electrical5 a#navelectrical5, table#electrical6 a#navelectrical6, table#hazardous1 a#navhazardous1, table#hazardous2 a#navhazardous2, table#hazardous3 a#navhazardous3, table#packaged1 a#navpackaged1, table#packaged2 a#navpackaged2, table#packaged3 a#navpackaged3, table#packaged4 a#navpackaged4 {width: 240px; height: 32px; color: #333333; background: url(../images/arrow_subnav_on.png) 225px center no-repeat #DDDDDD; float: left; display: block; text-decoration: none; line-height: 2.6em; padding: 0 0 0 10px; border-top: 1px solid #999999;}

td.sideColumn {width: 250px; font-size: 12px; color: #FFFFFF; padding: 20px 20px 20px 0; vertical-align: top;}
#latestNews {width: 240px; background: url(../images/arrow.png) 220px 10px no-repeat #0099FF; padding: 10px; margin: 0 0 5px 0;}
#latestNewsPhoto {width: 240px; height: 100px; max-height: 100px; overflow: hidden;}
#contactUs {width: 238px; background: url(../images/arrow.png) 220px 10px no-repeat #FFFFFF; padding: 10px; border: 1px solid #333333;}
#contactUs:hover {width: 238px; background: url(../images/arrow_on.png) 220px 10px no-repeat #DDDDDD; padding: 10px; border: 1px solid #333333; cursor: pointer;}
#contactUs:active {width: 238px; background: url(../images/arrow_on.png) 220px 10px no-repeat #DDDDDD; padding: 10px; border: 1px solid #333333; cursor: pointer;}

td.footer {width: 920px; color: #999999; background: #000000; padding: 20px; border-top: 20px solid #FFFFFF; border-bottom: 5px solid #FFFFFF; border-left: 20px solid #FFFFFF; border-right: 20px solid #FFFFFF; vertical-align: middle;}
#footerCol1 {float: left; width: 200px; font-size: 14px; padding: 0 40px 0 0;}
#footerCol2 {float: left; width: 200px; font-size: 11px; padding: 45px 40px 0 0;}
#footerCol3 {float: left; width: 200px; font-size: 14px; padding: 0 30px 0 0;}
#footerCol4 {float: left; width: 210px; font-size: 14px; padding: 0;}
.logoFooter {margin: 0 0 10px 0;}

td.servicesSummary {width: 920px; font-size: 11px; color: #666666; background: #999999; padding: 20px; border-left: 20px solid #FFFFFF; border-right: 20px solid #FFFFFF; vertical-align: middle;}
#summaryCol1 {float: left; width: 200px; padding: 0 40px 0 0;}
#summaryCol2 {float: left; width: 200px; padding: 0 40px 0 0;}
#summaryCol3 {float: left; width: 200px; padding: 0 40px 0 0;}
#summaryCol4 {float: left; width: 200px; padding: 0;}

td.copyright {width: 960px; font-size: 11px; color: #999999; padding: 10px 20px 10px 20px; vertical-align: middle;}

td.formTitle {width: 150px; padding: 7px 0 0 0; vertical-align: top;}

div.floatLeft {float: left;}
div.floatRight {float: right;}

.telephoneText {font-size: 30px; font-weight: bold;}

.date {font-size: 12px; color: #0099FF;}

.paddingPhoto {padding: 0 0 10px 15px;}
.paddingLogo {padding: 10px 0 0 0;}

.blue {color: #0099FF;}
.white {color: #FFFFFF;}

a:link {color: #0099FF; text-decoration: none;}
a:visited {color: #0099FF; text-decoration: none;}
a:active {color: #0099FF; text-decoration: none;}
a:hover {color: #0099FF; text-decoration: underline;}

a.noUnderline:link {color: #666666; text-decoration: none;}
a.noUnderline:visited {color: #666666; text-decoration: none;}
a.noUnderline:active {color: #666666; text-decoration: none;}
a.noUnderline:hover {color: #666666; text-decoration: none;}

a.boxes:link {color: #FFFFFF; text-decoration: none;}
a.boxes:visited {color: #FFFFFF; text-decoration: none;}
a.boxes:active {color: #FFFFFF; text-decoration: none;}
a.boxes:hover {color: #FFFFFF; text-decoration: underline;}

a.footer:link {color: #999999; text-decoration: none;}
a.footer:visited {color: #999999; text-decoration: none;}
a.footer:active {color: #999999; text-decoration: none;}
a.footer:hover {color: #0099FF; text-decoration: none;}

a.copyright:link {color: #999999; text-decoration: none;}
a.copyright:visited {color: #999999; text-decoration: none;}
a.copyright:active {color: #999999; text-decoration: none;}
a.copyright:hover {color: #999999; text-decoration: underline;}

a.button:link {font-size: 13px; color: #FFFFFF; font-weight: bold; background: #333333; padding: 5px 10px 4px 10px; text-decoration: none;}
a.button:visited {font-size: 13px; color: #FFFFFF; font-weight: bold; background: #333333; padding: 5px 10px 4px 10px; text-decoration: none;}
a.button:active {font-size: 13px; color: #FFFFFF; font-weight: bold; background: #333333; padding: 5px 10px 4px 10px; text-decoration: none;}
a.button:hover {font-size: 13px; color: #FFFFFF; font-weight: bold; background: #0099FF; padding: 5px 10px 4px 10px; text-decoration: none;}