﻿body { background-image: url(../grafik/bg_fade.jpg); background-repeat: repeat-x; font-family: Arial, Sans-Serif; font-size: 12px; }

ul, li, body { margin: 0; padding: 0; }
ul { list-style-type: none; }

h1 { margin-top: 0px; }

a, a:visited, a:hover, a:active { color: Black; text-decoration: underline; cursor: pointer; }


img { border-style: none; }

/* Omsluter Header, Body och Footer */
#main { width: 939px; height: auto; background-color: White; color: Black; overflow: hidden; margin: 0 auto; }

#Header { width: 939px; height: 74px; overflow: hidden; }

#BgBody { width: 100%; height: 550px; background-color: White; color: White; }

#Body { /* dock är maxbredd 857 pga scrollningslisten */ width: 876px; height: 519px; padding: 30px 33px 0 30px; overflow: auto; color: Black; }
.default, .kontakt, .om { background-image: url(../grafik/bg_svart.gif); background-repeat: no-repeat; background-position: top left; }

.downloads, .ifokus, .produkter, .skadeguide { background-image: url(../grafik/bg_svart100.gif); background-repeat: repeat-x; background-position: top left; }

div.BodyContent { width: 857px; height: 100%; }

#Footer { width: 905px; height: 32px; margin: 0 17px; background-color: White; color: Gray; overflow: hidden; display: block; clear: both; border-top: 2px solid #ff0000; }
#Footer li { float: left; display: inline; }
#Footer p.MenuLabel { text-align: right; margin-top: 4px; margin-right: 6px; width: 899px; text-transform: uppercase; font-weight: bold; }
#selectMenu { font-size: 14px; border: 1px solid Black; width: auto; text-transform: none; font-weight: normal; }
html > body #selectMenu { /*width:89px;*/ }

#PuffColumn { width: 227px; height: auto; overflow: hidden; float: left; display: inline; }
div.Puff { margin: 0 0 30px 0; width: 227px; height: 135px; overflow: hidden; clear: both; }
div.Puff p.ReadMore { width: 185px; margin: 0 0 0 20px; text-align: right; }
.Gray1 { background-color: #efefef; color: Black; }
.Gray2 { background-color: #cccccc; color: Black; }
.Gray3 { background-color: #999999; color: Black; }

.PuffContent { margin: 25px 0 0 20px; width: 185px; height: 87px; overflow: hidden; }

div.Puff h1 { font-weight: bold; font-size: 12px; margin: 0; }
div.Puff p { margin: 0; }

.InspirationPuff p, .ContactPage p { margin: 0; }

ul.browseList { width: 243px; height: auto; overflow: auto; }
ul.browseList li { float: left; display: inline; width: 100px; margin-right: 10px; margin-bottom: 2px; }
html > body ul.browseList li { width: 76px; margin-right: 7px; }
ul.browseList li.Third { margin-right: 10px; }
html > body ul.browseList li.Third { margin-right: 0px; }
ul.SearchList li { margin-bottom: 2px; }

ul.ArticleReadMoreList { list-style-type: none; margin-top: 30px; }

ul.ArticleReadMoreList li { float: left; display: inline; width: 120px; margin-right: 10px; }
/* Skadeguiden */
ul.InjuryGuideSearchList { width: 275px; height: auto; overflow: hidden; }
ul.InjuryGuideSearchList li { display: inline; float: left; width: 85px; margin-right: 10px; margin-bottom: 2px; }
ul.InjuryGuideSearchList li.Third { margin-right: 0px; }
ul.InjuryGuideList { width: 462px; height: auto; overflow: hidden; }
ul.InjuryGuideList li { margin-bottom: 2px; }
div.ArticleList { width: 462px; height: auto; overflow: hidden; margin-bottom: 18px; }
div.ArticleList .Rub2 { margin-bottom: 3px; }

/* Kontakt */
ul.ContactList li { float: left; width: 100%; }

ul.MailingList li { float: left; width: 190px; }

img.ListImage { display: block; margin: 0 0 15px auto; border: 1px solid #cccccc; }

h1.Distributor { font-family: Arial, Sans-Serif; font-size: 16px; font-style: italic; margin: 0; }

img.Center { display: block; margin-left: auto; margin-right: auto; }

/** Nytt för medical **/
div.Column275_55 { width: 275px; height: auto; margin-right: 55px; float: left; display: inline; overflow: hidden; }
div.Column243_55 { width: 243px; height: auto; margin-right: 55px; float: left; display: inline; overflow: hidden; }
div.Column139_39 { width: 139px; height: auto; margin-right: 39px; float: left; display: inline; overflow: hidden; }
div.Column395_55 { width: 395px; height: auto; margin-right: 55px; float: left; display: inline; overflow: hidden; }
div.Column240_10 { width: 240px; height: auto; margin-right: 10px; float: left; display: inline; overflow: hidden; }
div.Column462 { width: 462px; height: auto; float: left; display: inline; overflow: hidden; }
div.Column573_55 { width: 573px; height: auto; overflow: hidden; float: left; display: inline; margin-right: 55px; }
div.Column563 { width: 573px; height: auto; overflow: hidden; float: left; display: inline; }
div.Column377_117 { width: 377px; height: auto; overflow: hidden; float: left; display: inline; margin-right: 117px; }
div.ColumnPI { width: 314px; height: auto; overflow: hidden; float: left; display: inline; }
div.Column227 { width: 227px; height: auto; overflow: hidden; float: left; display: inline; }

#SearchForm { width: 139px; height: auto; overflow: hidden; clear: both; margin-bottom: 40px; }
#searchProductName, #searchSerialNo { width: 91px; font-size: 12px; font-family: Arial, Sans-Serif; float: left; display: inline; margin-bottom: 5px; }
#SearchForm input.SearchSubmit { float: right; width: 34px; height: 19px; margin-top: 1px; }

#ProductsListing { width: 573px; height: auto; overflow: hidden; float: left; display: inline; margin-right: 55px; }
div.ProductCategory { width: 573px; height: auto; overflow: hidden; clear: both; }
div.Column259_55, div.Column259_0 { width: 259px; height: auto; margin-right: 55px; margin-bottom: 26px; float: left; display: inline; }
div.Column259_0 { margin-right: 0; }
img.ProductPuff { width: 78px; height: 106px; float: left; display: inline; margin-right: 10px; border: 1px solid #cccccc; }
div.ProductPuff h1.Rub2, div.ProductPuff p { margin: 0 0 3px; }
div.ProductPuff div.Content1 { float: left; display: inline; width: 168px; }
div.ProductPuff div.Content2 { height: 90px; width: 100%; overflow: hidden; }

.Underline { padding-bottom: 6px; border-bottom: 2px solid #ff0000; }

.ZeroMargins p, .ZeroMargins h1, .ZeroMargins h2, .ZeroMargins h3, .ZeroMargins h4, .ZeroMargins h5, .ZeroMargins h6 { margin: 0px; }

.Blocker { display: block; clear: both; }
.Floater { float: left; display: inline; }
.Centered { display: block; float: none; margin-left: auto; margin-right: auto; }
.Italic { font-style: italic; }
.Bold { font-weight: bold; }
p.BackButton { width: 100%; height: auto; overflow: hidden; clear: both; margin-top: 20px; }
div.StandardArticle p { margin: 0px 0px 6px; }
div.StandardArticle ul { list-style-type: disc; list-style-position: inside; margin-bottom: 6px; }

/* I Fokus */
div.InspirationPuff { width: 573px; height: auto; overflow: hidden; clear: both; margin-bottom: 30px; }
div.InspirationPuff img.PuffImage { float: left; display: inline; width: 110px; height: 64px; height: auto; margin-right: 10px; border: 1px solid #cccccc; }
div.InspirationPuff div.Content { width: 451px; height: auto; overflow: hidden; float: left; display: inline; }
img.Inspiration { width: 227px; height: auto; float: left; overflow: hidden; }

/* Downloads */
ul.LinkList { display: block; clear: both; margin-top: 5px; }
div.DownloadCategory { width: 563px; height: auto; overflow: hidden; clear: both; margin-bottom: 40px; }
div.DownloadCategory div.Thumbnail { float: left; display: inline; width: 113px; height: auto; overflow: hidden; margin-bottom: 20px; }

/* Produkter */
img.ProductBodyImage { display: block; margin: 42px auto 0px; clear: both; }

/* Skade- & sjukdomsindex */
img.InjuryGuideBodyImage { display: block; margin: 0px auto 0px; clear: both; }

/* Kontakt */
div.StaffPuff { width: 227px; height: auto; overflow: hidden; clear: both; margin: 0px 0px 30px 0px; }
div.StaffPuffFirst { margin-top: 42px; }
div.StaffPuff img { float: left; display: inline; margin-right: 10px; width: 75px; height: 100px; }
div.StaffPuff div.Content { width: 142px; height: auto; overflow: hidden; float: left; }
div.StaffPuff div.Content p { margin: 55px 0px 0px 0px; }

/* Spalterna på "Butiker"-sidan */
.Col { float: left; display: inline; width: 173px; height: auto; overflow: hidden; margin: 0 27px 0 0; }
.Col3 { margin: 0px; }
div.Stores { width: 573px; height: auto; overflow: hidden; padding: 0 0 10px 0; margin: 0 0 10px 0; }
div.Stores .Bold { color: #996666; }
div.Stores div.Store { width: 580px; overflow: hidden; padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #e37566; }
div.Stores div.Store p { width: 140px; margin-right: 5px; overflow: hidden; float: left; display: inline; }
p.UpOneLevel { margin-top: 0; }
p.UpOneLevel img { border-style: none; vertical-align: bottom; cursor: pointer; }

