/* Custom styles to demonstrate a few CSS options */
.MagicScroll, table {
margin: 0 auto !important;
}
.MagicScroll {
border: 1px solid #efefef;
}
#Shoes {
border: 1px solid #90B815;
background: #F7FBD6;
}

#Shoes .MagicScrollArrowLeft {
background-position: 0 36px;
}
#Shoes .MagicScrollArrowRight {
background-position: 0 0;
}
#Converse {
border: 2px solid #90B815;
background: #F7FBD6;
}
#Converse .MagicScrollArrows {
}
#Converse .MagicScrollItem {
padding: 5px 3px;
}
#ConverseSmall {
border: none;
}
#ConverseSmall .MagicScrollItem {
padding-left: 6px;
padding-right: 6px;
}
#NewArrivals {
border: none;
}
#NewArrivals .MagicScrollArrows {
}
#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;
}
.HeadlinesTitle {
width: 300px;
padding: 0;
margin: 0;
}
.HeadlinesTitle td {
background: #efefef;
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 .MagicScrollItem {
text-align:left;
padding-left: 4px;
color: #666;
text-decoration: none;
}
#Textual a:hover {
background: #efefef;
display: block;
}
#Powerball {
border: 2px solid #f3f3f3;
background: #E2E4FC;
}
#Powerball .MagicScrollItem {
padding-left: 1px;
padding-right: 1px;
}
#ZoomScroll {
border: none;
}
#Nexus {
border: none;
}