body {
	background: #fff;
	margin: 0;
	font: normal 14px/16px "Trebuchet MS",Arial,Helvetica,sans-serif;
}
a img {
	border: none;
}
p {
	margin: 0;
}
.wrap {
	width: 1200px;
	margin: 0 auto;
	padding: 20px;
}
.header {
}
.leftblock {
	float: left;
	width: 33%;
}
.rightblock {
	float: right;
	width: 33%;
}
.loginbox {
	float: left;
	margin: 5px;
	width: 30%;
	height: 25px;
}
.loginbtn {
	float: right;
	width: 100%;
	border-radius: 0;
	background-color: #028DF6;
	color: #fff;
	outline: 0;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.loginbox input {
	width: 100%;
}
.loginblock {
	width: 100%;
}
.loginlinks {
	width: 100%;
	margin: 5px;
	text-align: left;
}
.loginlinks a {
	color: #028DF6; 
}
.cartsticker  img {
	margin: 5px;
	float: left;
}
.cartsticker  p {
	float: left;
	margin: 10px 0 0 0;
}
.cartsticker a {
	color: #000;
}
.buttonblock {
	float: right
}
.midblock {
	float: left;
	text-align: center;
	padding-left: 100px;
}
.midblock a {color: #244c94; text-decoration: none;}
.menulink {
	float: left;
	padding: 0 30px;
	text-transform: uppercase;
}
.menulinkactive {
	float: left;
	padding: 0 30px;
	text-transform: uppercase;
}
.menulink a {
	color: #5f8bca;
	text-decoration: none;
}
.menulink a:hover {
	text-decoration: underline;
	color: #fff;
}
.menulinkactive a {
	color: #fff;
	text-decoration: none;
}
.menulinkactive a:hover {
	text-decoration: underline;
}
.topmenu {
	margin: 20px 0 5px 0;
	padding: 10px 0;
	font: normal 18px/20px "Trebuchet MS",Arial,Helvetica,sans-serif;
	width: 100%;
	background: #244b96;
}
.slider {
	width: 100%;
}
.rightcolumn {
	float: right;
	width: 300px;
}
.rightlinkblock {
	padding: 20px 0;
}
.rightlink {
	font: normal 18px/20px "Trebuchet MS",Arial,Helvetica,sans-serif;
	text-transform: uppercase;
	padding: 5px 0;
}
.rightlink a {
	color: #244b96;
	text-decoration: underline;
}
.rightlink a:hover {
	text-decoration: underline;
	color: #c90708;
}
.newsheader {
	padding: 0 0 20px 0;
}
.newsheader .day  p{
	font: normal 14px/18px "Trebuchet MS",Arial,Helvetica,sans-serif;
	color: #767676;
}
.newsheader td {
	padding: 0 20px 5px 0;
	text-transform: uppercase;
}
.newsheader td p {
	margin: 0;
}
.newsheader h1 {
	font: normal 22px/24px "Trebuchet MS",Arial,Helvetica,sans-serif;
	border-bottom: solid 1px #028DF6;
	padding: 5px 0;
}
.newsheader p {
	font: normal 16px/18px "Trebuchet MS",Arial,Helvetica,sans-serif;
	margin: 10px 0;
}
.newsheader a {
	color: #028DF6;
}
#datesmall {
	font: normal 14px/15px "Trebuchet MS",Arial,Helvetica,sans-serif;
	color: #767676;
}
.maincontent {
	width: 880px;
	float: left;
}
.catitem {
	width: 190px;
	float: left;
	padding-right: 30px;
	padding-bottom: 20px;
	height: 260px;
}
.catname {
	text-align: center;
	color: #028df6;
	font: normal 16px/18px "Trebuchet MS",Arial,Helvetica,sans-serif;
	margin: 10px 0;
	}
.hiddenback {
	opacity: 0;
}
.hiddenback:hover {
	opacity: 0.3;
	cursor: pointer;
}
.catimage {
	width: 190px;
	border: 1px solid #7EC9FF;
	height: 190px;
}
.catimage:hover {
	border: 2px solid #028DF6;
}
.hiddenmenu {
	display: none;
	padding: 10px;
}
.catimage:hover .hiddenmenu {
	display: block;
}
.hiddenoption {
	position: relative;
	top: -200px;
	left: 180px;
	width: 200px;
	background: #028df6;
	z-index: 1;
	padding: 5px 10px;
}
.hiddenoption:hover {
 display: block;
}
.hiddenoption a {
	color: #fff;

	text-decoration: none;
}
.hiddenoption a:hover {
	text-decoration: underline;
}
.content {
	border-bottom: 3px solid #244c94;
	padding-bottom: 30px;
}
.footer {
	padding: 20px 0;
}
.footcont {
	float: left;
	width: 200px;
}
.footcont p {
	margin: 5px 0;
	color: #244C94;
}
.footmenu {
	width: 1000px;
	float: right;
}
.footmenulink {
	float: right;
	text-transform: uppercase;
	padding-left: 20px;
	font-size: 14px;
}
.footmenulink a {
	text-decoration: none;
	color: #244c94;
}
.footmenulink a:hover {
	text-decoration: underline;
}
.footcopyrights {
	float: right;
	width: 400px;
}
.footcopyrights  a{
	color: #244c94;
}
.footcopyrights p {
	margin: 10px 0;
}
.footshare {
	float: right;
	width: 550px;
	text-align: center;
	margin: 10px 0;
}
.loginbox input {
	border: 1px solid #028DF6;
	color: #7EC9FF;
	padding-left: 3px;
}
.control input {width: auto !important; margin-top: 4px;}
.control {float: left; width: 48%;}
.leftcolumn {
	float: left;
	width: 200px;
	border-bottom: 1px solid #028DF6;
}
.leftcolumn h1 {
	margin: 0 0 10px 0;
	font: bold 25px/25px "Trebuchet MS",Arial,Helvetica,sans-serif;
}
.leftcatitem {
	padding: 10px 5px;
	border-top: 1px solid #028DF6;
	background: url("/images/backmenucat.jpg") repeat-x scroll 100% 100% transparent;
}
.leftcatitemactive {
	padding: 10px 5px;
	border-top: 1px solid #028DF6;
	background: #028DF6;
}
.leftcatitemactive a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;	
	font-size: 14px;
}
.leftcatitem:hover {
	cursor:pointer;
}
.leftcatitem:hover a {
	text-decoration: underline;
}
.leftcatitem a{
	font:normal 14px/14px "Trebuchet MS",Arial,Helvetica,sans-serif;
	color: #028DF6;
	text-decoration: none;
	font-weight: bold;	
}
.midcontent {
	float: left;
	width: 700px;
}
.crumbs {
	font: normal 12px/12px "Trebuchet MS",Arial,Helvetica,sans-serif;
	color: #000;
	text-align: left;
	padding: 0;
}
.crumbs a {
	color: #000;
	text-decoration: none;
}
.crumbs a:hover {
	text-decoration: underline;
}
.wrapcont {
	margin: 0 30px;
	background: #cce8fd;
	border-radius: 10px 10px 10px 10px;
}
.mainmidcontent {
	padding: 20px;
}
.midbacklink {
	background: #244B96;
	padding: 10px;
	float: left;
	margin-bottom: 30px;
}
.midbacklink a {
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
}
.midbacklink a:hover {
	text-decoration: underline;
}
.item {
	padding: 0 10px;
}
.itemimage {
	float: left;
	width: 45%;
}
.itemimage img {
	width: 100%;
}
.itemfunc {
	float: right;
	width: 50%;
}
.itemfunc h1 {
	margin: 0 0 10px 0;
	font: normal 24px/26px "Trebuchet MS",Arial,Helvetica,sans-serif;
	color: #348DBC;
}
.podpis a {
	color: #348DBC;
	font-size: 11px;
}
.priceitem  {
	color:#348DBC;
	font: bold 14px "Trebuchet MS","Trebuchet MS",Arial,Helvetica,sans-serif,Helvetica,sans-serif;
	padding: 10px 0;
}
.inputkol {
	width: 40px;
	border: 2px solid #CADEE9;
}
.mailshare li {
	float: left;
	list-style: none; 
	padding: 0 10px;
	color: #348DBC;
}
.mailshare {
	float: left;
	margin: 10px 0;
	padding: 10px;
	width: 80%;
	background: #f8fcff;
	border-radius: 10px 10px 10px 10px;
	border: 2px solid #cadee9;
}
.add-to-links li {
	float: left;
	list-style: none; 
	padding: 0 10px;
	color: #348DBC;
}
.add-to-links li:before {
}
.add-to-links li  a {
	color: #348DBC;
	text-decoration: none;
}
.add-to-links li  a:hover {
	text-decoration: underline;
}
.add-to-links {
	float: left;
	margin: 10px 0;
	padding: 10px;
	width: 80%;
	background: #f8fcff;
	border-radius: 10px 10px 10px 10px;
	border: 2px solid #cadee9;
}
.itemdescription h2 {
	color: #348DBC;
	font: bold 14px "Trebuchet MS","Trebuchet MS",Arial,Helvetica,sans-serif,Helvetica,sans-serif;
}
.std {
	font: 13px/1.55 "Trebuchet MS","Trebuchet MS",Arial,Helvetica,sans-serif,Helvetica,sans-serif;
}
.std input {
	width: 50%;
	background: none repeat scroll 0 0 #F9FDFF;
	border: 1px solid #C3DFEE;
		float: left;
		margin-right: 20px;
}
.inner2wrap {
	padding: 0 30px;
}
.inner2content h1 {
	color: #244B96;
	font: normal 25px/28px "Trebuchet MS",Arial,Helvetica,sans-serif;
	margin: 3px 0;
}
.inner2content h1 a{
	color: #244B96;
	font: normal 25px/28px "Trebuchet MS",Arial,Helvetica,sans-serif;
	text-decoration: none;
}
.inner2content h1 a:hover {
	text-decoration: underline;
}
.inner2content h2 {
	color: #028DF6;
	font: normal 23px/25px "Trebuchet MS",Arial,Helvetica,sans-serif;
	margin: 3px 0;
}
.inner2content p {
	margin: 5px 0;
}
.inner2catlink {
	padding-top: 10px;
}
.inner2catlink a  {
	color: #028DF6;
	text-decoration: none;
	font: 16px/16px "Trebuchet MS",Arial,Helvetica,sans-serif;
}
.inner2catlink a:hover {
	text-decoration: underline;
}
.tablez td {
	text-align: center;
	color:#244B96;
}
.itemtable {
	margin: 20px 0;
	background: #F8FCFF;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	border-collapse: collapse;

}
.itemtable td {
	padding: 10px 5px;
	vertical-align: top;
}

.itemtable tbody tr {
	border-bottom: 1px solid #ccc;
}
.itemtable .tablehead td {
	color: #000;
	font-weight: bold;	
}
.itemtable a {
	color: #028DF6;
}
.itemtable a:hover {
	text-decoration: none;
}
.pagecounter div {
	float: left;
	width: 25px;
	padding: 5px 0;
	margin: 5px;
	text-align: center;
}
.pagecounter div a {
	text-decoration: none;
	color: #000;
}
.pagecounter div a:hover {
	text-decoration: none;

}
.pagecounter  .pageactive {
	background: #028DF6;
	color: #fff;
}
.pagecounter .page:hover {
	background: #028DF6;
}
.pagecounter .page:hover a {
	color: #fff;
}
.itempassive {
	border-top: 1px solid #7EC9FF;
	border-bottom: 1px solid #7EC9FF;
}
.itemactive {
	border-top: 1px solid #7EC9FF;
	border-bottom: 1px solid #7EC9FF;
}
.itempassive .itemname {
}
.itempassive .itemsize {
	width: 20%;
}
.itempassive a {
	color: #028DF6;
	text-decoration: none;
}
.itempassive a:hover {
	text-decoration: underline;
}
.itemactive a {
	color: #B62E40;
	text-decoration: none;
}
.itemactive a:hover {
	text-decoration: underline;
}
.itemactive .white {
	background: #fff;
	text-align: center;
	width: 20px;
	background: url(../images/white.jpg) no-repeat;
	background-size: cover;


}
.itemactive .white a {
	color: #000;
}
.itempassive .white {
	background: #fff;
	text-align: center;
	width: 20px;
	background: url(../images/white.jpg) no-repeat;
	background-size: cover;

}
.itempassive .white a {
	color: #000;
}.itemactive .red {
	background: red;
	text-align: center;
	width: 20px;
	background: url(../images/red.jpg) no-repeat;
	background-size: cover;


}
.itemactive .red a {
	color: #000;
}
.itempassive .red {
	background: red;
	text-align: center;
	width: 20px;
	background: url(../images/red.jpg) no-repeat;
	background-size: cover;

}
.itempassive .red a {
	color: #000;
}
.itemactive .yellow {
	background: yellow;
	text-align: center;
	width: 20px;
	background: url(../images/yellow.jpg) no-repeat;
	background-size: cover;

}
.itemactive .yellow a {
	color: #000;
}
.itempassive .yellow {
	background: yellow;
	text-align: center;
	width: 20px;
	background: url(../images/yellow.jpg) no-repeat;
	background-size: cover;

}
.itempassive .yellow a {
	color: #000;
}
.itemactive .gray {
	background: #ccc;
	text-align: center;
	width: 20px;
	background: url(../images/gray.jpg) no-repeat;
	background-size: cover;

}
.itemactive .gray a {
	color: #000;
}
.itempassive .gray {
	background: url(../images/gray.jpg) no-repeat;
	background-size: cover;
	text-align: center;
	width: 20px;
}
.itempassive .gray a {
	color: #000;
}
.itemsort .first {
	border-top: 1px solid #7EC9FF;
}
.itemsort .last {
	border-bottom: 1px solid #7EC9FF;
}
.itemsort {
	border-collapse: collapse;
	width: 100%;
}
.itemsort td {
	padding: 10px 5px;
	vertical-align: middle;
}
.itemsort th{
	padding: 10px 5px;
}
.itemsort th p {
	cursor: pointer;
}
.itemsort .tablehead {
	font-weight: bold;
	color: #028DF6;
	font-size: 15px;
}
.inner2content h3 {
	font: 14px/16px "Trebuchet MS",Arial,Helvetica,sans-serif;
	color: #244C94;
	font-weight: bold;	
}
.selecttd select {
	border: 1px solid #028DF6;
	padding: 3px 5px;
	font-weight: bold;	
	margin-right: 10px;
	font-family: arial;
}
.selecttd .selectrazmer {
	width: 30%;
}
.selecttd .selectcolor {
	width: 15%;
}
.selecttd .selectprice {
	width: 15%;
}
.selecttd .selectcount {
	width: 30%;
}
.btn-cart {
	border-radius: 10px 10px;
	border: none;
	background: url("../images/cartcart.jpg") no-repeat scroll 10% 50% #028DF6;
	padding: 5px;
	color: white;
}
.btn-cart p {
	padding-left: 20px;
}
.btn-cart:hover {
	text-decoration: underline;
	cursor: pointer;
}
.link-wishlist {
}
.form-add button {
	background-color: #F9FDFF;
	border-radius: 5px 5px;
	border: 2px solid #CADEE9;
	color: #348DBC;
}
.form-add button:hover {
	text-decoration: underline;
}
.more-views h4 {
	color: #348DBC;
	font: bold 12px "Trebuchet MS","Trebuchet MS",Arial,Helvetica,sans-serif,Helvetica,sans-serif;
	margin: 5px 0;
}
.more-views li {
	list-style: none;
}
.more-views ul {
	padding: 0;
	margin: 0;
}
.more-views img{
	width: auto;
}
.sortitem {
	float: left;
	margin: 5px;
	padding: 5px;
	border: 1px solid #028DF6;
}
.sortitem a {
	font: bold 14px/18px arial;
	color: #000;
	text-decoration: none;
}
.sort-by .position {display:none;}
/* Базовые стили модального окна  */
.overlay {
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    cursor: default;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 1;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}
.overlay:target {
    visibility: visible;
    opacity: 1;
}
.popup img{
	display: inline;
	border: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #ffffff;	
}
.popup {
    background-color: #fff;
    border: 3px solid #fff;
    display: inline-block;
    left: 50%;
    opacity: 0;
    padding: 10px;
    position: fixed;
    text-align: justify;
    font: 14px Helvetica, Arial, Sans-Serif;
    top: 40%;
    visibility: hidden;
    z-index: 10;
 
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
 
    -webkit-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -moz-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -ms-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -o-box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    box-shadow: 0 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
 
    -webkit-transition: opacity .5s, top .5s;
    -moz-transition: opacity .5s, top .5s;
    -ms-transition: opacity .5s, top .5s;
    -o-transition: opacity .5s, top .5s;
    transition: opacity .5s, top .5s;
}
.overlay:target+.popup {
    top: 50%;
    opacity: 1;
    visibility: visible;
}
/* Кнопка закрытия окна  */
.close {
    background-color: rgba(0, 0, 0, 0.8);
    border: 2px solid #ccc;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: -13px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    top: -15px;
    width: 24px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
     border-radius: 15px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
	padding: 5px 0 0 0;
}
.close:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    font-size: 14px;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
}
.close:hover {
    background-color: rgba(64, 128, 128, 0.8);
}
.popup p, .popup div {
    margin-bottom: 10px;
}
.selectfilter {
	float: left;
	width: 100px;
	overflow: hidden;
	padding: 5px;
	margin: 5px;
	border: 1px solid #028DF6;
   background: url(http://www.market-ht.ru/skin/frontend/default/bluescale/images/i_desc_arrow.gif) no-repeat right #fff;
	}
	.newsitem img{clear: both;}
	.tt1 {cursor: pointer;}
	.tt2 {cursor: pointer;}
	.tt3 {cursor: pointer;}
	.tt_toggle1 {display: none;}
	.tt2_toogle {display: none;}
	.tt3_toogle {display: none;}
	.tt3_toogle img{max-width: 600px;}
.proiztable img {width: 100%;}
.proiztable td {padding: 15px 10px; vertical-align: middle;}