/* ******************************************************************** */ 
/*                  Generated by: http://csscreator.com                 */
/* ******************************************************************** */
html, body {
    margin: 0;
    padding: 0;
    text-align: center;
    color: #283488;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

#cookieChoiceInfo
{
    bottom:0 !important;
    top:auto !important;
    background-color:#0470a1 !important;
    color:White !important;
    font-size:10pt !important;
    z-index:1000000 !important;
}
#cookieChoiceInfo a{color:Yellow !important;}

img{border:0;}

a{color:#0000c0;text-decoration:none;}
a:hover{color:#ff0000;text-decoration:underline;}
a:visited {color:#0000c0;text-decoration:none;}
A:visited:hover{color:#ff0000;text-decoration:underline;}

#pagewidth {
    width:100%;
    max-width: 1200px;
    text-align: left;
    margin: 0 auto;
}
@media screen and (max-width:1200px) {
    #pagewidth {
        width:99%;
        margin: 0 0.5%;
    }
}

.topstrip {
    position: relative;
    width: 100%;
    max-width: 1200px;
    background-color: white;
    margin: 5px auto;
    padding: 5px 0;
    height: 20px;
}

.topstrip .googletranslate {
    position: relative;
    float: left;
}

.topstrip .search {
    position: relative;
    float: right;
}

.topstrip .socialmedia {
    position: relative;
    float: right;
    margin-right: 25px;
}

.topstrip .socialmedia img.icon {
    max-width: 25px;
    max-height: auto;
}

.header2018 {
    position: relative;
    width: 100%;
    max-width: 1200px;
    height:90px;
    margin: 5px auto;
    padding:5px 0;
    background-color:blue;
}

.header2018 a.logo{position:relative;float:left;margin:0 5px;}
.header2018 .leaderboard{position:relative;float:right;clear:right;width:100%;max-width:728px;margin:0 10px 5px 0;}
.header2018 .leaderboard img{width:100%;max-width:728px;height:auto;max-height:90px;}

@media screen and (max-width:1100px)
{
    .header2018 .leaderboard {max-width:600px;}
}

@media screen and (max-width:975px)
{
    .header2018{max-height:60px;}
    .header2018 a.logo img {
        width:200px;
        height: auto;
    }
    .header2018 .leaderboard img{width:468px;height:60px;}
}
@media screen and (max-width:720px)
{
    .header2018 a.logo img{width:150px;height:auto;}
}
@media screen and (max-width:650px)
{
    .header2018{max-height:45px;}
    .header2018 .logo img{height:35px;width:auto;}
    .header2018 .leaderboard img{width:100%;height:auto;}
    .header2018 .leaderboard {margin:0}
}

@media screen and (max-width:478px) {
    .topstrip .googletranslate{display:none;}
    .header2018 .tools {
        padding: 5px;
    }
    .header2018 .tools .socialmedia{display:none;}
}

.menu
{
    position:relative;
    height:28px;
    width:100%;
    text-align:center;
    margin:0 auto;
    margin-bottom:10px;
    font-size:1em;
    z-index:100002;
}

@media screen and (max-width:1150px) {
    .menu {
        font-size: 0.9em;
    }
}
@media screen and (max-width:1050px) {
    .menu {
        font-size: 0.8em;
    }
}

    /*Strip the ul of padding and list styling*/
    .menu ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        position: absolute;
    }

    /*Create a horizontal list with spacing*/
    .menu li {
        display: inline-block;
        float: left;
    }

        /*Style for menu links*/
        .menu li a {
            display: block;
            text-align: center;
            font-weight: bold;
            line-height: 1.5em;
            color: black;
            text-decoration: none;
            padding: 0 4px;
            border-right: 1px solid blue;
        }

        .menu li:last-child a {
            border-right: none;
        }

        /* Hover state for top level links */
        .menu li:hover a {
            background: blue;
            color: white;
            border-bottom: none;
        }
    /* Hover state for second menu links */
    .secondmenu li:hover a {
        background: #01325d;
        color: #dcebf2;
    }
    /* Selected state for top level links */
    .menu ul li a.current {
        background-color: #dcebf2;
        color: #01325d;
    }
    /* Selected state for second menu links */
    .secondmenu ul li a.current {
        background-color: #01325d;
        color: White;
    }

    /*Style for dropdown links*/
    .menu li:hover ul a {
        background: #dcebf2;
        color: #01325d;
        height: 26px;
        line-height: 26px;
    }

        /*Hover state for dropdown links*/
        .menu li:hover ul a:hover {
            background: #0470a1;
            color: #fff;
        }

    /*Hide dropdown links until they are needed*/
    .menu li ul {
        display: none;
    }

        /*Make dropdown links vertical*/
        .menu li ul li {
            display: block;
            float: none;
        }

            /*Prevent text wrapping*/
            .menu li ul li a {
                width: auto;
                min-width: 100px;
                padding: 0 20px;
            }

    /*Display the dropdown on hover*/
    .menu ul li a:hover + .hidden, .hidden:hover {
        display: block;
    }

    /*Style 'show menu' label button and hide it by default*/
    .menu .show-mainmenu {
        text-decoration: none;
        color: #fff;
        background: Blue;
        line-height: 40px;
        font-size: 1.5em;
        width: 100%;
        text-align: center;
        display: none;
    }

    /*Hide checkbox*/
    .menu input.mainmenu[type=checkbox] {
        display: none;
    }

        /*Show menu when invisible checkbox is checked*/
        .menu input.mainmenu[type=checkbox]:checked ~ #menu {
            display: block;
        }

#wrapper {
    width: 100%;
    max-width: 1200px !important;
    margin: 0 auto;
}

.RHS {
    position: relative;
    float: right;
    width: 300px;
    margin-left: 10px;
}

.Locator {
    position: relative;
    float: right;
    max-width: 300px;
    height: 300px;
    background-color: #ff000f;
    color: white;
    font-weight: bold;
    font-size: 1.3em;
    text-align: center;
    padding: 15px 25px;
    margin-bottom: 10px;
}

    .Locator a img {
        width: 90%
    }

    .Locator p {
        padding: 0;
    }

    .Locator input.textbox {
        width: 100%;
        max-width: 250px;
        margin: 10px 0;
    }

.MainContent /* added on 8/11/2016 */ {
    position: relative;
    float: left;
    width: calc(100% - 320px);
}

@media screen and (max-width:650px){
    .RHS {display: none;}
    .MainContent{width:100%;}
}

    #leftcol {
        width: 160px;
        float: left;
        position: relative;
    }

    #twocols {
        float: right;
        position: relative;
    }

    #rightcol {
        width: 160px;
        float: right;
        position: relative;
        text-align: right;
    }

    .leftbox, .rightbox, .locatorbox {
        position: relative;
        float: left;
        margin: 5px 0;
        background-color: #fff;
        text-align: center;
        width: 150px;
        font-size: 0.8em;
        color: #dcebf2;
        border: 1px solid #808080;
        overflow: hidden;
    }

    .leftbox {
        float: left;
        color: #283488;
    }

    .locatorbox {
        float: left;
        color: #000;
        background-color: #fec5b8;
    }

    .rightbox {
        float: right;
        color: #283488;
        display:none;
    }

    .leftbox .rightbox, h3 {
        margin: 0;
        padding: 2px;
        margin-bottom: 5px;
        font-size: 12pt;
        font-weight: bold;
        color: #283488;
    }

    .leftbox .rightbox, hr {
        border: 0;
        background-color: #dcebf2;
        height: 2px;
    }

    #maincol {
        float: left;
        position: relative;
        width:100%;
    }

    .footer {
        clear: both;
        display: block;
        overflow: auto;
        border-top: 3px solid #00709e;
        padding: 10px 0 10px 0;
        text-align: center;
        font-size: 10pt;
        font-weight: normal;
    }

        .footer .partners {
            position: relative;
            float: left;
            margin-top: 10px;
        }

            .footer .partners img {
                max-height: 40px;
                margin-right: 5px;
            }

        .footer .representatives {
            position: relative;
            float: right;
            margin-top: 10px;
        }

            .footer .representatives img {
                max-height: 80px;
                margin-left: 5px;
            }




    /* ******************************************************************** */
    /* Clearfix: http://csscreator.com/attributes/containedfloat.php        */
    /* ******************************************************************** */
    .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    .clearfix {
        display: inline-block;
    }

    /* Hides from IE-mac \*/
    * html .clearfix {
        height: 1%;
    }

    .clearfix {
        display: block;
    }
    /* End hide from IE-mac */




    /* ******************************************************************** */
    /*                      printer styles                                  */
    /* ******************************************************************** */

    @media print {
        /*hide the left column when printing*/
        #leftcol {
            display: none;
        }

        /*hide the right column when printing*/
        #rightcol {
            display: none;
        }

        #twocols, #maincol {
            width: 100%;
            float: none;
        }
    }