@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:wght@300;500;700&display=swap');

/*Custumize your solution using this file*/
body#Body {
    background: #fff;
    font-family: 'Montserrat', sans-serif;
	background-attachment: fixed;
}

#Body h1,#Body h2, #Body h3,#Body h4,#Body h5,#Body h6 {
    display: block;
    color: #333;
    font-family: 'Bebas Neue', sans-serif;
	letter-spacing:2px;
}
#Body #wrapper {
    background: #f7f7f7;
    min-height: auto;
    background-size: inherit;
	background-attachment: fixed;
	background-position: 5px 150px;
}

#Body .secondary-and-action {
    margin-top: 7px;
}

#Body a.logo {
    display: block;
    width: 373px;
    height: 117px;
    text-indent: -1000em;
    background: url(images/Arrl_logo.png) no-repeat -3px 10px;
}

#Body #header .action a{
	font-family: 'Montserrat', sans-serif;
	text-transform:uppercase;
}

#Body #header .action a.logInOut {
	background:url('images/login_icon.gif') no-repeat -8px;
	padding: 15px 15px 15px 30px;
	
}

#Body #header .action a.cart {
    background: url(images/newcart_icon.gif) no-repeat 15px 5px;
    padding: 15px 28px 15px 30px;
    position: relative;
}

#Body #header .action a.cart span.showItems {
    position: absolute;
    left: 0;
    background: #6d6d2f;
    display: inline-block;
    padding: 2px 10px 2px 12px;
    border-radius: 50% 50% 50% 50%;
}

#Body #header .action a.cart span.showItems p.cartCountLabel {
    color: #FFF;
    margin: -7px;
    padding-right: 4px;
    padding-left: 2px;
    padding-top: 2px;
    display: inline;
    font-size: 12px;
    vertical-align: top;
    text-align: center;
}


#Body #header {
    width: 100%;
    background: #001943;
	margin-bottom:56px;
}

#Body #header .secondary-and-action {
	min-height:135px;
}

#Body #header .Custom_menu_navbar > div,
#Body #header .secondary-and-action {
    max-width: 960px;
    margin: 0 auto;
}

#Body.layoutHome .featured h2.moduleTitle span.Head,
#Body.layoutHome .loginPane h2.moduleTitle span.Head {
    color: #12264d;
}

#Body h2 {
    color: #12264d;
}

/* Start Top Menu */
#Body .navbar.navbar-default {
    background: transparent;
    border-top: solid 1px #5c6a81;
    margin-bottom: 0;
    width: 100%;
}

#Body .navbar.navbar-default #nav-jQuery-hook{
    background: transparent;
    border: none;
    margin-bottom: 0;
    max-width: 960px;
    margin: 0 auto;
}

#Body .navbar-nav > li > a::after {
    content: "";
    border-left: 0px solid #2E4D6C;
    position: absolute;
    height: 100%;
    right: -2px;
    top: 0;
}


#Body .nav {
    width: 100%;
	margin-bottom:0;
}

#Body .dnnMenu .navbar-nav.nav > li {
    width: 13%;
}

#Body .dnnMenu .navbar-nav.nav .first-item a{
    padding-left: 0;
    margin-left: 0;
    text-align: left;
}

#Body .navbar-default .navbar-nav.nav > li > a {
    font-size: 12px;
    color: #FFF;
    font-weight: 700;
    text-align: center;
    border-top: 0px solid #5c6a81;
    border-right: 0px solid #05182A;
    border-bottom: 0px solid #05192B;
    background: #001943;
    height: 60px;
    z-index: 0;
    text-transform: uppercase;
    padding: 22px 8px;
	font-family: 'Montserrat', sans-serif;
}

#Body .navbar-default .navbar-nav.nav > li > a:hover {
    color: #001943;
    font-weight: 700;
    text-align: center;
    border-top: 0px solid #5c6a81;
    border-right: 0px solid #05182A;
    border-bottom: 0px solid #05192B;
    background: #fff;
    height: 60px;
    z-index: 0;
    text-transform: uppercase;
    padding: 22px 8px;
}

#Body .dropdown-menu{
	border:0;
}

#Body .dropdown .dropdown-menu > li > a {
    white-space: normal;
    padding-top: 20px;
    padding-bottom: 20px;
	font-size:12px;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-weight: 600;
}

#Body .navbar-nav > li > ul.dropdown-menu {
    font-size: inherit;
    margin-top: 0px;
    margin-left: -1px;
    padding: 0px 0 0 0;
    width: 275px;
    position: absolute;
    background: #D0D2D1;
    background-size: cover;
    z-index: 9999;
}

#Body .nav > li ul a {
    color: #001943;
}


#Body .dnnMenu .dropdown-menu > li:hover {
    background: #001943;
}


#Body .dnnMenu .dropdown-menu > li:hover a{
    color: #fff;
	text-decoration:none;
}

#Body .dnnMenu .dropdown-menu > li:hover a:hover{
    color: #fff;
	text-decoration:none;
}

#Body .nav > li ul li {
    margin-bottom: 0px;
    font-size: 1.2em;
    line-height: 1.2;
}

#Body .dnnMenu .navbar-nav.nav > li.dropdown > a:after{
	border-style: solid;
    border-width: 2px 2px 0 0;
    content: '';
    display: inline-block;
    height: 0.7em;
    left: 0.75em;
    position: relative;
    top: 0.15em;
    vertical-align: top;
    width: 0.7em;
    transform: rotate(135deg);
	border-color: #d2d2d2;
}

/* End Top Menu */

#Body #content.myAccount .main, 
#Body #content.general .main {
    display: block;
    min-height: 0;
    background: #fff;
}

#Body .productDetails .pricingCell.highlight .price {
    color: #006699;
    font-size: 125%;
    border-bottom: 4px solid #B1B24D;
}

#Body .pricingCell.highlight .rateCode {
    background-color: #001943;
    color: #fff;
    font-size: 105%;
    padding: 0.6em 0.5em;
}

#Body .pricingCell .rateCode {
    background-color: #003DA5;
    color: #efefef;
    font-size: /*135%*/105%;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: /*150%*/19px;
    /* max-height: 2em; */
    /* overflow: hidden; */
    padding: 0.6em 0.5em;
    text-shadow: 1px 1px 1px #222;
    min-height: 40px;
}

#Body .RegistrationControl_PersonifyDefault .userDetails .emailRow label {
    min-width: 150px;
    display: inline-block;
}

#Body #header .action {
    background: transparent;
    color: #FFFFFF;
    float: right;
    clear: both;
    font-size: 1em;
    padding: 50px 40px 9px 15px;
    position: relative;
    text-align: right;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin: 3px 0;
    width: auto;
    display: block;
}

#Body .navCol > h2 {
    background: #001943;
    line-height: 36px;
    font-size: 166.67%;
    font-weight: bold;
    color: #FFFFFF;
    padding: 8px 10px;
    margin: 0;
    height: 52px;
	font-family: 'Bebas Neue', sans-serif;
    text-transform: uppercase;
	letter-spacing: 3px;
}

#Body div#content.myAccount .main h1 {
    margin-left: 0;
    line-height: 28px;
    color: #0d528e;
}


#Body .btn.btn-primary,
#Body .login input.StandardButton, 
#Body .general .ModPersonifyLoginC input.StandardButton, 
#Body .general .AuthenticationContent input.StandardButton, 
#Body input.proccedAsGuest {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#05649c+0,024570+100 */
	background: #001943; /* Old browsers */
    background-position: 0px 0px;
    padding: 5px 10px;
    background-repeat: no-repeat;
    border: 0px solid #adc570;
    vertical-align: middle;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: bold;
    text-shadow: 0px 0px #cfe5a4;
    border-radius: 3px;
    font-size: 12px;
    color: #FFFFFF;
    font-weight: bold;
    position: relative;
}

#Body .btn.btn-primary:hover,
#Body .login input.StandardButton:hover, 
#Body .general .ModPersonifyLoginC input.StandardButton:hover, 
#Body .general .AuthenticationContent input.StandardButton:hover, 
#Body input.proccedAsGuest:hover {
	background:#003DA5;
}

#Body .btn.btn-primary.btn-go {
    background: #6D6D2F;
    font-family: 'Bebas Neue', sans-serif;
    letter-spacing: 3px;
    font-size: 20px;
    padding: 0px 7px 0px 10px;
    font-weight: 100;
}

#Body .btn.btn-primary.btn-go:hover{
	background:#B1B24D;
}


#Body .h-color-primary {
    color: #0d528e;
}

#Body .ProductDetailControl_PersonifyDefault .MultipleRatesPanel{
    padding: 1em 0 .8em 10px;
}

#Body #header .secondary2 a {
    font-size: 12px;
    color: #ffed01;
    margin-right: 12px;
    padding-right: 14px;
    font-weight: bold;
}

#Body .savingsHeader {
    position: relative;
    margin-top: 8px;
    height: 26px;
    padding-top: 6px;
    padding-left: 10px;
    color: #ffffff;
    background: #6d6d2f;
    font-weight: bold;
    margin-bottom: 10px;
    margin-right: 8px;
}

#header .secondary2 .connected {
    font-size: 12px;
    color: #ffed01;
}

/* Gautam fix */

.MembershipJoinBiggerImpactControl_PersonifyDefault .WizardBannerControl_PersonifyDefault span.step.active,
.AddFamilyMembershipControl_PersonifyDefault .WizardBannerControl_PersonifyDefault span.step.active,
.MembershipJoinOptionsControl_PersonifyDefault .WizardBannerControl_PersonifyDefault span.step.active,
.MembershipJoinRegistrationControl_PersonifyDefault .WizardBannerControl_PersonifyDefault span.step.active {
    border: 0 solid #FFF;
    display: block;
    float: left;
    padding: 14px 0;
    width: 25%;
    background-color: #90CCF3;
    border-bottom: 3px solid #6ba7ce;
    position: relative;
    background-image: url(/PersonifyEbusiness/Portals/_default/Skins/PersonifySkin/images/w.gif);
    background-repeat: repeat-y;
    background-position: right;
}

.MembershipJoinBiggerImpactControl_PersonifyDefault .WizardBannerControl_PersonifyDefault span.step,
.AddFamilyMembershipControl_PersonifyDefault .WizardBannerControl_PersonifyDefault span.step,
.MembershipJoinOptionsControl_PersonifyDefault .WizardBannerControl_PersonifyDefault span.step,
.MembershipJoinRegistrationControl_PersonifyDefault .WizardBannerControl_PersonifyDefault span.step {
    border: 0 solid #FFF;
    display: block;
    float: left;
    padding: 14px 0;
    width: 25%;
    background-color: #eff6ff;
    border-bottom: 3px solid #6ba7ce;
    position: relative;
    background-image: url(/PersonifyEbusiness/Portals/_default/Skins/PersonifySkin/images/w.gif);
    background-repeat: repeat-y;
    background-position: right;
}

.MembershipJoinBiggerImpactControl_PersonifyDefault .WizardBannerControl_PersonifyDefault span.number,
.AddFamilyMembershipControl_PersonifyDefault .WizardBannerControl_PersonifyDefault span.number,
.MembershipJoinOptionsControl_PersonifyDefault .WizardBannerControl_PersonifyDefault span.number,
.MembershipJoinRegistrationControl_PersonifyDefault .WizardBannerControl_PersonifyDefault span.number {
    position: relative;
    left: 35%;
    top: 29px;
    border: 1px solid #fff;
    color: #fff !important;
    padding: 1px 5px;
    border-radius: 4px;
    background-color: #cedff5;
}

.AddFamilyMembershipControl_PersonifyDefault .WizardBannerControl_PersonifyDefault{
	margin-bottom:0;
}

.AddFamilyMembershipControl_PersonifyDefault .buttonRow{
	margin-top:15px;
}

.AddFamilyMembershipControl_PersonifyDefault .emailRow{
	margin:10px 0;
}

.AddFamilyMembershipControl_PersonifyDefault .emailRow label,
.MembershipJoinRegistrationControl_PersonifyDefault .emailRow label{
	min-width:150px;
	display:inline-block;
}


#Body .wiz-step-active {
    background-color: #90CCF3;
    border-bottom: 3px solid #6ba7ce;
    color: #2B5B84;
}

#Body .wiz-top-bar {
    border-top: 1px dotted #72b2db;
    color: white;
    -ms-text-shadow: 1px 0 2px #222;
    text-shadow: 1px 0 2px #222;
    height: 42px;
    line-height: 42px;
    vertical-align: middle;
    font-size: 16px;
    width: auto;
    background: #001943;
}

#Body .savingsHeader .decore {
    position: absolute;
    left: -8px;
    top: 0px;
    width: 17px;
    height: 26px;
    display: inline;
    background-image: url(images/bgrsavings.png);
    background-repeat: no-repeat;
}

.join1 .buyBox {
    margin-right: 0px;
}

#leftMenu{
	background: #D0D2D1;
}	

#Body #leftMenu .moduleTitle{
	background: #003DA5;
    color: #FFFFFF;
	padding: 7px 10px 6px 19px;
    height: auto;
	margin-bottom: 10px;
	font-family: 'Bebas Neue', sans-serif;
    text-transform: uppercase;
    
}

#Body #leftMenu .moduleTitle span.Head{
	color: #FFFFFF;
	margin-bottom: 0px;
	font-family: 'Bebas Neue', sans-serif;
	letter-spacing: 2px;
}

#leftMenu li a {
	color: #001943;
	text-shadow: 0 0;
}

#leftMenu li a:hover {
    color: #FFFFFF;
	text-shadow: 0 0;
	text-decoration:underline;
}


#Body .ProductNameDisplay {
    color: #003DA5;
    /* display: block; */
    display: inline;
    margin-bottom: 4.56853%;
    padding-top: 4.56853%;
    font-weight: 700;
    font-size: 1.2em;
}


/* Gautam fix */

#leftMenu .moduleTitle span.Head, #leftMenu .ModDNNLinksC .Normal {
    color: #666;
    font-family: 'Bebas Neue', sans-serif;
    letter-spacing: 3px;
    overflow: visible;
    word-wrap: break-word;
}


.layoutHome .featured h2.moduleTitle span.Head, h3.abstract_header {
    color: #333;
    font-size: 22px;
    font-family: 'Bebas Neue', sans-serif;
    letter-spacing: 3px;
    font-weight: 400;
}

.moduleTitle span.Head {
    color: #001943;
    margin-bottom: 17px;
    font-family: 'Bebas Neue', sans-serif;
    letter-spacing: 3px;
    font-weight: 400;
}

#leftMenu span.BreadcrumbSelectionsLabel {
    color: #333;
}

#leftMenu * {
    border: 0 none;
    color: #001943;
}
#leftMenu *:hover{
	color: #fff;
}

#Body .productControlSection input.linkButton {
    color: #001943;
    text-decoration: none;
}

#Body a.productName {
    color: #003DA5;
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}

/* Start - Step Wizard */

#Body div .WizardBannerControl_PersonifyDefault span.step.active {
    background-image: none;
    background-color: #90CCF3;
}


/* End - Step Wizard */

.premium-product-header{
	padding: 5px 10px 0px 10px;
}

.premium-product-header .lblPremiumProductsCaption{
	color: #001943;
    margin-bottom: 17px;
    font-family: 'Bebas Neue', sans-serif;
    letter-spacing: 3px;
    font-weight: 400;
}
.premium-products-list{
	padding:5px 10px;
}

.premium-products-list td{
	padding:3px 0px;
}

.premium-products-list td label{
    vertical-align: middle;
}

.AddFamilyMembershipControl_PersonifyDefault .ctrlContent .step3Left div[id$="FamilyListPanel"]{
	min-height: 600px;
}

.MembershipJoinOptionsControl_PersonifyDefault .buttonRow {
    margin-left: 0px;
}

#Body .MembershipContributionsControl_PersonifyDefault .ctrbRbPrice, .ctrbPrice {
    float: left;
    margin-right: 3px;
}

#Body .dropdown-menu .side-dropdown-menu {
    position: absolute;
    right: -260px;
    width: 260px;
    top: 0;
    padding: 0;
    /* background:#001943; */
	background: #D0D2D1;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

#Body .dropdown-menu .side-dropdown-menu a{
    white-space: normal;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
	
}



#Body .dnnMenu .dropdown-menu .side-dropdown-menu > li:hover {
    background:#001943; 
}

#Body .dnnMenu .dropdown-menu .side-dropdown-menu > li a{
	color:#001943;
}

#Body .dnnMenu .dropdown-menu .side-dropdown-menu > li:hover a:hover {
    color: #fff;
    text-decoration: none;
}

/*-------
// Footer styles
//-----*/

#footer {
	/* padding: 20px 15px 10px; */
	position: relative;
	z-index: 5;
}

#footer #innerfooter{
	width:960px;
	margin:0 auto;
	
}

#footer .footerBottom,
#footer .footerBottom td{
	font-weight:600;
}

#footer .footerTopWrapper{
		background:#001943;
		padding: 30px 0;
}

#footer .footerTopContainer{
	width: 960px;
    margin: 0 auto;
}


#footer .footerTopContainer .col.colSub3{
	width: 190px;
}


#footer .footerTopContainer .col3 li {
    margin: 0 0 6px;
	text-transform: uppercase;
}

#footer .footerTopContainer .col3 li a{
	font-size:12px;
}

#footer .FooterHeaderTitle{
	/* border-bottom: solid 18px #6d6d2f; */
	font-family: 'Bebas Neue', sans-serif;
	
}

#footer .followArrl .fab{
	font-size:20px;
}

#footer .followArrl > a{
	background: url("images/arrl-social-icons.png");
	width:18px;
	display:inline-block;
	padding-right: 28px!important;
}



#footer .followArrl .arrl-instagram{
	
}

#footer .followArrl .arrl-facebook,
#footer .followArrl .arrl-facebook:hover{
	background-position-x: -37px;
}

#footer .followArrl .arrl-twitter,
#footer .followArrl .arrl-twitter:hover{
	background-position-x: -74px;
}

#footer .followArrl .arrl-youtube,
#footer .followArrl .arrl-youtube:hover{
	background-position-x: -115px;
}

#footer .followArrl .arrl-linkedin,
#footer .followArrl .arrl-linkedin:hover{
	background-position-x: -153px;
    background-repeat: no-repeat;
}


#footer .followArrl > a:hover{
	background: url("images/arrl-social-icons_hover.png");
}

#footer .followArrl a:first-child{
	/* padding-left:0; */
}

#footer .followArrl a{
	padding:10px;
}

#footer .footerTopWrapper .col{
	vertical-align: top;
}

#footer .footerTopWrapper .followArrl a:hover{
    color: #ffffff87;
}

#footer .footerTopWrapper .FooterHeaderTitle h1 {
    line-height:25px;
}

#footer hr{
	border: solid 8px #6d6d2f;
    margin-bottom: 0px;
}

#footer .followArrl{
	margin-top:15px;
}

#footer .FooterHeaderTitle h1{
	color:#fff;
	font-weight: 500;
    margin: 0;
}

#footer .FooterHeaderTitle div h1{
	color:#D0D2D1;
	margin:0;
	padding: 12px 0;
	font-family: 'Bebas Neue', sans-serif;
    text-transform: uppercase;
	font-size:26px;
	letter-spacing: 3px;
}




#footer .footerBottom{
	background:#6D6D2F;
	font-size:14px;
}


#footer .footerBottom .footerBottomContainer{
	width:960px;
	margin:0 auto;
}
#footer .footerBottom .footerBottomContainer .mobile-hide,
#footer .footerBottom .footerBottomContainer .desktop-hide{
	font-size:12px;
}

#footer .footerBottom .footerBottomContainer td{
	color:#fff;
	font-size:14px;
}

#footer .footerBottom .col2 {
    width: 380px;
    padding: 0 30px 0 60px;
    min-height: 106px;
    background: url(images/Arrl_logo.png) no-repeat center;
}


#footer .footerBottom .col3 {
    width: 250px;
    padding: 55px 0;
}

#search2 {
	position: absolute;
	z-index: 5;
	right: 15px;
	top: 20px;
}

#search2 form {
	float: left;
	font-size: 91.67%;
	padding: 0 0 0 15px;
}

#search2 p {
	float: left;
	font-weight: bold;
	color: #ffed01;
	line-height: 20px;
	margin: 0 10px 0 0;
}

#search2 form div {
	float: left;
}

#search2 input.text {
	float: left;
	margin: 0 5px 0 0;
	padding: 3px 3px;
	height: 14px;
	background: url(images/spriteme1.png) no-repeat -10px -147px;
	border: none;
}

#footer #search2 input.text {
	width: 100px;
}

#search2 input.submit {
	float: left;
	color: #FFFFFF;
	width: 36px;
	height: 19px;
	background: url(images/spriteme1.png) no-repeat -10px -187px;
	border: none;
	padding: 0 0 2px;
}

#search2 input.submit:hover {
	background-position: -10px -206px;
}

#footer .tabArea {
	margin: 10px 0 10px 0;
}

#footer .tabContent {
	padding: 7px 10px;
	font-family: 'Montserrat', sans-serif;
}

#footer .tabContent ul {
	width: 100%;
	overflow: hidden;
}

#footer .tabContent li {
	float: left;
	border-right: solid 1px #b9bfc3;
	padding: 0 5px;
	width: 312px;
	height: auto;
	/* this should stay "auto" */
}


#footer .tabContent.singleRow li {
    float: left;
    border-right: solid 0px #b9bfc3;
    padding: 0 5px;
    width: 100%;
    height: auto;
}

#footer .tabContent.singleRow li a{
	font-size:11.25px;
}

#footer .tabContent ul li p a {
	font-size: 11px !important;
    color: #003DA5 !important;
    line-height: 13.2px;
}

#footer .tabContent li.last {
	border: none;
}

#footer .tabContent li h4 {
	margin: 0 0 .1em;
	font-size: 116.67%;
	font-weight: bold;
}

#footer .tabContent li h4 a:link,
#footer .tabContent li h4 a:visited {
	color: #001943;
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	letter-spacing:0px;
}

#footer .tabContent li p {
	font-size: 91.67%;
	margin: 0 0 1em;
}

#footer .cols {
	display: table;
	color: #FFFFFF;
	width: 100%;
}

#footer .col {
	display: table-cell;
	vertical-align: middle;
	padding: 0 10px;
}

#footer .col p{
    line-height:18px;
}

#footer .col p a.ContactARRL{
	clear:both;
	margin-top: 15px!important;
}

#footer .col1 {
	width: 340px;
}

#footer .cols .col p,
#footer .cols a.col{
	font-size:12px;
}

#footer .cols .col3 a{
	font-size:12px;
}

#footer .cols .col p strong{
	font-size:12px;
	font-weight:700;
}

#footer .cols .col.col1 p strong{
	padding-top: 10px;
    display: inline-block;
}

#footer .col2 {
	width: 300px;
	padding: 0 30px 0 60px;
	min-height: 106px;
	background: url(images/spriteme1.png) no-repeat -10px -1185.5px;
	_background: url(images/logo-2.png) no-repeat 0 center;
}

#footer .col3 {
	width: 250px;
}

#footer .col3 ul {
	margin: 0 0 1em;
	font-size: 91.67%;
}

#footer .col3 li {
	margin: 0 0 .2em;
}

#footer .col3 li a:link,
#footer .col3 li a:visited {
	color: #FFFFFF;
}

#footer .col3 p {
	display: block;
	float: left;
	line-height: 16px;
	overflow: hidden;
	width: 65px;
}

#footer .col1 p a:link,
#footer .col1 p a:visited,
#footer .col3 p a:link,
#footer .col3 p a:visited {
	float: left;
	display: block;
	margin: 0 12px 0 0;
	color: #FFFFFF;
}

#footer .col3 p a.rss:link,
#footer .col3 p a.rss:visited {
	padding: 0 0 0 20px;
	background: url(images/spriteme1.png) no-repeat -10px -732px;
	_background: url(images/icon-rss.gif) no-repeat 0 0;
}

#footer a.col2:link,
#footer a.col2:visited {
	color: #FFFFFF;
}

.addthis_toolbox {
	width: 150px;
	float: left;
}

.tabArea {}

.tabArea .tab {
	font-size: 125%;
	font-weight: bold;
	width: 100%;
	overflow: hidden;
	border-bottom: solid 4px #ffed01;
}

.tabArea .tab a:link,
.tabArea .tab a:visited {
	float: left;
	width: 225px;
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
	color: #FFFFFF;
	text-decoration: none;
	background: url(images/spriteme1.png) no-repeat -10px -495px;
	_background: url(images/tab-1.png) no-repeat 0 0;
}

.tabClosed .tab a:link, .tabClosed .tab a:visited {
    background-position: -10px -520px;
    _background-position: 0 -25px;
}

.tabArea .tabContent {
	background: #FFFFFF;
	overflow: hidden;
	position: relative;
	height:auto;
	
}

#Body.CheckoutControl h1, 
#Body.CheckoutControl .breadCrumbs, 
#Body.CheckoutControl .dnnMenu {
    display: block;
}

/* Forms code from ARRL folder on internal */

#footer .col3 a:link,
#footer .col3 a:visited {
	color: #FFFFFF;
}

#footer .col3 a:link,
#footer .col3 a:visited {
	color: #FFFFFF;
}

.addthis_default_style .at300m {
	padding: 0 2px;
}

/* End Footer */

#Body .checkoutControlsInnerDiv .shippingAddress {
    margin-left: 0px;
    width: 440px;
	padding-left: 40px;
}

#Body div.RadWindow .ProductPreviewDiv .previewProductInfo .ProductDescriptionDisplay  em {
    font-size: inherit;
    font-weight: normal;
} 

#Body .ProductSUBBuyBoxControl_PersonifyDefault div[id$="ProductSUBBuyBoxControl_MembershipAutoRenew"]{
	padding: 0 12px 10px 12px;
}



#Body .MembershipBuyBoxControl_PersonifyDefault .autoRenew input{
	margin-top:2px;
}

#Body .MembershipBuyBoxControl_PersonifyDefault .autoRenew{
	padding-right:5px;
}




/* Start Device  */

@media screen and (max-width: 42.0em){
	
	.buttonRow input[type="button"], 
	.buttonRow input[type="submit"] {
		min-height: 44px;
	}
    .rwWindowContent .buttonRow input    {
        display: block;
        text-align: center !important;
        margin: 2% auto !important;
        white-space: normal !important;
    } 
	
	#Body .Custom_menu_navbar{
		display:none;
	}
	
	div .WizardBannerControl_PersonifyDefault span.step.active {
		background-image: none;
		background-color: #CEE7FF;
		width: 100%;
		clear: both;
	}
	#Body #header .secondary-and-action {
		margin-top:0;
	}
	
	#Body .mobile-logo-url{
		background: url(images/Arrl_logo.png) no-repeat 0px 0px;
		background-size:cover;
		text-indent: -999px;
		display: inline-block;
		width: 100px;
	}
	
	#Body #header.mobile-way {
		display: block;
		width: 100%;
		color: #efefef;
		text-shadow: 1px 1px 1px #222;
		line-height: 40px;
		vertical-align: middle;
		margin: 0 auto 1px auto;
		float: none !important;
		clear: both !important;
		left: 0;
		position: relative !important;
		background: #12264d;
	}
	
	#Body #footer{
		padding: 0;
	}
	
	#footer .footerBottom .footerBottomContainer {
		width: 100%;
		margin: 0 auto;
		padding: 10px 15px;
	}
	
	#footer .footerBottom .col2 {
		width: 325px;
		padding: 0 30px 0 60px;
		min-height: 106px;
		background: url(images/Arrl_logo.png) no-repeat left;
	}
	
	#footer .FooterHeaderTitle div h1 {
		padding: 12px 0 12px 15px;
	}
	
	#Body #header .secondary-and-action {
		max-width: 100%;
		margin: 0 auto;
		min-height: auto;
	}
	
	#footer .FooterHeaderTitle div, 
	#footer #innerfooter {
		width: 100%;
		margin: 0 auto;
	}
	
	
	#Body #sidebar-wrapper {
		z-index: 1000;
		position: fixed;
		overflow-y: scroll;
		overflow-x: hidden;
		top: 0;
		height: 100%;
		width: 250px;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		background-color: #003DA5;
	}
	
	#Body #sidebar-wrapper .navbar-nav > li > a {
		border: none;
		border-bottom: 0px solid #385A86;
		width: 100%;
		font-size: 15px;
		font-weight: 400;
		color: #fff;
		text-align:left;
	}
	
	#Body .navbar-nav.nav {
		height: auto;
		background: #001943;
		min-height: inherit;
		margin-bottom: 8px;
		display: block;
		border: none;
	}
	
	#Body .btn.btn-primary, #Body .login input.StandardButton, #Body .general .ModPersonifyLoginC input.StandardButton, #Body .general .AuthenticationContent input.StandardButton, #Body input.proccedAsGuest {
		background: #001943;
		background-position: 0px 0px;
		padding: 5px 10px;
		background-repeat: no-repeat;
		border: 0px solid #adc570;
		vertical-align: middle;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		font-weight: bold;
		text-shadow: 0px 0px #cfe5a4;
		border-radius: 3px;
		font-size: 12px;
		color: #FFFFFF;
		font-weight: bold;
		position: relative;
		border-radius: 0px !important;
	}
	
	#Body .btn.btn-primary.login-sidebar-button,
	#Body .btn.btn-primary.register-sidebar-button{
		font-size:14px !important;
	}
	
	#Body ul.navbar-nav.nav > li {
		width: 100%;
		height: auto;
		margin: 0;
		border-bottom: solid 1px #2d3e5a;
	}
	
	#Body .nav > li:hover > a {
		background: #003da5;
		border-bottom: 1px solid #518BB1;
		text-decoration: none;
	}
	
	#Body .navbar-nav > li > ul.dropdown-menu {
		font-size: inherit;
		margin-top: 0px;
		margin-left: -1px;
		padding: 0px 0 0 0;
		width: 100%;
		position: absolute;
		background: #D0D2D1;
		background-size: cover;
		z-index: 9999;
	}
	
	#Body .sub-navbar-header {
		background-color: #90CCF3;
		border-bottom: 2px solid #96C3FF;
		position: relative;
		height: 50px;
		text-align: center;
		display: block;
		visibility: visible;
	}
	
	#Body #pagina-mobile.mobile-page-header {
		color: #003DA5;
		font-size: 2em;
		font-weight: 700;
		text-shadow: none;
		text-overflow: ellipsis;
		white-space: nowrap;
		max-width: 55%;
		line-height: inherit;
		display: inline-block;
		position: relative;
		top: 5px;
		text-shadow: 0px 0px 0px #efefef;
		overflow: hidden;
		text-indent: 0;
		height: auto;
	}
	#Body .dot {
		padding-left: 3px;
		border-left: 3px solid #003DA5;
	}
	#Body .sub-menu-icon-bar {
		height: 2px;
		width: 20px;
		margin: 3px 0;
		border-top: 3px solid #003DA5;
		display: block;
	}
	
	#Body .dropdown .dropdown-menu > li > a {
		white-space: normal;
		padding-top: 6px;
		padding-bottom: 6px;
		font-size: 14px;
		font-family: 'Montserrat', sans-serif;
		text-transform: uppercase;
		font-weight: 400;
		color:#fff;
	}
	
	#Body .navbar-nav > li > ul.dropdown-menu {
		font-size: inherit;
		margin-top: 0px;
		margin-left: -1px;
		padding: 0px 0 0 0;
		width: 100%;
		position: absolute;
		background: transparent;
		background-size: cover;
		z-index: 9999;
	}
	
	#Body #footer .col p a.ContactARRL {
		clear: both;
		margin-top: 0px!important;
	}
	
	#Body #footer .col {
		display: block;
		vertical-align: middle;
		padding: 0 0px;
		width: 100% !important;
		clear: both;
	}
	
	#Body #footer .col3 {
		margin-top: 20px;
	}
	
	#Body #footer .col3.colSub3 {
		margin-top: 0px;
	}
	
	#Body #footer .col2 {
		padding-left: 22%;
		padding-right: 15%;
		margin-top:20px;
		padding-top: 30px;
	}
	
	#Body #footer .tabContent li {
		float: left;
		border-right: solid 0px #b9bfc3;
		padding: 0 5px;
		width: 100%;
		height: auto;
	}
	
	#Body .btn.btn-primary, #Body .login input.StandardButton, #Body .general .ModPersonifyLoginC input.StandardButton, #Body .general .AuthenticationContent input.StandardButton, #Body input.proccedAsGuest {
		border-radius: 3px;
		font-size: initial;
		color: #FFFFFF;
		font-weight: bold;
	}
	
	#Body #content > .main {
		background: #FFFFFF;
	}
	#Body .My.Account .btn.btn-primary,
	#Body .My.Account .btn.btn-link{
        font-size: 18px;
    }
	
	#Body .My.Account .divTableCell.panel-add-card-form input.btn.btn-primary{
		display: block;
		margin: 0 auto;
		text-align: center;
		width: 100%;
		margin-bottom: 20px;
	}
	
	#Body .RegistrationControl_PersonifyDefault .btn.btn-primary.next{
		font-size:21.5px;
	}
	
	
	
	#Body .AddFamilyMembershipControl_PersonifyDefault.ARRL_PersonifyDefault .RadGrid.RadGrid_PersonifyDefault{
		width: 100% !important;
		overflow-x: scroll;
	}
	
	#Body .AddFamilyMembershipControl_PersonifyDefault.ARRL_PersonifyDefault .btn.SaveEditButton{
		width: 100%;
	}
	
	
	#Body .AddFamilyMemberControl_PersonifyDefault.ARRL_PersonifyDefault .btn.btn-primary{
		width: 100%;
		margin: 5px 0;
	}
	
	#Body .AddFamilyMemberControl_PersonifyDefault.ARRL_PersonifyDefault .border-bottom-separated.ctrl-row-usr-first-name{
    	clear:both;
    	margin-top:15px;
    	position:relative;
    	overflow:hidden;
    }
	
	#Body .AddFamilyMemberControl_PersonifyDefault.ARRL_PersonifyDefault .border-bottom-separated.ctrl-row-usr-relationship .formRow,
	#Body .AddFamilyMemberControl_PersonifyDefault.ARRL_PersonifyDefault .border-bottom-separated.ctrl-row-usr-email-address .formRow,
	#Body .AddFamilyMemberControl_PersonifyDefault.ARRL_PersonifyDefault .border-bottom-separated.ctrl-row-usr-first-name .formRow{
	    margin:0px 10px;	
	}
	
	#Body .AddFamilyMemberControl_PersonifyDefault.ARRL_PersonifyDefault .border-bottom-separated.ctrl-row-usr-relationship .formRow label,
	#Body .AddFamilyMemberControl_PersonifyDefault.ARRL_PersonifyDefault .border-bottom-separated.ctrl-row-usr-email-address .formRow label,
	#Body .AddFamilyMemberControl_PersonifyDefault.ARRL_PersonifyDefault .border-bottom-separated.ctrl-row-usr-first-name .formRow label{	
	    display:block;
	    width:100%;
		font-weight: 600;
	}

	#Body .AddFamilyMemberControl_PersonifyDefault.ARRL_PersonifyDefault .border-bottom-separated.ctrl-row-usr-relationship .formRow input,
	#Body .AddFamilyMemberControl_PersonifyDefault.ARRL_PersonifyDefault .border-bottom-separated.ctrl-row-usr-email-address .formRow input,
	#Body .AddFamilyMemberControl_PersonifyDefault.ARRL_PersonifyDefault .border-bottom-separated.ctrl-row-usr-first-name .formRow input{	
	    display:block;
	    width:100%;
	}
	
	
	#Body .AddFamilyMemberControl_PersonifyDefault.ARRL_PersonifyDefault .border-bottom-separated.ctrl-row-usr-relationship .formRow .RadComboBox{
		width:100%!important;
	}
	
	#Body .DnnModule.DnnModule-Personify-DNNWebControlContainer.DnnModule-876{
		float: left;
		width: 100%;
	}
	
	#Body .DnnModule.DnnModule-Personify-DNNWebControlContainer.DnnModule-876 .link-store-cat{
		font-size: 16px !important;
	}
	
	#Body .SearchControl_PersonifyDefault {
		width: 100%;
		max-width: 680px;
		/* margin: 0 auto 15px auto !important; */
		height: 50px !important;
		border-bottom: 1px solid #cccccc !important;
	}
	
	.join1 .dnnMenu, .join1 .breadCrumbs {
		display: none;
	}
	
	.MembershipJoinBiggerImpactControl_PersonifyDefault .WizardBannerControl_PersonifyDefault span.step.active, .AddFamilyMembershipControl_PersonifyDefault .WizardBannerControl_PersonifyDefault span.step.active, .MembershipJoinOptionsControl_PersonifyDefault .WizardBannerControl_PersonifyDefault span.step.active, .MembershipJoinRegistrationControl_PersonifyDefault .WizardBannerControl_PersonifyDefault span.step.active {
		width: 100%;
	}
	
	#Body .RadWindow_PersonifyDefault.rwNormalWindow.rwTransparentWindow .rwWindowContent div {
		width: 100% !important;
	}
	
	#Body .RadWindow_PersonifyDefault.rwNormalWindow.rwTransparentWindow {
		width: 100% !important;
	}
	
	#Body .PayNowControl_PersonifyDefault.ShoppingCart_PersonifyDefault .CheckoutItemSummaryListControl_PersonifyDefault.ShoppingCart_PersonifyDefault table.checkoutItemSummary tr {
		display: revert;
	}
	
	#Body.CheckoutControl h1, #Body.CheckoutControl .breadCrumbs, #Body.CheckoutControl .dnnMenu {
		display: none;
	}
	
	#Body a[href^="tel"] {
	  color: inherit; /* Inherit text color of parent element. */
	  text-decoration: none; /* Remove underline. */
	  /* Additional css `propery: value;` pairs here */
	}
	
	#Body .navbar-nav > li > ul.dropdown-menu {
		position: relative;
	}
	
	#footer .footerTopContainer {
		width: 100%;
	}
	
	#footer .footerTopContainer .FooterHeaderTitle.followArrlWrapper h1{
		display:none;
	}
	
	#Body #footer .col3 {
		text-align:center;
	}
	
	#footer hr {
		display:none;
	}
		
	#footer .footerBottom .footerBottomContainer {
		-ms-box-orient: horizontal;
		  display: -webkit-box;
		  display: -moz-box;
		  display: -ms-flexbox;
		  display: -moz-flex;
		  display: -webkit-flex;
		  display: flex;
	}	
	
	#footer .footerBottom .footerBottomContainer{
		display: flex;
	  flex-direction:column;
	  justify-content:flex-end;
	  flex-wrap: wrap;
	}
	
	#footer .footerBottom .footerBottomContainer .col2{
		order:1;
		background: url(images/Arrl_logo.png) no-repeat center;
		background-size: 50%;
	}
	
	#footer .footerBottom .footerBottomContainer .col3{
		order:2;
	}
	
	#footer .footerBottom .footerBottomContainer .col1{
		order:3;
		text-align: center;
	}
	
	#footer .footerBottom .footerBottomContainer table{
		text-align: center;
		margin: 0 auto;
	}
	
	#footer .footerBottom .footerBottomContainer .col1 strong.mobile-hide{
		display:none;
	}
	
	#Body .navbar-default .navbar-nav.nav > li > a:hover {
		background: #001943;
	}
	
	#Body ul.navbar-nav.nav .toggle-open {
		top: 20px;
	}
	
	#Body .Education .Normal img{
		width:100% !important;
	}
	
	#Body .Magazines.Subscribe .Normal p img{
		width: 100%;
		height: auto;	
	}
	
	/*Device issue fix 051021*/
	
	#Body .MySubscriptionsControl_PersonifyDefault .ctrl-form-row .ctrl-profile-row-header{
		margin-right: 10px;
	}
	
	#Body .Join.ARRL .TopPane .blankContainerSize > .blankContentPane{
		float:left;
	}
	
	#Body .Join.ARRL .TopPane .blankContainerSize > .blankContentPane .DNNModuleContent.ModDNNHTMLC{
		float: left;
		margin-top: 15px;
	}
	
	#Body .Learn  .DNNModuleContent.ModDNNHTMLC p {
		display: block;
		max-width: 90%;
	}
	
	#Body .Family.Membership .buyBox {
		margin: 1em 0em 0px 0px;
		width: 100%;

	}
	
	#Body .Donate.Now .donation-price-info .exp-col-content.expanded{
		float:left;
	}
	#Body .Donate.Now .bottom-navigation{
		display:none;
	}
	
	#Body .ctrl-row-item.ctrl-row-label .profile-control-main{
		background-position: 42px;
	}
	
	#Body .OptInOutControl_PersonifyDefault .ctrlContent .ctrl-edit-mode .ctrlContent fieldset label {
		display: inline-block;
		max-width: 90%;

	}
	
	#Body .checkoutControlsInnerDiv .shippingAddress {
		padding-left: 0;

	}
	
	#Body .checkoutControlsInnerDiv .shippingAddress {
		width: 100%;
	}
	
	#Body .ProductDetailControl_PersonifyDefault.Store_PersonifyDefault {
		float: left;
	}
	
	#Body .bottom-navigation {
		margin: 15px auto 10px auto;
	}
	
	#Body .billingAddress .instruction {
		line-height: 1.1em;
		font-size: 1.4em !important;
		color: #000;
	}
	#Body .billingAddress p:before {
		content: " ";
		color: #FF7400;
		font-weight: bold;
		font-size: 1.2em;
		text-shadow: 1px 1px 1px #efefef;
		line-height: 1.1em;
	}
	
	#Body .ProductSUBBuyBoxControl_PersonifyDefault div[id$="ProductSUBBuyBoxControl_MembershipAutoRenew"]{
		padding: 0;
		margin-bottom: 18px;
	}
	
	#Body #content.myAccount .main, 
	#Body #content.general .main {
		/* min-height: 90vh; */
	}
	
	
}




.rcbSlide{
	position:absolute !important;
	height: 242px !important;
}
/* Cutom control font issue fix */

#wrapper.Magazines .DNNModuleContent.ModDNNHTMLC p,
#wrapper.Scholarships .DNNModuleContent.ModDNNHTMLC p,
.wrapper.Learn .DNNModuleContent.ModDNNHTMLC p{
	font-family: 'Montserrat', sans-serif!important;
	}

#wrapper.Scholarships  .DNNModuleContent.ModDNNHTMLC p span{
	font-size:12px!important;
}

#Body .RadSocialShare {
    border-width: 0px;
}

span[id$="lblPremiumShippingText"]{
	padding-left:32px;
	font-weight: 400;
    color: #000;
}

.premium-products-list td label{
	color:#8f8d8d
}

/* PROD issue fix SR */
#Body .mobile-store.Products .store-nav li.store-nav-header a.link-store-cat.sign-minus{
	font-size: 16px !important;
}

@media screen and (max-width: 42em){
	#Body .Products .personifypager span.pagerSortDisplay + span.pagerItemsDisplay,
	#Body .Products  .personifypager > span.pagerItemsDisplay span,
	#Body .Products  .personifypager span.pagerSizeDisplay,
	#Body .Products  .personifypager span.pagerPagesDisplay,
	#Body .Products  .personifypager span.pagerShowAllDisplay {
		display:none;
	}
	
	#Body .SearchControl_PersonifyDefault.Store_PersonifyDefault span[id$="SearchTitleLabel"]{
		display:none;
	}

	#Body #leftMenu li a.link-store-cat:hover {
		color: #245374;
	}
	
	#Body .Store.Shop #leftMenu  .store-nav-sub-category-list a:hover{
		color: #245374;
	}
	
	#Body .Store.Shop .store-nav-box .navCol + .twoCol{
		display:none;
	}
	
	#Body .PersonifyPagerControl_PersonifyDefault.Store_PersonifyDefault .personifypager span.pagerItemsDisplay,
	#Body .PersonifyPagerControl_PersonifyDefault.Store_PersonifyDefault .personifypager span.pagerSizeDisplay,
	#Body .PersonifyPagerControl_PersonifyDefault.Store_PersonifyDefault .personifypager span.pagerPagesDisplay{
		display:none;
	}

	#Body .PersonifyPagerControl_PersonifyDefault.Store_PersonifyDefault .personifypager span.pagerPagesDisplay.desktop-hide {
		display: block;
	}

}


/* CS Case 00132366 Need to hide the Member Savings Control on all eBusiness pages */
.ShoppingCartSavingsControl_PersonifyDefault {display:none}