#custom {
	background-image:url(../images/history/book.png);
	width:570px;
	height:440px;
	padding:0px;
}

/* the overlayed element */
div.overlay {
	
	/* growing background image */
	background-image:url(../img/overlay/white.png);
	
	/* dimensions after the growing animation finishes  */
	width:600px;
	height:470px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(../images/overlay/close.png);
	position:absolute;
	right:60px;
	top:15px;
	cursor:pointer;
	height:36px;
	width:36px;
}

/* SCROLLABLE FOR LOOK BOOK */
body.category-looks div.essential-looks
{
background:url(/skin/frontend/default/lionsrampant/images/looks/bg.png) no-repeat;
height: 525px;
}
body.category-looks div.scrollable
{
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width:816px;	
	height:525px;	
	/* custom decorations */
	padding: 0;
}
/* prev, next, prevPage and nextPage buttons */
body.category-looks a.prev, body.category-looks a.next, body.category-looks a.prevPage, body.category-looks a.nextPage {
	display:block;
	width:25px;
	height:56px;
	background:url(/skin/frontend/default/lionsrampant/images/scrollable/left.png) no-repeat;
	float:left;
	margin:100px 0px 10px 0px;
	cursor:pointer;
}
body.category-looks a.prev {
margin-left: 18px;
}


body.category-looks div.scrollable div.items {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;		
	
	/* decoration */
	margin-left:0px;
}

/* single scrollable item */
body.category-looks div.scrollable div.items .item {
	float:left;
	/* custom decoration */
	width:355px;
	padding:71px 10px 0px 41px;
height: 435px;
margin-right: 0;
background: #fff url(/skin/frontend/default/lionsrampant/images/looks/tile-bg.jpg) top left no-repeat;
}

body.category-looks div.thumb {
padding: 0;
height: 388px;
}
body.category-looks div.description {
color: #fff;
padding-top: 5px;
font-size: 11px;
width: 210px;
line-height: 11px;
}

/* mouseover state */
body.category-looks a.prev:hover, body.category-looks a.next:hover, body.category-looks a.prevPage:hover, body.category-looks a.nextPage:hover {
	background-position:0px -56px;		
}

/* disabled navigational button */
body.category-looks a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
body.category-looks a.next, body.category-looks a.nextPage {
	background-image:url(/skin/frontend/default/lionsrampant/images/scrollable/right.png);
	clear:right;	
}