/* new big popup image funk */

a img{border:0;}
.extraContent{display:none;}
.extraContentShow{position:absolute; top:0; left:0; bottom:0; right:0; height:100%;}
#fillTheBack{background:#e1ecf6; position:absolute; top:0; left:0; opacity: .8;  filter: alpha(opacity=80); z-index:999; height:100%; width:100%;}
 
.extraProdDetailBacking{display:block; position:absolute; top:0px; left:0px; bottom:0px; right:0px;  z-index:9999;}

#extraImgRap{width:583px; margin:180px auto; padding:0; position:relative; z-index:99991; }
#extraImgPopupHeader{ height:305px; width:583px; margin:0; padding:0; position:absolute; top:-28px; left:0; z-index:99992;}
#extraImgPopupFooter{ height:80px; width:583px; margin:0; position:absolute; padding:0;  bottom:-27px; left:0; z-index:99993;}

#extraImageX{position:absolute; z-index:999999; top:-3px; right:26px; width:21px; height:21px; border:0;background:url(/images/x.png) no-repeat;}
#extraImageX:hover{background:url(/images/x.png) no-repeat;}


.extraImageThumbnails{padding:0; margin:0; position:absolute; list-style:none; top:6px; left:33px; height:115px; right:30px; z-index:99999;}
.extraImageThumbnails a{display:block; float:left; width:100px; height:117px; margin:0 26px 0 0; padding:0;text-decoration:none;}
.extraImageThumbnails a:hover{height:103px; border-bottom:12px solid #8EA5B9;}
.extraImageThumbnails img{width:100px; height:100px;}

.extraImageprodBig{padding:0px 0 30px 0 ; position:relative; z-index:99995; left:0px; text-align:center; margin:0;}
.extraImageprodBig img{padding:5px; border:1px solid #ccc; background:#fff;}

/* Now the same again, but for IE, because IE is not very nice */

* html .extraContentShow{position:absolute; top:0; left:0; bottom:0; right:0; height:100%;}
* html #fillTheBack{background:#fff; position:absolute; top:0; left:0; opacity: .8;  filter: alpha(opacity=80); z-index:999; height:100%; width:100%; right:0;}

* html #extraImgRap{width:551px; background:url(/images/extraImages/popup-rep-ie.jpg) repeat-y top; margin:50px auto; padding:0;  position:relative; z-index:99991; }
* html #extraImgPopupHeader{ height:305px; width:551px; margin:0; padding:0; position:absolute; top:-28px; left:0; z-index:99992;}
* html #extraImgPopupFooter{ height:80px; width:551px; margin:0; position:absolute; padding:0;  bottom:-27px; left:0; z-index:99993;}

* html #extraImageX{position:absolute; z-index:999999; top:-19px; right:9px; width:21px; height:21px; border:0; background:url(/images/x.png) no-repeat;}
* html #extraImageX:hover{background:url(/images/x.png) no-repeat;}

* html .extraImageThumbnails{padding:0; margin:0; position:absolute; list-style:none; top:-10px; left:17px; height:115px; z-index:99999; width:550px;}
* html .extraImageThumbnails a{display:block; float:left; width:100px; height:117px; margin:0 26px 0 0; padding:0;}
* html .extraImageThumbnails a:hover{height:103px; border-bottom:12px solid #8EA5B9; display:block;}
* html .extraImageThumbnails img{width:100px; height:100px;}

* html .extraImageprodBig{padding:0px 0 30px 0 ; position:relative; z-index:99995; left:0px; text-align:center; margin:0;}
* html .extraImageprodBig img{padding:5px; border:1px solid #ccc; background:#fff;}

/* end big popup image funk */



/* start email popup funk */
#emailPopupHeader{ height:305px; width:600px; background:#fff; border:2px solid #76c0e7; margin:0; padding:0; position:absolute; top:-28px; left:0; z-index:99992!important;}
#extraImgRap h3{font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px;padding:0; margin:0; position:absolute; list-style:none; top:6px; left:33px; height:115px; right:30px; z-index:99999!important; line-height:30px;}

/* and again for IE */
* html #emailPopupHeader{ height:305px; width:600px; border:2px solid #76c0e7; background:#fff; margin:0; padding:0; position:absolute; top:-28px; left:0; z-index:99992!important;}