/* body */
body { color: #666; font: 100% Arial, Helvetica, sans-serif; text-align: center; }

/* reset */
h1, h2, h3, h4, h5,
body, fieldset, blockquote, p,
ul, ul li, ol, ol li, dl, dl dt, dl dd,
fieldset input, fieldset select, fieldset textarea { margin: 0px; padding: 0px; }
ul, ol { list-style: none; }

/* form */
fieldset { border: none; }
fieldset input, fieldset select, fieldset textarea {
    color: #666;
    font: normal normal 1em Arial, Helvetica, sans-serif;
}

/* hyperlink */
a:link, a:visited { color: #003480; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }

/* shadowbox */
.Shadowbox { color: #000; font-size: .75em; padding: 20px 20px 0; text-align: left; }
.Shadowbox .Info {
    background: url(../images/bg-info.gif) no-repeat;
    font-weight: bolder;
    margin-bottom: 20px;
    min-height: 33px;
    padding: 5px 10px 0 50px;
}
* html .Shadowbox .Info { height: 33px; }
.Shadowbox p { padding: 5px 0; }
.Shadowbox .RequiredField { color: #999; float: right; font-size: .9em; margin-left: 25px; }
.Shadowbox .Error { clear: both; color: #f00; padding: 5px 0 15px; text-align: center; }
.Shadowbox .ForgotPassword {
    background: url(../images/bg-forgot-password.gif) no-repeat left 8px;
    padding-left: 20px;
}
.Shadowbox .ForgotPassword a:link, .Shadowbox .ForgotPassword a:visited { color: #000; }
.Shadowbox .ForgotPassword a:hover { color: #003480; text-decoration: none; }
.Shadowbox .Confirmation { padding: 50px; text-align: center; }
.Shadowbox .Confirmation strong { color: #003480; display: block; font-size: 1.15em; }
.Shadowbox .Input { background-color: #eee; padding: 0 10px 10px; }
.Shadowbox .Input div { overflow: hidden; padding-top: 10px; }
* html .Shadowbox .Input div { height: 1%; }
.Shadowbox .Input div label { float: left; }
.Shadowbox .Input div input { border: #c3c3c3 solid 2px; float: right; padding: 2px; width: 150px; }
.Shadowbox .Input div textarea { border: #c3c3c3 solid 2px; float: right; height: 70px; overflow: auto; padding: 2px; width: 250px; }
.Shadowbox .Output { text-align: center; }
.Shadowbox .Output input {
    background-color: #003480;
    border: #003480 solid 1px;
    color: #fff;
    cursor: pointer;
    font-weight: bolder;
    padding: 3px 0;
    text-transform: uppercase;
    width: 110px;
}

.Shadowbox p.Spacer {
	height: 45px;
}

/* product */
.Products {
    background: url(../images/bg-products.gif) repeat-y;
    height: 360px;
    overflow: hidden;
    padding: 0px;
    position: relative;
}
.Products .List { font-size: .9em; height: 360px; left: 0px; position: absolute; top: 0px; width: 172px; }
.Products .List li {
    background: url(../images/ico-dot-3.gif) no-repeat 10px 6px;
    padding: 2px 10px 2px 22px;
}
.Products .List li.Active, .Products .List li.Over {
    background-color: #003480;
    background-image: url(../images/ico-dot-4.gif);
}
.Products .List li.Active a, .Products .List li.Over a { color: #fff !important; }
.Products .List li a:hover { color: #666; text-decoration: none; }
.Products .Section { font-size: .9em; position: absolute; right: 0px; top: 0px; width: 574px; }
.Products .Section ul { height: 360px; overflow: hidden; }
.Products .Section ul li { color: #666; height: 80px; float: left; padding: 10px 0 10px 30px; width: 242px; }
.Products .Section ul li.Over { color: #000; }
.Products .Section ul li.Over h3 a { color: #000 !important; }
.Products .Section ul li .Image { float: left; text-align: center; width: 83px; }
.Products .Section ul li .Image img { vertical-align: top; }
.Products .Section ul li .Content { float: right; width: 149px; }
.Products .Section ul li .Content a:hover { color: #000; text-decoration: none; }
.Products .Section ul li .Content h3 { font-size: 1.1em; }
.Products .Section ul li .Content h3 a:hover { color: #000; text-decoration: none; }