/* ----- Structure CSS ------------- */
* {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 1em;
}
body {
    font-size: 62.5%;
    text-align: center;
    background: url(images/interface/body-bg.gif);
}
body.childrens {
    background: url(images/interface/body-bg-ch.gif);
    
}
html, body { 
    height: 100%; 
}
html, body, div, ol, ul, blockquote, cite, form {  
    margin: 0;
    padding: 0;
}
#wrapper {
    min-height: 100%;
    width: 760px;
    text-align: left;
    margin: 0 auto;
    position: relative;
}
a { 
    text-decoration: none; 
}
a img { 
    border: 0;
}
a:focus {
    outline: none;
}
a.firm {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #1572ad;
  text-decoration: underline;
}
/* ----- Site Classes ------------------- */
.uline a {
    text-decoration: underline; 
}
.uline a:hover { 
    text-decoration: none; 
}
.inlinelinks {
    display: inline;
}
.blocklinks {
    display: block;
}
.normallinks a {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 11px;
    color: #1572ad;
}
.normallinks {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 11px;
    color: #1572ad;
}
.toptitle {
    font-family: "Times New Roman", Times, serif;
    font-weight: bold;
    font-size: 3.0em;
    color: #000000;
    margin-bottom: 0.5em;
}
.clr {
    clear: both;
}
.left {
    float: left;
}
.right {
    float: right;
}
/* ----- Header -------------------- */
#headercontainer {
    position: relative;
    height: 133px;
}
#headercontainer-home {
    position: relative;
}
#header {
    padding: 3.8em 0 1.8em 1.1em;
    border: none;
}
img.headerlogo {
    width: 349px;
    height: 42px;
}
/* Toggle menu */
#toggle_box {
    position: absolute;
    top: 0;
    left: 0;
    width: 160px;
    color: #dac05e;
    background: url(images/interface/toggle_arrow.gif) no-repeat;
    background-position: 150px 9px;
    background-color: #191a1c;
    padding: 5px;
}
body.childrens #toggle_box {
    position: absolute;
    top: 0;
    left: 0;
    width: 160px;
    color: #dac05e;
    background: url(images/interface/toggle_arrow.gif) no-repeat;
    background-position: 150px 9px;
    background-color: #004476;
    padding: 5px;
}
#toggle_box a {
    color: #dac05e;
    text-decoration: none;
    margin-top: 5px;
    display: block;
}
#toggle_box a:hover {
    text-decoration: underline;
}
/* Header Search */
#header_search {
  width: 350px;
  text-align: right;
  position: absolute;
  top: 10px;
  right: 0px;
  color: #ffffff;
}
#header_search p {
  margin: 0px 0px 8px 0px;
  padding: 0px;
}
#header_search input, #header_search select {
  margin: 0px 2px 0px 0px;
  padding: 0px;
  vertical-align: middle;
}
#header_search a {
  text-decoration: underline;
  color: #d0d0d0;
}
#search_type {
  height: 21px;
  width: 125px;
  border: solid 1px #809cb4;
  font-size: 12px;
}
#search_text {
  height: 19px;
  width: 125px;
  border: solid 1px #809cb4;
  font-size: 12px;
}
/* ----- Navigation ---------------- */
/* sfHover (Menu) Styles */
#top-navcontainer {
    position: absolute;
    z-index: 100;
    top: 100px;
}
#nav {
    position: relative;
    width: 100%;
    height: 34px;
    border: none;
    font-weight: normal;
    font-size: 11px;
    font-family: "Times New Roman", Times, serif;
    line-height: 18px;
    list-style: none;
} 
#nav ul { /* all lists */
    list-style: none;
}
#nav a {
    display: block;
    width: 190px;
    color: #ffffff;
}
#nav li ul#latest-news-links a.topnav-links {
    background: #a92833 url(images/interface/dropdown_latest_news_border.gif) repeat-x bottom left !important;
    padding: 3px 0;
    text-indent: 15px;
}
#nav li ul#catalogs-links a.topnav-links {
    background: #cc5627 url(images/interface/dropdown_catalogs_border.gif) repeat-x bottom left !important;
    padding: 3px 0;
    text-indent: 15px;
}
        /* Adults & Default */
        #nav li a#latest-news {
            background: url(images/interface/tab_latestnews.gif) center no-repeat;
            height: 34px;
            text-indent: -9999px;
        }
        #nav li a#catalogs {
            background: url(images/interface/tab_catalogs.gif) center no-repeat;
            height: 34px;
            text-indent: -9999px;
        }
        #nav li a#bookseller {
            background: url(images/interface/tab_bookseller.gif) center no-repeat;
            height: 34px;
            text-indent: -9999px;
        }
        #nav li a#mylist {
            background: url(images/interface/tab_mylist.gif) center no-repeat;
            height: 34px;
            text-indent: -9999px;
        }
        /* Childrens */
        body.childrens #nav li a#latest {
            background: url(images/interface/tab_latestnews.gif) center no-repeat;
            height: 34px;
            text-indent: -9999px;
        }
        body.childrens #nav li a#catalogs {
            background: url(images/interface/tab_catalogs.gif) center no-repeat;
            height: 34px;
            text-indent: -9999px;
        }
        body.childrens #nav li a#bookseller {
            background: url(images/interface/tab_bookseller.gif) center no-repeat;
            height: 34px;
            text-indent: -9999px;
        }
        body.childrens #nav li a#mylist {
            background: url(images/interface/tab_mylist.gif) center no-repeat;
            height: 34px;
            text-indent: -9999px;
        }
        
#nav li { /* all list items */
    float: left;
    width: 190px; /* width needed or else Opera goes nuts */
}
#nav li ul { /* second-level lists */
    position: absolute;
    width: 190px;
    left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
    /* z-index: 100;  works in firefox only - at this css property */
}
#nav li ul#latest-news-links {
    background: #96242d;
}
#nav li ul#catalogs-links {
    background: #cc5627;
}
#nav li:hover ul, #nav li:hover ul#catalogs-links, #nav li:hover ul#latest-news-links, #nav li.sfHover ul, #nav li.sfHover ul#catalogs-links, #nav li.sfHover ul#latest-news-links { /* lists nested under hovered list items */
    left: -999em;
}
#nav li.sfHover ul, #nav li.sfHover ul#catalogs-links, #nav li.sfHover ul#latest-news-links {
    left: auto;
}
#nav li ul#latest-news-links a.topnav-links:hover { 
    background: #9b242e url(images/interface/dropdown_latest_news_border.gif) repeat-x bottom left !important;
}
#nav li ul#catalogs-links a.topnav-links:hover { 
    background: #b74d23 url(images/interface/dropdown_catalogs_border.gif) repeat-x bottom left !important;
}
/* sfFocus Styles 
.sfFocus {
   background: blue;
  color: #fff;
}*/
/* sfActive Styles 
.sfActive {
   background: lime;
  color: #fff;
}*/
/* sfTarget Styles 
.sfTarget {
  background: black;
  color: #fff;
}*/
/* ----- Breadcrumb ---------------- */
#top-navcontainer-bottom {
    background: #ffffff;
    padding: 10px 10px 0 10px;
    margin: 0;
}
#top-breadcrumb-navcontainer {
    width: 740px;
}
ul#breadcrumb-navlist {    
    background: #f6efd7 url(images/interface/breadcrumb_border.gif) repeat-x left !important;
    height: 28px;
    padding-left: 2em;
    list-style: none;
}
    ul#breadcrumb-navlist li {
        display: inline;
        float:left;    
        padding: 0.7em 0.7em;
        list-style: none;
    }
    ul#breadcrumb-navlist li#no-list {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 1em;
        color: #000;    
    }
        ul#breadcrumb-navlist li a {
            display: block;
            font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;;
            font-weight: normal;
            color: #1572ad;
            font-size: 1em;
            background: transparent url(images/interface/breadcrumb.gif) no-repeat center right;
            padding-right: 1.8em;
        }        
        ul#breadcrumb-navlist li a#last {
            background: none;
        }
                        
/* ----- Index --------------------- */
div.home {
    background-color: #28292b;
    padding: 2em 2em 2em 2em;
    height: 540px;
    border: none;
    overflow: inherit;
}
div.home #right {
    float: right;
    width: 378px;
}
div.home #left {
    float: left;
    width: 322px;
}
#browse-box {
    height: 100px;
    background-color: #7c8332;
    color: #FFFFFF;
    margin-bottom: 2em;
}
    #browse-box h2.browse-back {
        height: 34px;
        background-color: #6f752c;
        border-bottom: 1px solid #6c712b;
    }
        #browse-box h2 span {
            font-family: "Times New Roman", Times, serif;
            font-weight: bold;
            font-size: 16px;
            line-height: 33px;
            margin-left: 17px;
        }
        
#browse-box2 {
    height: 100px;
    background-color: #a72954;
    color: #FFFFFF;
    margin-bottom: 2em;
}
    #browse-box2 h2.browse-back {
        height: 34px;
        background-color: #b32c5a;
        border-bottom: 1px solid #b32c5a;
    }
        #browse-box2 h2 span {
            font-family: "Times New Roman", Times, serif;
            font-weight: bold;
            font-size: 16px;
            line-height: 33px;
            margin-left: 17px;
        }
#formcatalogch, #formcatalogad {
    margin-left: 15px; 
    margin-top: 15px;
    width: 207px;
    float: left;
    clear: left;
}
    .catalog-sel {
        width: 207px;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 1em;
        height: 19px;
    }
    .browsebtns {
        width: 51px;
        float: right;
        margin-right: 35px;
        margin-top: 14px;
    }
#news-box {
    height: 255px;
    background-color: #343536;
    padding: 2.3em 2.3em;
}
    #news-box p#intro-style {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #ffffff;
    }
    #news-box h2 {
        color: #ffffff;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        margin: 3.7em 0 1.7em 0;
    }
        #news-box ul#news-list {
            margin-left: 0;
        }
            #news-box ul#news-list li {
                border-bottom: 1px dotted #676868;
                padding-bottom: 1em;
                margin-bottom: 1em;
                list-style: none;
            }
            #news-box ul#news-list li#last {
                border-bottom: none;
            }
                #news-box ul#news-list li a {
                    color: #dac05e;
                    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
                    font-size: 1.1em;
                    font-weight: normal;
                    text-decoration: underline;
                }
                #news-box ul#news-list li#last a {
                    font-weight: bold;
                }
                #news-box ul#news-list li a:hover {
                    text-decoration: none;
                }
    
/* ----- All Catalogs ------------- */    
div.main-content-all-catalogs {
    padding: 1em 0 2.5em 0;
}
#cataloglisting ul {
    line-height: 1.8em;
}
    #cataloglisting ul li {
        list-style: none;
    }
            #cataloglisting ul li a {
            color: #1572ad;
            font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
            font-size: 1.1em;
            font-weight: normal;
            text-decoration: underline;
            }
            #cataloglisting ul li a:hover {
                text-decoration: none;
            }
/*
####################################################################################
####################################################################################
*/
.standard_content_area ul li,
#content_catkeynote ul li,
#content_flcattagln ul li,
#content_flcatcopy ul li,
#content_ctselpoint ul li,
#author_bio1 ul li,
#author_bio2 ul li {
    margin: 3px 0;
    list-style-type: disc;
    list-style-position: inside; 
}
.standard_content_area a {
    text-decoration: underline;
}
.standard_content_area p {
    margin: 5px 0 10px 0;
}
.standard_content_area ol li,
#content_catkeynote ol li,
#content_flcattagln ol li,
#content_flcatcopy ol li,
#content_ctselpoint ol li,
#author_bio1 ol li,
#author_bio2 ol li {
    margin: 3px 0;
    list-style-type: decimal;
    list-style-position: inside;
}
#content_catkeynote, #content_catkeynote div, #content_catkeynote span {
    line-height: 1.8em;
    font-size: 10px;
}
#content_catkeynote p {
    font-size: 10px;
    margin: 3px 0 3px 0;
}
#content_flcattagln,
#content_flcatcopy,
#content_ctselpoint,
#author_bio1,
#author_bio2 {
    line-height: normal;
    font-size: 10px;
}
#content_flcattagln span,
#content_flcatcopy span,
#content_ctselpoint span,
#author_bio1 span,
#author_bio2 span {
    line-height: normal;
    font-size: 10px;
}
#content_flcattagln div,
#content_flcatcopy div,
#content_ctselpoint div,
#author_bio1 div,
#author_bio2 div {
    line-height: normal;
    font-size: 10px;
}
#content_flcattagln p,
#content_flcatcopy p,
#content_ctselpoint p,
#author_bio1 p,
#author_bio2 p {
    line-height: normal;
    font-size: 10px;
    margin: 3px 0 3px 0;
}
/* ----- Bookseller Services ------------- */    
div.main-content-booksellers {
    padding: 1em 0 2.5em 0;
}
/* ----- Main Content --------------- */
div.main-container
{
    background-color: #ffffff;
    padding: 0 3em 3.5em 3em;
    position: relative; /* fixes tabs area for IE 6 */
    height: 100%;
}
div.main-list-container
{
  background-color: #ffffff;
  padding: 0px 0px 3.5em 0px;
  position: relative;
  height: 100%;
  font-size: 11px;
  clear: both;
}
div.listing-container, div.listing-search, div.listing-login, div.listing-login-footer,div.accounts {
  margin: 0px 28px 0px 28px;
  padding: 3px 21px 3px 21px;
  font-size: 11px;
  width: 660px;
}
div.listing-container {
  background: #ffffff url('images/interface/twotonebg.png') repeat-y left top;
}
div.listing-search {
  background: #ffffff url('images/interface/listingsearch.png')  repeat-y left top;
  height: auto;
  padding-top: 13px;
  padding-bottom: 19px;
  margin-bottom: 10px;
  text-align: left;
}
ul.search_specs {
    list-style-type: none;
    /* list-style-position: inside; */
}
ul.search_specs li {
    margin-bottom: 5px;
}
div.listing-container-top {
  background: url('images/interface/twotonetop.png') no-repeat left top;
  width: 702px;
  height: 18px;
  margin: 0px 28px 0px 28px;
  padding: 0px;
}
div.listing-container-bottom {
  background: url('images/interface/twotonebottom.png') repeat-y left top;
  width: 702px;
  height: 18px;
  margin: 0px 28px 0px 28px;
  padding: 0px;
  clear: both;
}
div.listing-search select{
  display: block;
  float: left;
  border: solid 1px #809cb4;
  font-size: 10px;
  height: 17px;
  vertical-align: middle;
  margin: 0px 15px 0px 0px;
  padding: 0px;
  text-indent: 0px;
}

div.listing-left {
  float: left;
  width: 121px;
  margin: 0px;
  padding: 0px;
  text-align: center;
  position: relative;
}
div.listing-left p {
  font-size: 10px;
}
div.listing-right {
  float: left;
  width: 518px;
  margin: 0px 0px 0px 19px;
  padding: 0px;
  position: relative;
}
div.listing-right div.cover-link {
  position: absolute;
  width: 120px;
  text-align: center;
  left: -140px;
}
div.listing-left div.mylist-info {
  margin-top: 110px;
}
div.listing-spacer {
  clear: both;
  height: 25px;
  background: url('images/interface/twotonespacer.png') no-repeat 0px 8px;
  margin: 0px;
  padding: 0px;
}
div.listing-left p, div.listing-right p {
  margin: 5px 0px 0px 0px;
  padding: 0px;
}
div.listing-left p.added {
  color: #707070;
}
select.selectpage {
  border: solid 1px #809cb4;
  font-size: 10px;
  height: 19px;
  vertical-align: middle;
}
div.listing-right table {
  margin: 18px 0px 0px -3px;
  padding: 0px;
  border-collapse: collapse;
  border: none;
}
input.mylist-checkbox {
  margin: 0px auto 0px auto;
  padding: 0px;
  height: auto;
  display: block;
}
div.listing-search form {
  padding: 0px;
  margin: 0px;
}
div.listing-search label {
  display: block;
  float: left;
  width: 152px;
  margin: 0px 15px 0px 0px;
  padding: 0px;
}
div.listing-search input {
  display: block;
  float: left;
  border: solid 1px #809cb4;
  font-size: 12px;
  height: 17px;
  vertical-align: middle;
  width: 150px;
  margin: 0px 15px 0px 0px;
  padding: 0px;
  text-indent: 0px;
}
div.listing-search input.hidden {
  display: none;
  float: left;
  border: solid 1px #809cb4;
  font-size: 12px;
  height: 17px;
  vertical-align: middle;
  width: 150px;
  margin: 0px 15px 0px 0px;
  padding: 0px;
  text-indent: 0px;
}
div.advanced label{
  display: block;
  float: left;
  width: auto;
  height:17px;
  margin: 0px 5px 0px 0px;
  padding: 0px;
}
div.advanced input {
  display: block;
  float: left;
  width: 35px;
  margin: 0px 15px 0px 0px;
  padding: 0px;
}
div.advanced input.datefield {
  display: block;
  float: left;
  width: 75px;
  margin: 0px 15px 0px 0px;
  padding: 0px;
}
#id-pg {
  display: none;
}
#header-personal {
  display: none;
}
.login-required {
  display: none;
}
div.listing-login {
  background: #d9f4fb url('images/interface/listing-blue-top.png') no-repeat left top;
  padding-top: 13px;
  padding-bottom: 19px;
  padding-right: 19px;
  margin-bottom: 0px;
  text-align: left;
}
div.accounts{
  padding-top: 13px;
  padding-bottom: 19px;
  padding-right: 19px;
  margin-bottom: 0px;
  text-align: left;
}
div.listing-login-footer {
  background: #d9f4fb url('images/interface/listing-blue-bottom.png') no-repeat left bottom;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-right: 19px;
  height: 4px;
  margin-top: 0px;
  margin-bottom: 10px;
  text-align: left;
}
div.listing-login form {
  padding: 0px;
  margin: 0px;
}
input.remove {
  margin: 0px auto 0px auto;
  padding: 0px;
  height: auto;
  display: block;
}
div.listing-login label {
  display: block;
  float: left;
  width: 75px;
  margin: 2px 7px 0px 0px;
  padding: 0px;
}
div.listing-login label.share{
  display: block;
  float: left;
  width: 180px;
  margin: 2px 7px 0px 0px;
  padding: 0px;
}
div.listing-login label.register {
  display: block;
  float: left;
  width: 150px;
  margin: 2px 7px 0px 0px;
  padding: 0px;
}
div.listing-login input {
  display: block;
  float: left;
  border: solid 1px #809cb4;
  font-size: 12px;
  height: 17px;
  vertical-align: middle;
  width: 200px;
  margin: 0px 20px 0px 0px;
  padding: 0px;
  text-indent: 0px;
}
div.accounts input.input-account {
  border: solid 1px #809cb4;
  font-size: 12px;
  height: 17px;
  vertical-align: middle;
  width: 300px;
  margin: 0px 20px 0px 0px;
  padding: 0px;
  text-indent: 0px;
}
input-account
input.listing-button {
  width: auto;
  height: auto;
}
#loginbutton {
  height: 32px;
  width: 74px;
  border: none;
  display: block;
  margin: 0px;
  padding: 0px;
  float: right;
}
div.listing-search-spacer {
  clear: both;
  height: 25px;
  background: url('images/interface/listing-search-spacer.png') repeat-x 0px 8px;
  margin: 0px;
  padding: 0px;
}
#searchbutton {
  height: 32px;
  width: 74px;
  border: none;
  display: inline;
  margin-top: -5px;
  margin-left: 15px;
}
div.content-top {
    background-color: #ffffff;
    height: 125px;
    padding-left: 30px;
    padding-right: 30px;
}
div.content-top-list {
  background-color: #ffffff;
  height: 75px;
  padding: 0px 30px 0px 30px;
  position: relative;
  top: 0px;
  left: 0px;
  margin: 0px;
  height: 100px; /* must account for topheading height + top margin or we get weird gaps */
}
div.helplinks {
    width: 100px;
  margin: 0px;
  padding: 45px 40px 0px 0px;
    text-align: right;
  position: absolute;
  right: 0px;
  top: 0px;
}
div.helplinks a.icon {
  border: none;
  margin: -1px 0px 0px 5px;
  padding: 0px;
  height: 20px;
  width: 20px;
  display: block;
  float: right;
  background-image: url('images/interface/helpicon.png');
}
div.select-navcontainer {
    float: right;
    width: 208px;
    margin-top: 20px;
    margin-bottom: 30px;
    text-align: right;
}
    div.select-navcontainer form#title-frm {
        margin-top: 0.5em;
    }
        div.select-navcontainer form#title-frm select.title-sel {
            width: 205px;
            font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
            font-weight: normal;
            font-size: 1em;
            height: 19px;
        }
#month-titles-container {
    border: 1px solid;
    height: 22px;
}
#month-titles {
    background-color: #D9F4FA;
    height: 21px;
    width: 165px;
    display: inline-block;
}
/*
.arrow-l {
    margin: 0 1px 0 1px;
}
.arrow-r {
    margin-left: 0.75px;
}
*/
.arrow-l {
    margin: 0 1px 0 1px;
  float: right;
}
.arrow-r {
    margin-left: 0.75px;
  float: right;
}
.arrow-t {
  display: block;
  float: right;
  margin-bottom: 5px;
  width: 160px;
  height: 17px;
  padding-top: 4px;
  padding-left: 5px;
  font-size: 90%;
  text-align: left;
  background: url(images/interface/titles-by-month.png);
}      
div.topheading {
    width: 450px;
    height: 75px;
    float: left;
    clear: left;
    margin-top: 25px;
}
h2.content-top-title {
    font-family: "Times New Roman", Times, serif;
    font-weight: bold;
    font-size: 3.0em;
    color: #000;
}
h3.subtitleheadings {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000;
}
/* ----- Tab Area ------------------ */
div.main-content-tab-area {
    background-color: #ffffff;
    border-right: 2px solid #e9d99c;
    border-left: 2px solid #e9d99c;
    border-bottom: 2px solid #e9d99c;
    padding: 15px 0 15px 0;
    overflow: hidden;
}
body#news .main-content-tab-area { 
    margin-top: 0; 
}
body#archives .main-content-tab-area { 
    margin-top: 0;
}
div.tab-area {
    display: none;
}
/* START TAB menu */            
#tabareanavcontainer {
    width: 100%;
    border-bottom: 2px solid #e9d99c; /* BOTTOM BORDER OF TABS BOX (TOP BORDER OF TAB AREA BOX) */
    height: 23px; /* HEIGHT OF TABS INCLUDING BOTTOM BORDER */
    position: relative; /* REQUIRED */
    font-size: 1em;
}
#tabareanavcontainer ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute; /* REQUIRED */
}
#tabareanavcontainer ul li {
    float: left; /* REQUIRED */
    height: 25px; /* HEIGHT OF "tabs" BOX PLUS WIDTH OF BORDER */
    margin-right: 1px; /* SPACE BETWEEN TABS */
    padding: 0;
}
#tabareanavcontainer ul li a {
    display: block;
    background: url(images/interface/tab_bg_off.gif) no-repeat top right;
    text-decoration: none;
    color: #000;
}
#tabareanavcontainer ul li a:hover, #tabareanavcontainer ul li a.tabactive {
    background: url(images/interface/tab_bg_on.gif) no-repeat top right;
}
#tabareanavcontainer ul li a span {
    line-height: 25px;
    display: block;
    padding: 0 18.55px;
    background: url(images/interface/tab_left.gif) no-repeat top left;
}
body.childrens #tabareanavcontainer ul li a span {
    padding: 0 15.55px;
}
/* END TAB menu */
.tabtitleposition {
    padding-left: 2.5em;
}
div.tab-area p {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #000;
    font-size: 1.1em;
    line-height: 1.8em;
}
.maincontenttitle {
    font-family: "Times New Roman", Times, serif;
    font-weight: normal;
    color: #000;
    font-size: 1.8em;
    margin-bottom: 0.5em;
}
.standardcontenttitle {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;;
    font-weight: bold;
    color: #000;
    font-size: 1.1em;
}
/* ----- Search -------------------- */
#found_results {
  display: none;
}
#empty_results {
  display: none;
}
a.search_disabled {
  color: #a0a0a0;
  text-decoration: none;
}
img.search_disabled {
  visibility: hidden;
}
/* ----- Overview ------------------ */    
div.overview {
    padding-left: 2.5em;
    padding-right: 2em;
}
div.overview #right {
    float: right;
    width: 453px;
    
}
div.overview #left {
    
    padding-right: 1em;
}
div.overview img#browse-book {
    margin-top: 0.5em;
    margin-bottom: 2.8em;
}
div.overview p#overview-pg {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #000;
    font-size: 1.1em;
    line-height: 1.8em;
    margin-bottom: 0;
}
div.overview h4#overviewmore {
    margin-bottom: 1.75em;
}
div.overview img#book-cover-lg {
    margin-top: 0.6em;
}
div#booksummary {
    border-bottom: 1px dotted #000;
}
ul#overviewbookinfo {
    padding-top: 1.75em;
    width: 50%;
    float: left;
}
ul#overviewbookinfoadd {
    padding-top: 1.75em;
    width: 45%;
    float: right;
}
.bookinfo {
    color: #000;
    list-style: none;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1.1em;
    line-height: 1.8em;
}
/* ----- Marketing ----------------- */    
div.marketing {
    padding-left: 2.5em;
    padding-right: 2em;
}
/* ----- Publicity ----------------- */    
div.publicity {
    padding-left: 2.5em;
    padding-right: 2em;
}
/* ----- Author -------------------- */    
div.author {
    padding-left: 2.5em;
    padding-right: 2em;
}
div.author #right {
    float: right;
    width: 224px;
}
div.author #left {
    float: left;
    width: 394px;
}
div.author img#au-img {
    float: left;
    margin: 10px 10px 10px 0;
}
    /* ----- Extras SideBar ------------- */            
    div.author .extrascontainer {
        border-bottom: 1px dotted #000;
        padding-bottom: 1.75em;
    }
    .extrascontainer h4#extrastitle {
        font-family: "Times New Roman", Times, serif;
        font-weight: normal;
        color: #000;
        font-size: 1.8em;
        padding-bottom: 0.25em;
        padding-left: 0;
    }
    .extrascontainer h4#moreextras a {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 11px;
        color: #1572ad;
    }
    .extrascontainer ul#extrasnavlist {
        padding-left: 0;
        padding-bottom: 0.25em;        
        margin-bottom: 0.25em;
    }
        .extrascontainer ul#extrasnavlist li {
            list-style: none;
            padding-left: 4.25em;
            padding-bottom: 1.25em;
            margin-bottom: 1em;
            position: relative;
        }
    
        .extrascontainer ul#extrasnavlist li.audio-ic {
            background-image: url(images/interface/extras_audio_clip_ic.gif);
            background-repeat: no-repeat;
        }
        .extrascontainer ul#extrasnavlist li.video-ic {
            background-image: url(images/interface/extras_video_clip_ic.gif);
            background-repeat: no-repeat;
        }
        .extrascontainer ul#extrasnavlist li.quotes-ic {
            background-image: url(images/interface/extras_audio_clip2_ic.gif);
            background-repeat: no-repeat;
        }
        .extrascontainer ul#extrasnavlist li.website-ic {
            background-image: url(images/interface/extras_website.gif);
            background-repeat: no-repeat;
        }
            .extrascontainer ul#extrasnavlist li a {
                color: #1572ad;
                font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
                font-size: 1.1em;
                font-weight: normal;
                text-decoration: underline;
            }
            .extrascontainer ul#extrasnavlist li a:hover {
                text-decoration: none;
            }
    .extrascontainer h4.uline a {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #1572ad;
        font-size: 1.1em;
    }

 .AlsoAvailable h4.uline a {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #1572ad;
        font-size: 1.1em;
        position: absolute;

    }
    
    /* ----- Acclaim SideBar ---------- */
    div.acclaim-sidebar {
        margin-top: 1.75em;
    }
        div.acclaim-sidebar h4 {
            font-family: "Times New Roman", Times, serif;
            font-weight: normal;
            color: #000;
            font-size: 1.8em;
        }
/* ----- Backlist ------------------ */    
div.backlist {
    padding-right: 2em;
    padding-left: 2.5em;
}
div.backlist-left {
    float: left;
    width: 302px;
    border-top: 1px dotted #000;
    margin-right: 3.2em;
    padding-top: 2em;
}
div.backlist-right {
    float: right;
    clear: right;
    width: 302px;
    border-top: 1px dotted #000;
    padding-top: 2em;
}
div.backlist-row div.backlistimg {
    float: left;
    width: 95px;
    height: 200px;
    margin-right: 2em;
    margin-bottom: 50%;
    margin-top: 0.5em;
}
div.backlist-row h5.backlistbooktitle {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.1em;
    color: #1572ad;
}
div.backlist-row h5.backlistauname {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1.1em;
    color: #1572ad;
}
div.backlist-row ul.backlistbookinfo {
    list-style: none;
}
    div.backlist-row ul.backlistbookinfo li {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-weight: normal;
        color: #000;
        font-size: 1.1em;
        line-height: 1.8em;
    }
div.backlist-row ul.backlistbookinfo li.combined {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #89A1B9;
        font-size: 1.1em;
        line-height: 1.8em;
    }

div.backlist-row p.backlistdescription {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1.1em;
    color: #000;
    line-height: 1.8em;
    margin-top: 1em;
}
/* ----- Also Available ------------ */    
div.also-available {
    padding-left: 2.5em;
    padding-right: 2em;
}
/* ----- Childrens Illustrator --------- */
div.illustrator {
    padding-left: 2.5em;
    padding-right: 2em;
}
/* ----- Extras -------------------- */    
div.extras {
    padding: 0 0 1.2em 2.5em;
    margin-bottom: 10em;
    
}
div#maincontenttitlecontainer {
    padding-left: 2.5em;
    padding-top: 2.7em;
    padding-bottom: 0;
}
div.extrasthumbnail {
    float: left;
    padding-right: 45px;
}
h5.extras2title {
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    color: #000;
    font-weight: bold;
    margin-bottom: 10px;
}
    
ul.extrasthumbnaillist {
    padding-left: 0;
    padding-bottom: 1em;        
    margin-bottom: 0.25em;
}
    ul.extrasthumbnaillist li {
        list-style: none;
        padding-left: 4.25em;
        padding-bottom: 1.25em;
        margin-bottom: 1em;
        position: relative;
    }
    
    ul.extrasthumbnaillist li.extrasaudioic {
        background-image: url(images/interface/extras_audio_clip_ic.gif);
        background-repeat: no-repeat;
    }
    ul.extrasthumbnaillist li.extrasvideoic {
        background-image: url(images/interface/extras_video_clip_ic.gif);
        background-repeat: no-repeat;
    }
    ul.extrasthumbnaillist li.extrasaudio2ic {
        background-image: url(images/interface/extras_audio_clip2_ic.gif);
        background-repeat: no-repeat;
    }
    ul.extrasthumbnaillist li.extrasmoreic1 {
        background-image: url(images/interface/extras_contests_ic.gif);
        background-repeat: no-repeat;
    }
    ul.extrasthumbnaillist li.extrasmoreic2 {
        background-image: url(images/interface/extras_give_aways_ic.gif);
        background-repeat: no-repeat;
    }
    ul.extrasthumbnaillist li.extrasmoreic3 {
        background-image: url(images/interface/extras_meet_the_author_ic.gif);
        background-repeat: no-repeat;
    }
        ul.extrasthumbnaillist li a {
            color: #1572ad;
            font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
            font-size: 1.1em;
            font-weight: normal;
            text-decoration: underline;
        }
        ul.extrasthumbnaillist li a:hover {
            text-decoration: none;
        }
/* ----- Seasons ------------------ */    
div.main-content-season {
    overflow: hidden;
}
.scrollcontainer {
    width: 700px;
}
.season {
    width: 660px;
    height: 200px;
    margin-top: 1.25em;
    margin-bottom: 0.5em;
    float: left;
    overflow: hidden;
}
h3.subtitleheadings { 
    margin-right: 7px; 
} 
    
h3.normallinks a { 
    margin-right: 7px; 
    margin-left: 7px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 11px;
    color: #1572ad; 
}
/* Seasons Header */
.seasons_header {
    background: url(images/interface/season_title_bg_center.gif) repeat-x;
    height: 53px;
    width: 700px;    
}
.seasons_header div.left {
    float: left;
    height: 53px;
    background: url(images/interface/season_title_bg_left.jpg) no-repeat top left;
}
.seasons_header div.right {
    float: right;
    height: 53px;
    text-align: right;
    background: url(images/interface/season_title_bg_right.jpg) no-repeat top right;
}
.seasons_header div span {
    line-height: 30px;
    padding: 0 20px;
}
.scroll_section {
    float: left;
    width: 635px;
    height: 200px;
    padding: 10px;
}
.scroll_area {
    width: 2100px;
    margin-left: -610px;
}
.scroll_area div.scroll_section {
    display: none;
}
.showall_area {
    width: 660px;
}
/* End Seasons Header */
    
span.month {
    padding-left: 1.5em;
    padding-top: 0.75em;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.1em;
    color: #000;
}
span.monthtitles a {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1.1em;
    color: #1572ad;
}
div.seasonarrowl {
    float: left;
    margin-top: 70px;
}
div.seasonarrowr {
    float: left;
    margin-top: 70px;
}
div.bookthumbnail {
    float: left;
    width: 109px;
    margin: 0 1em 0 0;
    height: auto;    
}
img.seasoncoverimg {
    margin-bottom: 0.5em;
}
ul.bookthumbnaillist {
    list-style: none;
}
    ul.bookthumbnaillist li {
        margin-bottom: 0.25em;
    }
    
.bookthumbnailtitle a {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1em;
    color: #1572ad;
    display: block;
}
.bookthumbnailauthor {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1em;
    display: block;
}
.bookthumbnailbookinfo {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1em;
    display: block;
}
/* ----- News --------------------- */
div.main-content-news {
    padding: 1.5em 0 2.5em 0;
}
div.news div#left {
    float: left;
    clear: left;
    width: 520px;
    padding-right: 1em;
}
div.news div#right {
    float: right;
    width: 140px;
    margin-right: 0.5em;
}
li.newslistdate {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.1em;
    color: #000;
}
p#newslistdescription{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1.1em;
    color: #000;
    line-height: 1.8em;
    margin-top: 1em;
}
li#newslistdate {
    font-weight: bold;
}
.newslistsection {
    margin-bottom: 2.5em;
}
ul.newslist {
    list-style: none;
}
    ul.newslist li {
        padding: 0.25em 0 0.25em;
    }
.newslistdate {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.1em;
    color: #000;
}
div.newsarchives {
    border-left: 1px dotted #000;
    padding-left: 2em;
}
ul.newsarchiveslist {
    list-style: none;
}
    ul.newsarchiveslist li {
        padding: 0.25em 0 0.25em;
    }
.newsarchivestitle {
    font-weight: bold;
}
h4#newsarchivestitle {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;;
    font-weight: bold;
    font-size: 1.1em;
    color: #000000;
}
.newslistdescription {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1.1em;
    color: #000;
    line-height: 1.8em;
}
/* ----- News Archives ----------------- */
div#news-archives {
    padding: 1em 0 2.5em 0;
}
/* ----- jQuery Carousel ----------------- */
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}
.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}
.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 5px;
    margin: 0;
    padding: 0;
}
.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 109px;
    height: 105px;
}
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}
.jcarousel-prev {
    z-index: 3;
    display: none;
}
/* ----- tango skin ----------------- */
.jcarousel-skin-tango .jcarousel-container {
    background: #FFFFFF;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 620px;
    padding: 20px 0 20px 20px;
    margin-left: 47px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal { /* required to hide non-visible books in IE 6 */
    width:  600px;
    height: auto;
}
.jcarousel-skin-tango .jcarousel-item {
    width: 109px;
    height: auto;
}
.jcarousel-skin-tango-expanded .jcarousel-item {
    height: 230px; /* in order for books to line up properly when booklist expanded */
    overflow: hidden;
}
.jcarousel-skin-tango .jcarousel-item img {
    height: auto;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: -15px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/interface/next-arrow-r.gif) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: -70px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(images/interface/prev-arrow-l.gif) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}
/* ----- Footer ------------------- */
#footer {
    position: relative;
    width: 100%;
    bottom: 0;
    margin-top: 35px;
    padding-bottom: 20px;
}
    #footer p {
        text-align: center;
        font-size: 11px;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-weight: normal;
    }
 #download p.hc-links {
            color: #dac05e;
            margin-bottom: 1.75em;
        }
            #download p.hc-links a {
                color: #dac05e;
                padding-right: 0.75em;
                padding-left: 0.75em;
            }
                #download p.hc-links a:hover {
                    text-decoration: underline;
                }

        #footer p.hc-links {
            color: #dac05e;
            margin-bottom: 1.75em;
        }
            #footer p.hc-links a {
                color: #dac05e;
                padding-right: 0.75em;
                padding-left: 0.75em;
            }
                #footer p.hc-links a:hover {
                    text-decoration: underline;
                }
        #footer p.bottom-nav {
            color: #ffffff;
            margin-bottom: 1.75em;
        }
            #footer p.bottom-nav a {
                color: #ffffff;
                padding-right: 0.75em;
                padding-left: 0.75em;
            }
                #footer p.bottom-nav a:hover {
                    text-decoration: underline;
                }
        #footer p.site-info {
            color: #ffffff;
        }
         #footer p.site-info a {
                color: #ffffff;
                padding-right: 0.75em;
                padding-left: 0.75em;
            }
                #footer p.site-info a:hover {
                    text-decoration: underline;
                }

        
        
        /* tooltip */ 
      .tooltiptitle{COLOR:#333399; TEXT-DECORATION: none; CURSOR: Default; font-family: arial; font-weight: bold; font-size: 8pt}
      .tooltipclose{COLOR:#333399; CURSOR:pointer; font-family: arial; font-weight: bold; font-size: 7pt}
      .tooltipcontent{COLOR: Black; TEXT-DECORATION: none; CURSOR: Default; font-family: arial; font-size: 8pt}
      .ToolTip{position:absolute; width: 500px; top: 200px; left: 200px; z-index:4; visibility:hidden}
        
                
        
/* LiveServer - MIME Type bug fix */
<rde-dm:dynaments>
  <rde-dm:attribute mode="write" attribute="request:rdeResponseMimetype" op="set" value="text/css"/>
</rde-dm:dynaments>