/* COLORS

#01387B - Blue
#5CC33E - Green
#FFF200 - Yellow
#7A9CC1 - Steel Blue
#4E5D63 - Charcoal Gray
#DEE8F0 - Light BG Blue

*/


/* GLOBAL */
@media screen and (max-device-width: 480px){





  body {
    -webkit-text-size-adjust: none;
  }
}
body  {
  margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
  padding: 0;
  text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
  background:url(../images/mainBackground.jpg) no-repeat #DEE8F0 top center fixed;
  }
img {
  border: 0;
  }
@font-face {
    font-family: 'FuturaBold';
    src: url('../../common/fonts/futura/futura_bold-webfont.eot');
    src: /*url('futura_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('futura_bold-webfont.woff') format('woff'),*/
         url('../../common/fonts/futura/futura_bold-webfont.ttf') format('truetype'),
         url('../../common/fonts/futura/futura_bold-webfont.svg#FuturaMdBTBold') format('svg');
    font-weight: normal;
    font-style: normal;
  }
@font-face {
    font-family: 'FuturaBook';
    src: url('../../common/fonts/futura/futura_book-webfont.eot');
    src: /*url('futura_book-webfont.eot?#iefix') format('embedded-opentype'),
         url('futura_book-webfont.woff') format('woff'),*/
         url('../../common/fonts/futura/futura_book-webfont.ttf') format('truetype'),
         url('../../common/fonts/futura/futura_book-webfont.svg#FuturaBkBTBook') format('svg');
    font-weight: normal;
    font-style: normal;
  }


/* STRUCTURE */ 

#mainContainer{
  width:940px;
  position:relative;
  left:30px;
  top:0px;
}

#mainLeft{
  background-color:#eee;
  float:left;
  width:575px;
  margin:0;
  padding: 20px;
  margin-bottom:25px;
  background-image: linear-gradient(to top, #fff 0%, #ddd 100%);
    border-top-left-radius: 30px;
    border-top: thin solid #ccc;
    border-left: thin solid #ccc;
  
}

#welcome{
  width:100%;
  text-align:center;
  margin:0 auto 0 auto;
  padding:0;
  background-color:transparent;
  text-transform:none;
  }


#headerExpand {
  width:100%;
  height:115px;
  margin:0 auto;
  position:relative;
  z-index:68;
  }
#header {
  width:1000px;
  margin:0 auto;
  text-align:left;
  }
.logo {
    margin: 0px 0;
    position: absolute;
    z-index: 200;
    top: 8px;
  }
#container {
  width: 1000px; /* Contains width bug on IE. Needs to be 800px to work on IE. */
  margin: 0 auto; /* centers main container */
  text-align:left;
  background:#FFF;
  border-left:#7A9CC1 1px solid;
  border-right:#7A9CC1 1px solid;
  }
#navs {
  height:90px;
  margin:28px 0 0 0;
  text-align:right;
  float:right;
  background: url(../images/topBarBG.jpg) repeat-x bottom;
  width: 100%;
  padding-right: 14px;
  box-sizing: border-box;
  }
#content {
  width:100%;
  height:auto;
  margin:0 20px;
  padding:30px 0 0 0;
  }
#showcase {
  width:750px;
  height:300px;
  text-align:left;
  margin:0;
  padding:0;
  }
#carrier {
  width:750px;
  height:100px;
  text-align:left;
  margin:0;
  padding:0;
  }
#botNavExpand {
  width:100%;
  margin:0 auto;
  background:#7A9CC1;
  position:relative;
  z-index:110;
  }
#botNav {
  width:1000px;
  margin:0 auto;
  padding:10px 0;
  text-align:left;
  background:#7A9CC1;
  }
#botNav table {
  margin:0;
  padding:0;
  }
#botNav td {
  padding-left:10px;
  border-right:#01387B solid 1px;
  }
#botNav td a {
  font-family:Helvetica, Arial, sans-serif;
  font-size:10px;
  line-height:16px;
  color:#01387B;
  font-weight:bold;
  }
#botNav p {
  margin:7px 0;
  }
#botNav p a {
  font-family:Helvetica, Arial, sans-serif;
  font-size:11px;
  line-height:12px;
  color:#01387B;
  text-decoration:none;
  font-weight:normal;
  }
#botNav a:hover {
  color:#FFF;
  text-decoration:underline;
  }

#footer {
    width: 100%;
    text-align: center;
    background: #5CC33E;
    color: #fff;
    font-family: Arial;
    font-size: 0.75em;
    padding: 5px 0;
  }

  
.colMember {
  border:1px solid #FFF200;
  width:190px;
  margin-bottom:10px;
  background:#FFF200;
  }
.colBox {
  border:1px solid #CCC;
  width:190px;
  margin-bottom:10px;
  text-align:center;
  display:none;
  }
.colBox p, .colBox a {
  color:#4E5D63;
  font-family:Helvetica, Arial, sans-serif;
  }
.colAd {
  margin-top:10px;
  border-bottom:1px solid #CCC;
  }
.colBox h2, .colBox p, .colMember h2, .colMember p {
  margin: 10px;
  }
.doubleRule {
  border-top:#CCC 1px solid;
  border-bottom:#CCC 1px solid;
  height:4px;
  width:auto;
  margin:15px 0;
  }
#formWrap {
  width:750px;
  background:url(../images/matrixBG.jpg) no-repeat top left;
  margin:0 0 20px 0;
  padding:0;
  border:1px solid #CCC;
  overflow:hidden;
  }
#memberReturn {
  position:absolute;
  width:200px;
  background:#4E5D63 url(../images/matrixTotalBG.png) top repeat-x;
  border:1px solid #CCC;
  margin:0 0 0 530px;
  float:right;
  padding:10px 0;
  font-family:FuturaBold, 'Helvetica', Arial, sans-serif;
  color:#FFF;
  font-size:11px;
  line-height:16px;
  text-align:center;
  }

  
.svcStds th{
    background: #638AB1;
    padding: 3px 7px;
    color: #fff;
}
.svcStds td{padding: 5px 7px;}
.svcStds tr:nth-child(odd){background: #E7EBF9;}
.svcStds{
    width: 360px;
    border: thin solid rgb(173, 173, 173);
    margin: 14px 0; 
}


  
/* TYPOGRAPHY */
h1, h2, h3 {
  font-weight:normal;
  }
h1, h1 a {
  font-family:FuturaBold, 'Helvetica bold', Arial, sans-serif;
  color:#5CC33E;
  font-size:20px;
  line-height:18px;
  text-transform:uppercase;
  }
h2 {
  font-family:FuturaBold, Helvetica, Arial, sans-serif;
  color:#01387B;
  font-size:17px;
  line-height:19px;
  margin:0;
  text-transform:uppercase;
  }
h3 {
  font-family:Helvetica, Arial, sans-serif;
  color:#5CC33E;
  font-size:11px;
  font-weight:bold;
  line-height:15px;
  margin: 20px 0 -10px 0;
  text-transform:uppercase;
  }
p, .textCont {
  font-family:Helvetica, Arial, sans-serif;
  color:#4E5D63;
  font-size:11px;
  line-height:16px;
  margin:15px 0;
  }
.intro {
  margin:15px 0 0 0;
  font-weight:bold;
  }
ul.bullets {
  font-family:Helvetica, Arial, sans-serif;
  color:#4E5D63;
  font-size:11px;
  line-height:16px;
  margin:15px 0 15px 10px;
    padding:0 0 0 10px;
  list-style-type:square;
  }
ul ul.bullets {
  font-family:Helvetica, Arial, sans-serif;
  color:#4E5D63;
  font-size:11px;
  line-height:16px;
  margin:0 0 0 10px;
    padding:0 0 0 10px;
  list-style-type:circle;
  }
.bulletsTD {
  font-family:Helvetica, Arial, sans-serif;
  color:#4E5D63;
  font-size:11px;
  line-height:16px;
  margin:0 0 0 10px;
    padding:0 0 0 10px;
  list-style-type:square;
  }
  


input[type="radio"]:hover, label:hover{text-decoration:underline;cursor:pointer;}
 
a {
  font-family:Helvetica, Arial, sans-serif;
  color:#004B8D;
  font-size:11px;
  line-height:16px;
  text-decoration:none;
  }

  
  
  
#phone {
  font-family:FuturaBold, Helvetica, Arial, sans-serif;
  color:#000;
  font-size:1.2em;
  line-height:15px;
  margin: 3px 0 7px 0;
  text-transform:uppercase;
  }
td {
  font-family:Helvetica, Arial, sans-serif;
  color:#4E5D63;
  font-size:11px;
  line-height:14px;
  }
.altRows {
  margin-top:15px;
  }
.altRows td {
  padding:5px 0 5px 5px;
  border-bottom:1px solid #CCC;
  }
.altRows td a {
  font-family:Helvetica, Arial, sans-serif;
  color:#4E5D63;
  text-decoration:none;
  }
.altRows td a:hover {
  color:#7A9CC1;
  text-decoration:underline;
  }
.btnBorder {
  border-bottom:1px #CCC solid; 
  border-top:1px #CCC solid; 
  padding:10px 0;
  text-align:center;
  }
.commission td {
  padding:3px 0;
  }
.support td {
  padding:3px 0;
  }
.support td strong {
  color:#FFF;
  }
.login td {
  padding:5px;
  }
.required {
  font-family:Helvetica, Arial, sans-serif;
  color:#C00;
  font-size:14px;
  }
select, input {
  font-family:Helvetica, Arial, sans-serif;
  color:#4E5D63;
  font-size:11px;
  }


/* SHOWCASE NAVS */
#showcaseNav { 
  background: #7A9CC1; 
  margin:0;
  padding:0;
  width:750px;
  height:100px;
  }
#showcaseNav li { 
  float: left; 
  list-style: none;
  margin:0;
  padding:0;
  width:150px;
  height:100px;
  }
#showcaseNav a { 
  width:150px;
  height:100px;
  text-decoration: none;  
  display:block;
  float:left;
  background: #7A9CC1;
  }
#showcaseNav a:hover, #showcaseNav a:focus, #showcaseNav a.activeSlide { 
  background: #014b95;
  }


/* TEXT ROTATOR */
#rotate, #rotate li{
  margin:0;
  padding:0;
  list-style:none;
  }
#rotate li{
  display:none; /* hide the items at first only to display one with javascript */
  margin:0;
  }
#rotate li p {
  font-weight:bold;
  }


ul.mainMenu{clear: both;}

ul.mainMenu li:last-child, ul.mainMenu li a:last-child{
    margin-right: 0;
    padding-right: 0;
}
ul.mainMenu li{
    display: inline-block;
    margin: 0px 12px;
  }
ul.mainMenu a{
    display: block;
    padding: 12px 14px;
    text-transform: capitalize;
    color: #000;
    font-size: 0.9em;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    letter-spacing: 0.8px;
  }

ul.mainMenu li:not(:first-child) a:after{
    content: '';
    border-right: thin solid rgba(0, 0, 0, 0.22);
    display: block;
    position: relative;
    width: 1px;
    height: 18px;
    top: -16px;
    right: 21px;
}
ul.mainMenu a:hover{color:#fff;}

ul.contactNav li {
  margin: 0 4px;
  list-style-type: none;
/*  font-size: 100%;*/
  position: relative;
  cursor: pointer;
  width: auto;
  float: left;
    color: #000;
  font-family:Helvetica, Arial, sans-serif;
  font-size:11px;
  line-height:11px;
  }




/* CONTACT NAVS */
ul.contactNav {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 100%;
  float:right;
  height:19px;
    letter-spacing: 1.1px;
  }

ul.contactNav a {
  display: block;
  cursor: pointer;
  text-decoration:none;
  font-family:Helvetica, Arial, sans-serif;
  color:#000;
  font-size:12px;
  line-height:12px;
  }
ul.contactNav a:hover {
  color: #01387B;
  text-decoration:none;
  }

ul.contactNav a[href$='ASLogin']{
    display: inline-block;
    color: #ffffff;
    background: #629643;
    padding: 2px 5px;
    border-radius: 4px;
    position: relative;
    top: -2px;
    font-weight: bold;
}
ul.contactNav a[href$='ASLogin']:hover{
    color: #000;
    background: transparent;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.57) inset;
}



.spread {
  color:#000;
  padding:0 0 0 5px;
  }

.btn.lifeProd:hover{background:#fff;}
.btn.lifeProd{
    font-family: Arial;
    font-size: 1.4em;
    font-weight: 900;
    box-sizing: border-box;
    background: #fff;
}
.btn.signup{
    font-family: FuturaBold;
    font-size: 2em;
}

.btn {
    display: block;
    width: 150px;
    height: 99.5px;
    background: #7a9cc1;
    font-family: FuturaBook;
    font-size: 1.5em;
    color: #fff;
    border-bottom: thin solid #fff;
    line-height: 1.1;
    margin: 0 auto;
}

.btn:hover {
  background: #004B8D;
    cursor: pointer;
}
.btn hr{
    width: 50%;
    opacity: 0.4;
    margin: 1px auto 5px auto;
}
.btn >span{
    display: table;
    height: 100%;
    width: 100%;
    text-align: center;
}
.btn>span>span{
    display: table-cell;
    vertical-align: middle;
}
.btn>span>span a{
    font-family: inherit;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}


/* CONTACT BIOS */
.triggers {
  cursor: pointer;
  color:#4E5D63;
  text-decoration:underline;
  }
.triggers:hover {
  color:#7A9CC1;
  text-decoration: none;
  }
.details {
  float: right;
  position: relative;
  width: 180px;
  }
.bio {
  padding-top:15px;
  border-top:1px solid #CCC;
  border-bottom:1px solid #CCC;
  }
#default {
  display: block;
  }





#infoPanelData{display: none;}


.infoPanel {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.74);
  z-index: 70;
  text-align: center;
}

.infoPanel > div {
  position: relative;
    margin: 12vh auto 0;
  width: auto;
  display: inline-block;
  background: #fff;
  border: 6px solid #2A4389;
  padding: 40px 50px;
  border-radius: 14px;
  transition: transform 250ms ease-out;
}

.infoPanel div.hide {
  transform: scale(0);
}

.infoPanel div span {
  position: absolute;
  width: 30px;
  height: 30px;
  border: 5px solid #1C57A5;
  border-radius: 21px;
  right: -21px;
  top: -20px;
  background: #fff;
  font-size: 2.4em;
  color: #2A4389;
}

.infoPanel div span:hover {
  color: #fff;
  background: #85c652;
  cursor: pointer;
}

.infoPanel div span:after {
  content: '+';
  position: absolute;
  top: -7px;
  left: 4px;
  transform: rotate(45deg);
}




section[title="retirecoInfoSec"] input[type="button"]{
    border: 1px solid #ffffff;
    padding: 6px;
    font-size: 1.5em;
    background: #383738;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
}
section[title="retirecoInfoSec"] input[type="button"]:hover{
    color: #383738;
    background: #fff;
    border: 1px solid #383738;
}