@import url("css/reset.css");
/*
Theme Name: Allt i sten
Theme URI: http://dinwebb.nu/
Description: Skapat av dinwebb för Allt i sten
Version: 1.0
Author: Dinwebb
Author URI: http://dinwebb.nu
*/

#mapWrap {position: relative;}

#gMapPlaceholder {width: 700px; height: 360px;}
#gMapWrap {width: 700px; height: 360px;}
#gMap {width: 700px; height: 300px;}
#gMapWrap .e-box {height: 30px; line-height: 30px; background: #4a6b60; color: #fff; font-weight: bold; padding: 0 10px; }
.e-map-bottom {clear: both; width: 100%; height: 30px; background: -moz-linear-gradient(100% 100% 90deg, rgba(243,243,243,.0), #f3f3f3) !important; background: url(images/e-gradient.png); }

#entreprenorer {}
.entreprenor {margin: 0 0px 0px 0; border-bottom: 1px solid #d9d9d9; border-top: 1px solid #fff }
.e-coords {display: none;}
.e-box {width: 200px; float: left; padding: 10px;}
.e-box-1 {background: none;}
.e-box-1 strong {display: block;}
.e-box-1 a {font-size: 10px; text-decoration: none;}
.e-box-2 {background: none}
.e-box-3 {background: none; width: 240px;}

.e-last {border-bottom: none}
.e-first {border-top: none}

.e-map-content {width: 250px; height: 110px; overflow: hidden;}
.e-map-scroll {width: 250px; height: 110px; overflow: auto;}
/*---------------------------------------[   leverantörs logo   ]*/
.lev-logo {
    border: medium none;
    float: left;
    height: 25px;
    margin: 10px 0 0;
    padding: 0;
    width: 145px;
}

/*---------------------------------------[   General   ]*/
html {background: #f3f3f3;}
body {color: #000; font: 12px/1.2 "Lucida Grande", "Lucida Sans Unicode", sans-serif; min-width: 940px;}
#body {width: 100%; min-width: 940px;}
.bg {background: url(images/bg.png) repeat-x left top; width: 100%; min-width: 940px;}
.bg2 {background: url(images/footer-line-2.png) repeat-x left bottom; }
.bg2 {padding: 0 0 135px; position: relative; }
#footer_text { position: absolute; width: 100%; bottom: 0; left:0; }

a {color: #4a6b60; font-weight: bold;}
a:hover { text-decoration: none;}

blockquote {padding: 20px 20px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin: 10px; font-style: italic; font-size: 18px;}

h1, h2, h3, h4, h5, h6 {font-weight: normal; margin-bottom: 10px; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;}
h1 {font-size: 20px; text-transform: uppercase;}
h2 {font-size: 20px;}
h3 {font-size: 16px;}
h4 {}
h5 { color: #4a6b60; font-size:14px; font-weight:normal; text-decoration:none; text-transform:uppercase; }
h6 {font-size: 16px; border-bottom: 1px solid #e1e5e4;}

img {border: none;}

p {padding: 0 0 10px;}

table, td, th, tr, table img { vertical-align: top; }

.wrapper,
#mainWrapper { width: 940px; margin: 0 auto; position: relative; z-index: 1; }
#pageWrapper {padding: 0px 0 0;}


/*---------------------------------------[   Header   ]*/

.head-wrap { z-index: 2; }
#header {position: relative; height: 131px; width: 100%; z-index: 30;}

    #logo a{
        display: block;
        text-indent: -999999px;
        width: 220px;
        height: 40px;
        float: left;
        background: url(images/logo.png) no-repeat left center;
        margin: 20px 0;
    }
    #logo a:hover {}
    #header h1 {margin: 0px;}







/*---------------------------------------[   Kontakt info   ]*/
#kontaktBorderMore-wrapper{
    border-bottom: 5px solid #E2E5E4;
    margin: 0 0 5px;
    padding: 0 0 5px;
    position: relative;
    top: -12px;
}
#kontaktPopupBtn {
float:right;
margin-top:10px;
cursor:pointer;
}

#kontaktMessage {
position:relative;
top:-50px;
border-bottom: 3px solid #ECF0EF;
border-top: 3px solid #ECF0EF;
padding-top:10px;
padding-bottom: 10px;
padding-right: 190px;
}

#kontaktMessage .lefter {
float:left;
}
#kontaktMessage .righter {
float:right;
}
.layer1 {
margin: 0;
padding: 0;
width: 500px;
}
 
.heading {

cursor: pointer;
    background: url("images/sprites.png") repeat scroll 0 0 transparent;
    bottom: -29px;
    color: #FFFFFF;
    display: block;
    height: 29px;
    line-height: 29px;
    padding: 0 10px;
    position: absolute;
    right: 0;
    text-decoration: none;
    width: 89px;
}
.heading span {
    background: url("images/sprites.png") repeat scroll -371px -29px transparent;
    display: block;
    height: 7px;
    position: absolute;
    right: 10px;
    top: 12px;
    width: 9px;
}
.content {
padding: 5px 0px;
background-color:#fff;
}
p { padding: 5px 0; }

#kontaktCart {  
   
    background: none repeat scroll 0 0 #fff;



    width: 460px;


 padding: 20px 0px 10px;
}
#kontaktCart .cform {width: 100%; overflow: hidden;}
#kontaktCart .cform fieldset {border: none; margin: 0 0 10px; padding: 0;}
#kontaktCart .cform legend {margin: 0px;padding: 0px 0 5px; line-height: 1.1; color: #39457b; font-weight: bold;}
#kontaktCart .cform ol {list-style: none; padding: 0; margin: 0}
#kontaktCart .cform li {overflow: hidden; padding: 0px 0 10px; float: left; width: 50%;}
#kontaktCart .cform label {display: block; width: 100%; padding: 0 0 2px;}
#kontaktCart .cform input, #kontaktCart .cform textarea, #kontaktCart .cform select {border: 1px solid #57786C; width: 200px; padding: 4px; font-size: 12px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #496c60; background: #f3f3f3;}
#kontaktCart .cform select {padding: 3px; width: 210px;}
#kontaktCart .cform input:focus, .cform textarea:focus {}
#kontaktCart .cform input {}
#kontaktCart .cform textarea { clear: both; float: none; height: 100px; width: 450px}
#kontaktCart .cform p {}
#kontaktCart .cform .cf-sb {clear: both; text-align: left;}
#kontaktCart .cform .sendbutton {cursor: pointer; width: 80px; background: #f3f3f3; color: #ddd; margin: 0; border: 1px solid #000; background: #000 url(images/button.png) repeat-x; text-shadow: 1px -1px 0 #000, -1px 0 0 #000;}
#kontaktCart .cform .sendbutton:hover {color: #fff; cursor: pointer;}

#kontaktCart .cf_info {height: 30px; line-height: 30px; color: #333; font-weight: bold; position: absolute; bottom: 8px; left: 105px;}
#kontaktCart .failure {color: #000; padding: 0;}
#kontaktCart .success {color: #000; padding: 0;}
#kontaktCart .cform .cf_error {/*border: 1px solid #e33; */background: #dae7e2}
#kontaktCart .cform .cf_li_err {}


#kontaktCart #li-4-5 {width: 100%; clear: both;}







   #kontaktDark{
    background: none repeat scroll 0 0 #000000;
    bottom: 0;
    height: 100%;
    left: 0;
    min-height: 100%;
    opacity: 0.7;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 100;
}
   #kontaktContent{
    color: #FFFFFF;    
    background: none repeat scroll 0 0 #496C60;
    border: 0 solid #E2E2E2;
    box-shadow: 0 0 15px #000000;
    left: 50%;
    margin: 0 0 0 -225px;
    color: #FFFFFF;
    position: fixed;
    top: 100px;
    width: 460px;
    z-index: 120;

 padding: 20px 10px 10px; 
}


#closeKontaktPop {cursor:pointer; float:right;}

#kontaktContent h3 {float:left;}

#kontaktContent .cform {width: 100%; overflow: hidden;}
#kontaktContent .cform fieldset {border: none; margin: 0 0 10px; padding: 0;}
#kontaktContent .cform legend {margin: 0px;padding: 0px 0 5px; line-height: 1.1; color: #39457b; font-weight: bold;}
#kontaktContent .cform ol {list-style: none; padding: 0; margin: 0}
#kontaktContent .cform li {overflow: hidden; padding: 0px 0 10px; float: left; width: 50%;}
#kontaktContent .cform label {display: block; width: 100%; padding: 0 0 2px;}
#kontaktContent .cform input, #kontaktContent .cform textarea, #kontaktContent .cform select {border: 1px solid #fff; width: 200px; padding: 4px; font-size: 12px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #496c60; background: #f3f3f3;}
#kontaktContent .cform select {padding: 3px; width: 210px;}
#kontaktContent .cform input:focus, .cform textarea:focus {}
#kontaktContent .cform input {}
#kontaktContent .cform textarea { clear: both; float: none; height: 100px; width: 450px}
#kontaktContent .cform p {}
#kontaktContent .cform .cf-sb {clear: both; text-align: left;}
#kontaktContent .cform .sendbutton {cursor: pointer; width: 80px; background: #f3f3f3; color: #ddd; margin: 0; border: 1px solid #000; background: #000 url(images/button.png) repeat-x; text-shadow: 1px -1px 0 #000, -1px 0 0 #000;}
#kontaktContent .cform .sendbutton:hover {color: #fff; cursor: pointer;}

#kontaktContent .cf_info {height: 30px; line-height: 30px; color: #333; font-weight: bold; position: absolute; bottom: 8px; left: 105px;}
#kontaktContent .failure {color: #fff; padding: 0;}
#kontaktContent .success {color: #fff; padding: 0;}
#kontaktContent .cform .cf_error {/*border: 1px solid #e33; */background: #dae7e2}
#kontaktContent .cform .cf_li_err {}


#kontaktContent #li-3-5 {width: 100%; clear: both;}




/*------ */

#kontaktTop {position: absolute; top: 0px; right: 0px; font-size: 11px; font-weight: bold; z-index: 20;}
.kontakt-text {padding: 0 114px 0 0; line-height: 29px;}
#kontaktInfo {position: absolute; top: -295px; right: 0px; background: #496c60; padding: 20px 10px 10px; z-index: 2; height: 265px; color: #fff; width: 460px;}
#kontaktMore {position: absolute; bottom: -29px; right: 0px; display: block; width: 89px; height: 29px; background: url(images/sprites.png); color: #fff; line-height: 29px; padding: 0 10px; text-decoration: none;}
#kontaktMore span {display: block; position: absolute; top: 12px; right: 10px; width: 9px; height: 7px; background: url(images/sprites.png) -371px -29px; }
.open-kontakt #kontaktMore span {background-position: -371px -36px;}

#kontaktInfo .cform {width: 100%; overflow: hidden;}
#kontaktInfo .cform fieldset {border: none; margin: 0 0 10px; padding: 0;}
#kontaktInfo .cform legend {margin: 0px;padding: 0px 0 5px; line-height: 1.1; color: #39457b; font-weight: bold;}
#kontaktInfo .cform ol {list-style: none; padding: 0; margin: 0}
#kontaktInfo .cform li {overflow: hidden; padding: 0px 0 10px; float: left; width: 50%;}
#kontaktInfo .cform label {display: block; width: 100%; padding: 0 0 2px;}
#kontaktInfo .cform input, #kontaktInfo .cform textarea, #kontaktInfo .cform select {border: 1px solid #fff; width: 200px; padding: 4px; font-size: 12px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #496c60; background: #f3f3f3;}
#kontaktInfo .cform select {padding: 3px; width: 210px;}
#kontaktInfo .cform input:focus, .cform textarea:focus {}
#kontaktInfo .cform input {}
#kontaktInfo .cform textarea { clear: both; float: none; height: 100px; width: 450px}
#kontaktInfo .cform p {}
#kontaktInfo .cform .cf-sb {clear: both; text-align: left;   padding: 0 0 10px;}
#kontaktInfo .cform .sendbutton {cursor: pointer; width: 80px; background: #f3f3f3; color: #ddd; margin: 0; border: 1px solid #000; background: #000 url(images/button.png) repeat-x; text-shadow: 1px -1px 0 #000, -1px 0 0 #000;}
#kontaktInfo .cform .sendbutton:hover {color: #fff; cursor: pointer;}

#kontaktInfo .cf_info {height: 30px; line-height: 30px; color: #333; font-weight: bold; position: absolute; bottom: 8px; left: 105px;}
#kontaktInfo .failure {color: #fff; padding: 0;}
#kontaktInfo .success {color: #fff; padding: 0;}
#kontaktInfo .cform .cf_error {/*border: 1px solid #e33; */background: #dae7e2}
#kontaktInfo .cform .cf_li_err {}


#kontaktInfo #li-2-5 {width: 100%; clear: both;}


/*---------------------------------------[   mainNav   ]*/

#mainNav {position: absolute; right: 42px; bottom: 0px;}
#mainNav li {float: left; position: relative;}
#mainNav li a {
    display: block; float: left;
    padding: 0px; margin: 0 0 0 1px;
    height: 29px; line-height: 29px; width: 115px;
    color: #f3f3f3; background: url(images/sprites.png) no-repeat -224px 0px;;
    text-transform: uppercase; text-align: center;
    font-size: 11px; font-weight: bold; text-decoration: none;
    font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}
#mainNav li a:hover,
#mainNav li.current_page_item a,
#mainNav li.current-page-ancestor a {
    background-position: -109px 0px;
    color: #434343;
}

/*   lvl 2   */
#mainNav ul {display: none;}





/*---------------------------------------[   Search   ]#search:hover #searchTop {display: block;}*/
#search {position: absolute; bottom: 0px; right: 0px; width: 41px; height: 29px; }
#searchOpen {width: 41px; height: 29px; background: url(images/sprites.png) repeat -339px 0; cursor: pointer;}

#searchTop {position: absolute; top: 29px; right: -4px; background: url(images/sprites.png) repeat 0px -64px; padding: 0px; width: 326px; display: none; height: 67px;}
#sTop {position: absolute; top: 15px; left: 10px; border: none; background: url(images/sprites.png) repeat 0px -29px; height: 33px; width: 221px; padding: 0px 5px; line-height: 33px;}
#submitTop {position: absolute; top: 15px; left: 241px; border: none; background: url(images/sprites.png) repeat -231px -29px; width: 70px; height: 33px; padding: 0; cursor: pointer;}
#submitTop:hover {background-position: -301px -29px;}






/*---------------------------------------[   Breadcrumb   ]*/
#breadcrumb {padding: 10px 0 10px 240px; font-size: 10px;  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; color: #555;}
#breadcrumb a {color: #496c60; /*border-bottom: 1px solid #496c60; text-decoration: none;*/ font-weight: normal;}
.b-sep {padding: 0 5px;}
.b-now_OLD {text-transform: uppercase;}




/*---------------------------------------[   subNavWidget   ]*/
#sub_holder {width: 220px; float: left; min-height: 20px; height: auto; margin: 0 20px 0 0;}
#subNavWidget {width: 220px; float: left; min-height: 20px;}





/*---------------------------------------[   Content   ]*/

#content { float: left; padding: 22px 0 0;}
.content-narrow {width: 460px;}
.content-wide {width: 700px;}
	body .post, body .page {padding: 0 0 20px 0;}

	.post-title {margin: 0 0 10px}
	.post-title h2 {margin: 0px;}
	.postmetadata {font-size: 11px; color: #777;}

    .entry {}
    .entry ul {list-style: disc outside; margin: 0 0 10px 15px}
    .entry ul li {list-style: disc outside;}
    .entry ol {list-style: disc outside; margin: 0 0 10px 20px}
    .entry ol li {list-style: decimal outside;}





#kategoriInfo {border-bottom: 5px solid #e1e5e4; margin: 0 0 20px; padding: 0 0 10px;}

.kat {width: 190px; float: left; margin: 0 20px 20px 0; padding: 10px; border: 5px solid #e1e5e4;}
.kat-3 {margin: 0 0 20px;}
.kat h2 {font-size: 13px; font-weight: normal; text-transform: uppercase; margin: 0 0 15px;}





/*---------------------------------------[   Sidebar   ]*/

#sidebar {width: 220px; float: left; margin: 0 0 0 20px; background: none;}

	#sidebar li {}


.widget {margin: 0 0 20px;}
.widget-title {margin: 0 0 0px 10px;; font-size: 18px; height: 22px;}
.widget-content {border: 5px solid #e1e5e4; padding: 10px; background: #fff;}
#subNavWidget .widget-title {margin: 0;}
#subNavWidget .widget-content {background: none;}


/*[   Puffar   ]*/
.ps_puff {position: relative;}
#content-widget {width: 100%; overflow: hidden;}
#content-widget .ps_puff {width: 220px; float: left; padding: 0 20px 20px 0; margin: 0;}
#content-widget .puff-content {min-height: 175px; overflow: hidden;}

.ps_puff .widget-title a { text-decoration: none; font-weight: normal; color: #000; }

#content-widget .puff-nr-1, #content-widget .puff-nr-2 {width: 340px; }
#content-widget .puff-nr-2 {padding-right: 0;}
#content-widget .puff-nr-3 {clear: left;}
#content-widget .puff-nr-5,
#content-widget .puff-nr-8,
#content-widget .puff-nr-11 {padding-right: 0;}
.edit-puff-link {position: absolute; top: 0; right: 0; width: 16px; height: 16px; background: url(images/edit.png); display: block; text-indent: -99999px;}


.ps-short-news {}
.ps-short-news a {display: block; text-decoration: none; margin: 0 0 10px; font-weight: normal;}
.ps-short-news-date {display: block; font-size: 10px; }
.ps-short-news-title { color: #000}
.ps-short-news a:hover .ps-short-news-title {color: #4a6b60}


/* Kontakt
**********************************/
#post-25 {}
.page-id-25 #content-widget {border-top: 5px solid #e1e5e4; padding: 20px 0 0; color: #505050;}
.page-id-25 #content-widget .ps_puff {width: 100%; float: left; margin: 0 20px 20px 0; padding: 0;}
.page-id-25 #content-widget .widget-content {padding-bottom: 0;}
.page-id-25 #content-widget .widget-title {display: none}
.page-id-25 #content-widget h3 {text-transform: uppercase; font-size: 14px; color: #000;}
.page-id-25 #content-widget img {margin-bottom: 0; padding-bottom: 10px;}
.page-id-25 #content-widget h5 {color: #000; font-size: 12px; margin: 0;}
.border td {border-top: 1px solid #e2e5e4; line-height: 5px;}

.contact-g-map {width: 265px; overflow: hidden; margin: 0 10px 0 0; float: left;}
.c-puff-content {float: left; width: 395px;}

.c-left, 
.c-right {float: left; width: 49%; }

#contact_info {border-top: 5px solid #e1e5e4; padding: 20px 0 0; color: #505050;}
#contact_info .ps_puff {width: 100%; float: none; margin: 0 00px 20px 0; padding: 0;}
#contact_info .widget-content {padding-bottom: 0; overflow: hidden;}
#contact_info .widget-title {text-transform: uppercase; font-size: 14px; color: #000; margin: 0 0 10px; height: auto;}
#contact_info img {margin-bottom: 0; padding-bottom: 10px;}
#contact_info h5 {color: #000; font-size: 12px; margin: 0;}
.border {height: 1px; width: 100%; background: #e2e5e4; margin: 0 0 10px;}





#produktKategorier {display: none;}
#produktKategorier .widget-content {position: relative; padding-bottom: 30px;}
#i {position: absolute; bottom: -16px; right: 11px; width: 19px; height: 37px; background: #f3f3f3 url(images/i.png) no-repeat center top; }



.sidebar-nav, .wpsc_categories {font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;}
.sidebar-nav a,
.wpsc_categories a {
    display: block;
    border-left: 11px solid #95a8a2;
    margin: 0 0 5px;
    font-size: 13px;
    text-transform: uppercase;
    color: #000;
    padding: 0 0 0 5px;
    line-height: 11px;
    font-weight: normal;
    text-decoration: none;
}

.sidebar-nav .current_page_item a,
.sidebar-nav .current_page_parent a,
.sidebar-nav .current_page_ancestor a,
.wpsc-current-cat a,
.wpsc-cat-ancestor a {border-color: #57786c;}


/**  LVL 2  **/
.sidebar-nav ul,
.wpsc_categories ul {display: none;}
.sidebar-nav .current_page_item ul,
.sidebar-nav .current_page_ancestor ul,
.wpsc_categories .wpsc-current-cat ul,
.wpsc_categories .wpsc-cat-ancestor ul {display: block;}

.sidebar-nav ul a,
.wpsc_categories ul a {
    border: none;
    padding: 0 0 0 25px;
    text-transform: none;
    color: #7f7f7f;
}

.sidebar-nav ul a:hover,
.wpsc_categories ul a:hover {
    color: #57786c
}

.sidebar-nav ul .current_page_item a,
.wpsc_categories ul .wpsc-current-cat a {color: #57786c;}

.sidebar-nav a:hover,
.wpsc_categories a:hover {border-color: #57786c;}

.widget_wpsc_categorisation .widget-content {position: relative; padding-bottom: 30px;}
.widget_wpsc_categorisation .clear_category_group {position: absolute; bottom: -16px; right: 11px; width: 19px; height: 37px; background: #f3f3f3 url(images/i.png) no-repeat center top; }









/*---------------------------------------[   Footer   ]*/
#footerWrapper {border-top: 0px solid #7d978c; clear: both; margin: 0px 0 0; width: 100%; height: 280px; position: relative; z-index: 1;}
#footer { width: 940px; margin: 0 auto; overflow: hidden; font-size: 11px; color: #555; line-height: 1.3; padding: 60px 0 0;}
#footer h5 {margin: 0; text-transform: uppercase; font-weight: normal; font-size: 11px; color: #000;}
.footer-box {float: left; margin: 0 20px 0 0;}
.footer-box-1 {width: 230px; margin-right: 30px;}
.footer-box-2 {width: 109px;}
.footer-box-3 {width: 160px; border-left: 1px solid #d6d6d6; padding: 0 0 0 30px;}
.footer-box-4 {width: 160px;}
.footer-box-5 {width: 160px; margin: 0;}

.footer-list a {color: #555;}
.footer-list a:hover {color: #000;}
.footer-list span {margin: -1px 2px 0 0;; display: block; float: left;}

.dinwebb {display: block; height: 13px; width: 81px; text-indent: -50000px; background: url(images/dinwebb.png); position: absolute; top: 45%; right: 0px;}

#footerCat li {float: left; width: 50%;}
#footerCat span:before {content: '\00BB  '; float: left; display: block;}
#footerCat a {color: #555;}
#footerCat a:hover {color: #000}
#footerCat .SubCategories {display: none;}


#footer_text {height: 135px; color: #fff; font-size: 11px;}
#footer_text a {color: #fff; font-weight: normal;}
.f-wrap {margin: 0 auto; position: relative; width: 810px; padding: 20px 150px 0 0px;}
.footer-txt {margin: 0 0 15px;}

#omCookiesOpen {}


/*---------------------------------------[   big I   ]*/
#bigIWrapper {position: relative; z-index: 0; width: 100%;}
.big-i-absolute {position: absolute; bottom: 0px; left: 0px; width: 100%; overflow: hidden;}
.big-i {width: 940px; margin: 0 auto; height: 450px; position: relative;}
#bigI {width: 104px; height: 301px; position: absolute; top: 0px; right: -104px; background: url(images/big-i.png);}





/*---------------------------------------[   Ovrigt   ]*/

.redigera {background: url(images/edit.png) no-repeat left center; padding: 0 0 0 20px; height: 20px; line-height: 20px; clear: both;}
.hidden {display: none;}
.button, .knapp {display: block; float: left; background: #000 url(images/button.png) repeat-x; border: 1px solid #222; height: 23px; line-height: 23px; color: #ddd; font-weight: normal; text-decoration: none; padding: 0 5px; text-shadow: 1px -1px 0 #000, -1px 0 0 #000;}
.button:hover, .knapp:hover {color: #fff}



/*---------------------------------------[   Galleri   ]*/

.gallery {overflow: hidden;}
.gallery .gallery-item {float: left; margin: 0 20px 20px 0;}
.gallery .last {margin: 0 0 20px 1px;}
.gallery img {width: 208px;}




/*---------------------------------------[   Comments   ]*/

#respond {padding: 0 0px}

#respond li{padding: 3px 0;}
#respond code, #respond small {font-size: 14px;}

#commentform input, #commentform textarea {padding: 2px; font: 13px 'PTSansRegular', Arial, "Helvetica Neue", Helvetica, sans-serif; border: 1px solid #ddd}
#commentform input {width: 200px;}
#commentform textarea {width: 300px; height: 100px; float: none; clear: both;}
#commentform label {display: block; width: 100px; float: left; padding: 5px 0 0;}
#commentform small {}
#commentform #submit {border: 1px solid #ddd; margin: 10px 200px 0 0px; background: none; color: #1A82F7; width: 307px; cursor: pointer; text-align: center; padding: 0; float: none; clear: both; height: 25px; background: #fff}
#commentform #submit:hover {color: #777; border-color: #1A82F7;}

#comments {padding: 10px 0px;}


ol.commentlist { list-style:none; margin:0 0 10px; padding:0; text-indent:0; border-top: 1px solid #ddd;}
ol.commentlist li { list-style:none;}

ol.commentlist li.comment { border-bottom: 1px solid #ddd; padding:10px 20px; position: relative; }
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {font-size:20px}
ol.commentlist li.comment div.vcard cite.fn { font-style:normal; }
ol.commentlist li.comment div.vcard cite.fn a.url {text-decoration: none;}
ol.commentlist li.comment div.vcard img.avatar { border:1px solid #ddd; background: #aaa; float:left; padding:2px; margin: 0 7px 0 0;}
ol.commentlist li.comment p { clear: both; margin: 0px 0 0 0;}
ol.commentlist li.comment div.comment-meta { font-size:9px; padding: 0 0 10px}
ol.commentlist li.comment div.comment-meta a { color:#999; background: none;}
ol.commentlist li.comment div.comment-meta a:hover { color:#777; background: none;}

ol.commentlist li.comment div.reply {text-align: right; position: absolute; top: 5px; right: 20px;}
ol.commentlist li.comment div.reply a { font: bold 9px/20px Tahoma;}
ol.commentlist li.comment:hover .reply a{}
ol.commentlist li.comment .reply a:hover{ color: #777;}

ol.commentlist li.comment ul.children { list-style:none; margin:10px 0 0; text-indent:0; }
ol.commentlist li.comment ul.children li.depth-2 { border-left:0px solid #666; margin:0 0 0px 0px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left:0px solid #999; margin:0 0; }
ol.commentlist li.comment ul.children li.depth-4 { border-left:0px solid #bbb; margin:0 0; }
ol.commentlist li.comment ul.children li.depth-5 { border-left:0px solid #ddd;}

ol.commentlist li.even { background:#eee; }
ol.commentlist li.odd { background:#fff; }
ol.commentlist li.bypostauthor {background: #111;}
ol.commentlist li.parent { border-left:0px solid #444; }




/*---------------------------------------[   Cform   ]*/

.cform {width: 100%;}
.cform fieldset {border: none; margin: 0 0 10px; padding: 0;}
.cform legend {
    margin: 0px 0 0px;
    padding: 0px 0 5px;
    line-height: 1.1;
    color: #39457b;
    font-weight: bold;
}
.cform ol {list-style: none; padding: 0; margin: 0}
.cform li {overflow: hidden; padding: 0px 0 10px; float: left; width: 50%;}
.cform label {display: block; width: 100%; padding: 0 0 2px;}
.cform input, .cform textarea, .cform select {border: 1px solid #ddd; width: 200px; padding: 4px; font-size: 12px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #757575; background: none;}
.cform select {padding: 3px; width: 210px;}
.cform input:focus, .cform textarea:focus {}
.cform input {}
.cform textarea { clear: both; float: none; height: 120px; width: 430px}
.cform p {}
.cform .cf-sb {text-align: right}
.cform .sendbutton {cursor: pointer; width: 80px; background: #ddd; color: #fff; font-style: normal; margin: 0 20px 0; border: none;}
.cform .sendbutton:hover {border-color: #1A82F7; color: #777}


/* checkboxar */
.cform .cf-box-title {}
.cform .cf-box-group label {float: none; width: auto; display: inline; padding: 0 20px 0 5px; top: -3px; position: relative;}
.cform .cf-box-group input {float: none; width: auto; height: 15px; }

/* submit messages */
.cf_info {padding: 0px 0; color: #333; font-weight: bold;}
.failure {color: #e33; padding: 10px 0;}
.success {color: #3C9C05; padding: 10px 0;}
.cform .cf_error {border: 1px solid #e33}
.cform .cf_li_err {}

/* other */
.emailreqtxt, .reqtxt {display: none;}
.cform .cf_hidden {display: none;}
.cform .oblig {font-size: 10px;}
.linklove {display: none;}






/*---------------------------------------[   wp pageNavi   ]*/

.wp-pagenavi {display: block; clear: both; margin-bottom: 20px; background: none; line-height: 2; text-align: center;}

.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 3px 8px 3px 8px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #4B6A94;
	color: #4B6A94;
	background: none;
}
.wp-pagenavi a:visited {
	color: #4B6A94;
}
.wp-pagenavi a:hover {
	border: 1px solid #4B6A94;
	color: #fff;
	background-color: #4B6A94;
}
.wp-pagenavi a:active {
}
.wp-pagenavi span.pages {
	padding: 3px 8px 3px 8px;
	margin: 2px 2px 2px 2px;
	color: #fff;
	border: 1px solid #4B6A94;
	background-color: #4B6A94;
}
.wp-pagenavi span.current {
	padding: 3px 8px 3px 8px;
	margin: 2px;
	font-weight: bold;
	border: 1px solid #4B6A94;
	color: #fff;
	background-color: #4B6A94;
}
.wp-pagenavi span.extend {
	padding: 3px 8px 3px 8px;
	margin: 2px;
	border: 1px solid #4B6A94;
	color: #4B6A94;
	background: none;
}



/* Inspiration
********************************************/
.insp {padding: 10px; border: 5px solid #e1e5e4; background: #fff; margin: 0 0 20px;}
.insp-img {float: left; margin: 0 20px 0 0; display: block; height: 150px;}
.insp-img img {display: block; height: 150px; width: 200px;}
.insp-content {float: right; width: 450px;}



/* Inspirations bilder
********************************************/
#inspireSlideWrap {position: relative; width: 700px; height: 470px; overflow: hidden; margin: 0 0 20px;}

.i-slide {position: relative; width: 700px; height: 470px; }
.all-products {width: 48px; height: 48px; background: url(images/inspire-sprites.png) no-repeat -317px 0px; position: absolute; top: 10px; right: 10px; z-index: 20; cursor: pointer;}
.all-products-text {width: 230px; height: 48px; background: url(images/inspire-sprites.png) no-repeat -87px 0px;
position: absolute; top: 10px; right: 58px; z-index: 20; display: none;}

.i-p-n {position: absolute; top: 50%; left: 5px; z-index: 20; width: 26px; height: 54px; background: url(images/inspire-sprites.png) no-repeat -58px 0px; margin: -27px 0 0; cursor: pointer;}
#iNext {left: auto; right: 5px; background-position: -34px;}

#iNav {position: absolute; left: 10px; bottom: -85px; z-index: 20; padding: 5px 45px; background: url(images/trans-green.png); width: 590px; overflow: hidden;}
#iNav img {display: block; float: left; border: 1px solid #6d887f; margin: 0 5px 0;}
.i-nav-p-n {position: absolute; left: 15px; top: 50%; width: 15px; height: 21px; background: url(images/inspire-sprites.png) no-repeat -0px 0px; margin: -10px 0 0; cursor: pointer;}
#iNavNext {left: auto; right: 20px; background-position: -15px 0;}
.i-thumb-wrapper {width: 585px; height: 72px; overflow: hidden; position: relative;}
.i-thumb-scroll {position: absolute; top: 0px; left: 0px; width: 100%;}
#iNav .activeSlide img {border-color: #fff}

.i-fade {display: none;}

.i-border {position: absolute; background: url(images/trans-white.png); z-index: 25;}
.i-border-top {top: 0px; left: 0px; width: 100%; height: 5px;}
.i-border-right {top: 5px; right: 0px; width: 5px; height: 460px;}
.i-border-bottom {bottom: 0px; left: 0px; width: 100%; height: 5px;}
.i-border-left {top: 5px; left: 0px; width: 5px; height: 460px;}

#i_loading {position: absolute; z-index: 25; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 700px; height: 470px; background: url(images/trans-green.png);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
	filter: alpha(opacity=70); /* internet explorer */
	-khtml-opacity: 0.7;      /* khtml, old safari */
	-moz-opacity: 0.7;       /* mozilla, netscape */
	opacity: 0.7;           /* fx, safari, opera */
}
.loading-txt-img {width: 700px; height: 470px; background: url(images/ajax-loader5.gif) no-repeat center center; line-height: 600px; color: #fff; text-align: center; font-weight: bold;}



/* HOME slide
******************************************/
#slideWrap {position: relative; width: 700px; height: 470px; overflow: hidden; margin: 0 0 20px; background: #fff;}

.home-slide {position: relative; width: 700px; height: 470px; }
.home-text {position: absolute; bottom: /* -35 */10px; left: 10px; background: url(images/trans-green.png); width: 660px; padding: 10px; color: #fff; height: 55px; }
.home-title {color: #fff; font: bold 18px/1 "Lucida Grande", "Lucida Sans Unicode", sans-serif; margin: 0 0 10px;}
.home-text p {padding: 0; margin: 0;}
.home-text .knapp {float: right; margin: 0px 0 0 5px;}

#hNext {left: auto; right: 5px; background-position: -34px;}
.h-fade {display: none;}

#hNav {position: absolute; bottom: /*15*/ 65px; right: 20px; z-index: 25;}
#hNav a {display: block; width: 12px; height: 12px; overflow; hidden; float: left; text-indent: -99999px; background: #6d887f; margin: 0 0 0 5px; }
#hNav .activeSlide {background: #113126;}



/* Product slide
******************************************/
#prodSlideWrap {margin: 0 0 20px; border: 5px solid #e1e5e4; background: #fff; width: 690px; height: 250px; position: relative; overflow: hidden;}
#prodSlide {width: 690px; height: 250px;}
.prod-slide {width: 690px; height: 250px;}
.prod-slide-inside {padding: 25px 35px;}
.prod-slide-img {float: right; margin: 0 0 150px 20px; }
.prod-text {}
.prod-title {text-transform: uppercase;}

#prodSlideWrap .i-p-n {background: url(images/prod-arr.png) no-repeat -25px 0px; left: 0px;}
#prodSlideWrap #pNext {right: 0px; left: auto; background-position: 0 0;}




/* Kundbilder
********************************************/
#mainKund {position: relative; margin: 0 0 20px;}
.show-kundbilder {display: block; position: absolute; top: 50%; left: 50%; width: 68px; height: 68px; margin: -34px 0 0 -34px; background: url(images/play3.png); text-indent: -99999px;}
#mainKund a:hover .show-kundbilder {background-position: left bottom;}





/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(colorbox/images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(colorbox/images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(colorbox/images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}



/* Border cat img
************************************/
.c-border {position: absolute; background: url(images/trans-white.png); z-index: 25; overflow: hidden; line-height: 1px; font-size: 1px; display: block;}
.c-border-top {top: 0px; left: 0px; width: 100%; height: 5px;}
.c-border-right {top: 5px; right: 0px; width: 5px; height: 166px;}
.c-border-bottom {bottom: 0px; left: 0px; width: 100%; height: 5px;}
.c-border-left {top: 5px; left: 0px; width: 5px; height: 166px;}







/* Våra leverantörer
****************************************************/
#kunder td { border: 1px solid #e1e5e4; padding: 20px 0; vertical-align: middle;}





#omCookies {background: #000; width: 100%; min-height: 100%; height: 100%; position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 100;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70); /* internet explorer */
	-khtml-opacity: 0.7;      /* khtml, old safari */
	-moz-opacity: 0.7;       /* mozilla, netscape */
	opacity: 0.7;           /* fx, safari, opera */
}
#omCookiesText {width: 450px; background: #fff; padding: 20px 10px 20px; position: absolute; z-index: 120; top: 100px; left: 50%; margin: 0 0 0 -225px; border: 0px solid #E2E2E2; -moz-box-shadow: 0 0 15px #000}
#closeCookies {position: absolute; top: 5px; right: 10px;}
#cookieFrame {width: 450px; border: 0px solid #333;}
.h1footer{
	font-size: 1em;
}





/*   SEND LIST
********************************************/
#email_list_form_wrap {position: absolute; bottom: 0px; left: 0px; top: 0; right:0; background: rgba(0,0,0,.5); height: 100%; width: 100%;}
#email_list_wrap {position: absolute; top: 50%; left: 50%; background: #fff; border: 4px solid #57786c; padding: 20px; width: 280px; height: 50px; margin: -45px 0 0 -160px; -moz-box-shadow: 0 0 15px #000;}
.email-list {float: left; margin: 0 20px 0 0;}
.email-list label {display: block; height: 20px;}
.email-list input {border: 1px solid #ccc; padding: 4px; width: 200px;}
#email_list_wrap .button {position: absolute; top: 40px; right: 10px;}
.close-mail {width: 26px; height: 26px; background: url(images/close-list.png); position: absolute; top: 2px; right: 2px; cursor: pointer; z-index: 10}

#email_is_sent {position: fixed; top: 50%; left: 50%; background: #fff; border: 5px solid #57786c; z-index: 1000; font-size: 20px; height: 90px; line-height: 90px; width: 400px; text-align: center; margin: -50px 0 0 -200px;}

#email_form_loader {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(images/ajax-loader.gif) no-repeat center; display: none;}







#hello_mobile {display: block; background: #4a6b60; border-bottom: 4px solid #6d887f; z-index: 100; position: relative; color: #fff; padding: 15px; font-weight: bold; }
.mobile-ja-nej {padding: 10px 0 0;}
#hello_mobile a {color: #fff;}

.facebook a { line-height: 20px;}
.facebook .widget-title { font-size: 15px; padding: 13px 0 0;}


.facebook iframe { vertical-align: middle;  }