.bubble {
	position: relative;
	overflow: hidden;
	padding: 45px 0;
	width: 30em;
	background: transparent;
	z-index: 110;
	_background: #eee;
}
.bubble .t {
	width: 35px;
	height: 17px;
	background: url(/images/sprites.png) transparent no-repeat -16px -16px;
	display: block;
	position: absolute;
	right: 60px;
	top: 12px;
	z-index: 120;
}
.bubble .description {
	position: relative;
	min-height: 120px;
	z-index: 150;
}
.bubble .content {
	padding: 0 .6em;
/*	background: url(/images/swatch.png) #eee repeat-x -90px -90px;*/
	margin: 0;
	min-height: 200px;
}
	
.bubble .description {
	background: url(/images/swatch.png) #eee repeat-x -90px -90px;
	margin: 0 45px;
}

.bubble .description .content {
	background: transparent;
	padding-bottom: .93em;
}
.bubble .cn {
	position: absolute;
	width: 90px;
	height: 90px;
	left: -45px;
	top: -45px;
	background: url(/images/swatch.png);
	_background: transparent;
}

.bubble .cn.tr,
.bubble .cn.br {
	margin-left: 100%;
}

.bubble .cn.bl,
.bubble .cn.br {
	top: auto;
}
.bubble .cn.l,
.bubble .cn.r {
	margin-top: 45px;
	width: 45px;
	height: 100%;
	position: absolute;
	background-repeat: repeat-y;
}
.bubble .cn.l {
	background-position: -45px -90px;
}
.bubble .cn.r {
	background-position: 0 -90px;
	position: absolute;
	clear: both;
	margin-left: 100%;
	left: 0;
}
.bubble .cn.tl,
.bubble .cn.bl {
	width: 100%;
}