#overlayB {
	width: 100%; height: 100%; position: fixed;
    display: none; top: 0; left: 0; text-align: left; background-color: #000000;
    opacity: 0.8; filter: alpha(opacity=80); z-index: 9999;
}

#promotionsWrapper {display: none;}

@media only screen and (min-width: 64.063em) { 
	#promotionsWrapper {
		width: 30px;
		height: 130px;
		position:absolute;
		top:200px;
		right: 0;	
		display: block;
		z-index: 10000;
		overflow: hidden;
	}
}

#promotionsWrapper.active {
	width: 630px;
}

#promotionsWrapper .closeopen {
	background: #cd0f1e;/*url(/includes/images/assets/promo-tab.jpg) no-repeat left top;*/
	background-size: 32px 32px;
	position: absolute;
	width: 30px;
	height: 130px;
	right: 0;
	display: block;
	cursor: pointer;
	z-index: 1;
}
#promotionsWrapper .closeopen span{
	background: #cd0f1e url("/includes/images/assets/asset-sprite.png") no-repeat -100px -5px ;
	display:block;
	height:32px;
	width:32px;
}
#promotionsWrapper .closeopen p{
	color: #fff;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	position: absolute;
	bottom: 23px;
	left: -24px;
	text-transform: uppercase;
	font-family: 'Museo Sans W01 500';
	line-height: 1;
}

#promotionsWrapper.active .closeopen {
	display: none;
}

.sv-foundation .promoWindowshade_top {
  background: url("/includes/images/assets/heart-div-line-lg.png") no-repeat scroll center top rgba(0, 0, 0, 0);
  padding-top: 50px;
}
.sv-foundation .promoWindowshade_bottom {
  background: url("/includes/images/assets/heart-div-line-lg.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
  padding-top: 8px;
	margin-bottom: 45px;
	padding-bottom: 10px;
}
.sv-foundation .promoWindowshade_none {
  background: transparent;
  padding-top: 8px;
}

/* Scrollable containers */

#promotionsWrapper .window { position: relative; overflow: hidden; height: 130px; width: 630px; }
#promotionsWrapper .track { position: absolute; left: 0px; width: 10000px; overflow: hidden; }
#promotionsWrapper .item { float: left; width: 630px; }

#promotionsWrapper .promotions {
	background-color:#ffffff;
	position: relative;
	width: 630px;
	height: 130px;
	display: none;
}
#promotionsWrapper.active {
	
}
#promotionsWrapper .promotions .module-title {
	background-color: #CA000C;
    color: #FFFFFF;
    display: block;
    font-family: 'Museo Sans W01 500';
    font-size: 14px;
    height: 30px;
    padding: 8px 10px 7px 7px;
}

#promotionsWrapper.active .promotions .close-btn {
	width:12px;
	height:11px;
	display: inline-block;
	float: right;
	background:url(/includes/images/assets/close-x.png) top left no-repeat transparent;
}

#promotionsWrapper .promotions .title-text {
	float: left;
	width: 480px;
	text-align: left;
	height:11px;
}

#promotionsWrapper .promotions .promo-arrows {
	float: left;
	width: 70px;
	text-align: left;
	height:16px;
	text-indent: -9999px;
}

#promotionsWrapper .promotions .promo-arrows .prev, #promotionsWrapper .promotions .promo-arrows .next {
	background: url(/includes/images/assets/lr-arrows.png) no-repeat 0 0;
	float: left;
	width: 10px;
	height: 16px;
	display: inline-block;
}
#promotionsWrapper .promotions .promo-arrows .prev { background-position: 0 0; margin-right: 50px;}
#promotionsWrapper .promotions .promo-arrows .next { background-position: -11px 0;}
#promotionsWrapper .promotions .promo-arrows .prev.disabled, 
#promotionsWrapper .promotions .promo-arrows .next.disabled { opacity: 0.3;}

#promotionsWrapper .promotions .mainText {
	font-family:'Museo Slab W01 500';
	position: relative;
	color: #414141;
	line-height:25px;
	font-size:15px;
	margin-top: 5px;
	padding: 0px 10px;
	text-align: left;
}
#promotionsWrapper .promotions .mainImage {
	float:left;
	padding: 0 10px 0 0;
} 
#promotionsWrapper .promotions h3, 
.bodyBG.sv-foundation #promotionsWrapper .promotions h3 a {
	font-family:'Museo Slab W01 500';
	font-size: 18px;
	color:#414141;
	margin-top:0px;
	padding-top:0px;
	text-align: left;
}
#promotionsWrapper .promotions h2 {
	font-size:27px;
	color:#be2328;
	text-transform:uppercase;
	font-weight:normal;
	padding: 9px 0 10px 40px;
}
#promotionsWrapper .promotions .promo-more {
	position: absolute;
	top: 5px;
	right: 5px;
	z-index:1;
}


/* ****** promo windoshade ****** */
.promoWindowshade > .title { color: #323232; font-family:'Museo Slab W01 500'; font-size: 27px; line-height: 27px; margin-bottom: 25px; text-align: center;} /* this is for the main plugin title */

.promoWindowshade .window { position: relative;}
.promoWindowshade .windowBtn {background: url(/includes/images/assets/promo-more.png) no-repeat center top; cursor:pointer; height: 35px;}
.promoWindowshade .track { position: relative; float:left;}
@media only screen and (max-width: 64.063em) {
	.promoWindowshade .track { position: relative; float:none; clear:both;}
}
.promoWindowshade .itemCol {}
.promoWindowshade .item { background: url(/includes/images/assets/grunge-bkgrnd.jpg) repeat 0 0; box-shadow: 0 2px 3px #999; float: left; margin-bottom: 30px; padding:10px; width:100%}
.promoWindowshade .item:first-child { margin-left:0;}
	
.promoWindowshade .image { margin: 0 0px 15px; text-align: center;}
.promoWindowshade .image img { width: 100%;}
.promoWindowshade .content { color: #323232; text-align: center;}
.promoWindowshade .item .title { font-family:'Museo Slab W01 500'; font-size: 18px; line-height: 20px; }
.promoWindowshade .item .title a {color: #323232;}
.promoWindowshade .item .description { font-size: 16px; line-height: 24px; }
.promoWindowshade .item .description .moreLink { color:#cd0f1e; font-style: italic;}
