/*----------------------------------------------
COLOURS:		PRIMARY		LIGHT
yellow						#FFD966
grey			#3E4851		#6F7981
blue			#192630		#B3C5D5

1.	STYLE RESET
2.	GLOBALS
3.	STRUCTURAL DIVS
4.	HEAD
5.	LOGO
6.	PRIMARY NAVIGATION
7. 	BREADCRUMBS
8.	PAGE NAV ITEMS
9.	SUPPORTING CONTENT  (includes local nav)
10.	SUB CONTENT
11.	FOOTER
12. TEMPLATE SPECIFIC
	- home
	- single book pages
	- book category page
	- gallery images
13.	SITEWIDE CLASSES & WYSIWYG STYLES
---------------------------------------------*/

@import "df_style_content.css";

/*  S T Y L E   R E S E T  */

body {
  	font-size: 62.5%;  /*  16px [1] All calculations are based on the assumption that 1em is 16px.*/
  	line-height: 1.57em; /* 18px [2]If you specify a font-size, also consider to specify a line-height property. */
  	text-align: left;
  	font-family:Arial, Helvetica, sans-serif;
	}

* {
	margin:0;
	padding:0;
	}

a img{
	border:none;
	}

a:focus, a:active { 
	outline: 0; 
	-moz-outline: none; 
	}
	
/*  G L O B A L  */

body {
	background:#192630 url("../img/df_bg.jpg") repeat top center;
	}
	


p, q, blockquote {
	font-size:1em;
	}
	


br {
	line-height:1.5em;
	}

/* S T R U C T U R A L   D I V S  */

.outer_space {
	background: url("../img/df_bg.gif") repeat-x top center;
	font-size: 1.6em;  /*  16px [1] All calculations are based on the assumption that 1em is 16px.*/
	line-height: 1.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#ffffff;
	}

.site_wrapper {
	width:970px;
	margin:0 0 0 35px;
	}

.header {
	width:970px;
	margin:0;
	}

.supporting_content {
	float: left;
  	position: relative;
	width:170px;
	display:inline;
	}

.main_content {
  	float: left;
  	position: relative;
	z-index:50;
	width:770px;
	display:inline;
	margin:-110px 0 0 24px;
	padding:0;
	}

.footer {
	position:relative;
	float: left;
	clear:both;
	line-height:1.5em;	
	padding-top:15px;
	margin:40px 0 0 227px;
	height:80px;
	display: inline;
	border-top:1px solid #505B66;
	}
	
/*  L O G O  */ 

.logo {
	z-index:100;
	position:relative;
	}

.logo a{
	float:left;
	height:230px;
	width:170px;
	display:block;
	background:url("../img/df_logo.jpg") no-repeat center #000000;
	text-indent:-4000px;
	}
	
/*  P R I M A R Y   N A V I G A T I O N  */

.RadMenu_PubliSite {
	padding:0;
	position:relative;
	display:block;
	height:37px;
	list-style-type:none;
	margin: 0;
	}
	
.RadMenu_PubliSite {
	margin-top:10px;
	margin-left:7px;
}	

.RadMenu_PubliSite li {
	display:block;
	float:left;
	margin:0;
	padding:0 0 0 0;
	font-size:1em;
	list-style-type: none;
	}
	
.RadMenu_PubliSite li a {
	display:inline-block;
	float:left;
	color:#ffffff;
	text-decoration:none;
	padding:0px 17px;
	height:23px;
	border-left:1px solid #6F7981;
	border-right:1px solid #3E4851;
	cursor: pointer;
	cursor: hand;
	}

.RadMenu_PubliSite li a:hover,
.RadMenu_PubliSite li a.current,
.RadMenu_PubliSite li a.current:hover{
	color:#FFD966;
	cursor: pointer;
	cursor: hand;
	}

.RadMenu_PubliSite li a.topnavitem1,
.RadMenu_PubliSite li a.topnavitem1,	
.RadMenu_PubliSite li a.topnavitem1:hover,
.RadMenu_PubliSite li a.topnavitem1ps_topnav_selected_section:link,
.RadMenu_PubliSite li a.topnavitem1ps_topnav_selected_section:visited,
.RadMenu_PubliSite li a.topnavitem1ps_topnav_selected_section:active {
	border-left:none;
	}	
	
.RadMenu_PubliSite li a.topnavitem1ps_topnav_selected_section:link,
.RadMenu_PubliSite li a.topnavitem1ps_topnav_selected_section:visited,
.RadMenu_PubliSite li a.topnavitem1ps_topnav_selected_section:active,
.RadMenu_PubliSite li a.topnavitem2ps_topnav_selected_section:link,
.RadMenu_PubliSite li a.topnavitem2ps_topnav_selected_section:visited,
.RadMenu_PubliSite li a.topnavitem2ps_topnav_selected_section:active,
.RadMenu_PubliSite li a.topnavitem3ps_topnav_selected_section:link,
.RadMenu_PubliSite li a.topnavitem3ps_topnav_selected_section:visited,
.RadMenu_PubliSite li a.topnavitem3ps_topnav_selected_section:active,
.RadMenu_PubliSite li a.topnavitem4ps_topnav_selected_section:link,
.RadMenu_PubliSite li a.topnavitem4ps_topnav_selected_section:visited,
.RadMenu_PubliSite li a.topnavitem4ps_topnav_selected_section:active,
.RadMenu_PubliSite li a.topnavitem5ps_topnav_selected_section:link,
.RadMenu_PubliSite li a.topnavitem5ps_topnav_selected_section:visited,
.RadMenu_PubliSite li a.topnavitem5ps_topnav_selected_section:active,
.RadMenu_PubliSite li a.topnavitem6ps_topnav_selected_section:link,
.RadMenu_PubliSite li a.topnavitem6ps_topnav_selected_section:visited,
.RadMenu_PubliSite li a.topnavitem6ps_topnav_selected_section:active,
.RadMenu_PubliSite li a.topnavitem7ps_topnav_selected_section:link,
.RadMenu_PubliSite li a.topnavitem7ps_topnav_selected_section:visited,
.RadMenu_PubliSite li a.topnavitem7ps_topnav_selected_section:active,
.RadMenu_PubliSite li a.topnavitem8ps_topnav_selected_section:link,
.RadMenu_PubliSite li a.topnavitem8ps_topnav_selected_section:visited,
.RadMenu_PubliSite li a.topnavitem8ps_topnav_selected_section:active {
	color:#FFD966;
}	

ul.primary_nav li.last a {
	border-right:none;
	}
	
ul.primary_nav li.current.last a,
ul.primary_nav li.last a:hover {
	border-right:none;
	}
	
.RadMenu_PubliSite li li {
	display:block;
	float:left;
	margin:0;
	padding:0;
	height: 35px;
	list-style-type: none;
	}	
	
.RadMenu_PubliSite li li a {
	display:block;
	float:left;
	color:#ffffff;
	text-decoration:none;
	background-color: #2C3A47;
	padding:5px 24px 7px 10px;
	border-left:0px solid #6F7981;
	border-right:0px solid #3E4851;
	cursor: pointer;
	cursor: hand;
	background:url("../img/df_topnav_subnav_bck.jpg") repeat-x center;
	}

/*  B R E A D C R U M B S  */

p.breadcrumb {
	padding:0;
	margin:35px 0 0 24px;
	float:left;
	position:relative;
	font-size:0.88em;
	color:#B3C5D5;
	line-height:1.5em;
	width: 730px;
	}
	
.breadcrumb span {
	font-weight:bold;
	}
	
.breadcrumb a {
	font-weight:normal;
	color:#B3C5D5;
	text-decoration:none;
	}
	
.breadcrumb a:hover {
	color:#ffffff;
	text-decoration:underline;
	}	

/*   S U P P O R T I N G   C O N T E N T   */

.supporting_content {
	font-size:0.875em;
	}

.supporting_content a {
	color:#B3C5D5;
	text-decoration:none;
	}

.supporting_content a:hover{
	color:#ffffff;
	}
	
.supporting_content ul,
.book_single .supporting_content .subnav ul {
	margin:0;

	}

.supporting_content ul li,
.book_single .supporting_content .subnav ul li {
	background: url("../img/df_dashline_horiz.gif") repeat-x bottom center;
	margin:0;
	list-style-type: none;
	padding:3px 0 6px 0;
	list-style-image: none;
	}
	
.gallery .supporting_content .subnav ul li li,	
.book_single .supporting_content .subnav ul li li  {
	background: none;
	padding: 10px 0 10px 10px;
	}
		
/*  F O O T E R  */	

.footer ul {
    margin: 0;
    padding: 0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.75em;
	line-height:1.4em;
	position:relative;
	float: left;
}

.footer li {
    margin: 0;
    padding: 0 10px 0 0;
    float: left;
    list-style-type: none;
}

.footer p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	line-height:1.6em;
	text-align:left;
	color:#505B66;
	display: inline;
	float: left;
	}

.footer a{
	color:#505B66;
	}
	
.footer a:hover {
	color:#B3C5D5;
	}
	
/*  T E M P L A T E   S P E C I F I C  */
/* alternative home */
.home_alt .site_wrapper {
	width:100%;
	margin:0;
	}
.home_alt .content_container_alt{
	background:#000000 url("../img/df_bg_home_alt_repeat.jpg") repeat-y top left;
	width:100%;
	padding:0 0 10px 0;
	}
.home_alt .content_container{
	margin:0;
	width:100%;
	padding:0;
	background:url("../img/df_bg_home_alt.jpg") no-repeat top left;
	min-height:530px;
	height:auto !important;
	height:530px;
	}
.home_alt .main_content {
  	float:none;
	display:block;
  	position: relative;
	width:886px;
	margin:0;
	padding:10px 40px 10px 24px;
	}
.home_alt .logo {
	padding:41px 0 0 11px;
	}
.home_alt .logo a {
	float:left;
	height:124px;
	width:450px;
	display:block;
	background:none;
	text-indent:0;
	}
a.bordered_link_arrow:hover{
	color:#ffffff !important;
	text-decoration:underline;
	}
.home_alt h2 {
	font-size:1.14em;
	margin: 0;
	}
.home_alt .portrait{
	float:left;
	width:280px;
	}
.home_alt .textbox_container{
	background:url("../img/df_textbox_repeat.jpg") repeat-y top left;
	float:right;
	width:570px;
	margin-bottom:20px;
	}
.home_alt .textbox{
	background:url("../img/df_textbox_top.jpg") no-repeat top left;
	padding:20px 25px 25px 25px;
	}
.home_alt .window{
	width:570px;
	float:right;
	}
.home_alt .RadMenu_PubliSite {
	padding:0;
	position:relative;
	display:block;
	height:33px;
	list-style-type:none;
	margin: 0;
	}
.home_alt .RadMenu_PubliSite {
	margin-top:10px;
	}	
.home_alt .footer{
	padding-top:15px;
	margin:0 0 0 25px;
	border-top:0;
	}
.home_alt .footer img{
	margin-right:5px;
	}
/* home */

.home .site_wrapper {
	width:100%;
	margin:0;
	}

.home .content_container{
	margin:25px 0 0 0;
	width:100%;
	padding-bottom:30px;
	background-color: #000000;
	}

.home .main_content,
.home .main_content_2 {
  	position:relative;
  	clear: both;
  	
	display:block;
  	position: relative;
	width:946px;
	margin:0;
	padding:150px 0 0 24px;
	}
.home .main_content_2 {
	padding:30px 0 0 24px;
	}	

.home .logo {
	position:absolute;
	margin-top:84px;
	margin-left:10px;
	left: 0;
	top: 0;
	}

.home .logo a {
	float:left;
	height:124px;
	width:450px;
	display:block;
	background:url("../img/df_logo_home.jpg") no-repeat center #000000;
	text-indent:-4000px;
	}

.home .breadcrumb {
    display: none;
}

.home .footer {
	display:none;
	}

.home h1 {	
	font-size:1.5em;
	margin-bottom: 10px;
	}

.home h2 {
	font-size:1.14em;
	margin: 0;
	}

.seller_box {
	font-size:0.875em;
	background:#1C1E20;
	border:1px dashed #24323E;
	width:255px;
	height:11em;
	margin:20px 0 0 0;
	padding:15px 0 15px 15px;
	}

.seller_box li{
	list-style-image:url("../img/df_list_item_arrow.gif");
	line-height:1.5em;
	padding:0;
	background:none;
	margin:0 0 0 1.2em;
	}

.seller_box li a {
	color:#B3C5D5;
	text-decoration:none;
	}

.seller_box li a:hover{
	color:#ffffff;
	}

.sellers_list{
	float:left;
	margin:10px 10px 0 0 ;
	}

.seller_box br.clear {
	line-height:0;
	}
		
/* single book pageS */

.book_single .main_content,
.book_single .footer{
	width:550px;
	}

.book_single .supporting_content ul li {
	list-style-image:url("../img/df_list_item_arrow.gif");
	line-height:1.5em;
	padding:0;
	background:none;
	margin:0 0 0 1.2em;
	list-style-type: none;
	}

/* book category  page*/

.books .footer,
.gallery .footer{
	width:720px;
	}

ul.booklist  {
	background: url("../img/df_dashline_booklist.gif") repeat-y top right;
    display: inline-block;
	}
	


/* gallery image */

#gallery .footer{
	width:720px;
	}

.galleryimages  {
	background: url("../img/df_dashline_vert.gif") repeat-y 375px 0;
	}



/*  S I T E W I D E   C L A S S E S  &   W Y S I W Y G   S T Y L E S  */

.hidden {
	display:none;
	}

.right {
	float:right;
	}	
	
.left {
	float:left;
	}

.clear {
	clear:both;
	}

.clearleft {
	clear:left;
	}

.clearright {
	clear:right;
	}


	
.larger {
	font-size:1.13em;
	}

span.dashed_horizontal_line hr {
 	display: none;
	}

.button {
	padding:0;
	}
	
.button a {
	color:#002B64;
	text-decoration:none;
    display: block;
	}
	
.button a:hover {
	color:#000;
	text-decoration:underline;
	}

.button a span{
	display:none;
	}
	
p.more_button {
	display:inline;
	margin:0;
	padding:0;
	font-size:1em;
	}

/*home*/

.bestseller_jackets {
	position:relative;
	float:right;
	margin:0px 336px 0 10px;
	width:304px;
	overflow:hidden;
	display: inline;
	}

.bestseller_jackets img{
	float:left;
	}
	
.homepage_bestseller_text {
	font-size:1.5em;
	margin-bottom:-40px;
	padding:20px 65px 15px 0;
	
	display:block;
	}

.homepage_outnow_text{
	font-size:2.25em;
	line-height: 1.0em;
	}

.homepage_bestseller_title,
.homepage_bestseller_title a{
	text-transform:uppercase;
	color:#F0348E;	
	text-decoration:none;
	line-height: 1.2em;
	}

/*book category page*/

.booklist_publish_date{
	font-style:italic;
	font-size:0.75em;
	}
	
/* characters category  page*/

#characters .footer{
	width:720px;
	}

ul.characterlist {
	background: url("../img/df_dashline_charlist.gif") repeat-y 127px top;
	padding: 0;
	margin:0;
	display: inline-block;
	}
	
ul.characterlist li {
	width:133px;
	height:190px;
	list-style-type:none;
	margin:0 20px 0 0;
	padding:0;
	float:left;
	line-height:1.3em;
	}

ul.characterlist li a,
ul.characterlist li a:active,
ul.characterlist li a:link,
ul.characterlist li a:visited{
	text-decoration:none;	
	display:block;
	}
	
ul.characterlist li a:hover{
	color:#ffffff;
	}
	
ul.characterlist li img{
	text-align:left;
	margin:0 0 5px 0;
	display:block;
	}

ul.characterlist li a img,
ul.characterlist li a:link img,
ul.characterlist li a:active img,
ul.characterlist li a:visited img{
	border:1px solid #333333;
	}

ul.characterlist li img:hover,
ul.characterlist li a:hover img{
	border:1px solid #ffffff;
	}

.charlist_book_title{
	font-style:italic;
	font-size:0.75em;
	}


.sitemap li li {
    padding: 0 0 0 20px;
    list-style-type: none;
}

/* FORUM */

.forum {
    position:relative;
    float: left;
    margin-top: 30px;
    width: 720px;
}

.loginform input,
.newsletterform input {
    margin-bottom: 10px;
    height: 15px;
    border: solid 1px #000;
    padding: 5px;
    width: 400px;
}

.loginform submit,
.loginform input.signupsubmitbutton,
.loginform input#ctl00_Content1_ucLogin_btnLogin,
.newsletterform .button {
    height: 30px;
    width: 100px;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
    background-color: #FFD966;
}


.signupsubmitbutton {
    padding: 0;
    margin: 10px 0 0 0;
    background-color: #FFD966;
    font-weight: bold;
}

.loginform submit:hover,
.loginform input.signupsubmitbutton:hover,
.loginform input#ctl00_Content1_ucLogin_btnLogin:hover,
.signupsubmitbutton:hover {
    background-color: #FFD900;
    cursor: pointer;
    cursor: hand;
}

.newsletterform {position:relative; float: left; margin-top: 20px; }
.newsletterform p { clear: both; margin: 0 0 15px 0; }
.newsletterform label {position:relative; float: left; width: 120px;}

.forum a:hover {
 color: #FFD966;
}

.forum input {
    width: 400px;
}

.forum textarea {
    width: 400px;
    height: 100px;
    font-family: Verdana, Arial;
}

.forumrow 
{
    padding: 10px 0 10px 0; 
    border-bottom: solid 1px #505B66;
}

.forumsearch,
.forumbreadcrumb {
    display:none;
}

.forumdetailsname,
.forumdetailsdate 
{
    font-size: 0.9em;
    color: #999999;
}

.forumerror,
.validationerror
{
    color: #FFD966 !important;
    font-size: 0.8em;
}

.validationerrorlist 
{
    color: #FFD966 !important;
    font-size: 1.0em;
    line-height: 1.5em;
    margin: 10px 0px 10px 0px;
    clear: both;
}

.forum .psforumbutton 
{
    font-size:0.72em;
    background-color: #FFD966;
    color:#000000;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
    border: solid 0px #FFF;
    margin-top: 10px;
    display: inline-block;
}

.forum  .psforumbutton:hover {
    color: #000;
    text-decoration: none;
    background-color: #FFD900;
}

.SmartListResults li {
    border-bottom: dashed 1px #505B66;
    padding: 10px 0 10px 0;
    list-style-type: none;
}

.SmartListPageLink {
    color: #FFFFFF;
    text-decoration: underline;
}

#book_root .footer{
	width:720px;
	}

ul.book_category  {
	background: url("../img/df_dashline_bookcat.gif") repeat-y 232px top ;
    display: inline-block;
	}
	
.book_category li {
	width:228px;
	height:190px;
	list-style-type: none;
	margin:0 20px 0 0;
	padding:0 0 3em 0;
	float:left;
	line-height:1.3em;
	}

.book_category li a,
.book_category li a:active,
.book_category li a:link,
.book_category li a:visited{
	text-decoration:none;	
	display:block;
	}
	
.book_category li a:hover{
	color:#ffffff;
	}
	
.book_category li img{
	text-align:center;
	margin:20px 0 5px 0;
	}

.book_category li a span {
	font-style:italic;
	font-size:0.75em;
	margin-top:10px;
	display:block;
	}

.book_category li a span:hover{
	text-decoration:underline;
	}	
