#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#VYFstore{
visibility: hidden;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:450px;
width:700px;
z-index:2;
padding:0;
font-size:13px;
}
#popupClose{
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
line-height:10px;
color:#333;
font-weight:normal;
}
#button{
text-align:center;
margin:100px;
}
#button.openModal{
text-align:center;
margin:0;
}

#modalWrapper {
	width:700px;
	height:auto;
	margin: 0 auto:
}
#header {
	height:89px;
	margin-bottom: 0;
	float:left;
	background-color:transparent;
}
#store {
	width:700px;
	height:305px;
	background: url(modal_bg.gif) #fff repeat-y;
}
#salestext {
	text-align:center;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
}
#stepcarousel {
	width:650px;
	margin:10px auto;
	text-align:center;
}
#footer {
	margin:0 auto;
}
.featured{
	top: 60px;
	float:left;
}
.panel{
	float: left;
	overflow: hidden;
	margin: 10px 0px;
	/*width: 340px; Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	text-align:center;
}
.img {
	border:none;
}