Current File : /home/bwalansa/www/wp-content/themes/Savia/stylesheets/carousel.css

.jcarousel-container {
/*	background: #FFF;*/
	margin-bottom: 0px;
}
.jcarousel-direction-rtl {
	direction: rtl;
}
.jcarousel-container-horizontal {
	padding: 0px;
}
.jcarousel-custom .jcarousel-container-horizontal {
	padding: 0px 0px;
}
.jcarousel-clip {
	overflow: hidden;
	width: 100%;
}
.jcarousel-item-horizontal {
	margin-left: 0;
	margin-right: 10px;
	margin-bottom: 0;
}
/* Custom */
.jcarousel-custom .jcarousel-item-horizontal {
	margin-left: 0;
	margin-right: 0px;
	width: 189px;
}
/* Sidebar */
#column-left .jcarousel-list-horizontal, #column-right .jcarousel-list-horizontal {
	width: auto !important;
}
#column-left .jcarousel-custom .jcarousel-item-horizontal, #column-right .jcarousel-custom .jcarousel-item-horizontal {
	float: none !important;
	margin-left: 0;
	margin-right: 0px;
	width: auto !important;
}
#column-left .jcarousel_arrows,#column-right .jcarousel_arrows {
	display: none;
}

.jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 15px;
	margin-right: 0;
}
.jcarousel-item-placeholder {
	background: #fff;
	color: #000;
}
/**
 *  Horizontal Buttons
 */

.jcarousel-next-horizontal, .custom-next {
	position: absolute;
	top: -64px;
	right: 15px;
	width: 22px;
	height: 22px;
	cursor: pointer;
	background: #9ad202 url('../images/button-next.png') center center no-repeat;
	/*background: #07bee5 url('../images/button-next.png') center center no-repeat;*/
	
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
	
	box-shadow:  0px 1px 0px 0px rgba(0,0,0, 0.4);
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;		
}
.sidebar .jcarousel-next-horizontal,.sidebar .custom-next {
	top: -39px;   
}
.section_featured_services .jcarousel-next-horizontal, .carousel_section .jcarousel-next-horizontal{
	right: 10px;
}
.jcarousel-next-horizontal:hover {
	/*background-color:  #666;*/
	background-color: #fc6205;
	box-shadow:  0px 1px 0px 0px rgba(0,0,0, 0.5);
}

.jcarousel-next-disabled-horizontal, .jcarousel-next-disabled-horizontal:hover, .jcarousel-next-disabled-horizontal:focus, .jcarousel-next-disabled-horizontal:active, .custom-next_disabled, .custom-next_disabled:hover {
	cursor: default;
	background: #f3f3f3 url('../images/button-next_inactive.png') center center no-repeat;
	box-shadow:  0px 1px 0px 0px rgba(0,0,0, 0.1);
}
.jcarousel-prev-horizontal, .custom-prev {
	position: absolute;
	top: -64px;
	right: 40px;
	width: 22px;
	height: 22px;
	cursor: pointer;
	background: #9ad202 url('../images/button-previous.png') center center no-repeat;
	/*background: #07bee5 url('../images/button-previous.png') center center no-repeat;*/
	
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
	
	box-shadow: 0px 1px 0px 0px rgba(0,0,0, 0.35);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;	
}
.sidebar .jcarousel-prev-horizontal, .sidebar .custom-prev {
	top: -39px;
}
.section_featured_services .jcarousel-prev-horizontal, .carousel_section .jcarousel-prev-horizontal{
	right: 35px;
}
.jcarousel-prev-horizontal:hover {
	/*background-color:  #666;*/
	background-color: #fc6205;
	box-shadow:  0px 1px 0px 0px rgba(0,0,0, 0.5);	
}

.jcarousel-prev-disabled-horizontal, .jcarousel-prev-disabled-horizontal:hover, .jcarousel-prev-disabled-horizontal:focus, .jcarousel-prev-disabled-horizontal:active, .custom-prev_disabled, .custom-prev_disabled:hover {
	cursor: default;
	background: #f3f3f3 url('../images/button-previous_inactive.png') center center no-repeat;
	box-shadow:  0px 1px 0px 0px rgba(0,0,0, 0.1);
}

.jcarousel_arrows {
	float: right;
	background: #fff;
	width: 46px;
	height: 20px;
	position:relative;
}
.custom-prev {
	left: 8px;
}

@media only screen and (min-width: 1199px) {

	.section_featured_services .jcarousel-next-horizontal, .carousel_section .jcarousel-next-horizontal{	right: 15px; }
	.section_featured_services .jcarousel-prev-horizontal, .carousel_section .jcarousel-prev-horizontal{ right: 40px; }
}