/*STEPS.CSS 11.06.2015 
Optymalizacja: 02.07.2015
*/ 

/*CRUMBS*/
#crumbs {
	text-align: left;
	padding:20px;
	padding-bottom:0px;
}

#crumbs ul {
	list-style: none;
	display: inline-table;
	margin:0px;
	padding:0px;
}

#crumbs ul li {
	display: inline;
	margin:0px;
	padding:0px;
}
	
#crumbs ul li a {
	display: block;
	float: left;
	height: 30px;
	width: 115px; 
	background: #424530;
	text-align: left;
	padding-top:10px;
	padding-left: 20px;
	
	position: relative;
	margin: 0 3px 0 0; 
	
	font-size: 12px;
	text-decoration: none;
	color: #fff;
}

#crumbs ul li a:after {
	content: "";  
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 10px solid #424530;
	position: absolute; right: -10px; top: 0;
	z-index: 1;
}	
		
#crumbs ul li a:before {
	content: "";  
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 10px solid #5c6145;
	position: absolute; left: 0; top: 0;
}
	
#crumbs ul li:first-child a {
	border-top-left-radius: 3px; 
	border-bottom-left-radius: 3px;
}
#crumbs ul li:first-child a:before {
	display: none; 
}

#crumbs ul li:last-child a {
	margin-right:0px;
	width: 118px;
	border-top-right-radius: 3px; 
	border-bottom-right-radius: 3px;
}

#crumbs ul li:last-child a:after {
	display: none; 
}
		
#crumbs ul li a:hover {
	background: #8f9378;
}
#crumbs ul li a:hover:after {
	border-left-color: #8f9378;
}

#crumbs ul li .current {
	background: #8f9378;
}

#crumbs ul li .current:after{
	border-left-color: #8f9378;
}
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/*///////////////////////////////*/
/*SCHOPING CART*/
/*///////////////////////////////*/
#response_desc, #response_html{
	display: none;	
}

#response_loader{
	margin: 15px;	
}

#response_desc{
	border-bottom: 1px dotted #8f9378;
	padding-bottom:15px;	
}

.comp_content, textarea, input{
	font-family: Tahoma, Arial;
   -moz-border-radius: 5px; 
   -webkit-border-radius: 5px; 
   border-radius: 5px; 	
}

.comp_content{
	margin-top: 17px;
	background-color: #5c6145;
	line-height: 1.5;
	margin-bottom:20px;
	
	-moz-border-radius: 8px; 
   -webkit-border-radius:8px; 
   border-radius: 8px;	
}

.comp_page_header{
	background-color: #8f9378;	
	padding:7px;
	padding-left:20px;
	
	-moz-border-radius: 8px 8px 0px 0px; 
   -webkit-border-radius:8px 8px 0px 0px; 
   border-radius: 8px 8px 0px 0px; 
}

.comp_inner_content{
	padding: 20px;
	font-size: 12px;
	text-align: justify;
}

.bRed{
	border-color: #ff8080;		
}

.comp_inner_content input, .comp_inner_content select{
	font-size: 13px;
	padding: 5px;
	margin-right:10px;	
}

input[type=text]{
	width:250px;	
}

input[type=submit]{
	width:220px;	
	padding: 4px;
	background-color: #6d7156;
	margin-right: 0px;
	cursor: pointer;	
}

input[type=submit]:hover{
	background-color: darkRed;
}

textarea{
	width: 100%;
	height: 50px;
	min-height: 50px;
	max-height: 300px;
	margin-top:5px;
	margin-bottom: 15px;		
}

.button{
	display: inline-block;
	border:1px solid #8f9378;
	margin-top: 10px;
	color: #ccc;
	-moz-border-radius: 3px; 
   -webkit-border-radius:3px; 
   border-radius: 3px;		
}

.button:hover{
	background-color: #5a603a;
	color: #fff;
}

.dotSpacer{
	height: 15px;
	margin-bottom:17px;
	border-bottom: 1px dotted #8f9378;	
}

#response_html{
	vertical-align:middle;		
}

#response_html table{
	border-bottom:1px dotted #8F9378;
	padding: 0px;
	margin:0px;
}

#response_html td, #response_html thead th{
	border-top:1px dotted #8F9378;
	padding: 10px 5px;
	//cursor: pointer;
}
#response_html tr td:first-child, #response_html table thead tr th:first-child{
	padding-left:20px;
}
#response_html tr td:last-child, #response_html table thead tr th:last-child{
	padding-right:20px;
}

#response_html tr:hover{
	background-color: #61654a;
}

#response_html tr img:first{
	height: 28px;
	vertical-align:middle;
	-moz-border-radius: 2px;
	-webkit-border-radius:2px;
	border-radius: 2px;	
}

#response_html tr .product-img{
	height: 25px;
	vertical-align:middle;
	border:1px solid #8F9378;
	padding:1px;
	-moz-border-radius: 4px;
	-webkit-border-radius:4px;
	border-radius: 4px;	
}

#response_html tr div span{
	display: inline-block;
	width: 60px;
}

#response_html input[type=image]{
	border-color: transparent;
	vertical-align:bottom;
	margin-bottom:0px;
	background-color: transparent;	
	-moz-border-radius: 100px;
	-webkit-border-radius:100px;
	border-radius: 100px;		
}

#response_html input[type=image]:hover{
	border: 1px dotted #8f9378;
}

.infoCard, .warningCard, .errorCard, .successCard{
	margin: 0px;
	margin-bottom: 20px;
}

.order-sub-total-frame{
	text-align: right;
	padding: 5px;
	padding-right: 10px;
	margin: 20px 0px;
	background-color: #424530;
	border: 1px solid #8F9378;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;	
		
	box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.5);		
}

.order-sub-total-frame h1{
	margin:0px;
	padding:0px;	
}

.warning-stock, .warning-shipp{
    display: inline-block;
    margin: 0px 5px;
    height: 8px;
    width: 8px;
    border-radius: 100px;
}

.warning-stock {
    background-color: orange;
}

.warning-shipp {
    background-color: #8B0000;
}
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/*///////////////////////////////*/
/*LOGIN*/
/*///////////////////////////////*/
.box-customer, .box-guest{
	position: relative;
	float: left;
	display: block;
	border:1px solid #8F9378;
	width: 293px;	
	height: 210px;
	padding:20px;
	padding-top: 10px;
	margin-bottom: 20px;

	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius: 5px;	
}

.box-customer:hover, .box-guest:hover{
	background-color: #61654a;
}

.add-bg-gradient{
	background: #61654a; /* Old browsers */
	background: -moz-linear-gradient(top,  #61654a 0%, #424530 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#61654a), color-stop(100%,#424530)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #61654a 0%,#424530 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #61654a 0%,#424530 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #61654a 0%,#424530 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #61654a 0%,#424530 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61654a', endColorstr='#424530',GradientType=0 ); /* IE6-9 */		
}

.box-customer input{
	margin:5px 0px;	
	width: 100%;
	text-align: center;
	text-transform: lowercase;
}

.box-customer button{
	width: 293px;
	padding: 9px 0px;
}

.box-customer{
	margin-bottom: 0px;	
}

.box-guest{
	width: 648px;
	min-height: inherit;
}

.bottom-button{
	position: absolute;
	width: inherit;
	bottom: 20px;
}

.forgotten-pass{
	font-size: 11px;	
	text-align: center;
}
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/*///////////////////////////////*/
/*PASSWORD RECOVERY*/
/*///////////////////////////////*/
.box-password-info{
	border:0px;
	padding:0px;
	margin-right:20px;	
	width:335px;
}

.box-password-info:hover{
	background-color:transparent; 	
}

.short-box{
	height: auto;
	margin-bottom: 0px;
}
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/*///////////////////////////////*/
/*CREATE ACCOUNT CART*/
/*///////////////////////////////*/
.box-register-customer{
	width: 550px;
}

.box-register-customer .form-field{
	margin-bottom: 10px;
	text-align: right;	
}

.box-register-customer .add-bottom{
	margin-bottom: 20px;	
}

.box-register-customer input{
	width: 250px;
	vertical-align: middle;
}

.box-register-customer input[type=checkbox], .box-register-customer input[type=radio]{
	width: auto;	
	vertical-align: middle;
}

.styled-select select {
   width: 278px;
   line-height: 1;
   border:none;
   margin-bottom: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;	
	background: url(images/layout/new_arrow.png) no-repeat 219px center #424530;
   -webkit-appearance: none;
}

.styled-select {
	display: inline-block;
   width: 248px;
   margin-right: 10px;
   margin-bottom: 0px;
   overflow: hidden;
	vertical-align: middle;
	border: 1px solid #8F9378;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
}

.formError .formErrorContent{
	text-align: left;	
	width: auto;
}
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/*///////////////////////////////*/
/*COMMON SHIPPING AND PAYMENT*/
/*///////////////////////////////*/
.box-shipping, .box-payment{
	position: relative;
	display: block;
	float: left;
	display: block;
	border:1px solid #8F9378;
	width: 296px;	
	padding:20px;
	padding-top: 10px;
	margin-bottom: 20px;
	margin-left:14px;
	height: 148px;

	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius: 5px;		
}

.box-shipping h3 a, .box-payment h3 a{
	display: inline-block;
	font-size: 9px;
	color: #0F0;
}

.box-shipping-method input[type=radio], .box-payment-method input[type=radio]{
	visibility: hidden;
}

.box-shipping-method, .box-payment-method{
	margin-bottom:10px;
}

.box-shipping-method label, .box-payment-method label{
	position: relative;
	display: block;
	padding: 20px;
	padding-left: 95px;
	text-align: left;
	cursor: pointer;	
	border:1px solid #8F9378;
	background-color: #61654a;
	background-position: 12px center;
	background-repeat: no-repeat;
	margin-top:15px;
	height: 40px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius: 5px;		
}

.box-shipping-method label h2, .box-payment-method label h2{
	position: absolute;
	width: inherit;
	top: 25px;
	right : 0px;	
}

.box-shipping-method label:hover, .box-payment-method label:hover{
	background-color: #424530;
}

.box-shipping-method .label-select, .box-payment-method .label-select{
	background-color: #424530;
	border:1px solid #0F0;
}
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/*///////////////////////////////*/
/*SHIPPING*/
/*///////////////////////////////*/
.box-shipping-method label .p_red{
	color: #0F0;
	font-weight: bold;
	cursor: ponter;
}

#showMachines{
	cursor: pointer;	
}
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/*///////////////////////////////*/
/*PAYMENT*/
/*///////////////////////////////*/
#platnosci-pos{
	display: none;	
	padding: 10px;
	
	text-align: left;
	
	cursor: pointer;	
	border:1px solid #0F0;
	background-color: #424530;
	background-position: 12px 0px;
	background-repeat: no-repeat;
	margin-top:15px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius: 5px;	
}

#platnosci-pos .platnosci-pos-extract input[type=radio]{
	display: block;
	font-size: 8px;
	background-color: #fff;

	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius: 5px;		
}

#platnosci-pos .platnosci-pos-extract label{
	position: relative;
	display: block;
	float: left;
	padding: 10px;
	text-align: center;
	width: 135px;
	height: 80px;
	
	cursor: pointer;	
	border:1px solid #8F9378;
	background-color: #fff;
	color: #000;
	background-position: center 10px;
	background-repeat: no-repeat;
	margin:5px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius: 5px;		
}

#platnosci-pos .platnosci-pos-extract .label-select{
	background-color: #ddd;
	border:1px solid #0F0;
}

#platnosci-pos .platnosci-pos-extract label:hover{
	background-color: #ddd;
}

#platnosci-pos .platnosci-pos-extract label h3{
	position: absolute;
	width: inherit;
	bottom: 11px;
	font-weight: normal;
	font-size: 11px;
}

.box-sales-document{
	position: relative;
	display: block;
	padding-bottom: 50px;
	padding-top: 15px;

	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius: 5px;		
}

.box-sales-document h3 a{
	display: inline-block;
	font-size: 9px;
	color: #0F0;
}

.box-sales-document input[type=radio]{
	visibility: hidden;
}

.box-sales-document{
	margin-bottom:10px;
}

.box-sales-document label{
	position: relative;
	display: block;
	float: left;
	width: 316px;
	padding: 10px ;
	text-align: left;
	margin-left:14px;
	cursor: pointer;	
	border:1px solid #8F9378;
	background-color: #61654a;
	background-position: 12px center;
	background-repeat: no-repeat;
	text-transform: uppercase;
	
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius: 5px;		
}

.box-sales-document label:first-child{
	margin-left:0px;
}	

.box-sales-document label:hover{
	background-color: #424530;
}

.box-sales-document .label-select{
	background-color: #424530;
	border:1px solid #0F0;
}

.box-sales-document label h2{
	position: absolute;
	width: inherit;
	top: 25px;
	right: 0px;	
}

.box-document-data{
	display: none;
	border:1px solid #8F9378;	
	padding: 10px;
	padding-top:20px;
	margin-bottom: 20px;
		
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius: 5px;		
}

.box-document-data .form-field{
	margin-bottom: 10px;
	text-align: right;	
}
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/*///////////////////////////////*/
/*CONFIRMATION*/
/*///////////////////////////////*/
.chk_header{
	background-color: #8f9378;	
	font-size: 18px;	
	padding: 5px 10px;
}

.chk_insertLeft, .chk_insertRight{
	display: block;
	float: left;
	padding-top:0px;
	margin-top: 10px;
}

.chk_insertLeft{
	width: 438px;	
	padding-right: 20px;
	min-height: 570px;
	border-right:1px dotted #8f9378;
}

.chk_insertRight{
	padding-left:20px;
	width:210px;
	text-align: left;
}

.chk_rightCell{
	padding:5px;
}

.chk_rightCell h3{
	margin-bottom:0px;
	padding-bottom:0px;	
}

.clear{
	clear: both;
}

.cardTable{
	display: table;
	width: 100%;
	border-bottom:1px dotted #8f9378;
}

.cardTable:hover{
	background-color: #464939;
}

.cardTableCell{
	display:table-cell;
	float: left;
	padding:5px;
}

.ot_main{
	text-align: right;
	padding:5px;
	margin-top:10px;
	background-color:#8f9378;
	border:1px solid #424530;
	color:#000;
	margin-bottom:20px;

   -moz-border-radius: 5px; 
   -webkit-border-radius: 5px; 
   border-radius: 5px; 
}

.ot_main_raw{
	display: table-row;
}
.ot_title{
	display:block;
	float:right;
	text-align: right;
	padding:2px;
	padding-right:0px;
	width:335px;
}

.ot_text{
	display:block;
	float:right;
	width: 78px;
	text-align: right;
	padding:2px;
	padding-right:0px;
}

.clearCard{
	padding:10px;
	margin:0px;
	background-image: none;
}

.infoCard{
	margin-bottom: 20px;
	font-size: 12px;
}

.whenOut{
	display: block;
	padding:3px;
   -moz-border-radius: 3px; 
   -webkit-border-radius: 3px; 
   border-radius: 3px; 	
}

.whenOut:hover{
	background-color: #464939;	
	cursor: pointer;
}
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/*///////////////////////////////*/
/*SHIPPING ADDRESS CART*/
/*///////////////////////////////*/
.box-addressbook{
	margin-bottom:10px;
	display: table;
}

.box-addressbook label{
	position: relative;
	display: inline-block;
	float: left;
	padding: 20px;
	width:293px;
	text-align: left;
	height: 152px;
	
	cursor: pointer;	
	border:1px solid #8F9378;
	background-color: #61654a;
	margin-bottom:20px;
	
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius: 5px;		
}
.deletettion label{
	margin-top: 20px;
	width:100%;
	height: auto;
	text-align: center;
}
.box-addressbook label:nth-child(even){
	margin-right: 20px;
}



.box-addressbook input[type=radio]{
	visibility: hidden;
}

.box-addressbook label:hover{
	background-color: #424530;
}

.box-addressbook .label-select{
	background-color: #424530;
	border:1px solid #0F0;
	background-image: url(images/layout/ico_success.png);
	background-position: 265px 110px;
	background-repeat: no-repeat; 
}
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/*///////////////////////////////*/
/*COMMON HISTORY  HISTORY INFO*/
/*///////////////////////////////*/
#response_html table {
	background-color:#6d7156;
	clear: both;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius: 5px;		
}

#response_html table td{
	border-bottom: 1px solid #5c6145;
	font-size: 13px;
}

#response_html table thead th{
	background-color: #424530;
	border:0px;
	font-size: 11px;
}

#response_html table thead tr th:first-child{
	-moz-border-radius: 5px 0px 0px 0px;
	-webkit-border-radius: 5px 0px 0px 0px;
	border-radius: 5px 0px 0px 0px;	
}
#response_html table thead tr th:last-child{
	-moz-border-radius: 0px 5px 0px 0px;
	-webkit-border-radius: 0px 5px 0px 0px;
	border-radius: 0px 5px 0px 0px;
}


#response_html .paginatorHistory{
	float: right;
	margin: 10px 0px;
	margin-right: -9px;	
}
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/*///////////////////////////////*/
/*ADRESSBOOK*/
/*///////////////////////////////*/
.box-addressbook .button{
	padding:0px 10px;
	text-transform: uppercase;	
} 	

.box-addressbook .adressbook-box-menu{
	position: absolute;
	bottom: 20px;
	left: 20px;
}

.box-addressbook .def-label{
	position: absolute;
	bottom: 23px;
	right: 20px;
}
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/*///////////////////////////////*/
/*ACCOUNT*/
/*///////////////////////////////*/
.account-menu-box{
	margin-bottom: 20px;	
}
.account-menu-box h2{
	margin-bottom: 10px;
}

.account-menu-box ul{
	margin: 0px;
	padding: 0px;
}
.account-menu-box ul li{
	display: inline-block;
}

.account-menu-box ul li{
	width:251px;
	margin-right:20px;
	border:1px solid #8F9378;
	background-color: #61654a;
	text-align: left;
	margin-bottom: 20px;
	background-repeat: no-repeat;
	background-position: left center;
	padding: 20px 10px;
	padding-left:70px;

	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius: 5px;		
}
.account-menu-box ul li:nth-child(2n){
	margin-right:0px;
}
.account-menu-box li h2{
	padding:0px;
	margin: 0px;
}


.account-menu-box li:hover{
	background-color: #424530;
	color: white;
}

.newsletter-box{
	display: inline-block;
	padding: 10px;
	text-align: center;
	
	border:1px solid #8F9378;
	color: #fff;
	margin:10px;
	cursor: pointer;
	text-transform: uppercase;
	
	background: #61654a; /* Old browsers */
	background: -moz-linear-gradient(top,  #61654a 0%, #424530 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#61654a), color-stop(100%,#424530)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #61654a 0%,#424530 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #61654a 0%,#424530 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #61654a 0%,#424530 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #61654a 0%,#424530 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61654a', endColorstr='#424530',GradientType=0 ); /* IE6-9 */		
	
	
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius: 5px;		
}
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/**/
/*///////////////////////////////*/
/*PRODUCT NOTIFICATIONS*/
/*///////////////////////////////*/