/**
 * =============================================================
 * RAXO All-mode PRO J2.5 - Template CSS
 * -------------------------------------------------------------
 * @package		RAXO All-mode PRO
 * @subpackage	All-mode Carousel Template
 * @copyright	Copyright (C) 2009-2014 RAXO Group
 * @license		RAXO Commercial License
 * 				This file is forbidden for redistribution
 * @link		http://www.raxo.org
 * =============================================================
 */


/* ----- RESET Styles ----- 
.allmode-carousel .allmode-name, .allmode-carousel .allmode-showall,
.allmode-carousel .allmode-item,
.allmode-carousel .allmode-title, .allmode-carousel img {
	margin: 0; padding: 0;
	text-transform: none;
	background: none; border: 0 none;
}
.allmode-carousel .allmode-clear {clear: both;}
.allmode-carousel a {text-decoration: none;}
.allmode-carousel :focus {outline: 0;}
*/

/* ----- MODULE BOX Styles ----- */
.allmode-carousel {
	overflow: hidden;
}
.allmode-carousel .allmode-itemsbox {
	position: relative;
	margin: 8px;
	border-width: 1px 0 1px 0; border-style: solid;
}
.allmode-carousel .allmode-left {													/* LEFT DIV */
	position: absolute;
	top: 0; left: -8px;
	width: 34px; height: 100%;
	background-position: 0 50%; background-repeat: no-repeat;
}
.allmode-carousel .allmode-right {													/* RIGHT DIV */
	position: absolute;
	top: 0; right: -8px;
	width: 34px; height: 100%;
	background-position: 0 50%; background-repeat: no-repeat;
}
.allmode-carousel .allmode-prev, .allmode-carousel .allmode-next {					/* PREV & NEXT */
	position: absolute; display: block;
	top: 50%; margin-top: -17px;
	width: 32px; height: 33px;
	background-repeat: no-repeat;
}
	.allmode-carousel .allmode-prev {left: 0; background-position: 0 50%;}
	.allmode-carousel .allmode-next {right: 0; background-position: -150px 50%;}
/*	.allmode-carousel .allmode-prev:hover {background-position: -50px 50%;}
	.allmode-carousel .allmode-next:hover {background-position: -100px 50%;} */
.allmode-carousel .allmode-center {
	margin: 0 26px; padding: 14px 0;
	min-height: 45px;
	overflow: hidden;
}
/*.allmode-carousel .allmode-name {													/* Module Block NAME 
	margin: 4px 16px -4px;
	font: normal 14px/20px "Verdana","Geneva",sans-serif;
	text-transform: none;
}*/
/*.allmode-carousel .allmode-showall {												/* "Show All" TEXT 
	position: absolute;
	top: 6px; right: 10px;
	font: normal 12px/18px "Arial","Helvetica",sans-serif;
}*/


/* ----- SLIDER Styles ----- */
.allmode-carousel .allmode-slider {
	position: relative;
	margin: 0 -10px;
	overflow: hidden;
}
.allmode-carousel .allmode-items {
    height: 0;
	overflow: hidden;
}
.allmode-carousel .allmode-item {													/* Item DIV */
	margin: 0 16px;
	float: left;
	overflow: hidden;
}


/* ----- IMAGE Block ----- */
.allmode-carousel .allmode-show {
	border-width: 1px; border-style: solid;
}
.allmode-carousel .allmode-img {													/* Items IMAGE */
	position: relative;
	margin-bottom: 3px;
}
	.allmode-carousel .allmode-show .allmode-img {
		margin: 3px;
	}
	.allmode-carousel .allmode-img img{
		height: auto;
		max-width: 100%; width: 100%;
	}
.allmode-carousel .allmode-info {													/* Items INFO */
	padding: 3px 0 2px;
	font: bold 11px/14px "Arial","Helvetica",sans-serif;
	background-repeat: repeat;
}
	.allmode-carousel .allmode-show .allmode-info {
		position: absolute;
		bottom: 0; left: 0;
		padding: 5px 0 4px 0;
		width: 100%;
	}
	.allmode-carousel .allmode-info span {
		margin-left: 10px;
	}
	.allmode-carousel .allmode-info a {
		font-weight: bold;
	}


/* ----- FIELDS Styles ----- */
.allmode-carousel .allmode-title {													/* Items TYTLE 
	margin-top: 6px;
	font: bold 12px/18px "Verdana","Geneva",sans-serif;
	text-transform: none;*/
}
/*	.allmode-carousel .allmode-title a {
		font-weight: bold;
	} */
.allmode-carousel .allmode-text {													/* Items TEXT */
	padding-top: 4px;
	font: 11px/18px "Verdana","Geneva",sans-serif;
}
	.allmode-carousel .allmode-title a:hover,
	.allmode-carousel .allmode-text a:hover {
		text-decoration: underline;
	}
.allmode-carousel .allmode-readmore {												/* Items READ MORE */
	font-size: 11px; line-height: 18px;
}


/* ----- DETAILS FIELDS Styles ----- */
.allmode-carousel .allmode-details {												/* Items DETAILS */
	margin-top: 8px; padding: 2px 0;
	font: 10px/13px "Arial","Helvetica",sans-serif;
	border-top-width: 1px; border-top-style: solid;
}
	.allmode-carousel .allmode-details span {
		padding-right: 6px;
	}
	.allmode-carousel .allmode-details span:last-child {
		padding-right: 0;
	}


/* ----- COLOR Schemes ----- */
.allmode-carousel .allmode-prev, .allmode-carousel .allmode-next {background-image: url(white-arrows.png);}

	/* --- Carousel White (default) --- 
.allmode-carousel {background-image: url(white-bkg.png);}
.allmode-carousel .allmode-name, .allmode-carousel .allmode-showall,
.allmode-carousel .allmode-name a:hover, .allmode-carousel .allmode-showall a:hover {color: #3c3c3c;}
.allmode-carousel .allmode-itemsbox {border-color: #afafaf;}
.allmode-carousel .allmode-left {background-image: url(white-left-bkg.png);}
.allmode-carousel .allmode-right {background-image: url(white-right-bkg.png);}

.allmode-carousel .allmode-center {background-color: #ffffff;}

.allmode-carousel .allmode-show {border-color: #cccdcf;}
.allmode-carousel .allmode-show:hover {border-color: #174499;}
.allmode-carousel .allmode-info {color: #000000; background-image: url(white-info-bkg.png);}
.allmode-carousel .allmode-title {color: #174499;}
.allmode-carousel .allmode-text {color: #464646;}
.allmode-carousel .allmode-details, .allmode-carousel .allmode-details a {color: #888787; border-color: #f4f4f4;}

.allmode-carousel a {color: #174499;}
.allmode-carousel a:hover {color: #464646;}
.allmode-carousel .allmode-info a {color: #000000;}
.allmode-carousel .allmode-info a:hover,
.allmode-carousel .allmode-details a:hover {color: #174499;}*/


	/* --- Carousel Light --- 
.carousel-light {background-image: url(light-bkg.png);}
.carousel-light .allmode-name, .carousel-light .allmode-showall,
.carousel-light .allmode-name a:hover, .carousel-light .allmode-showall a:hover {color: #3c3c3c;}
.carousel-light .allmode-itemsbox {border-color: #696969;}
.carousel-light .allmode-left {background-image: url(light-left-bkg.png);}
.carousel-light .allmode-right {background-image: url(light-right-bkg.png);}
.carousel-light .allmode-prev, .carousel-light .allmode-next {background-image: url(light-arrows.png);}
.carousel-light .allmode-center {background-color: #dcdcdc;}

.carousel-light .allmode-show {border-color: #828282;}
.carousel-light .allmode-show:hover {border-color: #0a49c0;}
.carousel-light .allmode-info {color: #000000; background-image: url(light-info-bkg.png);}
.carousel-light .allmode-title {color: #174499;}
.carousel-light .allmode-text {color: #1a1a1a;}
.carousel-light .allmode-details, .carousel-light .allmode-details a {color: #6e6e6e; border-color: #a5a5a5;}

.carousel-light a {color: #174499;}
.carousel-light a:hover {color: #1a1a1a;}
.carousel-light .allmode-info a {color: #000000;}
.carousel-light .allmode-info a:hover,
.carousel-light .allmode-details a:hover {color: #0a49c0;}*/


	/* --- Carousel Dark --- 
.carousel-dark {background-image: url(dark-bkg.png);}
.carousel-dark .allmode-name, .carousel-dark .allmode-showall,
.carousel-dark .allmode-name a:hover, .carousel-dark .allmode-showall a:hover {color: #787878;}
.carousel-dark .allmode-itemsbox {border-color: #6e6e6e;}
.carousel-dark .allmode-left {background-image: url(dark-left-bkg.png);}
.carousel-dark .allmode-right {background-image: url(dark-right-bkg.png);}
.carousel-dark .allmode-prev, .carousel-dark .allmode-next {background-image: url(dark-arrows.png);}
.carousel-dark .allmode-center {background-color: #373737;}

.carousel-dark .allmode-show {border-color: #9b9b9b;}
.carousel-dark .allmode-show:hover {border-color: #ff8b02;}
.carousel-dark .allmode-info {color: #e6e6e6; background-image: url(dark-info-bkg.png);}
.carousel-dark .allmode-title {color: #ff8b02;}
.carousel-dark .allmode-text {color: #d8d8d8;}
.carousel-dark .allmode-details, .carousel-dark .allmode-details a {color: #7d7d7d; border-color: #555555;}

.carousel-dark a {color: #ff8b02;}
.carousel-dark a:hover {color: #d8d8d8;}
.carousel-dark .allmode-info a {color: #e6e6e6;}
.carousel-dark .allmode-info a:hover,
.carousel-dark .allmode-details a:hover {color: #ff8b02;}*/


	/* --- Carousel Black --- 
.carousel-black {background-image: url(black-bkg.png);}
.carousel-black .allmode-name, .carousel-black .allmode-showall,
.carousel-black .allmode-name a:hover, .carousel-black .allmode-showall a:hover {color: #787878;}
.carousel-black .allmode-itemsbox {border-color: #828282;}
.carousel-black .allmode-left {background-image: url(black-left-bkg.png);}
.carousel-black .allmode-right {background-image: url(black-right-bkg.png);}
.carousel-black .allmode-prev, .carousel-black .allmode-next {background-image: url(black-arrows.png);}
.carousel-black .allmode-center {background-color: #000000;}

.carousel-black .allmode-show {border-color: #808080;}
.carousel-black .allmode-show:hover {border-color: #ff8b02;}
.carousel-black .allmode-info {color: #e6e6e6; background-image: url(black-info-bkg.png);}
.carousel-black .allmode-title {color: #ff8b02;}
.carousel-black .allmode-text {color: #a0a0a0;}
.carousel-black .allmode-details, .carousel-black .allmode-details a {color: #646464; border-color: #2d2d2d;}

.carousel-black a {color: #ff8b02;}
.carousel-black a:hover {color: #a0a0a0;}
.carousel-black .allmode-info a {color: #e6e6e6;}
.carousel-black .allmode-info a:hover,
.carousel-black .allmode-details a:hover {color: #ff8b02;}*/