/*
Theme Name: Exotic Green Gaden WP Theme no2
Theme URI: yellowsolutions.com
Description: Custom Wordpress theme for Exotic Green Gaden .
Author: dstelia
Author URI: yellowsolutions.com
version: 2.0
Tags: two column, green, white
*//* basics */
/* CSS Document */

/* -----------------------------------------------
1. SITE MASTER SETUP
----------------------------------------------- */
html {min-height: 100%;}

body{ margin:0px; padding:0px; font-family: Helvetica ,Arial, sans-serif; font-size:0.81em; background: url(images/bg.jpg) left top repeat-x #e6f1c4; color:#5f6351; font-weight:normal;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:bold; color:#4e4e4e; margin:3px 0; padding:3px 0}
table {border-collapse:collapse;}
img{ border:none}
a{ text-decoration:none; color:#5d8647; font-weight:bold}
a:hover{ color:#819737; }
a:focus {outline: none;}



/*USEFUL CLASSES*/
.clearfix:after {content: ".";display: block;height: 0;clear: both; visibility: hidden} /* Non IE clearfix */
.fl{ float:left}
.fr{ float:right}
.red{ color:#c33131}
.black{ color:#000}
.bt{ font-weight:bold}
.bo_no{ border:none!important}
.green{color:#5d8647}
.green1{ color:#819737}
.purple{ color:#943756}

#page{ width:977px; margin:0 auto; padding:0px; background:url(images/backgroung.jpg) top left repeat-y; min-height: 100%;}
 .page-template-home_page-php{ margin: auto; padding:0px}
 p {line-height:22px!important}

/* -----------------------------------------------
2. HEADER
----------------------------------------------- */
#top_header{ background:url(images/top_header.jpg) left top no-repeat; height:108px}
#header{ width:100%; clear:both; height:auto;}
#header h1{ display:none}
#header h2{ color:#CC0000; font-size:1.0em; padding:0 0 10px 30px; text-transform:uppercase; clear:both; width:320px; line-height:1.8em; font-family:Georgia, "Times New Roman", Times, serif}


#logo{ width:420px; float:left; padding:5px 0 0 20px}
#book_marking{ width:445px; float:left; overflow:hidden; padding:0px 0 0 80px}
.blog_link{ background:url( images/icon_blog.png) left top no-repeat;  padding:17px 0 15px 55px; display:block; float:left}
.twitt{ background:url( images/twitter.jpg) left top no-repeat; padding:17px 0 15px 55px; display:block; float:left}
.facebook{ background:url( images/facebook.jpg) left top no-repeat; padding:17px 0 15px 55px; display:block; float:left}
/*.store_op{ padding:0 0 0 95px}
#headings { width:800px; margin:0px auto 0 auto; clear:both; height:80px;}
#headings img{ margin:0px; padding:0px}
#header h2{text-indent:-3000px; display:none}*/

/* -----------------------------------------------
2. NAVIGATION
----------------------------------------------- */
#navigation{width:100%; clear:both;  height:50px; border-top:solid 3px #bbcc7d; clear:both;  }
#phone_top{ width:170px; float:left; padding:5px 0 0 20px}
#phone_top span{ display:block; font-size:15px;color:#97a565; float:left; font-weight:bold; padding:8px 5px}
#phone_top img{ float:left}
#navigation{ width:977px; float:left;  padding:0; _margin:-3px 0 0 0}

#invertedtabs{margin-left: 0px;padding: 0;width:100%;float:left;background: transparent;voice-family: "\"}\"";voice-family: inherit;padding-left: 15px; overflow:hidden}

#invertedtabs ul{font-size:90%;margin:0 0 0 10px;margin-bottom: 1em; /*margin between menu and rest of content*/padding:0;}
#invertedtabs li{display:inline;margin:0 2px 0 0;padding:0;text-transform:uppercase;text-align:center}

#invertedtabs a{float:left;color: #51611c;background:  url(images/left_tab.jpg) no-repeat left top;margin:0 2px 0 0;padding:0 0 0 5px;}

#invertedtabs a span{text-align:center;display:block;background:url(images/right_tab.jpg) no-repeat right top;padding:10px 9px 13px 5px;display:block; vertical-align:middle;cursor:pointer;}

#invertedtabs a span{float:none; padding:10px 20px 13px 20px}

#invertedtabs a:hover{background-position:0% -52px;}
#invertedtabs a:hover span{
background-position:100% -52px; color:#87a12e;
}

.event_tab{ font-size:95%!important; line-height:10px; padding:7px 0 15px 0!important; width:150px!important}

#nav .page-item-190{ display:none}
#nav .page-item-188{ display:none}
#nav .page-item-196{ display:none}
#nav .page-item-199{ display:none}
#nav .page-item-262{ display:none}
#nav .page-item-284{ display:none}
#nav .page-item-331{ display:none}
#nav .page-item-360{ display:none}
#nav .page-item-384{ display:none}

.title_188{ text-transform:uppercase; /*special*/}
.title_10{/*shop*/ }
/* -----------------------------------------------
3. CONTENT
----------------------------------------------- */
#content{width:100%; clear:both; height:auto; background:url(images/backgroung.jpg) top left repeat-y; padding:10px 0}
.in_content{ width:100%; padding:0px; background:url(images/left_flower.jpg) 2px top no-repeat; overflow:hidden; }
.left_col{ float:left; width:520px;  margin:0 10px 0 180px }
.al_right{ float:right}
.entry{ overflow:hidden}
.middle_content{ padding:0 20px 0 180px; width:auto}
.middle_content_shop{ padding:0 20px 0 0px; width:auto}

.title_23{ background:url(images/title_testimonials.jpg) left top no-repeat; text-indent:-3000px; width:330px; height:37px}
.title_27 { background:url(images/title_delivery.jpg) left top no-repeat; text-indent:-3000px; width:330px; height:37px}
.title_29{  background:url(images/title_reco.jpg) left top no-repeat; text-indent:-3000px; width:330px; height:37px}
.title_31{  background:url(images/title_holiday.jpg) left top no-repeat; text-indent:-3000px; width:330px; height:37px}
.title_33{  background:url(images/title_contact.jpg) left top no-repeat; text-indent:-3000px; width:330px; height:37px}

.title_188{ background:url(images/title_special.jpg) left top no-repeat; text-indent:-3000px; width:330px; height:37px}
.title_10{/*shop*/ background:url(images/title_shop.jpg) left top no-repeat; text-indent:-3000px; width:330px; height:37px }
.title_262{ background:url(images/title_wedding.jpg) left top no-repeat; text-indent:-3000px; width:330px; height:37px}

.title_284{ background:url(images/title_wedding_ac.jpg) left top no-repeat; text-indent:-3000px; width:330px; height:37px}

.title_331{ background:url(images/title_deco_rentals.jpg) left top no-repeat; text-indent:-3000px; width:330px; height:37px}

.title_190{ background:url(images/title_mother.jpg) left top no-repeat; text-indent:-3000px; width:330px; height:37px}
.title_196{ background:url(images/title_valentine.jpg) left top no-repeat; text-indent:-3000px; width:330px; height:37px}
.title_199{ background:url(images/title_sympathy.jpg) left top no-repeat; text-indent:-3000px; width:330px; height:37px}

.title_360{ background:url(images/title_floral_ar.jpg) left top no-repeat; text-indent:-3000px; width:330px; height:37px}

.title_384{ background:url(images/title_terms.jpg) left top no-repeat; text-indent:-3000px; width:330px; height:37px}

.eStore-product{ background:url(images/te_tab.jpg) 3px top  no-repeat; border:none!important; overflow:hidden; }
.eStore-thumbnail{ margin:20px 0 0 20px}
.eStore-product-description h2{ padding:24px 0 0 0}
.eStore-product-description { line-height:2.0em}
.eStore-product-description strong{ color:#6e8a09}

.eStore-product-description{ padding:24px 0 0 0; margin-left:180px!important}

.product_page{ overflow:hidden; clear:both; padding:10px 0}
.product_page a{ padding:5px}

.minim_hei{ height:431px}
/*sidebar*/
#sidebar{ width:250px; float:left; background: url(images/tab_bg.jpg) left top no-repeat; padding:20px 0 0 0}
#sidebar ul{ list-style-type:none; margin:0px; padding:0px 0 50px 20px}

#sidebar h2{ color:#336600; text-align:left; text-transform:uppercase}

#content_two{width:100%; clear:both; height:auto; background:url(images/backgroung.jpg) top left repeat-y}

#col_left{ float:left; width:290px;  margin:0 0 0 260px; height:auto; _margin:0 0 0 140px;}

#col_left p, #col_right p{ padding:30px 0 0 5px; display:block; width:290px; color:#5f6351; line-height:20px ; text-align:justify }
#col_right{ float:left; width:290px; height:auto; margin:0 0 0 45px; overflow:hidden}
.box{ background:url(images/box.jpg) center top no-repeat; width:280px; height:255px; margin:20px auto; text-align:center}
.box a { display:block; padding:30px 10px}

#large{ clear:both; width:730px; margin:20px  0 0 190px; height:200px; }
#large p{ width:600px; margin:0; float:left; padding:0 }
.p_sc{ width:auto!important; padding:50px 40px 0 150px!important; color:#819737; display:block }
.p_sc img{ display:block; margin:-35px 0 0 0}
.large{ clear:both; width:730px; margin:20px  0 0 220px;  }
.large p{ line-height:22px}

#large span{color:#819737}
#c_bottom{ background:url(images/b_bottom.jpg) left top no-repeat; height:35px}

#large2{ clear:both; width:730px; margin:20px  0 0 220px; height:auto; background:url(images/swirl.jpg) bottom right no-repeat; height:490px;  }

#our_floral{ padding:60px 0 0 0; background:url(images/our_floral.jpg) left center no-repeat;text-indent:-3000px;  }
#events{ padding:60px 0 0 0; background:url(images/events.jpg) left center no-repeat;text-indent:-3000px;  } 
#delivery{ padding:60px 0 0 0; background:url(images/delivery.jpg) left center no-repeat; text-indent:-3000px  }
#contact{ padding:60px 0 0 0; background:url(images/contact.jpg) left center no-repeat; text-indent:-3000px  }
#sitemap { padding:60px 0 0 0; background:url(images/sitemap.jpg) left center no-repeat; text-indent:-3000px  }
#fl_title{padding:60px 0 0 0; background:url(images/flowers_title.jpg) left center no-repeat; text-indent:-3000px}
#fl_a_title {padding:60px 0 0 0; background:url(images/flower_ar_title.jpg) left center no-repeat; text-indent:-3000px}
#wed_title{padding:60px 0 0 0; background:url(images/wedding_title.jpg) left center no-repeat; text-indent:-3000px}
#hol_title{ padding:60px 0 0 0; background:url(images/holiday_title.jpg) left center no-repeat; text-indent:-3000px}
#plant_title{ padding:60px 0 0 0; background:url(images/plants_title.jpg) left center no-repeat;text-indent:-3000px;  }

#large2 p{ width:auto; text-align:justify; padding:0 0 5px 0; line-height:1.4em; padding:0 0 0 30px }
#large2 img{ float:right; padding:0 30px}
#large2 ul{ padding:0 0 0 60px; margin:3px 0 0 0}
#large2 li{ list-style-image:url(images/bullet.jpg); line-height:1.5em}
.list_ev li{ list-style-image:url(images/bullet.jpg); line-height:1.5em}
#presentation{clear:both; width:730px; margin:20px  0 0 220px; height:auto; }
/*#presentation img{ padding:10px 10px 30px 10px; float:left; background:url(images/box2.jpg) top center no-repeat; margin:5px 5px 10px 5px;}*/
.box2{background:url(images/box2.jpg) top center no-repeat; width:220px; height:240px; float:left}
.box2 img{padding:10px 10px 4px 10px; margin:0 auto; text-align:center; display:block }
#presentation p{ width:222px; float:left}
#presentation span{ display:block; text-align:center; font-weight:bold; text-transform:capitalize}

.text_p{ padding:0 0 0  145px!important}
/* -----------------------------------------------
4. FOOTER
----------------------------------------------- */

#footer_top{ width:977px; margin:0 auto;background:url(images/b_footer_top.gif) left top no-repeat; height:20px}
#footer{ width:977px; margin:0 auto;background:url(images/b_footer.gif) left top repeat-y; padding:0 0 0px 0; float:left }
.fo_bg{ width:96%; margin:0 auto; background:url(images/footer_swirl.jpg) left bottom no-repeat; height:220px; color:#fff}
.copy{ float:left; width:620px}
.copy a{ color:#fff!important; font-weight:normal!important; text-decoration:underline}
.right_footer{ float:left; width:300px; font-size:1.2em; line-height:1.8em; margin-bottom:0px; }
.right_footer a{ font-weight:bold; color:#006600}
.right_footer a:hover{ color:#ccc}

.post-edit-link{ clear:both; padding:0 0 0 200px}
/*-------------------------------------------------
lightbox gallery

--------------------------------------------*/
#lightbox{position: absolute;top: 40px;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#lightbox a img{ border: none; }
#outerImageContainer{position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto;}
#imageContainer{padding: 10px;}
#loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;line-height: 0;}
#hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%;height: 100%;background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../../s_images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../s_images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;}
#imageData{padding:0 10px;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	color:#333!important}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; color:#333!important	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}		
#overlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;background-color: #272e0d;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix {display: inline-block; width: 100%;}
* html .clearfix {/* Hides from IE-mac \*/height: 1%;/* End hide from IE-mac */}	
.adrr { float:right; margin:-55px 5px 0 0 }


/*-------------------------------------------
testimonials page
--------------------------------------------*/
.te_tab{ width:730px; background:url(images/te_tab.jpg) 3px top no-repeat; overflow:hidden;}
.te_tab dl{ width:600px; float:left; margin:30px 0 0 30px;}
.te_tab dt{ width:250px; float:left;}
.te_tab dt img{ display:block; margin:10px; border:solid 3px #bbcc7d}
.txt{ width:340px!important; text-align:justify; line-height:1.6em}
.txt strong{ display:block; font-style:italic; text-align:right!important}
.wide_dt{ width:auto!important;  text-align:justify; line-height:1.6em}
.wide_dt strong{ display:block; font-style:italic; text-align:right!important}

.alignright{ float:right; padding:0 0 0 10px}
.alignleft{  float: left; padding:0 10px 0 0px}
.min_h{ height:390px;}


.ngg-gallery-thumbnail-box{ background:url(images/box_gal.jpg) center top no-repeat; width:250px;  margin:10px 1px;  text-align:center; border:none; height:260px; /*border-bottom:solid 1px #ddd*/}
.ngg-gallery-thumbnail img { border:none!important; background:none!important; margin:20px auto 4px auto!important; display:block!important;} 
.ngg-gallery-thumbnail{  margin:0 auto!important; text-align:center; padding:0 20px; float:none!important}

.ngg-gallery-thumbnail span{ text-transform:capitalize}

.ngg-navigation{ padding:15px 5px!important;}
.ngg-navigation  a.page-numbers:hover, .ngg-navigation a.next,
.ngg-navigation a.prev, 
.ngg-navigation span.page-numbers,
.ngg-navigation span.next,
.ngg-navigation span.prev{ background:#5D8647!important; color:#fff!important }

.sitemap li{ padding : 10px 0}