/**************************************************
 BBC Homepage Cycler
 C.Cross 2009
**************************************************/

#leftcolumn {width: 1005px;}
#rightcolumn {display: none}

/*********************************** Global Image Switcher Styles ******************************************/
#flash_wrapper {width: 999px;height: 328px; padding-left:5px;}

/*************************************** Style the flash links **********************************/
a.flash_links:link {text-decoration: none; font-size:14px;} /* unvisited link */
a.flash_links:visited {text-decoration: none; font-size:14px;} /* visited link */
a.flash_links:hover {text-decoration: underline;} /* mouse over link */
a.flash_links:active {text-decoration: none;} /* selected link */


/********************************** Slide Information Box CSS Styles ***************************************/
.flash_backdrop_blue {width: 258px; height: 328px; position: absolute; z-index: 3; background: #1f1e20; filter: alpha(opacity = 80); opacity: 0.80; background-image:url(kopacity_blue.jpg); background-repeat:no-repeat;}
.flash_backdrop_green {width: 258px; height: 328px; position: absolute; z-index: 3; background: #1f1e20; filter: alpha(opacity = 80); opacity: 0.80; background-image:url(kopacity_green.jpg); background-repeat:no-repeat;}
.flash_backdrop_red {width: 258px; height: 328px; position: absolute; z-index: 3; background: #1f1e20; filter: alpha(opacity = 80); opacity: 0.80; background-image:url(kopacity_red.jpg); background-repeat:no-repeat;}
.flash_backdrop_yellow {width: 258px; height: 328px; position: absolute; z-index: 3; background: #1f1e20; filter: alpha(opacity = 80); opacity: 0.80; background-image:url(kopacity_yellow.jpg); background-repeat:no-repeat;}
.flash_backdrop_pink {width: 258px; height: 328px; position: absolute; z-index: 3; background: #1f1e20; filter: alpha(opacity = 80); opacity: 0.80; background-image:url(kopacity_pink.jpg); background-repeat:no-repeat;}

.flash_slide {z-index: 2;}

.flash_information {position: absolute; z-index: 4; width: 240px; padding: 5px; padding-left: 15px; -moz-opacity: 1; text-shadow: #000 0 0 0; font-size:14px;}

.flash_information h1 {font-size:26px; font-weight:300;}

#flash_navigation {position: absolute; z-index: 5; display: inline; font-size:24px; padding-left:70px; margin-top:300px;clear:both;float:left;text-align:center;width:220px}
#flash_navigation ul li {display: inline;}


/********************************* Carousel Switcher Buttons *********************************************/
.carouselDots {float:left;height:30px;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0 10px 5px;}
.carouselDots li {color:#CCCCCC;cursor:pointer;float:left;margin:2px 5px;width:14px;}
.carouselDots li a:hover, .carouselDots li.ly a {background-image:url(/img/dev/carousel_large_mask_kno.gif);background-position:left top;}
.carouselDots li a {background:transparent url(/img/dev/bgsprite.gif) no-repeat scroll 0px top;display:block;height:14px;width:14px;}
.carouselDots li {color:#CCCCCC;cursor:pointer;float:left;margin:2px 5px;width:14px;display: list-item;}
.carouselDots a span {display:block;left:-2000em;position:absolute;}
/* .carouselDots .ly, .carouselDots li a:hover {background-color:#1c93da;}*/