/* 
#99CC66 solft lime green
#608040 Mid Forest green :Content BG,
#AEB02C Brown Mustard : ContentRight Border,
#807540 Brown OLIVE  
#333333 Dark grey : pg BG,
#CCCCCC Light grey : ContentCenter BG, ContentRight BG
#FFFFFF White
*/

hr {
display: block;
color: #CCCCCC;
width: 90%;
height: 1px;
float: right;
margin: 2px 20px 5px 0px;
}

td, tr, th, p {
text-decoration: none;

background: none;
}


/* ul { margin: 0px 0px 0px 20px; }  VERY IMPORTANT FOR TOP HOR MENU */
/* li { font-size: 11px; list-style: disc; }  VERY IMPORTANT FOR TOP HOR MENU */


a, a:link, a:visited, a:active {
	color: #608040;
	text-decoration: none;
	background: none;
}
a:hover {
	color: #AEB02C;
	text-decoration: underline;
	background: none;
}

.articleText { /* only applies to actual article text, not summaries ect */

}

.articleCode {
	font-size: 12px;
}

.articleHead, .articleList_tophead, h1, h2 {
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
	line-height : 110%;
	color : #333333;
}

.articleSubHead, .articleList_topsubhead, h3, h4 {
	font-size: 14px;
	font-weight: normal;
	color: #608040;
	line-height: 105%;
	margin-bottom: 0px;
}

.articleSummary {
	font-size: 12px;
	color: #000000;
	line-height: 135%;
}

.contentHead {
	font-size: 16px;
	font-weight: bold;
	color: #608040;
	line-height: 110%;
} 

.contentSubHead {
	font-size: 13px;
	font-weight: bold;
	color: #807540;
	line-height: 110%;
}

.tableHead {
	font-size: 12px;
	font-weight: bold;
	color: #608040;
	line-height: 13px;
}

.tableSubHead {
	font-size: 11px;
	color: #000000;
}

#loggedin {
float: right;
width:300px;
background-color:#FFC507;
padding: 2px 0px 1px 6px;
margin: 0px 0px 2px 0px;
}

#loggedin a{
color:white;
background-color:#333333;
padding: 1px;
}

#contentblock_card table tr td.heading { /* targets header row of sitemap , contact us*/
background: #608040;
}

#content-block table tr td.v09 {  /* targets the botton row of the filelist part*/
font-size: 10px;
color: #333333; 
background: #EEEEEE;
border-bottom: 1px #CCCCCC solid;
}

#content-block {
	min-height: 300px;
	overflow: hidden;
}

#content-block div {  /* targets all div tags in content*/
font-size: 12px;
}

#content-block p {
	/* targets all p tags in content*/
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: block;
}

.v10 { 
border-bottom: 1px #CCCCCC dashed;
font-size: 12px; 
background: #f8f8f8;
}
.v11 { 
border-bottom: 1px #CCCCCC dashed;
font-size: 12px;
background: #f8f8f8; 
}
.v12 {  }
.v13 {  }
.v14 {  }


.formButton	{ 
border-left: 1px ##87B75B solid;
border-right: 1px ##3D5727 solid;
border-bottom: 1px ##3D5727 solid;
border-top: 1px ##87B75B solid;
 font-size: 10px;
 font-weight: bold; 
 color: #333333; 
 background-color: #608040; 
 }
 
.formLabel	{ font-size: 10px; }
.checkLabel	{  font-size: 10px; font-weight: bold;}
.radioLabel	{  font-size: 10px; font-weight: bold;}
.formTextArea	{  font-size: 11px;	}
.inputText	{  font-size: 11px; font-weight: bold;}
.inputPass	{  font-size: 11px; font-weight: bold;}
.selectMenu	{  font-size: 11px; font-weight: bold;}
.selectList	{  font-size: 11px; font-weight: bold;}

/* search */
.formSearch {  font-size: 12px; font-weight: bold;}
.search_form {}
.search_result {
font-size: 10px;
}



.nav_table, .nav_table a, .nav_table a:link, .nav_table a:active, .nav_table a:visited, .nav_table a:hover {
	font-size: 10px;
	color: #4A5966;
	font-weight: normal;
	text-decoration: none;
}
.nav_table a:hover {
	text-decoration: underline;
}

.nav_table_active, .nav_table_active a, .nav_table_active a:link, .nav_table_active a:active, .nav_table_active a:visited, .nav_table_active a:hover {
	font-size: 10px;
	color: #4A5966;
	font-weight: bold;
	text-decoration: none;
}

.articleList_toptext {
	font-size: 10px;
}

.articleList_listhead {
	font-size: 12px;
	font-weight: bold;
}

.image_table {

}

.image_img {

}

.imagelisttd {
width: 100%;
}

.imagelisttbl {
width: 100%;
}


/* CSS for the top level list */
/* CSS for the top level list */
/* CSS for the top level list */
#list_top {
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	font: 10px Verdana, sans-serif;
	/* width: auto; 
	background: #807540;  */	
}

#list_top_ul {
   /* background-image: url(../../img/dusx_images/header_centerbg.gif); 
   background-repeat: repeat-x; */
	padding: 1px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	vertical-align: bottom;
}

#list_top_ul li {
	list-style: none;
	margin: 0px 0px 10px 0px;
	display: inline;
}

#list_top_ul li a {
	/* padding: 3px 0.5em;
	*/
padding: 1px 2px 0px 2px;
margin: 0px 0px 3px 0px;
border-left: 1px #333333 solid;
border-right: 1px #333333 solid;
border-bottom: 2px #807540 solid;
border-top: 1px #333333 solid;
/* OFF */
background: #807540;
background: url("http://www.ferlowbotanicals.com/content/images/dusx_images/tabs_off.gif") repeat-x 20px;
font: 12px Verdana, sans-serif;
text-decoration: none;
}
#list_top_ul li a:link { 
color: #CCCCCC; 
}
#list_top_ul li a:visited { 
color: #CCCCCC; 
}
#list_top_ul li a:hover {
/* OVER */
background: #AEB02C;
/* background: url("http://www.ferlowbotanicals.com/content/images/dusx_images/tabs_over.gif") repeat-x 20px; */
color: #333333;
border-color: #333333;
border-bottom: 2px #AEB02C solid;
}
#list_top_ul li a#list_top_active_link, #list_top li a#list_top_home_active_link {
/* ON */
padding: 1px 3px 0px 3px;
background: #99CC66;
background: url("http://www.ferlowbotanicals.com/content/images/dusx_images/tabs_on.gif") repeat-x 20px;
color: #333333;
border-bottom: 2px #99CC66 solid;
border-top: 1px #cccccc solid;
border-left: 1px #cccccc solid;
}

/* CSS for the currect level list */
/* CSS for the currect level list */
/* CSS for the currect level list */

#list_level {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
}

#list_level ul { 
padding: 0px 0px 0px 0px;
margin: 1px 0px 0px 4px;
list-style-type: none;
display: block;
}
#list_level li { 
	margin: 0px 4px 1px 0px; /* some sort of wierd fix I did */
}
#list_level a {
	display: block;
	/* font : bold; */
	font-size: 11px;
	padding: 2px 2px 1px 10px;
	border: 1px solid #CCCCCC;
	width: 142px;  /* needed to give IE a block over effect */
	max-width: 128px; /* this fixes the width to a max to get around IE incorrect box model */
	background-color: #99CC66;
}
#list_level a:link, #list_level_ul a:visited {
	/* background-color: #807540; */
	background-color: #CCCCCC;
	
	border-left: 1px #EEEEEE solid;
border-right: 1px #CCCCCC solid;
border-bottom: 1px #EEEEEE solid;
border-top: 1px #CCCCCC solid;

	color: #333333;
	/* color: #AEB02C; */
	text-decoration: none;
}
#list_level a:hover {
	padding: 1px 2px 2px 8px;

border-left: 1px #EEEEEE solid;
border-right: 1px #333333 solid;
border-bottom: 1px #333333 solid;
border-top: 1px #EEEEEE solid;
	/* background-color: #AEB02C; */
	background-color: #99cc67;
	color: #333333;
	
}
#list_level_parent a:link, #list_level_parent a:visited, #list_level_parent_link a:hover {
	display: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* above are CSS from frontpage.css default system*/
/* above are CSS from frontpage.css default system*/
/* above are CSS from frontpage.css default system*/
/* above are CSS from frontpage.css default system*/
/* above are CSS from frontpage.css default system*/

body {
margin: 50px 0px 50px 0px;
height: auto;
width: auto;
background: #333333;
font: normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: left;
vertical-align: top;
font-size: 12px;
}

img {
border:0;
}

/* above are CSS for non structural layout*/
/* above are CSS for non structural layout*/
/* above are CSS for non structural layout*/
/* above are CSS for non structural layout*/
/* above are CSS for non structural layout*/

/* BELOW ARE THE DIV CONTENT SETTINGS */
/* BELOW ARE THE DIV CONTENT SETTINGS */
#content-center #contentblock_card {
z-index:1;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
margin-top: 0px;
width:400px;
padding : 0px;
border-left: 1px #CCCCCC solid;
border-right: 1px #CCCCCC solid;
border-bottom: 1px #000033 solid;
border-top: 1px #000033 solid;
background-repeat: no-repeat;
}

#content-center #contentblock_card h1 {
margin-left: 5px;
margin-right: auto;
margin-bottom: 1px;
margin-top: 2px;
}


/* BELOW ARE THE DIV LAYOUT SETTINGS */
/* BELOW ARE THE DIV LAYOUT SETTINGS */
/* BELOW ARE THE DIV LAYOUT SETTINGS */
/* BELOW ARE THE DIV LAYOUT SETTINGS */
/* BELOW ARE THE DIV LAYOUT SETTINGS */
#content-welcome-block {
width: 250px;
max-width: 245px;
background: #FFFFFF;
margin: 0px 0px 0px 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 1px;
padding-top: 0px;
border-left: 2px #AEB02C ;
border-top: 2px #AEB02C ;
border-right: 2px #AEB02C ;
border-bottom: 2px #AEB02C ;
display : block;  
z-index:2; 
float: center;
font: normal 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
} 
#content-welcome-block a{
	display : inline;
	/* removes the padding margins of the <P> for non IE */
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 0px 3px;
	/* FONTs */
	font: normal 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
}
#content-welcome-block h1 {
	/* removes the padding margins of the <P> for non IE */
	margin: 0px 0px 0px 0px;
	/* FONTs */
	padding: 0px 0px 0px 2px; /* negatives match margin on the container */
	background: #99CC66;
	font: bold 18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
}
#content-welcome-block form {
display : inline; /* removes the padding margins of the <P> for non IE */
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 135px;
}



#header {
width: auto; /* was 100% */
height: 75px;
border: 0px;
background: url("http://www.ferlowbotanicals.com/content/images/dusx_images/header_centerbg.gif") repeat-x 574px;
}

#hor_menu {
position: absolute;
left: 20px;
right: 20px;
top: 20px;
z-index:3;
width: 630px; 
	/* padding: 0px;
	margin: 0px;
	width: 100%;
	background: #807540; */
}

#content {
font-size: 12px;
color: #333333;  /* sets test color of article date text.. and more? */
position: absolute;
left: 20px;
right: 20px;
top: 37px;
background: #CCCCCC;  /*shows below column menus */
min-width: 778px; /*keeps it from riding under the menu bar is firefox */
}

#content-center {
	/*margin-left: 150px;
	set via leftmenu_on.css */
	/*margin-right: 150px;
	set via alt_3col.css */
	min-height: 300px;
	padding: 0px 10px 10px 10px;
	background: #FFFFFF;
	border-left: 1px #333333 solid;
	border-right: 1px #333333 solid;
	border-bottom: 0px #333333 solid;
	z-index:0;
}

#content-center td,div { 
/*global settings for Content, because {CONTENT} is wrapped in divs*/
font-size: 12px; 
}

#content-center p { 
/*global settings for Content p, because changing divs margins messes it up*/
font-size: 12px; 
margin: 0px 0px 10px 0px;
}

#worldmap { /* purchase page*/
float: center;
margin-top: 30px;
}

#more a { /* listing MORE link*/
margin: 7px 30px 2px 0px;
padding: 0px 0px 0px 0px;
font-size: 10px;
float: right;
}

#content-left {
position: absolute;
left: 0px;
top: 80px; /* =s header height + hormenu Height + content Top OR like that*/
width: 150px;
z-index:2; 
}

#content-center-footer {
position: relative;	
bottom: 0px;
margin-left: -10px; 
margin-right: -10px;
margin-bottom: -10px;
margin-top: 10px;
border-top: 1px #CCCCCC dashed;
display : block;
width: 100%;
background: #EEEEEE;
color: #cccccc;
padding:0px 15px 0px 4px; /* the large right fixes the IE box issue */
z-index:1;
}

#content-center-footer div,p,table,tr,td {
font-size: 10px;
}

#content-center-topper {
position: relative;	
top: 0px;
margin-left: -10px; 
margin-right: -10px;
margin-bottom: 10px;
margin-top: 0px;
border-bottom: 1px #CCCCCC dashed;
display : block;
width: 100%;
background: #EEEEEE;
padding:0px 15px 0px 4px; /* the large right fixes the IE box issue */
z-index:1;
}


#content-center-topper table tr td {
font-size: 10px;
color: #333333;
}

#footerbase {
	display : block;
	width: auto;
/* position: absolute;	height: 20px; bottom: 0px; left: 0px; */
	background: #608040;
	margin-top:0px;
	margin-bottom:-2px;
	padding-bottom:2px;
	margin-right:0px;
	z-index:1;
/* 	overflow: visible; */
}

#footerbase td {
background: #608040; /* fixes a rollover bg color from showing in IE */
}

#footerbase p {
margin: 1px 5px 1px 5px;
color: #333333;
font-size: 9px;
}

#footerbase a {
color: #AEB02C;
font-size: 10px;
}

#footerbase a:link, #footer p a:visited {
text-decoration: none;
color: #AEB02C;
}

#footerbase a:hover {
text-decoration: none;
color: #CCCCCC;
}

/* FRONT PAGE SeTTINGS */

#frontpage {
display : inline;  
z-index:2; 
margin: 0px 180px 0px 0px;
padding: 0px 180px 0px 0px;
min-width: 679px;
}

.fp_new {
margin: 0px 0px 0px 0px;
padding: 2px 3px 2px 5px;
color: #333333; 
font-size: 12px;
background: url("http://www.ferlowbotanicals.com/content/pages/dx_frontpage/images/recentupdatestext.jpg");
}

.fp_new a {
padding: 1px 0px 1px 0px;
color: #333333;
font-size: 12px;
}

.fp_new a:link {
text-decoration: none;
color: #333333;
}

.fp_new a:hover {
text-decoration: none;
color: #608040;
}

.fp_welcome {
margin: 10px 5px 2px 5px;
padding: 0px 0px 0px 0px;
font-size: 12px;
color: #333333; 
background: url("http://www.ferlowbotanicals.com/content/pages/dx_frontpage/images/welcometext.jpg");
}

.fp_welcome font {
display: block;
margin: 5px 5px 2px 5px;
padding: 0px 0px 3px 0px;
font-size: 12px;
color: #333333; 
}