/***** Banner Ribbon *****/

.banner-ribbon {
	
	position: relative;
	text-align: center;
	
	width: 150px;
	height: 40px;
	line-height: 40px;	
	behavior: url(PIE.htc);
	right:-40px;
}
.banner-ribbon h2{color: #d6dbcb !important;}

.banner-ribbon > span {
	display: block;
	position: relative;
	height: 100%;
	behavior: url(PIE.htc);
	-pie-watch-ancestors: 1;
}

.banner-ribbon > span:before, .banner-ribbon > span:after {
	content: '';
	position: absolute;
	z-index: -1;
	border-style: solid;
	border-width: 14px;
	border-color: transparent;
}

.ie8 .banner-ribbon > span:before, .ie8 .banner-ribbon > span:after {
	display: none;
}

.banner-ribbon > span:before {
	left: -14px;
}

.banner-ribbon > span:after {
	right: -14px;
}

.banner-ribbon:before {
	content: '';
	position: absolute;
	z-index: -2;
	left: -31px;
	border-style: solid;
	border-width: 20px;
	border-right-width: 25px;
}

.banner-ribbon:after {
	content: '';
	position: absolute;
	z-index: -2;
	right: -31px;
	border-style: solid;
	border-width: 20px;
	border-left-width: 25px;
}





/********** Banner Ribbon Styles **********/

/****** Fold Down ******/

.fold-down > span {
	-moz-box-shadow:    0 1px 2px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	box-shadow:         0 1px 2px rgba(0, 0, 0, 0.5);
}

.fold-down > span:before, .fold-down > span:after {
	bottom: -14px;
}

.fold-down:before {
	top: 14px;
}

.fold-down:after {
	top: 14px;
}





/****** Fold Up ******/

.fold-up > span {
	-moz-box-shadow:    0 -1px 2px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.5);
	box-shadow:         0 -1px 2px rgba(0, 0, 0, 0.5);
}

.fold-up > span:before, .fold-up > span:after {
	top: -14px;
}

.fold-up:before {
	top: -14px;
}

.fold-up:after {
	top: -14px;
}





/****** Fold Straight ******/

.fold-straight > span {
	-moz-box-shadow:    0 0 2px rgba(0, 0, 0, 0.5), -1px 0 1px rgba(0, 0, 0, 0.1), 1px 0 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5), -1px 0 1px rgba(0, 0, 0, 0.1), 1px 0 1px rgba(0, 0, 0, 0.1);
	box-shadow:         0 0 2px rgba(0, 0, 0, 0.5), -1px 0 1px rgba(0, 0, 0, 0.1), 1px 0 1px rgba(0, 0, 0, 0.1);
}

.fold-straight > span:before, .fold-straight > span:after {
	display: none;
}

.fold-straight:before {
	top: 2px;
	border-width: 18px;
	border-right-width: 23px;
}

.fold-straight:after {
	top: 2px;
	border-width: 18px;
	border-left-width: 23px;
}





/****** Stitched Effect ******/

.stitch > span {
	background-image: -webkit-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), 
	                  -webkit-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  -webkit-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px),
	                  -webkit-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px); /* Chrome 10+, Saf5.1+, iOS 5+ */
	                  
	background-image: -moz-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), 
	                  -moz-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  -moz-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px),
	                  -moz-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px); /* FF3.6 */
	                  
	background-image: -ms-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), 
	                  -ms-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  -ms-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px),
	                  -ms-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px); /* IE10 */
	                  
	background-image: -o-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), 
	                  -o-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  -o-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px),
	                  -o-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px); /* Opera 11.10+ */
	                  
	background-image: linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), 
	                  linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px),
	                  linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px);
	                  
	-webkit-background-size: 12px 1px, 12px 1px, 12px 1px, 12px 1px; /* Saf3-4 */
    -moz-background-size:    12px 1px, 12px 1px, 12px 1px, 12px 1px; /* FF3.6 */
    background-size:         12px 1px, 12px 1px, 12px 1px, 12px 1px; /* Opera, IE9, Saf5, Chrome, FF4 */
	background-repeat: repeat-x, repeat-x, repeat-x, repeat-x;
	background-position: 4px 4px, 4px 5px, 4px 35px, 4px 36px;
}



.fold-down.stitch > span:before {
	border: 0;
	width: 39px;
	height: 40px;
	top: 14px;
	left: -25px;
	background-image: -webkit-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), 
	                  -webkit-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  -webkit-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px),
	                  -webkit-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  -webkit-linear-gradient( -135deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 50%, transparent 50%, transparent 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */
	
	background-image: -moz-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), 
	                  -moz-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  -moz-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px),
	                  -moz-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  -moz-linear-gradient( -135deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 50%, transparent 50%, transparent 100%); /* FF3.6 */
	                  
	background-image: -ms-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), 
	                  -ms-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  -ms-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px),
	                  -ms-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  -ms-linear-gradient( -135deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 50%, transparent 50%, transparent 100%); /* IE10 */
	                  
	background-image: -o-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), 
	                  -o-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  -o-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px),
	                  -o-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  -o-linear-gradient( -135deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 50%, transparent 50%, transparent 100%); /* Opera 11.10+ */
	                  
	background-image: linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), 
	                  linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px),
	                  linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  linear-gradient( -135deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 50%, transparent 50%, transparent 100%);
	                  	                  	                  	                  
	-webkit-background-size:  12px 1px, 12px 1px, 12px 1px, 12px 1px, 14px 14px; /* Saf3-4 */
    -moz-background-size:     12px 1px, 12px 1px, 12px 1px, 12px 1px, 14px 14px; /* FF3.6 */
    background-size:          12px 1px, 12px 1px, 12px 1px, 12px 1px, 14px 14px; /* Opera, IE9, Saf5, Chrome, FF4 */
	background-repeat: repeat-x, repeat-x, repeat-x, repeat-x, no-repeat;
	background-position: 4px 4px, 4px 5px, 4px 35px, 4px 36px, right bottom;	                  
}

.fold-down.stitch > span:after {
	border: 0;
	width: 39px;
	height: 40px;
	top: 14px;
	right: -25px;
	background-image: -webkit-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), 
	                  -webkit-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  -webkit-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px),
	                  -webkit-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  -webkit-linear-gradient( -45deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 50%, transparent 50%, transparent 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */
	
	background-image: -moz-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), 
	                  -moz-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  -moz-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px),
	                  -moz-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  -moz-linear-gradient( -45deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 50%, transparent 50%, transparent 100%); /* FF3.6 */
	                  
	background-image: -ms-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), 
	                  -ms-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  -ms-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px),
	                  -ms-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  -ms-linear-gradient( -45deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 50%, transparent 50%, transparent 100%); /* IE10 */
	                  
	background-image: -o-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), 
	                  -o-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  -o-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px),
	                  -o-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  -o-linear-gradient( -45deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 50%, transparent 50%, transparent 100%); /* Opera 11.10+ */
	                  
	background-image: linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), 
	                  linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px),
	                  linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  linear-gradient( -45deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 50%, transparent 50%, transparent 100%);
	                  	                  	                  	                  
	-webkit-background-size:  12px 1px, 12px 1px, 12px 1px, 12px 1px, 14px 14px; /* Saf3-4 */
    -moz-background-size:     12px 1px, 12px 1px, 12px 1px, 12px 1px, 14px 14px; /* FF3.6 */
    background-size:          12px 1px, 12px 1px, 12px 1px, 12px 1px, 14px 14px; /* Opera, IE9, Saf5, Chrome, FF4 */
	background-repeat: repeat-x, repeat-x, repeat-x, repeat-x, no-repeat;
	background-position: 4px 4px, 4px 5px, 4px 35px, 4px 36px, left bottom;
}

.fold-up.stitch > span:before {
	border: 0;
	width: 39px;
	height: 40px;
	top: -14px;
	left: -25px;
	background-image: -webkit-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), 
	                  -webkit-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  -webkit-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px),
	                  -webkit-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  -webkit-linear-gradient( 135deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 50%, transparent 50%, transparent 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */
	
	background-image: -moz-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), 
	                  -moz-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  -moz-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px),
	                  -moz-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  -moz-linear-gradient( 135deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 50%, transparent 50%, transparent 100%); /* FF3.6 */
	                  
	background-image: -ms-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), 
	                  -ms-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  -ms-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px),
	                  -ms-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  -ms-linear-gradient( 135deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 50%, transparent 50%, transparent 100%); /* IE10 */
	                  
	background-image: -o-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), 
	                  -o-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  -o-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px),
	                  -o-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  -o-linear-gradient( 135deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 50%, transparent 50%, transparent 100%); /* Opera 11.10+ */
	                  
	background-image: linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), 
	                  linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px),
	                  linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  linear-gradient( 135deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 50%, transparent 50%, transparent 100%);
	                  
	-webkit-background-size:  12px 1px, 12px 1px, 12px 1px, 12px 1px, 14px 14px; /* Saf3-4 */
    -moz-background-size:     12px 1px, 12px 1px, 12px 1px, 12px 1px, 14px 14px; /* FF3.6 */
    background-size:          12px 1px, 12px 1px, 12px 1px, 12px 1px, 14px 14px; /* Opera, IE9, Saf5, Chrome, FF4 */
	background-repeat: repeat-x, repeat-x, repeat-x, repeat-x, no-repeat;
	background-position: 4px 4px, 4px 5px, 4px 35px, 4px 36px, right top;
}

.fold-up.stitch > span:after {
	border: 0;
	width: 39px;
	height: 40px;
	top: -14px;
	right: -25px;
	background-image: -webkit-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), 
	                  -webkit-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  -webkit-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px),
	                  -webkit-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  -webkit-linear-gradient( 45deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 50%, transparent 50%, transparent 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */
	
	background-image: -moz-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), 
	                  -moz-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  -moz-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px),
	                  -moz-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  -moz-linear-gradient( 45deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 50%, transparent 50%, transparent 100%); /* FF3.6 */
	                  
	background-image: -ms-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), 
	                  -ms-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  -ms-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px),
	                  -ms-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  -ms-linear-gradient( 45deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 50%, transparent 50%, transparent 100%); /* IE10 */
	                  
	background-image: -o-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), 
	                  -o-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  -o-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px),
	                  -o-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  -o-linear-gradient( 45deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 50%, transparent 50%, transparent 100%); /* Opera 11.10+ */
	                  
	background-image: linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), 
	                  linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px),
	                  linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  linear-gradient( 45deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 50%, transparent 50%, transparent 100%);
	                  
	-webkit-background-size:  12px 1px, 12px 1px, 12px 1px, 12px 1px, 14px 14px; /* Saf3-4 */
    -moz-background-size:     12px 1px, 12px 1px, 12px 1px, 12px 1px, 14px 14px; /* FF3.6 */
    background-size:          12px 1px, 12px 1px, 12px 1px, 12px 1px, 14px 14px; /* Opera, IE9, Saf5, Chrome, FF4 */
	background-repeat: repeat-x, repeat-x, repeat-x, repeat-x, no-repeat;
	background-position: 4px 4px, 4px 5px, 4px 35px, 4px 36px, left top;
}

.fold-straight.stitch > span:before, .fold-straight.stitch > span:after {
	display: block;
	border: 0;
	top: 2px;
	width: 39px;
	height: 36px;
	background-image: -webkit-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), 
	                  -webkit-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  -webkit-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px),
	                  -webkit-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px); /* Chrome 10+, Saf5.1+, iOS 5+ */
	                  
	background-image: -moz-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), 
	                  -moz-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  -moz-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px),
	                  -moz-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px); /* FF3.6 */
	                  
	background-image: -ms-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), 
	                  -ms-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  -ms-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px),
	                  -ms-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px); /* IE10 */
	                  
	background-image: -o-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), 
	                  -o-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  -o-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px),
	                  -o-linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px); /* Opera 11.10+ */
	                  
	background-image: linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px), 
	                  linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px),
	                  linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 6px, transparent 6px, transparent 12px),
	                  linear-gradient( left, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 6px, transparent 6px, transparent 12px);
	                  
	-webkit-background-size:  12px 1px, 12px 1px, 12px 1px, 12px 1px; /* Saf3-4 */
    -moz-background-size:  12px 1px, 12px 1px, 12px 1px, 12px 1px; /* FF3.6 */
    background-size:  12px 1px, 12px 1px, 12px 1px, 12px 1px; /* Opera, IE9, Saf5, Chrome, FF4 */
	background-repeat: repeat-x, repeat-x, repeat-x, repeat-x;
	background-position: 4px 4px, 4px 5px, 4px 31px, 4px 32px;
}

.fold-straight.stitch > span:before {
	left: -23px;
}

.fold-straight.stitch > span:after {
	right: -23px;
}




/****** Light colored strips on ribbon edges ******/

.strip > span {
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0.5)), color-stop(10px, rgba(255, 255, 255, 0.5))), -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0.5)), color-stop(10px, rgba(255, 255, 255, 0.5))); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px), -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),    -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px); /* FF3.6 */
	background-image:     -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),     -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px); /* IE10 */
	background-image:      -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),      -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px); /* Opera 11.10+ */
	background-image:         linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),         linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px);
	-webkit-background-size:  100% 3px, 100% 3px; /* Saf3-4 */
    -moz-background-size:     100% 3px, 100% 3px; /* FF3.6 */
    background-size:          100% 3px, 100% 3px; /* Opera, IE9, Saf5, Chrome, FF4 */
	background-repeat: repeat-x, repeat-x;
	background-position: 0 3px, 0 34px;
}

.fold-down.strip > span:before {
	border: 0;
	width: 35px;
	height: 40px;
	top: 14px;
	left: -21px;
	background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px), 
	                  -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),
	                  -webkit-linear-gradient( -135deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 50%, transparent 50%, transparent 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */
	
	background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),    
	                  -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),
	                  -moz-linear-gradient( -135deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 50%, transparent 50%, transparent 100%); /* FF3.6 */
	                  
	background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),
	                  -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),
	                  -ms-linear-gradient( -135deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 50%, transparent 50%, transparent 100%); /* IE10 */
	                  
	background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),      
	                  -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),
	                  -o-linear-gradient( -135deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 50%, transparent 50%, transparent 100%); /* Opera 11.10+ */
	                  
	background-image: linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),         
	                  linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),
	                  linear-gradient( -135deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 50%, transparent 50%, transparent 100%);
	                  	                  	                  	                  
	-webkit-background-size: 30px 3px, 30px 3px, 14px 14px; /* Saf3-4 */
    -moz-background-size:    30px 3px, 30px 3px, 14px 14px; /* FF3.6 */
    background-size:         30px 3px, 30px 3px, 14px 14px; /* Opera, IE9, Saf5, Chrome, FF4 */
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: 0 3px, 0 34px, right bottom;	                  
}

.fold-down.strip > span:after {
	border: 0;
	width: 35px;
	height: 40px;
	top: 14px;
	right: -21px;
	background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px), 
	                  -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),
	                  -webkit-linear-gradient( -45deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 50%, transparent 50%, transparent 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */
	
	background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),    
	                  -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),
	                  -moz-linear-gradient( -45deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 50%, transparent 50%, transparent 100%); /* FF3.6 */
	                  
	background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),
	                  -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),
	                  -ms-linear-gradient( -45deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 50%, transparent 50%, transparent 100%); /* IE10 */
	                  
	background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),      
	                  -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),
	                  -o-linear-gradient( -45deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 50%, transparent 50%, transparent 100%); /* Opera 11.10+ */
	                  
	background-image: linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),         
	                  linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),
	                  linear-gradient( -45deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 50%, transparent 50%, transparent 100%);
	                  	                  	                  	                  
	-webkit-background-size: 30px 3px, 30px 3px, 14px 14px; /* Saf3-4 */
    -moz-background-size:    30px 3px, 30px 3px, 14px 14px; /* FF3.6 */
    background-size:         30px 3px, 30px 3px, 14px 14px; /* Opera, IE9, Saf5, Chrome, FF4 */
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: 5px 3px, 5px 34px, left bottom;	                  
}

.fold-up.strip > span:before {
	border: 0;
	width: 35px;
	height: 40px;
	top: -14px;
	left: -21px;
	background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px), 
	                  -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),
	                  -webkit-linear-gradient(135deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 50%, transparent 50%, transparent 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */
	
	background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),    
	                  -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),
	                  -moz-linear-gradient(135deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 50%, transparent 50%, transparent 100%); /* FF3.6 */
	                  
	background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),
	                  -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),
	                  -ms-linear-gradient(135deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 50%, transparent 50%, transparent 100%); /* IE10 */
	                  
	background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),      
	                  -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),
	                  -o-linear-gradient(135deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 50%, transparent 50%, transparent 100%); /* Opera 11.10+ */
	                  
	background-image: linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),         
	                  linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),
	                  linear-gradient(135deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 50%, transparent 50%, transparent 100%);
	                                    	                  	                  
	-webkit-background-size: 30px 3px, 30px 3px, 14px 14px; /* Saf3-4 */
    -moz-background-size:    30px 3px, 30px 3px, 14px 14px; /* FF3.6 */
    background-size:         30px 3px, 30px 3px, 14px 14px; /* Opera, IE9, Saf5, Chrome, FF4 */
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: 0 3px, 0 34px, right top;	                  
}

.fold-up.strip > span:after {
	border: 0;
	width: 35px;
	height: 40px;
	top: -14px;
	right: -21px;
	background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px), 
	                  -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),
	                  -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 50%, transparent 50%, transparent 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */
	
	background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),    
	                  -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),
	                  -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 50%, transparent 50%, transparent 100%); /* FF3.6 */
	                  
	background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),
	                  -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),
	                  -ms-linear-gradient(45deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 50%, transparent 50%, transparent 100%); /* IE10 */
	                  
	background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),      
	                  -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),
	                  -o-linear-gradient(45deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 50%, transparent 50%, transparent 100%); /* Opera 11.10+ */
	                  
	background-image: linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),         
	                  linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),
	                  linear-gradient(45deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 50%, transparent 50%, transparent 100%);
	                                    	                  	                  
	-webkit-background-size: 30px 3px, 30px 3px, 14px 14px; /* Saf3-4 */
    -moz-background-size:    30px 3px, 30px 3px, 14px 14px; /* FF3.6 */
    background-size:         30px 3px, 30px 3px, 14px 14px; /* Opera, IE9, Saf5, Chrome, FF4 */
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: 5px 3px, 5px 34px, left top;	                  
}

.fold-straight.strip > span:before {
	display: block;
	border: 0;
	width: 35px;
	height: 36px;
	top: 2px;
	left: -21px;
	background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px), 
	                  -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px); /* Chrome 10+, Saf5.1+, iOS 5+ */
	
	background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),    
	                  -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px); /* FF3.6 */
	                  
	background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),
	                  -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px); /* IE10 */
	                  
	background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),      
	                  -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px); /* Opera 11.10+ */
	                  
	background-image: linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),         
	                  linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px);
	                  	                  	                  	                  
	-webkit-background-size: 30px 3px, 30px 3px; /* Saf3-4 */
    -moz-background-size:    30px 3px, 30px 3px; /* FF3.6 */
    background-size:         30px 3px, 30px 3px; /* Opera, IE9, Saf5, Chrome, FF4 */
	background-repeat: no-repeat, no-repeat;
	background-position: 0 3px, 0 30px;	                  
}

.fold-straight.strip > span:after {
	display: block;
	border: 0;
	width: 35px;
	height: 36px;
	top: 2px;
	right: -21px;
	background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px), 
	                  -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px); /* Chrome 10+, Saf5.1+, iOS 5+ */
	
	background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),    
	                  -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px); /* FF3.6 */
	                  
	background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),
	                  -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px); /* IE10 */
	                  
	background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),      
	                  -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px); /* Opera 11.10+ */
	                  
	background-image: linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px),         
	                  linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0.5) 10px);
	                  	                  	                  	                  
	-webkit-background-size: 30px 3px, 30px 3px; /* Saf3-4 */
    -moz-background-size:    30px 3px, 30px 3px; /* FF3.6 */
    background-size:         30px 3px, 30px 3px; /* Opera, IE9, Saf5, Chrome, FF4 */
	background-repeat: no-repeat, no-repeat;
	background-position: 5px 3px, 5px 30px;	                  
}




/****** Curved ribbon with fold showing down ******/

.curve.fold-down {
	-moz-border-radius:    50% 50% 0 0 / 50% 50% 0 0;
	-webkit-border-radius: 50% 50% 0 0 / 50% 50% 0 0;
	border-radius:         50% 50% 0 0 / 50% 50% 0 0;
}

.curve > span {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.curve.fold-down > span:after {
	border: 0;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	-moz-border-radius:    50% 50% 0 0 / 50% 50% 0 0;
	-webkit-border-radius: 50% 50% 0 0 / 50% 50% 0 0;
	border-radius:         50% 50% 0 0 / 50% 50% 0 0;
}

.curve.fold-down > span:before {
	border: 0;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%), 
	                  -webkit-linear-gradient(right, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */
	                  
	background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%),
	                  -moz-linear-gradient(right, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%); /* FF3.6 */
	                  
	background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%),
	                  -ms-linear-gradient(right, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%); /* IE10 */
	                  
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%),      
	                  -o-linear-gradient(right, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%); /* Opera 11.10+ */
	                  
	background-image: linear-gradient(left, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%),         
	                  linear-gradient(right, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%);  
	                                 
	-webkit-background-size: 10px 40px, 10px 40px; /* Saf3-4 */
    -moz-background-size:    10px 40px, 10px 40px; /* FF3.6 */
    background-size:         10px 40px, 10px 40px; /* Opera, IE9, Saf5, Chrome, FF4 */
	background-repeat: no-repeat, no-repeat;
	background-position: left top, right top;
	-moz-border-radius:    50% / 50%;
	-webkit-border-radius: 50% / 50%;
	border-radius:         50% / 50%;
}

.ie .curve.fold-down > span:before {
	display: none;
}

.ie .curve.fold-down > span .before {
	position: absolute;
	z-index: -1;
	left: 0;
	right: 0;
	top: 100%;
	margin-top: -13px;
	height: 100%;
	border-left: 10px solid rgba(0, 0, 0, 0.35);
	border-right: 10px solid rgba(0, 0, 0, 0.35);
	border-radius: 10px;
}

.curve.fold-down:before {
	top: 27px;
	left: -34px;
}

.ie8 .curve.fold-down:before {
	top: 14px;
	left: -31px;
}

.curve.fold-down:after {
	top: 27px;
	right: -34px;
}

.ie8 .curve.fold-down:after {
	top: 14px;
	right: -31px;
}




/****** Curved ribbon with fold showing up ******/

.curve.fold-up {
	-moz-border-radius:    0 0 50% 50% / 0 0 50% 50%;
	-webkit-border-radius: 0 0 50% 50% / 0 0 50% 50%;
	border-radius:         0 0 50% 50% / 0 0 50% 50%;
}

.curve > span {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.curve.fold-up > span:after {
	border: 0;
	top: -40px;
	left: 0;
	width: 100%;
	height: 100%;
	-moz-border-radius:    0 0 50% 50% / 0 0 50% 50%;
	-webkit-border-radius: 0 0 50% 50% / 0 0 50% 50%;
	border-radius:         0 0 50% 50% / 0 0 50% 50%;
}

.curve.fold-up > span:before {
	border: 0;
	top: -40px;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%), 
	                  -webkit-linear-gradient(right, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */
	                  
	background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%),
	                  -moz-linear-gradient(right, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%); /* FF3.6 */
	                  
	background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%),
	                  -ms-linear-gradient(right, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%); /* IE10 */
	                  
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%),      
	                  -o-linear-gradient(right, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%); /* Opera 11.10+ */
	                  
	background-image: linear-gradient(left, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%),         
	                  linear-gradient(right, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.35) 100%);
	                                   
	-webkit-background-size: 10px 40px, 10px 40px; /* Saf3-4 */
    -moz-background-size:    10px 40px, 10px 40px; /* FF3.6 */
    background-size:         10px 40px, 10px 40px; /* Opera, IE9, Saf5, Chrome, FF4 */
	background-repeat: no-repeat, no-repeat;
	background-position: left top, right top;
	-moz-border-radius:    50% / 50%;
	-webkit-border-radius: 50% / 50%;
	border-radius:         50% / 50%;
}

.ie .curve.fold-up > span:before {
	display: none;
}

.ie .curve.fold-up > span .before {
	position: absolute;
	z-index: -1;
	left: 0;
	right: 0;
	top: -27px;
	height: 100%;
	border-left: 10px solid rgba(0, 0, 0, 0.35);
	border-right: 10px solid rgba(0, 0, 0, 0.35);
	border-radius: 10px;
}

.curve.fold-up:before {
	top: -27px;
	left: -34px;
}

.ie8 .curve.fold-up:before {
	top: -14px;
	left: -31px;
}

.curve.fold-up:after {
	top: -27px;
	right: -34px;
}

.ie8 .curve.fold-up:after {
	top: -14px;
	right: -31px;
}






/********** Colour Styles **********/

/****** Light Blue ******/

.lblue, .ie8 .lblue > span {
	background-color: #42a5d4;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#42a5d4), to(#24769d)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #42a5d4, #24769d); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #42a5d4, #24769d); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #42a5d4, #24769d); /* IE10 */
	background-image:      -o-linear-gradient(top, #42a5d4, #24769d); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #42a5d4, #24769d);
	-pie-background:          linear-gradient(top, #42a5d4, #24769d); /* IE6-IE9 */
}

.lblue > span:before {
	border-right-color: #174c66;
}

.lblue > span:after {
	border-left-color: #174c66;
}

.lblue:before {
	border-color: #24769d #24769d #24769d transparent; 
}

.lblue:after {
	border-color: #24769d transparent #24769d #24769d;
}

.lblue.curve.fold-down > span:after {
	box-shadow: 0 -19px 0 #24769d;
}

.lblue.curve.fold-up > span:after {
	box-shadow: 0 19px 0 #42a5d4;
}






/****** Light Red ******/

.lred, .ie8 .lred > span {
	background-color: #8f2f30;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#8f2f30), to(#661d1d)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #8f2f30, #661d1d); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #8f2f30, #661d1d); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #8f2f30, #661d1d); /* IE10 */
	background-image:      -o-linear-gradient(top, #8f2f30, #661d1d); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #8f2f30, #661d1d);
	-pie-background:          linear-gradient(top, #8f2f30, #661d1d); /* IE6-IE9 */
}

.lred > span:before {
	border-right-color: #420101;
}

.lred > span:after {
	border-left-color: #420101;
}

.lred:before {
	border-color: #661d1d #661d1d #661d1d transparent; 
}

.lred:after {
	border-color: #661d1d transparent #661d1d #661d1d;
}

.lred.curve.fold-down > span:after {
	box-shadow: 0 -19px 0 #661d1d;
}

.lred.curve.fold-up > span:after {
	box-shadow: 0 19px 0 #8f2f30;
}




/****** Light Green ******/

.lgreen, .ie8 .lgreen > span {
	background-color: #80b73d;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#80b73d), to(#547728)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #80b73d, #547728); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #80b73d, #547728); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #80b73d, #547728); /* IE10 */
	background-image:      -o-linear-gradient(top, #80b73d, #547728); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #80b73d, #547728);
	-pie-background:          linear-gradient(top, #80b73d, #547728); /* IE6-IE9 */
}

.lgreen > span:before {
	border-right-color: #304417;
}

.lgreen > span:after {
	border-left-color: #304417;
}

.lgreen:before {
	border-color: #547728 #547728 #547728 transparent; 
}

.lgreen:after {
	border-color: #547728 transparent #547728 #547728;
}

.lgreen.curve.fold-down > span:after {
	box-shadow: 0 -19px 0 #547728;
}

.lgreen.curve.fold-up > span:after {
	box-shadow: 0 19px 0 #80b73d;
}




/****** Light Yellow ******/

.lyellow, .ie8 .lyellow > span {
	background-color: #ffc037;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc037), to(#e19a00)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #ffc037, #e19a00); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #ffc037, #e19a00); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #ffc037, #e19a00); /* IE10 */
	background-image:      -o-linear-gradient(top, #ffc037, #e19a00); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #ffc037, #e19a00);
	-pie-background:          linear-gradient(top, #ffc037, #e19a00); /* IE6-IE9 */
}

.lyellow > span:before {
	border-right-color: #9d6c00;
}

.lyellow > span:after {
	border-left-color: #9d6c00;
}

.lyellow:before {
	border-color: #e19a00 #e19a00 #e19a00 transparent; 
}

.lyellow:after {
	border-color: #e19a00 transparent #e19a00 #e19a00;
}

.lyellow.curve.fold-down > span:after {
	box-shadow: 0 -19px 0 #e19a00;
}

.lyellow.curve.fold-up > span:after {
	box-shadow: 0 19px 0 #ffc037;
}