/*
SimpleModal Styles
These are small enough that you should probably copy them into your project.css to prevent the extra server request.  Separated for ease of demonstration.

 */
a.modalCloseImg {background:url("../images/ico-close-x.png") no-repeat; width:25px; height:29px; z-index:3200; position:absolute; top:-15px; right:-18px; text-indent:-1000em; overflow:hidden; }
/* IE6 fixes */
* html #modalContainer a.modalCloseImg{
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		src='../images/ico-close-x.png', sizingMethod='scale'
		); /* The src has to be relative to the page it being called on, not to the CSS file as it usually is */
}
* html #modalContainer, * html #modalLoader {
	top: expression((document.documentElement.scrollTop	|| document.body.scrollTop) + Math.round(15 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}
* html #modalOverlay, * html #modalIeBlocker {
	height: expression(document.body.offsetHeight + 'px');
}

/* Container */
#modalContainer {height:400px; width:500px; left:50%; top:15%; margin-left:-300px; background-color:#fff; border:3px solid #ccc;}
#modalContainer a.modalCloseImg {background:url("customer/images/ico-close-x.png"; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer;}
#modalContainer #basicModalContent {padding:8px;}