/*** load 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: 16px Arial, Helvetica, sans-serif; color: #000000; margin: 0px; padding: 0px; }
body			{ background: url("../images/bg-snowflakes.jpg"), #fff; }
body			{ background: url("../images/bg-hearts.png"), #fff; }
body.popup	{font: 12px Arial, Helvetica, sans-serif; color: #333; margin: 0px; padding: 0px; background: #FEFEFE;}
i { font-family: FA; font-style: normal; }

/*** 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: 350px; min-height: 1px; }
.lt-double .fm-middle { float: left; position: relative; width: 900px; 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: 10px 20px 0 20px; }
.fm-middle .block, .fm-hot .block, 
.fm-middle .area, .fm-hot .area, 
.fm-middle .breadcrumb, .fm-hot .breadcrumb { margin: 10px 20px 0 20px; }
.fm-left .block, .fm-left .area, .fm-left .breadcrumb { margin: 10px 0 0 20px; }
.fm-right .block, .fm-right .area, .fm-right .breadcrumb { margin: 10px 20px 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; }

/* rows and cols general styles */
.col-1 { clear: both; }
.cols-1 .col { width: 100%; }
.cols-2 .col { width: 50%; }
.cols-3 .col { width: 33.33%; }
.cols-4 .col { width: 25%; }
.cols-5 .col { width: 20%; }
.cols-6 .col { width: 16.66%; }
.cols-7 .col { width: 14.27%; }
.cols-8 .col { width: 12.5%; }
.cols-9 .col { width: 11.11%; }
.cols-10 .col { width: 10%; }
.col .product { border-width: 1px 0 0 0; }


/*** definition of different schemes ***/
.bg-body { background: #fdfdfd; }
.bg-title, .middlebg {background: #f5f5f5; color: #333; font-weight: bold;}
.br-solid, .br-solid > td, .br-solid > th { border: 1px solid #f0f0f0; } 
.fa {color: #555;}
a	{color: #555; }
a:hover { color: #7af; }

/*white*/
.area, .block { background: #fff; }
.block .head { background-color: #d40108; disabled-border-bottom: 7px solid #FFFCCC; padding: 14px 15px 13px 15px; font: 26px Arial, Helvetica; color: #FFFFFF; margin-bottom: 10px; }
.block.hidden-title .head { display: none; }
.block .body { border: 1px solid #DEDDDD; }
.breadcrumb { background: #fff; border: 1px solid #DEDDDD; padding: 10px; color: #333; margin-top: 10px; }

.fm-header .hot-deals  { 
	padding: 20px; border: 1px solid #f00; background: #fffeee; 
	font: 24px/28px Arial; 
	box-shadow: 5px 5px 5px #f77;
}
.hot-deals a { text-decoration: none; }
.hot-deals .body { border: none; }
.hot-deals img { border: 1px solid #f77; height: 80px; width: auto; margin-right: 10px; }

.bk-offers {  }
.bk-offers .head { background-color: #F0F0F0; padding: 16px; border: 1px solid #DEDDDD; color: #333; }
.bk-offers .body { padding: 15px; border: 1px solid #DEDDDD; clear: both; }

.tabs { border-color: #f0f0f0; }
.tabs a { background: #fdfdfd; color: #333; border-color: #f0f0f0; }
.tabs a:hover			{ background: #f5f5f5; }
.tabs li.tab-active a { background: #f0f0f0; color: #333; }

a.button { color: #fff; background: #7af; }
a.button:hover { color: #fff; }

.bk-categories-catalog .head>div>div:before { font-family: FA; content: "\f06b"; padding: 0 10px; }
.bk-categories-catalog .category { width: 240px; margin: 20px auto; }
.bk-categories-catalog .image-before { display: none; }
.bk-categories-catalog .image  { border : 20px solid #DEDDDD; border-top: none; }
.bk-categories-catalog .category-title { 
	font: bold 24px Arial; text-decoration: none; color: #D40108; 
	width: 220px; min-height: 58px; padding: 10px; background: #DEDDDD; display: block; text-align: center; 
}
.bk-categories-catalog  .category-desc { padding: 5px 10px; }
.bk-category-description .head { margin-bottom: 0; }
.bk-category-description .body { padding: 10px; font-size: 14px; }
.bk-category-description ~ .bk-products-list .head { display: none; }

.bk-mini-cart .body { padding: 20px 10px; }
.bk-language .body { padding: 10px 10px; text-align: center; }
.bk-products-search .body { padding: 15px; }
.bk-products-search .body select, .bk-products-search .body input[type=text]{ width: 100%; margin-bottom: 5px; }
.bk-products-search .advanced { display: none; }
.bk-header { back2ground: #fff; }
.fm-header .bk-header { margin-top: 0; }
.bk-header .search { position: absolute; top: 120px; left: 350px; width: 520px; padding: 0; }
.bk-header .search .bk-products-search {margin: 0; }
.bk-header .bk-products-search .head, .bk-header .bk-products-search .advanced, .bk-header .bk-products-search select { display: none; }
.bk-header .bk-products-search .body { border: none; padding: 0px; }
.bk-header .bk-products-search .body input[type=text] { font: 14px Arial; width: 400px; border: 1px solid #DEDDDD; padding: 10px 15px; float: left; margin: 0; position: static; }
.bk-header .bk-products-search .body input.submit { font: 24px FA; height: 39px; background: #d40108; color: #FFFFFF; margin: 0; padding: 0px 25px; }
.bk-header .bk-products-search .body input.submit:hover { background: #E5E5E5; color: #333; }

.bk-header .cart { position: absolute; top: 120px; right: 0px; padding: 0; }
.bk-header .cart .bk-mini-cart { margin: 0; background: #d40108; }
.bk-header .bk-mini-cart .head { font: 24px FA; border: none; background: transparent; color: #FFFFFF; margin: 0; padding: 0; }
.bk-header .bk-mini-cart .head .title { font: 24px Arial; color: #FFFFFF; float: left; padding: 5px 10px; }
.bk-header .bk-mini-cart .head:before {content:"\f07a"; float: left; padding: 5px 10px; }
.bk-header .bk-mini-cart .body { display: none; position: absolute; width: 280px; right: 0; }
.bk-header .bk-mini-cart .body-open { display: block; background-color: white; padding: 25px 10px; border: 1px solid #777; }
.bk-header .bk-mini-cart .head .total { color: #333; float: left; font: bold 24px Arial; background-color: #DDD; height: 29px; padding: 5px 10px; margin-left: 10px; }
.bk-header .bk-mini-cart .head:hover, .bk-header .bk-mini-cart .head-open { background-color: #DDD; color: #333; }
.bk-header .bk-mini-cart .head:hover .title, .bk-header .bk-mini-cart .head-open .title { background-color: #DDD; color: #333; }
.bk-header .bk-mini-cart .head:hover .total, .bk-header .bk-mini-cart .head-open .total { color: #FFFFFF; background-color: #d40108; }
.square:before { font: 36px FA; content:"\f0c8"; }
.bk-login .body { padding: 15px; }

.bk-header .top-links { position: absolute; right: 5px; padding: 5px 0; font-size: 14px; top: 5px; }
.bk-header .phone { position: absolute; right: 5px; top: 35px; font-size: 20px; }
.bk-header .email { position: absolute; right: 5px; top: 62px; font-size: 20px; }
.bk-header .work { position: absolute; right: 5px; top: 95px; font-size: 16px; }
.bk-header .site-info { position: absolute; left: 350px; top: 5px; font-style: italic; font-size: 14px; font-weight: bold; color: #D40108; padding: 5px 0; }
.bk-header .discount-info { position: absolute; left: 350px; top: 30px; font-size: 14px; font-weight: bold; }
.bk-header .discount-info div { border: none; margin: 0; padding: 0; font: bold 24px Arial; }


.bk-custom-page .body { padding: 10px; font-size: 18px;}
.bk-custom-page .body div { margin-bottom: 10px; }


.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; }


/*** 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; }
.bk-categories-list .tree li li { padding-left: 30px; }
.tree .expand { min-width: 14px; min-height: 14px; display: block; float: left; padding: 17px 10px 10px; }
.tree .expand:before { content:"\f096"; font-size: 24px; }
.tree .node-childs > .expand { cursor: pointer; }
.tree .node-leaf > .expand:before { content:"\f105"; font-size: 24px; }
.tree .node-no-data > .expand:before { content:"\f00d"; font-size: 24px; }
.tree .node-no-data > a { text-decoration: none; cursor: text; }
.tree .node-childs > .expand:before { content:"\f196"; font-size: 24px; }
.tree .node-childs.node-open > .expand:before { content:"\f147"; font-size: 24px; }
.tree .node-image { max-width: 16px; max-height: 16px;  width: auto; height: auto; float: right; }



tr, td		{font: 12px Arial, Helvetica, sans-serif; color: #000000;}

h1, h2		{padding: 0px; margin: 0px;}

a						{color: #1584D2; outline: 0px; text-decoration: underline;}
a:hover				{text-decoration: none;}
a.header 			{text-decoration: none;}
a.header:hover		{text-decoration: underline; }
a.title				{font-size: 13px; font-weight: bold;}
a.bigtitle			{font-size: 14px; font-weight: bold;}
a.smallText			{font-size: 11px; text-decoration: none;}
a.smallText:hover	{text-decoration: underline;}

input					{font: 14px Arial, Helvetica, sans-serif;}
input.usualprice	{color: #C5CCD0; background-color: transparent; border: none; font: 12px Arial, Helvetica, sans-serif; text-align: right;}
input.orderprice	{color: #C5CCD0; background-color: transparent; border: none; font: 12px Arial, Helvetica, sans-serif; text-align: right;}
input.search,		
input.text,			
input.field			{border-top: 1px solid #7F9DB9;border-right: 1px solid #BACDDF;border-bottom: 1px solid #BACDDF;border-left: 1px solid #7F9DB9; margin: 3px 0px;}
input.fieldSmall	{border-top: 1px solid #7F9DB9;border-right: 1px solid #BACDDF;border-bottom: 1px solid #BACDDF;border-left: 1px solid #7F9DB9; font-size: 11px;}
input.submit		{
	background: url(../images/default/button-r-bgr.gif) no-repeat right; 
	border: 0px; 
	color: #000; 
	cursor: pointer; 
	font-size: 13px; 
	height: 28px; 
	margin: 0px;
	padding: 0px 7px 2px 0px; 
}
	input#clear		{color: #8A8A8A;}
	input#reset		{color: #8A8A8A;}
	input#preview	{color: #FF6C00;}
	input#cancel	{color: #8A8A8A;}
	input#delete	{color: #8A8A8A;}
select				{border-top: 1px solid #7F9DB9;border-right: 1px solid #BACDDF;border-bottom: 1px solid #BACDDF;border-left: 1px solid #7F9DB9; font: 14px Arial, Helvetica, sans-serif;}
textarea				{border-top: 1px solid #7F9DB9;border-right: 1px solid #BACDDF;border-bottom: 1px solid #BACDDF;border-left: 1px solid #7F9DB9; font: 14px Arial, Helvetica, sans-serif;}

span.submit {background: url(../images/default/button-l-bgr.gif) no-repeat left; font: 25px Arial; padding-left: 7px !important; white-space: nowrap; display: inline-block;}

.middlebg 			{background: #E9E9E9; font-weight: bold;}
.middlebg td 		{font-weight: bold;}
.usualbg  			{background: transparent;}
.errorbg  			{background: #FFE0E0; border: 1px solid #CC0000; color: #CC0000; padding: 6px; text-align: center;}
.popup 
.errorbg				{padding: 4px;}
.messagebg  		{color: #0000CC; font-weight: bold; padding: 6px; text-align: center;}
.block-order-info 
.messagebg  		{padding: 2px 6px; text-align: right;}
div.message     { color: #0000FF; text-align: center; border: 1px solid #AAAAFF; padding: 10px; background: #EEEEFF; margin-bottom: 10px; }


.padding10px				{padding: 10px;}
.block-categories-list 
.padding10px				{padding: 10px 0px;}
.padding6px 				{padding: 6px;}
.padding6px td				{padding: 6px;}
.block-product-details
.padding6px td				{padding: 6px 10px;}
.padding6px td td			{padding: 0px;}
.padding6px
.padding4px td				{padding: 4px;}
.padding4px td				{padding: 4px;}
.padding4px td td			{padding: 0px;}
.padding2px 				{padding: 2px;}
table.padding10px, 
table.padding6px, 
table.padding4px, 
table.padding2px 			{padding: 0px;}

.ArticleImg		{border: none; float: left; margin: 0px 10px 5px 0px;}
.ArticleDescription	{padding: 10px 0px;}

.introBlock {border: 1px solid #FFFFFF; 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;}
.field.required .name:after { content: "*"; color: #d00; padding-left: 5px; }
.message			{color: #FFBA00;}
.title			{font-size: 13px; font-weight: bold; color: #1584D2;}
.head .title { color: #FFFFFF; }
.bigtitle		{font-size: 14px; font-weight: bold; color: #1584D2;}
.error			{color: red; }
.terms			{height: 300px; width: 600px; overflow: auto; border: 1px solid silver; }
.link				{color: #C5CCD0; text-decoration: underline;}

span.nobr      {white-space: nowrap !important;}
.overhidd		{height: 1%; overflow: hidden;}
.right, .floatright 	{float: right;}
.left, .floatleft 		{float: left;}
.clear, .clearboth 		{clear: both;}

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


/*** Header ***/
.bk-header { height: 220px; margin: 0 auto; position: relative; z-index: 100;}
.bk-header .logo { float: left; } 
.bk-header .logo img {border: none; margin: 0px;}
.bk-header .menu { float: left; margin-top: 0px; border: 1px solid #DEDDDD; width: 1209px; }

/* Top Menu */
.nav-header { background: #fff; height: 48px; }
.nav-header > li > a { border-color: #222; color: #222; padding: 15px; background: #fff; }
.nav-header > li a:hover { color: #7af; }
.nav-header > li.nav-active > a { font-weight: bold; }
.nav-header li ul { border-color: #7af #f0f0f0 #7af #f0f0f0 ; }
.nav-header li li a { background: #fdfdfd; color: #333; }
.nav-header li li a:hover { background: #f5f5f5; color: #7af;}

.bk-header .nav-expand { background: #333; color: #f0f0f0; }
.dd { background: #f0f0f0; color: #333;}
.bk-header .nav-expand.expand-open { border-bottom: 1px solid #c0c0c0; } 

/*
.nav-header 	{display: block; margin: 0px; padding: 0px; z-index: 20; background-color: #FFF; }
.nav-header li {display: block; float: left; list-style: none; margin: 0px; padding: 0px; white-space: nowrap; color: #777; padding: 0px; border-right: 1px solid #DEDDDD; }
*/

/* Top Menu Links 
.bk-header div.menu { background-color: #FFF; }
.bk-header div.menu > ul > li { position: relative; }
.bk-header div.menu > ul > li > a {color: #777; display: block; font: 14px Arial, Helvetica, sans-serif; padding: 16px 20px 11px; text-decoration: none; text-transform: capitalize; border-bottom: 5px solid #FFF; } 
.bk-header div.menu > ul > li > a:hover { background-color: #FFFAAA; border-bottom: 5px solid #FFFCCC; color: #D40108; padding: 16px 20px 11px; }
.bk-header div.menu > ul > li.menu-item-active > a { background-color: #d40108; color: #FFFFFF; padding: 16px 20px 11px; border-bottom: 5px solid #FFFCCC; }
*/

/* Secondary Menu 
ul.secondary-menu 		{ display: block; height: 30px; margin: 0px 0px 0px 20px; padding: 0px; z-index: 20; border-top: 1px solid #444444; }
ul.secondary-menu li 	{ display: block; float: left; list-style: none; margin: 0px; padding: 0px;}

/* Secondary Menu Links 
ul.secondary-menu a {color: #52AE30; display: block; font: 14px Arial, Helvetica, sans-serif; padding: 6px 20px; text-decoration: underline; text-transform: capitalize;}
ul.secondary-menu a:hover 	{color: #52AE30; text-decoration: none;}
ul.secondary-menu .menu-item-active a {color: #444444; display: block; font: 14px Arial, Helvetica, sans-serif; padding: 6px 20px; text-transform: capitalize;}
*/

/* Sub Menu */
ul.sub-menu { position: absolute; left: -1px; top: 47px; clear: both; }
ul.sub-menu 		{ border: 1px solid #DEDDDD; border-bottom: none; display: none; margin: 2px 0px 0px 0px; padding: 0px; width: 200px; }
.nav-header .sub-menu li 		{ border-top: none !important; border-bottom: 1px solid #DEDDDD; display: block; list-style: none; margin: 0px; padding: 0px; white-space: nowrap; width: 200px; position: relative; float: none; }
.sub-menu .menu-item a {background: #FFF; color: #0A0509; padding: 10px 20px; text-decoration: none; font-weight: normal; display: block; }
.sub-menu .menu-item a:hover		{background: #FFF999; color: #1584D2;}
.sub-menu .menu-item-active a { background: #FFF; color: #0A0509; padding: 2px 10px; text-decoration: none; font-weight: bold; }

.sub-menu ul		{border: 1px solid #FFD075; border-bottom: none; display: none; left: 200px; margin: 0px; padding: 0px; position: absolute; top: -1px;}
.sub-menu span.nobr      {white-space: normal !important;}
/*** Header ***/

/* 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; }

/* top menu elements */
.nav-header { display: block; margin: 0; padding: 0; z-index: 20; background-color: #FFF;  }
.nav-header > li { display: block; float: left; list-style: none; margin: 0px; padding: 0px; position: relative; white-space: nowrap; color: #777;  border-right: 1px solid #DEDDDD; }
.nav-header > li > i { display: none; }
.nav-header > li > a { color: #777; display: block; font: 14px Arial, Helvetica, sans-serif; padding: 16px 20px 11px; text-decoration: none; text-transform: capitalize; border-bottom: 5px solid #FFF; }
.nav-header > li > a:hover { background-color: #FFFAAA; border-bottom: 5px solid #FFFCCC; color: #D40108; padding: 16px 20px 11px; }
.nav-header > li.nav-active > a { background-color: #d40108; color: #FFFFFF; padding: 16px 20px 11px; border-bottom: 5px solid #FFFCCC; }

/* popup menu elements */
.nav-header li ul { border-width: 3px 1px 1px; border-style: solid; display: none; margin: 5px 0px; padding: 0px; position: absolute; width: 200px; z-index: 101; }
.nav-header li li { 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: -3px;}
/*** end of header styles ***/


/* categories */
.bk-categories-list ul { padding: 0; margin: 0; } 
.bk-categories-list ul li { list-style: none; padding: 0; margin: 0; border-top: 1px solid #DEDDDD; background-color: #FFFCCC; }
.bk-categories-list ul li:hover { background-color: #FFF999;  }
.bk-categories-list ul li a.title { font: 20px Arial; padding: 18px 15px; color: #333; display: block; text-decoration: none; }
.bk-categories-list ul li img { float: right; padding: 20px; width: 22px; height: auto; }
.bk-categories-list ul li li a.title { padding-left: 30px; }
.bk-categories-list ul li li:hover  { background-color: #FFF999; }

/*** product details, list styles ***/
.bk-products-list .product { padding: 10px; }
h2.product-name { font-size: 14px; padding-bottom: 10px; }
.bk-products-list .image-block { float: left; margin-right: 10px; }
.bk-products-list .rating { display: none; }

.buy-block .prices, .buy-block .buttons { margin-left: 10px; }

.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; }


.bk-product-details .highlights-title { display: none; }
/*** end product details styles ***/


/*** login block ***/
.new-user { width: 49%; float: left; }
.exists-user  { width: 49%; float: right; }
.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 ***/
.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: 3px 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 ***/

/*** Button Links 

a.button {font: 14px/20px Arial, Helvetica, sans-serif; padding: 0px 10px 0px 0px; white-space: nowrap;}
a.button img 	{display: none;}
a.button-add	{color: #FF3300; font-weight: bold;}

a.buttonBasket {font: 14px/20px Arial, Helvetica, sans-serif; white-space: nowrap;}
a.buttonBasket img 	{display: none;}
a.button-shopping 	{color: #FF3300; font-weight: bold;}	
a.button-checkout 	{color: #FF3300; font-weight: bold;}

a.buttonCart {font: 12px Arial, Helvetica, sans-serif; white-space: nowrap;}
a.buttonCart img 		{display: none;}

a.buttonMore {color: #FF3300; font: 12px Arial, Helvetica, sans-serif; white-space: nowrap;}
a.buttonMore 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 ***/
.block-filter .BlockMiddle {z-index: 90;}
.block-filter .MiddleCenter {overflow: visible; position: static; z-index: 90;}
.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 ***/


/*** Products list (list, table view) and product details ***/
.block-product-details .titleTopCenter	{padding-left: 10px;}
.block-products-list .productImg, 
.block-product-details .productImg {background: #FFFFFF; border: 1px solid #78C7FF; margin-right: 10px; margin-bottom: 10px; padding: 1px;}
.product .after-image { display: none; }
.bk-products-offers .caption { display: none; }
.bk-products-offers .price-main { font: bold 20px Arial; color: darkgreen; }
.bk-products-offers .product-name { text-align: center; font-size: 16px; margin-bottom: 5px; }
.bk-products-offers .image-block { text-align: center; min-height: 100px; }
.bk-products-offers .image-block img { border: 1px solid #1584d2; }
.bk-products-offers .prices { text-align: center; }
.bk-products-offers .buttons { text-align: center; }
.bk-products-offers .product { text-align: center; padding: 10px 0; }

.featuresList	{border: 2px solid #E9E9E9; float: right; margin: 0px 0px 5px 5px; padding: 6px; width: 40%;}

.specification	{}
.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;}

/* Visualisation product list as table */
.productsTable th 		{padding: 3px;}
.productsTable td 		{padding: 3px;}
.productsCategory 		{font-size: 14px; font-weight: bold; background: #E9E9E9; color: #1584D2; padding: 6px !important; }
.productsCategoryDesc	{background: #E9E9E9; padding: 6px !important; }
.productsDelimiter 		{background: #E9E9E9; padding: 0px !important;}
.productsDelimiterTop 	{background: #E9E9E9; padding: 0px !important;}
.productsDelimiterTop img 	{height: 2px;}

/* 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 tubs on product details */
.DetailTabs 			{border-bottom: 2px solid #E9E9E9; height: 1%; margin: 0px; overflow: hidden; padding: 0px 0px 0px 10px;}
.DetailTabs li 			{display: block; float: left; list-style: none; margin: 0px 10px 0px 0px; padding: 0px;}
.DetailTabs li.tab 			{background: none; border: 1px solid #E9E9E9; border-bottom: none;}
.DetailTabs li.tabActive 		{background: #E9E9E9; border: 1px solid #E9E9E9; border-bottom: none;}
.DetailTabs a.tab					{background: none; color: #1584D2; display: block; font-size: 12px; font-weight: bold; padding: 5px 8px; text-decoration: none;}
.DetailTabs a.tab:hover			{background: #E9E9E9; color: #1584D2; display: block; font-size: 12px; font-weight: bold; padding: 5px 8px; text-decoration: none;}
.DetailTabs a.tabActive			{background: #E9E9E9; color: #1584D2; display: block; font-size: 12px; font-weight: bold; padding: 5px 8px; text-decoration: none; cursor: text;}
.DetailTabs a.tabActive:hover	{background: #E9E9E9; color: #1584D2; display: block; font-size: 12px; font-weight: bold; padding: 5px 8px; text-decoration: none; cursor: text;}

/*** Products list (list, table view) and product details ***/

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

/* 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 ***/

/*** Small Cart ***/
.paddingCart td		{padding: 0px;}
.paddingCart .cartTitle td			{background: #E9E9E9; padding: 4px;}
.paddingCart .cartItem td			{border-bottom: 1px solid #E9E9E9; padding: 2px 4px;}
.paddingCart .cartGoodsTotal td	{border-top: 2px solid #D9D9D9; padding: 4px;}
/*** Small Cart ***/

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

/*** Offers ***/
.offerTitleTop		{display: none;}
.offerTitle			{text-align: left; clear: right; display: block;}
.offerItem 			{text-align: left;}
.offerImg			{float: left; border: 1px solid #78C7FF; margin-right: 10px; margin-bottom: 10px;} 
.offerText			{text-align: left;}
.offerItem 
a.buttonMore		{display: block;}
/*** Offers ***/

/*** 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 ***/


/*** 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, .layout .bk-product-details .body { 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; }
.product-name.below-image { display: none; }

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

/*** Visualisation tubs on UserHome pages ***/
.AdminTabs 				{background: url(../images/default/admin-tabs-bgr-light.gif); height: 1%; margin: 0px 0px 10px 0px; overflow: hidden; padding: 0px 0px 0px 10px;}
.AdminTabs li 				{display: block; float: left; list-style: none; margin: 0px 0px 0px 0px; padding: 0px;}
.AdminTabs li.adminTab			{border-bottom: 1px solid #919B9C;}
.AdminTabs li.adminTabActive	{border: none;}
.AdminTabs li.BeginTab			{display: none;}
.AdminTabs li.EndTab			{display: none;}
div.adminTab 			{background: #E9E9E9; border: 1px solid #919B9C; border-bottom: none; cursor: pointer; font: 11px/18px Verdana, sans-serif; margin: 8px 2px 0px 2px; padding: 2px 8px 1px 8px; white-space: nowrap;}
div.adminTabActive 	{background: #F4F4F4; border: 1px solid #919B9C; border-top: 2px solid #919B9C; border-bottom: none; font: bold 11px/18px Verdana, sans-serif; margin: 3px 2px 0px 2px; padding: 4px 8px 4px 8px; white-space: nowrap;}
a.blackSm, a.blackSm:hover {text-decoration: none;}
/*** Visualisation tubs on UserHome pages ***/

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

.prices .caption { display: none; }

.prices .price {  font-size: 14px; }
.prices { margin-bottom: 5px; }

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

.price-old .price {color: #000; text-decoration: line-through; font-weight: normal; font-size: 12px; }

.hidden { 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; font-weight: bold; color: #A00; }
.price-sale .tax {font-weight: normal;}

.price-save { font-weight: normal; display: block; }
.price-save .caption { display: inline; }
.price-save .price { color: #0A0; font-weight: bold;}
.price-save .percent {font-weight: normal; display: none; }

.price-incl-excl .tax:before, .price-excl-incl .tax:before { content: "("; }
.price-incl-excl .tax:before, .price-excl-incl .tax:after { content: ")"; }
.price-old .tax, .price-edit .tax {display: none; }


.priceBlock {color: #000; font-weight: bold;}
.priceBlock .price {font-weight: bold;}
.priceBlock .priceTax {font-weight: normal;}

.priceBlockOld {color: #000; text-decoration: line-through;}
.priceBlockOld .price {font-weight: normal;}
.priceBlockOld .priceTax {font-weight: normal;}

.priceBlockHidden {color: #000; font-weight: bold; display: none;}
.priceBlockHidden .price {font-weight: bold;}
.priceBlockHidden .priceTax {font-weight: normal;}

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

.salesBlock {color: #000; font-weight: bold; border: none; background: transparent;}
.salesPrice {font-weight: bold;}
.salesTax {font-weight: normal;}

.priceSaveBlock {color: #0A0; font-weight: bold;}
.priceSaveBlock .price {font-weight: bold;}
.priceSaveBlock .percent {font-weight: normal;}

.pointsPriceBlock {}
.pointsPriceBlock .points {}

.rewardPointsBlock {}
.rewardPointsBlock .points {}
/*** 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; }
.ico-phone:before { content: "\f095"; }
.ico-email:before { content: "\f003"; color: #1584D2; }
.ico-work:before { content: "\f017"; }
.ico-viber:before { content: "\f232"; color: #7b519c; }
.text-viber { color: #7b519c; }

/*** 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 ***/

/*** Site map list ***/
.SiteMap ul		{display: block; margin: 0px; padding: 0px;}
.SiteMap ul ul		{display: block; margin: 0px; padding: 0px 0px 0px 10px;}
.SiteMap ul li		{background: url(../images/bullet.gif) no-repeat 0px 6px; display: block; list-style: none; margin: 0px; padding: 2px 0px 2px 10px;}
.SiteMap ul li a		{font-weight: bold;}
.SiteMap ul li li a		{font-weight: normal;}
/*** Site map list ***/

/*** Image slider box ***/
.imageSlider	{position: relative; overflow: hidden;}

.sliderClassVertical	{top: -2000px; border-bottom: 1px solid #E9E9E9; position: absolute; width: 100%;}
.sliderClassVertical td.padding10px	{padding: 20px;}

.sliderClassHorizontal		{left: -2000px; position: absolute; width: 100%;}
.sliderClassHorizontal td.padding10px	{padding: 10px 30px;}

/* 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; }

/***  ***/
.block-articles-details .titleTopCenter	{padding: 6px 0px 6px 0px;}
.block-basket-recommended select	{margin-right: 5px;}
.block-user-profile .titleTopCenter div	{text-align: center;}
.block-search select	{margin-bottom: 7px;}
.block-reviews .titleTopCenter	{padding: 8px 10px;}
.no-articles { padding: 10px; }
.search-navigation { background: #E9E9E9; font-weight: bold; padding: 5px; }
.navigator {	white-space: nowrap; }

#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.buttonGreen{float:left;background-color:green;}
.cookieInfo div.buttonRed{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 ****/
.folders {}
.folder { padding: 3px; }
.unreadFolder { font-weight: bold; padding: 3px; }

.newMessage { padding: 6px; }
.noMessages { color: #333; 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 silver; 
	border-left: 1px solid silver; 
	border-top: 1px solid silver; 
	border-right: 1px solid silver;  
	background-color: gray; color: white; 
	padding: 5px 5px 5px 8px; 
	height: 18px;
}
.msgLeftContent { 
	border-left: 1px solid silver; 
	border-right: 1px solid silver; 
	color: white; padding: 5px; padding-bottom:1000px; margin-bottom:-1000px; }

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

/*** 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: #f5f5f5; min-height: 50px; padding: 5px; border-bottom: 1px solid #C0c0c0; }
.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 .after { clear: both; }
.property .price { text-align: right; }

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

.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 { 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#cartTitle { border-top: 1px solid #d0d0d0; }
.bk-order-form .sub-head { border-bottom: 1px solid #d0d0d0; background: #f0f0f0; color: #333; font-weight: bold; border-radius: 0; }
.bk-order-form .closed .sub-head { background: #f0f0f0; opacity: 0.5; }
.bk-order-form .closed .sub-head:hover { color: #7af; }
.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; }

/* support blocks */
.bk-ticket-new input, .bk-ticket-new select, .bk-ticket-new textarea { width: 200px; box-sizing: border-box; }
.fd-summary input, .bk-ticket-new textarea { width: 400px; }
.fd-environment { display: none; }

/* 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 .head { border: none; font-size: 14px; font-weight: bold; text-align: center; padding: 0; }
.bk-support-live .body { border: none; padding: 0; }
.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 { border: none; background: none; }
.bk-message { color: #0000FF; text-align: center; border: 1px solid #AAAAFF; padding: 10px; background: #EEEEFF; border-radius: 5px; }
.bk-intro { border: 1px solid #C0C0C0; padding: 10px; border-radius: 5px; }

.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; }

/* 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"; }

.attention {
  -webkit-animation: blink 2s linear infinite;
  -moz-animation: blink 2s linear infinite;
  animation: blink 2s linear infinite;
}  

@-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); }
}
@keyframes blink {  
  0% { color: #d40108; }
  30% { color: #ed0400; }
  70% { color: #ffc2c1; }
  100% { color: #ed0400; }
}
@-webkit-keyframes blink {
  0% { color: #d40108; }
  30% { color: #ed0400; }
  70% { color: #ffc2c1; }
  100% { color: #ed0400; }
}
