/* 
CSS for wheelcarousel index
*/

#carousel {
width: 700px;
/*border:1px solid #222;*/
height:400px;
position:relative;
clear:both;
overflow:hidden;
margin-left: auto ;
margin-right: auto ;
/*background:#000;*/
}
#carousel img {
visibility:hidden; /* hide images until wheelcarousel can handle them */
cursor:pointer; /* otherwise it's not as obvious items can be clicked */
}

.split-left {
width:450px;
float:left;
}
.split-right {
width:400px;
float:left;
margin-left:10px;
}
#callback-output {
height:250px;
overflow:scroll;
}
textarea#newoptions {
width:430px;
}

#wheelcarousel_navi {
    color: #000000;
    text-shadow: 1px 1px 1px ;
    font-size: 25px;
    text-align: center;
}

@media screen and (max-width: 700px) {
#carousel-container-wrapper{
    display: none !important;
}
}