@charset "utf-8";
/* CSS Document */
html { min-height: 101%; margin-bottom: 1px; }

*{ margin:0; padding:0;}
body
    {
         font-size:12.5px;
         font-family: Helvetica, Arial, Sans-Serif;
        /* background:#fefefc url(../../images/en-CA/main-bg.gif) center top repeat-y; */
         background: none repeat scroll 0 0 #FEFEFC;
        
    }
a{ outline:none; text-decoration:none;}
img{ border:0;}

#body{ width:1180px; margin:0 auto; position:relative; padding:7px 7px 0 7px;}
#header{ float:left; width:100%; height:110px; border-top:2px solid #acacac; border-bottom:2px solid #acacac; font-family:Helvetica, Arial, Sans-Serif;}
#header .lftheader{ float:left; width:70%;}
#header .rgtheader{ float:left; width:28%;}
#header .logo{ float:left; width:100px; margin:18px 0; padding-left:5px;}
/*#header h1{ float:left; width:200px; font-size:17px;  color:#000; line-height:21px; padding-top:12px;}*/
/* #header h1{ float:left; width:95px; font-size:17px;  color:#000; line-height:21px; padding-top:12px;} */
/* #header h1{ float:left; width:95px; font-size:17px;  color:#000; line-height:21px; padding-top:12px;} */
/* #header h1{ float:left; font-size:17px;  color:#000; line-height:21px; padding-top:12px;} */
#header h1{ float:left; font-size:17px;  color:#000; line-height:21px; padding-top:12px;padding-right:10px;}
#header h1 span{ color:#49a942;}
/* #header h2{   font-size:11px;  color:#7D7D7D; line-height:10.5px; padding-top:12px; } */
#header h2{   font-size:11px;  color:#7D7D7D; line-height:10.5px; padding-top:12px; width:950px; }
/*Universal Header Nav*/
#header .universal-header-nav{ float:right; width:100%; text-align:right; line-height:30px; font-size:8.5px; color:#4D4D4D;}
#header .universal-header-nav a{ font-size:11.5px; padding:0 4px; color:#4D4D4D; text-transform:capitalize;}
#header .universal-header-nav a:hover{ color:#49a942;}
#header .universal-header-nav a:visited{ color:#626262;}
/*Header Search*/
#header .search{ float:left; width:100%; padding:20px 0 10px 0;}
#header .search input{ float:right; width:149px; height:16px; font-style:italic; text-transform:capitalize; font-size:9.5px; color:#4D4D4D; background:#fff; border:1px solid #959595; padding-top:3px;}
#header .search .gobtn{ float:right; width:20px; height:16px; font-weight:bold;  font-size:9px; color:#4D4D4D; background:#e1e1e1; border:1px solid #959595; cursor:pointer; font-style:normal; line-height:16px; text-align:center}
/*Phone number css*/
#header .phonN{ float:left; width:100%; text-align:right; font-weight:bold; font-size:17.25px; color:#959595;}

/*Left Column css*/
.leftcolumn{ float:left; width:20%; font-family:Helvetica, Arial, Sans-Serif; font-weight:bold; padding-top:12px; padding-bottom:20px;}
.leftcolumn ul{ list-style:none; float:left; }
.leftcolumn ul li{ float:left; width:100%; padding:3px 0 3px 0; padding-left:5px;}
.leftcolumn ul li a{ float:left; font-size:13px; line-height:13px; color:#7D7D7D;}
.leftcolumn ul li a:hover{ color:#49a942;}
.leftcolumn ul li a.selected{ color:#49a942;}

.leftcolumn ul li ul{ border-top:1px solid #4D4D4D; border-bottom:1px solid #4D4D4D; width:96%; padding:3px 0; margin:3px 0;}
.leftcolumn ul li ul li{ float:left; width:100%; padding:3px 0 3px 0;}
.leftcolumn ul li ul li a{ font-weight:bold; font-size:12px; line-height:11px; color:#4D4D4D; text-transform:capitalize;  margin-bottom: 2px;}
.leftcolumn ul li ul li a:hover{ color:#49a942;} 

.leftcolumn ul li ul li ul{ border-top:1px solid #4D4D4D; border-bottom:1px solid #4D4D4D; width:96%; padding:3px 0; margin:3px 0;}
.leftcolumn ul li ul li ul li{ float:left; width:100%; padding:2px 0 2px 0;}
.leftcolumn ul li ul li ul li a{ font-weight:normal; font-size:11px; line-height:14px; color:#6c6c6c; text-transform:capitalize; }
.leftcolumn ul li ul li ul li a:hover{ color:#49a942;} 
.leftcolumn ul li:last-child
{
    width:90%;
}

/*middle content Column css*/
.content{ float:left; width:60%; padding-top:16px; position:relative;}
.content .hero-image{ float:left; margin-bottom:10px;}
.content .bottomContent{ float:left; width:100%; border-top:1px solid #bcbcbc; padding:10px 0; margin-top:10px;}
.content h3{ text-transform:capitalize; font-size:17px; line-height:16px; color:#49a942; font-family:Helvetica, Arial, Sans-Serif; padding-bottom:10px;}
.content p{ color:#626262; line-height:13px; padding:9px 0; clear: both;}
.content p a{color:#626262;}
.content p a:hover{ color:#a2a2a2;}
.content blockquote{ font-size:16px; line-height:18px; color:#626262; padding-bottom:15px;}
.content blockquote span{ color:#49a942;}
.content blockquote ul{ float:left; width:100%; padding-bottom:10px;}

/*content boxes*/
/* .content .offerings-Box{ float:left; width:18%; padding-right:15px; margin-bottom:7px; } */
.content .offerings-Box{ float:left; width:21%; padding-right:15px; margin-bottom:7px; }
.content .last{ padding-right:0;}
.content .box-row{ float:left; width:100%; padding-bottom:7px;}
.content .offerings-Box div{ float:left; width:95%; height:119px; background:#ebebeb; padding:10px 7px 5px 6px;cursor:pointer;}
.content .height-box{ height:134px;}
.content .offerings-Box div h1{ font-family:Helvetica, Arial, Sans-Serif; font-size:11px; line-height:11.5px; color:#49a942; height:38px; border-top:1px solid #acacac; border-bottom:1px solid #acacac; padding-top:4px;}
/*.content .offerings-Box div h1{ font-family:Helvetica, Arial, Sans-Serif;  font-size:11px; line-height:11.5px; color:#49a942; height:38px; border-top:1px solid #acacac; border-bottom:1px solid #acacac; padding-top:4px;}
 .content .offerings-Box div h1{ font-family:Helvetica, Arial, Sans-Serif;  font-size:11px; line-height:11.5px; color:#49a942; height:50px; border-top:1px solid #acacac; border-bottom:1px solid #acacac; padding-top:4px;} */
.content .offerings-Box div img{ margin-top:8px;}
.content .offerings-Box p{ float:left; font-size:12px; line-height:11.5px; color:#626262; padding:10px 5px 0 5px;}
.content .offerings-Box div h1 span{ color:#464646}
/*right Modules Column css*/
.rightcolumn p a.viewall{ float:right; margin-top:6px;  font-size:8px; color:#fff;}
.rightcolumn a.viewall:hover{ color:#E1E1E1;}
.rightcolumn a.viewall:visited{ color:#fff;}
.rightcolumn{ float:left; width:18%; padding-left:9px; padding-top:16px;}
.rightcolumn .rgtbuild-Focus{ float:left;  height:124px; background:#959595; padding:7px 5px 9px 6px; margin-bottom:7px; font-family:Helvetica, Arial, Sans-Serif;}
.rightcolumn .Focus{ height:225px;}
.rightcolumn .rgtbuild-Focus div{ float:left; width:100%; border-bottom:1px solid #fff; border-top:1px solid #fff; color:#fff; margin-bottom:10px; padding:6px 0;}
.rightcolumn .Focus div{ padding-bottom:16px;}
.rightcolumn .rgtbuild-Focus div h1{ float:left; width:100%;  font-size:15.5px; line-height:14.2px;}
.rightcolumn .rgtbuild-Focus div span{ float:left; width:100%; font-size:11px; line-height:11px; width:100%;padding:5px;padding-top:5px;}
.rightcolumn .rgtbuild-Focus img{ float:left; padding-right:4px;}
.rightcolumn .rgtbuild-Focus .last{ padding:0;}
.rightcolumn .rgtbuild-Focus p{ float:left; padding:5px 0; font-size:11px; line-height:11px; color:#fff; }
.rightcolumn .rgtbuild-Focus a{ float:right;font-size:11px;font-weight:bold; line-height:11px; color:#fff;}
.rightcolumn .rgtbuild-Focus a:hover{color:#DDDDDD; }
.rightcolumn .rgtbuild-Focus a:visited{ color:#E1E1E1;}
/*Case study right side*/
.rightcolumn .caseStudy{ height:auto;}
.rightcolumn .caseStudy p{ font-size:11px; line-height:11px; color:#fff; padding-top:2px;}
.rightcolumn .caseStudy p strong{ float:left; width:100%;}
.rightcolumn .caseStudy p a{ float:right; font-size:10px; padding-top:3px;}
.rightcolumn .caseStudy p a:visited{ color:#E1E1E1;}
/*Training Sessions right side*/
.rightcolumn .trainingSessions{ height:129px;}
.rightcolumn .trainingSessions img{ float:left; margin-bottom:5px; margin-top:3px;}
/*upder images text*/
.innderC{ float:left;  position:relative;width:100%;}
.innderC img { float:left; border-bottom:1px solid #4D4D4D; padding-bottom:6px; margin-bottom:6px;width:100%}
h4{ position:absolute; left:10px; top:12px; float:left; width:120px;  font-size:18px; line-height:17px; color:#fff;}
h4 a{ float:left;  font-size:9px; font-weight:normal; line-height:9px; color:#fff; padding-top:10px;	}
.innderC blockquote{ float:left;  font-size:13.2px; color:#4D4D4D; padding:4px 0 10px 0;}
.innderC blockquote p, .content blockquote p{font-size:13.2px; color:#4D4D4D; padding:4px 0 10px 0; text-transform:none; line-height:15.75px;}

.innderC ul, .content ul{ float:left; width:33%; list-style:none; padding-bottom:10px;}
.innderC .twoColumn{width:50%;}
.innderC .link{color: #49A942;display: block;font-size: 9px;font-weight: bold;line-height: 13px;margin-top: 5px;text-align: right;text-decoration: underline;  }
.content .singleColumn{width:500px; padding-left:20px; width: 100%;}

.innderC ul li, .content ul li{ float:left; width:90%; font-size:12px; line-height:13px; color:#626262; background:url(../../images/en-CA/green-bullet.jpg) no-repeat left 4px; padding-left:12px;padding-top:2px;padding-bottom:2px;}

.content ul.singleColumn li{ width:480px;font-size:12px; line-height:14px; }
.content ul.singleColumn li.secondLevel{ width:460px;font-size:12px; line-height:14px; margin-left:20px;}
.innderC .readMoreHeading{ float:left; width:100%; font-size:14.7px; line-height:15.5px; color:#4D4D4D; padding:0 0 5px 0; margin-bottom:10px; border-bottom:1px solid #4D4D4D;}
.innderC .readMoreHeading span{ color:#49a942;}
.progSelling img{ margin-bottom:6px; }
.bulletRow{ float:left; width:100%; border-bottom:1px solid #4D4D4D; margin-bottom:6px; padding-bottom:6px; }

.bearingH-block{ float:left; padding-top:10px; color:#4D4D4D; width:100%;}
.bearingH-block h2{ font-size:16px; text-transform:capitalize;}
.bearingH-block h2 a{ font-size:16px; text-transform:capitalize; text-align:left; text-decoration:none;color:#4D4D4D;line-height:20px; display:inline-block;}
.bearingH-block p{ font-size:12px; line-height:13px; padding:0; color:#4D4D4D;}
.bearingH-block a{ display:block;  text-align:right;  font-size:9px; line-height:13px; color:#49a942; margin-top:5px; font-weight:bold; text-decoration:underline;}
.bearingH-block a:hover{ text-decoration:none;}

.casestudy-block{ float:left; padding: 10px 5px 10px 10px; color:#4D4D4D;  background: #F0F0F0; width:98%;}
.casestudy-block h2{ font-size:16px; text-transform:capitalize; padding-bottom:2px; padding-top:8px;}
.casestudy-block p{ font-size:11.6px; line-height:13px; padding:0; color:#4D4D4D;}
.casestudy-block a{ float:right;  font-size:9px; line-height:13px; color:#49a942; margin-top:5px; font-weight:bold; text-decoration:underline;}
.bearingH-block a:hover{ text-decoration:none;}

/* Contact us */
.addressBlock{border-bottom:1px solid #bcbcbc;}

/*Product ana suppliers linnks*/
/* .productServiced-link{ float:left; width:100%; position:relative; color:#4D4D4D;} */
.productServiced-link{ float:left;  position:relative; color:#4D4D4D;}
.productServiced-link h2{ float:left; width:100%; padding-bottom:10px;  font-size:14.5px; line-height:13px;}
.productServiced-link h3{ float:left; width:100%; padding:10px 0 10px 0;  font-size:14.5px; line-height:13px; color:#4D4D4D; border-top:1px solid #4D4D4D;}
.productServiced-link .cat-colum{ float:left; width:18%; padding-right:7px;}
.productServiced-link .last{ padding:0;}
.productServiced-link ul{ float:left; width:100%; list-style:none; padding-bottom:14px;}
.productServiced-link ul li{ width:80px; background:none;color:#4D4D4D; font-size:11px; line-height:15px; font-weight:normal;}
.productServiced-link ul li.secondLevel{ width:80px; background:none; padding-left:20px;}
.productServiced-link ul li.thirdLevel{ width:80px; background:none; padding-left:35px;}
.productServiced-link ul li.heading{ width:80px;color:#4D4D4D; font-size:11.2px; font-weight:bold;}
.productServiced-link ul li.heading a{ color:#4D4D4D; font-size:11.2px; line-height:13px; font-weight:bold;}
.productServiced-link ul li.heading a:hover{ color:#49a942;}
.productServiced-link ul li.referred a{ color:#49a942; font-size:11.2px; line-height:13px; font-weight:bold;}
.productServiced-link ul li a{ color:#4D4D4D; font-size:11px; line-height:15px; font-weight:normal;}
.productServiced-link ul li.secondLevel a{ color:#4D4D4D; font-size:8.8px; line-height:11.75px; font-weight:normal; }
.productServiced-link ul li.thirdLevel a{ color:#4D4D4D; font-size:8.8px; line-height:11.75px; font-weight:normal;}
.productServiced-link ul li a:hover{ color:#49a942;}
.productServiced-link ul li.pruductDis{ font-style:italic;color:#4D4D4D; font-size:8.8px; line-height:11.75px;}
/*smart Suppy page css*/
.smartSuppy{  float:left; width:526px; position:relative; }
.smartSuppy blockquote{ font-size:12.75px; line-height:15.75px; color:#4D4D4D; padding:11px 0;}
.smartSuppy blockquote span{ color:#49a942;}
.smartSuppy .offerings-Box div h1{ font-size:10.5px; line-height:11px;}
/*About us page*/
h5{float:left; width:100%; font-size:16px; line-height:16.25px; color:#4D4D4D; padding-top:10px; padding-bottom:10px;}
h6{float:left; width:100%; font-size:12px; line-height:12px; color:#4D4D4D; padding-top:5px; padding-bottom:5px;}
.about-us p{ font-size:12px; line-height:13px; color:#4D4D4D; float:left; width:100%;}
.about-us p a{color:#49a942;}
.about-us p a:visited{color:#3c8737;}
.tblgrid{ margin-top:20px; float:left; }
.tblgrid tr th{ color:#4D4D4D; font-size:15.5px; text-align:left; padding:4px 0;border-bottom:1px solid #4D4D4D; border-top:1px solid #4D4D4D;}
.tblgrid tr td{ font-size:12px; line-height:24px; color:#4D4D4D;}
/*Contact us page*/
.contact-us h2{ font-size:20px; line-height:18px; padding-bottom:35px; color:#4D4D4D;  }
.contact-us h3{ color:#49a942; font-size:16px; font-weight:normal; line-height:10px; padding-bottom:20px;}
.contact-us pre{ font-size:12px; color:#4D4D4D; line-height:14px; font-family:Helvetica, Arial, Sans-Serif;}
.contact-us pre a{ color:#4D4D4D; text-decoration:underline;}
.contact-us pre a:visited{ color:#464646;}
.contact-us .viewOff{ float:right; padding-right:10px; text-align:right;}
.contact-us .viewOff input{ float:right; width:149px; height:16px; font-style:italic; text-transform:capitalize; font-size:9.5px; color:#4D4D4D; background:#fff; border:1px solid #959595; padding-top:3px;}
.contact-us .viewOff .gobtn{ float:right; width:20px; height:16px; font-weight:bold;  font-size:9px; color:#4D4D4D; background:#e1e1e1; border:1px solid #959595; cursor:pointer; font-style:normal; line-height:16px; text-align:center}
.contact-us .map{ float:left; width:100%; height: 400px;}
/*Jobs page*/
#jobDetail h6{float:left; width:100%; font-size:14px; line-height:14px; color:#4D4D4D; padding-top:5px; padding-bottom:5px;}

/*footer*/
#footer{ float:left; width:100%; margin-top:5px;}
#footer .footertxt{  margin:0 auto;  width:60%; height:27px; line-height:27px; border-top:1px solid #acacac; font-size:9px; color:#b7b7b7;}
#footer .footertxt img{ float:right; margin-top:3px;}
#footer .footertxt a{ color:#b7b7b7; text-transform:capitalize; font-family:Helvetica, Arial, Sans-Serif; font-weight:bold; padding:0 4px; margin-top:5px;}

/*Home page Slide show css start*/
.sliderwrapper{position:relative; overflow: hidden; height: 230px;border-bottom:1px solid #bcbcbc; padding:0 0 10px 0; margin-bottom:10px;}
.sliderwrapper .contentdiv{visibility: hidden;position: absolute; left: 0;  top: 0; background: white;height: 100%; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity: 1; opacity: 1;}
.sliderwrapper .contentdiv img{ border:0;}
.pagination{100%; text-align: right;background-color: navy;}
.pagination a{padding: 0 5px;text-decoration: none; color: #00007D;background: white;}
.pagination a:hover, .pagination a.selected{color: #000;background-color: #FEE496;}
#paginate-slider4{ position:absolute; right:10px; top:219px; z-index:10;}
#paginate-slider4 a{color:#FFFFFF;float:left;padding:0 4px;text-decoration:none; font-size:19px; font-weight:bold;}
#paginate-slider4 a:hover{ color:#49a942;}
#paginate-slider4 a.selected{ color:#49a942;}
#paginate-slider4 a.visited{  color:#FFFFFF;}

.imgtext{ position:absolute; left:10px; top:11px; float:left; width:137px;}
.imgtext h1{  font-size:15px; line-height:14.5px; color:#fff; border-top:1px solid #fff; border-bottom:1px solid #fff; padding:5px 0; margin-bottom:5px;}
.imgtext p{ font-family:Helvetica, Arial, Sans-Serif; font-size:13px; line-height:12px; color:#fff;}
/*Home page Slide show css End*/
.imgtextright{ position:absolute; left:380px; top:11px; float:left; width:137px;}
.imgtextright h1{  font-size:15px; line-height:14.5px; color:#fff; border-top:1px solid #fff; border-bottom:1px solid #fff; padding:5px 0; margin-bottom:5px;}
.imgtextright p{ font-family:Helvetica, Arial, Sans-Serif; font-size:13px; line-height:12px; color:#fff;}

.contactuslist{ float:none; width:100%;}
/* .contactusfilter-block{ float:right; padding: 10px 5px 10px 10px; color:#4D4D4D;  background: #F0F0F0; width:100%;border-bottom:1px solid #4D4D4D;}  */
.contactusfilter-block{ float:right; padding: 10px 5px 10px 10px; color:#4D4D4D;  background: #F0F0F0; width:98%;border-bottom:1px solid #4D4D4D;}
.contactusfilter{ float:right; width:50%; font-size:10px;}
.contactusfilter .viewOff{ float:right; padding-right:10px;text-align:right; width:100%;}
.contactusfilter .gobtn{ float:right; width:20px; height:16px; font-weight:bold;  font-size:9px; color:#4D4D4D; background:#e1e1e1; border:1px solid #959595; cursor:pointer; font-style:normal; line-height:16px; text-align:center}
.addresslist{ float:left; width:33%; font-size:10px;}
.addresslist p{ padding:2px 5px 0; }
.addresslist p b{ font-size:11px;}
.addresslist span{ float:left; width:100%; color:#49A942; font-size:13px;  font-weight:bold; padding:10px 0 5px 0;}
.addresslist a{ color:#626262; text-decoration:none;}
.addresslist a.small{ font-size:9px;}
.contactuslist h2{ float:left; width:100%; padding:10px 0 5px 0; border-bottom:1px solid #4D4D4D; color:#49A942; font-size:13px;  font-weight:bold;}
.headoffice{ float:left; width:100%; border-bottom:1px solid #4D4D4D;  border-top:1px solid #4D4D4D; padding:5px 0 10px 0; margin-bottom:10px; }
.headoffice h3{ font-size:13px; color:#4D4D4D; font-weight:bold; line-height:14px; padding-top:5px;}

.clear
{
	clear: both;
}