/* ©2008 MagicToolbox.com. To use this code on your own site, visit http://www.magictoolbox.com */

/* Thumbnail image */
.MagicThumb img {border: 1px solid #F0F0F0; outline: none}

/* Big image while zooming */
.MagicThumb-image {border: 4px solid #ccc; border-bottom:0px; outline: none}

/* Big image when zoomed */
.MagicThumb-image-zoomed {cursor: url(http://images2.solestruck.com/images/cursor/zoomout.cur), pointer;}

/* Caption under the big zoomed image */
.MagicThumb-caption {color: #ccc; background-color: #dbdbdb; border: 4px solid #CCC; border-top:none; padding: 8px 16px;}

/*.MagicThumb-caption { border:#b4b5b9 4px solid; border-top:0px; background:url(../images/img_view_details.gif) #dbdbdb no-repeat right; width:126px; height:27px; cursor:pointer;}*/

/* Thumbnail link <a> */
.MagicThumb {cursor: url(http://images2.solestruck.com/images/cursor/zoomin.cur), pointer; outline: none;}

/* Thumbnail link <a> when big image zoomed */
.MagicThumb-zoomed {cursor: default}

/* Hiding the text inside the <span> */
.MagicThumb span {display: none}

/* Styling the control bar */
.MagicThumb-controlbar {display: block; height:18px;}
.MagicThumb-controlbar a {display: block; width: 18px; height: 18px; margin: 0px 1px; outline: none; float: left; overflow: hidden;}
.MagicThumb-controlbar a span {display: block; width: 1000px; height: 1000px; background: transparent url(http://images2.solestruck.com/images/graphics/controlbar.png) no-repeat 0 0;outline: none; position: absolute;left: 0px; top: 0px;}

.btn{background:url(http://images2.solestruck.com/images/img_view_details.gif) right; width:126px; height:27px; border:none; float:right; cursor:pointer;}
.btn:hover{background:url(http://images2.solestruck.com/images/img_view_hover.gif) right; width:126px; height:27px; border:none; float:right; cursor:pointer;}