/** STYLES FOR HTML ELEMENTS *********************************************************/
/*************************************************************************************/
HTML { font-size:12px; background-color:#000000; }
BODY { font-family: Arial, Helvetica, sans-serif; margin:0; padding:0; background-color:#000000; color:#414141; }
A:link, A:active, A:hover, A:visited { text-decoration:none; color:#414141; }

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; display:block;}

/** STYLES FOR TEMPLATE ELEMENTS *****************************************************/
/*************************************************************************************/
.H1header { font-size:22px; font-weight:normal; margin:0; padding:0; font-family: Arial,Verdana,Helvetica; }
.H2header { font-size:14px; padding-top:0px; margin:0; line-height:150%; padding-bottom:10px; font-weight:normal; 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: 200%; 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) */
/*************************************************************************************/
.WebContainer { width:100%; height:auto; background-color:#000000; color:#414141; }
.WebContentStartPage { width:800px; height:auto; }
.WebContent { width:880px; height:auto;}
.WebContentLeft { float:left; width:800px; height:auto; }
.WebContentRight { float:right; width:80px; height:auto; }
.WebContentRightTopPuffHolder { float:left; margin-top:215px;}
.WebContentRightPuffHolder { float:left; margin-top:10px;}
.WebTopContainer { height: 110px; width: 800px; margin: auto; }
.WebTopLogo { float: right; }
.WebBreadcrumbContainer { width:580px; height: 17px; margin-left:220px; margin-top:4px; color:#ffffff; background-color: #000000; }
.WebBreadcrumb { font-size: 1.0em; font-family: Arial,Verdana,Helvetica;  }
A.WebBreadcrumb:link, A.WebBreadcrumb:active, A.WebBreadcrumb:hover, A.WebBreadcrumb:visited { color: #ffffff !important; text-decoration: none; }

.WebMaincontent { width:550px; height:auto; background-color:#FFFFFF; float:right; padding: 15px 15px 15px 15px; margin-bottom:30px;}
.Main { color:#414141;}
.Main a { color:#414141;}
.Bubbla { color:#00938d;}
.Bubbla a { color:#00938d;}
.Bada { color:#61afa7;}
.Bada a { color:#61afa7;}
.Steamer { color:#5d7a5e;}
.Steamer a { color:#5d7a5e;}
.Duscha { color:#8aae7c;}
.Duscha a { color:#8aae7c;}
.Porslin { color:#712353;}
.Porslin a { color:#712353;}
.Moblera { color:#743a23;}
.Moblera a { color:#743a23;}
.Blandare { color:#d2741d;}
.Blandare a { color:#d2741d;}

.WebTopSearch { float: right; padding-top: 2px; }
.WebTopSearch input { vertical-align: middle; }

/*.WebMiddleContainer { margin: auto; width: 953px; min-height:400px; }
/* IE6 special - hanterar ej min-height */
/**html .WebMiddleContainer { margin: auto; width: 953px; height:400px; }
.WebMiddleContainerStart { margin: auto; width: 953px; background-image: url(Images/startMainBg.jpg); background-repeat: no-repeat; }
.WebMiddleContainerWide { margin: auto; width: 953px; }
.WebMiddleContainerPaddingLeft { padding-left: 6px; }
.WebMiddleContainerContentWithMenu { width: 947px; float: left; min-height:400px; background-image: url(Images/sideMenuDivider.gif); background-repeat: repeat-y; background-position: 146px; }
/* IE6 special - hanterar ej min-height */
/**html .WebMiddleContainerContentWithMenu { width: 947px; float: left; height:400px; background-image: url(Images/sideMenuDivider.gif); background-repeat: repeat-y; background-position: 146px; }
.WebMiddleContainerContent { width: 947px; float: left; }


.WebContentMainWithMenu { float: right; width: 792px; }
.WebContentMain { float: left; width: 947px; }
.WebContentMainLeft { margin-right:240px;}
.WebContentMainRight { width: 220px; float: right; padding-top:10px;}
.WebContentMainRightImage { width: 220px; padding:10px 0 0 0; }*/

.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; }

/*************************************************************************************
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 ***********************************************/
/*************************************************************************************/
.StartPageContent { width:550px; height:550px; background:#FFFFFF; float:right; padding: 15px 15px 15px 15px;  color:#000000;}
.StartPageTopContent { width: 550px; }
.StartPageTopContentLeft { float: left; width: 361px; height:361px; }
.StartPageTopContentRight { float: right; width: 173px; }
.StartPageTopContentRightPuff { width: 173px; height:173px; }
.StartPageTopContentLeftPuff { width: 173px; height:173px; margin-top:15px; }
.StartPageMiddleContent { float:left; width: 550px; margin-top:15px; }
.StartPageMiddleContentPuff { float: left; width: 173px; height:173px; margin-right:15px; }
.StartPageMiddleContentPuffRight { float: left; width: 173px; height:173px; }
.StartPageFlashContent { float:right; width: 580px; height:auto; margin-top:15px; }
.StartPageBottomContainer { float:right; width: 550px; height:auto; padding: 15px 15px 15px 15px; }
.StartPageBottomText { font-size: 10px; text-align:center; color:#414141;}

.StartPageTwoContent { width:550px; height:550px; background:#FFFFFF; float:right; padding: 15px 15px 15px 15px; color:#000000;}
.StartPageTwoMiddleContent { width:580px; height:auto; background:#000000; float:right; margin-top:15px; /*padding: 15px 15px 15px 15px;*/ color:#000000; }
.StartPageTwoMiddleContentPuffLeft { float: left; width: 267px; height:126px; margin-left:15px; /*border: 1px solid #414141;*/ }
.StartPageTwoMiddleContentPuffLeft a:hover { background-color: #90b630; }
.StartPageTwoMiddleContentPuff { float: left; width: 126px; height:126px; margin-left:15px; /*border: 1px solid #414141;*/ }
.StartPageTwoMiddleContentPuff a:hover { background-color: #90b630; }
.StartPageTwoBottomContainer { float:right; width: 550px; height:auto; padding: 15px 15px 15px 15px; }
.StartPageTwoBottomText { font-size: 10px; text-align:center; color:#414141;}

.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:10px 0px 0px 0px; }
.ImageCenterInspiration { text-align: CENTER; margin: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; }

.ProductCategoryImages { width:550px; height:auto; margin-bottom:0px; }
.ProductCategoryList { margin-top: 10px; }
.ProductCategoryListItem { width: 171px; padding: 15px 15px 0 0; }
* html .ProductCategoryListItem{width: 171px; padding: 15px 5px 0 5px;} /* ie6 only */

.ProductCategoryListItemBox { width:171px; height:auto; border: 1px solid #e1e1e1; }
.ProductCategoryListItemBox a { width:171px; display: block; }
.ProductCategoryListItemBox a:hover { background-color: #e1e1e1;}
.ProductCategoryListItemHeader { font-size: 14px; padding: 3px 5px 3px 5px; display: block; }
.ProductCategoryListItemText { font-size: 10px; padding: 0 5px 3px 5px; display: block; color:#000000; }
.ProductCategoryListItemImage { width:171px; height:171px; }
/*.ProductCategoryListItemTopBorder { height: 2px; width: 171px; font-size: 1px; }*/

.NewsListOrangeBox{width: 550px; height:550px;}
.NewListArea1{ position:absolute; left:250px; top:160px; width:300px; padding:10px; color:#414141; background-color:#ffffff; filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70;}
.NewListArea1Text{ width:300px; color:#414141;}
.NewListArea2{float:left; width: 550px; height:450px;}
.NewListScrollArea{float:left; width: 550px; margin-top: 0; }

/*.RoomDesignerLeft{float:left; width: 310px; margin-top: 11px; margin-bottom: 13px;}
    .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/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: 630px; margin-top: 11px; margin-bottom: 13px;}*/

.RoomDesignerKampanjRight{float:right; width: 260px; height:auto; margin-top:30px;}
.RoomDesignerKampanjLeft{float:left; width: 260px; height:auto; margin-top:30px;}

.ApplicationFormTopArea{float:left; width: 550px; margin-bottom: 10px; color:#414141;}
.ApplicationFormCatalogue{float:left; width: 550px; margin-top:10px;}
.ApplicationFormFieldHeader{float:left; width: 550px; margin-top:45px; color:#414141;}
.ApplicationFormFieldArea{float:left; width: 500px; padding: 10px 23px 5px 23px; color:#414141;}

.ResellerListArea{float: left; width: 550px; min-height:550px; _height: 550px; color:#414141;}
.ResellerMapArea{ float:left; width:136px; padding-top: 10px; font-size: 110%;}
.ResellerDropDownArea{ float:left; width:190px; padding-top: 10px; font-size: 110%;}
.ResellerChooseArea{ float:left; width:190px; font-size:14px; font-weight:bold;} 
.ResellerRangeArea{ float:right; width:215px; padding-top: 10px;}
.ResellerListTable{ font-weight: bold; margin-top:15px; background-image: url(../Images/wb/Reseller_bg.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: 550px;}
.ResellerListTableHeader td{padding-top: 9px; color: #ffffff;}
.ResellerListCell1{width: 100px; padding-left: 5px; padding-right: 5px;}
.ResellerListCell2{width: 200px; padding-right: 5px;}
.ResellerListCell3{width: 235px;}
.ResellerListIcon{ margin-right: 3px; margin-bottom: 3px; display: inline;}
.ResellerListKampanjIcon{ margin-left: 3px;}

.ContentIndentation{ min-height:550px;}
* html .ContentIndentation{float: left; display: inline; height: 1%;} /* ie6 only */

/***************ContactForm******************/
.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;}
/***************ContactForm******************/

/** 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 *************************************************************/
/**************************************************************************************/
.WebLeft { float:left; width:180px; height:auto; }
.WebLeftMenu { width:180px; height:auto; float:left; font-size:14px; margin:1px 0px 10px 0; padding: 0 0 0 10px; background:#000000; display:block; }
.WebLeftMenu a { text-decoration: none; color: #ffffff !important; padding: 0; display:block; }
.WebLeftMenu a:hover { background-color: #414141; display:block;}
.WebLeftMenuContainer { float: left; width: 180px; height: 100%; display:block; }

.WebLeftMenuTopItem { margin-bottom: 5px; background-color: #000000; width: 180px; padding: 1px 5px 5px 0; display:block; }
.WebLeftMenuTopSelected { margin-bottom: 5px; background-color: #000000; width: 180px; padding: 1px 5px 5px 0px; display:block; }
.WebLeftMenuTopExpandable { margin-bottom: 5px;  background-color: #000000; width: 180px; padding: 1px 5px 5px 0px; }
.WebLeftMenuTopExpandableExpanded { background-color: #000000; width: 180px; padding: 1px 5px 5px 0px; }
.WebLeftMenuTopExpandableSelected { background-color: #000000; width: 180px; padding: 1px 5px 5px 0px; }

.WebLeftMenuItem1 a { font-size:12px;  padding-left: 15px; margin-bottom: 5px; margin-top: 2px; }
.WebLeftMenuItem2 a { font-size:12px;  padding-left: 25px; margin-bottom: 2px; }
.WebLeftMenuItem3 a { font-size:12px;  padding-left: 35px; }
.WebLeftMenuItem4 a { font-size:12px;  padding-left: 45px; }
.WebLeftMenuItem5 a { font-size:12px;  padding-left: 55px; }

.WebLeftMenuItem1 a:hover { font-size:12px;  padding-left: 15px; margin-bottom: 5px; margin-top: 2px; background-color: #414141; display:block; }
.WebLeftMenuItem2 a:hover { font-size:12px;  padding-left: 25px; margin-bottom: 2px; background-color: #414141; display:block; }
.WebLeftMenuItem3 a:hover { font-size:12px;  padding-left: 35px; }
.WebLeftMenuItem4 a:hover { font-size:12px;  padding-left: 45px; }
.WebLeftMenuItem5 a:hover { font-size:12px;  padding-left: 55px; }

.WebLeftMenuSelected1 { font-size:12px;  padding-left: 15px; margin-bottom: 5px; margin-top: 2px; background-color: #414141; display:block; }
.WebLeftMenuSelected2 { font-size:12px;  padding-left: 25px; margin-bottom: 2px; color: #414141;}
.WebLeftMenuSelected3 { font-size:12px;  padding-left: 35px;  }
.WebLeftMenuSelected4 { font-size:12px;  padding-left: 45px;  }
.WebLeftMenuSelected5 { font-size:12px;  padding-left: 55px;  }

.WebLeftMenuSelected1 a { font-size:12px; text-decoration: none; background-color: #414141; display:block; }
.WebLeftMenuSelected2 a { font-size:12px; text-decoration: none; display:block; }
.WebLeftMenuSelected3 a { font-size:12px; text-decoration: none; }
.WebLeftMenuSelected4 a { font-size:12px; text-decoration: none; }
.WebLeftMenuSelected5 a { font-size:12px; text-decoration: none; }

.WebLeftMenuSelected1 a:hover { font-size:12px; text-decoration: none; background-color: #414141; display:block; }
.WebLeftMenuSelected2 a:hover { font-size:12px; text-decoration: none; background-color: #000000; display:block; }
.WebLeftMenuSelected3 a { font-size:12px; text-decoration: none; }
.WebLeftMenuSelected4 a { font-size:12px; text-decoration: none; }
.WebLeftMenuSelected5 a { font-size:12px; text-decoration: none; }

.WebLeftMenuFlags{ width:160px; height:auto; margin-left: 12px;}
.WebLeftMenuAAA{ float:left; width:160px; height:auto; margin-left: 12px; margin-top:20px;}
.WebLeftMenuFlagIcon{ width:19px; float:left; padding-right:8px;}

/** 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; }