/*------------------------------------------------------------------
TABLE OF CONTENTS
.................
A. BASE
B. CONTENT
------------------------------------------------------------------*/


/*------------------------------------------------------------------
A. BASE - TABLE OF CONTENTS
.................
A1. GENERAL
A2. LAYOUT
A3. HEADER
A4. NAVIGATION
    A4.1 MAIN NAVIGATION
    A4.2 SECONDARY NAVIGATION
    A4.3 FOOTER NAVIGATION
    A4.4 BREADCRUMBS NAVIGATION
A5. SECTION COLOR SCHEMES
A6. CLEARFIX
------------------------------------------------------------------*/

/*------------------------------------------------------------------
A1. GENERAL
------------------------------------------------------------------*/
*
{
 margin             : 0;
 padding            : 0;
}

body
{
 background-color   : #fff;
 color              : #3f3f3f;
 font-family        : Verdana, Arial, Helvetica, sans-serif;
 font-size          : 62.5%;
 line-height        : 1.4;
 text-align         : center;
}

h2
{
 border-bottom      : 2px solid #2d6195;
 clear              : both;
 font-size          : 1.3em;
 margin-bottom      : 1em;
 padding-bottom     : 0.5em;
}

div#homepage_main h2,
h3
{
 border-bottom      : 2px solid #2d6195;
 font-size          : 1.2em;
 margin-bottom      : 1em;
 padding-bottom     : 0.5em;
}

div#main h3
{
 border-bottom      : 0;
 border-width       : 0;
 font-size          : 1.1em;
 margin             : 1.75em 0 0.25em 0;
 padding-bottom     : 0;
}

h4
{
 font-size          : 1em;
 margin             : 1.25em 0 0.25em 0;
}

p
{
 margin-bottom      : 1em;
}

li
{
 list-style-type    : none;
}

a
{
 color              : #3f3f3f;
 cursor             : pointer;
 text-decoration    : underline;
 word-wrap          : no-break;
}

a:hover
{
 color              : #000;
}

img
{
 border             : 0;
 display            : block;
}

img.hero
{
 height             : 118px;
 margin-bottom      : 1em;
 width              : 940px;
}

table
{
 border-collapse    : collapse;
}

table td,
table th
{
 border             : 1px solid #c4c4c4;
 padding            : 0.25em 0.5em;
 text-align         : left;
 vertical-align     : top;
}

table th
{
 background-color   : #e4e3e3;
 font-weight        : 700;
}

table td
{
 font-size          : 0.9em;
}

div#wrapper div#content td img
{
 float              : none;
 margin             : 1em;
}

.replaced
{
 display            : block;
 overflow           : hidden;
 text-indent        : -5000px;
}

#wrapper .first-child,
#wrapper .last-child
{
 border             : 0;
}

span.hachette
{
 font-weight        : 700;
}

/*------------------------------------------------------------------
A2. LAYOUT
------------------------------------------------------------------*/
div#wrapper
{
 font-size          : 1.15em;
 margin             : 1em auto;
 text-align         : left;
 width              : 940px;
}

div#header,
div#content,
div#footer
{
 clear              : both;
}

div#content
{
 margin-bottom      : 1em;
 position           : relative;
}

div#footer
{
 background         : url(../assets/images/base/bg_footer.gif) repeat-x top left;
}


/*------------------------------------------------------------------
A3. HEADER
------------------------------------------------------------------*/
div#header h1 a
{
 background         : url(../assets/images/base/h1_logo.png) no-repeat top left;
 float              : left;
 height             : 41px;
 width              : 142px;

 _background        : #fff;
 _filter            : progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/base/h1_logo.png', sizingMethod='scale');
}

div#header div#search_site
{
 background-color   : #e0e0e0;
 border             : 1px solid #c2c2c2;
 float              : right;
 margin-top         : 8px;
 padding            : 5px;
}

div#header div#search_site label
{
 color              : #3a6fa4;
 vertical-align     : bottom;
}

div#header div#search_site input.text
{
 border             : 1px solid #3f3f3f;
 color              : #3a6fa4;
 padding            : 5px 0 0 5px;
}

div#header div#search_site input.submit
{
 background-color   : #3a6fa4;
 border             : 1px solid #3f3f3f;
 color              : #fff;
 cursor             : pointer;
 vertical-align     : bottom;
}

a#home
{
 float              : right;
 margin             : 20px 10px 0 0;
}
 

/*------------------------------------------------------------------
A4. NAVIGATION
------------------------------------------------------------------*/

/*------------------------------------------------------------------
A4.1 MAIN NAVIGATION
------------------------------------------------------------------*/
ul.main_nav
{
 background         : #ededed url(../assets/images/base/bg_main_nav_last_item.gif) repeat-x bottom left;
 clear              : both;
 margin-top         : 1em;
}

ul.main_nav li
{
 background         : #fefefe url(../assets/images/base/bg_main_nav_link.gif) repeat-x top left;
 border-right       : 1px solid #c4c4c4;
 float              : left;
}

ul.main_nav li a
{
 color              : #3a6fa4;
 display            : block;
 padding            : 4px 28px;
 text-decoration    : none;
}


/*------------------------------------------------------------------
A4.2 SECONDARY NAVIGATION
------------------------------------------------------------------*/
ul.secondary_navigation
{
 float              : left;
 margin-left        : -940px;
 width              : 190px;
}

ul.secondary_navigation li
{
 background         : url(../assets/images/base/bg_secondary_nav_link.gif) repeat-x top left;
 border-top         : 1px solid #c4c4c4;
 padding            : 8px 10px 8px 20px;
 _width             : 160px;

}

ul.secondary_navigation li a
{
 text-decoration    : none;
}

ul.secondary_navigation li a.current
{
 color              : #2d6195;
 font-weight        : 700;
}


/*------------------------------------------------------------------
A4.3 FOOTER NAVIGATION
------------------------------------------------------------------*/
ul.footer_nav li
{
 float              : left;
 padding            : 8px 0;
}

ul.footer_nav li a
{
 border-right       : 1px solid #c4c4c4;
 padding            : 0 5px;
 text-decoration    : none;
}

ul.legals
{
 float              : right;
}

ul.affiliates
{
 float              : left;
}


/*------------------------------------------------------------------
A4.4 BREADCRUMBS NAVIGATION
------------------------------------------------------------------*/
div#wrapper ul.breadcrumbs_nav
{
 margin-bottom      : 1em;
}

div#wrapper ul.breadcrumbs_nav li
{
 color              : #3f3f3f;
 display            : inline;
 font-size          : 0.8em;
 list-style-type    : none;
 margin-left        : 0;
 padding-right      : 0.5em;
}

/*------------------------------------------------------------------
A4.5 PAGINATION NAVIGATION
------------------------------------------------------------------*/
div#wrapper ul.pagination
{
 clear              : both;
 float              : right;
 margin-top         : 2em;
}

div#wrapper ul.pagination li
{
 display            : inline;
 list-style-type    : none;
 margin             : 0 0.5em 0 0;
}


/*------------------------------------------------------------------
A5. SECTION COLOR SCHEMES
------------------------------------------------------------------*/
/*About us*/
a.aboutus,
.aboutus h2,
.aboutus h3
{
 border-bottom      : 4px solid #6f9bb9;
}

.aboutus a.aboutus
{
 color              : #fff;
 background-color   : #6f9bb9;
}

.aboutus div#extras ul li
{
 background         : url(../assets/images/content/extras/bg_aboutus.png) repeat-x top left;
 _background        : url(../assets/images/content/extras/bg_aboutus.gif) repeat-x top left; 
}

.aboutus ul.secondary_navigation li a.current
{
 color              : #6f9bb9;
}


/*Bookseller Services*/
a.booksellers,
.booksellers h2,
.booksellers h3
{
 border-bottom      : 4px solid #b85f82;
}

.booksellers a.booksellers
{
 color              : #fff;
 background-color   : #b85f82;
}

.booksellers div#extras ul  li
{
 background         : url(../assets/images/content/extras/bg_booksellers.png) repeat-x top left;
 _background        : url(../assets/images/content/extras/bg_booksellers.gif) repeat-x top left;
}

.booksellers ul.secondary_navigation li a.current
{
 color              : #b85f82;
}


/*Getting Published*/
a.gettingpublished,
.gettingpublished h2,
.gettingpublished h3
{
 border-bottom      : 4px solid #c58d67;
}

.gettingpublished a.gettingpublished
{
 color              : #fff;
 background-color   : #c58d67;
}

.gettingpublished div#extras ul  li
{
 background         : url(../assets/images/content/extras/bg_gettingpublished.png) repeat-x top left;
 _background        : url(../assets/images/content/extras/bg_gettingpublished.gif) repeat-x top left;
}

.gettingpublished ul.secondary_navigation li a.current
{
 color              : #c58d67;
}


/*News*/
a.news,
.news h2,
.news h3,
.news.bestsellers ol li,
.news.coming-soon ol li
{
 border-bottom      : 4px solid #9d73b5;
}

.news a.news
{
 color              : #fff;
 background-color   : #9d73b5;
}

.news div#extras ul  li
{
 background         : url(../assets/images/content/extras/bg_news.png) repeat-x top left;
 _background        : url(../assets/images/content/extras/bg_news.gif) repeat-x top left;
}

.news ul.secondary_navigation li a.current
{
 color              : #9d73b5;
}


/*Publishers*/
a.publishers,
.publishers h2,
.publishers h3
{
 border-bottom      : 4px solid #7cb58b;
}

.publishers a.publishers
{
 color              : #fff;
 background-color   : #7cb58b;
}

.publishers div#extras ul  li
{
 background         : url(../assets/images/content/extras/bg_publishers.png) repeat-x top left;
 _background        : url(../assets/images/content/extras/bg_publishers.gif) repeat-x top left;
}

.publishers ul.secondary_navigation li a.current
{
 color              : #7cb58b;
}


/*Rights and Licensing*/
a.rights,
.rights h2,
.rights h3
{
 border-bottom      : 4px solid #7184b4;
}

.rights a.rights
{
 color              : #fff;
 background-color   : #7184b4;
}

.rights div#extras ul  li
{
 background         : url(../assets/images/content/extras/bg_rights.png) repeat-x top left;
 _background        : url(../assets/images/content/extras/bg_rights.gif) repeat-x top left;
}

.rights ul.secondary_navigation li a.current
{
 color              : #7184b4;
}


/*Work for us*/
a.workforus,
.workforus h2,
.workforus h3
{
 border-bottom      : 4px solid #ceaa6b;
}

.workforus a.workforus
{
 color              : #fff;
 background-color   : #ceaa6b;
}

.workforus div#extras ul  li
{
 background         : url(../assets/images/content/extras/bg_workforus.png) repeat-x top left;
 _background        : url(../assets/images/content/extras/bg_workforus.gif) repeat-x top left;
}

.workforus ul.secondary_navigation li a.current
{
 color              : #ceaa6b;
}


/*------------------------------------------------------------------
A6. CLEARFIX
------------------------------------------------------------------*/
.clearfix:after
{
 clear              : both;
 content            : ".";
 display            : block;
 height             : 0;
 line-height        : 0;
 visibility         : hidden;
}

.clearfix
{
 display            : inline-block;
}

html[xmlns] .clearfix
{
 display            : block;
}

* html .clearfix
{
 height             : 1%;
}




/*------------------------------------------------------------------
B. CONTENT - TABLE OF CONTENTS
.................
B1. HOMEPAGE
    B1.1 BESTSELLERS LIST
    B1.2 GROUP LIST
B2. MAIN CONTENT
B3. EXTRAS
B4. SEARCH PAGE
B5. COMING SOON PAGE - renamed to "Just Published"
B6. SITEMAP PAGE
------------------------------------------------------------------*/


/*------------------------------------------------------------------
B1. HOMEPAGE
------------------------------------------------------------------*/
div#homepage_main
{
 float              : left;
 width              : 665px;
}

div.homepage_section
{
 background         : url(../assets/images/base/bg_section.gif) repeat-x top left;
 border-top         : 1px solid #e3e3e3;
 clear              : both;
 margin-bottom      : 1em;
 padding            : 1em 10px;
 width              : 640px;
}


/*------------------------------------------------------------------
B1.1 BESTSELLERS LIST
------------------------------------------------------------------*/
div.bestsellers_lead_container
{

 float              : left;
 width              : 255px;
}

div.bestsellers_book_row
{
 clear              : right;
 float              : right;
 margin-bottom      : 1em;
 width              : 380px;
}

dl.bestseller
{
 float              : left;
 width              : 190px;
}

dl.bestseller dt
{
 float              : right;
 margin-bottom      : 1em;
 padding-right      : 5px;
 width              : 125px;
}

dl.bestseller dt a
{
 text-decoration    : none;
 word-wrap          : break-word;
}

dl.bestseller dd.image,
div.bestseller_image_container div.bestseller_image_wrapper
{
 background         : url(../assets/images/base/bg_bookshadow_small.gif) no-repeat top left;
 height             : 80px;
 width              : 60px;
 _width             : 55px;
}

div.bestseller_image_container div.bestseller_image_wrapper
{
 margin             : 0 auto;
}

dl.lead
{
 clear              : left;
 width              : 255px;
}

dl.lead dt
{
 width              : 170px;
}

dl.lead dd.image
{
 background         : url(../assets/images/base/bg_bookshadow_large.gif) no-repeat top left;
 float              : left;
 height             : 110px;
 padding-right      : 0;
 width              : 80px;
}

dl.lead dd
{
 float              : right;
 padding-right      : 5px;
 width              : 170px;
}


/*------------------------------------------------------------------
B1.2 GROUP LIST (USED ON HOMEPAGE AND PUBLISHERS HOMEPAGE)
------------------------------------------------------------------*/
div#wrapper ul.group li
{
 float              : left;
 list-style-type    : none;
 margin             : 0;
 width              : 150px;
}

ul.group li div.outer_wrapper
{
 display            : table;
 height             : 100px;
 overflow           : hidden;
 width              : 150px;
 #position          : relative;
}

ul.group li div.outer_wrapper div.inner_wrapper
{
 display            : table-cell; 
 text-align         : center;
 vertical-align     : middle;
 #position          : absolute;
 #top               : 50%;
}

div#wrapper ul.group li div.outer_wrapper div.inner_wrapper img
{
 display            : inline;
 float              : none;
 margin             : 0;
 max-height         : 98px;
 max-width          : 148px;
 #display           : block;
 #margin            : 0 auto;
 #position          : relative;
 #top               : -50%;
}


/*------------------------------------------------------------------
B2. MAIN CONTENT
------------------------------------------------------------------*/
div#content_sub_wrapper
{
 _display           : inline;
 float              : left;
 margin-left        : 205px;
 width              : 735px;
}

div#main
{
 float              : left;
 padding-right      : 15px;
 width              : 455px;
}

div#content_sub_wrapper h2,
div#extras h3
{
 border-width       : 2px;
}

div#main img
{
 float              : left;
 margin             : 0 2em 1em 0;
}

.publishers div#main img
{
 float              : right;
 margin             : 0 0 1em 2em;
}

div#main ul,
div#main ol
{
 margin-bottom      : 1em;
}

div#main ul li
{
 list-style         : disc outside;
 margin-left        : 20px;
}

div#main ol li
{
 list-style         : decimal inside;
}

div#main li
{
 margin-bottom      : 0.5em;
}


/*------------------------------------------------------------------
B3. EXTRAS
------------------------------------------------------------------*/
div#extras 
{
 float              : right;
 width              : 265px;
}

div#extras ul  li
{
 background         : url(../assets/images/content/extras/bg_aboutus.png) repeat-x top left;
 _background        : url(../assets/images/content/extras/bg_aboutus.gif) repeat-x top left;
 border             : 1px solid #c4c4c4;
 margin-bottom      : 1em;
 padding            : 1em 10px;
}

div#extras ul  li img
{
 float              : right;
 height             : 100px;
 margin             : 0 0 0.5em 0.5em;
 width              : 100px;
}

dl.news dt
{
 margin-bottom      : 0.5em;
}

dl.news dd
{
 border-bottom      : 2px solid #2d6195;
 margin-bottom      : 1em;
}

span.title,
span.bestseller_title
{
 font-weight        : 700;
}

span.bestseller_title
{
 #padding-left      : 6px;
}

span.title a
{
 text-decoration    : none;
}

.date,
.author
{
 color              : #8c8c8c;
 display            : block;
 font-size          : 0.8em;
}


/*------------------------------------------------------------------
B4. SEARCH PAGE
------------------------------------------------------------------*/
p.results_summary
{
 background         : url(../assets/images/content/extras/bg_aboutus.png) repeat-x top left;
 _background        : url(../assets/images/content/extras/bg_aboutus.gif) repeat-x top left;
 border-top         : 1px solid #c4c4c4;
 font-size          : 0.8em;
 left               : 0;
 padding            : 2px 10px;
 position           : absolute;
 top                : 0;
 width              : 170px;
}

div#main ol.contents li
{
 list-style         : none outside;
}

div#main ol.contents li dl
{
 display            : inline;
}


/*------------------------------------------------------------------
B5. COMING SOON PAGE - renamed to "Just Published"
------------------------------------------------------------------*/
.coming-soon h2
{
 background         : url(../assets/images/base/bg_section.gif) repeat-x top left;
 border-top         : 1px solid #e3e3e3;
 padding            : 0.5em 10px;
}

.coming-soon div#content_sub_wrapper ol li
{
 border-width       : 2px;
 /*
 Uncomment this to enable numbering
 list-style         : decimal inside;
 */
 margin-bottom      : 1em;
 padding-bottom     : 1em;
 padding-left       : 120px;
}

.coming-soon div#content_sub_wrapper ol li.last-child
{
 border-bottom      : none;
}

.coming-soon div#content_sub_wrapper ul.details li
{
 border-bottom      : none;
 color              : #8c8c8c;
 list-style         : none;
 margin-bottom      : 1em;
 padding-left       : 0px;
}

.coming-soon div#content_sub_wrapper ol li a
{
 font-weight        : 700;
 text-decoration    : underline;
}

div.bestseller_content_wrapper
{
 margin             : -1.2em 0 1em 0;
}

div.bestseller_image_container
{
 float              : left;
 left               : -120px;
 padding            : 3px 0;
 position           : relative;
 width              : 120px;
}

div.bestseller_content_wrapper div.column
{
 float              : left;
 left               : -120px;
 margin-top         : 1.2em;
 position           : relative;
}

div.bestseller_content_wrapper div.blurb
{
 padding-right      : 15px;
 width              : 340px;
}

div.bestseller_content_wrapper div.details
{
 width              : 120px;
}


/*------------------------------------------------------------------
B6. SITEMAP PAGE
------------------------------------------------------------------*/
div#content_sub_wrapper ul.sitemap li
{
 list-style         : disc inside;
 margin             : 0 0 1em 15px;
}

div#content_sub_wrapper ul.sitemap li ul li
{
 list-style         : circle inside;
 margin             : 0 0 0 15px;
}