/* horizontal ##############################*/
.horizontal {
	width: 100%;
	margin: 0 auto;
	height: 450px;
	}
	
.horizontal .carousel {
	width: 1200px;
	height: 450px;
	margin: 0 auto;
	position: relative;
	}
	
.horizontal .carousel_container {
	width: 1103px; /* 3x380 + 3x10px margin */
	height: 450px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 10px 0 0;
	position: relative;
	}
	
.horizontal ul  { 
	height: 450px;
	width: 1980px;
}
	
.horizontal ul li {
	width: 350px;
	height: 420px;
	display: block;
	float: left;
	margin-right: 10px;
  margin-left: 10px;
	margin-bottom: 1px;
	position: relative;
	padding-top: 15px;
  text-align: center
	}

.horizontal ul li .inner .flexible {margin-bottom: 0}
.inner table tbody tr:last-child {background: #dde1e8 }
.inner table tbody tr:last-child td {background: url(../../images/readmore.png) no-repeat right center}
.inner table tbody tr:last-child th:hover {background: url(../../images/readmore.png) no-repeat right center}
.inner table tbody tr:last-child:hover, .inner table tbody tr:last-child:focus {background: #dde1e8}	
.inner table tbody tr:last-child a {color: #666; text-transform:uppercase; float: right; font-size: 0.9em; text-decoration: underline; margin-right: 20px}
.inner .float-right {margin-bottom: 0!important}

.horizontal ul li .text_content {
	padding: 10px;
	color: #fff;
	}
	
.horizontal ul li a {
	display: block;
	color: #fff;
	}
.horizontal ul li a:hover {background: none}	
.horizontal ul li a.normal {
	width: auto;
	height: auto;
	color: #fff;
	background: none;
	}
	
.horizontal ul li .caption {
	position: absolute;
	top: -10px;
	left: -10px;
	display: none;
	}
.inner img {-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	-o-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
  box-shadow:none;
  padding: 0 5px 5px;
  border-radius: 5px
  }  
.inner:hover img {-moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  box-shadow: 0 0 0.75em #ccc;
  padding: 0 5px 5px;
  }	
	
	

/* vertical ##############################*/
.vertical {
	background: #1a1a1a;
	width: 220px;
	height: 100%;
	margin: 0 auto;
	}
	
.vertical .carousel {
	width: 220px;
	height: 423px;
	margin: 0 auto;
	position: relative;
	padding: 100px 0;
	}
	
.vertical .carousel_container {
	width: 220px; /* 3x220 + 3x1px margin */
	height: 423px;
	overflow: hidden;
	/*padding: 0 50px;*/
	position: relative;
	}
	
.vertical ul  { 
	height: 1980px;
	width: 220px;
}
	
.vertical ul li {
	width: 220px;
	height: 140px;
	display: block;
	float: left;
	margin-right: 1px;
	margin-bottom: 1px;
	position: relative
	}
	
.vertical ul li .text_content {
	padding: 10px;
	color: #fff;
	}
	
.vertical ul li a {
	width: 220px;
	height: 140px;
	background: #CCC;
	display: block;
	color: #fff;
	}
	
.vertical ul li a.normal {
	width: auto;
	height: auto;
	color: #fff;
	background: none;
	}
	
.vertical ul li .caption {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	}
	



	
.carousel_right, .carousel_left {
	position: absolute;
	width: 36px;
	height: 61px;
	display: block;
	text-indent: -9999px;
  background-color: #f2f2f9!important;
  border: 5px solid #f2f2f9;
  border-radius: 5px;
  -webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
	}
	
.carousel_left { 
	top: 140px; left:14px;
	background: url(prev.png) top left;
	}
.carousel_right { 
	top: 140px; right:7px;
	background: url(next.png) top left;
	}
.carousel_right:hover, .carousel_left:hover {
	background-position: bottom left; background-color: #ebebeb!important;border: 5px solid #ebebeb;
	}
	
.carousel_up, .carousel_down {
	position: absolute;
	width: 51px;
	height: 26px;
	display: block;
	text-indent: -9999px;
	}
	
.carousel_up { 
	top: 20px; left:85px;
	background: url(../images/up.png) top left;
	}
.carousel_down { 
	bottom: 20px; left:85px;
	background: url(../images/down.png) top left;
	}
.carousel_up:hover, .carousel_down:hover {
	background-position: bottom left;
	}
	
.disable { display: none; }