* {margin: 0; padding:0;border: 0;} body{ width:770px; margin-left: auto; margin-right: auto; text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; vertical-align: middle; } a, a * { cursor: pointer;text-align: center;} a:link { color: #ff0000; text-decoration:none} a:visited { color: #ff0000; text-decoration:none} a:hover { color: #ff6633; text-decoration:none} .container{position: relative; height: 760px; margin-left:auto; margin-right:auto;/*Add a height attribute and set to largest image's height to prevent overlaying*/} .thumbnail img{border: 0;margin: 0; text-align:center;margin-left:auto; margin-right:auto;} .thumbnail:hover{background-color: #FFFFFF;} .thumbnail:hover img{border: 0;} .thumbnail span{ position: absolute; margin-left:auto; margin-right:auto; background-color: #FFFFFF; padding: 0px; border: 0; color: black; text-decoration: none; visibility: hidden; } .thumbnail span img{ /*CSS for enlarged image*/border-width: 0;margin-left:auto; margin-right:auto;padding: 2px;} .thumbnail:hover span{ /*CSS for enlarged image*/visibility: visible;top: 0;left: 130px; /*position where enlarged image should offset horizontally */} div.box {position:absolute; margin-left:auto;margin-right:auto;width:770px; height:660px; z-index:1;} div.pops { margin-left:auto;margin-right:auto;align:center} span.c1 {position:absolute;margin-left: auto; margin-right: auto;width: 50%; text-align:center;} div.c4 { position:absolute; width:770px; height:660px; z-index:1; left: -16px; top: -9px;} div.c5 {position:absolute; width:770px; height:660px; z-index:2; } div.c3 {text-align: center} div.c2 {position:absolute; left: 660px; top:400px;width:88px; height:73px; z-index:2; visibility: visible;} #janheader {float: none; align: center; padding-bottom:20px} .jantxt {float: left; width:40%; padding:10px} #janparson {position: absolute; right: 10px; bottom: 10px; } .jantxtbkk {float: left; width:30%; padding:0px} .jantxtBk{float: left; width:30%; ; padding:0px} #janstrip {float: left; vertical-align: middle;width:30%;} #janstripboy {float:right; align: right; vertical-align: middle;} #janleftbox {float:left; width: 25%; } #janfooter {clear:both; align: center; vertical-align: bottom;padding: 30px;} #janfooter Bk{float:left; align: center; vertical-align: bottom;padding: 0px;} div.navbar { position:absolute; width:200px; height:660px; z-index:1; left: -16px; top: -9px;} a img {border: none; } a img {border: none; } ul li {border: none; list-style-type: none;} ul {padding-left: 3px; border: none; margin-left: 0;} #jaNavBar ul {border:0; margin:0; padding:0; list-style-type:0; text-align:center} #jaNavBar ul li{display:block;float:left;text-align:center;padding:0; margin:0} #jaNavBar ul li a{display:block;float:left;text-align:center;padding:0; margin:0} body.people #nav li.people {img src:/pix/shopIndex/captions/useable captions/peopleR.gif ; } body.places #nav li.places{img src:/pix/shopIndex/captions/useable captions/placesR.gif; } body.bk #nav a li.book {img src:/pix/shopIndex/captions/useable captions/bookR.gif ; } #bk a{ display: block; background-repeat:no-repeat; background-position: relative;overflow:hidden; width:85px; height:64px; z-index: 3;text-decoration:none; border: 0;} a.bk:hover img{display: block;position: relative;background-repeat:no-repeat;background-position: left: 0px;top:-64px;border: 0;} #comixx a{ display: block;background-repeat:no-repeat; background-position: relative;overflow:hidden; width:65px; height:38px; z-index: 2;text-decoration:none; border: 0;} a.comix:hover img{display: block;position: relative;background-repeat:no-repeat;background-position: left: 0px;top: -38px;border: 0;} #bk a{ display: block; background-repeat:no-repeat; background-position: relative;overflow:hidden; width:85px; height:64px; z-index: 3;text-decoration:none; border: 0;} a.bk:hover img{display: block;position: relative;background-repeat:no-repeat;background-position: left: 0px;top:-64px;border: 0;} #vig a{ display: block; background-repeat:no-repeat; background-position: relative;overflow:hidden; width:100px; height:49px; z-index: 3;text-decoration:none; border: 0;} a.vig:hover img{display: block;position: relative;background-repeat:no-repeat;background-position: left: 0px; top: -50px;border: 0;} #pen a{ display: block; background-repeat:no-repeat; background-position: relative;overflow:hidden; width:66px; height:66px; z-index: 3; border: 0;} a.pen:hover img{display: block;position: relative; background-repeat:no-repeat; left: 0px;top: -66px;border: 0;} #prints a{ display: block;background-repeat:no-repeat; background-position: relative;overflow:hidden; width:117px; height:54px; z-index: 2;border: 0;} a.prints:hover img{display: block;position: relative; background-repeat:no-repeat; left: 0px;top: -52px;border: 0;} #comm a{ display: block; background-repeat:no-repeat; background-position: relative;overflow:hidden; width:132px; height:-80px; z-index: 3;text-decoration:none; border: 0;} a.comm:hover img{display: block;position: relative;background-repeat:no-repeat;background-position: left: 0px; /*this is the bit that moves it up. make it bigger than you think*/top:-80px;border: 0;} body.places #navbar a li.places {img src:/pix/shopIndex/captions/useable captions/placesR.gif; } #places a{ display: block; background-repeat:no-repeat; background-position: relative;overflow:hidden; width:78px; height:40px;/*if you can't get height to work properly, move it manually in Design view*/z-index: 3;border: 0;} a.places:hover img{display: block;position: relative; left: 0px; background-repeat:no-repeat; top: -45px;border: 0;} #info a{ display: block; background-repeat:no-repeat; background-position: relative;overflow:hidden; width:69px; height:44px; z-index: 1;text-decoration:none; border: 0;} a.info:hover img{display: block;position: relative;background-repeat:no-repeat;background-position: left: 0px;top: -44px;border: 0;}