/*********************
	START: RedEnvelope Shared Styles
*********************/

	/*********************
		START: Global Types
	*********************/

		body,
		p, form, ul, li, label,
		h1, h2, h3, h4, h5, h6 {
			margin:0;
			padding:0;
		}

		body {
			background-image:url('https://a248.e.akamai.net/7/248/497/0001/www.proflowers.com/RedEnvelope/images/REDBackgroundGradient.jpg');
			background-repeat: repeat-x;
			background-color:white;
		}
		.productdetailOverlay
		{
			background-repeat: repeat-x;
			background-color:white;
			background-image:none;
		}
		/*
		Sets style for generic page at standard width.
		*/
		.OuterContainer_Global {
			width:780px;
			margin:0 auto;
			text-align: left;
			background-color:white;
			_overflow:hidden;
		}
		
		.bodybackgroundcolor{color:#FFF}
		
		/*
		Sets style for generic page standard padding.
		*/
		.StandardMargin_Global {
			margin-left:10px;
			margin-right:10px;
		}

		.fullWidthHeight{width:100%;height:100%;}
		/*
		Generic style for item spacing.
		*/
		.StandardSpacer_Global { margin:5px; }

		/*
		Clears left and right floats. Elements nested inside the receiving element will be visible unless otherwise specified in another class.
		*/
		.ClearFloats_Global { clear:both; }

		/*
		Clears appropriate block level floats (left and right), elements with this class will not be visible.
		*/
		.ClearFloatsHidden_Global {
			clear:both;
			height:1px;
			overflow:hidden;
			visibility:hidden;
		}
		/*
		Hides an element and any of its child nodes.
		*/
		.HiddenElement_Global {
			visibility:hidden;
			display:none;
		}

		/*
		Style which fixes known IE bug where portions of the page are selectable, yet are not visible. To use, apply this style to the element which is not rendering correctly.
		*/
		.PeekABooBugFix_Global {
			position:relative; /*IE6 Fix*/
			min-width: 0; /*IE7 Fix*/
		}

		/*
		Cross Browser compat. min height
		*/
		.MinHeight_Global {
			min-height:0;
			height: auto !important;
			height: 0;
		}

		/*
		Inline error message. Use multiple css classes to move div into place as necessary.
		*/
		.ErrorMessage {
			padding-left:20px;
			padding-right:0;
			display:inline-block;
			background-image:url(http://a1128.g.akamai.net/7/1128/497/0001/www.proflowers.com/siteimages/Error_PointingArrow.gif);
			background-position:left top;
			background-repeat:no-repeat;
		}

		.NoLink { cursor:default; }

	/*********************
		END: Global Types
	*********************/


	/*********************
		START: Header
	*********************/

		#Header { margin-top:0; }

			#Header .Masthead {
				float:left;
				width:308px;
				margin:8px 0 0 8px;
			}

			#Header .Brand { margin-top:0px; }

			#Header .RedBox {
				float:left;
				width:60px;
				height:69px;				
			}
			#logoBox
			{
				background-image : url("https://a248.e.akamai.net/7/248/497/0001/www.proflowers.com/RedEnvelope/images/RedBox.jpg");
				background-repeat : no-repeat;
			}
			
			#Header .LogoContainer 
			{ 
				float:left; 
			}
			#logoRed
			{
				background-image : url("https://a248.e.akamai.net/7/248/497/0001/www.proflowers.com/RedEnvelope/images/Red_Envelope_Logo.png");
				background-repeat : no-repeat;
			}
			
			#Header .TagLine {
				margin-left:6px;
				float:left;
			}

			#Header .LinkContainer {
				float:right;
				width:465px;
				margin:-18px 0 0 0;
			}

			#Header .ClockBar {
				float:left;
				width:331px;
				height:35px;
				background-image: url('https://a248.e.akamai.net/7/248/497/0001/www.proflowers.com/RedEnvelope/images/RED_ClockBar.jpg');
				background-repeat: no-repeat;
				overflow:hidden;
				margin-bottom:5px;
				position:relative;
				left:0px;
				margin-top:9px;
			}

			#Header .ClockBarText {
				position:relative;
				left:70px;
				top:7px;
				width:260px;
			}

			#Header .RadioLink {
				float:right;
				width:101px;
				height:49px;
				position:absolute;
			}
			#Header .RadioLink2 {
				float:right;
				width:101px;
				height:49px;
				position:absolute;
			}
			#Header .RadioCatLinks{ 
				margin-left:-99px;
				width:197px;
			}
			#Header .RadioLink a {
				position:relative;
				left:366px;
				//left:-89px;
				top:-60px;
			}
			#Header .HeaderLinks {
				text-align:right;
				margin-top:0px;
				margin-right:10px;
				
				
			}

			#Header ul { list-style:none; }

				#Header ul li {
					display:inline;
					padding:0 10px;
					border-right:1px solid #666;
				}

				#Header .LINoBorder {
					border:none;
					padding:0;
					margin-left:10px;
				}

			#Header .HeaderContacts {
				text-align:right;
				margin:5px 10px 5px 0;
			}

				.HeaderContacts #LiveChat {
					border-left:1px solid #666;
					line-height : 0;						
					height : 5px;
					margin : 0px;
					padding : 0;
					margin-right:7px;
					padding-left:5px;
				}

					.HeaderContacts #LiveChat img {
						position:relative;
						top:4px;
						left:5px;
					}

				.HeaderContacts .PhoneNumberWrapper {
					border-left:1px solid #666;
					padding-left:5px;
					margin-right:7px;
				}

			#Header a:hover { text-decoration:underline; }


		/*********************
			START: Navigation Bar
		*********************/

			#TopNav {
				background: url("https://a248.e.akamai.net/7/248/497/0001/www.proflowers.com/RedEnvelope/images/Nav_Background.gif" );
				height: 25px;
				position: relative;
				border:1px solid #999;
				z-index: 98;
				font-size:12px;
				font-weight:bold;
				text-transform:lowercase;
			}

				#TopNav ul {
					list-style: none;
					height: 25px;
					position: relative;
					z-index: 98;
				}

				#TopNav li {
					position: relative;
					display: inline;
					float: left;
					border-right: 1px solid #666;
					width:64px;
					text-align:center;
					border-left:1px solid white;
				}

				#TopNav li a {
					height:25px;
					line-height:25px;
					_line-height:25px;
					height: 22px;
					padding-right:5px;
					padding-left:5px;
				}

				#TopNav li li {
					border:0;
					text-align:left;
					width:179px !important;
					_width:170px !important;
				}

				#TopNav li:hover ul,
				#TopNav li.over ul {
					display: block;
				}

				#TopNav li.over { background-color: #990000; }

				#TopNav li.over a { color:White; }

				#TopNav li ul {
					display: none;
					position: absolute;
					border: 1px solid #666;
					background: white;
					/* start: cross browser min height */
					min-height:0;
					height: auto !important;
					height: 0;
					/* end: cross browser min height */
					left:0px;
					top:25px;
				}

				#TopNav li ul li a {
					display:block; 
					width:168px;
				}

				#TopNav li ul li a,
				#TopNav li ul li a:visited,
				#TopNav li ul li a:active {
					text-decoration: none;
					color: #666 !important;
					margin: 0 !important;
					border:0;
					padding-top:2px;
					padding-right:0;
					padding-bottom:2px;
					padding-left:10px;
					line-height:19px;
				}

				#TopNav li ul li a:hover {
					background: #DDD;
					color:#990000 !important;
				}

				#TopNav .Search,
				#TopNav .Searchover {
					padding-left:7px;
					border-right:0 !important;
					height:25px !important;
					width:190px !important;
					_width:210px!important;
					overflow:hidden;
					_margin: 0px -12px 0px 0px;
				}
				
				#TopNav .Search input,
				#TopNav .Searchover input {
					
					width:155px !important;
					padding:0 !important;
					margin:0 !important;
					position:relative;
					top:-4px;
					//top:-2px !important;
				}
				
				#TopNav .Search a,
				#TopNav .Searchover a {
					padding:0;
				}

				#TopNav .Search img,
				#TopNav .Searchover img {
					position:relative;
					top:2px;
					margin:0;
				}

				#OrderConfirmed #TopNav .Search,
				#OrderConfirmed #TopNav .Searchover {
					width:180px;
					_width:200px;
				}

				#OrderConfirmed #TopNav .Search input,
				#OrderConfirmed #TopNav .Searchover input {
					height:21px;
				}

				#ProductDetailPage #TopNav .Search input,
				#ProductDetailPage #TopNav .Searchover input {
					height:21px;
				}
				#personalizationSearch{
					text-align:center;
					margin-bottom:9px;
					margin-top:2px;
				
				
				}
				.hidePersonalization{
					display:none;
				}
				#searchValue{
					font-weight:bold;
					text-transform: capitalize;
				}
				
				.noShow{
					display:none;	
				}
				
				#holiday a{
					color:White;
				}
				#christmas a{
					color:White;
				}
				
			#TopNav #imgSpecial
			{
				padding:0px;
				clear: both;
				margin: 0px;
				background-color: #f3bbce;
				background-image: url("https://a248.e.akamai.net/7/248/497/0001/www.proflowers.com/redenvelope/images/jewelryexpansion_navbg.jpg");
				background-position:right bottom;
				background-repeat: no-repeat;
			}

			#TopNav #imgSpecial a:hover
			{
				background-image: url("https://a248.e.akamai.net/7/248/497/0001/www.proflowers.com/redenvelope/images/jewelryexpansion_navbg.jpg");
				background-position:right bottom;
				background-repeat: no-repeat;
			}
			#forthehome{width:110px !important;}
			#TopNav li{width:90px }
			#specials{border-right:none !important;}
			#specials.over ul{ left:-98px;}
		
			.expansionTabBox 
			{
				width:59px;
				height:11px;
				background-image: url("https://a248.e.akamai.net/7/248/497/0001/www.proflowers.com/redenvelope/images/JewelryExpansionTab.gif");
				background-repeat: no-repeat;
				top:-12px;
				position:absolute;
				left:0;
			}

		/*********************
			END: Navigation Bar
		*********************/

		/*********************
			START: Search Messaging
		*********************/

			.searchM {
				text-align:center;
				padding: 2px;
				margin-bottom:4px;
				height:15px;
			}
			
			.logoAffilate{
				margin-bottom:-8px;
				
			}
		/*********************
			END: Search Messaging 
		*********************/

		/*********************
			START: Persistent (RefCode) Messaging
		*********************/

			.RefCodeBox {
				margin-top:2px;
				margin-bottom:5px;
				background-image: url('https://a248.e.akamai.net/7/248/497/0001/www.proflowers.com/RedEnvelope/images/RefCodeBar_NoSeason.png');
				background-repeat: no-repeat;
				text-align: center;
				background-color:#990000;
				height:30px;
			}

			.RefCodeShortBox {
				margin:10px 0px 10px 0px;
				background-image: url('https://a248.e.akamai.net/7/248/497/0001/www.proflowers.com/RedEnvelope/images/RefCodeBox_Green.jpg');
				background-repeat: no-repeat;
				text-align: center;
				background-color:#4c7c09;
				width:147px;
				height:66px;
			}

			.RefCodeText {
				margin-top:5px;
				padding-top:7px;
				_margin-top:0px;
			}

		/*********************
			END: Persistent (RefCode) Messaging
		*********************/

	/*********************
		END: Header
	*********************/
	/*********************
		START: ProductDisplay
	*********************/
	
	.ProductContainer {
		width:174px;
		min-height:277px;
		height: auto !important;
		height: 277px;
		padding:6px;
		padding-bottom:0px;
		float:left;
		overflow:hidden;
		
	}
	.ProductContainer .ReviewWrapper {
		position:relative;
		top:-3px;
	}

	.RelatedProductContainer { width:97px; }
	
	.ViewAllLink { 
		text-decoration:underline;
		text-align:center;
		font-weight:bold;
		color:Black;
	}

	/*********************
		END: ProductDisplay
	*********************/
	
	/*********************
		START: Footer
	*********************/

		#Footer { }

			#Footer .Links {
				text-align:center;
				margin-top:6px; 
			}

			#Footer .LinkSpacer { margin:0 8px }

			#Footer .FamilyBrands {
				text-align:center;
				margin:40px auto 10px auto;
			}
			
			#Footer .FamilyBrandsHeaderSpacer { margin-bottom:8px; }
			
			#Footer .FamilyBrandsLogoSpacer { margin-left:50px; }

			#Footer .FamilyBrandsRule {
				width: 750px;
				height: 1px;
				margin:16px auto 10px auto;
				border-top:1px solid gray;
			}

			#Footer .Copyright {
				text-align:center;
				margin:26px auto 20px auto;
			}

			#Footer .OtherBrands {
				text-align:center;
				width:600px;
				margin-top:5px;
			}

			#Footer .OtherBrandsSpacer { margin:0 10px; }

			#Footer .TextDescription {
				width:600px;
				text-align:left;
				margin:42px auto 50px auto;
			}

			#Footer .InteractionBreak { margin-top:42px; }
			
			#Footer a:hover { text-decoration:underline; }

		/*********************
			START: Brand Interaction Footer Bar
		*********************/

			#BrandInteraction {
				margin:10px 15px;
				width:748px;
				height:69px;
				border:1px solid #CCC;
			}

				#BrandInteraction .ChatWrapper {
					background-image: url('https://a248.e.akamai.net/7/248/497/0001/www.proflowers.com/RedEnvelope/images/ChatBackground.gif');
					background-repeat: no-repeat;
					width:172px;
					height:71px;
					float:left;
					border-right:1px solid #CCC;
				}

				#BrandInteraction .ChatHeader {
					margin:10px auto auto 14px;
				}

				#BrandInteraction .ChatText {
					margin:6px auto auto 14px;
				}

				#BrandInteraction .SignUpWrapper {
					width:280px;
					height:71px;
					float:left;
					border-right:1px solid #CCC;
				}
				
					#BrandInteraction .SignUpWrapper .EmailSignupText {
						margin: 15px auto auto 10px;
					}

					#BrandInteraction .SignUpWrapper .EmailSignupInput {
						margin-left: 10px;
						margin-top: 3px;
					}

				#BrandInteraction #SaveButton img {
					position:absolute;
				}

				#BrandInteraction .CatalogWrapper {
					width:250px;
					height:70px;
					float:left;
					border-right:1px solid #ccc;
				}

						#BrandInteraction .CatalogWrapper .CatalogSignUpText {
							width: 150px;
							margin:25px auto auto 14px;
						}

						#BrandInteraction .CatalogWrapper .CatalogSignUpImage {
							float:right;
							margin-right: 14px;
							margin-top: -40px;
						}

				#BrandInteraction .FeedbackWrapper {
					width:200px;
					height:71px;
					float:left;
				}

					#BrandInteraction .FeedbackWrapper .FeedbackText {
						margin-top:20px;
						
						text-align:center;
					}

					#BrandInteraction .FeedbackWrapper .FeedbackLink {
						margin-top:3px;
						margin-left:20px;
						text-align:center;
					}
					
					
		/*********************
			END: Brand Interaction Footer Bar
		*********************/

		/*********************
			START: Catalog Landing
		*********************/
		.ShopByCategory
		{
			padding-top:10px;
			background-color:#e9f0f9;
			height : 250px;
			//height : 255px;
			overflow : hidden;
		}
		.TileOneOffer
		{			
			float:left;
			height:135px;
			margin-top:10px;
			overflow:hidden;
			width:375px;
		}
		.TileTwoOffer
		{	
			float:right;
			height:135px;
			margin-top:10px;
			overflow:hidden;
			width:375px;
			background-image:url('https://a248.e.akamai.net/7/248/497/0001/www.proflowers.com/RedEnvelope/images/REDE_catalog_tile2_home.jpg');
		}
		.InputBox{
			margin-top:-25px;
		}
		#HomeMontage input
		{
			position:relative;
			left :140px;
		}
		#HomeMontage h2
		{
			position:relative;
			left : 5px;
			font : arial;
			font-size : 12px;
			font-weight : bold;
			color : #000000;
		}
		.ShopByCategory .ProductContainer {  /*optional */
			margin-right:4px;
		}
		.CatLinks 
		{
			text-decoration:underline;
		}
		.CodeSubmit
		{
			background-image:url('https://a248.e.akamai.net/7/248/497/0001/www.proflowers.com/RedEnvelope/images/Go_Button_Search.gif');
			width : 23px;
			height : 22px;
			border : 0px;
		}
		
		 .New_Styling{
			font-style: italic;	
			color:#CC0000;
		 }
		 .Exclusive_Styling{
			font-style: italic;	
			
		 }
		/*********************
			END: Catalog Landing
		*********************/
		/******************************
			START: BloomSurface Widget
		*******************************/

		.br-related-query {
		font-size:11px;
		padding: 5px;
		}
		
		.br-related-query-link {
		font-size:11px;
		}

		.br-related-heading {
		font-size:12px;
		}

		.br-top-query {
		font-size:15px;
		padding-left: 10px;
		padding-bottom: 5px;
		}

		.br-top-heading {
		font-size:12px;
		}

		.br-top-searches-widget {
		height: 500px;
		}

		.br-top-end {
		clear: both;
		}
		
		/******************************
			END: BloomSurface Widget
		*******************************/
	/*********************
		END: Footer
	*********************/


/*********************
	END: RedEnvelope Shared Styles
*********************/

/****************************
* Start Auto-Complete styles
*******************************/
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/

/* styles for entire widget */
.yui-skin-sam .yui-ac {
    position:relative;font-size:100%;
}

/* styles for input field */
.yui-skin-sam .yui-ac-input {
    position:absolute;width:100%;
}

/* styles for results container */
.yui-skin-sam .yui-ac-container {
    position:absolute;width:100%;left:48px;top:19px;
}

/* styles for header/body/footer wrapper within container */
.yui-skin-sam .yui-ac-content {
    position:absolute;
    border:0px solid #808080;
    color:#333333;
    background:transparent none repeat scroll 0 0;
    overflow:hidden;
    z-index:9050;
	margin:0;
	display:block;
	padding:2px 0 2px 0;
	text-decoration:none;    
	font-size:8pt;
	font-weight:normal;	
	width:115px; 
	float:none; 	 
}

/* styles for container shadow */
.yui-skin-sam .yui-ac-shadow {
    position:absolute;margin:.3em;width:100%;background:#000;-moz-opacity: 0.10;opacity:.10;
    filter:alpha(opacity=10);
    z-index:9049;
}

/* styles for container iframe */
.yui-skin-sam .yui-ac iframe {
    opacity:0;filter: alpha(opacity=0);
    padding-right:.3em; padding-bottom:.3em; /* Bug 2026798: extend iframe to shim the shadow */
}

/* styles for results list */
.yui-skin-sam .yui-ac-bd ul {
    margin:0;padding:0;width:100%;
}

/* styles for result item */
.yui-skin-sam .yui-ac-bd ul li {
	border:none !important;
	display:block;
	float:none !important;
	height:0;
	margin:0;
	padding:0 2px !important;
	background:#FFF;
	cursor:pointer;
}

/* styles for prehighlighted result item */
.yui-skin-sam .yui-ac-content li.yui-ac-prehighlight {
    background:#3D3028;color:#FFF;
}

/* styles for highlighted result item */
.yui-skin-sam .yui-ac-bd ul li.yui-ac-highlight {
    background:#3D3028;
    color:#FFF;
}


/****************************
* End Auto-Complete styles
*******************************/

.SearchFeatureList {
	background-color:#E4ECF7;
	margin-left:5px;
	width:770px;
}
/***********************
*Begin Search test Styling
***********************/
	.searchBottom {
		margin-left:10px;		
	}
	.searchBottom #srchInput {
		width:150px;
		border:solid 1px;
		margin:1px 2px 3px 0px;
		height:16px;
		font-size:12px;
	}

	.searchTextBottom{
		float:left;
		width:235px;
		margin-top:5px;
	}
	.separatorBottom{
		
		float:right;
		padding:0px 4px;	
		line-height:19px;
		margin-top:5px;
		
	}
	.searchBoxBottom{
		float:left; 
		height:23px; 
		padding-left:2px; 
		margin-bottom:2px;
		
	}
	.reminders{
		float:right;
		margin-right:5px;
		margin-top:4px;
	}
	
	.searchTop{
		width:220px;
		float:left;
		margin-top:14px;
		margin-left:20px;
	}
	.searchTop input{
		width:143px;
		border:solid 1px;
		
	}
		
	.searchTopBtn{
		float:left;
		margin-left:5px;
		
		
	}
	.SeachInputTop{
		font-size: 8pt;
		float:left; 
		margin-right:5px;
		margin-top:4px;
	}
	#forthehome{
	}

	.searchBoxTop{
		border:solid 1px; 
		height:26px; 
		padding:4px 4px 4px 4px;
		width:212px;
		_width:220px;
	}
	
	.catalogArea{
		margin-top:45px;
	}
	.searchContainer{
		width:774px;
		height:26px;
	}	
	#reminders{
		color:#575757;
		font-weight:bold;
		float:right;
		margin-top:8px;
		margin-right:10px;
	}
	#autocomplete{
		display:none;	
	}