* {
margin: 0;
padding: 0;
}

#collection {width:462px; height:300px; padding:0px; margin-left: 10px; margin-right: auto; margin-top: 10px; border-top:1px dotted #666666; }

#collection b.default {position:absolute; left:452px; top:258px; width:250px; height:250px; text-align:center;}
#collection b.default img {display:block; margin:10px 0px 0px 0px; }
#collection b.default span {display:block; color:#5a3d1c; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:10px; width:200px;} 

#collection b.default2 {position:absolute; left:452px; top:525px; width:250px; height:250px; text-align:center;}
#collection b.default2 img {display:block; margin:10px 0px 0px 0px; }
#collection b.default2 span {display:block; color:#5a3d1c; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:10px; width:200px;}

#collection b.default3 {position:absolute; left:452px; top:825px; width:250px; height:250px; text-align:center;}
#collection b.default3 img {display:block; margin:10px 0px 0px 0px; }
#collection b.default3 span {display:block; color:#5a3d1c; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:10px; width:200px;}

#collection b.default4 {position:absolute; left:452px; top:1250px; width:250px; height:250px; text-align:center;}
#collection b.default4 img {display:block; margin:10px 0px 0px 0px; }
#collection b.default4 span {display:block; color:#5a3d1c; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:10px; width:200px; }

#collection b.default5 {position:absolute; left:452px; top:1342px; width:250px; height:250px; text-align:center;}
#collection b.default5 img {display:block; margin:10px 0px 0px 0px; }
#collection b.default5 span {display:block; color:#5a3d1c; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:10px; width:200px;}


#collection ul {list-style:none; padding:0; margin:0 0 10px 10px; width:180px; height: 250px; position:relative; float:right;  }
#collection ul li {display:inline; width:25px; height:25px; float:left; paddin: 0px; margin:15px 1px -5px 9px;}
#collection ul li a {display:block; width:25px; height:25px; text-decoration:none; border:1px solid #999999; }
#collection ul li a span {display:none;}
#collection ul li a img {display:left; width:25px; height:25px; border:0;}
#collection ul li a:hover {white-space:normal; border-color:#999999;}
#collection ul li a:hover b {position:absolute; left:-270px; top:0; width:250px; height:250px; text-align:center; z-index:20; background:#b4b7c8 ; }
#collection ul li a:hover span {display:block; color:#5a3d1c; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:10px; width:250px;  height: 20px; background:#b4b7c8;}
#collection ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; margin:20px 0px 0px 0px;}

#collection ul li a:active, #collection ul li a:focus {white-space:normal; border-color:#999999; }
#collection ul li a:active b, #collection ul li a:focus b {position:absolute; left:-270px; top:0; width:250px; height:250px; text-align:center; z-index:10;  }
#collection ul li a:active span, #collection ul li a:focus span {display:block; color:#5a3d1c; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:10px; width:250px;  height: 20px;}
#collection ul li a:active img, #collection ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; margin:20px 0px 0px 0px;}



#collection ul.one {list-style:none; padding:0; margin:0 0 10px 10px; width:180px; height: 250px; position:relative; float:right;  }
#collection ul.one li {display:inline; width:25px; height:25px; float:left; paddin: 0px; margin:15px 1px -5px 9px;}
#collection ul.one li a {display:block; width:25px; height:25px; text-decoration:none; border:1px solid #999999; }
#collection ul.one li a span {display:none;}
#collection ul.one li a img {display:left; width:25px; height:25px; border:0;}
#collection ul.one li a:hover {white-space:normal; border-color:#999999;}
#collection ul.one li a:hover b {position:absolute; left:-270px; top:0; width:250px; height:250px; text-align:center; z-index:20; background: url('images/bg/bg-gradation-coll.jpg') repeat-x ;}
#collection ul.one li a:hover span {display:block; color:#5a3d1c; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:10px; width:250px; background: url('images/bg/bg-gradation-collA.jpg') repeat-x ; }
#collection ul.one li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; margin:20px 0px 0px 0px;}

#collection ul.one li a:active, #collection ul li a:focus {white-space:normal; border-color:#999999; }
#collection ul.one li a:active b, #collection ul li a:focus b {position:absolute; left:-270px; top:0; width:250px; height:250px; text-align:center; z-index:10; }
#collection ul.one li a:active span, #collection ul li a:focus span {display:block; color:#5a3d1c; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:10px; width:250px; }
#collection ul.one li a:active img, #collection ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; margin:20px 0px 0px 0px;}



#collection ul.two {list-style:none; padding:0; margin:0 0 10px 10px; width:180px; height: 250px; position:relative; float:right;  }
#collection ul.two li {display:inline; width:25px; height:25px; float:left; paddin: 0px; margin:15px 1px -5px 9px;}
#collection ul.two li a {display:block; width:25px; height:25px; text-decoration:none; border:1px solid #999999; }
#collection ul.two li a span {display:none; }
#collection ul.two li a img {display:left; width:25px; height:25px; border:0; }
#collection ul.two li a:hover {white-space:normal; border-color:#999999; }
#collection ul.two li a:hover b {position:absolute; left:-270px; top:0; width:250px; height:250px; text-align:center; z-index:20; background: url('images/bg/bg-gradation-coll2.jpg') repeat-x ; }
#collection ul.two li a:hover span {display:block; color:#5a3d1c; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:10px; width:250px;  height: 20px;}
#collection ul.two li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; margin:20px 0px 0px 0px;}

#collection ul.two li a:active, #collection ul li a:focus {white-space:normal; border-color:#999999; }
#collection ul.two li a:active b, #collection ul li a:focus b {position:absolute; left:-270px; top:0; width:250px; height:250px; text-align:center; z-index:10; }
#collection ul.two li a:active span, #collection ul li a:focus span {display:block; color:#5a3d1c; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:10px; width:250px;  height: 20px;}
#collection ul.two li a:active img, #collection ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; margin:20px 0px 0px 0px;}