@charset "utf-8";
/* CSS Document */

body{
padding:0; margin:0;
font-family:Arial, Helvetica, sans-serif;  
background:#FFF;
}

a{outline:none;}

.ClearAll{
clear:both;
}

.clearAll{
clear:both;
}

.DisplayNone{
display:none;
}

#Content{ /*GENERAL CONTENT AREA*/
width:960px;
margin:0 auto;
padding: 0;
}
															 

/*
LOGIN AND REGISTER
*/

#LoginHeader {
	color:#FFF;
	font-size:12px;
	background:#000;

}             
			

#LoginHeader h2{
	padding:0;
	margin:0 0 25px 5px;
	font-size:18px;
	letter-spacing:-1px;
}

#LoginHeader h2.returningUser{
	text-indent:-10000px;
	width: 230px;
	background:url(../media/Login/returnin_user_h2.gif) top left no-repeat;
}

#LoginHeader h2.newUser{
	text-indent:-10000px;
	width: 230px;
	background:url(../media/Login/new_user_h2.gif) top left no-repeat;
}

#LoginHeader form{
	float: left;
}

#LoginHeader div.frmRegister{
	float:left;
	font-size:11px;
	border-right:1px solid #212121;
	padding:20px 100px 0 80px;
}

#LoginHeader div.frmLogin{
	float:left;
	font-size:11px;
	padding:40px 0 0 100px;
}

#LoginHeader div.frmRegister label{width:100px;}

#LoginHeader form label{
width:70px;
font-size:12px;
padding:7px 5px 5px 5px; margin:0 0 5px 0;
float:left;
display: inline;
}

#LoginHeader form .textField{
border:0;
font-weight:bold;
width:146px;
padding:5px; margin:0 0 5px 0;
float: left;
display: inline;
}


.logOutBut{
display:block;
width:65px; height:28px;
text-indent:-10000px;
margin:10px 0 0 0;
cursor:pointer;
border:0;
background:url(../media/Login/logout_but.gif) no-repeat;
}

#LoginHeader form .whitetf{background:#FFF url(../media/Login/white_tf_bg.gif) no-repeat;}
#LoginHeader form .greytf{background:#8d8b8a url(../media/Login/grey_tf_bg.gif) no-repeat;}

/*
TOP HEADER - LOGO 
*/

#TopHeader{
height:129px;
border-top:6px solid #000;
background:url(../media/topheader_bg.jpg) repeat-x;
}

#TopHeader h1{
width:695px;
float:left;
padding:0; margin:0;
z-index: 1;
}

#TopHeader h1 a{
display:block;
width:695px; height:129px;
text-indent:-10000px;
background:url(../media/logo.jpg) no-repeat;
z-index: 1;
}


/*
#TopHeader a.login, a.toggle_account, #toggle_forum {
float:right;
width:139px; height:50px;
text-indent:-10000px;
background:url(../media/login_bg.jpg) no-repeat;
z-index: 100;
Position: absolute;
}
.toggle_login {
	right: 150px;
}
#toggle_forum {
	right: 300px;
}
.toggle_account {
	right: 450px;
}
#TopHeader a.login {
	display:block;
}
#TopHeader a.login:hover{
background:url(../media/login_bg_over.jpg) no-repeat;
}

*/


#TopHeader a.login,#TopHeader a.closeTab, #TopHeader a.logoutTab {
	display:block;
	float:right;
	width:139px; height:50px;
	text-indent:-10000px;
	background:url(../media/login_bg.jpg) no-repeat;
}
#TopHeader a.closeTab {
	background:url(../media/close_bg.jpg) no-repeat;
}
#TopHeader a.logoutTab {
	background:url(../media/logout_bg.jpg) no-repeat;
}

#toggle_forum {
	display:block;
	float:right;	
	margin:8px 0 0 0;
	text-indent:-10000px;
	width:64px; height:30px;
	background:url(../media/forum.jpg) no-repeat;
}
a.toggle_account {
	
	float:right;	
	margin:8px 0 0 8px;
	text-indent:-10000px;
	width:85px; height:30px;
	background:url(../media/myaccount.jpg) no-repeat;
}

#TopHeader a.login:hover{
background:url(../media/login_bg_over.jpg) no-repeat;
}


/*
Series
*/

#Series{
padding:16px 0;
color:#FFF;
overflow:hidden;
background:#383838 url(../media/series/series_top_bg_complete.gif) top center no-repeat;
}

#Series #Content{
padding:0 10px;
width:940px;
}

#Series h2{
padding:0; margin:10px 0 0 5px;
font-size:12px;
}

#Series h2.top4books{
height:26px;
width:500px;
float:left;
text-indent:-10000px;
background:url(../media/series/top4books_h2.gif) no-repeat;
}



#Series #SearchBox{
width:407px; height:43px;
float:right;
text-align:right;
margin:0 0 10px 0;
background:url(../media/series/search_box_bg.gif) no-repeat;
}

#Series #SearchBox form{
padding:8px 0 0 0; margin:0 0 0 77px;
}

#Series #SearchBox form .textField{
border:0;
margin:0;
color:#FFF;
width:151px;
float:left;
background:#5b5a5a /*url(../media/series/tf_bg.gif) no-repeat*/;
}

#Series #SearchBox form .button{
float:right;
margin:0 7px 0 0; 
border:0;
}

/*
SeriesBox
*/

#Series .SeriesBox{
float:left;
width:225px; height:127px;
margin:0px 5px 0px 0px;
font-size:11px;
overflow:hidden;
background:url(../media/series/seriesbox/bg.gif) no-repeat;
}

#Series .SeriesBox img{
width:95px; height:122px;
display:block;
overflow:hidden;
float:left;
}

#Series .SeriesBox p.details{
width:110px;
line-height:15px;
padding:8px 10px; margin:0;
font-size:11px;
text-transform:uppercase;
float:right;
color:#000;
}

#Series .SeriesBox a.buyNow{
float:right;
margin:10px 5px 0 0;
text-indent:-10000px;
display:block;
width:125px; height:23px;
background:url(../media/series/seriesbox/buy_now.gif) no-repeat;
}

#Series .SeriesBox a.buyNow:hover{
background:url(../media/series/seriesbox/buy_now_over.gif) no-repeat;
}

#Series .SeriesBox a.viewList{
float:right;
margin:0 5px 0 0;
text-indent:-10000px;
display:block;
width:125px; height:28px;
background:url(../media/series/seriesbox/view_list.gif) bottom no-repeat;
}

#Series .SeriesBox a.viewListComingSoon{
float:right;
margin:0 5px 0 0;
text-indent:-10000px;
display:block;
width:125px; height:28px;
background:url(../media/series/seriesbox/coming_soon.gif) bottom no-repeat;
}

#Series .SeriesBox a.viewList:hover{
background:url(../media/series/seriesbox/view_list_over.gif) bottom no-repeat;
}

/*
SERIES EXPANDED
*/

#Series #SeriesExpanded{
margin:20px 0 0 0;
}

#Series h2.books1001{
height:26px;
float:left;
width:200px;
margin:10px 0 0 5px;
text-indent:-10000px;
background:url(../media/series/1001_series_h2.gif) no-repeat;
}

#SeriesExpanded #Pagination{
font-size:12px; color:#686868;
margin:0 0 20px 0;
float:right;
height:43px;
background:#2b2b2b url(../media/series/pagination/left_bg.gif) no-repeat;
}

#SeriesExpanded #Pagination p{
float:left;
margin:0; padding:13px;
}

#SeriesExpanded #Pagination p.navigation{
color:#000;
background:url(../media/series/pagination/right_bg.jpg) top right no-repeat;
}

#SeriesExpanded #Pagination p.navigation a{
color:#000;
padding:0 5px;
text-decoration: none;
}

#SeriesExpanded #Pagination p.navigation a:hover{
color:#FFF;
}

#SeriesExpanded #Pagination p.navigation a.active{
text-decoration:none;
font-weight:bold;
}

#SeriesExpanded #Pagination p.navigation a.disabled{
padding:0 5px;
color:#666;
cursor: default;
}

/*
SERIES BOTTOM
*/

#SeriesBottom{
height:53px;
background:url(../media/series/series_bottom_bg.jpg) top center no-repeat;

}

#SeriesBottom #Content{
height:53px; width:931px;
padding:0 29px 0 0;
background:url(../media/series/series_bottom_content_bg.jpg) top right no-repeat;
}

#SeriesBottom #Navigation{
float:right;
height:53px;
padding:0 10px 0 30px;
background:url(../media/series/series_bottom_content_left_bg.jpg) no-repeat;
}

#SeriesBottom #Navigation a{
float:left;
display:block;
height:33px;
padding:20px 5px 0 25px;
margin:0 5px 0 0;
font-size:12px;
color:#FFF; text-decoration:none;
background:url(../media/series/link_sep.jpg) left bottom no-repeat;
}

#SeriesBottom #Navigation a:hover{
color:#ffd800;
}

#SeriesBottom #Navigation a.firstLink{
padding:20px 5px 0 5px;
background:none;
}

#SeriesBottom #ListingHeading{
float:left;
width:650px;
padding:15px 0 0 20px;
}

#SeriesBottom #ListingHeading h2{
padding:0; margin:1px 0 0 0;
float:left;
width:95px; height:27px;
font-size:12px;
text-indent:-10000px;
background:url(../media/listings/listings_h2.jpg) no-repeat;
}

#SeriesBottom #ListingHeading p.viewing{
float:right;
padding:5px; margin:0;
color:#FFF;
font-size:12px;
}


#Listings{
background:url(../media/listings/listing_bg.jpg) bottom no-repeat;
padding:0 0 20px 0;
}

#Listings #Content{
padding:10px 0;
}

#Listings #ListingsExpanded{

}


/*
LISTBOX
*/

#Listings #ListingsExpanded #ListBox{
width:928px;
margin:0 0 0 15px;
font-size:11px;
background:url(../media/listings/listbox/litbox_bg.jpg) repeat-y;
}

#Listings #ListingsExpanded #ListBox .lPanel{
padding:0 0 20px 0;
}

/*
Manage Favourites
*/


#Listings #ListingsExpanded #ListBox h3.manageFav{
height:26px;
text-indent:-10000px;
margin:10px 0; padding:0;
margin-left: 40px;
background:url(../media/listings/h3_fav.gif) no-repeat;
}

#Listings #ListingsExpanded #ListBox a{
color:#000; font-size:11px;
}

#Listings #ListingsExpanded #ListBox a:hover{
color:#666;
}

#Listings #ListingsExpanded #ListBox a.removeFav{
width:15px; height:14px;
text-indent:-10000px;
float:left;
margin:0 5px 0 0;
display:block;
background:url(../media/listings/remove.gif) no-repeat;
}

#Listings #ListingsExpanded #ListBox h4 a{
font-size:12px;
}




#Listings #ListingsExpanded #ListBox h3.heading{
padding:15px 0 0 25px; margin:0;
height:33px;
font-size:11px; color:#757474;
background:url(../media/listings/listbox/heading_bg.jpg) no-repeat;
}

#Listings #ListingsExpanded #ListBox .GridOver{
overflow:hidden;
float:left;
padding:0 0 0 5px;
width:760px;
}

#Listings #ListingsExpanded #ListBox .rightBox {
	float: right;
	width: 152px;
}

#Listings #ListingsExpanded #ListBox .rightNav{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#Listings #ListingsExpanded #ListBox .rightNav li{
	padding: 0;
	margin: 0;
}

#Listings #ListingsExpanded #ListBox .rightNav li a{
display:block;
padding:7px 0 0 40px;
height:20px;
color:#000;
font-size:11px;
text-decoration:none;
}

#Listings #ListingsExpanded #ListBox .rightNav a.fullscreen{
margin:10px 0 30px 0;
background:url(../media/listings/listbox/fullscreen.jpg) no-repeat;
}
#Listings #ListingsExpanded #ListBox .rightNav a.fullscreen:hover{
color:#FFF;
background:url(../media/listings/listbox/fullscreen_over.jpg) no-repeat;
}

#Listings #ListingsExpanded #ListBox .rightNav a.favourites{
color:#FFF;
background:url(../media/listings/listbox/favourite.jpg) no-repeat;
}
#Listings #ListingsExpanded #ListBox .rightNav a.favourites:hover{
background:url(../media/listings/listbox/favourite_over.jpg) no-repeat;
}

#Listings #ListingsExpanded #ListBox .rightNav a.sendtofriend{
color:#FFF;
background:url(../media/listings/listbox/send_to_friend.jpg) no-repeat;
}
#Listings #ListingsExpanded #ListBox .rightNav a.sendtofriend:hover{
background:url(../media/listings/listbox/send_to_friend_over.jpg) no-repeat;
}

#Listings #ListingsExpanded #ListBox .pagination{
height:39px;
background:url(../media/listings/listbox/pagination_bg.jpg) no-repeat;
}

#Listings #ListingsExpanded #ListBox .pagination a.backBut{
display:block;
width:61px; height:22px;
text-indent:-10000px;
margin:0 0 0 10px;
background:url(../media/back_but.jpg) no-repeat;
}

#Widgets{
background:#cdcbcb url(../media/widgets/bg.jpg) top center no-repeat;
}

#Widgets h2{
padding:0; margin:0;
text-indent:-10000px;

}

#Widgets .mailingList{
float:left;
width:267px;
font-size:11px; color:#333333;
padding:20px 20px 50px 20px;
background:url(../media/widgets/mailinglist_bg.jpg) bottom no-repeat;
}

#Widgets .mailingList h2.mList{
width:181px;
height:35px;
background:url(../media/widgets/mailing_list_h2.jpg) no-repeat;
}

#Widgets .mailingList p{
padding:5px 5px; margin:0;
}

#Widgets .mailingList form{
padding:10px 0; margin:0;
}

#Widgets .mailingList form .textField{
width:190px;
float:left;
border:1px solid #999999;
padding:2px 5px; margin:0 10px 10px 0 ;
}

#Widgets .features{
float:right;
width:590px;
font-size:11px; color:#333333;
padding:20px 20px 50px 20px;
background:url(../media/widgets/features_bg.jpg) 3px top no-repeat;
}

#Widgets .features h2.feature{
width:448px; height:35px;
background:url(../media/widgets/features_h2.jpg) no-repeat;
}

#Widgets .features p{
padding:0; margin:0;
}

#Widgets .features a{
color:#000;
}

#Widgets .features a:hover{
color:#666;
}

#Widgets .features a.tiddlyWink{text-indent:-10000px; display:block; margin:5px 0 0 0; float:left; width:41px; height:36px; background:url(../media/tiddlywinks.gif) left top no-repeat}
#Widgets .features a.tiddlyWink:hover{background-position:-41px top}

#Widgets .features p.blurbs{
padding:0 4px; margin:5px 0 0 0;
width:365px;
float:left;
}
/*
#Widgets .features p.blurbs{
padding:3px 0 5px 50px; margin:5px 0;
background:url(../media/widgets/p_bgs.jpg) no-repeat; 
background-position: left 6px;  
}*/

#Widgets .features .featuresText{
width:428px;
float:left;
}

#Widgets .features a.registerOnline{
display:block;
float:right;
text-indent:-10000px;
width:138px; height:145px;
background:url(../media/widgets/register_online.jpg) no-repeat;
}

#Widgets .features a.joinForum{
display:block;
float:right;
text-indent:-10000px;
width:138px; height:145px;
background:url(../media/widgets/join_forum.jpg) no-repeat;
}

#Widgets .features a.registerOnline:hover{
background:url(../media/widgets/register_online_over.jpg) no-repeat;
}


/*
FOOTER
*/

#Footer{
font-size:11px; color:#838383;
background:#FFF;
margin:0 0 -20px 0;
}

#Footer #Content{
padding:20px 0 40px 0;                                              
background:#FFF url(../media/footer/sep.jpg) 720px 0 no-repeat;
}

#Footer p.links{
padding:0;
margin:0;
width:400px;
float:left;
}

#Footer a{
color:#838383;
font-weight:bold;
}

#Footer a:hover{
color:#000;
}


#Footer a.i3media{
float:right;
width:193px; height:23px;
display:block;
text-indent:-10000px;
margin-top:1px;
background:url(../media/footer/i3media.gif) no-repeat;
}

#Footer a.i3media:hover{
background:url(../media/footer/i3media_over.gif) no-repeat;
}


/* Kat additions for scroll */
#SeriesList {
	overflow: hidden;
	height: 135px;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
	list-style-type: none;
}

#SeriesList li {
	/*div.SeriesBox{*/
	display: inline;
	float: left;
}

#page_display {
	font-size: 0.8em;
}
#page_current, #page_max {
	font-weight: bold;
	font-size: 1.5em;
}

.SeriesBox .details {
	height: 45px;
}

#cms {
	color: #000;
	float: left;
	width: 765px;
	border: 0;
	margin: 0;
	margin-left: 3px;
	padding: 0;
}

#DetailDisplayDialog {
	height: 400px;
}
#product_info {
	display: block;
	clear: both;
}

.jqmnTitle{
	margin: 0 25px;
	width: 75%;
	border: 1px dashed #000;
}
  
.jqmnTitle h1{
  margin: 0 auto;
  width: 95%;
  font-size:10px;
  color:#FFFFCC;
  background-color:#505050;
}

.jqmClose {
  float: right;
  cursor: pointer;
  margin-right: 5px;
  margin-top: -17px;
}

.jqmnContent{
  border-top:1px;
  color:#000;
  font:12px/18pt Comic Sans, Comic Sans MS, cursive;
  padding:0 20px 5px;
}
#reg_data,#reg_info, form.frmRegister, .newUser {
	width: 280px;
}
#reg_info,#login_info {
	text-align: center;
}

#login_info, #logout_info, #login_data, form.frmLogin {
	width: 270px;
}

#grid_spot {
	float: left;
	width: 765px;
	border: 0;
	margin: 0;
	margin-left: 3px;
	padding: 0;
}

/*.rightNav li {*/
/*	background-color: #C5C5C5;*/
/*}*/
/*.fave {*/
/*	width: 110px;*/
/*	height:15px;*/
/*	padding-left: 16px;*/
/*	background-image: url(../media/heart.png);*/
/*	background-repeat: no-repeat;*/
/*	background-position: 5px;*/
/*	background-color: #FFFFFF;*/
/*}*/


#account_settings{padding:20px 0;}


			
#account_panel, #manage_faves_panel {
	width: 765px;
	color: #000;
	float: left;
	font-size:12px;
}
#account_panel fieldset{
	width: 90%;
	border:1px solid #CCC;
	margin: 0 auto 20px auto;
	display: block;
	padding: 10px 13px;
	background:#FFF;
}
#account_panel fieldset legend{
	display: block;
	font-weight:bold;
	background:#666;
	color:#FFF;
	padding:5px 10px;
}
#account_panel label {
	width: 200px;
	padding:3px 0 0 0;
	float: left;
	display: block;
}
#account_panel input{
	float: left;
}

#account_settings .tField{
	margin:0 0 5px 0;
	width:200px;
	padding:2px 5px;
	font-size:11px; font-weight:bold;	
}

.acc_update_personal, .acc_update_password {
	float: right;
	border:1px solid #727272;
	height:25px;
	color:#FFF;
	font-size:11px;
	background:url(../media/listings/but_bg.jpg) repeat-x;
}


#manage_faves_data {
	width: 90%;
	margin: 0 auto;
}

#grid_img, #closeGrid,
#grid_img, #closeForum
 {
	margin: 0 auto;
	display: block;
	margin-bottom: 10px;
}

.fav_series_link,.fav_link {
	color: #000;
}
.fav_series_link {
	font-size: 1.2em;
}

#displayFooter div{
	margin-top: 15px;
	margin-left: 5px;
	padding-top: 10px;
	padding-left: 3px;
	color: #000;
}

#forum_frame {
	width:763px;
	height:670px;
	border: 0;
	margin: 0;
	padding: 0;
	margin-left: -15px;
}

.ajaxLoaderGrey{
font-size:11px !important;
padding-left:25px !important;
background:url(../media/ajax-loader-grey.gif) left 4px no-repeat;
}

.yellow_bg
{
	background: transparent url(../media/favorites_bg.jpg);
	padding: 6px 4px;
	text-align: center;
	color:#000;
	
}
.red_bg
{
	background: transparent url(../media/red_bg.jpg);
	padding: 6px 4px;
	text-align: center;
	color:#000;
	
}

#BlurbStuff h1
{
font-size:21px!important; letter-spacing:-1px;

}