a.linkanchor:hover
{
	cursor: pointer;
}
a.linkanchor:hover
{
	cursor: pointer;
}
a.linkanchortopZZZ
{
	display: inline-box;
	position: fixed;
	z-index: 200;
	
	right: 0px;
	bottom: 10px;
	
	color: #f4f4f4;
	background-color: rgba( 0,0,0, 0.5);
	border: 1px solid #f4f4f4;
	border-right: none;
	
	padding: 5px 20px 5px 10px;
}
a.linkanchortop
{
	display: inline-box;
	position: fixed;
	z-index: 200;
	
	right: -30px;
	bottom: 10px;
	
	background-color: rgba( 255,255,255, 0.5);
	
	background-image: url('/images/up_c.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 10px;
	
	width: 30px;
	height: 0px;
	padding-bottom: 30px;
	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	border: 1px solid #6e6e6e;
	border: 1px solid rgba( 255,255,255, 0.8);
	
	box-shadow: none;
	
	transition: right ease-in-out 500ms, box-shadow ease-in-out 500ms;
}
a.linkanchortop.activated
{
	right: 10px;
	box-shadow: 0px 1.5px 4px rgba( 0,0,0,0.24 ), 0px 1.5px 6px rgba( 0,0,0,0.12 );
}
a.linkanchortop:hover
{
	background-color: rgba( 255,255,255, 0.9);
}

.abb_loading
{
	background-color: rgba(255,255,255, 1);
	position: fixed;
	z-index: 2000;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url('/en3/images/abb_logo_generic_news_alpha.png');
	background-size: 300px;
	background-repeat: no-repeat;
	background-position: center center;
}


.abbhomebanner
{
	
	background-color: #fff;
	background-image: url('/images_home/home_background_01.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	
	background-size: cover;
}

.abbhomebanner02
{
	height: 200px;
	height: 150px;
	
	background-color: #f0f0f0;
	background-image: url('/en/ss/images/ss_header_02.jpg');
	background-repeat: no-repeat;
	background-position: center center;
}



div.bgParallax
{
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

div.containerWithShadow
{
	color: #ccc;
	background-color: #000;
}
div.containerWithShadow h2
{
	color: #fff
}

div.containerShadow
{
	padding: 0px;
}
div.containerShadow img
{
	width: 100%;
}

img.imgMatchtoWidthContainer
{
	width: 100%;
}








div.popgallery
{
    background-color: #f4f4f4;
    background-color: rgba( 0,0,0, 0.75 );
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    
    background-origin: content-box;
    padding: 5%;
    
    /*
    border: 1px solid #808080;
    box-shadow: 0px 3px 5px 5px rgba(0,0,0,0.2);
    */
    
	position: fixed;
	
	z-index: 10;
	
	display: none;
	
	/* left: calc((100% - 300px)/2); */
	
	/*
	left: 20px;
	right: 20px;
	top: 20px;
	bottom: 20px;
	*/
	
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	
	cursor: pointer;
	
}

div.container_thumbnail
{

}
div.container_thumbnail div.box_thumbnail
{
	padding: 2px;
	
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}
div.container_thumbnail div.box_thumbnail div.itemgallery
{
	border: 1px solid #ccc;
	
	height: 0px;
	padding-bottom: 100%;
	
	background-repeat: no-repeat;
	background-position: center center;
	background-position: center top;
	background-size: cover;
	background-color: #f4f4f4;
}
div.container_thumbnail div.box_thumbnail div.itemgallery:hover
{
	border: 1px solid #262626;
	
	cursor: pointer;
}
div.container_thumbnail div.box_thumbnail.boxHidden
{
	opacity: 0.25;
	opacity: 0;
}




.container_labelforinput
{
	position: relative;
	border-bottom: 1px solid #d2d2d2;
	
	min-height: 45.5781px;
	
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	border-right: 1px solid #f5f5f5;
	
	transition: height .25s ease-in-out;
	-moz-transition: height .25s ease-in-out;
	-webkit-transition: height .25s ease-in-out;
}

.container_labelforinput input,
.container_labelforinput select,
.container_labelforinput textarea
{
	padding: 1.2em 0.4em 0.4em 0.8em;
	
	background-color: unset;
	
	border-bottom: none;
	
	position: absolute;
	z-index: 1;
	top:0;
	
	font-weight: lighter;
	
	transition: background-color .25s ease-in-out, border-color .25s ease-in-out;
	-moz-transition: background-color .25s ease-in-out, border-color .25s ease-in-out;
	-webkit-transition: background-color .25s ease-in-out, border-color .25s ease-in-out;
}
.container_labelforinput textarea
{
	padding-top: 0px;
	margin-top: 1.2em;
}
.container_labelforinput select option
{
	font-weight: lighter;
}
.container_labelforinput.container_labelforinput_onWhiteBackground
{
	/* put light-gray background when input is on white background */
	/*
	background-color: #f0f0f0;
	*/
	border-top: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	
	background-color: #fff;
}
.container_labelforinput input[type="search"]
{
	background-image: url("/video3/images/h1_search02.png");
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: calc( 100% - 10px ) center;
}
.container_labelforinput input[type="search"].filtericon
{
	background-image: url("/images/filtericon.png");
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: calc( 100% - 10px ) center;
}
.labelforinput
{
	display: block;
	padding: 0.8em 0.4em 0.8em 0.4em;
	padding: 0.8em 0.4em 0.8em 0.8em;
	width: 100%;
	
	color: #A9A9A9;
	margin-top: 1px;
	
	/* overflow to prevent line skip */
	
	white-space: nowrap;
	overflow-y: hidden;
	text-overflow: ellipsis;
	
	
	transition: font-size .25s ease-in-out, padding .25s ease-in-out, color .25s ease-in-out, background-color .25s ease-in-out;
	-moz-transition: font-size .25s ease-in-out, padding .25s ease-in-out, color .25s ease-in-out, background-color .25s ease-in-out;
	-webkit-transition: font-size .25s ease-in-out, padding .25s ease-in-out, color .25s ease-in-out, background-color .25s ease-in-out;
}
.labelforinput:hover
{
	cursor: text;
}

.labelActive .labelforinput
{
	
	color: #D2D2D2;
	color: #a9a9a9;
	
	padding: 0.4em 0.4em;
	font-size: 0.8em;
	line-height: 0.8em;
}

.labelforinput_fake
{
	display: block;
	padding: 0.4em 0.4em;
	font-size: 0.8em;
	line-height: 0.8em;
	width: 100%;
	
	margin-top: 1px;
	
	color: #D2D2D2;
	/*
	border: 1px solid violet;
	*/
	
}

.labelHover
{
	border-bottom: 1px solid #262626;
}
.inputFocus
{
	border-bottom: 1px solid #262626;
}
.labelActive
{
	background-color: #fff;
}
.container_labelforinput.labelActive input[type="search"]
{
	background-image: none;
}

.container_labelforinput.missingInformation
{
	border-color: red;
}

.container_labelforinput.missingInformation .labelforinput
{
	color: red;
}
.labelforinput span.required
{
	/* float: right; */
	color: red;
}

.container_labelforinput .inputdescription
{
	display: none;
	/*
	font-size: 90%;
	*/
	float: right;
}
.container_labelforinput.missingInformation .inputdescription
{
	display: inline-block;
}



.locationcontainer
{
	font-size: 90%;
}
.locationcontainer p
{
	margin-bottom: 5px;
}



.securitycodecontainer img
{
	border: 1px solid #ccc;
	/* border-top: none; */
	margin-top: 1px;
}


/*
	VIDEO THUMBNAILS
*/


a.ThumbnailLink
{
	display: inline-block;
	margin-bottom: 20px;
	width: 100%;
}
a.ThumbnailLink div.ThumbnailBox
{
	display: inline-block;
	float: left;
	background-color: #f0f0f0;
	border: 1px solid #a9a9a9;
	border: 1px solid #f0f0f0;
	width: 100%;
	
	transition: opacity .3s, background-color .3s, color .3s, border-color .5s;
}
a.ThumbnailLink div.ThumbnailBox:hover
{
	border: 1px solid #262626;
}
a.ThumbnailLink div.ThumbnailBox img
{
	margin: 0px 0px 0px 0px;
	width: 100%;
}
a.ThumbnailLink div.ThumbnailBox div.ThumbImage
{
	margin: 0px 0px 0px 0px;
	width: 100%;
	height: 0px;
	padding-bottom: 100%;
	
	background-color: #000;
	background-repeat: no-repeat;
	background-size: cover;
	background-size: 100%;
	background-position: center center;
	
	transition: background-size 1s ease-in-out;
	-moz-transition: background-size 1s ease-in-out;
	-webkit-transition: background-size 1s ease-in-out;
}
a.ThumbnailLink div.ThumbnailBox:hover div.ThumbImage
{
	background-size: calc( 100% + 60px );
	background-size: 150%;
}
a.ThumbnailLink div.ThumbnailBox p
{
}
a.ThumbnailLink div.ThumbnailBox p.ThumbTitle
{
	font-weight: normal;
	font-size: 90%;
	height: 30px;
	overflow: hidden;
	/*
	background-color: red;
	border-bottom: 1px solid red;
	*/
	margin: 0px 10px 5px 10px;
}
a.ThumbnailLink div.ThumbnailBox p.ThumbCategory
{
	font-size: 80%;
	font-weight: normal;
	height: 17px;
	margin: 0px 10px 0px 10px;
	white-space: nowrap;
	/* overflow: hidden; */
	overflow-y: hidden;
	text-overflow: ellipsis;
}

div.ThumbnailContainerSelected a.ThumbnailLink div.ThumbnailBox
{
	background-color: #ff000f;
	color: #f0f0f0;
	border: 1px solid #262626;
}


div.videoWrapper
{
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	border: 1px solid #262626;
}
div.videoWrapper iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

div.sectionContent p.videoBrand
{
	font-size: 150%;
}

div.sectionContent p.videoExtraDetails
{
	font-size: 80%;
	
	border-top: 1px solid #f0f0f0;
	padding-top: 5px;
	margin-top: 15px;
	margin-bottom: 0px;
}

		
div.videoLinksContainer a
{
	display: inline-block;
	float: left;
	width: 100%;
	
	font-size: 90%;
	
	border: 1px solid #f0f0f0;
	background-color: #f0f0f0;
	
	padding: 5px 10px;
	margin-bottom: 5px;
	
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis;
}
div.videoLinksContainer a:hover
{
	border: 1px solid #262626;
}

div.videoLinksContainer a.linkopen,
div.videoLinksContainer a.linkdownload
{
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: 5px center;
	
	padding-left: 35px;
	
	font-weight: normal;
}
div.videoLinksContainer a.linkopen
{
	background-image: url('/video3/images/externallink.png');
}
div.videoLinksContainer a.linkdownload
{
	background-image: url('/video3/images/downloadfile.png');
}
div.videoLinksContainer a.linkopen span.smallFont,
div.videoLinksContainer a.linkdownload span.smallFont
{
	font-weight: lighter;
}




/*

	THUMBNAIL

 */


div.ThumbnailContainer div.Thumbnail_link,
div.ThumbnailContainer a.Thumbnail_link
{
	display: block;
	
	/* fix for side by side content */
	display: inline-block;
	float: left;
	width: 100%;
	
	/* fix div over image */
	position: relative;
	
	background-color: #f9f9f9;
	background-color: #f0f0f0;
	border: 1px solid #e6e6e6;
	
	margin-bottom: 0px;
	
	outline: none;
	
	/* 2021-02-09 asked by marketing */
	background-color: unset;
	border: unset;
}

div.ThumbnailContainer.landingThumbmarques div.Thumbnail_link,
div.ThumbnailContainer.landingThumbmarques a.Thumbnail_link,
div.ThumbnailContainer.landingThumbbrands div.Thumbnail_link,
div.ThumbnailContainer.landingThumbbrands a.Thumbnail_link
{
	background-color: #f0f0f0;
	border: 1px solid #e6e6e6;
}
div.ThumbnailContainer.landingThumbmarques div.Thumbnail_link:hover,
div.ThumbnailContainer.landingThumbmarques a.Thumbnail_link:hover,
div.ThumbnailContainer.landingThumbbrands div.Thumbnail_link:hover,
div.ThumbnailContainer.landingThumbbrands a.Thumbnail_link:hover
{
	background-color: #f0f0f0;
	border: 1px solid #262626;
}

div.ThumbnailContainer div.Thumbnail_link div.divImage,
div.ThumbnailContainer a.Thumbnail_link div.divImage
{
	width: 100%;
	height: 0px;
	padding-bottom: 50%;
	
	/* border-bottom: 1px solid #e6e6e6; */
	
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
div.ThumbnailContainer div.Thumbnail_link div.divImage_container,
div.ThumbnailContainer a.Thumbnail_link div.divImage_container
{
	position: relative;
	
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}


div.ThumbnailContainer div.Thumbnail_link div.divText,
div.ThumbnailContainer a.Thumbnail_link div.divText
{
	line-height: 100%;
	font-size: 90%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	
	height: 15px; /* one line */
	
	/* padding: 10px 15px; */ /* FAILS THE ELLIPSIS SCRIPT */
	margin: 10px 15px;
	margin: 10px 10px;
}
div.ThumbnailContainer div.Thumbnail_link div.divText.compact,
div.ThumbnailContainer a.Thumbnail_link div.divText.compact
{
	margin: 5px 10px;
}
div.ThumbnailContainer div.Thumbnail_link div.divText.linkicon,
div.ThumbnailContainer a.Thumbnail_link div.divText.linkicon
{
	background-image: url('/en/images/linkicon.png');
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: 7px 11px;
	background-position: 0px 0px;
	
	padding-left: 23px;
	/*
	margin: 10px 10px 10px 8px;
	*/
}
div.ThumbnailContainer div.Thumbnail_link div.divText.pdficon,
div.ThumbnailContainer a.Thumbnail_link div.divText.pdficon
{
	background-image: url('/en/images/pdf.png');
	background-repeat: no-repeat;
	background-size: 15px;
	background-position: 7px 11px;
	background-position: 0px 0px;
	
	padding-left: 23px;
	/*
	margin: 10px 10px 10px 8px;
	*/
}
div.ThumbnailContainer div.Thumbnail_link div.divText.multiline,
div.ThumbnailContainer a.Thumbnail_link div.divText.multiline
{
	white-space: normal;
	overflow: unset;
	text-overflow: unset;
	
	/* height: 62px; */
	height: 42px;
	height: 45px; /* three line */
	overflow: hidden;
}
div.ThumbnailContainer div.Thumbnail_link div.divText_section_main,
div.ThumbnailContainer a.Thumbnail_link div.divText_section_main,
div.ThumbnailContainer div.Thumbnail_link div.divText_section_other,
div.ThumbnailContainer a.Thumbnail_link div.divText_section_other
{
	padding: 20px;
	
	display: flex;
	align-items: center;
	justify-content: center;
}
div.ThumbnailContainer div.Thumbnail_link div.divText_section_main div.divText_video_title,
div.ThumbnailContainer a.Thumbnail_link div.divText_section_main div.divText_video_title
{
	white-space: normal;
	overflow: unset;
	text-overflow: unset;
	overflow: hidden;
	
	font-size: 120%;
	color: #000;
	
	/* height: 62px; */
	height: 38px; /* two line */
	height: 54px; /* three line */
}
div.ThumbnailContainer div.Thumbnail_link div.divText_section_other div.divText_video_title,
div.ThumbnailContainer a.Thumbnail_link div.divText_section_other div.divText_video_title
{
	white-space: normal;
	overflow: unset;
	text-overflow: unset;
	overflow: hidden;
	
	font-size: 100%;
	color: #000;
	
	height: 36px; /* two line */
}
div.ThumbnailContainer div.Thumbnail_link div.divText_section_main div.divText,
div.ThumbnailContainer a.Thumbnail_link div.divText_section_main div.divText
{
	margin: 0px 0px 5px 0px;
	/* color: #000; */
	font-size: 90%;
}
div.ThumbnailContainer div.Thumbnail_link div.divText_section_other div.divText,
div.ThumbnailContainer a.Thumbnail_link div.divText_section_other div.divText
{
	margin: 0px 0px 5px 0px;
	/* color: #000; */
	font-size: 80%;
}
div.ThumbnailContainer div.Thumbnail_link div.divText_section_other.divText_section_other,
div.ThumbnailContainer a.Thumbnail_link div.divText_section_other.divText_section_other
{
	/* 2021-02-09 asked by marketing */
	border-left: 5px solid #e6e6e6;
	
	-webkit-transition: border-left-color .3s ease-in-out;
	-moz-transition: border-left-color .3s ease-in-out;
	-o-transition: border-left-color .3s ease-in-out;
	transition: border-left-color .3s ease-in-out;
}
div.ThumbnailContainer div.Thumbnail_link:hover div.divText_section_other.divText_section_other,
div.ThumbnailContainer a.Thumbnail_link:hover div.divText_section_other.divText_section_other
{
	/* 2021-02-09 asked by marketing */
	border-left: 5px solid #ff0000;
}

div.ThumbnailContainer div.Thumbnail_link div.divText_section_main div.divText_more,
div.ThumbnailContainer a.Thumbnail_link div.divText_section_main div.divText_more
{
	margin-top: 5px;
	margin-bottom: 0px;
	
	/* 2021-02-09 asked by marketing */
	background-color: #ff0000;
	color: #fff;
	font-weight: bold;
	border-radius: 15px;
	padding: 8px 20px;
	display: inline-block;
	height: 31px;
	font-size: 95%;
	letter-spacing: 1px;
	
	-webkit-transition: background-color .3s ease-in-out;
	-moz-transition: background-color .3s ease-in-out;
	-o-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out;
}
div.ThumbnailContainer div.Thumbnail_link:hover div.divText_section_main div.divText_more,
div.ThumbnailContainer a.Thumbnail_link:hover div.divText_section_main div.divText_more
{
	/* 2021-02-09 asked by marketing */
	background-color: #a70000;
}
div.ThumbnailContainer div.Thumbnail_link div.divText_section_other div.divText_more,
div.ThumbnailContainer a.Thumbnail_link div.divText_section_other div.divText_more
{
	margin-top: 5px;
	margin-bottom: 0px;
}

div.ThumbnailContainer div.Thumbnail_link div.divImage_videothumb,
div.ThumbnailContainer a.Thumbnail_link div.divImage_videothumb
{
	background-image:url('/en3/images/home_video_thumb.png');
	background-size: 50px 50px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	
	-webkit-transition: background-image .3s ease-in-out;
	-moz-transition: background-image .3s ease-in-out;
	-o-transition: background-image .3s ease-in-out;
	transition: background-image .3s ease-in-out;
}
div.ThumbnailContainer div.Thumbnail_link:hover div.divImage_videothumb,
div.ThumbnailContainer a.Thumbnail_link:hover div.divImage_videothumb
{
	background-image:url('/en3/images/home_video_thumb_active.png');
}

div.ThumbnailContainer div.Thumbnail_link:hover,
div.ThumbnailContainer a.Thumbnail_link:hover
{
	color: #000;
	background-color: #f0f0f0;
	border: 1px solid #262626;
	
	cursor: pointer;
	
	/* 2021-02-09 asked by marketing */
	background-color: unset;
	background-color: #f0f0f0;
	border: unset;
}
div.ThumbnailContainer div.Thumbnail_link div.divButton,
div.ThumbnailContainer a.Thumbnail_link div.divButton
{
	position: relative;
	top: 0px;
	z-index: 10;
	z-index: 3;
	
}
div.ThumbnailContainer div.Thumbnail_link div.divButton .Thumb_button,
div.ThumbnailContainer a.Thumbnail_link div.divButton .Thumb_button
{
	position: absolute;
	
	bottom: 20px;
	left: 20px;
	
	z-index: 15;
	z-index: 4;
	
	/*
	box-shadow: 0px 1px 4px rgba( 0,0,0,0.24 ), 0px 1px 6px rgba( 0,0,0,0.12 );
	*/
	text-shadow: 0px 1.5px 4px rgba( 0,0,0,0.24 );
	
	background-color: #ff0000;
	color: #fff;
	padding: 10px 25px;
	text-align: center;
	font-size: 95%;
	font-weight: bold;
	letter-spacing: 1px;
	/* min-width: 250px; */
	border: 0px;
	
	text-transform: uppercase;
	
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	
	-webkit-transition: background-color .3s, color .3s;
	-moz-transition: background-color .3s, color .3s;
	-o-transition: background-color .3s, color .3s;
	transition: background-color .3s, color .3s;
	transition-timing-function: ease-in-out;
}
div.ThumbnailContainer div.Thumbnail_link:hover div.divButton .Thumb_button,
div.ThumbnailContainer a.Thumbnail_link:hover div.divButton .Thumb_button
{
	background-color: #ce0000;
	cursor: pointer;
}

div.ThumbnailContainer div.Thumbnail_link div.divButton .Thumb_button.left,
div.ThumbnailContainer a.Thumbnail_link div.divButton .Thumb_button.left
{
	left: unset;
	left: 20px;
}
div.ThumbnailContainer div.Thumbnail_link div.divButton .Thumb_button.center,
div.ThumbnailContainer a.Thumbnail_link div.divButton .Thumb_button.center
{
	left: unset;
	left: 50%;
	transform: translate(-50%, 0%);
}
div.ThumbnailContainer div.Thumbnail_link div.divButton .Thumb_button.right,
div.ThumbnailContainer a.Thumbnail_link div.divButton .Thumb_button.right
{
	left: unset;
	right: 20px;
}
div.ThumbnailContainer div.Thumbnail_link div.divButton .Thumb_button.compact,
div.ThumbnailContainer a.Thumbnail_link div.divButton .Thumb_button.compact
{
	padding: 5px 15px;
	
	bottom: 10px;
	
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
div.ThumbnailContainer div.Thumbnail_link div.divButton .Thumb_button.compact.left,
div.ThumbnailContainer a.Thumbnail_link div.divButton .Thumb_button.compact.left
{
	left: unset;
	left: 10px;
}
div.ThumbnailContainer div.Thumbnail_link div.divButton .Thumb_button.compact.right,
div.ThumbnailContainer a.Thumbnail_link div.divButton .Thumb_button.compact.right
{
	left: unset;
	right: 10px;
}


div.bannercontainer div.ThumbnailContainer
{
	padding-left: 0px;
	padding-right: 0px;
}
div.bannercontainer_screen div.ThumbnailContainer div.Thumbnail_link div.divImage,
div.bannercontainer_screen div.ThumbnailContainer a.Thumbnail_link div.divImage
{
	padding-bottom: 31.25%;
}
div.bannercontainer_tablet div.ThumbnailContainer div.Thumbnail_link div.divImage,
div.bannercontainer_tablet div.ThumbnailContainer a.Thumbnail_link div.divImage
{
	padding-bottom: 58.59%;
}
div.bannercontainer_mobile div.ThumbnailContainer div.Thumbnail_link div.divImage,
div.bannercontainer_mobile div.ThumbnailContainer a.Thumbnail_link div.divImage
{
	padding-bottom: 100%;
}
/*
div.bannercontainer_mobile
{
	padding-left: 0px; padding-right: 0px;
}
div.bannercontainer_mobile div.carouselleContainer
{
	padding-left: 0px; padding-right: 0px;
}
div.bannercontainer_mobile div.carouselleContainer div.ThumbnailContainer a.Thumbnail_link
{
	border-left: 0px;
	border-right: 0px;
}
*/

div.thumbscontainer div.ThumbnailContainer,
div.thumbscontainer div.ThumbnailContainer
{
	margin-bottom: 20px;
}

div.containerSubMenus div.ThumbnailContainer a.Thumbnail_link
{
	margin-bottom: 10px;
}

div.ThumbnailContainer.ThumbnailSize_Square div.Thumbnail_link div.divImage,
div.ThumbnailContainer.ThumbnailSize_Square a.Thumbnail_link div.divImage
{
	padding-bottom: 100%;
}
div.ThumbnailContainer.ThumbnailSize_Landscape div.Thumbnail_link div.divImage,
div.ThumbnailContainer.ThumbnailSize_Landscape a.Thumbnail_link div.divImage
{
	padding-bottom: 66%;
}
div.ThumbnailContainer.ThumbnailSize_UltraWide div.Thumbnail_link div.divImage,
div.ThumbnailContainer.ThumbnailSize_UltraWide a.Thumbnail_link div.divImage
{
	padding-bottom: 50%;
}
div.ThumbnailContainer.ThumbnailSize_Slim div.Thumbnail_link div.divImage,
div.ThumbnailContainer.ThumbnailSize_Slim a.Thumbnail_link div.divImage
{
	padding-bottom: 33%;
}
div.ThumbnailContainer.ThumbnailSize_UltraSlim div.Thumbnail_link div.divImage,
div.ThumbnailContainer.ThumbnailSize_UltraSlim a.Thumbnail_link div.divImage
{
	padding-bottom: 20%;
}
div.ThumbnailContainer.ThumbnailSize_Portrait div.Thumbnail_link div.divImage,
div.ThumbnailContainer.ThumbnailSize_Portrait a.Thumbnail_link div.divImage
{
	padding-bottom: 150%;
}
div.ThumbnailContainer.ThumbnailBGSize_Contain div.Thumbnail_link div.divImage,
div.ThumbnailContainer.ThumbnailBGSize_Contain a.Thumbnail_link div.divImage
{
	background-size: contain;
	background-color: #fff;
}
div.ThumbnailContainer.ThumbnailBGPosition_Top div.Thumbnail_link div.divImage,
div.ThumbnailContainer.ThumbnailBGPosition_Top a.Thumbnail_link div.divImage
{
	background-position: top center;
}

/* BRAND LANDING PAGE CUSTOM THUMBNAILS */
div.ThumbnailContainer.landingThumbbrands div.Thumbnail_link div.divImage,
div.ThumbnailContainer.landingThumbbrands a.Thumbnail_link div.divImage,
div.ThumbnailContainer.landingThumbmarques div.Thumbnail_link div.divImage,
div.ThumbnailContainer.landingThumbmarques a.Thumbnail_link div.divImage
{
	display:none;
}
div.ThumbnailContainer.landingThumbbrands div.Thumbnail_link div.divText,
div.ThumbnailContainer.landingThumbbrands a.Thumbnail_link div.divText,
div.ThumbnailContainer.landingThumbmarques div.Thumbnail_link div.divText,
div.ThumbnailContainer.landingThumbmarques a.Thumbnail_link div.divText
{
	margin: 30px 10px 30px 10px;
	font-weight: bold;
}






/* CAROUSELLE STYLE */
/* CAROUSELLE STYLE */

 .carouselleContainer
 {
	 margin: 10px 0px 0px 0px;
	 margin: 0px 0px 0px 0px;
 }
.carouselleContainer .slick-slide
{
	/*
	border: 1px solid red;
	background-color: #f4f4f4;
	*/
	margin: 0px 0px;
	border: 0px;
}
.carouselleContainer .slick-slide .fullbanner
{
	width: 100%;
}
.carouselleContainer .slick-arrow
{

}
.carouselleContainer .slick-prev,
.carouselleContainer .slick-next
{
	top: calc(100% + 15px);
}
.carouselleContainer .slick-prev
{
	/* left: 0px; */
	left: calc(100% - 50px);
}
.carouselleContainer .slick-next
{
	/* left: 20px; */
	right: 10px;
}
.carouselleContainer .slick-prev:before,
.carouselleContainer .slick-next:before
{
	color: #ccc;
}
.carouselleContainer .slick-prev:before
{
	/* left arrow ← */
	content: '\2190';
}
.carouselleContainer .slick-next:before
{
	/* right arrow → */
	content: '\2192';
}
.carouselleContainer .slick-dots li
{
	width: 10px;
}
.carouselleContainer .slick-dots li button::before
{
	content: '\2022';
	/* font-size: 10px; */
}


.highlightCarouselle .carouselleContainer .slick-slide
{
	/*
	border: 1px solid red;
	background-color: #f4f4f4;
	*/
	margin: 0px 5px;
	border: 0px;
}
.bannerCarouselle .slick-slide
{
	padding: 0px;
}












div.loadicon,
div.nomatch,
div.searchresults
{
	background-color: #a9a9a9;
	color: #f0f0f0;
	
	background-image: url('/en/ss/images/instruction.png');
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 10px 10px;
	background-position: 9px 9px;
	
	padding: 10px 10px 10px 40px;
	/* margin-bottom: 20px; */
	
}
div.loadicon
{
	background-image: url('/video3/images/loadingAnimation.gif');
	
}
div.nomatch
{
	background-color: red;
}
div.searchresults
{
	background-color: green;
}





/* mobile */
@media all and (max-width: 425px)
{

	div.sectionHeader
	{
		/* background: red; */
	}
	
	div.sectionTitle div.HeaderTitle
	{
		font-size: 120%;
		line-height: 100%;
		font-weight: light;
	}
	a.ThumbnailLink div.ThumbnailBox p.ThumbTitle
	{
		height: 65px;
	}
	
	
	a.linkanchortop.activated
	{
		right: 10px;
	}
	
	div.ThumbnailContainer.ThumbnailSize_Mobile_Square div.Thumbnail_link div.divImage,
	div.ThumbnailContainer.ThumbnailSize_Mobile_Square a.Thumbnail_link div.divImage
	{
		padding-bottom: 100%;
	}
	div.ThumbnailContainer.ThumbnailSize_Mobile_Landscape div.Thumbnail_link div.divImage,
	div.ThumbnailContainer.ThumbnailSize_Mobile_Landscape a.Thumbnail_link div.divImage
	{
		padding-bottom: 66%;
	}
	div.ThumbnailContainer.ThumbnailSize_Mobile_UltraWide div.Thumbnail_link div.divImage,
	div.ThumbnailContainer.ThumbnailSize_Mobile_UltraWide a.Thumbnail_link div.divImage
	{
		padding-bottom: 50%;
	}
	div.ThumbnailContainer.ThumbnailSize_Mobile_Portrait div.Thumbnail_link div.divImage,
	div.ThumbnailContainer.ThumbnailSize_Mobile_Portrait a.Thumbnail_link div.divImage
	{
		padding-bottom: 150%;
	}
	div.ThumbnailContainer.ThumbnailBGSize_Mobile_Contain div.Thumbnail_link div.divImage,
	div.ThumbnailContainer.ThumbnailBGSize_Mobile_Contain a.Thumbnail_link div.divImage
	{
		background-size: contain;
	}
	
	div.ThumbnailContainer div.Thumbnail_link div.divButton .Thumb_button,
	div.ThumbnailContainer a.Thumbnail_link div.divButton .Thumb_button
	{
		bottom: 15px;
		left: 15px;
	}
	
	div.ThumbnailContainer div.Thumbnail_link div.divButton .Thumb_button.left,
	div.ThumbnailContainer a.Thumbnail_link div.divButton .Thumb_button.left
	{
		left: unset;
		left: 15px;
	}
	div.ThumbnailContainer div.Thumbnail_link div.divButton .Thumb_button.center,
	div.ThumbnailContainer a.Thumbnail_link div.divButton .Thumb_button.center
	{
		left: unset;
		left: 50%;
		transform: translate(-50%, 0%);
	}
	div.ThumbnailContainer div.Thumbnail_link div.divButton .Thumb_button.right,
	div.ThumbnailContainer a.Thumbnail_link div.divButton .Thumb_button.right
	{
		left: unset;
		right: 15px;
	}
	

}


/* tablet - mobile (landscape) */
@media all and (min-width: 426px) and (max-width: 1023px)
{

	div.sectionHeader
	{
		/* background: blue; */
	}
	
	div.sectionTitle div.HeaderTitle
	{
		font-size: 150%;
		line-height: 100%;
		font-weight: light;
	}
	
	div.ThumbnailContainer.ThumbnailSize_Tablet_Square div.Thumbnail_link div.divImage,
	div.ThumbnailContainer.ThumbnailSize_Tablet_Square a.Thumbnail_link div.divImage
	{
		padding-bottom: 100%;
	}
	div.ThumbnailContainer.ThumbnailSize_Tablet_Landscape div.Thumbnail_link div.divImage,
	div.ThumbnailContainer.ThumbnailSize_Tablet_Landscape a.Thumbnail_link div.divImage
	{
		padding-bottom: 66%;
	}
	div.ThumbnailContainer.ThumbnailSize_Tablet_UltraWide div.Thumbnail_link div.divImage,
	div.ThumbnailContainer.ThumbnailSize_Tablet_UltraWide a.Thumbnail_link div.divImage
	{
		padding-bottom: 50%;
	}
	div.ThumbnailContainer.ThumbnailSize_Tablet_Portrait div.Thumbnail_link div.divImage,
	div.ThumbnailContainer.ThumbnailSize_Tablet_Portrait a.Thumbnail_link div.divImage
	{
		padding-bottom: 150%;
	}
	div.ThumbnailContainer.ThumbnailBGSize_Tablet_Contain div.Thumbnail_link div.divImage,
	div.ThumbnailContainer.ThumbnailBGSize_Tablet_Contain a.Thumbnail_link div.divImage
	{
		background-size: contain;
	}

}


/* monitor - tablet (lanscape) */
@media all and (min-width: 1024px)
{
	
	div.sectionHeader
	{
		/* background: pink; */
	}
	
	div.sectionTitle div.HeaderTitle
	{
		font-size: 150%;
		line-height: 100%;
		font-weight: light;
	}
	
	div.ThumbnailContainer.ThumbnailSize_Screen_Square div.Thumbnail_link div.divImage,
	div.ThumbnailContainer.ThumbnailSize_Screen_Square a.Thumbnail_link div.divImage
	{
		padding-bottom: 100%;
	}
	div.ThumbnailContainer.ThumbnailSize_Screen_Landscape div.Thumbnail_link div.divImage,
	div.ThumbnailContainer.ThumbnailSize_Screen_Landscape a.Thumbnail_link div.divImage
	{
		padding-bottom: 66%;
	}
	div.ThumbnailContainer.ThumbnailSize_Screen_UltraWide div.Thumbnail_link div.divImage,
	div.ThumbnailContainer.ThumbnailSize_Screen_UltraWide a.Thumbnail_link div.divImage
	{
		padding-bottom: 50%;
	}
	div.ThumbnailContainer.ThumbnailSize_Screen_Portrait div.Thumbnail_link div.divImage,
	div.ThumbnailContainer.ThumbnailSize_Screen_Portrait a.Thumbnail_link div.divImage
	{
		padding-bottom: 150%;
	}
	div.ThumbnailContainer.ThumbnailBGSize_Screen_Contain div.Thumbnail_link div.divImage,
	div.ThumbnailContainer.ThumbnailBGSize_Screen_Contain a.Thumbnail_link div.divImage
	{
		background-size: contain;
	}

}