/* GALLERYSTYLES */

#galery_img img{
	position: fixed;
	text-indent:-9999px;
	top:0;
	left:50%;
	height: 100%;
	background-color: transparent;
	z-index:8;
	}


#galery_img img{
	position: fixed;
	text-indent:-9999px;
	top:0;
	left:50%;
	height: 100%;
	background-color: transparent;
	z-index:8;
	}

#gallery{
position:fixed;
z-index:666;
background-color:tansparent;
top:0;
left:75%;

	}

#gallery li {
	float:left;
	cursor:pointer
	}

span.caption{
	display:none; 
	}



/* This <div> element is wrapped by jCarousel around the list and has the classname "jcarousel-container". */

.jcarousel-container {
	position: fixed;
	left:50%;
	z-index:666;
	width:50%;
	height:100%;
	overflow:hidden;
	}

.jcarousel-clip{z-index:2;padding:0;margin:0;overflow:hidden;position:relative}

.jcarousel-list{z-index:1;overflow:hidden;position:relative;top:0;left:0;margin:0;padding:0}

.jcarousel-list li,

.jcarousel-item{float:left;list-style:none; width:0px;height:0px; overflow:hidden;}



/* The buttons are added dynamically by jCarousel before the <ul> list (inside the <div> described above) and have the classnames "jcarousel-next" and "jcarousel-prev". */

.jcarousel-next{z-index:3;display:none;text-indent:-999em}

.jcarousel-prev{z-index:3;display:none;text-indent:-999em}

.jcarousel-skin .jcarousel-container-horizontal{padding:0px; }

.jcarousel-skin .jcarousel-clip-horizontal{height:60px;width:186px; margin: 0 0 0 34px;}

.jcarousel-skin .jcarousel-item{width:0px;height:0px;  }

.jcarousel-skin .jcarousel-item-horizontal{margin-right:2px}
.jcarousel-skin .jcarousel-item-placeholder{background:#0e0d0d;color:#000}



.jcarousel-skin .jcarousel-next-horizontal{
	position:fixed;
	left:50%;
	top:23px;
	width:18px;
	height:18px;
	background:url(http://www.ruinofficial.com/_img/_shirts/plus.gif) no-repeat 0 0px;
	outline: none;
	}

.jcarousel-skin .jcarousel-next-horizontal:hover{
	background-position:0;
	background:url(http://www.ruinofficial.com/_img/_shirts/plus.gif) no-repeat 0 0px;
	}
.jcarousel-skin .jcarousel-next-disabled-horizontal,
.jcarousel-skin .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-next-disabled-horizontal:active{cursor:pointer;background-position:0 0px}


.jcarousel-skin .jcarousel-prev-horizontal{
	position:fixed;
	left:50%;
	bottom:26px;
	width:10px;
	height:11px;
	background:url(http://www.ruinofficial.com/_img/_shirts/minus.gif) no-repeat 0 0px;
	outline: none;
	margin: 1px 0 0 -16px;
	}

.jcarousel-skin .jcarousel-prev-horizontal:hover{
	background-position:0;
	background:url(http://www.ruinofficial.com/_img/_shirts/minus.gif) no-repeat 0 0px;}
.jcarousel-skin .jcarousel-prev-disabled-horizontal,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin .jcarousel-prev-disabled-horizontal:active{cursor:pointer;background-position:0 0px}