/* SHOW CASE */

#showcase {font-size:12px;line-height:1.6em;font-family:arial,helvetica,sans-serif;color:#333; }
#showcase a{text-decoration:none;color:#333333;}


#showcase ol,ul{list-style:none;margin:0;padding:0}
#showcase ol{height:300px;width:485px;overflow:hidden;}
#showcase ol li {height:300px;width:486px;margin:0;padding:0;overflow:hidden; * margin-bottom:0px;}
#showcase ol li a{display:block;margin:0;color:#fff;padding:0;clear:both;height:300px;}
#showcase ol li a img{display:block;clear:both;padding:0!important;margin:0!important;}
#showcase ol li div{margin:-75px 0 -90px 0; background:url('http://images.dreamticket.com/gfx/alphabg.png'); _background:#336699; _filter:alpha(opacity=80); opacity:0.99;padding:8px 5px 2px 5px; height:56px; }
#showcase ol li div h3{border:none; float:left; font-size:18px; height:22px; padding:5 5 5 0; font-family:}
#showcase ol li div h3 a{display:inline!important;height:auto;width:auto; background:#333333;color:#fff; padding:6; }
#showcase ol li div p{color:#fff;clear:both;font-size:15px;padding-left:4px; margin-bottom:5px; width:480px; }
#showcase ul {margin-top:-10px; margin-left:0px; height:46px;position:relative; z-index:10;overflow:hidden; border-bottom:1px solid #ccc; width:486px;}
#showcase ul li{background-image:url('http://images.dreamticket.com/gfx/showcasebg.png'); background-position:top center; background-repeat:no-repeat; float:left; width:121px; height:46px;overflow:hidden;cursor:pointer;cursor:hand}
#showcase ul li span,#showcase ul li a{margin-top:15px;  padding:0 5px; display:block; text-align:center; line-height:1.1em;color:#333; }
#showcase ul li.active{background-position:bottom center; width:122px;}
#showcase ul li.active span,#showcase ul li.active a{color:#fff;}
#showcase img{ border:none;}

/* -------------------------------------------------------------------------------------------------- */


/****************************************
 ******** EDITORIAL LEADER BOX **********
 ****************************************/
#leader-box {
 display: block;
 clear: both;
 width: 100%;
 height: 334px;
 font-family:Arial, Helvetica, sans-serif;
}

#leader-box img{
  border:none;
}

#leader-box div#gallery {
 display: block;
 clear: both;
 height: 298px;
 width: 100%;
 position: relative;
}

#leader-box div#gallery .gallery-image {
 font-size: 1px;
 line-height: 1px;
}

#leader-box div.carousel-container {
 position: relative;
 width: 100%;
}

#leader-box div.carousel-container .bg {
 width: 99%;
 float: right;
 height: 37px;
 border-right:1px solid #ccc;
 border-bottom:1px solid #ccc;
 background: #fff url(http://images.dreamticket.com/js/jquery/faded-bg.gif) repeat-x center bottom;
}

/** IE Hack -- ie6 rounding bug for right:0 **/
/** I'm commenting this out because it's only a bug for certain widths.
 **  
/* 
* html #leader-box div.carousel-container .bg {
 right: -1px;
}
*/

#leader-box ul#carousel {
 position: absolute;
 top: -8px;
 display: block;
 clear: both;
 height: 45px;
 background: transparent;
}

#leader-box ul#carousel li {
 float: left;
 display: block;
 text-align: center;
 width: 120px;
 padding: 8px 0 0 0;
 height: 37px;
 position: relative;  
}
/** IE Hack -- To make items fit in leaderbox **/
* html #leader-box ul#carousel li {
 width: 122px;
}

#leader-box ul#carousel li.last {
 width: 118px;
}

#leader-box ul#carousel li.last a {
 border-right: 1px solid #ccc;
}

#leader-box ul#carousel li a {
 display: block;
 clear: both;
 height: 37px;
 width: 100%;
 border-left: 1px solid #ccc;
 background: #fff url(http://images.dreamticket.com/js/jquery/faded-bg.gif) repeat-x center bottom;
 border-bottom: 1px solid #ccc;
 text-decoration:none;
 }

#leader-box ul#carousel li a span {
 display: block;
 clear: both;
 padding: 5px;
 font-size: 12px;
 line-height: 13px;
}

#leader-box ul#carousel li a:hover,
#leader-box ul#carousel li a:hover span,
#leader-box ul#carousel li.selected a,
#leader-box ul#carousel li.selected a span,
#leader-box ul#carousel li.selected a:visited
{
 color: #fff;
/* background: #ed1b24;*/
 background: #04569F;
}

#leader-box ul#carousel li.selected {
 background: transparent url(http://images.dreamticket.com/js/jquery/arrow-sprite.gif) no-repeat 
  center -60px;; 
}

#leader-box div#gallery .frame {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 298px;
 margin: 0;
 background-repeat: no-repeat;
 display: none;
}

#leader-box div#gallery .frame {
 opacity: 0;
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
 display: none; 
}

#leader-box div#gallery .first-frame {
 opacity: 1;
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 display: block;
}

#leader-box div#gallery .info-window {
 display: none;
}

#leader-box div#gallery .first-info-window {
 display: block;
}

#leader-box div#gallery .info-window {
 position: absolute;
 bottom: 15px;
 left: 0;
 width: 100%;
 height: 68px;
 background: transparent;
}

#leader-box div#gallery .info-window h3 {
 position: absolute;
 z-index: 3000;
 bottom: 34px;
 margin: 12px 10px 0;
 font-size:18px;
 text-decoration:none;
}

#leader-box div#gallery .info-window h3 a {
 padding: 2px 3px 4px 3px;
/* background: #ed1b24;*/
 background: #04569F;
 color: #fff;
 display: block;
 text-decoration:none;
}

#leader-box div#gallery .info-window p {
 position: absolute;
 z-index: 3000;
 bottom: -4px;
 margin: 11px 10px 15px 10px;
 color: #fff;
 font-size:14px;
 line-height: normal;
}

#leader-box div#gallery .info-window .bg {
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background:#333333;
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
 opacity: 0.6;
 z-index: 2000;
}



/****************************************
 ******** EDITORIAL LEADER BOX 200 Height **********
 ****************************************/
#leader-box-200 {
 display: block;
 clear: both;
 width: 100%;
 height: 234px;
 font-family:Arial, Helvetica, sans-serif;
}

#leader-box-200 img{
  border:none;
}

#leader-box-200 div#gallery {
 display: block;
 clear: both;
 height: 198px;
 width: 100%;
 position: relative;
}

#leader-box-200 div#gallery .gallery-image {
 font-size: 1px;
 line-height: 1px;
}

#leader-box-200 div.carousel-container {
 position: relative;
 width: 100%;
}

#leader-box-200 div.carousel-container .bg {
 width: 99%;
 float: right;
 height: 37px;
 border-right:1px solid #ccc;
 border-bottom:1px solid #ccc;
 background: #fff url(http://images.dreamticket.com/js/jquery/faded-bg.gif) repeat-x center bottom;
}

/** IE Hack -- ie6 rounding bug for right:0 **/
/** I'm commenting this out because it's only a bug for certain widths.
 **  
/* 
* html #leader-box-200 div.carousel-container .bg {
 right: -1px;
}
*/

#leader-box-200 ul#carousel {
 position: absolute;
 top: -8px;
 display: block;
 clear: both;
 height: 45px;
 background: transparent;
}

#leader-box-200 ul#carousel li {
 float: left;
 display: block;
 text-align: center;
 width: 120px;
 padding: 8px 0 0 0;
 height: 37px;
 position: relative;  
}
/** IE Hack -- To make items fit in leaderbox **/
* html #leader-box-200 ul#carousel li {
 width: 122px;
}

#leader-box-200 ul#carousel li.last {
 width: 118px;
}

#leader-box-200 ul#carousel li.last a {
 border-right: 1px solid #ccc;
}

#leader-box-200 ul#carousel li a {
 display: block;
 clear: both;
 height: 37px;
 width: 100%;
 border-left: 1px solid #ccc;
 background:#D6EBFE;
 border-bottom: 1px solid #ccc;
 text-decoration:none;
 }

#leader-box-200 ul#carousel li a span {
 display: block;
 clear: both;
 padding: 5px;
 font-size: 12px;
 line-height: 13px;
}

#leader-box-200 ul#carousel li a:hover,
#leader-box-200 ul#carousel li a:hover span,
#leader-box-200 ul#carousel li.selected a,
#leader-box-200 ul#carousel li.selected a span,
#leader-box-200 ul#carousel li.selected a:visited
{
 color: #fff;
/* background: #ed1b24;*/
 background: #04569F;
}

#leader-box-200 ul#carousel li.selected {
 background: transparent url(http://images.dreamticket.com/js/jquery/arrow-sprite.gif) no-repeat 
  center -60px;; 
}

#leader-box-200 div#gallery .frame {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 298px;
 margin: 0;
 background-repeat: no-repeat;
 display: none;
}

#leader-box-200 div#gallery .frame {
 opacity: 0;
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
 display: none; 
}

#leader-box-200 div#gallery .first-frame {
 opacity: 1;
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 display: block;
}

#leader-box-200 div#gallery .info-window {
 display: none;
}

#leader-box-200 div#gallery .first-info-window {
 display: block;
}

#leader-box-200 div#gallery .info-window {
 position: absolute;
 bottom: 15px;
 left: 0;
 width: 100%;
 height: 68px;
 background: transparent;
}

#leader-box-200 div#gallery .info-window h3 {
 position: absolute;
 z-index: 3000;
 bottom: 34px;
 margin: 12px 10px 0;
 font-size:18px;
 text-decoration:none;
}

#leader-box-200 div#gallery .info-window h3 a {
 padding: 2px 3px 4px 3px;
/* background: #ed1b24;*/
 background: #04569F;
 color: #fff;
 display: block;
 text-decoration:none;
}

#leader-box-200 div#gallery .info-window p {
 position: absolute;
 z-index: 3000;
 bottom: -4px;
 margin: 11px 10px 15px 10px;
 color: #fff;
 font-size:14px;
 line-height: normal;
}

#leader-box-200 div#gallery .info-window .bg {
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background:#333333;
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
 opacity: 0.6;
 z-index: 2000;
}