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




body{ margin:0px; padding:0px; background-color:#aaaaaa;}
@font-face {
    font-family: 'enigmaticregular';
    src: url('../fonts/enigma__2-webfont.woff2') format('woff2'),
         url('../fonts/enigma__2-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
img{ border:0px;}
.headerbg{ background:url(../images/top-headerbg.png) repeat-x; float:left; width:100%;}
.logo{ width:100%; text-align:center; float:left; padding:13px 0 0;}
.bannerfull{ width:100%; float:left; background:rgba(0, 0, 0, 0) url("../images/whitebg.jpg") repeat-x scroll 0 0 / 100% auto; padding-top:4px;}
.bannerfull img{ width:100%;}
.container{margin: 0 auto; width:960px;}
.container-inner{ background-color: #fff; float:left; width:100%;  /*background:url(../images/rectwhite.png) repeat; min-height: 280px;*/ /*margin-top: -4px;*/}
.headingtop{ /*width:96.8%;*/ margin:auto; background:url(../images/top-headerbg.png) repeat-x; text-align:center;}
.headingtop h1{/*border-top: 6px solid #033663;*/  color: #ff9c00;  font-size: 28px;  margin: 0; font-family: 'enigmaticregular'; padding:10px 0px 10px;}
.headingtop h2{ font-size:20px; padding-bottom:10px; color:#FFF; text-transform:uppercase;}
.headingtop h2 span{ font-style:italic; text-transform: capitalize;}
.numberbox{ width:312px; margin:36px auto 0; position:relative;}
.numberbox::before{background-color: #cfcfcf;  content: "";  height: 3px;  left: 68px;  margin: auto;  position: absolute;  top: 13px;  width: 177px;}
.colbox1{ float:left; width:104px; text-align:center;padding-bottom:35px;}

.one{ background:#f5f5f5; border:2px solid #cfcfcf; border-radius:3px;  color: #666666;  font-size: 18px;  font-weight: bold; 
 padding: 3px;  text-align: center;  width: 22px; margin:auto auto 10px;  z-index: 9999;  position: relative;}

/*.colbox1 span{ font-size:16px; color:#ff9c00; font-family:Arial, Helvetica, sans-serif; font-family: 'enigmaticregular';}*/
.colbox1 span{ font-size:16px; color:#999999;font-family:ubuntu,Arial, Helvetica, sans-serif;}

.colbox2{ float:left; width:104px; text-align:center;}
.two{ background:#f5f5f5; border:2px solid #cfcfcf; border-radius:3px;  color: #666666;  font-size: 18px;  font-weight: bold; 
 padding: 3px;  text-align: center;  width: 22px; margin:auto auto 10px;  z-index: 9999;  position: relative;}
.colbox2 span{ font-size:16px; color:#999999;font-family:ubuntu,Arial, Helvetica, sans-serif;}

.colbox3{ float:left; width:104px; text-align:center;}
.three{ background:#f5f5f5; border:2px solid #cfcfcf; border-radius:3px;  color: #666666;  font-size: 18px;  font-weight: bold; 
 padding: 3px;  text-align: center;  width: 22px; margin:auto auto 10px;}
.colbox3 span{ font-size:16px; color:#999999; font-family:ubuntu,Arial, Helvetica, sans-serif;}

/*.inputboxes{ width:88.8%; margin:0 auto; clear:both;}*/
.inputboxes{ width:960px; min-height: 100px; margin:0 auto; clear:both;}
.inputboxes-wrap{padding: 0px 50px;}

.maincount{ background-color:#FFF;} 
.colinputone{ float:left; width:221px;}
.colinputone h3{ font-size: 21px;
color: #162664;
font-family: ubuntu;
border-bottom: 1px solid #ccc;
font-weight: 500;
padding-bottom: 10px;}
.colinputone input{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eff0f1+17,f4f5f6+85 */
background: #eff0f1; /* Old browsers */
background: -moz-linear-gradient(top,  #eff0f1 17%, #f4f5f6 85%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #eff0f1 17%,#f4f5f6 85%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #eff0f1 17%,#f4f5f6 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff0f1', endColorstr='#f4f5f6',GradientType=0 ); /* IE6-9 */
border-top:2px solid #c1c1c4; border-left:2px solid #c1c1c4; border-bottom:0px; margin-bottom:9px; border-right:0px; font-size:12px; color:#000; padding:7px; width:66%;}

.colinputone select{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eff0f1+17,f4f5f6+85 */
background: #eff0f1; /* Old browsers */
background: -moz-linear-gradient(top,  #eff0f1 17%, #f4f5f6 85%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #eff0f1 17%,#f4f5f6 85%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #eff0f1 17%,#f4f5f6 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff0f1', endColorstr='#f4f5f6',GradientType=0 ); /* IE6-9 */
border-top:1px solid #c1c1c4; border-left:1px solid #c1c1c4; border-bottom:0px; border-right:0px; font-size:12px; color:#000; padding:6px; width:73%;}

.colinputone label {float: left;  width: 100%; font-size:12px; font-family:Arial, Helvetica, sans-serif;}


.colinputtwo{ float:left; width:312px;  margin-left: 42px;}
.colinputtwo h3{ font-size: 21px;
color: #162664;
font-family: ubuntu;
border-bottom: 1px solid #ccc;
font-weight: 500;
padding-bottom: 10px;}
.colinputtwo input{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eff0f1+17,f4f5f6+85 */
background: #eff0f1; /* Old browsers */
background: -moz-linear-gradient(top,  #eff0f1 17%, #f4f5f6 85%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #eff0f1 17%,#f4f5f6 85%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #eff0f1 17%,#f4f5f6 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff0f1', endColorstr='#f4f5f6',GradientType=0 ); /* IE6-9 */
border-top:2px solid #c1c1c4; border-left:2px solid #c1c1c4; border-bottom:0px; margin-bottom:9px; border-right:0px; font-size:12px; color:#000; padding:7px; width:66%;}
.colinputtwo select{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eff0f1+17,f4f5f6+85 */
background: #eff0f1; /* Old browsers */
background: -moz-linear-gradient(top,  #eff0f1 17%, #f4f5f6 85%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #eff0f1 17%,#f4f5f6 85%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #eff0f1 17%,#f4f5f6 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff0f1', endColorstr='#f4f5f6',GradientType=0 ); /* IE6-9 */
border-top:1px solid #c1c1c4; border-left:1px solid #c1c1c4; border-bottom:0px; border-right:0px; font-size:12px; color:#000; padding:6px; width:73%;}
.colinputtwo label {float: left;  width: 100%; font-size:12px; font-family:Arial, Helvetica, sans-serif;}

.leftinput{ width:164px; float:left;}
.rightinput{ width:148px; float:left;}

.leftinput input {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #eff0f1 17%, #f4f5f6 85%) repeat scroll 0 0;
    border-color: #c1c1c4 -moz-use-text-color -moz-use-text-color #c1c1c4;
    border-style: solid none none solid;
    border-width: 2px 0 0 2px;
    color: #000;
    font-size: 12px;
    margin-bottom: 9px;
    padding: 7px;
    width:75%;
}


.rightinput select {
   background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #eff0f1 17%, #f4f5f6 85%) repeat scroll 0 0;
    border-color: #c1c1c4 -moz-use-text-color -moz-use-text-color #c1c1c4;
    border-style: solid none none solid;
    border-width: 1px 0 0 1px;
    color: #000;
    font-size: 12px;
    margin-bottom: 12px;
    margin-top: 15px;
    padding: 6px;
    width: 93%;
}
.rightinput input {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #eff0f1 17%, #f4f5f6 85%) repeat scroll 0 0;
    border-color: #c1c1c4 -moz-use-text-color -moz-use-text-color #c1c1c4;
    border-style: solid none none solid;
    border-width: 2px 0 0 2px;
    color: #000;
    font-size: 12px;
    margin-bottom: 9px;
    padding: 7px;
    width: 82%;
}
.colinputthree{ float:right; width:236px;}
.colinputthree h3{font-size: 21px;
color: #162664;
font-family: ubuntu;
border-bottom: 1px solid #ccc;
font-weight: 500;
padding-bottom: 10px;}
.inputtop{ float:left; width:100%;}
.inputtop input {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #eff0f1 17%, #f4f5f6 85%) repeat scroll 0 0;
    border-color: #c1c1c4 -moz-use-text-color -moz-use-text-color #c1c1c4;
    border-style: solid none none solid;
    border-width: 2px 0 0 2px;
    color: #000;
    font-size: 12px;
    margin-bottom: 9px;
    padding: 7px;
    width:20%;
}
.nextstep{ float:left; width:100%;}
.nextstep h5{color:#162664; font-family:ubuntu,arial; padding-bottom:10px; border-bottom:1px solid #ccc;  margin-bottom: 13px;}
.nextlist {
    margin: 0;
    padding: 0;
}
.nextlist li {
font-size: 12px;
list-style: outside none none;
font-family: ubuntu,arial;
}
.nextlist img {
    float: left;
    line-height: 65px;
	margin-right: 5px;
}
.nextlist input {
    margin: 0 5px 6px 0;
}
.nextlist span {
    color: #63cfff;
}
.mt{ margin: 0;  padding-top: 10px;}
.parghtext{ margin: 0px;
font-size: 12px;
font-family: ubuntu,arial;
line-height: 150%;}  
.parghtext span{color: #63cfff;}
.parghtext span a{color: #63cfff; text-decoration:none;}

.aust{border-top: 2px solid #f6f6f6;
    float: left;
    margin-left: 15px;
    margin-top: 23px;
    padding-top: 45px;
	padding-bottom: 45px;
    width: 96.9%;}
.leftlcd{ width:386px; float:left; margin:0 25px;}
.rightaust{ float:left; width:460px;}
.rightaust h6{color: #ff9c00;  font-family: "enigmaticregular";  font-size: 24px;  font-weight: bold;  margin-bottom: 15px;  margin-top: 0;}
.rightaust p{ font-size:15px; line-height: 20px; color:#000; font-family:Arial, Helvetica, sans-serif; padding-bottom: 20px;}
.rightaust p span{ color:#03254c;}
.rightaust p span a{ color:#03254c; text-decoration:none;}

footer{ background-color:#03254c; float:left; width:100%;}
.footer-container{ margin:0 auto; width:965px;}
.footerlogo{ float:left;}
.copyright{ float:right; padding-top:20px;}
.copyright > ul { margin: 0;   padding:0;}
.copyright > ul li{ float:right; list-style:none; padding: 0 5px 0 0;}
.copyright p{ font-size:11px; color:#016aaa; clear:both; font-family:Arial, Helvetica, sans-serif; padding-top:15px;}
.heightrow{height:30px; margin-bottom: 9px;/*height:23px;*/ float:left; width:100%;}
.labeltext{padding-top: 8px; width: 87% !important;}

.mobileview {margin: 0;  padding: 0; display:none;}
.mobileview > li {list-style: outside none none;  width:100%;}
.lineheight{ height:9px;}
.mobileview li input { width: 93%;}
.mobileview select { width: 99%;}
@media only screen and (min-width:320px) and (max-width:767px){
	.logo > img {
    width: 100%;
}
.container {
    margin: 0 auto;
    width: 95%;
}
.headingtop{ width: 100%;}
.headingtop h1{ font-size:21px; padding:5px 0 0;}
.headingtop h2{  font-size: 12px;}
.colinputone{   float: left;  width: 100%;  margin-left:0px;}
.colinputone input{ width: 93%;}

.colinputtwo {
    float: left;
    margin-left:0px;
    width: 100%;
}
.colinputthree{width:100%;}
.leftinput {
    float: left;
    width: 92%;
}
.leftinput input{ width: 100%;}
.rightinput {
    float: left;
    width: 100%;
}
.colinputone select{width: 98%;}
.rightinput input{width: 91%;}
.rightinput select{ width: 97%;}
.container-inner{ background:#fff none repeat scroll 0 0;}


.aust {
    border-top: 2px solid #f6f6f6;
    float: left;
    margin-left: 0;
    margin-top: 23px;
    padding-top: 45px;
    width: 98%;
}


.leftlcd {
    float: left;
    margin:0px;
    text-align: center;
    width: 100%;
}

.leftlcd > img {
    width: 81%;
}
.rightaust {
    float: left;
    text-align: center;
    width: 100%;
}
.footer-container {
    margin: 0 auto;
    width: 100%;
}
.footerlogo > img {
    width: 100%;
}


.copyright {
    float: left;
    padding-top: 0;
    text-align: center;
    width: 100%;
}

.copyright > ul li {
    display: inline;
    float: none;
    list-style: outside none none;
    padding: 0 5px 0 0;
}
.numberbox {
    margin: 36px auto 0;
    position: relative;
    width:300px;
}
.colbox1{ width:100px;}
.colbox2{ width:100px;}
.colbox3{ width:100px;}
.colinputthree{float: left;}
.numberbox::before{ width:166px;}
.heightrow {float: left;  width: 100%;}
.labeltext{padding-top: 08px; width:100% !important;}
.mobileview { display:block;}
.leftinput{ /*display:none;*/}
.rightinput{ /*display:none;*/}
	}
	
@media only screen and (min-width:768px) and (max-width:1024px){
	.container {
    margin: 0 auto;
    width:96%;
}
.container-inner{ background:#FFF;}
.headingtop{ width:100%;}
.headingtop h1{ font-size:27px;}
.headingtop h2{  font-size: 18px;}
.colinputthree {
    float: left;
    width: 256px;
}

.aust {
    border-top: 2px solid #f6f6f6;
    float: left;
    margin-left: 0;
    margin-top: 23px;
    padding-top: 45px;
    text-align: center;
    width: 100%;
}
.leftlcd {
    float: left;
    margin:0;
    width: 100%;
}
.rightaust {
    float: left;
    width: 100%;
}
.footer-container {
    margin: 0 auto;
    width: 96%;
}
.mobileview { display:none;}
}

.termsConLink{
	text-decoration: none;
}

#form_wrapr .error_message { 
	display: none; 
	/*width: 88.8%;*/ 
	width: 850px;
	max-width: none;
	margin: 10px 0px 45px 45px;
	clear: both;
	padding: 5px; 
	line-height: 20px; 
	background-color: #FEC3C6; 
	border: 1px solid #C25B66; 
	color: #AA3D49; 
}

#reg_step3_active { display: none; }

.form_page_title { background: none repeat scroll 0 0 #18c6f8; color: #FFF; font-size: 19px; font-family: 'sans-serif'; font-weight: bold; margin-bottom: 10px; padding: 7px; }
.register_sub_title { font-size: 17px; font-weight: normal; }
.blue_text { color: #00B4F7; }
.register_step2 { /*width: 500px;*/ width: auto; margin: 0 auto; min-height: 270px; background: url('/images/phone-in-hand.png') no-repeat 70% 30px transparent; /*background: url('/images/phone-in-hand.png') no-repeat right 30px transparent;*/ text-align:center; }
.register_step2 #activation_load { position: absolute; top: 16px; right: -15px; }
#form_wrapr .register_step2 .block1 { /*width: 194px;*/ /*margin-top: 42px; margin-left: 100px;*/ margin-left: 32%; text-align: center; }
#form_wrapr .register_step2 .text_field { width: 176px; padding:7px; }
.manual_registration { border-top: 1px solid #CCC; padding-top: 3px; text-align: left; }
.manual_registration .reg_filed { margin-bottom: 10px; }
#form_wrapr .register_step2 .reg_btn { margin-top: 7px; }
#form_wrapr .error { width: 182px; color: #ff0000; margin: 10px auto 0; text-align: left; }
.register_step3 { text-align: center; }
.register_step3 p { margin: 10px 0; }
.happy_bidding { font-style: italic; color: #000; font-weight: bold; margin: 20px 0; }
p.error { display: none; }
div.manual_registration { display: none; }
span#message, span#email_message, span#phone_message { position: relative; top: 4px; left:5px; }
/*#form_wrapr .error_message { background-color: #FEC3C6; border: 1px solid #C25B66; clear: both; color: #AA3D49; display: none; line-height: 20px; margin: 10px 0 10px 45px; padding: 5px; max-width: 400px; }*/
#reg_step3_active { display: none; }
.activationForm div { display: table-cell; float: left; line-height: 30px; padding: 0 5px; }
.activationForm #phone1, .activationForm #phone2 { width:50px; float:left; }
.activationForm #phone3 { width:102px; }
.activateButton { background: url('/images/sprite.buttons.png') no-repeat 0 -64px; width: 97px; height: 32px; border: none; display:block; }
.activateNow { font-size: 11px; margin-bottom: 20px; color: #333; line-height: 14px; }
#register_load { position: absolute; top: 19px; margin-left: 10px; }

.block_circle .active{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#18a2f7+26,0684d1+85 */
background: #18a2f7 ; /* Old browsers */
background: -moz-linear-gradient(top,  #18a2f7 26%, #0684d1 85%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #18a2f7 26%,#0684d1 85%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #18a2f7 26%,#0684d1 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18a2f7', endColorstr='#0684d1',GradientType=0 ); /* IE6-9 */
border-radius: 3px;  color: #fff;  font-size: 18px;  font-weight: bold;  padding: 5px;  text-align: center;  width: 22px; margin:auto auto 10px;
border: 0px solid #cfcfcf;
}

.active_wrap span{ font-size:16px; color:#ff9c00; font-family:ubuntu,Arial, Helvetica, sans-serif; }
#form_wrapr .reg_btn { background: url('/images/btn_register.png') repeat-x 0 0 #00B4F7; border: 0 none; border-radius: 3px; color: #FFF; font-weight: bold; padding:6px; }


.register_fbtn{
	outline: 0;
}

.hide{
	display: none;
}

.colinputtwo .field_wrapper{
	width: 50%;
	display: inline-block;
	float: left;
}

.colinputtwo .field_wrapper input{
	width: 76%; /*85%;*/
}

.colinputtwo .field_wrapper select{
	width: 87%; /*95%;*/
	margin-bottom: 9px;
}

.clearboth{
	clear: both;
}

.log_reg_area, .content_area { width:870px; padding:35px 45px 0 45px; }

@media only screen and (min-width:320px) and (max-width:767px){
	#form_wrapr .register_step2 .text_field{border: 1px solid #ccc;}
	.register_step2 { width: auto; margin: 0 auto; min-height: 270px; background: url('/images/phone-in-hand.png') no-repeat 80% 70px transparent; text-align:center; }
	.headingtop h2 span{ display:none;}
}

.cirlcle_1, .cirlcle_2, .cirlcle_3{
	height: 18px;
}

#form_wrapr{
	padding: 35px 0px 0px;
}

.field_wrapper #last_name, .field_wrapper #province{
	margin-left: 0px;
}

.circle_wraper, #form_wrapr input[name="register"]{
	background: none;
}

#form_wrapr .register_step2 .block1 h3.field_block_title{
	border-bottom: none;
}