BODY { font-family : "Arial", "Verdana", "Helvetica", sans-serif ; background-color : #ffffff ; color : #333333 ; font-size : 12px ; margin-top : 0px ; padding-top : 0px ; width : 949px ; margin-left : auto ; margin-right : auto ; background: #fff url(background.gif) repeat-y top center;}
H4, H6 { font-family : "Arial", "Verdana", "Helvetica", sans-serif ; color : #3333FF }
H1 { font-family : "Arial", "Verdana", "Helvetica", sans-serif ; font-size : 24px ; color : #3333FF }
H2 { font-family : "Arial", "Verdana", "Helvetica", sans-serif ; font-size : 22px ; color : #3333FF }
H3 { font-family : "Arial", "Verdana", "Helvetica", sans-serif ; font-size : 16px ; color : #3333FF }
H5 { font-family : "Arial", "Verdana", "Helvetica", sans-serif ; font-size : 14px ; color : #3333FF }

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 : #333333 ; text-decoration : underline }
A:visited { color : #333333 ; text-decoration : underline }
A:hover {color : #666666 ; text-decoration : underline }

input { font-size : 12px ; font-family : "Arial", "Verdana", "Helvetica", sans-serif }
textarea { font-size : 12px ; font-family : "Arial", "Verdana", "Helvetica", sans-serif }
select { font-size : 12px ; font-family : "Arial", "Verdana", "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 : #BBBBBB }
.colmainmed    { background-color : #F0F0F0 }
.colmainlight  { background-color : #F6F6F6 }
.colmainlight a:hover { color : #666666 ; text-decoration : underline }

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

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


.colsubadark   { background-color : #66CCFF }
.colsubalight  { background-color : #88DDFF }
.colsubalight a:hover { color : #0000FF ; text-decoration : underline }

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

.colsubbdark   { background-color : #FF703C }
.colsubblight  { background-color : #FF9C78 }
.colsubblight a:hover { color : #0000FF ; text-decoration : underline }

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

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

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


.colnormalbg   { background-color : #ffffff}

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

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


.dirfonttitle  { font-size : 14px ; font-weight : bold ; color : #33333 }
.dirfontitem   { font-size : 14px ; padding-bottom : 6px }
.dirfontitem a:link { color : #333333 ; text-decoration : underline }
.dirfontitem a:visited { color : #333333  ; text-decoration : underline }
.dirfontitem a:hover { color : #999999 ; text-decoration : underline }
.dirfontextra  { font-size : 14px ; 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}
.dirtop { background-color : #FFFFFF ; padding : 0px 0px 4px 2px}
.dirmain { background-color : #FFFFFF ; padding : 4px 0px 4px 2px}

.dirtopgreen { border-top : 4px solid #555555 ; background-color : #CCFFCC ; padding : 4px}
.dirmaingreen { background-color : #CCFFCC ; padding : 4px}

.special  { font-style : italic ; color : #008822 ; font-weight : bold }
.livestock { color : #999999 }
.addbasket input { background: #99FF99 ; }
.stock    { font-style : italic ; font-size : 10px }
.currency { font-style : italic ; font-size : 10px }
.pictureborder { border : 1px solid #CCCCCC }
.warning { border:1px solid black ; text-align:center ; background-color: #DDDDDD ; padding:10px ; margin:10px }
.budget { color : #3333FF ; font-style : italic }
.bybrand { border-top : 2px solid #3333FF ; padding-top : 16px }
.pickandmix { border-top : 8px solid #FFAAAA ; border-right : 1px solid #FFAAAA ; border-left : 1px solid #FFAAAA ; border-bottom : 2px solid #FFAAAA ; padding : 4px }
.pickandmixbasket{ color : #3333FF }

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

.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 : #000000 }
.headerlinks a:link { color : #000000 ; font-size: 14px ; margin: 6px }
.headerlinks a:visited { color : #000000 ; font-size: 14px ; margin: 6px}
.headerlinks a:hover {color : #3333FF }
.footerlinks { color : #FFFFFF }
.footerlinks a:link { color : #FFFFFF ; font-size: 10px }
.footerlinks a:visited { color : #FFFFFF ; font-size: 10px }
.footerlinks a:hover {color : #FFDDDD }
.footertitle { font-weight: bold; font-size:18px}
.copyrightlinks { color : #555555 ; font-size : 10px }
.copyrightlinks a:link { color : #555555 ; font-size: 10px }
.copyrightlinks a:visited { color : #555555 ; font-size: 10px }
.copyrightlinks a:hover {color : #555555 }


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

div.top { margin-top : 4px ; background-color : white }
div.top2 { margin-bottom : 0px ; padding-top : 5px ; padding-bottom : 5px ; border-top : 2px solid #333333 ; background: #ccccff url(curve.jpg) bottom right no-repeat; padding-left : 12px ; padding-right : 24px }
div.left { width : 248px ; float : left ; margin-top : 0px ; padding-top : 0px ; padding-bottom : 25px ; background-color : white }
div.right { width : 674px; float : right ; margin-top : 12px ; padding-top : 0px ; margin-left : 2% ; margin-right : 0px ; padding-right : 0px ; background-color : white }
div.bottom { clear : both ; padding-top : 3px ; padding-bottom : 12px ; padding-right : 6px ; background: #ccccff url(curve.jpg) bottom right no-repeat; border-top : 2px solid #333333 ; height : 135px }
div.bottom2 { padding-top : 3px ; padding-bottom : 3px ; padding-right : 6px ; background-color : #CCCCFF }

.moreinformation { background-color : #CCCCFF ; border-top : 1px solid #333333 ; margin-top : 40px ; padding : 12px ; background: #ccccff url(curve.jpg) bottom right no-repeat; }

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

.codered { color : red }
.codepink { color : #FF3333 }
.codegreen { color : #006600 }
.codeorange { color : #FF6600 }
.codeyellow { color : yellow }
.codeblack { color : black }
.codeblue { color : #0000FF }
.codewhite { color : white ; background-color : black }

.catqconnect { background-color : #FFFFCC }
.catnormal { border: 1px solid #FFFFCC }

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

.newsleft { border-right : solid 4px #3333FF ; float : left ; width : 45px}
.newsright { padding-left : 55px }
.newsd { color : #3333FF ; font-family : "Courier New" ; font-size : 34px ; font-weight : bofld ; padding : 0px ; margin : 0px }
.newsm { color : #3333FF ; font-family : "Courier New" ; font-size : 22px ; font-weight : bofld ; padding : 0px ; margin : 0px ; position : relative ; top : -10px }
.newsy { color : #3333FF ; font-family : "Courier New" ; font-size : 16px ; font-weight : bold ; padding : 0px ; margin : 0px ; position : relative ; top : -12px  }

.homepagebox { padding-left : 0px }

.address { margin-bottom : 14px ; background: #ccccff url(address.jpg) bottom right no-repeat; }
.addresstext { text-decoration : none !important; color : #333333 !important }
.addresstextphone { text-decoration : none !important; font-size : 18px ; font-weight : bold ; color : #333333 !important }
.addresstext:hover { text-decoration : none !important; color : #333333 !important }
.addresstextphone:hover { text-decoration : none !important; font-size : 18px ; font-weight : bold ; color : #333333 !important }