/*
checkout navtrail
-------------------------------------------------------
*/

/* CHECKOUT NAVIGATION */
.checkoutnavigation { padding: 0; margin: 0 0 10px 0; border: none;}
.checkoutnavigation li.first {margin-left: 0;}
.checkoutnavigation li.last {margin-right: 0;}
.checkoutnavigation li {height: 60px; list-style-type:none; float:left; width:20%; margin: 0 7px;  border: solid 1px; padding:8px}

.checkoutnavigation li.active .number {font-size:12px; font-weight:bold}
.checkoutnavigation li.active .title {font-size:11px; font-weight:bold}
.checkoutnavigation li.active .description {font-size:11px}

.checkoutnavigation li.inactive .number {font-size:12px; font-weight:bold}
.checkoutnavigation li.inactive .title {font-size:11px; font-weight:bold}
.checkoutnavigation li.inactive .description {font-size:11px}

.checkoutnavigation li.success .number {font-size:12px; font-weight:bold}
.checkoutnavigation li.success .title {font-size:11px; font-weight:bold}
.checkoutnavigation li.success .description {font-size:11px}


#content .ModuleList ul {
	background-color: transparent;
	border: 0;
	margin: 0;
	padding: 00;
}
#content .ModuleList li {
	height: 1%;
	padding: 0 10px 10px 10px;
	margin: 5px 0;
}
#content .ModuleList li ul li{
	padding: 1px 10px;
}

#content .ModuleList .ModuleFields ul {
	background-color: transparent;
	border: 0;
	margin: 0;
	padding: 0;
}
#content .ModuleList .ModuleFields li {
	padding: 5px 0px;
	margin: 0;
}
#content .ModuleList .ModuleFields li label{
	float: left;
	text-align: right;
	margin-top: 5px;
	width: 38%;
}
#content .ModuleList .ModuleFields li .input{
	float: right;
	width: 60%;
}


.ModuleList {
    width: 100%;
}
.ModuleList .inactive {
}
.ModuleList .active {
}
.ModuleList .radio {
	float: left;
	width: 5%;
}
.ModuleList .desc {
	float: left;
	width: 50%;
}
.ModuleList .price {
	float: right;
}

.inputsChechout {
    width: 100%;
	margin: 20px auto;
}
.inputsChechout .agbTextarea {
    padding:10px;
    margin: 10px 0;
    border: 1px solid;
    overflow: auto;
    height: 50px;
    background-color:#CCCCCC;
    color: #000000;
}

.inputsChechout textarea {
	width: 96%;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
}
.inputsChechout h2 {
	padding: 10px 0;
	margin-left: 0px;
}

.inputsChechout .checkbox {
	float: left;
	padding-right: 5px;
}

.inputsChechout .agb_accept {
	padding: 10px;
	margin: 20px 0;
}

.checkoutInformation {
	margin: 10px 0;
}

#content .textSuccess {
	padding: 20px 10px;
	margin: 20px 0;

}