@charset "utf-8";

* {
		margin:0;
		padding:0
	}

body {
		margin:0 0 15px 0;
		padding:0;
		background:#cdcdcd url(../images/bg.png) repeat-x;
		font:62.5%/1.5 Arial, Helvetica, sans-serif;
		color:#434343;
		text-align: center;
	}

a img {border:none;}
a {color:#2867AC;}
a:hover {color:#1a1e20;}

#bodyWrapper {
		width:750px;
		margin: 0 auto 0 auto;
		background:#fff;
		text-align: left;
	}

#header {
		background:url(../images/bgHeader.jpg) no-repeat;
		height:112px;
	}

#content {
		background:#fff;
		padding:10px 20px;
		font-size: 1.1em;
	}

#footer {
		height:100px;
		clear:both;
		background:#fff;
		padding-top:10px;
		he\ight: 90px;
	}

/* [+] HEADER----------------------- */

#srchPnl {
		float:right;
		padding:3px 15px 0 0;
		color:#fff;
	}
#srchPnl label input {
		font-size:98%;
		height:14px;
	}
#srchPnl input {
		vertical-align:middle;
	}

#menu {
		background:url(../images/bgMenu.gif) repeat-x;
		height:47px;
		padding-right:20px;
	}
#menu ul {
		margin:0;
		padding:0;
		list-style:none;
	}
#menu li {
		float:right;
	}
#menu li a {
		display:block;
		height:23px;
	}
#menu li a span {
		margin-left:-9999px;
	}
#menu li a.botHome {
		background:url(../images/botHome.gif) no-repeat top left;
		width:59px;
	}
#menu li a.botHome:hover {
		background:url(../images/botHome.gif) no-repeat bottom left;
	}

#menu li a.botProducts {
		background:url(../images/botProducts.gif) no-repeat top left;
		width:75px;
	}
#menu li a.botProducts:hover {
		background:url(../images/botProducts.gif) no-repeat bottom left;
	}

#menu li a.botFaq {
		background:url(../images/botFaq.gif) no-repeat top left;
		width:57px;
	}
#menu li a.botFaq:hover {
		background:url(../images/botFaq.gif) no-repeat bottom left;
	}

#menu li a.botWhatsNew {
		background:url(../images/botWhatsNew.gif) no-repeat top left;
		width:94px;
	}
#menu li a.botWhatsNew:hover {
		background:url(../images/botWhatsNew.gif) no-repeat bottom left;
	}

#menu li a.botAbout {
		background:url(../images/botAbout.gif) no-repeat top left;
		width:79px;
	}
#menu li a.botAbout:hover {
		background:url(../images/botAbout.gif) no-repeat bottom left;
	}

#menu li a.botContact {
		background:url(../images/botContact.gif) no-repeat top left;
		width:91px;
	}
#menu li a.botContact:hover {
		background:url(../images/botContact.gif) no-repeat bottom left;
	}
#menu li a.selected, .china #menu li a.selected {
		background-position:bottom;
	}
	
/* CHINESE VERSION */

.china #menu li a.botHome {
		background:url(../images/botHome-cn.gif) no-repeat top left;
		width:59px;
	}
.china #menu li a.botHome:hover {
		background:url(../images/botHome-cn.gif) no-repeat bottom left;
	}

.china #menu li a.botProducts {
		background:url(../images/botProducts-cn.gif) no-repeat top left;
		width:75px;
	}
.china #menu li a.botProducts:hover {
		background:url(../images/botProducts-cn.gif) no-repeat bottom left;
	}

.china #menu li a.botFaq {
		background:url(../images/botFaq-cn.gif) no-repeat top left;
		width:57px;
	}
.china #menu li a.botFaq:hover {
		background:url(../images/botFaq-cn.gif) no-repeat bottom left;
	}

.china #menu li a.botWhatsNew {
		background:url(../images/botWhatsNew-cn.gif) no-repeat top left;
		width:94px;
	}
.china #menu li a.botWhatsNew:hover {
		background:url(../images/botWhatsNew-cn.gif) no-repeat bottom left;
	}

.china #menu li a.botAbout {
		background:url(../images/botAbout-cn.gif) no-repeat top left;
		width:79px;
	}
.china #menu li a.botAbout:hover {
		background:url(../images/botAbout-cn.gif) no-repeat bottom left;
	}

.china #menu li a.botContact {
		background:url(../images/botContact-cn.gif) no-repeat top left;
		width:91px;
	}
.china #menu li a.botContact:hover {
		background:url(../images/botContact-cn.gif) no-repeat bottom left;
	}



/* [+] CONTENT ----------------------- */


.xtop, .xbottom {display:block; background:transparent; font-size:1px}
.xbottom {margin-bottom: 10px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#EEEDEA; border-left:1px solid #E1DEDA; border-right:1px solid #E1DEDA;}
.xb1 {margin:0 5px; background:#E1DEDA;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {display:block; background:#EEEDEA; border:0 solid #E1DEDA; border-width:0 1px;}
.boxInner {padding: 10px 5px;}
#core .boxInner {padding: 10px 15px;}

#leftCol .xtop {
	margin-top: 10px;
	}


#rowHome3 h2, div.tab a, #subNav li a {
		background:#0a50a1 url(../images/bgTitle1.gif) no-repeat top left;
		width:219px;
		color:#fff;
		margin:0 0 8px 0;
		padding:0;
		display:block;
		font-size:100%;
		text-decoration: none;
		font-weight:bold;
	}
#rowHome3 h2 span, div.tab a span, #subNav li a span {
		background:url(../images/bgTitle2.gif) no-repeat bottom left;
		width:219px;
		padding:2px 5px;
		w\idth: 209px;
		display:block;
	}
div.tab a, #subNav li a {
		margin:0 0 3px 0;
	}
div.tab a:hover, #subNav li a:hover, #subNav li.active a {
		color:#00FFFF;
	}
.stretcher ul a {
		text-decoration: none;
		padding-left:14px;
		background: transparent url(../images/bulletBlue.gif) no-repeat;
	}
.stretcher ul {
		padding-bottom: 5px;
	}
#subNav {	
		list-style: none;
		margin: 0 0 5px 3px;
	}	

/*
input#ajaxSearch_input {
		font-size:1em;
		height:14px;
		width:178px;
	}*/

#mainCol ul, #mainCol ol, #wideCol ul, #wideCol ol {
		padding: 15px 0;
		list-style: none;
	}
#mainCol .xboxcontent dl dt {
		font-weight: bold;
	}
	
#productsIndex dd {
		margin: 0 0 16px 5px;
	}
	
	
.row {
		clear: right;
		width: 99%;
		margin-bottom: 15px;
	}
.rowImg {
		float: left;
		margin: 0 10px 3px 0;
	}
.rowImg img {
		padding: 1px;
		border: 1px solid #ccc;
	}
.rowInfo {

	}
	
/* [+] LEFT COLUMN ----------------------- */	
	
#leftCol {
		float:left;
		width:226px;
	}
#leftCol div.bgLCT {
		background:url(../images/bgLeftColBottom.png) no-repeat bottom;
	}
#leftCol div.bgLC {
		background:url(../images/bgLeftColTop.png) no-repeat top;
		padding:8px 10px 10px 10px;
		color:#fff;
		line-height:1.2em;
	}
#leftCol div.bgLC p {
		margin:0;
		padding:0 5px 5px 5px;
		font-size:95%;
	}
#leftCol div.bgLC p a {color:#fff;}
#leftCol div.bgLC p a:hover {color:#acdfec;}

#leftCol div.bgLC h2.secTitle {
		background:#acdfec url(../images/bgTitle_lc1t.png) no-repeat top left;
		width:207px;
		color:#000;
		margin:2px 0 8px 0;
		padding:0;
		display:block;
		font-size:100%;
	}
#leftCol div.bgLC h2.secTitle span {
		background:url(../images/bgTitle_lc1b.png) no-repeat bottom left;
		padding:2px 5px;
		width:197px;
		display:block;
	}
#productsMenuPI {
		margin-left:5px;
	}
.right {float:right;}

#productsMenuPI img {
		float:right;
		margin-right:10px;
	}
#leftCol #productsMenuPI h2 {
		background:#eaeaea url(../images/bgTitleMetal1.gif) no-repeat;
		width:221px;
		color:#fff;
		margin:0 0 4px 0;
		padding:0;
		font-size:100%;
	}
#leftCol #productsMenuPI h2 span {
		background:url(../images/bgTitleMetal2.gif) no-repeat bottom left;
		padding-left:5px;
		width:221px;
		display:block;
	}
	
	

/* [+] FORMS ----------------------- */

form fieldset {
		border: 1px solid #E1DEDA;
		padding: 5px;
		margin-bottom: 5px;
	}
form legend {
		border: 1px solid #E1DEDA;
		padding: 0 10px;
	}
.ajaxSearch_pagination {
		margin: 15px 0;
		background: #E1DEDA;
	}
#content form {
		padding: 20px 0;
	}
#content #secColumn form {
		margin: 0;
	}
#mainCol form p {
		margin: 6px 0;
		padding: 0;
	}
#content form .Fieldtext label {
		width: 15em;
		float: left;
		text-align: left;
		margin-right: 0.5em;
		display: block
	}
#content form #Fieldattach label {
		width: 14em;
		float: left;
		text-align: left;
		margin-right: 0.5em;
		display: block
	}
form fieldset {
		border: none;
	}
form .ftext {
		width: 15em;
	}
#content form .Fbutton {
		width: 8em;
		margin-left: 13em;
	}
#content form .Fieldselect label {
		width: 15em;
		float: left;
		text-align: left;
		margin-right: 0.5em;
		display: block
	}
#content form .Fieldselect select {
		width: 15em;
	}
#content form textarea {
		width: 15em;
		height: 5em;
	}	
form textarea {
		width: 11.8em;
	}



/* [+] PI ----------------------- */
#content h1 {
		background:#eaeaea url(../images/bgTitleMetal_top1.gif) no-repeat top left;
		width:711px;
		color:#fff;
		margin:2px 0 8px 0;
		padding:0;
		display:block;
		font-size:140%;
	}
#content h1 span {
		background:url(../images/bgTitleMetal_top2.png) no-repeat bottom left;
		padding:2px 10px;
		width:711px;
		w\idth: 691px;
		display:block;
	}



#mainCol {
		margin-left:240px;
	}
#content table {
		width:98%;
		margin:0 3px;
		font-size:95%;
		padding-bottom: 15px;
	}
#content th, #content table td strong {
		color:#2967ad;
		font-size:115%;
		text-align:left;
		margin:0;
		padding:4px 0 0 4px;
		font-weight: bold;
	}
#content caption {
		font-size:120%;
		text-align:left;
		margin:0;
		padding:4px 0 0 4px;
		font-weight: bold;
	}
#content td {
		padding:0 0 0 4px;
		text-align: top;
	}
table .tableline td {background:#d1ceca;}

#content td div, #content .tdimgCtr {
		text-align: center;
	}

#content td div img, #content .tdimgCtr img {
		padding: 1px;
		border: 1px solid #ccc;
		margin: 15px 0 4px 0;
	}

#specs {
		width:231px;
		margin-bottom:10px;
	}
#mainCol #specs h2.secTitle, #wideCol #specs h2.secTitle {
		background:#eaeaea url(../images/bgTitleMetal1.gif) no-repeat;
		width:221px;
		color:#fff;
		margin:0 0 4px 4px;
		padding:0;
		font-size:110%;
	}
#mainCol #specs h2.secTitle span, #wideCol #specs h2.secTitle span {
		background:url(../images/bgTitleMetal2.gif) no-repeat bottom left;
		padding-left:5px;
		width:221px;
		display:block;
	}
#content #specs h3, #content #specs p, #content #specs ul {
		margin: 0;
		padding: 0;
	}
#performance, #howTo, #imagery, #examplesNotes, #tolerances, #misc {
		margin-bottom:10px;
		clear: right;
	}
th, #content table, caption {
		
		padding:4px 0;
	}
#imagery .thumbscontainer {
		width: 99%;
		overflow: auto;
		height: 160px;
		margin: 10px 0 0 0;
		float: none;
	}
#mainCol #imagery li {
		background: none;
		padding-left: 0;
		margin-left: 0;
	}
#examplesNotes dt {
		margin-top: 5px;
	}
#examplesNotes dl dd, #mainCol .xboxcontent li {
		margin-left: 15px;
		background: transparent url(../images/bulletBlue.gif) no-repeat 0 3px;
		padding:0 14px;
	}
#mainCol h2, #mainCol h3, #wideCol h2, #wideCol h3 {
		padding-top: 10px;
		font-size: 110%;
	}
#mainCol .rowInfo h3 {
		padding-top: 0;
	}
#mainCol p {
		padding-bottom: 15px;
	}
#mainCol h2.secTitle, #wideCol h2.secTitle {
		background:#eaeaea url(../images/bgTitleMetal_table1.gif) no-repeat;
		width:453px;
		color:#fff;
		margin:0 0 4px 4px;
		padding:0;
	}
#mainCol h2.secTitle span, #wideCol h2.secTitle span {
		background:url(../images/bgTitleMetal_table2.gif) no-repeat bottom left;
		width:453px;
		padding-left:5px;
		w\idth: 448px;
		display:block;
	}
	
#mainCol #misc h2.secTitle, #wideCol #misc h2.secTitle {
		margin:0 0 4px 0;
	}



/* [+] ----------------------- FOOT */

#menuFooter {
		padding:4px 0 7px 10px;
	}
#menuFooter ul {
		margin:0;
		padding:0;
		list-style:none;
	}
#menuFooter li {
		display:inline;
	}
#menuFooter li a {
		padding:0 4px 0 6px;
		color:#000;
		text-decoration:none;
	}
#menuFooter li a:hover {
		color:#0956a4;
		text-decoration:underline;
	}

#copyright {
		width:100%;
	}
	
/* N E W S  L I S T I N G ------------------------*/

#nl_pages {margin-top: 10px;}
#nl_pages #nl_currentpage {border: 1px solid blue;padding: 2px; margin: 2px; background-color: rgb(90, 132, 158); color: white;}
#nl_pages .nl_off {border: 1px solid #CCCCCC; padding: 2px; margin: 2px}
#nl_pages a {border: 1px solid rgb(203, 227, 241);; padding: 2px; margin: 2px; text-decoration: none; color: black;}
#nl_pages a:hover {border: 1px solid #000066; background-color: white; }
#nl_archivelist ul{list-style-type: none; margin-left: 15px; padding-left: 0px;}
#nl_archivelist ul ul{list-style-type: square;margin-left: 	35px;}
.nl_month {font-weight: bold;}
.nl_summaryPost {
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px dotted #ccc;
	}
#content .nl_summaryPost h3 {
		font-size: 95%;
		font-weight: bold;
		margin-bottom: 0;
	}

/* [+] ----------------------- UTILITY */


	
.clearFix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
.clearFix {display: inline-block;}

#content .xboxcontent .noBullets li, #leftCol .xboxcontent ul.noBullets {
		background: none;
		list-style: none;
	}

.floatLeft {
		float: left;
		width: 47%;
		margin-right: 1%;
	}
	
.floatImgRight {
		float: right;
		border: 1px solid #ccc;
		padding: 1px;
		margin: 0 0 10px 10px;
	}