/* Firefox css for collector's books index */
body {padding: 0; border: 0; margin: 0 0 0 30px; background: #fff;}
#banner {width:852px; height: 85px; margin: 10px 0 0 0; float:left; overflow: hidden; border-top:1px solid #b8b8f1; border-bottom:1px solid #b8b8f1; background:#fff;}
#banner_left {width:170px; float:left; overflow: hidden; margin: 0; padding:0; background: #fff;}
#banner_left img {margin:0; padding-right:20px; float:right;}
#banner_right{width:682px; height: 84px; padding:0; float:left; background: #fff;}
#bannernav {width:682px; height:19px; float:left;}
#bannernav a, #bannernav a:visited {float:left; color: #727272; font-size:10px; font-family: Verdana, Helvetica, sans-serif; text-decoration: underline; color: #ff9900; padding: 3px 0 0 0;}
#bannernav a:hover {color: #ff0000; text-decoration: none;} 
#bannermid {width:682px; height:30px; float:left; padding:0 0 2px 0;}
#bannermidlft{width:245px; height:35px; float:left;}
#bannermidlft h2{font-family: 'Tempus Sans ITC', Verdana, Helvetica, sans-serif; font-size: 14px; color: #006633; font-weight: normal; padding-left: 5px;}
#search {width:432px; height:28px; float:right; padding: 0 5px 2px 0;}
#search form {height:30px; float:right;font-family: verdana, helvetica, sans-serif; font-size: 9px; color: #5A5A5A; font-style: italic; font-weight: bold;}
#search form img {border:0;}

#bannerbottom{width:682px; height:35px; float:left; background: #fff; padding: 0;}
#bannerbottom h1{font-family:'Tempus Sans ITC', Verdana, Helvetica, sans-serif; font-size: 17px; color: #006633; font-weight: bold; padding-left: 5px;}
.letter3{letter-spacing: 3px;}

#topwrap {width:852px; height: 84px; margin: 0; float:left; overflow: hidden; background:#fff;}
#top {width:852px; height: 30px; margin: 10px 0 0 0; float:left; overflow: hidden; border-top:1px solid #b8b8f1; background:#fff;}
#top h1{font-family:'Tempus Sans ITC', Verdana, Helvetica, sans-serif; font-size: 17px; color: #006633; font-weight: bold; padding:0 0 0 15px;}
#top a, #top a:visited {float:left; color: #727272; font-size:10px; font-family: Verdana, Helvetica, sans-serif; text-decoration: underline; color: #ff9900; padding: 3px 0 0 15px;}
#top a:hover {color: #ff0000; text-decoration: none;}
#top_mid {width:852px; height:20px; float:left; padding:0 0 2px 15px; border-bottom:1px solid #b8b8f1;}
#top_mid a, #top_mid a:visited {float:left; color: #727272; font-size:10px; font-family: Verdana, Helvetica, sans-serif; text-decoration: underline; color: #ff9900; padding: 3px 0 0 0;}
#top_mid a:hover {color: #ff0000; text-decoration: none;} 

#info {width: 852px; float:left; text-align: right; margin: 0; padding: 0; border-bottom: 1px solid #fc0; background: #fff;}
#footspace {clear:both; width: 850px; height: 6px; float: left; margin: 0; padding: 0; background: transparent; overflow: hidden;}

/* *********** SOFT TOY FILE, ONLY ************* */
#soft_toy_short_nav {width: 100%; height: 22px; float:left; margin: 0; padding: 1px 0 2px 0; background:#ffffff; border-bottom: 1px solid #b8b8f1;}

#soft_toy_short_nav a {font-family: Verdana, Helvetica, sans-serif; font-size: 9px; padding:0; margin: 0;}
#soft_toy_short_nav a:link, #soft_toy_short_nav a:visited {text-decoration: none; color: #4b4b4b;}
#soft_toy_short_nav a:hover {text-decoration: underline; color: #ff9900; font-weight: normal;}
#soft_toy_short_nav a:active {text-decoration: none; color:#4b4b4b;}

#soft_toy_footer {width: 87.5%; height: 22px; float:left; margin: 0 0 20px 0; padding: 2px 0 2px 0; background:#fff; border-bottom: 1px solid #999999;}

#soft_toy_footer a {font-family: Verdana, Helvetica, sans-serif; font-size: 9px; padding:0; margin: 0;}
#soft_toy_footer a:link, #soft_toy_footer a:visited {text-decoration: none; color: #4b4b4b;}
#soft_toy_footer a:hover {text-decoration: underline; color: #ff9900; font-weight: normal;}
#soft_toy_footer a:active {text-decoration: none; color:#4b4b4b;}
/* *********** end SOFT TOY FILE, ONLY ************* */

#footer{clear:both; width: 844px; height: 15px; float: left; margin: 0; padding: 4px 5px 0 5px; background: #09791e; overflow: hidden;}
#foottext {width: 100px; font-family: Verdana, Helvetica, sans-serif; font-size: 8px; color: #fff; font-weight: normal;float: left;}
#foottextrt{width: 100; font-family: Verdana, Helvetica, sans-serif; font-size: 8px; color: #fff; font-weight: normal;float: right;}

#column_info{width:150px; float:left; margin: 0; padding-right:20px;}
#column_info h2{font-family: 'Tempus Sans ITC', Verdana, Helvetica, sans-serif; font-size: 21px; color: #0000cc; padding: 0px;}
#column_info h3{font-family: 'Tempus Sans ITC', Verdana, Helvetica, sans-serif; font-size: 17px; color: #006633;	/* green */ padding: 0px;}
#column_info h4{font-family: Verdana, Helvetica, sans-serif; font-size: 13px; color: #414141; padding:0;}
#column_info form{float:right;}
.address {font-family: Verdana, Helvetica, sans-serif; font-size: 9px; color: #727272;	margin: 0; padding: 0px; line-height: 15px;}
.address1{font-family: Verdana, Helvetica, sans-serif; font-size: 12px; color: #0000cc;/*blue */ margin: 0; padding: 0px; line-height: 17px;}
.address2{font-family: Verdana, Helvetica, sans-serif; font-size: 11px;
color: #006633;	/*green */ margin: 0; padding: 0px; line-height: 16px;}
.address a, .address a:link, .address a:visited, .address a:active{text-decoration: underline;
color: #ff9900;}
.address a:hover {color: #ff0000; text-decoration: none;}
.navleft a, .navleft a:link, .navleft a:visited, .navleft a:active{font-family: Verdana, Helvetica, sans-serif; text-decoration: none; font-size: 11px; line-height: 15px; color: #414141;}	
.navleft a:hover{text-decoration: underline; color: #ff9900; line-height: 15px; font-weight: normal;}
	
#content{width:682px; float:left; margin:0; padding:0; background: #fff;}

#column_nav{width:225px; float:left; margin:0; padding:0; border-left: 1px solid #b8b8f1; background: #fff; font-family: Verdana, Helvetica, sans-serif; font-size: 9px;}
#column_nav h1{font-size:12px; font-weight:normal; color:#fc0; margin:0 0 0 5px; float:left; line-height: 18px;}
#column_nav p{font-size:9px; font-weight:normal; color:#000; margin:0 0 0 5px; float:left;}
#column_nav img {margin-left:20px; float:left;}
#column_nav ul{font-size: 9px; list-style: none; padding: 0; margin: 0; background: #fff; text-align:left;}
#column_nav ul li{float:right; width: 225px; height: 80px;}
#column_nav ul li a, #column_nav ul li a:link, #column_nav ul li a:visited, #column_nav ul li a:active{float:left; padding-left: 5px; font-size: 9px; cursor:default; text-decoration:underline; color: #0000cc; line-height:13px;}
#column_nav ul li a:hover {color: #ff9900; text-decoration: none;}
#column_nav form{float:left; padding: 0 0 0 5px;}

#column_nav2{width:225px; float:left; margin:0; padding:0; border-left: 1px solid #b8b8f1; background: #fff; font-family: Verdana, Helvetica, sans-serif; font-size: 9px;}
#column_nav2 h1{font-size:12px; font-weight:normal; color:#595959; margin:0 0 0 10px; float:left; line-height: 12px;}
#column_nav2 p{font-size:9px; font-weight:normal; color:#000; margin:0 15px 0 10px; float:left;}
#column_nav2 form{float:left; padding: 0 0 0 5px;}
#column_nav2 img {margin-right:10px; float:right;}
#column_nav2 ul{font-size: 9px; list-style: none; padding: 0; margin: 0; background: #fff; text-align:left;}
#column_nav2 ul li{float:right; width: 225px; height: 160px;}
#column_nav2 ul li a, #column_nav2 ul li a:link, #column_nav2 ul li a:visited, #column_nav2 ul li a:active{float:left; padding-left: 5px; font-size: 9px; cursor:default; text-decoration:underline; color: #0000cc; line-height:13px;}
#column_nav2 ul li a:hover {color: #ff9900; text-decoration: none;}
.columnh {height: 30px;}

#column_nav3{width:345px; float:left; margin:0; padding:0; border-left: 1px solid #b8b8f1; background: #fff; font-family: Verdana, Helvetica, sans-serif; font-size: 9px;}
#column_nav3 h1{font-size:12px; font-weight:normal; color:#fc0; margin:0 0 0 5px; float:left; line-height: 18px;}
#column_nav3 p{font-size:9px; font-weight:normal; color:#000; margin:0 0 0 5px;}
#column_nav3 img {padding-left:20px; float:left;}
#column_nav3 ul{font-size: 9px; list-style: none; padding: 0; margin: 0; background: #fff; text-align:left;}
#column_nav3 ul li{float:right; width: 345px; height: 160px;}
#column_nav3 ul li a, #column_nav3 ul li a:link, #column_nav3 ul li a:visited, #column_nav3 ul li a:active{float:left; padding-left: 5px; font-size: 9px; cursor:default; text-decoration:underline; color: #0000cc; line-height:13px;}
#column_nav3 ul li a:hover {color: #ff9900; text-decoration: none;}
#column_nav3 form{float:left; padding: 0 5px 0 5px;}

#cbookswrap {width:852px; float:left; margin:0; padding:0; background: #fff;}
#cbookswrap h2{float:left; margin:0; padding:0; font-family: Verdana, Helvetica, sans-serif; font-size: 12px;}
#cbooksleft{width:300px; float:left; margin:0; padding:0; background: #fff;}
#cbooksright{width:380px; float:left; margin:0; padding:10px 0 0 15px; background: #fff; font-family: Verdana, Helvetica, sans-serif; font-size: 11px;}
#cbooksright p{font-family: Verdana, Helvetica, sans-serif; font-size: 11px;}
#cbooksright h3{font-weight: bold; font-size: 13px;}
#cbooksright h4{font-style: italic; font-size: 11px;}

#cbooks_nav{width:552px; float:right; margin:0; padding:0; background: #fff; font-family: Verdana, Helvetica, sans-serif; font-size: 11px;}
#cbooks_nav ul{font-size: 11px; list-style: none; padding: 0; margin: 0; background: #fff; text-align:left; float:left;}
#cbooks_nav ul li{float:left; height: 20px; list-style: none;}


.cbookswidth50 {width: 50px; border-right:1px solid #b8b8f1;}
.cbookswidth45 {width: 45px; border-right:1px solid #b8b8f1;}
.cbookswidth60 {width: 60px; border-right:1px solid #b8b8f1;}
.cbookswidth90 {width: 90px; border-right:1px solid #b8b8f1;}
.cbookswidth100 {width: 100px; border-right:1px solid #b8b8f1;}
.cbookswidth110 {width: 110px; border-right:1px solid #b8b8f1;}

#cbooks_nav ul li a, #cbooks_nav ul li a:link, #cbooks_nav ul li a:visited, #cbooks_nav ul li a:active{float:left; padding-left: 5px; font-size: 11px; cursor:default; text-decoration:underline; color: #0000cc; line-height:13px;}
#cbooks_nav ul li a:hover {color: #ff9900; text-decoration: none;}


.chosen{color:#fff; background:#99cc99;} 
.center {text-align: center;}
.clear {clear:both;}
.adorn {font-style: italic;}
.hidetext {color: #ffffff;}
.red {color: Red;}
.sold{font-family: Verdana, Helvetica, sans-serif; font-size: 12px; color: #ff0000;/*red */ margin: 0; padding: 0px; line-height: 17px; font-weight: bold;}


#info_nav {width: 681px; float:left; margin:0; padding: 0; background: url(img/booknavuse2.jpg) 0 0 no-repeat;}

#navmenu {position: relative; margin: 0 auto; padding: 0; width: 681px; height: 16px; float: left;}
#navmenu li {width: 681px; height: 16px; position: absolute; display: block; list-style: none;}
#navmenu a {width: 30px; height: 16px; display: block;}

#navmenu #nav11c a{width: 79px;}
#navmenu #nav12c a{width: 79px;}
#navmenu #nav13c a{width: 79px;}

#navmenu #nav1c {left: 0px;}
#navmenu #nav2c {left: 31px; background-position: -31px 0;}
#navmenu #nav3c {left: 62px; background-position: -62px 0;}
#navmenu #nav4c {left: 93px; background-position: -93px 0;}
#navmenu #nav5c {left: 124px; background-position: -124px 0;}
#navmenu #nav6c {left: 155px; background-position: -155px 0;}
#navmenu #nav7c {left: 186px; background-position: -186px 0;}
#navmenu #nav8c {left: 217px; background-position: -217px 0;}
#navmenu #nav9c {left: 248px; background-position: -248px 0;}

#navmenu #nav13c {left: 442px; background-position: -442px 0;}
#navmenu #nav11c {left: 522px; background-position: -522px 0;}
#navmenu #nav12c {left: 602px; background-position: -602px 0;}

#navmenu #nav1c a:hover {background: url(img/booknavuse2.jpg) 0px -16px no-repeat;}
#navmenu #nav2c a:hover {background: url(img/booknavuse2.jpg) -31px -16px no-repeat;}
#navmenu #nav3c a:hover {background: url(img/booknavuse2.jpg) -62px -16px no-repeat;}
#navmenu #nav4c a:hover {background: url(img/booknavuse2.jpg) -93px -16px no-repeat;}
#navmenu #nav5c a:hover {background: url(img/booknavuse2.jpg) -124px -16px no-repeat;}
#navmenu #nav6c a:hover {background: url(img/booknavuse2.jpg) -155px -16px no-repeat;}
#navmenu #nav7c a:hover {background: url(img/booknavuse2.jpg) -186px -16px no-repeat;}
#navmenu #nav8c a:hover {background: url(img/booknavuse2.jpg) -217px -16px no-repeat;}
#navmenu #nav9c a:hover {background: url(img/booknavuse2.jpg) -248px -16px no-repeat;}

#navmenu #nav13c a:hover {background: url(img/booknavuse2.jpg) -442px -16px no-repeat;}
#navmenu #nav11c a:hover {background: url(img/booknavuse2.jpg) -522px -16px no-repeat;}
#navmenu #nav12c a:hover {background: url(img/booknavuse2.jpg) -602px -16px no-repeat;}

a.screen, a.screen:visited, a.screen1, a.screen1:visited, a.screen2, a.screen2:visited, a.screen3, a.screen3:visited, a.screen4, a.screen4:visited, a.screen5, a.screen5:visited, a.screen6, a.screen6:visited, a.screen7, a.screen7:visited, a.screen8, a.screen8:visited, a.screen10, a.screen10:visited, a.screen11, a.screen11:visited, a.screen12, a.screen12:visited{color: #ffcc00; position:relative; z-index:1;}

a.screen b {background: url(img/bookshome.gif) no-repeat; position:absolute; width:110px; z-index:1000; /* give it a width */ visibility:hidden; height:0; /* no height to solve an Opera bug that makes it selectable when hidden */}
a.screen1 b {background: url(img/botony.gif) no-repeat; position:absolute; width:110px; z-index:1000; /* give it a width */ visibility:hidden; /* hide the image */ height:0; /* no height to solve an Opera bug that makes it selectable when hidden */}
a.screen2 b {background: url(img/entomology.gif) no-repeat; position:absolute; width:110px; z-index:1000; /* give it a width */ visibility:hidden; /* hide the image */ height:0; /* no height to solve an Opera bug that makes it selectable when hidden */}
a.screen3 b {background: url(img/general.gif) no-repeat; position:absolute; width:110px; z-index:1000; /* give it a width */ visibility:hidden; /* hide the image */ height:0; /* no height to solve an Opera bug that makes it selectable when hidden */}
a.screen4 b {background: url(img/ichthyology.gif) no-repeat; position:absolute; width:110px; z-index:1000; /* give it a width */ visibility:hidden; /* hide the image */ height:0; /* no height to solve an Opera bug that makes it selectable when hidden */}
a.screen5 b {background: url(img/ornithology.gif) no-repeat; position:absolute; width:110px; z-index:1000; /* give it a width */ visibility:hidden; /* hide the image */ height:0; /* no height to solve an Opera bug that makes it selectable when hidden */}
a.screen6 b {background: url(img/payment.gif) no-repeat; position:absolute; width:140px; z-index:1000; /* give it a width */ visibility:hidden; /* hide the image */ height:0; /* no height to solve an Opera bug that makes it selectable when hidden */}
a.screen7 b {background: url(img/shipping.gif) no-repeat; position:absolute; width:110px; z-index:1000; /* give it a width */ visibility:hidden; /* hide the image */ height:0; /* no height to solve an Opera bug that makes it selectable when hidden */}
a.screen8 b {background: url(img/terms.gif) no-repeat; position:absolute; width:110px; z-index:1000; /* give it a width */ visibility:hidden; /* hide the image */ height:0; /* no height to solve an Opera bug that makes it selectable when hidden */}

/* position hover nav name */
a.screen b {left:281px; top:0px;}
a.screen1 b {left:250px; top:0px;}
a.screen2 b {left:219px; top:0px;}
a.screen3 b {left:188px; top:0px;}
a.screen4 b {left:157px; top:0px;}
a.screen5 b {left:126px; top:0px;}
a.screen6 b {left:95px; top:0px;}
a.screen7 b {left:64px; top:0px;}
a.screen8 b {left:33px; top:0px;}
a.screen9 b {left:2px; top:0px;}

a.screen:hover, a.screen1:hover, a.screen2:hover, a.screen3:hover, a.screen4:hover, a.screen5:hover, a.screen6:hover, a.screen7:hover, a.screen8:hover, a.screen9:hover, a.screen11:hover, a.screen12:hover, a.screen13:hover {text-decoration:none; color: #ff9900; border:0; /* needed for this to work in IE */ z-index:1000;}

a.screen:hover b, a.screen1:hover b, a.screen2:hover b, a.screen3:hover b, a.screen4:hover b, a.screen5:hover b, a.screen6:hover b, a.screen7:hover b, a.screen8:hover b, a.screen9:hover b, a.screen11:hover b, a.screen12:hover b, a.screen13:hover b{visibility:visible; /* make the image visible */ height:14px; /* now give it a height */ cursor:pointer; /* for IE */z-index:1000; }