html        { background: white url('/images/bg.jpg') top center no-repeat; background-attachment: fixed; color: black; padding: 10px; }
body        { font-family: "verdana"; }
img         { border: none; line-height: 0; font-size: 0; vertical-align: bottom;}
a           { color: #00c; }
a.lnk       { padding: 3px; color: black; text-decoration: none; }
a.lnk:hover { background: #fca; text-decoration: none; }

/* hd */

#hd              { padding-top: 20px; padding-bottom: 10px; margin-bottom: 30px; }
#hd #logo        { text-align: right; }

/* ft */

#ft              { margin-top: 20px; border-top: 1px solid black; padding: 10px 0; font-size: 10pt; }
table.ft         { margin: 0; padding: 0; padding-top: 10px; width: 100%; }
table.ft td      { border: none; padding: 0; vertical-align: top; }
table.ft a       { color: black; text-decoration: none; }
table.ft a:hover { color: red; }

/* bd */

#bd              { font-size: 12pt; }

/* nav */

#nav             { margin-top: 30px; border-top: 1px solid black; text-align: center; font-size: 15px; line-height: 15px; font-weight: bold; }
#nav ul          { margin: 0; margin-top: 5px; padding: 0; }
#nav a           { color: black; text-decoration: none; } 
#nav a:hover     { color: red; text-decoration: none; }
#nav li          { display: inline; list-style-type: none; margin-left: 5px; padding: 5px 10px; }
#nav li.active   { background: black; }
#nav li.active a { color: white; }

/* about */

.pgAbout .box    {  }
.pgAbout h1      { text-align: center; }

/* catalogue */

.pgCategories .hed h1                    { text-align: center; }

.pgCategories .box                       { width: 100%; margin: 0; padding:0; }
.pgCategories .box td                    { padding: 0; border: none; vertical-align: top; }
.pgCategories .box td.left               { width: 130px; padding-right: 20px; }
.pgCategories .box td.right              { background: white; }

.pgCategories .cats                      { font-size: 10pt; }
.pgCategories .cats h1                   { font-size: 12pt; font-weight: bold; margin: 0; padding: 5px 0; border-top: 1px solid black; border-right: 1px solid black; }
.pgCategories .cats .content             { padding-top: 10px; text-align: right; }
.pgCategories .cats .content ul          { margin: 0; padding: 0; }
.pgCategories .cats .content li          { list-style-type: none; padding: 3px 10px; }
.pgCategories .cats .content li.active   { background: black; }
.pgCategories .cats .content a           { color: black; text-decoration: none; }
.pgCategories .cats .content a:hover     { color: red; }
.pgCategories .cats .content li.active a { color: white; }

.pgCategories .filter                    { font-size: 10pt; }
.pgCategories .filter h1                 { font-size: 12pt; font-weight: bold;  margin: 0; padding: 5px 0; border-top: 1px solid black; border-right: 1px solid black; }
.pgCategories .filter .content           { padding-top: 10px; }
.pgCategories .filter .content .fld      { padding-bottom: 10px; }
.pgCategories .filter .content select    { width: 130px; }
.pgCategories .filter .content input     { width: 130px; }
.pgCategories .filter #filterShow        { font-size: 9pt; }

.pgCategories .buttons                   { padding: 47px 47px; }
.pgCategories .buttons .grid             { margin: 0; padding: 0; }
.pgCategories .buttons .grid td          { padding: 0; padding-bottom: 5px; border: 0; }
.pgCategories .buttons .grid td.other    { padding-left: 5px; }

.pgCategories .popup                     { visibility: hidden; display: block; position: absolute; top: 0px; left: -130px; z-index: 1; width: 340px; font-size: 9pt; }
.pgCategories .addCart                   { position: absolute; bottom: 0; right: 0; visibility: hidden; }
.pgCategories .popupContent              { border: 1px solid black; border-bottom: none; background: white; padding: 20px 19px 20px 19px;}
.pgCategories .popup .popupT             { width: 300px; margin: 0; padding: 0; }
.pgCategories .popup .popupT td          { margin: 0; padding: 0; padding-bottom: 5px;  }
.pgCategories .popup .popupT td.pLeft    { width: 100px; padding-left: 0px; padding-right: 10px; text-align: right; font-weight: bold; }
.pgCategories .popup .popupT td.pRight   { }

.pgCategories .listingNote               { font-size: 10pt; margin-bottom: 40px; }

/* cart */

.pgCarts h1               { text-align: center; }

.pgCarts .cart            { border: 1px solid black; background: white; padding: 20px; }
.pgCarts .cartTbl         { width: 100%; padding:0; margin: 0; margin-bottom: 20px; }
.pgCarts .cartTbl th      { border: none; border-bottom: 1px solid black; padding: 5px 10px; margin: 0; font-weight: bold; text-align: left; }
.pgCarts .cartTbl td      { border: none; border-bottom: 1px solid #aaa; padding: 5px 10px; margin: 0; }
.pgCarts .cartTbl td.wide { width: 100%; }
.pgCarts .cartTbl input   { width: 60px; }
.pgCarts .funcs           { text-align: right; }

.pgOrders .order          { border: 1px solid black; padding: 20px; background: white; }
.pgOrders .orderTbl       { width: 100%; margin: 0; padding: 0; }
.pgOrders .orderTbl td    { border: none; margin: 0; padding: 5px; }
.pgOrders textarea        { width: 100%; }

.pgOrders .cart            { border: 1px solid black; background: white; padding: 20px; }
.pgOrders .cartTbl         { width: 100%; padding:0; margin: 0; margin-bottom: 20px; }
.pgOrders .cartTbl th      { border: none; border-bottom: 1px solid black; padding: 5px 10px; margin: 0; font-weight: bold; text-align: left; }
.pgOrders .cartTbl td      { border: none; border-bottom: 1px solid #aaa; padding: 5px 10px; margin: 0; }
.pgOrders .cartTbl td.wide { width: 100%; }

/* services */

.pgServices h1 { text-align: center; }

.pgServices .services             { font-size: 10pt; }
.pgServices .services             { padding-top: 10px; text-align: center; }
.pgServices .services ul          { margin: 0; padding: 0; padding-bottom: 3px; border-bottom: 1px solid black; margin-bottom: 30px; }
.pgServices .services li          { list-style-type: none; display: inline; padding: 3px 10px; }
.pgServices .services li.active   { background: black; }
.pgServices .services a           { color: black; text-decoration: none; }
.pgServices .services a:hover     { color: red; }
.pgServices .services li.active a { color: white; }
 
/* friends */

.pgFriends h1             { margin: 0; padding: 0; margin-bottom: 40px; text-align: center; }

/* news */

.pgNews h1                         { margin: 0; padding: 0; margin-bottom: 40px; text-align: center; }
.pgNews .newsText                  { padding-bottom: 20px; }

.pgNews .buttons                   { padding: 47px 47px; background: white; }
.pgNews .buttons .grid             { margin: 0; padding: 0;}
.pgNews .buttons .grid td          { padding: 0; padding-bottom: 5px; border: 0; }
.pgNews .buttons .grid td.other    { padding-left: 5px; }

.pgNews .popup                     { visibility: hidden; display: block; position: absolute; top: 0px; left: -130px; z-index: 1; width: 340px; font-size: 9pt; }
.pgNews .addCart                   { position: absolute; bottom: 0; right: 0; visibility: hidden; }
.pgNews .popupContent              { border: 1px solid black; border-bottom: none; background: white; padding: 20px 19px 20px 19px;}
.pgNews .popup .popupT             { width: 300px; margin: 0; padding: 0; }
.pgNews .popup .popupT td          { margin: 0; padding: 0; padding-bottom: 5px;  }
.pgNews .popup .popupT td.pLeft    { width: 90px; padding-left: 0px; padding-right: 10px; text-align: right; font-weight: bold; }
.pgNews .popup .popupT td.pRight   { }

.pgNews .listingNote               { font-size: 10pt; margin-bottom: 40px; }

/* contact */

table.contactTbl                { width: 100%; }
table.contactTbl td             { padding: 0; border: none; }
table.contactTbl td.left        { width: 100%; }
table.contactAlignTbl td.hdr    { padding-right: 10px; }

.contactBox                     { margin-top: 20px; padding: 30px 30px 10px 30px; border: 1px solid black; background: white; }
.contactBox input.contactFld    { }
.contactBox textarea.contactFld { width: 100%; }
.contactBox h1                  { margin: 0; padding: 0; padding-bottom: 10px;  }

table.contactBoxTbl             { width: 100%; }
table.contactBoxTbl td          { border: none; padding: 5px; }
table.contactBoxTbl td.right    { width: 180px; }
table.contactBoxTbl td.left     { width: 130px; }









.errbox     { border-top: 2px solid #c00; border-bottom: 2px solid #c00; background-color: #fbb; color: #c00; padding: 10px; margin-bottom: 20px; }
.errbox ul  { padding-top: 0; padding-bottom: 0; margin-top: 10px; margin-bottom: 0; }

.notebox    { border-top: 2px solid #00f; border-bottom: 2px solid #00f; background-color: #bbf; color: #00f; padding: 10px; margin-bottom: 20px; }
.notebox ul { padding-top: 0; padding-bottom: 0; margin-top: 10px; margin-bottom: 0; }