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

html,body {
margin:0;
padding:0;
height:100%;
}

body {padding: 0;margin: 0;	position: relative;font-family: "open sans";color:#000000;font-size:15px}

#wrapper {
min-height:100%;
position:relative;
background:#ffffff;
}

#header{
height:38px;
}

#content {
/*background:#96b2d9;	*/
padding-bottom:458px; /* Height of the footer */
}

#contenthome {
padding-bottom:458px; /* Height of the footer */
}

#footer {
position:absolute;
bottom:0;
width:100%;
height:458px; /* Height of the footer */
font-family: "open sans";
font-size:15px;
}

/*.contentbgin{background:url(/img/bg-pattern11-blue-tint.png)}
.contentbgin{background:#96b2d9}
.contentdata{padding:30px 50px 50px 50px;background:#ffffff;border:1px solid #999999;line-height:150%}
*/
.contentbgin{background:#ffffff}

.contentdata{padding:0px 0px 0px 0px;line-height:150%}
.contentdata h1{color:#e88422;line-height:120%}
.contentdata h2.subhead{color:#e88422;font-size:30px;margin-top:0}
.contentdata a{color:#e88422;text-decoration:none}
.contentdata a:hover{color:#000000;transition: color 0.3s ease-out 0s;}

.contentWrapper1260{margin:auto;width:1260px;position:relative}
.contentWrapper1260 p{line-height:150%;}

.contentWrapper1100{margin:auto;width:1100px;}
.contentWrapper1000{margin:auto;width:1000px;}
.contentWrapper900{margin:auto;width:900px;}
.contentWrapper860{margin:auto;width:860px;}
.contentWrapper840{margin:auto;width:840px;}
.contentWrapper600{margin:auto;width:700px;}

.content{padding-left:5px}
.whitebox{border:1px solid #999999;background:#ffffff}

.top-bar{background:#e88422;height:38px;border-bottom:1px solid #312f32}
.top-bar-bid{background:#0062ff;height:38px;border-bottom:1px solid #312f32}
.topicons{float:left;padding-top:10px;padding-left:5px}
.topsocialicons{float:right;padding-top:1px}
.topmenu{float:right;}

#slogo{display:none;}
.slogoimg{width:119px;height:54px}

.logo390 {width: 390px;height: auto;}
.logo153 {width: 204px;height: 37px;margin-top:-4px;}/* other pages logo*/
.grecaptcha-badge { visibility: hidden; }
/* classes for HEADER SECTION */

topsection {
  width: 100%;
  height: 38px;
  /*overflow: hidden;*/
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  /*background-color: #ffffff;
  border-bottom:1px solid;*/
  font-family: "open sans";
}
topsection div#logo {
	/*margin-top:10px;*/    
	width:204px;
	height: 38px;
    margin-top:-39px;
    float: left;
	background:url("/img/trellian-logo-white.png") no-repeat;height:38px;width:204px;display:block; background-size:contain;
 }/* home page logo */
/*T16806 */
topsection div#logoin {
margin-top:-35px;    
width:300px;
float: left;
}
/*topsection div#logoin {
margin-top:-39px;    
width:200px;
float: left;
}
 */
topsection div#topnav {	
	margin-top:-30px;
    float: right;
	margin-right:140px;
	/*width:890px;
	margin-right:18px;
	margin-top:56px;*/
	}

topsection .topmenuitem{position: relative;margin:0;padding:0;display:block;float:left;margin:0px 14px 0px 14px;}

topsection .loginMenu{display: none;position: absolute;right: 0px;top:18px;z-index: 9999;width:330px;}

topsection .productsMenu{display: none;position: absolute;left: 0px;top:18px;z-index: 9999;width:200px;}

topsection .companyMenu{display: none;position: absolute;left: 0px;top:18px;z-index: 9999;width:260px;}

ul.menulist{margin:0;margin-top:12px;padding:5px 10px 15px 10px;list-style:none;background:#fff;border-right:1px solid #eee;border-left:1px solid #eee;border-bottom:1px solid #eee}
ul.menulist li{margin:0;padding:0;border-bottom:1px solid #eeeeee;padding:3px 0px 3px 10px}
ul.menulist li:hover{background:#f8f8f8}
ul.menulist li a{font-size:13px;color:#000000;text-decoration:none}
ul.menulist li a:hover{color:#cf6600;}

ul.loginlist{margin:0;margin-top:12px;padding:5px 10px 15px 10px;list-style:none;background:#fff;border-right:1px solid #eee;border-left:1px solid #eee;border-bottom:1px solid #eee}
ul.loginlist li{margin:0;padding:0;padding:3px 0px 3px 10px}

.productstitle a{color:#e88422;text-decoration:none}
.productstitle a:hover{color:#cf6600;}

.dashboardPickBar {
	background-color:#e88422;
	padding:45px 0px 45px 0px;
	border-radius: 3px;
	color:white;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	cursor: pointer;
}


topsection.smaller {
      background:#e88422;height:38px;border-bottom:1px solid #312f32
	  }
/*T16806*/	
topsection.smaller div#logo {
      width: 204px;
      height: 38px;
      margin-top:-39px;
	  }
topsection.smaller div#logo .logoimg{
	background:url("/img/trellian-logo-white.png") no-repeat;height:38px;width:204px;display:block; background-size:contain;
 } 	  
/*
topsection.smaller div#logo {
      width: 250px;
      height: 50px;
      margin-top:-39px;
	  }	 
topsection.smaller div#logo .logoimg{
	background:url("/img/trellian-logo-white-306x76.png") no-repeat;height:38px;width:153px;display:block; background-size:contain;
 } 	 
*/ 
topsection.smaller .topmenuitem{border:0px solid}

topsection.smaller div#topnav{margin-top:-30px;}
topsection.smaller div#topnav a{line-height:14px !important;}

topsection.smaller .topmenuitem a.bracstyle {color:#ffffff !important;}

.topmenuitem a.bracstyle {
	  /*line-height:85px;*/
      font-family: "open sans";color:#ffffff !important;font-size:13px;text-transform:uppercase;font-weight: 600;letter-spacing: 1px;text-decoration:none !important;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
	  
.topmenuitem a.bracstyle:hover {
        color: #ffffff !important; }


.topmenuitem a.bracstyle::before, a.bracstyle::after{
	display: inline-block;
	line-height:14px;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;	    
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
.topmenuitem a.bracstyle::before {
	margin-right: 6px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.topmenuitem a.bracstyle::after {
	margin-left: 6px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.topmenuitem a.bracstyle:hover::before,
.topmenuitem a.bracstyle:hover::after,
.topmenuitem a.bracstyle:focus::before,
.topmenuitem a.bracstyle:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
	color:#ffffff  !important;
}

topsection.smaller .topmenuitem a.bracstyle:hover::before,
topsection.smaller .topmenuitem a.bracstyle:hover::after,
topsection.smaller .topmenuitem a.bracstyle:focus::before,
topsection.smaller .topmenuitem a.bracstyle:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
	color:#ffffff  !important;
}

a.current-menu-item {
	  /*line-height:85px;*/
      font-family: "open sans";color:#000000 !important;font-size:13px;text-transform:uppercase;font-weight: 600;letter-spacing: 1px;text-decoration:none !important;
	-webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
a.current-menu-item::before, a.current-menu-item::after{
	display: inline-block;
	line-height:14px;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;	    
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
a.current-menu-item::before {
	margin-right: 6px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

a.current-menu-item::after {
	margin-left: 6px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

a.current-menu-item::before,
a.current-menu-item::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
	color:#b92b5d !important;
}
a.current-menu-item{color:#b92b5d !important;}	
	

.emaillink{color:#ffffff;text-decoration:none;font-size:12px}
.emaillink:hover{color:#ffffff;text-decoration:underline;font-size:12px}

#login-trigger{color:#ffffff;font-size:13px;text-transform:uppercase;font-weight: 600;letter-spacing: 1px;text-decoration:none !important;padding-left:10px}
#login-trigger:hover{color:#ffffff;}

#login-content
{
	display: none;
	position: absolute;
	top: 30px;
	right: -40px;
	z-index: 999;
	background: #fff;
	padding: 30px;
	-moz-box-shadow: 0 2px 1px -1px rgba(204,204,204,.9);
	-webkit-box-shadow: 0 2px 1px -1px rgba(204,204,204,.9);
	box-shadow: 0 2px 1px -1px rgba(204,204,204,.9);
	-moz-border-radius: 0px 0 3px 3px;
	-webkit-border-radius: 0px 0 3px 3px;
	border-radius: 0px 0 3px 3px;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
}

/* classes for MOBILE MENU */

.cbp-spmenu {background: #000000;position: fixed;}
.cbp-spmenu ul {margin:0;padding:0;list-style:none;}
.cbp-spmenu ul li{margin:0px 0px 0px 0px;padding:10px 0px 10px 10px;border-bottom: 1px dotted #333333;}
.cbp-spmenu a {color:#ffffff;font-size:13px;text-decoration:none;}
.cbp-spmenu a:hover {text-decoration:none;color:#e88422;transition: color 0.3s ease-out 0s;}
.cbp-spmenu a:active {color:#e88422;}

.cbp-spmenu-close{text-align:right;padding:10px}
.cbp-spmenu-ico{display:none;position:absolute;z-index:10;top:10px;left:10px;}

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {width: 240px;height: 100%;top: 0;z-index: 1000;}

/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {left: -240px;}
.cbp-spmenu-left.cbp-spmenu-open {left: 0px;}

/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}



/* classes for SOCIAL ICONS */

.socialfb{background:url("/img/icon-fb.png") no-repeat;height:36px;width:36px;display:block;float:left}
.socialfb:hover{background:url("/img/icon-fb-hover.png") no-repeat;height:36px;width:36px;}

.socialfb1{background:url("/img/icon-fb1.png") no-repeat;height:36px;width:36px;display:block;float:left}
.socialfb1:hover{background:url("/img/icon-fb-hover1.png") no-repeat;height:36px;width:36px;}

.socialtw{background:url("/img/icon-tw.png") no-repeat;height:36px;width:36px;display:block;float:left}
.socialtw:hover{background:url("/img/icon-tw-hover.png") no-repeat;height:36px;width:36px}

.socialtw1{background:url("/img/icon-tw1.png") no-repeat;height:36px;width:36px;display:block;float:left}
.socialtw1:hover{background:url("/img/icon-tw-hover1.png") no-repeat;height:36px;width:36px}

.socialln{background:url("/img/icon-ln.png") no-repeat;height:36px;width:36px;display:block;float:left}
.socialln:hover{background:url("/img/icon-ln-hover.png") no-repeat;height:36px;width:36px}

.socialln1{background:url("/img/icon-ln1.png") no-repeat;height:36px;width:36px;display:block;float:left}
.socialln1:hover{background:url("/img/icon-ln-hover1.png") no-repeat;height:36px;width:36px}

.socialinsta{background:url("../img/icon-insta.png") no-repeat;height:36px;width:36px;display:block;float:left}
.socialinsta:hover{background:url("../img/icon-insta-hover.png") no-repeat;height:36px;width:36px;}

.socialinsta1{background:url("../img/icon-insta1.png") no-repeat;height:36px;width:36px;display:block;float:left}
.socialinsta1:hover{background:url("../img/icon-insta-hover1.png") no-repeat;height:36px;width:36px;}

.blankdiv{height:20px}
.cleardiv{clear:both}
.aC{text-align:center}
.aR{text-align:right}
.aJ{text-align:justify}
.b{font-weight:bold}

.brdT{border-top:1px dotted #cccccc}
.brdB{border-bottom:1px dotted #cccccc}
.brdL{border-left:1px dotted #cccccc}
.brdR{border-right:1px dotted #cccccc;padding-right:20px}

.m0{margin:0}
.m0auto{margin:0 auto;}

.mT5{margin-top:5px}
.mT10{margin-top:10px}
.mT15{margin-top:15px}
.mT20{margin-top:20px}
.mT25{margin-top:25px}
.mT30{margin-top:30px}
.mT32{margin-top:32px}
.mT40{margin-top:40px}
.mT50{margin-top:50px}
.mT60{margin-top:60px}
.mT80{margin-top:80px}

.mB10{margin-bottom:10px}
.mB15{margin-bottom:15px}
.mB20{margin-bottom:20px}

.mR30{margin-right:30px}

.p10{padding:10px}
.p20{padding:20px}

.pT5{padding-top:5px}
.pT10{padding-top:10px}
.pT15{padding-top:15px}
.pT20{padding-top:20px}
.pT25{padding-top:25px}
.pT30{padding-top:30px}
.pT35{padding-top:35px}
.pT40{padding-top:40px}
.pT50{padding-top:50px}
.pT60{padding-top:60px}
.pT70{padding-top:70px}
.pT80{padding-top:80px}

.pB10{padding-bottom:10px}
.pB12{padding-bottom:12px}
.pB20{padding-bottom:20px}
.pB30{padding-bottom:30px}
.pB40{padding-bottom:40px}
.pB50{padding-bottom:50px}
.pB60{padding-bottom:60px}
.pB80{padding-bottom:80px}
.pB100{padding-bottom:100px}

.pL10{padding-left:10px}
.pL15{padding-left:15px}
.pL20{padding-left:20px}
.pL30{padding-left:30px}

.pR10{padding-right:10px}
.pR15{padding-right:15px}
.pR20{padding-right:20px}
.pR30{padding-right:30px}

.cpL25{padding-left:25px}
.cpL50{padding-left:50px}
.cpR25{padding-right:25px}

.font11{font-size:11px}
.font12{font-size:12px}
.font13{font-size:13px}
.font14{font-size:14px}
.font15{font-size:15px}
.font16{font-size:16px}
.font18{font-size:18px}
.font24{font-size:24px}
.font30{font-size:30px}
.font36{font-size:36px}
.font1_1{font-size:1.1em}
.font1_2{font-size:1.2em}
.font1_4{font-size:1.4em}
.font1_5{font-size:1.5em}
.font2_3{font-size:2.3em}

.font700 { font-weight:700;}

/* Footer Classes */

.footerWrapper {background: #00538d;overflow:auto;color:#ffffff}
.footer {margin:0 auto;	max-width:1260px;}
.footerbottom {background: #2e2e2e;color:#ffffff;}
.footerpad{padding-top:90px;/*padding-bottom:70px*/}
.footercol{width:30%;float:left;}
.footercol1{width:22%;float:left;}
.footercollast{width:25%;float:left;margin-left:50px}

.fHdr {color: #ffffff;text-transform:uppercase;font-size: 15px;font-weight: 700;letter-spacing: 1px;margin-bottom: 15px;}

/*.footer a{color:#96b2d9 !important;text-decoration:none}*/
.footer a{color:#ff9000;text-decoration:none}
.footer a:hover{color:#ffffff !important;text-decoration:none !important;transition: all 0.2s ease-in-out 0s;}

ul.footerlist{margin:0;padding:0;list-style:none}
ul.footerlist li{margin:0;padding:0;padding-bottom:5px}

.copydiv{float:left;font-size:13px;padding-top:20px;padding-bottom:15px}
.footersocial{float:right;padding-top:5px;padding-bottom:10px}

.tweetbox{border:1px solid #444444;background:#333333;border-radius:4px;padding:10px;margin-bottom:15px}
.tweetbox img {
    border-radius: 5px;
}

.tweettxt{color:#fff}
.tweettxt a{color:#96b2d9 !important}
.tweettxt a:hover{color:#fff !important}
.tweettime{color:#777777;}

.column_5{float:left;width:5%;}
.column_10{float:left;width:10%;}
.column_15{float:left;width:15%;}
.column_20{float:left;width:20%;}
.column_22{float:left;width:22%;}
.column_25{float:left;width:25%;}
.column_30{float:left;width:30%;}
.column_33{float:left;width:33%;}
.column_3333{float:left;width:33.33%;border:0px solid}
.column_35{float:left;width:35%;}
.column_35R{float:right;width:35%;}
.column_40{float:left;width:40%;}
.column_45{float:left;width:48%;}
.column_45R{float:right;width:48%;}
.column_50{float:left;width:50%;}
.column_55{float:left;width:55%;}
.column_60{float:left;width:60%;}
.column_63{float:left;width:67%;}
.column_65{float:left;width:65%;}
.column_70{float:left;width:70%;}
.column_75{float:left;width:75%;}
.column_80{float:left;width:80%;}
.column_85{float:left;width:85%;}
.column_90{float:left;width:90%;}


.orange_txt {color: #e88422;}
.pink_txt {color: #e34adc;}
.blue_txt {color: blue;}
.red_txt {color: #ff0000;}
.gray_txt {color: #696969;}
.yellow_txt {color: #a8660d;}
.lblue_txt {color: #1563a7;}
.gree_txt {color: #008000;}

.webpage_frm_txtbox{border:1px solid #ccc;padding:5px}
.wnowrap{white-space:nowrap}