/* 
    Document   : style
    Created on : 2009/07/16, 21:57:13
    Author     : yoshi
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}
body {
  margin:0 0 0 0;
  font-size:0.9em;
}
a {
  text-decoration:none;
  color:#000099;
}
a:hover {
  text-decoration:underline;
}

img {
  border:0px;
}

#header {
  width:780px;
  height:180px;
  margin-left:auto;
  margin-right:auto;
}

h1 {
  font-size: 12px;
  margin-top:0px;
  margin-bottom:0px;
  background-color:navy;
  text-align:right;
}

h1 a {
  color:#ffff00;
}
h2 {
  font-size:12px;
  padding-right:10px;
  margin-top:0px;
  margin-bottom:0px;
  font-weight:normal;
  text-align: right;
  color:teal;
}

#adv{
  text-align:center;
}

#search_form {
  width:780px;
  height:80px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}

#main{
  width:780px;
  margin-left:auto;
  margin-right:auto;
}

#menu {
  width: 180px;
  float:left;
}

ul {
  padding-left:2px;
  margin-left:2px;
}

div#catelist {
  border:1px solid #990000;
  color:#ffffff;
  font-weight:bold;
  margin-top:10px;
  margin-bottom:5px;
  background-color:#990000;
}

li {
  margin-bottom: 10px;
  line-height: 1.5em;
  list-style: none;
  margin-left: 5px;
  padding-left: 4px;
}
div#preflist {
  border:1px solid #990000;
  color:#ffffff;
  font-weight:bold;
  margin-top:10px;
  margin-bottom:5px;
  background-color:#990000;
}

#contents {
  width:580px;
  float:right;
}

div.pagemove {
  width: 580px;
  height: 30px;
}

div.prev{
  margin-right:auto;
  float:left;
}

div.next{
  margin-left:auto;
  float:right;
}

div#sort {
  width: 100%;
  margin-bottom: 10px;
  text-align:center;
}

span.sortmenu{
  padding-left: 10px;
  padding-right: 10px;
}

th#pic {
  background-color:#990000;
  color:#ffffff;
  font-size:0.8em;
  width:70px;
  height:28px;
}
th#itemName {
  background-color:#990000;
  color:#ffffff;
  font-size:0.8em;
}
th#price {
  background-color:#990000;
  color:#ffffff;
  font-size:0.8em;
  width: 50px;
}
th#review {
  background-color:#990000;
  color:#ffffff;
  font-size:0.8em;
  width: 50px;
}
th#detail {
  background-color:#990000;
  color:#ffffff;
  font-size:0.8em;
  width: 50px;
}

td.pics {
  text-align:center;
}
td.itemNames {
  font-size: 12px;
  padding-left:10px;
}
td.prices {
  font-size: 12px;
  text-align:right;
}
td.reviews {
  font-size:12px;
  text-align:right;
}
td.details {
  font-size:12px;
  text-align:center;
}

td.itemdisp {
  width:180px;
  height:180px;
  text-align: center;
  vertical-align: top;
  border:1px solid #909090;
}

div.item_pic {
  width:130px;
  height:130px;
  margin-left:auto;
  margin-right:auto;
}
div.item_name {
  font-size:12px;
  margin-bottom:5px;
}
div.item_price {
  font-size:12px;
  color:#990000;
}

div.item_detail {
  font-size:12px;
  margin-top:5px;
}

div#item{
  width:100%;
}

div#itemDisp{
  margin-bottom: 10px;
  /*height: 140px;*/
}
div#image{
  float:left;
  margin-left:auto;
}
table#itema{
  float:right;
  margin-right:auto;
  width:440px;
}

th#thName {
  width: 80px;
  text-align:left;
  vertical-align:top;
  padding-left:10px;
  background-color:#990000;
  color:#ffffff;
}
th#thPrice{
  text-align:left;
  vertical-align:top;
  padding-left:10px;
  background-color:#990000;
  color:#ffffff;
}

hr#hrline {
  clear:both;
  visibility:hidden;

}
table#itemb{
  margin-top:10px;
}
th#thDetail {
  width:80px;
  vertical-align:top;
  text-align:left;
  background-color:#990000;
  color:#ffffff;
}
th#thReview {
  vertical-align:top;
  text-align:left;
  background-color:#990000;
  color:#ffffff;
}
th#thShop {
  text-align:left;
  background-color:#990000;
  color:#ffffff;
}

td#tdCaption {
  line-height: 1.4em;
  font-size:12px;
}

#footer{
  clear:both;
  margin-left:auto;
  margin-right:auto;
  width: 780px;
  height: 100px;
  margin-top: 20px;
  padding-top: 20px;
  border-top:1px solid #990099;
  text-align: center;
  font-size:12px;
}