@charset "utf-8";
/* CSS Document */

/*BOOKLIST STYLES ARE FOUND IN /kids/css/booklist.css*/

#sidebar{
	/*position: absolute;
	top: 342px;
	left: 0px;*/
	float: left;
	width: 273px;
	height: 502px;
	background: url(/kids/images/sidebars/books_sidebar.gif) no-repeat;
}

#sidebar_content{
	float: left;
	position: relative;
	top: 88px;
	left: 50px;
	width: 165px;
	height: 381px;
}

#kids_books_content{
	position: absolute;
	left: 280px;
}

#kids_rotating_booklist{
	float: left;
	width: 283px;
	height: 493px;
}

#kids_rb_head{
	background: url(/kids/images/check_these_out_header.gif) no-repeat;
	width: 283px;
	height: 62px;
	margin-bottom: 0px  !important;
	float:left;
	
	clear:both;
}

#kids_rb_body{
	float:left; clear:both;
	height: 431px;
	width: 283px;
	background-color: #009AC8;
	margin-top: 0px !important;
	padding-bottom: 10px !important;
}
#kids_rb_inner_body{
	margin: 10px;
	margin-top: 0;
	background-color: #A5D7E9;
	height: 361px !important;
	width: 243px !important;
	padding: 10px;
	float: left; clear:both;
	text-align: center;
	vertical-align:middle;
}

#kids_rb_tabs{
margin: 10px !important; 
margin-bottom: 0  !important; 
width:263px  !important;
float: left;
clear:both !important;
}
/* TABS ===============================================================*/
.kids_rb_tab{
	height: 34px !important; 
	float: left;
}
.kids_tab_active{
	height: 34px !important; 
	float: left;
}
.kids_tab_active_left{
	height: 34px !important; 
	width: 10px !important;
	background: url(/kids/images/tab_left_active.gif) no-repeat;
	float: left;
}
.kids_tab_active_mid{
	height: 32px !important; 
	text-align:center;
	background: url(/kids/images/tab_mid_active.gif) repeat-x;
	float: left;
	padding-top: 2px;
}
.kids_tab_active_right{
	height: 34px !important; 
	width: 10px !important;
	background: url(/kids/images/tab_right_active.gif) no-repeat;
	float: left;
}
.kids_tab_inactive{
	height: 34px !important; 
	float: left;
}
.kids_tab_inactive_left{
	height: 34px !important; 
	width: 10px !important;
	background: url(/kids/images/tab_left_inactive.gif) no-repeat;
	float: left;
}
.kids_tab_inactive_mid{
	height: 32px !important; 
	text-align: center;
	background: url(/kids/images/tab_mid_inactive.gif) repeat-x;
	float: left;
	padding-top: 2px;
}
.kids_tab_inactive_right{
	height: 34px !important; 
	width: 10px !important;
	background: url(/kids/images/tab_right_inactive.gif) no-repeat;
	float: left;
}
/* END ===============================================================*/
.kids_rb_tab_title{
width: 86px; 
height: 34px; 
font-size: 10px !important;
font-weight: bold;
text-decoration: none !important;
color: #FFFFFF !important;
vertical-align: middle;
}

a.kids_rb_tab_title:hover{
	text-decoration: underline !important;
}

.kids_rb_tab_body{
	text-align: center;
	vertical-align:middle;
}

.booklist_entries {
	text-align: center;
	vertical-align:middle;
	margin-left: auto;
	margin-right: auto;
}

.booklist_entry{
	/*float: left;*/
	text-align: center;
	vertical-align:middle;
	width: 110px !important;
	height: 110px !important;
	margin: 5px;
}

.booklist_more{ float: right; clear: both; /*position: relative; top: -5px; margin-bottom: -5px;*/}

#kids_books_thirdcolumn{
	float: left;
	clear: right;
	width: 252px;
	position: relative;
	top: -40px;
	/*margin-bottom: -40px;*/ /*must be same as top */
	/*border:solid;*/
}

/*THIS IS THE NEW BACKGROUND GRAPHIC FOR THE TV BOX, THE LARGE AD BOX, AND TWO SMALL AD BOXES*/
#kids_books_adboxes {
	float: left;
	background: url(/kids/images/books_adboxes.gif) no-repeat;	/*image size is 289x588*/
	width: 270px;
	height: 588px;
	position:relative;
	top:-20px;
}

/*THIS IS NOT USED IN THE VIDEO LAYOUT*/
#kids_books_adbox{
	float: left;
	background: url(/kids/images/books_adbox.gif) no-repeat;
	width: 252px;
	height: 185px;
}

/*THIS IS TO POSITION THE EMBEDDED VIDEO*/
#kids_books_video {
	position: relative;
	top: 85px;
	left: 61px;
	width: 174px;
	height: 133px;
}

/*THIS IS TO POSITION THE LARGE AD GRAPHIC FOR EVENTS*/
#kids_books_largead{
	position: relative;
	top: 132px;
	left: 58px;
	width: 174px;
	height: 133px;
}

/*THIS IS TO POSITION THE SMALL AD GRAPHIC FOR STORYMAKER*/
#kids_books_smallad {
	position: relative;
	top: 180px;
	left: 53px;
	width: 180px;
	height: 80px;
}

/*THIS IS THE ORIGINAL POSITIONING FOR THE LARGE AD*/
#kids_books_adbody{
	position: relative;
	top: 30px;
	left: 39px;
	width: 174px;
	height: 133px;
}

#kids_books_character_box{
	float: left;
	background: url(/kids/images/character_spot.gif) no-repeat;
	width: 252px;
	height: 269px;
	margin-bottom:20px;
}

#kids_books_character_box_body{
	position: relative;
	left: 44px;
	top: 105px;
	width: 174px;
	height: 116px;
}

.character_img{
	border: 0; 
	margin: 0; 
	padding: 0;
	float: left;
	height: 58px;
	width: 58px;
}

a:hover .character_img  {
	border: 2px solid #5f9215;
	height: 54px;
	width: 54px;
	background-position:center;
}

a:hover .booklist_image_obj {
	border: 2px solid #5f9215;
}

.charlist_link{
	position: relative;
	top: 5px;
	left: 100px;
	clear: left;
	background-color: #A5D7E9;
	padding: 1px;
}


#booklist_1{
	clear: left;
}

#charlist_1{
	clear: left;
}

.clear {clear:both;}


/*Book reviews*/

.toptablebar {
	background-color:#855D7C;
	font-weight:bold;
}

.tablebar {
	background-color:#CCCCCC;
}

