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 div {margin:auto; height:13px; width:430px; border:1px #fff dashed; padding-top:2px}

h1 {margin:auto; font-size:1em; color:#f9f9f9; text-decoration:none; font-weight:700}
h1 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}

.alef {top:5px; left:10px; font-size:1.1em; color:#999; font-weight:700}
.beit {top:30px; color:#36c}
.dalet {top:40px; color:#f93}
.beit, 
.dalet {font-weight:100; left:10px; 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:#555}
a:active {color:#800080}
#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}