/**
 * CSS Document 
 * Contains the css for index page
 *
 */

.Category,.Category h2 {
    
}

.Category {
    margin-bottom: 13px;
    padding-bottom: 11px;
}

.Category h2 {
    background: url(../images/icon_arrow01.gif) no-repeat 5px 12px;
    padding: 3px 20px;
    color: #3680c2;
    font-size: 14px;
    border-bottom: 1px solid #D0D0D0;
    font-weight: bold;
}

.categories {
	BORDER-RIGHT: #a9bad3 1px solid; BORDER-TOP: #a9bad3 1px; BORDER-LEFT: #a9bad3 1px solid; BORDER-BOTTOM: #a9bad3 1px solid; HEIGHT: 1%;
}
.categories li {
	PADDING-LEFT: 10px; OVERFLOW: hidden; LINE-HEIGHT: 21px; WHITE-SPACE: nowrap; HEIGHT: 21px; TEXT-OVERFLOW: ellipsis;
}
.sub_categories {
    z-index:99999;
	BORDER-TOP: #3680c2 2px solid; BACKGROUND: #e6e6e6; MARGIN-LEFT: 190px; BORDER-LEFT: #ffffff 1px solid; WIDTH: 200px; LINE-HEIGHT: 21px; BORDER-BOTTOM: #3680c2 2px solid; POSITION: absolute;

}
.sub_sub_categories {
    z-index:100000;
	BORDER-TOP: #3680c2 2px solid; BACKGROUND: #e6e6e6; MARGIN-LEFT: 385px !important; MARGIN-LEFT: 390px; BORDER-LEFT: #ffffff 1px solid; WIDTH: 200px; LINE-HEIGHT: 21px; BORDER-BOTTOM: #3680c2 2px solid; POSITION: absolute;
}

.sub_off {
	PADDING-LEFT: 5px; LINE-HEIGHT: 22px; BORDER-BOTTOM: #dfe9f4 1px solid ;
}
.sub_on {
	PADDING-LEFT: 5px; LINE-HEIGHT: 22px; BORDER-BOTTOM: #dfe9f4 1px solid; BACKGROUND-COLOR: #3680c2;
}

.sub_offsub {
	width:197px !important; width:200px; PADDING-LEFT: 5px; BACKGROUND: url(/images/index.gif) no-repeat 98% center; LINE-HEIGHT: 22px; 
}
.sub_onsub {
	width:197px !important; width:200px; PADDING-LEFT: 5px; BACKGROUND: url(/images/index_w.gif) #3680c2 no-repeat 98% center; LINE-HEIGHT: 22px;
}

.sub_on a {
	COLOR: #ffffff
}

.sub_onsub a {
	COLOR: #ffffff;
}

.sub_onsub a:hover {
	COLOR: #ffffff
}

.sub_on a:hover {
	COLOR: #ffffff
}

.xx_sub_off {
	PADDING-LEFT: 5px; LINE-HEIGHT: 22px; BORDER-BOTTOM: #dfe9f4 1px solid ;
}
.xx_sub_on {
	PADDING-LEFT: 5px; LINE-HEIGHT: 22px; BORDER-BOTTOM: #dfe9f4 1px solid; BACKGROUND-COLOR: #3680c2;
}
.xx_sub_on a {
	COLOR: #ffffff
}
.xx_sub_on a:hover {
	COLOR: #ffffff
}
.xx_herf{
display:block; width:197px;;
}
.nbody {

}
.nbody ul {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.nbody .content_left {
	FLOAT: left; WIDTH: 197px; MARGIN-RIGHT: 10px;position:absolute;z-index:1000000;
}

.browser_category {
	FONT-SIZE: 11px; border:1px solid #ccc;
}
.browser_category .caption {
    background: url(images/cat_gb.jpg) no-repeat 98% center;
	background-position: left bottom;
	height:30px !important; height:25px; FONT-WEIGHT: bold;  COLOR: #3680c2; LINE-HEIGHT: 25px; padding-left: 10px;padding-top:1px !important;padding-top:8px;

}
.browser_category .category_menu {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
.browser_category .category_menu .cate_unsel {
	PADDING-LEFT: 5px; BACKGROUND: url(/images/index.gif) no-repeat 98% center; LINE-HEIGHT: 22px; BORDER-BOTTOM: #dfe9f4 1px solid
}
.browser_category .category_menu .cate_unsel {
	PADDING-LEFT: 5px; BACKGROUND: url(/images/index.gif) no-repeat 98% center; LINE-HEIGHT: 22px; BORDER-BOTTOM: #dfe9f4 1px solid
}
.browser_category .category_menu .cate_sel {
	PADDING-LEFT: 5px; BACKGROUND: url(/images/index_w.gif) #3680c2 no-repeat 98% center; LINE-HEIGHT: 22px; BORDER-BOTTOM: #dfe9f4 1px solid
}
.browser_category .category_menu .cate_sel a {
	COLOR: #ffffff;/*text-decoration:none;*/
}
.focus_on_minib2b .caption {
	FONT-WEIGHT: bold; OVERFLOW: hidden; COLOR: #fff; LINE-HEIGHT: 24px; HEIGHT: 24px; TEXT-ALIGN: center
}


.topcat {
    padding: 0px;
    margin-top: 10px;
}

.topcat h2 {
    background: url(../images/icon_arrow01.gif) no-repeat 5px 12px;
    padding: 5px 20px;
    color: #3680c2;
    font-size: 14px;
    font-weight: bold;
}

#suppliers_logo h1 {
   /*{ background: url(../images/icon_arrow01.gif) no-repeat 5px 0px;*/
    BACKGROUND-COLOR: #3680c2;
	text-align: center;
    color: #ffffff;
    font-size: 14px;
    border-bottom: 1px solid #D0D0D0;
    font-weight: bold;
	cursor: default;
}

#phome{
FONT-SIZE: 0px; LINE-HEIGHT: 0px; HEIGHT: 15px; 
}
  .pdint {
 width:450px;
}
  .pdint {
	FLOAT: left;width:463px;
}
  .pdint div.c {
	CLEAR: both; BORDER-RIGHT: #pdc1c1c1 1px solid; BORDER-TOP: #pdc1c1c1 1px solid; MARGIN-TOP: 12px; BORDER-LEFT: #pdc1c1c1 1px solid; BORDER-BOTTOM: #pdc1c1c1 1px solid;
}
  .pdint .pdc1 {
    /*BACKGROUND: url(../images/pdhome_bg.gif) repeat-x; */width:463px;
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 4px;PADDING-BOTTOM: 0px; OVERFLOW: hidden; BORDER-LEFT: #fff 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #fff 1px solid;
}
  #phome .pdbt {
	PADDING-LEFT: 15px; FONT: bold 14px/30px Verdana, sans-serif; COLOR: #333; HEIGHT: 35px;
}
 
  .pdint .pdc1 dl {
	FLOAT: left; MARGIN-BOTTOM: 15px; WIDTH: 153px;
}
  .pdint .pdc1 dt {
	MARGIN-LEFT: 12px;
}
  .pdint .pdc1 dd {
	MARGIN-LEFT: 12px;
}
  .pdint .pdc1 dt {
	BORDER-RIGHT: #f6f6f6 1px solid; OVERFLOW: hidden; WIDTH: 132px; BORDER-BOTTOM: #f6f6f6 1px solid; HEIGHT: 126px;
}
  .pdint .pdc1 dt img {
	BORDER-RIGHT: #d7d7d7 0px solid; BORDER-TOP: #d7d7d7 0px solid; BORDER-LEFT: #d7d7d7 0px solid; WIDTH: 130px; BORDER-BOTTOM: #d7d7d7 0px solid; HEIGHT: 124px;
}
  .pdint .pdc1 dd {
	PADDING-LEFT: 7px; FONT: 11px/18px Verdana, sans-serif; OVERFLOW: hidden; WIDTH: 130px; HEIGHT: 18px;
}
  .pdint .pdc1 dd b a {
	FONT-WEIGHT: 700;
}

.pdint .pdc1 dd a:link{color: #2E2E2E;;text-decoration:none;}
.pdint .pdc1 dd a:visited{color:#2E2E2E;text-decoration:none;}
.pdint .pdc1 dd a:hover{color:#3680c2;text-decoration:underline;}



.login {
   /* border:1px solid red;*/
    padding: 0;
    margin-bottom: 8px;
    font: 9px Verdana, Helvetica, sans-serif;
    color: #333333
}

.login h2 {
    background: url(../images/icon_arrow01.gif) no-repeat 5px 12px;
    padding: 3px 20px;
    color: #3680c2;
    font-size: 14px;
    border-bottom: 1px solid #D0D0D0;
    font-weight: bold;
    /*margin-bottom: 8px;*/
}

.login form {
    margin: 0;
}

.login .login_error {
    text-align: center;
}

.login p {
    margin-top: -3px;
    margin-bottom: 0px;
}
.login p.message {
    width: 310px;
    margin: 0 auto 1em;
}

.login .login_error a {
    color: #ebcd4e;
    border-color: #ebcd4e;
}

.login h1 a {
    margin: 0 auto;
    height: 88px;
    width: 320px;
    display: block;
    border-bottom: none;
    text-indent: -9999px;
}

.login .message {
    font-size: 10px;
    text-align: center;
}

.login .register {
    font-size: 10px;
}

.login input {
    padding: 1px;
}

.login ul li a:hover {
    color: #fff;
}

.login .input {
    font-size: 12px;
    margin-top: 3px;
    width: 220px;
    border: 1px solid #999999;
}

.login p label {
    font-size: 10px;
}

.login .submit {
    margin: 0;
    font-size: 12px;
}

.colRbox{ clear:both;}
.colRbox h2{background:url(../images/icon_arrow01.gif) no-repeat 5px 12px;padding:3px 20px;color:#3680c2;font-size:14px; border-bottom:1px solid #D0D0D0; font-weight:bold;}
.colRbox .article_head{background:url(../images/head_article.gif) no-repeat 5px 12px;}
.colRbox h3{ font-size:12px; color:#2e2e2e;}
.colRbox ul{ list-style:none;}
.colRbox li{ font-size:11px;clear:both; background:url(../images/dot_line.gif) repeat-x bottom; padding-bottom:5px; padding-bottom:1px !important; display:table; height:1%; width:255px!important; margin:2px;}
.colRbox ul li h3 a{color:#2e2e2e;}
.colRbox ul li h3 a:visited{color:#2e2e2e;}
.colRbox ul li h3 a:link{color:#2e2e2e;}
.colRbox ul li h3 a:hover{color:#3680c2;}
.colRbox_img{ float:left; margin:3px 5px;padding-bottom:0px !important;padding-bottom:5px;}

.col {
    clear: both;
    overflow: hidden;
    margin-bottom: 10px;
}

.colL1 {
    width: 49%;
    float: left;
}

.colL1 h1 {
    background: url(../images/icon_arrow01.gif) no-repeat 5px 12px;
    padding: 3px 20px;
    color: #3680c2;
    font-size: 14px;
    border-bottom: 1px solid #D0D0D0;
    font-weight: bold;
}

.colL1 .home_scroll_h {
    padding-left: 0px;
	padding-right:0px;
	padding-bottom:1px !important;
	padding-bottom:3px;
	background:url(../images/home_scroll.gif) no-repeat 5px 12px;
}

.colL1 .home_scroll_h span {
    font-size: 10px;
    color: #4D4D4D;
	font-weight: normal;
}

.colL1 ul {
    list-style: none;
}

.colL1 ul li{
    height:21px!important;
    height:18px;
}

.colL1 li a:link {
    background: url(../images/icon_arrow03.gif) no-repeat 5px 1px;
    padding-left: 25px;
    color: #2E2E2E;
}

.colL1 li a:visited {
    background: url(../images/icon_arrow03.gif) no-repeat 5px 1px;
    padding-left: 25px;
    color: #2E2E2E;
}

.colL1 li a:hover {
    background: url(../images/icon_arrow02.gif) no-repeat 5px 1px;
    padding-left: 25px;
    color: #3680c2;
}
.colL1 .home_scroll{
border-bottom: 1px dashed #ccc ;
}

.colL1 .home_scroll a:link {
    background: url(../images/ulli01.gif) no-repeat 1px 1px;
    padding-left: 16px;
    color: #2E2E2E;
}

.colL1 .home_scroll a:visited {
    background: url(../images/ulli01.gif) no-repeat 1px 1px;
    padding-left: 16px;
    color: #2E2E2E;
}

.colL1 .home_scroll a:hover {
    background: url(../images/ulli01.gif) no-repeat 1px 1px;
    padding-left: 16px;
    color: #3680c2;
}

.colR1 {
    width: 49%;
    float: right;
}

.colR1 h1 {
    background: url(../images/icon_arrow01.gif) no-repeat 5px 12px;
    padding: 3px 20px;
    color: #3680c2;
    font-size: 14px;
    border-bottom: 1px solid #D0D0D0;
    font-weight: bold;
}

.colR1 ul {
    list-style: none;
}

.colR1 ul li{
    height:22px;

}

.colR1 li a:link {
    background: url(../images/icon_arrow03.gif) no-repeat 5px 1px;
    padding-left: 25px;
    color: #2E2E2E;
}

.colR1 li a:visited {
    background: url(../images/icon_arrow03.gif) no-repeat 5px 1px;
    padding-left: 25px;
    color: #2E2E2E;
}

.colR1 li a:hover {
    background: url(../images/icon_arrow02.gif) no-repeat 5px 1px;
    padding-left: 25px;
    color: #3680c2;
}


ul.TabBarLevel1 li a:link,ul.TabBarLevel1 li a:visited {
    color: #333;
    text-decoration: none;
}

ul.TabBarLevel1 li a:hover,ul.TabBarLevel1 li a:active {
    color: #F30;
    text-decoration: none;
}

ul.TabBarLevel1 li.Selected a:link,ul.TabBarLevel1 li.Selected a:visited
    {
    color: #000;
    text-decoration: none;
}

ul.TabBarLevel1 li.Selected a:hover,ul.TabBarLevel1 li.Selected a:active
    {
    color: #F30;
    text-decoration: none;
}

ul.TabBarLevel1 {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 29px;
}


ul.TabBarLevel1 li {
    float: left;
    padding: 0;
    height: 30px !important;
    height: 28px;
    margin-right: 0px;
    border-bottom:1px solid #D4D4D4;
}

ul.TabBarLevel1 li a {
    cursor:pointer;
    display: block;
    padding: 4px;
    color: #000000;
    background: url(../images/topcat_bg.gif) right top repeat-x;
    white-space: nowrap;
    border-left: 1px solid #D4D4D4;
    border-right: 1px solid #D4D4D4;
    border-top: 1px solid #D4D4D4;
}

ul.TabBarLevel1 li.Selected {
border-bottom:0px;  
}

ul.TabBarLevel1 li.Selected a {
    cursor:pointer;
	color: #000000;
    border-left: 1px solid #D4D4D4;
    border-right: 1px solid #D4D4D4;
    border-top: 1px solid #D4D4D4;
    border-bottom: 1px solid #ffffff;
    background: #fff;
}
#myTab0 li.normal,#myTab0 li{cursor:default;background:url(images/ptab2.gif); width:145px; height:28px; float:left; text-align:center}
#myTab0 li a{cursor:default;font:bold 14px/28px Arial, Helvetica, sans-serif}
#myTab0 li.active{cursor:default;background:url(images/ptab1.jpg);}
#myTab0_Content0,#myTab0_Content1,#myTab0_Content2{ height:100%;}
.fbox{float:left; width:680px!important; width:682px;overflow:hidden;}
.fbox h2{background:url(images/h2_bg.gif) repeat-x bottom;padding:5px 15px;color:#666; font-size:12px; border-bottom:1px solid #D0D0D0; font-weight:bold; margin-bottom:2px; border-top:1px solid #ccc; }


.home_grd {
	BORDER-RIGHT: #cecece 0px solid; BORDER-TOP: #cecece 0px solid; BORDER-LEFT: #cecece 0px solid; WIDTH: 130px; BORDER-BOTTOM: #cecece 0px solid; POSITION: relative; HEIGHT: 124px;}
.home_grd SPAN {
	BORDER-TOP-WIDTH: 1px;
	DISPLAY: block;
	BORDER-LEFT-WIDTH: 1px;
	LEFT: 48px !important;
	LEFT: 0px;
	BORDER-BOTTOM-WIDTH: 1px;
	WIDTH: 82px;
	POSITION: absolute;
	TOP: 74px!important;
    TOP: 0px;
	HEIGHT: 49px;
	BORDER-RIGHT-WIDTH: 1px;

}
.home_grd img {
	padding-left: 1px;
	padding-top: 1px;
}
#join {height:238px !important; height: 235px;  width: 260px; border-top-width: 1px;border-right-width: 1px;
border: 1px solid #b0b0b0;margin-right: auto;margin-left:0;background-image: url(../images/slidebox_join_bj.jpg);background-repeat: repeat-x;background-position: top;}
#join .qa {font-family: Verdana;font-size: 13px;font-weight: bold;color: #000000;}
#free li {padding-left: 10px;padding-top: 5px;float: left;width: 250px;}
#free ul {margin: 0px;padding: 0px;}
#free ul li{ list-style-type:none;}
#free .images {padding-top: 5px;}
#slideBox a:link{color: #003278;text-decoration: none;font-size: 12px;font-family: Verdana}
#slideBox a:visited{color: #003278;text-decoration: none;font-size: 12px;font-family: Verdana}
#slideBox a:hover{color: #003278;text-decoration: underline;}
#slide{padding-top:5px}
#slide li img{margin-right:3px}
#slideBox ul{padding:0;margin:0;clear:both;list-style:none;overflow:hidden width:258px;}
#slideBox li{float:left;height:38px !important;}
#slideBox #slide ul li a:link,#slideBox li a:visited{color:#000000;}
#slideBox #slide ul li a:hover{color:#000000;text-decoration: none}
#slideBox .l{background:url(../images/slidebox_07.jpg) no-repeat right;width:84px;}
#slideBox .m{background:url(../images/slidebox_01.jpg) no-repeat right;width:84px;float:left;margin-left:4px; margin-right:4px; } 
#slideBox .r{background:url(../images/slidebox_08.jpg) no-repeat left;width:83px;float:right;}
#slideBox .l_h{background:url(../images/slidebox_06.jpg) no-repeat right;width:84px;}
#slideBox .m_h{background:url(../images/slidebox_02.jpg) no-repeat right;width:84px;height:38px;float:left;margin-left:4px; margin-right:4px;} 
#slideBox .r_h{background:url(../images/slidebox_09.jpg) no-repeat left;width:83px;height:38px;float:right;}
#slideBox .hide{display:none}
#slideBox .l a,#slideBox .m a,#slideBox .r a,#slideBox .l_h a,#slideBox .r_h a ,#slideBox .m_h a{
 display:block;height:38px; line-height:12px; padding:auto; padding-left:3px; 
} 
/*cont*/ 
#slideBox .cont_l{float:left;background:url(../images/slidebox_03.jpg) no-repeat top right;width:260px;height:132px;margin-left:0px;} 
#slideBox .cont_m{float:left;background:url(../images/slidebox_04.jpg) no-repeat top;width:260px;height:132px;margin-left:0px;} 
#slideBox .cont_r{float:left;background:url(../images/slidebox_05.jpg) no-repeat top;width:260px;height:132px;margin-left:0px;}