/* house #bb0000 */
/* dark #BFA260 */
/* mid #FFD980 */
/* light #FFECBF */
/* bgnd #FFF7E6 */

body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: medium;
	color: #000000;
	margin: 0 auto;
	background: #ffffff url(../images/bg.gif);
}

.noscreen {display: none;}

.header {width: 960px; height: 200px; position: relative;}
.heading {position: absolute; width: 100%; text-align: center; z-index: 5; bottom: 5px; left: 0; margin: 0; padding: 0; font-size: 1.4em; color: #ffffff; font-weight: bold;}
.strap {width: 100%; text-align: center; font-size: 1.2em; color: #000000; font-weight: bold; padding: 0; margin: 0 0 5px 0;}

.calltoaction {text-align: center; margin: 15px 0 0 0;}
.navtext {margin: 0 0 0 10px; text-indent: -9px;}
.number {font-weight: bold; margin: 5px 0 0 0;}
.counter {width: 5%; float: left; text-align: right; font-weight: bold;}
.prodlist {width: 95%; float: right; text-align: left;}
.smalltextbox {margin: 0 0 3px 0; font-size: 0.8em;}
.prodcode {}
.house {color: #bb0000; font-weight: bold;}
.highlighted {color: #000000; font-weight: bold;}
.protected {color: #ee0000;}
.warning {color: #ee0000; font-weight: bold;}
.floatright {float: right; margin: 3px;}
.floatleft {float: left; margin: 3px;} 
.floatrightcentered {float: right; margin: 0 3px 5px 5px; text-align: center;}
.speciesimagediv {position: relative;}
.speciesimage {padding: 2px; margin: 2px; border: 1px solid #999999; background: #ffffff;}
.fullimagediv {position: absolute; display: none; z-index: 25; bottom: 25px; right: 110px;}
.fullimage {padding: 3px; border: 1px solid #bb0000; background: #ffffff; max-width: 480px;}
.testimonial {font-style: italic; margin: 0;}
.caption {font-size: 0.8em; margin: 0 0 12px 0;}
.footnote {font-size: 0.8em; margin: 6px 0 12px 12px; text-indent: -11px;}
.description {margin: 5px 0; text-align: justify;}
.seasondescription {margin: 5px 0; text-align: left;}
.clickable {cursor: pointer;}
.white {color: #ffffff;}

.seasonslist {width: 600px;}

.infocontent {width: 600px; text-align: justify; font-size: 0.85em;}

.continentdetails {width: 600px; font-size: 0.85em;}
.countrydetails {width: 600px; font-size: 0.85em;}
.speciesdetails {width: 600px; font-size: 0.85em;}
.seasondetails {width: 600px; font-size: 0.85em;}
.contactdetails {width: 600px; font-size: 0.85em;}

.supplierfilters {width: 590px; background: transparent url('images/woodbg.jpg') top left repeat-x; padding: 5px;}

.topborder {border-top: 1px solid #666666;}

.navdivider {margin: 5px 0 5px 6px; width: 2px; height: 17px; vertical-align: middle;}

.topmenupanel {clear:both; background: #bb0000 url('../images/topnavbg.jpg') left center repeat-x; border-right: 0px solid #002163; border-left: 0px solid #007dbd; width: 100%; padding:0; margin: 0 0 12px 0;}

ul.topmenu {padding: 0; margin: 0 0 0 5px; text-align: center; font-size: 0.8em; list-style-type: none;}

li.topmenu {display: inline; color: #ffffff; background: transparent; padding: 0; margin: 0; font-weight: bold;}
li.topmenu a {text-decoration: none; color: #ffffff; margin: 0 5px 0 0;}
li.topmenu a:visited {text-decoration: none; color: #ffffff;}
li.topmenu a:hover {text-decoration: none; color: #ffffff;}
li.topmenu a:active {text-decoration: none; color: #ffffff;}

ul.panelitems {margin: 0 0 0 20px; padding: 0; list-style-type: square;}
li.panelitem {margin: 0; padding: 0;}

.phone {float: right; color: #ffffff; text-align: right; font-size: 0.8em; margin: 5px 5px 0 0;}

.mainbody {
width: 960px;
color: #000000;
background: #ffffff;
padding: 10px;
margin: 0 auto;
}

.header {
width: 100%;
font-size: 1em;
padding: 0;
margin: 0 0 10px 0;
text-align: right;
}

.maincontainer {
width: 100%;
font-size: 1em;
padding: 0;
margin: 0 auto;
}

.maincontent {margin: 0px; font-size: 0.8em;}

.footer {
width: 100%;
color: #bb0000;
text-align: center;
font-size: 0.75em;
padding: 0 0 0 0;
margin: 10px 0 0 0;
line-height: 150%;
border: 0 none;
background: #ffffff;
border-top: 1px #bb0000 solid;
}

.smallfooter {font-size: 0.9em;}

.webmastercontainer {
width: 100%;
text-align: center;
padding: 5px 0 0 0;
margin: 0 auto;
border-top: 0px #999999 solid;
}

.terms {
text-align: left;
font-size: 0.7em;
padding: 0;
margin: 5px;
}

.webmaster {margin: 0; padding: 0; font-size: 0.7em; color: #999999;}

.footertext {margin: 5px;}

.termstext {margin: 0;}

img {border: 0 none;}

.separator {clear: both; height: 1px; font-size: 0.1em; margin: 0; padding: 0; background: transparent;}

.spacer {clear: both; height: 10px; font-size: 0.1em; margin: 0; padding: 0; background: transparent;}

.bigspacer {clear: both; height: 25px; font-size: 0.1em; margin: 0; padding: 0; background: transparent;}

.floatedboxes {float: left; margin: 0 0 0 0;}

.floatedlogo {float: left; margin: 10px 10px 0 0; padding: 5px; width: 165px; height: 125px; text-align: center; position: relative;}

.customerlogo {margin: 5px; vertical-align: middle;}

.tight {margin: 0; padding: 0;}

.righttext {font-size: 0.75em; text-align: right;}

.smaller {font-size: 0.8em;}

.listnav {font-size: 0.8em; padding: 5px 0 0 0;}

.larger {
font-size: 1.2em;
}

.centered {text-align: center;}

.maintext {margin: 0px; padding: 5px;}

ul {margin-top: 12px;}

.maintext li{line-height: 2em;}

.indentedtext {margin: 0 0 3px 25px; padding: 0px;}

.centeredtext {text-align: center; margin: 0; padding: 0;}

.righttext {text-align: right; margin: 0; padding: 0;}

select {color: #000000; background: #ffffff; padding: 0; margin: 0; border: 1px solid #999999;}

.button {cursor: pointer;}

.smallbutton {font-size: 0.8em; cursor: pointer;}

.submit {font-weight: bold; cursor: pointer;}

.nav_button {font-size: 0.8em; cursor: pointer; width: 150px; margin: 2px 0px 3px 0px;}

.boldbutton {font-size: 1.1em; font-weight: bold; margin: 10px; cursor: pointer;}

.subtitle {font-size: 1.2em; color:#ffffff;}

.pricestyle {font-size: 1.2em;}

.leftcol {width: 170px; margin: 0; padding: 0; float: left; text-align: left;}
.maincol {width: 780px; margin: 0; padding: 0; float: right;}
.rightcol {width: 170px; margin: 0; padding: 0; float: right; text-align: right;}
.centrecol {width 600px; margin: 0; padding: 0; float: left;}

.columns {clear: both; padding: 10px;}
.leftcol30 {width: 30%; float: left;}
.leftcol35 {width: 35%; float: left;}
.leftcol40 {width: 40%; float: left;}
.leftcol50 {width: 50%; float: left;}
.leftcol60 {width: 60%; float: left;}
.leftcol70 {width: 70%; float: left;}
.leftcol80 {width: 80%; float: left;}
.leftcol500 {width: 500px; float: left;}

.mainleft {width: 450px; float: left;}
.mainright {width: 300px; float: right;}

.rightcol30 {width: 30%; float: right;}
.rightcol50 {width: 50%; float: right;}
.rightcol60 {width: 60%; float: right;}
.rightcol70 {width: 70%; float: right;}
.rightcol200 {width: 200px; float: right;}

.form {margin: 0; padding: 0;}
.formfield {clear: both; margin: 10px;}
.formlabel {width: 210px; float: left; font-weight: bold; margin: 0 10px 0 0;}
.formlabel30 {width: 30%; float: left; font-weight: bold; margin: 0 10px 0 0;}

hr {color: #999999; height: 1px; border-bottom: 1px #c0c0c0 solid; margin: 5px;}

.underlined {text-decoration: underline;}

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

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

a.boxlink{color: #000000; text-decoration: none; font-weight: bold; font-size: 1.4em; text-transform: capitalize;}
a.boxlink:visited{text-decoration: none;}
a.boxlink:hover{text-decoration: underline;}
a.boxlink:active{text-decoration: none;}

a.smallboxlink{color: #000000; text-decoration: none; font-weight: bold; font-size: 1.1em; text-transform: capitalize;}
a.smallboxlink:visited{text-decoration: none;}
a.smallboxlink:hover{text-decoration: underline;}
a.smallboxlink:active{text-decoration: none;}

a.webmasterlink{color: #999999; text-decoration: none; font-style: italic;} 
a.webmasterlink:visited{text-decoration: none;} 
a.webmasterlink:hover{text-decoration: underline;}
a.webmasterlink:active{text-decoration: none;}

a.footerlink{color: #bb0000; text-decoration: none;} 
a.footerlink:visited{text-decoration: none;} 
a.footerlink:hover{text-decoration: underline;}
a.footerlink:active{text-decoration: none;}

div.rndwrap {position:relative; background: #000099; color: #ffffff; margin: 10px; padding: 15px; width: 75%}
div.rndwrap div{position:absolute; width: 14px; height: 14px;}
div.rndwrap div.tl{background:transparent url(../images/tl_trans.gif) top left no-repeat; left:0; top:0}
div.rndwrap div.tr{background:transparent url(../images/tr_trans.gif) top right no-repeat; right:0; top:0}
div.rndwrap div.br{background:transparent url(../images/br_trans.gif) bottom right no-repeat; right:0; bottom:0}
div.rndwrap div.bl{background:transparent url(../images/bl_trans.gif) bottom left no-repeat; left:0; bottom:0}

.thinborder {margin: 0; padding: 5px; background: #FDFAF3; border: 1px solid #755B2A;}

.searchbox {margin: 0; padding: 5px; background: #FDFAF3; border: 1px solid #755B2A;}

ul.navigation {
		list-style-type: square;
		padding: 0;
		margin: 0 0 0 20px;
		color: #bb0000;
		width: 130px;
		}
		
ul.navigation li {font-weight: normal; padding: 5px 0 0 0; background: transparent; border-bottom: 0px dotted #333e8e;}
ul.navigation li a {font-size: 0.85em; text-decoration: none; color: #000000; font-weight: normal; padding: 0px; letter-spacing: 1px;}
ul.navigation li a:visited {color: #000000; text-decoration: none;}
ul.navigation li a:hover {color: #bb0000; text-decoration: underline;}
ul.navigation li a:active {color: #bb0000; text-decoration: none;}

.navlink {font-size: 0.9em; width: 180px; letter-spacing: 1px;}

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

a.navlinkthis:link {font-weight: bold;} 
a.navlinkthis:visited {font-weight: bold;} 
a.navlinkthis:hover {font-weight: bold;}
a.navlinkthis:active {font-weight: bold;}

.menubullet {margin: 0 3px 0 0;}

.submenubullet {margin: 0 3px 0 20px;}

.leftpanel {width: 150px; float: left; margin: 10px 0; text-align: center; font-size: 0.85em; border: 0px dotted #999999;}

.rightpanel {width: 150px; float: right; margin: 10px 0; text-align: center; font-size: 0.85em; border: 0px dotted #999999;}

.box {float: left; margin: 12px 0 0 12px;}

.box_large {width: 350px; float: left; margin: 0 0 12px 12px;}

.box_small {width: 133px; float: left; margin: 0 0 12px 12px; text-align: center;}

.box_left {width: 150px; float: left; margin: 10px 0; background: #ffecbf; text-align: left;}

.box_right {width: 150px; float: right; margin: 10px 0; background: #ffecbf; text-align: left;}

.regularboxcontent {padding: 10px;}

.boxcontent {padding: 10px;}

.smallboxcontent {padding: 10px; font-size: 0.85em; text-align: center;}

.rightboxcontent {padding: 10px;}

.ledge {background-position: left top; background-image: url(../images/l.gif); background-repeat: repeat-y}
.uedge {background-position: right top; background-image: url(../images/u.gif); background-repeat: repeat-x}
.redge {background-position: right top; background-image: url(../images/r.gif); background-repeat: repeat-y}
.bedge {background-position: left bottom; background-image: url(../images/b.gif); background-repeat: repeat-x}
.ulcorner {background-position: left top; background-image: url(../images/tl.gif); background-repeat: no-repeat}
.urcorner {background-position: right top; background-image: url(../images/tr.gif); background-repeat: no-repeat}
.blcorner {background-position: left bottom; background-image: url(../images/bl.gif); background-repeat: no-repeat}
.brcorner {background-position: right bottom; background-image: url(../images/br.gif); background-repeat: no-repeat}
.ulsquare {background-position: left top; background-image: url(../images/tls.gif); background-repeat: no-repeat}
.ursquare {background-position: right top; background-image: url(../images/trs.gif); background-repeat: no-repeat}

  .tledge { background-position: left top; background-image: url(../images/blank.gif); background-repeat: repeat-y }
  .tuedge { background-position: right top; background-image: url(../images/blank.gif); background-repeat: repeat-x }
  .tredge { background-position: right top; background-image: url(../images/blank.gif); background-repeat: repeat-y }
  .tbedge { background-position: left bottom; background-image: url(../images/blank.gif); background-repeat: repeat-x }
  .tulcorner { background-position: left top; background-image: url(../images/tlt.gif); background-repeat: no-repeat }
  .turcorner { background-position: right top; background-image: url(../images/trt.gif); background-repeat: no-repeat }
  .tblcorner { background-position: left bottom; background-image: url(../images/blt.gif); background-repeat: no-repeat }
  .tbrcorner { background-position: right bottom; background-image: url(../images/brt.gif); background-repeat: no-repeat }
  
h1{
font-size: 1.3em;
color: #bb0000;
}

h2{
font-size: 1.2em;
font-weight: bold;
color: #bb0000;
}

h2.centered{
font-size: 1.2em;
font-weight: bold;
color: #bb0000;
text-align: center;
}

h3{
font-size: 1em;
font-weight: bold;
color: #bb0000;
}

h3.centered{
font-size: 1em;
font-weight: bold;
color: #bb0000;
text-align: center;
}

h3.table{
font-size: 1.2em;
font-weight: normal;
color: #bb0000;
margin: 0;
}

h4{
font-size: 1em;
font-weight: bold;
color: #bb0000;
}

h5{
font-size: 0.9em;
color: #bb0000;
}

h6{
font-size: 0.9em;
color: #bb0000;
}

.tabnavcontainer {margin: 5px 0 0 10px; font-size: 0.85em;}

.tabnav a
{
color: #000000;
background: transparent url('../images/left-tab.gif') left top no-repeat;
text-decoration: none;
padding-left: 10px;
}

.tabnav a span
{
background: url('../images/right-tab.gif') right top no-repeat;
padding: 2px 10px 2px 0;
}

.tabnav a, #tabnav a span
{
display: block;
float: left;
padding: 2px 0 2px 10px;
}

/* Hide from IE5-Mac \*/
.tabnav a, #tabnav a span
{
float: none
}
/* End hide */

.tabnav a:hover
{
color: #bb0000;
background: transparent url('../images/left-tab-hover.gif') left top no-repeat;
padding-left: 10px
}

.tabnav a:hover span
{
background: url('../images/right-tab-hover.gif') right top no-repeat;
padding-right: 10px
}

ul.tabnav 
{
list-style-type: none;
padding: 0;
margin: 0 0 0 40px;
}

.tabnav li
{
float: left;
margin: 0;
}

th {text-align: left;}
.selectform {float: right; margin: 0; font-size: 0.8em; text-align: right;}
.selectlabel {color: #bb0000; font-weight: bold; display: none;}
.sortorderselect {margin: 0 3px; background: #ffecbf; border: 1px solid #bb0000; font-size: 0.9em;}
.s_submit {margin: 0; font-size: 0.9em;}
.adminwelcome {background: #FFECBF; padding: 3px;}
.plaintextbox {border: 0 none; font-weight: bold;}

.setparams {font-size: 0.9em; margin: 0; padding: 5px; border-top: 1px solid #666666;}
.prevnext {float: right; margin: 5px 0; font-size: 0.8em; width: 400px; text-align: right;}
.paging {margin: 5px 0; font-size: 0.95em; text-align: right;}
.thispage {font-weight: bold; color: #bb0000;}

.homeboxwide {width: 100%; margin: 7px 0; border: 1px solid #BFA260; overflow: hidden;}
.homeboxwide h5 {color: #632423; font-size: 1.5em; text-align: center; width: 100%; height: 25px; margin: 0; padding: 5px; background: transparent url('images/woodbg.jpg') top left repeat-x;}
.homeboxwide h6 {text-align: center; height: 15px; margin: 0; padding: 5px;}
.homeboxwide p {margin: 5px; text-align: justify;}

.homebox {width: 280px; margin: 7px; float: left; min-height: 150px; border: 1px solid #BFA260; overflow: hidden;}
.homebox h5 {color: #632423; font-size: 1.5em; text-align: center; width: 100%; height: 35px; margin: 0; padding: 5px; background: transparent url('images/woodbg.jpg') top left repeat-x;}
.homebox h6 {text-align: center; height: 20px; margin: 0; padding: 5px;}
.homebox p {margin: 5px; text-align: justify;}

.shaded {background: #fff7e6;}
.shadedrow {background: #fff7e6; padding: 3px;}
.notshadedrow {background: #ffffff; padding: 3px;}