/* Custom styles to demonstrate a few CSS options */
#ConverseSmall {
border: none;
}
#ConverseSmall .MagicScrollItem {
padding-left: 6px;
padding-right: 6px;
}
#Colorful {
background: #f3f3f3;
border-top: #efefef 1px solid;
border-botton: #efefef 1px solid;
border-left: none;
border-right: none;
padding: 3px 6px;
}
#Colorful .MagicScrollItem {
padding: 9px;
}
#Colorful .MagicScrollItem img {
border: 6px #ccc solid;
}
/*#Shoes {
border: 1px solid #E7EFA4;
background: #F7FBD6;
}
#Shoes .MagicScrollArrowLeft {
background-position: 0 36px;
}
#Shoes .MagicScrollArrowRight {
background-position: 0 0;
}
*/
.HeadlinesTitle {
width: 50%;
padding: 0;
margin: 0;
border: 1px #F8F4AD solid;
}
.HeadlinesTitle td {
background: #FBFAD2;
padding: 0 0 0 10px;
margin: 0;
}
#Headlines {
border: none;
padding: 0;
margin: 0;
}
#Headlines .MagicScrollItem {
text-align:left;
padding: 3px 0 0 0;
margin: 0;
}
#Headlines .MagicScrollItem a {
color: #666;
}
#Headlines .MagicScrollItem a:hover {
color: #000;
}
/*#Textual {
border: none;
}
#Textual .MagicScrollItem {
height: 200px;
width: 200px;
padding: 0 8px;
}
*/
#Textual a {
text-align:center;
padding: 4px 8px;
color: #8CBA10;
text-decoration: none;
display: block;
font-size:14px;
line-height: 16px;
}
#Textual a:hover {
background: #F7FBD6;
}
#Textual br { display: none; }
#Textual strong { display: block; }
/*#Textual .MagicScrollArrowLeft {
background-position: 0 36px;
padding-right: 30px;
}
#Textual .MagicScrollArrowRight {
background-position: 0 0;
padding-left: 30px;
}*/
#Converse {
border: none;
}
#Converse .MagicScrollItem {
padding: 2px;
background: #fff;
border: 4px solid #fff;
}
#Converse .MagicScrollItem img {
border-top: 6px #fff solid;
border-bottom: 6px #fff solid;
border-left: 12px #fff solid;
border-right: 12px #fff solid;
margin-top: 4px;
}
#Converse .MagicScrollItem a {
background: #f7f7f7;
text-decoration: none;
color: #666;
display: block !important;
border: 1px solid #ccc;
}
#Converse .MagicScrollItem a:hover {
background: #DAEEEF;
border: 1px solid #999;
}
#Powerball {
border: 1px solid #d5d5d5;
/*border: 8px #fff5d1 solid;*/
/*background: #fff5d1;*/
}
/*#Powerball .MagicScrollItem {
border: 4px #fff5d1 solid;
}
#Powerball .MagicScrollItem img {
border: 7px solid #fff;
}
#Powerball .MagicScrollItem a {
display: block;
background: #FEEBB1;
padding: 3px;
}
#Powerball .MagicScrollItem a:hover {
background: #FFD74F;
}
*/
.PowerTitle {
text-align: center;
/*color: #f2cb3e;*/
color: #888;
/*font-weight: bold;*/
font-size: 14px;
display: block;
margin: 0;
padding: 1px;
}

#ZoomScroll {
border: none;
}




.example table.HeadlinesTitle { margin: 40px auto 0px auto !important; }

#scroll-html-content span { line-height: 16px; }



#shop-scroll .mcs-item {
    color: #444444;
    background: white;
    cursor: pointer;
}
#shop-scroll .mcs-item .item { border: 1px solid #DDD;  height: 100%; margin:0 10px; position: relative;}
#shop-scroll .mcs-item img { margin-top:10px;}
#shop-scroll .mcs-item span {
    display: block;
    font-size: 16px;
    padding: 4px 0;
    color: #eee;
    background-color: #4d4d4d;
    line-height: 100%;
    margin: 0 -1px;
}
#shop-scroll .mcs-item .cart {
    display: block;
    position: relative;
    color: #C09544;
}
#shop-scroll .mcs-item .onHover {
    color: #eee;
    background-color: #4d4d4d;
    background-color: rgba(77,77,77,.9);
    position: absolute;
    bottom: -100%;
    padding: 10px;
    transition: all 300ms;
    -moz-transition: all 300ms;
    -webkit-transition: all 300ms;
}
#shop-scroll .mcs-item .bottom {
    white-space: normal;
    text-align: left;
    font-size: 11px;
    line-height: 1.4em;
    margin-bottom: 10px;
}

#shop-scroll .mcs-item:hover .onHover {
    bottom: 0px;
    transition: all 300ms;
    -moz-transition: all 300ms;
    -webkit-transition: all 300ms;
}
#shop-scroll .mcs-item .cart:hover  {
    bottom: 0px;
    color: #DDB62D;
}

/*#cover-flow-scroll img { width:250px; }            */