@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700|PT+Sans+Narrow:700&subset=cyrillic,latin);

@orangeBg : #333;
@whOnOra  : #ccc;
@sitewidthpers : 85%;

@grenBg: #3A784F;
// #69B482;


.button-mix {
		display: inline-block;

		font-size: 10pt;
		padding: 6px 16px;

		font-weight: bold;
		color: rgb(68,68,68);
		text-decoration: none;
		user-select: none;

		outline: none;
		border: 1px solid rgba(0,0,0,.1);
		border-radius: 2px;
		background: rgb(245,245,245) linear-gradient(#f4f4f4, #f1f1f1);
	}

body {
	background-color: @orangeBg;
	background-image: url(/images/carbon.png);
	font-size: 12pt;
	padding: 0px;
	margin: 0px;
	font-family: 'PT Sans', Tahoma, sans-serif;
	}

div.elipse {
	background-image: url(/images/elipse.png);
	background-position: top center;
	background-repeat: no-repeat;
	}

p, td, div, a {
	font-size: 12pt;
	font-family: 'PT Sans', Tahoma, sans-serif;
}


.db {
		border: 1px solid red;
}

.whitepage a {
	color: @orangeBg;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted  @orangeBg;
	display: inline-block;
}

a:hover {
	border-bottom: 1px solid @whOnOra;
}



h1, h2, h3, h4, h5, h6 {
	font-family: 'PT Sans Narrow', Arial, Tahoma, sans-serif;
	margin: 0 0 12 0;
	color: #555;

}

h1, h2 {
	margin-top: 0px;
}

.borderdot {
	border: 1px dotted silver;
}

.left {
	float: left;
}

.right {
	float: right;
}

.m20 {
 margin: 12px;
 padding: 12px;
}


.m20.left, .m20.right {
 margin: 0 27 12 0;
 padding: 0 27 12 0;
}

.w300{
    width: 300px;
}


.center {
	margin: 0px auto;
}

.sitewidth	{
	width: @sitewidthpers;
	min-width: 960px;
	max-width: 1200px;
	margin: 0px auto;
}

.w100 {
	width: 100%;
	min-width: 960px;
	margin: 0px auto;
}

.wide {
	width: @sitewidthpers;
	min-width: 960px;
	margin: 0px auto;
}


.h10 {
	height: 10px;
}
.h20 {
	height: 20px;
}
.clr {
	clear: both;
}

.head {
	height: 450px;
	background: url('/images/top_bg.jpg');
	z-index: 0;
}

.head {
        .login {
                height: 25px;
        }

}

.hmhead {
	height: 260px;
	background: url('/images/logo.png') center  center no-repeat;
	cursor: pointer;
}

.amort {
	height: 183px;
	width: inherit;
	background: url('/images/amort.png') top right no-repeat;
	position: absolute;
	z-index: 0;
}


.transition(@time: 1.2s) {
		transition: background @time;
		 -webkit-transition: background @time ease;
		 -moz-transition: background  @time;
}


div.menucounter	{
}

div.topmenu{
	background: url(/images/m1.png);
	background-position: center top;
	background-repeat: repeat-x;
	clear: both;
	height: 42px;
}

ul.topmenu, ul.topmenu ul {
	font-family: 'PT Sans', Tahoma, sans-serif;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;

	display: block;
	list-style: none;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
	height: 42px;
	z-index: 999;
	position: absolute;
	li {
		display: inline-block;
		list-style: none;
		vertical-align: top;
		padding: 0px;
		margin: 2px 0px 0px 0px;
		a, span.aitem {
			color: #333333;
			text-decoration: none;
			font-size: 14px;
			display: block;
			vertical-align: top;
			margin-left: 3px;
			padding: 12px 30px 5px 13px;
			}
		a.active, a:hover, span.aitem:hover	{
			color: @orangeBg;
			border: none;
			background: rgba(0,0,0,0.1);

		}
		span.counter {
			padding: 3px 3px 24px 3px;
			display: none;
			font-size: 9px;
			color: @whOnOra;
			vertical-align: top;
			border-right: 1px solid  @whOnOra;
		}
		ul.submenu {
			padding: 0px;
			margin: 5 0 0 22 ;
			li {
				padding: 0px;
				margin: 0px;
				background-color:  @orangeBg;
				display: block;
				height: 42px;
				a.active, a {
					background: @orangeBg;
					color: white;;
					margin: 0px;
					border-bottom: 1px solid @whOnOra;
					padding: 15px 30px 5px 10px;
					display: block;

				}

				a:hover {
					background: white;
					color: @orangeBg;

				}
			}
		}
	}
}

.whitepage {
	background: white;
	border-radius: 6px;
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.7);
	margin: 25px auto;
	border: 1px solid #333333;

}

.whitecontent{

	padding: 27px;

}


.fotter {
	color: @whOnOra;
	padding: 27px 0px;
	p {
		padding: 3px 0px 0px 0px;
		margin: 0px;
		font-size: 12px;
	}
	a {
		color: @whOnOra;
		text-decoration: none;
		font-size: 12px;
		}
	a:hover {
		text-decoration: underline;
	}
}


div.searchmessage {
       padding: 10px;
       margin: 15px;
       font-size: 14pt;
       font-weight: bold;
       color: #330000;
       background: #ffe0e0;


}

table.clientview , table.basketinfo {
	width: 100%;
	border: 0px;
	border-collapse: seperate;
	border-spacing: 3px;
	font-size: 14px;
	margin: 25px 0px;


        th {
		background-color: @grenBg;
		color: white;
		padding: 5px;
		border: none;
		font-weight: normal;
                font-size: 1.1em;
	}

	th.sort {
                cursor: pointer;
                vertical-align: top;
        }

	th.desc {
				background: url('/images/ud.png') no-repeat ;
				background-position: right 10px;
				padding: 5px;
                                background-color: @grenBg;
				}

	th.asc {
					background: url('/images/ud.png') no-repeat ;
					background-position: right -90px;
					padding: 5px;
                                        background-color: @grenBg;
					}




	td {
		padding: 5px;
		font-size: 1em;
		border-bottom: 1px dotted silver;
		vertical-align: center;
		min-height: 120px;
                background-color: #CBE9D5;
		div.image {
			border: 1px dotted gray;
		}
		span {
				color:  @orangeBg;
			}


		}
        td.odd0 {
                		background-color: #CBE9D5;
		}


}


button span.ui-icon{
        display: inline-block;
        margin: -3 3;
}

form.addtobasket button.ui-button-text{
	padding: 3px 3px;
	margin: 0px;

}

form.addtobasket,  button.addtobasket, form.basketdel {
	display: inline-block;
	clear: none;
}

td {
	form.basket.left, form.basketdel.left {
		width: auto;
		margin: 0px;
		display: block;
		clear: none;
	}

	.basketdel button.addtobasket{
		background: white;
	}

}

div#smallbasket{
	display: block;
	float: right;
	clear: none;
	margin-right: 2px;
	cursor: pointer !important;
	max-width: 250px;

	p {
		background:  @orangeBg;
		font-size: 14px;
		color: white;
		padding: 12px;
		margin: 0px;
		border-radius: 3px;
	}

}

div.pagginator {
	margin: 10px 0px ;
	width: 100%;
	text-align: left;
	a {
		background: white;
		padding: 5px;
		margin: 0 5px 0 0;
		font-size: 0.8em;
		text-decoration: none;
		border-bottom: none;
		font-weight: normal;
	}
	span.current {
		background: silver;
		color: black;
		padding: 5px;
		margin: 0 5px 0 0;
		font-size: 0.8em;
	}
}





form {
	width: 100%;
	label {
		display: inline-block;
		width: 12em;
		border-top: 1px dotted  silver;
		margin-top: 2em;
		vertical-align: bottom;
		font-size: 14px;
	}

	input,select {
		vertical-align: bottom;
		width: 20em;
		vertical-align: bottom;
		margin-top: 2em;
	}

	button {
		margin: 12px 0px;

	}


}

form.basket, form.addtobasket{
	width: auto;
	min-width: 95px;
	padding: 0px;
	margin: 0px;
	input {
		width: 3em;
		vertical-align: bottom;
	}
	button {
		margin: 5px;
		float: none;
		vertical-align: bottom;
	}
}

form.addtobasket {
	width: auto;
	min-width: 0px;
	vertical-align: bottom;
}
button.addtobasket {
		margin: 5px;
		float: none;
		vertical-align: bottom;
}

form .felem {

		display: block;
		padding-bottom: 12px;
		label {
			font-weight: bold;
			font-size: 13px;

		}
		.chzn-container.chzn-container-multi input.default{
			height: 22px;
		}
}

div.error {
 border: 1px solid #aa0000;
 background: #ffd;
 padding: 5px;
 color: #cc0000;
 margin: 2;
}

div.order {
	h3, h4, p {
	   padding: 3 0;
	   margin: 0;
	}
	.storeinfo{
	  padding: 3 0;
	  h3, h4, p {
	   padding: 3 0;
	   margin: 0;
	  }

	}
	table.basketinfo  {
		td, th {
		  padding: 3px;
		}
	}

	div.total, div.grandtotal	{
	  width: 100%;
	  text-align: right;
	  font-size: 12px;
	}

	div.grandtotal	{
	  width: 100%;
	  text-align: right;
	  font-weight: bold;
	  font-size: 14px;
	  margin: 12 0;
	}

	form .felem {
		label{
			width: 30em;
			}
		}

}

button {
	.button-mix();
}

form.search {
	button.search, input.search {
		vertical-align: middle;
		margin: 0;
		}
	button {
		.button-mix();
		font-size: 14px;
		padding: 8px 24px;
		}

	input#search {
		padding: 6px;
		font-size: 14px;
		width: 50%;
	}
	label {
		border: none;
		padding: 0px 10px 0px 3px;
		margin: 0px;
		width: auto !important;
		display: inline ;
	}
	input.sch {
		width: auto !important;
	}
}

div.first {
  div.catlist {
	margin-left: 20px;
	ul {
		padding: 0px;
		margin: 0px;
		list-style: none;
		font-size: 13px;
		li {
			padding: 0px;
			margin: 0px;

			a {
				font-weight: normal;
			}

		 a:hover {
			color: black;
			}
		}
	}
  }

  .column {
	width: 44%;
	p {
		font-size: 13px;
	}
  }
}


form.clearbutton button{
	background: white;
}

form.makeorder {
	button {
		background: @orangeBg;
		color: white;
		border: none;
	}
	select {
		width: 280px;
		}
}

button {

	background: #ddd;
}


.width250 {
                width: 250px;

}

form.amortform {
                display: block;
                padding: 10px;
                clear: both;

                label {
                padding: 8px;
                border: none;
                width: auto;
                display: inline;
                padding: 0px 15px 0px 0px ;
                margin: 0px;
                vertical-align: baseline;
                }

                .msg {
                clear: both;
                }

                button {
                 display: block;
                 clear: both;
                }
}