/**
 * @file
 * Styles are organized using the SMACSS technique. @see http://smacss.com/book/
 *
 * When you turn on CSS aggregation at admin/config/development/performance, all
 * of these @include files will be combined into a single file.
 */

/* HTML element (SMACSS base) rules */
@import "normalize.css";

/* Layout rules */
@import "layouts/responsive.css";
@import "layouts/overrides.css";

/* Component (SMACSS module) rules */
@import "components/misc.css";
/* Optionally, add your own components here. */
@import "print.css";

/* SMACSS theme rules */
/* @import "theme-A.css"; */
/* @import "theme-B.css"; */


body {direction: rtl;}

.menu_item {
    font-family: 'opensans';
    font-style: normal;
    font-weight: 600;
    color:#4c575d;
    line-height: 150%;
    float: right;
    font-size: 16px;
    margin-top: 135px;
    padding: 0px 12px 2px 12px;
    height: 20px;
    border-right: #4c575d solid 2px;
}

.menu_item.first {
    border-right:0px; padding-right:0px;
}

.menu_item a {
    text-decoration: none;
    color:#4c575d;
}

.menu_item a:hover {
    color: #dd0000;
}

.sub_cat {
    line-height: 150%;
    float: right;
    font-size: 14px;
    margin: 1px 0px 4px 20px;
}



.product_image {
    width:400px;
    float:right;
    padding-bottom:20px;
}

.product_name {
    width:250px;
    float:left;
}

.page {
    font-family: 'opensans';
    font-style: normal;
    font-weight: 400;
    font-size:15px;
    color:#000;
    line-height: 150%;
    padding-top: 20px;
    text-align: right;
    width: 710px;
    min-height: 620px;
    float: left;
}

h2 {
    font-size: 16px;
    font-weight: 700;
    color: #cc0000;
    margin: 10px 0px 0px 0px;
    letter-spacing: 0.5px;
}

.gallery a:hover img{
    opacity: 0.8;
}


.gallery img {
    float: left;
    padding-right:6px;
    padding-top:6px;
}

.description {
    width:100%;
    border-top: #818d93 solid 1px;
    padding-top:20px;
    padding-bottom:20px;
    float: right;
}



.footer {
    text-align:right;
    font-family: 'opensans';
    font-style: normal;
    font-weight: 400;
    color:#000;
    float: right;
    font-size: 16px;
    min-height: 20px;
    color:#000;
    margin-bottom: 10px;
    padding-top: 24px;
}

.footer a {
    color:#5C6367;
    text-decoration: none;
}

.footer a:hover {
    color: #000;
}

.footer table td {
    vertical-align: top;}


/* Styles by Misha. */

/* Base styles */
.clear {
    clear: left;
}

.mainContainer {
    position: relative;
    top:200px;
    width:100%;
    height:5px;
    background-color: #dadfe2;
}

.containerCenter {
    margin-top:-5px;
    margin: 0 auto;
    width: 1000px;
    height: 100%;
}

.header {

}

.sidebar {
    background-color: #edeff1;
    float: right;
    margin-left: 30px;
    min-height: 500px;
    padding-top: 13px;
    width: 260px;
}

.content {
    width:100%;
    float:right;
}

.footer {

}

.copyright {
    font-size:14px;
}
/* Breadcrumbs. */
.bread {
    height: 30px;
    margin-bottom: 20px;
    font-size: 14px;
}

.bread li {
    display: block;
    float: right;
    margin-left: 5px;
    margin-right: 5px;
}
.bread a{
    font-size:14px;
    color: #000;
    text-decoration: none;
    padding-bottom:12px;
    width: 710px;
}

.bread a:hover{
    text-decoration: underline;
}

.breadcrumbSeparator {
    color:#DD0000;
}


/* Search block */
#search-block-form {
    float: left;
    margin-top: 147px;
}

#search-block-form .form-submit {
    float: right;
    padding-top: 3px;
}

#search-block-form input[type="text"] {
    border: 1px #A7A7A7 solid;
    border-radius: 5px;
    padding: 3px;
}


/* Top menu. */

.mainMenuLinks {
    float: right;
}

.header .mainMenuLinks  li{
    display: inline;
    font-family: 'opensans';
    font-style: normal;
    font-weight: 600;
    color:#4c575d;
    line-height: 150%;
    float: right;
    font-size: 16px;
    margin-top: 125px;
    height: 20px;
    border-right: #4c575d solid 2px;
}

.header .mainMenuLinks  li:first-child {
    border-right: 0px;

}
.header .mainMenuLinks  li a  {
    text-decoration: none;
    color:#4c575d;
}

.header .mainMenuLinks  li a:hover {
    color: #dd0000;
}

/* Menu 1 level. */
.menuFirstLevel {
    text-align: right;
    font-family: 'opensans';
    font-style: normal;
    font-weight: 400;
    color: #000;
    line-height: 150%;
    float: right;
    font-size: 18px;
    margin: 0px 20px 5px 20px;
    min-height: 30px;
    width: 220px;
    border-bottom: #818d93 solid 1px;
}

.menuFirstLevelLink {
    text-align: right;
    font-family: 'opensans';
    font-style: normal;
    font-weight: 400;
    color: #000;
    line-height: 150%;
    font-size: 18px;
    margin: 0px 0px -5px 20px;
    min-height: 30px;
    width: 240px;
    text-transform: uppercase;
}
.menuFirstLevelLink:hover, .menuFirstLevelLink.active {
    color: red;
}
/* Menu 2 level. */

.menuSecondLevel {
    margin-top: 0px;
    margin-bottom: 0px;
    width: 103%;


}
.menuSecondLevel li {
    text-decoration: none;
    list-style-type: none;
    list-style-image: none;
    margin-right: -7px;
    width: 100%;
    display: -moz-box;
}
.menuSecondLevelLink {
    line-height: 150%;
    font-size: 14px;
    border-bottom: 0px;
    margin: 1px 5px -5px 110px;
    color:#000;
}

.menuSecondLevelLink:hover, .menuSecondLevelLink.active {
    color: red;
}
.menuSecondLevelLink:before {
    content: " ◂ ";
}

.sidebar_header {
    text-align:right;
    font-family: 'opensans';
    font-style: normal;
    font-weight: 400;
    color:#000;
    line-height: 150%;
    float: right;
    font-size: 18px;
    margin: 0px 20px -5px 20px;
    min-height: 30px;
    width:220px;

}

.sidebar_header a {
    text-decoration: none;
    color:#000;
}

.sidebar_header a:hover {
    color: #dd0000;
}


.sidebar ul.mainMenuLinks li.menu__item.is-leaf {

}

.sidebar ul.mainMenuLinks li  a:hover{
    color: #dd0000;
}
.sidebar ul.mainMenuLinks{
    width: 80%;
    border-bottom: #818d93 solid 1px;
}
.sidebar ul.mainMenuLinks li  a{

}


/* Styles for product page. */

.subtitlePhotos {
    text-align: right;
    border-bottom: 1px #818d93 solid;
}

.subtitleSmallPhotos {
    width: 40%;
    float:left;
    text-align: right;
}

.mainPhoto {
    width: 60%;
    float:left;
}

.inactiveLarge{
    display: none;
}

.activeLarge {
    display: block;
}

.activeSmall {
    background-color: #b0b0b0;
}

.subtitle {
    font-size: 2.5em;
    max-width: 310px;
    font-weight: 700;
    line-height: 135%;
    text-align: left;
    color: #4c575d;
    padding-top: 20px;
}

.smallPhotos {
    text-align: left;
    width: 100%;
    height: 150px;
    margin-top: 50px;
}

.smallPhotos ul {
    padding-left: 0px;
}

.smallPhotos  ul li img{
    cursor: pointer;
}
.smallPhotos  ul li {
    display: inline;
    float:left;
}

.smallPhotos  ul li:hover {
    opacity: 0.8;
}



.video {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px #818d93 solid;
}

.mainText{
    width: 100%;
    padding-bottom: 20px;
    float: right;
}