IMG {border: none}

INPUT, SELECT, TEXTAREA {color: #999; font-size: 11px}
INPUT[type="submit"], INPUT[type="button"] {color: #666}
HTML {overflow-x: auto; overflow-y: auto;}
BODY {background: #666; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 0; text-align: center}
.pages A {color: #666; font-weight: bold;}

.b {font-weight: bold;}
.n {font-weight: normal;}
.tl {text-align: left}
.tr {text-align: right}


A.arrow { padding-right: 18px; margin-right: 5px; background: url(/img/h_arrow.gif) no-repeat right}

A:hover {text-decoration: none}
A IMG {text-decoration: none}

.err {color: #F90; font-weight: normal; margin-bottom: 5px;}
.fw {width: 100% !important}

.admin_link {position: absolute; font-weight: bold; top: 0; left: 0; display: block; background: #FED; padding: 5px; border-right: solid 3px #FC6; border-bottom: solid 3px #F90; color: #930}

#header {background: #FFF; color: #999; margin: 38px auto auto; width: 750px; height: 55px; text-align: left}
#header UL {background: url(/img/gray_coner_left_top.gif) no-repeat; margin: 0px; list-style-type: none; height: 8px}
#header LI {background: url(/img/gray_coner_right_top.gif) no-repeat; float: right; width: 8px; height: 8px}
#header IMG {margin-bottom: -45px; position: relative; top: -45px; left: 280px}
#header .user_info {float: right; position: relative; right: 15px; text-align: right}
#header A {color: #999; font-size: 10px}

A.header_sitemap {display: block; float: left; position: absolute; width: 11px; height: 9px; margin: 8px 0 0 15px; font-size: 1px !important}
A.header_mail {display: block; float: left; position: absolute; width: 11px; height: 9px; margin: 8px 0 0 40px; font-size: 1px !important}

A.header_sitemap {background: url(/img/sitemap.gif) no-repeat 0px 0px}
A.header_mail {background: url(/img/mail.gif) no-repeat 0px 0px}
A:hover.header_sitemap,
A:hover.header_mail {background-position:  0px -9px}
  
#striped {background: url(/img/main_bg.gif); border-bottom: solid 5px #5b5b5b; color: #999;}
#cont {background: #FFF; margin: auto; width: 750px}
.gray {background: url(/img/gray_px.gif) repeat-x;}

#h_menu {background: #F29A0D url(/img/menu_bg.gif) repeat-x; color: #FFF; margin-top: 4px; float: right; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 499px; text-align: center}
#h_menu A {color: #FFF; font-weight: bold; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif}
#h_menu IMG {vertical-align: middle; margin: 0 4px; padding: 0;}
#h_menu DIV IMG {margin: 0;}

#v_menu {background: #666 url(/img/white_coner_right_bot.gif) no-repeat right bottom; text-align: left; margin: 20px 0; padding: 10px 0 1px 5px;}
#v_menu A {background: url(/img/arrow_gray_bg.gif) no-repeat; color: #FFF; font-size: 11px; font-weight: bold; padding: 3px 0 3px 20px; margin: 0 0 8px 20px; display: block; overflow: visible;}
#v_menu DIV {background: #FFF url(/img/left_gray_menu_corner.gif) no-repeat bottom left; font-size: 11px; padding: 3px 0 3px 33px; margin: 0 0 8px 7px !important; margin-left: 14px}
#v_menu .corner {background: url(/img/left_gray_menu_bg.gif) no-repeat; width: 31px; height: 18px; margin: 0 0 0 7px; padding: 0; float: left;}
#v_menu H2 {color: #FFF; font-size: 12px; font-weight: bold; text-transform: uppercase; margin: 0 0 15px 8px}

.rand_photo {background: url(/img/rand_foto_border.gif) no-repeat right bottom;}
.rand_photo TD {border: 5px solid #d7d7d7}
.rand_photo A {text-decoration: none}
.rand_photo H3 {color: #FFF; font-size: 16px; position: absolute; z-index: 10}
.rand_photo H4 {color: #333; font-size: 10px; position: absolute; z-index: 10}


#center, #center A {color: #666}
#center LI {margin-left: 20px}

.sitemap {font-weight: bold}
.sitemap UL {list-style: none; padding: 0; margin: 5px}
.sitemap LI {}

.main_text {color: #5B5B5B; font-size: 16px; font-family: Helvetica, sans-serif; float: right; font-weight: bold; width: 450px; text-align: left}

#gray_block {background: #666 url(/img/white_coner_right_bot.gif) no-repeat right bottom; height: 150px; clear: left; float: left; text-align: left; width: 250px}
#gray_block TD A {color: #FFF; font-size: 11px}
#gray_block TD A IMG {border-right: solid 6px #666; margin-top: 4px; vertical-align: middle;}

#gray_grad_bg {float: right; color: #666; clear: right; background: #DDD url(/img/gray_grad_bg.gif) repeat-x; width: 490px; text-align: left;}

#gray_grad_bg FORM {margin: 0; padding: 0; font-size: 11px}
.forms {border: #666 1px solid; font-size: 11px; font-weight: normal; width: 95px; color: #999}
.fm {border: solid 1px #666; font-size: 11px; font-weight: normal; color: #999}
.bt {border: solid 1px #666; font-size: 11px; font-weight: normal; color: #666}
#gray_grad_bg FORM .submit {background: url(/img/logon_button.gif) no-repeat; border: none; width: 52px; height: 22px}

.our_shops {width: 100%; clear: both}
.our_shops TD {text-align: left; font-size: 10px; color: #999}
.our_shops A {color: #646364; font-size: 11px; font-weight: bold; clear: both;}

.info_message {background: #fffbed; width: 100%; color: #c99600; font-weight: bold; font-style: italic;}
.info_message A {color: #c99600 !important}
.info_message .top_left {background: url(/img/info_message_tl.gif) no-repeat; width: 5px; height: 5px}
.info_message .top_right {background: url(/img/info_message_tr.gif) no-repeat; width: 5px; height: 5px}
.info_message .bottom_left {background: url(/img/info_message_bl.gif) no-repeat; width: 5px; height: 5px}
.info_message .bottom_right {background: url(/img/info_message_br.gif) no-repeat; width: 5px; height: 5px}
.info_message .top {background: url(/img/info_message_t.gif) repeat-x top; height: 5px}
.info_message .right {background: url(/img/info_message_r.gif) repeat-y right; width: 5px}
.info_message .bottom {background: url(/img/info_message_b.gif) repeat-x bottom; height: 5px}
.info_message .left {background: url(/img/info_message_l.gif) repeat-y left; width: 5px}
.info_message .center {background: url(/img/info_message_smile.gif) no-repeat 10px 50%; padding: 5px 0 5px 40px}
.info_message .close {background: url(/img/info_message_close.gif) no-repeat 50% 50%; width: 10px; height: 10px; margin-top: -5px; cursor: pointer; float: right}


.user_steps {background: url(/img/steps_bg.gif) repeat-x bottom; position: absolute; padding: 0 24px 0 17px; height: 25px; margin-left: 458px; z-index: 10;}
.user_steps LI {list-style: none}
.user_steps LI {background: transparent url(/img/steps_arrow.gif) no-repeat 50% 50%; color: #FFF; font-weight: bold; width: 21px; height: 19px; margin: 0 !important; padding: 0;
           float: left; text-align: center; padding-top: 6px} 
.user_steps .item {background: #999 url(/img/steps_item.gif) no-repeat}
.user_steps .active {background: #f2870f url(/img/steps_active.gif) no-repeat}

.bt_next {background: url(/img/bt_next.gif) no-repeat top left; width: 68px; height: 22px; border: none; cursor: pointer}
.bt_create {background: url(/img/bt_create.gif) no-repeat top left; width: 78px; height: 28px; border: none; cursor: pointer}
.bt_upload {background: url(/img/bt_upload.gif) no-repeat top left; width: 89px; height: 28px; border: none; cursor: pointer}
.bt_add_to_site {background: url(/img/bt_add_to_site.gif) no-repeat top left; width: 115px; height: 44px; border: none; cursor: pointer}
.bt_sample {background: url(/img/bt_sample.gif) no-repeat left 50%; float: right; padding-left: 12px; display: block}
.bt_question {background: url(/img/question.gif) no-repeat right top; font-weight: bold; text-decoration: none; padding-right: 20px; height: 15px; float: left}
.bt_question DIV {font-weight: normal}

.char_plus {background: url(/img/char_plus.gif) no-repeat left 50%; padding-left: 20px; height: 15px; margin-bottom: 5px; font-weight: bold}
.char_minus {background: url(/img/char_minus.gif) no-repeat left 50%; padding-left: 20px; height: 15px; margin-bottom: 5px; font-weight: bold}



.faq H1 {font-size: 14px; margin: 0 0 5px 5px; text-transform: none;}
.faq H2 {background: url(/img/question.gif) no-repeat left; font-size: 11px; padding: 2px 0 2px 25px; margin: 0 0 0 5px}
.faq .block {background: url(/img/gray_dot3.gif) repeat-x bottom; padding: 5px 0 10px 0}
.faq .answer {background: url(/img/answer.gif) no-repeat left 2px; padding: 0 0 10px 25px; margin: 10px 0 0 5px}
.faq .answer * {font-size: 11px !important}
.faq .answer P {margin: 0 0 5px}
.faq .top {background: url(/img/up_arrow.gif) no-repeat; float: right; position: relative; right: 5px; width: 9px; height: 9px; display: block}
.faq .bt {background: #E5E5E5; border: none; font-size: 10px; float: right; width: 114px; height: 17px; margin-right: 20px; margin-top: -7px; text-align: center}
.faq A {padding-top: 1px; display: block}
.faq IMG {text-decoration: none}
.faq .bt .l {background: url(/img/ans_left.gif) no-repeat; float: left; width: 5px; height: 5px;}
.faq .bt .r {background: url(/img/ans_right.gif) no-repeat; float: right; width: 5px; height: 5px;}

.tbl TH, .tbl TD {padding: 3px; border-bottom: solid 1px #CCC}
.tbl TD {border-bottom: solid 1px #DDD}
.tbl THEAD TR {background: #DDD}
.tbl TBODY TH {background: #EEE; font-weight: normal; border: solid 1px #DDD}

.tpl_tbl IMG {border: solid 1px #999}
.tpl_tbl TD INPUT {margin: 1px; vertical-align: middle;}

.list_block {border: solid 1px #666; background: #EEE; padding: 15px; margin: 5px 0}
.shop_border {position: absolute; z-index: 10;}

.block_info TR {background: url(/img/gray_dot.gif) repeat-x bottom}
.block_info TD {background: url(/img/gray_dot.gif) repeat-y right}


.active_mode {background: #DDD; border: solid 2px #999; padding: 7px; font-weight: bold}
.passive_mode {background: #DDD; padding: 7px; font-weight: normal; cursor: pointer;}

.tabs DIV {cursor: pointer; float: left; padding: 1px; margin: 2px; border: solid 1px #999; text-align: center; vertical-align: middle;}
.tabs DIV.active_view {background: #dcdfe6; font-weight: bold; padding: 4px; margin: 0; border: none}
.tabs DIV.active_color {background: #bdc1cc; padding: 4px; margin: 0; border: none}
.tabs DIV DIV {float: none; padding: 0; margin: 0; border: none}

.color_tabs {z-index: 1; position: absolute; width: 450px; text-align: right; margin-top: -36px; margin-left: 245px;}
.color_tabs DIV {background: #FDB; text-transform: lowercase; float: right; width: 100px; height: 20px; padding: 2px; margin-right: 2px; border: solid 1px #FC9; text-align: left}
.color_tabs .other_color {background: #DDD; border-top-color: #CCC; border-left-color: #CCC; border-right-color: #CCC}
.color_tabs .over {background: #FC9; cursor: pointer}
.color_tabs .active_color {background: #FED; border-bottom-color: #FED}
.color_tabs IMG {vertical-align: middle;}

.view_tabs {float: right; cursor: pointer; padding: 2px; border: solid 1px #FC9; border-right: none; width: 112px; height: 112px; clear: right}
.view_tabs_active {background: #FC9; cursor: default}
.view_tabs .without_logo {margin-top: 35px}
.view_tabs_change {position: absolute; margin-top: 98px; margin-left: 20px; width: 40px; height: 40px; background: #FDB; border: solid 1px #FC9; cursor: pointer}

.objects_item {text-align: center; float: left; width: 75px; margin: 2px; /*height: 125px;*/ padding: 5px; border: solid 1px #FDB}
/*
.objects_item .del {display: absolute; margin-left: 65px; color: #999; margin-top: -10px; cursor: pointer; font-size: 12px; font-weight: bold; border: none}
*/
.objects_item .del {color: #999; cursor: pointer; padding: 0; margin-top: -5px; font-size: 12px; font-weight: bold; border: none; text-align: right;}
.obj_framed {border: solid 1px #FC9}



#footer {width: 750px; color: #999; font-size: 10px; margin: 0 auto; padding-top: 10px; text-align: left}
#footer A {color: #999; margin-right: 5px}

.params {font-size: 1px; width: 70px !important; height: 70px !important; background: #E7E7E7; border: solid 1px #CCC;  padding: 20px}
.params DIV DIV {background: #E7E7E7; border: solid 1px #CCC; border-left-color: #FFF; border-top-color: #FFF; width: 5px; height: 5px; float: left}
.params DIV DIV.active {background: #F90; border: solid 1px #F60; border-left-color: #FC0; border-top-color: #FC0}

.params2 {font-size: 1px; width: 70px !important; height: 70px !important; background: #E7E7E7; border: solid 1px #CCC;  padding: 20px}
.params2 DIV {font-size: 1px; width: 72px; height: 72px; border: solid 1px #CCC;}
.params2 DIV DIV {font-size: 1px; width: 70px; height: 70px; position: absolute; background: #F90; border: solid 1px #F60; border-left-color: #FC0; border-top-color: #FC0}

H1 {font-size: 14px; font-weight: bold; text-transform: uppercase; margin: 0 0 5px 0}
H2 {font-size: 14px; font-weight: bold; margin: 0 0 5px 0}
H4 {font-weight: bold; font-size: 11px; font-family: Arial, Helvetica, sans-serif; margin: 0}
H3 {font-weight: bold; font-size: 14px; color: #666666; font-family: Arial, Helvetica, sans-serif; margin: 0}
.prod {font-size: 11px; color: #999999; font-family: Arial, Helvetica, sans-serif}
H5 {font-size: 12px; color: #666666; margin: 5px 0; font-family: Arial, Helvetica, sans-serif}

.iColorPicker {border: solid 1px #000; color: #000; width: 50px}
#iColorPicker {display: none; border: 1px solid #000; background: #333; padding: 5px; color: #fff; z-index:	9999}
#iColorPicker TABLE {border-collapse: collapse}
#iColorPicker TD {width: 12px; height: 14px; border: 1px solid #333; cursor: pointer}
#iColorPicker INPUT {margin: 2px}



/* Constructor */
#constructor_left {margin-top: 19px; float: left}
#constructor_right {width: 375px; float: right}

#constructor_img_cont {margin: 0 30px; position: relative}
#constructor_img {width: 249px; height: 232px; border: solid 1px #CCC}

#constructor_left_buttons,
#constructor_right_buttons {position: absolute; width: 26px}
#constructor_left_buttons {left: -30px}
#constructor_right_buttons {right: -30px}
#constructor_left_buttons DIV,
#constructor_right_buttons DIV {height: 24px; margin-bottom: 4px; border: solid 1px #CCC; background: #999; cursor: pointer}
#constructor_left_buttons .over,
#constructor_right_buttons .over {background: #CCC}

.constructor_bt_print_area {}
.constructor_bt_clear_view {}
.constructor_bt_select_all {}

#constructor_img_cont .rel {position: relative; -moz-user-select: none; -khtml-user-select: none; user-select: none;}
#constructor_img_cont .rel DIV {position: absolute; font-size: 0}
#constructor_img_cont .n,
#constructor_img_cont .s,
#constructor_img_cont .w,
#constructor_img_cont .e {background: url(/img/marquee.gif)}
#constructor_img_cont .n,
#constructor_img_cont .s {width: 100%; height: 1px}
#constructor_img_cont .w,
#constructor_img_cont .e {width: 1px; height: 100%}
#constructor_img_cont .n {top: 0}
#constructor_img_cont .s {bottom: 0}
#constructor_img_cont .w {left: 0}
#constructor_img_cont .e {right: 0}
#constructor_img_cont .control {width: 5px; height: 5px; background: #666}
#constructor_img_cont .nw,
#constructor_img_cont .ne {top: -6px}
#constructor_img_cont .sw,
#constructor_img_cont .se {bottom: -6px}
#constructor_img_cont .nw,
#constructor_img_cont .sw {left: -6px}
#constructor_img_cont .ne,
#constructor_img_cont .se {right: -6px}
#constructor_img_cont .nw {cursor: nw-resize}
#constructor_img_cont .ne {cursor: ne-resize}
#constructor_img_cont .sw {cursor: sw-resize}
#constructor_img_cont .se {cursor: se-resize}


.constructor_selection {display: none; position: absolute}
#constructor_selection {z-index: 1000}


#constructor_no_print_area {display: none; position: absolute; width: 241px; font-size: 10px; background: #666; color: #F90; padding: 2px 5px; text-align: center;}



#constructor_right .inner {height: 400px; overflow: auto}
#constructor_design_cont .inner {height: 360px}
#constructor_design_choose {display: none}

.constructor_empty_list {font-size: 24px; color: #999; text-align: center; margin-top: 20px; position: absolute;}
.constructor_empty_list .link {cursor: pointer; border-bottom: dashed 1px #CCC; zoom: 1}
#constructor_right .constructor_tabs .constructor_empty_list {width: 360px; margin-top: 150px}

.constructor_attr_cont {list-style: none; margin: 0 !important; padding: 0}
.constructor_attr_cont LI {display: none; margin: 10px 0 5px !important; padding: 5px 10px; background: #F7F7F7; border: solid 1px #CCC}
.constructor_attr_cont H3 {font-size: 11px; background: #999; border: solid 1px #CCC; color: #FFF; position: relative; padding: 2px 5px; margin: -6px -11px 5px}
.constructor_attr_cont H3 SPAN {font-weight: normal}
.constructor_attr_cont IMG {margin: 2px; cursor: pointer}
.constructor_attr_cont SELECT {width: 99%;}
.constructor_attr_cont .over {border: solid 1px #CCC; margin: 1px}
.constructor_attr_cont .active {border: solid 2px #F90; margin: 0; cursor: default}
#constructor_views IMG {width: 75px; height: 70px}
.constructor_menu UL {list-style: none; height: 30px; background: #FFF; margin: 0; padding: 2px; border: solid 1px #CCC !important}
.constructor_menu LI {border: solid 1px #CCC; width: 24px; height: 24px; background: #999; float: left; margin: 2px !important; padding: 0 !important; cursor: pointer}
.constructor_menu LI.over {background: #CCC; color: #333}
#constructor_design_cont .constructor_menu {margin-bottom: 4px}
.constructor_tabs .tabs {list-style: none; margin: 0; border-bottom: solid 1px #CCC; padding: 0 0 0 10px; height: 19px}
.constructor_tabs .tabs LI {border: solid 1px #CCC; float: left; padding: 2px 5px !important; margin: 0 0 -1px -1px !important; cursor: pointer; z-index: 10}
.constructor_tabs .tabs LI.over {background: #FFF; padding-bottom: 1px !important; margin-top: 1px !important; color: #333}
.constructor_tabs .tabs LI.active {background: #F7F7F7; color: #666; padding-bottom: 2px !important; margin-top: 0 !important; border-bottom: solid 1px #F7F7F7; cursor: default}
.constructor_tabs .tab_cont {clear: left; padding: 4px; background: #F7F7F7; border: solid 1px #CCC; border-top: 0px solid}
.constructor_tabs .content {display: none}
.constructor_tabs .item {padding: 4px; margin: 1px; cursor: pointer}
.constructor_tabs .item A {color: #CCC !important}
.constructor_tabs .item A:hover {color: #FFF !important}
.constructor_tabs .item {padding: 4px; margin: 1px}
.constructor_tabs .item P {margin: 0; font-size: 10px;}
.constructor_tabs .item .dark {background: #666; color: #CCC; padding: 1px 5px; text-align: right}
.constructor_tabs .item IMG {border: solid 1px #CCC; width: 75px; height: 70px}
.constructor_tabs .over {background: #F0F0F0; color: #666; border: solid 1px #CCC; padding: 3px}
.constructor_tabs .over A {color: #FFF !important}
.constructor_tabs .over P {color: #666}
.constructor_tabs .over .dark {color: #FFF; background: #333}
.constructor_tabs .active {border: solid 1px #F90; padding: 3px; cursor: default}
.constructor_tabs .cur {background: #FC3; color: #930; border: solid 1px #F90; padding: 3px; cursor: default}
.constructor_tabs .cur P {color: #930}
.constructor_tabs .cur .dark {color: #FFF; background: #930}
#constructor_products_cont .item {width: 77px; overflow: hidden; float: left}
#constructor_products_cont .item P {text-align: center;}
#constructor_products_cont .item .info {height: 25px; overflow: hidden}

.constructor_accordeon {list-style: none; margin: 0; padding: 0; border-bottom: solid 1px #CCC}
.constructor_accordeon LI {margin: 0 !important; padding: 0 !important; border: solid 1px #CCC; border-bottom: none}
.constructor_accordeon LI .header {background: #999; padding: 2px 5px !important; font-size: 12px; color: #FFF; cursor: pointer}
.constructor_accordeon LI .active {cursor: default; border: none !important}
.constructor_accordeon LI .over {border: none}
.constructor_accordeon LI .cont {display: none; height: 295px; padding: 5px}

.constructor_form {border: solid 1px #CCC; padding: 10px}
.constructor_form P {padding: 2px 5px; margin: 0}
.constructor_form .buttons {text-align: center}
.constructor_form .buttons INPUT {width: 100px; margin: 0 5px}

.selection-vline,
.selection-hline {position: absolute; font-size: 0; background: white url('marquee.gif') top left repeat}
.selection-vline {height: 100%; width: 1px !important}
.selection-hline {width: 100%; height: 1px !important}
.selection-handle {position: absolute; font-size: 1px; border: 1px #eee solid; background-color: #333; -moz-user-select: none; -khtml-user-select: none; user-select: none}