/*===== CATEGORY HEADER =====*/
.categoryheadercontainer {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    display: -webkit-flex;
    min-height: 300px;
}
.categoryheaderDescription {
    align-self: flex-end;
    padding: 0 0 2em 35px;
}
.categoryheaderDescription h1 {
    font-size: 2.45em;
    font-weight: 600;
    margin: 0 0 12px;
    line-height: 1.25em;
}
.categoryheaderDescription p{
    font-size: 1.1em;
    margin-bottom: 2em;
}
.categoryheaderDescription span {
    color: #0c7095;
    font-size: 1em;
}
.headerbottomoption > span{
    padding-right:10px;
    padding-left: 10px;
}
.headerbottomoption {
    display: flex;
    align-items: baseline;
}
.heading {
    color: #1c5d99;
    font-weight: 600;
}
.popblock{
    position: absolute;
    width: 100%;
    background-color: #fff;
    border: 1px solid #333;
    z-index: 999;
    padding: 10px;
}
#wallmapsizes {
    max-width: 350px;
}
#mapbooks, #digitalmaps {
    max-width: 160px;
}
#wallmapsizes > div, #mapbooks > div, #digitalmaps > div{
    font-size: 0.9em;
}
.wallmapsizes{
    display: flex;
    justify-content: space-between;
}
.finishingoption > div {
    display: flex;
}
.finishingoption > div > div{
    width: 50%;
}
.wallmapsizes > div:nth-child(2) {
    position: relative;
}
.finishingoption {
    width: 100%;    
}
.finishingoption a{
    color: #1d232c;
}
.targetText, .targetText2 {
    cursor: pointer;
}
.fastdelivery {
    color: #fd151b;
    font-family: "Montserrat Bold", Arial, sans-serif;
    font-size: 1.4em;
}
/*===== PRODUCT SECTION -  PAGE 1 =====*/
.productHeadline {
    margin: 2em auto;
}
.productHeadline h1{
    margin:0 auto;
}
.productfloatleft {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin-bottom: 2em;
}
.mapcoverageitem {
    width:30%;
    margin-right: 5%;
}
.mapcoverageitem:nth-child(3n) {
    margin-right: 0;
}
.mapcoverageitem > a {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    color: #1c5d99;
    font-size: 1.5em;
    font-weight: 600;
}
.mapcoverageitem > a:hover{
    color: #fff;
}
.mapcoverageitem > a > span{
    margin: 10px 0 36px 0;
}
.mapcoverageitem img{
    width:100%;
    box-shadow: 2px 2px 2px #888;
}
.mapcoverageitem img:hover{
    opacity:0.8;
}
/*===== PRODUCT SECTION -  PAGE 2 =====*/
.selectionMapArea {
    display: flex;
    display: -webkit-flex;
    margin: 2em auto;
}
.subdesc {
    font-size: 0.9em;
}
#dropdownlist, .statedropdown input[type=button] {
    height: 26px;
    margin-right: 5px;
    color: #1d232c;
}
.statedropdown {
    display: flex;
    display: -webkit-flex;
    margin-right: 15px;
}
.statedropdown input[type=button] {
    Color: #1c5d99;
}
.mapImageControl img {
    width: 100%;
}
.stateSelection table {
    width: 100%;
}
.ms-ctry-letter {
    font-family: "Montserrat Bold";
    font-size: 1em;
    color: #1d232c;
    height:100%;
    min-height: 20px;
}
.ms-link-list {
    color: #1d232c;
    font-size: 0.8em;
}
.mapcoveragetable {
    padding-left: 0;
    list-style-type: none;
}
.stateSection {
    display: flex;
    flex-direction: column;
    line-height: 1.25em;
    height: 100%;
    overflow: auto;
}
.ms-link-list:last-child {
    margin-bottom: 15px;
}
/*===== PRODUCT SECTION -  PAGE 3 =====*/

.styleMapWrapper {
    display: flex;
    display: -webkit-flex;    
    flex-direction:column;
}
.styleMapWrapper:last-child{
    margin-bottom: 3em;
}
.styleSelection {
    font-weight: 700;
}
.selectedmapTitle {
    font-weight: 900;
}
.headlineBolder{
    font-weight: 900;
}
.lineMiddleGreen span:after, .lineMiddleDark span:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    left: 0.5em;
    margin-right: -50%;
}
.lineMiddleGreen {
    color: #879225;
    margin-bottom: 2em;
    margin-top: 0;
}
.lineMiddleGreen span:after {
    background-color: #879225;
    height: 2px;
}
.lineMiddleDark span:after {
    background-color: #1d232c;
    height: 0.8px;
}
.lineMiddleGreen span, .lineMiddleDark span {
    background-color: #fff;
}
.styleContainer {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.styleMapItem {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    margin-right: 5%;
    line-height: 1.25em;
}
.styleDescRight {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
}
.styleMapWrapper:last-child .styleMapItem {
    margin-bottom: 2.5em;
}
.map {
    width: 100%;
}
.TextLink {
    color: #1c5d99;
}
.styleMapItem > span {
    color: #1d232c;
}
.mapBtn {
    border: 1px solid #999 !important;
}
.popupZoom {
    text-align: right;
    background-color: #ffffff;
    padding: 26px 15px 15px;
    position: absolute;
    top: 15%;
}
.popupZoom > img{
    width: 100% !important;
}
.closeZoom {
    color: #1d232c;
}
a.closeZoom {
    font-size: 21px;
    font-weight: bold;
    position: absolute;
    top: -5px;
    right: 5px;
}

/*=== Cart Page===*/
.item-row1, .item-row2, .item-row4, .item-row5, .item-row5, .item-row6,
.cartSecWrapper, .cartSecWrapper > div, .prdcFormat, .prdcSize, .productGeography, .strtDetails,
.mapsizeheadline, .mapsize-wrapper, .mapfisnishing-wrapper, .moremapfisnishing-wrapper, .mapfisnishing-wrapper > div:nth-child(n+2), .moremapfisnishing-headline,
.moremapfisnishing-hideElement .mapfisnishing-wrapper > div:first-child > span:nth-child(2) {
    display: flex;
}
.cartSecWrapper > div, .moremapfisnishing-hideElement .mapfisnishing-wrapper > div:first-child > span:nth-child(2){
    flex-direction:column;
}
.cartSecWrapper, .prdcFormat, .prdcSize, .productGeography, .strtDetails, .mapfisnishing-wrapper > div:nth-child(n+2) {
    align-items: center;
}
.moremapfisnishing-hideElement .mapfisnishing-wrapper > div:first-child > span:nth-child(2){
    justify-content: center;
}
.prdcFormat, .prdcSize, .productGeography, .strtDetails, .moremapfisnishing-headline {
    justify-content: space-between;
}
.product-title{
    margin-top: 1em;
}
.itemTitle {
    font-weight: 600;
}
.product-title p{
    font-size: 1em;
}
.price {
    font-weight: 600;
}
.cartSecWrapper{
    background-color: #eee;
}
.productSelection {
    border: 1px solid #ccc;
    height: 100%;
}
.productSelection label {
    font-size: 1em;
    font-weight:600;
}
.productSelection select {
    font-size: 0.9em;
}
.prdcFormat, .prdcSize, .productGeography{
    border-bottom: 1px solid #ccc;
}
.cartSecWrapper > div:nth-child(1) {
    width: 64.5%;
}
.cartselect{
    margin-left:10px;
}
.cartbtn {
    display: flex;
    align-items: center;
    justify-content: space-around;
    border-radius: 0px !important;
    color: #fff;
    background-color: #808a23;
    font-size: 1.1em;
    font-weight: 600;
    border: 1px solid #66671b;
    text-align: center;
    padding: 6px 12px;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
.cartbtn img {
    max-width: 11px;
}
.cartbtn:hover {
    opacity: 0.8;
}
.subtext{
    font-size:0.8em;
}
.item-row2 {
    border-bottom: 1.5px solid #bdc1c8;
}
.item-row3, .item-row4, .item-row5 {
    border-bottom: 1.5px solid #bdc1c8;
}
.item-row6 {
    margin-top: 2em;
    margin-bottom: 2em;
    border: 1px solid #bdc1c8;
}
.productDesc{
    padding-right: 5%;
}
.productDesc span{
    /*font-size:1.4em;*/
    font-weight: 600;
}
.productDesc p{
    font-size:0.85em;
    padding-top:10px;
}
.addtlDesc span{
    font-weight: 600
}
.addtlDesc ul {
    columns: 2;
    list-style-type: none;
    padding-left: 0;
    font-size:0.85em
}
.item-row3 h3, .item-row4 h3, .item-row5 h3, .item-row6 h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 900;
    font-size: 1.4em;
}
.addtlDesc li:before {
    content: "\2212";
    padding-right: 05px;
}
.blue-text {
    color: #1c5d99;
    font-size: 0.8em;
    font-weight: 600;
    display: block;
}
/*.file-format, .digitalmapFormatThird, .item-row5 > div:nth-child(2) {
    margin-top: 2.5em;
}*/
.file-format > div, .size-format > div {
    border: 1px solid #bdc1c8;
    padding: 10px;
    margin-bottom: 10px;
}
.file-format > div img, .size-format > div img  {
    float:left;
    padding-right:10px;
}
.item-row5 > div:nth-child(2) {
    width: 60%;
}
.file-format > div span, .digitalmapFormatThird label, .size-format > div span {
    font-size: 0.8em;
}
.digitalmapFormatThird input[type="radio"]{
    margin-top:0;
}
.digitalmapFormatThird label{
    font-weight: normal;
    padding-left: 10px;
    margin-bottom:0;
}
.digitalmapFormatThird > div{
    float:left;
}
.wallmapHeadline{
    position:relative;
}
.wallmapHeadline .matrixBlue{
    position:absolute;
    left: 0;
    bottom: 0;
}
.matrixBlue {
    color: #1c5d99;
    font-weight: 600;
}
.mapsize-wrapper {
    border-top: 1px solid #ccc;
}
.mapsizechart-wrapper {
    margin-top: 1em;
}
.arrowdownIcon {
    font-size: 1.6em;
    float: right;
    margin-right: 15%;
}
.moremapfisnishing-hideElement .arrowdownIcon {
    position: absolute;
    right: 0;
    margin-right: 10px;
}
.mapsizeheadline > div:first-child, .mapfisnishing-wrapper > div:first-child, .moremapfisnishing-wrapper > div:first-child {
    text-align: left;   
}
.mapsizeheadline > div:first-child {
    border-bottom: 1px solid #ccc;
}
.mapfisnishing-wrapper > div:nth-child(n+2) {
    width: 12.5%;
    justify-content: center;
}
.mapsize-img {
    width: 14.29%;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 2px;
    display: inline-grid;
    align-items: flex-end;
}
.mapsize-img img{
    margin: 0 auto;
}
.mapsizeheadline > div {
    width: 77.7777%;
}
.moremapfisnishing-wrapper > div{
    width: 75%;
}
.mapfisnishing-wrapper:nth-child(even) {
    background-color: #eee;
}
.mapsize-img, .mapfisnishing-wrapper > div {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
.mapfisnishing-wrapper > div > span:nth-child(2){
    margin-left: 4px;
    font-weight: 900;
}
.mapsize-img:last-child, .mapfisnishing-wrapper > div:last-child{
    border-right: 1px solid #ccc;
}
.map-price{
    font-size: 0.8em;
}
.mapfisnishing-wrapper .map-price-popular {
    /*border: 2px solid #1d232c;*/
}
.map-price-border {
    border: 2px solid #1d232c !important;
}
.map-price-popular p {
    text-align:center;
    margin-bottom: 0;
}
.map-price-popular .map-price{
    font-weight: 900;
}
.map-price-popular p > span:last-child {
    color: #fd151b;
}
.moremapfisnishing-wrapper > div {
    margin-top: 8px;
    margin-bottom: 8px;  
}
.moremapfisnishing-wrapper > div > img {
    margin-right: 5px;
}
.moremapfisnishing-wrapper > div > span{
    font-weight: 900;
}
.moremapfisnishing-wrapper > div > .viewmorebtn{
    margin-top: 5px;
}
.viewmorebtn {
    border: 1px solid #1c5d99;
    border-radius: 2px;
    color: #1c5d99;
    width:100%;
    max-width: 100px;
    font-weight: 600;
    background-color: #dedede;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dedede), to(#ffffff)) !important; /* Chrome, Safari 4+ */
    background-image: -webkit-linear-gradient(top, #dedede, #ffffff) !important; /* Chrome 10-25, iOS 5+, Safari 5.1+ */
    background-image: -moz-linear-gradient(top, #dedede, #ffffff) !important; /* Firefox 3.6-15 */
    background-image: -o-linear-gradient(top, #dedede, #ffffff) !important; /* Opera 11.10-12.00 */
    background-image: linear-gradient(to top, #dedede, #ffffff) !important; /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}
.viewmorebtn:hover {
    color: #1d232c;
}
.moremapfisnishing-hideElement{
    margin-top: 1em;
}
.moremapfisnishing-hideElement .mapfisnishing-wrapper > div:first-child{
    position: relative;
}
.otheroptionsHeadline{
    font-size: 1.1em;
    font-weight: 900;
}
.closeIcon {
    padding-right: 10px;
    font-size: 0.9em;
}
.xIcon{
    font-size:1.3em;
}
#closeBtn:hover {
    color: #1c5d99;
    font-weight: 600;
}
.cartdiv {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
/*=== Finishing Map Info Pop Up===*/
.popuptext {
    position: absolute;
    background-color: #fff;
    border: 1px solid #333;
    padding: 10px;
    display: flex;
    z-index: 999;
}
.closeBtnpopup {
    position: absolute;
    top: 5px;
    right: 10px;
}
.closeBtnpopup > span{
    font-family: Montserrat Bold, 'Arial Narrow Bold', sans-serif;
    font-size: 1.25em;
}
.descLeft {
    width: 65%;
    padding-right: 2.5%;
}
.descLeft p{
    font-size: 0.8em;
}
.finishinghighlight {
    font-family: Montserrat Bold, 'Arial Narrow Bold', sans-serif;
    margin-top:10px;
}
.finishingtitle {
    color: #1c5d99;
    font-size: 1.1em;
    font-family: Montserrat Bold, 'Arial Narrow Bold', sans-serif;
    margin-bottom: 10px;
}
.imagesRight {
    width: 35%;
    text-align: center;
    margin-top: 2.5em;
}
.imagesRight img{
    width:100%;
    max-width: 115px;
    margin-bottom: 10px;
}
.finishingoptionlink span:after {
    content: "\25bc";
    font-size: 1.6em;
    position: absolute;
}
.mapfisnishing-wrapper > div:first-child, .moremapfisnishing-wrapper > div:first-child, .firstfour-holder {
    position: relative;
}

/*=== CART SUMMARY PAGE ====*/
.cartheader, .cartheader-right, .cartitemheader, .mapdetails, .cartheader-left, .cartitemdetails, .cartitem-right, .cartitem-left,
.cartsumarry-bottom, .cartTotaldetails > div, .itemaddonsholder, .addons-wrapper, .addons-details,
.addons-additional, .editremove-item, .checkoutbottom > div, .checkoutbottom > div:first-child > div:last-child {
    display: -webkit-flex; /* Safari */
    display: flex;
}
.mapdetails, .addons-details, .checkoutbottom > div:first-child > div:last-child {
    flex-direction: column;
}
.cartTotaldetails > div, .addons-additional, .checkoutbottom > div:last-child {
    justify-content: space-between;
}
.cartheader-right, .cartitem-right, .cartTotaldetails > div:last-child {
    flex-direction: column;
    align-items: flex-end;
}
.cartheader-right > div, .checkoutbottom > div:first-child {
    align-items: center;
}
.checkoutbottom > div:first-child > div:last-child{
    align-items: flex-end;
}
.cartWrapper{
    margin-top: 1em;
}
.cartheader{
    align-items: baseline;
}
.cartitem {
    border: 1px solid #ccc;
    margin-bottom: 1em;
}
.continueshoppinglink {
    color: #1c5d99;
}
.continueshoppinglink, .cartitemheader, .itemprice, .mapname, .mapstyle, .itemaddons h2 {
    font-weight: bold;
}
.freeShipping {
    color: #650098;
    font-weight: bold;
}
.discountcode, .cartTotal,
.supplypack, .markitdots {
    border: 1px solid #ccc;
}
.cartitemheader {
    background-color: #eee;
}
.cartitemdetails, .discountcodedetails, .cartTotaldetails, .addonsholder {
    padding-top: 10px;
    padding-bottom: 10px;
}
.cartitem-middle input {
    height: 30px;
    border: 1px solid grey;
}
.subtotal {
    border-top: 1px solid #1d232c;
    padding-top: 10px;
    margin-top: 10px;
}
.itemaddons {
    margin-bottom: 2em;
}
.cartheader-left h1{
    margin: 0;
}
.editremove-item {
    color: #1c5d99;
}
.edititem {
    border-right: 1px solid #1c5d99;
    padding-right: 10px;
    margin-right: 10px;
}
.checkoutbottom, .personalcode {
    margin-top: 0.75em;
}
.personalcode > span {
    color: #1c5d99;
}
.personalcode input{
    border: 1px solid grey;
}
.supplypack, .markitdots {
    position: relative;
}
.addons-details .itemprice {
    padding-top: 5px;
    padding-bottom: 15px;
}
.checkoutbottom > div:last-child {
    width: 100%;
    margin-top: 1.5em;
}
.guaranteed-imgLeft{
    padding-right: 8%;
}
.payment-imgLeft img, .guaranteed-imgLeft img, .norton-logo img {
    max-width: 100%;
}
.addonsCheckboxHolder {
    display: flex;
    align-items: center;
}
.cartsumarry-bottom {
    margin-bottom: 2em;
}
.payment-norton {
    margin-bottom: 1.5em;
}
.payment-norton > img {
    max-width: 100%;
}
.itemPrice {
    font-size: 0.9em;
}
.cart-no-item .norton-logo {
    text-align: right;
    margin-bottom: 15px;
}
.removeitem {
    cursor: pointer;
}
.removeitem:hover {
    text-decoration: underline;
}
/*=== PRODUCT RELATED ITEMS===*/
.productrelateditemsHolder {
    display: -webkit-flex; /* Safari */
    display: flex;
    justify-content: space-between;
}
.maplistImg img{
    max-width:100%;
}
.maplistTitle a {
    color: #1c5d99;
}
.priHeadline{
    margin: 1em auto;
}
.priHeadline h3 {
    font-weight: 900;
    margin: 0;
}
/*=== State Sectional Section===*/
.state-sectional, .statesectionalWrapper > a {
    display: flex;
    flex-wrap: wrap;
}
.statesectionalWrapper > a {
    flex-direction: column;
}
.statesectionalWrapper {
    margin-bottom: 2em;
}
.regionName, .regionDesc {
    color: #1d232c;
}
.regionName {
    font-weight: bold;
    margin-top: 5px;
}
.statesectionalWrapper img {
    width: 100%;
}