﻿/* -- GENERAL DEFINITIONS ----------------------------------------------- */
h1, h2, h3, h4{margin:0px; padding:0px;}
* 
{
    font-family: Verdana, Sans-Serif;
    font-size: 11px;
}

body
{
    margin: 0px;
    padding: 0px;
    background: #cecece url(/App_Themes/FrameworkBasic/images/custom/body-bg.png) center top repeat-y;
    color: #666666;
}

/* CSS FOR BUG WHERE THE POPUP CONTAINERS OCCUPY SPACE AT THE BOTTOM OF THE PAGE */
#ctl00_cip
{
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
}

#ctl00_main_showpage
{
    display: block;
}


h1
{
    font-size: 20px;
    color: #f90;
    font-weight: bold;
    padding: 0 0 15px;
}

a, a:visited
{
    color: #000000;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

a:active
{
    
}

a img
{
   border: 0px;
}

.WaterMark
{
    color: #999;
}

table
{
    border-collapse: collapse;
    margin: 0px;
    border: 0px;
}

td
{
    padding: 0px;
    margin: 0px;
    border: 0px;
}

/* -- SURROUNDING FRAMEWORK ----------------------------------------------- */

div.OuterWrapper
{
    background: url(/App_Themes/FrameworkBasic/images/custom/bg-fade.png) repeat-x;
}

div.TopSpacer
{
    display:none;
}

div.TopSpacerInner1, div.TopSpacerInner2
{}

table.SitePositioner
{
    width: 100%;
    background: url(/App_Themes/FrameworkBasic/images/custom/bg-traction.png) center top no-repeat;    
}

table.SitePositioner td.LeftSpacer, table.SitePositioner td.SiteWrapper, table.SitePositioner td.RightSpacer
{
    vertical-align: top;
}

div.BottomSpacer
{
    background: url(/App_Themes/FrameworkBasic/images/custom/bottom-spacer-bg.png) center top repeat-y;
    width: 1027px;
    padding: 20px 0;
    margin: 0 auto;
    display: none;
}

div.BottomSpacerInner1, div.BottomSpacerInner2
{
    
}

.FooterContentBodyCssClass
{
    padding: 0 40px;
}

/* -- Left & right areas -- */

td.LeftSpacer
{

      font-size:0px;
}

div.LeftSpacerInner1
{

}

div.LeftSpacerInner2, div.LeftSpacerInner3
{}


td.RightSpacer
{

}

div.RightSpacerInner1
{
  
}

div.RightSpacerInner2, div.RightSpacerInner3
{}


/* -- Site content containers -- */

td.SiteWrapper
{
    width: 1003px;
    background: #f9f9f9 url(/App_Themes/FrameworkBasic/images/custom/site-wrapper-bg.gif) 174px 142px no-repeat;       
}

div.SiteWrapper
{
    width: 1003px;
    position: relative;
}



/* -- TOP AREA ----------------------------------------------- */

div.TopArea
{
    background: transparent url(/App_Themes/FrameworkBasic/images/custom/logo-bg.png) top left no-repeat;  
    height: 145px;
}


/* -- LOGO AREA ----------------------------------------------- */
div.LogoWrapper
{
    float: left;
}

div.LogoHeader
{
    background: url(/App_Themes/FrameworkBasic/images/custom/logo-header-bg.jpg) no-repeat;
    width: 668px;
    height: 0px;
    display:none; 
}

div.LogoBody{position:absolute; top:30px; left:272px;}

div.LogoBody a, div.LogoBody img
{
    display: block;
} 

div.LogoFooter
{
    background: #fff;
    width: 668px;
    height: 15px;
    display:none; 
}



/* -- CART AREA ----------------------------------------------- */


div.CartArea
{
    float: right;
    width: 255px;
    height: 135px;
    overflow: hidden;
    margin:0px;
    padding:0px;
    background: url(/App_Themes/FrameworkBasic/images/custom/sv-SE/cart-wrapper-bg.jpg) no-repeat; 
    
}

div.SmallCartWrapper
{
    width: 255px;
    height: 135px;
    position: relative;
}

span.SmallCartItemsLabel, span.SmallCartSumLabel
{
    font-weight:normal;
}

span.VatSelectorLabel label
{
    font-size: 0.8em;
}

div.CultureSelectorWrapper
{
    height: 25px;
    position:absolute;
    top:61px;
    left:287px;
    width: 130px;
}

div.CultureSelectorHeader
{
    display: none;
}

div.CultureSelectorBody
{
    padding-top: 13px;
    font-size: 17px;
    color: #fff;
}

a.CultureSelectorItem, a.CultureSelectorItem span
{
    font-family: Arial, Sans-Serif;
    font-size: 11px;
    color: #000000;
}

a.CultureSelectorItem
{
    margin-right: 10px;
}

a.CultureSelectorItemSelected
{
    text-decoration: underline;
}


div.SmallCartHeader
{
    padding: 10px 0px 0px 130px;
    text-align: left;
    color: #000000;
    margin-bottom:8px;
}

div.SmallCartHeader h2
{
    margin:0px; padding:0px; text-transform:uppercase; visibility:hidden;
}

div.SmallCartBody
{
    padding: 6px 0px 0px 96px;
    text-align: left;
    color: #000000;
}

div.SmallCartBody span{}

span.SmallCartItemsValue
{
    margin: 0px 3px 0px 3px;
}

div.SmallCartSum
{
    margin-top: 2px;
}

span.SmallCartSumLabel
{
    margin-right: 5px;
}

div.CurrencySelectorWrapper
{
    margin-top: 4px;
    height:15px;
}

div.CurrencySelectorHeader
{
    float: left;
    padding-left: 10px;
    padding-top: 2px;
    display:none;
}

div.CurrencySelectorHeader h3
{
    margin: 0px;
    padding: 0px;
    font-weight: normal;
}

div.CurrencySelectorBody
{
    float:left;
    padding-right: 0px;
}

div.CurrencySelectorBody label
{
    font-size: 10px;
    position: relative;
    top: -1px;
}

div.CurrencySelectorBody div.Spacer
{
    display: none;
}

div.CurrencySelectorFooter
{

    height: 0px;
    font-size: 0px;
    display: none;
}
    

div.VatSelector
{
    clear: both;
    margin-top: 9px;
}


div.SmallCartButtons
{
    margin-top: 8px;
}

div.ViewCartButton
{
    position:absolute;
    left: 15px;
    top:95px;
    display:none; /* not needed */
}

div.CheckoutButton
{
    position: absolute;
    top: 35px;
    left: 12px;
}

div.MyPagesButton
{
    position: absolute;
    top: 63px;
    left: 12px;
}

div.LogInOutButton
{
    position: absolute;
    top: 92px;
    left: 12px;
}

div.SmallCartButtons a, div.SmallCartButtons img
{
    display: block;
}

div.ViewCartButton a
{
    display: inline;
    font-size: 19px;    
}

div.ViewCartButton img
{
    display: inline;
    vertical-align: text-top;
}


div.SmallCartButtons a:active
{
    background-position: 0px -29px;
}


div.ViewCartButtonEnabled a:hover img, 
div.ViewCartButtonEnabled a:active img,
div.CheckoutButtonEnabled a:hover img, 
div.CheckoutButtonEnabled a:active img, 
div.MyPagesButtonEnabled a:hover img, 
div.MyPagesButtonEnabled a:active img, 
div.LogInOutButton a:hover img, 
div.LogInOutButton a:active img
{
    /*visibility: hidden;*/
}




span.SmallCartItemsValue, span.SmallCartItemsSuffix, span.SmallCartSumValue{color:#138bcd;}

/* -- PAGE MENU ----------------------------------------------- */

div.PageMenuWrapper
{
    width: 790px;
    height: 24px;
    overflow: hidden;
    background: url(/App_Themes/FrameworkBasic/images/custom/sv-SE/page-menu-wrapper-bg.gif) no-repeat;
    position:absolute; top:112px; left:0px;
    display: none;
}

div.PageMenuHeader
{
    display:none;
}

div.PageMenuBody
{padding-left:185px;}

div.PageLinkWrapper
{
    float: left;
    height:24px;
    padding-left:0px;
    padding-right:0px;
    /*background: url(/App_Themes/FrameworkBasic/images/custom/pagelink-divider.gif); background-position:right; background-repeat:no-repeat;*/
}

div.PageLinkWrapper a
{
    display: block;
    margin-top:5px;
}



div.PageLinkWrapper a:hover
{
    /*opacity: 0; 
    filter: alpha(opacity=0);*/
    text-decoration:none;
}

div.PageLinkFirst
{padding-left:0px;}

div.PageLinkFirst, div.PageLinkLast
{}




a.PageLink,a:visited.PageLink
{ color:red;}

a.PageLink span.LinkSpacerLeft
{
    display:none
}

a.PageLink span.LinkText
{
    font-size:14px;
}

a.PageLink span.LinkSpacerRight
{
    display:none
}


div.PageLinkDivider
{
    float: left;
}

div.PageMenuFooter
{
    clear: both;
    height: 34px;
    display:none;
}

div.PageLink1 a.PageLink span.LinkText{margin-left:40px; margin-right:41px; visibility:hidden;}
div.PageLink2 a.PageLink span.LinkText{margin-left:26px; margin-right:20px; visibility:hidden;}
div.PageLink3 a.PageLink span.LinkText{margin-left:33px; margin-right:15px; visibility:hidden;}
div.PageLink4 a.PageLink span.LinkText{margin-left:12px; margin-right:12px; visibility:hidden;}
div.PageLink5 a.PageLink span.LinkText{margin-left:12px; margin-right:12px; visibility:hidden;}


/* -- LEFT AREA ----------------------------------------------- */

div.LeftArea
{
    float: left;
    width: 162px;
    padding-left: 12px;
    margin-top:0px;
}

/* -- SEARCH BOX ----------------------------------------------- */
div.SearchBoxWrapper
{
    padding-top: 38px;
    margin-bottom:0px;
    height:30px; width:162px;  
    padding-bottom:8px;       
}

div.SearchBoxHeader
{ display:none;}

div.SearchBoxBody
{
    padding-left:11px;
}

div.SearchBoxInput
{
    float:left;
    margin-right: 0px;
    padding: 0px;
}
div.SearchBoxInput input
{
    width: 100px;
    border-top: 1px solid #7d7d7d;
    border-right: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
    border-left: 1px solid #7d7d7d;
    background: url(/App_Themes/FrameworkBasic/images/custom/search-box-input-bg.gif) no-repeat;    
    margin: 0px;
    padding: 2px 2px 2px 2px;
}



div.SearchBoxButton
{
    float:left;
    margin: 0px;
    _margin-top: 1px;    /* IE6 workaround */
    padding-right:0px;
    padding-left:5px;
     
}

div.SearchBoxButton a
{
    display: block;
}

div.SearchBoxButton img
{
    display: block;
}

div.SearchBoxButton a:hover img, div.SearchBoxButton a:active img
{
    /*visibility: hidden;*/
}

div.SearchBoxButton a:active
{
    background-position: 0px -50px;
}
 

div.SearchBoxFooter
{
    clear:both;
}



/* -- PRODUCT CATEGORY MENU ----------------------------------------------- */
div.ProductMenuWrapper
{
    padding-top:0px;
    margin-top:0px;
}

div.ProductMenuHeader
{
    background: url(/App_Themes/FrameworkBasic/images/custom/product-menu-header-bg.gif) no-repeat;
    margin:0px; height:34px; width:162px;
}

div.ProductMenuHeader h3
{
    padding:0px;
    margin:0px;
    color:White;
    display:none;
    }

div.ProductMenuBody       
{
    border-left:0px solid #eeeeee; border-right:0px solid #eeeeee;
    padding:4px 0px 4px 10px;
    background: url(/App_Themes/FrameworkBasic/images/custom/productmenu-bg.png) repeat-y;
}




div.ProductMenuBody a:hover, div.ProductMenuBody span:hover{text-decoration: none;}

div.ProductMenuBody span
{
    font-weight: normal;
    color: #fff;
} 

div.ProductMenuBody a.ProductCategoryNameSelected span.ProductCategoryName
{
    font-weight: bold;
    color: #f90;
}   



td.NodeControl
{
    padding-bottom: 0px;
    vertical-align: middle;
    padding-right: 4px;
    font-size: 0px;
}

td.NodeControl img
{
    padding-bottom: 1px;
    width: 7px;
    height: 7px;
    
}

div.ProductCategoryLevel1, div.ProductCategoryLevel1 table, 
div.ProductCategoryLevel1 td
{
    margin: 0;
    padding: 0;
    height: 0px;
}    

div.ProductCategoryLevel1 td.NodeControl
{
    display: none;
}   


div.ProductCategoryLevel1 a
{
    display: block;
    position: absolute;
    top: 113px;
    width: 112px;
    height: 18px;
    text-align: center;
    padding: 4px 0 0;
    overflow: hidden;
    background: url(/App_Themes/FrameworkBasic/images/custom/top-catlink-bg.png) 0 0px no-repeat;
}   

div.ProductMenuBody div.ProductCategoryLevel1 a span.ProductCategoryName
{
    color: #000;
}   

div.ProductCategoryLevel1 a:hover
{
    background-position: 0 -30px;
}   


div.ProductMenuBody div.ProductCategoryLevel1 a.ProductCategoryNameSelected,
div.ProductMenuBody div.ProductCategoryLevel1 a.ProductCategoryNameSelected:hover,
div.ProductMenuBody div.ProductCategoryLevel1 a.ProductCategoryNameSelected span.CategoryName,
div.ProductMenuBody div.ProductCategoryLevel1 a.TopCategoryNameSelected,
div.ProductMenuBody div.ProductCategoryLevel1 a.TopCategoryNameSelected:hover,
div.ProductMenuBody div.ProductCategoryLevel1 a.TopCategoryNameSelected span.CategoryName
{
    background-position: 0 -60px;
    font-weight: bold;
    color: #000;
}   





div.ProductTreeRoot1 div.ProductCategoryLevel1 a
{
    left: 189px;
}   

div.ProductTreeRoot2 div.ProductCategoryLevel1 a
{
    left: 302px;
}  

div.ProductTreeRoot3 div.ProductCategoryLevel1 a
{
    left: 415px;
}  

div.ProductTreeRoot4 div.ProductCategoryLevel1 a
{
    left: 528px;
}  

div.ProductTreeRoot5 div.ProductCategoryLevel1 a
{
    left: 641px;
}  

div.ProductTreeRoot6 
{
    display: none;
}  


div.ProductCategoryLevel2
{
    padding-top: 5px;
    margin-left:3px;
    margin-right:13px;
    padding-bottom:2px;
    border-top:1px solid white;
    margin-top:3px;
}    

div.ProductCategoryLevel1 + div.ProductTreeLevelWrapper2 div.ProductCategoryLevel2
{
    border:none;
}

div.ProductCategoryLevel2 a span.ProductCategoryName
{
    font-size: 11px;
    text-transform: none;
}

div.ProductCategoryLevel3 a span.ProductCategoryName
{
    font-size: 10px;

}

div.ProductCategoryLevel3
{
    padding-left: 11px;
    padding-top: 1px;
}    

div.ProductCategoryLevel4
{
    padding-left: 22px;
    padding-top: 1px;
}

div.ProductCategoryLevel4 a span.ProductCategoryName
{
    font-size: 10px;
}

div.ProductCategoryLevel5
{
    padding-left: 33px;
    padding-top: 1px;
}

div.ProductCategoryLevel6
{
    padding-left: 44px;
    padding-top: 1px;
}

div.ProductCategoryLevel7
{
    padding-left: 55px;
    padding-top: 1px;
}



div.ProductCategoryLevel5 a span.ProductCategoryName,
div.ProductCategoryLevel6 a span.ProductCategoryName,
div.ProductCategoryLevel7 a span.ProductCategoryName
{
    font-size: 10px;
}

div.ProductMenuFooter
{
    clear:both;
    background: url(/App_Themes/FrameworkBasic/images/custom/productmenu-bottom.png) no-repeat;
    padding:10px 0px;
}

/*ProductTreeLevelBody1, ProductTreeLevelBody2, ProductTreeLevelBody3, ProductTreeLevelBody4{padding-bottom:10px;}*/

/* -- INFO AREA ----------------------------------------------- */

div.InfoTextWrapper
{
    margin-top: 6px;
}

/* -- MAIN AREA ----------------------------------------------- */

div.MainArea
{
    width: 615px;
    margin: 0px 0px 0px 0px;
    border-left: 0px solid #eee;
    border-right: 0px solid #eee;
    overflow: hidden;
    padding-top:11px;
    background: transparent url(/App_Themes/FrameworkBasic/images/custom/mainarea-bottom-bg.gif) no-repeat bottom;
    padding-left:20px; padding-right:20px;
    padding-bottom:51px;
    margin-top:11px;
}

div.MainAreaCheckout
{
    background: url("/App_Themes/FrameworkBasic/images/custom/main-area-checkout-bg.png") no-repeat scroll 0 0 transparent;
    border-left: 0 solid #EEEEEE;
    border-right: 0 solid #EEEEEE;
    display: inline;
    float: left;
    margin: 0 0 0 6px;
    overflow: hidden;
    padding: 10px 18px 0 24px;
    position: relative;
    width: 770px;
}

/* -- INFORMATION PAGE  ----------------------------------------------- */
div.PageDetailsPageWrapper
{
}

div.PageDetailsHeader
{
    /*background: url(/App_Themes/FrameworkBasic/images/custom/category-page-header-bg.gif) repeat-y;*/
    padding: 0px 0px 0px 0px;
    height: 48px;    
    display: none;
}

div.PageDetailsHeader h1
{
    text-align:left;
    margin: 0px;
    color: #000;
    font-size: 22px;
    font-weight: normal;
    padding-top: 5px;
}

div.PageDetailsBody
{
    padding-top: 5px;
}

div.PageDetailsImage
{
    float: left;
    margin-right: 16px;
}
    
div.PageDetailsText
{
    float: left;
    font-family: Georgia, Sans-Serif;
    font-size: 12px;
}
    

div.PageDetailsFooter
{
    clear:both;
    height: 0px;
}



/* -- CATEGORY PAGE  ----------------------------------------------- */
div.CategoryPageWrapper
{
}

div.CategoryPageHeader
{
    /*background: url(/App_Themes/FrameworkBasic/images/custom/category-page-header-bg.gif) repeat-y;*/
    padding: 0px 0px 0px 0px;
    height: 48px;    
}

div.CategoryPageHeader h1
{
    text-align:left;
    margin: 0px;
    color: #000;
    font-size: 22px;
    font-weight: normal;
    padding-top: 5px;
}

div.CategoryPageBody
{
    padding-top: 0px;
}

div.CategoryPageImage
{
    float: left;
    margin-right: 16px;
}
    
div.CategoryPageText
{
    float: left;
    font-family: Georgia, Sans-Serif;
    font-size: 12px;
}
    

div.CategoryPageFooter
{
    clear:both;
    height: 20px;
}

/*
div.FooterArea
{
    clear:both;
    height:55px;
    padding-bottom:45px;
    background: transparent url(/App_Themes/FrameworkBasic/images/custom/sitebottom-bg.gif) no-repeat 174px 1px;
}
*/

/* -- PRODUCT LIST NEW ----------------------------------------------- */
div.ProductListWrapper
{
    clear: both;
    padding-top: 20px;
    border-top: 0px solid #eee;
    padding-left:1px; /* fix for FF not showing left border on productlistcolumn1 */
}


div.ProductListHeader
{ display:none;}

div.ProductListBody
{
}

table.ProductListColumns
{
}

td.ProductListColumn1, td.ProductListColumn2, td.ProductListColumn3, td.ProductListColumn4
{
    background: #fff /*url(/App_Themes/FrameworkBasic/images/custom/product-list-content-cell-bg.gif) repeat-x*/;  
    width: 180px;
    padding-bottom: 10px;
    vertical-align: top;
    border:0px solid #eeeeee;     
}

div.StartPageProductListWrapper
{
    padding-left:1px;
}

div.StartPageProductListWrapper td.ProductListColumn1, div.StartPageProductListWrapper td.ProductListColumn2, div.StartPageProductListWrapper td.ProductListColumn3
{
    width: 183px;
}




table.ProductListColumns td.ColumnSpacer
{
    width: 27px;
}

table.ProductListColumns td.RowSpacer
{
    height: 20px;
}

table.ProductListColumns div.ProductImage
{

    margin-top: 9px;
    margin-left: auto;
    margin-right: auto;
    width: 114px;
    height: 137px;
    overflow: hidden;
    background: #fff;
    line-height: 110px;
}

table.ProductListColumns div.ProductImage img
{
    vertical-align: middle;
}

table.ProductListColumns div.ProductPrice
{
    text-align: center;
    margin-top: 3px;
}

table.ProductListColumns div.ProductPrice span
{
    font-weight: bold;
    font-size: 14px;
}

table.ProductListColumns div.ProductPrice span.PricePrevious
{
    display: inline;
}

table.ProductListColumns div.ProductPrice span.PricePrevious span
{
    font-weight: normal;
    font-size: 11px;
    text-decoration: line-through;
}

table.ProductListColumns div.ProductButtons
{
    margin-top: 4px;
    text-align: center;
    padding-left: 2px;
}

table.ProductListColumns div.ProductButtons, table.ProductListColumns div.ProductButtons span, table.ProductListColumns div.ProductButtons a
{
 font-size: 17px;
}

table.ProductListColumns div.ProductButtons img
{
    vertical-align: text-top
}

table.ProductListColumns a.ButtonInfo
{
    padding-right: 2px;
}

table.ProductListColumns a.ButtonInfo:active, table.ProductListColumns a.ButtonBuy:active
{
    background-position: 0px 0px; /* 0px -50px; */
}

table.ProductListColumns a.ButtonInfo:hover img, table.ProductListColumns a.ButtonInfo:active img,
table.ProductListColumns a.ButtonBuy:hover img, table.ProductListColumns a.ButtonBuy:active img
{
    visibility: hidden;
}


table.ProductListColumns div.ProductName
{
    margin-top: 4px;
    padding: 0px 9px 0px 9px;
    text-align: center;
}

table.ProductListColumns div.ProductName h3
{
    color: #333;
    margin: 0px;
    font-size: 11px;
    font-weight: bold;
}


div.ProductListFooter
{
}

/* -- PRODUCT DETAILS ----------------------------------------------- */
div.ProductPageWrapper
{
    position: relative;
}

div.ProductPageHeader h1
{
    color: #000;
    font-weight: normal;
    font-size: 22px;
    margin: 0px;
    padding-bottom: 7px;
    border-bottom: 1px solid #eee;
}

div.ProductImagesWrapper
{
    float: right;
    width: 230px;
    margin-left: 4px;
    margin-top: 20px;
}

div.ProductDescriptionWrapper
{
    float: left;
    width: 360px;
    overflow: hidden;
    margin-top: 20px;
}

div.ProductDescriptionHeader h2
{
    font-weight: normal;
    font-size: 17px;
    margin: 0px;
    padding: 0px 0px 15px 0px;
    font-style: italic;
}    

div.ProductArticleNumber
{
    position: absolute;
    top: 16px;
    right: 0px;
    font-size: 12px;
    color: #999;
}

span.ProductArticleNumberLabel
{
    margin-right: 5px;
}

div.ProductDescription
{
    margin-top: 0px;
}

div.ProductDescriptionLabel
{
    display: none;
}

div.ProductDescriptionText
{
    font-size: 12px;
}

div.ProductAttributesWrapper
{
    margin-top: 15px;
}

div.ProductQuantity
{
    display: none;
}

div.PurchaseBlockWrapper
{
    margin-top: 20px;
    background: #ffffff;
    border: 1px solid #d8d8d8;
    padding: 10px 5px;
    margin-bottom: 10px;
}



div.PurchaseBlockHeader, div.PurchaseBlockFooter
{
    display:none;
}

table.PurchaseBlock
{
    width: 100%;
}

table.PurchaseBlock td
{
    vertical-align: middle;
}


/* -- PRICES --*/

span.PriceAmount{color:Black;}

span.PricePromotion span
{
    font-size: 17px;
    color: #cc0000;
    font-weight: normal;
}

span.PricePromotion span.PriceAmount
{
    font-size: 22px;
    font-weight: bold;
}

span.PriceStandard span
{
    font-size: 24px;
    font-weight: bold;
}



span.PricePrevious span
{
    text-decoration: line-through;
    padding-left:4px;
}

span.PriceEarlier 
{
    margin-left: 5px;
}

span.PriceEarlier span
{
    font-size: 12px;
    text-decoration: line-through;
}

span.PriceEarlier span.PriceAmount
{
    font-size: 12px;
    
}


td.PurchaseBlockStock span
{
    display:block;
    color: #333;
    font-size: 10px;
}

td.PurchaseBlockStock span.StockStatusLabel
{
    color: #666;
}
        

td.ProductQuantity input
{
    text-align: center;
    width: 20px;
    margin-left: 4px;
}

td.PurchaseBlockBuy
{
    padding-top: 0px;
}

td.PurchaseBlockBuy a, td.PurchaseBlockBuy img
{
    display: block;
    width: 70px;
    height: 26px;
}


td.PurchaseBlockBuy a:active
{
    background-position: 0px 0px; /* -50 */
}

td.PurchaseBlockBuy a:hover img, td.PurchaseBlockBuy a:active img
{
    visibility: hidden;
}

td.PurchaseBlockPrice span.PriceEarlier{display:block;}

/* -- PRODUCT IMAGE --*/

div.ProductImagesWrapper a:hover, div.ProductImage a:hover, div.OffersListItemImage a:hover
{
    opacity: 0.7; 
    filter: alpha(opacity=70);
}

div.BigProductImage
{
    text-align: center;
}

div.ProductImageClickMessage
{
    text-align: center;
    margin-top: 5px;
    font-size: 10px;
}

div.ProductThumbnailsBody
{
    text-align: center;
    margin-top: 5px;
    font-size: 10px;
}

/* -- TOOLBAR -- */

div.ToolbarWrapper
{
    margin-top: 18px;
    margin-bottom: 15px;
    text-align: right;
}

div.ToolbarWrapper div
{
    display:inline;
    float: left;
}

div.ToolbarWrapper br
{
    display:none;
}

.addthis_button
{
    float: right;
    margin-top: 8px;
}


/* -- TIP A FRIEND -- */


div.SendTipMain
{
    background: #fff; /*url(/App_Themes/FrameworkBasic/images/custom/send-tip-main-bg.jpg) center center no-repeat*/
    padding: 20px;
    border: 1px solid #666;
    display:block;
    width: 285px;
    position: absolute;
}

div.SendTipMain div
{
    display:block;
}


div.SendTipHeader
{
    text-align: left;
    padding-bottom: 10px;
}

span.SendTipHeaderText
{
    font-weight: bold;
    font-size: 13px;
    white-space: nowrap;
}

div.SendTipMain td
{
    padding: 2px;
    vertical-align: middle;
}

div.SendTipMain a, div.SendTipMain a:visited
{
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
    padding: 3px 8px;
    border: 1px solid #666;
    font-weight: bold;
    color: #666;
    background: #fff;
    text-decoration: none;
    float: right;
}


div.SendTipMain a:hover
{
    background: #eee;
    text-decoration: none;
}

div.SendTipModalPopupBackground
{
    background: #fff;
    opacity: 0.8; 
    filter: alpha(opacity=80);
}
    


/* -- RELATED PRODUCTS -- */

table.relatedTable
{
    margin-right: 15px;
}


table.relatedTable td
{
    vertical-align: middle;
}

td.RelatedProductArticleNumber
{
    display:none;
}

td.RelatedProductButtons
{
    white-space: nowrap;
}

td.RelatedProductButtons br
{
    display:none;
}



/* -- RIGHT AREA ----------------------------------------------- */

div.RightArea
{
    position: absolute;
    right: 12px;
    top: 144px;
    width: 162px;
}





/* -- NEWS LIST BOX ----------------------------------------------- */
div.NewsListWrapper
{
    padding-top: 0px;              
}

div.NewsListHeader
{background: url(/App_Themes/FrameworkBasic/images/custom/newslistheader-bg.gif) no-repeat; height:31px; width:162px;}

div.NewsListHeader h2{margin:0px; padding:4px 4px 4px 4px; color:White; visibility:hidden; display:none;}

div.NewsListBody
{
    background: url(/App_Themes/FrameworkBasic/images/custom/box-bg.png) repeat-y;
    padding:0px 9px;
}

div.NewsListItem
{
}

div.NewsListItem h3
{
    padding-left:6px;
}

div.NewsListItemDate
{
    padding: 2px 0px 2px 6px;
    color: #ff9933;
    font-weight: bold;
    font-size: 11px;
    
}

div.NewsListItem h3
{
    color: #000;
    font-weight: normal;
    font-size: 11px;
    margin: 0px 0px 1px 0px;
}

div.NewsListItemText
{
    color: #666;
    font-weight: normal;
    font-size: 11px;
    padding-left:6px;
}

div.NewsListItemLink
{
    padding: 3px 4px 8px 0px; 
    text-align: right;
}

div.NewsListItemSeparator
{
    clear:both;
    display: none;
}

div.NewsListFooter
{
    background: url(/App_Themes/FrameworkBasic/images/custom/box-bottom.png) no-repeat;
    clear:both;
    display: block;
    height:11px;
    margin-bottom: 0px;
}



/* -- OFFERS LIST BOX ----------------------------------------------- */
div.OffersListWrapper
{
    padding-top: 0px;
    margin-top:0px;              
}

div.OffersListHeader 
{
    height:28px; 
    width:162px;
}

div.OffersListHeader h2{margin:0px; padding:4px 4px 4px 4px; color:White; display:none;}

div.OffersListBody
{
    /*border-left:1px solid #cccccc;
    border-right:1px solid #cccccc;*/
    background: url(/App_Themes/FrameworkBasic/images/custom/box-bg.png) repeat-y;
    padding:0px 9px;
}

div.OffersListItemWrapper
{
    padding-bottom: 5px;
}

div.OffersListItemHeader
{
    background: url(/App_Themes/FrameworkBasic/images/custom/productmenu-bg.png) repeat-y;
    margin-left:-9px; margin-right:-2px;
}

div.OffersListItemHeader h3
{
    color: #ffffff;
    font-weight: bold;
    padding: 2px 0px 2px 15px;
    font-size: 11px;
    margin: 0px 0 px 0px 0px;
}

div.OffersListItemBody
{
    padding-top: 0px;
}

div.OffersListItemBody div.ProductPrice span span
{
    padding-left:4px;
}



div.OffersListItemImage
{
    text-align: center;
    padding: 5px 0px 5px 0px;
}


div.OffersListItemText
{
    margin-bottom: 10px;
    padding-left:4px;
    padding-top:2px;
    color:Black;
}

div.OffersListBody .ProductPrice
{
    float: left;
    padding-top: 1px;
}


div.OffersListBody span.PriceStandard span, div.OffersListBody span.PricePromotion span, div.OffersListBody span.PriceEarlier span
{
    font-size: 11px;
}

div.OffersListItemMoreInfo
{
    float: right;
}

div.OffersListItemMoreInfo img 
{
    vertical-align: text-top;
}

div.OffersListItemMoreInfo a
{
    font-size: 18px;
}

div.OffersListItemMoreInfo a:hover img, div.OffersListItemMoreInfo a:active img  
{
    visibility: hidden;
}

div.OffersListItemMoreInfo a:active
{
    background-position: 0px 0px; /* 0px -50px */
}


div.OffersListItemFooter
{
    clear:both;
}

div.OffersListItemSeparator
{
    clear:both;
    margin-bottom: 15px;
}

div.OffersListFooter
{
    background: url(/App_Themes/FrameworkBasic/images/custom/box-bottom.png) no-repeat;
    clear:both;
    display: block;
    height:11px;
    margin-bottom: 5px;
}



/* -- PRODUCT LIST BOX ----------------------------------------------- */
div.SimpleProductListWrapper
{
    padding-top: 0px;              
}

div.SimpleProductListWrapper .Spacer
{
    font-size: 0px;
    height: 6px;
}

div.SimpleProductListHeader
{
    height:31px;
    width:162px;
}

div.SimpleProductListHeader h3
{
    margin:0px; padding:4px 4px 4px 4px; color:White; display: none;
}

div.SimpleProductListBody
{
    background: url(/App_Themes/FrameworkBasic/images/custom/box-bg.png) repeat-y;
    padding:0px 9px;
}

div.SimpleProductListItem
{
    clear:both;
    margin-bottom: 0px;
    margin-top: 0px;
}

div.SimpleProductListItemImage
{
    float: left;
    padding-right: 2px;
    padding-left: 4px;
}

div.SimpleProductListItemText
{padding-left:4px;}

div.SimpleProductListItemText a
{
    padding-left: 11px;
    background: url(/App_Themes/FrameworkBasic/images/node-closed.gif) 0px 4px no-repeat;        
    color: #000;
    font-weight: normal;
    font-size: 11px;
}

div.SimpleProductListItemText a .SimpleProductListItemCounter, div.SimpleProductListItemText a .SimpleProductListItemCounterSuffix
{
    color: #000000;
}

div.SimpleProductListItemSeparator
{
    clear:both;
}

div.SimpleProductListFooter
{
    background: url(/App_Themes/FrameworkBasic/images/custom/box-bottom.png) no-repeat;
    clear:both;
    display: block;
    height:11px;
    margin-bottom: 5px;
}



/* -- NEWLSETTER BOX ----------------------------------------------- */

div.NewsletterBoxWrapper
{
    background: url(/App_Themes/FrameworkBasic/images/custom/newsletter-box-wrapper-bg.gif) no-repeat;
    padding-top: 0px;
    margin-top: 15px;
    display:none;          
}

div.NewsletterBoxHeader
{background: url(/App_Themes/FrameworkBasic/images/custom/newslistheader-bg.gif) no-repeat;}

div.NewsletterBoxHeader h3
{margin:0px; padding:4px 4px 4px 4px; color:White;}

div.NewsletterBoxBody
{
}

div.NewsletterBoxText
{
    font-size: 11px;
    color: #000;
    padding-left:4px;
    padding-top:4px;
}

div.NewsletterBoxRadio
{
        margin-top: 4px;
        color: #666;
}

div.NewsletterBoxRadioSubscribe
{
    float: left;
    margin-right: 5px;
    margin-bottom: 4px;
}

div.NewsletterBoxRadioUnsubscribe
{
    float: left;
}

div.NewsletterBoxRadio label
{
        font-size: 10px;
        position: relative;
        top: -2px;
        _top: -1px; /* IE6 workaround */
}
   

div.NewsletterBoxInput
{
    clear: both;
    float:left;
    margin-right: 0px;
    padding: 0px;
    padding-left:4px;
}

div.NewsletterBoxInput input
{
    width: 108px;
    border-top: 1px solid #7d7d7d;
    border-right: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
    border-left: 1px solid #7d7d7d;
    background: url(/App_Themes/FrameworkBasic/images/custom/search-box-input-bg.gif) no-repeat;    
    margin: 0px;
    padding: 3px 2px 3px 2px;
}



div.NewsletterBoxButton
{
    float:right;
    margin: 0px;
    _margin-top: 1px;    /* IE6 workaround */
     
}

div.NewsletterBoxButton a
{
    display: block; 
}

div.NewsletterBoxButton img
{
    display: block;
}

div.NewsletterBoxButton a:hover img, div.NewsletterBoxButton a:active img
{
    visibility: hidden;
}

div.NewsletterBoxButton a:active
{
    background-position: 0px 0px; /* -50 */
}
   

div.NewsletterBoxFooter
{
    clear:both;
}

/* ---------------- SEARCH RESULT -------------------------- */

tr.SearchResultAlternateRow td
{
    background-color:#f4f4f4;
}

div.SearchResultHeader h1
{
    margin: 0px 0px 10px 0px;
    font-size: 22px;
    font-weight: normal;

}

table.SearchResult
{
    margin: 12px 0px;
    width: 100%;
}

table.SearchResult td
{
    vertical-align: middle;
    padding: 0px;
    text-align: center;
    padding: 2px 6px;
    border-bottom: 1px solid #eee;    
}

table.SearchResult td.ProductImageHeader, 
table.SearchResult td.ProductArticleNameHeader, 
table.SearchResult td.ProductArticleNumberHeader, 
table.SearchResult td.ProductPriceHeader, 
table.SearchResult td.ProductQuantityHeader, 
table.SearchResult td.ButtonHeader
{
    background: #fff;
    border-left: 1px solid white;
    font-weight: bold;
    border-bottom: 0px solid #eee;
}

table.SearchResult td.ProductArticleNameHeader,
table.SearchResult td.ProductArticleName
{
    text-align: left;
}

table.SearchResult td.ProductPrice span
{
    font-size: 11px;
}


table.SearchResult td.ButtonContainer
{
    padding: 4px 5px 0px 7px;
}

table.SearchResult td.ButtonContainer img 
{
    vertical-align: text-top;
}

table.SearchResult td.ButtonContainer a
{
    font-size: 18px;
}

table.SearchResult td.ButtonContainer a:hover img, table.SearchResult td.ButtonContainer a:active img  
{
    visibility: hidden;
}

table.SearchResult td.ButtonContainer a:active
{
    background-position: 0px 0px; /* -50 */
}

/* NEWS PAGE */

div.NewsDetailsHeader
{
    padding-bottom:15px;
}

div.NewsDetailsHeader h1
{
    text-align:left;
    margin: 0px;
    color: #000;
    font-size: 22px;
    font-weight: normal;
    padding-top: 5px;
}

/* STARTPAGE TEMPLATE */
div.ProductPageFooter{padding-bottom:30px;}

div#ctl00_smp span, div#ctl00_smp a{font-size:10px;}

div#ctl00_smp{margin-top:-9px; display:none;}

/* s�kfix */

div.SearchResultBody span.PricePromotion span.PriceAmount, div.SearchResultBody span.PriceStandard span.PriceAmount,  div.SearchResultBody span.PriceEarlier span.PriceAmount{font-size:11px; color:Black;}


/* referenser */
div.CheckoutWrapper{background:white;}

div.RefWrapper{ padding:0px 0px; margin-top:4px;width:162px; position:absolute; top:140px; right:11px;}
div.RefHeader{background: url(/App_Themes/FrameworkBasic/images/custom/sv-SE/ref-header-bg.png) no-repeat; width:162px; height:31px;}
div.RefBody{padding:6px 12px 147px 12px;background: url(/App_Themes/FrameworkBasic/images/custom/sv-SE/ref-bottom-bg.png) bottom no-repeat;}
/*div.RefWrapper{position:absolute; top:140px; width:162px; right:10px;}*/

div.SupportWrapper{ padding:0px 0px; margin-top:4px;}
div.SupportDivider{padding:0px 0px; border-top:1px solid #adadad;}
div.SupportDivider:first-child {border:none;}

div.SupportDivider a {display: block; padding:6px 0px;}

div.SupportHeader{background: url(/App_Themes/FrameworkBasic/images/custom/sv-SE/support-header-bg.png) no-repeat; width:162px; height:31px;}
div.SupportBody{padding:0px 12px 10px 12px;background: url(/App_Themes/FrameworkBasic/images/custom/sv-SE/support-body-bg.png) bottom no-repeat;}
div.SupportBody span{color:Black; font-size:11px; padding-left:8px; display:block; width:120px;background: url(/App_Themes/FrameworkBasic/images/custom/supportarrow.png) right no-repeat; cursor: pointer;}
div.SupportBody span:hover{text-decoration:underline;}

div.FooterArea{margin-left:174px;}

div.FooterArea img{}

div.FooterContentBodyCssClass {}

div.FooterAreaText {padding-left: 11px; width: 615px; text-align: center;}

div.tweetwrapper{padding:0px 0px 15px 0px;background: url(/App_Themes/FrameworkBasic/images/custom/sv-SE/support-body-bg.png) bottom no-repeat;}
div.tweetheader{background: url(/App_Themes/FrameworkBasic/images/custom/sv-SE/newslistheader-bg.png) no-repeat; width:162px; height:31px;}
div.tweetheader h3{ visibility:hidden;}


/* ---------------- STARTSIDA -------------------------- */

.startsida BR {display: none;}
.startsida DIV {position: absolute;}

.ssRubrik 
{
    position: relative;
    top: 153px;
    left: 0px;
    text-align: center;
    display: block;
    width: 100%;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
}


.row1
{
    top: 10px;
}

.row2
{
    top: 195px;
}

.row3
{
    top: 380px;
}

.row4
{
    top: 565px;
}

.colA
{
    left: -10px;
}

.colB
{
    left: 175px;
}

.colC
{
    left: 360px;
}

.startbdy {background: none; margin-left: 38px;}

#ctl00_cart_cart_cii_editCustomerAddress_trDisplayNewsLetter 
{
display:none;
}
#ctl00_cart_myPagesControl_myPagesTabContainer_tabPanelCustomerAddresses_myCustomerInfo_cii_editCustomerAddress_trDisplayNewsLetter
{
display:none;
}
                  table.ProductListHorizontalAdvanced span.PricePromotion span,
                  table.ProductListHorizontalAdvanced span.PriceStandard span
                
{
	font-weight: bold;
	font-size: 13px;
}
                  table.ProductListHorizontalAdvanced table.ButtonBuyContainer td *,
                  table.ProductListHorizontalAdvanced div.ButtonInfo *
                  table.ProductListHorizontalAdvanced td.ProductImage *
                
{
	display: block;
}div.ProductAttributesWrapper div 
{
	padding-bottom: 4px;
	clear: both;
}div.ProductAttributesWrapper select
{
	display: block;
	clear: both;
}span.ProductCommentLabelCssClass
{
	padding-top: 4px;
	display: block;
}table.ProductListHorizontalAdvanced
{
	width: 100%;
	margin: 15px 0px;
	border-bottom: 1px solid #eee;
}table.ProductListHorizontalAdvanced  span.StockStatusValue
{
	margin-left: 5px;
	font-weight: bold;
}table.ProductListHorizontalAdvanced div.ArticleNumber
{
	display: block;
	padding-top: 2px;
}table.ProductListHorizontalAdvanced div.ButtonContainer
{
	padding: 3px 0px 0px 0px;
}table.ProductListHorizontalAdvanced div.ButtonInfo
{
	float: right;
	padding-top: 2px;
}table.ProductListHorizontalAdvanced div.NameMain
{
	font-weight: bold;
}table.ProductListHorizontalAdvanced div.NameSub
{
	font-style: italic;
	padding-top: 2px;
}table.ProductListHorizontalAdvanced div.Price
{
	clear: both;
	padding-top: 2px;
	white-space: nowrap;
}table.ProductListHorizontalAdvanced div.StockStatus
{
	display: block;
	padding-top: 3px;
	clear: both;
}table.ProductListHorizontalAdvanced span.PricePrevious span
{
	padding-left: 10px;
	text-decoration: line-through;
}table.ProductListHorizontalAdvanced table.ButtonBuyContainer
{
	float: right;
}table.ProductListHorizontalAdvanced table.ButtonBuyContainer td
{
	border: 0px;
	text-align: right;
	vertical-align: middle;
	padding: 0px;
}table.ProductListHorizontalAdvanced table.ButtonBuyContainer td.ButtonBuy
{
	padding-top: 1px;
}table.ProductListHorizontalAdvanced td
{
	vertical-align: middle;
	border-top: 1px solid #eee;
	padding: 5px 0px;
}table.ProductListHorizontalAdvanced td.ProductName
{
	padding-left: 5px;
	padding-right: 5px;
}table.ProductListHorizontalAdvanced td.ProductOrderInfo
{
	text-align: right;
}table.ProductListHorizontalAdvanced td.Quantity input
{
	width: 22px;
	text-align: center;
	margin-right: 10px;
	display: inline;
}

div.AddThisScript {display:none;}

#atff
{
    display: none;
}


div.BlogControlWrapperCssClass 
{
    padding-left: 9px;
}

ul#twitter_update_list
{
    list-style-type: none;
    padding:7px;
    padding-top:3px;
    margin:0px;
    padding-left:14px; padding-right:13px;
    }

a#twitter-link{padding-right:15px;}

ul#twitter_update_list li
{
    padding-bottom:10px;
}

ul#twitter_update_list li span, ul#twitter_update_list li span a
{
    font-size:11px;
}

ul#twitter_update_list li span a
{
    display:block;
}

div.NewsListWrapper{ /* display:none; */}

#ctl00_cart_cd_orderConfirmationThankYouMessage
{
width:570px;
padding-bottom:50px;
}
div.InfoFeed
{
    display:none;
}


.AttributeValidatorCssClass
{
	clear: both;
}





.ListPagingControlPagerPreviousCssClass, .ListPagingControlPagerNextCssClass
{
	font-weight: bold;
	white-space:nowrap;
}

.ListPagingControlSeparatorSelectedCssClass, .ListPagingControlSeparatorCssClass
{
	font-weight: bold;
	margin-left: 2px;
	margin-right: 2px;
}

.ManufacturerSelectorHeaderCssClass h2
{
	font-size: 10px;
	margin-bottom: 3px;
}

.ManufacturerSelectorWrapperCssClass
{
	padding: 5px;
}

















.ProductToolbarShowImageCssClass
{
	*margin-left: -3px;
}





div.ManufacturerContentBodyCssClass
{
	padding-top: 20px;
}

div.ManufacturerContentBodyTextCssClass
{
	float: left;
	font-family: Georgia, Sans-Serif;
	font-size: 13px;
}

div.ManufacturerContentFooterCssClass
{
	clear: both;
	height: 20px;
}

div.ManufacturerContentHeaderCssClass
{
	padding: 0px 0px 0px 0px;
	height: 48px;
}

div.ManufacturerContentHeaderCssClass h1
{
	text-align: left;
	margin: 0px;
	font-size: 30px;
	font-weight: normal;
	padding-top: 5px;
}

div.ManufacturerContentImageCssClass
{
	float: left;
	margin-right: 16px;
}

div.ManufacturerContentWrapperCssClass
{

}

div.NewsArchiveButtonCssClass
{
	margin-top: 10px;
}

div.NewsListArchiveItem
{
	margin-top: 20px;
}

div.NewsListArchiveItem h3
{
	margin-top: 5px;
	margin-bottom: 5px;
}

div.NewsListArchiveWrapper
{
	margin-top: 30px;
	border-top: 1px solid black;
}

div.ProductUnitWrapperCssClass
{
	padding-top: 5px;
}

span.ProductUnitLabelCssClass
{
	padding-right: 3px;
	font-weight: bold;
}

#RecommendationGeneral .NewsListHeader
{
display:none;
}

#RecommendationGeneral
{
background: url(/App_Themes/FrameworkBasic/images/custom/sv-SE/popular.png) no-repeat;
padding-top:22px;
}

div.RecommendationGeneralWrapper div.NewsListHeader h2 
{
height: auto;
}



/* ---- VAT POPUP ---------------------- */

#VatPopupBg
{
    width: 100%;
    height: 130%;
    background: #000;
    z-index: 10000;
    opacity: 0.8; 
    filter: alpha(opacity=80);
    position: absolute;
    top: 0px;
    left: 0px;
}

#VatPopupWrapper
{
    width: 255px;
    padding: 14px 140px 12px 17px;
    background: #f9f9f9 url(/App_Themes/FrameworkBasic/images/custom/vat-popup-bg.png) right bottom no-repeat;
    border: 2px solid #f90;
    position: absolute;
    left: 35%;
    top: 300px;
    z-index: 10001;
}

#VatPopupWrapper h2
{
    color: #f90; 
    padding-bottom: 10px;
    font-size: 22px;
    font-family: Arial;
}

#WithVat, #NoVat
{
    padding: 7px 13px 7px 10px;
    text-align: left;
    color: #000;
    font-weight: normal;
    background: #f9f9f9;
    margin: 0 0 5px;
    cursor: pointer;
 
    background: -moz-linear-gradient(top, #FFFFFF 1%, #CCCCCC 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#FFFFFF), color-stop(100%,#CCCCCC)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#CCCCCC',GradientType=0 ); /* ie */
    text-shadow: 0 1px 0px rgba(255,255,255,0.8);
   
    border: 1px solid #999;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;        
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.2);  
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;           
    
}

#WithVat:hover, #NoVat:hover
{
    background: #eee;
    background: -moz-linear-gradient(top, #f4f4f4 1%, #bbbbbb 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f4f4f4), color-stop(100%,#bbbbbb)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#bbbbbb',GradientType=0 ); /* ie */
    border-color: #666;
}

#WithVat div, #NoVat div
{
    background: url(/App_Themes/FrameworkBasic/images/custom/vat-btn-arrow.png) left center no-repeat;
    padding: 0 0 0 44px;
}
        

        
#VatFootnote
{
    color: #666;
    font-size: 11px;
    padding: 2px 13px 0px 10px;
    text-align: center;
}

/* ---- CONTACT AREA ---------------------- */

        div#ContactAreaDefinitions
        {
            background: url(/App_Themes/FrameworkBasic/images/custom/contact-area/contact-area-bg.png) repeat-y;
            width: 651px;
            display: none;
        }
        
        div.ContactAreaHeader
        {
            background: url(/App_Themes/FrameworkBasic/images/custom/contact-area/contact-area-header-bg.png) no-repeat;
            padding: 10px 0 0;
        }            

        div.ContactAreaFooter
        {
            background: url(/App_Themes/FrameworkBasic/images/custom/contact-area/contact-area-footer-bg.png) left bottom no-repeat;
            height: 12px;
            margin-top: -4px;
        }
        
        div.ContactAreaHeader h2
        {
            margin: 0;
            padding: 10px 0;
            text-align: center;
            font-family: Arial;
            color: #3e6c83;
            text-transform: uppercase;
            font-size: 15px;
        }  
        
        table#ContactArea
        {
            width: 631px;
            border-collapse: collapse;
            border: 0;
            margin: 0 0 0 12px;

        }
        
        table#ContactArea td
        {
            border: 0;
            padding: 0;
            margin: 0;
            vertical-align: middle;
            text-align: left;
            font-family: Arial;
            font-weight: bold;
            color: #000;
        }        

        table#ContactArea td.Col1, table#ContactArea td.Col2, 
        table#ContactArea td.Col3, table#ContactArea td.Col4
        {
            padding: 2px 5px;
            height: 37px;
            cursor: pointer;
        }       

        table#ContactArea tr.BasicInfo:hover
        {
            background: #ebf8fe;
        } 
        
        table#ContactArea tr.BasicInfo:hover td.Col4
        {
            text-decoration: underline;
        }
        
        table#ContactArea td.Col1
        {
            padding-left: 46px;
            font-size: 16px;
            width: 100px;
        } 
        
        table#ContactArea td.Col2
        {
            font-size: 11px;
            width: 110px;            
        } 

        table#ContactArea td.Col3
        {
            font-size: 16px;
        } 

        table#ContactArea td.Col3 img
        {
            vertical-align: middle;
        } 

        table#ContactArea td.Col3 span.SmallText
        {
            font-size: 11px;
            font-weight: normal;
            line-height: 12px;
            padding-bottom: 1px;
            display: block;
            font-family: Arial;
        }
        
        table#ContactArea td.Col4
        {
            color: #d47f00;
            font-size: 11px; 
            width: 75px;           
        }         



        table#ContactArea h3
        {
            margin: 0;
            padding: 5px 0;
            text-align: center;
            font-family: Arial;
            color: #3e6c83;
            font-size: 13px;
            background: #9edfff;
        }  
        
        table#ContactArea tr.ExpandingInfo td
        {
            border-bottom: 1px solid #9edfff;
        }
    
        tr.ExpandingInfo div.Container
        {
            display: none;
            border-top: 1px solid #eee;
            margin: 0 0 0 40px;
            font-size: 11px;
            font-family: Verdana, Sans-Serif;
            font-weight: normal;
            padding: 5px 0;
            color: #666;
            width: 580px;            
        }
    
        tr.ExpandingInfo p
        {
            margin: 10px 0;           
        }

        table#ContactArea tr#Email_Rendered td.Col1
        {
            background: url(/App_Themes/FrameworkBasic/images/custom/contact-area/icon_e-mail.png) 5px center no-repeat;
        }

        table#ContactArea tr#Fax_Rendered td.Col1
        {
            background: url(/App_Themes/FrameworkBasic/images/custom/contact-area/icon_fax.png) 5px center no-repeat;
        }

        table#ContactArea tr#CustomerService_Rendered td.Col1
        {
            background: url(/App_Themes/FrameworkBasic/images/custom/contact-area/icon_customer-service.png) 5px center no-repeat;
        }

        table#ContactArea tr#IpVideo_Rendered td.Col1
        {
            background: url(/App_Themes/FrameworkBasic/images/custom/contact-area/icon_ip-video.png) 5px center no-repeat;
        }

        table#ContactArea tr#CallBack_Rendered td.Col1
        {
            background: url(/App_Themes/FrameworkBasic/images/custom/contact-area/icon_call-back.png) 5px center no-repeat;
        }

        table#ContactArea tr#Sms_Rendered td.Col1
        {
            background: url(/App_Themes/FrameworkBasic/images/custom/contact-area/icon_sms.png) 5px center no-repeat;
        }

        table#ContactArea tr#Order24-7_Rendered td.Col1
        {
            background: url(/App_Themes/FrameworkBasic/images/custom/contact-area/icon_24-7.png) 5px center no-repeat;
        }

        table#ContactArea tr#ReturnForm_Rendered td.Col1
        {
            background: url(/App_Themes/FrameworkBasic/images/custom/contact-area/icon_return-form.png) 5px center no-repeat;
        }

        table#ContactArea tr#Visit_Rendered td.Col1
        {
            background: url(/App_Themes/FrameworkBasic/images/custom/contact-area/icon_visit.png) 5px center no-repeat;
        }

        table#ContactArea tr#Letter_Rendered td.Col1
        {
            background: url(/App_Themes/FrameworkBasic/images/custom/contact-area/icon_letter.png) 5px center no-repeat;
        }

        table#ContactArea tr#Feedback_Rendered td.Col1
        {
            background: url(/App_Themes/FrameworkBasic/images/custom/contact-area/icon_feedback.png) 5px center no-repeat;
        }



/* ---- FAQ ---------------------- */

div.FaqQuestion
{
    font-weight: bold;
    font-size: 12px;
    padding: 2px 0px 2px 13px;
    background: url(/App_Themes/FrameworkBasic/images/custom/faq-question-bg.png) no-repeat;
    cursor: pointer;
    margin: 10px 0 5px; 
}

div.FaqQuestion:hover
{
    text-decoration: underline;
}

div.FaqQuestion:active
{
    background-position: 0 -50px;    
}


div.FaqQuestionOpen
{
    background-position: 0 -100px;      
}

div.FaqAnswer
{
    display:none;
    margin: 5px 0 20px 28px;
}

.popupInfoBox
{
	border: 2px solid #333333;
	width: 620px;
	height: 435px;
	background: url(../images/pop-up-bg.gif) no-repeat scroll 0 0 #FFFFFF;
	padding: 8px 0 0 6px;
	display: none;
	position: absolute;
	margin: 0 0 0 532px;
}

.popupInfoBoxLink
{
	display: inline;
	text-decoration: underline;
	cursor: pointer;
	padding-left: 4px;
	color: #d91034;
}


.popupInfoBoxLinkClose
{
	text-decoration:  underline;
	cursor:  pointer;
	background: url(../images/fancybox/fancy_closebox.png) no-repeat;
	height:  30px;
	width:  30px;
	float:  right;
}

.ProductFileIconCssClass
{
	background-image: url("/App_Themes/FrameworkBasic/images/node-closed.gif");
	background-position: center;
	background-repeat: no-repeat;
	width: 7px;
	height: 15px;
	float: left;
}

.ProductFileLinkWrapperCssClass
{
	float: left;
}

.ProductFileListCloseWrapperCssClass
{
	float: right;
}

.ProductFileListHeaderTextCssClass
{
	margin-bottom: 20px;
}

.ProductFileListMainCssClass
{
	text-align: left;
	width: 300px;
	border: 1px solid #D8D8D8;
	background: #FFFFFF;
	padding: 5px;
}

.ProductFileListModalPopupBackgroundCssClass
{
	background: none repeat scroll 0 0 #FFFFFF;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.ProductFileWrapperCssClass a
{
	margin-left: 10px;
}

div.MonthlyCostWrapperCssClass
{
	padding: 6px 5px 5px 5px;
}


div.popupInfoBoxContent
{
	width: 620px;
	height: 405px;
	overflow:  auto;
}

div.ProductFileListFilesWrapperCssClass div
{
	display: block;
}

div.ProductFileWrapperCssClass
{
	clear: both;
	height: 20px;
	vertical-align: middle;
}

td.PurchaseBlockPrice span.PricePrevious
{
	display: block;
}

.CartPaymentAndFreightSelectorDeliveryDateInfoTextCssClass
{
	display: block;
}

.CartPaymentAndFreightSelectorDeliveryDateOutOfRangeDayCssClass
{
	background-color: Red;
}

.CartPaymentAndFreightSelectorDeliveryDateOutOfRangeDayCssClass a
{
	cursor: default;
}

.CartPaymentAndFreightSelectorDeliveryDateWeekendDayCssClass
{
	background-color: Blue;
}

.CartPaymentAndFreightSelectorDeliveryDateWeekendDayCssClass a
{
	cursor: default;
}

.OrderDetailsPlacedOrderDetailsMoreInfoRowCssClass td
{
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.ProductTicketEventBookingWrapper
{
	display: block;
	margin-top: 10px;
}

.ProductTypeTicketAddonInfoBoxWrapper
{
	clear: both;
}

.ticketEventsListItem
{
	display: block;
}

.VoucherControlButtonAreaCssClass
{
	display: inline;
}

.VoucherControlContentCssClass
{
	margin-bottom: 25px;
}

.VoucherControlErrorCssClass
{
	display: block;
	color: Red;
}

.VoucherControlInputAreaCssClass span
{
	font-weight: bold;
	margin-right: 10px;
}

.VoucherControlWrapperCssClass
{
	border: 1px solid black;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	padding: 10px;
}

.voucherPageCssClass
{
	background: none;
}



/* ---------------- START PAGE SLIDER -------------------------- */

#StartPageDefinitions
{
    display: none;
}


#ctl00_main_showpage_sfp_sp, #ctl00_main_showpage1_sfp_sp
{
    overflow:hidden;
    padding-bottom: 15px;    
}

#ctl00_main_showpage_sfp_sp div.ProductPageHeader, #ctl00_main_showpage1_sfp_sp div.ProductPageHeader,
#ctl00_main_showpage_sfp_sp div.ProductPageBody, #ctl00_main_showpage1_sfp_sp div.ProductPageBody,
#ctl00_main_showpage_sfp_sp div.ProductPageFooter, #ctl00_main_showpage1_sfp_sp div.ProductPageFooter
{
    display:none;
}

div#StartPageSliderContainer
{

    overflow: hidden; 
    position: relative;  
    margin: 0px auto 0px;    
}

div#StartPageSliderViewPort
{
    overflow: hidden; 
    position: absolute;
    background: #fff;    
}

div#StartPageSlider
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0px;
}    

div#StartPageSlider div.StartPageSliderItem
{
    float: left;
    background: #fff;    
    position: relative;
    overflow: hidden;
}  

div#StartPageSlider div.StartPageSliderItem a
{
    text-align: center;
    display:block;
    overflow:hidden;
    margin: 0 auto;
}  


div#StartPageSlider div.SliderItemText
{
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 8px 10px;
    background: url(/App_Themes/FrameworkBasic/images/custom/start-page-slider/slider-item-text-bg-black.png);   
    margin-right: 20px;    
    color: #fff;
    text-align: left;  
    font-size: 12px;
    font-weight: bold; 
    cursor: pointer;
}  

div#StartPageSlider div.SliderItemText br
{
    display: none;
}  


div#StartPageSlider div.SliderItemText span
{
    display:block;
    font-size: 11px;
    padding-top: 2px;
    font-weight: normal; 
}  


#StartPageSliderLeftButtonBg
{
    display: block;    
    width: 35px;
    height: 170px;
    position: absolute;
    top: 0px;
    left: 0px;
       
}

#StartPageSliderLeftButton
{
    display: block;      
    width: 35px;
    height: 170px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    left: 0px;    
    opacity: 0.5;
    filter: alpha(opacity=50);
}

#StartPageSliderRightButtonBg
{
    display: block;      
    width: 35px;
    height: 170px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 0px;
}

#StartPageSliderRightButton
{
    display: block;      
    width: 35px;
    height: 170px;
    cursor: pointer;
    position: absolute;
    top: 0px;
    opacity: 0.5;
    filter: alpha(opacity=50); 
    right: 0px;      
}


/* -- MAIN CATEGORY LINKS ----------------------------------------------- */

a.MainCatLink
{
    float: left;
    margin: 0 4px 6px 0;
    padding: 0px 0px 4px;
    width: 150px;
    background: url(/App_Themes/FrameworkBasic/images/custom/main-cat-link-bg.png) left bottom no-repeat;   
}

a.MainCatLink:hover
{

}

a.MainCatLink span.Wrapper
{
    display: block;
    padding: 4px 4px 0px;
    background: url(/App_Themes/FrameworkBasic/images/custom/main-cat-link-bg.png) left top no-repeat;  
}

a.MainCatLink span.ImgWrapper
{
    display: block;

    height: 114px;
    overflow: hidden;
    text-align: center;
    background: url(/pub_docs/files/category-images/noimage.jpg) center center no-repeat;
    border: 1px solid #999;    
}

a.MainCatLink img
{
    display: block;
    height: 114px;   
    width: 140px; 
}

a.MainCatLink span.CatName
{
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #333;
    border: 1px solid #999;      
    border-top: 0;
    border-top: 0;
    background: url(/App_Themes/FrameworkBasic/images/custom/start-link-box-text-bg.png) left top repeat-x;     
    padding: 7px 5px 8px;
    text-align: center;
}

a.MainCatLink:hover,
a.MainCatLink:hover span.ImgWrapper,
a.MainCatLink:hover span.CatName
{
    border-color: #000;
    color: #000;
    text-decoration: none;
}

a.MainCatLink:hover span.CatName
{
    background-position: 0 -200px;
}



/* ---------------- START PAGE LINK BOXES -------------------------- */

.StartPageWrapper
{
    width: 602px;
    margin: 0 auto;
}

.StartPageWrapper h1
{
    padding-left: 4px;
}


#StartPageLinkArea
{
    padding: 0 0 12px;
}

div.Clear
{
    height: 0px;
    clear: both;
}

div.StartLinkBoxDefinition
{
    display:none;
}

div.StartLinkBox
{
    float: left;
    margin: 0 4px 6px 0;
    padding: 0px 0px 4px;
    width: 198px;
    background: url(/App_Themes/FrameworkBasic/images/custom/start-link-box-bg.png) left bottom no-repeat;
}

div.StartLinkBox a
{
    display: block;
    padding: 4px 4px 0px;
    background: url(/App_Themes/FrameworkBasic/images/custom/start-link-box-bg.png) left top no-repeat;    
}

div.StartLinkBox span.ImgWrapper
{
    display: block;
    overflow: hidden;
    height: 100px;
    border: 1px solid #999;
    background: #ccc;
}

div.StartLinkBox a:hover,
div.StartLinkBox a:hover span.ImgWrapper,
div.StartLinkBox a:hover span.StartLinkBoxText,
div.StartLinkBox a:hover span.StartLinkBoxHeader
{
    border-color: #000;
    color: #000;
    text-decoration: none;
}

div.StartLinkBox a:hover span.StartLinkBoxText
{
    background-position: 0 -200px;
}

div.StartLinkBox span.StartLinkBoxText
{
    display: block;
    font-size: 11px;
    font-weight: normal;
    color: #333;
    border: 1px solid #999;
    border-top: 0;
    background: url(/App_Themes/FrameworkBasic/images/custom/start-link-box-text-bg.png) left top repeat-x;     
    padding: 0 5px 5px;
    line-height: 12px;
}

div.StartLinkBox span.StartLinkBoxHeader
{
    display: block;
    font-size: 13px;
    font-weight: bold;
    padding: 3px 0 1px;
    color: #333;
}


.paymentErrorMessage
{
	border: 1px solid #ddd;
	margin: 10px;
	padding: 20px;
}

.paymentErrorMessage li
{
	font-weight: bold;
}

.paymenterrormessagetitle
{
	margin: 0;
	color: #000;
	font-size: 18px;
}

div.InfoTextRightWrapper
{
	margin-top: 25px;
}

div.StatusOrderBtn
{
	margin: 0 auto;
}
.loggain {background-color: orange;}
.bottom
{
	border-bottom: 0;
}

.odd
{
	border: 0;
}

.odd, .search-string-result, .search-previous-string, .search-prev, .search-next, .search-didyoumean-string
{
	background: #eeeeee;
	border: 1px solid #ddd;
}

.search-active-page
{
	font-weight: bold;
	color: #000;
}

.search-amount input
{
	width: 30px;
	text-align: center;
}

.search-didyoumean-label
{
	font-weight: bold;
	color: #000;
	font-size: 14px;
}

.search-order
{
	text-align: center;
}

.search-pages
{
	width: 376px;
}

.search-paging
{
	padding: 15px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-top: 20px;
	float: left;
	clear: both;
	width: 100%;
}

.search-prev, .search-next
{
	width: 100px;
}

.search-prev, .search-next, .search-pages
{
	display: block;
	float: left;
	text-align: center;
	padding: 3px 0;
}

.search-previous-queries, .search-didyoumean-queries
{
	width: 430px;
	float: left;
}

.search-previous-searches, .search-didyoumean
{
	border-top: 1px solid #ddd;
	padding-top: 15px;
	float: left;
	width: 100%;
	clear: both;
}

.search-previous-searches-label, .search-didyoumean-label
{
	width: 150px;
	float: left;
}

.search-previous-string, .search-didyoumean-string
{
	padding: 3px 15px;
	margin-left: 3px;
	margin-top: 3px;
	float: left;
}

.search-previous-string, .search-prev, .search-next, .search-didyoumean-string
{
	text-decoration: none;
	color: #666;
}

.search-previous-string:hover, .search-prev:hover, .search-next:hover, .search-didyoumean-string:hover
{
	color: #000;
	border-color: #999;
}

.search-productnamne a
{
	text-decoration: none;
}

.search-productnamne a:hover
{
	text-decoration: underline;
}

.search-productnamne, .search-articlenumber, .search-price
{
	font-weight: bold;
	color: #000;
}

.SearchProductPrice span
{
	display: block;
	white-space: nowrap;
}

.search-result-table
{
	clear: both;
	margin-top: 20px;
}

.search-result-table td
{
	clear: both;
	padding: 5px;
}

.search-string
{
	color: #CC0000;
	font-style: italic;
	font-size: 18px;
	font-weight: bold;
}

.search-string-result
{
	font-size: 18px;
	font-weight: bold;
	color: #000;
	padding: 10px;
}

.search-table-headers td
{
	padding-bottom: 15px;
}

.search-wrapper
{
	width: 580px;
	margin: 0 auto;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.search-wrapper h1
{
	color: #999999;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 24px;
	padding-bottom: 16px;
}

div.ManufacturerContentHeaderCssClass h2
{
	font-weight: normal;
	font-size: 18px;
	margin: 0px;
	padding: 0px 0px 15px 0px;
	font-style: italic;
}

h2.fn
{
	color: #000;
	font-size: 20px;
}

span.PriceStandard span.PriceAmount span
{
	font-size: 24px;
	font-weight: bold;
}

span.SearchPriceEarlier
{
	margin-left: 5px;
}

span.SearchPriceEarlier span
{
	font-size: 13px;
	text-decoration: line-through;
}

span.SearchPriceEarlier span.SearchPriceAmount
{
	font-size: 13px;
}

span.SearchPricePrevious span
{
	text-decoration: line-through;
	padding-left: 4px;
}

span.SearchPricePromotion span
{
	font-size: 12px;
	color: #d91034;
	font-weight: bold;
}

span.SearchPricePromotion span.SearchPriceAmount
{
	font-size: 12px;
	font-weight: bold;
}

span.SearchPriceStandard span
{
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

span.SearchPriceStandard span.SearchPriceAmount
{
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

a.byt-kundtyp subtlebutton{
	background-color: orange;
}

/* ----- TILLVERKARLÄNKAR FÖR KUNDTJÄNSTDROPDOWN ---------- */

#ManufacturerLinkWrapper
{
    position: relative;
    margin: 3px 0 2px;
}

#ManufacturerLinkWrapper span
{
    border: 1px solid #333;
    background: #fff url(/App_Themes/FrameworkBasic/images/node-open.png) 121px center no-repeat;    
    height: 17px;
    padding: 2px 0 0 8px;
    display: block;
    width: 128px;
}

#ManufacturerLinkWrapper span.Open
{
    background: #fff url(/App_Themes/FrameworkBasic/images/node-foldup.png) 121px center no-repeat;    
}


#ManufacturerLinkWrapper span:hover
{
    background-color: #eee;
    text-decoration: none;
}

#ManufacturerLinkWrapper #ManufacturerLinks
{
    display: none;
    border: 1px solid #333;
    background: #fff;
    position: absolute;
    left: 0;
    top: 20px;
    height: 260px;
    overflow-y: scroll;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
    
}

#ManufacturerLinkWrapper #ManufacturerLinks a
{
    display: block;
    padding: 2px 5px 2px 5px;
    font-size: 11px;
    background: #fff;
    white-space: nowrap;
}

#ManufacturerLinkWrapper #ManufacturerLinks a:hover
{
    background: #eee;
    text-decoration: none;
}

#ManufacturerDropdownWrapper
{
    padding: 6px 0;
}

#ManufacturerDropdown
{
    width: 138px;
}

div.CategoryPageText a, a:visited {text-decoration: underline;}


/* categoryfooter test */
div.category-inside-footer {
  clear: both;
  display: block;
}



