body{
  background-color: #cccccc;
}

#main{
  width: 1000px;
  margin: 0px auto;
  background: #8d7166 url('/img/background.gif') repeat-y center;
  padding-bottom: 10px;
}
#menu{
float: left;
margin-left: 40px;
width: 210px;
}
#message{
  margin: 0 auto;
  width: 921px;
  height: 44px;
  margin-bottom: 15px;
  background: url('/img/message_back.gif') no-repeat center;
}
#message div{
  line-height: 44px;
  color: #905756;
  text-align: center;
}
#content{
float: right;
width: 690px;
margin-right: 40px;
}
#footer{
margin-top: 10px;
float: right;
width: 690px;
margin-right: 40px;
}
#main.nomenu #content { float: none; width: auto; margin: 0px 40px  }
#main.nomenu #footer { float: none; width: auto; margin: 10px 40px  }

h2{
padding: 6px;
color: white;
text-align: left;
font-weight: normal;
background-color: #915756;
}

#content_detail h2{
  font-weight: bold;
}

table.form .error_message{
  color: red;
}

div.clear{
  clear: both;
}

div.box{
  border: solid 1px #6f3c29;
  padding: 1px;
  background-color: white;
}

div.box div.subbox{
  margin: 10px;
  border: solid 2px #c9b6b5;
  background-color: #f9eeed;
}

div.box div.subbox h3{
  font-weight: normal;
  padding: 10px;
  border-bottom: solid 1px #c9b6b5
}

div.box div.contents{
  padding: 20px;
  text-align: center;
}

div.contents table{
  margin: 0 auto;
}

div.contents table th, div.contents table td{
  font-size: 10pt;
  font-weight: normal;
  padding: 3px;
}

div.contents input.green{
  width: 133px;
  height: 28px;
  background: url('/img/button_green2.gif');
  border: 0;
  color: white;
  font-weight: bold;
}

div.contents input.gray{
  width: 133px;
  height: 28px;
  background: url('/img/button_gray.gif');
  border: 0;
  color: white;
}

div.contents input.orange{
  width: 202px;
  height: 41px;
  background: url('/img/button_orange.gif');
  border: 0;
  font-size: 14pt;
  color: white;
}

div.box table.cart{
  width: 100%;
  border: solid 1px #c9b6b5;
  margin-bottom: 10px;
}
div.box table.cart th, div.box table.cart td{
  background-color: #fff2f7;
  border: solid 1px #c9b6b5;
  padding: 5px;
  font-size: 10pt;
}
div.box table.cart th{
  text-align: center;
  font-weight: bold;
}

div.box table.cart .price{
  text-align: right !important;
}

div.box table.form{
  width: 100%;
  border: solid 1px #c9b6b5;
  margin-bottom: 20px;
}

div.box table.form th, div.box table.form td{
  background-color: #fff2f7;
  border: solid 1px #c9b6b5;
}

div.box table.form th{
  padding: 5px 20px;
  width: 150px !important;
}

div.box table.form td{
  padding: 5px 30px;
}

div.box table.form th.title{
  background-color: #ffd9e1;
  border: solid 1px #c9b6b5;
  width: 100%;
}

div.contents table td.right{
  padding-left: 30px;
}

.margin10{
  margin: 10px;
}

#menu ul {
margin: 10px;
}

#menu ul li a{
color: #3d2e19;
font-size: 10pt;
}

#footer div{
font-size: 8pt;
padding: 5px;
text-align: center;
}

#footer hr{
border: solid 1px #915756;
margin: 2px;
}

#header{
  background: url('/img/title_back.jpg') no-repeat top;
  height: 182px;
  position: relative;
}

#path {
  position: relative;
  top: -10px;
  padding-left: 10px;
  color: white;
  font-size: 10pt;
}
#path a{
  color: white;
  text-decoration: underline;
}
#header_menu {
  position: absolute;
  right: 0px;
}
#header_menu li{
  float: left;  
  padding: 0px 20px;
}
#header_menu li a{
  color: white;
}
#header_form {
  position: absolute;
  right: 50px;
  bottom: 25px;
}

#content table.search td{
  width: 220px;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  border-right: solid 1px #cfb8b0;
  border-bottom: solid 1px #cfb8b0;
}

#content table.search tr td:last-child{  
  border-right: none;
}
#content table.search tr:last-child td{  
  border-bottom: none;
}

#content table.search td ul li.image{
  height: 200px;
}
#content table.search td ul li.image img{
  
  vertical-align: middle;
}
#content table.search td ul li.name{
  font-size: 10pt;
  color: gray;  
  padding-bottom: 5px;  
  font-weight: bold;
}
#content table.search td ul li.folder,
#content table.search td ul li.price
{
  font-size: 10pt;
  color: #915756;      
}

#content table.search td ul li.price
{
  padding-bottom: 5px;
}

#content_detail div.photos {
  margin-top: 10px;
  background-color: #fdf8f7;
  border: solid 1px #f8eae9;
  padding: 10px;
}

#content_detail div.photos table{
  margin: 0px auto;
}

#content_detail div.photos table td{
  padding: 3px;
}

#content_detail div.photos table td img{
  cursor: pointer;
  margin: auto 0px;
}

#content_detail div.photos table td span{
  border: solid 1px #cf9e9e;
  background-color: white;
  display: table-cell;
  width: 80px;
  height: 80px;
  text-align: center;
  vertical-align: middle;
}
#content_detail div.description {
  line-height: 20pt;
  margin-bottom: 10px;
  margin-top: 10px;

}

#content_detail div.info {
  background-color: #fdf8f7;
  border: solid 1px #f8eae9;
  padding: 10px;
  float: right;
  line-height: 20pt;
  position: relative;
  width: 640px;
}

#content_detail div.info table th{
width: 120px;
font-size: 12pt;
line-height: 20pt; 
}
#content_detail div.info table td{
font-size: 12pt;
line-height: 20pt; 
}

#content_detail div.price
{
  float: left;
  background-color: #fdf8f7;
  border: solid 1px #f8eae9;
  padding: 10px;
  font-size: 14pt;
  font-weight: bold;
}

#content_detail div.buy{
  width: 202px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  color: white;
  font-size: 16pt;
  margin-top: 20px;
  background: url('/img/button_green.gif') no-repeat center;
  cursor: pointer;
}

#content_detail div.contact{
  width: 202px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  color: white;
  font-size: 16pt;
  margin-top: 20px;
  background: url('/img/button_orange.gif') no-repeat center;
  cursor: pointer;  
}

#content_detail div.image{
  margin-top: 10px;
  margin-bottom: 20px;
  text-align: center;
}

#content_detail div.others{
  margin-top: 20px;
  border-top: dotted 1px black;
  padding-top: 10px;
}

#content_detail div.others ul{
  width: 160px;
  height: 200px;
  margin-top: 10px;
  margin-right: 10px;
  float: left;
}

#content_detail div.others ul li.image{
  text-align: center;
  padding-left: 10px;
}

#content_detail div.others ul li.name,
#content_detail div.others ul li.price{
  margin-top: 5px;
  text-align: center;
  font-size: 10pt;
}

#content_detail div.others ul li.image span{
  border: solid 1px #cf9e9e;
  background-color: white;
  display: table-cell;
  width: 140px;
  height: 140px;
  text-align: center;
  vertical-align: middle;
}