/* *** FORMS *** */


form {
	padding: 0;
/*	border:1px solid red;*/
}



.selected p,.selected li {
	display: block;
}
.unselected p,.unselected li {
	display: none;
}


/* =fieldset */
fieldset {
	border: 2px solid #DCDADA;
	background-color: #ffffff;
	position: relative;
	padding: 2.5em 0 0;
	margin: 1.5em 0;
}

fieldset.invalid {
	border-top: none !important;
	background: #FFFFCC !important;
}


/* =input */
input {
	width: 16em;
	height: 1.2em;
}
.boolean input {
	width: auto;
	height: auto;
}

fieldset li input {
	width: auto;
	height: auto;
	margin: 0 2px;
}
fieldset p.free-text input {
	width: 25em;
}


/* =label */
label {
	float: left;
	width: 18.5em;
	padding-top: 3px;
}
li label {
	float: none;
	width: auto;
}
.boolean label {
	float: none;
	width: auto;
}


/* =legend */
legend {
	color: #5b5454;
}


/* =ul */
fieldset ul {
	margin: 0 !important;
}

ul#payment-cards {
	padding-left: 1.3em;
}


/* =li */
fieldset li {
	list-style-type: none !important;
	background: #F9FCFD;
	padding: 0;padding: 5px;
	margin: 0 !important;
	border: none;
}
/* apply hasLayout in <= IE6; needed to ensure background colours display */
* html fieldset li {
	height: 1%;
}
li.invalid {
	background: #FFFFCC;
}

ul#payment-cards li {
	float: left;
	width: 84px;
	list-style: none;
	text-align: center;
}
ul#payment-cards li img {
	text-align: center;
	margin-bottom: 4px;
	padding: 0;
}




/* =p */
fieldset p {
	margin: 0;
	background: #ffffff;
	padding: .5em 1em;
	overflow: hidden;
	border: none;
}
fieldset p.invalid {
	border-top: none;
	background: #FFFFCC;
}
fieldset p.free-text {
	border-top: none;
	background-color: #F9FCFD;
	padding: 0;padding-left: 2em;
	margin: 0;
}
.question p.invalid {
	background: #FFFFCC;
	padding: 0.5em;
	margin: 0;margin-top: 0.5em;
}
p.submit {
	text-align: center;
	margin: 0;
}
p.free-text {
	display: block;
}
.unselected p.free-text {
	display: none;
}

p#worldPay {
	text-align: right;
	padding-top: 1em;
	margin-right: 3em;margin-bottom: 4em;
}
p#worldPay img {
	border: 1px solid #5db0e3;
	padding: 5px;padding-right: 0;
}



/* =span */
legend span {
	font-weight: bold;
	position: absolute;
	left: 0;
	padding: 0.8em 1em;
	margin: 1px 0;
	.top: 0;
}
span#areaCodeZero {
	font-size: 1.2em;
	vertical-align: top;
}


select.country {
	margin-bottom: 0 !important;	
}


/* =tables */
table {
	width: 100%;
	border: 1px solid #5db0e3;
}
tr.subtotal th {
/*	background-color: #BFDFEB/#5db0e3/#CBE1FC; color: #FFF;*/
	background-color: #DCDADA !important;
	color: #5b5454;
	font-weight: normal;
}
tr.total th {
	font-weight: bold;
}
th {
	padding: 0.5em !important;
	background-color: #5db0e3 !important;
	border-color: #5db0e3;
	font-weight: bold;	
	color:#FFF;
}
td {
	padding: 0.5em;
	border-color: #5db0e3;
	vertical-align: middle;
}

td.numeric {
	text-align: right;
}

th#package {
	width: 45%;
}
th#number {
	width: 5%;
}
th#discount {
	width: 15%;
}
th#unitCost {
	width: 15%;
}
th#totalCost {
	width: 20%;
}



/* *** validation */
.validation {
	color: #992222;
}
.validation a:link, .validation a:visited {
	color: #992222;
	text-decoration: none;
}
.validation a:hover, .validation a:active {
	color: #992222;
	text-decoration: underline;
}
div.validation {
	border: 1px solid #992222;
	background: #FFFFCC;
	padding: 0 1em;	
	margin: 1.5em 0;
}
* html div.validation {
	height: 1px;
}

p.validation {
	background: #FFFFCC;
}


/* *** buttons/submits */
.submit input,
a.button:link, a.button:visited, a.button:hover, a.button:active,
p.in-progress {
	border: 1px solid;
	border-color: #292727 #403E3E;
	background: #5DB0E3;
	color: #FFFFFF !important;
	font-weight: bold;
  	font-size:1.1em;
  	font-family: arial;
	text-align: center;
	text-decoration: none !important;
  	float: none;
	height: auto;
	width: 210px;
	padding: 0.1em 0;
  	margin: 0;
  	cursor: pointer;
}

a.button:link, a.button:visited, a.button:hover, a.button:active {
	padding: 0.2em 0;
	display: block;
	float: left;
	margin-right: 1.8em;
}
* html a.button {
	margin-right: 0 !important;
}


p#paymentOptions a.button {
	margin-bottom: 0.2em;
	clear: left;
/*	float: none;*/
}


a#addToBasket {
	margin-right: 0 !important;
}
* html a#backToPackages {
	margin-right: 1.8em !important;
}

.in-progress a {
	display: none !important;
}
.in-progress input {
	display: none !important;
}
p.in-progress {
	width: auto;
	padding: .3em 1em;
}


/* *** userDetails */
fieldset.telephone {
	position:relative;
	top: -10px !important;
	border: none !important;
	background: none !important;
	margin: 0;
	padding-top: 14px;
}

fieldset.telephone input {
	float: none;
	width: auto;
}

fieldset.telephone legend span {
	position:relative;
	left: 0;
	font-weight: normal;
	color:#5b5454;
	padding: 0.5em 1em;
	margin: 0;
	top: 17px !important;
	font-size: 1em;

}


.phone {
	padding-top:28px;
	
}





fieldset.telephone legend span span {
	position: static;
	font-size: inherit;
	margin: 0;
	padding: 0;
}
fieldset.telephone .input {
	margin-left: 19.5em;
	display: block;
}
fieldset.telephone label {
	float: none;
}
fieldset.telephone input {
	width: 3em;
}
fieldset.telephone input.tel,fieldset.telephone input.fax {
	width: 8.8em;
}

fieldset.telephone p.telephoneFields {
	position: relative;
	padding-left: 218px;
	padding-top: 0 !important;
	height: auto;
	margin: -25px 0 0 0;
	background:none;
	
}


.piq label {
	float: none;
}
.piq input {
	width: 4em;
	margin-left: 2em;
}


/* *** questions */
.question fieldset {
	margin-top: 5px;
}


/* *** packages */
ul.packages {
	margin: 2em 0 !important;
	
}

ul.packages label {
	width: auto;
	float: none;
	font-weight:bold;
}

ul.packages li p {
	margin-bottom: 0;
}
ul.packages li {
	list-style: none !important;
	margin-left: 10px !important;
	margin-top: 10px !important;
}
ul.packages li li {
	margin-left: 20px !important;
	margin-top: 0 !important;
}
ul.packages li input {
	width: auto;
	float:right;
}

ul.packages div.price {
	margin: 5px 0 15px 0;
	padding: 2px 4px;
	text-align: right;
	border: 1px solid #cccccc;
	font-size: 1.1em;
}

div#editBadgeDetails {
	margin-top: 0.9em;
	margin-bottom: 2.5em;
	text-align: center;
}

.iconic {
	text-align: center;
}



div#basket {
	font-size: 0.7em;
	text-transform: none;
	text-align: right;
	vertical-align: top;
	margin-bottom: 5px;
}
div#basket a {
	text-decoration: none !important;
	font-weight: normal;
}
div#titlePanel {
	float: left;
}

.titlePanel_back
{
	background: url(../images/icons/go-jump_small.gif) no-repeat center right;
	padding: 2px 20px 2px 0;
	text-decoration: none !important;
}