﻿/*********************
	BEGIN: RedEnvelope Home Page Template
*********************/

	/*********************
		BEGIN: Product Carousel
	*********************/

	#ProductCarousel {
		width:200px;
		/*Start < IE 7 HACK*/
		_margin-left:-100px;
		/*End < IE 7 HACK*/
		height:290px;
		float:right;
		position:relative;
		left:-15px;
		background-image: url('http://a1128.g.akamai.net/7/1128/497/0001/www.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-image:url('http://a1128.g.akamai.net/7/1128/497/0001/www.proflowers.com/RedEnvelope/images/REHeroTileBackground_012910.jpg'); */
		background-repeat: no-repeat;
		width:780px;
		height:294px;
		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:181px;
		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('http://a1128.g.akamai.net/7/1128/497/0001/www.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: none; }
    #carouselwrapper, .slideshow div { width:573px; height:296px; }
    #carouselwrapper { position:relative;overflow:hidden;}
    #pager { position:absolute;overflow:hidden;right:0px;z-index:10;margin:5px; background:transparent;}
    #pager a { border: 1px solid white; color:white; 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;}
    #pager a:focus { outline: none;}    
	/**********************
		END:Product Carousel
	**********************/

	.HeroTile {
		width:565px;
		height:294px;
		float:left;
		
	}
	.HeroText {
		position:absolute;
		text-align:left;
		top:150px;
		right:490px;
	}
	
	.HeroHeader {
		margin:auto auto auto 174px;
		text-align:left;
	}


	.HeroLinks {
		line-height:27px;
		position:absolute;
		text-align:center;
		top:220px;
		right:495px;
	}

		.HeroLinks .Column1 {
			float:left;
		}

		.HeroLinks .Column2 {
			float:left;
			margin-left:24px;
		}

		.HeroLinks .Column3 {
			float:left;
			margin-left:24px;
		}
	.rightPanel{
		float:right;
		position:absolute;
		right:0px;		
	}
	.PodContainer1 {
		margin:10px 14px;
		height:175px;
	}

		.PodContainer1 .Pod {
			width:244px;
			height:171px;
			float:left;
			border:1px solid #ccc;
			
		}
		
		.PodContainer1 .PodHeader {
			width:244px;
			height:25px;
			//height:33px;
			border-bottom:1px solid #ccc;
		}

		.PodContainer1 .PodHeaderText {
			margin:7px auto 7px 10px;
		}

		.PodContainer1 .PodProductDescription {
			margin:2px;
			float:left;
			width:94px;
		}

		.PodContainer1 .PodProductDescriptionText {
			margin:8px;
		}

		.PodContainer1 .PodProductImage {
			margin:4px;
			float:right;
			width:130px;
			height:130px;
		}

		.PodContainer1 .SpacingPod {
			margin:0 6px 0 6px;
			_margin:0 4px 0 5px;
		}

		.PodContainer1 .BrandPodHeader {
			height:47px;
		}

		.PodContainer1 .BrandPodBody {
			background-image: url('http://a1128.g.akamai.net/7/1128/497/0001/www.proflowers.com/RedEnvelope/images/WhoIsRedEnvelopePodbackground.jpg');
			background-repeat: repeat-x;
			width: 244px;
			height: 122px;
			//height: 126px;
		}

		.PodContainer1 .BrandPodText {
			margin:auto 24px 16px 24px;
		}

		.PodContainer1 .BrandPodLink {
			float:right;
			margin-right:24px;
		}

		.RightPod { 
			border:1px solid #CCCCCC; 
			width:244px; 
			float:left; 
			height:171px;
			
		}
	.PodContainer2 { margin:10px 14px; }

		.PodContainer2 .Pod {
			width:369px;
			height:180px;
			float:left;
			margin-left:3px;
			border:1px solid #ccc;
		}

		.PodContainer2 .FeaturedPod {
			width:369px;
			margin-left:0;
			border:1px solid #ccc;	
			 
		}

		.PodContainer2 .PodHeader {
			width:368px;
			height:25px;
			//height:33px;
			border-bottom:1px solid #ccc;
		}

		.PodContainer2 .PodHeaderText {
			margin:8px auto 8px 10px;
		}

		.PodContainer2 .PodProductDescription {
			margin:10px 4px 4px 4px;
			float:right;
			width:200px;
			height:130px;
		}

		.PodContainer2 .PodProductDescriptionHeader {
			margin-left:8px;
		}

		.PodContainer2 .PodProductDescriptionText {
			margin:8px auto auto 8px;
		}

		.PodContainer2 .PodProductNameText {
			margin-top:8px;
		}

		.PodContainer2 .PodProductImage {
			margin:6px;
			float:left;
			width:140px;
			height:140px;
		}

		.PodContainer2 .SpacingPod { 
			margin:auto auto auto 10px;
		}
		
	.BrandPodBody {
		background-image: url('http://a1128.g.akamai.net/7/1128/497/0001/www.proflowers.com/RedEnvelope/images/WhoIsRedEnvelopePodbackground.jpg');
		width: 244px;
		height: 125px;
	}

	.BrandPodText {
		margin:16px 24px 16px 24px;
	}

	.BrandPodLink {
		float:right;
		margin-right:24px;
	}

	.PodDealofTheWeekDescription {
		width: 180px; 
		height: 64px; 
		overflow: hidden; 
		margin-top:10px; 
		margin-bottom:10px;
	}

	
	.dealOfWeekHeader{ 
		margin:6px 0px -16px 0px; 
	}
	.ProductContainer{
		margin-left:7px;
		_margin-left:5px;
	}
	.ViewAll{
		margin-left:13px;
		margin-bottom:-7px;
		color:#990000;
	}
/*********************
	END: RedEnvelope Home Page Template
*********************/

/*********************
	Begin: RedEnvelope New VS Repeat test. Rolled out New in 2010.
*********************/
    .heroLeftBottom {margin-top:1px;} 
	#leftTile{
		float:left;
		width:204px;	
	}
	#leftTileTopPod{
		width:204px;	
		position: relative;
	}
	#leftTileBottomPod{
		margin-top:1px;
	}
	#leftTilePodLinks
	{
	    position: absolute;
	    top: 109px;
	    left: 62px;
		color:White;
		line-height:26px;
	}
	#leftTilePodLinks li a{
		color:White; 
		font-size:14px;
		height: 22px;
		text-decoration:underline;	
	}
	#leftTilePodLinks li{
		list-style: none;
		line-height:2;
	    height:25px;
	    _height:29px;
	}
	
	#rightTile{
		float:right;	
		width:573px;
	}
	#rightBottom{
		margin-top:1px;
	}
	#heroContainerNew{
		clear:both;
		margin:0 1px;
	}
	#rightTop{
		height:296px;
	}
	
		
/*********************
	Begin: Pir 102939 Urgent Updates to RedE Product Video Test Part II (10-13-10) 
*********************/
#backgroundPopupProdVid{  
	 display:none;  
	 position:fixed;  
	 _position:absolute;
	 height:100%;  
	 width:100%;  
	 top:0;  
	 left:0;  
	 border:1px solid #cecece;  
	 z-index:999;  
	 background-color:#000000;
 }  
#prodVidPopUp{
	 display:none;  
	 position:relative;   
	 height:434px;  
	 _height:440px;
	 width:429px;  
	  _width:429px;
	 background:#6c6c6c;   
	 padding:12px;  
	 font-size:13px; 	
	 padding-top:20px;
	 z-index:10002; 
	 overflow:hidden;
	 border:1px solid black;
}

#prodVidPopUpClose{
	 font-size:11px;  
	 line-height:14px;  
	 right:11px;  
	 top:4px;  
	 position:absolute;  
	 color:white;  
	 font-weight:700;  
	 display:block; 
	 z-index:10002;   	
}

 .VideoProduct
 {
	float:left;
	width:212px;
	height:81px;
	background-color:#4c4c4c;
	margin-bottom:2px;
 }
 #feature
 {
	float:left;
	color:#ffffff;
	font-weight:bold;
	height:280px;
	width:115px;
	font-size:18px;
 }
 #feature a
 {
	color:#ffffff;	
	font-size:12px;
	text-decoration:underline;
 }
 .videoProductName, .videoProductName a
 {
	color:#ffffff !important;
	font-weight:bold;
	font-size:12px;
	float:left;	
	width:100px;
	height:53px;
 }
 .videoProductImageHolder
 {
	float:left;
	width:68px;
	margin:2px;	
 }
.videoProductPrice
{
	font-size:16px;
	color:#bcbcbc!important;
}
.pointer
{
	cursor:pointer;
}

.productName{
	float:left;
	color:white;
	position:absolute;
	top:2px;
	font-weight:bold;
	font-size:13px;
}
.noFlashPopUp{
	margin-top:170px;
	text-align:center;
}

/*********************
	End: Pir 102939 Urgent Updates to RedE Product Video Test Part II (10-13)
*********************/	

#RedEnvelopeHome .TextDescription 
{
    width: 970px;
    padding: 0 9px;
    margin: 0 auto;
    margin-bottom: 35px;
}
