body   { color: black; font-size: 0.71em; font-family: Arial, Helvetica, sans-serif; background-image: url(../images/design/mainbg.gif); margin: 0px }
.popupbody { background-color: #e7e3cb }
form { margin: 0px; padding: 0px }
td   { font-size: 11px }
#topstrip { background: url(../images/design/topline.gif) no-repeat; margin: 32px 0px 0px; width: 749px; height: 5px }
#topbanner { background: white url(../images/design/middleline.gif) repeat-y; margin: 0px; width: 749px; height: 155px }
.leftspacer { float: left; width: 6px }
.pagespacer { float: left; width: 18px }
#flash1 { background: url(../images/design/logoboxbg.gif) no-repeat; float: left; width: 195px; height: 155px }
#flash2 { background: url(../images/design/flashbannerbg.jpg) no-repeat; float: left; width: 453px; height: 155px }
#flash2b { background: url(../images/design/sampleflashbanner1.jpg) no-repeat; float: left; width: 453px; height: 155px }
#flash3 { background: url(../images/design/flashkorubg.gif) no-repeat; float: left; width: 89px; height: 155px }
h1,h2,h3,h4,h5,h6   { color: black; font-size: 1em; margin-top: 0px; margin-bottom: 5px }
#nothing,.nothing  { clear: both; margin: 0px; height: 1px }
.hpnothing { clear: both; margin: 0px; height: 13px }
.block { display: block }
a   { color: #3c5983; text-decoration: none }
a:hover { color: black; text-decoration: underline }
.input   { color: black; font-size: 10px; font-family: Arial, Helvetica, sans-serif; background-color: #f5f5f5; border: solid 1px #696969; width: 300px }
.submitbutton   { color: white; font-weight: bold; font-size: 1em; background-color: #3c5983; margin-top: 2px; border-style: solid; border-width: 1px; border-color: #4682b4 black black #4682b4 }
.required  { color: #f00 }
#copy   { color: #8f8f8f; float: left; padding-top: 5px; padding-left: 7px }
#design   { color: #8f8f8f; float: right; padding-top: 5px; padding-right: 7px }
#navbg { background: url(../images/design/navbg.gif) repeat-x; text-align: left; margin: 0px; width: 749px; height: 51px }
#navspacer { background: url(../images/design/navdivider.gif) no-repeat right top; float: left; width: 201px; height: 51px }
#nav  { background: url(../images/design/navlibg.gif) repeat-x; text-align: left; list-style-type: none; float: left; margin: 0px; padding: 0px }
#nav li  { text-decoration: none; list-style-type: none; float: left; margin: 0px; position: relative; width: auto; height: 51px }
#nav li a { color: white; font-weight: bold; text-decoration: none; background: url(../images/design/navdivider.gif) no-repeat right top; float: left; margin: 0px; padding: 25px 10px 10px }
#nav li a:hover { text-decoration: none; background-color: #3c5983; margin: 0px; padding-bottom: 11px }
.NavActive { text-decoration: none; background-color: #3c5983; margin: 0px; padding: 0px; display: block }
.Nav { color: white; font-weight: bold; text-decoration: none; float: left; margin: 0px; padding: 5px 10px; border-right: 1px solid #fd7f23; border-left: 1px solid #fd7f23 }
.NavInactive { }
#titlebar { background: white url(../images/design/middleline.gif) repeat-y; text-align: left; width: 749px; height: 21px }
#title { background: url(../images/design/btmnavbg.gif) repeat-x; float: left; width: 737px; height: 21px }
#leftcolheader { background-color: #3c5983; float: left; width: 194px; height: 21px }
#leftcolheader p { color: white; font-weight: bold; margin: 0px; padding-top: 3px; padding-left: 11px }
#h1bar  { float: left; width: 356px; height: 21px }
#h2bar { float: left; width: 165px; height: 21px }
#h1bar h1 { color: black; font-weight: bold; margin: 0px; padding-top: 3px; padding-left: 10px }
#h2bar h2 { color: black; font-weight: bold; margin: 0px; padding-top: 3px; padding-left: 7px }
#hpwrapper { background: white url(../images/design/hpbg.gif) repeat-y; text-align: left; width: 749px }
#hpwrapperintro { background: white url(../images/design/hpbg-intro.gif) repeat-y; text-align: left; width: 749px }
#subwrapper { background: white url(../images/design/subbg.gif) repeat-y; text-align: left; width: 749px }
#leftcolumn  { text-align: left; float: left; margin-top: 13px; width: 176px; padding:0 0 0 18px; position:relative;}

#middlecolumn { background: url(../images/design/korus.gif) no-repeat right bottom; text-align: left; float: left; margin-top: 13px; margin-left: 27px; width: 336px }
#middlecolumn2 { text-align: left; float: left; margin-top: 13px; margin-left: 27px; width: 517px }
.middlecontent  { text-align: left; float: left; width: 321px }
.middlecontent2 { text-align: left; float: left; width: 509px }
#rightcolumn { text-align: left; float: left; margin-top: 13px; margin-left: 14px; width: 167px }
.koruspacer { float: left; width: 1px; height: 289px }
#footer { background: white url(../images/design/footer.gif) no-repeat; text-align: left; width: 749px; height: 27px }
#footer a { color: #8f8f8f; text-decoration: none }
#footer a:hover { color: black; text-decoration: underline }
#featurebox { color: white; background-color: #3c5983; text-align: left; margin-top: 13px; width: 165px }
#featurebox a { color: white; font-weight: bold; text-decoration: none }
#featurebox a:hover { color: #ffd700; text-decoration: underline }
#featuretop { background: url(../images/design/featurebox1.gif) no-repeat; margin: 0px; width: 165px; height: 30px }
#featuretop h2 { color: white; font-weight: bold; padding-top: 9px; padding-left: 14px }
#featurecontent { padding-right: 14px; padding-left: 14px }
#featurebtm { background: url(../images/design/featurebox3.gif) no-repeat; margin-bottom: 13px; width: 165px; height: 14px }
.product { text-align: center; float: left; width: 155px; height: 170px }
#intro { background-color: white; width: 731px; height: 344px }
#hplinks { color: #a9a9a9; font-size: 0.9em; background-color: white; margin: 1px 0px 0px; padding-top: 3px; width: 731px; height: 21px }
#hplinks a { color: #a9a9a9; text-decoration: none }
#hplinks a:hover { color: black; text-decoration: underline }

#child  { font-weight: bold; text-align: left; list-style-type: none; margin: 0px; padding: 0px; width: 160px; }
#child li  { margin-bottom: 1px; width: 160px; height: 22px; text-decoration: none; background-color: #5ba017; display: block; }
#child li a { color: white; text-decoration: none; background-color: #5ba017;  display: block; padding-left: 10px; padding-top: 3px; padding-bottom: 5px; }
#child li a:hover { color: white; text-decoration: none; background-color: #3c5983; display: block; padding-left: 10px; padding-top: 3px; padding-bottom: 5px; }
.caption {
  text-align:center;
  width:75px;
}

#loginbox {
  padding:6px 0 0 6px;
  background:#EFECDC;
  border:1px solid #DDD8B7;
}

.holder {
  float:left;
  width:75px;
  padding:4px;
}

a img {border:0px;}

#login { width: 300px; }

.loginnamefield { float: left; padding-top: 3px; width: 100px }
.logininputfield { float: left; width: 140px }
.logininput   { padding-bottom: 6px; padding-left: 6px; color: black; font-size: 11px; font-family: Arial, Helvetica, sans-serif; background-color: #f5f5f5; border: solid 1px #696969; width: 140px }
label { visibility: hidden; display: none; }
.loginbttn   { color: white; font-weight: bold; font-size: 1em; background-color: #3c5983; margin-top: 12px; border-style: solid; border-width: 1px; border-color: #4682b4 black black #4682b4 }

#moveright {
  float:right;
  margin:0 0 0 10px;
}

#minorder {
  width:180px;
  margin:0px;
}

#specialoffer {
  position:absolute;
  left:6px;
  width:194px;
  margin:0;
  background:url(../images/design/special-offer-bg-repeat.jpg) repeat-y 0% 0%;
}

#indent {
  width:170px;
  margin:0 0 12px 0;
  padding:0 12px 0 12px;
}

#indent a {
  color:#D02223;
  font-weight:bold;
  text-decoration:none;
}

#indent a:hover {
  color:#D02223;
  font-weight:bold;
  text-decoration:underline;
}