.overlay {
 display: none;
}

.overlay-head-outer{
 height: 42px;
 position: relative;
 overflow: hidden;
}

.overlay-head-wrapper{
 position: relative;
 overflow: hidden;
 margin-bottom: 20px;
}

.overlay-head-inner{
 margin: 13px 0 0 0;
}

.overlay-head{
 display: none;
 color:#333;
}

.overlay-head-inner, .overlay-head-inner .overlay-head{
 font-size: 16px; 
 font-weight: bold; 
 line-height: 16px;
 display: block;
}

.overlay-printheader{
 position: relative;
 height:17px;
 margin:5px 20px 0 0;
 background: transparent url(../images/1x1grey.gif) repeat-x 0px 9px;
}

.overlay-printbutton-holder{
 position: absolute;
 top: 1px;
 right: 0px;
 width: 19px;
 height: 15px;
 background-color: white;
 text-align: right;
}

.overlay-dialog .scroll-pane{
 overflow: hidden;
 width: 100%; 
 height: 100%;
}

.overlay-dialog .jspTrack{
 text-align:left;
}

.overlay-closebutton { 
 position: absolute;
 top:13px;
 right:20px;
 z-index: 1;
 color:#333;
}

.overlay-closelink {
 font-size: 12px;
}

.overlay_contents {
 padding-top:5px;padding-bottom:5px;
}

#overlay-shadow { 
 position: absolute; 
 top: 0px; 
 left: 0px; 
 margin: 0px; 
 padding: 0px; 
/* width: 100%;
 height: 100%; */
 z-index: 1000; 
 display: none;
}

.overlay-dialog {
 display:none;
 position:fixed;
 _position:absolute;
 top:80px;
 z-index: 1001;
 max-width:800px; /* based on image dimensions  */
 /*color:#fff;*/
 text-align: left;
 width: 660px;
 margin:0px auto;
 padding:0px 0px 0px 0px;
}
.overlay-dialog img{
	
	display:block
}
.overlay-dialog  .jspContainer .scroll-pane {
 overflow: hidden; 
 top:0px;
 text-align:left;
}
.overlay-dialog .jspContainer {
 position: relative;
 top:0px;
 right:0px;
 overflow: hidden;
 z-index: 1;
 margin: 0px 10px 0px 0px;
 padding: 0;
}

.overlay-dialog .overlay-holder,
.overlay-dialog .overlay-t,
.overlay-dialog .overlay-b,
.overlay-dialog .overlay-b div {
 background: url(../images/overlay-background.png) no-repeat top right;
 _background-image: url(../images/overlay-background.gif);
}

.overlay-dialog .overlay-holder {
margin-left:0px;
padding-right:0px;
margin-right:-8px;
}

.overlay-dialog .overlay-holder,
#your-overlay-id {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:4px 0px 0px 0px;
}

.overlay-dialog .overlay-t {
 position:absolute;
 left:0px;
 top:0px;
 width:24px; /* top slice width */
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
 margin-left:-23px;
}

.overlay-dialog .overlay-b {
 background-position:bottom right;
 position:absolute;
 bottom: -23px;
 right:-8px;
 width:100%;
 height:24px;
}

.overlay-dialog .overlay-b div {
 background-position:bottom left;
 left:-23px;
 position:absolute;
 margin-left:-8px;
 width:32px;
 height:24px;
}

#overlaypreloadholder,.overlaypreloaddiv {
 display: none;
}
.overlaypreloaddiv2 ul  {
 padding: 10px 0px 10px 0px;
}

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;

}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{	
	background:url(../images/scroller/scroll_background.png) no-repeat 50% 0;
	position: relative;
}

.jspDrag
{
	background:url(../images/scroller/scrollbar_center.png) no-repeat 50% 50%;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	
}

.jspVerticalBar .jspArrow
{
	height: 12px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}
.jspCapBottom
{
	background: url(../images/scroller/scrollbar_center_bottom.png) no-repeat 0 0
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

/************************************
Here, you will find the styles that 
make the scroller pretty. 
************************************/

		
			.jspTrack {
				background: url(../images/scroller/scroll_background.png) repeat-y;
			}
			.jspDrag {
				background: url(../images/scroller/scrollbar_center.png) no-repeat 0 50%;
			}
			.jspDragTop {
				/*background: url(../images/scroller/scrollbar_center_top.png) no-repeat;
				height: 6px; */
			}
			/*.jspDragBottom {
				background: url(../images/scroller/scrollbar_center_bottom.png) no-repeat;
				height: 6px;
				position:relative;
				bottom:0px

			}*/
			a.jspArrowUp {
				height: 15px;
				background: url(../images/scroller/scrollbar_top.png) no-repeat 0 -15px;
				z-index:1;
			}
			a.jspArrowUp:hover {
				background-position: 0 0px;
			}
			a.jspArrowDown {
				height: 15px;
				background: url(../images/scroller/scrollbar_bottom.png) no-repeat 0 -18px;
			}
			a.jspArrowDown:hover {
				background-position: 0 0px;
			}
			a.jspActiveArrowButton,
			a.jScrollActiveArrowButton:hover {
				background-position: 0 0px;
			}

			/* IE SPECIFIC HACKED STYLES */
			* html .product_detail .jspDragBottom {
				bottom: -1px;
			}


/************************************
| end | Here, you will find the styles that 
| end | make the scroller pretty. 
************************************/