body { font-size: 12px; margin: 0px; font-family: Verdana; }

body table { font-size: 12px; }

body a:hover { text-decoration: underline; }
ul { margin: 0px; padding: 0px; }


#header { width: 850px; margin: 30px auto 0 auto; background-image: url(Images/pageTopLogo.gif); background-repeat: no-repeat; height: 100px; }

#menu { width: 850px; margin: 0 auto 0 auto; background-image: url(Images/menuBG.gif); background-repeat: no-repeat; height: 43px; }
#menu ul { list-style-type: none; margin-left: 10px; }
#menu li { height: 43px; padding: 0px; text-align: center; float: left; line-height: 43px; padding: 0 25px 0 25px; }
#menu a { text-decoration: none; color: #000; }
#menu a:hover { text-decoration: underline; }



#content
{
    border: 1px solid #e0e0e0;
    border-top-width: 0px;
    width: 848px;
    margin: 0 auto 0 auto;
}

.carousel { width: 848px; height: 123px; margin-bottom: 20px; background-color: #e0e0e0; }
.carousel ul { width: 848px; }
.carousel li { height: 120px; width: 160px; margin: 0 9px 0 0; background-color: #fff; }


.module { width: 820px; margin: 14px; }
.module .title
{
    margin: 0px;
    padding: 0px;
    height: 30px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #9c9c9c;
}
.module .titleR
{
    text-align: right;
    margin: 0px;
    padding: 0px;
    height: 30px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #9c9c9c;
}

.indexabout { line-height: 20px; text-indent: 24px; margin: 10px; color: #767676; height: 110px; }
.indexabout img { margin: 5px 10px; }


.ulSort { list-style-type: none; margin: 0px; }
.ulSort li { width: 150px; height: 90px; float: left; margin: 7px; }


.tbContent
{
    width: 100%;
    border-collapse: collapse;
}
.tbContent .tdLeft { width: 180px; border-right: solid 1px #e0e0e0; padding-bottom: 50px; }

.ulSortLeft
{
    margin: 10px 0 0 30px;
    list-style-type: square;
}
.ulSortLeft li { line-height: 30px; }
.ulSortLeft a { color: Black; text-decoration: none; }
.ulSortLeft a:hover
{
    text-decoration: underline;
    color: #FF3300;
}

.hDaohang { margin: 0px; line-height: 30px; text-indent: 20px; font-size: 12px; }
.pText
{
    margin: 20px;
    line-height: 30px;
}





.ulNews { list-style-type: none; }
.ulNews li { margin: 0px; padding: 0px; line-height: 30px; text-indent: 30px; }

.newsinfo { color: #000; }
.hNewsTitle { text-align: center; width: 100%; text-indent: 0px; padding: 0px; line-height: 50px; }
.pNewsInfo
{
    color: #999999;
    text-align: center;
    text-indent: 0px;
}
.divNewsContent { margin: 50px; }


.divProduct { width: 160px; height: 160px; float: left; margin: 10px 10px; text-align: center; line-height: 30px; }
.divProduct a { text-decoration: none; }
.divProduct img { border: 0px; }

.tbProductInfo {}
.tbProductInfo .tdImg { width: 330px; text-align: center; }
.tbProductInfo .tdImg img { margin: 15px; }

.tbProductInfo .tdInfo { padding: 10px; color: Black; font-size: 14px; }
.tbProductInfo .tdInfo td { padding: 5px; }




#footer { width: 850px; height: 30px; margin: 0 auto 0 auto; text-align: center; line-height: 30px; 
    background-image: url(Images/footBG.gif); background-repeat: no-repeat; background-position: center -13px; }

.vControl { vertical-align: middle; }
.tbWork { width: 100%; }
.tbWork .tdTitle { width: 100px; }


.diyPager { height: 30px; line-height: 30px; text-align: center; }

/*=========================== FORMS ===========================*/

#search-form { float: right; width: 250px; margin-top: 40px; }
#search-form span,
#search-form label,
#search-form a {
	float:left;
}
#search-form label,
#search-form label a {
	color:#8d8d8d;
}
#search-form label {
	padding:7px 11px 0 0;
}
#search-form label a {
	text-decoration:none;
	float:none;
}
#search-form label a:hover {
	text-decoration:underline;
}
#search-form span {
	background:url(images/input-bg1.gif) no-repeat left top;
	width:202px;
	height:31px;
}
#search-form input {
	background:none;
	border:0;
	vertical-align:top;
	line-height:1.2em;
	margin:6px 0 0 14px;
	width:178px;
}

/*============================ BOXES ==========================*/

.box { 
	background:#fdfdfd; 
	width:982px;
}
.box .border-left { 
	background:url(images/border.gif) repeat-y left top;
}
.box .border-right { 
	background:url(images/border.gif) repeat-y right top;
}
.box .left-top-corner {	
	background:url(images/left-top-corner.gif) no-repeat left top;
}
.box .right-top-corner { 
	background:url(images/right-top-corner.gif) no-repeat right top;
}
.box .border-bot { 
	background:url(images/border-bot.gif) repeat-x left bottom;
	height:66px;
}
.box .left-bot-corner {	
	background:url(images/left-bot-corner.gif) no-repeat left bottom;
	height:66px;
}
.box .right-bot-corner { 
	background:url(images/right-bot-corner.gif) no-repeat right bottom;
	height:66px;
	padding-left:463px;
}
.box .inner { 
	padding:0 0 0 10px;
}