/* Resets */

html {
    color: #000;
    background: #FFF;
}

body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    border: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

legend {
    color: #000;
}

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

/* Basic set */

html {
    background-color: #e7e7e7;
}

body {
    max-width: 480px;
    margin: 0 auto;
    background-color: #f8f8f8;
    font-size: medium;
    font-family: helvetica, arial, verdana, sans-serif;
    -webkit-text-size-adjust: none;
}

/* Headers and paragraphs */

div.text {
    padding: 3px 0;
}

h1 {
    color: #cd2026;
    font-size: large;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
}

h2 {
    margin-top: 3px;
    font-size: medium;
}

h3 {
    margin: 6px 0 6px 0;
    font-size: large;
}

h3.store-details, h3.continent, h3.error {
    color: #cd2026;
}

h4 {
    margin: 12px 0 6px 0;
    font-size: medium;
    font-weight: 700;
}

h1, h2, h3, h4 {
    line-height: 130%;
}

p {
    margin: 6px 0 6px 0;
    line-height: 130%;
}

h2, h3, h4, p {
    margin-left: 6px;
    margin-right: 6px;
}

ul {
    margin-top: 6px;
    margin-bottom: 6px;
    line-height: 160%;
}

em {
    font-style: italic;
}

strong {
    font-weight: 700;
}

span.active {
    color: #AEAEAE;
}

/* Links */

a {
    color: #000;
    text-decoration: none;
}

/* Link-1 (i.e. dark link in light env. in standard template) */

a.link-1, a.cmnodelink {
    color: #000;
    border-bottom: 1px dashed #000;
}

/* Link-2 (i.e. light link in dark env. in standard template) */

a.link-2 {
    color: #FFF;
    border-bottom: 1px dashed #FFF;
}

/* Icon links */

span.icon {
    vertical-align: middle;
    font-size: small;
    text-transform: uppercase;
}

span.icon a img {
    margin-bottom: -1px;
}

span.icon a span.text {
    padding: 0 0 0 3px;
}

/* Header */

div#header {
    padding: 6px;
    vertical-align: middle;
    text-align: right;
}

div#header div.logo {
    float: left;
    margin-right: 6px;
    text-align: left;
}

div#header h1, div#header h2 {
    margin: 0;
    display: inline;
    line-height: 100%;
}

div#header h2 {
    color: #000;
}

/* Choose country */

div.choose-country, div.region {
    border-top: 1px solid #E2E2E2;
}

/* Breadcrumb */

div#breadcrumb {
    padding: 3px 6px;
    color: #FFF;
    background-color: #555;
    line-height: 1.2em;
    font-weight: 700;
}

div#breadcrumb a {
    vertical-align: middle;
    color: #FFF;
}

div#breadcrumb span.active {
    vertical-align: middle;
}

/* Error */

div.error {
    color: #cd2026;
}

/* Content */

div#content {
    padding: 0 0 6px 0;
}

/* Forms */

div.form-wrap {
    margin: 6px;
    padding: 6px 0;
    background-color: #FFF;
    border: 1px solid #999;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
}

div.form-wrap div.info, form div.input, form div.submit {
    padding: 9px 9px 12px 9px;
    border-bottom: 1px solid #E2E2E2;
}

div.form-wrap div.info {
    padding: 3px 6px 6px 6px;
}

form div.submit {
    padding-bottom: 0px;
    border-bottom: none;
}

form div.info p {
    margin-left: 0;
    margin-right: 0;
}

form div.info ul {
    margin-bottom: 9px;
}

label {
    display: block;
    margin-bottom: 3px;
    vertical-align: middle;
}

input.text, input.submit, select, textarea {
    display: block;
    padding: 2px 0;
    border: 1px solid #000;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

input, select, select option {
    color: #000;
}

input.text, textarea, select {
    width: 100%;
}

input.submit {
    display: inline;
    margin-bottom: 6px;
}

input.submit, select {
    padding: 2px;
}

em.required {
    color: #cd2026;
}

/* Fashion news expand */

div.expandable {
    background-color: #e2e2e2;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999
}

div.expandable div.input {
    border-bottom: 1px solid #FFF;
}

div.expandable div.input:last-child {
    border-bottom: none;
}

/* Thumbnail menu */

div.thumbnail-menu div.item {
    padding: 3px;
    background-color: #FFF;
    border-bottom: 1px solid #ABABAB;
}

div.thumbnail-menu div.last {
    border-bottom: 0;
}

div.thumbnail-menu div.item a table {
    width: 100%;
}

div.thumbnail-menu div.item a table tr td.thumbnail {
    width: 1%;
    vertical-align: middle;
    line-height: 0;
    background-color: #FFF;
    border-right: 3px solid white;
}

div.thumbnail-menu div.item a table tr td.id {
    width: 10px;
    padding: 0 6px;
    vertical-align: middle;
    text-align: center;
    color: #FFF;
    background-color: #555;
    border-right: 3px solid #FFF;
    font-weight: 700;
}

div.thumbnail-menu div.item a table tr td.id a {
    color: #FFF;
}

div.thumbnail-menu div.item a table tr td.text {
    white-space: inherit;
    padding: 3px;
    vertical-align: middle;
    background-image: url("/static/images/mobile/stripes.gif");
    border-right: 3px solid white;
}

div.thumbnail-menu div.item a table tr td.expand {
    padding: 6px;
    text-align: center;
    border-right: none;
}

div.thumbnail-menu div.item a table tr td.text a span.title {
    color: #cd2026;
    line-height: 130%;
    font-weight: 700;
}

div.thumbnail-menu div.item a table tr td.indicator {
    width: 10px;
    padding: 3px;
    vertical-align: middle;
    text-align: center;
    background-color: #EEE;
}

/* Tiny menu */

div.tiny-menu div.item {
    padding: 3px;
    background-color: #FFF;
    border-bottom: 1px solid #ABABAB;
}

div.tiny-menu div.has-children {
    border-bottom: 0;
}

div.tiny-menu div.item a table,
    div.tiny-menu div.item table {
    width: 100%;
    background-color: #FFF;
}

div.tiny-menu div.item a table tr.divide,
    div.tiny-menu div.item table tr.divide,
    div.tiny-menu div.item a table tr.divide td.indicator,
    div.tiny-menu div.item table tr.divide td.indicator,
    div.tiny-menu div.item a table tr.divide td.text,
    div.tiny-menu div.item table tr.divide td.text {
/*border-bottom: 1px solid #CDCDCD;*/
}

div.tiny-menu div.item a table tr td.text,
    div.tiny-menu div.item table tr td.text {
    padding: 3px;
    vertical-align: middle;
    line-height: 1.5em;
}

div.tiny-menu div.item a table tr td.text a {
    color: #000;
}

div.tiny-menu div.item a table tr td.indicator,
    div.tiny-menu div.item table tr td.indicator {
    width: 10px;
    padding: 3px;
    vertical-align: middle;
    text-align: center;
    background-color: #EEE;
}

/* Tiny menu expanded */

div.tiny-menu div.expanded-item {
    padding: 3px;
    background-color: #555;
    border-bottom: 1px solid #3C3C3C;
}

div.tiny-menu div.expanded-item table, div.tiny-menu div.expanded-item a table {
    width: 100%;
    background-color: #555;
}

div.tiny-menu div.expanded-item table tr td.text,
    div.tiny-menu div.expanded-item a table tr td.text,
    div.tiny-menu div.expanded-item table tr td.indicator,
    div.tiny-menu div.expanded-item a table tr td.indicator {
    color: #FFF;
    background-color: #555;
}

div.tiny-menu div.expanded-item table tr td.indicator,
    div.tiny-menu div.expanded-item a table tr td.indicator {
    width: 10px;
    padding: 3px;
    vertical-align: middle;
    text-align: center;
}

div.tiny-menu div.expanded-item table tr td a,
    div.tiny-menu div.expanded-item a table tr td a {
    display: block;
}

div.tiny-menu div.expanded-item table tr td.text,
    div.tiny-menu div.expanded-item a table tr td.text {
    padding-left: 12px;
    padding-right: 12px;
}

div.tiny-menu div.expanded-item table tr td.text a,
    div.tiny-menu div.expanded-item a table tr td.text a {
    color: #FFF;
}

div.tiny-menu div.expanded-item table tr td.text span.active,
    div.tiny-menu div.expanded-item a table tr td.text span.active {
    padding: 0;
    border: 0;
}

/* Read more */

p.read-more {
    padding-bottom: 6px;
    text-align: right;
    border-bottom: 1px solid #E2E2E2;
}

p.read-more-last {
    border-bottom: none;
}

/* Poster */

div.poster {
    padding: 3px 0;
    text-align: center;
    background-color: #FFF;
}

div.poster img {
    display: block;
    margin: 0 auto;
}

div.poster table {
    width: 100%
}

div.poster table tr td {
    padding: 3px;
    text-align: center;
}

div.poster table tr td.control {
    padding-bottom: 0;
    width: 10px;
}

div.poster table tr td.info {
    padding-bottom: 0;
}

div.poster table tr td.sex {
    padding: 0 3px 5px 3px;
    text-align: left;
}

div.poster table tr td.context {
    padding: 0 3px 5px 3px;
    text-align: right;
}

/* Thumbnails gallery */

div.thumbnails {
    padding: 3px 0;
    text-align: center;
    background-color: #FFF;
    line-height: 0;
}

div.thumbnails table {
    width: 100%
}

div.thumbnails table tr td {
    text-align: center; /*text-align: left;*/
}

div.thumbnails table tr td img {
    margin: 2px 0;
}

div.thumbnails table tr td.control {
    width: 10px;
}

div.thumbnails table tr td.context {
    padding: 0 3px 5px 3px;
    text-align: right;
}

/* Country selector */

p#country-list {
    line-height: 1.6em;
}

div.region div h4 {
    margin: 0;
    padding: 6px;
    background-color: #FFF;
}

div.region p {
    padding-bottom: 6px;
    line-height: 200%;
}

/* Primary campaign */

p.enter-campaign {
    text-align: right;
}

/* Find a store */

div.find-a-store, div.filter {
    padding-bottom: 3px;
    background-color: #555;
    color: #FFF;
}

div.find-a-store div.form-wrap, div.filter div.form-wrap {
    margin: 3px 6px;
    padding: 0;
    background-color: #555;
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

div.find-a-store div.form-wrap form div div.submit {
    padding-right: 0;
    text-align: right;
}

div.find-a-store div.form-wrap form div input.text, div.find-a-store div.form-wrap form div select {
    margin-bottom: 6px;
}

div.find-a-store h3 {
    margin-top: 3px;
    color: #FFF;
}

div.find-a-store div.form-wrap div div.submit {
    padding: 0;
    color: #ABABAB;
    text-align: right;
}

/* Filter */

div.filter div.form-wrap form table tr td.concepts {
    width: 100%;
}

div.filter div.form-wrap form table tr td.concepts select {
    width: 100%;
    margin: 0;
}

div.filter div.form-wrap form table tr td input.submit {
    margin: 0 0 0 6px;
}

/* Map */

div.map {
    background-color: #FFF;
}

div.map table {
    width: 100%;
    text-align: center;
}

div.map table tr td.left, div.map table tr td.right {
    width: 12px;
    min-width: 12px;
}

div.map table tr td.up {
    height: 12px;
    line-height: 0;
}

div.map table tr td.down {
    padding: 3px;
}

div.map table tr td.left {
    padding-right: 0;
    line-height: 0;
}

div.map table tr td.right {
    padding-left: 0;
    line-height: 0;
}

div.map table tr td.down {
    padding-top: 0;
}

div.map table tr td.image {
    background-image: url("/static/images/mobile/stripes.gif");
    line-height: 0;
}

div.map table tr td.zoom-in, div.map table tr td.zoom-out {
    width: 35%;
    padding: 3px 0;
}

div.map table tr td.zoom-in {
    text-align: right;
}

div.map table tr td.zoom-out {
    text-align: left;
}

div.map table tr.prox td {
    padding: 3px 0;
}

div.map table tr td.left a, div.map table tr td.right a, div.map table tr td.up a, div.map table tr td.down a {
    display: block;
}

div.map table tr.up, div.map table tr.down {
    background-color: #E7E7E7;
}

div.map table tr td.right, div.map table tr td.left {
    background-color: #C7C7C7;
}

/* Blog pagination */

div.pagination {
    padding: 3px;
    background-color: #FFF;
}

div.pagination table {
    width: 100%;
}

div.pagination table tr {
    background-image: url("/static/images/mobile/stripes.gif");
}

div.pagination table tr td.older {
    text-align: left;
}

div.pagination table tr td.newer {
    text-align: right;
}

div.pagination table tr td.context {
    text-align: center;
}

/* Footer */

div#footer {
    padding: 0;
}

div#footer div.in-page-nav {
    padding-left: 6px;
    padding-right: 6px;
}

div#footer div.in-page-nav div.logo {
    float: right;
    text-align: right;
}

div#footer div.in-page-nav {
    margin-bottom: 6px;
}

div#footer div.in-page-nav span.icon {
    display: block;
    margin-bottom: 12px;
}

/* Social media links */

div.social-media-links {
    background-color: #FFF;
    text-align: center;
}

/* Shadows */

/* Shadow 1 (i.e. light shadow in standard template) */

div.region div h4, div.social-media-links, div.thumbnail-menu, div.tiny-menu, div.thumbnails, div.poster, div.map, div.pagination {
    border-top: 1px solid #AEAEAE;
    border-bottom: 1px solid #AEAEAE;
}

div.result-list, div.thumbnails, div.shadow-1-to-shadow-2-top, div.start-campaign-poster, div.start-thumbnail-menu, div.gallery-poster {
    border-top: 0;
}

div.map-result, div.result-list, div.social-media-links, div.gallery-poster {
    border-bottom: 0;
}

div.shadow-1-top {
    margin-top: 2px;
    padding-top: 1px;
    background-color: #CBCBCB;
    border-top: 1px solid #E2E2E2;
}

div.shadow-1-bottom {
    margin-bottom: 2px;
    padding-bottom: 1px;
    background-color: #CBCBCB;
    border-bottom: 1px solid #E2E2E2;
}

/* Shadow 2 (i.e. dark shadow in standard template) */

div.find-a-store, div.filter, div#breadcrumb {
    border-top: 1px solid #4D4D4D;
    border-bottom: 1px solid #4D4D4D;
}

div.shadow-2-top {
    padding-top: 1px;
    background-color: #464646;
    border-top: 1px solid #3C3C3C;
}

div.shadow-2-bottom {
    padding-bottom: 1px;
    background-color: #464646;
    border-bottom: 1px solid #3C3C3C;
}

/* Text shadows */

h1, h2, h3, h4, label {
    text-shadow: 1px 1px 1px #CCC;
}

div#breadcrumb a, div#breadcrumb span.active, div.find-a-store h3 {
    text-shadow: 1px 1px 1px #333;
}

/* NS40 quirks */

div.clear-float, br.clear-float {
    margin: 0;
}

div.clear-float, br.clear-float {
    padding: 0;
}

/* Mobile float clear quirk */

br.clear-float {
    clear: both;
    font-size: 1px;
    height: 0;
    line-height: 0;
}

div.clear-float {
    clear: both;
}

div.mobileMetrics {
    display: none;
}