/* defaults required for IE */
a, a:visited, a:hover, a:active, a:focus {color:#000;}

#holder {position:relative; background:transparent url(../../images/teapots/000_0223.jpg) no-repeat 156px top; margin:0 auto 10px auto; margin-bottom:10px; width:750px; height:400px;}
#scrollbox {padding:0 0 40px 0; margin:-2px 0 0 0; width:130px; list-style:none; height:auto; overflow:auto; float:right;}
#scrollbox ul {padding:0;margin:0;}
#scrollbox li {float:left;}


#scrollbox a {display:block; color:#999; text-decoration:none; border:1px solid #F2EFDC; width:100px; height:56px; float:left; padding:5px 1px; font-family:"trebuchet ms", sans-serif; font-size:24px; text-align:center;}

#scrollbox a.slidea {background:url(../../images/teapots/sm/000_0223.jpg) no-repeat center center;}
#scrollbox a.slideb {background:url(../../images/teapots/sm/000_0370.jpg) no-repeat center center;}
#scrollbox a.slidec {background:url(../../images/teapots/sm/000_0375.jpg) no-repeat center center;}
#scrollbox a.slided {background:url(../../images/teapots/sm/000_0843.jpg) no-repeat center center;}
#scrollbox a.slidee {background:url(../../images/teapots/sm/000_0845.jpg) no-repeat center center;}
#scrollbox a.slidef {background:url(../../images/teapots/sm/20230001.jpg) no-repeat center center;}
#scrollbox a.slidef2 {background:url(../../images/teapots/sm/3083.jpg) no-repeat center center;}
#scrollbox a.slideg {background:url(../../images/teapots/sm/20230002.jpg) no-repeat center center;}
#scrollbox a.slideh {background:url(../../images/teapots/sm/20230003.jpg) no-repeat center center;}
#scrollbox a.slidei {background:url(../../images/teapots/sm/20230006.jpg) no-repeat center center;}
#scrollbox a.slidej {background:url(../../images/teapots/sm/20230007.jpg) no-repeat center center;}
#scrollbox a.slidek {background:url(../../images/teapots/sm/20230013.jpg) no-repeat center center;}
#scrollbox a.slidel {background:url(../../images/teapots/sm/20230017.jpg) no-repeat center center;}


#scrollbox a span {display:block; position:absolute; left:-9999px; top:0;}
#scrollbox a span img {border:0;}

#scrollbox a:hover {border:1px solid #888;}
#scrollbox a:hover span {width:400px; height:400px; left:90px; background:#F2EFDC; z-index:100;}

#scrollbox a:active {border:1px solid #000;}
#scrollbox a:focus {border:1px solid #000; outline:0;}

* html #scrollbox a:active span {width:400px; height:400px; top:0; left:90px; color:#000; background:#fff; z-index:-1;}
#scrollbox a:focus span {width:400px; height:400px; top:0; left:90px; color:#000; background:#F2EFDC; z-index:10; outline:0;}