/* START GRID /////////////////////////////////////////////////////////////////////////////// */

html, body, div, h1, h2, h3, p, pre, blockquote, ul, ol, li, address, td, th, tfoot, form, fieldset, label, select, input, textarea, h1, h2, h3, h4, h5, h6, span, p, dl, dt, dd, a, button
{
    /*color: #fff;*/
    font: 1.0em "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Tahoma, sans-serif;
    margin: 0;
    padding: 0;
}

body
{
    background-color: #000;
    font-size: 125%; /* Eftersom default storleken på text i browser är 16px förstorar vi upp den med 25%, vår default storlek blir därmed 20px */
}

#container
{
    color: #fff;
    font-size: 0.5em; /* OBS Se fontsize egenskapen i bodyn! Här halverar vi default font storleken från 20px till 10px */
    margin: 0 auto;
    width: 96.0em;
}

div.module
{
    display: inline;
    float: left;
    margin: 0 0 1.0em 1.0em;
}

div#container div.module.first
{
    margin-left: 0;
}

div#container div.module.upper
{
    margin-top: 0;
}

div.onecol
{
    width: 18.4em;
}

div.twocol
{
    width: 37.8em;
}

div.threecol
{
    width: 57.2em;
}

div.fourcol
{
    width: 76.6em;
}

div.fivecol
{
    width: 96.0em;
    margin: 0 0 1.0em 0;
}

div.fade
{
    background: url("../images/bgFadeSprite.gif") repeat-x left -576px;
    overflow: hidden;
}

div.enclosing
{
    clear: both;
}

.displayNone
{
    display: none;
}

div.fade, div.searchResultItem, div.recent, div.productSearchBottom, div#subNavigation ul li, ul.linkList li, div.indexTabs ul, div.tabContent
{
    _zoom: 1; /* Targets IE6 only, read more @ http://www.satzansatz.de/cssd/onhavinglayout.html */
}

/* SLUT GRID ///////////////////////////////////////////////////////////////////////////////// */
/* START ELEMENTS //////////////////////////////////////////////////////////////////////////// */

div.sifrfont
{
    border-top: 1px solid #009ee0;
    border-bottom: 1px solid #009ee0;
    font: normal 3.0em "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Tahoma, sans-serif;
    padding: 0.5em 0 0 0; /*margin-bottom: 0.5em;*/
    display:none;
}

div.headerborder
{
    background: url("../images/bgFadeSprite.gif") repeat-x left top;
    color: #b1b3b4;
    font: bold 1.2em "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Tahoma, sans-serif;
    padding: 0.6em 0 0.9em 0.85em;
    position: relative;
    text-transform: uppercase;
}

h1.sifrfont
{
    /*DEMO*/
    font: normal 2.8em "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Tahoma, sans-serif; 
    /*font: normal 3.0em "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Tahoma, sans-serif;*/
    /*margin: 0.7em 0 0.1em 0.32em;*/
    margin: 0 0 0.1em 0.32em;
}

h1.headerborder
{
    background: url("../images/bgFadeSprite.gif") repeat-x left top;
    color: #b1b3b4;
    font: bold 1.2em "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Tahoma, sans-serif;
    padding: 0.6em 0 0.9em 0.85em;
    position: relative;
    text-transform: uppercase;
}

h2
{
    font: normal 1.5em "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Tahoma, sans-serif;
}

h2 a
{
    color: #fff;
}

h2.sifrfont
{
    font: normal 3.0em "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Tahoma, sans-serif;
    margin: 0.7em 0 0.1em 0.32em;
}

h2.headerborder
{
    background: url("../images/bgFadeSprite.gif") repeat-x left top;
    color: #b1b3b4;
    font: bold 1.2em "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Tahoma, sans-serif;
    padding: 0.6em 0 0.9em 0.85em;
    position: relative;
    text-transform: uppercase;
}

h2.perf
{
    /*DEMO*/
    font: normal 1.25em/1.4em "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Tahoma, sans-serif; 
    /*font: normal 1.2em "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Tahoma, sans-serif;*/
    border: none;
    padding: 0 0 0 .5em;
    margin: 0 !important;
}

h3
{
    background: url("../images/bgFadeSprite.gif") repeat-x left top;
    color: #b1b3b4;
    font: bold 1.2em "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Tahoma, sans-serif;
    padding: 0.6em 0 0.9em 0.85em;
    position: relative;
    text-transform: uppercase;
}

h3 span
{
    text-transform: none;
}

h3.faq
{
    background: url("../images/iconFaq.gif") no-repeat left top;
    padding-left: 2.9em;
}

div.halfThreecol
{
    float: left;
    padding: 0 0 0 1.0em;
    width: 27.5em;
    display: inline;
}

div.halfThreecol h3
{
    background-image: none;
    padding: 1.8em 0 0.15em 0;
}

h4
{
    border-bottom: 1px solid #353535;
    color: #c6c7c8;
    font: normal 1.3em "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Tahoma, sans-serif;
    margin-bottom: 0.7em;
    padding-bottom: 0.15em;
    line-height: 1.9em;
    text-transform: uppercase;
}

h5
{
    font: normal 1.8em/1.45em "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Tahoma, sans-serif;
}

h5 a
{
    color: #fff;
}

h6
{
    font: normal 1.8em "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Tahoma, sans-serif;
    margin: 1.0em 0 0 0.5em;
    text-transform: uppercase;
}

span.adress
{
    color: #009ee0;
    clear: both;
    display: block;
    font: normal 1.2em/1.45em "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Tahoma, sans-serif;
}

a
{
    display: block;
    text-decoration: none;
}

a:link, a:hover, a:active
{
    color: #009ee0;
}

a:visited
{
    color: #005577;
}

p
{
    /*DEMO*/
    font: normal 1.25em/1.4em "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Tahoma, sans-serif;
    margin-bottom: 1.6em;
}

div.preamble p
{
    /*DEMO*/
    font: normal 1.5em/1.5em "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Tahoma, sans-serif; /*font: normal 1.4em/1.5em "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Tahoma, sans-serif;*/

    margin-bottom: 1.3em;
    padding-right: 1.0em;
}

div.module p
{
    margin-left: 0.8em;
}

fieldset, img, table, hr, button
{
    border: 0;
}


fieldset
{
    float: left;
}
#footer fieldset
{
    float: none;
}
select, input, textarea
{
    background-color: #000;
    border: 1px solid #343534;
    color: #bababa;
    float: left;
}

select
{
    height: 2.1em;
    margin-right: 0.4em;
    padding: 0.2em 0.5em 0 0.4em;
}

input, textarea
{
    height: 1.27em;
    margin: 0 0.5em 1.0em 0;
    padding: 0.3em 0.5em 0.4em 0.4em;
    width: 17.3em;
}

textarea
{
    height: 6.5em;
    overflow: auto;
}

input:hover, select:hover, textarea:hover
{
    border: 1px solid #c6c7c8;
}

div.box textarea, div.box input
{
    width: 15.1em;
}

div#footer input
{
    width: 16.3em;
}

div#footer select
{
    margin-bottom: 1.0em;
    width: 17.4em;
}

ul.perf
{
    margin: 0 !important;
    padding-left: 2.3em !important;
}

ul.checkbox
{
    margin: 0 !important;
    list-style: none;
}

ul.checkbox li input
{
    border: 0;
    float: left;
    height: 13px;
    margin: 0 0.4em 0 0;
    width: 14px;
    line-height: normal;
}

input.radio
{
    background-color: transparent;
    border: 0;
    float: left;
    margin: 0 0.4em 0 0;
    height: 12px;
    width: 12px;
}

label
{
    display: block;
    font: normal 1.1em "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Tahoma, sans-serif;
}

#container blockquote p
{
    font-size: 1.0em;
    margin: 0;
    padding: 0;
}

#container blockquote p.articleQuote
{
    background: url("../images/quote.gif") no-repeat left 7px;
    font: italic 1.2em/1.5em "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Tahoma, sans-serif;
    margin: 0 0 1.5em 1.2em;
    padding: 0 3.0em 0 1.45em;
}


#container blockquote p a
{
    color: #fff;
    font: normal 1.8em/1.5em "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Tahoma, sans-serif;
    margin: 0.1em 0 0.45em 0;
    padding-right: 2.0em;
}

.img-padding img
{
    padding-bottom:.7em;
}


/* SLUT ELEMENTS// /////////////////////////////////////////////////////////////////////////// */
/* START LÄNKAR & KNAPPAR //////////////////////////////////////////////////////////////////// */

:-moz-any-link:focus
{
    /* Tar bort markeringsramen som annars dyker upp runt länkar i FF */
    outline: none;
}

a.show, a.hide, a.hidesketch, a.showsketch
{
    background: url("../images/iconShowHide.gif") no-repeat right 6px;
    padding-right: 1.3em;
    text-transform: uppercase;
}

a.show, a.showsketch
{
    background-position: right -9px;
}

div#container span.iconTank a
{
    position: absolute;
    margin: 0;
    right: 0.7em;
    top: 0.6em;
}

#container h3 a.rss
{
    background: url("../images/iconRSS.png") no-repeat left top;
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 8px;
}

#container h3 a.rss:hover
{
    background: url("../images/iconRSS.png") no-repeat left -188px;
}

div.threecol a
{
    font: 1.2em/1.4em "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Tahoma, sans-serif;
    margin: 0.5em 0 0 0;
}

div.threecol h5 a
{
    font-size: 1.0em;
    margin: 0;
}

div.halfThreecol a
{
    margin: 0 0 1.6em 0;
}

a.dropdown
{
    background: url("../images/iconShowHide.gif") no-repeat right -8px;
    display: inline-block;
    font-size: 1.2em;
    padding-right: 1.3em;
    margin: 0 0 1.0em 0;
}

input.button
{
    border: 0;
    height: 22px;
    padding: 0;
    width: 41px;
}

input.button.search
{
    width: 55px;
    margin-right: 0;
}

input.button.login
{
    width: 46px;
}

input.login-button
{
    height: auto;
    width: auto;
}

div.browse
{
    margin: 0.7em 0 0 0;
    clear: both;
    text-align: right;
}

div.browse a
{
    font: bold 1.2em Arial, Helvetica, sans-serif;
    margin: 0 0.15em;
    display: inline;
}

div.browse span
{
    color: #999;
    font: bold 1.2em Arial, Helvetica, sans-serif;
    margin: 0 0.15em;
}


/* SLUT LÄNKAR & KNAPPAR ///////////////////////////////////////////////////////////////////// */
/* START TOPNAVIGATION /////////////////////////////////////////////////////////////////////// */

img.logo
{
    float: left;
    margin: 3.0em 0 2.4em 0.1em;
}

div#top div.topForm
{
    float: right;
    margin: 4.3em 0 0 0;
    width: auto;
}

div#top input.button
{
    margin-right: 0;
}

div#topNavigation
{
    border-top: 1px solid #009ee0;
    height: 2.8em;
    clear: both;
    width: 100%;
    display:none;
}

div#topNavigation ul, div#topNavigation ul li
{
    float: left;
    list-style: none;
}

div#topNavigation ul.support
{
    float: right;
    list-style: none;
}

div#topNavigation ul li a
{
    color: #c6c7c8;
    font: normal 1.3em "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Tahoma, sans-serif;
    padding: 0.35em 0.6em 0 0.6em;
    text-transform: uppercase;
}

div#topNavigation ul li.current
{
    background: url("../images/bgFadeSprite.gif") repeat-x left -547px;
}

div#topNavigation ul li.current a
{
    color: #009ee0;
}

div#topNavigation ul li.first a
{
    padding-left: 0.1em;
}

div#topNavigation ul li.last a
{
    padding-right: 0;
}

/* SLUT TOPNAVIGATION //////////////////////////////////////////////////////////////////////// */
/* START SUBNAVIGATION /////////////////////////////////////////////////////////////////////// */

div#subNavigation
{
    border-bottom: 1px solid #232424;
    margin-bottom: 2.6em;
}

div#subNavigation ul li
{
    background: url("../images/snClosed.gif") no-repeat right 9px;
    border-top: 1px solid #232424;
    list-style: none;
}

div#subNavigation ul li a
{
    color: #fff;
    font: 1.2em "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Tahoma, sans-serif;
    padding: 0.17em 0 0.42em 0;
}

div#subNavigation ul li a:visited
{
    color: #8E8E8E;
}


div#subNavigation ul li.foldout, div#subNavigation ul li.foldout ul li.foldout
{
    background: url("../images/snOpen.gif") no-repeat right 9px;
}

div#subNavigation ul li.foldout ul li.current.foldout
{
    background: url("../images/snCurrentFoldout.gif") no-repeat right top;
}

div#subNavigation ul li.current
{
    background: url("../images/snCurrent.gif") no-repeat right top;
}

div#subNavigation ul li.current a
{
    color: #009ee0;
}

div#subNavigation ul li.current ul li a
{
    color: #fff;
}

div#subNavigation ul li ul
{
    /* 2:a nivån */
    border-bottom: 0;
}

div#subNavigation ul li ul li a
{
    /* 2:a nivån */
    padding-left: 0.9em;
}

div#subNavigation ul li ul li ul li a
{
    /* 3:e nivån */
    padding-left: 1.8em;
}

div#subNavigation ul li ul li ul li ul li a
{
    /* 4:e nivån */
    padding-left: 2.7em;
}

/* SLUT SUBNAVIGATION //////////////////////////////////////////////////////////////////////// */
/* START INDEX TABBAR //////////////////////////////////////////////////////////////////////// */

div.indexTabs
{
    border-bottom: 1px solid #009ee0;
    margin-top: 1.0em;
    overflow: hidden;
}

div.indexTabs ul
{
    background: url("../images/bgFadeSprite.gif") repeat-x left -36px;
    overflow: hidden;
    list-style: none;
}

div.indexTabs ul li
{
    background: url("../images/bgFadeSprite.gif") repeat-x left -36px;
    float: left;
}

div.indexTabs ul li a
{
    color: #717273;
    font: 1.8em/1.0em "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Tahoma, sans-serif;
    padding: 7px 0 7px 10px;
    text-transform: uppercase;
    width: 182px;
}

div.indexTabs ul li a.current
{
    background: url("../images/bgIndexTabsCurrent.gif") repeat-x left top;
    border-bottom: 0;
    color: #009ee0;
    padding-bottom: 0.45em;
}

div.tabContent
{
    background: url("../images/bgFadeSprite.gif") repeat-x left -777px;
    clear: both;
    overflow: hidden;
    height: 140px;
}

div.tabContent p
{
    color: #b1b3b4;
    font-size: 1.1em;
    margin-left: 0;
    padding: 1em 4em 1em 0.9em;
}
div.tabContent div.twocol p
{
    font-size: 1.2em;
}

div.tabContent div.onecol p
{
    margin-bottom: 0;
    padding-right: 0;
}

div.tabContent div.onecol a
{
    font-size: 1.3em;
    padding-left: 1.0em;
    text-transform: uppercase;
}
div.tabContent div.last
{
    padding: 1em 0 0.9em 0;
}
div.tabContent div.last a
{
    padding: 0 2em 0 1em;
}

div.tabContent img
{
    float: left;
    height: 58px;
    margin: 0.4em 0.9em 1.0em 1.0em;
    width: 58px;
}

/* SLUT INDEX TABBAR ///////////////////////////////////////////////////////////////////////// */
/* START VÄNSTERSPALTEN ////////////////////////////////////////////////////////////////////// */

div.faq p
{
    clear: both;
    color: #bababa;
    font: 1.0em/1.3em "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Tahoma, sans-serif;
    margin: 0 0 0.8em 0.1em;
    padding-top: 0.4em;
}

div.faq textarea, div.faq input
{
    margin-right: 0;
}

div.faq input.inLine
{
    margin: 0 0.5em 0 0;
    width: 12.7em;
}

div.faq select.inLine
{
    width: 12.5em;
}

#faq-search-heading { padding:1em; }
#faq-search-heading span { font-weight:bold; font-size:1.2em; }

#faq-search-images 
{ 
    padding:1em;
}

#faq-search-images  .faq-image
{
    float:left;
    padding:.4em;
    background-color:#ccc;
    }

/* SLUT VÄNSTERSPALTEN //////////////////////////////////////////////////////////////////////// */
/* START MITTEN ////////////////////////////////////////////////////////////////////////////// */

div.threecol.separate div.onecol
{
    border-left: 1px solid #232424;
    margin-left: 0.7em;
}

div.threecol.separate div.onecol.first
{
    border-left: 0;
}

div.threecol.separate div.onecol div.puff
{
    padding-left: 1.4em;
}

div.linkRow
{
    border-top: 1px solid #009ee0;
    border-bottom: 1px solid #009ee0;
    clear: both;
    height: 45px;
    margin-bottom: 2.0em;
    text-align: right;
    width: 100%;
}

div.linkRow a
{
    display: inline;
}

div.hr
{
    border-bottom: 1px solid #292929;
    clear: both;
    width: 100%;
}

div.threecol div.hr
{
    margin: 0 0 1.0em 0;
    width: 55.1em;
}

div.video, div.desc
{
    float: left;
    width: 26.6em;
}

div.video
{
    margin: 0 1.8em 0 0;
    padding-bottom: 1.0em;
    padding-left: 1.0em;
}

div.desc p
{
    margin: 0.1em 0 1.5em 0;
}

div.imgCaption
{
    float: right;
    margin: 4.0em 1.0em 0 2.0em;
}
div.case
{
    margin: 1.0em 1.0em 0 2.0em;
}

div.imgCaption p
{
    font-style: italic;
    margin-top: 0.4em;
    width: 14.0em;
}

div.threecolListItem
{
    border-bottom: 1px solid #292929;
    padding: 1.0em 0 1.7em 1.2em;
    overflow: hidden;
}

div.threecolListItem p
{
    margin-left: 0;
}

div.threecolListItem span.date
{
    display: block;
    margin: 0.6em 0 0.4em 0;
}

div.threecolListItem.first span.date
{
    margin-top: 1.4em;
}

div.threecolListItem.first
{
    padding-top: 0;
}

div.threecolListItem div.icon
{
    float: left;
    margin: 0.4em 1.5em 2.7em 0;
}

div.threecolListItemArchive
{
    padding-left: 1.28em;
}

div.halfThreecol div.first
{
    width: 27.6em;
}
div.halfThreecol.contactcard
{
    margin-bottom: 3em;
}

div.halfThreecol h5
{
    font: 1.4em/1.65em "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Tahoma, sans-serif;
    margin-bottom: 0.25em;
}

div.halfThreecol p
{
    margin: 0 0 0.6em 0;
}

div.halfThreecol p.last
{
    margin-bottom: 0.25em;
}

div.searchResultItem
{
    border-bottom: 1px solid #232424;
    margin-bottom: 1.0em;
    padding-bottom: 1.0em;
    overflow: auto;
}

div.searchResultItem div
{
    float: left;
    width: 580px;
}

div.searchResultItem img
{
    float: left;
    margin: 1.0em 1.0em 0 1.1em;
}

div.searchResultItem img.docType
{
    float: left;
    margin: 1.6em 1.8em 0 2.0em;
}

div.searchResultItem h3
{
    background-image: none;
    font-size: 1.4em;
    font-weight: normal;
    padding: 0 0 0.3em 0;
    text-transform: none;
}

div.searchResultItem h5
{
    font-size: 1.2em;
    margin: 0.4em 0 0.25em 0;
}

div.searchResultItem p
{
    color: #fff;
    margin: 0 0 0.25em 0;
}

div.searchResultItem p.url
{
    font-size: 1.0em;
}

/* SLUT MITTEN /////////////////////////////////////////////////////////////////////////////// */
/* START PRODUKT SÖK ///////////////////////////////////////////////////////////////////////// */

div.productSearch
{
    background: url("../images/bgFadeSprite.gif") repeat-x left -406px;
    overflow: hidden;
    padding: 1.3em 1.0em 0 0.9em;
}

div.productSearchBottom
{
    border-top: 1px solid #323231;
    clear: both;
    overflow: hidden;
    padding: 1.3em 0 1em 0;
}

div.productSearchBottom .searchfield {float:left; width:83%;}
div.productSearchBottom .searchbutton {float:right; width:15%;}
div.productSearchBottom .searchbutton a {margin:0;}

span.legend, span.selectLegend
{
    color: #bababa;
    display: block;
    font: normal 1.2em/1.0em "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Tahoma, sans-serif;
    float: left;
    margin: 0 0.7em 0 0.2em;
}

span.selectLegend
{
    margin-top: 0.3em;
}

span.legend.last
{
    margin-left: 1.3em;
}

div.productSearch select
{
    margin: 0 1.0em 0.5em 0;
    width: 18.4em;
}

div.productSearch label
{
    float: left;
    font: normal 1.2em/1.0em "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Tahoma, sans-serif;
    margin-right: 1.0em;
}

div.productSearch fieldset
{
    clear: both;
    overflow: hidden;
    margin-bottom: 0.9em;
    width: 100%;
}
div.productSearch ul li
{
    font-size: 10px !important;
    float: left;
    list-style: none;
}
div.productSearch ul li label
{
    margin-right: 0.7em;
}
div.productSearch fieldset
{
    margin-bottom: 0.4em;
}

div.fourcol div.productSearch input.inLine, div.threecol div.productSearch input.inLine
{
    float: right;
    font-size: 1.2em;
    height: 2.09em;
    margin: 0 0.8em 0 0;
    padding: 0.5em 0 0 0.75em;
    width: 37.7em;
}


div.fourcol div.productSearch input.inLine, div.fourcol div.productSearch input.inLine.stretch
{
    width: 48em;
}

div.threecol div.productSearch input.inLine
{
    width: 21.5em;
}

div.threecol div.productSearch input.inLine
{
    width: 37em;
}
div.productSearch input.button.search
{
    float: right;
    height: 33px;
    width: 88px;
    margin: 0;
}

div.links
{
    float: left;
    margin-right: 1.9em;
    padding-left: 0.2em;
}

div.links a
{
    font-size: 1.0em;
    margin-top: 0;
}

div.sortOrder
{
    border-top: 1px solid #009ee0;
    margin-top: 3.0em;
    padding: 0.6em 0 0.9em 0;
}

div.sortOrder a
{
    display: inline;
    font-size: 1.2em;
    padding: 0 0.1em;
}

div.sortOrder a.current
{
    color: #fff;
}

div.sortOrder span.legend
{
    line-height: normal;
    margin-right: 0.3em;
}


/* SLUT PRODUKT SÖK ////////////////////////////////////////////////////////////////////////// */
/* START PRODUKT SÖK EPI ///////////////////////////////////////////////////////////////////// */
.productSearchEpi 
{
    width:295px; 
    font: normal 1.25em/1.4em "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Tahoma, sans-serif;
    
}

.productSearchEpi .background
{   padding:5px;
    width:100%;    
    background: url("../images/bgFadeSprite.gif") repeat-x left -406px;
    border-top: 1px solid #323231;
}

.productSearchEpi div {padding-top:2px;}
.productSearchEpi div .right{float:right;}
.productSearchEpi div .left{float:left; padding-top:8px;}  

.productSearchEpi div select
{
    float:none;
    height:2em;
    font-size:.9em;
}

.productSearchEpi div input
{
    float:none;
    height:1.8em;
    width:1.8em;
    margin: 0;
    padding: 0;
}

div.productSearchResultEpi
{
       width:70%;
       padding-top:10px;
    }
div.productSearchResultEpi .container .text
{
    padding-left:1em;
    }

div.productSearchResultEpi .container .text h3
{
    background-image: none;
    font-size: 1.4em;
    font-weight: normal;
    padding: 0 0 0.3em 0;
    text-transform: none;
}

div.productSearchResultEpi .container .text p
{
    color: #fff;
    margin: 0 0 0.25em 0;
    font: normal 1.25em/1.4em "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Tahoma, sans-serif;
}

div.productSearchResultEpi .container
{
    border-bottom: 1px solid #232424;
    margin-bottom: 1.0em;
    padding-bottom: 1.0em;
    overflow: auto;
}

div.productSearchResultEpi .text
{
    float:left;
    width: 400px;
}

div.productSearchResultEpi .img
{
    float:right;
}

div.productSearchResultEpi .container .text .date
{
 color:#cccccc;    
}



/* SLIT PRODUKT SÖK EPI ////////////////////////////////////////////////////////////////////// */
/* START TABLE /////////////////////////////////////////////////////////////////////////////// */

table
{
    border-collapse: collapse;
    width: 100%;
}

table th
{
    padding: 0.5em 0 0.5em 0.8em;
    text-align: left; /*text-transform: uppercase;*/
}

table tr.dark td.dark
{
    background-color: #000;
}

table tr.dark td.light
{
    background-color: #151515;
}

table tr.light td.dark
{
    background-color: #151515;
}

table tr.light td.light
{
    background-color: #1f1f1f;
}

table td
{
    padding: 0.15em 0 0.5em 0.8em;
}

/*DEMO*/
table#detailedInfoTable tr th
{
    font: bold 1.25em "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Tahoma, sans-serif;
}

/*DEMO*/
table#detailedInfoTable tr td
{
    font: 1.25em "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Tahoma, sans-serif;
}

/* SLUT TABLE //////////////////////////////////////////////////////////////////////////////// */
/* START HÖGERSPALT ////////////////////////////////////////////////////////////////////////// */

div.puff
{
    padding: 0 0 0 1.0em;
}

div.puff p.puffHeader
{
    margin: 0.5em 0.3em 0.1em 0;
}

div.puff p.puffHeader a
{
    color: #fff;
    line-height: 1.48em;
    margin: 0;
}

div.puff a
{
    font-size: 1.2em;
    margin: 0.6em 0 1.8em 0;
}

div.puff p
{
    margin: 0.2em 0 0 0;
}

div.box
{
    /* se ie7.css */
    border: 1px solid #242424;
    border-top: 1px solid #292929;
    overflow: auto;
    position: relative;
}

div.box p
{
    margin: 0 0 0.9em 0;
}

div.box div.form, div.box p, div.box span.adress
{
    padding-left: 1.0em;
}
.form fieldset
{
    float: none;
}

div.box input.button, div#footer input.button
{
    float: left;
    margin: 0 0.9em 1.0em 0;
    width: 41px;
}

div#footer input.button, div#footer select, div#footer input
{
    margin-right: 0;
}

div#footer input.inLine, div#footer input.inLineLogin
{
    margin: 0 0.5em 1.0em 0;
}

div#footer input.button.login
{
    margin-right: 0;
    width: 46px;
}

div.onecol div.box input.inLine
{
    width: 10.5em;
}

div#footer input.inLine
{
    width: 11.7em;
}

div#footer input.inLineLogin
{
    width: 11.2em;
}

span.betona
{
    color: #009ee0;
    margin-right: 0.4em;
}

span.date
{
    color: #b1b3b4;
}

div.blog
{
    border-top: 1px solid #232424;
    padding-left: 1.0em;
}

div.blog.ceo
{
    background: url("../images/ceo.jpg") no-repeat right top;
    border-top: 0;
}

div#container div.blog blockquote p a
{
    font: normal 1.4em/1.3em "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Tahoma, sans-serif;
    padding: 0.7em 0 0 0;
    width: 7.0em;
}

div.blog a
{
    font-size: 1.2em;
    padding: 0 0 3.0em 0;
}

div.blog p
{
    margin: 0.2em 0 0.7em 0;
    padding: 0;
}

div.blog span.date
{
    display: block;
    margin-top: 1px;
}

ul.linkList
{
    margin: 0.2em 0 1.6em 0;
    list-style: none;
}

ul.linkList li a
{
    display: block;
    font: normal 1.2em "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Tahoma, sans-serif;
    padding: 0.2em 0 0.21em 1.0em;
}

ul.linkList li.current a
{
    background: url("../images/linkListCurrent.gif") no-repeat left top;
    color: #fff;
}

/* SLUT HÖGERSPALT ///////////////////////////////////////////////////////////////////////////// */
/* START FOOTER //////////////////////////////////////////////////////////////////////////////// */

div#footer
{
    background: url("../images/bgFadeSprite.gif") repeat-x left -92px;
    border-top: 2px solid #000;
    overflow: hidden;
    padding: 0 0 0 1.0em;
    width: 95.0em;
}

div.breadcrumbs
{
    background: url("../images/bgFadeSprite.gif") repeat-x left -1870px;
    clear: both;
    float: left;
    float: none; /* Targets IE6 & 7 */
    margin: 4.0em 0 4.0em 0;
    width: 100%;
    overflow: hidden;
}

div.breadcrumbs a
{
    color: #009ee0;
}

div.headerbreadcrumbs
{
    background: url("../images/bgFadeSprite.gif") repeat-x left -1869px;
    clear: both;
    float: left;
    float: none; /* Targets IE6 & 7 */
    margin: 0 0 1.5em 0;
    width: 100%;
    overflow: hidden;
}

div.headerbreadcrumbs a
{
    color: #009ee0;
}

div.breadcrumbs ul li, div.headerbreadcrumbs ul li
{
    float: left;
    list-style: none;
}

div.breadcrumbs ul li a
{
    background: url("../images/bgBreadCrumbsArrow.gif") no-repeat right top;
    padding: 0.6em 1.5em 0.8em 0.8em;
}

div.breadcrumbs ul li.first
{
    background: url("../images/bgBreadCrumbsFirst.gif") no-repeat right top;
}

div.headerbreadcrumbs ul li a
{
    background: url("../images/bgHeaderBreadCrumbsArrow.gif") no-repeat right top;
    padding: 0.3em 1.5em 0.5em 0.8em;
}

div.headerbreadcrumbs ul li.first
{
    background: url("../images/bgHeaderBreadCrumbsFirst.gif") no-repeat right top;
}

div.breadcrumbs ul li.first a, div.headerbreadcrumbs ul li.first a
{
    background-image: none;
}

div.breadcrumbs ul li.current a, div.headerbreadcrumbs ul li.current a
{
    background-image: none;
    color: #fff;
}

div#footer div.module
{
    float: left;
    margin: 2.8em 0 6em 2em;
}


div#footer div.contact
{
    float: left;
    margin-top: 2.8em;
}

div#footer div.onecol
{
    width: 17.4em;
}

div.onecol.world
{
    background: url("../images/bgWorld.gif") no-repeat 1px 62px;
}

div#footer p
{
    font-size: 1.0em;
    margin: 0 0 1.3em 0;
}

div.recent
{
    border-bottom: 1px solid #2f3030;
    padding: 1.0em 0;
    overflow: auto;
}

div.recent.first
{
    padding-top: 0;
}

div.recent img
{
    border: 1px solid #313231;
    float: left;
    height: 38px;
    margin-right: 0.9em;
    width: 38px;
}

div.recent dl
{
    float: left;
    width: 10.4em;
}

div.recent dl dt
{
    padding-bottom: 2px;
}

div#footer div.spinner
{
    float: right;
    padding: 2.9em 0 0 4.4em;
    width: 12.7em;
}

div#endRow
{
    border-top: 1px solid #232424;
    margin: 1.5em 0 1.3em 0;
    padding-top: 0.7em;
}

div#endRow .right
{
    float: right;
    width:80%;
}

div#endRow .left
{
    float: left;
    width:20%;
}

div#endRow span
{
    float: left;
}

div#endRow a
{
    float: right;
    margin-left: 3.0em;
}

/* SLUT FOOTER ///////////////////////////////////////////////////////////////////////////////// */
/* START FIND LIFTING SOLUTIONS & PRODUCTS ///////////////////////////////////////////////////// */

ul.tabNavigation
{
    float: left;
    margin: 1.0em 0 1.0em 0;
    width: 18.4em;
    list-style: none;
}

ul.tabNavigation li
{
    border-bottom: 1px solid #292929;
}

ul.tabNavigation li a.current
{
    background-color: #171717;
    color: #009ee0;
}

ul.tabNavigation li a
{
    padding: 0.25em 0 0.3em 0.8em;
}

ul li a span
{
    color: #009ee0;
}
div.tabs
{
    height: 200px;
}

div.subTabs
{
    background: url("../images/bgFadeSprite.gif") repeat-x left -1900px;
    float: left;
    margin: 1.0em 0 0 0;
    width: 18.4em;
}

ul.tabNavigation li a, ul.subCategory li a
{
    color: #fff;
    font-size: 1.2em;
}

ul.subCategory
{
    height: 180px;
    overflow: auto;
    list-style: none;
}

ul.subCategory li a
{
    line-height: 1.4em;
    padding: 0 0 0.55em 0.9em;
}

f.subCategory li.first a
{
    padding-top: 0.4em;
}

div.subTabs div.recent
{
    border-bottom: 0;
    padding: 0.8em 0 0 1.0em;
}

div.subTabs div.recent img
{
    margin: 0.2em 0.9em 0 0;
}

div.subTabs div.recent dl dt
{
    font-size: 1.2em;
    padding-bottom: 0;
}

div.subTabs div.recent dl dt
{
    line-height: 0.8em;
}

div.subTabs div.recent dl dd
{
    line-height: 1.2em;
}

div.divider
{
    border-bottom: 1px solid #009ee0;
    clear: both;
    height: 1em;
}

/* SLUT FIND LIFTING SOLUTIONS & PRODUCTS ////////////////////////////////////////////////////// */

/*************************/
/* SITEMAP PAGE          */
/*************************/
#SiteMap ul
{
    margin: 0;
    padding: 0.2em 0;
    list-style: none;
}

#SiteMap ul ul
{
    padding: 0;
    margin-left: 0.5em;
}

#SiteMap li
{
    margin: 0 0 0.5em 0;
    padding: 0;
    list-style: none;
    font-size: 1.3em;
}
#SiteMap li a
{
    text-decoration: none;
}

#SiteMap li li
{
    margin: 0.2em 0;
    padding-left: 1em;
    background: url("images/SiteMapBullet.png.html") no-repeat;
    font-size: 0.7em;
}

#SiteMap li li a
{
    text-decoration: underline;
}

#SiteMap li li li
{
    font-size: 1em;
}
#textWrapper
{
    float: left;
    width: 572px;
}
#textWrapper.fastening
{
    width: 400px;
}
.fasteningProduct
{
    float: left;
    margin-bottom: 1.6em;
}

img.topleftfloatingimage
{
    float: left;
    margin: 0 2em 1em 0;
}
img.toprightfloatingimage
{
    float: right;
    margin: 0 0 1em 2em;
}
.rightmargin
{
    margin-right: 10px;
}
div.contactcard p, div.contactcard a
{
    font-size: 1.1em;
}
div.contactcard a
{
    margin: 0;
}
#dimensionsketchcontatiner
{
    overflow: hidden;
}
#container p a
{
    display: inline;
    font-size: 1.0em;
}
#container div.contactcard p a
{
    display: block;
}
div.module.threecol ul
{
    margin: 2em;
}
div.module.threecol ul li
{
    /*font-size: 12px;*/ /*DEMO*/
    font: normal 1.25em/1.4em "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Tahoma, sans-serif;
}

div.contactcard span
{
    display: block;
}

.clear
{
    clear: both;
}

ul.login
{
    list-style: none;
    text-align: right;
}

ul.login li
{
    /*background:transparent url("../images/key.png") no-repeat top right !important;*/
}

ul.login li a
{
    color: #c6c7c8;
}


/* START ADD THIS ////////////////////////////////////////////////////////////////////////////// */
.addthis_toolbox
{
    width: 120px;
    height: 22px;
}

/* SLUT ADD THIS /////////////////////////////////////////////////////////////////////////////// */

/* START Tools ///////////////////////////////////////////////////////////////////////////////// */
.toolsContainer
{
    margin: 0;
    padding: 0;
}

.toolsContainer input, .toolsContainer div a
{
    margin: 0;
    padding: 0;
}

.toolsContainer div
{
    padding: 0 0 1em .2em;
    float: left;
}

.tools-button
{
    background-image: url("../images/button.gif");
    width:170px;
    height:22px;
}

.tools-button a, .tools-button a:link, .tools-button a:active, .tools-button a:hover
{
   font-weight:bold;
   color:#fff;   
   text-align:center; 
   text-transform:uppercase;  
}

.tools-container
{
    float:right;
    font-size:1.2em;
    padding-bottom:.5em;
    }


.tools-button a span
{
    display:block;
    padding-top:2px;
}
    
.contactMeAccordion .body
{
        display:none; 
        border:solid 1px #009EE0; 
        border-top:0; 
        width:168px;
        padding-bottom: 10px;
}

/* SLUT Tools ///////////////////////////////////////////////////////////////////////////////// */

/* START ProductSearch //////////////////////////////////////////////////////////////////////// */
.productSearchWrapper
{
    width: 250px;
    position: absolute;
    bottom: 0px;
    left: 650px;
    z-index:1000;
    
}

.productSearchAccordion {z-index:10000;}

.productSearchAccordion div.header
{
    height: 20px;
    width: 100%;
    cursor: pointer;
    background-image: url("../images/productSearchTab.png");
    /*background-color: #009EE0;*/
    text-align:center;
}

.productSearchAccordion div.header div
{
    font: normal 14px "Lucida Grande" , "Lucida Sans Unicode" , "Lucida Sans" , Tahoma, sans-serif;
    text-transform: uppercase;
    padding-top:2px;
   /* font-size:1.4em;*/
}

.productSearchAccordion div.body
{
    background-color: #000000;
    display: none;
    border-left: solid 1px #009EE0;
    border-right: solid 1px #009EE0;
    height: 16em
    }

.productSearchAccordion div.dropdown
{
    padding:.5em 2em 0 2em;
}

.productSearchAccordion div.button
{
    padding: .5em 0 0 2em;
}

/* SLUT ProductSearch ///////////////////////////////////////////////////////////////////////// */

#FileListing div table
{
    width:auto;
    }

#FileListing div table td, #FileListing div table th
{
    padding: 0px;
    margin: 0px;  
}

#PageListing div ul
{
    list-style-type: none;
}

/* START NewsArchive ///////////////////////////////////////////////////////////////////////////////// */

div.newsarchive h2 a
{
    margin:0 0 1em 0;
    
}
/* SLUT NewsArchive ///////////////////////////////////////////////////////////////////////////////// */


/* START Print ////////////////////////////////////////////////////////////////////////////////////// */

.printLogo
{
    
display:none;
}

/* SLUT Print ////////////////////////////////////////////////////////////////////////////////////// */

#id_matrix fieldset
{
    float:none;
}

#id_matrix input
{
    width:auto;
}

/* START Button ////////////////////////////////////////////////////////////////////////////////////// */
a.button-small 
{
    text-transform:uppercase;
    color: #fff;
    display: block;
    float: left;

    height: 23px;
    padding-right: 6px; /* sliding doors padding */
    text-decoration: none;
    background: transparent url('../Images/buttons/dynamicbutton-right-small.png') no-repeat scroll top right;
}

a.button-small .button-span 
{
    font-size:11px !important; 
    font-weight:bold;
    color:#fff;
    display: block;
    line-height: 3px;
    padding: 9px 3px 10px 7px;
    background: transparent url('../Images/buttons/dynamicbutton-left-small.png') no-repeat;
}

a.button-small span {font-size:11px !important; }

a.button-small:active {
    background-position: bottom right;
    color: #fff;
    outline: none; /* hide dotted outline in Firefox */
}

a.button-small:active .button-span {
    background-position: bottom left;
    padding: 10px 3px 10px 7px; /* push text down 1px */
}


a.button-large 
{
    text-transform:uppercase;
    color: #fff;
    display: block;
    float: left;
    font-size:18px !important; 
    height: 34px;
    padding-right: 7px; /* sliding doors padding */
    text-decoration: none;
    background: transparent url('../Images/buttons/dynamicbutton-right-large.png') no-repeat scroll top right;
}

a.button-large .button-span 
{
    color:#fff;
    display: block;
    line-height: 3px;
    padding: 15px 0px 16px 8px;
    background: transparent url('../Images/buttons/dynamicbutton-left-large.png') no-repeat;
}

a.button-large:active {
    background-position: bottom right;
    color: #fff;
    outline: none; /* hide dotted outline in Firefox */
}

a.button-large:active .button-span {
    background-position: bottom left;
    padding: 15px 0px 16px 8px; /* push text down 1px */
}
/* SLUT Button ////////////////////////////////////////////////////////////////////////////////////// */


#banner-container .banner-item
{
    float:left;
    padding:0 1em .5em 0;
}
    
#banner-container .banner-item a {display:inline;}

/* START ExtendendNavigationTabMenu ////////////////////////////////////////////////////////////////////////////////////// */

#tab-menu-heading-container {background: url("../images/tab-menu/heading.png") repeat-x;}
#tab-menu-heading-container .tab-menu-heading 
{
    background:none;
    width:194px;
    height:55px;
    float:left;
    cursor:pointer;
    font-size:18px;
    text-transform:uppercase;  
}

#tab-menu-heading-container .tab-menu-heading a
{color:#656F70;
 padding:10px 10px 4px 10px;
 line-height:8px;
 }
 
 #tab-menu-heading-container .tab-menu-heading a .arrow
 {
     color:#07648B;
     font-size:24px;
 }

#tab-menu-heading-container .selected { background: url("../images/tab-menu/heading-hover.png") no-repeat; }

#tab-menu-heading-container .selected a { color:#019DE0; } 
#tab-menu-heading-container .selected a .arrow{ color:#019DE0; } 
#tab-menu-heading-container .tab-menu-heading dt
{
    width:100%;
    height:100%;
    }
    
    #tab-menu-item-container 
    {
        background: url("../images/tab-menu/content.png") repeat-x;
        
        }
        
         #tab-menu-item-container .fade-item {border-bottom: solid 1px #019DE0; min-height:98px; }
        
        #tab-menu-item-container .fade-item .intro-text
        {
            float:left;
            width:395px;
            color:#C6C7C8;
            font-size:9.5px;
            padding:10px 0px 5px 0px;
        }
        #tab-menu-item-container .fade-item .intro-text p { padding-right:21px; }
        
        #tab-menu-item-container .fade-item .case-container
        {
            float:left;
            width:190px;
            padding:10px 0px 5px 0px;
        }
        
        #tab-menu-item-container .fade-item .case-container img { float:left; padding-right:10px;}
        #tab-menu-item-container .fade-item .case-container .case-text { float:left; color:#C6C7C8; width:110px;}
        #tab-menu-item-container .fade-item .case-container .case-text a { text-transform:uppercase; }
        
        #tab-menu-item-container .fade-item .solution-container
        {
            float:left;
            width:190px;
            padding:10px 0px 5px 0px;
        }
        
        #tab-menu-item-container .fade-item .solution-container img { float:left; padding-right:10px;}
        #tab-menu-item-container .fade-item .solution-container .solution-text { float:left; color:#C6C7C8; width:110px;}
        #tab-menu-item-container .fade-item .solution-container .solution-text a { text-transform:uppercase; }
        
        #tab-menu-item-container .fade-item .business-links
        {
            float:right;
            width:175px;
            padding:10px 0px 5px 0px;
            
        }
        
        #tab-menu-item-container .fade-item .business-links a {text-transform:uppercase; font-size:12px;}
        
/*-#tab-menu-item-container .tab-item-1, #tab-menu-item-container .tab-item-2, #tab-menu-item-container .tab-item-3 {display: none;}*/

/* SLUT ExtendendNavigationTabMenu ////////////////////////////////////////////////////////////////////////////////////// */

/* START Certificate //////////////////////////////////////////////////////////////////////////////////////////////////// */
.certificate-upload fieldset
{
    border:solid 1px #C6C7C8;
    padding:1em 2em 2em 2em;
    }
    
    .certificate-upload legend {font-size:1.25em; color:#fff; padding-bottom:.5em;}

.certificate-upload input
{
    margin :.5em  2em 0 0;
    padding:0;
    height:2.2em;
}

#certificate-list-container 
{
    border: 1px solid #242424;
    border-top: 1px solid #292929;
    margin-top:2em;
}

#certificate-list-container a {display:inline; padding-right:.5em;}

#certificate-list-container div 
{
    font-size:1em;
    padding:.1em .4em .5em 1.2em; 
    vertical-align:middle;
}

#certificate-list-container .alternating-row
{
    background-color:#151515;
}
    
    
#certificate-search 
{
        background: url("../images/bgFadeSprite.gif") repeat-x left -406px;
        overflow: hidden;
        padding: 1.3em 1.0em 0 0.9em;
        width:40em;
}

#certificate-search a {margin:.1em 0 0 .5em;}

#certificate-search .search-text  
{
    float:left;  
    padding:.3em 1em 0 0; 
    color: #BABABA;
    font-size:1.2em;
}

#certificate-search .search-box { float:left; }


/* SLUT Certificate //////////////////////////////////////////////////////////////////////////////////////////////////// */



/* Google Site Search */

.gsc-control-cse
{
    font: 1.5em/1.5em "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif;
}

.gsc-control-cse iframe 
{
    display:none !important;
}

.gsc-above-wrapper-area
{
    border:none !important;
}

.gsc-results .gsc-cursor-box .gsc-cursor-current-page
{
    background-color:Black !important;
    text-decoration:underline !important;
}

.gsc-input-box
{
    height:31px !important;
    background-color:Black !important;
}

.gsc-option-menu-container .gsc-inline-block
{
    background-color:Black !important;
}

.gsc-result .gs-title
{
    height: 1.3em !important;
}

.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top
{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.gsc-input
{
    background-color:Black !important;
}

#gs_tti50 input
{
    background:none !important;
}

/* TinyMCE */

.heading1
{
    font-weight: normal; 
    font-size: 1.7em; 
    line-height: 1.4em; 
    padding: 0; 
    margin: 0.2em 0;
	EditMenuName: Heading 1;
}
.heading2
{
    font-weight: normal; 
    font-style: italic; 
    font-size: 1.4em; 
    padding: 0; 
    margin: 0.2em 0em;
	EditMenuName: Heading 2;
}
.heading3
{
	font-weight: bold; 
	font-size: 1em; 
	padding: 0; 
	margin: 0.4em 0em;
	EditMenuName: Heading 3;
}
.introduction
{
	font-style: italic;
	EditMenuName: Introduction;
}

.hidden 
{
    display:none !important;    
}