@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700');
@media Screen
{
html,body{ margin: 0; padding: 0; height: 100%; width: 100%; background: white; font-family: 'Roboto', sans-serif; font-size: 14px; color: #333; text-align: center; }
#mainhead {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: block;
    text-align: left;
}
#mainhead ul li {
    font-size: 16px;
    float: left;
}
#mainhead ul {
    float: right;
    margin-top: 13px;
}
#mainhead ul li a {
    padding: 11px 15px;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
}
#mainhead ul li img {
    padding: 0 2px;
}
img#speclab {
    padding: 6px 0;
}
#TopNav ul li:last-child {
    background: #fc5358;
}
div#highlights {
    width: 1200px;
    margin: 35px auto;
    height: 320px;
    display: block;
}
.hlbox {
    width: 41%;
    float: left;
    margin: 0 2.5%;
    padding: 2% 1.5% 1.0%;
    min-height: 260px;
    display: block;
}
.hlbox:nth-child(1) .imgbox {
    background: url(../images/hl1.png) 0 -125px no-repeat;
    display: block;
    width: 125px;
    height: 125px;
    overflow: hidden;
    margin: 0 auto;
}
.hlbox:nth-child(2) .imgbox {
    background: url(../images/hl2.png) 0 -125px no-repeat;
    display: block;
    width: 125px;
    height: 125px;
    overflow: hidden;
    margin: 0 auto;
}
.hlbox:nth-child(3) .imgbox {
    background: url(../images/hl3.png) 0 -125px no-repeat;
    display: block;
    width: 125px;
    height: 125px;
    overflow: hidden;
    margin: 0 auto;
}
.hlbox:nth-child(4) .imgbox {
    background: url(../images/hl4.png) 0 -125px no-repeat;
    display: block;
    width: 125px;
    height: 125px;
    overflow: hidden;
    margin: 0 auto;
}
.hlbox:hover {
    background: #fc5358;
    border-radius: 15px;
    color: #fff;
}
.hlbox:hover .imgbox { 
	background-position:0 0; 
}
.hlbox:hover h3 {
	color:#fff;
}
.hlbox h3 {
    text-transform: uppercase;
    font-size: 18px;
    margin: 15px 0 3px;
	color:#333;
}
.hlbox p {
    font-size: 14px;
}
.hlbox:hover {
    cursor: pointer;
}
div#articles {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    padding: 96px 0 30px;
    height: 220px;
}
.artbox {
    width: 290px;
    float: left;
    margin: 0 50px;
    position: relative;
}
.artbox p {
    position: absolute;
    bottom: -10px;
    width: 100%;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 8px 0;
}
#articles h2 {
    background: #3e4095;
    border-radius: 10px;
    clear: both;
    display: block;
    width: 300px;
    color: #fff;
    font-weight: 300;
    font-size: 36px;
    padding: 8px;
    position: absolute;
    left: 37.7%;
    top: 0;
    z-index: 10;
}
div#articles::after {
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background: #3e4095;
    clear: both;
    float: none;
    position: absolute;
    top: 29px;
    z-index: 0;
}
#TopNav {
    background: #13459c;
}
#TopNav ul li {
	display: block;
    position: relative;
    float: left;
    height: 42px;
}
#TopNav ul li a {
    padding: 12px 24px;
    text-decoration: none;
    display: block;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 300;
    /* background: url(../images/bg-sep-nav.png) top left no-repeat; */
    border-top: 1px solid #eb454a;
}
#TopNav ul li:hover {
    background: #fc5358;
}
#TopNav ul li:hover:after {
    content: "";
    background: #13459c;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 0px;
    left: 0;
}
.subcolumn {
    float: left;
    padding: 0 5px;
}
.has_submenu:hover div {
    display: block !important;
}
div.submenu {
    position: absolute !important;
    top: 42px;
    left: 0;
    background: #fc5358;
    z-index: 99;
    display: none;
    padding: 0px 0 15px;
}
#gallery img {
    width: 30%;
    margin: 10px;
    border-radius: 10px;
}
#content-main h2 {
    text-align: left;
    margin-top: 20px;
    padding-left: 42px;
}
#gallery div {
    width: 30%;
    display: inline-block;
    margin: 10px;
    box-shadow: 0 0 5px #999;
}
#gallery div img {
    width: auto;
    height: 100%;
    border-radius: 0;
    padding: 0;
    margin: 0;
}
#gallery div {
    width: 30%;
    display: inline-block;
    margin: 10px;
    box-shadow: 0 0 5px #999;
    height: 280px;
    overflow: hidden;
}
div.subrow {
    color: #fff;
    clear: both !important;
    display: block;
    width: 450px;
    text-align: left;
    padding: 15px !important;
}
.subcolumn a {
    padding: 0 !important;
    margin: 0 !important;
}
.subleft {
    width: 120px;
    float: left;
}
.subright {
    float: left;
    display: block;
    width: 330px;
}
.subright h4 {
    color: #fff;
    margin: 0 0 5px 0;
}
.subright p {
    margin: 0 0 2px;
}
.has_submenu.last .submenu {
    right: 0;
    left: unset;
}
.submenu.serv {
    left: -220px;
    width: 1066px;
}
.serv .subrow {
    width: 100%;
}
.submenu.serv h4 {
    color: #fff;
    margin-top: 12px;
}
.submenu.serv .subrow ul li span {
    display: block;
    text-align: center;
}
.submenu.serv .subrow ul li {
    text-align: center;
}
.submenu.serv .subrow ul li img {
    border: 3px solid #fff;
    margin: 8px;
    width: 123px;
	border-radius:7px;
}
#promo .jtab span {
    text-align: left;
}
div#content-main {
    max-width: 1180px;
    margin: 0 auto;
}
div#leftpan {
    background: url(../images/bg-blue.png) 0px -143px no-repeat #efefef;
    width: 20%;
    border-radius: 10px;
    padding: 10px 15px 15px;
    margin-top: 20px;
    float: left;
    display: block;
    margin-right: 40px;
    text-align: left;
}
#searchbox input[type="text"] {
    background: #3e66ad;
    border: 0;
    padding: 10px;
    border-radius: 10px;
    float: left;
    font-size: 16px;
    width: 170px;
    margin-right: 5px;
	color:#fff;
}
#searchbox input[type="text"]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 0.5; /* Firefox */
}
#searchbox input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
#searchbox input[type="text"]::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
#searchbox input[type="text"]:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
#searchbox input[type="text"]:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
div#rightpan {
    width: 73%;
    display: inline-block;
    text-align: justify;
    margin-top: 20px;
}
div#vision {
    padding: 20px 0;
    background-size: cover;
    display: block;
}
div#mission p, div#vision p {
    padding: 0 16px;
    line-height: 20px;
}
div#mission, div#vision {
    padding: 15px 0;
    background: #e9ecff;
    background-size: cover;
    display: block;
    border-radius: 10px;
    float: left;
    width: 40%;
    margin: 15px;
    border: 2px solid #fff;
}
div#mission h2 {
    text-transform: uppercase;
    background: url(https://mobile.spectrumlab.in/imazos/sid_men_bg2.png) top right no-repeat #2260A7;
    color: #fff;
    width: 100px;
    padding: 10px 15px;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 12px;
}
div#gallery img {
    width: inherit;
}
div#gallery {
    display: block;
    clear: both;
    width: 100%;
}
div#vision h2 {
	text-transform: uppercase;
    background: url(../mobile/imazos/sid_men_bg3.png) top right no-repeat #f68104;
    color: #fff;
    width: 100px;
    padding: 10px 15px;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 12px;	
}
#accredition {
	text-align:center;
}
#accredition img {
    border-radius: 20px;
    width: auto;
    border: 5px solid #efefef;
    margin: 10px;
}
#leftpan ul li {
    padding: 5px 10px;
}
#leftpan h4 {
    margin: 15px 0 5px 0;
    color: maroon;
}
#leftpan ul li {
    background: url(../images/bull-2.png) 0px 7px no-repeat;
    padding-left: 18px;
}
.submenu.about .subrow {
    padding: 0 !important;
    margin: 0 !important;
}
.submenu.about {
    padding-bottom: 0;
}
.submenu.about .subrow {
    padding: 0 !important;
    margin: 0 !important;
    width: 240px;
}
ul#management li {
    display: inline-block;
    margin: 0 20px 0;
	padding-top:10px;
}
ul#management li p {
	text-align:center;
}
ul#management li p strong {
    display: block;
}
#management li.half {
    width: 32%;
    text-align: center;
}
ul#management.gapleft {
    margin-left: 100px;
}
.gap {
    height: 30px;
}
/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}
.tabcontent {
    padding-top: 22px;
}
div#footend.blue {
    background: #13459c;
    color: #fff;
    display: block;
    clear: both;
    /*position: fixed;
    bottom: 0;
    left: 0;*/
    width: 100%;
    height: 12px;
    padding: 10px 0;
}

.clearfixx { clear:both; }
table, td, th{ padding: 0; margin:0; border-collapse: collapse; vertical-align: top; text-align: left; }
img{ border: 0; }
p, form, dl, dt, dd{ margin: 0; padding: 0; }
p{ margin-bottom: 14px; }
h1, h2, h3, h4, h5, h6{ padding: 0; margin: 0 0 16px; font-weight: normal; }
h1, .h1{ font-size: 28px; }
h2, .h2{ font-size: 24px; }
h3, .h3{ font-size: 20px; }
h4, .h4{ font-size: 18px; }
h5, .h5{ font-size: 16px; }
h6, .h6{ font-size: 14px; }
blockquote{ padding: 15px 20px 20px; margin: 0; background: #f8f8f8; margin-bottom: 14px; }
blockquote p{ margin: 0; }
ul, ul li{ padding: 0; margin: 0; list-style: none; }
ol{ padding: 0; margin: 0 0 0 20px; }
ol li{ margin: 0; padding: 0; vertical-align: top; }
a{ text-decoration: none; }
a:hover{ text-decoration: underline; }
hr { background: #e1e1e1; color: #e1e1e1; border:0px; height:1px; margin: 0 0 14px; }

div#promo1 {
    background: url(../images/bslide_pt.jpg) top left no-repeat;
}
div#promo2 {
    background: url(../images/bslide_ba.jpg) top right no-repeat;
}
div#promo3 {
    background: url(../images/bslide_hc.jpg) top center no-repeat;
}
div#promo4 {
    background: url(../images/bslide_lc.jpg) top center no-repeat;
}
div#promo5 {
    background: url(../images/bslide_covid.jpg) top right no-repeat;
}
div#pathcontent ul li {
    float: left;
    padding: 20px;
    text-align: center;
    margin: 0 15px;
    width: 218px;
    border-radius: 15px;
    color: #fff;
}
li.corporate {
    background: #00ccff;
}
li.corporate a, li.last a {
    background: none !important;
}
div.gallit {
    clear: both;
    text-align: left;
    max-width: 1000px;
}
div.gallit h3 {
    margin: 0 0 0 13px;
    display: block;
    clear: both;
    padding-top: 10px;
}

/*structures*/
#main {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background: url(../images/bg_jumba.png) top left repeat-x;
}
.jumbotron {
    background: url(../images/bslide_pt.jpg) top left no-repeat;
}
#margin{ width: 100%; margin: 0 auto; }
#content{ position: relative; z-index: 1; width: 100%; margin: 0 0px; }
#sidebar{ float: left; width: 240px; }
#page{ float: right; width: 710px; }

/*header*/
#header{ position: relative; z-index: 3; width: 100%; min-height: 70px; font: 11px tahoma; }
*html #header{ height: 70px; }
#logo{ z-index: 1; position: absolute; left: 20px; top: 13px; width: 183px; height: 50px; }

/*countries selector*/
#country-selector{ position: relative; width: 960px; padding: 0 5px 49px; z-index: 0; }
#countries{ width: 100%; overflow: hidden; height: 0; position: relative; left:0; top: 49px; background: #f7f7f6 url('../img/map.gif') center no-repeat; }
#countries .outside{ width: 100%; position: absolute; bottom: 0; } /*background: url('../img/map.gif') center no-repeat;*/
#countries .inside{ padding-top: 20px; position: relative; bottom: 0; border-left: solid 2px #e0e1dd; border-right: solid 2px #e0e1dd; border-bottom: solid 2px #e0e1dd; }
.countries{ width: 100%; overflow: hidden; position: relative; }
.countries .boxes{ width: 720px; margin: 0 123px; }
.countries .box{ float: left; width: 180px; padding: 18px 0 0; }
.countries .title{ padding: 0 0 0 30px; margin: 0 0 5px; font: bold 11px tahoma; color: #333; }
.countries ul{ padding: 0 0 17px 30px; }
.countries .sublists{ margin: 0 0 11px; }
.countries .sublists .title{ padding: 0 0 0 30px; margin: 0 0 2px; font: normal 11px tahoma; }
.countries .sublists ul{ padding: 0 0 5px 30px; }
.countries li{ padding: 1px 0 1px 8px; background: url('../img/markers.gif') -1000px 5px no-repeat; }
.countries .exception{ position: absolute; right: 20px; bottom: 17px; text-align: right; }
.countries .image:hover{ border-bottom: solid 1px #006d55; text-decoration: none; }
#countries-close{ display: block; position: absolute; top: 17px; right: 18px; height: 15px; line-height: 15px; padding-right: 25px; background: url('../img/close.gif') right top no-repeat; outline: none; }
#countries-close:hover{ background: url('../img/close.gif') right bottom no-repeat; }
#countries-toggle{ cursor: pointer; position: absolute; left:270px; top: 26px; outline: none; }
#countries-toggle b, #countries-toggle span{ border: solid 2px #e0e1dd; color: #333; outline: none; display: block; width: 136px; text-indent: 39px; background: #f7f7f6 url('../img/map_ico.gif') no-repeat left top; height: 21px; line-height: 21px; }
#countries-toggle:hover{ text-decoration: none; }

.overlay-1, .overlay-2{ position: absolute; border-bottom: solid 2px #e0e1dd; height: 18px; background: white; }
.overlay-1{ width: 265px; left: 0; border-right: solid 2px #e0e1dd; }
.overlay-2{ width: 565px; right: 0; border-left: solid 2px #e0e1dd; }
.over-content{ position: absolute !important; }

/*tool*/
#tool{ position: absolute; top: 32px; left: 433px; z-index: 1; width: 312px; text-align: center; }
#tool li{ display: inline; }
#tool span{ padding: 0 17px; color: #dcd9d0; }

/*search*/
#search{ position: absolute; top: 26px; right: 0; z-index: 1; width: 221px; }
#search .wrap{ position: absolute; right: 3px; top: 0; width: 191px; height: 21px; border: solid 2px #e0e1dd; background: #f7f7f6; }
#search .input{ height: 15px; width: 155px; margin: 0; padding: 3px 5px; border: none; background: none; font: 11px tahoma; }
#search .submit{ position: absolute; right: -2px; top: -2px; height: 25px; width: 25px; }
#search .send{ float: right; }

/*menu*/
#menu{ width: 982px; margin-right: -2px; position: relative; left: -1px; background: url('../img/menu.png') 0 -150px repeat-x; height: 50px; margin-top: 10px; }
#menu table{ width: 100%; }
#menu td{ height: 50px; background: url('../img/menu.png') left -150px no-repeat; text-align: center; font-size: 12px; }
#menu .first{ background: url('../img/menu.png') left -50px no-repeat; }
#menu .last{ background: url('../img/menu.png') right -50px no-repeat; }
#menu a{ display: block; color: white; font-weight: bold; line-height: 40px; height: 40px; position: relative; background: #00644e url('../img/menu.png') left -100px no-repeat; outline: none; }
#menu .first a{ background: #00644e url('../img/menu.png') left 0 no-repeat; }
#menu .last a{ background: #00644e url('../img/menu.png') right 0 no-repeat; }
#menu a:hover{ background: none; text-decoration: none; }
#menu .current a, #menu .current div{ background: none; }
#menu .current b { cursor: default; }
#menu b{ display: block; padding: 0 10px; height: 40px; overflow: hidden; background: url('../img/menu.png') left -200px no-repeat; cursor: pointer; }
#menu .first b{ background: none; }

/*breadcrumbs*/
#breadcrumbs{ font: 11px tahoma; padding: 0 25px; margin: 3px 0 14px; }
#breadcrumbs span{ padding: 0 7px; }

/*footer*/
#footer {
    width: 100%;
    overflow: hidden;
    padding: 40px 0 50px;
    background: #303030 url(../img/gradients.gif) repeat-x 0 0;
    color: #979797;
    margin: 40px 0 0;
    display: block;
}
#footerholder { width:1200px; margin:0 auto; }
.footbox {
    width: 225px;
    float: left;
    display: block;
    margin: 0 35px;
    text-align: left;
}
.footbox h3 {
    color: #fff;
}
.footbox a {
    color: #fc5358;
    text-decoration: none;
}
div#footer p {
    font-size: 14px;
    text-align: justify;
    margin-top: 12px;
}
div#footer p.small {
    font-size: 11px;
    margin: 4px 0px;
}
.footbox ul li {
    background: url(../images/bull-1.png) center left no-repeat;
    padding: 7px 10px;
    border-top: 1px solid #404040;
}
.footbox input[type="text"], .footbox textarea {
    background: #222222;
    border: 0;
    border-radius: 9px;
    padding: 4% 7%;
    width: 90%;
    margin: 5px 0;
    outline: none;
    font-size: 14px;
    font-family: 'Roboto';
}
.footbox textarea {
	height:80px;
}
.footbox input[type="submit"] {
    background: #fc5358;
    border: 0;
    color: #fff;
    font-size: 14px;
    padding: 10px 15px;
    border-radius: 9px;
    text-transform: uppercase;
}
#footend {
    /*background: url(../images/footend.png) top left repeat-x #2b2b2b;*/
    color: #000;
    padding: 14px 0 26px;
    font-size: 12px;
    display: block;
}
.footcon { width:100%; max-width:1180px; margin:0 auto; }
.footcon li {
    text-align: left;
    width: 50%;
    float: left;
}
.footcon li:nth-child(2) {
    text-align: right;
}
.references{ width: 972px; overflow: hidden; padding: 5px 0 0px 20px; }
.references .column{ float: left; width: 201px; margin: 0 42px 20px 0; }
.references ul{ margin-bottom: 15px; }
.references li{ line-height: 1.45em; }

#foot{ width: 100%; overflow: hidden; }
#foot ul{ float: left; padding: 13px 20px 0 506px; }
#foot li{ float: left; white-space: nowrap; line-height: 16px; }
#foot li span{ padding: 0 17px; }
#copy{ position: relative; overflow: hidden; float: left; width: 400px; margin-right: -400px; }
#copy img{ float: left; margin-left: 15px; }
#copy p{ float: right; width: 332px; line-height: 16px; margin-top: -3px; }

/*other*/
.cl{ clear: both; }
.clearfix, #content{ zoom: 1; }
.clearfix:after, #content:after{ content: ' '; clear:both; display: block; width: 0; height: 0; overflow: hidden; font-size: 0; }

.red{ color: #f40000; }
.nobr{ white-space: nowrap; }
.visible{ display: block !important; }
.hidden{ display: none !important; }
.center{ text-align: center; }
.align-right{ float: right; margin: 3px 0 15px 20px; }
.align-left{ float: left; margin: 3px 20px 15px 0; }
.indent{ padding-left: 10px; }
.major{ padding: 5px 20px; margin: 0; border-bottom: solid 1px white; background: #eaeae9; }
.major_green{ padding: 5px 20px; margin: 0; border-bottom: solid 1px white; background: #006d55; color: white !important; }
.near{ margin: 0 0 5px; }
.no-border{ border: none !important; }

/*sidebar menu*/
.menu{ margin: 0 0 20px; border: solid 1px #e0e1dd; padding: 1px; color: #333; }
.menu ul{ background: #f7f7f6 url('../img/gradients.gif') repeat-x 0 -1000px; width: 100%; }
.menu li{ padding: 15px 0; margin: 0 18px; font: bold 13px arial; border-top: solid 1px white; border-bottom: solid 1px #dcd9d0; }
.menu .first{ border-top: none; }
.menu .last{ border-bottom: none; }
.menu ul ul{ font: 11px tahoma; padding: 8px 0 0; background: none; color: #333; }
.menu ul ul ul{ padding: 5px 0 0; }
.menu li li{ font: 11px tahoma; border: none; padding: 3px 0 4px 10px; margin: 0; background: url('../img/markers.gif') no-repeat -4000px 8px; }
.menu a{ text-decoration: none; }
.menu a:hover{ text-decoration: underline; }
.menu .title{ font-weight: bold; background: none; }


/*main page*/
.mainpage{ border: solid 1px #cecbbf; margin-bottom: 1px; padding: 2px; position: relative; }
.mainpage .nodes{ width: 100%; overflow: hidden; background: url('../img/vr.png') repeat-x -5px bottom; }
.mainpage .inside{ padding: 17px 0; }
.mainpage .node{ float: left; padding: 0 19px 0 22px; width: 202px; background: url('../img/vr.png') no-repeat 0 -499px; }
.mainpage .wrap{ width: 100%; overflow: hidden; }
.mainpage .first{ background: none; padding: 0 19px 0 17px;}
.mainpage .last{ padding: 0 16px 0 22px; }
.mainpage h2, .mainpage .title{ font-weight: normal; font-family: "arial narrow", arial, sans-serif; font-size: 21px; color: #1b2a26; margin: -2px 0 5px; }

.gradient-boxes{ background: #fbfbfa url('../img/gr-greybox.gif') repeat-x 0 0; }
.gradient-boxes .inside{ background: #f6f6f6 url('../img/gradients.gif') repeat-x 0 -4000px; }
.simple-boxes{ background: #fbfbfb; }
.simple-boxes .inside{ background: #f6f6f6; }

.complex-box p{ font: 11px tahoma; line-height: 13px; margin-bottom: 5px; }
.complex-box .img{ width: 200px; height: 70px; border: solid 1px #a2a19e; overflow: hidden; }
.complex-box .img a{ outline: none; }
.complex-box ul{ font: 11px tahoma; padding: 2px 0 0; }
.complex-box li{ padding: 0 0 0 15px; background: url('../img/markers.gif') no-repeat -1996px 4px; }
.complex-box li a:hover{ background: none; }
.complex-box li span{ color: #ed2939; }

.list-box h2{ margin-bottom: 2px; }
.list-box ul{ margin-bottom: 20px; }

.promo-box{ overflow: hidden; }
.promo-box .img{ float: left; width: 98px; height: 68px; border: solid 1px #a2a19e; overflow: hidden; margin-bottom: 15px; margin-top: 1px; }
.promo-box .img a{ outline: none; }
.promo-box .txt{ padding: 5px 0 0 112px; margin-bottom: 15px; font: 16px "arial narrow", arial, sans-serif; }
.promo-box .txt span{ color: #ed2939; }
.promo-box p{ margin-bottom: 10px; font: 11px tahoma; }

.news-box li{ font: 11px tahoma; padding: 3px 0 10px; }
.news-box li span{ padding-right: 3px; font-size: 10px; color: #999; }

.more-style{ padding: 0 0 0 15px !important; background: url('../img/markers.gif') no-repeat -2996px 4px !important; }
.more-style a{ color: #333 !important; }

/*text page*/
.text img{ border: solid 1px #e0e1dd; padding: 10px; }
.text .addthis img{border:none}
.text ul{ margin: 0 0 9px; }
.text ul li{ padding: 0 20px 5px; background: url('../img/markers.gif') no-repeat -5991px 6px; }
.text ol li{ margin: 0 0 0 10px; }
.text table{ width: 100%; font-size: 12px; margin: 0 0 25px; }
.text table img{ border: none; padding:0; }
.text th{ background: #f0f0f0; border-top: solid 2px #e0e1dd; font: 16px "arial narrow"; padding: 15px 10px; }
.text td{ border: solid 1px #e0e1dd; border-left: none; border-right: none; padding: 7px 10px; }
.text dl{ padding: 0 0 0 10px; }
.text dd{ margin: 0 0 14px; }
.text .even{ background: #f7f7f6; }

.table-name{ font: italic 12px arial; text-align: right; margin: 0 0 10px; }
.small-grey{ color: #999; font: 11px tahoma; }

/*awards*/
.awards{ border-top: solid 2px #e0e1dd; margin: 0 0 20px; width: 100%; }
.awards .wrap{ background: #f9f8f6; border-top: solid 1px white; padding: 20px 30px; }
.awards table{ width: 100%; }
.awards td{ padding: 0 5px; vertical-align: middle }
.awards h3{ color: #333; margin: 0 0 10px; }

/*compare*/
.compare{ margin: 0 0 20px; }
.compare table{ width: 100%; }
.compare td{ padding: 7px 12px; background: #f7f7f6; border-bottom: solid 1px white; text-align: center; }
.compare thead td{ background: #f0f0f0; border-top: solid 2px #e0e1dd; border-bottom: solid 2px white; padding: 10px 12px; }
.compare tfoot td{ background: #f0f0f0; border-bottom: solid 2px #e0e1dd; padding: 20px 12px; }									
.compare .left{ text-align: left; font-style: italic; }
.compare .title{ text-align: left; }
.compare .title h3{ color: #333; }					
.compare .prices{ padding: 15px 35px; }
.compare .prices p{ margin: 0 0 5px; font-size: 11px; }
.compare .prices span{ position: relative; }
.compare .prices small{ position: absolute; left: -35px; margin-top: 12px; }
.compare .prices big{ font: 24px "arial narrow"; }					
.graph{ width: 125px; margin: 0 auto; text-align: left; font: 14px "arial narrow"; }
.graph .image{ float: left; width: 40px; margin: 2px -40px 0 0; }
.graph .text{ padding-left: 45px; }					
.nocollapse, .nocollapse td{ border-collapse: separate !important; }

/*compare table*/
.compare thead td{ background: #f7f7f6; padding: 10px 20px 15px; border-right: solid 2px white; }
.compare thead .last{ border-right: none; }
.compare thead .title{ background: #f2f2f0; }
.compare thead .prices{ padding-top: 0; }
.compare .ext a{ font: 11px tahoma; }
.compare .ext a:hover{ text-decoration: none; border-bottom: none; }
.compare h3{ margin: 0 0 10px; }
.compare h5{ margin: 0 0 8px; color: black; }
.compare h5 span{ color: #ed2939; }
.compare .descript{ font: bold 11px tahoma; }

/*columns*/
.cols{ width: 100%; overflow: hidden; margin: 0 0 10px; }
.cols ul{ margin: 0 0 6px; }
.cols li{ padding: 0 0 2px 11px; background: url('../img/markers.gif') no-repeat -3999px 5px; }
.cols p{ margin: 0 0 10px; }
.cols .box{ float: left; }
.cols .header{ margin-bottom: 2px; padding-bottom: 15px; background: url('../img/title.gif') repeat-x left bottom; }
.cols .header h2, .cols .header h1{ margin: 0; }
.cols .image{ width: 100%; overflow: hidden; margin: 0 0 14px; }				
.cols .image img{ display: block; }
.cols .header a, .cols .image a{ outline: none; }
.cols .last{ margin: 0 !important; }

.Three-cols{ position: relative; left: 20px; }
.Three-cols h1{ text-indent: -1px; }
.Three-cols .box{ width: 300px; margin: 0 15px 0 0; }
.three-cols .box{ width: 220px; margin: 0 25px 0 0; }
.two-cols .box{ width: 330px; margin: 0 30px 0 0; }
.two-cols h2{ font-size: 22px; }
.three-cols h2{ font-size: 20px; }

/*peoples*/
.ibox{ width: 100%; overflow: hidden; }
.ibox .img{ float: left; overflow: hidden; }					
.people .ibox{ margin: 0 0 20px; border-bottom: solid 2px #e0e1dd; }
.people .last{ border: none; margin: 0 0 4px; }
.people .img{ width: 120px; margin: 0 -110px 0 0; padding: 0 0 16px 0; }
.people .img img{ border: solid 2px #e0e1dd; }
.people .txt{ padding: 0 0 4px 130px; }

.people h2{ color: #333; margin: 0; }
.people h3{ color: #333; margin: 0 0 12px; }

.news dt{ margin: 0 0 2px; }
.news h4{ margin: 0 0 4px; }
.news p{ margin: 0 0 12px; }

.pager{ text-align: right; color: #999; margin: 0 0 14px; }

.rss{ float: right; width: 54px; height: 54px; margin: -60px 0px 0px 0px;}

/*++++++++++++++++++++++++++++++++PRODUCT PAGES STYLES++++++++++++++++++++++++++++++++++++++++*/
*html .sections li a{ height: 54px; }
.sections{ width: 720px; margin-right: -720px; overflow: hidden; }
.sections li{ float: left; position: relative; width: 230px; margin: 0 10px 0 0; padding: 0 0 20px; }				
.sections .wrap{ border: solid 2px #e0e1dd; background: url('../img/gr-sections.png') repeat-x 0 -150px; }					
.sections li a{ display: block; border: solid 1px white; padding: 10px 0; padding-left: 84px; min-height: 54px; background-image: url('../img/sections.png'); background-repeat:  no-repeat; outline: none; }					
.sections li a:hover{ text-decoration: none; }					
.sections li big{ font: 20px "arial narrow"; line-height: 20px; }
.sections .arr{ height: 12px; font-size: 0; position: absolute; width: 100%; }
.sections .last{ margin: 0; }
.sections .current .wrap{ border: solid 2px #006d55; }
.sections .current .wrap{ background: url('../img/gr-sections.png') repeat-x top; }					
.sections .current a{ color: #333; }					
.sections .current .arr{ background: url('../img/gr-sections.png') no-repeat bottom center; }

.icon-renew{ background-position: 0px 0; }
.icon-upgrade{ background-position: -1200px 0; }
.icon-special{ background-position: -600px 0; }
.current .icon-renew{ background-position: -300px 0; }
.current .icon-upgrade{ background-position: -1500px 0; }
.current .icon-special{ background-position: -900px 0; }


.mixed-boxes{ margin: 0 0 20px; padding: 10px 0; background: #f7f7f6; }
.mixed-boxes .box{ width: 336px; display: inline; float: left; margin: 0 0 0 10px; border: solid 2px #f7f7f6; background: #f7f7f6; }
.mixed-boxes .specific{ border-color: #ec2939; background: white; }
.mixed-boxes h3{ color: #333; }
.mixed-boxes .specific h3{ color: #ed2939; } 

.classic-boxes{ border: solid 1px #e0e1dd; width: 323px; background: white; margin: 20px 20px 0; }
.classic-boxes .wrap{ width: 323px; margin: -1px -100% -1px 0; position: relative; left: 344px; border: solid 1px #e0e1dd; background: white; }
.classic-boxes .column-1{ float: left; width: 323px; margin-right: -100%; position: relative; left: -345px; }
.classic-boxes .column-2{ float: left; width: 100%; }
.onebox .wrap{ border: none; background: none; }

.card{ width: 100%; position: relative; }
.card .head{ padding: 12px 20px 0; }
.card .img{ padding: 30px 20px 12px 0; float: right; width: 90px; overflow: hidden; }
.card .img img{ float: right; }
.card .txt{ padding: 12px 0 12px 20px; float: left; width: 190px; }
.card h3{ margin: 0 0 5px; }
.card h5{ font-size: 15px; margin: 0 0 7px; color: #333; }
.card h5 em{ font-style: normal; color: #ed2939; }
.card p{ font-size: 11px; }
.card ul{ font-size: 11px; margin: 0 0 16px; }
.card li{ background: url('../img/markers.gif') no-repeat scroll -5997px 6px transparent; padding: 0 0 0 12px; }
.card .ex{ background: none; }
/*.mixed-boxes .card .txt{ width: 200px; }*/

/*user interface*/
.ui{ padding: 0 0 4px; font-size: 11px; }
.ui select{ width: 100%; font-size: 11px; margin: 0 0 8px; }
.short .part{ float: right; width: 50%; }
.dual{ width: 100%; overflow: hidden; }									
.dual .part{ float: left; width: 50%; }
.dual .prices{ float: right; width: 45%; text-align: right; margin: 0; }
.dual .prices big{ display: block; }
.life{ padding: 3px 9px; margin: 0 0 8px; text-align: right; background: #f7f7f6; border-bottom: solid 1px #e0e1dd; }
.stretch{ width: 100%; }
.stretch td{ vertical-align: bottom; text-align: right; }
.renew{ vertical-align: top !important; display: block; }
.renew input{ float: left; position: relative; top: 4px; }
.renew a{ float: left; position: relative; top: 7px; left: 3px; line-height: 12px; text-decoration: none; outline: none; }
.renew a:hover{ text-decoration: none; border: none; }
.prices big{ font: 24px "arial narrow"; line-height: 24px; color: #ed2939; }
.prices small{ font: 12px "arial narrow"; line-height: 12px; text-decoration: line-through; }
.stretch .prices{ width: 100%; padding-right: 10px; }
.stretch .prices big{ padding-left: 5px; }
.stretch .renew{ padding-right: 10px; text-align: left; }

/*tabs
.tabs{ width: 100%; overflow: hidden; position: relative; z-index: 2; }
.tabs table{ width: 711px; margin-left: -1px; table-layout: fixed; background: #004f3e url('../img/tabs.png') 0 -31px; }
.tabs td{ overflow: hidden; background: url('../img/tabs.gif') left 0 no-repeat; }
.tabs a{ display: block; text-decoration: none; color: white; font-weight: bold; outline: none; background: #004f3e url('../img/tabs.png') no-repeat 0 0; }
.tabs b{ display: block; padding: 0 8px; height: 31px; line-height: 31px; overflow: hidden; text-align: center; background: url('../img/tabs.gif') right -31px no-repeat; }
.tabs .current{ background: #f5f5f4 url('../img/tabs.png') no-repeat left -62px; }
.tabs .current a, .tabs .current b{ background: url('../img/tabs.gif') right -93px no-repeat; color: #333; }
.tabs a:hover{ text-decoration: none; background: none; }
.tabs a b{ cursor: pointer; }*/

.greytabs table{ background-position: -5px -186px; background-color: #c1c1c0; }
.greytabs td{ background-position: left -124px; }
.greytabs a{ color: #333; background: none !important; }
.greytabs b{ background-position: right -155px; }
.greytabs .current{ background-position: left -62px; background-color: #f5f5f4; }

.greytabs2 table{ background-position: -5px -217px; background-color: #f2f2f2; }
.greytabs2 td{ background-position: left -186px; }
.greytabs2 a{ color: #006d55; background: none !important; }
.greytabs2 b{ background-position: right -218px; height: 32px; }
.greytabs2 .current{ background-position: left -249px; background-color: #f5f5f4; }
.greytabs2 .current a, .greytabs2 .current b{ background-position: right -218px; }

.bigtabs table{ background: #EEE; }
.bigtabs td{ background: none;overflow:default;border:solid 1px #DCD9D0;padding:10px}
.bigtabs td.first_tab{border-left:solid 2px #DCD9D0}
.bigtabs a{ text-align:center; background: none !important;font:normal 13px "arial narrow",sans-serif;line-height:1.1}
.bigtabs td.current{border-bottom:solid 1px #FFF;}

//.bigtabs .current a, .greytabs2 .current b{ background-position: right -218px; }

.black-current .current{ background-position: 0 -93px; background-color: #dddddc; }

/* 1_2_home_product */
.products{ width: 100%; background: url('../img/tabs.png') repeat-x 0 -281px; }
.product{ padding: 20px 0; }
.product .image{ float: right; width: 160px; overflow: hidden; text-align: center; }
.product .header{ width: 500px; margin-left: 22px; }
.product .header h2{ color: #333; margin-bottom: 10px; }
.product .header em{ font-style: normal; color: #ed2939; }
.product .content{ width: 500px; min-height: 85px; margin: 0 0 0 22px; padding-bottom: 5px; }
.product .content li{ line-height: 14px !important; padding: 0 0 1px 18px; }
.product .footer{ width: 500px; margin-left: 22px; }
.product .footer table{ width: 100%; position: relative; z-index: 0; border-left: solid 1px #e0e1dd; border-right: solid 1px #e0e1dd; }
.product .footer td{background: url('../img/product.png') repeat-x left top; padding: 10px 0 10px 20px;text-align:center;vertical-align:middle;white-space:nowrap;}
.product .footer td.first{ background: url('../img/product.png') repeat-x left bottom; padding: 10px 20px; border-right: solid 1px #e0e1dd;text-align:left;width:30%}
.product .footer td.last{ background: url('../img/product.png') repeat-x left top; padding: 10px 10px 10px 20px;text-align:left;width:30%;}
.product .footer ul{ font-size: 11px; }
.product .footer li{ background: url('../img/markers.gif') no-repeat -4000px 6px; padding: 1px 0 1px 10px; }
.product big{ color: #ed2939; font: 26px "arial narrow" }
.product small{ font: 11px tahoma}
.product small a{ text-decoration: none; border-bottom: dashed 1px #006d55; }
.product small a:hover{ text-decoration: none; border-bottom: none; }
.cart{ width: 100%; padding: 4px 0; }
.cart big{ color: #ed2939; float: left; font: 26px "arial narrow"; padding-right: 15px; line-height: 30px; height: 30px; }
.cart small{ height: 30px; float: left; font: 11px tahoma; padding-right: 15px; }
.cart small a{  }
.cart small a:hover{ text-decoration: none; border-bottom: none; }
.cart .buy{ float: left; margin-top: 2px; }
.cart img{ display: block; }
.radius-top, .radius-bot{ height: 7px; margin-bottom: -7px; position: relative; z-index: 1; font-size: 0; }
.radius-top{ background: url('../img/products.gif') left top; }
.radius-bot{ top: -7px; background: url('../img/products.gif') left bottom }

.insert{ width: 100%; overflow: hidden; padding: 10px 0 0; }
.insert a{ float: right; background: #db2635 url('../img/insert.png') no-repeat left top; display: block; color: white; font: 11px tahoma; padding: 0 30px; height: 20px; line-height: 20px; overflow: hidden; }
.insert a:hover{ background-position: left bottom; text-decoration: none; }

/* 1_3_one_product */
.prodpage{ margin: 0 0 15px; }
.prodpage .image{ width: 200px; overflow: hidden; float: right; text-align: right; }
.prodpage .content{ padding-right: 215px; }
.prodpage h4{ color: black; }

.panel{ float: left; width: 495px; padding: 20px 0; background: #f7f7f6 url('../img/fix-border.gif') repeat-y 215px 0; }
.panel .ui{ width: 175px; margin: 0 20px; display: inline; float: left; }
.level{ width: 110px; display: inline; float: left; text-align: center; }
.level a{ font-size: 10px; border-bottom: dashed 1px #006d55; }
.level a:hover{ text-decoration: none; border: none; }
.list li{ padding: 0 0 3px 9px; background: url('../img/markers.gif') no-repeat -4000px 5px; font: 11px tahoma; }
.list{ width: 130px; margin: 0 20px; display: inline; float: left; }

/*object structures*/
.ads{ margin: 0 0 20px; width: 100%; overflow: hidden; }
.adblock{ width: 513px; height: 212px; overflow: hidden; float: left; }
.tablist{ width: 196px; height: 212px; overflow: hidden; float: right; background: #f2f2f1 url('../img/gr-tablist.png') repeat-y right; font: 11px tahoma; }
.tablist td{ height: 52px; padding: 0 20px 0 75px; border-bottom: solid 1px white; vertical-align: middle !important; }
.tablist .last{ border: none; }

.ico-1{ background: url('../img/tablist_ico.png') no-repeat 20px center; }
.ico-2{ background: url('../img/tablist_ico.png') no-repeat -180px center; }
.ico-3{ background: url('../img/tablist_ico.png') no-repeat -380px center; }
.ico-4{ background: url('../img/tablist_ico.png') no-repeat -580px center; }


/*categories*/
.categories{ margin: 0 0 20px; }
.category{ width: 100%; padding: 15px 0 20px; margin: -1px 0 0; background: #f7f7f6; border-bottom: solid 2px #e0e1dd; border-top: solid 1px white; }
.category h3{ padding: 0 20px; color: #eb2939; }

/*articles*/
.articles{ width: 100%; background: url('../img/tabs.png') repeat-x 0 -281px; margin-bottom: 25px; }
.articles .wrap{ background: url('../img/gr-articles.gif') repeat-x left bottom; padding: 40px 20px 20px; }
.articles img{ padding: 10px 0; }

/*frames blocks*/
.frame{ padding: 15px 20px 5px; position: relative; z-index: 1; border: solid 1px #dcd9d0; margin: -1px 0 20px; }
.frame h3{ color: #333; margin: 0 0 5px; }

/*banners*/
.banners{ background: #f9f8f6 url('../img/gr-banners.gif') repeat-x left bottom; font: 14px "arial narrow"; padding: 20px 0 15px; margin: 0 0 25px; }
.banners table{ table-layout: fixed; width: 100%; text-align: center; }
.banners a{ outline: none; text-align: center; display: block; width: 120px; padding: 0 5px; margin: 0 auto; }
.banners img{ display: block; margin: 0 auto 7px; }

/*product box 1_3*/
.prodbox{ margin: 0 0 20px; }					
.prodbox h3{ color: #333; }
.prodbox table{ width: 100%; position: relative; border-top: solid 1px #e0e1dd; border-right: solid 1px #e0e1dd; margin: 0 0 20px; }					
.prodbox td, .prodbox th{ border-left: solid 1px #e0e1dd; border-bottom: solid 1px #e0e1dd; padding: 6px 20px; font-size: 11px; }
.prodbox table li{ background: url('../img/markers.gif') no-repeat -5991px 6px; padding: 0 0 0 20px; }
.lim .image{ width: 250px; float: left; margin: 0 0 0 20px; }
.lim .text{ padding: 0 0 0 290px; }
.rim .image{ width: 250px; float: right; text-align: right; }
.rim .text{ padding: 0 260px 0 20px; }

.top{ padding: 2px 0; margin:0 0 20px; border-bottom: solid 2px #e0e1dd; text-align: right; font: 11px tahoma; }

/*sidebar boxes*/
.grey-box{ margin: 0 0 20px; background: #f7f7f6 url('../img/gr-greybox.gif') repeat-x 0 0; }

.promo-block{ padding: 20px 20px 5px; font: 11px tahoma; }
.promo-block .complex{ width: 100%; overflow: hidden; margin-bottom: 15px; }
.promo-block .complex .img{ float: left; margin-right: -100%; }
.promo-block .complex .txt{ padding: 0 0 0 85px; }
.promo-block .complex a{ outline: none; padding: 1px 0; }
.promo-block .complex big{ font: 16px arial; display: block; padding: 15px 0 0 15px; color: #006d55; }

.separation{ padding: 0 20px; }
.separation li{ border-bottom: solid 1px #dcd9d0; border-top: solid 1px white; }
.separation .first{ border-top: none; }
.separation .last{ border-bottom: none; }
.separation .promo-block{ padding: 20px 0 5px; margin: 0; }

.monback{ text-align: center; font: 11px tahoma; padding: 18px 0; }
.monback a{ outline: none; }
.monback img{ margin-bottom: -3px; }

.contacts{ padding: 16px 0; }
.contacts h4{ margin-bottom: 12px; }
.contacts address{ font: 11px tahoma; }

.accept{ padding: 16px 0; }
.accept h4{ color: black; margin-bottom: 3px; }
.accept img{ vertical-align: top; }

.awards_{ padding: 16px 0; }
.awards_ h4{ color: black; margin-bottom: 3px; }
.awards_ ul{ text-align: center; }
.awards_ li{ display: inline; border: none !important; }
.awards_ img{ vertical-align: top; margin: 0 0 8px; }
.awards_ a{ outline: none; }

.green{ color: #006d55; }
.red{ color: #ec2939; }

/*search results*/
.search{ padding: 0 20px; }
#page .search{ padding: 0; }
.sp{ margin: 0 0 20px; }
.sp .form{ background: #f9f8f6; border: solid 1px #dbdbd5; padding: 20px; margin: 0; }
.sp .form table{ width: 100%; }
.sp .form td{ vertical-align: middle; }
.sp .submit{ padding-left: 20px; }
.sp .field{ width: 100%; }
.sp .field input{ width: 95%; border: none; margin: 0; padding: 4px 10px; font-size: 16px; outline: none; }
.sp .input{ border: solid 2px #e0e1dd; background: white; } 
.sp .select select{ width: 100%; font: 21px "arial narrow"; border: solid 2px #e0e1dd; }
.sp .button{ float: right; }
.results{ font-size: 16px; margin: 0 0 20px 40px; }
.results h4{ margin: 0 0 5px; }
.results p{ font-size: 12px; color: #333; }
.results .cat{ font: 11px tahoma; color: #999; }				
.sp .cat{ width: 100%; }
.sp .cat td{ padding: 20px; border-top: solid 1px white; }
.sp .cat h4{ color: black; }
.sp .light{ width: 320px; background: #f9f8f6; border-right: solid 1px white; }
.sp .dark{ background: #e0e1dd; }
.sp .light li{ font: 11px tahoma; background: url('../img/markers.gif') no-repeat -4000px 5px; padding: 0 0 3px 10px; }
.sp .dark ul{ float: left; width: 50%; }
.sp .dark li{ background: url('../img/markers.gif') no-repeat -4000px 5px; padding: 0 0 3px 12px; }		

/* gallery */
.gallery ul, .gallery li{ background: none; }
.gallery{ width: 707px; background: #f7f7f6; margin: 0 0 18px; }
.gallery #image{ text-align: center; padding-bottom: 12px; border-bottom: solid 1px #dcd9d0; }
.gallery #image img{ padding:0; border: none; display: block; margin: 0 auto; }
.gallery .content{ padding: 15px 20px 20px; border-top: solid 1px white; }
.gallery .content h5{ margin: 0 0 5px; }
.gallery .content p{ font: 11px tahoma; margin: 0; }
.preview{ position: relative; margin-bottom: 12px; width: 707px; overflow: hidden; }
.preview ul{ margin: 0; }
.preview li{ width: 101px; height: 100px; padding: 0 !important; float: left; background-repeat: no-repeat !important; text-align: left; }
.preview li a{ display: block; width: 90px; height: 90px; padding: 5px; outline: none; }
.preview li a:hover, .preview .current a{ padding: 0; border: solid 5px #009373; }
.nav{ position: relative; z-index: 3; }
.nav img{ width: 100%; height: 100%; padding: 0 !important; border: none !important; }
.prev, .next{ position: absolute; width: 32px; height: 100px; cursor: pointer; top: 0; }
.prev{ left: 0; }
.next{ right: 1px; }					
.scrollable{ position: relative; z-index: 1; width: 100%; height: 100px; overflow: hidden; text-align: center; }
.scrollable ul{ margin: 0 auto; }
.scrollable img{ display: none; }
.content_{ display: none; }
.fullimg{ border-top: solid 1px white; border-bottom: solid 1px #ccc; padding: 20px; }
.fullimg a{ background: url('../img/markers.gif') no-repeat -3000px 4px; padding-left: 10px; font: 12px arial; }
.estore .gallery{ margin: 0 -100% 18px -28px; }
.estore .preview li{ width: 100px; margin-right: 1px; }

/*product text pages*/
.bundle{ border-top: solid 2px #dcd9d0; margin: 0 0 20px; }
.bundle .node{ border-bottom: solid 2px #dcd9d0; width: 100%; }
.bundle h3{ margin: 0 0 7px; color: #333; }
.bundle h3 a{ border-bottom: dashed 1px #006d55; outline: none; }
.bundle h3 a:hover{ text-decoration: none; border: none; }
.switch{ text-align: right; font: 11px tahoma; padding: 0 10px 5px; }
.switch a{ outline: none; }
.switch a:hover{ text-decoration: none; border: none; }
.static{ padding: 15px 20px 0; }
.dynamic{ padding: 0 20px; }
.dynamic .outside{ width: 100%; position: relative; overflow: hidden; }
.dynamic .inside{ width: 100%; bottom: 0; }
.dynamic .last{ margin: 0 !important; }
.lighting{ background: #f7f7f6 url('../img/hover-bundle.png') no-repeat right top; }

/*forms*/
.forms{ border: solid 1px #dcd9d0; margin: 0 0 20px; }
.forms .content, .forms .footer{ background: #f7f7f6; padding: 20px; }
.forms .footer{ text-align: center; }
.fields ul, .fields li{ padding: 0; margin: 0; background: none; }
.fields li{ padding: 2px 0; }
.fields li *{ vertical-align: middle; }
.fields .node{ padding: 10px 20px; border-bottom: solid 1px #f7f7f6; }
.fields .label{ width: 230px; float: left; margin-top: 4px; }
.fields .field{ width: 396px; float: right; }
.fields .input input, 
.fields .select select, 
.fields .textarea textarea{ background :#f9f9f9; border: solid 1px #dcd9d0; font: 16px 'arial narrow' }
.fields .input input{ width: 98%; }
.fields .select select{ width: 99%; }
.fields .radio input{ margin-top: -1px; }
.fields .textarea textarea{ margin: 0; padding: 2px 2px 3px; }
.button{ font: 18px "arial narrow"; height: 30px; padding: 0 15px; margin: 0; border: solid 2px #00604a; background: #026e56 url('../img/gr-submit.png') repeat-x left top; color: white; cursor: pointer; outline: none; }
.button:hover{ border: solid 2px #1c977d; text-decoration: none; }

/*partners*/
.partners{ margin: 0 0 20px; }
.partners h3{ margin: 0 0 3px; color: #333; }
.partners .header{ padding: 0 20px 5px; }
.partners .content{ font: 11px tahoma; border-bottom: solid 3px #f7f7f6; width: 100%; overflow: hidden; margin: 0 0 20px; padding: 0 0 15px; }
.partners .last{ border: none; }
.partners .leftbox{ float: left; width: 280px; }
.partners .rightbox{ float: left; width: 415px; }
.partners li{ padding: 2px 30px 2px; }
.partners table{ width: 100%; }
.partners td{ padding: 2px 10px 2px 0; }
.partners .label{ width: 110px; }

/*double block*/
.double{ margin: 0 0 20px; }
.double .leftbox{ float: left; width: 453px; padding-right: 20px; }
.double .leftbox h3{ color: #333; }
.double .rightbox{ float: right; width: 235px; overflow: hidden; background: #f7f7f6; }
.double .rightbox li{ font: 11px tahoma; padding: 1px 10px 2px; background: url('../img/markers.gif') no-repeat -4000px 6px; }
.double .rightbox h5{ margin: 0 0 2px; color: #333; }
.double .box{ padding: 15px 20px; border-top: solid 1px white; border-bottom: solid 1px #dcd9d0; }
.double .first{ border-top: none; }
.double .last{ border-bottom: none; }
.double h5{ line-height: 16px; }

.greybox{ border-bottom: solid 1px #dcd9d0; }
.greybox .wrap{ background: #f7f7f6 url('../img/gr-double.png') repeat-y right; }
.greybox .rightbox{ padding-left: 2px; background: none; }

.news_{ width: 100%; font: 11px tahoma; }
.news_ td{ padding: 3px 0; }
.news_ .data{ font-size: 10px; color: #666; padding-right: 7px; }

.cover{ padding: 15px 0 15px 15px; }
.cover h4{ color: #333; margin: 0 0 10px; }
.cover .image{ float: left; width: 230px; overflow: hidden; margin-right: -230px; text-align: center; }
.protect{ padding-left: 245px; }
.protect ul{ margin: 0 0 35px; }
.protect li{ min-height: 33px; background-image: url('../img/protect_on.png'); background-repeat: no-repeat; padding: 7px 0 0 50px; font: 16px "arial narrow"; color: #ccc; }
.disabled{ background-image: url('../img/protect_off.png') !important; }
*html .protect li{ height: 33px; }
.protect li span{ color: #333; border-bottom: dashed 1px #333; }
.i1{ background-position: 0 top !important; }
.i2{ background-position: -200px top !important; }
.i3{ background-position: -400px top !important; }
.i4{ background-position: -600px top !important; }
.i5{ background-position: -800px top !important; }
.footxt{ padding: 0 0 20px 20px; }

/*downloads*/
.estore{ background: #f7f7f6; padding: 1px 0 0; width: 100%; margin: 0 0 20px; padding-bottom: 20px; }
.estore .text{ padding: 15px 30px 0; }
.estore .people{ padding: 20px 20px 0; }
.estore h3{ margin: 0 0 5px; }


.purpose{ width: 100%; overflow: hidden; margin: 0 0 15px; }
.purpose a{ float: left; outline: none; line-height: 25px; color: #ed2939; margin: 0 0 0 20px; }
.purpose img{ display: block; }
.purpose .buy{ margin: 0 0 0 12px; padding: 0 0 0 10px; background: url('../img/markers.gif') no-repeat -2000px center; }
.purpose a.buylist{clear:both;padding: 0 0 0 10px;margin:0;background: url('../img/markers.gif') no-repeat -2000px 5px;}

.downloads{ margin: 0 0 20px; } 
.downloads h3{ color: #333; }
.downloads table{ width: 100%; font: 16px "arial narrow"; margin: 0 0 1px; }
.downloads td{ padding: 10px 20px; border-bottom: solid 1px #eaeae9; }
.downloads td select{ width: 240px; background: #f9f9f9; border: solid 1px #dcd9d0; font: 16px "arial narrow"; }
.downloads .button{ font: 16px "arial narrow"; height: 24px; margin-top: 0; }
.downloads a.button{ position: relative; top: 2px; }
.downloads .major{ border: none; }

.important{ position: relative; width: 100%; } 
.important div{ position: absolute; width: 16px; height: 15px; left: -20px; top: -1px; background: url('../img/attention_ico.gif') no-repeat left top; }

.greybox2{ background: #f7f7f6; width: 100%; overflow: hidden; }
.greybox2 .leftbox{ width: 488px; border-right: solid 1px #e0e1dd; padding: 0 0 10000px; margin: 0 0 -10000px; }
.greybox2 .rightbox{ width: 220px; border-left: solid 1px white; padding: 0 0 10000px; margin: 0 0 -10000px; }					
.info{ padding: 20px; }
.info .image{ float: left; width: 160px; margin: 0 -160px 0 0; overflow: hidden; }
.info .text{ float: left; padding-left: 180px; font: 11px tahoma; }
.info h5{ margin: 0 0 10px; }					
.listbox{ padding: 20px 20px 10px; }
.listbox ul{ margin: 0 0 5px; }
.double .listbox li{ background-position: -4998px 6px; padding: 1px 0 1px 15px; }

.txtboxes{ width: 100%; overflow: hidden; margin: 0 0 20px; border-bottom: solid 1px #e0e1dd; }
.txtboxes .boxes{ width: 100%; overflow: hidden; background: #f7f7f6; }
.txtboxes .leftbox, .txtboxes .rightbox{ width: 354px;  margin: 0 0 -10000px; padding: 0 0 10000px; }
.txtboxes .leftbox{ float: left; border-right: solid 1px #e0e1dd; }
.txtboxes .rightbox{ float: right; border-left: solid 1px white; }
.txtboxes .content{ padding: 20px 20px 6px; font-size: 11px; }

.parts{ width: 100%; margin: 0 0 20px; }
.parts h3{ color: #333; }
.parts .boxes{ width: 100%; overflow: hidden; background: #f7f7f6; border-bottom: solid 1px #e0e1dd; margin: 0 0 1px; }
.parts .box{ border-bottom: solid 1px #e0e1dd; margin: 0 0 1px; padding: 0 0 20px; background: #f7f7f6; }
.parts .boxes .box{ width: 50%; float: left; border: none; margin: 0; }
.parts .box ul{ background: #f7f7f6; padding: 20px 20px 0; }
.parts .box li{ padding: 2px 0 2px 10px; background: url('../img/markers.gif') -1998px 6px no-repeat; }

/*tree*/
.tree{ padding: 15px 20px; background: #f7f7f6; border-bottom: solid 1px #e0e1dd; margin: 0 0 1px; }
.tree ul{ display: none; }
.open ul{ display: block; }							
.tree li{ padding: 0 0 8px; width: 100%; overflow: hidden; background: url('../img/tree.gif') no-repeat 0 4px; }						
.tree li a{ float: left; padding: 0 0 0 13px; outline: none; }
.tree li b{ font: bold 11px tahoma; }						
.tree ul a{ font: 11px tahoma; }
.tree .open{ background: url('../img/tree.gif') no-repeat -991px 4px; padding: 0 0 5px; }
.tree .open ul{ clear: both; margin: 0; padding: 7px 25px 0; }
.tree .open li{ background: none; padding: 0 0 3px; }
.tree .open ul a{ float: left; padding-left: 0; padding: 0; margin-right: 10px; }
.tree .open ul small{ float: left; color: #999; }
.tree .empty{ background: none; }
.tree a span{ border-bottom: dashed 1px #006d55; }
.tree a:hover{ text-decoration: none; }
.tree .hover span{ border-bottom: dashed 1px #f7f7f6; }
.tree ul a:hover{ text-decoration: underline; }

/*business product*/
.icos_{ width: 100%; overflow: hidden; }
.icos_ li{ float: left; padding: 0; margin: 0 5px 0 0; list-style: none; width: 37px; height: 35px; background: url('../img/protect_on.png') no-repeat; }

.business{ margin: 0 0 20px; width: 690px; }
.business .header{ margin: 0 0 2px; padding-bottom: 15px; background: url('../img/title.gif') repeat-x left bottom; }
.business .content{  }
.business p{ margin: 0 0 14px; }
.business p small{ font: 11px tahoma; }
.separate h3{ margin: 0 0 5px; }
.separate h3, .darkbox h3, .separate h3 a{ color: #333; }
.separate{ width: 100%; overflow: hidden; }
.separate table{ width: 692px; margin-left: -1px; table-layout: fixed; border-collapse: separate; }
.separate td{ padding: 15px 20px 6px; background: #f7f7f6; border-bottom: solid 1px #e0e1dd; border-right: solid 1px #e0e1dd; border-bottom: solid 1px #e0e1dd; }
.separate .gradient td{ background: #f7f7f6 url('../img/gr-business.png') repeat-x left top; }
.darkbox{ background: #eaeae9; padding: 20px 20px 10px; }
.business_banner{ display: block; margin: 0 0 1px; }
.complex-list li{ padding: 0 0 2px 11px; background: url('../img/markers.gif') no-repeat -3999px 5px; }

.bluebox{ table-layout: fixed; width: 100%; margin: 0 0 16px; }
.bluebox h4{ color: #002c5f; margin: 0; padding: 0 0 0 13px; background: url('../img/li.png') no-repeat 0 6px; } 
.bluebox h4, .bluebox h4 a{ color: #002c5f; } 
.bluebox td{ border: none; padding: 30px 20px 10px;background: #eaeae9 url('../img/bluebox.png') repeat-x top; }
.bluebox p{ font: 11px tahoma; padding: 0 0 0 13px; }

.scroller_{ border: solid 2px #e0e1dd; padding: 1px; text-align: center; }
.nav_{ width: 100%; position: relative; text-align: left; }
.scrollable_{ background: #f7f7f6; height: 94px; width: 592px; margin: 0 auto; overflow: hidden; }
.scrollable_ table{ margin: 0 auto; }
.scrollable_ td{ width: 148px; height: 94px; overflow: hidden; text-align: center; vertical-align: middle; }
.scrollable_ td img{ display: block; margin: 0 auto; }
.scrollable_ td a{ display: block; width: 100%; height: 100%; }
.prev_, .next_{ position: absolute; top: 0; width: 46px; height: 94px; background: #f7f7f6 url('../img/nav.png') no-repeat; cursor: pointer; }
.prev_{ left: 0; background-position: left top; }
.next_{ right: 0; background-position: right top; }

/*main promo banner*/
#promo{ margin: 0 0 1px; }
#promo object, #promo img{ display: block; }

/*validator license*/
.license{ margin: 0 0 25px; }
.license small{ font-size: 11px; }
.tabs_{ width: 100%; overflow: hidden; position: relative; z-index: 2; }
.tabs_ li{ float: left; width: 50%; text-align: center; }
.tabs_ a{ display: block; position: relative; margin-left: 9px; background: #f7f7f6; padding: 0 20px; border: solid 1px #e0e1dd; border-bottom: none; font: 18px "arial narrow"; color: #333; line-height: 48px; height: 48px; text-decoration: none; outline: none; }
.tabs_ .first a{ margin: 0; }
.tabs_ .current, .tabs_ .onetab a{ background: white; padding-bottom: 1px; cursor: default; }
.tabs_ .onetab{ width: 100%; }
.tabs_ .onetab a{ margin: 0; }

.subtabs{ margin-bottom: 28px; table-layout: fixed; background: #f7f7f6; width: 100%; }
.subtabs td{ padding: 10px; text-align: center; }
.subtabs a{ outline: none; }
.subtabs a:hover{ border-bottom: none; text-decoration: none; }
.subtabs .current{ color: #333; font-weight: bold; cursor: default; border-bottom: none; }
	
.license .container{ position: relative; z-index: 1; top: -1px; border: solid 1px #e0e1dd; }
.license .content{ padding: 20px; }					
.validator{ padding: 10px 0 30px; margin: 1px; background: #f7f7f6; text-align: center; font: 16px "arial narrow"; color: #006d55;}
.validator table{ margin: 0 auto; }
.validator td{ padding: 0 5px; }					
.validate{ margin-top: 4px; display: block; text-align: center; text-decoration: none; background: #006c54 url('../img/validate.gif') repeat-x top; }
.validate .wrap-1{ background: url('../img/validate.gif') no-repeat left -36px; }
.validate .wrap-2{ display: block; height: 36px; overflow: hidden; text-decoration: none; color: white; background: url('../img/validate.gif') no-repeat right -72px; }
.validate input{ font-size: 16px; color: white; background: none; border: none; height: 36px; padding: 0 10px; cursor: pointer; outline: none; }

.key{ margin-top: 4px; padding: 0 5px; background: white; text-align: center; font-size: 18px; line-height: 32px; height: 32px; overflow: hidden; white-space: nowrap; }
.key input{ width: 242px; margin: 0; padding: 5px 0px; font-size: 18px; border: none; background: none; }

.faq{ margin: 0 0 20px; }
.faq .q{ font-size: 14px; margin: 0 0 8px; }
.faq .q a{ border-bottom: dashed 1px #006d55; outline: none; }
.faq .q a:hover{ border-bottom: none; text-decoration: none; }
	
.steps table{ width: 100%; }
.steps .num{ position: absolute; margin: -5px  0 0 -30px; font: 36px "arial narrow"; }
.steps td{ padding: 0 0 5px 30px; }					
.license .zoom{ display: block; text-align: center; width: 280px; overflow: hidden; padding: 20px 20px 5px; margin: 0 0 14px; background: #f7f7f6; border: solid 1px #e0e1dd; text-align: center; font-size: 11px; outline: none; }
.license .zoom:hover{ text-decoration: none; background: #f2f2f2; }
.license .zoom img{ vertical-align: middle; }
.license .zoom .image{ display: block; margin: 0 auto 5px; }

.message{ background: #ebebea; padding: 4px 20px 9px; font: 20px "arial narrow"; margin: 0 0 20px; }
.message a{ outline: none;}
.message a:hover{ text-decoration: none; border-bottom: none; }					

.up-to-30{ padding-right: 120px; background: url('../img-var/up-to-30.png') no-repeat 100% 45px; }

/*estore adds*/
.current-product{ width: 100%; background: #f7f7f6; margin: 0 0 1px; padding: 10px 0 0; border-bottom: solid 2px #e0e1dd; }
.current-product .text{ padding: 0 33px; }
.current-product h3{ color: #333; margin: 0; }

/*modal*/
.ns_modal{ position: relative; }

.modal table{ background: none !important; }
.product .footer .modal td{ background: none; padding: 0; vertical-align: top; }
.pngwrap{ width: 313px; background: none !important; table-layout: auto !important; }										
.pngtop{ height: 10px; font-size: 0; background: url('../img/m-t.png') no-repeat !important; }
.pngbot{ height: 10px; font-size: 0; background: url('../img/m-b.png') no-repeat !important; }
.pngleft{ width: 32px; background: url('../img/m-l.png') repeat-y !important; }
.pngright{ text-align: left; width: 42px;background: url('../img/m-r.png') repeat-y !important; }
.modcont{ padding: 20px 20px 10px !important; background: white !important; } 
.close_modal{ margin: 2px 12px; display: block; cursor: pointer; }

/*alt*/
.ns_alt{ position: relative; width: 100%; float: left; }
.alt{ position: absolute; bottom: 15px; left: 0; width: 307px; }
.alt_top{ height: 10px; font-size: 0; background: url('../img/alt_t.png'); }
.alt_bot{ height: 30px; background: url('../img/alt_b.png'); } 
.alt_cnt{ background: url('../img/alt_c.png'); padding: 0 4px; }
.alt .content{ background: white; padding: 10px 20px; }
.alt .content h5{ color: #333; margin: 0 0 5px; }
.alt .content small{ font-size: 11px; }
.close_alt{ position: absolute; right: 12px; top: 12px; width: 16px; height: 16px; background: url('../img/alt_close.png') no-repeat; cursor: pointer; }

/*peoples*/
.introview .ibox{ margin: 0 0 20px; border-bottom: solid 2px #e0e1dd; }
.introview .last{ border: none; margin: 0 0 4px; }
.introview .img{ width: 220px; margin: 0 -220px 0 0; padding: 0 0 16px 0; text-align: center; }
.introview .txt{ padding: 0 0 4px 240px; }

/*sitemap*/
#sitemap{ padding: 15px 25px; }
#sitemap a{ color: #006d55; }
#sitemap ul{ font-size: 16px; }
#sitemap ul ul{ padding: 8px 0 8px; }
#sitemap li{ position: relative; padding: 0 12px 20px; background: url('../img/markers.gif') -2000px 7px no-repeat; }
#sitemap li li{ padding: 0; font: bold 12px arial; background: none; }
#sitemap li li li{ padding: 0 0 6px 20px; font: 11px arial; background: none; }
#sitemap .inside{ width: 100%; overflow: hidden; }
#sitemap .half{ display: inline; float: left; width: 45%; margin-right: 4%; }

.new{ background-image: url('../img/new.png'); background-repeat: no-repeat; background-position: right top; }
.embed_video{ text-align: center; margin: 0 0 14px; }

.table-style{ margin: 0 0 18px; }
.table-style table{ width: 100%; font: 12px arial; }
.table-style th{ border-bottom: solid 2px #e0e1dd; padding: 8px 15px; font: 14px arial; text-align: left; vertical-align: bottom; }
.table-style td{ border-bottom: solid 1px #e8e8e3; padding: 5px 15px; }
.table-style p{ margin: 0 !important; line-height: 14px !important; }
.table-style a{ color: #666; text-decoration: underline; }
.table-style a:hover{ text-decoration: none; }
.table-style img{ vertical-align: middle; }
.table-style .light{ background: #f7f7f6; }
.zebra th{ padding: 8px 10px; }
.zebra td{ border: none; line-height: 18px; padding: 5px 10px 10px; }
.zebra .even td{ background: #f7f7f6; }

.table-with-title h2{ padding-top: 10px; font-size: 15px; color: #484848; margin: 0; padding-bottom: 5px; border-bottom: solid 2px #e0e1dd; }
.table-with-title th{ border-bottom: solid 1px #e8e8e3; }
.table-with-title td{ font-style: italic; }
.table-style .tr-new td{ padding-top: 10px; }
.table-style .td-new{ position: relative; padding-right: 20px; }
.table-style .td-new img{ position: absolute; top: -6px; }

/*try*/
.trybox{ width: 100%; overflow: hidden; }
.trybox .image{ float: left; width: 260px; text-align: center; }
.trybox .content{ padding-left: 280px; }
.trybox .button_{ text-align: center; }
.trybox .button_ img{ display: block; margin: 0 auto; }
.trybox .greybox{ background: #fafafa; border: solid 1px #d1cec3; padding: 20px; margin: 0 0 14px; }
.trybox .description{ text-align: right; font: 11px tahoma; margin: 0 0 20px; }
#emvForm td{ vertical-align: middle; padding: 3px 10px 3px 0; text-align: inherit; }
[align=center]{ text-align: center !important; }

/*main promo banner*/
/*main promo banner*/
#promo{ width: 100%; position: relative; margin: 1px 0 1px; }
#promo ul {
    width: 100%;
    height: 103px;
    overflow: hidden;
    position: absolute;
    top: -45px;
    left: calc(50% - 600px);
    max-width: 1200px;
}

#promo li{ float: left; width: 240px;}
#promo .anime-img{ position: relative; display: block; height: 103px; color: #c6dbd7; outline: none; text-decoration: none; }
#promo .anime-bg{ height: 58px; width: 100%; position: absolute; left: 0; top: 45px; background: url('../images/promon.gif') repeat-x bottom; }
#promo .shadow{ width: 69px; height: 21px; background: url('../images/promon.gif') repeat-x 0 -200px; position: absolute; left: 8px; top: 15%; margin-top: 67px; }
#promo .jtab table{ width: 84px; height: 84px; position: absolute; left: 0; top: -15%; margin-top: 30px; text-align: center; vertical-align:middle; }
#promo .jtab td{ vertical-align:middle; }
#promo .jtab .img{ width: 65px; height: 65px; margin: 0 auto; border: solid 2px #dbe9e9; background: white; text-align: left; }
#promo .jtab .img img{ position: absolute; }
#promo .jtab span {
    display: block;
    width: 135px;
    position: absolute;
    left: 82px;
    top: -5%;
    margin-top: 65px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
}
#promo .jtab big{ display: block;  line-height: 15px; font-size: 12px; }
#promo .jtab a{ height: 58px; width: 100%; position: absolute; left: 0; top: 45px; background: url('../images/promon.gif') top; outline: none; 
background:url(../images/brdrt.jpg) repeat-y bottom right;}
#promo .jtab a.bgn{ background:none;}
#promo .tab a{ display: block; height: 58px; width: 242px; position: relative; top: 45px; background: url('../images/promon.gif') top; outline: none; color: #c6dbd7; text-decoration: none; }
#promo .tab a:hover{ background: #1a9ceb url('../images/promon.gif') 0 -313px; color: white; }                       
#promo .tab img{ position: absolute; left: 15px; top: -15px; border: solid 2px #dbe9e9; display: none; }
#promo .tab span{ display: block; padding: 7px 10px 0 82px; font-size: 12px; }
#promo .tab big{ display: block; font-size: 16px; line-height: 18px; }
#prtabs {
    height: 58px;
    width: 100%;
    position: relative;
    z-index: 2;
    background: #13459c;
}
#prtabs .current .img{ border-color: white; }
#prtabs .current .anime-img{ color: white; }
#prtabs .current .anime-bg{ height: 87px; }
#prboxes{ width: 100%; height: 495px; overflow: hidden; position: relative; z-index: 1; }
#prboxes .box{ position: absolute; width: 100%; height: 495px; z-index: 1; display: none; }
#prboxes .current{ z-index: 2; }
#overlay{ position: absolute; width: 100%; height: 550px; z-index: 3; background: #3eb0f5; display: none; }
#layoutmap{ display: block; position: absolute; z-index: 3; left: 0; top: 0; width: 100%; height: 262px; }

/*video gallery*/
.video-gallery{ text-align: center; }
.video_nav{ width: 100%; position: relative; text-align: left; }
.video_prev{ position: absolute; left: 0; top: 0; cursor: pointer; }
.video_next{ position: absolute; right: 0; top: 0; cursor: pointer; }
.video_scroll{ position: relative; width: 630px; margin: 0 40px; overflow: hidden; text-align: left; }
.video_scroll table{ table-layout: fixed; }
.video_scroll td{ width: 90px; }
.video_scroll td img{ display: block; margin: 0 auto; border: solid 1px #009373; }
.video_scroll td a{ display: block; outline: none; border: solid 3px white; }
.video_scroll .current a{ border: solid 3px #009373; }
.video_scroll td p{ font-size: 11px; padding: 4px; margin: 0 0 12px; }
.video_title_{ text-align: left; }
.video_content_{ width: 630px; margin: 0 auto; text-align: left; }
.video_{ width: 630px; margin: 0 auto 10px; }

.error .key{ border-color: #ed2939; background: #f7f8dc; } 
.key.red input{ color: #ed2939; }
.attention{ padding-bottom: 20px; margin-top: -10px; }
.attention .txt{ font: 12px arial; color: black; background: #feffda; text-align: left; padding: 15px 20px 5px; border-bottom: solid 1px white; }

.newsrelease img{ margin-right: 15px; }

.distr legend{ font: 20px "arial narrow";  }
.fieldset{ padding: 20px 0; }
.distr{ padding: 0 20px; margin: 0 0 20px; }
.distr table{ width: 100%; }
.distr td{ text-align: center; }
.distr a{ outline: none; }
.distr img{ display: block; margin: 0 auto; padding: 0 0 10px; }

/*share product block*/
#breadcrumbs{ position: relative; }
.addthis{ position: absolute; right: 5px; top: -4px; }

.stretch .simple{ width: 50%; }
.stretch .life{ margin: 0 0 5px; }

.text .rss{ border: none; padding: 0; float: right; }
.product-title{ float: left; }

/*foot-notes*/
.foot-notes{ text-align: right; }

/* compares */
.compares{ margin: 0 0 18px; }
.compares table{ table-layout: fixed; width: 100%; }
.compares th, .compares td{ padding: 8px; border: solid 1px white; font: 11px arial; text-align: center; }
.compares.big th, .compares.big td{ padding: 15px 10px; font-size: 14px; }
.compares th{ background: #1e5d91; }
.compares td{ background: #f3f3f2; vertical-align: middle; }				
.compares th a{ color: white; }
.compares a{ text-decoration: underline; outline: none; }
.compares a:hover{ text-decoration: none; }
.compares td.name{ background: white; border-top: solid 1px #e9e9e9; border-bottom: solid 1px #e9e9e9; padding-left: 0; }
.compares th.name{ background: #f3f3f2; }
.compares .title{ background: #1e5d91; font: 14px arial; color: #e4f3fe; text-align: left; }
.compares .o{ background: #e4f3fe; }
.compares img{ display: block; margin: 0 auto; }
.compares .name{ width: 120px; font: 16px 'arial narrow'; color: #2d2d2d; text-align: left; vertical-align: top; }
.compares.big .name{ width: 290px; font-size: 18px; }
.compares .name .wrap{ min-height: 40px; }				
.compares .name a{ display: block; font: 13px 'arial narrow'; color: #2d2d2d; }
.compares .name small{ display: block; font: 11px 'arial narrow'; line-height: 12px; color: #9d9d9d; }				
.compares.big .name small{ font-size: 14px; line-height: 16px; }
.compares .buttons td{ padding: 10px 2px; vertical-align: top; }
.compares.big .buttons td{ font-size: 12px; }
.compares .buttons img{ margin: 0 auto; }				
.compares .last td{ border-bottom: none; }
.compares .content p{ font-size: 13px;  margin: 0; text-align: left; }
.compares .ns_alt{ width: 80px; float: none; margin: 0 auto 8px; }
.compares .alt{ z-index: 100; left: -5px; }

/* webcasts */
.veb{ background: #9ac0d1 url('../img/vebinars.jpg') no-repeat left bottom; min-height: 227px; margin: 0 0 20px; }
.veb .wrap1{ width: 100%; overflow: hidden; padding: 20px 0 10px 0; }
.veb .wrap2{ padding: 0 260px 0 150px;background: url('../img/earth.gif') no-repeat 30px 8px } 
.veb h2{ color: #015885; margin: 0 0 10px; }
.veb p{ font: 15px "arial narrow"; margin: 0 0 10px; }

.videos{ margin: 0 0 20px; background: #f7f7f6; }
.videos .wrap{ width: 640px; margin: 0 35px; }
.videos h2{ margin: 0 0 8px; }
.hr{ width: 710px; margin: 0 -100% 6px -35px; padding-top: 2px; background: url('../img/hr.gif') repeat-x left bottom; }
.videonav{ width: 100%; position: relative; }
.videoprev, .videonext{ width: 35px; height: 78px; position: absolute; cursor: pointer; }
.videoprev{ left: -35px; background: url('../img/videos_nav.gif') no-repeat; }
.videonext{ right: -35px; background: url('../img/videos_nav.gif') no-repeat right; }
.videoflash_{ padding-bottom: 15px; }
.videocontent_{ font: 15px "arial narrow"; }
.videotitle, .videocontent{ display: none; }
.videodata{ padding: 20px 0 10px; }
.videopreviews{ width: 640px; overflow: hidden; }
.videopreview img{ display: block; border: solid 3px #006d55; margin-bottom: 10px; }
.videoscroll{ width: 660px; margin-right: -660px; overflow: hidden; position: relative; }
.vscrollable{ width: 792px; position: relative; left: 0; }
.preview_{ width: 112px; margin-right: 20px; float: left; cursor: pointer; }
.preview_ .desc{ padding: 5px 0 10px; font: 13px "arial narrow"; text-decoration: underline;  }
.videotitle_ h3{ color: #333; }
.videotitle_ .webinar, .videotitle_ .webcast{ position: relative; top: -3px; }
.webinar, .webcast{ font: 10px arial; color: white; padding: 1px 5px; }
.webinar{ background: #8d278b; }
.webcast{ background: #005c48; }					
.rightlink{ width: 490px; position: relative; }
.rightlink .link{ position: absolute; right: -150px; text-decoration: underline; padding-left: 22px; background: url('../img/pdf.gif') no-repeat 0 3px; }
.rightlink .link:hover{ text-decoration: none; }
.allcast{ padding: 10px 0 15px 110px; background: url('../img/youtube.gif') no-repeat 0 4px; }

/* release style */
.release .grey1{background:#F0F0EF;padding:18px 20px;border-bottom:solid 1px #FFF;font:italic 14px 'arial',sans-serif;}
.release .grey2{background:#F0F0EF;padding:14px 20px;position:relative}
.release .addthis{top:-1px;right:0}
.release h3{padding-bottom:5px;background:url(../img/btline_title.gif) bottom repeat-x}
.release .left-col{float:left;width:510px;overflow:hidden}
.release .right-col{float:right;width:180px;overflow:hidden;text-align:center;color:#107660;font:normal 11px 'arial',sans-serif}
.release .right-col a{color:#107660}
.release .grey3{background:#F7F7F6;padding:10px 16px 18px;border-bottom:solid 1px #FFF}
.release .right-col img{border:none;margin:0;padding:0}
.release .rg_icon{padding-top:74px}
.release .icon_text{background:url(../img/rg_icon_text.png) center top no-repeat}
.release .icon_video{background:url(../img/rg_icon_video.png) center top no-repeat}
.release .icon_link{background:url(../img/rg_icon_link.png) center top no-repeat}
.release .quote .foto{float:left;background:#F7F7F6;padding:10px;border-bottom:solid 1px #FFF}
.release .quote .foto img{border:solid 1px #e0e1dd;margin:0;padding:0}
.release .quote .note{float:right;width:570px;text-align:justify}
.release .quote .signature{text-align:right}

/* blog */
.blog_link{float:left;margin-right:20px;background:url(../img/bg_btn.gif) top repeat-x}
.blog_link a{padding:0 20px 0 58px;display:block;height:40px;line-height:40px;font-weight:bold}
.btn_follow a{background:url(../img/btn_follow.png) 12px center no-repeat}
.btn_blog a{background:url(../img/btn_blog.png) 11px center no-repeat}

/* press center */
.press{ width: 710px; overflow: hidden; }
.press .front{ width: 445px; float: left; }
.press .side{ width: 265px; float: right; }
.press ul, .press li{ padding: 0; margin: 0; list-style: none; }
.press p{ margin: 0; }
.press .front h2{ font: 18px arial; margin: 0; padding: 4px 19px 3px; border-bottom: solid 1px #ccc; color: #006D62; }
.press h3{ margin: 0; }
.press a{ outline: none; }


.press .iboxes{ width: 100%; overflow: hidden; margin: 0 0 15px; }
.press .iboxes .img{ width: 120px; margin-right: -100%; overflow: hidden; float: left; }
.press .iboxes .img img{ border: solid 1px #d0c9ad; }
.press .iboxes .txt{ padding-left: 120px; }
.press .iboxes .txt a{ padding: 3px 0; }

.press .newsbox{ margin: 0 0 20px; }   
.press .newsbox li{ width: 100%; overflow: hidden; padding: 0 0 15px; }
.press .newsbox li a:hover{ color: #cc0000; }
.press .newsbox .date{ font-size: 12px; color: #454545; padding-bottom: 3px; }
.press .newsbox .tit{  }
.press .newsbox p{ }
.press .newsbox .archive{ padding: 10px 0 0; }

.press .greybox{ background: #f9f8f6; border: solid 1px #dcd9d2; margin: 0 0 35px; line-height: 20px; }
.press .greybox h3{ margin: 0 0 10px; font: 18px arial; color: #006D62; border-bottom: solid 1px #ccc; padding: 4px 19px 3px; }
.press .greybox p{ margin: 0 19px 14px; }

.press .greybox ul{ margin: 0 19px 14px; }
.press .greybox li{ line-height: 14px; font-weight: bold; padding: 6px 0 6px 30px; }

.press .expander{ border-top: solid 1px #ccc; padding: 5px 19px; line-height: 20px; }

.press .docs .img{ width: 26px; margin-right: -100%; position: relative; top: -3px; }
.press .docs .img img{ border: none; }
.press .docs .txt{ padding-left: 26px; }

.press .container{ border: solid 1px #ccc; margin: 0 20px 30px 0; }
.press .container .inside{ padding: 19px 19px 5px; }

.press .wbox{ width: 100%; overflow: hidden; }
.press .leftbox{ float: left; }
.press .rightbox{ float: right; }
.press .expander *{ vertical-align: middle; }

}
.accordion {
  margin: 0px;
}
.accordion dt, .accordion dd {
    padding: 10px;
    border-top: 1px solid #efefef;
}
.subrow ul li a {
    padding: 0 !important;
    background: none !important;
}
.accordion dt:last-of-type, .accordion dd:last-of-type {
}
.accordion dt a, .accordion dd a {
    display: block;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
} 
.loc_box a.gloc {
    display: inline-block;
}
.loc_detail h2 {
    padding: 10px 0 5px !important;
    margin: 0 !important;
    font-size: 18px;
}
.loc_box a.gloc {
    display: block;
    float: left;
    margin-right: 20px;
    border-right: 1px solid #bbb;
    padding-right: 20px;
    padding-left: 10px;
}
p.loc_add {
    background: url(../images/ico_loc.png) 0px 5px no-repeat;
    padding: 10px 42px;
    font-size: 16px;
	margin: 0;
}
p.loc_phone {
    background: url(../images/ico_phone.png) 0px 5px no-repeat;
    padding: 10px 42px;
    font-size: 16px;
	margin: 0;
}
p.loc_email {
    background: url(../images/ico_email.png) 0px 5px no-repeat;
    padding: 10px 42px;
    font-size: 16px;
	margin: 0;
}
.loc_box {
    clear: both;
    margin-bottom: 20px;
    float: none;
    display: flex;
}
.loc_box .loc_detail {
    display: inline-block;
}	
dd {
    background: #fc7e82;
    color: #000;
}
dd ul li {
    display: inline-block;
    padding: 12px;
    width: 21%;
    background: #ffb0b3;
    border-radius: 7px;
    margin: 2px 0 !important;
}
dd p {
    color: #fff;
    padding: 0 10px;
}
.accordion dd {
  border-top: 0;
  font-size: 14px;
}
dl.accordion {
    background: #fc5358;
    color: #fff;
    border-radius: 10px;
}
#mainhead a {
    padding: 0 !important;
}
.accordion dd:last-of-type {
  border-top: 1px solid white;
  position: relative;
  top: -1px;
}
li.has_submenu.last .submenu .subrow a {
    font-size: 13px !important;
    padding: 7px 12px !important;
}
div#mySidenav ul {
    width: 100%;
    text-align: center;
}
.sidenav ul li a {
    margin: 0;
    padding: 0;
    background: no-repeat;
}
#cart {
    padding: 14px 10px 27px 38px;
    color: #fff;
    background: url(https://spectrumlab.in/images/cart.png) 18px 8px no-repeat #fc5358 !important;
    width: 60px;
    left: 0;
    position: absolute;
    top: 1px;
}
#cart span {
    position: absolute;
    top: 18px;
    left: 59px;
}
#cart b {
    position: absolute;
    top: 11px;
    left: 38px;
}
form.testbox {
    background: #fff;
    box-shadow: 0 0 3px 2px #ccc;
    margin: 15px 10px;
    padding: 15px;
    text-align: center;
    float: left;
    width: 180px;
}
div#covid input[type=submit] {
    background: #1eb84e;
    color: #fff;
}
form.testbox input[type=submit] {
    border: none;
    width: 120px;
    border-radius: 10px;
    margin: 15px auto 10px;
}
input[type="submit"] {
    display: block;
    width: 240px;
    padding: 10px;
    font-size: 16px;
    margin: 0 auto 30px;
}
#covid .icon {
    background: #1eb84e;
    width: 60px;
    height: 60px;
    display: block;
    margin: 10px auto;
    border-radius: 8px;
    padding: 5px;
}
#pathological .icon {
    background: #a941da;
    width: 60px;
    height: 60px;
    display: block;
    margin: 10px auto;
    border-radius: 8px;
    padding: 5px;
}
#pathological .icon img, #load_tests .icon img {
    width: 100%;
}
div#pathological input[type=submit] {
    background: #a941da;
    color: #fff;
}
div#pathserv {
    height: 3100px;
}
div#pathserv form.testbox {
    min-height: 235px;
}
#load_tests .icon {
    background: #fc5358;
    width: 60px;
    height: 60px;
    display: block;
    margin: 10px auto;
    border-radius: 8px;
    padding: 5px;
}
div#load_tests input[type=submit] {
    background: #fc5358;
    color: #fff;
}
p.nmsg {
    text-align: center;
    padding-left: 23px;
    background: bisque;
    padding: 15px;
    max-width: 800px;
    border-radius: 10px;
    font-size: 16px;
}
label.hv1 {
    background: url(https://mobile.spectrumlab.in/imazos/hc1.jpg) top center;
    width: 150px;
    height: 135px;
    display: block;
    position: relative;
    float: left;
    margin-left: 20px;
}
label.hv2 {
    background: url(https://mobile.spectrumlab.in/imazos/hc2.jpg) top center;
    width: 150px;
    height: 135px;
    display: block;
    float: left;
    position: relative;
}
#appt label input {
    margin-right: 5px;
    width: 30px;
    height: 30px;
    position: absolute;
    left: calc(50% - 19px);
    top: 20px;
}
#appt label.hv1 span {
    position: absolute;
    top: 143px;
    left: 8px;
    text-align: center;
}
#appt label.hv2 span {
    position: absolute;
    top: 143px;
    left: 40px;
    text-align: center;
}
.submenu.about .subrow a {
    font-size: 12px !important;
}
div#cart:hover {
    cursor: pointer;
}
.footcon a {
    color: gold;
}
div#cart input {
    background: no-repeat;
    width: 16px;
    border: 0;
    color: #fff;
    font-weight: 600;
    text-align: left;
}
div#pathcontent h4, div#pathcontent img {
    margin-left: 20px;
}
div#pathcontent h4 {
    background: bisque;
    padding: 10px;
    display: block;
    width: 500px;
    border-radius: 7px;
}
div#pathcontent img {
    margin-bottom: 40px;
}