*                   { margin: 0; padding: 0; }
body                { background: #5b594b url('images/background.jpg') center top repeat; color: #fff;
                      font: normal 1em/1.2em Arial, Helvetica, sans-serif; }

h1                  { font-size: 1.6em; letter-spacing: 0.2em; font-weight: normal; text-transform: uppercase;
                      padding: 1em 0 0.5em; }
h2                  { font-size: 1.4em; margin: 1em 0 0; }
h1 + h2             { margin: 0; }
h3                  { font-size: 1.1em; margin: 1em 0 0; }
p                   { margin: 0.6em 0; line-height: 1.5; font-size: 1em; }
a                   { color: #bf3c44; font-style: normal; font-weight: normal; text-decoration: none;
                      border-bottom: 1px dotted #bf3c44; }
a:hover             { color: #000; border-bottom: 1px solid #000; }
a img               { border: none; }
ul                  { margin: 1em 3em; }
tr                  { vertical-align: top; }
form                { margin: 1em auto; font-size: 0.9em; padding: 10px; border: 1px solid #a2a098;
                      background-color: #c8c7c2;
                      border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
form .coll          { margin: 0; }
input               { padding: 3px; border: 1px solid #a2a098; font-family: Arial, Helvetica, sans-serif;
                      border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
                      margin: 2px 0; }
textarea            { padding: 3px; border: 1px solid #a2a098; font-family: Arial, Helvetica, sans-serif;
                      border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
                      margin: 2px 0; }
label               { font-weight: bold; width: 25%; clear: left; float: left; text-align: right;
                      margin: 2px 0.5em 0 0; }
.subform            { float: left; border: 1px solid #a2a098; width: 300px; margin-bottom: 5px;
                      border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.subform p          { font-size: 1em; }
.subform label      { width: 40%; }

#navtop             { margin: 1em auto; width: 850px; font-size: 0.8em; }
#navtop h2          { text-align: right; color: #fff; margin: -3px 0 0; padding: 0;
                      font-size: 1.4em; font-weight: bold; letter-spacing: 0.1em; float: right; }
#navtop ul          { list-style: none; margin: 0; }
#navtop li          { margin: 0; padding: 0 1em 0 0; display: inline; }
#navtop li + li     { padding: 0 1em; border-left: 1px solid #bbb; }
#navtop a           { color: #fff; text-decoration: none; border: none; }
#navtop a:hover     { border-bottom: 1px dotted #fff; color: #ddd; }
#navtop a:active    { border-bottom: 1px solid #fff; }

#banner             { background: #595b4c url('images/banner.jpg') center top repeat-x;
                      height: 37px; max-height: 37px; padding: 0; margin: 0; }
#banner .cont       { margin: 0 auto; width: 850px; position: relative; z-index: 2; }
#banner .cont h1    { position: absolute; top: 0; left: 0; color: #fff; margin: 0; padding: 0;
                      font-size: 1.5em; line-height: 37px; height: 37px; }
.menu               { position: absolute; top: 8px; right: 0; z-index: 1000; }
.menu, .menu ul     { list-style: none; margin: 0; padding: 0; }
.menu li            { margin: 0; padding: 0 0 0 1em; float: left; }
.menu a             { color: #fff; text-decoration: none; border: none;
                      font-size: 0.9em; font-weight: normal; display: block; }
.menu a:hover       { color: #ddd; border-bottom: none; }
.menu li ul         { position: absolute; left: -999em; width: 10em;
                      border-top: 1px solid #a2a098; border-left: 1px solid #a2a098; border-right: 1px solid #a2a098;
                      background: #595b4c url('images/banner.jpg') 0 0 repeat-y; }
.menu li ul li      { float: none; padding: 0.2em 1em; border-bottom: 1px solid #a2a098; font-size: 0.9em; }
.menu li:hover ul, .menu li ul:hover { left: auto; }
#fadeBox            { height: 400px; width: 850px; margin: 0 auto; position: relative; overflow: hidden; }
.popuphome          { height: 80px; width: 830px; left: 0; top: 400px; position: absolute; z-index: 9999; 
                      padding: 10px;
                      background-color: rgb(66,63,51); background-color: rgba(66,63,51,0.5); }
.popuphome h2       { margin: 0; padding: 0; color: #fff; font-weight: bold; font-size: 1.3em; }
.popuphome p        { color: #fff; }
.popuphome a        { color: #fff; border-bottom: none; }

#page               { margin: 1em auto 0 auto; width: 850px; padding: 0 20px;
                      background: url('images/page-header-background.png') center top no-repeat; }

#cpane              { float: left; background: url('images/cpane-background.jpg') center top repeat-y;
                      margin: 0 0 20px -20px; padding: 0 20px; width: 850px; color: #000; z-index: 1; }
#cpane p            { font-size: 0.8em; line-height: 1.2; }
#cpane li           { font-size: 0.8em; }
#cpane label        { font-size: 0.8em; }
#cpane select       { font-size: 0.8em; }
#lpane              { float: left; width: 266px; padding: 10px; }
#lpane h2           { margin: 0 0 0.5em; font-size: 0.9em; letter-spacing: 0.2em;
                      text-align: center; text-transform: uppercase; border-bottom: 1px solid #a2a098; }
#lpane h3           { margin: 0 auto; font-size: 0.9em; }
#lpane .sec         { margin-bottom: 3em; }
#assoc ul           { list-style: none; margin: 0; }
#assoc li           { height: 70px; }
#assoc ul img       { float: left; margin-right: 3px; }
#rpane              { margin: 20px 20px 20px 310px; }
#rpane .prodimg     { margin: -20px -20px 0 -20px; text-align: center; }

#fire-finder        { position: relative; text-align: center; width: 266px; }
#fire-finder ul     { list-style: none; margin: 0; padding: 0; }
#fire-finder li     { display: inline; }
#fire-finder img    { padding: 2px 2px 5px; margin-left: 3px; float: left; }
#fire-finder img.h  { background-color: #c8c7c2; border: 1px solid #a2a098; padding: 1px 1px 4px;
                      border-radius: 5px; border-radius-topright: 5px;
                      -moz-border-radius: 5px; -webkit-border-radius: 5px; 
                      -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
#fire-finder form   { left: 0; top: 46px; width: 255px; margin: 0; padding: 5px; 
                      text-align: left; clear: left; }
#fire-finder label  { width: 35%; }
#fire-finder p      { font-size: 1em; margin: 2px 0; }
#fire-finder h3     { font-size: 0.8em; letter-spacing: 0.2em; text-transform: uppercase; margin: 0 0 0.5em;
                      text-align: center; }

#footer             { background: #423f33 url('images/footer-background.png') center top repeat-y;
                      border-top: 1px solid #727067; margin: 20px 0 0; padding: 10px 0;
                      font-size: 0.7em; text-align: center; clear: both; }
#footer h1          { font-size: 1em; color: #fff; margin: 0; padding: 0; }
#footer h3          { font-size: 1em; font-weight: bold; margin: 0; padding: 0; text-transform: uppercase; }
#footer p           { line-height: 1.2; margin: 0.3em 0; }
#footer .cont       { width: 850px; margin: 0.3em auto; }
#footer a           { color: #fff; text-decoration: none; border: none; }
#footer a:hover     { border-bottom: 1px dotted #fff; color: #ddd; }
#footer a:active    { border-bottom: 1px solid #fff; }


.dlg                { display: none; }
.sortable           { list-style-type: none; margin: 0 auto; padding: 0; width: 80%; }
.sortable li        { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1em;
                      font-size: 0.8em; font-weight: normal; color: #000; position: relative; }
.sortable li a      { font-size: 1.2em; }
.sortable li span.info  { font-style: italic; }
.sortable li.inactive   { color: #999; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); }
.sortable li.inactive a { color: #999; }

.staticlist         { list-style-type: none; margin: 1em auto; padding: 0; width: 80%; }
.staticlist li      { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1em;
                      font-size: 0.8em; font-weight: normal; color: #000; position: relative; }

ul.action           { position: absolute; margin: 0; padding: 0; right: 3px; top: 3px; list-style: none; }
ul.action li        { margin: 0; padding: 0; float: left;
                      opacity: 0.7; -moz-opacity: 0.7; filter: alpha(opacity=70); }
ul.action .hili     { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }

.sortable .product  { height: 68px; }
.thumb              { float: left; margin-right: 7px; }
.thumb img          { border: 1px solid #ccc; }

.prdthumb           { float: left; margin: 0 13px 1em 0; width: 160px; height: 220px; text-align: center; }
.prdthumb h3        { margin: 0; font-size: 0.9em; text-transform: uppercase; }
.prdthumb img       { border: 1px solid #ccc; }
.prdthumbext        { height: 240px; }

.accord             { font-size: 0.8em; }
.accord h3          { font-size: 0.8em; }
.accord ul          { margin: 0; list-style: none; }
.accord a           { border: none; }

.over-inline        { background-color: #e6989f; }
.ajaxMessage        { color: #bf3c44; }

.panel              { margin: 0 auto; width: 720px; }

.photo              { padding: 10px; background-color: #f0f0f0; border: 1px solid #ccc;
                      border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

.small              { font-size: 0.8em; }
.note               { font-size: 0.8em; font-style: italic; margin-left: 25%; }
.white              { background-color: #fff; }
.ind                { margin-left: 3em; margin-right: 3em; }
.brd                { border: 1px solid #073f93; }
.c                  { text-align: center; margin: 0 auto; }
.r                  { text-align: right; }
.l                  { text-align: left; }
.fr                 { float: right; }
.fl                 { float: left; }
.cb                 { clear: both; }
.mart               { margin-top: 1em; }
.marl               { margin-left: 1em; }
.marr               { margin-right: 1em; }
.marb               { margin-bottom: 1em; }
.mart0              { margin-top: 0; }
.padr5px            { padding-right: 5px; }
.w30                { width: 30%; }
.w50                { width: 50%; }
.w60                { width: 60%; }
.w80                { width: 80%; }

@media print {
  #navtop ul        { display: none; }
  .menu             { display: none; }
  #fire-finder      { display: none; }
  .prthide          { display: none; }
  #rpane            { margin-left: 20px; }
}