/*******************************************************************************



* v1 STYLES + MODIFICATIONS



*******************************************************************************/







#shipping table
{
    width: 100%;
    margin-bottom: 30px;
}

#shipping th
{
    width: 25%;
    padding-bottom: 10px;

    text-decoration: underline;
}

.shipping-time
{
    display: inline-block;
    max-width: 88%;
}

.shipping-time span{
    white-space: pre;
}

[data-tooltip]
{
    position: relative;

    cursor: pointer;
}

[data-tooltip]:before
{
    z-index: 1001;

    content: '';

    border: 6px solid transparent;
    background: transparent;
}

/* Base styles for the tooltip's content area */
[data-tooltip]:before
{
    font-size: 14px;
    line-height: 1.2;

    position: absolute;
    bottom: 107%;
    left: -216%;

    width: 255px;
    margin-bottom: 5px;
    margin-left: -80px;

    content: attr(data-tooltip);
    text-align: center;

    color: #fff;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    background-color: #000;
    background-color: hsla(0, 0%, 20%, .9);
}

[data-tooltip]:after
{
    position: relative;
    top: 3px;
    left: 3px;

    display: inline-block;

    width: 15px;
    height: 15px;

    content: '';

    background-image: url('../images/global/icons/shipping-info-question.png');
    background-repeat: no-repeat;
    background-size: 15px;
}

[data-tooltip]:before
{
    position: absolute;

    visibility: hidden;

    -webkit-transition: opacity .2s ease-in-out,
    visibility .2s ease-in-out,
    -webkit-transform .2s cubic-bezier(.71, 1.7, .77, 1.24);
       -moz-transition: opacity .2s ease-in-out,
    visibility .2s ease-in-out,
    -moz-transform .2s cubic-bezier(.71, 1.7, .77, 1.24);
            transition: opacity .2s ease-in-out,
    visibility .2s ease-in-out,
    transform .2s cubic-bezier(.71, 1.7, .77, 1.24);
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    pointer-events: none;

    opacity: 0;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

[data-tooltip]:hover:before
{
    visibility: visible;

    opacity: 1;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
}



/*******************************************************************************



* v2 STYLES



*******************************************************************************/







#main
{
    margin: 2% 5%;
    padding-bottom: 20px;
}







#main h1,
#main h2,
#main h6
{
    font-weight: 500;

    color: #000;
}







#main h1
{
    font-size: 20pt;

    margin-bottom: 20px;
}







#main h2
{
    font-size: 16pt;

    margin-bottom: 10px;
}







#main h6
{
    font-size: 12pt;
}







#main a
{
    text-decoration: underline;

    color: #007987;
}







#main ul
{
    margin-bottom: 20px;
    margin-left: 20px;
}







#main li
{
    line-height: 1.2;

    list-style-type: disc;
}



/*******************************************************************************



* HELPER STYLES



*******************************************************************************/



b
{
    font-weight: bold;
}