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

html { padding: 0px; margin: 0px; }
body {background:#ffffff url(/pics/shared/bg_main.png) top left repeat-x; margin: 0 auto; font: normal 12px Arial, Helvetica, sans-serif sans-serif; color: #333; line-height: 16px;}

ul {list-style:none;}

h1 {color:#990000; font-size:24px; font-weight: normal; margin-top: 25px; margin-bottom: 25px; padding: 0;}
h2 {color:#990000; font-size:16px; font-weight: normal; margin-top: 5px; margin-bottom: 5px; padding: 0;}
h3 {color:#5c5c5c; font-size:16px; font-weight: normal; margin-top: 10px; margin-bottom: 10px; padding: 0;}
h4 {color:#990000; font-size:14px; font-weight:bold; margin-top: 3px; margin-bottom: 3px; padding: 0;}
h5 {color:#990000; font-size:24px; margin: 0; padding: 0;}

a {text-decoration:none; color:#666;}
a:hover {text-decoration:underline; color:#990000;}
a:visited {text-decoration:none; color:#666;}

hr {border-top:0; border-bottom:1px solid #e5e5e5; border-left:0; border-right:0; padding-top: 3px; padding-bottom: 3px;}

/* Start Norms styles */
.view-all-rt { float:right; margin-bottom:8px; }
.view-all-rt a { font-weight:bold; }
/* End Norms styles */


/*Home Page Styles*/

#siteContainer { width:960px; margin:0 auto;}
#header { background:#00F url(/pics/shared/bg_header.png); height:94px; width: 960px;}
#header .logo {padding:30px 0 0 10px; float:left;}

.search {float: right;margin:0; padding: 30px 0 0 0; color: #000; height:60px; width: 300px;}
.searchInput{float: right; margin: 0; padding: 0;}
.search_grey {background-color: #fff; border: 1px solid #999; color: #B8B8B8; height: 22px; margin:0 5px; padding-left: 3px; width: 175px; text-decoration:none;}
.search p { float: right; color: #000; } 
.contactPara{float:right; color: #000; margin: 0; padding: 0;}
.search p a {text-decoration:none; color:#000;}
.search p a:link {text-decoration:none; color:#000; }
.search p a:visited {text-decoration:none; color:#000;}
.search p a:hover {text-decoration:underline; color:#666;}
.search p a:active {text-decoration:none; color:#666;}


	
.reddot_sm {font: bold 12px Arial, sans-serif; color: #900; padding: 0 3px 0 3px; }

#mainMenu {margin:0; padding:0 0 0 30px; height:42px; background: transparent url(/pics/shared/bg_menu.png) top right no-repeat; overflow:hidden;}

#menutabs {margin:0; float:left; font-size:14px; width:960px; line-height:18px; letter-spacing:1px;}
#menutabs ul {margin:0; width:960px;}
#menutabs li {display: inline; float:left; margin:0;}
#menutabs li a {float:left; color:#fff; padding:12px 20px 10px 20px; text-decoration: none; background: transparent url(/pics/shared/bg_menu_btn.png) top right no-repeat;}
#menutabs li a#leftmostitem {margin-left:-33px;} 
#menutabs li a#rightmostitem {float:left; color:#fff; padding:12px 15px 10px 15px; text-decoration: none; background: transparent url(/pics/shared/bg_menu_btn_rt.png) top right no-repeat;}
#menutabs li a:visited { color:#fff; }
#menutabs li a:hover { color:#fff; background-image: url(/pics/shared/bg_menu_btn_on.png);}
#menutabs li.on a { color:#fff; background-image: url(/pics/shared/bg_menu_btn_on.png); }
<!--#menutabs li a:hover#leftmostitem { color:#fff; background-image: url(/pics/shared/bg_menu_btn_on.png);}-->
#menutabs li a:hover#rightmostitem { color:#fff; background-image: url(/pics/shared/bg_menu_btn_on_rt.png);}
#menutabs li.on a#rightmostitem { color:#fff; background-image: url(/pics/shared/bg_menu_btn_on.png); }



#mainContent { margin: 0; padding: 0 0 25px 0;}
#mainContent p {
	color:#666;
	font-size:12px; 
	line-height: 18px;
	margin: 0 0 5px 0;
	padding: 0;
	/* 
	line-height:20px;  
	padding:10px 0 10px 0;
	*/
} 
#mainContent li {
	color:#666;
	font-size:12px; 
}

/*Applications Solutions Header*/
#solutionsTitle{background: #fff url("/pics/shared/bg_solutionsTitle.png") repeat-x scroll left top; font-size: 22px; line-height: 55px; margin-bottom: 10px; padding-left: 10px;}

/* for related*/
#content {float:right; width:700px; text-align:left; line-height: 16px; margin:0px; padding: 0 0 25px 0; vertical-align:top; }
#prodList{width: 700px; margin:0 auto ; padding: 0;}
#descContainer{width: 650px; margin: 5px auto; border-bottom: 1px solid #E1E1E1; }
#descContainer h4{color:#666; font-size:14px; font-weight:bold;}
#descContainer li{ text-align: left; list-style-type: disc;}
.photoOdd{width: 220px; margin-right: 25px; padding: 15px 0 0 0;float: left;}
.descOdd{ width: 350px; margin: 0; padding: 10px 0 0 10px;display:block; float:left;}
.photoEven{width: 220px; margin: 0; padding: 15px 0 0 0;float: right;text-align:right;}
.descEven{ width: 350px; margin: 0; padding: 10px 0 0 0; float:left;}


/*verticalMarket re deux*/
#vmList{width: 700px; margin: 0; padding:20px 0;}
#vmContainer{width:700px; margin: 0; padding: 0; }
#leftVM{width: 350px;  margin:0; padding: 0;float: left;}
#rightVM{width: 300px; margin: 0; padding:0; float:right;}
#vmContainer h4{color:#666; font-size:14px; font-weight:bold; margin: 0 auto;}
#vmContainer p{line-height: 14px; margin: 0 auto; padding-top: 2px; padding-left: 10px; padding-bottom: 5px;}
#vmContainer li{ text-align: left;}
#vmContainer a{text-decoration: underline; color: #900;}
.articleOdd{width: 300px;border: 1px #ccc solid;margin-bottom: 15px;}
.articleOdd .header{background:#fff url(/pics/shared/bg_solutionsTitle.png) bottom left repeat-x; font-size:16px; color:#333;line-height:20px; padding: 5px; width: 290px; text-align: left;}

/*for terms and conditions*/
#mainContent ol{list-style-position: inside;}

/*for production and manufactureres*/



#leftNav {float:left; width:229px; }
#leftNav .header { background:#e1e1e1 url(/pics/shared/bg_sidemenu_header.png) top left no-repeat; font-size:22px; color:#333; padding-left:10px; line-height:55px;}
#leftNav .body { background:#ffffff url(/pics/shared/bg_sidemenu_body.png) top left no-repeat; width:229px; height:350px; margin:0; padding:0; vertical-align:top;}
#leftNav .body ul { list-style-type: none; margin: 0; padding:15px 0 0 0; margin-bottom: 8px; }
#leftNav .body ul li {padding:0px 0 8px 15px;}
#leftNav .body ul li a {color: #666; background: url(/pics/shared/bullet_sidemenu.png) no-repeat center left; display: block; padding: 2px 0; padding-left: 19px; text-decoration: none; font-size:16px; line-height:18px;}
#leftNav .body ul li a:hover {color:#333; font-weight:bold; background: url(/pics/shared/bullet_sidemenu_on.png) no-repeat center left;}
#leftNav .body ul li a:visited {text-decoration:none;}
#leftNav .body ul li .on {color:#333; font-weight:bold; background: url(/pics/shared/bullet_sidemenu_on.png) no-repeat center left;}

#relatedNews {margin: 20px 0 0 0; padding: 5px;}
#relatedNews ul {list-style-type: disc; list-style-position: inside; line-height: 20px; margin: 0; padding: 0; text-align: left;}


#photoBox {float:left; width:229px; background:#ffffff url(/pics/shared/bg_sidemenu_body.png) top left no-repeat; border-top:thick solid #ccc; text-align:center;}
#photoBox .thumb {float:left; margin:10px 0 10px 12px;}
#photoBox .thumb a {float:left; border:1px solid #ccc; padding:1px;}
#photoBox .thumb a:hover {float:left; border:1px solid #990000;}

.pdfLink {margin:15px 0 15px 0;}


.breadcrumbs {border-bottom:1px solid #e1e1e1; line-height:20px; margin-bottom: 10px;  color:#666;}
.breadcrumbs a {text-decoration:none; color:#666;}
.breadcrumbs a:hover {text-decoration:underline; color:#990000;}
.breadcrumbs a:visited {text-decoration:none; color:#666;}

#leftMainBox {float:left; height:310px; width:560px; background:#ffffff; margin-right:10px;}
#adBox {background:#e1e1e1 url(/pics/home/adBox_bg.png) ; width:560px; height:280px; margin-bottom:30px; vertical-align:bottom; text-align:center; border:1px solid #ccc; background-color:#CCC;  -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;}
#adButtons {text-align:center; line-height:30px; height:30px;}
#adBottom { text-align:center;}

/* <!--coin slider--> */
.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a { text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { width: 560px; padding: 10px; background-color: #000000; color: #FFFFFF; }

.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }

#verticalMarkets {float:right; width:370px; height:325px; border:1px solid #ccc; background-color:#d1d1d1; margin-left:10px; -moz-border-radius: 4px 4px 0 0; border-radius:4px 4px 0 0;}
#verticalMarkets .header {background:#ffffff url(/pics/shared/bg_boxHeader.png) top left repeat-x; line-height:40px; color:#333; height:40px; font-size:14px; padding:5px 0 5px 7px; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;}
#verticalMarkets .header .left {float:left; color:#333; font-size:20px; font-weight:bold; letter-spacing: 5px;}
#verticalMarkets .header .right {float:right; color:#333; font-size:11px; padding-right:10px;}
#verticalMarkets .header .right a {color:#990000; font-weight:bold;}
#verticalMarkets .header .right a:hover {color:#990000; font-weight:bold; text-decoration:underline;}
#verticalMarkets .marketsView {background:#f5f5f5; height:145px; font-size:12px; width:370px;}
#verticalMarkets .marketsView .content {float:right; width:220px;}
#verticalMarkets .marketsView .content h4 {font-size:14px; font-weight:bold; color:#990000; line-height:14px;}
#verticalMarkets .marketsView  .imagebox {float:left; width:150px; text-align:center; padding:18px 0 0 0;}
#verticalMarkets .marketsView  .imagebox .image {border:2px solid #fff; padding:1px;}
#verticalMarkets .marketsList {background:#d1d1d1  url(/pics/home/marketsBoxBottom_bg.png) top left no-repeat;; color:#333; width:370px; height: 120px; font-size:12px; padding-top:8px; line-height:10px;}
#verticalMarkets .marketsList .leftcolumn {float:left; line-height: 10px; padding:10px 0 0 25px; width:150px;}
#verticalMarkets .marketsList .rightcolumn {float:right; line-height:10px; padding:10px 0 0 5px; width:160px;}
#verticalMarkets .marketsList a {text-decoration:none; color:#333; font-size:12px;  letter-spacing:1pt; font-weight:bold;}
#verticalMarkets .marketsList a:hover {text-decoration:none; color:#990000;}
#verticalMarkets .marketsList a:visited {}
#verticalMarkets .marketsList .on {text-decoration:none; color:#990000;}


#boxHolder{width: 960px; overflow: hidden;  margin-top: 5px;}

#solutionsBox {float: left; width:300px; height: 250px; border:1px solid #ccc; background-color:#d9f3fb;margin: 20px 10px 0 5px;  -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;}
#solutionsBox .header {background:#d9f3fb url(/pics/shared/bg_solutionsBoxHeader.png) top left repeat-x; border-bottom:1px solid #FFF; height:36px; line-height:38px; color:#660000; padding:5px 0 5px 7px; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;}
#solutionsBox .header .left {float:left; color:#003366; font-size:16px; font-weight:bold;}
#solutionsBox .header .left { color:#003366; display:block; padding: 0px 0px 0px 0px;}
#solutionsBox .header .left { color:#003366;  text-decoration:none; top:-1px; left:-1px; }
#solutionsBox .header .left .shadow:before { text-decoration:none; padding:0px; content:attr(title); color:#fff; font-size:16px; font-weight:bold; letter-spacing:0px;}
#solutionsBox .header .right {float:right; color:#006699; font-size:11px; padding-right:10px;}
#solutionsBox .header .right a {color:#006699;}
#solutionsBox .header .right a:hover {color:#003366; text-decoration:underline;}
#solutionsBox .content {background: url(/pics/shared/bg_solutionsBox.png) top left repeat-x; font-size:12px; height: 250px; margin: 0; padding: 0; overflow:hidden;}
#solutionsBox .content .item {clear:both; margin:5px 0 10px 0; padding-top:5px;}
#solutionsBox .content .item .title {color:#006699;}
#solutionsBox .content .item .image {float:left; border:medium solid #aed7e3; margin:0px 5px 5px 10px;}
#solutionsBox .content a {color:#006699; text-decoration:underline; font-size:11px;}
#solutionsBox .content a:hover {color:#003366;}

#featuredProduct {float: left; width:300px; height:250px; border:1px solid #ccc; background-color:#fff; margin: 20px 5px 0 15px; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;overflow:hidden; }
#featuredProduct .header {background:#ffffff url(/pics/shared/bg_boxHeader.png) top left repeat-x; line-height:38px; height:36px; color:#660000; padding:5px 0 5px 7px; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;}
#featuredProduct .header .left {float:left; color:#990000; font-size:16px; font-weight:bold;}
#featuredProduct .header .right {float:right; color:#990000; font-size:11px; padding-right:10px;}
#featuredProduct .header .right a {color:#990000; text-decoration:none;}
#featuredProduct .header .right a:hover {color:#990000; text-decoration:underline;}
#featuredProduct .content {color:#666; padding:10px 10px 5px 10px; font-size:12px; }
#featuredProduct .content h1 {color:#333; font-size:16px; font-weight:bold; }
#featuredProduct .content h2 {color:#999; font-size:14px; line-height:18px; }
#featuredProduct .content .image {border:medium solid #999; vertical-align:top; float:right; margin-left:5px; }
#featuredProduct .content a {color:#900; text-decoration:underline;}
#featuredProduct .content a:hover {text-decoration:underline; color:#990000; }
#featuredProduct .content a:visited {text-decoration:underline; color:#333; }


#specialBox {float: right; width:300px; height:250px; border:1px solid #ccc; background-color:#fff; margin: 20px 5px 0 10px;  -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; overflow: hidden;}
#specialBox .header {background:#ffffff url(/pics/shared/bg_boxHeader.png) top left repeat-x; height:37px; line-height:35px; color:#660000; padding:5px 0 5px 7px; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;}
#specialBox .header .left {float:left; color:#990000; }
#specialBox .header .right {float:right; padding-right:10px;}
#specialBox .content { padding:15px 5px 5px 8px; color:#666; }
#specialBox .content .title {color:#333; font-weight:bold;}
#specialBox .content a {color:#900; text-decoration:underline;}
#specialBox .content a:hover {color:#333; text-decoration:underline;}
#specialBox .contentSeminar {padding:0 5px 0 10px; margin-top:-5px;}
#specialBox .contentSeminar .seminarBlock {margin-bottom:6px;}
#specialBox .contentSeminar .seminarBlock .title {color:#333; font-weight:bold;}

.seminarTable{padding: 5px;}


/* Tabs on Home Page */
.ui-helper-reset { margin: 0; padding: 0; line-height: 38px; text-decoration: none; font-size: 14px; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

* html .ui-helper-clearfix { height:1%; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6; font-weight: normal; color: #555555;  height:32px;-moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #ccc; background: #CCC; font-weight: normal; color: #212121; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; height:32px;}
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #ccc; background: #ffffff ; font-weight: normal; color: #212121; height:32px; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #990000; text-decoration: none; }
.ui-widget :active { outline: none; }

.ui-tabs { position: relative; padding:0px;} 
.ui-tabs .ui-tabs-nav { margin: 0; padding:8px 10px 0 10px; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; margin: 0 5px 5px 0; border-bottom: 0 !important; padding: 0 10px 0 10px; white-space: nowrap; font-size:14px; font-weight:bold;}
.ui-tabs .ui-tabs-nav li a { float: left; padding: 1px 2px; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1px 2px; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

#tabs-1 { width: 275px; }
#tabs-1 ul { list-style-type: none;padding: 0 5px;margin: 0; }
#tabs-1 ul li { padding: 0 0 10px 0; }
.newsBlock { padding: 0;margin: 0; }
/*.dateBox {float:left; background:#ffffff url(/pics/home/bg_dateBox.png) top left no-repeat; padding:5px 5px 0 0px; width:38px; height:41px; margin-right:10px; text-align:center;}
.dateBox .month {color:#666; font-size:11px; text-align:center;}
.dateBox .date {color:#333; font-size:16px; text-align:center;} */


.articleBox {border:1px solid #CCC; padding:0px 2px 5px 2px; margin-top: 5px; margin-bottom:5px;}
.articleBox p {}
.articleBox h2 {color:#990000; font-size:16px; line-height:16px; margin-top: 3px; margin-bottom: 3px;}

#triHistory { padding: 20px 0 0 0; width: 960px;}
#triHistory p {font-size: 12px; font-weight: normal; line-height: 22px; padding: 5px; text-align: left;}


#mainfooter {background:transparent url(/pics/shared/bg_footer.png) top left no-repeat; color:#660000; width:960px;  margin:0; padding:10px 5px 0px 5px; }
#mainfooter .box {float:left; border-right:1px solid #CCC; padding:5px 25px 0 35px; color:#666; height:100px; width: 250px;}
.centerFooter{}
.sectionlabel{margin-bottom: 10px; padding-left: 75px;}
.second{margin-bottom: 10px; padding-left:65px;}
.boxleft{float: left; padding: 4px; line-height: 20px; height: 50px; text-align: center; width: 100px;}
/*.boxmiddle{float: left; border-left: 1px solid #CCC;  padding: 4px; line-height: 20px; height: 60px; text-align:center;}*/
.boxright{float: left;  padding: 4px; line-height: 20px; height: 60px; text-align: center; width: 100px;}
.copyright {width: 450px; margin: 0 auto; padding-left: 50px;}
#mainfooter .box a {color:#666; text-decoration:none;}
#mainfooter .box a:link {color: #666; text-decoration: none;} 
#mainfooter .box a:visited{color: #666; text-decoration: none;}
#mainfooter .box a:hover, #mainfooter .box a:active {color:#990000; text-decoration:underline;}
#mainfooter .boxlogo {float:left; padding:9px 20px 0 50px; color:#666; text-align:center;}

.shadow { color:#333; display:block; padding: 0px 0px 0px 0px; position:relative;}
.shadow a { color:#333; }
.shadow a:hover { color:#990000;}

.shadow span { color:#333; position:absolute; text-decoration:none; top:-1px; left:-1px; display:block;}
.shadow span a { color:#333;}
.shadow span a:hover { color:#990000; }
.shadow:before { text-decoration:none; padding:0px; content:attr(title); color:#fff; font-size:12px; letter-spacing:1pt; font-weight:bold;}

#loginBox {background:#ccc; border: 1px solid #666; color:#333; font-size:12px; padding:5px; -moz-border-radius: 7px 7px 7px 7px; border-radius: 7px 7px 7px 7px;}
#loginBox h2 {color:#990000; font-size:16px; line-height:20px; }
#loginBox .content { border:0; list-style-type: none; background:#fff;}
#loginBox .content ul {list-style-type: none; margin: 0; padding:15px 0 0 0; margin-bottom: 8px;}

#siteMapPage {font-size:18px; background-color:#fff;}
#siteMapPage a {text-decoration:underline;}
#siteMapPage a:hover {text-decoration:underline; color:#990000;}
#siteMapPage .leftBox {float:left; padding:5px 5px 5px 15px; width:300px; list-style:disc; color:blue;}
#siteMapPage .rightBox {float:right; padding:5px; width:300px;}

/*About centerHeader*/
.centerHeader{width: 300px; margin: 0 auto; text-align:center;}

.image_left { 
	float:left; 
	margin:3px 10px 10px 0; 
	border: 2px solid #999;
}