body {font-family: Verdana, Arial, Helvetica, sans-serif;line-height:130%;font-size: 11px;color: #333;margin: 0px;padding: 0px 0px 30px 0px;}

a:link,a:visited{color: #483E01;text-decoration: none;}
a:hover{color: #FF5B24;text-decoration: underline;}

h1{font-size: 12px;color: #504605;margin: 0px;padding: 0px 10px;background:url(../images/bg-hr.gif) repeat-x; height:24px; line-height:24px;}
/*h2{font-size: 12px;padding-left: 10px;background-image: url(../images/tp01/bg-h2.gif);background-repeat: no-repeat;background-position: left 4px;margin-top: 10px;}*/
h3{font-size: 12px;padding-top: 10px;padding-bottom: 20px;color: #FF0000;}
h4 {font-size: 13px;margin-top:0px;margin-bottom: 6px;}
h5 {font-size: 13px;text-align: center;color: #555;line-height: 130%;margin: 0px;padding: 0px;}
h5 span {font-size: 10px;font-weight: normal;}
p{margin: 5px 0px 10px;}
img{ border:0px;}
form,ul,li,dd{ margin:0px; padding:0px;}

.l {text-align: left;}
.c {text-align: center;}
.r {text-align: right;}
.fl {float: left;}
.fr {float: right;}
.clear {clear: both;}
.red {color:#FF0000;}

#logo,#header,#content{ width:960px; margin:auto;}
#logo{ margin:20px auto 10px auto; overflow:hidden;}
#logo h1{ background: none; font-size:11px; float:left;line-height:14px; color:#BFBFBF; margin-top:10px;font-weight:normal;}
#local {margin-top: 5px;margin-bottom: 10px;}
#local a {color:#A06700;}
#local a:hover {color:#FF5B24;}
#back {text-align: center;padding-top: 5px;padding-bottom: 5px;font-weight: bold;}
#page {text-align: right;padding: 10px 5px 5px;font-weight: bold; margin-bottom:5px;}
#page a {margin-right: 5px;margin-left: 5px;background-color: #F1ECD7;border: 1px solid #D0C8A8;padding-top: 2px;padding-right: 4px;padding-bottom: 2px;padding-left: 4px;color: #836B0B;text-decoration: none;}
#page a:hover,#page .now {text-decoration: none;color:#FFFBEA;background-color: #C1AC7A;border: 1px solid #835D0B;}
/*.contentblock,.mBlockspacer,#iBlock {background-color:#E9F4FF;margin: 0px 3px 3px 3px;background-image: url(../images/bg-contentblock.gif);background-repeat: repeat-x;background-position: left bottom;}
.info,#comPany,#newsList,#proList {padding:3px 10px 10px 10px; overflow:auto;zoom:1;}
.picbox img,#newsList .pic img,#newsDetails img  {border: 1px solid #E9E9E9;padding: 1px;margin-bottom: 5px;}
*/
#banner{ margin:10px 0px;}
/* top */
#header {height: 75px;color: #fff;}
#nav {font-weight: bold;color: #fff;background: url(../images/bg-nav.gif) repeat-x left top;height:36px; line-height:36px;}
#nav a{color: #fff; margin-left:30px; text-decoration: none;}
#nav a:hover{ color:#EFE400;}
#nav #pc,#nav #pc span{ background-image: url(../images/bg-pc.gif);}
#nav #pc{ background-position:left top;> background-position:left 10px; background-repeat:no-repeat; padding:10px 0px 11px 10px;color: #504605;}
#nav #pc span{background-position:right -37px; background-repeat:no-repeat; padding:10px 10px 11px 0px;}
#navmenu { background-color:#EFCF00; height:26px; line-height:24px;}
#navmenu a {margin:0px 10px;color: #000E18;text-decoration: none;}
#navmenu a:hover {color: #FF5B24;}
#navmenu .now {color: #fff;}
#search {padding-right:15px;text-align:right;margin-top: 30px;}
#button{ margin:20px; text-align:center;}
/*#search a {color:#A06700;font-weight: normal;margin-right: 5px;margin-left: 5px;}
#search a:hover {color: #000;}
*/
.searchbox {border: 1px solid #000;margin: 0px -4px 0px 5px;vertical-align: middle;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;padding: 1px 0px 1px 2px;}

/* maininfo */
#content {overflow: auto;zoom:1; margin-bottom:10px;}

/* left */
#leftmenu{float:left;width:210px;}
#rBlock {float:left;width:190px;}
#leftmenu{ background:url(../images/leftmenutop.gif) no-repeat center top; padding-top:10px;}

/*.blocktp {background-image: url(../images/bg-tp.gif);background-repeat: no-repeat;background-position: left top;display: block;line-height:5px;height:5px;}
.blockbt {background-image: url(../images/bg-bt.gif);background-repeat: no-repeat;background-position: left bottom;display: block;line-height: 5px;height: 5px;}
*/
#rBlock ul {padding: 0px 10px 0px 10px;list-style-type: none;}
#rBlock ul li {margin: 5px 0px 7px 0px;}
#leftmenu ul{padding-top:5px; overflow:hidden;zoom:1; }
#leftmenu ul li{display: block;margin: 0px 10px 6px 10px;}
#leftmenu ul li a {font-weight: bold;text-decoration: none;}
#leftmenu li div{ padding:4px 0px;}
#leftmenu li div a{ background:url(../images/spot.gif) no-repeat left 8px; display:block;padding-left:10px; font-weight:normal;}
#leftmenu .now {color: #FF5B24;}

/* middle */
#contentbox {float: left;width: 740px;padding-left: 10px;}
#tip{ margin:10px 4px; overflow:hidden;zoom:1;}

/*.mBlocktp {background-image: url(../images/bg-mblocktp.gif);background-repeat: no-repeat;background-position: left top;display: block;line-height:5px;height:5px;}
.mBlockbt {background-image: url(../images/bg-mblockbt.gif);background-repeat: no-repeat;background-position: left bottom;display: block;line-height:5px;height:5px;}
*/
#mBlock {float:left;width:540px;padding-right: 10px;}
/*#mBlock .spacer,#inside .spacer {background-color: #245286;background-image: url(../images/bg-spacer.gif);background-repeat: no-repeat;	background-position: left bottom;margin-bottom: 5px;overflow: auto;zoom:1;}
*/
#indexhot,.proshow,#leftmenu ul{ border:solid 1px #EFCF00; background-color:#FEFBED; margin-bottom:10px;}
#indexnews{border:solid 1px #E1E1E1; background-color:#F6F6F6; margin-bottom:10px;}
#indexnews h1{ background:url(../images/bg-new.gif) repeat-x; }
#indexnews .more{ float:none; text-align:right; margin:0px 10px 6px 0px;}
.more{ float:right; font-weight: normal; font-size:91.6%;}
.gBox {margin:15px 0;text-align: center;}

/* products show */
.proshow {overflow:auto;zoom:1;}
.picbox {float:left;text-align:center;width:114px;>width:112px;margin:5px;padding: 5px;}
.pro100{margin:auto;width:100px;}
.proimg {border: 1px solid #dfdfdf;background:#FFF;display:table-cell;height:100px;width:100px;line-height:85px;text-align:center;vertical-align:middle;font-size:85px;}
.proimg img {vertical-align:middle;}
.proimg a{width:100px;height:100px;}
.proL{ float:left; margin-right:10px;}

/* featured manufacturer */
#comPany dl{ margin:10px;}
#comPany dt{ font-weight:bold;}
#comPany dd{ margin-bottom:10px; display:block;}

/* Toilet &Bathroom Information */
/*#companyList ul {list-style-type: none; margin:0px 10px;}
#companyList ul li {background-image: url(../images/bg-line.gif);background-repeat: repeat-x;background-position: left bottom;padding-bottom: 6px;}
#companyList ul li a {background-image: url(../images/ico-news.gif);background-repeat: no-repeat;background-position: left 4px;padding-left: 15px;text-decoration: none;line-height: 100%;font-size: 11px;display: block;margin-top: 6px;}
*/
/* province */
#rBlock ul li{background: url(../images/bg-line.gif) repeat-x left bottom;	padding-bottom: 7px;}
#rBlock ul li a {text-decoration: none;background-image: url(../images/ico-rblock.gif);background-repeat: no-repeat;background-position: left 5px;padding-left: 10px;display: block;}
#rBlock ul li a:hover,#rBlock .now {background-image: url(../images/ico-rblock-o.gif);color: #FF5B24;}

/* copyright */
#bottom {clear:both;width:960px; margin:auto;border-top:solid 1px #D9D9D9;padding-left:1px;padding-right:1px;padding-top:8px;text-align:center;}
#bottom a {border-right:1px solid #ADADAD;padding-left:5px;padding-right:5px; margin:0px 4px;}
#bottom a#al{ border:none;}
#copyright {padding:10px 0px 18px 0px; margin:10px 6px 0px 6px; border-top:1px solid #DEE1E4;}
#bottom,#n1,#n2{background-color:#F3F3F4;border-right:solid 1px #D9D9D9;border-left:solid 1px #D9D9D9; overflow:hidden;}
#n1{width:960px; margin:auto; height:1px;}
#n2{border-bottom:solid 1px #D9D9D9; width:958px; margin:auto; height:0px;}

/* inside */
/*#inside {width:799px;}
#iBlock .tp {background-image: url(../images/tp-iblock.gif);background-repeat: no-repeat;background-position: left top;	line-height: 5px;height: 5px;}
#iBlock .bt {background-image: url(../images/bt-iblock.gif);background-repeat: no-repeat;background-position: left bottom;	line-height: 5px;height: 5px;}*/

/* products list */
.Prod{ float:left; margin:0px 10px 8px 0px;}
.probox{ margin:10px; overflow:hidden;background: url(../images/bg-line.gif) repeat-x left bottom; padding-bottom:5px;}
#detailInfo{ margin:0px 10px;}
#proRelated {padding: 15px 0 0px;}
#proRelated .relatedInfo {float:left;line-height:110%;margin:0px 5px 10px;padding:3px;text-align:center;width:117px;>width:115px;}

#proList dl {margin:10px}
#proList dt {font-weight: bold;padding: 0px 10px 5px 10px;}
#proList dd {background-image:url(../images/bg-line.gif);background-position:left bottom;background-repeat:repeat-x;overflow:auto;zoom:1;margin-bottom: 10px;padding: 0px 10px 10px 10px;}
#proList dd img{ float: left; margin:5px 10px 0px 0px; border: solid 1px #DFDFDF;}
.spropic {padding:0px 10px 0px 0px;margin-top: 5px;}
.spropic img {border: 1px solid #1A3B6B;padding: 1px;}
#proList p {margin:5px 0px;}

#com {border: 1px solid #1A3B6B;padding: 5px;margin: 10px 10px 15px;background-color: #C9DFF4;font-weight: bold;}
#com a {margin-right: 5px;margin-left: 5px;}
#com .now {color: #FF5B24;text-decoration: none;}
#com p {margin-top: 0px 0px 5px 0px;}

/* product details */
.prodir {margin:10px 10px 15px;font-weight: bold;width: 720px;border-left:1px solid #1A3B6B;border-top: 1px solid #1A3B6B;}
.prodir td {border-right:1px solid #1A3B6B;border-bottom: 1px solid #1A3B6B;padding: 7px;width: 230px;}

/* information details */
.detailInfo {padding:10px 20px;}
.detailInfo p {margin: 5px 0px 10px 0px;}

/* feedback */
.info table {width: 500px;margin-right: auto;margin-left: auto;}
.info table td {padding: 3px 0px 3px 5px;margin: 0px;}

#contacttable {float: left;width: 100%;}
#contacttable td {text-align: left;padding: 3px;}

.tag {padding-top: 5px;padding-bottom: 5px;font-weight: normal;margin-bottom: 5px;}
.tag a {margin-right: 10px;margin-left: 3px;}

.contact{background-color:#FFF6CF;margin-bottom:6px;padding:6px 4px 2px 6px;}
.contactsend{ text-align:center; margin-bottom:20px;margin-top:10px;}

#dirlist {margin:10px 0 6px 10px; overflow:hidden;zoom:1;}
#dirlist div {background-color:#E9E6D9;float:left;margin-bottom:1px;margin-right:1px;padding:4px;width:48%;}
