﻿body{margin:0;background-color:#E6E6E6;color:#565656;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px; padding-bottom:50px;}
form{margin:0;}
a, .link{ color:#4572ab;/*color:#007DC6*/ text-decoration:underline; cursor:pointer;}
.subTxt{ font-size:8px;}
.pntr{ cursor:pointer;}

/*master wrappers*/
.mainWrp{ width:950px; margin:0 auto;}
.mwHdr{ margin-bottom:10px; width:100%; background:white url(images/head_bg.gif) repeat-x bottom; height:70px;}
.mwMdl{ border:1px solid #CCCCCC;}
.mwFtr{ text-align:center; margin:0 auto;}

.mstLgn{ float:right; margin-right:50px; text-align:right;}
.mstLgn .lgnName{ font-weight:bold; }
img.topLogo{border:0; height:58px; float:left; margin:0 30px;}

/* PANNEL */
table.pnl{ border-collapse:collapse;}
table.pnl > tbody > tr > td{ background:url(images/pnl_pixel.png); padding:0;}
table.pnl > tbody > tr > td.pTL, table.pnl > tbody > tr > td.pTR,table.pnl > tbody > tr > td.pBL,table.pnl > tbody > tr > td.pBR {background: transparent url(images/pnl_circle1.png) no-repeat;height:10px; width:10px;}

table.pnl > tbody > tr > td.pTL{background-position:left top;}
table.pnl > tbody > tr > td.pTC{height:10px;}
table.pnl > tbody > tr > td.pTR{background-position:right top;}

table.pnl > tbody > tr > td.pML{width:10px;}
table.pnl > tbody > tr > td.pMC{ }
table.pnl > tbody > tr > td.pMR{width:10px;}

table.pnl > tbody > tr > td.pBL{background-position:left bottom;}
table.pnl > tbody > tr > td.pBC{height:10px;}
table.pnl > tbody > tr > td.pBR{background-position:right bottom;}
/*End Pannel*/


/*footer*/
.ftrOuter{ width:820px; border-collapse:collapse; margin:0 auto; }
.ftrOuter td{ padding:0;background-color:#002469;}

.ftrOuter td.btmleft{ background:transparent url(images/pnl_circle_ftr.png) no-repeat left bottom; width:10px; height:10px;}
.ftrOuter td.btmright{ background:transparent url(images/pnl_circle_ftr.png) no-repeat right bottom; width:10px; height:10px;}
.ftrOuter .ftr_txt{ color:White;font-family: Arial, Helvetica, sans-serif;font-size: 12px; padding-top:4px;}


/*middle content*/
.mdlHead{ height:50px; background-color:#f6f6f6; padding:12px;}
.mdlFtr {}
.mdlHead .headText{	font-family: Calibri;font-size: 22px;color: #002469;	}
.mdlHead .headSubText{ font-family: Arial, Helvetica, sans-serif; font-size: 12px;color: #6A6868;}
.mwMdl .mdlContent,.mwMdl .mdlFooter{ background-color:White;}

div.hr{border-top:1px solid #cccccc;}
.wtrMark, select.wtrMark{color:#C0C0C0;}
/*select.wtrMark:hover,input.wtrMark[type=text]:hover,textarea.wtrMark:hover{ background-color:#FFFEDD;color:#565656; border:1px solid #A8A066;}*/
.pnlTitle{ font-size:14px; font-weight:bold; padding:10px; color:#007DC6;}

.popupWrp {margin:20px;}
.popupWrp .mwMdl .mdlContent{ padding:20px;}


#lang{margin:4px 0 0; list-style:none;}
#lang li{margin-right:4px; cursor:pointer; float:right; width:16px; height:19px; background-image: url(images/lang/flags_pop_full.png); background-repeat:no-repeat;}
.l-zh-CN { background-position: 0 0;  } 
.l-de { background-position: -17px 0;  } 
.l-es { background-position: -34px 0;  } 
.l-fr { background-position: -51px 0;  } 
.l-gb { background-position: -68px 0;  } 
.l-in { background-position: -85px 0;  } 
.l-it { background-position: -102px 0;  } 
.l-jp { background-position: -119px 0;  } 
.l-ru-RU { background-position: -136px 0;  } 
.l-en-US { background-position: -153px 0;  } 


/*virtual drop down*/
div.virtSelect{ height:20px; width:98px; border:1px solid #cccccc; background:url(images/selecttriangle.gif) no-repeat right center; display:inline-block; position:relative;}
div.vsDwnBox{display: none; position: absolute; border: 1px solid #CDCDCD; padding: 3px; width: 200px; background-color: White; top:20px; left:-1px;}
.vsDwnBox td{ text-align:left; padding:2px;}
.vsDwnBox label{ }
.vsDwnBox label img{ margin:auto 2px;}
.vsDwnBox input {position: relative;bottom: -2px; margin:0 4px;}
.vsDwnBox .vsBtns{ padding:10px; text-align:right;}

/*Buttons*/
.micbtn{ background-repeat:no-repeat; background-position:center center; width:52px; height:17px; display:inline-block; font-size:11px; line-height:17px; cursor:pointer; text-align:center; vertical-align:middle; }
.micbtn.btnGray{background:url(images/microbtngray.gif); color:#007DC6;}
.micbtn.btnBlue{background:url(images/microbtnblue.gif); color:White;}

.button{ background:white url('images/btn_grad.png') repeat-x scroll center center; white-space:nowrap;border:1px solid #808080; padding:2px 8px; font-weight:bold; text-decoration:none; font-family:Arial; cursor:pointer; color:#565656; text-align:center; -moz-border-radius:4px; }
.button:hover{ background-image:url(images/btn_grad_hvr.png)}
input.button{#padding:0;}
a.button{ line-height:20px; display:inline-block;text-decoration:none !important;}

select{margin-bottom:4px; border:1px solid #cccccc; padding:1px;}
select[disabled],input[disabled], textarea[disabled]{ background-color:#DFDFDF !important; border:1px solid #cccccc !important; color:#A0A0A0 !important;}
input[readOnly], textarea[readOnly]{background-color:#F0F0F0;}
input, textarea{ border:1px solid #cccccc; padding:2px 0;}
input[type=checkbox]{ border:none; position: relative;bottom: -2px; margin:0 4px;background-color:Transparent; }
input[type=text]:focus,input[type=password]:focus, select:focus, textarea:focus{background-color:#FFFEF4;border:1px solid #FFCE80;}
input[type=text]:hover,input[type=password]:hover, select:hover, textarea:hover{border:1px solid #FFCE80;}
.mainFilter input.chEnbl{ margin:0 10px; }

.dvCall{ width:37px; height:37px; background:url(images/call.png) no-repeat center center; margin:0 auto;}

/*Basic classes*/
.modalBackground{background-color: Gray;filter: alpha(opacity=70);opacity: 0.7;}
.mt{ margin-top:10px;}
.openClose{ padding-left:15px; background:url(images/plus_sym.gif) no-repeat left center; cursor:pointer;}
.openClose.opened{ background-image:url(images/minus_sym.gif);}



/*page styles*/
/*ASP_search_default_aspx*/
/*.ASP_search_default_aspx .mdlContent{background-color:Transparent;}
.ASP_search_default_aspx .srchFilt{ background-color:White;border:1px solid #cccccc; border-top:none; padding:20px;}
.ASP_search_default_aspx .srchResult{ background-color:White; margin-top:14px;border:1px solid #cccccc;}
.ASP_search_default_aspx .mwMdl {border:none;}
.ASP_search_default_aspx .mdlHead{ border:1px solid #cccccc; border-bottom:none;}*/
.srchFilt{padding:20px;}
.srchResTopSep{ border-top:1px solid #cccccc;}



/*mainfilter control*/
.mainFilter{}
.mainFilter .hr{ margin:4px 0;}

.ttlText{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold;}
.ttlSubText{ font-family:Arial, Helvetica, sans-serif; font-size:13px;}

.srchFilt .srchBtns{ margin-top:18px;}
.srchFilt .srchBtns table{ width:100%; border-collapse:collapse;}
.srchFilt .srchBtns .srBtLeft{ text-align:left;}
.srchFilt .srchBtns .srBtRight{ text-align:right;}
.srchFilt .srchBtns .srBtPairs{ margin-right:10px;}
/*.srchFilt .srchBtns .srBtPairs input{position: relative;bottom: -2px; margin:0 4px;}*/
.srchFilt .srchBtns input { margin-left:4px;}




/*shapes control*/
#tblShapes { text-align:center;border-collapse:collapse; margin-bottom:10px;}
.shTtl, .labTtl{ height:18px; position:relative;}
#tblShapes .scrl{ background-position:center; background-repeat:no-repeat; width:26px; height:27px; visibility:hidden; cursor:pointer; position:absolute; top:45%;}
#tblShapes .scrl.scLeft{ background-image:url(images/leftarrow.png); left:0px;}
#tblShapes .scrl.scRight{ background-image:url(images/rightarrow.png); right:0px;}
.selAll{ position:absolute; right:0; }

#dvScrolerShapes{width:908px; overflow:hidden;}
#dvScrolerShapes table{ margin:0 auto; text-align:center;}
#dvScrolerShapes td{ padding:2px;}
#dvScrolerShapes .shape{height:76px; width:68px;}


.mainFilter .general,.mainFilter .advanced{text-align:center;border-collapse:collapse; margin:10px 0; width:100%;}
.mainFilter td {vertical-align:top;}


.mainFilter .woTtl{ padding-top:20px;}
.mainFilter .general select{ width:100px;}
.mainFilter .advanced select{ width:110px;}
.mainFilter .advanced input { margin-bottom:4px; width:105px;}
.mainFilter .advanced th { width:100px;}

.mainFilter select.multi{ height:80px; margin:0; width:110px;}
.mainFilter .secondRow th{ padding-top:8px;}

.mainFilter .labsList td { vertical-align:bottom;}
.mainFilter .labsList label{ display:block; width:80px;}

/*weight control*/
.mainFilter .weightTxt input{ width:44px;}

/*ColorFancyAdvanced*/
.mainFilter .colorFncAdv, .mainFilter .fluorAdv{ margin:0 auto;}
.mainFilter .colorFncAdv table, .mainFilter .fluorAdv table, .mainFilter .msrments table{border-collapse:collapse;}
.mainFilter .colorFncAdv th, .mainFilter .fluorAdv th, .mainFilter .msrments th{ font-weight:normal; text-align:left; line-height:17px;}
.mainFilter .fluorAdv { width:210px;}
.mainFilter .fluorAdv select{ height:118px;}
/*.mainFilter .colorFncAdv input{border:none;}*/
.mainFilter .colorFncAdvBtm{ text-align:left;border:none;}

.mainFilter .lotid{ width:110px; text-align:right;}
.mainFilter .lotid input{ margin-bottom:2px; width:100px; text-align:left;}

/* measurements */
.mainFilter .msrments input{ width:46%;}
.mainFilter .msrments table{ width:98%;}

.mainFilter .ctrlTable input, .mainFilter .depth input { width:50px;}



/*Results*/
.btnsExcelPrn{ display:inline; margin-left:30px; width:100px;}
.btnsExcelPrn img{cursor:pointer;}
.srchResult{padding:20px;}
.srchResult .pnlTitle{ padding:0;}
.srchResult .srResTop{ margin-bottom:20px;}
.srchResult .srResBtm{ margin-top:20px;}
.srchResult .noResult{ text-align:center; font-size:13px; font-weight:bold; margin:0 auto; padding:50px;}
.srchResult .srPgCnt{ margin-right:30px;}
.srchResult .srResPg{ float:right; width:460px; text-align:right;}

.srchResult .tblRes{ border-collapse:separate; width:100%; border:#7eacde 1px solid; border-spacing:1px; text-align:center; background-color:#F7F7F7;}
.srchResult .tblRes td{height:40px;}
.srchResult .tblRes tr.row{background-color:#FFFFFF;}
.srchResult .tblRes tr.altrow{background-color:#EBEBEB;}
.srchResult .tblRes thead{ background:#e6e6e6; height:30px; #height:auto; color:#4572ab;}
.srchResult .belRTitle{width:45px;}

.tblRes .tdOper { white-space:nowrap; width:42px;}
.tblRes .tdOper img.imgPlus{ display:inline; cursor:pointer;}
.tblRes .tdPhoto { text-align:center; padding:4px; vertical-align:middle;}
.tblRes .tdPrclNm{white-space:pre;height:42px;}
.tblRes .tdMM{white-space: nowrap; font-size:9px;}
.tblRes .tdPrice2 .button{ font-weight:normal; color:Black; cursor:pointer; font-size:11px; line-height:14px; padding:2px;}
.srchResult .tblRes tr.rowDetails{ background-color:#fffdd1;}

#selCount{ font-weight:bold; padding:0 10px;}

.rowDetails.trVirt{ visibility:hidden;}
.rowDetails.trVirt td{ height:1px;}
.rowDetails .tdCertDtl, .rowDetails .tdPhotoDtl{ text-align:center; vertical-align:top;}
.rowDetails .tdCertDtl img, .rowDetails .tdPhotoDtl img{border:1px solid black; max-width:110px; max-height:110px; margin:0 10px;}
.rowDetails .tdCertDtl a, .rowDetails .tdPhotoDtl a{ text-decoration:none;}
.rowDetails .tdCertDtl label, .rowDetails .tdPhotoDtl label { display:block;}

.rowDetails .tdDetails{ text-align:left;}
.rowDetails .divDetails{width:850px;}
.rowDetails .tblDetails{ width:850px;}
.rowDetails .tblDetails td {vertical-align:top;}

.rowDetails .tblDtlsInr{ width:570px;}
.rowDetails .tblDtlsInr td{ padding:0 2px; text-align:left; height:20px;}
.rowDetails .tblDtlsInr .tdTtl{ font-weight:bold; padding-left:8px; width:60px; white-space:nowrap;}
.rowDetails .tblDtlsInr .trComments td{ padding-top:10px;}

.pair .tblDtlsInr {width:300px;}


/*Login*/
.ASP_login_default_aspx #lgnform{display:none;}
.loginWrp{ margin:0 auto; width:260px; padding:20px;}
.loginWrp .ttlText,.loginWrp .ttlSubText{ padding:6px 0;}
.login { border-collapse:collapse; margin-top:20px;}
.login input.inp{ width:150px; margin-bottom:4px;}
.login th{ text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; padding-right:8px;}
.login .lgnBtns{ padding-top:18px;}
.login .btnLogin{ float:right;}
.login .btnGuest{ float:left;}
.lgnLinks{ margin:20px 0 60px; text-align:right;}
.lgnLinks a{ font-size:13px; display:block; margin-bottom:6px;}


.pnlReg em{ color:Red; padding-right:2px; float:right;}
.pnlReg .tdVrtPnl{ vertical-align:top;}
.pnlReg .tblForms{margin:0 auto;}
.pnlReg .tdVrtPnl span{ display:block; width:300px; vertical-align:bottom; margin-bottom:2px;}
.pnlReg .tdVrtPnl span span{ display:inline-block; width:110px; margin-bottom:0;}
.pnlReg .tdVrtPnl #dvRefs span span {width:80px; padding-left:30px;}
.pnlReg .tdVrtPnl input, .pnlReg .tdVrtPnl select, .pnlReg .tdVrtPnl textarea{ margin-bottom:2px; width:150px;}
.pnlReg .tblBtmBtns{margin:0 auto; margin-top:40px;}
#Welcome { padding: 20px;}
#Welcome em { float:none;}



/*Add To Cart*/
.cartForm span.txtMailTo{display:none;}
.emlButtons{ margin:16px 0; text-align:center;}

.cartForm, .cartBtns{ margin-top:30px;}
.cartForm em{ color:Red; padding-right:2px; float:right;}
.cartForm span{ display:block; margin-bottom:4px; vertical-align:bottom;}
.cartForm span span{ display:inline-block; width:120px; margin-bottom:0; }
.cartForm input, .cartForm select, .cartForm textarea{ width:300px;}
.popup{min-height: 100px; width: 210px; text-align: center; vertical-align: middle; padding: 20px; background-color:White;}
.popup input{margin-top:10px;}
#empLinkToCart{ text-align:center; font-weight:bold; padding-bottom:50px;}

/*Viewer*/
.vwrWrpTbl{ border-collapse:collapse;margin:6px;}
.vwrWrpTbl #vwrImage{text-align:center; width:650px; vertical-align:top; height:100%; padding-left:10px;}
.vwrWrpTbl #vwrDetails{ vertical-align:top; /*width:340px;*/}
.vwrWrpTbl #vwrDetails .button{ width:108px;}
.vwrWrpTbl #vwrDetails img.imgPhoto{ border:0; max-width:100px;}
.vwrWrpTbl #vwrDetails .ttl{ font-weight:bold;}
.vwrWrpTbl #vwrDetails .vwrBlock{ margin-bottom:10px;}
.vwrWrpTbl #printContent table{width:220px;}
.vwrWrpTbl #printContent td{ padding:2px;}
.vwrWrpTbl #printContent tr{ border-bottom:1px dotted #cccccc;}
.vwrWrpTbl table.vwrChks{ margin:0 auto;}
.vwrWrpTbl table.vwrChks td{ width:40px; text-align:center;}
#vwrDetails .picLink{ text-decoration:none; display:block; width:100px;}
#vwrDetails .picLink img{ display:block; margin:0 0 4px 10px;}
#vwrDetails .vwrPrnEml{ width:210px; border-collapse:collapse;}
#vwrDetails .vwrPrnEml td{padding:0;}
#vwrDetails .vwrTopBtn{ margin-bottom:10px;}
.vwrBlock .prnButtons{background-color:#E6E6E6;border-bottom:1px solid #CCCCCC;border-top:1px solid #CCCCCC;display:inline-block;padding-bottom:8px;padding-top:4px;}

.forgotPwd{ margin:0 auto; padding:100px; width:320px; text-align:left; font-weight:bold;}
.forgotPwd .inpUsName{ width:190px; margin:10px 0; float:right;}
.forgotPwd .frgInstr{ font-weight:normal;}
.forgotPwd td { padding-bottom:10px; text-align:left;}
.forgotPwd .button{ float:right;}


.version{ font-size:8px; font-family:Tahoma; margin:0 10px; }
.modalPopup{text-align: center;vertical-align: middle;padding: 20px;background-color:White;border:1px solid black;}


.smallMenu{ position:relative;}
.smallMenu ul{ display:none; background-color:#E6E6E6; margin:0; padding:4px; position:absolute; left:-4px; width:104px; top:13px; list-style:none;}
.smallMenu:hover ul, .smallMenu ul:hover{ display:block;}

.exit-cnt{padding:100px; text-align:center;}
.exit-cnt a.favorites{margin-top:20px;}
a.favorites{padding-left:24px; background:url(images/favorite.png) no-repeat left; line-height:18px; display:inline-block;}

.toplogin{display:inline;}
.toplogin input{ font-size:11px; border:1px solid #808080; padding-left:2px; }
.toplogin input.button{ padding:0 8px; font-weight:normal; font-size:11px;}
.toplogin .wtrMark{color:#565656;}

/*languages*/
.zh-CN .lgnLinks{ text-align:left;}
