html, body{
	font-family: 'Open Sans', sans-serif;
	padding: 0;
	margin: 0;
	font-size: 15px;
	color: #fff;

}

a {
    color:#409013;
}

a:hover {
    color:#308aa6;
}

    a:visited {

        color:#409013;

    }

.main-header{
	background: #c0ddd8 url('../img/common/top-line.png') repeat-x;
	z-index: 1000;
	top: 0;
	width: 100%;
} 

.main-header .top-action-buttons{
	float: left;
}



.main-header .top-action-buttons .btn{
	border-radius: 0 0 6px 6px;
	/*margin-right: 10px;*/
	font-size: 12px;
	padding: 8px 6px;
	background-image: none !important;
	border: none !important;
	box-shadow: 0 1px 4px #555 !important;
}  

.login-btn-box{
	margin-right: 5px;
    z-index:99 !important;
}

.login-btn{
	padding: 8px 6px;	
}

.logo-and-search-row{
	margin-top: 30px;
}

.ask-hr-advisor-btn{
	color: white;
}

.main-search,
.cart-info{
	display: none;
}

.main-search a{
	border-radius: 0 6px 6px 0;
	background-image: none !important;
	border: none !important;
	box-shadow: none !important;
	padding-top: 7px !important;
	padding-bottom: 7px !important;
}

.main-search input{
	border-radius: 6px 0 0 6px;
}

.search-tb{
	width: 100px;
}

.search-and-cart{
	margin-top: 0;
	margin-bottom: 10px;
}

.cart-info{
	margin-left: 30px;
	color: #0a1e48;
	font-size: 12px;
	line-height: 30px;	
}

.cart-info label{
	font-weight: normal;
	margin-left: 5px;
}

.login-btn-box{
	position: relative;
	float: left;
}

.join{
	position: absolute;
	top: 35px;
	left: 0;
	width: 195px;
	font-size: 12px;
    color:#002b5c;
    text-decoration:underline;
}

.main-content{
	color: #1b326e;
	padding: 0 0 0 0;
	margin-top: 0px;
	background: #fff;
}

.mobile-search-and-cart{
	margin: 10px 0 0 0;
	background: #6badbb;
	width: 100%;
    max-height:32px;
    overflow-y:hidden;

}

.mobile-search-and-cart input{
	width: 75px;
}

.mobile-search-and-cart ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.mobile-search-and-cart a{
	color: #fff;
    display:block;
}

.mobile-search-and-cart .glyphicon{
	cursor: pointer;
}

.mobile-search-and-cart .glyphicon-shopping-cart{
	margin-right: 5px;
}

.mobile-search-and-cart li{
	float: left;
	border-right: 1px solid #fff;
	padding-right: 10px;
	padding-left: 10px;
    padding-top:5px;
    padding-bottom:5px;
    display:inline-block;
}

    .mobile-search-and-cart li.pad-no {
        	padding-left:0;
    padding-top:0;
    padding-bottom:0;
    }

    .mobile-search-and-cart li.pad-no span {
        	padding-left: 10px;
    padding-top:7px;
    padding-bottom:5px;
    padding-right:15px;
    display:block;
    height:33px;
    }

.mobile-search-and-cart li:first-child{
	padding-left: 0;
}

.mobile-search-and-cart li:last-child{
	border: 0;
}

.mobile-search{
	background: transparent;
	border: 0;
}



#flexinav .flexinav_ddown{
	position: static !important;
	padding-top: 10px;
}

[data-type="mobile-btn"]{
	display: none !important;
}

#flexinav{
	margin-bottom: 0;
	background: #1b326e;
}

#flexinav .flexinav_wrapper{
	max-width: 1170px;
}

#flexinav .flexinav_menu,
#flexinav .flexinav_menu li{
	background: #1b326e;
}

#flexinav .flexinav_menu{
	border-left: 1px solid #fff;
}

#flexinav .flexinav_menu > li{
	border-right: 1px solid #fff;
}

#flexinav .flexinav_menu li li{
	background:none;
	font-size: 12px;
	color: #0a1e48;
	line-height: 105%;

}


#flexinav .flexinav_menu li li a{
	color: #0a1e48;
}

#flexinav .flexinav_menu li:hover span{
	color: #fff;
}



#flexinav .flexinav_ddown{
    background:#bae1d2;
    background: rgba(186, 225, 210, 0.95); 
	color: #0a1e48;
    -moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
}

#flexinav .header-1 > a{
	font-weight: bold;
	color: #0a1d49;
	font-size: 13px;
}


#flexinav  .flexnav_mega span{
	position: relative;
}

#flexinav  .flexnav_mega{
	border-bottom: 1px solid #4d639f;
}

#flexinav .triangle{
	position: absolute;
	left: 50%;
	top: 100%;
	margin-left: -13px;
	display: none;
	z-index: 999999;
}

#flexinav  .colrow{
	display: table;
	width: 100%;
}

#flexinav  .colrow li{
	border-bottom: 1px solid #caf0e1;
	padding: 5px 0;
}

#flexinav  .colrow  > div:last-child, #flexinav  .colrow  > div:nth-child(4n){
	border-right: 0;
}



#flexinav .flexinav_menu .header-2  > a{
	font-weight: bold;
	color: #1d77a2;
	font-size: 20px;
}

#flexinav .flexinav_menu ul ul{
	display: none;
}

#flexinav  .colrow li a{
	padding-left: 10px;
}

#flexinav  .colrow .header-1 a,
#flexinav  .colrow .header-2 a{
	padding-left: 0;
}

#flexinav.flexinav-mobile-menu .mobile-item-active .triangle{
	display: block;
}

#flexinav.flexinav-mobile-menu .flexinav_ddown{
	padding: 0;
}

#flexinav.flexinav-mobile-menu .colrow{
	width: 100%;
	padding: 0;
	margin: 0;
}

#flexinav.flexinav-mobile-menu .colrow > div > ul > li > a:after { 
	content:'\003e'; 
	display: block;
	float: right;
	margin-right: 15px;
}

#flexinav.flexinav-mobile-menu .colrow > div > ul > li{
	border-bottom: 0;
}

#flexinav.flexinav-mobile-menu .colrow ul{
	padding: 0;
	margin: 0;
}

#flexinav.flexinav-mobile-menu .colrow ul a{
	font-size: 15px;
	color: #0a1d49;
}

#flexinav.flexinav-mobile-menu .colrow ul ul a{
	margin-left: 10px;
}

#flexinav.flexinav-mobile-menu  .flexnav_mega > span{
	line-height: 35px;
}

#flexinav.flexinav-mobile-menu  .flexnav_mega > span:after { 
	content:'\003e'; 
	display: block;
	float: right;
	margin-right: 8px;
}


/* Small Phones: Added 8/10/17 by Cassie Schauer */
@media only screen and (min-width : 300px) {
	.main-header .top-action-buttons{
		float: right;
	}
	
	#flexinav .flexinav_menu li li{
	line-height: 150%;
	}	
	
}

@media only screen and (min-width : 500px) {
	.main-header .top-action-buttons{
		float: right;
	}
	
	/* Added 8/10/17 by Cassie Schauer for nav tap targets */
	#flexinav .flexinav_menu li li{
		line-height: 150%;
	}
}


/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

	#flexinav  .colrow li a{
		padding-left: 0;
	}
	
	#flexinav .flexinav_menu ul ul{
		display: block;
	}
	
	/* Added 8/10/17 by Cassie Schauer for nav tap targets */
	#flexinav .flexinav_menu li li{
		line-height: 150%;
	}
	
	#flexinav .flexinav_ddown{
		position: absolute !important;
		padding-top: 30px;
	}

	#flexinav  .flexnav_mega:hover .triangle{
		display: block;
	}
	
	#flexinav  .colrow  > div{
		border-right: 1px solid #87a8aa;
	}
	
	#flexinav  .flexnav_mega{
		border: 0;
	}
	
	.main-header{	
		
	}
	
	#flexinav  .colrow li{
		border: 0;
		padding: 0;
	}
	
	.hide-768{
		display: none;
	}
	
	.main-content{
		/*margin-top: 200px;*/
	}
	
	.main-header .top-action-buttons{
		float: right;
	}
	
	.main-header .top-action-buttons .btn{
		font-size: 18px;
		padding: 6px 12px;
		margin: 0 0 0 20px;
	}  
	
	.login-btn-box{
		float: none;
		margin: 0 0 0 20px;
	}
	
	.login-btn{
		width: 150px;
		padding: 6px 12px;
	}
	
	.join{
		top: 35px;
		left: 0;
		width: 195px;
		text-align: center;	
	}
			
	.search-and-cart{
		margin-top: 45px;
	}
	
	.search-tb{
		width: 100%;
	}
	
	.main-search,
	.cart-info{
		display: block;
	}
	
	#flexinav .flexinav_menu{
		margin-left: 25px;
	}
	
	
	
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.main-content{
		/*margin-top: 180px;*/
	}
	
	.logo-and-search-row{
		margin-top: 0;
	}
	
	#flexinav .flexinav_menu{
		margin-left: 15px;
	}
	
	/* Added 8/10/17 by Cassie Schauer for nav tap targets */
	#flexinav .flexinav_menu li li{
		line-height: 105%;
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 1020px) {
	#flexinav .flexinav_menu{
		margin-left: 40px;
	}
	
	/* Added 8/10/17 by Cassie Schauer for nav tap targets */
	#flexinav .flexinav_menu li li{
		line-height: 105%;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	#flexinav .flexinav_menu{
		margin-left: 15px;
	}
	
	#flexinav .flexinav_menu .flexinav_ddown_mega{
		margin-left: -570px;
		width: 1140px;
	}
	
	/* Added 8/10/17 by Cassie Schauer for nav tap targets */
	#flexinav .flexinav_menu li li{
		line-height: 105%;
	}
}