@charset "utf-8";

/* ================================================================================== */
/* =============================== index.php [START] ================================ */
/* ================================================================================== */
*{ margin:0px; padding:0px; border:0px; font-family:Tahoma, Arial, Verdana, Helvetica;
   font-size:14px; line-height:17px; color:#000000;  background-repeat:no-repeat; }
a{ text-decoration:none; }
a img{ border:0px;}
html{ height:100%; }
body{ background:url(../graph/shared/body_bg.gif) 0px 0px repeat #333737;height:100%; }
.tag_p{ text-indent:22px; }
/* =============================== override [START] ================================= */
.override:after, .mde:after, .mdel:after, .mder:after, .mdex:after, .mdey:after, .title:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	
	/* Added By WEBZONES */
	line-height:0px;
	font-size:0px;
	/* Added By WEBZONES */
}

.override, .mde, .mdel, .mder, .mdex, .mdey, .title{display: inline-block;}

/* Hides from IE-mac \*/
* html .override, * html .mde, * html .mdel, * html .mder, * html .mdex, * html .mdey, * html .title{height: 1%;}
.override, .mde, .mdel, .mder, .mdex, .mdey, .title{display: block;}
/* End hide from IE-mac */
/* =============================== override [END] =================================== */
/* =============== text  =============== */
/* =============================== mdeul [START] ==================================== */
.mdeul{ position:relative; overflow:hidden; margin:0px; padding:0px; }
.mdeul_bg0 li{ background:url(../graph/shared/ul_sign0.gif) 0px 5px no-repeat; }
.mdeul_bg1 li{ background:url(../graph/shared/ul_sign1.gif) 0px 9px no-repeat; }
.mdeul_bg2 li{ background:url(../graph/shared/ul_sign2.gif) 0px 9px no-repeat; }
.mdeul_bg3 li{ background:url(../graph/shared/ul_sign3.gif) 0px 5px no-repeat; }
.mdeul_bg4 li{ background:url(../graph/shared/ul_sign4.gif) 0px 5px no-repeat; }

.mdeul_bg0o li{ background:url(../graph/shared/ul_sign0.gif) 0px 5px no-repeat !important; }
.mdeul_bg1o li{ background:url(../graph/shared/ul_sign1.gif) 0px 9px no-repeat !important; }
.mdeul_bg2o li{ background:url(../graph/shared/ul_sign2.gif) 0px 9px no-repeat !important; }
.mdeul_bg3o li{ background:url(../graph/shared/ul_sign3.gif) 0px 4px no-repeat !important; }

.set_mdeul_bg0 ul li{ background:url(../graph/shared/ul_sign0.gif) 0px 5px no-repeat !important; }
.set_mdeul_bg1 ul li{ background:url(../graph/shared/ul_sign1.gif) 0px 5px no-repeat !important; }
.set_mdeul_bg2 ul li{ background:url(../graph/shared/ul_sign2.gif) 0px 5px no-repeat !important; }
.set_mdeul_bg3 ul li{ background:url(../graph/shared/ul_sign3.gif) 0px 5px no-repeat !important; }


.mdeul li{
	/*background:url(../graph/_shared/ul_sign1.gif) 0px 4px no-repeat;*/
	padding-left:15px;
	list-style:none;
	position:relative;
	overflow:hidden;
	min-width:80%;
}

.mdeul li p{margin-left:0px; margin-right:0px; position:relative; }
.mdeul_pg8 li{ padding-left:8px !important; }
.mdeul_pm5 li{ padding-bottom:5px !important; }
.mdeul_pm8 li{ padding-bottom:8px !important; }

.span_ab{
	position:absolute;
	left:0px;
}
.mdeul_span_ab{ overflow:visible !important; }
.mdeul_span_ab li{ padding-left:22px !important; }
/* =============================== mdeul [END] ====================================== */
/* =============================== mdedl [START] ==================================== */
.mdedl{ position:relative; overflow:hidden; }
.mdedl dt{
	width:50%;
	float:left;
	position:relative;
	overflow:hidden;
}
.mdedl dd{
	width:50%;
	float:right;
	position:relative;
	overflow:hidden;
}
.mdedl_set1{ width:270px; }
.mdedl_set1 dt{ width:70px; margin-top:3px; }
.mdedl_set1 dd{ width:192px; }
/* =============================== mdedl [END] ====================================== */
/* =============================== mde [START] ====================================== */
.color_white{ color:#ffffff !important; }
.color_orange{ color:#ff7200 !important; }
.color_black{ color:#1a171b !important; }
.color_red{ color:#c80000 !important; }
.color_grey{ color:#707070 !important; }
.color_green{ color:#186f11 !important; }
.color_blue{ color:#00789a !important; }
.color_blue2{ color:#003357 !important; }
.bg_red{ background-color:#b83535 !important; }
.bg_white{ background-color:#ffffff !important; }
.bg_orange{ background-color:#f09214 !important; }
.bg_orange2{ background-color:#e56c00 !important; }
.bg_green{ background-color:#0c8e12 !important; }
.bg_black{ background-color:#1a171b !important; }
.bg_grey{ background-color:#eeefef !important; }
.bg_body{ background-color:#333a40 !important; }
.size10{ font-size:10px !important; line-height:14px !important;}
.size11{ font-size:11px !important; line-height:14px !important;}
.size12{ font-size:12px !important; line-height:15px !important;}
.size14{ font-size:14px !important; line-height:17px !important;}
.size16{ font-size:16px !important; line-height:20px !important; }
.size18{ font-size:18px !important; line-height:22px !important; }
.size20{ font-size:20px !important; line-height:24px !important; }
.size22{ font-size:22px !important; line-height:26px !important; }
.size24{ font-size:24px !important; line-height:28px !important; }

a{
	font: 14px/17px Tahoma, Arial, Verdana, Helvetica;
	color:#000000;
	text-decoration:underline;
}
a:hover{ color:#c80000; text-decoration:underline; }
.under_off{ text-decoration:none; }
.set_bold{ font-weight:bold; }

h1{	font:bold 18px/22px Tahoma, Arial, Verdana, Helvetica; }
/*
h2{	font: 24px/28px Tahoma, Arial, Verdana, Helvetica; }
*/

#main_container, .main_container{
	width:100%;
	position:relative;
	left:0px;
	min-width:990px;
	overflow:hidden;
}

.main_grey{
	background:url(../graph/shared/main_greybg.gif) 0px bottom repeat-x #b1b3b3;
	border-bottom:1px solid #b1b3b3;
	width:100%;
	padding:0px 0px 1px 0px;
	position:relative;
	left:0px;
	overflow:hidden;
}


.mde{
	width:981px;
	margin:0px auto 0px auto;
	position:relative;
	/* override */
}

.mdel{
	width:200px;
	position:relative;
	float:left;
	margin-right:-3px;
	/* override */
}


.mder{
	width:795px;
	position:relative;
	float:right;
	margin-left:-3px;
	/* override */
}

.mdex{
	width:590px;
	position:relative;
	float:left;
	margin-right:-3px;
	/*overflow:hidden;*/
}

.mdey{
	width:205px; 
	position:relative;
	float:right;
	margin-left:-3px;
	/* overrride */
}
/* =============================== mde [END] ======================================== */
/* =============================== top [START] ====================================== */
#top{ background:url(../graph/shared/body_bg2.gif) 0px 0px repeat-x;  height:147px; }
#top_lt{
	background:url(../graph/shared/body_bg2.gif) 0px 0px repeat-x;
	width:1000px;
	height:347px;
	position:absolute;
	left:-1000px;
	top:0px;
}

#top_rt{
	background:url(../graph/shared/body_bg2.gif) -1px 0px repeat-x;
	width:1000px;
	height:347px;
	position:absolute;
	left:981px;
	top:0px;
}

#top_bg{
	background:url(../graph/shared/top/top_bg.jpg) 0px 0px no-repeat;
	width:987px;
	height:146px;
	position:absolute;
	left:24px;
	top:0px;
	overflow:hidden;
}

#top_logo{
	background:url(../graph/shared/top/top_logo.gif) 0px 0px no-repeat;
	width:218px;
	height:84px;
	position:absolute;
	left:40px;
	top:62px;
}

#top_contact{ 
	background:url(../graph/shared/top/top_contact.gif) 0px 0px no-repeat;
	width:345px;
	height:89px;
	position:absolute;
	left:636px;
	top:11px;
}
/* =============================== top [END] ======================================== */
/* =============================== menu [START] ===================================== */
#menu{ background:url(../graph/shared/body_bg2.gif) 0px -147px repeat-x;  height:51px; z-index:2; }

.menul{
	height:49px;
	width:981px;
	position:absolute;
	left:0px;
	top:1px;
}
.menul li{
	background:url(../graph/shared/empty.gif) 0px 0px no-repeat;
	list-style:none;
	height:49px;
	position:relative;
	float:left;
}
.menul li a{
	height:18px;
	padding:16px 27px 15px 26px;
	position:relative;
	float:left;
	overflow:hidden;
}
.menul li a img{ height:18px; position:relative; }

#menul_1 a img{ background-image:url(../graph/shared/menu/menul_1.png); width:81px; }
#menul_2 a img{ background-image:url(../graph/shared/menu/menul_2.png); width:80px; }
#menul_3 a img{ background-image:url(../graph/shared/menu/menul_3.png); width:121px; }
#menul_4 a img{ background-image:url(../graph/shared/menu/menul_4.png); width:90px; }
#menul_5 a img{ background-image:url(../graph/shared/menu/menul_5.png); width:190px; }
#menul_6 a img{ background-image:url(../graph/shared/menu/menul_6.png); width:101px; }

#menul_1a a img, #menul_1 a:hover img{ background-image:url(../graph/shared/menu/hover/menul_1.png); width:81px; }
#menul_2a a img, #menul_2 a:hover img{ background-image:url(../graph/shared/menu/hover/menul_2.png); width:80px; }
#menul_3a a img, #menul_3 a:hover img{ background-image:url(../graph/shared/menu/hover/menul_3.png); width:121px; }
#menul_4a a img, #menul_4 a:hover img{ background-image:url(../graph/shared/menu/hover/menul_4.png); width:90px; }
#menul_5a a img, #menul_5 a:hover img{ background-image:url(../graph/shared/menu/hover/menul_5.png); width:190px; }
#menul_6a a img, #menul_6 a:hover img{ background-image:url(../graph/shared/menu/hover/menul_6.png); width:101px; }

   
.menul li:hover{/*OPERA Fix*/ }
.menul li:hover ul{ display:block; }

.menul li ul{
	background:url(../graph/shared/menu/menul_bg.png) 0px 0px repeat;
	width:231px;
	/*border-top:1px solid #c40000;*/
	border-bottom:2px solid #c40000;
	position:absolute;
	padding:0px 0px 0px 0px;
	left:0px;
	top:49px;
	overflow:hidden;
	display:none;
}

.menul li ul li{
	background:url(../graph/shared/menu/menul_sep1.gif) 0px 0px repeat-x;
	/*border-bottom:1px solid #aeacac;*/
	width:231px;
	height:auto;
	padding:1px 0px 0px 0px;
	position:relative;
	float:left;
	overflow:hidden;
}

.menul li ul li a{
	background:url(../graph/shared/menu/menul_sign1.gif) 12px 14px no-repeat;
	width:180px;
	height:auto;
	margin-right:-3px;
	padding:8px 25px 8px 26px;
	position:relative;
	float:left;
	overflow:hidden;
	
	font:14px/17px Tahoma, Arial, Verdana, Helvetica;
	color:#ffffff;
	text-decoration:none;
}
.menul li ul li a:hover{ 
	background:url(../graph/shared/menu/hover/menul_sign1.gif) 12px 14px no-repeat #c80000; 
	color:#ffffff; 
	text-decoration:none; 
}
/* =============================== menu [END] ======================================= */
/* =============================== info [START] ===================================== */
#info{ background:url(../graph/shared/body_bg2.gif) 0px -198px repeat-x; z-index:1; height:149px; }
#info_text1{
	background:url(../graph/shared/info/info_text1.png) 0px 0px no-repeat;
	width:646px;
	height:119px;
	position:absolute;
	left:19px;
	top:15px;
}
#info_enquiry{
	background:url(../graph/shared/info/info_enquiry.png) 0px 0px no-repeat;
	width:214px;
	height:48px;
	position:absolute;
	left:746px;
	top:88px;
	cursor:pointer;
}
#info_enquiry:hover{ background:url(../graph/shared/info/hover/info_enquiry.png) 0px 0px no-repeat; }
#info_enquiry{}
/* =============================== info [END] ======================================= */
/* =============================== foot [START] ===================================== */


#foot{ width:975px; padding:4px 3px 4px 3px; }
#foot .full{
	width:100%;
	padding:13px 0px 17px 0px;
	position:relative;
	overflow:hidden;
}
.foot_sep{ margin-left:6px; margin-right:6px; }
.foot_span{ padding:0px 10px 15px 10px; border-bottom:1px solid #6f6f6f; position:relative; overflow:hidden; }
.foot_span a{
	background:url(../graph/shared/foot/foot_sign1.gif) 0px 6px no-repeat;
	padding-left:15px;
	margin:0px 12px 0px 12px;
	color:#999999; 
	text-decoration:none;  
}
.foot_span a:hover{ background:url(../graph/shared/foot/hover/foot_sign1.gif) 0px 6px no-repeat; color:#c80000; }
#foot .lt{ float:left; }
#foot .rt{ float:right; }

#foot .lt, #foot .rt, #foot .lt *, #foot .rt *{ 
	line-height:15px;
	font-size:11px;
	color:#666666;
}
#foot .lt a, #foot .rt a{ text-decoration:none; }
#foot .lt a:hover, #foot .rt a:hover{ color:#ffffff; }
#foot_sign{ padding:3px 0px 11px 2px !important; width:816px !important; margin:0px auto 0px auto; }
/* =============================== foot [END] ======================================= */
/* =============================== cont [START] ===================================== */
#cont{ padding:7px 0px 7px 0px; }
/* =============================== cont [END] ======================================= */
/* =============================== main [START] ===================================== */
.main_up, .main_dn{
	width:981px;
	height:11px;
	position:relative;
	overflow:hidden;
}
.main_up{ background:url(../graph/shared/mde/main/main_up.png) 0px 0px no-repeat; }
.main_dn{ background:url(../graph/shared/mde/main/main_dn.png) 0px 0px no-repeat; }
.main{
	background:url(../graph/shared/mde/main/main_bg.png) 0px 0px repeat-y;
	width:933px;
	padding:0px 24px 0px 24px;
	position:relative;
	overflow:hidden;
}

.main, .main *{ line-height:22px; }
.main_pg{ width:981px; padding:0px; }
/* =============================== main [END] ======================================= */
/* =============================== title [START] ==================================== */
#title, .title{
	padding:0px 74px 4px 0px;
	margin-bottom:16px;
	width:859px;
	position:relative;
	overflow:hidden;
	border-bottom:1px solid #c80000;
}
#title h1, .title h1, #title h2, .title h2{ color:#c80000; }
#title_control{
	width:65px;
	position:absolute;
	bottom:0px; 
	right:8px;
	overflow:hidden;
}
#title_control_printer{ padding:5px 2px 0px 2px; }
#title_control_printer:hover{ background:#89d6fa; }
#title_control_font1{ cursor:pointer; margin-right:8px; padding:1px; }
#title_control_font2{ cursor:pointer; margin-right:8px; padding:1px; }
#title_control_font1:hover, #title_control_font2:hover{
	background:#89d6fa;
	color:#666666;
}
/* =============================== title [END] ====================================== */
/* =============================== formd [START] ==================================== */
.formd{
	width:622px;
	position:relative;
	border:0px;
	margin:0px auto 0px auto;
	padding:0px;
	overflow:hidden;
}
/* ========== box_formd ============== */
/*
.box_formd{ width:auto; }
.box_formd, .box_formd *{ font-size:12px; line-height:16px; }
.box_formd h1{ font-size:26px; line-height:30px; }
.box_formd h2{ font-size:18px; line-height:22px; }
.box_formd h3{ font-size:14px; line-height:17px; }


.box_formd .formd_full{ width:598px; }
.box_formd .formd_label{ width:226px; padding-right:8px; }
.box_formd .formd_label, .box_formd .formd_label *{  }
.box_formd .formd_text{ background:#f2fcf2; width:250px; border:1px solid #786527; }
.box_formd .formd_textarea{ background:#f2fcf2; width:250px; border:1px solid #786527; }
.box_formd .formd_full_button{ width:491px; }

.box_formd .formd_select{ width:258px; height:20px; border:1px solid #786527; background:#f2fcf2; }
.box_formd .formd_select option{ background:#f2fcf2; }
.box_formd .formd_submit{ 
	background:url(../graph/shared/single/btn_sign1.gif) right 6px no-repeat #566c29; 
	height:25px;
	margin:0px;
	padding:0px 28px 0px 10px;
	border:0px;
	font: bold 14px/17px "Times New Roman", Tahoma, Arial, Verdana, Helvetica; 
	color:#ffffff;
}
.box_formd .formd_submit:hover{ background:url(../graph/shared/single/btn_sign1.gif) right 6px no-repeat #d42b23; color:#ffffff;  }
*/
/* ========== box_formd ============== */
/* ========== contact_formd ========== */
.contact_formd{ width:355px; }
.contact_formd, .contact_formd *{ font-size:12px; line-height:16px; }
.contact_formd .formd_full{ width:355px; }
.contact_formd .formd_label{ width:100px; padding-right:8px; }
.contact_formd .formd_label, .contact_formd .formd_label *{  }
.contact_formd .formd_text{ background:#ffffff; width:239px; border:1px solid #c80000; }
.contact_formd .formd_textarea{ background:#ffffff; width:239px; border:1px solid #c80000; }
.contact_formd .formd_full_button{ width:355px; }
.contact_formd .formd_submit{ background:url(../graph/shared/single/btn_sendinquiry.gif) 0px 0px no-repeat; border:0px; width:129px; height:30px; }
.contact_formd .formd_submit:hover{ background:url(../graph/shared/single/hover/btn_sendinquiry.gif) 0px 0px no-repeat; width:129px; height:30px; }

.contact_formd .formd_select{ width:258px; height:20px; border:1px solid #c80000; background:#ffffff; }
.contact_formd .formd_select option{ background:#ffffff; }
/* ========== contact_formd ========== */


.formd_full{
	width:622px;
	margin:0px;
	padding:0px;
	position:relative;
	overflow:hidden;
	float:left;
}
.formd_full{ margin-top:11px; margin-right:-3px; /* IE path */ }
.formd_full_first{ margin-top:0px; }

.formd_label{
	width:170px;
	margin-top:3px;
	padding-right:9px;
	position:relative;
	float:left;
	overflow:hidden;
	
	font:12px/16px Verdana, Arial, Tahoma, Helvetica;
	color:#000000;
	text-align:right;
}

.formd_text{
	background-color:#fadead;
	width:205px;
	height:14px;
	padding:3px 3px 3px 3px;
	border:1px solid #5ed5f8;
	position:relative;
	float:left;
	
	font:12px/14px Verdana, Arial, Tahoma, Helvetica;
	color:#454545;
}

.formd_textarea{
	background-color:#fadead;
	width:435px;
	height:70px;
	padding:3px 3px 3px 3px;
	border:1px solid #5ed5f8;
	position:relative;
	float:left;
	
	font:12px/14px Verdana, Arial, Tahoma, Helvetica;
	color:#454545;
}

.formd_select{
	background:#fadead;
	width:213px;
	height:18px;
	border:1px solid #5ed5f8;

	position:relative;
	overflow:hidden;
	margin:0px;
	padding:0px;
	float:left;
}

.formd_select option{ background:#fadead; border:0px; }

.formd_radio{
	width:15px;
	height:15px;
	position:relative;
	float:left;
	overflow:hidden;
}
/* ================= formd_full_button ========== */
.formd_full_button{
	width:392px;
	margin:0px;
	margin-right:-3px;
	padding:0px;
	padding-top:11px;
	position:relative;
	overflow:hidden;
	float:left;
	left:0px;
}


.formd_submit{
	background:#fadead;
	border:1px solid #5ed5f8;
	/*width:137px;*/
	padding:10px 40px 10px 40px;
	margin:0px;
	/*height:37px;*/
	position:relative;
	float:right;
	cursor:pointer;
}

.formd_submit:hover{ background:#e0c79b; }
/* ================= formd_full_button ========== */
.color_redlight{ color:#d60600; }

/* =============================== formd [END] ====================================== */
/* ================================================================================== */
/* =============================== index.php [END] ================================== */
/* ================================================================================== */