/*
   __              __                                             
  /\ \  __        /\ \                                            
  \_\ \/\_\    ___\ \ \/'\     ___ ___      __      ___     ____  
  /'_` \/\ \  /'___\ \ , <   /' __` __`\  /'__`\  /' _ `\  /',__\ 
 /\ \L\ \ \ \/\ \__/\ \ \\`\ /\ \/\ \/\ \/\ \L\.\_/\ \/\ \/\__, `\
 \ \___,_\ \_\ \____\\ \_\ \_\ \_\ \_\ \_\ \__/.\_\ \_\ \_\/\____/
  \/__,_ /\/_/\/____/ \/_/\/_/\/_/\/_/\/_/\/__/\/_/\/_/\/_/\/___/ design.com
  
*/

/* HOME
----------------------------------------------------------------------------- */

.order { position:relative; margin:0 auto; width:760px; padding: 18px 0 0 0; }

.box1 { position: relative; }
.box1 p { position: absolute; top: 252px; left: 15px; }

.box2 { position: absolute; top: 265px; left: 9px; }
.box2 h2 { padding: 0; }
.box2 p { display: block; height: 76px; padding: 0 0 10px 0; float: left; padding: 0 35px 0 0; }
.box2 .p { padding: 5px 0 5px 40px; }
.box2 input,
.box2 label { float: left; }
.box2 input { margin: 25px 10px 0 0; !margin: 25px 0 0 0;  }

.box3 li { display: block; padding: 0 0 0 0; position: relative; }
.box3 li button { border: 0px; margin: 0; padding: 0; background: transparent; cursor: pointer; }

.box4 { height: 190px; background:url(images/order_box4-bg.jpg) no-repeat top right; padding: 20px 0 0 15px; }
.box4 p { padding: 15px 200px 0 0; }

.box-form { padding: 15px 0 15px 200px; }
.box5 { position: relative;}
.box5 .form ul{ padding-left:100px; padding-top:20px; }
div.total, div.buttons{ padding-left:242px; }
.box5 .form li { height: 25px; width: 580px; overflow: hidden; }
.box5 .form label { float: left; width: 185px; display: block; text-transform: uppercase; text-align: right; padding: 2px 5px 0 0; font-size: 12px; }
.box5 .form li input,
.box5 .form li select { float: left;}
.box5 .form li select { width: 285px; }
.box5 .form li input { border: 1px solid #989999; padding: 2px; width: 280px; }
.box5 .form li small label { font-size: 10px; line-height: 11px; padding: 0 5px 0 0; }
.box5 .buy { padding: 5px 0 5px 242px; }
.box5 .buy .p { height: 22px; }
.box5 .buy .p input,
.box5 .buy .p label { float: left; }
.box5 .buy .p input { margin: 2px 5px 0 0; }
.box5 .buy .p label strong { color: #232C31; }
.box5 .bt { padding: 0 0 0 20px; }
.box5 .bt input { float: left; padding: 0 20px 0 0; }

/******SATYSFAKCJA********/

#sat {position: relative;margin-top: 0px;}
#sat p {line-height: 25px;color: #ffffff;}
.sat1 {}
.sat2 {position:absolute;top: 70px;width: 470px;left:20px;color: #0282A5;}

/*************************/
/*discount*/

.box5 .form li.discountCode{
	/*height: 100px;
	background: url(/images/promo.jpg) no-repeat top left ;
	background-position: 45px top;
	color:#FFFFFF;
	margin:10px 0px;*/
	height:auto;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
}
.box5 .form li.discountCode div{
	/*padding-left:64px;*/
	clear: both;
	/*width:420px;*/
	/*padding-top:10px;*/
	padding-bottom:5px;
	/*color:#07D6E8;*/
	text-transform: uppercase;
	
}
.box5 .form #discount_code.error{
	border: 1px solid red;
	background-color: #FFAAAA;
}
.box5 .form #discount_code.ok{
	border: 1px solid #00BC28;
	background-color: #BAFFCC;
}

.box5 .form li.discountCode #discount_code_txt{
    /*color: red;
    left: 400px;
    position: absolute;
    top: 35px;*/
	
}
#sum{ 
width: inherit;
}