/* #featured */
#featured .scrollable{position:relative; overflow:hidden; width:970px; height:350px; margin: -100px 0 0}
#featured .scrollable .items{width:20000em; position:absolute; clear:both}
#featured .items div{float:left; width:970px}
#featured .scrollable img{float:left; margin:0; background-color:#fff; padding:0; width:970px; height:350px; -moz-border-radius:4px; -webkit-border-radius:4px}
#featured .scrollable .active{border:2px solid #000; position:relative; cursor:default}
#featured .scrollable{float:left}
#featured a.browse{background:url(../images/featured_nav.png) no-repeat; display:block; width:35px; height:99px; float:left; margin:0 10px; cursor:pointer; font-size:1px}

#featured a.right{background-position: right center;
    clear: right;
    margin-right: 0;
    position: absolute;
    right: -35px;
    top: 135px;}
#featured a.right:hover{opacity: 0.9}

#featured a.left{left: -35px;
    margin-left: 0;
    position: relative;
    top: 125px;}
#featured a.left:hover{opacity: 0.9}

#featured .panel-wrapper .text{font-size:13px; line-height:1.4em; color:#fff; width: 205px}
#featured .panel-wrapper a:focus{outline:none}
#featured .panel-wrapper img{border:0}
#featured .panel-wrapper h2{text-align:left; color:#fff; font-size:3.1em; font-weight:bold; line-height:1.2em; letter-spacing:-1px}
#featured .panel-wrapper h3{text-align:left; color:#fff; font-size:2em; letter-spacing:-1px}
#featured .panel-wrapper .info{display:block; background:#021821; width:210px; height:350px; position:absolute; padding:10px; text-align:left}

#featured .panel-wrapper .info p.text{color:#fff}
#featured .panel-wrapper .info .buttons{display:block; height:35px; margin:0; padding:0; position:absolute; top:309px; width:230px}
#featured .panel-wrapper .info .buttons li{float:left}
#featured .panel-wrapper .info .buttons li a{display:block; padding:3px 10px; font-size:1.6em; font-weight:bold}
#featured .panel-wrapper .info .buttons li.moreinfo a{background:#F4711F; margin:0 19px 0 0; color:#021921}
#featured .panel-wrapper .info .buttons li.booknow a{background:#C61D22; color:#fff}

#featured .panel-wrapper .info .buttons li.soldout{background:#000; color:#fff;display:block; padding:3px 10px; font-size:1.6em; font-weight:bold}

#featured .panel-wrapper .info .controls{background:#415259; display:block; height:35px; margin:0 0 0 -10px; padding:15px 0 0 10px; position:absolute; top:300px; width:220px; font-size:13px}
#featured .panel-wrapper .info .controls a{color:#fff}
#featured .panel-wrapper .info .controls a.next{margin:0 0 0 135px}

/* #sub_featured */
#sub_featured .scrollable{position:relative; overflow:hidden; width:720px; height:200px; margin: -200px 0 0; background: #e0e2e3}
#sub_featured .scrollable .items{width:20000em; position:absolute; clear:both}
#sub_featured .items div{float:left; width:740px}

#sub_featured .items .panel {float:left; width: 170px;border-right: 1px solid #fff; margin: 0; height: 200px}
#sub_featured .items .panel:first-child {margin: 0 0 0 17px; border-left: 1px solid #fff}

#sub_featured .items .panel p, #sub_featured .items .panel p a {padding: 0 5px; color: #000}

#sub_featured .scrollable img{float:left; margin:0 0 5px 0; padding:0; width:170px; height:150px; border-bottom: 1px solid #fff;}
#sub_featured .scrollable img:hover {opacity: 0.95}
#sub_featured .scrollable .active{border:2px solid #000; position:relative; cursor:default}
#sub_featured .scrollable{float:left}
#sub_featured a.browse{background:url(../images/sub_featured_nav.png) no-repeat; display:block; width:17px; height:200px; float:left;cursor:pointer; font-size:1px}

#sub_featured a.right{background-position: right center; clear: right; margin-right: 0;position: absolute;right: 0; top: 0;}
#sub_featured a.right:hover{opacity: 0.9}

#sub_featured a.left{position: relative;top: 0px; z-index: 10;}
#sub_featured a.left:hover{opacity: 0.9}

#sub_featured .panel-wrapper .text{font-size:13px; line-height:1.4em; color:#fff}
#sub_featured .panel-wrapper a:focus{outline:none}
#sub_featured .panel-wrapper img{border:0}
#sub_featured .panel-wrapper h2{text-align:left; color:#fff; font-size:3.1em; font-weight:bold; line-height:1.2em; letter-spacing:-1px}
#sub_featured .panel-wrapper h3{text-align:left; color:#fff; font-size:2em; letter-spacing:-1px}
#sub_featured .panel-wrapper .info{display:block; background:#021821; width:210px; height:150px; position:absolute; padding:10px; text-align:left}

#sub_featured .panel-wrapper .info p.text{color:#fff}
#sub_featured .panel-wrapper .info .buttons{display:block; height:35px; margin:0; padding:0; position:absolute; top:309px; width:230px}
#sub_featured .panel-wrapper .info .buttons li{float:left}
#sub_featured .panel-wrapper .info .buttons li a{display:block; padding:3px 10px; font-size:1.6em; font-weight:bold}
#sub_featured .panel-wrapper .info .buttons li.moreinfo a{background:#F4711F; margin:0 19px 0 0; color:#021921}
#sub_featured .panel-wrapper .info .buttons li.booknow a{background:#C61D22; color:#fff}
#sub_featured .panel-wrapper .info .controls{background:#415259; display:block; height:35px; margin:0 0 0 -10px; padding:15px 0 0 10px; position:absolute; top:300px; width:220px; font-size:13px}
#sub_featured .panel-wrapper .info .controls a{color:#fff}
#sub_featured .panel-wrapper .info .controls a.next{margin:0 0 0 135px}