html, body
{
    height: 100%;
    image-rendering:optimizeSpeed;              /* Legal fallback                 */
    image-rendering:-moz-crisp-edges;           /* Firefox                        */
    image-rendering:-o-crisp-edges;             /* Opera                          */
    image-rendering:-webkit-optimize-contrast;  /* Chrome (and eventually Safari) */
    image-rendering:crisp-edges;                /* CSS3 Proposed                  */
    -ms-interpolation-mode:bicubic;             /* IE8+                           */
}

body
{
    font-size: 90%;
    font-family: Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    color: #232323;
    background-color: #fff;
    background-image: url('../images/page-background.jpg');
}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

div.container {
    min-height: 100%;
    background-image: url('../images/content-area-shadow.png');
    background-position: top center;
    background-repeat: repeat-y;
}

div.content-area
{
    position:relative; /* needed for footer positioning*/
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/
	min-height: 100%; /* real browsers */
    
    width: 980px;
    background-color: #FFFFFF;
    background-image: url('../images/banner-background.jpg');
    background-repeat: repeat-x;

    margin-left: auto;
    margin-right: auto;
    
    overflow: auto;
    padding-bottom: 30px;
}

div.footer
{
    background-color: #FFFFFF;
    position: relative;
    height: 21px;
    margin-top: -30px;
    font-size: 70%;
    text-align: center;
    padding-top: 9px;
}

div.site-logo-placeholder {
    height: 32px;
}

img.site-logo {
    position: relative;
    top: -130px;
    left: -90px;
}

div.header
{
    height: 200px;
}

div.body
{
    min-height: 100%;
    margin-top: 30px;
}

img.heading
{
    display: block;
    margin-bottom: 25px;
}

p, ul
{
    padding-bottom: 1.3em;
}

p.terms {
    font-size: 70%;
    color: #666666;
}

div.feature 
{
    clear: both;
    display: block;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

div.feature a, div.feature a:visited, div.feature a:active
{
    color: #156F99;
    text-decoration: none;
}

div.feature a:hover {
    text-decoration: underline;
}

a.click-me 
{
    padding-right: 15px;
    background: url('../images/click-me-arrow.png') no-repeat right center;
}

div.facebook {
    margin-bottom: 22px;
}

div.romances-blurb {
    display: inline;
}

div.romances-blurb img {
    float: right;
    padding-left: 20px;
}

h1 {
    padding-bottom: 20px;
}

p.indent {
    padding-left: 40px;
}
/*=================================== Out Now =================================*/

.out-now {
    clear: left;
    padding-bottom: 10px;
}

.out-now img 
{
    float: left;
    padding-right: 10px;
    vertical-align: top;
}

.out-now .book-preorder
{
    font-weight: bold;
    font-style: italic;
    padding-bottom: 5px;
}

.out-now .book-synopsis {
    padding-bottom: 10px;
}

.book-description-block {
    min-height: 400px;
}

/*=================================== Author =================================*/

img.author
{
    border: solid 1px #000000;
}

/*============================= Facebook ==========================*/

div.facebook img {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

div.facebook
{
    float: right;
}

div.facebook-link
{
    margin-top: 10px;
    width: auto;
    float: right;
}

/*============================= News Items ==========================*/

div.news-item
{
    margin-bottom: 40px;
    float: none;
    clear: both;
}

div.news-item img {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

div.news-item div.news-item-date
{
    float: right;
}

div.news-item div.news-item-title
{
    font-weight: bold;
    margin-bottom: 20px;
}

div.news-item div.news-item-content
{
    width: auto;
}

div.news-item div.news-item-link
{
    width: auto;
    float: right;
}

div.news-item-brief
{
    margin-bottom: 20px;
    float: none;
    clear: both;
}

div.news-item-brief div.news-item-date
{
    
}

div.news-item-brief div.news-item-title
{
    font-weight: bold;
}

div.news-item-images {
    clear: left;
}

/*============================= Events ==========================*/

div.event
{
    margin-bottom: 40px;
    float: none;
    clear: both;
}

div.event div.event-date
{
    float: right;
    margin-bottom: 10px;
}

div.event div.event-location
{
    clear: both;
    margin-bottom: 20px;
}

div.event div.event-title
{
    float: left;
    font-weight: bold;
}

div.news-item div.news-item-content
{

}

div.event div.event-link
{

}

/*============================= Reviews ==========================*/

blockquote
    {
    clear: both;
    margin-top: 20px;
    padding-left: 70px;
    padding-top: 5px;
    min-height: 34px;
    background: url(../images/block-quote.png) top left no-repeat;
}

.news-item-content blockquote
    {
    margin-right: 20px;
}


cite
    {
    float: right;
    display: block;
    margin: 10px 0px 10px 0px;
}

h1 
{
    clear: both;
}

/*=========================== Contact ==========================*/



/*=========================== Excerpt ==========================*/

.book-excerpt {
    background-color: white;
}

/*============================= Books ==========================*/

/* root element for tabs  */
ul.css-tabs {  
	margin:0 !important;
	padding:0;
	height:30px;
	border-bottom:1px solid #666;	 	
}

/* single tab */
ul.css-tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
	float:left;
	font-size:13px;
	display:block;
	padding:5px 30px;	
	text-decoration:none;
	border:1px solid #666;	
	border-bottom:0px;
	height:18px;
	background-color:#efefef;
	color:#777;
	margin-right:2px;
	position:relative;
	top:1px;	
	outline:0;
	-moz-border-radius:4px 4px 0 0;	
}

ul.css-tabs a:hover {
	background-color:#F7F7F7;
	color:#333;
}
	
/* selected tab */
ul.css-tabs a.current {
	background-color:#FFFFFF;
    border-bottom: solid 1px #FFFFFF;	
	color:#000;	
	cursor:default;
}

	
/* tab pane */
.css-panes div {
	display:none;
	border:1px solid #666;
	border-width:0 1px 1px 1px;
	min-height:150px;
	padding:15px 20px;
	background-color:#ddd;	
}

.book-title {
    font-size: 160%;
    margin-bottom: 10px;
}

.book-series {
    margin-bottom: 5px;
}

.book-author {
    margin-bottom: 10px;
}

.book-preorder 
{
    font-weight: bold;
    font-style: italic;
    margin-bottom: 10px;
}

.book-excerpt-link {
    font-weight: bold;
    font-style: italic;
}

.imprint
{
    overflow: hidden;
    padding-bottom: 20px;
}

.details 
{
    width: 329px;
    float: left;
}

 .retailers 
{
    width: 239px;
    float: left;
}

.details div
{
    margin-bottom: 2px;
}

.imprint-frame 
{
    width: 598px;
    overflow: auto;
    padding: 20px 10px 0px 10px;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

.format {
    font-size: 120%;
    font-weight: bold;
    width: 598px;
    margin-bottom: 15px;
}

.details .label {
    font-weight: bold;
    width: 150px;
    float: left;
}

.details .property {
    overflow: hidden;
}

/* buy buttons */

.retailers ul {
	padding: 5px;
	margin: 10px 0;
	list-style: none;
	background-color: #fff;
	float: left;
	clear: left;
}

.retailers ul li {
	
	display: block; /*For ignore double margin in IE6*/
	margin: 0 20px;
}

.retailers ul li a {
	text-decoration: none;
	float:left;
	background: url('../images/blue.png') no-repeat top right;
 	color: #0d5f83;
	cursor: pointer;
	font: 900 14px/22px "Arial", Helvetica, sans-serif;
}

.retailers ul li a span {
	margin: 0 10px 0 -10px;
	padding: 1px 5px 12px 15px;
	position: relative; /*To fix IE6 problem (not displaying)*/
	background: url('../images/blue.png') no-repeat top left;
	float:left;
}


/* view image link */

#cover-image-box {
    width: 220px;
    height: 370px;
    text-align: center;
}

#cover-image {
    padding-bottom: 10px;
}

/*============================= Menu and Menu Items ==========================*/

div.menu-bar 
{
    position: absolute;
    top: 130px;
    width: 100%;
    height: 50px;
    background-image: url('../images/menu-bar-background.jpg');
    z-index: 2;
}

div.menu-items
{
    padding-top: 9px;
    font-size: 15px;
    height: 100%;
}

div.menu-items a
{
    color: #000000;
    text-decoration: none;
}

div.menu-item
{
    padding-top: 7px;
    height: 25px;
}

div.menu-item:hover, div.menu-item:hover a
{
    background-color: #2485B0;
    color: #FFFFFF;
}

div.menu-items div
{
    position: relative;
    text-align: center;
    float: left;
}

div.menu_1, div.menu_4 {
    width: 65px;
}

div.menu_2 {
    width: 70px;
}

div.menu_3, div.menu_5 {
    width: 80px;
}

div.menu_6, div.menu_7 {
    width: 90px;
}

div.menu-bar-books 
{
    position: absolute;
    top: 171px;
    width: 100%;
    z-index: 3;
}

div.submenu-books
{
    position: relative;
    left: 65px;
    width: 250px;
    background-color: #2485B0;
    display: none;
}

div.submenu-contact
{
    position: relative;
    left: 760px;
    width: 180px;
    background-color: #2485B0;
    display: none;
}

div.submenu-item {
    padding-left: 9px;
    color: #FFFFFF;
    padding-top: 7px;
    padding-bottom: 7px;
    height: 25px;
}

div.submenu-item a {
    color: #FFFFFF;
    text-decoration: none;
}

div.menu-bar-shadow
{
    position: absolute;
    top: 180px;
    width: 100%;
    height: 10px;
    background-image: url('../images/menu-bar-shadow.png');
    z-index: 1;
}

#country-selector
{
    padding-top: 7px;
    height: 25px;
    text-align: left;
}

/*================================ Series =============================*/

div.book {
    margin-bottom: 20px;
}

.tooltip {
	display:none;
	background:transparent url('../images/tooltip/black_arrow.png');
	font-size:14px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;
}

h1.series-title {
    padding-bottom: 20px;
}

div.series-description {
    padding-bottom: 20px;
    padding-right: 70px;
}

/* Styles for basic forms
-----------------------------------------------------------*/

/*
fieldset 
{
    border:1px solid #ddd;
    padding:0 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
}

legend 
{
    font-size:1.2em;
    font-weight: bold;
}
*/

input[type=text] {
    width: 300px;
}

select {
    width: 279px;
}

textarea 
{
    width: 274px;
    min-height: 75px;
}

.editor-label 
{
    width: 100px;
    float: left;
    clear: left;
    text-align: right;
    margin: 10px 20px 0 0;
}

.editor-field 
{
    min-width: 275px;
    float: left;
    margin: 7px 0 0 0;
}

.editor-field input
{
    width: 275px;
}



/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/* Newsletter sign-up
-----------------------------------------------------------*/

select.day-selector {
    width: 100px;
}

select.month-selector {
    width: 175px;
}

.huledet {
    display: none;
    overflow: hidden;
    width: 620px;
}

input.huledet-opt-in {
    width: 20px;
    vertical-align: text-top;
}