﻿
/*Vertical Orientation CSS Starts*/

.jscarousal-contents-vertical > div img{
    border:0px solid #eee;
    padding:0px;
    border-radius:0px;
}

.jscarousal-vertical{
    float:left;
	width: 100%;
	height: 650px;
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;   
    border:0px solid #e4e4e4;
    background:none;
}

.jscarousal-vertical-back, .jscarousal-vertical-forward{

	width: 100%;
	height: 20px;
    position: relative;
	cursor: pointer;
	z-index:100;

}
.jscarousal-vertical-back, .jscarousal-vertical-forward{
    display:none;
}
.jscarousal-vertical:hover .jscarousal-vertical-back{
    background: url(top_arrow.png) no-repeat top;
    opacity: 0.6;
    display:block !important;
}

.jscarousal-vertical:hover .jscarousal-vertical-forward{
    background: url(bottom_arrow.png) no-repeat bottom;
    opacity: 0.6;
    display:block !important;
}

.jscarousal-contents-vertical{
    overflow: hidden;
	width: 100%;
	height: 600px;
    
}

.jscarousal-contents-vertical > div{
    top:2px;
	position: absolute;
	width: 100%;
	height: 820px;
	overflow: hidden;

}

.jscarousal-contents-vertical .make_link-ctn_min_logo{
    width: 100%;
	height: auto;
	margin: 0px 0px 8px 0px;
    float:left;	
    padding:0px 7px;

}

.jscarousal-contents-vertical > div > div span{

	display: block;
	width: 100%;
	text-align: center;

}

.jscarousal-contents-vertical img{

	width: 100%;
    height:auto;
	

}

/*Vertical Orientation CSS Ends*/



/*Common*/

.hidden

{

	display: none;

}

.visible

{

	display: block;

}

.thumbnail-active

{

	filter: alpha(opacity=100);

	opacity: 1.0;

	cursor: pointer;

}

.thumbnail-inactive

{

	filter: alpha(opacity=20);

	opacity: 0.2;

	cursor: pointer;

}


