/*==========> GENERAL STYLES <==========*/
* {margin: 0; padding: 0;}
body, html {height: 100%; min-height: 100%; position: relative;}
body {background: #edf1f2; font-family: "Arial", Helvetica, sans-serif; font-size: 12px; color:#4C5559;}
h1 {color: #ebf0f2; font-size: 28px; letter-spacing: -0.5px; text-transform: uppercase; text-shadow: 0 1px 1px rgba(0,0,0, 0.5);  -webkit-mask-image: -webkit-gradient(linear, left top, »left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));}
h2, h3, h4, h5, h6 {color: #363d40; letter-spacing: -1px;}
h2 {font-size: 28px;}
h3 {font-size: 22px; line-height: 28px;}
h4 {font-size: 18px;}
h5 {font-size: 16px; text-transform: uppercase;}
h6 {font-weight: bold; font-size: 16px; letter-spacing: -0.4px}
.addthis_container {
margin:10px 0px;
}
pre.code {
background-color: #232323;
    border: 1px solid #A0A0A0;
    color: #FBFBFB;
    font-family: "courier new",courier,verdana,tahoma,arial,sans-serif;
    font-size: 10pt;
    line-height: 110%;
    margin-left: 15px;
    margin-right: 15px;
    overflow: auto;
    padding: 5px;
}
a {text-decoration: none; color: #0064a2;}
a:hover {color: #5ba611;}
ul {list-style: none;}
ol {list-style: decimal inside;}
img {border: none;}

.blue {color: #0077b2;}
.color-blend {position: relative; z-index: 2; }
.underline {background: url(../images/h-underline.png) no-repeat left bottom;  padding: 0 0 3px 0; margin: 10px 0;} 
.padding {padding: 20px 0;}
.pb {padding: 0 0 20px 0;}
.pt {padding: 20px 0 0 0;}
.img-fancybox {position: relative; display: block;}
.box-960px {width: 960px; height: auto; margin: auto;}
.clear {clear: both;}
.big-ico {background: url(../images/big-ico.png) no-repeat; display: block;}
.big-ico-sub {background: url(../images/big-ico-sub.png) no-repeat; display: block;}
.small-ico {background: url(../images/small-ico.png) no-repeat; float: left; display: block;}
.separator {height: 30px; float: left; width: 100%;} 
.no-bg {background: none!important; border: none!important;}
ul.default {list-style: url(../images/li-arrow.png) disc inside; list-style-image: 2px left;}
ul.default li {padding: 1px 0;}
.resellers, .blog, .services, .about, .license {padding: 30px 0; line-height: 18px; text-shadow: 0 1px rgba(255,255,255, 0.3);}
.about, .license {padding: 20px 0 30px 0;}
.license {text-align: justify;}

/*==========> TOP STYLES <==========*/
#top {width: 100%;}
	#login-box {background: url(../images/lb-bg.png) repeat-x bottom; height: auto; color: #ebf0f2; text-shadow: 0 1px #40494c;}
	#login-box .box-960px {position: relative; padding: 0 0 5px 0;}
	#nav-box {background: url(../images/nb-bg.png) repeat-x; height: 44px;}
	.logo  {float: left; color: #484740!important; font-size: 24px; font-weight: bold; letter-spacing: -1px; line-height: 20px; display: block; height: 20px; width: 110px; padding: 12px 0px;}
	.logo:active {padding: 13px 0 12px 0;}
	.logo span {color: #6694e3;} 
	
	/*==========> login box <==========*/
	.lb-dropdown {height: 53px; display: none;}
	
	.lb-left {background: url(../images/lb-rs.png) no-repeat right; float: left; width: 270px; height: 58px;}
	.lb-left p {float: left; width: 200px; padding: 15px 10px 0;}
	.safe.big-ico {background-position: 0 7px; float: left; height: 44px; width: 44px; padding: 6px 0;}
	.lb-ddbutton {background: url(../images/lb-ddb.png); width: 133px; height: 24px; position: absolute; right: -10px; bottom: -23px; cursor: pointer}
	.lb-ddbutton .arrow.small-ico {background-position: -30px -17px; float: right; width: 20px; height: 20px; position: relative; top: 3px; right: 25px;}
	.lb-ddbutton.hover .arrow.small-ico {background-position: -65px -17px;} 
	.lb-ddbutton.hover:active .arrow.small-ico {background-position: -65px -16px;}
	.lb-ddbutton p {float: left; color: #ebf0f2; font-size: 10px; text-shadow: 0 -1px #363d40; padding: 0 0 0 20px;}
	.lb-ddbutton.click .arrow.small-ico {background-position: -91px -17px;}
	.lb-ddbutton.click.hover .arrow.small-ico {background-position: -126px -17px;}
	.lb-dropdown .sbutton {position: relative;}
	
	/*==========> lbutton <==========*/
	.lbutton {background: url(../images/lbutton-l.png) no-repeat left top; float: right; color: #00aaff!important; text-transform: uppercase; text-shadow: 0 -1px rgba(0,0,0, 0.5); font-size: 10px; line-height: 20px; height: 23px; padding: 0 0 0 16px!important; display: block;}
	.lbutton-bg {background: url(../images/lbutton-r.png) no-repeat right top; height: 23px; display: block; padding: 0 20px 0 10px;}
	.lbutton-bg .arrow {background: url(../images/small-ico.png) no-repeat -40px 6px; float: right; height: 22px; width: 10px; margin: 0 0 0 5px; display: block;}
	.lbutton:hover {background-position: left -23px; color: #00aaff;}
	.lbutton:hover .lbutton-bg {background-position: right -23px;}
	.lbutton:active {background-position: left -46px; border: none;}
	.lbutton:active .lbutton-bg {background-position: right -46px;}
	
	.lbutton.green {background-position: left -69px; color: #2b3033!important; text-shadow: 0 -1px rgba(255,255,255, 0.2); height: 22px; float: left; margin: 0 0 0 10px; }
	.lbutton.green .lbutton-bg {background-position: right -69px; height: 22px; padding: 0 10px 0 0;}
	.lbutton.green .lbutton-bg .arrow {background: url(../images/small-ico.png) no-repeat -40px 6px; float: right; height: 22px; width: 10px; margin: 0 0 0 5px; display: block;}
	.lbutton.green:hover {background-position: left -91px!important;}
	.lbutton.green:hover .lbutton-bg {background-position: right -91px!important;}
	.lbutton.green:active {background-position: left -113px!important; border: none;}
	.lbutton.green:active .lbutton-bg {background-position: right -113px!important;}

	/*==========> login form <==========*/
	.lb-right {float: left; color: #ebf0f2; font-size: 10px; width: 100%; height: 43px; padding: 15px 0 0 0;}
	.lb-right a, .lb-right p {float: left; color: #949899; padding: 2px 0 0 0;}
	.hl-c {float: left; width: 260px; padding: 0 0 0 20px;}
	.hl-c label {float: left; line-height: 21px; text-transform: uppercase; padding: 0 10px 0 0;}
	.hl-l {background: url(../images/hl.png) no-repeat 0 -21px; float: left; width: 170px;}
	.hl-r {background: url(../images/hl.png) no-repeat right 0; padding: 0 4px;}
	.hl-r input {background: url(../images/hl.png) repeat-x 0 -42px; color: #babdbf; line-height: 21px; text-shadow: 0 -1px #303538; height: 13px; width: 100%; border: none; padding: 4px 0;}
	.error, .remind {background-position: 0 3px; width: 10px; height: 10px; margin: 0 5px 0 0;}
	.remind {background-position: -10px 2px;}
	.remind:hover {color: #00aaff!important;}
		
	/*==========> navigation <==========*/
	#nav {float: left;}
	#nav span, #nav li.spacerx {background: url(../images/nb-s.png) no-repeat right; width: 3px; height: 44px; float: left; position: relative; display: block; z-index: 2;}
	#nav li {float: left; position: relative;}
	#nav li a {color: #41494d; line-height: 44px; /*text-shadow: 0 1px #e9edf0;*/ height: 44px; display:block; position: relative; z-index: 2; padding: 0 14px;}
	#nav li.active a {color: #e1e6e9!important;}
	#nav li.active div {display: block!important; opacity: 1!important}
	#nav li div {background: url(../images/nb-hv.jpg) repeat-x bottom; position: absolute; top: 0; width: 100%; height: 44px; display: none; z-index: 1; padding: 0;}
	#nav li div div {background: url(../images/nb-hv.jpg) no-repeat top right; display: block; }
	#nav li div div div {background: url(../images/nb-hv.jpg) no-repeat center left; display: block; padding: 0;}
	#nav li div div div div {background: url(../images/nb-hvbl.png) no-repeat center bottom;  height: 44px; display: block; padding: 0;}
	
/*==========> HEADER STYLES <==========*/
#header {background: url(../images/hb-bg.png) repeat-x; height: 418px; width: 100%;}
#header .box-960px {background: url(../images/hb-cn.jpg) no-repeat; height: 418px;}
#header h3 {color: #000; font-size: 20px; letter-spacing: -1.2px; text-shadow: 0 1px rgba(255,255,255, 0.2); padding: 0 0 5px 0; opacity: 0.5;}
#header h4, #co-box h4 {color: #e4e8eb; font-size: 14px; font-weight: normal; letter-spacing: -0.5px; text-transform: uppercase; text-shadow: 0 1px #292d30;}


	/*==========> header content <==========*/
	.htt {padding: 30px 0 0 0; text-align: center;}
	.htt span {color: #ebf0f2; font-size: 18px; letter-spacing: 2px; text-transform: uppercase; text-shadow: 0 1px 1px rgba(0,0,0, 0.5);}
	.htcl, .htcr, .htcc  {float: left; width: 380px; height: 300px; padding: 32px 0 0 0;}
	.htcc {float: left; width: 200px; position: relative}
	.htc-logo {color: #ebf0f2; font-size: 46px; font-weight: bold; letter-spacing: -2px; text-shadow: 0 1px 1px #003b59; text-align: center; width: 100%; position: absolute; top: 120px;}
	.htc-logo span {color: #dfe7eb;}
	.htcb {padding: 0 0 12px 60px; position: relative;}
	.htcbr {float: left;}
	.htcb p, .htcb a, .htcb li {color: #f0f3f5; text-shadow: 0 1px rgba(0,0,0, 0.3); line-height: 16px; width: 100%; display: block;}
	.htcb .big-ico, .wi-box .big-ico {width: 60px; height: 60px; position: absolute; top: 50%; margin: -30px 0 0 0;}
	.htcb li, .htcb a, .htcb p {position: relative;}
	.htcl .arrow {background-position: -21px 5px; height: 14px; width: 10px; position: absolute; left: 0; top: 0;}
	.htcl li, .htcl p, .htcl a {position: relative; padding: 0 0 0 20px!important;}
	.htcl li a {padding: 0!important;}
	
		/*===> left column <===*/
		.htcl .htcb .big-ico {float: left; left: 0;}
		.wcuh {background-position: 0 -80px; }
		.ha {background-position: 0 -160px;}
		.sof {background-position: 0 -240px;}
		
		/*===> right column <===*/
		.htcr h3 {text-align: right;}
		.htcr .htcb {padding: 0 60px 12px 0;}
		.htcr .htcb .arrow {background-position: -28px 4px; height: 14px; width: 10px; position: absolute; right: 0; top: 0;}
		.htcr .htcb .big-ico {float: right; right: 0;}
		.htcr ul, .htcr li, .htcr a, .htcr p  {float: right; text-align:right; }
		.htcr li, .htcr p {padding: 0 15px 0 0!important}
		.htcr .htcbr, .htcr img {float: right;}
		.spg {background-position: 10px -315px;}
		.mi {background-position: 10px -395px;}
		.smc {background-position: 10px -475px;}
		.sfml {background-position: 10px -555px;}
		.carea {background-position: 0px 0px; height: 50px; width: 60px; float: left;}

	/*==========> main button <==========*/
	.mbutton {width: 260px; display: block; position: absolute; left: -30px; bottom: 35px;}
	.mbutton div {background: url(../images/mbutl.png) no-repeat left top; position: absolute; top: -5px; left: -5px; height: 63px; wdth: 100%;}
	.mbutton div div {background: url(../mbutl.png) no-repeat right center; paddin: 0 10px;}
	.mbutton div div div {background: url(../images/mbutl.png) repeat-x bottom; height: 63px;}
	.mbutton span {display: block;}
	.mbut-l {background: url(../images/main-button.png) no-repeat top left;}
	.mbut-r {background: url(../images/main-button.png) center right no-repeat; padding: 0 8px;}
	.mbut-bg {background: url(../images/main-button.png) bottom repeat-x ; height: 35px; padding: 9px 3px 9px 12px; position: relative;}
	.mbut-btl {background: url(../images/mbut-btl.png) no-repeat bottom center; width: 100%; height: 1px; position: absolute; bottom: 3px; }
	.mbut-bg p {float: left; color: #0a4766; text-shadow: 0 1px rgba(255,255,255, 0.35); letter-spacing: -1px;}
	.mbut-big {font-size: 18px; font-weight: bold; letter-spacing: -0.5px; line-height: 18px;}
	.mbut-small {font-size: 12px; letter-spacing: -0.5px; line-height: 16px;}
	.mbut-ico {background: url(../images/mbutton-ico.png) no-repeat; float: right; height: 31px; width: 30px; margin: 3px 0;}
		
/*==========> CLIENT LOGIN BOX STYLES <==========*/
#co-box {background: url(../images/co-bg.png) repeat-x; height: 190px; width: 100%;}
#co-box h4 {float: left;}

	/*==========> co top <==========*/
	.co-top {float: left; height: 40px; line-height: 40px; width: 100%; text-shadow: 0 1px rgba(0,0,0, 0.5);}
	.note {background-position: 0 -37px; height: 30px; width: 30px; margin: 5px 10px 5px 0;}
	.co-more {color: #c6cacc; float: right; padding: 10px 0; height: 20px; line-height: 20px; text-transform: uppercase;}
	.co-more span.small-ico {background-position: -150px -15px; width: 15px; height: 20px; float: right; padding: 0 0 0 10px;}
	
	/*==========> cob <==========*/
	.cob {float: left; width: 235px; height: 120px; margin: 15px 7px 15px 0;}
	.cob.last {margin: 15px -1px 15px 0;}
	.cob.first {margin: 15px 7px 15px -1px;}
	.cob-tlc {background: url(../images/cob-tlc.png) no-repeat left;}
	.cob-trc {background: url(../images/cob-trc.png) no-repeat right; padding: 0 6px;}
	.cob-tb {background: url(../images/cob-tb.png) repeat-x; height: 6px;}
	.cob-l {background: url(../images/cob-l.png) repeat-y left;}
	.cob-r {background: url(../images/cob-r.png) repeat-y right; padding: 0 2px;}
	.cob-bg {background: url(../images/cob-bg.png) repeat-x bottom #edf2f5; height: 100px; padding: 5px 10px;}
	.cob-blc {background: url(../images/cob-blc.png) no-repeat left;}
	.cob-brc {background: url(../images/cob-brc.png) no-repeat right; padding: 0 7px;}
	.cob-bs {background: url(../images/cob-bs.png) no-repeat right; padding: 0 50px 0 0;}
	.cob-bb {background: url(../images/cob-bb.png) repeat-x; height: 8px;}
	.cob-bg h6, .cob-bg p, .cob-bg a, .cob-bg i {float: left; width: 100%; text-shadow: 0 1px rgba(255,255,255, 0.5);}
	.cob-bg i {font-family: Georgia, "Times New Roman", Times, serif;}
	.cob-bg h6 {color: #343a3d; font-size: 16px; font-weight: normal; border-bottom: 1px solid #d5d9db; padding: 0 0 5px 0;}
	.cob-bg p, .cob-bg a,  {color: #949899; font-size: 10px; border-bottom: 1px solid #d5d9db; padding: 0 0 5px 0; }
	.cob-bg i {color: #7c7f80 ; border-top: 1px solid #edf3f5; padding: 5px 0 0 0;}
	
/*==========> WRAPPER STYLES <==========*/
#wrapper-sub, .wrapper-inner, .wrapper-inner .box-960px {min-height: 100%;}
#container {position: relative; height: auto!important; min-height: 100%;}
#wrapper-sub, #wrapper {padding: 0 0 100px 0;}
#wrapper-sub .box-960px {position: relative;}
#wrapper {background: url(../images/w-bg.png) repeat-x top #edf1f2; width: 100%;}
#wrapper-sub {background: url(../images/wsub-bg.png) repeat-x top #edf1f2; width: 100%; }
.w-bgbt {background: url(../images/wi-bg.png) repeat-x bottom; width: 100%; height: 20px;}
.wsub-light {background: url(../images/wsub-light.png) no-repeat; width: 550px; height: 5px; position: absolute; top: 0; left: -240px;}

.wi-row {background: url(../images/underline-big.png) no-repeat bottom; padding: 30px 0 30px;}
.wi-box {float: left; width: 310px; color: #41484c; line-height: 16px; position: relative; padding: 0 0 30px 0;}
.wi-box.center {margin: 0 15px;}
.wib-top {background: url(../images/underline-small.png) no-repeat bottom left; height: 60px; position: relative; margin: 10px 0 10px 0;}
.wib-top h6 {color: #005d8c; font-size: 18px; font-weight: bold; letter-spacing: -0.5px; padding: 0 0 0 60px;position:absolute; top:50%; margin:-10px 0 0;}
.wib-top h6 a:hover {color: #363d40;}
.wib-top h6.long {margin: -25px 0 0 0; line-height: 22px;}
.wi-box p {color: #41484c; text-align: justify; text-shadow: 0 1px rgba(255,255,255, 0.5); padding: 0 3px;}
.wi-box ol {padding: 0 0 10px 20px;}
.wi-separator {background: url(../images/wi-separator.png) repeat-x center; height: 2px; width: 100%; padding: 15px 0;}
.wi-box .spg {background-position: 0 -320px;}
.wi-box .sof {background-position: 0 -235px;}
.wi-box .mi {background-position: 0 -395px;}
.wi-box	.smc {background-position: 0 -475px;}
.wi-box	.sfml {background-position: 0 -555px;}

.blog .safe {width: 60px; background-position:0 2px;}
.license h3 {margin: 0;}
.wi-row.no-bg {padding: 0 0 50px ; position: relative;}
.wi-row.no-bg .sbutton {bottom: 5px;}

	/*==========> wi-img-box <==========*/
	.wi-img-box {width: 310px;}
	.wi-img-top {background: url(../images/imgbox-top.png) no-repeat top; height: 26px;}
	.wi-img-l {background: url(../images/wi-img-l.png) repeat-y left;}
	.wi-img-r {background: url(../images/wi-img-r.png) repeat-y right; padding: 0 4px}
	.wi-img {position: relative; height: 168px;}
	.wi-img .img-fancybox {border: none;}
	.wi-img a {height: 168px; width: 303px; display: block; position: relative; }
	.wi-img a div {background: url(../images/wi-img-hv.png) no-repeat bottom; position: absolute; top: 0; width: 100%; height: 168px; display: none;}
	.wi-img-blc {background: url(../images/wi-img-blc.png) no-repeat left;}
	.wi-img-brc {background: url(../images/wi-img-brc.png) no-repeat right; padding: 0 8px;}
	.wi-img-bbg {background: url(../images/wi-img-bbg.png) repeat-x; height: 10px;}

	/*==========> sbutton <==========*/
	.sbutton {background: url(../images/sbutton-l.png) no-repeat left top; float: right; color: #dfe4e5; text-transform: uppercase; text-shadow: 0 -1px rgba(0,0,0, 0.5); font-size: 10px; line-height: 20px; height: 20px; padding: 0 0 0 16px!important; display: block; position: absolute; bottom: 0; right: 0;}
	.sbutton-bg .arrow {background: url(../images/small-ico.png) no-repeat -40px 6px; float: right; height: 20px; width: 10px; margin: 0 0 0 5px; display: block;}
	.sbutton.hover {background-position: left -20px; color: #00aaff;}
	.sbutton.hover .sbutton-bg {background-position: right -20px;}
	.sbutton:active {background-position: left -40px;}
	.sbutton:active .sbutton-bg {background-position: right -40px;}
	.sbutton-bg {background: url(../images/sbutton-r.png) no-repeat right top; height: 20px; display: block; padding: 0 15px 0 0;}
	
.morebtn {width:61px;}
	.sbutton-bg .stext, .bbutton-bg .stext,  .lbutton .stext {float:left;}
	.lbtn  {width:80px;}
	.cbtn {width:120px;}

	/*==========> bbutton <==========*/
	.bbutton {background: url(../images/bbutton-l.png) no-repeat left top; float: left; color: #2b3033!important; text-transform: uppercase; line-height: 21px; font-size: 10px; height: 21px; margin: auto; padding: 0 0 0 16px; display: block;}
	.bbutton .arrow {background: url(../images/small-ico.png) no-repeat -22px 6px; float: right; height: 20px; width: 10px; margin: 0 0 0 5px; display: block;}
	.bbutton.hover {background-position: left -22px;}
	.bbutton.hover .bbutton-bg {background-position: right -22px;}
	.bbutton:active {background-position: left -44px;}
	.bbutton:active .bbutton-bg {background-position: right -44px;}
	.bbutton-bg {background: url(../images/bbutton-r.png) no-repeat right top; height: 21px; display: block; padding: 0 15px 0 0;}
	
	/*==========> gbutton <==========*/
	.gbutton {background: url(../images/gbutton-l.png) no-repeat left top; color: #edf1f2!important; line-height: 21px; text-shadow: 0 1px rgba(0,0,0, 0.4); height: 62px; width: 302px; margin: auto; padding: 0 0 0 12px; display: block;}
	.gbutton p {text-transform: uppercase; text-align: center;}
	.gbutton h4 {font-size: 24px; letter-spacing: -0.5px; text-align: center; padding: 2px 0;}
	.gbutton:hover {background-position: left -62px;}
	.gbutton:hover .gbutton-bg {background-position: right -62px;}
	.gbutton:active {background-position: left -124px;}
	.gbutton:active .gbutton-bg {background-position: right -124px;}
	.gbutton-bg {background: url(../images/gbutton-r.png) no-repeat right top; height: 42px; padding: 10px 12px 10px 0; display: block;}

	/*==========> bimg <==========*/
	.bimg-txt {float: left; width: 100%; padding: 0 0 20px 0; margin: 0 10px 0 0; position: relative;}
	.bimg-txt p {color: #4c5559; padding: 10px 0; margin: 0; line-height: 16px;}
	.bimg-box {float: right; width: auto;}
	.bimg-tl {background: url(../images/bimg-tlc.png) no-repeat left;}
	.bimg-tr {background: url(../images/bimg-trc.png) no-repeat right; padding: 0 9px;}
	.bimg-t {background: url(../images/bimg-tbg.png) repeat-x; height: 9px;} 
	.bimg-l {background: url(../images/bimg-l.png) repeat-y left;}
	.bimg-r{background: url(../images/bimg-r.png) repeat-y right; padding: 0 9px;}
	.bimg {background: #fff;}

	.bimg-bl {background: url(../images/bimg-blc.png) no-repeat left;}
	.bimg-br {background: url(../images/bimg-brc.png) no-repeat right; padding: 0 9px;}
	.bimg-b {background: url(../images/bimg-bbg.png) repeat-x; height: 10px;}
	
	.bimg-box.wide-960px {width: 960px;}
	.bimg-box.wide-960px img {width: auto!important;}
	
	/*==========> wi-menu <==========*/
	#wi-left-menu, #wi-right-menu {float: left; width: 202px;}
	.wi-lm-tbg {background: url(../images/lm-tbg.png) no-repeat right top;}
	.wi-lm-bbg {background: url(../images/lm-bbg.png) no-repeat right bottom; padding: 33px 0 51px 0;}
	.wi-lm-bg {background: url(../images/lm-bg.png) repeat-y right; height: auto;}
 	ul.lm li, .lia-down {background: url(../images/li-arrow.png) no-repeat 5px 8px; margin: 2px 0 2px; position: relative;}
	ul.lm li a {color: #41494d!important; position: relative; z-index: 2; line-height: 20px; width: 172px; padding: 3px 10px 3px 20px; margin: 0 0 2px 0; display: block;}
	ul.lm {padding: 2px 2px 2px 0; overflow: hidden;}
	ul.lm li a span  {background: url(../images/lm-underline.png) repeat-x left bottom; width: 200px; height: 2px; position: absolute; bottom: -2px; left: 0; display: block;}
	ul.lm li a div {background: url(../images/lm-hv.png) repeat-y; height: 100%; width: 100%; display: none; position: absolute; top: 0; left: 0; z-index: 1;}
	ul.lm-off ul.lm {padding: 5px 0 5px 20px; width: 180px;}
	.lia-down {background-position: -200px 7px!important;}
	ul.lm p.active {font-size: 16px; font-weight: bold; line-height: 18px; position: relative; margin:0 0 5px; padding: 3px 10px 3px 20px;}
	ul.lm li.ui-state-active{background-position: 10px 8px}
	ul.lm li.ui-state-active div {background: url(../images/lm-hv.png) repeat-y ; display: block!important; opacity: 1!important;}
	ul.lm li.ui-state-active a {color: #4d8c0e!important; font-weight: bold; padding: 3px 10px 3px 25px;}
	
	#wi-right-menu {width: 282px;}
	#wi-right-menu .wi-rm-tbg {background: url(../images/rm-tbg.png) no-repeat left top;}
	#wi-right-menu .wi-rm-bbg {background: url(../images/rm-bbg.png) no-repeat left bottom; padding: 33px 0 50px 0;}
	#wi-right-menu .wi-rm-bg {background: url(../images/rm-bg.png) repeat-y left; height: auto;}

	/*==========> wi-content <==========*/
	#wi-right-content, #wi-left-content  {float: left; width: 726px; padding: 20px 0 20px 32px; line-height: 18px; text-align: justify;}
	.tab_content {color: #41494d; direction: block; position: relative; padding: 0 0 20px 0;}
	.tab_content .sbutton { margin: 20px 0 0;}
	.tab_content .bimg-box {padding: 10px 0 10px 0;}
	.tab_content .big-ico {float: left; height: 52px; width: 60px;}
	.tab_content h3.underline {background-position: 60px -5px;}
	.tab_content h6 {float: left;}
	.tab_content h6 .arrow {background: url(../images/li-arrow.png) no-repeat 0 4px; float: left; height: 20px; width: 15px; display: block;}
	
	.tab_content .spg {background-position: 0 -320px;}
	.tab_content .mi {background-position: 0 -400px;}
	.tab_content .smc {background-position: 0 -480px;}
	.tab_content .sfml {background-position: 0 -560px;}
	
	#wi-right-content p {line-height: 18px; text-align: justify;}
	#wi-left-content  {width: 658px; padding: 0 20px 30px 0; text-shadow: 0 1px rgba(255,255,255, 0.3);}
	
	/*==========> order table <==========*/
	.orderpage.table {width: 960px; padding: 40px 0;}
	.ot-tlc {background: url(../images/ot-tlc.png) no-repeat left;}
	.ot-trc {background: url(../images/ot-trc.png) no-repeat right; padding: 0 5px;}
	.ot-tbg {background: url(../images/ot-tbg.png) repeat-x; height: 89px;}
	.ot-tbg h3 {color: #e6eced; text-shadow: 0 1px #2b3033; text-align: center; padding: 0 0 5px 0;}
	.ot-tbg ul li, .ot li {float: left; width: 236px; height: 74px; border-right: solid 1px rgba(255,255,255, 0.2); border-left: solid 1px rgba(0,0,0, 0.2);  padding: 15px 0 0 0;}
	.ot-price {color: #69bf13; font-size: 30px; letter-spacing: -0.5px; text-shadow: 0 1px #2b3033; text-align: center; display: block;}
	.ot-price .small {font-size: 16px; vertical-align: text-top;}
	
	.ot {background: #e6eced; border-right: solid 1px #2b3033; border-left: solid 1px #2b3033; text-shadow: 0 1px rgba(255,255,255, 0.5);}
	.ot ul {height: 35px;}
	.ot li {color: #363d40; height: 35px; width: 216px; padding: 0 0 0 20px; line-height: 35px;}
	.ot ul.darker li {background: #e1e5e6;}
	.ot ul li span {font-weight: bold;}
	.ot-blc {background: url(../images/ot-blc.png) no-repeat left;}
	.ot-brc {background: url(../images/ot-brc.png) no-repeat right; padding: 0 5px;}
	.ot-bbg {background: url(../images/ot-bbg.png) repeat-x; height: 40px;}
	.ot-bbg li {float: left; width: 96px; height: 20px;  padding: 10px 70px;}
	
	/*==========> table <==========*/
	.tab-box { padding: 0 0 10px 0;}
	.tab-tlc {background: url(../images/tab-tlc.png) no-repeat left;}
	.tab-trc {background: url(../images/tab-trc.png) no-repeat right; padding: 0 5px;}
	.tab-tbg {background: url(../images/tab-tbg.png) repeat-x; height: 37px;}
	.tab-cn {background-color: #f0f4f5; border-right: solid 1px #bbbebf; border-left: solid 1px #bbbebf; position: relative;}
	.tab-blc {background: url(../images/tab-blc.png) no-repeat left;}
	.tab-brc {background: url(../images/tab-brc.png) no-repeat right; padding: 0 5px;}
	.tab-bbg {background: url(../images/tab-bbg.png) repeat-x; height: 13px;}
	
	.tab-tbg ul li {background: url(../images/tab-tsep.png) no-repeat right; float: left; font-weight: bold; line-height: 37px; text-shadow: 0 -1px rgba(255,255,255, 0.2); width: 176px; height: 37px; padding: 0 20px;}
	.tab-cn ul {float: left; width: 218px; border-right: solid 1px #d8dbdc}
	.tab-cn ul li {background: url(../images/tab-cn-btsep.png) repeat-x bottom; float: left; width: 199px; height:30px; line-height: 30px; padding: 0 0 0 20px;}
	.tab-cn ul li span, .price {color: #5ba611; font-weight: bold; line-height: 12px;}
	.tab-cn ul li span span, .price span {vertical-align: text-top; font-size: 10px;}
	
	/*==========> services <==========*/
	.s-box {width: 290px; padding: 10px 0 35px 0; margin: 0 40px 25px 0; float: left; position: relative;}
	.s-box.last {margin: 0 0 10px 0;}
	.s-box p {text-align: justify;}
	.s-box h4 {padding: 0 0 5px 0;}
	.s-box span.underline {font-size: 10px; padding: 0 0 5px 0; margin: 0 0 5px 0; display: block;}
	.s-box .big-ico-sub {width: 60px; height: 50px; float: right;  margin-top: -10px;}
	.integration {background-position: 0 -85px;}
	.installation {background-position: 0 -245px;}
	.upgrade {background-position: 0 -164px;}
	
	#install-1, #install-2 {float:left; width: 100%;}
	#install-1 h6, #install-2 h6 {font-size: 14px;}
	.services .bbutton {float: right;}
	
	
/*==========> BLOG STYLES <==========*/
.blog-top {padding: 0 0 5px 0; margin: 0 0 20px 0; position: relative;}
.blog-top h4, .blog-top h4 a {color: #41494c; padding: 0 0 10px 0;}
.blog-top h4 a:hover {color: #0064a2;}
.date, .category {float: left; font-size: 10px; line-height: 16px; display: block; color: #127db2; padding: 0 10px 0 0;}
.date .small-ico {background-position: -95px -45px; height: 16px; width: 20px;}
.category .small-ico {background-position: -125px -46px; height: 16px; width: 20px;}
.comments {background: url(../images/bl-rc.png) no-repeat; color: #e9edee; font-size: 10px; line-height: 18px; text-shadow: 0 1px rgba(0,0,0, 0.3); text-align: center; height: 16px; width: 42px; padding: 40px 0 30px 0; position: absolute; left: -57px; top: -10px;}
.comments a {color: #e9edee; width: 100%; text-align: center; display: block;}

.blog-article-container, .postmetadata {background: url(../images/blog-underline.png) repeat-x bottom; padding: 30px 0 20px 10px;} 
.postmetadata {padding: 10px 0;}
.blog-article-container p {color: #4c5559; text-align: justify; line-height: 18px;margin:5px 0px;}
.blog-article-container .bimg-box {width: 652px; padding: 0 0 20px 0;}
.blog-article-container .bimg-box img  {width: 638px;}
.img-fancybox {overflow: hidden;}
.img-fancybox div {background: url(../images/loupe-ico.png) no-repeat center center rgba(0,0,0, 0.2); width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; -moz-box-shadow:inset 0 0 20px rgba(0,0,0, 0.2);}

	/*==========> br-box <==========*/
	.br-box {padding: 0 0 20px 20px;}
	.br-tlc {background: url(../images/br-tlc.png) no-repeat left;}
	.br-trc {background: url(../images/br-trc.png) no-repeat right; padding: 0 6px;}
	.br-tbg {background: url(../images/br-tbg.png) repeat-x; height: 6px;}
	.br-l {background: url(../images/br-l.png) repeat-y left;}
	.br-r {background: url(../images/br-r.png) repeat-y right; padding: 0 2px;}
	.br-bg {background: url(../images/br-bg.png) repeat-x bottom #f1f5f6;}
	.br-blc {background: url(../images/br-blc.png) no-repeat left;}
	.br-brc {background: url(../images/br-brc.png) no-repeat right; padding: 0 6px;}
	.br-bbg {background: url(../images/br-bbg.png) repeat-x; height: 6px;}
	
	.search {padding: 5px 10px;}
	.search .sbutton {position: static;}
	.submit {height: 24px;}
	.sgbutton input {height: 18px!important; padding: 0!important; border: none; background: none;}
	.input {background: url(../images/input-l.png) no-repeat left top; float: left; padding: 0 0 0 8px; display: block;}
	.input input {background: url(../images/input-r.png) no-repeat right top; font-size: 12px; line-height: 15px; border: none; height: 22px; width: 155px; padding: 3px 8px 3px 0;}
	ul.social {padding: 0px 0 20px 20px; height: 20px;}
        ul.social li {float:left; display:block; widht:20px height:20px;}
	ul.social .rss.small-ico {background-position: -155px -45px ; float: left; height: 20px; width: 20px;}
	ul.social .facebook.small-ico {background-position: -65px -45px; float: left; height: 20px; width: 20px;}
	ul.social .twitter.small-ico {background-position: -185px -45px; float: left; height: 20px; width: 20px;}
	
	h4#comments, h4#respond {padding: 20px 0;}
	ol.commentlist {list-style: none;}
	ol.commentlist li { padding: 10px 0 10px 0px;}
	ol.commentlist li  li{ padding: 10px 0 10px 10px;}
	textarea#comment {width: 658px;}
	#commentform p {padding: 5px 0;}
	.avatar {background: #fff; padding: 2px; border: solid 1px #e3e7e8; float: left; margin: 0 10px 10px 0;}
	#commentform textarea {-moz-border-radius: 6px; border: solid 1px #d4d8d9; padding: 3px;}
	.comment-box {width: 100%;}
	.comment-box .bimg {padding: 5px;}
	
	/*==========> br-tab <==========*/
	ul.br-tab, .br-box h3  {border-bottom: solid 2px #52960f; height: 23px; padding: 5px 5px 0 5px;}
	.br-box h3  {padding: 0 5px 5px 5px;}
	ul.br-tab li {background: url(../images/tab-r.png) no-repeat left  bottom; float: left; height: 23px; padding: 0 0 0 6px; margin: 0 1px}
	ul.br-tab li a {background: url(../images/tab-l.png) no-repeat right bottom; height: 23px; color:#a2a5a6; line-height: 23px; padding: 0 6px 0 0; display: block;}
	ul.br-tab li.active {background-position: left top;}
	ul.br-tab li.active a {background-position: right top; color: #edf1f2;}
	ul.br-tab li:hover a {color: #363d40;} 
	
	#wi-right-menu .tab_content ul {}
	#wi-right-menu .tab_content ul li a, .br-tc li a {float: left; color: #4c5559; display: block; padding: 5px 5px 5px 20px; position: relative; z-index: 2;}
	#wi-right-menu .tab_content ul li a:hover, .br-tc li a:hover {color: #0064a2;}
	#wi-right-menu .tab_content ul li span, .br-tc li span {float: left; font-weight: bold; position: relative; z-index: 2; padding: 5px 5px 5px 20px; display: block;}
	#wi-right-menu .tab_content ul li, .br-tc li {background: url(../images/tab-arrow.png) no-repeat 5px -67px; float: left; width: 100%; border-bottom: solid 1px #e3e7e8; border-top: solid 1px #f7fbfc; overflow: hidden; position: relative; z-index: 1;} 
	#wi-right-menu .tab_content ul li div, .br-tc li div {background: url(../images/tab-arrow.png) no-repeat -2px 7px #ebeff0; width: 100%; height: 100px; position: absolute; top: 0; display: none;}
	
	/*==========> sgbuttn <==========*/
	.sgbutton {background: url(../images/sgbutton-l.png) no-repeat left top; float: left; text-shadow: 0 -1px rgba(0,0,0, 0.3); height: 21px; width: 50px; padding: 0 0 0 5px; margin: 0 0 0 10px; display: block; cursor: pointer;}
	.sgbutton-r{background: url(../images/sgbutton-r.png) no-repeat right top; height: 21px; color: #edf1f2; line-height: 21px; text-align: center; padding: 0 5px 0 0; display: block;}
	.sgbutton:hover {background-position: left -21px;}
	.sgbutton:hover .sgbutton-r {background-position: right -21px;}
	.sgbutton:active {background-position: left -42px;}
	.sgbutton:active .sgbutton-r {background-position: right -42px;}
	
	
/*==========> FOOTER STYLES <==========*/
#footer {width: 100%; height: auto; position: absolute; bottom: 0;}
.f-top {background: url(../images/f-top.png) repeat-x; height: 35px; color: #26292b;}
.fb-top {background: url(../images/fb-top.png) repeat-x top; padding: 10px 0 0 0;}
.fb-bottom {background: url(../images/fb-bottom.png) repeat-x bottom #363d40; height: auto; min-height: 125px;}
.f-bottom {background: url(../images/f-bottom.png) repeat-x; height: 40px;}
.f-bottom p {color: #020203; line-height: 40px; text-shadow: 0 1px #26292b; float: left}
.f-bottom a {line-height: 40px; color: #5a6366; text-shadow: 0 -1px rgba(0,0,0, 0.8); padding: 0 2px;}
.f-bottom a:hover {color: #879499;}

.f-top .bredacumb {float: left; width: 50%; height: 35px;}
.f-top p, .f-top a {color: #bbbebf; padding: 10px 5px; float: left; text-shadow: 0 1px #26292b;}
.f-top p {color:#006ea6;}
.f-top .small-ico.arrow {background-position: -41px 3px; height: 20px; width: 15px;}
.small-ico.twitter {background-position: -33px -44px; height: 20px; width: 25px;}
.small-ico.facebook {background-position: -65px -45px; height: 20px; width: 25px;}
a.facebook, a.twitter {float: right; line-height: 18px;}

/*==========> FOOTER S STYLES <==========*/
#footer-s {background: url(../images/footer.png) repeat-x bottom; height: 117px; width: 100%; position: absolute; bottom: 0;}
.fs-top {height: 35px; width: 100%; color: #1c1f21; text-shadow: 0 1px rgba(255,255,255, 0.2);}
.fs-top a, .fs-bt p {color: #1c1f21; text-shadow: 0 1px rgba(255,255,255, 0.2); float: right!important;}
.fs-top .bredacumb {float: left; width: 50%; height: 35px;}
.fs-top p, .fs-top a {padding: 10px 5px; float: left;}
.fs-top .small-ico.arrow {background-position: -41px 3px; height: 20px; width: 15px;}
.fs-bt {height: 22px; width: 100%; padding: 20px 0;}
.fs-bt p {color: #0b0c0d; float: left!important; line-height: 22px; text-shadow: 0 -1px rgba(255,255,255, 0.05);}
.fs-bt div a {color: #829199; line-height: 22px; text-shadow: 0 -1px rgba(0,0,0, 0.3); padding: 0 2px;}
.fs-bt div a:hover {color: #adc2cc;}

/*==========> UI-TABS STYLES <==========*/

.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li {position: relative; top: 1px;}
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; background: none;}
.ui-tabs .ui-tabs-hide { display: none !important; }0