﻿* { margin:0; padding:0; }
body { background: #E1E4E9; font: 11px Verdana, Sans-Serif; text-align: center; color: #000; }
a { color:#000; }
img { border: 0; }
h1  { font-size: 21px; color: #000; font-weight: normal; letter-spacing: -1px; }
h2 { font-size: 16px; color: #E55C00; letter-spacing: -1px; }
h3 { font-size: 12px; font-weight: bold; color: #000; }
h1.whiteheaderbigger { font-size: 28px; color: #fff; font-weight: normal; letter-spacing: -1px; }
h1.whiteheader { font-size: 24px; font-weight: normal; color: #fff; letter-spacing: -1px; }
h1.yellowheader { font-size: 21px; font-weight: normal; color: #000; letter-spacing: -1px; }
h1.greyheaderbigger { font-size: 28px; font-weight:normal; color: #6a6c6c; letter-spacing: -1px; margin:0; }
h1.greyheader { font-size: 21px; font-weight: normal; color: #000; letter-spacing: -1px; margin: 0; }
h1.greyheaderbig { font-size: 32px; font-weight: normal; color: #000; letter-spacing: -1px; }
h1.headerbig { font-size: 32px; font-weight: normal; color: #000; letter-spacing: -1px; }
h1.press { font-size: 12px; color: #000; }
h2.citat { font-size: 21px; color: #E55C00; letter-spacing: -1px; }
h2.presscitat { font-size: 21px; color: #6a6c6c; letter-spacing: -1px; }
h2.smallheader { font-size: 16px; color: #6a6c6c; letter-spacing:-1px; font-weight: bold; }
h2.smallheadermed { font-size: 21px; color: #6a6c6c; letter-spacing: -1px; font-weight: bold; }
h2.smallheadermedblack { font-size: 20px; font-weight: bold; color: #000; letter-spacing: -1px; }
h2.bigheader { height: 33px; font-size: 27px; font-weight: bold; color: #6a6c6c; letter-spacing: -1px; padding: 0; margin: 0; }
#topnav { width: 569px; height: 68px; margin:15px 0 0 0; float: right; text-align: right; }
#topnavstart { height:83px; margin:0; float: left; }
.topnavtxt { float: left; height: 33px; overflow: hidden; }
#txt1 { width: 215px; margin-top: 5px; height: 28px; visibility: hidden; }
#txt2 { width:175px; visibility:hidden; }
#txt3 { width:150px; visibility:hidden; }
#txt4 { width:138px; padding-left:140px; visibility:hidden; }
#txt5 { width:203px; height:37px; visibility:hidden; }
.subtext {color: #6A6C6C;}
.fargsatt { float: left; width: 329px; margin: 57px 0 0 40px; }
.fargsatt ul { width: 100%; list-style: none; padding: 0; margin: 0; }
.fargsatt ul li { background: url('../images/bull.gif') no-repeat 0 5px; line-height: 15px; padding: 0 0 0 10px; margin: 0 0 10px; }
.fargsatt ul li.noBull { background: none; }
.subheader {color: #6A6C6C;font-weight:bold;}
.menusubcat {color: #6A6C6C;}
.boldlink {color:#000;text-decoration:none;font-weight:bold;}
.text-small {font-size:10px;}
.text-big {font-size:14px;}
.text_orange {color: #E55C00;}
.text_white {color: #fff;}
.link_white{color:#fff;text-decoration:none;font-weight:normal;}
.link {color:#000;text-decoration:none;font-weight:normal;}
.submenu_on {color:#E55C00;text-decoration:none;font-weight:normal;}
.sublink {color:#6A6C6C;text-decoration:none;font-weight:normal;}
.sitenavlink {font-size:10px;color:#6A6C6C;text-decoration:none;font-weight:normal;}
a.link:hover {color: #E55C00;}
a.link_white:hover {color: #E55C00;}
.menulink {color:#000;text-decoration:none;font-weight:normal;}
a.menulink:hover {color: #E55C00;}
.arrow {font-family:verdana;color:#000;font-weight:normal;font-size: 11px;}
a.arrow:hover {color: #E55C00;}
a.nArrow { background: url(../images/arrow.gif) no-repeat 0 3px; display: block; text-decoration: none; padding: 0 0 5px 15px; }
#main { background: #E1E4E9; width: 945px; text-align: right; margin: 20px auto; position: relative; }
#wrapper { width: 945px; text-align: left; position: relative; }
#footer { font: 9px/16px Arial, sans-serif; color: #6a6c6c; height: 16px !important; }
#footer div { float: right; height: 20px !important; line-height: 20px; padding: 5px 0 0 0; }
#contentbigs { background: #fff; overflow: hidden; }
#header { background: #E1E4E9; height: 112px; }
#innermenu { margin: 0; margin: 20px; }
#menu { width: 196px; float: left; background: #fff; }
#contenttop { padding-top: 10px; width: 749px; float: right; }
#logo { width: 196px; float: left; text-align: center; }
#headerright { width: 739px; height:68px; float: left; }
#rightnav { width: 170px; float: left; }
#navbar { width: 749px; height: 29px; }
#contentleft { width: 474px; float: left; }
#contentright { width: 274px; float: right; }
#nav1 { text-align: right; background: #00ff00; }
#navi li { list-style: none; }
#navi li,
#navi a { height: 29px; display: block; line-height: 27px; vertical-align: middle; }
#navi #start a,
.white { color:#fff; }
#navi #start_on a {color: #000;}
#navi #start{left: 0px; width: 57px;color: #fff;background: transparent url('../images/nav.gif') 0px 0px no-repeat;}
#navi #start_on{left: 0px; width: 57px;color: #fff;background: transparent url('../images/nav_on.gif') 0px 0px no-repeat;}

#navi #inomhus a {color: #fff;}
#navi #inomhus_on a {color: #000;}
#navi #inomhus{left: 59px; width: 167px;background: transparent url('../images/nav.gif') -59px 0px no-repeat;}
#navi #inomhus_on{left: 59px; width: 167px;background: transparent url('../images/nav_on.gif') -59px 0px no-repeat;}

#navi #utomhus a {color: #000;}
#navi #utomhus_on a {color: #000;}
#navi #utomhus{left: 228px; width: 167px;background: transparent url('../images/nav.gif') -228px 0px no-repeat;}
#navi #utomhus_on{left: 228px; width: 167px;background: transparent url('../images/nav_on.gif') -228px 0px no-repeat;}

#navi #kulor a {color: #fff;}
#navi #kulor_on a {color: #000;}
#navi #kulor{left: 397px; width: 116px;background: transparent url('../images/nav.gif') -397px 0px no-repeat;}
#navi #kulor_on{left: 397px; width: 116px;background: transparent url('../images/nav_on.gif') -397px 0px no-repeat;}

#navi #handlare a {color: #fff;}
#navi #handlare_on a {color: #000;}
#navi #handlare{left: 397px; width: 116px;background: transparent url('../images/nav.gif') -397px 0px no-repeat;}
#navi #handlare_on{left: 397px; width: 116px;background: transparent url('../images/nav_on.gif') -397px 0px no-repeat;}

#navi #miljo a {color: #fff;}
#navi #miljo_on a {color: #000;}
#navi #miljo{left: 515px; width: 116px;background: transparent url('../images/nav.gif') -515px 0px no-repeat;}
#navi #miljo_on{left: 515px; width: 116px;background: transparent url('../images/nav_on.gif') -515px 0px no-repeat;}     

#navi #kontakt a {color: #fff;}
#navi #kontakt_on a {color: #000;}
#navi #kontakt{left: 633px; width: 116px;background: transparent url('../images/nav.gif') -633px 0px no-repeat;}
#navi #kontakt_on{left: 633px; width: 116px;background: transparent url('../images/nav_on.gif') -633px 0px no-repeat;}

#navi #Nyhetsbrev a {color: #fff;}
#navi #Nyhetsbrev_on a {color: #000;}
#navi #Nyhetsbrev{left: 633px; width: 116px;background: transparent url('../images/nav.gif') -633px 0px no-repeat;}
#navi #Nyhetsbrev_on{left: 633px; width: 116px;background: transparent url('../images/nav_on.gif') -633px 0px no-repeat;}

#navi #Trendrapport a {color: #fff;}
#navi #Trendrapport_on a {color: #000;}
#navi #Trendrapport{left: 633px; width: 116px;background: transparent url('../images/nav.gif') -633px 0px no-repeat;}
#navi #Trendrapport_on{left: 633px; width: 116px;background: transparent url('../images/nav_on.gif') -633px 0px no-repeat;}        

#navi #meddelanden a {color: #fff;}
#navi #meddelanden_on a {color: #000;}
#navi #meddelanden{left: 0px; width: 148px;color: #fff;background: transparent url('../images/pressnav.gif') 0px 0px no-repeat;}
#navi #meddelanden_on{left: 0px; width: 148px;color: #fff;background: transparent url('../images/pressnav_on.gif') 0px 0px no-repeat;}

#navi #alcrofakta a {color: #fff;}
#navi #alcrofakta_on a {color: #000;}
#navi #alcrofakta{left: 150px; width: 148px;color: #fff;background: transparent url('../images/pressnav.gif') -150px 0px no-repeat;}
#navi #alcrofakta_on{left: 150px; width: 148px;color: #fff;background: transparent url('../images/pressnav_on.gif') -150px 0px no-repeat;}        

#navi #logotype a {color: #000;}
#navi #logotype_on a {color: #000;}
#navi #logotype{left: 300px; width: 148px;color: #fff;background: transparent url('../images/pressnav.gif') -300px 0px no-repeat;}
#navi #logotype_on{left: 300px; width: 148px;color: #fff;background: transparent url('../images/pressnav_on.gif') -300px 0px no-repeat;}

#navi #pressbilder a {color: #fff;}
#navi #pressbilder_on a {color: #000;}
#navi #pressbilder{left: 450px; width: 148px;color: #fff;background: transparent url('../images/pressnav.gif') -450px 0px no-repeat;}
#navi #pressbilder_on{left: 450px; width: 148px;color: #fff;background: transparent url('../images/pressnav_on.gif') -450px 0px no-repeat;}

#navi #presskontakt a {color: #fff;}
#navi #presskontakt_on a {color: #000;}
#navi #presskontakt{left: 600px; width: 149px;color: #fff;background: transparent url('../images/pressnav.gif') -600px 0px no-repeat;}
#navi #presskontakt_on{left: 600px; width: 149px;color: #fff;background: transparent url('../images/pressnav_on.gif') -600px 0px no-repeat;}

#navi #prostart a {color: #fff;text-indent: 7px;}
#navi #prostart_on a {color: #000;text-indent: 7px;}
#navi #prostart{left: 0px; width: 52px;color: #fff;background: transparent url('../images/pronav.gif') 0px 0px no-repeat;}
#navi #prostart_on{left: 0px; width: 52px;color: #fff;background: transparent url('../images/pronav_on.gif') 0px 0px no-repeat;}

#navi #proprodukter a {color: #fff;}
#navi #proprodukter_on a {color: #000;}
#navi #proprodukter{left: 54px; width: 98px;color: #fff;background: transparent url('../images/pronav.gif') -54px 0px no-repeat;}
#navi #proprodukter_on{left: 54px; width: 98px;color: #fff;background: transparent url('../images/pronav_on.gif') -54px 0px no-repeat;}	    

#navi #maleri a {color: #fff;}
#navi #maleri_on a {color: #000;}
#navi #maleri{left: 154px; width: 141px;color: #fff;background: transparent url('../images/pronav.gif') -154px 0px no-repeat;}
#navi #maleri_on{left: 154px; width: 141px;color: #fff;background: transparent url('../images/pronav_on.gif') -154px 0px no-repeat;}

#navi #branschgaranti a {color: #000;}
#navi #branschgaranti_on a {color: #000;}
#navi #branschgaranti{left: 296px; width: 149px;color: #fff;background: transparent url('../images/pronav.gif') -296px 0px no-repeat;}
#navi #branschgaranti_on{left: 296px; width: 149px;color: #fff;background: transparent url('../images/pronav_on.gif') -296px 0px no-repeat;}	    

#navi #inspiration a {color: #fff;}
#navi #inspiration_on a {color: #000;}
#navi #inspiration{left: 445px; width: 77px;color: #fff;background: transparent url('../images/pronav.gif') -445px 0 no-repeat;}
#navi #inspiration_on{left: 445px; width: 77px;color: #fff;background: transparent url('../images/pronav_on.gif') -445px 0 no-repeat;}	    

#navi #tjanster a {color: #fff;}
#navi #tjanster_on a {color: #000;}
#navi #tjanster{left: 522px; width: 78px;color: #fff;background: transparent url('../images/pronav.gif') -589px 0 no-repeat;}
#navi #tjanster_on{left: 522px; width: 78px;color: #fff;background: transparent url('../images/pronav_on.gif') -589px 0 no-repeat;}	    

#navi #miljopro a {color: #fff;}
#navi #miljopro_on a {color: #000;}
#navi #miljopro{left: 601px; width: 66px;color: #fff;background: transparent url('../images/pronav.gif') -522px 0 no-repeat;}
#navi #miljopro_on{left: 601px; width: 66px;color: #fff;background: transparent url('../images/pronav_on.gif') -522px 0 no-repeat;}	    

#navi #hitta a {color: #fff;}
#navi #hitta_on a {color: #000;}
#navi #hitta{left: 669px; width: 99px;color: #fff;background: transparent url('../images/pronav.gif') -669px 0 no-repeat;}
#navi #hitta_on{left: 669px; width: 99px;color: #fff;background: transparent url('../images/pronav_on.gif') -669px 0 no-repeat;} 
#navi { width: 700px; height: 29px; padding: 0; margin:0; position: relative; }
#navi li { list-style: none; margin: 0; padding: 0; position: absolute; top: 0; }
#navi li,
#navi a { height: 29px; display: block; }
#navi li a { text-indent: 8px; text-decoration: none; }
.lista li { margin:15px 0 0 17px; } 
.prodlist li { margin:0 0 3px 17px; } 
.prodlist { margin:10px 0 0 0px; }
.clearfix:after { content: '.'; display: block;  height: 0;  clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/* Hides from IE-mac \*/
#flashproducts { border: 0 none; width: 277px; height: 244px; }
#flashproductsmini { border: solid 0px #000; }
a.links { color: #a6a8ad; text-decoration: underline; }
a.links:hover { color: #e55c00; text-decoration: underline; }
#front { z-index: 1000 !important; }
#content_container { background: #e1e4e9; float: left; display: block; width:945px; height:250px; padding-top: 20px; padding-bottom: 5px; margin: 0; }
#content_left { background: #e1e4e9; float: left; width:545px; height:250px; color:#a6a8ad; padding: 0; }
#content_right { background: #e1e4e9; float: right; width:370px; height:250px; color:#87888c; }
#content_bottom { background: #e1e4e9; float: left; width:545px; height:250px; color:#a6a8ad; padding: 0; }

/* remove when deploy */
#content_left_new { background: #e1e4e9; float: left; width:545px; height:250px; color:#a6a8ad; padding: 0; }
#content_right_new { background: #e1e4e9; float: right; width:385px; height:250px; color:#87888c; }
#content_bottom_new { background: #e1e4e9; float: left; width:545px; height:250px; color:#a6a8ad; padding: 0; }

/*////////////////////////////////////////
// ad.junior
////////////////////////////////////////*/
#adjuntop { float: left; width:736px; padding: 0; margin: 0; }
.blups { float:left; clear:both; width:100%; padding: 10px 0 20px 0; margin: 0; }
.blups a { float:left; outline: 0; }
.undersida { float: left; width: 696px; height: 460px; padding: 20px 20px 0 20px; margin: 0; }
.undersida .listor { float: left; padding: 20px 0 0 0; margin: 0; }
.undersida .listor ul { float: left; clear: both; width: 100%; list-style: none; margin-bottom: 2px; }
.undersida .listor li { color: #fff; float: left; width: 380px; }
.undersida .override li, .undersida .override a { color: #000 !important; }
.undersida .listor li.rub { width: 80px; }
.undersida .listor a.back { text-decoration: none; color: #fff; }
.undersida .listor a.back:hover { text-decoration: underline; }
.adjuniorImage { float:left; margin:0 20px 0 0; }
.black ul li,
.black ul li a { color: #000 !important; }
.white ul li,
.white ul li a { color: #fff !important; }

/*////////////////////////////////////////
// ad.white
////////////////////////////////////////*/
#adwhite_content { padding: 20px 0 0 0; width: 100%; }
#adwhite_content h1,
#adwhite_content p { width: 460px; float: left; margin: 0 0 10px 0; }
#adwhite_book { float: left; width: 156px; }

/*////////////////////////////////////////
// ad.grey
////////////////////////////////////////*/
#adgrey_content { padding: 20px 0 0 0; width: 100%; }
#adgrey_content h1,
#adgrey_content p { width: 460px; float: left; margin: 0 0 10px 0; }
#adgrey_book { float: left; width: 156px; }

/*////////////////////////////////////////
// ad.hockey
////////////////////////////////////////*/
.adhPuckar { float:left; clear:both; width:100%; height:380px; padding: 10px 0 20px 0; margin: 0; position: relative; }
.adhPuckar .adhTackla,
.adhPuckar .adhSarg,
.adhPuckar .adhPeppa,
.adhPuckar .adhPlexi,
.adhPuckar .adhIcing,
.adhPuckar .adhLadda, 
.adhPuckar .adhTimeOut,
.adhPuckar .adhChilla,
.adhPuckar .adhTrunk,
.adhPuckar .adhNedslapp,
.adhPuckar .adhPuckat,
.adhPuckar .adhOvik21 { position: absolute; width: 105px; height: 105px; float: left; }
.adhPuckar .adhTackla { top: 10px; left: 104px; }
.adhPuckar .adhSarg { top: 17px; left: 331px; }
.adhPuckar .adhPeppa { top: 53px; right: 192px; }
.adhPuckar .adhPlexi { top: 25px; right: 40px; }
.adhPuckar .adhIcing { top: 120px; left: 28px; }
.adhPuckar .adhLadda { top: 110px; left: 187px; }
.adhPuckar .adhTimeOut { top: 140px; left: 311px; }
.adhPuckar .adhChilla { top: 170px; right: 143px; }
.adhPuckar .adhTrunk { top: 225px; right: 25px; }
.adhPuckar .adhNedslapp { top: 251px; left: 49px; }
.adhPuckar .adhPuckat { top: 263px; left: 215px; }
.adhPuckar .adhOvik21 { top: 290px; right: 239px; }

/*/////////////////////////////////////////
// Arkitekt mässor
/////////////////////////////////////////*/
.arkholder { float:left; width: 660px; padding-bottom: 10px; }
.arkinfo { float:left; width: 200px; }
.arkfooter { float:left; width: 660px; padding-top:20px; padding-bottom:20px; }
#splashdiv { position:absolute; left: 380px; top: 370px; z-index: 9999 !important; }
#palettediv { background-color: #fff; }

/*//////////////////////////////
// Alcro Colors
//////////////////////////////*/
.alcroColors { float: left; width: 738px; padding: 10px 0 0; margin: 0; }
.alcroColors460 { width: 460px;	}
.alcroColors ul { list-style: none; float: left; display: block; width: 100%; }
.alcroColors ul li { float: left; width: 70px; height: 98px; font: 10px/12px Verdana, Geneva, sans-serif; color:#999; text-align: center; padding: 0; margin: 0 3px 0 0; }
.alcroColors460 ul li { float: left; width: 110px; height: 117px; font: 10px/12px Verdana, Geneva, sans-serif; color:#999; text-align: center; padding: 0; margin: 0 3px 0 0; }
.alcroColors ul li a { text-decoration: none; color:#999; font: 10px/12px Verdana, Geneva, sans-serif; }
.alcroColors .pluppItem { background: url(../images/plupp.png) no-repeat top left; width:61px; height:61px; display: block; margin: 0 auto 3px auto; font-size: 0; cursor: pointer; text-indent: -999px; overflow:hidden; }
.alcroColors .pluppItemBig { background: url(../images/pluppstor.png) no-repeat top left; width:94px; height:94px; display: block; font-size: 0; text-indent: -999px; margin: 0 auto 3px auto; overflow:hidden; cursor: pointer; }

/* Complimentary Colors */
.alcroColors ul.complimentary { width: 120px; }
.alcroColors ul.complimentary li  { width: 30px; height: 30px; margin-right: 10px; }
.alcroColors ul.complimentary .pluppItem { background: url(../images/plupp_small.png) no-repeat top left; height: 30px; width: 30px; }

/*//////////////////////////////
// Mio stilar
//////////////////////////////*/
.mioStil { width:100%; margin:20px 0 0 0; color:#6a6c6c; font-weight:bold; }
.mioStilItem { float:left; width:149px; }
.mioStilItemLink { display:block; margin-bottom:10px; text-decoration:none; color:#6a6c6c; }
.mioStilItemLink img { border: none; margin: 10px 0 0; position: relative; left: -3px; }
.MioCollectionContentInfo_info { float: left; width: 250px; height: 350px; padding: 10px 0 0 0; font-size: 15px; text-indent: 5px; color: #6a6c6c; }

/*//////////////////////////////
// Bird colors
//////////////////////////////*/
.birdColor_holder { float: left; width: 736px; }
.birdColor_holder .birdColor_item { float: left; width: 100%; border-bottom: 1px solid #e1e4e9; }

/* NAV */
.internal_nav { float: left; width: 736px; padding: 0 0 10px; border-bottom: 1px solid #e1e4e9; }
.internal_nav li { float: left; list-style: none; padding: 0 10px 0 0; }
.internal_nav li a { background: url(../images/ad10/nav_arrow.gif) no-repeat 0 3px; float: left; font-size: 10px; text-decoration: none !important; padding: 0 0 10px 10px; outline: 0 none; }
.internal_nav li a:hover { color: #E55c00; background-position: 0 -24px; }

/*//////////////////////////////
// Inside Bird layer
//////////////////////////////*/
/* ROOMS */
.insideBirdLayer #rooms { float: left; width: 736px; border-bottom:1px solid #E1E4E9; }
.insideBirdLayer .roomImage { width: 572px; position: absolute; top: 0; left: 0; }
.insideBirdLayer .roundup { float: left; width: 572px; position: relative; }
.insideBirdLayer #swatches { float: right; width: 73px; padding: 20px; margin: 0 50px 0 0; position: relative; }

/* VIDEO + BLURB */
.videoBlurb { float: left; clear: both; width: 736px; border-bottom:1px solid #E1E4E9; padding: 20px 0; }
.videoBlurb #birdsVideo { float: left; width: 276px; margin-right: 20px; }
.videoBlurb .birdsBlurb { float: left; width: 440px; }

/* Paint cans */
.paintCans { clear: both; }

/* Tooltip */
div.tooltip { display: none; position: absolute; width: 180px; z-index: 999; }
div.tooltip p.text { background: #000; float: left; width: 150px; color: #fff; padding: 10px; line-height: 15px; }
div.tooltip p.arrow { background: url(../images/tooltip_arrow.gif) no-repeat 0 13px; float: left; width: 10px; height: 80px; }

/*//////////////////////////////
// Li Edelkoort
//////////////////////////////*/
.liEdelkoort { float: left; width: 560px; padding: 15px 0 0; }
.liEdelkoort h1, .liEdelkoort h2 { font-size: 21px !important; color: #000 !important; }
.liEdelkoort a.tillbaka { text-decoration: none; }

/*//////////////////////////////
// Trafasad/Putsfasad kollektion
//////////////////////////////*/
.collection-header, 
.collection-flash, 
.collection-content,
.collection-footer,
.collection-footer-static,
.collection-color { float: left; width: 739px; border-top: 1px solid #ccc; padding: 20px 0 30px; position: relative; }
.collection-footer-static { padding: 20px 0 0 !important; }
.collection-header { border: none; }
.collection-header .header { float: left; width: 510px; padding: 10px 0 0; }
.collection-header .header h1 { font-size: 30px; }
.collection-header .select { float: right; width: 200px; padding: 40px 0 0; }
.collection-header .select h2 { font-size: 18px; }
.collection-header .select .input { float: left; width: 185px; height: 18px; }
.collection-header .select .input label {
	background: url(../images/utomhuskollektion/input-select-skin.gif) no-repeat 0 0; float: left; width: 185px; height: 18px; font: normal 10px/18px Verdana, Arial, Helvetica, sans-serif; color: #666666; padding: 0 0 0 5px; position: relative; border: 0; overflow: hidden; }
.collection-header .select .input select { position: absolute; top: -1px; left:0; width: 185px; background: none; -moz-opacity: 0; filter: alpha(opacity: 0); opacity: 0; khtml-opacity: 0; cursor: pointer; background: #fff; }
.collection-header .select .input select option { font-size: 11px; }
.collection-flash { border: none; padding: 0; }
.collection-content h2 { font-size: 18px; }
.collection-content p, 
.collection-footer p,
.collection-footer-static p,
.collection-color p { padding: 0 0 10px; }
.collection-footer .footerImage { position: relative; top: -55px; left: 370px; }
.collection-footer-static .footerImage { position: relative; top: -50px; left: 15px; }
.collection-footer .footer-content,
.collection-footer-static .footer-content { float: right; width: 330px; font-size: 15px; color: #6a6c6c; padding: 0; position: absolute; top: 20px; right: 60px; }
.collection-footer .footer-content { float: left; left: 20px; }
.collection-footer .footer-content a.arrow, 
.collection-footer-static .footer-content a.arrow,
.collection-color a.arrow { background: url(../images/arrow.gif) no-repeat 0 3px; float: left; font-size: 11px; font-weight: bold; text-decoration: none; padding: 0 0 0 14px; cursor: pointer; }
.collection-color { padding: 0; position: relative; }
.collection-color a.arrow { font-weight: normal; }
.collection-color.noImage .media .media-image { display: none; }
.collection-color .media,
.collection-color .breadcrumbs { float: left; width: 100%; position: relative; }
.collection-color .breadcrumbs { top: 20px; left: 30px; z-index: 10; }
.collection-color .breadcrumbs p { float: left; height: 18px; font-size: 12px; font-weight: bold; line-height: 18px; color: #696b6a; padding: 0 10px 0 0; }
.collection-color .breadcrumbs ul { list-style: none; float: left; }
.collection-color .breadcrumbs ul li { float: left; }
.collection-color .breadcrumbs ul li a { background: #fff; float: left; width: 18px; height: 18px; line-height: 18px; color: #000; text-align: center; text-decoration: underline; cursor: pointer !important; }
.collection-color .breadcrumbs ul li.selected a { text-decoration: none; color: #fff; background: #000; }
.collection-color .media .media-image { background: url(../images/utomhuskollektion/family-collection-image-bg-large.png) no-repeat 0 0; float: left; width: 547px; height: 405px; position: relative; top: 30px; left: 0; }
.collection-color .media .media-image img { padding: 13px 0 0 18px; }
.collection-color .media .media-flash { position: absolute; top: 100px; right: 20px; }
.collection-color.noImage .media .media-flash { top: 30px; bottom: 0; }
.collection-color .color-content-holder { float: left; width: 100%; padding: 0 0 30px; }
.collection-color .color-content-holder .color-content, 
.collection-color .color-content-holder .products { background: #f3f4f6; float: left; width: 326px; min-height: 200px; height: auto !important; height: 200px; padding: 40px 20px 10px; margin: 0 2px 2px 30px; }
.collection-color.noImage .color-content-holder .color-content { padding-top: 30px; width: 406px; margin-top: 30px; }
.collection-color.noImage .color-content-holder .products { width: 406px; min-height: 80px; height: auto !important; height: 80px; margin-left: 30px; padding: 20px 20px 20px; }
.collection-color .color-content-holder .color-content p.headline { font-size: 18px; color: #6a6c6c; }
.collection-color .color-content-holder .color-content p { float: left; width: 100%; }
.collection-color .color-content-holder .color-content p a { width: 100%; padding-bottom: 5px; clear: left; }
.collection-color .color-content-holder .color-content p a.nopadding { padding-bottom: 0; }
.collection-color .color-content-holder .products { width: 157px; margin-left: 0; }
.collection-color .color-content-holder .products img { padding: 30px 0 0; }
.collection-color.noImage .color-content-holder .products img { float: right; width: 140px; padding: 0; }
.collection-color.noImage .color-content-holder .products .product-content { float: left; width: 240px; }
.collection-color.noImage .color-content-holder .products .product-content .headline,
.collection-color .color-content-holder .products .product-content .headline { font-size: 14px; color: #e76915; }
.family-holder { float: left; width: 100%; }
.family-holder .family-left { float: left; width: 370px; }
.family-holder .family-right { float: right; width: 360px; }
.family-image-large { background: url(../images/utomhuskollektion/family-collection-image-bg.jpg) no-repeat 0 0; float: left; width: 359px; height: 267px; }
.family-image-large img { padding: 11px 0 0 18px; }

/*//////////////////////////////
// ad.natur
//////////////////////////////*/
.detailview { background: #ccc; width: 736px; min-height: 500px; height: auto !important; height: 500px; padding: 10px 0 0; }
.overview { padding: 20px 0 0; }
.overview .left { float: left; width: 150px; }
.overview .left a { background: url(../images/icon_arrow.gif) no-repeat 0 5px; float: left; width: 100%; font-size: 12px; font-weight: bold; color: #6a6c6b; text-decoration: none; padding: 0 0 0 10px; }
.overview .left a:hover { text-decoration: underline; }
.overview .right { float: left; width: 500px; }
.overview .right .colors,
.detailview .colors { float: left; width: 500px; position: relative; padding: 23px 0 0 0; margin-left: 40px; }
.detailview .colors { width: 240px; padding: 0; margin: 0 0 0 10px !important; }
.overview .right .colors .collection,
.detailview .colors .collection { float: left; width: 206px; height: 192px; position: relative; margin: 10px 20px 15px 0; }
.detailview .colors .collection { background: #fff; width: 225px; height: 235px; margin-top: 0; -moz-box-shadow: 2px 2px 3px rgba(9,9,9,0.3); -webkit-box-shadow: 2px 2px 3px rgba(9,9,9,0.3); box-shadow: 2px 2px 3px rgba(9,9,9,0.3); }
.overview .right .colors .collection a,
.detailview .colors .collection a { text-decoration: none; }
.overview .right .colors .collection a .color0,
.overview .right .colors .collection a .color1,
.overview .right .colors .collection a .color2,
.detailview .colors .collection a .color0,
.detailview .colors .collection a .color1,
.detailview .colors .collection a .color2 { background: url(../images/adnatur/mask.png); float: left; width: 94px; height: 94px; display: block; position: absolute; }
.overview .right .colors .collection a .txt0,
.overview .right .colors .collection a .txt1,
.overview .right .colors .collection a .txt2,
.detailview .colors .collection a .txt0,
.detailview .colors .collection a .txt1,
.detailview .colors .collection a .txt2 { width: 90px; font-size: 11px; text-align: center; color: #999999; padding: 5px 0 0; position: absolute; z-index: 3; }
.overview .right .colors .collection .color0 { left: 56px; top: 0; z-index: 1; }
.detailview .colors .collection .color0 { left: 64px; top: 10px; z-index: 1; }
.overview .right .colors .collection .txt0 { left: 57px; top: 88px; }
.detailview .colors .collection .txt0 { left: 66px; top: 99px; }

.overview .right .colors .collection .color1 { left: 0; top: 96px; z-index: 1; }
.detailview .colors .collection .color1 { left: 10px; top: 115px; z-index: 1; }
.overview .right .colors .collection .txt1 { left: 1px; top: 186px; }
.detailview .colors .collection .txt1 { left: 11px; top: 204px; }

.overview .right .colors .collection .color2 { left: 110px; top: 96px; z-index: 1; }
.detailview .colors .collection .color2 { left: 121px; top: 117px; z-index: 1; }
.overview .right .colors .collection .txt2 { left: 114px; top: 186px; }
.detailview .colors .collection .txt2 { left: 124px; top: 205px; }
.detailview .detailInfo { padding: 10px 0 0; }

/*////////////////////////////////////////////
// Fasadkollektion_kulörer
////////////////////////////////////////////*/
.wrapper-header .data { float: left; width: 400px; height: 110px; padding: 10px 0 0; }
.wrapper-header img { float: right; width: 311px; position: absolute; top: 0; right: 0; }
.alcro-fc-row-wrapper { float: left; width: 98%; border-bottom: 1px solid #ccc; padding: 0 0 20px; position: relative; }
.alcro-fc-row-wrapper.noBorder,
.alcro-fc-row-wrapper .wrapper-header { border: 0 none; }
.alcro-fc-row-wrapper h2 { padding: 20px 0 0; }
.alcro-fc-row-wrapper a { color: #999; text-decoration: none; }
.alcro-fc-row-wrapper ul { list-style: none; padding: 10px 0 0; }
.alcro-fc-row-wrapper ul li { float: left; width: 100px; position: relative; color: #999; text-align: center; margin: 0 0 10px; }
.alcro-fc-row-wrapper ul li .color { background: url(../images/utomhuskollektion/overview/overview_can.png) no-repeat 0 0; float: left; width: 100px; height: 95px; }

/*////////////////////////////////////////////
// Alcro Spray
////////////////////////////////////////////*/
.alcro-spray .flashHolder { float: left; width: 100%; padding: 0 0 20px; }
.alcro-spray .columns { float: left; width: 100%; }
.alcro-spray .columns .column { float: left; width: 330px; margin: 0 40px 0 0; position: relative; }
.alcro-spray .columns .column.noRightMargin { margin: 0; }
.alcro-spray .columns .column h2 { font-size: 21px; margin: 0 0 10px; }
.alcro-spray .columns .column p { padding: 0 0 10px; }
.alcro-spray .columns .column .row { float: left; width: 100%; position: relative; margin: 0 0 20px; }
.alcro-spray .columns .column .row.border { border-bottom: 1px solid #ccc; padding: 0 0 10px; }
.alcro-spray .columns .column .row .content { float: left; width: 100%; }
.alcro-spray .columns .column .row .content.left { width: 200px; }
.alcro-spray .columns .column .row .sidebar { float: right; width: 100px; position: relative; top: 0; right: 0; }
.alcro-spray .columns .column .row .sidebar img { float: left; position: absolute; top: 0; right: 0; }

/*////////////////////////////////////////////
// Pro Spackelguide
////////////////////////////////////////////*/
.spackelguide .columns { float: left; width: 738px; }
.spackelguide .columns .column { float: left; width: 100%; position: relative; }
.spackelguide .columns .col-2 { width: 330px; margin: 0 40px 0 0; }
.spackelguide .columns .noMargin { margin: 0; }
.spackelguide .columns h2 { font-size: 21px; margin: 0 0 10px; }
.spackelguide .columns p { padding: 0 0 10px; }
.spackelguide .columns ul { padding: 0 0 0 0; margin: 0 0 0 15px; }
.spackelguide .columns .column .row { float: left; width: 100%; position: relative; margin: 0 0 20px; }
.spackelguide .columns .column .row.border { border-bottom: 1px solid #ccc; padding: 0 0 10px; }
.spackelguide .columns .column .row .content { float: left; width: 100%; }
.spackelguide .columns .column .row .content.left { width: 200px; }
.spackelguide .columns .column .row .sidebar { float: right; width: 100px; position: relative; top: 0; right: 0; }
.spackelguide .columns .column .row .sidebar img { float: left; position: absolute; top: 0; right: 0; }

/*////////////////////////////////////////////
// AMA koder
////////////////////////////////////////////*/
/* Globals for ama */
.ama-grey{color:#808080;}
.ama-underline{text-decoration:underline;}
.amaContainer a{color:#1e81b2;text-decoration:none;}
.amaContainer .hidden{display:none;}
.amaContainer .ama-content .icon{background:url(../images/ama/ama-sprite-icons.png) no-repeat 0 0;}
/* Basic */
.amaContainer{float:left;width:945px;padding:30px 0 20px;}
.amaContainer .ama-header,
.amaContainer .ama-content{width:900px;margin:0 auto;position:relative;font:12px Arial,sans-serif;}
/* Header */
.amaContainer .ama-header{height:35px;}
.amaContainer .ama-header a.nArrow{color:#000;position:absolute;top:0;right:0;}
/* Writepanel */
.amaContainer .ama-content .ama-writepanel {background:#d2d3d4;float:left;width:308px;height:600px;padding:20px;margin:0 1px 0 0;position:relative;}
.amaContainer .ama-content .ama-writepanel .header-wrapper,
.amaContainer .ama-content .ama-writepanel .content-wrapper{float:left;width:100%;}
.amaContainer .ama-content .ama-writepanel .header-wrapper .input{background:url(../images/ama/ama-sprite-panel-background.png) no-repeat -20px -20px;float:left;height:50px;margin:0 0 0 2px;}
.amaContainer .ama-content .ama-writepanel .header-wrapper .input:first-child {margin:0;}
.amaContainer .ama-content .ama-writepanel .header-wrapper .input input{font:bold 36px "Lucida Grande", "Lucida Sans", Arial, sans-serif;background:none;border:0 none;text-align:center;padding:4px 0 0;text-transform:uppercase;}
.amaContainer .ama-content .ama-writepanel .header-wrapper .digit-1{background-position:-20px -20px;}
.amaContainer .ama-content .ama-writepanel .header-wrapper .digit-1 input{width:33px;}
.amaContainer .ama-content .ama-writepanel .header-wrapper .digit-2{background-position:-72px -20px;}
.amaContainer .ama-content .ama-writepanel .header-wrapper .digit-2 input{width:55px;}
.amaContainer .ama-content .ama-writepanel .header-wrapper .input.ornament{background:url(../images/ama/ama-panel-ornament.jpg) no-repeat center center;width:10px;padding:0;text-indent:-999px;overflow:hidden;}
.amaContainer .ama-content .ama-writepanel .header-wrapper .arrow{background:url(../images/ama/ama-panel-arrow.png) no-repeat 0 0;float:left;width:9px;height:14px;position:absolute;top:40px;right:7px;}
.amaContainer .ama-content .ama-writepanel .content-wrapper #section{float:left;width:100%;font-size:12px;font-weight:bold;color:#333;padding:5px 0;}
.amaContainer .ama-content .ama-writepanel .content-wrapper .filter-wrapper{background:#fff;float:left;width:100%;border:1px solid #aaabac;}
.amaContainer .ama-content .ama-writepanel .content-wrapper .filter-wrapper .filter{background:url(../images/ama/ama-search-bg.jpg) no-repeat 0 0;float:left;width:100%;height:41px;}
.amaContainer .ama-content .ama-writepanel .content-wrapper .filter-wrapper .filter input{background:none;float:left;width:255px;height:41px;border:0 none;font-size:11px;line-height:41px;color:#515151;padding:0 0 0 35px;}
.amaContainer .ama-content .ama-writepanel .content-wrapper .filter-wrapper .filter.noinput input{font-style:italic;color:#B2B2B2;}
.amaContainer .ama-content .ama-writepanel .content-wrapper .filter-wrapper #filterResult{float:left;width:100%;height:380px;overflow:auto;overflow-y:visible;overflow-x:hidden;}
.amaContainer .ama-content .ama-writepanel .content-wrapper .filter-wrapper #filterResult a{float: left;width:298px;border-bottom:1px solid #e6e6e6;color:#515151;padding:5px;}
.amaContainer .ama-content .ama-writepanel .content-wrapper .filter-wrapper #filterResult a .nr{font:bold 14px "Lucida Grande","Lucida Sans",Helvetica,Arial,sans-serf;color:#000;padding:0 20px 0 13px;}
/* Resultat */
.amaContainer .ama-content .ama-result{background:#e9ebec;float:left;width:510px;padding:20px;}
.amaContainer .ama-content .ama-result .header-wrapper{float:left;width:100%;padding:0 0 10px;}
.amaContainer .ama-content .ama-result .header-wrapper .icon{float:left;width:auto;font-size:14px;padding:0 0 0 24px;}
.amaContainer .ama-content .ama-result .header-wrapper .icon.add{background-position:-10px -124px;padding:0 0 0 20px;}
.amaContainer .ama-content .ama-result .header-wrapper .icon.save{float:right;background-position:-10px -94px;}
/* Icon disabled */
.amaContainer .ama-content .ama-result .header-wrapper .icon.add.disabled{background-position:-10px -39px;color:#b2b2b2;text-shadow:0 1px 0 #f4f5f6;cursor:default;}
.amaContainer .ama-content .ama-result .header-wrapper .icon.save.disabled{background-position:-10px -9px;color:#b2b2b2;text-shadow:0 1px 0 #f4f5f6;cursor:default;}
/* No code - panel */
.amaContainer .ama-content .ama-result .content-wrapper .nocode{float:left;width:448px;border:1px dashed #ccc;padding:30px;color:#b2b2b2;font-size:18px;font-weight:normal;text-align:center;}
/* Kvitto */
.amaContainer .ama-content .ama-result .content-wrapper .kvitto{float:left; width:100%;position:relative;}
.amaContainer .ama-content .ama-result .content-wrapper .kvitto .header-wrapper{background:url(../images/ama/ama-kvitto-bg.jpg) no-repeat top left;float:left;width:480px;padding:12px 15px 7px;border-bottom:1px solid #edeeee;}
.amaContainer .ama-content .ama-result .content-wrapper .kvitto .header-wrapper .amaCode{float:left;width:auto;font:18px "Lucida Grande","Lucida Sans",Helvetica,Arial,sans-serif;color:#b2b2b2;}
.amaContainer .ama-content .ama-result .content-wrapper .kvitto .header-wrapper .amaCode span{color:#333;}
.amaContainer .ama-content .ama-result .content-wrapper .kvitto .header-wrapper .amaAdd{float:left;width:auto;padding:6px 0 0 10px;}
.amaContainer .ama-content .ama-result .content-wrapper .kvitto .header-wrapper .close{background-position:-10px -65px;width:19px;height:19px;text-indent:-999px;overflow:hidden;position:absolute;top:15px;right:-15px;}
.amaContainer .ama-content .ama-result .content-wrapper .kvitto .content-wrapper{background:#fafafa;border-right:1px solid #d4d6d6;border-left:1px solid #d4d6d6;float:left;width:508px;}
.amaContainer .ama-content .ama-result .content-wrapper .kvitto .content-wrapper .row{float:left;width:100%;border-bottom: 1px solid #edeeee;padding:6px 0;}
.amaContainer .ama-content .ama-result .content-wrapper .kvitto .content-wrapper .row div{float:left;}
.amaContainer .ama-content .ama-result .content-wrapper .kvitto .content-wrapper .row .item{width:115px;padding:0 0 0 16px;font-weight:bold;}
.amaContainer .ama-content .ama-result .content-wrapper .kvitto .content-wrapper .row .value{width:30px;font:bold 14px "Lucida Grande","Lucida Sans",Helvetica,Arial,sans-serif;}
.amaContainer .ama-content .ama-result .content-wrapper .kvitto .content-wrapper .row .desc{width:335px;line-height:14px;}
.amaContainer .ama-content .ama-result .content-wrapper .kvitto .content-wrapper .row.disabled .value{color:#b2b2b2;text-shadow:0 1px 0 #f4f5f6;}
.amaContainer .ama-content .ama-result .content-wrapper .kvitto .content-wrapper .row.disabled .desc{color:#b2b2b2;font-style:italic;}
.amaContainer .ama-content .ama-result .content-wrapper .kvitto .footer-wrapper{background:url(../images/ama/ama-kvitto-bg.jpg) no-repeat bottom left;float:left;width:100%;height:16px;}








