#upper {
  height: 400px
}
#content1 {
  display: block; position: relative;
  height: 273px
}
#content2 {
  position: relative;
  height: 100%; min-height: 500px;
  margin: 0; padding: 0 10px 25px 28px
}
#content2 h2,
#content2 h1 {
  margin: 2px 0 12px 0
}
.topp #content2 {
  background: url(../images/bg-2.gif) left repeat-y
}
h2.bgline {
  margin: 40px 0 20px 0 !important
}
.wgap {
  left: 9px; top: 387px;
  height: 13px; width: 720px
}
#footer .wgap {
  left: -1px; top: 0;
  background: url(../images/bg-wgap2.gif) bottom repeat-x
}
a.bird {
  right: 0
}
.col-left {
  float: left;
  width: 687px;
  background: #FFF
}
.col-left h1 {
  margin: 10px 0 0 !important;
  color: #999;
  font-size: 11px
}
.col-1 {
  float: left; position: relative;
  width: 335px;
  margin-right: 20px
}
.col-1 img.sppack {
  position: relative;
  top: -20px
}
.col-1 a.cmp {
  display: block; position: relative;
  top: -10px;
  width: 100%;
  color: #fff;
  font-size: 110%; font-weight: bold;
  text-align: center; text-decoration: none; text-transform: uppercase;
  background: #273e49;
  line-height: 28px;
}
.col-1 a.cmp:hover {
  background: #999
}
.col-1 h2 {
  color: #09C
}
.col-1 h2 em,
.col-2 h2 em {
  position: absolute;
  left: 0; top: 0;
  height: 38px; width: 100%;
  margin: 0; padding: 0
}
.col-1 h2 em {
  background: #FFF url(../images/title-pack1.gif) no-repeat
}
.col-1 h2 b,
.col-2 h2 b {
  color: #777;
  font-size: 18px;
  line-height: 19px
}
.col-1 h2,
.col-2 h2 {
  position: relative;
  height: 36px;
  padding-top: 2px;
  font-size: 23px;
  text-transform: uppercase;
  font-family: Tahoma, Geneva, sans-serif
}
* html .col-1 {
  margin-right: 10px
}
/*.col-1 .sppack{ position:relative; padding:10px 12px 12px 12px; margin:0 0 10px 0; border:1px #888 solid; background:#eff8fc;}
.col-1 .sppack span{ position:absolute; color:#fff; font-weight:bold; padding:4px 10px; width:80px; display:block; background:#03F; top:8px; right:-3px;}
.col-1 .sppack h3{ text-transform: uppercase; font-size:18px;}
.col-1 .sppack b { text-transform: capitalize; color:#F00}
.col-1 .sppack ul{ float:left}
.col-1 .sppack img{float:left; display:block; margin-right:12px;}*/
.col-2 {
  float: left;
  width: 332px
}
.col-2 ul.topsplist {
  margin: 0; padding: 0
}
.col-2 ul.topsplist li.first {
  border-top: #999 1px dotted
}
.col-2 ul.topsplist li.odd {
  background: #eaeaea
}
.col-2 ul.topsplist li {
  display: block;
  min-height: 75px;
  margin: 0; padding: 10px;
  border-bottom: #999 1px dotted;
  background: #f9f9f9;
  list-style: none;
}
.col-2 ul.topsplist li img {
  display: inline-block; float: left;
  height: 70px; width: 70px;
  margin-right: 8px;
  border: #fff 4px solid
}
.col-2 ul.topsplist li h4 {
  display: inline-block;
  width: 220px;
  margin-bottom: 5px
}
.col-2 ul.topsplist li a {
  color: #222
}
.col-2 ul.topsplist li a:hover {
  color: #C00;
  text-decoration: none
}
.col-2 ul.topsplist li p {
  margin: 0; padding: 0;
  font-size: 95%;
  line-height: 120%
}
.col-2 h2 {
  color: #F00
}
.col-2 h2 {
  color: #C00
}
.col-2 h2 em {
  background: #FFF url(../images/title-hot1.gif) no-repeat
}
.col-3 {
  float: right;
  width: 240px;
  margin-top: 5px
}
.col-3 a img {
  margin-bottom: 6px
}
/* Hero */
#slides {
  position: absolute;
  left: 0; top: 0;
  height: 276px; width: 100%;
  color: white;
  overflow: hidden;
  z-index: 1;
  background:url(loader.gif) no-repeat center center;
  }
#slides .sp {
  width: 370px
}
#slides .sp p.arrow a {
  font-size: 110%; font-weight: bold;
  text-decoration: underline
}
#slides h3 {
  display: block;
  height: 90px;
  margin: 10px 0; padding: 0;
  background: no-repeat center left;
}
#slides li {
  display: none; position: absolute;
  left: 0; top: 0;
  height: 258px; width: 100%;
  margin: 0; margin: 1px 0; padding: 50px 0 0 20px;
  list-style: none
}
#slides p {
  font-size: 110%;
  line-height: 15px
}
ul#hero-frames {
  display: block; position: absolute;
  bottom: 10px; right: 0;
  height: 200px; width: 25px;
  z-index: 100
}
.hero_image {
  display: block; position: absolute;
  z-index: 10
}
.ladyc {
  display: block;
  width: 100%;
  margin: 15px 0; padding: 0;
  background: url(../images/bg-lc2.gif)
}
.ladyc img {
  float: left
}
.ladyc div {
  float: none;
  height: 50px;
  margin: 0 10px; padding: 6px 0;
  border-top: dotted #C69 1px;
  clear: both
}
.ladyc div img {
  width: 60px;
  padding-right: 9px
}
.ladyc div em {
  margin-top: 5px;
  font-size: 95%;
  line-height: 12px;
  line-height: 120%;
}
.ladyc a {
  color: #900;
  font-weight: bold
}