#homePage_Container {

}

.homepage_goldyBox
{height:246px;width:960px;background:url('../img/homepage/homepage_goldybox.jpg') no-repeat}

.homepage_introText
{padding:44px 290px 30px 44px;line-height:17px;color:#444;font-weight:bold;}

.bookCategoryContainer
{margin:25px 0 0px 0;}

.homePage_newBook {
	width: 200px;
	height: 250px;
	float: left;
	text-align:center;
	margin: 9px;
}

.homePage_newBook img{max-width:200px;-moz-box-shadow: 2px 2px 5px #444;-webkit-box-shadow: 2px 2px 5px #444;box-shadow: 2px 2px 5px #444;}


.homePage_newBook a
{font-weight:bold;}

.homePage_newBook .imageContainer
{width:200px;height:190px;margin-bottom:5px;}


.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 880px;
	height:300px;
	float:left;
	margin-top:15px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
}

a.browse {
	display:block;
	width:40px;
	height:40px;
	float:left;
	margin:110px 0px;
	cursor:pointer;
	font-size:1px;
}
a.left{background:url('../img/homepage/back_btn.gif') no-repeat}
a.right{background:url('../img/homepage/forward_btn.gif') no-repeat}
a.disabled {
	visibility:hidden !important;		
}