/* DEFAULTS
----------------------------------------------------------*/

html, body   
{
    background-color: #fff;
    background-image: url('bg.png'); 
    background-repeat:repeat-x;    
    font-family: Arial;
    font-size: 13px;
    margin: 0px;
    padding: 0px;
    color: #1e1e1e;
    height: 100%;
}

a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}


/* Master Template LAYOUT ELEMENTS   
--------------------------------------------------------------------*/

#toplogo { margin-top: 20px; margin-left: 20px; background-image: url('logo.png'); width: 665px; height: 89px; background-repeat:no-repeat;}

.page
{
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #dedede;
	border-left-color: #dedede;
	width: 950px;
	overflow: hidden;
	padding: 0px;
}

#maincontainer
{
    padding: 0px;
    margin: 2px 8px 8px 14px;
    min-height: 100%;
	height: auto !important;
	height: 100%;
	border: 0px solid #000;
	width: 921px;
}




/* HEADINGS   
----------------------------------------------------------*/

h1
{
    font-size: 14pt;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-family: Trebuchet MS, Arial;
    font-weight: normal;
}

h2
{
    font-family: Tahoma, Arial;
    font-size: 11pt; font-weight: normal;
    padding: 0px;
    margin: 0px; line-height: normal; border: 0px solid #000;
}

div.content-container h1 div#mainheader-content p {
font-size:14px;}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* Home Page  
----------------------------------------------------------*/

#home-top-section { background-image: url('home.png'); height: 318px; }
#home-mid-container {float: left; width:921px; margin-top: 20px; height: 550px;}
#featured-titles { background-image: url('featured-box.png');float:left; height: 538px; width: 299px; margin-left: 15px; }
#new-releases {background-image: url('featured-box.png'); float:left; height: 538px; width: 299px;margin-left: 15px;}

#featured-categories {float: left; width:268px; height: 308px; margin-left: 3px; font-family: Trebuchet MS,arial;}
.featured_img {float: left; top: 0px; left: 0px;  width: 77px; z-index: 0; border: 1px #383838 solid; margin-right: 10px; margin-bottom: 5px;}

.book-categories li { color: #fff; font-size: 16px;}

#home-bottom-subtopics {float: left; width:921px; margin-top: 15px; height: 128px;}
#home-bottom-column1 {float:left; height: 100px; width: 286px; margin-left: 21px;}
#home-bottom-column2 {float:left; height: 95px; width: 286px; margin-left: 27px;}
#home-bottom-column3 {float:left; height: 100px; width: 260px; margin-left: 33px;}
.section-title { position: relative; top: 10px; left: 20px; color: #262626; font-size: 14px; font-weight: bold; font-family: Arial;}
.section-title2 { position: relative; top: 10px; left: 0px; color: #254368; font-size: 13px;  font-weight: bold;font-family: Arial; height: 30px;}
.book_summary_featured { position:relative; left: 2px; top: 17px; width:270px; height:196px; border: 0px solid #000; padding: 10px; }


/* Home page scroller
----------------------------------------------------------*/
.transparent_class {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.first_book {
	filter:alpha(opacity=99);
	-moz-opacity:.99;
	-khtml-opacity: .99;
	opacity:.99; z-index: 0;
}
#book-detail {position:relative; left: 340px; height:250px; top: 25px; width: 280px;}
.book-title     { font-size: 15pt;font-family: arial;}
.book-synopsis    { font-size: 10pt; }
.book_summary { width: 247px; position:absolute; left: 17px; top: 17px; border: 0px solid #000; color: #fff; font-family: arial; }
.readmore {position:absolute;top:178px; width:101px; height:24px;background-image:url('readmore.png');}
#next_button {position:absolute; left: 20px; top: 237px; border:0px; width:33px; height:13px;background-image:url('next.png');}
#book-detail-line1 {background-color:#efefef; height: 1px; width: 250px; position:absolute; left: 15px; top: 5px;}
#book-detail-line2 {background-color:#efefef; height: 1px; width: 250px; position:absolute; left: 15px; top: 230px;}


/* Book Detail Page
-------------------------------------------------------------*/

.bookdetail-header
{
	font-family: Tahoma, Arial;
    font-size: 12pt; font-weight: normal;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.bookdetail-top-section1 { 
	background-image: url('detail_book_bg.png'); margin-top: 5px; height: 375px; font-size: 10pt;	 
	width: 586px; float: left; overflow: hidden; margin-left:-2px; padding: 20px;
}


.bookdetail-top-section2 { 
	background-image: url('detail_book_bg2.png'); height: 375px;margin-top: 5px; font-size: 10pt;	 
	width: 247px;float: left; overflow: hidden; margin-left: 10px; padding: 20px;
}

.bookdetail-bottom-section { 	
	margin-top: 20px; width: 905px;float: left; overflow: hidden; margin-left: 3px; padding: 0px; border: 0px solid #000; margin-bottom:15px;
}

#book-details {width: 350px; float:left; margin-top:10px;}
#book-details-line1 {height:1px; background-color: #e2edf5; width: 350px; margin-top:20px; margin-bottom:20px;}
#book-details-line2 {height:1px; background-color: #e2edf5; width: 350px; margin-top:20px; margin-bottom:20px;}
#book-details-line3 {height:1px; background-color: #e2edf5; width: 900px; margin-top:20px; margin-bottom:20px;}
#book-image-container {width: 220px; border: 0px solid #383838; float:left;margin-top:40px;}
#coverimg {border: 1px #383838 solid; width: 150px; margin-left: 50px; cursor: pointer;}
.subtitle {margin:0px; padding:0px; color: #1568a3; font-size: 1em; line-height: 1em;}



/* SideBar  
----------------------------------------------------------*/
#news-events-container {background-image: url('news-events.png'); height: 283px; width: 266px; margin-left: 0px;}
#release-soon-container {background-image: url('release-soon.png'); height: 258px; width: 266px; margin-left: 0px; margin-top: 2px;}
#sidebar-top-content { margin-top:7px; margin-left:14px; width: 238px; font-size: 12px; color: #1e1e1e;border: 0px #000 solid;}
.sidebar-section-title { position: relative; top: 10px; left: 10px; color: #fff; font-size: 13px;  font-weight: bold;font-family: Arial; height: 30px; margin-bottom:3px;}



/* MISC  
----------------------------------------------------------*/

.content-container {	float:left; margin-left: 20px;	width:620px; margin-top: 4px;  }
.book-title-featured { font-size: 12pt;font-family: arial; font-weight: bold;}
.book-synopsis-featured { font-size: 12px; }
.book_summary_release_soon { position:relative; left: 10px; top: 0px; width:230px; height:196px; border: 0px solid #000; padding: 10px;}
.maincontent {margin-top:10px; color:  #1e1e1e; font-family: Tahoma, Arial; font-size: 10pt;}
.more_img { display:block; width:60px; height:26px; background-image:url('more_btn.png'); background-repeat:no-repeat; position:relative; margin-left: 100px; }


/* Navigation
----------------------------------------------------------*/

#nav {
	margin: 0px;
	width: 939px; margin-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 13px;
	overflow: hidden;
	height: 41px;
}
#nav ul {
	margin: 0px;
	float: left;
	}
	
#nav li {
	margin: 0px;
	float: left;
	list-style-type: none;
	padding: 0px;
	display: inline;	
	padding: 0 0 0 1px;
}
#nav li img {
	border: 0px;
}
#nav li.home {
	padding: 0px;
}

#nav li.home, #nav li a.home{
	display: block;
	overflow: hidden;
	height: 41px;
	width: 88px;
	background-image:url('home_btn.gif'); 
	background-position: 0px 0px;
}

#nav li.book, #nav li a.book{
	display: block;
	overflow: hidden;
	height: 41px;	
	width: 104px;
	background-image:url('book_btn.gif');
}

#nav li.media, #nav li a.media{
	display: block;
	overflow: hidden;
	height: 41px;
	width: 98px;
	background-image:url('media_btn.gif');
}

#nav li.retailers, #nav li a.retailers{
	display: block;
	overflow: hidden;
	height: 41px;
	width: 224px;
	background-image:url('retailers_btn.gif');
}

#nav li.submissions, #nav li a.submissions{
	display: block;
	overflow: hidden;
	height: 41px;
	width: 145px;
	background-image:url('submissions_btn.gif');
}

#nav li.about, #nav li a.about{
	display: block;
	overflow: hidden;
	height: 41px;
	width: 120px;
	background-image:url('about_btn.gif');
}

#nav li.contact, #nav li a.contact{
	display: block;
	overflow: hidden;
	height: 41px;
	width: 136px;
	background-image:url('contact_btn.gif');
}


/* Footer
----------------------------------------------------------*/

#footer {
	float: left;
	bottom: 0px;
	background-color: #fff;	
	background-image: url('footer.png'); 
	background-repeat: no-repeat;
	margin-left: 13px; margin-top: 20px;
	width: 923px;
	padding: 0px;
	height: 52px;
}

#footer p {
	padding: 5px 0px 0px 17px;
}

#footer a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #FFFFFF;
}

#footer a:hover {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #CCCCCC;
}

.copyrights {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	margin: 0px;
	float: left;
	width: 250px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-top: 3px;
	color: #FFFFFF;	
}




/* the overlayed element ********************************************************* */
div.overlay {	
	 /* must be initially hidden */ 
    display:none;
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
    
    /* styling */ 
    background-color:#333; 
     
    min-height:100px; 
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 20px 5px #063233; 
    -webkit-box-shadow: 0 0 20px #063233;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url('/images/close.png');
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}