/** STYLES FOR HTML ELEMENTS *********************************************************/
/*************************************************************************************/
HTML { font-size: x-small; }
BODY { color: #000000; font-family: Verdana,Arial,Helvetica; margin-left: 15px; margin-top: 20px; }
A:link, A:active, A:hover, A:visited { color: #000000; text-decoration:none; }
A:hover{ color: #f91e07; text-decoration: underline; }
P { line-height: 1.4em; margin-top: 0px; margin-bottom: 15px; /*Required for same look in Firefox and IE*/ }
UL { margin-top: 0px; margin-bottom: 5px; margin-left: 20px; }
HR { border: none; border-top: 1px solid #bababa; height: 1px; margin-top: auto; margin-bottom: auto; }
IMG {border:none;}


/** STYLES FOR TEMPLATE ELEMENTS *****************************************************/
/*************************************************************************************/
.H1header { font-size: 300%; font-weight: bold; margin-bottom: 10px; margin-top: 0px; padding-top:5px; font-family: Arial,Verdana,Helvetica; }
.H2header { font-size: 200%; font-weight: bold; margin-bottom: 8px; margin-top: 0px; font-family: Arial,Verdana,Helvetica; }
.H3header { font-size: 120%; margin-bottom: 5px; margin-top: 0px; font-family: Arial,Verdana,Helvetica; }


/** STYLES FOR EDITOR DROP DOWN LIST (PARAGRAPH FORMAT) ******************************/
/*************************************************************************************/
h1 { font-size: 270%; font-weight: bold; margin-bottom: 10px; margin-top:0px; font-family: Arial,Verdana,Helvetica; }
h2 { font-size: 180%; font-weight: bold; margin-bottom: 8px; margin-top: 0px; font-family: Arial,Verdana,Helvetica; }
h3 { font-size: 110%; margin-bottom: 5px; margin-top: 0px; font-family: Arial,Verdana,Helvetica; }

/** STYLES FOR EDITOR DROP DOWN LIST (ADAPTED STYLE) *********************************/
/*************************************************************************************/
.ImportantEditor { font-weight: normal; background-color: #808080; color: #FFFFFF; }
.ImagetextEditor { font-weight: normal; font-size: 90%; }


/** STYLES FOR THE BASEFILE **********************************************************/
/** The class names below are used in the basefile (/Templates/Framework/Framework1.master) */
/*************************************************************************************/
.WebBody { background-color: #ffffff; margin: 0px; padding: 0px; width: 100%; height: 100%; min-height: 100%; border-top: 1px solid white; /*bugfix for Opera*/ }
.WebMain { position: absolute; top: 0px; min-height: 100%; height: auto; width: 100%; }
.WebTopContainer { height: 110px; width: 960px; margin: auto; /*background-image: url(Images/hafabad/topRightFlower.gif); background-position: top right; background-repeat: no-repeat;*/ }
.WebTopLogo { float: left; height: 57px; margin-top: 23px; padding-left:10px;}
.WebTopCart { float: right; height: 65px; width:400px; margin-top: 0px; background-image: url(Images/hafabad/cartTopBg.gif); background-repeat: no-repeat; }
.WebTopCartText { float:left; text-align:right; height: 10px; width:395px; margin-top: 8px; color:#666666; }
.WebTopCartText a { color:#666666; }
.WebTopCartLeft {float:left; width:190px; height: 34px; margin-top:9px; margin-left:100px;}
.WebTopCartLeftCart { float:left; width:40px; }
.WebTopCartLeftText { float:right; text-align:right; margin-top:7px; width:150px; color:#666666; }
.WebTopCartRight { float:right; width: 95px; height: 27px; margin-top:15px; margin-right:6px;}
.WebTopMenu { float: left; padding-left: 10px; }
.WebTopSearch { float: right; padding-top: 2px; }
.WebTopSearch input { vertical-align: middle; }
.WebTopMenu { height: 30px; font-family: Verdana,Arial,Helvetica; }
.WebTopMenuItem, .WebTopMenuItemSelected { padding: 7px 10px 0 9px; margin-right: 0px !important; background-image: url(Images/menuMarker.gif); background-repeat: no-repeat; background-position: 0px 11px; }
.WebTopMenuItem a, .WebTopMenuItemSelected a { color: #000000 !important; font-size: 1.2em; font-weight: bold; text-decoration: none; }
.WebMiddleContainer { margin: auto; width: 960px; min-height:400px; height:auto; }
/* IE6 special - hanterar ej min-height */
*html .WebMiddleContainer { margin: auto; width: 960px; height:400px; }
.WebMiddleContainerStart { margin: auto; width: 960px; }
.WebMiddleContainerWide { margin: auto; width: 960px; background-image: url(Images/hafabad/wideTopBg.gif); background-position: top; background-repeat: no-repeat; }
.WebMiddleContainerWideMiddle { margin: auto; width: 960px; min-height:400px; height:auto; background-image: url(Images/hafabad/wideMiddleBg.gif); background-repeat: repeat-y; }
.WebMiddleContainerWideBottom { margin: auto; width: 960px; height:20px; background-image: url(Images/hafabad/wideBottomBg.gif); background-position: bottom; background-repeat: no-repeat; }
.WebMiddleContainerContent { width: 960px; float: left; }

.WebSideMenuContainer { float: left; width: 170px; height: 100%; }
.WebSideMenuContainerTop { float: left; width: 170px; height: 52px; background-image: url(Images/hafabad/SideMenuTop.gif); background-position: top; background-repeat: no-repeat; }
.WebSideMenuContainerArea { padding: 5px; }
.WebSideMenuContainerHeader { width: 160px; height: 44px; background-image: url(Images/hafabad/MenyHeader.gif); background-repeat: no-repeat;}
.WebSideMenuContainerMiddel { float:left; width: 170px; margin:0; padding:0; background-image: url(Images/hafabad/SideMenuMiddle.gif); background-repeat:repeat-y;}
.WebSideMenuContainerBottom { float: left; width: 170px; height: 10px; background-image: url(Images/hafabad/SideMenuBottom.gif); background-position: bottom; background-repeat: no-repeat; }

.WebSideCartContainerTop { float: left; width: 170px; height: 52px; margin-top:20px; background-image: url(Images/hafabad/SideMenuTop.gif); background-position: top; background-repeat: no-repeat; }
.WebSideCartContainerTopPayment { float: left; width: 170px; height: 15px; margin-top:20px; background-image: url(Images/hafabad/SideMenuTopPayment.gif); background-position: top; background-repeat: no-repeat; }
.WebSideCartContainerArea { padding: 5px; }
.WebSideCartContainerHeader { width: 160px; height: 44px; /*background-image: url(Images/hafabad/cartHeader.gif); background-repeat: no-repeat;*/}
.WebSideCartContainerMiddel { float:left; width: 170px; margin:0; padding:0; background-image: url(Images/hafabad/SideMenuMiddle.gif); background-repeat:repeat-y;}
.WebSideCartContainerMiddelInfo { float:left; width: 150px; margin:0; padding:10px;}
.WebSideCartContainerMiddelButton { float:left; width: 150px; margin:0; padding-left:8px;}
.WebSideCartContainerMiddelMenu { float:left; width: 150px; margin:0; padding-bottom:5px; font-family: Arial,Verdana,Helvetica; font-size: 12px;}
.WebSideCartContainerMiddelMenu a { text-decoration:none; color:#000000;}
.WebSideCartContainerBottom { float: left; width: 170px; height: 10px; background-image: url(Images/hafabad/SideMenuBottom.gif); background-position: bottom; background-repeat: no-repeat; }
.WebSideCartProductText{ padding-bottom:5px;}
.WebSideCartTotalText{ padding-top:5px; border-top: 1px solid #eeeeee;}
.WebSideCartTotalTextBold { font-weight:bold;}

.WebContentMainWithMenu { float: right; width: 777px;}
.WebContentMainWithMenuTop { float: right; width: 777px; height:52px; background-image: url(Images/hafabad/MainWithMenuBg.gif); background-position: top; background-repeat: no-repeat; }
.WebContentMainWithMenuTopArea { padding: 5px; }
.WebContentMainWithMenuTopHeader { width: 767px; height: 44px; background-image: url(Images/hafabad/MainWithMenuHeaderInfo.gif); background-repeat: no-repeat; }
.WebContentMainWithMenuTopHeaderStore { width: 767px; height: 44px; background-image: url(Images/hafabad/MainWithMenuHeaderButik.gif); background-repeat: no-repeat; }
.WebContentMainWithMenuTopHeaderAbout { width: 767px; height: 44px; background-image: url(Images/hafabad/MainWithMenuHeaderAbout.gif); background-repeat: no-repeat; }
.WebContentMainWithMenuTopHeaderSortiment { width: 767px; height: 44px; background-image: url(Images/hafabad/MainWithMenuHeaderSortiment.gif); background-repeat: no-repeat; }
.WebContentMainWithMenuTopHeaderKundeservice { width: 767px; height: 44px; background-image: url(Images/hafabad/MainWithMenuHeaderKundeservice.gif); background-repeat: no-repeat; }
.WebContentMainWithMenuMiddle { float: right; width: 777px; height:auto; min-height:330px; background-image: url(Images/hafabad/MainWithMenuMiddleBg.gif); background-repeat:repeat-y;}
.WebContentMainWithMenuBottom { float: right; width: 777px; height:20px; background-image: url(Images/hafabad/MainWithMenuBottomBg.gif); background-position: top; background-repeat:no-repeat;}
.WebContentMain { float: left; width: 960px; }
.WebContentMainLeft { margin-right:230px;}
.WebContentMainLeftProduct { margin-left:8px; padding-top:10px;}
.WebContentMainRight { width: 180px; float: right; padding-right:20px; /*padding-top:10px;*/}
.WebContentMainRightImage { width: 220px; padding:10px 0 0 0; }
.WebBottomContainer { width: 960px; height:40px; margin: auto; margin-top:20px; margin-bottom:20px; background-image: url(Images/hafabad/fotterBg.gif); background-repeat:no-repeat;  }
.WebBottomBg { padding-left:12px; padding-right:12px; }
.WebBottomBg2 { width: 960px; float: left; background-color: #ebeced; }
.WebBottomBgIcon { float:left; width: 50px; }
.WebBottomLeft { float: left; width: 300px; padding-top: 13px; color:#797e7c;}
.WebBottomRight { float: right; width:550px; color:#797e7c;}
.WebBottomLink { float: left; padding: 0 5px 0 5px; font-family: Arial,Verdana,Helvetica; color:#666666; }
.WebBottomLink a { color: #666666 !important; font-size: 1.2em; font-weight: bold; text-decoration: none; }
.WebBottomLanguageSelect { float: left; padding-left: 10px; }
.WebBottomText { font-size: 1.2em; font-weight: bold; text-decoration: none; font-family: Arial,Verdana,Helvetica; }
.WebClear { clear: both; }
.WebSearchField { font-size: 110%; color: #666666; width: 100px; font-family: Verdana,Arial,Helvetica; }
.WebSearchButton { font-size: 110%; color: #666666; width: auto; font-family: Verdana,Arial,Helvetica; padding-right:3px; }
.WebCopyright { float:right; text-align:right; color:#666666; margin-top:15px; margin-bottom:20px;}
.WebCopyright a { color:#666666;}
/*.WebLeftMenu ul { margin: 0px; padding: 0px; }
.WebLeftMenu li { list-style: none; padding: 3px; margin-left: 15px; }
.WebLeftMenu a { padding: 3px; margin-left: 1px; line-height: 14px; }
.WebLeftMenuSelected { margin-left: 0px !important; border: 1px solid #C4C4C4; background-color: #F0F0F0; }
.WebLeftMenu_level_1 { margin-left: -20px !important; line-height: 130%; font-size: 110%; }
.WebLeftMenu_level_2, .WebLeftMenu_level_3, .WebLeftMenu_level_4, .WebLeftMenu_level_5 { margin-top: 1px !important; line-height: 110%; }*/

/*************************************************************************************
This stylesheet will be used for the templates included in Litium Studio. Changes
below will change the appearance of the pages using the templates in the folder
"Templates".
**************************************************************************************/

/** STYLES FOR LITIUM STUDIO TEMPLATES ***********************************************/
/*************************************************************************************/
.StartPageTopContent { float: right; width: 960px; }
.StartPageTopContentLeft { float: left; width: 645px; height:240px; background-image: url(Images/hafabad/startBgBig.gif); background-repeat: no-repeat; }
.StartPageTopContentLeftArea { padding:5px;}
.StartPageTopContentLeftImage { float: left; width: 635px; height:230px;}
.StartPageTopContentRight { float: right; width: 295px; height:240px; background-image: url(Images/hafabad/startBgSmal.gif); background-repeat: no-repeat; }
.StartPageTopContentRightArea { padding: 5px; }
.StartPageTopContentRightHeader { width: 285px; height: 44px; background-image: url(Images/hafabad/butikHeader.gif); background-repeat: no-repeat; }
.StartPageTopContentRightInfo { float: right; width: 265px; height: 287px; overflow: hidden; padding: 10px 10px 10px 10px; }
.StartPageTopContentRightInfoImage { float: left; width: 120px; height: 165px; overflow: hidden; }
.StartPageTopContentRightInfoText { float: right; text-align:left; width: 130px; height: 165px; overflow: hidden; }
.StartPageTopContentRightProduct { width: 265px; height: 85px; }
/*.StartPageLeftContentRightPuff { float: right; width: 310px; margin-top: 13px; }*/

.StartPageMiddleContent { float: right; width: 960px; margin-top:20px; }
.StartPageMiddleContentLeft { float: left; width: 295px; height:240px; background-image: url(Images/hafabad/startBgSmal.gif); background-repeat: no-repeat; }
.StartPageMiddleContentLeftArea { padding: 5px; }
.StartPageMiddleContentLeftHeader { width: 285px; height: 44px; background-image: url(Images/hafabad/webberbjudandeHeader.gif); background-repeat: no-repeat; }
.StartPageMiddleContentLeftInfo { float: right; width: 265px; height: 287px; overflow: hidden; padding: 10px 10px 10px 10px; }
.StartPageMiddleContentLeftInfoImage { float: left; width: 120px; height: 165px; overflow: hidden; }
.StartPageMiddleContentLeftInfoText { float: right; text-align:left; width: 130px; height: 165px; overflow: hidden; }
.StartPageMiddleContentRight { float: right; width: 645px; height:240px; background-image: url(Images/hafabad/startBgBig.gif); background-repeat: no-repeat; }
.StartPageMiddleContentRightArea { padding: 5px; }
.StartPageMiddleContentRightHeader { width: 635px; height: 44px; background-image: url(Images/hafabad/tilbudHeaderWide.gif); background-repeat: no-repeat; }
.StartPageMiddleContentRightProdukt1 { float: left; padding-left:10px; padding-top:10px; width: 189px; max-height: 180px; overflow:hidden; }
.StartPageMiddleContentRightProdukt2 { float: left; padding-left:25px; padding-top:10px; width: 189px; max-height: 180px; overflow:hidden; }
.StartPageMiddleContentRightProdukt3 { float: left; padding-left:25px; padding-top:10px; width: 189px; max-height: 180px; overflow:hidden; }
.ProduktPrice { float: left; padding-top:5px; width: 109px; overflow:hidden; }
.ProduktPriceBase { width:115px; text-decoration:line-through; }
.ProduktPriceSale { width:115px; color:#00bcde; font-size:17px;}
.ProduktPriceBaseTilbud { width:115px; text-decoration:line-through; }
.ProduktPriceSaleTilbud { width:115px; color:#f7931d; font-size:17px;}
.ProduktButton { float: right; padding-top:17px; width: 74px; max-height: 20px; overflow:hidden; }

.StartPageMiddleBottomContent { float: right; width: 960px; margin-top:20px; }
.StartPageMiddleBottomContentLeft { float: left; width: 645px; height:240px; background-image: url(Images/hafabad/startBgBig.gif); background-repeat: no-repeat; }
.StartPageMiddleBottomContentLeftArea { padding:5px;}
.StartPageMiddleBottomContentLeftHeader { width: 635px; height: 44px; background-image: url(Images/hafabad/sortimentHeader.gif); background-repeat: no-repeat; }
/*.StartPageMiddleBottomContentLeftImage { float: left; width: 635px; height:230px;}*/
.StartPageMiddleBottomContentRight { float: right; width: 295px; height:240px; background-image: url(Images/hafabad/startBgSmal.gif); background-repeat: no-repeat; }
.StartPageMiddleBottomContentRightArea { padding: 5px; }
.StartPageMiddleBottomContentRightHeader { width: 285px; height: 44px; background-image: url(Images/hafabad/kundeserviceHeader.gif); background-repeat: no-repeat; }
.StartPageMiddleBottomContentRightText { float: right; width: 265px; height: 287px; overflow: hidden; padding: 10px 10px 10px 10px; }
.StartPageMiddleBottomContentRightProduct { width: 265px; height: 85px; }

.StartPageBottomContent { float: right; width: 960px; margin-top:20px; }
.StartPageBottomContentAreaLeft { float: left; width: 210px; }
.StartPageBottomContentArea { float: left; width: 210px; padding-left:40px; }

.Intro { font-size: 110%; font-weight: bold; margin-top: 0px; margin-bottom: 10px;}
.Text { font-size: 110%; font-weight: normal; margin-top: 0px; /*margin-bottom: 10px;*/ }
.Normal { font-size: 110%; }
.Textbold { font-weight: bold; }
.Factheader { font-weight: bold; color: white; background-color: #555555; padding: 5px; }
.Facttext { font-weight: normal; background-color: #DDDDDD; padding: 5px; }
.Imagetext { font-weight: normal; margin-top: 2px; text-align: CENTER; }
.Date { color: #AAAAAA; margin-top: 0px; margin-bottom: 0px; }

.Linklist { font-weight: normal; margin-top: 20px; }
.Linkicon { margin-right: 3px; height: 10px; }
.Filelist { font-weight: normal; margin-top: 20px; }
.Fileicon { margin-right: 5px; }
.Productlist { font-weight: normal; margin-top: 20px; }
.Newslist { font-weight: normal; margin-top: 20px; }
.Form { }
.InputItem { font-size: 110%; margin-bottom: 10px; color: #000000; font-family: Verdana,Arial,Helvetica; }
.InputItemFixedWidth { font-size: 110%; margin-bottom: 10px; width: 300px; color: #000000; font-family: Verdana,Arial,Helvetica; }
.InputItemFullWidth { font-size: 110%; margin-bottom: 10px; width: 100%; color: #000000; font-family: Verdana,Arial,Helvetica; }
.SelectItemFixedWidth { font-size: 110%; margin-bottom: 10px; width: 305px; font-weight: bold; color: #000000; font-family: Verdana,Arial,Helvetica; }
.MarginSingle { margin-top: 10px; }
.MarginDouble { margin-top: 20px; }

.Image { margin-top: 20px; }
.ImageCenter { text-align: CENTER; margin:20px 0px 0px 0px; }
.ImageLeft { text-align: LEFT; margin-top: 20px; }
.ImageRight { text-align: RIGHT; margin-top: 20px; }
.ImageLeftFloat { float: LEFT; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; display: INLINE; }
.ImageRightFloat { float: RIGHT; margin-top: 10px; margin-left: 10px; margin-bottom: 10px; display: INLINE; }

.ColumnSpace { height: 10px; width: 10px; }
.CrossHorizontal { font-size: 1%; height: 2px; background-color: #555555; }
.CrossHorizontalCell { font-size: 1%; padding-bottom: 10px; padding-top: 10px; }
.CrossVertical { font-size: 1%; width: 2px; background-color: #555555; }
.CrossVerticalCell { font-size: 1%; height: 100%; padding: 5px; }

.threeColumnLeft { vertical-align: top; width: 350px; padding-right: 5px; }
.threeColumnMiddle { vertical-align: top; width: 189px; padding-top: 5px; padding-left: 5px; padding-right: 5px; }
.threeColumnRight { vertical-align: top; width: 189px; padding-top: 5px; padding-left: 5px; }
.threeColumnLineV { padding-top: 5px; background-image: url(../templates/common/images/dotlineV_bg.gif); }
.threeColumnLineH { margin-top: 5px; margin-bottom: 5px; height: 1px; background-image: url(../templates/common/images/dotlineH_bg.gif); }

.twoColumnTable { width: 100%; height: 350px; }
.twoColumnLeft { vertical-align: top; padding-right: 20px; }
.twoColumnRight { vertical-align: top; width: 180px; padding-left: 20px; }
.twoColumnInnerTable { margin-top: 20px; }
.twoColumnInnerOne { height: 100%; width: 33%; vertical-align: top; padding-top: 10px; padding-right: 10px; }
.twoColumnInnerTwo { height: 150px; width: 34%; vertical-align: top; padding-top: 10px; padding-left: 10px; padding-right: 10px; }
.twoColumnInnerThree { height: 150px; width: 33%; vertical-align: top; padding-top: 10px; padding-left: 10px; }
.twoColumnLineH { height: 1px; background-color: #9A9A9A; }
.twoColumnLineV { width: 1px; background-color: #9A9A9A; }

.Fileheader { font-size: 110%; font-weight: bold; margin-bottom: 5px; border-bottom: 1px solid black; }
.Fileitem { font-size: 110%; font-weight: normal; margin-bottom: 5px; }
.Linkheader { font-size: 110%; font-weight: bold; margin-bottom: 5px; border-bottom: 1px solid black; }
.Linkitem { font-size: 110%; font-weight: normal; margin-bottom: 5px; }
.Productname { font-size: 110%; font-weight: bold; margin-bottom: 5px; }
.Productlink, A.Productlink:link, A.Productlink:active, A.Productlink:hover, A.Productlink:visited { }
.Productdesc { font-size: 110%; font-weight: normal; }
.ProductRowItem1 { padding: 5px; padding-left: 0px; }
.ProductRowItem2 { padding: 5px; padding-left: 0px; }
.ProductColumnItem1 { padding: 10px; border-left: 1px solid #9A9A9A; width: 33%; }
.ProductColumnItem2 { padding: 10px; border-left: 1px solid #9A9A9A; width: 34%; }
.ProductColumnItem3 { padding: 10px; border-left: 1px solid #9A9A9A; width: 33%; }
.ProductitemLineH { height: 1px; background-color: #9A9A9A; }
.ProductitemLineV { padding: 10px; border-left: 1px solid #9A9A9A; }
.Productitem { font-size: 110%; line-height: 20px; }
.Productitemlist { padding-right: 20px; width: 100px; }
.ProductitemlistLineV { border-left: 1px solid #9A9A9A; }
.Newsimage { float: RIGHT; margin-left: 10px; display: INLINE; }
.Newsdate { font-size: 100%; }
.Newsheader { font-size: 110%; font-weight: bold; }
.Newslink, A.Newslink:link, A.Newslink:active, A.Newslink:hover, A.Newslink:visited { }
.Newsintro { font-size: 110%; font-weight: normal; }
.Newsitem1 { padding: 5px; padding-left: 0px; }
.Newsitem2 { padding: 5px; padding-left: 0px; }

.ProductCategoryList { margin-top: 10px; }
.ProductCategoryListItem { width: 170px; vertical-align: top; padding: 1px 10px 5px 10px; background-image: url(Images/hafabad/productCategoryItemSideDivider.gif); background-repeat: repeat-y; background-position: right; }
.ProductCategoryListItemTopBorder { height: 2px; width: 170px; font-size: 1px; }
.ProductCategoryListItemHeader { font-size: 1.2em; padding: 5px 0 3px 0; }
.ProductCategoryListItemImage { width:170px; }
.ProductCategoryListItemLink { text-align: right; }
.ProductCategoryListItemLink a {color: #f91e07!important; text-decoration: none!important; }
.ProductCategoryListItemText { }

.NewsListHeaderArea{width: 940px; height: 40px; padding-left: 15px;}
.NewsListBox{width: 940px; height: 290px; margin-top: 15px;}
.NewListArea1{float:left; width: 464px; padding-left: 66px;}
.NewListArea2{float:right; width: 300px; font-size: 110%; font-weight: normal; margin-right:45px; margin-top: 10px; margin-bottom: 10px; }
.NewListArea2 a{font-size: 100%; font-weight: normal; margin-top: 0px; margin-bottom: 10px;}

.RoomDesignerLeft{float:left; width: 307px; margin: 11px 0 13px 17px;}
    .RoomDesignerPageAreaKampanj{width: 260px; height: 266px; padding: 22px 23px 12px 27px; background-image: url(../Images/kampanj_back.jpg); background-repeat: no-repeat;}
    .RoomDesignerPageArea{width: 260px; height: 266px; padding: 22px 23px 12px 27px; background-image: url(Images/hafabad/paperBG.gif); background-repeat: no-repeat;}
    .RoomDesignerPageArea a{font-size: 100%; font-weight: normal;}
    .RoomDesignerTextArea{padding-left: 5px; padding-top: 1px;}
    .RoomDesignerTextArea a{font-size: 100%; font-weight: normal;}
.RoomDesignerRight{float:right; width: 600px; margin: 11px 20px 13px 0;}
.RoomDesignerKampanjRight{float:right; width: 315px;}
.RoomDesignerKampanjLeft{float:left; width: 315px;}

.ButikNewsListHeaderArea{width: 530px; height: 40px; padding-left: 15px;}
.ButikNewsListBox{width: 530px; height: 340px; margin-bottom:15px; padding-left:17px}
/*.ButikNewsListLeft{float:left; width: 240px; padding:10px;}
    .ButikNewsListPageArea{width: 540px; height: auto; padding: 10px 20px 10px 7px;}
    .ButikNewsListPageArea a{font-size: 100%; font-weight: normal;}
    .ButikNewsListTextArea{padding-left: 5px; padding-top: 1px;}
    .ButikNewsListTextArea a{font-size: 100%; font-weight: normal;}
.ButikNewsListRight{float:right; width: 200px; margin-top: 11px; margin-bottom: 13px;}*/
.ButikNewListArea1{ position:absolute; top:220px; width:400px; margin-left:10px; padding: 5px 5px 0 5px; color:#000000; background-color:#ffffff; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50;}
.ButikNewListArea2{float:right; width: 530px; font-size: 110%; font-weight: normal; margin-top: 10px; margin-bottom: 10px; }
.ButikNewListArea2 a{font-size: 100%; font-weight: normal; margin-top: 0px; margin-bottom: 10px;}

.ButikLeft{float:left; width: 350px; padding: 5px 0 0 5px;}
    .ButikPageAreaKampanj{width: 350px; height: auto; padding: 0px 20px 5px 10px;}
    /*.ButikPageArea{width: 260px; height: 266px; padding: 22px 23px 12px 27px;}
    .ButikPageArea a{font-size: 100%; font-weight: normal;}*/
    .ButikTextArea{width: 350px; height: auto; padding: 0px 20px 5px 10px;}
    .ButikTextArea a{font-size: 100%; font-weight: normal;}
.ButikRight{float:right; width: 500px; margin-top: 11px; margin-right: 20px; margin-bottom: 13px;}
.ButikKampanjRight{float:right; width: 315px;}
.ButikKampanjLeft{float:left; width: 315px;}
.ButikWide{float:left; width: 960px; margin:0px; height: auto;}

.ApplicationFormLeftArea{float:left; width: 460px; margin:11px 0px 11px 17px;}
.ApplicationFormRightArea{float:right; width: 400px; min-height: 375px; height: 375px; padding: 7px 5px 12px 23px; margin:11px 17px 11px 0px; /*background-image: url(../Images/hafabad/bakg_katalog.gif); background-repeat: no-repeat;*/}

.ResellerListLeftArea{float: left; width: 440px;}
.ResellerListRightArea{float: right; width: 482px; margin-top: 59px;}
.ResellerDropDownArea{padding-left: 60px; padding-top: 10px; font-size: 110%;}
.ResellerListTable{font-weight: bold; font-size: 110%; background-image: url(../Images/resellerListTableHeader.gif); background-repeat:no-repeat; background-position: top left;}
.ResellerListTable td{vertical-align:top; padding-bottom: 21px;}
.ResellerListTable div{font-weight: normal;}
.ResellerListTableHeader{height: 27px; width: 482px;}
.ResellerListTableHeader td{padding-top: 9px; color: #ffffff;}
.ResellerListCell1{width: 94px; padding-left: 5px; padding-right: 5px;}
.ResellerListCell2{width: 178px; padding-right: 5px;}
.ResellerListCell3{width: 205px;}
.ResellerListIcon{margin-left: 3px; margin-bottom: 3px;}
.ResellerListKampanjIcon{margin-left: 3px;}

.BreadcrumbContainer { padding: 5px 5px 0 7px; height: 20px;}
.BreadcrumbContainerWithMenu { padding: 10px 5px 0 7px; height: 20px; color:#ffffff;}
.BreadcrumbContainerWide { padding: 5px; }
.BreadcrumbContainerWideBreadcrumb { padding: 10px; color: #ffffff; }
.BreadcrumbContainerWideHeaderNews { width: 950px; height: 44px; background-image: url(Images/hafabad/wideHeader.gif); background-repeat: no-repeat; }
.BreadcrumbContainerWideHeaderStore { width: 950px; height: 44px; background-image: url(Images/hafabad/wideHeader_butik.gif); background-repeat: no-repeat; }
.BreadcrumbContainerWideHeaderTilbud { width: 950px; height: 44px; background-image: url(Images/hafabad/wideHeader_tilbud.gif); background-repeat: no-repeat; }
.BreadcrumbContainerWideHeaderRoomdesigner{ width: 950px; height: 44px; background-image: url(Images/hafabad/wideHeader_roomdesigner.gif); background-repeat: no-repeat; }
.BreadcrumbContainerWideHeaderSortiment{ width: 950px; height: 44px; background-image: url(Images/hafabad/wideHeader_sortiment.gif); background-repeat: no-repeat; }
.BreadcrumbContainerWideHeaderKatalog{ width: 950px; height: 44px; background-image: url(Images/hafabad/wideHeader_katalog.gif); background-repeat: no-repeat; }
.BreadcrumbContainerWideHeaderSitemap{ width: 950px; height: 44px; background-image: url(Images/hafabad/wideHeader_sitemap.gif); background-repeat: no-repeat; }
.BreadcrumbContainerWideHeaderCart{ width: 950px; height: 44px; background-image: url(Images/hafabad/wideHeader_cart.gif); background-repeat: no-repeat; }
.BreadcrumbContainerWideHeaderLogin{ width: 950px; height: 44px; background-image: url(Images/hafabad/wideHeader_login.gif); background-repeat: no-repeat; }
.BreadcrumbContainerWideHeaderCheckOut{ width: 950px; height: 44px; background-image: url(Images/hafabad/wideHeader_checkOut.gif); background-repeat: no-repeat; }
.BreadcrumbContainerWideHeaderMyPage{ width: 950px; height: 44px; background-image: url(Images/hafabad/wideHeader_myPage.gif); background-repeat: no-repeat; }
.BreadcrumbContainerWideHeaderRegister{ width: 950px; height: 44px; background-image: url(Images/hafabad/wideHeader_register.gif); background-repeat: no-repeat; }
.BreadcrumbContainerWideHeaderOrderHistory{ width: 950px; height: 44px; background-image: url(Images/hafabad/wideHeader_ordrehistorik.gif); background-repeat: no-repeat; }
.BreadcrumbContainerWideHeaderSearchResult{ width: 950px; height: 44px; background-image: url(Images/hafabad/wideHeader_searchresult.gif); background-repeat: no-repeat; }
.Breadcrumb { font-size: 1.4em; font-family: Arial,Verdana,Helvetica; }
A.Breadcrumb:link, A.Breadcrumb:active, A.Breadcrumb:hover, A.Breadcrumb:visited { color: #ffffff !important; text-decoration: none; }

.litCommonTempIntro{FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-TOP:0px; MARGIN-BOTTOM:10px;}
.litCommonTempText{FONT-SIZE:110%; FONT-WEIGHT:normal; MARGIN-TOP:0px; MARGIN-BOTTOM:10px;}
.litCommonTempNormal{FONT-SIZE:110%;}
.litCommonTempTextbold{FONT-WEIGHT:bold;}
.litCommonTempImagetext{FONT-WEIGHT:normal; MARGIN-TOP:2px; TEXT-ALIGN:CENTER;}
.litCommonTempLinklist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.litCommonTempLinkicon{MARGIN-RIGHT:3px; HEIGHT:10px;}
.litCommonTempFilelist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.litCommonTempFileicon{MARGIN-RIGHT:5px;}
.litCommonTempMarginSingle{MARGIN-TOP:10px;}
.litCommonTempMarginDouble{MARGIN-TOP:20px;}

.litCartBuyButton{ width:45px; padding:0px; margin:0px; font-size: 110%;}

.ContentIndentation{padding-left: 16px;}
* html .ContentIndentation{float: left; display: inline; height: 1%;} /* ie6 only */

/** SYSTEM ERROR MESSAGE *************************************************************/
/** System errors shown together with add-on-templates *******************************/
/*************************************************************************************/
.litErrorFieldset { margin-top: 10px; margin-bottom: 10px; }
.litErrorLegend { color: #FF0000 !important; font-size: 110%; padding-right: 6px; }
.litErrorDiv { padding-top: 8px; padding-bottom: 5px; }
.litErrorIcon { width: 16px; height: 16px; margin-right: 3px; }
.litErrorMsg { color: #FF0000 !important; font-size: 110%; }

/** Styles for left menu *************************************************************/
/**************************************************************************************/
.WebLeftMenu { font-family: Arial,Verdana,Helvetica; font-size: 12px; }
.WebLeftMenu a { text-decoration: none; color: #000000 !important; padding: 0; }

.WebLeftMenuTopItem { margin-bottom: 5px; margin-left: 5px; width: 150px; padding: 2px 5px 2px 5px;  /*background-image: url(Images/sideMenuBg.gif); background-repeat: no-repeat;*/}
.WebLeftMenuTopSelected { margin-bottom: 5px; margin-left: 5px; width: 150px; padding: 2px 5px 2px 5px; background-color:#eeeeee;  /*background-image: url(Images/sideMenuBg.gif); background-repeat: no-repeat;*/}
.WebLeftMenuTopExpandable { margin-bottom: 5px; margin-left: 5px; width: 150px; padding: 2px 5px 2px 5px;  /*background-image: url(Images/sideMenuBgExpandable.gif); background-repeat: no-repeat;*/ }
.WebLeftMenuTopExpandableExpanded { margin-bottom: 5px; margin-left: 5px; width: 150px; padding: 2px 5px 2px 5px; background-color:#eeeeee; /*background-image: url(Images/sideMenuBgExpanded.gif); background-repeat: no-repeat;*/ }
.WebLeftMenuTopExpandableSelected { margin-bottom: 5px; margin-left: 5px; width: 150px; padding: 2px 5px 2px 5px; background-color:#eeeeee;/*background-image: url(Images/sideMenuBgExpanded.gif); background-repeat: no-repeat;*/ }

.WebLeftMenuItem1 { margin-left: 10px; padding-left: 10px; margin-bottom: 4px; }
.WebLeftMenuItem2 { margin-left: 20px; padding-left: 10px; margin-bottom: 4px; }
.WebLeftMenuItem3 { margin-left: 30px; padding-left: 10px; margin-bottom: 4px; }
.WebLeftMenuItem4 { margin-left: 40px; padding-left: 10px; margin-bottom: 4px; }
.WebLeftMenuItem5 { margin-left: 50px; padding-left: 10px; margin-bottom: 4px; }

.WebLeftMenuSelected1 { margin-left: 10px; padding-left: 10px; margin-bottom: 4px; }
.WebLeftMenuSelected2 { margin-left: 20px; padding-left: 10px; margin-bottom: 4px; }
.WebLeftMenuSelected3 { margin-left: 30px; padding-left: 10px; margin-bottom: 4px; }
.WebLeftMenuSelected4 { margin-left: 40px; padding-left: 10px; margin-bottom: 4px; }
.WebLeftMenuSelected5 { margin-left: 50px; padding-left: 10px; margin-bottom: 4px; }

.WebLeftMenuSelected1 a { text-decoration: underline; }
.WebLeftMenuSelected2 a { text-decoration: underline; }
.WebLeftMenuSelected3 a { text-decoration: underline; }
.WebLeftMenuSelected4 a { text-decoration: underline; }
.WebLeftMenuSelected5 a { text-decoration: underline; }

/** Styles for carousel *************************************************************/
/**************************************************************************************/
#carousel {	margin: 0 auto;	width: 635px; height: 230px; padding: 0; overflow: scroll; border:0;}
#carousel ul { list-style: none; width:1905px; margin: 0; padding: 0; position:relative;}
#carousel li { display:inline; float:left;}

/** Styles for product pages, more styles in product.css ******************************/
/**************************************************************************************/
div.ProductDottedHR{ background-color:Transparent; height:2px; overflow:hidden; margin-top:5px; margin-bottom:5px; background-image:url("../Images/productBorderBottom.jpg"); background-repeat: repeat-x; }