body#CelebrationsGiftingPage,
body#CelebrationsGiftingTellAFriendPage{

	background-repeat: no-repeat;	
}

body#CelebrationsGiftingPage.en_US,
body#CelebrationsGiftingTellAFriendPage.en_US{
	background:#E0F1F6 url(http://adisneyland.disney.go.com/media/dlr_v0200/css/nonLanguageSpecific/images/ngbg.jpg) repeat-x scroll center top;
}

div#pageWrapper{
	background-color: transparent;
}

body#CelebrationsGiftingPage.en_US #pageContent div.inner,
body#CelebrationsGiftingTellAFriendPage.en_US #pageContent div.inner{
	background-image: url('images/giftingMainBackground.jpg') ;
	background-position: 0px 335px;
	background-repeat: no-repeat;	
}

body.en_US #subNav {
	top: auto;
}

#CelebrationsGiftingTellAFriendPage #column2 a{
	outline: none;
	color: #c32c87;
	text-decoration: underline;
}
body#CelebrationsGiftingPage #footer ,
body#CelebrationsGiftingTellAFriendPage #footer{
	background-image: none;
	background-color: transparent;	
}
body#CelebrationsGiftingTellAFriendPage .footerStep3Update{	
	margin-top:400px;
}
body#CelebrationsGiftingTellAFriendPage .footerStep3Edit{	
	margin-top:120px;
}
.footerImage{ 
	background: none;
}
.leftModuleHorizontalRule{
	background: none;
}
.error{
	display: none;
}
.hide{
	display: none;
}
.show{
	display: block;
}
.bold{
	font-weight: bold;
}
div#giftingHeader h3{
	margin-bottom: 8px;
}
.sendToAFriendContainer{
	position: relative;
	left: 0px;
	margin-top: 7px;
	padding-bottom: 150px;
}
.stepContainer{
	width: 321px;
	margin: 0 auto;	
	text-align: center;
	position: relative;
	left: 21px;
	top: 7px;
}
div.sendToAFriendModule{	
	background-position: top left;
	background-repeat: no-repeat;
	width: 474px;
	/*height: 880px;  to prevent overlapping footer when you restart the process*/	
	position: relative;
	top: 18px;
	left: -3px;
	padding: 36px 0px 45px 40px; 
	color: #161e40;		
}
	div.step1{
		background-image: url('images/cardBackgroundTall.jpg') ;
		height: 542px;
	}
	div.step2{
		background-image: url('images/cardBackgroundStep2.jpg') ;
		height: 542px;
	}
	div.step3{
		background-image: url('images/cardBGStep3Top.jpg') ;		
		display: block;
		height: 720px;
	}
	div.confirmation{
		background-image: url('images/cardConfirmationBackground.jpg') ;
		height: 476px;
		padding-bottom: 150px;
	}
img#GiftingGoToStep2{
	margin: 0 auto;
	width: 149px;
	text-align: center;
	position: relative;
	top: 30px;
	left: 142px;
	
}
img#GiftingCreateAnotherMessage{
	position: relative;
	top: 368px;
	left: 116px;
}
p#stepHeader{
	margin-bottom: 20px;
	font-size: 10.5pt;
}
p#step2Header,
p#step3Header{
	margin-bottom: 20px;
	font-size: 10.5pt;
}
div#sendToAFriendCopy p{
	width: 350px;
	font-size: 9pt;
	/*line-height:14pt;*/
	color: #161e40;	
	position: relative;
	top: 18px;
	left: 30px;
}
	
div#sendToAFriendCopy p.giftText{	
	line-height: 21pt;		
	position: relative;
	zoom: 1;
}
	div#sendToAFriendCopy p.giftText select{
		_margin-top:10px;/*ie6 hates line-height for some reason when you have selects*/
	}	
input{
	border: solid 1px #c5d3d9;	
	font-size: 10pt;
	position: relative;
}
	input#giftingName{
		width: 131px;
	}
select{
	border: solid 1px #c5d3d9;
}
select.giftDropDown1 {
	width: 131px;
}
select.giftDropDown2 {
	width: 101px;
}
select.giftDropDown3 {
	width: 320px;
}
select.giftDropDown4 {
	width: 300px;
}

div#giftDreamMakersModule{
	width: 345px;
	height:150px;
	padding: 10px 10px 15px 0px;	
	margin-bottom: 5px;
	position: relative;
	top: 5px;
	left: 0px;
}
	div#giftDreamMakersModule p{
		line-height:11pt;
		top: 13px;
		color: #161e40;		
	}
div#emailFromModule{	
	height: 95px;
    width: 393px;
	position: relative;
	left: 15px;
	top: 0px;
}
.fromEmailFields{
 	width: 360px;
	position: relative;
	top: 27px;
	height: 45px;
	left: 15px;
	font-size: 9pt;
}
#giftingTermsAndConditions{
	position: relative;
	left: 12px;
}
#giftingTermsAndConditions span{
	position: relative;
	top: -2px;
}

div#addRecipientsModule{	
	height: 255px;
    width: 373px;
	position: relative;
	left: 30px;
	margin-top: 15px;
}
.addRecipientsHeader{
	line-height:: 10pt;
	padding-top: 10px;
}
.recipientEmailAddress{
 	width: 330px;
	position: relative;
	top: 37px;
	height: 200px;
	left: 33px;
	font-size: 9pt;
}

.giftButtons{
	margin: 0 auto;
	text-align: center;
	width: 149px;
	position: relative;
	left: -15px;
	margin-top:3px;
}
#GiftingGoToStep3{
	position: relative;
	top:40px;
}
div#sendButton{	
	background-image: url('images/cardBGStep3Bottom1.jpg') ;
	background-position: top left;
	background-repeat: no-repeat;	
	background-color: #ffffff;	
	width: 514px;
	height: 281px;
	margin: 0;
	padding: 0px 0px 46px 0px;
	position: relative;
	left: -40px;

}
	div#sendButton input{
		margin: 187px 0px 0px 0px;
	}
.previewAndSend{	
	overflow: visible;
	font-size: 9pt;
}
#previewModule{	
	min-height: 170px;
    width: 370px;
	position: relative;
	left: 0px;
	margin-top: 15px;
}

div#previewModule p{
	margin-bottom:20px;
	padding-top: 10px;
	width: inherit;
}
#emailFromContainer{
	clear:both;
	margin: 15px 0px 15px 0px;
	position: relative;
	left: 30px;	
	top:7px;
	font-size: 9pt;
	height:60px;	
}
div#emailSigFrom{
	position: relative; 	 
	margin:0px 5px 13px 0px;
	padding:0;
	text-align: left;
	height:30px;
	width: 175px;
}
	div#emailSigFrom span{ 
		font-weight: normal;
	}
		div#emailSigFrom label{
			position: relative;
			top: 2px;
			font-weight: bold;
		}
		div#emailSigFrom .update{			
			display: block;
			position: relative;
			top: -49px;
			left: 122px;
			margin-bottom:-49px;
		}
			div#emailSigFrom .ieupdate{
				position: relative;
				display: block;
				top: -35px;
				left: 122px;
				margin-bottom:-35px;
			}
		div#emailSigFrom .edit{
			position: relative;
			top: 0px;
			left: 0px;
		}
div#emailSigFromAdd{
	position: relative; 
	margin:0px 0px 13px 0px;
	padding:0;	
	height:30px;
	width:175px;	
}
	div#emailSigFromAdd span{ 
		font-weight: normal;
	}
		
		div#emailSigFromAdd label{
			position: relative;
			top: 2px;
			font-weight: bold;
		}
		div#emailSigFromAdd .update{
			display: block;
			position: relative;
			top: -49px;
			left: 122px;
			margin-bottom:-49px;
		}
			.editFix{
				margin-top:49px;
			}
		div#emailSigFromAdd .ieupdate{
			display: block;
			position: relative;
			top: -35px;
			left: 122px;
			margin-bottom:-35px;
		}
		div#emailSigFromAdd .edit{
			position: relative;
			top: 0px;
			left: 0px;
		}
		
div#emailToContainer{	
	width: 443px;		
	margin: 0px 0px 20px 0px;
	padding: 0px 10px 3px 31px;	
	position: relative;
	top: 9px;
	font-size: 9pt;
}
	#updateToEmailWrapper{
		 width: 280px;
		 position: relative;
		 top:0;
		 left:0;
	}
	.updateToEmail{
		 width: 280px;		 
		 margin: 7px 0px 0px 52px;
	}
		.updateToEmail span{
			font-weight: bold;
		}
		.updateToEmail span.toEmailList{
			font-weight: normal;		
		}
	span.toEmailList{
		display: block;						
		padding: 2px 0px 2px 0px;
		font-weight: bold;				
	}
		div#emailToContainer span.toEmailList input{
			width: 200px;
			margin: 2px 0px 4px 0px;
		}
	div#emailToContainer a.editToName{			
		display: block;
		float: left;
	}
	div#emailToContainer a.updateToName{
		width: 30px;		
		height: 20px;		
		position: relative;		
		top: -24px;
		left: 210px;
	}
/*error fields*/
div#errorWrapper,
div#errorWrapperStep2{
	height: 17px;
	margin-top:-5px;	
	color: #9e0b0f;	
	font-weight: bold;
	font-size: 8pt;	

}
div.step1Error{
	width: 390px;
	font-weight: bold;	
		
}
div.step2Error{
	width: 300px;
	display: inline;
	font-weight: bold;
	font-size: 8pt;		
}
div.step3Error{
	display: inline;
}
div.step1Error span{	
	position: relative;
	margin: -5px 0px -20px 0px;
	background-color: #fffabf;
	padding-left: 20px;
	left: 11px;
	width: 360px;
}


div.step3Error span{
	background-color: #fffabf;
	position: relative;
	margin: -5px 0px -20px 0px;
	left:12px;
	width: 390px;
}
div#errorWrapperStep2 span {
	background-color: #fffabf;
	position: relative;
	margin: 5px 0px 5px 0px;
	left:0px;
}
/*QQ module text color change*/
.SQQProductOptionsDisclaimerContainer,
.SQQProductOptionsDisclaimerContainer a{
	color: #161e40;
}

#emailBodyEdit select{	
	margin-top:8px
}
/*reservationModule*/
body.en_US #column1{
	top: 575px;
}
.reservationModule{
	background-image: url('images/reservationBackground.gif');
	color: #161e40;
	width: 172px;
	height: 90px;
	text-align: left;
	display: block;
	font-size: 9pt;
}
.reservationModuleHeader{
	position: relative;
	top: 11px;
	left: 9px;
	color: #c32c87;
	font-weight: bold;
	margin-bottom: 3px;
	font-size: 10pt;
}
.reservationModuleBrief{
	position: relative;
	top: 11px;
	left: 9px;
	font-weight: bold;	
}
.reservationModuleDetailed{
	position: relative;
	top: 11px;
	left: 9px;
}
.quickTipsModule{
	background-image: url('images/quickTipsBackground.gif');
	color: #161e40;
	width: 200px;
	height: 238px;
	text-align: left;
	display: block;
	font-size: 9pt;
	margin-top: 12px;
	position: absolute;	
	left: 3px;
}
.quickTipsModuleHeader{
	position: relative;
	top: 11px;
	left: 25px;
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 3px;
	font-size: 9pt;
}
.quickTipsModuleDetailed{
	position: relative;
	width: 150px;
	line-height: 15pt;
	padding: 30px 15px;
	top: 11px;
	left: 9px;
}