/*********************
	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-repeat: repeat-x;
		}

		/*
		Sets style for generic page at standard width.
		*/
		.OuterContainer_Global {
			width:780px;
			margin:0 auto;
			text-align: left;
			background-color:white;
		}
		
		/*
		Sets style for generic page standard padding.
		*/
		.StandardMargin_Global {
			margin-left:10px;
			margin-right:10px;
		}

		/*
		Style for generic 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-position:left top;
			background-repeat:no-repeat;
		}




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


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

		#Header { margin-top:0; }

			#Header .Masthead {
				float:left;
				width:340px;
				margin:8px;
				margin-bottom:0;
			}

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

			#Header .RedBox {
				float:left;
				width:60px;
				height:69px;
			}

			#Header .LogoContainer { float:left; }

			#Header .TagLine {
				margin-left:6px;
				float:left;
			}

			#Header .LinkContainer {
				float:right;
				width:350px;
				margin:8px 10px 0 0;
			}

			#Header .ClockBar {
				float:right;
				width:331px;
				height:30px;
				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;
			}

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

			#Header .HeaderLinks {
				text-align:right;
				margin-top:5px;
			}

			#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 0;
			}

				.HeaderContacts #LiveChat { margin-right:7px; }

					.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("../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:80px;
					_width:77px;
					text-align:center;
					border-left:1px solid white;
				}

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

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

				#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;
				}

				#TopNav li ul li a,
				#TopNav li ul li a:visited,
				#TopNav li ul li a:active {
					text-decoration: none;
					color: #666 !important;
					width: 168px;
					margin: 0 !important;
					
					border:0;
					padding-top:2px;
					padding-right:0;
					padding-bottom:2px;
					padding-left:2px;
					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;
					_width:210px;
					overflow:hidden;
				}

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

					#TopNav .Search input,
					#TopNav .Searchover input {
						height:17px;
						_height:16px;
						width:155px !important;
						padding:0 !important;
						margin:0 !important;
						position:relative;
						top:-4px;
						//top:-2px !important;
					}

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

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

					#TopNav .Search a,
					#TopNav .Searchover a {
						padding:0;
					}

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

					.NoLink { cursor:default; }


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

		/*********************
			START: Persistent (RefCode) Messaging
		*********************/
		
			.RefCodeBox {
				margin-top:2px;
				margin-bottom:5px;
				background-repeat: no-repeat;
				text-align: center;
				background-color:#990000;
				height:30px;
			}
			
			.RefCodeShortBox {
				margin:10px 0px 10px 0px;
				background-repeat: no-repeat;
				text-align: center;
				background-color:#4c7c09;
				width:147px;
				height:66px;
			}


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

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

	/*********************
		END: Header
	*********************/

	/*********************
		START: ProductDisplay
	*********************/
	
		.ProductContainer {
			width:174px;
			height:236px;
			padding:6px;
			float:left;
		}

		.RelatedProductContainer {
			width:97px;
		}

	/*********************
		END: ProductDisplay
	*********************/

	/*********************
		START: Footer_cr
	*********************/

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

			#Footer_cr .LinkSpacer { margin:0 10px }

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

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

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

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

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

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

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

		/*********************
			START: Brand Interaction Footer_cr Bar
		*********************/

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

				#BrandInteraction .ChatWrapper {
					
					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_cr Bar
		*********************/


	/*********************
		END: Footer_cr
	*********************/


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