/* CSS Document */
.box{width:205px; padding:0px 0px 10px 8px; background:url(../images/img_box1.gif) no-repeat; margin-left:10px;}
.box h1{font:18px "Trebuchet MS"; color:#666;} .box h1 b{font:normal 18px "Trebuchet MS"; color:#9eb737;}
.box h1 a{ text-decoration:none;color:#666; background:none;} .box h1 b a{ text-decoration:none;color:#9eb737; background:none;}
.box h1 a:hover{ text-decoration:none;color:#666; background:none;} .box h1 b a:hover{ text-decoration:none;color:#9eb737; background:none;}
.box p{ margin:0px; padding:5px 0px 5px 0px; display:block; font:11px Verdana; color:#000;width:195px;}
.textarea{ float:left; width:630px; margin-bottom:12px;}
.textarea p{ margin:0px 0px 9px 0px; padding:0px 0px 0px 0px; text-align:justify;}
.textarea p a{color:#5d7302; text-decoration:underline;} .textarea p a:hover{color:#5d7302; text-decoration:none;}
.textarea h1{font:bold 15px "Trebuchet MS"; color:#000; display:block; margin:0px; padding:0px 0px 5px 0px; line-height:12px;}
.magzine{float:left; width:630px; margin-bottom:12px; border-bottom:1px solid #ebebeb; padding-bottom:12px;}
.magzine p{ margin:0px 0px 9px 0px; padding:0px 0px 0px 0px; text-align:justify;}
.magzine p a{color:#5d7302; text-decoration:underline;} .textarea p a:hover{color:#5d7302; text-decoration:none;}
.magzine h1{font:bold 15px "Trebuchet MS"; color:#000; display:block; margin:0px; padding:0px 0px 5px 0px; line-height:12px;}
.books{float:left; width:630px; margin-bottom:12px;font:11px Arial}
.books td{ padding-bottom:3px; vertical-align:top;}

.newbook{float:left; width:630px; margin-bottom:12px;font:12px Verdana, Arial, Helvetica, sans-serif; text-align:justify;}
.newbook img{ float:right; padding-left:10px;}
.newbook h1{ margin:0px; padding:0px;}
.newbook em{ font:bold 12px Arial; color:#898988;}
.form_div{ float:left;background:#e7e7e7; padding:0 0 10px 0;}
.queryM{ width:605px; margin:0px 0px 0px 25px; }
.queryM h1{ margin:0px; padding:8px 0px 0px 0px; font:bold 12px Arial; color:#9EB737; height:17px;}
.queryM ul{ margin:0px; padding:0px 0px 0px 0px; list-style:none; width:600px;}
.queryM li{ margin:0px; padding:2px 0px 5px 0px; list-style:none; width:200px; font:normal 11px Arial; color:#7f8184; float:left;}
.queryM li b{font:normal 11px Arial; color:#ff0000; padding:0px; margin:0px;}
.queryM_tf1{width:160px; display:block; border:1px solid #d9d9d9; padding:0 0 0 4px; font:normal 11px Arial; color:#d9d9d9;}
.queryM form{ margin:0px; padding:0px;}

.order{float:left; width:630px;font:11px Verdana, Arial, Helvetica,}
.order h1{ margin:0px; padding:0; font:bold 12px Verdana, Arial, Helvetica; color:#9EB737;}


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}