html,
body {
    background-color:#155465;
}

.capitalise {
    text-transform:capitalize;
}

.height-0 {
    height:0;
}

.netplate-profile-share-buttons {
    text-align:center;
}
@media only screen and (max-width : 768px) {
}
@media only screen and (max-width : 480px) {
    .netplate-profile-share-buttons img {
        max-width:40px;
    }
}

.hr {
    background:#CCC;
    height:1px;
    overflow:hidden;
    margin:20px 0;
}
.hr hr {
    display:none;
}


.form-box-grey fieldset,
.box-grey {
    padding:30px 30px 10px;
    border-radius:10px;
    background: rgba(0,0,0,0.07);
    margin-bottom:20px;
}
.form-box-grey,
.form-box-grey .field .description, 
.form-box-grey .right-title,
.form-box-grey label.right,
.box-grey {
    color:#333 !important;
}

.help-box-blue {
    background:#CFF0F7 url('../images/help-block-icon.png') top right no-repeat;
    padding:10px 60px 20px 40px;
    border-radius:10px;
}
.help-box-blue h1,
.help-box-blue h2,
.help-box-blue h3,
.help-box-blue h4,
.help-box-blue h5,
.help-box-blue h6 {
    color:#111;
    font-family: 'Raleway', sans-serif;
    font-weight:700;
    text-shadow:none;
}

.container-fluid,
.container {
    max-width:970px;
}
img {
    vertical-align:middle;
}

.social-tree-header,
.social-tree-header h1,
.social-tree-header h2,
.social-tree-header h3,
.social-tree-header h4,
.social-tree-header h5,
.social-tree-header h6 {
    color:#FFF;
}
.social-tree-header {
    background:#1D5564 url('../images/social-tree-header-bg.png') no-repeat center top;
    padding:80px 0 70px;
}
@media only screen and (max-width : 992px) {
    .social-tree-header {
        background-image:url('../images/social-tree-header-bg-tablet.png');
        padding:40px 0 50px;
    }
}
@media only screen and (max-width : 768px) {
    .social-tree-header {
        background-image:none;
        padding:20px 0 50px;
    }
}

div.field.colorswatch {
    background-image:url('../images/color-swatch-icon.png');
    background-repeat:no-repeat;
    background-position:right top;
    margin:20px 0 40px;
}
div.field.netplatebackground {
    background-image:url('../images/color-swatch-icon.png');
    background-repeat:no-repeat;
    background-position:right top;
    margin:20px 0 40px;
}

.no-header-shadows h1,
.no-header-shadows h2,
.no-header-shadows h3,
.no-header-shadows h4,
.no-header-shadows h5,
.no-header-shadows h6 {
    text-shadow:none;
}


form label {
    font-size:0.85rem;
}

/* master */
#master {
    overflow:hidden;
}


/* navigation */
#navigation {
    background:#FFF;
}
#navigation ul a {
    display:block;
}
#navigation ul ul {
    background:rgba(0,0,0,0.7);
}
ul.css-hover-nav ul.level-2 li:hover > a {
    background:rgba(0,0,0,0.5);
}
/* ensure the last dropdown aligns to the right, not left */
#navigation ul.level-1 li.level-1.last ul.level-2 {
    right:0;
    left:auto;
}
#navigation ul.level-2 a {
    color:#FFF;
}
#navigation .mobile-nav-toggle {
    font-size:28px;
    line-height:32px;
    color:#47ABC3;
    background:url('../images/menu-32.png') no-repeat left center;
    background-size:contain;
    padding-left:38px;
    font-weight:600;
    float:right;
    margin-top:8px;
}


/* header */
#header-left,
#header-right {
    height:86px;
}
#header-left {
    padding-top:21px;
}
#header-right {
    text-align:right;
}
#header-left img {
    width:190px;
}

#alt-nav {
}
#alt-nav ul {
    margin-bottom:14px;
}
#alt-nav a {
    color:#FFF;
    background-color:#10B6DE;
    display:block;
    line-height:32px;
    padding:0 15px 0 35px;
    background-position:4px center;
    background-repeat:no-repeat;
    font-weight:700;
}
#alt-nav a:hover {
    background-color:#0B9ABA;
}
#alt-nav .alt-nav-logout a {
    background-image:url('../images/logout.png');
}
#alt-nav .alt-nav-account a {
    background-image:url('../images/user.png');
}
#alt-nav .alt-nav-create-account a {
    background-image:url('../images/user-add.png');
}

#main-nav {
    font-weight:700;
}
#main-nav li.level-1 {
    margin-right:20px;
}
#main-nav li.level-1.last  {
    margin-right:0;
}


#slideshow-images .slideshow-image {
    height:470px;
    width:100%;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
}


/* layout */
#layout {
    background:#FFF;
}


#layout-content-main {
    margin:40px 0;
}



/* footer */
#footer {
    overflow:hidden;
}
#footer,
#footer a,
#footer-after,
#footer-after a {
    color:#FFF;
}
#footer h6 {
    color:#5ED3ED;
    font-family: 'Raleway', sans-serif;
    font-weight:300;
    text-transform:uppercase;
    font-size:22px;
    margin:40px 0 0;
}
.footer-col {
    min-height:100px;
}
#footer-1 li {
    background:url('../images/list-arrow-white.png') left 4px no-repeat;
    padding-left:15px;
    margin-bottom:15px;
}
#footer .footer-nav {
    margin:20px 0;
}
#footer-main {
}
#footer .footer-col {
}
#footer-after {
    padding:5px 0;
}
#footer-after-line {
    border-top:1px solid #5ED3ED;
    margin:15px 15px 20px;
}
#footer-after .row {
    padding-bottom:20px;
}
#footer-after-right {
    text-align:right;
}
#footer-after-right a {
    color:#BBB;
}

ul#footer-social {
    position:absolute;
    bottom:0;
    right:15px;
    margin-bottom:10px;
}
ul#footer-social > li {
    margin:0 10px 0 0 ;
}
ul#footer-social > li:last-child {
    margin-right:0;
}
ul#footer-social a.icon {
    width:40px;
    height:40px;
}





/* elements */




/* classes */
.easyaddress-map {
    height:300px;
}

.password-requirements {
    background:rgba(0,0,0,0.1);
    overflow:hidden;
    padding:0 20px;
    border-radius:4px;
    margin-bottom:20px;
}


#please-wait-layer {
    background:rgba(255,255,255,0.7);
    z-index:999998;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    display:none;
}
#please-wait-layer .image {
    position:fixed;
    background:rgba(255,255,255,0.7) url('../images/please-wait-animation.gif') no-repeat center 8px;
    width:340px;
    left:50%;
    margin-left:-170px;
    height:170px;
    top:50%;
    margin-top:-135px;
    border:5px solid #FFF;
    box-sizing:border-box;
    border-radius:20px;
    box-shadow:rgba(0,0,0,0.2) 0 0 30px ;
}
.ui-datepicker,
.ui-timepicker {
    font-size:12px;
}

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
}
/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}

/*==========  Desktop First Method  ==========*/

/* Medium Devices, Desktops */
@media only screen and (min-width : 769px) and (max-width : 992px) {
    #header-left {
        padding-top:26px;
    }
    #slideshow-images .slideshow-image {
        height:360px;
    }
    #footer {
        font-size:0.9em;
    }
    ul#footer-social a.icon {
        width:40px;
        height:40px;
    }
}
/* Small Devices, Tablets */
@media only screen and (min-width : 481px) and (max-width : 768px) {
}
@media only screen and (max-width : 768px) {
    #slideshow-images .slideshow-image {
        height:220px;
    }
    #footer-1 li {
        background:none;
        padding-left:0;
        margin-bottom:15px;
    }
    .footer-col,
    #footer-4 {
        text-align:center;
        margin-bottom:20px;
    }
    #footer .row .footer-col:last-child {
        margin-bottom:0;
    }
    #footer-after-left,
    #footer-after-right {
        text-align:center;
    }
    ul#footer-social {
        position:static;
        bottom:auto;
        right:auto;
    }
}
/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 321px) and (max-width : 480px) {
}
@media only screen and (max-width : 480px) {
    #header-left,
    #header-right {
        height:72px;
    }
    #header-left img {
        width:140px;
    }
    #navigation .mobile-nav-toggle {
        font-size:18px;
        line-height:22px;
        padding-left:28px;
        margin-top:7px;
    }
    #slideshow-images .slideshow-image {
        height:170px;
    }
}
/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
}


.btn {
    margin:0 5px 10px 0;
}
/* button fixes */
input[type="submit"],
.btn,
.btn:hover,
.btn:active,
.btn:focus {
    background:none;
    border-width:3px;
    text-transform:uppercase;
    font-weight:700;
    border-radius:none;
    border-color:#333;
    color:#333 !important;
}
.btn:hover,
.btn:active,
.btn:focus {
    border-color:#050505;
    color:#050505 !important;
    background:rgba(0,0,0,0.2) !important;
}
.btn btn-md {
    padding:8px 25px;
}
.btn-primary,
input[type="submit"].btn-primary {
    border-color:#333;
    color:#333 !important;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
input[type="submit"].btn-primary:hover,
input[type="submit"].btn-primary:active,
input[type="submit"].btn-primary:focus {
    border-color:#050505;
    color:#050505 !important;
}
.btn-secondary,
input[type="submit"].btn-secondary {
    border-color:#FFF;
    color:#FFF !important;
}
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus,
input[type="submit"].btn-secondary:hover,
input[type="submit"].btn-secondary:active,
input[type="submit"].btn-secondary:focus {
    border-color:#CCC;
    color:#FFF !important;
}
.btn-warning,
input[type="submit"].btn-warning {
    border-color:#8A6D3B;
    color:#8A6D3B !important;
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning:focus,
input[type="submit"].btn-warning:hover,
input[type="submit"].btn-warning:active,
input[type="submit"].btn-warning:focus {
    border-color:#684D22;
    color:#684D22 !important;
}
.btn-danger,
input[type="submit"].btn-danger {
    border-color:#7F1919;
    color:#7F1919 !important;
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger:focus,
input[type="submit"].btn-danger:hover,
input[type="submit"].btn-danger:active,
input[type="submit"].btn-danger:focus {
    border-color:#4C1111;
    color:#4C1111 !important;
}
.btn-success,
input[type="submit"].btn-success {
    border-color:#2B7C18;
    color:#2B7C18 !important;
}
.btn-success:hover,
.btn-success:active,
.btn-success:focus,
input[type="submit"].btn-success:hover,
input[type="submit"].btn-success:active,
input[type="submit"].btn-success:focus {
    border-color:#184911;
    color:#184911 !important;
}

.btn-white {
    background-color:#FFF !important;
}
.btn-white:hover {
    background-color:#EEE !important;
}


 

form.netplate-style {
    margin:40px 0 0;
    position:relative;
    max-width:697px;
}
form.netplate-style .description {
    color:#FFF;
    text-align:center;
}
form.netplate-style fieldset {
    overflow:hidden;
}
form.netplate-style div.field.text label {
    display:none;
}
form.netplate-style div.field.text {
    padding-right:90px;
    margin:0;
    position:relative;
    background:url('../images/red-line.png') repeat-x center;
}
form.netplate-style div.field.text .middleColumn {
    margin:0;
    background-size:contain;
    background-position:left center;
    background-repeat:no-repeat;
}
form.netplate-style div.field.text input {
    text-transform:uppercase;
    background-color:transparent;
    background-position:left top;
    background-repeat:no-repeat;
    background-size:contain;
    border:none;
    text-align:center;
    margin:0;
    font-family: 'Dosis', sans-serif;
    color:#333;
    text-shadow:0.06em 0.06em 0 rgba(0,0,0,0.2);
    box-sizing:border-box;
    padding:0 5% 0 10%;
    /*
    line-height:80px;
    font-size:76px;
    padding:25px 30px 24px 60px;
    */
}
form.netplate-style #SearchType {
    margin-top:10px;
}
form.netplate-style .Actions {
    position:absolute;
    right:0;
    top:0;
}
@media only screen and (max-width : 992px) {
    form.netplate-style div.field.text {
        padding-right:80px;
    }
}
@media only screen and (max-width : 768px) {
    form.netplate-style div.field.text {
        padding-right:60px;
    }
}

/* read-only version */
form.netplate-style.read-only .Actions {
    display:none;
}
form.netplate-style.read-only div.field.text {
    background:none;
}
@media only screen and (max-width : 768px) {
    form.netplate-style.read-only div.field.text {
        padding:0;
    }
}

/* alt CSS for search */
form.netplate-search-style {
    margin:0;
}
@media only screen and (max-width : 480px) {
    form.netplate-style .Actions {
    }
}



.btn-facebook{
    border-color:#3B5998 !important;
    color:#3B5998 !important;
}
.btn-facebook:hover {
    border-color:#1C3568 !important;
    color:#1C3568 !important;
}
.btn-google {
    border-color:#C03C30 !important;
    color:#C03C30 !important;
}
.btn-google:hover {
    border-color:#8C2016 !important;
    color:#8C2016 !important;
}