﻿/*********************
	BEGIN: RedEnvelope Home Page Template
*********************/

	/*********************
		BEGIN: Product Carousel
	*********************/

	#ProductCarousel {
		width:200px;
		height:290px;
		float:right;
		position:relative;
		left:-15px;
		background:url(images/CarouselBase32bit.png);
		background-repeat: no-repeat;
		/*START < IE7 HACK: PNG Transparency */
		_background-image: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/CarouselBase32bit.png', sizingMethod='fixed');
		/*END < IE7 HACK */
	}

		.HeroCarouselContainer {
			background-repeat: no-repeat;
			width:780px;
			height:294px;
			margin-top:3px;
			border-top:1px solid #ccc;
			border-bottom:1px solid #ccc;
		}
	
		.HeroCarouselContainer .ProductImage {
			position:relative;
			top:13px;
			left:5px;
		}

		.ItemNumberWrapper {
			text-align:center;
			width:168px;
			margin:0 auto;
		}

		.ImageHolder {
			height:191px;
			width:189px;
			position:relative;
			top:13px;
			left:5px;
		}

		#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(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='images/CarouselPointer_Indicator.png', sizingMethod='fixed');
			/*END < IE7 HACK */
		}


	
	/*********************
		END: Product Carousel
	*********************/

	.HeroTile {
		width:520px;
		height:292px;
		float:left;
	}

	.HeroText {
		margin:5px auto auto 294px;
	}

	.HeroHeader {
		margin:20px auto auto 294px;
	}

	.HeroLinks {
		margin:4px auto auto 294px;
		line-height:18px;
	}

		.HeroLinks .Column1 {
			float:left;
		}

		.HeroLinks .Column2 {
			float:left;
			margin-left:24px;
		}

		.HeroLinks .Column3 {
			float:left;
			margin-left:24px;
		}

	.PodContainer1 {
		margin:10px 15px;
		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 4px 0 5px;
		}

		.PodContainer1 .BrandPodHeader {
			height:47px;
		}

		.PodContainer1 .BrandPodBody {
			background-image: url(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;
		}

	.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(images/WhoIsRedEnvelopePodbackground.jpg);
		width: 244px;
		height: 125px;
	}

	.BrandPodText {
		margin:16px 24px 16px 24px;
	}

	.BrandPodLink {
		float:right;
		margin-right:24px;
	}

	.PodDealofTheWeekDescription {
		width: 200px; 
		height: 63px; 
		overflow: hidden; 
		margin-top:10px; 
		margin-bottom:10px;
	}

	.PageNotFoundErrorBox {
		padding: 5px;
		margin: 5px;
		border: solid 3px #990000;
		text-align: center;
	}

/*********************
	END: RedEnvelope Home Page Template
*********************/

