﻿body {
	margin: 0;
	font: 12px/15px Arial, Helvetica, sans-serif;
	color: #999;
	min-width: 964px;
}
img { border-style: none; }
a { color: #6caedf; }
a:hover { text-decoration: none; }
form, fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}
input,
textarea,
select {
	font: 100% Arial, sans-serif;
	vertical-align: middle;
}
.wrapper {
	background: url(../images/bg-grad.gif) repeat-y 50% 0;
	overflow: hidden;
}
.bg-content { background: url(../images/bg-content.gif) repeat-y 50% 0; }
.bottom {
	background: url(../images/bg-content-bottom.gif) no-repeat 50% 100%;
	border-bottom: 1px solid #f5f5f5;
	overflow: hidden;
	height: 1%;
	padding: 0 0 84px;
}
.bg-wrapper { background: url(../images/bg.gif) no-repeat 50% 0; }
#main {
	margin: 0 auto;
	width: 964px;
}
/* header start */
#header {
	height: 148px;
	overflow: hidden;
}
/* logo start */
.logo {
	float: left;
	background: url(../images/logo.gif) no-repeat;
	margin: 39px 0 0;
}
.logo a {
	display: block;
	width: 210px;
	height: 26px;
	text-indent: -9999px;
}
/* logo end */
/* e-charts */
.e-charts {
	float: left;
	background: url(../images/e-charts.gif) no-repeat;
	margin: 29px 0 0 6px;
}
.e-charts span {
	display: block;
	width: 173px;
	height: 41px;
	text-indent: -9999px;
}
/* blue bar start */
.bar {
	clear: both;
	padding: 15px 0 0 51px;
	height: 63px;
	background: url(../images/corner.gif) no-repeat 195px 49px;
}
/* navigation start */
#main-nav,
#sub-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	width: 670px;
}
#sub-nav { margin: 8px 0 0 2px; }
#main-nav li,
#sub-nav li {
	float: left;
	background: url(../images/sep.gif) no-repeat;
	text-transform: uppercase;
	padding: 10px 16px 7px 20px;
	margin: 0 0 0 -13px;
}
#sub-nav li {
	background: url(../images/sep-2.gif) no-repeat;
	font-size: 10px;
	line-height: 13px;
	padding: 4px 20px 0 17px;
}
#main-nav li a,
#sub-nav li a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 1px;
}
#main-nav li a:hover,
#sub-nav li a:hover,
#main-nav li a.active,
#sub-nav li a.active { color: #ffd24f; }
/* navigation end */
/* link start */
.link {
	float: right;
	color: #fff;
	text-decoration: none;
	margin: 19px 14px 0 0;
	position: relative;
	letter-spacing: 1px;
	white-space: nowrap;
	overflow: hidden;
}
.holder .link {
	color: #999;
	float: left;
	font-weight: bold;
	margin: 66px 0 0;
	letter-spacing: 0;
}
.top-area .link,
.column .link {
	color: #999;
	float: left;
	font-weight: bold;
	letter-spacing: 0;
	margin: 0;
}
.column .link { margin: 44px 0 0; }
.link em {
	float: left;
	font-style: normal;
	margin: 10px 5px 0 0;
}
.link span {
	float: left;
	background: url(../images/btn-more.png) no-repeat;
	width: 41px;
	height: 44px;
	text-indent: -9999px;
	cursor: pointer;
	display: block;
}
.link-left span {
	background: url(../images/btn-more-left.png) no-repeat;
	height: 44px;
}
.link:hover { color: #ffd24f; }
.link-active {
	color: #ffd24f;
	font-weight: bold;
}
/* link end */
/* blue bar end */
/* header end */
/* footer start */
#footer {
	margin: 0 auto;
	padding: 18px 0 0;
	height: 34px;
	background-color: #fff;
	width: 964px;
	text-align: center;
	overflow: hidden;
}
#footer ul {
	margin: 0; 
	padding: 0 0 0 10px;
	list-style: none;
	font-size: 9px;
	line-height: 12px;
}
#footer ul li {
	display: inline;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 4px 0 4px;
}
#footer ul li a {
	color: #999;
	text-decoration: none;
}
#footer ul li img { margin: 0 4px 0 0; }
#footer ul li a:hover { text-decoration: underline; }
/* footer end */
/* main container start */
.container {
	overflow: hidden;
	height: 1%;
	padding: 28px 0 0 56px;
}
/* home page start */
.home-content {
	overflow: hidden;
	height: 1%;
	padding: 24px 0 0;
}
/* flash start */
.home-content .flash {
	float: left;
	margin-left: -5px;
	width: 403px;
}
.home-content .flash img { display: block; }
/* flash links */
.home-content .flash ul {
	margin: 0;
	margin-left:5px;
	margin-top:10px;
	padding: 0;
	list-style: none;
	height: 1%;
}
.home-content .flash ul li {
	float: left;
	font-size: 9px;
	line-height: 13px;
	padding: 0 10px 0 0;
}
.home-content .flash ul li a {
	color: #999;
	text-decoration: none;
	padding: 0 22px 2px 0;
}
.home-content .flash ul li a.ico-embed { background: url(../images/ico-embed.gif) no-repeat 100% 0; }
.home-content .flash ul li a.ico-share { background: url(../images/ico-share.gif) no-repeat 100% 0; }
.home-content .flash ul li a.ico-enlarge { background: url(../images/ico-enlarge.gif) no-repeat 100% 0; }
.home-content .flash ul li a:hover { text-decoration: underline; }
/* flash end */
.home-content .text {
	float: left;
	width: 423px;
	margin: 0 0 0 22px;
	display: inline;
	text-align:justify;
}
.home-content .text h1 {
	margin: 0 0 7px;
	color: #000;
	font-size: 14px;
	line-height: 17px;
}
.home-content .text p {
	margin: 0 0 23px;
	line-height: 20px;
}
.home-content .text ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.home-content .text ul li {
	background: url(../images/arrow.gif) no-repeat 0 5px;
	padding: 0 0 9px 17px;
}
.holder {
	overflow: hidden;
	height: 1%;
	margin: 69px 0 0;
}
/* two boxes start */
.boxes {
	float: left;
	background: url(../images/bg-boxes.gif) repeat-y 40px 0;
	width: 700px;
	margin: 0 0 0 3px;
	padding: 0 0 19px;
}
.boxes .box {
	float: left;
	width: 266px;
	background: url(../images/bg-boxes-top.gif) no-repeat;
	margin: 0 0 0 40px;
	padding: 16px 10px 0 23px;
	display: inline;
}
.box h2 {
	margin: 0;
	font-size: 12px;
	line-height: 15px;
}
/* news */
.news {
	overflow: hidden;
	height: 1%;
	margin: 18px 0 0;
	padding: 0 0 21px;
}
.news li {
	font-size: 12px;
	line-height: 15px;
	padding: 0 0 13px;
}
.news li .date { font-style: normal; }
.news li a { font-weight: bold; }
.more {
	display: block;
	background: url(../images/arrow-2.gif) no-repeat 0 3px;
	padding: 0 0 0 15px;
	font-weight: bold;
}
/* two boxes end */
/* form vote start */
.form-vote {
	overflow: hidden;
	height: 1%;
}
.form-vote p { margin: 18px 0 12px; }
.form-vote label {
	float: left;
	margin: 0 18px 0 0;
}
.form-vote label input {
	width: 16px;
	height: 15px;
	margin: 0 4px 0 0;
}
.form-vote ul {
	margin: 0;
	padding: 34px 0 0;
	list-style: none;
	clear: both;
}
.form-vote ul li {
	float: left;
	font-weight: bold;
	margin: 0 20px 0 2px;
	display: inline;
}
.form-vote fieldset {
	height: 1%;
	overflow: hidden;
}
/* form vote end */
/* home page end */
/* discuss page start */
.top-area {
	overflow: hidden;
	height: 1%;
	padding: 0 0 17px;
}
/* form search start */
.form-search {
	float: left;
	margin: 0 0 0 47px;
	display: inline;
}
.form-search label {
	float: left;
	text-transform: uppercase;
	font-weight: bold;
	margin: 10px 0 0;
}
.form-search .txt-input {
	float: left;
	font: 11px/14px Arial, Helvetica, sans-serif;
	width: 225px;
	margin: 8px 11px 0 13px;
}
.form-search .btn-go {
	float: left;
	background: url(../images/btn-go.gif) no-repeat;
	width: 46px;
	height: 40px;
	border-style: none;
	cursor: pointer;
}
/* form search end */

/* blue home boxes */

#bluehome1 {
	width: 394px;
	margin-top:40px;
	float:left;
}

#bluetext {
	padding-left:12px;
	font-weight:bold;
}

#bluehome2 {
	width: 423px;
	float:right;
	margin-top:40px;
	margin-left:20px;
}

#blue-container {
	width: 837px;
}

/* blue heading start */
.headingB {
	background: url(../images/bg-heading-b.gif) no-repeat;
	height: 1%;
	margin: 0 0px 0 -4px;
	position: relative;
}

.headingB h1 {
	margin: 0;
	padding: 6px 0 0 27px;
	height: 31px;
	font-size: 12px;
	line-height: 15px;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	background: url(../images/bg-heading-right-b.gif) no-repeat 100% 0;
}

/* orange heading start */
.heading {
	background: url(../images/bg-heading.gif) no-repeat;
	height: 1%;
	margin: 0 77px 0 -4px;
	position: relative;
}

.heading h1 {
	margin: 0;
	padding: 6px 0 0 27px;
	height: 31px;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	color: #fff;
	background: url(../images/bg-heading-right.gif) no-repeat 100% 0;
}

/* green heading start */

.headingG {
	background: url(../images/bg-heading-g.gif) no-repeat;
	height: 1%;
	margin: 0 77px 0 -4px;
	position: relative;
}

.headingG h1 {
	margin: 0;
	padding: 6px 0 0 27px;
	height: 31px;
	font-size: 12px;
	line-height: 15px;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	background: url(../images/bg-heading-right-g.gif) no-repeat 100% 0;
}

/* orange heading end */
.content-holder {
	overflow: hidden;
	height: 1%;
	background: url(../images/dotted-line.gif) repeat-y 534px 0;
	margin: 19px 0 0;
	padding: 0 0 30px;
}
.content {
	float: left;
	width: 575px;
	margin: 28px 0 0 25px;
	padding: 0 0 17px;
	display: inline;
}

.content2 {
	float: left;
	width: 620px;
	margin: 28px 0 0 25px;
	padding: 0 0 17px;
	display: inline;
}

.content2 p {
	margin: 0 0 15px;
	line-height: 18px;
	text-align:justify;
}

.content-holder .content {
	width: 497px;
	margin: 12px 0 0 22px;
}
.content h2,
.sidebar h2 {
	margin: 0 0 20px;
	color: #f66;
	font-size: 14px;
	line-height: 17px;
}
.content p {
	margin: 0 0 15px;
	line-height: 18px;
	text-align:justify;
}

#reviewHeader {
	font-size:14px;
	color:#80A23C;
	font-weight:bold;
	
}

/* faq list start */
.faq {
	margin: 0;
	padding: 0;
}
.faq li {
	list-style: none;
	height: 1%;
	padding: 0 0 16px;
	vertical-align: top;
}
.faq li .question {
	display: block;
	line-height: 19px;
	color:#999999;
}

#question {
	color:#666666;
	font-weight:bold;
}

.faq li .answer {
	padding: 7px 0 0;
	display: none;
	text-align: justify;
}
.faq li.opened .answer { display: block; }
.faq li p {
	margin: 0;
	line-height: 18px;
}
.faq li p a { font-weight: bold; }
.btn-expand,
.btn-collapse {
	padding: 1px 0 5px 20px;
	margin: 0 0 -2px;
	background: url(../images/btn-expand.gif) no-repeat;
	color: #ef7457;
	font-size: 10px;
	text-decoration: none;
}
.btn-collapse { background: url(../images/btn-collapse.gif) no-repeat; }
.faq li.opened .btn-expand { display: none; }
/* faq list end */
/* discuss page end */
/* downloads page start */
/* flash start */
.content .flash {
	overflow: hidden;
	height: 1%;
	margin: 39px 0 0;
}
.content .flash img { display: block; }
/* flash end */
.sidebar {
	float: left;
	width: 272px;
	margin: 11px 0 0 45px;
	display: inline;
}
.sidebar p {
	margin: 0 0 15px;
	font-weight: bold;
	line-height: 18px;
}


/* email */
.email {
	display: block;
	font-size: 10px;
	line-height: 13px;
	background: url(../images/ico-email.gif) no-repeat;
	padding: 0 0 0 27px;
	margin: 29px 0 0;
}
.email a {
	color: #999;
	text-decoration: none;
}
.email a:hover { text-decoration: underline; }
/* downloads start */
.downloads {
	margin: 40px 0 0 -4px;
	padding: 0 0 30px;
	overflow: hidden;
	height: 1%;
	list-style: none;
	position: relative;
}
.downloads li {
	float: left;
	margin: 0 15px 0 0;
	min-height: 123px;
	width: 123px;
}
* html .downloads li { height: 115px; }
.downloads li .image {
	background: url(../images/bg-border.gif) no-repeat;
	width: 121px;
	height: 72px;
	display: block;
	padding: 2px 0 0 2px;
}
.downloads li .image img { display: block; }
.downloads li span {
	display: block;
	font-size: 10px;
	line-height: 13px;
	font-weight: bold;
	margin: 8px 0 0 1px;
}
.downloads .btn-download {
	float: right;
	background: url(../images/ico-download.gif) no-repeat;
	width: 21px;
	height: 14px;
	overflow: hidden;
	text-indent: -9999px;
	margin: 7px 0 0;
}

/* downloads end */

/* viewonline start */
.viewonline {
	margin: 40px 0 0 -4px;
	padding: 0 0 30px;
	overflow: hidden;
	height: 1%;
	list-style: none;
	position: relative;
}
.viewonline li {
	float: left;
	margin: 0 40px 0 0;
	min-height: 155px;
	width: 123px;
}
* html .viewonline li { height: 115px; }
.viewonline li .image {
	background: url(../images/bg-border.gif) no-repeat;
	width: 121px;
	height: 72px;
	display: block;
	padding: 2px 0 0 2px;
}
.viewonline li .image img { display: block; }
.viewonline li span {
	display: block;
	font-size: 10px;
	line-height: 13px;
	font-weight: bold;
	margin: 8px 0 0 1px;
}

.viewonline .btn-window {
	float: right;
	background: url(../images/ico-window.gif) no-repeat;
	width: 21px;
	height: 14px;
	overflow: hidden;
	text-indent: -9999px;
	margin: 7px 0 0;
}

/* downloads end */

/* downloads page end */
/* how page start */
.column {
	float: left;
	width: 374px;
	margin: 24px 0 0 2px; 
	display: inline;
	text-align: justify;
}
.column h1 {
	margin: 0 0 8px;
	color: #000;
	font-size: 14px;
	line-height: 17px;
}
.column h2 {
	margin: 24px 0 23px;
	color: #003468;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 15px;
}
.column h2 a {
	color: #003468;
	text-decoration: none;
}
.column h2 a:hover { text-decoration: underline; }
.column h3 {
	margin: 24px 0 0px;
	color: #003468;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 15px;
}
.column h3 a {
	color: #003468;
	text-decoration: none;
}
.column h3 a:hover { text-decoration: underline; }
.column p {
	margin: 0;
	padding: 0 0 20px;
	line-height: 20px;
}
.column p a { font-weight: bold; }
.column img {
	float: left;
	margin: 2px 15px 0 0;
}
.column ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.column ul li {
	background: url(../images/arrow.gif) no-repeat 0 5px;
	padding: 0 0 9px 15px;
}

.column-b {
	float: left;
	width: 374px;
	margin: 40px 0 0 42px; 
	display: inline;
	text-align: justify;
}
.column-b h1 {
	margin: 0 0 8px;
	color: #000;
	font-size: 14px;
	line-height: 17px;
}
.column-b h2 {
	margin: 24px 0 23px;
	color: #003468;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 15px;
}
.column-b h2 a {
	color: #003468;
	text-decoration: none;
}
.column-b h2 a:hover { text-decoration: underline; }
.column-b h3 {
	margin: 24px 0 0px;
	color: #003468;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 15px;
}
.column-b h3 a {
	color: #003468;
	text-decoration: none;
}
.column-b h3 a:hover { text-decoration: underline; }
.column-b p {
	margin: 0;
	padding: 0 0 20px;
	line-height: 20px;
}
.column-b p a { font-weight: bold; }
.column-b img {
	float: left;
	margin: 2px 15px 0 0;
}
.column-b ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.column-b ul li {
	background: url(../images/arrow.gif) no-repeat 0 5px;
	padding: 0 0 9px 17px;
}
.sidebar-b {
	float: left;
	width: 447px;
	display: inline;
	margin: 53px 0 0 41px;
}

.column-c {
	overflow: hidden;
	height: 1%;
	padding: 24px 0 0 0;
}
.column-c h1 {
	margin: 0 0 8px;
	color: #000;
	font-size: 14px;
	line-height: 17px;
}
.column-c h2 {
	margin: 24px 0 23px;
	color: #003468;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 15px;
}
.column-c h2 a {
	color: #003468;
	text-decoration: none;
}
.column-c h2 a:hover { text-decoration: underline; }
.column-c h3 {
	margin: 24px 0 0px;
	color: #003468;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 15px;
}
.column-c h3 a {
	color: #003468;
	text-decoration: none;
}

.column-c p {
	margin: 0;
	padding: 0 0 30px;
	line-height: 20px;
}

.column-news {
	float: left;
	width: 574px;
	margin: 24px 0 0 2px; 
	display: inline;
	text-align: justify;
}
.column-news h1 {
	margin: 0 0 8px;
	color: #000;
	font-size: 14px;
	line-height: 17px;
}
.column-news h2 {
	margin: 24px 0 23px;
	color: #003468;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 15px;
}
.column-news h2 a {
	color: #003468;
	text-decoration: none;
}
.column-news h2 a:hover { text-decoration: underline; }
.column-news h3 {
	margin: 0;
	color: #003468;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 15px;
}
.column-news h3 a {
	color: #003468;
	text-decoration: none;
}
.column-news h3 a:hover { text-decoration: underline; }
.column-news p {
	margin: 0;
	padding: 0 0 20px;
	line-height: 20px;
}
.column-news p a { font-weight: bold; }
.column-news img {
	float: left;
	margin: 2px 15px 0 0;
}
.column-news ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.column-news ul li {
	background: url(../images/arrow.gif) no-repeat 0 5px;
	padding: 0 0 9px 17px;
}


.sidebar-c {
	float: left;
	width: 227px;
	display: inline;
	margin: 53px 0 0 41px;
	border-right:dotted #cccccc 2px;
}

.sidebar-c2 {
	float: left;
	width: 227px;
	display: inline;
	margin: 53px 0 0 41px;
}


div.hr {
  height: 24px;
  background: #fff url(../i/hr.gif) no-repeat scroll center;
}
div.hr hr {
  display: none;
}


/* products start */
.products {
	margin: 0;
	padding: 0 0 6px;
	overflow: hidden;
	height: 1%;
}
.products li {
	list-style: none;
	float: left;
	margin: 0 16px 0 0;
	width: 136px;
}
.products li.tablet { width: 126px; }
.products li.desktop { width: 126px; }
.products li.mfd { width: 126px; }
.products li .image { display: block; }
.products li .image img {
	display: block;
	border: 1px solid #918f8f;
}
.products li span {
	background: url(../images/bg-title.gif) repeat-x;
	height: 29px;
	color: #fff;
	font-size: 9px;
	line-height: 13px;
	display: block;
	text-align: center;
	padding: 6px 0 0;
}
.products li.tablet span {
	padding: 12px 0 0;
	height: 23px;
}
.products li .title a {
	color: #fff;
	text-decoration: none;
}
.products li .title a:hover { text-decoration: underline; }
/* products end */
/* table start */
.table {
	overflow: hidden;
	height: 1%;
	margin: 52px 16px 0 -3px;
	position: relative;
}
.table table {
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 10px;
	line-height: 13px;
}
.table h3 {
	background-color: #1c9cd8;
	color: #fff;
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
	padding: 3px 0 4px 5px;
	margin: 0 3px 4px 4px;
	display: block;
	font-size: 10px;
	line-height: 12px;
}
.table table th,
.table table td {
	margin: 0;
	padding: 2px 0 1px 5px;
	border: 1px solid #999;
	text-align: left;
	vertical-align: top;
}
.table table th {
	background-color: #003468;
	border: 1px solid #666;
	color: #fff;
	font-weight: bold;
}
.table table .field-company { width: 162px; }
.table table .field-product { width: 135px; }
.table table .field-company-2 { width: 80px; }
.table table .field-product-2 { width: 192px; }
.table table a { font-weight: bold; }

.table-2 {
	overflow: hidden;
	height: 1%;
	margin: 0 16px 0 -3px;
	position: relative;
}
.table-2 table {
	margin: 0;
	padding: 0;
	width: auto;
	font-size: 10px;
	line-height: 13px;
}
.table-2 table th,
.table-2 table td {
	margin: 0;
	padding: 2px 0 1px 5px;
	border: 1px solid #999;
	text-align: left;
	vertical-align: top;
}
.table-2 table .field-label { 
	width: 162px; 
	color:#f66;
	font-weight: bold;
	text-transform: uppercase;
	}
	
.table-3 {
	overflow: hidden;
	height: 1%;
	margin: 0 16px 0 -3px;
	position: relative;
}
.table-3 table {
	margin: 0;
	padding: 0;
	width: auto;
	font-size: 10px;
	line-height: 13px;
	border:0px;
}
.table-3 table th,
.table-3 table td {
	margin: 0;
	padding: 2px 0 1px 5px;
	border: 1px solid #999;
	text-align: left;
	vertical-align: top;
	border:0px;
}
.table-3 table .field-label { 
	width: 162px; 
	color:#ef7457;
	font-weight: bold;
	text-transform: uppercase;
	font-size:12px;
	border:0px;
	}
	
.table-3 table .field-label-G { 
	width: 162px; 
	color:#80a23c;
	font-weight: bold;
	text-transform: uppercase;
	font-size:12px;
	border:0px;
	}

/* table end */

input.btn-submit {
  color:#fff;
  background-color: #ef7457; 
  font: bold 11px/14px Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  padding:3px 6px 3px 6px;
  cursor:hand;
  cursor:pointer;
}

input.btn-clear {
  color:#fff;
  background-color: #80a23c; 
  font: bold 11px/14px Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  padding:3px 6px 3px 6px;
  cursor:hand;
  cursor:pointer;
}

.handcursor{
cursor:hand;
cursor:pointer;
}

#simg {
  font-size:12px;
  font-weight:bold;
  padding-right:20px;
}