* { font-family: arial; outline: 0; }
html { margin: 0; padding: 0; height: 100%; }
body { margin: 0; padding: 0; font-size: 14px; color: white; direction: rtl; }
a { color: white; text-decoration: underline; }
img { border: 0; }

#title { display: none !important; }
.csform .csholder .csinput, .csform .csholder .cstextarea { color: #7c7c7c !important; width: 270px !important; }
::-webkit-input-placeholder { 	color: #7c7c7c !important; }
:-moz-placeholder { 				color: #7c7c7c !important; }
::-moz-placeholder { 			color: #7c7c7c !important; }
:-ms-input-placeholder {			color: #7c7c7c !important; }
#sideBar #side #social { bottom: 5px !important; }
#sideBar #menu a { height: auto !important; padding-bottom: 10px !important; padding-top: 7px !important; }
#menuBar a { height: auto !important; padding-bottom: 13px !important; padding-top: 7px !important; }
#sideBar #menu a .marker, #menuBar a .marker { height: auto !important; bottom: 2px !important; }

#Wrapper { width: 100%; height: 100%; }
#sideBar, #sideBar #in { width: 252px; height: 100%; position: fixed; top: 0; right: 0; z-index: 3; }
#sideBar #in { width: 200px; right: 52px; }
#menuBar { display: none; width: 112px; height: 100%; position: fixed; top: 0; right: 60px; z-index: 2; }
#menuBar.open { display: block !important; right: 262px !important; }
#Content { width: 350px; min-height: 100%; margin-right: 262px; position: absolute; z-index: 2;padding:12px; }
#Content.open { margin-right: 384px !important; }
/*#Content.small { width: 200px !important; }*/
#sideBar #in, #menuBar, #Content { background: #ffffffdb; box-shadow: 0 0 5px rgba(0,0,0,0.5); }

#sideBar #header, #Content #header, #menuBar #header { width: 100%; height: 240px; clear: both; }
#sideBar #header { background: url('imgs/sep_line.png') repeat-x 0 bottom; }
#sideBar #header #stam #logo { width: 200px; height: 100%; display: block; float: left; background: url('imgs/logo.png') no-repeat 20px 56px; position: relative; overflow: hidden; text-indent: -1000px; }
#sideBar #side { width: 52px; height: 100%; position: relative; }
#sideBar #side #langs a, #sideBar #side #langs span { height: 30px; line-height: 30px; display: block; clear: both; text-align: center; font-size: 12px; color: #7c7c7c; background: #fff url('imgs/bottom_shadow.png') repeat-x 0 bottom; text-decoration: none; box-shadow: 0 0 5px rgba(0,0,0,0.5) }
#sideBar #side #langs span, #sideBar #side #langs a:hover { background-color: #e7e7e7; color: #115323; }
#sideBar #side #langs span { cursor: default; }

#sideBar #side #social { clear: both; position: absolute; bottom: 30px; left: 0; }
#sideBar #side #social .link { width: 21px; height: 22px; padding: 0; clear: both; float: left; margin-bottom: 1px; display: block; background: url('imgs/header_social_facebook.png') no-repeat 0 0; cursor: pointer; position: relative; overflow: hidden; text-indent: -1000px; }
#sideBar #side #social #facebook { background-position: -24px 0; }
#sideBar #side #social #facebook:hover { background-position: -24px bottom; }
#sideBar #side #social #like { direction: ltr !important; text-indent: 0 !important; }
#sideBar #side #social #like:hover { background-position: 0 bottom; }
#sideBar #side #social #like .fb-like { opacity: 0 !important; filter: alpha(opacity = 0) !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)" !important; }
#sideBar #side #social #like .fb-like,
#sideBar #side #social #like .fb-like iframe { position: absolute !important; left: -1px !important; top: 0 !important; }
#sideBar #side #social #gplus { background: none; }
#sideBar #side #social #gplus #___plusone_0 { position: absolute; left: -5px; top: -1px; }
iframe[id^="oauth2relay"] + div { left: auto !important; right: 50px !important; } /* Google+ scrollbar problem */

#sideBar #menu { width: 100%; clear: both; }
#sideBar #menu a { display: block; height: 43px; padding: 7px 19px 0px 0px; clear: both; font-size: 17px; color: #000; text-decoration: none; background: url('imgs/sep_line.png') repeat-x 0 bottom; position: relative; }
#sideBar #menu a span { font-size: 12px; color: #5b5b5b; display: block; position: relative; top: -1px; }
#sideBar #menu a .marker, #menuBar a .marker { display: none; width: 4px; height: 50px; background: #181818; box-shadow: 0 0 5px rgba(0,0,0,0.5); position: absolute; top: 0; left: -7px; }
#sideBar #menu a:hover { color: #000; }
#sideBar #menu a.selected, #sideBar #menu a.selected:hover { color: #115323; }
#sideBar #menu a.selected span, #sideBar #menu a:hover span { color: #000; }
#sideBar #menu a.selected .marker, #sideBar #menu a:hover .marker { display: block; }

#menuBar #header { background: url('imgs/content_sep_line.png') repeat-x 0 bottom; }
#menuBar .child { display: none; }
#menuBar .child.main { display: block; }
#menuBar a { display: block; height: 37px; padding: 13px 20px 0px 0px; color: #000; background: url('imgs/sep_line.png') repeat-x 0 bottom; text-decoration: none; position: relative; }
#menuBar a span { color: #5b5b5b; }
#menuBar a:hover { color: #000; }
#menuBar a.selected, #menuBar a.selected:hover { color: #115323; }
#menuBar a.selected span, #menuBar a:hover span { color: white; }
#menuBar a.selected .marker, #menuBar a:hover .marker { display: block; }

#Content #header { background: url('imgs/content_sep_line.png') repeat-x 0 bottom; }
#Content #header #in { width: 100%; height: 240px; background-repeat: no-repeat; background-position: center 0; position: relative; }
#Content #header #in .sideShadow { height: 100%; }
#Content #title { height: 37px; padding: 13px 20px 0px 0px; display: block; color: #858585; font-size: 16px; background: url('imgs/sep_line.png') repeat-x 0 bottom; position: relative; }
#Content #cont { display: block; padding: 12px 20px; color: white; }
#Content td#cont p { margin-top: 0; padding-top: 0; }
#Content #cont.gallery, #Content #cont.orders.cart { padding: 12px 12px; }
#Content #cont.catalog.item { padding: 12px 11px; }
.nojs #Content #cont img { max-width: 100%; }

#cont * {
    color: #000 !important;
    font-size: 17px;
    line-height: 20px;
    text-align: justify;
}

.gallery .item { display: block; float: right; margin-bottom: 1px; text-decoration: none; position: relative; }
.gallery .item.odd { padding-left: 1px; margin-right: 1px; }
.gallery .item .hover, .catalog_image #plus { display: none; width: 43px; height: 38px; background: url('imgs/gallery_image_plus_rtl.png') no-repeat left bottom; position: absolute; left: 0; bottom: 0; z-index: 2; }
/*.gallery .item:hover .hover { display: block; }*/
.catalog_image #plus { display: block; z-index: 2000; }

.gallery .item .catalogItem { height: 174px; clear: both; overflow: hidden; position: relative; }
.gallery .item .catalogDesc { height: 29px; padding: 6px 10px 0px 0px; font-size: 14px; color: #a9a9a9; }
.gallery .item .catalogDesc span { display: block; clear: both; font-size: 12px; color: #7f7f7f; }
.gallery .item.odd .catalogDesc { border-right: 1px solid #080808; margin-right: -1px; }
.gallery .item:hover .catalogDesc { color: #115323; }
.gallery .item:hover .catalogDesc span { color: white; }
.page_gallery #Content #header { display: none; }

#catalog #details { clear: both; padding: 10px 0 15px 0; background: url('imgs/sep_line.png') repeat-x 0 bottom; }
#catalog #details #price { width: 45%; float: right; line-height: 30px; color: white; font-size: 14px; }
#catalog #details #order { width: 45%; height: 30px; float: left; text-align: left; }
#catalog #details #order input { width: 90px; height: 30px; padding-right: 31px; border: 0; text-align: center; color: #115323; background: url('imgs/catalog_order_button.png') no-repeat right 0; cursor: pointer; }
#catalog #details #order input:hover { color: white; background-position: right bottom; }

.catalog .ttl { clear: both; font-size: 16px; color: #115323; }
.catalog #items.gallery { width: 350px !important; margin-right: -11px; padding-top: 2px; margin-top: 12px; background: url('imgs/sep_line.png') repeat-x 0 top; }

#homeBanner { position: fixed; left: 0; top: 0; z-index: 10; }
#homeBanner:hover { opacity: 0.85; }

#youtubeBG { width: 100%; min-height: 100%; position: fixed; top: 0; left: 0; z-index: 0; }
#bgHolder { position: relative; z-index: -1; } 
#bgHolder img { position: absolute; top: 0; left: 0; z-index: 8; opacity: 0; }
#bgHolder img.active { z-index: 10; opacity: 1; } 
#bgHolder img.last-active { z-index: 9; } 
#bgHolder img { position: fixed; top: 0; left: 0; }

#SimplySmart { position: fixed; bottom: 10px; left: 15px; color: white; font-size: 10px; text-decoration: none; }
#SimplySmart span { font-size: 12px; }
#SimplySmart:hover { text-decoration: underline; }
.sideShadow { height: 48px; width: 5px; position: absolute; top: 0; left: 0; }
#hiddenLoader { width: 1px; height: 1px; overflow: hidden; visibility: hidden; position: absolute; top: -1000px; }
.Cleaner { width: 1px; height: 1px; clear: both; }

.contactIframeWrap { width: 165px; height: 350px; position: relative; overflow: hidden; clear: both; }

#Content #cont.gallery, #Content #cont.orders.cart{
padding:0 !important;
}


.bars{
    display:none;
    position: absolute;
    top: 78px;
    right: -14px;
    z-index: 1000000;
    width: 102px;
    height: 79px;
    cursor:pointer;
}


.phone{
    display:none;
    position: absolute;
    top: 78px;
    left: -14px;
    z-index: 1000000;
    width: 102px;
    height: 79px;
    cursor:pointer;
}

.bottom_menu{
    width:100vw;
    height:75px;
    position: fixed;
    bottom:0;
    left:0;
    background-image:url('imgs/panels_bg.png');
    display:none;
    z-index:100000000;
    border-top:2px solid #fff;
}

.bottom_menu > ul{
    width:100%;
    list-style: none;
    height:100%;
    padding: 0;
    margin: 0;
}

.bottom_menu > ul > li{
   width:25%; 
   list-style: none;
   border-left:1px solid #fff;
   height:100%;
   float:right;
   
}

.bottom_menu > ul > li:last-child{
     border-left:0;
     width:22%;
}

.bottom_menu > ul > li > a{
    display: block;
    padding: 30px 0px;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;

}


#mmenu{
    position: absolute;
    z-index:1000;
    background-image:url('imgs/panels_bg.png');
    width:100vw;
    min-height:50px;
    overflow:visible;
    top:133px !important;
    display:none;
    padding:0;
    margin:0;
}


#mmenu  > li{
    width:100%;
    height:50px;
    list-style:none;
    border-bottom:1px solid #fff;
}

#mmenu  > li > a{
    color:#fff;
    padding:15px 0px;
    text-align:Center;
    display:block;
    font-size:14px;
    font-weight:bold;
    text-decoration: none;
}
#Content #title {
    color: #115323 !important;
    font-size: 20px;
}
h2{font-size:16px;}h3{font-size:14px;}h4{font-size:12px;}