body { position: relative; margin: 0px 0px 10px 0px; padding: 0px; background: #FFF; font-family: Verdana, Arial, Helvetica, sans-serif;}
body.adminpage #header { position: relative; width: 100%; float: left; background: #B44; border-bottom: 1px solid #562; line-height: 8px; }
body.adminpage { /*background-color: #B44;*/ }
body.ajax { background-color: #ffd; }
body.right { background-color: #fff; margin:0px; }

/*--------------LAYOUT-------------*/
#header { position: relative; width: 100%; float: left; background: #562; border-bottom: 1px solid #562; line-height: 8px; }
#nav { float: left; width: 100%; background: #CC9; }
#nav ul { display: inline; float: left; margin: 0px 0px 0px 215px; width: 775px; height: 39px; padding: 0px; text-transform: uppercase; font-weight: bold;}
#nav li { display: inline; float: left; list-style-type: none; }
#nav li a { display: inline; float: left; margin-top: 10px; height: 29px; background-position: 0px 0px; text-indent: -1000px; text-decoration: none; }
#nav #toptab a { margin-top: -9px; text-decoration: none; }
#nav #toptab a img { display: block; border: none; padding: 0px;}
#nav_gallery a { width: 89px; background-image: url(../media/img/gallery.gif); }
#nav_artist a { width: 172px; background-image: url(../media/img/about_the_artist.gif);  }
#nav_contact a { width: 123px; background-image: url(../media/img/contact_us.gif); }
#nav_order a { margin-right: 23px; width: 147px; background-image: url(../media/img/how_to_order.gif); }

#nav li a:hover, #nav li.selected a { background-position: 0px 29px; border: #f00;}
#gallery_nav { float: left; width: 560px; margin: 0px; padding: 0px; }
#gallery_nav li { float: left; list-style-type: none; margin: 0px; padding: 0px; text-align: center; font-size: 11px; text-transform: uppercase; font-weight2: bold; width: 140px; white-space: nowrap; overflow: hide;}
#gallery_nav li a { display: block; text-decoration: none; color: #996; background: #562; line-height: 30px; }
#gallery_nav li a:hover, #gallery_nav li.selected a { display: block; text-decoration: none; color: #FFF; }
#gallery_nav li img { display: block; border: 0px; }

#brand { position: absolute; left: 10px; top: 0px; text-align: left; padding: 0px; border-left: 1px solid #562; border-right: 1px solid #562; width: 196px; background: #CC9; }
#brand a { display: block; background: #FFF; margin: 0px 4px 4px; border: 1px solid #562; border-top: none; }
#logo { margin: 9px 0px 0px; padding: 0px; background: #FFF; /* border-top: 1px dashed #CC9; */ }

iframe.details { height: 500px; }
#productlist { padding: 0px; float: left; margin: 0px; background: #562; height: 540px; }
#productlist li { position: relative; display: inlne; float: left; margin: 0px; width: 140px; list-style-type: none;}
#productlist li img { display: block; border: 0px; width: 140px; height: 180px; }

#productlist li a:hover { background-color: #000; }
#productlist li a .id { visibility: hidden; display: block; cursor : pointer; text-decoration: none; width: 140px; height: 180px; padding:0px 0px; color: #fff; font-size: 10px; font-weight: bold; position: absolute; left: 0px; bottom: 0px; text-align: center; }
#productlist li a .id span { display: block; position: absolute; left: 0px; top: 0px; width: 140px; padding: 6px 0px 6px 0px; }
body.adminpage #productlist li a .id span { margin-top:15px }
#productlist li a:hover .id { visibility: visible; }


.show, .featured, .delete { background-color: #f6f6ee; cursor: pointer; }
#productlist .show { position: absolute; left: 0px; top: 0px; }
#productlist li .show img { display: block; border: 0px; width: 55px; height: 15px; }
#productlist .featured { position: absolute; left: 55px; top: 0px; }
#productlist li .featured img { display: block; border: 0px; width: 67px; height: 15px; }
#productlist .delete { position: absolute; left: 121px; top: 0px; }
#productlist li .delete img { display: block; border: 0px; width: 19px; height: 15px; }
#productlist li .selected { background-color:#0000FF; }
#productlist li .over { background-color:#B7C7F0; }

#body { float: left; clear: left; width: 990px; text-align: left; background: url(../media/img/page-bg.gif) repeat-y; }
#homebody { float: left; clear: left; width: 100%; background: #FFD; text-align: center; padding: 40px 0px; }
#homebody div { border: 1px solid #562; background: #CC9; width: 720px; margin: auto; }
#homebody div div { width: 710px; border: 1px solid #562; background: #562; margin: 4px;}

#intro { display: inline; float: right; margin: 57px 783px 0px -782px; width: 197px; border-top: 1px solid #562;}
#feature { position: absolute; left: 10px; top: 105px; width: 196px; border: 1px solid #562; border-top: none; background: #CC9; }
#feature div { border: 1px solid #562; margin: 0px 4px 4px; background: #FFF; padding-bottom: 20px; }

#maincontent { display: inline; float: left; margin: 0px 1px 0px 208px; width: 560px; }
#extracontent { float: left; width: 221px; margin-right: -220px; padding: 0px 0px 10px 0px; }
#aboutnolan { padding: 0px 20px; background: #FFD url(../media/img/nolan-large.jpg) right bottom no-repeat; height: 340px;}

form { font-size: 11px; padding: 0em 15px 1em; }
form textarea { font: 10px Arial; }
.ajax form { font-size: 10px; padding: 0; }
.ajax .clear { clear: left; } 
.ajax span.em { color: #B44; font-weight: bold; }
.ajax p  { font-size: 10px; margin-left:0; margin-right:0; padding-left:0; padding-right:5px; }
form input {}
form input.buttonHeader { margin: 0px 0 0px 0; padding: 0; display: block; clear: left; }
form div.c1 { float:left; width: 100px; }
form h3 { color: #B44; font-size: 12px; margin: 20px 0 10px 0; padding: 0; }
form .opsGroup { padding: 12px 0 12px 0; width: 180px; clear: left; }
form .opsGroup div { float: left; padding-right: 5px; }
form .itemName { color: #562; font-size: 13px; font-weight: bold; }
form img.editImage { margin-top: 5px; margin-left: 20px; }

#footer { float: left; clear: both; width: 100%; font-size: 11px; border-top: 1px solid #562; color: #CC9; margin-bottom: -1px; text-align: left; white-space: nowrap; }
#footer ul { padding: 3px 10px 3px 207px; margin: 0px; background: #FFD; border-bottom: 1px solid #562; }
#footer ul li { display: inline; list-style-type: none; }
#footer ul li a { padding: 0px 10px; border-left: 1px solid #CC9; }
#footer ul li.first a { border-left: none; }


/*---------------TEXT-------------*/
#contentlink, #contentlink:visited { font-size: 6px; color: #562; }
h1, h2, h3, h4, h5, h6, pre { padding: .5em 15px; margin: .5em 0px; }
h1 { font-size: 24px; padding-top: 50px;}
h2 { font-size: 12px; background: #562; font-weight: bold; color: #FFF; margin-top: 0px; text-transform: uppercase; letter-spacing: .4em; }
h3 { font-size: 13px; color: #562; }
h4 { font-size: 11px; color: #562; letter-spacing: -1px;}
h5 { font-size: 11px; color: #000; }
h6 { font-size: 9px; color: #000; }
p { font-size: 11px; padding: 0em 15px 1em; margin: 0px; }
#intro p { color: #562; font-size: 13px; font-style: italic; }

#galleryBrowse { background: #562; color: #CC9; text-align: center; font-size: 10px; padding: 7px 0px 6px 0px; }
#galleryBrowse a, #galleryBrowse span { padding: 2px; color: #562; background: #FFD; border: 1px solid #CC9; text-decoration: none; }
#galleryBrowse a:hover { background: #CC9; border: 1px solid #784; }
#galleryBrowse strong { padding: 2px; color: #562; background: #CC9; border: 1px solid #784; }
#galleryBrowse span { color: #CC9; }


.dc_a { padding-top: 45px; background: url(../media/img/dc/a.gif) 0px 20px no-repeat; }
.dc_b { padding-top: 45px; background: url(../media/img/dc/b.gif) 0px 20px no-repeat; }
.dc_c { padding-top: 45px; background: url(../media/img/dc/c.gif) 0px 20px no-repeat; }
.dc_d { padding-top: 45px; background: url(../media/img/dc/d.gif) 0px 20px no-repeat; }
.dc_e { padding-top: 45px; background: url(../media/img/dc/e.gif) 0px 20px no-repeat; }
.dc_f { padding-top: 45px; background: url(../media/img/dc/f.gif) 0px 20px no-repeat; }
.dc_g { padding-top: 45px; background: url(../media/img/dc/g.gif) 0px 20px no-repeat; }
.dc_h { padding-top: 45px; background: url(../media/img/dc/h.gif) 0px 20px no-repeat; }
.dc_i { padding-top: 45px; background: url(../media/img/dc/i.gif) 0px 20px no-repeat; }
.dc_j { padding-top: 45px; background: url(../media/img/dc/j.gif) 0px 20px no-repeat; }
.dc_k { padding-top: 45px; background: url(../media/img/dc/k.gif) 0px 20px no-repeat; }
.dc_l { padding-top: 45px; background: url(../media/img/dc/l.gif) 0px 20px no-repeat; }
.dc_m { padding-top: 45px; background: url(../media/img/dc/m.gif) 0px 20px no-repeat; }
.dc_n { padding-top: 45px; background: url(../media/img/dc/n.gif) 0px 20px no-repeat; }
.dc_o { padding-top: 45px; background: url(../media/img/dc/o.gif) 0px 20px no-repeat; }
.dc_p { padding-top: 45px; background: url(../media/img/dc/p.gif) 0px 20px no-repeat; }
.dc_q { padding-top: 45px; background: url(../media/img/dc/q.gif) 0px 20px no-repeat; }
.dc_r { padding-top: 45px; background: url(../media/img/dc/r.gif) 0px 20px no-repeat; }
.dc_s { padding-top: 45px; background: url(../media/img/dc/s.gif) 0px 20px no-repeat; }
.dc_t { padding-top: 45px; background: url(../media/img/dc/t.gif) 0px 20px no-repeat; }
.dc_u { padding-top: 45px; background: url(../media/img/dc/u.gif) 0px 20px no-repeat; }
.dc_v { padding-top: 45px; background: url(../media/img/dc/v.gif) 0px 20px no-repeat; }
.dc_w { padding-top: 45px; background: url(../media/img/dc/w.gif) 0px 20px no-repeat; }
.dc_x { padding-top: 45px; background: url(../media/img/dc/x.gif) 0px 20px no-repeat; }
.dc_y { padding-top: 45px; background: url(../media/img/dc/y.gif) 0px 20px no-repeat; }
.dc_z { padding-top: 45px; background: url(../media/img/dc/z.gif) 0px 20px no-repeat; }
.dc_y { padding-top: 45px; background: url(../media/img/dc/y.gif) 0px 20px no-repeat; }
#footer a:link, #footer a:visited { color: #996; text-decoration: none; }
a:link, #footer a:hover { color: #562; }
a:visited { color: #000; }
.copyright { font-size: 10px; margin: 10px 0px;  width: 980px; text-align: center; }