#stylized label{display:block;font-weight:bold;text-align:right;width:160px;float:left;}




#stylized .smallpp{color:#fff;display:block;font-size:12px;font-weight:normal;text-align:right;width:160px;}

#diagrambox {width:100%; height:300px;margin-bottom:80px;} 
#diagrambox2 {width:100%; height:300px;margin-bottom:80px;} 
.box1 {float:left;  height:300px;} 

.box2 {float:left;  height:300px;} 

.box3 {float:left;  height:300px;} 

.box4 {float:left;  height:300px;} 

.box5 {float:left;  height:300px;} 

.box6 {float:left; height:300px;background-color: #fff;} 

.box7 {float:left;  height:300px;background-color: #fff;} 

.box8 {float:left;  height:300px;background-color: #fff;} 

.box9 {float:left;  height:300px;background-color: #fff;} 

.box10 {float:left;  height:300px;background-color: #fff;} 




.box11 {float:right;  height:300px;} 

.box12 {float:right; height:300px;}  

.box13 {float:right;  height:300px;} 

.box14 {float:right;  height:300px;} 

.box15 {float:right;  height:300px;}  

.box16 {float:right;  height:300px;background-color: #fff;} 

.box17 {float:right;  height:300px;background-color: #fff;} 

.box18 {float:right;  height:300px;background-color: #fff;}  

.box19 {float:right;  height:300px;background-color: #fff;}  

.box20 {float:right;  height:300px;background-color: #fff;} 

.pleatbk {background-color: rgb(121,152,166,0.90);}
.spacebk {background-color: rgb(121,152,166,0.90);}
.sidebk {background-color: rgb(121,152,166,0.90);}

.hatched {
    background: repeating-linear-gradient(45deg, transparent, transparent 10px, rgb(204,204,204,0.6) 10px, rgb(204,204,204,0.6) 20px);
    /* Adjust the angle (45deg) and line spacing (10px) as needed */
}

.pleatcol {color: rgb(121,152,166,1);}
.spacecol {color: rgb(121,152,166,1);}
.sidecol {color: rgb(121,152,166,1);}

.topbx {  height:20px;background-color: #fff;}
.middlebx {  height:260px;} 
.bottombx {  height:20px;background-color: #fff;} 

.blblue {border-left: 1px solid blue;}
.brblue {border-right: 1px solid blue;}

.sidepointer {font-size:2.5em; color:rgb(121,152,166,1); padding:50px;}

.centrelinet {margin-left: 50%;margin-top: 0; width:0; height:12%; border: 1px dashed red;}
.centrelineb {margin-left: 50%;margin-top: 0; width:0; height:60%; border: 1px dashed red;}

.whiteline {width:100%; height:5px; background-color: #fff;}
.dimline { width:0; height:15px; border: 2px solid #27A0AF;} 
.dimline2 { width:0; height:15px; border-left: 3px solid #27A0AF;border-right: 3px solid red;} 
.dimliner { width:0; height:15px; border: 2px solid red;} 

#comsection-wide {
    float: left;
    width: auto;
    height: auto;
    margin-left: 90px;
}


#howto img {
    margin-left: 10px;
}

/* Smartphones (portrait and landscape) --------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) { -- 


    }