/*[fmt]2A10-1A0B-3*/
/*

Theme Name: Bokföringenonline
Theme URI: http://bokforingenonline.se/
Description: Harmonic design inspired by the color of nature in synq with clean markup.
Version: 1.0
Author: Andreas Wikstrom
Author URI: http://ngweb.se/Andreas
Tags: green, puff, interactive
Text Domain: Bokföringenonline

Bokföringenonline v1.0
http://bokforingenonline.se

This theme was designed and built by Andreas Wikström,
whose site you will find at http://ngweb.se/


---------------------------------------------------------------------

@FONT-FACE

---------------------------------------------------------------------*/
@font-face  {
 font-family: Seravek-Medium;
 src: url(font/seravek-medium-webfont.eot);
}

@font-face  {
 font-family: Seravek-Medium;
 src: url(font/seravek-medium-webfont.ttf) format("truetype");
}

@font-face  {
 font-family: Seravek-Bold;
 src: url(font/seravek-bold-webfont.eot);
}

@font-face  {
 font-family: Seravek-Bold;
 src: url(font/seravek-bold-webfont.ttf) format("truetype");
}

@font-face  {
 font-family: Seravek-MediumItalic;
 src: url(font/seravek-mediumitalic-webfont.eot);
}

@font-face  {
 font-family: Seravek-MediumItalic;
 src: url(font/seravek-mediumitalic-webfont.ttf) format("truetype");
}

/*---------------------------------------------------------------------

RESET

---------------------------------------------------------------------*/
*  {
 /*[disabled]border:0 none #000000;*/
 font-family: inherit;
 font-size: 100%;
 font-style: inherit;
 font-weight: inherit;
 margin: 0;
 padding: 0;
 outline: 0;
 vertical-align: baseline;
}

:focus  {
 outline: 0;
 padding-right: 0px;
}

html  {
 height: 100%;
}

body  {
 line-height: 1;
 min-height: 100.15%;
}

ol, ul  {
 list-style: none;
}

table  {
 border-collapse: collapse;
 border-spacing: 0;
 width: 100%;
 /*+border-radius:5px;*/
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -khtml-border-radius: 5px;
 border-radius: 5px 5px 5px 5px;
}

caption, th, td  {
 font-weight: normal;
 text-align: left;
}

blockquote:before, blockquote:after, q:before, q:after  {
 content: "";
}

blockquote, q  {
 quotes: "" "";
 font-family: Georgia, Cambria, serif;
 font-style: italic;
 text-indent: 40px;
 background: url(img/bg_quote.png) no-repeat 0 15px;
 padding: 10px 0;
}

h1, h2, h3, h4, h5, h6  {
 font-weight: normal;
 line-height: normal;
 /*[ph]0*/
 /*[ph]1*/
 /*[ph]2*/
}

@media print  {
 h1, h2, h3, h4, h5, h6   {
  /*[id]0*/display: block;
  /*[id]1*/font-weight: bold;
  /*[id]2*/page-break-after: avoid;
 }

}

input, textarea, button, select  {
 font: inherit inherit 1em sans-serif;
 vertical-align: middle;
 border-width: 1px;
}

/*---------------------------------------------------------------------

TAGS

---------------------------------------------------------------------*/
body  {
 background: #CEDADF;
 color: #333;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 line-height: 24px;
 /*[ph]3*/
 /*[ph]4*/
 /*[ph]5*/
 /*[ph]6*/
}

@media print  {
 body   {
  /*[id]3*/background: none;
  /*[id]4*/color: #000;
  /*[id]5*/font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  /*[id]6*/font-size: 10pt;
 }

}

p, ul, ol  {
 margin: 0 0 20px;
}

strong  {
 font-weight: bold;
}

em  {
 font-style: italic;
}

a, a:link, a:visited  {
 color: #BC4112;
 text-decoration: none;
 /*[ph]7*/
 /*[ph]8*/
}

@media print  {
 a, a:link, a:visited   {
  /*[id]7*/color: #0000FF;
  /*[id]8*/text-decoration: underline;
 }

}

a img  {
 border: 0;
}

a:hover, a:active  {
 color: #0B4560;
}

h5  {
 font: 20px/24px Seravek-Medium, Calibri, sans-serif;
 color: #333333;
 /*[ph]9*/
 /*[ph]a*/
}

@media print  {
 h5   {
  /*[id]9*/font-size: 0.92em;
  /*[id]a*/margin: 1.67em 0;
 }

}

h6  {
 color: #002E43;
 font-weight: bold;
 font-size: 16px;
 padding: 5px 0;
 /*[ph]b*/
 /*[ph]c*/
}

@media print  {
 h6   {
  /*[id]b*/font-size: 0.83em;
  /*[id]c*/margin: 2.33em 0;
 }

}

/*tables*/
th  {
 background: #00618D url(img/bg_th.png) repeat-x bottom;
 padding: 10px;
 color: #D7E7EE;
 font-weight: bold;
}

th:first-child  {
 /*+border-radius:5px 0 0;*/
 -moz-border-radius: 5px 0 0;
 -webkit-border-radius: 5px 0 0;
 -khtml-border-radius: 5px 0 0;
 border-radius: 5px 0 0 0;
}

th:last-child  {
 /*+border-radius:0 5px 0 0;*/
 -moz-border-radius: 0 5px 0 0;
 -webkit-border-radius: 0 5px 0 0;
 -khtml-border-radius: 0 5px 0 0;
 border-radius: 0 5px 0 0;
}

td, table tr.totals td  {
 background: #F8F8F8 url(img/bg_td.png) repeat-x bottom;
 padding: 10px;
 border: 1px solid #F3F3F3;
}

tr:last-child td:first-child  {
 /*+border-radius:0 0 0 5px;*/
 -moz-border-radius: 0 0 0 5px;
 -webkit-border-radius: 0 0 0 5px;
 -khtml-border-radius: 0 0 0 5px;
 border-radius: 0 0 0 5px;
}

tr:last-child td:last-child  {
 /*+border-radius:0 0 5px;*/
 -moz-border-radius: 0 0 5px;
 -webkit-border-radius: 0 0 5px;
 -khtml-border-radius: 0 0 5px;
 border-radius: 0 0 5px 0;
}

tr:nth-child(2n+1) td, tr.product td  {
 background: #E3E9EE url(img/bg_td2.png) repeat-x bottom center;
}

/*Ändringar produktsida*/
#content #txt h1  {
 font: 30px/36px Seravek-Medium, Calibri, sans-serif;
 color: #000000;
 margin-bottom: 5px;
}

#prod_info  {
 width: 300px;
 float: right;
 margin-left: 10px;
}

/*Ändringar sökning*/
.exp_click, .bas_click, .adv_click, .allm_click  {
 cursor: pointer;
}

div.allm, div.bas, div.adv  {
 height: auto;
}

#tabsContainer .step-2 table.tableproduct tr td  {
 word-break: break-all;
 text-indent: 0;
 line-height: 16px;
 padding: 10px 5px;
}

#tabsContainer .step-2 table.tableproduct tr td img  {
 vertical-align: middle;
}

/*---------------------------------------------------------------------

BASE LAYOUT

---------------------------------------------------------------------*/
#container  {
 margin: 0 auto;
 width: 1000px;
}

#header, #banner, #content, #footer  {
 float: left;
 clear: both;
 width: 100%;
 position: relative;
}

div.center  {
 margin: 0 auto;
 width: 1000px;
 position: relative;
}

#header  {
/*background: url(img/nav_shadow.png) no-repeat 0 bottom;*/
 height: 155px;
/*padding: 0 0 7px;*/
 z-index: 5000;
}

#banner  {
 background: url(img/bg_banner2.jpg) no-repeat;
 margin: 0 0 15px;
 padding: 45px 0 0 22px;
}

#content  {
 padding: 0 0 60px;
}

#main  {
 float: left;
 width: 780px;
}

#sidebar  {
 float: right;
 width: 210px;
 padding: 0;
 /*[empty]background:;*/
}

#footer  {
 background: url(img/bg_footer.png) no-repeat;
 height: 112px;
 clear: both;
}

/*---------------------------------------------------------------------

NAVIGATIONS

---------------------------------------------------------------------
Main navigation
-------------------------------*/
#nav  {
 background: url(img/bg_nav.png) no-repeat;
 margin: 0;
 padding: 0 22px;
 width: 956px;
 height: 50px;
 position: absolute;
 bottom: 0;
 left: 0;
}

#nav>li  {
 float: left;
 background: url(img/bg_nav-divider.png) no-repeat right center;
 line-height: 50px;
 height: 50px;
 position: relative;
}

#nav>li>a  {
 float: left;
 color: #CEDADF;
 display: block;
 font-family: Seravek-Medium, Calibri, sans-serif;
 font-size: 16px;
 letter-spacing: -0.02em;
 text-decoration: none;
 text-shadow: -1px -1px #002E43;
 padding: 0 27px;
}

#nav>li>a:hover, #nav>li:hover>a  {
 color: #FF7C4A;
}

#nav>li>div.megamenu  {
 background: url(img/bg_nav-tip.png) no-repeat 30px 0;
 padding: 11px 0 0;
 position: absolute;
 top: 36px;
 left: -9999px;
}

#nav>li:hover>div.megamenu  {
 left: 2px;
}

#nav>li>div.megamenu>div.columns  {
 float: left;
 background: url(img/bg_nav-megamenu.png);
 border-radius: 7px;
 -moz-border-radius: 7px;
 -webkit-border-radius: 7px;
 padding: 25px;
 width: 490px;
}

#nav>li>div.megamenu>div.columns>div  {
 float: left;
 width: 140px;
}

#nav>li>div.megamenu>div.columns>div+div  {
 margin: 0 0 0 15px;
}

#nav>li>div.megamenu>div.columns>div>h4  {
 border-bottom: 1px solid #2F5D7B;
 color: #FF7B49;
 font-weight: bold;
 text-shadow: -1px -1px #002E43;
 text-transform: uppercase;
 font-size: inherit;
 padding: 0 0 8px;
 margin: 0;
}

#nav>li>div.megamenu>div.columns>div>ul  {
 border-top: 1px solid #003B57;
 margin: 0;
}

#nav>li>div.megamenu>div.columns>div>ul>li  {
 line-height: normal;
}

#nav>li>div.megamenu>div.columns>div>ul>li+li  {
 border-top: 1px solid #2F5D7B;
}

#nav>li>div.megamenu>div.columns>div>ul>li>a  {
 color: #F2F2F2;
 display: block;
 text-shadow: -1px -1px #002E43;
 padding: 8px 0;
}

#nav>li>div.megamenu>div.columns>div>ul>li+li a  {
 border-top: 1px solid #003B57;
}

/*Social navigation
-------------------------------*/
#social  {
 margin: 0;
 position: absolute;
 bottom: 10px;
 right: 12px;
}

#social li  {
 float: left;
 margin: 2px 0 0 10px;
}

#social li a  {
 float: left;
 background: url(img/bg_nav-social.png) no-repeat;
 display: block;
 text-indent: -9999px;
 width: 32px;
 height: 32px;
 margin-top: 10px;
}

#social li.twitter a  {
 background-position: 0 -42px;
}

#social li.facebook a:hover  {
 background-position: 0 -84px;
}

#social li.twitter a:hover  {
 background-position: 0 -126px;
}

/*Footer navigation
-------------------------------*/
#footer ul.nav  {
 margin: 0;
 position: absolute;
 bottom: 38px;
 right: 40px;
}

#footer ul.nav li  {
 color: #B0C5D0;
 display: inline;
 font-size: 12px;
 text-shadow: 0 1px #DBE4E9;
 margin-left: -2px;
}

#footer ul.nav li:before  {
 content: "|";
 padding: 0 8px;
}

#footer ul.nav li:first-child:before  {
 content: "";
 padding: 0;
}

#footer ul.nav li a  {
 color: #BC4112;
}

#footer ul.nav li a:hover  {
 text-decoration: underline;
}

/*---------------------------------------------------------------------

ELEMENTS, IDs, CLASSES

---------------------------------------------------------------------
Container
-------------------------------*/
.skip  {
 position: absolute;
 top: 0;
 left: -9999px !important;
}

/*Header
-------------------------------*/
#logo  {
 position: absolute;
 top: 23px;
 left: 16px;
}

#logo a  {
 background: url(img/logo.png) no-repeat;
 display: block;
 text-indent: -9999px;
 width: 303px;
 height: 54px;
}

#tagline  {
 color: #004869;
 text-shadow: 1px 1px #FFF;
 margin: 0;
 position: absolute;
 top: 60px;
 left: 73px;
}

#phone  {
 color: #003D59;
 font-family: Seravek-Medium, Calibri, sans-serif;
 font-size: 18px;
 letter-spacing: -0.02em;
 text-shadow: 1px 1px #FFF;
 margin: 0;
 position: absolute;
 top: 42px;
 right: 10px;
}

#phone span  {
 background: url(img/ico_phone.png) no-repeat;
 color: #BA3F11;
 margin: 0 0 0 4px;
 padding: 7px 0 7px 40px;
}

/*Banner
-------------------------------*/
#banner h2, #title h2, #banner h1, .narrowcolumn h3.pagetitle  {
 color: #003D59;
 font: 41px/41px Seravek-Medium, Calibri, sans-serif;
 margin: 0 0 25px;
 text-shadow: 1px 1px #FAFAFA;
}

#container .narrowcolumn h3.pagetitle  {
 font-size: 25px;
 margin-top: 10px;
 margin-bottom: 0;
}

#banner h2+p  {
 color: #000;
 font: 18px/26px Seravek-Medium, Calibri, sans-serif;
 margin: 0 0 18px;
 text-shadow: 1px 1px #FAFAFA;
 width: 640px;
}

#banner .in p, p.intro2  {
 color: #B3380F;
 font: 18px/22px Seravek-Bold, Calibri, sans-serif;
 text-shadow: 1px 1px #FAFAFA;
}

#tabsContainer  {
 margin: 0 0 0 -20px;
 width: 1000px;
}

#tabsContainer ol.nav  {
 overflow: hidden;
 margin: 0;
}

#tabsContainer ol.nav li  {
 background: url(img/banner_tabs.png) no-repeat 0 bottom;
 float: left;
 margin: 5px 0 0 -7px;
 position: relative;
 width: 217px;
 height: 83px;
}

#tabsContainer.narrow ol.nav li  {
 width: 200px;
 /*+border-radius:0 5px 0 0;*/
 -moz-border-radius: 0 5px 0 0;
 -webkit-border-radius: 0 5px 0 0;
 -khtml-border-radius: 0 5px 0 0;
 border-radius: 0 5px 0 0;
}

#tabsContainer.narrow ol.nav li a  {
 width: 110px;
 /*[empty]background-color:;*/
}

#tabsContainer ol.nav li.step-1  {
 z-index: 900;
}

#tabsContainer ol.nav li.step-2  {
 z-index: 700;
}

#tabsContainer ol.nav li.step-3  {
 z-index: 500;
}

#tabsContainer ol.nav li.step-4  {
 z-index: 300;
}

#tabsContainer ol.nav li.selected  {
 background: url(img/banner_tabs.png) no-repeat 0 0;
 margin: 0 -4px;
 height: 88px;
 z-index: 1500;
}

#tabsContainer ol.nav li a  {
 background: url(img/ico_tabs.png) no-repeat 26px -38px;
 color: #FFF;
 display: block;
 font: 18px/18px Seravek-Medium, Calibri, sans-serif;
 padding: 15px 12px 0 80px;
 width: 125px;
 height: 68px;
 cursor: default;
}

#tabsContainer ol.nav li.selected a  {
 color: #BA3F11;
 padding-top: 20px;
}

#tabsContainer ol.nav li a span  {
 color: #FFF5B7;
 display: block;
 font: 12px/13px Seravek-MediumItalic, Calibri, sans-serif;
 margin: 5px 0 0;
}

#tabsContainer ol.nav li.selected a span  {
 color: #A52B0A;
}

#tabsContainer ol.nav li.step-2 a  {
 background-position: 26px -175px;
}

#tabsContainer ol.nav li.step-3 a  {
 background-position: 26px -318px;
}

#tabsContainer ol.nav li.step-4 a  {
 background-position: 26px -479px;
}

#tabsContainer ol.nav li.step-1 a:hover  {
 background-position: 26px 30px;
}

#tabsContainer ol.nav li.step-1.selected a  {
 background-position: 25px 35px;
}

#tabsContainer ol.nav li.step-2 a:hover  {
 background-position: 26px -107px;
}

#tabsContainer ol.nav li.step-2.selected a  {
 background-position: 25px -102px;
}

#tabsContainer ol.nav li.step-3 a:hover  {
 background-position: 26px -240px;
}

#tabsContainer ol.nav li.step-3.selected a  {
 background-position: 25px -235px;
}

#tabsContainer ol.nav li.step-4 a:hover  {
 background-position: 26px -400px;
}

#tabsContainer ol.nav li.step-4.selected a  {
 background-position: 25px -396px;
}

#tabs, #tabs div.in  {
 background: url(img/bg_banner-body2.png) no-repeat;
 padding-bottom: 0 !important;
}

#tabs  {
 background-position: right bottom;
 background-color: #FAFDFF;
 padding: 0 0 49px;
}

#tabs div.in  {
 min-height: 130px;
 padding: 34px 34px 0;
 background-position: bottom right;
}

#tabs div h3  {
 font: 26px/39px Seravek-MediumItalic, Calibri, sans-serif;
 margin-bottom: 0px;
 margin-top: 10px;
}

/*Main
-------------------------------*/
#columns  {
 margin: 0 0 16px;
 overflow: hidden;
}

#columns div.column, #columns div.column>div  {
 background: url(img/bg_column2.png) no-repeat;
}

#columns div.column  {
 float: left;
 width: 254px;
}

#columns div.column+div.column  {
 margin: 0 0 0 9px;
}

#columns div.column>div  {
 background-position: right bottom;
 padding: 20px 15px 30px 20px;
}

#columns div.column h3  {
 color: #005075;
 font-family: Seravek-Medium, Calibri, sans-serif;
 font-size: 20px;
 margin: 0 0 15px;
}

#columns div.column p  {
 line-height: 22px;
 margin: 0 0 8px;
}

#columns div.column p img  {
 float: left;
 margin: -2px 8px 0 -10px;
}

#columns div.column p.more  {
 text-align: right;
 margin: 0;
}

#columns div.column p.more a  {
 background: #BC4112;
 border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 color: #FFF;
 font-size: 12px;
 text-shadow: -1px -1px #9C360F;
 padding: 3px 12px;
}

#columns div.column p.more a:hover  {
 background: #CD6000;
 text-shadow: -1px -1px #AA5000;
}

div.block, div.block>div, div .blockin  {
 background: url(img/bg_block2.png) no-repeat;
}

div.block  {
 margin: 20px 0 15px;
 background: url(img/bg_block2.png) no-repeat right top;
 zoom: 1;
}

div.block .blockin  {
 background-position: right bottom;
 padding: 25px 20px 40px;
}

div.block h3  {
 color: #005075;
 font-family: Seravek-Medium, Calibri, sans-serif;
 font-size: 20px;
 text-shadow: 1px 1px #FFF;
 margin: 0 0 8px;
}

#programs h3  {
 background: url(img/ico_programs.png) no-repeat;
 padding: 2px 0 4px 40px;
}

#programs ul  {
 margin: 15px 0 15px -27px;
 padding: 0 13px;
 overflow: hidden;
}

#programs ul li  {
 float: left;
 border-bottom: 1px solid #D7E7EE;
 margin: 0 0 0 27px;
 width: 220px;
 background: none;
 padding: 0;
}

#programs ul li a  {
 background: url(img/bullet.png) no-repeat 0 7px;
 display: block;
 text-shadow: 1px 1px #FFF;
 padding: 4px 10px 4px 23px;
}

#about p img  {
 float: right;
 margin: -20px 0 0 10px;
}

/*Sidebar
-------------------------------*/
#widgetsContainer, #widgetsContainer>div, #widgetsContainer>div>div  {
 background: url(img/bg_sidebar.png) no-repeat;
}

#widgetsContainer  {
 padding: 12px 0 0;
}

#widgetsContainer>div  {
 background-position: right bottom;
 padding: 0 0 12px;
}

#widgetsContainer>div>div  {
 background-position: center 0;
 background-repeat: repeat-y;
 padding: 0 20px 20px;
}

#widgetsContainer div.widget  {
 padding: 3px 0 0;
}

#widgetsContainer div.widget+div.widget  {
 margin: 30px 0 0;
}

#widgetsContainer div.widget h3  {
 color: #0B4560;
 font-family: Seravek-Medium, Calibri, sans-serif;
 font-size: 16px;
 text-shadow: 1px 1px #FFF;
 margin: 0 0 8px -2px;
}

#widgetsContainer div.widget_links h3, #widgetsContainer h3  {
 background: url(img/ico_widget.png) no-repeat;
 padding: 6px 0 6px 40px;
}

#widgetsContainer .widget_info  {
 margin-bottom: 10px;
}

#widgetsContainer div h3  {
 background-position: 0 -118px;
}

#widgetsContainer .widget_archive h3  {
 background-position: 0 -220px;
}

#widgetsContainer .widget_cat h3  {
 background-position: 0px -300px;
}

#widgetsContainer div.widget p  {
 line-height: 22px;
 margin: 0;
}

#widgetsContainer div.widget ul  {
 margin: 0;
}

#widgetsContainer div.widget ul li  {
 background: url(img/bg_widget-divider.png) no-repeat 0 bottom;
}

#widgetsContainer div.widget ul li a  {
 background: url(img/bullet_widget.png) no-repeat 0 12px;
 display: block;
 padding: 5px 0 4px 16px;
}

/*Footer
-------------------------------*/
#copyright  {
 color: #7DA4B7;
 font-size: 12px;
 text-shadow: 1px 1px #E7EDF0;
 margin: 0;
 position: absolute;
 bottom: 20px;
 left: 75px;
}

#copyright span.logo  {
 background: url(img/logo_alt.png) no-repeat;
 display: block;
 text-indent: -9999px;
 margin: 0 0 -3px -45px;
 width: 210px;
 height: 43px;
}

/*Varukorg
J_______________________________________

*/
#widgetsContainer #widgetshoppingcart h3  {
 background: url(img/varukorg.png) no-repeat left;
}

span.gocheckout a  {
 background: transparent url(img/bg_banner-submit_small.png) no-repeat;
 display: block;
 font: 16px/24px Seravek-Bold, Calibri, sans-serif;
 height: 14px;
 width: 140px;
 padding: 8px 30px 14px 10px;
 text-shadow: -1px -1px #7D280B;
 color: #FFFFFF;
 border: 0;
 margin: 0 0 14px 39px;
}

span.gocheckout a:hover  {
 background-position: 0 -44px;
}

span.gocheckout a:active  {
 background-position: 0 -88px;
}

.total .pricedisplay  {
 width: 100px;
}

#widgetsContainer div#widgetshoppingcart div  {
 height: auto;
}

/*---------------------------------------------------------------------

FORMS

---------------------------------------------------------------------
General styles
-------------------------------*/
input.text, select.select, textarea.textarea  {
 background: #EEE;
 border: 1px solid #999;
 color: #000;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 padding: 5px;
}

a.neutralbtn  {
 background: url(img/bg_btn_neutral.png);
 display: inline-block;
 width: 146px;
 text-align: center;
 line-height: 35px;
 color: #004869;
 border: 0;
 padding: 0;
 font-size: 16px;
}

select  {
 border: 1px solid #E4E4E6;
 padding: 5px;
 /*+border-radius:5px;*/
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -khtml-border-radius: 5px;
 border-radius: 5px 5px 5px 5px;
 background: #ECEDEF url(img/bg_select.png) repeat-x left bottom;
}

textarea  {
 overflow: auto;
}

button  {
 background: none;
 border: 0;
 text-align: center;
}

input.text, input[type="text"]  {
 background: #FFFFFF url(img/bg_input.png) no-repeat;
 border: 1px solid #B0C5D0;
 /*+border-radius:5px;*/
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -khtml-border-radius: 5px;
 border-radius: 5px 5px 5px 5px;
 padding: 4px;
}

input.text:focus, input[type="text"]:focus  {
 border-color: #2F5D7B;
}

select.select  {
 padding: 4px 2px;
 width: 262px;
}

textarea.textarea  {
 width: 400px;
 height: 90px;
}

input.text:focus, select.select:focus, textarea.textarea:focus  {
 background: #FFF;
 border: 1px solid #09F;
}

input.submit  {
 background: #09F;
 border: 0 none #000000;
 color: #FFF;
 cursor: pointer;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 16px;
 font-weight: bold;
 padding: 5px 20px;
}

form.form  {
/*-*/
}

form.form ol.fieldset  {
/*-*/
}

form.form ol.fieldset li.field  {
 position: relative;
}

form.form ol.fieldset li.field+li.field  {
 margin: 15px 0 0;
}

form.form ol.fieldset li.field label  {
 display: block;
 margin: 0 0 3px;
}

form.form ol.fieldset li.field input.checkbox+label, form.form ol.fieldset li.field input.radio+label  {
 display: inline;
 margin: 0 0 0 4px;
 vertical-align: middle;
}

form.form ol.fieldset li.field input.checkbox, form.form ol.fieldset li.field input.radio  {
 vertical-align: middle;
}

form.form p.submit  {
/*-*/
}

form.form p.fields  {
/*-*/
}

form.form p.fields label  {
/*-*/
}

form.form p.fields input  {
 vertical-align: middle;
}

form.form p.fields input.text  {
/*-*/
}

form.form p.fields input.submit  {
/*-*/
}

input[type="submit"], .neutralbtn  {
 background: url(img/bg_neutralbtn.png) repeat-x bottom;
 padding: 4px 5px;
 border: 1px solid #7A99A7;
 /*+border-radius:8px;*/
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 -khtml-border-radius: 8px;
 border-radius: 8px 8px 8px 8px;
 font-size: 13px;
 color: #002E43;
}

/*Individual forms
-------------------------------*/
#tabs form.form  {
 overflow: hidden;
}

.home#tabs form.form  {
 height: 171px;
}

#tabs form.form ol.fieldset  {
 margin: 0;
 overflow: hidden;
 padding: 0;
}

.page-template-searchpage-php #tabs form.form ol.fieldset  {
 float: none;
}

#tabs form.form ol.fieldset.search  {
 background: none;
 font-size: 14px;
}

#tabs form.form ol.fieldset.search li  {
 padding: 5px 0;
}

#tabs form.form ol.search li label  {
 color: inherit;
 font-size: inherit;
}

#tabs form.form ol.search li select  {
 width: 550px;
}

#tabs form.form ol.search li select option  {
 padding: 20px;
 /*+border-radius:0 0 5px 5px;*/
 -moz-border-radius: 0 0 5px 5px;
 -webkit-border-radius: 0 0 5px 5px;
 -khtml-border-radius: 0 0 5px 5px;
 border-radius: 0 0 5px 5px;
}

/*sparat   {
background: url(img/bg_banner-fields.png) no-repeat;
float: left;
padding: 0 0 0 27px;
width: 177px;
height: 62px;
}*/
#tabs form.form ol.fieldset li.field  {
 background: url(img/bg_banner-fields_small.png) no-repeat 0px 10px;
 padding: 0;
 width: 145px;
 height: 49px;
 float: left;
 padding-top: 21px;
}

#tabs form.form ol.fieldset li.field input.radio  {
 margin-left: 12px;
}

#tabsContainer #tabs form.form ol.fieldset li.field label  {
 line-height: 10px;
}

#tabs form.form ol.fieldset li.field+li.field  {
 margin: 0 0 0 10px;
}

/*sparat {
color: #4F5D62;
font: 21px/62px Seravek-Bold, Calibri, sans-serif;
text-shadow: 1px 1px #F1F7F9;
}*/
#tabs form.form ol.fieldset li.field label  {
 color: #4F5D62;
 font: 13px/62px Seravek-Bold, Calibri, sans-serif;
 text-shadow: 1px 1px #F1F7F9;
}

#tabs p.submit  {
 float: right;
 margin-left: 10px;
 background: url(img/bg_banner-fieldset.png) no-repeat left center;
 padding-left: 65px;
 margin-top: 10px;
}

#tabs input.submit  {
 background: transparent url(img/bg_banner-submit.png) no-repeat;
 display: block;
 font: 24px/24px Seravek-Bold, Calibri, sans-serif;
 height: 62px;
 width: 224px;
 padding: 13px 30px 14px 0;
 text-shadow: -1px -1px #7D280B;
 color: #FFFFFF;
 border: 0;
}

#tabs .step-2 p.submit  {
 float: none;
 clear: left;
 padding: 20px 0;
 margin: 0;
}

#tabs .step-2 p.submit input  {
 margin: 0;
}

/*Dessa två störde söket i IE*/
#tabs input.submit:hover  {
 /*[disabled]background-position:0 -70px;*/
 /*[disabled]color:#FCF6A9;*/
}

#tabs input.submit:active  {
 /*[disabled]background-position:0 -139px;*/
 /*[disabled]color:#FCF6A9;*/
}

/*Blog
-------------------------------*/
#banner.title  {
 background: url(img/bg_title.png);
}

#txt h3, #blog h3  {
 font: 30px/36px Seravek-Medium, Calibri, sans-serif;
 color: #000000;
}

p.meta  {
 font-family: Georgia, serif;
 padding: 0;
 margin: 5px 0;
}

a.author  {
 color: #2F5D7B;
}

h4, #blog h4  {
 font: 24px/28px Seravek-Medium, Calibri, sans-serif;
 color: #69A8C2;
}

#blog h4  {
 clear: both;
}

.block ul li  {
 background: url(img/bullet_blog.png) no-repeat 0 4px;
 padding: 0 0 2px 20px;
 margin-left: 10px;
}

#blog h5  {
 font-family: Georgia, "Times New Roman", serif;
 font-size: 18px;
 font-weight: bold;
 font-style: italic;
}

.aligncenter, div.aligncenter  {
 display: block;
 margin-left: auto;
 margin-right: auto;
}

.alignleft  {
 float: left;
 margin-right: 20px;
 margin-bottom: 20px;
 /*[empty]background-color:;*/
}

.alignright  {
 float: right;
 margin-right: 20px;
}

.wp-caption  {
 background-color: #F3F3F3;
 border: 1px solid #DDD;
 -khtml-border-radius: 3px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
/*optional rounded corners for browsers that support it*/
 margin: 10px;
 padding-top: 4px;
 text-align: center;
}

.wp-caption img  {
 border: 0 none #000000;
 margin: 0;
 padding: 0;
}

.wp-caption p.wp-caption-text  {
 font-size: 11px;
 line-height: 17px;
 margin: 0;
 padding: 0 4px 5px;
}

.block.bloglist  {
 background-image: url(img/bg_block3.png);
}

#main .bloglist h3  {
 padding: 0;
 margin: 0 !important;
 line-height: 1;
}

.bloglist p.meta  {
 padding: 0;
 margin: 5px 0;
}

.bloglist  {
 position: relative;
}

.bloglist .blockin  {
 padding-bottom: 20px !important;
 overflow: hidden;
}

.bloglist p.more  {
 position: absolute;
 bottom: -12px;
 right: 2px;
 float: right;
 background-color: #DFE7EB;
 /*+border-radius:5px 0 0;*/
 -moz-border-radius: 5px 0 0;
 -webkit-border-radius: 5px 0 0;
 -khtml-border-radius: 5px 0 0;
 border-radius: 5px 0 0 0;
}

.bloglist p.more a  {
 padding: 5px 10px;
 display: inline-block;
}

.bloglist p.more a img  {
 display: inline-block;
}

.bloglist p.more a.morelink  {
 background-color: #004D71;
 color: #FFFFFF;
 font-family: Saravek-medium;
 font-family: Seravek-Medium, Calibri, sans-serif;
 font-size: 16px;
 padding: 5px 20px;
 /*+border-radius:0 0 5px;*/
 -moz-border-radius: 0 0 5px;
 -webkit-border-radius: 0 0 5px;
 -khtml-border-radius: 0 0 5px;
 border-radius: 0 0 5px 0;
 /*+text-shadow:-1px -1px 0px #002E43;*/
 -moz-text-shadow: -1px -1px 0px #002E43;
 -webkit-text-shadow: -1px -1px 0px #002E43;
 -o-text-shadow: -1px -1px 0px #002E43;
 text-shadow: -1px -1px 0px #002E43;
}

.bloglist .blockin  {
 padding-bottom: 20px !important;
 overflow: hidden;
}

.bloglist p.more a.morelink:hover  {
 background-color: #A52B0A;
 /*+text-shadow:-1px -1px 0px #7D280B;*/
 -moz-text-shadow: -1px -1px 0px #7D280B;
 -webkit-text-shadow: -1px -1px 0px #7D280B;
 -o-text-shadow: -1px -1px 0px #7D280B;
 text-shadow: -1px -1px 0px #7D280B;
}

/*sok*/
#tabs div.step-2  {
 width: 712px;
 background: url(img/bg_block2.png) no-repeat bottom right;
 padding-bottom: 34px !important;
}

.narrow #tabs  {
 background: url(img/bg_block2.png) no-repeat;
 width: 780px;
 position: relative;
 top: -24px;
}

/*KASSA*/
#sidebar #widgetsContainer .widget_info h3  {
 background: url(img/ico_widget.png) no-repeat 0 -118px;
}

div.step-3 button.remove_button, div.step-3 input[type="submit"], .neutralbtn  {
 cursor: pointer;
}

div.step-3  {
 overflow: hidden;
}

.step-3 a.neutralbtn  {
 float: right;
 font-size: 16px;
}

.product td img  {
 display: inline-block;
 vertical-align: middle;
 margin-right: 5px;
}

td.price  {
 font-size: 16px;
 text-align: right;
}

td.price a  {
 display: inline-block;
 margin-left: 10px;
 vertical-align: middle;
}

td.price strong  {
 /*+text-shadow:1px 1px 0 #FFFFFF;*/
 -moz-text-shadow: 1px 1px 0 #FFFFFF;
 -webkit-text-shadow: 1px 1px 0 #FFFFFF;
 -o-text-shadow: 1px 1px 0 #FFFFFF;
 text-shadow: 1px 1px 0 #FFFFFF;
}

tr.totals td  {
 text-align: right;
}

div#tabs div.cartform  {
 float: right;
 padding: 10px;
 width: 300px;
}

.cartform h4  {
 color: #002E43;
 margin-top: 20px;
}

div#tabs div.cartform p  {
 color: #333;
 font-weight: normal;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
}

div#tabs div.cartform em  {
 font-family: Georgia, Cambria, serif;
 color: #4F5D62;
}

div#tabs div.cartform input[type=text], div#tabs div.cartform input.text  {
 width: 285px;
}

div.cartform p.submit  {
 margin: 0;
 padding: 0;
 text-align: right;
 float: right !important;
}

div.cartform p.submit input  {
 margin: 0;
 padding: 0;
}

div#tabs div.carttxt  {
 float: left;
 width: 350px;
 padding: 111px 20px 20px !important;
}

div#tabs div.carttxt p  {
 color: #333;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 line-height: 1.4em;
}

/*---------------------------------------------------------------------

PRINT

---------------------------------------------------------------------*/
@media print  {
 code, pre   {
  font-family: "Courier New", Courier, mono;
 }

}

@media print  {
 img   {
  float: left;
  clear: left;
  page-break-inside: avoid;
  page-break-after: avoid;
 }

}

@media print  {
 blockquote, table, pre   {
  page-break-inside: avoid;
 }

}

@media print  {
 ul, ol, dl   {
  page-break-before: avoid;
 }

}

@media print  {
 h1   {
  font-size: 3em;
  margin: 0.67em 0;
 }

}

@media print  {
 h2   {
  font-size: 2em;
  margin: 0.83em 0;
 }

}

@media print  {
 h3   {
  font-size: 1.5em;
  margin: 1em 0;
 }

}

@media print  {
 h4   {
  font-size: 1em;
  margin: 1.33em 0;
 }

}

@media print  {
 #footer, #nav, .nav, form, .skip   {
  display: none;
 }

}

.narrow #tabs div.in  {
 background: url(img/bg_block2.png) no-repeat bottom right;
}

/*Sökgrid*/
.productDiv  {
 text-align: center;
 border: 1px solid #DDD;
 margin: 10px 10px 10px 5px;
 float: left;
 width: 218px;
 background: #FFFFFF;
 -moz-border-radius: 5px;
 border-radius: 5px;
 height: auto;
}

p.sortera  {
 margin-bottom: 0px;
}

.grid_bild  {
 max-height: 120px;
}

.productDiv_top  {
 height: 175px;
 padding: 10px 10px 0;
}

/*Bortkommmenterad
..productDiv_bottom {
height:280px;

}*/
#search_container  {
 padding: 5px 0;
}

.res_title  {
 font-size: 15px;
 font-weight: bold;
 font-family: "Segoe UI", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", arial, sans-serif;
 letter-spacing: 0.1px;
 line-height: 17px;
 margin-bottom: 15px;
 display: block;
}

table.tableproduct, #prod_info table  {
 border-collapse: collapse;
 margin-top: 10px;
 table-layout: fixed;
}

#tabsContainer .step-2 table.tableproduct tr td, #prod_info table tr td.tablewhat  {
 width: 40%;
}

.step-2 table.tableproduct tr td, #prod_info table tr td  {
 border-bottom: 1px dotted #DDDDDD;
 text-align: left;
 text-indent: 10px;
 color: #454545;
 font-family: "Segoe UI", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", arial, sans-serif;
 font-size: 11px;
 /*[disabled]letter-spacing:0.1px;*/
 line-height: 20px;
 padding: 8px;
}

#search_container input.wpsc_buy_button  {
 float: none;
}

.grid_foot  {
 margin-top: 15px;
 padding: 0 10px 10px;
}

.grid_foot img  {
 float: left;
}

#footer_ov  {
 width: 600px;
}

.topplista .icon  {
 background-position: 0 -109px;
}

.white  {
 background: #FFFFFF;
}

.puff .puff_buy form  {
 width: 64px !important;
 display: inline;
}

.puff .productDiv  {
 background: #FFFFFF;
 margin: 10px;
}

.clearfix  {
 clear: both;
}