body { padding:0px; margin:0px;}

.clear {
	clear: both;
}
img{ border:0px;}
#header{ width:100%; background-repeat:repeat-x;}
#header-content{ width:1000px; margin:0px auto;}
#logo{ float:left; width:18%; padding:40px 0 0 0;}
#menu-login{ float:left; width:82%;}
.login-register{ text-align:right; font-family:Gotham; font-size:14px; color:#000; text-decoration:none; padding:5px 0 0 0;}
.login-register a{ text-align:right; font-family:Gotham; font-size:14px; color:#000; text-decoration:none; font-weight:bold;}
.login-register a:hover{ text-align:right; font-family:Gotham; font-size:14px; color:#000; text-decoration:none;}

#call-instant-lice{ width:55%; padding:30px 0 0 0; float:right;}
#call-us{ float:left; margin:0 0 0 60px;}
#instant-quote{ float:left; margin:0 0 0 20px;}
#live-chat{ float:left; margin:0 0 0 20px;}
#image{ float:left;}
#text{ float:left;}
.call-us{ font-family:Verdana; font-size:16px; color:#000; font-weight:bold; text-align:right; line-height:18px;}
.call-us-small{ font-family:Verdana; font-size:12px; color:#000; font-weight:normal;}
#contener{ width:100%; margin:0px auto; padding:10px 0 0 0;}
.quote-order{ font-family:Verdana; font-size:13px; color:#9e1c1f; font-weight:bold; line-height:18px; padding:0 0 0 20px;}
.instant-pcb-main{
    color: #FCB715;
    font-family: coda;
    font-size: 30px;
   padding: 5px 0 0 10px;
    text-align: center;
	font-weight:normal;
}
.instant-pcb{
    color: #FCB715;
    font-family: coda;
    font-size: 30px;
   padding: 5px 0 0 0;
    text-align: center;
	font-weight:normal;
}
.circuit-boards-below{ font-family: Roboto Condensed, Arial Narrow, Sans Serif; font-size:18px; color:#000; padding:0 0 0 0; text-align:center;}
.circuit-boards-below-order{ font-family: Roboto Condensed, Arial Narrow, Sans Serif; font-size:18px; color:#000; padding:0 0 0 268px; text-align:left;}

#questions{ float:left; width:20%; padding:25px 0 0 0;}
.circle{ border:5px solid #9e1c1f; border-radius:10px;}
.questions{ font-family:Coda, Arial, Sans Serif; font-size:20px; color:#333332; padding:10px;}
.reply-b{ font-family:Roboto, Arial, Sans Serif; font-size:12px; color:#333332; font-weight:bold; padding:0 10px 10px 10px; line-height:17px;}
.reply{ font-family:Roboto, Arial, Sans Serif; font-size:12px; color:#333332; font-weight:normal; padding:0 0 0 0;}
#circuit-boards{width:100%; margin:auto;}
#circuit-boards-assy{ float:left; width:70%; margin:20px 0 0 10px;}
#circuit-boards-content{ width:100%; margin:0px; border-radius:5px; background-color:#e9e9ea; padding:15px 0 0 0;}
#circuit-boards-content2{ width:100%; margin:0px;  padding:15px 0 0 0;}
#circuit-boards-assy-content { float:left; background:#e9e9ea; margin-top:10px; padding:10px;  width:100%; box-sizing:border-box; border:none;border-radius: 5px;}
#Form-left{ float:left; width:43%; padding:15px 35px 0 0; text-align:right;}
#Form-right{ float:left; width:46%; padding:15px 0 0 0; text-align:right;}
.form-text{ float:left; width:235px;  line-height:24px; color:#222; font-family: 'Gotham Narrow Medium'; margin-top:0px;margin-right:10px; font-size:18px;}
.form-text-1{ font-family:Roboto, Arial, Sans Serif; font-size:14px; font-weight:bold; color:#000; padding:0 0 0 0;}
.form-text-2{ font-family:Roboto, Arial, Sans Serif; font-size:12px; font-weight:normal; color:#000; padding:0 0 0 0;}
.input{ width:170px; height: 20px; padding: 2px; background-color: #FAF9F9; border: 1px solid #000; color: #000000; font-size: 12px; font-family: Open Sans, Arial, Sans Serif; margin-bottom:30px;}
.input.field_width-1{width:140px;}
.input.field_width-2{width:140px; margin-left: 5px;}
.input-small{ width:70px; height: 20px; padding: 2px; background-color: #FAF9F9; border: 1px solid #000; color: #000000; font-size: 12px; font-family: Open Sans, Arial, Sans Serif; margin-bottom:5px;}
select{ width:170px; height: 26px; padding: 2px; background-color: #FAF9F9; border: 1px solid #000; color: #000000; font-size: 12px; font-family: Open Sans, Arial, Sans Serif;}
.select-ship-assembled-board {width:170px; height: 26px; padding: 2px; background-color: #FAF9F9; border: 1px solid #000; color: #000000; font-size: 12px; font-family: Open Sans, Arial, Sans Serif;margin-bottom: 5px;}
#individual{ text-align:center;}
hr{ margin:0px auto; background-color:#767575; height:1px; margin-bottom:10px;}
#line-full{ width:100%; margin:0px auto; background-color:#767575; height:1px; margin-bottom:20px;}
/*#button-bg{ background-image:url(../images/button-bg.png); background-repeat:no-repeat; background-position:center top; margin:40px 0 20px 0; border:none;} */
.button-bg{  font-family:Roboto Condensed Bold, Sans Serif; font-size:25px; color:#333332; padding:8px 80px 15px 47px; text-align:center;  border:0;}

#button-price-bom{ background-repeat:no-repeat; background-position:center top; margin:40px 0 20px 0; border:none; width: 254px; height: 70px;}
.button-price-bom{  font-family:Roboto, Arial, Sans Serif; font-size:25px; color:#333332; padding:0px 137px 10px 45px; text-align:center;  border:0;}

#button-upload-proceed{ background-image:url(../images/view-quote.png); background-repeat:no-repeat; background-position:center top; margin:40px 0 20px 0; border:none;}
.button-upload-proceed{  font-family:Roboto, Arial, Sans Serif; font-size:17px; color:#333332; padding:7px 43px 31px 13px; text-align:center;  border:0;}



#button-no-bg{ background-repeat:no-repeat; background-position:center top; margin:40px 0 20px 0; border:none;}
.button-no-bg{  font-family:Open Sans; font-size:25px; color:#333332; padding:10px 102px 25px 50px; text-align:center;  border:0;}
#button-quote-assy{ background-image:url(../images/view_quote.png); background-repeat:no-repeat; background-position:center top; margin:40px 0 20px; border:none;}
.button-quote-assy{  font-family:Roboto, Arial, Sans Serif; font-size:22px; color:#333332; padding:10px 45px 14px 15px; text-align:center;  border:0;}

#please-note{ width:100%; padding:10px 0 20px 0;}
.please-note{ border-radius:10px; border:3px solid #9e1c1f; width:90%; margin:0px auto;}
.please-note-heading{ font-family:Open Sans, Arial, Sans Serif; font-size:18px; color:#9e1c1f; padding:10px 40px 5px 20px;}
.please-note-text{ font-family:Open Sans, Arial, Sans Serif; font-size:11px; color:#9e1c1f; padding:0 20px 5px 20px; line-height:20px;}
.select-pricing{}
#quote{ float:left; width:30%; margin:0 0 10px 0;}
#part-revision{ float:left; width:30%; margin:0 0 10px 0;}
#quote-created{ float:left; width:35%; margin:0 0 10px 0;}
.quote-text{ font-family:Gotham Narrow Small; font-size:16px; color:#040707; padding:0 0 0 0;}
#quote-table-a {
    font-size: 14px;
    margin: 0;
    text-align:center;
    text-decoration: none;
}
#quote-table-a th {
    background: none repeat scroll 0 0 #cccccc;
    border: solid 1px #a0a0a0;
    color: #000;
	font-family: 'Gotham Book';
    font-size: 14px;
    font-weight: bold;
	box-sizing: border-box;
}
#quote-table-a td {
	font-family: 'Gotham Book';
    border: solid 1px #a0a0a0;
    color: #000;
    padding: 15px 0 15px 0;
}
/*#quote-table-a td a {
    color: #666666;
    text-decoration: none;
}
#quote-table-a td a:hover {
    color: #8E8E8E;
    text-decoration: none;
}
#quote-table-a tr:hover td {
    background: none repeat scroll 0 0 #F3F3F3;
    color: #000000;
}*/
.custom-spec-heading{ font-family:Coda, Arial, Sans Serif; font-size:18px; color:#9e1c1f; padding:20px 40px 5px 10px;}
.custom-spec-text{ font-family:Roboto, Arial, Sans Serif; font-size:12px; color:#333332; padding:0 20px 5px 10px; line-height:20px;}
.lower-prices-heading{ font-family:Coda, Arial, Sans Serif; font-size:18px; color:#9e1c1f; padding:0 40px 5px 10px;}
.lower-prices-text{ font-family:Roboto, Arial, Sans Serif; font-size:12px; color:#333332; padding:0 20px 5px 10px; line-height:20px;}

#upload-zipped{ float:left; width:55%; margin:0 0 20px 0;}
/*#continue-quote{width:53%; margin:0 0 0 0;background-image:url(../images/continue-quote-bg.png); background-repeat:no-repeat; background-position:center top;}*/
.upload-zipped-text{ font-family:Open Sans, Arial, Sans Serif; font-size:16px; color:#040707; padding:0 0 20px 20px; font-weight:bold;}
.need-an-assembly{ font-family:Roboto, Arial, Sans Serif; font-size:16px; color:#040707; padding:0 0 0 20px; font-weight:bold;}
.continue-quote-text{font-family:Roboto, Arial, Sans Serif; font-weight:bold; font-size:26px; color:#333332; padding:12px 37px 11px 0px; text-align:center; border:none;}
.order-text{font-family:Roboto, Arial, Sans Serif; font-weight:bold; font-size:26px; color:#333332; padding:9px 44px 12px 21px; text-align:center; border:none;}
/*footer start*/
#footer{ width:100%; background-color:#333333;  background-repeat:no-repeat; background-position:center top;}
#footer-content{ width:1000px; margin:0px auto;}
#right-footer{ float:left; width:70%; padding:15px 0 0 0;}
#left-footer{ float:left; width:30%; padding:15px 0 0 0;}
.footer-copy{ font-family:Verdana; font-size:13px; color:#fff; padding:10px 0 10px 0;}
.footer-copy-link{ font-family:Verdana; font-size:13px; color:#fff; padding:10px 0 20px 0; text-decoration:none; text-align:center;}
.footer-copy-link a{ color:#fff; padding:10px 0 10px 0; text-decoration:none;}
.footer-copy-link a:hover{ color:#fff; padding:10px 0 10px 0; text-decoration:none;}
.footer-copyright{ font-family:Verdana; font-size:13px; color:#fcb715; padding:10px 0 10px 0;}
#learn{ float:left; width:28%; margin:5px 0 0 0;}
#buy{ float:left; width:15%; margin:5px 0 0 22px;}
#tools{ float:left; width:18%; margin:5px 0 0 22px;}
#download{ float:left; width:28%; margin:5px 0 0 22px;}
#contact-us{ width:100%; margin:5px 0 0 0;}
.footer-heading{ font-family:Verdana; font-size:22px; color:#fdb813; padding:0 0 5px 0; border-bottom:1px dashed #fff;}
.footer-link{ font-family:Verdana; font-size:12px; color:#fff; padding:0 0 0 5px; text-decoration:none; line-height:20px;}
.footer-link a{ font-family:Verdana; color:#fff; text-decoration:none;}
.footer-link a:hover{ font-family:Verdana; color:#fff;text-decoration:underline;}
.certifications{ font-family:Verdana; font-size:22px; color:#fdb813; padding:40px 0 5px 0;}
.stay{ font-family:Verdana; font-size:22px; color:#fdb813; padding:10px 0 5px 0;}
#call-toll-free{ border-radius:10px; background-color:#231f20; width:100%; margin:20px 0 20px 0;}
#call-toll-freeimage{ float:left; margin:10px 0 0 10px;}
#call-toll-freetext{ float:left; margin:10px 0 5px 10px;}
.call-toll-free{ font-family:Verdana; font-size:16px; color:#fff; line-height:20px;}
.call-toll-free-sub{ font-family:Verdana; font-size:11px; color:#fff; line-height:18px; padding:5px 0 5px 10px;}
.call-toll-free-small{ font-family:Verdana; font-size:11px; color:#fff; font-weight:normal;}
/*footer end*/



/*INSTANT ASSEMBLY QUOTE page css start*/
#current-selection{ float:right; width:25%; padding:25px 10px 0 0;}
.current-selection{ font-family:Coda, Arial, Sans Serif; font-size:20px; color:#333332; padding:10px; text-align:center;}
.instant-assemblt-form-text{ float:left; width:235px;  line-height:24px; color:#222; font-family: 'Gotham Narrow Medium'; margin-top:0px;margin-right:10px; font-size:18px;}
.instant-assemblt-form-text-1{ font-family:Roboto, Arial, Sans Serif; font-size:14px; font-weight:bold; color:#000; padding:0 10px 10px 0;}
.instant-assemblt-input{ width:170px; height: 20px; padding: 2px; background-color: #FAF9F9; border: 1px solid #000; color: #000000; font-size: 12px; font-family: Open Sans, Arial, Sans Serif; margin:0 0 10px 10px;}
.instant-assemblt-input-small{ width:50px; height: 20px; padding: 2px; background-color: #FAF9F9; border: 1px solid #000; color: #000000; font-size: 12px; font-family: Open Sans, Arial, Sans Serif; margin:0 0 10px 10px;}
.instant-assemblt-select{ width:170px; height: 25px; padding: 2px; background-color: #FAF9F9; border: 1px solid #000; color: #000000; font-size: 12px; font-family: Open Sans, Arial, Sans Serif; margin:0 0 10px 10px;}
.cpb-fabrication-heading{ font-family:Roboto, Arial, Sans Serif; font-size:14px; color:#9e1c1f; padding:0 10px 10px 10px; line-height:17px;}
.cpb-fabrication-heading-sub{ font-family:Roboto, Arial, Sans Serif; font-size:12px; color:#333332; font-weight:bold; padding:0 0 5px 10px;}
.cpb-fabrication-heading-sub-1{ font-family:Roboto, Arial, Sans Serif; font-size:12px; color:#333332; font-weight:normal; padding:0 10px 0 0;  word-break: break-all;}
.does-assembly{ font-family:Roboto, Arial, Sans Serif; font-size:16px; color:#040707; padding:0 0 10px 20px;}
#instant-assembl-continue-quote{ background-image:url(../images/continue-quote-bg.png); background-repeat:no-repeat; background-position:right top; border:none; padding:10px 75px 11px 60px;}
.instant-assembl-continue-quote-text{ font-family:Roboto, Arial, Sans Serif; font-weight:bold; font-size:26px; color:#333332; padding:10px 69px 11px 60px; text-align:right;}
/*INSTANT ASSEMBLY QUOTE page css end*/

/*INSTANT Component Quote page css start*/
.instant-component-quote-heading{ font-family:Roboto Condensed Bold, Sans Serif; font-size:26px; color:#9e1c1f; padding:10px 10px 60px 10px; line-height:17px;}
.have-questions-about-heading{ font-family:Roboto, Arial, Sans Serif; font-size:16px; text-align:center; padding:10px 10px 40px 10px; line-height:17px;}
.preview-your-current-bom-file-heading{ font-family:Roboto, Arial, Sans Serif; font-size:20px; font-weight:bold; text-align:center; color:#9E1C1F; padding:10px 10px 10px 10px; line-height:17px;}
#preview-your-current-bom-file-full{ width:65%; margin:0 auto;}
#preview-your-current-bom-file{ width:60%; margin:0 auto;}
#preview-your-current-bom-file-content{ width:100%; margin:0px; border:2px solid #333332; border-radius:5px; background-color:#cbcacb; padding:15px 0 0 0;}
.instant-component-form-text{ font-family: Open Sans, Arial, Sans Serif; font-size:14px; font-weight:bold; color:#000; padding:0 10px 20px 0;}
/*INSTANT Component Quote page css end*/


/*INSTANT Component Quote-2 page css start*/
.your-bom-file-heading{ font-family:Roboto, Arial, Sans Serif; font-size:22px; font-weight:bold; text-align:center; color:#333332; padding:0 10px 10px 10px; line-height:17px;}
.your-bom-file-heading-sub{ font-family:Roboto, Arial, Sans Serif; font-size:22px; font-weight:bold; text-align:center; color:#9e1c1f; padding:0 10px 10px 0; line-height:17px;}
.your-bom-file-heading-1{ font-family:Roboto Condensed, Arial Narrow, Sans Serif; font-size:22px; font-weight:bold; text-align:center; color:#333332; padding:0 10px 10px 10px; line-height:17px;}
.your-bom-file-heading-sub-1{ font-family:Roboto Condensed, Arial Narrow, Sans Serif; font-size:22px; font-weight:bold; text-align:center; color:#9e1c1f; padding:0 10px 10px 0; line-height:17px;}
.items-to-purchase{ background-color:#088c65; padding:5px 0 5px 20px; font-weight:bold; color:#fff; font-family:Roboto Condensed, Arial Narrow, Sans Serif; font-size:18px; margin-top:20px; }
.dni{ background-color:#323332; padding:5px 0 5px 20px; font-weight:bold; color:#fff; font-family:Roboto Condensed, Arial Narrow, Sans Serif; font-size:18px; margin-top:40px; }
.misidentified{ background-color:#9d1c1f; padding:5px 0 5px 20px; color:#fff; font-family:Roboto Condensed, Arial Narrow, Sans Serif; font-size:18px; margin-top:40px; }
#items-to-purchase {
    border-collapse: collapse;
    font-size: 12px;
    margin: 0;
    text-align:center;
    text-decoration: none;
	margin-top:10px;
}
#items-to-purchase th {
    background: none repeat scroll 0 0 #6a6768;	
    border: 1px solid #000;
	background-color:#6a6867;
    color: #fff;
    font-family: Roboto, Arial, Sans Serif;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0 5px 0;
	
}
#items-to-purchase td {
    border: 1px solid #666666;
    color: #000;
    padding: 5px 0 5px 0;
	font-family: Open Sans, Arial, Sans Serif;
}
#Quote-items-to-purchase {   
    font-size: 14px;
    margin: 0;
    text-align:center;
    text-decoration: none;
	margin-top:10px;
}
#Quote-items-to-purchase th {
    background: none repeat scroll 0 0 #cccccc;
    border: solid 1px #a0a0a0;
    color: #000;
    font-family: 'Gotham Book';
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0 5px 0;
}
#Quote-items-to-purchase td {
	font-family: 'Gotham Book';
	border: solid 1px #a0a0a0;
	color: #000;
	padding: 15px 0 15px 0;
}
.instant-component-quote-select{ width:160px; height: 22px; padding: 2px; background-color: #FAF9F9; border: 1px solid #000; color: #000000; font-size: 12px; font-family:Open Sans, Arial, Sans Serif; margin:0 0 0 0;}
.misidentified-input{ width:170px; height: 20px; padding: 2px; background-color: #FAF9F9; border: 1px solid #000; color: #000000; font-size: 12px; font-family:Open Sans, Arial, Sans Serif; margin:0 0 0 10px;}
#instant-component-quote{ background-image:url(../images/view-quote.png); background-repeat:no-repeat; background-position:100% 35%;}
.instant-component-quote-text{ font-family:Roboto, Arial, Sans Serif; font-weight:bold; font-size:22px; color:#333332; padding:28px 42px 55px 0; text-align:right;}
.instant-component-quote-bro-heading{ font-family:Roboto, Arial, Sans Serif; font-size:22px; color:#9e1c1f; padding:10px 10px 30px 10px; line-height:17px;}
#instant-component-quote-re-upload{ background-image:url(../images/continue-quote-bg.png); background-repeat:no-repeat; background-position:center top; margin-top:20px;}
.instant-component-quote-re-upload-text{ font-family:Roboto, Arial, Sans Serif; font-weight:bold; font-size:26px; color:#333332; padding:12px 90px 25px 40px; text-align:center; border:none;}

#pbom-matrix-UWQ{  background-repeat:no-repeat; background-position:center top; margin-top:20px;}
.pbom-matrix-UWQ-text{ font-family:Roboto, Arial, Sans Serif; font-weight:bold; font-size:26px; color:#333332; padding:12px 75px 25px 50px; text-align:center; border:none;}

.pbom-matrix-UWQ-text-1{
    color: #333332;
    font-family: Roboto, Arial, Sans Serif;
    font-size: 17px;
    padding: 7px 0 20px 20px;
    text-align: left;
	border:none;
	width:275px;
	hieght:47px;
}


.pbom-matrix-view-quote-text{
    color: #333332;
    font-family: Roboto, Arial, Sans Serif;
    font-size: 26px;
    font-weight: bold;
    padding:6px 50px 15px 20px;
    text-align:right;
	border:none;
	background-image:url(../images/view_quote.png);
	background-repeat:no-repeat;
	background-position:right;
	margin:2px 10px 10px 0;
	float:center;
	height:54px;
}

#pbom-matrix-re-upload{ background-image:url(../images/view-quote.png); background-repeat:no-repeat; background-position:100% 35%; border:none;}
.pbom-matrix-re-upload-text{ font-family:Roboto, Arial, Sans Serif; font-weight:bold; font-size:17px; color:#333332; padding:5px 55px 9px 47px; text-align:right;}


#pbom-matrix-save-later{ background-image:url(../images/view-quote.png); background-repeat:no-repeat; background-position:75% 35%; border:none;}
.pbom-matrix-save-later-text{ font-family:Roboto, Arial, Sans Serif; font-weight:bold; font-size:17px; color:#333332; padding:6px 55px 9px 47px; text-align:right;}


/*INSTANT Component Quote-2 page css end*/

/*INSTANT Quote [QUOTE #] css start*/
.instant-quote-form-text-2{ font-family:Open Sans, Arial, Sans Serif; font-size:10px; font-weight:normal; color:#000; padding:0 0 0 0;}
/* #instant-component-quote2{ background-image:url(../images/view-quote.png); background-repeat:no-repeat; background-position:100% 35%; border:none;} */
.instant-component-quote2-text{ font-family:Roboto, Arial, Sans Serif; font-weight:bold; font-size:20px; color:#333332; padding:5px 59px 10px 17px; text-align:right;}
.remove{ background-image:url(../images/remove.png); background-repeat:no-repeat; background-position:center top;}
.specialIns{background-image:url(../images/remove.png); background-repeat:no-repeat; background-position:left;}
.add{ background-repeat:no-repeat; background-position:center top;}
.removetext{ font-family:Open Sans, Arial, Sans Serif; font-weight:bold; font-size:12px; color:#333332; padding:7px 5px 10px 0; margin:15px 0 0 0;}
.removetext a{ font-family:Open Sans, Arial, Sans Serif; font-weight:bold; font-size:12px; color:#333332; text-decoration:none;}
.removetext a:hover{ font-family:Open Sans, Arial, Sans Serif; font-weight:bold; font-size:12px; color:#585857; }
.specialInsTxt{font-family:Open Sans, Arial, Sans Serif; font-weight:bold; font-size:12px; color:#333332; padding:7px 830px 10px 0; margin:15px 105px 0 0; align:left}
.specialInsTxt a{ font-family:Open Sans, Arial, Sans Serif; font-weight:bold; font-size:12px; color:#333332; text-decoration:none;}
.fabrication{font-family: Open Sans, Arial, Sans Serif; color:#000; padding: 5px 0 5px 0;}
.PCB-SPECS{ background-color:#6a6867; padding:5px 0 5px 20px; font-weight:bold; color:#fff; font-family:Roboto, Arial, Sans Serif; font-size:18px; margin-top:20px; }
.specification{font-family: Roboto Condensed, Arial Narrow, Sans Serif; font-size:18px; color:#9d1c1f; padding: 5px 0 5px 0; font-weight:bold;}
.see-your-heading{ font-family:Roboto Condensed Bold, Sans Serif; font-size:15px; font-weight:bold; color:#333332; padding:20px 10px 10px 10px; line-height:17px;}
.see-your-heading-sub{ font-family:Eras Medium ITC; font-size:15px; font-weight:bold; color:#9e1c1f; padding:20px 10px 10px 0; line-height:17px;}
/*INSTANT Quote [QUOTE #] css end*/

/*ORDER DETAILS css start*/
.order-description-heading{ font-family: Roboto Condensed, Arial Narrow, Sans Serif; font-size:18px; font-weight:bold; color:#9e1c1f; padding:20px 10px 0 0; line-height:17px;}
#left-side{ float:left; width:49%; margin-top:5px;}
#right-side{ float:left; width:48.5%; margin-top:5px; margin-left:20px;}
#order-details-table {
    border-collapse: collapse;
    font-size: 12px;
    margin: 0;
    text-align:center;
    text-decoration: none;
	margin-top:5px;
	border:1px solid #222222;
}
#order-details-table th {
    
    border: 1px solid #000;
	background: #345ba9 none repeat scroll 0 0;
    color: #ffffff;
    font-family: 'Gotham Book';
    font-size: 18px;
	height: 40px;
    position: relative;
    padding: 8px 12px;
	text-transform: uppercase;
	text-align:left;	
}
.back-color{background:#6E6E6E !important;}
#order-details-table td {
    color: #000;
    padding: 5px 0 5px 4px;
	font-family: 'Gotham Book';
}
#order-details-table1 {
    border-collapse: collapse;
    font-size: 12px;
    margin: 0;
    text-align:center;
    text-decoration: none;
	margin-top:5px;
}
#order-details-table1 td {
    border: 1px solid #000;
	background-color:#c8c8c8;
    padding: 5px 0 5px 30px;
	font-family: Open Sans, Arial, Sans Serif;
}
#order-details-table2 {
    border-collapse: collapse;
    font-size: 12px;
    margin: 0;
    text-align:center;
    text-decoration: none;
	margin-top:5px;
}
#order-details-table2 th {
    
    border:none;
	background-color:#aeafaf;
    color: #fff;
    font-family: Roboto Condensed, Arial Narrow, Sans Serif;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0 5px 0;
	
}
#order-details-table2 td {
    border:none;
    color: #000;
    padding: 5px 0 5px 30px;
	font-family: Open Sans, Arial, Sans Serif;
}


.edittext{ font-family:Open Sans, Arial, Sans Serif; font-weight:bold; font-size:12px; color:#333332;  padding:2px 2px 8px 0; border:none; background-repeat:no-repeat; height:31px;width:61px;}
.edittext a{ font-family:Open Sans, Arial, Sans Serif; font-weight:bold; font-size:12px; color:#333332; text-decoration:none;}
.edittext a:hover{ font-family:Open Sans, Arial, Sans Serif; font-weight:bold; font-size:12px; color:#585857; }

.small-btn{ font-family:Open Sans, Arial, Sans Serif; font-weight:bold; font-size:12px; color:#333332;  padding:2px 10px 8px 0; border:none;  background-repeat:no-repeat; height:31px;width:61px;}

.edit-card-holder-name{ font-family:Open Sans, Arial, Sans Serif; font-weight:bold; font-size:10px; color:#333332;  padding:2px 224px 8px 0px; border:none; background-repeat:no-repeat; height:31px;width:61px;}
.edit-card-holder-name a{ font-family:Open Sans, Arial, Sans Serif; font-weight:bold; font-size:12px; color:#333332; text-decoration:none;}
.edit-card-holder-name a:hover{ font-family:Open Sans, Arial, Sans Serif; font-weight:bold; font-size:12px; color:#585857; }



.order-details-input{ width:170px; height: 20px; padding: 2px; background-color: #FAF9F9; border: 1px solid #000; color: #000000; font-size: 12px; font-family:Open Sans, Arial, Sans Serif;}
.order-details-text{ width:500px; height: 50px; padding: 2px; background-color: #FAF9F9; border: 1px solid #000; color: #000000; font-size: 12px; font-family:Open Sans, Arial, Sans Serif;}
.resolving{ font-family:Eras Medium ITC; font-size:15px; font-weight:bold; color:#9e1c1f; padding:0 40px 0 20px; line-height:17px; text-align:center;}
.order-details-select{ width:175px; height: 25px; padding: 2px; background-color: #FAF9F9; border: 1px solid #000; color: #000000; font-size: 12px; font-family:Open Sans, Arial, Sans Serif; margin:0 0 0 0;}
.order-details-select-small{ width:90px; height: 25px; padding: 2px; background-color: #FAF9F9; border: 1px solid #000; color: #000000; font-size: 12px; font-family:Open Sans, Arial, Sans Serif; margin:0 0 0 0;}
.order-description-heading-sub{ font-family:Open Sans, Arial, Sans Serif; font-size:14px; font-weight:bold; color:#9e1c1f; padding:0 10px 0 0; line-height:17px;}
.order-description-text{ font-family:Open Sans, Arial, Sans Serif; font-size:11px; color:#000; padding:0 10px 0 15px; line-height:17px;}
#left-side-info{ float:left; width:50%;}
#right-side-info{ float:left; width:49.7%; margin-left:1px;}
#promo-code{ float:left; width:50%; margin:30px 70px 30px 0;}
.promo-code{ font-family:Open Sans, Arial, Sans Serif; font-size:15px; font-weight:bold; color:#9d1c1f;}
#review-order-bg{ float:left; width:39%; margin:20px 0 10px 0;background-image:url(../images/continue-quote-bg.png); background-repeat:no-repeat; background-position:center top;}
/*ORDER DETAILS css end*/

/*REVIEW & CONFIRM css start*/
#review-order-con{ float:left; width:35%; margin:30px 0 10px 0;background-image:url(../images/continue-quote-bg.png); background-repeat:no-repeat; background-position:center top;}
#review-details-table {
    border-collapse: collapse;
    font-family: Arial;
    font-size: 12px;
    margin: 0;
    text-align:center;
    text-decoration: none;
	margin-top:5px;
	border: 1px solid #000;
}
#review-details-table th {
	background-color:#aeafaf;
	border: 1px solid #000;
    color: #000;
    font-family:  Roboto Condensed, Arial Narrow, Sans Serif;
    font-size: 14px;
    font-weight: bold;
    padding: 0px 0 5px 30px;
	height:25px;
	
}
#review-details-table td {
    color: #000;
    padding: 5px 0 5px 30px;
	font-family: Open Sans, Arial, Sans Serif;
}
.review-edit{  background-repeat:no-repeat; background-position:right top;}
.review-edittext{ font-family:Open Sans, Arial, Sans Serif; font-weight:bold; font-size:12px; color:#333332; text-align:right; padding:0 16px 8px 30px;}
.review-edittext a{ font-family:Open Sans, Arial, Sans Serif; font-weight:bold; font-size:12px; color:#333332; text-decoration:none; padding:0 16px 8px 30px;}
.review-edittext a:hover{ font-family:Open Sans, Arial, Sans Serif; font-weight:bold; font-size:12px; color:#585857; }
.resolving-any{ font-family:Eras Medium ITC; font-size:15px; font-weight:bold; color:#9e1c1f; padding:5px 50px 1px 20px; line-height:17px; text-align:center;}
#your-order{ border:1px solid #000; margin-bottom:30px;width:99.6%}
#left-side1{ float:left; width:26%; margin:0px auto; padding:15px 0 0 0; text-align:center;}
#mid-side1{ float:left; width:40%; margin:0px auto; padding:0px; text-align:center;}
#right-side1{ float:left; width:34%; margin:0px auto; padding:15px 0 0 0; text-align:center;}
.review-circle{ border:3px solid #9e1c1f; border-radius:10px; padding:10px; margin:15px; font-family:Verdana; font-weight:bold; font-size:16px; color:#000;}
.expected-ship{ font-family:Open Sans, Arial, Sans Serif; font-size:10px; font-weight:normal; color:#000; padding:0 0 0 0;}
.review-specification{font-family: Open Sans, Arial, Sans Serif; font-size:18px; color:#9d1c1f; padding: 5px 0 5px 0; font-weight:bold; text-align:left;}
#review-line-full{ width:100%; margin:0px auto; background-color:#767575; height:1px; margin:10px 0;}
.items-table {
    border-collapse: collapse;
    font-size: 12px;
    margin: 0;
    text-align:center;
    text-decoration: none;
	margin-top:10px;
}
.items-table th {
    background: none repeat scroll 0 0 #6a6768;	
    border: 1px solid #000;
	background-color:#6a6867;
    color: #fff;
    font-family:Roboto Condensed, Arial Narrow, Sans Serif;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0 5px 0;
	
}
.items-table td {
    border: 1px solid #666666;
    color: #000;
    padding: 5px 0 5px 0;
	font-family: Open Sans, Arial, Sans Serif;
}
.BPM-items-table {   
    font-size: 12px;
    margin: 0;
    text-align:center;
    text-decoration: none;
	margin-top:10px;
}
.BPM-items-table th {
    background: none repeat scroll 0 0 #6a6768;	
    border: 1px solid #000;
	background-color:#6a6867;
    color: #fff;
    font-family:Roboto, Arial, Sans Serif;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0 5px 0;
	
}
.BPM-items-table td {
    border: 1px solid #666666;
    color: #000;
    padding: 5px 0 5px 0;
	font-family: Open Sans, Arial, Sans Serif;
}
.items-table2 {
    border-collapse: collapse;
    font-size: 12px;
    margin: 0;
    text-align:center;
    text-decoration: none;
	margin-top:10px;
}
.items-table2 th {
    background: none repeat scroll 0 0 #6a6768;	
    border: 1px solid #000;
	background-color:#CBCACB;
    color:black;
    font-family: Roboto Condensed, Arial Narrow, Sans Serif;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0 5px 20px;
	
}
.items-table2 td {
    border: 1px solid #666666;
    color: #000;
    padding: 5px 0 5px 0;
	font-family: Open Sans, Arial, Sans Serif;
}

.review-confirm-circle {
    border: 3px solid #9E1C1F;
    border-radius: 10px;
    color: #000000;
    font-family: Open Sans, Arial, Sans Serif;
    font-size: 14px;
	margin:40px 10px 10px 10px;
    padding: 20px;
	text-align:left;
}

.review-confirm-order-text{background-image:url(../images/continue-quote-bg.png); background-repeat:no-repeat; margin:0 10px 10px 0; font-family: Open Sans, Arial, Sans Serif; font-weight:bold; font-size:26px; color:#333332; padding:10px 70px 20px 30px;  border:none; height:55px; width:345px;}
.red{
    color: #9E1C1F;
	font-weight:bold;
}
.text-review{ font-family: Open Sans, Arial, Sans Serif; font-size:12px; font-weight:normal; color:#000;}
.text-reviewb{ font-family: Open Sans, Arial, Sans Serif; font-size:12px; font-weight:bold; color:#000;}

.button_edit {
background-repeat:no-repeat; background-position:center top;
height:30px;
width:48px;
	FONT-SIZE: 12px;
	COLOR: Black;
	FONT-STYLE: normal;
	FONT-FAMILY:  Open Sans, Arial, Sans Serif;
	text-decoration : none;	
	padding:3px 20px 20px 14px;
	vertical-align: middle;
	font-weight:bold;
}
/*REVIEW & CONFIRM css end*/

/*WEB ORDER DETAILS INOF PAGE css START*/
#details-info-table {
    border-collapse: collapse;
    font-size: 12px;
    margin: 0;
    text-align:center;
    text-decoration: none;
	margin-top:5px;
	border: 1px solid #000;
}
#details-info-table  th {
	background-color:#aeafaf;
	border: 1px solid #000;
    color: #000;
    font-family: Roboto Condensed, Arial Narrow, Sans Serif;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 5px 5px 5px;
	height:30px;
	
}
#details-info-table  td {
    color: #000;
    padding: 5px 5px 5px 5px;
	font-family: Open Sans, Arial, Sans Serif;
}
/*WEB ORDER DETAILS INOF PAGE css END*/
/*WEB ORDER DETAILS ORDER DESCRIPTION PAGE css START*/
#details-desc-table {
    border-collapse: collapse;
    font-size: 12px;
    margin: 0;
    text-align:left;
    text-decoration: none;
	margin-top:5px;
	border: 1px solid #000;
}
#details-desc-table  th {
	background-color:#aeafaf;
	border: 1px solid #000;
    color: #000;
    font-family: Roboto Condensed, Arial Narrow, Sans Serif;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 5px 5px 5px;
	height:30px;
	
}
#details-desc-table  td {
    color: #000;
    padding: 5px 5px 5px 5px;
	font-family: Open Sans, Arial, Sans Serif;
}
/*WEB ORDER DETAILS ORDER DESCRIPTION PAGE css END*/


.buttonclass_upload {
    border: 2px solid #fcb715;
	background-color:#fdc949;
	box-shadow: 3px 3px 2px #c7c6c6;
	border-radius: 10px;
    color: #000000;
    font-family: Open Sans, Arial, Sans Serif;
    font-size: 12;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: 25px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
	margin-top:3px;
	
}

.buttonclass_feedback{
	background-color:#fdc949; 
	box-shadow: 5px 5px 5px #888888; 
	border-radius:5px; 
	border:2px solid #fcb715; 
	font-family: Open Sans, Arial, Sans Serif; 
	font-size:20px; 
	color:#000;
	padding:10px 20px 10px 20px; 
	text-decoration:none; 
	font-weight:bold;
}

.whenwillmyordership-heading{
    color: #FCB715;
    font-family: Coda, Arial, Sans Serif;
    font-size: 30px;
    padding: 5px 0 0 0;
    text-align: center;
	font-weight:normal;
}
.subHeadsmall{
		font-family:Open Sans, Arial, Sans Serif;
		font-size: 14px;
		text-align : justify;
		color:#545353;
		line-height:18px;
	}
.subHeadsmall-log{
		font-family:Open Sans, Arial, Sans Serif;
		font-size: 12px;
		text-align : justify;
		color:#545353;
		line-height:18px;
	}
	.subHead {
    font-family:Open Sans, Arial, Sans Serif;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    line-height: 20px;
    padding: 10px 0 0;
    text-indent: 0;
	color:#000;
}
	
#shipping-table {
    border-collapse: collapse;
    font-size: 12px;
    margin: 0;
    text-align:left;
    text-decoration: none;
	margin-top:10px;
}
#shipping-table  th {
	
}
#shipping-table  td {
	border:1px solid #000;
    color: #000;
    padding: 3px 5px 3px 5px;
	font-family:Open Sans, Arial, Sans Serif;
}
#shipping-table-1 {
}
#shipping-table-1 th {
	background: none repeat scroll 0 0 #6A6867;
    border: 1px solid #000000;
    color: #FFFFFF;
    font-family: Roboto Condensed, Arial Narrow, Sans Serif;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 5px;
	text-align:left;	
}
#shipping-table-1 td {
}
#content-popup {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #000000;
    border-radius: 10px;
    margin: 5px;
    position: absolute;
    width: 98%;
    z-index: auto;
}
#order-history-table {
    border-collapse: collapse;
    font-size: 12px;
    margin: 10px 0 0;
    text-decoration: none;
}
#order-history-table th {
    background: none repeat scroll 0 0 #6A6867;
    border: 1px solid #000000;
    color: #FFFFFF;
    font-family: Roboto Condensed, Arial Narrow, Sans Serif;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 5px;
	text-align:left;
}
#order-history-table td {
    border: 1px solid #666666;
    color: #000000;
	font-size: 12px;
    font-family:Open Sans, Arial, Sans Serif;
    padding: 5px 5px;
	text-align:left;
}
.green{
    color: #008000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
}
#log-customer-table {
    border-collapse: collapse;
    font-family:  Open Sans, Arial, Sans Serif;
    font-size: 12px;
    margin: 0;
    text-align:center;
    text-decoration: none;
	margin-top:5px;
}

#log-customer-table td {
    border: 0px solid #000;
    color: #000;
    padding: 5px 0 5px 30px;
	font-family:  Open Sans, Arial, Sans Serif;
    font-size: 14px;
    font-weight: bold;
}
#feedback-table {
    border-collapse: collapse;
    font-size: 12px;
    margin: 0;
    text-align:center;
    text-decoration: none;
	margin-top:5px;
}

#feedback-table td {
    border: 1px solid #bfbebe;
    color: #000000;
    padding: 5px 10px 5px 10px;
	font-family:Open Sans, Arial, Sans Serif;
    font-size: 14px;
}



.Created-linkr {
    color: #666666;
    font-family:Roboto, Arial, Sans Serif;
    font-size: 12px;
	text-decoration:none;
}
.Created-linkr a {
    color: #666666;
    font-family:Roboto, Arial, Sans Serif;
    font-size: 12px;
	text-decoration:none;
}
.input_addBook{width:326px; height: 20px; padding: 5px; background-color: #FAF9F9; border: 1px solid #000; color: #000000; font-size: 12px; font-family: Open Sans, Arial, Sans Serif; margin-bottom:8px;}
.input_addBook_alert {width: 326px; height: 20px; padding: 5px; background-color: #FAF9F9; color: #000; font-size: 12px; font-family: Open Sans,Arial,Sans 	Serif; margin-bottom: 8px; background: #DDD none repeat scroll 0% 0%; border-width: thin; border-style: solid; border-color: #F00;}
.add_comment{ width: 326px;}

.feedback_heading{background: #6A6867 none repeat scroll 0px 0px; font-family: "Open Sans, Arial, Sans Serif"; font-size: 14px; font-weight: bold; padding: 5px 0px; text-align: center;}
#update_contact{font-size: 13px;}

.subHeadsmall_address{font-family:Open Sans, Arial, Sans Serif; text-align : left; line-height:18px; font-size:14px; color:#000;}
.img_edit{border:none;}
.img_delete{width:69px; height:23px; border:none}
.img_update{border:none;}
.img_reset{border:1px solid #ffffff; border-radius: 5px;}
.img_add{text-align:left; border=none;}

.quoteTTtextn {
    font-family: 'Open Sans',Sans-serif;
    font-size: 10.5px;
    font-weight: normal;
    color: #333333;
    text-decoration: none;
    line-height: normal;
}

.buttonclass_new {
    BORDER-RIGHT: 2px solid Black;
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: Black;
    BORDER-BOTTOM: 2px solid Black;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-VARIANT: normal;
    letter-spacing: 0.5px;
    text-align: center;
    text-decoration: none;
    padding-bottom: 1px;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
    background: url(../images/bg_for_misc_link.gif);
    height: 25px;
    vertical-align: middle;
}


/*custome css start here (06/17/2016)*/
#contener {width: 70%; }
    * {
        backface-visibility: visible;
    }
    th {
        text-align: center;
    }
    #gerber-file-upload {
        float: left;
        width: 96%;
        padding: 0 10px 10px 15px;
    }
    #gerber-file-upload-content {
        width: 100%;
        margin: 0px;
        border: 1px solid #333332;
        background-color: #fff;
        padding: 15px 0 0 0;
    }
    .light-grn-cell { background:#d2ffd2; border:1px solid #a3e5a3; font-family: Roboto Condensed, Arial Narrow, Sans Serif; font-size:12px;}
    .form-text-web{
        color: #000000;
        font-family: "Gotham Narrow Medium";
        font-size: 16px;
        padding: 2px 10px 4px 0px;;
        text-align:left;
    }
    .form-text-Upload{ font-family: "Gotham Narrow Medium"; font-size:16px; color:#000;}
    .form-text-zip{ font-family: 'Gotham Book'; font-size:14px; color:#ff0000; padding-top:20px;}
    .form-text-not-head{font-family: "Gotham Narrow Medium"; font-size:16px; color:#9E1C1F ;}
    .form-text-not{font-family: "Gotham Book"; font-size:14px; color:black;line-height:18px; padding:0 0 0 10px;}
    input {
        border: 1px solid;
        background-color: #ffffff;
        border-color: #ffd700;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: normal;
    }
    input[type="file"] {
        display: inline;
    }
    textarea{border:1px solid;}
    .tooltip{display: inline;position: relative;}
    .tooltip:hover:after{background: #333;background: #9E1C1F;border-radius: 5px;bottom: 26px;color: #fff;content: attr(tooltip-text);left: 20%;padding: 5px 15px;position: absolute;z-index: 98;width:200px;}
    .tooltip:hover:before{border: solid;border-color: #9E1C1F transparent;border-width: 6px 6px 0 6px;bottom: 20px;content: "";left: 50%;position: absolute;z-index: 99;}
    .anchorTag {
        text-decoration: underline;
        color:#000;
    }
    .input-field{background: #ffffff none repeat scroll 0 0;
    border: 1px solid #7d7d7d;
    box-shadow: 2px 3px 5px 0 rgba(0, 0, 0, 0.15) inset;
    float: left;
    height: 33px;
	width:90%;
    margin-left: 5px;
    padding: 6px 10px;}
	
	.input-field-2{background: #ffffff none repeat scroll 0 0;
    border: 1px solid #7d7d7d;
    box-shadow: 2px 3px 5px 0 rgba(0, 0, 0, 0.15) inset;
    float: left;
    height: 33px;
	width:44%;
    margin-left: 5px;
    padding: 6px 10px;}
	
	.input-field-4 {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #7d7d7d;
    box-shadow: 2px 3px 5px 0 rgba(0, 0, 0, 0.15) inset;
    float: left;
    height: 33px;
    margin-left: 5px;
    padding: 5px 10px 38px 10px;
    width: 44%;
}
	
	.input-field-3{background: #ffffff none repeat scroll 0 0;
    border: 1px solid #7d7d7d;
    box-shadow: 2px 3px 5px 0 rgba(0, 0, 0, 0.15) inset;
    float: left;
    height: 100px;
	width:44%;
    margin-left: 5px;
    padding: 6px 10px;}
	.pf_api_title {
    color: #1b478d;
    font-size: 25px;
    font-family: 'Gotham Medium';
    width: 100% !important;
    font-weight: normal;
    padding-left: 12px !important;
    padding-right: 50px !important;
    line-height: 24px !important;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
/*custome css end here (06/17/2016)*/
.pf_gt_price_btn {
    background: #f89921 url("../images/down-arrow.png") no-repeat 95% 50%;
    font-size: 24px;
    font-family: 'Gotham Narrow Medium';
    border-radius: 8px;
    border: solid 1px #995500;
    box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.34);
    transition: all 0.3s;
	padding: 0px 50px 0px 15px;
	cursor:pointer;
	text-transform:uppercase;
	margin: 40px 0 20px 0;
}
.pf_gt_price_btn:hover{
    background-color: hsl(0, 0%, 47%);
    background-position: 95% 60%;
    border: 1px solid hsl(0, 0%, 47%);
    color: hsl(0, 0%, 100%);
    transition: all 0.3s ease 0s;
}
.pf_price_cont_btn {
    background: #f89921 url("../images/right-arrow.png") no-repeat 90% 50%;
    font-size: 24px;
    font-family: 'Gotham Narrow Medium';
    border-radius: 8px;
    border: solid 1px #995500;
    box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.34);
    transition: all 0.3s;
	padding: 0px 50px 0px 15px;
	cursor:pointer;
	text-transform:uppercase;
}
.pf_price_cont_btn:hover{
    background-color: hsl(0, 0%, 47%);
    background-position: 95% 50%;
    border: 1px solid hsl(0, 0%, 47%);
    color: hsl(0, 0%, 100%);
    transition: all 0.3s ease 0s;
}

.pf_api_frm_txtbox {
    width: 80%;
    height: 33px;
    padding: 6px 10px;
    background: #FFFFFF;
    border: solid 1px #7d7d7d;
    box-shadow: inset 2px 3px 5px 0px rgba(0,0,0,0.15);
    float: left;
	margin-bottom: 15px;
}
.pf_api_frm_txtbox:hover { border:solid 1px #000000; }
.pf_api_frm_select_box {
    width: 80%;
    height: 33px;
    float: left;
    background: #FFFFFF;
    font-size: 14px;
    color: #000000;
    font-family: 'Gotham Narrow Light';
	outline: none !important;
	padding: 0px;
	margin: 0px;
	border: solid 1px #7d7d7d;
}
.pf_api_frm_select_box:hover { border:solid 1px #000000; }

.pf_api_xy_txt_box {
	width: 90px;
}	
.pf_api_frm_mrgn{padding: 6px 10px;}
.pf_api_title {
    color: #1b478d;
    font-size: 25px;
    font-family: 'Gotham Medium';
    width: 100% !important;
    font-weight: normal;
    padding-left: 12px !important;
    padding-right: 50px !important;
    line-height: 24px !important;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
.pf_api_txt {
    margin-top: 45px;
    margin-right: 30px;
    font-size: 18px;
    color: #8d8d8d;
    font-family: 'Gotham Narrow Medium';
	margin-top: 10px;
	text-align: left;
	margin-left: -62px;
}
.pf_api_gbox_btn{
    width: 212px;
    height: 30px;
    background: #2a2a2a;
    float: left;
    border-radius: 8px;
    color: #FFFFFF;
    font-family: 'Gotham Narrow Medium';
    text-align: center;
    font-size: 13px;
    line-height: 17px;
    padding: 7px 0px;
    margin-left: 6px;
    letter-spacing: 0px;
}
.pf_api_x_txt{padding-top:5px;position:relative;line-height:4;}
.lyr_title_txt{font-family: 'Gotham Narrow Medium';font-size: 17px; color:#222;}
.pf_api_file {
	width:260px;
    background: none;
    border: 0px;
    font-size: 14px;
    color: #000000;
    font-family: 'Gotham Narrow Light';
    text-stroke: 0.2px #000;
	padding-top: 10px;
}
.form_text_per_brd {
	font-family: Roboto, Arial, Sans Serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	padding: 0 0 0 0;
	line-height: 0;
	position: absolute;
	margin-left: 152px;
	margin-top: 3px;
}
.pm_api_circle{border: solid 3px #4e4e4e;border-radius: 10px;}
.cpb-fabrication-heading {color: #f89921;font-weight: bold;}
.current-selection {color: #1b478d;}
.pf_api_title {color: #1b478d;font-size: 25px;font-family: 'Gotham Medium';width: 100% !important;font-weight: normal;padding-left: 12px !important;padding-right: 50px !important;line-height: 24px !important;display: inline-block;vertical-align: top;text-align: center;}
.pf_api_assm_title { 
	color: #8d8d8d;
	font-family: 'Gotham Narrow Medium';  
	font-size: 16px;
    padding: 0 0 0 0;
    text-align: center;
	margin-right: 32px;
}
.pf_api_bom_radio{margin-top: 10px !important; margin-left: 12px !important;}
.form-text-2 {padding: 0px 0px 0px 12px;line-height: 3;}
.pf_api_qty_txt{position: relative; line-height: 2.5;font-weight:bold;margin-left: 10px;}
.pf_txt_mrgn{margin-top: 10px; margin-bottom: 10px;}
.elecTest{padding: 6px 10px;background: #FFFFFF;border: solid 1px #7d7d7d;box-shadow: inset 2px 3px 5px 0px rgba(0,0,0,0.15);}
.elecTest:hover { border:solid 1px #000000; }
.pf_txt_lbl{vertical-align:top;font-size: 18px; font-family: 'Gotham Narrow Medium';}
.button_small_yellow {
    background: #f89921 no-repeat 95% 50%;
    font-size: 11px;
    font-family: 'Gotham Narrow Medium';
    border-radius: 8px;
    border: solid 1px #995500;
    box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.34);
    transition: all 0.3s;
	padding:3px 5px;
	cursor:pointer;
	text-transform:uppercase;
}
.button_small_yellow:hover{
    background-color: hsl(0, 0%, 47%);
    background-position: 95% 60%;
    border: 1px solid hsl(0, 0%, 47%);
    color: hsl(0, 0%, 100%);
    transition: all 0.3s ease 0s;
}

/*pcb-quote*/

.row-details #circuit-boards-assy{border-radius:5px; padding:15px 0px 0px 0px;}
.row-details .formError .formErrorContent {width:250px; font-size:14px;}
.row-details .formError {opacity:1.0 !important;}
.pf_api_title {line-height: 35px;}
.row-details .col-sm-6,.row-details .col-md-6 {padding:0px 5px;}
.row-details .pf_api_xy_txt_box, .row-details .pf_api_frm_txtbox, .row-details .pf_api_frm_select_box {width:100%;  font-weight: bold; font-size: 13px;}
.row-details .label-head  {font-family: 'Gotham Narrow Medium'; font-size:18px; margin:4px 0px 0px 0px; text-align:right; color:#222; line-height:17px;}
.row-details .radio-btn  {font-family: 'Gotham Narrow Medium'; font-size:18px; margin:5px 0px; padding: 3px 40px; color:#222;}
.row-details .radio-btn span {padding:0px 3px;}
.radio-btns {margin:3px 10px;}
.brd-dim .col-sm-5, .brd-dim .col-sm-2,#arraydiv .col-sm-5, #arraydiv .col-sm-2 {padding:0px 2px;}
.em-tag {text-align:right; font-weight:bold; font-size:11px; margin-top:-3px;}
.multiply {font-size:20px;}
.multiply p {text-align: center; margin: 2px 1px;}
.margin-space {margin-bottom:5px;}
.solder-line{width: 100%; border-bottom: 1px solid #000; line-height:0.1em; margin-top:10px !important; margin-bottom:10px !important; 
           margin-left:auto !important; margin-right:auto !important;} 
.line-one {width: 100%; border-bottom: 1px solid #000; line-height:0.1em; margin-top:10px !important; margin-bottom:20px !important; 
           margin-left:auto !important; margin-right:auto !important;} 
.solder-line .line, .line-one .line { background:#e9e9ea; padding:0 05px; }
.pcb-text{line-height: 16px;  color: #222;  font-family: 'Gotham Narrow Medium';  margin-top: 0px;  margin-right: 10px;  font-size: 18px; margin:2px 0px;}
.row-details  .pf_api_frm_select_box {margin-bottom:15px; font-family: Arial, Helvetica, sans-serif; font-size:13px; font-weight: bold; padding: 6px 5px;}
.outer-layer p, .inner-layer p{text-align:center}
.row-details .brd-dim .pf_api_xy_txt_box, .row-details .brd-dim .pf_api_frm_txtbox,
.row-details #arraydiv .pf_api_xy_txt_box, .row-details #arraydiv .pf_api_frm_txtbox{width:100%;}
.quantity-boards span{float: left;  width: 130px; padding: 0px 5px;}
.row-details .col-md-12, .row-details .col-md-10 {padding:0px 2px;}
.information-text {margin-top}
/*pcb-quote*/
/*assembly quote*/
.row-details #circuit-boards-assy{width:100%;}
.bom-file p {margin:0px;}
.bom-file .pf_api_file {margin-left:0px; width:95%;}
.row-details .smt-comp .input-field-2 {width:60%;}
.row-details .smt-comp .label-head {line-height: 21px; margin-top: 4px;}
.row-details .pf_qty_field{width:50% !important;}
.row-details #current-selection {width:100%}
.row-details .pf_api_file {margin-left: 05px !important; padding:5px 2px; border:1px solid #7d7d7d;}
.row-details .pf_api_bom_radio {margin-top:06px !important;}
.unit-price {font-family: 'Gotham Narrow Medium'; color:#1b478d; font-size:17px; text-align:left;}
.table-responsive{min-height:.01%;overflow-x:auto}
.need-an-assembly p {text-align:center; float:left;}
.need-an-assembly p span{padding:0px 5px}
#opendv {position:relative; margin-bottom:10px;}
.toggle-div {position:absolute; top:-36px; right:20px; z-index:999;}
.bluetext {color:#1b478d; padding: 0px 6px 0px 0px !important;}
.lotprice {font-weight:bold; font-size:15px; color:#000; vertical-align:top;}
.lottotal {font-weight:bold; color:#006400; font-size:15px;}
/*assembly quote*/

/*popup*/
.popup {
    position:fixed; top:40px; left:0px;bottom:0px;right:0px;  margin:auto;
    width:500px;  height:340px;  padding:05px 05px;  background:cornsilk;
    border:2px solid #4d4d4d;  z-index:100000000000000000;  border-radius:10px;
    font-family: 'Gotham Book'; font-size: 15px; }
    
.cancel {
    display:relative; cursor:pointer;  margin:0;  padding:0 0 5px 0;  font-weight:bold;
    font-size:13px;  color:#000;  z-index:100000000000000000;  position: absolute;
    top: 5px;  right: 20px;}
/*popup*/

/*button cnaged*/
.text-center {text-align:center;}
.edit-button, .edit-button:active, .edit-button:focus {background: #1b478d; color: #fff; opacity:1.0; padding: 6px 46px; font-weight: bold;  border-radius: 04px; border:1px solid #1b478d;}
.edit-button:hover{background:#fff; color:#000;}
.reset-button { background: transparent; color: #337ab7; font-size:16px; font-weight: bold;  padding:0px 46px 10px 0px; float:right; text-decoration:underline;}
.reset-button:hover {text-decoration:none; color:#23527c}
.btn:focus, .btn:active:focus{outline: 0px auto -webkit-focus-ring-color !important; outline: none !important;}
.disableclass {
    border:none; background:#e9e9ea ; border:none; color:#000; pointer-events: none; cursor: not-allowed;-webkit-appearance: none;  -moz-appearance: none;  appearance: none;
        margin-top: -3px;
    font-size: 16px !important;
    font-weight: 100 !important;
     box-shadow: none;
    }
.hiddentext {margin:3px 4px; font-family: Arial, Helvetica, sans-serif; font-size: 16px;} 
.radio-border {border: 1px solid #1b478d;  padding: 2px 4px;  margin: 0px 4px 0px 0px;  border-radius: 5px; }
.change-border {border:2px solid #1b478d; padding:0px 5px}

.wrap-2:before {content: '';
  position: absolute;
  top: 34%;
  left: 20px;
  border-top: 1px solid black;
  background: black;
  width: 96%;
}
.margin-thirty p { 
   font-family: 'Gotham Narrow Medium';
    font-size: 18px;
    color: #222;
    line-height: 17px;
    margin-top:30px;}

 /*tooltip*/
 .tooltipItem {
    position: relative;
}
.tooltipItem .tooltiptext {
    visibility: hidden;
    background-color: #4169E1;
	width: 250px;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 800;
    bottom: 110%;
    left: 0%;
    margin-left:0px;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	font-weight:normal;
	font-size:12px;
	line-height:16px;
}
.tooltipItem .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    right: 30%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #4169E1 transparent transparent transparent;
}
.tooltipItem:hover .tooltiptext {
   transition-delay: 1s !important;
   visibility: visible;
}

 /*tooltip*/

@media (min-width:320px) and (max-width:480px) {
#body_id .table-responsive {margin-bottom:0px;}    
.fix-width-container #contener {width:100% !important;}
.misidentified {padding: 5px 0 5px 7px;font-size: 16px;}
#LotPrice .textn td {font-size: 13px !important}
.text-review td {padding:5px 12px; text-align: left;}
.text-review .pf_price_cont_btn {margin-right:10px;}
.row-details #circuit-boards-assy {width:85%;}
.row-details #current-selection {width:85%;float: left;}
#circuit-boards-assy-content {width:100%;}
.pf_price_cont_btn.cnt_to_asbly_quote { padding: 6px 40px 9px 10px;   font-size: 12px;  margin: 19px 0px;margin-right: 17px;}
.fix-width{width:250px}
#quote-table-a {font-size:12px; float: left;}
#quote-table-a th {font-size:12px;}
.unit-price {font-size:14px;}
  #contener {width:85% !important;} 
 .em-tag {text-align:left;} 
 .quantity-boards span{float:none;}
 .outer-layer img {width:100% !important;}
 .row-details .pf_api_xy_txt_box, .row-details .pf_api_frm_txtbox, .row-details .pf_api_frm_select_box {width:100%;}
 .row-details .gold-fingers p,  .row-details .radio-btn p {text-align:left}
 .pcb-text{font-size:15px;text-align: left;}
 .multiply  p{text-align:center; font-size:20px; margin: 0px;}
 .pf_api_title {font-size:18px;line-height: 20px;}
 .row-details .label-head {font-size:14px; text-align:left}
 .brd-dim {margin-top:10px;}
 .pf_api_frm_txtbox, .pf_api_frm_select_box{width:160px; margin-bottom:5px;}
 .row-details .pf_api_bom_radio {margin-left:0px !important;}
 .row-details .pf_gt_price_btn, .pf_gt_price_btn{font-size:13px; padding: 6px 39px 5px 6px;}
 .row-details .pf_price_cont_btn, .pf_price_cont_btn {font-size:13px; padding: 6px 39px 5px 6px;}
 .pf_price_cont_btn {margin-right: 70px;}
 .row-details #quote {width:100%;}
 #arraydiv .col-sm-2, #arraydiv .col-sm-5, .row-details .col-md-4, .row-details .col-md-12, .row-details .col-sm-6,  
 .brd-dim .col-sm-2, .brd-dim .col-sm-5, .row-details .col-md-8, .row-details .col-md-6, .row-details .col-md-3, 
 .row-details .col-sm-4, .row-details .col-md-11, .col-md-10{float:left;width:100%; padding: 0px 5px;}
 .row-details .table-responsive{width:75%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}
 /*upload file*/
 #designerContact #left-side,
 #ShipBillContact #left-side, #PaymentInfo #left-side-info {width:auto; padding: 7px 0px;}
  #designerContact #left-side tr,  #designerContact #right-side tr,
  #ShipBillContact #left-side tr, #ShipBillContact #right-side tr,
  #OtherOrderInfo #order-details-table tr, #ordertaxstatus #order-details-table2 tr,
   #PaymentInfo #left-side-info #order-details-table tr
  {display: table;  width:100%;}
 #designerContact #left-side td, #designerContact #right-side td,
 #ShipBillContact #left-side td, #ShipBillContact #right-side td,
 #OtherOrderInfo #order-details-table td, #ordertaxstatus #order-details-table2 td, 
 #PaymentInfo #left-side-info #order-details-table td, #PaymentInfo .inner-table td{display:block; }
 #designerContact #left-side table, #designerContact #right-side table,
 #ShipBillContact #left-side table, #OtherOrderInfo #order-details-table,
 #ordertaxstatus #order-details-table , #PaymentInfo {margin-left:0px !important; }
 #designerContact #left-side .input-field-2, #designerContact #right-side .input-field-2,
 #ShipBillContact #left-side .input-field-2, #ShipBillContact #right-side .input-field-2,  #ordertaxstatus #order-details-table2 td{width: 100%;margin: 4px 7px; }
 #ShipBillContact #left-side #order-details-table th , #ShipBillContact #right-side #order-details-table th{font-size:12px; padding: 8px 2px;}
 #designerContact #right-side,
 #ShipBillContact #right-side {float:none; width: 27%; padding: 7px 0px; margin-left:0px;}
 #designerContact #right-side .input-field ,
 #OtherOrderInfo #order-details-table .input-field-2, #OtherOrderInfo #order-details-table .input-field-3,
 #PaymentInfo #left-side-info #order-details-table .input-field-2, #PaymentInfo .inner-table .input-field-2, 
 #PaymentInfo .inner-table .input-field-3,  #PaymentInfo .inner-table .input-field-4 {width:250px;}
 #OtherOrderInfo, #ordertaxstatus, #PaymentInfo {width:auto !important;}
 #OtherOrderInfo  #order-details-table .order-details-select {width:250px !important;}
 .pf_input_txt_mrgn {margin-left:0px !important;}
  #PaymentInfo #left-side-info #order-details-table select {margin:5px 0px;}
  #PaymentInfo .inner-table td {width:100%;}
  #PaymentInfo .inner-table select, #PaymentInfo .inner-table textarea, #PaymentInfo .inner-table input[type="file"] {margin-left:0px !important;}
  #showCompText, #showCompText textarea {float:left; margin-top:10px;}
  /*upload file*/
}

@media (min-width:1680px) and (max-width:2400px) {
    .row-details {margin-left:auto; margin-right:auto; display:contents;}
}
.table-design-msg {
    border: solid 1px #b6b6b6;
    border-collapse: collapse;
    border-spacing: 0;
	font-family: Roboto,Arial Narrow,Sans Serif;
	font-size:15px;
}
.table-design-msg th {
    background-color: #d6d6d6;
    border: solid 1px #b6b6b6;
    color: #000;
    padding: 5px;
    text-align: left;
    text-shadow: 1px 1px 1px #fff;
}
.table-design-msg td {
    border: solid 1px #b6b6b6;
    color: #333;
    padding: 5px;
    text-shadow: 1px 1px 1px #fff;
}


/*IMpedance table popup blr 31jan19 */
.popup { position:fixed;  top:0px;  left:0px;bottom:0px;right:0px;  margin:auto;
    width:56%;  height:71%;  overflow-y:auto;  padding:05px 10px;   background:#fff;
    border:2px solid #4d4d4d;  z-index:100000000000000000;   border-radius:10px;  font-family: 'Gotham Book';}
.cancel { display:relative; cursor:pointer;  margin:0;   padding:0 0 5px 0;
    font-weight:bold;  font-size:12px;  color:#000;  z-index:100000000000000000;
    position: absolute;  top: 02px;   right: 12px;}
.popup .col-md-12 {padding:0px 2px;}
.imp-tbl {padding:0px 2px;}
.pop-up-table {width:100%; border-collapse:collapse; text-align:center; font-size:13px; margin-bottom:10px;}
.pop-up-table th {background:#4d4d4d;padding:5px 10px; bordeR:1px solid #fff; color:#fff;font-weight:normal; text-align:center; }
.pop-up-table td {padding:5px 5px; bordeR:1px solid #ccc; height:15px; }
.imp-tbl h3 { padding: 10px 0px 0px 0px;font-size: 19px;text-align: center; color: #000; margin:20px 0px 0px 0px;font-weight: bold;    font-style: italic;}
.imp-tbl span {font-weight:bold;}
.pop-up-table .imp-note p{font-weight:bold; color:#006400; margin:5px 0px; text-align:left;}
.imp-tbl .under-text {font-size:14px;font-weight:normal; font-style:italic; color: #000; margin: auto; width: 85%;}
.impd-tbl .imp-tbl h2 {background:#fcb714; padding:5px 0px; font-size:20px; text-align:center; font-family: 'Coda'; color:#000;margin:5px 0px 0px 0px;}
.impd-tbl.imp-tbl p {text-align:center; font-weight:bold; font-size:15px; font-family: 'Open Sans'; margin:2px 0px;}
.popup h2 {
    background: #fcb714;
    padding: 5px 0px;
    font-size: 20px;
    text-align: center;
    font-family: 'Coda';
    color: #000;
    margin: 10px 0px;
}
.popup p {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
       font-family: 'Gotham Book';
    margin: 2px 0px;
}
/*IMpedance table popup 31jan19*/

/*radio button*/
.new-radio{
-webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  right: 5px;
  bottom:0;
  left:-5px;
  top:1px;
  height: 13px;
  width: 13px;
  transition: all 0.15s ease-out 0s;
  background: #fff;
  border: 1px solid #16B67F;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  outline: none;
  position: relative;
  z-index: 1000;
   border-radius:10px;
}

.new-radio:checked {
  background: #16B67F;
  border:1px solid #16B67F;
  box-shadow:inset 0px 0px 0px 2px #fff;
}

.rd-btn-align {margin-top:-1px;}
.rd-btn-align span , .radio-btns span{padding: 0px 10px 0px 0px;}

.input-type {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  right: 0;
  bottom: 0;
  left: 0;
  height: 13px;
  width: 13px;
  transition: all 0.15s ease-out 0s;
  background: #cbd1d8;
  box-shadow:inset 0px 0px 0px 7px #fff;
  border: 1px solid #16B67F;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.5rem;
  outline: none;
  position: relative;
  z-index: 999;
}

.input-type:checked {
  background: #16B67F;
}
.input-type:checked::before {
  height: 13px;
  width: 13px;
  position: absolute;
  display: inline-block;
  box-shadow: inset 0px 0px 0px 2px #fff;
  border: 1px solid #16B67F;
  color: #16B67F;
  background: #16B67F;
  line-height:10px;
  top: -1px;
 left: -1px;
  }

.input-type.radio {
  border-radius: 50%;
}
.input-type.radio::before {
  border-radius: 50%;
  content: '';
}
.radio-btns font {position: relative; top: -1px;  left: 4px; cursor:pointer;font-size: 14px;}
.radio-btns .pos-lft {left:0px;}

.row-details .grayed-out {color: #666666;}

/*ist details 05-03-2019*/
.ist-heading h3 {text-align:center; color:#1b478d; font-size: 25px; font-family: 'Gotham Medium';}
.ist-section {font-family: 'Gotham Book';}
.ist-section p {margin:5px 0px; font-family: 'Gotham Book'; font-size:15px;}
.ist-section .label-text {text-align:right; font-weight:bold; color:#000;}
.ist-section .col-md-10, .ist-section .col-md-2, .ist-section .col-md-6 {padding:0px 2px;} 
.ist-section .details-fetch {padding:5px 10px;border: 1px solid #ccc;  background:#fffafa;word-break: break-all; word-wrap: break-word;margin:0px 0px 15px 0px}
.ist-section .issue-sec {margin:0px 0px 5px 0px}
.border-bottom {width:100%; border-bottom:1px solid #1b478d; padding-bottom:20px; padding-top:20px;}
.ist-section .created-details {font-weight:bold; font-size:12px ; font-style:italic; margin:1px 0px;}
.ist-section .created-details span{padding:0px 5px;}
.ist-heading, .ist-section  {position:relative;}
.ist-heading p {position: absolute; right: 41px;  top: 5px;  font-weight: bold;  color: #006400;  font-size: 18px;}
.issue-post-section {padding:0px;}
.issue-post-section .label-text {font-size:22px; border-bottom:1px solid #000; width:14%;}
.ist-section .issue-post-section .details-fetch{margin:0px 0px 05px 0px}

/*ist details 05-03-2019*/