/* IMPORT
*******************************/
@import 'reset.css';
@import 'helpers.css';
/* Main styles
*******************************/
body { 
	background: url(../img/body.jpg) left top repeat-x #F4D9AC;
	color: #454344;
	font-size: 62.5%;
	margin: 0;
	padding: 0;	
}
/* Default fonts
*******************************/
body			{ font-family:  Tahoma, Geneva, Verdana; }
/* Header elements
*******************************/
h1,h2,h3,h4,h5,h6,a.h1,a.h2,a.h3,a.h4,a.h5,a.h6 { 		
	font-weight: normal;
	color: #373536;	
}
a.h1,a.h2,a.h3,a.h4,a.h5,a.h6 {
	text-decoration: none;
	color: #373536;
}
h1, a.h1			{ font-size: 1.7em; line-height: 1.7em; }
h2, a.h2			{ font-size: 1.6em; line-height: 1.6em; }
h3, a.h3			{ font-size: 1.4em; line-height: 1.4em; }
h4, a.h4			{ font-size: 1.2em; line-height: 1.2em; }
h5, a.h5			{ font-size: 1.1em; line-height: 1.1em; }
h6, a.h6			{ font-size: 1.0em; line-height: 1.0em; }
/* Text elements
*******************************/
a					{ color: #BF4020; text-decoration: underline;  }
a:hover			{ text-decoration: none; }
p					{ margin: 0.1em 0 1.1em 0;
					  text-align: left;					  
					  font-size: 1.2em; }				  
strong      	{ font-weight: bold; }
em          	{ font-style: italic; }
/* GLOBAL
**************************/
#main-head {
	background: url(../img/main-head.jpg) center top no-repeat;	
}
#root {
	/*margin: 0 auto;
	width: 950px;*/	
	/*min-height: 600px; height: auto!important; height: 600px; 	*/
}
/* HEADER
**************************/
#header {	
	margin: 0 auto;
	height: 133px;
	width: 950px;	
}
#logo {	
	float: left;
	width: 268px;
	height: 74px;
	background: url(../img/logo.png) top left no-repeat;
	margin: 28px 0 0 31px;	
}
/* LOGIN FORM
**********************/
#login-form {
	float: right;
	margin: 20px 97px 0 0; 
	width: 168px;	
}
#login-form li {
	margin-bottom: 4px;
}
#login-form strong {
	font: normal 1.7em Georgia, Times New Roman, Times, serif;
	color: #373636;
}
#login-form input {
	border: 0;
	font: normal 1.0em Tahoma;
	color: #444;
	padding: 3px 6px;
	/*background: transparent;*/
}
.text-i { 
	width: 154px;
	background: url(../img/login.png) left top no-repeat;
}
.pass-i { 
	width: 108px;
	background: url(../img/password.png) left top no-repeat;
}
.login-button {
	background: url(../img/login-button.png) left top no-repeat;
	float: right;
	width: 45px;
	height: 17px;
}
.sub-login {
	color: #c03f23;	
	font-size: 1.1em;
}
#login-form q {
	color: #CB8D54;
	margin: 0 8px;
}
.in-login {
	background: url(../img/in-login.jpg) left top no-repeat;	
	float: right;
	margin: 11px 72px 0 0;	
	height: 93px;
	width: 186px;
	padding: 14px 0 0 28px;
}
.in-login span {
	color: White;
	font-size: 1.2em;
}
.in-login ul {
	margin-top: 10px;
}
.in-login ul li  {
	float: left;
	width: 92px; 
	background: url(../img/pupka-yellow.gif) 1px 4px no-repeat;
	margin-bottom: 6px;
}
.in-login ul li a {
	color: #ffc600;
	font-size: 1.1em;
	margin-left: 15px;
}
/* END LOGIN FORM
**********************/
/* TOP MENU */
#top-menu {
	clear: both;
	background: url(../img/menu-head.jpg) left top no-repeat;
	height: 37px;
	padding: 9px 0 0 20px;	
}
#top-menu li {
	float: left;
	height: 30px;	
	margin-top: 8px;	 
}
#top-menu li a {
	text-decoration: none;
}
#top-menu li a q {
}
#top-menu li a q.menu-el-head, #top-menu li a q.menu-el-foo { 	
	padding: 10px 4px 11px 3px;		
}
#top-menu li a q.menu-el-body {
	color: White;
	font: 900 1.2em/1.2em Georgia, Times New Roman, Times, serif;
	padding: 8px 0px 11px 0px;	
}
#top-menu li a q.menu-el-foo {
	margin-right: 12px;
}
#top-menu li a.hover q.menu-el-head {
	background: url(../img/el-left.jpg) left top no-repeat; 
}
#top-menu li a.hover q.menu-el-body {
	background: url(../img/el-body.jpg) left top repeat-x; 
}
#top-menu li a.hover q.menu-el-foo {
	background: url(../img/el-right.jpg) left top no-repeat; 
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	#top-menu li a q.menu-el-head { padding: 9px 4px 11px 3px;	 }
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	#top-menu li a q.menu-el-foo { padding: 9px 4px 11px 3px;	 }
}
/* end .hover */
#top-menu li a.select q.menu-el-head {
	background: url(../img/el-left-select.jpg) left top no-repeat; 
}
#top-menu li a.select q.menu-el-body {
	background: url(../img/el-body-select.jpg) left top repeat-x; 
	color: #d14c22;
}
#top-menu li a.select q.menu-el-foo {
	background: url(../img/el-right-select.jpg) left top no-repeat; 
}
/* END HEADER
**********************/
/* CONTENT
**********************/
#over-main {
	margin: 0 auto;
	width: 984px;		
	background: url(../img/shadow.png) 0 0 no-repeat;	
}
#main {
	margin: 0 auto;
	width: 950px;
	background-color: #FFF3DB;
	min-height: 460px; height: auto!important; height: 460px; 	
}
#right {
	float: right;
	width: 285px;
	margin: 12px 20px 0 0;
}
#left {
	float: left;
	width: 613px;
	margin: 12px 0 0 20px;
}
.block-right {
	margin-bottom: 12px;
	width: 285px;
}
.block-right ul li {
	margin: 0;
	padding: 0;
	line-height: 0;	
}
.block-right .block-head {
	background: url(../img/block-right-hf.jpg) 0 0 no-repeat;
	height: 16px;	
	font-size: 0;
	line-height: 0;
}
.block-right .block-body {
	background: url(../img/block-right.jpg) 0 0 repeat-y;	
	padding: 22px 28px 22px 32px;
	font-size: 1.2em;
	line-height: 1.4em;
}
.block-right .block-foo {
	background: url(../img/block-right-hf.jpg) 0 -16px no-repeat;
	height: 16px;	
	font-size: 0;
}
/* block */
.block {
	margin-bottom: 12px;
	width: 614px;
}
.block li { /*border: 1px solid red;*/ }
.block .block-head {
	background: url(../img/block-hf.jpg) 0 0 no-repeat;
	height: 16px;	
	font-size: 0;	
	line-height: 0;
}
.block .block-body {
	/*border: 1px solid hidden;*/
	background: url(../img/block.jpg) 0 0 repeat-y;	
	padding: 22px 28px 22px 32px;
	font-size: 1.2em;
	line-height: 1.4em;
}
.block .block-foo {
	background: url(../img/block-hf.jpg) 0 -16px no-repeat;
	height: 16px;	
	font-size: 0;
}
/* block-first */
.block-first {	
	width: 554px;
	height: 160px;	
	padding: 28px 28px 28px 32px;
	font-size: 1.2em;
	line-height: 1.4em;	
	background: url(../img/block-kastom.jpg) left top no-repeat;	
	margin-bottom: 12px;
}
.block-first-content {
	display: block;
	margin-right: 150px; 
}
.right-menu {
}
.right-menu li {
	border-bottom: 1px solid #F7EBD6;
	width: 222px; 
}
.right-menu .head-rm {
	font-size: 1.5em;
	padding-bottom: 10px;
}
.right-menu li a {
	display: block;	
	color: #373636;
	text-decoration: none;	
	font: 900 1.2em Tahoma;
	height: 23px;
	padding: 4px 0 0 20px;
	background: url(../img/pupka.jpg) 2px 11px no-repeat; 
}
.right-menu li a:hover {
	color: #c03f23;
	background: url(../img/pupka-hover.jpg) 2px 11px no-repeat; 
}	
/* news-right */
.news-right {	
	padding-bottom: 16px;
	background: url(../img/news-bottom.jpg) left bottom no-repeat;	
}
.news-right q {
	font: normal 0.9em Tahoma;
	color: #e2d8c1; 
	display: block;
	margin-top: 10px;
}
.news-right strong {
	font: 900 1.0em Tahoma;
	color: #444; 
	display: block;
}
.read-more {
	font: 900 1.0em Tahoma;
	color: #c03f23; 
	display: block;
	margin-top: 12px;	
}
.news-right.last {
	background: 0;
}
/* if login */
.in-login {	
	float: right;
	margin: 11px 72px 0 0;	
	height: 93px;
	width: 186px;
	padding: 14px 0 0 28px;
}
.in-login span {
	color: #373636;	
	font-size: 1.2em;
}
.in-login ul {
	margin-top: 10px;
}
.in-login ul li  {
	float: left;
	width: 92px; 
	background: url(../img/pupka.gif) 1px 4px no-repeat;
	margin-bottom: 6px;
}
.in-login ul li a {
	color: #c03f23;
	font-size: 1.2em;	
	margin-left: 15px;
	line-height: 1.1em;
}
/* ================== */
.product-list {
	display: inline-block;
	width: 550px; 
	border: 1px solid White;
}
.product-element {
	clear: left; 
	padding-bottom: 20px;	
	display: inline-block;	
	width: 550px;
}
.punktir {
	clear: left;
	/*float: left;*/
	/*width: 660px;*/
	margin: 10px 0 20px 0;
	background: url(../../img/news-bottom.jpg) left top repeat-x; 
}

.list-left {
	float: left;
	width: 377px;
	height: 269px;
	padding: 0; 
	background: url(../../img/img-farme.jpg) 0 0 no-repeat; 
	text-align: center;
	vertical-align: baseline; 
	padding: 2px 0 0 0;
}

.prev-img {
	width: 370px;
	height: 260px;
	overflow: hidden;
}



.product-element h3 a {
	text-decoration: none;
	color: #373636;	
}

.price-box {
	float: left;
	width: 170px;
	height: 50px;
	margin: -30px 0 0 0;
	
	padding: 0; 
	text-align: left;
	overflow: visible;
	
}

.sale-box { 
	float: left;
	width: 130px;
	margin: 0px 0 0 0;
	padding: 0; 
	margin: 0 0 0 20px;
	overflow: visible;
}

.price-product {
	float: left;
	margin: 0 0 0 30px; 
	color: #dc5421;
	font-size: 40px;
	font-family: Tahoma;
	line-height: 40px;
}

sup.cents {
	color: #dc5421;
	font-size: 20px;
	font-weight: 900;	
	vertical-align: super;
	font-family: Tahoma;
}

.ammount-product{	
	width: 31px;
	height: 22px;
	padding: 4px 0 0 6px;
	border: 0;
	text-align: left;
	background: url(../../img/ammount-product.gif) left top no-repeat;	
	font-size: 1.2em;
	margin: 0 0 0 12px;
	color: #3c3c3c;
}

.sub-description-off {
	margin-top: 20px;
}
.ml65 {
	/*margin-left: 65px;*/
}
.it-tx {
	width: 25px;
	height: 20px;
	padding: 0 0 0 3px;
	border: 0;
	text-align: left;
	background: url(../img/bg-input.gif) left top no-repeat;	
	font-size: 1.0em;
	margin-left: 12px;
}
#orders thead tr th {
	background-color: #85B5C9;
	color: White;
	font: 900 1.1em Tahoma;
	padding: 5px;  
}
#orders tbody tr td, #orders tfoot tr td {	
	padding: 8px; 
}
.buy-now {
	background: url(../img/bay-now.gif) left top no-repeat;
	height: 26px;
	width: 74px;	
	float: right;
}
/* END CONTENT
**********************/
/* FOO
**********************/
#foo {
	margin: 0 auto;
	background: url(../img/foo.jpg) left top no-repeat;	
	height: 100px;	
	width: 950px;		
	margin-bottom: 20px;
}
#foo-logo {
	float: left;
	width: 151px;
	height: 28px;
	background: url(../img/logo-foo.png) left top no-repeat;
	margin: 30px 0 0 20px;
}
#in-foo {
	float: left;
	margin: 30px 0 0 45px;	
	color: #E0D2B5;
	font-size: 1.1em;
}
#in-foo a {
	color: #c03f23;
	font-weight: 900;
}
#in-foo span {
	float: left;
	margin-top: 8px;
	color: #444;
}
#in-foo .deonex {
	background: url(../img/deonex.jpg) 0 0 no-repeat;
	float: left;
	height: 10px;
	width: 64px;
	text-decoration: none;	
	margin: 8px 0 0 3px;
} 
/* END FOO
**********************/
/* CART FPRM */
.my-basket {
	width: 100%;
	padding-top: 5px;
}
.my-basket thead tr th {	
	/*color: White;*/
	height: 30px;
	border-bottom: 1px solid #F4E8D0;
	font: 900 1.2em Tahoma;
	text-align: center;
}
.my-basket tr td {
	/*height: 40px;	*/	
}
.my-basket .input-o,
.my-basket .price-o,
.my-basket .delete-o {
	padding-top: 8px;
	width: 100px;	
	text-align: center;
	border-bottom: 1px solid #F4E8D0;
}
.my-basket .name-o {
	 /*color: #ffc600;	 */
	 width: 335px;
	 border-bottom: 1px solid #F4E8D0;
	 padding: 0 0 12px 0px;
	 font: bold 1.2em Tahoma;
}
.my-basket .input-o input {
	width: 36px;
	height: 17px;
	border: 1px solid #F3E9D0;
	text-align: right;
}
.my-basket .price-o, 
.my-basket .decrip, 
.my-basket .value {
	font: bold 1.2em Tahoma;
	color: #727070;
}
.my-basket .decrip, 
.my-basket .value {
	padding-top: 6px;
	padding-bottom: 6px;
}
.my-basket .decrip {
	padding-right: 30px;
	text-align: right;
} 
.my-basket .value {
	padding-left: 30px;	
} 
.my-basket thead {	
	height: 1px; 	
}
.buttons {
	margin-top: 30px;
}
.ml257 {
	margin-left: 257px;
}
.mlt {
	margin-left: 150px;
}
.p1 img {
	/*display: none;*/
}
/* ==================== */
.zend_form input {
	border: 1px solid #F3E9D0;
	font: normal 1.0em Tahoma;
	/*color: #848282;*/
	padding: 2px 6px;
}
.zend_form legend {
	font: 900 1.2em Tahoma;
}
.zend_form textarea {
	width: 300px;
	height: 100px;
	border: 1px solid #3F6476;
	padding: 3px 5px;
	color: #727071;
}
.zend_form .button {
	width: 80px!important;
	height: 30px!important;
	cursor: pointer;
	background-color: #D8693C;
}
.zend_form select {
	width: 110px;
}
.zend_form dt {	
	width: 150px;		
}
.zend_form .errors {
	color: #A52A2A;	
}
.zend_form label {
	font: normal 1.2em/1.8em Tahoma; 
	height: 30px;
}
#orders thead tr th {
	background-color: #FFF3D9;
	color: #444;
	font: 900 1.1em Tahoma;
	padding: 5px;  
}
#orders tbody tr td, #orders tfoot tr td {	
	padding: 8px; 
}
.w50 { width: 50px; }
.w100 {	width: 160px; }
.w110 {	width: 110px; }
.w120 {	width: 200px; }
.w280 {	width: 280px; }
.w300 {	width: 300px; }
.w320 {	width: 320px; }
.w80 {	width: 80px; }