/** STYLES FOR HTML ELEMENTS *********************************************************/
/*************************************************************************************/
html { }
body { background-color:#ffffff; margin: 0px; font-family: Arial,Verdana,Helvetica; font-size:14px; }
a:link, a:active, a:hover, a:visited { color: #000000; text-decoration:none; outline:none; }
a:hover{ color: #bd2b33; text-decoration: none; outline:none; }
p { line-height: 140%; font-size:14px; margin-top: 0px; margin-bottom: 15px; font-family: Arial,Verdana,Helvetica; /*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;}
.RedLink a { color:#e00026;}
.RedLink a:hover { color:#000000;}
@font-face {
font-family: 'Hafa4everLtMedium';
src: url('font/hafal__-webfont.eot');
src: url('font/hafal__-webfont.eot?#iefix') format('embedded-opentype'),
url('font/hafal__-webfont.woff') format('woff'),
url('font/hafal__-webfont.ttf') format('truetype'),
url('font/hafal__-webfont.svg#Hafa4everLtMedium') format('svg');
font-weight: normal;
font-style: normal;
}
/** STYLES FOR TEMPLATE ELEMENTS *****************************************************/
/*************************************************************************************/
.H1header { font-size: 26px; line-height:100%; margin-bottom: 5px; margin-top: 5px; font-family: Hafa4everLtMedium,Arial,Helvetica; }
.H2header { font-size: 16px; line-height:100%; margin-bottom: 5px; margin-top: 5px; font-family: Hafa4everLtMedium,Arial,Helvetica; }
.H3header { font-size: 16px; line-height:100%; margin-bottom: 5px; margin-top: 5px; font-family: Hafa4everLtMedium,Arial,Helvetica; }
.H1ingress { font-size: 14px; line-height:140%; color:#000000;}
.H1ingressImage { width:720px; margin:5px 0px 10px 0px;}
.H2ingress { font-size: 14px; color:#000000;}
a:hover .H2ingress { color:#000000;}
a:hover .H2header { color:#000000;}
/** STYLES FOR EDITOR DROP DOWN LIST (PARAGRAPH FORMAT) ******************************/
/*************************************************************************************/
h1 { font-size: 26px; line-height:100%; margin-bottom: 5px; margin-top: 5px; font-family: Hafa4everLtMedium,Arial,Helvetica; }
h2 { font-size: 16px; line-height:100%; margin-bottom: 5px; margin-top: 5px; font-family: Hafa4everLtMedium,Arial,Helvetica; }
h3 { font-size: 16px; line-height:100%; margin-bottom: 5px; margin-top: 5px; font-family: Hafa4everLtMedium,Arial,Helvetica; }
/** STYLES FOR EDITOR DROP DOWN LIST (ADAPTED STYLE) *********************************/
/*************************************************************************************/
.ImportantEditor { font-weight: normal; font-family: Arial,Verdana,Helvetica; background-color: #808080; color: #FFFFFF; }
.ImagetextEditor { font-weight: normal; font-family: Arial,Verdana,Helvetica; font-size: 90%; }
/** STYLES FOR THE HEADER ************************************************************/
.header { width:100%; height: 120px; background: url(../images/hafa/header_bg.png) repeat-x; }
.headerWrapper { width:980px; margin: 0 auto; }
.headerLeft { float: left; width:400px; margin-top: 20px; }
.headerRight { float: right; width:550px; }
.bigMenu { width: 400px; margin-top:17px;}
.bigMenuLink { float: left; padding: 0 10px 0 0; font-family: Arial,Verdana,Helvetica; }
.bigMenuLink a { color: #000000; font-size: 16px; text-decoration: none; }
.bigMenuLink a:hover { color: #bd2b33; }
.facebookYoutube { width:550px; margin-top:5px; text-align:right;}
.facebookYoutube img { margin-left: 5px;}
.facebookYoutube span { margin:1px 0 0 2px; padding:0; vertical-align:top;}
.menu { width:550px; color:#333333; font-size:14px; margin-top:10px;}
.menuItem { float:right; font-size:14px; margin-left:15px; }
.menuItemSelected { float:right; font-size:14px; margin-left:15px; }
.menuItem a { }
.menuItemSelected a { }
.search { float:right; width:550px; text-align:right; margin-top: 15px; }
.search input { vertical-align: middle; }
.searchField { width: 200px; font-size: 14px; padding: 4px; border: solid 1px #bebebe; }
.searchButton { font-size: 14px; border: solid 1px #bebebe; color:#333333; }
/** STYLES FOR THE CONTENT ***********************************************************/
.content { width:980px; margin: 0 auto; }
.contentSideMenu { float:left; width:170px; font-size: 14px; }
.contentSideMenu a { text-decoration: none; padding: 0; }
.contentWithMenu { float:left; width:540px; margin-left: 10px;}
.contentWithoutMenu { float:left; width: 720px; }
.contentRight { float:right; width:240px; margin-top:4px;}
.contentRightImage { width: 240px; padding:0 0 10px 0; }
.contentWide { float:left; width:980px; }
.contentStartpage { width:980px; margin: 0 auto; }
.contentProduct { float:left; width:800px; margin-left: 10px; }
/** STYLES FOR STARTPAGE ************************************************************/
.startpageProductLeft { float:left; width: 320px; margin: 10px 0 10px 0; background-color: #f5f5f5; display:block;}
a:hover .startpageProductLeft { float:left; width: 320px; background-color: #f4a20b; display:block;}
.startpageProduct { float:left; width: 320px; margin: 10px 0 10px 10px; background-color: #f5f5f5; display:block;}
a:hover .startpageProduct { float:left; width: 320px; background-color: #f4a20b; display:block;}
.startpageProductImage { width: 308px; height:350px; margin:2px; border: 4px solid #fff; background-color: #eee; position:relative; }
.startpageProductImage1Text { position:absolute; top:270px; left:0; width: 298px; height:45px; padding:0 5px 5px 5px; text-align:center; background-color: #fff; }
.startpageProductImage2Text { position:absolute; top:270px; left:0; width: 298px; height:45px; padding:0 5px 5px 5px; text-align:center; background-color: #fff; }
.startpageProductImage3Text { position:absolute; top:270px; left:0; width: 298px; height:45px; padding:0 5px 5px 5px; text-align:center; background-color: #fff; }
.startpageContentLeft { float:left; width: 650px;}
.startpageContentLeftImage { height:auto; margin-bottom:10px; background-color:#ffffff; }
.startpageContentLeftNews { float:left; width:300px; padding:5px 10px 5px 10px; height:400px; background-color:#eee; }
.startpageContentLeftNews img { border:2px solid #ffffff; }
.startpageContentLeftDesigner { float:right; width:300px; padding:5px 10px 5px 10px; height:400px; background-color:#eee; }
.startpageContentLeftDesigner p { float:left; width:300px; margin-bottom: 10px; }
.startpageContentLeftDesigner img { float:left; border:2px solid #ffffff; margin-right:10px;}
.startpageContentLeftDesignerText { line-height:60px;}
.startpageContentRight { float:right; width: 320px;}
.startpageContentRightHeader { width: 310px; padding: 5px; font: 14px arial, helvetica, verdana, sans-serif; background-color:#f4a20b; color:#ffffff; }
.startpageContentRightInfo { width: 310px; padding: 5px; font: 14px arial, helvetica, verdana, sans-serif; background-color:#ffffff; color:#000000; }
/** STYLES FOR THE BREADCRUMB *******************************************************/
.breadcrumbWithMenu { width:540px; height: 18px; overflow:hidden; }
.breadcrumbWithoutMenu { width:720px; height: 18px; overflow:hidden; }
.breadcrumbWide { width:980px; height: 18px; overflow:hidden; }
.breadcrumb { font-size: 12px; font-family: Arial,Verdana,Helvetica; }
.breadcrumbPil { padding: 0 3px 0 3px; }
a.breadcrumb:link a.breadcrumb:active a.breadcrumb:visited { color: #000000 !important; text-decoration: none; }
a.breadcrumb:hover { color:#f91e07; text-decoration: none; }
/** STYLES FOR SIDE MENU *************************************************************/
.sideMenuTopItem { margin-bottom: 2px; width: 170px; padding: 3px 0 3px 0;}
.sideMenuTopSelected { margin-bottom: 2px; width: 170px; padding: 3px 0 3px 0; color: #bd2b33;}
.sideMenuTopSelected a { text-decoration: none; color: #bd2b33;}
.sideMenuTopExpandable { margin-bottom: 2px; width: 170px; padding: 3px 0 3px 0; }
.sideMenuTopExpandableExpanded { margin-bottom: 2px; width: 170px; padding: 3px 0 3px 0; }
.sideMenuTopExpandableSelected { margin-bottom: 2px; width: 170px; padding: 3px 0 3px 0; color: #bd2b33; }
.sideMenuTopExpandableSelected a { text-decoration: none; color: #bd2b33;}
.sideMenuItem1 { margin-left: 5px; margin-bottom: 4px; }
.sideMenuItem2 { margin-left: 10px; margin-bottom: 4px; }
.sideMenuItem3 { margin-left: 15px; margin-bottom: 4px; }
.sideMenuItem4 { margin-left: 20px; margin-bottom: 4px; }
.sideMenuItem5 { margin-left: 25px; margin-bottom: 4px; }
.sideMenuSelected1 { margin-left: 5px; margin-bottom: 4px; }
.sideMenuSelected2 { margin-left: 10px; margin-bottom: 4px; }
.sideMenuSelected3 { margin-left: 15px; margin-bottom: 4px; }
.sideMenuSelected4 { margin-left: 20px; margin-bottom: 4px; }
.sideMenuSelected5 { margin-left: 25px; margin-bottom: 4px; }
.sideMenuSelected1 a { text-decoration: none; color: #bd2b33; }
.sideMenuSelected2 a { text-decoration: none; color: #bd2b33; }
.sideMenuSelected3 a { text-decoration: none; color: #bd2b33; }
.sideMenuSelected4 a { text-decoration: none; color: #bd2b33; }
.sideMenuSelected5 a { text-decoration: none; color: #bd2b33; }
/** STYLES FOR SERVICE MENU ********************************************************/
.serviceMenu { width:990px; height:50px; margin: 0 auto; background-image: url(images/hafa/service_menu_bg.gif); background-position: top left; background-repeat: no-repeat; }
.serviceMenuTop { float:left; width:980px; margin:12px 0 0 20px; }
.serviceMenuTopItem { float:left; font-size: 16px; padding:0 15px 0 0; }
.serviceMenuTopSelected { float:left; padding:0 15px 0 0; color:#bd2b33; }
.serviceMenuTopSelected a { font-size: 16px; color:#bd2b33; }
.serviceMenuTopItem a:hover { color:#bd2b33; }
/** STYLES FOR SERVICE STARTPAGE ****************************************************/
.servicePuff1 { float:left; width: 232px; margin: 10px 12px 15px 0px; background-color: #f5f5f5; display:block;}
.servicePuff3 { float:left; width: 232px; margin: 10px 0 15px 0px; background-color: #f5f5f5; display:block;}
a:hover .servicePuff1 { float:left; width: 232px; background-color: #f4a20b; display:block;}
a:hover .servicePuff3 { float:left; width: 232px; background-color: #f4a20b; display:block;}
.serviceImage1 { width: 228px; height:250px; margin:2px; background-color: #f5f5f5; position:relative; }
.serviceImage1Text { position:absolute; top:150px; left:0; width: 218px; height:45px; padding:0 5px 5px 5px; text-align:center; background-color: #f5f5f5; }
.serviceImage2Text { position:absolute; top:150px; left:0; width: 218px; height:45px; padding:0 5px 5px 5px; text-align:center; background-color: #f5f5f5; }
.serviceImage3Text { position:absolute; top:150px; left:0; width: 218px; height:45px; padding:0 5px 5px 5px; text-align:center; background-color: #f5f5f5; }
a:hover .serviceImage1Text { background-color: #f4a20b; }
a:hover .serviceImage2Text { background-color: #f4a20b; }
a:hover .serviceImage3Text { background-color: #f4a20b; }
.serviceH2header { font-size: 16px; line-height:100%; margin-bottom: 5px; margin-top: 5px; font-family: Hafa4everLtMedium,Arial,Helvetica; }
a:hover .serviceH2header { color:#ffffff; }
.servicetext { font-size:14px; font-weight:normal; line-height:140%;}
a:hover .servicetext { color: #ffffff;}
.serviceWide { float:left; width:720px; height:100px; background-color:#f5f5f5; position:relative;}
.serviceWideText { position:absolute; top:10px; left:275px; width:445px; height:90px;}
.servicebox { float:left; width: 350px; height:320px; margin: 15px 0 15px 0; display:block; background-color:#f5f5f5;}
.servicebox p { padding: 0px 10px 0 10px; font: 14px arial, helvetica, verdana, sans-serif; color:#000000; }
.serviceboxright { float:right; width: 350px; height:320px; margin: 15px 0 15px 0; display:block; background-color:#f5f5f5;}
.serviceboxright p { padding: 0px 10px 0 10px; font: 14px arial, helvetica, verdana, sans-serif; color:#000000; }
.serviceboxHeader { padding: 10px; font: 16px arial, helvetica, verdana, sans-serif; color:#000000;}
/** STYLES FOR PUFF *****************************************************************/
.rightImageHeader { width:240px; margin-bottom:10px; }
.rightHeader { width:230px; font-size:14px; padding:3px 5px 3px 5px; color:#ffffff; background-color:#f4a20b;}
.rightImage { width:230px; padding:5px; }
.rightText { padding: 0 5px 0 5px; margin-bottom:10px; line-height:140%; font-size:14px;}
.rightLink { text-align:right; padding: 0 5px 0 5px; margin-bottom:10px; line-height:140%; font-size:14px;}
/** STYLES FOR PRODUCTS *************************************************************/
.productCategory { width:810px; margin-left: -10px; margin-top:10px; }
.productCategoryItem { float:left; width: 260px; margin: 0 0 10px 10px; background-color: #f5f5f5; display:block; }
a:hover .productCategoryItem { float:left; width: 260px; text-decoration:none; background-color: #f4a20b; display:block;}
.productCategoryItem img { width: 248px; height:165px; margin:2px; border: 4px solid #fff;}
.productCategoryItemTitle { padding: 0 0 0 5px; }
a:hover .productCategoryItemTitle { color: #ffffff; }
.productCategoryItemText { padding: 5px 0 5px 5px; font-size: 12px; line-height: 140%; }
a:hover .productCategoryItemText { color: #ffffff; }
/** STYLES FOR THE FOOTER ***********************************************************/
.footer { width: 100%; margin-top:20px; padding-bottom:80px; background: #777777 url(images/hafa/footer_bg.png) repeat-x; }
.footerContent { width: 980px; margin: 0 auto; }
.footerContentLeft { float:left; width: 600px; margin-bottom:40px; }
.footerMenu { width: 180px; float: left; margin-right:20px; margin-top:15px;}
.footerMenuHeader { font-size:16px; color:#ffffff; margin-bottom:4px;}
.footerMenuHeader a { font-size:16px; color:#ffffff; text-decoration:none;}
.footerMenuHeader a:hover { color:#bebebe; text-decoration:none;}
.footerMenuHeaderBottom { font-size:16px; color:#ffffff; margin-bottom:4px; margin-top:20px;}
.footerMenuLink { float: left; width: 180px; color: #ffffff; padding: 4px 0 0 0; font-family: Arial,Verdana,Helvetica; }
.footerMenuLink a { color: #ffffff !important; font-size: 14px; text-decoration: none; }
.footerMenuLink a:hover { color: #bebebe !important; font-size: 14px; text-decoration: none; }
.footerContentRight { float:right; width: 360px; margin-bottom:40px; }
.footerContentRightHeader { margin-top:15px; text-align:right; font-size:16px; color:#ffffff; }
.footerContentRightIconsTop { margin-top:15px; text-align:right; font-size:16px; color:#ffffff; }
.footerContentRightIconsTop a img { margin-left:10px; }
.footerContentRightIcons { margin-top:25px; text-align:right; font-size:16px; color:#ffffff; }
.footerContentRightIcons a img { margin-left:10px; }
.trippleAAAHolder { margin: 0 auto; width:160px; height:70px; background: #777777 url(images/hafa/trippleA_bg.png) no-repeat; }
.trippleAAA { padding: 6px 0 0 31px;}
.WebBottomBgProduct { width: 980px; float: left;}
.WebBottomLanguageSelect { float: left; padding-left: 10px; }
.WebBottomMenuProduct { width: 947px; float: left; margin-left:0px; margin-bottom:30px;}
.WebBottomMenuLinksRight { width: 220px; float: left; margin-top:20px;}
/** STYLES FOR THE BASEFILE **********************************************************/
/** The class names below are used in the basefile (/Templates/Framework/Framework1.master) */
/*************************************************************************************/
.WebMain { margin-top:130px; position: absolute; top: 0px; min-height: 100%; height: auto; width: 100%; }
.WebTopContainer { height: 110px; width: 953px; margin: auto; background-image: url(Images/topRightImage.gif); background-position: top right; background-repeat: no-repeat; }
.WebMiddleContainer { margin: auto; width: 953px; min-height:400px; }
/* IE6 special - hanterar ej min-height */
*html .WebMiddleContainer { margin: auto; width: 953px; height:400px; }
.WebMiddleContainerStartVinter { margin: auto; width: 953px; background-image: url(Images/startMainBgVinter.jpg); background-repeat: no-repeat; }
.WebMiddleContainerStartSpecial { margin: auto; width: 953px; background-image: url(Images/startMainBgTavling.jpg); background-repeat: no-repeat; }
.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; }
.WebSideMenuContainer { float: left; width: 155px; height: 100%; }
.WebContentMainWithMenu { float: right; width: 792px; }
.WebContentMain { float: left; width: 947px; }
.WebContentMainRight { width: 220px; float: right; padding-top:10px;}
.WebContentMainRightImage { width: 220px; padding:10px 0 0 0; }
.WebClear { clear: both; }
.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%; }
/*---------collaps video----------*/
.collapsibleContainer{}
.collapsibleCatalogueTitle{ cursor:pointer; }
.collapsibleCatalogueTitle div{ height: 20px; background-color:#ffffff; color:#000000; font-size: 14px; line-height: 20px;}
.collapsibleCatalogueContent{ display: none; }
/*---------collaps----------*/
/*************************************************************************************
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".
**************************************************************************************/
.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: 12px; }
.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; }
.NewsListBox{width: 980px; height: 415px; margin-top: 5px; }
.NewListArea1{float:left; width: 640px;}
.NewListArea2{float:left; width: 320px; font-size: 110%; font-weight: normal; margin-left:20px; margin-bottom: 10px; }
.NewListArea2 a{font-size: 100%; font-weight: normal; margin-top: 0px; margin-bottom: 10px;}
.ServiceCategoryRightWide { float:left; padding-bottom:10px; }
.ServiceCategoryListItem { width: 110px; height:110px; padding: 10px 20px 0 0px; }
.ServiceCategoryListItemHeader { font-size: 10px; padding: 2px 0 0 0; }
.ServiceCategoryMovieBg { width: 530px; height:40px; margin: 10px 0 5px 0; background-image: url(../Images/monteringsfilm_bg.png); background-repeat: no-repeat;}
.ServiceCategoryMovieBg p { padding:5px;}
.RoomDesignerLeft{float:left; width: 330px; margin-top: 5px; margin-bottom: 5px;}
.RoomDesignerPageAreaKampanj{width: 295px; height: 270px;}
.RoomDesignerPageArea{width: 295px; height: 270px; padding: 15px 20px 15px 15px; background-image: url(../Images/hafa/paperBG.gif); background-repeat: no-repeat;}
.RoomDesignerPageArea a{ font-size: 100%; font-weight: normal;}
.RoomDesignerTextArea{ float:left; width:325px; text-align:right; padding-top: 17px;}
.RoomDesignerTextArea a{font-size: 100%; font-weight: normal;}
.RoomDesignerRight{float:right; width: 620px; margin-top: 5px; margin-bottom: 5px;}
.RoomDesignerKampanjRight{float:right; width: 310px;}
.RoomDesignerKampanjLeft{float:left; width: 310px;}
.RoomLeft{float:left; width: 500px; margin-top: 11px; margin-bottom: 13px;}
.RoomRight{float:right; width: 400px; height: 650px; margin-top: 11px; margin-bottom: 13px; background-image: url(../Images/room_bg.jpg); background-repeat: no-repeat;}
.RoomRightNo{float:right; width: 400px; height: 650px; margin-top: 11px; margin-bottom: 13px; background-image: url(../Images/room_no_bg.jpg); background-repeat: no-repeat;}
.RoomRightErbjudande{float:right; width: 360px; height:140; padding:20px; border-top:1px solid #FFFFFF;}
.RoomRightErbjudandeTop{float:right; width: 360px; height:140; margin-top:100px; padding:20px;}
.RoomRightErbjudandeImage{ float: left; width: 120px; height:140;}
.RoomRightErbjudandeText{ float: right; width: 200px; height:140; margin-top: 40px; text-align:left;}
.ApplicationFormRightArea{float:right; width: 350px; min-height: 375px; _height: 375px; margin-top: 11px; margin-bottom: 11px;}
.ResellerListLeftArea{float: left; width: 420px; margin-bottom: 13px;}
.ResellerListLeftImage{float: left; padding-left:4px;}
.ResellerListRightArea{float: right; width: 520px; margin-top: 38px;}
.ResellerDropDownArea{padding-left: 60px; padding-top: 10px; font-size: 110%;}
.ResellerListTable{font-weight: bold; font-size: 12px; background-image: url(../Images/hafa/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: 520px;}
.ResellerListTableHeader td{padding-top: 7px; color: #ffffff;}
.ResellerListCell1{width: 105px; padding-left: 5px; padding-right: 5px;}
.ResellerListCell2{width: 195px; padding-right: 5px;}
.ResellerListCell3{width: 205px;}
.ResellerListIcon{margin-left: 3px; margin-bottom: 3px;}
.ResellerListKampanjIcon{margin-left: 3px;}
/** RESELLER LIST DK*********************************************************/
/****************************************************************************/
#ResellerListDk { width: 720px;}
#ResellerListDk p { clear: both; width: 100%; margin: 0;}
#ResellerListDk span { float: left; padding: 5px 10px; border-top: 1px solid #bebebe;}
#ResellerListDk span.topcol1 { width: 180px; background-color:#bebebe; color:#ffffff;}
#ResellerListDk span.topcol2 { width: 300px; background-color:#bebebe; color:#ffffff;}
#ResellerListDk span.topcol3 { width: 180px; background-color:#bebebe; color:#ffffff;}
#ResellerListDk span.col1 { width: 180px;}
#ResellerListDk span.col2 { width: 300px;}
#ResellerListDk span.col3 { width: 180px;}
/** SPARE PARTS *************************************************************/
/****************************************************************************/
.H1sparePart { font-size: 200%; font-weight: bold; margin-bottom: 10px; margin-top: 5px; font-family: Arial,Verdana,Helvetica; }
.H2sparePart { font-size: 150%; font-weight: normal; color: #828282; margin-bottom: 8px; margin-top: 5px; font-family: Arial,Verdana,Helvetica; }
.H3sparePart { font-size: 120%; margin-bottom: 5px; color: #828282; margin-top: 0px; font-family: Arial,Verdana,Helvetica; }
.SparePartContentWithMenu { float:left; width:570px; margin-left: 10px;}
.SparePartBreadcrumbWithMenu { width:570px; height: 18px; overflow:hidden; }
.SparePartContentMainLeft { margin-right:220px;}
.SparePartContentMainRight { width: 200px; float: right; padding-top:10px;}
.SparePartCart{ float:right; width:200px; height:auto; padding-bottom:10px; background-color:#ebeced;}
.SparePartCartBottom{ float:right; width:200px; height:auto; margin-top:10px; padding-bottom:10px; background-color:#ebeced;}
.SparePartCartText { width:180px; height:auto; margin:10px 10px 0px 10px; font-size:14px; color: #828282;}
.SparePartCartButton { width:180px; height:25px; margin:10px 10px 0px 10px; background-image: url(Images/sparePartCartButton.png); background-repeat:no-repeat;}
.SparePartCartButtonLink { text-align:center; padding-top:5px;}
.SparePartCartButtonLink a { font-size: 11px; color: #000000;}
.SparePartCartButtonGreen { width:180px; height:25px; margin:10px 10px 0px 10px; background-image: url(Images/sparePartCartButtonGreen.png); background-repeat:no-repeat;}
.SparePartCartButtonGreenLink { text-align:center; padding-top:5px;}
.SparePartCartButtonGreenLink a { font-size: 12px; color: #ffffff;}
.SparePartShoppingCartText { margin:10px 10px 0px 10px; }
.WebSideCartProductText { padding-bottom: 4px; color: #828282;}
.WebSideCartTotalText{ padding-top:2px; color: #828282; border-top: 1px solid #828282;}
.SparePartCategory{ float:left; width:570px; }
.SparePartCategoryItem{ float:left; width:180px; margin-left:10px; margin-bottom:15px; display:inline; }
.SparePartCategoryItemImage { float:left; width:180px; margin-bottom:5px;}
.SparePartCategoryItemName { float:left; width:180px; height:25px; background-image: url(Images/sparePartButton.gif); background-repeat:no-repeat; }
.SparePartCategoryItemNameLink { text-align:center; padding-top:3px;}
.SparePartCategoryItemNameLink a { font-size: 14px; color: #828282;}
.SparePartListItem { float:left; width:560px; margin-top:10px; margin-left:10px; border-bottom: 1px solid #ebeced; }
.SparePartListItemLeft { float:left; width:200px;}
.SparePartListItemRight { float:right; width:360px;}
.SparePartListItemImage { float:left; width:180px;}
.SparePartListItemName { float:left; width:360px; font-size:14px; color: #000000;}
.SparePartListItemText { float:left; width:360px; height:30px; margin-top:5px; font-size:10px; color: #000000;}
.SparePartListItemPrice { float:left; width:360px; margin-top:10px; font-size:14px; font-weight:bold; color: #000000; }
.SparePartListItemButton { float:left; width:180px; margin-top:10px; height:25px; background-image: url(Images/sparePartButton.gif); background-repeat:no-repeat;}
.SparePartListItemButtonLink { text-align:center; padding-top:3px;}
.SparePartListItemButtonLink a { font-size: 14px; color: #828282;}
.SparePartListItemList{ float:left; width:570px; margin-left:10px; display:block; }
.SparePartRowItem1{ background-color:Aqua;}
.SparePartRowItem2{ background-color:Gray;}
.SparePartImageContainer{ float:left; width:320px; margin-right:10px; }
.SparePartImageContainerImage{ position:relative; margin-bottom:5px; }
.SparePartImageContainerPager{ font-size:1.1em; margin-top:5px; }
.SparePartTextContainer{ float:right; width:240px; margin-bottom:15px; }
.SparePartPriceIconsContainer{ margin-bottom:9px; }
.SparePartDescription {}
.SparePartDescriptionHeader{ background-color:#ebeced; padding:2px 0px 2px 4px; margin-bottom:10px; }
.SparePartDescriptionText{ margin-bottom:30px; font-size:110%; padding:0px 0px 0px 4px; }
.OrderHistoryDelimiter{ margin-top:10px; }
.OrderHistoryLeft{ float:left; width:250px; }
.OrderHistoryRight{ float:right; text-align:right; width:250px; }
.OrderHistoryRightSum{ margin:10px 0 10px 0;}
/** 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 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; }