.maincol .accordion {
	list-style: none;
	width: 240px;
	height: 330px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
}
.maincol .accordion li {
	background: none;
	float: left;
	display: inline;
	overflow: hidden;
	margin: 0;
	padding: 0;
	height: 330px;
	position: relative;
}
.maincol .accordion li a {
	background: url(../img/bgn_accordion_off.png) no-repeat;
	display: block;
	height: 325px;
	cursor: pointer;
	padding: 5px 0 0;
	color: #0c3772;
}
.maincol .accordion li a:hover {
	background: url(../img/bgn_accordion_on.png);
}
.maincol .accordion li a .title {
	width: 39px;
	height: 300px;
	position: absolute;
	left: 7px;
	bottom: 7px;
	background-position: 0 100%;
	background-repeat: no-repeat;
	text-indent: -999999px;
	display: block;
}
.maincol .accordion li a:hover .title {
	background-position: -39px 100%;
}
.maincol .accordion li .retail .title {
	background-image: url(../img/bgn_promo_retailsale.png);
}
.maincol .accordion li .whole .title {
	background-image: url(../img/bgn_promo_wholesale.png);
}
.maincol .accordion li .prod .title {
	background-image: url(../img/bgn_promo_production.png);
}
.maincol .accordion li .promo {
	display: none;
}
.maincol .accordion li a:hover .promo {
	display: block;
	z-index: 50;
}
.maincol .accordion li .promo_img {
	display: block;
	width: 140px;
	height: 105px;
	overflow: hidden;
	margin: 0 0 0 5px;
}
.maincol .accordion li .promo_text {
	display: block;
	width: 95px;
	height: 170px;
	overflow: hidden;
	margin: 20px 0 0 50px;
}