body { margin: 0; padding: 0; background: #002240; color: #999999; font: 13px "DIN Condensed","Arial Narrow",sans-serif; }
body.photo { margin: 0; padding: 9px; background: #fff; color: #999999; font: 13px "DIN Condensed","Arial Narrow",sans-serif; }

a:link, a:visited { color: #002d56; }
a:hover, a:active { color: #002d56 !important; }
a img { border: 0 !important; }

h3 { color: #002d56; }
h2 { color: #002d56; margin-bottom: 3px; font-size: 18px;}

#home { position: absolute; top: 50%; left: 50%; width: 768px; height: 582px; margin: -291px 0 0 -384px; }
#main { position: absolute; top: 50%; left: 50%; width: 936px; height: 484px; margin: -291px 0 0 -492px; padding: 39px 23px 59px 25px; background: #ffffff; }

#content { float: left; width: 669px; height: 413px; padding: 0 16px 0 0; }
#navigation { float: left; width: 188px; margin: 0 59px 0 0; padding: 25px 0 0; }
.category { margin: 12px 0 2px; }

#contact { border: 0; border-collapse: collapse; }
#contact tr { vertical-align: top; }

#news { border: 0; border-collapse: collapse; }

input.flarge { width: 284px; margin-right: 8px; margin-bottom: 4px; border: 1px solid #999999; color: #999999; }
input.fsmall { width: 134px; margin-right: 8px; margin-bottom: 4px; border: 1px solid #999999; color: #999999; }
input.submit { margin-top: -4px; border: 0; padding: 1px 5px; background: #002d56; color: #fff; text-transform: uppercase; }

textarea.flarge { width: 284px; height: 100px; margin-right: 8px; margin-bottom: 4px; border: 1px solid #999999; color: #999999; }

select.flarge { width: 194px; margin-right: 8px; margin-bottom: 4px; border: 1px solid #999999; color: #999999; }
select.fsmall { width: 134px; margin-right: 8px; margin-bottom: 4px; border: 1px solid #999999; color: #999999; }

.kits a:link, .kits a:visited { color: #999999; text-decoration: none; }
.kits a:hover, .kits a:active { color: #002d56; text-decoration: none;}
.kits b { text-transform: uppercase; font-size: 13px; }
.kits td { vertical-align: top; font-size: 11px; }
.kits th { padding-right: 2px; }

.kits2 b { text-transform: uppercase; font-size: 13px; }
.kits2 td { vertical-align: top; font-size: 11px; }
.kits2 th { padding: 0 10px 10px 0; }

body.photo .kits2 { border-collapse: collapse; }
body.photo .kits2 b { text-transform: uppercase; font-size: 13px; }
body.photo .kits2 td { vertical-align: top; font-size: 11px; }
body.photo .kits2 th { padding: 0 20px 0 0; }

.kits3 b { text-transform: uppercase; font-size: 13px; }
.kits3 td { vertical-align: center; padding: 0 0 10px 0; font-size: 11px; }
.kits3 th { padding: 0 10px 10px 0; }

body.photo .kits3 { border-collapse: collapse; }
body.photo .kits3 b { text-transform: uppercase; font-size: 13px; }
body.photo .kits3 td { vertical-align: top; font-size: 11px; }
body.photo .kits3 th { padding: 0 20px 0 0; }

.jScrollPaneTrack { background: url("images/bg_scroll.gif") top left repeat-y; }
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #d0d0d0; }
.jScrollPaneDrag { position: absolute; background: #999999; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }

.smalltext { font-size: 10px; }

.callout { border: 1px solid #ccc; padding: 9px; font-weight: bold; color: #002240; }