/*
Home page
*/
#hp-main {position: relative; margin: 3px 0 0px 0; background: url(/res/home/hp-intro-bg.png) no-repeat left bottom; }
#hp-flash {width: 515px;  float: left; margin: 0; padding: 0; font-size: 0; }
#hp-main-right { width: 460px; height:265px; float: right; padding: 20px 17px 0 0; color:#333; }
#hp-main-right h2 { font-size: 36px; margin: 0px 0 14px 0; color: #333; line-height: 1.25; text-align: center; }
#hp-main-right h2 span { font-size: 36px; color: #2182b1;}
#hp-main-right h3 { font-size: 20px; margin: 0 0 10px 0; color: #333; line-height: 1.25; text-align: center; }
#hp-main-right h3 span { font-size: 20px; color: #2182b1;font-weight:800}
#hp-main-right ul { font-size: 16px; margin-left: 60px; }
#hp-main-right ul li { list-style: disc; margin-bottom: 10px; }
#hp-main-right ul.theme_bullets { font-size: 14px; margin-left: 30px; }
#hp-main-right ul.theme_bullets li { list-style: disc; margin-bottom: 7px; }
#hp-main-right .button { text-align: center; margin-top:15px; }

#hp-main .news {position: absolute;	bottom: 0;	right: 0px;	width: 460px; height:20px;}
#hp-main .news a {color: #333;	text-decoration: none;}
#hp-main .news a:hover {text-decoration: underline;}

#steps li {float: left;	padding: 25px 0;	background: no-repeat left;}
#steps .create {width: 100px;	padding-left: 95px;	padding-right: 10px;
		background-image: url('/res/home/home-steps-create.jpg');
}
#steps .share {	width: 100px;	padding-left: 65px;	padding-right: 10px;
	background-image: url('/res/home/home-steps-share.jpg');
}
#steps .read {	width: 100px;	padding-left: 75px;	padding-right: 10px;
	background-image: url('/res/home/home-steps-read.jpg');
}
#steps .buy {	width: 115px;	padding-left: 75px;
	background-image: url('/res/home/home-steps-buy.jpg');
}
#steps li h3 {	color: #3d9bcb;	font-size: 20px;}
#steps li p {font-size: 11px;}

#steps .get-started, #steps .get-started span {display: block;	height: 51px;	width: 185px;}
#steps .get-started {	position: relative;	float: right;	margin-top: 35px;	margin-right: 40px;}
#steps .get-started span {position: absolute;	top: 0; left: 0;
	background: url('/res/home/home-get-started.png') no-repeat;
}
#steps .get-started:hover span {background-position: 0 -51px;}

#features {float: right;	width: 286px;	font-size: 13px;}
#features li {margin-top: 0px; margin-bottom:0px;}
#features a span.title {display: none;}
#features a {display: block;	height: 98px;	text-decoration: none;	color: #333;}
#features strong {font-weight: normal;color: #2182b1;}
#features .bookemon-for-educators {background: url('/res/home/bg-bookemon-for-educators.png') no-repeat;}
#features .bookemon-for-educators span {display: block;	padding: 55px 10px 0 85px;}
#features .the-buzz {background: url('/res/home/bg-the-buzz.png') no-repeat;margin-top:2px}
#features .the-buzz span {display: block;	padding: 55px 10px 0 85px;}
#features .gift-card {background: url('/res/home/bg-gift-card.png') no-repeat;}
#features .gift-card strong {position: relative;	left: 18px;	line-height: 150px;	padding-right: 20px; 	color: #333;	background: url('/res/home/ico-the-gift-more.png') no-repeat right;
}

#hp-featured { background: url(/res/home/bg-home-bookshelf.jpg) no-repeat;  height: 267px; width: 689px; float:left;}
#hp-featured .inner {}
#hp-featured h3 { color: #333; font-size: 18px; float: left; font-weight: normal; margin: 0 0 0 2px; }
#hp-featured-tabs {position:relative; margin: 0 0 0 0; clear: both; }
#hp-featured-tabs .tabs-nav {	margin-top: 20px;	margin-left: 200px; }
#hp-featured-tabs .tabs-nav li { float: left; background: url(/res/home/side-nav-back.gif) 0 50% no-repeat; padding-left: 6px; margin-left: 5px;  color: #fff; font-size:12px;}
#hp-featured-tabs .tabs-nav li.first {background: none; margin: 0; padding: 0; }
#hp-featured-tabs .tabs-nav a{color: #fff; display: block; }
#hp-featured-tabs .tabs-nav .ui-tabs-selected a {color:#ff9900; font-weight: bold; }

#hp-featured-tabs .tabs-nav #more-categories{}
#hp-featured-tabs .tabs-nav #more-categories ul {position: absolute;
	left:458px;	top: 16px;	height:200px; overflow: auto; overflow-x: hidden; 
	display: none;	width: 150px;
	background: #333;	border: 1px solid #000;	z-index: 1000;	zoom: 1;}

#hp-featured-tabs .tabs-nav #more-categories ul li {width: 110px; background: none; margin: 0; padding: 0; float: left; }
#hp-featured-tabs .tabs-nav #more-categories ul li a {color: #fff; display: block; padding: 2px 7px; width: 96px; font-weight: normal; }
#hp-featured-tabs .tabs-nav #more-categories:hover ul {display: block;}

#hp-featured-tabs .tabs-nav .more-categories { background: url(/res/home/ico-more-categories.png) 100% 55% no-repeat; padding-right: 13px; }
#hp-featured-tabs .tabs-nav .more-categories-selected { color: #ff9900; }

#hp-featured-tabs .controls {position: absolute;	top: 0px;	right: 0;	margin-right: 25px;}
#hp-featured-tabs .controls a {float: left;	width: 16px;	height: 13px;	text-indent: -999em;
	background: url('/res/home/ico-featured-books-controls.png') no-repeat;
	margin-right:5px;
}
#hp-featured-tabs .controls .previous {background-position: 4px 0;}
#hp-featured-tabs .controls .previous:hover {background-position: 4px -13px;}

#hp-featured-tabs .controls .toggle {margin: 0 2px;	background-position: -12px 0;}
#hp-featured-tabs .controls .next {background-position: -28px 0;}
#hp-featured-tabs .controls .next:hover {background-position: -28px -13px;}


#hp-featured .loadingAnimation{width:208px; height:13px; margin-top:50px; margin-left:90px;}

#featured-categories {
	float: left; margin-top: 13px;	width: 580px;text-align: center;
	background: url('/res/home/bg-featured-categories.png') repeat-x bottom;
}
#featured-categories h3 {
	margin-top: -29px;	height: 26px;	line-height: 33px;	border-bottom: 1px solid #ccc;
	font-size: 16px;	text-align: left;
}
#featured-categories a.title {color: #3d9bcb;	font-size: 14px;	font-weight: bold;	text-decoration: none;}

#edcenter-message {float: right;margin-top: 10px; margin-bottom: 15px;width: 393px;
	background: #eee;	border: 1px solid #ccc;
}

#edcenter-message h3 {position: relative;	height: 29px;	line-height: 29px; padding-left:15px; 
	font-size:16px;
	background: url('/res/home/bg-edcenter-message.png') repeat-x center;
}

#edcenter-message .content {font-size: 12px; font-weight: bold; padding: 3px 0 10px 0}
#edcenter-message .content img{margin-top:5px;}


#slide_holder {
	height: 287px; width: 515px;
	overflow: hidden;
	position: relative;
	text-align: left;
	z-index: 1000;
}
#slide_holder_inner {
	height: 287px; overflow: hidden; position: absolute; width: 515px; z-index: 2000;
}

#intro, .intro {
	position: absolute;
	z-index: 9000;
}

/*-- for slide divs --*/
#slide_holder_inner div {position: absolute;}
/*-- for divs in html slides to position relative --*/
div#slide_holder_inner div.slide div {position: relative;}
div#carousel_controls {position:absolute;	z-index:9999;	margin:265px 0;	height: 30px;	width: 515px;	z-index: 4000;}

/*-- for slide buttons --*/
#pause_button, #prev_button, #next_button {cursor: pointer;z-index: 5000;}
#pause_button span, #prev_button span, #next_button span {margin-left: -10000px;}
#pause_button, #prev_button, #next_button{background-repeat: no-repeat;overflow: hidden;top: 0px;}

/*-- next & prev buttons --*/
#nex_prev_buttons {position: absolute;left: 0;z-index: 5000;}
#next_button {left: 54px;	width: 24px; height: 23px;	background:url(/images/slides/play-btn.gif) -57px 0px no-repeat;}
#next_button:hover {background:url(/images/slides/play-btn.gif) -57px -18px no-repeat;}
#prev_button {left: 13px;	width: 24px;	height: 23px;	background:url(/images/slides/play-btn.gif) 0px 0px no-repeat;}
#prev_button:hover {background:url(/images/slides/play-btn.gif) 0px -18px no-repeat;}
/*-- end next & prev buttons --*/

/*-- looks like pause button --*/
.pause_button {left: 39px; width: 16px;	height: 23px;	background:url(/images/slides/play-btn.gif) -26px 0px no-repeat;}
.pause_button:hover {background:url(/images/slides/play-btn.gif) -26px -18px no-repeat;}

/*-- looks like play button --*/
.paused_button {left: 39px;	width: 16px;	height: 23px;	background:url(/images/slides/play-btn.gif) -42px 0px no-repeat;}
.paused_button:hover {background:url(/images/slides/play-btn.gif) -42px -18px no-repeat;}

/*-- rules for slide captions --*/
#slide_captions {color: #333;left: 88px;top:1px;overflow: visible;z-index: 6000;}
#slide_captions span {font:normal 11px Tahoma; color:#484848;height: 20px;line-height: 20px;overflow: visible;}
/*-- end for slide divs --*/

/**
 * Featured carousel
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container { position: relative; }
.jcarousel-clip { margin: 0; overflow: hidden; padding: 0; position: relative; z-index: 2; }
.jcarousel-list { left: 0; margin: 0; overflow: hidden; padding: 0; position: relative; top: 0; z-index: 1; }
.jcarousel-list li, #hp-featured .jcarousel-item { float: left; list-style: none; width: 130px; margin-right: 10px; }
.jcarousel-next { display: none; z-index: 3; }
.jcarousel-prev { display: none; z-index: 3; }
.jcarousel-container-horizontal { width: 550px; padding: 0 35px; }
.jcarousel-clip-horizontal { width: 550px; }
.jcarousel-next-horizontal { position: absolute; top: 31px; right: 0; width: 17px; height: 56px; cursor: pointer; }
.jcarousel-next-horizontal:hover{background: transparent url(/res/images/next.png) no-repeat 0 0; }
.jcarousel-next-disabled-horizontal, jcarousel-prev-disabled:hover {cursor: default; background: none; }
.jcarousel-prev-horizontal { position: absolute; top: 31px; left: 0; width: 17px; height: 56px; cursor: pointer;  }
.jcarousel-prev-horizontal:hover{background: transparent url(/res/images/prev.png) no-repeat 0 0; }
.jcarousel-prev-disabled-horizontal, jcarousel-prev-horizontal:hover  {cursor: default; background: none; }

#book-carousel_container{position: relative; margin-top:52px; margin-left:30px; height: 150px; width:550px;}
#book-carousel {position: relative;z-index: 1;height: 150px; margin:auto; padding: 0;overflow: hidden;}
#book-carousel li{float:left;	list-style:none;	position:relative;	width: 130px;	height: 150px;	margin:0 0 0 0;	text-align:center;}
#book-carousel li table{width:100%;border:0;border-collapse:collapse;}
#book-carousel li table td{width:100%;border:0;border-collapse:collapse;font-size: 9px;}
#book-carousel li table td img.square{border:none;}
#book-carousel li h4{width:120px;margin-bottom:2px;font-size:11px;font-weight:bold;word-wrap:break-word;}
#book-carousel li h4 a{color: #333;}