/* BASIC ELEMENTS
------------------------------------------------------------------------------------- */
* { margin: 0; padding: 0; }
html { min-height: 100%; margin-bottom: 1px; }

body { text-align: center; font: 12px arial, helvetica, sans-serif; color: #333; background: #f7f5f3 url(../images/bg_body.gif) repeat-y 50% 0%; }
table, th, td { font: 12px arial, helvetica, sans-serif; color: #333; }

a img, :link img, :visited img { border: none; }

a:link { color: #e51b24; text-decoration: underline; }
a:visited { color: #e51b24; text-decoration: underline; }
a:hover, a:active { color: #e51b24; text-decoration: none; }

#skip { display: none; }

#wrapper { background: url(../images/bg_wrapper.gif) repeat-x 0% 0%; }
#container { margin: 0 auto; width: 750px; text-align: left; background: #fff url(../images/bg_container.gif) repeat-x 0% 144px; }

/* NAVIGATION
------------------------------------------------------------------------------------- */
#nav { padding: 5px; background: #478e99; }
#nav li { height: 20px; list-style: none; }
#nav li a { cursor: pointer; }
#nav li a, #nav li div { position: relative; display: block; height: 20px; text-decoration: none; color: #fff; font-size: 10px; }
#nav li strong { position: absolute; top: 0px; left: 0px; display: block; height: 20px; }
#nav li, #nav li a, #nav li strong, #nav li div { width: 162px; background-image: url(../images/nav.gif); }
#nav li.about { margin: 5px 0; }

#nav li.bird, #nav li.bird a, #nav li.bird a strong { background-position: 0px 0px; }
#nav li.cats, #nav li.cats a, #nav li.cats a strong { background-position: 0px -20px; }
#nav li.dog, #nav li.dog a, #nav li.dog a strong { background-position: 0px -40px; }
#nav li.farm, #nav li.farm a, #nav li.farm a strong { background-position: 0px -60px; }
#nav li.fish, #nav li.fish a, #nav li.fish a strong { background-position: 0px -80px; }
#nav li.horse, #nav li.horse a, #nav li.horse a strong { background-position: 0px -100px; }
#nav li.reptile, #nav li.reptile a, #nav li.reptile a strong { background-position: 0px -120px; }
#nav li.small, #nav li.small a, #nav li.small a strong { background-position: 0px -140px; }
#nav li.other, #nav li.other a, #nav li.other a strong { background-position: 0px -160px; }
#nav li.about, #nav li.about a, #nav li.about a strong { background-position: 0px -185px; height: 21px; }
#nav li.expert, #nav li.expert a, #nav li.expert a strong { background-position: 0px -211px; height: 21px; }

/* HOVER STATE */
#nav li.bird a:hover, #nav li.bird a:hover strong { background-position: -162px 0px; }
#nav li.cats a:hover, #nav li.cats a:hover strong { background-position: -162px -20px; }
#nav li.dog a:hover, #nav li.dog a:hover strong { background-position: -162px -40px; }
#nav li.farm a:hover, #nav li.farm a:hover strong { background-position: -162px -60px; }
#nav li.fish a:hover, #nav li.fish a:hover strong { background-position: -162px -80px; }
#nav li.horse a:hover, #nav li.horse a:hover strong { background-position: -162px -100px; }
#nav li.reptile a:hover, #nav li.reptile a:hover strong { background-position: -162px -120px; }
#nav li.small a:hover, #nav li.small a:hover strong { background-position: -162px -140px; }
#nav li.other a:hover, #nav li.other a:hover strong { background-position: -162px -160px; }
#nav li.about a:hover, #nav li.about a:hover strong { background-position: -162px -185px; height: 21px; }
#nav li.expert a:hover, #nav li.expert a:hover strong { background-position: -162px -211px; height: 21px; }

/* ON STATE */
#nav li.birdon, #nav li.birdon strong, #nav li.birdon div { background-position: -162px 0px; }
#nav li.catson, #nav li.catson strong, #nav li.catson div { background-position: -162px -20px; }
#nav li.dogon, #nav li.dogon strong, #nav li.dogon div { background-position: -162px -40px; }
#nav li.farmon, #nav li.farmon strong, #nav li.farmon div { background-position: -162px -60px; }
#nav li.fishon, #nav li.fishon strong, #nav li.fishon div { background-position: -162px -80px; }
#nav li.horseon, #nav li.horseon strong, #nav li.horseon div { background-position: -162px -100px; }
#nav li.reptileon, #nav li.reptileon strong, #nav li.reptileon div { background-position: -162px -120px; }
#nav li.smallon, #nav li.smallon strong, #nav li.smallon div { background-position: -162px -140px; }
#nav li.otheron, #nav li.otheron strong, #nav li.otheron div { background-position: -162px -160px; }
#nav li.abouton, #nav li.abouton strong, #nav li.abouton div { background-position: -162px -185px; height: 21px; }
#nav li.experton, #nav li.experton strong, #nav li.experton div { background-position: -162px -211px; height: 21px; }

/* LAYOUT
------------------------------------------------------------------------------------- */
#header { margin: 0 0 6px; position: relative; height: 144px; background: url(../images/bg_header.gif) repeat-x 0% 0%; z-index: 50; }
	#mainlogo { position: absolute; top: 52px; left: 10px; }
	#img_rotator { position: absolute; top: 0px; left: 390px; }
	#secondary_nav { position: absolute; top: 16px; left: 610px; color: #666; font-size: 10px; z-index: 50; }
		#secondary_nav a { color: #000; text-decoration: none; }
		#secondary_nav a:hover { text-decoration: underline; }

#sidebar { margin-right: 5px; float: left; width: 172px; }
	#sidebar .sidebar_partners { padding: 12px 0 0; min-height: 364px; background: url(../images/bg_sidebar_partners.gif) no-repeat 100% 0%; }
	* html #sidebar .sidebar_partners { height: 376px; he\ight: 364px; }
		#sidebar .sidebar_partners p { padding: 0 0 12px; text-align: center; }

#content_wrap { float: left; width: 573px; }

	#content .flash_area { margin: 0 0 5px; }
	#content .content_title { margin-bottom: -1px; }

	#content .partners { padding: 6px 10px 0; height: 84px; clear: both; text-align: center; background: url(../images/bg_partners.gif) repeat-x 0% 6px; }
	* html #content .partners { height: 90px; he\ight: 84px; }
		#content .partners a { margin: 0 10px; }

	#content .featured_book { padding: 12px 14px 0; float: left; width: 258px; border-top: 1px solid #bfcddc; }
	* html #content .featured_book { width: 286px; w\idth: 258px; }
		#content .featured_book img { margin: 0 12px 4px 0; padding: 1px 1px 16px; float: left; background: url(../images/bg_featured_book.gif) repeat-x 0% 100%; }
		#content .featured_book p { padding: 0 0 14px; font-size: 11px; color: #333; }
		#content .featured_book .similar a { color: #666; }
			#content .featured_book .book_title { font-size: 12px; font-weight: bold; color: #369; }

	#s_content_wrap { margin-right: 5px; float: left; width: 416px; }
	
#s_content { padding: 0 0 6px; min-height:300px; position:relative; }
	* html #s_content { height:300px; }
	
	#s_content h1, #s_content h2, #s_content h3 {  margin:10px 10px 5px; }
	#s_content h1 { font-size:16px; color:#8B422B; }
	#s_content h2 { font-size:14px; color:#A18B4D; }

        #s_content ul { padding-left:1em;  }
        #s_content .s_splash p { margin:0; padding:0; }

	#s_content .s_content_title { position: relative; }
        #s_content p { margin:3px 5px 6px; line-height:15px;  }
        #s_content p.intro { font-decoration:italic; line-height:18px; color:#8b422b; font-size:14px; }
		#s_content .pages { position: absolute; top: 10px; right: 20px; font-size:9px; color: #fff; }
			#s_content .pages a { color: #fff; }
		#s_content form.browse { padding:3px; font-size:10px; text-align:right; }
		#s_content form.browse input.page_number { width:30px; }

	#s_content .book_browse { height:1%; padding: 0 11px; font-size: 11px; line-height: 30px; background: #ffb588; }
		#s_content .book_browse a { color: #333; }
		#s_content .tertnav, #s_content .tertnav ul { margin:0; padding:0; list-style:none; line-height:14px;  }
		#s_content .tertnav li { float:left; font-weight:bold; padding:5px 10px; }
		#s_content .tertnav li li { float:none; font-weight:normal; font-size:10px; padding:2px 2px 2px 0; } 

	#s_content .book { padding: 12px 12px 0; float: left; width: 184px; border-top: 1px solid #bfcddc; }
	* html #s_content .book { width: 160px; w\idth: 184px; }
		
		#s_content .featured { min-height:120px; padding-left:5px; width:191px;  }
		* html #s_content .featured { height:108px; width:167px; h\eight:120px; w\idth:191px; }
		
		#s_content .book img { margin: 0 11px 4px 0; padding: 1px 1px 16px; float: left; background: url(../images/bg_featured_book.gif) repeat-x 0% 100%; }
		
		#s_content .featured img { margin-left:0; }
		#s_content .book p.book_info { width:100px; margin:0; padding: 0 0 14px; float:left; font-size: 11px; color: #333;  }
		#s_content .book p.landing_book_info { max-width:90px; float:left; overflow:visible; margin:0 0 6px; padding-left:0; }
                /* \*/ * html #s_content .book p { overflow: hidden; o\verflow: visible; width: 100%; w\idth: auto; he\ight: 1%; } /* THIS FIXES THE EM ISSUE IN IE6 */
		#s_content .book .similar a { color: #666; }
			#s_content .book .book_title { font-size: 12px; font-weight: bold; color: #369; }

	#column { float: left; width: 152px; }
		.column_featured { margin: 5px; padding: 10px 5px 0; background: #eae7d3; }
		.column_featured img { border: 1px solid #666; }
		.column_featured p { padding: 0 0 10px; }
		#s_content .column_featured a { color: #622d1c; }

#footer { padding: 7px 0 0; clear: both; background: url(../images/bg_footer.gif) repeat-x 0% 0%; border-top: 4px solid #75663d; }
	#footer p { padding: 0 0 12px; font-size: 9px; color: #010000; }
	#footer .copyright { font-size: 10px; }
		#footer a { color: #666; }

.search { padding: 7px 10px 20px; background: #d9ca74; }
	.search p { font-weight: bold; color: #7c6113; font-size: 11px; }
	.search p.border { padding: 5px 0 10px; }
	.search .btn { vertical-align: top; }
	.select .search select { padding: 1px; width: 126px; border: 1px solid #a5acb2; }
	.search .input { padding: 1px; border: 1px solid #a5acb2; }

/* BOOK DETAIL */
.title_list_table { width: 100%; height: 24px; }
	.title_list_table td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding: 5px 0 6px 12px; background-color: #9C5E4B; }
	.title_list_table td img { margin-bottom: -3px; padding-right: 2px; }
	.title_list_table td a:link, .title_list_table td a:visited, .title_list_table td a:hover { color: #ffffff; }

.book_detail_left, .book_detail_right 	{ float: left;  width: 165px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
	.book_detail_right { width: 245px; margin-top:10px; padding-left:0; }
	.content .content_inner .book_detail_left p, .content .content_inner .book_detail_right p { padding: 2px 0; }
	.book_detail_left img 				{ margin: 10px 0 0 0; padding:5px; border:1px solid #75663d; } 
	.book_detail_left p img 			{ padding: 0 2px 0 0; margin-bottom: 0;  border:none; } 
	.book_title 						{ font-size: 14px; color: #6F2E1A; font-weight: bold; word-wrap:break-word; margin-top:0; }
	.book_detail_right .moreinfo				{ width:100px; float:right; padding:2px; margin: 0 0 5px 5px;  background:#ECE7DD; border:1px solid #D7D3C8; }
        .book_detail_right p 					{ margin-left:0; }
		.book_detail_right .book_price 			{ font-size: 12px; }
        #s_content .moreinfo p 					{ line-height:10px; margin-top:0; padding-bottom:0; }
	.book_author 						{ font-size:11px; font-style: italic; }
	.book_intro 						{ font-size:11px; }
	.book_info 							{ font-size:10px; }
	.book_price 						{ font-weight:bold; }
	
#contact_table td { padding: 3px; border-bottom: 1px solid #eee;}
#contact_table td.leftcell {font-weight: bold; color: #333;}
#contact_table td.rightcell input {margin-right: 4px;}

#s_content a { color:#369; }
#s_content h3 { font-size:12px; color:#8B422B; }


/* sIFR
------------------------------------------------------------------------------------- */
/* THESE ARE STANDARD sIFR STYLES... DO NOT MODIFY */
.sIFR-flash { margin: 0; visibility: visible !important;	}
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }

/* HIDE ADBLOCK OBJECT TAB: THE TEXT SHOULD SHOW UP JUST FINE, NOT POORLY WITH A TAB LAID OVER IT. */
.sIFR-flash + div[adblocktab=true] { display: none !important; }

/* THESE "DECOY" STYLES ARE USED TO HIDE THE BROWSER TEXT BEFORE IT IS REPLACED. */
.sIFR-hasFlash h1 { visibility: hidden; letter-spacing: -9px; font-size: 55px; }


/* MISC. CLASSES & IDS
------------------------------------------------------------------------------------- */
.hide { display: none; }
.clear { clear: both; }
br.clear { line-height: 0px; height: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* PLEASE LEAVE BOTH THESE LINES, FIX FOR IE7 */
.clearfix { display: inline-block; }
.clearfix { /*\*/display: block;/**/ }

.floatleft { float: left; }
.floatright { float: right; }

img.floatleft { position: relative; margin: 0 10px 5px 0; }
img.floatright { position: relative; margin: 0 0 5px 10px; }

.alignleft { text-align: left; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }

.border { border-bottom: 1px solid #b29e4f; }
.arrow { padding-right: 7px; background: url(../images/arrow.gif) no-repeat 100% 4px; }