@import url("reset.css");

body{background-color:#ffffff}
body, p, td, th, li{font-family:Arial, Helvetica, sans-serif;line-height:18px;color:#000;}
a, a:link{color:#333333;text-decoration:none;cursor:pointer;}
a:hover{color:#741827;text-decoration:underline;}

a[title="More"]{font-weight:bold;background:url(/images/icon_arrow.gif) no-repeat left; padding-left:10px;text-align:right;}
a[title^="click here!"]{background:url(/images/link.gif) no-repeat right top; padding-right:10px;}
a{*height:1%;}

h1{font-weight:bold;font-size:14px;display:inline;}
h2{font-weight:bold;font-size:13px;display:inline;}
h3{font-weight:bold;font-size:12px;display:inline;}
ol, ul, li{list-style-type:none;}


input, select, textarea{border:1px solid #B4B4B4;}
input[type="checkbox"], input[type="radio"] {border:0px;}
input{height:20px;line-height:20px;}
select{height:22px;line-height:22px;}
input.button{color:#5E2708;background:#FEEEB1 url(/images/buttonSkinAL.gif) bottom repeat-x! important;height:25px;text-align:center;}


pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;}
blockquote{margin:0 0 18px 18px; color:#666666; font-style:italic;}
.b, b, strong{font-weight:bold;}
.em, em{font-style:italic;}

.left 		{float:left;}
.right 		{float:right;}
.clearThis 	{clear:both;}
.small		{font-size:10px;}
.large		{font-size:16px;}
.soft		{color:#D3D3D3;}
.hide		{display:none;}
p			{*word-wrap:break-word;*word-break:break-all;overflow:hidden;padding:3px}
p.last		{margin-bottom:0px;}
.space      {margin-top:10px}
.textright  {text-align:right;}
.textleft   {text-align:left;}
.textcenter   {text-align:center;}

.top, .topContent, .tagslist, .header,.footer, .mainContent, .content{padding:0px;width:950px;margin:0px auto;text-align:center;clear:both;}

.mainContent div{float:left;}

.userLoginState li, .userLoginState span,
.tabsDefault a, .tabsDefault a span,.tabsNav a, .tabsNav a span,
.bluePanel .title, .bluePanel .title .dt-l, .bluePanel .title .dt-r,
.postPanel .freeL,.postPanel .freeR
{display:block;background:url(/images/global_bg.png) no-repeat;_background:url(/images/global_bg.gif) no-repeat;}

/*Top*/
.top{width:100%;height:25px;background-color:#f5f5f5}
.top a{font-weight:bold;}
.top .topContent{padding:5px 0 0 0; height:20px;}
.top .topContent li{margin-left:10px;}

/*Header*/
.header ul{margin-top:5px;margin-bottom:0px}
.header ul li{margin-left:10px;}
.header .logo{float:left;margin-left:0px;width:350px;margin-top:10px}

.toplink{width:590px;float:right;}
.toplink .linkPanel{float:right;border:1px solid #cccccc;height:18px;padding:2px 2px 5px 2px}
.toplink .linkPanel li{float:left;}
.loginPanel{float:right;width:400px}

.userLoginState{float:right;}
.userLoginState li.button, .userLoginState span{float:left;height:22px; background-position:0 -251px}
.userLoginState li.button{padding:0 0 0 8px;}
.userLoginState li.welcome{padding:0 0 0 8px;float:left;background:none;}
.userLoginState span{background-position:100% -251px;padding:0 8px 0 0;line-height:22px;}
.userLoginState a:hover, .userLoginState a:active{color:#f50; text-decoration:underline}

.adstoper{z-index:15;position:relative;height:62px;float:right;margin-top:10px;}
  
.tabs{z-index:15;position:relative;height:32px;float:left}
.tabs li{float:left;display:block;_width:1px;white-space:nowrap;}
.tabs a:hover, .tabs a:active{text-decoration:none;}
.tabsDefault a {background-position:0 0;padding:0 0 0 8px;font-weight:bold;color:#fff;}
.tabsDefault a span{background-position:100% -32px;padding:0 8px 0 0;line-height:32px;}

.tabsNav a {background-position:0 -143px;padding:0 0 0 8px;color:#333;font-weight:bold;}
.tabsNav a span{background-position:100% -170px;padding:0 8px 0 0;line-height:27px;}
.tabsNav a:hover{background-position:0 -197px;color:#fff;}
.tabsNav a:hover span {background-position:100% -224px}

.searchPanel{background-color:#565662;position:relative;z-index:10;width:940px;padding:5px;top:-5px;margin-bottom:2px;_padding:3px;_margin-bottom:0px;_height:28px}
.searchform{padding-left:20px}

.countrylist{border:1px solid #cccccc;height:145px;width:470px}
.countrylist li {width:150px;float:left;padding:3px}

.bluePanel .title{background-position:100% -412px;background-repeat:repeat-x;height:24px;*margin-bottom:-5px;}
.bluePanel .title .dt-l{background-position:0 -388px;height:24px;width:3px;}
.bluePanel .title div{padding:0px 0 2px 3px;line-height:24px;height:24px;}
.bluePanel .title .dt-r{background-position:100% -436px;width:3px;height:24px;}
.bluePanel li.dd{border:1px solid #cccccc;padding:0px 5px 0px 5px;background-color:#F5F5F5;*margin-top:4px}

.grayPanel{border:1px solid #B4B4B4;padding:2px;}
.grayPanel .title{background-color:#565662;font-weight:bold;color:#fff;padding:4px;height:18px;line-height:18px}
.grayPanel .title a{color:#fff}
.grayPanel .title a:hover{text-decoration:underline;}
.grayPanel li{padding:3px}

.menuList{width:195px;_width:175px}
.menuList .title{width:185px;_width:175px}
.menuList li{padding-left:10px}
.menuList .visited a{text-decoration:underline; font-weight:bold;}

.ucp_menuList{width:185px;margin-right:15px;_width:175px}
.ucp_menuList .title{width:175px;height:22px;line-height:22px;_width:175px}
.ucp_menuList li{padding-left:10px;height:22px;line-height:22px}
.ucp_menuListHover{background-color:#f5f5f5;}

.tagslist div.blueBox{white-space:nowrap;width:938px;}
.tagslist .tags{float:left;width:226px;overflow:hidden;height:24px;line-height:24px;margin:0 -1px -1px 0px}
.tagslist .ads div{float:left;height:65px;width:465px;}

.productList{height:295px;*height:290px;padding:5px 8px 5px;_padding:3px;}
.productList li{float:left;}
.productList li div{border:1px solid #999;padding:5px;background:#fff;width:100px;height:130px;margin:3px;_margin:2px;text-align:center;word-break:break-all;overflow:hidden;-o-text-overflow:ellipsis;*text-overflow:ellipsis;}
.productList li div:hover{background:#FFF1D1;}

.offerPanel{height:505px;margin-top:10px;*margin-top:8px;width:456px}
.offerPanel div{float:left;margin:0px;padding:0px;}
.offerPanel div ul{margin:0 2px 0 2px}
.offerPanel div ul li{overflow:hidden;height:24px;line-height:24px;width:218px;padding:0 3px 0 3px}
.offerPanel a{padding-left:8px;background:url(/images/icon_arrow.gif) no-repeat left;}

.postPanel{position:relative;height:147px;width:250px;}
.postPanel .freeL, .postPanel .freeR{position:absolute;background-position:100% -589px;background-color:#fff;text-decoration:none;color:#000;height:38px;width:112px;top:3px;z-index:20}
.postPanel .freeL{left:3px}
.postPanel .freeR{right:3px}
.postPanel .freePanel{position:absolute;left:3px;top:45px;z-index:10;background-color:#fff;width:232px;padding:10px;}
.postPanel .freeHover{border-bottom:none;height:42px}
.postPanel .loginPanel{position:absolute;top:150px;left:3px;width:232px;padding:10px;background-color:#565662;}
.postPanel .loginPanel a{color:#fff;font-weight:bold;}
.postPanel .loginPanel a:hover{text-decoration:underline;}
.postPanel .loginPanel div{padding:2px;width:220px}

.tagPanel {height:360px}
.tagPanel li{float:left;width:175px;margin:2px;}

.displayDiv .title{display:block;height:28px;width:738px;}
.displayDiv ul{border-bottom:2px solid #cccccc;border-top:2px solid #cccccc;}
.displayDiv .companydetailPanel{float:left;width:550px;padding:5px;}
.displayDiv .catPanel div div{clear:both;width:100%;padding-top:3px;padding-bottom:3px}
.displayDiv li.list{border-bottom:1px dashed #B4B4B4;width:728px;padding:5px;height:100%;overflow:auto;background-color:#fff;}
.displayDiv li.list:hover{background-color:#f5f5f5;}
.displayDiv a{font-size:14px;text-decoration:underline;}
.displayDiv .otherLink{text-decoration:none;}
.displayDiv .detailPanel{float:left;width:445px;padding:5px;border:0px}
.displayDiv .detailPanel h2{word-wrap:break-word;}
.displayDiv .detailPanel p{height:50px; overflow:hidden;}

.formDisplay{width:728px;}
.formDisplay li{float:left;display:block;padding:2px;line-height:auto;height:auto;}
.formDisplay li.title{width:145px;text-align:right;font-weight:bold;}
.formDisplay li.title span{color:red}
.formDisplay li.liinput{width:565px;}
.formDisplay li.liinput span{font-size:9px;}

.mainLeft{width:200px;margin-right:10px}
.mainRight{width:740px;}
.footer{margin-top:20px;border-top:2px solid #999999;}
.footer ul li {text-align:center;line-height:30px;}
.rightRight{width:260px;float:right}
.rightLeft{width:475px;float:left}
.redShallow{background-color:#FFFBEF;}
.redDeep{background-color:#FFF1D1;}

.blueShallow{background-color:#F5F5F5;padding:3px}
.blueDeep{background-color:#B6D3E1;padding:3px}

.nav{border-bottom:3px solid #cccccc;background-color:#F5F5F5;width:100%;clear:both;}
.nav span{display:block;padding:5px;}
.manyList3 li{float:left;width:33.33%;white-space:nowrap;overflow:hidden;height:24px;line-height:24px;}
.redBox{border:1px solid #B4B4B4;padding:0px 5px 0px 5px;}
.blueBox{border:1px solid #cccccc;padding:0px 5px 0px 5px;}

.simplePhotoBox img{
max-width:100px;max-height:90px;
width:expression(this.width>100 && this.height<=this.width?100:true);
height:expression(this.height>90 && this.height>this.width?90:true);
}
.simplePhotoBox .title{width:100%;border-bottom:2px solid #f5f5f5;position:relative;}
.simplePhotoBox .title span{float:right;padding:5px 5px 5px 10px;background:url(/images/icon_top.gif) no-repeat 0 9px;}
.simplePhotoBox .title b{padding:5px;border-bottom:2px solid #C00;top:0px;position:absolute;}
.simplePhotoBox .content{padding:5px;_padding:3px}
.simplePhotoBox .content li{float:left;padding:5px;margin:2px;height:125px;_height:142px;_margin:2px;border:1px solid #f5f5f5;}
.simplePhotoBox .content li .imgdiv{text-align:center; margin:0 6px;width:100px;height:90px;clear:both;border:1px solid #f5f5f5;}
.simplePhotoBox .content li .titlediv{text-align:center;width:135px;height:40px;overflow:hidden;clear:both;}

.simpleBox .title{width:100%;padding:3px;border-bottom:2px solid #f5f5f5;position:relative;}
.simpleBox .title span{float:right;padding:5px 5px 5px 10px;background:url(/images/icon_top.gif) no-repeat 0 9px;}
.simpleBox .title strong{padding:3px;border-bottom:4px solid #C00;top:0px;position:absolute;}
.simpleBox .content li{text-align:left;padding:2px;white-space:nowrap; overflow:hidden; }

.thumbPhoto{
max-width:100px;max-height:90px;
width:expression(this.width>100 && this.height<=this.width?100:true);
height:expression(this.height>90 && this.height>this.width?90:true);
}
.listLink{padding-left:10px;line-height:20px;height:20px;}
.otherLink{font-size:12px;line-height:22px;height:22px;}
.photoPanel{position:relative;float:left;border:1px solid #999;width:100px;height:90px;}
.photoPanel div{position:absolute;top:-4px;left:-4px;border:1px solid #CCCCCC;text-align:center;width:100px;height:90px;background-color:#fff;}

/* Multi Page */
.multipage{width:100%;margin-bottom:2px}
.p_bar {margin:2px;line-height:16px;float:rigth;}
.p_bar a{float:left;padding:1px 4px;margin:0px 2px;font-size:12px;text-decoration:none;border:1px solid #999999;}
.p_bar .p_input {border:1px solid #999999;padding:0;width:40px;height:18px;margin:0px;background: #FFFFFF;}
.p_bar .p_button {border:1px solid #cccccc;margin-left:2px;height:20px;line-height:1em;}
.p_bar .p_total {background-color: #f5f5f5;font-weight: bold;}
.p_bar .p_pages {background-color: #f5f5f5;margin-right:1px;vertical-align: middle;font-weight:bold; }
.p_bar .p_num {background-color: #FFFFFF;border: 1px solid #DBDDD3;margin-right:1px;vertical-align: middle;}
.p_bar a:hover.p_num{background-color: #f5f5f5;text-decoration: none;}
.p_bar .p_redirect {background-color: #FFFFFF;border: 1px solid #DBDDD3;margin-right:1px;font-size:13px;*font-size:12px}
.p_bar a:hover.p_redirect {background-color: #f5f5f5;text-decoration: none;}
.p_bar .p_curpage {margin-right:1px;border: 1px solid #DBDDD3;vertical-align: middle;background-color:#ccc;color:#fff;font-weight: bold;}

.message{width:715px}
.message ul{width:715px;float:left}
.message ul.head{border-bottom:1px solid #000}
.message ul.head li{font-weight:bold;}
.message ul li{float:left;}
.message ul li.title{width:410px}
.message ul li.user{width:120px}
.message ul li.date{width:180px}

.system_message{margin:0 auto;width:500px;}
.system_message div.content{text-align:center;width:500px}

/* -----------------google adsense ------------------  */
._Adsense_ads_{width:90%}
.google_box_one{width:99%;_width:90%;border:1px dotted #cccccc;padding:5px 20px 20px 20px;text-align:center}
.google_title_one{clear:both;padding:0px}
.google_adtxt_one{clear:both;font-size:14px;line-height:24px;margin-top:15px;text-align:center}

.google_adtitle_one{clear:both;padding-bottom:10px}
.google_adtitle_one a:link{color:#0000ff;font-size:18px; font-weight:bold;line-height:24px;height:24px;text-decoration:underline;}
.google_adtitle_one a:hover {color:#f00;}

.google_adurl_one{clear:both;margin-top:15px}
.google_adurl_one a:link{color:#009900;font-size:14px; font-weight:bold;text-decoration:none; font-family:arial, helvetica, sans-serif;}
.google_adurl_one a:hover {color:#f00;}


._Adsense_ads_list_{width:728px;_width:708px}
.google_box{width:728px;clear:both;border:1px solid #cccccc}
.google_title{clear:both;width:718px;padding:5px;margin-bottom:12px;background-color:#f5f5f5;}
.google_title a{font-size:12px}

.google_item{border-bottom:1px dotted #cccccc;clear:both;margin-bottom:7px;}


.google_adtitle{clear:both;width:610px;padding-left:10px;line-height:20px;height:20px;margin-bottom:3px}
.google_adtitle a:link{color:blue;font-size:14px;font-weight:bold;line-height:20px;height:20px;text-decoration:none;}
.google_adtitle a:hover {color:#741827;}

.google_adtxt{width:600px;padding-left:10px;padding-bottom:7px;}
.google_adcontent{width:600px;font-size:14px;line-height:18px;}
.google_adurl{clear:both;width:600px;}
.google_adurl a:link{color:#009900;font-size:12px;text-decoration:none;}
.google_adurl a:hover {color:#f00;}

.input1{width:200px;}
.select1{width: 145px; height: 150px}

/* Tabs
----------------------------------*/
.ui-tabs {border-bottom:1px solid #ccc;}
.ui-tabs-nav li { float: left; border-bottom: 0 !important; }
.ui-tabs-nav li a { display:block; text-decoration: none; margin-right:2px; padding: 0 10px; height:30px; line-height:30px; border:1px solid #ccc; background-color:#fff}
.ui-tabs-nav li a:hover{background-color:#eee}
.ui-tabs-nav li.ui-tabs-selected a{background-color:#eee}
.ui-tabs-content{width:715px;background-color:#ccc;}
.ui-tabs-content tr{height:30px;}
.ui-tabs-content th,.ui-tabs-content td{text-align:center;background-color:#fff;}
.ui-tabs-content th{background-color:#eee;}

.ui-table-content{width:715px;background-color:#ccc;}
.ui-table-content tr{height:30px;}
.ui-table-content th,.ui-table-content td{text-align:left; background-color:#fff;}
.ui-table-content th{background-color:#eee; width:100px; text-align:right; padding-right:10px;}
.ui-table-content td{padding-left:10px;}