/* CSS Document */

body { 
	background: #fd993f url(/persistent/images/bg_body.gif) left top repeat-x;
	font: normal 12px/1.5em Helvetica, Arial, sans-serif; }

h1 { font: normal 30px/1.5em Helvetica, Arial, sans-serif; color: #c54917; }

h2 { font: normal 20px/1.4em Helvetica, Arial, sans-serif; color: #c54917; }

a { color: #0390dc; text-decoration: none; }
a:hover { text-decoration: underline; }

p { padding-bottom: 0.9em; }

.cLear { clear: both; }

#mainBody { background: url(/persistent/images/bg_koala.png) center top no-repeat; } /* koala bg */

#mainBodyHome { background: url(/persistent/images/bg_koala_books_home.png) center 565px no-repeat; }

#mainBodyStars { background: url(/persistent/images/bg_stars.png) center top repeat-x; } /* stars bg */

#mainBodyContentHome { width: 980px; margin: 0px auto; padding: 0; min-height: 750px; }

#mainBodyContent { width: 980px; margin: 0px auto; }

	#leftBlock { 
		width: 245px;
		padding: 50px 0px 0px 0px;
		float: left; }

	#contentBlock { 
		width: 515px;
		background: #ffffff;
		float: left; }
		#topNav { 
			width: 475px;
			height: auto;
			margin: 0px auto; }
			.sf-menu, .sf-menu * {
				margin: 0px;
				padding: 0px;
				list-style: none;
				text-align: left;
				z-index: 100; }
			.sf-menu ul {
				position: absolute;
				top: -999em;
				width: 150px; /* left offset of submenus need to match (see below) */ }
			.sf-menu li:hover {
				visibility: inherit; /* fixes IE7 'sticky bug' */ }
			.sf-menu a {
				display: block;
				position: relative;
				text-decoration: none; }
			.sf-menu li:hover ul,
			.sf-menu li.sfHover ul {
				left: 0;
				top: 30px; /* match top ul list item height */
				z-index: 99; }
			ul.sf-menu li:hover li ul,
			ul.sf-menu li.sfHover li ul { top: -999em; }
			ul.sf-menu li li:hover ul,
			ul.sf-menu li li.sfHover ul {
				left: 151px; /* match ul width */
				top: 0; }
			ul.sf-menu li li:hover li ul,
			ul.sf-menu li li.sfHover li ul { top: -999em; }
			ul.sf-menu li li li:hover ul,
			ul.sf-menu li li li.sfHover ul {
				left: 151px; /* match ul width */
				top: 0; }
			.sf-menu { float: left; }
			.sf-menu li {
				/* background: #FFFFFF; */
				float: left;
				position: relative;
				background: #c54917;
				margin: 1px; }
			.sf-menu li a {
				color: #ffffff;
				text-decoration: none;
				padding: 8px 6px 5px 6px;
				font: normal 11px Helvetica, Arial, sans-serif;
				text-transform: uppercase;
				text-align: center; }
			.sf-menu li ul { z-index: 100; }
			.sf-menu li li { background: #c5b717; }
			.sf-menu li li a { 
				padding: 6px 15px 6px 10px;
				width: 125px;
				font: normal 11px Helvetica, Arial, sans-serif;
				text-transform: uppercase;
				text-align: left;
				color: #ffffff; }
			.sf-menu li li li { background: #febe10; }
			.sf-menu li li li a { font: normal 11px Helvetica, Arial, sans-serif; }
			.sf-menu li:hover,
			.sf-menu li.sfHover,
			.sf-menu li a:focus,
			.sf-menu li a:hover,
			.sf-menu li a:active { background: #e06e40; color: #c54917; }
			.sf-menu li li:hover,
			.sf-menu li li.sfHover,
			.sf-menu li li a:focus,
			.sf-menu li li a:hover,
			.sf-menu li li a:active { background: #e4d959; color: #ffffff; }
			.sf-menu li li li:hover,
			.sf-menu li li li.sfHover,
			.sf-menu li li li a:focus,
			.sf-menu li li li a:hover,
			.sf-menu li li li a:active { background: #ffd86e; color: #ffffff; }
			.subMenu { 
				list-style: none;
				padding: 0px;
				margin: 0px auto; }
				.subMenu li { float: left; position: relative; }
					.subMenu li a { 
						margin: 1px;
						display: block;
						padding: 6px 6px 0px 6px;
						font: bold 12px/12px Helvetica, Arial, sans-serif;
						text-decoration: none;
						text-align: left;
						color: #c5b717; }
						.subMenu li a:hover { color: #c54917; }
						.subMenu li a.cuRRent { color: #c54917; }
				.subSubMenu {}
				.subSubMenu li { float: left; position: relative; }
					.subSubMenu li a { 
						margin: 1px;
						display: block;
						padding: 6px 6px 0px 6px;
						font: bold 11px/11px Helvetica, Arial, sans-serif;
						text-decoration: none;
						text-align0082c8 left;
						color: #0082c8; }
						.subSubMenu li a:hover { color: #c54917; }
						.subSubMenu li a.cuRRent { color: #c54917; }
		#pageContent { 
			padding: 10px 20px 20px 10px; }
			#pageContent ul { margin: 1.5em 0px; }
				#pageContent li { margin-left: 5px; padding-left: 5px; list-style-position: inside; list-style-type: square; }


	#home_koala {
		width: 504px;
		height: 486px;
		display: block;
		background: url(/persistent/images/bg_koala_home.png) top left no-repeat;
		position: absolute;
		left: -510px;
		top: 45px;
	}

	#home_menu {
		list-style: none;
		padding: 0;
		margin: 0;
		float: right;
		position: relative;
	}
	
		#home_menu li {
			float: left;
			text-align: center;
			margin: 310px 0 0 0;
			padding: 0;
			position: relative;
			display: block;
			z-index: 10000;
		}
		
		#home_menu li a, #home_menu li a:visited {
			float: left;
			color: #fff;
			text-decoration: none;
			font-size: 15px;
		}
		
			#home_menu li ul {
				width: 220px;
				position: relative;
				padding: 15px 0 0 0;
				margin: -310px 0 0 0;
				float: right;
			}
			
			#home_menu li ul li {
				width: 180px;
				float: left;
				padding: 0 20px 15px;
				margin: 0;
			}
			
			#home_menu li ul li a, #home_menu li ul li a:visited {
				padding: 0;
				margin: 0;
				float: none;
				height: auto;
				width: auto;
			}
			
			#home_menu li ul li a:hover {
				text-decoration: underline;
			}
			
		.menu_2_4 a, .menu_2_4 a:visited {
			background: #0f6cb6;
			padding: 2px 5px 0px 5px;
			display: block;
			margin: 10px 0 0 12px;
			width: 25px;
			height: 33px;
		}
			
			.menu_2_4 ul {
				background: #0f6cb6;
				display: none;
			}
		
		.menu_4_7 a, .menu_4_7 a:visited {
			display: block;
			background: #b50937;
			padding: 12px 5px 0px 5px;
			margin: 0 0 0 12px;
			width: 30px;
			height: 30px;
		}
		
			.menu_4_7 ul {
				background: #b50937;
				display: none;
			}
		
		.menu_7 a, .menu_7 a:visited {
			display: block;
			background: #d7c500;
			padding: 8px 5px 0px 5px;
			margin: 4px 0 0 12px;
			width: 24px;
			height: 24px;
		}
		
			.menu_7 ul {
				background: #d7c500;
				display: none;
			}
		
		.menu_enter a, .menu_enter a:visited {
			display: block;
			background: #febe10;
			padding: 2px 5px 0px 5px;
			margin: 9px 0 0 12px;
			width: 70px;
			height: 33px;
			color: #0963af !important;
		}
		
		.home_search {
			margin-left: 12px !important;
			padding: 4px 5px 0 5px !important;
			color: #fff;
			background: #0082c8;
			width: 198px;
			height: 29px;
			text-align: left !important;
		}
			
			.home_search .inputBox { 
				border: none;
				background: url(/persistent/images/bg_searchbox_home.gif) left top no-repeat;
				width: 76px;
				height: 12px;
				padding: 3px 10px 0px 10px;
				margin: 5px 0 0 15px;
				font: normal 11px/11px Helvetica, Arial, sans-serif;
				color: #0866b7;
				display: block;
				float: left;
			}
				
			.home_search .buTTon { 
				/*
				border: none;
				background: none;
				margin: 0px 0px 0px 5px;
				padding: 3px 0 0 0;
				height: 20px;
				font: normal 15px/12px Helvetica, Arial, sans-serif;
				display: block;
				float: left;
				color: #fff;*/
background:none repeat scroll 0 0 transparent;
border: none;
display:block;
float:left;
font:bold 12px/21px Helvetica,Arial,sans-serif;
height:21px;
margin:0 0 0 10px;
padding:0;
			}
			
			.search_title {
				float: left;
				font-size:15px;
				line-height: 22px;
			}
		
		.prd_image {
			float: left;
			border: solid 2px #fff;
		}
		
			.prd_image img {
				
			}
		
		.prd_name {
			float: right;
			width: 110px;
			text-align: left;
		}
		
			.prd_name a, .prd_name a:visited {
				font-size: 12px !important;
				line-height: 15px;
				padding: 0;
				margin: 0;
			}
		
		.heading_1 {
			color: #d7c500;
			font-size: 22px;
			text-align: right;
			padding: 0 0 10px 0;
			margin: 0;
		}

		.heading_2 {
			color: #97e3f3;
			font-size: 22px;	
			text-align: right;
			padding: 0 0 10px 0;
			margin: 0;
		}

		.heading_3 {
			color: #0082c8;
			font-size: 22px;
			text-align: right;
			padding: 0 0 10px 0;
			margin: 0;
		}
		
		.heading_more1 {
			color: #fff;
			font-size: 20px;
			text-align: right;
			padding: 15px 40px 10px 0;
			margin: 0;
			background: url(../images/bg_more1.jpg) right 0 no-repeat;
			height: 18px;
		}

		.heading_more2 {
			color: #fff;
			font-size: 20px;	
			text-align: right;
			padding: 15px 40px 10px 0;
			margin: 0;
			background: url(../images/bg_more2.jpg) right 0 no-repeat;
			height: 18px;
		}

		.heading_more3 {
			color: #fff;
			font-size: 20px;
			text-align: right;
			padding: 15px 40px 10px 0;
			margin: 0;
			background: url(../images/bg_more3.jpg) right 0 no-repeat;
			height: 18px;
		}

/* store styles start */
			.themeList { 
				float: left;
				width: 170px;
				text-align: center; }
				#pageContent .themeList ul { 
					padding: 0px;
					margin: 0px;
					list-style: none; }
					#pageContent .themeList li { 
						padding: 0px;
						margin: 0px;
						list-style: none; }
						#pageContent .themeList li a { 
							font: bold 17px/1.7em Helvetica, Arial, sans-serif;
							color: #333333;
							text-align: center;
							text-decoration: none; }
							#pageContent .themeList li a:hover { color: #b50937; text-decoration: underline; }
			.themeListLeft { 
				float: left;
				width: 156px;
				height: 646px;
				background: url(/images/bg_themes_left.jpg) left top no-repeat; }
			.themeListRight { 
				float: left;
				width: 156px;
				height: 646px;
				background: url(/images/bg_themes_right.jpg) left top no-repeat; }
			.productList {}
				.productListItem { 
					width: 145px;
					height: 180px;
					margin: 8px 8px 8px 8px;
					_margin: 8px 5px 8px 5px;
					float: left;
					text-align: center; }
					.productListItem a { 
						color: #000000;
						font: bold 12px Helvetica, Arial, sans-serif;
						text-decoration: none; }
					.productListItem a:hover { color: #c54917; }
				.pagiNate { text-align: right; color: #0082c8; }
					.pagiNate a { font-weight: bold; text-decoration: none; color: #0082c8; }
					.pagiNate a:hover { color: #333333; }
			.productDetails {}
				.productDescription { float: left; width: 200px; }
					.productDescription .blueBox { padding: 10px; background: #0f6cb6; color: #ffffff; }
					.productDescription .orangeBox { padding: 10px; background: #fc9b2b; }
					.productDescription td a { color: #ffffff; }
				.productImages { float: right; width: 275px; background: #ffffff; margin: 0px -9px 0px 0px; }
					.productImages .largeImg { margin: 0px 5px 0px 0px; border: 3px solid #ffffff; float: left; }
					.productImages .thumbImg { margin: 9px 9px 0px 0px; border: 3px solid #ffffff; float: left; }
					.greenBox { width: 266px; background: #d7c500; }
						.relatedItem { 
							float: left;
							display: block;
							width: 80px;
							margin: 9px 4px 4px 4px;
							_margin: 9px 3px 4px 3px;
							text-align: center;
							font-size: 11px; }
							.relatedItem img { border: 3px solid #ffffff; background: #ffffff; }
							.relatedItem a { color: #333333; text-decoration: none; }
					.productImages h3 { font: normal 16px/1.5em Helvetica, Arial, sans-serif; color: #060606; padding-right: 9px; }
						.productImages h3 strong { font: bold 16px/1.5em Helvetica, Arial, sans-serif; color: #e25617; }
						.productImages h3 small { font-size: 12px; }
					.productImages h4 { font: bold 15px/1.5em Helvetica, Arial, sans-serif; color: #d7c500; text-align: center; padding-right: 9px; }
					.productImages form { padding-right: 9px; float: right; }
						.productImages .laBel { 
							float: left;
							margin: 14px 0px 12px 0px; }
						.productImages .inputBox { 
							border: 1px solid #cccccc;
							float: left;
							padding: 0px 0px 0px 0px;
							margin: 14px 4px 12px 4px;
							display: block;
							height: 22px; }
						.productImages .buTTon { 
							float: left;
							width: 105px;
							margin: 0px;
							height: 46px;
							padding: 5px 0px 0px 5px;
							background: url(/persistent/images/btn_buy_now.gif) left top no-repeat;
							color: #ffffff;
							text-align: left;
							text-transform: uppercase;
							font-size: 11px;
							border: none; }
							
						.checkout_td_bgcol {
						background-color:#FFFFFF;
						
						}


/* store styles end */

	#rightBlock { 
		width: 220px;
		float: left; }
		#rightLinks { padding: 10px 10px 10px 10px; }
			#rightLinks a { 
				color: #ffffff;
				text-decoration: none;
				padding: 0px 5px; }
			#rightLinks a:hover { color: #333333; }
		#searchBox { padding: 10px 10px 10px 10px; }
		#searchBox .inputBox { 
			border: none;
			background: url(/persistent/images/bg_searchbox.gif) left top no-repeat;
			width: 93px;
			height: 12px;
			padding: 3px 10px 0px 10px;
			margin: 0px;
			font: normal 11px/11px Helvetica, Arial, sans-serif;
			color: #0866b7;
			display: block;
			float: left; }
		#searchBox .buTTon { 
			border: none;
			background: none;
			margin: 0px 0px 0px 5px;
			padding: 0px;
			height: 15px;
			font: bold 12px/12px Helvetica, Arial, sans-serif;
			display: block;
			float: left; }
		.promoBox { 
			background: #ffffff;
			width: 210px;
			padding: 0px;
			margin-top: 10px;
			float: right; }
			.promoBox h2 { 
				background: #0082c8;
				color: #abdbf5;
				padding: 5px 10px; }

#statsCode { display: none; }

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
					#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
					#cboxOverlay{position:fixed; width:100%; height:100%;}
					#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
					#cboxContent{position:relative; overflow:hidden;}
					#cboxLoadedContent{overflow:auto;}
					#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
					#cboxTitle{margin:0;}
					#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
					#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
					#cboxOverlay{background:#fff;}
					#colorBox{}
							#cboxTopLeft{width:25px; height:25px; background:url(/persistent/images/colorbox/border1.png) 0 0 no-repeat;}
							#cboxTopCenter{height:25px; background:url(/persistent/images/colorbox/border1.png) 0 -50px repeat-x;}
							#cboxTopRight{width:25px; height:25px; background:url(/persistent/images/colorbox/border1.png) -25px 0 no-repeat;}
							#cboxBottomLeft{width:25px; height:25px; background:url(/persistent/images/colorbox/border1.png) 0 -25px no-repeat;}
							#cboxBottomCenter{height:25px; background:url(/persistent/images/colorbox/border1.png) 0 -75px repeat-x;}
							#cboxBottomRight{width:25px; height:25px; background:url(/persistent/images/colorbox/border1.png) -25px -25px no-repeat;}
							#cboxMiddleLeft{width:25px; background:url(/persistent/images/colorbox/border2.png) 0 0 repeat-y;}
							#cboxMiddleRight{width:25px; background:url(/persistent/images/colorbox/border2.png) -25px 0 repeat-y;}
							#cboxContent{background:#fff;}
									#cboxLoadedContent{margin-bottom:20px;}
									#cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#000000;}
									#cboxCurrent{position:absolute; bottom:0px; left:60px; color:#999999; font-size: 11px;}
									#cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
									#cboxPrevious{position:absolute; bottom:0px; left:0; color:#666666; font-weight: bold; font-size: 11px;}
									#cboxNext{position:absolute; bottom:0px; left:30px; color:#666666; font-weight: bold; font-size: 11px;}
									#cboxLoadingOverlay{background:url(/persistent/images/colorbox/loading.gif) 5px 5px no-repeat #fff;}
									#cboxClose{
										position:absolute;
										bottom:0; right:0;
										display:block;
										color:#666666;
										font-size: 11px;
										font-weight: bold; }
									#cboxPrevious:hover, #cboxNext:hover, #cboxClose:hover { color: #000000; }
/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
					.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/persistent/images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
					.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/persistent/images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
					.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/persistent/images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
					.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/persistent/images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
					.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/persistent/images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
					.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/persistent/images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
					.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/persistent/images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
					.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/persistent/images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}