body, html{
    margin:0;
    padding:0;
    width: 100%;
    max-width: 100%;
}
body {
    background: #E6E5E5 url('/resources/whitelabel/images/bg-body.png') 0 0 repeat-x;
}
h1 {
    color:#4b4b4b; 
    font-size:28px; 
    font-weight:400; 
    margin-bottom:18px
}
h2 {
    color:#4b4b4b; 
    font-size:20px; 
    margin-bottom:18px;
    font-weight: 400;
}
a, .consoleContainer a:link, .consoleContainer a:visited, .regoContainer a:link, .regoContainer a:visited {
    color:#4B4B4B;
    text-decoration: underline
}
input[type="text"], input[type="password"], textarea {
    border-radius:0; 
    -moz-border-radius:0;
    background: #fff;
    -moz-box-shadow: inset 1px 2px 6px #eee;
    box-shadow: inset 1px 2px 6px #eee;
    border: 1px solid #EEE;
    margin:0
}
input[type="submit"], .next input, .buttonRow .add-to-cart, #logonform input.button {
    font-size: 16px;
    padding: 10px 18px;
    color: #4b4b4b;
    text-decoration: none;
    font-weight: 600;
    background: #CCCCCC; /* Old browsers */
    background: -moz-linear-gradient(top, #E5E5E5 0%, #CCCCCC 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E5E5E5), color-stop(100%,#CCCCCC)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #E5E5E5 0%,#CCCCCC 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #E5E5E5 0%,#CCCCCC 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #E5E5E5 0%,#CCCCCC 100%); /* IE10+ */
    background: linear-gradient(to bottom, #E5E5E5 0%,#CCCCCC 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5E5E5', endColorstr='#CCCCCC',GradientType=0 ); /* IE6-9 */
    -moz-box-shadow: 4px 4px 0 rgba(0, 0, 0, .1);
    box-shadow: 4px 4px 0 rgba(0, 0, 0, .1);
    cursor: pointer;
    text-transform: uppercase;
    border-radius:0; 
    -moz-border-radius:0;
    border:0
}
input[type="submit"]:hover, .next input:hover, .buttonRow .add-to-cart:hover, #logonform input.button:hover {
    color: #191919;
    background: #FF9A35; /* Old browsers */
    background: -moz-linear-gradient(top,  #FF9A35 0%, #F76210 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF9A35), color-stop(100%,#F76210)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #FF9A35 0%,#F76210 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #FF9A35 0%,#F76210 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #FF9A35 0%,#F76210 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #FF9A35 0%,#F76210 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF9A35', endColorstr='#F76210',GradientType=0 ); /* IE6-9 */
}
#logonform {
    max-width: 445px;
}
#logonform input {
    float: right;
    clear: right;
}
#logonform label {
    float: left;
    line-height: 25px;
}
#logonform label + .subtext {
    line-height: 14px;
    position: absolute;
    margin: 9px 50px;
    font-size: 14px;
}
#logonform #domain {
    padding-left: 46px;
    max-width: 260px;
}
.logonbox .border {
    margin:0 0 10px 12px;
}
.logonbox td:first-child {
    vertical-align: top;
}
.search input, #multiDomainSearchBox .btn-search {
    font-size: 18px;
    padding: 14px 36px;
}
div#multiDomainSearchBox textarea {
    max-width: 630px;
}
select {
    font-size:13px
}
.container_12 {
    padding: 0 0; 
    background: #fff;
    position: relative;
    width: 100%;
    max-width: 960px;
}
.container_12 .grid_12, .container_16 .grid_16 {

    width: 100%;
    max-width: 960px;
    margin: auto;
    display: block;
    float: none;
}
div.storeContainer {
    padding: 20px;
}
/* NG Custom  */

div.startAgain a:visited {color:#f76210;}

.container_12ng {
    padding: 0 ; 
    background:none;
    position: relative;
	
	margin-left:auto;
 	margin-right:auto;
  	max-width:960px;
      width: 100%;
}

.footer-ng {
    padding: 10px; 	
	margin-left:30px;
 	margin-right:30px;
}


.container_12:nth-of-type(2) {
    padding-bottom: 40px; 
    border-bottom: 10px solid #F76210;  /* NG Custom #4C4C4C  */
}
.header {
    padding: 20px 30px 0px 30px ; /* NG altered for logo spacing */
    padding: 20px 30px;
}
.header h1 {
    background: url('/resources/whitelabel/images/logo.gif') 0 0 no-repeat;
    max-width: 300px; /* NG Custom 130px */
    height: 110px; /* NG Custom 38px */
    text-indent: -99999px;
    margin: 0;
}
#singleDomainSearchBox .searchBox {
    max-width: 690px;
    padding: 7px 20px;
}
.cartView #singleDomainSearchBox .searchBox {
    max-width: auto;
}
#singleDomainSearchBox input[type="text"] {
    max-width: 540px;
}
.cartView #singleDomainSearchBox input[type="text"] {
    max-width: 300px;
}
#singleDomainSearchBox input[type="submit"] {
    position: absolute;
    right: 20px;
    top: 20px;
}
.searchBox {
    padding: 20px;
    padding: 0;
    float:left;
    float: none;
    background: #fff;
    background: transparent;
    -moz-box-shadow: inset 1px 2px 6px #eee;
    box-shadow: inset 1px 2px 6px #eee;
    border: 1px solid #EEE;
}
.searchResults .domain {
    width: 100%;
    padding: 0;
}
.domain input[type="text"] {
    margin-bottom: 10px;
}
#domainSearchBox > .searchBox {
    background: transparent;
    box-shadow: none;
    padding: 0;
    border:0;
    display: block;
    float: none;
}  
#domainSearchBox > .searchBox .www,
.searchBox .www {
    position: absolute;
    padding: 18px 14px;
    left: 34px;
    line-height: 1em;
}
.searchBox .www {
    left: 34px;
}
#domainSearchBox > .searchBox input[type="text"],
.domain input[type="text"] {
    background: #fff;
    -moz-box-shadow: inset 1px 2px 6px #eee;
    box-shadow: inset 1px 2px 6px #eee;
    float:left;
    font-size:18px;
    padding:15px 14px 15px 75px;
    max-width: 59%;
    width: 100%;
}

div#domainSearchBox input[type="submit"] {
    float:right;
    width: 148px;
}
td#existingCustomer .next {
    margin-top: 12px;
}

td#existingCustomer input[type="text"], td#existingCustomer input[type="password"] {
    max-width:180px;
    max-width: 100%;
    width: 100% !important;
    padding: 12px;
}
.orderBox form table {
    width: 100%;
}
.www {
    font-size: 18px;
    line-height: 1em;
    position: absolute;
    vertical-align: bottom;
    padding-top: 8px;
}
#singleDomainSearchBox input[type="text"] {
    font-size: 18px;
    border-right: 1px solid #C4C4C4;
    padding: 6px 0;
    margin-left: -3px;
    border:0 !important;
    background:0;
    box-shadow: none;
    margin-left: 45px;
}
#singleDomainSearchBox select {
    -webkit-appearance: none;
    font-size: 18px;
    padding: 0 18px 0 10px;
    background: #fff url(/resources/whitelabel/images/select-arrow.png) 100% 50% no-repeat;
    border:0;
    margin:0;
    max-width:100px;
}
.domainTransferForm input[type="text"] {
    font-size: 14px !important;
    padding: 10px 12px !important;
}
.domainTransferForm select {
    height: 39px;
    margin-left: 10px;
}
.domainTransferForm h2:nth-of-type(2) {
    margin-top: 20px;
}
.domainTransferForm input[type="submit"] {
    font-size: 16px; 
    padding: 10px 18px;
    float: none !important;
    margin-left: 10px;
}
.order-topNav {
    margin: 0;
    border-bottom: 6px solid #6A6A6A;
    padding: 0 20px;
    height: 53px;
}
ul.wizard {
    padding: 0 0 0 20px;
}
ul.wizard li, ul.wizard li.active, .wizard .complete {
    font-weight: 300;
    line-height: 27px;
}
.wizard a, .wizard .active a:link, .wizard .active a:visited, #consoleWrapper a:link, #consoleWrapper a:visited, .orderContainer a:link, .orderContainer a:visited, div.startAgain a:visited,  .order-topNav a:link, .order-topNav a:visited {
    color:#4B4B4B;
    text-decoration: underline;
}

.orderBox {
    background: #f1f1f1; /* Old browsers */
    background: -moz-linear-gradient(top, #f1f1f1 0%, #f9f9f9 30%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(30%,#f9f9f9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f1f1f1 0%,#f9f9f9 30%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f1f1f1 0%,#f9f9f9 30%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f1f1f1 0%,#f9f9f9 30%); /* IE10+ */
    background: linear-gradient(to bottom, #f1f1f1 0%,#f9f9f9 30%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */    border:0;
    padding:20px;
    overflow: hidden;
    position:relative
}
.orderBoxWrapper {
    border:0
}
input.btn-previous, input.btn-previous:hover {
    background: 0 !important;
    box-shadow: none;
    padding: 0;
    text-transform: none;
    font-weight: 400;
    text-decoration: underline;
    font-size: 15px;
}
#shoppingCart td, #shoppingCart .domain, #shoppingCart .referenceId {
    border: 0
}
#shoppingCart {
    border:1px solid #f1f1f1
}
#shoppingCart .remove {
    padding:0;
    box-shadow: none;
    -moz-box-shadow:none;
}
.hosting td {
    border-bottom: 1px solid #F1F1F1 !important;
}
#consoleWrapper ul.wizard {
    margin: 0;
    padding: 10px 20px;
    border-bottom: 1px solid #f1f1f1;
}
div#selectHosting a, #newCustomer .next {
    padding: 0;
}
.next.login {
    width:auto
}
td#existingCustomer .help {
    border: 0;
    background: 0;
    padding: 0 !important;
    font-weight: 400;
}
#wizardLinks {
    padding-left:.3em;
    float: right;
}
#wizardLinks a {
    padding-left: 1em;
}
.startAgain {
    padding:0
}
#shoppingCart td.referenceId {
    padding:20px 0 10px 10px;
}
#shoppingCart .rego td {
	border-bottom:1px solid #f1f1f1;
}
div#wrapper {
    float: none;
    display: block;
    padding: 40px 0;
    width: 100%;
    margin: 0 auto;
    overflow: visible;
}

.tabsBar {
    margin: 0 -40px;
    padding: 0 40px;
    max-width: 980px;
    border-top: 10px solid #FFF;/* NG Custom #6A6A6A 6px */
    border-bottom: 1px solid #AAA;
}
#displayTabs .ui-tabs-nav, .ui-widget-header {
    margin-top: 0px; /* NG 10px */
    border: 0;
}
.consoleContainer #consoleWrapper {
    padding-top:20px
}
.consoleContainer input[type="text"], .consoleContainer input[type="password"], .consoleContainer textarea {
    background: #fff;
    font-size: 14px;
    padding: 6px 14px;
    -moz-box-shadow: inset 1px 2px 6px #eee;
    box-shadow: inset 1px 2px 6px #eee;
}
.consoleContainer input[type="submit"] {
    font-size: 14px;
    padding: 6px 14px;
}
div#domainSearchBox ul.tlds {
    clear: both;
    padding-left: 10px;
    padding-left: 0;
    text-align: center;
}
div#domainSearchBox ul.tlds li {
    text-align: left;
    font-size: 14px;
}
div.info-box {
    padding: 0;
    font-weight: bold;
    background: 0;
    border: 0;
}
#passwordHelp {
    font-weight:normal
}
.domainAdd .btn-select-hosting, .domainAdd .btn-add-addons {
    font-size: 14px;
    padding: 6px 20px;
}
@-moz-document url-prefix() {
    #singleDomainSearchBox select {
        padding: 6px 0;
        background: none;
    }
    #domainSearchBox > .searchBox .www {
        padding-top:21px;
    }
    .www {
        padding-top:11px
    }
}
/**/

.header {border-bottom: 0px solid #F1F1F1 !important;}

body {
    background: #e6e5e5 url(https://www.nichedomains.com.au/images/body-tile-light.png) 0 0;
}

/** Responsive Ben **/
#domainSearchResults.with-cart {
    float: none;
    width: 100%;
    display: block;
    vertical-align: top;
}
#shopping-cart-wrapper, #auto-applied-wrapper{
    float: none;
    width: 100%;
    display: block;
    vertical-align: top;
}
.next {
    float: none;
    text-align: right;
}
div#domainSearchBox ul.tlds li {
    color: #333;
    float: none;
    line-height: 2em;
    margin: 0 5px;
    padding: 0;
    width: auto;
    display: inline-block;
    width: 107px;
}
div#domainSearchBox div.mobileView,
div.mobileView {
    display: none;
}
.searchResults tr.last td{
    text-align: right;
}
#shopping-cart-wrapper h4 {
    padding: 20px 10px 13px 30px;
}
.startAgain a {
    font-size: 16px;
    padding: 10px 18px;
    color: #4b4b4b;
    text-decoration: none;
    font-weight: 600;
    background: #CCCCCC;
    background: -moz-linear-gradient(top, #E5E5E5 0%, #CCCCCC 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E5E5E5), color-stop(100%,#CCCCCC));
    background: -webkit-linear-gradient(top, #E5E5E5 0%,#CCCCCC 100%);
    background: -o-linear-gradient(top, #E5E5E5 0%,#CCCCCC 100%);
    background: -ms-linear-gradient(top, #E5E5E5 0%,#CCCCCC 100%);
    background: linear-gradient(to bottom, #E5E5E5 0%,#CCCCCC 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5E5E5', endColorstr='#CCCCCC',GradientType=0 );
    -moz-box-shadow: 4px 4px 0 rgba(0, 0, 0, .1);
    box-shadow: 4px 4px 0 rgb(0 0 0 / 10%);
    cursor: pointer;
    text-transform: uppercase;
    border-radius: 0;
    -moz-border-radius: 0;
    border: 0;
}

/** MY ACCOUNT PAGE ***/
.elig-box {
    padding: 20px 0 0 0;
}
.elig-box select {
    width: 100% !important;
    background-color: #fff !important;
    padding: 7px;
    border-radius: 0;
}

/** PAYMENT PAGE **/
#creditCardForm {
    padding: 20px 0;
    background: url(/resources/images/icon-cc.png) no-repeat top center transparent;
}
.storeContainer div.braintree-hosted-fields {
    width: 100%;
    border-radius: 0;
    -o-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
#creditCardForm input[type="text"] {
    width: 100%;
}
.checkContainer {
    width: 100%;
    float: none;
    display: block;
}
@media (max-width: 959px) { 
    table#accountContact tr {
        display: block;
        width: 100%;
        clear: both;
        margin-top: 10px;
        line-height: 24px;
    }
    table#accountContact td {
        vertical-align: middle;
        display: block;
        width: 100%;
        clear: both;
        padding: 0;
    }
    #newCustomer .form {
        width: 100%;
    border: none;
    margin: 10px 0 !important;
    }
    #newCustomer input[type="text"] {
        width: 100%; 
        padding: 12px;
    }
    #newCustomer td select {
        width: 100% !important; 
        padding: 12px;
    }
}
@media (max-width: 767px) {
    body {
    }
    #singleDomainSearchBox input[type="text"] {
        max-width: 200px;
        width: 100%;
    }
    div#wrapper {
        width: 100%;
    }
    table {
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
        border: 1px solid #fff;
        
    }
      
    th, td {
        text-align: left;
        padding: 8px;
    }
      
    tr:nth-child(even){
        background-color: #f2f2f2
    }
}
@media (max-width: 670px) {
    body {
    }
    /** POPUP SECTION **/
    .ui-widget-content {
        width: 94% !important;
        left: 13px !important;
    }
    .products div.container {
        width: 100%;
        float: none;
    }
    .productContainer {
        max-width: 780px;
        padding-left: 0;
        width: 100%;
        padding-top: 20px;
    }
    .products div.product .btnSelect {
        margin: 0 14px;
        display: block;
        float: none;
        width: 91%;
    }
    .products div.product {
        max-width: 770px;
        width: 100%;
        padding: 10px 0 24px 0;
    }
    .products div.description {
        float: none;
        padding: 20px 20px 0;
        text-align: left;
        max-width: 580px;
        width: 100%;
    }
    .products div.price {
        padding: 0 18px;
    }
    .products div.header h3 {
        font-size: 25px;
    color: #e0783e;
    }
    .products div.product div.header {
        
    }
    .wizard li {
        line-height: 26px;
    }

    div#domainSearchBox input[type="submit"] {
        float: left;
    }
    #domainSearchBox > .searchBox input[type="text"] {
        max-width: 83%;
        margin-bottom: 10px;
    }

    
}
@media (max-width: 612px) { 
    #singleDomainSearchBox input[type="text"] {
        max-width: 10vw;
        width: 100%;
    }
    #domainSearchBox > .searchBox input[type="text"] {
        max-width: 67vw;
        padding: 15px 0 15px 70px;
    }
    .footer_ng,
    .footer_ng p {
        text-align: center;
    }
}
@media (max-width: 520px) { 
    div#domainSearchBox div {
        display: block;
        margin-top: 0;
        overflow: hidden;
       
    }
    .searchBox {
        position: relative;
    }
    #singleDomainSearchBox input[type="text"] {
        max-width: 100vw; 
        margin-left: 35px;
        padding: 17px 10px;
    }
    div#domainSearchBox input[type="submit"] {
        float: none;
        position: unset;
    }
    #domainSearchBox > .searchBox .www, .searchBox .www {
        padding: 18px 0;
        left: 20px;
    }
    #singleDomainSearchBox select {
        padding: 0 18px 0 0;
        margin-bottom: 10px;
    }
    table.searchResults tr > td:nth-child(2),
    th.status  {
        display: none;
    }
    
    #existingCustomer .orderBox table {
        border: none;
    }

    .storeContainer input[type="text"], .storeContainer input[type="password"], .storeContainer textarea {
        padding: 7px 0;
        padding: 15px 0 15px 65px;
        width: 100% !important;
        max-width: 100% !important;
    }

}
@media (max-width: 450px) { 
    .previous {
        float: none;
        padding: 0;
        display: block;
        margin-bottom: 20px;
    }
    div#domainSearchBox ul.tlds li {
        width: 44%;
    }
    #registrantContact div {
        margin-bottom: 10px;
    }
    #registrantContact input.radio {
        float: left;
        margin-bottom: 10px;
        margin-right: 10px;
    }
}

@media (max-width: 450px) { 
    #existingCustomer .orderBox {
        width: 100% !important;
        clear: both;
        float: none;
        padding: 16px;
        margin: 0;
    }
    .logo img {
        max-width: 100%;
    }
}
@media (max-width: 390px) { 
    div#selectHosting a {
        font-size: 14px;
    }
    table#shoppingCart td.total {
        font-size: 15px;
        font-weight: bold;
    }
    #wizardLinks {
        float: none;
    }
    #order-products li {
        padding: 20px 0 20px 0;
    }
}