@import url(sa_basic.css);
html
    { height: 100%; }
body 
    { color: #5d666f; font-family: tahoma, arial, helvetica, sans-serif; background-image: url(../images/background.png); background-repeat: repeat-x; background-color:#fff; height: auto; }
#container 
    { 
        width: 1020px; 
        margin:auto;
        }
#header 
    { 
        width: 1020px; 
        height: 60px; 
        z-index: 2; 
        background:url(../images/SA_design_head.png);
        margin-top:27px;
        margin-bottom:6px;
        }
#nav 
    { 
        height:22px;
        margin-bottom:6px;
        }
#bottom 
    { 
        clear: both;
        }
.sidebarWrapper
    { width:130px; float:left; overflow:hidden; border:solid 0 #f00; margin-left:10px; }
.sidebar
    { 
        margin-bottom:8px;
        }
/*  --------------------------------------------- */
.menuLink
    {
        display:block;
        }
#m1
    {
        background:url(../images/handla.png) no-repeat;
        width:109px;
        height:22px;
        float:left;
        }
#m1:hover
    {
        background:url(../images/handla_02.png) no-repeat;
        }
#m2
    {
        background:url(../images/Sportapoteket.png) no-repeat;
        width:104px;
        height:22px;
        float:left;
        }
#m2:hover
    {
        background:url(../images/Sportapoteket_02.png) no-repeat;
        }
.menuFill
    {
        float:left;
        }
.clearer
    {
        clear:both;
        display:block;
        height:0px;
        margin:0;
        padding:0;
        }
/* ---------------------------------------------------------------------- */
#shopbox 
    { 
        background:transparent; 
        width: 880px; 
        /*border: solid 2px #c0d704; */
        float:left;
        margin-bottom:6px;
        }
.boxContent
{
    background:#FFF;
    overflow:hidden;
    padding-right:10px;
    height:100%;
    }
#boxBig
{
    width:860px;
    /*height:600px;*/
    }
#boxSmall
{
    width:104px;
    }
.wrapperLeft
    {
        background:url(../images/crnL.jpg) repeat-y;
        padding-left:8px;
        height:100%;
        }
.wrapperRight
    {
        background:url(../images/crnR.jpg) repeat-y right center;
        padding-right:8px;
        height:100%;
        }
.boxMargin
{
    height:8px;
    width:100%;
    border:solid 0 #f0f;
    overflow:hidden;
    }
.boxMiddle
{
    height:8px;
    border:solid 0 #f00;
    margin:0 8px;
    }
.boxRight
{
    height:8px;
    width:8px;
    float:right;
    }
.topLeft
    {
        background:url(../images/crnTL.png) no-repeat;
        }
.topRight
    {
        background:url(../images/crnTR.png) no-repeat;
        }
.topMiddle
    {
        background:url(../images/crnT.jpg) repeat-x;
        }
.bottomLeft
    {
        background:url(../images/crnBL.png) no-repeat;
        }
.bottomRight
    {
        background:url(../images/crnBR.png) no-repeat;
        }
.bottomMiddle
    {
        background:url(../images/crnB.jpg) repeat-x;
        }
.allBoxContentLeft
    { font-size: 14px; font-weight: bold; color: #5d666f
    ; font-family: tahoma, arial, helvetica, sans-serif; }
.topBoxContentLeft
    { font-size: 18px; font-weight: bold; color: #5d666f
    ; font-family: tahoma, arial, helvetica, sans-serif; }
.allBoxContentLeft
   { font-size: 14px; font-weight: bold; color: #5d666f
   ; font-family: tahoma, arial, helvetica, sans-serif; }
.topBoxContentLeft
   { font-size: 18px; font-weight: bold; color: #5d666f
   ; font-family: tahoma, arial, helvetica, sans-serif; }