/*

    MULTI FORMAT PRODUCT PAGE CSS

*/

/* these styles overwrite styles in marketmaps-product.css*/
.productimage { width: 240px; float: left; }
.productimage .exampleimage { width: 240px; float: left; }
.productimage .mapbookexampleimage {width: 240px; height: 250px; float: left; }
.productimage .mapbookformatexampleimage { width: 240px; float: left; }
.productimage .closeupzoomin  
{
    width: 240px; 
    float: left; 
    margin-top: 15px; 
}
/* end overwriting styles */

.productfloatleft { float: left; }
.productfloatright { float: right; }
.productfloatnone { float: none; }

.boldfont { font-weight: bold; }
.multiwidth { width: 768px; }
.mapstylewidth { width: 150px; }

.stepheaders  
{
    background-color: #f4f4f4;
    border-bottom: 1px solid #acacac;
    color: #6096cc; 
    font-size: 16px;
    font-weight: bold;
    height: 21px;
    line-height: 21px;
    padding-left: 10px;
}

.secondstepformats { border-top: 1px solid #717171; }

.multiformatproductcontainer {}
.multiformatproductcontainer .multiformatproduct { margin-left: -770px; border: 1px solid #717171; }
.multiformatproductcontainer .multiformatproduct .sap-content { width: 768px; /* so the right side border actually shows up */}

.multimapstylespadding { padding: 2px 0px 10px 0px; }
.multimapstylecopy { padding: 15px 0px 0px 10px; }
.mapstyle { color: #1C4C7B; font-size: 20px; font-weight: bold; }
.chooseyour { font-weight: bold; }
.multieditionradiobutton { color: #000000; font-size: 12px; font-weight: bold; }
.multieditiondescription { padding-left: 21px; font-size: 11px; color: #898989; }
.multiwallmapsection { padding: 10px 0px 10px 0px; }
.multiwallmapsectionnobottom { padding: 10px 0px 0px 0px; }
.multimapimage { width: 240px; margin: 0px 5px 0px 0px; padding-left: 5px; }
.multirightsection { width: 505px; margin-left: 5px; }

/* Wall Map Section */
.wallmaptext { font-weight: bold; width: 510px; }
                    
.matrixheading .nowallmap { margin-left: -108px; margin-top: 20px; }
.matrixheading .nowallmap .sap-content { font-weight: bold; }
    
.wallmapquantityarea { margin-top: 6px; padding-bottom: 10px; }
.wallmapquantityarea .wallmapquantity { margin-left: -402px; width: 398px; }
.wallmapquantityarea .wallmapquantity .sap-content { font-weight: bold; }
.wallmapquantitybox { width: 30px; }

.matrixcontainer { float: right; width: 506px; border: 1px solid #ababab; }
.matrixcontainer .column1 { margin-left: -506px; width: 506px; }
.column1 .row1 {}
.column1 .row1 #calendarsizetext
{
    padding-left: 110px;
    color: #707070;
    font-size: 11px;
    font-weight: bold;
}
.leftborder { border-left: 2px solid #ababab; padding-left: 5px; }
.column1 .row2 {}
.column1 .row2 #finishingoptiontext
{
    color: #707070;
    font-size: 12px;
    font-weight: bold;
    width: 104px;
    padding-left: 6px;
    padding-top: 35px;
    padding-bottom: 2px;
}
.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; }
/* Format of the text within the price matrix */
.rightborder
{
    width: 104px;
    border-right: 2px solid #ababab;
    margin-right: 5px;
}
.pricematrixtext
{
    left: 0%;
    color: #707070;
    font-size: 11px;
    padding-top: 10px;
    padding-bottom: 9px;
    padding-left: 6px;
}
.priceadj { padding-top: 5px; }
.size1 { left: 0%; width: 54px; }
.matrixradio { margin-left: -5px; }
.matrixpricetext 
{
    color: #000000;
    font-weight: bold;
    font-size: 11px;
}
.addtocartanchor
{
    display: block;
    color: #000000;
    font-size: 10px;
}
.textsize { font-size: 12px; color: #707070; }
.textsize2
{
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    padding-top: 2px;
}
.finishingoption { left: 0%; }
.mapsizeimagefaded { opacity: .5; filter: alpha(opacity=50); }

/* Map Book & Digital Map Section */
.priceindent { padding-left: 20px; padding-bottom: 5px; font-weight: bold; }
.pdffiletype { padding-left: 13px; }
.digitalseperator { width: 460px; border-top: 1px dotted #acacac; clear: both; }
.digitalicons { display: inline; }
.digitalsteps { color: #1C4C7B; font-weight: bold; }
.digitalsubsection { padding: 5px 0px 5px 0px; }

.multiaddtocartdiv  
{
    height: 22px;
    width: 110px;
    line-height: 22px;
    background-color: #ff0000;
    border: 1px solid #406080;
    text-align: center;
}
.multiaddtocart
{
    color: #ffffff;
    font-weight: bold;
    display: block;
}
.finishingoptionlink { text-decoration: underline; }

.mapbookquantity {width:93px; float:right;text-align:right;margin-top:38px;}
.reportmapquantity {width:93px; float:right;text-align:right;margin-top:38px;}

.wallmapquantityareaquantity {
    float: right; 
    font-weight: bold; 
    margin-top: 6px; 
    /*margin-left: 114px;*/
    padding-bottom: 5px; 
    padding-right:0px;
}
.wallmapquantitybox { width: 30px; }