BODY { font-family : "Trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif ; background-color : #ffffff ; color : black ; font-size : 12px ; margin-top : 0px ; padding-top : 0px ; width : 700px ; margin-left : auto ; margin-right : auto ; color : #666 }
H1, H2, H4, H6 { font-family : "Verdana", "Arial", "Helvetica", sans-serif ; margin-top:0px}
H3 { font-family : "Verdana", "Arial", "Helvetica", sans-serif ; font-size : 16px  ; margin-top:0px}
H5 { font-family : "Verdana", "Arial", "Helvetica", sans-serif ; font-size : 14px  ; margin-top:0px}

H1,H2,H3,H4,H5,H6 { letter-spacing : 3px }

A H1 { text-decoration : underline }
A H2 { text-decoration : underline }
A H3 { text-decoration : underline }
A H4 { text-decoration : underline }
A H5 { text-decoration : underline }
A H6 { text-decoration : underline }


A:link { color : #006600 ; text-decoration : underline }
A:visited { color : #006600 ; text-decoration : underline }
A:hover {color : #009900 ; text-decoration : underline }

.product { filter:alpha(opacity=60) ; opacity:0.6; -moz-opacity:0.6; }
.producthover { filter:alpha(opacity=100) alpha(opacity=100) ; opacity:1; -moz-opacity:1; }

input { font-size : 12px ; font-family : "Trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif }
textarea { font-size : 12px ; font-family : "Trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif }
select { font-size : 12px ; font-family : "Trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif }

UL LI { list-style-image : url(point.gif) }
OL LI { list-style-type : lower-roman }

HR { color : #660000 }

acronym { text-decoration : border-bottom: 1px dotted black; padding-bottom: 0px; cursor:help }

/***********************************************************************************/

.colmaindark   { background-color : #CCCCCC }
.colmainmed    { background-color : #DDDDDD }
.colmainlight  { background-color : #EEEEEE }
.colmainlight a:hover { color : #009900 ; text-decoration : underline }

/* colmainshade used for titles */
.colmainshade  { border-bottom : 2px solid ; border-color : #00AA00 ; font-size : 18px ; font-weight : bold }

##table.bordermain { border: 1px solid; border-color: #A9E969 }
td.bordermaintop { border-top: 1px solid; border-color: #660000 }


.colsubadark   { background-color : #FFCC66 }
.colsubalight  { background-color : #FFDD88 }
.colsubalight a:hover { color : #880000 ; text-decoration : underline }

table.bordersuba { border: 1px solid; border-color: #FFCC66 }

.colsubbdark   { background-color : #3C70FF }
.colsubblight  { background-color : #789CFF }
.colsubblight a:hover { color : #880000 ; text-decoration : underline }

table.bordersubb { border: 1px solid; border-color: #3C70FF }

table.bordergrey { border: 1px solid; border-color: #CCCCCC }
.colgrey { background-color: #EEEEEE }

.blackborder { border : 1px solid #CCC }

/***********************************************************************************/


.colnormalbg   { background-color : #ffffff}

.colsearch  { font-weight : bold }
a .colsearch { font-weight : bold ; text-decoration : underline }

.searchbox { width : 160px ; padding : 5px }

.AtoZ          { font-size : 16px ; font-weight : bold }


.dirfonttitle  { font-size : 12px ; color : #FFF; font-weight : bold ; background : url('cats.jpg') no-repeat ; width : 147px ; height : 24px ; padding-left:10px ; padding-top:4px }
.dirfontitem   { font-size : 12px ; padding-left:10px ; text-transform : lowercase }
.dirfontitem a:link { color : #006600 ; text-decoration : underline }
.dirfontitem a:visited { color : #006600  ; text-decoration : underline }
.dirfontitem a:hover { color : #009900 ; text-decoration : underline }
.dirfontextra  { font-size : 12px ; font-style : italic }
.dirindent { padding-left : 1px }
.dirindent UL LI { list-style-image : url(pointsmall.gif) ; margin-left: -15px ; padding-left: 0px ; margin-top:0px ; padding-top : 0px}


.special  { color : #006600 ; font-weight : bold }
.livestock { color : #CC0000 }
.addbasket input { background: #FF3300 ; }
.stock    { font-style : italic ; font-size : 10px }
.currency { font-style : italic ; font-size : 10px }

.totalprice {font-weight : bold ; font-size : 16px }
.breadcrumb { color : #999 ; display : inline }
.breadcrumb A { color : #999 }

.largest  { font-size : 18px ; font-weight : bold }
.large    { font-size : 16px ; font-weight : bold }
.larger   { font-size : 14px ; font-weight : bold }
.smallish { font-size : 10px }
.small    { font-size : 9px }

.pic { width: 60px ; height: auto }
.pic:hover { width : auto ; height: auto ; max-width : 250px }

.floatright { float : right ; right : 10px ; width : 45% }

/* DIV element structures */
.headerlinks { color : #666 ; text-transform: lowercase }
.headerlinks a:link { color : #666 ; font-size: 14px ; margin: 6px }
.headerlinks a:visited { color : #666 ; font-size: 14px ; margin: 6px}
.headerlinks a:hover {color : #999 }
.footerlinks { color : #888888 }
.footerlinks a:link { color : #888888 ; font-size: 10px }
.footerlinks a:visited { color : #888888 ; font-size: 10px }
.footerlinks a:hover {color : #FF8888 }
.copyrightlinks { color : #888888 ; font-size : 10px }
.copyrightlinks a:link { color : #888888 ; font-size: 10px }
.copyrightlinks a:visited { color : #888888 ; font-size: 10px }
.copyrightlinks a:hover {color : #FF8888 }


/***********************************************************************************/

div.top { margin-top : 15px ; margin-bottom : 5px ; background-color : #FFF }
div.top2 { margin-bottom : 0px ; background-color : #FFF ; padding-top : 5px ; padding-bottom : 5px }
div.left { width : 18% ; max-width : 150px ; width:expression(document.body.clientWidth > 800? "150px": "auto" ) ; float : right ; margin-top : 0px ; padding-top : 10px ; padding-bottom : 25px ; padding-left : 15px; }
div.right { width : 72%; float : left ; margin-top : 0px ; padding-top : 10px ; margin-left : 5px ; margin-right : 5px }
div.bottom { clear : both ; padding-top : 16px ; padding-bottom : 12px ; padding-right : 12px ; text-transform : lowercase ; background-color : #EEE ; border-top: 1px solid #AAA ; padding-left : 12px }
div.bottom2 { padding-top : 3px ; padding-bottom : 16px ; padding-right : 6px ; background-color : #EEE ; margin-bottom : 0px ; padding-left : 12px }

/***********************************************************************************/