/* ribbon style */

.info .ribbon-wrapper {
	position: relative;
}
.info  .ribbon-front {
	background-color: #cdcdcd;	height: 90px;
	width: 260px;
	position: relative;
	left:-20px;
	z-index: 2;
}

.info  .ribbon-front,
.info  .ribbon-back-left,
.info  .ribbon-back-right
{
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
	-o-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
}

.info  .ribbon-edge-topleft,
.info  .ribbon-edge-topright,
.info  .ribbon-edge-bottomleft,
.info  .ribbon-edge-bottomright {
	position: absolute;
	z-index: 1;
	border-style:solid;
	height:0px;
	width:0px;
}

.info  .ribbon-edge-topleft,
.info  .ribbon-edge-topright {
}

.info  .ribbon-edge-bottomleft,
.info  .ribbon-edge-bottomright {
	top: 90px;
}

.info  .ribbon-edge-topleft,
.info  .ribbon-edge-bottomleft {
	left: -20px;
	border-color: transparent #333337 transparent transparent;
}

.info  .ribbon-edge-topleft {
	top: -5px;
	border-width: 5px 10px 0 0;
}
.info  .ribbon-edge-bottomleft {
	border-width: 0 10px 0px 0;
}

.info  .ribbon-edge-topright,
.info  .ribbon-edge-bottomright {
	left: 230px;
	border-color: transparent transparent transparent #333337;
}

.info  .ribbon-edge-topright {
	top: 0px;
	border-width: 0px 0 0 10px;
}
.info  .ribbon-edge-bottomright {
	border-width: 0 0 5px 10px;
}

.info  .ribbon-back-left {
	position: absolute;
	top: -5px;
	left: -10px;
	width: 0px;
	height: 90px;
	background-color: #AEAED0;	z-index: 0;
}

.info  .ribbon-back-right {
	position: absolute;
	top: 5px;
	right: -10px;
	width: 0px;
	height: 90px;
	background-color: #AEAED0;	z-index: 0;
}