﻿body { background-color: #FFF; height: 100%; line-height: 14pt; margin: 0; text-align: center; color: #000000; font-family: arial, helvetica, sans-serif; font-size: 10pt; }
h2 { margin-top: 21px; }

.wrapper { width: 980px; margin-left: auto; margin-right: auto; text-align: left; height: 100%; }
.wrapper a { color: #000; text-decoration: none; }

.header .logo { float: left; height: 100px; width: 516px; }
.header .topMenu { float: right; font-size: 8pt; font-weight: bold; height: 15px; }
.header .topMenu a { color: #000; }
.header .logoRight { height: 85px; float: left; width: 430px; padding-left: 34px; background-color: #E4E4E4; }
.header .nav { float: left; }
.header .nav .bottom a { float: left; }
.header .nav .bottom img { border: none; float: left; padding-left: 8px; background-color: #015901; }
.header .nav .bottom .logoBottom { margin-left: -1px; padding-left: 0; padding-right: 1px; }

.content { float: left; background-color: #FFFFFF; width: 100%; }
.content .left { float: left; }
.content .left .ucNews { float: left; clear: both; position: relative; z-index: 10; }
.content .left img { border: none; }
.content .left .homeNews { background-image: url(../_images/newsbk.png); text-align: left; width: 306px; margin-top: -4px; margin-bottom: -6px; }
.content .left .headline { padding-left: 15px; padding-top: 10px; }
.content .left .headline a { color: #FFF; font-weight: bold; }
.content .left .subtitle { color: #FFFFFF; font-size: 7pt; padding-left: 27px; padding-top: 5px; }

.content .right { float: right; width: 660px; }
.content .right .contentTop .rollOverDiv { width: 639px; height: 307px; background-image: url(../_images/rollover/default-rollover.png); margin-left: 1px; margin-top: 1px; float: right; }
.content .right .contentTop .rollOverDiv img { border: none; }
.content .right .contentTop .rollOverDiv .distributor { float: right; width: 64px; height: 65px; margin-right: 3px; margin-top: 30px; }
.content .right .contentTop .rollOverDiv .presence { float: right; width: 50px; height: 68px; clear: both; margin-right: 7px; margin-top: 12px; }
.content .right .contentTop .rollOverDiv .military { float: right; width: 50px; height: 68px; clear: both; margin-right: 7px; margin-top: 12px; }
.content .right .contentTop .text { font-family: Verdana; padding-right: 30px; width: 600px; float: right; }
.content .right .top { float: right; width: 660px; }
.content .right .top.thankYou { font-size: 12pt; font-weight: bold; margin-top: 20px; }
.content .right .bottom { clear: both; width: 100%; }

.content .right .contentTop h2 { font-size: 26px; line-height: 1.1em; margin-bottom: 0; color: #005D00; font-weight: bold; }
.content .right .contentTop h3 { margin-top: 5px; margin-bottom: 5px; }
.content .right .contentTop h3 a { color: #005900; text-align: left; }
.content .right .contentTop .innerText { padding-left: 20px; padding-top: 10px; }
.content .right .contentTop .innerText .left { float: left; width: 340px; }
.content .right .contentTop .innerText img { float: right; width: 283px; height: 189px; padding-left: 10px; }
.content .right .contentTop .innerText .contact { font-size: 12pt; float: left; }
.content .right .contentTop .innerText .contact.reps { float: right; margin-right: 150px; }
.content .right .contentTop .innerText .contact.reps ul { list-style: none; margin: 0; padding: 0; }
.content .right .contentTop .innerText .contact.reps li { margin-bottom: 20px; }
.content .right .contentTop .innerText .contact a { font-weight: bold; text-decoration: none; color: #004D00; }
.content .right .contentTop .pdf a { font-weight: bold; color: #005D00; }
.content .right .contentTop .mfgs { list-style: none; color: Gray; float: left; font-size: 12pt; }
.content .right .contentTop .newsBody { margin-left: 10px; }
.content .right .contentTop .contInner { list-style: none; font-size: 12pt; }
.content .right .contentTop .contInner ul { list-style-image: url(../_images/grey-bullet.png); }
.content .right .contentTop .contInner ul li { margin-top: 10px; margin-bottom: 5px; }

.secNav { width: 310px; float: left; }
.secNav .message { font-weight: bold; }
.secNav .main { background-color: #A1A1A1; padding: 5px 0 5px 10px; position: relative; z-index: 10; float: left; color: #000; width: 296px; border-bottom: solid 1px #000; }
.secNav .main .expand { cursor: pointer; font-weight: bold; text-decoration: underline; float: left; }
.secNav .main .navigation { display: none; clear: left; }
.secNav .main .login { width: 254px; }
.secNav .main .login .text { color: #FFFFFF; font-size: 8pt; font-weight: bold; text-transform: uppercase; float: left; }
.secNav .main .login .text label { float: left; width: 70px; margin-right: 5px; text-align: right; }
.secNav .main .login .text input { border: 1px solid; float: right; font-size: 8pt; height: 13px; margin-top: 2px; width: 164px; }
.secNav .main .login .button { float: right; margin-top: 5px; }
.secNav .main .login .options { float: left; list-style: none; padding-left: 0; clear: both; margin-left: 0; font-size: 8pt; font-style: italic; text-transform: uppercase; margin-bottom: 0; }
.secNav .main .login .validation { color: #000000 !important; font-size: 9pt; font-weight: bold; float: left; }
.secNav .main a { color: #FFF; }
.secNav .main .toolkit ul { list-style: none; padding: 0; margin-top: 0; margin-left: 10px; }

.secNav .partSearch { background-color: #A1A1A1; font-weight: bold; margin-top: -5px; padding-left: 10px; padding-top: 10px; float: left; width: 296px; margin-bottom: -4px; }
.secNav .partSearch .controls { font-size: 8pt; padding-bottom: 5px; padding-top: 10px; float: left; }
.secNav .partSearch .controls input { float: left; height: 13px; font-size: 8pt; border: 1px solid; }
.secNav .partSearch .controls input.searchBox { width: 200px; }
.secNav .partSearch .controls .button { margin-left: 10px; clear: none; height: auto; }
.secNav .partSearch a { color: #BFBFBF; cursor: pointer; }
.secNav .partSearch img { clear: left; float: left; padding-bottom: 10px; cursor: pointer; border: none; }
.secNav .partSearch .radioButton { color: #FFFFFF; float: left; font-size: 8pt; padding-bottom: 4px; }
.secNav .partSearch .radioButton tbody { float: left; margin-left: -3px; }
.secNav .partSearch .radioButton tr { float: left; margin-right: 10px; }
.secNav .partSearch .radioButton td { float: left; }
.secNav .partSearch .radioButton label { float: left; margin-left: 2px; margin-top: -2px; }
.secNav .partSearch .radioButton input { margin: 0; float: left; }

.footer { clear: both; line-height: 8pt; padding-bottom: 5px; width: 980px; float: left; margin-top: 10px; }
.footer .bar { margin-bottom: 7px; padding-top: 10px; width: 980px; }
.footer .ccr { width: 200px; float: left; height: 57px; vertical-align: middle; text-align: right; padding-right: 10px; }
.footer .erai { width: 70px; height: 39px; float: left; margin-top: 5px; margin-left: 10px; }
.footer .info { text-align: center; width: 459px; float: left; font-family: Verdana; font-weight: bold; font-size: 8pt; height: 57px; padding-left: 10px; margin-left: 15px; }
.footer .credit { width: 170px; float: right; height: 57px; }

.spacer { min-height: 150px; }
.forgotControls { float: left; text-align: right; font-weight: bold; margin-top: 5px; }
.forgotControls .input { margin-left: 10px; margin-bottom: 10px; }
.forgotImage { margin-left: 20px; float: left; }
