/* --------------------------------------------------------
    Global stylesheet
    Website: Lol‘
    Created by: Hero Montreal - heromontreal.com
    Filename: css/global.css
   -------------------------------------------------------- */

/* --------------------------------------------------------
    General
   -------------------------------------------------------- */

    * { margin: 0; padding: 0; }

    body { background: url(/en/images/bg.gif) repeat-y top center; background-color: #FDB912; font: 9px Verdana, Arial, Helvetica, sans-serif; line-height: 1.4em; color: #352701; margin: 0; padding: 0; text-align: center; }

    hr, .hide { display: none; }
    div.clearer { clear: both; height: 0px; overflow: hidden; }

    a { color: #352701; }
    a:hover, a:visited { color: #FF6600; }
 
    input, select, textarea { font: 10px Verdana, Arial, Helvetica, sans-serif; padding: 2px; }
    select { padding: 0px; }
 
    ul { list-style: none; }

/* --------------------------------------------------------
    Presentation
   -------------------------------------------------------- */

/*  Header
   -------- */

    div#header { width: 880px; height: 100px; text-align: left; margin: 0 auto; }
    div#header h1 { position: absolute; background: url("/en/images/header_logo.gif") no-repeat; text-indent: -9999px; text-decoration: none; width: 70px; height: 27px; top: 33px; }
    div#header h1 a:link, div#header h1 a:visited { display: block; width: 70px; height: 27px; text-decoration: none; outline: none; -moz-outline-style: none; }

    div#header_menu { padding: 40px 0 0 147px; }
    div#header_menu ul { height: 20px;  list-style: none; margin: 0; padding: 0; }
    div#header_menu ul li { line-height: 20px; float: left; margin-right: 30px; }
    div#header_menu ul li.header_menu_last { margin-right: 0; }
    div#header_menu ul li a { height: 20px; display: block; background-position: top right; text-decoration: none; }
    div#header_menu ul li a span { display: none; }
    div#header_menu ul li a:hover, div#header_menu ul li a.header_active { background-position: bottom right; }


    #collection a { width: 121px; background: url("/en/images/header_btn_collection.gif"); }
    #lole_story a { width: 69px; background: url("/en/images/header_btn_story.gif"); }
    #our_design a { width: 72px; background: url("/en/images/header_btn_design.gif"); }
    #contest a { width: 53px; background: url("/en/images/header_btn_contest.gif"); }
    #retailers a { width: 64px; background: url("/en/images/header_btn_retailers.gif"); }
    #share_lole a { width: 101px; background: url("/en/images/header_btn_share.gif"); }
    #newsletter a { width: 73px; background: url("/en/images/header_btn_newsletter.gif"); }

/*  Footer
   -------- */

    div#footer { width: 880px; text-align: left; margin: 0 auto; }
    div#footer div#inner_footer { padding: 10px 0 30px 0; }
    div#footer div#inner_footer p { width: 163px; height: 11px; background: url(/en/images/footer_copyright.gif) no-repeat; float: left; margin-right: 17px; }

    div#footer_menu { float: left; width: 480px; }
    div#footer_menu ul { height: 11px;  list-style: none; margin: 0; padding: 0; }
    div#footer_menu ul li { line-height: 11px; float: left; margin-right: 19px; }
    div#footer_menu ul li.footer_menu_last { margin-right: 0; }
    div#footer_menu ul li a { height: 11px; display: block; background-position: top right; text-decoration: none; }
    div#footer_menu ul li a span { display: none; }
    div#footer_menu ul li a:hover { background-position: bottom right; }

    #privacy a { width: 72px; background: url("/en/images/footer_btn_privacy.gif"); }
    #legal a { width: 63px; background: url("/en/images/footer_btn_legal.gif"); }
    #coalision a { width: 71px; background: url("/en/images/footer_btn_coalision.gif"); }
    #sitemap a { width: 42px; background: url("/en/images/footer_btn_map.gif"); }
    #store a { width: 73px; background: url("/en/images/footer_btn_store.gif"); }
    #langue a { width: 45px; background: url("/en/images/footer_btn_fr.gif"); }

    div#footer div#inner_footer h4 { float: right; width: 190px; height: 11px; background: url(/en/images/footer_trademark.gif) no-repeat; }