body
{
    margin:0;
    padding:0;
    font:0.8em Myriad, "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
    font-style:roman;
    text-decoration:none;
    color:Black;
    background:#7D7B40 url('body.png');
    text-align:center;      /* IE hack */
    vertical-align:top;
}


h1
{
    margin:0px 0px 24px 0px;
    padding:0;
    font:1.2em Myriad, "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
    font-style:roman;
    text-decoration:none;
}


img
{
    display:block;
    border:0;
}


table
{
    margin:8px 0px 8px 0px;
    padding:0;
    border:0;
}


td
{
    padding:0;
}


td.label
{
    padding:0px 16px 0px 0px;
    text-align:right;
    vertical-align:top;
}


table.thumbs
{
    margin:0;
    padding:0;
    background:#333;
    border-collapse:collapse;
}


table.thumbs td
{
    margin:0;
}


a           { color:Black;  text-decoration:none; }
a:hover     { color:#E2DB22;  text-decoration:underline; }


ul.tags
{
    visibility:visible;
    margin:0;
    padding:0;
	list-style:none;
}


ul.tags > li
{
	float:left;
    margin:2px 4px 2px 0px;
    padding:0px 4px 0px 4px;
	height:14px;
    line-height:14px;
    font:10px Verdana, Arial, Helvetica, sans-serif;
    color:#707070;
    background:White;
    border:1px Solid #707070;
    cursor:pointer;
}


ul.tags > li:hover
{
    background:#eee;
    color:Black;
}


.footer
{
    font-size:0.7em;
    color:#777;
}


.wrapper
{
    position:relative;      /* allows absolute positioning of child elements relative to this */
    margin:32px auto 48px auto;
    padding:0;
    text-align:left;
    background:#BDBDB9 url('wrapper.background.png');
    border:0;
}


.wrapper#home
{
    background:#BDBDB9 url('home.background.png');
}


.wrapper#blank
{
    background:#BDBDB9;
}


.info
{
    position:absolute;
    left:180px;
    top:440px;
    margin:0;
    padding:16px 20px 16px 20px;
    width:540px;
    min-height:80px;
    background:#E2DB22;
}


.info#contact, .info#artist                 { top:120px; }
.info#confirm                               { top:520px; }
.info#address                               { top:490px; }
.info#printinfo                             { top:100px; }


.info img
{
    float:right;
    padding:0px 0px 4px 8px;
    border:0;
}


.info p
{
    margin:0px 0px 12px 0px;
    padding:0;
}


.warning
{
    position:absolute;
    left:200px;
    top:80px;
    margin:0;
    padding:12px 20px 12px 20px;
    width:500px;
    background:Grey;
    border:4px Solid Red;
}


.tagged
{
    position:absolute;
    left:0px;
    bottom:100px;
    margin:0;
    padding:0;
    width:100%;
    border-top:2px Solid Black;
    border-bottom:2px Solid Black;
}


.earlier
{
    position:absolute;
    left:16px;
    bottom:286px;
    margin:0;
    padding:0;
    height:20px;
    background-image: url('menu.png');
    cursor:pointer;
}


.later
{
    position:absolute;
    right:16px;
    bottom:286px;
    margin:0;
    padding:0;
    height:20px;
    background-image: url('menu.png');
    cursor:pointer;
}


.frame
{
    position:relative;     /* allows absolute positioning of child elements relative to this */
    margin:0;
    padding:0;
    cursor:pointer;
}


.frame > img
{
    position:absolute;      /* relative to the parent */
    top:0px;
    left:0px;
}


.print
{
    position:absolute;
    right:440px;
    top:90px;
    margin:0;
    padding:0;
    background:#fff;
    z-index:0;
}


.whitespace
{
    position:absolute;
    margin:0;
    padding:0;
    z-index:1;
}


.preview
{
    position:absolute;
    margin:0;
    padding:0;
    z-index:2;
}


.preview > img
{
    position:absolute;
    left:0px;
    top:0px;
    margin:0;
    padding:0;
    border:0;
}


.picture
{
    position:absolute;
    margin:0;
    padding:0;
    border:0;
}


.picture#landscape
{
    border-top:2px Solid Black;
    border-bottom:2px Solid Black;
}


.picture#portrait
{
    border-left:2px Solid Black;
    border-right:2px Solid Black;
}


.navbox
{
    visibility:hidden;
    position:absolute;      /* relative to the parent */
    top:16px;
    left:16px;
    margin:0px;
    padding:0px;
    z-index:10;
}


.navigation
{
    position:absolute;      /* relative to the parent */
    top:16px;
    left:16px;
    margin:0px;
    padding:16px;
    width:256px;
    background:White;
    color:Black;
    z-index:10;
    /*
    opacity:0.7;
    filter:alpha(opacity:70);
    */
}


.navigation .close
{
    clear:both;
    margin:0px;
    padding:16px 0px 0px 0px;
    height:14px;
    font:10px Verdana, Arial, Helvetica, sans-serif;
    color:#707070;
    cursor:pointer;
}


.caption
{
    position:absolute;
    margin:0;
    padding:0;
}


.caption h1
{
    margin-bottom:12px;
    padding:0;
    font-size:1.0em;
    font-weight:bold;
}


.caption#landscape h1
{
    margin-top:32px;
}


.caption#portrait h1
{
    margin-left:28px;
}


.caption p
{
    margin-top:8px;
    margin-bottom:8px;
    margin-right:0px;
    padding:0;
    font-size:0.9em;
}


.caption#portrait p
{
    margin-left:28px;
}


.detail
{
    position:absolute;
    top:700px;
    left:48px;
    margin:0;
    padding:0;
}


.detail h1
{
    margin-top:24px;
    margin-bottom:12px;
    padding:0;
    font-size:1.0em;
    font-weight:bold;
}


.detail p
{
    margin-top:8px;
    margin-bottom:8px;
    margin-right:0px;
    padding:0;
    font-size:0.9em;
}


.orderform
{
    position:absolute;
    margin:0;
    padding:16px;
    left:500px;
    top:86px;
    width:285px;
    background:#E2DB22;
}


.orderform h1
{
    margin:0px 0px 16px 0px;
    padding:0;
    text-decoration:none;
}


.orderform p
{
    margin:4px 0px 4px 0px;
    padding:0;
}


.orderform a            { text-decoration:underline; }
.orderform a:hover      { text-decoration:underline; }


.orderform form
{
    margin:8px 0px 8px 0px;
    padding:0;
}


.orderform select
{
    margin:0px 0px 8px 0px;
    padding:0;
    width:100%;
    height:20px;
    font:1em Tahoma, Arial, Helvetica, Sans-serif;
    font-style:normal;
    background:White;
    color:Black;
    border:0;
}


.orderform select:focus
{
    border:1px Solid Black;
}


.orderform input
{
    margin:0px 0px 8px 0px;
    padding:0;
    font:1em Tahoma, Arial, Helvetica, Sans-serif;
    font-style:normal;
    background:White;
    color:Black;
    border:0;
}


.orderform input:focus
{
    border:1px Solid Black;
}


.orderform input.submit
{
    float:left;
    margin:12px 12px 8px 0px;
    padding:0;
    height:20px;
    background-image: url('buttons.png');
    border:0;
    cursor:pointer;
}


.orderform input.submit:focus
{
    border:0;
}


.orderform input.paypal
{
    margin:12px 0px 8px 0px;
    padding:0;
    border:0;
}


.orderform input.radio
{
    margin:0;
    padding:0;
    border:0;
}


.orderform .button
{
    float:left;
    margin:12px 12px 8px 0px;
    padding:0;
    height:20px;
    background-image: url('buttons.png');
    border:0;
    cursor:pointer;
}


#button-update          { width:62px;       background-position:-8px -6px; }
#button-update:hover    {                   background-position:-8px -35px; }


#button-submit          { width:61px;       background-position:-72px -6px; }
#button-submit:hover    {                   background-position:-72px -35px; }


#button-back            { width:49px;       background-position:-136px -6px; }
#button-back:hover      {                   background-position:-136px -35px; }


#button-help            { width:47px;       background-position:-187px -6px; }
#button-help:hover      {                   background-position:-187px -35px; }


#button-continue        { width:71px;       background-position:-236px -6px; }
#button-continue:hover  {                   background-position:-236px -35px; }


#button-send            { width:49px;       background-position:-311px -6px; }
#button-send:hover      {                   background-position:-311px -35px; }


#button-add             { width:43px;       background-position:-362px -6px; }
#button-add:hover       {                   background-position:-362px -35px; }


#button-moreinfo        { width:76px;       background-position:-407px -6px; }
#button-moreinfo:hover  {                   background-position:-407px -35px; }


.menu
{
    position:absolute;
    margin:0;
    padding:0;
    right:24px;
    top:24px;
}


.menu ul
{
	list-style:none;
    margin:0;
    padding:0;
}


.menu ul li
{
	float:left;
    margin:0px 3px 0px 3px;
    padding:0;
    height:20px;
    background-image: url('menu.png');
    cursor:pointer;
}


#item-home            { width:52px;       background-position:-13px -6px; }
#item-home:hover      {                   background-position:-13px -35px; }


#item-order           { width:88px;       background-position:-75px -6px; }
#item-order:hover     {                   background-position:-75px -35px; }


#item-cancel          { width:55px;       background-position:-174px -6px; }
#item-cancel:hover    {                   background-position:-174px -35px; }


#item-track           { width:96px;       background-position:-240px -6px; }
#item-track:hover     {                   background-position:-240px -35px; }


#item-logout          { width:60px;       background-position:-347px -6px; }
#item-logout:hover    {                   background-position:-347px -35px; }


#item-continue        { width:71px;       background-position:-415px -6px; }
#item-continue:hover  {                   background-position:-415px -35px; }


#item-back            { width:47px;       background-position:-493px -6px; }
#item-back:hover      {                   background-position:-493px -35px; }


#item-next            { width:45px;       background-position:-546px -6px; }
#item-next:hover      {                   background-position:-546px -35px; }


#item-earlier         { width:98px;       background-position:-600px -6px; }
#item-earlier:hover   {                   background-position:-600px -35px; }


#item-later           { width:88px;       background-position:-705px -6px; }
#item-later:hover     {                   background-position:-705px -35px; }


#item-contact         { width:65px;       background-position:-802px -6px; }
#item-contact:hover   {                   background-position:-802px -35px; }