a { color: #00f; }
a:hover { color: #036; }

body {background-color: #fff; margin: 0px;}
.body style p { font-weight: bold; }

.linkStyle{font-size: 12px; font-family: Arial; color: #003366; 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: #036; 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: #036; 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 #036; color: #036; 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: Optima, Verdana, Tahoma, Lucida Grande, Sans-serif; font-weight: normal; color: #999; 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: 14px; padding-right: 20px; }

.test-style 
{
	background: #b7c6db; border-bottom: 1px solid #336699; 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;
       }
   .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; }
.newsHeader { background-color: #036; border-bottom: 2px solid #000; color: #fff; font-size: 12px; font-weight: bold; padding: 5px; text-shadow:0px 1px 1px #000; }
.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; }
.newsArticle strong { display: block; font-size: 11px; }
.newsArticle { border-bottom: 1px solid #e0e0e0; 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: 450px;
	margin-left: 2%;
	margin-top: 20px;
	margin-right: 20px;
	color: #999;
	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;
 }

.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 #999;
	-webkit-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-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 #036;
	-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: #036; 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; }


/* ===== Navigation Bar Styles ===== */
div.logo
{
	background-color: #036; 
	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: #036;
	display: block;
	font-family:  Optima, Verdana, Tahoma, Arial, Sans-Serif;
	font-size: 14px;
	margin: 0;
	padding: 2px 15px 3px 5px;
	text-decoration: none;
}

#nav li:hover a
{
	background-color: #036;
	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: #036;
}

/* 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;}