body {
    margin: 0;
    padding: 0;
    background: url(images/body.gif) #f8f9f6 50% 0 repeat-y;
    color: #333;
    font: 75%/1.5em "Trebuchet MS", "Lucida Sans", sans-serif;
}

h1 {
    margin: 0 0 2em 0;
    background-color: inherit;
    color: #7ca400;
    font-size: 150%;
}

h2 {
    margin: 0;
    font-size: 120%;
}

h3 {
    margin: 0;
    background-color: inherit;
    color: #7ca400;
    font-size: 120%;
}

p {
    margin: 0 0 1em 0;
}

a {
    background-color: #fff;
    color: #7ca400;
    text-decoration: none;
}

.cb {
	clear:both;
}

img {
	border:0;
}

/* ---------- ---------- PAGE ---------- ---------- */

#page {
    position: relative;
    margin: 0 auto;
    padding: 116px 23px 0 13px;
    background: url(images/page.gif) 50% 0 no-repeat;
    width: 960px;
    height: 332px;
}

#page #head {
	display:none;
}

#page p.home {
    margin: 0;
    padding: 0;
}

#page p.home a {
    display: block;
    position: absolute;
    top: 23px;
    left: 41px;
    margin: 0;
    padding: 0;
    width: 181px;
    height: 66px;
    text-indent: -10000em;
    background-color: transparent;
}

/* ---------- ---------- NAVIGATION ---------- ---------- */

#navigation {
    float: left;
    margin: 0 0 1em 0;
    padding: 1px 0 0 0;
    background: url(images/nav-top.gif) #fff 0 0 no-repeat;
    font-size: 120%;
	/*font-weight:bold;*/
    width: 166px;
}

#navigation h2 {
    display: none;
}

#navigation ul, #navigation li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#navigation a {
    display: block;
    margin: 0;
    padding: 8px 30px;
    background: url(images/nav.gif) #fff 0 100% no-repeat;
    color: #333;
    width: 106px;
}

#navigation a:hover, #navigation a.current {
    background: url(images/nav-hover.gif) #fff 0 100% no-repeat;
    color: #7ca400;
}

#navigation a.currentsub {
	color:#7ca400;
}

#navigation ul ul a {
    background: url(images/sub-nav.gif) #fff 0 100% no-repeat;
    color: #333;
}

#navigation ul ul a:hover, #navigation ul ul a.current {
    background: url(images/sub-nav.gif) #fff 0 100% no-repeat;
    color: #7ca400;
}

#navigation #affiliates {
    margin: 3em auto 1em auto;
    padding: 0;
    text-indent: -10000em;
    width: 99px;
}

#navigation #affiliates a {
    display: block;
    margin: 0.5em 0;
    padding: 0;
    background-image: url(images/affiliates.gif);
    background-color: #fff;
    background-repeat: no-repeat;
    color: #333;
    width: 99px;
    height: 44px;
}

#navigation #affiliates a.nec {
    background-position: 0 0;
}

#navigation #affiliates a.nec:hover {
    background-position: 0 -44px;
}

#navigation #affiliates a.univerge {
    background-position: 0 -88px;
}

#navigation #affiliates a.univerge:hover {
    background-position: 0 -132px;
}

/* ---------- ---------- INFORMATION ---------- ---------- */

#information {
    float: right;
    margin: 0 0 1em 0;
    padding: 25px 0 0 0;
    width: 162px;
	font-size:90%;
}

#information h2 {
    margin: 0;
    padding: 0;
    background-color: #fff;
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #333;
    width: 162px;
    height: 20px;
    text-indent: -10000em;
}

#information #latest-news h2 {
    background-image: url(images/latest-news.gif);
}

#information #latest-news {
	line-height:1.3em;
}

#information #brochure-downloads h2 {
    background-image: url(images/brochure-downloads.gif);
}

#information #case-studies h2 {
    background-image: url(images/case-studies.gif);
}

#information ul {
    margin: 0em 0 2em 0;
    padding: 0;
    list-style: none;
}

#information li {
    margin: 0;
    padding: 0.4em 0;
    list-style: none;
    background: url(images/underline.gif) #fff 0 100% no-repeat;
    color: #333;
}

#information #latest-news li {
	padding:0.75em 0;
}

#information a {
    display: block;
    margin: 0;
    padding: 0 0 0 18px;
    width: 144px;
    background: url(images/doc.gif) #fff 0 50% no-repeat;
    color: #333;
}

#information a:hover {
    background: url(images/doc-hover.gif) #fff 0 50% no-repeat;
    color: #7ca400;
}

#information #latest-news a {
    background: url(images/arrow.gif) #fff 0 2px no-repeat;
    color: #333;
}

#information #latest-news a:hover {
    background: url(images/arrow-hover.gif) #fff 0 2px no-repeat;
    color: #7ca400;
}

/* ---------- ---------- CONTENT ---------- ---------- */

#content {
    margin: 0 auto 0 200px;
    padding: 25px 0 0 0;
    width: 538px;
	font-size:100%/1.0em;
}

#content h2 {
	margin-top:25px;
}

#content a:hover {
    text-decoration: underline;
}

#content .nobullet {
	list-style-type:none;
	margin:0 0 10px 0px;
	padding:0;
}

#content ul.nobullet li {
	background: url(images/bullet.gif) no-repeat 0 5px ;
	padding-left:15px;
	margin:3px 0;
}

#content img.prodlogo {
	float:right;
	margin:-5px 0 0 0;
	padding:0 0 0 10px;
}

#content img.prodscreen {
	float:right;
	margin:0px 0 0 0;
	padding:0 0 0 10px;
}

.font14 {
	font-size:14px;
	line-height:21px;
}

#content .download_console {
	display:block; 
	min-height:230px;
}

#content .download_console h2, #content .download_webview h2 {
	margin:0;
}

#content .download_webview {
	display:block; 
	min-height:60px
}

#content .download_dialit {
	display:block; 
	min-height:60px
}

#content .downloads{
	float:left;
	width:265px;
	padding:0;
}

* html #content .dl_left {
	clear:left;
}

#content .downloads ul {
	list-style-type:none;
	margin:5px 0 0 0;
	padding:0;
	line-height:22px;
	_line-height:13px;
}

#content .downloads a {
    display: block;
    margin: 0;
	padding: 0 0 0 18px;
    background: url(images/doc.gif) #fff 0 50% no-repeat;
    color: #333;

}
#content .downloads a:hover {
    background: url(images/doc-hover.gif) #fff 0 50% no-repeat;
    color: #7ca400;
}

#content a.top {
	margin-top:0;
	background: url(images/arrows.gif) 100% 50% no-repeat;
	padding-right:15px;
}

#content ul.newsletters {
	list-style-type:none;
	margin:5px 0 0 0;
	padding:0;
}
#content ul.newsletters li {
	margin-bottom:20px;
}

#content ul.newsletters li a {
    margin: 15px 0;
	padding: 0 0 0 18px;
    background: url(images/doc.gif) #fff 0 50% no-repeat;
    color: #333;
}

#content .newsletters a:hover {
    background: url(images/doc-hover.gif) #fff 0 50% no-repeat;
    color: #7ca400;
}

.edition {
	color: #333;
	font-weight:bold;
}

form {
	line-height:25px;
    margin: 0 0 0 3px;
}

fieldset {
	border:0;
	margin:0;
	padding:0;
	/*width:450px;*/
}

fieldset label.contact {
	width:175px;
}

label,input,select {
	display:block;
	float:left;
}

input.textfield, select.textfield, textarea
{
	border: 1px solid #7ca400;
	width: 200px;
}

input.submitbtn {
	margin-left:140px
}

/* ---------- ---------- FEATURED PRODUCTS ---------- ---------- */

#featured-products {
    position: relative;
    margin: 3em 0 1em 0;
    padding: 0;
	font-size:90%
}

#featured-products div {
    float: left;
    margin: 0 20px 0 0;
    padding: 10px;
    border-top: 1px solid #dedede;
    width: 139px;
}

#featured-products p {
    margin: 0;
    background-color: #fff;
    color: #666;
}

#featured-products div a.more {
    margin: 0;
    padding: 0 15px 0 0;
    background: url(images/arrows.gif) #fff 100% 50% no-repeat;
    color: #7ca400;
}

/* ---------- ---------- FOOTER ---------- ---------- */

#footer {
    clear: both;
    margin: 0 auto;
    padding: 40px 0 0 0;
    background: url(images/footer.gif) #f8f9f6 50% 0 no-repeat;
    color: #333;
    text-align: center;
    width: 960px;
    height: 38px;

}

#footer ul, #footer li {
    display: inline;
    margin: 0;
    padding: 0;
    list-style: none;
}

#footer a {
    margin: 0 0.5em 0 0;
    padding: 0 0 0 0.8em;
    border-left: 1px solid #333;
    background-color: #fff;
    color: #333;
}

#footer a.first {
    padding-left: 0;
    border-left: none;
}

#footer a:hover {
    background-color: #fff;
    color: #7ca400;
    text-decoration: underline;
}