﻿/*=============================    
Adapted from: 
	barousel_demo.css
	v.0.1
	Julien Decaudin - 04/2010
	www.juliendecaudin.com
=============================*/


/*-------------> Images */
img
{
    border:none;
}


/*-------------> BAROUSEL for ASpot */
.barousel
{
    position:relative;
    width:579px;
    height:265px;
    
}

.barousel_image
{
    position:absolute;
    z-index:10;
    width:579px;
    height:259px;
}

.barousel_image img
{
    position:absolute;
    display:none;
}

.barousel_image img.default
{    
    display:block;
}

.barousel_image img.current
{
    z-index:10;
}

.barousel_image img.previous
{
    z-index:5;
}

.barousel_content
{
    position:absolute;
    padding:15px 18px 0 18px;    
    z-index:50;
    color:#fff;
    width:530px;
    top:0px;
    left:10px;
}

.barousel_content div
{
    display:none;    
}

.barousel_content div.default
{
    display:block;    
}


.barousel_content a,
.barousel_content a:hover
{
    color:#9EDAFE;
    text-decoration: none;
    background-color:transparent !important;
}

.barousel_nav
{
    position:absolute;
    padding:3px 3px 0px 0;
    height:30px;    
    background:transparent;
    bottom:0;
    right:0;
    z-index:100;
    /*z-index:20;
    width:579px;*/
}

.barousel_nav .counter
{    
    float:right;
    font-size:0.75em;
    color:#fff;
    margin:3px 5px 0 0;
}

.barousel_nav ul
{
    float:right;
    padding: 0 14px 0 0;
    margin:0;
}

.barousel_nav li
{
    float:left;
    padding-left:5px;
    text-align:center;
    list-style:none;
}

.barousel_nav li a
{
	font-family: Arial;
	font-size:0.95em;
	line-height: 1.5em;
    display:block;
    width:20px;
    height:20px;
    background-image: url('/Siteimages/Plugins/Barousel/nav_button.png');
    color: White;
    text-decoration:none;
    background-repeat:no-repeat;
}

.barousel_nav li a:hover
{
    /*background-color:#6e6e6e;*/
}

.barousel_nav li a.current
{
	background-image: url('/Siteimages/Plugins/Barousel/current_nav_button.png');
	 width:20px;
    height:20px;
    background-repeat:no-repeat;
	color: Black;
    /*background-color:#fff55b;*/
}
/*  end Barousel for ASpot */



/*-------------> THSLIDE */
.thslide
{    
	margin-top: 5px;
    background:transparent;
}

.thslide_nav_previous
{
    float:left;    
}

.thslide_nav_next
{
    float:right;    
}

.thslide_nav_previous a,
.thslide_nav_next a
{
    display:block;
    height:60px;     
    width:30px;
    text-decoration:none;  
    background-color:transparent;
    background-repeat:no-repeat;   
    cursor:pointer;
}

.thslide_nav_previous a
{
    background-image:url(/SiteImages/Plugins/Barousel/part_scrollLeft.jpg);    
    background-position:0 0;
}

.thslide_nav_next a
{
    background-image:url(/SiteImages/Plugins/Barousel/part_scrollRight.jpg);    
    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; 
}

.thslide_list ul
{
    float:left;
    padding:0;
    margin:0;
    list-style:none;
    width:9000px;
}


.thslide_list ul li ul
{
    list-style:disc;
    margin-left:15px;
    margin-top:5px;
}

.thslide_list li
{
    float:left;
    padding:0px;
}
.thslide_list_frame
{
	padding-left: 5px;
	padding-right: 10px;
}
.thslide_list_frame img
{
	border: 1px solid #6e6e6e;
	vertical-align:top;	
	float:left;
	margin-right:5px;
}


/* .thslide_list_frame span,*/
.thslide_list_frame ul
{
    float:left;
}

.zoom_link
{
	width:100%;
	height:20px;
}

/* Specific implementation */

/*		Product Detail			*/
    .ProductDetailTabView .barousel
{
    position:relative;
    margin-bottom:0px;
    width:550px;
    /*height:401px; */
}

.ProductDetailTabView .barousel_image
{
    
    z-index:10;
    width:100%;
    height:250px;
    position:relative;
}

.ProductDetailTabView .barousel_image img
{
    position:absolute;
    display:none;
	margin:auto;
}

.ProductDetailTabView .barousel_image img.default
{    
    display:block;
}

.ProductDetailTabView .barousel_image img.current
{
    z-index:10;
}

.ProductDetailTabView .barousel_image img.previous
{
    z-index:5;
}
.ProductDetailTabView .barousel_content
{
  
    padding:15px 18px 0 18px;    
    z-index:50;
    color:#fff;
    width:530px;
    top:0px;
    left:10px;
    position:absolute;
}

.ProductDetailTabView .thslide_list_frame img {
    border: 1px solid #6E6E6E;
    float: left;
    margin-right: 0;
    vertical-align: top;
}


#barousel_thslide
{
	width: 500px;

}

#item_detail_nav
{
	bottom: 0px;
	position:relative;
}

#item_detail_nav .thslide_list_frame img
{
	/*width: 100px;*/
}
#item_detail_nav .thslide_list_frame 
{
    padding-left:0;
}
/*		END Item Detail			*/


/*		Recently Viewed			*/
#previously_viewed .thslide_list_frame img
{
	/* width: 120px; */
}

#previously_viewed .thslide_list_frame
{
	width: 275px;
	overflow:hidden;
	padding-left:0;
	/* height: 115px; */
}
/*		END Recently Viewed		*/


/*.barousel_image img
{
	height: 250px;
}*/

/* B-Spot Scroller */
#tierTwoScroller .thslide_list_frame
{
    padding: 0px;
}

#tierTwoScroller .thslide_list_frame img
{
	margin-right: 0px;
    border: none;
}

#tierTwoScroller .thslide_nav_previous a,
#tierTwoScroller .thslide_nav_next a
{
    display: block;
    height: 155px;     
    width: 15px;
    text-decoration: none;  
    background-color: transparent;
    background-repeat: no-repeat;   
    cursor: pointer;
}

#tierTwoScroller .thslide_nav_previous a
{
    background-image: url(/SiteImages/Plugins/Barousel/btn_scrollLeft.jpg);    
    background-position: 0 0;
}

#tierTwoScroller .thslide_nav_next a
{
    background-image: url(/SiteImages/Plugins/Barousel/btn_scrollRight.jpg);    
    background-position: 100% 0;
}
