/* --------------- imports ------------------ */
@import url('resets.css');
@import url('tinymce.css');
@import url('jquery.cssmenu.css');
@import url('jquery.buttons.css');
@import url('jquery.tabs.css');
@import url('jquery.prettycheckboxes.css');
@import url('jquery.jd.corners.css');
@import url('form.contact.css');


/* --------------- overrides ------------------ */

a
{
    text-decoration:underline;
    color:#6b1b6e;
}
    a:hover
    {
        text-decoration:underline;
        color:#1b001e;
    }
    a img, a:hover img
    {
        text-decoration:none;
    }

p
{
    margin:0px 0px 5px 0px;
}

a h1 a, a h2 a, a h3 a, a h4 a, a h5 a, a h6 a
{
    text-decoration:none;
}

h1, h2, h3, h4, h5, h6
{
    font-weight:normal;
    font-family: Eurofurence;
    /*font-family: BonvenoCf;*/
    /*font-family:Myriad Web Pro;*/
    /*font-family: florencesans;*/
    /*font-family: geosanslight;*/
    /*font-family: londonbetween;*/
    /*font-family: mammagamma*/
    /*font-family: Optimer;*/
    /*font-family: existence;*/
    /*font-family: Qlassic;*/
    color:#6b1b6e;
}

h1
{
    font-family: Eurofurence Light;
    font-size:36px;
    margin:5px 0px 15px;
    line-height: 40px;
}

h2
{
    font-family: Eurofurence Light;
    font-size:28px;
    margin:15px 0px 5px;
    line-height: 34px;
}
h3
{
    font-size:24px;
    margin:15px 0px 5px;
}
h4
{
    font-size:20px;
    margin:15px 0px 5px;
}
h5
{
    font-size:18px;
    margin:15px 0px 5px;
}

ol, ul
{
    margin-left:18px;
}

input[type="text"], input[type="file"], input[type="password"], select
{
    border:1px solid #CCCCCC;
    background-color: transparent;
    padding:2px 3px 2px 3px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
    font-family:Segoe UI, Trebuchet MS, sans-serif;
    font-size: 14px;
}
select
{
    padding:0px 2px;
    height:21px;
}
input[type="file"]
{
    height:21px;
    border:0px;
}

textarea
{
    border:1px solid #CCCCCC;
    padding:2px 3px 0px 3px;
}

/* --------------- spacers ------------------ */
.spacer5
{
    height:5px;
}
.spacer10
{
    height:10px;
}
.spacer5
{
    height:15px;
}
.spacer20
{
    height:20px;
}
/* --------------- custom ------------------ */

.clear
{
    clear:both;
}

.hidden
{
    display:none;
}
.floatLeft
{
    float:left;
}

.floatRight
{
    float:right;
}
    
.alignCenter
{
    text-align: center;
}

.hr1
{
    border-bottom: 1px solid #CCCCCC;
    margin-left:auto;
    margin-right:auto;
    height:1px;
    margin-top:10px;
}

.vr1
{
    position:absolute;
    right:0px;
    top:0px;
    bottom:75px;
    border-right:1px solid #CCCCCC;
}

/* --------------- colors ------------------ */
.light
{
    color:#EEEEEE;
}
.dark
{
    color:#333333;
}
/* --------------- tables ------------------ */
.tableFormat1
{
    border-collapse: collapse;
}
    .tableFormat1 td
    {
        border:1px solid #DDDDDD;
        padding:5px 10px;
    }
    .tableFormat1 thead td
    {
        background-color:#EEEEEE;
    }
    .tableFormat1 tbody td
    {
        
    }
    .tableFormat1 tfoot td
    {
        padding:1px 10px;
        background-color:#F8F8F8;
    }

/* --------------- languageSelector ------------------ */
.languageSelector
{
    position:absolute;
    top:10px;
    right:55px;
    text-align:right;
}
    .languageSelector a
    {
        text-decoration:none;
    }
    

/* --------------- productCategories ------------------ */
.productCategoriesList
{
    
}

/* --------------- productCategories Scrolling ------------------ */
.productCategoriesListScroll
{
    
}
    .productCategoriesListScroll .productCategory
    {
        margin-bottom: 40px;
    }
        .productCategoriesListScroll .productCategory h3.title
        {
            padding: 5px 0px;
            border-bottom: 1px solid #CCCCCC;
        }

/* --------------- products ------------------ */
.productItem
{
    position:relative;
    display:block;
    float:left;
    text-align: center;
    margin-right:15px;
    width:150px;
    height:235px;
    margin-bottom:20px;
}
    .productItem .title
    {
        position:absolute;
        display:block;
        width:100%;
        bottom:0px;
        text-align: center;
        font-family: Eurofurence;
        text-transform: uppercase;
        font-size: 19px;
        text-decoration: none;
    }
    .productItem a
    {
        text-decoration: none;
    }
    
/* --------------- pageFlag ------------------ */
.pageFlag
{
    float:right;
}
    .pageFlag .mask
    {
        margin-left:-104px;
        margin-top:-100px;
    }

/* --------------- materialCategories ------------------ */
.materialCategories
{
    /*font-family: BonvenoCf;*/
    font-family: Eurofurence Light;
    font-size:26px;
    color:#000000;
}
    
    .materialCategories a
    {
        text-decoration: none;
    }
    .materialCategories p a
    {
        color:#000000;
    }
    
    .materialCategories td
    {
        vertical-align:middle;
        padding:0px 5px;
    }
    .materialCategories .image
    {
        width:80px;
        height:80px;
    }
    
    .materialCategories .mask
    {
        margin-left:-87px;
        margin-top:-80px;
    }

/* --------------- materials page ------------------ */
.materials
{
    width: 700px;
}
    .materials p
    {
        padding:0px;
        margin:0px;
    }
    .materials td
    {
        width:116px;
        padding:5px;
        text-align: center;
        position:relative;
    }
    .materials .mask, .materials .image
    {
        position:absolute;
        left:0px;
        top:0px;
        width:100px;
        height:100px;
    }
    .materials .maskContainer
    {
        position:relative;
        width:100px;
        height:100px;
        margin-left:auto;
        margin-right:auto;
    }

.backToMaterials
{
    float:right;
    margin-top:-50px;
}

.materialTabs
{
    
}
    .materialTabs .tabs-nav
    {
        /*font-family: BonvenoCf;*/
        /*font-family: Eurofurence;*/
        height:20px;
        font-size:14px;
        line-height: 20px;
    }
    .materialTabs .tabs-selected a span
    {
        font-size: 14px;
        color:#110033;
        padding-top:0px;
        padding-bottom:0px;
        font-weight:bold;
    }
/* --------------- product ------------------ */
.productDetails
{
        
}

.productDescription
{
    width:380px;
}
    .productDescription td
    {
        padding: 10px 10px 5px 0px;
    }
    .productDescription td p
    {
        margin:0px;
    }
    .productDescription td h4
    {
        font-size:16px;
        margin:0px;
    }
    .productDescription .color
    {
        width:115px;
    }
    .productTabs
    {
        width:370px;
    }
    
.backToOverview
{
    text-align:right;
    margin-top:-20px;
}
    .backToOverview a
    {
        text-decoration: none;
        padding-left:28px;
        background-image:url(layout_images/icon-back-s.png);
        background-repeat:no-repeat;
        background-position:left;
    }
    

/* --------------- share ------------------ */
.share
{
    float:left;
    /*margin-top:-25px;*/
}
    .share a
    {
        text-decoration: none;
    }

/* --------------- product gallery ------------------ */
.photos
{
    float:left;
    width:300px;
}
    .photos .photoGallery img
    {
        max-height:100px;
        max-width:100px;
    }
/* --------------- product care ------------------ */
.productCare
{
    font-size:12px;
}
    .productCare td
    {
        padding-right:5px;
    }

/* --------------- filters ------------------ */
.filters
{
    display:none;
}
    .filters .gender
    {
        
    }

    .filters .cut
    {
        
    }

    .filters .material
    {
        
    }

    .filters .color
    {
        
    }

    .filters .size
    {
        
    }


/* --------------- login, login Box ------------------ */
.loginBoxOpen
{
    text-decoration: none;
}

.login
{
    display: none;
    position:absolute;
    right:55px;
    top:35px;
}
    .login .loginBoxOpen
    {
        padding-right:18px;
        background-image:url(layout_images/login-arrow-down.png);
        background-repeat:no-repeat;
        background-position:right;
    }

.loginBox
{
    display:none;
    position:absolute;
    right:0px;
    top:-1px;
    width:815px;
    color:#451346;
    z-index:29000;
}
    .loginBox .top
    {
        position:relative;
        background-image:url(layout_images/bg-login.png);
        background-repeat:no-repeat;
        min-height:250px;
    }
    .loginBox .bottom
    {
        height:60px;
        background-image:url(layout_images/bg-login-bottom.png);
        background-repeat:no-repeat;
    }
    .loginBox .col
    {
        position:absolute;
        top:95px;
        width:172px;
        height:100%;
        padding:0px 5px;
        /*font-family:BonvenoCF;*/
        font-family: Eurofurence Light;
    }
        .loginBox .col .colTitle
        {
            position:absolute;
            top:-28px;
            left:0px;
            width:100%;
            text-align:center;
            font-size:16px;
            letter-spacing:-1px;
        }
        .loginBox .col1
        {
            left:40px;
        }
        .loginBox .col2
        {
            left:222px;
        }
        .loginBox .col3
        {
            left:404px;
        }
        .loginBox .col4
        {
            left:586px;
        }
    
    .loginBox .title
    {
        position:absolute;
        right:55px;
        top:36px;
    }
        .loginBox .title .loginBoxOpen
        {
            padding-right:18px;
            background-image:url(layout_images/login-arrow-up.png);
            background-repeat:no-repeat;
            background-position:right;
        }
        
    .loginBox input[type="text"], .loginBox input[type="file"], .loginBox input[type="password"], .loginBox select
    {
        width:160px;
    }
    
    .loginBox .buttons
    {
        position:absolute;
        left:0px;
        width:100%;
        bottom:70px;
        text-align:center;
        font-family:Trebuchet MS, Helvetica;
    }
    
    .loginBox .loginError
    {
        font-size:10px;
    }
/* --------------- sitemap ------------------ */
.sitemapTree
{
    
}
    .sitemapTree ul
    {
        list-style-type: disc;
        margin-bottom:10px;
    }
        .sitemapTree ul
        {
            font-weight:bold;
        }
        .sitemapTree ul ul
        {
            font-weight:normal;
        }
        .sitemapTree ul ul ul
        {
            list-style-type: circle;
        }
/* --------------- iePopup ------------------ */
.iePopup
{
    position: absolute;
    left:50%;
    top:50%;
    margin-left:-170px;
    margin-top:-150px;
    width:300px;
    height:170px;
    background-color:#FFFFFF;
    padding:15px;
    border:10px solid #631665;
    font-size:14px;
    text-align: center;
}
    .iePopup a
    {
        text-decoration: none;
    }
    
/* --------------- layout ------------------ */
body
{
    font-family:Segoe UI, Trebuchet MS, Century Gothic, Arial, sans-serif;
    font-size:12px;
    color:#333333;
    background-color:#FFFFFF;
    /*background-image:url(layout_images/bg-body.png);*/
    width: auto;
    border:none;
}
/*
.topBg
{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:743px;
    background-image:url(layout_images/bg-top.png);
    background-repeat:repeat-x;
}
*/

.topBg
{
    position:fixed;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    background-image:url(layout_images/ervy-website-seasons-winter.jpg);
    background-repeat:no-repeat;
    background-position:bottom;
}
.topFlowers
{
    display:none;
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:590px;
    background-image:url(layout_images/bg-flowers.png);
    background-position: center;
    background-repeat:no-repeat;
}
.siteWidth
{
    position:relative;
    width:1029px;
    margin:0px auto;
}    
.container
{
    position:relative;
    width:100%;
    margin-top:25px;
}    
    .container .top
    {
        height:39px;
        background-image:url(layout_images/bg-container-top.png);
        background-repeat: no-repeat;
    }
    .container .middle
    {
        background-image:url(layout_images/bg-container.png);
        background-repeat: repeat-y;
    }
    .container .bottom
    {
        height:39px;
        background-image:url(layout_images/bg-container-bottom.png);
        background-repeat: no-repeat;
    }
    
    .logo
    {
        position:absolute;
        left:45px;
        top:35px;
        z-index:100;
    }
    .menu
    {
        position:absolute;
        right:40px;
        top:40px;
        /*font-family: BonvenoCf;*/
        font-family: Eurofurence Light;
        font-size:20px;
        z-index:1000;
    }
        .menu ul li ul
        {
            font-family: Eurofurence;
            font-size:15px;
        }
            .menu a
            {
                color:#320034;
            }
    .leftMenu
    {
        float: left;
        padding-top:110px;
        padding-left:50px;
        padding-right:10px;
        margin-right:10px;
        /*font-family: BonvenoCf;*/
        font-family: Eurofurence Light;
        font-size:24px;
        color:#4b004e;
        width:200px;
        z-index:10000;
    }
        .leftMenu .title
        {
            font-size:14px;
        }
        .leftMenu a
        {
            text-decoration: none;
        }
        .leftMenu a:hover
        {
            text-decoration: none;
            border-bottom:1px solid #AAAAAA;
        }
        .leftMenu ul
        {
            list-style-type:none;
            margin:0px;
            padding:0px;
        }
            .leftMenu ul li
            {
                background-image:url(layout_images/li.png);
                background-position:0px 8px;
                background-repeat:no-repeat;
                padding-left:10px;
                margin:0px;
                line-height:24px;
            }
            .leftMenu ul li:hover, .leftMenu ul li.selected
            {
                background-image:url(layout_images/li-hover.png);
            }
            .leftMenu ul li ul
            {
                font-size:20px;
                margin-bottom:10px;
                margin-left:10px;
            }
            .leftMenu ul li ul li
            {
                background-position:0px 5px;
                line-height:20px;
            }
            .leftMenu .selected>a
            {
                font-family: Eurofurence;
            }
    
    .banner
    {
        float:left;
        margin-top:55px;
        margin-left:10px;
        width:700px;
        height:300px;
        border:1px solid #CCCCCC;
        margin-bottom:40px;
    }
    .content
    {
        position:relative;
        padding-top:60px;
        margin-left:260px;
    }
        .mainContent
        {
            position:relative;
            padding:10px 55px 10px 10px;
            font-size:14px;
            line-height:17px;
            min-height:400px;
        }
        
    .footer
    {
        position:relative;
        width:1000px;
        height:60px;
        margin-top:10px;
        margin-left:auto;
        margin-right:auto;
        text-align:center;
        font-size:11px;
    }
        .footer a
        {
            text-decoration:none;
            color:#000000;
        }
        .footer a:hover
        {
            text-decoration:none;
            color:#000000;
        }


