div#custom-doc { background-image: url(../img/content_hmp_bg.gif); }
div#hmp-main-column {
    position: relative;
    float: left;
    width: 393px;
    overflow: hidden;
}
div#hmp-secondary-column {
    position: relative;
    float: right;
    width: 201px;
    margin: 0 1px 0 0;
    text-align: right;
    overflow: hidden;
}
div.slideshow-container {
    position: relative;
    width: 393px;
    height: 212px;
    overflow: hidden;
}
div.slideshow-slide { 
    position: absolute;
    display: none;
    z-index: 10;
}
div.slideshow-first-slide { display: block; }
div#hmp-main-column h1 {
    position: absolute;
    padding: 2px 0 0 0;
    margin: 0;
    font-size: 18px;
    background: none;
    border: none;
    font-weight: normal;
    color: #02661C;
    z-index: 30;
}
div#hmp-main-column div.hmp-h1-bg {
    position: absolute;
    height: 27px;
    width: 393px;
    opacity: .8;
    filter: alpha(opacity=80);
    background: #F7FDA8 url(../img/hmp2_top.gif) no-repeat;
}
div#hmp-curve-overlay {
  position: absolute;
  top: 162px;
  left: 0;
  width: 393px;
  height: 50px;
  background: url(../img/hmp_slide_bottom_curve.gif);
  z-index: 100;
}
div#intro-text {
  position: relative;
  margin: 0;
  padding-bottom: 5px;
  background-color: #F7FDA8;
}
div#intro-text h2 { text-indent: 5px; margin-top: 0;}
div#intro-text p {
  margin-left: 5px;
  margin-right: 5px;
  font-size: 12px;
  line-height: 120%;
}


/** Scroller **/
div.scroll-container {
  position: relative;
  width: 393px;
  height: 120px;
  margin-bottom: 1px;
  overflow: hidden;
  background-color: #F7FDA8;
}
div.scroller {
  position: relative;
  height: 120px;
  width: 5000px; /* this should be larger then the initial list of elements */
  z-index: 30;
}
div.horizontal-scroller div.scroller-element { 
    float: left;
    width: 108px;
    text-align: center;
    line-height: 17px; 
    overflow: hidden;
}
div.horizontal-scroller div.scroller-element img { 
    margin:auto; 
    border: 1px solid #ccc;
} 

/** news **/
div#news { 
    background: #fff;
    font-size: 92%;
}
div.hmp-news { 
    height: 148px; 
    overflow: hidden;
}
div.hmp-news h2 { text-indent: 5px; }
div.hmp-news p { 
    margin: 0 5px 8px 5px;
    line-height: 16px; 
}
div.hmp-news-left { 
    width: 196px;
    float: left;
    padding-bottom: 10px;
    border-right: 1px solid #1E86AA;
}
div.hmp-news-right { 
    width: 196px;
    float: right;
}

/** video **/
div#hmp-video {
  width: 201px;
  padding-bottom: 8px;
  text-align: center;
  overflow: hidden;
  background: #977dff url("../img/hmp_left_top.gif") no-repeat;
}
div#hmp-video img.title { margin-bottom: 15px; }
div#hmp-video img { margin: auto; }
div#hmp-video select {
  width: 191px;
  margin: 10px 0 10px 3px;
  padding: 0;
  font-size: 11px;
  text-align: right;
  background: #DBD2FF;
}
div#hmp-video-curve {
  position: relative;
  width: 201px;
  height: 28px;
  background:  url("../img/hmp_dvd_shop_curve.gif") no-repeat;
}

/** Poll **/
div#hmp-poll {
    position: relative;
    margin-top: 35px;
    width: 201px;
    padding-bottom: 40px;
    background: #77b6d0 url("../img/hmp_left_bottom.gif") no-repeat;
}
div#hmp-poll img { margin: auto; }
div#hmp-poll div#poll-inner {
  width: 193px;
  margin: 10px 5px 0 10px;
  text-align: left;
}
div#hmp-poll div#poll-inner table td { padding: 3px; }
div#hmp-poll-curve {
  position: relative;
  width: 201px;
  height: 28px;
  background:  url("../img/hmp_poll_curve.gif") no-repeat;
}
div#poll-bar1,
div#poll-bar2,
div#poll-bar3 {
  display: block;
  height: 16px;
}
div#poll-bar1 { background: #CC0000 url(../img/bar_red.png); }
div#poll-bar2 { background: #008000 url(../img/bar_green.gif); }
div#poll-bar3 { background: #0000FF url(../img/bar_blue.gif); }
div#content-main div#hmp-poll li { margin: 0;}