/* CSS Document */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{margin:0;padding:0;border:0;}
ul,ol,li{list-style:none;}
input,button{margin:0;font-size:12px;vertical-align:middle;}

table{border-collapse:collapse;border-spacing:0;}

.bigimg {
	WIDTH: 500px;
	HEIGHT: 500px
}

#preview {margin: 0px auto 0px; width: 40%; float:left;}

.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;border: #ddd 1px solid; margin-bottom:20px;}
.jqzoom img{ width:100%;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:500px;height:500px;background:#fff;border:1px solid #CCC;display:none;text-align:center;overflow:hidden;}
#spec {position: relative; width: 500px; height: 76px; margin-left: 6px; overflow: hidden; padding-top: 6px}
.specLeftT {position: absolute; width: 5px; background: url(../images/proddetlicon.gif) no-repeat -157px 0px; float: left; height: 9px; top: 17px; cursor: pointer; left: 0px}
.specRightT {position: absolute; width: 5px; background: url(../images/proddetlicon.gif) no-repeat -164px 0px; float: left; height: 9px; top: 17px; cursor: pointer; right: 0px}
.specLeftF {position: absolute; width: 5px; background: url(../images/proddetlicon.gif) no-repeat -145px 0px; float: left; height: 9px; top: 17px; cursor: pointer; left: 0px}
.specRightF {position: absolute; width: 5px; background: url(../images/proddetlicon.gif) no-repeat -151px 0px; float: left; height: 9px; top: 17px; cursor: pointer; right: 0px}
#specList {display: inline; float: left; margin-left: 2px}
#specList UL LI {width: 70px; display: inline; float: left; margin-right: 4px}
#specList UL LI IMG {border-bottom: #ccc 1px solid; border-left: #ccc 1px solid; padding-bottom: 2px; padding-left: 2px; width: 60px; padding-right: 2px; margin-bottom: 1px; height: 60px; border-top: #ccc 1px solid; border-right: #ccc 1px solid; padding-top: 2px}

.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: 80px; background: #ffffff no-repeat 50% top; height: 66px; 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: 600px; HEIGHT: 76px; OVERFLOW: hidden; TOP: 0px; LEFT: 13px
}
#specList UL {POSITION: absolute; WIDTH: 500px; LEFT: 4px}

@media (max-width:980px) {

#preview{width:100%;}

}