/* 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... */
    .g-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .b-showcase-nav {
        display: none;
    }
}
.g-clear {
	clear:both;
	height:0;
	width:0;
	display:block;
	line-height:0 !important;
	font-size:0 !important;
}

.h-showcase{
	padding:5px 10px 5px 10px;
	display:block;
	height:317px;
}

.h-showcase a {
	outline-style:none;
	display:block;
	zoom:1;
}

.h-showcase a:hover {
	outline-style:none;
	cursor:pointer;
}


/* Skin */
.b-showcase-nav, .b-showcase {
    font-family: Arial, sans-serif;
    font-size: 12px;
}
.b-showcase-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 0px;
}
.b-showcase-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.b-showcase-nav li {
    float: left;
	margin:0 1	0px 0px 0;
	padding:0;
	
}
.b-showcase-nav a {
	height:33px;
	padding:0 0 0 0;
	list-style-type:none;
	float:left;
	vertical-align:top;			
	text-decoration:none;
	color:black;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

.b-showcase-nav b {
    width: 25px;
    height: 33px;
    display: inline-block;
    padding: 0;
    position: relative;
}

.b-showcase-nav span {
    vertical-align: top;
    padding: 8px 0 0 10px;
    display: inline-block;
}

.b-showcase-selected a {
    position: relative;
	z-index: 2;
    margin-top: 0;
    color: #ff6000;	
	background:url(/media/banfiles/showcase/showcase-tab.png) no-repeat left transparent;
	outline-style:none;
	height:33px;
	display:block;
	color:white !important;
}

.b-showcase-selected b{
	background:url(/media/banfiles/showcase/showcase-tab.png) no-repeat right;
}


.b-showcase-nav a:hover, .b-showcase-nav a:focus, .b-showcase-nav a:active,
.b-showcase-nav .b-showcase-deselectable a:hover, .b-showcase-nav .b-showcase-deselectable a:focus, .b-showcase-nav .b-showcase-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer !important;
}
.b-showcase-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity:0.4;
}
.b-showcase {
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.b-showcase-loading em {
    padding: 0 0 0 20px;
    background: url(./showcase-tab.png) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .b-showcase-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .b-showcase-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

.b-showcase-border {
	border:2px solid #ff5a00;
	zoom:1;
}

.b-showcase-01:hover, .b-showcase-02:hover, .b-showcase-03:hover {display:block;text-decoration:none;color:#ff7e00 !important;}  
.b-showcase-01, .b-showcase-02, .b-showcase-03{text-decoration:none; cursor:pointer;}  
.b-showcase-01 img, .b-showcase-02 img, .b-showcase-03 img{border:0;}    

.b-showcase-01 {
	width:60%;
	height:100%;
	position:relative;
	overflow:hidden;
	float:left;
	background:url(/media/banfiles/showcase/showcase-dots.gif) white repeat-y top right;
	height:270px;
	padding: 10px 0 0 0;
	color:#ff6000;
	margin:0 0 0 0;
	z-index:3;
}

.b-showcase-big-img img {
	display:block;
	margin:0 auto;
}

.b-showcase-big-img {
	padding-right:20%;
	display:block;
}
.b-showcase-big-cont {
	right:10px;
	top:10px;
	position:absolute;
	float:right;
	display:block;
}

.b-showcase-big-price {
	background:white;
	padding:8px 8px 8px 8px;
	font-size:57px;
	line-height:35px;
	font-family: Arial Black, Helvetica;
	display:block;
}

.b-showcase-big-price-rub {
	clear:both;
	display:block;
	font-size:23px;
	vertical-align:top;
	font-family: Arial Black, Helvetica;
	display:block;
}

.b-showcase-big-title {
	background:url(/media/banfiles/showcase/showcase-orange.png);
	padding:8px;
	font-size:20px;
	line-height:23px;
	font-family: Arial Black, Helvetica;
	color:white;
	display:block;
}

* html .b-showcase-big-title {
	width:100%;
	height:100%;
	zoom:1;
	background:transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/media/banfiles/showcase/showcase-orange.png', sizingMethod='scale');
}

.b-showcase-02 {
	width:40%;
	position:relative;
	float:right;
	clear:right;
	padding:10px 0;
	background: url(/media/banfiles/showcase/showcase-dots.gif) repeat-x bottom;
	height:115px;
	color:#ff6000;
}

.b-showcase-03 {
	background: 0;
	padding:10px 0 0 0;
}

.b-showcase-small-img {
	width:100px;
	float:left;
	display:block;
	margin:0 -120px 0 0;
	padding-left:10px;
} 

.b-showcase-small-cont {
	position:relative;
	padding-left:120px;
	display:block;
	margin: 0 0 0 0;
	float:left;
}

.b-showcase-small-price {
	font-size:32px;
	line-height:30px;
	
	font-family: Arial Black, Helvetica;
	width:100%;
	position:relative;
}

.b-showcase-small-price-only {
	float:left;
	padding:0 0px 0 0;
	margin:0 0 -10px 0;
}

.b-showcase-small-price-rub{
	font-size:14px;
	float:left;
	padding:5px 0 0 0;
	margin:0;
	display:block;
	font-weight:bold;
	vertical-align:top;
}

.b-showcase-small-title {
	color:black;
	display:block;
	width:100%;
	position:relative;
	float:left;
}

.b-showcase-big-price-oldone {
	background:white;
	margin-top:-8px;
	padding:5px 8px 10px 8px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	position:relative;
	display:block;
	clear:both;
}

.b-showcase-small-price-oldone {
	margin: 0 0 2px 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	position:relative;
	display:block;
	clear:both;
}

.b-showcase-small-price-oldone:hover, .b-showcase-small-price-oldone, .b-showcase-big-price-oldone:hover, .b-showcase-big-price-oldone {
	color:#ffa302 !important;	
}

