#zakatform {width:90%; margin:20px 5%;}
#zakatform fieldset {background:#e5e5e5; padding:15px 30px; margin:0px;}
#zakatform .inputhalf, #zakatform label {width:50%; float:left; margin-bottom:5px;}
#zakatform label {display:block; font-size:100%; font-weight:normal; }
#zakatform div.ztotal {padding:10px; font-size:140%; color:#fff; background:#17B6C5; margin-bottom:25px;}
#zakatform div.ztotal span.ZT {float:right;}

#zakatform div.ztitle {padding:15px 15px 0 15px; font-size:135%; color:#17B6C5; background:#e5e5e5; margin-top:40px;}
#zakatform h2 {text-align:center;}

#zakatform #footnote {font-size:80%; margin:15px auto; line-height: 130%;}

#zakatform #addtocart  {
	text-align: center;
    margin-bottom: 25px;
}

#zakatform #addtocart a {
	font-size: 20px;
    line-height: 25px;
    padding: 12px 24px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	color:#fff;
    background: #f7a823;
    border: 1px solid #f7a823;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
#zakatform #addtocart a:hover  {background:#17B6C5; border-color:#17B6C5}


/*
.errorbox {background-color:#444; width:80%; display:block; margin:5px auto; padding:10px; clear:both; color:#FFF700;}
.errorbox h3 {color:#FFF700;}
input.error {border-color:#000; color:#fff700; background-color:#999}
*/



@media only screen and (max-width: 695px) {
	#zakatform .inputhalf, #zakatform label {width:100%; float:left; margin-bottom:5px;}

}