*                   { margin: 0; padding: 0; }
body                { background: #000 url('images/body.jpg') right 0 no-repeat fixed; color: #fff;
                      text-align: left; font-size: 85%;
                      font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; }

h1                  { color: #fff; font-size: 1.3em; font-weight: bold; padding: 1px 7px; }
h2                  { color: #ffe56d; font-size: 1.1em; font-weight: bold; }
h3                  { color: #000; font-size: 1em; font-weight: bold; margin-top: 1.5em; }
p + h1              { margin-top: 1em; }
h1 + h3             { margin-top: 0; }
p                   { margin: 0.7em 0; font-size: 0.95em; line-height: 1.6; }
ul                  { font-size: 0.9em; margin-left: 2em; line-height: 1.3; }
ol                  { font-size: 0.9em; margin-left: 2.5em; line-height: 1.2; }
li                  { margin: 0.3em 0; }
a                   { color: #fceda7; font-style: normal; font-weight: normal; text-decoration: none;
                      border-bottom: 1px dotted #858273; }
a:hover             { color: #ffe56d; border-bottom: 1px solid #b1a261; }
a img               { border: none; }
a:hover img         { border: none; }
table               { margin: 0 auto; border-collapse: collapse; }
td                  { padding: 0.5em; }
form                { margin: 0 auto 0 auto; padding: 0 0 1em 0; }
form table          { border: none; }
form td             { border: none; }
label               { font-weight: bold; text-align: right; font-size: 0.9em; float: left; width: 25%;
                      margin: 0.3em 0; padding-right: 1em; display: block; }
label.inline        { float: none; display: inline; }
textarea            { font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
                      font-size: 1em; font-weight: normal; border: 1px solid #999; }
select              { font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
                      font-size: 1em; font-weight: normal; border: 1px solid #999; }
input               { font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
                      font-size: 1em; font-weight: normal; border: 1px solid #999; margin-bottom: 1em; }
input[type=submit]:hover { color: #ffe56d; border-bottom: 1px solid #b1a261; }
input.basket        { font-weight: bold; margin: 0.2em 0 0 0; padding: 1px 2px 1px 20px; border: 1px solid #777;
                      color: #ccc; background: url('./images/basket.png') 0 center no-repeat; }
input.basket:hover  { background: url('./images/basket-hover.png') 0 center no-repeat; }
.continue           { margin: 0.2em 0 0 0; padding: 2px 4px 2px 25px; border: 1px solid #777;
                      color: #ccc; background: url('./images/continue.png') 0 center no-repeat; }
.continue:hover     { background: url('./images/continue-hover.png') 0 center no-repeat; }
.cancel             { margin: 0.2em 0 0 0; padding: 2px 4px 2px 25px; border: 1px solid #777;
                      color: #ccc; background: url('./images/cancel.png') 0 center no-repeat; }
.cancel:hover       { background: url('./images/cancel-hover.png') 0 center no-repeat; }
input.btn           { padding: 0 5px; }
input.img           { border: none; }
input.chk           { border: none; }
input.rad           { border: none; }
button              { padding: 0 5px; }
.form-btns          { margin: 10px auto; text-align: center; }


#panel              { background: url('images/panel.jpg') 10px 20px no-repeat fixed;
                      padding: 40px 20px 20px 20px; }
#hdr                { margin: 0 auto 10px auto; width: 800px; }
#hdr h1             { color: #ffe56d; text-align: center; }
#pagenav            { margin: 0 auto 80px; width: 800px; text-align: left; }
#page               { margin-left: 100px;
                      background: #797979 url('images/pane-frame.jpg') 0 0 repeat-x; }
#ftr                { color: #999; font-size: 0.9em; 
                      margin: 0 auto; width: 700px; padding: 0 0 10px 100px; clear: both; }
#ftr p              { margin: 0; }
#ftr a              { color: #7e6b28; border: none; }
#ftr a:hover        { color: #b1a261; border: none; }

#navbar             { float: left; width: 100px; text-align: left; margin-top: 40px; }
#navbar ul          { margin: 0; list-style: none; line-height: 1; }
#navbar li          { margin: 1px 0; padding: 0; }
#navbar a           { display: block; color: #ffe56d; border-left: 3px solid #777; border-bottom: none;
                      background: #514f4d url('images/panel2a.jpg') 10px 20px no-repeat fixed; 
                      padding: 12px 10px; font-size: 1.1em; margin: 0 0 0 10px; width: 67px; }
#navbar a:hover     { border-bottom: none; color: #fceda7; margin-left: 0; width: 77px;
                      border-left: 3px solid #b0a06a; }
#navbar li.sel a    { margin-left: 0; width: 77px; border-left: 3px solid #b0a06a; }
#navbar .social     { float: right; }
#navbar .social a   { padding: 2px 10px; width: 34px; }
#navbar .social a:hover { width: 44px; }
#lowerpane          { background: #eee url('images/corner-black.png') right bottom no-repeat; 
                      min-height: 86px; padding-right: 70px; color: #000; clear: both; }
#lowerpane h2       { margin: 0.3em 0 0 0; color: #000; }
#lowerpane a        { color: #b0a06a; }
#lowerpane a:hover  { color: #777; border-bottom: 1px solid #777; }

#pane               { background: #4e4e4e url('images/pane.jpg') 0 0 repeat-x; margin: 3px; min-height: 300px; }

.txt                { padding: 1px 10px; }
.txt h2             { margin: 1em 0; }
.txt ul             { margin-top: 1em; }
.txt li ul          { font-size: 1em; margin-top: 0; }
.prd                { margin: 2em; }
.prd p              { margin-left: 160px; }
.prd form           { text-align: right; }
.price              { font-weight: bold; font-size: 1.1em; }
.small              { font-size: 0.9em; }
.clr                { padding: 0; margin: -1px 0 0 0; height: 1px; clear: both; overflow: hidden; }
.cr                 { clear: right; }
.cl                 { clear: left; }
.c                  { text-align: center; margin: 0 auto; }
.r                  { text-align: right; }
.l                  { text-align: left; }
.fr                 { float: right; }
.frs                { float: right; margin-left: 1em; margin-bottom: 0.2em; }
.fl                 { float: left; }
.fls                { float: left; margin-right: 1em; margin-bottom: 0.2em; }
.tpad               { padding-top: 1em; }
.nobck              { background: none; }



.filedetail         { float: right; width: 178px; font-size: 0.9em; font-style: italic; margin-left: 10px; }
.note               { font-size: 0.9em; font-style: italic; }
.nobrd              { border: none; }
.brd                { border: 1px solid #aba8a0; }
.brdw               { border: 1px solid #fff; }
.botbrd             { border-bottom: 1px solid #aba8a0; }
.lsp                { margin-left: 30px; }

#cpane              { float: left; background: #fff url('images/cpane.png') left top repeat-y; }
#cpanerp            { float: left; background: #fff url('images/corner-black.png') right bottom no-repeat; }
#cpanerp .txt       { padding: 10px 230px 0 10px; }
#mpane              { float: left; width: 550px; }
#lpane              { float: left; width: 200px; padding-top: 7px; background-color: #c9c9af; }
#lpane a:hover      { border: none; }
#lpane p            { margin: 0 0 0.8em 0; }
#lpane .box         { background-color: #99b433; color: #fff; padding: 10px;
                      margin: -10px -10px 10px -10px; }
#lpane .box h2      { color: #fff; font-weight: normal; }
#rpane              { float: right; width: 220px; background-color: #f0f1eb; }
#rpane .box         { background-color: #fff; border-top: 7px solid #c9c9af;
                      border-bottom: 3px solid #c9c9af; margin-bottom: 1em; }
#rpane .box .txt    { border-left: 1px solid #f0f1eb; padding: 10px; }
#rpane h2           { margin-top: 0; margin-bottom: 0.5em; }
#rpane h3           { margin-top: 0.3em; }
#cpane #rpane       { margin-left: 10px; background-color: #f7f7ef; margin-bottom: 10px; padding: 10px; }

#gallery            { margin: 10px auto; width: 95%; font-size: 0.9em; text-align: center; }
#gallery div.fl     { margin: 12px; }
#gallery a          { border: none; }

.general-list       { list-style: none; margin: 10px 0; }
.general-list li    { position: relative; padding: 10px; border: 1px solid #999; background-color: #777;
                      cursor: pointer; }
.general-list li li { padding: 0; border: none; }
.general-list h2    { margin: 0; }
.general-list p     { margin: 0; }
.actions    { position: absolute; top: 2px; right: 2px; }
.actions.sp { top: 12px; right: 12px; }
.actions ul { margin: 0; padding: 0; list-style: none; }
.actions li { margin: 0; padding: 0; float: left; }

.sortable li.inactive   { color: #999; opacity: 0.4; -moz-opacity: 0.4; filter: alpha(opacity=40); }
.sortable li.inactive a { color: #999; }

.disp-none          { display: none; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.fillin             { margin: 1em auto; padding: 5px 10px; font-size: 0.9em; width: 400px; }
.fillin h2          { font-size: 1.3em; border-bottom: 1px solid #bbb99c; margin: 0; }
.fillin td          { line-height: 1.5; }
.fillin th          { padding: 0.5em; font-weight: bold; }
.sub                { margin-top: 0.3em; margin: 0 1em; }
.sub th             { padding: 0 5px; }
.sub td             { padding: 0 5px; }
.ind                { margin-left: 1em; margin-right: 1em; }
.ind h1             { margin-top: 1em; }
.ind2               { margin-left: 3em; margin-right: 3em; }
.lind               { margin-left: 1em; }
.tmar0              { margin-top: 0; }
.tmar               { margin-top: 1em; }
.lmar               { margin-left: 1em; }
.lmar0              { margin-left: 0; }
.rmar               { margin-right: 1em; }
.bmar               { margin-bottom: 1em; }
.w30                { width: 30%; }
.w50                { width: 50%; }
.w70                { width: 70%; }
.w98                { width: 98%; }
.w100               { width: 100%; }
.w64px              { width: 64px; }
.h64px              { height: 64px; }
.w100px             { width: 100px; }
.h100px             { height: 100px; }
.w104px             { width: 104px; }
.h104px             { height: 104px; }
.h160px             { height: 160px; }
.w200px             { width: 200px; }
.h400px             { height: 400px; }
.status             { margin: 5px auto 10px auto; padding: 5px 10px; width: 70%;
                      border: 1px solid #adc9e9; background-color: #e7f0f9; border-radius: 5px; }
.status.ui-state-error { border: 1px solid #dd0909; }
input + .status     { margin-top: -5px; }

.foot               { margin-top: 2em; border-top: 1px solid #b1a261; clear: right; padding-left: 1em; }

#basket             { background-color: #fff; color: #000; font-size: 0.9em; margin-bottom: 1em;
                      border-top: 3px solid #b1a261; border-bottom: 3px solid #b1a261; }
#basketcnt          { padding: 9px; border-right: 1px solid #f0f1eb; }
#basket .actions ul { list-style: none; margin: 0; padding: 0 1em; }
#basket .actions ul li { display: block; }

.credit             { font-size: 0.8em; color: #999; }
.pricetag           { font-size: 1.3em; font-weight: bold; }

table.tbllist       { margin: 0 1em; }
.tbllist td         { padding: 0.2em 0.3em; font-size: 0.9em; }
.tbllist td.tsp     { padding-top: 1.5em; }
.tbllist td p       { font-size: 1em; }
.tbllist td p.first { margin-top: 0; }


table.tsp           { margin-top: 1em; }

.event              { margin-bottom: 2em; }
.event h2           { margin-bottom: 0; }
.event p            { margin-left: 1em; margin-right: 1em; }
.event p.date       { margin: 0; font-style: italic; }
.event p.location   { margin: 0; font-weight: bold; font-size: 0.9em; }