/*================================================================
BASE stylesheet (probably best to leave as is)

- Resets browser defaults
- Provides some basic extra classes
    - .clear
    - .clearfix
    - .hide
    - .block
- Corrects centering problem in IE 5
  
================================================================*/


/* RESET BROWSER DEFAULTS
----------------------------------------------------------------*/
html,body,form,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { 
  margin: 0; 
  padding: 0;
}

h1,h2,h3,h4,h5,h6,legend,pre,code { 
  font-size: 1em; 
}

a img,:link img,:visited img { 
  border: none;
}

address { 
  font-style: normal;
}


/* EXTRA CLASSES EVERY CSS HACKER NEEDS
----------------------------------------------------------------*/
.clear { 
  clear: both; 
}

.clearfix:after {
  /* What's this? --> http://www.positioniseverything.net/easyclearing.html */
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}

.hide {
  display: none; 
}

.block {
  display: block;
}


/* IE 5 Fix
----------------------------------------------------------------*/
body { 
  text-align: center; /* Hack for stoopid IE 5 */
}

div#wrapper {
  text-align: left; /* Undo stoopid IE 5 hack */
}

/*================================================================



	BLIS WEB AGENCY "TEMPLATE" STYLESHEET



	The purpose of stylesheet is position the "container"

	to the height and width you want it on the screen



	FORMAT: LONG CENTRE



	RULES:

	1. No TEXT FORMATING

	2. NO ENHANCEMENT (WIDGET) STYLES (THIS INCLUDES FORMS)

	3. AVOID HACKS

	4. NO IMAGES



================================================================*/





/* EVERYTHING

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



	* {

		margin: 0;

		padding: 0;

	}



/* BODY

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



	body

	{

		margin: 0 auto;

		width: 100%;

		text-align: center;

	}





/* WEBPAGE

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

	.webpage

	{
	margin: 0px auto;
	width: 814px;
		}



/* NAVIGATION

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



    .navigation

    {

        margin-left: -395px;

        width: 790px;

        height: 1px;

        top: 310px;

        text-align: left;

        z-index: 100;

        position:absolute;

        left:50%;

    }





/* FOOTER

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



    #footer

    {

        margin-left: -400px;

        padding: 0;

        width: 800px;

        position:absolute;

        left:50%;

    }



/*================================================================

    BLIS WEB AGENCY "CORE" SCREEN STYLESHEET

================================================================*/


/* GENERAL TYPOGRAPHY (Standard HTML tags)
----------------------------------------------------------------*/
html {
	height: 100%;
	margin-bottom: 1px;
}

html, body{
    font-family: Verdana, Arial, Helvetica, sans-serif, "Gill Sans MT";
    color: #000000;
    font-size: 1em;
    background: url(/images/background1_02.jpg) no-repeat fixed center center;
    }

h1{
    color: #A71A1A;
    font-size: 180%;
    font-weight: normal;
    margin-bottom: 12px;
    }

h2{
    font-weight: normal;
    margin-bottom: 15px;
    font-family: "Century Gothic", verdana, arial;
    font-size: 120%;
    border-bottom: 1px solid #C81113;
    padding-bottom: 10px;
    }

h3{
    font-family: "Century Gothic", verdana arial;
    font-size: 100%;
    font-weight: normal;
    margin-bottom: 6px;
    }

p{
    margin-bottom: 12px;
    font-size: 70%;
    line-height: 1.6em;
    }

li{
    margin-bottom: 12px;
    font-size: 70%;
    line-height: 1.6em;
    list-style-type: none;
    padding-bottom: 3px;
    padding-left: 20px;
    margin-bottom: 3px;
    background: url(/images/stock/bullet_star2.png) no-repeat 0 0 !important;
    background: url(/images/stock/bullet_star.png) no-repeat 0 0;
    }

A
{
    outline: none;
}

a:link, a:visited{
    color: #333333;
    text-decoration: none;
    }

a:hover{
    color: #A71A1A;
    text-decoration: underline;
    }
    
.nav a:link, .nav a:visited{
    color: #FFF;
    text-decoration: none;
    }    

.nav a:hover{
	color: #FFF;
    text-decoration: underline;
	}

/* TABLES
----------------------------------------------------------------*/

table{
    clear: both;
    border-collapse: collapse;
    text-align: left;
    }

td{
    padding: 2px 3px;
    }
/* HEADER CONTENT
----------------------------------------------------------------*/
#citd_repeat{
    background: url(/images/citd_repeat.png) repeat-x center 172px;
    height: 400px;
    width: 100%;
    padding-top: 25px;
    }

#webpage{
    /* background: #fff url(/images/wp_bkgr1.png) no-repeat left bottom; */
    background: #fff url(/images/no-text.png) no-repeat left bottom;
    }  
    
#id_carolkoala #webpage{
	background: #fff url(/images/no-nothing.png) no-repeat left bottom;
}    

#content_frame{
    background: url(/images/cf_bkgr1.png) no-repeat left top;
    padding-top: 315px;
    padding-bottom: 0px;
    text-align: left;
    width: 814px;
    }
    
#id_carolkoala #content{
	  background: url(/images/koala_background.jpg) no-repeat right top;
	  width:780px;
}   

#content{
    background: url(/images/content_bkgr2.png) no-repeat left top;
    text-align: left;
    width: 760px;
    display: block;
    float: left;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    display: block;
    }

#id_index #content
{	width: 790px;}

#shadow{
    background: url(/images/shadow.png) repeat-y right top;
    width: 814px;
    margin-bottom: 40px;
    display: block;
    float: right;
    }

.topPageGraphic h1{
    display: none;
    }
    
.banner{
    display:block;
}    


/* SIDEBAR CONTENT
----------------------------------------------------------------*/


/* FOOTER CONTENT
----------------------------------------------------------------*/

#footer{
    font-size: 50%;
    font-family: verdana, helvetica, sans-serif;
    text-transform: uppercase;
    }

/* PAGE TOOLS
----------------------------------------------------------------*/

.hide, .printonly{
    display: none;
    }

.noscript{
    margin: 0 auto;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    }

.noscript span{
    border: 1px solid #A71A1A;
    font-size: 10px;
    color: #A71A1A;
    margin: 0 auto;
    padding: 4px;
    position: relative;
    width: 700px;
    background: white;
    display: block;
    font-family: verdana, sans-serif;
    }
    
.emphasis{
		  font-size:18px; 
		  color: #A71A1A;
	 }    

.box{
    width: 250px;    
    float: left;
	
    }

.box_top{
	width: 235px;
	background: url(/images/hlb_top.png) no-repeat;
	height: 48px;
    }

.box_top h2{
    font-family: "Century Gothic", verdana arial;
    margin-left: 40px;
    font-size: 120%;
    padding-top: 15px;
    border: none;
	margin-bottom:0;
    }

.box_content{
    width: 215px;
    height: auto;
    background: url(/images/hlb_repeat.png) repeat-y;
    padding: 10px;
    padding-bottom: 6px;
    margin-bottom:0;
    display:block;
    }
    
.box_content ul{
	margin-bottom:0;
}    

#id_index .box_content {
	height:200px;
	overflow:hidden;}
	
.box_content p {
	  padding-left:5px;
    }

.box_content li {	
	margin-bottom:2px;
	padding-bottom:0;}
	
	
.box_footer{
    width: 235px;
    height: 7px;
    background: url(/images/hlb_foot.png) no-repeat top left;
    margin-top:0;
    display:block;
    padding-top:0;
    }

#topnav{
    color: #FFFFFF;
    font-size: 70%;
    }

#topnav a{
    color: #FFFFFF;    
    }

    

#col1, .col1{
    width: 240px;
    float: left;
    display: block;
    }

#col2, .col2{
    float: right;
    width: 500px;
    display: block;
	margin-top:13px;
    }

.homepagetext p{
    text-align: justify;
    }
	
	
/* SPONSORS PAGE
----------------------------------------------------------------*/

.sponsors h3
{	border-bottom: solid 1px #990000;
	padding-bottom:5px;
	margin-bottom:30px;
	color:#000000;}
	
.sp_box
{	margin-bottom:20px;
	}
	
.sponsors .logo
{	width:220px; float:left;
	text-align:center;
	vertical-align:middle;
	background-repeat: no-repeat;
}

.sponsors .description
{float:left; width:280px;}

/* CAST (LINE UP) PAGE
----------------------------------------------------------------*/

#id_line_up h3
{	border-bottom: solid 1px #990000;
	padding-bottom:5px;
	margin-bottom:10px;
	color:#000000;}
	
.castnames
{
	  margin-bottom:20px;
	  font-size:70%;
    }	
    
.castgroupsleft{
	display:block;width:360px;padding-right:30px;float:left;    
}

.castgroupsright{
	display:block;width:360px;float:right;    
}

#castbiobox{
	z-index:99999999;
	display:none;
}

#clearlinks{
	z-index:99999999;
}

#castdetailswindow{	
	display:none;	
	z-index:9999;	
	background:url(/images/stock/shadow.png) no-repeat right bottom transparent !important;
	background:none;
	padding-right:10px;
	padding-bottom:15px;	
	width:570px;
}

#castdetailswindowcontainer{
	display:block;
	width:560px;
	border:1px solid black;
	background:white;
	height:278px;	
	overflow:hidden;		
	z-index:9999;
	margin-right:8px;	
}

.castdetails{
	height:260px;	
	overflow:hidden;
	display:block;
	width:560px;
	background:white;	
	z-index:9999999;
}

#castdetailswindow .toolbar{
	background:black;
	color:white;
	display:block;
	padding-right:6px;
	text-align:right;
	height:14px;	
	padding-top:1px;
	padding-bottom:3px;
}

#castdetailswindow .toolbar a{
	color:white;
	font-size:11px;	
	margin:0;
	padding:0;
	line-height:12px;
	display:block;
	padding-top:2px;
}

.castdetails .description{
	display:block;
	width:330px;
	height:244px;
	overflow:auto;
	float:right;
	padding:4px;
	padding-right:12px;
	padding-top:12px;
	z-index:99999;
}

.castdetails .photo{
	float:left:
	display:block;
	width:197px;
	height:272px;
	overflow:hidden;
}

.castnames a {
	color:#990000;
}

.castnames a:visited {
	color:#990000;
}

.castgroupsleft, .castgroupsright{
    line-height:18px;
}


/* GALLERY OF STARS
----------------------------------------------------------------*/
.playing{
font-weight:bold;	
}


/* CAROL KOALA
----------------------------------------------------------------*/
.page{
	display:none;
}

#koalastory p{
	font-size:12px;
	line-height: 26px;
	font-family:georgia,"times new roman",times,sans-serif;
}


/* SEPERATORS
----------------------------------------------------------------*/
span.firstitem{
	padding-left:0px;
	background:none;
	display:none;
}

.sep1,.sep2,.sep3,.sep4,.sep5{
	padding-left:20px;
	background:url(/library/seperate.png) no-repeat 0 0;
}


/* MERCHANDISE
----------------------------------------------------------------*/

.product{
    display:block;
    float:left;
    width:226px;
    padding:10px;
    margin-right:6px;
}

div.product div.image{
    display:block;
    height:190px;
    width:220px;
    text-align:center;
}
div.product span.producttitle{
    display:block;
    padding-bottom:8px;
    border-bottom:1px solid #ababab;
    margin-bottom:1px;
}

div.product span.productdescription{
    text-align:justify;
    display:block;
}

table.checkoutproduct{
    font-size:10px;
    text-align:center;
}

.carolstab {
	display:block;
	float:left;
	width:150px;	
	color:black;
}

.carolstabtext span {
    display:none;	
}

#slideshowlink {
	display:block;
	background:url(/images/photoslideshow.png) no-repeat;
	width:150px;
	height:30px;
}

#videoslink {
	display:block;
	background:url(/images/videoclips.png) no-repeat;
	width:150px;
	height:30px;
}

#slideshowlink.selected {
	background:url(/images/photoslideshow_selected.png) no-repeat;
}


#videoslink.selected {
	background:url(/images/videoclips_selected.png) no-repeat;
}

.finedetails {
    font-size:10px;
    color:#666;
}


/*================================================================

    BLIS WEB AGENCY "WIDGET" STYLESHEET

================================================================*/


/* AUTO FORM
----------------------------------------------------------------*/
.formfield
{	float:left;
	margin:2px;}
.formlabel
{	font-size:70%;
	float:left;
	width:150px;}

.textarea
{	margin:2px;}
	
.clear
{	clear:both;}



/* BREAD CRUMBS
----------------------------------------------------------------*/


/* CUSTOM SCROLL
----------------------------------------------------------------*/


/* DRAG
----------------------------------------------------------------*/

.drag{
    position: absolute;

    z-index: 999;
    }

.handle{

    position: relative;

    cursor: move;
    }

.resize{

display:none;
    }


/* FONT SIZE CHANGER
----------------------------------------------------------------*/


/* FOOTER TEXT
----------------------------------------------------------------*/


/* GALLERY
----------------------------------------------------------------*/

.gallery .thumbs{

    /* THUMBNAILS */

    border: 1px solid #000;

    padding-left: 0;

    margin: 2px;

    display: block;

    overflow: hidden;

    float: left;
    }

.gallery #lg{

    /* LARGE IMAGE */

    border: 1px solid #000;
    
    display:block;
    
    clear:both;

    
    }

.gallery #lgtxt{

    /* IMAGE COMMENT */

    font-size: 10px;

    font-family: verdana, sans-serif;

    width: 260px;

    display: block;

    padding: 4px;

    height: 20px;

    overflow: hidden;
    }

.gallery #lgtb{

    /* IMAGE TOOLBAR (view large version) */

    font-size: 10px;

    text-transform: uppercase;

    font-family: verdana, sans-serif;

    display: block;

    width: 200px;

    margin-top: 8px;    


    /* FORMAT FOR ICON */

    text-indent: 20px;

    background: url(/images/stock/new_window_3.gif) 0 0 no-repeat;

    height: 14px;

    padding-top: 2px;
    }

.gallery .description{

    font: bold 8pt tahoma, arial;

    text-align: center;

    color: Black;

    text-decoration: none;
    }

.gallery .credits{

    display: none;
    }

.gallery .lrgtext{

    float: left;

    padding-right: 9px;
    }


/* EXIF INFORMATION */

.gallery .table_exif{

    font: 8pt tahoma, arial;

    color: #757575;

    text-decoration: none;

    border: 1px solid #B5B5B5;

    text-align: left;
    }

.gallery .thumbcontainer{

    display: block;
    height:300px;
    overflow:auto;
    
    }

.gallery .imgnav{

    clear: both;

    text-align: left;

    padding-top: 0;

    margin-top: -16px;

    display: block;
    }

.gallery .imgnav p{

    text-align: left;

    width: 400px;
    }


/* GOOGLEMAP
----------------------------------------------------------------*/

.printgooglemap{

    font-family: verdana;

    font-size: 11px;

    display: block;

    width: 100px;

    height: 14px;

    padding-top: 3px;

    padding-bottom: 3px;

    border: 1px solid black;

    background: white;

    position: absolute;

    bottom: 10px;

    right: 10px;

    text-align: center;
    }


/* IMGTXT
----------------------------------------------------------------*/

.imgtxt{

    text-indent: -9999px;

    display: block;

    background-repeat: no-repeat;
    }


/* MOOBOX
----------------------------------------------------------------*/

#imgGallery{

    position: absolute;

    top: 40px;

    left: 0;

    width: 100%;

    z-index: 100;

    text-align: center;

    line-height: 0;
    }

#overlay{

    position: absolute;

    top: 0;

    left: 0;

    z-index: 90;

    width: 100%;

    height: 100%;

    background-color: #000;

    /* NOT W3C FRIENDLY - FIXED WITH JS (STANDARD)
    filter: alpha(opacity=60);

    -moz-opacity: 0.6;

    opacity: 0.6;*/
    }

#imageContainer{

    position: relative;

    background-color: #fff;

    width: 250px;

    height: 250px;

    margin: 0 auto;

    padding: 10px;
    }


/* NAVIGATION
----------------------------------------------------------------*/

.navigation {

/* BLANK */

}

.navigation dl{

    width: 790px;

    margin: 0 auto;

    padding-top: 5px;

    height: 1px;

    display: block;
    }

.navigation dd{

    float: left;

    margin: 0;

    padding: 0;

    padding-right: 40px;
    }
    
/* DELETE ONCE MERCH IS INCLUDED AGAIN */  
    
.navigation dd#nav_merchandise{
	  padding-right: 0;
    } 
    
.navigation dd#nav_event{
	  padding-left: 10px;
    }        

.navigation a{
    color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    cursor: pointer;
    }

.navigation .selected{

    text-decoration: underline;
    }

.navigation em{

    display: none;
    }


/* NEWS
----------------------------------------------------------------*/

#id_index .newsheadline h4
{	font-size:70%;
	color:#990000;
	font-weight:normal;
	margin-bottom:10px;
	padding-bottom:10px;}

.newsarticle h3
{	    font-weight: bold;
	font-size:75%;
	font-family:Verdana, Arial, Helvetica, sans-serif, "Gill Sans MT";
}

.newsimage{
	float:left;
	display:block;
	width:140px;
}

.newsimage span img{
	border:1px solid #999;
	padding:0;
	margin:0;
}

.newsarticle{
	border-bottom:1px dotted #999999;
	display:block;
	margin-bottom:20px;
}

#id_story .newsarticle{
	border-bottom:none;
}

.newstextgroup{
	float:left;
	width: 340px;
	display:block;
}
	
.newsarticle .newsdescription
{	padding-bottom:15px;
	margin-top:15px;
}
.readmore
{	font-size:70%;		
		padding-bottom:10px;
		margin:0;}
		
.goback
{	font-size:70%;
	border-top: dotted 1px #990000;
	padding-top:5px;
	margin-top:5px;}
	
.readmore a, goback a
{
	text-decoration: none;
}
		
.box_content .newsarticle h3
{	font-size:11px;
	font-weight:bold;}
	
.box_content .newsdescription p
{	
	padding:0;
	margin:0;
	line-height:1.3em;}	
.box_content .readmore, box_content .newsdescription
{	padding:0;
	margin:0;
	border:none;}
	
.newsheadline .date
{	font-size:70%;
font-weight:bold;
margin-bottom:5px;}
		


/* POSITION ITEM
---------------------------------------------------------------*/

.positioneddiv{

    margin: 0;

    padding: 0;

    width: 100%;

    height: 1px;

    position: absolute;

    left: 0;

    display: block;

    visibility: hidden;
    }

.positioneddiv .posblock1{

    margin: 0 auto;

    padding: 0;

    width: 760px;

    height: 1px;

    display: block;

    visibility: hidden;
    }

.positioneddiv .posblock1 .posblock2{

    display: block;

    visibility: visible;
    }


/* PRINT PAGE
----------------------------------------------------------------*/

/* SEARCH
----------------------------------------------------------------*/

/* SLIDESHOW
----------------------------------------------------------------*/

#castslideshow{
	width:360px !important;
	height:200px; !important;
	background:black !important;	
}

#castslideshow .loadingElement{
	background-color:black;
	 background-image: url('/images/stock/loadingAnimationLarge.gif');
}

#castslideshow .slideElement{
	background-color:black;
	background-position: center top !important;
}

.mySlideshow{

    width: 400px !important;
    height: 200px !important;
    }

#myGallery{

    width: 320px !important;
    height: 205px !important;
    }

#mySponsors{

    width: 240px !important;
    height: 70px !important;
    }

.jdGallery{

    overflow: hidden;

    position: relative;
    }

.jdGallery img{

    border: 0;

    margin: 0;
    }

.jdGallery .slideElement{

    width: 100%;

    height: 100%;

    background-color: white;

    background-repeat: no-repeat;
    }

.jdGallery .loadingElement{

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    background-color: white;

    background-repeat: no-repeat;

    background-position: center center;

    background-image: url('/images/stock/loading.gif');
    }

.jdGallery .slideInfoZone{

    position: absolute;

    z-index: 10;

    width: 100%;

    margin: 0px;

    left: 0;

    bottom: 0;

    height: 40px;

    background: #333;

    color: #fff;

    text-indent: 0;

    overflow: hidden;
    }

* html .jdGallery .slideInfoZone{

    bottom: -1px;
    }

.jdGallery .slideInfoZone h2{

    padding: 0;

    font-size: 60%;

    margin: 0;

    margin: 4px 5px;

    font-weight: bold;

    color: inherit;

    font-family: verdana, sans-serif;
    }

.jdGallery .slideInfoZone p{

    padding: 0;

    font-size: 60%;

    margin: 2px 5px;

    color: #eee;

    font-family: verdana, sans-serif;
    }

.jdGallery div.carouselContainer{

    position: absolute;

    height: 135px;

    width: 100%;

    z-index: 10;

    margin: 0px;

    left: 0;

    top: 0;
    }

.jdGallery a.carouselBtn{

    position: absolute;

    bottom: 0;

    right: 30px;

    height: 20px;

    /*width: 100px; background: url('/images/stock/carousel_btn.gif') no-repeat;*/

    text-align: center;

    padding: 0 10px;

    font-size: 13px;

    background: #333;

    color: #fff;

    cursor: pointer;
    }

.jdGallery .carousel{

    position: absolute;

    width: 100%;

    margin: 0px;

    left: 0;

    top: 0;

    height: 115px;

    background: #333;

    color: #fff;

    text-indent: 0;

    overflow: hidden;
    }

.jdGallery .carousel .carouselWrapper{

    position: absolute;

    width: 100%;

    height: 78px;

    top: 10px;

    left: 0;

    overflow: hidden;
    }

.jdGallery .carousel .carouselInner{

    position: relative;
    }

.jdGallery .carousel .carouselInner .thumbnail{

    cursor: pointer;

    background: #000;

    background-position: center center;

    float: left;

    border: solid 1px #fff;
    }

.jdGallery .carousel .label{

    font-size: 13px;

    position: absolute;

    bottom: 5px;

    left: 10px;

    padding: 0;

    margin: 0;
    }

.jdGallery .carousel .label .number{

    color: #b5b5b5;
    }

.jdGallery a{

    font-size: 100%;

    text-decoration: none;

    color: inherit;
    }

.jdGallery a.right, .jdGallery a.left{

    position: absolute;

    height: 99%;

    width: 25%;

    cursor: pointer;

    z-index: 10;

    /* NOT W3C FRIENDLY
    filter: alpha( opacity = 20 );

    -moz-opacity:0.2;

    -khtml-opacity: 0.2;

    opacity: 0.2; */
    }

/* NOT W3C FRIENDLY 
* html .jdGallery a.right, * html .jdGallery a.left{

    filter: alpha( opacity = 50 );
    } */

/* NOT W3C FRIENDLY 
.jdGallery a.right:hover, .jdGallery a.left:hover{

    filter: alpha( opacity = 80 );

    -moz-opacity:0.8;

    -khtml-opacity: 0.8;

    opacity: 0.8;
    }*/

.jdGallery a.left{

    left: 0;

    top: 0;

    background: url('/images/stock/fleche1.png') no-repeat center left;
    }

* html .jdGallery a.left{
    background: url('/images/stock/fleche1.gif') no-repeat center left;
    }

.jdGallery a.right{

    right: 0;

    top: 0;

    background: url('/images/stock/fleche2.png') no-repeat center right;
    }

* html .jdGallery a.right{
    background: url('/images/stock/fleche2.gif') no-repeat center right;
    }

.jdGallery a.open{

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;
    }

.withArrows a.open{

    position: absolute;

    top: 0;

    left: 25%;

    height: 99%;

    width: 50%;

    cursor: pointer;

    z-index: 10;

    background: none;

    /* NOT W3C FRIENDLY    
    -moz-opacity:0.8;

    -khtml-opacity: 0.8;

    opacity: 0.8;*/
    }

.withArrows a.open:hover{
    background: url('/images/stock/jdopen.png') no-repeat center center;
    }

* html .withArrows a.open:hover{
    background: url('/images/stock/jdopen.gif') no-repeat center center;

    /* filter: alpha( opacity = 80 ); */
    }


/* SLIDESHOW 2
----------------------------------------------------------------*/

 div.slideshow {
  margin: 18px auto;  
  background:black;
}
div.slideshow p {
  padding-top: 9px;
}
div.slideshow ul {
  background: #FFF;
  bottom: -35px;
  left: 0px;
  position: absolute;
  overflow: hidden;
  padding: 5px 0;
  z-index: 10001;
}
div.slideshow ul a {
  background-position: 50% 50%;
  cursor: pointer;
  display: block;
  height: 25px;
  margin-right: 5px;
  opacity: 0.5;
  width: 30px;
}
div.slideshow ul a.active,
div.slideshow ul a:hover {
  opacity: 1;
}
div.slideshow ul li {
  float: left;
  list-style: none;
}


/* SLIMBOX
----------------------------------------------------------------*/

#lbOverlay {

position: absolute;

top:0; left: 0;

width: 100%;

background-color: #000;

cursor: pointer;

z-index: 1000;

}

#lbCenter, #lbBottomContainer{

    position: absolute;

    left: 50%;
    padding: 0;

    overflow: hidden;

    background-color: #fff;

    z-index: 1001;
    }

.lbLoading{

    background: #fff url(/images/stock/loading.gif) no-repeat center;

    z-index: 1001;
    }

#lbCanvas{

    border: 9px solid #fff;

    z-index: 1001;
    }

#lbCanvas iframe, #lbCanvas img{

    border: 1px solid #999;

    margin: 0;
    padding: 0;

    z-index: 1001;
    }

#lbPrevLink, #lbNextLink{

    display: block;

    position: absolute;

    top: 10px;

    width: 70px;

    background: url(/images/stock/spacer.gif);

    z-index: 1001;
    }

#lbPrevLink{

    left: 0;

    z-index: 1001;
    }

#lbPrevLink:hover{

    background: transparent url(/images/stock/prevlabel.gif) no-repeat;

    z-index: 1001;
    }

#lbNextLink{

    right: 0;

    z-index: 1001;
    }

#lbNextLink:hover{

    background: transparent url(/images/stock/nextlabel.gif) no-repeat;

    z-index: 1001;
    }

#lbBottom{

    font-size: 11px;

    font-family: Verdana, Helvetica, sans-serif;

    color: #666;

    line-height: 1.4em;

    text-align: left;

    margin: 0 0 0 10px;
    padding: 0;

    z-index: 1001;
    }

#lbCloseLink{

    display: block;

    float: right;

    width: 66px;

    height: 22px;

    background: transparent url(/images/stock/closelabel.gif) no-repeat center;

    margin: 0;
    padding: 0;

    z-index: 1001;
    }

#lbCaption, #lbNumber{

    z-index: 1001;
    }

#lbCaption{

    font-weight: bold;

    z-index: 1001;
    }


/* STRETCH TOOL
----------------------------------------------------------------*/

.stretch{

    cursor: pointer;
    }

.stretch img{

    margin-right: 4px;
    }


/* TOOLTIPS
----------------------------------------------------------------*/

.tool-tip{

    width: 200px;

    color: #000;

    text-align: center;

    z-index: 999;
    }

.tool-title{

    color: #000;

    font-family: tahoma, verdana, sans-serif;

    text-transform: uppercase;

    font-size: 11px;

    font-weight: normal;

    text-shadow: 2px 2px 1px #222;

    margin: 0;

    padding: 13px 10px 5px;

    background: url(/images/stock/balloon.png) top left no-repeat !important;

    background: url(/images/stock/balloon.gif) top left no-repeat;

    font-size: 11px;
    }

.tool-text{

    margin: 0;

    padding: 0 10px 15px;

    text-shadow: 2px 2px 1px #222;

    background: url(/images/stock/balloon.png) bottom left no-repeat !important;

    background: url(/images/stock/balloon.gif) bottom left no-repeat;

    font-size: 10px;

    color: black;

    font-size: 11px;

    font-family: verdana, sans-serif;
    }