body{ padding:0px; margin:0px; background:url(../images/top_bg.jpg) no-repeat top center; font-family:Verdana, Arial, Helvetica, sans-serif; color:#767474; font-size:12px;}
img{
	border:0px;
	text-align: center;
}
p, form{
	padding:0px;
	margin:0px;
}
.img_left{ float:left;}
.img_right{ float:right;}
.logo{ float:left;}
#doc_top{ width:100%; padding:16px 0px 0px 0px; float:left; background:url(../images/top_bg.jpg) no-repeat center top;}
#doc_main{ width:100%; float:left; background:url(../images/midd_bg.jpg) repeat-y center top;}
#doc_width{ width:987px; margin:0px auto;}
#header{ width:963px; float:left; background:#000000; padding:0px 12px 0px 13px;}
.header_row1{ width:823px; float:right; text-align:right; color:#767474; font-weight:bold; font-size:14px;}
.header_row1 a{color:#767474; text-decoration:none;}
.header_row1 a:hover{color:#767474; text-decoration:underline;}
.header_row2{ width:737px; float:left; padding:20px 0px 0px 87px;}
.header_row3{
	width:781px;
	float:left;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#banner{ width:964px; float:left; background:#000000 url(../images/banner_bg.jpg) repeat-x left bottom; padding:7px 12px 26px 12px;}
#doc_midd{ width:970px; float:left; padding:0px 5px 0px 12px;}
#doc_left{ width:668px;float:left;}
.title1{ background:url(../images/head_icon.jpg) no-repeat left top; width:640px; float:left; height:24px; padding:5px 0px 7px 28px;}
.title1 h1{ color:#22a4e0; padding:0px; margin:0px; font-size:20px;}
.content_left{
	width:668px;
	float:left;
	font-size: 13px;
	text-align: justify;
}
.content_left p{
	text-align: justify;
}
.midd_line{ width: 668px; background:url(../images/midd_line.jpg) no-repeat top center; margin:14px 0px; height:1px;}
.text_justify{ text-align:justify;}
.view_all{ color:#0096db; font-family:Tahoma; font-size:12px; font-weight:bold; text-align:right;}
.view_all a{ color:#0096db; text-decoration:none;}
.view_all a:hover{ color:#0096db; text-decoration:underline;}
.main_line{
	width:1px;
	float:left;
	background:url(../images/line_main.jpg) no-repeat center top;
	height:462px;
	margin-top: 0px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 15px;
}
#doc_right{
	width:270px;
	float:right;
}
.content_right{
	margin: auto;
	width: 270px;
}
.calculator{
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 20px;
}
.calculator_block{
	width:218px;
	background:url(../images/cal_block_bg.jpg) repeat-y left top;
	float: left;
}
.calculator_block .bottom{ width:218px; float:left; background:url(../images/cal_bottom.jpg) no-repeat left bottom; padding:0px 0px 20px 0px;}
.calculator_block .middle{ width:204px; float:left; background:#00143f url(../images/calc_bg.jpg) repeat-x left top; margin:0px 7px; }
.calculator_block .middle .content{ width:184px; float:left; background:#00143f url(../images/calc_bg.jpg) repeat-x left top; padding:0px 12px 0px 8px;}
.calc_img{
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.calculator_block .middle .content .text{ float:left; width:61px; text-align:right; padding:3px 0px 0px 0px;}
.calculator_block .middle .content .textfield{
	border:1px solid #878787;
	width:120px;
	height:23px;
	float:left;
	margin:0px 0px 11px 0px;
	color:#bc9201;
	text-align:left;
	font-weight:bold;
}
.calculator_block .middle .content .gram{
	background-image: url(../images/gram-g.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: right center;
}
.calculator_block button{
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: block;
	text-align: right;
	clear: both;
	width: 100%;
}
.calc_button{ margin:0px 0px 0px 40px;}
.content_right2{ width:206px; float:left; padding:0px 0px 0px 6px;}
.current_bg{
	background:url(../images/current_bg.jpg) no-repeat left top;
	height:130px;
	float:left;
	width:206px;
	color:#767474;
	margin-top: 11px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.current_bg h1{ padding:0px 0px 7px 0px; margin:0px; text-align:center; font-weight:normal; font-size:13px;}
.current_bg h2{ padding:0px; margin:0px; text-align:center; font-weight:normal; font-size:13px; color:#c13d3d;}
.current_bg h2 span{ color:#ff0000; padding:0px 0px 0px 35px;}
#doc_bottom{ width:100%; float:left; background:url(../images/bottom_bg.jpg) no-repeat top center; padding:17px 0px 5px 0px;}
#footer{ width:980px; margin:0px auto; color:#666666; font-size:10px;}
.bottom_navi{color:#666666; font-size:10px; float:left; padding:0px 0px 0px 170px;}
.bottom_navi a{color:#666666;}
.contact_form{
	width: 270px;
	float: left;
}
.contact_form label{
	display: block;
	font-weight: bold;
}
.gbtn{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: transparent;
}
.map_info{
	float: left;
}
.map_info .map{
	width: 380px;
	height: 300px;
	border: 5px solid #CCCCCC;
}
.new-button{
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	outline:none;
}
.new-button .l{
	display: block;
	height: 43px;
	width: 15px;
	background-image: url(../images/btn_1.png);
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	top: 0px;
	left: -15px;
	z-index: 9999;
}
.new-button .r{
	height: 43px;
	width: 16px;
	display: block;
	background-image: url(../images/btn_2.png);
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	top: 0px;
	right: -16px;
}
.new-button .c{
	display: block;
	background-image: url(../images/btn_bg.png);
	background-repeat: repeat-x;
	background-position: center top;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	height: 23px;
	white-space: pre;
	margin-top: 0px;
	margin-right: 16px;
	margin-bottom: 0px;
	margin-left: 15px;
	position: relative;
	border: 1px dotted #000000;
	overflow: visible;
	outline:none;
}
.notice_info{
	background-image: url(../images/tick.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	background-color: #D7EBC2;
	display: block;
	border: 1px solid #669900;
	color: #669900;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
	text-align: left;
}
.notice_error{
	background-image: url(../admin/images/cancel.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	background-color: #FF0000;
	display: block;
	border: 1px solid #990000;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
	text-align: left;
}
.flv_video{
	width: 275px;
	float: right;
	padding-bottom: 10px;
}
.hrates{
	display: block;
	padding: 5px;
	border: 1px solid #000000;
	clear: both;
	width: 220px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-image: url(hbg.gif);
	background-repeat: repeat-x;
	/*background-color: #22a4e0;*/
	background-color: #000000;
	color: #FFFFFF;
	background-position: center top;
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.hrates h2{
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	margin: 2px;
	padding: 3px;
}
.hrates ul{
	margin: 0px;
	padding: 0px;
	display: block;
	list-style-type: none;
}
.hrates li{
	display: block;
	/*background-color: #075A83;*/
	background-color:#222;
	padding: 3px;
	height: 18px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 5px;
	margin-left: 2px;
	filter:shadow(color:gray);
	-moz-box-shadow: 0 5px 5px -3px black;
-webkit-box-shadow: 0 5px 5px -3px black;
	box-shadow: 0 5px 5px -3px black;
}

.hrates li.heading{
	display: block;
	/*background-color: #4abff5;*/
	background-color:#666666;
	/*background:url('../images/hbg2.gif') repeat-x 0px 0px;*/
	padding: 3px;
	height: 18px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 5px;
	margin-left: 2px;
	filter:shadow(color:gray);
	-moz-box-shadow: 0 5px 5px -3px black;
	-webkit-box-shadow: 0 5px 5px -3px black;
	box-shadow: 0 5px 5px -3px black;
}

.hrates li span{
	color: #FCEBC7;
	text-align: left;
	display: block;
	font-weight: bold;
	float: left;
	width: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.hrates li.col3 span{
	color: #FCEBC7;
	text-align: left;
	display: block;
	font-weight: bold;
	float: left;
	width: 70px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.hrates span.spi{
	color: #FCEBC7;
	text-align: left;
	display: block;
	font-weight: bold;
	float: left;
	width: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.login-area{
	display: block;
	float: right;
	position: relative;
	margin-right: 5px;
	padding-right: 2px;
}
#main-mask{
	position:absolute;
	z-index:1000;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	text-align: center;
	display: none;
}
#mask{
	position:absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	text-align: center;
	background-color: #000000;
	z-index: -1;
}