.Swatch
{
    display:block;
    float:left;
    width:14px;
    height:14px;
    margin:2px;
    border: 1px solid #FFF;
}
.Swatch:hover
{
    display:block;
    float:left;
    width:14px;
    height:14px;
    margin:2px;
    border: 1px solid #CCC;
}
.SwatchSelected
{
    display:block;
    float:left;
    width:16px;
    height:16px;
    margin:2px;
    border: 1px solid #000;
}

.Layout
{
    padding:2px;
        margin:2px;
    background-color:transparent
}
.Layout:hover
{
        margin:2px;
    padding:2px;
    cursor:pointer;
    background-color:#CCC
}
.LayoutSelected
{
    padding:2px;
    margin:2px;
    background-color:orange;
}

/* layout webpart */		
    .cms-layout{width:480px;background-color:#CCC;} 
/* layout options */
    .cms-layout .fullwidth .column1{width:99%;display:block;border:1px solid #CCC;overflow:hidden;background-color:#ff9900;}
    .cms-layout .fullwidth .column2{display:none;}
    
    .cms-layout .column1{background-color:#ff9900;}
    .cms-layout .column1{background-color:#FFF;}
     
    .cms-layout .split4060 .column1{width:39%;float:left;display:block;border:1px solid #CCC;overflow:hidden;background-color:#ff9900;}
    .cms-layout .split4060 .column2{width:59%;float:left;display:block;border:1px solid #CCC;overflow:hidden;background-color:#CCC;}
    
    .cms-layout .split6040 .column1{width:59%;float:left;display:block;border:1px solid #CCC;overflow:hidden;background-color:#ff9900;}
    .cms-layout .split6040 .column2{width:39%;float:left;display:block;border:1px solid #CCC;overflow:hidden;background-color:#CCC;}

    .cms-layout .split7030 .column1{width:69%;float:left;display:block;border:1px solid #CCC;overflow:hidden;background-color:#ff9900;}
    .cms-layout .split7030 .column2{width:29%;float:left;display:block;border:1px solid #CCC;overflow:hidden;background-color:#CCC;}
    
    .cms-layout .split3070 .column1{width:29%;float:left;display:block;border:1px solid #CCC;overflow:hidden;background-color:#ff9900;}
    .cms-layout .split3070 .column2{width:69%;float:left;display:block;border:1px solid #CCC;overflow:hidden;background-color:#CCC;}
    
    .cms-layout .split5050 .column1{width:49%;float:left;display:block;border:1px solid #CCC;overflow:hidden;background-color:#ff9900;}
    .cms-layout .split5050 .column2{width:49%;float:left;display:block;border:1px solid #CCC;overflow:hidden;background-color:#CCC;}




/* header styles */
    .cms-layout .darkgrey {background-color:#CCC}
    .cms-layout .darkgrey a {background-color:#CCC;color:#FFF; width:100%;display:block;font-weight:bold}
    
    .cms-layout .lightgrey {background-color:#CCC}
    .cms-layout .lightgrey a {background-color:#5da04b;color:#FFF; width:100%;display:block;font-weight:bold}
    
    .cms-layout .darkgreen {background-color:#CCC}
    .cms-layout .darkgreen a {background-color:#547353;color:#FFF; width:100%;display:block;font-weight:bold}
    
    .cms-layout .olive {background-color:#CCC}
    .cms-layout .olive a {background-color:#CCC;color:#FFF; width:100%;display:block;font-weight:bold}
    
    .cms-layout .orange {background-color:#CCC}
    .cms-layout .orange a {background-color:#CCC;color:#FFF; width:100%;display:block;font-weight:bold}
    
/* end */

.cms-layout .body {overflow:hidden}
.cms-layout .body a{display:block;}
.cms-layout .body a .text {display:block;}
.cms-layout .body a .text div {background-color:Lime; display:inline}