/* Comment Generated by Combres - Resource '~/ui/styles/main.css' (Mode: Static) */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 4, 2011 */

@font-face {
    font-family: 'HaglofsMittelschriftAlternaRg';
    src: url('/UI/Styles/fonts/haglofsmittelschrift-alternate-webfont.eot');
    src: url('/UI/Styles/fonts/haglofsmittelschrift-alternate-webfont.eot?#iefix') format('embedded-opentype'),
         url('/UI/Styles/fonts/haglofsmittelschrift-alternate-webfont.woff') format('woff'),
         url('/UI/Styles/fonts/haglofsmittelschrift-alternate-webfont.ttf') format('truetype'),
         url('/UI/Styles/fonts/haglofsmittelschrift-alternate-webfont.svg#HaglofsMittelschriftAlternaRg') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* -- general styles -- */
    * {font-family: Arial, Sans-Serif, Serif; color: #b9b9b9; font-size: 13px; line-height: 1.3em;}
    
    #footer a, 
    h1, 
    h2, 
	h2 *,
    #showMyGear span:first-child, 
    #top a.dropDownTrigger span:first-child, 
    #startText p,
	.mainMenu a > span:first-child {
        font-family: 'HaglofsMittelschriftAlternaRg', Arial, sans-serif;
    }

	#top ul > li a span.rcMiddle {font-family: 'HaglofsMittelschriftAlternaRg', Arial, sans-serif;}
    
    body.noLeftMargin {margin-left: 5px; overflow-x: hidden;}

    /* -- tag defaults -- */
    body {background: #000; margin: 12px 0 30px 20px;}
	
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {margin: 0; padding: 0;}
	
	h1 {color: #fff; font-size: 26px; font-weight: normal; margin-bottom: 5px; letter-spacing: 1px;}
	h2 {color: #fff; font-size: 18px; margin-bottom: 5px; font-weight: normal;}
	h3 {color: #fff; font-size: 14px; margin-bottom: 5px;}

    h1 * {font-size: 26px; letter-spacing: 1px;}
    h2 * {font-size: 18px;}
    h3 * {font-size: 14px;}
	
	h2.border {padding-bottom: 9px; margin-bottom: 10px; border-bottom: solid 1px #4a4a4a;}
    h2 a {display: block;}
	
    h1:only-child {margin: 0;}
    h1.only-child {margin: 0;}
	h1 ~ p {font-size: 14px;}
    h1 + p {font-weight: bold;}
    h1 + p:last-child {font-weight: normal;}
    h1 + p.last-child {font-weight: normal;}

    .ie8.js h1 {top: -7px;}
    h1 > cufon {margin: -7px 0 0 -1px;}

    h2 > cufon,
    h2 > a > cufon {margin: -5px 0 0 0;}

	
	p {margin: 0 0 0.5em 0;}
	
	img,
    fieldset {border: none;}

    fieldset {margin: 0; padding: 15px 5px 5px; background: #3c3c3c;}

    select,
    select * {color: #000;}
	
	a {color: #f3c301; text-decoration: none;}
    a * {cursor: pointer !Important;}

    blockquote {font-style: italic; margin: auto 0; padding: 0;}
    blockquote p {display: inline;}
    blockquote::before,
    blockquote::after {content: "\"";}

    dl {margin-bottom: -7px; display: block;}
    dt {font-weight: bold; float: left; margin-right: 0.5em;}
    dd {margin-bottom: 7px;}

    cufon {background: none !Important;}

    font,
    font *,
    span[lang],
    span[lang] *,
    .MsoNormal,
    .MsoNormal * {color: #f00 !Important; font-size: 100px !Important;}

    /* -- /tag defaults -- */
    
    /* -- general classes -- */
    #docWrap {width: 990px;}
    
    .js #docWrap {visibility: hidden;}
    .js.ready #docWrap {visibility: visible;}
    
    .row,
    .col {min-height: 1px;}
    
    .col {float: left;}
    
    .row,
    .cb {clear: both;}

    .show {display: block;}
    .hide {display: none;}

    .visible {visibility: visible;}
    .hidden {visibility: hidden;}

    a.noLink,
    a.noLink * {cursor: text !Important;}

    .js .click,
    .js .click * {cursor: pointer;}

    .error,
    .error * {color: #f00;}

    /*.js .click:hover {background: #303030;}*/

    .popUp {position: absolute; z-index: 150000;}
    .popUp ul {list-style: none; margin: 0; padding: 0;}
        
        /* -- h1 icon -- */
        h1.icon {position: relative;}
        h1.icon span.icon {background: url(/UI/Images/sprite_symbols.png) no-repeat; width: 21px; height: 29px; position: relative; top: 4px; display: none;}

        .ie8 h1.icon span.icon {top: 7px;}

        h1.icon.man span.icon,
        h1.icon.woman span.icon,
        h1.icon.unisex span.icon {display: inline-block;}

        h1.icon.man span.icon {background-position: -100px  -97px;}
        h1.icon.woman span.icon {background-position: -150px -145px;}
        h1.icon.unisex span.icon {background-position: -200px -200px;}
         /* -- /h1 icon -- */
    
        /* -- show/hide -- */
        .show {display: block !Important;}
        .visible {visibility: visible !Important;}
        
        .hide {display: none !Important;}
        .hidden {visibility: hidden !Important;}
        /* -- /show/hide -- */
        
        /* -- nav (igation) -- */
        ul.nav {list-style: none; margin: 0; padding: 0;}
        
        #top .nav li {float: left; padding: 0 10px;}
		
		#top .nav li a {display: block;}

        /* -- topMenu -- */
        .topMenu {position: relative; left: -10px;}
        #top > :first-child .topMenu.nav li {padding: 0 3px 0 0;}
        .topMenu a {padding: 3px 10px;}

        .ie8 #top > :first-child .topMenu.nav li .rcMiddle {top: -1px; position: relative;}
        .ie7 .topMenu { width: 700px; }
        .ie7 .topMenu a > span { display: inline-block; }
        /* -- /topMenu -- */

        /* -- topSubMenu -- */
        .topSubMenu a {padding: 3px 10px;}
        /* -- /topSubMenu -- */

        #top .nav li a:hover {background: #303030;}

        #top .nav li.hover a {background: #303030;}
        #top .nav li.hover * {cursor: pointer;}

        #top .nav li.active a {background: #404040;}
        #top .nav li a:active {background: #707070;}

        #top > :first-child .nav li {padding: 0 2px;}

        /* -- nav (igation) -- */

        /* -- richText -- */
        .richText h1 ~ p {font-weight: normal;}
        .richText h2,
        .richText h3 {margin-top: 0.3em;}

        .richText img {margin: 1em 0;}
        /* -- /richText -- */

        .pageNav + .twoCols > .col > .bottomLine.singleLine:last-child {border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
        .pageNav + .twoCols > .col > .bottomLine.singleLine.last-child {border: none; padding-bottom: 0; margin-bottom: 0;}

        /*.ie8 .pageNav + .twoCols > .col > .bottomLine.singleLine.last-child {margin-bottom: -7px;}*/

        .preLoadedImage {position: absolute; top: -10000px;}
    
    /* -- /general classes -- */
    
    /* -- general columns -- */
    .twoCols .col {width: 47.8%; margin: 0 1.1%; overflow: hidden;}

    .twoCols .col > .twoCols > .col {width: 45.6%; margin: 0 2.2%;}
	
		/* -- startTwoCols -- */
		.startTwoCols > .col .twoCols .left {width: 62.6%; margin-right: 2.2%; margin-left: 0;}
		.startTwoCols > .col .twoCols .right {width: 35%; text-align: center; margin: 0;}
		
		.startTwoCols.bottomLine {margin-bottom: 15px; padding-bottom: 27px;}

		/* -- /startTwoCols -- */

        /* -- standartPage threeCols -- */
        #content > .threeCols > .col {margin: 0 1.1%; overflow: hidden;}

        #content > .threeCols > .left {width: 18%;}
        #content > .threeCols > .center {width: 47.4%;}
        #content > .threeCols > .right {width: 28%;}
        /* -- /standartPage threeCols -- */


        /* -- grids -- */
            .description,
            .gender {min-height: 1px; min-width: 178px; min-height: 220px;}

            .gender > .col {width: 178px; margin: 0 10px;}
            .gender > .col:first-child {margin: 0; width: 188px;}

            /* -- grid1 -- */
            .grid1 > .description {width: 57.9%; margin: 0 10px;}
            .grid1 > .right {margin: 0;}

            .grid1 > .right > .gender,
            .grid1 > .right > .gender:first-child,
            .grid1 > .right > .clothingSlide:first-child + .gender {margin-left: 10px;}
            /* -- /grid1 -- */

            /* -- grid2 -- */
            .grid2 > .description {width: 11.5%; margin: 0 10px;}
            .grid2 > .right {margin: 0;}

            .grid2 > .right > .gender,
            .grid2 > .right > .gender:first-child,
            .grid2 > .right > .clothingSlide:first-child + .gender {margin-left: 10px;}

            /* -- /grid2 -- */

            /* -- gender -- */

            .gender {position: relative;}
            .gender a {display: block; text-align: center;}

            .gender .col:first-child a {display: block; text-align: right; margin-right: 2px;}

            .gender img {margin-top: 20px; margin-bottom: 20px; display: inline-block; width: 144px;}

            .men > :first-child,
            .women > :first-child,
            .unisex > :first-child {background: url(/UI/Images/sprite_symbols.png) no-repeat;}

            .men.first > :first-child {background-position: -644px -394px;}
            .women.first > :first-child {background-position: -743px -245px;}
            .unisex.first > :first-child {background-position: -594px -496px;}

            /* -- languageSpecific --*/
            html[lang=en-US] .men.first > :first-child { background-position: -644px -394px; }
            html[lang=nn-NO] .men.first > :first-child { background-position: -939px -1093px; }
            html[lang=da-DK] .men.first > :first-child { background-position: -996px -857px; }
            html[lang=sv-SE] .men.first > :first-child { background-position: -1052px -631px; }
            html[lang=de-DE] .men.first > :first-child { background-position: -1110px -378px; }
            html[lang=fi-FI] .men.first > :first-child { background-position: -1166px -125px; }

            html[lang=en-US] .women.first > :first-child { background-position: -743px -245px; }
            html[lang=nn-NO] .women.first > :first-child { background-position: -969px -956px; }
            html[lang=da-DK] .women.first > :first-child { background-position: -1026px -720px; }
            html[lang=sv-SE] .women.first > :first-child { background-position: -1082px -494px; }
            html[lang=de-DE] .women.first > :first-child { background-position: -1140px -241px; }
            html[lang=fi-FI] .women.first > :first-child { background-position: -1196px -8px; }

            /* -- /languageSpecific --*/

            .men > :first-child {background-position: -794px -195px;}
            .women > :first-child {background-position: -843px -145px;}
            .unisex > :first-child {background-position: -894px -95px;}

            /* -- /gender -- */

        /* -- /grids -- */
		
    /* -- /general columns -- */

/* -- general styles -- */

/* -- top & footer -- */
	#top a,
	#footer a {text-transform: uppercase; text-decoration: none; font-weight: lighter; color: #fff;}
/* -- /top & footer -- */

/* -- top -- */
	#top {padding-bottom: 0; margin-bottom: 5px;}


    #top > .row:first-child + .row p:first-child,
    #top > .row:first-child + .row p:first-child * {display: block;}
    #top > .row:first-child + .row p:first-child a {display: inline;}
    #top > .row:first-child + .row p img {margin-bottom: 14px; margin-left: 10px;}

    #top > .row:first-child + .row p.logo {width: 96px;}

    .ie7 #top > .row:first-child + .row p.logo {margin-bottom: 0;}
	
	#top ul.custom {list-style: none; margin: 0; padding: 0; display: inline;}
	#top ul.custom * {display: inline;}
	#top ul.custom li {padding: 0;}
	
	#top ul.custom > li:first-child {position: relative;}

    .breadCrumbs ul li a span.arrow {display: none;}

	.breadCrumbs .dropDownTrigger span.arrow {background: url(/UI/Images/sprite_symbols.png) no-repeat -450px -750px; 
	     height: 7px; width: 8px; margin: 5px 0 0 5px; display: inline-block;
	}

    .ie7 .breadCrumbs .dropDownTrigger span.arrow {position: relative; left: 4px; top: -3px;}

	
	#top ul.custom > li > ul {display: block;}
	#top ul.custom > li > ul li {clear: both;}
	
	#top select,
	#top select * {color : #000; text-transform: none;}
	
	#top .col.left {float: left; margin-left: 10px;}
	#top .col.right {float: right;}
	#top .col.right a {color: #a9a9a9;}
	
	#top .col.nav.left li:first-child {padding-left: 0;}
	#top .col.nav.left li.first-child {padding-left: 0;}
	
	#top,
	#top > div:first-child {border-bottom: solid 1px #4a4a4a;}
	
	#top > div:first-child {padding-bottom: 5px; margin-bottom: 11px;}
	#top > div:first-child * {font-size: 12px;}
	
	.ie7 #top > div:first-child *,
	.ie8 #top > div:first-child * {font-size: 11px;}
	
	.ie7 #top > div:first-child .dropDown *,
	.ie8 #top > div:first-child .dropDown  * {font-size: 12px;}

		/* -- myGear --*/
		/*#top #myGear.noGear {visibility: hidden;}*/
		#top #myGear {position: absolute; right: 7px; top: 37px;}
		#top #myGear > div {position: relative;}

		#top #myGear a {color: #a9a9a9;}

		#top #myGear #addToMyGear {position: relative; top: 1px;}
		#top #myGear #addToMyGear,
		#top #myGear #addToMyGear * {text-transform: none; color: #f3c301;}
		#top #myGear #addToMyGear.gearInList {display: none;}

		.ie7 #top #myGear #addToMyGear,
		.ie8 #top #myGear #addToMyGear {top: -1px;}

		#top #showMyGear {padding: 2px 5px; display: inline-block;}
		#top #showMyGear.active {background: #303030;}

		.ie7 #top #showMyGear span:first-child {position: relative; top: 1px;}
		.ie8 #top #showMyGear span:first-child {position: relative; top: -2px;}

		#top #showMyGear span.arrow {float: right;
			width: 11px; height: 9px; background: transparent url(/UI/Images/sprite_symbols.png) 0 0 no-repeat; margin: 4px 0 0 3px;
		}
		#top #showMyGear.gearAdded span.arrow {background-position: -450px -750px;}

		.ie7 #top #showMyGear {position: relative; padding-right: 20px; background-image: url(/UI/Images/px.gif);}
		.ie7 #top #showMyGear span.arrow {float: none; display: block; position: absolute; right: 5px;}

		.webkit #top #showMyGear span.arrow {position: relative; top: -15px; margin-bottom: -15px;}
		.webkit #top #showMyGear {margin-bottom: -15px;}

		.ie7 #top #showMyGear,
		.ie7 #top #showMyGear * {cursor: pointer;}
   
		#myGearList {background: #303030; position: absolute; top: 0; list-style: none; margin: 0; padding: 0; text-align: right;}

		#myGearList li {padding: 2px 7px;}
		#myGearList li:hover,
		#myGearList li:hover * {background: #404040; color: #fff;}

		.ie7 #myGearList li a {display: inline;}

		#myGearList li a.remove {display: inline-block; background: transparent url(/UI/Images/sprite_symbols.png) -400px -800px no-repeat; 
			width: 10px; height: 10px; margin-left: 5px;
		}
		.ie7 #myGearList li a.remove {position: relative; top: -3px; left: 5px;}

		#myGearList li:hover a.remove {background-position: -400px -810px;}

		/* -- /myGear --*/

    /* -- cacheController --*/
    #top #cacheController {position: absolute; right: 7px; top: 67px;}
    #top #cacheController > div {position: relative;}
    /* -- /cacheController --*/
	
    /* -- searchBox -- */
    .searchBox {background: #4a4a4a; padding: 3px 10px;}
    .searchBox input {background: transparent; border: none; zoom: 1;}

    .searchBox input[type=text] {position: relative; top: 0; left: 0; z-index: 5000; margin: 0 18px 0 0; height: 16px;}

    .ie7 .searchBox input[type=text],
    .ie8 .searchBox input[type=text] {padding: 0 0 2px 0;}

    .searchBox input[type=image] {background: transparent url(/UI/Images/sprite_symbols.png) -975px 0 no-repeat; width: 18px; height: 18px; margin: 0; padding: 0;
        position: absolute; right: 5px; z-index: 5000; top: 2px; 
    }

    .ie7 .searchBox input[type=image],
    .ie8 .searchBox input[type=image] {top: 3px;}

    .hasFocus + input[type=image] {background-position: -975px -50px;}
    .hasFocus { color: #fff; }
    /* -- /searchBox -- */

    /* -- new TopStyles --*/
    #top .row:first-child + .row {position: relative;}

    #top .row:first-child + .row .QuickSearchArea {position: absolute; top: 0; right: 10px;}
    #top .row:first-child + .row .mainMenu {position: absolute; bottom: -5px; right: -2px;}
    #top .row:first-child + .row .mainMenu * {color: #fff; font-size: 15px; letter-spacing: 1px;}
    #top .row:first-child + .row .mainMenu.nav li {padding: 0 2px;}
	#top .row:first-child + .row .mainMenu.nav li a {padding: 3px 12px 4px; line-height: 17px;}

    .ie7 #top .row:first-child + .row .mainMenu {bottom: 10px;}

    .mainMenu,
    .mainMenu li,
    .mainMenu a,
    .mainMenu .rcMiddle {line-height: 17px;}

    .mainMenu .rcMiddle {display: inline-block; padding-bottom: 1px;}
    .ie7 .mainMenu .rcMiddle {display: inline-block; padding-bottom: 0;}

    /* -- /new TopStyles --*/
	
    #top .row .col.right {display: block; position: relative;}
	#top .row .col.right .row {text-align: right; display:block;}

    .ie7 #top .row:first-child .col {width: 49%;}

    .ie7 #top .row:first-child .col.right {position: relative;}
    .ie7 #top .row:first-child .col.right ul.nav {position: absolute; top: 0; right: 0;}

    .ie7 #top .row:first-child + .row .col.right {width: 80%;}
    
    .ie7 #top .row .col.right .row:first-child .noCss3 {float: right;}
    .ie7 #top .row .col.right .row:first-child .noCss3.input.placeholder-Search {width: 180px;}
    .ie7 #top .row .col.right .row:first-child .noCss3 .top,
    .ie7 #top .row .col.right .row:first-child .noCss3 .bottom {left: 0;}
    .ie7 #top .row .col.right .row:first-child + .row + .row ul {float: right;}

/* -- top -- */

/* -- footer -- */
	#footer {text-align: center;}
	#footer ul {list-style: none; padding: 0; margin: 0; min-height: 1px; display: inline-block; min-height: 1px;float:left;}
	#footer ul li {float: left; padding: 0 0.3em;}
	#footer ul li a {font-size: 16px; letter-spacing: 1px;}
	
	#footer ul + ul {float: right; padding-bottom: 10px;}
	#footer ul + ul li {width: 32px; height: 32px;}
	#footer ul + ul li a {display: block;}
	#footer .facebook a {background: url(/ui/images/sprite.png) no-repeat -32px -148px; width: 32px; height: 32px;}
	#footer .youtube a {background: url(/ui/images/sprite.png) no-repeat -64px -148px; width: 32px; height: 32px;}
	#footer li.youtube {padding-right: 0;}

    .ie7 #footer ul {display: inline;}
/* -- /footer -- */

/* -- pageNav -- */

    .pageNav {background: #303030; margin-bottom: 25px; padding: 11px 10px 6px; line-height: 16px;}
    .pageNav * {line-height: 16px;}
    .ie7 .pageNav {padding-bottom: 0;}

    .pageNav a {color: #b6b6b6; outline: none;}

    .pageNav .breadCrumbs * {background-color: #303030;}

    .pageNav .breadCrumbs > ul > li:not(:last-child)::after {content: "/"; margin: 0;}
    .pageNav .breadCrumbs > ul > li:not(:last-child) > a.dropDownTrigger {margin-right: -4px;}
    .pageNav .breadCrumbs > ul > li.notlast-child > a.dropDownTrigger {margin-right: -4px;}

    .ie8 .pageNav .breadCrumbs > ul > li.notlast-child > a {margin-right: -4px;}

    .pageNav .breadCrumbs > ul > li.notlast-child > a.dropDownTrigger {margin-right: -7px;}

    .ie7 .pageNav .breadCrumbs > ul > li.notlast-child > a.dropDownTrigger {margin-right: -4px; background-color: transparent;}

    .pageNav .breadCrumbs > ul > li span.slash {margin: 0;}
    
    .ie8 .pageNav .breadCrumbs > ul > li span.slash {margin-left: 4px;}

    .pageNav .breadCrumbs > ul > li {padding-bottom: 6px;}
    .pageNav .breadCrumbs > ul > li > a {padding: 0 7px;}
    .pageNav .breadCrumbs > ul > li:first-child > a {padding-left: 0;}
    .ie7 .pageNav .breadCrumbs > ul > li {padding-bottom: 1px;}

    .pageNav .breadCrumbs ul * {font-weight: bold; text-transform: uppercase; text-decoration: none;}

    .js .pageNav .breadCrumbs ul ul {display: none;}

    .pageNav .categories {float: right;}
    .pageNav .categories * {font-weight: normal; color: #b6b6b6; font-size: 13px;}

    .pageNav .categories ul {margin-top: -2px;}
    .ie7 .pageNav .categories ul {margin-top: -3px;}

    .pageNav .categories a {background: #181818; padding: 2px 20px 4px; margin: 2px 0 0 10px; text-decoration: none; display: block;}
    .pageNav .categories a:hover {background: #252525;}
    .pageNav .categories a:active {background: #707070;}

    .pageNav .categories .active a {background: #4a4a4a;}

    .pageNav > div > ul,
    .pageNav > div > ul > li,
    .pageNav > div > h3 {float: left;}

    .pageNav ul {list-style: none; margin: 0; padding: 0;}

    .pageNav .dropDownTrigger span.arrow {background: url(/UI/Images/sprite_symbols.png) no-repeat -450px -750px; 
	     height: 10px; width: 11px; margin: 2px 4px 0 1px; display: inline-block;
	}
    
    .pageNav a {display: inline-block;}
    .pageNav a span:first-child {display: inline-block;}

    .ie7 .pageNav span.arrow {position: relative; left: 1px; top: -3px;}
    .ie8 .pageNav .dropDownTrigger span.arrow {margin-right: 0;}

    .pageNav select.custom + a.active {padding: 0; margin: 0;}
   
/* -- /pageNav -- */

/* -- bottomLine -- */
    .bottomLine {zoom: 1;}
	#content > :first-child.bottomLine {margin-top: 16px;}

    .ie7 #content > .bottomLine > img {margin-top: 11px;}
	
	.bottomLine {border-bottom: double 3px #4a4a4a; padding-bottom: 15px; margin-bottom: 15px;}

    .bottomLine.singleLine {border-bottom: solid 1px #4a4a4a;}

    #content > .bottomLine.singleLine:last-child {border-bottom: double 3px #4a4a4a;}
    #content > .bottomLine.singleLine.last-child {border-bottom: double 3px #4a4a4a;}
/* -- bottomLine -- */

/* -- dropDown -- */
    
    .dropDownCollection {z-index: 10000;}

    .js select.custom {display: none;}

    .ie7 .dropDownTrigger {display: inline-block;}

    #top .nav li a.dropDownTrigger {padding: 2px 10px; margin-top: 3px;}

    .ie7 #top .nav li a.dropDownTrigger {margin-top: 3px;}
    
    .row:nth-child(2) > .dropDownTrigger {padding: 1px 5px 3px;}
    .row.nth-child2 > .dropDownTrigger {padding: 1px 5px 3px;}

    .dropDownTrigger.active {background: #303030;}

    ul.dropDown {list-style: none; margin: 0; padding: 0; background: #303030;
        z-index: 10000; top: 0; overflow: hidden;
    }

    .js ul.dropDown {position: absolute;}

    ul.dropDown ul {list-style: none; margin: 0; padding: 0;}

    ul.dropDown li,
    ul.dropDown li * {display: block !Important; clear: both;}
    ul.dropDown a {color: #f3c301; text-transform: none; font-weight: normal !Important;  padding: 2px 11px;}

    ul.dropDown h3 {font-weight: normal; margin: 0;}

    ul.dropDown ul li:last-child {margin-bottom: 5px;}
    ul.dropDown ul li.last-child {margin-bottom: 5px;}

    /* -- dropDownBreadCrumb -- */
    ul.dropDownBreadCrumb {padding: 0; overflow: auto; overflow-x: hidden; min-width: 120px !Important; margin-top: 4px;}
    ul.dropDownBreadCrumb,
    ul.dropDownBreadCrumb li,
    ul.dropDownBreadCrumb li * {text-align: left; font-size: 12px;}

    ul.dropDownBreadCrumb h3 {margin: 3px 0; padding: 0 9px; font-weight: bold; color: #b9b9b9;}
    ul.dropDownBreadCrumb a {display: block; padding: 5px 9px; white-space: nowrap;}

    ul.dropDownBreadCrumb a.active {color: #fff !Important; background: url(/UI/images/sprite_symbols.png) no-repeat -349px -841px;}
    ul.dropDownBreadCrumb ul a.active {background-position: -349px -844px;}

    body:not(.ie7) ul.dropDownBreadCrumb a {text-transform: lowercase;}
    .ie8 ul.dropDownBreadCrumb a {text-transform: lowercase;}

    body:not(.ie7) ul.dropDownBreadCrumb a:first-letter {text-transform: uppercase;}
    .ie8 ul.dropDownBreadCrumb a:first-letter {text-transform: uppercase;}

    ul.dropDownBreadCrumb > li {border-top: solid 1px #4a4a4a;}
    ul.dropDownBreadCrumb > li:first-child {border: none;}

    ul.dropDownBreadCrumb ul a {padding: 2px 9px;}

    /* -- /dropDownBreadCrumb -- */

    /* -- dropDownCollection -- */
    ul.dropDownCollection,
    ul.dropDownCollection * {font-size: 12px; line-height: 16px;}

    .dropDownCollection {
        box-shadow: 0 6px 10px #181818;
        -moz-box-shadow: 0 6px 10px #181818;
        -webkit-box-shadow: 0 6px 10px #181818;
    }

    ul.dropDownCollection a:hover {color: #fff; background-color: #4a4a4a;}
    /* -- /dropDownCollection -- */

/* -- dropDown -- */

/* -- startPage -- */
.startPage {position: relative;}
.startPage > img { display: block; height: 495px; }
.startPage #startText {position: absolute; right: 0; bottom: 15px; margin: 0; padding: 15px; text-align: right;}
.startPage #startText,
.startPage #startText * {font-size: 12px; text-transform: uppercase;}

.startPage #startText,
.startPage #startText *,
.startPage #startText.black,
.startPage #startText.black * {color: #000;}

.startPage #startText.white,
.startPage #startText.white * {color: #fff;}

.startPage #startText :last-child {margin-bottom: 0;}
.startPage #startText .last-child {margin-bottom: 0;}

	/* -- scenes & carousel controls -- */

	.scenes span.play,
	.carousel .controls span,
	.scenes .controls span {color: #f3c301; display: block; cursor: pointer; top: 0; width: 21px; height: 48px;
		background: url(/UI/Images/sprite.png) -21px 0; position: absolute; z-index: 20; left: 0; font-size: 11px;
	}

	.carousel .controls span.next,
	.scenes .controls span.next {right: 0; left: auto; text-align: right; background-position: 0 0;}

	.carousel .controls span:hover,
	.scenes .controls span:hover {background-position: -79px 0;}

	.carousel .controls span.next:hover,
	.scenes .controls span.next:hover {background-position: -58px 0;}

	/* -- /scenes & carousel controls -- */

	/* -- scenes -- */

	.scenes {overflow: hidden; position: relative;}

	.scenes ul {list-style: none; margin: 0; padding: 0; position: relative;}
	.scenes > ul > li {position: relative; float: left;}

	.scenes img {display: block;}
	.scenes li li img {opacity: 0.7;}
	.scenes li li:hover img {opacity: 1;}

	.scenes * {color: #8f8f8f;}

	.scenes li li:hover,
	.scenes li li:hover * {color: #F3C301;}

	/*.js .scenes .movie p {display: none;}*/
	.scenes > ul > li,
	.scenes .movie object,
	.scenes .movie object > embed {display: block; height: 495px; width: 990px; max-width: 100%; position: relative; z-index: 1;}

	.scenes .movie object + p {display: none;}

	.scenes .controls {position: absolute; top: 42%; left: 0; right: 0; z-index: 10;}

	.scenes span.play {left: 48%; bottom: 232px; top: auto; width: 49px; height: 49px; background-position: 0 -48px;}
	.scenes span.play:hover { background-position: -50px -48px;}

	.scenes span.pause { background-position: 0 -97px;}
	.scenes span.pause:hover { background-position: -50px -97px;}

	.scenes .movie + ul {position: absolute; bottom: 0; left: 0; right: 0; min-height: 1px; z-index: 100;}
	.scenes .movie + ul > li {float: left; width: 20%; padding: 23px 0 30px; background: rgba(0, 0, 0, 0.9);}
	.scenes .movie + ul > li * {display: block; margin: 0 auto; text-align: center; font-family: 'HaglofsMittelschriftAlternaRg'; text-transform: uppercase;}

	.scenes .movie + ul > li img {margin-bottom: 10px;}

	/* -- /scenes -- */

	/* -- carousel -- */
	.carousel {overflow: hidden; position: relative; background: #161616; padding: 40px 0;}
	.carousel img {display: block; margin: 0 auto;}
	.carousel ul {list-style: none; margin: 0; padding: 0; position: relative;}
	.carousel ul li {width: 33.35%; float: left;}

	.opera .carousel ul li {width: 330px;}

	.carousel ul li > div {position: relative; overflow: hidden; margin-left: 2px;}
	.carousel ul li:first-child > div {margin-left: 0;}

	.carousel ul li > div > p {margin: 0; padding: 0 8.1%;}

	.carousel ul li > div > p + p {margin-top: 15px;}

	.carousel ul li > div > p + p * {font-family: 'HaglofsMittelschriftAlternaRg'; font-size: 14px; text-transform: uppercase;}

	.carousel .controls {position: absolute; top: 38%; left: 0; right: 0;}

	.carousel ul li:first-child > div > p {padding: 0 3.1% 0 13.1%;}
	.carousel ul li:first-child + li > div > p {padding: 0 8.1% 0 8.1%;}
	.carousel ul li:first-child + li + li > div > p {padding: 0 13.1% 0 3.1%;}

	.carousel ul li:first-child + li + li + li > div > p {padding: 0 3.1% 0 13.1%;}
	.carousel ul li:first-child + li + li + li + li > div > p {padding: 0 8.1% 0 8.1%;}
	.carousel ul li:first-child + li + li + li + li + li > div > p {padding: 0 13.1% 0 3.1%;}
	
	/* -- /carousel -- */

/* -- /startPage -- */

/* -- standardPage -- */
.standardPage h1 {font-size: 26px;}

.standardPage h1 + p {font-size: 18px; font-weight: normal;}

.standardPage .nav {border-top: 1px solid #4a4a4a;}
.standardPage .nav ul {margin: 0 0 0 10px; padding: 0; list-style: none; border-top: 1px solid #4a4a4a;}

.standardPage .nav ul li:last-child {border-bottom: none;}
.standardPage .nav ul li.last-child {border-bottom: none;}

.standardPage .nav li {border-bottom: 1px solid #4a4a4a;}

.standardPage .nav a {color: #b9b9b9; text-transform: uppercase; display: block; padding: 5px 10px;}
.standardPage .nav a:hover {background: #303030; color: #fff;}

.standardPage .nav a.subMenuActive {font-weight: bold;}
.standardPage .nav .active {background-color: #4a4a4a; font-weight: bold; color: #fff;}
.standardPage .nav .active a {color: #fff;}

.standardPage .center p a:only-child {background: url(/UI/images/sprite_symbols.png) no-repeat -500px -696px; display: inline-block;
    padding: 0 0 0 13px;
}
.standardPage .center p a.only-child {background: url(/UI/images/sprite_symbols.png) no-repeat -500px -696px; display: inline-block;
    padding: 0 0 0 13px;
}

.ie8 .standardPage .center p a.only-child {background-position: -500px -697px;}

.article a {background: none !Important; display: inline !Important; font-size: inherit; padding: 0 !Important;}
.article ul li { font-size: 14px; margin-bottom: 0.5em; }
/* -- /standardPage -- */

/* -- eventsOverview -- */
.eventsOverview h1,
.eventsOverview h1 ~ p {width: 58%; margin: 0 1.1%;} 

.eventsOverview.region {padding-bottom: 0; }
.eventsOverview.region h2 {text-transform: uppercase; font-size: 13px; margin-left: 10px;}

.eventsOverview .twoCols .left {width: 58.6%; margin: 0 2.2% 0 0;}
.eventsOverview .twoCols .right {width: 37%; margin: 0 0 0 2.2%;}
/* -- /eventsOverview -- */

/* -- event -- */
.event > .left {margin-right: 11.1%;}
.event > .right {width: 37.8%;}

.event h1 + p {font-size: 18px;}

.event ul {list-style: none; margin: 0; padding: 0;}
.event ul * {font-size: 14px; font-weight: bold;}
.event ul li {margin-bottom: 0.5em;}

.event p a:only-child {background: url(/UI/images/sprite_symbols.png) no-repeat -500px -696px; display: inline-block;
    padding: 0 0 0 13px;
}
.event p a.only-child {background: url(/UI/images/sprite_symbols.png) no-repeat -500px -696px; display: inline-block;
    padding: 0 0 0 13px;
}
/*eventlist*/
.eventsOverview .eventBox {margin: 0; width: 50%; border-top: solid 1px #404040; border-bottom: none; padding-top: 15px; position: relative; min-height: 100px;}

..eventsOverview > .twoCols {overflow: visible;}

.ie7 .eventsOverview .eventBox {width: 49.9%;}

.ie7 .eventsOverview > .cb {border-top: solid 1px #404040;}
.ie7 .eventsOverview > .cb:last-child {border-top: none;}
.ie7 ..eventsOverview > .cb.last-child {border-top: none;}

.ie7 .eventsOverview .eventBox:first-child,
.ie7 .eventsOverview .eventBox:first-child + .eventBox,
.ie8 .eventsOverview .eventBox:first-child,
.ie8 .eventsOverview .eventBox:first-child + .eventBox {border-top: none; padding-top: 0;}

.eventsOverview .eventBox:nth-child(-n+2) {border-top: none; padding-top: 0;}
.eventsOverview .eventBox.nth-child-n2 {border-top: none; padding-top: 0;}

.eventsOverview .eventBox > .col {margin: 0 2.2%;}

.eventsOverview .eventBox > .left {width: 56%; position: relative;}
.eventsOverview .eventBox > .right {width: 35.2%; position: relative;}

.ie7 .eventsOverview .eventBox > .right {width: 35%;}

.eventsOverview > .col:nth-child(2n+1) {clear: both;}
.eventsOverview > .col.nth-child2n1 {clear: both;}

/* -- event -- */

/* -- friendsList -- */
.friendsList h1,
.friendsList h1 ~ p {width: 58%; margin: 0 1.1%;} 
.friendsList > h2 { font-size: 13px; padding: 0 0 5px 10px; text-transform: uppercase; }
.friendsList .friendBox {margin: 0; width: 50%; border-top: solid 1px #404040; border-bottom: none; padding-top: 15px; position: relative; min-height: 100px;}

.friendsList .friendBox .slide,
.friendsList .friendBox .slideTrigger {position: absolute; top: 0; left: 0; width: 100%; background: url(/UI/images/dummies/clothes/blank.png);}

.friendsList .friendBox .slide {background-color: #303030;}
.friendsList .friendBox .slideTrigger {cursor: pointer;}

.friendsList > .twoCols {overflow: visible;}

.quote p { font-style: italic; }

.ie7 .friendsList .friendBox,
.ie7 .eventsOverview .eventBox {width: 49.9%;}

.ie7 .friendsList > .cb {border-top: solid 1px #404040;}
.ie7 .friendsList > .cb:last-child {border-top: none;}
.ie7 .friendsList > .cb.last-child {border-top: none;}

.ie7 .friendsList .friendBox:first-child,
.ie7 .friendsList .friendBox:first-child + .friendBox,
.ie8 .friendsList .friendBox:first-child,
.ie8 .friendsList .friendBox:first-child + .friendBox {border-top: none; padding-top: 0;}

.friendsList .friendBox:nth-child(-n+2) {border-top: none; padding-top: 0;}
.friendsList .friendBox.nth-child-n2 {border-top: none; padding-top: 0;}

.friendsList .friendBox > .col {margin: 0 2.2%;}

.friendsList .friendBox > .left {width: 56%; position: relative;}
.friendsList .friendBox > .right {width: 35.2%; position: relative;}

.ie7 .friendsList .friendBox > .right {width: 35%;}

.friendsList > .col:nth-child(2n+1) {clear: both;}
.friendsList > .col.nth-child2n1 {clear: both;}

.friendsListBox {margin: 0 0 15px 0;}

.friendsListBox > .col {width: 47.8% !Important;}
.friendsListBox > .left {margin-left: 0 !Important;}
.friendsListBox > .right {margin-right: 0 !Important;}

/* -- /friendsList -- */

/* -- friendPage -- */
.friendPage > .left {margin-right: 11.1%;}
.friendPage > .right {width: 37.8%;}

.friendPage .img {text-align: center;}
.friendPage .img img {vertical-align: middle;}

.friendPage .col > .twoCols > .col {margin: 0 2.8%;}
.friendPage .col > .twoCols > .col.left {width: 21%; margin-left: 0;} 
.friendPage .col > .twoCols > .col.right {width: 70.2%; margin-right: 0;} 

.friendPage dl {margin: 0;}
.friendPage dl > * {float: left; padding: 0; margin: 0.5em 0 0;}
.friendPage dl > :first-child,
.friendPage dl > :first-child + dd {margin-top: 0;}
.friendPage dt {clear: both; margin-right: 0.5em;}

.ie7 .friendPage dt {clear: none;}
.friendPage dd + dd {display: inline;}

.ie7 .friendPage dd + dd a,
.ie8 .friendPage dd + dd a {padding-left: 0.3em;}

.ie7 .friendPage dd {float: none;}
.ie7 .friendPage dd.cb {clear: both; display: block; min-height: 1px; width: 100%; margin: 0; padding: 0;}
.ie7 .friendPage dd.lastDD {float: none;}

.friendPage > .col.right ul {list-style: none; margin: 0; padding: 0;}

.ie7 .friendPage blockquote {margin: 0;}
.friendPage blockquote,
.friendPage blockquote * {color: #fff; font-size: 14px;}
.friendPage blockquote ~ div.row {margin-top: 15px;}

.friendInfo * {font-size: 14px;}
.friendInfo *:not(a) {color: #fff;}
.friendInfo *.nota {color: #fff;}
.friendInfo span {margin-right: 0.3em;}
/* -- /friendPage -- */

/* -- clothing -- */
    .clothing {position: relative;}
    .clothing h2 {font-size: 20px; border: none;}
    .clothing .col {overflow: hidden;}

    .clothing .gender,
    .clothing .gender > div.col,
    .clothing .gender > div.col > a,
    .clothing .clothingSlide {height: 220px;}

    .clothing .gender,
    .clothing .clothingSlide {background: url(/UI/Images/gray_side.gif) repeat-y;}

    .clothing .clothingSlide {background: #303030; position: absolute;}
    
    .clothing .gender.active,
    .clothing .clothingSlide.active {background: #4a4a4a;}
    
    .clothing .slideTrigger {position: absolute; margin: 0 !Important; cursor: pointer; background: url(/UI/images/dummies/clothes/blank.png); height: 220px;}

    .clothing .description {overflow: hidden; position: relative;}

    .clothing .description h2,
    .clothing .description p {margin-right: 2%}

    .clothing .description h2 + p {font-weight: bold;}
    .clothing .description h2 + p:last-child {font-size: 13px; font-weight: normal;}

    
/* -- /clothing -- */

/* -- clothingSmall -- */
.clothingSmall {position: relative;}
.clothingSmall .col {position: relative; z-index: 1000;}
.clothingSmall .img {text-align: center; margin: 0;}
.clothingSmall ul {list-style: none; margin: 0; padding: 0;}

.twoCols.clothingSmall > .col.left {margin-left: 0;}
.twoCols.clothingSmall > .col.right {margin-right: 0;}

.productPage .twoCols.clothingSmall > .col.left {margin-right: 2.2%;}
.productPage .twoCols.clothingSmall > .col.right {margin-left: 2.2%;}

.layers > .col.right > .twoCols.clothingSmall {margin: 0 1.4% 30px;}

.layers > .col.right > .twoCols.clothingSmall:nth-child(odd) {clear: left; margin-left: 0;}
.layers > .col.right > .twoCols.clothingSmall:nth-child(even) {margin-right: 0;}

.layers > .col.right > .twoCols.clothingSmall.odd { clear:left; margin-left: 0;}
.layers > .col.right > .twoCols.clothingSmall.even {margin-right: 0;}

.layers > .col.right > .twoCols.clothingSmall > .col.left {margin-right: 2.9%;}
.layers > .col.right > .twoCols.clothingSmall > .col.right {margin-left: 2.9%} 

.layers > .col.right > .twoCols.clothingSmall > .col.right > ul > li {margin-bottom: 0.1em;}
.layers > .col.right > .twoCols.clothingSmall > .col.right > ul > li:first-child {margin-bottom: 1.7em;}

.layers > .col.right > .twoCols.clothingSmall > .col {width: 47.1%;}
.ie7 .layers > .col.right > .twoCols.clothingSmall > .col {width: 47%;}

.clothingSmall ul li {margin-bottom: 0.5em; font-size: 13px;}

.clothingSmall ul li:first-child {font-weight: normal;}
.clothingSmall ul li + li {font-weight: bold;}

    /* -- layers -- */
    .layers .clothingSmall {margin-bottom: 30px;}
    .layers .clothingSmall h3 {clear: both; border-bottom: 1px solid #303030; padding-bottom: 5px; margin-bottom: 10px}
    .layers .clothingSmall > .right {margin-top: 15px;}
    /* -- /layers -- */

    /* -- searchResults -- */
    .searchResults .clothingSmall {margin-bottom: 30px;}
    .searchResults .clothingSmall h3 {clear: both; border-bottom: 1px solid #303030; padding-bottom: 5px; margin-bottom: 10px}
    .searchResults .clothingSmall > .right {margin-top: 15px;}

    .searchResults .clothingSmall:nth-child(2n+1) {clear: both;}
    /* -- /searchResults -- */

/* -- /clothingSmall -- */

/* -- productList -- */
.layers .left ul { list-style: none; margin-left: 0; padding: 0; }
.layers .left ul li { list-style: none; margin-bottom: 0.5em; }
/* -- /productList -- */

/* -- activity -- */
#content .clothing.activity.threeCols .description img {display: block; margin: 0;}

.clothing.activity .description .overlay {position: absolute; bottom: 0; left: 0; width: 100%; background: url(/UI/Images/overlay.png);}
.clothing.activity .description .overlay p {font-size: 14px;}

.clothing.activity .description .overlay .innerOvly {padding: 7px 10px;}

/* -- /activity -- */

/* -- searchResults -- */
.searchResults > .col.left {width: 18%;}
.searchResults > .col.right {width: 77.6%;}

.searchResults ul {list-style: none; margin: 5px 0 0; padding: 0;}
.searchResults ul * {font-size: 14px; font-weight: bold;}
.searchResults ul li {margin-bottom: 0.5em;}

/* -- /searchResults -- */



/* -- productPage -- */

.productPage > .right > .row {border-bottom: 1px solid #404040; margin-bottom: 15px; padding-bottom: 15px;}
.productPage > .right > .row:first-child {border-bottom: none; padding-bottom: 10px;}

.productPage .row:last-child {border-bottom: none;}
.productPage .row.last-child {border-bottom: none;}

.productPage h1 + p {font-weight: normal; font-size: 18px;}

.productPage dl {margin: 0 0 -7px 0;}
.productPage dl * {font-size: 14px;}
.productPage dl dt {color: #fff;}

.productPage iframe {margin-top: 10px;}

    /* -- productDescription -- */
    .productPage .productDescription,
    .productPage .productDescription * {font-size: 14px;}
    .productPage .productDescription ul {list-style: none; margin: 0 0 -7px 0; padding: 0;}
    .productPage .productDescription ul li {margin-bottom: 7px;}
    /* -- /productDescription -- */

    /* -- imageThumbs -- */
    .productPage .imageThumbs p {position: relative;}
    .productPage .imageThumbs p:first-child {text-align: center;}
    .productPage .imageThumbs p:first-child img {background-repeat: no-repeat; background-position: center center;}
    .productPage .imageThumbs p:first-child img.loading {background-image: url(/UI/images/ajax-loader.gif);}

    .productPage .imageThumbs p:first-child + p {font-size: 14px; height: 17px;}

    .productPage .imageThumbs p:first-child + p a {background: url(/UI/Images/sprite_symbols.png) no-repeat -550px -648px; display: inline-block; padding: 2px 0 0 25px; 
        position: absolute; right: 0; top: 0; font-size: 12px;
    }

    .productPage .imageThumbs ul {list-style: none; margin: 0; padding: 10px 0 0; border-top: 1px solid #4a4a4a; clear: both; zoom: 1;}
    .productPage .imageThumbs li {float: left; padding: 1.1%; margin: 1.09%; width: 16%; text-align: center;}

    .productPage .imageThumbs li:first-child,
    .productPage .imageThumbs li:nth-child(5n+1) {margin-left: 0;}

    .productPage .imageThumbs li:first-child,
    .productPage .imageThumbs li.nth-child5n1 {margin-left: 0;}

    .productPage .imageThumbs li:nth-child(5n) {margin-right: 0;}
    .productPage .imageThumbs li.nth-child5n {margin-right: 0;}

    .productPage .imageThumbs li * {display: block;}

    .imageThumbs li.active,
    .imageThumbs li:hover {background: #303030;}

    /* -- /imageThumbs -- */

    .productPage .imageThumbs ~ .twoCols > .col {margin: 0; width: 47.8%;}
    .productPage .imageThumbs ~ .twoCols > .left {margin-right: 2.2%;}
    .productPage .imageThumbs ~ .twoCols > .right {margin-left: 2.2%;}

    .productPage .imageThumbs ~ .twoCols img {display: block;}

    .productPage .greatMatches > .clothingSmall {border-bottom: solid 1px #4A4A4A; margin-bottom: 10px; padding-bottom: 10px;}

	/* -- socialShare -- */
	.socialShare {display: none;}
	.js .socialShare {display: block; position: relative;}

	.productPage > .right > .socialShare {padding-bottom: 5px;}
	.socialShare > div {background: #303030; padding: 11px 11px 2px;}

	.socialShare > div * {color: #fff;}

	.productPage > .right > .socialShare iframe {margin-top: 0;}

	#at20mc * {color: #000;}

	.fb_edge_widget_with_comment {float: left;}

	/* -- /socialShare -- */

    /* -- colors -- */
    ul.colors {list-style: none; margin: 0; padding: 0; position: relative;}
    ul.colors + p {padding-top: 10px;}
    ul.colors li {float: left; margin-right: 10px; margin-bottom: 20px; }


    .colors li a {position: relative; display: block; left: 0; top: 0; padding: 7px 6px 3px; width: 38px;}
    .colors li a:hover,
    .colors li.active a {background-color: #303030;}

    .colors li a > span {display: inline-block; height: 24px; width: 24px; position: relative; z-index: 500; top: 0; left: 0;
        border-radius : 12px;
        -moz-border-radius : 12px;
        -webkit-border-radius : 12px;
    }
    .colors li a > span.nth2 {position: absolute; left: 20px; z-index: 250; top: 7px;}

    ul.colors li > span {display: none; text-transform: capitalize; position: absolute; left: 0; top: 40px; overflow: visible; white-space: nowrap;}

    .ie7 ul.colors li > span {top: 35px;}
    .ie7 ul.colors {margin-bottom: -5px;}

    ul.colors li.active > a + span {display: block;}

    .colors li a > span.black {border: none; background: url(/UI/Images/noCss3_rc_black.png) no-repeat;}
    .colors li a > span.black > span {display: none;}

    .colors li a > span.overlay {background: url(/UI/Images/noCss3_colorPlupp.png) left top; width: 38px; position: absolute; left: 6px; top: 7px;}
    .colors li a:hover > span.overlay,
    .colors li.active a > span.overlay {background-position: left bottom;}

    .ie7 .colors li a > span:first-child,
    .ie8 .colors li a > span:first-child {display: none;}

    .colors li.singleColor {margin-bottom: 13px;}
    .colors li.singleColor a {padding-bottom: 7px;}
    .colors li.singleColor a span:first-child {left: 7px; display: block;}

    .colors li.singleColor a > span.overlay {background-position: right top;}
    .colors li.singleColor a:hover > span.overlay,
    .colors li.singleColor.active a > span.overlay {background-position: right bottom;}

    .ie7 .colors li a > span.first,
    .ie8 .colors li a > span.first {top: 0;}

    .ie7 .colors li a {padding: 5px 6px;}
    .ie7 .colors li a > span.nth2 {top: 5px;}
    .ie7 .colors li a > span.overlay {top: 5px;}

    .colors li a > span > span {display: block; height: 1px; background: url(/UI/Images/noCss3_colorPlupp_fade.png) no-repeat center right;}
    
    .colors li a span.s0,
    .colors li a span.s1,
    .colors li a span.s22, 
    .colors li a span.s23 {width: 19px;}

    .colors li a span.s2,
    .colors li a span.s21 {width: 20px;}

    .colors li a span.s3,
    .colors li a span.s20 {width: 21px;}

    .colors li a span.s4,
    .colors li a span.s19,
    .colors li a span.s5,
    .colors li a span.s18 {width: 22px;}

    .colors li a span.s6,
    .colors li a span.s17,
    .colors li a span.s7,
    .colors li a span.s16 {width: 23px;}

    .colors li a span.s8,
    .colors li a span.s15,
    .colors li a span.s9,
    .colors li a span.s14,
    .colors li a span.s10,
    .colors li a span.s13,
    .colors li a span.s11,
    .colors li a span.s12 {width: 24px;}

    /* -- /colors -- */

    /* -- fabrics -- */
    .productPage .fabrics ul {list-style: none; margin: 0 0 -7px 0; padding: 0;}
    .productPage .fabrics ul li {margin-bottom: 7px;}

    .productPage .fabrics > .row > .row {padding-bottom: 15px;}

    .productPage .fabrics > .row > .row > h3 + div {margin-bottom: 0.5em;}
    /* -- /fabrics -- */
    
    /* -- productlogos -- */
    ul.productLogos  {margin: 0; padding: 10px 0 0; list-style: none;}
    ul.productLogos li {float: left; margin: 0 0 0 15px;}
    ul.productLogos li:first-child {margin-left: 0;}
    ul.productLogos + * {padding-top: 10px; clear: both;}
    /* -- /productlogos -- */
    
    /* -- retailers -- */

    .productPage .retailers .dropDownTrigger {display: inline-block; margin: 0 5px;}

    .productPage .retailers fieldset > div.row > ul > li > p:first-child + div > p:first-child {color: #fff; font-weight: bold;}
    .productPage .retailers fieldset > div.row > ul > li > p:first-child + div p a {font-weight: normal;}

    .productPage .retailers fieldset .row {border: none; padding: 0; margin: 0;}
    .productPage .retailers fieldset ul {margin: 0; padding: 0; background: #262626; list-style: none;}
    .productPage .retailers fieldset ul:first-child {margin-top: 15px;}
    .productPage .retailers fieldset ul li {border-bottom: 2px solid #3c3c3c; padding: 10px 15px;}

    .productPage .retailers fieldset > div.row > ul > li > p > a {font-weight: bold;}
    /*.js .productPage .retailers fieldset > div.row > ul > li > p:first-child > a {background: url(/UI/Images/sprite_symbols.png) no-repeat -500px -697px; 
        display: inline-block; padding: 0 0 0 14px;
     }
    .js .productPage .retailers fieldset > div.row > ul > li > p:first-child > a.active {background-position: -450px -746px;}

    .js .productPage .retailers fieldset ul > li p:first-child + div {display: none;}

    .js .productPage .retailers fieldset ul > li p {margin-bottom: 0;}
    .js .productPage .retailers fieldset ul > li div > p:first-child {margin: 10px 0;}*/

    .productPage .retailers fieldset ul li:last-child {border-bottom: none;}
    .productPage .retailers fieldset ul li.last-child {border-bottom: none;}

    .productPage .retailers fieldset ul ul,
    .productPage .retailers fieldset ul ul li {padding: 0; border: none;}

    .productPage .retailers fieldset dt {color: #fff;}
    .productPage .retailers fieldset dt::after {content: ":";}

        /* -- showRetailersForm -- */
        #showRetailersForm select {margin-right: 10px;}
        /* -- /showRetailersForm -- */

    /* -- /retailers -- */

/* -- /productPage -- */

/* -- retailersPage -- */
.retailersPage ul {list-style: none; margin: 0; padding: 0;}
.retailersPage .right ul li {margin-bottom: 0.5em;}

.retailersPage .right ul li a {background: url(/UI/images/sprite_symbols.png) no-repeat -500px -697px; display: inline-block;
    padding: 0 0 0 13px;
}

#content .retailersPage.threeCols > .center {width: 57.4%;}
#content .retailersPage.threeCols > .right {width: 18%;}

.retailersInfo.threeCols > .col {width: 29.5%; margin: 0 3.6% 15px 0;}
.ie7 .retailersInfo.threeCols > .col {width: 29.2%;}

.retailersPage .retailersInfo.threeCols > .col:nth-child(-n+3) {border: none; padding-top: 0;}
.retailersPage .retailersInfo.threeCols > .col.nth-child-n3 {border: none; padding-top: 0;}

.retailersPage .retailersInfo.threeCols > .col  * {color: #ccc;}
.retailersPage .retailersInfo.threeCols > .col h2 {font-size: 14px; margin: 0;}
.retailersPage .retailersInfo.threeCols > .col p {font-size: 14px; margin: 0;}

.retailersPage .retailersInfo.threeCols > .col:nth-child(3n+1) {clear: both;}
.retailersPage .retailersInfo.threeCols > .col.nth-child3n1 {clear: both;}

.retailersInfo > h2 {clear: both;  border-bottom: 1px solid #404040; padding-bottom: 4px;}

/* -- /retailersPage -- */

/* -- retailersListingPage -- */
#content > .threeCols > .col.retailersListingPage {width: 57.4%;}
#content > .threeCols > .col.retailersListingPage + .col {width: 18%;}
#content > .threeCols > .col.retailersListingPage + .col ul {margin: 0; padding: 0; list-style: 0;}
#content > .threeCols > .col.retailersListingPage + .col ul li {margin-bottom: 4px;}
#content > .threeCols > .col.retailersListingPage + .col ul a {
    background:url("/UI/images/sprite_symbols.png") no-repeat -500px -696px transparent;
    display: inline-block;
    padding: 0 0 0 13px;
}

/* -- /retailersListingPage -- */

/* -- layers -- */

.layers h2 {font-size: 20px;}
.layers {padding-bottom: 0;}
.layers > .left {width: 18%;}
.layers > .right {width: 77.6%;}

.layers .layerSlide {position: absolute; left: 0; z-index: 500; background: #303030;}
.layers .layerSlideTrigger {position: absolute; left: 0; cursor: pointer; background: url(/UI/images/dummies/clothes/blank.png); z-index: 2000;}

/* -- /layers -- */



/* -- imageGallerySlide -- */

.imageGallerySlide,
.imageGallerySlide > .row {position: relative; margin-bottom: 25px;}

.imageGallerySlide h2 {font-size: 20px;}
.imageGallerySlide h2 + p {font-size: 16px;}

.js .imageGallerySlide > .row {position: relative; display: none; position: absolute; top: 0;}
.js .imageGallerySlide > .row:first-child {display: block; position: relative;}

.js .imageGallerySlide.ready > .row:first-child {display: block; position: absolute;}
.js .imageGallerySlide.ready {margin-bottom: 25px;}

.js .imageGallerySlide {height: 557px; overflow: hidden;}

.js .imageGallerySlide.ready > .row,
.js .imageGallerySlide.ready > .row .img {height: inherit;}

.imageGallerySlide .row .threeCols {position: absolute; left: 0; bottom: 0; background: url("/UI/Images/overlay.png"); width: 100%; padding-bottom: 10px;}

.imageGallerySlide .row .threeCols > .col {padding: 10px 0; margin: 0 1.1%;}

.imageGallerySlide .row .threeCols > .left,
.imageGallerySlide .row .threeCols > .right {width: 27.8%;}
.imageGallerySlide .row .threeCols > .center {width: 37.8%;}

.imageGallerySlide .row .threeCols > .center p {font-size: 14px; padding-bottom: 20px;}

.ie7 .imageGallerySlide .row .threeCols > .right {width: 27.7%;}

.imageGallerySlide .row .threeCols > .twoCols > .col {margin: 0 3.9%;}

.imageGallerySlide .row .threeCols > .twoCols > .left {width: 28.8%; text-align: right;}
.imageGallerySlide .row .threeCols > .twoCols > .right {width: 55.6%;}
.ie7 .imageGallerySlide .row .threeCols > .twoCols > .right {width: 55%;}

.imageGallerySlide .slideList {list-style: none; margin: 0 0 0 -5px; padding: 0; position: absolute; bottom: 20px;}
.imageGallerySlide .slideList li {float: left; margin-right: 8px;}
.imageGallerySlide .slideList a {display: block; width: 10px; height: 10px; border: 1px solid #f3c301; background: url(/UI/images/dummies/clothes/blank.png)}

.imageGallerySlide .slideList a.currentSlide {background-color: #f3c301;}

.imageGallerySlide .slideList a.previous, 
.imageGallerySlide .slideList a.next {border-width: 0; height: 12px; width: 12px; position: relative; top: 0; left: 0;}

.ie7 .imageGallerySlide .slideList a.previous, 
.ie7 .imageGallerySlide .slideList a.next {width: 14px;}

.imageGallerySlide .slideList a.previous span,
.imageGallerySlide .slideList a.next span {background: #f3c301; height: 1px; display: block;}

.imageGallerySlide .slideList a.previous span:nth-child(1),
.imageGallerySlide .slideList a.previous span:nth-child(12) {margin-left: 12px;}
.imageGallerySlide .slideList a.previous span:nth-child(2),
.imageGallerySlide .slideList a.previous span:nth-child(11) {margin-left: 11px;}
.imageGallerySlide .slideList a.previous span:nth-child(3),
.imageGallerySlide .slideList a.previous span:nth-child(10) {margin-left: 10px;}
.imageGallerySlide .slideList a.previous span:nth-child(4),
.imageGallerySlide .slideList a.previous span:nth-child(9) {margin-left: 9px;}
.imageGallerySlide .slideList a.previous span:nth-child(5),
.imageGallerySlide .slideList a.previous span:nth-child(8) {margin-left: 8px;}
.imageGallerySlide .slideList a.previous span:nth-child(6),
.imageGallerySlide .slideList a.previous span:nth-child(7) {margin-left: 7px;}

.imageGallerySlide .slideList a.next span:nth-child(1),
.imageGallerySlide .slideList a.next span:nth-child(12) {margin-right: 12px;}
.imageGallerySlide .slideList a.next span:nth-child(2),
.imageGallerySlide .slideList a.next span:nth-child(11) {margin-right: 11px;}
.imageGallerySlide .slideList a.next span:nth-child(3),
.imageGallerySlide .slideList a.next span:nth-child(10) {margin-right: 10px;}
.imageGallerySlide .slideList a.next span:nth-child(4),
.imageGallerySlide .slideList a.next span:nth-child(9) {margin-right: 9px;}
.imageGallerySlide .slideList a.next span:nth-child(5),
.imageGallerySlide .slideList a.next span:nth-child(8) {margin-right: 8px;}
.imageGallerySlide .slideList a.next span:nth-child(6),
.imageGallerySlide .slideList a.next span:nth-child(7) {margin-right: 7px;}

.imageGallerySlide .slideList a.previous span.nth-child1,
.imageGallerySlide .slideList a.previous span.nth-child12 {margin-left: 12px;}
.imageGallerySlide .slideList a.previous span.nth-child2,
.imageGallerySlide .slideList a.previous span.nth-child11 {margin-left: 11px;}
.imageGallerySlide .slideList a.previous span.nth-child3,
.imageGallerySlide .slideList a.previous span.nth-child10 {margin-left: 10px;}
.imageGallerySlide .slideList a.previous span.nth-child4,
.imageGallerySlide .slideList a.previous span.nth-child9 {margin-left: 9px;}
.imageGallerySlide .slideList a.previous span.nth-child5,
.imageGallerySlide .slideList a.previous span.nth-child8 {margin-left: 8px;}
.imageGallerySlide .slideList a.previous span.nth-child6,
.imageGallerySlide .slideList a.previous span.nth-child7 {margin-left: 7px;}

.imageGallerySlide .slideList a.next span.nth-child1,
.imageGallerySlide .slideList a.next span.nth-child12 {margin-right: 12px;}
.imageGallerySlide .slideList a.next span.nth-child2,
.imageGallerySlide .slideList a.next span.nth-child11 {margin-right: 11px;}
.imageGallerySlide .slideList a.next span.nth-child3,
.imageGallerySlide .slideList a.next span.nth-child10 {margin-right: 10px;}
.imageGallerySlide .slideList a.next span.nth-child4,
.imageGallerySlide .slideList a.next span.nth-child9 {margin-right: 9px;}
.imageGallerySlide .slideList a.next span.nth-child5,
.imageGallerySlide .slideList a.next span.nth-child8 {margin-right: 8px;}
.imageGallerySlide .slideList a.next span.nth-child6,
.imageGallerySlide .slideList a.next span.nth-child7 {margin-right: 7px;}
/* -- /imageGallerySlide -- */

/* -- googleMap -- */
#map_canvas {width: 100%; height: 600px;}
/* -- /googleMap -- */

/* -- page404 -- */
.page404 { padding: 0 0 50px 1.1%; width: 98.1%; }
.page404 a { font-size: 14px; }
/* -- /page404 -- */

/* -- noCss3 -- */

    /* -- border-radius --*/
    .noCss3.rc {display: inline-block; position: relative;}

    .noCss3.rc .top,
    .noCss3.rc .bottom {position: absolute; height: 10px; width: 100%; left: 0;}

    .noCss3.rc .top {top: 0;}
    .noCss3.rc .bottom {bottom: 0;}

    .noCss3.rc .top *,
    .noCss3.rc .bottom * {width: 10px; height: 10px; position: absolute; top: 0;
        background: url(/UI/Images/noCSS3_rc.png) no-repeat;
    }

    .noCss3.rc .rcLeft {left: 0;}
    .noCss3.rc .rcRight {right: 0;}

    .noCss3.rc .top .rcLeft {background-position: 0 0;}
    .noCss3.rc .top .rcRight {background-position: -10px 0;}

    .noCss3.rc .bottom .rcLeft {background-position: 0 -10px;}
    .noCss3.rc .bottom .rcRight {background-position: -10px -10px;}
    
    
        /* -- nav -- */
        #top .nav .noCss3.rc.a {top: 0; margin-top: 0;}
        /*#top .nav .noCss3.rc.a .top {top: -2px;}*/

        #top :first-child .col > .nav .noCss3.rc.a {top: 0; margin-top: 2px;}
        #top :first-child .col > .nav .noCss3.rc.a .top {top: 0;}
        
        .ie7 #top :first-child .col > .nav .noCss3.rc.a a {padding-top: 3px; padding-bottom: 4px;}
        .ie8 #top :first-child .col > .nav .noCss3.rc.a a {padding-top: 1px; padding-bottom: 4px;}

        #top .nav a {outline: none;}
        /* -- /nav -- */
    
        /* -- pageNav -- */
        .pageNav li .noCss3.rc.a {top: -2px; margin-left: 10px;}
        .pageNav li .noCss3.rc.a a {margin: 0;}
    
        .ie7 .pageNav li .noCss3.rc.a {top: -1px;}
        .ie7 .pageNav li .noCss3.rc.a a {padding-top: 1px; padding-bottom: 3px;}
    
        .pageNav li .rc .top .rcLeft {background-position: -40px 0;}
        .pageNav li .rc .top .rcRight {background-position: -50px 0;}
        .pageNav li .rc .bottom .rcLeft {background-position: -40px -10px;}
        .pageNav li .rc .bottom .rcRight {background-position: -50px -10px;}
    
        .pageNav li.active .rc .top .rcLeft {background-position: -20px 0;}
        .pageNav li.active .rc .top .rcRight {background-position: -30px 0;}
        .pageNav li.active .rc .bottom .rcLeft {background-position: -20px -10px;}
        .pageNav li.active .rc .bottom .rcRight {background-position: -30px -10px;}
        /* -- /pageNav -- */

   /* -- /border-radius --*/

/* -- /noCss3 -- */

/* -- JobListningPage -- */
.joblistning {width: 768px !important;}

.joblistning .job {float: left; border-bottom: 1px solid #4A4A4A; padding-top: 10px; padding-bottom: 10px;}

.jobmainbox {float: left; width: 469px; margin-right: 10px;}

.jobrightbox {float: left; margin-left: 10px; width: 277px;}

.jobimage {margin-bottom: 10px;}

.lastjob {border: 0px !important;}
/* -- /JobListningPage -- */

/* -- hide from IE6 -- */
body.ie6 {background: url(/UI/Images/haglofs_ie6.png);}
.ie6,
.ie6 #docWrap {height: 100%; overflow: hidden;}
.ie6 #docWrap {display: none;}
/* -- /hide from IE6 -- */