@charset "utf-8";
/* CSS Document */

html, body{ width:100%;
            height:100%;
			padding:0;
			margin:0;
			}
			
			body{background:#ffffff url(images/bg.jpg) repeat-x top;
			     font-family:Arial, Helvetica, sans-serif;
				 }


.wrapper{ width:738px;
          min-height:100%;
		  background:#CCFFFF url(images/vertical_bg.gif) repeat-y center;
		  margin:0 auto 0 auto;
		  padding:0;
		  }
		  
		  
		  .head{ width:100%;
		         padding:0;
				 margin:0;
				 }
				 
				 .head1{ width:100%;
				         height:193px;
						 padding:0;
						 margin:0;
						 background:url(images/head1.jpg) no-repeat;
						 }
				  .head2{ width:100%;
				         height:184px;
						 padding:0;
						 margin:0;
						 background:url(images/head2.jpg) no-repeat;
						 }
				 .head3{ width:100%;
				         height:219px;
						 padding:0;
						 margin:0;
						 background:url(images/head3.jpg) no-repeat;
						 }
						 
	
		 .the_packages{ width:100%;
						 min-height:288px;
						 padding:0;
						 margin:0;
						 background:url(images/top_main_bg.jpg) no-repeat;
						 }
						 
						
						.pack{ width:220px;
						       height:auto;
							   padding:0;
							   margin:6px 0 0 16px;
							   float:left;
							   text-align:center;
							   font-size:11px;
							   color:#FFFFFF;
							   }
							   
							   .pack img{margin:auto;
							             padding:0;							            } 
										
							   .pack h3{ font-size:18px;
							             font-weight:bold;
										 color:#FFFF00;
										 width:86%;
										 line-height:18px;
										 margin:3px auto 5px auto;
										 }
							   .pack h4{ font-size:18px;
							             font-weight:bold;
										 color:#FFFF00;
										 width:86%;
										 line-height:18px;
										 margin:3px auto 10px auto;
										 }
										 
										 .pack h4 b{ font-size:24px;
										             font-weight:bold;
													 }
													 
							   .pack p{ /*font-size:11px;
							            color:#FFFFFF;*/
										 width:80%;
										 margin:2px auto;
										 }
										 
					
					.info{ width:auto;
					        height:180px;
							margin:auto;
							padding:0;
							}
							
							
/* BOTONES */

a.order{ width:170px;
         height:50px;
		 display:block;
		 background:url(images/order_now.png) no-repeat;
		 margin:auto;
		 padding:0;
		 }
		 
		 
 a.order:hover{  background:url(images/order_now.png) no-repeat;
                 background-position: 0 -50px;
				 cursor:pointer;
				  }
				  
				  
a.login{ width:70px;
         height:25px;
		 display:block;
		 position:absolute;
		 background:url(images/login.gif) no-repeat;
		 margin:2px 0 0 650px;
		 padding:0;
		 }
		 
		 
 a.login:hover{  background:url(images/login.gif) no-repeat;
                 background-position: 0 -25px;
				 cursor:pointer;
				  }
				  

a.submit{ width:170px;
         height:50px;
		 display:block;
		 background:url(images/submit.png) no-repeat;
		 padding:0;
		 margin:0 0 0 80px;
		 }
		 
		 
 a.submit:hover{ background:url(images/submit.png) no-repeat;
                 background-position: 0 -50px;
				 cursor:pointer;
				  }
				  

a.place{ width:170px;
         height:50px;
		 display:block;
		 background:url(images/place_order.png) no-repeat;
		 padding:0;
		 margin:20px auto;
		 }
		 
		 
 a.place:hover{ background:url(images/place_order.png) no-repeat;
                 background-position: 0 -50px;
				 cursor:pointer;
				  }
				  

a.upgrade{   width:170px;
			 height:50px;
			 display:block;
			 background:url(images/upgrade.png) no-repeat;
			 padding:0;
			 margin:20px 0 0 75px;
			 }
		 
		 
 a.upgrade:hover{ background:url(images/upgrade.png) no-repeat;
                 background-position: 0 -50px;
				 cursor:pointer;
				  }
										 


.clear{ clear:both;
        height:1px;
		}				 
		
		
.footer{ width:100%;
         height:98px;
		 padding:72px 0 0 0;
		 margin:0 ;
		 background:url(images/eggs.jpg) no-repeat top center;
		 }	
		 
		 .footer p{ width:90%;
		             margin:2px auto 0 auto;
					 color:#FFFFFF;
					 font-size:10px;
					 line-height:11px;
					 text-align:center;
					 }
					 
					  .footer a{ font-size:10px;
					             color:#FFFF00;
								 text-decoration:none;
								 }
								 
								 .footer a:hover{ text-decoration:underline}
								 
					 

.yellow{ color:#FFFF00}
					 	 
				 


/* CUSTOMIZE PAGE */



             .customize{ width:100%;
						 height:153px;
						 padding:0;
						 margin:0;
						 background:url(images/customize1.jpg) no-repeat;
						 }
						 
						 
						 .customize h2{ width:515px;
						                height:30px;
										line-height:30px;
										font-size:28px;
										color:#cdf1f6;
										text-align:left;
										margin:0 auto 5px 42px;
										}
										
							.customize h3{  font-size:18px;
											 font-weight:bold;
											 color:#FFFF00;
											 width:515px;
											 height:42px;
											 line-height:18px;
											 margin:0 auto 5px 42px;
											 }
						   	.customize p{   font-size:12px;
											 color:#FFFFFF;
											 width:515px;
											 margin:40px auto 5px 42px;
											 }
											 
			
			 .customize_form{ width:100%;
			                  height:650px;
							  background:url(images/customize2.jpg) no-repeat top;
							  margin:0;
							  padding:20px 0 0 0;
							  }
							  
			  .the_form{ width:360px;
						 height:auto;
						 margin:0 0 20px 40px;
						 padding:2px;
						 float:left;
						 }
						 
						 
						 .the_form h3{   font-size:28px;
										 font-weight:bold;
										 color:#FFFF00;
										 width:515px;
										 height:42px;
										 line-height:18px;
										 margin:0 auto 5px 5px;
										 }
										 
										         .table1{ color:#FFFFFF;
														   font-size:11px;
														   margin:0 0 0 65px;
														   }
														   
														   
														        .table1 td{ height:28px;
																			line-height:28px;
																			  }
																			
																			
  
										   
	.to_right{ text-align:right; text-transform:capitalize}   .to_left{ text-align: left; text-transform:capitalize}
			   
	      .tf_1{ width:200px;
	             height:20px;
				 border:1px solid #CCCCCC;
				 margin:0 0 0 5px;
				 padding:0;
				 line-height:18px;
				 font-size:11px;
				 color:#666666;
				 background:white url(images/tf_bg.jpg) repeat-x;
				 }
		  .tf_2{ width:55px;
	             height:18px;
				 border:1px solid #CCCCCC;
				 margin:0 0 0 5px;
				 padding:0;
				 line-height:18px;
				 font-size:10px;
				 color:#666666;
				 }	
				 
						  
										
										
.preview{ width:247px;
          height:362px;
		  background:none;
		  margin:0 0 0 25px;
		  padding:0;
		  float:left;
		  }
		  
		  .preview h3{   font-size:28px;
						 font-weight:bold;
						 color:#FFFF00;
						 width:100%;
						 height:24px;
						 line-height:25px;
						 margin:0 auto 25px 5px;
						 }
						 
						 
						.preview a{ color: #FFFFFF;
						            font-size:10px;
									text-decoration:none;
									float:left;
									margin:10px 0 0 10px;
									}
									
						.preview a:hover{ text-decoration:underline;
									     }
						 
						 
						 
		  										
/* PLACE ORDER PAGE */


.place_order{ width:auto;
			  min-height:500px;
			  padding:0;
			  margin:0 0 20px 0;
			  background:url(images/palce_order_bg.jpg) no-repeat;
			  }
			  
			  
			  .upgrade_info{ float:left;
			                 margin:25px 0 0 0;
							 padding:0;
							 width:55%;
							}
			  
			  .place_order_title{margin:5px 0 0 75px;
			                     width:auto;
			                     }
			  
			  
			  
			  .place_order p{ width:320px;
			                  height:auto;
							  padding:0;
							  margin:0 0 0 75px;
							  color:#FFFFFF;
							  font-size:12px;
							  }
				
		     .place_order h3{ width:320px;
			                  height:auto;
							  padding:0;
							  margin:0 0 0 75px;
							  color: #FFFF00;
							  font-size:22px;
							  font-weight:bold;
							  }	
							  
							   .place_order h3 b{color:#66cb00;}
							  
													

.upgrade_package{float:left;
				 }									
										
										
										
										

.money_info{ width:100%;
             height:auto;
			 padding:0;
			 margin:5px 0 0 0;
			 }
			 
			 .money_table{ width:636px;
			               height:250px;
						   margin:0 auto 0 auto;
						   padding:0;
						   border-collapse:collapse;
						   border:1px solid yellow;
						   }
						   
						   
						   .money_table td{border:1px solid yellow;
										   }
										   
		                .black_bg{ background:black;
			                       font-size:20px;
								   font-weight:bold;
								   text-align:left;
								   color:#FFFF00;
								   padding:3px;
								   }
								   
						.white_bg{ background:white;
			                       font-size:16px;
								   text-align:left;
								   color: #333333;
								   padding:8px;
								   }
						
						  .total{ background:none;
			                       font-size:20px;
								   font-weight:bold;
								   text-align:right;
								   color:#FFFFFF;
								   padding:2px;
								   margin-right:10px;
								   text-transform:uppercase;
								   }
								   
								   
								   

.amount{width:100px;} .item{width:215px;} .price{ width:160px;}



.template_content{ width:100%;
				   height:auto;
				   padding:0;
				   margin:0;
				   font-size:12px;
				   color:#FFFFFF;
				   text-align:left;
				   background:url(images/palce_order_bg.jpg) no-repeat;
				   
				 }
				 
				 
				 .template_content p{ width:620px;
				                      margin:0 auto 0 auto;
									  text-align:center;
									  }