* {margin:0; padding:0}

body {font: 12px arial;}
li.hidden {display: none;}
#container {width: 900px; margin: auto;}

#images {height: 225px; background: #eef5f6; margin-bottom: 20px;}
#image {position: relative; margin: 0px 0 0 0px; width: 900px; height: auto; padding: 200px 0 0 0; background: #ffffff url(images/loading.gif) center center no-repeat;}
#image img {position: absolute; top: 5px; left: 5px;}

#thumbwrapper {padding: 0px 0; margin: 0px 0 0px 175px; width: 550px; height: 100px; background: #ffffff;}
#thumbarea {position: relative; overflow: hidden; height: 100px; width: 550px;}
#thumbs {position: absolute; list-style: none; margin-left: 5px; height: 100px; width: 10000px; border-right: 5px solid #ffffff;}
#thumbs li {float: left; margin-right: 5px; cursor: pointer;}

.imgnav {position: absolute; height: 375px; width: 20%; z-index: 100; height: 375px; outline: none; cursor: pointer;}
#previmg {left: 0; background: url(images/left.gif) left center no-repeat; border-left: 5px solid #ffffff;}
#previmg:hover {opacity: 1; filter: alpha(opacity=100);}
#nextimg {right: 0; background: url(images/right.gif) right center no-repeat; border-right: 5px solid #ffffff;}
#nextimg:hover {opacity: 1; filter: alpha(opacity=100);}