/*
0b3f88 dark blue
c9dfe7 light blue border
155184 menu color
eff7fc left menu back
*/

html { background: #fff url(../i/back.png) repeat; height: 100%; font: .75em/1.5 Arial, Helvetica, sans-serif; }
.page-layout { margin-right: 0; }
.layout-box { float: left; margin: 0; }
.box { margin: 10px; }

.content p, .content ul, .content ol, .content dl, .content table, blockquote, pre, .columns, .content img, hr { margin-bottom: 10px; }
.content img { padding: 0; border: 0!important; margin: 0; }
.content img.border { padding: 5px; border: 1px solid #ccc!important; margin-top: .4em; }

/* Links
------------------------------ */

a { color: #0066CC; }
a.fake { text-decoration: none; border-bottom: 1px dashed #0066CC; }
a.external { background: url(../i/external.png) no-repeat scroll right center transparent; padding-right: 13px; }
a.red { color: #f00; font-weight: bold; }
a.white { color: #fff; font-weight: bold; text-decoration: none; }

span.fake { cursor: help; border-bottom-style: dotted; border-bottom-width: 1px; }

/* Lists
------------------------------ */
.no-list { list-style: none; }

.content ul { margin-left: 1em; }
.content ul li { list-style: none; background: transparent url(../i/marker.png) no-repeat left 6px; padding-left: 10px; }

/* Forms
------------------------------ */
.content label.right { float: none!important; text-align: left; padding: 0 2%; }
.content fieldset.separator { border-top: 1px dotted #ccc; margin-top: 1em; padding-top: .5em; }
.content fieldset .legend { font-weight: bold; margin-bottom: 1em; }

.f-row .hint {
	/*border: 1px dashed #ccc; */
	color: #333;
	margin: .5em 1.95em;
	/*padding: .25em .5em;*/
}

/* Tables
------------------------------ */

table.zebra { color: #333; }
/*table.zebra a { color: #0ae; }*/
/*table.zebra th { color: #fff; background: #0e3e86; } /* #588BC8 */
table.zebra th,
table.zebra thead td,
table.zebra-null th { font-weight: bold; color: #fff; background: #588bc8 url(../i/billet_back.png) repeat-x left bottom; vertical-align: middle; }
table.zebra tr.odd td { background: #fff; }
table.zebra tr.even td { background: #f7f7f7; }

table.no-border th, table.no-border td { border: none!important; }

table.zebra-null tr.odd td { background: #fff; }
table.zebra-null tr.even td { background: #f7f7f7; }

tr.header td { font-weight: bold; text-align: center; }

/*
tr.error td { background: #fff5f5; border-width: 2px; border-style: solid; border-color: #f00; }
*/
tr.error td { background: #fff5f5; border-width: 2px 0; border-style: solid; border-color: #f00; }
tr.error td.first { border-left-width: 2px; }
tr.error td.last { border-right-width: 2px; }
.dealer-order tr.error td.counts { color: #f00; font-weight: bold; }

/*
.dealer-order tr td { border-width: 1px 0 1px 0; }
.dealer-order tr td.first { border-left-width: 1px; }
.dealer-order tr td.last { border-right-width: 1px; }
*/

/* UI
------------------------------ */

div.msg { padding: 10px; margin-bottom: 10px; }
div.ok { color: #0a0; background: #f5fff5; border: 1px solid #0a0; }
div.error { color: #f00; background: #fff5f5; border: 1px solid #f00; }
div.info { color: #0a0; background: #f5fff5; border: 1px solid #0a0; }

/* Icons
------------------------------ */

li.icon { list-style: none; background-image: none; background-position: left center!important; background-repeat: no-repeat!important; padding-left: 20px!important; }

.i-cart { background-image: url(../i/fsi-icons/cart.png); }
.i-cart_put { background-image: url(../i/fsi-icons/cart_put.png); }
.i-text_list_bullets { background-image: url(../i/fsi-icons/text_list_bullets.png); }
.i-tick { background-image: url(../i/fsi-icons/tick.png); }
.i-pencil { background-image: url(../i/fsi-icons/pencil.png); }
.i-arrow_up { background-image: url(../i/fsi-icons/arrow_up.png); }
.i-arrow_down { background-image: url(../i/fsi-icons/arrow_down.png); }
.i-add { background-image: url(../i/fsi-icons/add.png); }
.i-delete { background-image: url(../i/fsi-icons/delete.png); }

.i-up { background-image: url(../i/fsi-icons/arrow_turn_left.png)!important; }
.i-folder { background-image: url(../i/fsi-icons/folder.png)!important; }
.i-file_pdf { background-image: url(../i/fsi-icons/page_white_acrobat.png)!important; }
.i-file_zip { background-image: url(../i/fsi-icons/page_white_compressed.png)!important; }
.i-file_rar { background-image: url(../i/fsi-icons/page_white_compressed.png)!important; }
.i-file_jpg { background-image: url(../i/fsi-icons/page_white_picture.png)!important; }
.i-file_xls { background-image: url(../i/fsi-icons/page_white_excel.png)!important; }
.i-file_ppt { background-image: url(../i/fsi-icons/page_white_powerpoint.png)!important; }
.i-file_doc { background-image: url(../i/fsi-icons/page_white_word.png)!important; }

li.i-folder { background-position: left 1px!important; }

/*	Centered div
------------------------------ */

div.centered, div.centered div.wrapper { position: relative; }
div.centered { float: right; right: 50%; width: auto; }
div.centered div.wrapper { float: none!important; float: left; right: -50%; }

/* Layout Boxs
------------------------------ */

.lb-1 { width: 960px; } /* 100% */
.lb-2 { width: 720px; } /* 75% */
.lb-3 { width: 480px; } /* 50% */
.lb-4 { width: 240px; } /* 25% */

.lb-l { width: 234px; } /* -2px in case if borders */
.lb-c { width: 490px; }

/* Template
------------------------------ */

.container { margin-bottom: 10px; }

.lb-3 { width: 480px; } /* 50% */
.lb-3- { width: 478px; }
/*.lb-3 { width: 460px; } /* 50% */
/*.lb-3- { width: 458px; }*/
/*.lb-3, .lb-3- { margin: 0 10px; }*/

#page { width: 960px; margin: 0px auto; background: #fff; padding: 10px; }
#banners-top { height: 60px; }
#header { background: #eaebec url(../i/header_back.png) repeat-x; }
#header .border { border: 1px solid #c9c9ca; }
#header .menu { height: 44px; background: transparent url(../i/header_menu.png) no-repeat center bottom; }
#header .main { position: relative; height: 99px; background: transparent url(../i/header_main.png) no-repeat center center; }
#header .foot { height: 40px; overflow: hidden; }
#header .foot .content { margin: 0 6px; }

#left {  }
#left .border { background: #eff7fc; border: 1px solid #c9dfe7; }

#right {  }
#right .border { background: #eff7fc; border: 1px solid #c9dfe7; }

#content { width: 73%; float: right; }
#footer { clear: both; color: #ccc; background: #588bc8 url(../i/foot_back.png) repeat-x left bottom; margin-bottom: 0; }
#footer a { color: #ccc; }

/*#logo { position: absolute; left: 58px; top: 0px; width: 174px; height: 99px; }*/
#logo { position: absolute; left: 54px; bottom: 0px; z-index: 999; }
#logo a { display: block; width: 100%; height: 100%; }
#cart { position: absolute; background: #e6e8e7; right: 28px; top: 23px; width: 144px; height: 52px; }
#cart .content { margin: 6px 0 0 6px; }
#cart .content span { line-height: 1.125em; }

#welcome span { vertical-align: middle; white-space: nowrap; }
#welcome span.one { line-height: 40px; }
#welcome span.two { line-height: 18px; }

/* Theme
------------------------------ */

#main .corners { background: #fafeff; }
h1 { color: #0b3f88; }
h2, h3, h4 { color: #155184; }

.content h3 { font-size: 1.1em!important; }

/* Blocks
------------------------------ */

.block .header {
	height: 20px;
	position: relative;
	color: #fff;
	background: #588bc8 url(../i/billet_back.png) repeat-x left bottom;
	font-weight: bold;
	padding: 1px 10px 0;
}
.block .header b {
	position: absolute;
	left: 10px;
	bottom: -4px;
	display: block;
	width: 6px;
	height: 4px;
	background: transparent url(../i/billet_pimp.png) no-repeat left top;
}
.block .body {  }
.block .content {  }

.block { margin-top: 10px; border: 1px solid #c9dfe7; }

.block-border { border: 1px solid #c9dfe7!important; }
.no-border .block { margin-top: 0!important; border: 0!important; }

/* Gallery
------------------------------ */

.gallery { clear: both; overflow: auto; }
.gallery a { float: left; dislay: block; margin: 0 4px 4px 0; }
.gallery a img { border: 1px solid #bbb!important; }

#tip7-title { text-align: left; }
#tip7-title b { display: block; }
#tip7-title span { float: right; }

/* Fileds
------------------------------ */

.fields { margin: 1em 0; }
.fields .field { clear: both; overflow: hidden; margin-bottom: .25em; padding-bottom: .25em; border-bottom: 1px solid #eee; }
.fields .field .name { float: left; font-weight: bold; width: 90px; }
.fields .field .value { margin-left: 100px; }

.long .field .name { width: 180px!important; }
.long .field .value { margin-left: 190px!important; }

/* Menus
------------------------------ */

#nav a:hover, #nav a:focus, #nav a:active, #nav li.current a:hover, #nav li.current a:focus, #nav li.current a:active { cursor:pointer; }

#nav, #nav li { list-style: none; margin: 0; padding: 0; }
#nav { position: relative; z-index: 597; float: left; width: 100%; }
#nav li { float: left; zoom: 1; padding: 0; margin: 0 0 0 3px; }
#nav li.hover, #nav li.current, #nav li:hover { position: relative; z-index: 599; cursor: default; }
#nav li a { text-decoration: none; text-transform: uppercase; display: inline-block; }
#nav li.current { position: static; }
#nav li.current a { color: #fff; }
#nav li a span, #nav li.current a span { padding-left: 16px; }
#nav li a { padding-right: 16px; }
#nav li a, #nav li a span { background: transparent url(../i/tabs.png) no-repeat scroll 0 0; float: left; }
#nav li a { background-position: 100% 0; margin: 0px 0 0; outline-color: -moz-use-text-color; outline-style: none; outline-width: 0; padding-left: 0; text-decoration: none; white-space: nowrap; }

/* Other tabs for first and last ------------------------------------------- */
#nav li.first a, #nav li.first a span { background: transparent url(../i/tabs_first.png) no-repeat scroll 0 0; }
#nav li.last a, #nav li.last a span { background: transparent url(../i/tabs_last.png) no-repeat scroll 0 0; }
/* ------------------------------------------------------------------------- */

#nav li a span {
	background-position: 0 0;
	height: 45px;
	line-height: 45px;
	padding-right: 0;
	padding-top: 0px;
}
#nav li:hover a,
#nav li.hover a,
#nav li.current a {
	background-position: 100% -45px;
	margin-top: 0;
	position: relative;
	top: -1px;
	z-index: 2;
}
#nav li:hover a span,
#nav li.hover a span,
#nav li.current a span {
	background-position: 0 -45px;
	height: 45px;
	line-height: 45px;
	padding-top: 0;
}
#nav li a {
	color: #155184;
	font-size: 12px;
	font-weight: bold;
}
#nav li.current a {
	color: #0b3f88;
}
#nav li a {
	position: relative;
	top: -1px;
}

/* Fixed width ------------------------------------------------------------- */
#nav li span { width: 92px; }
#nav li.long span { width: 110px; }
#nav li a span, #nav li.current a span { padding-left: 4px; }
#nav li a { padding-right: 4px; }
#nav li a span { text-align: center; display: inline; }
/* ------------------------------------------------------------------------- */

/* Catalog Menu
------------------------------ */

#cat { margin: 0; padding: 0; width: 100%; }
#cat li { margin: 0; padding: 2px 0; list-style: none; border-top: 1px solid #fff; border-bottom: 1px solid #c9dfe7; }
#cat li ul { padding-left: 1em; margin-top: 2px; }
#cat li li { border: none; border-top: 1px solid #ccc; }
#cat a { text-decoration: none; display: block; padding-left: 6px; }
#cat a:hover { text-decoration: underline; }
#cat li.current { /*background: #fff;*/ font-weight: bold; }

/* Search
------------------------------ */

#searchform { }
fieldset.search {
	border: none;
	margin: 2px 0 0;
}
.search input, .search button {
	border: none;
	float: left;
}
.search input.box {
	width: 189px;
	height: 18px;
	margin: 0;
/*
	margin-right: 5px;
*/
	padding: 2px 4px 0;
	background: #fafafa url(../i/search_bg.png) no-repeat;
}
.search input.box:focus {
	background: #fafafa url(../i/search_bg.png) no-repeat left -20px;
	outline: none;
}
.search button.btn {
	width: 25px;
	height: 20px;
	cursor: pointer;
	text-indent: -9999px;
	background: #eaebec url(../i/search_bg.png) no-repeat right top;
}
.search button.btn:hover {
	background: #eaebec url(../i/search_bg.png) no-repeat right bottom;
}

.search button.btn2 {
    border: 1px solid #ccc;
    margin-left: 4px;
    padding: 0 10px;
	width: auto;
	height: 20px;
	cursor: pointer;
}

/* Pager
------------------------------ */

.pager { display: block; text-align: center; margin-top: .5em; width: 100%; }
.pager a { margin: 0.15em 0.3em; }
.pager b { background-color: #E8E9EC; padding: 0.15em 0.3em; margin-right: .5 em; }

/* Cart
------------------------------ */

.price span { white-space: nowrap; }
.order tr td { vertical-align: middle; }
.order .count { text-align: center; }

.cart .count { margin: 0 5px; }
.cart .count,
.order .count input {
	background: #fff;
	border: 1px solid #999;
	text-align: center;
	width: 24px;
}

/* Orders
------------------------------ */

div.order-info {
	margin: 1em 0;
}

ul.activity {
	border: 1px solid #afa;
	background: #efe;
	margin: .5em 0 0;
	padding: .5em;
}

/* Catalog
------------------------------ */

.price .hl { color: #f00!important; }

.cat-items .item { /*border-bottom: 3px solid #c9dfe7;*/ clear: both; overflow: hidden; margin-bottom: 0; /*padding-bottom: 1em;*/ }
.cat-items .item .header { background: #eff7fc url(../i/main_bill_back.png) repeat-x left bottom; border: 1px solid #c9dfe7; font-weight: bold; margin-bottom: .5em; padding: 5px 10px; }
.cat-items .item .header a { text-decoration: none; }
.cat-items .item .image { float: left; font-weight: bold; width: 110px; text-align: center; }
.cat-items .item .image img { margin-top: .25em; }
.cat-items .item .teaser { margin-left: 120px; }
.cat-items .item .more { text-align: right; }

.cat-item table.dealer-order tr td { vertical-align: middle; }

.cat-items .item .price { text-align: right; }
.item .price span.text { font-weight: bold; }
.item .price span.value { color: #0b3f88; font-size: 1.25em; font-weight: bold; }
.item .price span.old { color: #999; text-decoration: line-through; }
.item .price span.request { color: #999; font-weight: bold; }

.item .articul .text { font-weight: bold; }

.status { white-space: nowrap; }
.status .avail { color: #0a0; font-weight: bold; }
.status .none { color: #f00; font-weight: bold; }

/*
.cat-items .item { }
.cat-items .item .top { margin-bottom: 30px; overflow: hidden; }
.cat-items .item .bottom { clear: both; width: 100%; }
*/

.cat-items .item .bottom .price { display: inline; line-height: 26px; }
.cat-items .item .bottom .price span { line-height: 26px; }
.cat-items .item .bottom .buttons { float: right; text-align: right; }

.cat-item .image { text-align: center; margin-bottom: 5px; }
.cat-item .fimage { float: left; margin: 0 10px 10px 0; }
.cat-item .buttons { clear: both; margin: 1em 0; overflow: hidden; }
.cat-item .price { text-align: right; }
.cat-item .articul { margin-top: 1em; }
.cat-item .articul .text { font-weight: bold; }

.children { clear: both; margin-top: 1em; }
.children td { vertical-align: middle; }
.children td.status { text-align: center; }
.children td.price { text-align: right; padding: 5px; }
/*.children td.price .value { font-size: 1em!important; }*/
.children .buttons { margin: 0!important; width: 220px; }

.children .articul { margin: 0!important; }

td.buttons-container { height: 24px; padding:0 0 0 4px!important; }
.children .buttons-container .wrapper { position: relative; height: 23px; }
.children .buttons-container .wrapper .articul { line-height: 23px; }
.children .buttons-container .buttons { position: absolute; bottom: -2px; right: -1px; margin: 0!important; }

.children table tr.item td { border-width: 1px 1px 0 1px!important; }
.children table tr.btns td { border-width: 0 0 1px 1px!important; }
.children table tr.item td.name { border-width: 1px 1px 0 0!important; min-width: 208px; }
.children table tr.item td.image { border-width: 1px 0 1px 1px!important; padding:0!important; }
.children table tr.item td.image img { margin: 2px 4px!important; }
.children table tr.btns td.buttons-container { border-width: 0 0 1px 0!important; }

.children table tr.item td.border-left { border-width: 0 0 0 1px!important; }
.children table tr.btns td.border-left { border-width: 0 0 1px 1px!important; }

.children table tr.current td { background-color: #eff7fc!important; }

.switch { clear: both; margin-bottom: 1em; }
.switch a { margin: 0.15em 0.25em; }
.switch b { background-color: #E8E9EC; padding: 0.15em 0.3em; margin-right: .5em; }
.switch .order { float: left; }
.switch .count { float: right; }

.switch a.sort { padding: .15em .3em .15em 1.2em; }
.switch a.asc { background: #E8E9EC url(../i/sort_asc.png) no-repeat .3em center; }
.switch a.desc { background: #E8E9EC url(../i/sort_desc.png) no-repeat .3em center; }

/* Images
------------------------------ */

#image_wrap img { cursor: pointer; }

/* Buttons
------------------------------ */

.btn { height: 26px; float: right; }
.btn a { color: #fff; display: inline-block; position: relative; }
.btn a, .btn a span { float: left; }

.b-cart a, .b-cart a span { background: transparent url(../i/btn-cart_back.png) no-repeat scroll 0 0; }
.b-check a, .b-check a span { color: #0b3f88; background: transparent url(../i/btn-check_back.png) no-repeat scroll 0 0; }
.b-list a, .b-list a span { background: transparent url(../i/btn-list_back.png) no-repeat scroll 0 0; }

.btn a span { padding-left: 32px; }
.btn a { padding-right: 16px; }

.btn a { background-position: 100% 0; margin: 0px 0 0; outline-color: -moz-use-text-color; outline-style: none; outline-width: 0; padding-left: 0; text-decoration: none; white-space: nowrap; }
.btn a span { background-position: 0 0; height: 26px; line-height: 26px; padding-right: 0; padding-top: 0px; }

.btn span { text-align: center; }

.b-check a { padding-right: 10px!important; }
.b-cart a span { width: 70px; }

.children .b-cart a span { width: auto!important; }

.b-cart-single a, .b-cart-single a span { background-image: url(../i/btn-cart-single_back.png)!important; }

/* Viewed
------------------------------ */

#viewed { clear: both; overflow: hidden; }
#viewed .item { float: left; width: 108px; }
#viewed .item .wrapper { text-align: center; overflow: hidden; }
#viewed .item .image span { display: inline; line-height: 80px; }
#viewed .item .image img { vertical-align: middle; }

.i-grid { clear: both; overflow: hidden; }
.i-grid .item { float: left; width: 104px; }
.i-grid .item .wrapper { text-align: center; overflow: hidden; }
.i-grid .item .image span { display: inline; line-height: 80px; }
.i-grid .item .image img { vertical-align: middle; }

/* Others
------------------------------ */

.bread { clear: both; border-bottom: 1px solid #c9dfe7; margin-top: -10px; margin-bottom: 1em; padding-bottom: 5px; }
.bread .text { color: #0066CC; font-weight: bold; }

.over { overflow: auto; }

.inline { display: none; }
#inline { display: none; }
#inline .content { margin: 10px; }

#message { display: none; background: red; position: fixed; top: 0; }
#message .content { margin: 10px; }

/*table.main-links { margin: 0 -10px; }*/
table.main-links tr td { border-bottom: 1px dotted #ccc!important; padding: 5px 0; }
table.main-links tr td img { margin: 5px 10px 0 0; }

.highlight { background-color: #ffa; }

.share { margin: 1em 0; }

.replaced, .deprecated { margin-bottom: 1em; }
.replaced .field, .deprecated .field { color: #B12; font-weight: bold; }

/* Scrollable
------------------------------ */

.scrollable { position: relative; overflow: hidden; clear: both; }
.scrollable { width:460px; }
/*#scrollable div { float: left; display: block; width: 103px; cursor: pointer; margin: 0; }*/
.scrollable .items .scroll { float: left; }
.scrollable .items { width: 20000em; position: absolute; clear: both; margin: 0; padding: 0; }
.scrollable .less, .scrollable .less a { color: #999 !important; }
.scrollable .items .item { float: left; /*width: 108px;*/ margin: 0 4px 0 0; display: block; cursor: pointer; }

.navi { height:20px; }
.navi a { width:8px; height:8px; float:left; margin:3px; background:url(../img/scrollable/arrow/navigator.png) 0 0 no-repeat; display:block; font-size:1px; }
.navi a:hover { background-position:0 -8px; }
.navi a.active { background-position:0 -16px; }

.scrollable { height:140px; }
.scrollable-images { height:90px; }

/* Tips
------------------------------ */

span.qtip {
	cursor: pointer;
	display: inline-block;
	margin: 0px 0px 0px 2px;
	vertical-align: middle;
	background: url('../i/q.png') no-repeat 0px 0px;
	height: 14px;
	width: 14px;
	overflow: hidden;
}
#tooltip { cursor: default; }
.tooltip {
	font-size: 100%;
	text-align: left!important;
	background: #eff7fc;
	border: 1px solid #c9dfe7;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	display: none;
    max-width: 600px;
}

.tooltip .content { margin: 10px; }
.tooltip .fields .field { margin-bottom: 0!important; padding-bottom: 0!important; border-color: #c9dfe7; }

.inline-div { display: inline; }

/* .f-row { position: relative; }
.f-row label.error { position: absolute; left: 150px; top: 0; } */
.f-row label.error { float: right; /*width: 200px!important;*/ }

input.error { border: 1px solid #f00; }
label.error { color: #f00; background: #fff5f5; border: 1px solid #f00; }

/* Modal
------------------------------ */

#modal {
	display:none;
	width:800px;
	border:10px solid #666;
	border:10px solid rgba(82, 82, 82, 0.698);
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
    z-index: 99999;
}
#modal .wrap {
	padding:10px;
	border:1px solid #3B5998;
	background-color:#fff;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif
}
#modal h2 {
	margin:-11px;
	margin-bottom:0px;
	color:#fff;
	background-color:#337198;
	padding:5px 10px;
	border:1px solid #3B5998;
	font-size:20px;
}
#modal .content { margin-top: 1em; }

/* News
------------------------------ */
.news_image {
	float: left;
	margin: 0 5px 10px 0;
}
.news_image_widget {
	float: left;
	margin: 0 5px 0 0;
}

/* Hacks
------------------------------ */

/* IE6 Jumping blocks fix */
.lb-l, .lb-c, .w-50 {
	clear: right;
}

input#email_re { display: none; }