@charset "utf-8";

a:link{color:#039;}
a:visited{color:#836446;}
a:hover{color:#f60;}

body {
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	background: #FFFFFF;
	font-size: 9pt; 
	font-family: Verdana, Arial, sans-serif;

}

td {
	font-size: 9pt; 
	font-family: Verdana, Arial, sans-serif;
}

/* Frame *********************************************************************/

.HeaderNav {
	width: 755px;
	margin: 0px auto 0px auto;
	padding: 6px 0px 6px 0px; 
	background-image: url(../images/dotted.png); 
	background-repeat: repeat-x; 
	background-position: left bottom; 
	color: #CCCCCC;
	letter-spacing: 1px;
}

.HeaderNavTitle {
	clear: left;
	padding: 8px 0px 0px 0px; 
	vertical-align: bottom;
}

.HeaderNavTitle h1 {
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	line-height: 0px;
	padding: 10px 0px 5px 0px; 
	letter-spacing: 0px;
}

.HeaderNavTitle h1 span {
	font-weight: normal;
}

.Main {
	width: 755px;
	margin: 5px auto 20px auto;
	text-align: left;
	vertical-align: top;
}

.Footer {
	width: 755px;
	margin: 0px auto 20px auto;
	padding: 6px 0px 6px 0px; 
	background-image: url(../images/dotted.png); 
	background-repeat: repeat-x; 
	background-position: left top; 
	color: #CCCCCC;
	font-size: 9pt;
	font-family: Verdana, Arial, sans-serif;
	line-height: 175%;
}

/* Resetpasswd/Signout/Email *************************************************/
.TwoCol_FormLeft {
	float: left;
	width: 170px;
	color: #000000;
	padding: 6px 6px 6px 10px; 
	vertical-align: top;
}

.TwoCol_FormLeft li {
	line-height: 200%
}

.TwoCol_FormCenter {
	float: left;
	width: 550px;
	border-left: 1px solid #CCCCCC;
	color: #000000;
	padding: 6px 10px 6px 6px;
	vertical-align: top;
}

.TwoCol_FormCenter li{
	line-height: 150%;
}

.Chapter {
	margin: auto auto 30px auto;
}


/* Common ********************************************************************/
.Err {
	color: #FFFFCC;
	background-image: url(../images/err.png); 
	background-repeat: no-repeat;
	background-position: 3px 3px; 
	background-color: #CC0000;
	margin: 6px auto 6px 0px;
	padding: 2px 4px 2px 19px;
	line-height: 150%;
}

.Err a:link {
	color: #FFFFFF;
	text-decoration: underline;
}
.Err a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
.Err a:hover {
	color: #CC0000;
	text-decoration: none;
	background: #FFFFFF;
}
.Err a:active {
	color: #CC0000;
	text-decoration: none;
	background: #FFFFFF;
}

.Info {
	color: #000000;
/*	background-image: url(../images/info.png); */
	background-repeat: no-repeat;
	background-position: 3px 3px; 
/*	background-color: #FFFFCC; */
/*	border: 1px solid #FFCC33; */
	margin: 6px auto 6px 0px;
	padding: 2px 4px 2px 19px;
	line-height: 150%;
}

.TabCurrent {
	border: 1px solid #CC0000;
	padding: 11px 10px 10px 10px; 
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
	background-color: #FFFFCC;
}

.TabForward {
	padding: 4px 6px 3px 6px;
	vertical-align: middle;
	color: #000000;
	background-color: #FFFFCC;
}

.TabBackward {
	padding: 4px 6px 3px 6px;
	vertical-align: middle;
	color: #000000;
	background-color: #FFFFCC;
}

.FormLabelEdit {
	padding-top: 3px;
	vertical-align: top;
	font-weight: bold;
	text-align: right;
}

.FormLabelDisplay {
	vertical-align: top;
}

.FormFieldDisplay {
	vertical-align: top;
	font-weight: bold;
}

.FormSep {
	padding-top: 5px;
	padding-bottom: 3px;
	vertical-align: middle;
	background-color: #F0F0F0;
}

.DescriptionText {
	color: #9C9C9C;
}

.AvatarPic {
	margin-bottom: 5px;
	border: 1px solid #F0F0F0;
	padding: 1px;
}

.AvatarPicLeft {
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid #F0F0F0;
	padding: 1px;
}

.AvatarPicRight {
	margin-left: 5px;
	margin-bottom: 5px;
	border: 1px solid #F0F0F0;
	padding: 1px;
}

.InlinePic {
	vertical-align: middle;
}

.TablewithBorder {
	border-top: 1px solid #003399;
	border-right: 1px solid #003399;
}

.TablewithBorder td {
	border-bottom: 1px solid #003399;
	border-left: 1px solid #003399;
}

/* Form **********************************************************************/
.Butt {
	font-size: 9pt;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
	color: #FFFFFF;
	background: #003399;
    border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #9C7CFF;
	border-right-color: #5728A7;
	border-bottom-color: #5728A7;
    border-left-color: #9C7CFF;
	height: 22px;
}

/* categorylist **********************************************************************/
.categorylist {width:100%;}
.categorylist td {vertical-align:top;}
.categorylist ul {margin:0;list-style-type:none;list-style-image:none;line-height:18px;}
.categorylist ul ul {margin-left:20px;list-style-image: url(../images/ul.gif);}
.categorylist ul ul ul {list-style-image: url(../images/ulul_c.gif);}
.categorylist li {margin-bottom:2px;}

#column {text-align:center;}
#column dl{list-style:none;margin:0;padding:0;text-align:left;width:100%;}
#column #two dd.right{float:right;border-right:none; width:49%;}
#column #two dd	{margin:0;float:left; width:49%;}
#column #three dd{margin:0;float:left; width:33.1%;}
#column #three dd.right {border-right:none;}
#column #three dd.middle{border-right:1px solid #ccc; border-left:1px solid #ccc;}

.level{ width:100%;}
.level div{float:left; width:auto;}

.column{ width:100%;}
.column h1, .column h2{margin-bottom:10px;}
.column div.section {float:left;word-wrap:break-word; word-break:break-all; word-break/* */:normal ;}
.column.two div.section {width:49.99%;}
.column.three div.section {width:33.3%;}
.column.four div.section {width:24.9%;}
.column.five div.section {width:19.9%;}
.column.eight div.section {width:12.5%;}
.column .section .column.two .section{width:50%!important;}
.column .section .column.three .section{width:33.3%!important;}
.column .section .column .section{width:auto;}


#detailbody #listitem .info{float:left;width:525px;min-width:525px;}
#detailbody #listitem .detail{margin-left: 105px;width:auto;}
#detailbody #listitem .description{ font:1em arial;overflow: visible ;margin-bottom:0;}
#detailbody #listitem .sampleimage,#detailbody #galleryitem .sampleimage{width:100px;height:100px;}

#detailbody #galleryitem .functiontop{border-left:none;}
#detailbody #galleryitem .item {width:273px;min-width:273px;height:16em; }
#detailbody #galleryitem .info{ width:240px;min-width:200px;margin-left:8px;float:left;}
#detailbody #galleryitem .description{ font:1em arial;height:66px;}
#detailbody #galleryitem .functionbox{height:16em; }
.functionbox.featuredproduct{height:102px;background:url(../images/list_featured_product.gif) #f5f5f5 8px 24px no-repeat;}
.functionbox.additionalproduct{height:102px;background:url(../images/list_additional_product.gif) #f5f5f5 7px 22px no-repeat;}

/*#listitem .item {margin-bottom:10px;padding-bottom:10px;border:1px solid #fff;border-bottom-color:#ccc;}*/
#listitem .functionbox {float:left;}
#listitem .info{float:right;width:43.7em;min-width:560px;}
#listitem .sampleimage { float:left; width:7.8em;}
#listitem .detail {margin-left: 8.3em;width:26em;min-width:330px;word-wrap:break-word; word-break:break-all; word-break/* */:normal ;}
#listitem .alitalk {float:right; width:8.5em;text-align:right;}

#listitem .description {margin-bottom:10px; font:0.8em verdana;overflow: hidden;height:4.7em;width:40.5em;}
#listitem .companyname {font:0.8em verdana;margin-bottom:4px;}

#listitem .gsicon {float:left;margin-right:4px;}
#listitem .tpicon {float:left;margin-right:4px;}
#listitem .vedioicon{float:left;margin-right:4px;}
#listitem .region {padding-top:15px;clear:both;font:0.8em verdana;}
#listitem .data{display:inline;font:0.8em verdana;color:#666;}
#listitem .companytype {display:inline;font:0.8em verdana;color:#666;}

#listitem.companylist .sampleimage {display:none;}
#listitem.companylist .detail {margin-left: 0;width:36em;}
#listitem.companylist .region {float:right;padding:0;}
#listitem.companylist .description {margin-bottom:8px;height:auto;}
#listitem.companylist .alitalk {width:6em;}

#listitem.buyingleads .info{float:none;width:100%;}
#listitem.buyingleads .sampleimage {display:none;}
#listitem.buyingleads .detail {margin-left: 0;width:36em;}
#listitem.buyingleads .region {float:right;padding:0;}
#listitem.buyingleads .description {margin-bottom:8px;height:auto;}
#listitem.buyingleads .alitalk {width:6em;}


#galleryitem .item{float:left;width:22.8em;padding:0;margin-bottom:10px;min-width:290px;height:19em; border-bottom:1px solid #efefef;}
#galleryitem .functionbox {float:left;background-color:#efefef;height:19em;}
#galleryitem .info{float:right; width:20.5em;min-width:260px;word-wrap:break-word; word-break:break-all; word-break/* */:normal ;}
#galleryitem .sampleimage {float:left;width:7.8em;}
#galleryitem .detail {clear:both;word-wrap:break-word; word-break:break-all; word-break/* */:normal ;}
#galleryitem .alitalk {margin:4px 0 0 105px;}

.sampleimage {overflow:hidden;width:7.8em;height:7.8em;border:1px solid #ccc;text-align:center;}
#galleryitem .description {clear:both;margin-bottom:2px; font:0.8em verdana;overflow: hidden;height:3.7em;word-wrap:break-word; word-break:break-all; word-break/* */:normal ;}
#galleryitem .companyname {font:0.8em verdana;margin-bottom:4px;}

#galleryitem .gsicon {float:left;margin-right:4px;}
#galleryitem .tpicon {float:left;margin-right:4px;}
#galleryitem .vedioicon{float:left;margin-right:4px;}
#galleryitem .region {margin:8px 0 0 4px;font:0.8em verdana;}
#galleryitem .data {width:8em;font:0.8em verdana;color:#666;line-height:2em;}
#galleryitem .companytype {font:0.8em verdana;}
#galleryitem .relatedresult {display:none;}

/* #galleryitem .item h2 {float:left;} */

.item h2 {margin-right:4px;font-weight:lighter; border:0;background:none!important; display:inline; padding:0;font-size:1.2em;}
.item h2 a {text-decoration: underline;background:none;}
.item h2 a:link {color:#039;}
.item h2 a:visited {color:#666;}
.item h2 a:hover {color:#f60;}



#galleryitem .functiontop {border-left:2px solid #efefef;}
.functiontop {clear:both;margin-top:8px;padding:8px 0 15px 25px;border-top:2px solid #efefef; background:url(../images/select_top_arrow.gif) no-repeat 5px 15px;}
.functionbottom {clear:both;clear:both;padding:8px 0 8px 25px; background:url(../images/select_bottom_arrow.gif) no-repeat 5px 0px;}
.functiontop, .functionbottom{font:0.8em verdana;text-align:left;float:left; clear:both;}
.functiontop .selecttype, .functionbottom .selecttype{float:left;}
.functiontop .button,.functionbottom .button{float:right;}

.showtype {font:0.8em verdana;clear:both;padding-top:8px;}
.showtype div {float:left;}
.showtype .items {display:inline;margin-right:20px;}
.showtype .listview a       {padding:2px 10px 2px 20px;display:block;background:url(../images/display_type_list_none.gif) 2px no-repeat;}
.showtype .listview span    {padding:2px 10px 2px 20px;display:block;background:url(../images/display_type_list_current.gif) 2px no-repeat;}
.showtype .galleryview a    {padding:2px 10px 2px 20px;display:block;background:url(../images/display_type_gallery_none.gif) 2px no-repeat;}
.showtype .galleryview span {padding:2px 10px 2px 20px;display:block;background:url(../images/display_type_gallery_current.gif) 2px no-repeat;}
.listview, .galleryview{margin-top:2px;}
#list .ads {border-bottom:1px solid #e0e0e0;}
#listitem .ads {border-bottom:2px solid #e0e0e0;}
/* List */

#forum #list th{background-color:#e7e7e7;border-right:1px solid #fff!important;border-bottom:none;height:18px;}
#forum #list td{border-bottom:none;}
#list th {margin:0;padding:4px;background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;border-right: 1px solid #e0e0e0;}
#list td {padding:10px 4px;border-bottom:1px solid #e0e0e0;}
#list h2 {font-weight:lighter; border:0;background:none!important; display:inline; padding:0 5px 0 0;font-size:1.2em;}
#list h2 a {text-decoration: underline;background:none;}
#list h2 a:link {color:#039;}
#list h2 a:visited {color:#666;}
#list h2 a:hover {color:#f60;}
#list .function {font:0.8em verdana;padding:6px 0 0 6px; vertical-align: middle;}
hr.list {color:#e0e0e0;}

/* list */



/* Contact */

#contacthead {width: 220px;background-color: #fff;position:relative;left:40px;top:6px;text-align:center;font-weight: bold;color:#f60;}
#contact {width:500px;margin-left:25px;padding:10px 0;border-top:3px solid #f60;border-bottom:3px solid #e7e7e7;background-image:url(../images/contact_bg.gif);}
#contact th {font-size:9pt;width:140px;text-align:right;vertical-align: top;padding:2px 6px 2px 2px;}
#contact td {vertical-align:top;padding:2px 2px 2px 6px;}

/* Contact */


.winstyle1	{clear:both;padding:0 12px;margin-bottom:15px;word-wrap:break-word; word-break:break-all; word-break/* */:normal ;}
.winstyle1 h2	{padding:4px 12px;margin:0 -12px 12px -12px;clear:both;}
.winstyle1 h3	{margin-left:0!important;}
.winstyle1 p	{margin-top:0!important;}
.winstyle1.line{padding-bottom:12px;border:1px solid #ccc;}

#gscontent h1{font-size:18px;}
h1.success{color:#f60;border:none!important;}
h1.featured{border-bottom:3px solid #ff822e!important;}
h2{padding:4px 12px;font-size:1em;background-color:#efefef;border-top:1px solid #fff;border-bottom:1px solid #ccc;}
h2 a{text-decoration:none;}
h2 a:link, h2 a:visited{color:#039;}
h2 a:hover{color:#f60;}

/* data */

#data {padding:4px;}
#data th {font-size:9pt;padding:4px 4px 4px 8px;border-bottom:1px solid #ccc;text-align:left;font-weight:lighter;vertical-align: top;}
#data td {padding:4px 4px 4px 8px;border-bottom:1px solid #ccc;vertical-align: top;}
#data td td {padding:0!important;border:none!important;}

/* data */


#tpnav #menu,#gsnav #menu,#fmnav #menu,#resourcebody #menu{border:none;} 
#resourcebody #menu ul,#gsnav #menu ul{font:10px verdana;background-color:#fff;}
#gsnav #menu li a:link,
#gsnav #menu li a:visited {
	border-top:2px solid #fff;
	border-bottom:2px solid #CCBE97;
	background-color:#EBE7DB;
	background-image:none;
	padding:0 0 0 5px;
}
#gsnav #menu li a:hover{
	border-bottom:2px solid #FF822E;
	background-color:#FFD49D;
	background-image:none;
}
#gsnav #menu li a.current:link,
#gsnav #menu li a.current:visited{
	border-bottom:2px solid #FF822E;
	background-color:#FFD49D;
	background-image:none;
}
#gsnav #menu li li a:link,
#gsnav #menu li li a:visited {
	background: url(../images/menu/menu_arr.gif) #ffffff 10px 6px no-repeat;
	padding:2px 0 2px 25px;
	border-bottom:1px dotted #b8b8b8;
	border-top:none;
}
#gsnav #menu li li a:hover{
	background-image:url(../images/menu/menu_arr_current.gif);
	background-color:#fff6cb;
	border-bottom:1px dotted #b8b8b8;
	border-top:none;
}
#gsnav #menu li li a.current:link,
#gsnav #menu li li a.current:visited{
	
	background-color:#fff6cb;
	border-top:none;
	border-bottom:1px dotted #b8b8b8;
	
}
#gsnav #menu li li a.seeall:link,
#gsnav #menu li li a.seeall:visited {
	background-image:url(../images/menu/see_all.gif);
	background-position: 25px 6px;
	background-repeat:no-repeat;
	padding:2px 0 2px 33px;
	background-color:#fff!important;
}
#gsnav #menu li li a.seeall:hover,
#gsnav #menu li li a.seeallcurrent:hover,
#gsnav #menu li li a.seeallcurrent:link ,
#gsnav #menu li li a.seeallcurrent:visited{
	background-image:url(../images/menu/see_all_current.gif)!important;
	background-position: 25px 6px;
	background-repeat:no-repeat;
	background-color:#fff6cb!important;
	padding:2px 0 2px 33px;
}


#menu li li a.seeall:link,
#menu li li a.seeall:visited {
	background-image:url(../images/menu/see_all.gif)!important;
	background-position: 25px 10px;
	background-repeat:no-repeat;
	padding-left:33px!important;
}
#menu li li a.seeall:hover {
	background-image:url(../images/menu/see_all_current.gif)!important;
	background-position: 25px 10px;
	background-repeat:no-repeat;
	background-color:#fff6cb;
}


/* Menu */
#menu{border-right:1px solid #999999;border-bottom:1px solid #999999;}
#menu span{color:#666;}
#menu ul {list-style-image: none;margin:0px;font-size:13px;}
#menu li {margin-bottom:0!important;list-style-type: none!important;background-image:none!important;padding:0!important;word-wrap:break-word; word-break:break-all; word-break/* */:normal ;}
#menu li img {
	border: 0;padding: 4px 4px 4px 0px; vertical-align: middle;
}

#menu li a:link,
#menu li a:visited {
	color: #000;text-decoration: none;display: block;padding: 5px;min-height:18px;height:auto!important;height:18px;background: url(../images/menu/menu_bg.gif) repeat-x;
}
#tpnav #menu li a:link,
#tpnav #menu li a:visited {
	padding-left: 10px; display:block;background-image: url(../images/menu/menu_tpbg.gif);
}
#resourcebody #menu li a:link,
#resourcebody #menu li a:visited {
	padding: 2px 1px 0px 5px; background: url(../images/menu/menu_resource_bg.gif) repeat-x; margin:0;
}

#menu li a:hover{
	background-image: url(../images/menu/menu_bg_current.gif);
}
#tpnav #menu li a:hover{
	background-image: url(../images/menu/menu_tpbg_current.gif);
}
#resourcebody #menu li a:hover{
	background-image: url(../images/menu/menu_resource_current.gif);
}
#menu li a.current:link,
#menu li a.current:visited{
	background-image: url(../images/menu/menu_bg_current.gif);
}
#tpnav #menu li a.current:link,
#tpnav #menu li a.current:visited{
	background-image: url(../images/menu/menu_tpbg_current.gif);
}
#resourcebody #menu li a.current:link,
#resourcebody #menu li a.current:visited{
	background-image: url(../images/menu/menu_resource_current.gif);
}

#menu li li a:link,
#menu li li a:visited {
	padding: 5px 0 5px 25px;margin: 0px;border-bottom: 1px dotted #b8b8b8;background: url(../images/menu/menu_arr.gif) #ffffff 10px 10px no-repeat;
}

#tpnav #menu li li a:link,
#tpnav #menu li li a:visited {
	background-image: url(../images/menu/menu_arr.gif);
	padding: 5px 0 5px 25px;
}
#resourcebody #menu li li a:link,
#resourcebody #menu li li a:visited {
	display: block;padding: 3px 0 0 20px;margin:0px;border-bottom: 1px dotted #b8b8b8;background: url(../images/menu/menu_arr.gif) #ffffff 5px 6px no-repeat;
}

#menu li li a:hover, 
#resourcebody #menu li li a:hover{
	background-image:url(../images/menu/menu_arr_current.gif);
	background-color:#fff6cb;
}
#tpnav #menu li li a:hover{
	background-image:url(../images/menu/menu_tparr_current.gif);
	background-color:#dbe9fa;
}

#menu li li a.current:link,
#menu li li a.current:visited,
#resourcebody #menu li li a.current:link,
#resourcebody #menu li li a.current:visited{
	background-image: url(../images/menu/menu_arr_current.gif)!important;
	background-color:#fff6cb;
}
#tpnav #menu li li a.current:link,
#tpnav #menu li li a.current:visited{
	background-image: url(../images/menu/menu_tparr_current.gif);
	background-color: #dbe9fa;
}




#menu.unlink li a:link,
#menu.unlink li a:visited,
#menu.unlink li a:hover {
	background-image: url(../images/menu/menu_bg.gif)!important;color: #666!important;cursor: default;
}
#menu.unlink li li a:link,
#menu.unlink li li a:visited,
#menu.unlink li li a:hover {
	background-image: url(../images/menu/menu_arr.gif)!important; background-color: #fff!important; color:#666!important;
}

#menu.unlink li a.current:link,
#menu.unlink li a.current:visited,
#menu.unlink li a.current:hover {
	background-image: url(../images/menu/menu_bg_unlink_current.gif)!important;
}
#menu.unlink li li a.current:link,
#menu.unlink li li a.current:visited,
#menu.unlink li li a.current:hover {
	background-image: url(../images/menu/menu_arr.gif)!important; background-color: #efefef!important;
}

#menu.unlink li li a:link.seeall,
#menu.unlink li li a:visited.seeall,
#menu.unlink li li a:hover.seeall {
	background-image: url(../images/menu/see_all.gif)!important;
}

/* Menu */

.highlight{border-bottom:1px solid #ffe9a9!important;background-color:#fffae2!important;}
.pane{border:1px solid #ccc!important;}
.greybg{background-color:#efefef;}
.whitebg{background-color:#fff!important;}
.hackbox{border-top:1px solid transparent!important; border-top:0; clear:both;}
.current{color:#f60;}

#paddedbox{padding:6px;}
.paddedbox{padding:8px;}
#cwindow .paddedbox{padding:12px;}
.paddedbox4{padding:4px;}
.paddedbox6{padding:6px;}
.paddedbox12{padding:12px;}
.marginbox{margin:8px;}
#box{padding:6px 6px 6px 12px;}
.box{padding:6px 6px 6px 12px;}

dl{margin:0 4px 4px 12px;padding-top:4px;}
dd{margin-left:12px;}
.s{font-size:0.8em!important;font-family:verdana;}


.googlead468 {
	padding-bottom: 13px;
}

.googlead120 {
	padding-top: 13px;
}