
/* CSS Document */	
/** new design css starts here  **/

body {
	
	color:#5B5B5B;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

form
{
	margin:0px; padding:0px;
}


#main
{
	width:879px; 
	margin:0 auto;
	height:auto;
}

#coder_logo
{
	clear:both;	 
	margin:0 auto;
	width:261px; 
	margin-top:20px;
	height:auto;
}

#navi
{
	clear:both;
	width:600px; 
	margin:0 auto;
}

#service
{
	background-image:url(../images/service.jpg); 
	width:879px; height:274px; 
	background-repeat:no-repeat;
}

.head
{
	font-weight:bold; 
	color:#99999A; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:8pt;
}


.head2
{
	font-weight:bold; 
	color:#99999A; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:8pt;
}
.head2:hover
{
	font-weight:bold; 
	color:#99999A; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:8pt;
	text-decoration:underline;
}

#check1
{
	 width:20px;  
	 padding-top:170px; 
	 margin-left:220px; 
	 float:left;
}

#check2
{
	float:right; 
	width:20px; 
	padding-top:170px; 
	margin-right:240px;
}

#service_text
{
	
	width:376px; 
	margin-left:50px; 
	padding-top:10px; 
	text-align:center;
	float:left;	
}

#service_right
{ 	
	
	width:376px;
	margin-right:60px;
	padding-top:10px; 
	text-align:center;
	float:right;	
	
}

.service_txt
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:9pt; 
	color:#7F8081; 
	font-weight:500;
}

#container
{
	margin-top:10px;
	margin-left:10px;
}

#table_top
{
	width:856px; 
	height:18px; 
	background-image:url(../images/top.jpg);
	background-repeat:no-repeat;
}

#step3
{
	width:856px; 
	height:199px; 
	background-image: url(../images/step3.jpg);
	background-repeat:no-repeat;
}

#table_middle
{
	width:856px; 
	background-image:url(../images/middle.jpg); 
	background-repeat:repeat-y;
}

#table_bottom
{
	clear:both;
	width:856px;
	height:12px; 
	background-image: url(../images/bottom.jpg); 
	background-repeat:no-repeat;
}

#coder_navi
{
	margin:0 auto; 
	width:100%; 
	margin-top:10px;
}

.question
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:10pt; 
	color:#5B5B5B; 
	font-weight:bold;
}

.question2
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:9pt; 
	color:#939395;
}

.question3
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:9pt; 
	color:#B9B9B9; 
}

.detail
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:9pt; 
	color:#323232; 
	font-weight:bold;
}

#detail_btn
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:8pt; 
	color:#323232; 
	font-weight:bold;
}

.detail_3
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:10pt; 
	color:#323232;
	font-weight:bold;
}

.detail2
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:8pt; 
	color:#323232; 
	font-weight:bold;
}

#category
{
	margin-left:40px; 
	width:300px; 
	float:left;
}

#info
{	
	margin-top:20px; 
	margin-left:40px;
}

#info2
{	
	margin-top:20px; 
	margin-left:40px;
}

#info3
{	
	margin-top:20px; 
	margin-left:40px;
}

#help
{
	margin-left:20px; 
	text-align:right; 
	margin-right:40px;
}

.white_top
{	clear:both;
	margin:0 auto; 
	width:833px; 
	height:7px; 
	margin-top:15px; 
	background-image:url(../images/white_top.jpg);
}

.white_middle
{
	margin:0 auto; 
	width:833px;  
	background-image:url(../images/white_middle.jpg);
	background-repeat:repeat-y;
}

.white_bottom
{
	clear:both;
	margin:0 auto; 
	width:833px; 
	height:7px; 
	background-image:url(../images/white_bottom.jpg);
}

#sfoglia
{
	margin:0px; 
	padding:0px; 
	height:19px;  
	background-image:url(../images/btn_middle.jpg); 
	background-repeat:repeat-x; 
	text-decoration:none; 
	border:none;
}

#sfoglia2
{
	margin:0px; 
	padding:0px; 
	height:19px;  
	background-image:url(../images/btn_middle.jpg); 
	background-repeat:repeat-x; 
	text-decoration:none; 
	border:none;
}

#sfoglia3
{
	margin:0px; 
	padding:0px; 
	height:19px;  
	background-image:url(../images/btn_middle.jpg); 
	background-repeat:repeat-x; 
	text-decoration:none; 
	border:none;
}


.footer {
	float:left;
	display:inline;
	padding:0;
	margin:25px 0 0 0;
	background-color:#58595b;
	width:100%;
	*height:180px;
	min-height:180px;
}

.footer .foot_cont {
	margin:auto;
	padding:0;
	width:968px;
	color:#FFF;
	display:block;
}

.footer .foot_cont .foot_link {
	float:left;
	display:inline;
	padding:0;
	margin:20px 0 0 25px;
	width:160px;
	font-weight:bold;
	}


.footer .foot_cont .foot_link ul {
	float:left;
	display:inline;
	margin:0;
	padding:0;
	list-style-type:none;
	}

.footer .foot_cont .foot_link ul li {
	display:inline;
	float:left;
	margin:0;
	padding:0;
	width:150px;
	line-height:150%;
	color:#fff;
	}

.footer .foot_cont .foot_link ul li.first {
	display:inline;
	float:left;
	margin:0;
	padding:0;
	list-style-type:none;
	padding-bottom:16px;
	width:150px;
	}


.footer .foot_cont .foot_link ul li a{
	color:#fff;
	}

.footer .foot_cont .foot_link ul li a:hover{
	color:#ddd;
	}


#code
{
	background-image:url(../images/code.jpg); 
	background-repeat:no-repeat;
	width:443px; 
	height:54px;
}

#balance
{
	margin:0 auto; 
	padding-top:40px; 
	width:250px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:20px; 
	color:#FFFFFF; 
	font-weight:bold;
	text-align:center;
}

.price
{
	font-family:Arial, Helvetica, sans-serif; font-size:25px; color:#FFFFFF; font-weight:bold; 
}

#publish
{
	width:253px; margin:0 auto;
}

#fee
{
	margin:0 auto; padding-top:75px; width:300px; text-align:center;
}
.divide
{
	height:5px; background-color:#E9E8E8;
}

.form_txt
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#323232;
}

#complete
{
	  width:400px; 
	  margin:0 auto; 
	  height:60px;
}

#com_img
{
	width:70px; 
	float:left;
}

#completion
{
	 float:right; 
	 margin-top:15px; 
	 margin-right:50px;  
	 font-family:Arial, Helvetica, sans-serif; 
	 font-size:14pt; 
	 font-weight:bold; 
}

#thanks
{
	width:500px; 
	margin:0 auto; 
	margin-top:20px; 
	text-align:center;
}

.linkgray{
	color:#99999A;
}

.linkgray:hover{
	color:#BCD63D;
}












