﻿/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// language selection
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
ul.language-selection
{ margin:0 0 0 0; padding:0; display:inline; float:right; }
	ul.language-selection li 
	{ margin:0 0 0 1px; padding:0; list-style:none; display:inline; float:left; }
		ul.language-selection li a, 
		ul.language-selection li a:link, 
		ul.language-selection li a:visited
		{ width:137px; padding:5px 0 2px 0; text-align:center; text-transform:uppercase; text-decoration:none; font-weight:bold; 
			display:block; color:#121c46; background:transparent url(../_images/language-tab.gif) no-repeat bottom center; }
		ul.language-selection li a:hover, 
		ul.language-selection li a:active, 
		ul.language-selection li a:focus
		{ padding:6px 0 2px 0; }
		ul.language-selection li.active a, 
		ul.language-selection li.active a:link, 
		ul.language-selection li.active a:visited, 
		ul.language-selection li.active a:hover, 
		ul.language-selection li.active a:active, 
		ul.language-selection li.active a:focus 
		{ background:transparent url(../_images/language-tab-active.gif) no-repeat bottom center; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// logotip
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
h1#logotip
{ margin:0; padding:0; width:335px; height:45px; display:inline; float:left; overflow:hidden; }
	h1#logotip a
	{ width:340px; height:95px; display:block; background:none; }
		h1#logotip a span
		{ margin-left:-9999px }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// search
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#search
{ }
	div#search fieldset
	{ margin:0; padding:0; }
		div#search fieldset legend
		{ display:none; }
		div#search label
		{ position:relative; width:150px; height:28px; background:url(../_images/search-form.jpg) no-repeat top center; display:block; 
			overflow:hidden; }
			div#search label input.search-form
			{ border:none; width:105px; height:18px; padding:5px 0 5px 10px; background-color:transparent;
				font-family:"Trebuchet MS" , Tahoma, Sans-Serif; font-size:12px; color:#737373; }
			div#search label input.search-button
			{ width:30px; height:28px; background-color:transparent; border:none; cursor:pointer; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// header banner
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#header-banner
{ width:430px; margin:0 0 10px 0; display:block; overflow:hidden; }
	div#header-banner img
	{ margin:0; padding:0; border:none; }
	
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// apart-item
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.apart-item
{ display:block; clear:both; }
	div.apart-item h2
	{ margin:0 0 10px 0; padding:0; display:block; font-size:110%; text-transform:uppercase; border-bottom:solid 5px #4a4748; }
		div.apart-item h2 a
		{ display:block; text-decoration:none; padding:0 10px; } 
		div.apart-item h2 a:link, div.apart-item h2 a:visited 
		{ color:#c1121a; background-color:inherit; }
		div.apart-item h2 a:active, div.apart-item h2 a:hover, div.apart-item h2 a:focus
		{ color:#fff; background-color:#4a4748; }
	div.apart-item img
	{ width:100px; height:100px; margin:1em 1em 1em 0; display:inline; float:left; }
	div.apart-item p
	{ font-size:100%;  }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// login
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#login
{ }
	div#login fieldset
	{ margin:0; padding:0; }
		div#login fieldset legend
		{ display:none; }
		div#login label
		{ position:relative; width:130px; height:28px; margin:0 0 10px 0; 
			background:url(../_images/login-form.gif) no-repeat top center; display:block; 
			overflow:hidden; }
			div#login label input.login-form
			{ border:none; width:120px; height:18px; padding:5px; background-color:transparent;
				font-family:"Trebuchet MS" , Tahoma, Sans-Serif; font-size:12px; color:#737373; }
			div#login p
			{ margin:0; padding:10px 0 0 0; color:#fff; border-top:solid 1px #0e1635; font-size:10px; }
				div#login p a:link, div#login p a:visited 
				{ color:#fff; background-color:inherit; }
				div#login p a:active, div#login p a:hover, div#login p a:focus
				{ color:#fff; background-color:#0e1635; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// basket
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#basket
{ }
	div#basket p.basket-item
	{ margin:0 0 10px 0; padding:5px 0 5px 35px; color:#fff; font-size:14px; 
		background:url(../_images/basket-icon.gif) no-repeat left center; border:none; }
	div#basket p
	{ margin:0; padding:10px 0 0 0; color:#fff; border-top:solid 1px #0e1635; font-size:10px; }
		div#basket p a:link, div#basket p a:visited 
		{ color:#fff; background-color:inherit; }
		div#basket p a:active, div#basket p a:hover, div#basket p a:focus
		{ color:#fff; background-color:#0e1635; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// gallery
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.gallery
{ display:block; clear:both; margin:10px auto; }
	div.gallery div.row
	{ padding:0 0 .5em 0; }
		div.gallery div.row a
		{ text-decoration:none; }
		div.gallery div.row img
		{ width:70px; height:70px; margin:0 1px 0 1px; }


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// bound documents
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.bound-documents
{ display:block; clear:both; margin:10px auto; }
	div.bound-documents ol li
	{ }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// banners
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
ul.banners
{ margin:0 0 10px 0; padding:0; } 
	ul.banners li
	{ list-style:none; margin:0; padding:0; text-align:center; }
	ul.banners li a { display: block; clear:both; overflow:hidden; background:transparent; }
		ul.banners li img
		{ margin:0; padding:0; border:0; display:inline; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// row -  for images ( gallery )
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.row
{ padding:0 0 .5em 0; clear:both; overflow:hidden; display:block; width:100%; }
	div.row a
	{ text-decoration:none; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// content list item
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.content-list-item
{ margin:0; padding:.5em 0; border-bottom:solid 1px #ccc; overflow:hidden; }
	div.content-list-item h3
	{ margin:0 0 10px 0; padding:0; display:block; font-size:110%; text-transform:uppercase; color:#000; background:inherit; 
		border-bottom:solid 1px #ccc; }
	div.content-list-item img
	{ display:inline; float:left; margin:0 1em 1em 0; }


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// catalog items 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#catalog-items
{ width:430px; background:url(../_images/catalog-box-middle.jpg) repeat-y center; }
	div#catalog-items div.outer
	{ width:430px; background:url(../_images/catalog-box-top.jpg) no-repeat top center; }
		div#catalog-items div.inner
		{ width:410px; padding:10px; background:url(../_images/catalog-box-bottom.jpg) no-repeat bottom center; overflow:hidden; }


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// catalog item 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.catalog-item
{ width:200px; margin:0 2px 0 2px; background:url(../_images/catalog-item-middle.jpg) repeat-y center; display:inline; float:left; }
	div.catalog-item div.catalog-item-image
	{ width:200px; padding:10px 0 0 0; text-align:center; background:url(../_images/catalog-item-top.jpg) no-repeat top center; }
		div.catalog-item div.catalog-item-image a
		{ background-color:transparent; }
		div.catalog-item div.catalog-item-image img
		{ margin:0; padding:0; border:none; }
	div.catalog-item h3
	{ font-size:14px; color:#a7a400; background-color:inherit; text-align:center; text-transform:uppercase; padding:0 10px; }
	div.catalog-item div.bottom-row
	{ width:200px; padding:0 0 10px 0; text-align:center; background:url(../_images/catalog-item-bottom.jpg) no-repeat bottom center; }
		div.catalog-item p.price
		{ text-align:center; padding:0; }
			div.catalog-item p.price strong
			{ color:#000; background-color:inherit; font-weight:bold; padding:0; }
			div.catalog-item p.price input
			{ }
		div.catalog-item p.quantity
		{ text-align:center; text-transform:uppercase; }
			div.catalog-item p.quantity input
			{ width:25px; text-align:center; font-weight:bold; }
		div.catalog-item p.add-to-basket
		{ text-align:center; }
			div.catalog-item p.add-to-basket a
			{ width:120px; height:16px; padding:2px 0 0 0; margin:0 auto; color:#fff; background-color:transparent; display:block; 
				overflow:hidden;  background:url(../_images/add-to-basket.gif) no-repeat center center; }


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// pagination
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
ol.pagination 
{ width:100%; margin:1.5em auto; display:block; clear:both; overflow:hidden; }
ol.pagination ol,
ol.pagination li
{ margin:0; padding:0; list-style:none; border:0; }
	ol.pagination li
	{ display:inline; float:left; }
	ol.pagination li.current,
	ol.pagination li.arhive
	{ font-size:85%; width:100%; display:block; margin:0 0 1em 0; clear:both; text-align:center; text-transform:uppercase; }
		ol.pagination li.current h2,
		ol.pagination li.arhive h2
		{ margin:0; padding:0; line-height:1.5em; border:none; }
	ol.pagination li.pages
	{ float:left; margin:0 1em; }
		ol.pagination li.pages ol li
		{ float:left; display:inline; margin:0 .7em 0 0; }
	ol.pagination li.pages a
	{ display:block; width:2em; text-align:center; }
		ol.pagination li a.active
		{ color:#000; background-color:inherit; font-weight:bold; font-size:125%; border:solid 1px #f1f1f1; }
		ol.pagination li.first, 
		ol.pagination li.previus
		{ float:left; }
		ol.pagination li.next, 
		ol.pagination li.last
		{ float:right; }
			ol.pagination li.first a,
			ol.pagination li.previus a,
			ol.pagination li.next a,
			ol.pagination li.last a
			{ font-weight:bold; font-size:125%; color:#000; text-align:center; background-color:#fff; 
				display:block; border:solid 1px #f1f1f1; width:25px; height:25px; }
			ol.pagination li.first a
			{  }
			ol.pagination li.previus a
			{  }
			ol.pagination li.next a
			{  }
			ol.pagination li.last a
			{  }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// basket table
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
table.basket-table
{ margin:1em auto; width:100%; border-collapse:collapse; color:inherit; background:none; }
	table.basket-table caption
	{ color:#000; background:#fff; margin:2em 0 0 0; padding:.5em; text-align:center; }
	table.basket-table td, table.basket-table th
	{ padding:.5em 1em; border:solid 1px #a8a8a5; text-align:center; }
	table.basket-table td
	{ color:inherit; background-color:#fff; }
	table.basket-table th
	{ color:#fff; background-color:#101636; }
	table.basket-table td.basket-item
	{ width:35%; }
	table.basket-table td.basket-item-quantity
	{ width:10%; }
	table.basket-table td.basket-item-price-total
	{ width:25%; }
	table.basket-table td.basket-item-quantity input
	{ width:50%; text-align:center; font-weight:bold; color:#000; background-color:inherit; }
	table.basket-table tfoot th
	{ color:#fff; background-color:#4B5475; text-align:right; padding:0 .5em; }
	table.basket-table td.basket-item-price-total, table.basket-table td.basket-total
	{ color:#000; background-color:#d6e4ff; font-weight:bold; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// customer info - table
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
table.customer-info
{ margin:1em auto; width:100%; border-collapse:collapse; color:inherit; background-color:#fff; }
	table.customer-info caption
	{ color:#000; background:#fff; margin:2em 0 0 0; padding:.5em; text-align:center; }
	table.customer-info td
	{ padding:.5em 1em; border:solid 1px #a8a8a5; }
	table.customer-info td.field
	{ width:25%; color:#fff; background-color:#4B5475; text-align:right; }
	table.customer-info td.value
	{ width:85%; color:#000; background-color:#fff; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// R1 bill
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
table#r1-bill
{ margin:1em auto; width:100%; border-collapse:collapse; color:inherit; background-color:#fff; }
	table#r1-bill caption
	{ color:#000; background:#fff; margin:0; padding:0; text-align:center; }
	table#r1-bill td
	{ padding:.5em; color:#000; background:#fff; border:solid 1px #f1f1f1; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// catalog filter
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#catalog-filter
{ margin:10px auto; display:block; clear:both; text-align:center; }
	div#catalog-filter fieldset
	{ }
	div#catalog-filter fieldset legend
	{ display:none; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// bill logotip
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
address#bill-logotip
{ display:block; clear:both; margin:60px auto 0 40px; line-height:1.4em; }
	address#bill-logotip strong
	{ font-size:20px; font-weight:bold; color:#000; background-color:inherit; display:block; margin:0 0 5px 0; }
	address#bill-logotip span
	{ color:#000; background-color:inherit; font-weight:bold; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// short customer info
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
ul.short-customer-info
{ width:90%; margin:0; padding:5px; border:solid 1px #f1f1f1; }
	ul.short-customer-info li
	{ margin:0; padding:0; list-style:none; color:#000; background-color:inherit; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// box
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.box
{ width:150px; margin:0 0 10px 0; background:url(../_images/box-middle.jpg) repeat-y center; }
	div.box div.outer
	{ width:150px; background:url(../_images/box-bottom.jpg) no-repeat bottom; }
		div#wrapper div.box div.inner
		{ width:130px; padding:10px; background:url(../_images/box-top.jpg) no-repeat top center; }
		div.box h2.box-title
		{ margin:0 0 10px 0; padding:0; color:#fff; background-color:inherit; text-transform:uppercase; font-size:12px; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//  helpers
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.left
{ width:215px; display:inline; float:left; }
div.right
{ width:215px; display:inline; float:right; }