body {
	margin:0px; padding:0px; font-family:Tahoma, Verdana, serif; background:#e2e8eb;
}

#top-head {
border-bottom:1px solid #cccccc; background: #666666; color: white; text-align: center; margin-bottom: 10px; width:100%; height:auto; overflow:hidden;
}
#top-head-inside {
margin: 0 auto; text-align: right; width: 822px; font-size:11px; padding-bottom:2px;
}
#top-head-inside a:link {
color:#ffffff; text-decoration:none;
}
#top-head-inside a:hover {
color:#ffffff; text-decoration: underline;
}
#top-head-inside a:visited {
color:#ffffff; text-decoration: none;
}

#top-b {
width: 100%; height:40px; overflow:hidden; font-size:11px; background:#ebebeb url(top/back-main.jpg) top center no-repeat;
}

#top {
background:url(top/top001.jpg) top left repeat-x; text-align: center; width:100%; height:156px; overflow:hidden;
}
#top .tbthead {
margin: 0 auto; width: 822px; height:156px; overflow:hidden; font-size:11px; background:url(top/top002.jpg) top left repeat-x;
}
#tabnav { /* general settings */
padding:37px 0px 0px 0px; margin:0px;
}
#tabnav ul { /* general settings */
list-style-type: none; margin:0px; padding:0px;
}
#tabnav ul li { /* do not change */
display: inline;
}
#tabnav ul li a { /* settings for all tab links */
padding: 5px 14px; color: #666; margin-right: 4px; text-decoration: none; border-bottom: none; font-size:13px;
}
#tabnav ul li a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}
#tabnav .tab0 { 
background: #c4c0b5; color:#FFF;
}
#top .ilogo {
	float:left; width:386px; height:93px; overflow:hidden; margin-top:10px;
}
#top .ilogo a {
	text-decoration:none; border:none;
}
#top .isearch {
	float:left; width:355px; height:62px; overflow:hidden; padding:31px 0px 0px 80px; margin-top:10px; background:url(top/back-search.jpg) top left no-repeat; 
}
#searchwrapper {
width:360px; height:32px; padding:0px; margin:0px; position:relative; 
}
#searchwrapper form { display:inline ; }
.searchbox {
border:0px; background-color:transparent; position:absolute; top:0px; left:0px; width:300px; height:32px;
}
.searchbox_submit {
border:0px; background:url(top/search.jpg) bottom left no-repeat; position:absolute; top:0px; left:305px; width:32px; height:32px; overflow:hidden;
}
/* end #top */

#content {
background:#b9aca3 url(content/back-content.jpg) top left repeat-x; width:100%; height:auto; overflow:hidden;
}
#icontent {
margin: 0 auto; width: 822px; height:auto; overflow:hidden; font-size:11px;
}

#icontent .Tleft {
width: 216px; height:auto; overflow:hidden; font-size:11px; float:left;
}
#icontent .Tleft-top {
	background:#8a8581; text-align:center; font-size:13px; font-weight:bold; color:#fff; padding:5px 0px 5px 0px; margin:0px 10px 2px 0px; letter-spacing:2px;
}
#icontent .Tleft ul { 
list-style-type: none; margin:0px; padding:0px;
}
#icontent .Tleft ul li { 
margin:0px; padding:0px; list-style:none;
}
#icontent .Tleft ul li a { 
width:212px; display:block; float:left; padding:3px 0px 4px 4px; margin-bottom:2px; color: #fff; text-decoration: none; font-size:13px; font-weight:bold; border-bottom: #b9aca3 1px solid;
}
#icontent .Tleft ul li a:hover { 
border-bottom: #f4fafc 1px solid; color:#666;
}

#icontent .Tright {
width: 602px; height:auto; overflow:hidden; font-size:11px; text-align:left; float:left; margin:6px 0px 2px 0px; padding:0px 4px 4px 0px;
}
#icontent .Tflsh {
width: 602px; height:250px; overflow:hidden; font-size:11px; text-align:left; background: #fff;
}
#icontent .Tcat {
width: 822px; height:auto; overflow:hidden; font-size:11px; text-align:left; margin-bottom:10px;
}
#icontent .Tsubcat {
width: 582px; height:auto; overflow:hidden; font-size:11px; text-align:left; background: #f4fafc; margin:10px 0px; padding:10px;
}
#icontent .Tsubcat a {
font-size:12px; font-weight:normal; text-decoration:none; color:#16387C; margin:0px 4px 4px 0px;
}
#icontent .Tsubcat span {
font-size:12px; font-weight:normal; text-decoration:none; color:#999;
}
#icontent .Tsubcat strong {
font-size:13px; font-weight:normal; padding:0px; 
}
#icontent .Tcat h2 {
font-size:14px; font-weight:bold; margin:10px 0px 10px 0px; padding:3px 3px; 
}
#icontent .Tcat p {
font-size:12px; margin:0px 0px 10px 0px; padding:3px 0px 3px 6px; width:265px; float:left;
}
#icontent .Tcat strong {
font-size:12px; font-weight:normal; padding:0px 0px 1px 15px; background:url(content/arrow.gif) center left no-repeat;
}
#icontent .Tcat strong a {
font-size:12px; font-weight:normal; text-decoration:none; color:#16387C;
}
#icontent .Tcat span {
font-size:12px; font-weight:normal;
}
#icontent .Tcat span a {
font-size:12px; font-weight:normal; text-decoration:none; color:#333;
}
#icontent .Tcat span a:hover {
font-size:12px; font-weight:normal; text-decoration:underline; color:#16387C;
}
/* end #content */

#main {
background:#ebebeb; width:100%; height:auto; overflow:hidden; border-bottom:#cecccc solid 2px;
}
#imain {
margin: 0 auto; width: 822px; height:auto; overflow:hidden; font-size:11px; background:url(main/back-main.jpg) top left no-repeat;
}
#imain .Hleft-top {
	background:#8a8581; text-align:center; font-size:13px; font-weight:bold; color:#fff; letter-spacing:2px; line-height:30px;
}
#imain .Hleft {
width: 216px; height:100%; overflow:hidden; font-size:11px; float:left;
}
#imain .Hleft ul { 
list-style-type: none; margin:0px; padding:0px;
}
#imain .Hleft ul li { 
margin:0px; padding:0px; list-style:none;
}
#imain .Hleft ul li a { 
width:212px; display:block; float:left; padding:3px 0px 4px 4px; margin-bottom:2px; color:#666; text-decoration: none; font-size:13px; font-weight:bold; border-bottom: #b9aca3 1px solid;
}
#imain .Hleft ul li a:hover { 
border-bottom: #f4fafc 1px solid; color:#333;
}

#imain .Hright {
width: 602px; height:auto; overflow:hidden; font-size:11px; text-align:left; float:left; margin:6px 0px 2px 0px; padding:0px 4px 4px 0px;
}
#imain .Hright p {
font-size:12px; color:#666; font-weight:normal; padding:0px 4px 4px 10px; margin:0px 0px 10px 0px; 
}
#imain .Hright strong {
font-size:13px; color:#666; font-weight:bold; 
}
#imain .Hright h1, h2, h3, h4, h5, h6 {
font-size:14px; color:#666; font-weight:bold; padding:0px 4px 4px 10px; margin:0px; 
}
#imain .Hright a {
font-size:13px; color:#16387C; font-weight:normal; padding:0px 4px 0px 4px; margin-right:4px; 
}
#imain .box-help {
font-size:12px; color:#666; font-weight:normal; padding:0px 4px 4px 10px; margin:10px 0px 0px 0px; 
}
#imain .box-help span {
font-size:12px; color:#990; font-weight:normal;
}

#imain .Cform {
font-size:12px; color:#666; font-weight:normal; padding:0px 4px 4px 4px; margin:0px; 
}
#imain .Cform ul { 
list-style-type: none; margin:0px; padding:0px;
}
#imain .Cform ul li { 
width:auto; display:block; padding:3px 0px 4px 4px; margin-bottom:2px;
}
#imain .Cform label { 
width:100px; float:left; padding:3px 0px 4px 4px; margin-bottom:2px; font-size:13px;
}

#imain .Tos {
font-size:12px; color:#666; font-weight:normal; padding:0px 4px 4px 4px; margin:0px; 
}
#imain .Tos ol { 
list-style-type:lower-roman; 
}
#imain .Tos ol li { 
padding:3px 0px 4px 4px; margin-bottom:2px;
}

#imain .place {
font-size:12px; color:#666; font-weight:normal; padding:0px 4px 4px 10px; margin:0px 0px 10px 0px;
}

#main-shop-group {
width: 274px; height:190px; overflow:hidden; margin-right:4px; color:#666; float:left; padding-top:10px;
}
#main-shop-group h1 {
font-size:13px; color:#666; font-weight:bold; padding:0px 4px 0px 4px; margin:0px;
}
#main-shop-group p {
font-size:12px; color:#666; font-weight:normal; padding:0px 4px 4px 4px; margin:0px; 
}
#main-shop-group strong {
font-size:13px; color:#666; font-weight:bold; padding:0px 4px 0px 4px; margin-right:4px; 
}
#main-shop-group a {
font-size:13px; color:#16387C; font-weight:normal; padding:0px 4px 0px 4px; margin-right:4px; 
}
#main-shop-group ul {
list-style:none; margin:0px; padding:0px;
}
#main-shop-group ul li {
list-style:none; margin:0px; padding:0px; 
}
#main-shop-group ul li a {
font-size:13px; color:#16387C; font-weight:normal; padding:0px 4px 0px 4px; margin-right:4px; float:left; display:inline; 
}
#main-shop-group2 {
width: 257px; height:190px; overflow:hidden; margin-right:4px; font-size:11px; color:#666; float:left; padding:10px 0px 0px 5px;
}
#main-shop-group2 p {
font-size:12px; color:#666; font-weight:normal; padding:0px 4px 0px 4px; margin:0px;
}
#main-shop-group2 strong {
font-size:13px; color:#666; font-weight:bold; padding:0px 4px 0px 4px; margin-right:4px; 
}
#main-shop-group2 ul {
list-style:none; margin:0px; padding:0px;
}
#main-shop-group2 ul li {
list-style:none; margin:0px; padding:0px; 
}
#main-shop-group2 ul li a {
font-size:13px; color:#16387C; font-weight:normal; padding:0px 4px 0px 4px; float:left; display:inline; 
}
/* end #main */

#footer {
color: white; text-align: center; padding-top: 10px; margin-bottom:15px; width:100%; height:auto; overflow:hidden; border-top:#fff solid 1px;
}
#footer .navcontainer {
text-align:center; font-size:12px; margin: 0 auto; width: 822px;
}
#footer .navcontainer ul {
margin: 0px; padding:0px; list-style-type: none; text-align: center;
}
#footer .navcontainer ul li { 
display: inline;
}
#footer .navcontainer ul li a {
text-decoration: none; padding:0px 4px 0px 4px; color: #16387C;
}
#footer .navcontainer ul li a:hover {
color: #16387C; text-decoration:underline;
}
#footer .navcontainer ul li a:visited {
color: #16387C; text-decoration:none;
}
#footer .copyright {
color:#666; text-align: center; margin: 0 auto; width: 822px; font-size:11px;
}

/* loginpage */
#loginpage {
width:840px; height:auto; overflow:hidden; margin: 0 auto; margin-bottom: 25px;
}
#loginpage .joinfree {
width:480px; float:left;
}
#loginpage .joinfree h4 {
color: #777; font-size: 12pt; font-weight: normal;
}
#loginpage .joinfree ul {
color: #000; font-size: 11pt; font-weight: normal; margin-top: 0px; margin-bottom: 0px;
}
#loginpage .formlogin {
width:250px; float:right; padding:3px 3px 3px 2px; border:1px solid #c3d9ff; background: #fff; font-family:Verdana, Arial, Helvetica, sans-serif;
}
#loginpage .formlogin table {
background-color:#e8eefa; font-size:11px; 
}
/* end loginpage */

/* my office */
#myoffice {
width:840px; height:auto; overflow:hidden; margin: 0 auto; margin-bottom: 25px; font-family:Verdana, Arial, Helvetica, sans-serif;
}
#myoffice .myofficeL {
float:left; width:160px
}
.vert-one {
width: 160px;
}
.vert-one .headerbar{
font-weight:bold; font-size: 13px; color: #333; background: url(my/home.png) top left no-repeat; margin-bottom: 0; text-transform: uppercase; padding: 7px 0 7px 31px;
}
.vert-one .headerbar a {
color: #333; text-decoration: none;
}
.vert-one ul{
list-style-type: none; margin: 0; padding: 0; margin-bottom: 0; 
}
.vert-one ul li{
padding-bottom: 2px; 
}
.vert-one ul li a{
font-size: 11pt; color: #333; display: block; padding: 5px 0; line-height: 17px; padding-left: 8px; text-decoration: none;
}
.vert-one ul li a:hover{ 
color: white; background: black;
}
.vert-one ul li a.current {
color:#fff; background: #000;
}
.vert-one ul li.sub {
padding-left: 12px; 
}

#myoffice .myofficeR {
float:left; width:640px; margin-left: 15px;
}

#myinbox {
padding:5px 0px 2px 2px; background-color:#f8f8f8; border:1px solid #cccccc; height:23px; width:100%; font-size:11px;
}
#myinbox .boxA {
height:23px; float:left; width:30px;
}
#myinbox .boxB {
float:left; width:170px;
}
#myinbox .boxC {
float:left; width:170px;
}
#boxD {
font-size: 10pt; padding: 5px 0px; background: #e0dfcb; font-weight: bold;
}
#boxE {
font-size: 10pt; padding: 5px 0px; border-bottom: #e0dfcb dashed 1px;
}

#mywelcome, #mycount, #mydetail {
font-size: 10pt;
}
/* my office */

/* google maps */
#map_canvas { height: 350px; padding:0px 0px 0px 10px; margin:0px 0px 10px 0px; }
/* end google maps */

/* auto sliding */
.slidemenu {
padding: 2px;
font: bold 11px verdana;
height:100%;
overflow:hidden;
/*width: 100%; leave this value as is in most cases*/
}
.slidemenu ul{
margin:0px;
padding: 0px;
float:left;
}
.slidemenu ul li{
margin:0px;
padding:0px;
}
.slidemenu ul li a{
display:block;
color: #0066CC; /*text color*/
width:120px;
height:34px;
padding:6px 0px 0px 5px;
text-align:left;
text-decoration: none;
}
.slidemenu ul li a:visited {
color: #000;
}
.slidemenu ul li a:hover {
color:#FFFFFF;
background:#ffffff url(slidebt.jpg) top left no-repeat;
text-decoration:none;
}
.slidemenu ul li a.selected {
color: #398baa !important;
width:120px;
height:34px;
background:#ffffff url(slidebt.jpg) top left no-repeat;
}
.tabcontent{
float:right;
display:none;
}
@media print {
.tabcontent {
display:block !important;
}
}
/* end auto sliding */