@charset "utf-8";
/* CSS Document */

* {
	font-family:Arial, Helvetica, sans-serif;
}
body {
	padding:0px;
	margin:0px;
}
img {
	border: none;
}
a {
	color:#1D65BE;
}
h1 {
	font-size:40px;
	font-weight:normal;
	margin-bottom:5px; /* rimskiy 10*/
	margin-top:1px; /* rimskiy 15*/
}
h1 span {
/*	color:#FFF;
	background-color:#f7951d;
	padding:7px;*/

}
h1 a{
	color:#000;
}
h2 {
	font-size:18px;
	font-weight:normal;
}
h3 {
	font-size:21px;
	font-weight:normal;
}
hr {
	color:#BFBFBF;
	background-color:#BFBFBF;
	border:#BFBFBF;
	height:1px;
}

address {
	font-style:normal;
}

.header {
	width:100%;
	height:186px;
}

.header .logo {
	background:url(/images/stone_types/1.jpg) center center no-repeat;
	padding-top:0px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:15px;
}

.header .logo a img{
/*	background:url(/images/stone_types/1.jpg) center center no-repeat;*/
	width:146px;
	height:136px;
}

.header .country {
	font-size:14px;
	padding-left:15px;
	color:#000;
}
.header td.title{
	color:#f7951d;
	padding-right:30px;
}
.header span.title{
	font-size:36px;
}
.header span.subtitle{
	font-size:20px;
}
.header #phones {
	font-size:18px;
	padding-left:30px;
	padding-right:30px;
}
.header #phones i{
	color:#f7951d;
	font-style:normal;
}
.header #phones a{
	color:#000000;
	font-style:normal;
}
.header .search{
	display:block;
	padding-top:5px;
}
.header .search #search-q{
	width:355px;
}
.tab-content {
	padding:20px;
	padding-left:35px;
	padding-right:35px;
	line-height:1.3em;
	font-size:14px;

	background-image:url(/images/tab-content-bg.gif);
	background-repeat:repeat-x;
	background-position:top;
	
}
.tab-content b{
	font-weight:bold;
	display:block;
	padding-bottom:5px;
	padding-right:15px;
	color:#363636;
}

.tab-content .price_link b {
	display:inline;
}
.tab-content a.active {
	color:#FFF;
	background-color:#f7951d;
	text-decoration:none;
/*	color:#f7951d;
	font-weight:bold;

*/
}
.tab-content a {
	font-weight:normal;
	line-height:1.5em;
	font-size:15px;
	padding:3px;
	margin-right:10px;
	color:#1D65BE;
}
.tab-content a:hover {
	color:#FFF;
	background-color:#f7951d;
}

#banner {
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;

}
#novelity {
	padding-left:40px;
	padding-right:40px;
}


/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
/*	width:100px;
    min-width: 100px; /* be nice to Opera */
	width:auto;
	display:inline;
	text-align:left;
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 19px;
    background: url(/images/tab.png) no-repeat left top;
}

.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #27537a;
    font-size: 18px;
	color:#000000;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
    color: #000;
}
.tabs-nav .tabs-selected a, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a:hover, .tabs-nav a:focus {
    outline: 0; /* prevent dotted border in Firefox */	
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 31px; /* IE 6 treats height as min-height */
    min-height: 31px;
    padding-top: 11px;
    padding-right: 0;
	width:100%;
	text-align:center;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 12px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a:hover span, .tabs-nav a:focus span {
/*    background-position: 0 0;*/
}
/*.tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, */
.tabs-nav a span, .tabs-nav .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .link_only {
 /*   opacity: .4;*/
}

.tabs-nav .link_only, .link_only a span, .link_only a{
	background-image:none;
}

.tabs-nav .link_only, .link_only  a{
	text-decoration:underline;
	cursor:pointer;
}

.tabs-nav .link_only, .link_only  a span{
	cursor:pointer;
}



.tabs-container {
    border-top: 1px solid #bfbfbf;
/*    padding: 1em 8px;*/
/*    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}


.slideshow{
}
.slideshow #slideshow {
	width:800px;
	height:300px;
}


.slideshow img {
	border:none;
	z-index:1000;
	opacity: 0.999;
}

.slideshow div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: right;
	width: 800px;
}

.slideshow div.content a, .slideshow div.navigation a{
	text-decoration: none;
	color: #fff;
	font-size:12px;
}
.slideshow  li i{
	text-decoration:underline;
}
.slideshow  li.selected i{
	color:#000;
}

.slideshow  li.selected{
	/*background-color:#f7b058;*/
	/*border-left: 10px solid #000;*/
}

.slideshow b {
	font-size:16px;
	font-style:normal;
}

.slideshow div.content a:focus, .slideshow div.content a:hover, .slideshow div.content a:active {
	text-decoration: underline;
}
.slideshow div.controls {
	margin-top: 0px;
	height: 23px;
}
.slideshow div.controls a {
	padding: 0px;
}
.slideshow div.ss-controls {
	float: left;
}
.slideshow div.nav-controls {
	float: right;
}
.slideshow div.slideshow-container {
	position: relative;
	clear: both;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
}
.slideshow div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 800px;
	height: 300px; /* This should be set to be at least the height of the largest image in the slideshow */
}
.slideshow div.slideshow {

}
.slideshow div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.slideshow div.slideshow a.advance-link {
	display: block;
	width: 800px;
	height: 300px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 300px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
.slideshow div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
.slideshow div.slideshow img {
	vertical-align: middle;
}
.slideshow div.download {
	float: right;
}
.slideshow div.caption-container {
	
}
.slideshow span.image-caption {
/*	display: block;
	position: absolute;*/
}
.slideshow div.caption {
	background-color: #FFF;
	height:100%;
	width:100%;
}
.slideshow div.caption a {
/*	color: #fbca8e;*/
}
.slideshow div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}

.slideshow div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
.slideshow div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
.slideshow ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}

.slideshow ul.thumbs li {
	float: none;
	padding: 0px;
	margin: 0px;
	list-style: none;
}


.slideshow a.thumb {
	padding: 0;
	display: inline;
	border: none;
}
.slideshow .spaser{
	padding: 10px;
}
.slideshow ul.thumbs li.selected a.thumb, .slideshow ul.thumbs li.selected a.thumb i {
	color: #000;
}

.slideshow ul.thumbs li img{
	padding: 2px;
	border:solid 2px #FFF;
}

.slideshow ul.thumbs li.selected img {
	border:solid 2px #F8951C;
}

.slideshow a.thumb:focus {
	outline: none;
}
.slideshow ul.thumbs img {
	border: none;
	display: block;
}
.slideshow div.pagination {
	clear: both;
	margin-bottom:10px;
}
.slideshow div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
.slideshow div.navigation div.bottom {
	margin-top: 12px;
}
.slideshow div.pagination a, .slideshow div.pagination span.current, .slideshow div.pagination span.ellipsis {
	font-size:14px;
	text-decoration:underline;
	padding:4px;
	padding-top:2px;
	padding-bottom:2px;
	/*color:#1A3DC1;*/
/*
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;*/
/*	border: 1px solid #ccc;*/
}
.slideshow div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
.slideshow div.pagination span.current {
/*	font-weight: bold;*/
	background-color: #f8951c;
	border-color: #000;
	color: #FFF;
}
.slideshow div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}
.slideshow #captionToggle a {
	float: right;
	display: block;
	background-image: url('caption.png');
	background-repeat: no-repeat;
	background-position: right;
	margin-top: 5px;
	padding: 5px 30px 5px 5px;
}
.content-conteiner {
	padding-left:35px;
	padding-right:35px;
}
/*************************** Page numbers *****************/
.pagelist a
{
	font-size:14px;
	text-decoration:underline;
	padding:4px;
	padding-top:2px;
	padding-bottom:2px;
	color:#1A3DC1;
}
.pagelist a.active
{
	background-color:#f8951c; text-decoration:none;
	color:#FFF;
}

.position {
	height:300px;
	width:175px;
	float:left;
	position:relative;
	margin-right:10px;
}
.object_position {
	height:170px;
}
.position td {
	vertical-align:top;
	text-align:left;
}
.position .desc{
	color:#AAAAAA; font-size:11px; padding-top:6px;padding-bottom:6px; text-align:left;
}

.position .price{
	float:left;color:#f8951c;font-size:30px;
}

.position .price_type{
	font-weight:bold; float:left; color:#f8951c;font-size:12px; font-style:italic; padding-top:3px;padding-left:5px;
}
/**************************** FILTERS ******************/
.filters
{
	background-color:#EEE;
/*	border-top:solid 1px #BFBFBF;*/
	margin-bottom:15px;
}
.filters td
{
	height:40px;
	padding-left:20px;
	padding-right:20px;
	font-size:18px;
}
.filters a {
	padding: 3px;
}

.filters a.active
{
	color:#FFF;
	background-color:#f7951d;
	text-decoration:none;

/*	color:#f8951c; text-decoration:none;*/
}

/**************************** FOOTER ******************/
.footer {
	margin-top:40px;
	margin-bottom:40px;
}
.footer td {
	padding-left:20px;
	padding-top:5px;
}
.footer .copyright{
	background-color:#f7951d;
	text-align:right;
	color:#FFF;
	padding:5px;
	padding-right:10px;
}

#jquery-overlay {
height:500px;
left:0;
position:absolute;
top:0;
width:100%;
z-index:90;
}
#jquery-lightbox {
left:0;
line-height:0;
position:absolute;
text-align:center;
top:0;
width:100%;
z-index:100;
}
#jquery-lightbox a img {
border:medium none;
}
#lightbox-container-image-box {
background-color:#FFFFFF;
height:250px;
margin:0 auto;
position:relative;
width:250px;
}
#lightbox-container-image {
padding:10px;
}
#lightbox-loading {
height:25%;
left:0;
line-height:0;
position:absolute;
text-align:center;
top:40%;
width:100%;
}
#lightbox-nav {
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
z-index:10;
}
#lightbox-container-image-box > #lightbox-nav {
left:0;
}
#lightbox-nav a {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
display:block;
height:100%;
width:49%;
}
#lightbox-nav-btnPrev {
float:left;
left:0;
}
#lightbox-nav-btnNext {
float:right;
right:0;
}
#lightbox-container-image-data-box {
-x-system-font:none;
background-color:#FFFFFF;
font-family:Verdana,Helvetica,sans-serif;
font-size:10px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.4em;
margin:0 auto;
overflow:auto;
padding:0 10px;
width:100%;
}
#lightbox-container-image-data {
color:#666666;
padding:0 10px;
}
#lightbox-container-image-data #lightbox-image-details {
float:left;
text-align:left;
width:70%;
}
#lightbox-image-details-caption {
font-weight:bold;
}
#lightbox-image-details-currentNumber {
clear:left;
display:block;
padding-bottom:1em;
}
#lightbox-secNav-btnClose {
float:right;
padding-bottom:0.7em;
width:66px;
}

a.bigImg img
{
	border: 3px solid #FFF;
	margin:10px;
	padding:4px;
}
a.bigImg:hover img{
	border: 3px solid #FF9933;
}
/* - regionlist - */
.divo4ka{
	padding: 10px;
	padding-top: 30px;
	padding-left: 112px;
	position: absolute;
	left: 4px;
	top: 4px;
	z-index: 1001;
	background-color: #fff;
	border: solid 1px;
	height: 280px;
	width: 280px;
	font-size: 14px;
	color: #363636;
	/*display: none;*/
}
.divo4ka a{
	line-height:2.0em;
	color: #363636;
}
.divo4ka a:hover{
	line-height:2.0em;
	background-color: #f7951d;
	color: #fff;
	padding: 3px;
}

.divo4ka a.active_region{
	display: none;
}

.divo4ka i.active_region{
	display: none;
}

.divo4ka span{
}
.divo4ka i{
	font-style:normal;
	color:#363636;
	display:block;
	padding-top:0.85em;
	font-weight:bold;
}

#ccid {
	position: absolute;
	z-index: 1002;
}

#ccid img{
	border: solid 1px #1D65BE;
	vertical-align: bottom;
}

#headRegion{
	position: relative;
	/*border: solid 1px #000;*/
	height: 25px;
	width: 100%;
	float: right;
	right: 30px;
	text-align: right;
	z-index: 10;
}
#listRegion{
	position: absolute;
	z-index: 20px;
	border: solid 1px #363636;
	background-color: #fff;
	height: 290px;
	width: 270px;
	float: right;
	right: -45px;
	display: block;
	color: #fff;
	text-align:left;
	padding-top: 30px;
	display: none;
}
#linkToMain a{
	position: absolute;
	top: 10px;
	left: 1000
	z-index: 20;
	font-size:14px;
	text-decoration: none;
	border-bottom: solid 1px; 
	left: 30px

}
#selectlang{
	position: absolute;
	z-index: 30;
	float: right;
	right: 220px;
	top: 10px;
	color: #1D65BE;
	cursor: pointer;
}
#selectlang a{
	cursor: pointer;
	text-decoration: none;
	border-bottom: solid 1px; 
	vertical-align: bottom;
	margin-right: 5px;
	font-weight: bold;
}
#selectlang a#activeLang{
	color: #000;
	border-bottom: solid 0px; 
}
#selectRegion{
	position: relative;
	z-index: 30;
	float: right;
	right: px;
	top: 10px;
	color: #1D65BE;
	cursor: pointer;
}
#selectRegion img{
	border: solid 1px #1D65BE;
	vertical-align: bottom;
}
#selectRegion a{
	text-decoration: none;
	vertical-align: bottom;
}
#selectRegion b{
	border-bottom: dashed 1px; 
	vertical-align: bottom;
}
.listsRegion{
	font-size: 14px;
	color: #363636;
	width: 200px;
	padding-left: 22px;
}
.listsRegion a{
	line-height:2.0em;
	color: #363636;
}
.listsRegion a:hover{
	line-height:2.0em;
	background-color: #f7951d;
	color: #fff;
	padding: 3px;
}
.listsRegion a.active_region{
	display: none;
}

.listsRegion i.active_region{
	display: none;
}

.listsRegion i{
	font-style:normal;
	color:#363636;
	display:block;
	padding-top:0.85em;
	font-weight:bold;
}
#closer{
	font-size: 20px;
	font-weight: bold;
	position: absolute;
	left: 252px;
	top: 0px;

}
#closer a{
	text-decoration:none;
	color:#363636;
}
.h_for_main a{
	font-size: 20px;
	font-weight: bold;
	color: #1D65BE;
	margin-top: -10px;
}