@charset "utf-8";

/* Fix unwanted browser defaults and bugs */
body   { padding: 0; margin: 0; }
a img  { border: none; }
table  { table-layout: fixed; width: 100%; border-collapse: collapse; border-spacing: 0; }
td, th { vertical-align: top; padding: 0; }
th     { font-weight: normal; text-align: left; }
form, .form { width: 100%; }

/* Text styles */
body, input, button, select, option {
  font-family: "Meiryo", "Meiryo UI", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HiraMinPro-W3";
  font-size: 100%;
  color: rgb(96, 0, 0);
}
strong, h1, h2, h3 {
  font-family: "Meiryo", "Meiryo UI", "ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W6", "HiraMinPro-W6";
  font-weight: bold;
  font-style: normal;
}
p, textarea {
  font-family: "Meiryo", "Meiryo UI", "ＭＳ 明朝", "MS Mincho", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HiraMinPro-W3";
  color: rgb(96, 0, 0);
}
.highpri, .highpri input {
  font-weight: bold;
  color: rgb(192, 48, 48);
}
body { text-rendering: optimizeLegibility; }

a:link { text-decoration: none; color: rgb(133, 186, 168); }
a:visited { text-decoration: none; color: rgb(83, 130, 115); }
a:hover { text-decoration: underline; }
h1 { margin-top: 0; font-size: 130%; }
h2, h3 { font-size: 100%; color: rgb(192, 48, 48); }
.inline { display: inline; } .p { margin: 1em 0; }
.unem { font-size: 80%; }
table th { color: rgb(192, 48, 48); padding-bottom: 8px; }

/* Page layout */
body {
  background-image: url(/img/back.gif);
  background-position: top right;
  padding-right: 201px;
}
#nav {
  position: absolute; z-index: 4;
  right: 0; width: 200px;
  min-height: 100%;
}
#canopy {
  position: relative; z-index: 3;
  top: 0; left: 0; right: 0;
  height: 102px;
}
#shadow {
  position: relative; z-index: 2;
  top: -21px; left: 0; right: 0;
  height: 32px;
}
#shelf {
  height: 247px; z-index: 1;
  position: relative; top: -112px;
}
#product {
  position: relative;
  top: -7px;
}

/* Side nav */
#nav {
  border-left: solid rgb(252, 156, 156) 1px;
  background-image: url(/img/road.jpeg);
  font-size: 92%;
}
#nav .end {
  margin-top: 61px;
  height: 69px;
  background-image: url(/img/end.jpeg);
  border-bottom: solid rgb(252, 156, 156) 1px;
}
#nav a { text-decoration: none; color: rgb(96, 0, 0); }

/* Corner cart */
#cart {
  height: 140px; text-align: right;
  background: url(/img/hill.jpeg) top left no-repeat;
}
#cart p {
  margin: 4px 4px 0 4px;
  height: 20px;
  font-size: 92%;
}
#cart img {
  display: block;
  width: 37px; height: 41px;
  padding-right: 26px; margin: 0 0 0 auto;
}
#cart #buysubmit_check {
  position: relative; left: -42px; top: -32px; width: 122px; height: 20px;
}

/* Shops */
#shops { position: relative; top: -58px; }
.shop-left, .shop-right { position: relative; height: 56px; }
#shops a { display: block; width: 96px; text-align: center; }
.shop-left { margin-right: 104px; }
.shop-right { margin-left: 104px; }
#selectedshop { font-weight: bold; }

/* Canopy */
#canopy { background: url(/img/canopy.gif) top center repeat-x; }
#canopy #ribbon { padding: 10px 0 22px 0; }
#canopy .w, #canopy .e { width: 27px; }
#canopy .w { background-image: url(/img/ribbon-w.gif); }
#canopy .m { background-image: url(/img/ribbon-m.gif); text-align: center; }
#canopy .e { background-image: url(/img/ribbon-e.gif); }
#canopy #ribbon td { height: 26px; vertical-align: top; }
#canopy #ribbon img { vertical-align: top; height: 17px; width: 44px; }
#canopy #flora { background-image: url(/img/flora.gif); height: 22px; background-position: top center; }
body>#shadow { background: url(/img/shadow.png) center top; width: 100%; right: 0; }

/* Main page */
#shelf {
  white-space: nowrap;
  overflow: auto; width: 100%;
  overflow-y: hidden;
}
.shelf { background: url(/img/shelf.gif) bottom left repeat-x; }
#shelf img { height: 100px; width: 80px; margin: 110px 7px 21px 18px; vertical-align: top; }
#product { margin: 22px 28px 28px 28px; border: solid white 1px; line-height: 1.42;}
#product .product { border: solid rgb(131, 200, 178) 6px; background-color: white; padding: 24px; min-height: 302px; }
#product .end { clear: left; }

/* Index page */
#logotype { background: url(/img/pattern.gif) top center no-repeat; height: 212px; }
#logotype img { margin-top: 64px; }
#logotype, #intro { text-align: center; }

/* Product page */
#picture { float: left; position: relative; z-index: 2; width: 242px; }
#picture img, #picture applet { margin: 1px; }
img.applet { height: 31px; width: 88px; }
#picsel { float: left; position: relative; z-index: 3; left: -1px; width: 24px; }
#picsel a, #picsel img { display: block; width: 24px; height: 32px; }
.picsel-pic { display: none; height: 302px; background-color: black; }
#picsel-selected { display: block; }
#details { margin-left: 280px; }
#details table { table-layout: auto; width: auto; }
#details td, #details th { padding: 0 6px 6px 0; }

/* Forms */
.error { border: dotted 1px rgb(255, 102, 153); padding: 2px; }
form td { vertical-align: top; }
form td input, form td textarea, form td select { width: 100%; }
form td input.radio { width: auto; }

table .cartthumb { width: 40px; }
table .cost { width: 6em; }
table .quantity { width: 2em; }
table .adjust { width: 36px; }
table .label { width: 10em; }
table .submit { width: 6em; }
.cartthumb img { width: 32px; height: 40px; }

#friend-form { margin:16px 0 0 0; }
#friend-link { padding: 0 13px; }
#friend-box, #friend-result { padding: 0 12px; margin: 0; border: solid rgb(255, 202, 202) 1px; }
#friend-legend { padding: 0; margin: 0; }
#friend-result { margin-bottom: 1em; width: 242px; }
#friend-form table { margin: 8px 0; }
#friend-form .label { width: 5em; }
#friend-form .note { font-size: 80%; }

input.default { font-weight: bold; }

#finalorder { padding: 16px; border: solid grey 1px; background: rgb(240, 240, 240); }
#finalorder td { margin: 4px 0; }
.total, .subtotal { border-top: solid rgb(133, 186, 168) 2px; padding: 12px 0; }

/* Custom scrollbars for shelf [IE, Konq only] */
#shelf {
  scrollbar-track-color: rgb(230, 249, 242); -ms-scrollbar-track-color: rgb(230, 249, 242);
  scrollbar-face-color: rgb(255, 202, 202); -ms-scrollbar-face-color: rgb(255, 202, 202);
  scrollbar-highlight-color: rgb(252, 156, 156); -ms-scrollbar-highlight-color: rgb(252, 156, 156);
  scrollbar-shadow-color: rgb(252, 156, 156); -ms-scrollbar-shadow-color: rgb(252, 156, 156);
  scrollbar-3dlight-color: rgb(230, 249, 242); -ms-scrollbar-3dlight-color: rgb(230, 249, 242);
  scrollbar-darkshadow-color: rgb(230, 249, 242); -ms-scrollbar-darkshadow-color: rgb(230, 249, 242);
  scrollbar-arrow-color: rgb(96, 0, 0); -ms-scrollbar-arrow-color: rgb(96, 0, 0);
}

/* IE is poo */
/* \*/ #shelf { top: -134px; } /* */
/* \*/ #product { top: -140px; } /* */
/* \*/ #shadow img { display: none; } /* */
/* \*/ * html #shadow { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/shadow.png); margin-right: -932px; } /* */
/* \*/ * html #shops a { position: absolute; } /* */
* html body>#shadow { overflow: hidden; }
#nav { \width: 201px; }
#nav { w\idth: 200px; }