@import url('reset.css');

html, body {height:100%;}
html {overflow-x: hidden;}
#wrapper {min-height:100%; height:auto !important; height:100%; margin:0 auto -45px;}
.push {height:44px; padding-top:40px;}

body, select, input, textarea {font:normal 12px/17px  Georgia, "Times New Roman", Times, serif; margin:0 auto; color:#575757; background-image: url(../image/22.png);
background-attachment: fixed;
background-position: 50% 50%; /* or: center center */
background-size: cover;}

select {margin-bottom: 15px; height:20px;}
a {cursor:pointer; color:#3C8FD7; text-decoration:none; outline:0;}
a:hover {color:#0099cc; text-decoration:underline; outline:0;}
.h5
{ padding:6px; width:219px; border-radius:3px 3px 0px 0px;   border-bottom: 1px dotted #326699; background:#3C8FD7; color:#fff; margin-top:5px;
}
.menu
{
	color:#33679A;}
h2, h3, h4 {text-transform:uppercase;}
h2 {font-size:21px; padding-top:13px; margin-bottom:18px; width:630px; letter-spacing:-.05em;}
h2.pr {text-transform:none; line-height:26px;}

.abt_img
{ opacity:1;float:right; margin-left:20px; }
.abt_img:hover
{ opacity:0.6;float:right; margin-left:20px;}

h5 {font-weight:bold; margin-bottom:6px; font-size:16px; margin-top:-10px; color:#3C8FD7;}
h6 {color:#999;}
p,
ul {margin:0 0 1em; line-height:20px; list-style:none;}
ul {margin:0 0 1.5em;}
.c67 ul {margin-left:25px; list-style:square; padding-right:60px;}
.bullet {margin-left:15px; list-style:square;}
	.bullet li + li {margin-top:1em;}
.c67 p {line-height:18px;}
.c33 p,
.c33 ul {line-height:30px; font-size:16px; margin-left:134px;}
a.more {font-size:12px; border-radius:5px; color:#3C8FD7; padding:3px;}
b {font-weight:bold;}
.pdf {background:transparent url('../image/pdf.png') no-repeat 0 1px; padding-left:26px; line-height:20px;}
a.pdf {display:inline-block;}
li.news {background:transparent url('../image/news.png') no-repeat 0 3px; padding-left:26px; line-height:20px;}
input + p {margin-top:1em;}

dl {padding-bottom:10px;}
	dt {display:block; float:left; clear:left; text-transform:uppercase; width:150px;}
	dd {display:block;}
	/*imag hover*/
	.pic{ width:190px; height:190px; opacity: 1; filter: alpha(opacity=100);
	 background: url(http://www.corelangs.com/css/box/img/duck.png) no-repeat; }
	  .pic:hover { opacity: 0.3; filter: alpha(opacity=30); }
/*imag hover end*/

/* TEST */

h3 {color:#870000;font-size:16px; margin-bottom:.6em; margin-top: 1em;}
h3.section {margin-top: 0;}
h4 {color:#2465CE; font:13px/30px sans-serif; border-top:1px dotted #2465CE; border-bottom:1px dotted #2465CE; margin-bottom:14px;}
.c67 p.more {margin-top: -.5em;}
.c33 p.more {margin-top: -1em;}
.c33 p {margin-bottom: 3.1em; margin-top:2em;}


/* HELPERS */
.hidden {display:none;}
.left {float:left; font-weight:bold; color:#A4A4A4; font-size:13px; margin-top:-10px;}
.right {float:right;}
.clear {clear:both;}
img {border:1px solid #999;}
img.ext {margin-left:6px; border:none;}
img.clean {border:none;}
img.left {margin-right:20px; margin-bottom:20px;}
img.right {margin-left:20px; margin-bottom:20px;}
img.left.small {margin-right:10px; margin-bottom:10px;}
img.right.small {margin-left:10px; margin-bottom:10px;}
.round3 {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.roundB3 {-webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px;}
.roundBL3 {-webkit-border-radius:0 0 0 3px; -moz-border-radius:0 0 0 3px; border-radius:0 0 0 3px;}
.roundBR3 {-webkit-border-radius:0 0 3px 0; -moz-border-radius:0 0 3px 0; border-radius:0 0 3px 0;}
.caption {color:#878787; font-size:11px; display:block; margin:12px 0 16px;}
	.caption b {font-weight:bold; color:#575757;}
.tabs {margin:0 !important; height:21px; border-bottom:1px dotted #999;} 
	.tabs li {list-style:none; float:left; background:transparent url('../image/bg_tab.png') no-repeat; display:block; float:left; text-decoration:none; color:#888; font-weight:bold; padding: 0 0 0 4px; font-size:12px; line-height:22px; }
	.tabs li a {background: transparent url('../image/bg_tab.png') right -22px no-repeat; display:block; outline:0; color:#5b5b5b; text-transform:uppercase; text-decoration:none; display:block; text-align:center; font-size:10px; line-height:22px; padding:0 12px 0 8px !important;}
	.tabs li.current {background-position:0 -44px;}
	.tabs li.current a {color:#000; background-position:right -66px;}

.panes > div {padding-top:18px;}

.btnGrey {background:transparent url('../image/btnGrey.png') left 0 no-repeat; display:inline-block; text-decoration: none; color:#333; font-weight: bold; padding:0 0 0 4px; font-size:12px; line-height:24px;}
	.btnGrey span {background:transparent url('../image/btnGrey.png') right -24px no-repeat; display:inline-block; padding:0 24px 0 20px;}
.btnGrey:hover {color:#006699;}
.btnGrey.disabled,
.btnGrey.disabled:hover {cursor:default; color:#898989; background-position: left -48px;}
	.btnGrey.disabled span {background-position:right -72px;}

.note {font-size:10px;}
	.note h5 {text-transform:uppercase;}
	.note dt {float:none; width:auto;}
	.note dd {margin-left:35px;}

table {width:107%; margin-left:-58px;}
	th {background:#fff url('../image/bg_th.png') repeat-x; font:normal 12px/44px sans-serif; color:#000; text-align:left; padding:0 11px;}
	th + th {border-left:1px solid #cbcbcb;}
	td {font-size:11px;float:left;}
	td + td {color:#777; border-left:1px solid #fff;}
	td.active,
	tr.active td {background:#f7f7f7; color:#575757;}
	tbody tr:first-child td.active,
	tbody tr:first-child.active td {border-top:1px solid #f04655;}

.insetNav h5 {font-size:13px;}
.insetNav ul {margin-left:25px; list-style:square; color:#999; margin-bottom:.5em;}

/* GRID */
header
{
    height: 102px;
/*    border-top: 1px solid #2364CA;
    border-bottom: 1px solid #2364CA;
*/    padding-top: 20px;
    padding-bottom: 20px;
/*    background: url(../image/bg_header.png) no-repeat center center fixed;
*/    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
	.container {width:960px; margin:0 auto; position:relative; z-index:9999999;}
	header .container {padding-top:21px;}
		h1 {width:130px; height:60px; text-transform:uppercase; background:transparent url('../image/logo.png') no-repeat;}
			h1 a {display:block; width:130px; height:60px;}
		#account {position:absolute; top:0; right:0; list-style:none; margin:0;}
			#account li {float:left;}
				#account a {display:block; font:normal 10px/14px sans-serif; color:#fff; padding:0 11px 4px; background:transparent url('../image/bg_top.png') no-repeat;}
				#account .login {border-right:1px solid #68030b;}
				#account .register {border-left:1px solid #cf6970;}
				#account .worldwide {margin-left:6px; position:relative;}
					#account .worldwide > a {background-position:right top; padding-right:25px; -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px;}
					#account .worldwide:hover > a {-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
					#account .worldwide ul {display:none; position:absolute; top:18px; background:transparent url('../image/bg_top.png') no-repeat 0 -18px; *width:85px;}
					#account .worldwide:hover ul {display:block;}
						#account .worldwide:hover li {width:100%;}
							#account .worldwide ul a {background:none; display:block;}
							#account .worldwide ul a:hover {background:#b1434c; text-decoration:none;}
		#globalSearch {position:absolute; top:64px; right:0;}
			#globalSearch .button {background:transparent url('../image/search.png') no-repeat; width:25px; height:21px; border:none; float:left;}
			#globalSearch .input {border:none; border-top:1px solid #ccc; width:161px; height:20px; padding:0 11px; font:normal 10px/16px sans-serif;}
		header nav  {position:absolute; top:37px; width:584px; left:438px; background:#3C8FD7; padding:6px; border-radius:24px; }	
			header nav li { padding:8px; border-right:1px solid #fff; background:#3C8FD7; border-radius:8px;  font:normal 12px/12px sans-serif; float:left; text-transform:uppercase; margin-right:30px; position:relative; text-align:center;}
			header nav > ul > li:hover,
			.products-section header nav > ul > li.products,
			.solutions-section header nav > ul > li.solutions,
			.environment-section header nav > ul > li.environment,
			.support-section header nav > ul > li.support,
			.company-section header nav > ul > li.company {
				background:#F8F8F8;}
				header nav a {display:block; color:#fff; }
				#social_img
				{
				}
				#social_img:hover
				{ transform:scale(1.5,1.5);
				}
				.img_prod
				{ padding-bottom:17px; border:none;
				}
				.img_prod:hover
				{ transform:scale(1.1,1.1); border:none;
				}

				header nav a:hover  {color:#2165CA; text-decoration:none; }

/*
				header nav a:hover,
				.products-section header nav > ul > li.products a,
				.solutions-section header nav > ul > li.solutions a,
				.environment-section header nav > ul > li.environment a,
				.support-section header nav > ul > li.support a,
				.company-section header nav > ul > li.company a {color:#000; text-decoration:none;}
*/
				header nav li ul {display:none; background:#fff url('../image/bg_dropdown.png') repeat-x; position:absolute; width:243px; top:29px; border-top:1px solid #a5a5a5; left:-15px; box-shadow:0 15px 15px rgba(0,0,0,0.15); -webkit-box-shadow:0 15px 15px rgba(0,0,0,0.15); -moz-box-shadow:0 15px 15px rgba(0,0,0,0.15);}
				header nav li:hover ul {display:block;} 
					header nav li li {text-transform:capitalize;}
						header nav li ul a {display:block; padding:0 15px; line-height:29px; width:213px; line-height:29px; height:auto; color:#535353; border-bottom:1px dotted #a6a6a6;}
						header nav li ul a:hover {background:#bbb;}
                             header nav li.products ul li.all a:hover,
                             header nav li.products ul li.guide a:hover {text-decoration: underline;}
						header .all a,
						header .guide a {line-height:18px; background:#fff url('../image/arrow_red.png') no-repeat right 6px; width:auto; padding-right:22px; border:none;}
						header .all a:hover,
						header .guide a:hover {color:#5b5b5b; background:#fff url('../image/arrow_red.png') no-repeat right 6px; text-decoration:underline;}
						header .all a {margin-top:14px;}
						header .guide a {margin-bottom:16px;}

#main {position:relative; z-index:1; }
#main.noHero {background:#fff !important;}
.family #main {background:#fff;}
	#main .container {/*padding-top:30px;*/}
		#main #breadcrumb {font-size:10px; margin-bottom:21px;}
			#main #breadcrumb a {padding-right:12px; margin-right:8px; background:transparent url('../image/arrow_breadcrumb.png') no-repeat right 2px;}
			#main #breadcrumb span {color:#000;}
		.col {float:left;}
		.col + .col {margin-left:30px;}
		.col.c33 {width:300px;}
		.col.c67 {width:630px;}
		.col.c100 {width:960px;}
		.c67,
		.c100,
		.c67 section + section {border-top:1px dotted #999; padding-top:20px;}

footer {color:#d7d4d4; clear:both; position:relative; height:44px; font:normal 9px/9px sans-serif; background:#464646; 
border-top:1px solid #A4A4A4;}
	footer .container {padding-top:18px; position:relative;}
		footer nav {border-left:1px solid #959595; margin:-6px 0 0 20px; position:absolute; left:205px; top:19px;}
			footer li {float:left; text-transform:uppercase; margin-left:13px;}
			footer a {color:#d0cece;}
			footer a:hover {color:#ffffff; border-bottom:1px solid #959595;}
			.mozilla footer a:hover {border-bottom:none;}
		#social {position:absolute; right:0; top:19px; width:115px;}
			#social a {display:block;  position:absolute; right:40px; top:-4px; display:block; width:16px; height:16px; background:transparent url('../image/social.png') no-repeat;}

			
			#social .twitter {background-position:-20px 0; right:20px;}
			#social .youtube {background-position:-40px 0; right:0;}
/* HOME */
#home .col img.big {margin-bottom:10px; box-shadow:0 2px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 2px 3px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 2px 3px rgba(0, 0, 0, 0.25);}


#home .col h3 {font:normal 19px/35px sans-serif; letter-spacing:-.05em; text-transform:uppercase; margin-bottom:16px; color:#3C8FD7; /*border-top:1px dotted #2465CE;*/ border-bottom:1px dotted #326699; margin-bottom:20px;}	
	.webkit #home .col h3 {padding-bottom: 3px;}
#home .col img.small {margin:3px 0 0 20px;}
	.news .item + .item {border-top:1px solid #d4d4d4; margin-top:11px; padding-top:12px;}
		.news .date {display:block; font-weight:bold; color:#a2a2a2; margin-bottom:2px;}
	#home #company ul {margin:17px 0 0 0; list-style:none;}
		#home #company li {font:normal 11px/24px sans-serif; border-top:1px dotted #a6a6a6; border-bottom:1px dotted #a6a6a6;}
		#home #company li + li {border-top:none;}
			#home #company li a {display:block; width:290px; background:transparent url('../image/arrow_blue.png') no-repeat right 9px;}
#home #resources p, #home #company p {padding-bottom: 10px;}
#home #resources input {background:#f8f8f8 url('../image/bg_input.png') no-repeat; width:288px; padding:0 6px; border:none; height:20px; margin:11px 0 10px;}
	#productSelectTop {height:42px;}
		#productSelectTop form {height:22px; margin:0; padding:0; *position:relative; *left:30px;}
	#productSelectBottom {font:normal 10px/18px sans-serif; padding:2px 6px; background:#f8f8f8 url('../image/bg_input.png') no-repeat; width:288px; height:117px; overflow-y:scroll; text-transform:uppercase;}
		#productSelectBottom a {color:#575757; margin-left:10px;}
		#productSelectBottom h6 a {color:#999; margin-left:0;}
		#productSelectBottom ul {margin:0;}

	

/* Learn More */
#main a.learn {padding-right:8px; background:transparent url('../image/arrow_blue.png') no-repeat right 4px;}
/* 100% Image */
#main img.full {margin-bottom:1em;}

#exportSearch {height:301px; margin:3em 0; border:1px solid #ddd; overflow-y:scroll;}

/*CLEARFIX*/
.clearfix:after{clear:both;content:'.';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block;}

/* HEROS - DONT TOUCH */
.hero {position:relative; z-index:1; border-bottom:4px solid #4E4E4E; border-top:4px solid #4E4E4E; background:#000; background-repeat:repeat-x}
	.hero .bg {background-repeat:no-repeat; background-position:center top; margin:0 auto; position:relative;}
		.hero .inner {height:200px; width:960px; margin-left:-480px; left:50%; position:relative; visibility:hidden;}
			.hero .pic {display:block; position:absolute;}
			.hero .shade {background:transparent url('../image/shade.png'); position:relative; top:32px; height:90px; display:inline-block; padding:23px 30px;}
				.hero h2 {text-transform:uppercase; font-size:40px; padding:40px 0 10px 0; margin:0; color:#fff;}
				.hero h3 {text-transform:uppercase; font-size:16px; margin:0; color:#fff;}
				.hero p {padding-top:11px; width:300px; margin:0; color:#fff;}
				.hero .ctaArrow {display:inline-block; padding-right:10px; background:transparent url('../image/arrow_hero.png') no-repeat right 6px; *background-position:right 3px;}
				.hero .ctaArrow + .ctaArrow {margin-left:22px;}
					.hero .ctaArrow a {color:#fff; font-size:13px;}
					.hero .ctaArrow a:hover {text-decoration:none; border-bottom:1px solid #fff;}

.hero#heroHome {}
	.hero#heroHome .inner {height:320px; width:1300px; margin-left:-650px;}
	.hero#heroHome .slide {position:absolute; height:320px; width:1300px; background:transparent url('../image/hero_bg.jpg') repeat-x;}
		.hero#heroHome .shade {margin:76px 129px 4px 168px; padding:29px 35px 28px; height:auto; min-width:700px;}
		.hero#heroHome .space {padding-left:121px; min-width:607px;}
		.hero#heroHome img.left {border:none; margin:0 0 0 -86px;}
		.hero#heroHome .chip {background:transparent url('../image/chip.png') no-repeat 0 0; height: 70px; padding-left: 85px;}
			.hero#heroHome .chip920 {background:transparent url('../image/chip.png') no-repeat 0 -70px; height: 70px; padding-left: 85px;}
		.hero#heroHome .line1 {font-size:28px; text-transform:uppercase; display:block; color:#fff; padding:38px 0 10px 0;}
		.hero#heroHome h2 {font-size:48px; padding-top:0;}
		.hero#heroHome p {width:auto; font-size:17px; color:#fff; padding:8px 0 22px 0; float:left; text-transform:none;}
		.hero#heroHome .cta {clear:left;}
#home #dots {position:absolute; width:120px; height:10px; left:606px; bottom:10px; z-index:100;}
	#home #dots a {text-indent:-9999em; display:block; height:10px; width:10px; background:transparent url('../image/hero_paginate.png') no-repeat; padding:0; float:left; margin-right:0;}
	#home #dots a:hover {border:none;}
	#home #dots a + a {margin-left:16px;}
	#home #dots a.activeSlide {background-position:-10px 0;}


/* FLUID HERO CODE */
/*
	.hero#heroHome #hero1 .pic {background:transparent url('../image/hts.png') no-repeat; width:100%; height:320px; display:block; position:absolute; top:0; *right:0; z-index: -1;}
	.hero#heroHome #hero2 .pic {background:transparent url('../image/LTSS.png') no-repeat; width:100%; height:320px; display:block; position:absolute; top:0; *right:0; z-index: -1;}
	.hero#heroHome #hero3 .pic {background:transparent url('../image/pf_panels.png') no-repeat; width:100%; height:320px; display:block; position:absolute; top:0; *right:0; z-index: -1;}
	.hero#heroHome #hero4 .pic {background:transparent url('../image/e2.png') no-repeat; width:100%; height:320px; display:block; position:absolute; top:0; *right:0; z-index: -1;}
*/
	.hero#heroHome #hero1 .shade {background: none; padding: 0; top: 30px; *padding-top: 76px;}
	.hero#heroHome #hero1 h2 {width: 460px; font-size:36px;}
	.hero#heroHome #hero1 p {width: 450px; font-size:19px; line-height: 24px; padding:0 0 22px 0;}

	.hero#heroHome #hero2 .shade {background: none; padding: 0; top: 26px; *padding-top: 76px;}
	.hero#heroHome #hero2 h2 {width: 460px; font-size:36px;}
	.hero#heroHome #hero2 p {width: 700px; font-size:19px; line-height: 24px; padding:0 0 22px 0;}

	.hero#heroHome #hero3 .shade {background: none; padding: 0; top: 36px; *padding-top: 76px;}
	.hero#heroHome #hero3 h2 {width: 740px; font-size:36px;}
	.hero#heroHome #hero3 p {width: 440px; font-size:19px; line-height: 24px; padding:0 0 22px 0;}
	
	.hero#heroHome #hero4 .shade {background: none; padding: 0; top: 20px; *padding-top: 76px;}
	.hero#heroHome #hero4 h2 {width: 460px; font-size:36px; text-transform: none;}
	.hero#heroHome #hero4 p {width: 350px; font-size:19px; line-height: 24px; padding:0 0 22px 0;}


.nolink { cursor: default;}
	
	
#underline{
	text-decoration:underline;
	}
	
/*=====================Surajaddcss=======================*/
 .p-tb{
	padding: 30px 0px; 
 }
.mb-15{
	margin-bottom: 15px;
}	
.con-detail p{
	margin-left: 0px;
	margin: 1em 0em;
}
.line{
	margin-bottom: 20px;
}

.certificate img{
	margin-bottom: 10px;
}