@charset "utf-8";
/* ----------------------   Site Wide Style --------------------------- */
body {
	margin-top:0;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background-color: #F2F2F2;
	font-size:12px;
}
a {
	text-decoration:none;
}
#logo {
	float: left;
	height: 65px;
	width: 150px;
}
.topstrip {
	background-image: url(../images/nav-topstrip.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#topnavstrip {
	float: left;
	height: 9px;
	width: 770px;
}
#header {
	height: 290px;
	background: url(../images/printed-circuit-boards.jpg) no-repeat left bottom;
	width: 960px;
}
#sitesearch {
	float: left;
	width: 260px;
	background: url(../images/search-bg.jpg);
	height: 60px;
}
#eportal {
	float: left;
	width: 685px;
	background: url(../images/index_21.gif) repeat-x;
}
#leftcolumn {
	float: left;
	width: 684px;
	border-right: 1px dashed #CCCCCC;
}
#rightcolumn {
	float: left;
	width: 275px;
	background: url(../images/bj_26.gif) repeat-x top;
	clear: right;
	text-align: left;
}
#lowernav {
	clear: both;
	margin-top: 5px;
	margin-bottom: 5px;
}
#footer {
	background: url(../images/index_55.gif) repeat-x;
	height: 65px;
	width: 100%;
	clear: both;
}
#footernav {
	width: 750px;
	float: left;
	text-align: left;
}
#footernav li {
	display: inline;
	margin-right: 5px;
	margin-left: 5px;
	color: #ffffff;
	font-size:11px;
	padding: 0;
}
#footernav ul {
	padding: 0px;
	margin: 25px 0px 0px;
}
#footernav a, #email a {
	color: #ffffff;
	font-size:11px;
}
.floatleftpic {
	float: left;
	margin-right: 6px;
	margin-bottom: 6px;
}
.readmoreright a {
	color: #FF0000;
}
.readmoreright {
	float: right;
	width: 150px;
}
#leftcolumn p {
	text-align: left;
	margin-right: 5px;
	font: 11px;
}
#productnav li {
	list-style: url(../images/index_39.gif);
	text-align: left;
	font-weight: bold;
	font-size:14px;
	margin-top: 4px;
	padding-left: 4px;
}
#underheader {
	margin-top: 5px;
}
#container {
	width: 960px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
}
#email {
	float: right;
	width: 200px;
	padding-top: 20px;
}
#sitesearchform {
	margin-top: 20px;
	width: 240px;
}
.clear {
	clear:both;
}
/* ----------------------   Custom Flags  --------------------------- */
#selectorholder {width:150px;float:left;height: 25px;position:relative;}
#iconselect {background: url(../images/customselector.gif) no-repeat;height: 25px;width:150px;font-family: Arial, Helvetica, sans-serif;color: #FFFFFF;text-align:left;}
#iconselect img {margin-left:8px;}
#iconselect p {text-align:left;padding-left:8px;font-size: 14px;padding-top:4px;margin:0;}
.selectitems {width:120px;height:25px;border-bottom: dashed 1px #ddd;margin-top:5px;position:relative;}
.selectitems span {margin-left: 5px;}
#selectoptions img {margin-left:3px;}
#iconselectholder {text-align:left;width: 150px;overflow: auto;display:none;position:absolute;background-color:#FFF5EC;}
.hoverclass {background-color:#FFFFFF;cursor:hand;}
.selectedclass {background-color:#FFFF99;}
/* ----------------------   Main Page Style --------------------------- */

.maincontentsection {
	border-top: 1px dotted #CCCCCC;
	padding-top: 8px;
	margin-top: 4px;
	text-align: left;
	color: #999999;
}
.maincontentsection h2 {
	color: #4987C1;
	font: 20px Arial, Helvetica, sans-serif;
}
.maincontentsection p {
	font-size: 20px;
}
#container #contentarea #leftcolumn .maincontentsection p {
	font-size: 12px;
	color: #333333;
}
/* ----------------------   Sub Page Style --------------------------- */
#subpageheader #logo {
	width: 130px;
}

#container #subpageheader {
	width: 960px;
}
#spunderheader img {
	margin-right: 6px;
	margin-left: 3px;
}
#spleftcolumn {
	float: left;
	width: 250px;
}
#sprightcolumn {
	float: right;
	width: 700px;
	font-size: 14px;
	text-align: left;
}
#sprightcolumn .productcatcontainer {
	float: left;
	width: 340px;
}
.prodcat {
	margin-bottom: 8px;
	margin-right: 3px;
	margin-top: 10px;
}
.prodcatimage {
	float: left;
	width: 155px;
}
.prodcatdesc {
	float: left;
	width: 165px;
}
.prodcatdesc h2 {
	font-size: 14px;
	margin: 0px;
}
.prodcatdesc a {
	color: #FF0000;
	text-decoration: none;
	font-size: 12px;
}
.prodcatimage img {
	border: 1px solid #999999;
	margin-left: 5px;
}
.menu {
	color: #4c4c4c;
	font-size:12px;
	padding-left:25px;
	line-height:25px;
	background-color: #f2f2f2;
}
#productpgnav {
	margin: 0px;
	padding: 0px;
	height: 100%;
}
#productpgnav li {
	list-style: none;
	text-align: left;
	color: #000000;
}
.productsheading {
	background: url(../images/circuit-board-icon.jpg) no-repeat left center;
	list-style: none;
	vertical-align: middle;
	font: bold 22px Arial, Helvetica, sans-serif;
	color: #2E73AB;
	padding-top: 13px;
	padding-left:45px;
	height: 40px;
}
.productsheading span {
	margin-bottom: 3px;
	padding-bottom: 6px;
}
.titleslist {
	float: left;
	width: 380px;
	margin: 15px 0 10px 0;
}
.titleslistfull {
	float: left;
}
#sprightcolumn #productselect {
	float: right;
	margin-right: 5px;
	margin-top: 25px;
}
#productselect select {
	background: #DBEDF9;
	margin-top: 8px;
}
.prodcatdesc p {
	font-size: 12px;
	text-align:left;
	padding-left:8px;
}
#lowernav a {
	color: #206cb3;
	font-size:11px;
	padding-left:10px;
	padding-right:10px;
}
#lowernav a:link {
	color: #206cb3;
	text-decoration: none;
}
#lowernav a:visited {
	color: #206cb3;
	text-decoration: none;
}
#lowernav a:hover {
	color: #d30000;
	text-decoration: underline;
}
#lowernav a:active {
	color: #d30000;
	text-decoration: underline;
}
.morelink a {
	color: #FF0000;
	font-weight: bold;
	text-align: right;
	float: right;
	margin-right: 10px;
}
#productnav a {
	color: #396EA4;
	font: bold 12px;
}
#container #header #topnav select {
	padding-top: 0px;
	margin: 0;
}
.titleslist {
	padding: 0px;
}
.prodcatdesc p {
	font-size: 11px;
	color: #333333;
}
#productpgnav .menu a {
	color: #000000;
}
#rhheader {
	float: left;
	width: 830px;
}
#subpagecontent {
	background: url(../images/column-bg.jpg) no-repeat left;
	width: 960px;
}
.productpageimage {
	float: left;
	width: 240px;
}
.productpagedetail {
	float: left;
	width: 450px;
	text-align: left;
}
.newsdate {
	color: #FF0000;
	font-size: 10px;
	text-align: left;
	margin-left: 25px;
	margin-bottom: 0px;
}
.newslink {
	font-size: 14px;
	text-align: left;
	margin-top: 3px;
	margin-left: 25px;
	margin-bottom: 0px;
}
.newssummary {
	color: #999999;
	font-size: 12px;
	text-align: left;
	margin-top: 3px;
	margin-right: 25px;
	margin-left: 25px;
}
.maincat {
	background-color:#000000;
	color: #FFFFFF;
	font-weight:bold;
}
.subcat {
	background-color:#195BAD;
	color: #FFFFFF;
}
#topnav {
	float: left;
	text-align: left;
	width: 760px;
}
#productnav {
	padding: 0px;
	margin-left: 25px;
}
#productnav a:hover {
	font-weight:bold;
}
#headercontent {
	padding-top: 10px;
}
#selectholder {
	float: right;
	padding-right: 3px;
	margin-top:1px;
}
#topnav img {
	float: left;
	border:none;
	text-decoration:none;
}
.contactinfotitles {
	color: #2E73AB;
	text-align:left;
	font-size: 14px;
	margin-left: 30px;
}
#contactcircuitsdiv li {
	margin: 0px;
	padding: 0px;
	text-align: left;
	list-style-type: none;
}
.email {
	list-style-image: url(../images/email.gif);
}
.address {
	list-style-image: url(../images/building.gif);
}
.phone {
	list-style-image: url(../images/phone.gif);
}
.contactperson {
	list-style-image: url(../images/user.gif);
}
/* Contact Form */
#contactformcontainer {margin-right: 15px;margin-left: 15px;}
#contactform, #basicquoteform, #otherquoteform {background-image: url(../images/form-bg.jpg);background-repeat: no-repeat;height: 360px;width: 625px;background-color: #CDDEEE;clear: both;}
#formfieldsleft , .formfieldsleft {float: left;width: 300px;}
#formfieldsright , .formfieldsright {float: left;width: 300px;}
#contactheadings {margin-bottom: 10px;}
.titleslist li {margin-left: 15px;list-style-type: none;}
#contacttitle, #pcbquotetitle , #otherquotetitle{text-align: center;color: #FFFFFF;padding-top:15px;margin-top: 0px;}
#submitholder {clear: both;text-align: center;padding-top: 25px;}
#contactform label.error {clear: both;font-weight: bold;color: #FF0000;width:350px; !important}
#contactheadings li {display: inline;list-style-type: none;margin:0;padding:0;overflow: hidden;float: left;width:194px;}
.ui-tabs-hide { display: none; }
.ui-tabs-selected {background: url(../images/activebtn-bg.gif) top left;background-repeat:no-repeat;}
/* site map*/
#site-map .footerhead, #site-map-china .footerhead{font-weight: bold;color: #000000;}
.width220 {float: left;width: 225px;text-align: center;}
#site-map, #site-map-china {background-repeat: repeat-x;width:680px;clear:both;position: relative;}
#site-map li, #site-map-china li {text-align: left;list-style-type: none;font-size: 13px;font-family: "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;color: #333333;}
#site-map  a , #site-map-china a{color: #666666;text-decoration: none;}
#site-map  a:hover, #site-map-china  a:hover {color: #333333;text-decoration: underline;}

/* Product Sub Categories */
#spleftcolumn dl {
	width: 230px;
	text-align: center;
	padding: 0;
	clear:both;
}
#spleftcolumn h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
}
#spleftcolumn dd {
	clear: both;
	text-align: left;
	margin:0;
}
#spleftcolumn dt img {
	text-align: center;
}
#spleftcolumn dt {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
#spleftcolumn .morelink {font-size:12px;padding-bottom:5px;}
#contactformcontainer #contactform #formfieldsright #producttype {
	width: 180px;
}

#newsletter{background:url(../images/newsletter-signup-bg.gif) no-repeat left top;width:249px; height:179px; text-align:center; margin:10px;}
#newsletter form{margin:0; padding:111px 0 0; border:0px solid #000;}
#newsletter .inbox{background:none; border:none; text-align:center; color:#626262; width:170px; margin-bottom:11px}