/* Width */
#welcome,#header,#search,#fLink,#dir,#main,#bottom,.rel2,#freeShowroom { width:960px }
#searchbottom,#footer,#footerpro { width:958px }
#freeShowroom { margin:auto;margin-bottom:20px; overflow:hidden;zoom:1}
#freeShowroom #leftmenu { border:solid 1px #E3E3E3;float:left;width:168px; margin-right:20px}
#leftmenu a{ color:#333}
#leftmenu a:hover{ color:#D50E13}
.leftimg{ margin:15px}
.leftimg a{ background-image:url(/images/free_showroom/icon.png); background-repeat:no-repeat;background-position:4px -40px;display:block; padding:5px 0 5px 20px;}
#addFav{ background-position:4px 6px}
#reccommend{background-position:5px -17px}
.leftimg img { padding: 0px; margin: 8px 0px 0px 0px; }
.leftimg2 p { margin: 0px 0px 7px 0px; padding: 0px; }
#freeShowroom .main { float:left; width:760px}
.compName{ background-color:#F1F1F1; border:solid 1px #E2E2E2; padding:6px 20px; font-size:25px; margin-bottom:10px}
.proleft li { border-bottom:solid 1px #F3F3F3;font-weight: bold;list-style-type: none; padding-top: 6px; padding-bottom: 6px;padding-left:20px}
.proleft li img{ vertical-align:middle}
.proleft li.now { background-color:#F7F7F7}
#leftmenu .proleft li.now a { color:#D50E13; }
#freeShowroom .more { line-height: 30px; clear: both; height: 30px; }
div.l { padding-top:10px; display: block; clear:both; }
.prodetailtable { margin-bottom: 10px}
.prodetailtable th { padding-left:5px; font-weight: normal; font-size:12px; line-height: 20px; }
.prodetailtable td { padding:0px; line-height: 25px; }

#addbar{ margin-bottom:8px}

/* Bottom QP and QO */
.freemquick {margin:0 auto 10px auto; padding:5px 15px; width:930px}
.freemquick a{ margin:0 8px}
.rcat, .rqcat {vertical-align: top; }
.rcat{ width:425px;}

.disclaimer { color:#B7B7B8; padding-top: 70px; clear:both;}
.statusnone { color:#999999 }
.prodetail{margin: 0px 0px 10px 0px; }
.prodetail h1 { margin-top: 8px; margin-bottom: 10px;}
.prodetail h1,#offerdetail h1{font-size:14px}
.prodetail .reg { border: 1px solid #FAD666; background-color: #FEFBEF; font-weight: bold; font-family: Arial, Helvetica, sans-serif; float: left; padding: 3px; margin: 0px 5px 5px 0px;font-size: 12px;}

.prodetail ul { margin-top: 0px; margin-bottom: 10px; margin-left:25px; padding-top: 0px; padding-bottom: 0px; padding-left:0px; }
.prodetail ul li { padding-top: 0.2em; padding-bottom: 0.2em; }
.prolist {padding:10px;border-bottom:1px solid #EBEBEB; overflow:hidden;zoom:1; }
.prolist .cnt{ float:left; width:620px}
.cnt a{ font-size:14px}
.cnt p{ margin-top:5px;word-wrap:break-word;}

.pageNum{ padding:15px 0; text-align:center}

/*AuditedReport*/
table.auditlist { width: 100%; margin-bottom: 8px; }
table.auditlist td { padding: 10px 5px; border-bottom: 1px solid #f0f0f0; }
table.auditlist td.pdf { background: url(/images/pdf_s.gif) no-repeat center 5px; width: 35px; height: 20px; }
table.auditlist td.pdflock { background: url(/images/pdflock_s.gif) no-repeat center 15px; width: 35px; height: 20px; }
table.auditlist td.vdownload { border-top:none }
ul.auditlist { margin: 0px; padding: 0px; list-style: none outside; }
.auditlist li { border-bottom: 1px dashed #D4D0C8; line-height: 2; padding-top: 10px; padding-bottom: 10px; background: url(/images/pdf_s.gif) no-repeat left bottom; }
.auditlist li span { font-weight: normal; white-space: nowrap; }
.reportstatus { margin-top: 5px; padding: 5px; }
.reportstatus ul { list-style-type: none; padding: 0px; margin: 0px; }
.reportstatus ul li { background: none; border-bottom: none; padding-bottom:0px; padding-top:0px; line-height: normal; }
.reportstatus ul ul { margin-left: 18px; }
.reportstatus img { margin-right:5px }

/*Pay*/
.token { margin-top: 20px; text-align: left; margin-right: 7px; margin-left: 7px; font-size: 11px; clear:both; }
.token ul { margin: 0px 0px 20px 20px; padding: 0px; }
.tokenpay { margin-top: 15px; margin-bottom: 15px; }
.tokenpay .report { background: url(/images/showroomtp/common/report_en.gif) no-repeat 13px 5px; width: 130px; }
.tokenpay td { vertical-align: top; }
.tokenpay ul { margin: 10px 0 0 0; padding: 0px; list-style-type: none; }
.tokenpay .clicklist span { display: block; margin-bottom:2px; }
.tokenpayPM { margin:10px 0 0 0; }
.tokenpay .clicklist { background:#F9F9F9; border:1px #EEEEEE solid; padding:12px 12px 10px 10px; margin-bottom:15px; }
.pay { margin:auto; padding:10px; background:#F9F9F9; border:1px #EEEEEE solid; text-align:center }
.pay table { margin:auto; border-style: none; }
.pay p { margin:5px 0; }
.pay div { margin-left:10px; }
.pay form { width: 150px; display: inline; }
.auth { background: #FFFFE8; border: 1px solid #CC9966; color: #CC6600; font-weight: bold; text-align: center; line-height: 1.5; margin-top: 10px; }

/* Index page */
.sindex {margin-bottom: 10px;clear:both;}
.sindex ul { width: 44%; padding-right: 10px; margin: 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 20px; float: left; text-align: left; }
.sindex ul li { margin-top: 0.5em; margin-bottom: 0.5em; line-height: 120%; list-style-image: url(/images/showroomtp/common/sindex.gif); }

/* Report Preview */
.repPreview { float:right; text-align: center; }
.repPreview a { text-align: center; }
.repPreview img { width: 100px; border: 1px solid #CCCCCC; display: block; }

/* Related Products */
.relatedproList { width:776px; margin-left:auto; margin-right:auto; margin-top:10px; border: solid 1px #e78200; }
.relatedproList h2 { font-size:13px; color:#fff; background:url(/images/free_showroom/relatedpro_bg.jpg) repeat-x; height:20px; margin:1px; padding-left:12px; padding-top:2px; }
.relatedproList ul { margin:0px 1px; padding:0px; }
.pro_show, .pro_show_over { width:17.12%; height:160px; float:left; display:block; list-style-type:none; text-align:center; padding:12px 10px 6px 10px; line-height:14px; overflow:hidden; }
.pro_show { border: solid 1px #fff; }
.pro_show_over { background-color:#fff5e3; border: solid 1px #f3dfbb; }
.pro_show .image, .pro_show_over .image { margin-left:auto; margin-right:auto; }
.pro_show .image td, .pro_show_over .image td { width:100px; height:100px; background-color:#fff; border: solid 1px #ccc; margin-bottom:2px; text-align:center; }

/*OfferDetailTable*/
#offerdetail { margin-bottom:20px; }
#offerdetail h1 { margin-top: 0px; margin-bottom: 8px; margin-left: 0px;}
.detailphoto { text-align: center; padding-top: 5px; padding-bottom: 5px; }
.detailphoto a:link, .detailphoto a:visited { text-decoration:none }
#offerdetail .oftitle { font-size: 150%; line-height: 120%; font-weight: normal; }
#offerdetail table { width:100%}
#offerdetail td {padding:5px 10px }
#offerdetail th { padding:5px 10px;text-align:right; vertical-align:top}
#offerdetail table .postby td, #offerdetail table .postby th { height:2px; border-collapse:inherit; border-top:10px solid #ffffff }
#offerdetail{margin-bottom:20px;}
#offerdetail .offersel td{font-size: 13px;}
#offerdetail .offersel td a{font-size: 13px;}

/*P&O table*/
#StyleTableProd { margin: 8px auto; clear: both; width:99%; zoom:1; overflow-x:auto; overflow-y:hidden; padding:2px 2px 20px; }
#StyleTableProd table { width: 95%; min-width: 400px; margin: 2px; float: left; clear: both; text-align: center; border: 0; border-collapse: collapse; }
#StyleTableProd table caption { border: 0; margin: 0 auto; text-align: center; }
#StyleTableProd table td, #StyleTableProd table th { font-size:12px; background-color:transparent; border:1px solid gray; padding: 0 3px; text-align:left; }

.prodetail p{font-size:14px}
.prodetail p{ line-height:1.5}
.prolist .gray, .prolistsl .gray,.disclaimer,.prolist .gray, .prolistsl .gray, .relpadding a{ font-size:12px}
.prolist .gray{ margin-left:0}
#certiL li{ list-style:disc outside none; font-size:12px}
#certiL{ margin-top:20px}

/*SGS*/
#aslogo{ text-align:center; padding:10px}
#arInfo{ background:#fff url(/images/showroomtp/common/ar.gif) no-repeat  15px 20px; border-bottom:1px solid #ccc; margin:0 15px; padding:10px 0 15px 105px}
#arInfo .view a {font-size:12px; text-decoration:underline}
#report{ width:408px; margin:0 auto; padding:10px 20px;}
#report li{ overflow:hidden;zoom:1; padding:2px 0}
#report strong{ float:left;}
#report li p{ padding-left:70px; margin:0}
.arStat{overflow:hidden;zoom:1}
#report .arStat li{ padding:2px 10px  2px 15px;background:url(/images/showroomtp/common/stat.gif) no-repeat left center; color:#666;}
#report .arStat li.check{background:url(/images/showroomtp/common/stat_c.gif) no-repeat left center; color:#000}
#arTip{text-align: center; font-size:12px; padding:10px 20px 30px; border-top:1px solid #ccc; font-size:14px; color:#666}
.mailInfo .inputBox{ width:215px; padding:0 2px}
#btn_confirm{ cursor:pointer; vertical-align:middle}
#arTip .mailInfo{ height:30px; line-height:30px}
#arTip .okTip{ width:235px; margin:0 auto; padding:5px 30px; background:url(/images/icon-ok.gif) no-repeat 10px center;}
#errorTip{color:red;font-size:12px;padding-left:315px}

.titleborder{border:1px solid #d8d8d8;overflow:hidden;zoom:1}

/*product home list*/
.proHomeList{ width:100%; border:solid 1px #e3e3e3; border-bottom:none}
.proHomeList th,.proHomeList td{border-bottom:solid 1px #e3e3e3; padding:5px 20px}
.proHomeList th{background:#ECECEC url(/images/free_showroom/proHometh.gif) repeat-x top}
.proHomeList .c{ width:80px}
#morePro{ background-color:#f8f8f8;border:solid 1px #e3e3e3;border-top:none; padding:3px 20px; font-weight:bold}
.intC{margin-TOP:5px}

#loginSee{ padding:8px; background:#E4F1FA url(/images/free_showroom/lmore.gif) no-repeat right; margin-right:5px}
.shareSNS{ float:right; margin-bottom:0; margin-top:3px; margin-right:10px}

.item{ background-color:#f4f4f4}
.item a{ padding-left:10px; background-color:#e6e6e6;display:block; height:28px; line-height:28px; font-weight:bold}
.companyCard{ font-size:12px; padding:10px;border-top:1px solid #fff}
.companyCard li{ margin-bottom:8px}
.companyCard #tel{background:url(/images/showroomtp/common/tel.png) no-repeat left center; padding-left:20px; cursor:pointer;height:16px; line-height:16px;color:#00c}
.companyCard #add{background:url(/images/showroomtp/common/add.png) no-repeat left center; padding-left:20px; cursor:pointer;height:16px; line-height:16px;color:#00c}