body{ background: #fff; border: none; text-align: center; font: normal .7em verdana,arial,helvetica,san-serif } 
#container{position: absolute; top: 1px; left: 1px; height: 443px; width: 480px }
img{ font-size: .7em }
p{ color: #09c }
.m{ font-size: .9em }
.code1 { color: #999; font-weight: 700 }
.code2 {color: #6a6e98; font-weight: 700 }
.code3 {color: #6a6e98 }
.price {color: #f88 }
.sizeS {color: #f93 }
.sizeM {color: #c66 }
.sizeL {color: #36c; text-align: center }
a.page{ text-decoration: none}
a.page:link, :visited, :active { color: #00f }
a.page:hover{ color: #f9f9f9 }
.three, .seven, .please, #size { clear: both }
.bg{ background: url(../reversible/reversible-bground.gif) no-repeat }
.l{ float: left }
.b{ border: 1px #ccc solid }
img,.box{ height: 112px; width: 220px; border: none }
.cod{ height: 24px; width: 218px }
.one{ margin: 5px 10px 0 10px }
.two{ margin-top: 5px }
.three, .seven{ margin: 4px 10px 0 10px }
.four, .eight{ margin-top: 4px }
.five{ margin: 10px 10px 0 10px }
.six{ margin-top: 10px }
.please{ height: 12px; width: 450px; margin: 5px 0 0 10px; color: #666; font-size: .8em; background-color: #ccc }
#size{ float: left; height: 18px; width: 448px; margin: 4px 0 0 10px; padding-top: 2px; font-size: .9em; border: 1px #ccc dashed }
h2{ font-size: .9em; color: #f26522; text-align: center }
#blu_box{ float: left; height: 18px; width: 440px; margin: 0 0 0 10px; padding: 3px 5px 0; background-color: #6693d3; border: 1px #ccc solid }
#blu_box p{ margin: auto; font-size: 1em; color: #f9f9f9; text-decoration: none; font-weight: 700; border: 1px #fff dashed; padding-top: 2px }
#blu_box p span{ font-size: .9em; font-weight: 100; letter-spacing: .1em }
#family{ float: left; margin: 10px 0 0 10px; padding-top: 30px; height: 305px; width: 440px }
#family img{ height: 247px; width: 415px }
/*--second page---*/
.dad{ top: 18px; left: -70px }
.son{ top: 18px; left: 120px }
.first{ top: 18px; left: 129px; height: 150px; width: 150px }
.second{ top: 215px; left: 129px; width: 150px }
.third{ top: 35px; left: 139px; height: 110px; width: 110px }
.fourth{ top: 205px; left: 145px; width: 110px }
.ab{ position: absolute }
h6.alef{ top: 5px; left: 10px; font-size: 1.1em; color: #999; font-weight: 700 }
.beit{ top: 5px; color: #36c }
.dalet{ top: 15px; color: #c66 }
.beit, .dalet{ font-weight: 100; left: 40px; font-size: .7em } 
.raz{ top: 414px; left: 143px; width: 200px; text-align: center }
.size{ width: 420px; top: 370px; left: 25px; background-color: #fff; border-width: 1px; border-color: #d7d7d7; border-style: dashed solid; height: 34px; text-align: center; z-index: 1 }
.storona{ top: 300px; left: 185px; text-align: center; color: #22a8ff; font-size: .6em; font-weight: 700 }
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: gray }
a:active{ color: purple }
#cena{ font-size: .9em; color: #f88 }
.paypal{ top: 5px; left: 380px}
/*--third page---*/
.top{ top: 4px; width: 400px; height: 400px; left: 13px; right: 20px; left: 45px }
#viens{ left: 10px }
#divi{ left: 54px }