﻿/*
Design by http://www.bluewebtemplates.com
Released for free under a Creative Commons Attribution 3.0 License
*/
@charset "utf-8";
@font-face {
   font-family: 'Ubuntu';
   src: url('/fonts/Ubuntu-R.eot');
   src: url('/fonts/Ubuntu-R.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Ubuntu-R.woff') format('woff'),
    url('/fonts/Ubuntu-R.ttf') format('truetype'),
    url('/fonts/Ubuntu-R.svg#Ubuntu') format('svg');
   font-weight: normal;
   font-style: normal;
}

body { margin:0; padding:0; width:100%; color:#5f5f5f; font-family: 'Ubuntu', sans-serif;}
html, .main { padding:0; margin:0; background-color:#fff;}
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
h1 { margin:0; padding:64px 40px; color:#000; font-family: 'Ubuntu', sans-serif;}
h1 a, h1 a:hover { color:#000; text-decoration:none;}
h2 {margin:8px 0; padding:0 0 8px 0; font-family: 'Ubuntu', sans-serif; color: #505050;font-weight:900;font-size:20px; line-height:22px;}
p { margin:8px 0; padding:0 0 8px 0; font-family: 'Ubuntu', sans-serif;}
p.thicker { margin:8px 0; padding:0 0 8px 0; font-family: 'Ubuntu', sans-serif; color: #505050;font-weight:900;font-size:20px; line-height:22px;}
p.Ubuntu { font-family: 'Ubuntu'}
p.thicker.Ubuntu { font-family: 'Ubuntu'}
h2.Ubuntu { font-family: 'Ubuntu'}
a { color:#70a32c; text-decoration:underline;}
matrixLogin_msg {
    color: #70a32c;}
 td {
    line-height: normal;
    font-family: ubuntu, sans-serif;
        line-height: 16px;
    height: 29px;   font-weight: normal;
    margin: 0;
    padding: 16px;
    display: table-cell;
}

tr {
    padding: 0;
    margin: 0;
    text-align: left;
    vertical-align: top;
    box-sizing: border-box;
    display: table-row;
}


.header, .hbg, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar { margin:0; padding:0;}
.content_resize, .fbg_resize, .footer_resize { margin:0 auto; padding:0 0px; width:890px;}
.fbg, .footer { padding:16px 0;}

/* header */
.header { background:url(images/header_bg.jpg) repeat-x top;}
.header_resize { margin:0 auto; padding:0; width:970px; height:200px;}
.header .logo { width:317px; height:180px; float:left; background:url(images/logo.png) no-repeat left top;position:absolute;z-index:1001;}

/* menu */
.menu_nav { position:absolute;z-index: 1000;height:52px; float:right; width:auto; padding: 90px 0 0 325px;}
.ul.submenu {margin:0;}
.menu_nav ul { width:auto; list-style:none;}
.menu_nav ul li { margin:0 1px; float:left;position:relative;}
.menu_nav ul li ul { border:0px solid #ccc;display:none;position:absolute}
.menu_nav ul li ul li { float:none; height:40px;background:#eee; margin:0;}
.menu_nav ul li ul li a {  font-size:14px;width:185px;background:#A4D558;}
.menu_nav ul li ul li a:hover { background:#A4D558; color:#323a3;}
.menu_nav ul li ul { display:none;}
.menu_nav ul li:hover ul { display:block;}
.menu_nav ul li a { display:block; margin:0; padding:23px 9px 23px 0; color:#000; text-decoration:none; text-transform:Capitalize;}
.menu_nav ul li ul li a {  display:block; margin:0; padding:23px 2px 23px 0; color:#000; text-decoration:none; text-transform:Capitalize;}
.menu_nav ul li a span { padding:23px;}
.menu_nav ul li ul li a span { margin:0 auto; padding:23px;}
.menu_nav ul li a:hover, .menu_nav ul li.active a { background:url(images/menu_a.png) no-repeat right top; color:#6094B4;}
.menu_nav ul li a:hover span, .menu_nav ul li.active a span { background-color:none;}

/* banner */
div.frontpage-banner-wrapper {display:none}
frontpic{ position: absolute;left:30px;border:1px; solid #000;width: 971px; height:339px;}
.frontpic img{ width: 971px; height:339px;}
.dl-button{max-width:227px;max-height:44px;border-radius:5px;font-family:'Ubuntu', sans-serif;color:#FFFFFF; font-size:20px; background:#58b530;padding:8px 50px 8px 50px;text-decoration:none;box-shadow:7px 7px 7px 0px rgba(0, 0, 0, 0.46);}
/* content */
.content { padding-bottom:16px;padding-top:5px;}
.content_resize { padding:16px 0 16px 0; width:970px;}
.content img { padding:4px; border:1px solid #bbb;}
.content img.ilf { margin-right:16px; float:left;}
.content .mainbar { float:right; width:660px; padding-right:0; background:url(images/mainbar_bg.png) no-repeat right top;border-left:1px solid #70a32c;}
.content .mainbar_products { float:right; width:750px; padding-right:0; background:url(images/mainbar_bg.png) no-repeat right top;border-left:1px solid #70a32c;}
.content .mainbar .submb { padding:24px 0px 24px 16px; background-color:#e8ebd8;}
.content .mainbar .submb_tab { height:auto;padding:0 0 0 0; background-color:#e8ebd8;}
.content .mainbar .article, .content .sidebar .gadget { margin:0; padding:0 0 16px 0;}
.content .sidebar { padding:0 0 16px 106px;width:200px;}
.content .sidebar_products { padding:0 0 16px 230px;width:200px;}
ul.sb_menu, ul.ex_menu { margin:0; padding:0; list-style:none;}
ul.sb_menu li, ul.ex_menu li { margin:0;}
ul.sb_menu li { padding:4px 0;}
ul.ex_menu li { padding:4px 0 8px;}
ul.sb_menu li a, ul.ex_menu li a { text-decoration:none;}
ul.sb_menu li a:hover, ul.ex_menu li a:hover { font-weight:bold;}
ul.sb_menu li a:hover { text-decoration:underline;}
ul.ex_menu li a:hover { text-decoration:none;}

/*Tab Option */
.tab1{width:660px;height:auto; float:left;border-top:#cccccc solid 0px;border-bottom:#cccccc solid 0px;}
.menu{width:660px; height:40px; line-height:40px; float:left; background:#fff;}
.Menu ul{margin:0px; padding:0px;}
.menu li{float:left; display:block; width:120px;text-align:center;line-height:39px;height:39px;cursor:pointer;border-left:#cccccc solid 0px;color:#000;overflow:hidden;background:#fff;font-family:'Ubuntu', sans-serif;margin: 1px 0 0 0;}
.menu li.off{
    background-color: #a4d558;
    border-radius: 7px 7px 0 0;
    color: #fff;
    background-image: url(/images/menubck895796.png);
    background-repeat: no-repeat;
    background-image: url(/images/menubck895796.png), url(/images/menubckend895796.png);
    background-position: top left, top right;
border-bottom:0;
}
.menudiv{height:auto;border-left:#cccccc solid 0px;border-right:#cccccc solid 0px;border-top:0;background:#e8ebd8;font-family:'Ubuntu', sans-serif;}
.menudiv div{padding:16px;line-height:28px;}
.picgradient {width:628px; height:27px;background:#a4d558 ; background-image:url(/images/gradient895796.jpg);background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #a4d558 30%); background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #a4d558 30%);background-image: -moz-linear-gradient(bottom, #FFFFFF 100%, #a4d558 30%);background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #a4d558 30%);background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(0.3, #a4d558));background-image: linear-gradient(to top, #FFFFFF 0%, #a4d558 30%);}


/* subpages */
.content .mainbar .comment { margin:0; padding:16px 0 0 0;}
.content .mainbar .comment img.userpic { border:1px solid #dedede; margin:10px 16px 0 0; padding:0; float:left;}

/* fbg */
.fbg { background-color:#99c751; color:#fff;}
.fbg a, .fbg h2 { color:#fff;}
.fbg img { border:1px solid #fff;}
.fbg .col { margin:0; float:left;}
.fbg .c1 { padding:0 16px 0 0; width:286px;}
.fbg .c2 { padding:0 16px; width:286px;}
.fbg .c3 { padding:0 0 0 16px; width:250px;}
.fbg .c1 img, .fbg .c3 img { margin:4px;}
.fbg .c1 img { margin:8px 16px 4px 0; padding:0; float:left;}
.fbg ul li a { color:#fff;}

/* footer */
.footer { background-color:#f8f8f8;}
.footer p.lf { margin:0; padding:4px 0; float:left; width:auto; line-height:1.5em;}
ul.fmenu { margin:0; padding:2px 0; list-style:none; float:right; width:auto;}
ul.fmenu li { margin:0; padding:0 4px; float:left;}
ul.fmenu li a { text-decoration:none; padding:2px 6px; color:#5f5f5f;}
ul.fmenu li a:hover, ul.fmenu li.active a { color:#73a62d; background:none;}
ul.fmenu li a:hover { text-decoration:underline;}

/* form */
ol { list-style:none;}
ol li { display:block; clear:both;}
ol li label { display:block; margin:0; padding:16px 0 0 0;}
ol li input.text { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:5px 2px; height:16px; background:#fff;}
ol li textarea { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:2px; background:#fff;}
ol li .submit { margin:16px 0 0 0;}
