﻿
	/*********************
		BEGIN: Carousel
	*********************/

	#ProductCarousel {
		width:200px;
		/*Start < IE 7 HACK*/
		_margin-left:-100px;
		/*End < IE 7 HACK*/
		height:480px;
		float:right;
		position:relative;
		left:-15px;
		background-image: url('../../7/1128/497/0001/proflowers.com/RedEnvelope/images/CarouselBase32bit.png');
		background-repeat: no-repeat;
		/*START < IE7 HACK: PNG Transparency */
		_background-image: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://a1128.g.akamai.net/7/1128/497/0001/www.proflowers.com/RedEnvelope/images/CarouselBase32bit.png', sizingMethod='fixed');
		/*END < IE7 HACK */
	}
	
	.HeroCarouselContainer {
		background-repeat: no-repeat;
		width:600px;
		height:240px;
		margin-top:3px;
		overflow:hidden; 
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
		position:relative;
	}
		
	.HeroCarouselContainer .ProductImage {
		position:relative;
		top:13px;
		left:5px;
	}

	.ItemNumberWrapper {
		text-align:center;
		width:168px;
		margin:0 auto;
	}

	.ImageHolder {
		height:191px;
		width:189px;
	}
	.arrowRed{
		margin-right:13px;
	}

	#ProductCarousel .ProductName {
		height:43px;
		width:190px;
		overflow:hidden;
		
		margin:17px 0 9px 5px;
	}

	div .CarouselItemUnSelected {
		text-align:center;
		width:28px;
		height:30px;
		float:left;
		display:block;
	}
	
	.CarouselItemSelected {
		color:#990000;
		font-weight:bold;
		height:30px;
		display:block;
		background-image:url('../../7/1128/497/0001/proflowers.com/RedEnvelope/images/CarouselPointer_Indicator.png');
		background-position:center bottom;
		background-repeat:no-repeat;
		/*START < IE7 HACK: PNG Transparency */
		_background-image: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://a1128.g.akamai.net/7/1128/497/0001/www.proflowers.com/RedEnvelope/images/CarouselPointer_Indicator.png', sizingMethod='fixed');
		/*END < IE7 HACK */
	}
    #prevBtn, #nextBtn, .heroText { display: block; }
    #carouselwrapper, .slideshow div { width:600px; height:480px; }
    #carouselwrapper { position:relative;overflow:hidden;}
    #pager { overflow:hidden;z-index:1;margin:25px; background:transparent;}
    #pager a { border: 1px solid gray; color:gray; text-decoration: none; display:block;margin:5px;padding:2px;text-align:center;width:15px;font-weight:bold;  }
    #pager li{ list-style-type: none;}
    #pager div:hover, #pager div.over, #pager a:hover, #pager li.activeSlide a{  color:#990000; border-color:#990000; background-color:Silver}
    #pager a:focus { outline: none;}    
	/**********************
		END: Carousel
	**********************/