
@import "/reset.css";
html, body, div, span, p, table, th, td, a { font-size: 12px; color: #565855; font-family: "Trebuchet MS"; }

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}

#tooltip h3 { margin: 0; font-weight: bold; }
#tooltip div { margin: 0; }

h1, h2, h3 { color: #f85800; font-size: 14px; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; }
.bigtitle { font-size: 24px; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; }
.orange { color: #f85800; }
.tipped { color: #000000; }
.shade { color: #999999; }
p { margin-bottom: 7px; }

.shop-speclist li { padding: 2px 5px; border-bottom: 1px solid #ffffff; min-height: 14px; }
.shop-speclist li.shop-header-listitem { margin-top: 5px; }
.shop-speclist li.shop-header-listitem span { color: #870cba; font-weight: bold; }
.shop-speclist li.shop-spec-listitem { background-color: #E8E8E8; color: #333333; }
.shop-speclist li.shop-spec-listitem span.shop-spec-param { text-align: left; }
.shop-speclist li.shop-spec-listitem span.shop-spec-value { float: right; text-align: right; }
.shop-speclist span.shop-spec-controls { color: #cccccc !important; font-weight: bold; margin-left: 20px; cursor: pointer; }
.shop-speclist span.shop-spec-controls:before { content: '['; }
.shop-speclist span.shop-spec-controls:after { content: ']'; }

.sublayer1 { min-width: 960px; background: url('/files/Image/tpl/bg.png'); }
.sublayer2 { min-width: 960px; background: url('/files/Image/tpl/cup.png') 37% 0px no-repeat; }
.sublayer3 { min-width: 960px; background: url('/files/Image/tpl/top_gradient.png') 0px 0px repeat-x; }

.shopcat-descr { margin: 10px 0px; }

.content { width: 960px; margin: 0px auto; background: url('/files/Image/tpl/cup_footer.png') right bottom no-repeat; }

#shop-editfolderpanel ul.ui-tabs-nav,
#articleform ul.ui-tabs-nav,
#shop-editgood-panel ul.ui-tabs-nav { height: 28px; }

.header { margin-bottom: 10px; }
.header a,
.header a:link { color: #f85800; font-weight: bold; font-size: 14px; }
.header-col1 { width: 220px; display: inline-block; vertical-align: top; }
.header-col2 { width: 430px; margin: 0px 20px; display: inline-block; vertical-align: top; }
.header-col3 { width: 260px; display: inline-block; vertical-align: top; }
.header-usrmgt { padding: 5px 10px; text-align: center; margin-bottom: 10px; font-weight: bold; font-size: 14px; }
#shop-minicart { padding: 10px 20px 5px 60px; background: url('/files/Image/tpl/cart-bg.png') 10px 10px no-repeat; height: 50px; }
#shop-minicart span { color: #f85800; font-size: 14px; font-weight: bold; }
.header form { margin: 10px 0px; }
.header form input { width: 190px; border: 0px; background: url('/files/Image/tpl/searchbg.png') left top no-repeat; font-size: 10px; padding: 7px 30px 7px 7px; height: 14px; }
.header-contacts { color: #f85800; font-size: 20px; font-weight: bold; margin-left: 20px; }

.softbg { background-color: rgba(255, 255, 255, 0.6); }

.menu { text-align: center; padding: 5px 10px; margin-bottom: 20px; }
.menu a,
.menu a:link { color: #f85800; font-size: 14px; font-weight: bold; display: inline-block; margin: 0px 20px; text-transform: uppercase; }

.maincol1 { width: 220px; background: url('/files/Image/tpl/hline.png') left top repeat-x; float: left; padding: 10px 0px 50px 0px; }
.maincol2 { width: auto; margin-left: 240px; background: url('/files/Image/tpl/hline.png') left top repeat-x; padding: 10px 0px 50px 0px; }

.leftmenu { background: url('/files/Image/tpl/hline.png') left bottom repeat-x; padding-bottom: 10px; margin-bottom: 10px; }
.leftmenu ul li { margin: 7px 0px; }
.leftmenu ul li a,
.leftmenu ul li a:link { color: #f85800; font-size: 12px; font-weight: bold; text-decoration: underline; text-transform: uppercase; }
.leftmenu ul li ul li { margin-left: 10px; }
.leftmenu ul li ul li a, 
.leftmenu ul li ul li a:link { color: #565855; font-size: 12px; font-weight: bold; text-decoration: none; text-transform: none; }

.breadcrumb { margin: 7px 0px; }
.breadcrumb a, .breadcrumb a:link { font-weight: bold; text-decoration: none; }
.shop-folder-link { text-align: center; width: 230px; margin: 5px; }

.shop-item-link { text-align: center; width: 230px; margin: 5px 5px 20px 5px; display: inline-block; vertical-align: top; }
.shop-item-link-image { width: 220px; height: 220px; padding: 5px; background-color: #ffffff; border: 1px solid #c8c1b7; text-align: center; verical-align: middle; }
.shop-item-link-title { margin: 5px 0px;  text-align: left; }
.shop-item-link-title a, .shop-item-link-title a:link { color: #f85800; font-size: 14px; font-weight: bold; }
.shop-item-link-descr { margin-bottom: 10px; text-align: left; height: 6.2em; overflow: hidden; }
.shop-item-link-price s,
.shop-item-link-price { width: 120px; display: inline-block; text-align: left; color: #f85800; font-size: 16px; font-weight: bold; vertical-align: middle; }
.shop-item-link-buy { width: 105px; display: inline-block; text-align: left; vertical-align: middle; }

.shop-item-view h1 { font-size: 24px; }
.shop-item-view-gallery { display: inline-block; width: 230px; text-align: center; vertical-align: top; }
.shop-item-view-gallery a, .shop-item-view-gallery a:link { margin: 5px; width: 220px; height: 220px; padding: 5px; background-color: #ffffff; border: 1px solid #c8c1b7; text-align: center; verical-align: middle; display: inline-block; }
.shop-item-view-info { display: inline-block; width: 460px; margin-left: 20px; vertical-align: top; }
.shop-item-view-price { color: #f85800; font-size: 24px; font-weight: bold; margin-bottom: 20px; vertical-align: middle; }
.shop-item-view-price img { vertical-align: bottom; }
.shop-item-view-price a, .shop-item-view-price a:link { margin-left: 50px; }
.shop-item-view-descr {  }

.sortpanel { margin: 10px 0px; padding: 5px; }

.footer { text-align: center; padding: 10px; }
.footer, .footer a, .footer a:link { color: #f85800; font-size: 14px; font-weight: bold; }

.footer small, .footer small a, .footer small a:link { font-size: 9px; }

#slider { padding-bottom: 31px; background: url('/files/Image/tpl/ads-bg.png') center bottom no-repeat; text-align: center; height: 275px; overflow: hidden; }

.shop-new { vertical-align: top; overflow: hidden;  background: url('/files/Image/tpl/hline.png') left bottom repeat-x; margin-bottom: 10px; }

.announce-column { background: url('/files/Image/tpl/hline.png') left 40px repeat-x; margin-bottom: 10px; padding: 10px 0px; display: inline-block; width: 345px; margin: 0px 5px; vertical-align: top; }

.news-link { height: 125px; padding: 5px 0px; margin: 10px 0px; overflow: hidden; }
.news-link-date { margin-bottom: 3px; }
.news-link-date a, .news-link-date a:link { font-size: 18px; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; text-decoration: none; }
.news-link-descr { height: 110px; overflow: hidden; }

.article-link { height: 125px; padding: 5px 0px; margin: 10px 0px; overflow: hidden; }
.article-link-title { margin-bottom: 3px; }
.article-link-title a, .article-link-title a:link { color: #f85800; font-size: 18px; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; text-decoration: none; }
.article-link-descr { height: 110px; overflow: hidden; }

.shoppager { padding: 5px; text-align: center;  }
.shoppager a, .shoppager a:link, .shoppager b { display: inline-block; padding: 5px 7px; font-weight: bold !important; }

.shop-brands-listhp a { margin: 2px; }


/* js carousal */
/*Common*/
.hidden {
	display: none;
}
.visible{
	display: block;
}
.thumbnail-active{
	filter: alpha(opacity=100);
	opacity: 1.0;
	cursor: pointer;
}
.thumbnail-inactive{
	filter: alpha(opacity=100);
	opacity: 1.0;
	cursor: pointer;
}
.thumbnail-text{
	color: #7A7677;
	font-weight: bold;
	text-align: left;
	display: block;
	padding: 10px 2px 2px 0px;
}

/*Horizontal Orientation CSS*/
.jscarousal-horizontal{
	margin: 0;
	padding: 0px;
	position: relative; /*overflow: hidden;*/
}
.jscarousal-horizontal-back, .jscarousal-horizontal-forward{
	float: left;
	width: 20px;
	height: 275px;
	color: White;
	position: relative;
	cursor: pointer;
}
.jscarousal-horizontal-back{
	background: rgba(0,0,0,0.1) url('/files/Image/tpl/arrow_left.png') center center no-repeat;
}
.jscarousal-horizontal-forward{
	background: rgba(0,0,0,0.1) url('/files/Image/tpl/arrow_right.png') center center no-repeat;
}
.jscarousal-contents-horizontal{
	width: 670px;
	height: 275px;
	float: left;
	position: relative;
	overflow: hidden;
}
.jscarousal-contents-horizontal > div{
	position: absolute;
	width: 100%;
	height: 275px;
}
.jscarousal-contents-horizontal > div > div{
	float: left;
}
/*Horizontal Orientation CSS Ends*/

.socials { text-align: center; vertical-align: top; margin: 5px 0px; }
.socials span { padding: 0px 5px; width: 170px; height: 22px; display: inline-block; }
.socials span, .socials div { vertical-align: top; }
.socials span.s_tw { width: 110px; }
.socials span.s_gp { width: 60px; }

.socials-goods { text-align: center; overflow: hidden; padding: 10px; }
.socials-goods span { padding: 0px 5px; width: 100px; height: 70px; display: inline-block; vertical-align: top; }
.socials-goods span.s_vk { width: 50px; }
.socials-goods span.s_gp { width: 70px; }

.buybtn { background: url('/files/Image/tpl/btn-buy.jpg') left top no-repeat; display: inline-block; width: 104px; height: 31px; color: transparent; vertical-align: top; }


.blogcontainer {
  overflow: hidden;
}

.blogitem {
  overflow: hidden;
  margin-bottom: 10px;
  border-bottom: 1px dotted #F85800;
}
.blogitem-date {
  padding: 5px;
  width: 50px;
  font-size: 18px;
  float: left;
  text-align:center;
}
.blogitem-title {
  width: auto;
  margin-left: 70px;
  padding: 5px;
}
.blogitem-title a,
.blogitem-title a:link {
  /* text-decoration: none; */
  font-weight: bold;
}

.blogitem-title:after {
  claer: both;
}

.commentscontainer form {
  padding: 5px;
  border: 1px solid silver;
  border-radius: 5px;
}

.commentstable {
  width: 95%;
  margin: 0px auto;
}

.commentstable td {
  vertical-align: top;
  padding: 5px;
}

.commentstable td.title {
  width: 150px;
}

.commentstable td.field {
  width: auto;
}


