BODY { font-family : "Verdana", "Arial", "Helvetica", sans-serif ; background-color : #ffffff ; color : #000000 ; font-size : 13px ; margin-top : 0px ; padding-top : 0px ; width : 949px ; margin-left : auto ; margin-right : auto ; background: #fff url(background.gif) repeat-y top center ; }
BODY::-moz-selection{background:#FF9999;color:#fff;text-shadow:none}::selection{background:#FF9999;color:#fff;text-shadow:none}
H1 { font-family : "Helvetica", "Arial", "Verdana", sans-serif ; font-size : 24px ; color : #C20000 }
H2 { font-family : "Helvetica", "Arial", "Verdana", sans-serif ; font-size : 16px ; color : #C20000 }
H3 { font-family : "Helvetica", "Arial", "Verdana", sans-serif ; font-size : 16px ; color : #C20000 }
H4 { font-family : "Helvetica", "Arial", "Verdana", sans-serif ; font-size : 14px ; color : #C20000 }
H5 { font-family : "Helvetica", "Arial", "Verdana", sans-serif ; font-size : 36px ; color : #C20000 ; padding-bottom : 0px ; margin-bottom : 12px }
H6 { font-family : "Helvetica", "Arial", "Verdana", sans-serif ; font-size : 18px ; color : #C20000 ; padding-bottom : 0px ; margin-bottom : 12px }

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 : #000000 ; text-decoration : underline }
A:visited { color : #000000 ; 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 : #FF6666 ; 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 : 12px ; font-weight : bold ; color : #33333 }
.dirfontitem   { font-size : 12px ; padding-bottom : 3px }
.dirfontitem a:link { color : #000000 ; text-decoration : underline }
.dirfontitem a:visited { color : #000000  ; text-decoration : underline }
.dirfontitem a:hover { color : #999999 ; text-decoration : underline }
.dirfontextra  { font-size : 12px ; font-style : italic }
.dirindent { padding-left : 10px }
.dirindent UL LI { list-style-image : url(pointsmall.gif) ; margin-left: -15px ; padding-left: 0px ; margin-top:0px ; padding-top : 0px}
.dirtop { padding-top : 20px}
.dirmain { padding : 4px ; padding-top : 22px }

.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 ; font-size : 10px }
.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 : #FF6666 ; font-style : italic }
.bybrand { border : 1px solid #FFAAAA }
.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 : #FF6666 }

.totalprice {font-weight : bold ; font-size : 16px }
.pricemain { color : #C20000 ; font-size : 24px}
.priceminor { color : #C20000 ; padding-top : 16px }
.priceminor a { color : #C20000 ; padding-top : 16px }

.largest  { font-size : 24px ; 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 : #FFFFFF }
.headerlinks a:link { color : #FFFFFF ; font-size: 14px ; margin: 6px }
.headerlinks a:visited { color : #FFFFFF ; font-size: 14px ; margin: 6px}
.headerlinks a:hover {color : #C20000 }
.footerlinks { color : #FFFFFF }
.footerlinks a:link { color : #FFFFFF ; font-size: 10px }
.footerlinks a:visited { color : #FFFFFF ; font-size: 10px }
.footerlinks a:hover {color : #C20000 }
.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 { padding-top : 4px ; margin-top : 0px ; position : absolute ; z-index : 1}
div.top2 { margin-bottom : 0px ; background-color : #555555 ; padding-top : 5px ; padding-bottom : 5px ; position : absolute ; right : 12px ; top : 4px ; padding : 16px ; max-width : 500px }
div.left { width : 164px ; float : left ; margin-top : 96px ; padding-top : 0px ; padding-bottom : 25px ; background-color : white }
div.right { width : 754px; float : right ; margin-top : 96px ; padding-top : 0px ; margin-left : 2% ; margin-right : 0px ; padding-right : 0px ; background-color : white }
div.clear { clear : both }
div.bottom { margin-top : 36px ; padding-top : 3px ; padding-bottom : 3px ; padding-right : 6px ; border-top : 4px solid #C20000 ; position : relative ; height : 130px }
div.bottomleft { background-color : #555555 ; width : 276px ; height : 110px ; position : absolute ; left : 12px ; top : 0px ; color : white ; padding : 12px ; font-size : 10px }
div.bottomleft a { color : white }
div.bottommiddle { background-color : #555555 ; width : 276px ; height : 110px ; position : absolute ; left : 324px ; top : 0px ; color : white ; padding : 12px ; font-size : 10px }
div.bottommiddle a { color : white }
div.bottomright { background-color : #555555 ; width : 276px ; height : 110px ; position : absolute ; left : 636px ; top : 0px ; color : white ; padding : 12px ; font-size : 10px }
div.bottomright a { color : white }
div.line { position : absolute ; height:4px ; width : 100% ; height : 4px ; background-color : #C20000 ; left : 0px ; z-index : 2}

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

.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 #FF6666 ; float : left ; width : 45px}
.newsright { padding-left : 55px }
.newsd { color : #FF6666 ; font-family : "Courier New" ; font-size : 34px ; font-weight : bofld ; padding : 0px ; margin : 0px }
.newsm { color : #FF6666 ; font-family : "Courier New" ; font-size : 22px ; font-weight : bofld ; padding : 0px ; margin : 0px ; position : relative ; top : -10px }
.newsy { color : #FF6666 ; font-family : "Courier New" ; font-size : 16px ; font-weight : bold ; padding : 0px ; margin : 0px ; position : relative ; top : -12px  }

.homepagebox { padding-left : 6px }

.lineright { border-right : dashed 1px #C20000 }
.lineleft { border-left : dashed 1px #C20000 }
.linebottom { border-bottom : dashed 1px #C20000 }
.linetop { border-top : dashed 1px #C20000 }
.lineall { border : solid 1px #C20000 ; padding : 8px}
.linealldotted { border : dashed 1px #C20000 ; padding : 2px ; margin-top : 12px }

.further { margin-left : 75px ; margin-right : 75px ; color : #333 }
.further a { color : #333 }

.highlight { color : #C20000 }
.highlight a { color : #C20000 }

.norm { font-weight : normal }
