﻿/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// logotip
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#flash
{ width:485px; height:95px; margin:5px 0 0 0; overflow:hidden; float:right; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// logotip
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
h1#logotip
{ margin:0; padding:0; width:445px; height:100px; float:left; clear:both; overflow:hidden; border:none; }
	h1#logotip a
	{ width:445px; height:100px; display:block; background:none; }
		h1#logotip a span
		{ margin-left:-9999px }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// catalog menu
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#catalog_menu
{ width:180px; margin:0 auto; background:url(../_images/catalog_menu_bg.png) no-repeat top center; }
	div#catalog_menu h2.section_title
	{ display:none; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// search
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#search
{ width:180px; height:25px; margin:0 auto; display:block; clear:both; overflow:hidden; }
	div#search fieldset
	{ width:180px; margin:0; padding:3px 0; display:inline; float:right; }
		div#search fieldset legend
		{ display:none; margin:0; padding:0; }
		div#search label
		{ width:180px; height:25px; margin:0; padding:0; display:block; overflow:hidden; position:relative; }
			div#search label input.search_text
			{ border:none; width:145px; height:20px; margin:0; padding:2px 0 0 10px; background-color:transparent;
				font-family:"Trebuchet MS" , Tahoma, Sans-Serif; font-size:12px; color:#fff; overflow:hidden; }
			div#search label input.search_button
			{ width:25px; height:25px; margin:0; position:absolute; right:5px; background:none; border:none; cursor:pointer; overflow:hidden; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// newsletter
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#newsletter
{ width:210px; margin:0; padding:0; overflow:hidden; display:inline; float:right; }
		div#newsletter fieldset
		{ width:210px; height:25px; margin:0 auto; padding:0; background:url(../_images/newsletter.png) no-repeat center bottom; }
			div#newsletter fieldset legend
			{ display:none; }
			div#newsletter label
			{ position:relative; margin:0 auto; width:210px; height:24px; display:block; }
				div#newsletter label input.newsletter_text
				{ width:130px; height:18px; margin:7px 0 0 10px; padding:0 5px; background-color:transparent;
					font-family:"Trebuchet MS" , Tahoma, Sans-Serif; font-size:12px; color:#fff; border:none; }
				div#newsletter label input.newsletter_button
				{ position:absolute; right:10px; width:25px; height:20px; margin:5px 0 0 0; background:transparent; border:none; cursor:pointer; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// poll
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#poll
{ width:180px; display:block; clear:both; overflow:hidden; }
	div#poll p.question
	{ padding:2px 5px; margin:10px; color:#000; background-color:#fff; border:solid 1px #555; font-size:10px; text-align:center; }
	div#poll p.answer
	{ color:#000; text-align:left; background-color:transparent; padding:0; margin:0 10px 5px 10px; line-height:1.2em; font-size:11px; }
		div#poll p.answer input
		{ }
	div#poll p.links
	{ margin:10px; padding:0; text-align:center; }
		div#poll p.links a
		{  font-weight:bold; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// poll result
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
dl.poll_result
{ margin:0; padding:0; border:none; background:none; overflow:hidden; }
	dt.question
	{ padding:5px; margin:10px; color:#000; background-color:#fff; border:solid 1px #555; }
	dd.answer
	{ border-bottom:solid 1px #ccc; }
		dd.answer p
		{ color:#000; background-color:inherit; font-weight:bold; }
		dd.answer span.percentage 
		{ margin:10px 0 0 0; background:#ccc; display:block; position:relative; }
			dd.answer span.percentage span.text
			{ font-size:16px; font-weight:bold; position:absolute; top:-8px; right:0; }
p.total_votes
{ padding:25px; }
	p.total_votes span
	{ font-size:16px; font-weight:bold; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// header banner
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.header_banner
{ width:580px; margin:0; display:block; clear:both; overflow:hidden; }
	div.header_banner img, div.header_banner div.flash
	{ margin:0; padding:0 0 3px 0; border:none; display:block; background-color:#fff; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// p.links
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
p.links
{ font-size:12px; padding:10px 0 0 0; clear:both; display:block; text-align:right; /*font-weight:bold;*/ }
p.links a.large_link
{ display:block; margin:20px 0; text-align:center; font-size:24px; overflow:visible; }


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// apart products
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#apart_products
{ width:580px; padding:0 0 10px 0; overflow:hidden; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// product list
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
table.product_list
{ margin:0 auto; clear:both; background-color:#fff; border-collapse:collapse; overflow:hidden; }
	table.product_list th, table.product_list td
	{ width:200px; padding:0 5px; color:#333; background-color:#fff; text-align:center; vertical-align:top; line-height:1.2em; }
	table.product_list th.product_title
	{ background:url(../_images/apart_product_top.png) repeat-x top; border-left:solid 1px #ccc; border-right:solid 1px #ccc; }
	table.product_list td.product
	{ border-left:solid 1px #ccc; border-right:solid 1px #ccc; }
	table.product_list th.product_link
	{ border-left:solid 1px #ccc; border-right:solid 1px #ccc; }
	table.product_list th.manufacturer_link
	{ border-left:solid 1px #ccc; border-right:solid 1px #ccc; border-bottom:solid 3px #ccc; padding:2px 5px 15px 5px; margin:0 0 10px 0; }
	table.product_list td.product_description
	{ border-left:solid 1px #ccc; padding:2px 5px; border-right:solid 1px #ccc; }
	table.product_list th.product_title h3
	{ font-size:16px; padding:10px 5px 0 5px; text-align:center; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// apart product
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.apart_product
{ width:180px; display:inline; padding:0; margin:10px 6px; float:left; color:inherit; 
	background:#fff url(../_images/apart_product_top.png) repeat-x top; overflow:hidden; }
	div.apart_product h3
	{ font-size:16px; /*color:#ff0003;*/ padding:10px 5px 5px 5px; /*text-transform:uppercase; font-style:italic;*/ text-align:center; }
	div.apart_product h3 a, div.apart_product h3 a:link, div.apart_product h3 a:visited,
	div.apart_product h3 a:hover, div.apart_product h3 a:active, div.apart_product h3 a:focus
	{ display:block; padding:0 10px; color:#ab070e; background-color:inherit; }
	div.apart_product p.product_image
	{ width:180px; margin:0 auto; padding:0; overflow:hidden; }
		div.apart_product p.product_image a
		{ width:172px; position:relative; margin:0 auto; display:block; color:inherit; background-color:#fff; }
			div.apart_product p.product_image img
			{ margin:0 auto; padding:0; border:solid 1px #f1f1f1; display:block; }
	div.apart_product p.description
	{ padding:5px; }
	div.apart_product p.links
	{ display:block; padding:5px; clear:both; text-align:center; background:url(../_images/apart_product_bottom.png) repeat-x bottom; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// customer suggestion
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
h2#customer_suggestion
{
		margin:0 0 13px;
		padding:0;
}
	h2#customer_suggestion a
	{ padding:5px; color:#fff; background-color:transparent; display:block; text-align:center; font-size:16px; }
		h2#customer_suggestion a img
		{ margin:0; padding:0; display:inline; float:left; background:transparent; border:none; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// news, action, extra
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#news, div#action, div#extra
{ width:180px; margin:0 0 15px 0; padding:0; overflow:hidden; }
	div#news h2, div#action h2, div#extra h2
	{ font-weight:bold; }
	div#news p.links, div#action p.links, div#extra p.links
	{ width:180px; margin:0 0 10px 0; padding:5px; display:block; padding:0; text-align:right; overflow:hidden; background-color:#ccc; }
	div#news p.links a, div#action p.links a, div#extra p.links a
	{ color:#fff; background-color:transparent; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// apart content
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
ul.apart_content
{ width:180px; margin:0; padding:0; border:none; background:none; }
	ul.apart_content li
	{ width:180px; margin:0; padding:0; list-style:none; background:#434343 url(../_images/catalog_list_bg.png) repeat-x top; }
	ul.apart_content li a
	{ width:139px; margin:0; padding:4px 5px 4px 30px; color:#fff; background-color:transparent;  border-left:solid 3px #303030; border-right:solid 3px #303030;
		background:url(../_images/catalog_arow.png) no-repeat 3% 50%; display:block; overflow:hidden; text-transform:uppercase; }
		ul.apart_content li a:link, ul.apart_content li a:visited
		{ color:#fff; background-color:transparent; }
		ul.apart_content li a:hover, ul.apart_content li a:focus, ul.apart_content li a:active
		{ color:#ffff18; background-color:transparent; }
	
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// apart image
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.apart_image
{ width:110px; padding:25px 25px 25px 0; display:inline; float:left; clear:left; }
	div.apart_image p.links
	{ text-align:center; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// date
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
p#date
{ width:75px; margin:15px 0 10px 10px; text-align:center; border:solid 1px #f1f1f1; display:inline; float:right; background:#fff; }
	span#year
	{ display:block; color:#fff; background-color:#18a1d4; }
	span#day
	{ display:block; font-size:24px; padding:5px; color:#ab070e; background-color:#fff; }
	span#month
	{ display:block; font-size:14px; color:#000; background-color:inherit; }
	
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// search term
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
p#search_term
{ margin:10px 10px 25px 10px; }
	p#search_term strong
	{ padding:5px 10px; color:#000; background-color:#f1f1f1; font-weight:bold; border:solid 1px #ab070e; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// apart item
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.apart_item
{ width:570px; margin:0 auto; padding:5px; display:block; clear:both; overflow:hidden; border-bottom:solid 1px #ccc; float:left; }
	div.apart_item h3
	{ font-size:14px; padding:0; color:#000; background-color:inherit; text-transform:uppercase; 
		background:url(../_images/title_star_red.png) no-repeat left; }
	div.apart_item p.apart_image
	{ width:120px; padding:0 10px 0 0; float:left; overflow:hidden; text-align:center; }
	/*div.apart_item p.description
	{  }*/
	div.apart_item p.links
	{ margin:0; padding:5px; display:inline; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// gallery
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.gallery
{ width:580px; display:block; clear:both; margin:0 0 5px 0; padding:0 0 5px 0; 
	background:url(../_images/shade.jpg) repeat-x bottom; }
	div.gallery div.row
	{ width:580px; padding:5px 5px 5px 5px; float:left; }
		div.gallery div.row a
		{ text-decoration:none; }
		div.gallery div.row img
		{ width:100px; height:100px; margin:0 1px; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// bound documents
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.bound_documents
{ display:block; clear:both; margin:0 0 5px 0; padding:0; }
	div.bound_documents ol
	{ margin:10px 25px; }
		div.bound_documents ol li
		{ }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// small banners
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
ul.small_banners
{ width:924px; margin:-15px auto 10px auto; display:block; padding:0; border:none; background:none; overflow:hidden; } 
	ul.small_banners li
	{ width:150px; list-style:none; margin:0 1px 2px 1px; padding:0; text-align:center; overflow:hidden; display:inline; float:left;
		background-color:#fff; border:1px solid #f1f1f1; }
	ul.small_banners li.second
	{ /*clear:right;*/ }
		ul.small_banners li img
		{ margin:0 0 -5px 0; padding:0; border:none; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// referent list
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
ol.referent_list
{ width:450px; border:none; border-left:solid 3px #333; border-right:solid 1px #ccc; padding:0 0 0 35px; margin:25px auto; background:transparent; }
	ol.referent_list li
	{ padding:5px 10px; margin:0; font-size:12px; background-color:transparent; border-top:solid 1px #f1f1f1; border-bottom:solid 1px #ccc; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// row 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.row
{ width:100%; padding:10px 0 10px 0; clear:both; overflow:hidden; display:block;  }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// pagination
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
ol.pagination 
{ width:75%; margin:0 auto; border:none; display:block; clear:both; overflow:hidden; background:none; }
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 h3,
		ol.pagination li.arhive h3
		{ margin:0; padding:0; line-height:1.5em; border:none; color:#333; background:inherit; }
	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
	{ font-size:110%; display:block; width:2em; text-align:center; }
	ol.pagination li.pages a:link, ol.pagination li.pages a:visited { text-decoration:none; }
	ol.pagination li.pages a:active, ol.pagination li.pages a:hover, ol.pagination li.pages a:focus {  }

		ol.pagination li.pages a.active, 
		ol.pagination li.pages a.active:active,
		ol.pagination li.pages a.active:hover,
		ol.pagination li.pages a.active:focus,
		ol.pagination li.pages a.active:link,
		ol.pagination li.pages a.active:visited
		{ font-weight:bold; font-size:150%; }
		ol.pagination li.first, 
		ol.pagination li.previous
		{ float:left; font-size:18px; }
		ol.pagination li.next, 
		ol.pagination li.last
		{ float:right; font-size:18px; }
			ol.pagination li.first a,
			ol.pagination li.previus a,
			ol.pagination li.next a,
			ol.pagination li.last a,
			ol.pagination li.first a:active,
			ol.pagination li.previus a:active,
			ol.pagination li.next a:active,
			ol.pagination li.last a:active,
			ol.pagination li.first a:hover,
			ol.pagination li.previous a:hover,
			ol.pagination li.next a:hover,
			ol.pagination li.last a:hover,
			ol.pagination li.first a:link,
			ol.pagination li.previous a:link,
			ol.pagination li.next a:link,
			ol.pagination li.last a:link,
			ol.pagination li.first a:visited,
			ol.pagination li.previous a:visited,
			ol.pagination li.next a:visited,
			ol.pagination li.last a:visited
			{ margin:0 2px; color:#333; background-color:transparent; 
				text-align:center; display:block; width:25px; }

