.submenu {margin-left:48px;}
.blog-edit-label {margin-right:-3px;}
.popup-menu-shops {color:#B2B2B2;font:21.6px satilaCond,Verdana;text-transform:uppercase;margin-top:5px;}
.popup-menu-shops:hover {color:#7F7F7F;}

.notrecommended {opacity:0.2;filter: alpha(opacity = 20);}
.small-preview-container {float:left; width:208px; height:294px; margin:0 14.5px 10px 0;overflow:hidden;border:1px solid #545454;}
.small-preview-container:nth-child(5n) {margin-right:0px;}

.small-preview-image-container {width:200px; height:200px; position:relative; cursor:pointer;margin-left:auto;margin-right:auto;margin-top:5px;}
.small-preview-article {font:14.5px satilaTopMenu,verdana;text-align:left;margin:5px 0 5px 10px;overflow:hidden;color:#000; cursor:pointer;}

.index-blog-date {color:#000;font:18.3px satilaReg,Verdana;cursor:pointer;}
.index-blog-title {color:#000;cursor:pointer;font:25.8px satilaReg,Verdana;font-weight:bold;}
.index-blog-title:hover {text-decoration:none;}
.index-blog-desc {color:#000;font:17.2px satilaCond,Verdana;cursor:pointer;}

.paginator {display:inline-block;min-width:15px;text-align:center;padding:4px 6px;margin-right:4px;background-color:#3B5B8E;color:#fff;}
.paginator:hover, .paginator.current {color:#BFBFBF;}

#catalog-page h1, #blog-page h1 {color:#000;font:36px satilaReg,Verdana;padding:0px;margin:0px;}
#catalog-page h1::first-letter, #blog-page h1::first-letter {text-transform:capitalize;}

#blog-page a {color:#777;}

#catalog-page h2, #blog-page h2 {color:#000;font:18px satilaReg,Verdana;padding:0px;margin:0px;text-transform:uppercase;}

#view-page h2 {color:#231F20;font:20.6px satilaCond,Verdana;padding:0px;margin:0px;text-transform:uppercase;}
#view-page h1 {color:#231F20;font:30.5px satilaCond,Verdana;padding:0px;margin:0px;font-weight:bold;}
#view-page h3 {color:#FFFFFF;font:16.5px satilaCond,Verdana;padding:10px 5px;margin:0px;text-transform:uppercase;}
#view-page h1::first-letter {text-transform:capitalize;}

#bottom-menu .item {padding:10px 20px;font:20.6px satilaCond,Verdana;text-transform:uppercase;color:#231F20;}
#bottom-menu .item.active {background-color:#3B5B8E;color:#FFFFFF;}
#bottom-menu .lined {border-bottom:2px dotted #231F20;}

.colorthumb {margin-bottom:4px;width:70px;height:70px;border:2px solid #94898B;}
.colorthumb.hover, .colorthumb:hover {border-color:#E3000F;}

.colorthumbnew {text-align:center;border:1px solid #545454;width:36px;font:19.5px satilaCond,Verdana;font-weight:bold;margin:15px 7px 0 10px;display:inline-block;}
.colorthumbnew.hover, .colorthumbnew:hover {background-color:#3B5B8E;color:#FFF;font-weight:normal;}

.preview-container {float:left; width:261px; height:371px; margin:0 23px 34px 0;overflow:hidden;border:1px solid #7F7F7F;}
.preview-container:nth-child(3n) {margin-right:0px;}

.preview-image-container {width:250px; height:250px; position:relative; cursor:pointer;margin-left:auto;margin-right:auto;margin-top:5px;}
.preview-article {font:14.5px satilaTopMenu,verdana;text-align:left;margin:5px 0 5px 10px;overflow:hidden;color:#000; cursor:pointer;}

.top-menu {color:#1A1A18;font:28px satilaCond,Verdana;float:left;text-transform:uppercase;}
.top-menu:hover, .top-menu.hover {color:#878786;}

.popup-menu {color:#D2D2D2;font:25px satilaCond,Verdana;text-transform:none;}
.popup-menu:hover {color:#7F7F7F;}

.catalog-left-menu {color:#7F7F7F;font:18.4px satilaCond,Verdana;text-transform:uppercase;margin-bottom:10px;}
.catalog-left-menu:hover {color:#231F20;}
.catalog-left-menu.hover {font-size:20.6px;color:#231F20;}

.blog-left-menu {width:234px;background-color:#3B5B8E;color:#FFFFFF;font:20.6px satilaCond,Verdana;text-transform:uppercase;margin-bottom:10px;padding:4px 7px;}
.blog-left-menu:hover {color:#C8C8C8;}
.blog-left-menu.exped, .blog-left-menu.etap {background-color:transparent;color:#1A1A18;padding:0 7px;margin-bottom:5px;}
.blog-left-menu.etap {padding-left:20px;}
.blog-left-menu.exped:hover, a .blog-left-menu.etap:hover {color:#888888;}

.comma-separated:after {content: ",";}
.comma-separated:last-child:after {content: "";}

#comments-container {display:none;}
.product-search-s {padding: 0; background-color:#E6EAED;padding:2px 0 2px 5px;margin-left:-25px;margin-right:10px;}
.product-search-s input {background-color:transparent; border:none; color: #231F20; font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12.5px; margin: 0;}
.product-search-s input.submit {cursor:pointer;}

@font-face {
font-family: satilaCond;
src: url(/templates/satila/images/satila_cond.ttf);
src: url(/templates/satila/images/satila_cond.woff);
}
@font-face {
font-family: satilaReg;
src: url(/templates/satila/images/satila_regular.ttf);
src: url(/templates/satila/images/satila_regular.woff);
}

.catalog-item-container {float:left; width:170px; margin-left:7px; margin-bottom:10px; overflow:hidden;}

.preview-desc {text-align:center; color:#444; font-size:.8em; height:1.2em; margin-bottom:.5em; overflow:hidden;}
.preview-price {font-weight:bold; text-align:center; color:#903; margin-bottom:.3em; }
.preview-store {font-size:.85em; text-decoration: none; color:#666; border-bottom:1px dashed #666; cursor:pointer;}
.preview-oldprice {text-decoration: line-through; color:#888;}

#navigation-left {width:210px; margin-left:100px;float:left;}

#home-slide-wrapper {margin-top: -5px;overflow: hidden;position: fixed;top: 0;left:0;z-index: 1;}

//body {background:url(/templates/satila/images/sea2.jpg) center top;background-size:100%;}
body {font: 0.8em Arial,Verdana,sans-serif;color:#231F20;}

.midmenutext {
font-family: satilaMidMenu,Arial,Verdana;
font-size:24px;
text-transform: uppercase;
line-height: 1.1em;
}

.menu-triangle {
position:absolute;
top:4px;
left:180px;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 0 6px 14px;
border-color: transparent transparent transparent #ebd280;
-webkit-transform:rotate(360deg);
}

.leftmenu {font:16px satilaTopMenu,verdana;margin-bottom:16px;position:relative;}

.topmenu {font:14.5px satilaTopMenu,verdana;}
.topmenudash {font:14px verdana;margin:0 25px;}
.midmenublock {background-color:rgba(59,91,142,0.7);width:130px;height:70px;display:inline-block;vertical-align: middle;
-moz-border-radius:5px; // FF;
-webkit-border-radius:5px; // SF;
border-radius:5px; // CH, OP;
margin-right:7px;
}
.midmenublock:last-child {
margin-right:0px;
}
.catmenublock {background-color:rgba(59,91,142,0.7);width:169px;height:70px;display:inline-block;vertical-align: middle;margin-top:3px;}


#page-whole {height:100% !important; width: 100%;}
#page-container {width:768px; margin:0 auto; min-height: 100% !important;}
#page-container-dummy {margin: 0 0 0 0; height: 100% !important;}

#page-cover {margin: 0 auto; width:768px; text-align:left;}

#page-header {padding: 30px 0 15px 0;}
.roundfull {
    -moz-border-radius:50%; // FF;
    -webkit-border-radius:50%; // SF;
    border-radius:50%; // CH, OP;
}

.locality-item:hover {color:#777;}
.locality-item-selected, .locality-item-selected:hover {background-color:#E7E8E9;color:#000;}

.size-buy {background:#903; border-color:#903; color:#fff; font-weight:bold;}
.cart-no {background:url('/images/toshop_fff.png') no-repeat 135px 14px #903;border:1px solid #903;cursor:default;color:#fff;opacity:0.3;filter:Alpha(Opacity=30);}
.cart-ok {background:url('/images/toshop_fff.png') no-repeat 135px 14px #903;border:1px solid #903;cursor:pointer;color:#fff;}

#intro-slider-control-hide {position:absolute;z-index:102;top:3px;right:0px;}
#intro-slider-control-show {float:right;position:relative;z-index:103;top:-7px;}
.slider-control-hide {
-moz-border-radius:0px 5px 0px 5px; // FF;
-webkit-border-radius:0px 5px 0px 5px; // SF;
border-radius:0px 5px 0px 5px; // CH, OP;
border:1px solid #666;
background-color:#fff;
color:#666;
padding: 2px 5px 2px 5px;
font-size:10px;
}
.slider-control-show {
-moz-border-radius:5px 5px 5px 5px; // FF;
-webkit-border-radius:5px 5px 5px 5px; // SF;
border-radius:5px 5px 5px 5px; // CH, OP;
border:1px solid #666;
background-color:#fff;
color:#666;
padding: 2px 5px 2px 5px;
font-size:10px;
}

.shop-photos {
	margin-right: 4px;
}

.riders-entry {
	float:left;
	position:relative;
	width:310px;
	height:210px;
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
	margin-bottom: 25px;
	margin-bottom:nth-child(3) 0px;
	margin-right: 17px;
}

.riders-entry:nth-child(3n) {
	margin-right: 0px;
}

.riders-title {
	position:absolute;
	bottom:0px;
	width:310px;
	-moz-border-radius:0px 0px 5px 5px; // FF;
	-webkit-border-radius:0px 0px 5px 5px; // SF;
	border-radius:0px 0px 5px 5px; // CH, OP;
	background:transparent url('/images/transparent80.png') repeat;text-align:left;padding:3px 5px;
}
.index-tile-title, .riders-title-big {margin-top:4px;font-size:1.3em;color:#555;font-weight:bold;}

.newstable-entry {
	background-color: #e5e5e5;
	width: 241px;
	height: 170px;
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
}
.newstable-vspacer {width: 8px;}
.newstable-hspacer {height: 8px;}
.newstable-title {
    -moz-border-radius:5px 5px 0px 0px; // FF;
    -webkit-border-radius:5px 5px 0px 0px; // SF;
    border-radius:5px 5px 0px 0px; // CH, OP;
    height:17px;
    background-color:#ccc;
    text-align:right;
    padding:3px 4px 0 0;
}
.newstable-footer {
    -moz-border-radius:0px 0px 5px 5px; // FF;
    -webkit-border-radius:0px 0px 5px 5px; // SF;
    border-radius:0px 0px 5px 5px; // CH, OP;
    height:17px;
    background-color:#ccc;
    text-align:right;
    padding:3px 4px 0 0;
}

.index-tile-header {
-moz-border-radius:0px 0px 5px 5px; // FF;
-webkit-border-radius:0px 0px 5px 5px; // SF;
border-radius:0px 0px 5px 5px; // CH, OP;
background:transparent url('/images/transparent80.png') repeat;text-align:left;padding:3px 5px;
}

.order-ready {background-color: #903; color:#fff; border:1px solid #fff;border-top:none;}
.halti-short-desc {font-size:13px;font-weight:bold;margin-bottom:1em;}
.halti-desc-header {font-size:12px;font-weight:bold;margin-bottom:.6em;}
.halti-desc {margin-bottom:1em;text-align:left;}

#wtb-area {
-moz-border-radius:7px 7px 7px 7px; // FF;
-webkit-border-radius:7px 7px 7px 7px; // SF;
border-radius:7px 7px 7px 7px; // CH, OP;
border:1px solid transparent;
padding: 5px 5px 10px 5px;
background: #fff;
}

#wtb-area.border {
border:1px solid #999;
}

.view-name {font:2em Calibri; font-weight:bold; color:#404040;}
.article-strike-compensate {margin-top:12px;}

#comments-container {background-color:#d8e8d8;padding:1em;
-moz-border-radius:7px 7px 7px 7px; // FF;
-webkit-border-radius:7px 7px 7px 7px; // SF;
border-radius:7px 7px 7px 7px; // CH, OP;
text-align:left;
}
.comment-list {position:relative;}
.comment-list .comment {position:relative; margin:1.5em 0 2em; border-top:1px dotted; padding:1em 0 0; overflow: hidden;}
.comment .unproved {border:1px dotted #FF0000; background-color: #aaa;}
.comment-list .comment:after, .comment-list .comment > div:after {content:"";clear:both;display:block;} /* Prohibit the align */
.comment-list .comment .comment {font-size:1em;margin:1.5em 0 0 3em;}
/*.comment-list .comment .comment .comment .comment {margin-left:0;}*/
.comment-list .comment-author {float: left; position: relative; width: 15em; line-height:1.4em;}
.comment-author .author-itself {font-weight:bold;}
.comment-list .comment-admin {float:right; display: inline; padding-top:1.5em;}
.comment-list .comment-admin a {color:#FF0000;}
.comment-list .comment-text, .comment-text-fix {margin-left:15em; margin-top:-0.3em;}
.comment-center {text-align:center;}
.comment-reply-template, .comment-template {display: none;}
.comment-reply .error-area {
color:#FFFFFF;
display:block;
font-size:0.8em;
padding:2px;
margin-top:2px;
visibility:hidden;
}

.admin-links {cursor:pointer;text-decoration:underline;color:#404040}
.edit-status-saved {color:#00FF00; font-weight:bold;}
.edit-status-changed {color:#FF0000; font-weight:bold;}

.button-comment {
-moz-border-radius:5px; // FF;
-webkit-border-radius:5px; // SF;
border-radius:5px; // CH, OP;
border:1px solid transparent;
padding:1px 3px;
background: #fff;
display:inline-block;
cursor:pointer;
background-color:#f6a828;
color: #fff;
}

.button-cancelcomment {margin-left:.5em;font-size:0.85em;cursor:pointer;}
.button-newcomment {font-size:1.2em;padding:3px 6px;font-weight:bold;}

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 230px;
  left: 10px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  text-transform: uppercase;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
 -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  visibility: visible;
  opacity: 1;
}
.checkmark {
    display:inline-block;
    width: 54px;
    height:54px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}
.checkmark_stem {
    position: absolute;
    width:2px;
    height:20px;
    background-color:#231F20;
    left:11px;
    top:11px;
}
.checkmark_kick {
    position: absolute;
    width:20px;
    height:2px;
    background-color:#231F20;
    left:11px;
    top:11px;
}

#makeTextExpand {cursor:pointer;text-decoration:underline;}
#textExpand {display:none;}

.fix-map {position:fixed; top:20px; margin-left:325px;}
[shop-key].selected {background-color:#f0f0f0;}
[shop-key]:hover {background-color:#f8f8f8;}