/* EXTENSION OF YUI LAYOUT CLASSES */

/* potential patch (not tested) for 220px left column based on yui-t1 */
.yui-t1 .yui-b {
width:14.52em;*width:14.09em;}
.yui-t1 #yui-main .yui-b {
margin-left:14.52em;*margin-left:14.215em;
}


#hd {
 background-color: #fff;
}

#bd {
 background-image: url('/childrens/images/leftbg.gif');
 background-repeat: repeat-y;
}

#doc, #doc2, #doc3 {
 width: 66.461em;*width:64.78em;
 padding:0px 0;
 background-color: #004D9D;
}

#main-content {
 background-color: #FBFAF8;
 border:20px solid #FBFAF8;
 margin: 0px 0 0 0px;
 padding: 0px;
 min-height: 650px;
}

#main-content>H1:first-child {
  margin-top: 0px;
  padding: 0px;
} 

#left-content {
 padding: 40px 5px 5px 5px;
 color: #fff;
}

#main-content {
 padding: 34px 10px 10px 10px;
}

#bg_left {
width:50%;
position:absolute;
z-index: -1;
background-image:url('/childrens/images/logo_02.gif');
background-repeat: repeat-x;
min-height: 200px;
}

/* ****** BEGIN DEFAULT STYLES ****** */

/* GENERAL */

HTML, BODY{
  background-color:  #004D9D;
  color: #333333;
  background-image:url('/childrens/images/pagebg-left.gif');

}

TD {
border: 0px none ;
}


#mainlayout {
  margin-top: 20px; 
}

.body {
  background-color: #fff;
  border: 0px solid #000; 
  font-family: Georgia,serif;
  line-height:19px;
}

#help_logo {
  float: right; 
}

.float-left {
  float:left;
}

.float-right {
  float:right;
}


/* SET IMAGE TO BLOCK MODE TO FIX DISPLAY BUG - EXTRA WHITESPACE UNDERNEATH IMAGE */

IMG.block {
  display:block;
}

/* LINKS */

A:link, A:active, A:visited {
  color: #0058AE;
  text-decoration: none;
}

A:hover {
  color: #FFCC33;
  text-decoration: none;
}

/* COMPONENTS */

.component {
 border: 0px solid #ddd;
 margin-bottom: 10px;
}

.component_header {
padding-left: 10px;
 line-height: 100%; 
font-size: 10px; 
font-weight: normal; 
text-align: left; 
text-transform: uppercase;
}

.component_content {
  padding: 5px;
}

/* CONTENT AREA */

#main-content H1 {
color:#333333;
font-family:Georgia,serif;
font-size:18px;
font-weight:normal;
}


/* IMAGES*/

IMG.book {
  border: 1px solid black;
}

IMG.featured {
  margin:0 10px 10px 0;
  margin-left: auto;
  margin-right: auto;
display: block;

}

IMG.fly {
  margin:0 0 10px 10px;
}

IMG.results {
  margin:0 10px 0px 0;
}

/* FORMS */

label {
        display: block;  /* block float the labels to left column, set a width */
        float: left;
        width: 150px;
        padding: 0;
        margin: 2px; /* set top margin same as form input - textarea etc. elements */
        text-align: right; 
}

br.clear {
 clear: both; 
}

INPUT,SELECT,TEXTAREA{
 width: 200px;
 margin: 2px; 
}

INPUT.submit {
 width:auto; 
}

INPUT.radio {
 width:auto; 
}

INPUT.checkbox {
 width:auto; 
}

INPUT.quantity {
 width: 30px; 
} 

INPUT.go {
 width: 30px; 
}

#alert {
 border: 1px solid red;
 color: red;
 font-weight: bold;
 padding:10px;
 margin:10px; 
}

/* ****** END DEFAULT STYLES ****** */



/* ****** BEGIN COMPONENT STYLES ****** */

/* MENU TOP STYLES*/

#menu_top_container {
 padding-left:187px;
 background-color: #004D9D;
 overflow: hidden;
}
#menu_inner {
 background-color: #013682;
 overflow:hidden;
}
#menu_top_container IMG{
display: block;
}
#menu_top {
 background-color: #013682; 
 padding:0;
 margin:0;
 color:#fff;
 white-space:nowrap;
}

#menu_top li {
 display:inline;
}

.clear {
 clear:both;
}

#menu_top A {

 color:#fff;
 float:left;

}
#menu_top A.first {

}
#menu_top li a:hover { 
}

#menu_top TD {
 padding: 0px;
 border: 2px solid #004E9D;
 border-top: 0px;
 border-left: 0px;
 border-bottom: 0px;
}
#menu_top .last {
 padding-left: 0px;
 border-right: 0px;
}

/* MENU BOTTOM STYLES*/

#ft {
 font-size: 8pt;
 color: #fff;
}

#menu-bottom {
 font-size: 10px;
 font-family: Verdana, sans-serif;
 text-align: right;
 margin-top: 10px;
}


A.menubottom:link, A.menubottom:active, A.menubottom:visited {
}

A.menubottom:hover {
}

#menu_bottom_container {
 margin: 100px 0 0 0; 
 padding: 5px;
 text-align:center;
}

.menu_bottom {
 margin:1px 0  1px  0px;
 font-size: 10px; 
 font-family: Verdana, sans-serif;
}

.menu_bottom li {
 display: inline;
 list-style-type: none;
 padding: 0px 5px;
 margin: 0px; 
}
.menu_bottom li A{
 font-size: 10px;
 color: #333333;
 font-family: Verdana, sans-serif;
}
.menu_bottom li A:hover {
 /*color: #0058AE;*/
}
#bottom, #bottom A { 
}

#bottom ul {
 text-align:center;
}

.copyright {
 padding: 0px 5px;
 text-align:center;
}

.bibliopolis, .bibliopolis A {
 /*color:#ccc;*/
 text-align:center;
 padding: 0 0px ;
}

/* QUICKSEARCH STYLES */

#quick_search {
 padding: 0 5px;
}
#quick_search LABEL {
 width:auto;
 color: #fff;
 font-weight: bold;
 padding-top: 3px;
}

/* QUICKSEARCH STYLE */

#quicksearch_spec {
 width: 120px; 
}

/* BROWSE LIST STYLES */

#browse_category_list LI{
 list-style-type: none;
 font-size: 8pt;
 padding: 2px;
}
#browse_category_list {
 margin-left: 0px;
 padding: 5px;
}

/* FEATURED ITEMS */

.featured_container {
 padding: 10px;
}

/* SEARCH BOX HORIZONTAL */

#search_box_horizontal_component {
 float: left;
}
#search_box_horizontal_component label {
 width: 50px;
 padding-top:3px;
}

/* EMAIL NOTIFICATION */


#email_notify_widget label{
 font-size: 0.8em;
 text-align:left;
}

#email_notify_widget input {
 width:95%;
}
#email_notify_widget select {
 width:95%;
}

#en_added_container {
 height: 0px;
 overflow: hidden;
 margin: 0px;
 padding: 0px;
}
#en_added_message {
 margin:5px;
 padding: 5px;
 background-color:#ddd;
}

#custom_page_list {
 margin: 5px 5px 5px 5px;
 text-align: right;
}

#custom_page_list .current{
 color: #FFCC33;
}

#custom_page_list  LI {
  list-style-type: none;
  padding: 5px 0;
}
#custom_page_list  LI A {
 color: #fff;
}
#custom_page_list  LI A:hover {
 color: #FFCC33;
}
/* ****** END COMPONENT STYLES ****** */


/* ****** BEGIN PAGE STYLES ****** */

/* CHECKOUT AND CART STYLES */

#shopping_cart table {
font-family:Verdana,sans-serif;
font-size:11px;
width:100%;
}

#shopping_cart {
 padding: 10px 0px; 
}

#shopping_cart TABLE {
 width: 100%; 
}

.checkoutborder {
  background:#666666; 
}

.checkoutheader {
  background:#AAAAAA; color: #FFFFFF; 
}

.checkoutbg {
  background: #FFFFFF; 
}

#checkout_buttons {
 text-align: center;
}


/* FLYPAGE STYLES */
#flypage P{
 color:#333333;
 font-family:Verdana,sans-serif;
 font-size:11px;
 line-height:20px;
}

H1.title {
 border: 0px;
 margin-bottom: 20px;
}

H1.title .author {
 font-weight: normal;
 font-size: 10pt;
}


#fly_image {
 float: left;
 margin: 0 15px;
}




/* SEARCH RESULTS */

.results_row {
 padding: 10px 0px;
 overflow:hidden;
 margin: 5px 0px; 
} 

.results_content {
 width:auto;
}
 
.results_image {
 margin-top: 7px;
 float: left;   
}

.results_row{
 color:#333333;
 font-family:Verdana,sans-serif;
 font-size:11px;
 line-height:20px;
}

.price {
 color:#0058AE; 
}


/* SHOPPING CART AND CHECKOUT STYLES */

#shopping_cart TH {
 background-color: #cccccc;
 white-space: nowrap; 
}

#shopping_cart TD,TH {
 border: 1px solid black;
 padding:3px; 
}

#shopping_cart TD.center {
 text-align:center; 
}

#shopping_cart TD.right {
 text-align: right; 
}

#shopping_cart DIV {
 text-align: center; 
}

/* CHECKOUT PAGE STYLES */

#checkout label  ,#checkout_login_info label{
        display: block;  /* block float the labels to left column, set a width */
        float: left;
        width: 100px;
        padding: 0;
        margin: 3px; /* set top margin same as form input - textarea etc. elements */
        text-align: right; 
	color:#333333;	
	font-family:Verdana,sans-serif;
	font-size:10px;
	line-height:20px;
} 

#checkout br {
 clear: both; 
} 

#checkout INPUT,SELECT {
 width: 180px;
 margin: 3px; 
} 

#checkout TEXTAREA {
 width: 400px;
 height:100px; 
} 

#checkout .submit {
 width: auto;
}

#checkout #credit_card,#postal,#paypal {
 display:none; 
} 

#checkout .cc_expiration {
 width: 95px; 
} 

#checkout #cvv {
 width: 50px; 
}

/* ****** BEGIN PAGE STYLES ****** */

#left-dingbat {
float:right;
}

#outer1, #outer2, #outer3 {
 padding: 0px;
 margin: 0px;
}

#outer2 {
 background-image:url('/childrens/images/pagebg-left.gif');
 background-repeat: repeat-y;
}

#outer3 {
 background-image:url('/childrens/images/logo_02.gif');
 background-repeat: no-repeat;
}

#outer1{
 background-image:url(/childrens/images/pagebg-rev.gif);
 background-repeat: repeat-x;
 background-color: #004D9D;
 overflow-y: hidden;
}

.dots-divider {
 height: 5px;
 background-image: url('/childrens/images/dots-divider.gif');
 background-repeat: repeat-x;
}

#books_menu {
 
}

#add-to-cart-button {
 width: auto;
}

.book:hover {
 border: 1px solid #ff9933;
}

.featured-image {
 width:140px; 
 height: 220px; 
 margin-top: 7px;
 margin-right: 15px;
 text-align:center;
}

#address-left {
 margin: 40px 0 0 0;
 text-align:right;
 line-height:29px;
}

#home-list {
 margin-left: 166px;
}

#home-welcome {
 text-indent: 285px; 
 background-image: url(/childrens/images/welcome.gif); 
 background-repeat: no-repeat; 
 background-position: 0px 6px; 
 padding-top: 10px;
}


/* MENU ROLLOVERS */

#m1 {
 background-image: url('/childrens/images/header/header_01-on.gif');
}
#m1 img:hover{
opacity: .0;
}
#m2 {
 background-image: url('/childrens/images/header/header_02-on.gif');
}
#m2 img:hover{
opacity: .0;
}
#m3 {
 background-image: url('/childrens/images/header/header_03-on.gif');
}
#m3 img:hover{
opacity: .0;
}
#m4 {
 background-image: url('/childrens/images/header/header_04-on.gif');
}
#m4 img:hover{
opacity: .0;
}
#m5 {
 background-image: url('/childrens/images/header/header_05-on.gif');
}
#m5 img:hover{
opacity: .0;
}
#m6 {
 background-image: url('/childrens/images/header/header_06-on.gif');
}
#m6 img:hover{
opacity: .0;
}
#m7 {
 background-image: url('/childrens/images/header/header_07-on.gif');
}
#m7 img:hover{
opacity: .0;
}
#m8 {
 background-image: url('/childrens/images/header/header_08-on.gif');
}
#m8 img:hover{
opacity: .0;
}
#m9 {
 background-image: url('/childrens/images/header/header_09-on.gif');
 background-position:0px 0;
}
#m9 img:hover{
opacity: .0;
}

.title {
 font-weight:bold;
}

.submit-image img {
 margin:2px;
}

#category_list_widget {
 margin-top:100px
}

#catalogue-sidebar {
 text-align:center;
 margin-top:30px;
}

#catalogue-sidebar A {
 color: #fff;
}