﻿.nodata
{
    color:#FFF;
}


.edit
{
    background:#FFF;
}
    .edit p, .edit label                    {font-weight:bold;}
    .edit input                             {margin:0px0px3px0px;}

    .edit .productBox-toptools              {border-bottom:solid 1px #CCC;padding:5px 5px 10px 5px;}
    .edit .productBox-toptools .righttools  {float:right;}
    .edit .imgtools                         {margin: 2px 0px 1px 0px;}
    
    .edit .description input                {width:250px;}
    .edit .description textarea             {width:250px;height:200px;}

.insert
{
    height: 300px;
    background: #FFFF99;
}


/* Vänstermenyn */
#mainLeft 
{
    float:left;
    width:147px;
} 
    #mainLeft ul.leftmenu
    {
        background: url(../img/bg_leftmenu.gif) repeat-y;
        margin: 2px 0px 0px 2px;
    }
    #mainLeft ul.leftmenu li
    {
        padding:5px 0px 4px 10px;
        list-style:none;
    }
    #mainLeft li a
    {
        letter-spacing: 0.12em;
    }
    
    #mainLeft ul.leftmenu li.item-orange                            {background:url(../img/bg_leftmenu_item.gif) left top no-repeat;}
    #mainLeft ul.leftmenu li.item-orange a                          {color:#FB851A;}
    #mainLeft ul.leftmenu li.item-orange a:hover                    {color:#feb676;}
    #mainLeft ul.leftmenu li.item-orange ul.submenu li              {margin: 4px 0px 4px 0px;padding:0px 0px 0px 12px;line-height:1.1;}
    #mainLeft ul.leftmenu li.item-orange ul.submenu li a            {font-size:0.8em;}
    #mainLeft ul.leftmenu li.item-orange ul.submenu li.selected     {background:url(../img/ico_leftmenu_dotorange.gif) left no-repeat;}
    #mainLeft ul.leftmenu li.item-orange ul.submenu li.selected a   {color:#feb676;}
    
    #mainLeft ul.leftmenu li.item-green                             {background:url(../img/bg_leftmenu_item.gif) left top no-repeat;}
    #mainLeft ul.leftmenu li.item-green a                           {color:#45A12A;}
    #mainLeft ul.leftmenu li.item-green a:hover                     {color:#9cd88b;}
    #mainLeft ul.leftmenu li.item-green ul.submenu li               {margin: 4px 0px 4px 0px;padding:0px 0px 0px 12px;line-height:1.1;}
    #mainLeft ul.leftmenu li.item-green ul.submenu li a             {font-size:0.8em;}
    #mainLeft ul.leftmenu li.item-green ul.submenu li.selected      {background:url(../img/ico_leftmenu_dotgreen.gif) left no-repeat;}
    #mainLeft ul.leftmenu li.item-green ul.submenu li.selected a    {color:#9cd88b;}
    
    #mainLeft ul.leftmenu li.item-blue                              {background:url(../img/bg_leftmenu_item.gif) left top no-repeat;}
    #mainLeft ul.leftmenu li.item-blue a                            {color:#009EE0;}
    #mainLeft ul.leftmenu li.item-blue a:hover                      {color:#66c3e9;}
    #mainLeft ul.leftmenu li.item-blue ul.submenu li                {margin: 4px 0px 4px 0px;padding:0px 0px 0px 12px;line-height:1.1;}
    #mainLeft ul.leftmenu li.item-blue ul.submenu li a              {font-size:0.8em;}
    #mainLeft ul.leftmenu li.item-blue ul.submenu li.selected       {background:url(../img/ico_leftmenu_dotblue.gif) left no-repeat;}
    #mainLeft ul.leftmenu li.item-blue ul.submenu li.selected a     {color:#66c3e9;}
    
    #mainLeft ul.leftmenu li.item-darkRed                           {background:url(../img/bg_leftmenu_item.gif) left top no-repeat;}
    #mainLeft ul.leftmenu li.item-darkRed a                         {color:#ac1d14;}
    #mainLeft ul.leftmenu li.item-darkRed a:hover                   {color:#e6534a;}
    #mainLeft ul.leftmenu li.item-darkRed ul.submenu li             {margin: 4px 0px 4px 0px;padding:0px 0px 0px 12px;line-height:1.1;}
    #mainLeft ul.leftmenu li.item-darkRed ul.submenu li a           {font-size:0.8em;}
    #mainLeft ul.leftmenu li.item-darkRed ul.submenu li.selected    {background:url(../img/ico_leftmenu_dotdarkred.gif) left no-repeat;}
    #mainLeft ul.leftmenu li.item-darkRed ul.submenu li.selected a  {color:#e6534a;}
    
    
    #mainLeft li.last                                   {font-size:0.01%;height:1px;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;background:#1A171B url(/img/bg_leftmenu_item.gif) left top no-repeat;}
    

.productListHeader
{
   color: #737D88;
   font-size: 130%;
   font-weight: normal;
   letter-spacing: 0.2em;
   margin: 0px 0px 5px 0px;
   padding: 0px 0px 0px 0px;
}

.productBox
{
    min-height:141px;
    background-color: #fff;
    border:solid 2px #CCC;
    margin-bottom:10px;
}

.productBox.start	{width:620px;}

    .productBox .thumbnail                              {float:left;margin:5px 5px 0px 0px;}
    .productBox .photo                                  {float:left;width:250px;margin:5px 10px 5px 4px;}
    .productBox .photoProductList                       {float:left;margin:5px 10px 5px 4px;}
    .productBox .price                                  {float:right;width:200px;margin:4px 0px 0px 0px;}
    .productBox .price h2 span                          {font-size: 80%;}
    .productBox .price p.ordprice                       {font-size: 80%;margin:2px 0px 0px 0px;}
    .productBox .price p.quantity                       {margin:10px 0px 0px 0px;}
    .productBox .description                            {margin:4px 200px 0px 270px;padding:0px 20px 0px 0px;}
    .productBox .description .kampanjtext               {color:#ac1d14;}
    .productBox .descriptionProductList                 {margin:4px 200px 0px 140px;padding:0px 20px 0px 0px;}
	.productBox .descriptionProductList .large          {margin:4px 20px 0px 140px;padding:0px 20px 0px 0px;}
    .productBox .descriptionProductList .kampanjtext    {color:#ac1d14;}
    .productBox .descriptionProductList .more           {margin:0px 0px 10px 4px;}
    .productBox .descriptionProductList .more a         {font-size:80%;color:#000000;padding-left:2px;}
    .productBox .descriptionProductList .more a:hover   {color:#ccc;}
    .productBox .price .kampanj                         {margin:25px 0px 0px 0px;position:absolute;}
    .productBox .price .nytt                            {margin:0px 0px 0px 100px;position:absolute;}

.productBoxHl
{
    background-color: #f0f0f0;
    cursor: pointer;
}

.productBoxInactive
{
    background-color: #cecece;
    border:solid 2px #ff0500;
}

.productTextBox
{
    min-height:141px;
    background-color: #e6e7e9;
    border:solid 2px #CCC;
    margin-bottom:10px;
}

    .productTextBox .photoProductList                       {float:right;padding: 5px 110px 5px 0px;}
    .productTextBox .descriptionProductList                 {margin:4px 240px 0px 10px;padding:0px 20px 0px 0px;}
    .productTextBox .descriptionProductList h2              {color: #323438;}
    .productTextBox .descriptionProductList p               {}
    
    
.bgWhite        {background:#FFF;}
.border         {border:solid 1px #CCC;}
.footer         {margin-left:20px;}
.logo
{
    position:absolute;
    margin:45px 0px 0px 10px;
}

.orange             {color:#FB851A;}
.green              {color:#45A12A;}
.blue               {color:#009EE0;}
.darkRed            {color:#ac1d14;}
.editcolor          {color:#42bc00;}
.editcolor:hover    {color:#5aff00;}



/* Modalpopupstyles */
.modalBackground 
{
	background-color:Black;
	filter:alpha(opacity=60);
	opacity:0.6;
}

.modalPopup 
{
	background-color:#ffffff;
	border-width:2px;
	border-style:solid;
	border-color:Gray;
	padding:2px;
}

.itemHover
{
	background-color:Gray;
	filter:alpha(opacity=60);
	opacity:0.6;
}

.FileLibrary
{
    
}

/* ----------------------- */

/* Nyhetsblocket på startsidan*/
#Default-News
{
    float:right;
    width:150px;
    padding:10px;
    background:#FFF;
    border:solid 2px #CCC;
    text-align: center;
} 
#Default-News h2
{
    margin: 0px 0px 10px 0px;
    color: #323438;
    font-size: 1.3em;
    letter-spacing: 0.2em;
    text-transform: uppercase;
} 
#Default-News .block
{
    margin: 0px 0px 20px 0px;
    text-align: left;
} 
#Default-News .block h3
{
    margin: 0px 0px 0px 0px;
    letter-spacing: 0.1em;
    color: #222325;
} 
#Default-News .block p.text
{
    margin: 0px 0px 0px 0px;
    color: #222325;
} 
#Default-News .block p.date
{
    margin: 0px 0px 0px 0px;
    font-size: 0.9em;
    color:#222325;
}
#Default-News .block p.link
{
    margin: 2px 0px 0px 0px;
    text-align: right;
} 
#Default-News .block p.link a
{
    font-size: 0.9em;
}

/* Nyhetssidan*/ 
.News-Block
{
    margin: 20px 0px 10px 0px;
} 
.News-Block h3
{
    margin: 0px 0px 0px 0px;
    letter-spacing: 0.1em;
} 
.News-Block p.text
{
    margin: 0px 0px 0px 0px;
} 
.News-Block p.date
{
    margin: 0px 0px 0px 0px;
    font-size: 0.9em;
    color:#222325;
}

.News-Block-Admin
{
    margin: 0px 0px 50px 0px;
}
.News-Block-Admin .big-block
{
    float: left;
    width: 400px;
    margin: 0px 20px 0px 0px;
}
.News-Block-Admin .short-block
{
    float: left;
    width: 180px;
}


/* Adminläge*/
/* ------- ADMIN --------- */
.adminMenu
{
    margin:0px 0px 15px 0px;
    background:#F2F2F2;
    width:200px;
    padding:2px;
    border:solid 1px #CCC;
}

.adminMenu img  {margin:0px 4px -3px 0px;}

