/* Container */
/*-------------------------------------*/


#header                     	{ background: url(../graphics/fop_01_header.gif) top left no-repeat; width: 980px; margin:0 auto; height: 172px; text-indent: -5000px; }
#video_shadow					{ display: none; position: absolute; z-index:600; top:0; left:0; width:100%; height:1500px; background-color: #000; opacity:0.7; filter: alpha(opacity = 70); }
#esther_video					{ display: none; position: absolute; z-index:700; top:30px; left:50%; margin:0 0 0 -212px; width:425px; background: #000; color: #fff; font-family:"Helvetica Neue", Arial, sans-serif; }
#esther_video p 				{ padding:5px 10px; font-size: 12px; }
#esther_video a					{ text-align: center; display: block; text-transform: uppercase; font-size:10px; letter-spacing:0.05; font-weight: bold; color: #68879e; padding:0 0 5px 0; }

.container                  	{ background: url(../graphics/fop_01_bg_page_top.jpg) 100px 0 no-repeat; padding:0 0 0 110px; overflow: hidden; position: relative; }
.content                    	{ width:690px; float:left; }
.content p 						{ padding:0 30px 15px 30px; }
.body							{ padding:40px 0 0 0; }
.number                     	{ text-indent: -5000px; background: url(../graphics/fop_01_tab_1.gif) top left no-repeat; width: 45px; height: 53px; position: absolute; top:27px; left:-31px; }
.form                       	{ padding:25px 0 0 0; background: url(../graphics/fop_01_hr_page.gif) top left repeat-x; margin:0 30px 0 30px; font-family:"Helvetica Neue", Arial, sans-serif; }
.form #offer_freeSet        	{ font-weight: bold; font-size: 16px; padding:0 45px 20px 48px; }
.form #offer_moreSets       	{ padding:0 45px 20px 48px; }
.form .button_submit        	{ padding:20px 40px 20px 40px; text-align: center; background: url(../graphics/fop_01_hr_page.gif) top left repeat-x; }
.sidebar                    	{ width:174px; float:right; padding:45px 6px 0 0; }
.sidebar img					{ display: block; margin:0 auto 40px auto; }
.sidebar p 						{ text-align: center; margin:-31px 0 0 0; text-transform: uppercase; letter-spacing: 0.1em; color: #777; font-size: 11px; }
.body							{ position: relative; }
.orderSummary					{ background-color: #6a5f4d; border-top:3px solid #6a5b3e; padding:18px 30px 15px; font-family: "Helvetica Neue", Arial, sans-serif; color: #fff; }
.orderSummary h3				{ text-indent: -5000px; background: url(../graphics/fop_01_text_yourOrder.gif) top left no-repeat; height:27px; }
.orderSummary table         	{ background: url(../graphics/fop_01_hr_summary.gif) top left repeat-x; width: 630px; }
.orderSummary .control			{ width:80px; padding:0 0 0 8px; }
.orderSummary .row_freeSet .control { }
.orderSummary .row_freeSet .control input,
.orderSummary .row_addPacks .control input { margin:0 0 0 8px; }
.orderSummary .name         	{ padding:8px 0 0 5px; width:361px; }
.orderSummary .price        	{ text-align: right; padding:8px 6px 0 0; }
.orderSummary .edit img     	{ margin:0 0 -6px 0; }
.orderSummary .edit				{ width:50px; }
.orderSummary .total        	{ background: url(../graphics/fop_01_hr_summary.gif) 0 8px repeat-x; }
.orderSummary .total td 		{ padding:15px 10px 0; }
.orderSummary .label        	{ font-weight: bold; text-transform: uppercase; font-size: 10px; }
.orderSummary .total .totalNum 	{ text-align: right; padding:15px 6px 0 10px; }
#page2 .orderSummary .control input,
#page3 .orderSummary .control input	{ width: 35px; border:1px solid #6a5b3e; }                                                                                                                         
#page2 .orderSummary .row_freeSet .control input,
#page3 .orderSummary .row_freeSet .control input	{ border:none; }                                                                                                                         
 

/* -- Pages -- */

#page1,
#page2,
#page3                      	{ background: url(../graphics/fop_01_bg_tile.gif) 100px 0 repeat-y; width: 980px; margin:0 auto; }

#page2, #page3					{ display: none; }
  
                          	

/* -- PAGE 1 -- */

#page1 .last					{ padding:0 30px 35px 95px; }
#page1 #photoSets           	{ position: absolute; left:-110px; top:240px; }
#page1 .form h3             	{ background: url(../graphics/fop_01_text_indicateHow.gif) top left no-repeat; text-indent: -5000px; height:30px; margin:10px 50px; }
#page1 #input_addSets			{ width:50px; }
                            	


/* -- PAGE 2 -- */

#page2 .number              	{ background: url(../graphics/fop_01_tab_2.gif) top left no-repeat; top:26px; }
#page2 .form h3             	{ background: url(../graphics/fop_01_text_wouldYouConsider.gif) top left no-repeat; text-indent: -5000px; height:30px; margin:10px 50px; }
#page2 .form 					{ font-weight: normal; margin:10px 30px 0 30px; }
#page2 .form input				{ width:30px; margin:0 2px; }
#page2 .form div				{ padding:0 45px 5px 48px; }
#page2 .form .button_submit		{ padding:20px 40px 20px 40px; margin:14px 0 0 0; }
#page2 .form .button_submit input	{ width:125px; }
#page2 .row_fundFOP,			
#page2 .row_fundOther           { display: none; }



/* -- PAGE 3 -- */

#page3 .form .button_submit		{ padding:20px 40px 20px 40px; margin:24px 0 0 0; position: relative; }              
#page3 .form .button_submit #your_privacy	{ display: block; position: absolute; top:34px; left:380px; color:#555; font-size:11px; font-style:italic; }
#page3 .form			    	{ background: none; }
#page3 #shippingInfo .infoHeader,
#page3 #billingInfo .infoHeader  { margin:20px 0 0 0; background-color:#534c40; padding:8px 0 8px 13px; color:#fff; }
#page3 .infoHeader .infoHeaderTitle { font-size:16px; font-weight:bold; }
#page3 #billingInfo .infoHeader label { font-weight: normal; float:none; font-size: 12px; }
#page3 #billingInfo div   		{ clear:left; padding-top:10px; }
#page3 #billingInfo label 		{ float:left; font-weight:bold; width:120px; padding-top:1px; text-align:right; padding-right:10px; }
#page3 #shippingInfo div   		{ clear:left; padding-top:10px; }
#page3 #shippingInfo label 		{ float:left; font-weight:bold; width:120px; padding-top:1px; text-align:right; padding-right:10px; }
#page3 .reqFieldExp            	{ font-size:12px; font-style:italic; padding:10px 40px 10px 20px; }
#page3 .reqField              	{ color:#ff584c; }
#page3 #security_statement     	{ padding:20px; background-color:#f4f4f4; margin-bottom:20px; color:#555; }
#page3 #security_statement p 	{ padding: 0px; }
#page3 #security_statement h6  	{ font-weight:bold; font-size:16px; color:#555555; padding-bottom:10px; }
#page3 #disclaimers            	{ font-size:11px; padding:20px 20px 20px; border-top:2px solid #eee9e5; }
#page3 .shippingSection			{ padding:10px 0 0 0; font-size:12px; }
#page3 .shippingSection p 		{ padding:0 0 5px 0; }
#page3 #selectAProduct			{ display: none; padding:20px; margin:20px 0; background-color: #e2501c; color: #fff; }
#page3 #billingEmailFields		{ display: none; }


/* Footer */
/*-------------------------------------*/

#footer 				    	{ width: 980px; padding:24px 0; margin: 0 auto; background: url(../graphics/fop_01_bg_page_footer.jpg) 100px 0 no-repeat; text-align: center; text-transform: uppercase; font-size: 10px; color: #6c6354; letter-spacing: 0.1em; }
#footer a						{ color: #6c6354; }
