/* drnatura global css */

	/* helpers */
		.hidden{
			display: none;
		}
		div.cartbox div.productrow div.productname div.hidden{
			display: none;
		}
		
	/* !elements */
		div.button{
			cursor: pointer;
			background-image: url(../../drnatura/images/button.gif);
			width: 127px;
			height: 17px;
			color: #900;
			font-weight: bold;
			font-size: 11px;
			text-align: center;
			padding-top: 4px;
		}
		
		div.buttons{
			position: relative;
			margin-top: 20px;
			height: 50px;
			width: 550px;
		}
		div.button.left {
			float: left;
		}
		div.button.right {
			float: right;
		}
		
	/* cart */
		div.blankheader#cartheader{
			background-image: url(../../drnatura/images/top_cart.jpg);
		}
		div.blankheader{
			background-image: url(../../drnatura/images/top_blank.jpg);
			width: 505px;
			height: 25px;
			padding: 15px 0px 0px 45px;
			font-weight: bold;
			text-transform: uppercase;
			color: #555555;
			font-size: 12px;
		}
		div.cartbox{
			width: 525px;
			border: 1px solid #e4e4e4;
			border-top: 0px;
			margin-left: 1px;
			margin-top: -3px;
			padding: 10px;
			-moz-border-radius-bottomleft: 8px;
			-moz-border-radius-bottomright: 8px;
			-webkit-border-bottom-left-radius: 8px;
			-webkit-border-bottom-right-radius: 8px;
		}
			div.cartbox div#cartmessage{
				font-size: 10px;
				color: red;
				font-weight: bold;
				padding-bottom: 5px;
				text-align: center;
			}



		/* cart product rows */
		
			div.cartbox div.productrow {
				position: relative;
				font-size: 15px;
				height: 28px;
				padding: 5px;
			}
				div.cartbox div.productrow div.deleteline{
					float: left;
					cursor: pointer;
					margin: 3px 5px;
					display: block;
					width: 21px;
					height: 21px;
					background-image: url(../../drnatura/images/cart_delete.jpg);
				}
				div.cartbox div.productrow div.deleteline:hover{
					background-position: 21px 0px;
				}
				div.cartbox div.productrow div.productedit{
					float: left;
					width: 50px;
					height: 30px;
					text-align: right;
				}
					div.cartbox div.productrow div.productedit strong{
						margin-top: 3px;
					}
					div.cartbox div.productrow div.productedit input{
						float: left;
						font-size: 14px;
						height: 21px;
						width: 25px;
						padding: 2px;
						border: 1px solid #a7a7a7;
						margin: 0px;
						text-align: center;
						-webkit-box-sizing: content-box;
						-moz-box-sizing: content-box;
					}
					div.cartbox div.productrow div.productedit div.stepper{
						float: left;
						width: 15px;
						height: 27px;
					}
					div.cartbox div.productrow div.productedit div.stepper a{
						cursor: pointer;
						position: relative;
						display: block;
						top: 0px;
						left: 0px;
						width: 15px;
						height: 14px;
						background-image: url(../../drnatura/images/cart_stepper.gif);			
						background-color: inherit;
					}
					div.cartbox div.productrow div.productedit div.stepper a.remove_one{
						background-position: 0px 14px;
						top: -1px;
					}
					div.cartbox div.productrow div.productedit div.stepper a.remove_one:hover{
						background-position: 30px 14px;
					}
					div.cartbox div.productrow div.productedit div.stepper a.remove_one:active{
						background-position: 15px 14px;
					}
					div.cartbox div.productrow div.productedit div.stepper a.add_one:hover{
						background-position: 30px 0px;
					}
					div.cartbox div.productrow div.productedit div.stepper a.add_one:active{
						background-position: 15px 0px;
					}
				div.cartbox div.productrow div.productname{
					height: 30px;
					padding-top: 5px;
					width: 98%;
				}
					div.cartbox div.productrow div.productname div{
						display: inline;
					}
					div.cartbox div.productrow div.productname div.productprice{
						display: inline;
						float: right;
					}
		/* promo code */		
			div.cartbox div.totals{
				padding-top: 7px;
			}
			div.cartbox div.totals label{
				position: inherit;
				text-align: left;
				width: 100%;
			}
			div.cartbox div.totals label input{
				border: 1px solid #a7a7a7;
				width: 100px;
				padding: 2px;
				margin-top: -3px;
				float: right;
			}
			div.cartbox div.totals p.promotext{
				text-align: center;
				font-size: 10px;
			}
			div.cartbox div.totals div#promocheck{
				position: absolute;
				top: 11px;
				right: 3px;
				width: 16px;
				height: 16px;
			}
			div.cartbox div.totals div#promocheck.okay{
				background-image: url(../../drnatura/images/ajax-okay.png);
			}
			div.cartbox div.totals div#promocheck.error{
				background-image: url(../../drnatura/images/ajax-error.png);
			}
		/* discount info */
			div.cartbox div.discountinfo{
				height: auto;
			}
			div.cartbox div.discountinfo div.discountbox{
				display: block;
				text-align: left;
				background-color: #f9f7f7;
				padding: 4px;
				position: relative;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;			
			}
			div.cartbox div.discountinfo div.discountbox strong{
				position: absolute;
				right: 7px;
				top: 4px;
			}
		/* totals */
			div.cartbox div.cartsummary{
				width: 80%;
				margin-left: 20%;
				border-top: 1px dashed #e4e4e4;
			}
			div.cartbox div.cartsummary div.totals div.price{
				float: right;
				width: 100px;
				font-weight: bold;
				text-align: right;
				margin-top: -4px;
			}
			div.cartbox div.cartsummary div.totals.grandtotals {
				border-top: 1px dashed #e4e4e4;
				font-weight: bold;
			}
			div.cartbox div.cartsummary div.totals.grandtotals div.grandtotal{
				background-color: #f9f7f7;
				padding: 4px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				font-weight: bold;
			}
			div.cartbox div.cartsummary div div.info{
				background-color: #fcf9f9;
				padding: 4px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				font-weight: bold;
			}
			div.cartbox div.cartsummary div#localtotaldiv, div.cartbox div.cartsummary div#eurototaldiv{
				height: 60px;
			}
			div.cartbox div.cartsummary div#eurototaldiv{
				font-size: 11px;
			}
			div.cartbox div.cartsummary div.totals p.ecbnote{
				font-size: 11px;
				height: 20px;
				margin-top: 20px;
			}
	
	
	
	
	
	
	
		/* form fields for checkout.html */
		div.cartbox p#cardverifynotes{
			padding: 25px;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			font-size: 11px;
			line-height: 150%;			
		}
		div.cartbox div.creditcard, div.cartbox div.cod{
			width: 500px;
			text-align: center;
		}
		div.cartbox div.paymentmethod.paypal p{
			font-size: 10px;
		}
		table#payselect tr td img{
			cursor: pointer;
			padding: 0px;
		}
		table#payselect tr td img.card{
			height: 40px;
		}
		table.payselect{
			width: 100%;
			margin-left: 20px;
			margin-top: 20px;
		}
		table.payselect tr td{
			text-align: center;
			padding-bottom: 5px;
			white-space: nowrap;
			cursor: pointer;
		}
		
		
	

		div.errortext{
			color: red;
			font-weight: bold;
			text-align: center;
		}
		#totaldiscount{
			background-color: #edebeb;
			cursor: pointer;
		}
		#totaldiscount:hover{
			background-color: #e9e7e7;
		}
		#discountlist div.discountbox {
			font-size: 11px;
		}


		
	/* !form stuff */
		div.label, label{
			position: relative;
			display: block;
			width: 90%;
			text-align: right;
			padding: 5px;
		}
		label input, label select{
			width: 200px;
			text-align: left;
			margin: 3px;
		}
		label strong{
			display: block;
			float: right;
			width: 210px;
			text-align: left;
			margin-left: 8px;
		}
		label dfn{
			display: block;
			float: right;
			margin-top: 7px;
			font-size: 9px;
			color: grey;
			width: 20px;
		}
		label.checkbox{
			display: inline;
			text-align: center;
			font-weight: bold;
		}
		label.checkbox input{
			margin: inherit;
			width: inherit;
		}
		input.error, tr.error{
			background-color: #fde2e9;
		}
		select#expiryyear, select#expirymonth{
			width: auto;
			margin-right: 59px;
		}
		div#thinking{
			background-image: url(../../drnatura/images/ajax-loader.gif);
			background-repeat: no-repeat;
			height: 17px;
			margin-left: 410px;
			padding-left: 22px;
			padding-top: 2px;
		}
		div#validation_errors{
			color: red;
			text-align: left;
		}
		
		
		div.quicklist{
			-moz-border-radius:6px;
			-webkit-border-radius:6px;
			border: 1px solid #E4E4E4;
			background-color:#E9E7E7;
			font-family:Arial, Helvetica, sans-serif;
			margin-top:30px;
			padding-top: 10px;
			font-size:10px;
			text-align: center;
		}
			div.quicklist strong{
				font-size:14px;
				text-align:center;
			}
			div.quicklist ul{
				list-style:url(../images/cart_nav.gif);
				text-decoration:none;
				font-size:14px;
				line-height:1.4;
			}
				div.quicklist ul li{
					white-space: nowrap;
					text-align: left;				
				}

	/* !footer */
	
	