/* Stylesheet for my demo pages for jScrollPane - these styles aren't necessary for using jScrollPane and aren't specific to any particular example */

body {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
}

a.link {color: #666; text-decoration: normal; }

a.jScrollArrowUp {
	background: url(../images/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(../images/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}


.orange-bar .jScrollPaneTrack {
	background: #ffffff;
}
.orange-bar .jScrollPaneDrag {
	background: #00f url(../images/drag_grab.gif) no-repeat 50% 50%;
}
.orange-bar .scroll-pane {
	background: #ffffff;
}
	

.contentholderleft1 {
	position:relative;
	top:10px;
	_top:-50px;
	left:10px;
	width:367px;
	height:113px;	
	_height: 0px;
	z-index: 920;

	}
	
	.contentholderleftkids1 {
	position:relative;
	top:10px;
	_top:-50px;
	left:10px;
	width:420px;
	height:220px;	
	_height: 0px;
	z-index: 920;

	}

.contentholderleft2 {
	position:relative;
	top:-550px;
	_top:-610px;
	left:20px;
	width:360px;
	height:168px;
	_height: 0px;
	z-index: 918;

	}
	
.contentholderleft3 {
	position:relative;
	top:-450px;
	_top:-510px;
	left:20px;
	align:left;
	width:360px;
	_height: 0px;
	z-index: 916;
	}
	
	.contentholderleftshop3 {
	position:relative;
	top:-450px;
	_top:-510px;
	left:20px;
	align:left;
	width:723px;
	_height: 0px;
	z-index: 944;
	}

.search {

	float: right;
	position:relative;
	top:-590px;
	left:0px;
	width:240px;
	height:30px;
	z-index:999;
	display:inline;
	zoom:1;
}

.search1 {

	float: right;
	position:relative;
	top:-70px;
	left:20px;
	width:240px;
	height:30px;
	z-index:999;
	display:inline;
	zoom:1;
}

.search1a {

	float: right;
	position:relative;
	top:-70px;
	left:20px;
	*left:35px;
	width:240px;
	height:30px;
	z-index:999;
	display:inline;
	zoom:1;
}

.search1x {

	float: right;
	position:relative;
	top:-125px;
	left:20px;
	*left:35px;
	width:240px;
	height:30px;
	z-index:999;
	display:inline;
	zoom:1;
}

.contentholderright1 {
	position:relative;
	top:-110px;
	_top:-170px;
	left:390px;
	height:493px;
	_height: 0px;
	width:360px;
	z-index:912;
	}
	
	.contentholderrightshop1 {
	position:relative;
	top:-110px;
	_top:-170px;
	left:390px;
	height:540px;
	_height: 0px;
	width:360px;
	z-index:912;
	}

.contentholderright2 {
	position:relative;
	top:-718px;
	_top:-778px;
	left:392px;
	width:370px;
	height:0px;
	z-index: 910;

	}
	
	.contentholderright3 {
	position:relative;
	top:-573px;
	_top:-633px;
	left:390px;
	width:370px;
	height:124px;
	_height: 0px;
	z-index: 914;

	}


.scroll-pane {
	float: left;
	width: 310px;
	height: 250px;
	_height: 0px;
	overflow: auto;
	display:inline;
	z-index: 995;

}

.wide {
	width: 310px;
}

.super-wide {
	width: 310px;
}

.tall {
	height: 250px;
	*height: 250px;
}


#pane2 {
height: 250px;
*height: 250px;
top:-45px;
left:20px
_top:-20px;
z-index: 990;
}

#pane2x {
height: 290px;
*height: 250px;
top:-45px;
left:20px
_top:-20px;
z-index: 990;
}