/*f

        Сайт сделан в IT Studio.

        www.itstudio.ru

*/



* {box-sizing: border-box; -moz-box-sizing: border-box}



	html, body,

	table, td,

	form,

	h1, h2, h3, h4, h5, h6,

	p,

	ol, ul {padding: 0; margin: 0}

	



html {xfilter: expression(document.execCommand("BackgroundImageCache", false, true))}





html, body {height: 100%}

img, table, td {border: 0}





body {background: #000}

body, td, th {font-size: 80%; font-family: Arial, Verdana, Helvetica, sans-serif; color: #cccccc}

table {border-collapse: collapse}



/*img.png {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src=/i/img.png)}*/



a:link {color: cccccc}

a:visited {color: white}   

a:hover {text-decoration: dotted; color: #fff}

a:active {color: white}



hr {height: 0px; border: 0; border-top: 1px solid black}



h1 {font: italic bold 150% Georgia, Arial, sans-serif; color: #ffa800; padding: 0 0 .7em}

h2 {font: italic bold 150% Georgia, sans-serif; color: #ffa800; padding: 0 0 .5em}

h3 {font: bold 100% Tahoma, Arial, sans-serif; color: #ffa800; padding: 0 0 .5em}



p {padding-bottom: 1em}



ul {padding: 0.2em 0 1em 3em}

ol {padding: 0.2em 0 1em 3.5em}



/*

button {}

input {}

textarea {}



.blur {color: silver}

.focus {color: black}

*/



/* markup */

#page {

#	width: 100%; xwidth:expression((document.documentElement.clientWidth||document.body.clientWidth) < 1000 ? "1000px": "100%");
	width: 100%; width:expression(((document.documentElement.clientWidth ||?document.body.clientWidth) < 990) ? '990px' : ?((document.body.clientWidth > 1280) ? '1280px' : '100%'));

	min-height: 100%;

	height: auto !important;

	height: 100%;
	
	min-width: 1000px;

	margin: 0 0 -6em; /* the bottom margin is the negative value of the footer's height */

	background: #121117 url(/i/bg-body.gif) top left repeat

}

#home #page {margin: 0 0 -8em; }



#clock {background: url(/i/bg-body.jpg) top left no-repeat}



/* stickly footer */



#footer, #push {

	height: 6em; /* .push must be the same height as .footer */

}



#home #footer, #home #push {

	height: 8em; /* .push must be the same height as .footer */

}





#page * {z-index: 2 !important}





#header {width: 100%; text-align: center; height: 277px; padding-top: 41px}



	#logo {z-index: 3; position: relative;}

		#logo img {font-size: 150%}
	


	

	#slogan {margin: 20px 0 50px}

	

	

#menu-block {

		width: 100%;

		position: relative;

		overflow: hidden;

		xfont-size: .8em;

		xborder: 1px dotted red;

		text-align: center;

		margin: 0 auto;

	}



#centered {

		float: left;

		left: 50%;

		position: relative;

		text-align: center;		

		xborder: 1px dotted green;

	}



#menu {

		position: relative;

		left: -50%;

		float: left;

		list-style: none;

		xmargin: 0; padding: 0;

		xborder: 1px dotted blue;

	}

	



#menu {list-style: none; margin: 0; padding: 0}

	#menu li {float: left; margin: 0 12px; padding: 0; font-size: 110%}

	#menu a {text-transform: uppercase; color: #fff}

	#menu b {text-transform: uppercase}

	#menu .selected a, #menu a:hover, #menu b {color: #b2a7de}

	

	



	

	







	

	#menu-and-offer-tbl {width: 100%; margin-top: 28px; _margin-top: 65px}

	

		#menu-and-offer-tbl td, #content-and-contacts-tbl td {xborder: 1px solid red; vertical-align: top}

		#menu-td {padding: 0 26px}

		#menu-td #cat-menu {margin-top: 0}

		

		#offer-td {padding: 1.25em 86px 0 0}

		

			#offer-td .watch-item {width: 50%; width: 45%; height: auto !important}

			#offer-td .watch-item td {padding-bottom: 0 !important}

			#offer-td #catalogue {padding: 18px 18px 7px !important; _padding: 18px 18px 15px !important; position: relative}

			#offer-td h1 {position: absolute; top: 0; left: 0; margin: -1em 0 0 -.2em; color: #999999; font-size: 120%}

	

	#content-and-contacts-tbl {margin-top: 40px; vertical-align: top}

	

		#content-td {padding-left: 86px}

		#content-td h1 {font: 150% Arial; color: #908d7b}

		#contacts-td {width: 200px; padding: 37px 86px 0 48px; font: bold italic 80% Georgia; color: #7e7b6c}

		

			#contacts-td .email {color: #5c5773; font-size: 130%}

			#contacts-td .email:hover {color: #837ca4}

			

			#contacts-td .prefix {color: #5c5773; font-size: 50%}

			#contacts-td .phone {color: #5c5773; font-size: 230%; white-space: nowrap; display: block; margin: 0 0 30px 0}

	

	

	/*

#content {border: 1px solid #262521; background: #0d0c10; padding: 15px}

*/

	#content {border: 1px solid #262521; background: #0d0c10; padding: 15px; color: #999999; font-size: 100%}}



	.ce {

		position: relative;

		overflow: hidden;

		text-align: center;

		margin: 5px auto;
		
		}

	.co {float: left;

		left: 50%;

		position: relative;

		text-align: center;		

		margin-left: -135px;

		}

	

	#shops {position: relative;

		left: -50%;

		float: left;

		list-style: none;

		margin: 0; padding: 0;

		}

		

/*

#shops li {float: left; width: 220px; text-align: left}

*/
		

		#shops li {float: left; width: 190px; text-align: left}

		#shops li img {margin: 0 0 8px -6px; position: relative}

		#shops li h2 {font: 100% Arial; margin-bottom: 0; padding-bottom: 0}

		#shops li h2 a {color: #ffa800}

		#shops li h2 a:hover {color: #fff}

	

	

	

	

	

	

	

	

	

	

	

	

	.navi {

		width: 775px;

		position: relative;

		overflow: hidden;

		font-size: .8em;

		border: 1px dotted red;

		text-align: center;

		margin: 5px auto;

	}



	.navicontainer {

		float: left;

		left: 50%;

		position: relative;

		text-align: center;		

		border: 1px dotted green;

	}



	.wrpr {

		position: relative;

		left: -50%;

		float: left;

		list-style: none;

		margin: 0; padding: 0;

		border: 1px dotted blue;

	}



	.navi a, .navi li  {

		float: left;

		padding: 10px; margin: 0;

		color: #3B6783;

		font-weight: bold;

		text-decoration: none;

	}



	.navi li {padding: 0; margin: 0;}



	.navi a:hover {

		text-decoration:none;

		background: lightblue url(navirobg.gif) repeat-x 0 0;

	}



	.navi li a:hover {

		background: lightblue url(navirobg.gif) repeat-x 0 0;

	}

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	#lang {position: absolute; z-index: 3;top: 0; left: 84%; background: url(/i/bg-lang.gif) top left no-repeat; width: 116px; height: 27px; color: white; text-align: center; padding-top: 4px; font-size: 15px; text-decoration: underline; text-transform: uppercase}

	#lang:hover {color: silver}

	

	#stars {

		position: absolute;

		top: 0;

		left: 50%;

		margin-left: -362px;

		z-index: 1;

		width: 724px;

		height: 256px;

		background: transparent url(/i/stars.png) left top no-repeat;

		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src=/i/stars.png); 

		_background: none}

		

	

	#content_table {width: 100%}

	

		#content_left, #content_right {float: left}

		

		#content_left {position: absolute; top: 0; left: 0; width: 244px; xwidth: 25%; background: url(/i/lenta.gif) bottom left no-repeat; padding-bottom: 120px}

		

			#cat-menu {list-style: none; margin: 40px 0 0; padding: 0}

				#cat-menu li {background: url(/i/mdash.gif) 0 .55em no-repeat; padding-left: 19px; margin-left: 56px; font-size: 120%}

				#cat-menu a {color: #ffa800}

				#cat-menu a:hover {color: #fff}

				#cat-menu b {color: #b2a7de; font-size: 120%}

				

				#cat-menu ul {font-size: 70%; margin: 0 0 10px 12px; padding: 0}

					#cat-menu ul li {margin: 0; background: none; padding: 0; list-style: none}

					#cat-menu ul li a {color: #b5b5b5}

					#cat-menu ul .selected a {color: #b2a7de}

					#cat-menu .selected a {color: #b2a7de}

					#cat-menu .selected ul li a {color: #b5b5b5}

					

					#cat-menu ul li b {font-size: 100%}

	

		#content_right {position: relative; xwidth: 702px; width: 95%; xborder: 1px solid red; padding-bottom: 55px; padding-left: 244px}

			

			#nav-str {padding-bottom: 16px}

				#nav-str a {color: #918e7d}

				#nav-str a:hover {color: #fff}

				#nav-str .arrow {color: #494560; margin: 0 3px}

			

				

			

			#catalogue 
			{
#				width: 100%;
				width: 95%; width:expression(((document.documentElement.clientWidth ||?document.body.clientWidth) < 990) ? '990px' : ?((document.body.clientWidth > 1280) ? '1280px' : '100%'));
				float: left;
				border: 1px solid #262521;
				background: #0d0c10;
				padding: 28px;
				margin-bottom: 22px;
				color: #fff;
			}
			#formsubmit {width: 100%; float: center; border: 0px; margin-top: 125px; height: 140;}
			#fullheight {width: 100%; float: center; border: 0px; height: 375;}
			
			


			.watch-item {width: 270px; height: 265px; margin: 0 15px 30px 0; _margin: 0 10px 5px 0; float: left; border: 1px solid #333647; #background:#201f26; }

			

			.collection {width: 180px; height: 250px; margin: 0 10px 10px 0; _margin: 0 10px 5px 0; float: left; padding-right: 20px !important}

			.collection a.pic {border: 4px solid #333647; float: left; margin-bottom: 5px}

			.collection a img {border: 1px solid #16151b}

			.collection a.coll-name {font: italic bold 100% Georgia; color: #ffa800}

			.collection p {margin-top: 5px; font-size: 95%; line-height: 110%}

			

			

				.watch-item td {vertical-align: top}

					.watch-item .pic {width: 123px !important}

					.watch-item .pic a {float: left; display: block; border: 4px solid #333647}

					.watch-item  a {color: #ffa800}

					.watch-item  a:visited {color: #ffa800}

					#model .pic {width: 130px !important}

					.watch-item .pic div {border: 4px solid #333647; margin-right: 20px}

					.watch-item .pic a img, .watch-item .pic div img {border: 1px solid #16151b}

					.watch-item .discr {width: 145px !important;}

					.watch-item dl {margin: 0 30px 0 0; padding: 0}

					

					

					#model {width: 100%}

					

					#model dl {margin: 0 30px 2em 0; padding: 0}

						.watch-item dt {margin: 0; padding: 0; font: Verdana; font-size: 80%; color: #999999; font-weight: normal;}

						#model dt {font-weight: normal}

						.watch-item dd {margin: 0 0 .25em 0; padding: 0; color: #969282}

					

							.brand {color: #ffa800; font-size: 110%}

							.model {font: italic bold 100% Georgia; color: #ffa800; font-size: 110%}

							

							#model .brand, #model .model {font: 270% Arial; color: #7e7b6c}

							

							

							.name {text-transform: uppercase; margin-left: 0 !important; padding-top: 5px !important; font-weight: bold; text-align:left}

							

							#model .name {text-transform: uppercase; margin-left: 0 !important; xfont-size: 150%; padding-bottom: .5em}

							

							#model .type {color: #969282}

							#model .value {color: #4c4a41}

							

							.shell {}

							.glass {}

							.waterresist {}

							.water {color: #999999;}

					

			

			.nav-page {}

				.nav-page span {padding: 3px 8px; display: block; floaT: left; margin-right: 2px}

				.nav-page a, .nav-page b {display: block; float: left; border: 1px solid #36324a; margin-right: 10px; text-align: center; padding: 3px 8px}

				.nav-page a {background: #36324a; color: #fff; text-decoration: none}

				.nav-page a:hover {border: 1px solid #666; text-decoration: none}

				.nav-page b {color: #b2a7de; border: 1px solid #645e7c}

	

		

		#news_block {}

			#news_block dt {padding-bottom: .25em}

				#news_block dt a {}

				#news_block dt .date {font-size: 80%; margin-right: .5em; display: block}

			#news_block dd {margin: 0; padding-bottom: 2em}

			

		#news {}

			#news dt {padding-bottom: .25em}

				#news dt a {}

				#news dt .date {font-size: 80%; margin-right: .5em; display: block}

			#news dd {margin: 0; padding-bottom: 2em}

			

			

			

		#collection h2 {font: 150% Arial; color: #fff}

		#collection a {color: #918e7d}

		#collection a:hover {color: #fff}

		#collection b {color: #b2a7de}

		#collection ul {padding: 0; margin: 0 38px 0 0}

		#collection ul li {padding-bottom: 3px}

		#collection li a, #collection li b {white-space: nowrap}

			



#footer {background: #000; padding: 0 58px 0 42px; _padding: 0 47px 0 22px}

#home #footer {background: none; padding: 0 87px 0 52px}

	

	#footer a {color: #706d61}

	#footer a:hover {color: #ffa800}

		

		#service_navigation, #copyright, #itstudio {float: left; margin-top: 20px; font-size: 90%}

		

		#service_navigation {width: 205px; _width: 220px; margin: 20px 0 0 0; list-style: none}

		#home #service_navigation {width: 25%; margin: 20px 0 0 0; list-style: none}

			#service_navigation li {margin: 0; padding: 0}

			#service_navigation .current {}



		#copyright {width: 30%}

		

		/* IT Studio copyright */

		#itstudio {float: right}

		#home #itstudio {float: right}

		

		#itstudio img {float: left; position: relative; top: 2px; margin-right: 5px; width: 31px; height: 33px}

		#itstudio p {padding: 0 !important; margin: 0 !important;}

		#itstudio p a{color:#7E7B6C !important; text-decoration:none;}

		#itstudio p a:hover{color:#7E7B6C !important;}

		#itstudio td {line-height: 110%; font-size: 100%}









/* content */





table.user {border: 1px solid gray; margin-bottom: 1em}

    table.user td, table.user th  {border: 1px solid gray; padding: 2px 5px}



/* custom for contacts form */

.feedback {margin-top: 1em}

                .feedback input {margin-bottom: 1em}

                .feedback textarea {height: 6em; margin-bottom: 1em}

                .feedback button {display: block; clear: both; margin: 1em 0 0 8em; padding: 4px 14px; _padding: 2px 1px}

				.feedback input, .feedback textarea {width: 20em; font-size: 100%}



				.feedback .text {width: 8em !important; display: inline; float: left; clear: both; margin-bottom: 1em; padding-right: 10px}

				.feedback #code {width: 5em; margin-left: 0.3em}

				.feedback #code_img {vertical-align: top; margin-top: 1px; _margin-top: 2px; padding: 0.22em}



/* site map */

#site_map {list-style: none; padding: 0; font-size: 115%}

	#site_map ul {list-style: none; font-size: 90%; padding: 0; margin-left: 2.5em}

	#site_map li {padding: 0.25em 0}



table.foto {float: left; width: 200px; margin: 10px 10px 0 0; background: #eaf7fa; border: 1px solid #dbe8eb}

	table.foto td.pic {width: 200px; height: 200px; padding: 20px; vertical-align: middle !important}

	table.foto td.pic a {vertical-align: middle}

	table.foto td.pic img {}	

ul.models {float:left}

	ul.models li {margin: 0; background: none; padding: 0; list-style: none}

	ul.models li a{color: #ffa800}

#vendor_logos {
#width: 100%; 
float: center; 
border: 1px solid #262521; 
background: #0d0c10; 
padding: 0px; 
color: #fff}

#vendor_center{
margin:0 auto;
width: 100%;
min-width: 800px;
#1160
}

#vendor_logos ul{
margin:10;
padding:0;
list-style:none;
}

#vendor_logos li{
display:inline;
margin:5;
padding:0;
}

input, textarea {
  background: #f2f2f2;
  border: 1px solid #ccc;
  display: block;
  font-size: 12px;
  padding: 5px 5px;
  width: 99%;
}

#submitsrch {
  padding: 10px 40px 10px 40px;
  margin-left:30px;
  margin: 1em 0;
  background: #f2f2f2;
}
#offer_buttonabs {
position: absolute; 
right: 1%;
top:20px;
/* width: 140; */
/* height: 140; */
}

#offer_buttonabs1 {
position: absolute; 
right: 1%;
top:185px;
/* width: 140; */
/* height: 140; */
z-index: 1000;
}
#offer_buttonabs2 {
position: absolute; 
right: 1%;
top:350px;
/* width: 140; */
/* height: 140; */
z-index: 1100;
}


#offer_button {float: left; align: left; padding-left:80; padding-top:10; width: 140; height: 140}
#offer_button_cat {float: left; align: left; padding-left:80; padding-top:-1050; margin-top:-160}
#offer_button2
{
	float: right;
	align: right;	
	padding-right:0px;
	margin-right:80px;
	padding-top:-200;
	margin-top:-200;
	width: 140;
	height: 140
}

/* unitip css */

#unitip {
	position: absolute;
	z-index: 1000;
	top: -1000px;
	color: #fff;
	font: normal normal 1.1em/15px Verdana, Arial, Helvetica, sans-serif;
	display: none;
}

	#unitippoint, #unitipmid, #unitipcap {
		position: relative;
		top: 0px; 
		left: 0px;
		width: 145px;
		display: block;
	}
	
	#unitippoint { 
		background: url(../files/images/imgtip/TipPoint.gif) no-repeat; 
		height: 19px; 
		overflow: hidden; 
	}
	
	#unitipmid { 
		background: url(../files/images/imgtip/TipMid.gif) repeat; 
#		width: 115px;
		width:auto;
		height: auto; 
#		padding: 5px 15px;
		padding:3px 0px 3px 10px;
	}
	
	#unitipcap { 
		background: url(../files/images/imgtip/TipCap.gif) no-repeat; 
		height: 7px; 
		overflow: hidden; 
	}

#sbcontainer {
padding:10px;
margin-bottom:10px;
border: 1px solid #262521;
#color: #ffa800;
color: #ececec;
font-weight: bold;
min-width:890px;
background: #201f26;
}

#sbfields{
margin-bottom:10px;

}

#sbwhere1{
background:#ececec;
#width:110px;
width:200px;
margin-right:10px;
margin-bottom:8px;
font-size:12px;
font-weight:bold;
}

#sbwhere2{
background:#ececec;
#width:110px;
width:200px;
margin-right:10px;
margin-top:5px;
font-size:10px;
font-weight:bold;
}

#sbsubmit{
width:120px;
height:25px;
padding:0;
margin:0;
}

#sbbutton{
}

#cat1{
color:#abaaa2;
font-size:11px;
font-weight:bold;
float:left;
margin-right:5px;
}

#cat2{
color:#f0f0f0;
font-size:11px;
#font-weight:bold;
}

#art1{
color:#abaaa2;
font-size:13px;
font-weight:bold;
#float:left;
margin-right:5px;
}

#art2{
color:#f0f0f0;
font-size:13px;
#font-weight:bold;
}

#catclr{
clear:both;
}

#catsbm{
vertical-align:bottom;
}

#pagetop{
text-align:center;
font-weight:bold;
margin:20px 0px 20px 0px;
}

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}