body {
    font-family: TedNext, Arial, "sans-serif";
    font-weight: 500;
    font-size: 16px;
    color: #414042;
    background-color: #FFF;
    margin: 0px;
    padding: 0;
}

a {
    cursor: pointer;
    color: #0A5498;
}

/*Controls starts------------------------------------------------------------------*/
input[type="text"],
input[type="password"],
input[type="date"],
textarea {
    line-height: 42px;
    height: 44px;
    text-align: left;
    border-radius: 15px;
    padding: 0 15px;
    font-family: TedNext, Arial, "sans-serif";
    font-weight: 500;
    font-size: 14px;
    border: 1px solid #bcbec0;
    color: #414042;
}

    input[type="text"]:hover,
    input[type="password"]:hover,
    input[type="date"]:hover,
    textarea:hover {
        border: 1px solid #a09fa0;
    }

/*input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="date"]:focus,*/
input[readonly] {
    background-color: rgb(235, 235, 228);
}

textarea:focus {
    border: 1px solid #01b5cf;
}


input[type="date"]::-webkit-calendar-picker-indicator {
    color: transparent;
    background-color: transparent;
    cursor: pointer;
}

input[type="date"]::-webkit-inner-spin-button {
    display: none;
    -webkit-appearance: none;
}

input[type="date"] {
    background: url(calendar.png) no-repeat right center;
    cursor: pointer;
}

label {
    font-family: TedNext, Arial, "sans-serif";
    font-size: 16px;
    font-weight: 500;
    color: #414042;
    margin: 9px 0;
}

input[type="checkbox"]:checked + label,
input[type="radio"]:checked + label {
    color: #414042;
}

input[type="checkbox"]:not(:checked),
input[type="checkbox"]:checked,
input[type="radio"]:not(:checked),
input[type="radio"]:checked {
    position: absolute;
    left: -9999px;
}

    input[type="checkbox"]:not(:checked) + label,
    input[type="checkbox"]:checked + label,
    input[type="radio"]:not(:checked) + label,
    input[type="radio"]:checked + label {
        position: relative;
        padding-left: 20px;
        padding-right: 20px;
        cursor: pointer;
    }

        input[type="checkbox"]:not(:checked) + label:before,
        input[type="checkbox"]:checked + label:before,
        input[type="radio"]:not(:checked) + label:before,
        input[type="radio"]:checked + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 3px;
            width: 16px;
            height: 16px;
            border: 1px solid #AAA;
            background: #FFF;
        }

        input[type="checkbox"]:not(:checked) + label:before,
        input[type="checkbox"]:checked + label:before {
            border-radius: 4px;
        }

        input[type="radio"]:not(:checked) + label:before,
        input[type="radio"]:checked + label:before {
            border-radius: 10px;
        }

        input[type="checkbox"]:not(:checked) + label:after,
        input[type="checkbox"]:checked + label:after {
            content: url('/Images/checkbox.png');
            position: absolute;
            top: -2px;
            left: 4px;
            /*padding: -3px 0 0 5px;*/
        }

        input[type="radio"]:not(:checked) + label:after,
        input[type="radio"]:checked + label:after {
            content: "\2022";
            position: absolute;
            top: 1px;
            left: -1px;
            font-size: 34px;
            text-align: center !important;
            line-height: 18px;
            height: 18px;
            width: 18px;
            color: #00AEC7;
        }

        input[type="checkbox"]:not(:checked) + label:after,
        input[type="radio"]:not(:checked) + label:after {
            opacity: 0;
            transform: scale(0);
        }

        input[type="checkbox"]:checked + label:after {
            opacity: 1;
            transform: scale(1.2);
            -webkit-transform: scale(1.2);
        }

        input[type="radio"]:checked + label:after {
            opacity: 1;
            transform: scale(.8);
            -webkit-transform: scale(.8);
        }

select:not(.ui-datepicker-year):not(.ui-datepicker-month) {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-linear-gradient: none;
    appearance: none;
    line-height: 42px;
    height: 44px;
    text-align: left;
    border-radius: 15px;
    /*padding: 0 68px 0 15px;*/
    padding: 0 65px 0 10px;
    font-family: TedNext, Arial, "sans-serif";
    font-weight: 500;
    font-size: 16px;
    border: 1px solid #bcbec0;
    color: #414042;
    /*background: url('/Images/arrow-select.png') no-repeat right center;*/
    background-image: url('/Images/arrow-select.png'),-ms-linear-gradient(top, #FFFFFF, #FFFFFF); /* For pre-releases of IE 10*/
    background-image: url('/Images/arrow-select.png'),-webkit-linear-gradient(top, #FFFFFF, #FFFFFF); /* For Chrome and Safari */
    background-image: url('/Images/arrow-select.png'), -moz-linear-gradient(top, #FFFFFF, #FFFFFF); /* For old Fx (3.6 to 15) */
    background-repeat: no-repeat;
    background-position: 95% center;
    text-indent: 1px;
    overflow: hidden;
    cursor: pointer;
}


    select::-ms-expand {
        display: none;
    }

    select:hover {
        border: 1px solid #a09fa0;
    }

input[type="submit"] {
    line-height: 44px;
    text-align: center;
    border-radius: 15px;
    padding: 0 20px;
    font-family: TedNext, Arial, "sans-serif";
    font-weight: 500;
    font-size: 16px;
    border: 0;
    /*text-transform: capitalize;*/
}
/*Controls ends--------------------------------------------------------------------*/

/* Buttons classes starts--------------------------------------------------------------------*/
.btn-rogers-red {
    background: #DA291C;
    color: #FFF;
}

    .btn-rogers-red:hover {
        background: #AF2217;
        cursor: pointer;
    }

.btn-rogers-PLMButton {
    background: white;
    color: dimgray;
    border: solid 3px #00AEC7;
}

    .btn-rogers-PLMButton:hover {
        background: #AF2217;
        cursor: pointer;
    }


.btn-rogers-blue {
    background: #BBE4EC;
    color: #414042;
}

    .btn-rogers-blue:hover {
        background: #86CDDB;
        cursor: pointer;
    }
/* Buttons classes ends --------------------------------------------------------------------*/

/* Step buttons starts -----------------------------------------------------------------*/
.steps {
    float: left;
    position: relative;
}

.box-left {
    height: 44px;
    line-height: 42px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    padding: 0 12px;
}

.box-right {
    height: 44px;
    line-height: 42px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    margin-left: -10px;
    padding: 0 12px 0 20px;
}

.box-middle {
    height: 44px;
    line-height: 42px;
    margin-left: -10px;
    padding: 0 12px 0 20px;
    ;
}

.triangle {
    width: 0;
    height: 0;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 10px solid;
}

.box-white {
    height: 44px;
    width: 5px;
    background: #fff;
    margin-left: -10px;
}

.triangle-white {
    width: 0;
    height: 0;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-left: 10px solid #fff;
    margin-left: -5px;
}
/* Step buttons ends -----------------------------------------------------------------*/

/*Page Content ---------------------------------------------------------------------*/

.page-title-section {
}

    .page-title-section span:first-child {
        font-size: 40px;
        color: #414042;
        font-weight: 500;
    }

.page-sub-title {
    font-size: 24px;
    color: #DA291C;
}

/*Search Section ---------------------------------------------------------------*/
.search-section {
    margin-top: 30px;
}

.hr-blue {
    background-color: #00AEC7;
    border: none;
    height: 2px;
    margin: 15px 0px;
}

.search-section span:first-child {
    font-size: 24px;
    color: #DA291C;
}
/*.search-section span {
        font-weight: bold;
    }*/

.search-section hr {
    background-color: #00AEC7;
    border: none;
    height: 2px;
    margin: 15px 0px;
}

    .search-section hr:first-of-type {
        margin: 5px 0px 20px 0px;
    }

    .search-section hr:last-of-type {
        margin: 20px 0px 5px 0px;
    }

.search-textbox {
    background: url('/Images/magnifier-red.png') no-repeat #FFF;
    background-position: left center;
    padding-left: 35px !important;
    border: 1px solid #BBBDC0;
}

/*Main Section ---------------------------------------------------------------*/
.main-section, .main-form-section {
    margin-top: 25px;
}

.main-form-section {
    /*font-weight: bold;*/
}

    .main-form-section input[type="text"], .main-form-section input[type="password"], .main-form-section select, .main-form-section textarea {
        width: 455px;
        margin-top: 5px;
        margin-bottom: 5px;
        overflow: hidden !important;
        text-overflow: ellipsis;
        white-space: normal;
    }

    .main-form-section span {
        font-size: 14px;
    }

    .main-form-section .normal-label {
        font-weight: normal !important;
        font-size: 14px;
    }

    .main-form-section .link-button {
        font-weight: 500;
        font-size: 18px;
        text-decoration: none;
        color: #2C87C0;
    }

    .main-form-section a {
        cursor: pointer;
        color: #00AEC7;
    }

        .main-form-section a:hover {
            text-decoration: underline;
            cursor: pointer;
            color: #00AEC7;
        }

    .main-form-section .submit-section {
        margin-left: 15%;
        margin-top: 30px;
    }

        .main-form-section .submit-section a, .main-form-section .submit-section input[type="submit"] {
            margin-right: 20px;
        }

.aligh-justify {
    text-align: right;
}

/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
    .aligh-justify {
        text-align: left;
    }
}

/*Validator*/
.validator-error-input {
    border: 1px solid #DA291C !important;
}

.validator-error-message {
    background: url('/Images/alert.png') no-repeat #FFF;
    color: #DA291C !important;
    font-size: 14px !important;
    display: inline-block;
    padding-left: 25px;
    padding-top: 5px;
}

.input-hint-with-icon {
    /*background: url('/Images/info-blue.png') no-repeat #FFF;*/
    background: url('/Images/info.png') no-repeat #FFF;
    display: inline-block;
    padding-left: 30px;
    padding-top: 3px;
    color: #00AEC7;
    font-weight: normal !important;
}

.input-hint {
    color: #00AEC7;
    font-weight: normal !important;
}

.input-hint-control {
    border: 1px solid #00AEC7 !important;
}

.inline-message {
    color: red;
}

.successMessage {
    color: green;
}

.generic-confirm-page {
    padding-top: 50px;
    text-align: center;
}

    .generic-confirm-page > span {
        font-size: 32px;
        font-weight: 500;
        text-transform: capitalize;
    }

    .generic-confirm-page p span {
        font-size: 22px;
        font-weight: 400;
        display: inline-block;
        max-width: 550px;
        margin-top: 30px;
        margin-bottom: 80px;
    }

/* Grid start----------------------------------------------------------------*/
.grid-table {
    /*border: 1px solid #cdcdcd;*/
    border: none;
    font-size: 16px;
    font-weight: 400;
    color: #414042;
}

.grid-center-header {
    text-align: center;
}

/* Grid Column Headers ------*/
.grid-table th {
    border: 1px solid #FFF;
    padding: 0 10px;
    /*text-transform: uppercase;*/
    background: #00AEC7;
    color: #FFF;
    height: 50px;
    font-weight: 500;
}

    .grid-table th:first-child {
        border-top-left-radius: 15px;
    }

    .grid-table th:last-child {
        border-top-right-radius: 15px;
    }

    /* Grid Column Links --------*/
    .grid-table th a {
        color: #FFF;
        text-decoration: underline;
    }

        .grid-table th a:hover {
            color: #DA291C;
            cursor: pointer;
        }

/* Grid Data ---------------*/
.grid-table td {
    /*border: 1px solid #cdcdcd;*/
    border-bottom: 1px solid #cdcdcd;
    border-left: none;
    border-right: none;
    padding: 0px 10px;
    background: #FFF;
    height: 50px;
}

    /* Grid Data Links ----------*/
    .grid-table td a {
        color: #000;
        text-decoration: underline;
    }

        .grid-table td a:hover {
            text-decoration: underline;
            cursor: pointer;
        }

        .grid-table td a:active {
            color: #DA291C;
        }

/* Grid Data - Alternate Row */

.grid-data-alt td {
    /*border: 1px solid #cdcdcd;*/
    border: none;
    padding: 5px 10px;
    background: #FFF;
}
/* Grid end------------------------------------------------------------------*/


.ui-tabs {
    position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    padding: .2em;
}

    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0;
    }

        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            float: left;
            position: relative;
            top: 0;
            margin: 1px .2em 0 0;
            border-bottom-width: 0;
            padding: 0;
            white-space: nowrap;
        }

        .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
            float: left;
            padding: .5em 1em;
            text-decoration: none;
        }

        .ui-tabs .ui-tabs-nav li.ui-tabs-active {
            margin-bottom: -1px;
            padding-bottom: 1px;
        }

            .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
            .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
            .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
                cursor: text;
            }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none;
}

h1 {
    font-size: 22px;
}

h2 {
    font-size: 18px;
    padding: 1px 1px 1px 1px;
}

    h1 span,
    h2 span {
        color: #DA291C;
    }

.section_title {
    font-weight: bold;
}

.red-title {
    color: #DA291C;
}

.label-attribute {
    font-size: 12px;
}

.label-attribute-value {
    font-size: 12px;
    font-weight: bold;
}


.phone-select-item {
    display: inline-block;
    max-width: 420px;
    vertical-align: top;
    margin-bottom: 30px;
    padding: 10px;
}

.HideMe {
    display: none;
}


.admin-ul {
    padding-bottom: 0px;
    text-align: center;
    font-size: 16px;
}

    .admin-ul li {
        display: inline;
        padding: 4px;
    }

        .admin-ul li a {
            color: #989C9D;
            text-decoration: none;
            padding: 4px;
        }

            .admin-ul li a:hover {
                text-decoration: none;
                color: #414042;
                border-bottom: 5px solid #00AEC7;
            }

            .admin-ul li a.selected {
                color: #00AEC7;
                border-bottom: 5px solid #00AEC7;
            }

/*Next buttons below shopping cart*/
.full-width {
    width: 100%;
}



.title {
    font-size: 24px !important;
}

.subtitle {
    font-size: 18px !important;
}

.labelbold {
    font-size: 14px !important;
    font-weight: 600 !important;
}

/*Order histiry details page total sum div styles*/
.TotalDivs {
    width: 100%;
    text-align: right;
}


/*shopping cart start*/
.rounded-label {
    background-color: #ededed;
    /* height: 70px; each value for each corner clockwise starting from top left */
    -webkit-border-radius: 15px 15px 15px 15px;
    border-radius: 15px 15px 15px 15px;
    padding-top: 10px;
    margin-bottom: 5px;
    display: block;
    width: 100%;
    min-height: 70px;
    overflow: hidden;
    float: left;
    white-space: normal;
    -webkit-overflow-scrolling: touch;
    font-size: 14px;
}

    .rounded-label p {
        background-color: #01A0B7;
        width: 25px;
        height: 25px;
        -webkit-border-radius: 4px 4px 4px 4px;
        border-radius: 4px 4px 4px 4px;
        color: #fff;
        text-align: center;
        font-size: 12px;
        padding-left: 2px;
        padding-top: 2px;
        font-size: 14px;
    }

    .rounded-label a {
        color: #000;
        font-weight: bold;
        text-decoration: none;
    }

.shopping-cart-label {
    color: #01A0B7;
    border-bottom: 1px solid #dedede;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}

.padding {
    padding: 1px 1px 1px 1px;
}

.shoppingcart-width {
    width: 370px;
}


.rounded-label-itemrank {
    /*background-color: #ededed;*/
    -webkit-border-radius: 8px 8px 0px 0px;
    border-radius: 8px 8px 0px 0px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    margin-lett: 200px;
    display: block;
    overflow: hidden;
    float: left;
    white-space: normal;
    -webkit-overflow-scrolling: touch;
    font-size: 12px;
}
.rounded-label-itemrank-big {
    /*background-color: #ededed;*/
    -webkit-border-radius: 8px 8px 0px 0px;
    border-radius: 8px 8px 0px 0px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    margin-lett: 200px;
    display: block;
    overflow: hidden;
    float: left;
    white-space: normal;
    -webkit-overflow-scrolling: touch;
    font-size: 14px;
    text-align:left;
}
/*shopping cart end*/

.ui-resource-manager {
    /*this class is use as key for UIResource Manager control binding.*/
}

.modal-loaging {
    position: fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: #fff;
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
}

.modal-loaging-center {
    position: relative;
    z-index: 1000;
    margin: 300px auto;
    padding: 10px;
    width: 150px;
    background-color: White;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}

    .modal-loaging-center img {
        height: 128px;
        width: 128px;
    }
/* Bootstrap dialog buttons*/
.btn-warning {
    color: #fff;
    background-color: #DA291C;
    border-color: #DA291C;
    background-image: none;
}

    .btn-warning:hover {
        color: #fff;
        background-color: #AF2217;
        border-color: #AF2217;
        background-image: none;
    }

    .btn-warning:focus {
        color: #fff;
        background-color: #AF2217;
        border-color: #AF2217;
        background-image: none;
    }

    .btn-warning:active,
    .btn-warning.active,
    .open > .dropdown-toggle.btn-warning {
        color: #fff;
        background-color: #AF2217;
        border-color: #AF2217;
    }


.bootstrap-dialog.type-warning .modal-header {
    background-color: #DA291C !important;
}
.bootstrap-dialog .bootstrap-dialog-title {
    display: block !important;
}
/*For showing messages*/
.SplMessage{
        font-size: 12pt;
}

.SplMessage span{
    font-weight: bold;
    color: red;
}
.DLMHeader {
	/*border: 1px solid #FFF;*/
	padding: 10px;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	background: #DA291C;
	color: #FFF;
	height: 50px;
}

	.DLMHeader:first-child {
		border-top-left-radius: 10px;
	}

	.DLMHeader:last-child {
		border-top-right-radius: 10px;
	}
.vl {
	border-left: 1px solid lightgray;
	height: 200px;
	position: relative;
	left: 50%;
	margin-left: -3px;
	top: 0;
}