body {margin: 0px auto 0px auto; text-align: center; font-family: Arial, Verdana, Sans-Serif; font-size: 16px; color: #404040; background: #fff url(/images/pageBg.jpg) repeat-x}
table {border: none}
table tr {vertical-align: top}
img {margin: 0px; padding: 0px; border: none}
h1 {margin-top: 0px; font-family: Arial Black, Arial, Sans-Serif; font-size: 32px; color: #570054}
hr {clear: both; color: #fff; border: 0px; border-top: dotted 1px #570054}
a, a:hover, a:visited {color: #00f}
a strong {color: #00f}
fieldset {margin: 0px; padding: 0px; border: none}

#masthead {position: absolute; width: 1000px; height: 95px; top: 10px; margin-left: -500px; left: 50%}
#logo {width: 201px; height: 49px; background: url(/images/logo.gif) no-repeat; float: left}
#logo img {width: 201px; height: 49px}
#distributorBar {width: 799px; height: 50px; font-weight: bold; font-size: 16px; background: url(/images/dBar/bg.jpg) no-repeat; float: right}
#distributorBar .content {padding: 6px 10px 5px 10px}
#distributorBar .content img {vertical-align: top}
#distributorBar .contact {width: 540px; height: 30px; color: #f5edf5; text-align: left; float: left}
#distributorBar .countries {width: 259px; height: 30px; text-align: right; color: #262626; float: right}
#distributorBar .bottom {clear: both; height: 10px; background: url(/images/dBar/bottom.png) repeat-x bottom}
#navigation {clear: both; margin-top: 55px; height: 40px; text-align: left}
#navigation img {vertical-align: bottom}

#container {width: 1000px; margin: 105px auto 20px auto; background: #fff; text-align: left; overflow: auto}
#container #content {padding: 5px 10px 10px 10px}

#flash {text-align: center; margin-bottom: 10px}

#left {width: 660px; float: left}

#right {width: 312px; min-height: 480px; margin-bottom: 20px; float: right; overflow: visible}
#right input {width: 170px}
#right strong {color: #404040}
#right .form {margin: 0px; padding: 0px 10px 0px 10px; background: transparent url(/images/rightContentBg.gif) repeat-y}
#right .sampleForm {margin: 0px; padding: 0px 10px 0px 10px; font-size: 16px; background: transparent url(/images/rightContentBg2.gif) repeat-y}

#footer {clear: both; width: 1000px; margin: 20px auto 0px auto; font-size: 12px; text-align: left; color: #808080; background: #404040; overflow: auto}
#footer .content {padding: 10px; overflow: auto}
#footer a, #footer a:visited {color: #bfbfbf}
#footer .copyright {float: left}
#footer .links {text-align: right; float: right}

#userPanel img {max-width: 470px; text-align: center}

#transcript {padding: 10px; border: dashed 1px #a7cd3a; display: none}

.joinBTN {text-align: center; margin: 10px 0px 10px 0px}

.boxGreen {padding: 0px 10px 10px 10px; font-size: 14px; border: dashed 2px #a7cd3a}
.koopuwa .boxGreen {margin: 0px 0px 10px 10px; width: 200px; float: right}
.mxp3 .boxGreen {clear: both}

.center {text-align: center}
.small {font-size: 10px}
.medium {font-size: 12px}
.hidden {display: none}

.red {color: #ff0}
.purple {color: #570054}

.kitDetails {font-size: 12px; padding: 5px; border: dashed 1px #a7cd3a}
.autoshipDetails {font-size: 12px; padding: 5px; border: dashed 1px #a7cd3a}

.video {clear: both; margin: auto; padding-top: 10px; text-align: center}
.video .close {margin-top: 5px; vertical-align: middle}

.koopuwa .video {margin-bottom: 10px}

.quote {margin-top: 10px; padding-bottom: 10px; overflow: auto}
.quote .photo {float: left; margin: 0px 5px 5px 0px}
.quote .text {margin-bottom: 5px; font-size: 24px; font-family: Times New Roman, Serif}
.quote .author {margin-bottom: 0px; font-size: 14px; font-weight: bold}
.quote .credentials {margin-bottom: 10px; font-size: 12px}

.table {font-size: 12px; border: solid 1px silver; border-left: none; border-bottom: none}
.table .heading td {text-align: center; font-weight: bold; background: silver}
.table td {margin: 0px; padding: 5px; background: #fff; border: solid 1px silver; border-top: none; border-right: none}