.scrollable {

	position:relative;
	overflow:hidden;
	width:633px;
	height:530px;
	margin:0 15px;
}
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
	height:530px;
}

.items div {
 float:left;
 width:644px;
 height:530px;
}

/* single scrollable item */
	.scrollable img {
	margin:8px 9px;
}

	.scrollable p {
	font:12px/18px Arial,Helvetica,sans-serif; line-height:20px; padding:5px 8px 5px 8px; 
}


.scrollable ul {width:100%; margin:0 0 0 -3px;}
.scrollable ul li {width:640px; text-align:left;  height:520px; margin:0px 5px; background:none;}
.scrollable ul li a:hover {text-decoration:none;}
.scrollable ul li label {display:block; width:100%; float:left; font-family:Helvetica, "Lucida Sans Unicode", Arial; font-size:14px; color:#000;}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}




/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../images/a1.gif) 0 0 no-repeat;
	display:block;
	width:16px;
	height:59px;
	float:left;
	margin:90px 0px 0px;
	cursor:pointer;
	font-size:1px;
	margin:27% 0;
}

/* right */
a.right 				{ background:url(../images/a3.gif) 0 0 no-repeat;}
a.right:hover 		{background:url(../images/a3.gif) 0 0 no-repeat;
display:block;
}



/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background:url(../images/a1.gif) 0 0 no-repeat; }


/* up and down */
a.up, a.down		{ 
	background:url(http://static.flowplayer.org/tools/img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 
.img1{ padding:3px; border:1px solid #dadada;}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	
/******************* inner_scroller********************* */

.in_scrollable {

	position:relative;
	overflow:hidden;
	width:880px;
	height:195px;
	margin-top:10px;
	float:left;
}

.in_items div {
 float:left;
 width:880px;
}

.in_scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}


/* single scrollable item */
.in_scrollable img {
	
	padding:10px;
	
}

.in_scrollable ul {width:100%}
.in_scrollable ul li {width:170px; text-align:left}
.in_scrollable ul li a:hover {text-decoration:none}
.in_scrollable ul li label {display:block; width:100%; float:left; font-family:Helvetica, "Lucida Sans Unicode", Arial; font-size:14px; color:#000}

/* active item */
.in_scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}




/* this makes it possible to add next button beside scrollable */
.in_scrollable {
	float:left;	
}











/* scroll
=================================================*/

.scroll_out{ width:100%; height:520px; margin:15px 0px 15px 0px; }


.bag_text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#ce0902;
	padding:0px 0px 0px 13px;
	font-weight:bold;
	height:auto;
	width:100%;
	float:left;
	line-height:15px;
	text-decoration: line-through;
	}


.scrollpara{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#5f4629;
	padding:0px 5px 5px 5px;
	font-weight:normal;
	width:96%;
	float:left;
	height:auto;
	line-height:18px;
	text-align:left;
	margin:0px;
	}

.scrollpara2{ font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	padding:0px 5px 5px 5px;
	font-weight:normal;
	width:96%;
	float:left;
	height:auto;
	line-height:18px;
	text-align:left;
	margin:0px;}

.cainpric{ width:90%!important; height:auto!important; float: left!important; padding:5px 0 5px 13px!important; color:#000!important; font-weight:bold!important; font-size:13px!important; font-family:Arial, Helvetica, sans-serif;}
.cainpric span{ color:#ce0902; font-size:16px; font-weight:bold; padding:0 0 0 5px;}
.aro{ width:19px!important; height:19px!important; float:right!important; margin:0 10px 0 0!important;}
.aro img{ width:15px!important; height:15px!important;}

/*maketabs*/
/* make tabs / navs */
ul.maketabs li {float:left; display:inline}
ul.maketabs li a span {display:block; float:left}
/* make menus/ vertical menus */
ul.makemenu li,ul.makemenu li a {display:block}

ul.maketabs li.space {margin:0px 90px 0px 90px;}

ul.maketabs li .productpanel li .clickname{ background:#ffffff; float:left; padding:5px 0px 5px 0px; font-family:Arial, Helvetica, sans-serif, "Eurostile Condensed"; color:#01538E; font-size:13px; line-height:21px; width:75%; border:1px solid #E6E6E6; margin:3% 13% 0% 13%;}

.scrollable ul h4{ width:100%; font-weight:bold; text-align:center;}