.clear {
	clear: both;
	height:0px;
}

.sj-cool-showcase {
	display:table;
	padding:0;
	margin:0;
}

.sj-cool-showcase  .csc-wap{
	position :relative ;
	margin :0px auto;
	border :none;
	overflow : visible ;
	padding:0;
	margin-top:10px;
	margin-bottom:10px;
}

.sj-cool-showcase  .csc-wap .csc-container{
	float :left ;
	margin :0;
	padding :0;
	border :none;
	list-style :none;
	position :relative ;
	overflow :hidden ;
	margin-top:27px;
}

.sj-cool-showcase  .csc-wap .csc-container .csc-item {
	position :absolute ;
	cursor :pointer ;
	padding :0;
	margin :0;
	border :none;
	overflow : hidden; 	
}

.sj-cool-showcase .csc-wap .csc-item .csc-item-inner{
	float:left;
	position:relative;
	overflow : hidden; 	
	margin:0;
	padding:0;
}

.sj-cool-showcase  .csc-wap .csc-item .csc-item-inner img{
	margin:0;
	padding:0;
	position:relative;
	border:none;
	-webkit-border-radius:20px;
   -moz-border-radius:20px;
    border-radius:20px;
}

.sj-cool-showcase .csc-wap .csc-item .csc-item-inner  span.csc-image-border-small{
   position:absolute;
   bottom:0px;
   left:0px;
   right:0px;
   top:0px;
   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   border-radius:6px;
   z-index:1; 
   margin:0;
   padding:0;
}

.sj-cool-showcase .csc-wap .csc-item .csc-item-inner span.csc-image-border-large{
   position:absolute;
   bottom:1px;
   left:1px;
   right:1px;
   top:1px;
   -webkit-border-radius:6px;
   -moz-border-radius:6px;
   border-radius:6px;
   margin:0;
   padding:0;	 
   z-index:1; 
}

.sj-cool-showcase .csc-wap .csc-item .csc-item-inner .csc-content{
   	display:none;
}

.sj-cool-showcase .csc-wap .csc-item.on-top .csc-item-inner .csc-content{
	bottom:0px;
	right:0px;
	left:0px;
	position:absolute;
 	display:block; 
	overflow:hidden;	
}

.sj-cool-showcase .csc-wap a{
	text-decoration:none;
}

.sj-cool-showcase .csc-wap .csc-item.on-top .csc-item-inner .csc-content a:hover{
	text-decoration:underline;
}

.sj-cool-showcase .csc-wap .csc-item .csc-item-inner .csc-content .csc-content-background{
   bottom:0px;
   right:0px;
   left:0px;
   position:absolute;
   height:100%;
}

.sj-cool-showcase .csc-wap .csc-item .csc-item-inner .csc-content .csc-content-inner{  
   position:relative;
   padding-top:10px;   
   padding-bottom:10px;
   padding-left:15px;
   padding-right:15px;
   overflow:hidden;
}
.sj-cool-showcase .csc-wap  .csc-item-title,
.sj-cool-showcase .csc-wap  .csc-item-title span,
.sj-cool-showcase .csc-wap  .csc-item-title a{
	margin:0;
	padding:0;
	padding-bottom:7px;
	position:relative; 
	z-index:1;
}
.sj-cool-showcase .csc-wap  .csc-item-title span{
	cursor:default;
}
.sj-cool-showcase .csc-wap  .csc-item-description{
	margin:0;
	padding:0;
	z-index:2; 
	cursor:default;
	position:relative;
}

.sj-cool-showcase .csc-wap  .csc-item-tags {
	margin:0 0 10px 0;
	
}

.sj-cool-showcase .csc-wap  .csc-item-readmore{
	text-align:right;
	position:relative;
	z-index:1;
}

.sj-cool-showcase .csc-wap  .csc-item-tags .tags span{
	display:inline-block;
	margin:2px 0;
}

.sj-cool-showcase  .csc-wap  .csc-shadow  .csc-shadow-left {
	background : url("../images/shadow_left.png") no-repeat;
	width :97px;
	height :82px;
	position:relative;
	float:left;
}

.sj-cool-showcase  .csc-wap  .csc-shadow .csc-shadow-center{
	height :82px;
	background:url("../images/shadow_midle.png") repeat-x;
	position:relative;
	float:left;      
}

.sj-cool-showcase  .csc-wap  .csc-shadow  .csc-shadow-right{
	width :100px;
	height :82px;
	background:url("../images/shadow_right.png") no-repeat;
	position:relative;
	float:left;	
}

.sj-cool-showcase  .csc-wap .csc-next.theme1,
.sj-cool-showcase  .csc-wap .csc-next.theme1:hover,
.sj-cool-showcase  .csc-wap .csc-next.theme2,
.sj-cool-showcase  .csc-wap .csc-next.theme2:hover{
	position :absolute ;
	right :13px;
	top:50%;
	margin-top:-38px;
	width :43px;
	height :43px;
	cursor :pointer ;
	z-index :99;
}

.sj-cool-showcase  .csc-wap .csc-prev.theme1,
.sj-cool-showcase  .csc-wap .csc-prev.theme1:hover,
.sj-cool-showcase  .csc-wap .csc-prev.theme2,
.sj-cool-showcase  .csc-wap .csc-prev.theme2:hover{
	position :absolute ;
	left :13px;
 	top:50%;
	margin-top:-38px;
	width :43px;
	height: 43px;			
	cursor :pointer ;
	z-index :99;
}

.sj-cool-showcase  .csc-wap .csc-next.theme3,
.sj-cool-showcase  .csc-wap .csc-next.theme3:hover,
.sj-cool-showcase  .csc-wap .csc-next.theme4,
.sj-cool-showcase  .csc-wap .csc-next.theme4:hover{
	position :absolute ;
	top :18px; 
	left :50%;
	margin-left:-22px;
	width :43px;
	height :43px;
	cursor :pointer ;
	z-index :99;
}

.sj-cool-showcase  .csc-wap .csc-prev.theme3,
.sj-cool-showcase  .csc-wap .csc-prev.theme3:hover,
.sj-cool-showcase  .csc-wap .csc-prev.theme4,
.sj-cool-showcase  .csc-wap .csc-prev.theme4:hover{
	position :absolute ;
 	bottom:18px; 
	width :43px;
	height: 43px;			
	cursor :pointer ;
	left :50%;
	margin-left:-22px;
	z-index :99;
}

.sj-cool-showcase  .csc-wap .csc-pages{
	background : url("../images/background_buttons.png") repeat-x;
	position : relative ;
	margin :0 auto;
	z-index :99;
	padding-left:20px;
	padding-right:20px;
}

.sj-cool-showcase  .csc-wap .csc-pages .csc-page{
	position :relative ;
	float :left ;
	width :11px;
	height :10px;
	background : url(../images/button.png) no-repeat 0 -12px;
	margin-top:3px;
	margin-bottom:2px;
	margin-right:2px;
	margin-left:2px;
	float :left ;
	cursor :pointer ;
	text-align:center;
}

.sj-cool-showcase  .csc-wap .csc-pages .csc-page:hover{
	background : url(../images/button.png) no-repeat 0 0; 
}

.sj-cool-showcase  .csc-wap .csc-pages .active{
	background : url(../images/button.png) no-repeat 0 0; 
	cursor :pointer ;
}

.sj-cool-showcase .csc-wap .csc-shadow{
	position: absolute;
	margin: 0pt;
	padding: 0px;
	border: medium none; 
	overflow: hidden;
	left: 0px; 
	bottom: 0px;
	z-index:-1;	
}

/*--- direction and navigation button --*/

.sj-cool-showcase  .csc-wap.always .csc-next.theme1.style1,
.sj-cool-showcase  .csc-wap.always .csc-next.theme2.style1{
	background : url(../images/button_full.png) no-repeat scroll 0px -43px;
}
.sj-cool-showcase  .csc-wap.always .csc-next.theme1.style1:hover,
.sj-cool-showcase  .csc-wap.always .csc-next.theme2.style1:hover{
	background : url(../images/button_full.png) no-repeat scroll 0px -129px;
}

.sj-cool-showcase  .csc-wap.always .csc-prev.theme1.style1,
.sj-cool-showcase  .csc-wap.always .csc-prev.theme2.style1{
	background : url(../images/button_full.png) no-repeat scroll 0px 0px;
}

.sj-cool-showcase  .csc-wap.always .csc-prev.theme1.style1:hover,
.sj-cool-showcase  .csc-wap.always .csc-prev.theme2.style1:hover{
	background : url(../images/button_full.png) no-repeat scroll 0px -86px;
}

.sj-cool-showcase  .csc-wap.always .csc-prev.theme1.style2,
.sj-cool-showcase  .csc-wap.always .csc-prev.theme2.style2{
	background : url(../images/button_half.png) no-repeat scroll 0px -111px;
}

.sj-cool-showcase  .csc-wap.always .csc-prev.theme1.style2:hover,
.sj-cool-showcase  .csc-wap.always .csc-prev.theme2.style2:hover{
	background : url(../images/button_half.png) no-repeat scroll 0px -154px;
}

.sj-cool-showcase  .csc-wap.always .csc-next.theme1.style2,
.sj-cool-showcase  .csc-wap.always .csc-next.theme2.style2{
	background : url(../images/button_half.png) no-repeat scroll 0px -197px;
}

.sj-cool-showcase  .csc-wap.always .csc-next.theme1.style2:hover,
.sj-cool-showcase  .csc-wap.always .csc-next.theme2.style2:hover{
	background : url(../images/button_half.png) no-repeat scroll 0px -240px;
}

.sj-cool-showcase  .csc-wap.hover:hover  .csc-next.theme1.style1,
.sj-cool-showcase  .csc-wap.hover:hover  .csc-next.theme2.style1{
	background : url(../images/button_full.png) no-repeat scroll 0px -43px;
}

.sj-cool-showcase  .csc-wap.hover:hover  .csc-next.theme1.style1:hover,
.sj-cool-showcase  .csc-wap.hover:hover  .csc-next.theme2.style1:hover{
	background : url(../images/button_full.png) no-repeat scroll 0px -129px;
}


.sj-cool-showcase  .csc-wap.hover:hover   .csc-prev.theme1.style1,
.sj-cool-showcase  .csc-wap.hover:hover   .csc-prev.theme2.style1{
	background : url(../images/button_full.png) no-repeat scroll 0px 0px;
}

.sj-cool-showcase  .csc-wap.hover:hover   .csc-prev.theme1.style1:hover,
.sj-cool-showcase  .csc-wap.hover:hover   .csc-prev.theme2.style1:hover{
	background : url(../images/button_full.png) no-repeat scroll 0px -86px;
}

.sj-cool-showcase  .csc-wap.hover:hover .csc-prev.theme1.style2,
.sj-cool-showcase  .csc-wap.hover:hover .csc-prev.theme2.style2{
	background : url(../images/button_half.png) no-repeat scroll 0px -111px;
}

.sj-cool-showcase  .csc-wap.hover:hover .csc-prev.theme1.style2:hover,
.sj-cool-showcase  .csc-wap.hover:hover .csc-prev.theme2.style2:hover{
	background : url(../images/button_half.png) no-repeat scroll 0px -154px;
}

.sj-cool-showcase  .csc-wap.hover:hover  .csc-next.theme1.style2,
.sj-cool-showcase  .csc-wap.hover:hover  .csc-next.theme2.style2{
	background : url(../images/button_half.png) no-repeat scroll 0px -197px;
}

.sj-cool-showcase  .csc-wap.hover:hover  .csc-next.theme1.style2:hover,
.sj-cool-showcase  .csc-wap.hover:hover  .csc-next.theme2.style2:hover{
	background : url(../images/button_half.png) no-repeat scroll 0px -240px;
}	


.sj-cool-showcase  .csc-wap.always  .csc-next.theme3.style1,
.sj-cool-showcase  .csc-wap.always  .csc-next.theme4.style1{
	background : url(../images/button_full.png) no-repeat scroll 0px -172px;
} 

.sj-cool-showcase  .csc-wap.always  .csc-next.theme3.style1:hover,
.sj-cool-showcase  .csc-wap.always  .csc-next.theme4.style1:hover{
	background : url(../images/button_full.png) no-repeat scroll 0px -258px;
}

.sj-cool-showcase  .csc-wap.always  .csc-prev.theme3.style1,
.sj-cool-showcase  .csc-wap.always  .csc-prev.theme4.style1{
	background : url(../images/button_full.png) no-repeat scroll 0px -215px;
}

.sj-cool-showcase  .csc-wap.always  .csc-prev.theme3.style1:hover,
.sj-cool-showcase  .csc-wap.always  .csc-prev.theme4.style1:hover{
	background : url(../images/button_full.png) no-repeat scroll 0px -301px;
}

.sj-cool-showcase  .csc-wap.always  .csc-prev.theme3.style2,
.sj-cool-showcase  .csc-wap.always  .csc-prev.theme4.style2{
	background : url(../images/button_half.png) no-repeat scroll 0px -30px;
	height:26px;	
}

.sj-cool-showcase  .csc-wap.always  .csc-prev.theme3.style2:hover,
.sj-cool-showcase  .csc-wap.always  .csc-prev.theme4.style2:hover{
	background : url(../images/button_half.png) no-repeat scroll 0px -84px;
	height:26px;
}

.sj-cool-showcase  .csc-wap.always .csc-next.theme3.style2,
.sj-cool-showcase  .csc-wap.always .csc-next.theme4.style2{
	background : url(../images/button_half.png) no-repeat scroll 0px -2px;
	height:26px;	
}

.sj-cool-showcase  .csc-wap.always .csc-next.theme3.style2:hover,
.sj-cool-showcase  .csc-wap.always .csc-next.theme4.style2:hover{
	background : url(../images/button_half.png) no-repeat scroll 0px -56px;
	height:26px;
}

.sj-cool-showcase  .csc-wap.hover:hover .csc-next.theme3.style1,
.sj-cool-showcase  .csc-wap.hover:hover .csc-next.theme4.style1{
	background : url(../images/button_full.png) no-repeat scroll 0px -172px;
}

.sj-cool-showcase  .csc-wap.hover:hover .csc-next.theme3.style1:hover,
.sj-cool-showcase  .csc-wap.hover:hover .csc-next.theme4.style1:hover{
	background : url(../images/button_full.png) no-repeat scroll 0px -258px;
}

.sj-cool-showcase  .csc-wap.hover:hover .csc-prev.theme3.style1,
.sj-cool-showcase  .csc-wap.hover:hover .csc-prev.theme4.style1{
	background : url(../images/button_full.png) no-repeat scroll 0px -215px;
}

.sj-cool-showcase  .csc-wap.hover:hover .csc-prev.theme3.style1:hover,
.sj-cool-showcase  .csc-wap.hover:hover .csc-prev.theme4.style1:hover{
	background : url(../images/button_full.png) no-repeat scroll 0px -301px;
}

.sj-cool-showcase  .csc-wap.hover:hover .csc-prev.theme3.style2 ,
.sj-cool-showcase  .csc-wap.hover:hover .csc-prev.theme4.style2 {
	background : url(../images/button_half.png) no-repeat scroll 0px -30px;
	height:26px;
}

.sj-cool-showcase  .csc-wap.hover:hover .csc-prev.theme3.style2:hover ,
.sj-cool-showcase  .csc-wap.hover:hover .csc-prev.theme4.style2:hover {
	background : url(../images/button_half.png) no-repeat scroll 0px -84px;
	height:26px;
}

.sj-cool-showcase  .csc-wap.hover:hover .csc-next.theme3.style2,
.sj-cool-showcase  .csc-wap.hover:hover .csc-next.theme4.style2{
	background : url(../images/button_half.png) no-repeat scroll 0px -2px;
	height:26px;
}

.sj-cool-showcase  .csc-wap.hover:hover .csc-next.theme3.style2:hover,
.sj-cool-showcase  .csc-wap.hover:hover .csc-next.theme4.style2:hover{
	background : url(../images/button_half.png) no-repeat scroll 0px -56px;
	height:26px;
}