body, html {
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	overflow: auto;
	margin: 0; border: 0; padding: 0;
	background: #d5ebe8 url(../../zannablu/entities/bg-page.jpg) no-repeat fixed }
p { }
td { }

#contents { margin: 0 0 0 -360px; padding: 0; border: 0; width: 720px; position: absolute; left: 50%; top: 10px }
#frame { border-collapse: collapse; width: 720px; margins: 0; padding: 0; border: 0 }
#left { vertical-align: top; margin: auto; padding: 0; width: 60px }
#middle { vertical-align: top; margin: auto; padding: 0 0 10px 0; border-top: 1px #888 solid; border-left: 1px #888 solid; width: 600px; background-color: #FFF }
#right { vertical-align: top; margin: auto; padding: 0; width: 60px; background: url(../../entities/bg-right.gif) repeat-y }
#bottom { vertical-align: top; margin: auto; padding: 0; width: 600px; height: 10px; background: url(../../entities/bg-bottom.gif) repeat-x }
#corner { vertical-align: top; margin: auto; padding: 0; width: 60px; height: 10px; background: url(../../entities/bg-corner.gif) no-repeat }

#header { border-bottom: 2px #000 solid }
#hey { border: 2px solid #000; position: relative; left: 65px; top: 10px; z-index: 10; width: 70px }
#breadcrumbs { background: #c50058; color: #FFF; margin: 20px 0 0 0; padding: 5px 5px 5px 70px; border-top: 2px #000 solid; border-bottom: 2px #000 solid }
#breadcrumbs a { background: #c50058; color: #FFF }
#title { padding: 5px; color: #c50058; background: url(../../zannablu/entities/bg-header.jpg); text-align: center }
#title p.r1 { margin: 0; padding: 0; font: bold 33px/42px "Comic Sans MS" }
#title p.r2 { margin: 0; padding: 0; font: bold 24px/30px "Comic Sans MS" }
#middle h2 { display: block; padding: 0 20px; color: #c50058 }
#middle div.group { margin: 20px 20px }
#middle div.group p { margin: 3px 20px; padding: 0; font: 15px/18px serif; text-align: center }
#middle div.group p.strong { font-weight: bold }
#middle div.group p.strongest { font-style: italic; font-weight: bold }
#middle div.group p.smaller { font-style: italic; font-weight: bold; font: 12px/15px serif }
#middle div.group p.error { font-style: italic; font-weight: bold }
#middle div.group p.error span { color: #c50058 }

div.list { margin: 20px }
div.list p { display: list-item; list-style: disc outside; margin: 0 0 0 20px; padding: 0; }
table.list { margin: 20px; width: 560px }
table.list caption { margin: 20px; padding-bottom: 10px; text-align: left; font: bold 24px serif }
table.list td { vertical-align: top; margin: auto; padding: 5px; text-align: center; font: 12px/15px serif }
table.list img { padding: 5px; border: 0 }
#navigator { background: #c50058; color: #ff9ac9; margin: 0; padding: 5px; border-bottom: 2px solid #000; text-align: center; clear: both }
#navigator span { background: #c50058; color: #FFF; font-weight: bold }

img { border: 0 }
form { margin: 0; border: 0; padding: 0 }
a:link { color: #c50058 }
a:visited { }
a:hover { }
a:active { }

#cart { width: 165px; position: absolute; top: 330px; right: -51px; border: 0; background: url(cart-middle.gif) repeat-y center; padding: 0 }
#cart img { display: block }
#cart div { margin: 0; border: 0; padding: 0 }
#cart table { margin: 5px auto; width: 155px }
#cart td { vertical-align: bottom; font: 10px Verdana }
#cart td.cmd { width: 22px; text-align: center }
#cart td.info { padding: 4px; text-align: left }
#cart td.qty { width: 20px; text-align: right; font-weight: bold }
#cart td.cmd input { margin: 0; border: 0; padding: 0 }
#cart form.buy { text-align: center }
#cart p.msg { text-align: center; font: bold italic 10px/10px Verdana; color: #036 }

#products { border-collapse: collapse; margin: 0 0 0 15px; width: 500px }
#products td.view { width: 100px; padding: 5px }
#products td.info { width: 150px; padding: 5px; font: 10px Verdana }
#products td.info input { margin-top: 5px }

#order { border-collapse: collapse; border: 1px solid #AAA; margin: 0px auto }
#order th { padding: 5px; border: 1px solid #AAA; font-size: 15px; text-align: left; background-color: #CCC }
#order td { padding: 5px; border: 1px solid #AAA; font-size: 15px; text-align: right }
#order td.desc { text-align: left }
#order tr.total { text-align: right; font-weight: bold; text-transform: uppercase; background-color: #CCC }
#order td input { text-align: right }
#order td.buttons { text-align: right; border-bottom: hidden; border-left: hidden; border-right: hidden }
#order table { border-collapse: collapse; border: 0; margin: 0px auto }
#order table td { text-align: center; border: 0; margin: 0px auto; width: 33% }
#order table td input { text-align: center }

table.layout2 { margin: 0px auto }
table.layout2 td { padding: 5px; border: 0; text-align: center; width: 50% }
textarea { margin: 10px auto }

#customer { border-collapse: collapse; border: 0; margin: 0px auto }
#customer th { padding: 5px; font-size: 12px; text-align: right; font-weight: bold }
#customer th span { font-size: 12px; text-align: right; font-weight: normal }
#customer td { padding: 5px; font-size: 12px; text-align: left }
#customer td input { text-align: left }
#customer table { border-collapse: collapse; border: 0; margin: 0px auto }
#customer table td { text-align: center; border: 0; margin: 0px auto; width: 33% }
#customer table td input { text-align: center }

#eula { margin: 5px; padding: 0; font: 12px/15px serif }
#eula p { display: block; margin: 2px 5px }
#eula h2 { display: block; margin: 5px 5px 2px 5px; padding: 0; font: bold 18px/24px serif }
#eula h3 { display: block; margin: 5px 5px 2px 5px; padding: 0; font: bold 15px/24px serif }
#eula ul { display: block; margin: 2px 5px; padding: 0 }
#eula ul li { margin: 2px 15px; padding: 0 }
#eula address { display: block; margin: 2px 5px }

#faq { margin: 5px; padding: 0; font: 15px/18px serif }
#faq p { display: block; margin: 2px 5px }
#faq h2 { display: block; margin: 5px 5px 2px 5px; padding: 0; font: bold 24px/30px serif; color: #c50058 }
#faq h3 { display: block; margin: 5px 5px 2px 5px; padding: 0; font: bold 18px/24px serif; color: #c50058 }
#faq ul { display: block; margin: 2px 5px; padding: 0 }
#faq ul li { margin: 2px 15px; padding: 0 }
#faq address { display: block; margin: 2px 5px }
#faq .faq { display: block; margin: 10px 5px 2px 5px; font-style: italic; color: #c50058 }
#faq .center { text-align: center }
#faq .ilus { display: block; margin: 5px auto }

#keeper1 { margin: 5px auto; width: 150px }
#keeper2 { margin: 5px auto; width: 300px }

div.msg { margin: 5px; padding: 0; font: 15px/18px serif }
div.msg p { display: block; margin: 2px 5px }
div.msg h2 { display: block; margin: 5px 5px 2px 5px; padding: 0; font: bold 24px/30px serif; color: #c50058 }
div.msg h3 { display: block; margin: 5px 5px 2px 5px; padding: 0; font: bold 18px/24px serif; color: #c50058 }
div.msg ul { display: block; margin: 2px 5px; padding: 0 }
div.msg ul li { margin: 2px 15px; padding: 0 }
div.msg address { display: block; margin: 2px 5px }
div.msg .center { text-align: center }
div.msg .ilus { display: block; margin: 5px auto }
div.msg table { border-collapse: collapse; border: 0 }
div.msg th { padding: 5px; text-align: right; vertical-align: top; font-weight: bold }
div.msg td { padding: 5px; text-align: left; vertical-align: top }

#help { margin: 5px auto; width: 105px }