/**** 
Color Schemes: {"tomato": "Tomato", "banana": "Banana", "grass": "Grass", "--indigo": "Indigo"}
****/

/*** import fonts ***/
@font-face{
	font-family:'FA';
	src: 
		url('../fonts/fontawesome-webfont.woff2') format('woff2'),
		url('../fonts/fontawesome-webfont.woff') format('woff'),
		url('../fonts/fontawesome-webfont.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}

/*** General styles ***/
body			{font: 12px Arial, Helvetica, sans-serif; color: #000000; margin: 0; padding: 0; background: #FFFFFF;}
body.popup	{font: 12px Arial, Helvetica, sans-serif; color: #000000; margin: 0; padding: 0; background: #FFFFFF;}
i { font-family: FA; font-style: normal; }
.fa { font-family: FA; font-style: normal;  }
a	{ outline: 0px; text-decoration: underline;}
a:hover { text-decoration: none; }
table { border: none; }

.field { clear: both; padding: 5px; overflow: hidden; }
.field .comments { font-style: italic; color: gray; font-family: times; }
.field .name { padding-top: 2px; float: left; width: 35%; }
.field .control { float: left; width: 65%; }

/*** layouts ***/
.layout { margin: 0 auto; text-align: left; width: 1250px; } 
.lt-single{}
.lt-double {}
.lt-triple {}

/*** frames ***/
.frame {} 
.fm-header { margin: 0; padding: 0; }
.fm-footer { }

/* Simple frame */
.lt-single .fm-middle { margin: 0; }
.lt-single .fm-footer { clear: both; }

/* Double frame */
.lt-double .fm-left { float: left; position: relative; width: 250px; min-height: 1px; }
.lt-double .fm-middle { float: left; position: relative; width: 1000px; min-height: 1px; }
.lt-double .fm-footer { clear: both; }

/* Triple frame */
.lt-triple .fm-left {float: left; position: relative; width: 250px; min-height: 1px; }
.lt-triple .fm-middle {float: left; position: relative; width: 750px; min-height: 1px; }
.lt-triple .fm-right {float: left; position: relative; width: 250px; min-height: 1px; }
.lt-triple .fm-footer {clear: both; }

/* Triple frame */
.lt-hot .fm-hot {float: left; position: relative; width: 1000px; min-height: 1px; }
.lt-hot .fm-left {float: left; position: relative; width: 250px; min-height: 1px; }
.lt-hot .fm-middle {float: left; position: relative; width: 750px; min-height: 1px; }
.lt-hot .fm-right {float: right; position: relative; width: 250px; min-height: 1px; }
.lt-hot .fm-footer {clear: both; }

/* block, breadcrumb global styles */
.fm-header .block, .fm-footer .block, 
.fm-header .area, .fm-footer .area, 
.fm-header .breadcrumb, .fm-footer .breadcrumb { margin: 5px 5px 0 5px; }
.fm-middle .block, .fm-hot .block, 
.fm-middle .area, .fm-hot .area, 
.fm-middle .breadcrumb, .fm-hot .breadcrumb { margin: 5px 5px 0 5px; }
.fm-left .block, .fm-left .area, .fm-left .breadcrumb { margin: 5px 0 0 5px; }
.fm-right .block, .fm-right .area, .fm-right .breadcrumb { margin: 5px 5px 0 0; }

/* rows and cols general styles */
.col { float: left; }
.col:first-child:nth-last-child(3), .col:first-child:nth-last-child(3) ~ .col { width: 50%; }
.col:first-child:nth-last-child(4), .col:first-child:nth-last-child(4) ~ .col { width: 33.33%; }
.col:first-child:nth-last-child(5), .col:first-child:nth-last-child(5) ~ .col { width: 25%; }
.col:first-child:nth-last-child(6), .col:first-child:nth-last-child(6) ~ .col { width: 20%; }
.row { clear: both; position: relative; }
.row-end { clear: both; }

.bk-data.sr-slideshow .row { position: static; } 
.block.bk-products-offers .body>div, .block.bk-products-list .body>div, .block.bk-user-product .body>div,
.block.bk-user-ad .body>div, .block.bk-profiles-user-edit .body>div, .block.bk-user-product-subcomponents .body>div,
.block.bk-user-product-option .body>div, 
.block.bk-product-reviews .body>div  { padding: 0; }

.bk-products-offers .row, .bk-products-list .row { border-width: 1px 0 0 0; }
.bk-products-offers .row:first-child, .bk-products-list .row:first-child { border: none; }
.bk-products-offers .col:after, .bk-products-list .col:after { content:" "; margin: 0 -1px; position: absolute; top: 0; bottom: 0; width: 1px; }
.bk-products-offers .col:first-child:after, .bk-products-list .col:first-child:after { display: none; }
.row-title > td, .row-title > th { border-width: 1px 0 0 0; padding: 5px; }
.row-cell > td, .row-cell > th { border-width: 1px 0 0 0; padding: 5px; }

.bk-data { position: relative; overflow: hidden; }
.multi-add { border-width: 1px 0 0 0; }

.block .head { border-width: 1px; border-style: solid; border-radius: 5px; font: bold 16px Arial, Helvetica; }
.block .head>div{ border-width: 1px 0 1px 0; border-style: solid none solid none; border-radius: 5px; }
.block .head>div>div{ border-width: 1px 0 1px 0; border-style: solid none solid none;  padding: 8px 20px; border-radius: 5px;}
.block.hidden-title .head { display: none; }
.block .sub-head { padding: 10px 10px 0 10px; font: 16px Arial, Helvetica; text-transform: uppercase; }
.block .sub-body { padding: 10px; }
.block .body { margin-top: 1px;  border-width: 2px; border-style: solid; border-radius: 5px; }
.block .body>div{ border-width: 1px; border-style: solid; padding: 10px; }
.block .foot { display: none; }

.breadcrumb {padding: 10px; border-width: 2px; border-style: solid; }
.breadcrumb .rss { float: right; }

/*** definition of different schemes ***/
/*** default tomato scheme ***/
.bg-body { background: #ffe5e5; }
.bg-title, .middlebg {background: #FCC; color: #600; font-weight: bold;}
.br-solid, .br-solid > td, .br-solid > th { border-color: #cc3333; border-style: solid; }
.fa {color: #600;}
a	{color: #600; }
a:hover { color: #FF6666; }

.block .head { border-color: #cc6666; border-bottom-color: #620000; background: linear-gradient(#be2222, #9a0101); color: #FCC; }
.block .head>div{ border-top-color: #cc2e2f; border-bottom-color: #6f0000; }
.block .head>div>div{ border-top-color: #cc2e2f; border-bottom-color: #880000; }
.block .sub-head { color: #444; }
.block .body { background: #ffe5e5; border-color: #cc3333; }
.block .body>div{ border-color: #cc3333; }

.breadcrumb { border-color: #cc3333; background: #ffe5e5; }

.bk-header .logo { background: linear-gradient(#990000, #c62e2e); } 
.bk-header .menu { background: linear-gradient(#c62e2e, #c12828); border-color: #fff;  }
.bk-header .menu:after { background: #fff; }

.nav-header { border-color: #fff; }
.nav-header > li { border-color: #fff; }
.nav-header > li > a { border-color: #fff; color: #FCC; }
.nav-header > li a:hover { color: #fff; }
.nav-header > li.nav-active > a { border-color: #c62e2e; }
.nav-header li ul, .nav-header li li { border-color: #C33; }
.nav-header li li a { background: #FFAAAA; color: #990000; }
.nav-header li li a:hover { background: #FFCCCC; color: #990000;}

.bk-header .nav-expand { background: linear-gradient(#c62e2e, #c12828);  color: #FCC; }
.bk-header .nav-expand.expand-open { color: #fff;  } 

.bk-products-offers .col:after, .bk-products-list .col:after { background: #cc3333; }

.tabs { border-color: #C33; }
.tabs a { background: #FCC; color: #600; border-color: #C33; }
.tabs a:hover			{ background: #FAA; }
.tabs li.tab-active a { background: #C33; color: #FFF; }

a.button { color: #FCC; background: #C33; }
a.button:hover { color: #fff; }
/*** end default white scheme ***/

/*** start banana scheme ***/
.banana .bg-body { background: #ffffe5; }
.banana .bg-title, .banana .middlebg {background: #e6e69c; color: #663; font-weight: bold;}
.banana .br-solid, .banana .br-solid > td, .banana .br-solid > th { border-color: #cccc67; border-style: solid; }
.banana .fa {color: #663;}
.banana a	{color: #663; }
.banana a:hover { color: #cc6; }

.banana .block .head { border-color: #cccc67; background: linear-gradient(#ffffcc, #d0d06f); color: #8c8d3c; }
.banana .block .head>div{ border-top-color: #e1e191; border-bottom-color: #cdcd69; }
.banana .block .head>div>div{ border-top-color: #eaeaa3; border-bottom-color: #cfcf6c; }
.banana .block .sub-head { color: #444; }
.banana .block .body { background: #ffffe5; border-color: #cccc67; }
.banana .block .body>div{ border-color: #cccc67; }

.banana .breadcrumb { border-color: #cccc67; background: #ffffe5; }

.banana .bk-header .logo { background: #cccc66; } 
.banana .bk-header .menu { background: linear-gradient(#dedf8c, #fbfbc4); border-color: #fff;  }
.banana .bk-header .menu:after { background: #fff; }

.banana .nav-header { border-color: #fff; }
.banana .nav-header > li { border-color: #fff; }
.banana .nav-header > li > a { border-color: #fff; color: #8c8d3c; }
.banana .nav-header > li a:hover { color: #a8a961; }
.banana .nav-header > li.nav-active > a { border-color: #cccc66; color: #786633; }
.banana .nav-header > li.nav-active { background: #cccc66; }
.banana .nav-header li ul, .nav-header li li { border-color: #665214; }
.banana .nav-header li li a { background: #cccc67; color: #665214; }
.banana .nav-header li li a:hover { background: #b2b359; color: #665214;}

.banana .bk-header .nav-expand { background: #cccc66;  color: #663; }
.banana .bk-header .nav-expand.expand-open { color: #FFC;  } 

.banana .bk-products-offers .col:after, .bk-products-list .col:after { background: #cccc67; }

.banana .tabs { border-color: #CCCC67; }
.banana .tabs a { background: #FFC; color: #663; border-color: #CCCC67; }
.banana .tabs a:hover			{ background: #FFA; }
.banana .tabs li.tab-active a { background: #CCCC67; color: #FFF; }

.banana a.button { color: #8c8d3c; background: linear-gradient(#ffffcc, #d0d06f); border: 1px solid #8c8d3c; }
.banana a.button:hover { color: #663; }
/*** end banana scheme ***/

/*** start grass scheme ***/
.grass .bg-body { background: #f2ffe5; }
.grass .bg-title, .grass .middlebg {background: #ccff99; color: #3e5923; font-weight: bold;}
.grass .br-solid, .grass .br-solid > td, .grass .br-solid > th { border-color: #74a741; border-style: solid; }
.grass .fa {color: #3e5923;}
.grass a	{color: #3e5923; }
.grass a:hover { color: #85bf4b; }

.grass .block .head { border-color: #74a741; background: linear-gradient(#97c964, #669933); color: #bcff99; }
.grass .block .head>div{ border-top-color: #a0d36d; border-bottom-color: #baed87; }
.grass .block .head>div>div{ border-top-color: #a0d36d; border-bottom-color: #a0d36d; }
.grass .block .sub-head { color: #444; }
.grass .block .body { background: #f2ffe5; border-color: #74a741; }
.grass .block .body>div{ border-color: #74a741; }

.grass .breadcrumb { border-color: #74a741; background: #f2ffe5; }

.grass .bk-header .logo { background: #669933; } 
.grass .bk-header .menu { background: linear-gradient(#81b54f, #669933); border-color: #fff;  }
.grass .bk-header .menu:after { background: #fff; }

.grass .nav-header { border-color: #fff; }
.grass .nav-header > li { border-color: #fff; }
.grass .nav-header > li > a { border-color: #fff; color: #ccff99; }
.grass .nav-header > li a:hover { color: #fffeee; }
.grass .nav-header > li.nav-active > a { border-color: #669933; color: #bcff99; }
.grass .nav-header > li.nav-active { background: #669933; }
.grass .nav-header li ul, .nav-header li li { border-color: #222; }
.grass .nav-header li li a { background: #a9dc76; color: #222; }
.grass .nav-header li li a:hover { background: #ccff99; color: #222;}

.grass .bk-header .nav-expand { background: #669933;  color: #3e5923; }
.grass .bk-header .nav-expand.expand-open { color: #bcff99;  } 

.grass .bk-products-offers .col:after, .bk-products-list .col:after { background: #74a741; }

.grass .tabs { border-color: #74a741; }
.grass .tabs a { background: #bcff99; color: #3e5923; border-color: #74a741; }
.grass .tabs a:hover			{ background: #FFA; }
.grass .tabs li.tab-active a { background: #74a741; color: #FFF; }

.grass a.button { color: #50732d; background: linear-gradient(#ccff99, #7bad47); border: 1px solid #74a741; }
.grass a.button:hover { color: #3e5923; }

.grass input.submit { background: linear-gradient(#ccff99, #7bad47); box-shadow: 1px 1px 1px #89bb55; }
.grass .item-image { border-color: #74a741; }


/*** end grass scheme ***/




.list-item { padding: 10px; }
.search-results { text-transform: none; padding: 10px; }
.sorter { text-align: right; padding: 10px; font-size: 14px; }
.sorter-select { position: relative;  display: inline-block; padding: 4px 10px; border: 1px solid #c0c0c0; border-radius: 3px; background: #fff; cursor: pointer; }
.sorter-select:after { font-family: FA; content: "\f0d7"; padding-left: 10px; }
.sorter-select.expand-open:after { content: "\f0d8"; }
.sorter ul { display: none; position: absolute; right: 0; border: 1px solid #c0c0c0; border-radius: 3px; width: 150px; background: #fff; z-index: 100; box-shadow: 3px 3px 3px #888888; margin: 10px 0; padding: 0; }
.sorter ul li { list-style: none; border-bottom: 1px solid #c0c0c0; }
.sorter ul li:last-child { border: none; }
.sorter ul li a { display: block; padding: 10px 10px; text-decoration: none; }
.sorter ul li a:hover { background: #f0f0f0; }
.sorter ul.expand-open { display: block; }
.navigator { text-align: right; padding: 10px; border-width: 1px 0 0 0; white-space: nowrap; }

tr, td		{font: 12px Arial, Helvetica, sans-serif; }
h1, h2		{padding: 0px; margin: 0px;}
a.header 			{text-decoration: none;}
a.header:hover		{text-decoration: underline; }
a.title				{font-size: 15px; font-weight: bold;}

input, textarea, select {font: 12px Arial, Helvetica, sans-serif; margin-top: 1px; padding: 2px; }
input.submit		{
	color: #333; border: 1px solid #777; border-radius: 3px; padding: 0px 7px; 
	cursor: pointer; font-size: 13px; height: 22px; margin: 0 1px 0 0; box-shadow: 1px 1px 1px #333;
}
input.submit:active { box-shadow: none; margin: 0 0 0 1px; }


.usualbg  			{background: transparent;}
.errorbg  			{background: #FFE0E0; border: 1px solid #CC0000; color: #CC0000; padding: 6px; text-align: center;}
.messagebg  		{color: #0000CC; font-weight: bold; padding: 6px; text-align: center;}
div.message     { color: #0000FF; text-align: center; border: 1px solid #AAAAFF; padding: 10px; background: #EEEEFF; margin-bottom: 10px; }
.padding6px, .table-data td, .table-data th { padding: 6px; }
.padding10px { padding: 10px; }
.table-data td td, .table-data th th { padding: 0; }

.article-image {border: none; float: left; margin: 0px 10px 5px 0px;}
.introBlock {border: 1px solid #8A8A8A; margin: 5px; padding: 6px;}

.articleDate	{color: #7777CC; font-size: 11px; font-style: italic; }
.titleText		{color: #1584D2; text-decoration: none; }
.top				{font-size: 11px;}
.smallText		{font-size: 11px;}
.middleText		{font-size: 13px;}
.bigText			{font-size: 14px;}
.comment			{font-size: 11px; color: #7777CC;}
.message			{color: #FFBA00;}
.title, .bigtitle, .item-name	{ font-size: 14px; font-weight: bold; }
a.smallText			{ text-decoration: none;}
a.smallText:hover	{text-decoration: underline;}

.error			{color: red; }
.terms			{height: 300px; width: 600px; overflow: auto; border: 1px solid #c0c0c0; }

span.nobr      {white-space: nowrap !important;}
.right { float: right; }
.floatright 	{float: right;}
.floatleft 		{float: left;}
.clearboth 		{clear: both;}
.clear { clear: both; }

form {margin: 0; padding: 0;}
/*** General styles ***/

/*** navigation bar ***/
.bk-navigation-bar .menu { font-size: 0; }
.bk-navigation-bar .nav-bar { font-size: 12px; }
.bk-navigation-bar { margin: 0; padding: 0; border: none; border-radius: 0; background: #333; color: #AAA; text-align: center; }
.bk-navigation-bar.fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 101; }
.foot-navigation-bar { display: none; }
.foot-navigation-bar.fixed { display: block; height: 35px; }
ul.nav-bar {  margin: 0; padding: 0; display: inline-block; border-left: 1px solid #555; text-align: left; } 
ul.nav-bar > li { float: left; position: relative; list-style: none; border-right: 1px solid #555;  border-top: 1px solid #555; border-bottom: 1px solid #555; }
/* ul.nav-bar > li.nav-right { float: right; } /* reverse order */
ul.nav-bar li a { padding: 8px 12px; text-decoration: none; font-size: 13px; display: block; float: left; cursor: pointer; color: #AAA; }
ul.nav-bar li ul li a, ul.nav-bar li ul li i { color: #333; }
ul.nav-bar li ul li a:hover { color: #666; }
ul.nav-bar li:hover, ul.nav-bar li:hover a { color: #FFF; }
ul.nav-bar li:hover ul li a { color: #333; }
ul.nav-bar li img { padding: 1px 5px 0; display: inline-block; }
ul.nav-bar li ul { display: none; position: absolute; background: white; z-index: 101; left: -1px; top: 33px; list-style: none; margin: 0; padding: 0; border: 1px solid #555; background: #EEE; color: #333; width: 150px; } 
ul.nav-bar li.nav-right ul { left: auto; right: -1px; }
ul.nav-bar ul ul { left: 150px; top: -1px; } 
ul.nav-bar > li.nav-childs > i.expand { float: right; display: block; padding: 8px 8px 8px 0;}
ul.nav-bar > li.nav-childs > i.expand:before { content:"\f0d7"; }
ul.nav-bar li li.nav-childs > i.expand { float: right; padding: 8px 8px 8px 0;}
ul.nav-bar li li.nav-childs > i.expand:before { content:"\f0da"; }

.nav-bar li > i, .nav-bar li > a > i { font-size: 16px/16px; padding: 0 8px 0 0;  display: block; float: left; }
li li > i, li li > a > i { font-size: 13px; }
li.nav-right > i, li.nav-right > a > i { float: right; padding: 0 0 0 8px; }
li.cart > i, li.cart > a > i { padding: 0 16px 0 0; }
li.cart.nav-right > i, li.cart.nav-right > a > i { float: right; padding: 0 4px 0 8px; }
li.expand i { padding: 6px 10px 6px 2px; float: right; cursor: pointer; }
li.expand i:after { font-size: 16px; content:"\f0d7"; }
li.expand.nav-open i:after { content:"\f0d8"; }
li.wishlist i:before { content:"\f004"; }
li.account i:before { content:"\f007"; }
li.phone i:before { content:"\f095"; }
li.cart i:before { content:"\f07a"; }
li.home i:after { content:"\f015"; }
li.compare i:before { content:"\f24e"; }
li.search i:before { content:"\f002"; }
li.products i:before { content:"\f0c9"; }
li.products ul { width: 150px; text-align: left; }
li.products ul li { float: none; position: relative; }
li.products ul li a { float: none; }
li.products.nav-right ul li a { text-align: right; }
li.products ul li i { float: right; display: block; padding: 6px; }
li.products.nav-right ul li i { float: left;  }
li.products ul li i:before { content: ""; }
li.products ul li.nav-childs > i:before { content: "\f0da"; }
li.products.nav-right ul li.nav-childs > i:before { content: "\f0d9"; }
li.products ul ul { left: 150px; top: 0px; } 
li.products.nav-right ul ul { left: auto; right: 150px; top: -1px; }
li.cart .cart-qty { position: absolute; left: 23px; top: 3px; font-size: 9px; color: #AAA; border: 1px solid #AAA; border-radius: 9px; padding: 0 3px; }
li.cart.nav-right .cart-qty { left: auto; right: 3px; top: 3px; }

li.site-search i:before { content:"\f00e"; }
i.music:before { content:"\f001"; }

li.languages > a { text-transform: uppercase; }
ul.nav-bar li.currencies ul { width: 180px; }
li.languages ul li img, li.currencies ul li img { display: inline; float: left;  }
li.languages ul li span, li.currencies ul li span { display: inline;   }
li.search > ul li form, li.site-search > ul li form { border-radius: 5px; margin: 10px; }
ul li.search > ul, ul li.site-search > ul { width: 500px; }
ul li.search.nav-right > ul, ul li.site-search.nav-right > ul { left: auto; right: -1px; width: 500px; }

.category-select { font-size: 14px; float: left; padding: 0; height: 28px; border: 1px solid #CDCDCD; background: #F3F3F3; border-top-left-radius: 5px; border-bottom-left-radius: 5px; color: #555; }
.category-select span { display: inline-block; padding: 5px 5px 5px 10px;  }
.search .category-select i { padding: 5px; }
.search .category-select i:before { content: "\f078"; }
.search .category-select.expand-open i:before { content: "\f077"; }
.search .category-select:hover { color: #999; }
.search-button { float: right; }
.search-button input { border: none; background: #333; height: 30px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; color: #EEE; }
.search-field { position: relative; width: auto; overflow: hidden; height: 30px; }
.search-field input { width: 100%; height: 18px; padding: 5px; border: none; border-top: 1px solid #CDCDCD; border-bottom: 1px solid #CDCDCD;  }
li.site-search .search-field input { border-left: 1px solid #CDCDCD; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
ul.nav-bar li.cart ul { width: 300px; padding: 10px; }

.bk-navigation-bar .nav-expand { color: #aaa; clear: both; display: none; font-weight: bold; font-size: 20px; background: #333; padding: 10px; cursor: pointer; }
.bk-navigation-bar .nav-expand.expand-open { background: #aaa; color: #333; } 
.bk-navigation-bar .nav-expand i { float: right; display: block; padding-top: 3px; font-weight: normal; }
.bk-navigation-bar .nav-expand i:after { padding: 0 10px; content:"\f0ae"; }
/* end navigation bar */

/*** header ***/
.bk-header { min-height: 75px; position: relative; z-index: 100; }
.bk-header .logo { 	padding: 10px; } 
.bk-header .logo img { border: none;  }
.bk-header .menu { border-bottom-width: 1px; border-bottom-style: solid;  }
.bk-header .menu:after { content: " "; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; }

/* header menu */
.bk-header .nav-expand { clear: both; display: none; font-weight: bold; font-size: 20px; padding: 10px; cursor: pointer; }
.bk-header .nav-expand i { float: right; display: block; padding-top: 3px; font-weight: normal; }
.bk-header .nav-expand i:after { padding: 0 10px; content:"\f0c9"; }
.bk-header .nav-expand.expand-open i:after { content:"\f068"; }
.nav-header { display: block; margin: 0; padding: 0; z-index: 20; border-top-width: 1px; border-top-style: solid; }

/* top menu elements */
.nav-header > li { display: block; float: left; list-style: none; margin: 0px; padding: 0px; white-space: nowrap; border-width: 0 1px 1px 0; border-style: none solid solid none; }
.nav-header > li > i { display: none; }
.nav-header > li > a { border-top-width: 1px; border-top-style: solid; min-height: 15px; display: block; font: 12px Arial, Helvetica, sans-serif; padding: 7px 15px; text-decoration: none; position: relative; top: -1px; font-weight: 700; }

/* popup menu elements */
.nav-header li ul { border-width: 1px; border-style: solid; border-bottom: none; display: none; margin: 1px 0px; padding: 0px; position: absolute; width: 200px; z-index: 101; }
.nav-header li li { border-bottom-width: 1px; border-bottom-style: solid; display: block; float: left; list-style: none; margin: 0px; padding: 0px; white-space: nowrap; width: 200px; position: relative; }
.nav-header li li a { padding: 6px 10px; text-decoration: none; font-weight: normal; display: block; }
.nav-header li li.nav-active > a { font-weight: bold; text-decoration: underline; }
.nav-header li ul ul { display: none; left: 200px; margin: 0px; padding: 0px; position: absolute; top: -1px;}
/*** end of header styles ***/

/*** footer ***/
.bk-footer { background: none; border: none; text-align: center; }
.footer-menu ul { margin: 0; padding: 0; display: inline-block; }
.footer-menu ul li { list-style: none; margin: 0; padding: 5px 0 0 5px; float: left; }
.footer-menu ul li:after { content: "|"; }
.footer-menu ul li:last-child:after { content: ""; }

.footer-head, .footer-foot {text-align: center; padding: 10px;}
.footer-logo {text-align: right; padding: 0px 10px 0px 0px;}
.footer-logo img {width: 80px; height: 26px; border:0px;}
/*** end of footer styles ***/

.layout .bk-products-list .body>div, .layout .bk-product-details .body>div { padding: 0; }
.bk-products-list .category-name { font-size: 14px; font-weight: bold; padding: 10px; border-width: 1px 0 0 0; }
.bk-products-list .category-desc { border-width: 1px 0 0 0; padding: 6px; }

.multi-add { padding: 10px; text-align: right;}

/*** product details, list styles ***/
.bk-product-details .head h1 { font-size: 16px; }
.bk-product-details form { padding: 10px; }
.bk-product-details .item-image { background: #FFFFFF; border: 1px solid #78C7FF; margin-right: 10px; margin-bottom: 10px; padding: 1px; }
.bk-product-details .image-block { float: left; width: 50%; }
.bk-product-details .image-block img { max-width: 100%; }
.bk-product-details .buy-block { float: left; width: 50%; }
.bk-product-details .highlights { background: #FFF; border: 1px solid #0A0; margin: 0 0 10px 10px; padding: 5px; }
.black .bk-product-details .highlights { border-color: #99F; color: black; }

.buy-block .prices, .buy-block .buttons { margin-left: 10px; }
.bk-product-details .highlights-title { display: none; }
/*** end product details styles ***/

/*** login block ***/
.new-user .bg-title, .exists-user .bg-title { text-align: center; padding: 6px; font-size: 20px; margin-bottom: 10px; }
.new-user .login-signup, .exists-user .login-hint, .exists-user .admin-select, .exists-user .forgot-password
{ width: 300px; margin: 0 auto; }
.login-signup { padding-bottom: 10px; }
.exists-user .field { width: 300px; margin: 0 auto; }
.new-user a { display: block; margin: 3px 0; } 
/*** login block end ***/

/*** User Home Page ***/
.order-log table { border-spacing: 0; width: 100%; margin: 10px; }
.event-date { width: 150px; padding: 5px 10px 5px 0; vertical-align: top; }
.event-desc { padding: 5px 10px; }
.event-attachments { margin-top: 5px; }
.event-attachments a { text-decoration: none; }
.event-attachments a span.name { text-decoration: underline; }
.event-attachments a:before { font: 14px FA; content: "\f016"; padding-right: 5px; }
.event-attachments a:after { content: "; "; padding-right: 5px; }
.event-attachments a:last-child:after { content: ""; }

.UHBRows				{clear: both;}
.UserHomeBlock		{float: left; position: relative; width: 49%;}
.UHBContent			{padding: 7px;}
.UHBContent div 	{margin: 0px 0px 0px 50px;}

.userHomeLogout 		{clear: both; padding: 0px 20px 0px 20px; text-align: right;}
.userHomeLogout a 	{color: #444444; font-weight: bold;}

.UserHomeBlock img.orders 					{background: url(../images/icons/admin_orders.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;}
.UserHomeBlock img.profile 				{background: url(../images/icons/admin_profile.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;}
.UserHomeBlock img.addresses {background: url(../images/icons/admin_addresses.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;}
.UserHomeBlock img.messages {background: url(../images/icons/messages.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;}
.UserHomeBlock img.arr		 				{background: url(../images/icons/arr.gif) no-repeat; width: 15px; height: 16px; border:0px; margin: 0px 5px 0px 0px; position: relative; bottom: -4px;}
.UserHomeBlock img.support 				{background: url(../images/icons/admin_support.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;}
.UserHomeBlock img.forum 					{background: url(../images/icons/admin_forum.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;}
.UserHomeBlock img.products 				{background: url(../images/icons/admin_products.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;}
.UserHomeBlock img.pages 					{background: url(../images/icons/admin_pages.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;}
.UserHomeBlock img.salesorders			{background: url(../images/icons/admin_salesorders.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;}
.UserHomeBlock img.merchant 				{background: url(../images/icons/admin_merchant.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;}
.UserHomeBlock img.affiliates				{background: url(../images/icons/admin_affiliates.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;}
.UserHomeBlock img.payments				{background: url(../images/icons/admin_payments.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;}
.UserHomeBlock img.carts					{background: url(../images/icons/admin_carts.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;}
.UserHomeBlock img.wishlist				{background: url(../images/icons/admin_wishlist.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;}
.UserHomeBlock img.reminders				{background: url(../images/icons/admin_reminders.png) no-repeat; width: 50px; height: 50px; border:0px; float: left;}
/*** User Home Page ***/

/*** Button Links ***/
a.button { display: inline-block; font: 12px/20px Arial, Helvetica, sans-serif; padding: 5px 10px; white-space: nowrap; text-decoration: none; margin-top: 10px; }
a.bn-add	{ font-weight: bold;}
a.bn-shopping { font-weight: bold;}	
a.bn-checkout { font-weight: bold;}
.spacer { display: none; }

a.bn-more { font: 11px Arial, Helvetica, sans-serif; white-space: nowrap; padding: 3px 8px; }
a.bn-more img 	{display:none;}

a.disabled {color: gray; cursor: text; font: bold 14px/20px Arial, Helvetica, sans-serif; padding: 0px 10px 0px 0px;}

div.chooseOptions, div.editOptions { padding-top: 5px; padding-bottom: 5px; }
a.editOptions { color:blue; background-color: #eeeeff; border: 1px solid #A0A0FF; font-size: 10px; text-decoration: none; padding: 2px 10px 2px 10px; }
a.chooseOptions { color:red; background-color: #ffeeee; border: 1px solid #FFA0A0; font-size: 10px; text-decoration: none; padding: 2px 10px 2px 10px; }
/*** Button Links ***/

/*** Filter popup on more button ***/
.filterPopup {background-color: #FFF1C7; border: 2px solid #FFD075; display: none; margin-left: -5px; padding: 3px 4px; position: absolute; z-index: 100;}
/*** Filter popup on more button ***/

/*** Categories Tree ***/
.bk-site-map  ul.tree > li > a { text-transform: uppercase; }
.tree-title { font: bold 18px Arial; text-decoration: underline; padding: 5px 3px; }
.tree { display: block; margin: 0px; padding: 0px; font-size: 14px; }
.tree ul { margin: 2px 0px 0px 0px; padding: 0px; display: none; } 
.tree li.node-open > ul { display: block; } 
.tree li { display: block; list-style: none; margin: 0px; padding: 2px 0px 2px 0px; clear: both; }
.tree li li { padding-left: 20px; }
.tree .expand { min-width: 14px; min-height: 14px; display: block; float: left; padding: 0 4px; }
.tree .expand:before { content:"\f096"; font-size: 18px; }
.tree .node-childs > .expand { cursor: pointer; }
.tree .node-leaf > .expand:before { content:"\f105"; font-size: 18px; }
.tree .node-no-data > .expand:before { content:"\f00d"; font-size: 18px; }
.tree .node-no-data > a { text-decoration: none; cursor: text; }
.tree .node-childs > .expand:before { content:"\f196"; font-size: 18px; }
.tree .node-childs.node-open > .expand:before { content:"\f147"; font-size: 18px; }
.tree .node-image { max-width: 16px; max-height: 16px;  width: auto; height: auto; float: right; }

/*** New Catalog Categories List ***/
.category { padding: 6px 4px; }
.category i.list { padding-right: 2px; font-size: 14px; }
.category i.list:before { content: "\f0da"; }
.category-title { font-size: 14px; font-weight: bold; }
.image-before { display: none; }
.image-after, .category-image { float: right; padding-right: 5px; }
.image.rss { position: relative; margin-left: 5px; top: 3px; }
ul.subcategories { margin: 0; padding: 2px 0 0 10px; }
ul.subcategories li { list-style: none; padding: 0 4px 0 0; float: left; }
ul.subcategories li:after { content: ", "; }
ul.subcategories li:last-child:after { content: ""; }
ul.subcategories a { font-size: 12px; text-decoration: none;  }
ul.subcategories a:hover {text-decoration: underline;}

/*** Categories ***/
.groupTitle		{background: #E9E9E9; font-size: 120%; padding: 6px;}
.feature			{border-bottom: 1px solid #E9E9E9; display: block; padding: 6px;}
.featureName	{float: left; font-weight: bold; padding: 0px; width: 40%;}
.featureValue	{padding: 0px 0px 0px 45%;}

/* Matrix prices for product */
.matrix			{margin: 10px 0px;}
.matrixQty		{border-left: 1px solid #E9E9E9; border-top: 1px solid #E9E9E9; float: left;}
.matrixPrice	{border-top: 1px solid #E9E9E9; float: left;}
.matrixTitle	{background: #E9E9E9; border-right: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; font-weight: bold; padding: 3px 6px; text-align: center;}
.matrixItem		{border-right: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; padding: 3px 6px; text-align: left;}

/* Delimiter for list and rollover for details */
.vDelimiter {border-right: 1px solid #E9E9E9;}
.hDelimiter {background: #E9E9E9; border: 0px;}
.rolloverImagesTop {padding: 10px 0px 0px 0px;}
.rolloverImages {float: left; padding: 5px; text-align: center; width: 30%;}
.manufacturerImage {padding: 10px 0px 0px 0px;}

/* Visualisation tabs on product details */
.tabs { border-bottom-width: 3px; border-bottom-style: solid; height: 1%; margin: 0px; overflow: hidden; padding: 0 0 0 10px; margin-top: 10px; }
.tabs li 			{ display: block; float: left; list-style: none; margin: 0 10px 0 0; padding: 0; background: none; }
.tabs a { font: bold 14px Arial; display: block; padding: 5px 8px 4px; border-width: 1px; border-style: solid; border-bottom: none; text-decoration: none; }
.tabs li.tab-active a {  cursor: text; }
.tabs li.tab-active a:hover  { }
.tab-data { padding: 10px; }
.tab-show { display: block; }
.tab-hide { display: none; }
/*** Products list (list, table view) and product details ***/

/*** Related products ***/
.relTitle {padding: 0px 0px 5px 0px;}
.relImg {margin: 0px 5px 5px 0px;}
/*** Related products ***/

/*** cart and mini cart ***/
.bk-shopping-cart .body>div, .bk-mini-cart .body>div { padding: 5px 0px; }
.cart-small td		{ padding: 0px; }
.cart-title td { padding: 4px; border-width: 1px 0;}
.cart-item td	{ border-width: 0 0 1px 0; padding: 4px;}
.cart-total td { border-width: 0 0 1px 0; padding: 4px; }
.cart-small .cart-buttons { text-align: center; padding: 5px; }
.cart-small .cart-buttons a.button { font-size: 12px; margin: 0 2px; padding: 3px 5px; float: none; display: inline; }
.cart-small .cart-buttons a.button:hover { color: #FFF;  }
.cart-empty { text-align: center; }
/*** Small Cart ***/

/*** Latest ***/
td.topArticle {padding: 0px;}
td.subArticle {padding: 3px 3px 0px 0px;}
a.subArticle {padding-left: 8px; font-size: 11px; background: url(../images/bullet.gif) no-repeat left 3px;}
/*** Latest ***/

/*** Forum ***/
.forumAdmin 			{color: blue; font-weight: bold;}
.forumUser 				{color: black; font-weight: bold;}
.forumGuest       	{color: black;  font-weight: bold; font-style: italic;}
.forumMessageLeft 	{background: #F4F4F4; border-left: 1px solid #D5D5D5; border-top: 1px solid #D5D5D5; border-bottom: 1px solid #D5D5D5;}
.forumMessageRight 	{background: #F4F4F4; border: 1px solid #D5D5D5;}
.forumMessageTop 		{background: #E9E9E9; border-bottom: 1px solid #D5D5D5;}
/*** Forum ***/

/*** Prices on the site ***/
.caption:after { content: ": "; }

.price-main {color: #000; font-weight: bold;}
.price-main .price {font-weight: bold;}
.price-main .tax {font-weight: normal;}

.price-old {color: #000; text-decoration: line-through;}

.hidden {color: #000; font-weight: bold; display: none;}

.price-edit {color: #000; font-weight: bold;}
.price-edit input.price {text-align: right; font-weight: bold; width: 60px; font-size: 13px; color: black; border: 1px solid #A3ACB1;}

.price-sale {color: #000; font-weight: bold; border: none; background: transparent;}
.price-sale .price {font-weight: bold;}
.price-sale .tax {font-weight: normal;}

.price-save {color: #0A0; font-weight: bold;}
.price-save .price {font-weight: bold;}
.price-save .percent {font-weight: normal;}
/*** Prices on the site ***/

/*** Rating part ***/
.SummaryStatistic img					{margin-top: -2px;}
.SummaryStatistic .percentage img 	{margin-right: 10px;}
.ShowReviews img							{margin-top: -2px;}
.ShowReviews span							{padding: 0px 10px;}
.RatingImage								{float: left;}
.RatingText									{margin-left: 110px;}

.neutral {display: none;}
.commend		{background: url(../images/icons/commend.png) no-repeat; width: 20px; height: 20px; border:0px;}
.discommend	{background: url(../images/icons/discommend.png) no-repeat; width: 20px; height: 20px; border:0px;}
.not-rated	{background: url(../images/icons/not-rated.png) no-repeat; width: 97px; height: 18px; border:0px;}
.rating-1	{background: url(../images/icons/rating-1.png) no-repeat; width: 97px; height: 18px; border:0px;}
.rating-2	{background: url(../images/icons/rating-2.png) no-repeat; width: 97px; height: 18px; border:0px;}
.rating-3	{background: url(../images/icons/rating-3.png) no-repeat; width: 97px; height: 18px; border:0px;}
.rating-4	{background: url(../images/icons/rating-4.png) no-repeat; width: 97px; height: 18px; border:0px;}
.rating-5	{background: url(../images/icons/rating-5.png) no-repeat; width: 97px; height: 18px; border:0px;}
/*** Rating part ***/

/*** Wishlist pop-up window ***/
.wishlist-opacity	{display: none; z-index: 900; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-color: #E1E1E1;}
.wishlist-shadow	{display: none; z-index: 1000; position: absolute; top: 0px; left: 0px; width: 400px; background: #CCCCCC;}
.wishlist-block		{position: relative; bottom: 5px; right: 5px; width: 400px; background: #F4F4F4; border: 1px solid #78C7FF;}
.wishlist-img-close	img {margin: 10px 10px 5px 0px;}
.wishlist-descr		{padding: 0px 35px 20px 30px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; text-align:justify;}
/*** Wishlist pop-up window ***/

/*** Shipping pop-up window ***/
.shipping-opacity	{display: none; z-index: 900; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-color: #E1E1E1;}
.shipping-shadow	{display: none; z-index: 1000; position: absolute; top: 0px; left: 0px; width: 600px; background: #CCCCCC;}
.shipping-block		{position: relative; bottom: 5px; right: 5px; width: 600px; background: #F4F4F4; border: 1px solid #78C7FF;}
.shipping-img-close	img {margin: 10px 10px 5px 0px;}
.shipping-descr		{padding: 0px 35px 20px 30px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; text-align:justify;}
/*** Shipping pop-up window ***/

/*** New & Restricted icons ***/
.ico-new { padding-left: 22px; background: url(../images/icons/new_m.png) no-repeat left; }
.bk-product-details .ico-new { padding-left: 32px; background: url(../images/icons/new_l.png) no-repeat left;  }
.restricted:after{ font-family: FontAwesome; content:"\f023"; padding-left: 5px; }
/*** end New & Restricted icons ***/

/*** Manual list ***/
.level1 {padding: 2px 2px 2px 15px;}
.level1 a {font-weight: bold;}
.level1 a:hover {font-weight: bold;}
.level2 {padding: 2px 2px 2px 30px;}
.level3 {padding: 2px 2px 2px 40px;}
.level4 {padding: 2px 2px 2px 50px;}
/*** Manual list *****/

/*** Custom menu list ***/
.bk-navigation ul		{display: block; margin: 0px; padding: 0px;}
.bk-navigation ul ul		{display: block; margin: 0px; padding: 0px;}
.bk-navigation ul li		{ font-size: 14px; display: block; list-style: none; margin: 0px; padding: 2px 0px 2px 10px;}
.bk-navigation ul li i:before { font: 14px FA; content: "\f0da"; } 
.bk-navigation ul li li i:before { content: "\f105"; } 
.bk-navigation ul li a		{font-weight: bold;}
.bk-navigation ul li li a		{font-weight: normal;}
.bk-navigation ul li li li {font-size: 12px;}
/*** Custom menu list ***/

/* Image slider tooltip */
.soPopupContent {position: absolute; z-index: 999; width: 300px; border: 1px solid #CED7DF; background: #FFFFFF; padding: 20px; display: none;}
.soPopupContent a.bigtitle	{display: block; margin-bottom: 15px; text-align: center;}
.soPopupImg	{text-align: center; margin-bottom: 15px;}
.soPopupImg img	{border: 1px solid #E8ECF0;}
.soText	{text-align: justify;}
.popupTooltip	{display: none;}
/*** Image slider box ***/

/*** popup frame styles ***/
.popupFrame {
	left: 100px; top: 100px; position: absolute; 
	background-color: #FFFFFF; border: 3px solid #fec240; box-shadow: 5px 5px 5px #000;
	-moz-border-radius: 10px; border-radius: 10px 10px 0px 0px;
}
.frameHeader { background-color: #fec240; color: white; }
.frameFooter { background-color: #fec240; }
.frameClose { cursor: pointer; float: right; padding: 5px 5px 5px 0px; text-align: right; font: 14px Tahoma, Helvetica, Verdana; }
.frameTitle { font: bold 18px Tahoma, Helvetica, Verdana, sans-serif, Arial; padding: 5px 0px 5px 10px; }
.frameContent { padding: 5px; overflow:auto; width: 700px; height: 600px; }
.frameMessage {background: #E0E0FF; color: #0000CC; border: 1px solid #0000CC; padding: 6px; margin: 5px 0px 5px 0px; text-align: center; font-weight: bold; }
.frameError {background: #FFE0E0; color: #CC0000; border: 1px solid #CC0000; padding: 6px; margin: 5px 0px 5px 0px; text-align: center;}

/**** popup for order details *****/
div.orderPopup {background: #FFFFFF; border: 1px solid #D5D4E9; padding: 2px; display: none; position: absolute; left: 0px; top: 0px; z-index: 10; }

#categories_box select	{display: block; margin: 0px 0px 5px 0px;}
#categories_box a	{display: inline-block; background: #E8E8E8; border: 1px solid #93BDFD; padding: 3px 10px; text-decoration: none; margin-bottom: 5px;}

/*** cookies control styles ***/
.cookieControl{width:32px;height:32px;background:url(../images/icons/va_cookies.png) no-repeat 0 -32px;position:fixed;left:0;bottom:0;z-index:1000;}
.cookieControl:hover{cursor:pointer;}
.cookieInfo{position:fixed;bottom:40px;left:40px;width:200px;height:200px;border:2px solid #333;border-radius:10px;padding:20px;z-index:1000;background-color:#fff;}
.cookieInfo .button{padding:3px 15px;border:1px solid #333;border-radius:7px;float:left;margin:20px 15px 0;color:#fff;font-weight:700;width:30px;text-align:center;}
.cookieInfo div.bn-green{float:left;background-color:green;}
.cookieInfo div.bn-red{background-color:red;float:right;}
.cookieInfo .button:hover{opacity:0.8;cursor:pointer;}
.cookieInfoClose{position:absolute;top:3px;right:3px;width:12px;height:12px;background:url(../images/icons/buttonClose.png) 0 0 no-repeat;}
.cookieInfoClose:hover{background-position:0 -12px;cursor:pointer;}

/*** twitter styles ***/
div.tweet{padding:2px 0 5px;border-bottom: 1px solid #ddd;}
img.twitterImg{float: left;margin-right: 5px;}
/*** facebook styles ***/
.facebook li{list-style:none; display:block;padding: 0 7px 7px 7px;}
.facebook .from{padding-bottom:5px;text-decoration:underline;}
.facebook .date{font-size:11px;font-style:italic;}

/**** NEW Internal Messages styles ****/
.msg-box { border: 1px solid #c0c0c0; }
.folders {}
.folder { padding: 3px; }
.unreadFolder { font-weight: bold; padding: 3px; }

.newMessage { padding: 6px; }
.noMessages { color: #333333; font-style: italic; text-align: center; border: 1px solid #777777; padding: 10px 50px; background: #DDDDDD; margin: 6px; }
.messageSaved, .messageSent { color: #0000FF; text-align: center; border: 1px solid #AAAAFF; padding: 10px 50px; background: #EEEEFF; margin: 6px; }
.messagesHeader td { font-weight: bold; background: #DDDDDD; }
.messageRead {}
.messageUnread td a { font-weight: bold; }

.viewMessage {  }

.msgHeader { clear: both; padding: 5px; }
.headerTitle { float: left; width: 100px; font-weight: bold; padding: 6px; }
.headerValue { float: left; }
.headerValue div { width: 400px; padding: 5px; border: 1px dotted #AAA; background-color: white; }

.headerValue .profile { float: right; }

.headerDesc div { float: left; width: 400px; padding: 5px; border: 1px solid #EEE; background-color: #EEE; }
.headerValue input { width: 400px; padding: 5px; border: 1px solid #AAA; background-color: white; }

.msgText { clear: both; } 
.msgText div { width: 502px; border: 1px dotted #AAA; margin-left: 5px; margin-top: 27px; padding: 10px; background-color: white; word-wrap: break-word; }
.msgText textarea { width: 502px; border: 1px solid #AAA; margin-left: 5px; margin-top: 7px; padding: 10px; background-color: white; }
.msgButtons { clear: both; margin: 5px; padding: 5px; }

.msgLeft { float: left; width: 15%; }
.msgLeftHeader { 
	border-bottom: 1px solid #c0c0c0; 
	background-color: gray; color: white; 
	padding: 5px 5px 5px 8px; 
	height: 18px;
}
.msgLeftContent { color: white; padding: 5px; }

.msgRight  { float: left; width: 85% }
.msgRightHeader { 
	font-weight: bold;
	border-right: 1px solid #c0c0c0; 
	border-left: 1px solid #c0c0c0; 
	border-bottom: 1px solid #c0c0c0;  
	background-color: gray; color: white; 
	height: 18px;
	padding: 5px; 
}
.msgRightContent { 
	border-left: 1px solid #c0c0c0; 
}

/*** OPC (one page checkout) styles  ***/
.personal-data { width: 50%; float: left;  }
.delivery-data { width: 50%; float: left;  }
.data-title { font-size: 14px; font-weight: bold; background: #F9E7C8; min-height: 50px; padding: 5px; border: none; border-bottom: 1px solid #CEB17F; }
.data-info { font-size: 12px; line-height: 14px; font-weight: normal; }
.field { clear: both; padding: 5px; overflow: hidden; }
.field .comments { font-style: italic; color: gray; font-family: times; }
.field .name { padding-top: 2px; float: left; width: 35%; }
.field .control { float: left; width: 65%; }
.payment-data .field .name { width: 20%; }
.payment-data .field .control { width: 60%; }

.property .field .control { float: right; text-align: right;  }
.property .field .name { float: left; }
.property .field .foot { clear: both; }
.property .price { text-align: right; }

.field-subscribe { border-top: 1px solid #CEB17F; padding: 5px; background: #F9E7C8; }
.buttons { text-align: right; }

.group-name { padding: 10px; text-align: right; }
.shipping-method { padding: 5px; text-align: right; }
.shipping .property { padding: 5px; }
.shipping .name { padding: 3px 5px; float: right; }
.shipping .control { float: right; } 
.shipping .after { clear: both; }

.bk-order-form table th, .bk-order-form table td { padding: 3px 6px; }
.foot-content { margin: 5px 10px; }
.step-summary {
	float: left; 
	background-color: #EEE;
	color: #333; font-family: Verdana; font-size: 16px; font-weight: bold; border-radius: 5px; border: 2px solid #c0c0c0; 
	padding: 8px 20px;
	margin-right: 10px;
	box-shadow: 3px 3px 3px #888888;
}
.step-total { color: blue; }

.step-continue { float: right; }
input.continue { 
	font-family: Verdana;
	font-size: 20px; font-weight: bold; 
	border-radius: 5px;
	background: linear-gradient(white, #c0c0c0);
	padding: 5px 20px;
	box-shadow: 3px 3px 3px #888888;
}
.black .step-summary, .black input.continue { box-shadow: 3px 3px 3px #333;  }

.step-link {  text-align: left;  padding-left: 10px;  }

.active { clear: both; } 
.inactive { clear: both; } 
.closed { clear: both; } 
.closed .step-link { cursor: pointer;  }
.moving { overflow: hidden; }

.inactive { opacity: 0.3; }
.inactive .sub-body, .closed .sub-body, .inactive .foot-content, .closed .sub-foot, .closed .foot-content { display: none; }
.block.bk-order-form .body>div { padding: 0px; }
.block.bk-order-form .sub-head { padding: 10px 5px; }
.block.bk-order-form .sub-body { padding: 0; }
.block.bk-order-form .sub-body > table { padding: 0; }

.bk-order-form .sub-head { border-bottom: 1px solid #CEB17F; background: #FFD; color: #aE915F; font-weight: bold; border-radius: 0; }
.bk-order-form .closed .sub-head { background: #FFF3DE; }
.block.bk-order-form .sub-head#userTitle, .block.bk-order-form .sub-head#shippingTitle, .block.bk-order-form .sub-head#paymentTitle { border-radius: 0; }
.block.bk-order-form .inactive#paymentStep .sub-head#paymentTitle { border-radius: 0; }
.block.bk-order-form .inactive .sub-foot, .block.bk-order-form .closed .sub-foot { border-top: none; }
.block.bk-order-form .sub-foot { border-bottom: 1px solid #C0C0C0; border-top: 1px solid #C0C0C0; }

div.errors { background: #FFE0E0; border: 1px solid #CC0000; color: #CC0000; padding: 6px; text-align: center; width: 97%; margin: auto; margin-top: 10px; margin-bottom: 5px;}
div.hidden { display: none; }
/*** end OPC styles ***/


/*** popup frame styles ***/
.popupFrame {
	left: 100px; top: 100px; 
	position: absolute; 
	background-color: #FFFFFF;
	border: 3px solid #fec240;
	

	-moz-border-radius: 10px;
	border-radius: 10px 10px 0px 0px;
	box-shadow: 5px 5px 5px #000;
}

.frameHeader { background-color: #fec240; color: white; }
.frameFooter { background-color: #fec240; }

.frameClose { cursor: pointer; float: right; padding: 5px 5px 5px 0px; text-align: right; font: 14px Tahoma, Helvetica, Verdana; }
.frameTitle { font: bold 18px Tahoma, Helvetica, Verdana, sans-serif, Arial; padding: 5px 0px 5px 10px; }

.frameContent { padding: 5px; overflow:auto; width: 700px; height: 600px; }

.frameMessage {background: #E0E0FF; color: #0000CC; border: 1px solid #0000CC; padding: 6px; margin: 5px 0px 5px 0px; text-align: center; font-weight: bold; }
.frameError {background: #FFE0E0; color: #CC0000; border: 1px solid #CC0000; padding: 6px; margin: 5px 0px 5px 0px; text-align: center;}

/**** popup for order details *****/
div.orderPopup {background: #FFFFFF; border: 1px solid #D5D4E9; padding: 2px; display: none; position: absolute; left: 0px; top: 0px; z-index: 10; }

/* live support block */
.bk-support-live { z-index: 1000; position: fixed; bottom: -10px; right: 10px;  border-radius: 10px; padding: 10px 20px 15px 20px; cursor: pointer; }
.bk-support-live .title { font-size: 14px; font-weight: bold; text-align: center; padding: 0; }
.bk-support-live .desc { display: none; }
.bk-support-live .desc.desc-show { display: block; }
.bk-support-live .online-desc {text-align: center; }
.support-online  .head { background-color: #CCCCEE; b2order: 2px solid blue; color: blue; }
.support-offline .head { background-color: #EEE; bo2rder: 2px solid #999; color: #999; }

.bk-sliders.content-only { border: none; background: none; border-radius: 0; padding: 0; }
.bk-sliders.content-only .head { display: none; }
.bk-sliders.content-only div.body { border: none; background: none; border-radius: 0; padding: 0;  }
.bk-sliders { position: relative; overflow: hidden; }
.bk-message { color: #0000FF; text-align: center; border: 1px solid #AAAAFF; padding: 10px; background: #EEEEFF; border-radius: 5px; }
.bk-error { color: #FF0000; text-align: center; border: 1px solid #FFAAAA; padding: 10px; background: #FFEEEE; border-radius: 5px; }
.bk-intro, .bk-filter { border: 1px solid #C0C0C0; padding: 10px; border-radius: 5px; }
.bk-articles-hot { position: relative; } 

.imageSelect { border: 1px solid #ac7f1a; margin: 2px 2px 5px 5px; }
.imageSelected { border: 3px solid #f75d67; margin: 0px 0px 3px 3px; }
.optionTitle { color: #606060; padding: 10px; text-transform: uppercase; font-weight: bold; white-space: nowrap; }
.optionValue { color: #606060; text-transform: none; white-space: nowrap; }
.optionSubTitle { color: #9e774e; text-transform: uppercase; font-weight: bold; font-size: 9px; white-space: nowrap; }
.optionImages { width: 400px; display: none; padding: 10px; }
.optionImagesOpen { width: 418px; display: block; }

.category-select { position: relative; }
.category-select > span, .category-select > i { cursor: pointer; } 
.categories-options { display: none; position: absolute; background: #FAFAFA; top: 29px; border: 1px solid #CDCDCD; color: #555; text-align: left; height: 300px; overflow-y: auto; overflow-x: hidden;  }
.categories-options.expand-open { display: block; }
.categories-options [data-type="option"] { white-space: nowrap; padding: 2px 25px 2px 10px; cursor: pointer; }
.categories-options [data-type="option"]:hover { background: #DDD; }
.categories-options .selected { font-weight: bold; }

/* youtube styles */
.youtube-video { position: relative; display: inline-block; }
div.youtube-bottom { position: absolute; bottom: 45px; right: 0; left: 0; z-index: 2147483647; text-align: center; }
div.youtube-text { display: inline-block; color: #FFF; letter-spacing: 1px; padding: 3px 20px; font: bold 14px Tahoma,Arial; text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; text-align: center; }
.fullscreen div.youtube-bottom { position: fixed; bottom: 65px; }
.fullscreen div.youtube-text { font-size: 26pt; font-size: 2.8vw; }

@media (max-width: 1250px) {
.layout { width: 1000px; }
/* Double frame */
.lt-double .fm-middle { width: 750px; }
/* Triple frame */
.lt-triple .fm-left {width: 250px; }
.lt-triple .fm-middle {width: 500px; }
/* Hot frame */
.lt-hot .fm-hot {float: left; width: 750px; }
.lt-hot .fm-middle {float: left; width: 500px; }
}


@media (max-width: 1024px) {
.bk-header .menu { clear: both; width: 100%; }
.bk-header .nav-expand { display: block; }
.nav-header { display: none; margin: 0; }
.nav-header.expand-open { display: block; }
.nav-header > li > a { top: 0; border-top: none; position: static; }
.nav-header > li { border: none; }
.nav-header > li.nav-active > a { border-top: none; }
.nav-header li ul { margin: 0; }
.bk-header .menu:after { display: none; }
.nav-header li ul, .nav-header li ul li ul { position: static; width: auto; float: none; margin-left: 20px; border: none; border-left: 1px solid #cc3333;  }
.nav-header li li a { background: none; border: none; border-bottom: 1px solid #cc3333; padding: 10px; }
.nav-header li li:last-child a { border: none; }
.nav-header li li { background: #F99; border: none; }
.nav-header li.nav-open { border-bottom: 1px solid #cc3333; }
.nav-header li ul { position: static; width: auto; }
.nav-header li ul ul { position: static; width: auto; }
.nav-header li li { width: auto; float: none; }
.nav-header li { float: none; position: static; padding: 0; width: auto; }
.nav-header li a { font-size: 20px; padding: 10px; border-bottom: 1px solid #cc3333; color: #600; }
.nav-header li { background: #FFCCCC; }
.nav-header li li { background: #FFBBBB; }
.nav-header li li li { background: #FFAAAA; }
.nav-header li.nav-childs {  }
.nav-header li.nav-childs a {  }
.nav-header li.nav-childs i { display: block; float: right; cursor: pointer; padding: 10px; font-size: 20px; }
.nav-header li.nav-childs i:hover { color: #1584D2; }
.nav-header li.nav-childs > i:before { content: "\f107"; }
.nav-header li.nav-childs.nav-open > i:before { content: "\f106"; }
ul.nav-bar > li.nav-right { float: left; }
.nav-bar > li > a > span { display: none; }
li > a > i, li.nav-right > a > i { padding: 0; }
li.cart.nav-right > a > i { padding: 0 4px 0 0; }
/* banana menu styles */
.banana .nav-header li a { background: transparent; ; }
.banana .nav-header li, .banana .nav-header li a, .banana .nav-header li.nav-active { background: #FFFFCC; }
.banana .nav-header li li, .banana .nav-header li li a, .banana .nav-header li li.nav-active { background: #FFFFBB; }
.banana .nav-header li li li, .banana .nav-header li li li a { background: #FFFFAA; }
.banana .nav-header li a { border-color: #cccc33; color: #660; }
.banana .nav-header li.nav-open { border-bottom: 1px solid #cccc33; }
.banana .nav-header li ul { border-left: 1px solid #cccc33;  }
/* end banana menu styles */
/* grass menu styles */
.grass .nav-header li a { background: transparent; ; }
.grass .nav-header li, .grass .nav-header li a, .grass .nav-header li.nav-active { background: #a9dc76; }
.grass .nav-header li li, .grass .nav-header li li a, .grass .nav-header li li.nav-active { background: #9ed269; }
.grass .nav-header li li li, .grass .nav-header li li li a { background: #93c85e; }
.grass .nav-header li a { border-color: #2d401a; color: #2d401a; }
.grass .nav-header li.nav-open { border-bottom: 1px solid #2d401a; }
.grass .nav-header li ul { border-left: 1px solid #2d401a;  }
/* end grass menu styles */


.layout { width: 750px; }
/* Double frame */
.lt-double .fm-left { width: 250px; }
.lt-double .fm-middle { width: 500px; }
/* Triple frame */
.lt-triple .fm-left { float: left; width: 250px; }
.lt-triple .fm-middle {float: left; width: 500px; }
.lt-triple .fm-right { clear: both; width: 750px; }

/* Triple frame */
.lt-hot .fm-hot { float: none; width: 750px; }
.lt-hot .fm-right { float: none; width: 750px; }
.lt-hot .fm-middle { float: left; width: 500px; }

.fm-header .block, .fm-footer .block, 
.fm-header .area, .fm-footer .area, 
.fm-header .breadcrumb, .fm-footer .breadcrumb { margin: 5px 0 0 0; }

.fm-hot .block, .fm-left .block, .fm-right .block,
.fm-hot .area, .fm-left .area, .fm-right .area,
.fm-hot .breadcrumb, .fm-left .breadcrumb, .fm-right .breadcrumb { margin: 5px 0 0 0; }
.fm-middle .block, .fm-middle .area, .fm-middle .breadcrumb { margin: 5px 0 0 5px; }
}

@media (max-width: 780px) {
.layout { width: 100%; }
/* all frames */
.layout .fm-hot {float: none; width: auto; }
.layout .fm-left {float: none; width: auto; }
.layout .fm-middle {float: none; width: auto; }
.layout .fm-right {float: none; width: auto; }
.fm-middle .block, .fm-middle .breadcrumb { margin: 10px 0 0 0; }
}

@media (max-width: 640px) {
.col { float: none; clear: both; }
.col:first-child:nth-last-child(n), .col:first-child:nth-last-child(n) ~ .col { width: 100%; }
.bk-navigation-bar .nav-expand { display: block; text-align: left; }
ul.nav-bar { display: none; border: none; }
ul.nav-bar.expand-open { display: block; }
ul.nav-bar > li, ul.nav-bar > li.nav-right { float: none; display: block; border-bottom: 1px solid #aaa; border-style: none none solid none;}
ul.nav-bar > li > a > span { float: none; display: inline-block; }
ul.nav-bar > li > a > img { float: left; }
ul.nav-bar > li > a { display: inline-block; float: none; }
ul.nav-bar li > a > i { display: block; float: left; padding: 0 10px 0 5px; }
li.cart.nav-right > a > i { float: left; padding: 0 10px 0 5px; }
li.cart.nav-right .cart-qty, li.cart .cart-qty { left: 28px; right: auto;}
ul li.search.nav-right > ul, ul li.site-search.nav-right > ul, ul li.search > ul, ul li.site-search > ul { left: 0; right: 0; width: auto; }
ul.nav-bar li.cart ul { width: auto; left: 0; right: 0; }
.new-user, .exists-user { width: 100%; float: none; }
.personal-data,.delivery-data { width: 100%; float: none;  }
}

@media (max-width: 480px) {
.bk-product-details .image-block { float: none; width: 100%; }
.bk-product-details .buy-block { float: none; width: 100%; margin-top: 10px; }
.buy-block .highlights, .buy-block .prices, .buy-block .buttons { margin-left: 0; }
.tabs { padding: 0; }
.tabs li { float: none; margin: 0; }
.tabs li a { padding: 8px;}
.step-summary { float: none; margin: 10px 5px; text-align: center;}
.step-continue { float: none; margin: 10px 5px; }
input.continue { float: none; width: 100%; }
}

/* icons: spin animation, asc, desc */
i.spin { display: inline-block; -webkit-animation: spin 1s infinite steps(8); animation: spin 1s infinite steps(8); color: #555; }
i.spin:before { content: "\f110"; }
.sort-asc, .sort-desc { font-size: 14px; font-weight: normal; color: #000; text-decoration: none; padding: 0 3px; }
.sort-on { color: #1584D2; text-decoration: none; }
.sort-asc:after { content: "\f0d8"; }
.sort-desc:after { content: "\f0d7"; }
.name-asc:after { content: "\f15d"; }
.name-desc:after { content: "\f15e"; }
.number-asc:after { content: "\f162"; }
.number-desc:after { content: "\f163"; }
 

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes spin {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}


.bk-manufacturers.block { border: 1px solid #c0c0c0; border-radius: 15px;   }
.bk-manufacturers.block > div { border: 10px solid #e4e4e4; border-radius: 15px; }
.bk-manufacturers.block > div > div { border: 1px solid #c0c0c0; border-radius: 5px;   }

.bk-manufacturers.block .body { border: none; }
.bk-manufacturers.block .head { border: none; }


/* test classes */
.vat-number td { background: #DFF; }
.gift-pack td { background: #FDF; }