/*CUSTOM CSS CREATED BY CMS - DO NOT EDIT OR CHANGES WILL BE OVERWRITTEN*/

/*Generated Automatically from CMS*/
#restrictedWidth {
    margin: 0 auto;
    box-shadow: 0 0 20px rgba(0,0,0,.33);
}

body {
    color: #333333;
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-size: 10pt;
}

h1 {
    color: #FFFFFF;
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-size: 13pt;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-top: 2px;
    font-weight: 500;
}

h2 {
    color: #5F7095;
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-size: 10pt;
}



/*Account and Member Sections*/

.userProfile h2 {
    font-size: 20px;
    color: #5f7095;
    padding: 20px 0 20px 50px;
    background: no-repeat 8px 18px;
}

.userInfo h2 {
    padding: 20px;
    border: 1px solid #d5dae2;
}

.userProfile .userGallery h2 {
    background-image: url(/media/images/slideshow.png);
}

.userProfile .aboutUser h2 {
    background-image: url(/media/images/info.png);
}

.userProfile .news h2 {
    background-image: url(/media/images/open_book.png);
}

.userInfo .avatar {
    width: 214px;
    height: 214px;
    background-color: lightgrey;
    display: inline-block;
    vertical-align: top;
}

.userInfo .right {
    display: inline-block;
    width: calc(100% - 230px);
    margin-left: 10px;
}

.userInfo .status {
    text-transform: uppercase;
    font-size: 13px;
    color: red;
    vertical-align: top;
}

.status.online {
    color: #3bc7a8;
}

.userInfo p {
}

.userGallery .lightbox {
    width: 140px;
    height: 140px;
    margin: 0 20px 20px 0;
    display: inline-block;
    vertical-align: top;
}

.userGallery img {
    width: 100%;
    height: 100%;
    background-color: lightgrey;
}

.aboutUser li {
    font-size: 15px;
    background: no-repeat 10px 0;
    padding-left: 50px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #d5dae2;
}

.aboutUser .date {
    background-image: url(/media/images/date.png);
}

.aboutUser .male {
    background-image: url(/media/images/male_sign.png);
}

.aboutUser .twitter {
    background-image: url(/media/images/twitter_icon.png);
}

.aboutUser .location {
    background-image: url(/media/images/map_pin.png);
}

.aboutUser .education {
    background-image: url(/media/images/graduate.png);
}

.aboutUser .website {
    background-image: url(/media/images/browser.png);
}

.aboutUser .facebook {
    background-image: url(/media/images/facebook_icon.png);
}

.ProfileName {
    font-size: 10pt;
}
@media all and (max-width: 645px) {
    .userInfo .right {
        margin-left: 0;
        margin-top: 10px;
        display: block;
        width: auto;
    }

    .userInfo .avatar {
        display: block;
        margin: auto;
    }

    .userGallery {
        text-align: center;
    }

        .userGallery h2 {
            text-align: left;
        }
}

/*Authoring - Banner*/

#banner {
    margin: 0 auto;
}

#slidebox .left div, #slidebox .right div {
    border-radius: 20%;
    border: 1px solid blue;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0;
}

#slidebox .left:not(:active) div, #slidebox .right:not(:active) div {
    /*
	animation: animationFrames ease-in-out 0.4s;
	-webkit-animation: animationFrames ease-in-out 0.4s;
	*/
}

@keyframes animationFrames {
    50% {
        transform: scaleX(1.2) scaleY(1.2);
        opacity: 1;
    }

    100% {
        transform: rotate(0deg) scaleX(1) scaleY(1);
        opacity: 0;
    }
}

@-webkit-keyframes animationFrames {
    50% {
        -webkit-transform: scaleX(1.2) scaleY(1.2);
        opacity: 1;
    }

    100% {
        -webkit-transform: rotate(0deg) scaleX(1) scaleY(1);
        opacity: 0;
    }
}

#slidebox {
    background-color: #3d4456;
    padding: 0px;
}


    #slidebox .inner {
        background-color: #a3a9b4;
        height: 200px;
        position: relative;
    }

    #slidebox .left, #slidebox .right {
        width: 35px;
        height: 35px;
        background: url(/media/images/arrow_left_open.png) no-repeat center center #80D237;
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        cursor: pointer;
        z-index: 10;
        opacity: 0.6;
        transition: 0.2s opacity linear;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        #slidebox .left:hover, #slidebox .right:hover {
            opacity: 1;
        }

    #slidebox .right {
        right: 0;
        background-image: url(/media/images/arrow_right_open.png);
    }

    #slidebox .slideImage {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        transition: 0.8s all linear;
        visibility: hidden;
        opacity: 0;
    }

        #slidebox .slideImage img {
            width: 100%;
            height: 100%;
        }

        #slidebox .slideImage.selected {
            visibility: visible;
            opacity: 1;
        }

    #slidebox .caption {
        padding: 5px;
        position: absolute;
        overflow: hidden;
        width: 50%;
        max-height: 50%;
        left: 50px;
        bottom: 60px;
        background-color: rgba(0, 0, 0, 0.7);
        color: white;
        font-size: 20px;
        font-family: Doppio One;
        z-index: 5;
    }

    #slidebox .readMore {
        position: absolute;
        bottom: 20px;
        right: 50px;
        z-index: 5;
    }

@media all and (max-width: 645px) {
    #slidebox .inner {
        background-color: #a3a9b4;
        height: 120px;
        position: relative;
    }

    #slidebox {
        display: none;
    }
}

/*Authoring - Contact Form*/

.ContactForm {
    width: 275px;
    float: left;
    border-right: 1px solid silver;
}

.ContactFormRight {
    width: 65%;
    float: right;
}

.ContactButtonContainer {
    display: none;
}

#recaptcha_area input[type="text"] {
    display: inline-block;
    height: auto;
}

@media all and (max-width: 1003px) {
    .ContactForm {
        width: 100%;
        float: left;
        border-right: 0px solid silver;
    }

    .ContactFormRight {
        width: 100%;
        float: right;
    }
}

/*Authoring - Gallery*/

.gallery .headerWrap {
    position: relative;
}

.gallery .search {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    font-size: 0;
    border-left: 1px solid #3ca7d9;
    background-color: #0f8ac4;
    -webkit-border-radius: 0 3px 0 0;
    -moz-border-radius: 0 3px 0 0;
    border-radius: 0 3px 0 0;
}

.search input[type="text"] {
    height: 100%;
    width: 250px;
    background-color: transparent;
    border: none;
    color: #9cd0e8;
    padding-left: 20px;
    vertical-align: top;
    transition: 0.2s width linear;
}

    .search input[type="text"]::-webkit-input-placeholder {
        color: #9cd0e8;
    }

.search input[type="submit"] {
    background: url(/media/images/search.png) no-repeat center center;
    border: none;
    padding: 0;
    width: 30px;
    height: 100%;
    opacity: 0.58;
}

    .search input[type="submit"]:hover, .search input[type="submit"]:focus {
        opacity: 1;
    }

.galleryImages {
    margin-left: -20px;
    text-align: center;
}


    .galleryImages a, .galleryImages a img {
        width: 294px;
        height: 294px;
        display: inline-block;
    }

    .galleryImages a {
        margin: 0 0 20px 20px;
        position: relative;
        vertical-align: top;
    }

    .galleryImages .overlay {
        display: block;
        visibility: hidden;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        background: url(/media/images/gallery_hover.png) no-repeat center center rgba(0, 0, 0, 0.8);
        color: white;
        font-size: 20px;
        padding: 20px;
        transition: 0.4s all;
        opacity: 0;
    }

    .galleryImages a:hover .overlay {
        visibility: visible;
        opacity: 1;
    }

    .galleryImages .caption {
        padding-bottom: 20px;
        border-bottom: 1px solid #444444;
        max-height: 90%;
        overflow: hidden;
    }

/*Authoring - Menu*/

#menu {
    margin: 0 auto;
    border-top: 0px solid silver;
    border-bottom: 0px solid silver;
}

#menubar {
    border-left: 1px solid silver;
    border-right: 1px solid silver;
}

#navToggle, label[for='navToggle'] {
    display: none;
}

label[for='navToggle'] {
    background: url("/media/images/list.png") no-repeat center center white;
    /*border: 1px solid #C6C9CD;*/
    height: 32px;
    width: 32px;
    /*max-width: 350px;*/
    cursor: pointer;
}

#mainNav {
    position: relative;
}

    #mainNav > ul {
        padding: 0px;
        margin: 0px;
        overflow: hidden;
        background-color: #ffffff;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e4e4e4', GradientType=0 );
    }

    #mainNav li {
        box-shadow: 1px 0 0 #6ea15f;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    #mainNav li, #mainNav a {
        width: 100%;
        font-weight: normal;
        color: #000000;
        font-size: 10pt;
    }

        #mainNav a:not([href]) {
            cursor: default;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

    #mainNav a, .menu a {
        padding: 0 1.5em;
        font-size: 0.95em;
        line-height: 2.0em;
        transition: color 0s;
        background-image: url(/media/images/bullet.png);
        background-repeat: no-repeat;
    }

        #mainNav a:active {
            outline: none;
        }

    #mainNav li.selected {
        /*background-image: linear-gradient(to bottom, lightgrey, white);*/
        background-color: #d7ffcb;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D3D3D3', endColorstr='#ffffff', GradientType=0 );
    }

        #mainNav li.selected a {
            color: #4e8744;
        }

    #mainNav > ul > li:hover:not(.selected) {
        background-color: #d7ffcb;
        /*background-image: linear-gradient(to bottom, #0084FF, #00A6FF);*/
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0084FF', endColorstr='#00A6FF', GradientType=0 );
        border-color: #098BD0;
    }

        #mainNav > ul > li:hover:not(.selected) > a, #mainNav > ul > li:hover:not(.selected) .username {
            color: #4e8744;
        }

.MenuText {
    display: none;
}

.submenu {
    position: absolute;
    display: block;
    z-index: 1000;
    background-color: #0073d4;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s opacity linear;
}

    .submenu.right {
        margin-left: 0;
        right: 0;
    }

    /* First selector needed to override specificity */
    #mainNav .submenu li, .submenu li {
        display: block;
        border-bottom: 1px solid #037be1;
        box-shadow: none;
    }

    #mainNav .submenu a, .submenu a {
        min-width: 10em;
        font-weight: normal;
        text-transform: none;
        color: #8ab9e0;
    }

    .submenu li:hover {
        background-color: #0667b9;
    }

        #mainNav .submenu li:hover a, .submenu li:hover a {
            color: #fff;
        }

#userNavigation {
    float: right;
}

    #userNavigation .username {
        display: inline-block;
        line-height: 3em;
        padding-right: 10px;
        cursor: default;
    }

    #userNavigation .avatarWrap {
        position: relative;
        margin: 0 10px;
        border-radius: 3px;
        overflow: hidden;
    }

    #userNavigation .avatar, #userNavigation .avatarWrap {
        width: 35px;
        height: 35px;
        display: inline-block;
        vertical-align: middle;
    }

        #userNavigation .avatarWrap .messages {
            background-color: red;
            color: white;
            border-radius: 3px;
            position: absolute;
            bottom: 0;
            padding: 0 3px;
            font-size: 0.8em;
            line-height: normal;
        }

    #userNavigation .submenu .messages {
        color: red;
    }

.menu {
    background: url("/media/images/arrow_down.png") no-repeat center center, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI4MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wNSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
    background: url("/media/images/arrow_down.png") no-repeat center center, linear-gradient(to bottom, rgba(0, 0, 0, 0.02) 80%, rgba(0, 0, 0, 0.1)) #119DDF;
    border-left: 1px solid #8BCBE8;
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    width: 40px;
    cursor: pointer;
    border-radius: 0 5px 0 0;
}

    .menu:hover {
        background-color: #0073d4;
    }

    .menu ul {
        font-size: 13px;
        text-transform: none;
        margin-top: 34px;
        width: 150px;
    }

    .menu:hover ul {
        display: block;
    }

.menuItemBoth {
    display: inline-block !important;
}

.menuItemNormal {
    display: inline-block !important;
}

.menuItemMobile {
    display: none !important;
}

.ImageMenu {
    float: left;
    min-width: 151px;
    background-color: #ffffff;
    text-align: center;
    width: 16.66%;
    display: block;
    overflow: hidden;
}

@media all and (max-width: 1003px) {
    .ImageMenu {
        display: none;
    }
}

@media all and (max-width: 924px) {
    #menubar {
        display: none;
    }
}

@media all and (max-width: 645px) {
    .MenuText {
        position: absolute;
        right: 15px;
        padding-top: 5px;
        font-size: 15px;
        font-weight: bold;
        display: block;
    }
}


/*Authoring - News and Articles*/

.ArticleIcon
{
    border:1px solid black;
    width:75px;
    height:75px;
    margin-right: 5px;
}

.ArticleButtonRow {
    padding-top: 10px;
}

.article_line
{
    border-bottom: 2px solid #E7F6E4;
    margin-top:7px;
    margin-bottom:10px;
}

.ArticleDetailsTitle
{
    font-weight:bold;
    font-size:15pt;
    color:#666699;
}

.ArticleTitleShort
{
    font-weight:bold;
    color:#666699;
}

.mainColumn article {
    padding-bottom: 20px;
    margin-bottom: 20px;
}

    .mainColumn article:not(:last-of-type) {
        border-bottom: 2px solid #d5dae2;
    }

.mainColumn3Col article {
    padding-bottom: 20px;
    margin-bottom: 20px;
}

    .mainColumn3Col article:not(:last-of-type) {
        border-bottom: 2px solid #d5dae2;
    }

.leftColumn article {
    padding-bottom: 20px;
    margin-bottom: 20px;
}

    .leftColumn article:not(:last-of-type) {
        border-bottom: 2px solid #d5dae2;
    }

article .tag {
    color: white;
    background-color: #4a6da6;
    padding: 1px 6px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
}

    article .tag.red {
        background-color: #BC4545;
    }

    article .tag.purple {
        background-color: #8532BB;
    }

article h3 {
    font-size: 1.5em;
    line-height: 1.2em;
    padding-bottom: 10px;
}

.ArticleTitle {
    font-weight: bold;
    font-size: 10pt;
    line-height: 1.5em;
    color: #000000;
}

.ArticleDate {
    font-size: 9pt;
    line-height: 1.5em;
    color: #000000;
}

.ArticleDetails {
    font-weight: normal;
    font-size: 9pt;
    line-height: 1.5em;
    padding-left: 7px;
    color: #000000;
}

.news .details, .news .post {
    display: inline-block;
    vertical-align: top;
}

.news .post {
    width: calc(100% - 130px);
    padding-left: 20px;
    font-family: Open Sans;
}

    .news .post p img {
        width: 100%;
    }

.news .details {
    width: 130px;
}

.news .image {
    height: 130px;
    width: 130px;
    margin: 0 auto;
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: grey;
}

    .news .image img {
        height: 130px;
        width: 130px;
        display: block;
    }

    .news .image .tag {
        position: absolute;
        right: 0;
    }

.news .author, .news .details .comments {
    display: block;
    font-weight: bold;
    text-align: left;
    width: 100%;
    padding: 5px 5px 5px 32px;
    border-bottom: 1px solid #d5dae2;
    background: 8px center/16px 16px no-repeat;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

    .news .author:active, .news .details .comments:active {
        outline: none;
    }

.news .author {
    background-image: url("/media/images/user.png");
}

.news .details .comments {
    background-image: url("/media/images/comments.png");
}

.news .bottom {
    text-align: right;
    padding-top: 20px;
}

.news .showMore {
    background-color: #d5dae2;
    border-radius: 0 0 3px 3px;
    border-bottom: 1px solid #cacfd7;
    color: #798896;
    display: block;
    font-size: 0.8rem;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    transition: 0.2s linear;
}

    .news .showMore:hover {
        background-color: #e8ebf0;
    }

.articleHeader {
    width: 100%;
    height: 200px;
    display: block;
    margin-bottom: 20px;
    background-color: lightgrey;
}

.article h2 {
    display: inline;
    vertical-align: top;
}

.article h4 {
    margin-top: 15px;
    padding: 15px 0;
    border-top: 1px solid #d5dae2;
    font-size: 14px;
    font-family: Open sans;
    font-weight: bold;
}

#comments > h3 {
    border-bottom: 1px solid #D5DAE2;
    border-top: 1px solid #D5DAE2;
    color: #344E6A;
    font-size: 20px;
    padding: 15px 0;
    text-transform: uppercase;
}

.articleBody {
    padding-bottom: 15px;
}

.comment {
    padding: 20px 0;
    border-bottom: 1px solid #D5DAE2;
}

    .comment .avatar {
        width: 60px;
        height: 60px;
        display: inline-block;
        vertical-align: top;
        background-color: lightgrey;
    }

    .comment .rightSide {
        display: inline-block;
        width: calc(100% - 70px);
        padding-left: 5px;
    }

    .comment .user {
        font-family: Doppio One;
        font-size: 20px;
    }

    .comment .right {
        float: right;
    }

    .comment p {
        clear: both;
    }

    .comment .replyButton {
        text-transform: uppercase;
        font-weight: bold;
    }

    .comment time {
        margin-right: 5px;
    }

    .comment .reply {
        margin-left: 10px;
        margin-top: 20px;
        background-color: #119ddf;
        padding: 10px;
        color: white;
    }

        .comment .reply a {
            color: #89D9FF;
        }

            .comment .reply a:hover {
                color: #fff;
            }

#replyBox .info {
    margin: 20px 0;
}

#replyBox input[type='text'] {
    margin-right: 10px;
}

#replyBox textarea {
    width: 100%;
    height: 200px;
    resize: vertical;
    display: block;
}

#replyBox .bottom {
    margin-top: 20px;
    text-align: right;
}

.btn-loadmore {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
    padding: 3px 12px 3px 12px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.61803399;
    border-radius: 4px;
    -webkit-user-select: none;
    width: 100%;
}

@media all and (max-width: 420px) {
    .news .details, .news .post {
        display: block;
        width: auto;
    }
}

/*Authoring - Poll*/



/*eBusiness*/

.TenderPageHeader {
    font-weight: bold;
}

.TenderPageRegular {
    font-weight: normal;
    font-size: 9pt;
}

.QuotationPageRegular
{
    font-weight:bold; 
    color:rgb(54, 54, 54);
    border:1px solid darkgrey;
    padding:3px;
}

#uploadContainer
{
    display:block;border:2px dashed #BBD8FB;height:400px;position:relative;margin-bottom:1em;overflow:hidden;
}
             
#uploadContainer.kw-dragging
{
    border-color:#666;
    background-color:#fafafa;
}
             
#uploadContainer.kw-dragging.kw-dragover
{
    background-color:#f0f0f0;
}

        #uploadContainer .su-filelist
        {
            overflow:auto;padding:3px;display:none;
            position:absolute;top:24px;bottom:22px;left:0px;right:0px;
        }
        
        #uploadContainer .su-filelistitem
        {
            float:left;padding:5px;margin-right:10px;
        }
        
        .su-progressbar
        {
            margin-left:30px;margin-right:40px;background-color:#008800;height:3px;width:0px;            
        }

        #uploadTopContainer
        {
            background-color:#EEF5FE;height:18px;padding:3px;
            position:absolute;top:0;left:0px;right:0px;
            width:99%;
        }
        
        #completeContainer
        {
            float:right;display:none            
        }

        #completingIndicator
        {
            background-image:url(/krystalcms-includes/uploader/ajax-loader.gif);
            background-position:0 center;
            padding-left:20px;
            background-repeat:no-repeat;
        }

        #uploadContainer.initial #selectorContainer
        {
            margin-top:20%;text-align:center;font-size:20px;font-family: 'Segoe UI Light', 'Segoe UI' ,Helvetica,Arial,Sans-Serif;
        }
            
        #uploadContainer.initial  #dropInstructions
        {
            margin-bottom:6px
        }
            
        #uploadContainer.small #selectorContainer
        {
            height:18px;
            padding:2px 4px;
            text-align:center;
            background:#f3f3f3;
            position:absolute;bottom:0;left:0px;right:0px;
        }
            
        #uploadContainer.small #dropInstructions
        {
            float:left;
        }                  

        #uploadContainer.small .su-fileselector, #uploadContainer.small .su-folderselector
        {
            float:right;
            margin-right:3px;
        }        
                                   
        .su-removecommand
        {
            cursor:pointer;
            width:16px;
            height:16px;
            margin-left:4px;
            background-image:url(/krystalcms-includes/uploader/button-icons.png);
            background-position: -80px 50%;
            text-indent:-10000px;
            background-position:center top;
            background-repeat:no-repeat;
            margin-top:3px;    
            display:-moz-inline-stack;
            display:inline-block;
            zoom:1;
            *display:inline;
        }
            
        a:hover, .su-hover a, input[type=file]
        {
            text-decoration:underline;
        }
        
        .su-fileselector a { color:Blue }  

/*eCommerce  - Cart*/

.ShoppingCartTitle {
    padding: 5px;
    margin: 1px;
    background-image: linear-gradient(to bottom, #C9C9C9, #FFFFFF);
    border-top: 1px solid silver;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
}

.ShoppingCartStage {
    padding: 0px 0px 6px 0px;
    border: 0px solid silver;
    background-color: #ffffff;
    font-size: 10pt;
    font-weight: bold;
    color: #000000;
}

.ShoppingCartProductsNotAvailable {
    padding: 8px;
    border: 1px solid silver;
    background-color: #FF6666;
    font-size: 10pt;
    font-weight: normal;
    color: #000000;
}

.ShoppingCartVoucherMessage {
    text-align: left;
    padding: 8px;
    border: 1px solid silver;
    background-color: #FFFFCC;
    font-size: 10pt;
    font-weight: normal;
    color: Black;
}

.ShoppingCartVoucherMessageLeft {
    text-align: right;
    vertical-align: top;
    padding: 8px;
}

.ShoppingCartVoucherMessageRight {
    text-align: left;
    vertical-align: top;
    padding: 8px;
}

.ShoppingCartPrice {
    color: rgb(117, 134, 103);
}

.ShoppingCartBottomButton {
    border: 0px;
    text-align: right;
    font-weight: bold;
    vertical-align:middle;
    padding-top:10px;
}

.sitebuttondelete {
    background-image: url('/media/images/delete.png');
    height: 16px;
    width: 16px;
    border-style: none;
    background-color: transparent;
    color: #336a1e;
    font-family: Arial;
    font-size: 8pt;
}

.CartList_Header {
    font-weight: bold;
    color: Black;
    /*background-color: #41852A;*/
    background-color: #c5d9c5;
    padding: 4px;
    border: 1px solid Silver;
    text-align: center;
}

.CartList_Details {
    font-weight: normal;
    padding: 3px;
    border: 1px solid Silver;
    text-align: center;
    vertical-align: middle;
}

.CartList_Other {
    font-weight: normal;
    padding: 3px;
    text-align: right;
}

/********************
    Shopping Pop Up
*********************/

.arrow-top,
.popup-box .arrow {
    height: 20px;
    overflow: hidden;
    position: relative;
    width: 40px;
}

    .arrow-top .shadow,
    .popup-box .arrow .shadow {
        -moz-box-shadow: 1px 1px 4px #888888;
        -webkit-box-shadow: 1px 1px 4px #888888;
        box-shadow: 1px 1px 4px #888888;
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        content: "";
        height: 20px;
        left: 10px;
        position: absolute;
        top: 10px;
        width: 20px;
    }

.popup-box {
    position: absolute;
    padding: 15px 20px;
    z-index: 100;
    display: none;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 1px 1px 4px #888888;
    -webkit-box-shadow: 1px 1px 4px #888888;
    box-shadow: 1px 1px 4px #888888;
}

    .popup-box .arrow,
    .popup-box .shadow {
        position: absolute;
    }

    .popup-box .close-button {
        position: absolute;
        top: -8px;
        right: -8px;
    }

    .popup-box .arrow-top {
        position: absolute;
        top: -20px;
        left: 30%;
        margin-left: -20px;
    }

.popup-box-outside {
    position: absolute;
    z-index: 1000;
}

.popup-left {
    margin-left: -20px;
}

    .popup-left .arrow {
        top: 50%;
        right: -20px;
        width: 20px !important;
        height: 40px;
        margin-top: -20px;
    }

        .popup-left .arrow .shadow {
            left: -10px;
        }

    .popup-left .focusor {
        height: 100%;
        width: 20px !important;
        right: -20px;
        top: 0;
        position: absolute;
    }

.popup-right {
    margin-left: 20px;
}

    .popup-right .arrow {
        top: 50%;
        left: -20px;
        width: 20px !important;
        height: 40px;
        margin-top: -20px;
    }

    .popup-right .focusor {
        height: 100%;
        width: 20px !important;
        left: -20px;
        top: 0;
        position: absolute;
    }

.popup-top {
    margin-top: -20px;
}

    .popup-top .arrow {
        left: 50%;
        bottom: -20px;
        width: 40px;
        height: 20px;
        margin-left: -20px;
    }

        .popup-top .arrow .shadow {
            top: -10px;
        }

    .popup-top .focusor {
        height: 20px;
        width: 100%;
        bottom: -20px;
        left: 0;
        position: absolute;
    }

.popup-bottom {
    margin-top: 20px;
}

    .popup-bottom .arrow {
        left: 50%;
        top: -20px;
        width: 40px;
        height: 20px;
        margin-left: -20px;
    }

        .popup-bottom .arrow .shadow {
            top: 10px;
        }

    .popup-bottom .focusor {
        height: 20px;
        width: 100%;
        top: -20px;
        left: 0;
        position: absolute;
    }

.product-popup {
    width: 110px;
}

    .product-popup .ribbon-small {
        position: absolute;
        right: -4px;
        top: -4px;
    }

.product-popup-top {
    text-align: center;
}

.product-popup .product-popup-divider {
    width: 100%;
    margin: 10px 0 10px -20px;
    padding: 0 20px;
    border-top: 1px solid #e8e8e6;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.product-popup .product-popup-top img {
    max-height: 120px;
}

.product-popup .product-popup-bottom a {
    color: inherit;
    font-size: 16px;
}

.product-popup .product-popup-subtitle {
    font-size: 11px;
}

.product-popup .product-popup-price {
    font-weight: bold;
    font-size: 20px;
    margin-top: 5px;
}

.shoppingCartLeft {
    padding-right: 7px;
    text-align: right;
}

.shoppingCartRight {
    text-align: left;
}

@media all and (max-width: 645px) {
    .shoppingCartLeft {
        width: 40%;
        padding-right: 7px;
        text-align: right;
    }

    .shoppingCartRight {
        width: 60%;
        text-align: left;
    }
}

/*eCommerce  - Products*/

.ProductHeader
{
    font-weight:bold; 
    background-color:rgb(211, 211, 237); 
    color:rgb(54, 54, 54);
    border:1px solid darkgrey;
    padding:3px;
}

.ProductHeaderCenter
{
    font-weight:bold; 
    background-color:rgb(211, 211, 237); 
    color:rgb(54, 54, 54);
    border:1px solid darkgrey;
    padding:3px;
    text-align:center;
}

.ProductHeaderRight
{
    font-weight:bold; 
    background-color:rgb(211, 211, 237); 
    color:rgb(54, 54, 54);
    border:1px solid darkgrey;
    padding:3px;
    text-align:center;
}

@media all and (max-width: 645px) {
    .RowProductCount {
        display: none;
    }

    .RowProductCatalog {
        width: 100% !important;
    }

    .ProductImageCell {
        display: none;
    }

    .CellProductOfferSymbol {
        display: none;
    }
}

/*eCommerce - Cart Popup*/



/*eCommerce - Delivery*/



/*Events & Calendar*/



/*Misc Styles*/

.lightbox:not(.alt):before {
    background: url("/media/images/gallery_hover.png") no-repeat scroll center center rgba(0, 0, 0, 0.8);
    bottom: 0;
    content: "";
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s all;
}

.lightbox:not(.alt):hover:before {
    opacity: 1;
    visibility: visible;
}

.lightbox {
    display: inline-block;
    position: relative;
}

    .lightbox > img {
        display: block;
    }

.borderBox {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ellipsis {
    overflow: hidden;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
}

.inlineContainer {
    letter-spacing: -0.31em;
}

    .inlineContainer > *:not(.inlineContainer) {
        letter-spacing: normal;
    }

.sectionHeader {
    position: relative;
    margin-top: 8px;
    margin-left: 5px;
    margin-right: 6px;
}

.sectionHeaderFull {
    position: relative;
    padding-top: 8px;
    padding-left: 8px;
    padding-right: 8px;
}

.sectionHeader .subtext {
    font-family: Open Sans;
    font-weight: bold;
    font-size: 13px;
    color: #9cd0e8;
    margin-left: 30px;
    position: absolute;
    right: 50px;
    width: 55%;
}

#box {
    width: 150px;
    height: 150px;
    background: #FFF;
    border: red dotted 5px;
    text-align: center;
    position: absolute;
    margin-left: -75px;
    margin-top: -75px;
    left: 50%;
    top: 50%;
    z-index: 20;
    display: none;
}

.MainFormInformationRowRightDescriptor {
    text-align: right;
}

.rcOtherMonth {
    background-color: #d5dae2;
    color: black;
}

/*Page - Back to Top Button*/



/*Page - Footer*/

.sectionFooter {
    margin-bottom: 8px;
    margin-left: 5px;
    margin-right: 6px;
}

.sectionFooterFull {
    margin-bottom: 0px;
    margin-left: 8px;
    margin-right: 8px;
}

#secondaryFooter {
    background-color: #3d4456;
    padding: 10px;
    margin-top: 20px;
}

    #footer h2, #secondaryFooter h2 {
        color: white;
        font-size: 17px;
        margin-bottom: 10px;
    }

    #secondaryFooter h2 {
        padding: 10px 0;
        border-bottom: 2px dotted #1d253d;
    }

    #secondaryFooter .rightColumn p {
        margin: 10px 0;
    }

    #secondaryFooter .media {
        position: relative;
    }

        #secondaryFooter .media img {
            width: 100%;
            height: 100%;
        }

        #secondaryFooter .media a {
            display: block;
        }

        #secondaryFooter .media .left {
            width: 65%;
        }

        #secondaryFooter .media a.right {
            position: absolute;
            right: 0;
            top: 0;
            height: calc(50% - 5px);
            width: calc(100% - 65% - 10px);
        }

            #secondaryFooter .media a.right:last-child {
                bottom: 0;
                top: auto;
            }

#footer {
    margin: 0 auto 5px;
    line-height: 25px;
    text-align: center;
}

    #footer .social {
        margin-top: 10px;
    }

        #footer .social a {
            display: block;
            line-height: 0;
        }

        #footer .social li {
            display: inline-block;
        }

    #footer .leftColumn {
        padding: 0;
    }

    #footer .info, #footer .about {
        display: inline-block;
        width: 49%;
        vertical-align: top;
    }

    #footer .about {
        padding: 0 10px;
        font-size: 12px;
    }

    #footer .info {
        background: url(/media/images/footer_logo.png) center no-repeat;
        height: 188px;
    }

    #footer .siteMap ul {
        display: inline-block;
        width: 48%;
    }

    #footer .siteMap a {
        text-transform: uppercase;
        color: inherit;
        font-weight: bold;
    }

        #footer .siteMap a:hover {
            color: #9EF38E;
        }

.footerLinks {
    padding-left: 20px;
    float: left;
    text-align: center;
    line-height: 60px;
    color: #003333;
    padding-top: 3px;
}

@media all and (max-width: 760px) {
    #secondaryFooter .media {
        text-align: center;
    }

        #secondaryFooter .media .left {
            width: 100%;
        }

        #secondaryFooter .media .right {
        }

        #secondaryFooter .media img {
            height: auto;
        }

        #secondaryFooter .media a.right {
            position: relative;
            width: 100%;
        }

            #secondaryFooter .media a.right:not(:first-child):not(:last-child) {
                margin: 12px 0;
            }
}

@media all and (max-width: 645px) {
    .footerLinks {
        padding-left: 0px;
        padding-top: 0px;
        float: left;
        text-align: center;
        line-height: 60px;
        color: #003333;
        width: 100%;
    }

    #footer .info, #footer .about {
        width: 100%;
        padding: 0;
    }
}


/*Page - Grid Structure*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 10pt;
    /*font: inherit;*/
    vertical-align: top;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 25px;
}

.mainWidth {
    max-width: 908px;
}

#content {
    margin: 0 auto;
}

ol, ul {
    list-style: circle;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

strong {
    font-weight: bold;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-left: 0px !important;
    padding-right: 0px  !important;
}

.AlternateText {
    background-color:black;
    color:white;
    padding: 5px;
}

#mainbody {
    background-color: #ffffff;
    padding: 0px;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
}

.mainColumn {
    display: inline-block;
    vertical-align: top;
}

.mainColumn3Col {
    display: inline-block;
    vertical-align: top;
}

.leftColumn {
    display: inline-block;
    vertical-align: top;
    padding-right: 5px;
}

.rightColumn {
    display: inline-block;
    vertical-align: top;
    padding-left: 5px;
}

.leftColumn {
    /*width: 200px;*/
    /*border-top: 2px solid silver;*/
}

.rightColumn {
    width: 295px;
}

.mainColumn {
    width: calc(100% - 265px);
}

.mainColumn3Col {
    width: calc(100% - 530px);
}


#sidebar h3 {
    font-size: 14px;
}

    #sidebar h3 a {
        display: block;
        text-transform: uppercase;
    }

#sidebar .entry {
    border-bottom: 2px dotted #d5dae2;
    margin: 20px 0;
    padding: 0 10px 20px;
}

.mainFormBottomFull {
    background-color: #ffffff;
    background-position: 92% center;
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-size: 17px;
    line-height: 1em;
    padding: 0 1em;
    text-transform: uppercase;
    margin-bottom: 0px;
    /*position: relative;*/
    border-radius: 0 0 5px 5px;
}

#sidebar h1 {
    text-transform: none;
}

#sidebar .entry.gallery {
    padding: 0;
    margin-left: -17px;
    border-bottom: none;
    text-align: center;
}

#sidebar .lightbox {
    display: inline-block;
    margin: 0 0 17px 17px;
    width: 140px;
    height: 140px;
    vertical-align: top;
}

#sidebar img {
    /*width: 140px;
    height: 140px;*/
}

.pagination a {
    font-size: 15px;
    padding: 0.3em .8em;
    border: 1px solid #c6c9cd;
    background-color: #f0f3f7;
    color: #9097a3;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
}

.pagination .disabled {
    border-color: #d4dae4;
    color: #c7cfdb;
}

.pagination .current, .pagination a:hover:not(.disabled) {
    background-color: #0073d4;
    border-color: #0073d4;
    color: white;
}

.pagination span {
    font-size: 14px;
    margin-left: 10px;
}

.containerBoxes {
    overflow: hidden;
    margin-left: 5px;
    margin-right: 6px;
    background-color: #ffffff;
}

.containerBoxesFull {
    overflow: hidden;
    /*margin-left: 8px;
    margin-right: 8px;*/
    background-color: #ffffff;
}

.containerButtons {
    padding-top: 5px;
    padding-bottom: 5px;
}

.containerLabels {
    color: #5D7189;
    font-size: 12px;
}

.containerLinks {
    font-size: 12px;
    font-family: Doppio One;
}


@media all and (max-width: 645px) {
    .leftColumn {
        padding-right: 0;
        padding-bottom: 10px;
        width: 100% !important;
    }

    .mainColumn {
        padding-right: 0;
        padding-bottom: 10px;
        width: 100%;
    }

    .mainColumn3Col {
        padding-right: 0;
        padding-bottom: 10px;
        width: 100%;
    }

    .rightColumn {
        display: block;
        padding-bottom: 10px;
        width: 100% !important;
    }
}

/*Page - Header*/

.nonMobileHeader {
    display: block;
}

.mobileHeader {
    display: none;
}

.nonMobileFooter {
    display: block;
}

.mobileFooter {
    display: none;
}

.sectionHeaderText {
    background-color: #127A8E;
    background-position: 92% center;
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-size: 12pt;
    line-height: 2em;
    padding: 0 1em;
    font-family: Brandon Regular;
    margin-bottom: 0px;
    position: relative;
    text-transform: uppercase;
}

.mobileHeader {
    background-color: #007084;
    padding-bottom: 8px;
}

#header {
    padding-top: 6px;
    height: 93px;
    background-color: white;
    /*background-image: linear-gradient(to bottom, rgb(197, 226, 209), white);*/
    background-color:#007086;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    /*border-bottom: 4px solid #6182a5;*/
}

#headerContent {
    margin: 0 auto;
}

.Generic-LabelHeaderTag {
    font-size: 20px;
    font-family: Doppio One;
    font-weight: bold;
}

@media all and (max-width: 645px) {
    #header {
        padding-top: 4px;
        height: 150px;
        background-color: white;
    }

    .nonMobileHeader {
        display: none;
    }

    .mobileHeader {
        display: block;
    }

    .nonMobileFooter {
        display: none;
    }

    .mobileFooter {
        display: block;
    }
}

/*Page - Message Boxes*/

.StatusOk {
    border: 1px solid #1A6F1A;
    background-color: #82C368;
    padding: 7px;
    width: 100%;
    color: #1A6F1A;
    font-weight: bold;
    font-size: 8pt;
    margin-bottom: 6px;
    margin-top: 6px;
}

.StatusError {
    border: 1px solid #AD1A22;
    background-color: #FE7879;
    padding: 7px;
    width: 100%;
    color: #AD1A22;
    font-weight: bold;
    font-size: 8pt;
    margin-bottom: 6px;
    margin-top: 6px;
}

.StatusWarning {
    border: 1px solid #FF552A;
    background-color: #FFD455;
    padding: 7px;
    width: 100%;
    color: #FF552A;
    font-weight: bold;
    font-size: 8pt;
    margin-bottom: 6px;
    margin-top: 6px;
}

.StatusInformation {
    border: 1px solid #3559A3;
    background-color: #ABC6F5;
    padding: 7px;
    width: 100%;
    color: #3559A3;
    font-weight: bold;
    font-size: 8pt;
    margin-bottom: 6px;
    margin-top: 6px;
}

/*Typography*/

@font-face {
    font-family: 'Doppio One';
    font-style: normal;
    font-weight: 400;
    src: local('Doppio One Regular'), local('DoppioOne-Regular'), url(DoppioOne-Regular.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(Open Sans.woff) format('woff');
}

@font-face {
    font-family: 'Brandon Regular';
    font-style: normal;
    font-weight: 400;
    src: local('Brandon Regular'), local('Brandon_reg'), url(Brandon_reg.woff) format('woff');
}

a {
    color: #127A8E;
    text-decoration: none;
    transition: 0.2s color;
}

a:hover {
    color: red;
}

h1 {
    background-color: #127A8E;
    background-position: 92% center;
    background-repeat: no-repeat;
    line-height: 2em;
    padding: 0 1em;
    font-family: Brandon Regular;
    margin-bottom: 0px;
    position: relative;
    text-transform: uppercase;
}

h1.mail {
    background-image: url("/media/images/mail.png");
}

h1.picture {
    background-image: url("/media/images/picture.png");
}

h1.alt {
    background-color: #f52626;
}

h5 {
    background-color: #C8DFB4;
    background-position: 92% center;
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-size: 17px;
    line-height: 1em;
    padding: 0 1em;
    text-transform: uppercase;
    margin-bottom: 20px;
    /*position: relative;*/
    border-radius: 0 0 5px 5px;
}

h6 {
    background-color: #ffffff;
    background-position: 92% center;
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-size: 17px;
    line-height: 1em;
    padding: 0 1em;
    text-transform: uppercase;
    margin-bottom: 20px;
    /*position: relative;*/
    border-radius: 0 0 5px 5px;
}

h6.mail {
    background-image: url("/media/images/mail.png");
}

h6.picture {
    background-image: url("/media/images/picture.png");
}

h6.alt {
    background-color: #f52626;
}

@media all and (max-width: 420px) {
    h1 .subtext {
        display: block;
        margin: 0;
        position: static;
        white-space: normal;
        width: 100%;
    }
}

/*Typography - Forms*/

.SearchButtonCell
{
width: 40px;
padding-right: 15px;
padding-top: 5px;
}

.generalButton {
    height: 27px;
    width: 114px;
    background-color: #007086;
    color: #FCFBFA;
    font-family: Arial;
    font-size: 8pt;
    margin-bottom: 5px;
    border-radius: 4px;
    border: 1px solid #00062B;
    margin-right: 5px;
    cursor: pointer;
}

.generalButton:hover {
    background-color: #308EA0;
    color: #ffffff;
}

input[type=checkbox], input[type=radio] {
    width: 20px;
    height: 20px;
}

input[type='text'], input[type='password'], textarea, select {
    border: 1px solid #c6c9cd;
    color: #7f8183;
    padding: 0px 3px 0px 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    box-shadow: 0 2px 6px -4px #A7A0A0 inset;
    transition-property: border-color, color, width, height;
    transition-duration: 0.3s, 0.3s, 0s, 0s;
    margin: 3px 0px 3px 0px;
}

input[type='text']:hover, textarea:hover, select:hover {
    border-color: #a7aaaf;
}

input[type='text']:active, input[type='text']:focus, textarea:active, textarea:focus, select:active, select:focus {
    border-color: #0073d4;
    color: #484b4e;
}

.searchTextArea {
    background: url('/media/images/search_bar_back.png');
    width: 96%;
    text-align: left;
    vertical-align: middle;
    padding: 2px 0px 0px 8px;
    background-repeat: repeat-x;
    vertical-align: top;
}

.searchBox {
    background-color: #FFFFFF;
    border: 1px solid rgb(30, 90, 30);
    font-family: Tahoma;
    font-size: 9pt;
    color: #000000;
    width: 120px;
    padding: 3px;
    width: 90%;
    margin-top: 2px;
}

.imageMenuButton {
    float: left;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: silver;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: silver;
    padding: 2.5px;
    background-color: #ffffff;
    width: 24.4%;
    min-width: 244px;
}

.textBody {
    margin: 7px;
    padding: 10px;
    background-color: #ffffff;
    border-radius: 5px;
}

.homeSideButtons {
    width: 100%;
    height: 207px;
    text-align: center;
    display: normal;
}

.MainFormInformationRowRightButtonsOptions {
    /*display:block;*/
    text-align: right;
    vertical-align: top;
    width: 20%;
}

.MainFormInformationRowRightButtons {
    /*display:block;*/
    text-align: left;
    vertical-align: top;
    width: 40%;
}

.FormsDescriptionLogin {
    float: left;
    width: 90px;
}

.FormsDescription {
    float: left;
    width: 130px;
}

.FormsDescriptionNoText {
    float: left;
    width: 130px;
}

.FormsTextBoxes {
    float: left;
    padding: 0px 8px 8px 8px;
}

.FormsSideDescriptionLeft {
    float: left;
    width: 80%;
}

.FormsSideDescriptionRight {
    float: right;
}

@media all and (max-width: 645px) {
    .homeSideButtons {
        width: 100%;
        height: 207px;
        text-align: center;
        display: none;
    }
}

@media all and (max-width: 420px) {
    .FormsDescription {
        width: 100% !important;
    }

    .FormsSideDescriptionLeft {
        width: 100% !important;
    }

    .FormsDescriptionNoText {
        display: none;
    }
}

@media all and (max-width: 420px) {
    .search input[type="text"] {
        width: 150px;
    }
}

/*Typography - Tables*/

table {
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}

.tableFullWidth {
    width: 100%;
}

.tableShoppingCart {
    font-size: 9pt;
}

.tableHeaderRight {
    float: right;
    border: 0px;
    margin-right: 15px;
    padding-top: 10px;
}

.tableHeaderLeft {
    float: left;
    border: 0px;
    margin-top: 10px;
    margin-left: 10px;
    width: 200px;
}

.tableHeaderBoard {
    float: right;
    width: 270px;
    text-align: right;
    padding-right: 10px;
}

td {
    /*padding: 5px;*/
}

.historyTableHeader {
    font-weight: bold;
    color: Black;
    /*background-color: #41852A;*/
    background-color: #c5d9c5;
    padding: 4px;
    border: 1px solid Silver;
    text-align: center;
}

.historyTableDetails {
    font-weight: normal;
    padding: 3px;
    border: 1px solid Silver;
    text-align: center;
}

.MainFormInformationRowRight {
    /*display:block;*/
    text-align: left;
    vertical-align: top;
    width: 60%;
    height: 25px;
    padding: 5px;
}

@media all and (max-width: 645px) {
    .tableHeaderLeft {
        text-align: center;
        border: 0px;
        margin-top: 5px;
        margin-left: 0px;
        width: 410px;
        float: left;
    }

    .tableHeaderRight {
        text-align: center;
        border: 0px;
        margin-top: 5px;
        margin-left: 0px;
        float: right;
    }

    .tableHeaderBoard {
        width: 100%;
        text-align: center;
        padding-right: 0px;
    }

    .tableHeaderRight {
        margin-right: 0px;
        width: 100%;
    }
}