.hidden{
	display:none;
	
}

table#basketTable{
	border-collapse:collapse;
	margin-left:15px;
	margin-top:130px;
}

#basketTable th{
	border-bottom:#593E04 2px solid;
	text-align:left;
	padding:3px 10px 3px 10px;
	color:#593E04;
}
#basketTable tr.odd{background-color:#efefef;}
#basketTable tr td{
	padding:3px 10px 3px 10px;
}
#basketTable tr td.cartItemImage{
	padding:3px;
	
}



#basketTable tr td.cartItemImage img{
	border:1px #dfdfdf solid;
}

#basketTable tr td.cartItemName{
	width:220px;
}

#basketTable tr td.cartItemPrice{
	text-align:right;
	color:#339933;
	width:100px;
}
#basketTable tr th.cartItemPrice{
	text-align:right;
}
#basketTable tr td.cartItemPrice.total{
	color:#339933;
	font-weight:bold;
}
#basketTable tr td.cartItemPrice i,#basketTable #cartTotalPrice i{
	font-size:11px;
	font-weight:lighter;
	color:#333;
}
#basketTable th.quantityInput{
	text-align:center;
}
#basketTable td.quantityInput{
	color:#333;
}
#basketTable .quantityInput input{
	width:40px;
	text-align:center;	
	border:1px #dfdfdf solid;
	margin-left:10px;
	margin-right:10px;
}
#basketTable a{
	color:#333;
	text-decoration:none;
}
#basketTable a:hover{
	color:#333;
	text-decoration:underline;
}
#basketTable .cartItemDel a{
	background:url(images/delete.png) center no-repeat;
	float:right;
	width:20px;
	height:20px;
}
#basketTable .cartItemDel{
	width:40px;
}
#basketTable .cartItemDel a span{
	display:none;
}
#basketTable #cartTotalPrice{
	border-top:#593E04 2px solid;
	font-size:16px;
	font-weight:bold;	
	text-align:right;
	color:#339933;	
}



/*= nav buttons **************/
.navButtons{
	clear:both;
	margin:20px 50px 80px 50px;
	height:80px;
}
.navButtons .prev{
	line-height:55px;
	text-align:right;
	
	float:left;
	width:155px;
	height:56px;
	background:url(images/button-prev.gif) top no-repeat;
	border:0px;
	cursor:pointer;
	margin-left:10px;
	color:#553300;
	padding:0px;
	padding-right:7px;
	font-weight:bold;
	font-size:12px;
	valign:top;
	vertical-align:middle;
}

.navButtons .prev:hover{
		background:url(images/button-prev.gif) bottom no-repeat;
}
.navButtons .next{
			
	line-height:55px;
	color:#553300;
	float:right;
	width:155px;
	height:56px;
	background:url(images/button-next.gif) top no-repeat;
	border:0px;
	cursor:pointer;
	margin-right:10px;
	text-align:left;	
	padding:0px;
	padding-left:10px;
	font-weight:bold;
	font-size:12px;	
}
.navButtons .next:hover{
		background:url(images/button-next.gif) bottom no-repeat;
}
.navButtons .note{
	clear:both;
	color:#333;
	padding:10px;
	font-size:11px;
	text-align:center;
}
.navButtons .note a{
	color:#333;	
}
.navButtons .note a:hover{
	color:#333;	
	text-decoration:none;
}

/*= infoBubble ===================*/

#ifoBuble{
	margin-top:120px;
	height:30px;
} 
#ifoBuble span{
	display:block;
	height:25px;	
	background:url(images/bubble.gif) no-repeat transparent top center;
	text-align:center;
	font-size:12px; color:#777;
	padding-top:4px;	
}
#ifoBuble span a{
	font-size:12px; color:#824E11;
	text-decoration:underline;
	position:static;
}
 
/*= cart  ================*/
.orderProcess{
	width:730px;
	height:110px;	
	margin-top:-30px;
	background:url(images/order-process.gif) no-repeat right bottom #fff;
	position:absolute;
	z-index:30;
}
.orderProcess a{
	font-size:20px;
	position:absolute;
	margin-top:27px;
	text-align:center;	
	color:#553300;
	height:60px;
	text-decoration:none;
}
.orderProcess a.dim{color:#ccc;}
.orderProcess .stepBasket{
	margin-left:20px;
	width:100px;
	padding-top:13px;
	height:47px;
}
.orderProcess .stepPay{
	margin-left:180px;
	width:130px;
}

.orderProcess .stepPersonal{
	margin-left:370px;
	width:140px;
	padding-top:13px;
	height:47px;
}
.orderProcess .stepCheck{
	margin-left:570px;
	width:140px;
}

.cleaner{
	clear:both;
}
/*== deliver & pay  */
.orderPay, .orderDeliver{
	margin-top:120px;	
	width:300px;
	margin-bottom:50px;		
}
.orderDeliver{
	float:left;
	margin-left:30px;	
}
.orderPay{
	
	
	float:right;
	margin-right:30px;	
	
}
.orderDeliver h2,.orderPay h2{
	color:#5D3805;
	margin:0px;
	padding:10px;
	font-size:13px;	
}
.orderItem p{
	padding:0px 40px 0 30px;
	margin:0px;
}
.orderItem div{
	float:right;
	padding:3px 10px 3px 10px;
	font-weight:bold;
	font-size:15px;
	text-align:right;
}
.orderItem div span{
	font-size:11px;
	font-weight:lighter;
}
.orderItem{
	padding:5px;
	border:1px #cfcfcf solid;
	background:#efefef;
	margin-bottom:5px;
	display:block;
	cursor:pointer;
}
.orderItem:hover{
	background:#dfdfdf;
}
.orderItem.selected{
	border:1px #75DB1B solid;
	background:#9CFF88;
}
.orderItem.disabled{
	border:1px #dfdfdf solid;
	background:#efefef;
	color:#afafaf;
}
.orderItem.disabled input{
	visibility:hidden;
}
.orderItem strong{
	display:block;
}
.orderItem input{
	float:left;
	margin:5px;
}
/*== personal info */
.personalBag{
	margin-top:100px;

}
.personalBag h2{
	color:#5D3805;
	margin:0px;
	padding:10px;
	font-size:13px;
}
.formSection{
	border:1px #dfdfdf solid;
	background-color:#efefef;
	margin:0 80px 15px 80px; 
	padding-bottom:15px;
}

.orderSendNote{
	border:1px #cfcfcf solid;
	padding:2px 5px 2px 5px;
	font-size:12px;
	width:480px;
	height:100px;	
	margin-left:20px;
	font-size:12px;
	font-family:Arial;
}

.personalBag table{
	margin-left:100px;
}
.personalBag table th{
	width:100px;
	text-align:left;
	font-size:12px;
}
.personalBag input{
	border:1px #cfcfcf solid;
	padding:2px 5px 2px 5px;
	font-size:12px;
	width:250px;
}
.personalBag input.city{
	width:193px;
}
.personalBag input.zip{
	width:40px;
	margin-left:5px;
}
.personalBag input:focus{
	border:1px #D1902F solid;
	padding:2px 5px 2px 5px;
}

.personalBag .formRadioSelect input{
	width:auto;
	border:none;
}
.personalBag .formRadioSelect{
	padding:0 0 15px 100px;
}

.personalBag .error input{
	border:1px red dashed;	
}
.personalBag table td{
	padding-right:25px;
}
.personalBag .error{
	background:url(images/error.png) right center no-repeat;
}
/** kontrola **/
.orderCheckPersonal{
	margin-top:100px;

	
}
.orderCheckPersonal h2{
	color:#5D3805;
	margin:0px;
	padding:10px;
	font-size:13px;	
}

.orderCheckPersonal p{
	margin:0px;
	padding-left:80px;
	font-size:12px;
	
}
.orderCheckPersonal p#sendTo{
	float:right;
	width:300px;
}
/*** final product list ***/
table.orderCheck{
	margin-left:80px;	
	font-size:12px;
	border-collapse:collapse;
}
table.orderCheck th{
	padding:3px 10px 3px 10px;
	border-bottom:2px #333 solid;
}
table.orderCheck tbody td{	
	padding:3px 10px 3px 10px;
}
table.orderCheck tbody tr.even{
	background-color:#EFEFEF;	
}
table.orderCheck .name{
	width:200px;
	text-align:left;
}
table.orderCheck td.price{
	width:100px;
	color:#339933;
	text-align:right
}
table.orderCheck th.price{
	width:100px;
	text-align:right
}
table.orderCheck td.price span{
	color:#333333;
	font-size:11px;
	font-weight:lighter;
	font-style:italic;
	display:block;
}
table.orderCheck td.cnt{
	width:100px;
	text-align:center;
}
table.orderCheck tfoot td{
	border-top:2px #333 solid;
}
table.orderCheck td a{
	color:#5D3805;
}
table.orderCheck td a:hover{
	text-decoration:none;
}
table.orderCheck tfoot td.price{
	width:auto;
	font-size:18px;
	padding:10px;
	color:#333;
}
table.orderCheck tfoot td.price strong{
	color:#339933;
}


