/**
 * Reset and basic styles
 */
html, body {width:100%; height:100%;}
html {
    display:table;
    overflow-y:scroll;
}

body {
    display:table-cell;
    margin:0; padding:0;
    background:#FFF; color:#666;
    font:11px/1.4 "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    text-transform:uppercase;
    vertical-align:middle;
}

h1, h2, h3, h4, h5, h6, dt, dd, blockquote, p, ul, ol, dl {margin:0; padding:0;}
ul, ol {list-style:none;}

a {
    color:#666;
    text-decoration:none;
}
a:hover, a:focus {text-decoration:underline;}

img {
    display:block;
    border:0;
}


/**
 * @section        core
 */
#core {
    margin:0 auto;
    width:950px;
}
#core .content {
    float:left;
    width:474px;
}
#core h1 img {margin:0 auto;}
#country-selector {margin-top:20px;}
#country-selector .label {
    padding:0 20px;
    font-size:13px;
}
#country-selector .sections {padding:15px 20px 0;}
#country-selector .section {padding:15px 0; border-top:5px solid #EAEAEA;}
#country-selector h2 {
    color:#333;
    font-size:13px;
}
#js #country-selector h2 {cursor:pointer;}
#js #country-selector .expand {
    overflow:hidden;
    height:0;
}
#country-selector li {
    float:left;
    padding-right:5px;
    width:210px;
    font-size:13px;
}
#core .visual {float:left;}


/**
 * Easy clearing method (do not work in IE)
 * @section        clearing
 */
#core:after, #country-selector ul:after {
    display:block; clear:both;
    visibility:hidden;
    height:0;
    content:".";
}