/*
		
					Некоторые номера используемых цветов:		
					
					f15100		красно-оранжевый как у ссылок ...
					686868		цвет текста default
					d3d3d3 		светло серый цвет бордеров и фона у заголовков


*/




* {box-sizing: border-box; -moz-box-sizing: border-box}
html {filter: expression(document.execCommand("BackgroundImageCache", false, true))}

html, body, table, td, form, h1, h2, h3, h4, h5, h6 {padding: 0; margin: 0}


html, body {height: 100%}
/*img, table, td {border: 0}*/


body, td {font-size: 70%; font-family: Tahoma, Verdana, sans-serif; color: #686868}

body {background: url(../i/bg_body.gif) center top repeat-x} /*left no-repeat*/
/*background:;
url(/i/bg_body.gif) top left no-repeat*/

table {border-collapse: collapse}


a:link {color: #f15100; text-decoration: none}
a:visited {color:#f15100; text-decoration: none}   
a:hover {text-decoration: underline; color: #c34200; text-decoration: none}
a:active {text-decoration: none}

hr {height: 0px; border: 0; border-top: 1px solid #d3d3d3; margin-bottom: .7em}

h1, h2, h3, h4, h5, h6 {color: #555}
h1, h2 {text-transform: uppercase}
h1 {font: bold 125% Tahoma, Verdana, sans-serif}
	h1.header {margin: 0 0 12px}
	h1 .model {font: 75% Tahoma, Verdana, sans-serif; font-weight: bold}
	/* Заголовок в левом столбце наверху */
	.left_header {font-size: 100%; margin: 0 0 1.3em 0; padding: 0} 
	
h2 {font: bold 125% Tahoma, Verdana, sans-serif}

/* Название моделей */
.model {font: 110% Tahoma, Verdana, sans-serif; margin-top: 0.2em; font-weight: bold}


h3 {}
h4 {font-size: 110%; margin-top: 0.2em}

p {padding: 0; margin: 0 0 1em}
blockquote {}

ul {}
ol {list-style: none; margin: 10px 0 14px; padding: 0}
ol li {background: url(/i/bullet.gif) 0 .39em no-repeat; padding: 0 0 0 10px; margin: 0 0 3px}

button {}
input {}
textarea {}


/* слова меленьким шрифтом: цена, модель, артикул, количество и др. */
small {color: #9e9e9e}

/* Цифры цены */
big {font-size: 150%; color: black}


/* classes */

.phone {white-space: nowrap}


/* Добавляют слева от содержимого элемента (например, текста ссылки) корзинку соответствующего цвета */
.basket_gray{background-image: url(/i/basket_gray.gif); background-position: 0 0; background-repeat: no-repeat; padding-left: 21px}


/* Добавляют справа от содержимого элемента (например, текста ссылки) соответствующие мульки */
.sale {background-image: url(/i/sale.gif); background-position: center right; background-repeat: no-repeat; padding-right: 40px}
.new {background-image: url(/i/new.gif); background-position: center right; background-repeat: no-repeat; padding-right: 40px}

/* Для поиска для поля ввода текста */
.blur, .focus {margin-right: 2px}
.blur {color: silver}
.focus {color: black}


/* Мульки на красном фоне: 	NEW, SALE, OUT OF STOCK. */
.label {text-transform: uppercase; background-color: #eb3300; color: #fff; padding: 1px 3px; font-weight: bold}

/* Кнопкоподобные элементы */
.button {background: #f15100 url(/i/button.gif) center top no-repeat; color: #fff !important;border: 1px solid #dcdcdc}
	a.button {display: block; width: 9.5em; padding: 2px 5px 5px 5px; text-align: center; margin-top: .5em; text-decoration: none}
	button.button {display: block; padding: 1px 5px 1px 5px; text-align: center}


/* для выделения фраз из текста */
.warning {color: #f15100; font-size: 110%}


/* markup */
#site {width: 100%; height: 100%}


#top {width: 100%; padding: 21px 0 25px 18px; vertical-align: top}
#top, .top_table {}
.top_table {width: 100%}



#top, #top td {color: #9db1c9}

	#top a {}
	#top a:hover {}
	
	
	#top .logo_td {vertical-align: top; height: 77px}
	#top .logo_td img {}

		#ico {margin-bottom: 18px}
			#ico a {width: 11px; margin-right: 27px}
			#ico a {}
		
		#logo {}
		
	
	.words {vertical-align: top; font-size: 95% !important; text-transform: uppercase}
		.words .orange {color: #f15100}
		.words .silver {color: #9a9a9a}
	
	#backet_td {vertical-align: middle; padding-right: 10px}				
		#backet_td a {font-weight: bold; font-size: 110%; color: #777}
		#backet_td a:hover {color: #999}
		#backet_td .box { padding: 0px 60px; dislpay: inline; float: right}
/*background: #f5f5f5;*/

	#rek_la_ma {padding: 0 10px 0 0}
		#rek_la_ma table td {}
		.rekpadd {padding-left: 11px !important}
		
		#rek_la_ma .gray_border {background: #d3d3d3; width: 100%; height: 8px; font-size: 1px; margin-top: 4px}
		#rek_la_ma a {text-decoration: none}
		
	
	#top .nav_td {padding-top: 21px; vertical-align: top}
	
	
	
	#top .nav {list-style: none; margin: 0; padding: 0}
		#top .nav li {font-size: 125%; display: inline; float: left; margin-right: 30px; margin-bottom: 10px}
		#top .nav a {font-size: bold}
		#top .nav a:hover {}




#content {height: 100%; padding: 0 10px 0 0}
	
	#content_table {width: 100%; height: 100%}
	
		#content_left {width: 202px; padding: 0 28px 55px 18px; xborder: 1px solid red; background: url(/i/bg_left.gif) bottom left no-repeat}
			
			#content_left hr {width: 202px !important}
			
		
			#search_form {margin-bottom: 1em; xborder: 1px solid red}
				#search_form input {width: 137px; margin-bottom: 8px; margin-right: 3px}
			
			
			#left_nav {list-style: none; margin: 0 0 1.2em 0; padding: 0; font-size: 110%}
				#left_nav li {margin-bottom: 0.3em; border: 1px solid white}
				#left_nav a, #left_nav b {text-transform: uppercase; color: #595959; display: block; padding-left: 10px; background: url(/i/bullet.gif) 0 .4em no-repeat}
				#left_nav a:hover {color: #f15100}
				#left_nav a:visited {}
				
					#left_nav li ul {list-style: disc; font: 85% "Times New Roman", sans-serif; margin-top: 0.2em; margin-bottom: 1.5em}
						#left_nav li ul a {font-weight: bold; font-size: 115%}
						#left_nav li ul a:hover {}
						
						#left_nav li ul b {font-size: 115%}
						#left_nav li ul p {margin: 0; padding: 0}
			
			.yuvelir_type {}
				.yuvelir_type ul {padding-left: 0; margin-left: 11px; margin-top: 17px}
				.yuvelir_type li {list-style: none; margin-bottom: 3px}
				
				.yuvelir_type a, .yuvelir_type b {text-transform: uppercase; color: #0000a8; font-size: 110%}
				.yuvelir_type a:hover {color: #03034d}
				
					.yuvelir_type ul ul {margin: 1em}
					.yuvelir_type ul ul li {list-style: none; background: url(/i/bullet4.gif) 0 .55em no-repeat; padding-left: 8px; font-size: 95%}
					.yuvelir_type ul ul a {font-family: Georgia; text-transform: capitalize; text-decoration: none; }
					.yuvelir_type ul ul a:hover {color: gray; text-decoration: none}
					.yuvelir_type ul ul b {font-family: Georgia; text-transform: capitalize; text-decoration: none; }
					.yuvelir_type ul ul .selected a {font-weight: bold; text-decoration: none}
			
		#content_right {width: 100%; padding: 0 0 55px 0; xborder: 1px solid red}
			

			
			#navigation_string {height: 71px; padding: 22px 0 0 10px; color: black}
			#navigation_string a {text-decoration: none}
			#navigation_string a:hover {text-decoration: none}
			
			
			.descr_middle {width: 100%; border: 1px solid #eee; margin-bottom: 12px; border: 1px solid #d3d3d3}
				.descr_middle td {height: 100%; padding: 10px 5px 10px 10px; color: #535353}
				.descr_middle td table td {padding: 2px 0}
				/*.descr_middle .pad_right {padding-right: 10px}*/
				.descr_middle a {text-decoration: none}
				.descr_middle a:hover {text-decoration: none}
				.descr_middle h4 {font-size: 120%; margin-bottom: 0.25em}
				.descr_middle p {margin-top: 0.6em}
				
			.padding_left_12 {padding-left: 12px}
			/*.border_bottom {border-bottom: 1px solid #ebebeb}*/
			
			
			.descr_small {width: 100%; margin-bottom: 12px}
				.descr_small .td_product_image {width: 130px; text-align: center; padding-right: 12px}
			
			.table_descr_small {margin-bottom: 12px; width: 100%; border: 1px solid #d3d3d3}	
				.table_descr_small td {padding: 8px}	
				.table_descr_small .border {border-bottom: 1px solid #eee}
				.table_descr_small .td_descr_small {padding: 24px 0 0 0; margin-bottom: 10px}
				.table_descr_small a {}
				.table_descr_small a:hover {}
				.table_descr_small h4 {font-size: 120%; margin-bottom: 0.25em}
				.table_descr_small p {margin: 0.6em 0 0}
						
						
			.description {margin-bottom: 15px}			
				.description .product_image {margin: 0px 40px 0 0}	
				.description td table td {padding: 2px 0}
					
				.description table td {vertical-align: center}
				.description .pad_right {padding-right: 25px}
				
				.description h4 {font-size: 120%; margin-bottom: 0.25em}
				.description p {margin-top: 0.6em}
			
			#news_block {}
			
			#news_table {}
				#news_table td {padding: 0 0 28px}
				#news_table table td {padding: 0}
				#news_table .newspic {border: 5px solid #d3d3d3; margin-right: 12px}
				#news_table .date {font-size: 90%}
				#news_table h4 {padding: 0; margin: 0 0 .75em}
				#news_table p {padding: 0; margin: 0}
				#news_table a {}
				#news_table a:hover {}
				#news_table .padd_right {padding-right: 15px}
						
.text {padding: 5px 10px 0 10px; font-size: 110%; line-height: 1.5; text-align:justify;}
			
			
			.form_step_1 {margin-top: 40px}
				.form_step_1 .f7f7f7 {background: #f7f7f7 ; vertical-align: top}
				.form_step_1 .f7f7f7 td {}
				.form_step_1 .first td {padding: 10px !important}
				.form_step_1 .f7f7f7 input, .form_step_1 .f7f7f7 select, .form_step_1 .f7f7f7 textarea {width: 100%}
				.form_step_1 .f7f7f7 td {padding: 0 10px 10px}
				.form_step_1 .ser td {padding: 10px}
				.form_step_1 .star {color: #f15100; position: absolute; margin-left: -.5em}
				
				
			
			.adv_search {text-align: width: 593px}
				.adv_search .f7f7f7 {background: #f7f7f7}
				.adv_search .first td {padding: 10px !important}
				.adv_search .f7f7f7 td {padding: 0 10px 10px}
				.adv_search .ser td {padding: 10px}



			.adv_search1 {text-align: width: 500px}
				.adv_search .f7f7f7 {background: #f7f7f7}
				.adv_search .first td {padding: 10px !important}
				.adv_search .f7f7f7 td {padding: 0 10px 10px}
				.adv_search .ser td {padding: 10px}




.no_border {border: none !important}
			
			.search_table {width: 450px; margin-bottom: 2em; margin-left: 10px}
				.search_table td {width: 50%; padding: .5em 0; vertical-align: top}
			
			.offer_table {margin-left: 10px; margin-top: 2.5em}
				.offer_table td {padding: .5em 20px .5em 0; vertical-align: top}
				.offer_table .requared {color: #eb3300; position: absolute; margin-left: -0.5em}
			
			.offer_step_1 {margin-left: 10px}
				.offer_step_1 .left {padding-right: 50px}
			
			.delete_offer {font-weight: bold; color: #eb3300; background: #eee; padding: 10px; font-size: 115%; display: inline; float: left; margin-bottom: 1em}
			
			.notation {border: 1px solid #eee; padding: 7px 14px; clear: all; color: #eb3300; width: 250px}
				.notation p {padding: 0; margin: 0}
				.notation ol {margin-bottom: 0}
			
			
			.page_selector {margin-bottom: .75em; display: block; float: left; font-size: 125%}
				.page_selector span {display: inline; float: left; padding: 3px 7px}
				.page_selector a, .page_selector strong {display: inline; float: left; padding: 4px 7px; margin-right: 6px; margin-bottom: 10px}
				.page_selector a {text-decoration: underline; padding: 4px 7px; color: #222}
				.page_selector a:hover {background: #eee}
				.page_selector strong {background: #eb3300; color: #fff; font-weight: normal}
				
			
			.clear_all {clear: both}
			
		
		#extra {width: 130px; padding-left: 16px; xborder: 1px solid red}
		
			#sponsors {}
				#sponsors a {display: block; margin-bottom: 1em}
			
			#right_menu {margin: 1.5em 0 .75em; padding: 0}
				#right_menu li {list-style: none; border: 1px solid white; margin-bottom: 0.75em}
				#right_menu a, #right_menu b {display: block; background: url(/i/bullet2.gif) 0 .4em no-repeat; padding: 0 0 0 10px}
				#right_menu a:hover, #right_menu b {background: url(/i/bullet3.gif) 0 .4em no-repeat; color: #686868}
				
			#contacts {margin: 0 0 0 10px}
				#contacts .silver {color: #959595}
				#contacts .phone {color: #f15100; font-size: 110%}


#bottom {padding: 0 26px 0 258px}
	#bottom_table {}
	#bottom_table, #bottom_table td {padding: 27px 0 50px 0}
	#bottom_table a {}
	#bottom_table a:hover {}
		#counters {text-align: right}
		#copyright {}
		#itstudio {}