/* CSS Document */

#overlay{
	/*display:none;*/
	z-index:40;
	position:fixed;
	left:0;top:0;
	width:100%;
	height:100%;
	background:black;
}

/*----Greybox structure----*/

#greyBox{
	/*display:none;*/
	z-index:41;
	position:absolute;
	left:-477px;
	top:50px;
	margin:0 0 0 50%;
	width:955px;
}
#greyBox .top, #greyBox .bottom{
	float:left;
	height:3px;
	width:955px;
	font-size:0;
}
#greyBox .top{
	background:url(/templates/1/medias/img/greybox/top.gif) no-repeat left top;
}
#greyBox .bottom{
	background:url(/templates/1/medias/img/greybox/bottom.gif) no-repeat left top;
}
#greyBox .content{
	float:left;
	width:925px;
	padding:0 12px 44px 12px;
	min-height:320px;
	border-right:3px solid #d3d3d3;
	border-left:3px solid #d3d3d3;
	background:#FFFFFF url(/templates/1/medias/img/greybox/content_bg.jpg) repeat-x left center;
}
#greyBox .close{
	position:absolute;
	right:12px;top:12px;
	cursor:pointer;
	color:#b4b4b4;
	font-size:9px;
	text-transform:uppercase;
}
#greyBox .close img{vertical-align:middle;}
#greyBox .close:hover{color:#ffffff;}

#greyBox .title{
	color:#333333;
	padding:24px 84px 13px 0;
	text-indent:12px;
	font:normal bold 25px/normal Arial, sans;
	text-transform:uppercase;
	background:url(/templates/1/medias/img/greybox/title_border.gif) repeat-x left bottom;
}