@charset "utf-8";

/*CSS Reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0; padding:0;
	font-family:tahoma,verdana,arial,"lucida grande",sans-serif;
	
}
body {font:13px/1.231 "lucida grande","Lucida Sans Unicode",tahoma,arial,verdana,sans-serif; background:#fff; color:#4a4a4a; *font-size:small; *font:x-small; text-align:center;}
table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%; }

table {
	border-collapse:collapse; border-spacing:0; 
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal; font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	 font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}
a{color:#4a4a4a;
	text-decoration:none;
}
a:link{}
a:hover {text-decoration:underline; color:#16387c;}
a:active{color:#4a4a4a;}
a:visited{ }
a:focus { outline:0 } 

.pointer {cursor:pointer;}

/*self-fix css*/
.clearfix {zoom:1} /*for IE */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} /* for Others */

/* all pages used Elements */
#wrapper {margin:0 auto; width:948px; padding:0; text-align:left; font-size:85%;}

#mashead {height:57px; position:relative;}

#toplogo {position:absolute; left:0; top:0;}

#toplinks {position:absolute; right:0; top:24px;}
#toplinks li{display:inline;}
#toplinks li a{ color:#494949;}
#toplinks li.callUs{ font-size:14px; font-weight:bold; color:#16387c;}
#toplinks li a:hover { color:#16387c;}

/*#nav { height:34px;  background:url(/images/navigation/bg.gif) repeat-x; margin-bottom:12px; }
#nav ul.main-nav  li { float:left; font-weight:bold;  text-align:center; position:relative; z-index:79;}
#nav ul.main-nav  li.first a{ background:url(/images/navigation/first-bg.gif) no-repeat left; height:34px; width:44px;}
#nav ul.main-nav  li.last{ _width:99px;}
#nav ul.main-nav  li.last a{ background:url(/images/navigation/last-bg.gif) no-repeat right; height:34px; width:63px; _position:absolute; _left:0; _top:0}
#nav ul.main-nav  li.first-on a{ background:url(/images/navigation/first-hover-bg.gif) no-repeat left;}
#nav ul.main-nav  li.first a:hover{ background:url(/images/navigation/first-hover-bg.gif) no-repeat left;}
#nav ul.main-nav  li.last a:hover,#nav ul.main-nav  li.last a.hover{ background: url(/images/navigation/last-hover-bg.gif) no-repeat right; height:34px; }
#nav ul.main-nav  li.last-on a,#nav ul.main-nav  li.last-on a{ background: url(/images/navigation/last-hover-bg.gif) no-repeat right top; height:32px; }


#nav ul.main-nav  li a{font-size:13px; color:#fff; float:left; position:relative; line-height:30px; height:34px; padding:0 21px; text-decoration:none; display:block;}

#nav ul.main-nav  li.hover a,#nav ul.main-nav  li.on a{ background:#5e7686; height:32px;}
#nav ul.main-nav  li.hover a,#nav ul.main-nav  li a:hover{ background:#5e7686; height:34px;}
#nav ul.main-nav  li.non-dropdown a{ height:32px;}

#nav ul.main-nav  li .pipe{ position:absolute; right:0; top:0px; border-left:1px solid #293f4e; border-right:1px solid #5ca4d6; height:32px;}

#nav .subnavi{ color:#fff; text-align:left; display:none; position:absolute; top:34px; z-index:99;}
#nav ul.main-nav li.hover .subnavi{ display:block;}
#nav .subnavi .content{ background:url(/images/navigation/sub-navi-contentBg.png) repeat-y right; padding:0 20px; padding-top:8px; zoom:1;}
#nav .subnavi .content ul{ zoom:1;}


#nav .subnavi .content ul:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
#nav .subnavi .content li { float:left; width:100%; _height:18px; color:#fff; text-align:left; font-weight:normal; font-size:12px;}
#nav .subnavi .content li a{ padding:0 0 0 14px; clear:both; color:#fff; line-height:19px; font-size:12px; float:none; position:static; height:auto!important; width:auto!important;  background:url(/images/navigation/navi-liBg.gif) no-repeat 0 6px!important;}
#nav .subnavi .content li a:hover{ text-decoration:underline;}
#nav .subnavi .content p a{ font-weight:bold; padding:8px 0 0 0; height:auto!important; float:none; position:static; clear:both;}
#nav .subnavi .content p.child a{ color:#d9f0fe; padding:0 0 0 14px;  height:auto!important; float:none; position:static;}
#nav .subnavi .top{ background:url(/images/navigation/sub-navi-topBg.png) no-repeat right; height:7px; line-height:0; font-size:0;}
#nav .subnavi .top-right{ background:url(/images/navigation/sub-navi-topBg-right.png) no-repeat left; height:7px; border-right:1px solid #292929; line-height:0; font-size:0;}

#nav .subnavi .content ul ul.thirdlevel{ margin-bottom:6px;}
#nav .subnavi .content ul ul.thirdlevel a{ margin-left:16px; font-size:11px; color:#d9f0fe; line-height:18px; background: url(/images/navigation/navi-liBg-1.gif) no-repeat left !important; padding-left:10px;}

#nav .subnavi .bottom div.bottom{ position:relative;}
#nav .subnavi .bottom div.bottom-left{ position:absolute; left:0;  background:url(/images/navigation/subnavi-bottomBg-left.png) no-repeat ; height:18px; width:20px;}
#nav .subnavi .bottom div.bottom-right{ position:absolute; right:0;  background:url(/images/navigation/subnavi-bottomBg-right.png) no-repeat ; height:18px; width:20px; }
#nav .subnavi .bottom div.bottom-middle{  background:url(/images/navigation/subnavi-bottomBg-middle.png) repeat-x; height:18px; margin:0 20px; }*/

#nav { height:34px;  background:url(/images/navigation/bg.gif) repeat-x; margin-bottom:7px; }
#nav ul.main-nav  li { float:left; font-weight:bold;  text-align:center; position:relative; z-index:79;}
#nav ul.main-nav  li.first a{ background:url(/images/navigation/first-bg.gif) no-repeat left; height:34px;}
#nav ul.main-nav  li.last{}
#nav ul.main-nav  li.last a{ background:url(/images/navigation/last-bg.gif) no-repeat right; height:34px;  _position:absolute; _left:0; _top:0}
#nav ul.main-nav  li.first-on a{ background:url(/images/navigation/first-hover-bg.gif) no-repeat left;}
#nav ul.main-nav  li.first a:hover{ background:url(/images/navigation/first-hover-bg.gif) no-repeat left;}
#nav ul.main-nav  li.last a:hover,#nav ul.main-nav  li.last a.hover{ background: url(/images/navigation/last-hover-bg.gif) no-repeat right; height:34px; }
#nav ul.main-nav  li.last-on a,#nav ul.main-nav  li.last-on a{ background: url(/images/navigation/last-hover-bg.gif) no-repeat right top; height:32px; }


#nav ul.main-nav  li a{font-size:13px; color:#fff; float:left; position:relative; line-height:30px; height:34px; text-decoration:none; display:block;}

#nav ul.main-nav  li.hover a,#nav ul.main-nav  li.on a{ background:url(/images/navigation/hover-bg.gif) repeat-x; height:32px;}
#nav ul.main-nav  li.hover a,#nav ul.main-nav  li a:hover{ background:url(/images/navigation/hover-bg.gif) repeat-x; height:34px;}
#nav ul.main-nav  li.non-dropdown a{ height:32px;}

#nav ul.main-nav  li .pipe{ position:absolute; right:0; top:0px; border-left:1px solid #293f4e; border-right:1px solid #5ca4d6; height:32px;}

#nav .subnavi{ color:#fff; text-align:left; display:none; position:absolute; top:34px; z-index:99;}
#nav ul.main-nav li.hover .subnavi{ display:block;}
#nav .subnavi .content{ background:url(/images/navigation/sub-navi-contentBg.png) repeat-y right; padding:8px 20px;  zoom:1; margin-top:-1px; margin-bottom:-2px;}
#nav .subnavi .content ul{ zoom:1;}


#nav .subnavi .content ul:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
#nav .subnavi .content li { float:left; width:100%; _height:18px; color:#fff; text-align:left; font-weight:normal; font-size:12px;}
#nav .subnavi .content li a{ padding:0 0 0 14px; clear:both; color:#fff; line-height:19px; font-size:12px; float:none; position:static; height:auto!important; width:auto!important;  background:url(/images/navigation/navi-liBg.gif) no-repeat 0 6px!important;}
#nav .subnavi .content li a:hover{ text-decoration:underline;}
#nav .subnavi .content p a{ font-weight:bold; padding:8px 0 0 0; height:auto!important; float:none; position:static; clear:both;}
#nav .subnavi .content p.child a{ color:#d9f0fe; padding:0 0 0 14px;  height:auto!important; float:none; position:static;}
#nav .subnavi .top{ background:url(/images/navigation/sub-navi-topBg.png) no-repeat right; height:7px; line-height:0; font-size:1px; position:relative; top:0;}
#nav .subnavi .top-right{ background:url(/images/navigation/sub-navi-topBg-right.png) no-repeat left; height:7px; border-right:1px solid #292929; line-height:0; font-size:0;}

#nav .subnavi .content ul ul.thirdlevel{ margin-bottom:6px;}
#nav .subnavi .content ul ul.thirdlevel a{ margin-left:16px; font-size:11px; color:#d9f0fe; line-height:18px; background: url(/images/navigation/navi-liBg-1.gif) no-repeat left !important; padding-left:10px;}



/*#nav .subnavi .bottom {position:relative;}*/
#nav .subnavi .bottom div.bottom-left{ position:absolute; left:0;  background:url(/images/navigation/subnavi-bottomBg-left.png) no-repeat ; font-size:1px; line-height:0;  height:18px; width:20px;}
#nav .subnavi .bottom div.bottom-right{ position:absolute; right:0;  background:url(/images/navigation/subnavi-bottomBg-right.png) no-repeat ; font-size:1px; line-height:0;  height:18px; width:20px; }
#nav .subnavi .bottom div.bottom-middle{  background:url(/images/navigation/subnavi-bottomBg-middle.png) repeat-x; height:18px; font-size:1px; line-height:0; margin:0 19px; _margin:0 20px;}


#footer {  clear:both; margin-top:12px;}
#footer a{  font-weight:normal; }
#footer li a{}
#footer .ft_top{ background:url(/images/home_footerTop.gif) no-repeat; height:15px; width:948px; line-height:0;}
#footer .ft_middle{ border:1px solid #c5cdd5; border-bottom:none; border-top:none; width:912px; padding:0 16px 16px 18px;}
#footer .ft_middle .quick_link{ width:516px; padding-right:18px; border-right:1px solid #bcc7ce; float:left;}
#footer .ft_middle .quick_link .links{ float:left; margin-right:16px; width:242px;  line-height:16px;}
#footer .ft_middle .quick_link .special{ width:90px; }
#footer .ft_middle .quick_link .links p{ padding:8px 0 0px 0;}
#footer .ft_middle .quick_link .links p.title{ font-size:12px; font-weight:bold;  padding:0; color:#16387c;}


#footer .ft_middle .customer_quote{ margin-left:18px; float:left; width:355px; _width:342px; }
#footer .ft_middle .customer_quote .title{ font-size:12px; font-weight:bold; color:#666; padding-left:20px;}
#footer .ft_middle .customer_quote .logo{padding:4px 0;}
#footer .ft_middle .customer_quote .logo .left { float:left; text-align:right; padding-top:50px; padding-left:6px;}
#footer .ft_middle .customer_quote .logo .right{ float:right; text-align:left; padding-top:50px; padding-right:6px;}
#footer .ft_middle .customer_quote .logo .disabled{ cursor:default;}
#footer .ft_middle .customer_quote .logo .disabled img{ opacity:0.3; filter:alpha(opacity=30);}
#footer .ft_middle .customer_quote .logo .content{ text-align:center;}
#footer .ft_middle .customer_quote .logo .content div{ width:308px; height:106px; margin:0 auto; overflow:hidden;}
#footer .ft_middle .customer_quote .logo .content div span{ width:10000px; display:block}
#footer .ft_middle .customer_quote .logo .content div span img{ display:block; float:left; width:308px; height:106px}


#footer .ft_middle .customer_quote p.quote{  padding-left:22px; padding-top:8px; line-height:16px; background:url(/images/home_quoteTop.gif) left top no-repeat;}

#footer .ft_middle .customer_quote p.quoter{ color:#16387c;  text-align:right; padding-top:16px;}

#footer .ft_bottom{ background:url(/images/home_footerBg.gif) no-repeat top; height:38px; line-height:38px; clear:both; color:#606060; text-align:center; }
/*#footer .ft_bottom .title{ color:#16387c; font-weight:bold;}
#footer .ft_bottom a{ color:#606060;}
#footer .ft_bottom a:hover{ text-decoration:underline;}
#footer .ft_bottom div.subscribe{ position:absolute; right:150px; top:11px; border:1px solid #c1cad2; line-height:16px; background:#fff; display:table-cell; vertical-align:middle;}
#footer .ft_bottom div.subscribe input{ font-size:11px; width:100px; padding-top:1px; padding-left:4px; border:0; color:#4a4a4a; float:left;}
#footer .ft_bottom div.subscribe img{ float:right;  *float:none; *vertical-align:middle;}*/


#footer .copyright{ text-align:center; color:#888; line-height:18px; margin-top:8px; margin-bottom:6px;}
#footer .copyright img{ padding-left:6px; vertical-align:middle; padding-bottom:1px; *padding-bottom:0px;}
#footer .copyright a{ color:#888;}
#footer .copyright a:hover{ text-decoration:underline;}

td.catemain  {
font-weight:bold;
padding:4px;
}
td.maintext, td.login_text{
padding:4px;
}

td.maintext select {
	font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#4a4a4a;
}