@charset "utf-8";
/*======================================
				dipu
			www.eSoftArena.com
=======================================*/
body{font-family:Tahoma,Arial;font-size:12px;color:#fff;text-align:center;background:#003875 url(../images/body_bg.gif) repeat-x;position:relative}

/*======= Common Styles ============*/
*{margin:0; padding:0; outline:none}
img,fieldset{border:0}
.hide{display:none;	visibility:hidden}
a{text-decoration:none}
a:hover{text-decoration:underline}
ul{list-style:none}


#body_In{width:100%; background:url(../images/bodt_In_bg.jpg) no-repeat center 50px; }

/*========scroll_nav==========*/
#scroll_nav{width:100%;height:50px;background:url(../images/body_bg.gif) repeat-x;position:fixed;left:0;top:0;z-index:10;}
#scroll_navIn{width:1004px;height:39px;/*50*/
padding:11px 0 0;margin:0 auto;text-align:left;}
#scroll_navIn p{/*width:285px;*/ float:right; height:34px; line-height:30px; font-size:11px; font-weight:bold; text-align:center}
#scroll_navIn p a{height:34px; color:#fff; float:left; padding-left:22px; overflow:hidden; background:url(../images/top_linkBg1.gif) no-repeat}
#scroll_navIn p a span{height:34px; float:left; padding-right:15px; cursor:pointer; background:url(../images/top_linkBg1.gif) no-repeat right top}
#scroll_navIn p a.top_link, #scroll_navIn p a.top_link span{background-image:url(../images/top_linkBg2.gif); color:#000}
#scroll_navIn p a.top_link{margin-left:1px}
#scroll_navIn p a:hover{text-decoration:none; background-position:left bottom}
#scroll_navIn p a:hover span{text-decoration:none; background-position:right bottom}

#wrap{width:1004px;margin:0 auto;padding:11px 0 0;text-align:left;}
/*=========HEADER==========*/
#header{width:100%;/*1004*/ height:168px; position:relative}
#header h1{width:260px; height:105px; position:absolute; left:0; top:62px}
#header .logo{width:260px; height:105px; position:absolute; left:0; top:62px}

#header h2{width:706px; height:47px; text-indent:-1000px; overflow:hidden; background:url(../images/header_h2.png) no-repeat; position:absolute; left:281px; top:111px}
#header .strapline{width:706px; height:47px; overflow:hidden; position:absolute; left:281px; top:111px}
/*=========main_cont==========*/
#main_cont{width:992px;/*1004*/ padding:0 0 0 12px; overflow:hidden}
#lft_cont{width:247px; float:left;}
#rgt_cont{width:743px; float:right;}

/*=========lft_nav==========*/
.lft_nav{width:100%;/*247*/ padding-bottom:2px; overflow:hidden; font-size:11px;margin-top:0;}
.lft_nav li{width:100%; /*float:left;*/ padding:0 0 7px; display:block; overflow:hidden}
.lft_nav li h4{width:100%; height:25px; overflow:hidden; background:url(../images/lft_nav_bg.png) no-repeat}
.lft_nav li.feedback h4{background:url(../images/lft_nav_feedback_bg.png) no-repeat}
.lft_nav li h4 a{color:#fff; display:block}
.lft_nav li.feedback h4 a{color:#001730;}
.lft_nav li h4 a:hover, .lft_nav li.selected h4 a, .lft_nav li.subOpen h4 a{color:#fff; text-decoration:none; color:#ffbe22}
.lft_nav li.feedback h4 a:hover{color:#001730; }

.lft_nav li h4:hover{background-position:left bottom}
.lft_nav li.selected h4, .lft_nav li.subOpen h4{background-position:left center}

.lft_nav li h4 strong{width:200px;/*216*/ padding:0 9px 0 7px; float:left; line-height:23px; cursor:pointer; font-size:11px}
.lft_nav li h4 b{width:25px; height:25px; float:left; text-indent:-1000px; overflow:hidden; cursor:pointer}
.lft_nav ul, .subOpen #process-submenu ul{width:100%; display:none}
.lft_nav li.subOpen ul, .subOpen #process-submenu.subOpen ul{display:block}
.lft_nav li li{width:240px;/*247*/ padding:0 0 0 7px; line-height:18px}
.lft_nav li li a{color:#fff;text-decoration:none;}
.lft_nav li li a:hover,.lft_nav li li.selected a{color:#ffbe22; text-decoration:none;}
/*------------- sub menu  ------------*/
#process-submenu.selected a{color:#ffbe22; text-decoration:none;}
#process-submenu.selected ul li a{color:#fff;}
#process-submenu.selected ul li a:hover{color:#ffbe22;}
#process-submenu ul li a span{color:#ffbe22; margin-right:5px;}

/*=========lft_box==========*/
.lft_box_tp{width:247px; background:url(../images/lft_box_bg.png) no-repeat center top; overflow:hidden; margin-top:4px; cursor:pointer;}
.lft_box_tp, .lft_box_tp customer, lft_box_tp brochure { cursor:pointer; } 
.lft_box_btm{width:100%; padding:13px 0; background:url(../images/lft_box_bg.png) no-repeat right bottom; float:left; }
.lft_box{width:223px;/*247*/ padding:0 8px 9px 16px; background:url(../images/lft_box_bg.png) repeat-y; float:left}
.lft_box_tp h4{width:100%; font-family:"Myriad Pro", Arial; font-size:20px; line-height:20px; float:left}
.lft_box_tp a{padding-left:25px; color:#ffbd23; text-decoration:underline; float:left; line-height:14px; background:url(../images/arrow_1.gif) no-repeat 3px 2px}
.lft_box_tp a:hover{text-decoration:none}


.overview h4, .brochure h4, .view-case-studies h4{min-height:78px;/*99*/ padding-bottom:21px; background:url(../images/overview_bg.png) no-repeat 139px 4px; margin-bottom:-21px}
.overview h4 span, .brochure h4 span, .view-case-studies h4 span{font-weight:normal; display:block}
.view-case-studies h4{background:none;min-height:58px;}
.brochure h4{background:url(../images/brochure.png) no-repeat 126px top}
.brochure h4 small{font-size:12px; font-weight:normal}

.customer h4{padding-bottom:5px}
/*.customer a{margin-bottom:5px}*/
/*==================right-side=======================*/

.js_gallery{width:733px;/*743*/ height:299px;/*309*/ padding:1px 8px 9px 2px; background:url(../images/js_gallery_bg.png) no-repeat; margin-bottom:4px; overflow:hidden; position:relative}
.js_gallery dd, .js_gallery dt{width:733px; height:299px; float:left; background-repeat:no-repeat; background-position:left top; position:absolute; left:1px; top:1px; z-index:1; overflow:hidden}
.js_gallery dd{_top:2px;}
.js_gallery dt.slide_box{width:88px; height:14px; padding:0; left:635px; top:271px; z-index:2}
.js_gallery_01{background-image:url(../images/js_gallery_bg1.png)}
.js_gallery_02{background-image:url(../images/js_gallery_bg2.png)}
.js_gallery_03{background-image:url(../images/js_gallery_bg3.png)}
.js_gallery_04{background-image:url(../images/js_gallery_bg4.png)}

.js_gallery dd p{width:607px;/*721*/ height:31px; padding:0 100px 0 14px; overflow:hidden; background:url(../images/slide_box_bg.png) no-repeat; position:absolute; left:6px; top:262px; z-index:1}
.js_gallery dd p a{padding-left:23px; font-size:14px; color:#ffbd23; font-weight:bold; line-height:31px; float:left; background:url(../images/arrow_2.png) no-repeat left 10px; text-decoration:underline}
.js_gallery dd p a:hover{text-decoration:none}

/*---------slide_box------------*/
.slide_box a{width:14px; height:100%; float:left; overflow:hidden; text-indent:-1000px; margin-right:8px; background:url(../images/slide_icon.png) no-repeat left top}
.slide_box a:hover, .slide_box a.slct{background-position:left bottom}

.js_gallery_01 h2, .js_gallery_02 h2, .js_gallery_03 h2, .js_gallery_04 h2{width:713px;/*743*/ /*margin:27px 0 0 30px;*/ height:78px; background-repeat:no-repeat; text-indent:-2000px; overflow:hidden; position:absolute; left:30px; top:27px}
.js_gallery_01 img{margin:20px 10px 10px 20px;}
.js_gallery_02 img{margin:20px 10px 10px 20px;}
.js_gallery_03 img{margin:20px 10px 10px 20px;}
.js_gallery_04 img{margin:20px 10px 10px 20px;}

/*---------blue_box------------*/
.blue_box_tp{width:743px; background:url(../images/blue_box.png) no-repeat center top; margin-bottom:4px; overflow:hidden}
.blue_box_btm{width:100%; padding:13px 0; background:url(../images/blue_box.png) no-repeat right bottom; float:left}
.blue_box{width:100%; background:url(../images/blue_box.png) repeat-y; float:left}

/*---------intro------------*/
.blue_box_intro{padding-bottom:18px}
.intro{width:713px;/*743*/ padding:0 12px 0 18px; overflow:hidden;}
.intro_lft{width:713px; float:left}
.intro_lft h3{font-size:22px; line-height:30px; font-weight:normal}
.intro_lft p{line-height:18px; margin-bottom:18px}
.intro_lft p.last_p{margin-bottom:0}
.intro_lft a{color:#ffc021; text-decoration:underline}
.intro_lft a:hover{text-decoration:none}
.intro_rgt{width:252px; float:right; text-align:center}
.intro_rgt label{display:block; font-size:26px; line-height:31px}
.intro_rgt label.or{font-size:22px; line-height:38px}
.intro_rgt label b{font-size:31px; color:#ffbd23; display:block; font-weight:normal}
.intro_rgt span{padding:9px 20px 0 25px; text-align:left; display:block; line-height:20px}
.intro_rgt span a{color:#ffbc25; font-size:17px; text-decoration:underline}
.intro_rgt span a:hover{text-decoration:none}

/*---------ex_industry------------*/
.ex_industry{width:727px;/*743*/ padding:0 8px 0}
.ex_industry h3{padding:0 0 2px 8px; font:bold 15px/15px Arial; color:#ffbc25; text-transform:uppercase}
.ex_industry dl{width:727px; overflow:hidden}
.ex_industry dd{width:220px; padding-bottom:7px;padding-right:12px;padding-left:7px; float:left; overflow:hidden}
.ex_industry dd label{width:220px;/*145*/ height:100px;/**/ padding:3px 5px 5px 3px; display:block; overflow:hidden; background:url(../images/extreme_imgBG.png) no-repeat}
.ex_industry dd label img{width:220px; height:100px; border:1px solid #577da5;}
.ex_industry dd span{padding-left:4px; display:block; font-size:11px; line-height:12px}

/*================footer-================*/
#footer{width:984px;/*992*/ padding:5px 0 50px 12px}
#footer .services{width:983px;}
.ftr_blue_box{width:981px;/*992*/ height:32px;/*40*/ padding:0 11px 8px 0; font-size:11px; line-height:32px; overflow:hidden; background:url(../images/footer_blue_box.png) no-repeat}
.ftr_blue_box a{float:left; color:#fff; padding:0 14px}
.ftr_blue_box b{float:left; font-weight:normal}
.ftr_blue_box span{float:right}
.ftr_blue_box span em{float:left; font-style:normal; padding-right:14px}
.ftr_add{width:100%; padding:3px 0 0}
.ftr_add a{margin-right:23px}

/*==========[page:content]================*/
.content{width:711px;/*743*/ padding:6px 8px 8px 24px; overflow:hidden}
.content h1{font-size:24px; line-height:28px; font-weight:normal;margin-bottom:-1px;}
.content h2{font-size:18px; line-height:28px; font-weight:normal;margin-top:24px;margin-bottom:-4px;}
h2.errorMessage, #customers h2 { font-size:16px;color:#dbe0e6; }
#customers h2 { margin:10px 0 2px 0; }
.content h3{padding:0 0 12px; float:left; font-size:24px; line-height:27px; font-weight:normal}
.content_lft{width:455px; float:left}
#customers .content_lft { width:655px; }
#customers th.heading, #customers td.input,#customers td.input2  { background-color:#053263;padding:3px 8px; }
#customers td.input { background-color:#476e9a; }
#customers td.input2 { background-color: #4f78a7; }
#customers h1
.content_rgt{width:208px;/*223*/ padding:13px 15px 0 0; float:right}
.content_lft p{line-height:16px; margin-top:16px;}
.content_lft a{color:#ffb12b; text-decoration:underline;}
.content_lft a:hover{text-decoration:none}
.content_lft ul{margin:16px 0 0 2px;}
.content_lft ul li, .panel-wrapper ul li{width:100%; padding:0 0 0 24px; line-height:16px; background:url(../images/bullet.gif) no-repeat left 2px;}
.panel-wrapper ul {margin-top:25px;padding-left:19px;}
.content_lft ul li a{padding-left:24px;}
.content_lft ul li a:hover{text-decoration:none}
.content_lft ul { margin-left:4px; }
.content_lft ul.second li { list-style: disc outside;margin:0 0 16px 15px; padding-left:0; background-image:none;width:auto; }
.content_lft ul.second li ul { margin:3px 0 0 14px; }
.content_lft ul.second li ul li { margin-bottom:0;  list-style-type: circle;  }
.content_rgt { margin-left:475px;width:225px;padding-top: 17px; }
.content_rgt label{width:200px;/*208*/ height:200px;/*208*/ padding:1px 6px 7px 2px; margin-bottom:23px; display:block; background:url(../images/content_imgBg.png) no-repeat}
.content_rgt label{width:200px;/*208*/ height:200px;/*208*/ padding:1px 6px 7px 2px; margin-bottom:23px; display:block; background:url(../images/content_imgBg.png) no-repeat}
.content_rgt img{width:198px; border:1px solid #003976;margin-bottom:16px;}

/*==========[page:contact]================*/
.box_map{width:723px;/*743*/ padding:0 12px 2px 8px; position:relative; margin-top:-7px; float:left}
.google_map{width:722px; height:300px;/*250*/}
.box_map p{width:709px;/*721*/ height:31px; padding:0 12px 0 0; text-align:right; line-height:31px; margin-top:8px; background:url(../images/larger_mapBg.png) no-repeat; overflow:hidden}
.box_map p a{padding-left:22px; color:#ffb12b; text-decoration:underline; background:url(../images/arrow_2.png) no-repeat left center}
.box_map p a:hover{text-decoration:none}

.blue_box_contact{padding-bottom:17px}
.contact{width:698px;/*743*/ padding:0 27px 0 18px; overflow:hidden; background:url(../images/border_01.png) repeat-y 240px top}
.contact_lft{width:222px; float:left}
.contact_rgt{width:452px; float:right}
.contact h3{font-size:22px; line-height:22px; padding-bottom:14px; font-weight:normal}
.contact_lft p{line-height:16px; margin-bottom:16px}
.contact_lft a{color:#ffb12b; text-decoration:underline}
.contact_lft a:hover{text-decoration:none}
.contact_lft p strong{font-size:11px; display:block}
.contact_lft p strong.add_title{font-size:12px; color:#ffb12b}
.contact_lft p span{display:block}
.contact_lft p span.ph_no{color:#ffb12b}
.contact_lft p span.sml{font-size:11px}
.contact_lft p span b{font-weight:normal; color:#ffb12b}
.contact_lft h5{font-size:18px; font-weight:normal; line-height:20px}

.contact_rgt span{display:block; line-height:14px; padding-bottom:5px}
.contact_rgt label{display:block; line-height:14px; padding-bottom:5px}
.contact_rgt input{width:272px;/*274*/ height:16px;/*22*/ padding:2px 0; border:1px solid #dbe0e6; border-top:1px solid #acadb2; margin-bottom:8px; font-size:12px; font-family:Tahoma, Arial}
.contact_rgt p{width:100%; overflow:hidden; padding-bottom:15px}
.contact_rgt p input{width:13px; height:12px; float:left; margin:1px 6px 0 0; padding:0; border:0}
.contact_rgt p label{float:left; padding:0 47px 0 0}
.contact_rgt b{color:#ffb12b; font-weight:normal}
.contact_rgt textarea{width:449px;/*451*/ height:109px;/*115*/ padding:2px 0; border:1px solid #dbe0e6; border-top:1px solid #acadb2; margin-bottom:8px; font-size:12px; font-family:Tahoma, Arial}
.contact_rgt a{color:#ffb12b; text-decoration:underline; padding-left:22px; background:url(../images/arrow_2.png) no-repeat left 2px}
input.contactSbmt { background:url(../images/arrow_2.png) no-repeat left 5px; width:auto !important;border:0;padding:2px 0 2px 18px; color:#ffb12b;height:auto;cursor:pointer;}
input.contactSbmt:hover { color:#fff; }
.contact_rgt a:hover{text-decoration:none; }
.alignImg { margin-top:8px;margin-bottom:3px;font-weight:bold; }

/*=======dipu-2010-07-15===========*/
.button_y{width:100%;overflow:hidden;padding-top:12px;}
.button_y a{float:left;height:33px;padding-left:28px;background:url(../images/butn_bg.gif) no-repeat;text-decoration:none;}
.button_y a span{float:left;height:33px;padding-right:15px;background:url(../images/butn_bg.gif) no-repeat right top;font-size:14px;line-height:31px;color:#001730;font-weight:bold;cursor:pointer;}
.button_y a:hover{text-decoration:none;background-position:left bottom}
.button_y a:hover span{background-position:right bottom}
/*---popup-----*/
/*#popup_wrap{display:none}
*/
#popup_top{width:512px;background:url(../images/popup_bg.gif) no-repeat;}
#popup_btm{width:512px;padding:11px 0;background:url(../images/popup_bg.gif) no-repeat right bottom;}
#popup{width:482px;/*512*/
padding:11px 5px 0 25px;background:url(../images/popup_bg.gif) repeat-y center top;text-align:left;position:relative;}
a.butn_close{width:21px;height:21px;display:block;text-indent:-1000px;overflow:hidden;background:url(../images/butn_close.gif) no-repeat;position:absolute;right:11px;top:0;}
#popup h2{width:100%;height:27px;text-indent:-1000px;overflow:hidden;background:url(../images/talk-to-us.gif) no-repeat;}
form.talk_form{width:482px;overflow:hidden;}
form.talk_form span{width:220px;float:left;padding-right:20px;}
form.talk_form span.big{width:460px;padding:0 0 15px}
form.talk_form span label{display:block;font-size:13px;line-height:28px;color:#3b2313;font-style:italic;}
form.talk_form span label b{color:#0a64af}
input.inp_txt1,.txtarea_1{width:214px;/*220*/
height:16px;/*22*/
padding:2px;border:1px solid #e3e4e9;border-top:1px solid #acadb2;font-size:14px;line-height:16px;display:block;}
.txtarea_1{width:454px;/*460*/
height:132px;/*138*/}
input.submit_1{float:right}
.hybrid{cursor:default !important;}
/*========================================*/
@media screen and (-webkit-min-device-pixel-ratio:0){/*only for safari hack*/
.lft_nav li h4 strong,.lft_box_tp h4,.js_gallery dd p a{font-weight:normal}
.js_gallery dd p a{font-size:1.25em}
}
.content_lft table{border: 1px solid #4d749e;border-collapse: collapse; border-spacing: 0;margin:20px 0 10px; width:100%;}
.content_lft table td{padding:5px; width:auto;border: 1px solid #4d749e;}
.content_lft table th{padding:5px; width:auto;border: none;font-size:1.2em; text-align:left;}



/* ========== Extec Integration =========*/
#home-promos{background:url(../images/home-promos-border.gif) no-repeat left bottom; overflow:hidden; padding-bottom:10px;margin-bottom:15px;}
/*---------Main Promo blocks------------*/
.main-promo{width:340px;height:152px;float:left; padding:10px 20px 5px 10px; position:relative;}
.main-promo.microelectronics-manufacture{background:url(../images/main-promo-microelectronics-manufacture.png) no-repeat left top; }
.main-promo.pcb-assembly{background:url(../images/main-promo-pcb-assembly.png) no-repeat left top; }
.main-promo.box-build-assembly{background:url(../images/main-promo-box-build-assembly.png) no-repeat left top; }
.main-promo.microelectronics-design{background:url(../images/main-promo-microelectronics-design.png) no-repeat left top; }
/*---------Main Promo texts------------*/
.main-promo h2{font-size:22px; line-height:30px; font-weight:normal}
.main-promo p{line-height:18px; padding-right:115px}
.main-promo p.last_p{margin-bottom:0}
/*---------Main Promo buttons------------*/
.main-promo a.button {position: absolute; left:10px; bottom:21px;}
.main-promo a.button img{margin-right:8px;}
/*---------blue buttons------------*/
a.button{float:left;margin:0 10px 0 0;display:block;line-height:28px;padding:0 12px 2px;text-decoration:none;text-align:center;font-size:14px;font-weight:normal;text-transform:capitalize;box-shadow:inset 0px 0px 4px rgba(255,255,255,.7),1px 1px 3px rgba(0,0,0,.5);-moz-box-shadow:inset 0px 0px 4px rgba(255,255,255,.7),1px 1px 3px rgba(0,0,0,.5);-webkit-box-shadow:inset 0px 0px 4px rgba(255,255,255,.7),1px 1px 3px rgba(0,0,0,.5);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;color:#fff;border:1px solid #486e97;background-color:#458ddd;background-image:-webkit-gradient(linear,left top,left bottom,from(#458ddd),to(#074380));background-image:-webkit-linear-gradient(top,#458ddd,#074380);background-image:-moz-linear-gradient(top,#458ddd,#074380);background-image:-ms-linear-gradient(top,#458ddd,#074380);background-image:-o-linear-gradient(top,#458ddd,#074380);background-image:linear-gradient(top,#458ddd,#074380);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#458ddd',EndColorStr='#074380');}
a.button:hover{background-color:#2e81d9;background-image:-webkit-gradient(linear,left top,left bottom,from(#2e81d9),to(#438cdb));background-image:-webkit-linear-gradient(top,#2e81d9,#438cdb);background-image:-moz-linear-gradient(top,#2e81d9,#438cdb);background-image:-ms-linear-gradient(top,#2e81d9,#438cdb);background-image:-o-linear-gradient(top,#2e81d9,#438cdb);background-image:linear-gradient(top,#2e81d9,#438cdb);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#2e81d9',EndColorStr='#438cdb');}
a.button img{border:none !important;box-shadow:none!important;-moz-box-shadow:none!important;-webkit-box-shadow:none!important;margin:0 5px 0 0 !important;}

/*--------- Case studies------------*/
.case-studies{padding: 0 5px 0 21px;}
/*blocks*/
.section{position:relative;box-shadow:1px 1px 3px rgba(0,0,0,.5);-moz-box-shadow:1px 1px 3px rgba(0,0,0,.5);-webkit-box-shadow:1px 1px 3px rgba(0,0,0,.5);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;color:#fff;border:1px solid #486e97;background:rgba(3,49,99,.5);padding:8px;}
#areas-of-expertise-legend {clear:left;overflow:hidden;}
#areas-of-expertise-legend li{background:url(../images/case-studies-icon-legend-sprite.png) no-repeat top right;line-height:27px;height:25px;float:left;padding-right:40px;margin-left:32px}
#areas-of-expertise-legend li#miniturization {margin-left:0}
#areas-of-expertise-legend li#full-design-build {background-position: right -165px;}
#areas-of-expertise-legend li#microelectronics-design-build {background-position:right -396px;}
#areas-of-expertise-legend li#pcb-assembly-expertise {background-position:right -544px; }
#areas-of-expertise-legend ul{margin-top:8px;}
.section h3{font-weight:normal;font-size:18px;line-height:1.3;}
.case-studies .section{margin:20px 25px 0 0;}
.case-studies .intro_lft{padding:0 25px 0 0;width:98%}
.case-study-excerpt.section{ width:315px;height:372px; float:left;}
.case-study-excerpt.section img{display:inline-block;border:1px solid #486e97;}
.case-study-excerpt.section .button {position:absolute;left:8px; bottom:8px;}
.case-study-excerpt.section .expertise-icons {position:absolute;right:8px; bottom:4px;}
.case-study-excerpt.section .expertise-icons img{border:none;}
/*Full case study*/
.content.case-study .content_lft img{display:inline-block;margin-top:15px;border:1px solid #486e97;box-shadow:1px 1px 3px rgba(0,0,0,.5);-moz-box-shadow:1px 1px 3px rgba(0,0,0,.5);-webkit-box-shadow:1px 1px 3px rgba(0,0,0,.5);}
.content_rgt #areas-of-expertise-legend{clear:none; overflow:hidden;margin-left:15px}
.content_rgt #areas-of-expertise-legend h3{font-size:18px;line-height:18px;}
.content_rgt #areas-of-expertise-legend li{background:url(../images/case-studies-icon-legend-sprite.png) no-repeat top right;line-height:46px;height:46px;float:left;padding-right:74px;margin-left:0; border-bottom:1px dotted #fff;width:120px;}
.content_rgt #areas-of-expertise-legend li#miniturization {margin-left:0; background-position:right 8px;}
.content_rgt #areas-of-expertise-legend li:last-child {border-bottom:none}
.content_rgt #areas-of-expertise-legend li#full-design-build {background-position: right -154px;}
.content_rgt #areas-of-expertise-legend li#microelectronics-design-build{background-position:right -385px;height:36px;line-height:13px;padding-top:9px;}
.content_rgt #areas-of-expertise-legend li#pcb-assembly-expertise {background-position:right -533px;}
.case-study a.button, #feedback-form form input.button, .thanks-message a.button{float:left;margin:15px 10px 0 0;display:block;line-height:25px;padding:0 12px;text-decoration:none;text-align:center;font-weight:bold;font-size:13px;box-shadow:inset 0px 0px 3px #f6eb52,1px 1px 3px rgba(0,0,0,.5);-moz-box-shadow:inset 0px 0px 3px #f6eb52,1px 1px 3px rgba(0,0,0,.5);-webkit-box-shadow:inset 0px 0px 3px #f6eb52,1px 1px 3px rgba(0,0,0,.5);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;color:#001730;border:1px solid #ecc800;background-color:#ffe921;background-image:-moz-linear-gradient(top,#ffe70b,#ff8f0b);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffe70b),color-stop(1,#ff8f0b));background-image:linear-gradient(top,#ffe70b,#ff8f0b);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffe70b',EndColorStr='#ff8f0b');}
.case-study a.button:hover, #feedback-form form input.button:hover,.thanks-message a.button:hover {background-color:#feee4f;background-image:-moz-linear-gradient(top,#feee4f,#fd9d02);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#feee4f),color-stop(1,#fd9d02));background-image:linear-gradient(top,#feee4f,#fd9d02);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#feee4f',EndColorStr='#fd9d02');}

/*Capabiities slideshow*/
.content.capabilities p {padding-right:15px;}
/* Most common stuff you'll need to change */
.coda-slider-wrapper{margin-top:25px;padding:0;width:695px;position:relative;box-shadow:1px 1px 3px rgba(0,0,0,.5);-moz-box-shadow:1px 1px 3px rgba(0,0,0,.5);-webkit-box-shadow:1px 1px 3px rgba(0,0,0,.5);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;color:#fff;border:1px solid #486e97;background:rgba(3,49,99,.5);}
.coda-slider{}
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider{height:200px;overflow:auto !important;padding-right:20px}
/* Change the width of the entire slider (without dynamic arrows) s*/
.coda-slider,.coda-slider .panel{width:582px; float:left;}
/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider,.coda-slider-wrapper.arrows .coda-slider .panel{width:600px}
.coda-slider-wrapper.arrows .coda-slider{padding:0 15px}
/* Arrow styling */
.coda-nav-left ,.coda-nav-right {background:#001730;position:relative}
.coda-nav-left  {border-right:1px solid #486e97;}
.coda-nav-right  {border-left:1px solid #486e97;}
.coda-nav-left a,.coda-nav-right a{position:relative;background:#001730;padding:0;width:31px; display:block!important; }
.coda-nav-left a img,.coda-nav-right a img{position:absolute;left:0;}
/* Tab nav */
.coda-nav ul li a.current,.coda-nav ul li a:hover{background:#001730}
/* Panel padding */
.coda-slider .panel-wrapper{padding:20px;}
/* Preloader */
.coda-slider p.loading{padding:20px;text-align:center}
/* Don't change anything below here unless you know what you're doing */
/* Tabbed nav */
.coda-nav {}
.coda-nav ul{clear:both;display:block;margin:auto;overflow:hidden;border-top:1px solid #486e97;}
.coda-nav ul li{display:inline;}
.coda-nav ul li:first-child a{border-left:none;}
.coda-nav ul li a{background:transparent;border-left:1px solid #486e97;color:#fff;display:block;float:left;margin-right:1px;padding:0 24px;text-decoration:none;line-height:70px;width:48px;text-align:center;}
.coda-nav ul li.tab4 a,.coda-nav ul li.tab6 a, .coda-nav ul li.tab7 a{line-height:15px;padding:20px 23px;}
.coda-nav ul li.tab7 a{padding:20px 26px 20px 20px; width:65px;margin:0;}
/* Miscellaneous */
.coda-slider-wrapper{clear:both;overflow:auto}
.coda-slider{float:left;overflow:hidden;position:relative}
.coda-slider .panel{display:block;float:left}
.coda-slider .panel-container{position:relative}
.coda-nav-left,.coda-nav-right{float:left}
.coda-nav-left a,.coda-nav-right a{display:block;text-align:center;text-decoration:none}

/*------*/
.content .panel-wrapper h2 {margin:0;font-size:24px;padding:0 18px; }
.content .panel-wrapper p {padding:0 18px; }
.panel-wrapper table{ font-weight:bold;margin-top:25px;background:transparent;padding:3px;border:1px solid #486e97;border-spacing:0;}
.panel-wrapper table caption{ font-weight:normal;font-size:20px; text-align:left; text-indent:17px;text-transform:capitalize;}
.panel-wrapper table tr{ background:#033163;}
.panel-wrapper table tr:nth-child(odd){ background:#001730;}
.panel-wrapper table td{padding:3px 15px;border-collapse:collapse;border-right: 1px solid #1b2632 }
.panel-wrapper table td:last-child{border-right: none }

/*---- Feedback Form ----*/
/* Wrapper */
#form-wrapper{width:734px;margin-bottom:7px;overflow:hidden;background:rgba(0,23,48,.4);border:1px solid #ffbd23;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;}
#feedback-form{display:none;overflow: hidden;}
/* Expandable tab */
h2.toggle-tab{line-height:39px;background:#ffbd23;height:39px;font-size:18px;color:#333;font-weight:normal;position:relative;padding-left:23px;cursor:pointer;}
h2.toggle-tab .collapse-toggle{position:absolute;right:16px;top:7px;line-height:24px;font-size:12px;text-decoration:underline;cursor:pointer;color:#333;background:url(../images/plus-minus-sprt.png) no-repeat top right;padding-right:25px;}
h2.toggle-tab.open .collapse-toggle{background:url(../images/plus-minus-sprt.png) no-repeat bottom right;}
/* Feedback Form */
#feedback-form{width:694px;margin:20px auto ;}
.user-details div{float:left;margin:28px 15px 0 0;padding:2px;overflow:hidden;border:1px solid transparent;position:relative;}
.required-field{background:#a90000!important;color:#fff;border:1px solid #f00;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#required-message{width:653px;background:#a90000!important;color:#fff;border:1px solid #f00;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;font-size:12px;}
#required-message p{padding:10px !important;}
.user-details div input{display:block;border:1px solid #ffbd23;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;width:197px;height:32px;padding-left:5px	}
.user-details div label{font-size:14px;margin-left:8px; font-weight:normal;line-height:25px;}
.feedback-area.user-details h3 {font-size:18px;font-weight:normal;color:#fff;}
.user-details h3 .required{font-size:11px;color:#ffbd23;}
.user-details div .required{font-size:14px;color:#ffbd23;}
.user-details p{clear:left;font-size:14px;line-height:20px;padding-top:20px;}
.user-details p.scale-description{font-size:18px;padding-top:20px;}
.feedback-area {margin:26px 0;overflow:hidden;}
.feedback-area h3,.feedback-area legend{color:#ffbd23;}
.feedback-area h3 {font-size:18px;font-weight:normal;margin-bottom:-17px; padding-left:10px;}
.feedback-area legend{float:right;padding-right:20px}
.feedback-area .rate {width:445px;border-right:1px solid #ffbd23;padding-right:8px;float:left;margin-right:8px;}
.feedback-area .rate label{font-size:14px;font-weight:normal;width:140px;line-height:20px;display:block;float:left;padding:5px 20px 5px 0;}
.feedback-area .rate span{display:inline-block;text-align:right;width:40px; white-space:nowrap;}
.feedback-area  ul {clear:right;padding-top:16px;}
.feedback-area li {/*height:30px;*/background:#184372;margin-bottom:5px;line-height:30px;padding:0 10px;overflow:hidden;}
.feedback-area li.double-line {height:50px;}
.feedback-area li:nth-child(even) {background:#133150;}
.feedback-area .importance select{width:202px;}
.feedback-area .importance label {position: absolute !important; clip: rect(1px 1px 1px 1px);  clip: rect(1px, 1px, 1px, 1px);}
.feedback-area.additional-comments label{color:#ffbd23;font-size:18px;font-weight:normal;}
.feedback-area.additional-comments textarea{margin-top:15px;display:block;border:1px solid #ffbd23;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
#feedback-form form input.button{height:30px;padding:0 10px;}
.modal-bg{position:absolute;z-index:10000;height:100%;width:100%;background:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);zoom:1;}
.modal{width:514px;height:217px;position:fixed;background:#fff;margin:0 auto;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:6px;}
.thanks-message{position:relative; color:#333; text-align:left;font-size:14px;border:1px solid #ffbd23;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;height:173px;padding:21px 11px;}
.thanks-message p{width:85%;line-height:20px;margin-bottom:15px;}
.thanks-message h3{color:#ffbd23; text-align:left;font-size:25px;font-weight:normal;margin-bottom:16px;}
.thanks-message h3 span{color:#0a64af; font-weight:bold;}
.close-modal{color:#333; text-align:right;position:absolute;right:4px;top:1px;}