@charset "gb2312";

html { background: #f1f6fa url(../img/bkgd-tile-sky-grass.jpg) top center repeat-x; }
body { background: url(../img/bkgd-hill-tree.jpg) 49% 0 no-repeat; padding-top: 33px; background: url(../img/bkgd-hill-tree.jpg) 49% 0 no-repeat; }

/* Header with main navigation */
/*#hd { width: 960px; margin-right: auto; margin-left: auto; overflow: auto; }
#hd #logo { float:left; margin:16px 0 0 59px; overflow:hidden; background: url(../img/logo.png) 0 0 no-repeat; }
#hd #logo a { display: block; width:168px; height:57px; text-indent: -9999px; }

#hd { position: relative; z-index: 1; }*/

/*#hd #hd-navigation { position: absolute; top: 26px; right: 92px; }*/
/*#hd #hd-navigation { position: absolute; top: 18px; left: 260px; }
#hd #hd-navigation { width: 643px; height: 30px; }

#hd #hd-navigation ul      { list-style: none; margin: 0; padding: 0; }
#hd #hd-navigation ul li   { margin: 0; padding: 0; display: inline; }
#hd #hd-navigation ul li a { display: block; float: left; height: 30px; margin-right: 5px; text-indent: -9999px; background-image: url(../img/navs.gif); background-repeat: no-repeat; }

#hd #hd-navigation ul li#nav-testresults a { width: 99px;  background-position: 0 0px; }
#hd #hd-navigation ul li#nav-envbenefits a { width: 170px; background-position: -104px 0px; }
#hd #hd-navigation ul li#nav-financing   a { width: 84px;  background-position: -279px 0px; }
#hd #hd-navigation ul li#nav-faq         a { width: 42px;  background-position: -368px 0px; }
#hd #hd-navigation ul li#nav-about       a { width: 76px;  background-position: -415px 0px; }
#hd #hd-navigation ul li#nav-contact     a { width: 92px;  background-position: -496px 0px; }
#hd #hd-navigation ul li#nav-home        a { width: 50px;  background-position: -593px 0px; margin-right: 0px; }

#hd #hd-navigation ul li#nav-testresults a.navON, #hd #hd-navigation ul li#nav-testresults a:hover { background-position: 0 -30px; }
#hd #hd-navigation ul li#nav-envbenefits a.navON, #hd #hd-navigation ul li#nav-envbenefits a:hover { background-position: -104px -30px; }
#hd #hd-navigation ul li#nav-financing   a.navON, #hd #hd-navigation ul li#nav-financing   a:hover { background-position: -279px -30px; }
#hd #hd-navigation ul li#nav-faq         a.navON, #hd #hd-navigation ul li#nav-faq         a:hover { background-position: -368px -30px; }
#hd #hd-navigation ul li#nav-about       a.navON, #hd #hd-navigation ul li#nav-about       a:hover { background-position: -415px -30px; }
#hd #hd-navigation ul li#nav-contact     a.navON, #hd #hd-navigation ul li#nav-contact     a:hover { background-position: -496px -30px; }
#hd #hd-navigation ul li#nav-home        a.navON, #hd #hd-navigation ul li#nav-home        a:hover { background-position: -593px -30px; }
*/

/* Header */
#hd { width: 960px; margin: auto; height: 467px; }
/*#hd #company-logo   { position: absolute; top: 16px; left: 59px; background: url(../img/logo.png) no-repeat 0 0; }*/
#hd #company-logo	{float:left;margin:16px 0 0 59px;width:326px;height:57px;}
* html #hd #company-logo{display:inline;}
#hd #company-logo a { text-indent: -9999px; width: 326px; height: 57px; display: block; background: url(../img/logo.png) no-repeat 0 0;}
* html #hd #company-logo a{ 
	background:none;
	margin-left:29px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/logo.png' ,sizingMethod='crop');
}
/*#hd #hd-navigation { position: absolute; top: 26px; right: 59px; }*/
#hd #hd-navigation { float:right; margin-top: 18px; margin-right: 60px; }/*position: absolute; top: 18px; left: 260px; }*/
#hd #hd-navigation { /*background: url(../img/navs-interior.gif) 0 0 no-repeat;*/ /*width: 643px;*/ height: 30px; }

#hd #hd-navigation ul      { list-style: none; margin: 0; padding: 0; }
#hd #hd-navigation ul li   { margin: 0; padding: 0; float: right; list-style: none; }
#hd #hd-navigation ul li a { display: block;  height: 30px; margin-right: 5px; text-indent: -9999px; background-image: url(../img/navs-interior.gif); background-repeat: no-repeat; }

#hd #hd-navigation ul li#nav-testresults a { width: 99px;  background-position: 0 0px; }
#hd #hd-navigation ul li#nav-envbenefits a { width: 70px;  background-position: -360px 0px; }
#hd #hd-navigation ul li#nav-financing   a { width: 70px;  background-position: -284px 0px; }
#hd #hd-navigation ul li#nav-faq         a { width: 70px;  background-position: -208px 0px; }
#hd #hd-navigation ul li#nav-about       a { width: 70px;  background-position: -132px 0px; }
#hd #hd-navigation ul li#nav-contact     a { width: 70px;  background-position: -56px 0px; }
#hd #hd-navigation ul li#nav-home        a { width: 50px;  background-position: 0px 0px;}

#hd #hd-navigation ul li#nav-testresults a.navON, #hd #hd-navigation ul li#nav-testresults a:hover { background-position: 0 -30px; }
#hd #hd-navigation ul li#nav-envbenefits a.navON, #hd #hd-navigation ul li#nav-envbenefits a:hover { background-position: -360px -30px; }
#hd #hd-navigation ul li#nav-financing   a.navON, #hd #hd-navigation ul li#nav-financing   a:hover { background-position: -284px -30px; }
#hd #hd-navigation ul li#nav-faq         a.navON, #hd #hd-navigation ul li#nav-faq         a:hover { background-position: -208px -30px; }
#hd #hd-navigation ul li#nav-about       a.navON, #hd #hd-navigation ul li#nav-about       a:hover { background-position: -132px -30px; }
#hd #hd-navigation ul li#nav-contact     a.navON, #hd #hd-navigation ul li#nav-contact     a:hover { background-position: -56px -30px; }
#hd #hd-navigation ul li#nav-home        a.navON, #hd #hd-navigation ul li#nav-home        a:hover { background-position: -0px -30px; }

/* Banner and intro text */
#intro-text    { width: 840px; height: 108px; margin: 10px auto 0 auto; color: #ffffff; clear:both; padding-top: 1em; /*position: absolute; top: 60px; left: 60px; */}
* html #intro-text{padding-left:24px;}
#intro-text h1 { font: 26px/1.2em "΢ÈíÑźÚ", Arial, Helvetica, Sans-Serif; margin: 0 0 0.25em 0; padding: 0; }
#intro-text p  { font: 14px/1.5em "΢ÈíÑźÚ",Arial, Helvetica, sans-serif; }
#intro-text a  { color: #e3ef92; }
#introFlash    { margin-top:11px;width: 1004px; height:223px;background:url(../img/banner.jpg) no-repeat -7px 0; }
*+html #introFlash {margin-top:1px;background-position:-1px 0}
* html #introFlash {width:1004px;margin-top:-6px; background-position:23px 0}
#introFlash h2 {height:57px;padding:97px 0 0 330px;width:317px;}
#introFlash a  {
	background:url("../img/btn_hrb.png") no-repeat scroll 0 0 transparent;
	display:block;
	height:57px;
	text-indent:-2000em;
	width:317px;
}
* html #introFlash h2{padding-left:358px}
/* Content regions (positioning) */
#main-region { clear: both; width: 900px; margin: 0 auto; padding: 0 30px 0 30px; overflow: auto; z-index: 2; }

#main-region #region1 { position: relative; float: left; width: 495px; padding: 0 30px 30px 30px; background: #ffffff url(../img/region1-top.gif) 0 0 no-repeat; color: #0d3d61; font-size: 14px; }
* html #main-region #region1{padding-left:25px;}
#main-region #region1 .region1-ft { position: absolute; bottom: 0; left: 0; width: 555px; height: 5px; background: #ffffff url(../img/region1-bot.gif) 0 0 no-repeat; }

/* Content Styles */
#main-region #region1 h1 { color: #73a5ca; font: 24px/1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
ul.list1 { list-style: none; margin: 0; padding: 0; position: relative; }
ul.list1 li { font-size: 12px; list-style: none; border-bottom: 1px solid #b9d2e4; margin: 0 0 22px 0; padding: 0 0 22px 60px; }
ul.list1 li span.title { font-size: 14px; font-weight: bold; font-style: italic; }

.icon-pump     { background: url(../img/icon-lg-pump.gif) 0 0 no-repeat; }
.icon-nowrench { background: url(../img/icon-lg-nowrench.gif) 0 0 no-repeat; }
.icon-leaf     { background: url(../img/icon-lg-leaf.gif) 0 0 no-repeat; }
.icon-nohand   { background: url(../img/icon-lg-nohand.gif) 0 0 no-repeat; }
.icon-wheel    { background: url(../img/icon-lg-wheel.gif) 0 0 no-repeat; }
.icon-gage     { background: url(../img/icon-lg-gage.gif) 0 0 no-repeat; }
.icon-dollar   { background: url(../img/icon-lg-dollar.gif) 0 0 no-repeat; }

/* Content Link Styles */
#main-region #region1 a { color: #666; text-decoration: none; }
* html #main-region #region1 a,*+html #main-region #region1 a,*+html .annulist a,* html .annulist a{display:block;float:left;}
* html #main-region #region1 a{float:left;}
#main-region #region1 a:hover { color: #fff; }

#morelink{
	display:block;
	float:right;
	margin:27px 10px 0 0;
	width:30px;
	height:12px;
	background:url(../img/btn_more.gif) no-repeat;
	text-indent:-2000em;
}

/* Right Side Bar */
#main-region #region2 { float: left; width:340px; }
* html #main-region #region2 { width:345px;display:inline;overflow:hidden;}
#region2 #annu { width: 340px; height: 309px; margin-left:9px; background:url(../img/bg_annu.jpg) no-repeat; }
* html #region2 #annu{overflow:hidden;}

.noti0, .noti1, .noti2, .noti3, .noti4,.h1_noti4{heigth:24px;background:url("../img/bg_annu.gif") no-repeat scroll 0 42px transparent;}
.h1_noti4{width:300px;margin:0 auto;}
.noti0 h2, .noti1 h2, .noti2 h2, .noti3 h2, .noti4 h2,.h1_noti4 h2{
	height:24px;
	padding:20px 0 0 5px;
	font-size:16px;
	color:#0c3d60;
}

.newslist{background:url("../img/ul_newslist.gif") repeat scroll 0 0 transparent;list-style-type:none;margin:10px auto;width:500px;}
.annulist{background:url("../img/ul_newslist.gif") repeat scroll 0 0 transparent;list-style-type:none;margin:0 auto;width:300px;}
.newslist li,.annulist li{padding-left:20px;text-align:left;line-height:31px; background:url(../img/li_newslist.gif) no-repeat 8px 50%;}
* html .newslist li img{margin-top:10px;}
.newslist li span,.annulist li span{float:right;margin-right:10px;}
.newslist a,.annulist a,a{color:#666;text-decoration:none;}
* html .annulist a{float:left;}
.annulist img,.newslist img{float:left;margin-top:10px;}
.newslist a:hover,.annulist a:hover{color:#fff;background:#39a0dc;}

#region2 .promo { width: 194px; height: 116px; margin: 0 0 15px 10px; padding: 27px 10px 0 132px; }
#region2 .promo h3 { margin: 0; padding: 0; color: #0d3d61; font: normal 18px/1.3em "΢ÈíÑźÚ", Arial, Helvetica, sans-serif; }
#region2 .promo p  { margin: 0; padding: 0; color: #E47A30; font: 24px/2.1em  Georgia, Arial, Helvetica, sans-serif; }

#region2 #promo-video { background: url(../img/promo-video.jpg) 0 0 no-repeat; }
#region2 #promo-leaf  { background: url(../img/promo-leaf.jpg) 0 0 no-repeat; }

/* Footer */
#footer { width: 840px; margin: 13px auto 0 auto; padding: 25px 30px 0 30px; clear: both; overflow: auto; background: #0d3d61 url(../img/footer-top.gif) 0 0 no-repeat; text-align:center; }
#footer span.rights {color: #fff;}
#footer p{color:#98bdd8;line-height:210%;}
#footer span.title { text-transform: uppercase; font-weight: bold; }
#footer ul.index { float: right; margin: 0; padding: 0; }
#footer ul.index li { list-style: none; display: inline; padding-left: 18px; }
#footer ul.index li a { color: #73a5ca; text-decoration: none; font: 11px/1.2em Arial, Helvetica, sans-serif; }