*
{
  margin: 0px;
  padding: 0px;
  border: 0px;
}

body
{
  margin: auto;
  text-align: center;
  width: 800px;
  background-color: #CCCCCC;
  border: solid;
  border-width: 1px;
  font: Tahoma, Arial, sans-serif;
}

#all
{
  text-align: left;
  width: 800px;
  margin: auto;
  background-color: #FFFFFF;
}

#logo
{
  background-image: url(../lable/logo.gif);
  width: 384px;
  height: 31px;
  margin-left: 50px;
}

#top
{
  background-image: url(../lable/top.gif);
  width: 697px;
  height: 166px;
  margin: auto;
  margin-top: -5px;
}

#ch
{
  margin-top: 33px;
  margin-left: 623px;
}

#bar
{
  margin: auto;
  text-align: center;
  width: 697px;
  height: 10px;
  margin-top: 9px;
  border: none;
  background-color: #FFCC00;
}

#main
{
  margin-left: 51px;
  height: 430px;
  width: 697px;
  margin-top: 9px;
}

#menu
{
  background-color: #CCCCCC;
  width: 120px;
  height: 260px;
}

#menu a
{
  position: absolute;
}

#main-menu a
{
  display: block;
  width: 100px;
  background-image: url(../button/button.gif);
  margin-left: 10px;
  border: none;
}

.main-div
{
  float: left;
}

#submenu
{
  position: absolute;
  width: 70px;
  margin-top: 103px;
  margin-left: 120px;
  visibility: hidden;
}

#undermenu
{
  position: absolute;
  margin-top: 280px;
  background-color: #E4E3C5;
  width: 120px;
  height: 120px;
}

#undermenu img
{
  height: 80px;
  width: 80px;
  margin-left: 20px;
  margin-top: 20px;
  cursor: pointer;
  border: solid 1px;
  border-color: #AAAAAA;
}

#show
{
  margin-top: 20px;
  border: solid 2px;
  border-color: #CCCCCC;
  margin-left: 33px;
  width: 420px;
  height: 378px;
  text-align: center;
}

#show img, #show a
{
  display: block;
  max-height: 378px;
  height:expression(this.height > 378 ? "378px" : this.height);
  margin: auto;
  vertical-align: middle;
}

#detail
{
  margin-left: 20px;
  margin-top: 20px;
  background-color: #CCCCCC;
  width: 100px;
  height: 378px;
}
#detail img
{
  height: 60px;
  width: 60px;
  margin-left: 10px;
  margin-top: 10px;
  border-style: none;
  cursor: pointer;
}
#detail img:hover
{
  height: 72px;
  width: 72px;
  margin-left: 4px;
  margin-top: 4px;
}

.detail-div
{
  background-color: #FFFFFF;
  height: 80px;
  width: 80px;
  margin-left: 10px;
  margin-top: 10px;
  border: solid 1px;
  border-color: #AAAAAA;
}

.bar-n
{
  margin: auto;
  text-align: center;
  color: #FFFFFF;
  font-weight: bold;
  width: 657px;
  height: 20px;
  background-color: #CCCCCC;
}

.text
{
  cursor: default;
  border: solid 2px;
  border-color: #CCCCCC;
  width: 697px;
  margin-left: 50px;
  margin-right: 50px;
  direction: rtl;
}

.text-div
{
  margin: 20px;
}

#continue
{
  color: #0066CC;
  font-weight: bolder;
}

#b0
{
  margin-top: 50px;
  height: 16px;
}
#b0:hover
{
  background-position: 0px -145px;
}

#b1
{
  margin-top: 67px;
  height: 15px;
  background-position: 0px -17px;
}
#b1:hover
{
  background-position: 0px -162px;
}

#b2
{
  margin-top: 83px;
  height: 15px;
  background-position: 0px -33px;
}
#b2:hover
{
  background-position: 0px -178px;
}

#b3
{
  margin-top: 99px;
  height: 16px;
  background-position: 0px -49px;
}

#b4
{
  margin-top: 116px;
  height: 14px;
  background-position: 0px -66px;
}
#b4:hover
{
  background-position: 0px -211px;
}

#b5
{
  margin-top: 131px;
  height: 15px;
  background-position: 0px -81px;
}
#b5:hover
{
  background-position: 0px -226px;
}

#b6
{
  margin-top: 147px;
  height: 16px;
  background-position: 0px -97px;
}
#b6:hover
{
  background-position: 0px -242px;
}

#b7
{
  margin-top: 164px;
  height: 14px;
  background-position: 0px -114px;
}
#b7:hover
{
  background-position: 0px -259px;
}

#b8
{
  margin-top: 179px;
  height: 15px;
  background-position: 0px -129px;
}
#b8:hover
{
  background-position: 0px -274px;
}

#b10
{
  margin-top: 14px;
}

#paknahad
{
  text-align: center;
  direction: ltr;
  background-color:  #FFFFFF;
  font-size: 12px;
  margin-top: 50px;
}

#paknahad a
{
  text-decoration: none;
  color: #666600;
}