/*
  $Id stylesheet.css v1.0 20101111 Kymation $
  Loc: catalog/ext/modules/front_page/banner_rotator/ $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2010 osCommerce

  Released under the GNU General Public License
*/


/*
 * These styles affect the banner rotator module.
 *
 * Banner size is set in two different places: #bannerRotator and #bannerRotator ul li.
 *   Both sizes must match.
 *
 * The control images are in catalog/images/icons/
 *   The dimensions set below for the icons must be changed if you change to images
 *   with different sizes.
 *
 */
#bannerRotator {
  margin-top:5px;
  width: 570px;  /* Banner width + 10 */
  /*height: 200px;*/  /* Banner height */
  overflow: hidden;
  position: relative;
}

#bannerRotator ul {
  list-style: none;
  padding: 0;
  position: relative;
}

#bannerRotator ul li {
  display: none;
  margin: 0 auto;
  width: 560px;  /* Banner width */
  /*height: 200px; */ /* Banner height */
/*  position: absolute;
  top: 0px;
  left: 0px; */
}

#bannerNav {
  position: absolute;
  right: 15px;  /* Distance from the right side of the controls box to the right edge of the banner */
  bottom: 15px;  /* Distance from the bottom of the controls box to the bottom of the banner */
  background: url(../images/transBlack75.png) repeat 0 0;  /* Controls box background image */
  padding: 5px 5px 5px 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#bannerNav a {
  margin: 3px 10px 0 0 ;
  height: 10px;
  width: 10px;
  display: block;
  background: url(../images/dotDark.png) no-repeat 0 0;  /* Controls Button image (Inactive) */
  float: left;
}

#bannerNav a.active {
  background-image: url(../images/dotLight.png);  /* Controls Button image (Active) */
}

#bannerNav span.pause, #bannerNav span.play {
  cursor: pointer;
  height: 15px;
  width: 15px;
  display: block;
  background: url(../images/pause.png) no-repeat 0 0;  /* Controls Pause icon */
  float: left;
}

#bannerNav span.play {
  background-image: url(../images/play.png);  /* Controls Play icon */
}

.divider-tall {
  clear: both;
  height: 13px;
}
/* End Banner Rotator */



/*
 * jQuery Nivo Slider v2.5.2
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
/* The Nivo Slider styles */
.nivoSlider {
	position: relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display: none;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
	display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
/* slider theme */
.slideshow {
	margin-top: 10px;
	margin-bottom: 10px;
}
.slideshow a {
	border: 0;
	display: block;
}
.nivo-controlNav {
	position: absolute;
	right: 10px;
	bottom: 5px;
	text-align: center;
	height: 22px;
	z-index: 9;
}
.nivo-controlNav a {
	vertical-align: top;
	display: block;
	width: 22px;
	height: 22px;
	background: url('../images/bullets.png') no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}
.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url('../images/arrows.png') no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}
.nivo-caption {
	text-shadow:none;
	font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a {
	color:#efe9d1;
	text-decoration:underline;
}