﻿/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// logotip
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
h1#logotip
{ position:absolute; top:45px; left:0; margin:0; padding:0; width:485px; height:83px; overflow:hidden; border:none; }
	h1#logotip a
	{ width:485px; height:120px; display:block; text-indent:-9999px; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// phone numbers
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
h2#phone_numbers
{ position:absolute; width:600px; height:25px; left:130px; top:115px; font-family:Impact; font-size:18px; font-weight:normal; color:#ffc81f; background-color:transparent; overflow:hidden; z-index:100; }
	h2#phone_numbers span
	{ margin:0 20px 0 0; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// representation
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
ol#representation
{ position:absolute; margin:0; padding:0; top:35px; left:120px; width:830px; overflow:hidden; background:transparent; border:none; text-align:right; }
	ol#representation li
	{ margin:0; padding:0; list-style:none; display:inline; clear:none; float:right; }
		ol#representation li img
		{ border:none; padding:0; margin:0; background:none; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// breadcrumbs
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#breadcrumbs
{ width:840px; position:absolute; height:20px; top:-30px; right:0; margin:0; padding:0; display:block; clear:both; overflow:hidden; }
		div#breadcrumbs ol
		{ width:auto; margin:0;  padding:5px 10px; border:none; display:inline; float:right; background:#fff url(../_images/small_box_title.png) repeat-x top; }
			div#breadcrumbs ol li
			{ margin:0; padding:2px; list-style:none; display:inline; font-size:12px; background:none; }
			div#breadcrumbs ol li a
			{ margin:0 5px 0 0; padding:0 15px 0 0; background:url(../_images/arow_grey.png) no-repeat right center; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// search
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#search
{ width:230px; display:block; clear:both; overflow:hidden; background:url(../_images/search.png) no-repeat bottom left; }
	div#search fieldset
	{ width:230px; margin:0; padding:0; display:block; clear:both; }
		div#search h2
		{ margin:0 0 0 10px; padding:0; color:#000; background-color:inherit; font-size:18px; font-weight:normal; }
		div#search fieldset legend
		{ display:none; margin:0; padding:0; }
		div#search label
		{ position:relative; width:230px; height:23px; margin:0; padding:2px 0 0 0; display:block; overflow:hidden; 
			 z-index:2; }
			div#search label input.search_text
			{ border:none; width:180px; height:21px; margin:0; padding:2px 5px 2px 5px; background:transparent;
				font-family:"Trebuchet MS" , Tahoma, Sans-Serif; font-size:12px; color:#252525; overflow:hidden; }
			div#search label input.search_button
			{ position:absolute; width:40px; height:25px; top:0; right:0; border:none; background:none; cursor:pointer; overflow:hidden; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// catalog menu
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#catalog_menu
{ width:230px; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// newsletter
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.newsletter
{ width:400px; margin:0 0 0 15px; float:left; }
	div.newsletter fieldset
	{ width:400px; margin:0; padding:0; display:block; overflow:visible; }
		div.newsletter fieldset h2
		{ position:relative; z-index:999; color:#fff; background-color:inherit; }
			div.newsletter fieldset h2 span.image
			{ position:absolute; z-index:1000; width:157px; height:205px; top:-85px; left:0; margin:0; padding:0; font-size:18px; 
			background:url(../_images/newsletter_title.png) no-repeat top left; }
			div.newsletter fieldset h2 span.text
			{ position:absolute; top:0; left:135px; z-index:1001; }
		div.newsletter fieldset legend
		{ display:none; margin:0; padding:0; }
		div.newsletter label
		{ position:relative; z-index:0; width:300px; height:25px; margin:25px 0 0 0; padding:0; display:block; float:right;
			overflow:hidden; background:url(../_images/newsletter.png) no-repeat right top; }
			div.newsletter label input.newsletter_text
			{ border:none; width:225px; height:21px; margin:0 0 0 10px; padding:2px 5px 2px 25px; 
				font-family:"Trebuchet MS" , Tahoma, Sans-Serif; font-size:12px; color:#252525; overflow:hidden; background:transparent; }
			div.newsletter label input.newsletter_button
			{ position:absolute; width:40px; height:25px; top:0; right:0; border:none; background:none; cursor:pointer; overflow:hidden; }
			
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// copyright
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
p#copyright
{ width:400px; display:inline; float:right; text-align:center; color:#fff; background-color:inherit; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// footer banners
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
ul#footer_banners
{ width:960px; margin:0px auto; padding:50px 0px 0px 0px; background:transparent; border:none; display:block; clear:both; text-align:center;list-style-type:none;  }
	ul#footer_banners li
	{ width:220px; margin:0px; padding:0px; display:inline; }
		ul#footer_banners li img
		{ margin:0px; padding:0px; border:none; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// poll
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#poll
{ }
	div#poll p.question
	{ padding:0 5px; margin:0 0 10px 0; color:#000; background-color:#fff; font-weight:bold; text-align:center; }
	div#poll p.answer
	{ color:#000; background:transparent; text-align:left; padding:2px; margin:0 10px 5px 10px; line-height:1.2em; }
		div#poll p.answer label
		{ display:block; }
			div#poll p.answer input
			{ }
	div#poll p.links
	{ margin:10px 0 0 0; padding:0; }
		div#poll p.links a
		{  }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// poll result
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
dl.poll_result
{ margin:0; padding:0; border:none; background:none; overflow:visible; }
	dt.question
	{ width:350px; padding:5px; margin:10px auto; text-align:center; color:#000; background-color:#fff; border:solid 1px #f1f1f1; }
	dd.answer
	{ width:400px; }
		dd.answer p
		{ color:#000; background-color:inherit; font-weight:bold; }
		dd.answer span.percentage_holder
		{ margin:5px 0 0 0; background:url(../_images/poll_gradient_2.png) repeat-x top; display:block; }
			dd.answer span.percentage
			{ position:relative; display:block; background:url(../_images/poll_gradient.png) repeat-x top; }
			dd.answer span.percentage span.text
			{ padding:1px 5px; border:solid 1px #f1f1f1; color:#252525; background:#fff url(../_images/small_box_title.png) repeat-x top; 
				font-size:12px; font-weight:bold; position:absolute; top:-8px; right:-25px; }
p.total_votes
{ width:350px; margin:0 auto; padding:15px; border:solid 1px #f1f1f1; text-align:center; }
	p.total_votes span
	{ color:#ed1c24; font-size:16px; font-weight:bold; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// header banner
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.header_banner
{ position:relative; width:470px; height:250px; display:block; clear:both; margin:0 0 10px 0; padding:0; }
	div.header_banner img
	{ margin:0; padding:0; display:block; border:none; }
		div.header_banner ul
		{ width:470px; height:250px; margin:0; padding:0; overflow:hidden; background-color:transparent; border:none; }
			div.header_banner li
			{ width:470px; height:250px; margin:0; padding:0; list-style:none; float:left; display:none; }
			div.header_banner li span.description
			{ position:absolute; left:0; bottom:0; width:470px; background-color:#000; 
				/*filter: alpha(opacity=70);*/ -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff; 
				display: none; font-size:16px; }
				div.header_banner li span.description span
				{ width:450px; display:block;  padding:5px 10px; }


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// p.links
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
p.links
{ font-size:12px; padding:10px 0 0 0; clear:both; display:block; text-align:center; font-weight:normal; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// video
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#content div.video object
{ display:inline; float:left; margin:7px; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// content banners
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#content_banners
{ width:230px; overflow:hidden; }
div#column_two ul.small_banners {
	display: inline; float:right; clear:none;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// news
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#news
{  display:inline; float:left; clear:none; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// useful links
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#useful_links
{ display:inline; float:right; clear:none; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// useful links items
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
ul.useful_links_items
{ margin:0; padding:0; width:210px; border:none; }
	ul.useful_links_items li
	{ width:210px; margin:2px 0; padding:0; list-style:none; background:url(../_images/useful_links_item_bottom.png) no-repeat bottom center; }
		ul.useful_links_items li a
		{ width:175px; display:block; padding:3px 10px 3px 25px; color:#fff; background-color:transparent;
			 background:url(../_images/useful_links_item_top.png) no-repeat top center; }
		ul.useful_links_items li a:link, ul.useful_links_items li a:visited
		{ color:#fff; background-color:transparent; } 
		ul.useful_links_items li a:active, ul.useful_links_items li a:hover, ul.useful_links_items li a:focus
		{ color:#ffc81f; }

		
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// apart product
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.apart_product
{ width:112px; display:inline; padding:10px 0 0 0; margin:0 10px 10px 0; float:left; clear:right; color:inherit; 
	background:transparent url(../_images/product_box_top.png) no-repeat top center; overflow:hidden; }
	div.apart_product h3.manufacturer
	{ color:#d81314; background-color:transparent; text-transform:uppercase; }
	div.apart_product h3
	{ width:92px; font-size:12px; color:#000; padding:5px 10px; text-align:center; display:block; overflow:hidden; clear:both; }
	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:#ed1c24; background-color:transparent; }
	div.apart_product p.product_image
	{ width:100px; margin:0 auto; padding:0; overflow:hidden; }
		div.apart_product p.product_image a
		{ width:100px; margin:0 auto; display:block; color:inherit; background-color:transparent; }
			div.apart_product p.product_image img
			{ margin:0 auto; padding:0; border:none; display:block; }
	div.apart_product p.product_specifications
	{ width:102px; padding:5px; display:block; clear:both; text-align:center; }
		div.apart_product p.product_specifications strong
		{ background:#252525; color:#ffc81f; width:82px; margin:0 auto; padding:2px 5px; display:block; clear:both; overflow:hidden; }
	div.apart_product p.product_price
	{ width:102px; padding:5px; margin:0; display:block; clear:both; text-align:center; color:#d81314; font-size:16px; background-color:transparent; font-weight:bold; }
	div.apart_product p.product_old_price
	{ width:102px; padding:5px; margin:0; display:block; clear:both; text-align:center; text-decoration:line-through; }
	div.apart_product p.links
	{ width:102px; display:block; margin:0; padding:5px 5px 25px 5px; text-align:center; background:url(../_images/product_box_bottom.png) no-repeat bottom center; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// product list
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
table.product_list
{ margin:0 auto; padding:0; border:none; overflow:hidden; }
	table.product_list tbody td
	{ width:112px; background:transparent url(../_images/product_box_top.png) no-repeat bottom center; }
	table.product_list tbody td.manufacturer
	{ width:112px; padding:15px 0 0 0; background:transparent url(../_images/product_box_top.png) no-repeat top center; }
		table.product_list tbody td.manufacturer h3
		{  color:#d81314; background-color:transparent;	text-transform:uppercase; text-align:center; }
	table.product_list tbody th
	{ font-weight:normal; }
		table.product_list tbody td.product
		{ width:102px; padding:15px 5px 0 5px; }
		table.product_list tbody td.product a
		{ width:102px; background:transparent; margin:0 auto; padding:0; display:block; overflow:hidden; }
		table.product_list tbody td.product img
		{ margin:0 auto; width:100px; border:none; }
		table.product_list tbody td.product h3
		{ width:82px; font-size:12px; color:#000; padding:5px 10px; text-align:center; display:block; overflow:hidden; clear:both; }
		table.product_list tbody th.product_specifications
		{ width:92px; padding:0 10px 10px 10px; text-align:center; background:url(../_images/product_box_top.png) no-repeat bottom center; }
			table.product_list tbody th.product_specifications strong
			{ background:#252525; color:#ffc81f; width:82px; margin:0 auto; padding:2px 5px; display:block; clear:both; overflow:hidden; }
		table.product_list tbody th.product_price
		{ width:92px; color:#d81314; font-size:16px; background-color:transparent; font-weight:bold; padding:0 10px 5px 10px; text-align:center; 
			background:url(../_images/product_box_top.png) no-repeat bottom center; }
		table.product_list tbody th.product_old_price
		{ width:92px; padding:0 10px 10px 10px; text-decoration:line-through; text-align:center; background:url(../_images/product_box_top.png) no-repeat bottom center; }
		table.product_list tbody th.product_link
		{ width:92px; padding:0 10px 15px 10px; text-align:center; background:url(../_images/product_box_bottom.png) no-repeat bottom center; }


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// news item
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
ol.news_items
{ width:210px; margin:0; padding:0; overflow:hidden; border:none; }
	ol.news_items li
	{ width:210px; display:block; margin:2px 0; padding:0; list-style:none; background:url(../_images/news_item_bottom.png) no-repeat bottom center; }
		ol.news_items li a
		{ width:190px; display:block; padding:5px 10px; color:#fff; background-color:transparent; background:url(../_images/news_item_top.png) no-repeat top center; }
			ol.news_items li a span
			{ color:#FFC81F; background-color:transparent; }
		ol.news_items li a:link, ol.news_items li a:visited
		{ color:#fff; background-color:transparent; } 
		ol.news_items li a:active, ol.news_items li a:hover, ol.news_items li a:focus
		{ color:#fff; background-color:transparent; font-weight:bold; }
		
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// basket
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#basket
{ }
	div#basket.small_box h2.section_title
	{ padding:30px 15px 0 15px; background:url(../_images/small_box_top_2.png) no-repeat top center; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// basket items
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
table.basket_items
{ width:100%; margin:0 auto; padding:0; border:none; }
	table.basket_items th, able.basket_items td
	{ margin:0; padding:0; text-align:left; font-weight:bold; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// universal_shop_table
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
table.universal_shop_table
{ width:100%; margin:0 auto; padding:0; border:none; }
	table.universal_shop_table.product
	{ width:auto; margin:0 auto 20px auto; }
	table.universal_shop_table thead th, table.universal_shop_table tfoot th
	{ padding:2px 5px; color:#000; text-align:center; background:#fff; border:solid 1px #fff; 
		background:url(../_images/small_box_title.png) repeat-x top; border-collapse:collapse; }
	table.universal_shop_table tfoot th.name
	{ text-align:right; color:#000; background-color:#fff;  }
	table.universal_shop_table tfoot td.value
	{ text-align:left; }
	table.universal_shop_table tbody th, table.universal_shop_table tbody td
	{ padding:5px; border:solid 1px #f1f1f1; border-collapse:collapse; }
	table.universal_shop_table tbody td.value
	{ text-align:center; }
	
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// gumishop
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#gumishop
{ }
	div#gumishop.small_box h2.section_title
	{ padding:30px 15px 0 15px; background:url(../_images/small_box_top_2.png) no-repeat top center; }
	div#gumishop select
	{ font-size:10px; }
	div#gumishop fieldset
	{ display:block; text-align:center; }
		div#gumishop legend
		{ display:none; }
		div#gumishop fieldset h3
		{ margin:0 0 2px 0; padding:0; }
	div#gumishop div.small_box_inner_wrapper
	{ margin:0 0 5px 0; }
		div#gumishop label.ful_size
		{ width:190px; display:block; clear:both; }
			div#gumishop label.ful_size select
			{ width:190px; }
		div#gumishop label.half_size
		{  display:inline-block; float:left; width:95px; text-align:left; }
			div#gumishop label.half_size span, div#gumishop label.ful_size span
			{ margin:0; padding:0; font-size:10px; color:#808080; background-color:transparent; text-transform:uppercase; text-align:left; }
		div#gumishop label.half_size select
		{ width:95px; overflow:visible; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// gumishop
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div#gumishop
{ }
		
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// apart image
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.apart_image
{ padding:25px; display:inline; float:left; clear:left; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// 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:#252525; }
	span#day
	{ display:block; font-size:24px; padding:5px; color:#ed1c24; background-color:#fff; }
	span#month
	{ display:block; font-size:14px; color:#000; background-color:inherit; }
	
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// search term
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
p#search_term
{ margin:25px 10px; }
	p#search_term strong
	{ padding:10px; color:#ed1c24; background-color:#fff; font-weight:bold; border:solid 1px #f1f1f1; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// gallery
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.gallery
{  }
	div.gallery div.row
	{ padding:0; text-align:center; margin:0 0 10px 0; }
		div.gallery div.row a
		{ text-decoration:none; }
		div.gallery div.row img
		{ margin:0 5px; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// bound documents
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.bound_documents
{  }
	div.bound_documents ol
	{ margin:10px auto; }
		div.bound_documents ol li
		{ background:url(../_images/arow_grey.png) no-repeat 2% center; list-style:none; margin:0; padding:0 0 0 25px; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// small banners
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
ul.small_banners
{ width:230px; padding:0; border:none; } 
	ul.small_banners li
	{ width:230px; list-style:none; margin:0; padding:0; text-align:center; background:none; }
		ul.small_banners li img
		{ margin:0 0 -5px 0; padding:0; border:0; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// error message
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.error_message
{ margin:25px auto; width:300px; min-height:50px; padding:10px 10px 10px 65px; }
div.error_message.bad
{ background:url(../_images/error.png) no-repeat center left; border:solid 1px #f1f1f1; }
div.error_message.good
{ background:url(../_images/notice.png) no-repeat center left; border:solid 1px #f1f1f1; }
	div.error_message ul
	{ margin:0; padding:0; border:none; background:none; }
		div.error_message ul li
		{ margin:0 0 0 15px; padding:0 5px 0 25px; list-style:none; }
		div.error_message ul li
		{ background:url(../_images/arow_grey.png) no-repeat center left; }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// row 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.row
{ width:100%; padding:10px 0 10px 0; clear:both; overflow:hidden; display:block;  }

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// pagination
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
div.pagination 
{ /*width:600px;*/ margin:10px auto; border-left:none; display:block; clear:both; overflow:hidden; background:url(../_images/pagination_right.png) no-repeat center right; }
div.small_box div.pagination, div#apart_products div.pagination
{ /*width:230px;*/ }
	div.pagination p
	{ margin:0; padding:0; }
	/* previous */
	div.pagination p.previous
	{ margin:0 2px; overflow:hidden; display:inline; float:left; }
	/* first */
	div.pagination p.first
	{ overflow:hidden; margin:0 2px; display:inline; float:left; }
	/* pages */
	p.pages
	{ display:inline; float:left; padding:0 10px; overflow:hidden; text-align:center; }
		p.pages a
		{ margin:0 3px 0 3px; padding:2px; }
		p.pages a.active
		{ font-weight:bold; font-size:14px; color:#252525; background-color:transparent; }
	/* next*/
	div.pagination p.next
	{ margin:0 2px; overflow:hidden; display:inline; float:right; }
	/* last */
	div.pagination p.last
	{ margin:0 2px; overflow:hidden; display:inline; float:right; }
