.ch-color-label{float:left; margin:0; padding:0.5em 1em 0 0; }

/* Colors */
.vi-colors-v{list-style-type:none; margin:0; padding:0; position:relative; z-index:99999; float:left; }
.vi-colors-v .square{width:2em; height:2em; display:block; float:left; margin:0 0 0 0.125em; cursor: pointer; cursor: hand; }
.vi-colors-v .square .sub{display:none; float:left; margin:1.96em 0 0 0; padding:0; }
.vi-colors-v .square .sub .subsquare{display:block; margin:0 0 0.015625em 0; float:left; font-size:5em; line-height:100%; padding:0.1em 0.2em 0.1em 0.2em; border-style:solid; border-width:0.03125em; border-color:#777777; }
.vi-colors-v .square .sub .subsquare:hover{border-color:#777777; opacity:0.9; }
.vi-colors-v li{border-style: solid;border-width: 1px; }


/* Change colors */

/* blue */
body.vi-colors.color-1.b-color, .vi-colors .color-1.init, .vi-colors .color-1 > .sub > .b-color, .vi-colors .color-1.b-color{background-color:blue; }
.vi-colors .color-1 > .sub > .t-subcolor, .vi-colors .color-1.t-subcolor{color:white; }
.vi-colors .color-1 > .sub > .t-color, .vi-colors .color-1.t-color{color:blue; }
body.vi-colors.color-1.b-subcolor, .vi-colors .color-1 > .sub > .b-subcolor, .vi-colors .color-1.b-subcolor{background-color:white; }

/* green */
body.vi-colors.color-2.b-color, .vi-colors .color-2.init, .vi-colors .color-2 > .sub > .b-color, .vi-colors .color-2.b-color{background-color:green; }
.vi-colors .color-2 > .sub > .t-subcolor, .vi-colors .color-2.t-subcolor{color:black; }
.vi-colors .color-2 > .sub > .t-color, .vi-colors .color-2.t-color{color:green; }
body.vi-colors.color-2.b-subcolor, .vi-colors .color-2 > .sub > .b-subcolor, .vi-colors .color-2.b-subcolor{background-color:black; }

/* orange */
body.vi-colors.color-3.b-color, .vi-colors .color-3.init, .vi-colors .color-3 > .sub > .b-color, .vi-colors .color-3.b-color{background-color:orange; }
.vi-colors .color-3 > .sub > .t-subcolor, .vi-colors .color-3.t-subcolor{color:black; }
.vi-colors .color-3 > .sub > .t-color, .vi-colors .color-3.t-color{color:orange; }
body.vi-colors.color-3.b-subcolor, .vi-colors .color-3 > .sub > .b-subcolor, .vi-colors .color-3.b-subcolor{background-color:black; }
	
/* red */
body.vi-colors.color-4.b-color, .vi-colors .color-4.init, .vi-colors .color-4 > .sub > .b-color, .vi-colors .color-4.b-color{background-color:red; }
.vi-colors .color-4 > .sub > .t-subcolor, .vi-colors .color-4.t-subcolor{color:black; }
.vi-colors .color-4 > .sub > .t-color, .vi-colors .color-4.t-color{color:red; }
body.vi-colors.color-4.b-subcolor, .vi-colors .color-4 > .sub > .b-subcolor, .vi-colors .color-4.b-subcolor{background-color:black; }

/* black */
body.vi-colors.color-5.b-color, .vi-colors .color-5.init, .vi-colors .color-5 > .sub > .b-color, .vi-colors .color-5.b-color{background-color:black; }
.vi-colors .color-5 > .sub > .t-subcolor, .vi-colors .color-5.t-subcolor{color:white; }
.vi-colors .color-5 > .sub > .t-color, .vi-colors .color-5.t-color{color:black; }
body.vi-colors.color-5.b-subcolor, .vi-colors .color-5 > .sub > .b-subcolor, .vi-colors .color-5.b-subcolor{background-color:white; }



/*
*/



.ch-size-label{float:left; margin:0; padding:0.5em 1em 0 0; }
.vi-sizes{list-style-type:none; margin:0; padding:0; position:relative; z-index:99998; color:#555555; float:left; }
.vi-colors #colors li{border-style:solid; border-width:1px; border-color:#777777; }
.vi-colors #colors li.reload{border:0; }
.vi-colors .reload{font-size:2em; margin-top:-0.1875em; padding:0; margin:2px 2px 2px 7px; line-height:100%; width:1em; height:1em; border:0; }
#sizes .vi-sizes .square{width:32px; height:32px; display:block; float:left; margin:0 0 0 0.125em; padding:0; line-height:100%; text-align:center; cursor: pointer; cursor: hand; border-style:solid; border-width:1px; border-color:#777777; display:table; }
#sizes .vi-sizes .square span{display:table-cell; vertical-align:middle; }
body.size-1 > *, .vi-sizes .size-1{font-size:0.85em; }
body.size-2 > *, .vi-sizes .size-2{font-size:1em; }
body.size-3 > *, .vi-sizes .size-3{font-size:1.15em; }
body.size-4 > *, .vi-sizes .size-4{font-size:1.3em; }
body.size-5 > *, .vi-sizes .size-5{font-size:1.45em; }
body #visually-impaired-box{font-size:initial;float: right; }

/*
.body-size-1{font-size:0.85em; }
.body-size-2{font-size:1em; }
.body-size-3{font-size:1.15em; }
.body-size-4{font-size:1.3em; }
.body-size-5{font-size:1.45em; }
*/

   /*                
#visuallyimpaired_widget-2 {
    color: #000000;
    position: absolute;
    height: 60px;
    /*width: 760px;*
    width: 15em;
    left: 220px;
    top: 20px;
    line-height: 60px;
    font-weight: bold;
    z-index: 30;
}
*/

#visually-impaired-box{}
#visually-impaired-box #colors{padding: 0 0 0.5em 0; height: 2.5em; float: left;}
#visually-impaired-box #sizes{float:left; }