/** 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;*/}
.ingress { font-size:14px; font-weight:normal; line-height:140%; padding: 0 5px 0 10px; color:#414141; }
.ingressWide { font-size:14px; font-weight:normal; line-height:140%; padding: 0 5px 0 5px; color:#414141; }
.ingressProd { font-size:14px; font-weight:normal; line-height:140%; padding: 0 5px 0 5px; }
.PdfLink { line-height:16px; margin-bottom:10px; background-image: url(Images/wb/pdfIcon.gif); background-position: left; background-repeat: no-repeat;}
.PdfLink a { margin-left:20px; color:#414141;}
.PdfLink a:hover { text-decoration: underline;}

/** STYLES FOR TEMPLATE ELEMENTS *****************************************************/
/*************************************************************************************/
.h1product { padding: 5px 5px 5px 5px; }
.h2product {  }
.h3product {  }

.h1wide { padding: 5px 5px 5px 5px; color:#414141; }
.h2wide {  }
.h3wide {  }

.h1content { padding: 10px 10px 5px 10px; color:#414141; }
.h2content {  }
.h3content {  }

/** STYLES FOR EDITOR DROP DOWN LIST (PARAGRAPH FORMAT) ******************************/
/*************************************************************************************/
h1 { font-size:22px; font-weight:normal; margin:0; }
h2 { font-size: 16px; font-weight: normal; margin-bottom: 5px; margin-top: 0px; }
h3 { font-size: 14px; font-weight: normal; margin-bottom: 5px; margin-top: 5px; }

/** STYLES FOR THE BASEFILE **********************************************************/
/** The class names below are used in the basefile (/Templates/Framework/Framework1.master) */
/*************************************************************************************/
.WebContainer { width: 950px; height: 100%; margin-left: auto; margin-right: auto; color:#000000; }
.WebHeader { float:left; width: 950px; height: 100px; /*margin-bottom: 15px;*/ }
.WebHeaderLeft { float: left; width:840px; }
.WebHeaderRight { float: right; width: 100px;  }
.WebBreadcrumbContainer { float:left; width:950px; height:20px; margin-top:10px; color:#ffffff; background-color: #000000; }
.WebBreadcrumbContent{ float:left; width:760px; margin-left:190px; }
.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 { float:right; width:760px; height:auto; background-color:#ffffff; /*margin-bottom:30px;*/}
.WebMainWideContent{width: 940px; height: auto; min-height: 450px; padding: 5px; background-color: #ffffff; position: relative;}
.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;}

.TrettioBg { width:940px; height:auto; color:#ffffff; background-color:#000000;}
.h1Trettio { padding: 5px 5px 5px 10px; color:#ffffff; }
.ingressTrettio { font-size:14px; font-weight:normal; line-height:140%; padding: 0 5px 0 10px; color:#ffffff; }
.ingressTrettio a { color:#ffffff; }

.WebFooter { float:left; width: 950px; height: auto; margin-top: 40px;}
.WebFooterLeft { float:left; width: 450px; height: auto;}
.WebFooterRight { float:right; width: 480px; height: auto; color: #ffffff;}
.WebFooterRightMenuLeft { float:left; width: 150px; height: auto; border-top: 1px solid #ffffff; }
.WebFooterRightMenu { float:left; width: 150px; margin-left:15px; height: auto; border-top: 1px solid #ffffff; }
.WebFooterRightMenuLink a { color: #ffffff; line-height:140%;}
.WebFooterRightFlags{ width:150px; height:auto;}
.WebFooterRightFlagIcon{ width:19px; float:left; padding: 4px 8px 0 0;}
.WebFooterWhite { width: 100%; height: 150px; margin-top:40px; background-color:#ffffff; background-image: url(Images/wb/gra_bg_footer.gif); background-repeat: repeat-x; background-position: top;}
.WebFooterWhiteContent { padding-top: 20px; color: #000000; text-align:center;}
.WebFooterWhiteContentAAA { margin-top: 20px;}

.WebClear { clear: both; }

/** STYLES FOR THE BASEFILE **********************************************************/
/** The class names below are used in the basefile (/Templates/Framework/WbFrameworkWideFlash.master) */
/*************************************************************************************/

.WebContainerFlash { width: 990px; height: 100%; margin-left: auto; margin-right: auto; color:#000000; }
.WebHeaderFlash { float:left; width: 950px; height: 100px; margin: 0 20px 0 20px; }
.WebHeaderLeftFlash { float: left; width:840px; }
.WebHeaderLeftTopMenu { float: left; width:840px; height:25px; color: #ffffff;}
.WebHeaderLeftMainMenu { float: left; width:840px; height:75px; color: #ffffff; }
.WebHeaderRightFlash { float: right; width: 100px;  }
.WebBreadcrumbContainerFlash { float:left; width:950px; height:20px; margin: 10px 20px 0 20px; color:#ffffff; background-color: #000000; }
.WebBreadcrumbFlash { font-size: 1.0em; font-family: Arial,Verdana,Helvetica;  }
A.WebBreadcrumbFlash:link, A.WebBreadcrumbFlash:active, A.WebBreadcrumbFlash:hover, A.WebBreadcrumbFlash:visited { color: #ffffff !important; text-decoration: none; }
.WebMainWideContentFlash{width: 990px; height: auto; margin-bottom: 60px;}
.WebFooterFlash { float:left; width: 950px; height: auto; margin: 40px 20px 0px 20px;}

/*************************************************************************************
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:left; width:940px; height: 440px; margin-top:30px; padding: 5px 5px 5px 5px; background-color:#ffffff; color:#000000; position:relative;}
.StartPageTopTextContent { float:left; width:940px; height: auto; margin-top:15px; padding: 0px 5px 0px 5px; color:#ffffff;}
.StartPageTopContentSplash { width: 150px; height:150px; position:absolute; top: 15px; left: 15px; z-index:99;}
.StartPageTopTextContentText { font-size:14px; font-weight:normal; line-height:140%; margin-top:5px;}
.StartPageMiddleContent { float:left; width:950px; background:#000000; margin-top: 10px; color:#000000; }
.StartPageMiddleContentPuffLeft { float: left; width: 296px; height:180px; padding: 5px; background-color: #ffffff; }
.StartPageMiddleContentPuff { float: left; width: 296px; height:180px; padding: 5px; margin-left:16px; background-color: #ffffff; }
.StartPageBottomContainer { float:right; width: 550px; height:auto; padding: 15px 15px 15px 15px; }
.StartPageBottomText { font-size: 10px; text-align:center; color:#414141;}

.StartPageHoverEffect{ width: 296px; height: 180px; float:left; background:#161613; overflow: hidden; position: relative; }   
.StartPageHoverEffect img{ position: absolute; top: 0; left: 0; border: 0; }
.StartPageHoverEffect p{ padding: 2px 10px 5px 10px; color:#ffffff; }
.StartPageHoverEffect h3{ color:#ffffff; padding: 2px 10px 2px 10px; }
.StartPageHoverEffectCaption{ float: left; position: absolute; background: #000; height: 180px; width: 100%; opacity: .7; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
.Caption .StartPageHoverEffectCaption { top: 147px; left: 0; }

.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; color:#414141; }
.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: 20px 10px 0 10px; }

.Image { margin-top: 20px; }
.ImageCenter { text-align: center; margin:5px 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: 10px 10px 10px 10px; display: inline; }
.ImageRightFloat { float: right; margin: 10px 10px 10px 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 { float:left; width:750px; height: 280px; padding: 5px 5px 0 5px; background-color: #ffffff; }
.ProductCategoryContent { float:left; width:750px; height:auto; margin-top:5px; padding: 0 5px 10px 5px; background-image: url(Images/wb/gra_bg_750.gif); background-repeat: no-repeat; background-position: top; }
.ProductCategoryRightWide{ float:left; margin-left: 2px; }
.ProductCategoryListItem { width: 235px; height:300px; padding: 10px 20px 0 0px; }
.ProductCategoryListItemBox { width:235px; height: 300px; background-image: url(Images/wb/prod_bg.gif); background-repeat: no-repeat; background-position: top; }
.ProductCategoryListItemBox a:hover { width:235px; height: 300px; display:block; background-image: url(Images/wb/prod_bg_hover.gif); background-repeat: no-repeat; background-position: top; }
.ProductCategoryListItemHeader { font-size: 14px; padding: 13px 10px 5px 10px; display: block; }
.ProductCategoryListItemText { height:26px; font-size: 11px; padding: 0 10px 5px 10px; display: block; /*color:#000000;*/ }
.ProductCategoryListItemImage { padding:5px; }

.ServiceCategoryRightWide { float:left; margin-left: 9px; padding-bottom:10px; }
.ServiceCategoryListItem { width: 177px; height:207px; padding: 10px 11px 0 0px; }
.ServiceCategoryListItemBox { width:177px; height: 207px; background-image: url(Images/wb/vit_bg_service.gif); background-repeat: no-repeat; background-position: top; }
.ServiceCategoryListItemBox a:hover { width:177px; height: 207px; display:block; background-image: url(Images/wb/vit_bg_service_hover.gif); background-repeat: no-repeat; background-position: top; }
.ServiceCategoryListItemHeader { font-size: 14px; padding: 10px 10px 3px 10px; display: block; }
.ServiceCategoryListItemImage { padding:5px; }

.NewsListContent{width: 940px; height: auto; padding: 5px; background-color: #ffffff; position: relative;}
.NewsListArea1{ position: absolute; left:30px; top:30px; width:300px; padding:10px; color:#414141; background-color:#ffffff; filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70;}
.NewsListArea1Text{ width:300px; color:#414141;}
.NewsListArea2{float:left; width: 940px; height:590px;}
.NewsListScrollArea{float:left; width: 940px; margin-top: 0; }

.RoomDesignerContent{ width: 940px; height: 590px; position: relative;}
.RoomDesignerBox{ position: absolute; left:20px; top:20px; width:300px; padding:10px 10px 0 10px; color:#414141; background-color:#ffffff; /*filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80;*/}
.RoomDesignerBoxText{ width:300px; margin-top:10px; color:#414141;}
.RoomDesignerImageBox{ position: absolute; left:20px; top:216px; width:300px; padding:10px 10px 0 10px; color:#414141; background-color:#ffffff; }
.RoomDesignerImageBoxImage{ width:300px;}
.RoomDesignerImage{ float:left; width: 940px;}

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

.CatalogueCollaps{ float: left; width:940px; margin-bottom:5px;}
.CatalogueOrderFieldArea{ float:left; width: 910px; margin-left: 5px; padding: 20px 0 0 20px; color:#ffffff; background-color:#2c2a2d;}

.ResellerMapArea{ float:left; width:136px; padding: 10px 0 0 5px; font-size: 110%;}
.ResellerDropDownArea{ float:left; width:190px; margin: 80px 0 0 50px; font-size: 110%;}
.ResellerChooseArea{ float:left; width:190px; font-size:14px; font-weight:bold;} 
.ResellerRangeArea{ float:right; width:500px; margin: 95px 5px 0 0;}
.ResellerListTable{ width:930px; font-weight: bold; margin:15px 0 0 5px; background-image: url(../Images/wb/ResellerList_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: 25px; width: 930px;}
.ResellerListTableHeader td{ line-height: 25px; color: #ffffff;}
.ResellerListCell1{ width: 180px; padding-left: 5px; padding-right: 5px;}
.ResellerListCell2{ width: 320px; padding-right: 5px;}
.ResellerListCell3{ width: 415px;}
.ResellerListIcon{ margin-right: 3px; margin-bottom: 3px; display: inline;}
.ResellerListKampanjIcon{ margin-left: 3px;}

.InspirationArea {width: 940px; height: 400px; position:relative;}
.InspirationListItem { width: 460px; height:260px; padding: 10px 20px 0 0px; }
.InspirationListItemBox { width:460px; height: 260px; display:block; background-image: url(Images/wb/inspiration_bg.gif); background-repeat: no-repeat; background-position: top; }
.InspirationListItemBox a:hover { width:460px; height: 260px; display:block; background-image: url(Images/wb/inspiration_bg_hover.gif); background-repeat: no-repeat; background-position: top; }
.InspirationListItemHeader { font-size: 14px; padding: 13px 10px 5px 10px; display: block; }
.InspirationListItemText { height:15px; font-size: 11px; padding: 0 10px 5px 10px; display: block; /*color:#000000;*/ }
.InspirationListItemImage { padding:5px; }

.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 top menu **************************************************************/
/*************************************************************************************/
.WebHeaderLeftTopMenu ul{ background: url(../Images/wb/menu_bg.gif) bottom center repeat-x; padding-left: 0; margin: 0; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; height:25px; }
.WebHeaderLeftTopMenu ul li{ display: inline; }
.WebHeaderLeftTopMenu ul li a{ float: left; color: #cccccc; padding: 0 13px 0 6px; text-decoration: none; background: url(../Images/wb/menu_divider.gif) bottom right no-repeat; height:25px; line-height:25px; }
.WebHeaderLeftTopMenu ul li a#leftcorner{ padding-left: 10px; background: url(../Images/wb/menu_leftcorner.gif) bottom left no-repeat; height:25px; }
.WebHeaderLeftTopMenu ul li a#rightcorner{ padding-right: 10px; background: url(../Images/wb/menu_rightcorner.gif) bottom right no-repeat; height:25px; }
.WebHeaderLeftTopMenu ul li a:hover{ color: #ffffff; text-decoration: none; }

/** Styles for menu ******************************************************************/
/*************************************************************************************/
.WebMenu { margin-top: 58px; font-family: Arial,Helvetica,Verdana; }
.WebMenuItem { float:left; font-size:14px; padding: 0px 20px 0px 0px; margin-right: 0px !important; }
.WebMenuItemSelected { float:left; font-size:14px; padding: 0px 20px 0px 0px; margin-right: 0px !important; }
.WebMenuItem a { color: #ffffff !important; font-size:14px; text-decoration: none; }
.WebMenuItemSelected a { color: #ffffff !important; font-size:14px; text-decoration: none;  }

/** Styles for left menu *************************************************************/
/*************************************************************************************/
.WebLeft { float:left; width:180px; height:auto; }
.WebLeftMenu { width:180px; height:auto; float:left; font-size:14px; margin:0 0px 10px 0; /*padding: 0 0 0 5px;*/ background:#000000; display:block; }
.WebLeftMenu a { text-decoration: none; color: #ffffff !important; padding: 2px 0 2px 5px; 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: 0 3px 3px 0; display:block; }
.WebLeftMenuTopSelected { margin-bottom: 5px; background-color: #000000; width: 180px; padding: 0 3px 3px 0px; display:block; }
.WebLeftMenuTopExpandable { margin-bottom: 5px;  background-color: #000000; width: 180px; padding: 0 3px 3px 0px; }
.WebLeftMenuTopExpandableExpanded { background-color: #000000; width: 180px; padding: 0 3px 3px 0px; }
.WebLeftMenuTopExpandableSelected { background-color: #000000; width: 180px; padding: 0 3px 3px 0px; }

.WebLeftMenuItem1 a { font-size:12px; padding-left: 15px; margin-bottom: 3px; 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: 3px; 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: 10px; margin-bottom: 3px; margin-top: 2px; background-color: #414141; display:block; }
.WebLeftMenuSelected2 { font-size:12px; padding-left: 20px; margin-bottom: 2px; color: #414141;}
.WebLeftMenuSelected3 { font-size:12px; padding-left: 30px;  }
.WebLeftMenuSelected4 { font-size:12px; padding-left: 40px;  }
.WebLeftMenuSelected5 { font-size:12px; padding-left: 50px;  }

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

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

/*---------collaps----------*/

.collapsibleContainer
{
}

.collapsibleContainerTitle
{
    cursor:pointer;
}

.collapsibleContainerTitle div
{
    height: 25px;
    /*margin-top: 10px;
    padding-top:2px;
    padding-bottom:2px;*/
    padding-left:5px;
    background-color:#ffffff;
    color:#414141;
    font-size: 14px;
    font-weight:normal;
    /*text-align:center;*/
    line-height: 25px;
    /*background-image:url("Images/wb/CatalogueOrderBg.gif");*/
    background-repeat: no-repeat; 
    background-position: top;
}

.collapsibleContainerContent
{
	display: none;
    /*padding: 10px;*/
}
/*---------end collaps----------*/