/* ----------------------------------------------------------------
    Default
---------------------------------------------------------------- */

* {
    font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
    color: #000;
}

html, body {
    font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    background: url(/images/layout/bgfade.gif) 0 0 repeat-x #cccccc;
    text-align: center;
    font-size: 12px;
    line-height: 128%;
}

body font {
    line-height: 100%;
}

table {
    border: none;
    margin: 0; padding: 0;
}

td, th {
    margin: 0; padding: 0;
    font-size: 12px;
    vertical-align: top;
    text-align: left;
}

p {
    font-size:12px;
    line-height:1.5em;
    margin-top:0;
    margin-bottom:12px;
}

h1 { font-size: 24px; padding: 0 0 0px 0; margin: 0;}
h2 { font-size: 18px; padding: 0 0 12px 0; margin: 0;}
h3 { font-size: 16px; padding: 0 0 10px 0; margin: 0;}
h4 { font-size: 13px; padding: 0 0 10px 0; margin: 0;}
h5 { font-size: 11px; padding: 0 0 8px 0; margin: 0;}
h6 { font-size: 10px; padding: 0 0 8px 0; margin: 0;}

a, img, a img {
    border: none;
}



a, a:visited, a:active, a:link, a:focus, a strong, a span {
    color: #0099ff;
    text-decoration: none;
    outline: none;
    border:  none;
}

a:active {
    color: #83b817;
    outline: none;
}

a:hover, a:hover strong, a:hover span {
    text-decoration: none;
    color: #83b817;
}

a:focus {
    -moz-outline-style: none;
}

a.toggle {
    color: #0099ff;
    text-decoration: underline;
}

ol {
    list-style-position: outside;
    margin: 0 0 15px 0;
    padding: 0 0 0 22px;
}

ol ol {
    margin-bottom: 0;
    margin-top: 5px;
}

ol.inner {
    list-style-type: lower-alpha;
}

ul {
    list-style-position: outside;
    list-style-image:url(/images/layout/arrow_right_black.gif);
    margin: 0 0 15px 0;
    padding: 0 0 0 16px;
}

ul ul {
    margin-bottom: 10px;
    list-style-image: none;
    list-style-type: square;
    margin-top: 8px;
}

li {
    margin-bottom: 5px;
    font-size:12px;
    line-height:1.5em;
}
dl {
    margin: 0 0 10px 0;
    padding: 0;
}

dt {
    font-weight: bold;
}

dd {
    background: url(/images/layout/arrow_right_blue.gif) 0 3px no-repeat;
    padding: 0 0 0 10px;
    margin: 0 0 0 0;
}

dl.black dd {
    background-image: url(/images/layout/arrow_right_black.gif);
}

dl.green dd {
    background-image: url(/images/layout/arrow_right_green.gif);
}

dl.green dd a {
    color: #c2cd23;
}

form {
    margin: 0;
    padding: 0;
}

input, textarea, select {
    font-size: 12px;
    padding: 2px 0;
    margin: 0;
}

/* ----------------------------------------------------------------
    Main layout
---------------------------------------------------------------- */

div.b2_site {
    /*min-height: 100%;*/
    width: 995px;
    margin: 0 auto;
    text-align: left;
    background: url(/images/layout/contentbg.png) 0 0 repeat-y;
}

div.b2_header {
    height: 88px;
    position: relative;
    margin: 0 26px 0px 26px;
    background: url(/images/layout/bg.jpg) center top no-repeat;
}

div.b2_header_retailer {
    background:transparent url(/images/layout/bg_af.gif) no-repeat scroll center top;
    height:80px;
    margin:0 26px 0;
    position:relative;
}

div.b2_header h1 {
    position: absolute;
    top: 0;
    left: 9px;
    text-indent: -9999px;
}

div.b2_header_retailer h1 {
    position: absolute;
    top: 0;
    left: 9px;
    text-indent: -9999px;
}

div.b2_header h1 a {
    width: 135px;
    height: 88px;
    display: block;
    border: none;
}

div.b2_header_retailer h1 a {
    width: 135px;
    height: 88px;
    display: block;
    border: none;
}

div.b2_content {
    width: 925px;
    margin: 0 35px 0 35px;
    min-height: 480px;
    padding: 15px 0 50px 0;
}

div.b2_content div.left {
    float: left;
    margin-bottom: 8px;
}

div.b2_content div.threeColumn {
    margin-left: 202px;
}

div.b2_content div.right {
    width: 200px;
}

div.b2_footer {
    clear: both;
    width: 995px;
    margin: -45px auto 0 auto;
    height: 45px;
    text-align: left;
    background: url(/images/layout/footerbg.png) left top no-repeat #ccc;
}

div.b2_footer ul.legal {
    margin: 20px 35px 0 0;
    float: right;
    list-style: none;
}

div.b2_footer ul.legal li {
    margin-left: 4px;
    float: left;
    list-style: none;
    background: none;
    padding-left: 0;
}

div.b2_footer ul.legal li a {
    float: left;
}

div.b2_footer ul.adminnav {
    float: left;
    margin: 20px 0 0 35px;
    padding: 0;
    list-style: none;
}

div.b2_footer ul.adminnav li {

}

div.b2_footer ul.adminnav li a {
    color: #666;
    font-size: 9px;
    border-right: 1px solid #999;
    padding-right: 5px;
}

/* ----------------------------------------------------------------
    Standard form elements
---------------------------------------------------------------- */

input.inputfield {
    border: 1px solid #ccc;
    background-color: #fff !important;
    padding: 2px;
}

input.inputradio {
    border: none;
    margin-bottom: -1px;
    margin-left: -3px;
}

input.inputbox {

}

input.inputimage {
    vertical-align:text-bottom;
    padding: 0;
}

input.inputbutton {
    vertical-align:text-bottom;
}

select.inputselect {
    border: 1px solid #ccc;
    background-color: #fff !important;
}

textarea.inputarea {
    border: 1px solid #ccc;
    background-color: #fff !important;
}

input[type="text"] {

}

input[type="radio"] {
    margin-left: 0;
    margin-bottom: -2px;
}

input[type="checkbox"] {
    margin: 0;
}

input[type="button"] {
    vertical-align: bottom;
}

input[type="image"] {
    vertical-align: bottom;
}

/* ----------------------------------------------------------------
    Standard form table
---------------------------------------------------------------- */

table.formular {
    width: auto;
    margin-bottom: 15px;
    border-collapse: collapse;
}


table.formular td, table.formular th {
    padding: 0 10px 5px 0;
    vertical-align:top;
}

table.formular tr.odd {
    background: url(/images/layout/table_border.gif) 0 0 repeat-x;
}

table.formular tr.odd td {
    background-color: #ededed;
}

table.formular tr td {
    padding-left: 0;
    padding-right: 10px;
    vertical-align: top;
    padding-top: 2px;
}

table.formular tr td.last {
    padding-right: 0;
}

/* ----------------------------------------------------------------
    Standard price table
---------------------------------------------------------------- */
table.priceTable {
    width:100%;
    margin-bottom: 15px;
    border-collapse: separate;
    border-bottom: 1px solid #dedede;
    empty-cells: show;
}
     

table.priceTable tr {
    border-right: 1px solid #dedede;
}

table.priceTable td {
    padding: 10px 2px;
    text-align: center;
    font-size: 12px;
    vertical-align: middle;
    border-top: 1px solid #dedede;
    border-right: 1px solid #dedede;
}

table.priceTable th {
    font-weight:bold;
    text-align:center;
    vertical-align: middle;
    padding: 10px 2px;
    font-size:12px;
    border-top: 1px solid #dedede;
    
}

table.priceTable tr.even td, table.priceTable tr.even th {
    background-color: #f1f1f1;

}

table.priceTable tr.odd td, table.priceTable tr.odd th {
    background-color: #fff;
}

table.priceTable td.left, table.priceTable th.left {
    text-align: left;
    padding-left: 8px;
    border-left: 1px solid #dedede;
}

table.priceTable td.right, table.priceTable th.right {
    text-align: right;
    padding-right: 8px;
    border-right: 1px solid #dedede;
}

table.priceTable tr.first th, table.priceTable tr.first td  {

}

table.priceTable tr.first td.left, table.priceTable tr.first th.left {
    background-image: url(/images/layout/simple_box_table_lt.gif);
    border: none;
}

table.priceTable tr.first td.right, table.priceTable tr.first th.right {
    background-image: url(/images/layout/simple_box_table_rt.gif);
    background-position: top right;
    border: none;
}

.priceTable.yellow .even td, .priceTable.yellow  .even th { background-color: #e5f2af !important;}
.priceTable.yellow  .odd td, .priceTable.yellow  .odd th { background-color: #fff !important;}

/* th not included by choice */
.priceTable.white .even td { background-color: #fff !important;}
.priceTable.white .odd td { background-color: #fff !important;}

table.priceTable td.center, table.priceTable th.center {
    text-align: center !important;
}

table.priceTable tr.selected td { 
    background: #e3ec7e !important; font-weight: bold;
}

/* ----------------------------------------------------------------
    Standard list table
---------------------------------------------------------------- */
table.listTable {
    width:100%;
    margin-bottom: 15px;
    border-collapse: collapse;
    border: 2px solid #e3e3e3;
    background: #f7f7f7;
}

table.listTable td {
    padding: 8px;
    border: 2px solid #dedede;
    text-align: left;
    vertical-align: top;
    font-weight: normal;
}

table.listTable td * {
    font-weight: normal;
}

table.listTable th {
    font-weight:normal;
    text-align:center;
    padding: 8px;
    border: 2px solid #dedede;
    color: #333;
}

/* ----------------------------------------------------------------
    Standard order table
---------------------------------------------------------------- */
table.orderTable {
    width:100%;
    margin-bottom: 15px;
    border-collapse: collapse;
    border: 2px solid #e3e3e3;
    background: #f7f7f7;
}

table.orderTable td {
    padding: 8px;
    border: 2px solid #dedede;
    text-align: left;
    vertical-align: top;
    font-weight: bold;
}

table.orderTable td * {
    font-weight: normal;
}

table.orderTable th {
    font-weight:normal;
    text-align:right;
    padding: 8px;
    border: 2px solid #dedede;
    color: #333;
    width: 1%;
}


/* ----------------------------------------------------------------
    Standard product table
---------------------------------------------------------------- */
table.productTable {
    width:100%;
    margin-bottom: 15px;
    border-collapse: collapse;
    border: 2px solid #e3e3e3;
    background: #f7f7f7;
}

table.productTable td {
    padding: 8px;
    border: 2px solid #dedede;
    text-align: center;
    vertical-align: top;
    font-weight: bold;
    vertical-align: middle;
}

table.productTable tr.normal td {
    font-weight: normal;
}

table.productTable th {
    font-weight:normal;
    text-align:center;
    padding: 4px 8px;
    border: 2px solid #dedede;
    color: #333;
    font-size: 10px;;
    vertical-align: middle;
    background: #ededed;
}

table tr.highlight {
    background-image: url(/images/layout/highlight.gif);
}

table tr.highlight td {
    background-image: url(/images/layout/highlight.gif);
}

/* ----------------------------------------------------------------
    Footnotes
---------------------------------------------------------------- */
ul.notes {
    list-style-image: url(/images/layout/note_one.gif);
}

ul.notes li {
    color: #999;
    font-size: 9px;
}

ul.notes li.one { list-style-image: url(/images/layout/note_one.gif); }
ul.notes li.two { list-style-image: url(/images/layout/note_two.gif); }
ul.notes li.three { list-style-image: url(/images/layout/note_three.gif); }
ul.notes li.four { list-style-image: url(/images/layout/note_four.gif); }
.note_one { background:  url(/images/layout/note_one.gif) right top no-repeat;  padding-right: 6px; }
.note_two { background:  url(/images/layout/note_two.gif) right top no-repeat; padding-right: 10px; }
.note_three { background:  url(/images/layout/note_three.gif) right top no-repeat; padding-right: 14px; }
.note_four { background:  url(/images/layout/note_four.gif) right top no-repeat; padding-right: 18px; }

.note {
    color:  #999;
    font-size:  10px;
}

/* ----------------------------------------------------------------
    Custom ordered list
---------------------------------------------------------------- */

ol.no {
    list-style: none;
    margin: 0;
    padding: 0;
}

ol.no li {
    background-position: 0 0;
    background-repeat: no-repeat;
    padding: 10px 0 0 55px;
    margin: 10px 0 0px 0;
    height: 40px;
}

ol.no li.no1 { background-image: url(/images/layout/list_01.gif); }
ol.no li.no2 { background-image: url(/images/layout/list_02.gif); }
ol.no li.no3 { background-image: url(/images/layout/list_03.gif); }
ol.no li.no4 { background-image: url(/images/layout/list_04.gif); }
ol.no li.no5 { background-image: url(/images/layout/list_05.gif); }
ol.no li.no6 { background-image: url(/images/layout/list_06.gif); }
ol.no li.no7 { background-image: url(/images/layout/list_07.gif); }
ol.no li.no8 { background-image: url(/images/layout/list_08.gif); }
ol.no li.no9 { background-image: url(/images/layout/list_09.gif); }

/* ----------------------------------------------------------------
    Related documents (pdf)
---------------------------------------------------------------- */

ul.relatednav {
    list-style-image: url(/images/layout/pdf.gif);
    margin-left: 8px;
}
ul.relatednav li{
    
}

ul.relatednav li.sidenav {
    font-size: 11px;    
}


/* ----------------------------------------------------------------
    FAQ menu
---------------------------------------------------------------- */

ul.faq {
   list-style-type: none;
   list-style-position:outside;
   list-style-image: none;
   padding-left: 0px;
   margin: 0; padding: 0;
}
ul.faq li {
   font-size: 15px;  
   margin: 0; padding: 0;
   font-weight: bold;
   color: #0099ff;
}
ul.faq li a {
   color: #000 !important;
}
ul.faq li a.active {
   color: #0099ff !important;
   font-weight: bold !important;
   text-decoration: underline !important;
}
ul.faq li a:hover {
   color: #0099ff !important;
}

/* level 2 */
ul.faq ul {
   list-style-type: none;
   margin-left: 8px;
}
ul.faq ul li {
   font-size: 10px;
   margin-top: 5px;
   color: #999 !important;
   font-weight: normal;
}
ul.faq ul li a {
   text-transform: capitalize;
   font-size: 12px;
}
ul.faq ul li a.active {
   color: #0099ff !important;
   font-weight: normal !important;
   
}
ul.faq ul li a:hover {

}

/* level 3 */
ul.faq ul ul {
   list-style-type: none;
   list-style-position: outside;
   background: #e9e9e9;
   padding: 5px 10px;
}
ul.faq ul ul  li {
    margin-top: 0px;
    color: #999 !important;
    margin: 5px 0;
}
ul.faq ul ul li a {
   text-transform: none;
   font-size: 11px;
   color: #666 !important;
}
ul.faq ul ul li a:hover {
    color: #000 !important;
    text-decoration: underline;
}

ul.faq .thin {
   font-size:1px;padding:0;margin:0;
}

/* ----------------------------------------------------------------
    Google search form
---------------------------------------------------------------- */

div.googleBox {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background-attachment:scroll;
    background-color:transparent;
    background-image:url(/images/layout/kundservice_puff_fragorochsvar.gif);
    background-position:0 0;
    background-repeat:no-repeat;
    height:87px;
    margin-bottom:12px;
    text-align:center;
    width:186px;
}

div.googleBoxNoBg {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background-attachment:scroll;
    background-color:transparent;
    background-position:0 0;
    background-repeat:no-repeat;
    height:87px;
    margin-bottom:12px;
    width:186px;
}

div.googleBox input.inputfield {
    width: 110px;
    padding: 2px;
}

div.googleBox form.googleSearch {
    padding-top: 45px;
}

form.googleSearch  input.q {
   width: 230px;
}

form.googleSearch  input.s {

}

/* ----------------------------------------------------------------
    Google search result
---------------------------------------------------------------- */
div.googleSearchResult {

}

div.googleSearchResultHead {
   
}

div.googleSearchResultHead  h3 {
   padding-top: 10px;
}

div.googleSearchResultData {

}

div.googleSearchResultData  a{
   font-size: 12px;
   text-decoration: underline;
}

ul.googleSearchResultNavigation {
   list-style-image: none;
   margin: 0;
   padding: 10px 0 0 0;
}

ul.googleSearchResultNavigation  li{
   display: inline;
}


/* ----------------------------------------------------------------
    Symbols
---------------------------------------------------------------- */

div.symbols {position:relative;z-index:100;}
div.symbols div {position:absolute;top:0;right:0;}
div.symbols div img { }


/* ----------------------------------------------------------------
    Misc.
---------------------------------------------------------------- */

.liten, .liten *, .small, .small * {
    font-size: 10px !important;
}

.fet, .fet *, .fat, .fat * {
    font-weight: bold;
}

.big, .big * {
/*  font-size: 12px !important;
    line-height: 130%; */
}

ol.big {
    margin-left: 2px;
}

ol.big li, ul.big li {
    padding-bottom: 4px;
}

.error, .error * {
    color: #f00;
    white-space: normal;
}

.extra, rod {
    color: #f00;
}

.disabled, .disabled * {
    color: #cacaca !important;
}

.speedText {
    border: 2px dashed #0099ff;
    background: #f0f0f0;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.tooltip {
    z-index: 9999;
}

.sep {
    border-top: 1px solid #ccc;
    padding-top: 15px;
    margin-top: 20px;
}

.clear {
    clear: both;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}


html[xmlns] .clearfix {
    display: block;
}

.multipleColor{
    float:left;
	margin-right:0.3em !important;
}

.titleDiv{
    clear:both !important;
    display:inline-block;
}