/* Styles for the Tree Guide/Tree Store page layouts */
/*************************/
/*** TABLE OF CONTENTS ***/
/*************************/

/********** TREE GUIDE & STORE **********/	
/*** TREE SUMMARY ***/
#tree-images {float:left; position:relative; width:275px;}
#tree-images img#guaranteed {position:absolute; top:195px; left:-8px; width:273px; height:39px;}
#tree-images #tree-img {float:left; width:273px; height:298px; background:#fff; border:1px solid #ccc; overflow:hidden; margin-bottom:5px;}
#tree-images #tree-thumbs {width:275px; height:50px; padding:0; float:left; border:none;}

#tree-summary {margin-left:9px; width:275px; float:left; text-align:left;}
#tree-summary h1 {font:normal 21px Georgia, "Times New Roman", Times, serif; text-align:left; margin:0;}
#tree-summary h2.scientific-name {font:italic 18px/21px Georgia, "Times New Roman", Times, serif; text-align:left;}

/*** PHOTO GALLERY ***/
/*#photo-gallery {text-align:center;}
#photo-place {background:transparent url(/trees/graphics/trees/loading.png) no-repeat center; margin:2.8em auto;}
#tree-thumbs {border: 1px solid #999; background:#f2f2f2; font:normal 0pt/0pt sans-serif; padding:5px;}
#tree-thumbs img {margin:3px;}
#main-photo {border:1px solid #ccc; padding:1.4em;}*/

/*** Info Icons slidetoggle ***/
h3.showhide, h3.moreinfo {
	margin:10px 0 0 0; 
	width:170px;
	background:url(/graphics/optionDiv-bg.jpg) bottom repeat-x;
	border-bottom:1px solid #CCC;
	color:#00F;
	cursor:pointer;
	font:normal 12px Verdana, Geneva, sans-serif;
}
div.detail {margin:0 2px; padding:10px 5px; width:154px; border:1px #CCC solid; border-top:none; display:none; font-size:12px; text-align:left;}
div.detail p {font-size:11px;}
#moreinfo {width:540px; padding:5px 0; border-top:1px solid #CCC; clear:both; display:none; font-size:12px;}
#moreinfo p {font-size:12px;}
.information {width:170px; float:left; text-align:center;}
.categories {color:#206030; font-weight:bold;}
#printable {width:50px; float:right;}
a#master-show {color:#00F; cursor:pointer; text-align:right;}
a#master-show:hover {color:#000;}
a#master-hide {color:#00F; cursor:pointer; text-align:right;}
a#master-hide:hover {color:#000;}
.notation {font-size:10px;}
a#master-show, a#master-hide {margin-left:5px;}