body {
	margin: 0;
	padding: 0;
	text-align: center;	
	
	background-color: #fefefe;
	background-position: left top;
	background-repeat: repeat-x;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a, a:link { color: #1064B1; }
a:visited { color: #1064B1; }
a:hover { color: #900; }
a:active { color: #1064B1; }
a.noline { text-decoration: none;}
img {
	border: none;
}
#page {
	width: 760px;
	margin: 0 auto;
	background-color: #fff;
	text-align: left;
}
#header {
	width: 760px;
	height: 97px
}
#header .logo {
	float: left;
	width: 360px;
	padding-top: 16px;
}
#header .logo a {
	margin: 0 0 0 32px;
}
#header .login {
	float: right;
	width: 270px;
	margin-right: 30px;
	padding-top: 16px;
}
form#login {
	padding: 0;
	margin: 0;
}
form#login input {
	border: 1px solid #8A9AA7;
	font-size: 9px;
	padding: 3px;
	margin-right: 5px;
	color: #8A9AA7;
	width: 110px;
}
form#login button {
	background-color: #fff;
	width: 13px;
	height: 20px;
	border: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
}
form#login button a {
	background-image: url(/Websites/FernNz/Images/shared/green_arrow_roll.gif);
	background-position: center center;
	background-repeat: no-repeat;
	width: 13px;
	height: 8px;
	border: none;
	padding: 0;
	margin: 0;
}
form#login p {
	margin: 0 0 3px 0;
	padding: 0;
}
.login p.login_desc {
	font-size: 11px;
	font-weight: bold;
	color: #666;
}
.login p.forgot {
	text-align: right;
	margin-right: 20px;
	font-size: 10px;
}
.login p.forgot a,
.login p.forgot a:link,
.login p.forgot a:visited {
	margin-right: 30px;
	color: #81A17A;
}
.login p.forgot a:hover {
	color: #000;
}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/basic_dd.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* remove the bullets, padding and margins from the lists */
.menu ul {
	list-style-type:none;
	padding:0;
	margin:0;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left top;
	height: 30px;
	width: 760px;
}
.menu ul ul {
	padding: 0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu ul li,
.menu ul li ul li {
	float:left;
	position:relative;
	z-index:100;
}
/* use the table to position the dropdown list */
.menu table{
	position:absolute;
	border-collapse:collapse;
	z-index:80;
	left:-1px;
	top:29px;
	background-color: #000;
}

/* style all the links */
.menu ul li a, .menu ul li a:visited {
	display:block;
	font-size:11px;
	width:126px;
	padding:8px 0 7px 0;
	height: 15px;
	color:#fff;
	font-weight: bold;
	text-decoration:none;
	border-right: 1px solid #000;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.menu ul li ul li{background-color:#006600;}
.menu ul li ul li a,
.menu ul li ul li a:visited {
	background-color:#fff;
	border: none;
	color:#333;
}
a.menu_6,
a:link.menu_6 { 
	width: 125px;
	width: 124px !important;
	border-right: 1px solid #000;
	border-right: 0px solid #000 !important;
}
.menu ul li ul li a,
.menu ul li ul li a:visited {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	padding: 5px ;
	width: 116px;
	height:100%;
	
}
.menu ul li ul li a:visited:hover {
background: #ccc;	
}

/* style the links hover */
.menu ul li a:hover {
	color: #fff;
	background-color: #ccc;
	background-repeat: no-repeat;
	background-position: left top;
}
.menu ul li ul li a:hover {
	background: #ccc;
	color: #003366;
}
.menu ul li a.menu_6,
.menu ul li a:link.menu_6 { 
	width: 124px;
}
.menu ul li a:hover.menu_1 {
	background-position: 0px -30px;
}
.menu ul li a:hover.menu_2 {
	background-position: -127px -30px;
}
.menu ul li a:hover.menu_3 {
	background-position: -254px -30px;
}
.menu ul li a:hover.menu_4 {
	background-position: -381px -30px;
}
.menu ul li a:hover.menu_5 {
	background-position: -508px -30px;
}
.menu ul li a:hover.menu_6 {
	background-position: -635px -30px;
}
/* hide the sub level links */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	width:120px;
	height:0;
	background-color: #999;
}
.menu ul li ul.end, ul.end li a { 
	width: 114px !important;
}
.menu ul li ul li {
	background-color: #999;
	color: #fff;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul {
	visibility:visible;
}

/* set current style based on body ID value */
body#home .menu_1 {
	background-position: 0px -30px;
	background-repeat: no-repeat;
}
body#features .menu_2 {
	background-position: -127px -30px;
	background-repeat: no-repeat;
}
body#benefits .menu_3 {
	background-position: -254px -30px;
	background-repeat: no-repeat;
}
body#faq .menu_4 {
	background-position: -381px -30px;
	background-repeat: no-repeat;
}
body#stories .menu_5 {
	background-position: -508px -30px;
	background-repeat: no-repeat;
}
body#contactus .menu_6 {
	background-position: -635px -30px;
	background-repeat: no-repeat;
}


#content {
	background-color: #fff;
}
#content h2.title {
	background-position: 0 0;
	background-repeat: no-repeat;
	padding: 30px 0 0 40px;
	width: 720px;
	height: 45px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	margin: 0;
}
#intro {
	width: 240px;
	height: 314px;
	background-position: left top;
	background-repeat: no-repeat;
	padding: 20px 20px 0 500px;
}
.home {}
#intro h2 {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.column {
	width: 220px;
	padding: 16px;
	float: left;
	font-size: 11px;
	color: #003366;
	margin-top: 20px;
}
.column h3 {
	margin: 0;
	padding: 0;
}
.column p {
	margin: 10px 0 0 0;
	line-height: 1.4em;
}
.column p.right {
	text-align: right;
}
.hdots { 
	background-image:url(/Websites/FernNz/Images/shared/horizontal_dot.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
}
.vdots { 
	background-image: url(/Websites/FernNz/Images/shared/vert_dots.gif);
	background-position: right top;
	background-repeat: repeat-y;
}
.column ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
.column li {
	background-image:url(/Websites/FernNz/Images/shared/bullet.gif);
	background-position:0 3px;
	background-repeat:no-repeat;
	padding:0 0 0 15px;
	margin-top: 10px;
}
.secondary {
	padding: 1.5em 40px;
}
.secondary h5 {
	font-size: 12px;
	margin: 0 0 0.5em 0;
	padding: 0;
}
.secondary p {
	margin: 0 0 1em 0;
}
#submenu {
	float: right;
	width: 171px;
	margin: 20px 0 10px 10px;
}
#submenu h3 {
	width: 161px;
	height: 22px;
	margin: 0;
	padding: 0 0 0 10px;
	line-height: 22px;
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#submenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color:#eee;
	}
#submenu ul li {
	background-image:url(/Websites/FernNz/Images/shared/sub_bullet.gif);
	background-position:5px 5px;
	background-repeat:no-repeat;
	padding:0 0 0 20px;
	margin: 0;
	height: 25px;
}
#submenu ul li.current {
	background: #fff;
}
#submenu ul li.current a {
	font-weight: bold;
}
#submenu ul li a,
#submenu ul li a:link {
	text-decoration: none;
	display: block;
	line-height: 25px;
	font-size: 11px;
	background-image: url(/Websites/FernNz/Images/shared/horizontal_dot.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
}
#submenu ul li a:visited { color: #003366; }
#submenu ul li a:hover { text-decoration: underline; }
#submenu ul li a.bottom { background:none}

.interface {
	height: 56px;
	background-color: #E9EAEF;
	background-image: url(/Websites/FernNz/Images/shared/screenicon.gif);
	background-position: left top;
	background-repeat: no-repeat;
	color: #000;
	margin: 20px 0;
	padding: 20px 0 0 80px;
	border: 1px solid #89A0C2;
}
.interface h5,
.interface p {
}
#footer {
	clear: both;
	text-align: center;
	padding-top: 20px;
	margin-bottom:20px;
}
ul#products {
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 174px;
	margin-left: 0px !ie; 
	width: 412px;
	width: 417px !ie6;
}
ul#products li {
	float: left;
	margin: 5px;
	width: 93px;
}
ul#products li a {
	text-indent: -1000em;
	display: block;
	height: 114px;
	width: 93px;
	background-repeat: no-repeat;
}
a.icon_CRM,
a:link.icon_CRM,
a:visited.icon_CRM {
	background-image: url(/Websites/FernNz/Images/shared/icon_ferncrm.jpg);
	background-position: left top;
}
a.icon_JOBS,
a:link.icon_JOBS,
a:visited.icon_JOBS {
	background-image: url(/Websites/FernNz/Images/shared/icon_fernjobs.jpg);
	background-position: left top;
}
a.icon_MERCH,
a:link.icon_MERCH,
a:visited.icon_MERCH {
	background-image: url(/Websites/FernNz/Images/shared/icon_fernmerch.jpg);
	background-position: left top;
}
a.icon_MON,
a:link.icon_MON,
a:visited.icon_MON {
	background-image: url(/Websites/FernNz/Images/shared/icon_fernmon.jpg);
	background-position: left top;
}
a.icon_POS,
a:link.icon_POS,
a:visited.icon_POS {
	background-image: url(/Websites/FernNz/Images/shared/icon_fernpos.jpg);
	background-position: left top;
}
a:hover.icon_CRM, 
a:hover.icon_JOBS, 
a:hover.icon_MERCH, 
a:hover.icon_MON, 
a:hover.icon_POS {
	background-position: 0 -114px;
}
ul#products li a span {
	text-indent: -1000em;
}
#footer p.links {
	clear: both;
	font-size: 11px;
	color: #5A7F88;
}
#footer p.checkout {
	color: #5A7F88;
	font-weight: bold;
}
#footer p a {
	padding: 0 10px;
}
#footer p span.copyright {
	padding-left: 40px;
	color: #666;
}
.center {
	text-align: center;
}


.sitemaptop{
	margin-left: 30px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 4px;
	color: black;

}
.sitemapsub{
	margin-left: 30px;
	font-weight: normal;
	padding-left: 30px;
}

A.sitemaptoplink{color: black; text-decoration: underline;}
A.sitemaptoplink:visited{color: black; text-decoration: underline;}
A.sitemaptoplink:hover{color: #33cc33; text-decoration: underline;}
A.sitemaptoplink:active{color: black; text-decoration: underline;}

A.sitemapsublink{color: #33cc33; text-decoration: underline;}
A.sitemapsublink:visited{color: #33cc33; text-decoration: underline;}
A.sitemapsublink:hover{color: black; text-decoration: underline; letter-spacing: 2px;}
A.sitemapsublink:active{color: #33cc33; text-decoration: underline;}