/*********************************** Articles - Item Page ********************************/
/*** in Product.asp ***/
DIV.product-main						{display:flex; flex-wrap:wrap; justify-content:space-between;}
.product-main DIV.ProductImgContainer	{background-color:#f5f5f5; width:50%; margin:0; padding-bottom:10px;}
.product-main DIV.product-info			{width:calc(50% - 20px); padding-top:10px; background-color:#f5f5f5; box-sizing:border-box;}
.product-info #ctlBody			{margin-bottom:10px; padding:0px 10% 0px 10%; line-height:normal;}
.product-info #ctlBody2			{margin-bottom:20px; padding:0px 10% 0px 10%; line-height:normal;}
DIV.article-shop				{background-color:#00326e; padding:20px 10% 25px 10%; line-height:normal;}
.product-main #ctlBody UL		{padding:0; margin:0;}
/*.product-main #ctlBody UL LI	{list-style:none;}*/
#ctlContent						{width:100%;}

/*@media screen and (max-width: 1000px) {
	DIV.article-shop	{width:100%; margin:0px 0px 10px 0px !important; float:none !important;}
}*/

@media screen and (max-width: 640px)	{
	.product-main DIV.ProductImgContainer	{width:100%; margin:0px 0px 10px 0px;}
	.product-main DIV.product-info			{width:100%; margin:0px 0px 10px 0px;}
	/*#ctlBody UL				{width:100%; display:block;}*/
}

/*#ctlBody UL							{width:calc(50% - 30px); display:inline-table; box-sizing:border-box;}*/

/*** in Article.asp ***/
#ctlBodyArt							{}

DIV.PageArticleTitle				{}
DIV.PageItemTitle					{}
H1.ArticleTitle						{font-weight:bold; font-size:100%; color:#e40514;}
H2.ArticleTitle						{font-weight:bold; font-size:100%; color:#e40514;}
DIV.ArticleSummary					{font-weight:normal; padding-bottom:15px;}
DIV.ArticleAuthor					{padding-bottom:5px; color:#003473;}
DIV.ArticleDate						{}
DIV.Date							{padding-bottom:5px; font-size:85%;}

/* img */
DIV.MainImgContainer				{width:50%; margin-bottom:10px; /* float and side-margin:20px in asp file */}

@media screen and (max-width: 640px)	{
	DIV.MainImgContainer	{width:100%; margin:0px 0px 10px 0px !important; float:none !important;}
}
DIV.MainImage						{/*border:solid 1px #ddd; box-sizing:border-box;*/}
DIV.MainImage A						{width:100%; display:table;}
DIV.MainImage IMG					{width:100%; height:auto; border:0; display:block;}
DIV.MainImageCaption				{text-align:center; font-size:1.3rem; padding-top:2px;}

A.AttFileGallery					{text-decoration:none;}

/* Form in product page */
#product-form						{padding-top:30px; /*border-top:#ccc 1px solid;*/}
#product-form .wizard-container		{display:none;}
#product-form DIV.formTitle			{margin-bottom:20px;}
#product-form DIV.formTitle H2		{color:#e40514; font-weight:bold; font-size:145%; line-height:115%; cursor:pointer;}
#product-form DIV.formTitle H2:hover	{color:#003473;}
#product-form DIV.formMsg			{margin-bottom:-20px; padding-left:10px;}
#product-form .wizardForm			{width:100%; border-top:0;}
#product-form .wizardForm TABLE.wizard TD	{vertical-align:middle;}
#product-form .wizardForm INPUT.wizard		{height:40px; line-height:40px;}
#product-form DIV.raio-field		{float:left; margin-right:10px; margin-top:-3px;}
#product-form INPUT[type="radio"]	{width:18px; height:18px;}
#product-form .wizardForm HR		{height:1px;}
#product-form TD.part-1				{padding-left:0px !important;}
#product-form TD.part-2				{vertical-align:bottom !important;}

@media screen and (max-width: 1160px) {
	#product-form TD.part-1, #product-form TD.part-2	{width:100%; display:block;}
}

@media screen and (max-width: 600px) {
	#product-form				{display:table; margin:auto;}
	#product-form DIV.formTitle	{text-align:center;}
	#product-form DIV.formMsg	{text-align:center; padding-left:10px;}
	#product-form INPUT.button	{display:table; margin:auto;}
}

/* Movie Page */
DIV.MovieVideoContainer				{width:100%; position:relative; padding-bottom:56.25%; height:0; display:table; margin-bottom:10px;}
DIV.MovieVideoContainer IFRAME,
DIV.MovieVideoContainer OBJECT,
DIV.MovieVideoContainer EMBED		{position:absolute; top:0; right:0; width:100%; height:100%;}
DIV.MovieArticle					{}
DIV.MovieStatistics					{margin-bottom:20px;}
DIV.MovieStatistics DIV				{padding-top:4px;}


/*****^ Pannel Links ^*****/
UL.pannel-links-container				{display:table; margin:20px -4px 30px -4px; padding:0;}
UL.pannel-links-container LI			{list-style:none;}
UL.pannel-links-container UL			{display:inline-block; margin:0px 0px 10px 0px; padding:0;}
UL.pannel-links-container UL LI			{display:inline-block; vertical-align:top; margin:4px;}
UL.pannel-links-container UL LI A		{display:table; border-radius:4px; text-decoration:none;}
UL.pannel-links-container UL LI A:hover	{text-decoration:none;}
UL.pannel-links-container UL LI A IMG	{display:block;}

UL.pannel-links					{}
UL.pannel-links LI				{}
UL.pannel-links LI A			{padding:3px; border:#666 1px solid; color:#222; font-size:1.5rem; line-height:100%;}
UL.pannel-links LI A SPAN		{display:table-cell; vertical-align:middle;}

UL.social-share					{}
UL.social-share LI				{}
UL.social-share LI A			{padding:4px;}

@media screen and (max-width: 360px)	{
	UL.pannel-links-container				{margin:20px -2px 30px -2px; padding:0;}
	UL.pannel-links-container UL LI			{margin:2px;}
	UL.pannel-links-container UL LI A IMG	{height:24px; width:auto;}
	UL.pannel-links LI A					{font-size:1.4rem;}
}

UL.social-share LI.facebook A	{background-color:#3b5998;}
UL.social-share LI.twitter A	{background-color:#1da1f2;}
UL.social-share LI.linkedin A	{background-color:#0077b5;}
UL.social-share LI.whatsapp A	{background-color:#2cc54e;}
UL.social-share LI.mail A		{background-color:#777;}
DIV.seperator					{border-top:solid 1px #cccccc; margin-bottom:10px; margin-top:30px;}

/*****^ More Articles and More Movies  ^*****/
DIV.MoreArticleTitle				{font-weight:bold; padding:5px 15px 4px 15px;}
H2.MoreArticleTitle					{font-size:115%; line-height:115%; display:inline;}

/* in Article page */
DIV.MoreArticlesContainer			{margin:10px 0px 20px 0px;}
DIV.MoreArticlesItemsContainer		{background-color:#d7d5d6;}
UL.MoreArticlesItemsContainer		{width:100%; display:inline-block; margin:0px; padding:0px 0px 1px 0px;}
UL.MoreArticlesItemsContainer LI	{margin:1px 1px 0px 1px; padding:3px 15px 2px 15px; background-color:#f5f5f5; list-style-image:none; list-style-type:none;}

/* in Movie page */
DIV.MoreMoviesTitle						{margin-bottom:10px;} /* have css of MoreArticleTitle */
H2.MoreMoviesTitle						{} /* have css of MoreArticleTitle */
DIV.MoreMoviesContainer					{margin:10px 0px 20px 0px; opacity:0; /* js show after loading */} /* clearfix */
UL.MoreMoviesItemsContainer				{width:100%; display:inline-block; margin:0px; padding:0px;}
UL.MoreMoviesItemsContainer LI			{margin-bottom:10px; display:inline-block; list-style-image:none; list-style-type:none;} /*  get float + side-margin + width by JQ function in asp file */
UL.MoreMoviesItemsContainer LI DIV		{width:100%; display:inline-block; text-align:center;}
UL.MoreMoviesItemsContainer LI A.MoreMoviesItemTitle	{font-weight:bold; display:block;}
UL.MoreMoviesItemsContainer LI IMG		{width:100%; height:auto; margin-top:4px; display:block;}
/* --- */

SPAN.ArticlesListDate				{font-size:85%; padding-left:10px; padding-right:10px;}
A.MoreArticle						{text-decoration:none; color:#003473;}
A.MoreArticle:hover					{text-decoration:underline;}
A.MoreArticleCurrent				{font-weight:bold; text-decoration:none; color:#003473;}
A.MoreArticleCurrent:hover			{font-weight:bold; text-decoration:underline;}

/*****^ More Articles Carousel  ^*****/
/* css is in owl-carousel.css */

/*****^ Talkbacks ^*****/
TABLE.ResponsesContainer			{margin-top:8px;}
CAPTION.ResponsesHeader				{font-weight:bold; font-size:1.7rem; border:#bcbcbc 1px solid; padding:4px 6px 4px 6px; text-align:inherit;}
TD.ResponsesListContainer			{padding-top:5px;}
TD.ResponsesListContainer A			{text-decoration:none;}
TD.ResponsesListContainer A:hover	{text-decoration:underline;}
TABLE.ResponsesListContainer		{border:#bcbcbc 1px solid; background-color:#ededed; width:100%;}
TABLE.ResponsesListContainer TD		{padding:5px;}
TD.ResponseTitle					{width:1px; color:#5b5b5b;} /* response number */
DIV.ResponseTitle					{font-weight:bold;}         /* Response Title */
A.ResponseTitle						{font-weight:bold; text-decoration:none;}
A.ResponseTitle:hover				{text-decoration:underline;}
SPAN.ResponseDate					{font-size:85%; padding-left:10px; padding-right:10px; color:#5b5b5b;}
TR.ResponseOddRow					{background-color:#fbfbfb; color:#5b5b5b;}
TR.ResponseEvenRow					{background-color:#f2f2f2; color:#5b5b5b;}

/* Content Ratings */
DIV.ArticleRatingsContainer			{padding-top:8px;}
DIV.ArticleRatingsContainer TD		{font-size:1.2rem;}


/*********************** Article Tabs ******************/
DIV.Article-TabsBox		{width:100%; margin:10px 0 10px 0px;}
UL.tabNavigation		{list-style:none; margin:0px; padding:0px; position:relative; z-index:999;}
UL.tabNavigation LI		{float:left; list-style-type:none; list-style-image:none;}

UL.tabNavigation LI A				{display:block; text-align:center; text-decoration:none; box-sizing:border-box; /* get box-light design */}
UL.tabNavigation LI A SPAN			{display:block; line-height:110%; padding:6px 25px 7px 25px; font-weight:bold;}
UL.tabNavigation LI:last-child A	{margin-right:0px;}
UL.tabNavigation LI A:hover			{text-decoration:underline;}
UL.tabNavigation-1 LI A.selected, UL.tabNavigation-1 LI A.selected:hover	{/* get box design */}
UL.tabNavigation-2 LI A.selected, UL.tabNavigation-2 LI A.selected:hover	{/* get box design */}
UL.tabNavigation LI A:focus			{outline:0;}

DIV.Article-Tabs-Content			{width:100%; overflow:hidden; position:relative; border:#ddd 1px solid; box-sizing:border-box;}
DIV.Article-Tabs-Content-Inner		{padding:15px 20px 15px 20px; background:#ffffff; color:#555555;}

@media screen and (max-width: 990px) {
	UL.tabNavigation			{width:100%;}
	UL.tabNavigation LI			{float:none; width:100%;}
	UL.tabNavigation-1 LI A		{border-bottom:#fff 1px solid;}
	UL.tabNavigation-2 LI A		{border-top:#fff 1px solid;}
}
@media screen and (min-width: 991px) {
	UL.tabNavigation					{display:table; width:100%;}
	UL.tabNavigation LI A				{border:#ddd 1px solid; margin-right:1px;}
	DIV.Article-Tabs-Content			{margin:-1px 0px;}
	DIV.Article-Tabs-Content-Inner		{margin:10px;}
	UL.tabNavigation-1 A.selected		{padding-bottom:1px; border-bottom-style:none !important;}
	UL.tabNavigation-2 A.selected		{padding-top:1px; border-top-style:none !important;}
}


/******************* Article Img Gallery ******************/
#product_image		{padding:0px 0px 10px 0px;}
DIV.ArticleGalleryContainer				{width:60%; margin-bottom:10px; max-width:440px; /* float and side-margin:20px in asp file */}
@media screen and (max-width: 480px) {
	DIV.ArticleGalleryContainer		{width:100%; margin:0px 0px 10px 0px !important;}
}
#main_image			{margin-bottom:10px;}
#main_image > A		{display:table;}
#main_image IMG		{width:100%; height:auto; border:0; display:block;}
/* the carousel css in owl_carousel.css */

/********** All templates container ************/
DIV.template-container			{}



/*********************************** Hp Articles  ********************************/
#hp-articles					{}
#hp-articles DIV.HpArticlesWrapper			{padding:21px 24px 21px 24px; text-align:center; display:flex; flex-wrap:wrap; justify-content:space-between;}
#hp-articles A.HpArticlesContainer			{display:block; position:relative; background-color:#0c51a2; padding:20px 3% 25px 3%; box-sizing:border-box; text-decoration:none; cursor:pointer;}
#hp-articles A.HpArticlesContainer:hover	{background-color:#cd1719; text-decoration:none;}

#hp-articles DIV.HpArticlesSlogan			{margin-bottom:5px; font-weight:bold; font-size:40px; line-height:100%; color:#fff;}
#hp-articles DIV.HpArticlesTitle			{margin-bottom:8px;}
#hp-articles .HpArticlesTitle STRONG		{font-weight:bold; font-size:100px; line-height:100%; color:#fff;}
#hp-articles DIV.HpArticlesBody				{font-weight:normal; font-size:35px; line-height:105%; color:#fff;}

@media screen and (min-width: 981px) { /* 3 items */
    #hp-articles A.HpArticlesContainer		{width:31.5%;}
}

@media screen and (max-width: 980px) and (min-width: 601px) { /* 2 items */
	#hp-articles DIV.HpArticlesWrapper		{padding-bottom:calc(21px - 3vw);}
	#hp-articles A.HpArticlesContainer		{width:48.5%; margin-bottom:3vw;}
    #hp-articles A.HpArticlesContainer:last-child	{margin-left:auto; margin-right:auto;}
}

@media screen and (max-width: 600px) { /* 1 items */
	#hp-articles DIV.HpArticlesWrapper		{padding:15px 24px 0px 24px;}
	#hp-articles A.HpArticlesContainer		{width:100%; max-width:520px; padding:10px 3% 15px 3%; margin-bottom:15px; margin-right:auto; margin-left:auto;}
}


/*********************************** Articles - Lexicon Display ********************************/
TABLE.ArticlesLexiconItem		{margin-bottom:10px;}
TD.Char							{text-align:center; vertical-align:top; width:38px; padding:3px 0px 4px 0px; border:#d7d5d6 1px solid;}
H2.Char							{display:inline; font-weight:bold; font-size:3.6rem; line-height:4rem;}
TD.ArticlesLexicon				{vertical-align:top; padding:5px 10px 4px 10px; border:#d7d5d6 1px solid;}
UL.ArticlesLexicon				{margin:0px; padding:0px;}
UL.ArticlesLexicon LI			{margin:0px; padding:0px 0px 2px 0px; list-style-image:none; list-style-type:none;}
A.ArticlesLexiconTitle			{text-decoration:none;}
A.ArticlesLexiconTitle:hover	{text-decoration:underline;}


/*********************************** Articles - List Display ********************************/
DIV.ArticlesListContainer		{margin-bottom:30px; box-sizing:border-box;}
DIV.ArticlesListInner			{}
DIV.ArticlesListTitle			{margin-bottom:2px;}
DIV.ArticlesListTitleSeperator	{height:0px; display:none;}
H2.ArticlesListTitle			{font-weight:bold; font-size:140%; line-height:115%;}
H3.ArticlesListTitle			{font-weight:bold; font-size:140%; line-height:115%;}
A.ArticlesListTitle				{font-weight:bold; text-decoration:none;}
A.ArticlesListTitle:hover		{text-decoration:underline;}

DIV.ArticlesListBody			{display:table; width:100%;}
DIV.ArticlesListSeperator		{height:30px; border-bottom:#ddd 1px solid;}

TD.ArticlesListDate				{font-weight:normal; font-size:85%; direction:ltr; text-align:right; padding-top:2px;}
DIV.ArticlesListDate			{font-weight:normal; font-size:85%; direction:ltr; text-align:right; padding-top:2px;}

DIV.ArticlesListImgContainer	{width:25%; display:inline-block; margin-top:2px; margin-bottom:10px; /* float and side-margin:15px in asp file */}
DIV.ArticlesListImg				{}
DIV.ArticlesListImg A			{width:100%; display:table;}
DIV.ArticlesListImg IMG			{width:100%; height:auto; display:block;}
DIV.ArticlesListCaption			{text-align:center; font-size:1.3rem; padding-top:2px;}

DIV.ArticlesListSummary			{}
DIV.ArticlesListURL				{}
DIV.ArticlesListRatings			{margin-top:5px;}
DIV.ArticlesListRatings SPAN	{display:inline-block}
DIV.ArticlesListContainer A.ReadMore			{display:table; padding-top:5px; border-top:#aaa 1px dashed; margin-top:10px; text-decoration:none;}
DIV.ArticlesListContainer A.ReadMore:after		{font-family:"fontawesome"; margin-left:5px; font-size:13px;}
.LTR DIV.ArticlesListContainer A.ReadMore:after	{content:"\f104 ";}
.RTL DIV.ArticlesListContainer A.ReadMore:after	{content:"\f105 ";}

@media screen and (max-width: 768px) and (min-width: 481px)	{
	DIV.ArticlesListImgContainer		{width:35%;}
}
@media screen and (max-width: 480px)	{
	DIV.ArticlesListContainer			{max-width:360px; margin:0px auto 20px auto;}
	DIV.ArticlesListImgContainer		{width:100%; margin:0px 0px 10px 0px !important;}
	DIV.ArticlesListTitle_normal		{display:none;}
	DIV.ArticlesListTitle_480			{display:block !important; margin-bottom:5px !important;}
}

/* Even */
DIV.ArticlesListContainerEven		{}
DIV.ArticlesListTitleEven			{}
A.ArticlesListTitleEven				{}
A.ArticlesListTitleEven:hover		{}
DIV.ArticlesListBodyEven			{}
DIV.ArticlesListSeperatorEven		{}

/* Odd */
DIV.ArticlesListContainerOdd		{}
DIV.ArticlesListTitleOdd			{}
A.ArticlesListTitleOdd				{}
A.ArticlesListTitleOdd:hover		{}
DIV.ArticlesListBodyOdd				{}
DIV.ArticlesListSeperatorOdd		{}


/*********************************** Articles - Gallery Display ********************************/
#shop-products		{/*background-color:#f4f4f4;*/ padding-top:25px;}
DIV.ArticlesGalleryMatrixContainer		{opacity:0; /* js show after loading */} /* clearfix */

/* one Article */
DIV.ArticlesGalleryMatrixItem			{display:inline-block; background-color:#f5f5f5; margin-bottom:40px; box-sizing:border-box; /*  get float + side-margin + width by JQ function in asp file */}
DIV.ArticlesGalleryContainer			{position:relative; padding:13px; text-align:center;}
DIV.ArticlesGalleryInner				{}
DIV.ArticlesGalleryImgContainer			{width:100%; margin-bottom:10px; display:table;}
DIV.ArticlesGalleryImg					{display:block;}
DIV.ArticlesGalleryImg A				{width:100%; display:table;}
DIV.ArticlesGalleryImg IMG				{width:100%; height:auto; display:block;}
DIV.ArticlesGalleryImgCaption			{text-align:center; font-size:1.3rem; padding-top:2px;}

DIV.ArticlesGalleryBody					{width:100%; display:table; padding:0px 7px 10px 7px; box-sizing:border-box;}
DIV.ArticlesGalleryTitle				{margin-bottom:5px;}
H2.ArticlesGalleryTitle					{font-weight:bold; font-size:140%; line-height:115%;}
H3.ArticlesGalleryTitle					{font-weight:bold; font-size:140%; line-height:115%;}
A.ArticlesGalleryTitle					{color:#464646; font-weight:bold; text-decoration:none;}
A.ArticlesGalleryTitle:hover			{color:#003a7f; text-decoration:underline;}
DIV.ArticlesGallerySummary				{padding-bottom:5px;}
DIV.ArticlesGalleryURL					{padding-top:5px;}
DIV.ArticlesGalleryRatings				{margin-top:5px;}
DIV.ArticlesGalleryRatings SPAN			{display:inline-block}
DIV.ArticlesGalleryContainer A.ReadMore			{display:table; margin:auto; background:#e40514; color:#fff; height:45px; margin-top:15px; padding:0px 25px 0px 25px; text-align:center; font-weight:bold; font-size:100%; line-height:45px; text-decoration:none;}
DIV.ArticlesGalleryContainer A.ReadMore:hover	{background:#003a7f; color:#fff; text-decoration:none;}

DIV.gallery-footer		{width:calc(100% + 26px); display:table; border-top:#abbacc 2px solid; padding:20px 10px 20px 13px; margin:0px -13px 0px -13px; box-sizing:border-box;}

/* הוראת קבע */
.bodyByCatID99 DIV.ArticlesGalleryMatrixItem		{width:33% !important; background-color:#fff; margin-left:0 !important;}
.bodyByCatID99 DIV.ArticlesGalleryContainer			{padding:0 1.5% 0 1.5%;}
.bodyByCatID99 DIV.ArticlesGalleryImgContainer		{margin-bottom:0; box-sizing:border-box;}
.bodyByCatID99 DIV.ArticlesGalleryMatrixItem:first-child DIV.ArticlesGalleryImgContainer	{padding-right:10%; border-right:#003473 1px solid;}
.bodyByCatID99 DIV.ArticlesGalleryMatrixItem:last-child DIV.ArticlesGalleryImgContainer		{padding-left:10%;}
.bodyByCatID99 DIV.ArticlesGalleryImg IMG			{}

.bodyByCatID99 DIV.ArticlesGalleryBody				{padding:15px 0px 10px 0px;}
.bodyByCatID99 DIV.ArticlesGalleryMatrixItem:first-child DIV.ArticlesGalleryBody	{padding-right:10%; border-right:#003473 1px solid;}
.bodyByCatID99 DIV.ArticlesGalleryMatrixItem:last-child DIV.ArticlesGalleryBody		{padding-left:10%;}
.bodyByCatID99 DIV.ArticlesGalleryTitle				{margin-bottom:5px;}
.bodyByCatID99 SPAN.ArticlesGalleryTitle			{font-size:140%;}
.bodyByCatID99 DIV.gallery-footer					{width:100%; border-top:0; padding:0; margin:0; box-sizing:border-box;}
.bodyByCatID99 DIV.ArticlesGalleryMatrixItem:first-child DIV.gallery-footer	{padding-right:10%; border-right:#003473 1px solid;}
.bodyByCatID99 DIV.ArticlesGalleryMatrixItem:last-child DIV.gallery-footer	{padding-left:10%;}


@media screen and (max-width: 1023px) and (min-width: 481px) {
	DIV.VerticalPricesContainer					{}
	DIV.ArticlesGalleryContainer A.ReadMore		{height:40px; line-height:40px; margin-top:20px;}
}

@media screen and (max-width: 990px) and (min-width: 481px) {
	.bodyByCatID99 DIV.ArticlesGalleryMatrixItem		{width:50% !important;}
}

@media screen and (max-width: 480px) {
	DIV.ArticlesGalleryMatrixItem		{display:table; max-width:360px; margin:0px auto 30px auto !important; float:none !important;}
	/*DIV.ArticlesGalleryTitle_normal		{display:none;}
	DIV.ArticlesGalleryTitle_480		{display:block !important; margin-bottom:5px !important;}*/
	.bodyByCatID99 DIV.ArticlesGalleryMatrixItem				{width:100% !important; margin-left:auto !important;}
	.bodyByCatID99 DIV.ArticlesGalleryMatrixItem:first-child	{border-bottom:#003473 1px solid; padding-bottom:40px;}
	.bodyByCatID99 DIV.ArticlesGalleryMatrixItem DIV.ArticlesGalleryImgContainer	{padding:0 !important; border:0 !important;}
	.bodyByCatID99 DIV.ArticlesGalleryMatrixItem DIV.ArticlesGalleryBody			{padding:0 !important; border:0 !important;}
}

/** last item - third in Hp 3 items - display long in window 480-768 (2 items in line) **/
/*@media screen and (min-width: 481px) and (max-width: 768px) {
	DIV.ArticlesGalleryMatrixItemLastOdd				{width:100% !important; margin-left:0px !important; float:none !important; height:auto !important;}
	DIV.ArticlesGalleryMatrixItemLastOdd DIV.ArticlesGalleryImgContainer			{width:48%; height:auto; float:right !important; margin:0px 0px 0px 4% !important;}
	DIV.ArticlesGalleryMatrixItemLastOdd DIV.ArticlesGalleryImgContainer IMG		{width:100%; height:auto;}
}*/

/* Even */
DIV.ArticlesGalleryContainerEven		{}
DIV.ArticlesGalleryTitleEven			{}
DIV.ArticlesGalleryImgEven				{}
DIV.ArticlesGalleryImgEven IMG			{}

DIV.ArticlesGalleryTopLeftEven			{}
DIV.ArticlesGalleryTopRightEven			{}
DIV.ArticlesGalleryBottomLeftEven		{}
DIV.ArticlesGalleryBottomRightEven		{}

/* Odd */
DIV.ArticlesGalleryContainerOdd			{}
DIV.ArticlesGalleryTitleOdd				{}
DIV.ArticlesGalleryImgOdd				{}
DIV.ArticlesGalleryImgOdd IMG			{}

DIV.ArticlesGalleryTopLeftOdd			{}
DIV.ArticlesGalleryTopRightOdd			{}
DIV.ArticlesGalleryBottomLeftOdd		{}
DIV.ArticlesGalleryBottomRightOdd		{}


/********^  Movies  ^******/
DIV.SortMoviesContainer			{}
DIV.SortMoviesInner				{margin-bottom:10px; display:inline-block; padding:6px 8px 6px 8px;}
SPAN.SortMoviesTitle			{font-weight:bold; line-height:135%;}
A.MoviesSort					{font-weight:normal; display:inline-block; vertical-align:top; padding:2px 8px 3px 8px; background-color:#ffffff; color:#000000; font-size:1.4rem; text-decoration:none;}
A.MoviesSort:hover				{text-decoration:none;}
SPAN.SortMoviesSep				{color:#ffffff; display:none;}

DIV.SArticlesMovieContainer		{}
DIV.SArticlesMovieBody			{}
DIV.SArticlesVideoStatistic		{}
DIV.SArticlesVideoViews			{}
DIV.SArticlesVideoLength		{}

@media screen and (max-width: 480px) {
	DIV.SortMoviesContainer		{/*text-align:center;*/}
}


/*********************************** Articles - Portal Display ********************************/
DIV.ArticleMainContainer			{display:table; margin-bottom:40px; box-sizing:border-box;}
DIV.ArticleMainInner				{}
DIV.ArticleMainTitle				{margin-bottom:3px;}
H2.ArticleMainTitle					{font-weight:bold; font-size:140%; line-height:115%;}
H3.ArticleMainTitle					{font-weight:bold; font-size:140%; line-height:115%;}
A.ArticleMainTitle					{font-weight:bold; text-decoration:none;}
A.ArticleMainTitle:hover			{text-decoration:underline;}

DIV.ArticleMainImgContainer			{width:50%; margin-bottom:10px; /* get float and side-margin:20px in asp file */}
 DIV.ArticleMainImg					{}
DIV.ArticleMainImg A				{width:100%; display:table;}
DIV.ArticleMainImg IMG				{width:100%; height:auto; display:block;}
DIV.ArticleMainImgCaption			{text-align:center; font-size:85%; padding-top:2px;}

DIV.ArticleMainDate					{font-weight:normal; font-size:85%; margin-bottom:2px;}
P.ArticleMainSummary				{padding:0px; margin:0px;}
DIV.ArticleMainSummary				{}
DIV.ArticleMainURL					{padding-top:5px;}
DIV.ArticleMainRatings				{margin-top:5px;}
DIV.ArticleMainRatings SPAN			{display:inline-block}
DIV.ArticleMainContainer A.ReadMore				{display:table; padding-top:5px; border-top:#aaa 1px dashed; margin-top:10px; text-decoration:none;}
DIV.ArticleMainContainer A.ReadMore:after		{font-family:"fontawesome"; margin-left:5px; font-size:13px;}
.LTR DIV.ArticleMainContainer A.ReadMore:after	{content:"\f104 ";}
.RTL DIV.ArticleMainContainer A.ReadMore:after	{content:"\f105 ";}

@media screen and (max-width: 480px) {
	DIV.ArticleMainContainer		{max-width:360px; margin:0px auto 20px auto; padding-bottom:20px; border-bottom:#dddddd 1px solid;}
	DIV.ArticleMainImgContainer		{width:100%; margin:0px 0px 10px 0px !important;}
	DIV.ArticleMainTitle_normal		{display:none;}
	DIV.ArticleMainDate_normal		{display:none;}
	DIV.ArticleMainTitle_480		{display:block !important; margin-bottom:5px !important;}
	DIV.ArticleMainDate_480			{display:block !important; margin-bottom:5px !important;}
}

DIV.PArticleAllContainer			{}
DIV.PArticleMainContainer			{}
DIV.PArticleSubContainer			{}
DIV.PArticleContainer				{}

/* Even */
TABLE.ArticleMainContainerEven		{}
DIV.ArticleMainTitleEven			{}

TD.ArticleMainTopLeftEven			{}
TD.ArticleMainTopRightEven			{}
TD.ArticleMainBottomLeftEven		{}
TD.ArticleMainBottomRightEven		{}

/* Odd */
TABLE.ArticleMainContainerOdd		{}
DIV.ArticleMainTitleOdd				{}

TD.ArticleMainTopLeftOdd			{}
TD.ArticleMainTopRightOdd			{}
TD.ArticleMainBottomLeftOdd		{}
TD.ArticleMainBottomRightOdd			{}

/** jquery image rotator **/
#ArticlesRotatorContainer		{opacity:0; height:1px; /*temp height & opacity for load*/ width:100%; border:#cccccc 1px solid; margin-bottom:40px; overflow:hidden; position:relative; box-sizing:border-box;}

/*-- Main Image Preview --*/
DIV.main_image					{height:1px; /*temp height for load*/ width:65%; position:relative; overflow:hidden; color:#000000; /* get float in asp */}
DIV.main_image IMG				{width:100%; height:auto; display:block;}

.main_image .desc						{position:absolute; bottom:0px; right:0px; width:100%;}
.main_image .desc P.ArticleMainSummary	{font-size:1.5rem; line-height:130%;}
.main_image .block						{width:100%; padding:10px; padding-top:3px; background:#cccccc; box-sizing:border-box;}
.main_image .block .ArticleMainTitle	{color:#000000;}
.main_image .block H1.ArticleMainTitle	{font-weight:bold; font-size:2.4rem; line-height:115%;}
.main_image .block H2.ArticleMainTitle	{font-weight:bold; font-size:2.4rem; line-height:115%;}

.block .ArticleMainDate			{font-size:1.3rem;}
.main_image p					{line-height:130%;}
.main_image a.collapse			{background:url('../_icons/CollapseIcon.gif') no-repeat right top; height:16px; width:21px; position:absolute; text-indent:-99999px; top:-16px; left:10px;}
.main_image a.show				{background-position:right bottom;}

/*-- Thumb --*/
DIV.image_thumb					{width:35%;  /* get float in asp */}

DIV.image_thumb .ImgBox				{text-align:center; width:30%; height:auto; max-height:50px; overflow:hidden; float:left; margin:10px 8px 0px 8px; border:#cccccc 1px solid; box-sizing:border-box;}
DIV.image_thumb img					{width:100%; height:auto; display:block;}
DIV.image_thumb ul					{margin:0px; padding:0px;}
DIV.image_thumb ul li				{height:70px; line-height:115%; background:#f9f9f9; list-style-image:none; list-style-type:none; border-bottom:#cccccc 1px solid; padding:0px;}
DIV.image_thumb ul li:last-child	{border-bottom-style:none;}
DIV.image_thumb ul li.hover			{background:#e5e5e5; cursor:pointer;}
DIV.image_thumb ul li.active		{background:#e5e5e5; cursor:pointer;}

DIV.image_thumb ul li .ArticleMainTitle			{color:#214079;} /* thumb li title color */
DIV.image_thumb ul li.hover .ArticleMainTitle	{color:#333333; text-decoration:none;} /* thumb li title color */
DIV.image_thumb ul li.active .ArticleMainTitle	{color:#333333; text-decoration:none;} /* thumb li title color */

DIV.image_thumb ul li .block			{padding:8px 8px 8px 8px;}
DIV.image_thumb ul li p					{display:none;}
DIV.image_thumb H1.ArticleMainTitle		{font-size:1.5rem; line-height:110%; /*for some reason line-height works properly only if put also in DIV.image_thumb ul li*/}
DIV.image_thumb H2.ArticleMainTitle		{font-size:1.5rem; line-height:110%;}
DIV.image_thumb DIV.ArticleMainDate		{font-size:1.2rem; padding-top:3px;}

@media screen and (min-width: 991px) {
	DIV.image_thumb img		{margin-top:-15%;}
}
@media screen and (max-width: 768px) and (min-width: 481px) {
	DIV.image_thumb H1.ArticleMainTitle		{font-size:1.4rem;}
	DIV.image_thumb H2.ArticleMainTitle		{font-size:1.4rem;}
}
@media screen and (max-width: 480px) {
	#ArticlesRotatorContainer	{}
	DIV.main_image				{width:100%; float:none !important;}
	DIV.image_thumb				{width:100%; float:none !important; position:absolute; bottom:0; z-index:99;}
	DIV.image_thumb .ImgBox		{width:20%;}
	DIV.image_thumb img			{width:100%; height:auto; margin-top:-25%;}
}
@media screen and (max-width: 430px) {
	DIV.image_thumb img				{margin-top:-20%;}
	DIV.image_thumb .ImgBox			{width:25%;}
}
@media screen and (max-width: 380px) {
	DIV.image_thumb img				{margin-top:-15%;}
	DIV.image_thumb .ImgBox			{width:30%;}
}


/*********************************** Events Page ********************************/
IFRAME.Calendar				{width:100%; height:270px; margin-bottom:20px;}

DIV.EventsListContainer		{}
TABLE.EventsListContainer	{width:100%;}

TR.EventsListHeaderRow		{font-weight:bold; padding:4px 6px 4px 6px;}
TH.EventsListHeaderCell		{padding:4px 6px 4px 6px; font-weight:bold;}
TH.EventsListHeaderDate		{}
TH.EventsListHeaderTitle	{}
TH.EventsListHeaderInfo		{}

TR.EventListRow				{vertical-align:top;}
TH.EventListMonth			{font-weight:bold; padding:4px 6px 4px 6px;}
TD.EventListDate			{font-weight:bold; padding:5px;}
TD.EventListTitle			{padding:5px;}
TD.EventListInfo			{padding:5px;}
TD.EventListInfo DIV		{padding-bottom:2px;}
TD.EventListSeperator		{padding-top:3px; border-bottom:#ddd 1px solid;}
TD.EventListPaging			{}

/* Even */
TR.EventListRowEven			{}
TD.EventListDateEven		{}
TD.EventListTitleEven		{}
TD.EventListInfoEven		{}
TD.EventListSeperatorEven	{}

/* Odd */
TR.EventListRowOdd			{}
TD.EventListDateOdd			{}
TD.EventListTitleOdd		{}
TD.EventListInfoOdd			{}
TD.EventListSeperatorOdd	{}


/*********************************** Event Page ********************************/
DIV.EventTitle						{}
DIV.EventSummary					{}
TD.EventDates						{}

/* More Events */  /* in asp also have classes of MoreArticlesContainer */
DIV.MoreEventsContainer				{}
DIV.MoreEventTitle					{}
H2.MoreEventTitle					{}
DIV.MoreEventsItemsContainer		{}
UL.MoreEventsItemsContainer			{}
UL.MoreEventsItemsContainer LI		{}
SPAN.EventsListDate					{}
A.MoreEvent							{}
A.MoreEvent:hover					{}
A.MoreEventCurrent					{}
A.MoreEventCurrent:hover			{}


/*********************************** Images Gallery ********************************/
DIV.ImgGalleryContainer		{}

/*  Lightbox album  */
#lightbox-gallery				{margin:0px auto; font-size:0;}
#lightbox-gallery A.image-link	{
	position:relative;
	display:inline-block; vertical-align:top; padding:4px;
	margin:0 7px 14px 7px;
	text-decoration:none;
	box-shadow:2px 2px 7px rgba(0,0,0,0.3);
	border:#ddd 1px solid; 
	background-color:#fff; line-height:0; text-decoration:none;
	-webkit-transition:0.1s ease-out;
	-moz-transition:0.1s ease-out;
	-o-transition:0.1s ease-out;
	transition:0.1s ease-out;
}
#lightbox-gallery .image-link:hover		{text-decoration:none;}
#lightbox-gallery SPAN					{/* display:none */ width:calc(100% - 8px); position:absolute; display:table; bottom:4px; background:rgba(255,255,255,0.7); color:#000; padding:8px 0 5px 0; font-size:1.5rem; line-height:1.8rem;}
#lightbox-gallery .gallery-image		{/*width:7rem;*/ /*border-radius:5px;*/}
/* open image css is in jquery.lightbox-2.7.1.css */

/*  Slideshow  */
DIV.Portfolio				{position:relative; display:table; opacity:0; /* opacity 1 auto after load */}
UL#portfolio				{overflow:hidden; margin:0px; padding:0px;}
LI.Item						{margin:0px; padding:0px; list-style:none; top:0px; left:0px; bottom:0px; right:0px;}
DIV.ImgContainer			{/*padding:4px; border:#b6c6cc 1px solid; box-sizing:border-box;*/margin-bottom:8px;}
LI.Item IMG					{display:block;}
DIV.ItemText				{position:absolute; bottom:0; background-color:rgba(255,255,255,0.8); color:#000;}
DIV.ItemTitle				{font-weight:bold; padding:10px 2% 10px 2%; box-sizing:border-box;}
P.ItemSummery				{margin:-5px 0px 0px 0px; padding:0px 2% 10px 2%; font-weight:normal; box-sizing:border-box;}

/*  Standart */
DIV.ImgGalleryContainer				{text-align:center}
TABLE.ImgGalleryContainer			{width:100%; margin:0px auto;}
TD.ImgGalleryMainContainer			{}
TABLE.ImgGalleryMainContainer		{width:100%;}

TD.ImgGalleryImgContainer			{width:100% !important; display:block; text-align:center; cursor:pointer; position:relative;}
TD.ImgGalleryImgContainer A			{width:100%; height:100%; display:block; position:absolute; top:0; left:0; bottom:0; right:0;}
IMG.ImgGalleryImg					{max-width:100%; height:100% !important; display:block;}

TD.ImgGalleryPannelContainer		{text-align:center;}
TABLE.ImgGalleryPannelContainer		{width:100%; margin:-45px 0 0px 0;}
TABLE.ImgGalleryButtonsContainer	{width:100%; position:relative; padding:10px 30px; z-index:6;}
TD.ImgGalleryButton					{background-color:#fff; white-space:nowrap; padding:1px 8px 2px 8px; border-radius:4px; box-shadow:inset 0 0 10px #999;}
TD.ImgGalleryButton A				{color:#555; font-size:1.3rem; line-height:1.3rem; font-weight:bold; text-decoration:none;}
TD.ImgGalleryButton A:hover			{color:#000; text-decoration:underline;}
TD.ImgGalleryButton:hover			{background-color:#ddd;}

TABLE.ImgGalleryThumbContainer		{width:100%; max-width:100%; /*border:#bbbbbb 1px solid; border-bottom-style:none;*/}
TD.ImgGalleryThumbContainer			{padding-top:6px;}
TR.ImgGalleryThumb					{line-height:0px; display:block; /* block is for bug not center in other pages */}
TD.ImgGalleryThumb					{display:inline-block; padding:0px 3px 6px 3px;}
TD.ImgGalleryThumb A				{display:table;}
/*TD.ImgGalleryThumbSeperator			{display:none}*/
IMG.ImgGalleryThumb					{border:1px solid #757575; cursor:pointer; box-sizing:border-box;}
IMG.ImgGalleryThumbOver				{border:1px solid #EB2E29; cursor:pointer; box-sizing:border-box;}

UL.ImgGalleryThumbContainer			{margin:0px auto; padding:0px;}
LI.ImgGalleryThumb					{display:inline-block; vertical-align:top; margin:0 7px 14px 7px;}

DIV.ImgGalleryTextContainer			{width:100% !important; padding:10px 13px 10px 13px; /*border:#bbbbbb 1px solid; border-top-style:none; */ box-sizing:border-box; background-color:#fafafa;}
TABLE.ImgGalleryTextContainer		{width:100%; margin-bottom:5px;}
DIV.ImgGallerySummary				{padding:10px; background-color:rgba(0,0,0,0.1);}
DIV.ImgGalleryTitle					{text-align:center; font-weight:bold; padding-bottom:5px;}
TD.ImgGalleryPaging					{text-align:center; padding-bottom:8px;}
TD.ImgGalleryPaging A				{text-decoration:none;}

/* Image Warpper */
TR.ImgGalleryTop					{}
TD.ImgGalleryTopLeft				{display:none;}
TD.ImgGalleryTop					{display:none;}
TD.ImgGalleryTopRight				{display:none;}

TD.ImgGalleryLeft					{display:none;}
TD.ImgGalleryRight					{display:none;}

TD.ImgGalleryBottomLeft			{display:none;}
TD.ImgGalleryBottom					{display:none;}
TD.ImgGalleryBottomRight				{display:none;}


/******************************* FAQ ******************************/
DIV.FaqContainer				{}
DIV.FaqContainer > UL			{margin:0; padding:0;}
DIV.FaqContainer > UL > LI		{width:100%; display:table; margin-bottom:10px; list-style-type:none; list-style-image:none;}
DIV.FaqQuestionAnswerTitle		{}

DIV.FaqQuestionAnswerTitle H2				{display:block; margin:0; font-size:105%; line-height:115%; font-weight:bold; color:#003a7f; position:relative; cursor:pointer;}
.LTR DIV.FaqQuestionAnswerTitle H2			{padding:10px 15px 10px 30px;}
.RTL DIV.FaqQuestionAnswerTitle H2			{padding:10px 30px 10px 15px;}
DIV.FaqQuestionAnswerTitle H2:before		{position:absolute; top:10px; font-family:fontawesome;}
.LTR DIV.FaqQuestionAnswerTitle H2:before	{content:"\f0da"; left:12px;}
.RTL DIV.FaqQuestionAnswerTitle H2:before	{content:"\f0d9"; right:12px;}
DIV.FaqQuestionAnswerTitle H2.active:before	{content:"\f0d7";}
DIV.FaqQuestionAnswerTitle H2:hover			{background-color:rgba(0,0,0,0.05);}

DIV.FaqQuestionAnswerBody		{padding:15px 30px 20px 30px;}
DIV.FaqQuestionAnswerBody P		{padding:0px; margin:0px 0px 10px 0px;}
DIV.FaqQuestionAnswerBody P:last-child		{margin:0px;}

.LTR DIV.FaqQuestionAnswerBody UL	{padding:5px 0px 2px 17px;}
.RTL DIV.FaqQuestionAnswerBody UL	{padding:5px 17px 5px 0px;}
DIV.FaqQuestionAnswerBody UL LI		{margin-bottom:3px;}

A.FaqClose				{height:26px; display:table; text-decoration:none;}
.LTR A.FaqClose			{margin:10px 0px 0px auto;}
.RTL A.FaqClose			{margin:10px auto 0px 0px;}
A.FaqClose:hover		{}
A.FaqClose:before {
    content:"\f00d";
    font-size:20px !important;
    font-weight:normal;
    color:#fff;
    display:inline-block;
    font:normal normal normal 14px/1 FontAwesome;
    background:rgba(0,0,0,0.5);
    padding:0 3px 1px 3px;
    border-radius:3px;
    margin-right:7px;
}

/******************************* Content Ratings ******************************/
TD.RatingTitle	{font-size:1.2rem;}
TD.RatingCount	{font-size:1.2rem;}


/******************************* Categories - Gallery View ******************************/
DIV.CyItemsTitle				{text-align:center; margin-bottom:10px;}
DIV.CyItemsTitle H2				{color:#003a7f; font-size:3.6rem; font-weight:bold; display:inline;}
DIV.CyItemsDescription			{text-align:center; font-size:2rem; line-height:140%; margin-bottom:20px;}
DIV.CategoryItemsContainer		{text-align:center; padding-top:10px; display:flex; flex-wrap:wrap; justify-content:flex-start; flex-direction:row;}

/* one Article */
DIV.CategoryItemContainer			{vertical-align:top; margin-bottom:25px; box-sizing:border-box; /*  get float + side-margin + width by JQ function in asp file */}
DIV.CategoryItem					{width:100%;}

DIV.CategoryItemImgContainer		{position:relative; min-height:100px; width:100%; height:auto; overflow:hidden; text-align:center; cursor:pointer;}
DIV.CategoryItemImgContainer IMG	{width:100%; height:auto; display:block;}

DIV.CategoryItemTitle				{width:100%; /*min-width:150px; max-width:90%;*/ background:rgba(0,52,115,0.8); position:absolute; right:0; left:0; bottom:0; /*right:50%; top:50%;*/ padding:13px 15px 13px 15px; box-sizing:border-box;}
/*DIV.CategoryItemTitle {
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}*/
H2.CategoryItemTitle				{font-weight:bold; font-size:2.2rem; line-height:115%; color:#fff;}
DIV.CategoryItemContainer:hover DIV.CategoryItemTitle	{background-color:#003473; color:#fff;}
A.CategoryItemTitle					{text-decoration:none; color:#fff; display:block; margin:-10px -15px -10px -15px; padding:10px 15px 10px 15px; box-sizing:border-box;}
A.CategoryItemTitle:hover			{text-decoration:none; color:#fff;}

DIV.CategoryItemBody				{}
DIV.CategoryItemDesc				{}
SPAN.CategoryItemDesc				{display:block; padding:5px 5px 5px 5px;}

SPAN.SubCategory					{display:block; padding:0px 5px 5px 5px;}
A.SubCategory						{display:block; padding:0px 5px 5px 5px; text-decoration:none;}
A.SubCategory:hover					{text-decoration:underline;}

DIV.SubCategoryLinks				{display:none; padding:10px 10px 5px 0px;}

A.toAllProducts						{text-decoration:none; display:table; margin:auto; font-weight:bold; font-size:2rem; line-height:115%;}
A.toAllProducts:after				{font-family:"fontawesome"; padding-left:7px; font-size:2rem; text-decoration:none !important; display:inline-block; vertical-align:top;}
.LTR A.toAllProducts:after			{content:"\f104";}
.RTL A.toAllProducts:after			{content:"\f105";}
A.toAllProducts:hover				{text-decoration:underline;}

@media screen and (min-width: 1681px) { /* 4 items */
	DIV.CategoryItemContainer		{width:23% !important; margin-left:2.66%;}
	DIV.CategoryItemContainer:nth-of-type(4n+1)		{margin-left:0;}
}

@media screen and (max-width: 1680px) and (min-width: 1201px) { /* 3 items */
	DIV.CategoryItemContainer		{width:31.33% !important; margin-left:3%;}
	DIV.CategoryItemContainer:nth-of-type(3n+1)		{margin-left:0;}
}

@media screen and (max-width: 1200px) and (min-width: 481px) { /* 2 items */
	DIV.CategoryItemsContainer		{justify-content:space-between;}
	DIV.CategoryItemContainer		{width:48%; margin-bottom:25px;}
}

@media screen and (max-width: 480px) { /* 1 items */
	DIV.CategoryItemsContainer		{justify-content:space-between; flex-direction:column;}
	DIV.CategoryItemContainer		{width:100%; max-width:360px; margin:0px auto 20px auto;}
}

/* only title & image in Hp */
#HomePage DIV.CategoryItemDesc		{display:none;}
#HomePage DIV.SubCategoryLinks		{display:none;}


/******************************* Categories - List View ******************************/
TD.CategoryListItemTitle			{padding:7px 15px 4px 15px;}
H2.CategoryListItemTitle			{font-weight:bold; font-size:140%; line-height:115%;}
H2.CategoryListItemTitle A			{text-decoration:none;}
H2.CategoryListItemTitle A:hover	{text-decoration:underline;}

TD.CategoryListItem					{padding:4px 15px 4px 15px; border-style:none;}
H3.CategoryListItem					{font-weight:normal; font-size:100%; line-height:115%;}
H3.CategoryListItem A				{text-decoration:none;}
H3.CategoryListItem A:hover			{text-decoration:underline;}


/*********************************** Forum ********************************/
DIV.forumTableContainer			{background-color:#bbbbbb; padding:1px;}
TABLE.forumTableContainer		{background-color:#fcfcfc;}
TD.forumTitle					{padding:4px 6px 4px 6px;}
TD.forumTitle INPUT.input		{width:40%;}
TD.forumTitle INPUT.button		{height:29px; padding:0px 10px 2px 10px; font-size:1.5rem;}
TD.forumTitle SELECT			{font-size:1.2rem;}
TD.forumDescription				{padding:10px; color:#003473;}

TABLE.forumSearchResultsContainer	{border:0px solid #000000; border-collapse:collapse;}
TR.forumSearchResults				{}

TD.forumMessageContent			{padding:2px 3px 2px 3px;}
TD.forumMessageContent A		{font-weight:bold;}
TD.forumMessageContent A:HOVER	{}

TD.forumMessageContent TABLE	{border-top:1px solid #cccccc; border-right:1px solid #cccccc; background-color:#f6f6f6;}
.forumMessageContentDescr		{border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; background-color:#f6f6f6; padding:4px 4px 0px 5px;}

TD.forumMessagePostedBy			{font-size:1.3rem; padding:4px 3px 2px 3px;}
TD.forumMessageDate				{padding:4px 3px 2px 3px; font-size:1.2rem;}
.forumMessageSeperator			{background-color:#525151;}

A.forumButtonNewTopic			{font-weight:bold; text-decoration:none;}
A.forumButtonNewTopic:hover		{text-decoration:underline;}


/* Forum Index */
DIV.forumIndexTableContainer	{background-color:#bbbbbb; padding:1px;}
TABLE.forumIndexTableContainer	{background-color:#fcfcfc;}
TD.forumSecondaryTitle			{padding:4px 6px 4px 6px; border-bottom:#525151 1px solid;}
A.forumTitle					{font-weight:bold; text-decoration:none;}
A.forumTitle:hover				{text-decoration:underline;}

TABLE.forumIndexTableContainer	TD.forumMessageContent			{background-color:#f6f6f6; padding:2px 4px 2px 4px; font-size:85%; border-bottom:#f5f5f5 1px solid;}
TABLE.forumIndexTableContainer	TD.forumMessageContent A		{font-weight:bold;}
TABLE.forumIndexTableContainer	TD.forumMessageContent A:HOVER	{}

TABLE.forumIndexTableContainer	TD.forumMessagePostedBy			{background-color:#f6f6f6; font-size:1.2rem; padding:4px 3px 2px 3px; border-bottom:#f5f5f5 1px solid;}
TABLE.forumIndexTableContainer	TD.forumMessageDate				{background-color:#f6f6f6; font-size:1.2rem; padding:4px 4px 2px 4px; border-bottom:#f5f5f5 1px solid;}
TABLE.forumIndexTableContainer	.forumMessageSeperator			{background-color:#525151;}

TABLE.forumIndexTableContainer	TD.forumDescription				{padding:10px; height:16px; color:#003473;}

/* Submit response */
TD.forumResponseOrginalMsg		{padding-top:5px;}
TABLE.forumResponseOrginalMsg	{border:1px solid #000000; background-color:#ededed; width:100%; padding:5px;}

.forumNavigation				{margin-top:5px; background-color:#ffe49b;}

.ForumA				{text-decoration:underline; cursor:pointer; color:#000000; font-weight:bold;}
.ForumAResponse		{color:#666666 !important;}
.Author				{cursor:pointer;}

.forumMessageTools	{padding:0px 3px; margin:5px -3px 4px -3px;}

.response IMG		{margin:1px 5px 1px 5px; border:none; vertical-align:middle; display:block;}


@media screen and (max-width: 480px)	{
	TD.forumMessageDate			{white-space:normal !important; font-size:1.1rem;}
	TD.forumMessagePostedBy		{font-size:1.2rem;}
	TABLE.forumIndexTableContainer TD.forumMessageDate		{white-space:normal !important; font-size:1.1rem;}
	TABLE.forumIndexTableContainer TD.forumMessagePostedBy	{font-size:1.2rem;}
}


/** Forum forms - Add Response / Add Subject **/
DIV.ForumAddContainer			{width:100%; max-width:500px; display:inline-block; padding:10px; margin-top:10px; border:#bbbbbb 1px solid; box-sizing:border-box;}
DIV.ForumFormLine				{}
DIV.ForumFormLine > DIV			{padding:0px 10px 5px 10px; box-sizing:border-box;}
DIV.ForumLabel					{padding:4px 10px 2px 10px;}
SPAN.ForumTitleElements			{padding:0px 10px 5px 10px; box-sizing:border-box;}
INPUT.ForumForm					{margin-bottom:10px;}
TEXTAREA.ForumForm				{margin-bottom:10px;}
DIV.ForumFormLine INPUT.button	{margin-right:20px;}

@media screen and (max-width: 580px) {
	DIV.ForumFormLine > DIV						{float:none !important;}
	DIV.ForumFormLine > DIV.ForumLabel			{width:100% !important;}
	DIV.ForumFormLine > DIV INPUT.ForumSmily	{width:100% !important;}
	DIV.ForumFormLine > DIV INPUT.ForumForm		{width:100% !important;}
	DIV.ForumFormLine > DIV TEXTAREA.ForumForm	{width:100% !important;}
	DIV.ForumFormLine > SPAN.ForumTitleElements	{width:100% !important;}
	DIV.ForumFormLine A.Smily					{}
}


/****************************** Contact Us ******************************/
TD.sBodyTD						{}
TD.sBodyTD TD					{padding:3px 5px 3px 15px; font-size:90%;}
TD.sBodyTD TD.wizard			{padding-top:8px !important;}
TD.sBodyTD TD.wizardRequired	{padding-top:8px !important;}

@media screen and (max-width: 480px) {
	TD.sBodyTD TD		{width:100%; display:block;}
}


/****************************** Ip forms by ID ******************************/
#form-99 TABLE.wizard TD	{padding-left:0px !important; padding-right:0px !important;}
#form-99 .wizardForm INPUT.wizard			{width:690px; height:60px;}
#form-99 .wizardForm INPUT.wizardNarrow		{width:690px; height:60px;}
#frm99_rnd					{margin-bottom:20px;}
#form-99 INPUT.button		{width:150px; height:60px; float:right; margin-top:-62px;}

@media screen and (max-width: 990px) and (min-width: 481px) {
	#form-99 INPUT.button						{width:100px; height:40px; margin-top:-53px;}
	#form-99 .wizardForm INPUT.wizard			{width:304px; height:40px;}
	#form-99 .wizardForm INPUT.wizardNarrow		{width:304px; height:40px;}
}
@media screen and (max-width: 480px) {
	#form-99 .wizardForm INPUT.wizard			{width:304px; height:40px;}
	#form-99 .wizardForm INPUT.wizardNarrow		{width:304px; height:40px;}
	#frm99_rnd				{margin-bottom:3px;}
	#form-99 INPUT.button	{height:40px; float:none; margin-top:15px;}
}


/********* Gas Order *************/
UL#steps						{width:100%; display:table; padding:0px 0px 10px 0px; margin:0px 0px 30px 0px; border-bottom:#d7d7d7 1px solid;}
#steps LI						{display:table-cell; vertical-align:top; font-size:1.7rem; line-height:115%; padding-right:15px; box-sizing:border-box; list-style:none;}
#steps SPAN						{background-color:#ebebeb; width:35px; height:35px; font-size:1.9rem; line-height:35px; display:inline-block; text-align:center; border-radius:50%; margin-right:9px; box-sizing:border-box;}
#steps SPAN.current				{background-color:#00326e; color:#fff;}

@media screen and (max-width: 500px) {
	#steps LI		{text-align:center; padding-right:20px;}
	#steps SPAN		{display:block; margin:0px auto 6px auto;}
}

#divMsg		{margin-bottom:20px;}

/*** step 1 (_dbsTemplates/Form.asp) ***/
#gas-order							{font-size:115%;}
#gas-order .firstformCon			{max-width:380px;}
#gas-order .order-msg				{font-size:115%; line-height:115%; font-weight:bold; margin-bottom:20px;}
#gas-order .order-msg DIV			{font-size:75%;}
#gas-order .radio-section			{direction:rtl; margin-right:12px;}
#gas-order .radio-section INPUT		{margin:5px 4px 11px 0px; top:0;}
#gas-order .label-section LABEL		{display:table; margin-bottom:3px;}
#gas-order INPUT.input				{width:100%; max-width:380px; margin-bottom:20px;}
#gas-order INPUT.button				{float:right; margin:20px 0px 20px 15px;}
#gas-order .join-us					{display:table; width:100%; height:95px; padding:20px 180px 20px 20px; font-size:125%; line-height:125%; background:#f7f7f7 url('../callusimg.png') no-repeat right center; margin:20px 0px 20px 0px; box-sizing:border-box;}
#gas-order .join-us STRONG			{display:table-cell; vertical-align:middle;}
#gas-order .join-us A				{text-decoration:none;}
#gas-order .join-us A:hover			{text-decoration:underline;}

@media screen and (max-width: 480px) {
	#gas-order INPUT.button				{font-size:100%;}
}

/*** step 2 (GazTank/OrderGazTank.asp) ***/
DIV.name-title			{font-size:155%; font-weight:bold; margin-bottom:20px;}
DIV.adress-title		{font-size:125%; margin:-12px 0px 20px 0px;}
#gas-tank				{}
#gas-tank .wizardForm	{border-top:0; padding-top:0; border-bottom:#d7d7d7 1px solid; padding-bottom:10px;}
#gas-tank SELECT		{width:50px;}
DIV.tankMsg				{}

/*--- matzav zovar - other page also under id #gas-order ---*/
#gas-order .zovarForm INPUT.button		{width:auto; margin:0px 0px 0px auto;}
SPAN.ZoverDetails						{display:inline-block; width:120px; font-weight:bold; margin-bottom:4px;}
TABLE.ZoverData							{width:100%; font-size:1.5rem;}
.ZoverData TH, .ZoverData TD			{padding:5px 10px 6px 10px;}
TABLE.ZoverData TR:nth-child(even)		{background-color:#f5f5f5;}
TABLE.ZoverData TR:nth-child(odd)		{background-color:#fafafa;}
TR.ZoverDataHeader						{background-color:#00326e !important; color:#ffffff;}



/********* Pay bills *************/
/*** step 1 (Payments/GazPayment.asp) ***/
DIV.enter-pay-title				{margin-bottom:4px;}
DIV.enter-pay-title H2			{font-size:140%; line-height:115%; font-weight:bold;}
DIV.enter-pay-subTitle			{margin-bottom:20px;}
DIV.enter-pay-msg				{font-size:100; line-height:115%; font-weight:bold; margin-bottom:20px;}
#enter-pay						{display:table; margin-bottom:30px;}
#enter-pay LABEL				{display:inline-table; vertical-align:bottom; margin:6px 10px 4px 0px; line-height:115%;}
#enter-pay .form-part			{/*display:inline-table;*/}
#enter-pay INPUT.input			{width:100%;}
#enter-pay .radio-section INPUT[type="radio"]	{top:0px;}
#enter-pay A.bill-img			{font-size:1.8rem; line-height:115%; font-weight:bold; margin-top:20px;}
#enter-pay HR					{margin-top:15px;}

@media screen and (max-width: 1040px) {
	#enter-pay				{width:100%; max-width:380px; margin-bottom:30px;}
	#enter-pay .form-part	{display:block; margin-bottom:-10px;}
	#enter-pay INPUT.input	{width:100%; margin-bottom:20px;}
}

#join-butts		{display:table; text-align:center; margin:100px auto 0px 0px;}
#join-butts A {
	width:250px; font-weight:bold; font-size:1.8rem; line-height:115%; text-align:center;
	padding:40px 40px 40px 40px; margin:0px 10px 30px 0px; text-decoration:none;  box-sizing:border-box;
	background: #1e5799; color:#fff;
	background: -moz-linear-gradient(-45deg, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
	background: -webkit-linear-gradient(-45deg, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
	background: linear-gradient(135deg, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
}

@media screen and (max-width: 550px) {
	#join-butts		{display:block;}
	#join-butts A	{display:table; margin:0px auto 20px auto;}
}

/*** step 2 (Payments/GazPaymentIn.asp) ***/
#details-pay				{}
#details-pay .wizardForm	{border-top:0; padding-top:0;}
TABLE.pay-option TD			{padding:0px 5px 0px 0px !important; width:auto !important; display:table-cell !important;}
#details-pay DIV.label		{padding-bottom:5px;}
#details-pay TD.credit		{white-space:nowrap;}
#details-pay SPAN.payments	{font-size:small; white-space:nowrap;}
#details-pay TR.total TD	{font-weight:bold;}

@media screen and (max-width: 480px) {
	#details-pay TR.total TD		{text-align:left; width:auto !important; display:table-cell !important;}
}

/*** step 3 (tranzila/Tranzila.asp) ***/
#tranzila IFRAME			{max-width:650px; margin:auto;}


/********* Switchboard Houses (SwitchboardHouses/SwitchboardHouses.asp) *************/
#switc-houses				{}
#pin-info					{display:block; padding-top:4px;}
#switc-houses .wizardForm HR	{height:1px;}


/********* Gas Price (GasPrice/GasPrice.asp) *************/
#gas-price					{}
#gas-price LABEL			{font-weight:bold;}
#gas-price SELECT			{width:100%;}
#gas-price .wizardForm HR	{height:1px;}


/******************************** Subscription ****************************/
DIV.subscribeContainer				{max-width:460px; display:inline-block; background-color:transparent !important; /* padding:20px; border:#bbbbbb 1px solid;*/}
DIV.SubscribeLine					{/*margin:0px auto 0px auto;*/}
DIV.SubscribeLine > DIV				{padding:0px 10px 0px 10px;}
DIV.SubscribeLine > DIV LABEL		{padding:4px 0px 2px 0px; display:inline-block;}
DIV.SubscribeLine > DIV SPAN.Label	{padding:4px 0px 2px 0px; display:inline-block;}
.buttonSubscribe					{margin:0px 10px 0px 10px;}
.subscribeFormWide					{width:220px; margin-bottom:10px; min-width:160px;} /* min-width ==> for subscribe shop */
.subscribeForm						{width:220px; margin-bottom:10px; min-width:160px;} /* min-width ==> for subscribe shop */
INPUT.subscribeForm					{}
TEXTAREA.subscribeForm				{height:60px;}
SELECT.subscribeForm				{min-width:162px;} /* min-width ==> for subscribe shop */
DIV.subscribeContainer HR			{margin-bottom:15px;}
.subscribeContainer FIELDSET		{}
.subscribeContainer LEGEND			{}
DIV.subscribeRrequiredMsg			{}

@media screen and (max-width: 480px) {
	DIV.SubscribeLine				{max-width:240px;}
	DIV.SubscribeLine > DIV			{float:none !important;}
	DIV.SubscribeLine TABLE TD		{width:100%; display:block;}
}


/*********************************** SiteMap ***************************************/
DIV.SiteMapContainer		{}
DIV.SiteMapColumn			{width:48%;}
H2.SiteMapHeaderNode		{margin:0px; margin-top:12px; font-size:115%; line-height:115%; display:block; padding:5px 8px 6px 8px;}
A.SiteMapHeaderNode			{text-decoration:none;}
A.SiteMapNode				{text-decoration:none; color:;}
UL.SiteMap					{margin:0px; padding:0px;}
UL.SiteMap LI				{margin:0px; list-style-image:none; list-style-type:none;}
LI.SiteMapNode				{padding:5px 10px 0px 10px; list-style-image:none; list-style-type:none; font-weight:normal; border-style:none;}
UL.SiteMapMain				{margin:0px; padding:0px;}
UL.SiteMapMain LI			{margin:0px; list-style-image:none; list-style-type:none;}
LI.SiteMapMainNode			{padding:5px 8px 5px 8px; font-size:100%; line-height:115%; font-weight:normal; border-bottom:#dddddd 1px solid; color:;}

A.SiteMapHeaderNode:hover	{text-decoration:underline;}
A.SiteMapNode:hover			{text-decoration:underline; color:;}

LI.SiteMapEvenRow			{background-color:#fafafa;}
LI.SiteMapOddRow			{background-color:#eeeeee;}

@media screen and (max-width: 480px)	{
	DIV.SiteMapColumn		{width:100%;  float:none !important}
}


/*********************************** Messages ********************************/
TABLE.Massege		{margin-top:20px;}
TABLE.massege		{margin-top:20px;}
TD.MessageTitle		{font-weight:bold; padding-bottom:5px;}
TD.MessageBody		{padding-bottom:15px;}
TD.MessageLink		{}
A.MessageLink		{}
A.MessageLink:hover	{}


/********************************** Campaigns *******************************/
DIV.CampaignDescription		{text-align:center; padding-bottom:10px;}

TD.MsgContainer			{text-align:center;}
TD.ArticlesContainer	{padding-top:10px;}


/********************************** RSS *******************************/
DIV.rssMessage				{text-align:center; padding:10px;} /* ?? */
DIV.rssContainer			{border:#bbbbbb 1px solid; word-break:break-all;}
DIV.rssContainer > DIV		{padding:2px 10px 2px 10px; border-bottom:#ffffff 1px solid; border-top:#e2e9f7 1px solid; color:;}
DIV.rssContainer A			{color:;}
DIV.rssContainer A:hover	{color:;}
DIV.rssEvenRow				{background-color:#fafafa;}
DIV.rssOddRow				{background-color:#eeeeee;}


/********************************** Login *******************************/
DIV.PermissionMsg			{font-weight:bold; color:red; padding-top:10px; margin-bottom:10px;}
DIV.LoginFormsContainer		{}
INPUT.LoginForms			{min-width:160px;}

DIV.LoginNewColumn						{width:48%; margin-bottom:10px;}
TABLE.LoginNewMemberContainer			{width:100%; border:#bbbbbb 1px solid; color:#5b5b5b;}
TABLE.LoginNewMemberContainer TABLE		{width:90% !important;}
TABLE.LoginNewMemberContainer TD		{padding:3px 5px 4px 5px;}
TABLE.LoginNewMemberContainer A			{text-decoration:underline;}
TABLE.LoginNewMemberContainer A:hover	{text-decoration:none;}
TD.LoginNewMemberTitle					{padding:3px 10px 4px 10px; font-weight:bold; border-bottom:#cdcdcd 1px solid; background-color:#f5f5f5;}
H2.LoginNewMemberTitle					{font-size:120%;}

DIV.LoginExistingColumn						{width:48%; margin-bottom:10px;}
TABLE.LoginExistingMemberContainer			{width:100%; border:#bbbbbb 1px solid; color:#5b5b5b;}
TABLE.LoginExistingMemberContainer TD		{padding:3px 5px 4px 5px;}
TABLE.LoginExistingMemberContainer A		{text-decoration:underline;}
TABLE.LoginExistingMemberContainer A:hover	{text-decoration:none;}
TD.LoginExistingMemberTitle					{padding:3px 10px 4px 10px; font-weight:bold; border-bottom:#cdcdcd 1px solid; background-color:#f5f5f5;}
H2.LoginExistingMemberTitle					{font-size:120%;}

@media screen and (max-width: 768px) {
	DIV.LoginNewColumn			{width:100%; float:none !important;}
	DIV.LoginExistingColumn		{width:100%; float:none !important;}
}


/********************************** Search Results *******************************/
TD.SearchMsg					{font-weight:bold; border-bottom:solid 1px #bcbcbc; padding-bottom:10px;}
TABLE.SearchResultsContainer	{width:100%;}
TD.SearchResultsContainer		{padding-top:20px;}
TD.SearchResultCategory			{font-weight:bold; padding-bottom:5px;}
H2.SearchResult					{font-size:100%;}
TD.SearchResult					{font-weight:bold; padding-bottom:5px;}
UL.SearchResults				{margin:5px 0px 10px 0px; border-bottom:solid 1px #ddd; padding-bottom:20px;}
LI.SearchResult					{margin-top:5px; font-size:90%;}
A.SearchResult					{display:inline-block; vertical-align:text-top; margin:-3px 0px 5px 0px;}
A.SearchResult:hover			{}
DIV.SearchResultLocation		{font-weight:normal; color:#a5a3a4; padding-bottom:8px;}
DIV.SearchResultSummary			{font-weight:normal; padding-top:5px;}
TD.SearchResultsPages			{background-color:#f6f6f6; border:#bbbbbb 1px solid;}
.highlight						{margin:0 !important; padding:3px 8px !important; background-color:#ffffcc !important; color:#000 !important;}


/*********************** Search Snifim (Payments/Search.asp) *******************/
/**** search box ****/
#branch-searchBox					{width:100%; display:table; background-color:#f4f4f4; padding:17px 18px; margin-bottom:20px; box-sizing:border-box;}
DIV.bsb-msg							{margin-bottom:10px; font-size:115%;}
DIV.bsb-msg STRONG					{display:block; margin-bottom:5px;}
#branch-searchBox FORM				{width:100%; display:table;}
#branch-searchBox .inputs-container	{float:left; margin-right:10px;}
#branch-searchBox INPUT.button		{float:left; height:34px;}
#branch-searchBox INPUT.input		{height:34px;}
#branch-searchBox SELECT			{height:34px;}


/*********************** Branches (Branches/Branches.asp) *******************/
#branchB			{display:flex; flex-wrap:wrap; justify-content:space-between;}
DIV.branchB-side	{width:30%;}
#BranchesMap		{width:66%;}

.scrollbar			{width:100%; height:960px; overflow:auto; padding:80px 0px 45px 0px; box-sizing:border-box;}
.scrollbar-inner	{padding-left:40px;}

/**** Scroller ****/
.jspContainer			{overflow:hidden; position:relative;}
.jspPane				{position:absolute;}

.jspVerticalBar			{position:absolute; top:0px; left:0px; width:10px; height:calc(100% + 125px);}
.jspVerticalBar *		{margin:0; padding:0;}
.jspCap					{display:none;}
.jspTrack				{background:#ebe8e8; position:relative; border-radius:5px;}

.jspDrag {
	position:relative; top:0; left:0;
	cursor:pointer; border-radius:5px;
	/*box-shadow:0px 0px 5px rgba(0,0,0,0.5);*/
	background: -moz-linear-gradient(top,  #92c7df 0%, #2f3877 100%);
	background: -webkit-linear-gradient(top,  #92c7df 0%,#2f3877 100%);
	background: linear-gradient(to bottom,  #92c7df 0%,#2f3877 100%);
}
.jspDragTop				{}
.jspDragBottom			{}
.jspHover				{background:#2f3877;}
.jspDrag.jspActive		{box-shadow:0px 0px 9px rgba(0,0,0,0.4);}

.jspArrow				{text-indent:-20000px; display:block; cursor:pointer; height:20px;}
.jspArrowUp				{background:#ebe8e8 url('../custom_scroll_up.png') no-repeat right top;}
.jspArrowDown			{background:#ebe8e8 url('../custom_scroll_down.png') no-repeat right top;}
.jspArrow.jspDisabled	{background-position:left top;}

.jspVerticalBar .jspArrow:focus	{outline:none;}

.jspCorner	{background:#eeeef4; float:right; height:100%;} /* ??? */

/*** Accessability Aditions ***/
.show-focus .jspScrollable:focus .jspDrag	{outline-color:red; outline-width: medium !important; outline-style:solid;}


/**** search box ****/
#branchB-searchBox					{width:100%; display:table; background-color:#f5f5f5; color:#000; padding:17px 18px 10px 18px; margin-bottom:20px; box-sizing:border-box;}
#branchB-searchBox FORM				{width:100%; margin:0px 0px 7px 0px; display:table;}
#branchB-searchBox LABEL			{width:106px; display:block; float:left; margin-right:10px; font-size:1.7rem; line-height:115%; padding-top:8px;}
#branchB-searchBox SELECT			{width:calc(100% - 209px); height:34px; float:left; margin-right:5px; background-color:#fff;}
#branchB-searchBox INPUT.button		{width:88px; float:right; height:34px; font-size:100%;padding:0px 10px 0px 10px;}
/*A.bsb-link							{display:block; float:right; font-size:115%; line-height:115%; padding-top:6px; color:#000; text-decoration:underline;}
A.bsb-link:hover					{color:#000; text-decoration:none;}*/

@media screen and (max-width: 420px) {
	#branchB-searchBox LABEL			{float:none; margin-bottom:5px;}
}

/**** branches list ****/
#BranchesList			{margin:0; padding:0;}
#BranchesList > LI		{list-style-type:none; list-style-image:none; border-bottom:1px solid #d1d1d1;}
H2.area-title			{display:block; margin:0; padding:15px 0px 12px 40px; color:#000; font-weight:bold; font-size:1.9rem; line-height:115%; background:url('../pointer.png') no-repeat left 12px / 20px auto;}

UL.area					{margin:0; padding:30px 8% 15px 8.77%; background-color:#f5f5f5; font-size:1.6rem;}
LI.snif					{display:block; border-bottom:1px solid #2d3675; color:#000; padding:0px 0px 15px 0px; margin:0px 0px 15px 0px; list-style-type:none; list-style-image:none;}
LI.snif > DIV			{box-sizing:border-box;}
DIV.snif-part-1			{}
DIV.snif-part-2			{padding-top:4px;}
DIV.snif-part-3			{}

DIV.snif-img			{margin-bottom:10px;}
DIV.snif-img IMG		{width:100%; max-width:400px; display:block;}
DIV.snif-title			{margin-bottom:4px;}
DIV.snif-title H3		{display:inline; color:#000; font-weight:bold; font-size:2rem; line-height:115%;}

DIV.snif-phone			{margin-bottom:4px;}
DIV.snif-phone A		{color:#000; font-size:1.8rem; line-height:115%; padding-left:22px; background:url('../phone2.png') no-repeat left 5px; text-decoration:none;}
DIV.snif-fax			{margin-bottom:4px; padding-left:22px; background:url('../fax.png') no-repeat left 4px;}
DIV.snif-mail			{margin-bottom:4px;}
DIV.snif-director		{margin-bottom:4px;}

DIV.snif-part-3 STRONG				{display:block; margin-bottom:4px; color:#000; font-weight:normal; font-size:1.8rem; line-height:115%;}
DIV.snif-part-3 TABLE				{width:100%; max-width:300px;}
DIV.snif-part-3 TABLE TD			{padding-right:30px;}
DIV.snif-part-3 TABLE TD.afternoon	{padding-right:0px !important;}


@media screen and (max-width: 1100px) {
	#branchB			{flex-direction:column;}
	DIV.branchB-side	{width:100%;}
	#BranchesMap		{width:100%;}
	.scrollbar			{width:100% !important; height:auto; padding:0px; margin-bottom:20px;}
	.scrollbar-inner	{padding-left:0px;}
	.jspContainer		{width:100% !important; height:auto !important; overflow:auto;}
	.jspVerticalBar		{display:none;}
	.jspPane			{width:100% !important; margin:0 !important; padding:0 !important; position:static;}
}


/**** map ****/
.gm-style .gm-style-iw-c	{background-color:#475359; color:#fff; box-shadow:0 2px 7px 1px rgba(255,255,255,0.2);}
.gm-style .gm-style-iw-t::after		{background-color:#475359;}
.gm-style .gm-style-iw-d	{display:table; width:100%; padding:0px 0px 14px 10px !important; box-sizing:border-box;}
DIV.country-name			{padding-top:10px; font-size:115%; line-height:155%;}
DIV.country-name H2			{font-size:125%; line-height:115%; color:#fff;}
DIV.country-name A			{color:inherit; text-decoration:none;}
DIV.country-name A:hover	{color:inherit; cursor:default; text-decoration:none;}
.gm-ui-hover-effect			{left:auto !important; right:-4px !important; top:-4px !important;}
.gm-ui-hover-effect IMG		{background-color:#fff;}


/********************************** Parameters *******************************/
TABLE.ItemParametersContainer		{width:100%; background-color:#dddddd; margin:15px 0px 10px 0px;}
TD.ItemParmeterFamily				{padding:4px 6px 4px 6px; font-weight:bold;}
TD.ItemParmeterCaption				{padding:4px 6px 4px 6px; font-weight:bold; background-color:#dddddd;}
TD.ItemParmeterValue				{padding:4px 6px 4px 6px; background-color:#f6f6f6;}

DIV.ArticlesListParametersCart		{font-weight:bold; margin-top:5px; color:#003473;}
DIV.ArticlesGalleryParametersCart	{font-weight:bold; margin:5px 0px 5px 0px; padding:2px; border:#bbbbbb 1px solid; text-align:center; color:#003473;}
A.ArticlesListParametersCart		{font-size:1.1rem; font-weight:bold;}
A.ArticlesGalleryParametersCart		{font-size:1.1rem; font-weight:bold;}

TABLE.ParametersFilterContainer		{width:100%; margin-bottom:20px; border:#dddddd 1px solid; background-color:#f6f6f6;}
TABLE.ParametersFilterContainer TD	{padding:3px 5px 3px 5px;}
TD.ParametersFiltersCaption			{padding:4px 6px 4px 6px !important; font-weight:bold;} /* title */
TD.ParametersFamilyCaption			{padding:4px 6px 4px 6px !important; font-weight:bold;} /* sub title */
TD.ParametersFilter					{}
TD.ParametersFiltersButton			{padding:10px 10px 10px 10px !important;}
select.ParametersFilter				{width:200px; font-size:1.1rem;}
.ParametersFilterSubmit				{width:65px;}
.ParametersFilterClear				{width:95px;}


/********************************** Compare *******************************/
DIV.ComparePgAllItems			{margin-bottom:10px;}
TABLE.ComparePgAllItems			{}
TABLE.ComparePgAllItems TD		{padding:3px 5px 3px 5px; border-top:#eeeeee 1px solid;}
TD.ComparePgSelectMsg			{border-top-style:none !important; padding-bottom:6px !important;}
A.ComparePgItem					{font-weight:bold;}
TD.ComparePgSelectButton		{padding:10px 0px 0px 0px !important; text-align:right;}

TABLE.ComparedItems				{width:100%; background-color:#dddddd; border:#dddddd 1px solid;}
TABLE.ComparedItems TD			{border-top:#bbbbbb 1px solid; border-left:#bbbbbb 1px solid;}
TD.ComparedItemsSpacerImg		{width:20%;}
TD.ComparedItemImg				{text-align:center; width:25%; padding:5px; background-color:#ffffff;}
TD.ComparedItemTitle			{font-weight:bold; text-align:center; padding:4px 6px 4px 6px;}
TD.ComparedItemTitle A			{}
TD.ComparedItemButton			{text-align:center; background-color:#EFEFEF;}
TD.ComparedParamPriceCaption	{background-color:#7C96EB; color:#ffffff; font-weight:bold;}/*???*/
TD.ComparedParamPriceValue		{background-color:#7C96EB; color:#ffffff; font-weight:bold; text-align:center;}/*???*/
TD.ComparedParamFamily			{padding:4px 6px 4px 6px; font-weight:bold;}
TD.ComparedParamCaption			{font-weight:bold; padding:4px 6px 4px 6px;}
TD.ComparedParamValue			{font-weight:normal; background-color:#f6f6f6; padding:2px 10px 3px 10px;}


/********************************** Horizontal Categories *******************************/
DIV.ArticlesListSubCategory		{padding:3px 8px 3px 8px; font-weight:bold; background-color:#f5f5f5; color:#003473;}
TD.ArticlesGallerySubCategory	{padding:3px 8px 3px 8px; font-weight:bold; background-color:#f5f5f5; color:#003473;}


/**************** Find Snif (Payments/Search.asp) ******************/
.search_branch .map				{width:100%; border-collapse:collapse;}
.search_branch .map .title h3	{display:block; padding:10px; margin:0px; background:#003A7F; color:#fff; font-size:1.8rem; font-weight:bold; cursor:pointer;}

TABLE.branch-group				{width:100%;}
TABLE.branch-group find_odd tr	{display:block;}
.branch-group TD				{background:cyan; padding:10px 5px;}
.branch-group TD TD				{padding:5px 0; background:red;}
.branch-group .odd_item TD		{background:lightgreen;}
.branch-group TD .odd_item TD	{background:yellow;}
.branch-group TD A				{color:#000;}
.branch-group TH				{background:#fff; padding:5px; text-align:left;}
.branch-group .title H3			{font-size:16px; color:#fff; background:#ae0c00; padding:5px 10px; margin:10px -5px 0; text-align:center;}

TABLE.branch				{width:100%;}
TABLE.branch find_odd tr	{display:block;}
.branch TD					{background:pink; padding:10px 5px;}
.branch TD TD				{padding:5px 0; background:orange;}
.branch .odd_item TD		{background:lightblue;}
.branch TD .odd_item TD		{background:grey;}
.branch TD A				{color:#000;}
.branch TH					{background:#fff; padding:5px; text-align:left;}
.branch .title H3			{font-size:16px; color:#fff; background:#ae0c00; padding:5px 10px; margin:10px -5px 0; text-align:center;}

A.map-link					{display:block; margin-top:20px; color:#3281c6; font-size:16px; font-weight:bold; text-decoration:none; position:relative;}
A.map-link:hover			{text-decoration:none;}
A.map-link SPAN				{position:relative; top:1px;}


/************** Ownership / ownership.asp ************/
DIV.own-msg				{color:#003473; font-size:125%; font-weight:normal; margin-bottom:30px;}
DIV.letters				{font-size:0px; margin-bottom:25px; padding-bottom:15px; border-bottom:#1c3b83 3px solid;}
DIV.letters A			{width:44px; height:44px; display:inline-block; vertical-align:top; margin:0px 15px 15px 0px; background:#123b81; color:#fff; text-align:center; font-size:2.3rem; line-height:41px; font-weight:bold; border-radius:50%; text-decoration:none;}
DIV.letters A:hover,
DIV.letters A:focus		{background:#00326e; color:#fff; text-decoration:none;}

DIV.brands-title		{color:#123b81; font-size:140%; font-weight:bold; margin-bottom:13px;}
UL.brands				{margin:0px; padding:0px; margin-bottom:35px; position:relative;}
UL.brands LI			{display:block; width:calc(33% - 32px); float:left; margin:0px 32px 0px 0px; padding:3px 0px 5px 0px; border-bottom:#b7c4d9 1px solid; color:#123b81; font-size:125%; line-height:115%; cursor:pointer; list-style:none;}
UL.brands LI:hover		{color:#00326e;}
#tdSnifDescription		{margin-bottom:20px;}
DIV.own-snif			{width:100%; display:table; padding:20px; background-color:#f7f7f7; border:#b7c4d9 1px solid; box-sizing:border-box;}

@media screen and (max-width: 480px)	{
	UL.brands LI	{width:calc(50% - 32px);}
}


/************************** Virtual Tour (Virtual/Virtual.asp) **************************************/
#roof			{width:100%; position:absolute; top:0; left:0; z-index:2;}
#roof IMG		{display:block; width:100%; height:auto;}

body:not(.show-focus) .pre-load DIV.fire-point		{top:-100% !important;}
body.show-focus #roof			{display:none !important;}
.roof-down DIV.fire-point		{visibility:hidden;}
.roof-down DIV.house-info		{visibility:hidden;}

DIV.fire-point:nth-child(odd) {
	-webkit-transition: top 1.5s ease;
	-moz-transition: top 1.5s ease;
	-o-transition: top 1.5s ease;
	-ms-transition:top 1.5s ease;
	transition: top 1.5s ease;
}
DIV.fire-point:nth-child(even) {
	-webkit-transition: top 2s ease;
	-moz-transition: top 2s ease;
	-o-transition: top 2s ease;
	-ms-transition:top 2s ease;
	transition: top 2s ease;
}

#house-container		{position:relative; z-index:11111;}

DIV.house-info {
	opacity:0;
	position:absolute; top:50%; left:50%; 
	background-color:rgba(0,52,115,0.8); 
	padding:20px; color:#fff; 
	width:300px; max-width:90%; 
	font-size:1.8rem; line-height:125%; 
	font-weight:bold; border-radius:10px; 
	box-shadow:0 1px 8px rgba(0,0,0,0.3); 
	z-index:8; box-sizing:border-box;
	-webkit-transform: translate(50%, -50%);
	-moz-transform: translate(50%, -50%);
	-ms-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
}
#house-F				{width:100%; direction:ltr; text-align:left;}
#house-F-inner			{width:100%; position:relative;}
#house-F IMG			{width:100%; height:auto; display:block;}

DIV.fire-point			{display:table; overflow:visible; position:absolute;}
DIV.fire-point-inner	{position:relative; width:100%; height:100%;}
BUTTON.tooltip			{/**/color:#6bff43; font-size:0px; font-weight:bold; text-shadow:0px 0px 16px #000; /**/ width:100%; height:100%; display:table; border:0; background:url('../fireW.png') no-repeat center center / cover;}
BUTTON.tooltip IMG		{width:100%; height:auto; display:block;}

#house-F SPAN			{display:none; position:absolute; background-color:#fff; padding:10px; width:300px; font-size:1.7rem; line-height:125%; box-shadow:0 1px 8px rgba(0,0,0,0.3); z-index:188; box-sizing:border-box;}
#house-F SPAN STRONG	{display:block; color:#0a2f53;}
#house-F SPAN ABBR		{text-decoration:none;}

#house-F SPAN.open-UL			{bottom:100%; left:100%;} /* opens up right */
#house-F SPAN.open-UR			{bottom:100%; right:100%;} /* opens up left */
#house-F SPAN.open-DL			{top:100%; left:100%;} /* opens down right */
#house-F SPAN.open-DR			{top:100%; right:100%;} /* opens down left */

DIV.fire-point-1		{left:73%; top:44%;}
DIV.fire-point-2		{left:54%; top:30%;}
DIV.fire-point-3		{left:49%; top:14%;}
DIV.fire-point-4		{left:67%; top:39%;}
DIV.fire-point-5		{left:62%; top:31%;}
DIV.fire-point-6		{left:60%; top:75%;}
DIV.fire-point-7		{left:27%; top:82%;}
DIV.fire-point-8		{left:79%; top:52%;}
DIV.fire-point-9		{left:76%; top:60%;}
DIV.fire-point-10		{left:18%; top:23%;}

DIV.fire-point-999		{left:15%; top:55%;}

@media screen and (min-width: 1601px) {
	DIV.fire-point		{width:48px; height:69px; margin:-35px 0px 0px -24px;}
}

@media screen and (max-width: 1600px) and (min-width: 1091px) {
	DIV.fire-point		{width:2.5vw; height:3.6vw; margin:-1.8vw 0px 0px -1.25vw;}
}

@media screen and (max-width: 1090px) {
	DIV.fire-point		{width:28px; height:40px; margin:-20px 0px 0px -14px;}
}

@media screen and (max-width: 740px) { /* scroll */
	#house-container	{width:calc(100% + 100px); min-height:450px; margin:0px -50px 0px -50px;}
	#house-F			{min-height:450px; overflow:auto;}
	#house-F-inner		{width:800px;}
	#roof				{width:800px;}
	DIV.house-info		{left:calc(50% -50px);}
}

@media screen and (max-width: 600px) {
	#house-F SPAN	{width:280px; position:fixed; left:calc(50% - 140px) !important; right:calc(50% - 140px) !important; top:auto !important; bottom:50px !important;}
}

@media screen and (max-width: 340px) {
	 DIV.house-info		{width:270px;}
}


/************************** Service Center **************************************/
/*** ServiceCenter/ServiceCenter.asp **/
#service-center					{}
#service-center FORM DIV		{display:table;}
#service-center LABEL			{line-height:40px;}
#service-center INPUT.input		{height:40px; margin-left:7px; margin-right:4px;}
#service-center INPUT.button	{}

@media screen and (max-width: 490px) {
	#service-center LABEL			{display:table; margin-bottom:5px; line-height:115%;}
	#service-center INPUT.input		{margin-left:0;}
}
@media screen and (max-width: 340px) {
	#service-center INPUT.input		{width:150px;}
}

/*** ServiceCenter/Customer.asp **/
DIV.cs-update				{margin-bottom:20px;}
TABLE.customer-header		{margin-bottom:20px;}
.customer-header CAPTION	{text-align:left; padding:7px 10px 8px 0px; font-weight:bold; font-size:125%; border-bottom:#ddd 1px solid;}
.customer-header TH			{width:150px; text-align:left; padding:7px 10px 8px 0px; border-bottom:#ddd 1px solid;}
.customer-header TD			{padding:7px 0px 8px 0px; border-bottom:#ddd 1px solid;}

TABLE.customer				{margin-bottom:20px;}
.customer TH				{width:150px; text-align:left; padding:7px 10px 8px 0px; border-bottom:#ddd 1px solid;}
.customer TD				{padding:7px 10px 8px 0px; border-bottom:#ddd 1px solid;}
.customer TR.cus-but TD		{border-bottom:0;}

@media screen and (max-width: 380px) {
	TABLE.customer *	{font-size:1.5rem;}
}


/************************** Gas Meter **************************************/
/*** GasMeter/GasMeterLogin.asp **/
#gas-meter					{}
#gas-meter FORM DIV			{}
#gas-meter LABEL			{line-height:40px;}
#gas-meter INPUT.input		{height:40px; margin-left:7px; margin-right:4px;}
#gas-meter INPUT.button		{}

@media screen and (max-width: 380px) {
	#gas-meter LABEL		{display:table; margin-bottom:5px; line-height:115%;}
	#gas-meter INPUT.input	{margin-left:0;}
}

/*** GasMeter/GasMeter.asp **/
TABLE.gas-meter				{}
.gas-meter TH					{width:155px; text-align:left; padding:7px 10px 8px 0px; border-bottom:#ddd 1px solid;}
.gas-meter TD					{padding:7px 0px 8px 0px; border-bottom:#ddd 1px solid;}
.gas-meter TD.gm-form			{border-bottom:0;}

.gas-meter .inputs-container		{width:100%; display:table; padding:5px 0px 6px 0px;}
.gas-meter LABEL					{width:155px; display:table-cell; vertical-align:middle; padding-right:10px; font-weight:bold;}
.gas-meter INPUT.input				{width:165px;}
.gas-meter SELRCT					{}
.gas-meter .inputs-container SPAN	{line-height:33px;}
.gas-meter .button-container		{border-top:#ddd 1px solid; padding-top:20px; margin-top:4px; text-align:right;}

@media screen and (max-width: 380px) {
	TABLE.gas-meter *		{font-size:1.5rem;}
	.gas-meter LABEL		{width:120px;}
}


/************************** about page **************************************/
DIV.about-img							{width:59%; float:right; margin:0px 0px 40px 4.2%;}
DIV.about-img DIV.editor-div-img		{width:100% !important; margin:0px !important;}
DIV.about-img DIV.editor-div-img IMG	{width:100%; height:auto;}

@media screen and (max-width: 840px) {
	DIV.about-img	{width:100%; margin:0px 0px 30px 0px; float:none;}
}


/************************** need help page **************************************/
#need-help							{}
DIV.moked-times				{background-color:#f5f5f5; padding:30px 20px 25px 20px; margin-bottom:20px;}
DIV.moked-times DIV			{width:100%; max-width:465px; }
DIV.moked-times H2			{display:block; margin:0px 0px 10px 0px; padding:0; text-align:center;}
DIV.moked-times DIV P		{display:flex; justify-content:center; margin:0px auto 10px auto; text-align:center;}
DIV.moked-times DIV SPAN	{text-align:left; min-width:90px;}
A.moked-phone				{margin:10px auto 15px auto; direction:rtl;}
A.moked-phone .fa			{margin:0px 0px 0px 10px; font-size:32px; line-height:105%; position:relative; top:3px; margin:7px 10px 9px 0px;}
#need-help .wizard-container INPUT.button	{float:right;}

@media screen and (max-width: 580px) {
	DIV.moked-times DIV P	{max-width:370px;}
	#need-help .wizard-container		{text-align:center;}
	#need-help .wizard-container FORM	{margin:0px auto 10px auto; text-align:left;}
}

@media screen and (max-width: 480px) {
	#need-help .wizard-container INPUT.button	{width:100%;}
}


/************************** emergency page **************************************/
#moked-descr				{display:flex; flex-wrap:wrap; justify-content:space-between;}
DIV.moked					{text-align:center; margin-bottom:40px;}
DIV.moked STRONG			{color:#2d3675; font-size:70px; line-height:105%; font-weight:800; display:table; margin:0px auto 10px auto;}
DIV.moked A					{color:#2d3675; font-size:70px; line-height:105%; font-weight:800; display:table; margin:auto; text-decoration:none !important; cursor:default;}
DIV.instructions			{box-sizing:border-box;}
DIV.instructions H2			{font-size:150%; line-height:115%; font-weight:normal;}
DIV.instructions UL			{padding:0px 0px 0px 30px !important;}
DIV.instructions UL LI		{font-size:150%; line-height:115%;}

@media screen and (min-width: 961px)	{
	DIV.moked			{width:45%;}
	DIV.instructions	{width:49.7%; padding:0px 5% 0px 4%; border-left:#2d3675 1px solid;}
}

@media screen and (max-width: 960px)	{
	DIV.moked			{width:100%;}
	DIV.instructions	{width:100%; padding:40px 3% 0px 3%; border-top:#2d3675 1px solid;}
}