/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/cssplay-click-zoom-fly.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.thumbs {width:190px; height:640px; position:relative; margin:20px 0 20px 10px; z-index:100;}
.thumbs input {position:absolute; left:-9999px;}
.thumbs label {display:block; width:90px; height:120px; float:left;
background-repeat: no-repeat;
}
.thumbs label.c1 {margin-right:10px;}
.thumbs label.r1,
.thumbs label.r2,
.thumbs label.r3,
.thumbs label.r4 {margin-bottom:10px;}

.thumbs label img {display:block; width:90px; height:120px; position:absolute; z-index:-1;
-webkit-transition:1s;
-moz-transition:1s;
-ms-transition:1s;
-o-transition:1s;
transition:1s;
}

.thumbs .c1 img {left:0;}
.thumbs .c2 img {left:100px;}
.thumbs .r1 img {top:0;}
.thumbs .r2 img {top:130px;}
.thumbs .r3 img {top:260px;}
.thumbs .r4 img {top:390px;}
.thumbs .r5 img {top:520px;}

.thumbs .t1 {background-image: url(../img/tb-01t.jpg);}
.thumbs .t2 {background-image: url(../img/tb-02t.jpg);}
.thumbs .t3 {background-image: url(../img/tb-03t.jpg);}
.thumbs .t4 {background-image: url(../img/tb-04t.jpg);}
.thumbs .t5 {background-image: url(../img/tb-05t.jpg);}
.thumbs .t6 {background-image: url(../img/tb-06t.jpg);}
.thumbs .t7 {background-image: url(../img/tb-07t.jpg);}
.thumbs .t8 {background-image: url(../img/tb-08t.jpg);}
.thumbs .t9 {background-image: url(../img/tb-09t.jpg);}
.thumbs .t10 {background-image: url(../img/tb-10t.jpg);}

#thumb1:checked ~ .t1 img,
#thumb2:checked ~ .t2 img,
#thumb3:checked ~ .t3 img,
#thumb4:checked ~ .t4 img,
#thumb5:checked ~ .t5 img,
#thumb6:checked ~ .t6 img,
#thumb7:checked ~ .t7 img,
#thumb8:checked ~ .t8 img,
#thumb9:checked ~ .t9 img,
#thumb10:checked ~ .t10 img {z-index:100;}

#thumb1:checked ~ .t1 img,
#thumb2:checked ~ .t2 img,
#thumb3:checked ~ .t3 img,
#thumb4:checked ~ .t4 img,
#thumb5:checked ~ .t5 img,
#thumb6:checked ~ .t6 img,
#thumb7:checked ~ .t7 img,
#thumb8:checked ~ .t8 img,
#thumb9:checked ~ .t9 img,
#thumb10:checked ~ .t10 img {left:220px; top:0; width:480px; height:640px;}