/* Retail Home stylesheet */

.slideshow {
width:100%;
height:330px;
float:left;
background: url('/stores/images/homeslideshow_bg.png') no-repeat 0  0;
}

#flashcontent img {
margin-left:104px;
}

h2 {
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
font-weight:normal;
color:#ffdfb3;
text-transform:uppercase;
font-size:140%;
}

#locations {
background: url('/stores/images/locations_bg1.png') no-repeat 0  0;
cursor:pointer;
}
	
#reservationsCenter {
background: url('/stores/images/reservations_bg.png') no-repeat 0  0;
width:471px;
height:85px;
float:left;
text-align:center;
}
	
	#reservationsCenter h2 {
	margin:13px 0 3px 93px;
	
	}
	
	#reservationsCenter div {
	margin:0 0 0 95px;
	color:#fff;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:120%;
	}
	
		#reservationsCenter div a {
		color:#fff;
		font-size:100%;
		font-weight:bold;
		xtext-decoration:underline;
text-transform:none;
background-position:right 5px;		
}


#burst {
position:absolute;
top:250px;
left:770px;
}



#seeSection {
width:380px;
height:85px;
float:left;
clear:right;
background:url('/stores/images/seeAll_bg.png') top left no-repeat;
}

	#seeSection h2 {
	font-size:130%;
	float:left;
	margin:12px 10px 0 29px;
	}
	
		#seeExperiences {
		height:43px;
		width:380px;
		} 
		
		#seeEvents {
		height:43px;
		width:380px;
		} 

			#seeSection div div a {
			margin:12px 0 0 0;
			float:left;
			font-family:'Trebuchet MS';
			text-transform:capitalize;
			font-size:120%;
			background-position:right 5px;
			}
		
#promoSection {
float:left;
margin-left:97px;
height:306px;
}


	#promoSection h2,
	#promoSection p,
	#promoSection img,
	#promoSection .actionLine {
	margin-left:20px;
	}
	
	#promoSection h2 {
	margin-top:24px;
	margin-bottom:15px;
	}
	
	#promoSection p {
	color:#fff;
	font-size:110%;
	line-height:140%;
	margin-top:17px;
	margin-bottom:13px;
	padding-right:20px;
	}

	#promo1 p a,
	#promo2 p a {
text-decoration:underline;
}


		#promo1 h2,
		#promo1 p,
		#promo1 img,
		#promo1 .actionLine {
		margin-left:35px;
		}

		#promo1 {
		float:left;
		width:253px;
		height:100%;
		background: url('/stores/images/homePromo1_bg.png') no-repeat 0 0;
		}
		
			#promo1 span {
			color:#fff;
			
			}
				
		
		#promo2 {
		float:left;
		width:246px;
		height:100%;
		background: url('/stores/images/homePromo2_bg.png') no-repeat 0 0;
		}
		
		#promo2 a {
		color:#fff;
		font-weight:bold;
		}
		
		#upcomingEvents {
		float:left;
		width:256px;
		height:100%;
		background: url('/stores/images/homeEventsPromo_bg.png') no-repeat 0 0;
		}

#bottomPromo {
float:left;
margin:0 0 9px 97px;
position:relative;
}		

/*** Store Locations Popup (implemented 8/2) ***/

#storeLocationsPopup {
	position:absolute;
	top:244px;
	left:/*234*/335px;
	display:block;
	background:#dc498b;
	border:1px solid #fb8fbf;
	width:/*495*/272px;
	font-size:13px;
	color:#FFF;
	padding:56px 0 6px;
	z-index:1000;
}
#storeLocationsPopup a{color:#FFF;}
#storeLocationsPopup .left-content {
	float:left;
	width:290px;
}
#storeLocationsPopup .left-content .right-border{
	position:absolute;
	top:30px;
	left:280px;
}
.right-border{display:none;}
#storeLocationsPopup .right-content {
	float:right;
	width:170px;
}
img.comingSoonText{display:/*block*/none;position:absolute;top:20px;left:324px;z-index:1010;}
img.storeLocationsText{display:block;position:absolute;top:20px;left:60px;z-index:1020;}
#storeLocationsPopup .closeButton {
	cursor:pointer;
	position:absolute;
	top:-8px;
	right:-8px;
	display:block;
	width:20px;
	height:20px;
	background:url('/stores/images/storeLocationsPopup/closeButton.png') top left no-repeat;
}
#storeLocationsPopup ul {
	margin:0;
	display:block;
}
#storeLocationsPopup .left-content ul{margin-left:40px;}
#storeLocationsPopup li {
	display:block;
	float:left;
	width:120px;
	height:34px;
}
#storeLocationsPopup .right-content ul li{width:150px;}
#storeLocationsPopup span {
	display:block;
	font-size:10px;
	color:#ffd38a;
	font-style:italic;
	text-transform:capitalize;
}

/*** END Store Locations Popup ***/


/*FOR 7/13 UPDATE: Rotating banner image (promo 4), switches between real doll and avatar.*/
.dollavataranimation img {
	position:absolute;
	top:-21px;
	left:439px;
}
#promo .dollavataranimation .bottom{position:inherit;margin:0;padding:0;border:none;}
#promo .dollavataranimation .top{position:absolute;top:0;left:474px;}
/***/

img#promoImage {
position:absolute;
top:-26px;
left:620px;
}
	
#emailFooter {
margin-top:-9px;
}

/*  CHANGE LOCATION BEGIN ****************************************/
div#changeLocation {
display: none;
width:185px;
border:1px solid #f98dbd;
background-color:#dc498b;
position:absolute;
top:-100px;
left:380px;
visibility:opaque;
z-index:1000;
}

.click {
cursor:pointer;
}

.close {
margin:-5px 0 0 175px;
}
#bottomPromo #changeLocation .close{
	margin:0;
	position:absolute;
	top:-8px;
	left:172px;
}

div#changeLocation ul {
margin-bottom:20px;
font-size:130%;
}
#bottomPromo div#changeLocation ul{
	margin:20px 0;
}

div#changeLocation li {
float:none;
border:none;
margin:0 0 10px 20px;
}
div#changeLocation li a {
font-weight:normal;
color:#fff;
}


/*  CHANGE LOCATION END ****************************************/

	
	
	
#eventWidgetHome #Features{height:212px;}
#bottomPromoSup{position:absolute;top:-24px;left:17px;}