﻿body
{
/*	background: #D7D7D7 url(/images/page-bg.png) repeat-x;*/
    background : #ccc;
	text-align: center;
	margin: 0;
	font-size:14px;
}

#container
{
	margin:30px auto 30px auto;
	width: 970px;
	text-align: left;
	background: #eee;
	padding: 15px;
}

#skipContents
{
	display: none;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
}

#header
{
	padding-top: 10px;
	height: 66px;
/*	background: white url(/images/logo-bg.gif) no-repeat;*/
background:#fff;
}

#header img
{
	float: left;
	border-style: none;
}

#title-cn
{
	margin-top: 13;
	margin-left: 165px;
	color:#3c3d3d;
	font-size: 20px;
	font-family: 黑体;
	margin-bottom: 8px;
}

#title-en
{
	margin-top: 0;
	margin-left: 165px;
	font-size: 16px;
	color: #2C70A8;
	font-family:Arial;
	text-transform: uppercase;
	font-weight:bold;
}

#banner
{
	height: 125px;
	background-image: url(/gas/images/banner.jpg);
	background-repeat:no-repeat;
	margin-bottom: 0;
}

#nav
{
	margin: 0;
	text-indent: 0;
	padding: 0 0 0 200px;
	font-size: 18px;
	font-weight:normal;
	height: 37px;
	/*background: #84ADD9 url(/images/nav-bg.png) repeat-x;*/
	background: #39496B;
}

#nav li
{
	margin: 0 1px 0 1px;
	padding: 7px 16px 8px 16px;
	float: left;
	list-style-type: none;
}

#nav li a
{
	margin: 0;
	text-decoration: none;
	color: White;
}

#nav li.selected, #nav li:hover
{
	background-color: #000;
}

#body
{
	clear: both;
	margin-top: 6px;
	background-color: white;
}

#sidebar
{
	width: 218px;
	float: left;
	margin-left:3px;
	background-color: #eee;
	border:solid 1px #9CAECE;
}

#searchForm
{
	margin:0;
	text-align:right;
	padding:0;
}

#searchForm input
{
	vertical-align:middle;
}

#searchQuery
{
	height: 24px;
	width: 150px;
	font-size: 24px;
}

#sidebar form
{
	vertical-align: bottom;
	margin: 0;
	padding: 2px;
}

#sidebar h2
{
	height: 16px;
	color:#fff;
	background:#637D9C;
	/*background-image: url(/images/left-top-bg.png);
	background-repeat:no-repeat;*/
	margin:0;
	font-size: 20px;
	clear: both;
	padding: 12px 1px 26px 38px;
}

#sidebar h3
{
	font-weight:bold;
}

#sidebar h4
{
	font-size:16px;
}

#sidebar #foreignProducts, #sidebar #productCategories
{
	margin-top: 20px;
}

.aheader
{
	clear:left;
	cursor:pointer;
	margin:0;
}

#categories h3
{
	cursor: pointer;
	margin: 0;
	/*
	background-image: url(/images/closed-bg.png);
	background-repeat:no-repeat;
    */
    background:#C6D3E7;
	font-size: 18px;
	padding: 8px 1px 8px 30px;
	clear: both;
}

/*
#categories h3.open
{
	background-image: url(/images/open-bg.png);
	background-repeat:no-repeat;
}
*/
#categories h4
{
	padding-left:1em;
	/*background-color:#E9F1F3;*/
	border:solid 1px #eee;
}

 #categories h4 a
 {
 	color:black;
 	text-decoration:none;
 }

/*
#categories h4.open
{
	background-color:#83A8C3;
	border:solid 1px gray;
}
*/
#categories ul
{
	margin: 0;
	padding: 0;
}

#categories li
{
	list-style-type:none;
	font-size: 14px;
	width: 100px;
	float: left;
	margin: 3px 0 3px 0;
}

#categories li a
{
	font-size:14px;
	color: #985308;
	text-decoration: none;
	padding-left:15px;
	background:url('/gas/images/bluedot.gif') no-repeat;
}

#categories a:visited
{
	color:Gray;
}

#logos
{
	text-align:center;
}

#logos img
{
	border:solid 1px black;
}


#main
{
	margin-left: 225px;
	border-left: solid 15px white;
	padding: 35px;
/*	background: #FDFAF5 url(/images/right-top-bg.png) repeat-x; */
	position: relative;
}

#main h1
{
	font-size:20px;
	color:#3c3d3d;
/*	background: url(/images/leaves.png) no-repeat;
	padding-left: 40px;*/
	font-size: 22px;
	padding-bottom: 6px;
	border-bottom: solid 3px #D9EBEF;
}

#main h2
{
	font-size:18px;
	color:#3c3d3d;
	background-image: url(/gas/images/h2-bg.png);
	background-repeat:no-repeat;
}

#main h3
{
	font-size:16px;
}

#main a
{
	text-decoration: none;
	color: #885400;
}
#main a:visited
{
	color:Gray;
}

#footer
{
	clear: both;
/*	background: #FDFAF5 url(/images/footer-bg.gif) no-repeat;*/
    background:#C6D3E7;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
	color:#666;
}

#footer p
{
	margin-top: 0;
}

#footer a:link, #footer a:visited, #footer:hover
{
	text-decoration:none;
	color:#666;
}

footer .address
{
	font-style:italic;
}

#homeImages
{
	position:relative;
}

#homeImages div
{
	position:relative;
	width: 138px;
	float: right;
	margin-right: 20px;
}

#homeImages img
{
	border: solid 1px #C7C6C4;
}

#homeImages h4
{
	text-align: center;
	border: solid 1px #134874;
	padding: 5px;
	margin: 10px 0 12px 0;
	background-color: #3481B7;
	font-size: 18px;
}

#homeImages h4 a, #homeImages h4 a:visited
{
	color: White;
}

#moreNews
{
	position: absolute;
	right: 50px;
	color: #80733E;
	font-size: 16px;
	font-style: italic;
	font-family: Arial;
	font-weight:bold;
}

#homeNews dt
{
	float:right;
	font-size: 16px;
}

#homeNews h3
{
	margin:5px;
	font-size:1em;
}

#homeNews li p
{
	text-indent: 2em;
}

form dl dt
{
	width:5em;
	float:left;
}

form dl dd
{
	margin-left:5.5em;
}

#cases dt
{
	margin-top:10px;
	font-weight:bold;
}

p.text
{
	text-indent:2em;
}

.lists ul
{
	margin:0;
	padding:0;
	position:relative;
}


.lists li
{
	list-style-type:none;
	padding:3px 1px 3px 15px;
	background:url('/images/bluedot.gif') no-repeat;
}

.lists .odd
{
	float:right;
	width:300px;
}

.lists .even
{
}

.lists h1, .lists h2, .lists h3
{
	clear:right;
}

.relativeProducts li
{
	list-style-type:none;
}

.small
{
	font-size:12px;
}

dl.contact
{
	margin:0;
	padding:0 0 20px 0;
	width:450px;
}

dl.contact.odd
{
	float:left;
}

dl.contact.even
{
	margin-left:350px;
}

dl.address dt, dl.contact dt
{
	text-align:right;
	width:160px;
	padding-right:20px;
	float:left;
}

dl.address dd, dl.contact dd
{
	margin-left:60px;
}

.clear
{
	clear: both;
}

.clearRight
{
	clear: right;
}

h1,h2,h3,h4,h5,h6
{
	font-weight:normal;
}
