@charset "UTF-8";
/* CSS Document */





header .buyline {
	display: block;
	margin: 0.5em 0 0 0;
	padding: 0 0 0.2em 0;
	text-transform: uppercase;
	font-size: 1.4em;
	clear: both;
	font-weight: bold;
}
#userbar {
	padding-top: 0.3em;
}
#userbar a {
	text-decoration: none;
	color: #f8d938;
	-moz-transition: color 0.18s ease-in-out, background-color 0.18s ease-in-out;
	-webkit-transition: color 0.18s ease-in-out, background-color 0.18s ease-in-out;
	-o-transition: color 0.18s ease-in-out, background-color 0.18s ease-in-out;
	-ms-transition: color 0.18s ease-in-out, background-color 0.18s ease-in-out;
	transition: color 0.18s ease-in-out, background-color 0.18s ease-in-out;
	cursor: pointer;
}
#userbar a:hover {
	color: #ee2d00;
}
#userbartools {
	float: right;
	margin-top: 0.3em;
}
#userbartools ul {
	font-size: 0.8em;
	letter-spacing: 0.06em;
	outline: 0 none;
	text-decoration: none;
	text-transform: uppercase;
}
#userbartools li {
	float: right;
	padding-left: 1em;
}
/************************/

/* Buttons           */

/************************/

		

.button {
	position: relative;
	display: inline-block;
	margin-top: 0.5em;
	padding: 0.50em 1.5em;
	background: rgb(244, 206, 9);
	border-radius: 6px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1.1em;
	color: #000;
	-moz-transition: color 0.35s ease-in-out, background-color 0.25s ease-in-out;
	-webkit-transition: color 0.35s ease-in-out, background-color 0.25s ease-in-out;
	-o-transition: color 0.35s ease-in-out, background-color 0.25s ease-in-out;
	-ms-transition: color 0.35s ease-in-out, background-color 0.25s ease-in-out;
	transition: color 0.35s ease-in-out, background-color 0.25s ease-in-out;
	cursor: pointer;
}
.button:hover {
	background: #ee2d00;
	color: #fff !important;
}
.submitbutton {
	position: relative;
	display: inline-block;
	margin-top: 0.5em;
	margin-right: 0.5em;
	padding: 0.10em .6em;
	background: #f8d938;
	border-radius: 6px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1.1em;
	color: #000;
	-moz-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	-webkit-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	-o-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	-ms-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	cursor: pointer;
}
.submitbutton:hover {
	background: #ee2d00;
	color: #fff !important;
}
.resetbutton {
	position: relative;
	display: inline-block;
	margin-top: 0.5em;
	margin-right: 0.5em;
	padding: 0.10em .6em;
	background: #ccc;
	border-radius: 6px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1.1em;
	color: #FFF;
	-moz-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	-webkit-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	-o-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	-ms-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	cursor: pointer;
}
.resetbutton:hover {
	background: #ee2d00;
	color: #fff !important;
}
.inputbutton3 {
	margin-top: 0.5em;
	margin-right: 0.5em;
	padding: 0.10em .6em;
	background: #f8d938;
	border-radius: 6px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1.1em;
	color: #000;
	-moz-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	-webkit-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	-o-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	-ms-transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
	transition: color 0.35s ease-in-out, background-color 0.35s ease-in-out;
}
.inputbutton3:hover {
	background: #ee2d00;
	color: #fff !important;
}
.inputButton3Selected {
	background: #ee2d00;
	color: #fff !important;
	font-weight: 700 !important;
}
/************************/

/* Navigation - Colours */

/************************/



#nav li a {
	border-radius: 5px;
	border: 1px solid #ccc;
	color: #000;
	background-image: url(/images/elements/nav_arrow.png);
	background-repeat: no-repeat;
	background-position: right;
}
#nav li.active a {
	background: #f8d938;
	border-radius: 5px;
	color: #000;
	background-image: url(/images/elements/nav_arrow_on.png);
	background-repeat: no-repeat;
	background-position: right;
}
#nav li.complete a {
	background: #f8d938;
	border-radius: 5px;
	color: #000;
	background-image: url(/images/elements/nav_complete.png);
	background-repeat: no-repeat;
	background-position: right;
	border: 1px solid #30bc0f;
}
#nav li.complete a:hover {
	background: #f8d938;
	border-radius: 5px;
	color: #000;
	background-image: url(/images/elements/nav_complete.png);
	background-repeat: no-repeat;
	background-position: right;
	border: 1px solid #30bc0f;
}
#nav li a:hover {
	background: #fef0a9;
	border-radius: 5px;
	color: #f00;
	border: 1px solid #f8d938;
	background-image: url(/images/elements/nav_arrow_on.png);
	background-repeat: no-repeat;
	background-position: right;
}
/************************/

/* Sidebar              */

/************************/

	

.sidebar {
	border: 2px solid #ccc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 1em;
	background: #f8d938; /* Old browsers */
	background: -moz-linear-gradient(top, #f8d938 0%, #fce77a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8d938), color-stop(100%, #fce77a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f8d938 0%, #fce77a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f8d938 0%, #fce77a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f8d938 0%, #fce77a 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f8d938 0%, #fce77a 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8d938', endColorstr='#fce77a', GradientType=0 ); /* IE6-9 */
}
.sidebar header h2 {
	font-size: 1.6em;
}
.sidebar .row {
	border-bottom: 1px dotted #fff;
}
/************************/

/* Sidebar  Adverts     */

/************************/

	

.sidebar-advert {
	border: 2px solid #ccc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 1em;
	margin-top: 1em;
	background: #202020; /* Old browsers */
}
.sidebar-advert header h2 {
	font-size: 1.6em;
	color: #f8d938;
	font-weight: bold;
}
.sidebar-advert .row {
}
.sidebar-advert .row p {
	color: #fff !important;
}
/************************/

/* Form                 */

/************************/

	

form {
	clear: both;
	padding: 0em 0.50em 0em 0.50em;
	border: 1px solid #ccc;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
form .row {
	padding: 0.50em 0em 0.50em 0em;
	border-top: 1px dotted;
	border-color: rgba(0,0,0,.1);
	position: relative;
}
form .required {
	background-image: url(/images/form/required.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
form .requiredtext {
	text-align: right;
	color: #F00;
}
form .requiredtext strong {
	font-weight: bold;
	color: #F00;
}
form input {
	border: 1px solid #ccc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding-left: 1em;
}
form a {
	text-decoration: none;
	color: #000;
	-moz-transition: color 0.18s ease-in-out, background-color 0.18s ease-in-out;
	-webkit-transition: color 0.18s ease-in-out, background-color 0.18s ease-in-out;
	-o-transition: color 0.18s ease-in-out, background-color 0.18s ease-in-out;
	-ms-transition: color 0.18s ease-in-out, background-color 0.18s ease-in-out;
	transition: color 0.18s ease-in-out, background-color 0.18s ease-in-out;
	cursor: pointer;
}
form a:hover {
	color: #ee2d00;
}
.linkcell {
	background-color: #f8d938;
	text-align: center;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.inputrow {
	width: 50%;
	clear: left;
}
input[type=checkbox]:not(old),  input[type=radio ]:not(old) {
	width : 2em;
	margin : 0;
	padding : 0;
	font-size : 1em;
}
input[type=checkbox]:not(old) + label,  input[type=radio ]:not(old) + label {
	display : inline-block;
	margin-left : -2em;
	line-height : 1.5em;
}
input[type=checkbox]:not(old) + label > span,  input[type=radio ]:not(old) + label > span {
	display : inline-block;
	width : 0.875em;
	height : 0.875em;
	margin : 0.25em 0.5em 0.25em 0.25em;
	border : 0.0625em solid rgb(192,192,192);
	border-radius : 0.25em;
	vertical-align : bottom;
}
input[type=checkbox]:not(old):checked + label > span,  input[type=radio ]:not(old):checked + label > span {
	background : rgb(244, 206, 9);
}
input[type=checkbox]:not(old):checked + label > span:before {
	content : '✓';
	display : block;
	width : 1em;
	color : rgb(0, 0, 0);
	font-size : 0.875em;
	line-height : 1em;
	text-align : center;
	font-weight : bold;
}
input[type=radio]:not(old):checked + label > span > span {
	display : block;
	width : 0.5em;
	height : 0.5em;
	margin : 0.125em;
	border : 0.0625em solid rgb(100, 100, 100);
	border-radius : 0.125em;
	background : rgb(244, 206, 9);
}
form select {
	background-color: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #ccc;
	border-radius: 4px;
}
form select:hover {
	background-color: #f8f0cb !important;
}
form h2 {
	font-size: 23px;
	font-family:'Roboto Condensed', Verdana, Geneva, sans-serif;
	color: #000;
	background-color: #fcce01;
	padding: 3px 6px;
	margin-top: 5px;
}

#error h2 {
	font-size: 23px;
	font-family:'Roboto Condensed', Verdana, Geneva, sans-serif;
	color: #fff;
	background-color: #ffba00;
	padding: 3px 6px;
	margin-top: 5px;
}

form h3 {
	font-size: 23px;
	color: #000;
	}
.entryicon {
	width: 92px;
	height: 88px;
	float: right;
	margin: 0 3% 5px 10px;
	background: url(/images/form/join-icons.png);
	background-repeat: no-repeat;
	cursor: pointer;
	border : 0.3em solid rgb(236, 236, 236);
	border-radius : 1em;
	padding: 0px;
}
.entryicon:hover {
	width: 92px;
	height: 88px;
	float: right;
	margin: 0 3% 5px 10px;
	background: url(/images/form/join-icons-over.png);
	background-repeat: no-repeat;
	cursor: pointer;
	border : 0.3em solid rgb(248, 217, 56);
	border-radius : 1em;
	padding-left: 3px;
}
.soloicon {
	background-position: 0px 0px !important;
}
.buyicon {
	background-position: 0px -103px !important;
}
.buildicon {
	background-position: 0px -204px !important;
}
.joinicon {
	background-position: 0px -306px !important;
}



/* Smaller than standard 960 (devices and browsers) */

@media only screen and (max-width: 455px) {
.entryicon {
	width: 60px;
	height: 60px;
	float: right;
	margin: 0 3% 26px 5px;
	background: url(/images/form/join-icons-small.png);
	background-repeat: no-repeat;
	cursor: pointer;
	border : 0.3em solid rgb(236, 236, 236);
	border-radius : 1em;
}
.entryicon:hover {
	width: 60px;
	height: 60px;
	float: right;
	margin: 0 3% 26px 5px;
	background: url(/images/form/join-icons-small-over.png);
	background-repeat: no-repeat;
	cursor: pointer;
	border : 0.3em solid rgb(248, 217, 56);
	border-radius : 1em;
}
.soloicon {
	background-position: 0px 0px !important;
}
.buyicon {
	background-position: 0px -60px !important;
}
.buildicon {
	background-position: 0px -120px !important;
}
.joinicon {
	background-position: 0px -180px !important;
}

form label {
	width: 97%;
}
form select {
	width: 90%;
}
.main-content {
	padding:15px;
	width: inherit;
}
#PriceCheck {
    margin: 3px auto;
    width: auto;
}

.masthead img {
	height:160px;
}

.header {
    height: 177px !important;
}

.label-listing {
	width:45%;
}
.label-long{
	width:83%;
	margin-right:10px;
}
}

@media only screen and (min-width: 456px) {

form label {
	width: 43%;
}
form select {
	width: 43%;
}
.main-content {
	padding:12px;
	width: inherit;
}

#PriceCheck {
    margin: 14px auto;
    max-width: 490px;
}

form .noborder {
	border-top:0px;
	border-color:#fff;
}

.masthead img {
	height:290px;
}
.header {
    height: 297px !important;
}
	.label-long{
	width:85%;
	margin-right:20px;
}
}



	
/************************/
/* Progress Bar         */
/************************/

.progress {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table;
  table-layout: fixed;
  width: 100%;
  color: #849397;
}
.progress > li {
  position: relative;
  display: table-cell;
  text-align: center;
  font-size: 1em;
}
.progress > li:before {
  content: attr(data-step);
  display: block;
  margin: 0 auto;
  background: #DFE3E4;
  width: 3em;
  height: 3em;
  text-align: center;
  margin-bottom: 0.25em;
  line-height: 3em;
  border-radius: 100%;
  position: relative;
  z-index: 1000;
}
.progress > li:after {
  content: '';
  position: absolute;
  display: block;
  background: #DFE3E4;
  width: 100%;
  height: 0.5em;
  top: 1.25em;
  left: 50%;
  margin-left: 1.5em\9;
  z-index: -1;
}
.progress > li:last-child:after {
  display: none;
}
.progress > li.is-complete {
  color: #ffcc00;
}
.progress > li.is-complete:before, .progress > li.is-complete:after {
  color: #000;
  background: #ffcc00;
}
.progress > li.is-active {
  color: #3498DB;
}
.progress > li.is-active:before {
  color: #FFF;
  background: #3498DB;
}

/**
 * Needed for IE8
 */
.progress__last:after {
  display: none !important;
}


@media screen and (max-width: 767px) {
.desktoponly {
	display:none;
	
}
.progress {
  margin-bottom:1em;
}
}
@media screen and (min-width: 767px) {
.desktoponly {
	display:block;
	font-size:140%;
}
.progress {
  margin-bottom:2em;
}
}




/************************/

/* Footer Credits       */

/************************/



.credits {
	border-top: 1px solid #333;
	margin-left: 0;
}
.credits a {
	text-decoration: none;
	color: #f8d938;
	-moz-transition: color 0.18s ease-in-out, background-color 0.18s ease-in-out;
	-webkit-transition: color 0.18s ease-in-out, background-color 0.18s ease-in-out;
	-o-transition: color 0.18s ease-in-out, background-color 0.18s ease-in-out;
	-ms-transition: color 0.18s ease-in-out, background-color 0.18s ease-in-out;
	transition: color 0.18s ease-in-out, background-color 0.18s ease-in-out;
	cursor: pointer;
}
.credits a:hover {
	color: #ee2d00;
}


.red {
	color:red !important;
}