/* 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: #f60;
}
.orange-bar .jScrollPaneDrag {
	background: #00f url(../images/drag_grab.gif) no-repeat 50% 50%;
}
.orange-bar .scroll-pane {
	background: #69f;
}
	

.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;
	}

.menudrop {
	max-height:200px;
}

.search {
	position:relative;
	top:-565px;
	left:155px;
	width:240px;
	height:30px;
	display:inline;
	z-index:999;
	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;
}

.search1 {
	position:relative;
	top:-320px;
	left:155px;
	width:240px;
	height:30px;
	display:inline;
	z-index:999;
	zoom:1;
}

.search2 {

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

.search3 {

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

.search4 {
	position:relative;
	top:-195px;
	left:540px;
	width:240px;
	height:30px;
	display:inline;
	z-index:999;
	zoom:1;
}

.search4b {
	position:relative;
	top:-215px;
	left:540px;
	width:240px;
	height:30px;
	display:inline;
	z-index:999;
	zoom:1;
}

.search5 {
	position:relative;
	top:-175px;
	left:540px;
	width:240px;
	height:30px;
	z-index:999;
	zoom:1;
}

.search6 {
	position:relative;
	top:-315px;
	left:160px;
	width:240px;
	height:30px;
	display:inline;
	z-index:999;
	zoom:1;
}

.search7 {
	position:relative;
	top:-235px;
	left:160px;
	width:240px;
	height:30px;
	display:inline;
	z-index:999;
	zoom:1;
}

.search8 {
	position:relative;
	top:120px;
	left:550px;
	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: 350px;
	height: 350px;
	_height: 0px;
	overflow: auto;
	display:inline;
}


.wide {
	width: 350px;
}

.super-wide {
	width: 350px;
}

.tall {
	height: 350px;
}


#pane2 {
height: 350px;
top:-400px;
_top:-60px;
z-index: 930;

}

#pane2b {
height: 470px;
top:-400px;
_top:-60px;
z-index: 930;

}

#pane1 {
height: 350px;
top:-400px;
_top:-60px;
z-index: 930;

}

#pane3 {
width:310px;
height: 430px;
margin-left:10px;
margin-right:10px;
padding:15px;
z-index: 932;
}

#pane4 {
width:310px;
height: 430px;
margin-left:10px;
margin-right:10px;
padding:15px;
z-index: 932;
}

#pane9 {
height: 300px;
top:-400px;
_top:-60px;
z-index: 930;

}

#pane9b {
height: 470px;
top:-400px;
_top:-60px;
z-index: 930;

}

#pane9c {
height: 300px;
top:-400px;
_top:-60px;
z-index: 930;

}