@charset "utf-8";
/* CSS Document */
a{ color:#FFF; text-decoration:none}
html,body{ font-size:12px; font-family:Arial, Helvetica, sans-serif; background:#960019; height:auto; width:100%; padding:0; margin:0}
.clear{ clear:both;  font-size:0; width:auto; display:block}
#wrap{ width:1000px; height:auto; background:#FFF url(/images/topLeft.gif) left top no-repeat; margin:35px  auto 0; position:relative}
#header{ width:1000px; height:166px; position:relative; overflow:hidden }
#logo{ width:252px; height:67px; background:url(/images/logo.gif) center no-repeat; display:block; position:absolute; top:46px; left:42px;}
#price{ display:block; position:absolute; top:7px;}
#login{ position:absolute; left:705px; top:3px}
#userInfo{ width:auto; height:20px; position:relative; width:300px; font-size:9px}
#userEmailInfo{ position:absolute; top:0; left:0; color:#9f9f9f}
#userPassInfo{ position:absolute; left:112px; top:0; color:#9f9f9f}
#userRegInfo{position:absolute; left:224px; top:0}
#userInfo div a{ color:#960019}
#login .btnInput{ position:relative; top:4px}
.txtInput{ height:18px; line-height:18px; margin:0; padding:0 0 0 5px; width:102px; border:1px dashed #cdcbca; margin-right:3px}
#menu{ height:28px; position:relative; top:111px; left:565px }
#menu a{ display:block; float:left; font-size:0}
#menu .linkbo{ display:block; background:url(/images/linkbo.gif) center no-repeat; width:17px; height:17px; float:left;}
#footer{ width:948px; height:120px; background:#960019; padding:10px 26px 0; color:#FFF}
#fooMenu a{ color:#FFF}

#fooMenu{ float:left; width:auto}
#lang{ float:left; width:auto; position:relative; padding-left:24px}
#lang a{ display:block; float:left; font-size:0; background-repeat:no-repeat; height:9px; position:relative; top:3px }
.langbo{ float:left; padding:0 4px}
#lang a#langDutch{ background-image:url(/images/lang_dutch.gif); width:75px; height:12px}
#lang a#langEn{ background-image:url(/images/lang_eng.gif); width:58px; height:12px}
#lang a#langGerman{ background-image:url(/images/lang_german.gif); width:58px; height:12px}
#reserved{ float:right;}
#accountTitle{ display:block; width:auto; height:34px; background-repeat:no-repeat}

#contentAccount{ width:930px; height:auto; padding:0 25px 20px 45px}
#contentHome{ width:1000px; height:282px; background:url(/images/homecbg.gif) 293px 0  repeat-y; margin:16px  auto  50px; }
#contentHome_pre{padding-bottom:20px; }
#accountTab tr td{ border-bottom:1px dashed #b1b2ac; padding:5px 4px 7px; vertical-align:top; color:#515151; position:relative}
#accountTab tr#accTabInfo td{border-bottom:none;padding-bottom:1px;}
#accountTab tr#accTabSort td{ padding-top:0; padding-bottom:0; text-align:right}
#accountTab tr td.td1{width:60px}
#accountTab tr td.td5,#accountTab tr td.td2,#accountTab tr td.td3,#accountTab tr td.td4{ width:67px}
#accountTab tr td.nopad{ padding:0}
#accountTab tr td.td9,#accountTab tr td.td10{ width:83px}
#accountTab tr td.td6{ width:64px}
#accountTab tr td.td7{ width:70px}
#accountTab tr td.td8{width:0px; font-size:0; overflow:hidden}
#accountTab tr td.td11{ width:210px}
.acen{ text-align:center}
.arigh{text-align:right}
.ctitle{color:#960019}
.ctitle .bok{ display:block; font-weight:normal; font-size:13px}
#accountTab tr td .ctitle{ font-size:10px}
#accountTab tr td .ctitle .bok{font-size:12px}
.td1,.td2,.td3,.td4,.td5,.td6,.td7,.td8,.td9,.td10,.td1_,.td2_,.td3_,.td4_,.td5_,.td6_,.td7_,.td8_,.td9_,.td10_{ border-right:1px dashed #b1b2ac;}
#accountTab tr#accTabSort td a{color:#338C96; font-size:8px; background:url(/images/sortUp.gif) right no-repeat; line-height:8px;  padding-right:12px; margin-right:3px; display:none}
#accountTab tr#accTabSort td a.down{ background-image:url(/images/sortDown.gif)}
.td1{ position:relative}
.thisBox{ width:10px; height:5px; position:relative; overflow:visible}
#accountInfo{ padding:27px 0 0}
.aInfo{ font-size:11px; color:#515151; position:relative; padding: 0 0 0 20px; line-height:19px}
.iNo{ display:block; background:url(/images/accountItem_1.gif) no-repeat; width:14px; height:14px; text-align:center; line-height:14px; color:#FFF; font-size:10px; position:absolute; top:-1px; right:-1px}
.iNo2{ display:block; background:url(/images/accountItem_2.gif) no-repeat; width:16px; height:16px; text-align:center; line-height:16px; color:#960019; font-size:10px; position:absolute; top:-1px; left:0}
.cinfo{font-size:13px}
#loginInfo{ font-size:14px; color:#348e99; width:290px; height:28px; line-height:28px; position:absolute; left:704px; top:3px}
#logout{ display:block; position:absolute; }
.dataImgBoxWrap{position:absolute; top:0; overflow:hidden; width:0;}
.dataImgBox{ position:absolute;top:0;  left:0;overflow:hidden;}
#printTd{ text-align:right};
#printTd a{ display:block; width:48px; height:15px}
.print .bg{ background:url(/images/gradient.png) no-repeat; }


.horn{background: #FFF url(/images/td01.gif) no-repeat; width:13px; height:12px; position:absolute; top:-1px ; left:-1px}
#contentHL{ width:229px; float:left;  padding:0 31px 0 27px!important; padding:0 31px 0 11px; color:#8C8985; line-height:22px; font-size:18px; position:relative; top:-3px; margin-left:18px; }

#contentHC{float:left; width:154px; color:#515151; line-height:16px }
#contentHR{float:right; border:1px dashed #960019; border-right:none; position:relative; padding: 0 0 0 0}

.contentHC_{ width:154px; border-bottom:1px solid #d6d4d3; padding:36px 0 10px; margin-top:0px; background-repeat:no-repeat; background-position:0 16px}
.contentHC_ a{ color:#960019}
.contentHC_ div{ text-align:right}
#contentHRLeft{ float:left; color:#960019; line-height:30px; font-size:26px; width:214px}
#contentHRRight{float:right}
#HCtracking{padding-top:22px; background-position:0 0; margin-top:0}
#HCterms{padding-bottom:15px;}
#HCnews{border-bottom:none}
.content{ background-repeat:no-repeat; background-position:45px 44px ; padding:84px 35px 50px 45px}

#faqTitleLists{padding-left:160px; padding-bottom:22px; border-bottom:1px dashed #CB7F8B; }
#faqTitleLists a{color:#59524A}
.faqTitleList{ background:url(/images/po.gif) 0 6px no-repeat; padding-left:10px; line-height:16px;}
#faqLists{padding-left:162px;}
#faqListsLeft{float:left; width:348px; padding-top:5px}
#faqListsRight{ width:386px; float:right;padding-top:5px}
.faqListTitle{  height:34px; color:#950018; padding-top:22px; position:relative}
.faqListTxt{ line-height:17px;color:#59524A;}
.faqline{ border-top:1px dashed #CB7F8B; margin-top:21px}
.top{ display:block; position:absolute; top:4px; right:0px; background-repeat:no-repeat; font-size:0px; line-height:0}

.content2{ background-repeat:no-repeat; background-position:108px 44px ; padding:84px 0 50px 0}
#contentLeft{ width:108px; float:left;   font-size:20px; padding:41px 80px 0 0; text-align:right}
#contentLeft div{ padding-bottom:11px}
#contentLeft a{color:#515151; text-decoration:none; font-size:12px; font-weight:bold; line-height:13px}
#contentLeft a:hover,#contentLeft a.select{ color:#960019; }
#contentMic{float:left; width:345px; color:#515151; font-size:13px; line-height:18px}
#contentMic_{float:left; width:345px; color:#960019; font-size:13px; line-height:18px}
#contentProcess_1{ float:left; width:310px; padding-right:30px; color:#58524C; font-size:13px; line-height:17px}
#contentProcess_2{ float:left; width:310px; color:#58524C; font-size:13px; line-height:17px}
#contentProcess_3{float:right;  width:121px;  border:1px dashed #960019; border-right:none; position:relative; padding:20px 0 10px 20px }
#contentProcess_3 div{ padding-bottom:10px}

.faqList{ position:relative; padding-left:16px;}
.faqList span{position:absolute; left:0!important; left:-15px; display:block}
#faqsLT{ padding-bottom:15px; margin-bottom:12px; border-bottom:1px dashed #960019;}
#faqcontent{padding-top:8px; color:#515151}
#contentMic_ a{ color:#515151}
#contentRight{ float:right; width:440px;border:1px dashed #960019; border-right:none; position:relative;  text-align:right; }
#contentRight_{ float:left; width:440px; }
#contentRightContact{ float:left; width:auto;}
#contentRightLinks{ float:left; width:440px;}
#cRCT{ font-size:13px; padding-bottom:15px}
.crcDiv{ float:left;  font-size:13px; line-height:18px;width:200px; padding-right:15px; overflow:hidden}
.crcDiv2{ float:left;  font-size:13px; line-height:18px; padding-right:15px; overflow:hidden}
.german_contact1{ float:left;  font-size:13px; width:180px; line-height:18px; padding-right:15px; overflow:hidden}
.german_contact2{ float:left;  font-size:13px; width:180px; line-height:18px; padding-right:15px; overflow:hidden}
.german_contact3{ float:left;  font-size:13px; width:180px; line-height:18px; padding-right:15px; overflow:hidden}
.german_contact4{ float:left;  font-size:13px; width:180px; line-height:18px;  overflow:hidden}

#crcMid_{ width:400px}

#contentRight2{ width:811px;  overflow:hidden}
#contentRight2_{ width:450px;  overflow:hidden; float:left; padding:2px 0 0 15px}
#contentRight2_1,#contentRight2_2{ padding:41px 25px 0 0; float:left; background-repeat:no-repeat; background-position:1px 0}
#contentRight2_1{ width:325px}
#contentRight2_2{ width:435px}

#newsLatestEvents{ border-bottom:1px dashed #960019; margin-bottom:15px;}
#newsLatestEvents,#newsLatestLetter{ padding-top:41px; background-repeat:no-repeat; background-position:1px 0}
.news_left_list,.news_right_list{padding-bottom:21px}
.news_detail_date{  color:#989896; display:block; font-size:12px}
.news_right_date{ display:block; line-height:17px; color:#960019; font-size:15px; font-weight:bold}
.news_left_title{ display:block; line-height:17px; color:#960019; font-size:15px; }
.news_left_data{  color:#989896; display:block; font-size:12px}
.news_left_desc,.news_right_desc{ color:#515151}
.news_right_link{padding-top:19px}
.news_right_link a{color:#960019; font-size:11px}
h1.news_left_title{ padding:0; margin:0; line-height:14px}
.news_detail_content{ padding-top:27px; line-height:17px;color:#59524c}
.news_detail_back{padding-top:16px; }
.news_detail_back a{ color:#960019;}
#contentRight2_3{float:left; width:280px}
#contentRight2_4{ width:355px;  padding:2px 0 0 55px; float:left}
.coTitle{ display:block;color:#960019;}
#contentRightContact,#contentRightContact a{color:#59524c;}
#contentRi_5_1,#contentRi_5_2{ float:left; width:332px ; padding-right:28px}
#deliveryLeft{width:320px; float:left; font-weight:bold; line-height:17px; color:#59524c; padding:3px 150px 0 0 }
#deliveryLeft div{ padding-top:21px; font-weight:normal}
#deliveryLeft div a{color:#960019; }
#deliveryRight{ float:left};
#linksLeft{float:left; width:40px;}
#linksRight{float:left; width:40px; }
.linkTitle,#contentRightContact a.linkTitle{ font-size:13px; font-weight:bold; color:#960019;}
.linkTitle2,#contentRightContact a.linkTitle2{ font-size:13px; color:#960019;}
.linkas{ line-height:17px; color:#971b1e}
.linkas a{ color:#971b1e}
#accountUrlA{ display:block; position:absolute; left:0;  background-repeat:no-repeat}
.imgOff{ border:none; display:none}
.imgOn{ border:none}
#contentMic ul{ padding:0; margin:0}
#contentMic li{padding:0; margin:0 0 0 15px}
.serLink{ padding-top:15px;}
.serLink a{color:#960019}


#contentRight_P{ float:left; width:473px; }
#contentMic_P{float:left; width:339px; color:#515151; font-size:13px; line-height:18px}

.demoImg  .imgInfoDemo{ position:absolute}


.iNo3b{display: inline-block; background:url(/images/accountItem_1.gif) no-repeat; width:14px; height:14px; text-align:center; line-height:14px; color:#FFF; font-size:10px;position:relative; top:-7px; right:-32px}
.iNo3b span{ position:relative; z-index:10; color:#FFF}
.iNo3b img{ position:absolute; left:0; top:0; z-index:0}
.ctitle_2{display:block; color:#960019; position:relative; top:-15px;}
.ctitle_2 .bok_2{ font-weight:normal; font-size:13px;}
.ctitle_3{display:block; color:#C06675; position:relative; top:-15px; font-size:10px;}
.ctitle_3_light{color:#C06675;}
 #accountTab tr td .ctitle_2{ font-size:10px}
#accountTab tr td .ctitle_2 .bok_2{font-size:12px}

.linkDiv{ float:left;  font-size:13px; line-height:18px;width:260px; margin-right:50px; overflow:hidden}

.nonull{ margin-right:5px; color:#338C96}
.priceTitle{color:#960019}
.piceCheck{ margin:0; padding:0; height:18px; line-height:18px; }
#priceTable{ color:#58524C; font-size:13px; padding:0; margin:0; position:relative}
.piceInput{ margin:0; padding:0 0 0 5px; border:1px solid #828282; margin-bottom:3px;+margin-bottom:0px;}
#i_name,#i_company{ width:210px;}
#i_phone,#i_email,#i_fax{ width:138px}
#i_part,#i_desc,#i_revision{ width:305px}
#i_pcb_l,#i_pcb_w,#i_minHole,#i_qtyofholes,#i_qty_pcb_1,#i_qty_pcb_2,#i_panel_l,#i_panel_w,#i_minConductor,#i_minIsolation,#i_total{ width:43px}
#i_qty_1_1,#i_qty_1_2,#i_qty_2_1,#i_qty_2_2,#i_qty_3_1,#i_qty_3_2,#i_qty_4_1,#i_qty_4_2,#i_qty_5_1,#i_qty_5_2{ width:140px}
#i_minTg,#i_minT260,#i_minT288,#i_MaxCtez{width:85px}
#i_remarks{height:39px; overflow:auto; width:292px}

#i_desc{ height:36px; overflow:auto}
.textareaBox{ padding-top:2px}
.priceTitle td{ padding-bottom:3px}
.line{ border-bottom:1px dashed #960019; height:20px; margin-bottom:20px}
#formaction{ padding:20px 0}
.nonullinfo{ font-size:11px; color:#338C96}
.forminfo{color:#960019}
.errorInfo td{ font-size:11px; line-height:11px; color:#F00}
#fileBox td table{ margin-top:10px; font-size:13px;}
#fileBox td table tr td a{ font-size:11px; color:#960019; cursor:pointer}
.fileInfoTab,#file_1,#file_2{display:none};
#priceok{ width:auto; padding:50px 50px 80px; height:auto!important; height:200px; min-height:200px}
.processInfo{ padding:0 0 20px 45px;}
.processMsgTitle{ padding-left:45px; color:#960019}
.processMsg{  padding:0 0 20px 45px; background-position:0 0; background-repeat:no-repeat;}

#contentLeft2{ width:108px; float:left;   font-size:20px; padding:41px 0 0 0; text-align:right}
#i_name2,#i_jobTitle,#i_company2,#i_email2,#i_telephone{ width:214px}
#i_email3{ width:260px}
#priceDate{ position:absolute; top:0; right:0; background:#960019 url(/images/priceBg.gif) no-repeat; font-size:12px; color:#FFF; line-height:19px; padding:10px 12px 10px 0; width:140px; text-align:right}
#priceDate span{ display:block}
#userLoginError{ position:absolute; left:0px; top:12px; font-weight:bold;color:#960019; font-size:11px}

.newsletter_title{font-size:15px;color:#960019}
.link_link{color:#971b1e;}