<?xml version="1.0" encoding="iso-8859-1"?>

<style type="text/css">
<!--
BODY {
text-align:center;
background:#FFF;
color:#000;
}

.fixcenter {
background:#D8E0F8;
border:solid;
color:#000;
height:675px;
text-align:center;
width:850px;
border-width:1px;
margin:20px auto auto;
}

img.body {
height:500px;
left:125px;
position:absolute;
top:195px;
width:448px;
z-index:0;
}

img.apron {
left:125px;
position:absolute;
top:195px;
z-index:6;
}

img.dress {
height:500px;
left:125px;
position:absolute;
top:195px;
width:448px;
z-index:2;
}

img.bow {
height:500px;
left:125px;
position:absolute;
top:195px;
width:550px;
z-index:4;
}

img.scarf {
height:500px;
left:125px;
position:absolute;
top:196px;
width:550px;
z-index:5;
}

DIV.menu {
background:#D8DCE0;
height:500px;
left:125px;
position:absolute;
top:195px;
width:750px;
}

DIV.menu2 {
height:400px;
left:125px;
position:absolute;
top:295px;
width:750px;
}

DIV.menu3 {
height:300px;
left:125px;
position:absolute;
top:395px;
width:750px;
}

DIV.menu4 {
height:200px;
left:125px;
position:absolute;
top:495px;
width:750px;
}

DIV.menu5 {
height:200px;
left:125px;
position:absolute;
top:595px;
width:750px;
}

DIV.mbox{
position: absolute; 
left: 470px; 
top: 205px; 
margin:20px; :125px; 
height:400px;
border:10px solid black; 
background:#D8DCE0; 
padding:5px;
width: 140px; 
}


DIV.mbox2{
position: absolute; 
left: 470px; 
top: 205px; 
margin:20px; :125px; 
height:400px;
background:#D8DCE0; 
border:10px solid black; 
padding:5px;
width: 165px; 
}

DIV.byom {
background:url(http://www.storybookceramics.com/byom/ica_bg06.gif) repeat;
border-right:2px solid #000;
height:500px;
left:125px;
position:absolute;
top:195px;
width:550px;
}


DIV.header {
background:#FFF;
height:32px;
left:125px;
position:absolute;
top:163px;
width:750px;
}

DIV.categorybox {
background:#F0F0F0;
height:750px;
width:200px;
z-index:12;
}

DIV.apron {
height:500px;
left:125px;
position:absolute;
top:195px;
width:448px;
}

DIV.dress {
height:500px;
left:125px;
position:absolute;
top:195px;
width:550px;
z-index:2;
}

img.overlay {
z-index:10;
}

#picturearea {
height:500px;
left:125px;
position:absolute;
top:195px;
width:448px;
z-index:6;
}

#picturearea3 {
height:500px;
left:125px;
position:absolute;
top:196px;
width:448px;
z-index:7;
}

#picturearea4 {
height:500px;
left:125px;
position:absolute;
top:195px;
width:448px;
z-index:5;
}

.errorBox {
background:#ffb3b5;
font-family:Verdana, Arial, sans-serif;
font-size:10px;
font-weight:700;
}

.stockWarning {
color:#c03;
font-family:Verdana, Arial, sans-serif;
font-size:10px;
}

.productsNotifications {
background:#f2fff7;
}

.orderEdit {
color:#70d250;
font-family:Verdana, Arial, sans-serif;
font-size:10px;
text-decoration:underline;
}

A {
color:#000;
text-decoration:none;
}

A:hover {
color:red;
text-decoration:underline;
}

FORM {
display:inline;
}

TR.header {
background:#fff;
}

TR.headerNavigation {
background:#bbc3d3;
}

TD.headerNavigation {
background:#bbc3d3;
color:#fff;
font-family:Verdana, Arial, sans-serif;
font-size:12px;
font-weight:700;
}

A.headerNavigation {
color:#FFF;
}

A.headerNavigation:hover {
color:#fff;
}

TR.headerError {
background:red;
}

TD.headerError {
background:red;
color:#fff;
font-family:Tahoma, Verdana, Arial, sans-serif;
font-size:12px;
font-weight:700;
text-align:center;
}

TR.headerInfo {
background:#0f0;
}

TD.headerInfo {
background:#0f0;
color:#fff;
font-family:Tahoma, Verdana, Arial, sans-serif;
font-size:12px;
font-weight:700;
text-align:center;
}

.infoBoxContents {
background:#D8E0F8;
font-family:Verdana, Arial, sans-serif;
font-size:10px;
}

.infoBoxNotice {
background:#FF8E90;
}

.infoBoxNoticeContents {
background:#FFE6E6;
font-family:Verdana, Arial, sans-serif;
font-size:10px;
}

TD.infoBoxHeading {
background:#bbc3d3;
color:#fff;
font-family:Verdana, Arial, sans-serif;
font-size:10px;
font-weight:700;
}

TABLE.productListing {
border:1px;
border-spacing:1px;
border-color:#b6b7cb;
border-style:solid;
}

.productListing-heading {
background:#b6b7cb;
color:#FFF;
font-family:Verdana, Arial, sans-serif;
font-size:10px;
font-weight:700;
}

A.pageResults {
color:#00F;
}

A.pageResults:hover {
background:#FF3;
color:#00F;
}

TD.pageHeading,DIV.pageHeading {
color:#9a9a9a;
font-family:Verdana, Arial, sans-serif;
font-size:20px;
font-weight:700;
}

TR.subBar {
background:#f4f7fd;
}

TD.main,P.main {
font-family:Verdana, Arial, sans-serif;
font-size:11px;
line-height:1.5;
}

TD.accountCategory {
color:#abd;
font-family:Verdana, Arial, sans-serif;
font-size:13px;
}

TD.fieldValue {
font-family:Verdana, Arial, sans-serif;
font-size:12px;
}

TEXTAREA {
font-family:Verdana, Arial, sans-serif;
font-size:11px;
width:100%;
}

TABLE.formArea {
background:#f1f9fe;
border-color:#7b9ebd;
border-style:solid;
border-width:1px;
}

TD.formAreaTitle {
font-family:Tahoma, Verdana, Arial, sans-serif;
font-size:12px;
font-weight:700;
}

SPAN.errorText {
color:red;
font-family:Verdana, Arial, sans-serif;
}

.moduleRowOver {
background-color:#D7E9F7;
cursor:pointer;
}

.moduleRowSelected {
background-color:#E9F4FC;
}

.checkoutBarFrom,.checkoutBarTo {
color:#8c8c8c;
font-family:Verdana, Arial, sans-serif;
font-size:10px;
}

.messageStackError,.messageStackWarning {
background-color:#ffb3b5;
font-family:Verdana, Arial, sans-serif;
font-size:10px;
}

.messageStackSuccess {
background-color:#9f0;
font-family:Verdana, Arial, sans-serif;
font-size:10px;
}

.inputRequirement {
color:red;
font-family:Verdana, Arial, sans-serif;
font-size:10px;
}

.cssButton {
background:#f0f0ff;
border:1px;
border-spacing:1px;
color:navy;
cursor:pointer;
font-family:Tahoma, Verdana, Arial, sans-serif;
font-size:12px;
font-weight:400;
height:20px;
text-align:center;
text-decoration:none;
vertical-align:center;
width:100px;
border-color:navy;
border-style:solid;
}

.cssButton2 {
background:#f0f0ff;
border:1px;
border-spacing:1px;
color:navy;
cursor:pointer;
font-family:Tahoma, Verdana, Arial, sans-serif;
font-size:12px;
font-weight:400;
height:20px;
text-align:center;
text-decoration:none;
vertical-align:center;
width:60px;
border-color:navy;
border-style:solid;
}

.links {
color:#B8C0D0;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
}

.links:hover {
color:#7884C8;
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
text-decoration:none;
}

#picturearea2,#picturearea5 {
height:500px;
left:125px;
position:absolute;
top:195px;
width:448px;
z-index:8;
}

.menuBox,TD.fieldKey,TD.tableHeading {
font-family:Verdana, Arial, sans-serif;
font-size:12px;
font-weight:700;
}

.boxText,TD.infoBox,SPAN.infoBox,TD.productListing-data,TD.smallText,SPAN.smallText,P.smallText,.messageBox {
font-family:Verdana, Arial, sans-serif;
font-size:10px;
}

.infoBox,.contentBox,.InformationBox {
background:#b6b7cb;
}

TD.contentBoxHeading,TD.InformationBoxHeading {
background:#b6b7cb;
color:#fff;
font-family:Verdana, Arial, sans-serif;
font-size:10px;
font-weight:700;
}

.contentBoxContents,.InformationBoxContents {
background:#f8f8f9;
font-family:Verdana, Arial, sans-serif;
font-size:10px;
}

TD.subBar,.checkoutBarCurrent {
color:#000;
font-family:Verdana, Arial, sans-serif;
font-size:10px;
}