/*=============================    
barousel_demo.css
v.0.1
Julien Decaudin - 04/2010
www.juliendecaudin.com
=============================*/



/*-------------> BAROUSEL */
.barousel
{
    height: 438px;
    margin-bottom: 0;
    position: relative;
    width: 630px;
}

.barousel_image
{
    height: 338px;
    position: absolute;
    width: 621px;
    z-index: 10;
}

.barousel_image img
{
    position:absolute;
	padding-left: 7px;
    padding-top: 49px;
}

.barousel_image img.default
{    
    display:block;
}

.barousel_image img.current
{
    z-index:10;
}

.barousel_image img.previous
{
    z-index:5;
}

.barousel_content
{   
    
   
}

.barousel_content a#cimgholder {
	background: url("http://disney.go.com/makeyourmark/style-studio/images/blackoverlay.png") repeat scroll 0 0 transparent;
    bottom: 53px;
    color: #FFFFFF;
    display: inline-block;
    font-family: "Helvetica",Arial,sans-serif;
    font-size: 19px;
    font-weight: bold;
    height: 85px !important;
    margin-left: 7px;
    position: absolute;
    text-decoration: none;
    width: 605px;
    z-index: 50;
}
.barousel_content a#cimgholder:hover{
	background:url("http://disney.go.com/makeyourmark/style-studio/images/whiteoverlay.png") repeat;
	color: #000000;   
}

.barousel_content a#cimgholder_home {
	background: url("http://disney.go.com/makeyourmark/style-studio/images/blackoverlay.png") repeat scroll 0 0 transparent;
    bottom: 53px;
    color: #FFFFFF;
    display: inline-block;
    font-family: "Helvetica",Arial,sans-serif;
    font-size: 19px;
    font-weight: bold;
    height: 85px !important;
    margin-left: 7px;
    position: absolute;
    text-decoration: none;
    width: 605px;
    z-index: 50;
}
.barousel_content a#cimgholder_home:hover{
	background:url("http://disney.go.com/makeyourmark/style-studio/images/whiteoverlay.png") repeat;
	color: #000000;   
}

.barousel_content a span.title{
    display: block;
    line-height: 1.2;
    padding-left: 12px;
    padding-top: 23px;
    width: 550px;
}

.barousel_content span.arrowimg {
    margin-left: 562px;
    margin-top: 328px;
    position: absolute;
    z-index: 52;
}

.barousel_content div
{
    display:none;    	
}

.barousel_content div.default
{
    display:block;    
}

.barousel_content p
{
    font-size:13px;
    font-weight:normal; 
    line-height:17px;   
}

.barousel_content p.header
{
    font-size:28px;
    font-weight:normal;
    line-height:28px;
    color:#fff55b;
}

.barousel_nav
{
    background: none repeat scroll 0 0 #000000;
    bottom: 0;
    height: 28px;
    margin-left: 7px;
    margin-top: 374px;
    padding: 7px 3px 0 0;
    position: relative;
    width: 602px;
    z-index: 20;
}

.barousel_nav .counter
{    
    float:right;
    font-size:0.75em;
    color:#fff;
    margin:3px 5px 0 0;
}

.barousel_nav ul
{
    float: left;
    margin: 7px 0 0 250px;
    padding: 0;
}

.barousel_nav li:first-child {
    padding-left: 0;
}

.barousel_nav li {
    float: left;
    font-size: 0;
    line-height: 0;
    list-style: none outside none;
    padding-left: 10px;
}

.barousel_nav li a
{
    display:block;
    width:25px;
    height:9px;
    border: 2px solid #FFFFFF;
    font-size:0;
    line-height:0;
    text-decoration:none;
}

.barousel_nav li a:hover
{
    background-color:#6e6e6e;
}

.barousel_nav li a.current
{
    background-color:#ffffff;
}

.barousel_nav li.prev a
{
    background-image:url("http://disney.go.com/makeyourmark/style-studio/test1_files/barousel_link_previous.gif");
    background-repeat:no-repeat;
    background-position:0 0;
}

.barousel_nav li.next a
{
    background-image:url("http://disney.go.com/makeyourmark/style-studio/test1_files/barousel_link_next.gif");
    background-repeat:no-repeat;
    background-position:0 0;
}

.barousel img.ajax_loader
{
    display:none;
    position:absolute;
    z-index:99;
    top:70px;
    left:135px;
}

/*-------------> THSLIDE */
.thslide
{    
    background:#000;
    width:500px;
    height:68px;
    border-top:3px solid #000;
}

.thslide_nav_previous
{
    float:left;    
}

.thslide_nav_next
{
    float:right;    
}

.thslide_nav_previous a,
.thslide_nav_next a
{
    display:block;
    width:19px;
    height:68px;     
    text-decoration:none;  
    background-color:#4d4d4d;
    background-repeat:no-repeat;    
}

.thslide_nav_previous a
{
    background-image:url("http://disney.go.com/makeyourmark/style-studio/test1_files/thslide_link_previous.gif");    
    background-position:0 0;
}

.thslide_nav_next a
{
    background-image:url("http://disney.go.com/makeyourmark/style-studio/test1_files/thslide_link_next.gif");    
    background-position:100% 0;
}

.thslide_nav_previous a:hover,
.thslide_nav_next a:hover
{
    background-color:#6e6e6e;
}

.thslide_list
{
    float:left;
    overflow:hidden;   
    position:relative; 
    width:462px;
    height:68px;    
}

.thslide_list ul
{
    float:left;
    width:9000px;
    padding:0;
    margin:0;
    list-style:none;
}

.thslide_list li
{
    float:left;
    margin-right:3px;
}

.thslide_list li a
{
    display:block;
    position:relative;
    width:90px;
    height:68px;    
    text-decoration:none;
}

.thslide_list li a img
{
    position:absolute;
}

.thslide_list li a span
{
    position:absolute;
    display:block;
    width:84px;
    height:62px;    
}

.thslide_list li a:hover span,
.thslide_list li a.current span
{    
    border:3px solid #fff55b;
}

/* Specific implementation */
#barousel_thslide
{
    height:446px;
}

#barousel_thslide .barousel_content
{
    bottom:81px;
}

#thslide_barousel_nav
{
    position:absolute;
    bottom:0;
}


.barousel_image a.cimgholder{
	background:url("http://disney.go.com/makeyourmark/style-studio/images/carousalimgbg.jpg") 0 0 no-repeat;
	display: inline-block;
    height: 438px;
    width: 630px;
}

.barousel_image a.cimgholder:hover{
	background:url("http://disney.go.com/makeyourmark/style-studio/images/carousalimgbg_on.jpg") 0 0 no-repeat;
}

.barousel_image a.cimgholder_home{
	background:url("http://disney.go.com/makeyourmark/style-studio/images/home_carousalimgbg.jpg") 0 0 no-repeat;
	display: inline-block;
    height: 438px;
    width: 630px;
}

.barousel_image a.cimgholder_home:hover{
	background:url("http://disney.go.com/makeyourmark/style-studio/images/home_carousalimgbg_on.jpg") 0 0 no-repeat;
}

.barousel_image div{
	display:none;
}
.barousel_image div.current{
	display:block;
}