/* part of a CSS reset */
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/*
 *  Spans multiple areas
 */
h1.productname {
    color: #428eef;
    font-family: Verdana;
    font-size: 18px;
    margin-top: 0px;
}
h2.productname {
    color: #428eef;
    font-family: Verdana;
    font-size: 18px;
    margin-top: 0px;
}
.indent {
    /*margin-left: 5px;*/   
}

/*
 *  Site Header Classes 
 */
div.siteheader {
    float: left;
}
div.headerlogo {
    float: left;
    width: 255px;
}
div.headerlogo img {
    border: 0px;
}
div.headerwallmaps {
    color: #3e86e1;
    float: left;
    font-family: Helvetica;
    font-size: 37px;
    text-align: center;
    width: 219px;
}
div.headertagline {
    color: #428eef;
    float: left;
    font-size: 18px;
    font-family: Verdana;
    width: 350px;
}
div.headertagline .fastasnextday {
    color: #f00;
    display: inline;
    white-space: nowrap;
}
div.headercontact {
    float: left;
    font-family: Verdana;
    margin-top: 4px;
    margin-right: 2px;
    text-align: right;
    width: 143px;
}
div.headercontact .phonenumber {
    font-weight: bold;   
}
div.headercontact .email {
    color: #666;   
}
div.headernavigation {
    background-color: #666;
    color: #e6e6e6;
    border-bottom: 5px solid #e6e6e6;
    float: left;
    font-family: Verdana;
    font-size: 13px;
    height: 25px;
    line-height: 25px;
    text-align: right;
    width: 970px;   
}
div.headernavigation .link {
    color: #e6e6e6;
    font-size: 12px;
    text-decoration: underline;
}
div.headernavigation .link:hover {
    text-decoration: none;
}
div.headernavigation .lastlink {
    margin-right: 5px;   
}

/*
 *  Left Navigation Classes
 */
div.leftnavigation {
    background-color: #fff;
    background-image: url(/images/nav/left-nav-bg.gif);
    background-repeat: repeat-x;
    border-right: 1px solid #666;
    float: left;
    width: 192px;
}
div.leftnavigation .satisfaction {
    float: left;
    width: 192px;   
}
div.leftnavigation .freeshipping {
    float: left;
    width: 192px;
}
div.leftnavigation .sectionheader {
    color: #39f;
    float: left;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    margin-left: 5px;
    width: 187px; /* 192(left nav) - 5(margin-left) */
}
div.leftnavigation .shopfor {
    color: #000;
    height: 20px;
    margin-top: 3px;
}
div.leftnavigation .sectionlinks {
    float: left;
    font-family: Verdana;
    font-size: 10px;
    line-height: 12px;
    margin-left: 19px;
    width: 167px; /* 192(left nav) - 25(margin-left) */
}
div.leftnavigation .sectionlinks a {
    color: #000;
    display: block;
    text-decoration: none;
}
div.leftnavigation .sectionlinks a:hover {
    font-weight: bold;
    text-decoration: underline;
}
div.ourpublishers {
    background-color: #fff;
    border-top: 1px solid #666;
    float: left;
    width: 192px;
}
div.ourpublishers .publisherheader {
    color: #39f;
    margin-left: 5px;
    font-family: Verdana;    
    font-size: 14px;
    font-weight: bold;
    padding: 8px 0px 8px 0px;    
}
div.ourpublishers img {
    border: 0px;
    padding-left: 5px;
}
div.howcanwehelp {
    background-color: #fff;
    border: 1px solid #666;
    border-left: 0px;
    border-right: 0px;
    float: left;
    width: 192px;
}
div.othergreatsites {
    background-color: #fff;
    float: left;
    margin-bottom: 2px;
    width: 192px;
}
div.othergreatsites img {
    border: 0px;
    padding: 3px 0px 0px 3px;
}
div.othergreatsites .border {
    border-top: 1px solid #adadad; 
    height: 1px;
    margin-left: 3px;
    margin-top: 1px;
    width: 186px;
}


/*
 *  Content Class
 */
div.content {
    float: left;
    width: 777px;
}

/*
 *  Content Class -> Bread Crumb Classes
 *  Working width: 777px (width of div.content)
 */
div.breadcrumbs {
    border-bottom: 2px solid #e6e6e6;
    color: #666;
    float: left;
    font-family: Verdana;    
    font-size: 12px;
    line-height: 22px;
    width: 777px;
}
div.breadcrumbs .indent {
    float: left;
}
span.lastbreadcrumb {
    color: #000;
    font-weight: bold;
    white-space: nowrap;
}
strong.lastbreadcrumb {
    color: #000;
    font-weight: bold;
    white-space: nowrap;
}
div.breadcrumbs a {
    color: #666;
    text-decoration: underline;
}
div.breadcrumbs a:hover {
    text-decoration: none;
}

/*
 *  Content Class -> Product Image Classes
 *  Working width 260px; 777px (div.content width) - 517px (div.pricematrix width), 
 *  needs to share width with Product Price Matrix
 */
div.productimage {
    border-right: 0px; 
    float: left;
    margin-top:10px;
    padding-left: 5px;
    width: 260px;
}
div.productiamge div.productname {
    float: left;
}
div.productimage div.styleyear {
    float: left;
    margin-top: 10px;
    width: 255px;   
}
div.productimage img {
    border: 0px;
}
div.productimage .productexample {
    float: left;
    text-align: center;
    width: 255px;
}

div.productimage .productexample .demographic-map-example 
{
	display:inline-block;
	position:relative;
}

div.productimage .productexample .demographic-map-example #demographic-overlay 
{
	position:absolute;
	top:15px;
	right:-3px;
}

div.productimage .logoandzoom {
    float: left;
    margin-bottom: 10px;
    width: 255px;
}

div.productimage .above {
    margin-bottom: 5px;
}
div.productimage .logoandzoom .publisherlogo {
    float: left;
    width: 130px;
}
div.productimage .logoandzoom .zoomin {
    float: left;
    margin-left: 15px;
    width: 110px;
}

/*
 *  Content Class -> Product Price Matrix Classes
 *  Working width 517px; 777px (div.content width) - 260px (div.productimage width), 
 *  needs to share width with Product Price Matrix
 */
div.pricematrix {
    border-left: 0;
    float: left;
    /* padding-bottom: 5px; removed for extended finishing options matrix 7/28/10 */
    margin-left: 10px;
    width: 760px;
}
div.matrixheader {
    margin-left: 4px;
    margin-top: 4px;
    height: 55px;
}
div.matrixheader .choosemap {
    float: left;
    font-size: 20px;
    font-weight: bold;
    width: 127px;
}
div.matrixheader .choosesize {
    border-bottom: 3px solid #66c;
    color: #39f;
    float: left;
    font-weight: bold;
    margin-top: 20px;
    width: 79px;
}
div.matrixheader .fastdelivery {
    border-bottom: 3px solid #66c;
    color: #f00;
    float: left;
    font-size: 18px;
    font-weight: bold;
    margin-top: 23px;
    text-align: right;
    width: 295px;
}
div.matrixheader .fastdelivery div {
    margin-bottom: 5px;
}
.matrixheader_st {
    float: left;
    margin-top: 10px;
    width: 755px;
}
.matrixrightside {
    border-bottom: 4px solid #6666cc;
    float: left; 
    width: 548px;
}
.chooseyourmap_st {
    color: #000;
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: -25px;
    padding-left: 15px;
    width: 187px;
}
.choosesize_st {
    color: #6666cc;
    float: left;
    font-weight: bold;
    margin-top: 0px;
}
.fastdelivery_st {
    color: #f00;
    float: right;
    font-size: 20px;
    font-weight: bold;
    margin-top: 0px;
    text-align: right;
}
.pricematrixborder 
{
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	border-bottom: solid 1px #E6E6E6;
    float: left;
    position:relative;
}
.otherfinishoptionsmatrix {
	display: none;
	border: solid 1px #B1B1B1;
	margin-top: 15px;
    float: left;
    width: 753px;
}
div.sizerow {
    margin-left: 0px;    
}
div.sizerow .choosefinishing {
    border-left: 6px solid #33cc00;
    color: #33cc00;
    float: left;
    font-weight: bold;
    margin-top: 32px;
    padding-left: 10px;
    width: 186px;
}
div.sizerow .firstsize {
    border-left: 4px solid #e6e6e6;
    padding-left: 10px;
}
div.sizerow .sizeoption {
    float: left;
    width: 89px;
}
div.sizerow .printsize {
    color: #6666cc;
    display: block;
    font-family: Verdana;
    font-size: 14px;
    font-weight: bold;
}
div.pricerow {
    float: left;
    font-family: Verdana;
    margin-left: 0px;
    width: 753px;
}
div.stripe {
    background-color: #eaf2fd;
}
div.nostripe
{
    background-color: #ffffff;
}
div.finishoptionstripe {
	background-color: #EBEBEB;
}
div.pricerow .finishingoption {
    border-left: 6px solid #33CC00;
    border-right: 0px;
    float: left;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    height: 46px;
    margin: 0px;
    padding: 8px 0px 8px 3px;
    width: 197px;   
}
div.pricerow .noborder {
    border-left: 0px;
}
div.otherfinishoptionsheader {
	float: left;
	width: 755px;
}
div.otherfinishoptionsheader .extended {
	display: none;
	float: left;
	width: 755px;
	margin-top: 15px;
    padding-left: 205px;
}
.cwm-productpage div.otherfinishoptionsheader .extended {
    width: 549px;
}
div.otherfinishoptionsheader .extended .headertext {
	font-size: 14pt;
	font-weight: bold;
	float: left;
}
div.otherfinishoptionsheader .extended .hidebutton {
	float: right;
}
div.pricerow .finishingoptiontextlink {
    text-decoration: underline;
    white-space:nowrap;
}
div.pricerow .finishingoptiontextlink:hover {
    text-decoration: none;
}
div.pricerow .finishingimage {
    float: left;
    width: 66px;
}
div.pricerow .finishinglearnmore {
    color: #33CC00;
    float: left;
    margin-left: 10px;
    margin-top: 5px;
    width: 115px;
}
div.pricerow .otherfinishinglearnmore 
{
	color: #585858;
	float: left;
    margin-left: 10px;
    margin-top: 5px;
    width: 115px;
}
div.pricerow .otherfinishinglearnmore .button {
    margin-top: 7px;
    border: 0px;
}
div.pricerow .finishinglearnmore .button {
    margin-top: 7px;
    border: 0px;
}
div.pricerow .firstfinishingoption {
    padding-bottom: 8px;   
    padding-top: 8px;
}
div.pricerow .finishingoption a {
    color: #585858;
    text-decoration: none;
}
div.pricerow .finishingoption a:hover {
    text-decoration: none;
}
div.pricerow .priceoption {
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 26px;
    padding-top: 13px;
    width: 89px;
}
div.pricerow .priceoptionlastcolumn {
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 26px;
    padding-top: 13px;
    width: 92px;
}
div.pricerow .firstpriceoption 
{
	padding-left: 10px;
}
div.pricerow .extrapadding {
	padding-left: 16px;
}
div.pricerow .priceoption img {
    margin-top: 2px;
}
div.pricerow .firstrow {
    border-top: 0px;
    padding-top: 16px; 
}
div.pricerow .priceoption a {
    color: #666;
    font-weight: normal;
    text-decoration: underline;
}
div.pricerow .priceoption a:hover {
    text-decoration: none;
}
div.pricerow div.finishingoptiontypes {
    color: #585858;
    float: right;
    font-size: 13px;
    font-weight: bold;
    margin-top: 16px;
    width: 175px;
}
div.pricerow div.finishingoptiontypes div.finishingtypeselect {
    float: right;
    text-align: right;
}
div.pricerow div.finishingoptiontypes div.railsselect {
    height: 29px;
    width: 98px;   
}
div.pricerow div.finishingoptiontypes div.framedselect,
div.pricerow div.finishingoptiontypes div.magneticselect {
    height: 29px;
    width: 105px;
}
div.pricerow div.finishingoptiontypes div.finishingtypeselect img {
    margin-top: 4px;   
}
div.pricerow div.finishingoptiontypes div.finishingtypeimage {
    float: right;
    margin-left: 5px;
    padding-right: 5px;
    width: 54px;
}
div.finishingoptionpopupwidth {
    position: absolute;
    width: 334px;
}
div.finishingoptionpopup {
    border: 1px solid #9e9e9e;
    background-color: #f5f5f5;
    height: 260px;
    position: relative;
    padding: 5px;
    width: 322px;
    z-index: 100;
}
div.finishingoptionopupheader {
    color: #428eef;
    font-size: 16px;
    font-weight: bold;
    width: 250px;
}
div.closepopupbutton {
    display: inline;
    float: right;
    margin-top: -5px;
    width: 50px;
}
div.popupbody {
    margin-top: 15px;
    width: 315px;
}
div.finishingexamples {
    float: left;
}
div.finishingexamples img {
    display: block;   
}
div.finishingexamples .example2 {
    margin-top: 15px;
}
div.finishingtext {
    float: left;
    font-family: Arial;
    font-size: 11px;   
    font-weight: normal;
    margin-right: 5px;
    width: 170px;
}
div.finishingtext span {
    font-weight: bold;   
}

/*
 *  Content Class -> Product Description Classes
 *  Working width 777px (div.content width)
 */
div.description {
    border: 0px; 
    float: left;
    margin-left: 0px;
    padding-bottom: 5px;
    padding-top: 10px;
    width: 500px;
}
div.description .indent {
    margin-top: 0px;
}
div.description .nameandpublisher {
    float: left;
    width: 500px;
}
div.description .publisherlogo {
    float: left;
    text-align: right;
    width: 245px;   /* this makes it look like marign/padding on the right */
    display: none;
}
div.description .productdescription {
    float: left;
    font-size: 10px;
    margin-top: 0px;
    
    width: 499px;
}
div.description .productdescription p {
    margin-top: 1em;
}
div.description .productdescription ul {
    margin: 0px;
    padding: 0px;  
}
div.description .productdescription ul li {
    list-style-type: none;
    margin: 0px;
    margin-left: 10px;
    padding: 0px;
}
div.mapincludesindent {
    margin-left: 15px;
}

div.description .productdescription ul.mapfeatures
{
	float: left;
	list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}

div.description .productdescription ul.mapfeaturesfirst
{
    margin: 0px 40px 0px 0px;
}

div.mapincludeslist ul
{
	list-style-type: none;
    margin: 0px;
    padding: 0px;
}
div.twocolumndescription {
	width: 100%;
}
div.twocolumndescription .columnleft {
	float: left;
	margin-bottom: 1em;
}
div.twocolumndescription .columnright {
	float: right;
	margin-bottom: 1em;
	padding-right: 80px;
}
div.description .itemcode {
    float: left;
    font-size: 10px;
    margin-top: 1em;
    width: 499px;
}
div.description .itemcode .code {
    font-weight: bold;   
}

/*
 *  Content Class -> Product Related Item Classes
 *  Working width 777px (div.content width)
 */
div.relateditems {
    border-top: 2px solid #e6e6e6;
    float: left;
    font-family: Verdana;
    margin-top: 15px;
    padding-bottom: 40px;
    width: 777px;   
}
div.relateditems .alternatemapsheader {
    border-bottom: 2px solid #e6e6e6;
    color: #428eef;
    float: left;
    font-family: Verdana;
    font-size: 18px;
    font-weight: bold;
    padding: 2px 0px 2px 0px;
    width: 777px;
}
div.relateditems .alternatemap1 {
    border-right: 2px solid #e6e6e6;
    float: left;
    margin-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 381px; /* subtract margin and border widths */
}
div.relateditems .alternatemap2 {
    float: left;
    margin-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;    
    width: 383px; /* subtract margin width */
}
.alternatemapimage {
    float: left;
    margin-right: 5px;
    text-align: center;
    width: 200px;
}
.alternatemapimage img {
    border: 0px;   
}
.alternatemapinfo {
    float: left;
    width: 170px;   
}
span.alternatestyle {
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px;
}
.alternatemapinfo .productname {
    font-weight: bold; 
    height: 77px;
}
.alternatemapinfo .productname a {
    color: #000;
    text-decoration: none;
}
.alternatemapinfo .productname a:hover {
    text-decoration: underline;
}
.alternatemapinfo .podproductname {
    font-weight: bold;
    height: 77px;
}
.alternatemapinfo .podproductname a {
    color: #000;
    text-decoration: none;
}
.alternatemapinfo .podproductname a:hover {
    text-decoration: underline;
}
.alternatemapinfo .styledetails {
    float: left;
    font-size: 10px;
    height: 45px;
    margin-bottom: 10px;
}
.alternatemapinfo .publisherlogo {
    float: left;
    height: 25px;
    margin-top: 5px;
    margin-bottom: 10px;
    width: 170px;
}
.alternatemapinfo .moreinfo {
    border: 0px;
    float: left;
    vertical-align: -50px;   
}
div.relateditems .border {
    border-top: 2px solid #e6e6e6;
    float: left;
    height: 2px;
    width: 777px;   
}


/*
 *  Site Footer Classes
 */
div.footer {
    background-color: #e6e6e6;
    border-top: 1px solid #000;
    float: left;
    font-family: Arial;
    height: 34px;   
    width: 970px;
}
div.footerlinks {
    color: #666;
    float: left;
    font-family: Verdana;
    font-size: 9px;
    line-height: 17px;
    margin-left: 3px;
    width: 327px;
}
div.footerlinks a {
    color: #666;
    text-decoration: underline;
}
div.footerlinks a:hover {
    text-decoration: none;
}
div.footeraddress {
    color: #666;
    float: left;
    width: 360px;
}
div.footeraddress .salesinfo {
    background-color: #fff; 
    border: dashed 1px #cecece; 
    display: none; 
    font-size: 13px; 
    padding: 10px; 
    position: absolute; 
    width: 220px;
}
div.footeraddress .closesalesinfo {
    color: #00f; 
    cursor: pointer; 
    font-size: 10px; 
    text-align: right; 
    text-decoration: underline;
}
div.footeraddress .phoneicon {
    cursor: pointer;
    float: left;
    margin-top: 3px;
}
div.footeraddress .address {
    display: inline; 
    float: left;
    font-size: 11px;
    line-height: 17px;
    margin-left: 7px;
}
div.footeraddress .address .location {
    font-weight: bold;   
}
div.footercopyright {
    color: #666;
    float: left;
    font-size: 10px;
    margin-right: 15px;
    padding-top: 3px;
    text-align: right;
    width: 215px;
}
div.footerverisign {
    float: left;
    width: 50px;
}
div.footerverisign img {
    border: 0px;
    height: 23px;
    width: 50px;
}

/*
 *  Extended Finishing Options
 */
div.selectionpopupwidth {
    float: right;
    position:absolute;
    width: 270px;
}
div.selectionpopup {
    border: 1px solid #9e9e9e;
    background-color: #f5f5f5;
    float: left;
    position: relative;
    padding: 5px;
    width: 258px;
    z-index: 100;
}
div.finishingtypepopupheader {
    color: #428eef;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    width: 220px;
}
div.woodmountedfinishingtypepopupheader {
    color: #428eef;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    width: 170px;
}
div.selectframecolor {
    color: #000;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    width: 258px;
}
div.finishingtypecontainer {
    color: #000;
    border-top: 1px solid #666;
    float: left;
    margin-bottom: 10px;
    text-align: left;
    padding-top: 5px;
    width: 258px;    
}
div.selectform {
    float: left;
    width: 158px;
}
div.selectformframedbasic, 
div.selectformframedexecutive,
div.selectformframed
div.selectformmagnetic 
{
    float: left;
    margin-left: 22px;
    width: 136px;   
}

div.selectformframedbasic,
div.selectformframedexecutive
{
    margin-left: 0px;
    width: 158px;
}

div.radiobutton {
    float: left;
    height: 70px;
    width: 22px;
}
div.radiobuttonframed, div.radiobuttonmagnetic {
    float: left;
    height: 32px;
    width: 22px;
}
div.typedetails {
   float: left; 
   margin-top: 2px; 
   width: 136px; 
}
div.optionstyle {
    font-weight: bold;
}
div.optionstyleframed, div.optionstylemagnetic {
    float: left;
    font-weight: bold;
    margin-top: 2px;
    width: 236px;
}
div.optionstyleframed span, div.optionstylemagnetic span {
    font-weight: normal;
    font-size: 11px;
}
div.finishingtypecontainer, div.blurbandimage {
    clear: both;
    float: left;
    margin-top: 3px;
}
div.framedexecutivecolors,
div.framedwoodcolors,  
div.magneticexecutivecolors, 
div.magneticwoodcolors,
div.woodmountedcolors {
    float: left;
    font-size: 11px;
    line-height: 11px;
    width: 37px;
}

div.framedwoodcolors
{
    width: 65px;
}

div.framedexecutivecolors
{
    width: 45px;
}

div.framedexecutivecolors img, div.framedwoodcolors img,
div.magneticexecutivecolors img, div.magneticwoodcolors img,
div.woodmountedcolors img {
    margin-top: 1px;
}
div.optionstyleblurb {
    font-size: 11px;
}
div.exampleimage {
    float: left;
    width: 100px;
}

div.otherfinishoptionsheader .intro {
	margin-top: 15px;
	float: left;
	width: 810px;
}

div.otherfinishoptionsheader .intro .imagerow {
	/*float:left;
	padding-left: 134px;*/
    float: right;
    padding-left:0 !important;
    padding-right:62px;
}

div.otherfinishoptionsheader .intro .imagerow .img {
	margin-right: 3px;
}

div.otherfinishoptionsheader .intro .headertext {
	float: left;
	font-size: 15px;
	font-weight: bold;
	width: 270px;
}

div.otherfinishoptionsheader .intro .headertext .showbutton {
	margin-top: 2px;
	float: right;
}
div.otherfinishoptionsheader .intro .imagerow .rowimage {
	float: left;
	margin-right: 3px;
	width: 66px;
}
div.otherfinishoptionsheader .intro .imagerow .rowimage a {
    text-decoration: none;
}
div.otherfinishoptionsheader .intro .imagerow .rowimage .rowimagetext {
	text-align: center;
	font-family: arial;
	font-size: 7pt;
	color: #4A4646;
	width: 66px;
}

.highlight {
	background-color: #FFF6C3;
}

.highlightdark {
	background-color: #C7C7C7;
}

.highlightselected 
{
    background-color:#FFEE88;
}

#demographic-feature-table th 
{
	text-align:left;
}
#demographic-feature-table td
{
	padding-right:30px;
}

/* Change for All Streets */

.disablelinks 
{
    color: gray;
    text-decoration: line-through;
}
.other-finishing {
    display: flex;
    align-items: flex-start;
    margin-top: 15px;
}
.other-finishing .headertext {
    font-family: Arial;
    font-size: 15px;
    font-weight: 700;
    width: 270px;
    padding-right: 0;
}
.headertext > .showbutton {
    float:right;
    margin-top: 2px;
}
.finishing-imagerow > div:nth-of-type(1) {
    display:flex;
    align-items: flex-start;
    justify-content: space-between;
}
.finishing-imagerow > div:nth-of-type(1) > span{
    text-align: center;
    font-family: Arial;
    font-size: 8.5pt;
    color: #4a4646;
    width: 83px;
}
span.pmfinishingoption, span.selFrameColor {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4a4646;
    font-family: Arial;
    font-size: 10.5px;
    background-color: #f8f8f8;
    background-image: linear-gradient( 180deg,#ffffff,#d1d1d1);
    border: 1px solid #b1b1b1 !important;
    width: 60px;
    height: 12px;
    margin-top: 11px;
    cursor: pointer;
    letter-spacing: 0.3px;
    color: #666;
    font-weight: normal;
}
span.selFrameColor {
    width: 100px;
    margin: 2px 0 0 auto;
}
.closepopupbutton > span {
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #a0a0a0;
    display: flex;
    align-items: center;
    font-size: 12px;
}
.closepopupbutton > span > span {
    font-weight: bolder;
    font-size: 14px;
    padding-left: 4px;
}
.pricematrix div.finishingoptionpopupwidth {
    top: 640px !important;
}
div.sizerow .choosefinishing, div.pricerow .finishingoption{
    font-size: 14px;
}
div.pricerow div.finishingoptiontypes{
    font-size: 13px;
}
.matrixrightside {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.choosesize_st {
    font-size: 14px;
}
/*custom wall map matrix*/
.cwm-productpage .pricematrix {
    margin-left: 5px;
}
.cwm-productpage .pricematrix, .cwm-productpage .matrixheader_st {
    width: 775px;
}
.cwm-productpage div.pricerow, .cwm-productpage .otherfinishoptionsmatrix {
    width: 772px;
}
.cwm-productpage .chooseyourmap_st, .cwm-productpage div.sizerow .choosefinishing {
    width: 208px;
}
.cwm-productpage div.pricerow .finishingoption {
    width: 215px
}
.cwm-productpage div.pricerow .finishinglearnmore {
    font-size: 14px;
}
.cwm-productpage div.pricerow .firstpriceoption {
    padding-left: 14px;
    width:86px;
}
.cwm-productpage .pm-fs {
    left: 576px !important;
}
.addtocart {
    display: block;
    padding-top:5px;
    font-size:12px;
}
/* End Change for All Streets */