﻿.navbar {height:50px;background:#000;position:relative;}
.navbar .primary {position:relative;}
.navbar .primary ul {padding:0;margin:0;list-style:none;}
.navbar .primary ul li {padding:0;margin:0;list-style:none;float:left;position:relative;z-index:0;}
.navbar .primary ul li a:link, .navbar ul li a:visited {font:700 18px/18px 'Oswald',sans-serif;letter-spacing:.05em;height:35px;padding:15px 13px 0 13px;display:block;text-transform:uppercase;color:#fff;text-decoration:none;}
.navbar .primary ul li a:hover {color:#099ED6;}
.navbar .primary ul li a.selected {color:#099ED6;}
.navbar .primary ul li.search {width:50px;background:url('/themes/sca/images/search.png') center center no-repeat;}
.navbar .primary ul li.search a:hover {background:none;color:#fff;}

.navbar .mobile {display:none;}
.navbar .mobile .icons {}
.navbar .mobile .icons a {width:100%;height:100%;display:block;}
.navbar .mobile .icons .search {float:right;width:50px;height:50px;background:url('/themes/sca/images/search.png') center center no-repeat;}
.navbar .mobile .icons .menu {float:right;width:50px;height:50px;background:url('/themes/sca/images/menu_icon.png') center center no-repeat;}
.navbar .mobile .login {float:left;color:#fff;font-size:14px;line-height:50px;}
.navbar .mobile .login a {font-family:'Oswald',sans-serif;text-decoration:none;font-weight:700;color:#fff;}

.navbar .mobile .welcomeBack {float:left;color:#fff;font:13px/20px 'Oswald',sans-serif;padding:4px 0 0 0;}
.navbar .mobile .welcomeBack a {color:#fff;text-decoration:none;}
.navbar .mobile .welcomeBack a.updateAccount {color:#ccc;}

.navhover {position:absolute;left:0;top:50px;width:100%;overflow:hidden;z-index:20;}
.navhover h4 {font-size:22px;font-weight:700;margin:0 0 10px 0;}
.navhover h4 a {color:#000;text-decoration:none;}
.navhover .inner {height:320px;background:#fff;padding:20px 0 20px 0;border-bottom:1px solid #aaa;}
.navhover .inner a:link, .navhover .inner a:visited {text-decoration:none;color:#333;}
.navhover .inner a:hover {color:#099ED6;}
.navhover .inner .item {float:left;padding:0 40px;height:320px;border-right:1px dashed #666;}
.navhover .inner .item.last {padding-right:0;border-right:none;}
.navhover .inner .item.noBorder {border-right:none;}
.navhover .inner ul {padding:0;margin:0;list-style:none;}
.navhover .inner ul li {padding:0 0 7px 0;margin:0;list-style:none;}
.navhover .inner .featuredImage {float:left;width:270px;margin-right:30px;}
.navhover .inner .featuredImage img {max-width:100%;max-height:180px;height:auto;border:1px solid #666;margin-bottom:5px;}
.navhover .inner .featuredContent {float:left;}
.navhover .inner .featuredContent ul li {padding:0 0 8px 0;}
.navhover .inner .item .thumb {float:left;margin-right:30px;width:175px;}
.navhover .inner .item .thumb img {width:100%;height:auto;border:1px solid #ccc;}

.navhover.magazineSwatch {display:none;}
.navhover.howtoSwatch {display:none;}
.navhover.subscriberExtrasSwatch {display:none;}
.navhover.videosSwatch {display:none;}
.navhover.shopSwatch {display:none;}

.navhover.magazineSwatch .ddIssue img {width:175px;height:auto;border:1px solid #ccc;}
.navhover.magazineSwatch .offers {text-transform:uppercase;height:45px;font-size:17px;}
.navhover.magazineSwatch .offers a {color:#333;line-height:20px;}
.navhover.magazineSwatch .offers a:hover {color:#099ED6;}
.navhover.magazineSwatch .offers ul {padding:0;margin:0;list-style:none;}
.navhover.magazineSwatch .offers ul li {float:left;margin:0;padding:0;list-style:none;margin-right:5px;font-family:'Oswald';}
.navhover.magazineSwatch .offers ul li.first {font-weight:700;margin-right:10px;}
.navhover.magazineSwatch .offers ul li.first a {color:#000;}

.navhover.subscriberExtrasSwatch .item .thumb {width:150px;}
.navhover.subscriberExtrasSwatch .item.last a {color:#099ED6;text-transform:uppercase;font:700 17px/17px 'Oswald',sans-serif;}

.navhover.shopSwatch .ddIssue img {width:175px;height:auto;border:1px solid #ccc;}
.navhover.shopSwatch .ddOffers {text-transform:uppercase;margin:10px 0 0 0;}
.navhover.shopSwatch .ddOffers a {font:700 17px/17px 'Oswald',sans-serif;}
.navhover.shopSwatch .ddOffers ul {padding:0;margin0;list-style:none;}
.navhover.shopSwatch .ddOffers ul li {float:left;margin:0;padding:0;list-style:none;margin-right:5px;}
.navhover.shopSwatch .ddProducts .product {float:left;margin-right:30px;width:130px;}
.navhover.shopSwatch .ddProducts .product.last {margin-right:0;}
.navhover.shopSwatch .ddProducts .product img {width:100%;height:auto;border:1px solid #ccc;}

.mobileMenu {position:absolute;left:0;top:50px;width:100%;z-index:100;display:none;}
.mobileMenu ul {padding:0;margin:0;list-style:none;}
.mobileMenu ul li {padding:0;margin:0;list-style:none;background:#E7042B;border-bottom:1px solid #850C0F;position:relative;}
.mobileMenu ul li span {width:16px;height:13px;background:url('/themes/sca/images/mobile_arrow_down.png') center center no-repeat;display:block;position:absolute;right:10px;top:22px;}
.mobileMenu ul li a {text-decoration:none;font-weight:700;font-size:16px;color:#fff;text-transform:uppercase;display:block;padding:15px 10px;}
.mobileMenu ul li.black {background:#111;border-bottom:1px solid #000;}
.mobileMenu ul li.black a {cursor:default;}
.mobileMenu ul li.gray {background:#eaeaea;border-bottom:1px solid #ccc;}
.mobileMenu ul li.gray a {color:#222;}
.mobileMenu ul li.viewAll {background:#fff;}
.mobileMenu ul li.viewAll a {color:#000;}
.mobileMenu ul li ul {display:none;}
.mobileMenu ul li ul li a {padding:15px 10px 15px 30px;}