/* Floats */
.clear {
    clear: both;
}
.floatLeft {
    float: left;
}
.floatRight {
    float: right;
}

/* Typography */
h1 {
    font-size: 5rem;
    line-height: 5rem;
    margin-bottom: 3rem;
}

h3 {
    margin-top: 3rem;
}


/* Buttons */
a.button,
input[type="submit"].button {
    color: #fff !important;
    line-height: 1.4rem;
    font-size: 1.4rem;
}


/* Forms */

/* 
select {
    width: auto !important;
    min-width: 300px;
}
 */

span[title="Required"] {
    color: #c00;
}

input.short {
    width: 160px !important;
}

a.button.frm_prev_page {
	margin-right: 20px;
}

.frm_pro_form::after {
    position: relative;
    margin-bottom: 30px;
}

.frm_pro_form label img.tooltip {
    margin-left: 10px;
}

.frm_pro_form label a.help {
	display: inline-block;
	width: 16px;
	height: 16px;
    margin-left: 10px;
    background: url(../img/help16.png) no-repeat 0 0;
    cursor: pointer;
}

.frm_pro_form label.fieldName {
}

.frm_pro_form label.fieldNameError {
    color: #c00 !important;
    font-weight: 700;
    padding-left: 21px;
    background: url(../img/alert16.png) no-repeat 0 90%;
}

.frm_form_field.submit {
    margin-top: 30px;
}

.frm_pro_form .frm_section_heading.no-padding {
	padding: 0;
}

.frm_pro_form .frm_section_heading.compact .frm_form_field {
	width: auto;
}

.frm_pro_form .frm_section_heading.compact .frm_form_field label {
	float: none;
}

.frm_pro_form .frm_section_heading.compact .frm_form_field #getAddress {
	float: left;
}

.frm_pro_form .frm_section_heading.compact .frm_form_field #getAddress #pcaButton {
    margin: 10px 0 0 20px;
}

.frm-show-form .frm_submit {
	padding-top: 50px;
}

.frm-show-form .frm_submit.no-padding {
	padding-top: 0;
}




/* Messages */

#messageBox ul.msgs {
    background: url(../img/tick32.png) no-repeat 2em 1.5em #ecffec;
    border: 1px solid #0c0;
    margin: 0 0 2em!important;
    padding: 2em 2em 2em 7em;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px
}
#messageBox ul.errors {
    background: url(../img/alert32.png) no-repeat 2em 1.5em #ffecec;
    border: 1px solid #c00;
    margin: 0 0 2em!important;
    padding: 2em 2em 2em 7em;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px
}
#messageBox li {
    list-style-image: none!important;
    list-style-type: disc!important;
    margin: 0 0 .15em 1em !important;
    font-weight: 700;
    font-style: normal
}
#messageBox ul.errors li {
    color: #c00
}
#messageBox ul.msgs li {
    color: #0c0
}



/* Tooltips */

#fixedTipDiv {
    position: absolute;
    width: 200px;
    padding: 8px;
    background-color: #666;
    color: #fff;
    z-index: 100;
    border-radius: 5px
}
div.tooltipHelp {
    width: 16px;
    height: 16px
}
div.tooltipHelp a {
    width: 16px;
    height: 16px;
    display: block;
    background: url(../img/help16.png) no-repeat left top;
    border: none
}
div.tooltipHelp a:hover {
    border: none
}



/* Breadcrumbs */

#breadcrumbs {
    line-height: 31px;
    margin-bottom: 20px;
}


/* Main nav menu */

ul.header-menu > li > ul > li > a .line {
    right: -13px;
}



/* Outstanding invoices */

table.invoices {
	border-collapse: collapse;
}

table.invoices th,
table.invoices td {
	padding-right: 25px;
	font-size: 1.4rem;
}

table.invoices th:last-of-type,
table.invoices td:last-of-type {
	padding-right: 0;
}

table.invoices tr.bordered th {
	border-top: 1px solid #575757;
	border-bottom: 1px solid #575757;
}

table.invoices td label {
	color: #575756;
}

@media all and (min-width: 768px) {
	table.invoices th,
	table.invoices td {
		white-space: nowrap;
		padding: 5px 50px 5px 0;
		font-size: 1.62rem;
	}
}




/* Confirm details */

.orderStage5 table.confirmTable {
    margin: 0 0 2em
}
.orderStage5 table.confirmTable th {
    padding: .5em .5em .5em 0;
    text-align: left
}
.orderStage5 table.confirmTable td {
    padding: .5em .5em .5em 0;
    text-align: left
}
.orderStage5 table.confirmTable td.fieldName {
    width: 150px
}
.orderStage5 table.confirmTable td.field {
    font-weight: 700
}


@media all and (max-width: 768px) {
    .orderStage5 table.confirmTable td.fieldName {
        width: 150px
    }
}



/* Non-iframe payment button page */

.orderPaymentRedirect .frm_pro_form::after {
    content: '';
}