﻿.column1 .row1 {}
.column1 .row1 #calendarsizetext
{
    padding-left: 226.55px;
    color: #707070;
    font-size: 14px;
    font-weight: bold;
}
.leftborder { border-left: 2px solid #ababab; padding-left: 5px; }
.leftbordertest { border-left: 4px solid #e6e6e6; padding-left: 5px; }
.column1 .row2 {}
.column1 .row2 #finishingoptiontext
{
    color: #707070;
    font-size: 12px;
    font-weight: bold;
    width: 200px;
    padding-left: 6px;
    padding-top: 40px;
    padding-bottom: 2px;
}

.column1 .row2 #finishingoptiontexttest
{
    color: #707070;
    font-size: 14px;
    font-weight: bold;
    width: 220px;
    padding-left: 6px;
    padding-top: 44px;
    padding-bottom: 6px;
}

.column1 .row4 { background-color: #ebebeb; border-top: 1px solid #ababab; }
.column1 .row6 { background-color: #ebebeb; }
.column1 .row8 { background-color: #ebebeb; }
.column1 .row10 { background-color: #ebebeb; }
.column1 .row12 { background-color: #ebebeb; }
.column1 .row14 { background-color: #ebebeb; }
.column1 .row16 { background-color: #ebebeb; }
.column1 .row18 { background-color: #ebebeb; }

.column1 .row4test { background-color: #e3edf6; border-top: 1px solid #ababab; }
.column1 .row6test { background-color: #e3edf6; }
.column1 .row8test { background-color: #e3edf6; }
.column1 .row10test { background-color: #e3edf6; }
.column1 .row12test { background-color: #e3edf6; }
.column1 .row14test { background-color: #e3edf6; }
.column1 .row16test { background-color: #e3edf6; }
.column1 .row18test { background-color: #e3edf6; }
/* Format of the text within the price matrix */
.rightborder
{
    width: 220px;
    border-right: 2px solid #ababab;
    margin-right: 5px;
}
.rightbordertest
{
    width: 204px;
    border-right: 2px solid #ababab;
    margin-right: 5px;
}
.rightborderlargetest {

    width: 204px;
    border-right: 4px solid #e6e6e6;
    margin-right: 5px;
}
.pricematrixtext
{
    left: 0%;
    color: #707070;
    font-size: 11px;
    padding-top: 5px;
    padding-bottom: 2px;
    padding-left: 6px;
}
.priceadj { padding-top: 5px; }
.size1 { 
    left: 0%; 
    width: 74px; /*from winning test (see class below) JDB 07/08/15 */
}

.size1test {
    left: 0%;
    width: 74px;
}
.matrixradio { margin-left: -5px; }
.matrixpricetext 
{
    color: #000000;
    font-weight: bold;
    font-size: 11px;
}
.addtocartanchor
{
    display: block;
    color: #000000;
    font-size: 10px;
}
.textsize { font-size: 14px; color: #707070; }
.textsize2
{
    font-family: Verdana;
    font-size: 12px;
    color: #000000;
    font-weight: bold;
    padding-top: 18px;
}
.finishingoption { left: 0%; }
.mapsizeimagefaded { opacity: .5; filter: alpha(opacity=50); }


.finishingimage {
    float: left;
    width: 66px;
}

.finishinglearnmore {
    color: #1c4c7b;
    float: left;
    font-weight: bold;
    margin-left: 10px;
    margin-top: 4px;
    width: 138px;
}
.finishinglearnmore .finishingoptiontextlink {
    text-decoration: underline;
}
.finishinglearnmore .finishingoptiontextlink:hover {
    text-decoration: none;
}
.finishinglearnmore .button {
    margin-top: 8px;
    border: 0px;
}

div.finishingoptiontypes {
    color: #585858;
    float: right;
    font-size: 13px;
    font-weight: bold;
    margin-top: 10px;
    width: 168px;
}
div.finishingoptiontypes div.finishingtypeselect {
    float: right;
    text-align: right;
}
div.finishingoptiontypes div.railsselect {
    height: 29px;
    width: 98px;   
}
div.finishingoptiontypes div.framedselect,
div.finishingoptiontypes div.magneticselect {
    height: 29px;
    width: 104px;
}
div.finishingoptiontypes div.finishingtypeselect img {
    margin-top: 4px;   
}
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: 200;
}
div.finishingoptionopupheader {
    color: #1c4c7b;
    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;   
}

div.otherfinishoptionsheader {
    float: left;
    border-top: 0px;
    padding-right: 10px;
    width: 766px;
}
div.otherfinishoptionsheader .extended {
    display: none;
    float: left;
    width: 755px;
    margin-top: 15px;
}
div.otherfinishoptionsheader .extended .headertext {
    font-size: 14pt;
    font-weight: bold;
    float: left;
    padding-left: 205px;
}
div.otherfinishoptionsheader .extended .hidebutton {
    float: right;
}
div.otherfinishoptionsheader .intro {
    margin-top: 15px;
    float: left;
    width: 830px;
}

div.otherfinishoptionsheader .intro .imagerow {
    float: right;
    padding-left:0;
    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: 80px;
}
div.otherfinishoptionsheader .intro .imagerow .rowimage .rowimagetext {
    text-align: center;
    font-family: arial;
    font-size: 8.5pt;
    color: #4A4646;
    width: 80px;
}
.otherfinishoptionsmatrix {
    display: none;
    border-top: solid 1px #B1B1B1;
    margin-top: 15px;
    float: left;
    width: 755px;
}
.size1test.textsize, .size1test.textsize2 {
    float: left;
    width: 119px;
}
.pm-selformattext {
    padding-left: 3px;font-size:12px;
}
/*New CSS*/
.finishingoptiontextlink, .choosewmtext {
    font-size: 14px;
}
.wallmapmatrixlinktest {
     font-size: 12px;
     padding-top: 18px;
}
.otherfinishoptionsheader .intro{
    width: 830px !important; 
}
div.otherfinishoptionsheader .intro .imagerow .rowimage > a > img{
    margin: 0 auto;
}
.closepopupbutton > span {
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    color: #a0a0a0;
    display: flex;
    align-items: center;
    font-size: 12px;
}
.closepopupbutton > span > span {
    font-weight: bolder;
    font-size: 14px;
    padding-left: 4px;
}
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,#fff,#d1d1d1);
    border: 1px solid #b1b1b1!important;
    width: 60px;
    height: 12px;
    margin-top: 11px;
    cursor: pointer;
    letter-spacing: .3px;
    color: #666;
    font-weight: 400;
}
span.selFrameColor {
    width: 100px;
    margin: 2px 0 0 auto;
}
/*for moz css ONLY*/
@-moz-document url-prefix() {
    .column1 .row1 #calendarsizetext
    {
        padding-left: 226.35px;
    }
}
/*Test - New Product Price Matrix CSS Update - Remove if lose*/
.pricematrixwrap .row2 {
    position: relative;
}
.map-sizes-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-left: 226.55px;
    color:  #438ecb;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 4px solid  #438ecb;
}
.choose-wallmap {
    position: absolute;
    top: -35px;
    left: 22px;
    font-size: 20px;
    font-weight: 700;
}
.rborder {
    border-right: 4px solid #e6e6e6;
    margin-right: 12px;
}
.pricematrixwrap .pricematrixtext.rightborder {
    border-right: 4px solid transparent;
    margin-right: 12px;
}
.pricematrixwrap .size1test.textsize, .pricematrixwrap .size1test.textsize2 {
    width: 115px;
}
.leftblueborder {
    border-left: 6px solid #1c4c7b;
    margin-right: 18px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.pm-instock {
    display:block;color:#0ba227;font-size:20px;font-weight:bold;text-align:right;padding-bottom:8px;
}
.pm-delivered {
    display:block;font-size: 20px; color: #ff0000;
}