* {
margin: 0;
padding: 0;
}

/* General */
body {
background: #fff url(../images/bg_body.gif) center top repeat-x;
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-size: 0.8em;
color: #32393d;
}
p {
line-height: 1.4em;
margin: 0 0 15px 0;
}
a {
color: #196297;
text-decoration: none;
}
a:hover {
color: #fe4819;
}
h1 {
display: none;
}
h2 {
font-size: 1.7em;
color: #fe4819;
margin: 5px 0 10px 0;
font-weight: normal;
}

h3 {
font-size: 1.4em;
color: #1e292b;
margin: 5px 0 10px 0;
font-weight: normal;
}
h4 {
font-size: 1.1em;
color: #1e292b;
margin: 5px 0 10px 0;
}
h5 {
font-size: 0.9em;
color: #fe4819;
margin: 5px 0 10px 0;
}
em {
}
.red {
color: #fe4819;
}
sup {
font-size: 0.7em;
}
img, img a {
border: 0;
}
ul, ol {
margin: 10px 0 10px 25px;
padding: 0;
}
li {
margin: 4px 0 4px 0;
line-height: 1.4em;
}
ul li {
list-style-type: disc;
}
blockquote {
margin-left: 28px;
}
hr {
border: 0;
border-top: 3px solid #DCEAF6;
height: 3px;
margin: 0 0 10px 0;
}

/* Forms */
form {
margin: 0 0 20px 0;
padding: 0;
}
fieldset	{
border: 1px solid #c4c4c4;
margin: 0;
padding: 20px 20px 20px 20px;
}
legend {
font-size: 1.1em;
font-weight: bold;
color: #1e292b;
margin: 5px 0 0 0;
padding: 0 5px 0 5px;
}
label	{
}
input, textarea, select {
color: #1e292b;
font-size: 1em;
font-weight: normal;
font-family: Arial, Tahoma, Helvetica, sans-serif;
background: #fff url(../images/bg_input.gif) 0 0 repeat-x;
border: 1px solid #c4c4c4;
padding: 3px;
margin: 0 5px 0 0;
}
.Radio, .Checkbox {
background-image: none;
background-color: transparent;
border: 0;
}
textarea {
overflow: auto;
}
select option {
padding: 0 10px;
}

/* Tables */
table {
width: 98%;
border-collapse: collapse;
padding: 0;
margin-bottom: 10px;
}
.pdf a { /* PDF Icon */
background: url(../images/pdf.gif) 0 3px no-repeat;
color: #196297;
font-size: 0.9em;
text-decoration: underline;
padding: 3px 0 3px 20px;
}
.pdf a:hover{
color: #fe4819;
}

.doc a { /* Doc Icon */
background: url(../images/doc.gif) 0 3px no-repeat;
color: #196297;
font-size: 0.9em;
text-decoration: underline;
padding: 3px 0 3px 20px;
}
.doc a:hover{
color: #fe4819;
}

.file a { /* file Icon */
background: url(../images/file.gif) 0 3px no-repeat;
color: #196297;
font-size: 0.9em;
text-decoration: underline;
padding: 3px 0 3px 28px;
}
.file a:hover{
color: #fe4819;
}

.page a { /* Doc Icon */
background: url(../images/page.gif) 0 3px no-repeat;
color: #196297;
font-size: 0.9em;
text-decoration: underline;
padding: 3px 0 3px 20px;
}
.page a:hover{
color: #fe4819;
}

th {
font-size: 10pt;
text-align: left;
vertical-align: top;
padding: 4px 4px 4px 4px;
border-bottom: 1px dotted #c4c4c4;
}
td {
font-size: 10pt;
padding: 4px 4px 4px 4px;
vertical-align: top;
border-bottom: 1px dotted #c4c4c4;
background-color: transparent;

}
tr:hover td
{
	color: #3B4F15;
/*	background: #B6D73A ; */
    background-color: #f0f0f0;
}
.odd td {
background-color: transparent;
}
.even td {
background-color: #f0f0f0;
}
.first {
text-align: left;
border-left: 0;
}
th a img {
text-decoration: none;
margin: 0 0 10px 0;
}
th p {
margin: 5px 0 5px 0;
}

/* Page Containers */
#Container {
position: relative;
margin: 0 auto;
width: 980px;
}
#ContainerBottom {
clear: both;
position: relative;
width: 100%;
background: #fff url(../images/bg_container_bottom.gif) 0 0 repeat-x;
}

/* Top Navigational Menu */
#TopMenu {
float: left;
width: 450px;
height: 60px;
font-size: 0.8em;
margin: 16px 0 0 20px;
display: inline;
}
#TopMenu ul {
margin: 3px 0 0 0;
padding: 0;
list-style: none;
float: right;
}
#TopMenu ul li {
display: inline;
margin: 0 10px 0 0;
padding: 0;
list-style: none;
}
#TopMenu li a {
color: #1e292b;
text-decoration: none;
}
#TopMenu li a:hover {
color: #fe4819;
}
#TopMenu li.Cart {
background: url(../images/header_link_cart.gif) 0 0 no-repeat;
padding: 0 0 0 18px;
}
#TopMenu li.Login {
background: url(../images/header_link_login.gif) 0 0 no-repeat;
padding: 0 0 0 18px;
}
#TopMenu li div {
display: inline;
}
#LiveChat {
float: right;
margin: 0 10px 0 5px;
}

/* Pages Menu */
#Menu {
position: relative;
margin-top: 5px;
clear: both;
float: left;
width: 980px;
height: 31px;
display: inline;
z-index: 10;
background: url(../images/bg_navi_sublist.gif) -5000px 0 no-repeat; /* Preloads dropdown bg */
}
#Menu ul { /* Top level list */
margin: 0;
padding: 0;
list-style: none;
width: 980px;
}
#Menu li { /* Top level list item */
float: left;
position: relative;
margin: 0;
padding: 0;
list-style: none;
background: url(../images/btn_navi_right.gif) 100% 0 no-repeat;
}
#Menu li.HasSubMenu { /* Top level list item with sub nav */
background: url(../images/btn_navi_right_arrow.gif) 100% 0 no-repeat;
}
#Menu li a { /* List item link */
display: block;
height: 24px;
color: #fff;
font-size: 0.85em;
font-weight: bold;
text-decoration: none;
padding: 6px 13px 0 13px;
background: url(../images/btn_navi_left.gif) 0 0 no-repeat;
}
#Menu li.HasSubMenu a { /* List item link with sub nav */
padding: 6px 23px 0 13px;
}
#Menu li.First a {
background: url(../images/btn_navi_left_first.gif) 0 0 no-repeat;
}
#Menu li ul { /* Sub list */
float: left;
position: absolute;
left: 0;
top: 30px;
width: 250px;
display: none;
text-align: left;
background: url(../images/bg_navi_sublist.gif) 0 100% no-repeat;
padding: 0 0 10px 0;
z-index: 10;
}
#Menu li ul li { /* Sub list item */
clear: both;
color: white;
text-align: left;
background-image: none;
}
#Menu li ul li a { /* Sub list item link - Same width as li ul */
color: #394852;
padding: 2px 10px 0 10px;
width: 260px;
height: auto;
font-weight: normal;
font-size: 0.9em;
background-image: none;
}
#Menu li ul li a:hover {
text-decoration: underline;
}
#Menu li:hover { /* List item rollover */
background-position: 100% -100px;
}
#Menu li:hover a, #Menu li.over a{ /* List item link rollover */
background-position: 0 -100px;
color: #394852;
}
#Menu li:hover ul, #Menu li.over ul {
display: block;
}
/* Holly Hack. IE Requirement \*/
* html #Menu ul li { float: left; height: 1%; }
* html #Menu ul li a { height: 1%; }
/* End */
* html #Menu li:hover , * html #Menu li.over { /* List item link rollover */
background-position: 100% -100px;
}

/* Outer Content Wrapper (Surrounds header & content) */
#Outer {
clear: both;
}
#Wrapper {
clear: both;
float: left;
width: 980px;
display: inline;
}

.img.floatLeft {
    float: left;
    margin: 4px;
}

/* Header */
#Header {
width: 980px;
height: 90px;
}

/* Logo */
#Logo {
float: left;
width: 165px;
height: 60px;
margin: 20px 0 0 20px;
display: inline;
}

/* Top Search Form */
#SearchForm {
float: right;
width: 320px;
height: 84px;
background: url(../images/bg_search.gif) 0 0 no-repeat;
overflow: hidden;
}
#SearchForm form {
clear: both;
padding: 5px 0 0 0;
margin: 0 0 0 20px;
}
#SearchForm form {
}
#SearchForm label {
display: none;
}
#SearchForm input {
width: 170px;
height: 16px;
font-size: 0.9em;
border: 1px solid #d7d7d7;
padding: 3px 3px 3px 3px;
margin: 5px 0 5px 0;
}
#SearchForm .Button {
width: 92px;
height: 24px;
border: 0;
padding: 0;
margin-left: 5px;
vertical-align: top;
}
/*#phone_id {
float: left;
font-size: 1em;
background: url(../images/header_flag_id.gif) 0 4px no-repeat;
padding: 0 0 0 23px;
margin: 15px 0 0 20px;
display: inline;
}*/
#chat_id {
float: left;
font-size: 1em;
margin-left: 2px;
margin-top: 5px;
padding: 0 0 0 5px;
display: inline;

}
#phone_id span, #chat_id span {
display: none;
}

/* Left & Right Content Area */
.Left {
float: left;
width: 190px;
padding: 20px 0 20px 0;
margin: 0 20px 0 0;
}
.Right {
float: right;
width: 190px;
padding: 20px 0 20px 0;
}
.Left .Block, .Right .Block {
}
.Left .BlockContent, .Right .BlockContent {
padding: 0 20px 0 20px;
}
.SideBox {
list-style: none;
background: url(../images/bg_side_box.gif) 0 100% no-repeat;
padding: 0 0 20px 0;
margin: 0 0 20px 0;
}
.SideBox form {
margin: 0;
}
.SideBox input {
width: 140px;
margin: 0;
}
.Left h2, .Right h2 {
margin: 0 0 10px 0;
padding: 0;
min-height: 5px;
background: url(../images/bg_side_h2.gif) 0 0 no-repeat;
}
.Left h2 span, .Right h2 span  {
display: none;
}
.Left ul {
list-style: none;
padding: 0;
margin: 0 0 0 -20px;
}
.Left li {
list-style: none;
padding: 0;
margin: 0;
}
.Left li a {
display: block;
width: 150px;
color: #1e292b;
font-size: 1em;
text-decoration: none;
background: url(../images/bg_btn_side_navi.gif) 0 100% no-repeat;
padding: 2px 0 5px 0;
margin: 0 0 0 20px;
}
.Left li a:hover {
color: #fe4819;
background-position: -150px 100%;
}
.Left li.Selected {
background: url(../images/bg_side_navi_on.gif) 10px 9px no-repeat;
}
.Left li.Selected a {
background-position: -150px 100%;
}

.Left li.GroupTitle {
font-weight:bold;
padding:5px 0px 5px 10px;
margin:5px 0px 5px 0px;
background-color:#E1E1E1;
width:100%;
}

.Left li.GroupTitle a {
	width: auto;
	margin: 0;
	padding: 0;
	background: transparent;
}

/* Primary Content Area */
.Content {
float: left;
width: 770px;
min-height: 240px;
padding: 20px 0 20px 0;
}
.Content.Wide {
width: 980px;
margin-right: 20px;
padding: 0 0 20px 0;
}
.Content .Block {
clear: both;
margin-bottom: 10px;
margin-right: 10px;
}
.Content .BlockContent {
/*margin-top: -100px; */

}

.Promo_Content_Home { /* Homepage no flash content */
position: relative;
width: 980px;
height: 180px;
background: url(../images/header_escan.jpg) 0 0 no-repeat;
}
.PromoButtons {
float: left;
margin-top: 130px;
margin-left: 715px;
display: inline;
}
.PromoButtons ul {
margin: 0;
padding: 0;
list-style: none;
}
.PromoButtons li {
float: left;
padding: 0;
margin: 0 20px 0 0;
list-style: none;
}

/* Page Footer */
#Footer {
width: 980px;
margin: 0 auto;
padding: 15px 0 20px 0;
text-align: center;
}
#Footer p{
width: 820px;
font-size: 0.85em;
color: #fe4819;
line-height: 1.8em;
margin-left: 20px;
}
#Footer .Small {
font-size: 0.8em;
color: #757575;
text-align: center;
}
#Footer a, #Footer a:link, #Footer a:active, #Footer a:visited {
text-decoration: none;
color: #1E292B;
margin: 0;
}
#Footer a:hover {
color: #fe4819;
}
#FooterLogos {
background: url(../images/bg_footer_logos.gif) 0 100% no-repeat;
padding: 0 0 20px 20px;
margin: 0 0 10px 0;
}
#FooterLogos img {
margin: 0 15px 0 0;
}

/* Primary Product Feature Lists */
.PrimaryFeatures {
margin: 20px 0 20px 0;
}
.PrimaryFeatureList, .PrimaryFeatureList ul {
width: 770px;
margin: 0;
padding: 0;
list-style: none;
}
.PrimaryFeatureList li {
float: left;
list-style: none;
width: 375px;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
min-height: 240px;
display: inline;
}
.PrimaryFeatureList li.Odd {
}
.PrimaryFeatureList li.Even {
margin-left: 10px;
}
.PrimaryFeatureList li .FeatureImage {
float: left;
width: 50px;
text-align: center;
padding: 5px 0 0 0;
}
.PrimaryFeatureList li .FeatureDetails {
float: left;
width: 300px;
padding: 5px 5px 0 0;
}
.PrimaryFeatureList strong {
font-size: 0.8em;
color: #32393d;
margin: 0 0 5px 0;
font-weight: bold;
}

/* Toggle Feature Tabs */
.tabContainer {
width: 770px;
background: url(../images/bg_tabContainer_wide_top.gif) 100% 0 no-repeat;
margin: 0 0 20px 0;
}
.tabContainer.Narrow {
width: 480px;
background: url(../images/bg_tabContainer_narrow_top.gif) 100% 0 no-repeat;
}
.tabContainer.Side {
width: 190px;
background: url(../images/bg_tabContainer_side_top.gif) 100% 0 no-repeat;
}
.tabList {
}
.panelButtonOn {
float: left;
background: url(../images/btn_panel_on_left.gif) 0 0 no-repeat;
margin: 0 0 0 10px;
display: inline;
}
.panelButtonOn a {
display: block;
float: left;
height: 24px;
color: #1E292B;
text-decoration: none;
padding: 7px 20px 0 15px;
margin: 0 0 0 5px;
background: url(../images/btn_panel_on_right.gif) 100% 0 no-repeat;
display: inline;
}
.panelButtonOff {
float: left;
background: url(../images/btn_panel_off_left.gif) 0 0 no-repeat;
margin: 0 0 0 10px;
display: inline;
}
.panelButtonOff a {
display: block;
float: left;
height: 24px;
color: #757575;
text-decoration: none;
padding: 7px 20px 0 15px;
margin: 0 0 0 5px;
background: url(../images/btn_panel_off_right.gif) 100% 0 no-repeat;
display: inline;
}
.panelButtonOn a:hover, .panelButtonOff a:hover {
color: #fe4819;
}
.panel {
clear: both;
width: 980px;
background: url(../images/bg_tabContainer_wide_bottom.gif) 100% 100% no-repeat;
}
.panel.gradient {
/*clear: both;*/
width: 980px;
min-height: 240px;
background: url(../images/bg_tabContainer_wide_gradient.jpg) 100% 0 no-repeat;
}
.Narrow .panel {
width: 480px;
background: url(../images/bg_tabContainer_narrow_bottom.gif) 100% 100% no-repeat;
}
.Left .panel, .Right .panel {
width: 190px;
background: url(../images/bg_tabContainer_side_bottom.gif) 100% 100% no-repeat;
}
.panelBox {
padding: 2px 2px 2px 10px;

}
.Right .panelBox {
padding: 10px 0 10px 10px;
font-size: 0.95em;
}

.panel table {
width: 960px;
}
.panel table hr {
margin-right: 0
}
.panel th {
}
.panel .odd td {
background-color: transparent;
}
.panel .even td {
background-color: #f5f8fa;
}

/* Homepage Columns */
.HomeColumnLeft {
float: left;
width: 480px;
}
.HomeColumnRight {
float: right;
width: 480px;
}

/* Homepage Product Boxes */
.ProductContainer {
float: left;
width: 980px;
background: url(../images/ProductListContainerBg.gif) 100% 100% no-repeat;
padding: 0px 0px 20px 0px;
}
.Content .PrimaryProductList {
list-style: none;
font-size: 11pt;
padding: 0;
margin: 0;
}
.Content .PrimaryProductList li {
float: left;
list-style: none;
width: 980px;
min-height: 280px;
max-height: 2800px;
/*font-size: 0.85em;  */
line-height: 1.5em;
overflow: hidden;
background: url(../images/ProductListBgBottomHlt.gif) bottom left no-repeat;
margin: 5px 0 0 5px;
}
.Content .PrimaryProductList li.first {
margin: 0;
/*min-height: 280px;  */

}



.Content .PrimaryProductList .ProductImage {
float:left;
padding: 12px 8px 8px 8px;
margin: 0;
width: 960px;

background: url(../images/ProductListBgTopHlt.gif) top left no-repeat;
}
.Content .PrimaryProductList .ProductDetails {
margin: 0;
padding: 10px 5px 10px 5px;
background: url(../images/ProductListBgTopHlt.gif) top right no-repeat;
}
.PrimaryProductList a {
color: #1E292B;
text-decoration: none;
}
.PrimaryProductList a:hover {
color: #fe4819;
}
.PrimaryProductList strong {
font-size: 0.8em;
color: #32393d;
font-weight: normal;
}
.PrimaryProductList .ProductButton {
margin: 8px 0 0 0;
}


/* Icon Links */
.HighlightedLink a { /* Arrow Icon */
background: url(../images/HighlightedLink.gif) 0 3px no-repeat;
font-weight: bold;
color: #196297;
font-size: 0.9em;
text-decoration: none;
padding: 0 0 3px 8px;
}
.HighlightedLink a:hover{
color: #fe4819;
}

/* Miscellaneous Definitions */
.FloatRight {
float: right;
}
.FloatLeft {
float: left;
}
.ClearRight {
clear: right;
}
.ClearLeft {
clear: left;
}
.Clear {
clear: both;
}
.Small {
font-size: 0.75em;
}

/* Tab nav */
.tabnav {
clear: both;
float: left;
width: 770px;
margin: 0 0 10px 0;
background: url(../images/bg_tabnav.gif) 100% 0 no-repeat;
}
.tabnav ul {
margin: 0 0 0 10px;
padding: 0;
width: 760px;
list-style: none;
}
.tabnav li {
margin: 0 10px 0 0;
padding: 0;
float: left;
list-style: none;
background: url(../images/btn_panel_off_left.gif) 0 0 no-repeat;
}
.tabnav li.active {
background: url(../images/btn_tabnav_on_left.gif) 0 0 no-repeat;
}
.tabnav a:link, .tabnav a:visited {
display: block;
float: left;
color: #757575;
text-decoration: none;
padding: 4px 20px 6px 15px;
margin: 0 0 0 5px;
background: url(../images/btn_panel_off_right.gif) 100% 0 no-repeat;
display: inline;
}

.tabnav li.active a:link, .tabnav li.active a:visited {
display: block;
float: left;
color: #1E292B;
text-decoration: none;
padding: 4px 20px 6px 15px;
margin: 0 0 0 5px;
background: url(../images/btn_tabnav_on_right.gif) 100% 0 no-repeat;
display: inline;
}
.tabnav a:hover {
color: #fe4819;
}

.RightColumnFloat {
float: right;
width: 260px;
padding: 0 0 10px 10px;
margin: 0 0 20px 10px;
background: url(../images/bg_rightfloated_bottom.gif) 0 100% no-repeat;
}
.RightColumnFloat h2 {
margin: 0 0 10px -10px;
padding: 0;
min-height: 5px;
background: url(../images/bg_rightfloated_top.gif) 0 0 no-repeat;
}
.RightColumnFloat h2 span  {
display: none;
}

/* buat browser ie */

legend {
margin-bottom: 20px;
}
* html .Content {
height: 500px;
}
* html .Left h2, * html .Right h2 {
height: 5px;
}
* html .RightColumnFloat h2 {
height: 5px;
}
* html .PrimaryFeatureList li {
height: 65px;
}
* html .FeatureList li {
height: 12em;
}
* html .FeatureList li.Short {
height: 8em;
}
* html .Content .PrimaryProductList li {
height: 145px;
}
* html .TestimonialList li {
height: 70px;
}
* html .Testimonial {
width: 98%;
}
* html .panel .Testimonial {
width: 96%;
margin: 0;
}
* html #Menu li a { /* List item link */
float: left;
padding-bottom: 6px;
}
* html #Menu li.HasSubMenu a { /* List item link with sub nav */
float: left;
padding-bottom: 6px;
}
* html #Menu li.HasSubMenu ul li a { /* Sub list item link - Same width as li ul */
padding-bottom: 0;
}
* html .panel.gradient {
/*height: 500px;*/
}

/* table download */

.table.stats {
{text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 11px;
color: #fff;
width: 880px;
background-color: #666;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;}
}
.table.stats td {
{background-color: #CCC;
color: #000;
padding: 4px;
text-align: left;
border: 1px #fff solid;}
}
.table.stats td.hed {
{background-color: #666;
color: #fff;
padding: 4px;
text-align: left;
border-bottom: 2px #fff solid;
font-size: 12px;
font-weight: bold;}
}

.kaki {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	margin: 0px;
	padding: 0px;
}