/* == LAYOUT == */

body, ul, li {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	background: #b2b2b2 url(../images/bg.gif);
}

#header-container {
	width: 970px;
	margin: 20px auto 0px auto;
}

#outer-container {
	width: 950px;
	margin: 10px auto;
}

#menu-wrapper {
	background: url(../images/bg_menu.gif) left top repeat-x;
}

#mw-left {
	background: url(../images/left_menu.gif) left top no-repeat;
}

#mw-right {
	background: url(../images/right_menu.gif) right top no-repeat;
	height: 65px;
}

.rounded {
	background: #fff url(../images/top_left_round.gif) left top no-repeat;
}

#ftr {
	background: url(../images/top_right_round.gif) right top no-repeat;
}

#fbr {
	background: url(../images/bottom_right_round.gif) right bottom no-repeat;
}

#fbl {
	background: url(../images/bottom_left_round.gif) left bottom no-repeat;
	padding: 10px;
}

#image-wrapper {
	float: left;
	width: 650px;
}

#hp-wrapper {
	float: right;
	width: 290px;
}

#label {
	height: 280px;
}

#list1, #list2, #list3 {
	float: left;
}

#list3 ul {
	margin: 0px;
	padding: 0px;
}

#sidebar {
	float: left;
	width: 250px;
	background: url(../images/bg.gif);
	border:1px solid #ccc;
	-moz-border-radius:10px 10px 0px 0px;
}

#sidebar2 {
	float:left;
	width: 275px;
	height:900px;
	border:1px solid #ccc;
}

#sidebar2-wrapper{
	border:1px solid #cc0;
	width:300px;
	float:left;
}

#sidebar #fbl {
	padding: 0px;
}

.st1 {
	background: url(../images/bg_menu_t.gif) left top repeat-x;
	margin-bottom: 10px;
}

.st2 {
	background: url(../images/right_menu_t.gif) right top no-repeat;
}

#sidebar h3 {
	margin: 0px;
	padding: 7px 0px 0px 0px;
	text-indent: 15px;
	background: url(../images/left_menu_t.gif) left top no-repeat;
	height: 23px;
	font-size: 12px;
	color: #fff;
}

#sidemenu {
	padding: 0px 10px 10px 10px;
}

#sidemenu li {
	padding: 3px 0px;
	border-bottom: 1px solid #b2b2b2;
}

#sidemenu li a {
	color: #000;
}

#sidemenu li a:hover {
	color: #dd0000;
	padding-left: 10px;
}

#scontact #fbl {
	padding: 10px;
}

#scontact h3 {
	background: none;
	color: #dd0000;
	text-indent: 0px;
	margin: 0px;
	padding: 0px;
}

#content-wrapper {
	float: right;
	width: 680px;
}

#content-wrapper p {
	margin: 0px;
	padding: 0px;
}

#content-wrapper #fbl {
	padding: 0px;
}

#mc-left {
	float: left;
	width: 320px;
}

#mc-right {
	float: right;
	width: 320px;
}

.ct1 {
	background: url(../images/title_grad.gif) left top repeat-x;
	border-bottom: 1px solid #999;
}

.ct2 {
	background: url(../images/title_grad_right.gif) right top no-repeat;
}

#content-wrapper h2 {
	margin: 0px;
	padding: 7px 0px 0px 0px;
	text-indent: 15px;
	background: url(../images/title_grad_left.gif) left top no-repeat;
	height: 23px;
	font-size: 15px;
	color: #000;
}

#main-content {
	padding: 10px;
}

.cat-title {
	margin: 0px;
	padding: 0px;
}

#mc-left h3 a,
#mc-right h3 a {
	font-size: 13px;
	color: #dd0000;
}

#mc-left h3 a:hover,
#mc-right h3 a:hover {
	text-decoration: underline;
}

#mc-left ul,
#mc-right ul {
	margin: 10px 0px;
}

#mc-left li a,
#mc-right li a {
	color: #000092;
}

#mc-left li a:hover,
#mc-right li a:hover {
	text-decoration: underline;
}

#info-wrapper,
#list-wrapper,
#inq-wrapper {
	padding: 10px;
}

#info-banner {
	padding: 10px;
	text-align: center;
}

#info-menu li {
	text-align: center;
	float: left;
	width: 190px;
	height: 220px;
	margin: 0px 0px 10px 9px;
	padding: 5px;
	border: 1px solid #ccc;
}

#info-menu li h3.infot {
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

#info-menu li h3.infot a {
	font-weight: bold;
	color: #dd0000;
	font-size: 15px;
}

#info-menu li a p {
	color: #000;
}

#info-menu li:hover {
	border: 1px solid #dd0000;
}

/* == GENERAL ==*/

li {
	list-style: none;
}

a img {
	border: 0px;
}

a {
	text-decoration: none;
}

/*
TOP MENU
COLUMNAR */

ul.dropdown ul {
	background-color: #B8B8B8;
	-moz-border-radius:0px 0px 15px 15px;
	border:5px solid #505050 ;
	border-top:5px solid #B8B8B8 ;
}

ul.dropdown li a {
	display: block;
	padding: 7px 10px 13px 10px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	
}

ul.dropdown ul {
	padding: 2px 0px 2px 5px;
}

ul.dropdown ul a {
	padding: 3px 0px;
	font-weight: normal;
	
}

ul.dropdown li ul li ul{
	border:4px solid #B8B8B8 ;

}
ul.dropdown li ul li ul li a{
	color:#0000CC ; 

}

ul.dropdown ul a:hover {
	text-decoration: underline;
	
}

ul.dropdown {
	position: relative;
	z-index: 97;
	float: left;
}

ul.dropdown li {
	float: left;
}

ul.dropdown li:first-child {
	margin-left: 10px;
}

ul.dropdown ul li:first-child {
	margin-left: 0px;
}

ul.dropdown li:hover {
	position: relative;
	z-index: 99;
	background-color: #b2b2b2;
}

ul.dropdown ul li:hover {
	background: none;
}

ul.dropdown ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 98;
}

ul.dropdown ul li {
	float: none;
}

ul.dropdown li:hover > ul {
	visibility: visible;
}

ul.dropdown-linear {
	width: 100%;
}

ul.dropdown-linear ul li {
	float: left;
}

ul.dropdown-linear li:hover {
	position: static;
}

ul.dropdown-linear ul ul {
	display: none !important;
}

ul.dropdown-columnar ul li {
	position: static;
	width: 210px;
}

ul.dropdown-columnar ul ul {
	display: block !important;
	position: static;
	width: auto !important;
}

ul.dropdown-columnar ul ul li {
	float: none;
}

ul.dropdown-columnar ul ul ul {
	display: none;
}

ul.dropdown-columnar li:hover ul {
	visibility: visible !important;
}

/* == SPESIFIC == */

h2.home-title {
	font-size: 15px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

.mna {
	margin: 0px;
	width: 220px;
}

.mna li a {
	color: #0033fa;
	padding: 2px 0px;
	display: block;
}

.mna li a:hover {
	text-decoration: underline;
}

.solution-list {
	padding: 5px 0px;
	border-bottom: 1px solid #ccc;
	width: 260px;
}

.solution-list img {
	float: left;
	margin: 5px 5px 0px 0px;
}

.solution-list h2 {
	font-size: 13px;
	margin: 0px;
	padding: 0px 0px 5px 0px;
}

.solution-list h2 a {
	color: #e24400;
}

.solution-list p {
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}

#sl1 {
	padding-top: 0px;
}

#sl4 {
	padding-bottom: 0px;
	border-bottom: 0px;
}

#hp-1,
#hp-2,
#hp-3 {
	text-align: center;
	width: 130px;
	height: 90px;
}

#hp-1 {
	margin-left: 30px;
}

#hp-2 {
	margin-left: 0px;
}

#hp-3 {
	margin-left: 120px;
}

#label h3 {
	margin: 0px;
	padding: 4px 0px;
}

#label h3 a {
	margin: 0px;
	padding: 0px;
	color: #333;
	font-size: 15px;
}

.list-products li {
	border-bottom: 1px solid #ccc;
	height: 80px;
}

.list-products li:first-child {
	border-top: 1px solid #ccc;
}

.list-products h3 {
	margin: 0px;
	padding: 0px 0px 5px 0px;
}

.list-products h3 a {
	color: #dd0000;
}

.list-products h3 a:hover {
	text-decoration: underline;
}

.list-products p {
	margin: 0px;
	padding: 0px;
}

.list-products table {
	height: 80px;
}

.limage {
	width: 20%;
	text-align: center;
}

.ltdesc {
	width: 65%;
}

.ltdesc h3 {
	font-size: 15px;
}

.lquote {
	width: 15%;
	text-align: right;
}

#search-list .limage {
	width: 150px;
	text-align: center;
}

#search-list .ltdesc {
	width: 750px;
}

#search-list.ltdesc h3 {
	font-size: 15px;
}

.lquote a {
	display: block;
	background: url(../images/qbutton.jpg) right 2px no-repeat;
	width: 93px;
	height: 23px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	padding: 7px 0px 0px 0px;
}

.lquote a:hover {
	background: url(../images/qbuttonh.jpg) right 2px no-repeat;
}

#cat-list {
	margin: 5px 0px 0px 0px;
	padding: 2px 0px;
	color: #000;
	background: #ccc;
	font-size: 12px;
	text-indent: 10px;
	width: 350px;
}

.tdtitle {
	color: #dd0000;
	margin: 0px;
	padding: 10px 0px;
	font-size: 25px;
}

.tdfeature,
.tdspec {
	color: #0071BC;
	font-size: 18px;
	margin: 0px;
	padding: 10px 0px 15px 0px;
}

.tdimage {
	float: left;
	width: 200px;
	display: block;
	text-align: center;
}

.tddesc {
	float: right;
	width: 420px;
	font-weight: bold;
	font-style: italic;
}

#table-compare {
	text-align: left;
	width: 920px;
	margin: 10px auto 0px auto;
}

.tablespec {
	width: 100%;
}

.tablespec tr td,
#table-compare tr td,
#table-compare tr th {
	padding: 2px 2px 2px 5px;
	border-bottom: 1px solid #5075B3;
}

#table-compare tr th {
	border-right: 1px solid #5075B3;
	border-left: 1px solid #5075B3;
}

#table-compare tr td {
	border-right: 1px solid #5075B3;
}

#table-compare tr:first-child td,
#table-compare tr:first-child th {
	border-top: 1px solid #5075B3;
}

#table-compare tr th.spc {
	border-right: 0px;
	border-left: 0px;
	text-align: center;
	border-right: 1px solid #5075B3;
	border-left: 1px solid #5075B3;
}

a.ptype {
	color: #dd0000;
	font-weight: bold;
}

a.ptype:hover {
	text-decoration: underline;
}

.tablespec tr td:first-child {
	width: 150px;
	font-weight: bold;
	border-right: 1px solid #5075B3;
}

.tdfeatlist ul {
	padding-left: 17px;
}

.tdfeatlist ul li {
	list-style-image: url(../images/bluelist.jpg);
	padding: 1px 0px;
}

#button-heading {
	padding: 0px 0px 15px 0px;
}

#bhead1,
#bhead2,
#bhead3 {
	margin-right: 30px;
	padding: 5px 0px 10px 30px;
	color: #0000Bb;
	text-decoration: underline;
}

#bhead1:hover,
#bhead2:hover,
#bhead3:hover {
	text-decoration: none;
}

#bhead1 {
	background: url(../images/zoom.jpg) left top no-repeat;
}

#bhead2 {
	background: url(../images/pdf.jpg) left top no-repeat;
}

#bhead3 {
	background: url(../images/quote.jpg) left top no-repeat;
}

#nav-page {

}

#footer {
	margin-bottom: 20px;
}

#fmenu li {
	float: left;
	padding: 0px 10px;
	margin-bottom: 10px;
	border-left: 1px solid #666;
}

#fmenu li:first-child {
	border: 0px;
	padding-left: 0px;
}

#fmenu li a {
	color: #7679FF;
}

#fmenu li a:hover {
	text-decoration: underline;
}

#fleft {
	float: left;
}

#fleft p {
	color: #666;
	margin: 0px;
	padding: 0px;
}

#fright {
	float: right;
	width: 300px;
}

#fright p {
	width: 150px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#fright img {
	float: right;
	margin: 0px;
	padding: 0px;
}

#cp-left {
	float: left;
        width: 49%;
}

#cp-right {
	float: right;
        width: 49%;
}

#logo {
	float: left;
}

#header-right {
	float: right;
	text-align: right;
	padding-right: 10px;
}

#searchform {
	margin: 25px 0px 0px 0px;
	padding: 0px;
}

#searchform input,
#searchform select {
	margin: 0px;
	padding: 0px;
	display: block;
	height: 18px;
}

#searchform select {
	height: 22px;
}

#searchform input#searchtext {
	width: 200px;
}

#searchform input#searchbutton {
	background: url(../images/search.gif) left top repeat-x;
	color: #fff;
	height: 20px;
	width: 80px;
	border: 0px;
}

#content-wrapper.searchlist {
	float: right;
	width: 100%;
}

#comparebutton {
	border: 0px;
	background: url(../images/compare.gif) left top no-repeat;
	width: 85px;
	height: 28px;
	color: #fff;
	float: right;
	cursor: pointer;
}

#page-content ol {
	margin: 20px 0px 0px 0px;
	padding-left: 30px;
}

#page-content ol li {
	margin: 0px;
	list-style-type: decimal;
}

#page-content ul {
	margin: 5px 0px 20px 0px;
	padding-left: 30px;
}

#page-content ul li {
	margin: 0px;
	list-style-type: square;
}

#page-content p {
	margin: 0px;
	padding: 0px;
}

/* == OTHER == */

.clear {
	clear: both;
	height: 0px;
	font-size: 0px;
}

.heigher {
	height: 10px;
	font-size: 10px;
}

/* ARTICLE */



.post-wrapper {
	padding: 10px 20px 20px 20px;
	border-bottom: 1px solid #ddd;
}

.post-wrapper p {
	text-align: justify;
	font-family: verdana, Helvetica, Sans-Serif;
	font-size: 12px;
}

.post-right {
	float: right;
	width: 400px;
}

.post-title {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
h2.post-title a{
font-size:25px;
float:left;

}

.post-title,
.post-title a {
	font-size: 30px;
	padding: 0px;	
	color: #000;
}

.post-title a:hover {
	text-decoration: none;
	background: #eee;
}
.post-title a h1{
	font-size: 25px;
	padding: 0px;	
	color: #000;
}

.post-body {
	
	font-family: Verdana, Helvetica, Sans-serif;
	color: #555;
	text-align: justify;
}
.post-body  h3{
	font-family: Verdana, Helvetica, Sans-serif;
	color: #555;
	text-align: justify;
	font-weight:normal;
}

.post-body-detail {
	font-family: Verdana, Helvetica, Sans-serif;
	text-align: justify;
}

.post-body img {
	display: none;
}

.maincontent {
	padding: 0px 20px 20px 20px;
}

#post-wrapper .img {
	float: left;
	margin: 10px 20px 20px 0px;
}

#post-wrapper ul li {
	list-style-type: disc;
}
/* Latest Article */

.article-latest-wrapper {
	width:100%;
}

.article-latest-wrapper h3  a {
	color: #ec9315;
	font-size: 18px;
}

.article-latest-wrapper h3  a:hover {
	text-decoration: none;
}

.article-latest-wrapper h3 {
	margin: 0px 0px 10px 0px;
}

.article-latest-wrapper ul {
}

.article-latest-wrapper ul li {
	padding: 5px 0px;
	margin: 10px 0px 10px 0px;
	border-bottom: 1px solid #ccc;
	font-size:12px;
	border-top:0px;
}

.article-latest-wrapper ul li a {
	color: #000;
	margin-top:5px;
}

.article-latest-wrapper ul li h2 {
	margin: 0px 0px 5px 0px;
	color: #000;
	font-size: 12px;
	font-weight:bolder;
}

.article-latest-wrapper ul li a h2 {
	color: #7a1a8b;
	font-size: 12px;
	font-weight:bolder;
	margin-top:10px;
}

#article-latest-image {
	width: 100px;
	padding: 0px 5px 3px 5px;
	}
.left{
	float:left;
}
.article-latest-wrapper h3 a {
	color: #e2440e;
}

.hide{
	Display:none;
}