#hero-wrap { background: rgb(56, 3, 3); width: 683px; height: 267px; position: relative; } #hero2 .slide { left: 0px; top: 0px; width: 473px; height: 267px; display: none; position: absolute; } .first.column #hero2 img { border: currentColor; border-image: none; } #hero2 .slide .slide-detail { background: url("/site_images/bg_opacity.png") left top; padding: 10px; left: 0px; width: 453px; bottom: 0px; position: absolute; } .slide-detail h2 { padding: 0px; color: rgb(255, 255, 255); font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; } .slide-detail h2 a { color: rgb(255, 255, 255); } .slide-detail p { margin: 0px; color: rgb(234, 234, 234); line-height: 1.25em; font-family: "Lucida Grande", Arial, sans-serif; font-size: 11px; } #hero-tabs { margin: 0px; top: 0px; width: 210px; height: 267px; right: 0px; overflow: hidden; position: absolute; } #hero-tabs a { background: url("/site_images/bg_hero_tab.gif") repeat-x left top; margin: 0px; padding: 5px; height: 57px; text-decoration: none; display: block; } #hero-tabs a:hover { background: url("/site_images/bg_hero_tab_active2.gif") repeat-x left top; } #hero-tabs a.current { background: url("/site_images/bg_hero_tab_active2.gif") repeat-x left top; } #hero-tabs a img { margin: 0px 5px 5px 0px; border: 2px solid rgb(255, 255, 255); border-image: none; float: left; } #hero-tabs a h3 { color: rgb(51, 51, 51); font-size: 12px; font-weight: normal; } #hero-tabs a:hover h3 { color: rgb(255, 255, 255); } #hero-tabs a.current h3 { color: rgb(255, 255, 255); } .disabled { visibility: hidden !important; }