/*
 * Swiper - Mobile Touch Slider CSS
 * http://www.idangero.us/sliders/swiper
 *
 * Vladimir Kharlampidi, The iDangero.us
 * http://www.idangero.us/
 * 
 * Copyright 2012, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us
 *
 * Licensed under GPL & MIT
 *
*/

/* Swiper Styles */

.tsmpagination {
    left: 3px;
    top: 2px;
    position: absolute;
    width: 240px;
    z-index: 20;
}

.swiper-pagination-switch {
	float:left;
	height:8px;
	width:8px;
	background:none repeat scroll 0 0 #BBBBBB;
	border:1px solid black;
	border-radius:8px 8px 8px 8px;
	display:block;
	margin:0 5px;
	opacity:0.8;
}
.swiper-active-switch {
	background:none repeat scroll 0 0 #FFFFFF;
}

.tsmswiper-container {
	width:990px;
	height:76px;
	top:0px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}

.tsmswiper-wrapper {
	position:relative;
	padding-top: 0px;
	top:5px;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
	
}
.tsmswiper-slide {
	float: left;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* Specify Swiper's Size: */
.tsmswiper-slide {
	width: 160px;
	height: 160px;
}

.tsmswipe-box {
	position:absolute;
	left: 12px;
	top: 0px;
	padding:0px 2px;
	background: #e8e8e8;
	border-bottom: 2px solid #AFAFAF;
	position:absolute;
	width:994px;
	height:76px;
}

.tsmswiper-slide {
	width: 247.5px;
	height: 75px;
	background: none;
}

.tsmswiper-slide .clipbox {
    width: 90px !important;
    max-height: 67px !important;
    overflow: hidden;
    float: left;
	margin: 0 7px 0 0;}

.tsmswiper-slide img{
	width: 90px;
}

.tsmswiper-slide h5{
  margin:4px 2px 2px 0;
  font-size:1.13em;
  line-height:1.13em;
  color:#888; 
  height: 61px;
}

.tsmswiper-slide a{
  display:block;
  width:240px;
  float:left;
  background:#fff;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  margin:0 5px;
  overflow: hidden;
}

.tsmswipe-nav {
	position:absolute;
	width:12px;
	height:78px;
	background-color:#AAA;
	text-align:center;
}
#tsmnav-left {
	left: 0px;
}
#tsmnav-right {
	left: 1008px;
}
a .tsmswipe-nav:hover {
	background-color:#666;
}