/*********************************** Articles - Item Page ********************************/
#ctlContent {width:100%;}
#ctlBody {line-height:normal;}
DIV.PageArticleTitle {}
DIV.PageItemTitle {}
H1.ArticleTitle {font-weight:bold; font-size:100%; color:#000;}
DIV.ArticleSummary {font-weight:bold; padding-bottom:15px;}
DIV.ArticleAuthor {padding-bottom:5px; color:#150182;}
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: 480px) {
DIV.MainImgContainer {width:100%; margin:0px 0px 10px 0px !important; float:none !important;}
}
DIV.MainImage {}
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;}
/* Movie Page */
DIV.MovieVideoContainer {width:100%; position:relative; padding-bottom:56.25%; height:0; display:table; margin-bottom:10px;}
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 ^*****/
DIV.seperator {border-top:solid 1px #cccccc; margin-bottom:10px; margin-top:30px;}
DIV.PannelLinksContainer {margin-bottom:10px; border-bottom:#cccccc 1px solid;}
TABLE.PannelLinks {margin:0px auto 5px auto;}
TABLE.PannelLinks TD {font-size:1.5rem; line-height:1.7rem;}
TABLE.PannelLinks IMG {display:block;}
A.PannelLink {text-decoration:none; font-weight:normal;}
A.PannelLink:hover {text-decoration:underline;}
DIV.Article_Like IFRAME {width:90px !important;}
DIV.Article_Recommend IFRAME {width:125px !important;}
DIV.Article_Twitter IFRAME {width:85px !important;}
/*****^ 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:#150182;}
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:#eceaf5; list-style-image:none; list-style-type:none; border:#f7f8fa 1px solid;}
/* 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:#150182;}
A.MoreArticle:hover {text-decoration:underline;}
A.MoreArticleCurrent {font-weight:bold; text-decoration:none; color:#150182;}
A.MoreArticleCurrent:hover {font-weight:bold; text-decoration:underline;}
/*****^ 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:#f7f8fa; width:100%;}
TABLE.ResponsesListContainer TD {padding:5px;}
TD.ResponseTitle {width:1px; color:#333333;} /* 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:#333333;}
TR.ResponseOddRow {background-color:#eff0f2; color:#333333;}
TR.ResponseEvenRow {background-color:#fbfcff; color:#333333;}
/* 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;}
DIV.tabNavigation {display:flex; position:relative; z-index:999;}
.tabNavigation BUTTON {margin-right:1px; border:#ddd 1px solid; text-align:center; vertical-align:middle; line-height:110%; padding:6px 25px 7px 25px; font-weight:bold;}
.tabNavigation BUTTON:last-child {margin-right:0px;}
.tabNavigation BUTTON:hover {text-decoration:underline;}
.tabNavigation BUTTON.selected, .tabNavigation BUTTON.selected:hover {/* get box design */}
.tabNavigation BUTTON:focus {box-shadow:none !important;}
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) {
DIV.tabNavigation {width:100%; flex-direction:column;}
.tabNavigation BUTTON {width:100%;}
.tabNavigation-1 BUTTON {border-bottom:#fff 1px solid;}
.tabNavigation-2 BUTTON {border-top:#fff 1px solid;}
}
@media screen and (min-width: 991px) {
DIV.tabNavigation {display:table; width:100%;}
.tabNavigation BUTTON {border:#ddd 1px solid; margin-right:1px;}
.tabNavigation BUTTON.selected {padding-bottom:8px; border-bottom-style:none !important;}
DIV.Article-Tabs-Content {margin:-1px 0px;}
DIV.Article-Tabs-Content-Inner {margin:10px;}
}
/******************* 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 {width:100%; 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 {}
/*********************************** Articles - Lexicon Display ********************************/
TABLE.ArticlesLexiconItem {margin-bottom:10px;}
TD.Char {text-align:center; vertical-align:top; width:38px; padding:3px 0px 4px 0px; border:#150182 1px solid;}
H2.Char {display:block; font-weight:bold; font-size:3.6rem; line-height:4rem;}
TD.ArticlesLexicon {vertical-align:top; padding:5px 10px 4px 10px; border:#150182 1px solid; background-color:#f7f8fa;}
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 {background-color:#fff; margin-bottom:30px; box-sizing:border-box;}
DIV.ArticlesListInner {padding:25px 20px 20px 22px; }
DIV.ArticlesListTitle {margin-bottom:10px;}
DIV.ArticlesListTitleSeperator {height:0px; display:none;}
H2.ArticlesListTitle {font-weight:500; font-size:140%; line-height:115%;}
A.ArticlesListTitle {font-weight:500; text-decoration:none;}
A.ArticlesListTitle:hover {text-decoration:underline;}
DIV.ArticlesListBody {display:table; width:100%; color:#787878; box-sizing:border-box;}
DIV.ArticlesListSeperator {display:none; /*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; margin-top:10px; text-decoration:none;}
DIV.ArticlesListContainer A.ReadMore:hover {text-decoration:underline;}
/*DIV.ArticlesListContainer A.ReadMore:after {font-family:"fontawesome"; margin-right:5px; font-size:13px;}
.LTR DIV.ArticlesListContainer A.ReadMore:after {content:"\f104 ";}
.RTL DIV.ArticlesListContainer A.ReadMore:after {content:"\f105 ";}*/
@media screen and (min-width: 481px) { /* text not under img */
DIV.ArticlesListTitle {display:flex; flex-direction:column;}
DIV.ArticlesListSummary {display:flex; flex-direction:column;}
}
@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 ********************************/
DIV.ArticlesGalleryMatrixContainer {opacity:0; /* js show after loading */} /* clearfix */
/* one Article */
DIV.ArticlesGalleryMatrixItem {display:inline-block; margin-bottom:40px; background-color:#fff; box-sizing:border-box; /* get float + side-margin + width by JQ function in asp file */}
DIV.ArticlesGalleryContainer {}
DIV.ArticlesGalleryInner {}
DIV.ArticlesGalleryImgContainer {width:100%;}
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 {padding:0px 22px 20px 22px; color:#787878;}
DIV.ArticlesGalleryTitle {padding-top:20px; margin-bottom:12px;}
H2.ArticlesGalleryTitle {font-weight:500; font-size:140%; line-height:115%;}
A.ArticlesGalleryTitle {font-weight:500; text-decoration:none;}
A.ArticlesGalleryTitle:hover {text-decoration:underline;}
DIV.ArticlesGallerySummary {position:relative; padding-bottom:45px;}
DIV.ArticlesGalleryURL {padding-top:5px;}
DIV.ArticlesGalleryRatings {margin-top:5px;}
DIV.ArticlesGalleryRatings SPAN {display:inline-block}
DIV.ArticlesGalleryContainer A.ReadMore {display:table; position:absolute; bottom:0px; left:0px; text-decoration:none;}
DIV.ArticlesGalleryContainer A.ReadMore:hover {text-decoration:underline;}
/*DIV.ArticlesGalleryContainer A.ReadMore:after {font-family:"fontawesome"; margin-right:5px; font-size:13px;}
.LTR DIV.ArticlesGalleryContainer A.ReadMore:after {content:"\f104 ";}
.RTL DIV.ArticlesGalleryContainer A.ReadMore:after {content:"\f105 ";}*/
@media screen and (max-width: 480px) {
DIV.ArticlesGalleryMatrixItem {display:table; max-width:360px; margin:0px auto 20px auto !important; float:none !important; padding-bottom:20px; border-bottom:#dddddd 1px solid;}
/*DIV.ArticlesGalleryTitle_normal {display:none;}
DIV.ArticlesGalleryTitle_480 {display:block !important; margin-bottom:5px !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; width:100%; margin-bottom:40px; background-color:#fff; box-sizing:border-box;}
DIV.ArticleMainInner {padding:25px 22px 20px 22px; color:#787878;}
DIV.ArticleMainTitle {margin-bottom:12px;}
H2.ArticleMainTitle {font-weight:500; font-size:140%; line-height:115%;}
A.ArticleMainTitle {font-weight:500; 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; margin-top:10px; text-decoration:none;}
DIV.ArticleMainContainer A.ReadMore:hover {text-decoration:underline;}
/*DIV.ArticleMainContainer A.ReadMore:after {font-family:"fontawesome"; margin-right: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; background:#150182;}
/*-- 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:#150182; box-sizing:border-box;}
.main_image .block .ArticleMainTitle {color:#ffffff;}
.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:#f7f8fa; 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:#eceaf5; cursor:pointer;}
DIV.image_thumb ul li.active {background:#eceaf5; cursor:pointer;}
DIV.image_thumb ul li .ArticleMainTitle {color:#150182;} /* thumb li title color */
DIV.image_thumb ul li.hover .ArticleMainTitle {color:#150182; text-decoration:none;} /* thumb li title color */
DIV.image_thumb ul li.active .ArticleMainTitle {color:#150182; 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 { background:#150182;}
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; background-color:#f7f8fa;}
TD.EventListTitle {padding:5px; background-color:#f7f8fa;}
TD.EventListInfo {padding:5px; background-color:#f7f8fa;}
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 {max-width:100%; /*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:#f7f8fa;}
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; 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:"\f0d9"; left:12px;}
.RTL DIV.FaqQuestionAnswerTitle H2:before {content:"\f0da"; 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;}
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.CategoryItemsContainer {text-align:center; margin-bottom:20px; opacity:0; /* js show after loading */} /* clearfix */
/* one Article */
DIV.CategoryItemContainer {display:inline-block; margin-bottom:40px; background-color:#fff; box-sizing:border-box; /* get float + side-margin + width by JQ function in asp file */}
DIV.CategoryItem {width:100%; display:table;}
DIV.CategoryItemImgContainer {width:100%;}
DIV.CategoryItemImgContainer IMG {width:100%; height:auto; display:block;}
#Body107 DIV.CategoryItemImgContainer IMG {max-width:230px; margin:auto;}
DIV.CategoryItemTitle {margin-bottom:12px; padding-top:20px;}
H2.CategoryItemTitle {font-weight:500; font-size:140%; line-height:115%;}
A.CategoryItemTitle {text-decoration:none;}
A.CategoryItemTitle:hover {text-decoration:underline;}
DIV.CategoryItemBody {padding:0px 22px 20px 22px; color:#787878;}
DIV.CategoryItemDesc {}
SPAN.CategoryItemDesc {display:block; padding:0px 0px 15px 0px;}
SPAN.SubCategory {display:block; padding:0px 0px 5px 0px;}
A.SubCategory {display:block; padding:0px 0px 5px 0px; text-decoration:none;}
A.SubCategory:hover {text-decoration:underline;}
DIV.SubCategoryLinks {display:none; /*padding:10px 10px 5px 0px;*/}
.Two-in-Three {float:none !important; display:inline-block !important; margin-left:1.5% !important; margin-right:1.5% !important;}
@media screen and (max-width: 480px) {
DIV.CategoryItemsContainer {max-width:360px; margin:0px auto 20px auto;}
DIV.CategoryItemContainer {display:table; max-width:360px; margin:0px auto 20px auto !important; float:none !important; padding-bottom:20px; border-bottom:#dddddd 1px solid;}
}
/* 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:500; 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 {padding:0px 10px 2px 10px; font-size:1.5rem;}
TD.forumTitle SELECT {font-size:1.2rem;}
TD.forumDescription {padding:10px; color:#ffffff;}
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:#f7f8fa;}
.forumMessageContentDescr {border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; background-color:#f7f8fa; 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:#f7f8fa; padding:2px 4px 2px 4px; font-size:85%; border-bottom:#eceaf5 1px solid;}
TABLE.forumIndexTableContainer TD.forumMessageContent A {font-weight:bold;}
TABLE.forumIndexTableContainer TD.forumMessageContent A:HOVER {}
TABLE.forumIndexTableContainer TD.forumMessagePostedBy {background-color:#f7f8fa; font-size:1.2rem; padding:4px 3px 2px 3px; border-bottom:#eceaf5 1px solid;}
TABLE.forumIndexTableContainer TD.forumMessageDate {background-color:#f7f8fa; font-size:1.2rem; padding:4px 4px 2px 4px; border-bottom:#eceaf5 1px solid;}
TABLE.forumIndexTableContainer .forumMessageSeperator {background-color:#525151;}
TABLE.forumIndexTableContainer TD.forumDescription {padding:10px; height:16px; color:#150182;}
/* Submit response */
TD.forumResponseOrginalMsg {padding-top:5px;}
TABLE.forumResponseOrginalMsg {border:1px solid #000000; background-color:#f7f8fa; 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; background-color:#f7f8fa;}
.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;}
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;}
}
/******************************** Subscription ****************************/
DIV.subscribeContainer {max-width:460px; display:inline-block; 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; border-radius:5px;} /* 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 4px 8px;}
A.SiteMapHeaderNode {text-decoration:none;}
A.SiteMapNode {text-decoration:none;}
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;}
A.SiteMapHeaderNode:hover {text-decoration:underline;}
A.SiteMapNode:hover {text-decoration:underline;}
LI.SiteMapEvenRow {background-color:#fbfcff;}
LI.SiteMapOddRow {background-color:#eff0f2;}
@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:#333333;}
DIV.rssContainer A {}
DIV.rssContainer A:hover {}
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:#333333; background-color:#f7f8fa;}
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:#eceaf5;}
H2.LoginNewMemberTitle {font-size:120%;}
DIV.LoginExistingColumn {width:48%; margin-bottom:10px;}
TABLE.LoginExistingMemberContainer {width:100%; border:#bbbbbb 1px solid; color:#333333; background-color:#f7f8fa;}
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:#eceaf5;}
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:#f7f8fa; border:#bbbbbb 1px solid;}
.highlight {display:inline-block; margin:0 !important; padding:3px 8px !important; background-color:#ffffcc !important; color:#000 !important;}
/********************************** 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:#f7f8fa;}
DIV.ArticlesListParametersCart {font-weight:bold; margin-top:5px; color:#150182;}
DIV.ArticlesGalleryParametersCart {font-weight:bold; margin:5px 0px 5px 0px; padding:2px; border:#bbbbbb 1px solid; text-align:center; color:#150182;}
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:#f7f8fa;}
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:#f7f8fa; padding:2px 10px 3px 10px;}
/********************************** Horizontal Categories *******************************/
DIV.ArticlesListSubCategory {padding:3px 8px 3px 8px; font-weight:bold; background-color:#eceaf5; color:#150182;}
TD.ArticlesGallerySubCategory {padding:3px 8px 3px 8px; font-weight:bold; background-color:#eceaf5; color:#150182;}