.popup_info_section {
	float:left;
	width:600px;
	height:auto;
	background-image:url(../popup/pop_flyer_back.png)
}
.popflyer1 {
float:left;
width:193px;
height:auto;
}
.popflyer2 {
float:left;
width:193px;
height:auto;
}
.popflyerinfo {
float:left;
width:600px;
height:auto;
}
.thumbnail2{
position: relative;
z-index: 0;
}

.thumbnail2:hover{
z-index: 100;
visibility: hidden;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-image: url(images/sale/bigcoverBack.png);
padding: 10px;
left: -1000px;
border: 1px;
visibility: hidden;
color: white;
text-decoration: none;
    -moz-border-radius-topleft: 8px;
	-khtml-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-khtml-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-box-shadow: 0px 1px 10px #666, inset 1px 1px 0px #a4a4a4; /* inset creates a inner-shadow */
    -khtml-box-shadow: 0px 1px 10px #666;
    -webkit-box-shadow: 0px 1px 10px #666;
  /* CSS3 end */
	border-top: 1px solid #eee;
    border-left: 1px solid #eee; 
    border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail2:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 2;
left: -180px; /*position where enlarged image should offset horizontally */

}
.thumbnail3{
position: relative;
z-index: 0;
}

.thumbnail3:hover{
	z-index: 100;
	visibility: visible;
}

.thumbnail3 span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #fff;
	padding: 0px;
	left: -1000px;
	border: 1px;
	visibility: hidden;
	color: white;
	text-decoration: none;
  -moz-border-radius-topleft: 8px;
  -khtml-border-radius-topleft: 8px;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topright: 8px;
  -khtml-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
	/* CSS3 end */
  border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	font-size: 12px;
	text-align: left;
}
.thumbnail3 span:before {
	content:"";
	position:absolute;
	bottom:-20px; /* value = - border-top-width - border-bottom-width */
	left:-24px; /* controls horizontal position */
   	border-style:solid;
      /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
	top:24px; /* controls vertical position */
	bottom:auto;
	border-width:10px 24px 10px 0;
	border-color:transparent #FFF;
}

/* creates the smaller  triangle */
.thumbnail3 span:after {
	content:"";
	position:absolute;	
	bottom:-20px; /* value = - border-top-width - border-bottom-width */
	left:-21px; /* value = (:before left) + (:before border-left) - (:after border-left) */
	border-style:solid;
	 /* reduce the damage in FF3.0 */   
	display:block; 
	width:0;	
	top:25px; /* value = (:before top) + (:before border-top) - (:after border-top) */
	bottom:auto; /* value = - border-top-width - border-bottom-width */
	border-width:9px 22px 9px 0;
	border-color:transparent #fff;
}

.thumbnail3 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail3:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -25px;
	left: 55px; /*position where enlarged image should offset horizontally */
	width: auto;
}
.thumbnail4{
	
	z-index: 0;
}

.thumbnail4:hover{
z-index: 100;
visibility: visible;
}

.thumbnail4 span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #000;
	padding: 0px;
	left: -1000px;
	border: 1px;
	visibility: hidden;
	color: white;
	text-decoration: none;
	/* CSS3 end */
    border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	
}
.thumbnail40 span:before {
	content:"";
	position:absolute;
	bottom:-20px; /* value = - border-top-width - border-bottom-width */
	left:auto;
	right:-23px; /* controls horizontal position */
   	border-style:solid;
      /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
	top:204px; /* controls vertical position */
	bottom:auto;
	border-width:10px 0 10px 22px;
	border-color:transparent #FFF;
}

.thumbnail40 span:after {
	content:"";
	position:absolute;	
	bottom:-20px; /* value = - border-top-width - border-bottom-width */
	left:auto;
	right:-21px; /* value = (:before left) + (:before border-left) - (:after border-left) */
	border-style:solid;
	 /* reduce the damage in FF3.0 */   
	display:block; 
	width:0;	
	top:205px; /* value = (:before top) + (:before border-top) - (:after border-top) */
	bottom:auto; /* value = - border-top-width - border-bottom-width */
	border-width:9px 0 9px 21px;
	border-color:transparent #111;
}

.thumbnail4 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail4:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 45px;
	left: -185px; /*position where enlarged image should offset horizontally */
	width: auto;
}





.thumbnail4a{
position: relative;
z-index: 0;
}

.thumbnail4a:hover{
z-index: 100;
visibility: visible;
}

.thumbnail4a span{ /*CSS for enlarged image*/
position: absolute;
background-color: #fff;
padding: 0px;
left: -1000px;
border: 1px;
visibility: hidden;
color: white;
text-decoration: none;
  -moz-border-radius-topleft: 8px;
  -khtml-border-radius-topleft: 8px;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topright: 8px;
  -khtml-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  /* CSS3 end */
  border-top: 1px solid #6bc1ee;
  border-left: 1px solid #6bc1ee; 
  border-right: 1px solid #6bc1ee;
  border-bottom: 1px solid #6bc1ee;
}
.thumbnail4a span:before {
	content:"";
	position:absolute;
	bottom:-20px; /* value = - border-top-width - border-bottom-width */
	left:auto;
	right:-23px; /* controls horizontal position */
   	border-style:solid;
      /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
	top:24px; /* controls vertical position */
	bottom:auto;
	border-width:10px 0 10px 22px;
	border-color:transparent #6bc1ee;
}

.thumbnail4a span:after {
	content:"";
	position:absolute;	
	bottom:-20px; /* value = - border-top-width - border-bottom-width */
	left:auto;
	right:-21px; /* value = (:before left) + (:before border-left) - (:after border-left) */
	border-style:solid;
	 /* reduce the damage in FF3.0 */   
	display:block; 
	width:0;	
	top:25px; /* value = (:before top) + (:before border-top) - (:after border-top) */
	bottom:auto; /* value = - border-top-width - border-bottom-width */
	border-width:9px 0 9px 21px;
	border-color:transparent #6bc1ee;
}

.thumbnail4a span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail4a:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -25px;
	left: -445px; /*position where enlarged image should offset horizontally */
	width: auto;
}