@charset "utf-8";
/* CSS Document */
* {
    margin:0;
    padding:0
}


body {
    background-color: #eeeeee;
    background-image: url('../img/background.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    font-size: 12px; 
    font-family: Arial, Helvetica, sans-serif;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transform: translateZ(0);
}

a{
    color:#1258a0;
    text-decoration:none
}

h1{
    border-bottom: 3px solid #0697d8;
    box-shadow: 0 2px 2px -2px #000000;
    color: #000000;
    font-family: Verdana;
    font-size: 22px;
    font-weight: normal;
    line-height: normal;
    margin-bottom: 21px;
    padding-bottom: 5px;
}

.bgreen{background-color:#090 !important}
.bred{background-color: #F00 !important}


#height_10{ height:10px;}
#height_20{ height:20px;}
#height_30{ height:30px;}
.border_2{ border:2px solid #FF6 !important;}

.title h1{font-size:20px; background:url(../img/site1.gif) left no-repeat; padding-left:25px}

h2{font-size:18px; color:#000; margin-bottom:10px; text-shadow: 1px 1px #eee;}
h3{font-size:16px; color:#000; margin-bottom:10px; margin-top:10px; text-shadow: 1px 1px #eee;}

.lineHeight{line-height: 25px}
.blue{color:#1258a0}
.cart_button{ margin-top:30px; float:left; background:url(../img/cart.jpg); width:208px; height:35px}
.cart_button a{ padding:9px 0 0 40px;  line-height:20px; display:block; width:168px; height:100%;}

.err{display:none; color:red}
.yes{display:none; color:green}

.sucess{background:#7BB602; padding:10px; border:1px solid #060; margin-bottom:10px; display:none; color:#FFF}
.error{background:#F00; padding:10px; border:1px solid #660002; margin-bottom:10px; display:none; color:#FFF}

hr{margin:10px 0;  border:1px solid #CCC}
.red{color:red}
.green{ color:green}

img{border:none;}

.clear{clear:both}


#header{
    width:16%;
    float:left;
}
#header li{float:left;}

#left{width:240px; float:left;}
#right{width:690px; float:right;}

.product{ width:223px; height:209px; background:url(../img/product.gif); margin:0 7px 10px 0; float:left}
.p_title{color:#F60; font-size:14px; font-weight:bold;  height:35px; padding:3px; text-align:center}
.p_img{ width:130px; height:130px; margin:0 auto; margin-bottom:3px}
.p_price{width:90px; height:19px; padding-top:6px; float:left; font-weight:bold; margin-left:5px} 
.p_button{width:111px; height:29px; float:right; margin-right:5px}

.msg {
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #000000;
    width: 100%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 2px solid #808080;
    border-radius: 20px;
}
.msg.mok {
    color: #adff2f;
    font-size: 20px;
}
.msg.merror {
    color: #FF0000;
    font-size: 30px;
}

/***** VueJS  *************************/
[v-cloak] {
    display: none;
}

/*******SING FORM*********/
.login_half{float:left; width:330px; margin-right:10px}
.form_input{width:50%; margin-right:10px; margin-bottom:10px}
.form_input_small{width:100px }
.right{float:right !important}
.left{float:left}
form p{margin:0 0 0 0; font-weight:bold; color:#444;}
.login_full{ width:670px}
.sing_form{
    background-color: #fcfcfc;
    border:1px solid #CCC;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-top: 10px;
}
.sing_form input{width:99%; background:none; border:none; padding:3px; height:25px}
.sing_form textarea{width:99%; height:40px; background:none; border:none; padding:3px}

.select{
    margin:1px 0;
    background:#FFF;
    border:1px solid #CCC;
    border-radius:4px;;
    width:53%; 
    height:100%;
    font-size:120%;
}

button[disabled=disabled]{
    color: #d3d3d3!important;
}

.button{
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border:1px solid #1258A0 !important;
    box-shadow: #666 0px 1px 2px;
    font-weight:bold;
    text-shadow: 1px 1px #039;
    margin-top:10px;
    margin-right:10px;
    background-color:#0697D8 !important;
    color:#FFF !important;
    padding:5px 10px;
    cursor:pointer;
}

#gallery_icon:before{
    content: "\f030";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-right: 10px;
}

#added_pictures:before{
    content: "\f03e";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-right: 10px;	
}
.button:hover{	background-color:#2B579A !important;}
.button_01{
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border:1px solid #1258A0;
    box-shadow: #666 0px 1px 2px;
    font-weight:bold;
    /*text-shadow: 1px 1px #039;*/
    margin-top:10px;
    margin-right:10px;
    background-color:#fff;
    color:#0697D8;
    padding:5px 10px;
    cursor:pointer;
}

.button_red_{
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border:1px solid #FFF;
    box-shadow: #666 0px 1px 2px;
    font-weight:bold;
    text-shadow: 1px 1px #039;
    margin-top:10px;
    margin-right:10px;
    background-color:#F00;
    color:#FFF;
    padding:5px 10px;
    cursor:pointer;
}
.button_red_:hover{ background:#900;}

.button_red{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color:#f00;
    color:#FFF;
    padding:5px;
    border:none;
    cursor:pointer;
}



.menu_box{
    float:left;
    margin:1% 1% 1% 0;
    border: 1px solid #D5D5D5;
    padding: 10px;
    text-align:center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size:14px;
    font-weight:bold;
    text-shadow: 1px 1px #fff;
    background: #F7F7F7; 
}

.menu_box a{color:#1258a0; display:block; width:100%; height:100%}


table{width:100%; table-layout:fixed}
table td{padding:3px 5px 3px 5px; width:inherit}
table tr{background:#F2F2F2}
table tr:hover{background: #E1E1E1}
.td_green{   
    background-color: #90ba01;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}
.td_red{
    background-color: #F00;
    color: #FFF;
    font-weight: bold;
    text-align: center;
}
.thead, .thead:hover{
    background-color: #2885fb;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}

#content{
    /*	margin:0 auto 20px auto;*/
    float:right;
    margin-right:0.5%;
    margin-top:10px;
    padding:1%;
    width:81%;
    min-height:500px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color:#fff;
    border: 1px solid #CCC;

}


#footer{ width:950px; height:30px; background-color:#CCC; margin:0 auto}


ul#user_menu { list-style:none}
ul#user_menu li{float:left; margin:5px; padding:8px; 
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
                background-color:#06F;
                color:#FFF;}

ul#user_menu li a{color:#FFF}
/**********************/


/*********** Items *******************/
.edit_img{float:left; width:230px; height:310px; margin:3px; background-color:#333;}
.form_alt{background: none repeat scroll 0 0 #bbb;
          position: relative;
          text-align: center;
          top: -20px;}
.form_alt p { color:#000; font-weight:bold;}

.form_alt input[type=submit]{ 
    width:230px; 
    cursor:pointer;
    border:1px solid #000;
    background:#2B579A;
    color:#FFF;
    font-weight:bold;
    margin-top:3px;
    border-radius:4px;
}

.form_alt input[type=submit]:hover{
    background:#009;
}

.edit_img_img{
    background: none repeat scroll 0 0 #eee;
    height: 172px;
    text-align: center;
    width: 230px;
}
.img_nav{
    bottom: 30px;
    height: 22px;
    margin: 19px;
    position: relative;
    top: -7px;
    width: 200px;
    text-align:center;
}

.more_option{display:none}

/*********** nyroModal *******************/
div#nyroModalFull {
    font-size: 12px;
    color: #777;
}
div#nyroModalFull div#nyroModalLoading {
    border: 4px solid #777;
    width: 150px;
    height: 150px;
    text-indent: -9999em;
    background: #fff url(../img/loading.gif) no-repeat;
    background-position: center;
}
div#nyroModalFull div#nyroModalLoading.error {
    line-height: 20px;
    padding: 20px;
    width: 300px;
    height: 100px;
    text-indent: 0;
    background: #fff;
}
div#nyroModalFull div#nyroModalWrapper {
    background: #fff;
}
div#nyroModalFull div#nyroModalWrapper a#closeBut {
    position: absolute;
    display: block;
    top: -26px;
    right: -26px;
    width: 26px;
    height: 26px;
    text-indent: -9999em;
    background: url(../img/close.gif) no-repeat;
    outline: 0;
}
div#nyroModalFull div#nyroModalWrapper h1#nyroModalTitle {
    margin: 0;
    padding: 0;
    position: absolute;
    top: -22px;
    left: 5px;
    font-size: 12px;
    color: #ddd;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent {
    overflow: auto;
}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent {
    padding: 5px;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent {
    position: relative;
    overflow: hidden;
    text-align: center;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent img {
    vertical-align: baseline;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div {
    position: absolute;
    bottom: 0;
    left: 0;
    background: black;
    padding: 10px;
    margin: 10px;
    overflow: hidden;
    opacity: 0.2;
    filter: alpha(opacity=20);
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: help;
}
div#nyroModalFull div#nyroModalWrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper a.nyroModalNext {
    z-index: 105;
    outline: none;
    position: absolute;
    top: 0;
    height: 100%;
    width: 40%;
    cursor: pointer;
    text-indent: -9999em;
    background: left 20% no-repeat;
    background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}
div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalNext, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalNext {
    height: 60%;
    width: 20%;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev {
    left: 0;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev:hover {
    background-image: url(../img/prev.gif);
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext {
    right: 0;
    background-position: right 20%;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext:hover {
    background-image: url(../img/next.gif);
}






/* BOXES
------------------------------------------------------------------------- */
.box {
    border: 1px solid #e5e5e5;
    background: #fafafa;
    margin-bottom: 10px;
}
.box h2 {
    margin: 0;
    font: 12px Tahoma, sans-serif;
    color: #902452;
    font-weight: bold;
    padding: 10px;
    border-bottom: 1px solid #eee;
}
.box > section {
    padding: 10px;
}



#menu-title, #menu-url, #menu-class {
    width: 90%;
}
#edit-menu-title, #edit-menu-url, #edit-menu-class {
    width: 70%;
}
#menu-group-title {
    width: 70%;
}


/* menu group
------------------------------------------------------------------------- */
ol, ul {
    list-style:none;

}


ul#menu-group {
    list-style:none;
    float: left;
    font-weight: bold;
    margin-bottom: 20px;
    background: #fff;
    width: 100%;
    border-bottom: 5px solid #666;
}
ul#menu-group li {
    float: left;
}
ul#menu-group li#add-group {
    float: right;
}
ul#menu-group li#add-group a {
    margin-right: 0;
}
ul#menu-group li a {
    display: block;
    padding: 5px 10px;
    margin: 5px 5px 0 0;
    color: #888;
    background: #eee;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eee), to(#e4e4e4));
    background: -moz-linear-gradient(#eee, #e4e4e4);
    background: linear-gradient(#eee, #e4e4e4);
}
ul#menu-group li a:hover {
    color: #555;
    background: #eee;
}
ul#menu-group li.current a {
    color: #fff;
    background: #666;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#888), to(#666));
    background: -moz-linear-gradient(#888, #666);
    background: linear-gradient(#888, #666);
}

#edit-form {
    display: none;
    border: 1px solid #ccc;
    background: #fcfcfc;
    border-top: none;
    padding: 10px 0;
}

#menu-group-add {
    display: none;
}

/* nested sortable
------------------------------------------------------------------------- */
.ns-helper {
    border: 1px dashed #C6C486;
    background: #FAFAE0;
}

#ns-header {
    padding: 8px 10px;
    font-weight: bold;
    font-size: 14px;
    color: #555;
    background: #fff;
    border: none;
}
#ns-header div {
    border: none;
}
#ns-footer {
    text-align: right;
    margin-top: 10px;
    margin-bottom: 55px;
}
.ns-row {
    font: 11px Tahoma, sans-serif;
    margin:5px 0;
    line-height: 18px;
    height:20px;
    padding: 7px 10px;
    border: 1px solid #d5d5d5;
    background: #f7f7f7;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f9f9f9), to(#f5f5f5));
    background: -moz-linear-gradient(#f9f9f9, #f5f5f5);
    background: linear-gradient(#f9f9f9, #f5f5f5);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;
    position: relative;
}

#hheight {
    min-height: 65px !important;
}

.ns-row:hover {
    background: none repeat scroll 0 0 #2b579a;
    box-shadow: 1px 1px 2px 1px #333333;
    color: #ffffff;
}



.ns-actions-img{ position:absolute; right:0; top:0}


.ns-row-img {
    font: 11px Tahoma, sans-serif;
    margin:5px 0;
    line-height: 18px;
    padding: 7px 10px;
    border: 1px solid #d5d5d5;
    background: #f7f7f7;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f9f9f9), to(#f5f5f5));
    background: -moz-linear-gradient(#f9f9f9, #f5f5f5);
    background: linear-gradient(#f9f9f9, #f5f5f5);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;
    position: relative;

}

.ns-row-img{height: 85px; width:120px;}
.ns-row-img img{max-width:110px; max-height:80px}

.ns-row-img .ns-actions-img {
    height: 100px;
    width:130px; 
    overflow: hidden;
    position: absolute;
    top: 6px;
    padding-left: 10px;
}

.gallery_images{ 
    width:150px; 
    float:left
}

.ui-state-default-items
{  
    border: 1px solid #000000;
    border-radius: 4px;
    float:left;
    height: 383px;
    margin: 6px;
    width: 237px; 
}

div.ns-title {
    float:left;
    border: none;
    font-weight: bold;
    padding-left: 0;
    cursor: move;
}
div.ns-title_non {
    position: static;
    border: none;
    font-weight: bold;
    padding-left: 0;
    width: 560px;
    float: left;
}

.ns-actions {
    width: 210px;
    float:right
}
.ns-class {
    width: 0px;
    right: 60px;
}
.ns-url {
    float:right;
    padding:3px 15px;
    line-height:15px;
    font-weight:bold;
    background-color: #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    min-width:100px;
    text-align: center;
}

#easymm{
    background: none repeat scroll 0 0 #c0c0c0;
    padding: 15px;
}

.ns-url:hover { background:#0697D8; color:#FFF;}
.ns-url:hover a { color:#FFF;}
.ns-row div.ns-url a span.green{color:#444;}
.ns-row div.ns-url:hover a span.green{color:#fff;}
.ns-price {
    float:right;
    padding:3px 15px;
    margin:0 5px;
    line-height:15px;
    font-weight:bold;
    background-color: #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-align:center;
}
.ns-actions a {
    float:right;
    margin-left: 15px;
    margin-right:10px;
}

.ns-actions a:hover{
    background:#fff;
}

.edit_content_form{
    z-index: 1000;

    display: none;
    width: 640px;
    height: 400px;

    position: fixed;
    top: 100px;
    right: 250px;
    left: 250px;
    margin: 0 auto;

    background: #eee none repeat scroll 0 0;
    border: 5px solid #ccc;
    overflow: auto;
    padding: 20px;
}

.sortable {
    margin: 5px 0;
    clear: both;
}

.sortable ul {
    padding-left: 30px;
}

.sortable img {
    vertical-align: middle;
}

.sortable li div {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: move;
    border-color: #D4D4D4 #D4D4D4 #BCBCBC;
    margin: 0;
}
.placeholder {
    outline: 1px dashed #4183C4;
}

.mjs-nestedSortable-error {
    background: #fbe3e4;
    border-color: transparent;
}

#tree {
    width: 550px;
    margin: 0;
}

ol {
    max-width: 450px;
    padding-left: 25px;
}

ol.sortable,ol.sortable ol {
    list-style-type: none;
}

li.mjs-nestedSortable-collapsed.mjs-nestedSortable-hovering div {
    border-color: #999;
}

.disclose, .expandEditor {
    cursor: pointer;
    width: 20px;
    display: none;
}

.sortable li.mjs-nestedSortable-collapsed > ol {
    display: none;
}

.sortable li.mjs-nestedSortable-branch > div > .disclose {
    display: inline-block;
}

.sortable span.ui-icon {
    display: inline-block;
    margin: 0;
    padding: 0;
}


/* error
------------------------------------------------------------------------- */
span.error {
    color: red;
}

/* loading
------------------------------------------------------------------------- */
#loading {
    display: none;
    position: fixed;
    top: 0;
    left: 44%;
    width: 120px;
    text-align: center;
    background: #444;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 14px;
    padding: 3px 10px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    z-index: 10003;
}
#loading img {
    vertical-align: text-bottom;
    margin-right: 2px;
}

/* modal box
------------------------------------------------------------------------- */
#gbox {
    position: absolute;
    position: fixed;
    display: none;
    z-index: 10002;
    width: 370px;
    border: 1px solid #acacac;
    color: #222;
    background: #fff;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
#gbox_header {
    padding: 5px 10px;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
}
#gbox h2 {
    font: 15px Arial, sans-serif;
    font-weight: bold;
    color: #333;
    border-bottom: 1px dashed #eaeaea;
    margin: 0 0 10px;
    padding: 0 0 8px;
}
#gbox_content {
    padding: 15px 12px;
    overflow: auto;
    max-height: 400px;
}
#gbox_footer {
    padding: 10px 15px;
    border-top: 1px solid #eee;
    background: #f9f9f9;
    text-align: right;
}
#gbox_footer button {
    border: 1px solid #aaa;
    background: #eee;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eee), to(#ddd));
    background: -moz-linear-gradient(#eee, #ddd);
    background: linear-gradient(#eee, #ddd);
    font: 11px Tahoma, sans-serif;
    margin-left: 7px;
    padding: 6px 9px;
    outline: none;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .4), 1px 1px 1px #eee;
    -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .4), 1px 1px 1px #eee;
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, .4), 1px 1px 1px #eee;
}
#gbox_footer button:hover {
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
}
button#gbox_ok {
    color: #f60;
    font-weight: bold;
    border: 1px solid #3b6e22;
    background: #75ae5c;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#75ae5c), to(#649552));
    background: -moz-linear-gradient(#75ae5c, #649552);
    background: linear-gradient(#75ae5c, #649552);
}
#gbox_form input[type="text"] {
    width: 95%;
}
#gbox_bg {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: #000;
    background: #ddd;
    opacity: 0.6;
    z-index: 10001;
    cursor: pointer;
}
#gbox_loading {
    font-size: 18px;
}
#gbox input[type="text"] {
    width: 95%;
}

/*********PAGINATION*************/
#pagination{margin-top:20px; line-height:24px; text-align:center; font-size:12px}

#pagination a{margin-left:10px; text-decoration:none; background: #1b74d0; color:#fff; font-weight:normal; 
              display:inline-block; height: 24px; vertical-align:middle; width:24px; text-align:center};

#pagination a:hover{ color:#fff; text-decoration: overline;}
#pagination img{background:none;display:inline-block; height: 24px;width:24px;}

#pagination .active_tnt_link {margin-left:10px;text-decoration:none; background:#1258A0; color: #fff;
                              display:inline-block;vertical-align:middle;height: 24px;width:24px;  text-align:center}

#pagination .buttons{float:left}
/****************************************/

/***********MENU PAGE**********/
#category_menu li{ float:left; margin:5px}
#category_menu li a{color:#FFF}


/*********LOGIN*************/
.admin_login{width:680px; margin:50px auto;}


/*********TABS**************/
/******* MENU *******/
#tab_container{
    /*    margin: 7em auto 0 auto; */
}

.tab_menu  ul{
    list-style: none;
}

.tab_menu ul.tab_menu li{
    float: left;
    margin-right: 5px;
    margin-bottom: -1px;
}

.tab_menu  ul.tab_menu li{
    display: block;
    padding: 5px 10px 5px 10px;
    background: #efefef;
    margin-bottom: -1px;
    border: 1px solid #d0ccc9;
    position: relative;
    color: #898989;
    cursor: pointer;
    text-transform: capitalize;
}

.tab_menu  ul.tab_menu li.active{
    background:  #ffffff;
    border-bottom: 0 none;
    color: #000000;
    font-weight: normal;
    top: 1px;
}
/******* /MENU *******/


/******* CONTENT *******/
.tab_content{
    margin: 0pt auto;
    background: #efefef;
    background: #fff;
    border: 1px solid #d0ccc9;
    text-align: left;
    padding: 10px;
    padding-bottom: 20px;
    font-size: 11px;
}

.tab_content_gal{ text-align:center !important}

.config_menu{ width:100px;  height:300px; background-color:#CCC; position:fixed; top:0}

#main{
    padding:10px;
    border:1px solid #CCC;
    border-radius:5px;
    background:#999;
    font-size:14px;
    margin-top:10px;
}

#delete{
    background:url(../img/cross.png) no-repeat;
    height:15px;
    width:15px;
    float:right;
}

.deleteBtn{
    background:url(../img/cross.png) no-repeat;
    height:15px;
    width:15px;
    border: 0px;
}


#title{
    width:300px;
    float:left;
}

#addLink{
    margin-left:500px;
}

#main-login{
    height:430px;
    width:900px;
}

.hh{
    width:260px;
    float:left;
    margin-top:50px;
    margin-left:10px;
    background:none;
    border:none;
}

#login-container{
    border:4px solid #69F;
    width:300px;
    height:400px;
    border-radius:10px;
    padding:10px;
    float:right;
}

#login-container h1{
    text-align:center;
    font-size:16px;
    font-weight:bold;
    color:#06F;
}

#login-input input[type=text]{
    border:1px solid #999;
    height:25px;
    line-height: 25px;
    margin:auto;
    border-radius:5px;
    padding:3px;
    width:293px;
    margin-bottom:30px;
    font-weight:bold;
    box-shadow: 1px 1px 1px #000;

}

#login-input input[type=password]{
    border:1px solid #999;
    height:25px;
    line-height: 25px;
    margin:auto;
    border-radius:5px;
    padding:3px;
    width:293px;
    box-shadow: 1px 1px 1px #000;
}

#login-input input[type=submit]{
    margin-top:20px;
    width:120px;
    height:25px;
    line-height: 25px;
    border-radius:5px;
    border:1px solid #999;
    background:#69F;
    cursor:pointer;
    font-weight:bold;
    vertical-align: middle;
}

#login-input input[type=submit]:hover{
    color:#FFF;	
}

#logo{
    background:url(../../../admin/html/img/alinadesign.png) no-repeat;
    height:137px;
    width:200px;
    float:left;
}

.tdCenter{
    text-align:center;
    padding-right:70px;
}

#admin-values{
    background: none repeat scroll 0 0 #ffffff;
    box-shadow: 0 0 4px 1px #999999;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    height: 28px;
    margin: 0 auto auto;
    padding: 5px;
}

#_left{float:left;}

#_logo{ width:28%; float:left}
#_logo img{
    border-radius:10px;
    max-width:40%;
    height:auto;
}

#admin-name{
    border-left:1px solid #000;
    float:left;
    padding-left:10px;
    position:relative;
    right:15%;
    font-style:italic;
    color:#333;
}

#_right{
    float:right;
}

option-langs{}
#option-langs p {color:#F00;}
#option-langs a{ float:left;}

#admin-cat{}
#edit-delete-option{
    float:right; 
    width:25%;
}

#edit-delete-option a{ margin-right:5px; opacity:0.4;}
#edit-delete-option a:hover{ opacity:9;}

/*************  SLIDE SHOW ***************/
#active-slide{ height:30px;}
#baner-title{}

#choise-img-slideshow{
    outline:1px solid #CCC;
    padding:10px;
}

/*#choise-img-slideshow form input[type=file]{
    background:url(../../../html/img/imgSite/choiseImg.png) no-repeat ;
    border:1px solid #999;
    height:150px;
    width:170px;
    margin-right:10px;
    margin-bottom:10px;
}*/

.img-container{
    float:left;
    margin-right:10px;
    margin-bottom:10px;
    border:1px solid #CCC;
    padding:5px;
    width: 300px;

}
.img-container img{
    max-width:300px;
    height:152px;
}

.active{
    background:#090;
    font-size:12px;
    text-align:center;
    height:20px;
    color:#FFF;
    font-weight:bold;
    line-height:20px;
}

.disactvie{
    background:#F00;
    font-size:12px;
    text-align:center;
    color:#FFF;
    height:20px;
    font-weight:bold;
    line-height:20px;
}
/*************  END SLIDE SHOW ***************/

/****** DUBLICATE BUTTON ******/
.dublicate{
    background:#F00;
    padding:5px;
    font-size:12px;
    color:#FFF;
    font-weight:bold;
    text-align:center;
    border:0px;
    border-radius:5px;
    margin-left:10px;
}

.dublicate:hover{
    background:#900;
    cursor:pointer;
}
/****** END DUBLICATE BUTTON *********/


/************ LOGOUT *******************/
#logout{
    float:right;
    padding:5px;
}

#logout a:hover{
    border:1px solid #CCC;
    border-radius:5px;
    padding:5px;;
    background:#999;
    color:#FFF;
}
/************* END LOGOUT ******************/


/**************** RIGHT NAVIGATION ************************/
#right-navigation{
    margin-top:10px;
    width: 280px;
    background-color: #ffffff;
    border: 10px solid #ffffff;
}

/*a.active-menu{
    color: green !important;
    background-color: red;
    display: inline-block;
    padding: 2%;
}*/

#right-navigation div.admin-cat a.active-menu{ 
    color: #e1d90d !important;
    background-color: #c53e3e;
}
/*#right-navigation div.admin-cat a.active-menu:after{ 
    content:" >";
    color:#000;
}*/

.admin-cat{
    /*background:#0697D8;*/
    margin-bottom:2%;
    /*padding:2%;*/
    color:#fff;
}
.admin-cat:hover{ 
    /*cursor:pointer;
    background:#fff;
    color:#000;*/

}
.admin-cat:hover a{ 
    color: #ffffff !important;
    /*box-shadow: 2px 1px 2px 0 #000000;*/
    background-color: #c53e3e;
}

.admin-cat a{
    font-size:100%;
    height: 20px;
    line-height:20px;
    color:#000940;
    font-weight:bold;
    display: inline-block;
    padding: 2%;
    width: 95%;
    background-color: #379eff;
}

.parent{
    margin-left:10px;
    padding:2px;
}
.parent_a{
    padding:3px;
    /*background: blue;*/
    margin-top:2px;
}
.parent_a:hover{ /*background:#0697d8;*/}
.parent_a:hover a{
    color:#fff;
}
.parent a{ 
    /*line-height:25px;*/
}

/**************** END RIGHT NAVIGATION ********************/



/**************** VIEW CATALOG CATIGORIES *****************/
#view-cat{
    float:left;
    height:20px;
    width:95%;
    margin-top:4%;
    padding:5px;
}

#view-cat a{
    line-height:20px;
}
/**************** END VIEW CATALOG CATIGORIES *************/



/* CATALOG */

#marks_and_catigories{
    border:1px solid #CCC;
    padding:5px;
    margin-bottom:10px;
}

#choise-cat{
    float:left; 
    outline:1px solid #CCC; 
    padding:5px; 
    width:45%;
    background:#0697D8;

    margin-right:3%;
    margin-bottom:2%;
}

#choise-cat > div.form_input > p{	color:#FFFFFF;}
.input_fields_wrap_reg input,
.input_fields_wrap input{
    border: 1px solid #cccccc;
    border-radius: 4px;
    margin: 5px;
    width: 160px;
}
.filters_admin_class input{
    border: 1px solid #cccccc;
    border-radius: 4px;
    margin: 5px;
    width: 160px;
}


span.remove_field{
    border-radius: 7px;
    box-shadow: 0 0 5px #000000;
    color: #ff0000;
    cursor: pointer;
    padding: 10px;
}

#choise-mark{ 
    float:right; 
    outline:1px solid #CCC; 
    padding:5px; 
    width:45%;
    background:url("../../../html/img/imgSite/menuHover.png");
}
#sizes-item{ 
    float:left; 
    width:45%; 
    outline:1px solid #CCC; 
    padding:5px;
    background:url("../../../html/img/imgSite/menuHover.png");
}

/******** MENU ACTIVE OPTION **********/

#admin-menu-option{
    padding:10px;
}

.green-div{
    background:url(../../../html/img/imgSite/green_opacity_hover.png);
    padding:5px;
    border-radius:5px;
    margin-top:10px;
    font-size:14px;
    font-weight:bold;
}
.green-div p{ float:left; margin-top:5px;}
.on-class{ 
    float:right; 
    font-size:14px; 
    padding:5px; 
    margin-right:10px; 
    border-radius:5px; 
    margin-top:-5px;
}
.on-class a {color:#000;}
.on-class:hover{ border:1px solid #CCC;}

.green-div:hover{ 
    color:#FFF !important; 
    cursor:pointer;
    background:url(../../../html/img/imgSite/green_opacity.png);
}

.red-div{
    background:url(../../../html/img/imgSite/green_opacity_hover.png);
    padding:5px;
    border-radius:5px;
    margin-top:10px;
    font-size:14px;
    font-weight:bold;
}
.red-div p{ float:left; margin-top:5px;}
.red-div:hover{ 
    color:#FFF !important; 
    cursor:pointer; 
    background:url(../../../html/img/imgSite/green_opacity.png);
}

/********* FILTERS ***********/
.filter-title{
    float:left;
    margin-left:1%;
    margin-top:0.5%;
}

/********* ACTIVATION AND DISACTIVATION BUTTONS ************/
.activ-button{
    background:url(../../../html/img/imgSite/red_button_1.png);
    padding:5px;
    float:right;
    margin-right:3%;
    border-radius:5px;
}
.activ-button:hover{ border:1px solid #000;}

.disactive-button{
    background:url(../../../html/img/imgSite/green_opacity.png);
    padding:5px;
    float:right;
    margin-right:3%;
    border-radius:5px;
}
.disactive-button:hover{ border:1px solid #000;}

/******************** CATALOG COLORS **************************/
#admin-colors-cartalog{
    border:1px solid #CCC;
    float:right;
    padding:0.4%;
    width:45%;
    height:auto;
}

.colors{
    outline:1px solid #000; 
    width:3%; 
    height:10px;
    margin-right:1%;
    margin-bottom:1%;
    float:left;
}


.farbtastic {
    position: relative;
}
.farbtastic * {
    position: absolute;
    cursor: crosshair;
}
.farbtastic, .farbtastic .wheel {
    width: 195px;
    height: 195px;
}
.farbtastic .color, .farbtastic .overlay {
    top: 47px;
    left: 47px;
    width: 101px;
    height: 101px;
}
.farbtastic .wheel {
    background:url(../../../html/img/imgSite/wheel.png) no-repeat;
    width: 195px;
    height: 195px;
}
.farbtastic .overlay {
    background:url(../../../html/img/imgSite/mask.png) no-repeat;
}
.farbtastic .marker {
    width: 17px;
    height: 17px;
    margin: -8px 0 0 -8px;
    overflow: hidden;
    background:url(../../../html/img/imgSite/marker.png) no-repeat;
}

#add-color-form{
    width:75%;
    float:right;
}

#script-color{
    width:20%;
    float:left;
}

#colors-block{
    border:1px solid #CCC;
    width:90%;
    padding:0.5%;
}

.bgcolor{
    border:1px solid #CCC;
    height:25px;
    width:3%;
    float:left;
    margin-right:1%;
    margin-bottom:1%;
}

.addCollor_a{
    height:25px;
    width:30px;
    float:left;
    position:absolute;
}
.addCollor_a:hover{background:url(../../../html/img/imgSite/addColor.png) no-repeat;}

.addCollor-to-item{
    height:25px;
    width:30px;
    float:left;
    position:absolute;
}
.addCollor-to-item:hover{background:url(../../../html/img/imgSite/addColor.png) no-repeat;}

.bgcolor-add-to-item{
    width:6%;
    height:25px;
    float:left;
    margin-left:0.8%;
    cursor:pointer;
}

.remove:hover{background:url(../../../html/img/imgSite/remove.png) no-repeat;}
.remove{
    height:25px;
    width:30px;
    float:left;
    position:absolute;
}

.remove-to-item{
    height:25px;
    width:30px;
    float:left;
    position:absolute;
}
.remove-to-item:hover{background:url(../../../html/img/imgSite/remove.png) no-repeat;}

#usersColor{
    width:90%;
    padding:0.5%;
    border:1px solid #CCC;
}

#added-colors{
    border-top:1px solid #CCC;
    margin-top:2%;
    padding-top:1%;	
}
#googleMap{
    width:1020px;
    height: 480px;

}
#googleMap div.gm-style div div div div div div{
    color: #001F6F;
    width: 200px;
}
.approved_user{
    background: #7BB602;   

}
.dis_approved_user{
    background: #f60;   

}
#add_user_hidden_form{
    background: none repeat scroll 0 0 #0597da;
    color: #ffffff;
    margin-top: 21px;
    padding: 10px;
    width: 135px;
    cursor:pointer;

}

#registration_form{margin-top: 20px;}

.confirm{ color:red; text-align:center;}

/*TABS ITEM*/

#tabs-container{
    border-top: 2px solid #2B579A;
    margin-top: 25px;
}

.tabs-menu {
    height: 37px;
    float: left;
    clear: both;
}

.tabs-menu li {
    float: left;
    height: 36px;
    line-height: 36px;
}

.tabs-menu li.current {
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #fff;
    z-index: 5;
}

.tabs-menu li a {
    padding: 10px;
    text-transform: uppercase;
    color: #999;
    text-decoration: none; 
    font-size: 14px;
    font-family: "Verdana";

}




.tabs-menu .current a {
    color: #fff;
    font-size: 14px;
    font-family: "Verdana";
    background:#2B579A;
}

.tab {
    background-color: #fff;
    float: left;
    margin-top: 15px;
    margin-bottom: 50px;
}

.tab-content {
    width: 660px;
    padding: 20px;
    display: none;
}


#tabs-container div.tab  .tab-content ul li{ 
    list-style-image:url(../img/imgSite/tabs_ul_li.jpg);
    list-style-position:inside;
}


.docs_tabs{
    float: left; 
    padding: 15px; 

    margin-top: -16px; 
    border: 2px solid rgb(43, 87, 154);

}
/*TABS ITEM*/						

/*END ITEM*/
.edit_img_img img{
    max-height: 172px;
    max-width: 230px;
    cursor: zoom-in;
}

.edit_img div.img_nav p.right{
    position: absolute;
    right: -13px;
    top: -181px;
}
/*start filters map*/
.form_input_filters{
    width: 100%
}
.types-table{
    display: none;
}
.map-filters{
    width: 700px;
    float: right;
}
.map-filters-map{

    float: right;
}
.map-left-form{
    width: 250px;
    float: left;
}
.filter-table-holder{
    border: solid 1px red;
}
.filters_admin_class{
    background: none repeat scroll 0 0 orange;
    border: medium solid gray;
    font-weight: bold;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;

}
.filters_admin_class:nth-child(even) {background: #CCC}
.filters_admin_class:nth-child(odd) {background: #FFF}
.tab_content_lower{ 
    display: none;
    opacity: 1;
    overflow: visible; 
}
#filter_add_button {
    border-top: 1px solid #5557d4;
    background: #264091;
    background: -webkit-gradient(linear, left top, left bottom, from(#131063), to(#264091));
    background: -webkit-linear-gradient(top, #131063, #264091);
    background: -moz-linear-gradient(top, #131063, #264091);
    background: -ms-linear-gradient(top, #131063, #264091);
    background: -o-linear-gradient(top, #131063, #264091);
    padding: 7.5px 15px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: #000000;
    font-size: 17px;
    font-family: Georgia, Serif;
    text-decoration: none;
    vertical-align: middle;
}
#filter_add_button:hover {
    border-top-color: #368c1f;
    background: #368c1f;
    color: #7d5d0b;
}
#filter_add_button:active {
    border-top-color: #1b5c3a;
    background: #1b5c3a;
}

#filters_submit {
    border-top: 1px solid #8fd457;
    background: #278f2e;
    background: -webkit-gradient(linear, left top, left bottom, from(#10611c), to(#278f2e));
    background: -webkit-linear-gradient(top, #10611c, #278f2e);
    background: -moz-linear-gradient(top, #10611c, #278f2e);
    background: -ms-linear-gradient(top, #10611c, #278f2e);
    background: -o-linear-gradient(top, #10611c, #278f2e);
    padding: 7.5px 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
    box-shadow: rgba(0,0,0,1) 0 1px 0;
    text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: #000000;
    font-size: 17px;
    font-family: Georgia, Serif;
    text-decoration: none;
    vertical-align: middle;
}
#filters_submit:hover {
    border-top-color: #bee31c;
    background: #bee31c;
    color: #06044a;
}
#filters_submit:active {
    border-top-color: #1e1b5c;
    background: #1e1b5c;
}  
/*end filters map*/

.pdf_docs {
    float: left;
    margin-right: 5px;
    width: 350px;
    display: inline-block;
}

.pdf_docs .form_input{width: 100%;}
.docs_table tr th{padding: 15px;}
.docs_table tr td{padding: 10px;}

.docs_table tr td img{ max-width:100px; max-height:100px; text-align:center;}

/*BANNERS/SLIDES*/
select#slides_links option{
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left:15px;
    cursor:pointer;
    height:25px;
}

select#slides_links option[disabled],
select#slides_links option:disabled
{
    display:block;
    border: 1px solid #333333;
    color: #333333;
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    margin-top:5px;
    margin-bottom:5px;
    background-color: #ccc;	}

#catalog_icon:before, 
.pic_icon:before,
.link_icon:before,
.youtubevideo_icon:before,
.typetext_icon:before
{
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-right: 10px;
}
#catalog_icon:before{
    /*content: "\f022" ;*/
}

.pic_icon:before{
    content: "\f03e" ;
}

.link_icon:before{content: "\f0c1" ;}
.youtubevideo_icon:before{content: "\f16a";}

.typetext_icon:before{content: "\f044";}
.cke_dialog{
    min-width: 37em;
}