/* =universals */
* { margin: 0; padding: 0; }

/* =html */
html { background: #00214b; }
body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #6ca6de; font-size: 100%; margin: 0; padding: 0; background-color: #00214b; }
a:link, a:visited { color: #ffe1ac; font-weight: bold; text-decoration: none; }
a:active, a:hover { color: #a9d9ff; font-weight: bold; text-decoration: underline; }
strong { font-weight: bold; color: #a9d9ff; }

/* =ids */
#logo-container { padding: 0; margin: 0; width: 100%; height: 170px; background: url(images/header-170.jpg) repeat-x; }
#menu-container { padding: 0; margin: 0; width: 100%; z-index: 1; }
#main-container { padding: 0; margin: 0; width: 100%; background: url(images/big-back-rhiannon.jpg) no-repeat top left; }
#main-container-clear { padding: 0; margin: 0; width: 100%; }
#main-container-fayette { padding: 0; margin: 0; width: 100%; background: url(images/big-back-fayette.jpg) no-repeat top left; }
#main-container-shaylee { padding: 0; margin: 0; width: 100%; background: url(images/big-back-shaylee.jpg) no-repeat top left; }
#main-container-awen { padding: 0; margin: 0; width: 100%; background: url(images/big-back-awen.jpg) no-repeat top left; }
#main-container-asrai { padding: 0; margin: 0; width: 100%; background: url(images/big-back-asrai.jpg) no-repeat top left; }
#main-container-button { padding: 0; margin: 0; width: 100%; background: url(images/big-back-button.jpg) no-repeat top left; }
#main-container-bello { padding: 0; margin: 0; width: 100%; background: url(images/big-back-bello.jpg) no-repeat top left; }
#main-container-plum { padding: 0; margin: 0; width: 100%; background: url(images/big-back-plum.jpg) no-repeat top left; }
#main-container-inkpen { padding: 0; margin: 0; width: 100%; background: url(images/big-back-inkpen.jpg) no-repeat top left; }
#main-container-dragon { padding: 0; margin: 0; width: 100%; background: url(images/big-back-dragon.jpg) no-repeat top left; }
#main-container-jewellery { padding: 0; margin: 0; width: 100%; background: url(images/big-back-jewellery.jpg) no-repeat top left; }
#mainbox { margin-left: 40px; margin-top: 20px; width: 700px; }
#mainbox h1 { height: 36px; font-size: 1.4em; text-align: center; background: url(images/border-700-top.gif) no-repeat; color: #a9d9ff; letter-spacing: 1px; }
#mainbox h2 { height: 36px; font-size: 1.3em; text-align: center; background: url(images/border-700-top.gif) no-repeat; color: #a9d9ff; letter-spacing: 1px; }
#mainbox #content { background: url(images/border-700-mid.gif) repeat-y; padding-left: 30px; padding-right: 30px; padding-top: 10px; padding-bottom: 10px; }
#mainbox #content p { font-size: 0.9em; padding-top: 6px; }
#mainbox #content h3 { padding-left: 6px; font-size: 1.2em; color: #a9d9ff; letter-spacing: 1px; }
#mainbox #content em { color: #ffe8af; letter-spacing: 1px; }
#mainbox #bottombar { height: 28px; background: url(images/border-700-bot.gif) no-repeat }
#mainbox2 { margin-left: 40px; margin-top: 20px; width: 740px; }
#mainbox2 h1 { height: 36px; font-size: 1.4em; text-align: center; background: url(images/border-740-top.gif) no-repeat; color: #a9d9ff; letter-spacing: 1px; }
#mainbox2 h2 { height: 36px; font-size: 1.3em; text-align: center; background: url(images/border-740-top.gif) no-repeat; color: #a9d9ff; letter-spacing: 1px; }
#mainbox2 #content table h4 { height: 36px; font-size: 1.1em; text-align: center; color: #a9d9ff; letter-spacing: 1px; }
#mainbox2 #content { background: url(images/border-740-mid.gif) repeat-y; padding-left: 30px; padding-right: 30px; padding-top: 10px; padding-bottom: 10px; }
#mainbox2 #content p { font-size: 0.9em; padding-top: 8px; }
#mainbox2 #content h3 { font-size: 1.2em; color: #ffe8af; letter-spacing: 1px; }
#mainbox2 #content h4 { font-size: 1.1em; color: #a9d9ff; letter-spacing: 1px; }
#mainbox2 #content #borderbox { border: 1px solid #012d5e; padding: 4px; margin: 4px; }
#mainbox2 #content #borderbox h3 { font-size: 1.1em; color: #ffe8af; display: inline; padding: 4px; margin: 4px; }
#mainbox2 #content em { color: #ffe8af; letter-spacing: 1px; } 
#mainbox2 #bottombar { height: 28px; background: url(images/border-740-bot.gif) no-repeat }
#pagefooter { margin-top: 20px; font-size: 0.75em; text-align: center; }
#pagefooter2 { margin-top: 2px; margin-left: 2px; font-size: 0.75em; text-align: left; }
#photo-container { padding: 0; margin-top: 10px; margin-left: 20px; }
#photo-container h2 { font-size: 1.3em; color: #ffe1ac; letter-spacing: 1px; display: inline; padding-left: 2px; padding-right: 10px; }
#photo-container a { vertical-align: middle; }
#photo-container img { vertical-align: bottom; }
#shopbox { margin-left: 40px; margin-top: 20px; width: 740px; text-align: center; }
#shopbox h1 { height: 36px; font-size: 1.4em; text-align: center; background: url(images/border-740-top.gif) no-repeat; color: #a9d9ff; letter-spacing: 1px; }
#shopbox h2 { font-size: 1.3em; text-align: center; color: #a9d9ff; display: inline; }
#shopbox h3 { font-size: 1.2em; text-align: center; color: #a9d9ff; display: inline; padding: 8px; }
#shopbox #content { background: url(images/border-740-mid.gif) repeat-y; padding-left: 30px; padding-right: 30px; padding-top: 10px; padding-bottom: 10px; }
#shopbox #content p { padding-top: 8px; }
#shopbox #content h3 { font-size: 1.2em; color: #ffe8af; letter-spacing: 1px; }
#shopbox #content em { color: #a9d9ff; letter-spacing: 1px; font-size: 0.9em; } 
#shopbox #bottombar { height: 28px; background: url(images/border-740-bot.gif) no-repeat }
#shopbox input { background-color: #013366; color: #a9d9ff; border: 1px solid #a9d9ff; padding: 2px; font-weight: bold; }
#postagetable { width: 640px; margin-left: auto; margin-right: auto; margin-top: 4px; font-size: 0.8em; border: 1px solid #004f92; border-collapse: collapse; }
#postagetable td { padding: 1px; color: #a9d9ff; border-top: 1px solid #00214b; border-bottom: 1px solid #004f92; }
#postagetable th { padding: 1px; color: #a9d9ff; background-color: #013366; }
#postagetable .titlecell { padding: 1px; color: #a9d9ff; background-color: #002e5d; white-space: nowrap; }

/* =classes */
.figurebox { padding: 0; margin: 0; width: 636px; border: 1px solid #012d5e; border-collapse: collapse; }
.figurebox2 { padding: 0; margin: 0; width: 680px; border: 1px solid #012d5e; border-collapse: collapse; }
.displaybox { background: url(images/tablebak.jpg) no-repeat; }
.displaybox p, .displaybox2 p { padding-left: 6px; }
.displaybox2 { background: url(images/tablebak2.jpg) no-repeat; }
.nobordertable { padding: 0; margin-left: auto; margin-right: auto; width: 680px; text-align: center; }
.nobordertable form { display: inline; }
.bordertable { padding: 0; margin: 0; margin-bottom: 12px; width: 680px; border: 1px solid #004d8e; text-align: center; } 
.bordertable form { display: inline; } 
.bordertable th { background: #012d5e; }
.displaytable { padding: 4px; margin: 0; margin-bottom: 12px; margin-top: 12px; width: 680px; border: 1px solid #004d8e; text-align: center; } 
.displaytable th { font-size: 0.9em; background: #012d5e; border: 1px solid #004f92; color: #a9d9ff; }
.displaytable td { border: 1px solid #012d5e; border-collapse: collapse; } 
.displaytable td.linkcell { font-size: 0.9em; background: #012d5e; border: 1px solid #004f92; }
.displaytable2 { padding: 4px; margin: 0; margin-bottom: 12px; margin-top: 12px; width: 340px; border: 1px solid #004d8e; text-align: center; } 
.displaytable2 th { font-size: 0.9em; background: #012d5e; border: 1px solid #004f92; color: #a9d9ff; }
.displaytable2 td { border: 1px solid #012d5e; border-collapse: collapse; } 
.displaytable2 td.linkcell { font-size: 0.9em; background: #012d5e; border: 1px solid #004f92; }
.specialoffer { padding: 12px; margin: 0; margin-top: 12px; width: 640px; border: 1px solid #a9d9ff; text-align: center }
.specialoffer h3 { text-align: center; }
.specialoffer p { text-align: left; }
.pricebox { vertical-align: middle; border: 1px solid #012d5e; }
.borderbox { vertical-align: top; border: 1px solid #012d5e; padding: 4px; }
.padbox { margin: 8px; text-align: center; }
.padbox table { margin-left: auto; margin-right: auto; border-collapse: collapse; }
.padbox td { padding: 4px; color: #a9d9ff; border-top: 1px solid #00214b; border-bottom: 1px solid #00214b; }
.padthis { border: 1px solid #012d5e; padding: 8px; font-size: 0.9em; width: 50%; }
.alerttext { font-size: 1em; font-weight: bold; font-style: italic; color: #ffffff; letter-spacing: 1px; } 
.emtext { font-weight: bold; font-style: italic; color: #ffe8af; letter-spacing: 1px; } 
.smalltext { font-size: 0.9em; }
.imptext { font-size: 0.9em; color: #ffffff; }
.imptext2 { font-size: 1.1em; color: #ffffff; border: 1px solid #012d5e; padding: 4px; }
.imgleft { float: left; }
.imgright { float: right; }
.boxpanel { width: 640px; padding: 8px; margin-left: auto; margin-right: auto; margin-top: 10px; font-size: 0.9em; text-align: left; border: 1px solid #013366; }
.orderpanel { width: 640px; margin-left: auto; margin-right: auto; font-size: 0.9em; text-align: left; }
.orderform { width: 640px; margin-left: auto; margin-right: auto; margin-top: 4px; font-size: 0.9em; border: 1px solid #004f92; border-collapse: collapse; }
.orderform th { padding: 4px; color: #ffffff; background-color: #013366; }
.orderform td { padding: 1px; color: #a9d9ff; border-top: 1px solid #00214b; border-bottom: 1px solid #004f92; }
.labelcell { width: 240px; padding: 4px; text-align: right; background-color: #013366; font-weight: bold; }
.formcell { width: 400px; padding: 4px; text-align: left; font-weight: bold; }
.buttontable { width: 640px; display: inline; margin-left: auto; margin-right: auto; margin-top: 12px; text-align: center; }
.cointable { width: 680px; margin-left: auto; margin-right: auto; margin-top: 8px; margin-bottom: 8px; font-size: 0.9em; border: 1px solid #013366; }
.cointable img { text-align: center; }
.cointable th { color: #a9d9ff; background-color: #013366; font-size: 1.1em; }
.cointable td { padding: 10px; vertical-align: top; width: 50%; }
.focustext, { padding: 10px; margin-left: auto; margin-right: auto; font-size: 1em; text-align: left; }
.printbox { padding: 0; margin-left: auto; margin-right: auto; width: 675px; border: 1px solid #012d5e; border-collapse: collapse; }
.printbox .pad4 { padding-top: 4px; padding-left: 4px; padding-right: 8px; }
.printdesc { padding: 4px; width: 675px; font-size: 0.9em; }
.tradeorder { width: 640px; margin-left: auto; margin-right: auto; font-size: 1.1em; border: 1px solid #004f92; padding: 4px; }
.tradeorder th { padding: 4px; color: #ffffff; background-color: #013366; }
.tradeorder td { padding: 1px; color: #a9d9ff; border: 1px dashed #004f92; text-align: center; }
.tradeorder input { background-color: #013366; color: #ffe1ac; font-weight: bold; border: 1px solid #a9d9ff; width: 100px; }
.tradeorder .ordercell { background-color: #013366; color: #a9d9ff; border: 1px solid #a9d9ff; font-weight: bold; width: 100px; }
.tradeorder .ordercellplain { background-color: #013366; border: 0px; font-weight: bold; width: 100px; }
.tradepad { margin-top: 8px; }

/* =menu */
#menuwrapper {
	border-top: 1px solid #004f92;
	border-bottom: 1px solid #003a6c;
	background-color: #00366b; 
	background-image: url(images/border1.jpg);
	background-repeat: repeat-x;
	width: auto;
	padding-left: 10px;
}

#enchmenubar, #enchmenubar ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#enchmenubar a { 
	display: block;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	border-right: 1px solid #004f92;
	font-size: .9em;
	font-weight: normal;
	color: #a9d9ff;
}

#enchmenubar a.label {
	color: #ffffff;
	font-size: .9em;
	font-weight: bold;
	padding-left: 10px;
	border-bottom: 1px solid #004f92;
	border-top: 1px solid #004f92;
	background-color: #01376a!important;
}

#enchmenubar a.trigger {
	padding: 5px 16px 5px 10px;
	background-image: url(images/mini-arrow-down.gif);
	background-repeat: no-repeat;
	background-position: right center;
	font-size: .9em;
	font-weight: bold;
	color: #a9d9ff;
}

#enchmenubar li {
	float: left;
	width: 9em;
}

#enchmenubar li ul, #enchmenubar ul li  {
	width: 12em;
}

#enchmenubar ul li a  {
	color: #a9d9ff;
	border-right: 0;
	padding: 3px 12px 3px 16px;
}

#enchmenubar li ul {
	position: absolute;
	display: none;
	background-color: #1a89db;
	border-left: 1px solid #004f92;
	border-right: 1px solid #004f92;
	border-bottom: 1px solid #004f92;
	background-image: url(images/navbak.jpg);
	background-repeat: repeat-x;
}

#enchmenubar li:hover a, #enchmenubar a:focus,
#enchmenubar a:active, #enchmenubar li.enchhvr a {
	color: #ffffff;
	background-color: #1a89db;
}

#enchmenubar li:hover ul, #enchmenubar li.enchhvr ul {
	display: block;
}

#enchmenubar li:hover ul a, #enchmenubar li.enchhvr ul a {
	color: #a9d9ff;
	background-color: transparent;
}

#enchmenubar ul a:hover {
	background-color: #00214b!important;
	color: #ffffff!important;
}

#enchmenubar li {
	width: auto;
}

.menuclear {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
