.categoryInformationSubHeader
{
    color: #000;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

.RemoveDisplay
{
    display: none;
}

a.breadCrumbLink
{
    color: #666666;
    font-size: 12px;
    text-decoration: underline;
}

a.breadCrumbLink:hover
{
    color: #666666;
    font-size: 12px;
    text-decoration: none;
}

a.category
{
    color: #000000;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    text-decoration: none;
}

a.category:hover
{
    text-decoration: underline;
}

a.finishingOptions
{
    color: #898989;
    font-size: 8pt;
    line-height: 15px;
    text-decoration: underline;
}

a.finishingOptions:hover
{
    text-decoration: none;
}

a.TextLink
{
    color: #000000;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

a.TextLink:hover
{
    text-decoration: underline;
}

img
{
    border-width: 0px;
}

body
{
    background-color: White;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    margin: -1px auto 0px auto; /* to center body */
}

div.blueMostPopular
{
    color: #5487a5;
    display: inline;
    font-weight: bold;
    margin-left: 1px;
    padding-left: 0px;
}

div.body
{
    border: 1px solid #C0C2C2;
    margin: 0px auto 0px auto; /* to center body */
    width: 965px;
}

div.breadcrumbline
{
    border-bottom: solid 2px #E6E6E6;
    padding: 5px 0px 5px 4px;
}

div.breadcrumbline .breadcrumblinks a
{
    color: #666666;
    font-size: 12px;
    text-decoration: underline;
    display: inline;
    white-space: nowrap;
}

div.breadcrumbline .breadcrumblinks a:hover
{
    text-decoration: none;
}

div.breadcrumbline .breadcrumblinks h6
{
    display: inline;
    font-weight: bold;
    white-space: nowrap;
}

div.categoryButton
{
    background-image: url(/images/button/button-full-long.png);
    background-repeat: no-repeat;
    font-size: 13px;
    font-weight: bold;
    height: 34px;
    line-height: 34px;
    margin-bottom: 15px;
    text-align: center;
    width: 153px;
}

div.categoryButton a
{
    color: #FFFFFF;
    display: block;
    text-decoration: none;
}

div.categoryContent
{
    margin: 7px 0px 0px 5px;
}

div.categoryContent h1, h1.category
{
    color: #1C4C7B;
    font-size: 26px;
    font-weight: bold;
    margin-left: 0px;
    margin-bottom: 0px;
    padding-left: 5px;
}

div.categoryInformation
{
    float: right;
    margin-right: 9px;
    margin-top: 8px; /*width: 242px;*/
}

div.categorySelectionHeader
{
    color: #7aa0b7;
    font-size: 28px;
    font-weight: bold;
}

div.categorySelectionHeader2
{
    color: #000;
    display: inline;
    font-size: 23px;
    font-weight: bold;
    padding: 10px 10px 20px 0px;
}

div.categorySelectionStyleHeader
{
    color: #003471;
    font-size: 28px;
    font-weight: bold;
    margin-left: 4px;
}

div.content
{
    border-left: solid 1px #c0c2c2;
    height: 100%;
    margin-left: 174px;
    margin-bottom: 60px;
}

div.contenttest
{
    height: 100%;
    margin-left: 180px;
    margin-bottom: 20px;
    /*border-bottom:1px solid #b9b9b9;*/
}


div.details
{
    border: 1px solid #898989;
    color: #000;
    font-size: 12px;
    height: 106px;
    /*margin-left: 18px;*/
}

div.footer
{
    background-color: #e5e5e5;
    clear: both;
    height: 60px;
    margin-top: -60px;
}

div.header
{
    height: 61px;
}

div.header div
{
    background: url(/images/layout/header-vertical-bar.jpg) no-repeat;
    color: #898989;
    float: left;
    font-size: 8pt;
    font-weight: bold;
    padding-left: 7px;
}

div.headerContact
{
    text-transform: uppercase;
}

div.headerContact a
{
    color: #000000;
    text-decoration: none;
}

div.infoPage a
{
    color: rgb(132, 132, 132);
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

div.leftbox
{
    float: left;
    height: 75px;
    margin-left: 0px;
}

div.leftNavigation
{
    border-right: solid 1px #c0c2c2;
    border-top: solid 1px white;
    border-left: solid 1px #c0c2c2;
    float: left;
    margin-left: -1px;
    margin-right: -174px;
    width: 174px !important;
}

div.leftNavigationHeader
{
    background: url(/images/button/sidebar-button.png) left no-repeat;
    color: #464646;
    font-size: 11pt;
    font-weight: bold;
    height: 26px;
    padding: 8px 0px 0px 3px;
}

div.leftNavigationSubHeader
{
    font-size: 14px;
    padding: 5px 0px 0px 3px;
}

div.rightbox
{
    float: right;
    height: 75px;
    margin-left: 0px;
    width: 350px;
}

div.sideBar
{
    font-size: 8pt;
    padding-left: 2px;
    line-height: 14px;
    text-align: left;
}

div.styleSelection
{
    background-color: #eaf2fd;
    border: 1px solid #428eef;
    color: #746661;
    float: left;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 20px;
    font-weight: bold;
    margin-left: 3px;
    margin-top: 15px;
    padding-bottom: 2px;
    padding-left: 5px;
    width: 776px;
}

div.styleContainer
{
    border-bottom: 2px solid #e6e6e6;
    float: left;
    margin-left: 3px;
    width: 776px;
}

div.styleMapItem
{
    float: left;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 387px;
}

div.styleMapItem .MapImage
{
    float: left;
    margin-left: 20px;
    width: 175px;
}

div.styleMapItem .MapImage .map
{
    margin-left: 5px;
    height:130px;
}

div.styleMapItem .MapTextButton
{
	margin-left: 15px;
    float: left;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    width: 175px;
}

div.styleMapItem .MapTextButton div
{
    /*margin-left: 8px;*/
}

div.styleMapItem .MapTextButton .QuickMapInfo
{
    margin-top: 1em;
}

div.styleMapItem .MapTextButton .QuickMapInfo span
{
    font-weight: bold;
}

div.styleMapItem .MapTextButton .MapButton
{
    margin-top: 1em;
}

div.styleMapItem .mapinset
{
    margin-left: -15px;
    margin-top: -70px;
}

div.styleMapItemLeft
{
    border-right: 2px solid #e6e6e6;
}

div.text-maps-used-by
{
    font-size: 9pt;
    font-weight: bold;
    padding-left: 3px;
}

div.text-maps-used-by a
{
    color: #003471;
    text-decoration: none;
}

div.text-postal-Service
{
    font-size: 9pt;
    font-weight: bold;
    padding: 0 0 6px 3px;
}

div.text-postal-Service a
{
    color: #9d0a0e;
    text-decoration: none;
}

div.title3
{
    color: #000000;
    font-size: 16px;
    font-weight: bold;
}

div.topNavigation
{
    background: url(/images/layout/nav-button.png) no-repeat;
    font-size: 10pt;
    height: 34px;
    padding-left: 328px;
}

div.topNavigation div
{
    background: url(/images/layout/nav-vertical-bar.png) no-repeat;
    float: left;
    height: 25px;
    padding-top: 9px;
    text-align: center;
}

div.topNavigation div a
{
    color: #464646;
    text-decoration: none;
}

div.topNavigation div a:hover
{
    text-decoration: underline;
}

div.whychoose
{
    color: #545454;
    font-size: 28px;
}

h1
{
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    margin-left: -25px;
    margin-top: 6px;
    padding-left: 35px;
    text-decoration: none;
}

h1.StyleHeader
{
    display: block;
}

h1.helpTitle
{
    color: #003471;
    font-size: 28px;
    font-weight: bold;
    margin-left: 10px;
    margin-top: 10px;
    padding-left: 0px;
}

h6
{
    font-size: 100%;
}

span.header
{
    color: #5487a5;
    font-size: 10pt;
    text-transform: uppercase;
}

table.optionsTable
{
    background-color: #f5f5f5;
    border: solid 1px #c0c2c2;
    height: 116px;
    padding-left: 8px;
    padding-right: 5px;
    width: 352px;
}

td.finishingOptions
{
    color: #898989;
    font-size: 8pt;
}

td.finishingOptionsHead
{
    color: #5487A5;
    font-size: 8pt;
    font-weight: bold;
}

td.sizesCol1
{
    color: #898989;
    font-size: 8pt;
    width: 65px;
}

td.sizesCol2
{
    color: #898989;
    font-size: 8pt;
}

td.wallMapSizesHead
{
    color: #5487A5;
    font-size: 8pt;
    font-weight: bold;
}

ul.checkbox
{
    list-style-image: url(/images/checkbox.jpg);
    margin-top: 2px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

ul.sideBarList
{
    clear: both;
    font-weight: normal;
    list-style: none;
    padding-left: 15px;
    margin: 0px;
}

ul.sideBarList li a
{
    text-decoration: none;
    color: #898989;
}

ul.sideBarList li a:hover
{
    font-weight: bold;
}

h3.mostPopularMap, h3.additionalMaps
{
    display: inline;
    font-size: inherit; /* inherits from div.styleSelection */
}

div.customSelection
{
    color: #464646;
    float: left;
    font-size: 11px;
    margin-right: 31px;
    margin-top: 1em;
    width: 130px;
}

div.customSelection span
{
    color: #000000;
    font-family: 'BellCent Add Bt' , Arial, Helvetica;
    font-size: 18px;
    font-weight: bold;
}

div.customSelectionHeader
{
    font-size: 23px;
    font-weight: bold;
}

div.curvedBorder
{
    border: 1px solid #666666;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

div.singleZipCodeCopy
{
    color: #686868;
    font-size: 11px;
    margin-top: 1em;
    width: 450px;
}

div.singleZipCodeCopy span
{
    font-size: 16px;
    font-weight: bold;
}

div.singleZipCodeCopy p
{
    margin: 0px;
    margin-bottom: 1em;
}

div.singleZipCodeCopy img
{
    margin-top: 1em;
}

span.singleZipEnterZip
{
    font-size: 24px;
    font-weight: bold;
}

.threedigitziplink
{
    font-weight: bold;
    font-family: 'BellCent Add Bt' , Arial, Helvetica;
    font-size: 18px;
}

.threedigitziplink a
{
    text-decoration: none;
    color: #000000;
}

div.neighborhoodunavail
{
    margin: 10px;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
}

div.neighborhoodunavail span
{
    margin-top: 1em;
    display: block;
}

.zcmtesting *
{
    border: 1px solid red;
}

#exitcontinuebrowsing
{
    color: #989999;
    text-decoration: underline;
}

#exitcontinuebrowsing:hover
{
    color: #5388A7;
}

#exitnotlookingfor
{
    color: #989999;
    text-decoration: underline;
}

#exitnotlookingfor:hover
{
    color: #5388A7;
}

/* New Left Navigation Styles */

.navsection
{
	padding-bottom: 5px;
}

.navsectionheader
{
	color: #5388A6;
	padding-left: 10px;
	font-weight: bold;
	text-decoration:none;
	font-size:14px;
}

.navsectionheader:hover
{
	text-decoration: underline;
}

.navsectionheadertest
{
	color: #5388A6;
	padding-left: 5px;
	font-weight: bold;
	text-decoration:none;
	font-size:16px;
}

.navsectionheadertest:hover
{
	text-decoration: underline;
}

.navlink 
{
	color: #525252;
	padding-left: 25px;
	text-decoration:none;
}

.navlink:hover
{
	text-decoration: underline;
}

.navlinktest 
{
	color: #525252;
	padding-left: 25px;
	text-decoration:none;
    font-size: 11px;
}

.navlinktest:hover
{
	text-decoration: underline;
}

.navlinktestlesspadding 
{
	color: #525252;
	padding-left: 5px!important;
	text-decoration:none;
    font-size: 13px;
    line-height: 17px;
}

.navlinktestlesspadding:hover
{
	text-decoration: underline;
}

/* Legal Notice styles stolen from MapSales */

.infotitle
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:18px;
padding:2px;
}

.infotitle2
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #428EEF;
font-size: 24px;
} 

.infogroup
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:22px;
padding-left:10px;
}

.infogroup2
{
border-bottom:1px dashed #000000;
background-color:#71A6E9;
font-family:Arial;
font-size:13px;
color:#000000;
}

.infogroup3
{
font-family:Arial;
font-size:13px;
color:#666666;
}

.infogroup4
{
font-family:Verdana;
font-size:9px;
color: #009900;
padding:7px;
border-bottom: 1px dashed #1FCF00;   
}

.infotext
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
padding-left:10px;
}

.infotext2
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:17px;
padding:2px;
}

.infotext3
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:17px;
padding-top:2px;
padding-bottom:2px;
}

.privacyinfotext
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:13px;
padding-top:2px;
padding-bottom:2px;
font-weight:bold;
}

.infotext4
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:9px;
padding:2px;
}

.infotext5
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-size:13px;
}

.white2
{
    color: #FFFFFF;
}    
    
/* End Legal Notice styles */

.largebluetextarea {}
/*.largebluetextarea .largebluetextheader { margin-left: -770px; margin-top: 15px; }*/
.largebluetextarea .largebluetextheader { margin-top: 15px; }
.largebluetextarea .margintop { margin-top: 10px; }
.largebluetextarea .largebluetextheader .sap-content  
{
    width: 770px; 
    font-size: 26px;
    font-weight: bold;
    color: #1C4C7B;    
    padding-left: 5px;
}

/*.finishingoptionbody { margin-left: -770px; width: 770px; }*/

.internaltext {
    float: right;
    width: 355px;
    height: 85px;
    border: 1px solid #acacac;
    background-color: #f4f4f4;
    color: #898989;
    font-size: 10px;
    line-height: 13px;
    padding: 0px 10px 0px 5px;
}
.collapse-lefthandnav {
    overflow: hidden;
}
.hamburger-menu {
    z-index: 1000;
}
.hamburger-menu > span {
    display: flex;
    background-color: #5386a4;
    justify-content: space-between;
    align-items: center;
    width: 77px;
    height: 30px;
    padding: 0 10px 0 8px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    z-index: 999;
}
.hamburger-menu:hover > span  {
    background-color: #30607e;
}
.hamburger-menu > span.active  {
    background-color: #f1f1f1;
    color: #5388a6;
}
.grayoverlay, .overlay {
    display: none;
}
.grayoverlay {
    position: absolute;
    z-index: 10;
    left: 0px;
    top: 42px;
    margin-top: 0;
    margin-bottom: 0;
    width: 965px;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.5);
}
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    background-color: transparent;
}
.collapse-lefthandnav .leftNavigation {
    display: none;
    position: absolute;
    top: 41px;
    left: 0;
    z-index: 999;
    background-color: #fff;
    height: 100%;
    border-right: none;
    width: 174px !important;
}
.collapse-lefthandnav div.content {
    margin-left: 0;
    border-left: none;
}
#closeleftnavigation {
    display: block;
    text-align: right;
    padding: 5px 5px 5px 0;
    font-size: 14px;
    color: #686868;
    cursor: pointer;
}
/*========== HEADER CSS =========*/
.header-top-wrap {
    width: auto; background-color: #5386a4; height: 116px;
}
.header-top-container {
    width: 967px; height: 116px; background-color: #5386a4; font-family: 'Segoe UI',Arial; margin: auto;
}
.header-top-container > div:nth-of-type(1) {
    height: 35px; line-height: 34px; background-color: #5386a4; color: #ffffff; font-size: 15px; width: 967px;
}
.header-top-container > div:nth-of-type(2) {
    height: 100px; color: #ffffff;
}
.header-top-right {
    float: right;
}
.header-top-right > div:nth-of-type(1){
    float: right; background-color: #30607e; padding-right: 15px; padding-left: 15px;
}
.header-top-right > div:nth-of-type(2){
    float: left; margin-right: 2px; background-color: #30607e; padding-right: 15px; padding-left: 15px; line-height: 35px;
}
.header-top-right > div > a.revampheaderwhitelink{
    font-size: 13px;
}
.header-logo-col {
    float: left; margin-top: -5px; font-size: 13px; color: #000000;
}
.header-logo-col img {
    display: inline;
}
.header-logo-col > div:nth-of-type(1) {
    margin-top: -5px;
}
.header2-col2 {
    float: left; margin-left: 30px; border-left: 1px solid #30607e; margin-top: 16px;
}
.header2-col2 >div{
    font-size: 13px; width: 115px;
}
.header2-col2 >div >div, .header2-col3 > div , .header2-col4 >div{
    margin-left: 5px;
}
.header2-col3 {
    float: left; margin-left: 30px; width: 140px; margin-top: 16px; font-size: 13px; border-left: 1px solid #30607e;
}
.header2-col4 {
    float: left; margin-left: 30px; margin-top: 16px; width: 175px; font-size: 13px; border-left: 1px solid #30607e;
}
.header2-col5 {
    float: right; font-size: 18px; margin-right: 10px; margin-top: 16px; text-align: right;
}
.header2-col5 > span:nth-of-type(2) {
    font-size: 12px; color: #000000;
}
.header2-col5 > span:nth-of-type(2) > a {
    color: #000000;
}
.header-top2-wrap {
    height: 40px; color: #2e2e2e; font-size: 16px; font-family: 'Segoe UI',Arial; width: 967px; margin: auto;
}
.hleft-freeshipping {
    float: left; margin-right: 10px; margin-left: 0px; line-height: 30px; height: 40px;
}
.hleft-divider{
    float: left; color: #b9b9b9; line-height: 40px; height: 40px;
}
.hleft-guaranteed {
    float: left; margin-left: 10px; line-height: 40px; height: 40px;
}
.hright-viewcart {
    float: right; font-size: 13px; margin-right: 10px; line-height: 40px; height: 40px;
}
#cartitemcount {
    font-weight: bold;
}
.header-mobile {
    display: none;
}
/*========= FOOTER CSS ==========*/
.footer1 {
    margin: auto;
    width: 967px;
    font-family: 'Segoe UI', Arial;
    position: relative;
}
.footer1 > div:nth-of-type(1) {
    height: 65px; color: #164d7c; padding-top: 10px; border-bottom: 1px solid #b9b9b9;
}
.footer1 > div:nth-of-type(2){
    height: 134px; margin-top: 20px; font-family: 'Segoe UI',Arial;
}
.footer-row1-left {
    float: left;
}
.footer-row1-left > div:nth-of-type(1) > span{
    font-size: 13px; font-weight: 500; color: #5386a4;
}
a.footer-phone{
    font-size: 13px; color: #666666 !important;
}
.phone-contact-divider {
    padding-left: 10px; color: #808080;
}
.footer-contact {
    padding-left: 10px; color: #666666;
}
.footer-row1-right {
    float: right; color: #2e2e2e; margin-top: 15px;
}
.footer-fs {
    padding-left: 15px; font-weight: 500; font-size: 16px;
}
.fs-guaranteed-divider {
    padding-left: 10px; color: #666666;
}
.footer-100 {
    padding-left: 10px; font-weight: 500; font-size: 16px;
}
.footer-guaranteed {
    color: #2e2e2e; font-size: 16px;
}
.footer-row2-col1{
    float: left; margin-top: 0px;
}
.footer-deals{
    font-size: 24px; font-weight: 500; color: #5386a4; font-weight: 500; line-height: 24px;
}
.footer-signup {
    font-size: 13px; color: #666666;
}
.subscribebtn-wrap {
    padding-left: 160px;
}
.footer-row2-col2 {
    float: left; margin-left: 60px; color: #5386a4;
}
.footer-menu-header {
    font-weight: 600; font-size: 13px;
}
.footer-menu-wrap {
    line-height: 18px;
}
.footer-row2-col3, .footer-row2-col4 {
    float: left; margin-left: 75px; color: #5386a4;
}
.footer-row2-col5 {
    float: right; color: #164d7c; text-align: right;
}
.footer-guaranteed-logo {
    margin-top: 10px; float: left;
}
.footer-payment-logo {
    margin-top: 10px; float: left; margin-left: 10px;
}
.footer2 {
    width: 100%; background-color: #e0e4e7;
}
.footer2 > div {
    margin: auto; width: 967px; font-family: 'Segoe UI',Arial;height: 100px; padding-top: 30px; color: #2e2e2e;
}
.footer-mmlogo {
    float: left;
}
.footer-mslogo {
    float: left; margin-left: 32px; margin-top: 10px;
}
.footer-tel {
    float: left; margin-left: 57px; margin-top: 13px;
}
.footer-tel > img{
    display: inline; margin-right: 5px;
}
.footer-address {
    float: left; margin-left: 5px; text-align: center; font-size: 11px;text-align: left;
}
.footer-info {
    float: left; margin-left: 53px;
}
.footer-info > div:nth-of-type(1) {
    float: left; margin-left: 4px; text-align: right;
}
.footer-info > div:nth-of-type(2) {
    float: left; margin-left: 5px; position: relative;
}
.notice-index-divider {
    padding-left: 5px; padding-right: 5px; color: #808080; font-size: 11px;
}
.footer-copyright {
    font-size: 11px; float: right;
}
.footer-norton {
    position: absolute; top: -8px;
}
.m-mslogo-footer, .subs-btn, .sg-mobile{
    display: none;
}
.customlink{
    font-size:11px;
}