/* Firefox css for all specific books*/
body {padding: 0; border: 0; margin: 0 0 0 10px; background: #D1FFA4;}
#banner {width:852px; height: 85px; margin: 10px 0 0 0; float:left; overflow: hidden; border-top: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:35px; float:left; padding:0 0 2px 0;}
#bannermidlft{width:245px; height:35px; float:left;}
#bannermidlft h1{font-family:'Tempus Sans ITC', Verdana, Helvetica, sans-serif; font-size: 17px; color: #006633; font-weight: bold; padding-left: 5px;}
#search {width:432px; height:35px; float:right; padding: 0 5px 2px 0;}
#search form {height:35px; 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; border-left: 1px solid #fc0; border-top: 1px solid #fc0; background: #fbfc99; padding: 0;}
#bannerbottom h2{font-family: 'Tempus Sans ITC', Verdana, Helvetica, sans-serif; font-size: 14px; color: #006633; font-weight: normal; padding-left: 5px;}
.letter3{letter-spacing: 3px;}

/* ********* page navigation with images ***************  */
.booknav {width: 681px; height: 150px; margin: 0; padding: 0; background:#D1FFA4; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #006633; font-weight: normal; float:left; border-left: 1px solid #fc0;}

.booknav_inner {width: 98%;  height: 134px; margin: 1% 0 0 1%; padding: 0; border: 1px solid #fc0;}

.booknav_left {width: 46%; height: 83%; margin: 1% 0 0 1%; padding: 1% 0 1% 0; float:left; background: #d1ffa5;}
.booknav_left p{margin: 0; padding: 0 0 0 10px; text-align: left;}
.booknav_right {width: 50%; margin: 1% 0 0 2%; padding: 0; float:left; background: #d1ffa5;}

.booknav_hold{width: 17%; height: 80px; float:left; margin: 10px 5px 0 10px; padding: 0;}
.booknav_hold1{width: 19%; height: 80px; float:left; margin: 10px 10px 0 5px; padding: 0;}
.booknav_hold img, .booknav_hold1 img {padding: 0; margin: 0 0 0 4px; float:left; border: 1px solid black;}
.booknav_hold_titles {width: 80%; float:left; margin: 0 0 0 4px; padding: 0; font-size: 9px; text-align: left; clear:both;}

.booknav a, .booknav a:link,  .booknav a:active, .booknav a:visited {text-decoration: none; color: #cc9933; line-height: 15px;}
.booknav a:hover {color: #3f3f3f; text-decoration: underline;}

/* ********* long page navigation with images ***************  */
.booknav_long {width: 681px; height: 170px; margin: 0; padding: 0; background:#D1FFA4; font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #006633; font-weight: normal; float:left; border-left: 1px solid #fc0;}

.booknav_long_inner {width: 98%;  height: 150px; margin: 1% 0 0 1%; padding: 0; border: 1px solid #fc0;}

.booknav_long_left {width: 44%; height: 83%; margin: 1% 0 0 1%; padding: 1% 0 1% 0; float:left; background: #d1ffa5;}
.booknav_long_left p{margin: 0; padding: 0 0 0 10px; text-align: left;}
.booknav_long_right {width: 52%; margin: 1% 0 0 2%; padding: 0; float:left; background: #d1ffa5;}

.booknav_long_hold {width: 18%px; height: 80px; float:left; margin: 0; padding: 0;}
.booknav_long_hold img{padding: 0; margin: 0 0 0 4px; float:left; border: 1px solid black;}
.booknav_long_hold_titles{width: 80%; float:left; margin: 0 0 0 4px; padding: 0; font-size: 9px; text-align: left; clear:both;}

.booknav_long a, .booknav_long a:link, .booknav_long a:visited, .booknav_long a:active {text-decoration: none; color: #cc9933; line-height: 15px;}
.booknav_long a:hover {color: #3f3f3f; text-decoration: underline;}
/* *************** END both page navigation with images ********************** */


#info {width: 852px; float:left; text-align: right; margin: 0; padding: 0; border-bottom: 1px solid #fc0; background: #fff;}

#content {width: 682px; height: 460px; float:right; margin: 0; padding: 0; background:#fbfc99;}

#contentlarge {width: 682px; height: 475px; float:right; margin: 0; padding: 0; background:#fbfc99;}
#contentlargex {width: 682px; height: 730px; float:right; margin: 0; padding: 0; background:#fbfc99;}

#contentintro {width: 682px; height: 340px; float:right; margin: 0; padding: 0; background:#fbfc99;}

#column_description{width:230px; float:left; margin:0; padding:0; font-family: Verdana, Helvetica, sans-serif; border-top:1px solid #fc0; border-right:1px solid #fc0; border-left: 1px solid #fc0; background: #fbfc99;}
#column_description p{font-size: 10px; color: #000000; float:left; text-align: left; padding:0 5px 10px 5px;}
#column_description h2{font-family: Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: bold; font-style: italic; text-align: left; padding:10px 0 0 5px;}
#column_description h3{font-family: Verdana, Helvetica, sans-serif; font-size: 9px; font-weight: bold; font-style: italic; float:right; padding:0 0 0 5px;}
#column_description h4{font-family: Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-style: italic; text-align: left; padding:0 0 0 5px;}
#column_description form{float:right; padding: 0 10px 0 0;}

.display_singlebook {width:450px; height:340px; text-align:left; padding:0;
margin:0; float:left; overflow: hidden; background:#fff;}
.display_singlebook1 {width:450px; height:340px; text-align:left; padding:0;
margin:0; float:left; overflow: hidden; background:#fff;}
.display_singlebook2 {width:450px; height:340px; text-align:left; padding:0;
margin:0; float:left; overflow: hidden; background:#fff;}

#footspace {clear:both; width: 850px; height: 6px; float: left; margin: 0; padding: 0; background: transparent; overflow: hidden;}
#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;	/*blue */padding: 0px;}
#column_info h3{font-family: 'Tempus Sans ITC', Verdana, Helvetica, sans-serif; font-size: 17px;
color: #006633;	/* green */ padding: 0px;}
#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;}


#column_productdesc{width:230px; float:left; margin:0; padding:0; font-family: Verdana, Helvetica, sans-serif; border-right:1px solid #fc0; border-left: 1px solid #fc0; background: #fbfc99; height:460px;}
#column_productdesc p{font-size: 10px; color: #000000; float:left; text-align: left; padding:0 5px 0 5px;}
#column_productdesc h2{font-family: Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: bold; font-style: italic; text-align: left; padding:10px 0 0 5px;}
#column_productdesc h3{font-family: Verdana, Helvetica, sans-serif; font-size: 9px; font-weight: bold; font-style: italic; float:right; padding:0 0 0 5px;}
#column_productdesc h4{font-family: Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-style: italic; text-align: left; padding:0 0 0 5px;}
#column_productdesc form{float:right; padding: 0 10px 0 0;}

#column_productdesclarge{width:230px; float:left; margin:0; padding:0; font-family: Verdana, Helvetica, sans-serif; border-right:1px solid #fc0; border-left: 1px solid #fc0; background: #fbfc99; height:475px;}
#column_productdesclarge p{font-size: 9px; color: #000000; float:left; text-align: left; padding:0 5px 0 5px;}
#column_productdesclarge h2{font-family: Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: bold; font-style: italic; text-align: left; padding:10px 0 0 5px;}
#column_productdesclarge h3{font-family: Verdana, Helvetica, sans-serif; font-size: 9px; font-weight: bold; font-style: italic; float:right; padding:0 0 0 5px;}
#column_productdesclarge h4{font-family: Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-style: italic; text-align: left; padding:0 0 0 5px;}
#column_productdesclarge form{float:right; padding: 0 10px 0 0;}
#column_productdesclarge h5{font-family: Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: normal; font-style: italic; text-align: left; padding:0 0 0 5px; margin: 0;}
#column_productdesclarge form{float:right; padding: 0 10px 0 0;}


#column_productdesclargex{width:230px; float:left; margin:0; padding:0; font-family: Verdana, Helvetica, sans-serif; border-right:1px solid #fc0; border-left: 1px solid #fc0; background: #fbfc99; height:730px;}
#column_productdesclargex p{font-size: 9px; color: #000000; float:left; text-align: left; padding:0 5px 0 5px;}
#column_productdesclargex h2{font-family: Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: bold; font-style: italic; text-align: left; padding:10px 0 0 5px;}
#column_productdesclargex h3{font-family: Verdana, Helvetica, sans-serif; font-size: 9px; font-weight: bold; font-style: italic; float:right; padding:0 0 0 5px;}
#column_productdesclargex h4{font-family: Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-style: italic; text-align: left; padding:0 0 0 5px;}
#column_productdesclargex form{float:right; padding: 0 10px 0 0;}



/* adjust groupings */
#content2 {width: 682px; height: 460px; float:right; margin: 0; padding: 0; background:#fbfc99;}

#column_productdesc2{width:230px; float:left; margin:0; padding:0; font-family: Verdana, Helvetica, sans-serif; border-right:1px solid #fc0; border-left: 1px solid #fc0; background: #fbfc99; height:460px;}
#column_productdesc2 p{font-size: 10px; color: #000000; float:left; text-align: left; padding-top:-2px; padding-left:5px; padding-bottom:5px;}

#column_productdesc2 h1{font-family: Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: bold; font-style: italic; float:left; padding:10px 0 0 5px;}

#column_productdesc2 h2{font-family: Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: bold; font-style: italic; text-align: left; padding:10px 0 0 5px;}
#column_productdesc2 h3{font-family: Verdana, Helvetica, sans-serif; font-size: 9px; font-weight: bold; font-style: italic; float:right; padding:0 0 0 5px;}
#column_productdesc2 h4{font-family: Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-style: italic; text-align: left; padding: 10px 0 0 5px;}
#column_productdesc2 h5{font-family: Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-style: italic; text-align: left; padding: 0 0 0 5px;}


#column_productdesc2 form{float:left; margin-left: 5px;}

/* *********** Barraud plate book **************  */
#column_productdescplate{width:230px; float:left; margin:0; padding:0; font-family: Verdana, Helvetica, sans-serif; border-right:1px solid #fc0; border-left: 1px solid #fc0; background: #fbfc99; height:4505px;}
#column_productdescplate p{font-size: 9px; color: #000000; float:left; text-align: left; padding:0 5px 0 15px; margin-top: 0;}
#column_productdescplate h2{font-family: Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: bold; font-style: italic; text-align: left; padding:10px 0 0 5px;}
#column_productdescplate h3{font-family: Verdana, Helvetica, sans-serif; font-size: 9px; font-weight: bold; font-style: italic; float:right; padding:0 0 0 5px;}
#column_productdescplate h4{font-family: Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-style: italic; text-align: left; padding:0 0 0 5px;}
#column_productdescplate h5{font-family: Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; font-style: normal; float:left; padding:0 0 3px 10px; margin:0;}
#column_productdescplate form{float:right; padding: 0 10px 0 0;}


.display_book_container {width:450px; height:460px; text-align:left; padding:0;
margin:0; float:left; overflow: hidden; background:#ccff99;}

/* slides styling */
.display_book {width:450px; height:410px; text-align:left; padding:0;
margin:0; float:left; overflow: hidden; background:#fff;}
.display_book h1 {font-size:14px; font-weight:normal; color:#fc0; margin:0 0 0 5px; padding:0;}
.display_book ul {list-style: none; padding: 0; margin: 5px 0 5px 6px; width: 78px; background: #fff; border: 1px solid #b8b8f1; position: relative; top: 1px; height: 396px;}
/* size of thumb display area */
.display_book ul li {display:inline; width:91px; height:91px; float:left; margin:6px 4px 0 4px;}

/* discription of static thumbs */
.display_book ul li a{display:block; cursor:default; text-decoration:none;}
.display_book ul li a.vert {width:68px; height:91px;}
.display_book ul li a.hor {width:91px; height:68px;}
.display_book ul li a b {display:none; font-family: Verdana, Helvetica, sans-serif; font-size: 14px; color: #727272; margin: 0; text-align: left; height: 20px;}
.display_book ul li a.vert img {display:block; width:68px; height:91px; border:1px solid #fc0;}
.display_book ul li a.hor img {display:block; width:91px; height:68px; border:1px solid #fc0;}

/* discription of hover thumbs */
.display_book ul li a:hover {white-space:normal;position:relative;}
.display_book ul li a.vert:hover img {position:absolute; left:10px; top:-1px; width:68px; height:91px; border-color:#fc0;}
.display_book ul li a.hor:hover img {position:absolute; left:10px; top:-1px; width:91px; height:68px; border-color:#fc0;}
.display_book ul li a:active, .display_book ul li a:focus {position:static; outline:0;}

/* large image display */
.display_book ul li a:focus.vert img, .display_book ul li a:active.vert img {background-color:#D1FFA4; position:absolute; left:86px; top:5px; width:260px; height:338px; border:0; padding:5px 44px;}
.display_book ul li a:focus.hor img, .display_book ul li a:active.hor img {background-color:#D1FFA4; position:absolute; left:86px; top:5px; width:338px; height:260px; border:0; padding:44px 5px;}
.display_book ul li a:focus b, .display_book ul li a:active b {display:block; position:absolute; width:334px; height:25px; border:1px solid #b8b8f1; top:358px; left:86px; color:#000; font-weight:normal; padding:6px;}

.chosen{color:#fff; background:#99cc99;} 
.center {text-align: center;}
.clear {clear:both;}

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

#navmenu {position: relative; margin: 0 auto; padding: 0; height: 16px; float: left;}
#navmenu li {height: 16px; position: absolute; display: block; list-style: none; float: left;}
#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(booksornithology/img/booknavuse2.jpg) 0px -16px no-repeat;}
#navmenu #nav2c a:hover {background: url(booksornithology/img/booknavuse2.jpg) -31px -16px no-repeat;}
#navmenu #nav3c a:hover {background: url(booksornithology/img/booknavuse2.jpg) -62px -16px no-repeat;}
#navmenu #nav4c a:hover {background: url(booksornithology/img/booknavuse2.jpg) -93px -16px no-repeat;}
#navmenu #nav5c a:hover {background: url(booksornithology/img/booknavuse2.jpg) -124px -16px no-repeat;}
#navmenu #nav6c a:hover {background: url(booksornithology/img/booknavuse2.jpg) -155px -16px no-repeat;}
#navmenu #nav7c a:hover {background: url(booksornithology/img/booknavuse2.jpg) -186px -16px no-repeat;}
#navmenu #nav8c a:hover {background: url(booksornithology/img/booknavuse2.jpg) -217px -16px no-repeat;}
#navmenu #nav9c a:hover {background: url(booksornithology/img/booknavuse2.jpg) -248px -16px no-repeat;}

#navmenu #nav13c a:hover {background: url(booksornithology/img/booknavuse2.jpg) -442px -16px no-repeat;}
#navmenu #nav11c a:hover {background: url(booksornithology/img/booknavuse2.jpg) -522px -16px no-repeat;}
#navmenu #nav12c a:hover {background: url(booksornithology/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.screen9, a.screen9:visited, a.screen11, a.screen11:visited, a.screen12, a.screen12:visited{color: #ffcc00; position:relative; z-index:1;}

a.screen b {background: url(booksornithology/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(booksornithology/img/botany.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(booksornithology/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(booksornithology/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(booksornithology/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(booksornithology/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(booksornithology/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(booksornithology/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(booksornithology/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; }