﻿

/*-------   Home Page Promo Object  --------*/

.slideShowContainer{padding:15px 0px 0px 15px; height:260px;}
.slideShow ul, .slideShow li {list-style-type: none; margin:0px; padding:0px;}
.slideShow {padding: 0px; display: table; clear: both; margin:0; width:686px; height:235px;}
.slideShow .navigationOuter{position:relative; top:-219px; left:0px; width:670px; height:auto; text-align:right;}
.slideShow .navigationOuter ul.navigation{float:right; display: block; padding:0; margin:0;}
.slideShow .navigationOuter ul.navigation li{float:left; text-align:center; margin:0; padding:0; height:25px;}
.slideShow .navigationOuter ul.navigation a
	{margin:0; padding:4px 8px 4px 8px; width:5px; height:19px; color: #666666; display: inline-block; text-decoration: none; 
	background-image:url("images/nav/pagerBG.png"); background-repeat:repeat-x; font-size:13px;}
.slideShow .navigationOuter ul.navigation li.pl a{background-image:url("images/nav/pagerLeft.png"); background-position:left top;}
.slideShow .navigationOuter ul.navigation li.pr a{background-image:url("images/nav/pagerRight.png"); background-position:right top;}
.slideShow .navigationOuter .navigation a:hover, 
.slideShow .navigationOuter .navigation a.selected
	{color: #666666; font-weight:bold; background-image:url("images/nav/pagerActive.png"); background-repeat:no-repeat;}

/** slides with more than an image in it **/
ul.slides li img {position: absolute; width:686px; height:235px;}
ul.slides li h1 {position: absolute; background-color: #ffffff; left: 0px; top: 0px;}

/** slides with text over images **/
ul.slides li p {margin: 1em; position: absolute; background-color: #000; color: #fff; z-index: 1000; padding: 0.2em 0.8em;}
ul.slides li p a {color: #fff;}

/** slideshow with images in navigation **/
.navigation.white a, .navigation.white li {background-color: #ffffff;}
.navigation.white a {border: 1px solid #ffffff; padding: 0px; line-height: 0.8em;}
.navigation.white a:hover, .navigation.white a.selected {background-color: #ffffff; border: 1px solid #999;}





/*-------   Home Page Carousel Object  --------*/

.jcarousel-container {position: relative;}
.jcarousel-clip {z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative;}
.jcarousel-list {z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-list li,
.jcarousel-item {float: left; list-style: none; width: 85px; height: 75px;}

.jcarousel-next {z-index: 3; display: none; }
.jcarousel-prev {z-index: 3; display: none;}



.jcarousel-norotate{margin-bottom:0;}
ul.jcarousel-norotate {list-style:none; padding:0; margin:0; width: 686px;}
ul.jcarousel-norotate li{float:left; list-style:none; width:118px; height:150px; padding:0; margin:0; text-align:center;}



.jcarousel-skin-brands .jcarousel-container {margin-bottom:2em;}
.jcarousel-skin-products .jcarousel-container{margin-bottom:0;}

.jcarousel-skin-brands .jcarousel-container-horizontal,
.jcarousel-skin-products .jcarousel-container-horizontal{width: 630px; padding:0 30px 0 30px;}

.jcarousel-skin-brands .jcarousel-clip-horizontal {width:625px; height:75px;}
.jcarousel-skin-products .jcarousel-clip-horizontal{width:625px; height:150px;}

.jcarousel-skin-brands .jcarousel-item {width:118px; height:75px; padding:0; margin:0; text-align:center;}
.jcarousel-skin-products .jcarousel-item{width:118px; height:150px; padding:0; margin:0; text-align:center;}

.jcarousel-skin-brands .jcarousel-item-horizontal,
.jcarousel-skin-products .jcarousel-item-horizontal {margin-right:8px;}

.jcarousel-skin-brands .jcarousel-item-placeholder,
.jcarousel-skin-products .jcarousel-item-placeholder {background:#fff; color:#000;}


.jcarousel-skin-brands .jcarousel-next-horizontal,
.jcarousel-skin-products .jcarousel-next-horizontal {position:absolute; top:24px; right:0px; width:29px; height:26px; cursor: pointer;
	background-image:url("images/nav/arrow_next.png"); background-position:0 0; background-repeat:no-repeat;}
	
.jcarousel-skin-brands .jcarousel-next-horizontal:hover,
.jcarousel-skin-products .jcarousel-next-horizontal:hover {background-position: 0 0;}

.jcarousel-skin-brands .jcarousel-next-horizontal:active,
.jcarousel-skin-products .jcarousel-next-horizontal:active {background-position: 0 0;}

.jcarousel-skin-brands .jcarousel-next-disabled-horizontal,
.jcarousel-skin-brands .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-brands .jcarousel-next-disabled-horizontal:active,
.jcarousel-skin-products .jcarousel-next-disabled-horizontal,
.jcarousel-skin-products .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-products .jcarousel-next-disabled-horizontal:active {cursor:default; background-position:-96px 0;}

.jcarousel-skin-brands .jcarousel-prev-horizontal,
.jcarousel-skin-products .jcarousel-prev-horizontal {position: absolute; top:24px; left:0px; width:29px; height:26px; cursor: pointer;
	background-image:url("images/nav/arrow_prev.png"); background-position:0 0; background-repeat:no-repeat;}
	
.jcarousel-skin-brands .jcarousel-prev-horizontal:hover,
.jcarousel-skin-products .jcarousel-prev-horizontal:hover {background-position: 0 0;}

.jcarousel-skin-brands .jcarousel-prev-horizontal:active,
.jcarousel-skin-products .jcarousel-prev-horizontal:active {background-position: 0 0;}

.jcarousel-skin-brands .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-brands .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-brands .jcarousel-prev-disabled-horizontal:active,
.jcarousel-skin-products .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-products .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-products .jcarousel-prev-disabled-horizontal:active {cursor:default; background-position:-96px 0;}


.jcarousel-skin-brands .jcarousel-container img {padding-bottom:10px;}
.jcarousel-skin-products .jcarousel-container img{padding-bottom:10px;}

.product{font-size:12px; line-height:1.1em; }
.price{ color:#992d21; font-size:15px; padding-top:3px;}



