
/* ---------------------------------------------------- */
/* carousel
/* ---------------------------------------------------- */
#carousel {
width: 990px; height:145px; overflow:hidden; margin-bottom:10px; }

#carousel ul, #carousel-small ul {
margin: 0;
padding: 0;
list-style-type: none;
height: 1%; /* IE fix */}

#carousel ul:after, #carousel ul:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;}            

/* ---------------------------------------------------- */
/* carousel >.studies
/* ---------------------------------------------------- */
#carousel .studies {
overflow: hidden; margin:auto; float:left; }

#carousel .studies {
width: 890px;
}

#carousel .studies ul {
width: 890px; height:145px; }

#carousel .studies li {
width: 890px;
float: left;
margin-right:8px;
}

#carousel .studies li span.study {
width:139px;
height:139px;
float:left;
margin-right:3px;
background-color:#fff;
padding:2px;
background-position:top center;
background-repeat:no-repeat;
border:1px #ccc solid;
cursor:pointer;
}

#carousel .studies li span.study:hover {
padding:2px;
background-color:#ccc;	
}



#carousel .studies h2 {
margin-top: 0;}

/* ---------------------------------------------------- */
/* carousel > NAVIGATION
/* ---------------------------------------------------- */
#carousel .carousel-nav {
float:right;
z-index:990;
height:20px;
}

#carousel .carousel-nav {
margin:0 15px 0 0;
z-index:990;
}

#carousel .carousel-nav li {
float: left;
width:12px;
height:12px;
margin-left:5px;
background-color:#fff;
border:1px #666 solid;
}

#carousel .carousel-nav li a {
display: block;
outline: none; text-decoration:none;}

.js #carousel .carousel-nav li.on,
.js #carousel .carousel-nav li.on a {
background-color: #A21983;}
.js #carousel .carousel-nav li.on {
border:1px #fff solid;
}

#carousel #previous {
width:40px;
float:left;
margin-right:10px;
padding-top:60px;
}

#carousel #next {
width:28px;
float:right;
padding-top:60px;
}