.pop-up {position:absolute; top:0; left:-500em;}
.pop-up:target {position:static; left:0;}
.popBox { height:316px; width:576px; background:url(../images/lightbox-bg.jpg);position:absolute; left:30%; right:30%; top:30%; bottom:30%;z-index:10;border:6px solid #000;opacity:0;-webkit-transition: opacity 0.5s ease-in-out;-moz-transition: opacity 0.5s ease-in-out;-o-transition: opacity 0.5s ease-in-out;-ms-transition: opacity 0.5s ease-in-out;transition: opacity 0.5s ease-in-out;}
:target .popBox {position:fixed; opacity:1;}
.lightbox {display:none; text-indent:-200em; background:#000; opacity:0.6; width:100%; height:100%; position:fixed; top:0; left:0; bottom:0; right:0; z-index:5;}
:target .lightbox {display:block;}
.close:link,.close:visited {position: absolute;top: -6px;right: -6px;display: block;width: 30px;height: 26px;padding:0;background:url(../images/close.jpg);}
.close:before {content:'';}
.close:hover,.close:active,.close span {text-indent:-200em; display:block;}
.popScroll {position:absolute; top:9%; left:3%; right:3%; bottom:9%; padding-right:0.5em}
.popScroll p { float:left; font-family:Arial, Helvetica, sans-serif; color:#605e5e; font-size:20px; text-decoration:none; text-align:center;margin: 33px 19px;}
.popScroll p img { margin-bottom:10px;} 
.popScroll p a { text-decoration:none; color:inherit;}