/*------------------------------------------------------------------------
# JA SlideShow
# ------------------------------------------------------------------------
# Copyright (C) 2004-2006 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites:  http://www.joomlart.com -  http://www.joomlancers.com

-------------------------------------------------------------------------*/
#ja-slideshowwrap {
	position: relative;
}

#ja-slideshow {
	margin-left: 10px;
}

#ja-slideshow div.moduletable {
	margin: 0;
	padding: 0;
}

#ja-slideshow-case {
	position: absolute;
	top: 0;
	left: 0;
}
#ja-butslideshow {
	position: absolute;
	top: 100;
	left: 300;
}

#ja-slidebar {
	/*margin-left: 4px;
	position: absolute;
	bottom: 10px;
	left: 10px;
	display: block;
	z-index: 100;*/
	margin-left: 0px;
	display: block;
	position: absolute;
	top: 350px;
	z-index: 1000;
	background:url("../../mod_tuanpm/images/trans-bg.png") repeat;
	width:947px;
	height:73px;
	padding:7px;
	
}

#ja-slidebar ul {
	margin: 0px 0px 0px 560px;
	text-align:center;
	list-style: none;
}

#ja-slidebar ul li {
	margin: 0 0 10px 0;
	padding: 0;
	display: inline;
	width: 74px;
	height: 49px;

}

#ja-slidebar ul li.pause {
	background: none;
	display: inline;
}
#ja-slidebar ul li.pause a.ps{
background:none;
padding-top:45px;
}

#ja-slidebar ul li a {
	border: 0px solid #000000;
	color: #ffffff;
	cursor: pointer;
	text-decoration: none;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	width: 25px;
	height: 45px;
	display: block;
	float: left;
	background: url(img/circle-active11.html) no-repeat;
	background-position: 50% 0%;
	font-weight: bold;
	text-indent:2px;
	/*padding:3px 5px 0 0;*/
	text-align:center;
}

#ja-slidebar ul li a:hover {
	border: 0px solid #FFFFFF;
	/*padding:2px 4px 0 0;*/
	text-decoration: none;
	color: #FF0000;
}
#ja-slidebar ul li#jsnav1 a {
	border: 0px solid #000000;
	color: #ffffff;
	cursor: pointer;
	text-decoration: none;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	width: 168px;
	height: 72px;
	display: block;
	float: left;
	background: url(../../../images/avalon/thumb/over/smallimage1_1.jpg) no-repeat;
	background-position: 50% 0%;
	font-weight: bold;
	text-indent:2px;
	padding:3px 5px 0 0;
	text-align:center;
}

#ja-slidebar ul li#jsnav1 a:hover {
	background: url(../../../images/avalon/thumb/smallimage1.jpg) no-repeat;
	background-position: 50% 0%;
	border: 0px solid #FFFFFF;
	padding:3px 5px 0 0;
	text-decoration: none;
	color: #FF0000;
}
#ja-slidebar ul li#jsnav2 a {
	border: 0px solid #000000;
	color: #ffffff;
	cursor: pointer;
	text-decoration: none;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	width: 168px;
	height: 72px;
	display: block;
	float: left;
	background: url(../../../images/avalon/thumb/over/smallimage2_1.jpg) no-repeat;
	background-position: 50% 0%;
	font-weight: bold;
	text-indent:2px;
	padding:3px 5px 0 0;
	text-align:center;
}

#ja-slidebar ul li#jsnav2 a:hover {
	background: url(../../../images/avalon/thumb/smallimage2.jpg) no-repeat;
	background-position: 50% 0%;
	border: 0px solid #FFFFFF;
	padding:3px 5px 0 0;
	text-decoration: none;
	color: #FF0000;
}
#ja-slidebar ul li#jsnav3 a {
	border: 0px solid #000000;
	color: #ffffff;
	cursor: pointer;
	text-decoration: none;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	width: 168px;
	height: 72px;
	display: block;
	float: left;
	background: url(../../../images/avalon/thumb/over/smallimage3_1.html) no-repeat;
	background-position: 50% 0%;
	font-weight: bold;
	text-indent:2px;
	padding:3px 5px 0 0;
	text-align:center;
}

#ja-slidebar ul li#jsnav3 a:hover {
	background: url(../../../images/avalon/thumb/smallimage3.html) no-repeat;
	background-position: 50% 0%;
	border: 0px solid #FFFFFF;
	padding:3px 5px 0 0;
	text-decoration: none;
	color: #FF0000;
}

#ja-slidebar a.next,
#ja-slidebar a.prev {
	display: block;
	padding-top:50px;
}

#ja-slidebar a.active {
	background:transparent url(img/circle-active11.html) no-repeat scroll 50% 0
	/*background: url(img/circle-active.png) no-repeat;*/
}



