/* Layout */
body, body td { color: #000; font-size: 0.8em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #fbffc9; margin: 0.5em; padding: 0.5em }
html>body td { color: #000; font-size: 0.9em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #fbffc9; margin: 0.5em; padding: 0.5em }

#titlearea  { background-color: #51398d; text-align: center }
#titlearea img { border: none; display: block; margin: 0 auto 0 auto }
#wrapper  { color: #000; background-color: #fdfdfd; text-align: left; margin: 0; padding: 0; width: 100%; }
#wrapper2  { border-right: 4px solid #51398d; border-left: 4px solid #51398d; background-color: #51398d }
#outer   { width: auto; clear: both; margin-left: 13.5em; background-color: #ffffff }
#inner { margin: 0; width: 100%; position: relative; }
#left   { margin-left: -13.5em; margin-top: 1em; position: relative; width: 13.5em; float: left; margin-bottom: 3em; }
#center    { margin: 0 -1px 0 0; padding: 0; position: relative; width: 99%; float: left }
#ctrin   { text-align: justify; padding: 1em 1em 1em 1.5em }
#footer  { color: #fff; font-size: 0.81em; font-weight: bold; background-color: #51398d; text-align: center; padding-top: 0.5em; padding-bottom: 0.5em }
#footer a { color: #ff0 }
#cpyrt   { color: #70c6f1; padding-top: 0.5em }

/* Menu */
#menubox  { padding: 0 }
#menubox a { color: #ff0; font-weight: bold; text-decoration: none; background-image: url("images/mnuoff.gif"); background-repeat: no-repeat; background-position: left center; display: block; padding: 2px; width: 12.5em }
#menubox a:hover { color: #51398d; text-decoration: none; background-image: url("images/mnuon.gif"); background-repeat: no-repeat; background-position: left center; background-color: #ff0; }
#menubox a span { padding-left: 10px; display: block; }

#menumain  { list-style-type: none; margin-top: 0; margin-bottom: 0; margin-left: .15em; padding-top: 0; padding-bottom: 0; padding-left: .15em; }
#menuwhich    { color: #ff0; margin-top: 4px; margin-right: 4px; padding-top: 4px; border-top: 1px solid #c0b9d8 }
#menuwhich a     { color: #ff0 }
#menuwhich a:hover { color: #51398d; }
#menufaq   { color: #ff0; margin-top: 4px; margin-right: 4px; padding-top: 4px; border-top: 1px solid #c0b9d8 }
#menufaq a   { color: #ff0 }
#menufaq a:hover { color: #51398d; }
#menubook   { color: #ff0; margin-top: 4px; margin-right: 4px; padding-top: 4px; border-top: 1px solid #c0b9d8 }
#menubook a   { color: #ff0 }
#menubook a:hover { color: #51398d; }
#menuother   { color: #ff0; margin-top: 4px; margin-right: 4px; padding-top: 4px; border-top: 1px solid #c0b9d8 }

#mnucontact  { color: #70c6f1; font-size: 1.125em; font-weight: bold; text-align: center; clear: both; padding-top: 1.5em; }
#mnucontact p { font-size: .8em; }

/* General styling */
.clear { clear: both; font-size: 2px;}
h1   { font-size: 1.4em; margin-top: 0; padding-bottom: 0.12em; border-bottom: 1px solid #f09 }
h2   { color: #52398d; font-size: 1.3em }
h3   { color: #52398d; font-size: 1.1em }
a  { color: #2e6cec; font-weight: bold; text-decoration: none }
a:hover    { text-decoration: underline /*overline*/ }
.cent { text-align: center }
.highlight  { background-color: #e1ddec; padding: 0.5em; border: solid 1px #c1b9d8 }
.credit { font-size: .9em; color: #888 }

.aio { color: #ff0099; }
.ddye { color: #0088e3; }
.rpd { color: #fa9600; }
.txd { color: #1bbe17; }

.aio a { color: #ff0099; text-decoration: none; }
.aio a:hover { text-decoration: underline }
.ddye a  { color: #0088e3; text-decoration: none }
.ddye a:hover { text-decoration: underline }
.rpd a  { color: #fa9600; text-decoration: none }
.rpd a:hover { text-decoration: underline }
.txd a  { color: #1bbe17; text-decoration: none }
.txd a:hover { text-decoration: underline }

/* Payment page */
#postaddr   { background-color: #d9ece5; text-align: left; margin: 0 auto; padding: 0.5em; width: 18em; border: solid 1px #a6d5c3 }
#pnplist { border: solid 1px #f7aac3; margin: 0 auto 0 auto; text-align: left; }
#pnplist td { background-color: #f4e1e7; margin: 1px; padding: 4px }

/* Books page */
.book { text-align: left; padding-bottom: 1em; }

/* Image styling */
img.left { float: left; border: none; margin-right: 1em }
img.right { float: right; border: none; margin-left: 1em }
.leftbdr  { background-color: #ff0; margin-right: 1em; float: left; border: solid 1px #bdbdbd }
.leftbdr img { border: none; margin: 4px; display: block; }
.rightbdr { background-color: #ff0; margin-left: 1em; float: right; border: solid 1px #bdbdbd }
.rightbdr img { border: none; margin: 4px; display: block; }
img { border: none; margin: 0; padding: 0; }
.cent img { margin: 0 auto 0 auto; }
.left { float: left; margin-right: 1em }
.right { float: right; margin-left: 1em }

/* Galler image borders */
.galbdr  { background-color: #ff0; margin-right: 1em; margin-bottom: 1em; float: left; border: solid 1px #bdbdbd }
.galbdr img { border: none; margin: 4px; display: block; }

.gal2bdr  { background-color: #ff0; border: solid 1px #bdbdbd; width: 385px; margin: 0 auto 0 auto; }
.gal2bdr img { border: none; margin: 4px; display: block; }
.gal3bdr  { background-color: #ff0; border: solid 1px #bdbdbd; width: 282px; margin: 0 auto 0 auto; }
.gal3bdr img { border: none; margin: 4px; display: block; }
.gal4bdr  { background-color: #ff0; border: solid 1px #bdbdbd; width: 304px; margin: 0 auto 0 auto; }
.gal4bdr img { border: none; margin: 4px; display: block; }
.gal5bdr  { background-color: #ff0; border: solid 1px #bdbdbd; width: 410px; margin: 0 auto 0 auto; }
.gal5bdr img { border: none; margin: 4px; display: block; }
.gal6bdr  { background-color: #ff0; border: solid 1px #bdbdbd; width: 335px; margin: 0 auto 0 auto; }
.gal6bdr img { border: none; margin: 4px; display: block; }
.gal7bdr  { background-color: #ff0; border: solid 1px #bdbdbd; width: 288px; margin: 0 auto 0 auto; }
.gal7bdr img { border: none; margin: 4px; display: block; }
.gal8bdr  { background-color: #ff0; border: solid 1px #bdbdbd; width: 174px; margin: 0 auto 0 auto; }
.gal8bdr img { border: none; margin: 4px; display: block; }
.gal9bdr  { background-color: #ff0; border: solid 1px #bdbdbd; width: 510px; margin: 0 auto 0 auto; }
.gal9bdr img { border: none; margin: 4px; display: block; }
.gal10bdr  { background-color: #ff0; border: solid 1px #bdbdbd; width: 257px; margin: 0 auto 0 auto; }
.gal10bdr img { border: none; margin: 4px; display: block; }
.gal11bdr  { background-color: #ff0; border: solid 1px #bdbdbd; width: 275px; margin: 0 auto 0 auto; }
.gal11bdr img { border: none; margin: 4px; display: block; }

/* Swatches pages */
.swatch { margin-right: 1em; margin-bottom: 1em; float: left; border: solid 1px #bdbdbd; text-align: center; padding-bottom: 4px; }
.swatch img { border: none; margin: 4px 1em 4px 1em; display: block; }

.pricelist  { list-style-type: none; margin-left: 0; padding-left: 0 }
.pricelist li  { background-color: #f4e1e7; margin-bottom: 0.5em; padding: 0.25em; position: relative; border: solid 1px #f7aac3 }

/* Transfer dyes */
img#tdpic1 { float: right; margin-left: 1em; border: none }
img#tdpic2 { float: left; margin-right: 1em; border: none }

/* FAQ */
dt { font-weight: bold }
dd  { margin-bottom: 0.5em; margin-left: 0; padding-bottom: .5em; border-bottom: 1px solid #e7efff }
