/*
    Project: Epoq
    File: main.css
    Date: 2010-06-23
    Author: www.capab.se
*/

* {
    margin: 0;
    padding: 0;
}

body {
    font-size: 68.75%;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    background: #efefef url(../img/bg_body.gif) repeat-x;
    text-align: center;
    color: #6e6e6e;
}

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

a:hover,
a:focus {text-decoration: underline;}

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

img {
    border: none;
    display: block;
}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}

#container {
    position: relative;
    margin: 0 auto;
    width: 896px;
    text-align: left;
}

#general-error {
    margin: 1em;
    font-size: 1.8181em;
}

#header {
    width: 100%;
    float: left;
    padding: 30px 0 0 0;
}

    #header #logo {
        width: 70px;
        float: left;
        margin: 7px 20px 0 20px;
    }
    
    #header #logo a,
    #header #logo a:hover,
    #header #logo a:focus {
        border: none;
        text-decoration: none;
    }
    
#navbar-parent {
    width: 771px;
    float: right;
}
    #navbar-parent ul {
	    width: 100%;
	    height: 37px;
	    margin: 0;
	    padding: 0;
	    list-style: none;
	    overflow: hidden;
    }
    #navbar-parent ul li {
        float: left;
        display: inline;
        height: 37px;
        margin: 0;
        padding: 0;
        text-indent: -9999px;
    }
    #navbar-parent ul li a {
        display: block;
        width: 100%;
        height: 100%;
    }

#navbar-child {
    float: left;
    width: 100%;
    margin: 8px 0 0 0;
}
    #navbar-child ul {
        width: 100%;
        height: 22px;
        margin: 0;
        padding: 0;
        list-style: none;
        overflow: hidden;
    }
    #navbar-child ul li {
        float: left;
        display: inline;
        height: 22px;
        margin: 0;
        padding: 0;
        text-indent: -9999px;
    }
    #navbar-child ul li a {
        display: block;
        width: 100%;
        height: 100%;
    }    

#content {
    width: 100%;
    float: left;
    padding: 0 0 20px 0;
    min-height: 180px;
}
    #content h1 {
        font-size: 1.4545em;
        font-weight: bold;
        color: #3c3c3c;
        margin: 0 0 10px 0;
    }

    #content h2 {
        font-size: 1em;
        font-weight: bold;
        color: #3c3c3c;
        margin: 0 0 10px 0;
    }

#footer {
    width: 100%;
    clear: both;
    color: #b4b4b4;
    font-size: 0.9090em;
    border-top: solid 1px #dcdcdc;
    padding: 10px 0;
    margin: 0;
}
    #footer a {
        color: #b4b4b4;
        text-decoration: none;
    }
    #footer a:hover,
    #footer a:focus {text-decoration: underline;}
    
    #footer span.left {
        width: auto;
        float: left;
    }
    #footer span.right {
        width: auto;
        float: right;
    }
    #footer span.customer-service {color: #3f3f3f;}

#price-text {
    text-align: right;
    margin: 0 0 1em 0;
}
#banner #banner-left-flash {
    width: auto;
    float: left;
    display: inline;
    
}
#banner #banner-middle-flash {
    width: auto;
    float: left;
    display: inline;
    margin: 0 8px;
}

#banner img {
    width: auto;
    float: left;
    display: inline;
}

#banner img.middle {padding: 0 8px;} 
    
.sign-in td {padding: 2px 5px 2px 0;}
.sign-in .input {
    width: 160px;
    background: #fff;
    border: solid 1px #fff;
    padding: 2px 5px;
    color: #c29863;
}

#think-about-left {
    float: left;
    width: 378px;
    padding: 0 10px;
}

    .download-pdf {
        background: #f6f6f6;
        padding: 10px;
        display: block;
    }
        .download-pdf a {
            padding: 2px 0 2px 20px;
            background: url(../img/download.gif) left 50% no-repeat;
        }

#think-about-right {
    float: right;
    width: 378px;
    padding: 0 10px;
}
    #think-about-left ul,
    #think-about-right ul {list-style: none;}
    
    #think-about-left ul li,
    #think-about-right ul li {
        height: 24px;
        padding: 0 0 20px 28px;
        background: url(../img/arrow.gif) left top no-repeat;
    }

table#assortments {
    width: 540px;
    float: right;
}

table#assortments td {padding: 0 5px;}

ul.assortment {
    width: 135px;
    list-style: none;
}

    ul.assortment li {
        list-style: none;
        margin: 0 0 2px 0;
        padding: 0;
        height: 17px;
        line-height: 17px;
    }

    ul.assortment li.wooden,
    ul.assortment li.painted,
    ul.assortment li.accessories,
    ul.assortment li.furnishing {
        width: auto;
        background: url(../img/assortment_arrow.gif) left 50% no-repeat;
        padding: 0 0 0 10px;
        margin-bottom: 6px;
    }

        ul.assortment li a {
            width: 119px;
            display: block;
            background: url(../img/assortment_li.gif) no-repeat;
            margin: 0;
            padding: 0 0 0 16px;
            color: #6e6e6e;
            text-decoration: none;
        }

        ul.assortment li a:hover,
        ul.assortment li a.selected {
            background: url(../img/assortment_li_hover.gif) no-repeat;
            color: #bbb;
            text-decoration: none;
        }

#product-data {
    width: 100%;
    float: left;
    margin: 20px 0 0 0;
}
    #product-data-left,
    #product-data-trend-left {
        position: relative;
        width: 545px;
        float: left;
    }
        #product-data-left .img-large,
        #product-data-trend-left .img-large {
            width: auto;
            float: left;
            border: solid 1px #d1d1d1;
        }
        
        #product-data-trend-left #img-large-trend {
            width: auto;
            float: left;
            width: 451px;
            height: 326px;
            border: solid 1px #d1d1d1;
        }
        
        #product-data-left .img-small,
        #product-data-trend-left .img-small {
            width: 82px;
            float: right;
            border: solid 1px #d1d1d1;
            margin: 0 0 5px 0;
        }
        #product-data-left .selected,
        #product-data-trend-left .selected {border: solid 1px #515151;}
        
        #product-data-left #star,
        #product-data-trend-left #star {
            position: absolute;
            width: 48px;
            height: 48px;
            background: url(../img/stjarna.png) no-repeat;
            top: -20px;
            left: 520px;
        }
    
    #product-data-right {
        position: relative;
        width: 271px;
        float: right;
        padding: 15px 40px;
    }
    
        #product-data-right h3 {
            font-weight: bold;
            margin: 1em 0 0 0;
        }
        
        #product-data-right .dimension {display: block;}
        
        #product-data-right .price-header {font-weight: bold;}

#product-group-preview {
    width: 100%;
    float: left;
    margin: 16px 0 0 0;
    background: url(../img/product_preview_empty.gif) repeat;
}
    #product-group-preview .product-preview {
        width: auto;
        float: left;
        margin: 4px 4px 0 0;
    }
    
    #product-group-preview .split {margin-right: 0;}

.product-preview {
    position: relative;
    width: 176px;
    height: 183px;
    display: block;
    padding: 0;
    margin: 0;
 }

    .product-preview a {
        width: 152px;
        height: 159px;
        padding: 12px;
        margin: 0;
        display: block;
        color: #6e6e6e;
        text-decoration: none;
        background: url(../img/product_preview.gif) no-repeat;
    }
    .product-preview a:hover,
    .product-preview a:focus {
        color: #6e6e6e;
        text-decoration: none;
        background: url(../img/product_preview_hover.gif) no-repeat;
    }
    
    .product-preview img {border: solid 1px #e9e9e9;}
    .product-preview span.product-name {
        display: block;
        margin: 5px 0 0 0;
        padding: 0;
        font-weight: bold;
    }
    
    .product-preview span.product-price {
        display: block;
        margin: 0;
        padding: 0;
    }
    
.news {
    width: 100%;
    float: left;
    margin-bottom: 2em;
}    
    
.villkor-garanti-left,
.om-epoq-left,
.snabbguide-left,
.news-left,
.our-exhibition-left {
    width: 378px;
    float: left;
    padding-right: 20px;
}

.finance-left {
    /*width: 462px;*/
    width: 436px;
    float: left;
    padding-right: 20px;
}
    #finance-left h1 {
        font-size: 1.4545em;
        font-weight: bold;
        color: #3c3c3c;
        margin: 0;
    }
    
    .finance-left h2 {
        font-weight: bold;
        font-size: 1.2727em;
        margin-top: 1em;
    }
    
    .finance-left ul {
        margin-left: 2em;
    }

.finance-right {
    width: 314px;
    float: right;
}

.villkor-garanti-right,
.om-epoq-right,
.snabbguide-right,
.news-right,
.our-exhibition-right {
    width: 378px;
    float: right;
    padding-left: 20px;
}

    .villkor-garanti-left h2,
    .villkor-garanti-right h2 {font-weight: bold;}
    
    .villkor-garanti-left p,
    .villkor-garanti-right p,
    .villkor-garanti-left img,
    .villkor-garanti-right img {padding-bottom: 1em;}
    
    .villkor-garanti-right table {
        width: 100%;
        margin: 1em 0;
    }
    .villkor-garanti-right .header {font-weight: bold;}
    .villkor-garanti-right td {padding: 2px;}
    
.exempel-kok {
    width: 358px;
    float: left;
    padding: 0 10px;
    margin: 0 10px 10px 10px;
    background: url(../img/bg_exempel_kok.gif) left bottom repeat-x;
}

    .exempel-kok ul {
        list-style: none;
        margin-top: 10px;
        min-height: 180px;
    }
    
    .exempel-kok ul li {
        width: 329px;
        height: 24px;
        padding: 0 0 10px 28px;
        background: url(../img/arrow.gif) left top no-repeat;
    }

.snabbguide-right h2 {
    font-weight: bold;
    line-height: 24px;
    padding: 0 0 5px 28px;
}

.snabbguide-right h2.steg1 {background: url(../img/snabbguide_steg1.gif) left 50% no-repeat;}
.snabbguide-right h2.steg2 {background: url(../img/snabbguide_steg2.gif) left 50% no-repeat;}
.snabbguide-right h2.steg3 {background: url(../img/snabbguide_steg3.gif) left 50% no-repeat;}
.snabbguide-right h2.steg4 {background: url(../img/snabbguide_steg4.gif) left 50% no-repeat;}
.snabbguide-right h2.steg5 {background: url(../img/snabbguide_steg5.gif) left 50% no-repeat;}

.snabbguide-right p {margin-bottom: 1em;}

#country-carpenters {
    width: 100%;
    margin-top: 1em;
}

    #country-carpenters img {
        display: inline;
        padding: 0 1px;
    }
    
    #country-carpenters span {
        float: right;
        width: 22px;
        height: 22px;
        padding: 0 1px;
        display: block;
    }

#country-carpenters tr th,
#country-carpenters tr td,
#worktop-variation tr th,
#worktop-variation tr td,
#worktop-pictures tr td,
#worktop-pictures2 tr td {padding: 5px;}

#worktop-pictures tr td {vertical-align: top;}

#worktop-pictures2 tr td {width: 188px;}

#worktop-pictures span.name,
#worktop-pictures2 span.name {font-weight: bold;}

.cities .equal,
#country-areas .equal,
#country-carpenters .equal,
#worktop-variation .equal {background: #f7f7f7;}

body.worktop h2 {
    font-weight: bold;
    font-size: 1.0909em;
    border-top: solid 3px #cfcfcf;
    padding: 1em 0;
}

#worktop-pictures img,
#worktop-pictures2 img {
    border: solid 1px #d1d1d1;
}

#worktop-pictures span,
#worktop-pictures2 span {
    display: block;
}

#chain-stores {
    clear: both;
    width: 100%;
}

#chain-stores span.chain-store {
    margin: 1em 0;
    padding: 5px;
    display: block;
    font-weight: bold;
    background: #ddd;
}

.cities tr td,
.cities tr th {padding: 5px;}

.download-drawing-tool-left,
.download-catalog-left,
.download-manual-left {
    width: 428px;
    float: left;
    padding-right: 20px;
}

    .download-drawing-tool-left .requirement {margin: 0 0 0 2em;}
    .download-drawing-tool-left .buttons {margin: 1em 0 0 0;}
    .download-drawing-tool-left .buttons a {margin: 0 0 5px 0;}

.download-drawing-tool-right,
.download-catalog-right,
.download-manual-right {
    width: 428px;
    float: right;
    padding-left: 20px;
}

    .download-catalog-right img {display: inherit;}

.back-to-category {
    display: block;
    margin-top: 1em;
}

.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}

.helgdagar td {
	padding: 2px 5px 2px 0;
}

/* Template 00 */

#template00 {
    width: 100%;
    float: left;
    padding: 20px 0 0 0;
}

    #template00 #page-content {
        width: 291px;
        float: left;
        padding: 0 25px 0 0;
    }

/* Template 01 */

#template01-top {
    width: 100%;
    float: left;
    margin: 20px 0 0 0;
    padding: 0;
    height: 6px;
    background: url(../img/bg_temp01_top.png) no-repeat;
    line-height: 0;
}
#template01-mid {
    width: 796px;
    float: left;
    padding: 50px;
    background: url(../img/bg_temp01_mdl.png) repeat-y;
}

    #template01-mid .div-left {
        width: 378px;
        float: left;
        padding-right: 20px;
    }
    
    #template01-mid .div-right {
        width: 378px;
        float: right;
        padding-left: 20px;
    }


#template01-btm {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    height: 6px;
    background: url(../img/bg_temp01_btm.png) no-repeat;
    line-height: 0;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size: 16px;
}

/*
.sIFR-hasFlash h2 {
	visibility: hidden;
	font-size: 14px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	font-size: 12px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	font-size: 10px;
}

.sIFR-hasFlash h5#pullquote {
	visibility: hidden;
	font-size: 8px;
}
*/


/* IE PNG Alpha Fix v2.0 Alpha 3 */
span, div, img { behavior: url(img/iepngfix.htc) }

/* SE BUTTON */
#happy-customer #inspire-button
{
    background:url(../img/buttons/NK_Lat_andra_knappar.png);
    width:205px;
    height:35px;
    cursor:pointer;
}

#happy-customer #inspire-button:hover
{
    background:url(../img/buttons/NK_Lat_andra_knappar.png) 0 -35px;
}

#happy-customer #be-inspired-button
{
    background:url(../img/buttons/NK_Bli_insp_knappar.png);
    width:205px;
    height:35px;
    cursor:pointer;
}

#happy-customer #be-inspired-button:hover
{
    background:url(../img/buttons/NK_Bli_insp_knappar.png) 0 -35px;
}

/* NO BUTTON */
#happy-customer #inspire-buttonNO
{
    background:url(../img/buttons/NK_Lat_andra_knapparNO.png);
    width:205px;
    height:35px;
    cursor:pointer;
}

#happy-customer #inspire-buttonNO:hover
{
    background:url(../img/buttons/NK_Lat_andra_knapparNO.png) 0 -35px;
}

#happy-customer #be-inspired-buttonNO
{
    background:url(../img/buttons/NK_Bli_insp_knapparNO.png);
    width:205px;
    height:35px;
    cursor:pointer;
}

#happy-customer #be-inspired-buttonNO:hover
{
    background:url(../img/buttons/NK_Bli_insp_knapparNO.png) 0 -35px;
}

#happy-customer .large-img
{
    float:left;
    width:451px;
    height:326px;
    border:solid 1px
}
#happy-customer .small-img
{
    margin-bottom:8px;
    cursor:pointer;
}

#happy-customer .small-img img
{
    width:82px;
    height:59px;
}
#happy-customer .mini-img 
{
    float:left;
    margin-bottom:5px;
} 
#happy-customer .mini-img img
{
    width:41px;
    height:30px;
}
#happy-customer .mini-text
{
    float:left;
    margin-left:15px;
}

#happy-customer .form-row
{
    margin-bottom:10px;
}

#happy-customer td
{
    height:50px;
}
#happy-customer textarea
{
    width:500px;
    height:100px;
}

#happy-customer #form-wrap
{
    height:560px;

    padding-left:20px;
    padding-top:20px;
    background: #e6e6e6 url(../userfiles/image/happy-customer/NK_photos.png)  360px -15px no-repeat
}

#happy-customer .row
{
    height:30px;
    margin-bottom:10px;
    width:545px;
}
#happy-customer .row:hover
{
    background-color:#eaeac7;
    cursor:pointer;
}

#happy-customer #right-column
{
    float:left;width:294px;margin-left:30px;margin-bottom:20px;padding-top:35px
}

.inline {display: inline;}