/* BASE CSS FOR FORTUS WEBSHOPS
***************************************************************************************************/
@import url(http://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light);
.flagmenu, .page-default .produktbladsbox{display:none;}


/* TYPOGRAPHY
*************************************************************************************************/
html {background:#5a5a5a;}
body
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size:12px;
}

h1, h1 span{font-size:30px; font-family: 'Josefin Sans Std Light';}
h2, h2 span{font-size:24px; font-family: 'Josefin Sans Std Light';}
h3, h3 span{font-size:18px;}
h4, h4 span{font-size:18px;}

strong, b{ font-weight:bold;}
em, i{ font-style:italic;}
p{margin:0px 0px 20px 0px; line-height:18px;}

.header-product { margin-bottom:20px;}
#facebox .body{padding:30px !important;}


/* LINK COLORS
*************************************************************************************************/
a, a:visited, a:link{color:#860041; text-decoration:none;}
a:hover{ text-decoration:underline;}

.hozmenu-bottom { margin-top:65px; margin-bottom:3px;}
.hozmenu-bottom li a, .hozmenu-bottom li a:link, .hozmenu-bottom li a:visited {color:#000000; font-size:12px; text-decoration:none; text-transform:uppercase;}
.hozmenu-bottom li a:hover{}



.tree-style a { color:black; font-weight:bold;}
.tree-style a:hover { text-decoration:none;}



/* WIDTH OF THE SITE
*************************************************************************************************/
#wrapper
{
    width:100%;
    background-color:White;
    }

#background
{
    width:940px; margin:0 auto;
    }
    
#col_left
{
    width:170px;
    float:left;
    display:inline; /* IE6 fix */
    margin:10px 20px 0px 0px; /* space to mainarea column */
    }

#col_main
{
    width:500px;
    float:left;
    margin:10px 0px 20px 0px;
    min-height:500px;
    }

div#content{ background:url(../images/pattern.gif) top left no-repeat;}

.page-default #col_main{width:700px;}
.page-default #col_right{width:230px;}


#col_right
{
    width:230px;
    float:left;
    display:inline; /* IE6 fix */
    margin:10px 0px 0px 20px; /* space to mainarea column */
    }

.page-default #col_left { display:none;}

#topholder
{
    height:104px;
}


/* THE LOGO
**************************************************************************************************/
.lit-1{}

#logo img
{
    margin:20px 0px 20px 0px;
}
.logo { width:309px; float:left;}
.header-links { height:90px; margin:0px; float:right;}
.header-links img { float:right;}

/* TOP MENUS
för bakgrundsbild på meny-flikar görs en höger och en vänster-bild: left_part_of_tab | right_part_of_tab
**************************************************************************************************/
.hozmenu-bottom
{
    padding:0px; background:transparent; float:right;
}
    
.hozmenu-bottom li, .hozmenu-bottom li a
{
    float:left;
}

.hozmenu-bottom li
{
    padding:0px;
}

.hozmenu-bottom li a
{
	padding:0px 0px 0px 0px;
	display:block;
	margin-right:20px;
}

.hozmenu-bottom .l a
{
    margin-right:0px;
}

.hozmenu-bottom .item
{}

/* Vid ändringar av storlek på flikar ändra padding på denna span */
.hozmenu-bottom .item a span
{
	padding:7px 11px 5px 5px;
	margin:0px 0px 0px 5px;
	display:block;
}

.hozmenu-bottom li:hover a
{
	background:url(../images/left_part_of_tab_no.gif) top left no-repeat;
	background:#cacaca;
}

.hozmenu-bottom li.active a
{
	color:#860041; font-weight:bold;
}
.hozmenu-bottom li.lvl2 a
{
	color:Black;
}

.hozmenu-bottom li.item:hover span
{
	background:url(../images/right_part_of_tab_no.gif) top right no-repeat;
	background:#cacaca;

}

li#mh2{width:100px; height:40px; display:inline-block;}
.hozmenu-bottom li ul { background:url(../images/dropdown.jpg) bottom no-repeat; position:absolute; width:170px; padding-bottom:10px; display:none;}
.hozmenu-bottom li:hover ul { display:block;}
.hozmenu-bottom li li { float:none; display:inline-block; width:150px; border-bottom:dotted 1px #909090; margin:0 10px 0 10px;}
.hozmenu-bottom li.item li a { font-size:12px; font-weight:normal; text-transform:none; margin:4px 10px 2px 10px; background:none;}
.hozmenu-bottom li ul a:hover, .menu li ul li:hover a { text-decoration:underline;}

/* TREE
*************************************************************************************************/

td.tree-level
{
    width:100%;
}

div.tree-style table
{
    border-bottom:1px dotted #e1e1e1 !important;
    margin-bottom:3px;
    margin-top:3px;
    }
div.tree-style table img { visibility:hidden; width:1px;}

.tree-level1 a {background:url(../images/leftmenu-bg.gif) top left no-repeat; display:block; padding:2px 0 2px 15px; }
.tree-level1 a:hover {background:url(../images/leftmenu-bg-hover.gif) top left no-repeat;}

/*Title trees*/
.treeid-active-17046 .tree-style, .treeid-active-17078 .tree-style, .treeid-active-17079 .tree-style, .treeid-active-17080 .tree-style { padding-top:30px; background:url(../images/title-ehandelhems.gif) top left no-repeat;}
.treeid-active-17047 .tree-style, .treeid-active-17081 .tree-style, .treeid-active-17082 .tree-style, .treeid-active-17083 .tree-style, .treeid-active-17084 .tree-style, .treeid-active-17085 .tree-style, .treeid-active-17086 .tree-style { padding-top:30px; background:url(../images/title-lager.gif) top left no-repeat;}
.treeid-active-17048 .tree-style, .treeid-active-17087 .tree-style, .treeid-active-17088 .tree-style { padding-top:30px; background:url(../images/title-kundservice.gif) top left no-repeat;} 
.treeid-active-17049 .tree-style, .treeid-active-17089 .tree-style, .treeid-active-17090 .tree-style, .treeid-active-17091 .tree-style, .treeid-active-17092 .tree-style { padding-top:30px; background:url(../images/title-hrlon.gif) top left no-repeat;}
.treeid-active-17050 .tree-style, .treeid-active-17095 .tree-style, .treeid-active-17096 .tree-style, .treeid-active-17097 .tree-style, .treeid-active-17098 .tree-style, .treeid-active-17099 .tree-style, .treeid-active-17100 .tree-style, .treeid-active-17101 .tree-style, .treeid-active-17102 .tree-style { padding-top:30px; background:url(../images/title-ekonomi.gif) top left no-repeat;}
.treeid-active-17053 .tree-style, .treeid-active-17055 .tree-style, .treeid-active-17056 .tree-style, .treeid-active-17057 .tree-style, .treeid-active-17058 .tree-style, .treeid-active-17157 .tree-style, .treeid-active-17158 .tree-style, .treeid-active-17159 .tree-style { padding-top:30px; background:url(../images/title-ehand.gif) top left no-repeat;}  
.treeid-active-17035 .tree-style, .treeid-active-17128 .tree-style, .treeid-active-17129 .tree-style, .treeid-active-17130 .tree-style, .treeid-active-17131 .tree-style, .treeid-active-17132 .tree-style { padding-top:30px; background:url(../images/title-omoss.gif) top left no-repeat;}   
    /* TREE
*************************************************************************************************/

#footer { width:100%; padding-bottom:25px; clear:both; position:absolute; left:0;}
.footer-content { color:White; margin:30px auto 0; width:940px;}
.footer-content a { color:White; text-decoration:none;}
.footer-content a:hover { text-decoration:underline;}
.footer-content-inner { float:left; border-right:solid 1px silver; margin-right:30px; padding-right:30px; height:60px;}







.breadcrum { font-size:10px; margin-bottom:10px; padding-top:2px;}














/*****************************/
/*    DO NOT CHANGE BELOW    */
/*****************************/

/* Clearfix
**************************************************************************************************/
.clearfix:after
{
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix
{
    display: inline-block;
}
html[xmlns] .clearfix
{
    display: block;
}
* html .clearfix
{
    height: 1%;
}






.SubCats, .sorting, #brand{display:none;}

/* FORMS
*********/

.divEmailCustom{margin-top:25px; font-size:13px; background:url('../images/contact-bg.jpg') top right no-repeat;}
.content-start .divEmailCustom{margin-top:0px;}

.divEmailCustom .textbox{width:190px; margin-bottom:10px; padding:3px; background:#f5f5f5; border:1px solid #e5e5e5; -moz-border-radius:3px;
}

.divEmailCustom select{margin-bottom:20px; background:#f5f5f5; border:1px solid #e5e5e5; -moz-border-radius:3px;}
.divEmailCustom textarea{margin-bottom:13px; border:none; background:#f5f5f5; border:1px solid #e5e5e5; -moz-border-radius:3px;}
.divEmailCustom a.submit{padding:5px; background:#eee; border:1px solid #dadada; -moz-border-radius:3px;}
.divEmailCustom textarea:hover{ background:#ebebeb;}
.divEmailCustom input.textbox:hover{ background:#ebebeb;}
.divEmailCustom select:hover{ background:#ebebeb;}


/* small form */
.smallform{font-size:11px; text-align:left;}
.smallform{width:189px; background:url('../images/contactsmall-bg.jpg') top left no-repeat; padding:90px 17px 20px 17px;}
.smallform .textbox{width:178px; margin-bottom:8px; padding:3px; background:#fff; border:2px solid #ccc; -moz-border-radius:3px;}
.smallform select{margin-bottom:8px; background:#fff; border:2px solid #ccc; -moz-border-radius:3px;}
.smallform textarea{margin-bottom:13px; border:none; background:#fff; border:2px solid #ccc; width:178px; padding:3px; -moz-border-radius:3px;}
.smallform div.submitdivwrapper{padding:5px; background:url('../images/send-but.gif') top left no-repeat; border:none;}
.smallform a.submit{padding:5px 25px 5px 30px; background:none; border:none;}
.smallform a.submit:hover{ text-decoration:none;}
.smallform a.submit span{ visibility:hidden;}

/* small form */
#smallform{font-size:11px; text-align:left;}
#smallform{width:189px; background:url('../images/contactsmall-bg.jpg') top left no-repeat; padding:90px 17px 40px 17px;}
#smallform .textbox{width:178px; margin-bottom:8px; padding:3px; background:#fff; border:2px solid #ccc; -moz-border-radius:3px;}
#smallform select{margin-bottom:8px; background:#fff; border:2px solid #ccc; -moz-border-radius:3px;}
#smallform textarea{margin-bottom:13px; border:none; background:#fff; border:2px solid #ccc; width:178px; padding:3px; -moz-border-radius:3px;}
#smallform div.submitdivwrapper{padding:5px; background:url('../images/send-but.gif') top left no-repeat; border:none;}
#smallform a.submit{padding:5px 25px 5px 30px; background:none; border:none;}
#smallform a.submit:hover{ text-decoration:none;}
#smallform a.submit span{ visibility:hidden;}

/* pdf-box */
.pdfboxwrapper{width:170px; background:url('../images/produktblad-bg.gif') top left no-repeat; padding:37px 30px 0px 5px; margin-top:20px; margin-bottom:35px;}
.pdfboxwrapper span{ text-transform:uppercase; font-size:9px; color:#666; display:block; margin-bottom:7px;}
.pdfboxwrapper span:hover, .pdfboxwrapper a:hover{ text-decoration:none;}
.pdfboxwrapper lu{margin:0px; padding:0px;}
.pdfboxwrapper li{padding-left:20px;}
.pdfboxwrapper li:hover{background:url('../images/pdfhov.gif') top left no-repeat;}
.nopdfbg{background:none; padding-top:18px;}

/* pages */
.ehandel1
{
    height:350px;
    width:143px;
    float:left;
    display:inline;
    padding-top:220px;
    margin-left:0px;
    background:url('../images/ehandel1.jpg') top left no-repeat;
    padding:5px;
        padding-top:220px;
}

.ehandel2
{
    height:350px;
    width:143px;
    float:left;
    display:inline;
    padding-top:220px;
    margin-left:20px;
    background:url('../images/ehandel2.jpg') top left no-repeat;
    padding:5px;
        padding-top:220px;
}

.ehandel3
{
    height:350px;
    width:143px;
    float:left;
    display:inline;

    margin-left:20px;
    background:url('../images/ehandel3.jpg') top left no-repeat;
    padding:5px;
        padding-top:220px;
}

.ehandel1 p,.ehandel2 p,.ehandel3 p{ font-size:11px;}
.ehandel1 h4,.ehandel2 h4,.ehandel3 h4{ text-transform:uppercase; font-size:11px; font-weight:bold; margin-bottom:4px;}

/* specifikationssidan
*************************/

table.table-spec td,table.table-spec th{padding:5px; vertical-align:top;}
table.table-spec th{ font-weight:bold;}
table.table-spec td{font-size:11px; line-height:16px;}
table.table-spec tr.child td{border-top:1px solid #d8e5e6; background:#eff9fa;} 

tr.parent2{background:#f7f7f7;}
tr.parent1{border-top:2px solid #e4e4e4;}

.page-default #content{ background:none;}

.logindload{background:#fff;}
.logindload a{font-size:18px;}
.pdfboxwrapperlogged{ width:300px;}

.isloggedin-False .gothere{display:none;}
.isloggedin-False .notlo{display:block;}
.isloggedin-True .notlo{display:none;}
.isloggedin-True .gothere{display:block;}