/* Reset
-----------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html {
	height: 100%;
}
body {
	font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
	width: 100%;
	height: 100%;
}
a {
	color: #007af6;
	outline: none;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
p {
	margin: 0 0 5px
}
img {
	border: none;
}
input {
	vertical-align: middle;
	border: 1px solid #d8dfe7 !important;
	color: #424649 !important;
}


/* Common
-----------------------------------------------------------------------------*/
#wrapper {
	width: 1060px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

@font-face {
	font-family: Helvetica; /* имя шрифта для CSS правил */
	src: local("Scriptorama"), /* проверяем наличие шрифта в ОС пользователя */
		url('../fonts/HelveticaNeueCyr-Medium.otf'); /* если шрифт не установлен, тогда загружаем его по указанному пути */
}

.clear {
	clear: both;
}

.left {
	float: left !important;
}

.right {
	float: right !important;
}

.content-title {
	display: block;
	width: 100%;
	margin: 15px 0px;
	float: left;
	font: 1.8em Helvetica;
}


/* Header
-----------------------------------------------------------------------------*/
#header {
	position: relative;
	height: 155px;
}

#topmenu {
	width: 100%;
	height: 40px;
	background: url(../images/topmenu-bg.png) repeat-x;
}

#home {
	float: left;
	background: url(../images/home.png) 18px 12px no-repeat;
}

#home a {
	display: block;
	width: 60px;
	height: 40px;
}

#topmenu ul {
	display: block;
}

#topmenu ul li {
	float: left;
	text-align: left;
}

#topmenu ul li a{
	display: block;
	min-width: 120px;
	height: 14px;
	margin-top: 0px;
	padding: 13px 20px;
	border-left: 1px solid #FEAE68;
	font: 1.25em Helvetica;
	color: white;
}

#topmenu ul li a:hover, #topmenu ul li a.selected{
	background: url(../images/topmenu-hover-bg.png) repeat-x;
}

#header-inner {
	width: 100%;
	height: 80px;
	margin-top: 35px;
}

#logo {
	width: 250px;
	height: 80px;
	float: left;
	background: url(../images/logo.jpg) no-repeat;
}

#logo h1 a {
	display: block;
	width: 250px;
	height: 80px;
}

/* Auth
-----------------------------------------------------------------------------*/
#auth {
	position: absolute;
	top: 55px;
	right: 0px;
	line-height: 0.8em;
	font: 0.95em Arial;
	color: #616579;
}

#auth ul li {
	float: left;
}

#auth a{
	color: #616579;
	text-decoration: none;
	border-bottom: 1px dotted #000080;
}

#invitation {
	margin-top: 1px;
}

#enter-icon {
	display: block;
	width: 10px;
	height: 15px;
	background: url(../images/enter.png) 0px 3px no-repeat;
	margin-right: 5px;
}

.grey-border {
	display: block;
	width: 1px;
	height: 20px;
	margin: 0px 10px;
	background: url(../images/reg-border.png) 0px 2px no-repeat;
}

#auth-form {
	display: none;
	position: absolute;
	width: 170px;
	left: -45px;
	top: 20px;
	z-index: 1000;
}

.auth-top {
	display: block;
	width: 170px;
	height: 85px;
	clear: both;
	background: url(../images/auth-bg-top.png) 0px 0px no-repeat;
}

.auth-middle li{
	display: block;
	width: 160px;
	height: auto;
	padding: 0px 5px;
	clear: both;
	text-align: center;
	background: url(../images/auth-bg-middle.png) 0px 0px repeat-y;
	color: red;
}

.auth-bottom {
	display: block;
	width: 170px;
	height: 45px;
	clear: both;
	background: url(../images/auth-bg-bottom.png) 0px 100% no-repeat;
}

.field  {
	position: relative;
	width: 130px;
	height: 17px;
	margin: 0px 18px;
	padding-left: 4px;
	border: none !important;
	background: url(../images/field-bg.png) 0px 0 no-repeat;
}

.top-field {
	margin-top: 20px;
}

.bottom-field {
	margin-top: 22px;
}

#forgot {
	width: 42px;
	height: 26px;
	margin: 10px 0px 0px 22px;
}

#auth .button input {
	margin: 14px 0px 0px 26px;
}



/* Search
-----------------------------------------------------------------------------*/
#search {
	width: 626px;
	height: 78px;
	float: left;
	border: 2px solid #e6eaef;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f4f8), to(#e3e8ed));
	background: -moz-linear-gradient(top,  #f2f4f8,  #e3e8ed);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f4f8', endColorstr='#e3e8ed'); /* for IE */
}

#search ul li {
	display: block;
	height: 16px;
	float: left;
}

.search-title {
	width: 62px;
	font: bold 1.3em Arial;
	padding: 12px;
}

.search-example {
	width: 280px;
	padding: 14px 0px;
	font: 1.1em Arial;
	color:#616579;
}

.search-example span{
	border-bottom: 1px dotted #616579;
}

.search-extended {
	width: 153px;
	padding: 14px 0px;
	text-align: right;
}

.search-extended a {
	font: bold 1em Arial;
	color: #007af6;
}
.search-field {width: 520px;}
.search-field input {
	width: 430px;
	margin-left: 86px;
}

.button {width: 105px;}
.button input {
	width: 70px;
	height: 22px;
	margin: 2px 18px;
	border: 1px solid #000;
	border-radius: 3px;
	font: bold 1em Arial;
	background: url(../images/button-bg.png) repeat-x;
}

#cart {
	width: 155px;
	height: 58px;
	float: right;
	margin-left: 10px;
	padding: 10px 5px;
	background: url(../images/cart-bg.png) repeat-x;
	border: 2px solid #e6eaef;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#cart ul li span {
	font: bold 1em Arial;
	color: #ff2501;
}

#cart-title {
	padding-left: 30px;
	padding-top: 2px;
	margin-bottom: 7px;
	font: bold 1.25em Arial;
	color: #272b40;
	background: url(../images/cart.png) no-repeat;
}

.cart-text {
	padding-left: 30px;
	font: 0.95em Arial;
	color: #616579;
}

#change {
	position: absolute;
	top: 40px;
	left: 185px;
	width: 70px;
	height: 220px;
	z-index: 10;
	background: url(../images/change.png) no-repeat;
}


/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 100%;
	height: 1%;
	position: relative;
	margin-top: 24px;
	clear: both;
	margin-bottom: 200px;
}

#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

#container {
	float: right;
	width: 790px;
	padding-left: 15px;
}

#content {
	width: 520px;
	float: left;
	overflow: hidden;
}

#main-image {
	/*width: 800px;
	height: 400px;
	background: url(../images/main.png) no-repeat;*/
}


/* Top
-----------------------------------------------------------------------------*/
#top {
	width: 810px;
	height: 290px;
	margin-bottom: 30px;
}

#top ul li {
	display: block;
}

.top-item {
	display: block;
	width: 270px;
	height: 290px;
	float: left;
}

.top-title {
	display: block;
	width: 140px;
	float: left;
	font: 1.8em Helvetica;
}

.view-all {
	display: block;
	float: right;
	width: 90px;
	margin-right: 12px;
	padding-right: 20px;
	padding-top: 4px;
	text-align: right;
	font: 1.2em Arial;
	background: url(../images/go-pointer.png) 95px 8px no-repeat;
}

.top-widget {
	position: relative;
	top: 30px;
	display: block;
	width: 250px;
	height: 250px;
}

.item-image {margin: 10px;}
.item-image img {
	width: 230px;
	height: 100px;
	margin-top: -4px;
}

#news {background: url(../images/news.jpg) no-repeat;}
#actions {background: url(../images/actions.jpg) no-repeat;}
#hits {background: url(../images/hits.jpg) no-repeat;}

.item-title a {
	display: block;
	padding: 0px 10px;
	font: bold 1.25em Arial;
	color: #fff;
}

.item-description {
	display: block;
	padding: 0px 10px;
	font: bold 1em Arial;
	color: #fff;
}

#hits .item-title a, #hits .item-description {color: #008af8;}

.item-price {
	display: block;
	width: 230px;
	height: 40px;
	position: absolute;
	bottom: 2px;
	left: 10px;
	border-top: 1px solid #d7d7d7;
}

.item-price .price {
	display: block;
	width: 100px;
	float: left;
	margin-top: 10px;
	font: bold 1.4em Arial;
	color: #fff;
}

.discount {
	display: block;
	float: left;
	margin-top: 12px;
	margin-right: 5px;
	font: 1.25em Arial;
	text-decoration: line-through;
}

#news .discount {color:#fff;}
#actions .discount {color:#fff;}
#hits .discount {color:#fd5e19;}
#hits .item-price span {color:#fd5e19;}

.to-cart {
	display: block;
	width: 70px;
	height: 22px;
	float: right;
	margin-top: 10px;
}

.news-to-cart {background: url(../images/news-to-cart.png) no-repeat;}
.actions-to-cart {background: url(../images/actions-to-cart.png) no-repeat;}
.hits-to-cart {background: url(../images/hits-to-cart.png) no-repeat;}


/* Sidebar Left
-----------------------------------------------------------------------------*/
#sideLeft {
	position: relative;
	float: left;
	width: 250px;
}

#shop-map {
	width: 250px;
	height: 60px;
	background: url(../images/shop-map.png) no-repeat;
}

#shop-map a{
	display: block;
	width: 250px;
	height: 60px;
}

#leftmenu {
	margin-bottom: 20px;
}

#leftmenu > li {
	width: 250px;
	height: 60px;
	background: url(../images/leftmenu-bg.png) no-repeat;
}

#leftmenu > li:hover {
	width: 270px;
	height: 60px;
	background: url(../images/leftmenu-bg-hover.png) no-repeat;
	z-index: 1000;
}

#leftmenu li a {
	display: block;
	width: 250px;
	height: 60px;
	padding-top: 5px;
	font: 1.1em Helvetica;
	color: #53575a;
	text-decoration: none;
	z-index: 10;
}

#leftmenu li a img {
	float: left;
	margin: 0px 3px;
}

#leftmenu li a h3{
	width: 190px;
	display: block;
	float: right;
	padding-top: 15px;
}


/* Submenu
-----------------------------------------------------------------------------*/
.submenu {
	display: none;
	position: absolute;
	left: 270px;
	margin-top: -65px;
	/*width: 540px;*/
	height: auto;
	min-height: 100px;
	border: 1px solid #18c2e8;
	background: #fafafa url(../images/submenu-bg.png) repeat-x;
	z-index: 100;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.s-mini {
	width: 540px !important;
}

.s-big {
	width: 810px !important;
}

.submenu > li {
	display: block;
	float: left;
	width: 250px;
	padding: 10px 0px 20px 15px;
	height: auto;
}

.submenu li ul > li a{
	background: none !important;
	width: auto !important;
	height: auto !important;
	float: left;
	font: 1.1em Arial !important;
	font-weight: 800 !important;
	color: #53575a;
	text-decoration: underline !important;
	padding-right: 5px;
}

.submenu li ul > li a:hover{
	text-decoration: none !important;
}

.submenu-title {
	clear: both;
	font: bold 1.1em Arial !important;
	color: #eb7400 !important;
	padding-bottom: 7px;
}

.submenu-preview {
	clear: both !important;
	float: right;
}

.submenu-preview img {
	width: 250px;
	height: 80px;
	margin: 5px 0px;
}


/* Catalog
-----------------------------------------------------------------------------*/
#catalog-nav {
	width: 250px;
	height: 60px;
	padding-top: 25px;
	clear: both;
}

.catalog-title {
	width: 110px;
	float: left;
	font: bold 1.5em Arial;
}

.catalog-link a {
	width: 80px;
	float: right;
	padding-top: 5px;
	background: url(../images/catalog-link-bg.png) right 15px no-repeat;
	font: 1.15em Arial;
}

#catalog-title {
	width: 100%;
	height: 18px;
	margin: 25px 0px;
	padding: 8px 0px;
	background: #f0f1f2;
}

#catalog-title  ul li{
	float: left;
	font: bold 1.1em Arial;
	color: #272b40;
}

#catalog-title-foto {width:130px; padding-left:10px;}
#catalog-title-name {width:490px;}
#catalog-title-price {width:150px;}

.catalog-item {
	height: 120px;
	padding: 25px 0px;
	border-bottom: 1px solid #e1e3e5;
}

.product-preview {
	width: 140px;
	height: 170px;
	float: left;
}

.product-preview img {
	width: 120px;
	height: 100px;
	border: 1px solid #d9e0dd;
	margin: 0px 10px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.product-intro {
	width: 490px;
	height: 170px;
	float: left;
}

.product-title a {
	display: block;
	font: bold 1.3em Arial;
	padding-bottom: 10px;
}

.product-isset {
	display: block;
	font: bold 1.1em Arial;
	padding-bottom: 15px;
}

.product-isset span {
	color: #fd691f;
}

.product-description {
	font: 1.2em Arial;
	color: #424649;
}

.product-price {
	width: 160px;
	height: 170px;
	float: right;
}

.product-item-price {
	margin-bottom: 10px;
	font: bold 1.6em Arial;
	color: #424649;
}

.add-to-cart {
	display: block;
	width: 160px;
	height: 25px;
	background: url(../images/add-to-cart.png) no-repeat;
}

#product-images {
	position: relative;
	width: 270px;
	margin-right: 20px;
	float: left;
}

#product-params {
	width: 500px;
	float: right;
	color: #424649;
}

#product-params ul li{
	height: 22px;
	padding-top: 8px;
	border-top: 1px solid #d8dedc;
}

.param-name {
	display: block;
	width: 190px;
	float: left;
	font: 1.2em Arial;
}

.last {
	border-bottom: 1px solid #d8dedc;
}

.price {
	display: block;
	float: left;
	margin-top: -3px;
	font: bold 1.6em Arial;
}

#product-params .add-to-cart{
    float: left;
    margin-left: 10px;
    margin-top: -5px;}

#big-image {
	width: 270px;
	height: 230px;
	border: 1px solid #d9e0dd;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#big-image img {
	width: 270px;
	height: 230px;
}

#small-images {
	margin: 20px 0px 0px 20px;
}

#small-images ul li {
	float: left;
	margin: 0px 5px;
}

#small-images ul li img{
	width: 65px;
	height: 56px;
	margin: 1.5px;
	border: 1px solid #d9e0dd;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#small-images ul li a {
	display: block;
	width: 70px;
	height: 60px;
}

#small-images ul li a:hover {
	background: #bbd9ed;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;*/
}

#arrow-prev {
	display: block;
	width: 12px;
	height:	32px;
	position: absolute;
	left: 0;
	bottom: 0px;
	background: url(../images/arrow-prev.png) no-repeat;
}

#arrow-next {
	display: block;
	width: 12px;
	height:	32px;
	position: absolute;
	right: 0;
	bottom: 0px;
	background: url(../images/arrow-next.png) no-repeat;
}

#tabs {
	position: relative;
	top: 50px;
	clear: both;
}

#tabs p {
	text-align: justify;
	font: 0.9em Arial;
	color: #424649;
}


/* Sidebar Right
-----------------------------------------------------------------------------*/
#sideRight {
	float: right;
	width: 250px;
	position: relative;
	/*padding-top: 10px;*/
	margin-left: 10px;
}

.right-widget {
	margin-bottom: 10px;
}

#advice a{
	display: block;
	width: 250px;
	height: 60px;
	background: url(../images/advice.png) no-repeat;
}

#guestbook a{
	display: block;
	width: 250px;
	height: 60px;
	background: url(../images/guestbook.png) no-repeat;
}

#vote {
	margin-top: 30px;
}

#vote .votetable td, #vote .ResultsVoting td {
	padding: 5px 0px;
}

#vote .vote-title div {
	float:right;
}

.vote-title {
	display: block;
	font: bold 1.8em Helvetica;
}

.vote-name {
	display: block;
	font: 1.2em Arial;
	margin: 10px 0px;
}

.send {
	width: auto;
	padding: 3px 10px;
	margin: 10px 0px;
	border: none;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	background: url(../images/send-bg.png) repeat-x;
	font: bold 1.1em Arial;
	color: #fff !important;
}


/* News-block
-----------------------------------------------------------------------------*/
#news-block {
	clear: both;
	position: relative;
	top: 20px;
}

.news-item {
	margin-bottom: 20px;
}

.news-date {
	font: bold 1em Arial;
	color: #51566b;
	margin-bottom: 5px;
}

.news-title a {
	display: block;
	font: bold 1.2em Arial;
	margin-bottom: 3px;
}

.news-description {
	font: 1.1em Arial;
	color: #6c6e72;
}


/* Breadcrumbs
-----------------------------------------------------------------------------*/
.breadcrumbs {
	display: block;
	height: 15px;
	clear: both;
	margin-bottom: 15px;
}

.breadcrumbs ul li {
	float: left;
	margin-right: 5px;
}

.breadcrumbs ul li a {
	font: bold 1em Arial;
}

.parent:after {
	color: #000;
	text-decoration: none !important;
	margin-left: 5px;
	content: 'В»';
}


/* Special
-----------------------------------------------------------------------------*/
#special > ul > li {
	clear: both;
	display: block;
	padding-top: 10px;
}

.article-item {
	margin-bottom: 10px;
}

.article-image {
	display: block;
	width: 100px;
	float: left;
}

.article-date {
	display: block;
	width: 420px;
	float: right;
	font: bold 1em Arial;
	color: #acb5bf;
}

.article-image img{
	width: 88px;
	height: 88px;
	border: 1px solid #d9e0dd;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.article-title {
	display: block;
	width: 420px;
	margin-bottom: 5px;
	float: right;
	font: bold 1.2em Arial;
}

.article-description {
	display: block;
	width: 420px;
	float: right;
	font: 1.1em Arial;
	color: #424649;
}


/* Text
-----------------------------------------------------------------------------*/
.text-date {
	display: block;
	font: bold 1em Arial;
	color: #626579;
	margin-bottom: 5px;
}

.text-title {
	display: block;
	font: 1.8em Arial;
	color: #626579;
	margin-bottom: 10px;
}


/* Extended
-----------------------------------------------------------------------------*/
.extended-search {
	width: 790px;
	height: auto;
	padding: 10px 0px 0px;
	background: #f0f1f2;
}

.extended-search ul {
	margin-left: 0px;
}

.extended-search ul li{
	float: left;
	margin: 0px 15px 10px;
	/*outline: 1px solid orange;*/
}

.extended-search ul li label, .extended-search table td label{
	display: block;
	float: left;
	min-width: 70px;
	font: bold 1em Arial;
	padding: 5px;
}

.extended-search table td {
	height: 25px;
}

.extended-search table {
	margin-left: 10px;
}

.extended-search .button input {
	position: absolute;
	right: 17px;
	cursor: pointer;
}

.width250 {
	width: 250px;
}

.width120 {
	width: 140px;
}


/* Cart
-----------------------------------------------------------------------------*/
#cart-table {
	width: 800px;
	margin-top: 40px;
	color: #424649;
}

#cart-table tr {
	border: 1px solid #e1e3e5;
}

#cart-table tr th {
	height: 24px;
	padding-top: 5px;
	background: url(../images/cart-table-th-bg.png) repeat-x;
	color: #272b40 !important;
}

#cart-table tr td {
	border: 1px solid #e1e3e5;
	padding: 15px 10px 5px 15px;
}

.cart-product-name {
	width: 350px;
}

.cart-param {
	width: 95px;
}

.cart-product-value {
	width: 70px;
	border: 1px solid #d8dfe7;
	text-align: center;
}

.reload {
	display: block;
	text-align: center;
}

.cart-price {
	display: block;
	text-align: center;
}

.cart-summ {
	display: block;
	text-align: center;
	font-weight: bold;
}

.delete {
	display: block;
	text-align: center;
	background: url(../images/delete.png) 3px 5px no-repeat;
}


/* Pagination
-----------------------------------------------------------------------------*/
.PageNumberer {
	width: 410px;
	padding-top: 30px;
	overflow: hidden;
}

.PageNumberer li {
	display: block;
	width: 34px;
	height: 20px;
	padding-top: 2px;
	text-align: center;
	font-weight: bold;
	float: left;
}

.PageNumberer li a {
	display: block;
	width: 30px;
	height: 20px;
}

.current-page {
	background: url(../images/current-page-bg.png) no-repeat;
	color: #fff;
}


/* Footer
-----------------------------------------------------------------------------*/
#footer {
	width: 1060px;
	margin: -50px auto 0;
	height: 200px;
	font: 1.2em Arial;
	color: #534e5a;
	clear: both;
}

#footer ul li {
	margin: 2px 0px;
}

#footer-left {
	width: 250px;
	height: 200px;
	float: left;
}

#footer-left ul li{
	margin: 7px 0px !important;
}

.tel-code {
	font: 1.3em Helvetica;
}

.tel-body {
	font: 2.2em Helvetica;
}

#footer-center {
	width: 560px;
	height: 200px;
	float: left;
}

#footer-center ul li {
	display: block;
	height: 20px;
}

#footer-right {
	width: 250px;
	height: 200px;
	float: right;
}

#footer-right ul li a {
	text-decoration: none;
}

#creation {
	display: block;
	width: auto;
	height: 40px;
	padding-top: 20px;
	float: left;
}

#wg {
	display: block;
	width: 130px;
	height: 60px;
	float: right;
	background: url(../images/wg.png) no-repeat;
}
table.MainContent {
    text-align: center;
    width: 100%;
}
table.MainContent td {
    width: 222px;
}
table.MainContent td table {
    height: 235px;
    text-align: center;
    width: 100%;
}
.OrderConfirmation_ValidationPoint {color: Red;}
.TableHarakteristika td {
    border-top: 1px solid #D8DEDC;
    height: 22px;
    padding: 4px;
    vertical-align: middle;
}