body{ background:#fff; text-align:center;}

.body_div{width:auto; height:auto; margin:auto; vertical-align:middle;}

#main_div{ width:100%; height:640px; background:#FFFFFF;}

a{ text-decoration:none;}
/*----------------------------------------------------------------------*/

#scrolling_div{
	padding:3px;
	height:100%;
	overflow : auto;	
	scrollbar-face-color: #FF9900;
	scrollbar-highlight-color: #fff;
	scrollbar-3dlight-color: #F4F4F4;
	scrollbar-darkshadow-color: #fff;
	scrollbar-shadow-color: #fff;
	scrollbar-arrow-color: #fff;
	scrollbar-track-color: #F4F4F4;
	}

#main_div .menu_div{
	width:100%;
	border:0px #CCCCCC solid;
	padding:3px;
	 } 

#main_div .div_0{	
	width:247px;
	margin-right:12px;
	}

#main_div .div_1{
	width:246px;
	margin-right:15px;
	}
/* --------------------------------*/

#full_screen{
	background-color:#000000;
	opacity:0.8;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	position:absolute;
	z-index:1100;
	display:none;

	}
	
#all_content{
	display:none;
	margin:0 auto;
	width:100%;
	height:100%;
	z-index:1300;
	position:absolute;
	top:0px;
	left:0px;
}
#all_main{
	width:380px; 
	height:640px;
	z-index:1200;	
	margin:0 auto;
	}
	

#content_div{ 
	min-height:300px; 
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	border:1px #CCCCCC solid;
	background-color:#FFFFFF;
	width:380px;
	}

/*----------------------------------------*/

#content_text_main{ z-index:-1; vertical-align:middle; text-align:center;}

.into_content{ /*height:300px;*/
	background-color:#FFFFFF;
	}

#contect_text_main{
	float:left;
	width:360px;
	height:18px;	 
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	background-color:#3199cc;
	opacity:0.8;
	padding-left:15px;
	padding-top:3px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

#exit{
	width:30px;
	height:15px;
	padding-left:15px;
	padding-top:3px;
	color:#FFFFFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	z-index:1500;
	position:absolute;
	padding-left:5px;
	padding-top:2px;
}
#exit a{
	padding:3px;
	text-decoration:none;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}
#exit a:hover{
	padding:3px;
	text-decoration:none;
	color:#000000;
}

.intro_text{ font-size:16px; text-align:justify; color:#555; padding:10px; font-family:Arial, Helvetica, sans-serif;}

#elements{ 
	display:none; text-align:right;
	background-color:#FFFFFF;}

#select_button{
	border:0px;
	background-color:#FF9900;
	color:#FFFFFF;
	font-weight:bold;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	border:1px solid #cdcdcd;
	
	}


/*----------------SELECTED ----------------------------*/

#sel_main{ width:270px;}
#sel_img{
	border:1px solid #bbb;
	border-bottom:none;
	margin:0;
	padding:0;
	vertical-align:middle;
	padding:10px;
	}

#sel_title{
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	border:1px solid #aaa;
	border-bottom:none;
	background-color:#666;
	color:#FF9900;
	font-family:Arial,Helvetica,sans-serif;
	font-size:16px;
	font-weight:bold;
	height:25px;
	margin-top:0;
	padding:2px;
	text-align:center;
	}
	
#sel_desc{
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	border:1px solid #dedede;
	background-color:#fafafa;
	color:#555;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	margin-bottom:10px;
	margin-top:0;
	padding:5px;
	text-align:justify;
	}

#animation{display:none;}
#my_package{width:350px;}

/*-----------------------------------------------------*/

#order_content{
	float:left; 
	width:380px;
	text-align:left;
	display:none;
	}

#order_div{
	position:relative;
	top:0px;
	left:30px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	border:1px solid #aaa;
	border-top:none;
	color:#333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	height:15px;
	width:50px;
	margin-top:0;
	padding:5px;
	text-align:center;
	padding-bottom:3px;
	}
/*----------Selection -------------*/

#selection_content{
	margin:auto;
	height:100px;
	width:345px;
	background-color:#f6f6f6;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	border:1px solid #aaa;
	border-top:none;
	display:none;
}

#select_piece_1{
	/*width:500px;*/
	}

#select_piece_1 .piece_title{
	background-color:#666;
	border:1px solid #666;
	color:#FF9900;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:bold;
	height:25px;
	margin-top:0;
	padding:2px;
	text-align:center;
	margin-top:5px;
	}

.option_title_1, .option_title_2, .option_title_3
	{
	color:#000000;
	font-size:12px;
	font-weight:bold;
	}
#option_1{
	width:350px;
	text-align:left;
	border:1px solid #CCCCCC;
	padding:5px;
	}

#option_1 .piece_content{
	width:100px;
	}

#option_1 .piece_title{
	width:100px;
	}
	
	

#option_2{
	width:465px;
	display:none;
	text-align:left;
	padding:5px;
	border:1px solid #CCCCCC;
	padding:5px;
	}

#option_2 .tag{
	background-color:#333333;
	border:1px solid #333333;
	color:#FF9900;
	font-family:Arial,Helvetica,sans-serif;
	font-size:16px;
	font-weight:bold;
	height:25px;
	margin-top:0;
	padding:2px;
	text-align:center;
	margin-left:2px;
	margin-right:2px;
	}


.option_2_box{ 
	display:inline-table;
	float:right;
	position:relative;
	width:110px;
	margin-right:5px;
	}
	
#option_3{
	width:320px;
	display:none;
	text-align:left;
	padding:5px;
	border:1px solid #CCCCCC;
	padding:5px;
	
	}

.option_3_content{
	padding:5px;
	}

/*------- TOTAL SELECTION --*/
#change_piece{display:none;}
#total_selection{
	border-bottom:1px solid #dedede;
	font-size:12px;
	padding:4px;
	margin-bottom:10px;
	width:580px;
}

#total_selection .td_1{
	text-align:right;
	color:#444;
	width:100px;
	}
#total_selection .td_2{
	text-align:left;
	font-weight:bold;
	color:#000;
	}

#total_selection .ntd_1{
	text-align:right;
	color:#444;
	}
#total_selection .ntd_2{
	text-align:left;
	font-weight:bold;
	color:#000;
	}	
	
#sending_data{
	display:none;
}



#sending_data .td_1{
	text-align:right;
	color:#444;
	}


.sending_data_title{
	float:left;
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
	
}

.left_side{
	background: #F2F1F2 url(images/left_foot.gif) no-repeat right top;
	float:left;
	width:265px;	
	margin-left:10px;
	border:1px solid #AAAAAA;
	font-size:12px;
	text-align:left;
	padding-bottom:20px;
	padding-top:10px;
	padding-left:10px;
	padding-right:5px;
	}

.right_side{
	background: #F2F1F2 url(images/right_foot.gif) no-repeat right top;
	float:left;
	width:265px;	
	margin-left:10px;
	background-color:#F2F1F2;
	border:1px solid #AAAAAA;
	font-size:12px;
	text-align:left;
	padding-bottom:20px;
	padding-top:10px;
	padding-left:10px;
	padding-right:5px;
	
	}
	
.email_side{
	float:left;
	width:265px;
	text-align:left;
	margin-top:10px;
	margin-left:10px;
	background-color:#F2F1F2;
	border:1px solid #AAAAAA;
	font-size:12px;
	text-align:left;
	padding-bottom:20px;
	padding-top:10px;
	padding-left:10px;
	padding-right:5px;
	}

.help_side{
	float:left;
	width:265px;
	text-align:left;
	margin-top:10px;
	margin-left:10px;
	border:1px solid #AAAAAA;
	font-size:12px;
	text-align:left;
	padding-bottom:20px;
	
	padding-left:10px;
	padding-right:5px;
	background: url(images/help.gif) no-repeat top right;
	height:115px
	}

.help_td{
	padding-top:40px;
	padding-left:7px;
	 
	}

#email, #grith_1, #instep_1, #grith_2, #instep_2{ 
	border:solid 1px #FF9900;
	color:#444
	}
#outline_1, #outline_2{ width:10px;}

.outline_file{ 
	padding-left:40px;
	padding-top:10px;
	}
	
#send{
	background-color:#FF9900;
	border:1px solid #444 ;
	color:#FFFFFF;
	font-weight:bold;
	}
	
.intro_text{
	padding:15px;
	border-bottom:1px #dedede solid;
	margin-bottom:20px;
	}