div.slidehorizontal, div.slidevertical {float:left;background:#EEE;height:221px;width:221px;border:2px solid #CCC;border-top:2px solid #EEE;border-bottom:2px solid #666;margin:14px;}

table.viewer {border:0;width:100%;height:220px;}
table.viewer td {vertical-align:middle;text-align:center;}

div.image {width:100%;text-align:center;}
div.image img {border:2px solid #AAA;border-top:2px solid #666;border-bottom:2px solid #FFF;}
div.slidehorizontal div.image img {width:175px;height:105px;}
div.slidevertical div.image img {width:105px;height:175px;}

div.details {width:100%;text-align:center;}
div.caption {width:145px;height:135px;margin:auto;border:1px solid #CCC;overflow:auto;text-align:left;color:#000;display:none;}

div.controller {position:absolute;margin:5px;}
div.controller ul {margin:0;padding:0;list-style-type:none;}

div.slidehorizontal div.controller ul li {display:inline;}
div.slidevertical div.controller ul li {display:block;margin-bottom:3px;}