@charset "utf-8";

/*============================================================
 carousel
============================================================*/

/** carouselList
-------------------------------------------------------*/
div.carouselList {
	position: relative;
	padding: 10px 0 0 0;
	/zoom: 1;
}

div.carouselList div.carouselListRow {
	clear: both;
	height: 310px;
}

div.carouselList.selectableList div.carouselListRow,
div.carouselList.tallList div.carouselListRow {
	clear: both;
	height: 350px;
}

div.carouselList div.pagnWrapper {
	margin: 0 40px;
	position: relative;
}

div.carouselList a.prev,
div.carouselList a.next {
	position: absolute;
	top: 0;
	background: #FFF;
	height: 100%;
	/height: 300px;
}

div.carouselList a.prev {
	left: 0;
}

div.carouselList a.next {
	right: 0;
}

div.carouselList.selectableList a.prev,
div.carouselList.selectableList a.next,
div.carouselList.tallList a.prev,
div.carouselList.tallList a.next {
	height: 100%;
	/height: 335px;
}

div.carouselList a.prev div.inner,
div.carouselList a.next div.inner {
	position: relative;
	width: 30px;
	height: 100%;
}

div.carouselList a.prev div.inner div.pagnBtn,
div.carouselList a.next div.inner div.pagnBtn {
	position: absolute;
	top: 50%;
	left: 0;
	width: 30px;
	height: 80px;
	margin: -40px 0 0 0;
	/*transition: all 0.3s linear 0s;*/
}

div.carouselList a.prev div.inner div.pagnBtn {
	background: url(../img/btnCarouselListPagn.png) no-repeat 0 0;
}

div.carouselList a.next div.inner div.pagnBtn {
	background: url(../img/btnCarouselListPagn.png) no-repeat -30px 0;
}

div.carouselList a.prev:hover div.inner div.pagnBtn {
	background-position: 0 -80px;
}

div.carouselList a.next:hover div.inner div.pagnBtn {
	background-position: -30px -80px;
}

div.carouselList div.pListBlock {
	float: left;
	padding: 0;
	width: 33.1%;
	position: relative;
	height: 100%;
}

div.carouselList div.pListBlock div.inner {
	margin: 0 10px;
}

div.carouselList.selectableList div.pListBlock div.inner {
	margin: 10px;
}

div.carouselList div.pListBlock div.ppSlctr {
	font-size: 11px;
	position: absolute;
	bottom: 10px;
	left: 10px;
}

div.carouselList div.pListBlock div.pImg {
	height: 100px;
	/height: auto;
	margin: 0 0 10px 0;
}

div.carouselList div.pListBlock div.pImg img {
	max-width: 100px;
	max-height: 100px;
}

div.carouselList div.pListBlock .pName {
	font-size: 12px;
}

div.carouselList div.pListBlock div.pInfo {
	font-size: 12px;
	margin: 3px 0 0 0;
}

div.carouselList div.pListBlock div.avgCR {
	margin: 3px 0 0 0;
}

div.carouselList div.pListBlock img.iconLoading {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -8px 0 0 -8px;
}

div.csl02 div.pListBlock {
    width: 49.8%;
}

div.csl03 div.pListBlock {
    width: 33.1%;
}

div.csl04 div.pListBlock {
    width: 24.8%;
}

div.csl05 div.pListBlock {
    width: 19.8%;
}

div.csl06 div.pListBlock {
    width: 16.4%;
}

div.csl07 div.pListBlock {
    width: 14%;
}

div.csl08 div.pListBlock {
    width: 12.3%;
}

div.csl09 div.pListBlock {
    width: 10.9%;
}

div.csl10 div.pListBlock {
    width: 9.8%;
}

div.csl11 div.pListBlock {
    width: 8.8%;
}

div.csl12 div.pListBlock {
    width: 8.1%;
}

div.csl13 div.pListBlock {
    width: 7.4%;
}


/** tileRecList
-------------------------------------------------------*/
div.tileRecList {
}

div.tileRecList div.pListBlock {
	padding: 10px 0 30px 0;
}

div.tileRecList div.pListBlock div.inner {
	padding: 0;
	margin: 0 10px;
}

div.tileRecList div.pListBlock div.pImg img {
	max-width: 120px;
	max-height: 120px;
}