html { overflow: -moz-scrollbars-vertical; height: 100%;}
body { background: #E1E1E1 url(../img/bg_body.jpg) repeat-x left top; text-align: center; padding: 0; margin: 0; height: 100%; }
div{ margin: 0;}
form{ margin: 0; padding: 0;}
img {border: none; margin: 0;}
table {border-collapse: collapse;}
td { text-align: left; vertical-align: top;  }
h1 {color: #DB027B; font-size: 14px; font-family: verdana, tahoma, arial; margin: 0; padding: 0; }
p {color: #413C00; font-size: 12px; font-family: verdana, tahoma, arial; margin: 0px; padding: 0; line-height: 18px; }
a {color: #DB027B; text-decoration: underline; }
a:hover { text-decoration: none; }

.ta_left {text-align: left;}
.ta_right {text-align: right;}
.ta_center {text-align: center;}

.va_top { vertical-align: top;}
.va_middle { vertical-align: middle;}
.va_bottom { vertical-align: bottom;}

.f_left {float: left;}
.f_right {float: right;}
.cb { clear: both;}

.h100 { height: 100%;}
.w100 { width: 100%;}
.hw100 { height: 100%; width: 100%;}

#main { width: 1000px; height: 100%;  margin: 0 auto;}

#main .ranbow { height: 16px; background: url(../img/bg_ranbow.gif) no-repeat right bottom;}

#main td.header { height: 210px; padding: 0 0 0 28px; background: url(../img/bg_header_main.jpg) no-repeat left top; }

#main .links { float: left; margin: 20px 0 0 0px; }

/*-------------------- Left -------------------------------*/
#main td.left { width: 223px; background: #ffffff url(../img/bg_h1.gif) no-repeat right top;}
#main .left_banner { margin: 55px 0 0 0;}

/*-------------------- Center -------------------------------*/
#main td.center { height: 100%;}
#main td.content { width: 476px; height: 100%;  background-color: #ffffff;}
#main td.content_int {  height: 100%; background-color: #ffffff;}
#main .center_header { margin: 0px 20px; padding: 10px 0;}
#main .center_text { margin: 0px 20px; padding: 0;}

#main .banners { text-align: center; vertical-align: bottom; height: 100%; padding: 0 0 10px 0;}
#main .banner { margin: 0 0 0 30px;}


/*-------------------------- Rught ------------------------*/
#main td.right { width: 301px; text-align: center; background-color: #ffffff;}

#main .right_block { width: 291px; text-align: left; margin: 0px auto 10px auto; background: url(../img/bg_right_block.gif) repeat-y left top;}
#main .right_block p { line-height: 16px; }
#main .right_block_text { width: 160px; margin: 0px auto 0px 10px; padding: 20px 0;}
#main .content_spec { margin: 0px; background: url(../img/bg_special_bottom.jpg) no-repeat right bottom;}
#main .content_feat { margin: 0px; background: url(../img/bg_featured_bottom.jpg) no-repeat right bottom;}


/*-------------------------- Footer ------------------------*/
#main .footer { height:36px; background-color: #ffffff;}
#main .footer p {color: #413C00; font-size: 11px; font-family: verdana, tahoma, arial; margin: 0px; padding: 0; }
#main .copyright { vertical-align: middle; background-color: #56CFFD; padding: 0 20px;}
#main .jm { vertical-align: middle; text-align: right; background: #56CFFD url(../img/bg_footer_center.gif) no-repeat right top; padding: 0 30px;}



/*------------------ Menu ---------------------------------*/
#menu { width: 210px;}
#menu a { display: block; width: 210px; height: 30px;}

#menu a.nav1 { background: url(../img/nav_home.jpg) no-repeat left top; }
#menu a.nav2 { background: url(../img/nav_prod.jpg) no-repeat left top; }
#menu a.nav3 { background: url(../img/nav_customer.jpg) no-repeat left top; }
#menu a.nav4 { background: url(../img/nav_request.jpg) no-repeat left top; }
#menu a.nav5 { background: url(../img/nav_promotions.jpg) no-repeat left top; }
#menu a.nav6 { background: url(../img/nav_download.jpg) no-repeat left top; }
#menu a.nav7 { background: url(../img/nav_about.jpg) no-repeat left top; }
#menu a.nav8 { background: url(../img/nav_contact.jpg) no-repeat left top; }

#menu a:hover, #menu a.active { background-position: left bottom;}