@charset "utf-8";

/* CSS Document */

@font-face {

    font-family: 'BankGothicMdBTMedium';

    src: url('bankgothic_md_bt_medium-webfont.eot');

    src: url('bankgothic_md_bt_medium-webfont.eot?#iefix') format('embedded-opentype'),

         url('bankgothic_md_bt_medium-webfont.woff') format('woff'),

         url('bankgothic_md_bt_medium-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;



}

*{margin:0px; padding:0px}

body{background:#ffffff; font-family:Arial, Helvetica, sans-serif, "Myriad Pro"; font-size:12px;}

a{text-decoration:none; outline:none; color:#ef413d;}

a:hover{text-decoration:none;}



img{border:none; outline:none}

ul{list-style-type:none;}

.clear{clear:both}

#wrapper{width:960px; margin:0px auto}

#header{height:46px; padding:8px 20px 0px; background:#060505; float:left;}

#header .logo{float:left; width:326px}

#header .social{ float:left; width:74px; padding:5px 26px 0 280px;}



#header .search{ float:left; width:208px; margin-top:11px}

#header .search .input{background:url(../images/search-box.jpg) no-repeat; float:right; width:157px; height:19px; border:none}

#navbar{background:#f0413d; height:21px; padding:0px 0; font:bold 13px Arial, Helvetica, sans-serif;}

#navbar .lan{float:right; width:100px}

#navbar .lan li{float:left; margin-right:14px; font:normal 11px Arial, Helvetica, sans-serif; color:#FFF; padding-top:4px} 

#navbar .lan li a{color:#FFF; text-decoration:underline}

#bredcram{ height:22px; background:#060405;}

#bredcram .main{ font: normal 11px Arial, Helvetica, sans-serif; color:#FFF; display:inline-block; margin-left:10px} 

#bredcram .main a{color:#FFF; text-decoration:underline}

#bredcram .current{ font: normal 11px Arial, Helvetica, sans-serif; color:#d5403d;  display:inline-block;} 

#bredcram .current a{color:#d5403d;}

/*#content-area{background:#d7d7d9; border-left:1px solid #000; border-right:1px solid #000; padding:5px}

*/

#content-area{background:#d7d7d9; border:1px #000 solid;/* border-left:1px solid #000; border-right:1px solid #000;*/ padding:5px 0;}

#content-area-Inner{background:url(../images/content_Bg.jpg) repeat-y;/* border-left:1px solid #000; border-right:1px solid #000;*/ padding:0 5px;}

#content-area .left{/*background:#FFF;*/ width:664px; float:left; /*border-bottom:1px solid #a7a9ac;*/ padding:18px;}

#content-area .services{background:#FFF; width:654px; float:left; border:1px solid #a7a9ac; padding:18px 13px}

#content-area .right{ width:216px; float:right; background:#a1a3a6; text-align:center; padding:0px 13px}

#content-area .right img{padding:15px 0px}

#content-area .right .latest-news{background:#FFF; padding:10px; margin-bottom:15px}

#content-area .right .latest-news p{ font:normal 12px Arial, Helvetica, sans-serif; text-align:left; margin-bottom:9px}

#content-area .right .latest-news p span{ color:#ef413d; font-weight:bold;}

#content-area .right .latest-news p a.grey{ color:#6d6e71; text-decoration:underline; font-weight:normal}

#content-area .right .latest-news a{color:#ef413d; float:right; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:underline;}

#content-area .right .latest-news a:hover{color:#ef413d; float:right; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;}

#content-area .right .latest-news h1{font:bold 12px Arial, Helvetica, sans-serif; text-align:left; color:#ef413d; margin-bottom:5px}

#content-area .right .latest-news ul{ margin-bottom:12px}

#content-area .right .latest-news ul li{font:bold 12px Arial, Helvetica, sans-serif; text-align:left; margin-bottom:5px}

#content-area .right .latest-news ul li div{float:left; margin-right:3px; margin-top:5px;}



#content-area .right .latest-news ul li .input{background:url(../images/login-txtbx.jpg) no-repeat; width:200px; height:20px; border:none}



#content-area .right .latest-news .button{ float:right; margin:0;}

#content-area .right .txt{ font:bold 12px Arial, Helvetica, sans-serif; line-height:14px; margin-bottom:3px}

#content-area .right .txt a{color:#eb1c23; text-decoration:underline; margin-bottom:8px;}

#content-area .right .txt a:hover{text-decoration:underline; color:#eb1c23; text-decoration:none;}



#content-area .right .small{font:bold 11px Arial, Helvetica, sans-serif; line-height:14px;}

#content-area .left h1{padding:0px 0px 12px}

#content-area .left h2{font:bold 14px Arial, Helvetica, sans-serif; text-align:left; color:#ef413d; margin-bottom:9px}

#content-area .left .txt{width:370px; float:left; }

#content-area .left .video{width:274px; font:normal 12px Arial, Helvetica, sans-serif; color:#231f20; float:right}

#content-area .left .video a{ text-decoration:underline;}

#content-area .left .video a:hover{ text-decoration:none;}

#content-area .left .video img{ padding-top:10px}

#content-area .left .txt p{ font: normal 12px Arial, Helvetica, sans-serif; color:#231f20; line-height:15px;}

#content-area .left .p{ font: regular 12px Arial, Helvetica, sans-serif; color:#231f20; line-height:16px; text-align:justify; margin-top:10px; margin-bottom:20px}

#content-area .left .txt ul{ margin-top:0px; padding:0; margin-left:20px; color:#F00;}

#content-area .left .txt ul li{ padding-left:8px; font:regular 12px Arial, Helvetica, sans-serif; color:#d5403d; margin-bottom:5px;}

#content-area .left .txt ul li a{ color:#231f20; text-decoration:none;}

#content-area .line{ background:#a0a0a0; height:1px; margin:18px 0px 11px}

#content-area .line2{ background:#a0a0a0; height:1px; margin:8px 0px 20px}

#content-area .left .contact{ width:217px; float:left; border-right:1px solid #9e9e9e; padding-right:5px}

#content-area .left .contact .heading{font:bold 13px Arial, Helvetica, sans-serif; margin:0 0 3px 0; color:#eb1c23}

#content-area .left .contact p{ font: normal 12px Arial, Helvetica, sans-serif; color:#231f20; line-height:15px}

#content-area .left .contact p.red{ color:#020403; margin-bottom:11px; font-weight:regular}

#content-area .left .contact a{ color:#ec393d; margin-bottom:11px; font-weight:bold; text-decoration:underline;}

#content-area .left .contact a:hover{ color:#ec393d; margin-bottom:11px; font-weight:bold; text-decoration:none;}

#content-area .left .contact ul{ margin-bottom:10px; margin-top:5px; padding:0}

#content-area .left .contact ul li{float:left; margin:0 4px 0 0; font: normal 11px Arial, Helvetica, sans-serif; color:#231f20; display:inline;} 

#content-area .left .contact ul li .input{ width:97px; height:24px; background:url(../images/contact_input.jpg) no-repeat; border:none;}

#content-area .left .contact ul li .button{ width:47px; border-radius:8px; font-size:10px}

#content-area .left .contact select{width:190px; margin-top:5px; margin-bottom:20px}

#content-area .left .featured{ width:421px; float:right; padding-left:17px; margin-bottom:43px;}



#content-area .left .featuredL{ /*width:185px;*/ float:left; margin-right:12px;}

#content-area .left .featured .img{float:right}

#content-area .left .img2{float:left; margin-right:10px}

#content-area .left .button{ background:url(../images/submit-back.jpg) repeat-x; width:80px; text-align:center;  font:normal 11px Arial, Helvetica, sans-serif; color:#FFF; height:20px; border:none; float:right; margin-top:10px; cursor:pointer; padding-bottom:5px}

#content-area .left .featured p{regular: bold 12px Arial, Helvetica, sans-serif; color:#231f20; line-height:16px; padding-right:4px; margin-bottom:8px;}

#content-area .left .featured p a{ color:#d5403d; text-decoration:underline; font-weight:normal;}

#content-area .left .featured p a:hover{ color:#d5403d; text-decoration:none; font-weight:normal;}



#footer{ text-align:center; padding:15px 0;}

#footer ul{ margin:0px auto 10px; width:750px; }

#footer ul li{ float:left; margin:0px 3px; font: normal 12px Arial, Helvetica, sans-serif;}

#footer ul li a{color:#231f20}

#footer p{font: normal 12px Arial, Helvetica, sans-serif; color:#231f20}

#content-area .link{color:#ef413d; float:right; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:underline}

#content-area h3{ font:normal 24px 'BankGothicMdBTMedium'; color:#d5403d; text-transform:uppercase;}

#content-area h3 span{font-size:20px; color:#58595b}

#content-area .left .para{ list-style-type:disc; margin-left:13px; margin-top:5px; margin-bottom:20px}

#content-area .left .para li{padding-left:10px; font: bold 11px Arial, Helvetica, sans-serif; color:#231f20; line-height:12px}

.gap{margin-left:250px;}

.gap span{font-weight:normal}

.break{height:30px; clear:both}

.centre{text-align:center;font: normal 12px Arial, Helvetica, sans-serif; color:#231f20; line-height:16px;}

#content-area .left .address{font: bold 12px Arial, Helvetica, sans-serif; color:#231f20; line-height:25px;}

#content-area .left .middle{ width:600px; margin:0px auto}

.table{width:540px; margin:10px auto; border:1px solid #c0c0c0}

.table tr td{border-right:1px solid #c0c0c0; padding:10px; font: bold 12px Arial, Helvetica, sans-serif;border-bottom:1px solid #c0c0c0}

.table tr td.last{border-right:0px solid #c0c0c0; padding-top:18px}

.table tr.heading{background:#231f20; color:#FFF}

.table tr.grey{ background:#a2a4a6;}

#content-area .left .middle .column{float:left; width:240px; margin-right:25px}

#content-area .left .middle h3{margin-bottom:20px}

#content-area .left .middle .line{margin: 0px 0 20px;}

#content-area .left .middle h2{margin-bottom:0px}

#content-area .left .middle a{ color:#d5403d}

#content-area .left .middle .p{ font: bold 12px Arial, Helvetica, sans-serif; color:#231f20; line-height:16px; text-align:justify; margin-top:0px; margin-bottom:0px}

.location{ margin:20px 35px 30px}

.location li{ font:bold 12px Arial, Helvetica, sans-serif; color:#231f20; margin-bottom:30px}

.location li a{ color:#d5403d; text-decoration:underline}

#content-area .left .form{ margin:25px 0px; width:200px}

#content-area .left .form li{font:bold 12px Arial, Helvetica, sans-serif; color:#231f20; margin-bottom:5px}

#content-area .left .form li .input{ border:1px solid #c9c8c8; width:200px; height:18px; margin-bottom:10px}

#content-area .left .p a.grey{text-decoration:underline; color:#231f20;}

#content-area .left .product{ margin:75px 0px 25px;}

#content-area .left .product img{float:left; margin-bottom:75px; margin-right:45px}

#content-area .left .product ul{ list-style-type:disc; padding-top:50px}

#content-area .left .product ul li{ padding-left:5px; font:bold 11px Arial, Helvetica, sans-serif; color:#231f20; margin-bottom:2px}

#content-area .left .product ul li a{color:#d5403d; text-decoration:underline}

#content-area .left .product .dotted{ height:1px; border-bottom:1px dashed #d5403d; width:390px; margin:0px auto}

#content-area .left .txt{float:left; width:375px; margin-right:12px}

#content-area .left .txt h3{ font:bold 12px Arial, Helvetica, sans-serif; margin-bottom:10px; color:#231f20; text-transform:none}

#content-area .left .txt p{margin-bottom:10px}

#content-area .left .txt ul{ margin-left:20px; list-style-type:disc; color:#906;}

#content-area .left .txt ul li{ padding-left:5px; color:#d5403d;}

.table1{width:320px; border:1px solid #231f20; float:right; border-right:none; margin-bottom:40px}

.table1 tr td{border-right:1px solid #231f20; padding:3px; font: bold 11px Arial, Helvetica, sans-serif;border-bottom:1px solid #231f20}

.table1 tr td.last{border-bottom:0px solid #231f20; }

.table1 tr.grey{ background:#a2a4a6;}



.btn{

	width:121px;

	height:22px;

	text-align:center;

	padding-top:2px;

	background:url(../images/button.jpg) no-repeat;

	border:none;

	color:#fff;

	font-size:12px;

}

.btn1{

	width:91px;

	height:22px;

	text-align:center;

	padding-top:2px;

	background:url(../images/btn1.jpg) no-repeat;

	border:none;

	color:#fff;

	font-size:12px;

	float:right;

}





.btn a, .btn1 a{

	color:#fff;

	text-decoration:none;

	font:normal 12px Arial, Helvetica, sans-serif, "Myriad Pro";

}



#content-area .left .InnerArea{

	width:100%;

}

#content-area .left .InnerArea .Breadcrump{

	width:98%;

	float:left;

	padding:1%;

}

#content-area .left .InnerArea .Breadcrump a, #content-area .left .InnerArea a {

	text-decoration:underline;

	font: normal 12px Arial, Helvetica, sans-serif, "Myriad Pro";

}



#content-area .left .InnerArea .Breadcrump a:hover, #content-area .left .InnerArea a:hover{

	text-decoration:none;

}





#content-area .left .InnerArea p{

	font:regular 12px Arial, Helvetica, sans-serif, "Myriad Pro";

	margin-bottom:15px;

}



#content-area .left .InnerArea .pred{

	color:#ea1c26;

	font-size:13px;

}





#content-area .left .InnerArea h2{

	color:#ef413d;

	font-size:17px;

	margin-bottom:13px;

	font-weight:bold;

}







#content-area .left .InnerArea h1{

	width:100%;

	border-bottom:2px #65b04b solid;

	text-align:center;

	color:#333;

	font-size:22px;

	padding:18px 0;

	margin-bottom:33px;

}

#content-area .left .InnerArea h5{

	width:100%;

	color:#333;

	font-size:22px;

	padding:18px 0;

	margin-bottom:33px;

}



ul.list{
	margin:0 0 20px 15px;
	list-style-type:none;

}

ul.list li{

	font:normal 12px Arial, Helvetica, sans-serif, "Myriad Pro";
	background:url(../images/bullets.jpg) no-repeat left 4px;
	padding-left:13px;

}

ul.list1{
	margin:0 0 20px 15px;
	list-style-type:none;

}

ul.list1 li{

	font:normal 12px Arial, Helvetica, sans-serif, "Myriad Pro";
	background:url(../images/bullets.jpg) no-repeat left 5px;
	padding-left:13px;

}







/*               Education           */





#content-area .left .education{

	padding-left:20px;

}



#content-area .left .InnerArea .trainingTxt{

	float:left;

	width:361px;

}



#content-area .left .InnerArea .training{

	float:right;

	margin:0 0 10px 0;

	width:297px;

}





/*                    casestudies               */







#content-area .left .InnerArea .CaseStudies{

	width:100%;

	float:left;

}



#content-area .left .InnerArea .CaseStudies ul{

	list-style-type:none;

	padding:0;

	margin:0;

}



#content-area .left .InnerArea .CaseStudies ul li{

	float:left;

	width:320px;

	margin-right:12px;

	margin-bottom:28px;

}



#content-area .left .InnerArea .CaseStudies ul li p{

	margin-bottom:18px;

}

#content-area .left .InnerArea .CaseStudies ul li p.redy{

	color:#e61d23;



}

#content-area .left .InnerArea .CaseStudies a{

	color:#e23636;

	text-decoration:underline;

	font-weight:bold ;

	font-size:13px;

}



#content-area .left .InnerArea .CaseStudies a:hover{

	color:#e23636;

	text-decoration:none;

}





#content-area .left .InnerArea .CaseStudies .botHeading{

	float:left;

	width:317px;

	background:#eeeeee;

	text-align:center;

	padding:2px 0;

}





/*               Product           */







#content-area .left .productArea{

	float:left;

	width:350px;

	text-align:center;

}



#content-area .left .productArea ul{

	list-style-type:none;

	padding:0;

	margin:0 auto;

}



#content-area .left .productArea ul li{

	margin-bottom:3px;

}





#content-area .left .productArea ul a{

	color:#eb3b3e;

	text-decoration:underline;

}

#content-area .left .productArea ul a:hover{

	color:#eb3b3e;

	text-decoration:none;

}

#content-area .left .detailBlock{

	width:98%;

	padding:2% 1% 0 1%;

	float:left;

	background:#eee;

}









/*               Online Order           */





#OrderOnline{

	width:80%;

	margin:0 auto;

}



#OrderOnline a{

	text-decoration:underline;

	color:#e72f35;

}



#OrderOnline a:hover{

	text-decoration:none;

	color:#e72f35;

}







#OrderOnline #formArea{

	width:220px;

	background:#d3d4d6;

	margin:0 auto;

	padding:15px 15px;

}



#OrderOnline #formArea ul{

	list-style-type:none;

	padding:0;

	margin:0;

}



#OrderOnline #formArea ul li{

	margin-bottom:0;

}



#OrderOnline .input{

	width:217px;

	height:26px;

	float:left;

	background:url(../images/login-txtbx.jpg) no-repeat;

	border:none;

	padding:0 5px;

}

.light-box-back{ /*background:rgba(0,0,0,.2);*/ position:relative; height:608px; width:100%;}
.province-search{
	height:auto;
	width:224px;
	/*position:absolute;*/
	box-shadow:7px 7px 5px rgba(50, 50, 50, 0.75);
	border:1px solid #000;
	padding:15px 20px;
	margin:auto;
	position:relative;
	/*left: 354px;*/
	top: 250px;
	background:#FFF;
}

.province-search p{font: bold 12px Arial, Helvetica, sans-serif; line-height:17px; word-spacing:3px}
.province-search p.bold{font-weight:bold; margin-bottom:10px; font-size:13px}
.light-box-back .red{font:bold 14px Arial, Helvetica, sans-serif; color:#e91c23;}

/************************Calculator*************************/
.calculator{
	width:400px;
	height:285px;
	position:absolute;
	box-shadow:7px 7px 5px rgba(50, 50, 50, 0.75);
	border:1px solid #000;
	padding:40px 31px;
	/*left: 252px;
	top: 66px;*/
	left: 0;
	top: 0;
	background:#FFF;
}
.calculator .red{margin-bottom:40px; text-align:center;}
.red {
font: bold 14px Arial, Helvetica, sans-serif;
color: #E91C23;
margin: auto;
}
.calculate-now{ width:290px; margin:0px auto 10px}
.calculate-now li{ float:left; width:140px; font:bold 13px Arial, Helvetica, sans-serif; margin-bottom:5px; text-align:right;}
.calculate-now li.middle{margin-right:10px; width:130px}
.calculate-now li input.input{background:url(../images/calculator-txt.jpg) no-repeat; width:92px; height:20px; float:right; border:none; margin-right:10px; padding-left:5px; line-height:20px}
.calculate-now li input.input-small{background:url(../images/calculator-txt-small.jpg) no-repeat; width:59px; height:20px; border:none; float:left}
.calculate-now span{float:left}
.calculator .button{background:url(../images/calculate.jpg) no-repeat left top; width:109px; height:23px; margin:0px 0px 10px 150px; border:none; cursor:pointer}
.calculator p{text-align:center; font:bold 12px Arial, Helvetica, sans-serif; margin-bottom:5px;}
.calculator p span{ font-size:14px}


.Sitemap{ width:600px; margin-left:100px;}
.Sitemap h1{ font-size:13px; border:none;}
.Sitemap ul{ list-style-type:none; color:#231f20; margin:0; padding:0; }
.Sitemap ul li{ margin:0; padding:0;}	
.Sitemap ul li a{ color:231f20; text-decoration:underline;}
.Sitemap ul li a{ color:231f20; text-decoration:none;}

.Sitemap h5{	color:#333;

	font-size:22px;

	padding:18px 0;

	margin-bottom:33px;}