/* ---------------------------------------------------------------------------
	Set the box model to something sensible
--------------------------------------------------------------------------- */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {  box-sizing: inherit;}


/* ---------------------------------------------------------------------------
	Defaults
--------------------------------------------------------------------------- */
body, html {
	height:100%;
	width:100%;
	margin:0px;
	padding:0px;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	background-image: url(../zimages/layout/menubar.png);
}
body,td,th,a,textarea {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	color: #333333;
	line-height: 19px;
}


h1,h2,h3,h4,h5 {font-family: Georgia, Times, serif;color:#000000;font-weight:600;}
h1 {font-size: 24px; line-height: 32px; margin-bottom: 0.2em;  }
h2 {font-size: 20px; line-height: 26px; margin-bottom: 0.2em;}
h3 {font-size: 18px; line-height: 22px; margin-bottom:0px;}
h4 {font-size: 16px; line-height: 18px; margin-bottom:0px; }
p.intro { font-weight: bold; }
.more { text-align: right;}


a:link
{
	color: #5E8A00;
	text-decoration: none;
}
a:visited {
	color: #5E8A00;
	text-decoration: none;
}
a:hover {
	color: #5E8A00;
	text-decoration: none;
}
a:active {
	color: #5E8A00;
	text-decoration: none;
}



/* ---------------------------------------------------------------------------
	Generic classes
--------------------------------------------------------------------------- */
table {width:100%;	table-layout:fixed;	}
p {margin-top:0.1em;margin-bottom:0.8em;}
img {border:none;}

.bold {font-weight:bold}
.normal {font-weight:normal}
.italic {font-style:italic}
.smaller {font-size:90%;font-weight:normal;}
.verysmall {font-size:80%;font-weight:normal;}

ul {
	padding:0;
	margin:0;
}

.lineStandard {background-color: white;}
.lineHilite {background-color: #fafafa;}

th {text-align:left;vertical-align:bottom}
td {vertical-align:top}

.right {text-align:right}
.center {text-align:center}

#pagedrecordset {margin-top:1.6em}
#pagedrecordset a {border:1px solid #999;padding:0 4px 3px 4px;}

.pull-right {float:right}

.aftertext {font-size:86%;font-weight:normal;}

.latin {font-style:italic}

ul {margin:0px 0px 0px 16px;padding:0px;}
li {margin-bottom:0.2em;}

.clearboth {clear:both}


#clear {
	clear: both;
	display: block;
	height: 12px;
	overflow: hidden;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding: 0;
	margin: 0;
}


h1,h2,h3,h4,h5 {color:#000000;font-weight:normal;}



/* ---------------------------------------------------------------------------
	Main layout (see below for responsive adjustments)
--------------------------------------------------------------------------- */


#pageouter {
	min-height:100%;
	position: relative;
	text-align:center;
	margin:auto;
}

* html #pageouter{height:100%;}


#pagepanel {
	text-align: left;
	margin:0 auto;
	position:relative;
}

#headerpanel {
	position: relative;
	height: 162px;
	z-index: 10;
}


#sidepanel {position:relative;}

/* ---------------------------------------------------------------------------
	Banner and Navigation
--------------------------------------------------------------------------- */
#header_title {
	position: absolute;
	height: 86px;
	width: 427px;
	top: 30px;	left: 1px;
	background-image: url(../zimages/layout/header-title2.png);
	background-repeat: no-repeat;
	z-index: 15;
}
#header_image {
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 15;
	height: 152px;
	width: 322px;
	background-image: url(../zimages/layout/header-apple.jpg);
	background-repeat: no-repeat;
}

#header_strapline {
	position:absolute;top:120px;left:1px; color:#73765f;
	font-size:18px;
	font-family:"Times New Roman",Times;
	font-style:italic;
	}

#menupanel {
	z-index: 20;
	height: 31px;
	text-align: left;
}



#navigation ul {list-style:none;display:inline;margin:0;}
#navigation li {display:inline;list-style-type: none;	}
#navigation li a {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	font-size: 16px;
	line-height: 18px;
	text-transform: uppercase; 
	padding: 12px 30px 12px 0px;
	text-decoration: none;
	display:inline;
	color: #5E8A00;
 }

#navigation li a.last_nav {padding-right:0px !important}

 #navigation a:hover {color: #638000;	text-decoration: none;}


#othersites {position:absolute;left:10px;top:2px;}
#othersites ul {list-style:none;display:inline;}
#othersites li {display:inline;list-style-type: none;	}
#othersites li a {font-size:76%;	display:inline;padding-right:0.5em; }
#othersites li a.current_site {text-decoration:underline}



#sidepanel {
	text-align:left;
	background-color: #EEF0E5;
	color: #464E26;
	margin-top:12px;
/*	margin: 28px 5px 0 0; */
	padding-top: 24px;
	padding-right: 0px;
	padding-bottom: 32px;
	padding-left: 0px;
}



#sidepanel h2 {
	font-size: 16px;
	color: #FFFFFF;
	font-weight: normal;
	display: block;
	margin-bottom: 16px;
	margin-top: 20px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 8px;
	padding-left: 18px;
	text-transform: uppercase;
	background-color: #A0C22F;
	padding-bottom: 8px;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius: 4px 4px 4px 4px;
	
}
#sidepanel h3 {
	font-size: 16px;
	font-weight: normal;
	display: block;
	text-transform: uppercase;
	padding-bottom: 4px;
	text-align: center;
	margin: 0px;
}
#sidepanel p {
	display: block;
	padding-left: 16px;
	margin: 0px;
	padding-right: 16px;
	padding-bottom: 4px;
}
#sidepanel ul {
	list-style: none;
	font-size: 11px;
	line-height: 15px;
	padding-bottom: 10px;
	padding-left: 16px;
	padding-right: 16px;
}
#sidepanel li {
	display: block;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D6DBC7;
	padding-top: 10px;
}
#sidepanel ul a:link, #sidepanel ul a:visited {
	text-decoration: none;
	font-weight: normal;
	font-size: 14px;
}
	
#sidepanel ul a:hover {
	text-decoration: none;
}
#sidepanel ul a:active {
	text-decoration: none;
}

#sidepanel .voting {
	padding-bottom: 5px;
	padding-top: 5px;
	border:none;
}

#sidepanel .voting strong {
	font-size:110%;
}


/*
#contentpanel {
	z-index: 8;
	width: 504px;
	text-align: left;
	position: relative;
	float: left;
	color: #2d2e35;
	padding: 16px 44px 44px 44px;
	min-height:400px;
}
#contentpanel h1 {
	font-size: 24px;
	color: #000000;
	padding-bottom: 8px;
	display: block;
	margin: 0px;
	line-height: 24px;
	font-weight: normal;
	padding-top: 8px;
}
#contentpanel h2 {
	font-size: 20px;
	padding-bottom: 8px;
	font-weight: normal;
	display: block;
	line-height: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-style: italic;
	color: #333333;
}
#contentpanel h3 {
	font-weight: normal;
	display: block;
	color: #666666;
}


#contentpanel h4 {
	display: block;
	color: #666666;
}

#contentpanel p {margin-top:0 }

*/

.darkner {color: #000000}


#footerpanel {
	width:100%;
	font-size: 12px;
	line-height: 13px;
	color: #666666;
	text-align: center;
	padding-top: 2em;
	padding-bottom: 20px;
	margin-top:2em;
	border-top: 1px solid #999;
}

#footerpanel a {font-size: 12px;}

#footerlist {margin:auto 0;}
#footerlist li {list-style-type:none;display:inline;border-right:1px solid #999;padding:0 0.2em}
#footerlist .lastfooter {border-right:none}
/* #footerpanel a {font-size:86%;} */


div.pagedivider {border-bottom:1px solid #999;margin-top:20px; }



#productsearch_sidepanel {
	margin:0px auto 20px auto;
	text-align:center;
	height:50px;
	background-color:#a0c22f;
	-moz-border-radius-topleft:14px;
	-moz-border-radius-topright:14px;
	-webkit-border-radius-topleft:14px;
	-webkit-border-radius-topright:14px;
}


/* ---------------------------------------------------------------------------
	Tables
--------------------------------------------------------------------------- */
table.listing {
	margin-top:0.8em; width:100%;
	table-layout:fixed;
	}

.listing td {
	padding:0.2em 0.1em 0.2em 0;
	font-size:90%;
}
.listing th
{
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 0.1em 0.1em 0.2em 0.1em;
	background-color: #f2f2f2;
	color: #666;
	font-weight:bold;
	font-size:90%;
}


h2.fieldsection {font-size:16px}



table.inputform {
	margin-top:0;
	table-layout:fixed;
	background-color: #f2f2f2;
	border: 1px solid #ddd;
	border-collapse:collapse;
}

.inputform td {
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 6px;
	padding-left: 10px;
}

.inputlabel {
	padding:0.15em;
	border:1px solid #ddd;
	background:#f2f2f2;
}

.inputfield {
	padding:0.15em;
	border:1px solid #ddd;
	background:#f2f2f2;
	-moz-border-radius:0.4em;
	-webkit-border-radius:0.4em;
	font-weight:bold;
}

inputfield:hover, inputfield:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
} 



table.infoform {
background-color: #F9FBFD;
	color: #000000;
	border: 1px solid #D7E5F2;
	border-collapse:collapse;
	width:100%;
	}
.infoform td {
	border: 1px solid #D7E5F2;
	padding: 5px 2px 5px 4px;
	vertical-align:top;
	 }
.infoform th {
	border: 1px solid #D7E5F2;
	padding: 5px 2px 5px 4px;
	vertical-align:top;
	font-weight:bold;
	 }


td.field_title {
	 color: #3670A7;
	background-color: transparent;
	}

td.field_value {
	background-color: #F2F7FB;
	color: #000000;
	} 


table.tree_heights {
	margin-top:0.8em; width:500px;
	table-layout:fixed;
	border: 1px solid #999;
	border-collapse:collapse;
	background-color:#fff;
	}

.tree_heights td {
	padding:0.2em 0.1em 1em 0.2em;
	font-size:80%;
	text-align:center;
}
.tree_heights th
{
	border-top: none;
	border-bottom: 1px solid #999;
	padding: 0.1em 0.1em 0.2em 0.2em;
	color: #666;
	font-weight:bold;
	font-size:80%;
	text-align:center;
}

table.smallgrid {width:100%; border-collapse:collapse;}
.smallgrid th {padding:0.2em;font-size:90%;border:1px solid #999;background-color:#f2f2f2;}
.smallgrid td {padding:0.2em;font-size:90%;border:1px solid #999;}
.smallgrid td p {line-height:150%;}
.smallgrid td li {list-style:none; font-size:90%;}

ul.general li {margin-left:1.5em}


table.orchardgrid {width:100%; border-collapse:collapse;}
.orchardgrid th {padding:0.1em;font-size:12px;border:1px solid #999;background-color:#e2e2e2;font-weight:normal;text-align:center; }
.orchardgrid td {height:60px;padding:0.3em;font-size:12px;border:1px solid #999;background-color:#f2f2f2; text-align:center;vertical-align:middle;}
.orchardgrid td a {font-size:12px;}


/* ---------------------------------------------------------------------------
	Variety page
--------------------------------------------------------------------------- */

#directoryoptions {margin-top:1em;padding-bottom:2em;}
#directoryoptions ul {margin:0 auto;padding:0;margin-left:-10px;}
#directoryoptions li {display:inline;list-style-type: none;	}
#directoryoptions li a {
	float: left;
	padding: 4px 12px;
	border-right: 1px solid #999;
 }
#directoryoptions li a#last {border-right:none}




h1.varietyname_title {font-size:200%;margin-bottom:0px;padding-bottom:0px;clear:both;}
.species {font-style:italic;font-weight:normal;color:#333;font-size:96%;}



#pagetabs {height:32px;width:100%;margin-top:1em;}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	padding: 5px 20px;
/*	border: 1px solid #fff; */ /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}



#directory {
/*	z-index: 8; */
	width: 100% !important;		/* Standards compliant browsers don't respect the outer width and require this otherwise they will be the width plus the padding */
	text-align: left;
	color: #2d2e35;
	background-image: url(../zimages/layout/directory-linedpaper.gif);
/*	background-color: #ECECE9; */
	margin-top: 0px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCFD7;
	border-bottom-color: #CCCFD7;
	border-left-color: #CCCFD7;
	line-height: 18px;
	padding-top: 0px;
	padding-bottom: 44px;
	padding-left: 20px;
	padding-right: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCFD7;
/*	min-height:400px; */
}

.directorytab {
	font-size: 16px;
	text-transform: uppercase;
	color: #FFFFFF;
	background-image: url(../zimages/layout/directorytab-off.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
	height: 23px;
	width: 95px;
	padding-top: 5px;
	display: block;
	float: left;
}
.directorytab a:link, .directorytab a:visited, .directorytab a:hover, .directorytab a:active {
	color: #FFFFFF;
}
/*
#directory h1 {
	font-size: 24px;
	color: #000000;
	padding-bottom: 4px;
	line-height: 24px;
	font-weight: normal;
	background-image: url(../zimages/layout/directory-plainpaper.gif);
	padding-top: 36px;
	width: 500px;
	margin-left: -44px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 44px;
	padding-right: 44px;
}
*/
#directory h2 {
	font-size: 20px;
	padding-top: 20px;
	padding-bottom: 10px;
	font-weight: normal;
	line-height: 18px;
	margin-top: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	font-style: italic;
	color: #1A1A1A;
	background-image: url(../zimages/layout/directory-underline.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#directory h3 {
	font-weight: normal;
	display: block;
/*	margin-bottom: 4px;margin-top:16px; */
	color: #666666;
}

#directory h4 {
	display: block;
	color: #666666;
}


#directory p, #directory ul {
	padding-right: 44px;
}

#directory li {margin-left:16px;}


/* #comments {	width: 500px;} */
#comments a {
	display: block;
	text-align: right;
	margin-top: -4px;
}


.photo {
	border: 1px solid #e5e5e5;
}

.variety_photo_stickytape {
	position: absolute;
	top: -22px;
	right: 106px;
}

.photopaper {
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #BDBDBD;
	border-right-color: #BDBDBD;
	border-bottom-color: #BDBDBD;
	border-left-color: #BDBDBD;
	background-color: #F6F6F6;
	position: relative;
	background-image: url(../zimages/layout/directory-photopaper.png);
	float: right; 
	padding:5px 5px 5px 5px;
	margin:20px 20px 5px 10px;

}



#fulldescr { clear:none;}

#mainsearch {position:relative;top:8px;left:0px;}
#advanced_search {font-size:70%;position:relative;left:-46px;color:#fff;}



.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.tab_content {padding: 0px;	margin-left:0px;}


ul.variety_suppliers {list-style-type:none;width:100%;}
ul.supplier_categories {list-style-type:none;width:100%;margin-left:0;}

.variety_subtitle {line-height:1.2 !important;}


.variety_title_photo {width:350px}

.trademark {font-size:11px;vertical-align:super;}

/* ---------------------------------------------------------------------------
	Varieties page
--------------------------------------------------------------------------- */
#varieties_search {background-color:#f2f2f2;border:1px solid #c2c2c2;padding:0.5em; margin-top:0.6em;float:right;}
#varieties_search input {vertical-align:top}


.variety_sponsorborder {border:1px solid #70A500; padding:3px; background-color:#FFF;}
.variety_sponsortext {font-style:italic; color:#70A500;}

.varietylistimage {
	max-width: 80px;
}

/* ---------------------------------------------------------------------------
	Home page
--------------------------------------------------------------------------- */
#varietieslist ul {margin:0 0 1em 0;padding:0;}
#varietieslist li {display:inline;list-style-type: none; border-left:1px solid #999;padding-left:2px;padding-right:10px;	}

.introtext {font-weight:normal;font-size:150%;line-height:130%;color:#333;}

ul.blossomrecords {margin-bottom:2em;margin-left:1em;}



/* ---------------------------------------------------------------------------
	Article and image layouts
--------------------------------------------------------------------------- */

img.articleimage {
	padding:3px;
	background-color: #FFFFFF;
	box-shadow: 5px 5px 10px #818181;
	-webkit-box-shadow: 5px 5px 10px #818181;
	-moz-box-shadow: 5px 5px 10px #818181;
}

img.thumbnail {
	padding:2px;
	background-color: #FFFFFF;
	border:1px solid #999;
}

/* Float top left */
div.articleimage_1 {float:left;padding-right:10px;padding-bottom:5px;padding-top:5px;}

/* Float top right */
div.articleimage_2 {float:right;padding-left:10px;padding-bottom:5px; padding-top:5px; margin-right:15px;}

/* Across the top */
div.articleimage_3 {padding-bottom:10px; }

/* Across the bottom */
div.articleimage_4 {padding-top:10px; }



div.imagecaption {text-align:center;font-style:italic;font-size:smaller;}
div.imagecaption_left {text-align:left;font-style:italic;font-size:smaller;}


.title_extra {font-size:70%;font-weight:normal;color:#666;margin-left:0.6em;}

/* ---------------------------------------------------------------------------
	Tree Register and other identification listings
	Image shadow is inherited from photopaper
--------------------------------------------------------------------------- */
a.treeregister_title {font-size:22px}
.treeregister_photos {position:relative; width:100%;min-height:260px;  }
/*.treeregister_photos_photo {	position:absolute;top:0px;left:0px;	} */
/* .treeregister_photos_info {position:absolute;top:0px;left:330px; margin:0px;padding:0px 1em 0px 0px;} */

.variety_photo {max-width:640px}

a.h2text { 
font-size: 20px; line-height: 26px; margin-bottom: 0.2em;
}

img.image_frame {
	background-color:#fff;
	padding:2px;
	box-shadow: 5px 5px 10px #818181;
	-webkit-box-shadow: 5px 5px 10px #818181;
	-moz-box-shadow: 5px 5px 10px #818181;
}


.problem_selection {float:left;width:140px;margin-bottom:1em;}



/* ---------------------------------------------------------------------------
	Orchards
--------------------------------------------------------------------------- */
#orchardimage {
	float: right;
	width: 450px;
}
.orchards_breadcrumb {margin-bottom:0.1em;margin-top:1em;}
.orchard_listing li {margin-bottom:1em;list-style-type:none;}
.orchard_listing .profile {padding-left:1em;margin-top:0.5em;}
ul.orchard_varieties {list-style-type:none;}
ul.orchard_varieties li {display:inline;}
li.sponsored1 {border:1px solid #70A500;background-color:#f2f2f2;padding:1em;} 
li.sponsored1 h3 {margin:0px;} 
li.sponsored1 .driving {font-size:0.75em;}


#map_panel {width:100%}

#orchards_map_instructions {
	margin-top:2em;
	padding:0.7em;
	font-size:80%;
	background-color:#f2f2f2;
	border:1px solid #999;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius: 8px 8px 8px 8px;
	}
#orchards_map_instructions h3 {margin-top:0;}
a.orchard_map_name {
	font-size:20px;
	padding:0.1em;
	}
a.orchard_map_name_old {
	background-color:#f2f2f2;
	border:1px solid #999;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px 4px 4px 4px;
	font-size:20px;
	padding:0.1em;
	}
.orchard_map_address {padding-top:1em;padding-right:2em;}

#sidebar {margin-right:1em;}


#map_canvas_outside {width:100%; height:600px; margin-bottom:0.8em;margin-top:1em;}
#map_canvas2 {width:100%; height:500px; border:1px solid #999;}

#featuredorchards {width:100%;}
#featuredorchards hr {color:#70A500;}



.orchard_callahead {
	float:right;width:200px;
	padding:0.3em;
	margin-top:1em;
	border:1px solid red;
	background-color:#f2f2f2;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px 4px 4px 4px;
	}

.orchard_ownership {
	padding:0.3em;
	margin-top:1em;
	border:1px solid red;
	background-color:#f2f2f2;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius: 4px 4px 4px 4px;
	}

#orchard_map_key {margin-top:0.4em;}

/* ---------------------------------------------------------------------------
	State profiles
--------------------------------------------------------------------------- */
#statelinks {width:40%; float:left;}
#stateprofile {width:59%; float:left;}
.statelinks {padding:10px;}
.statelinks div {text-align:center;margin-bottom:10px;}



/* ---------------------------------------------------------------------------
	Catalogue / Directory page
--------------------------------------------------------------------------- */
#catalogue {margin-top:2em;margin-left:0;}

#catalogue li {
	width:190px;min-height:194px;float:left;list-style-type:none;padding-right:18px;margin:0;
}
.catalogue_inner {
	border:1px solid #999;	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	height:170px;width:184px;padding:0.2em;
	background-color:#f2f2f2;
}
#catalogue li h3 {margin-bottom:0.3em;margin-top:0; line-height:1;}
#catalogue li img {display:block;padding:1px; float:left;padding-right:8px;}
.catalogue_summary {text-align:left;font-size:80%;line-height:1.3;}

#lettersmenu {margin:1em 0;}
#lettersmenu li {display:inline;padding-left:0;padding-right:0.4em;}



/* ---------------------------------------------------------------------------
	Variety index filter selection
--------------------------------------------------------------------------- */
#varietylist_container {width:60%}
#varietylist {width:100%;}
table#varietyindex {margin-top:1em;}
#varietyindex h3 {margin-top:0}
td.image_thumbnail_cell {vertical-align:top;text-align:left;height:100px;padding-top:6px;}
#varietyindex img {
	padding:2px;
	box-shadow: 2px 2px 5px #818181;
	-webkit-box-shadow: 2px 2px 5px #818181;
	-moz-box-shadow: 2px 2px 5px #818181;
	}
#varietyindex td {border-top:1px dotted #999;}


#filterselection {
	float:right;width:260px;
	padding:0.3em 0.8em 0.1em 0.8em;
	border:1px solid #999;
	background-color:#f2f2f2;
	margin-bottom:2em;
	}
#filterselection h3 {font-size:110%}
#filterselection ul {margin-top:0;margin-left:0;padding-top:0;padding-left:16px;}
#filterselection li {margin-bottom:0.1em}

#filterselection_selected {margin-bottom:1em;}
#filterselection_selected ul {margin-top:0;margin-left:0;padding-top:0;padding-left:16px;}
#filterselection_selected li {margin-bottom:0.4em}

span.selectioncount {margin-left:0.5em;font-size:80%;}



#facets h2 {border-top:1px solid #999;border-bottom:1px solid #999;margin-top:2em;}


/* ---------------------------------------------------------------------------
	Directions
--------------------------------------------------------------------------- */
div#map_directions {width:100%;height:500px;margin-top:1px;margin-bottom:10px;border:1px solid #999;}
div#directions {border:1px solid #999;padding:0.5em;background-color:#f2f2f2;}
div#directions_right_panel {float:right;width:60%;margin-left:30px;}


/* ---------------------------------------------------------------------------
	Twitter
--------------------------------------------------------------------------- */
div#twitter {margin:10px 0px 30px 0px;}


/* ---------------------------------------------------------------------------
	Book reviews
--------------------------------------------------------------------------- */
.bookreview {clear:both;padding-top:20px;}
.bookreview h3 {margin-top:0;padding-top:0;}
.bookaudience {padding-bottom:5px;}
.amazonlink {float:left;padding:4px 8px 6px 0px;}




/* ---------------------------------------------------------------------------
	Variety comments
--------------------------------------------------------------------------- */
#comments {margin-top:10px;margin-bottom:20px; width:90%;}

.forum_postslisting_simple {
	width:100%;
	table-layout:fixed;
	background-color:#fff;
	border-collapse:collapse;
	margin-top:1em;
}

.forum_postslisting_simple td {padding:0.1em 0.1em 0.2em 0.4em;}

.postheader {
	background-color:#ff6600;
	color:#fff;
	padding:0.4em;
 }

.post {padding:0.4em;}
.post h3 {margin:0px}

.post_location {padding-left:1.2em;color:#000;font-size:80%;}

dl.forum_recentposts_listing { 	}

.forum_recentposts_listing dt {
	background-color:#ff6600;
	color:#fff;
	padding:0.3em;
 }

.forum_recentposts_listing dt a {color:#fff;font-weight:bold;}
.forum_recentposts_listing dd {font-style:italic;margin-left:20px;margin-bottom:20px;}




/* ---------------------------------------------------------------------------
	Variety comparisons
--------------------------------------------------------------------------- */
table.comparator
{
	width: 100%;
	border-collapse: collapse;
	background-color: #EFEFEF;
}
.comparator th {padding:0.4em 0.3em 0.4em 0.2em;font-size:76%;border:1px dotted #666;text-align:center;background-color:#fff;}
.comparator td {padding:0.4em 0.3em 0.7em 0.4em;font-size:76%;border:1px dotted #666;line-height:120%;}
.comparator td a {font-weight:bold}
img.comparator {
	padding:0px;
	box-shadow: 2px 2px 5px #818181;
	-webkit-box-shadow: 2px 2px 5px #818181;
	-moz-box-shadow: 2px 2px 5px #818181;
	}

.comparator_comment {font-style:italic}
td.comparator_label
{
	background-color: #DADADA;
	font-weight: bold;
}


/* ---------------------------------------------------------------------------
	Resources
--------------------------------------------------------------------------- */
.category_cell {float:left;width:260px;height:200px;margin:auto;padding:1em 2.6em 1em 0;}
.category_cell h2 {margin-top:0}


/* ---------------------------------------------------------------------------
	Visitor account page
--------------------------------------------------------------------------- */
#accountmenu {margin-top:1em;padding-bottom:0px;	} 
#accountmenu ul {margin:0 auto;padding:0;margin-left:-10px;}
#accountmenu li {display:inline;list-style-type: none;float: left;	}
#accountmenu li a {
	padding: 4px 12px;
	border-right: 1px solid #999;
 }
 #accountmenu li a#last {border-right:none}
/* #accountmenu li a:hover, #accountmenu li a.current  { text-decoration:underline } */


/* ---------------------------------------------------------------------------
	Events
--------------------------------------------------------------------------- */
h2.event a {font-size:100%;margin-bottom:0;}
h3.event {margin:0}

/* ---------------------------------------------------------------------------
	Contact page
--------------------------------------------------------------------------- */
#inforequest { }
#inforequest h3 {background-color:#f2f2f2;padding:0.3em;margin-top:2em;}


/* ---------------------------------------------------------------------------
	JQuery UI autocomplete - scrollable selection height fix, and width fix
--------------------------------------------------------------------------- */
.ui-autocomplete {
		max-height: 200px;
		overflow-y: auto;
		/* prevent horizontal scrollbar */
		overflow-x: hidden;
		/* add padding to account for vertical scrollbar */
		padding-right: 20px;
	}
	/* IE 6 doesn't support max-height
	 * we use height instead, but this forces the menu to always be this tall
	 */
* html .ui-autocomplete {	height: 200px;	}


.ui-menu {min-width:300px;}

/* ---------------------------------------------------------------------------
	ColorBox
--------------------------------------------------------------------------- */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}