﻿/* ---------------------------------------------------- */
/* GLOBAL
/* ---------------------------------------------------- */


/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */
#slideshow {
width: 540px;
height: 280px;
border:0;
margin:0px 10px 0px 10px; 
padding:0;
position:relative;
z-index:1;
}

#slideshow ul {
list-style-type: none;
margin: 0;
padding: 0;
border:0;
height: 1%; /* IE fix */
}

#slideshow ul:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;}            

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshow .slides 
{
position:relative;
overflow: hidden;
width: 540px;
height: 280px;}

#slideshow .slides ul {
width: 8880px;
}

#slideshow .slides li {
width: 540px;
height: 280px;
float: left;
padding: 0px;}

#slideshow .slides h2 {
margin-top: 0;}



/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */
#slideshow .slides-nav {
background-color: #ddd;
border-top: 0px solid #ccc;

}

#slideshow .slides-nav li {
float: left;
width:306px;
height:54px;
background-image:url('/slides/Home-Display-Box-BG.gif');
position:relative;
}

#slideshow .slides-nav li a {
display: block;
padding: 0;
outline: none;
width:306px;
height:54px;
color:#332211;
text-decoration:none;
position:relative;

}
#slideshow .slides-nav li a:hover {
display: block;
padding: 0;
outline: none;
width:306px;
height:54px;
background-image:url('/slides/Home-Display-Box-BG-over.gif');
position:relative;
}

.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a {
background-image:url('/slides/Home-Display-Box-BG-active.gif');
position:relative;
}


.js #slideshow .slides-nav li.on a {
position: relative;
}


/* ---------------------------------------------------- */
/* SLIDESHOW > PUCK / DISC NAVIGATION
/* ---------------------------------------------------- */
#slideshow .slides-puck-nav {
border-top: 0px solid #ccc;

}

#slideshow .slides-puck-nav li {
float: left;
width:16px;
height:12px;
position:relative;
background-image:url('/images/slides/slide-dot-12-normal50.png');
}

#slideshow .slides-puck-nav li a {
display: block;
outline: none;
width:16px;
height:12px;
color:#332211;
text-decoration:none;
position:relative;
text-align:center;
vertical-align:bottom;


}
#slideshow .slides-puck-nav li a:hover {
display: block;
outline: none;
width:16px;
height:12px;
position:relative;
background-image:url('/images/slides/slide-dot-12-on50.png');
}

.js #slideshow .slides-puck-nav li.on,
.js #slideshow .slides-puck-nav li.on a {

position:relative;
background-image:url('/images/slides/slide-dot-12-on50.png');
}


.js #slideshow .slides-puck-nav li.on a {
position: relative;
}