*{padding:0;margin:0;}
html,body{min-height:100%;height:100%;}
html{background:#9debff url(../images/bg_pattern.jpg) scroll left top repeat-x;}
body{background:url(../images/banner_shadow.png) scroll center top no-repeat;width:970px;margin:0 auto;font: normal 62.5%/120% "Trebuchet MS", Arial, Helvetica, sans-serif ;font-size:13px;color:#555 }
.fl{float:left}
.fr{float:right}
.tr{text-align:right}
.tl{text-align:left}
.block{display:block}
.clear{clear:both;height:0;}
input,select,textarea{padding:2px;margin:0;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
img{border:0}
ul,li{list-style:none}
a, a:visited, a:link {text-decoration:none;font-weight:bold;color:#00B0D8}
a:hover{text-decoration:underline;color:#205F04}
a.more {display:block;width:116px;height:29px;margin:5px 0;background:url(../images/more.png) left top no-repeat;}
a.more:hover{background-position:left bottom}
.general a{font-weight:bold;color:#00b0d8;font-size:14px;text-decoration:none}
.general a strong{font-size:18px}
.big a{font-size:18px}
.general a:hover small{color:#fff}
.leftbar .general{padding:5px 0;}
.leftbar .general li{padding:2px 0}
.leftbar .general a:hover{color:#205F04}
.rightbar .general a:hover{color:#205F04}
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

div.break{background:url(../images/break.png) center center repeat-x;height:40px}
small{font-size:12px;color:#00b0d8;text-decoration:none}
h1,h2{padding:5px 0 10px 0;}
h1{font-size:18px;color:#215704}
#book h1{color:#8058bd;}
.no_transform{text-transform:none;}

h2{font-size:14px;color:#205f04;padding:10px 0 0;}
.no_transform{text-transform:none}
p{padding:5px 0}
#container,#footer{width:960px;}
#container{margin:0 auto;background:#f7f8ea;min-height:100%;overflow:hidden;}
* html body #container{height:100%}

#container #mainNavDiv, #container #header {
    height: 173px;
    overflow: hidden;
    width: 960px;
	margin-bottom:8px;
}
#container #mainNavDiv{background:url(../images/banner.png) scroll center top no-repeat;height:172px;}

#container #content{margin:0 20px 15px 15px}
#container #content .leftbar{float:left;width:611px}
#container #content .leftbar #category ul{padding-left:6px;display:block;height:85px;background:url(../images/category.png) left top no-repeat;}
#container #content .leftbar #category ul li{display:inline;float:left}
#container #content .leftbar #category ul li a{display:block;float:left;width:100px;height:85px;}
#container #content .leftbar #book {height:402px;background:url(../images/rhyme_text_area.jpg) left top no-repeat;margin-top:15px;overflow:hidden;position:relative;}
#container #content .leftbar #book .wrapper {margin:24px 24px 0 28px;}
#container #content .leftbar #book #image{float:left;width:250px;height:275px;overflow:hidden}
#container #content .leftbar #book #text{float:left;margin-left:50px;overflow-x:hidden;overflow:auto;height:360px;max-height:360px}
#container #content .leftbar #book  #flashDiv{height:92px;position:absolute;bottom:24px;left:15px}
#container #content .leftbar #book  #task  li{display:inline;float:left;margin-right:30px}

#container #content .rightbar{float:right;width:304px}
#container #content .rightbar #search{background:url(../images/search.png) right top no-repeat;height:135px;overflow:hidden}
#container #content .rightbar #search form{padding:66px 60px 0 35px;display:block}
#container #content .rightbar #search form input{width:138px;height:20px;background:none;border:0;color:#333;font-size:12px;float:left;display:block;}
#container #content .rightbar #search form input.submit{width:44px;height:24px;margin-left:12px;text-indent:-6969px;cursor:pointer;display:block;}
#container #content .rightbar #search form div{padding-top:12px;clear:both}
#container #content .rightbar #offer li{margin-top:15px}

div.awards{height:180px; background-color:#F7F8EA; text-align:center; padding-top:20px;}
#footer a:link,#footer a:visited,#footer a:hover {font-weight:normal}
#footer{background:transparent url(../images/footer.png) scroll center bottom repeat-x;margin:0 auto;overflow:hidden;position:relative}
#footer #siteby{position:absolute;bottom:10px;right:15px;}
#footer .wrapper {
    color: #FFFFFF;
    height: 103px;
    padding: 49px 10px 0;
    text-align: center;
    text-transform: capitalize;
}

#footer .wrapper *{color:#fff;text-transform:capitalize}
#footer .wrapper span{padding:2px;color:#f7f8ea}
#footer .wrapper div{text-align:right;font-weight:bold;text-transform:none;font-size:12px}

#container #header{width:960px;height:173px;overflow:hidden}

#container #content .leftbar #slider{margin:15px 0}
#container #content .leftbar #slider *{color:#215704}
#container #content .leftbar #slider h2{padding:10px 0;margin-left:45px}
#container #content .leftbar #slider .wrapper{position:relative;width:100%}
#container #content .leftbar #slider .wrapper.printables{padding-top:30px;height:600px}
#container #content .leftbar #slider .wrapper.printables .display{height:100%}

#container #content .leftbar #slider span {position:absolute;top:50%;margin-top:-25px;display:block;background:transparent center center no-repeat}
#container #content .leftbar #slider span a{border:0;width:24px;height:51px;display:block;width:24px;height:51px}
#container #content .leftbar #slider span#prev {left:2px;background-image:url(../images/prev.png)}
#container #content .leftbar #slider span#next {right:1px;background-image:url(../images/next.png)}
#container #content .leftbar #slider .wrapper .display{width:560px;height:150px;overflow:hidden;margin:0 auto;position:relative;}
#container #content .leftbar #slider ul {position:absolute;left:0px;top:0}
#container #content .leftbar #slider ul li{display:inline;float:left;}
#container #content .leftbar #slider ul li a{display:block;width:102px;height:150px;margin:0 19px;text-align:center;overflow:hidden}
#container #content .leftbar #slider ul li.last a{margin:0}
#container #content .leftbar #slider ul li a:hover{text-decoration:none}
#container #content .leftbar #slider ul li a:hover *{color:#339900;}
#container #content .leftbar #slider ul li a img,#container #content .leftbar #slider ul li a div{width:100px;height:100px;overflow:hidden;display:block;border:1px solid #bbdca3;background:#fff url(../images/loader.gif) center center no-repeat;line-height:98px}
#container #content .leftbar #slider ul li a p{padding-top:5px;display:block}
#container #content .leftbar #character ul li{margin-bottom:20px}
#container #content .leftbar #character ul li div.char_pic,div.char_pic{padding:8px;width:170px;height:170px;float:left;overflow:hidden;background:url(../images/box.png) left top no-repeat;margin-right:0px;}
div.char_pic a img, #container #content .leftbar #character ul li div.char_pic a img{width:154px;height:154px;padding:8px;overflow:hidden}
div.char_desc, #container #content .leftbar #character ul li div.char_desc{/*float:left*/;margin:0 20px}
.char_desc h3 {margin:5px 0pt;}
.char_desc h4{font-style:italic;margin:5px 0pt}
.char_desc p{padding:10px;margin:0pt}
#container #content .leftbar #lesson div.char_desc{margin-left:0}
#vplayer {margin: 0 0 15px 0}
#fplayer{
	position:absolute;
	width:540px;
	height:330px;
	left:50%;
	top:50%;
	margin-left:-270px;
	margin-top:-165px;
	z-index:100;
	display:none;
	}

#fplayer div#outter{position:relative;width:100%;height:100%;background:url(../images/fplayer.png) left top no-repeat;overflow:hidden}
#fplayer div#outter div#inner{
	width:480px;
	height:270px;
	line-height:270px;
	text-align:center;
	background:#fff;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-240px;
	margin-top:-135px;
	z-index:120;
	}
#fplayer div#outter span{
	width:31px;
	height:33px;
	line-height:33px;
	text-align:center;
	display:block;
	position:absolute;
	right:0;
	top:0;
	cursor:pointer;
	overflow:hidden;
	z-index:130;
}
div#loading{
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-40px;
	margin-top:-10px;
	width:80px;
	height:20px;
	line-height:20px;
	text-align:center;
	color:#FF6600;
	background:#FFFFFF;
	border:1px solid #ddd;
	z-index:100;
}
#slider {background:#F7F8EA url(../images/slider_bg.png) left top repeat-y;overflow:hidden;}
#slider .top{background:url(../images/slider_top.png) left top no-repeat}
#slider .bot{background:url(../images/slider_bot.png) left bottom no-repeat}

#book {background:#F7F8EA url(../images/book_bg.png) left top repeat-y;overflow:hidden}
#book .top{background:url(../images/book_top.png) left top no-repeat}
#book .bot{background:url(../images/book_bot.png) left bottom no-repeat}
#video_player,#audio_player{width:610px;height:413px;overflow:hidden;line-height:423px;text-align:center;z-index:100}
#rhyme_video_player{overflow:hidden;line-height:423px;text-align:center;z-index:100}


#all_pages a{color:#00B0D8}
#contact,#complete_rhyme_list,#search_results{padding-right:15px}
#search_results p{padding-top:0}
#search_results #all_pages{text-align:right;overflow:hidden}
#search_results .general li{list-style-position:inside;font-size:14px;color:#00B0D8;font-weight:bold}
#search_results .general p{font-size:13px;color:#555;font-weight:normal}
#contact #comment{color:#215704;font-style:italic;margin-top:10px}
#contact #comment #type{font-style:normal;font-size:18px;color:#00B0D8;padding-left:30px}
#contact #comment label{display:block;}
#contact #comment input,#contact #comment textarea{border:1px solid #d8d8d8;display:block;width:206px;padding:3px;margin:5px 10px 15px 0;color:#555;font-size:13px}
#contact #comment textarea{width:430px;height:170px;overflow:auto}
#contact #comment input[type=submit]{width:86px;height:29px;font-size:0;line-height:0;border:none;text-indent:-9999px;padding:0;background:url(../images/submitt.png) left top no-repeat;cursor:pointer}
#contact #comment input[type=submit]:hover{background-position:left bottom}


#lesson .char_desc p {padding:5px 0px;text-align:justify}
#lesson .char_desc h4 {padding: 0px 0px;text-align:justify;font-size:13px;color:#215704}
#lesson .char_desc h3 {padding: 0px 0px;text-align:justify;font-size:13px;color:#215704}
#lesson div.paddedDiv {padding:10px}
#lesson p{padding:0px}
#lesson div.char_pic {margin-left:20px;float:right}
#lesson ul li {margin:5px 0px 5px 1.2em;list-style-type:disc}
#lesson ul li  ol li{list-style-type:decimal}
#lesson ol  li{list-style-type:decimal;margin-left:1.65em}
#lesson ol  li ul li{list-style-type:disc}
#animatedSlider li a p{font-size:11px}

/* Store Menu */
.menucategories {width:248px}
.menucategories li{font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
			color:#215704;
			font-size:16px;
			padding:3px 0px;
			background:transparent url(../images/storeimgs/bg_list.png) bottom center repeat-x}
.menucategories a,.menucategories a:visited{color:inherit;display:block;padding:5px;padding-left:20px;}
.menucategories a:hover{background-color:#f1fbd9;text-decoration:none}
.menucategories a.selecteditem {background-color:#f1fbd9;}

.productDetails {border:1px solid #e8e8e8;background-color:#fff;margin:8px 2px 0 2px}

#storemenu {}
.storemenutop{background: #d1f281 url(../images/storeimgs/menu_top.png) top center no-repeat;margin:2px}
.storemenubottom{background: transparent url(../images/storeimgs/menu_bottom.png) bottom center no-repeat;
				padding:37px 0 20px 28px;
				padding-bottom:16px;}

/* Store details image */
.imageContainer{
	
	background-color:transparent;
	background-position:13px 13px;
	background-repeat:no-repeat;
}

.imageContainer,.sash{width:380px;height:248px}
.sash {background-color:transparent;
		background-position:top left;
		background-repeat:no-repeat;
		}
.new {background-image:url(../images/storeimgs/sash_new.png)}

/* Shopping Bag Summary*/
#shoppingBagPanel {margin:2px; margin-top:14px;width:300px;height:127px;background:transparent url(../images/storeimgs/shopping_bag_panel.png) top left no-repeat}
#shoppingBagPanel #bagTotal {padding-top:48px;padding-left:30px;width:100px;font-size:18px}
#shoppingBagPanel #buttonsPanel{padding-top:20px;padding-left:20px}

/* Button */
.addToBag{width:190px}
.viewBag{width:155px;float:left;margin-right:7px}
.checkOut{width:100px;float:left}
.continueShoppingButton {width:150px}
.checkoutButton {width:100px}
.updateQuantities {width:80px}
.makePayment{width:120px}

.button{height:30px;
		background:transparent url(../images/storeimgs/button_middle.png) top left repeat-x;
		color:#fff;
		font-weight:bold;
		padding:7px 0 0 0px;
		text-align:center;
		margin-top:10px;
		margin:0 7px;
		font-size: 13px;
		line-height: 14px;
		}
.buttonLeft{background:transparent url(../images/storeimgs/button_left.png) top left no-repeat;}
.buttonRight{background:transparent url(../images/storeimgs/button_right.png) top right no-repeat;}

.button a,.button a:visited{color:#fff;text-decoration:none}
.button a:hover {color:#a6f0ff}

/* product details sidebar */
.productbox{height:248px}
.productbox img {margin:15px}
.productDescription {
    float: left;
    font-size: 1.1em;
    margin-top: 15px;
    width: 370px;
	line-height:20px
	}

.productDescription  h1{line-height: 25px;}
.productDescription .price {color:#215704;font-weight:bold;margin-bottom:10px}

.productSidebar {width:340px;float:left;margin-top:13px}
.productSidebar h1 {font-size:14px}


/* products container */
.productList {margin-top:18px;margin-left:2px}

.productSmall{width:192px;float:left}
.productSmall .description{margin:5px}
.productSmall .titleOnly {font-size:14px}
.productSmall .imgcontainer {border:1px solid #e8e8e8;background-color:#fff;width:192px}
.productSmall .price {color:#215704;font-weight:bold;}
.productSmall .imgcontainer img{margin:5px}

/* Product Details Modal Window */

#productDetailsFloat {background: transparent url(../images/storeimgs/product_details_window.png) top left no-repeat;
		width:625px;height:452px;z-index:2000;display:none}
.closebuttonDiv a {display:block;width:50px;height:30px}
.closebuttonDiv a:hover {text-decoration:none}
.closebuttonDiv {padding-left:568px}
.transparency {
	background-color:#000;position:absolute;top:0px;left:0px;z-index:1900;
	opacity:0.4;filter:alpha(opacity=40);-moz-opacity:0.4;  
}

/* product added Modal Window */
#productAddedFloat {background: transparent url(../images/storeimgs/window_added_to_cart.png) top left no-repeat;
		width:615px;height:452px;z-index:2002;display:none}
		
/* shopping bag page */
.shoppingBag{}
.bagItem  .bagItemImage{border:1px solid #e8e8e8;float:left;width:76px;margin-right:10px}
.bagItem  .bagItemImage img{margin:3px}
.bagItem  .bagItemTitle {float:left;margin-right:10px;width:295px;}

.bagItem h1{color:#0199c9;font-size:13px;}
.bagItem  input {float:left;width:20px;margin-right:40px}
.bagItem .price{padding-top:3px;float:left;text-align:right;width:40px;margin-right:40px}
.bagItem a,.bagItem a:hover{text-decoration:none;color:red;font-weight:bold;display:block;texxt-align:center;width:4px;padding-top:3px;float:left}


.previewbtn{width:100px;float:left}
.previewTitle {width:230px;float:left;padding-top:8px}