@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/cssplay-clickbox.html
Copyright (c) 2005-2010 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
a.clickbox, a.clickbox:visited, a.clickbox:hover {text-decoration:none; text-align:center;}
a.clickbox img {display:block; border:0;}

a.clickbox b {display:block;}
a.clickbox em {font:bold 10px/12px verdana,arial,sans-serif; color:#000;}
a.clickbox {float:left; margin:0 15px 15px 0; display:inline;}

a.clickbox .lightbox {position:absolute; left:-9999px; top:-10000px; cursor:default; z-index:500;}

a.clickbox .light {position:absolute; left:0; top:0; width:100%;}
a.clickbox .box {position:absolute; left:0; width:100%; text-align:center; height:300px; top:30%; margin-top:-150px;}
/* trigger for IE6 */
a.clickbox:active {direction:ltr;}

a.clickbox:active .lightbox {left:0; top:0; width:100%; height:100%;}
a.clickbox .lightbox:hover,
a.clickbox:focus .lightbox {position:fixed; left:0; top:0; width:100%; height:100%;}

a.clickbox .lightbox:hover .light,
a.clickbox:active .lightbox .light,
a.clickbox:focus .lightbox .light {background:#fff; width:100%; height:100%; filter: alpha(opacity=90);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); opacity:0.90;
}

a.clickbox .lightbox:hover .box img,
a.clickbox:active .lightbox .box img,
a.clickbox:focus .lightbox .box img {border:1px solid #ddd; margin:0 auto; padding:30px; background:#fff;}

a.clickbox .lightbox:hover .box span,
a.clickbox:active .lightbox .box span,
a.clickbox:focus .lightbox .box span {display:block; width:400px; padding:0; margin:10px auto; text-align:center; text-decoration:none; background:#fff; border:1px solid #ddd;}
a.clickbox .lightbox .box span.title {font:normal 22px/26px verdana, sans-serif; color:#069;}
a.clickbox .lightbox .box span.text {font:normal 11px/16px verdana, sans-serif; color:#333;}

.clear {clear:left;}

a.clickbox i {display:block; width:32px; height:32px; position:fixed; right:-100px; top:0; z-index:500;}

a.clickbox .lightbox:hover i,
a.clickbox:active i,
a.clickbox:focus i {right:50%; top:30%; background:url(images/close2.png); margin-right:-295px; margin-top:-165px;}

#close {display:block; position:fixed; width:32px; height:32px; right:50%; top:30%; margin-right:-295px; margin-top:-165px; z-index:1000; background: url(images/trans.gif); cursor:pointer;}


/*
	<a class="clickbox" href="#url">
		<img src="" alt="" title="Click for larger image" />
		<b class="lightbox">
			<b class="light"></b>

			<b class="box">
				<img src="" alt="" />
				<span class="title">Sound Silencer&trade;</span>
				<span class="text"><br /><i></i></span>
			</b>
		</b>
	</a>
	
<div id="close"></div>
*/