* html > body .clearfix {display: block;width: 100%;}
* html .clearfix {height: 1%;}
html, body, form, fieldset {margin: 0 auto;padding: 0;}
body{color: #666666;background:#EEEEEE;margin: 0px 0;font-family: Arial, sans-serif; line-height: 1.5;font-size: 0.9em;}

/*
----------------------------------------------------------------------------*/
h1{font-size:2.0em;color:#3A539B;margin: 0 0 4px;padding:5px 10px 0;text-transform:uppercase;}
h4{font-size:1em;margin: 0 0 4px;padding:5px 10px 0;text-transform:uppercase;}
h2 {font-size:1.1em;margin: 0 0 4px;padding:5px 10px 0;text-transform:uppercase;}
h3 {font-size:0.9em;margin: 0 0 4px;padding:5px 10px 0;text-transform:uppercase;}

h3.legend-title{font-size:1.3em;}
/*----------------------------------------------------------------------------
-----------------------------------------------------------------------------*/
.column {float: right;width:336px;margin:0 20px 20px 0;}
.content{float:left;width:768px;}
.content404{float:left;width:100%;}
.article-content{padding:0 10px;}
/*----------------------------------------------------------------------------
-----------------------------------------------------------------------------*/
div.social {
	float:left;
    margin: 15px 20px 0;
    overflow: hidden;
}
div.social a:first-child {
    margin: 0;
}

div.social a {
    display: block;
    float: left;
    height: 24px;
    margin-left: 5px;
    overflow: hidden;
    width: 24px;
}
div.social a:first-child {
    margin: 0;
}
div.social a:hover img {
    margin-top: -24px;
}


p.vk-banner{position:absolute;text-decoration:none;font-size:14px;color:#fff;margin:-65px 0 0 93px;font-weight: normal;}
a{font-weight:bold;text-decoration: underline;font-size:1em;}
a:hover{text-decoration: none;}

div.notimg{margin:30px 0;float:left;}
div.notfund{margin:50px 0;padding:0 10px 0 0;}
/*-------------------------------- Поиск Yandex ------------------------------
-----------------------------------------------------------------------------*/
.search-ya{width:390px;padding:5px;position:absolute;margin:20px 0 0 500px;}
.search-result{width:650px;padding:5px;margin:0;}
.ya-site-form{}

.popular{width:48%;float:left;margin:0 5px 30px;padding:0 2px;}
.popular2{width:48%;float:right;margin:0 0 30px 5px;padding:0 2px;}

span.td-header{float:left;font-weight: bold;margin-right:5px;color:#446CB3;}

.like-cosial{width:90%;float:left;margin:10px 0;}
#vk_like{float:left;}
.twitter-share-button{margin:0 0 0 15px;}

div.videol{margin:0 30px 40px 0;float:left;}
img.video {width: 310px !important;}
ul.teg{margin:0;padding:0;}
ul.teg li{display: inline;padding-right:1px;}
div.tegs{
    background: url("/images/diz/tag.png") no-repeat scroll 0 0;
    font-size:11px;
    padding: 1px 25px 0;
    margin:0 0 20px;
    width: 680px;
}
ul.listcredit li{margin:10px 0 15px -40px;}
ul.listcredit{margin:5px 0;padding:0 0 10px 40px;border-bottom: 1px solid #DEDEDE;}
div.yashare-auto-init{text-align:right;}

span.media{
    background: url("/images/diz/media.png") no-repeat;
    border-left: 2px solid #3FB618;
    font-size: 11px;
    color:#3FB618;
    font-weight: bold;
    position: absolute;
    padding: 5px 0 0 30px;
    margin:10px 0 10px;
    text-transform: uppercase;
}
h2.cam, h2.credits, h2.creditcard, h2.ipoteka, h2.autocredit, h4.calculator, h2.vklad{
    border-left: 2px solid #3FB618;
    padding: 5px 30px 0;
    width: 100%;}

h2.cam {background: url("/images/diz/cam.png") no-repeat scroll 1px 1px;}
h2.credits { background: url("/images/diz/cred.png") no-repeat scroll 1px 1px;}
h2.creditcard {background: url("/images/diz/creditcard.png") no-repeat scroll 1px 1px;}
h2.ipoteka {background: url("/images/diz/ipoteka.png") no-repeat scroll 1px 1px;}
h2.autocredit {background: url("/images/diz/autocredit.png") no-repeat scroll 1px 1px;}
h2.vklad { background: url("/images/diz/vklad.png") no-repeat scroll 1px 1px;}
h4.calculator{background: url("/images/diz/calc.png") no-repeat scroll 1px 1px;}
	
div.footerinfo{margin:0 auto;width: 940px;line-height: 1.3em;font-size:13px;padding:10px 0 0;}
div.footerinfo p{text-align:left;}
div.live{margin:-8px 0 0;}
/*
----------------------------------------------------------------------------*/
.main {background: #446CB3;border-top: 1px solid #E6E6E6;min-height: 35px;z-index: 999;}
.comments{padding: 10px 15px;box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);margin:0 0 20px 0;}
/* 
--------------------------------------------------------- */
ul.menu {list-style: none;margin: 15px 0;padding: 0;display: block;}
ul.menu li {display: block;background: none;margin: 0;padding: 0;line-height: normal;}
ul.menu li a {display: block;outline: none;padding: 9px 0 5px 10px;margin: 0;text-indent: 15px;text-decoration: none;}

ul.menu li.parent a {background: url("img/arrow.png") no-repeat 5% 13px;}
ul.menu li.parent a:hover{background: url("img/arrow.png") no-repeat 92% 14px;}

ul.menu li.active a {font-weight: bold;}
ul.menu li.parent.active a {background: url("img/arrow.png") no-repeat 92% 14px;}

ul.newslist li{list-style: none;margin:0 0 25px 0;}
ul.newslist{padding:10px 10px 0;}

ul.list {margin:0;padding:0 15px;list-style: square outside;font-size:1em;}
ul.list li{padding:1px 0;}
ul.list-bank {margin:0;padding:0;list-style: square outside;font-weight:bold;}
ul.list-bank li{padding:1px 0;display:inline;margin-right:15px;}
.link-footer{width: 50%;float:right;}
ul.list-map{margin:0;padding:0 15px;list-style: square outside;font-size:1em;}
ul.list-atm{margin:0;padding:0 15px;list-style: square outside;font-size:1em;}
ul.list-atm li{padding:1px 0;float:left;width:50%;}
ul.indexlist{margin:0;padding:0 15px;list-style: square outside;font-size:1em;}
ul.indexlist li{padding:1px 0;float:left;width:49%;}
#footer-menu, .copyright{font-size:0.85em;}
#footer-menu a{font-weight: normal;}
/*
-----------------------------------------------------------------------------*/
img {height: auto;max-width: 100%;vertical-align: middle;margin: 0;padding: 0;}

img.span1 {width: 30px !important;float:left;padding:5px 10px 5px 0;}
img.span2 {width: 40px !important;float:left;padding:5px 10px 5px 0;}
img.span3 {width: 50px !important;float:left;padding:5px 10px 5px 0;border:none;}
img.span4 {width: 60px !important;float:left;padding:5px 10px 5px 0;}
img.span5 {width: 11% !important;float:left;padding:0;margin:0 15px 0 0;}
img.span6 {width: 80px !important;float:left;margin:0 10px 5px 0;}
img.span7 {width: 90px !important;float:left;margin:0 10px 5px 0;}
img.spancredit {width: 120px !important;float:left;margin:5px 10px 0 0;}
img.spanatm {width: 150px !important;float:left;margin:0 15px 15px 0;}
img.span8 {width: 100px !important;float:left;margin:0 15px 0 0;}
img.span9 {width: 200px !important;float:left;margin:0 20px 10px 0;}

img.span10 {width: 250px !important;float:left;margin:0 20px 10px 0;}
img.span11 {width: 230px !important;float:left;margin:0 20px 10px 0;}
img.span11r {width: 300px !important;float:right;margin:0 0 10px 20px;}
img.span10r {width: 250px !important;float:right;margin:0 0 10px 20px;}

img.span11-r {width: 230px !important;float:right;margin:0 0 10px 20px;}
img.spantd {width: 120px !important;float:left;margin:0;border: 1px dotted #dedede;}
img.span43 {width: 70px !important;float:left;margin:0 10px 5px 0;}
img.spanfull{width: 300px !important;float:left;margin:0 20px 5px 0;border: 1px solid #666666;box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);}
img.spannews {width: 200px !important;float:left;margin:0 0 10px 0;border: 1px solid #666666;box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);}


/*
-----------------------------------------------------------------------------*/
td.td-left label{margin: 4px 0 0 3px;position:absolute;}


.shadow-none{box-shadow: none;}

td.danger, th.danger{background-color: #F2DEDE;color:}
td.warning, th.warning{background-color: #FCF8E3;color:#887304;}
td.success, th.success{background-color: #DFF0D8;color:#4b7539;}
td.active, th.active{background-color: #F7F7F7;}
th.greey{background-color: #F5F5F5;}
td.active, td.danger, td.warning, td.success{font-weight: bold;border-bottom: 1px solid #dedede;}
th.active, th.danger, th.warning, th.success{color:#666666;text-align:left;}



.table-hover > tbody > tr > .active:hover, .table-hover > tbody > .active:hover > td {background-color: #E8E8E8;cursor: pointer;}
.table-hover > tbody > tr > .success:hover, .table-hover > tbody > .success:hover > td{background-color: #D0E9C6;cursor: pointer;}
.table-hover > tbody > tr > .danger:hover, .table-hover > tbody > .danger:hover > td{background-color: #EBCCCC;cursor: pointer;}
.table-hover > tbody > tr > .warning:hover, .table-hover > tbody > .warning:hover > td{background-color: #FAF2CC;cursor: pointer;}
.table-hover > tbody > tr > .active:hover, .table-hover > tbody > .active:hover > td{background-color: #E8E8E8;cursor: pointer;}
.table-hover > tbody > tr:hover > td {background-color: #F5F5F5;cursor: pointer;}




.color-table {
	width:100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.color-table > thead > tr > .active, .color-table> tbody > tr > .active, .color-table> tfoot > tr > .active, .color-table> thead > .active > td, .color-table > tbody > .active > td, .color-table> tfoot > .active > td, .color-table > thead > .active > th, .color-table > tbody > .active > th, .color-table > tfoot > .active > th {
    background-color: #F5F5F5;
}
.color-table > thead > tr > .success, .color-table > tbody > tr > .success, .color-table > tfoot > tr > .success, .color-table > thead > .success > td, .color-table > tbody > .success > td, .color-table > tfoot > .success > td, .color-table > thead > .success > th, .color-table > tbody > .success > th, .color-table > tfoot > .success > th {
    background-color: #DFF0D8;
}
.color-table > thead > tr > .warning, .color-table > tbody > tr > .warning, .color-table > tfoot > tr > .warning, .color-table > thead > .warning > td, .color-table > tbody > .warning > td, .color-table > tfoot > .warning > td, .color-table > thead > .warning > th, .color-table > tbody > .warning > th, .color-table > tfoot > .warning > th {
    background-color: #FCF8E3;
}
.color-table > thead > tr > .danger, .color-table > tbody > tr > .danger, .color-table > tfoot > tr > .danger, .color-table > thead > .danger > td, .color-table > tbody > .danger > td, .color-table > tfoot > .danger > td, .color-table > thead > .danger > th, .color-table > tbody > .danger > th, .color-table > tfoot > .danger > th {
    background-color: #F2DEDE;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #DDDDDD;
}
.color-table > thead > tr > th, .color-table > tbody > tr > th, .color-table > tfoot > tr > th, .color-table > thead > tr > td, .color-table > tbody > tr > td, .color-table > tfoot > tr > td {
    border-top: 1px solid #DDDDDD;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: top;
}


/*
-----------------------------------------------------------------------------*/

.box-hiinfo {
    border: 1px solid #D2D2B6;
    margin: 15px 0;
    padding: 10px 0 10px 60px;
    text-align:left;}

.shadow{box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); background-color: #E0FFFF;}
#map{width:100%;height:300px;margin:10px 0;position:relative;}
#map2{width:100%;height:300px;margin:10px 0;position:relative;}
#map3{width:100%;height:300px;margin:10px 0;position:relative;}
#map4{width:100%;height:300px;margin:10px 0;position:relative;}
#map5{width:100%;height:300px;margin:10px 0;position:relative;}
.wrap { width: 100%; clear: both; }
.main { width: 1124px; max-width: 1200px; margin: 0 auto;}
.ja-mass { clear: both; }
.date{font-weight:bold;font-size:13px;}
.author{text-align:right;}
.table p{margin:10px 0 0;}



ul.topmenu {margin: 0;padding: 0;font-size:0.85em;}
ul.topmenu li {background: none;display: block;float: left;margin: 0;padding:0;}
ul.topmenu li a{
	display: block;
	text-decoration: none;
	padding: 12px 15px 10px 10px;
	font-weight: bold;
	text-transform: uppercase;
}

ul.topp-menu{list-style:none;position:absolute;left:-9999px;display: inline;margin:0 0 0 -40px;}
ul.topp-menu li a{text-transform: none;padding: 8px 10px;}
ul.topmenu li a:hover{color:#fff;background: none repeat scroll 0 0 #8470FF;}
ul.topmenu li:hover ul{float:none;left:0;opacity:1;}
ul.topmenu li.activ{color:#fff;background: none repeat scroll 0 0 #8470FF;}

#nav{background: #8470FF;border-top: 1px solid #19B5FE;min-height: 39px;width:1124px; max-width: 1200px; margin: 0 auto;position:relative;}

/*
---------------------------------------------------------------------------- */
.bold{font-weight:bold;}

.calc-button{text-align:right;margin:-20px 0 20px 0;position:relative;}
.cerviceb{float:left;width:30%;padding:0 10px 0 0;}


span.sum{color:#3FB618;}
p, pre, blockquote,  h1, h2, h3, h4, h6 {
	margin: 1em 0;
}
.clear{clear:both;}
ul {list-style: none;}

p.text-i{font-style: italic;}
.i{font-style: italic;text-align:left;}
ul.current{margin:0;padding:0;}
ul.current li{margin:2px 0;padding: 0 0 0 20px;}
ul.current img{margin:0 5px 0 0;}

p{text-align: justify;}


.footer-news{padding:20px;margin:0 0 15px;}
.navbar{margin:20px 0;padding:0 5px;}

/* FORM
--------------------------------------------------------- */
.button {
    border:none;
    cursor: pointer;
    line-height: 16px;
    padding: 6px 12px;
    text-align: center;
    margin:14px 0;
    float:right;
    font-size: 0.9em;
    text-transform: uppercase;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
.calc-button{text-align:right;margin:-20px 0 20px 0;position:relative;}
a.button{text-decoration:none;box-shadow: 2px 1px 3px rgba(0, 0, 0, 0.2);}


.top-search{width:328px;position:absolute;margin:0 0 0 766px;padding:20px 0 30px 30px;box-shadow: -3px 0px 3px rgba(0, 0, 0, 0.2);}
.ybutton {
	background:url("/images/diz/search.png") no-repeat;
    border:none;
    cursor: pointer;
    margin: 3px 0 0 -25px;
    float:right;
    position:absolute;
}
input.yinput{width:200px;height:20px;border:1px solid #dedede;padding:1px 3px;color:#666666;}


.input-control.text input{
    border: 1px solid #BF55EC;
    height: 100%;
    padding: 5px;
    color:#666;
    z-index: 1;
    width: 47%;margin:0 0 14px 0;float:left;
}
.input-controlleft.text input{
    border: 1px solid #BF55EC;
    color:#666;
    height: 100%;
    padding: 5px;
    z-index: 1;
    width: 47%;
    margin:0 14px 14px 0;float:left;
}
.input-control1.text input{
    border: 1px solid #BF55EC;
    color:#666;
    height: 100%;
    padding: 5px;
    z-index: 1;
    width: 30%;
    margin:0 0 14px 0;float:right;
}
button, input {
    line-height: normal;
}

.input-control.textarea textarea {
    min-height: 100px;
    color:#666;
}
.input-control.textarea textarea {
    border: 1px solid #BF55EC;
    color:#666;
    padding: 5px;
    width: 98%;
}



.example > img { display: inline-block;margin: 5px;}
.newslist img {max-width: 100%;}

.bank-products{margin:10px 0 20px;}
.product-left{width:357px;float:left;}
.product-right{width:357px;float:right;}

a.no-line{text-decoration:none;}
.calculator-list{
	background:#F7F7F7;
	padding:0 10px;
	margin:10px 0;
	height: 50px;
	line-height: normal;
	box-shadow: 2px 1px 3px rgba(0, 0, 0, 0.1);
}
.product-list{
	background:#BF55EC;
	padding:0 0px;
	margin:15px 0;
	height: 57px;
	line-height: normal;
}

/* -------------------------------------------------------------------- HEADER
---------------------------------------------------------------------------- */
#header .main {height: 100px;background: #fff url("img/main-tl.gif") no-repeat top left;}
#header .inner {
	height: 100px;
	line-height: normal;
	position: relative;
	background: url("img/main-tr.gif") no-repeat top right;
}
div.logo a span {position: absolute;top: -1000px;}
div.logo-text a {
	text-decoration: none;
	outline: none;
	position: absolute;
	top: 25px;
	left: 20px;
	text-transform: uppercase;}
/* -------------------------------------------------------- CLEARFIX
--------------------------------------------------------------------*/
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;}
/* ---------------------------------------------------------- CONTENT
--------------------------------------------------------------------*/

/*----------------------------------------------------------- TABLES
-----------------------------------------------------------------------*/
.td-right img{float:right;border:1px solid #BDC3C7;}

.teltd{margin:0;}
.table.striped tbody tr:nth-child(2n+1) {
    background:#ECECEC;}
.table, .table-bank{
    width: 100%;
    margin:0 0 30px;
    border-bottom: 1px solid #BDC3C7;
}
.table-bank td{
	padding:5px 0;
    border-bottom: 1px dotted #BDC3C7;
}
td.td-l{
    width: 22%;
}
td.td-r a{
    color: #3FB618;
    font-size: 13px;
    text-decoration: underline;
    font-weight: bold;
}
.table a{font-size: 13px;}
table .striped{
    background-color: #FFFFFF;
    border-collapse: collapse;
    border-spacing: 0;
    max-width: 100%;
}
td.td-green{font-weight:bold;}
.table td {
    font-size: 13px;
    padding: 8px;
    vertical-align: top;
}
td.td-right{text-align:right;font-weight: bold;width:40%;}
td.td-rights{text-align:right;font-weight: bold;width:75%;}
td.head{text-align:center;font-weight: bold;width:20%;}
td.tdbody{text-align:center;width:20%;}
.table th{
    border-bottom: 1px solid #BDC3C7;
    font-size: 13px;
    padding: 8px;
    vertical-align: top;
}




.map-hilite .map-title {color: #3FB618;}
.map-hilite {border: 3px solid #3FB618;margin: 40px 0 20px;padding: 0 10px;position: relative;}
.map-title {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    float: left;
    font-weight: bold;
    left: 7px;
    margin: 0 !important;
    padding: 0 5px !important;
    position: absolute;
    top: -12px;
}


/* ----------------------------------------------------------- TOPMENU
---------------------------------------------------------------------*/


/* SIDE COLUMNS
--------------------------------------------------------- */


/* HEADER
--------------------------------------------------------- */
div.bubble-hl1 .box-ct {
    background: none repeat scroll 0 0 #006699;
    color: #FFFFFF;
}
div.bubble .box-ct {
    padding: 16px;
    position: relative;
}
div.bubble-hl2 div.box-ct {
    background: none repeat scroll 0 0 #006699;
    color: #FFFFFF;
}
div.bubble .box-ct {
    padding: 16px;
    position: relative;
}

/*
------------------------------------------------------ LEFT BlOCK*/

/* MODULE
--------------------------------------------------------- */

div.moduletable h3,
div.moduletable_menu h3,
div.moduletable_text h3,
div.moduletable_hilite h3,
div.moduletable_menuhilite h3 {
	font-size: 100%;
	margin: 15px 0 15px 0;
	padding: 7px 15px;
	text-transform: uppercase;
}

div.moduletable h3 span,
div.moduletable_menu h3 span,
div.moduletable_text h3 span,
div.moduletable_hilite h3 span {
	color: #00A9DD;
}

div.moduletable,
div.moduletable_menu,
div.moduletable_text,
div.moduletable_menuhilite,
div.moduletable_hilite1 {
	margin: 0;
	padding: 0 0 10px 0;
	position: relative;
}

div.moduletable_menu h3,
div.moduletable_menuhilite h3 {
	margin-bottom: 0;
	border-bottom: none;
}

div.moduletable_menu,
div.moduletable_menuhilite {
	padding: 0;
	margin: 0px !important;
}
div.moduletable {
	margin-left: 0px !important;
	margin-right: 0px !important;
}
div.moduletable_menuhilite h3 {
	background: #3FB618;
	color: #FFFFFF;
}



div.moduletable_menu ul#mainlevel{
	margin: 0px;
	padding: 0px;
}

div.moduletable_menu ul#mainlevel li{
	padding-left: 0px;
	line-height: normal; 
	background: none;
}
/* mis */
div.banneritem_text {
	padding: 5px 0 !important;
}

div.advs {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

div.moduletable ul {
	list-style: none;
}

div.moduletable li {
	background: url("img/bullet.gif") no-repeat 3px 8px;
	line-height: 160%;
	padding-left: 12px;
}




/* FOOTER
--------------------------------------------------------- */
#ja-footer { clear: both; }


/* CONTENT'S GRIDS
--------------------------------------------------------- */
.article_column { float: left; position: relative; }

.cols1 .article_column { width: 100%; }
.cols2 .article_column { width: 50%; }
.cols3 .article_column { width: 33.33%; }
.cols4 .article_column { width: 25%; }
.cols5 .article_column { width: 20%; }


ul.checklist li, ul.star li, ul.arrow li, ul.address li, ul.phone li, ul.email li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin-left: 8px;
    overflow: hidden;
    padding: 0 0 0 22px;
    position: relative;
}
ul.checklist span.icon, ul.star span.icon, ul.arrow span.icon, ul.address span.icon, ul.phone span.icon, ul.email span.icon {
    background-image: url("img/icons-sprites-silk.png");
    background-repeat: no-repeat;
    display: block;
    height: 18px;
    left: 0;
    position: absolute;
    top: 0;
    width: 18px;
}
ul.arrow span.icon {
    background-position: left top;
}
ul.star span.icon {
    background-position: left -18px;
}
ul.checklist span.icon {
    background-position: left -36px;
}
ul.phone span.icon {
    background-position: right top;
}
ul.address span.icon {
    background-position: right -18px;
}
ul.email span.icon {
    background-position: right -36px;
}
ul.bookmark-links li {
    background: url("img/arrow.png") no-repeat scroll 0 10px rgba(0, 0, 0, 0) !important;
    border-bottom: 1px dotted #E6E6E6;
    padding: 5px 0 5px 10px !important;
}
p.blocknumber {
    padding: 5px 0 5px 55px !important;
    position: relative;
}

.box-sticky, .box-download, .box-grey, .box-hilite {
    border: 1px solid #DDDDDD;
    margin: 15px 0;
    padding: 10px !important;
    text-align:left;
}

.box-grey {
    background-color: #87D37C;
}

.box-hilite {
    background: none repeat scroll 0 0 #FFFFDD;
    background: url("/images/site/info.png") no-repeat scroll 10px center #FFFFFF;
    border-color: #D2D2B6;
}
.legend-title {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    float: left;
    font-weight: bold;
    left: 7px;
    margin: 0 !important;
    padding: 0 5px !important;
    position: absolute;
    top: -12px;
}
.legend {
    border: 3px solid #CCCCCC;
    margin: 20px 0;
    padding: 0 10px;
    position: relative;
}
.legend-hilite .legend-title {
    color: #3FB618;
}
.legend-hilite {
    border: 3px solid #3FB618;
    margin: 20px 0;
    padding: 0 10px;
    position: relative;
}


/* ------------------------------------------------------------------*/

div.newslist h3{
	font-size: 100%;
	margin: 0 0 5px 0;
	padding: 10px 15px;
	border-bottom: 1px solid #E6E6E6;
	text-transform: uppercase;
	background: url("img/dot-hilite.gif") repeat-y left top #F7F7F7;
}

div.newslist h3 span{
	color: #00A9DD;}



/* JOOMLA STYLE
--------------------------------------------------------- */
.article_separator {
	clear: both;
	display: block;
	height: 30px;
	margin: 0;
	background: url("img/dot-h.gif") repeat-x left center;
}

.column_separator {
	padding: 0 25px;
}

/* content tables */
.sectiontableheader {
	background: #333333;
	padding: 5px 10px;
	margin-bottom: 10px;
	color: #FFFFFF;
	font-weight: bold;
}

.sectiontableheader th {
	background: #333333;
}

.sectiontableheader a,
.sectiontableheader a:hover,
.sectiontableheader a:active,
.sectiontableheader a:focus {
	color: #FFFFFF;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
	padding: 8px;
	background: url("img/dot-h.gif") repeat-x left bottom;
}

tr.sectiontableentry0:hover,
tr.sectiontableentry1:hover,
tr.sectiontableentry2:hover {
}

table.contentpane {
	border: none;
	width: 100%;
}

table.contentpaneopen {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}

table.contenttoc {
	margin: 0 0 10px 10px;
	padding: 0;
	width: 30%;
	float: right;
}

table.contenttoc td {
	background: url("img/bullet.gif") no-repeat 12px 8px;
	padding: 1px 5px 1px 20px;
}

table.contenttoc th {
	border-bottom: 1px solid #CCCCCC;
	padding: 0 0 3px;
	text-indent: 5px;
}

table.contentpane, table.tablelist {
	width:100%;
}

table.poll {
	border-collapse: collapse;
	padding: 0;
	width: 100%;
}

table.pollstableborder {
	border: none;
	padding: 0;
	text-align: left;
	width: 100%;
}

table.pollstableborder img {
	vertical-align: baseline;
}

table.pollstableborder td {
	border-collapse: collapse;
	border-spacing: 0;
	padding: 4px !important;
	background: none;
}

table.pollstableborder tr.sectiontableentry1 td {
	background: #F7F7F7;
}

table.searchintro {
	padding: 10px 0;
	width: 100%;
}

table.searchintro td {
	padding: 5px!important;
}

.blog_more {
	margin: 15px 0 0;
	padding: 10px 0 0;
	background: url("img/dot-h.gif") repeat-x left top;
}

.blog_more strong {
	display: block;
	margin: 0 0 5px;
	text-transform: uppercase;
}

.blog_more ul {
	margin: 0;
	padding: 0;
}

.blog_more ul li {
	background: url("img/bullet.gif") no-repeat 4px 8px;
	margin: 0;
	padding: 0 0 0 12px;
}

.category {
	font-weight: bold;
	text-transform: uppercase;
}

h1.componentheading, .componentheading {
	margin: 0 0 10px;
	padding: 0 0 10px;
	font-size: 255%;
}

h1.componentheading {
	margin:0;
	padding:0;
}

.componentheading {
	font-size: 100%;
	background: url("img/dot.gif") repeat-x left bottom;
	text-transform: uppercase;
	color: #666666;
}

.contentdescription {
	padding-bottom: 30px;
}

.weblinks .contentdescription {
	border-bottom:1px solid #CCCCCC;
	display:block;
	padding:10px 15px;
}

h2.contentheading, .contentheading {
	margin: 0;
	padding: 0 0 5px;
	font-size: 250%;
}


table.blog .contentheading {
	font-size: 175%;
}

a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
}

a.readon {
	text-align: center;
	text-decoration: none;
	color: #666666;
	text-transform: uppercase;
	font-weight: bold;
	background: url("img/arrow-readon.gif") no-repeat left 2px;
	padding-left: 12px;
}

a.readon:hover, a.readon:focus, a.readon:active {
	background-position: left -33px;
}

table.contentpaneopen td, table.contentpane td {
}

table.contentpaneopen, table.contentpane, table.blog {
	width: 100%;
}

.moduletable {
	padding: 0;
}

ul.pagination {
	margin: 15px auto 0;
	padding: 10px 0 0;
	background: url("img/dot-h.gif") repeat-x left top;
}

ul.pagination li {
	background: none;
	display: inline;
	margin: 0;
	padding: 0;
}

ul.pagination li span{
	padding: 2px 5px;
}

ul.pagination a {
	padding: 2px 3px;
	text-decoration: none;
	background: #666666;
	color: #FFFFFF;
}

ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
	background: #00A9DD;
	color: #FFFFFF;
}

.pagenavbar {
	background: url("img/icon-pages.gif") no-repeat center left;
	font-weight: bold;
	padding-left: 14px;
}

.pagenavcounter {
	background: url("img/icon-pages.gif") no-repeat 0 11px;
	font-weight: bold;
	padding: 8px 14px 0 14px;
}

.smalldark {
	text-align: left;
}

div.syndicate div {
	text-align: center;
}

.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td {
	background: none;
}

ul.latestnews a, ul.mostread a {
	color: #666666;
}

/* META
--------------------------------------------------------- */
.article-tools {
	display: block;
	margin: 0 0 10px;
	padding: 0;
	text-transform: uppercase;
	font-size: 92%;
	position: relative;
	padding: 0 10px 0 0;
	white-space: nowrap;
}

.article-meta {
	width: 70%;
	float: left;
}

.createby {
	padding: 0 5px 0;
	background: #666666;
	color: #FFFFFF;
}

.createdate {
	padding: 0 5px 0 0;
}

.modifydate {
	width: 100%;
	display: block;
	margin-bottom: 10px;
}

div.buttonheading {
	position: absolute;
	top: 0;
	right: 10px;
}

.buttonheading img {
	margin: 0 0 0 5px;
	border: 0;
	float: right;
}

/* PRIMARY COLUMN
--------------------------------------------------------- */
#ja-content {
	border-bottom: 1px solid #E6E6E6;
}

#ja-current-content .ja-content-main {
	padding: 15px;
}


/* COLUMNS
--------------------------------------------------------- */
#ja-col {
	float: left;
	overflow: hidden;
	width: 190px;
}

.narrow #ja-col {
	width: 150px;
}

/*common style for column*/
#ja-col table {
	border-collapse: collapse;
	border-spacing: 0;
}

#ja-col .article_separator {
	display: none;
}

/* COLLAPSIBLE LAYOUT
--------------------------------------------------------- */
#ja-container .main {
	border-top: 1px solid #CCCCCC;
	background-color: #FFF;
}



.narrow #ja-container {
	background: url("img/dot.gif")repeat-y 150px 0 #FFFFFF;
}

/*full*/
#ja-container-f {
	background: #FFFFFF;
}

#ja-container-f #ja-mainbody {
	width: 100%;
}



/* 
--------------------------------------------------------*/


/* subnav */
#ja-subnav {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
}

#ja-subnav li {
	display: block;
	background: none;
	margin: 0;
	padding: 0;
	line-height: normal;
}

#ja-subnav li a {
	padding: 5px 0;
	display: block;
	outline: none;
	margin: 0;
	text-indent: 15px;
	text-decoration: none;
	text-transform: uppercase;
	color: #666666;
	border-top: 1px solid #E6E6E6;
	background: url("img/arrow.png")no-repeat 92% 14px;
	cursor: pointer;
}

#ja-subnav li a:hover,
#ja-subnav li a:active,
#ja-subnav li a:focus {
	background: url("img/arrow.png") no-repeat 92% 14px #F7F7F7;
	text-decoration: none;
}

#ja-subnav li.active a {
	background: url("img/arrow.png")no-repeat 92% 14px #FFFFCC;
	font-weight: bold;
}

#ja-subnav li.active a:hover {
	background-color: #FFFFCC !important;
}

#ja-subnav li ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#ja-subnav li li {
	border: none;
}

#ja-subnav li li a {
	background: url("img/bullet.gif") no-repeat 18px 14px !important;
	border: none;
	padding-left: 26px !important;
	text-transform: none;
	font-weight: normal !important;
}

#ja-subnav li.active ul, #ja-subnav li li.active a {
	background-color: #FFFFCC;
}

#ja-subnav li li a:hover,
#ja-subnav li li a:active,
#ja-subnav li li a:focus {
	background: none;
	color: #00A9DD;
}

#ja-subnav li li.active a {
	color: #00A9DD;
	font-weight: bold;
}

#ja-subnav li li li a {
	color: #666666 !important;
	font-weight: normal !important;
	padding-left: 38px !important;
	background: url("img/bullet.gif") no-repeat 30px 14px #FFFFCC !important;
}

#ja-subnav li li li.active a {
	font-weight: bold !important;
}

#ja-menunav a, #ja-subnav a {
	outline: none;
}

#ja-subnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#ja-subnav span.has-image {
	padding-left: 0;
	display: block;
	overflow: hidden;
	background-image: none !important;
}

#ja-subnav span.menu-title {
	line-height: 18px;
}

span.has-image {
	padding-left: 25px;
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 15px 3px;
}

span.has-image {
	padding-left: 25px;
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left 2px;
}

span.menu-desc {
	display: block;
	font-weight: normal;
	text-transform: capitalize;
	line-height: 12px;
}





/* SPOTLIGHT
--------------------------------------------------------- */
/* Spotlight Box Style */
.ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {
	float: left;
	overflow: hidden;
}

.ja-box-left, .ja-box-center {
	background: url("img/dot.gif") repeat-y right top;
}

/* Top spotlight */
#ja-topsl1 {
	position: relative;
	height: 250px;
	margin-left: 1px;
	border-bottom: 1px solid #E6E6E6;
}

#ja-topsl2, #ja-topsl3 {
	margin-left: 1px;
}

#ja-main div.moduletable h3 {
	background: #F7F7F7;
	color: #666666;
}

#Mod79 table {
	padding: 0;
	margin: 0;
}

#Mod79 td {
	padding: 15px 0;
	margin: 0;
}

#Mod79 tr {
	background: url("img/dot-h.gif") repeat-x left bottom;
}

/* Bottom spotlight */
#ja-botsl {
	position: relative;
	border-top: 1px solid #E6E6E6;
	border-left: 1px solid #E6E6E6;
	clear: both;
	background: #F7F7F7;
}
#ja-botsl .main {
	width: 760px;
}

#ja-botsl div.moduletable {
	position: relative;
	border: none;
	padding: 15px;
}

#ja-botsl div.moduletable h3 {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	font-size: 100%;
}
/* Main Bottom spotlight */
#ja-mainbotsl {
	position: relative;
	border-top: 1px solid #E6E6E6;
	background: #F7F7F7;
	clear: both;
}

#ja-mainbotsl div.moduletable {
	position: relative;
	border: none;
	padding: 15px;
}

#ja-mainbotsl div.moduletable h3 {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	font-size: 100%;
}

/* FOOTER
--------------------------------------------------------- */
#ja-footer .main {
	background: #ADD8E6;
}

#ja-footer .ja-box-bl {
	position: relative;
	clear: both;
	background: url("img/main-br.gif") no-repeat bottom right;
	width: 100%;
}

#ja-footer .ja-box-br {
	background: url("img/main-bl.gif") no-repeat bottom left;
	color: #666666;
	text-transform: uppercase;
	font-size: 92%;
	width: 100%;
}

#ja-footer small {
	color: #666666;
	font-size: 100%;
	padding: 10px 10px 10px 20px;
}

#ja-footer ul {
	margin: 0;
	padding: 0 10px 5px 10px;
	line-height: normal;
}

#ja-footer li {
	display: inline;
	margin: 0;
	padding: 0;
	background: url("img/vline.gif") no-repeat center left;
}

#ja-footer li a {
	display: inline;
	line-height: normal;
	padding: 0 10px;
}

li.ja-firstitem {
	background: none !important;
}


div.sublogo {
	width: 20%;
	float: left;
}

.narrow div.sublogo a {
	width: 140px;
	height: 70px;
}

div.copyright {
	width: 85%;
	padding: 20px 0;
	float: right;
}

div.foot-rss {
	position: absolute;
	top: 30px;
	right: 20px;
}

div.foot-rss img {
	vertical-align: middle;
}


#ja-poweredby {
	height: 20px;
	position: absolute;
	left: 10px;
	top: 25px;
	width: 160px;
}

#ja-poweredby a#t3-logo {
	background: url("img/t3-logo.png") no-repeat left top;
	display: block;
	height: 40px;
	text-indent: -9999%;
	width: 160px;
	text-decoration: none;
}

#ja-poweredby a#t3-logo:hover,
#ja-poweredby a#t3-logo:focus,
#ja-poweredby a#t3-logo:active {
	background-position: left bottom;
}
/*-------------------------------------------------------
------------------------------------------------------------*/

/* MISCELLANOUS
----------------------------------------------------------- */
ul.accessibility {
	position: absolute;
	top: -100%;
}

.inputbox {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 2px;
    width:195px;
    height:20px;  
}
select.inputbox {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 2px;
    width:200px; 
    height:25px; 
}
.button-calc{margin:-35px 0 0 0;}
.payment_box{margin:80px 0 0;}
/* Login ---*/
.login_form fieldset { padding: 15px 0 0; }
.login_form fieldset p { margin: 0 0 5px; }

.login_form label {
	font-weight: bold;
	text-align: right;
	display: block;
	float: left;
	width: 130px;
}

.login_form .inputbox { margin-left: 10px; width: 150px; }

.login_form #rem { border: 0px; width: auto; vertical-align: middle }

.login_form .remember .inputbox {
	width: 20px;
}

.login_form h1 { display: none; }

.login_form .button { margin-left: 140px; }

* html #form-login {
	width: 99%;
}

#form-login p {
	margin: 0px;
}

#form-login label {
}

#form-login input.button {
}

#form-login #modlgn_username,
#form-login #modlgn_passwd {
	width: 95%;
	margin: 2px 0 5px;
	font-size: 13px !important;
	padding: 2px;
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
}

* html #form-login #modlgn_username,
* html #form-login #modlgn_passwd {
	width: 90%;
}

#form-login div.ja-login-links {
	padding: 8px 0 0;
	display: block;
}

#form-login .ja-login-links a {
	padding: 0;
	display: block;
	color: #333333;
}

#form-login .ja-login-links a:hover,
#form-login .ja-login-links a:active,
#form-login .ja-login-links a:focus {
	color: #C01122;
}

/* Register ---*/
.form-register fieldset { padding: 0 0 10px; background: none; }

.form-register p { margin: 0 0 5px; }

.form-register p.form-des { margin: 15px 0; }

.form-register label {
	font-weight: bold;
	text-align: right;
	display: block;
	float: left;
	width: 130px;
}

.form-register .inputbox { margin-left: 10px; width: 200px; }

.form-register .button { margin-left: 140px; font-weight: normal; }

/* User ---*/
.user-details { padding: 10px 0; }

.user-details p { margin: 0 0 5px; }

.user-details label {
	font-weight: bold;
	text-align: right;
	display: block;
	float: left;
	width: 130px;
}

.user-details .inputbox { margin-left: 10px; width: 200px; }

.user-details .button { margin-left: 140px; }

.user-details .paramlist .paramlist_key {
	width: 130px !important;
	padding: 0 0 5px !important;
}

.user-details .paramlist .paramlist_value {
	padding: 0 0 5px !important;
}

.user-details .user_name span {
	padding-left: 10px;
	font-weight: bold;
}


/* Search */
#ja-search {
	float: left;
	width: 20%;
	min-height: 35px;
	background: url("img/icon-search.png") no-repeat 5px 0;
	overflow: hidden;
}

.narrow #ja-search {
	width: 150px;
}

#ja-search .inputbox {
	padding: 10px 0 0 40px;
	background: none;
	border: none;
	font-weight: bold;
	color: #CCCCCC;
}

/* Contact ---*/
#component-contact address { font-style: normal; }

#component-contact #emailForm { border-top: 1px solid #ddd; padding-top: 15px; }

.contact_email { margin: 0 0 10px; }

.contact_email label { font-weight: bold; display: block; }

.contact_email_checkbox { margin: 15px 0; }


/*others*/
#ja-banner {
	padding: 20px 0 0;
	text-align: center;
	overflow: hidden;
	width: 100%;
	clear: both;
}

div.back_button a,
div.back_button a:hover,
div.back_button a:active {
	background: none!important;
	display: block;
	margin: 10px 0;
	text-decoration: none!important;
}

.clr {
	clear: both;
}

.hasTip img {
	border: none;
	margin: 10px 5px 0 0;
}

div.ja-innerdiv {
	padding: 6px 0 7px;
	background: url("img/dot-h.gif")repeat-x left bottom;
	font-size:13px;
}



/* Tooltips */
.tool-tip {
	background: #FFFFCC;
	border: 1px solid #CCCCCC;
	float: left;
	max-width: 200px;
	padding: 5px;
	z-index: 999;
	color: #333333;
}

.tool-title {
	background: url("img/selector-arrow.png") no-repeat;
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	margin-top: -15px;
	padding: 0;
	padding-bottom: 5px;
	padding-top: 15px;
}

.tool-text {
	font-size: 100%;
	margin: 0;
}

#system-message dd.message ul,
#system-message dd.error ul,
#system-message dd.notice ul {
	margin: 0;
	padding: 0;
}

#system-message dd.message ul li,
#system-message dd.error ul li,
#system-message dd.notice ul li {
	background: none;
	color: #FFFFFF;
	margin: 0;
	padding: 5px;
}

/* System Standard Messages */
#system-message dd.message ul {
	background: #666666;
	border: none;
}

/* System Error Messages */
#system-message dd.error ul {
	background: #666666;
	border: none;
}

/* System Notice Messages */
#system-message dd.notice ul {
	background: #666666;
	border: none;
}



/* Badge Module ---*/
.badge {
	height: 46px;
	position: absolute;
	right: 0;
	top: 0;
	width: 45px;
}

.badge-hot .badge	{ background: url("img/icon-badge.png") no-repeat 0px 0px; }
.badge-new .badge	{ background: url("img/icon-badge.png") no-repeat 0px -46px; }
.badge-pick .badge { background: url("img/icon-badge.png") no-repeat 0px -92px; }
.badge-top .badge { background: url("img/icon-badge.png") no-repeat 0px -138px; }

.badge-hot .ja-box-ct,
.badge-top .ja-box-ct,
.badge-pick .ja-box-ct,
.badge-new .ja-box-ct {
	padding: 10px 35px 10px 10px !important;
}

/***/
input.addtocart_button {
	outline: none;
	cursor: pointer;
}

.ja-l1 #ja-main .inner {
	margin-left: 1px;
}

#ja-main .inner {
	padding: 0px;
}

/*******VM****/

.vmCartContainer div {
	float: none !important;
}

.vmCouponField td {
	padding: 10px;
}

.browseProductDescription div {
	margin-top: 0px !important;
}

#agreed_field {
	border: 0px;
}

.sortby {
	margin: 10px 0;
}

.sortby .filter, .sortby .display {
	float: left;
	text-align: left;
	width: 40%;
}

/* Style for ?tp=1 ---*/
.mod-preview {
    background: #ffffa3;
    border: 2px solid #dd6d14;
    margin: 2px;
    padding: 2px;
    overflow: hidden;
    z-index: 1000;
    position: relative;
}

.mod-preview-wrapper {
    border: 1px dotted #dd6d14;
    height: 100%;
    overflow: hidden;
    min-height: 22px;
}

div.mod-preview-info {
    background: #e6b85c;
    border: 0;
    color: #000;
    font-weight: bold;
    font-size: 110%;
    margin: 1px 3px 0 1px;
    padding: 2px 8px;
    text-transform: capitalize;
    z-index: 999;
}

.form-validate label.hasTip {
	width: 150px;
}

table.toolbar td.button {
	background: none;
}

div.x-tab-strip-wrap ul li {
	background: none; 
	padding-left: 0px;
}


h1.componentheading {
	margin-bottom: 15px;
}

form#emailForm input.inputbox {
	width: 400px;
}

form#emailForm textarea.inputbox {
	width: 400px;
}

.form-validate table.contentpane tr td {
	padding: 5px !important;
}

table.adress tr td, 
table.payment tr td{
	padding: 5px !important;
}

form.login-form label {
	width: 80px;
	display: inline-block;
}


#info-page .button2-left .image {
    background: url("img/j_button2_image.png") no-repeat scroll 100% 0 transparent;
}

#info-page .button2-left .pagebreak {
    background: url("img/j_button2_pagebreak.png") no-repeat scroll 100% 0 transparent;
}

#info-page .button2-left .readmore {
    background: url("img/j_button2_readmore.png") no-repeat scroll 100% 0 transparent;
}

#info-page .button2-left .blank {
    background: url("img/j_button2_blank.png") no-repeat scroll 100% 0 transparent;
}



.tagcloud {
 float:left;
 width:98%;
 margin-top:3px;
 margin-right:5px;
 }
 
.tagcloud a {
 font-size:1.1em;
 color:#fff;
 border-radius: 3px;
 background: #4169E1;
 border-bottom:2px solid #888;
 margin:4px;
 padding:4px 4px 4px;
 float:left;
 }
 
.tagcloud a:hover {
 color:#fff;
 background-color:#9932CC;
 }

/*--------------------------------------------------
=====================================================================================================
---------------------------------------------------*/

#menu-checkbox{
	display:none;
}
@media screen and (max-width:980px){
.main {
    width: auto;
}
img.span5 {display:none;}
#header .inner {
    height: auto;
}
#header .main {
    height: auto;
}
.logo{
	margin-top:10px;
}
div.logo a {
    position: static!important;
	margin:0 auto;
	width: 177px!important;
}
div.banadmitt {
    position: static!important;

}
#nav {
    min-height: normal;
    width: auto;
	text-align: center;
	background: none;
    border-top:none;
}
ul.topmenu li {
    float: none;
}
.top-search {
    margin:10px auto;
    position: static;
	padding: 5px 0;
}
.content {
    float: none;
    width: auto;
}
.column {
    float: none;
    margin: 0 auto 20px;
}
div.footerinfo {
    line-height: normal;
    width: auto;
}
.product-left {
    float: none;
    margin:0 auto;
}
.product-right {
    float: none;
    margin:0 auto;
}
.product-list {
    height: auto;
}
div.copyright {
    float: none;
    width: auto;
}
.#ja-footer{
	padding:0 5px;
}
.toggle-button {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #363636 0%, #121212 100%) repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    display: block;
    height: 33px;
    text-align: center;
}
.toggle-button::after {
    content: attr(data-open);
    display: block;
    font-family: "PT Sans",Arial,Helvetica,sans-serif;
    font-size: 15px;
    padding-top: 4px;
}
.toggle-button::before {
    background: rgba(0, 0, 0, 0) url("img/pull.png") no-repeat scroll center center;
    content: "";
    display: block;
    height: 35px;
    left: 5px;
    position: absolute;
    width: 35px;
}
#menu-checkbox:checked + div[role="navigation"] ul {
    display: block;
	margin-bottom:10px;
	 background: #6A5ACD none repeat scroll 0 0;
}
#menu-checkbox:checked + div[role="navigation"] .toggle-button::after {
    content: attr(data-close);
}
#nav ul{
	display:none;
}
#ja-footer{
	padding:0 5px;
}
}
@media screen and (max-width:450px){
    
ul.indexlist li {
    float: none;
    width: auto;
}
img.span11 {
    float: none;
}
.article-content img{
	float:none!important;
}
#ja-footer li {
    display: block;
}
}
@media screen and (max-width:380px){
	.top-search {
    width: 250px;
}
.column {
    width: auto;
	padding:0 5px;
}
}

a[href^="tel:"] {
	pointer-events: none;
	text-decoration: none;
}

@media screen and (max-width: 767px) {
	a[href^="tel:"] {
		pointer-events: all;
		text-decoration: underline;
	}
}