body {font-family:verdana,arial,helvetica,sans-serif}

.container {position:absolute; height:430px; width:470px; top:7px; left:5px; background:#fff; border-width:1px; border-color:#36c; border-style:dashed solid; z-index:1}

img {font-size: .7em}

.container1 {position:absolute; width:420px; top:340px; left:25px; background-color:#fff; border-width:1px; border-color:#d7d7d7; border-style:dashed solid; height:34px; text-align:center; z-index:1}

.twin1 {position:absolute; top:22px; left:-70px}
.twin2 {position:absolute; top: 22px; left:130px}

.raz {position:absolute; top:384px; left:143px; width:200px; text-align:center}

.first {position:absolute; top:18px; left:129px; height:150px; width:150px; border:none}
.second {position:absolute; top:215px; left:129px; width:150px; border:none}

.alef {position:absolute; top:-5px; left:10px; font-size:.7em; color:#999; font-weight:700; z-index:1}
.beit {top:5px; color:#36c}
.dalet {top:-5px; color:#c66}

.beit, 
.dalet {position:absolute; font-weight:100; left:50px; font-size:.6em}
 
.viens {position:absolute; top:280px; text-align:center; color:#336; font-size:.5em; font-weight:700}

.storona {position:absolute; top:280px; left:195px; text-align:center; color:#336; font-size:.5em; font-weight:700; z-index:1}

.tris {position:absolute; left:100px}

span.sizeS, 
span.sizeM, 
span.sizeL, 
.raz {font-size:7pt; text-decoration:none}

span.sizeS {color: #f93}
span.sizeM {color: #c66}
span.sizeL {color: #36c}

a:link, a:visited, a:hover, a:active {font-size:1em; text-decoration:none}
a:link {color: #36c}
a:visited {color: #00f}
a:hover {color: #77f; text-decoration:underline}
a:active {color: #800080}