@charset "utf-8";
/* ---------------------------------------------------------------------------------------------- 
 * RAINFOREST FLORA, INC. - MASTER STYLESHEET
 * Copyright (c) 2009-2010 Rainforest Flora, Inc. - Web Development Team
 * ----------------------------------------------------------------------------------------------
 * DEVELOPERS :
 * 		Paul T. Isley IV (Master Coder, Planner), Thomas Durivou (GUI/Layout Designer, Coder)
 *
 * TABLE OF CONTENTS :
 * 		1. Global Styles
 * 		2. Page Styles
 * 		3. Field Styles
 */



/*************************************************************************************************************************/
/*                                                    GLOBAL STYLES                                                      */
/*************************************************************************************************************************/
/* TITLE :
 * 		Global Styles
 *
 * DESCRIPTION : 
 * 
 */
 #fuzz{ position:absolute; top:0; left:0; width:100%; z-index:100; background: url('http://www.rainforestflora.com/style/imageset/dim.png'); display:none; text-align:left; }
/*Message box,right in the middle, giggidy*/
.msgbox{ position:absolute; width:450px; height:200px; z-index:200; border:5px solid #222; background-color: #FFF; top: 50%; left: 50%; margin-top: -100px; margin-left: -250px; padding:10px; }
.msgbox h1{ color:#006600; text-align:center;}
.msgbox h1.red{ color:#F00;}
.msgbox p{
	text-align: center;
	display:block;
	margin:0;
	border:0;
	padding:2px 10px 10px 5px; /* 5 PX INDENT */
	#padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

/* -------------LINK STYLES------------- */

a:link { text-decoration: none; color:#FFFFFF; }
a:visited { text-decoration: none;color:#FFFFFF; }
a:hover { text-decoration:underline; }
a:active { text-decoration: none; }

a.white:link { text-decoration: none; color:#FFF; }
a.white:visited { text-decoration: none; color:#FFF; }
a.white:hover { text-decoration:underline; }
a.white:active { text-decoration: none; }

a.black:link { text-decoration: none; color:#000; }
a.black:visited { text-decoration: none; color:#000; }
a.black:hover { text-decoration:underline; }
a.black:active { text-decoration: none; }

a.green:link { text-decoration: none; color:#006600; }
a.green:visited { text-decoration: none; color:#006600; }
a.green:hover { text-decoration:underline; }
a.green:active { text-decoration: none; }


/* -------------TAG STYLES------------- */

.body {
	list-style:none;
	text-align:center;
	background-image:url(imageset/other/bg_SHINE.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#273120;
	margin: 0;
	padding: 0;
	border:0px;
}

/*************************************************************************************************************************/
/*                                                    PAGE STYLES                                                        */
/*************************************************************************************************************************/
/* TITLE :
 * 		Page Styles
 *
 * DESCRIPTION : 
 * 
 */
 
.index #wrapper {
	width:850px;
	margin-top: 45px;
	margin-left: auto;
	margin-right:auto;
	padding:15px;
	border:0;
	background-color:#FFFFFF;
}
.index #header{
	width:850px;
	background-image:url(imageset/header/bg_HEADER.jpg);
	background-position:center;
	border-top-color:#2d2d2d;
	border-right-color:#2d2d2d;
	border-left-color:#2d2d2d;
	border-top-width:1px;
	border-right-width:1px;
	border-left-width:1px;
	border-top-style:solid;
	border-right-style:solid;
	border-left-style:solid;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
}
.index #navbar{
	width:850px;
	background-image:url(imageset/header/bg_NAV.jpg);
	background-repeat:repeat-x;
	border-top-color:#2d2d2d;
	border-bottom-color:#2d2d2d;
	border-top-width:1px;
	border-bottom-width:1px;
	border-top-style:solid;
	border-bottom-style:solid;
}
.index #container{
	width:850px;
	background-color:#FFFFFF;
	background-image:url(imageset/body/bg_Field.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	border-right-color:#2d2d2d;
	border-left-color:#2d2d2d;
	border-right-width:1px;
	border-left-width:1px;
	border-right-style:solid;
	border-left-style:solid;
}
.index #sidebar{
	width:190px;
	background-color:#dddddd;
}
index #field{
	width:100%;
	padding:10px;
}
.index #footer{
	width:850px;
	background-image:url(imageset/header/bg_NAV.jpg);
	background-repeat:repeat-x;
	border-top-color:#2d2d2d;
	border-bottom-color:#2d2d2d;
	border-top-width:1px;
	border-bottom-width:1px;
	border-top-style:solid;
	border-bottom-style:solid;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
}
.index #refl{
	width:880px;
	align:center;
}
/*************************************************************************************************************************/
/*                                                    FIELD STYLES                                                       */
/*************************************************************************************************************************/
/* TITLE :
 * 		Field Styles
 *
 * DESCRIPTION : 
 * 
 */

/* -------------TITLE STYLES------------- */
.h1{
	#line-height:40px; /*/////////// FOR IE6, IE7 BROWSERS ///////////*/
	line-height:38px;
	width:100%;
	#height:40px; /*/////////// FOR IE6, IE7 BROWSERS ///////////*/
	height:38px;
	border:solid;
	border-color:#cbdfcf;
	border-width:1px;
	margin-bottom: 8px;
	background-color:#f2fdf2;
}

.h1 #text1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#6fae70;
	font-weight:bold;
}

.h2{
	#line-height:40px; /*/////////// FOR IE6, IE7 BROWSERS ///////////*/
	line-height:38px;
	width:100%;
	#height:40px; /*/////////// FOR IE6, IE7 BROWSERS ///////////*/
	height:38px;
	border:solid;
	border-color:#FF0000;
	border-width:1px;
	margin-bottom: 8px;
	background-color:#ffc3c3;
}

.h2 #text1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#FF0000;
	font-weight:bold;
	float:left;
}

.h3{
	#line-height:40px; /*/////////// FOR IE6, IE7 BROWSERS ///////////*/
	line-height:38px;
	width:100%;
	#height:40px; /*/////////// FOR IE6, IE7 BROWSERS ///////////*/
	height:38px;
	margin-top:10px;
	margin-bottom:5px;
	border:solid;
	border-color:#8e8e8e;
	border-width:1px;
	padding:0;
	background-color:#f7f7f7;
}

.h3 #text1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#8e8e8e;
	font-weight:bold;
}

.h4{
	#line-height:40px; /*/////////// FOR IE6, IE7 BROWSERS ///////////*/
	line-height:38px;
	width:100%;
	#height:40px; /*/////////// FOR IE6, IE7 BROWSERS ///////////*/
	height:38px;
	border:solid;
	border-color:#a2a2a2;
	border-width:1px;
	background-color:#c3c3c3;
}

.h4 #text1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#000000;
	text-align:center;
}

/* -------------SUBTITLE STYLES------------- */
.s1{
	width:100%;
	height:18px;
	line-height:18px;
	margin:4px;
	border:0;
	padding:0;
}

.s1 #text1{
	margin:0;
	border:0;
	padding:0;
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000000;
	font-weight:bold;
}

.s1 #text2{
	margin:0;
	border:0;
	padding:0;
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
}

/* -------------TEXTBOX STYLES------------- */
.t1{
	width:100%;
	margin:6px;
	border:0;
	padding:0;
}

.t1 #text1{
	display:block;
	margin:0;
	border:0;
	padding:2px 10px 10px 5px; /* 5 PX INDENT */
	#padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

.t1 #text2{ /* News Titles */
	display:block;
	margin:0;
	border:0;
	padding:0px 0px 0px 5px; /* 5 PX INDENT */
	#padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

.t1 #link1{ /* Arrow Right - Green */
	display:block;
	width:100%;
	background:url(imageset/button/bullet_go.png) no-repeat 3px;
	text-indent:25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

.t1 #link2{ /* Image - Color */
	display:block;
	width:100%;
	margin:5px;
	background:url(imageset/button/image.png) no-repeat 3px;
	text-indent:25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

.t1 #cart1{ /* Cart Add - Color */
	display:block;
	width:100%;
	margin:5px;
	background:url(imageset/button/cart_add.png) no-repeat 3px;
	text-indent:25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

.t1 #img1{
	float:right;
	margin:0px 5px 0px 8px; 
	padding:0px 0px 0px 0px;
	border:solid;
	border-color:#000;
	border-width:1px;
}

/* -------------FORM STYLES------------- */

.f1{
	#line-height:30px; /*/////////// FOR IE6, IE7 BROWSERS ///////////*/
	line-height:28px;
	#height:30px; /*/////////// FOR IE6, IE7 BROWSERS ///////////*/
	height:28px;
	margin:6px;
	padding:0px 5px 0px 5px;
	border:solid;
	border-color:#b8b8b8;
	border-width:1px;
	background-color:#f7f7f7;
}

.f1 #text1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}


/* -------------TABLE STYLES------------- */
.tb {
}

.tb #title1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#000000;
	font-weight:bold;
}

.tb #title2 {
	#line-height:30px; /*/////////// FOR IE6, IE7 BROWSERS ///////////*/
	line-height:28px;
	#height:30px; /*/////////// FOR IE6, IE7 BROWSERS ///////////*/
	height:28px;
	border:solid;
	border-color:#8e8e8e;
	border-width:1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#8e8e8e;
	font-weight:bold;
	background-color:#f7f7f7;
}

.tb #text1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

.tb #text2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#8e8e8e;
}

/* -------------FORM STYLES------------- */


.field #formTitle1{
	#line-height:30px; /*/////////// FOR IE6, IE7 BROWSERS ///////////*/
	line-height:28px;
	#height:30px; /*/////////// FOR IE6, IE7 BROWSERS ///////////*/
	height:28px;
	border:solid;
	border-color:#8e8e8e;
	border-width:1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#8e8e8e;
	font-weight:bold;
	background-color:#f7f7f7;
}

.field #formTitle2{
	#line-height:22px; /*/////////// FOR IE6, IE7 BROWSERS ///////////*/
	line-height:20px;
	#height:22px; /*/////////// FOR IE6, IE7 BROWSERS ///////////*/
	height:20px;
	margin-top:5px;
	margin-bottom:5px;
	border:solid;
	border-color:#8e8e8e;
	border-width:1px;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#8e8e8e;
	font-weight:bold;
	background-color:#f7f7f7;
}

.field #formText1{
	#line-height:30px; /*/////////// FOR IE6, IE7 BROWSERS ///////////*/
	line-height:28px;
	#height:30px; /*/////////// FOR IE6, IE7 BROWSERS ///////////*/
	height:28px;
	margin:6px;
	padding:0px 5px 0px 5px;
	border:solid;
	border-color:#b8b8b8;
	border-width:1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background-color:#f7f7f7;
}

.field #formText2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
	float:right;
}

/*************************************************************************************************************************/
/*                                                    NAV BAR STYLES                                                     */
/*************************************************************************************************************************/
.navBar #title1{
}
.navBar #subtitle1{
}
.navBar #text1{
}

.navbarMAIN{
	background-image:url(imageset/header/bg_NAV.jpg);
	background-repeat:repeat-x;
	border-top-color:#2d2d2d;
	border-bottom-color:#2d2d2d;
	border-top-width:1px;
	border-bottom-width:1px;
	border-top-style:solid;
	border-bottom-style:solid;
}
.navbarTEXT1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
}
/*************************************************************************************************************************/
/*                                                    ALERT BAR STYLES                                                   */
/*************************************************************************************************************************/
.alertbarTITLE1{
	border:solid;
	border-color:#FF0000;
	border-width:1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF0000;
	font-weight:bold;
	background-color:#ffc3c3;
}
/*************************************************************************************************************************/
/*                                                    CONTENT STYLES                                                     */
/*************************************************************************************************************************/
.contentMAIN{
	background-color:#FFFFFF;
	border-right-color:#2d2d2d;
	border-left-color:#2d2d2d;
	border-right-width:1px;
	border-left-width:1px;
	border-right-style:solid;
	border-left-style:solid;
}
.contentTITLE1{
	border:solid;
	border-color:#cbdfcf;
	border-width:1px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#6fae70;
	font-weight:bold;
	background-color:#f2fdf2;
}

/*************************************************************************************************************************/
/*                                                    SIDEBAR STYLES                                                     */
/*************************************************************************************************************************/
.sideBar #title1{
	#line-height:40px; /*/////////// FOR IE6, IE7 BROWSERS ///////////*/
	line-height:38px;
	width:100%;
	#height:40px; /*/////////// FOR IE6, IE7 BROWSERS ///////////*/
	height:38px;
	border:solid;
	border-color:#a2a2a2;
	border-width:1px;
	background-color:#c3c3c3;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#000000;
	text-align:center;
}
.sideBar #subtitle1{
	margin:5px;
	border:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	font-weight:bold;
}
.sideBar #text1{
	background:url(imageset/button/bullet_go.png) no-repeat 3px;
	text-indent:25px;
	margin:5px;
	border:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

