/* hide container until all is ready */
#Accordion{
	position:absolute;
	right:0;
	top:0;
	width:390px;
	height:224;
	overflow:hidden;
	border-right:1px solid #fff;
}
#Accordion img{
	border:none;
	/*width:310px;*/
}
#Accordion li{
	width:326px;
}
#AccordionNav{
	position:absolute;
	right:30px;
	top:230px;
}
button{
	border:none;
	display:block;
	width:20px;
	cursor:hand;
	cursor:pointer;
	float:left;
	border-right:1px solid #a4a5c0;
	color:#a4a5c0;
	background-color:#fff;
	line-height:12px;
}
button:hover{
	color:#595d89;
}
.test, .test2,.test3,.test4{
	display: none;
}
/*Main Container*/
.container {
	width:395px;
	height:224px;
	overflow:hidden;
}
.container ul{
	list-style-type: none;
	margin: 0;
	padding:0;
}
.container li{
	display: inline;
	margin: 0px;
	padding:0px;
}
/*Content Container*/
.contentContainer {
	padding:0;
	margin:0;	
	float: left;
	width:0px;
	height: 224px;
	overflow:hidden;
	background-color:#efa918;
}
.contentContainerText {
	padding:15px;
	color:#fff;
	font-size:12px;
	line-height:18px;
}
.contentContainerText img{
	float:right;
	margin-left:15px;
}
.contentContainerText  .Shadow{
	
	-webkit-box-shadow: 5px 5px 5px #000;
    -moz-box-shadow: 5px 5px 5px #000;
     box-shadow:5px 5px 5px #000;
	 filter:progid:DXImageTransform.Microsoft.Shadow(strength=5,color=#999,direction=135);
}
.contentContainerText a:link, .contentContainerText a:visited{
	font-weight:bold;
	color:#0c1c51;
	text-decoration:none;
	background-image:url(../images/BgAdressNavi.gif);
	background-position:right 7px;
	padding:3px 13px 0 0;
	background-repeat:no-repeat;
}
.contentContainerText a:hover, .contentContainerText a:active{
	color:#fff;
	text-decoration:none;
}
.contentContainerText span{
	color:#0c1c51;
	font-size:20px;
	padding:2px 0 1px 0;
	display:block;
	margin-bottom:10px;
}
.contentContainerText h1{
	font-size:16px;
	line-height:18px;
}
.contentWrapper{	
}
.contentInnerWrapper{
	/*text-align: justify;*/
	padding:0;
}
/* Handle*/
.handle{
	float: left;
	width:16px;
	height:224px;
	margin: 0;
	margin-right:0;
}
.handleOver{	
}
.handleSelected{	
}
.contentWrapper h3{
	
}
p{
	padding:0;
	margin:0;
}
/*  TEST 4  */
.test4 .handle {
	float: left;
	width: 15px;
	height: 224px;
	margin:0;
	text-align:center;
	padding:0;
	font-weight: bold;
	color: #fff;
	background-color:none;
	border-left:1px solid #fff;
	font-size:12px;
	background-image:url(../images/BgAcc5.png);
	background-repeat:no-repeat;
}
.test4 .handleOver{	
	background-color:none;
	background-image:url(../images/BgAcc2.png);
	cursor:pointer;
}
.test4 .handleSelected{	
	float: left;
	width: 15px;
	height: 224px;
	margin:0;
	text-align:center;
	padding:0;
	font-weight: bold;
	color: #fff;
	background-color:none;
	border-left:1px solid #fff;
	font-size:12px;
	background-image:url(../images/BgAcc5.png);
	background-repeat:no-repeat;
}