/*
Theme Name: RetailTemplate
Theme URI: http://retailonline-russia.com
Description: retail-online
Version: 1.0
Author: retail-online
Author URI: http://retailonline-russia.com
*/
/* GLOBAL --------------------------------------------------------------------------------- */

/*html, body, table, tr, td, h1, h2, h3, h4, h5, h6, b, i, u, a, span, form, img, ul, ol, p {margin: 0; padding: 0; border: 0; font-size: 100.01%;}*/

* {font-size:100%; margin:0;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; padding:0;}
table {border-collapse:collapse;}
th, td {border-collapse:collapse; padding:0; text-align:left; vertical-align:top;}
ol, ul, li {padding: 0;}
code, input, textarea {font-family: Arial, sans-serif;}
a {text-decoration:none;}
:link, :visited {text-decoration: underline;}
a img, fieldset {border: 0 none;}
b {font-weight: normal;}
i {font-style: normal;}

html, body {
	position: absolute;
	width: 100%; 
	height: 100%;
	font-family: Verdana, Arial, sans-serif; font-size: 12px; line-height: 19px; color: #000000;
	background: #fff;
}

table {border-collapse: collapse;}
td, th {border-collapse: collapse; text-align: left; vertical-align: top;}

/* DESIGN --------------------------------------------------------------------------------- */

.global_container {width: 100%;}
.global_container .global_side {width: 50%;}
.ie6 .global_container .global_center {width:expression(document.body.clientWidth > 1270 ? "1270px": "auto");}


.global_all {position: relative; height: 100%;}
html>body .global_all {height: auto; min-height: 100%;}
.global_pre_footer {height: 177px;}
.footer {height: 142px; position: absolute; left: 0; bottom: 0; width: 100%;}

.blue_line {font-size: 1px; line-height: 1px; height: 2px; background: #23aae2;}

.header {position: relative; height: 107px;}
.header .logo {position: absolute; left: 0; top: 32px;}
.header .title {position: absolute; left: 88px; top: 31px;}
.header .title a {display: block; width: 222px; height: 54px; text-indent: -5000px; background: #fff url(images/site_title.gif) left top no-repeat;}
.header .contacts {width: 143px; float: right; padding-top: 31px;}
.header .contacts div {font-size: 12px; line-height: 14px; color: #808485; padding: 0 6px 5px 26px;}
.header .contacts div.skype {background: transparent url(images/i_contact_skype.png) left top no-repeat;}
.header .contacts div.icq {background: transparent url(images/i_contact_icq.png) 1px top no-repeat;}
.header .contacts div.phone {background: transparent url(images/i_contact_phone.png) 2px top no-repeat;}
.header .lang_switcher {width: 291px; position: absolute; right: 0;}
.header .lang_switcher span, .header .lang_switcher a {float: left; display: block; font-size: 10px; line-height: 10px; padding: 5px 17px;}
.header .lang_switcher span {color: #fff; background: transparent url(images/lang_switcher_pane.png) center top no-repeat; font-weight: bold;}
.header .lang_switcher a {color: #1badf1; text-decoration: underline;}
.header .lang_switcher a:hover {text-decoration: none;}

.general_nav {margin-bottom: 21px;}
.general_nav .content {background: #0b86cc url(images/nav_bg.png) left top repeat-x; height: 34px;}
.general_nav .content .left {float: left; padding: 7px 0 0 35px;}
.general_nav .content .left a {font-size: 13px; line-height: 13px; font-weight: bold; text-decoration: none; color: #fff; padding-right: 17px;}
.general_nav .content .left a:hover {text-decoration: underline;}
.general_nav .content .right {float: right; width: 201px;}
.general_nav .content .right div.input, .general_nav .content .right div.sitemap {float: left;}
.general_nav .content .right div.input {width: 158px; padding-top: 7px;}
.general_nav .content .right div.input .search_ctrl {padding: 0 15px 0 22px; width: 120px; height: 19px; background: transparent url(images/input_search.png) left top no-repeat;}
.general_nav .content .right div.input label {position: absolute; display: block;}
.general_nav .content .right div.input label,
.general_nav .content .right div.input input {padding: 2px; font-size: 11px; color: #000000; font-family: Arial, sans-serif;}
.general_nav .content .right div.input label {padding-top: 1px;}
.general_nav .content .right div.input input {width: 116px; height: 12px; border-width: 0; background: transparent;}
.general_nav .content .right div.sitemap {padding: 9px 0 0 10px;}
.general_nav .content .right div a {}
.ie6 .general_nav .t.r {margin-right: 0px !important;}
.ie6 .general_nav .b.r {}

.body {width: 100%;}
.left_col {width: 247px; padding-right: 21px;}
.right_col {width: 211px; padding-left: 12px;}
.content_col {padding: 15px 0 20px 0;}

.right_col .banner_item, .left_col .banner_item {margin-bottom: 21px;}

.left_col .left_nav {margin-bottom: 23px;}
.left_col .left_nav .content {border: 1px solid #b0b4b4; padding: 14px 12px 7px 16px;}
.left_col .left_nav .content h1 {font-size: 18px; line-height: 21px; color: #00b4e1; font-weight: normal; margin-bottom: 16px;}
.left_col .left_nav .content ul {list-style-type: none; padding: 0;}
.left_col .left_nav .content ul li {margin-bottom: 7px;}
.left_col .left_nav .content ul li a, .left_col .left_nav .content ul li span {font-size: 13px; line-height: 17px; color: #000000; text-decoration: none; font-weight: normal;}
.left_col .left_nav .content ul li a:hover {color: #f16c01;}
.left_col .left_nav .content ul li.active span, .left_col .left_nav .content ul li.active a {font-weight: bold; color: #07b8e6;}
.left_col .left_nav .content ul ul {padding: 11px 0 7px 0;}
.left_col .left_nav .content ul ul li {padding-left: 21px;}
.left_col .left_nav .content ul ul li a, .left_col .left_nav .content ul ul li span {font-size: 13px; line-height: 17px; color: #000000; text-decoration: none; font-weight: normal;}
.left_col .left_nav .content ul ul li a:hover {color: #f16c01;}
.left_col .left_nav .content ul ul li {background: transparent url(images/crumb_bullet.gif) 9px 9px no-repeat;}
.left_col .left_nav .content ul ul li.active {background-image: url(images/crumb_bullet_blue.gif);}

.left_col .info_container {margin-bottom: 21px;}
.left_col .info_container .content {border: 1px solid #b0b4b4;}
.left_col .info_container .header {background: #0882ca url(images/info_header_bg.png) left top repeat-x; height: 29px; padding: 7px 10px 0 19px;}
.left_col .info_container .header strong {color: #fff; font-size: 18px; line-height: 21px; font-weight: normal;}
.left_col .info_container ul {margin: 13px 0 0 0; padding: 0; list-style-type: none;}
.left_col .info_container ul li a {margin: 0; display: block; padding: 11px 7px 11px 27px; border-top: 1px dotted #bababa; background: transparent url(images/bullet_arr.gif) 9px 19px no-repeat;}
.left_col .info_container ul li a {color: #000000; font-size: 12px; line-height: 19px; text-decoration: underline;}
.left_col .info_container ul li a:hover {color: #f16c01; background-image: url(images/bullet_arr_active.gif);}
.left_col .info_container .additional {padding: 11px 10px 16px 27px; border-top: 1px dotted #bababa;}
.left_col .info_container .additional a {color: #0785c0; font-size: 12px; line-height: 15px; text-decoration: underline;}
.left_col .info_container .additional a:hover {color: #f16c01;}
.ie6 .left_col .b-round .r {margin-right: 21px;}

.right_col .info_container {margin-bottom: 21px;}
.right_col .info_container .content {border: 1px solid #b0b4b4;}
.right_col .info_container .header {background: #0882ca url(images/info_header_bg.png) left top repeat-x; height: 29px; padding: 10px 10px 0 21px;}
.right_col .info_container .header strong {color: #fff; font-size: 18px; line-height: 21px; font-weight: normal;}
.right_col .info_container ul {margin: 13px 0 0 0; padding: 0; list-style-type: none;}
.right_col .info_container ul li a {display: block; padding: 9px 9px 9px 27px; border-top: 1px dotted #bababa; background: transparent url(images/bullet_arr.gif) 9px 15px no-repeat;}
.right_col .info_container ul li a {color: #000000; font-size: 12px; line-height: 19px; text-decoration: underline;}
.right_col .info_container ul li a:hover {color: #f16c01; background-image: url(images/bullet_arr_active.gif);}
.right_col .info_container .additional {padding: 14px 12px 16px 10px; text-align: right; border-top: 1px dotted #bababa;}
.right_col .info_container .additional a {color: #0785c0; font-size: 12px; line-height: 15px; text-decoration: underline;}
.right_col .info_container .additional a:hover {color: #f16c01;}
.ie6 .info_container ul li {border: 1px solid white}

.info_container.light .header {background: #fff;}
.info_container.light .header strong {color: #00b4e1; font-size: 17px; line-height: 21px;}
.right_col .info_container ul {margin-top: 7px;}

.right_col .info_container ul.simple li a,
.right_col .info_container ul.simple li a:hover {padding-left: 12px; background: transparent;}

.ie6 .right_col .info_container.c1 .b-round .r.t {margin-right: 13px;}
.ie6 .right_col .info_container.c1 .b-round .r.b {margin-right: 1px;}

.ie6 .right_col .info_container.c2 .b-round .r.t {margin-right: 11px;}
.ie6 .right_col .info_container.c2 .b-round .r.b {margin-right: -1px;}

.showcase {width: 100%; margin-bottom: 22px;}
.showcase .content {border: 1px solid #b0b4b4; padding: 27px 24px; font-size: 19px; line-height: 27px; color: #b7baba;}
.showcase .content strong {color: #1b9cd7; font-weight: normal;}
.ie6 .showcase .b-round .r.t {right: -7px;}

h1.info {padding: 10px 0 10px 67px; margin-bottom: 12px; background: transparent url(images/bbullet_info.gif) 12px 14px no-repeat; font-size: 21px; line-height: 27px; color: #0785c0; font-weight: normal;}
h1.info span {display: block; margin-top: 2px;}
.ie6 h1.info span {margin-top: 10px;}
h1.info span a {line-height: 12px; font-size: 12px; color: #0785c0; text-decoration: underline; padding-right: 17px; background: transparent url(images/i_download_arrow_sp.gif) right 2px no-repeat;}
h1.info span a:hover {color: #f16c01; background-position: right -14px;}
h1.replies {padding: 10px 0 10px 67px; margin-bottom: 16px; background: transparent url(images/bbullet_replies.gif) 12px 0 no-repeat; font-size: 21px; line-height: 21px; color: #0785c0; font-weight: normal;}

.services_list {margin-bottom: 21px;}
.services_list .content {border: 1px solid #b0b4b4; background: #fdfefe url(images/pane_bg_3.png) left bottom repeat-x; padding: 10px 27px 0 27px;}
.services_list .content table {width: 100%; height: 315px;}
.services_list .content td {padding: 0 10px 0 0;}
.services_list .content td p {padding: 0 0 0 91px;}
.services_list .content td h2 a {display: block; padding: 21px 0 21px 91px; text-decoration: none; color: #2294bf; font-size: 17px; line-height: 19px; font-weight: normal;}
.services_list .content td h2 a:hover {color: #f16c01;}
.services_list .content td p {color: #000000; font-size: 11px; line-height: 13px;}
.services_list .content a {background: transparent url() 17px 13px no-repeat; text-decoration: none;}
.services_list .content .first {background-image: url(images/bullet_service_1.gif);}
.services_list .content .second {background-image: url(images/bullet_service_2.gif);}
.services_list .content .third {background-image: url(images/bullet_service_3.gif);}
.services_list .content .fourth {background-image: url(images/bullet_service_4.gif);}
.services_list .content .fifth {background-image: url(images/bullet_service_5.gif);}
.services_list .content .merge {background-image: url(images/bullet_service_merge.gif);}
.ie6 .services_list .b-round .r.t {right: -7px;}

.info_base_sections {margin-bottom: 21px;}
.info_base_sections .content {border: 1px solid #b0b4b4; background: #fefefe url(images/pane_bg_1.png) left bottom repeat-x; padding: 21px 17px 1px 1px;}
.info_base_sections .content table {width: 100%;}
.info_base_sections .content td {padding-left: 27px; width: 50%;}
.info_base_sections .content td strong a {color: #0a8ac0; font-size: 16px; line-height: 21px; text-decoration: none;}
.info_base_sections .content td strong a:hover {color: #f16c01;}
.info_base_sections .content td ul {list-style-type: none; padding: 16px 0 27px 0;}
.info_base_sections .content td li {clear: both;}
.info_base_sections .content td li span {float: left; display: block; padding: 0 0 4px 6px; width: 24px; padding-right: 1px; color: #000000; font-size: 11px; line-height: 17px;}
.info_base_sections .content td li a {font-size: 12px; line-height: 17px; color: #000000; text-decoration: none;}
.info_base_sections .content td li a:hover {color: #f16c01;}
.info_base_sections .content td p {padding: 11px 0 0 6px; font-size: 12px; line-height: 19px; color: #909495;}
.ie6 .info_base_sections .b-round .r.t {right: -7px;}

.random_reply {margin-bottom: 21px;}
.random_reply .content {border: 1px solid #b0b4b4; background: #fff url(images/pane_bg_2.png) left bottom repeat-x; padding: 21px 31px 26px 31px;}
.random_reply .content h1 {color: #232323; font-size: 17px; line-height: 21px; font-weight: normal; margin-bottom: 19px;}
.random_reply .content img {float: left; margin: 0 12px 10px 0;}
.random_reply .content p {color: #404040; font-size: 12px; line-height: 19px; padding-bottom: 12px;}
.random_reply .content a.esche {color: #0785c0; text-decoration: underline; font-size: 12px; line-height: 12px;}
.random_reply .content a.esche:hover {color: #f16c01;}
.random_reply .content a.more-link {color: #0785c0; text-decoration: underline; font-size: 12px; line-height: 12px;}
.random_reply .content a.more-link:hover {color: #f16c01;}
.random_reply .content div.additional {clear: both; padding-top: 7px;}
.random_reply .content div.additional a {color: #0785c0; text-decoration: underline; font-size: 12px; line-height: 12px;}
.random_reply .content div.additional a:hover {color: #f16c01;}
.ie6 .random_reply .b-round .r.t {right: -7px;}

.footer .content {border: 1px solid #b0b4b4; height: 192px; border-bottom-width: 0;}
.footer .content .inner {padding: 18px 32px 0 21px; height: 172px;}
.footer .bottom_nav a, .footer .bottom_nav span {display: block; float: left; padding: 0px 17px; font-size: 11px; color: #23aae2; font-weight: bold; text-decoration: none;}
.footer .bottom_nav a:hover {text-decoration: underline;}
.footer .bottom_nav .first {padding-left: 0;}
.footer .bottom_nav .active {padding: 0;}
.footer .bottom_nav a.active:hover {text-decoration: none;}
.footer .bottom_nav .active strong {display: block; padding: 0px 17px; color: #fff; background: transparent url(../images/nav_bottom_active_bg.png) left top repeat-x;}
.footer .copyrights {margin-top: 61px;}
.footer .copyrights .counters {padding-top: 50px; float: right; width: 210px;}
.footer .copyrights .counters div {float: right; padding-left: 12px;}
.footer .copyrights .logo {float: left; width: 67px;}
.footer .copyrights .details {float: left; width: 540px; color: #808586; font-size: 11px; line-height: 16px;}
.footer .copyrights .details a {color: #1d92c3; text-decoration: underline;}
.footer .copyrights .details a:hover {text-decoration: none;}
.footer .copyrights .details p {padding-top: 6px; font-size: 11px;}

.ie6 .footer .b-round .r {margin-right: 0px;}
.ie6 .footer .bottom_nav .b-round .r {margin-right: -1px;}

/* CONTENT --------------------------------------------------------------------------------- */

#content h1 {font-size: 19px; line-height: 21px; color: #13b8e8; font-weight: normal; margin-bottom: 17px;}
#content h2, #content h2 a {font-size: 17px; line-height: 21px; color: #13b8e8; font-weight: normal; margin-bottom: 14px; text-decoration: none;}
#content p {font-size: 12px; line-height: 19px; color: #000000; margin: 0 0 12px 0; text-indent: 17px;}
#content i {font-style: normal; color: #00baea;}
#content strong {font-weight: bold; color: #000000;}
#content a {text-decoration: underline; color: #00baea;}
#content a:hover {color: #f16c01;}
#content ul, #content ol {margin: 0 0 17px 37px;}
#content li {margin-bottom: 2px;}
#content .post {margin-bottom: 21px;}

/* PLUGINS & SNIPPETS ----------------------------------------------------------------------- */

.b-round {display: block; position: relative; z-index: 1;}
.b-round .l, .b-round .r {left:0; overflow:hidden; position:absolute;}
.b-round .r {left:auto; right:0;}
.b-round .l i, .b-round .r i {background:transparent url(images/corners.png) repeat scroll 0 0;}
.b-round.style_1 .l i, .b-round.style_1 .r i {background:transparent url(images/corners_s1.png) repeat scroll 0 0;}
.ie6 .b-round .l i, .ie6 .b-round .r i {background-image: url(images/corners.gif);}
.ie6 .b-round.style_1 .l i, .ie6 .b-round.style_1 .r i {background-image: url(images/corners_s1.gif);}
.b-round .l *, .b-round .r * {height:528px; left:0; position:absolute; width:80px;}

.b-round_7 .t {margin-bottom:-7px;}
.b-round_7 .l, .b-round_7 .r {height:7px; width:7px; }
.b-round_7 .r * {margin-left:-7px;}
.b-round_7 .t * {margin-top:-40px;}
.b-round_7 .b {margin-top:-7px;}
.b-round_7 .b * {margin-top:-47px;}
.ie6 .b-round_7 .r.t {margin-right: 17px;}

.b-round_10 .l, .b-round_10 .r {width:10px;height:10px}
.b-round_10 .r * {margin-left:-10px}
.b-round_10 .t {margin-bottom:-10px}
.b-round_10 .t * {margin-top:-88px}
.b-round_10 .b {margin-top:-10px}
.b-round_10 .b * {margin-top:-98px}
.ie6 .b-round_10 .r.t {margin-right: 7px;}


/* OVERRIDE ----