/*
font-family: 'Roboto', sans-serif;
font-family: 'Roboto Slab', serif;
*/

body {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 14px;
	background: #ccc;
	line-height: 1.5;
	color: #333;
        display: table;
}

#container {
  display: table;
  width: 100%;
  height: 100%;
}

.contacts-page #container {
  
}

.footer-margin {
  display: table;
  height: 355px;
  width: 100%;
  clear: both;
}

.contacts-page .footer-margin {
  height: 145px;
}

body footer {
  margin-top: -331px;
}

.contacts-page footer {
  margin-top: -121px;
}

.checker {
	background: url(../img/checker.png) repeat;
	position: fixed;
	z-index: 0;
	width: 100%;
	height: 100%;
}

/* header */

a.logo {
	background: url(../img/logo.png) left bottom no-repeat;
	display: block;
	float: left;
	height: 67px;
	width: 504px;
	margin: 19px 0 18px 0;
	color: #fff;
	text-decoration: none;
	font-size: 20px; 
	padding: 26px 0 0 96px;
	line-height: 37px;
}

a.logo span {
	font-family: 'Roboto Slab', serif;
	font-size: 40px;
	font-weight: bold;
	display: block;
}

header .grid_12 {
	position: relative;
	
}

header input {
	width: 223px;
	height: 14px;
	
	background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.9);
    
	box-shadow: inset 0px 0px 5px rgba(33,33,33,0.5);
	line-height: 14px;
	padding: 10px 26px 10px 10px;
	
	float: right;
	margin-top: 45px;
	
	display: block;
	border: solid 1px rgba(33,33,33,0.5);
	font-size: 14px;
	
	position: absolute;
	
	right: 0px;
	
	z-index: 210;
	
}

header #searchClose {
	float: right;
	margin-top: 55px;
	margin-right: 5px;
	z-index: 211;
	position: absolute;
	right: 0;
}

.main-menu-wrap {
	background: url(../img/main-menu-bg.png) repeat-x;
	height: 44px;
}

.main-menu-wrap ul li{
	display: inline-block;
	
	
}

.main-menu-wrap ul li.last a{
	padding-right: 0px;
	margin-right: 0px;
	border-right: 0px none;
}

.main-menu-wrap ul li a{
	font-size: 19px;
	color: #fff;
	line-height: 20px;
	display: block;
	height: 20px;
	border-right: solid 1px #fff;
	padding: 0 18px 0 0;
	margin: 11px 18px 11px 0px;
	opacity: 0.7;
	text-decoration: none;
}
.main-menu-wrap ul li a:hover{ 
	opacity: 1;
	border-color: rgba(255, 255, 255, 0.7);
}

.main-menu-wrap .phone {
	font-size: 28px;
	font-family: 'Roboto Slab', serif;
	font-weight: bold;
	text-align: right;
	color: #fff;
}
/* end of header */

/* slider */
#slider-items-wrap {
	margin: 20px auto 10px;
	height: 310px;
	position: relative;
	overflow: hidden;
}

#slider-items-wrap .items{
	width: 20000em;
	position: absolute;
	clear: both;
	margin: 0;
	padding: 0;
	border: 0;
}

#slider-items-wrap .slide{
	width: 488px;
	height: 310px;
	position: relative;
	float: left;	
	padding: 0 140px 0 380px;
	background: url(../img/slide-bg-1.png) center center;
}

#slider-items-wrap .slide h3{
	font: 28px/33px "Roboto Slab", arial, sans-serif;
	font-weight: bold;
	color: #fff;
	margin-top: 50px;
}

#slider-items-wrap .slide p{
	color: #fff;
	font: 16px/22px "Roboto", arial, sans-serif;
	font-weight: 300;
	margin: 16px 0;
	height: 88px;
	overflow: hidden;
}

#slider-items-wrap .slide a{
	color: #ff907a;
	font: 16px/22px "Roboto", arial, sans-serif;	
	font-weight: 300;
}

#slider-items-wrap .slide.no-1{
	background: url(../img/slide-bg-1.png) center center;
}
#slider-items-wrap .slide.no-2{
	background: url(../img/slide-bg-2.png) center center;
}
#slider-items-wrap .slide.no-3{
	background: url(../img/slide-bg-3.png) center center;
}
#slider-items-wrap .slide.no-4{
	background: url(../img/slide-bg-4.png) center center;
}
#slider-items-wrap .slide.no-5{
	background: url(../img/slide-bg-5.png) center center;
}
#slider-items-wrap .slide.no-6{
	background: url(../img/slide-bg-6.png) center center;
}

/* end of slider */

/* slider controls */
#slider-controls-wrap {
}

#slider-controls-wrap div {
}
#slider-controls-wrap span{
	display: table-cell;
    vertical-align: middle;
	width: 138px;
	height: 138px;
	text-align: center;
	border-radius: 50%;
	box-shadow: inset 0px 0px 5px #333;	
	border: solid 1px rgba(127,127,127,0.7);
	background-color: rgba(0,0,0,0.7);
	color: #fff;
	padding: 5px;
	margin: 13px;
}

#slider-controls-wrap span:hover{
	background-color: rgba(0,0,0,0.9);
}


#slider-controls-wrap span.active{
	background-color: rgba(161,51,29,0.7);
}

#slider-controls-wrap span a {
	color: #fff;
	text-decoration: none;
}

/* end of slider controls */

/* lists  of categories */
#menu-grp-wrap .list-container { 
  position: relative;
	height: auto;
  margin-bottom: 25px;
	margin-top: 25px;
  background: rgba(0,0,0,0.7);
  margin-right: 2px;
  padding-right: 10px;
}
	
.list-container .frame { 
	float: left;
	position: absolute;
	height: 284px;
	min-height:284px;
	padding: 10px 0 0 10px;	
	overflow: hidden;
	min-width: 128px;
  margin: 0 10px 26px 0;
}
#menu-grp-wrap .list-container:hover {
	background: rgba(0,0,0,1);
}
#menu-grp-wrap #actions a{

	width: 27px;
	height: 10px;
	opacity: 0.7;
	left: 62px;
}
#menu-grp-wrap #actions a:hover{
	opacity: 1;
}

#menu-grp-wrap #actions .prev{
	top:-3px;
	position: absolute;
	background: url(../img/small-prev.png)  no-repeat center center;
	text-indent: 99999px;
}
#menu-grp-wrap #actions .next{
	bottom:5px;
	position: absolute;
	text-indent: 99999px;
	background: url(../img/small-next.png)  no-repeat center center;
}

#menu-grp-wrap .frame {
	float: left;
	position: relative;
	overflow: hidden;
	width: 138px;
	height: 250px;
}
#menu-grp-wrap .crop {
	position: absolute;
	height: 20000em;
	margin: 0px;
}
#menu-grp-wrap .list-container a{ 
	opacity: 0.7;
	color: #fff;
	display: block;
	margin-top: 16px;
	line-height: 18px;
}

#menu-grp-wrap .list-container a:hover{ 
	opacity: 1;
}
/* end of lists  of categories */

/* footer */
footer {
	display: block;
	float: left;
	width: 100%;
	background-color: rgba(0,0,0,0.7);
	padding: 24px 0 0 0;
	
	margin: 24px 0 0 0;
	border-top: 1px solid #ccc;
	
	color: #fff;
}
footer .grid_10{
	position: relative;
	height: 50px;
}
footer ul.bottom-nav {
}

footer ul.bottom-nav li a {
	font-weight: 300;
	font-size: 20px;
	line-height: 51px;
	color: #fff;	
	text-decoration: none;
	opacity: 0.7;
}
footer ul.bottom-nav li a:hover {
	opacity: 1;
}

footer h2 {
	font-size: 24px;
	color: #b33820;
	font-weight: 300;
	margin-bottom: 10px;
}

footer p {
	color: #fff;
}
footer .ocopyrights,
footer .copyrights { position: absolute; bottom: 0px; float: left; }

footer .copyrights {
left: 0;
}

footer .ocopyrights {
	right: 0px;
}

footer .ocopyrights a {
	color: #fff;
	text-decoration: none;
}

input {
	width: 212px;
	height: 14px;
	
	background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.9);
    
	box-shadow: inset 0px 0px 5px rgba(33,33,33,0.5);
	line-height: 14px;
	padding: 10px;
	margin-top: 10px;
	
	display: block;
	border: solid 1px rgba(33,33,33,0.5);
	font-size: 14px;
}
textarea {
	width: 212px;
	height: 48px;
	
	background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.9);
    
	box-shadow: inset 0px 0px 5px rgba(33,33,33,0.5);
	line-height: 14px;
	padding: 10px;
	margin-top: 10px;
	
	display: block;
	border: solid 1px rgba(33,33,33,0.5);
	font-size: 14px;
}

.feedback-block img, .fp-feedback img {
  border: solid 1px rgba(33,33,33,0.5);
  margin-top: 10px;
  box-shadow: inset 0px 0px 5px rgba(33,33,33,0.5);
}

input[type="submit"] {
	width: 109px;
	height: 36px;
	
    background-color: #474747;
    
	box-shadow: none;
	line-height: 14px;
	padding: 10px;
	margin-top: 8px;
	
	display: block;
	border: 0px none ;
	font-size: 14px;
	color: #fff;
	float: right;
}

input[type="submit"]:hover {
	background-color: #777;
 }
/* end of footer */


/* sidebar  */
#sidebar {
	margin-top: 30px;
	background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.7);
}

#sidebar > * {
	margin: 15px;
	color: #fff;
}

#sidebar * {
	color: #fff;
}

#sidebar h3 {
	color:	#84c5cb;
	font-family: 'Roboto Slab', serif;
	font-size: 20px;
	font-weight: bold;
}

#sidebar > ul {
	margin-top: 0px;
	display: block;
	float: left;
}

#sidebar > ul li {
	font-size: 14px;
}

#sidebar ul ul li {
	font-size: 12px;
}

#sidebar ul ul ul li {
	font-size: 12px;
}

#sidebar a {
	text-decoration: none;
}

/* end of sidebar */

/* categories main page */

.category-1,
.category-2,
.category-3,
.category-4,
.category-5,
.category-6
{
	font-size: 16px;
	line-height: 22px;
	color: #fff;
	text-decoration: none;
	
	width: 170px !important;
	height: 95px;
	
	background: url(../img/category-small.png) no-repeat center top;
	
	margin-top: 20px;
	padding: 30px 0 0 160px;
}

.category-1:hover,
.category-2:hover,
.category-3:hover,
.category-4:hover,
.category-5:hover,
.category-6:hover
{
	text-decoration: underline;
}


.category-1
{
	background-position: 0 0;
}
.category-2
{
	background-position: 0 -125px;
}
.category-3
{
	background-position: 0 -250px;
}
.category-4
{
	background-position: 0 -375px;
}
.category-5
{
	background-position: 0 -500px;
}
.category-6
{
	background-position: 0 -625px;
}

/* end of categories main page */

/* content */
#content h1 {
	font: 28px/36px "Roboto Slab" serif;
	font-weight: bold;
	color: #fff;
	margin: 30px 0 0px 0; 
}
/* end of content */

/* contacts page */
.contacts-page h1,
.contacts-page h2
{
	font-family: "Roboto Slab";
	font-size: 22px;
	font-weight: bold;
	color: #84c5cb !important;
	margin-bottom: 12px;
}

#map,
.feedback-block,
.contacts-block{
	padding: 24px;
	background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.7);
    
    border: solid 1px rgba(255,255,255,0.1);
    display: block;
    float: left;
    color: #fff;
}

#map {
	width: 634px;
	margin-top: 72px;
	margin-bottom:  72px;
}

.contacts-sidebar {
	width: 300px;
	float: left;
	position: relative;
	
}

.feedback-block {
	width: 235px;	
	margin-top: 24px;
	margin-bottom:  72px;
}

.feedback-block .errors {
  color: #ff0000;
}

.feedback-block .errors strong {
  color: #fff;
}

input#lastname{
  display:none
}

.contacts-block{
	width: 235px;	
	margin-top: 72px;
}
.contacts-page .bottom-nav {
	display: block;
	margin: 0px 0px 24px 0;
}
.contacts-page .bottom-nav li {
	display: inline-block;	
	padding: 0 24px 0 0;
	border-right: solid 1px #474747; 
	line-height: 24px;
	
}

.contacts-page .bottom-nav li a{
	line-height: 24px
}

.contacts-page .bottom-nav :last-child{
	display: inline-block;	
	border-right: none 0px;
}
/* end of contact page */
.contacts-page footer .copyrights,
.contacts-page footer .ocopyrights { float: left; padding-bottom: 24px; position: static; }

.contacts-page footer .ocopyrights {
	float: right;
}

/* category-list styles */
#category-list,
#news-list,
#product,
.content-wrap
 {
	background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.85);
    
    box-shadow: inset 0px 0px 5px black;
    border: solid 1px #fff;
    margin-top: 30px;
    float: left;
    padding: 12px;
    width: 724px;
}

#category-list h1,
#news-list h1,
#product h1,
#content .content-wrap .item h1 {
	margin: 0;
	color: #5c5c5c;
}

#category-list a {
    text-decoration: none;
}

#content .content-wrap .item h1 {
	margin-bottom: 24px;
}

.content-wrap h2 {
	color: #b33820;
	font-size: 20px;
	line-height: 28px;	
	font-weight: 300;
}

.content-wrap h3 {
	color: #196167;
	font-size: 18px;
	line-height: 24px;
	font-weight: 300;
}

.content-wrap p {
	margin-bottom: 12px;
}

.content-wrap img{
	float: left;
	margin-right: 24px;
}

.content-wrap a {
	color: #b33820;
}

.content-wrap a:hover{
	color: #196167;
}

.content-wrap ul {
	margin: 12px 0;
	list-style: square;
	list-style-position: inside;
	margin-left: 24px;
	line-height: 2;
}

.content-wrap ul li {
	
}

.content-wrap .item {
margin-top: 0px;
}

.item {
	margin-top: 40px;
	float: left;
	clear: both;
}

#news-list .item {
	margin-top: 20px;
	float: left;
	clear: both;
}

#product .item {
	margin-top: 12px;
	float: left;
	clear: both;
}


.item .image-grp {
	float: left;
	width: 140px;
}

#product .item .image-grp {
	float: left;
	width: 222px;
}
.item .image-grp .save-image-wrap img {
  height: auto;
}

.item .more-btn {
	background: url(../img/read-more-bg.png) center center no-repeat;
	width: 140px;
	height: 38px;
	display: block;
	font-family: 'Roboto Slab', serif;
	color: #fff;
	font-weight: normal;
	font-size: 18px;
	line-height: 36px;
	text-align: center;
	margin-top: 6px;
}

#news-list .item .more-btn-prev {
	float: left;
	width: 637px;
	height: 1px;
	margin: 17px 0;
	background: #196167;
}

#news-list .item .more-btn {
	background: none;
	width: 80px;
	height: 38px;
	display: block;
	font-weight: normal;
	font-size: 14px;
	line-height: 21px;
	text-align: center;
	margin-top: 6px;	
	float: right;
}

#news-list .item .more-btn a{
	color: #196167;
	text-decoration: none;
}

.item .description-grp {
	float: left;
	width: 376px;
	height: 165px;
	overflow: hidden;
	margin-left: 24px;
}

#news-list .item .description-grp {
	float: left;
	width: 550px;
	height: 120px;
	overflow: hidden;
	margin-left: 24px;
}

#product .item .description-grp {
	float: left;
	width: 305px;
	height: auto;
	margin-left: 12px;
}

.item .description-grp h3{
	color: #b33820;
	font-size: 20px;
	line-height: 28px;
	margin-bottom:  14px;
	font-weight: 300;
}

#news-list .item .description-grp h3{
	color: #b33820;
	font-size: 20px;
	line-height: 28px;
	margin-bottom:  0px;
	font-weight: 300;
}

.item .description-grp p{
	line-height: 21px;
	font-size: 14px;
}

#product .item .description-grp p{
	line-height: 21px;
	font-size: 14px;
	margin-bottom: 12px;
}

.item .info-rgp {
	float: left;
	width: 159px;
	margin-left: 12px;
	padding-left: 12px;
	border-left: solid 1px #b33820;
}

.item .info-rgp .category {
	color: #5c5c5c;
}

.item .info-rgp .category span{
	display: block;
	font-weight: bold;
        margin-bottom: 12px;
}

.item .info-rgp .price {
	margin-top: 12px;
	color: #5c5c5c;
}	

.item .info-rgp .price span{
	display: block;
	font-size: 20px;
	font-weight: bold;
}

.item .image-grp .scrollable {
  width: 228px;
  margin-left: -3px;
}

.item .images span{
	display: inline-block;
	width: 51px;
	height: 51px;
	margin: 3px;
	overflow: hidden;
    vertical-align: top;
}

.item .images img {
	width: 70px;
	height: auto;
	margin-right: 5px;
}

ul.pager {
	margin: 20px 0 12px 0;
	float: left;
}

ul.pager li{
    display: inline-block;
   	margin: 0px 3px;
}

ul.pager li a{
	font-size: 18px;
	color: #5c5c5c;
	text-decoration: none;
	padding: 3px 8px;
	display: block;
	
	border: solid 1px #fff;
	background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 0.7);
}

ul.pager li a.active{
	background:  #84c5cb;
	color: #fff;
	border-color: #84c5cb;
}

ul.pager li a:hover{
	border: solid 1px #ccc;
	background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 1);
}

/* end of category-list styles */

a.back-to-list {
	font-family: 'Roboto Slab', serif;
	color: #fff;
	font-size: 18px;
	background: #84c5cb;
	display: block;
	box-shadow: inset 0px 0px 5px black;
	float: left;
	clear: both;
	margin: 16px 0;
	padding: 2px 15px;
	opacity: 0.85;
	text-decoration: none;
}
a.back-to-list:hover {
	opacity: 1;
}
.other-products {
	background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.85);
    padding: 15px;
    float: left;
    clear: both;
    width: 720px;
}

.other-products ul {
    color: #fff;
}

.other-products h3{
	font-size: 20px;
	color: #84c5cb;
	font-family: 'Roboto Slab', serif;
	margin-bottom: 12px;
	
}

.other-products li{
	display: inline-block;
	width: 48%;
	margin: 12px 0;
}

.other-products li a{
	display: block;
	color: #fff;
	text-decoration: underline;
	opacity: 0.85
}
.other-products li a:hover{
	opacity: 1;
}

.ajaxSearch_highlight {
    font-weight: bold;
}

a.fancybox {
	display: block;
}

.image-shadow-app {
	display: block;
	box-shadow: inset 0px 0px 5px black;
	width: 136px;
	height: 106px;
	position: relative;
    margin-top: -111px;
    z-index: 999;
}