﻿
/******************/
/* GLOBAL LAYOUT  */
/******************/
html{/*background: #ebebeb;*/color: #333; width: 100%; margin:0; padding:0; overflow-x:hidden;}
body {background-color:rgb(255,255,255); font-family: "Helvetica Neue",sans-serif; height:100%; width:100%; margin:0; padding:0; overflow-x:hidden;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.header-red {background:#333333; border-bottom:1px solid rgba(0, 0, 0, 0.25)}
.header-red-contents {margin: 0 auto; height: 4rem; font-family: "Helvetica Neue",sans-serif;}
.navbar {margin:0 auto; min-height :50px; background:#dedede repeat-x; opacity: 0.96; padding:0; border-bottom:1px solid rgba(0, 0, 0, 0.25);}
.navbar.fixed { position:fixed; top: 0; width:100%; z-index:1000;}
.navbar.fixed .showme { display:inline-block; }
.main {clear:both; max-width:1000px; width:100%; padding:0px 0 20px 0; background-color:rgb(255,255,255); font-size:1.05em;}
.content {display:inline; /*Fix IE floating margin bug*/ float:left; max-width:980px; width:100%; background-color:rgb(255,255,255); overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;}
.banner {clear:both; display:none !important;}
.footer {clear:both; display:none;}
.hide {display:none !important;}
.row {width: 100%;/*display: block;*/display: table; padding:0; /*position: fixed; top: 25px;z-index: 0;*/}
#title {padding-bottom:0; padding-top:0; margin-top:2em;}
.inner, .inner-narrow {width: 100%; max-width: 960px; margin: 0 auto;  margin-left:5px;}
.showme {display:none; margin-top:7px; outline:none; padding:6px 7px !important; background-color: #1594d0; border: 0px #1C77B4 solid; font-family: "Helvetica Neue",sans-serif; color: white !important; cursor:pointer;
font-size:larger; font-style: normal; font-weight: 400; font-size: 1em; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  /*Rounded angles*/-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; behavior: url(/css/border-radius.htc);}
.showme:hover {background-color:#1285bb; outline:none; text-decoration:none;}
.forms-header {background-color:#ec1c24; min-height:4rem;}
.subcontent-right {display:none;}
/****************/
/*  HEADER-TOP  */
/****************/
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat-Regular'), url(/fonts/montserrat.woff) format('woff');
}
/* SITENAME AND SLOGAN */
.sitelogo {position:absolute; z-index:1; margin:7px 0 0 0px; width:70% !important;}

/* GLOBAL NAVIGATION */
.header-red-contents {line-height:3.5em;}
.header-red-contents a{color: #fff; font-weight:normal; text-decoration: none; width:100%; background-color:none;}
.header-red-contents a.active {color: #c1c1c1 !important;}
.header-red-contents a:hover {color: #c1c1c1; text-decoration:none;}
.header-red-contents .show-menu {
	text-decoration: none;
	color: #fff;
	display: block;
    width:100%;
    padding-top:0.8em;
    position: absolute;
}
.header-red-contents .show-menu img {margin-right:5px; margin-top:-4px;}

.header-red-contents ul {
        position: absolute;
        z-index:3;
        margin-top:4em;
		display: none;
        background-color:#333333;
        width:100%;
       padding:1.5em 0 1.5em 0;
	}
	/*Create vertical spacing*/
.header-red-contents	li {
		margin-bottom: 1px;
        font-size: 120%;
        background:none;
        margin-left:0px;
        padding-left:10px
	}
	/*Make all menu links full width*/
.header-red-contents ul li, li a {
		width: 100%;
	}
.header-red-contents a {
        padding-left:20px;
	}

/*Hide checkbox*/
.header-red-contents input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
    .header-red-contents input[type=checkbox]:checked ~ #menu {
        display: block;
    }

.navbar p {color:#333333; font-weight:normal; margin:5px 0 0 30px; font-size:140%}

.nav_sec_level {display:none; }
.nav_sec_level-mob li {background:none;}
.nav_sec_level-mob li a {color:#333333; font-weight:normal; text-decoration:none; padding-left:20px;}
.nav_sec_level-mob {float:right; width:100%;}
.nav_sec_level-mob .show-menu-sec {
	text-decoration: none;
	color:#333333;
	display: block;
    width:100%;

}
    .nav_sec_level-mob .show-menu-sec img {margin-right:5px;}
.nav_sec_level-mob ul {
       position: absolute;
       z-index:1;
		display: none;
        width:100%;
background:#dedede;
       padding:10px 0 1.5em 0;
margin-left:0px;
margin-top:0px;
border-bottom:1px solid rgba(0, 0, 0, 0.25);
	}
	/*Create vertical spacing*/
.nav_sec_level-mob	li {
		margin-bottom: 1px;
        font-size: 100%;
        padding-left:10px;
	}
	/*Make all menu links full width*/
.nav_sec_level-mob a, ul li, li a {
		width: 100%;
	}
/*Hide checkbox*/
.nav_sec_level-mob input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
.nav_sec_level-mob input[type=checkbox]:checked ~ #menu-sec {
        display: block;
    }

.trial-header-cta {outline:none; padding:8px 8px !important; margin:0 0 20px 10px; background-color: #1594d0; border: 0px #1C77B4 solid; font-family: "Helvetica Neue",sans-serif; color: white !important; cursor:pointer; line-height:3em;
font-size:larger; font-style: normal; font-weight: 400; font-size: 1em; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); /*Rounded angles*/-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; behavior: url(/css/border-radius.htc);}
.trial-header-cta:hover {background-color:#0e6791; outline:none; text-decoration:none;}
.ctafooter {width: 100%;padding: 20px 0;background-color: #1594d0; border-top: 1px solid #eaeaea;display:table;/*position: fixed;top: 25px;z-index: 0;*/}

/************/
/*  FOOTER  */
/************/
.footer a {color: #ccc; text-decoration: none;}
.footer a:hover {color: #fff; text-decoration: none;}

.footer {padding-top: 25px;}
.footer-navi {width: 960px; margin: 0 auto; font-size: 1.1em; padding-left: 55px;}
.footer-navi ul li {display:inline-table; list-style: none; width: 150px;}
.footer-navi ul li a{color:#ccc;; font-weight: bold; font-size: 1.15em;}
.footer-navi ul.sub-menu li {margin: 2px 0 0; padding: 2px 0; font-size: 1em;}
.footer-navi  ul.sub-menu {margin-top: 8px;}
.footer-navi ul.sub-menu li a {color: #ccc; font-weight: normal; font-size: 1em;}
.footer-navi ul.sub-menu li a:hover {color: #fff;text-decoration: none;}
.sub-footer-contents {float: left; margin: 0 auto; width: 960px; margin-top:25px; padding-top: 25px; border-top: 1px solid #656565;}
.sub-footer {width: 960px; margin: 0 auto; color: #C0C0C0; font-size: 110% !important; font-weight: normal; display: block; padding: 0 5px; clear: top;}
.sub-footer .info{display: block; clear: both; text-align: center;}
.sub-footer .copy-nav{text-align: center;}
.sub-footer .social-links a{float: right;}

/******************/
/*  CLEAR FLOATS  */
/******************/
.container:after,.navbar:after, .main:after, .content:after, .content div:after, .footer:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.content-1col-nobox:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
 p:after {content:"."; display:block; height:0; /*clear:both Do not use here to avoid paragraphs clearing next to images;*/  visibility:hidden;}
