/*New CSS*/
.bg-light {
  background-color: #dbdeee !important;
}
.bg-grey {
  background-color: #e5e5e5 !important;
}
.bg-med-grey {
  background-color: #d9d9d9 !important;
}
.verdana {font-family: Verdana, Geneva, sans-serif;}
.headline-spacing {letter-spacing:1px;}
.text-primary {
  color: #0f238c !important;
}
.text-primary a, a.text-primary:hover, a.text-primary:focus {
  color: #0f238c !important;
}
.cart-count {
  border-radius: 50%;
  min-width: 16px;
  min-height: 16px;
  text-align: center;
  top: 3px;
  right: 9px;
  box-sizing: content-box;
  background: #ff7d18;
  color: #fff;
  font-size: 11px;
  padding: 3px;
}
.cart {
  top: 6px;
  right:5px;
}
.border-primary {
  border-color: #b7bddd !important;
}
.border-solid {
  border-style: solid !important;
}
.bg-blue {
  background-color: #0f238c !important;
}

.text-brown {
	color: #dd761b;
}

.navbar-white {
  color: #fff !important;
}
.navbar-white a, a.navbar-white:hover, a.navbar-white:focus {
  color: #fff !important;
}
.content-flag {padding-bottom:75px;}
.header-flag {bottom:0;right:0;}
.font-red {color: #cc3333;}
.xs {
  font-size: 70%;
  font-weight: 400;
}
.countdown {
  right:8%;
  top: 30%;
}
.line-text {
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap; 
}

.line-text > span {
    position: relative;
    display: inline-block;
}

.line-text > span:before,
.line-text > span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 9999px;
    height: 1px;
    background: #dee2e6;
}

.line-text > span:before {
    right: 100%;
    margin-right: 15px;
}
.line-text > span:after {
    left: 100%;
    margin-left: 15px;
}
.link-underline {
  text-decoration: underline !important;
}
input[type="checkbox"] { 
	vertical-align: middle; 
	min-width:0; 
	margin-right:5px;
}

.input-full {
	width:100%;
	height: 2.3rem;
    padding: 5px;
} 

.xsmall {
	font-size: 75%;
}
 /* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
  .border-bottom {
    border-bottom:1px solid #999999;
  }
  .view-details-btn {
    padding: 6px 20px;
  }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
  .border-bottom {
    border-bottom:1px solid #999999;
  }
.view-details-btn {
    padding: 6px 25px;
  }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  .border-bottom {
    border-bottom:1px solid #999999;
  }
  img.bundleImage {
		width: 645px;
	}
	.view-details-btn {
		padding: 6px 45px;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}

.auto-margin {
	margin: 0 auto;
}

.display-inline {
	display: inline;
}

.breadcrumb {
    background: none;
    padding: 0;
    margin-left: 1rem;
}

.hidden { display: none !important; }

/*line break controls*/
.word-break {
	word-break: break-all;
}
.unwrappable {
	white-space:nowrap;
}
.wrappable {
	white-space:normal;
}

.errorField {
	border: #f00 2px solid;
}

/*Imported CSS from style-wide.css*/
.red {
	color:#cc0000;
}
.dark-blue, .dark-blue a {
    color: #003399;
}
.orange {color: #ff7d18;}
.link-l-grey {color: #212529;}
.xxlarge {font-size:4.3rem;}
.xlarge {font-size:2.3rem;}
.short {line-height: 30px!important;}
.border-black {border:1px solid #000;}
/*CSS For Fixed Header*/
.fixed-header { 
	z-index: 50000;
	padding-right: 0px !important;
    margin-right: 0px !important;
}
.fixed {
  width: 100%;
  left: 0;
  position: fixed;
  position: -ms-device-fixed;
  top: 0; 
}
.img-full {width:100%!important;}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.fixed {
		position:sticky;
	}
}
@supports (-ms-ime-align: auto) {
	.fixed {
		position:sticky;
	}
}
.fixed-show-scrolling {display: none;}
.show {display: block;}
.hide {display:none;}
.fixed-padding .scroll-suppush-4 {margin:0;}
.fixed-padding .scroll-suppend-6 {padding-top:5px;}
.fixed-padding .scroll-subpend-2 {padding-bottom:0px;padding-top:0;}
.fixed-padding-on { padding-top: 250px; }
.fixed-padding #cart_flyout {top:63px;}
.fixed-secondary-header {border-bottom:2px solid #000093;}
.fixed .fixed-no-border {border:0;}
.nav-link {color:#000 !important;}
.navbar-nav {
	margin: 0 auto;
	height: 36px;
}
.nav-division {
	width:50px;
}
.condense {padding:0!important;}
@media (min-width: 992px) {
	.nav-division {
		width:125px;
	}
}

/*CSS for Flyout Menus*/
.absolute {position:absolute;}
.submenu {display:none; background:#fff;border:1px solid #000093;padding:10px 0;z-index:25000;border-top:2px solid #000093;}
.submenu li a {padding:0;}
#main_menu li:hover ul {display:block;}
#main_menu li ul {text-align: left;}
#main_menu li li {margin:10px 0; width:238px; float:left;}
#main_menu li:hover li a, #main_menu li:hover li span {background:none;color:#000;}
#main_menu li li a, #main_menu li li span {color: #3c3c3c !important;font-size: 12px; padding: 5px 14px 5px; line-height: 10px;}
#main_menu li li a.bold, #main_menu li li span.bold {font-weight:bold;}
.full-submenu {left:0;}
#main_menu li li a:hover { color: #345dad; text-decoration: underline; }
#main_menu .edge ul { right:0; }
.nav { margin: 0 auto; }

/*CSS for Shopping Cart Flyout*/
div#cart-container {
	width: 100%;
    display: inline-block;
    position:relative;
}
div#cart_flyout{ 
	display:none;
	box-sizing:content-box;
	width:320px;
	background:#fff;
	position:absolute;
	z-index:550000;
	text-align:left;
	right:0;
}
.fixed-padding #cart_flyout {top:63px;}
#small_bag{height:289px;overflow:auto;}
#cart_toggle {padding-top:7px;}

/*CSS for drop-downs*/
.att-label {
	vertical-align: top;
}

/*CSS for Modal Boxes*/
.modal-open {
	padding-right: 0px !important;
}
.modal-backdrop.show {
	z-index:90000;
}
.modal {
	z-index:100000;
}
.doubleModalBackdrop.show {
	z-index:100010;
}
#pdfOverModal {
	z-index:100020;
}
.modal-content {
	border-radius: 0px;
}
.modal-body {
	text-align: center;
}
.modal-footer {
	border:none;
	text-align: center;
}

.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
/* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it.
We also need to center it horizontally, these fixes do that.  Fixes vary based on how wide you need the modal to be. */
.credit-modal-content { width:850px; height:inherit; margin: 0 auto; pointer-events: all; }
.general-modal-content { width:1200px; height:inherit; margin: 0 auto; pointer-events: all; }
.login-modal-content { width:776px; height:inherit; margin: 0 auto; pointer-events: all; }
.dv-login-modal-content { width: 675px; height:inherit; margin: 0 auto; pointer-events: all; border: 5px #26397e solid; border-radius: 3px;}
.calculate-modal-content {  width:374px; height:inherit; margin: 0 auto; pointer-events: all; }
.gift-item-modal-content { width: 635px; height: inherit; margin: 0 auto; pointer-events: all; }
.bundle-item-modal-content { width:1014px; height: inherit; margin: 0 auto; pointer-events: all; }
.add-to-cart-modal-content { width:810px; height: inherit; margin: 0 auto; pointer-events: all; }
.processing-modal-content {  width:200px; height:inherit; margin: 0 auto; pointer-events: all; }

/*Overrides for UNBXD*/

.unbxd_container {
	font-size: 13px;
}
.unbxd_container a {
	color:#3c3c3c;
}

.unbxd_h2_title {
	font-size:16px;
}


#contentPane {       
	font-size:13px;
}

/*Override for Modal on Order Review Page*/
#shippingInfoChangeModal .modal-dialog {
	max-width:600px;
}

/*CSS for Bundle Page*/
img.bundleImage{
	width: 400px;
}
.view-details-btn {  
	-webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    color: #467fb5;
    font-size: 13px;
    background: #ffffff;
    border: solid #467fb5 1px;
    text-decoration: none;
    outline: none;
    white-space: nowrap;
    font-weight: bold;
}
@media (max-width: 768px) {
  .view-details-btn {
    padding: 6px 20px;
  }
}
@media (min-width: 769px) and (max-width: 992px) {
  .view-details-btn {
    padding: 6px 40px;
  }
}
@media (min-width: 992px) {
	img.bundleImage {
		width: 645px;
	}
	.view-details-btn {
		padding: 6px 45px;
	}
}						   

.bundle-add-to-registry-btn, .bundle-add-to-wishlist-btn {
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    color: #467fb5;
    font-size: 13px;
    background: #ffffff;
    padding: 6px 45px;
    border: solid #467fb5 1px;
    text-decoration: none;
    outline: none;
    display: block;
    white-space: nowrap;
    font-weight: bold;
    width: 204px;
}

.bundle-add-to-registry-btn:hover, .bundle-add-to-wishlist-btn:hover {
  background: #d3e6f2;
  text-decoration: none;
}

/*bundle modal css*/
.modal-body .container .product-description {
    max-height: 403px;
    overflow-y: scroll;
}
.bundleModal .modal-content  {
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important; 
}
.bundleModal .modal-header {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important; 
}
.bundleModal .background-purple {background-color: #9fa7d1;}

@media (min-width: 576px) {
	.bundleModal .modal-dialog { max-width:800px!important;}
}

/*multi-select box css overrides*/
.ui-multiselect { 
	padding:6px 0 2px 4px; 
	text-align:left; 
	width: auto !important;
	margin-left:10px;
	max-width: 310px;
}
.ui-multiselect span.ui-icon { float:right }
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }

.ui-multiselect-header { margin-bottom:3px; padding:3px 0; }
.ui-multiselect-header ul { font-size:0.9em }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselect-header a { text-decoration:underline }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header span.ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }

.ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000; text-align: left }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll; margin-left:0px;}
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px }
.ui-multiselect-checkboxes label input { position:relative; top:0px }
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

.ui-multiselect {
    background: #fff;
    border: none;
}
span.ui-icon.ui-icon-triangle-2-n-s {
    background: url(/store/content/images/drop-arrow.png) no-repeat !important;
    background-position-y: 4px !important;
    width:16px;
    display:inline;
    margin-left: 10px;
}
.ui-widget span {
    font-size: .75rem;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    max-width: 162px;
}
.ui-multiselect-menu.ui-widget.ui-widget-content.ui-corner-all.ui-multiselect-single {
    width: auto !important;
}

/*Promo Assortment Specific CSS*/
.asst-img {
	height: 250px;
}
.pg-arrow-left {
	margin-top:2px;
}
.pg-arrow-right {
	margin-top:4px;
}
.top-page, .bottom-page {
    width: 100%;
}
.bottom-page .sort-filter, .bottom-page .sort-filter-label {
    visibility: hidden;
}
.top-page .sort-filter {
    border: #000 1px solid;
    padding-right: 5px;
}

/*Military Discount Promo Box on Shopping Cart*/
.cart-military-discount {
    background: #093596;
    color: #fff;
}
.cart-link-white {
    color: #fff !important;
}
.code-input-label {
	width: 302px;
}

/*Military Discount CSS*/
#digitalVerifySubmit {
	cursor: pointer;
}

#dv-modal-header {
	font-size: 2rem;
    font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    color: #26397e;
    width: 490px;
    display: block;
    margin: auto;
}

#dv-modal-header div {
	margin-top: 16px;
    width: 255px;
    float: left;
}

#dv-modal-header img {
	width: 225px;
	float:left;
}

#dv-modal-warning {
    width: 740px;
    margin-left: -75px;
    margin-top: -49px;
    float: left;
    height: 330px;
}

#dv-modal-warning div {
	color: #fff;
    font-size: 1.8rem;
    font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    width: 357px;
    margin-top: -259px;
    margin-left: 318px;
    line-height: 2.1rem;
}

#dv-modal-login-box {
    margin: 0 50px;
    float: left;
    width: 565px;
}

.dv-login-logo {
	width: 90px;
}

.dv-login-text {
	font-size: 1.1rem;
}

#dv-login-container {
	width: 463px;
}

.dv-label {
	width: 80px;
    margin-right: 25px;
    text-align: right;
    font-weight: bold;
}

.dv-input {
	width: 300px;
    height: 25px;
    border: 1px #aaa solid;
}

#digital-verify-logon-button {
    float: right;
    margin-right: 20px;
}

#dv-create-account {
    width: 100%;
    padding: 0 20px;
    margin: 30px 0 5px;
}

#dv-guest {
	padding: 20px 50px;
    font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-size: 1.6rem;
    color: #26397e;
}

#dv-guest span {
	font-size: 1.8rem;
}

#dv-close {
    float: left;
    opacity: 1;
    margin-left: -13px;
    width: 200px;
}

.dv-email-text {
	font-size: .6rem;
}

.dv-position {
	position: absolute;
    bottom: 0;
}

.militaryButton {
    background-color: #0e2885;
    width: 280px;
    color: #fff;
    font-size: 1.3rem;
    text-align: center;
    margin: 0 auto;
    padding: .4rem 0;
    cursor: pointer;
    letter-spacing: .05rem;
    font-weight: bold;
}

.floatButton {
    position: absolute;
    margin-left: -139px;
    margin-top: 300px;
    z-index: 100;
}

#militarySignIn {
    width: 1141px;
    height: 124px;
    margin: 0 auto 40px;
    background: url(/store/content/images/Sheer-ID-sign-in-block.jpg) no-repeat bottom left;
    color: #0F4D88;
    font-family: Futura,Trebuchet MS,Arial,sans-serif;
}

#militarySignInHeader {
    font-size: 2.1rem;
    font-weight: 500;
    padding: 6px 0 0 135px;
    float: left;
}

#militarySignInText {
    float: right;
    width: 719px;
    font-weight: 500;
    font-size: 1.2rem;
    margin: 21px 26px 0px 0;
    line-height: 1.4rem;
}

#enrollNowButton {
    width: 185px;
    height: 39px;
    float: right;
    border: 1px solid #727272;
    color: #0F4D88;
    font-size: 1.2rem;
    font-weight: 500;
    margin: 66px 15px 0 940px;
    text-align: center;
    padding: 4px 0;
    position: absolute;
}

.kiosk-col {
	width: 45%;
    display: inline-block;
}

.kiosk-row {
	width: 90%;
    margin: auto;
    text-align: center;
    height: 100%;
}

/*Credit Card Landing Page*/
.bg-cc {
	background: #fff url(/store/content/images/cc-background.jpg) no-repeat center top;
    min-height: 559px;
    padding-top: 172px;
    line-height: 1.5rem;
}
.border-right-brown {
	border-right:1px solid #dd761b;
}
.cc-col-left {
	width: 43.3%;
    margin-left: 2.9rem;
}
.cc-col-right {
	width: 45%;
    margin-left: 1.8rem;
}
.cc-button-row {
	margin-top: -.7rem;
}
.cc-small {
	font-size: .7rem;
    margin-left: 2.4rem;
    padding-top: 2.7rem;
}

.cc-text-color-gray {
	color: #68686A;
}

.unbxd_heading {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 5px
}

.unbxd_heading h1,#unbxd_page_description h1,#unbxd_page_description h2 {
    font-size: 20px
}

#shoppingbag-promotion-messages {
    font-size: 1.3rem;
}

.store-pickup-radio {
	width: 6%;
    float: left;
    padding-top: 2px;
}

.cart-pickup-radio {
	width: 6%;
    float: left;
}

.bopus-pickup-label {
	width: 93%;
}