﻿/* AU Specific Styles */

.WelcomeMessage {
    margin-top:9px;
    margin-right:90px;
    border-right: solid 1px #278fca;
    padding-right:10px;
}

#MyAccountMenu #MyAccountMenuContainer {
    width:980px;
    padding: 0 15px;
    top:-30px;
}

    #MyAccountMenu #MyAccountMenuContainer .TopLevelMenuItem > a {
        color:#278fca;
        font-size:14px;
    }

        #MyAccountMenu #MyAccountMenuContainer ul.MyAccountMenuItemContainer li ul.MenuItemContainerSubItems {
            right:10px;
        }


div#MyStatement .InvoiceListColumn, div#BookingInvoices .InvoiceListColumn {
    width:108px;
}

#DS-AddressSurround {
    width: 425px;
}

.BottomNavBarContent {
    left:445px;
}

.AccountDetails #ContactDetails select.Address {
    padding:2px;
}

/* END AU Specific Styles */

h2, h4 {
    color: #278fca;
}



textarea {
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
    font-size: 16px;
    color:#222;
}

input[type=text], input[type=password], input[type=number], input[type=email], input[type=tel], textarea {   
    background-color: #fff;
    border: 1px solid #278fca;
    padding: 3px 7px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

input.input-validation-error {
    background-color: #fee;
    border: 1px solid #ff0000;
}

#ContactDetails #Email {
    width:380px !important;
}

a.LinkButton:hover {
    color:#fff;
}

.QuotationForm #ContactDetails input {
    width: 380px !important;
}

.QuotationForm #ContactDetails select {
    width: 150px !important;
}

.QuickQuote form input[type=submit] {
    width: 175px;
}

.QuotationSummary div {
    margin:10px 0;
}

#SiteMapLink {
    display:none;
}

#DSLLink, #ProductLink {
    color: #fff;
    text-decoration:none;
}

#DSLLink:hover, #ProductLink:hover {
    color: #fff;
    text-decoration:underline;
}
.UserBarData .DS-BookNow {
    top:65px;
}

.UserBarData .DS-HeaderTelNo {
    right:70px;
    top:80px;
}

.UserBarData .DS-LinesOpen {
    top:115px;
}

legend {
    color: #278fca;
    font-weight: bold;
    margin-left: 10px;
}

.datepick-month-header, .datepick-month-header select, .datepick-month-header input,
.datepick-month-header select, .datepick-month-header input {
    height: auto;
}

.datepick-nav, .datepick-ctrl {
    background-color: #278fca;
    color: #fff;
}

.datepick-month th, .datepick-month th a {
    background-color: #278fca;
    color: #fff;
}

.datepick-month td .datepick-selected {
    background-color: #278fca;
    color: #fff;
}

.datepick-month td .datepick-weekend {
    background-color: #ddd;
}

.datepick-month td span {
    color: #888;
}

span.charcounter {
    color:#278fca;
}

.ErrorSummary {
	color: #ff0000;
    background: rgba(255, 0, 0, 0.25);
	border:solid rgba(255, 0, 0, 0.5);
	border-radius: 25px;	
	padding:20px;
	margin-bottom:20px;
}

.ErrorSummary h2 {
	color: #ff0000;
}

.ForgottenPassword {
    display: inline-block;
    margin-top: 10px;
}

#tooltip {
    background-color:rgba(39, 143, 202, 0.6);
    border:solid 1px #278fca;
    border-radius:3px;
    color:#fff;
    font-weight:bold;
    padding:10px;
}

/* Image Gallery */
.DSImageGallery {
    list-style-type: none;
    padding-bottom: 10px;
    padding-top: 10px;
    text-decoration: none;
}

    .DSImageGallery li {
        background-color: none;
        display: table-cell;
        float: left;
        height: 100px;
        margin-bottom: 5px;
        margin-right: 5px;
        text-align: center;
        vertical-align: middle;
        width: 100px;
    }

        .DSImageGallery li a {
            margin: 0 auto;
        }

            .DSImageGallery li a img {
                border: none;
                height: auto;
                width: 100px;
            } 


/* Login Page */

.LoginContent {
    border: 1px solid #9c9ea1;
    padding: 10px;
    position: relative;
    width: auto;
}

.CombinedLogin .PageHeader {
    position: initial;
    width: auto;
}
