body {text-align: center; background-color: #117700; background-image: url('../graphics/snow.gif'); scrollbar-base-color: white; scrollbar-face-color: #cc33ff; scrollbar-3dlight-color: white; scrollbar-arrow-color: green; scrollbar-darkshadow-color: #660066; scrollbar-highlight-color: white; scrollbar-track-color: #cc33ff; scrollbar-shadow-color: white}  
body.pics {margin: 0px}
select, input, textarea {font-size: 11px; font-weight: bold; color: #000000}
table {background-color: white}
td {text-align: center; font-family: verdana; color: green; font-size: 12px}
tr.silver {background-color: #cccccc} <!-- for priclists popups -->
th {font-weight: bold; font-size: 10px}
th.plist {font-size: 12px; font-family: verdana} <!-- class for pricelit popups -->

ul {list-style-type: square}

.flash {border: 7px ridge black}		

.tab_main {border: 2px solid green}		

.text_pro {font-size: 11px; color: black}
.bold_pro {font-size: 12px; color: black; font-weight: bold}
th.pro {font-size: 11px; color: black}
.product {text-decoration: underline; font-size: 11px; font-weight: bold; color: #000066} <!-- product name -->
.prices {font-weight: bold; font-size: 12px; font-family: verdana; color: #cc0000}
.price {font-weight: bold; font-size: 14px; font-family: verdana; color: #cc0000}

.warning {font-weight: bold; color: #cc0000}

.tab_ad {border: 2px #cc0000 solid}		
.text_ad {color: black}			
.red_border {border: 1px solid #ff6666}
tr.yellow {background-color: yellow}	
.yell {background-color: yellow}
.ad_title {font-size: 22px; color: #cc0000;  font-family: times new roman; font-weight: bold}  

.tab_nav {background-color: #117700}	
.navig {background-color: #339900}	

.slogan {font-family: times new roman; font-size: 23px; font-weight: bold; color: #cc0000}
.red {color: red; font-weight: bold} <!-- text -->

.prod {border-right: 2px solid #6666cc; border-bottom: 2px solid #6666cc; border-top: 2px solid #6666cc} 	
.prod1 {border-left: 2px solid #6666cc; border-bottom: 2px solid #6666cc; border-top: 2px solid #6666cc} 	
.prod2  {border-bottom: 2px solid #6666cc; border-top: 2px solid #6666cc} 	
.noborder {border: 0px}

table.list {background-color: gainsboro}
tr.list {background-color: white}

.title {font-size: 30px; font-family: times new roman; color: black; font-weight: bold}

.left {text-align: left}
.just {text-align: justify}
.cent {text-align: center}
.right {text-align: right}
.bold {font-weight: bold}
.ital {font-style: italic; font-weight: bold}
.und {text-decoration: underline}

.pad5 {padding-left: 5px}
.pad10 {padding: 10px}
.pad30 {padding-left: 30px; padding-right: 30px}
.space {line-height: 150%}

.floatl {float: left}

.copyright {font-size: 10px; color: #6666cc}
.small_font {font-size: 10px}
.small {font-size: 11px}

a:link.terms {font-size: 10px; color: #6666cc; font-weight: 500}
a:active.terms {font-size: 10px; color: #6666cc; font-weight: 500}
a:visited.terms {font-size: 10px; color: #6666cc; font-weight: 500}
a:hover.terms {font-size: 10px; color: #cc0000; font-weight: 500}

a:link {font-family: verdana; font-size: 11px; color: black; font-weight: 500; text-decoration: none}
a:active {font-family: verdana; font-size: 11px; color: black; font-weight: 500; text-decoration: none}
a:visited {font-family: verdana; font-size: 11px; color: black; font-weight: 500; text-decoration: none}
a:hover {font-family: verdana; font-size: 11px; color: red; font-weight: 500; text-decoration: none} <!-- basic links -->

a:link.links {font-size: 11px; color: #3333ff; font-weight: bold; text-decoration: none}
a:active.links {font-size: 11px; color: #3333ff; font-weight: bold; text-decoration: none}
a:visited.links {font-size: 11px; color: #3333ff; font-weight: bold; text-decoration: none}
a:hover.links {font-size: 11px; color: red; font-weight: bold; text-decoration: underline} <!-- the extra links, aboutus, location, etc -->

a:link.but {font-size: 13px; font-family: times new roman; color: #cc0000; font-weight: bold; text-decoration: none}
a:active.but {font-size: 13px; font-family: times new roman; color: #cc0000; font-weight: bold; text-decoration: none}
a:visited.but {font-size: 13px; font-family: times new roman; color: #cc0000; font-weight: bold; text-decoration: none}
a:hover.but {font-size: 13px; font-family: times new roman; color: blue; font-weight: bold; text-decoration: underline} <!-- the cattegory buttons links -->

a:link.but1 {font-size: 13px; font-family: times new roman; color: white; font-weight: bold; text-decoration: none}
a:active.but1 {font-size: 13px; font-family: times new roman; color: white; font-weight: bold; text-decoration: none}
a:visited.but1 {font-size: 13px; font-family: times new roman; color: white; font-weight: bold; text-decoration: none}
a:hover.but1 {font-size: 13px; font-family: times new roman; color: blue; font-weight: bold; text-decoration: underline}

a:link.pics {font-size: 12px; color: black; font-weight: bold; text-decoration: underline}
a:active.pics {font-size: 12px; color: black; font-weight: bold; text-decoration: underline}
a:visited.pics {font-size: 12px; color: black; font-weight: bold; text-decoration: underline}
a:hover.pics {font-size: 12px; color: #cc0000; font-weight: bold; text-decoration: underline} <!-- the link for pop up widnows -->

<!-- shopping cart classes -->

.checkout {background-color: gainsboro}
.checkoutinput {color: #000000;}   
.nopcart {background-color: #333333; border: 1px; color: black;}
.nopheader {background-color: #ccccff; color: navy}
.nopentry {background-color: white; color: black}
.noptotal {background-color: #ccccff; color: black}
.nopbutton {background-color: white; font-size: 11px; color: #cc0000} 

<!-- additional checkout classes -->

  .greetext  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;color: #006600;}
  .blacktext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;color: #000000;}      

<!-- admin classes -->

#list-menu ul { width: 130px; margin: 0; padding: 0; list-style-type: none}
#list-menu li {margin: 2px 0 0}
#list-menu a {display: block; width: 130px; padding: 2px 2px 2px 10px; border: 1px solid #000000; background-color: gainsboro; text-decoration: none}
#list-menu a:link, #list-menu a:active, #list-menu a:visited {color: #000000}
#list-menu a:hover {border: 1px solid #000000; background: #333333 url(../graphics/admin/back.gif); color: #ffffff}