/*css reset*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

/* HTML5 reset */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*end reset*/

html{
	height:100%;
}

tbody a{
	font-family: Frutiger, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: black;
	text-decoration: none;
}

body{
	/*background-color:blue;*/
       background-color:#e6e6e6;
	height:auto;
}

#body_wrap{
	width:705px;
    background:repeat-y;
	background-color:white;
	border-radius:5px;
	padding:0px 30px;
	margin:10px auto 20px auto;
	position:relative;
	display:block;
	overflow: auto;
}

header{
	width:705px;
	height:53px;
	position:relative;
	border-bottom:1px solid #ff9833;
	float:left;
}

nav{
	width:135px;
	position:relative;
	float:left;
	margin:30px 0px 0px 0px;
	font-family:Frutiger, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:17px;
}

nav h1{
	color:#ff9833;
	position:relative;
	float:left;
	width:134px;
}

nav a{
	text-indent:5px;
	position:relative;
	float:left;
	width:134px;
	text-decoration:none;
}

nav ul li{
	text-indent:5px;
	position:relative;
	float:left;
	width:100px;
}

.bread_crumbs{
	height:23px;
	width:570px;
	font-family:Frutiger, Arial, Helvetica, sans-serif;
	font-size:8px;
	font-weight:bolder;
	color:black;
	position:relative;
	float:left;
	padding-top:7px;
}

#filter{
	line-height:23px;
	width:auto;
	position:relative;
	float:left;
	margin-right:5px;
}

#plant{
	line-height:23px;
	position:relative;
	float:left;
	color:green;
}

#wrapper{
	position:relative;
	float:left;
}

#content_wrap{
	width:570px;
	position:relative;
	float:left;
	/*max-height:510px;*/
	overflow:hidden;
    height:1000px;
	
}

#content_wrap p{
	font-family:Chapparal Pro, Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:black;
	position:relative;
	float:left;
	width:474px;
	line-height:14px;
	margin:2px 0 10px 0;
}

#content_wrap h1{
	font-family:Frutiger, Arial, Helvetica, sans-serif;
	color:black;
	font-size:14px;
	height:24px;
	line-height:24px;
}

#thumbnail_wrap{
	width:320px;
	height:60px;
	position:relative;
	float:left;
	margin-top:10px;
}

#thumbnail_wrap img{
	position:relative;
	float:left;
	margin-right:10px;
}

.info_wrap{
	width:227px;
	margin:0px;
	padding:0px;
	position:relative;
	float:right;
	font-family: 'Playfair Display', serif;
	font-size:12px;
	line-height:14px;
}

.info_wrap b{
	color:#333;
}

.info_wrap h3{
	height:12px;
	width:223px;
	font-family:Frutiger, Arial, Helvetica, sans-serif;
	font-weight:100;
	font-size:14px;
	color:black;
	padding-left:3px;
	background-repeat:no-repeat;
	line-height:14px;
}

.info_wrap i{
	width:223px;
	font-family:Chapparal Pro, Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:12px;
	color:#666;
	padding-left:3px;
}

.info_wrap#basics{
	width:226px;
	display:block;
	overflow:auto;
	padding-bottom:5px;
}

.info_wrap h2{
	background-image:url('../images/category_background.png');
	color:white;
	height:26px;
	line-height:26px;
	margin-top:5px;
	font-family:Frutiger, Arial, Helvetica, sans-serif;
	font-weight:100;
	font-size:14px;
	padding-left:3px;
	background-repeat:no-repeat;
}

.info_wrap#bloom{
	width:226px;
	display:block;
	overflow:auto;
	padding-bottom:5px;
}

.info_wrap#care_uses{
	width:226px;
	display:block;
	overflow:auto;
	padding-bottom:5px;
}

#similiar_plants{
	width:320px;
	height:150px;
	position:relative;
	float:left;
}

#similiar_plants img{
	position:relative;
	float:left;
	margin:5px 5px 0 0;
}

#similiar_plants h1{
	height:26px;
	width:319px;
	font-family:Frutiger, Arial, Helvetica, sans-serif;
	font-weight:100;
	font-size:14px;
	color:black;
	padding-left:3px;
	background-repeat:no-repeat;
	line-height:26px;
	border-bottom:1px solid green;
}

#thumb{
	width:75px;
	height:90px;
	position:relative;
	float:left;
	margin:0px 10px 10px 0px;
}

#thumb h1{
	font-family:Frutiger, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:12px;
	height:12px;
	color:black;
	font-weight:lighter;
}

#thumb h2{
	font-family:Frutiger, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:12px;
	height:12px;
	color:black;
	font-weight:lighter;
	font-style:italic;
}

#footer{
	position:relative;
	float:left;
	height:35px;
	width:705px;
	border-top:1px solid #ff9833;
	text-transform:uppercase; 
	margin-top:00px;
    background-color:white;
        padding-left:30px;
        padding-right:30px;
        margin-left:-30px;
}

#footer p{
	font-family:Chapparal Pro, Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	text-align:center;
	position:relative;
	float:right;
	width:704px;
	margin-top:10px;
}

button{
	text-decoration:none;
	position:relative;
	float:left;
	background:none;
	border:none;
}

button.active{
	text-decoration:none;
	position:relative;
	float:left;
	background:none;
	border:none;
}

#collections{
	width:570px;
	/*height:120px;*/
    height:auto;
	position:relative;
	float:left;
}

#collections h1{
	/*border-bottom:1px solid black;*/
	/*margin-bottom:10px;*/
}

#collections #thumb h1{
	border-bottom:none;
	margin-bottom:0;
}

.lblcontent_wraph1
{
    font-family:Frutiger, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:12px;
	height:12px;
	color:black;
	font-weight:lighter;
    border:0;
	margin-bottom:0;
    word-break :normal;
    border-style: none;
}

.lblcontent_wraph2
{
    font-family: Frutiger, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 12px;
    height: 12px;
    color: black;
    font-weight: lighter;
    font-style: italic;
 border-style: none; 
	margin-bottom:0;
    word-break :keep-all;
    border:0;
}
.dlfont
{
    font-family:Frutiger, Arial, Helvetica, sans-serif;
	font-size:10px;
}
#ContHolder
{
	/*border: 0px solid #000000;*/
	float: left;
	padding: 10px;
	width:570px;
}

.imgheight
{
    height:180px;
    padding-bottom:4px;
}


	   
	   /* the overlayed element */
.simple_overlay {
 
    /* must be initially hidden */
    display:none;
 
    /* place overlay on top of other elements */
    z-index:10000;
 
    /* styling */
    background-color:#333;
 
    width:675px;
    min-height:200px;
    border:1px solid #666;
 
    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}
 
/* close button positioned on upper right corner */
.simple_overlay .close {
    background-image:url(/media/img/overlay/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}