/* Base
------------------------------------------------------------------------------------------ */
html {
	font-size : 62.5%;
}


#wrapper {
	padding : 0 30px;
}

#header {
	position : relative;
	z-index : 100;
}

#page #navigation {
	background : url("../Image/nav2.png") top left no-repeat #00877c;
	border : none;
}

#page #navigation > .col {
	border : none;
	padding : 12px 0;
	margin : 0;
}
.newcustomerportalview #page #navigation > .col {
	border : none;
	padding : 12px 0;
	margin : 0;
}

#page, #container, #header, #serviceLinks {
	margin : 0 auto;
	text-align : left;
}

#header {
	min-height : 75px;
}

#header img {
	margin : 7px 0 -8px;
	width : auto;
}

#container {
	box-shadow : 0 0 60px rgba(0, 0, 0, 0.15);
	border : #d0d0d0 solid 1px;
	background : url("../Image/footer-img.jpg") bottom left no-repeat #fff;
	margin-top : 20px;
	margin-bottom : 20px;
}

#footer:after, #page:after {
	content : "";
	display : table;
	clear : both;
}

.print, .printOnly {
	display : none;
}

a, a:visited {
	color : #289392;
}


/* Header Open
-----------------------------------------------------------------------------*/
.headerOpen {
	background-image : url("../Image/h");
	background-position : top right;
	background-repeat : no-repeat;
}

.headerOpen #container {
	margin-top : 133px;
	border-top-width : 0;
}

.headerOpen #header {
	height : 0;
	min-height : 0;
	overflow : visible;
	padding : 0;
	position : relative;
}

.headerOpen #header #pageTitle {
	margin-top : -100px;
}

.headerOpen #wrapper {
	background : url("../images/brand_corner.png") top right no-repeat;
}


/* Simple Nav
-----------------------------------------------------------------------------*/
.simpleNav #page #navigation {
	background : none;
	height : 0;
	overflow : visible;
}

.simpleNav #page #navigation .col {
	position : relative;
	top : -70px;
}

.simpleNav #page #navigation .col ul {
	margin : 0 50px;
}


/* Columns
-----------------------------------------------------------------------------*/
.cols1 {
	display : block;
	position : relative;
	float : left;
	width : 6.25%;
	z-index : 30;
}

.cols2 {
	display : block;
	position : relative;
	float : left;
	width : 12.5%;
	z-index : 30;
}

.cols3 {
	display : block;
	position : relative;
	float : left;
	width : 18.75%;
	z-index : 30;
}

.cols4 {
	display : block;
	position : relative;
	float : left;
	width : 25%;
	z-index : 30;
}

.cols5 {
	display : block;
	position : relative;
	float : left;
	width : 31.25%;
	z-index : 30;
}

.cols6 {
	display : block;
	position : relative;
	float : left;
	width : 37.5%;
	z-index : 30;
}

.cols7 {
	display : block;
	position : relative;
	float : left;
	width : 43.75%;
	z-index : 30;
}

.cols8 {
	display : block;
	position : relative;
	float : left;
	width : 100%;
	z-index : 30;
}

.cols9 {
	display : block;
	position : relative;
	float : left;
	width : 56.25%;
	z-index : 30;
}

.cols10 {
	display : block;
	position : relative;
	float : left;
	width : 62.5%;
	z-index : 30;
}

.cols11 {
	display : block;
	position : relative;
	float : left;
	width : 68.75%;
	z-index : 30;
}

.cols12 {
	display : block;
	position : relative;
	float : left;
	width : 75%;
	z-index : 30;
}

.cols13 {
	display : block;
	position : relative;
	float : left;
	width : 81.25%;
	z-index : 30;
}

.cols14 {
	display : block;
	position : relative;
	float : left;
	width : 87.5%;
	z-index : 30;
}

.cols15 {
	display : block;
	position : relative;
	float : left;
	width : 93.75%;
	z-index : 30;
}

.cols16 {
	display : block;
	position : relative;
	float : left;
	width : 100%;
	z-index : 30;
}

.cols12 .cols12 {
	width : 100%;
}

.cols12 .cols11 {
	width : 91.666%;
}

.cols12 .cols10 {
	width : 83.333%;
}

.cols12 .cols9 {
	width : 75%;
}

.cols12 .cols8 {
	width : 66.666%;
}

.cols12 .cols7 {
	width : 58.333%;
}

.cols12 .cols6 {
	width : 50%;
}

.cols12 .cols5 {
	width : 41.666%;
}

.cols12 .cols4 {
	width : 33.333%;
}

.cols12 .cols3 {
	width : 25%;
}

.cols8 .cols8 {
	width : 100%;
}

.cols8 .cols7 {
	width : 87.5%;
}

.cols8 .cols6 {
	width : 75%;
}

.cols8 .cols5 {
	width : 62.5%;
}

.cols8 .cols4 {
	width : 50%;
}

.cols8 .cols3 {
	width : 37.5%;
}

.cols6 .cols6 {
	width : 100%;
}

.cols6 .cols4 {
	width : 66.66%;
}

.cols6 .cols3 {
	width : 50%;
}

.cols4 .cols4 {
	width : 100%;
}

.cols4 .cols3 {
	width : 75%;
}

.cols3 .cols3 {
	width : 100%;
}

.col {
	margin : 0 50px;
	padding-bottom : 30px;
}

#page {
	/*padding : 0 50px;*/
}

#page > .cols16 {
	/*padding : 0 50px;*/
    overflow:hidden;
    	/*margin-left : -50px;*/
	border-top : 1px solid #e5e5e5;
}

#page > .cols16 > div:first-child, .doubleLeft {
	/* border-right : 1px solid #e5e5e5; */
	margin-right : -1px;
}

#page > .cols16 > div:last-child, .doubleRight {
	/* border-left : 1px solid #e5e5e5; */
	margin-left : -1px;
}

.contentColumnLeft {
	display : block;
	float : left;
	margin : 0 0 20px;
	padding-right : 5%;
	width : 45%;
}

.contentColumnRight {
	display : block;
	float : left;
	margin : 0 0 20px;
	padding-left : 5%;
	width : 45%;
}

.fullWidthImg {
	height : auto;
	margin : 0 0 25px 0;
	width : 99.75%;
}

.fullWidthImgWrap {
	margin : 0 -50px;
}

#page > .cols16 > .doubleRight .fullWidthImgWrap {
	margin : 0 -100px 0 -50px;
}

#page > .cols16 > .doubleLeft .fullWidthImgWrap {
	margin : 0 -50px 0 -100px;
}

#page > .homeBanner > .doubleLeft .fullWidthImgWrap {
	margin-left : -50px;
}

.single img {
	height : auto;
	width : 100%;
}

.single > img:first-child, .single > .fullWidthImgWrap:first-child {
	margin-top : 50px;
}

.single img + h3, .single .fullWidthImgWrap + h3 {
	margin-top : 0;
}

.footerLinks {
	text-align : right;
        margin-bottom: -10px;
	/* padding-top : 45px; 
	margin-right : -50px;
	padding-right : 50px;*/
}
.newcustomerportalview .cols16.footerLinks {width:auto; float:right;}

.footerLinks ul {
	list-style : none;
}

.footerLinks li {
	display : inline;
	margin-left : 12.5px;
}

.footer-info{
    height:10px;
    /* margin-right:50px; */
	
}

.footer-links{
    width:30px;
    color:black;
    font-weight:bold;
    margin-right: 20px;
	font-size: 10px;
}


.footerLinks a {
	font-weight : 900;
    color: #289392;
	text-decoration : none;
}

#search {
	position : relative;
	float : right;
	margin-right : 50px;
}

#search legend, #search label {
	display : none;
}

#search #sField {
	border : none;
	padding : 0;
	background : url("../images/search.png");
	padding : 6px 10px 5px;
	width : 155px;
}

#search #sButton {
	position : absolute;
	top : 9px;
	right : 9px;
}

#navigation ul {
	list-style : none;
	margin : 0 10px 0 10px;
}

#navigation li {
	display : inline;
	margin-right : 27.5px;
}

#navigation a {
	color : #fff;
	text-decoration : none;
	font-weight : 900;
	text-shadow : -1px -1px 0 rgba(0, 0, 0, 0.2);
	white-space : nowrap;
	font-size: 15px;
}

#pageTitle {
	font-weight : 300;
	color : #fff;
	font-size : 3em;
	margin : 30px 0 20px 50px;
	text-shadow : -1px -1px 0 rgba(0, 0, 0, 0.2);
	padding : 0;
	line-height : 1em;
}

.homeBanner .fullWidthImg {
	width : auto;
}

.homeBanner .fullWidthImgWrap {
	position : absolute;
}

#page > .homeBanner > .col {
	margin : 0;
	border : 0 !important ;
}

.homeBanner .cols8 {
	width : 100%;
	background : url("../images/homeBannerNewCover.png") 25% 25% repeat-y;
	margin : 0 0 0 -50px;
	padding : 0 50px;
	min-height : 247px;
}

.homeBanner .cols8 .box {
	margin-left : 25%;
	padding-left : 25px;
}

#page > #serviceLinksBox {
	display : none;
}

#serviceLinks {
	text-align : right;
	list-style : none;
	text-align : right;
	position : relative;
	top : 20px;
	right : 100px;
	visibility: hidden;
}

#serviceLinks li {
	display : inline;
	margin-left : 12px;
	font-size : 0.9em;
	font-weight : 900;
	color : rgba(0, 0, 0, 0.5);
	text-shadow : 1px 1px 0 rgba(255, 255, 255, 1);
}

#serviceLinks li a {
	color : rgba(0, 0, 0, 0.5);
	text-decoration : none;
}

#logolink {
	display : block;
	height : 200px;
	width : 160px;
}

.readMore {
	text-align : right;
	margin-bottom : 0;
}

.readMore a {
	text-decoration : none;
}

.readMore span {
	font-weight : bold;
	font-size : 2.5em;
	font-family : Arial, Helvetica, sans-serif;
	line-height : 0;
	position : relative;
	bottom : -0.11em;
	text-decoration : none;
}

blockquote {
	margin : 0 0 2em;
	padding-top : 0.5em;
}

cite {
	margin : -1.5em 0 2em;
}

.box blockquote {
	padding : 5px;
	margin : 0;
}

.box blockquote + cite {
	margin : 0;
}

blockquote p {
	display : inline;
	font : 1.5em "Times New Roman", Times, serif;
	font-style : italic;
	line-height : 1.2em;
}

cite {
	display : block;
	text-align : right;
	font : 1.2em "Times New Roman", Times, serif;
	font-style : italic;
}

blockquote .quote {
	font-size : 3em;
	font-weight : bold;
	padding : 1em 0.3em 0 0;
	line-height : 0;
}

blockquote .quote span {
	display : inline;
	line-height : 0;
	position : relative;
	top : 0.3em;
	color : #aaa;
}

.doc, .txt, .rtf {
	background-image : url("../images/icon-doc.gif") !important ;
}

.xls, .csv {
	background-image : url("../images/icon-xls.gif") !important ;
}

.jpg, .jpeg, .gif, .png, .bmp {
	background-image : url("../images/icon-image.gif") !important ;
}

.ppt {
	background-image : url("../images/icon-ppt.gif") !important ;
}

.pdf {
	background-image : url("../images/icon-pdf.gif") !important ;
}

.xxx {
	background-image : url("../images/icon-xxx.gif") !important ;
}

.exe {
	background-image : url("../images/icon-exe.gif") !important ;
}

.doc, .txt, .rtf, .xls, .csv, .jpg, .jpeg, .gif, .png, .bmp, .ppt, .pdf, .xxx, .exe {
	background-repeat : no-repeat !important ;
	background-position : 10px 1.2em !important ;
}

.listBlock {
	display : block;
	border-top : 1px solid #ddd;
	margin : 2em 0;
}

.listBlock li {
	display : block;
	padding : 1em 10px 1em 35px;
	border-bottom : 1px solid #ddd;
}

.listBlock li:hover {
	background-image : url("../images/shade5.png");
}

.listBlock li h3 {
	margin : 0;
	font-size : 1.2em;
	padding-top : 0;
}

.universalForm {
	float : left;
	margin : 2em 0;
}

.universalForm fieldset {
	border : #ccc solid 1px;
	padding : 1em;
	margin : 0 0 2em;
}

.universalForm legend {
	font-size : 1.3em;
	font-weight : bold;
	padding : 0 0.5em;
	margin : 0 0 0 -0.5em;
}

.formCols {
	float : left;
	display : block;
	width : 100%;
	clear : both;
	margin : 0 0 10px 0;
}

.formCols dt {
	float : left;
	display : block;
	width : 30%;
	margin-right : 5%;
	padding : 4px 0;
}

.formCols dt, .formCols dt label {
	font-weight : bold;
}

.formCols span {
	visibility : hidden;
}

.formCols .required span {
	visibility : visible;
	font-weight : bold;
	color : #CC0000;
}

.formCols dd {
	float : left;
	display : block;
	width : 64%;
}

.formCols dd input.fText, .formCols dd textarea, .formCols dd select {
	display : block;
	width : 98%;
	padding : 0.3em;
	margin : 0;
}

.formCols dd input {
	width : auto;
	float : left;
	margin : 0 5px 5px 0;
}

.formCols dd label {
	display : block;
	clear : both;
	margin : 0;
	padding : 0;
}

.displayNone {
	visibility : hidden;
}

.fsubmit {
	display : block;
	width : 100%;
	background : #ccc;
	margin-top : -2em;
	padding : 0.5em 0;
}

.fsubmit input {
	padding : 0.3em 2em;
	font-weight : bold;
}

.wideFields dd {
	width : 100%;
}

.cols4 .formCols dt, .cols4 .formCols dd {
	width : 100%;
}

.cols4 .fsubmit dt {
	display : none;
}

.cols4 .fsubmit input {
	margin : 0 0 0 1em;
}


/*  Sub Navigation
--------------------------------------------------------------------------------------*/
#subNav {
	margin : 50px 0 20px;
}

#subNav ul {
	display : inline-block;
	list-style : none;
	/*border-top : 1px solid #ddd;*/
	margin : 0 0 00px;
	font-weight : 600;
}

#subNav li {
	display : inline-block;
	/*border-bottom : 1px solid #ddd;*/
	padding : 3px 2px 3px 2px;
	background-image : none; background:#ddd; border:1px solid #ccc;     border-radius: 4px; margin-left:0.6em;
}

#subNav li .glyphicon-search{ padding:3px 8px;}

#subNav a {
	/*display : block;*/
	padding : 2px 0 2px 10px;
	text-decoration : none;
}

#subNav sup {
	display : none;
}

#subNav ul ul {
	display : inline-block;
	width : 100%;
	list-style : none;
	/*border-top : 1px solid #ddd;*/
	margin : 1px 0 0 0;
	font-size : 95%;
	font-weight : 300;
}

#subNav ul ul li {
	display : inline-block;
	width : 100%;
}

#subNav ul ul li:last-child, #subNav ul ul li.last-child {
	border : none;
}

#subNav ul ul ul li {
	border : none;
}

#subNav ul ul li a {
	padding : 3px 0 3px 20px;
	background : url("../images/subNavChild.gif") 10px 50% no-repeat;
	font-weight : normal;
}

#subNav ul ul ul li a {
	padding : 1px 0 1px 30px;
	background : url("../images/subNavChild.gif") 20px 50% no-repeat;
	font-weight : normal;
}

#subNav ul ul ul li:first-child a, #subNav ul ul ul li.first-child a {
	padding-top : 3px;
}

#subNav ul ul ul li:last-child a, #subNav ul ul ul li.last-child a {
	padding-bottom : 3px;
}

#subNav a:visited {
	border : none;
}

#subNav a:hover {
	border : none;
}

#subNav a.current {
	background-color : #eee;
	color : #000;
}

.navToggle, .subNavToggle {
	/*display : none;*/
}

#navigation ul{
	display : block;
}


/*  Service links box
--------------------------------------------------------------------------------------*/
#page > #serviceLinksBox {
	display : none;
	background : #efefef;
	padding-top : 25px;
	padding-bottom : 25px;
}

#serviceLinksBox dl {
	margin-left : 20px;
	clear : both;
}

#serviceLinksBox dl + dl {
	border-top : 1px solid #e5e5e5;
	padding-top : 0.4em;
}

#serviceLinksBox dt {
	float : left;
	width : 25%;
	font-size : 1.1em;
	font-weight : bold;
	color : #666;
	padding : 0.7em 0;
}

#serviceLinksBox dd {
	float : left;
	max-width : 75%;
}

#serviceLinksBox ul {
	list-style : none;
	float : left;
	margin : 0 0 0.4em;
	padding : 0.4em;
	background : #e7e7e7;
	border : #ddd solid 1px;
	border-left-color : #ccc;
	border-top-color : #ccc;
}

#serviceLinksBox li {
	float : left;
	padding : 0;
	background : none;
	border : #ddd solid 2px;
}

#serviceLinksBox li + li {
	margin : 0 0 0 0.3em;
}

#serviceLinksBox li a {
	float : right;
	padding : 0 5px 2px;
	border : #ccc solid 1px;
	font-weight : normal;
	text-decoration : none;
	font-size : 0.9em;
	background : #fff;
	border : #bbb solid 1px;
	border-bottom-color : #888;
	border-right-color : #888;
}

#serviceLinksBox li a img {
	position : relative;
	top : 3px;
	margin-right : 1px;
}

#serviceLinksBox li a:hover {
	border : #aaa solid 1px;
	border-bottom-color : #666;
	border-right-color : #666;
}

#serviceLinksBox li:hover {
	border-color : #d5d5d5;
}

.slClose {
	float : right;
	clear : both;
	position : relative;
	background : #CC0000;
	color : #fff;
	font : bold 11px Arial, Helvetica, sans-serif;
	cursor : pointer;
	padding : 1px 5px 1px 5px;
}

.slClose:hover {
	background : #aa0000;
}

.slClose span {
	display : none;
}

.slClose:hover span {
	display : block;
	position : absolute;
	top : 2px;
	right : 25px;
	color : #666;
	font-weight : normal;
}
/* Css from Test Sequence
 */
.panel-heading {
 /*   height: 36px;
    padding-top: 8px;*/
    background-color: #00877c !important;
    font-weight: bold;
    font-size: medium;
    color:white;
	padding-left:1.5em;
}

.panel-body {background: #EFEFEF; overflow:hidden; /*background-image: url(../images/footerLogo.png); background-repeat: no-repeat; background-position:right;*/  border:1px solid #e1e1e1; padding: 3em 2em; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}

.panel-body input {border:1px solid #e1e1e1; padding:0.9em 0.8em;}


.form-row { padding:0.3em; width:100%; clear:both;}
.form-col {overflow:hidden; } 
.cloumn-left{ float:left; width:48%;  }
.cloumn-right{float:left;}
.form-col label { float:left; padding:0.4em 1em 1em 0; font-weight:bold; font-size: 16px;}
.form-col .btn.btn-primary	{    background-color: #00877c;
    padding: 0.6em 1.6em;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 16px; }
.login-form .form-col label { width:30%;}
.login-form .form-col-btn .btn.btn-primary	{    background-color: #00877c;
    padding: 0.6em 1.6em;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 16px; }
.login-form .form-col-btn{ float:left; width:23%; margin:1em;} 
.login-form input.form-control {width:58%;}
	
.login-form, .login-form .form-row-btn {max-width: 40em;
    margin: auto;}
.login-form .form-row-btn {	    max-width: 37em;
margin-right: -2em; }
.btn.btn-primary.orange	{background-color:#d47b22 !important;  border: 0;}




#page > #content > .column {
	width : 100%;
}

#page > #content > div:first-child, .doubleLeft, #page > #content > div:last-child, .doubleRight, #content .cols4.doubleLeft + .cols4, #page > .cols16 > div:first-child, .doubleLeft {
	border : none;
	margin-left : 0;
	margin-right : 0;
}

#page > #content > div:last-child .fullWidthImgWrap, #page > #content > div:first-child .fullWidthImgWrap {
	margin : 0;
}



#subNav {
	background : #eee;
	margin : 0 -50px 25px;
	padding : 4px 25px 1px;
}

.subNavActive #subNav {
	padding-top : 25px;
}

.subNavToggle {
	display : block;
	padding : 3px 0;
	font-weight : bold;
	margin-bottom : 5px;
	text-align : center;
	/*text-transform : uppercase;*/
	font-size : 1.2em;
	border : 0 !important ;
	cursor : pointer;
}

.subNavActive .subNavToggle, .headerOpen .subNavActive .subNavToggle {
	margin-top : -5px;
	margin-bottom : 5px;
}

#subNav > ul {
	display : block;
}