/* CSS Document */
/*The system classes: Do not change!*/

/*По умолчанию*/
body {
	padding:0; margin:0;
	background-color:#FFF;
	font-family: arial, verdana, sans-serif, Lucida Sans;
	font-size: 10pt;
}
a {color:#128fd7; outline: none;}
a:hover {text-decoration: none;}
a img {border: none;}
/*кон По умолчанию*/

a.sys_active_link {color:#d78612;}
a.sys_atip {border-bottom: 2px dotted #128fd7; text-decoration:none; font-style: italic;}
a.browser_jpg_zoom img {border: 1px solid #128fd7;}
a.browser_jpg_zoom:hover img {border: 1px solid #d78612;}

.sys_bg_ok {background-color:#dfffcc !important;}
.sys_bg_error {background-color:#ffcba1 !important;}
.sys_bg_warning {background-color:#fff4be !important;}
.sys_bg_info {background-color:#d1ddff !important;}
.sys_bg_grey {background-color:#EFEFEF  !important;}


div.sys_message_error {padding:5px 5px 5px 30px; margin:3px; background-color:#ffcba1; color:#333; font-size:12px; border:1px solid #999; background-image:url(../images/mes_error.png); background-repeat:no-repeat; background-position:5px center; border-radius:3px;}
div.sys_message_warning {padding:5px 5px 5px 30px; margin:3px; background-color:#fff4be; color:#333; font-size:12px; border:1px solid #999; background-image:url(../images/mes_warning.png); background-repeat:no-repeat; background-position:5px center; border-radius:3px;}
div.sys_message_ok {padding:5px 5px 5px 30px; margin:3px; background-color:#dfffcc; color:#333; font-size:12px; border:1px solid #999; background-image:url(../images/mes_ok.png); background-repeat:no-repeat; background-position:5px center; border-radius:3px;}
div.sys_message_info {padding:5px 5px 5px 30px; margin:3px; background-color:#d1ddff; color:#333; font-size:12px; border:1px solid #999; background-image:url(../images/mes_info.png); background-repeat:no-repeat; background-position:5px center; border-radius:3px;}
div.sys_message_bug {padding:5px 5px 5px 30px; margin:3px; background-color:#ffcba1; color:#333; font-size:12px; border:1px solid #999; background-image:url(../images/mes_bug.png); background-repeat:no-repeat; background-position:5px center; border-radius:3px;}

div.sys_old {opacity:0.7 !important;;}
div.sys_old:hover {opacity:1 !important;}

div.sys_loader,div#sys_loader {padding:5px 5px 5px 5px; position: fixed; left: 0px;; top: 0px; background-color:#d1ddff; color:#333; font-size:12px; border:1px solid #999; border-radius:3px;}

.sys_hidden {display:none !important;}
.sys_clearfloat {clear: both; height: 1px; overflow: hidden;}
.sys_red {color:#C00;}
.sys_grey {color:#777;}
.sys_green {color:#0C0;}
.sys_black {color:#000;}
.sys_marker {background-color: #efff97; padding: 0 1px;}

/*кнопки*/
a.sys_btn {
    display: inline-block;
    border:1px solid #AAA;
    border-radius:3px;
    background-color: #FFF;
    line-height: 20px;
    height: 20px;
    min-width: 20px;
    padding-right: 3px;
    color: #333;
    text-decoration: none;
    overflow: hidden;
    white-space: nowrap;
}
a.sys_btn:hover {
    background-color: #ceedff;
}
a.sys_btn_trans {border: none; background: none;}
a.sys_btn_trans:hover {border: none; background: none;}
a.sys_btn span {
    background-image: url(../images/btns_set.png); background-repeat: no-repeat; height: 16px; width: 16px; padding: 0; display: block; float: left; margin: 2px 5px 0px 0px;
}
a.sys_btn span.m {margin:2px;}
a.sys_btn span.sys_edit {background-position: 0px -16px;}
a.sys_btn span.sys_del  {background-position: -32px -16px;}
a.sys_btn span.sys_exit {background-position: -304px -16px;}
a.sys_btn span.sys_add  {background-position: -16px -16px;}
a.sys_btn span.sys_view {background-position: -224px -16px;}
a.sys_btn span.sys_opt {background-position: -320px -16px;}
a.sys_btn span.sys_bask {background-position: -144px -16px;}
a.sys_btn span.sys_noba {background-position: -240px -16px;}
a.sys_btn span.sys_ord {background-position: -256px -16px;}
a.sys_btn span.sys_prin {background-position: -272px -16px;}
a.sys_btn span.sys_ok {background-position: -96px -16px;}
a.sys_btn span.sys_err {background-position: -112px -16px;}
a.sys_btn span.sys_bloc {background-position: -80px -16px;}
a.sys_btn span.sys_unbl {background-position: -64px -16px;}
a.sys_btn span.sys_indb {background-position: -336px -16px;}
a.sys_btn span.sys_dir {background-position: -352px -16px;}
a.sys_btn span.sys_re {background-position: -368px -16px;}

a.sys_btn span.sys_darrow_down {
    background-image: url(../images/darrows.gif);
    background-position: top left;
}
a.sys_btn span.sys_darrow_up {
    background-image: url(../images/darrows.gif);
    background-position: bottom left;
}
/*кон кнопки*/

/*таблицы*/
table.sys_table {
    border-collapse: collapse;
}
table.sys_table td {padding: 4px;}
table.sys_table .caption {font-weight: bold;}

table.sys_table_list {
    background-color: #FFF;
    color:#000;
    border-collapse: collapse;
    border-color: #999;
    border: 1px solid #999;
    margin: 10px 0px;
}
table.sys_table_list .caption {font-weight: bold; background-color:#CFCFCF;}
table.sys_table_list td.caption {font-weight: bold; background-color:#DFDFDF;}
table.sys_table_list tr.caption {text-align: center;}
table.sys_table_list td {margin: 0px; padding: 3px;}
table.sys_table_list .sys_active  {background-color: #ceedff}
table.sys_table_list .sys_disabled  {background-color: #CFCFCF;}
table.sys_table_list .sys_odd  {background-color: #EFEFEF;}
table.sys_table_list_hovered tr:hover  {background-color: #ceedff}

table.sys_table_noborder {
     /*background-color: #EFEFEF;*/
     border-color: transparent;
     border: none;
     border-collapse:separate;
}
table.sys_table_noborder td {padding: 1px 3px;}
table.sys_table td.l {text-align: left;}
table.sys_table td.r {text-align: right;}
table.sys_table td.c {text-align: center;}
/*кон таблицы*/

/*формы*/
.sys_form_labels label {font-weight: bold; font-size: 12px;}
.sys_form_labels .sys_row {margin:5px 0px; font-size:12px;}

.sys_form input[type="text"], .sys_form input[type="password"], .sys_form textarea, .sys_form select {
    border: 1px solid #CCC;
    padding: 3px;
    margin: 2px 0 5px 0;
    color: #333;
    display: block;
}
.sys_form input.error_field, .sys_form select.error_field, .sys_form textarea.error_field {
    border: 1px solid #C00 !important;
}
.sys_form label.error_field {
    color:#C00;
}
.sys_form input[type="submit"], .sys_form input[type="button"] {
    padding: 3px;
    margin: 2px 0 5px 0;
    cursor: pointer;
}
.sys_form fieldset {
    border-radius:5px;
    background-color: #EFEFEF;
    margin: 10px 0px;
    border: 1px solid #CCC;
}
.sys_form .inline {display: inline;}
.sys_form input.inlineb {display: inline-block;}
.sys_form select.inlineb {display: inline-block;}
.sys_form .compact {font-size: 12px;}
.sys_form .compact input, .sys_form .compact  textarea, .sys_form .compact select {
    font-size: 12px;
    padding: 1px;
    margin: 1px 0 2px 0;
}
/*кон формы*/

/*список сортировки*/
ul.sys_rsortlist {
    padding: 0px 0px 0px 20px; margin: 5px 0px 5px 0px;
}

ul.sys_rsortlist li {
    list-style: none;
    display: block;
    line-height: 22px;
    overflow: hidden;
}
div.sys_str {
    min-height: 22px; line-height: 22px;
}
div.sys_str:hover {
    background-color: #d9f1ff;
}
div.sys_btn2 {
    width:18px;
    height:20px;
    overflow:hidden;
    float:left;
    padding-right: 10px;
}
div.sys_btn2 a {
    display:block;
    width:16px;
    height:8px;
    background-image:url(../images/btn_admin_menu.png);
    background-position:-48px 0px;
    float:right;
    border:1px solid #EEEEEE;
    cursor:pointer;
}
div.sys_btn2 a.bottom {
    background-position:-48px -8px;
}
div.sys_btn2 a:hover {background-position:-48px 16px;}
div.sys_btn2 a.bottom:hover {background-position:-48px 8px;}

ul.sys_rsortlist li div.right {
    width: 60px;
    float: right;
}
ul.sys_rsortlist li div.right a {
    width: 18px;
    overflow: hidden;
    float: right;
}
/*кон список сортировки*/

/*увеличить изображение*/
#sys_img_zoom_cont {
    position:absolute;
    top:100px;
    left:100px;
    width:320px;
    background-color:#DDD;
    display:none;
    padding:5px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border:1px solid #999;
    z-index:101;
}
div.sys_img_zoom_panel {
    padding:0px 10px 3px 10px;
    height:20px;
    border-bottom:1px solid #CCC;
    text-align: right;
}
div.sys_img_zoom_info {
    padding:0px 10px 0px 10px;
    height:40px;
    border-top:1px solid #CCC;
}
div.sys_img_zoom_view {
    text-align:center;
    height:240px;
}
span.sys_img_zoom_nav {
    display:block;
    width:40px;
    height:40px;
    background-image:url(../images/true_next_back.png);
    position:relative;
    cursor:pointer;
}
span#sys_img_zoom_next {background-position:-40px 0px; float:right;}
span#sys_img_zoom_back {background-position:0px 0px; float:left;}
/*кон увеличить изображение*/

/*окошки*/
div.sys_poup_window {
    text-align: left;
    color:#000;
    position:absolute;
    width:640px;
    /*height:480px;*/
    max-height:640px;
    overflow:auto;
    background-color:#CCC;
    display:none;
    padding:5px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border:1px solid #999;
    box-shadow: 3px 3px 3px 0px #000; /* Валидное свойство CSS 3 тень*/
    -webkit-box-shadow: 3px 3px 3px 0px #000; /* Safari, Chrome */
    -moz-box-shadow: 3px 3px 3px 0px #000; /* Firefox */
    z-index:100;
}
div.sys_poup_window_content {
    font-size: 12px;
    background-color:#FFF;
    border:1px solid #999;
    padding:5px;
}
div.sys_poup_window_content table {font-size: 12px;}
.sys_window_top {
    text-align: right;
    height:16px;
    cursor:move;
}

div.sys_admin_mm {
    position:fixed; z-index:99999; top:0px; right:210px; width:200px; font-size:12px; background-color:#EEE;; 
    border:1px solid #999; 
    border-top:none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding:3px 5px;
    overflow:hidden; opacity:0.9;
}
#sys_tooltip {
    font-size:12px;
    opacity:0.95;
    position:absolute;
    background-color:#f7feff;
    color: #222;
    display:none;
    padding:3px 3px 0px 3px;
    width:150px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #999;
    box-shadow: 0px 0px 3px 3px #000; /* Валидное свойство CSS 3 тень*/
    -webkit-box-shadow: 0px 0px 3px 0px #000; /* Safari, Chrome */
    -moz-box-shadow: 0px 0px 3px 0px #000; /* Firefox */
    z-index:101;
}
/*#sys_tipuk {
   position:absolute;
   bottom:-5px;
   left:20px;
}*/
span.sys_tip_arrow {
    display: block;
    position: absolute;
    background-image: url('../images/tip_arrows.gif');
    background-position: -15px 0;
    width: 15px;
    height: 15px;
}
.sys_breadcrumbs {
    padding: 5px 0px; font-size: 12px;
}
.sys_pagination {padding: 5px 0px;}
.sys_pagination a {
    display: inline-block; width: 14px; height: 14px; margin: 0 10px 0 0; background-color: #EFEFEF; border: 1px solid #CCC;
    padding: 1px 1px; font-size: 12px; line-height: 14px; text-align: center; text-decoration: none; border-radius:3px;
}
.sys_pagination a.sys_active {
    font-weight: bold; color: #000; background-color: #CFCFCF; cursor: default;
}
.sys_log {
    color: #000; background-color: #FFF; font-size: 12px; line-height: 16px; padding: 12px 20px;
}
.sys_log .attach {background-color: #d1ddff}
.sys_log .sql {background-color: #FFF}
.sys_log .render {background-color: #fff4be}
/*кон окошки*/

/*каталог*/
a.sys_cat_brand {
    border: 1px solid #CFCFCF; border-radius:3px; margin: 0px 10px 10px 0px;
    width:150px;
    height: 100px;
    line-height: 100px;
    font-size: 18px;
    font-weight: bold;
    float: left;
    display: block;
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 115px;
}
.sys_cat_brand_min_all {
    background-color: #FFF;
    float:left; margin: 0 10px 10px 0; padding:10px; border: 1px solid #E0E0E0; border-radius:5px;
    height: 50px; width: 80px;
    font-size: 18px; font-weight: bold; text-align: center; text-decoration: none; color: #888;
}
.sys_cat_brand_min_active {
    background-color: #dfffcc; border: 1px solid #72c64d;
}
.sys_cat_brand_min img {
    background-color: #FFF; border-radius:5px;
    float:left; margin: 0 10px 10px 0; padding:10px; border: 1px solid #E0E0E0;
}
.sys_cat_filter {
    display: block; background-color: #EFEFEF; border-radius:5px; border: 1px solid #DFDFDF;
}
.sys_cat_filter table.sys_table_noborder tr td {padding: 5px;}
.sys_cat_filter .caption {font-weight: bold;}
.sys_cat_filter_active {background-color: #dfffcc;}

.sys_cat_brand_min img.active {
    background-color: #dfffcc; border-radius:5px; border: 1px solid #72c64d;
}
div.sys_cat_folder {clear: both; border: 1px solid #CFCFCF; border-radius:3px; margin: 3px 0;}
div.sys_cat_folder .children a { font-size: 12px; padding: 3px 10px 3px 0;}
div.sys_cat_item {clear: both; border: 1px solid #CFCFCF; border-radius:3px; margin: 3px 0;}
div.sys_cat_img {width: 100px; float: left; margin: 0 15px 0 0;}
div.sys_description {
    color: #444; font-size: 12px;
}
div.sys_cat_item_panel {
    padding: 10px;
}
div.sys_cat_item_panel .sys_cost {
    font-weight: bold; color:#C00; font-size: 16px; font-family: Georgia;
}

div.sys_cat_s_status_list {
    position: absolute;
    width:75px;
    height: 32px;
}
div.sys_cat_s_status_list div {
    background-image: url(../images/cat_labels.png);
    background-repeat: no-repeat;
    background-position: -100px;
    overflow: hidden;
    width:65px; height: 22px;
    position: relative;
    top: -28px;
    left: -10px; font-size: 10px; font-weight: bold;
    padding: 10px 0px 0px 10px;
}
div.sys_cat_s_status_list div.sys_cat_action_new {color: #040; background-position: 0px 0px;}
div.sys_cat_s_status_list div.sys_cat_action_discount {color: #680b0b; background-position: 0px -32px;}
div.sys_cat_s_status_list div.sys_cat_action_recomend {color: #68250b; background-position: 0px -64px;}
span.sys_not_store {
    background-image: url(../images/clock.png);
    width:16px;
    height: 16px;
    display:block;
    float: right;
    overflow: hidden;
}

span.sys_in_store {
    background-image: url(../images/mes_ok.png);
    width:16px;
    height: 16px;
    display:block;
    float: right;
    overflow: hidden;
}
.sys_cat_search {
    float:right;
    width: 300px;
}
.sys_ctg_main_cont ul {display: block; width: 120px;padding: 0; margin: 0 5px 5px 0; list-style: none outside none; float: left;}
.sys_ctg_main_cont ul li {padding: 0; margin: 0 0 5px 0; list-style: none outside none; display: block; text-align: center;}
.sys_ctg_main_cont ul li a {display: block;}
.sys_ctg_main_cont ul li a img {display: block; margin: 0 auto; opacity: 0.8;}
.sys_ctg_main_cont ul li a:hover img {opacity: 1;}
/*кон каталог*/

/*комментарии*/
.sys_comment {
    padding: 10px;
    margin: 4px 0px;
    border-left: 3px solid #CCC;
    clear: both;
}
.sys_comment .title, #sys_comment_answer .title {font-weight:bold; padding-bottom: 5px;}
.sys_comment .date, #sys_comment_answer .date {font-size:10px; color:#999; display: block; float:right; width: 100px;}
#sys_comment_answer {font-style: italic; border: 1px dashed #CCC; padding: 5px; background-color:#d1ddff; }
#sys_comment_answer a {display:none;}
/*кон комментарии*/


/*разное*/
.sys_action_panel {padding: 10px 0px;}
.sys_shadowed {white-space: nowrap;}
.sys_shadow {
    position: absolute;
    top: -1px;
    left:1px;
    color: #555;
    white-space: nowrap;
}
.sys_htmlgallery_collection {
    display: block; width: 200px; height: 220px; white-space: nowrap; overflow: hidden; margin: 0 15px 0 0; float: left;
    line-height: 20px; text-align: center; color:#FFF; text-decoration: none;
}
.sys_htmlgallery_collection img {display: block;}
.sys_htmlgallery_collection span {background-color: #000;  position: relative;
top:-20px; display: block; height: 20px; opacity: 0.4;}
.sys_htmlgallery_collection:hover span {opacity:1;}

.sys_search_results {
    font-size: 12px;
}
.sys_search_results .result {border-left:3px solid #DDD; padding: 0px 0px 0px 10px; margin: 10px 0px;}
.sys_search_results .title {font-size: 14px;  line-height: 18px;}
.sys_search_results .link {color:#0A0;}

div.sys_spoiler {}

.sys_banner_slider {overflow: hidden;}
.sys_banner_slider .item {display: block; float:left; overflow: hidden;}
/*кон разное*/


/*шаблон*/
#sys_body {padding:0px;}
#sys_header {height:80px; background-color: #EFEFEF; padding: 5px 15px;}
#sys_leftbar {width:200px; float: left; padding: 10px 15px; overflow: hidden;}
#sys_rightbar {width:200px; float: right; padding: 10px 15px;  overflow: hidden;}
#sys_content {margin: 0 230px; border: 1px solid #CCC; border-top:none; border-bottom:none; background-color: #FFF; padding: 10px;}
#sys_footer {background-color: #EFEFEF; padding: 5px 15px; clear:both;}
#sys_logo {padding: 10px 20px; float: left; width: 540px;}
#sys_logo img {display:block; float: left; margin-right: 10px;}
#sys_logo a {color:#adfe00; font-size: 40px; font-weight: bold; text-decoration: none; line-height: 50px;}

#sys_user_box {width: 250px; float:right; height: 80px; margin-left: 10px;}
#sys_basket_light {width: 250px; height: 50px; overflow: hidden; margin-left: 10px;}
#sys_enter {width: 250px; height: 30px;  margin-left: 10px; line-height: 22px;}
#sys_enter input.pw, #sys_enter input.un {font-size:12px; line-height: 14px; height: 14px; float:left; width:80px; margin-right:5px;}
#sys_enter input.sbmt {width: 50px; height:22px; line-height: 22px; padding: 0 3px;  float:left;}
/*кон шаблон*/

/*jquery ui*/
.sys_ui_accordion {}
/**/

/*смайлики tinyMCE*/
span.emo {width:1px; height: 1px; overflow: hidden; background-repeat: no-repeat; display: inline; line-height: 14px; padding: 2px 9px; font-size: 14px;}
/*span.emo {width:18px; height: 18px; background-repeat: no-repeat; display: inline; line-height: 18px; padding: 1px 9px;}*/
span.emo-cool {background-image: url(/js/tiny_mce/plugins/emo/img/smiley-cool.gif);}
span.emo-cry {background-image: url(/js/tiny_mce/plugins/emo/img/smiley-cry.gif);}
span.emo-yell {background-image: url(/js/tiny_mce/plugins/emo/img/smiley-yell.gif);}
span.emo-wink {background-image: url(/js/tiny_mce/plugins/emo/img/smiley-wink.gif);}
span.emo-undecided {background-image: url(/js/tiny_mce/plugins/emo/img/smiley-undecided.gif);}
span.emo-tongue_out {background-image: url(/js/tiny_mce/plugins/emo/img/smiley-tongue_out.gif);}
span.emo-surprised {background-image: url(/js/tiny_mce/plugins/emo/img/smiley-surprised.gif);}
span.emo-smile {background-image: url(/js/tiny_mce/plugins/emo/img/smiley-smile.gif);}
span.emo-sealed {background-image: url(/js/tiny_mce/plugins/emo/img/smiley-sealed.gif);}
span.emo-money_mouth {background-image: url(/js/tiny_mce/plugins/emo/img/smiley-money_mouth.gif);}
span.emo-laughing {background-image: url(/js/tiny_mce/plugins/emo/img/smiley-laughing.gif);}
span.emo-kiss {background-image: url(/js/tiny_mce/plugins/emo/img/smiley-kiss.gif);}
span.emo-innocent {background-image: url(/js/tiny_mce/plugins/emo/img/smiley-innocent.gif);}
span.emo-frown {background-image: url(/js/tiny_mce/plugins/emo/img/smiley-frown.gif);}
span.emo-foot_in_mouth {background-image: url(/js/tiny_mce/plugins/emo/img/smiley-foot_in_mouth.gif);}
span.emo-embarassed {background-image: url(/js/tiny_mce/plugins/emo/img/smiley-embarassed.gif);}
/*кон смайлики tinyMCE*/