body {
font: 100% verdana, arial, sans-serif;
background-color: #ffffff;
margin: 0 auto;
padding: 0;
}
body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,legend,input,img{margin:0;padding:0;}
img,fieldset{border:0;}
ul,ol{list-style:none;}

/* begin css tabs */
.tbttop {
width:800px; 
margin:0 auto;
}
#root-top {
width:800px; 
margin:0 auto;
padding-top:20px;
text-align:center;
}
#root {
width:800px; 
margin:0 auto;
background-color:#f8f8f8;
clear:both;
}

#success {
background-color:#eff0ef;
padding:5px;
padding-left:35px;
font-size:11px;
background-image: url('/share/msg_check.gif');
background-position: left;
background-repeat:no-repeat;
}
/* end css tabs */
#search {
padding-bottom: 5px;
padding-top: 15px;
text-align: left;
height:40px;
}

#left {
float: left;
width: 187px;
margin-right: 10px;
}

#left .left-1 {
border:1px solid #92ba3d;
padding: 5px;
font-size: 12px;
font-weight:bold;
background: url('/bali-content/templates/images/bg-patteren1.jpg') bottom repeat-x;
background-color:#f4f8e9;
}
.left-1 li {
padding-bottom: 5px;
}


#left .left-2 {
margin-top: 10px;
border:1px solid #92ba3d;
font-size: 12px;
font-weight: 500;
background: url('/bali-content/templates/images/bg-patteren1.jpg') bottom repeat-x;
background-color:#f4f8e9;
}
.left-2 li {
padding-left:5px;
padding-bottom: 5px;
}

#left-2-top {
font-weight: bold;
padding: 3px;
padding-left: 10px;
font-size: 11px;
background: url('/bali-content/templates/images/bg-top.jpg') bottom repeat-x;
border-bottom:1px solid #92ba3d;
}

#main {
float: right;
width: 600px;
}


#main .main-news {
width: 598px;
border:1px solid #92ba3d;
}
#main .main-shop {
margin-top: 10px;
width: 600px;
}
.main-shop #main-shop-left {
float: left;
width: 310px;
}

.main-shop #main-shop-right {
float: left;
width: 282px;
border:1px solid #96b4d3;
font-size: 12px;
background-color: #eff3f7;
padding: 3px;
}

#main-shop-left-1 {
width: 298px;
border:1px solid #92ba3d;
}
#main-shop-left-2 {
margin-top: 10px;
width: 298px;
border:1px solid #92ba3d;
}

#top-head {
border-bottom:1px solid #cccccc;
background-color: #e6e6e6;
text-align: center;
margin:auto;
margin-bottom: 10px;
}
#top-head-inside {
margin: 0 auto;
text-align: right;
width: 800px;
font-size: 11px;
background: url('/share/top-logo.gif') left no-repeat;
}
#top-head-inside a:link {
color:#16387C;
text-decoration:none;
}
#top-head-inside a:hover {
color:#16387C;
text-decoration: underline;
}
#top-head-inside a:visited {
color:#16387C;
text-decoration: none;
}



#footer {
color: white; text-align: center; padding: 10px 0px; margin:15px 0px; 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;
}

.left-1 a:link {
color:#16387C;
text-decoration:none;
}
.left-1 a:hover {
color:#16387C;
text-decoration: underline;

}
.left-1 a:visited {
color:#16387C;
text-decoration: none;

}
.left-2 a:link {
color:#16387C;
text-decoration:none;
}
.left-2 a:hover {
color:#16387C;
text-decoration: underline;

}
.left-2 a:visited {
color:#16387C;
text-decoration: none;

}
#navcontainer {
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background-color:#143D55;
}
#navcontainer ul {
margin: 0;
padding-top:3px;
list-style-type: none;
text-align: center;
}
#navcontainer ul li { 
display: inline;
}
#navcontainer ul li a {
text-decoration: none;
color: #e5e5e5;
padding:0px 4px 0px 4px;
}
#navcontainer ul li a:hover {
color: #ffffff;
text-decoration:underline;
}
#navcontainer ul li a:visited {
color: #e5e5e5;
text-decoration:none;
}
.joinfree {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
}
.joinfree ul li {
list-style:circle;
margin-left:20px;
}
.titlejoin {
font-size:14px;
color:#FF6600;
font-weight:bold;
}

ul.vert-one{
margin:0;padding:0;
list-style-type:none;
display:block;
font:bold 12px Verdana, Arial, sans-serif;
line-height:165%;
width:150px; 
border-left:1px solid #92ba3d;
border-right:1px solid #92ba3d;
border-top:1px solid #999999;
}
ul.vert-one li{margin:0;padding:0; border-bottom:1px solid #92ba3d; background-color:#92ba3d;}
ul.vert-one li a{display:block;text-decoration:none;color:#999999;background:#dff0b5;padding:3px 0 3px 20px;width:130px;}
ul.vert-one li a:hover{background:#f4f8e9 url("/my/images/vert-one_arrow.gif") no-repeat 0 9px; color:#000000;}
ul.vert-one li a.current,ul.vert-one li a.current:hover{background:#f4f8e9 url("/my/images/vert-one_arrow.gif") no-repeat 0 9px;}

#styleone{position:relative;display:block;height:25px;font-size:11px;
font-weight:bold;background:transparent url(/my/images/bgOFF.gif) repeat-x top left;
font-family:Arial,Verdana,Helvitica,sans-serif;}


#styleone ul{margin:0;padding:0;list-style-type:none;width:auto;}

#styleone ul li{display:block;float:left;0 1px 0 0}


#styleone ul li a{display:block;float:left;color:#000;text-decoration:none;
padding:6px 20px 0 20px;height:25px;}


#styleone ul li a:hover,#styleone ul li a.current{color:#fff;
background:transparent url(/my/images/bgON.gif) repeat-x top left;}

#mydefault {
background:transparent url(/my/images/bgOFF.gif) repeat-x top left;
font-family:Arial,Verdana,Helvitica,sans-serif;
width:auto;
height:20px;
padding:4px;
font-weight:bold;
font-size:12px;
color:#000066;
padding-left:10px;
}
#mywelcome {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#mycount {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
border:1px solid #cccccc;
background-color:#f8f8f8;
padding:5px;
}
#titleinfo {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000066;
border-bottom:3px solid #009900;
}
#textinfo {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#brackinfo {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#000066;
}
#disCatName {
font-size:11px;
}
div.pagination {
padding:3px;
margin:3px;
text-align:right;
font-size:10px;
}
div.pagination a {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #ddd;
text-decoration: none; 
color: #88AF3F;
}
div.pagination a:hover, div.pagination a:active {
border:1px solid #85BD1E;
color: #638425;
background-color: #F1FFD6;
}
div.pagination span.current {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #B2E05D;
font-weight: bold;
background-color: #B2E05D;
color: #FFF;
}
div.pagination span.disabled {
padding: 2px 5px 2px 5px;
margin-right: 2px;
border: 1px solid #f3f3f3;
color: #ccc;
}
#contactinfo li {
padding-bottom:5px;
font-size:12px;
}

#showmost {
width:70px;
font-size:9px;
font-family:Arial, Helvetica, sans-serif;
padding:2px;
padding-left:3px;
margin-bottom:5px;
float:left;
margin-right:3px;
height:107px;
text-align:center;
}
#showmost .xsimage {
width:70px;
float:left;
background-color:#FFFFFF;
margin:0 auto;
height:80px;
padding:2px;
}
#showmost .xsname {
width:70px;
clear:both;
color:#666666;
margin:0 auto;
height:10px;
padding:2px;
}

/* ---------------------- Dolphin nav ---------------------- */
#dolphincontainer {
position:relative;
height:56px;
color:#E0E0E0;
background:#143D55;
width:800px; 
margin:0 auto; 
margin-top:10px; 
font-family:Helvetica,Arial,Verdana,sans-serif;
}
#dolphinnav {
position:relative;
height:33px;
font-size:12px;
text-transform:uppercase;
font-weight:bold;
background:#fff url(/supplier/images/dolphin_bg.gif) repeat-x bottom left;
padding:0 0 0 20px;
}
#dolphinnav ul {
margin:0;
padding:0;
list-style-type:none;
width:auto;
float:left;
}
#dolphinnav ul li {
display:block;
float:left;
margin:0 1px;
}
#dolphinnav ul li a {
display:block;
float:left;
color:#EAF3F8;
text-decoration:none;
padding:0 0 0 20px;
height:33px;
}
#dolphinnav ul li a span {
padding:12px 20px 0 0;
height:21px;
float:left;
}
#dolphinnav ul li a:hover {
color:#fff;
background:transparent url(/supplier/images/dolphin_bg-OVER.gif) repeat-x bottom left;
}
#dolphinnav ul li a:hover span {
display:block;
width:auto;
cursor:pointer;
}
#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover {
color:#FFFFFF;
background:#1D6893 url(/supplier/images/dolphin_left-ON.gif) no-repeat top left;
line-height:275%;
}
#dolphinnav ul li a.current span {
display:block;
padding:0 20px 0 0;
width:auto;
background:#1D6893 url(/supplier/images/dolphin_right-ON.gif) no-repeat top right;
height:33px;
}
/* ---------------------- END Dolphin nav ---------------------- */