/* ===== Updated Styles ===== */

.body-wrapper {
	margin: 20px;
	color: #333;
    font-family: Avenir, Verdana, Geneva, Arial, Sans Serif;
    font-size: 1em;
}

.body-wrapper h1, h2 {
    border-bottom: 1px solid #369;
    color: #369;
    font-family: Trebuchet MS, Verdana, Arial, Sans-Serif;
    font-weight: bold;
    width: 100%;
    display: block;
    margin-bottom: 5px;
}

.body-wrapper p {
	margin: 1em;
}

.contact-style {
	box-sizing: border-box;
	min-width: 18ex;
	padding: 0 0.5rem 0 0;
}

.inline-button {
	display: inline-block;
}

.header-date {
	color:#333;
	font-size:0.75em;
	font-style:italic;
}

/* ==== New Footer Styles ==== */

footer {
	bottom: 0;
	clear: both;
	font-family: Avenir, Nunito, Muli, Verdana, Geneva, Arial, Sans Serif;
	text-shadow: 0px 1px 0px #fff;
	color: #333;
	font-size: 12px;
	left: 0;
	margin: 0 auto;
	position: fixed;
	right: 0;
	z-index: 12;
}

footer.interior {
	background: #e0e0e0;
	background: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#eaeaea)); /* for webkit browsers */
	background: -moz-linear-gradient(bottom,  #eaeaea,  #e0e0e0); /* for firefox 3.6+ */
	background: linear-gradient(#e0e0e0, #eaeaea);
	border-top: 1px solid #999;
	margin: 0 auto;
	padding:5px 10px;
	height: 16px;
}

footer a {
	color: #333;
	text-decoration: none;
}

footer a:hover {
	color: #369; // #57768F;
	text-decoration: none;
}

footer.interior ul {
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
}

footer.interior ul li {
	display: inline;
	margin: 0 10px 0 0;
}

footer.interior small {
	font-size: 1em;
	float: right;
	margin: 0;
	padding: 0;
	text-align: right;
}

/* ===== Original Styles ===== */

a {
    color: #00f;
}

a:hover {
    color: #369;
}

body {
    background-color: #fff;
    margin: 0px;
}

.body style p {
    font-weight: bold;
}

.linkStyle {
    font-size: 12px;
    font-family: Arial;
    color: #369;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0px 1px 1px #fff;
}

.linkStyle:hover {
    color: #0000FF
}

.menuStyle {
    font-size: 12pt;
    font-family: 'Sans-Serif';
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none
}

.menuStyle:hover {
    color: #FFFFFF
}

.titleStyle {
    font-family: Verdana, Arial, Sans-Serif;
    font-weight: bold;
    font-size: 12px;
    color: #FFFFFF
}

.textBodyStyle {
    font-family: Verdana, Trebuchet MS, Geneva, Verdana, Arial, Sans-Serif;
    font-size: 11px;
    color: #000000
}

.footerLinkStyle {
    font-size: 11px;
    font-family: Arial;
    color: #fff;
    text-decoration: none;
}

.footerLinkStyle:hover {
    color: #fff;
    text-decoration: underline;
}

.footerTextStyle {
    font-size: 11px;
    font-family: Arial;
    color: #fff;
    text-decoration: none;
}

.footerStyle {
    background-color: #369;
    border-top: 1px solid #000;
    border-bottom: 2px solid #000;
    font-size: 10px;
    font-family: Arial, Verdana;
    color: #fff;
    padding: 2px 10px 2px 10px;
}

.footerBreadcrumbs {
    display: inline;
    float: left;
    text-align: left;
}

.footerCopyright {
    display: inline;
    float: right;
    text-align: right;
}

.sub-menu {
    display: block;
    background-image: url('http://www.edenwaith.com/images/whitebg.png');
    font-family: Verdana, Arial;
    color: #000000;
    font-size: 12px;
    padding: 3px;
    padding-left: 5px;
    text-decoration: none;
    border: 0px solid #000000;
    border-top: 0px;
}

.sub-menu:hover {
    display: block;
    background-image: none;
    background-color: #369;
    color: #fff;
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000;
    padding: 3px;
    padding-left: 5px;
    padding-top: 1px;
}

.body_style {
    color: 333333;
    font-family: Verdana, Geneva, Arial, Sans Serif;
    font-size: 11px;
    padding: 10px;
}

.header_style {
    display: block;
    width: 100%;
    border-bottom: 1px solid #000;
    font-family: Trebuchet MS, Futura, Verdana, Sans-Serif;
    font-weight: bold;
    color: #000;
}

.product-title {
    font-family: Stonehenge, Papyrus, Verdana, Trebuchet MS, Times New Roman;
    color: #ffffff;
    font-size: 15px;
    display: block;
}

.options_td_style-old {
    display: block;
    background: #EEEEEE;
    border: 1px solid #EEEEEE;
}

.options_td_style {
    text-decoration: none;
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    border-bottom: 1px dotted #cccccc;
    border-top: 1px solid #fff;
    padding: 0px;
    font-family: Verdana, Geneva, Arial, Sans-Serif;
    font-size: 11px;
    color: #000000;
    padding: 1px 0px 1px 5px;
}

.logo_td_style {
    padding: 5px;
    text-align: left;
}

// .options_td_style:hover {
    display: block;
    background: #BBBBDD;
    border: 1px solid #000000;
}

.options_link_style2 {
    display: block;
    width: 196px;
    text-decoration: none;
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    border-bottom: 1px dotted #cccccc;
    border-top: 1px solid #fff;
    padding: 0px;
    font-family: Verdana, Geneva, Arial, Sans-Serif;
    font-size: 11px;
    color: #000000;
    padding: 1px 0px 1px 5px;
}

.options_link_style {
    display: block;
    width: 196px;
    text-decoration: none;
    background-color: #f2f2f2;
    border-top: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    border-bottom: 1px dotted #cccccc;
    border-left: 1px solid #f2f2f2;
    border-top: 1px solid #fff;
    padding: 0px;
    font-family: Verdana, Geneva, Arial, Sans-Serif;
    font-size: 11px;
    color: #000000;
    padding: 1px 0px 1px 5px;
}

.optionsLinkStyle {
    display: block;
    width: 196px;
    text-decoration: none;
    background-color: #f2f2f2;
    border-top: 1px solid #000;
    border-right: 2px solid #f00;
    border-bottom: 3px solid #0f0;
    border-left: 4px solid #00f;
}

.optionsLinkStyle2 {
    display: block;
    width: 196px;
    text-decoration: none;
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    border-bottom: 1px dotted #cccccc;
    border-top: 1px solid #fff;
    padding: 0px;
    font-family: Verdana, Geneva, Arial, Sans-Serif;
    font-size: 11px;
    color: #000000;
    padding: 1px 0px 1px 5px;
}

.exp {
    background-color: #e5ecf3;
    border-bottom: 1px solid #b3c6dc;
    display: block;
    width: 150px;
    padding: 1px;
    text-decoration: none;
}

.exp:hover {
    background-color: #b8cade;
    border-top: 1px solid #b8cade;
}

.screenshot_image {
    background-color: #f2f2f2;
    border-top: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    border-bottom: 1px dotted #cccccc;
    border-left: 1px solid #f2f2f2;
    border-top: 1px solid #fff;
    padding: 1px 0px 1px 5px;
}

.screenshot_image:hover {
    background-color: #b7c6db;
    border: 1px solid #003581;
    -moz-border-radius: 8px;
}

<!-- .options_link_style:hover {display:block; text-decoration: none; background-color: #3366CC; border: 1px solid #000055; font-family: Verdana, Geneva, Arial, Sans-Serif; font-size: 13px; color: #FFFFFF} -->
.options_link_style:hover {
    display: block;
    text-decoration: none;
    background-color: #b7c6db;
    border: 1px solid #003581;
    font-family: Verdana, Geneva, Arial, Sans-Serif;
    font-size: 11px;
    color: #000000;
    -moz-border-radius: 8px;
}

.description-style {
    background: #F2F2F2;
    border-right: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    font-family: Verdana, Trebuchet MS, Verdana, Geneva, Arial, Sans-Serif;
    font-size: 12px;
    color: #000000;
    padding: 1px 0px 1px 5px;
}

.minor-menu {
    background-color: #fafafa;
    font-family: Verdana, Trebuchet MS, Verdana, Geneva, Arial, Sans-Serif;
    font-size: 11px;
    color: #000000;
    border-bottom: 1px solid #bfbfbf;
    padding: 1px 0px 1px 15px;
}

.main-title-style {
    border-bottom: 1px solid #369;
    color: #369;
    font-family: Trebuchet MS, Verdana, Arial, Sans-Serif;
    font-size: 24px;
    font-weight: bold;
    width: 100%;
    display: block;
    margin-bottom: 5px;
}

/* ===== Footer Styles ===== */
div.footer {
    background-color: #eee;
    border-top: 1px solid #999;
    height: 20px;
    font-family: Avenir, 'Proxima Nova', Verdana, Roboto, Tahoma, Sans-serif; // Verdana, Optima, Tahoma, Lucida Grande, Sans-serif;
    font-weight: normal;
    color: #707070;
    padding: 0px 10px 0px 10px;
    position: fixed;
    bottom: 0;
    width: 100%;
}

div.breadcrumbs {
    float: left;
}

div.breadcrumb {
    border: 0px dotted #fff;
    background-image: url('http://www.edenwaith.com/images/Breadcrumb_Arrow.png');
    background-position: right;
    background-repeat: no-repeat;
    padding-left: 10px;
    padding-right: 15px;
    float: left;
    text-align: left;
    vertical-align: middle;
    font-size: 13px;
    height: 20px;
    text-shadow: 1px 1px 0px #000;
}

div.breadcrumb a {
    border: 0px dotted #fdd;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    vertical-align: middle;
    margin-bottom: 0;
    padding-top: 3px;
}

div.breadcrumb a:hover {
    color: #eee;
    text-decoration: none;
}

div.copyright {
    float: right;
    text-align: right;
    font-size: 11px;
    padding-right: 20px;
    padding-top: 3px;
}

.test-style 
{
    background: #b7c6db;
    border-bottom: 1px solid #369;
    color: #000000;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
    font-weight: bold;
    width: 99%;
    display: block;
    margin-bottom: 5px;
    -moz-border-radius: 8px;
}

.title-style2 {
    background-color: #F2F2F2;
    border-bottom: solid #000000 2px;
    border-top: solid #000000 1px;
}

.title-style {
    background: #F3F3F3;
    border-bottom: 1px solid #AAA;
    border-top: 1px solid #aaa;
    font-family: Trebuchet MS, Verdana, Helvetica, Verdana, Arial, Sans-Serif;
    font-weight: bold;
    font-size: 12px;
    color: #000000
}

.text-body-style {
    background: #FFFFFF;
    font-family: Verdana, Geneva, Arial, Sans-Serif;
    font-size: 11px;
    color: #333333
}

p {

    margin: 0em 1.5em;
}

/* The fieldset and legend styles likely are not being used now */
.fieldset {
    border-top: thin solid rgb(223, 220, 217);
    border-right: thin solid rgb(178, 176, 174);
    border-bottom: thin solid rgb(178, 176, 174);
    border-left: thin solid rgb(223, 220, 217);
    padding: .1em 1em 0.5em 1em;
    margin: 0.5em 0em 1.2em .2em;
    background-color: #fff;
    -moz-border-radius: .4em;
    font-size: 12px;
    font-family: Verdana, Arial, Sans Serif;
}

.fieldset ul {
    margin-top: 0em;
}

.fieldset li {
    margin-right: 1.5em;
}

.fieldset ul :link {
    font-weight: normal;
    color: #554FA0;
}

.fieldset ul :visited {
    font-weight: normal;
}

.legend {
    display: inline;
    position: relative;
    top: -1.0em;
    margin-left: 1.8em;
    padding: .2em .8em .2em .8em;
    font-size: 14px;
    font-weight: bolder;
    color: rgb(0, 51, 153);
    letter-spacing: .1em;
    background-color: #ffffff;
    -moz-border-radius: .6em .6em .2em .2em;
    opacity: .7;
    border-top: thin solid rgb(223, 220, 217);
    border-right: thin solid rgb(178, 176, 174);
    border-bottom: thin solid rgb(178, 176, 174);
    border-left: thin solid rgb(223, 220, 217);
}

/* Latest new styles for the home page */
.grey-background {
    background-color: #efefef;
}

.gray-border {
    background-color: #e0e0e0;
}

.bottomTable td {
    background-color: #efefef;
    border: 1px solid #e0e0e0;
    margin: 0px;
}

.bodyStyle {
    color: 333333;
    font-family: Verdana, Geneva, Arial, Sans Serif;
    font-size: 11px;
    margin: 0px;
    padding: 0px;
}

.features {
    color: 333333;
    font-family: Verdana, Geneva, Arial, Sans Serif;
    font-size: 11px;
}

.features td:hover {
    background-color: #fff;
}

.features strong {
    display: block;
    font-size: 12px;
    background-color: #e7e7e7;
    border-bottom: 1px dotted #e0e0e0;
    text-shadow: 0px 1px 1px #fff;
}

.newsHeader 
{
    background-color: #369;
    border-bottom: 2px solid #000;
    color: #fff;
    font-family: Avenir, 'Proxima Nova', Verdana, Roboto, Tahoma, Sans-serif; // Optima, Futura, Trebuchet MS, Sans-serif;
    font-size: 16px;
    font-weight: normal;
    padding: 5px;
    text-shadow: 0px 1px 1px #000;
}

.newsArticle strong 
{
    display: block;
    font-size: 11px;
}

.newsArticle 
{
    border-bottom: 1px solid #e0e0e0;
    margin-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}

dt {
    display: block;
    width: 100%;
    border-bottom: 1px solid #000;
    font-family: Trebuchet MS, Futura, Verdana, Sans-Serif;
    font-weight: bold;
    color: #000;
}

ul.faq_list li
{
    padding-bottom: 10px;
}

ul.faq_list li ul li
{
    padding-bottom: 0px;
}

ul.faq_list li ol li
{
    padding-bottom: 0px;
}

/* ===== Product Button Styles On The Home page ===== */
.productbutton {
    display: block;
    position: relative;
    width: 475px;
    margin-left: 0;
    margin-top: 20px;
    margin-right: 20px;
    color: #707070;
    text-decoration: none;
    font-family: Optima, Futura, Trebuchet MS, Sans-serif;
    padding: 16px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    border-top-color: rgba(0, 0, 0, 0);
    border-width: 1px;
    border-style: solid;
    border-top-color: rgba(0, 0, 0, 0);
    border-bottom-color: rgba(255, 255, 255, 0);
    border-left-color: rgba(128, 128, 128, 0);
    border-right-color: rgba(128, 128, 128, 0);
    border: 1px solid #eee;
    -webkit-transition: background-color 1.0s ease-in-out;  /* Safari 3.1 to 6.0 */
    transition: background-color 1.0s ease-in-out;
}

.productbutton:hover {
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    background: rgba(0, 0, 0, 0.1);
    border-width: 1px;
    border-style: solid;
    border-top-color: rgba(0, 0, 0, 0.3);
    border-bottom-color: rgba(0, 0, 0, 0.3);
    border-left-color: rgba(0, 0, 0, 0.3);
    border-right-color: rgba(0, 0, 0, 0.3);
    border: 1px solid #707070;
    -webkit-transition: background-color 0.3s ease-in-out;  /* Safari 3.1 to 6.0 */
    transition: background-color 0.3s ease-in-out;
}

.productbutton img {
    float: left;
    margin-right: 16px;
    margin-bottom: 10px;
    border-style: none;
}

.producttitle {
    display: block;
    font-family: Futura, Trebuchet MS, Sans-serif;
    font-size: 24px;
    font-weight: bold;
    /* margin: .67em 0; */
    color: #000;
    text-shadow: 0 1px 8px #fff;
}

.productsubtitle {
    display: block;
    font-family: Avenir, 'Proxima Nova', Verdana, Roboto, Sans-serif;
    font-size: 16px;
}

/* ===== Product page styles ==== */
ul.products {
    list-style: none;
    margin: 10px;
    padding: 0px;
}

/*
ul.products li {
    border: 1px solid #fff;
    display: block;
    text-decoration: none;
    margin: 10px 0px 10px 0px;
    padding: 3px;
    padding-bottom: 10px;
}

ul.products li img {
    padding-right: 5px;
}

ul.products li:hover 
{
    background-color: #f2f2f2;
    border: 1px solid #369;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

ul.products img {
    float: left;
}

ul.products a {
    color: #00f;
    display: block;
    position: relative;
    text-decoration: none;
    width: 90%;
}

ul.products a:hover {
    color: #369;
    text-decoration: none;
}

ul.products div.products-title {
    display: block;
    font-size: 14px;
    font-weight: bold;
}

ul.products div.products-subtitle {
    display: block;
    color: #000;
}
*/

/* ===== Experiments styles ==== */
ul.experiments {
    list-style: none;
    margin: 10px;
    padding: 0px;
}

ul.experiments li {
    border: 1px solid #fff;
    display: block;
    text-decoration: none;
    margin: 10px 0px 10px 0px;
    padding: 3px;
    padding-bottom: 10px;
}

ul.experiments li img {
    padding: 1px 5px 1px 1px;
    margin: 0;
}

ul.experiments li img:hover
{
    background-color: #f2f2f2;
    border: 1px solid #369;
    margin-right: 4px;
    padding: 0;
    text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

ul.experiments img {
    float: left;
}

ul.experiments a {
    color: #00f;
    display: block;
    position: relative;
    text-decoration: none;
    width: 90%;
}

ul.experiments div.products-title {
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding-top: 5px;
}

ul.experiments div.products-subtitle {
    display: block;
    color: #000;
}

/* ===== Navigation Bar Styles ===== */
div.logo
{
    background-color: #369;
    border-bottom: 1px solid #000;
    margin: 0;
    width: 100%;
}

#nav
{
    background-color: #eee;
    border-bottom: 2px solid #000;
    margin: 0;
    width: 100%;
}

#nav ul
{
    height: 22px;
    list-style: none;
    margin: 0;
    padding: 0;
}

#nav ul li
{
    float: left;
    margin: 0;
    padding: 0;
    width: 7em;
}

#nav a
{
    color: #369;
    display: block;
    font-family: Avenir, 'Proxima Nova', Verdana, Roboto, Tahoma, Sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 2px 15px 3px 5px;
    text-decoration: none;
}

#nav li:hover a
{
    background-color: #369;
    color: #fff;
}

#nav ul li ul
{
    position: absolute;
    display: none;
    background-color: #fff;
    /* border-left: 1px solid #333; */
    /* width: auto; */
    width: 12em;
    z-index: 1;
}

#nav li:hover ul 
{
    /* float: none; */
    display: block;

}

#nav ul li ul li
{
    float: none;
    background-color: #fff;
}

#nav ul li ul li a
{
    background-color: #fff;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

#nav ul li ul li a.lastItem
{
    border-bottom: 1px solid #000;
}

#nav ul li ul li a:hover
{
    background-color: #eee;
    color: #369;
}

/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width.
Do not edit this rule in any way. */
#nav ul li {
    width: auto;
}