@font-face{
    font-family: 'MWP';
    src: url('../Fonts/myriadwebpro_0-webfont.eot');
    src: url('../Fonts/myriadwebpro_0-webfont.eot?#iefix') format('embedded-opentype'),
            url('../Fonts/myriadwebpro_0-webfont.woff') format('woff'),
            url('../Fonts/myriadwebpro_0-webfont.ttf') format('truetype'),
            url('../Fonts/myriadwebpro_0-webfont.svg#MWP') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* Loading Screen */
div#loading-screen{
    background-color: #333;
    border: 8px solid #666;
    left: 0; top: 0;
    position: absolute;
    z-index: 100;
}
    #loading-screen div.text{
        color: #999;
        font-family: "Helvetica";
        font-size: 1.0em;
        font-weight: 400;
        margin: 344px auto 0 auto;
        position: relative;
        text-align: center;
        width: 512px; height: 16px;
    }


#open_in_new_c{
    width: 699px;
    height: 555px;
}
    #open_in_new{
        position: absolute;
        top: 250px;
        width: 699px;
        text-align: center;
    }
        #open_in_new a{
            text-decoration: none;
            font-size: 30px;
            color: #999;
        }


/* Homescreen Helper */
div#homescreen-helper{
    left: 60px; top: -216px;
    position: absolute;
    width: 296px; height: 212px;
    z-index: 5;
}
    div#arrow{
        background:url('../../Assets/Images/Helper-Arrow.png') no-repeat;
        left: 132px; top: 0;
        position: absolute;
        width: 30px; height: 23px;
    }
    div#window{
        background:url('../../Assets/Images/Helper-Window.png') no-repeat;
        left: 0; top: 0;
        position: absolute;
        width: 296px; height: 212px;
    }
    div#close{
        right: 21px; top: 15px;
        position: absolute;
        width: 21px; height: 21px;
        z-index: 1;
    }
        #window div.text{
            margin: 35px auto;
            line-height: 1.2em;
            position: relative;
            width: 200px;
        }   


/* Logo */
div#account-logo{
    left: 48px; top: 48px;
    position: absolute;
    width: 384px; height: 150px;
    z-index: 0;
}


/* Categories */
div#categories{
    left: 48px; top: 218px;
    position: absolute;
    width: 306px; height: 460px;
    z-index: 1;
}
    div.category{
        background: url('../../Assets/Images/Category_Button.png') no-repeat;
        background-size: 306px 48px;

        font-family: "Helvetica";
        font-size: 1.1em;
        font-weight: 400;

        margin: 0 auto;
        position: relative;
        width: 306px; height: 50px;
    }
    .category + .category{ margin-top: 8px }
    
    .category div.highlight{
        -webkit-border-radius: 3px;
        background-color: #FFF;
        left: 2px; top: 0px;
        opacity: 0;
        position: absolute;
        width: 302px; height: 46px;
        z-index: 0;
    }
    
    .category div.button{
        -webkit-border-radius: 6px;
        left: 2px; top: 1px;
        position: absolute;
        width: 302px; height: 48px;
        z-index: 1;
        cursor: pointer;
    }
    .category label{
        color: #222;
        left: 24px; top: 13px;
        opacity: 0.6;
        position: absolute;
        width: 220px; height: 20px;
    }
    .category div.arrow{
        background:url('../../Assets/Images/Category_Arrow.png') no-repeat;
        right: 30px; top: 13px;
        position: absolute;
        width: 23px; height: 21px;
    }


/* Menus */
div#menus{
    color: #222;
    font-family: "Helvetica";
    font-size: 0.9em;
    font-weight: 400;
    left: 380px; top: 0;
    position: absolute;
    width: 576px; height: 748px;
}
    div.menu{
        left: 32px;
        opacity: 0.50;
        position: absolute;
        width: 1px; /* 474 */
    }
        div.list-item_single{
            background:url('../../Assets/Images/List-Item_Single.png');
            margin: 0 auto;
            position: relative;
            width: 474px; height: 38px;
        }
        div.list-item_top{
            background:url('../../Assets/Images/List-Item_Top.png');
            margin: 0 auto;
            position: relative;
            width: 474px; height: 38px;
        }
        div.list-item_mid{
            background:url('../../Assets/Images/List-Item_Mid.png');
            margin: 0 auto;
            position: relative;
            width: 474px; height: 32px;
        }
        div.list-item_btm{
            background:url('../../Assets/Images/List-Item_Btm.png');
            margin: 0 auto;
            position: relative;
            width: 474px; height: 42px;
        }
            .list-item_top label,
            .list-item_mid label,
            .list-item_btm label,
            .list-item_single label{
                left: 20px; top: 10px;
                opacity: 0.75;
                position: absolute;
                width: 432px; height: 18px;
            }
            .list-item_top label{ top: 14px }
            .list-item_single label{ top: 12px }
            
            .list-item_top .button{
                -webkit-border-top-left-radius: 8px;
                -webkit-border-top-right-radius: 8px;
                background-color: #FFF;
                left: 5px; top: 4px;
                opacity: 0;
                position: absolute;
                width: 464px; height: 34px;
                z-index: 1;
            }
            .list-item_mid .button{
                background-color: #FFF;
                left: 5px; top: 1px;
                opacity: 0;
                position: absolute;
                width: 464px; height: 31px;
                z-index: 1;
            }
            .list-item_btm .button{
                -webkit-border-bottom-left-radius: 8px;
                -webkit-border-bottom-right-radius: 8px;
                background-color: #FFF;
                left: 5px; top: 1px;
                opacity: 0;
                position: absolute;
                width: 464px; height: 34px;
                z-index: 1;
            }
            .list-item_single .button
            {
                -webkit-border-top-left-radius: 8px;
                -webkit-border-top-right-radius: 8px;
                -webkit-border-bottom-left-radius: 8px;
                -webkit-border-bottom-right-radius: 8px;
                background-color: #FFF;
                left: 5px; top: 1px;
                opacity: 0;
                position: absolute;
                width: 464px; height: 34px;
                z-index: 1;
            }

/* BG/Catalog Images */                
div#catalog-images{
    right: 8px; top: 8px;
    position: absolute;
    width: 654px; height: 732px;
    z-index: 3;
}
    #catalog-images img{
        left: 0; top: 0;
        display: block;
        opacity: 0;
        position: absolute;
        width: 654px; height: 732px;
    }
    img#catalog-image_01{ opacity: 1 }  


div#footer{
    font-family: MWP;
    color: #444;
    display: block;
    position: absolute;
    width: 1008px;
    height: 17px;
    background: url(../Images/Background_Footer.png);
    bottom: 8px;
    left: 0px;
    z-index: 5;
    line-height: 17px;
    font-size: 12px;
    padding-top: 12px;
    padding-bottom: 8px;
    margin: 0 8px 0 8px;
}
    div#terms{
        display: block;
        position: absolute;
        width: 120px;
        left: 24px;
    }
        div#terms a{
            text-decoration: none;
        }
        div#terms a:visited{
            color: #444;
        }
    div#understandLink{
        display: block;
        position: absolute;
        width: 228px;
        right: 24px;
    }
        div#understandLink > div{
            float: left;
            margin-left: 4px;
        }
        div#understandLink a{
            text-decoration: none;
        }
        div#understandLink a:visited{
            color: #444;
        }