/* $Id$ */

/*
+----------------------------------------------------------------+
|   iPlay for Dupal 7.x - Version 1.0                            |
|   Copyright (C) 2011 Antsin.com All Rights Reserved.           |
|   @license - Copyrighted Commercial Software                   |
|----------------------------------------------------------------|
|   Theme Name: iPlay                                            |
|   Description: iPlay by Antsin                                 |
|   Author: Antsin.com                                           |
|   Date: 21st March 2011                                        |
|   Website: http://www.antsin.com/                              |
|----------------------------------------------------------------+
|   This file may not be redistributed in whole or               |
|   significant part.                                            |
+----------------------------------------------------------------+
*/

div.showcase-container {
  height: 300px;
  width: 660px;
  position: relative;
  z-index: 0;
}

div.showcase-container div.slider {
  float: left;
  width: 660px;
  height: 303px;
  overflow: hidden;
  position: relative;
  visibility: hidden;
}

div.showcase-container div.slide {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  height: 303px;
}

div.showcase-container div.slide img {
  height: 303px;
  margin: 0 !important;
  padding: 0 !important;
  width: 660px;
}

div.showcase-container div.slide-text {
  position: absolute;
  top: 100px;
  left: 30px;
  width: 360px;
  height: 100px;
  background: transparent url("images/transparent_bg.png") repeat scroll 0 0!important;
}

div.showcase-container div.slide-text.slide-text-top {
  top: 30px;
  left: 30px;
}

div.showcase-container div.slide-text.slide-text-bottom {
  top: 100px;
  left: 30px;
}

div.showcase-container div.slide-text-inner {
  color: #fff;
  padding: 10px;
}

/** pager **/
div.showcase-container #pager  {  
  position: absolute;  
  bottom: -3px;  
  left: 0;  
  z-index: 99;
  background: url("images/bg_pager.png") repeat-x left top;
}

div.showcase-container div.scrollable-pager  {  
  overflow: hidden;  
  position: relative;  
  width: 660px;
  height: 70px;
}

div.showcase-container div.scrollable-pager div.items {  
  clear: both;  
  position: absolute;  
  width: 20000em;  
}

div.showcase-container div.scrollable-pager div.items div {  
  float: left;
  background: url("images/divider.png") no-repeat right 1px;
}

div.showcase-container div.scrollable-pager div.items div a {  
  display: block;  
  height: 50px;  
  width: 200px;
  color: #fff;
  padding: 10px;  
  outline: none;
}

div.showcase-container div.scrollable-pager div.items div .pager-text {
  color: #888;
}

div.showcase-container div.scrollable-pager div.items div a:hover .pager-text,
div.showcase-container div.scrollable-pager div.items div a.activeSlide .pager-text {
  color: #fff;
}

div.showcase-container div.scrollable-pager div.items span.pager-text {  
  display: block;  
}

div.showcase-container div.scrollable-pager div.items img {
  float: left;
  width: 90px;
  height: 45px;
  margin-right: 10px;
  border: 3px solid #4C4C4C;
  vertical-align: middle;
}

/** prev & next **/
div.showcase-container div.prev {
  position: absolute;
  left: 261px;
  bottom: -26px;
  display: block;
  cursor: pointer;  
  width: 14px;  
  height: 15px;  
}

div.showcase-container div.next {
  position: absolute;
  left: 385px;
  bottom: -26px;
  display: block;
  cursor: pointer;  
  width: 14px;  
  height: 15px;  
}

div.showcase-container div.prev.disabled {
  background-position: left -30px;
}

div.showcase-container div.next.disabled {
  background-position: left -45px;
}

/** dot pager **/
div.navi {
  position: absolute;
  bottom: -40px;
  left: 275px;
  width: 110px;
  height: 35px;
  text-align: center;
}

div.navi a {
  display: inline-block;
  width: 27px;
  height: 27px;
}

div.navi a:hover, div.navi a.active {
  background-position: left bottom;
}