body { scrollbar-arrow-color: #000000; scrollbar-base-color: #336600 }

.strap { background: #ffffff; border-bottom: 1px solid #999999; padding: 2px; text-align: center; color: #999999; font-size: 8pt; margin: 0px }
.basket { font-size: 9pt; margin: 0em; text-align: center }

/* Main menu */
a:link.mt, a:visited.mt, a:hover.mt, a:active.mt { width: 168px; height: 25px; border-bottom: 1px solid #336600; background: url('images/menutab.png'); color: #ffffff; font-size: 9pt; font-weight: bold; letter-spacing: 1px; margin: 0px; display: block }
a:link.mt, a:visited.mt { color: #ffffff; text-decoration: none; display: block }
a:link.mt2, a:visited.mt2, a:hover.mt2, a:active.mt2 { width: 168px; height: 25px; border-bottom: 1px solid #336600; background: url('images/menutab2.png'); color: #ffffff; font-size: 9pt; font-weight: bold; letter-spacing: 1px; margin: 0px; display: block }
a:link.mt2, a:visited.mt2 { color: #ffffff; text-decoration: none; display: block }
.mt3 { width: 168px; height: 25px; background: url('images/menutab3.png'); color: #ffffff; font-size: 9pt; font-weight: bold; letter-spacing: 1px }

.ms { padding-left: 5px; padding-top: 5px; display: block }

/* Sub menu 1 */
a:link.sm1, a:visited.sm1 { width: 164px; height: 20px; background: url('images/submenubg.gif'); color: #ffffff; text-decoration: none; margin: 0px; border-left: 2px solid #336600; border-right: 2px solid #336600; border-bottom: 1px solid #336600; font-size: 9pt; font-weight: normal; letter-spacing: 0em; display: block }
a:hover.sm1, a:active.sm1 { width: 164px; height: 20px; background: url('images/submenuhibg.gif'); color: #ffffff; text-decoration: underline; margin: 0px; border-left: 2px solid #336600; border-right: 2px solid #336600; border-bottom: 1px solid #336600; font-size: 9pt; font-weight: normal; letter-spacing: 0em; display: block }
a:link.sm1on, a:visited.sm1on, a:hover.sm1on, a:active.sm1on { width: 164px; height: 20px; background: url('images/submenuonbg.gif'); color: #ffffff; text-decoration: none; margin: 0px; border-left: 2px solid #336600; border-right: 2px solid #336600; border-bottom: 1px solid #336600; font-size: 9pt; font-weight: normal; letter-spacing: 0em; display: block }
.ss1 { padding-left: 5px; padding-top: 2px; display: block }

/* Sub menu 2 */
a:link.sm2, a:visited.sm2 { width: 164px; background: url('images/submenu2bg.gif'); color: #336600; text-decoration: none; margin: 0px; border-left: 2px solid #336600; border-right: 2px solid #336600; border-bottom: 1px solid #336600; font-size: 8pt; font-weight: normal; letter-spacing: 0em; display: block }
a:hover.sm2, a:active.sm2 { width: 164px; background: url('images/submenu2hibg.gif'); color: #336600; text-decoration: underline; margin: 0px; border-left: 2px solid #336600; border-right: 2px solid #336600; border-bottom: 1px solid #336600; font-size: 8pt; font-weight: normal; letter-spacing: 0em; display: block }
a:link.sm2on, a:visited.sm2on, a:hover.sm2on, a:active.sm2on { width: 164px; background: url('images/submenu2hibg.gif'); color: #336600; text-decoration: none; margin: 0px; border-left: 2px solid #336600; border-right: 2px solid #336600; border-bottom: 1px solid #336600; font-size: 8pt; font-weight: normal; letter-spacing: 0em; display: block }
.ss2 { padding-left: 15px; padding-top: 2px; padding-bottom: 2px; display: block }

/* Sub menu 3 - Blue links */
a:link.sm3, a:visited.sm3 { width: 164px; height: 18px; background: #ffffff; color: #1b8acf; text-decoration: none; margin: 0px; border-left: 2px solid #1b8acf; border-right: 2px solid #1b8acf; border-bottom: 1px solid #1b8acf; font-size: 8pt; font-weight: normal; letter-spacing: 0em; display: block }
a:hover.sm3, a:active.sm3 { width: 164px; height: 18px; background: #d9ecf7; color: #1b8acf; text-decoration: underline; margin: 0px; border-left: 2px solid #1b8acf; border-right: 2px solid #1b8acf; border-bottom: 1px solid #1b8acf; font-size: 8pt; font-weight: normal; letter-spacing: 0em; display: block }

/* Home page box links */
a:link.box0, a:visited.box0 { color: #ffffff; text-decoration: none }
a:hover.box0, a:active.box0 { color: #ffffff; text-decoration: underline }

a:link.box1, a:visited.box1 { color: #346702; text-decoration: none }
a:hover.box1, a:active.box1 { color: #346702; text-decoration: underline }

a:link.box2, a:visited.box2 { color: #ca4642; text-decoration: none }
a:hover.box2, a:active.box2 { color: #ca4642; text-decoration: underline }

a:link.box3, a:visited.box3 { color: #0d87c6; text-decoration: none }
a:hover.box3, a:active.box3 { color: #0d87c6; text-decoration: underline }

a:link.box4, a:visited.box4 { color: #656565; text-decoration: none }
a:hover.box4, a:active.box4 { color: #656565; text-decoration: underline }

a:link.box5, a:visited.box5 { color: #697545; text-decoration: none }
a:hover.box5, a:active.box5 { color: #697545; text-decoration: underline }

a:link.box6, a:visited.box6 { color: #d26e33; text-decoration: none }
a:hover.box6, a:active.box6 { color: #d26e33; text-decoration: underline }

.headings { color: #ffffff }

.boxt1 { color: #346702; margin: 0px 0px 5px 0px }
.boxt2 { color: #ca4642; margin: 0px 0px 5px 0px }
.boxt3 { color: #0d87c6; margin: 0px 0px 5px 0px }
.boxt4 { color: #656565; margin: 0px 0px 5px 0px }
.boxt5 { color: #697545; margin: 0px 0px 5px 0px }
.boxt6 { color: #d26e33; margin: 0px 0px 5px 0px }

div, p, h1, h2, h3, td, input, textarea, ul { font-family: arial, helvetica, sans-serif; color: #000000; font-size: 9pt }
p { margin-top: 0em; margin-bottom: 0.75em }

input { color: #000000; background-color: #e9e9e9; border: 1px #000000 solid; padding-left: 2px; padding-right: 2px }
input.basket { padding: 5px; height: 25px; width: 40px; text-align: center; font-weight: bold }
.clear { background: none; border: none }
.clearb { background: none; border: none; font-weight: bold }
textarea { color: #000000; background-color: #e9e9e9; border: 1px #000000 solid }
.border { border: 1px #000000 solid }
.lowinput { color: #000000; background-color: #e9e9e9; border: 1px #000000 solid; margin: 0em; padding: 0px 2px 0px 2px; font-size: 8pt }

.footer { font-size: 8pt }
.button { color: #ffffff; background: #336600 }
.buttonhi { color: #ffffff; background: #cc3333 }
.small, .smalllight { font-size: 9pt; margin-top: 0em; margin-bottom: 0em }
.smalllight { font-size: 8pt; font-weight: normal; color: #999999 }
.light {
	color: #999999;
	font-size: 9pt;
	margin-bottom: 10px;
}
.inbox { font-size: 9pt; margin-top: 0em; margin-bottom: 0em }

.pid { font-family: Verdana; font-size: 7.5pt; margin-top: 0em; margin-bottom: 0em }
.description {
	font-size: 9pt;
	margin-top: 0em;
	margin-bottom: 0em;
	letter-spacing: 0.02em;
	line-height: 1.5em;
}
.tight { margin-top: 0em; margin-bottom: 0em }
.tabletop { color: #ffffff; font-weight: bold; font-size: 9pt }
.selectbox { color: #000000; background: #839d46 }
.niceselect { margin: 2px; color: #ffffff; background: #336600; border: none }

h1 { font-size: 13.5pt; font-weight: bold; color: #336600; margin-left: 0px; margin-top: 0px; margin-bottom: 4px }
h2 { font-size: 11pt; font-weight: bold; color: #336600 }
h3 { font-size: 10pt; font-weight: bold; color: #336600 }

h1.pageheader { margin-top: 0.75em; margin-bottom: 0.75em; margin-left: 0em; margin-right: 0em }
h2.boxheading { font-size: 10pt; color: #ffffff; margin-top: 0.2em; margin-bottom: 0.2em; margin-left: 0em; margin-right: 0em; text-transform: uppercase }
h2.welcome { font-size: 9pt; font-weight: normal; color: #000000; margin: 0.5em }

.space { margin-top: 0.25em; margin-bottom: 1em }

hr { height: 1px; color: #336600; width: 110%; margin-left: -2em }

a:link { color: #336600; text-decoration: none }
a:visited { color: #336600; text-decoration: none }
a:active { color: #336600; text-decoration: underline }
a:hover { color: #336600; text-decoration: underline}

a:link.homelink { color: #000000; text-decoration: none }
a:visited.homelink { color: #000000; text-decoration: none }
a:active.homelink { color: #000000; text-decoration: underline }
a:hover.homelink { color: #000000; text-decoration: underline}

a:link.shortlink { color: #666666; text-decoration: none }
a:visited.shortlink { color: #666666; text-decoration: none }
a:active.shortlink { color: #666666; text-decoration: underline }
a:hover.shortlink { color: #666666; text-decoration: underline }

a:link.light { color: #ffffff; text-decoration: none }
a:visited.light { color: #ffffff; text-decoration: none }
a:active.light { color: #ffffff; text-decoration: underline }
a:hover.light { color: #ffffff; text-decoration: underline }

a:link.boxheadinglink { color: #ffffff; text-decoration: none }
a:visited.boxheadinglink { color: #ffffff; text-decoration: none }
a:active.boxheadinglink { color: #ffffff; text-decoration: underline }
a:hover.boxheadinglink { color: #ffffff; text-decoration: underline }

a:link.toplinks { color: #999999; text-decoration: none }
a:visited.toplinks { color: #999999; text-decoration: none }
a:active.toplinks { color: #999999; text-decoration: underline }
a:hover.toplinks { color: #999999; text-decoration: underline }

.thumbtext { font-size: 9pt }

.toptext, .toptextdark, .fixed, .currency, .currencylink { font-size: 10pt; margin-top: 0em; margin-bottom: 0em; margin-left: 0em; margin-right: 0em }
.toptext, .currency, .currencylink { color: #ffffff }
.toptextdark { color: #000000 }
.currencylink { cursor: pointer }

.nav { font-size: 10pt; font-weight:bold; color: #ffffff; background: #cc3333 }
.navHi { font-size: 10pt; font-weight:bold; color: #ffffff; background: #336600 }

.offer, .negative { color: #cc3333 }
.boxtop { font-size: 8pt; color: #ffffff }
.price { margin-top: 0em; margin-bottom: 0em; font-size: 11pt }
.readonly { background: #ffdddd; border: 1px solid #999999 }

.right { text-align: right }

.message { border: 1px solid #000000; padding: 6px; background: #e9e9e9; text-align: left; width: 70% }

.boxtext { font-size: 9pt }

.breadcrumb { color: #000000; margin-left: 0px; margin-top: 0.5em; margin-bottom: 0.5em; text-align: left; line-height: 100%; font-size: 9pt }

img.pngclear { behavior: url("pngbehaviour.htc") }
.thumbpic { border: solid 1px #e9e9e9; cursor: pointer }
.lothumbpic { border: solid 1px #e9e9e9 }
.tdbox {
	border: solid 1px #e9e9e9;
	background: #ffffff;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:5px;
	padding-right:5px;
}
.thumbhi { background: #f3f5ed }
.thumblo { background: none }

.product { margin-left: 0px }
.stocktable { font-size: 10pt }
.hand { cursor: pointer }
.hiline { background: #f4edab }
.selectline { background: #99b380 }
.shortname { font-size: 8.5pt; line-height: 105%; height: 50px; color: #666666; margin-top: 0em; margin-bottom: 0em }

.celltl { border-top: 1px solid #000000; border-left: 1px solid #000000 }
.celltr { border-top: 1px solid #000000; border-right: 1px solid #000000; border-left: 1px solid #000000  }
.celltbl { border-top: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000 }
.celltbr { border: 1px solid #000000 }

.filter { font-size: 9pt; color: #336600 }


.weatherbg {
background-attachment: scroll;
background-image:  url(images/weather/gradient.jpg);
background-repeat: no-repeat;
background-position: left top;
height: 275px;
width: 582px;
}

.weatherwhite { color: #000000 }
.month { text-align: center; width: 61px; font-weight: bold }
.minC { text-align: center; width: 116px; font-weight: bold }
.maxC { text-align: center; width: 104px; font-weight: bold }
.rainfall { text-align: center; width: 146px; font-weight: bold }
.raindays { text-align: center; width: 156px; font-weight: bold; }

.worldguideindent { padding-right: 24px; padding-left: 0px }
.worldguideindent a:link { color: #336600; text-decoration: none }
.worldguideindent a:visited { color: #336600; text-decoration: none }
.worldguideindent a:hover { color: #336600; text-decoration: underline }
.jump {	background-color: #336600; color: #FFFFFF; width: 150px; font-size: 11px; font-weight: bold }

.floatRight { float: right; padding-left: 20px }
.floatLeft { float: left; padding-right: 0px; margin-right: 10px; margin-bottom: 10px; padding-bottom: 10px }

.show, .bigshow { background: none; border: none; font-weight: bold }
.bigshow { font-size: 14pt }

.goodstock { color: #000000 }
.lowstock { color: #cc0000 }
.nostock { color: #999999 }

.right { text-align: right }