@charset "UTF-8";
/* CSS Document */

body {
	margin: 0 0 10px 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}

h2 {
	float: left;
	margin: 10px 0;
	padding: 0;
	font-size: 22px;
	color: #446c85;
	font-weight: normal;
}	

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	margin: 10px 0 5px 0;
}

h3.subHead {
	float: left;
	clear: left;
	margin: -5px 0 0 0;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5em;
	color: #446c85;
}	

p {
	line-height: 1.5em;
	font-size: 11px;
}


#wrapper {
	width: expression((document.body.clientWidth < 1013)? "1010px" : "auto"); /* min-width for IE6 */
	min-width: 1000px;
	max-width: 98%;
	margin: 0 auto;
}

#contentMain {
	_margin: -37px 0 0 0;
}



/*
Branding --------------------------------------------------------- */

#branding {
	margin:  0 0 30px 0;
	height: 56px;
}

#brandingRight {
	float: right;
	width: 600px;
}

#branding #logo {
	float: left;
	margin: 10px 10px 10px 20px;
	display: inline;
	width: 320px;
}

#branding #signin {
	float: left;
	margin: 20px 0 0 0;
	display: inline;
}

#branding #contact {
	float: right;
	clear: right;
	margin: 25px 0 0 0;
}

#branding ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#branding ul li {
	padding: 0 0 0 10px;
	margin: 0;
	display: inline;
	clear: right;
}

#branding ul li a {
	color: #666;
}
#branding ul li a:hover {
	text-decoration: none;
}

#branding #search {
	float: right;
	background: url(../images/bg_search.jpg) no-repeat left top;
	width: 216px;
	margin: 10px 0 0 0;
	height: 44px;
}

#branding #search {
	padding: 10px 0 0 10px;
}

#branding #search .login {
	background: #FFF;
	color: #666;
	padding: 0 5px 0 5px;
	height: 18px;
}




/*
Language ----------------------------------------------------------- */

#partner {
	float: left;
}

#language {
	float: left;
	margin: 0 0 0 50px;
}

#banner #language a {
	color: #666;
}

#banner #language a.selected {
	color: #fff;
}

#langImage {
	width: 520px;
	margin: 0 auto;
	background:url(../images/img_language.jpg) no-repeat right bottom;
	height: 180px;
}

#languageWrapper {
	clear: both;
	height: 180px;
	margin: 50px 0 0 0;
	background: #f3f3f3;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

#languageWrapper .languageSelect {
	margin: 0 0 0 0;
	padding: 70px 0 0 0;
}



/*
Footer Styles --------------------------------------------------------------- */

#footer {
	margin: 8px 0 0 0;
	clear: both;
	color: #666;
	background: url(../images/bg_footer.jpg) no-repeat right top;
	width: 100%;
	font-size: 10px;
}

#footer .footerLeft {
	height: 39px;
	float: left;
	background: url(../images/bg_footer.jpg) no-repeat left top;
}

#footer .footerLeft ul {
	margin: 0 0 0 20px;
	padding: 12px 0;
	list-style: none;
}

#footer .footerLeft ul li {
	padding: 0 2px;
	margin: 0;
	display: inline;
}

#footer .footerRight {
	float: right;
	padding: 5px 20px 0 0;
	font-size: 10px;
}

#footer p {
	padding: 5px 0;
	margin: 0;
}

#footer a {
	color: #666;
	text-decoration: none;
	
}

#footer a:hover {
	text-decoration: underline;
}


/*
Columns -------------------------------------------------------------- */

#leftCol {
	float: left;
	width: 85%;
}

#rightCol {
	float: right;
	width: 14%;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	height: 538px;
	background: #FFF url(../images/bg_right_col.jpg) repeat-x left top;
	text-align: center;
	min-width: 140px;
}

.homeIco {
	margin: 0 auto;
}

#rightCol ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#rightCol ul li {
	padding: 18px 0 0 0;
	margin: 0;
}


.marketHdr {
	background: #373737 url(../images/bg_market_hdr.gif) repeat-x left top;
	padding: 10px 0 10px 10px;
	text-align: left;
}

.marketHdr h3 {
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	padding: 0;
	margin: 0;
}

.marketHdr h3 span {
	font-weight: bold;
	color: #8ab1da;
}





/*
Flash ----------------------------------------------------------------- */

#flashMain {
	clear: both;
	height: 310px;
	background: #EAEAEA url(../images/bg_alt_flash.jpg) no-repeat right top;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

#flashMain h3 {
	font-weight: bold;
	font-size: 22px;
	margin: 0 0 0 30px;
	padding: 20px 0 0 0;
}

#flashMain p {
	width: 40%;
	margin: 10px 0 0 30px;
	font-size: 12px;
	line-height: 2em;
}	

#flashMain div {
	margin: 10px 0 0 30px;	
}

#flashNextGen h3 {
	font-weight: bold;
	font-size: 22px;
	margin: 0 0 0 30px;
	padding: 20px 0 0 0;
}

#flashNextGen p {
	width: 40%;
	margin: 10px 0 0 30px;
	font-size: 12px;
	line-height: 2em;
}	

#flashNextGen {
	clear: both;
	height: 453px;
	background: #EAEAEA url(../images/bg_alt_flash_ng.jpg) no-repeat right top;
}

#flashNextGen h4 {
	font-size: 16px;
	margin: 0 0 0 30px;
	padding: 20px 0 0 0;
	color: #333;
}


#flashNextGen div {
	margin: 10px 0 0 30px;	
}

#flashCategory {
	width: 646px;
	height: 215px;
	border: 1px solid #dedede;
	clear: both;
}

#intFlash {
	float: right;
	width: 400px;
	height: 96px;
		
}




/*
Box Model -------------------------------------- */

#secondary {
	margin: 10px 0 0 0;
}

#secondaryLeft {
	float: left;
	width: 59%;
}

#secondaryRight {
	float: right;
	width: 40%;
}

.homeBox {
	background: url(../images/main_corner_left.jpg) no-repeat left top;
	height: 220px;
}

.homeBox p.hdr {
	margin: 0;
	padding: 20px 20px 0 20px;
	font-size: 29px;
}

.homeBox p.subHdr {
	margin: 0;
	padding: 10px 20px 0 20px;
	font-size: 22px;
}

.homeBox p.desc {
	padding:  0 20px;
	font-size: 11px;
	line-height: 1.8em;
}

.homeBox p.desc a {
	color: #fe1100;
}

.homeBox p.desc a:hover {
	text-decoration: none;
}


.subSecondary {
	background: url(../images/main_corner_right.jpg) no-repeat right top;
}



/*
Spotlight Products ------------------------------- */

.spotlight {
	clear: both;
	margin: 10px 15px; 
	padding: 0 0 10px 0;
}

.spotlight a {
	color: #98012e;
	text-decoration: none;
}

.spotlight a:hover {
	text-decoration: underline;
}

.spotImage {
	float: left;
	width: 110px;
	padding: 0 0 50px 0;
}

.spotDesc {
	
}

.spotDesc h5 {
	margin: 0;
	padding: 5px 0;
	font-size: 14px;
}

.spotDesc p {
	padding: 0;
	margin: 0;
}




/*
Banner ------------------------------------------- */

#banner {
	background: url(../images/bg_banner.jpg) repeat-x left top;
	height: 30px;
	margin: 0 auto 10px auto;
	width: 98%;
	min-width: 1010px;
}

#banner a {
	color: #FFF;
	text-decoration: none;
}

#banner a:hover {
	text-decoration: underline;
}

#bannerLeft {
	background: url(../images/bg_banner_left.jpg) no-repeat left top;
	float: left;
	width: 400px;
	padding: 5px 0 5px 10px;
	height: 30px;
	font-size: 11px;
}

#bannerRight {
	background: url(../images/bg_banner_right.jpg) no-repeat right top;
	float: right;
	height: 30px;
	width: 220px;
	padding: 5px;
	font-size: 11px;
}






/*
Forms -------------------------------------------- */

.login {
	border: 1px solid #CCC;
	color: #8e001c;
	background: #f2f2f2;
	height: 18px;
	padding: 0 0 0 5px;
}


.middle {
	vertical-align: middle;
}

.jumpMenu {
	border: 1px solid #CCC;
	font-size: 12px;
	margin: 15px 0 0 0;
}

.homeSelect {
	font-size: 11px;
	margin: 0 10px 0 0;
}




/*
Main Navigation ---------------------------------------------------------------------- */

#nav {
	background: url("../images/bg_nav_left.jpg") no-repeat left top;
	float: left;
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 0 2px 0;
	height: 27px;
}

#nav_main {
	width: 600px;
	float: left;
}

#nav_main, #navSecondary ul {
	padding: 0 8px 8px 0;
	margin: 0 0 0 20px;
	list-style: none;
	font-size: 12px;
}	

#nav_main li {
	margin: 0;
	padding: 0 0 0 0;
	float: left;
	background: #d9d9d9 url("../images/bg_nav_left.jpg") repeat-x left top;
}	
#nav_main li a, #navSecondary ul li a {
	padding: 0 0 0 5px;
	background: #d9d9d9 url("../images/btn_nav01.jpg") no-repeat left top;
	color: #000;
	text-decoration: none;
	
}

#nav_main li a span, #navSecondary ul li a span {
	margin: 0 0 0 0;
	padding: 6px 10px 6px 5px;
	background: #d9d9d9 url("../images/btn_nav02.jpg") no-repeat right top;
    display:block;	
}

#nav_main li a:hover, #navSecondary ul li a:hover {
	background-position: 0% -27px;
}

#nav_main li a:hover span, #navSecondary ul li a:hover span {
	background-position: 100% -27px;
	color: #fe1100;
}

#nav_main .current, #navSecondary ul .current {
	background-position: 0% -27px;	
}

#nav_main span.on, #navSecondary ul span.on {
	background: #d9d9d9 url("../images/btn_nav02.jpg") no-repeat right top;
	background-position: 100% -27px;
	color: #fe1100;
}


/*
Main Navigation Drop Downs ---------------------------------- */

#nav_main ul {
	padding: 0;
	margin: 0 0 0 0;
	list-style: none;
	background: #FFF;
}

#nav_main li ul {
	position: absolute;
	width: 17.7em;
	left: -999em;
	border: 1px solid #CCC;
}

#nav_main a.second  {
	display: block;
	padding: 5px 15px 5px 5px;
	background: #FFF;
	width: 16em;
}

#nav_main a, #navSecondary ul a {
	display: block;
}

#nav_main li li a:hover{
	background: #EAEAEA;
	color: #fe1100;
	display: block;
	width: 16em;
	text-decoration: none;
	
}

#nav_main li:hover ul, #nav_main li.sfhover ul  {
	left: auto;
	background: #FFF;
	display: block;
	
	
}


/*
Nav Secondary ----------------------------------------------------- */

#navSecondary {
	float: right;
	background: url("../images/bg_nav_left.jpg") no-repeat right top;
	width: 250px;
}

#navSecondary ul li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	float: left;
	background: #d9d9d9 url("../images/bg_nav_left.jpg") repeat-x left top;
}	





/*
Interior Pages ---------------------------------------------------- */


#breadcrumb {
	background: #FFF;
	padding: 5px 5px 5px 15px;
	color: #003758;
	font-size: 11px;
}

#breadcrumb a {
	color: #666;
	text-decoration: underline;
}

#breadcrumb a:hover {
	text-decoration: none;
}


#intSecondary {
	padding: 10px 10px 0 10px;
	background: url(../images/bg_intGradient.jpg) repeat-x left top;

}

#intHeader {
	background: url(../images/bg_intHeader.jpg) repeat-x left top;
	height: 96px;
	clear: both;
	border-bottom: 1px solid #bababa;
}

#intImage, #intAbout, #intCapabilities, #intContact, #intProducts, #intSuppliers, #intCareers, #intQuality, #intMarket  {
	height: 96px;
	float: left;
	width: 493px;
}

#intImage {
	background: url(../images/intHeader_products.jpg) no-repeat left top;
}

#intSuppliers {
	background: url(../images/intHeader_suppliers.jpg) no-repeat left top;
}

#intContact {
	background: url(../images/intHeader_contact.jpg) no-repeat left top;
}

#intQuality {
	background: url(../images/intHeader_quality.jpg) no-repeat left top;
}

#intCareers {
	background: url(../images/intHeader_careers.jpg) no-repeat left top;
}

#intAbout {
	background: url(../images/intHeader_about.jpg) no-repeat left top;
}

#intQuality {
	background: url(../images/intHeader_quality.jpg) no-repeat left top;
}

#intCapabilities {
	background: url(../images/intHeader_capabilities.jpg) no-repeat left top;
}

#intContact {
	background: url(../images/intHeader_contact.jpg) no-repeat left top;
}

#intMarket {
	background: url(../images/intHeader_market.jpg) no-repeat left top;
}


#subNav {
	float: left;
	width: 175px;
}

#subMainContent {
	float: left;
	width: 695px;	
	margin: 0 0 30px 0;
}

.pImage {
	float: left;
}

.pDesc {
	margin: 0 0 0 220px;
}

.pDesc p {
	line-height: 1.8em;
	color: #333;
	font-size: 11px;
}

.pDesc a.button img{
	padding: 10px 0;
}

.pDesc p.prodHead {
	font-weight: bold;
	font-size: 14px;
	color: #666;
}

.jump {
	float: right;
	width: 270px;
}

.clear {
	clear: both;
}

.dotted {
	border-bottom: 1px dotted #CCC;
	padding: 5px 0 0 0;
	margin: 0 0 10px 0;
}

.dottedClose {
	border-bottom: 1px dotted #CCC;
	padding: 5px 0 0 0;
	margin: 0 0 5px 0;
}

.pIndent {
	margin: 0 0 0 0;
}




/*
Interior Navigation ------------------------------------------------- */

#subNav {
	margin: 14px 5px 5px 5px;
}

#subNav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}




/*
Links ------------------------------------------------------------- */


#subMainContent a {
	color: #98012e;
}

#subMainContent a:hover {
	color: #ee2e24;
	text-decoration: none;
}


/*
Button Large ------------------------------------------------------------ */

a.btnNormLarge  {
	background: url(../images/btn_left.gif) no-repeat left top;
	color: #98012e;
	margin: 0;
	padding: 0 0 0 10px;
	line-height: 2em;
	display: block;
	width: 330px;
	height: 24px;
	text-decoration: none;	
	cursor: pointer;
	font-size: 11px;
}

a.btnNormLarge span {
	background: url(../images/btn_right.gif) no-repeat right top;
	text-decoration: none;
	margin: 0;
	padding: 0px 0 -2px 0;
	display: block;
	height: 24px;
}

a.btnNormLarge:hover {
	background: url(../images/btn_left.gif) no-repeat left -24px;
	color: #ee2e24;
	text-decoration: none;	
	cursor: pointer;
}

a.btnNormLarge:hover span{
	background: url(../images/btn_right.gif) no-repeat right -24px;
	color: #ee2e24;
	text-decoration: none;	
}


/*
Button Medium ------------------------------------------------------------ */

a.btnNormMed  {
	background: url(../images/btn_left.gif) no-repeat left top;
	color: #98012e;
	margin: 0;
	padding: 0 0 0 10px;
	line-height: 2em;
	display: block;
	width: 270px;
	height: 24px;
	text-decoration: none;	
	cursor: pointer;
	font-size: 11px;
}

a.btnNormMed span {
	background: url(../images/btn_right.gif) no-repeat right top;
	text-decoration: none;
	margin: 0;
	padding: 0px 0 -2px 0;
	display: block;
	height: 24px;
}

a.btnNormMed:hover {
	background: url(../images/btn_left.gif) no-repeat left -24px;
	color: #ee2e24;
	text-decoration: none;	
	cursor: pointer;
}

a.btnNormMed:hover span{
	background: url(../images/btn_right.gif) no-repeat right -24px;
	color: #ee2e24;
	text-decoration: none;	
}


/*
Button Small ------------------------------------------------------------ */

a.btnNormSm  {
	background: url(../images/btn_left.gif) no-repeat left top;
	color: #98012e;
	margin: 0;
	padding: 0 0 0 10px;
	line-height: 2em;
	display: block;
	width: 190px;
	height: 24px;
	text-decoration: none;	
	cursor: pointer;
	font-size: 11px;
}

a.btnNormSm span {
	background: url(../images/btn_right.gif) no-repeat right top;
	text-decoration: none;
	margin: 0;
	padding: 0px 0 -2px 0;
	display: block;
	height: 24px;
}

a.btnNormSm:hover {
	background: url(../images/btn_left.gif) no-repeat left -24px;
	color: #ee2e24;
	text-decoration: none;	
	cursor: pointer;
}

a.btnNormSm:hover span{
	background: url(../images/btn_right.gif) no-repeat right -24px;
	color: #ee2e24;
	text-decoration: none;	
}

/*
Button Extra Small ------------------------------------------------------------ */

a.btnNormExSm  {
	background: url(../images/btn_left.gif) no-repeat left top;
	color: #98012e;
	margin: 0;
	padding: 0 0 0 10px;
	line-height: 2em;
	display: block;
	width: 110px;
	height: 24px;
	text-decoration: none;	
	cursor: pointer;
	font-size: 11px;
}

a.btnNormExSm span {
	background: url(../images/btn_right.gif) no-repeat right top;
	text-decoration: none;
	margin: 0;
	padding: 0px 0 -2px 0;
	display: block;
	height: 24px;
}

a.btnNormExSm:hover {
	background: url(../images/btn_left.gif) no-repeat left -24px;
	color: #ee2e24;
	text-decoration: none;	
	cursor: pointer;
}

a.btnNormExSm:hover span{
	background: url(../images/btn_right.gif) no-repeat right -24px;
	color: #ee2e24;
	text-decoration: none;	
}


/*
Main List ---------------------------------------------------------------- */

.mainList {
	padding: 0 0 10px 0;
	margin: 0;
	
}

.mainList li {
	padding: 3px 0 3px 5px;
	margin: 0 0 0 20px;
	font-size: 11px;
	line-height: 1.5em;
}

.mainList li ul {
	list-style: none;
}

.mainList li li {
	padding: 3px 0 3px 10px;
	margin: 0 0 0 -20px;
}


/*
Product List ------------------------------------------------------------- */

#dList {
	width: 600px;
}

#dList dt {
	margin: 0;
	padding: 0;
	float: right;
	font-size: 14px;
	font-weight: bold;
	width: 412px;
	color: #2c5c79;
}

#dList dl {
	margin: 10px 20px;
	border-bottom: 1px dotted #CCC;
	float: left;
	padding: 0 0 20px 0;
	display: inline;
	clear: both;
	width: 600px;
}

#dList dd.img img {
	float: left;
	margin: 0 20px 40px 0;
}

#dList dd {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-size: 11px;
	color: #666;
}

.prodSum {
	line-height: 1.5em;
	font-size: 11px;
	padding: 0 0 15px 0;
	margin: 10px 0 0 15px;
	color: #446c85;
}

.prodList {
	line-height: 1.5em;
	font-size: 12px;
	padding: 0 0 10px 0;
	margin: 10px 0 0 0;
	color: #666;
}

.prodList li {
	padding: 3px 0 0 5px;
	margin: 0 0 0 20px;
}






/*
Capabilities List ---------------------------------------------------------------- */

.capList {
	padding: 0 0 10px 0;
	margin: 0;
	
}

.capList li {
	padding: 3px 0 3px 5px;
	margin: 0 0 0 20px;
	font-size: 11px;
	line-height: 1.5em;
}




/*
Form ------------------------------------------------------------------ */


.contactForm {
	border: 0;
	width: 600px;
	padding: 5px;
	font-size: 11px;
}

.supplierForm {
	border: 0;
	width: 275px;
	padding: 5px;
	font-size: 11px;
}

.text {
	border: 1px solid #CCC;
}


.supplyLogin {
	float: right;
	background: #F7F7F7;
	border: 1px solid #CCC;
	padding: 10px;
}

.supplyLogin p {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 12px;
	color: #446c85;
}

.supplyContent {
	float: left;
	width: 375px;
}

/*
CoActive ------------------------------------------------------------ */

.coactive {
	padding: 3px;
	border: 1px solid #EAEAEA;
}



/*
Products -------------------------------------------------------------- */


.productRow {
	padding: 0 0 20px 0;
	border-bottom: 1px dotted #CCC;
	clear: both;
}

.pdRow {
	padding: 0 0 15px 0;	
}

.pCustomize {
	margin: 15px 0;	
}

.jsclass body .randomcontent{ /*Do NOT remove! CSS to hide random contents in JS enabled browsers*/
	display: none;
}


/*
Job Listing --------------------------------------------------------- */


.jobSide {
	float: right;
	width: 200px;
	padding: 0 10px;
	background: #F7F7F7;
	border: 1px solid #EAEAEA;
	font-size: 10px;
	color: #333;
	margin: 0 0 0 30px;
}

.jobDot {
	border-bottom: 1px dotted #CCC;
	margin: 5px 0;
}