﻿/* Resets default browser CSS.  
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: 400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input,textarea { margin: 0; }

/* Wysiwyg styles
--------------------------------------------------------------*/
body.RadEContentBordered {font-size: .75em;}

/* Body
--------------------------------------------------------------*/
body {color: #444; background: #fff; font: 62.5%/1.6 Arial, Lucida Sans Unicode, Lucida Grande, Lucida Sans, sans-serif;}

/* Headings
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {margin-bottom: .5em; font-family: Baskerville, Times, "Times New Roman", serif; font-weight: normal; color: #555;}
h1 {font-size: 1.8em; margin-bottom: .75em; font-weight: normal; text-transform: none;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1em;}
h5 {font-size: 1em;}
h6 {font-size: 1em;}

/* Images
-------------------------------------------------------------- */
.vignette,
.mood-image,
.in-focus img {display: block; -moz-box-shadow: 0 0 10px #ddd; box-shadow: 0 0 10px #ddd; margin-bottom: 1.5em;}
.in-focus img {float: left; margin: 0 1.5em 1.5em 0; border: 2px solid #fff;}
* html .vignette,
* html .mood-image {margin-right: -669px; position: relative;}
#start-gallery {height: 400px; overflow: hidden; -moz-box-shadow: 0 0 10px #ddd; box-shadow: 0 0 10px #ddd; margin-bottom: 1.5em; background: #000;}

/* Text elements
-------------------------------------------------------------- */
address {margin-bottom: 1.5em;}
blockquote {margin-bottom: 1.5em; padding-left: 2em; font-style: italic; background: url(/CommonResources/Images/quote-open.gif) no-repeat left top;}
em {font-style: italic;}
p {margin-bottom: 1.5em;}
p.preamble {font-weight: bold;}
strong {font-weight: bold;}
cite {font-weight: bold;}

/* Link elements 
-------------------------------------------------------------- */
a:link {color: #666;}
a:visited {color: #666;}
a:hover {color: #D80100;}
a:active {color: #D80100;}
a:focus {color: #D80100;}

/* List elements 
-------------------------------------------------------------- */
ul {margin-bottom: 1.5em; list-style-position: inside;}
ul ul {margin-bottom: 0;}
ol {margin-bottom: 1.5em;}
ol ol {margin-bottom: 0;}

dl {margin-bottom: 1.5em;}
dt {float: left; clear: left; margin-right: 1em; padding-top: .25em; font-weight: bold;}
dd {border-bottom: 1px solid #ddd; padding: .25em 0 .25em 12em; text-align: left;}
.plain dt {margin-right: .5em; padding: 0;}
.plain dd {padding: 0; border: none;}
.resellers dd {text-align: right;}
.what-to-wear dt {width: 11em;}

#choose-the-right dt {display: inline-block; float: none; clear: both; width: 132px; margin: 0 12px 1.5em 0; vertical-align: top; text-align: center;}
* html #choose-the-right dt {display: inline;}
*:first-child+html #choose-the-right dt {display: inline;}
#choose-the-right dt img {display: block; margin: 1em auto 0;}
#choose-the-right dd {display: inline-block; width: 296px; border: 0; margin-left: -3px; padding-left: 0; vertical-align: top;}
* html #choose-the-right dd {display: inline;}
*:first-child+html #choose-the-right dd {display: inline;}

/* Tables
-------------------------------------------------------------- */
table {table-layout: fixed; margin-bottom: 1.5em; width: 100%;}
caption {}
thead {}
thead th {border-bottom: 2px solid #ccc;}
tfoot {}
tbody {}
tr {}
th {padding: 5px 10px; font-family: Baskerville, Times, "Times New Roman", serif; font-weight: normal; color: #555; font-size: 1.3em; background: url("/CommonResources/Images/light-grey-gradient.png") repeat-x scroll left top #eee;}
td {padding: 10px; border-bottom: 1px solid #ccc;}

/* Table columns */
#title-col {width: 175px;}
#press-title-col {width: 315px;}

/*  Forms
-------------------------------------------------------------- */
form {margin-bottom: 1.5em;}
fieldset {margin-bottom: 1.5em;}
legend {position: absolute; left: -999em; top: -999em; text-indent: -999em; line-height: 0;}
label {display: block}
label span {color: #d80100; font-size: 1.2em;}
.form-item {margin-bottom: .5em;}
#aspnetForm {margin: 0;}
input[type="text"]:focus,
textarea:focus {-moz-box-shadow: 0 0 5px #9cf;}

/* Input buttons */
input[type="submit"] {border: 1px solid #aaa; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; padding: .2em 1.5em; font-size: 1.1em; color: #666; background: #c6c6c6 url(/CommonResources/Images/grey-gradient.gif) repeat-x; font-weight: bold; font-family: calibri, Arial, Sans-Serif; text-shadow: 1px 1px 1px #fff;}
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus {border:1px solid #ccc; cursor: pointer; color: #888;}

/* Validation errors */
label.error {color: red;}
input.error,
textarea.error {border: 1px solid red !important;}

/* Vcards
-------------------------------------------------------------- */
.contact-us {border-top: 3px double #ddd; border-bottom: 3px double #ddd; padding: 1.5em 0; text-align: center; font: italic 1.1em/1.6 Baskerville, Times, "Times New Roman", serif;}

/* Some general classes
-------------------------------------------------------------- */
.align-left {float: left; margin-right: 1.5em;}
.align-right {float: right; margin-left: 1.5em;}
.hide {display: none;}
.off-screen {position: absolute; left: -999em; top: -999em;}
.on-screen {position: static;}
.in-focus {background: #eee; padding: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 1.5em;}
.highlight {}
.container {width: 900px; margin: 0 auto; padding: 0 30px;}
.read-more {display: block; text-align: right; padding-top: 1em;}
.last {margin: 0; padding: 0; border: none;}

/* Navigation
--------------------------------------------------*/
/* Main navigation */
#main-navigation {clear: left; background: #eee url(/CommonResources/Images/light-grey-gradient.png) left top repeat-x; border-bottom: 1px solid #ddd; margin: 20px 0;}
#main-navigation ul{position: relative; top: 1px; width: 900px; overflow: hidden; list-style: none outside; margin: 0 auto; padding-left: 1px;}
#main-navigation li {float: left;}
#main-navigation a {float: left; text-decoration: none; font: italic 1.7em Baskerville, Times, "Times New Roman", serif; padding: .5em 1em; color: #666;}
:lang(fr) #main-navigation a {font: italic 1.5em Baskerville, Times, "Times New Roman", serif; padding: .62em 1em;}
#main-navigation a:hover,
#main-navigation a:active,
#main-navigation a:focus,
#main-navigation li.selected a {background: #fff; color: #d80100; border-left: 1px solid #ddd; border-right: 1px solid #ddd; margin: 1px -1px -1px -1px; position: relative;}

/* Secondary navigation */
#secondary-navigation {float: left; width: 200px; min-height: 1px;}
* html #secondary-navigation {height: 1px;}
#secondary-navigation ul{list-style: none outside;}
#secondary-navigation li {border-bottom: 1px solid #ddd;}
#secondary-navigation a {display: block; text-decoration: none; font-size: 1.3em; padding: .5em 1em; color: #666;}
* html #secondary-navigation a {zoom: 1;}
#secondary-navigation a:hover,
#secondary-navigation a:active,
#secondary-navigation a:focus,
#secondary-navigation li.selected > a {color: #d80100;}
#secondary-navigation ul ul {margin-bottom: 1em;}
#secondary-navigation li li {border: none;}
#secondary-navigation li li a {padding: 0.25em 1em .25em 2em; font-size: 1.2em;}

/* Structure
---------------------------------------------------------------*/
#skip {position: absolute; top: -999em; left: -999em;}
#skip a:focus,
#skip a:active {display: block; padding: 1em; position: absolute; left: 999em; top: 999em; width: 10em; text-align: center;}

#header {overflow: hidden; padding-top: 15px;}
#header .container {position: relative;}
#header #logo {float: left; margin: 0 0 20px 0;}
#header #logo img {display: block;}
#header #language-navigation {float: right; list-style: none outside; overflow: hidden; margin: 2em 0 0 0; padding-left: 139px; font-size: 1.3em;}
#header #language-navigation h2 {float: left; font-size: .9em;}
#header #language-navigation ul {float: left; list-style: none outside; padding: 0;}
#header #language-navigation li {float: left; margin-left: 15px;}
#content {width: 900px; margin: 0 auto; padding: 0 30px 20px 30px;}
#content:after {display: block; height: 0; visibility: hidden; content: ""; clear: both;}
#content #coverflow {display: block; margin-bottom: 30px;}
#main-content {float: left; padding: 0 30px; font-size: 1.2em;}
.home #main-content {width: 900px; padding-left: 0;}
.home #main-content blockquote {font-size: 1.2em;}
.page #main-content {width: 440px;}
.page-wide #main-content {width: 670px; padding-right: 0;}
#main-content .spot {padding-left: 100px;}
#main-content .spot h2 {font-size: 1.1em;}
#sidebar {float: left;}
.page-wide #sidebar {float: right;}
.page-wide .article {width: 440px; float: left;}
.page-22 #sidebar, .page-23 #sidebar, .page-43 #sidebar, .page-24 #sidebar, .page-47 #sidebar, .page-25 #sidebar,
.page-60 #sidebar, .page-64 #sidebar, .page-73 #sidebar, .page-75 #sidebar, .page-82 #sidebar, .page-86 #sidebar, .page-88 #sidebar, .page-141 #sidebar, .page-151 #sidebar, .page-171 #sidebar, .page-153 #sidebar, .page-160 #sidebar, .page-173 #sidebar, .page-231 #sidebar, .page-192 #sidebar, .page-202 #sidebar, .page-222 #sidebar, .page-204 #sidebar, .page-224 #sidebar, .page-211 #sidebar {margin-top: 280px;}
#sidebar .promo {list-style: none outside;}
#sidebar .promo li {margin-bottom: 1em;}
* html .promo li,
* html .promo a {zoom: 1;}
#sidebar .promo a {display: block; text-decoration: none; padding: 35px 1em .5em; border-bottom: 1px solid #ddd; font: italic 1.4em/1.6 Baskerville,Times,"Times New Roman",serif;}
#sidebar .promo #find-your-size a {background: #fff url(/CommonResources/Images/find-your-size.jpg) right bottom no-repeat;}
#sidebar .promo #choose-the-right-bra a {background: #fff url(/CommonResources/Images/choose-the-right-bra.jpg) right bottom no-repeat;}
:lang(de) #sidebar .promo #choose-the-right-bra a,
:lang(fr) #sidebar .promo #choose-the-right-bra a,
:lang(fr) #sidebar .promo #environment-policy a {padding-top: 12px;}
#sidebar .promo #environment-policy a {background: #fff url(/CommonResources/Images/environment-policy.jpg) right bottom no-repeat;}
.home #sidebar {width: 340px;}

/* TEMPORARY STYLES */
.page-91 .home #sidebar,
.page-93 .home #sidebar,
.page-94 .home #sidebar,
.page-95 .home #sidebar,
.page-96 .home #sidebar,
.page-13 .home #sidebar {font-size: 1.2em;}
.page-91 .home #sidebar #brand-facts-home,
.page-93 .home #sidebar #brand-facts-home,
.page-94 .home #sidebar #brand-facts-home {display: none}
.page-95 .home #sidebar #swegmark-of-sweden,
.page-13 .home #sidebar #swegmark-of-sweden,
.page-96 .home #sidebar #swegmark-of-sweden {display: none}
.page-93 #footer .container,
.page-95 #footer .container,
.page-13 #footer .container,
.page-98 #footer .container {display: none;}
.page-93 #footer #contact-information .container,
.page-95 #footer #contact-information .container,
.page-13 #footer #contact-information .container,
.page-98 #footer #contact-information .container {display: block;}
.page-94 #footer,
.page-96 #footer {display: none;}
.page-98 #sidebar {display: none;}
.page-98 #main-content {width: 900px;}
.page-98 #swegmark-of-sweden {display: none;}

#brand-facts-home img {float: left; margin: 5px 10px 0 0;}
#brand-facts-home ul {list-style: none outside; padding: 0;}
#brand-facts-home li {display: inline-block; width: 165px; margin-right: 15px; padding-right: 15px; border-right: 1px solid #ddd; width: 152px; min-height: 200px; vertical-align: top;}
.page-41 #brand-facts-home li {min-height: 100px;}
.page-13 #brand-facts-home li {min-height: 100px;}
#brand-facts-home li.last {margin: 0; padding: 0; border: none;}
* html #brand-facts-home li {display: inline; height: 220px;}
*:first-child+html #brand-facts-home li {display: inline;}

#sidebar {width: 200px;}

#content #treatments-in-brief {clear: left; font-size: 1.3em;}
#content #treatments-in-brief h3 {margin-bottom: .75em; padding-bottom: .75em;}
#content #treatments-in-brief .about-the-treatment {float: left; width: 440px; padding-right: 20px; margin-right: 20px;}
#content #treatments-in-brief .treatment-related-info {float: left; width: 380px;}

#footer {background: #eee url(/CommonResources/Images/light-grey-gradient-large.png) repeat-x scroll left top; clear: both; padding-top: 20px; font-size: 1.3em;}
* html #footer {zoom: 1;}
*:first-child+html #footer {zoom: 1;}
#footer h3 {border-bottom: 2px solid #ccc; font-size: 1.3em; margin-bottom: 1em; text-shadow: 1px 1px 1px #fff;}
#footer .container {position: relative; padding-bottom: 20px;}
#footer .container:after {display: block; height: 0; visibility: hidden; content: ""; clear: both;}
#footer #contact-us,
#footer #brand-facts,
#footer #footer-navigation {float: left; width: 280px; margin-right: 30px;}
#footer #footer-navigation {margin-right: 0;}
#footer #additional ul {list-style: none outside;}
#footer #additional li {border-bottom: 1px solid #ddd;}
#footer #additional a {display: block; text-decoration: none; padding: .5em 1em;}
#footer #brand-facts p {font-size: .85em; line-height: 1.4; margin-bottom: 1em;}
#footer #brand-facts img {float: left; margin: 5px 10px 0 0;}
#footer #share ul {list-style: none outside;}
#footer #share #facebook {padding-left: 22px; background: url(/CommonResources/Images/facebook.gif) no-repeat;}
#footer #share #digg {padding-left: 22px; background: url(/CommonResources/Images/digg.gif) no-repeat;}
#footer #share #reddit {padding-left: 22px; background: url(/CommonResources/Images/reddit.gif) no-repeat;}
#footer #share #delicious {padding-left: 22px; background: url(/CommonResources/Images/delicious.gif) no-repeat;}
#footer #share #stumbleupon {padding-left: 22px; background: url(/CommonResources/Images/stumbleupon.gif) no-repeat;}
#footer #contact-us input[type="text"],
#footer #contact-us textarea {width: 274px; border: 1px solid #ccc; padding: 3px;}
#footer #contact-us textarea {height: 100px;}
#footer #contact-information {background: #505052 url(/CommonResources/Images/grey-radial-gradient.jpg) no-repeat center top; color: #fff; text-shadow: 1px 1px 1px #222; padding: 20px 0; text-align: center; font: italic 1.3em Baskerville, Times, "Times New Roman", serif; color: #fff;}
#footer #contact-information .container {padding-bottom: 0;}
#footer #contact-information a {color: #fff;}

/* Home page
----------------------------------------*/
.page-13 #footer,
.page-14 #footer {padding-top: 0;}
#brand-facts-home {font: italic 1.4em/1.4 Baskerville, Times, "Times New Roman", serif; color: #666; padding: 0 3em; text-align: center;}
#brand-facts-home h1 {margin-bottom: .25em;}
#brand-facts-home p {margin: 0;}

/* Alternative home pages */
/* http://swegmark.wpc.nu/temp/alternative-home.aspx, http://swegmark-en.wpc.nu/temp/alternative-home.aspx */
.page-84 #content,
.page-41 #content {padding-bottom: 0;}
.page-84 #brand-facts-home,
.page-41 #brand-facts-home {font-size: 1.2em; padding: 0; text-align: left;}
.page-84 #footer,
.page-41 #footer {padding-top: 0;}

/* Product listings
----------------------------------------*/
.product-range #main-content {width: 670px; padding-right: 0;}
#Products {width: 670px; list-style: none outside; padding: 0;}
#Products .product-image {float: right; -moz-box-shadow: 0px 0px 10px #ddd; box-shadow: 0px 0px 0px 10px;}
#Products .product-image img {display: block;}
#Products .product-details {width: 440px;}
#product-categories,
#Products {width: 700px; list-style: none outside; padding: 0;}
#product-categories img,
#Products img {display: block; margin: -1px 0 .35em -1px;}
#product-categories a,
#Products a {display: block; overflow: hidden; border: 1px solid #ddd; background: #fff url(/CommonResources/Images/light-grey-gradient.png) repeat-x scroll left bottom; text-align: center; font: italic 1.2em/1.6 Baskerville, Times, "Times New Roman", serif; text-decoration: none; -moz-box-shadow: 0 0 10px #ddd; box-shadow: 0 0 10px #ddd; margin-bottom: 1em; padding-bottom: .35em;}
#Products a {margin: 0;}
#product-categories li,
#Products li {display: inline-block; width: 327px; margin: 0 15px 15px 0; vertical-align: top;}
* html #product-categories li,
* html #Products li {display: inline;}
*:first-child+html #product-categories li,
*:first-child+html #Products li {display: inline;}
#product-categories .category-description {font-size: .95em; line-height: 1.5; text-align: center; color: #666;}
.category-image {display: none;}
.category-details {font: italic 1.4em/1.4 Baskerville, Times, "Times New Roman", serif; color: #666; border-top: 3px double #ddd; border-bottom: 3px double #ddd; margin-bottom: 1.5em; padding: 1.5em 3em 0; text-align: center;}
#article {width: 670px; list-style: none outside; padding: 0;}
#article .article-image {-moz-box-shadow: 0px 0px 10px #ddd; box-shadow: 0px 0px 0px 10px; margin-bottom: 1.5em;}
#article .article-image img {display: block;}
.product-line-list ul {float: right; list-style: none;}
.product-line-list li {float: left; padding: 2px 0 2px 5px;}
.certification-description {float: left; width: 265px; line-height: 1.4; font-size: 0.85em; margin: 5px 10px 5px 0;}
.certification-description img {float: left; margin: 3px 10px 0 0;}
.certification-description p {float: left; width: 50%;}

/* Retailers
----------------------------------------*/
#retailers h2 {text-align: right; border-bottom: 2px solid #ddd; margin-bottom: 1em;}
#sweden {background: url(/CommonResources/Images/se.gif) no-repeat left center;}
#finland {background: url(/CommonResources/Images/fi.gif) no-repeat left center;}
#denmark {background: url(/CommonResources/Images/dk.gif) no-repeat left center;}
#england {background: url(/CommonResources/Images/gb.gif) no-repeat left center;}
#germany {background: url(/CommonResources/Images/de.gif) no-repeat left center;}
#iceland {background: url(/CommonResources/Images/is.gif) no-repeat left center;}
#norway {background: url(/CommonResources/Images/no.gif) no-repeat left center;}
#belgium {background: url(/CommonResources/Images/be.gif) no-repeat left center;}
#france {background: url(/CommonResources/Images/fr.gif) no-repeat left center;}
#netherlands {background: url(/CommonResources/Images/nl.gif) no-repeat left center;}
#switzerland {background: url(/CommonResources/Images/ch.gif) no-repeat left center;}
#slovakia {background: url(/CommonResources/Images/sk.gif) no-repeat left center;}
#czechrepublic {background: url(/CommonResources/Images/cz.gif) no-repeat left center;}
#hungary {background: url(/CommonResources/Images/hu.gif) no-repeat left center;}
#austria {background: url(/CommonResources/Images/at.gif) no-repeat left center;}

/* Size calculator
----------------------------------------*/
#size-calculator {background: #f5f5f5; margin-bottom: 1.5em; padding: 1.5em;}
#size-calculator .measurement-selection {overflow: hidden;}
* html #size-calculator .measurement-selection {zoom: 1; margin-bottom: 1.5em;}
#size-calculator .measurement-selection p {float: left; width: 55%;}
#size-calculator .measurement-selection select {float: right; width: 35%;}
#size-calculator #measurement-action-result {text-align: center; padding-top: 1.5em; border-top: 1px solid #ddd;}
#size-calculator input {margin: 0;}
#size-calculator #measurement-action-result p {font-size: 1.1em; margin: 1.5em 0 0 0;}

/* Interviews
----------------------------------------*/
.interview blockquote {background-image: none; padding-left: 0;}
.interview blockquote.q {font-weight: bold; font-style: normal; margin-bottom: .25em;}
.interview blockquote.q p {margin: 0;}
.facts {font-size: .9em; background: #eee; padding: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 1.5em;}
.facts h3 {font-size: 1.5em}
.facts ul {list-style: disc outside; padding-left: 13px;}

/* Newsflash
----------------------------------------*/
.home #main-content {position: relative;}
#newsflash {position: absolute; top: -15px; left: -30px; z-index: 1000;}

/* People
----------------------------------------*/
.page-237 #sidebar {display: none;}
.people {width: 700px;}
.people li {width: 156px; display: inline-block; margin: 0 15px 15px 0; vertical-align: top;}
* html .people li {display: inline;}
*:first-child+html .people li {display: inline;}
.people img {display: block; -moz-box-shadow: 0 0 10px #ddd; box-shadow: 0 0 10px #ddd; margin-bottom: 5px;}