/* CSS Document */


#preview {text-align: center; margin:-1px auto; margin-left:-1px; width: 250px; float:left;}
.jqzoom {border: #ddd 1px solid; width: 250px; margin-bottom: 10px; height: 285px; overflow: hidden;  _height: 310px; position: relative;}
.zoomdiv {width: 310px; height:310px; left: 859px;z-index: 100; border: #e4e4e4 1px solid; position: absolute; text-align: center;width: 310px; display: none; background: url(/images/loader.gif) #fff no-repeat center center; height: 310px; overflow: hidden;top: 1px; left: 0px}
#spec {position: relative; width: 310px; height: 56px;overflow: hidden;}
.specLeftT {position: absolute; width:16px;background:url(/images/proddetlIcon01.png) 0px -51px; float: left; height:50px;cursor: pointer;left:0px;}
.specRightT{position: absolute;width:16px;background:url(/images/proddetlIcon01.png) -17px -51px; float: left; height:50px;cursor: pointer; right:0px}
.specLeftF {position: absolute; width:16px;background:url(/images/proddetlIcon01.png) 0px 0px;float: left; height:50px;cursor: pointer; left:0px; }
.specRightF {position: absolute; width:16px;background:url(/images/proddetlIcon01.png) -17px 0px; float: left; height:50px;cursor: pointer; right: 0px}

#specList {display: inline; float: left; margin-left:5px}
#specList UL LI {width: 50px; display: inline; float: left; margin-right: 4px}
#specList UL LI IMG {border: #ccc 1px solid;padding: 2px;width: 40px;margin-bottom: 1px; height: 40px;cursor: pointer;}


.bigimg {WIDTH: 800px; HEIGHT: 800px}
.jqZoomPup {z-index: 10; border-bottom: #aaa 1px solid; position: absolute; filter: alpha(opacity=50); border-left: #aaa 1px solid; width: 50px; background: #fede4f no-repeat 50% top; height: 50px; visibility: hidden; border-top: #aaa 1px solid; top: 0px; cursor: move; border-right: #aaa 1px solid; left: 0px; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5}
#specList {POSITION: absolute; TEXT-ALIGN: left; WIDTH: 270px; HEIGHT: 60px; OVERFLOW: hidden; TOP: 2px; LEFT: 17px;}
#specList UL {POSITION: absolute; WIDTH: 270px; LEFT: 4px}