﻿/* Demo5Multi */

.WelcomeMessage {
    margin-top:-2px;
    margin-right:49px;
    border-right: solid 1px #c7c6ca;
    padding-right:10px;
    text-transform:uppercase;
}

#MyAccountMenu {
    top:10px;
    text-transform:uppercase;
}

#MyAccountMenu li.TopLevelMenuItem > a{
    color:#c7c6ca;
}

#MyAccountMenu .Login {
    margin: 0;
}

ul.MenuItemContainer ul {
    background-color:#443f50;
}

div#MyStatement {
    font-size: 12px;
}

div#MyStatement .InvoiceListColumn, div#BookingInvoices .InvoiceListColumn {
    width:118px;
}

h2, h3, h4 {
    color: #fb0050;
}



.RightColumnContent {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -moz-box-shadow: 0px 2px 3px #E0E0E0;
    -webkit-box-shadow: 0px 2px 3px #E0E0E0;
    box-shadow: 0px 2px 3px #E0E0E0;
}

.RightColumn .RightColumnContent ul.DSImageGallery li,
.RightColumn .RightColumnContent ul.DSImageGallery li img {
    width:95px;
}

.QuotationSummary a#SubmitAnotherQuotation {
    text-decoration: none;
}

.QuotationSummary a#SubmitAnotherQuotation:hover {
    text-decoration: underline;
}

textarea {
    font-family: 'Trebuchet MS', Helvetica, sans-serif;
    font-size: 16px;
    color:#000;
}

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;
}

#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: #fb0050;
    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: #fb0050;
    color: #fff;
}

.datepick-month th, .datepick-month th a {
    background-color: #fb0050;
    color: #fff;
}

.datepick-month td .datepick-selected {
    background-color: #fb0050;
    color: #fff;
}

.datepick-month td .datepick-weekend {
    background-color: #ddd;
}

.datepick-month td span {
    color: #888;
}

span.charcounter {
    color:#fb0050;
}

.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:#fb0050;
    border:solid 1px #fb0050;
    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: 100%;
    margin: 40px auto 0 auto;
    box-sizing: border-box;
}

.LoginContent .Field {
    width:800px;
}

.LoginContent .ButtonBar .LoginButton {
    margin-right: 0px;
}

.CombinedLogin .PageHeader {
    position: initial;
    width: auto;
}


div.QuotationList div.QuotationContainer, 
div.BookingsList div.BookingContainer {
    border:1px #c2c3c9 solid;
    margin:2px 0;
}

table#Quotations,
table#Bookings {
    border-bottom:1px solid #c2c3c9;
}

table#Quotations tr.First td,
table#Bookings tr.First td {
    border-top:1px solid #c2c3c9;
}

table#Quotations tbody tr:first-child td,
table#Bookings tbody tr:first-child td {
    border-top:none;
}

#LoginDiv .SingleColumnContent {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}