body, #mainform {
	margin: 0 auto;
	min-width: 1024px;
	max-width: 1920px;
    }
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}
/* reseting screen.css */

html, #outer {
/*	background: none;*/
}

#outer > div > div {
/*	width: auto;*/
}
#header-wrapper {
	background-image: none !important;
	background: url("../../img/rtl/presentation/header-bg.png")  repeat-x scroll 0 0 #000B7E !important;
	
}
#fat-footer-wrapper {
	background: #C0D1EE !important;
}
#fat-footer {
	background: none !important;
	margin: 0 auto;
}
#footer-wrapper {
	background-image: none !important;
    background: url("../../img/rtl/presentation/header-bg.png") repeat-x scroll 0 0 #000B7E !important;
}
#footer {
	background: none !important;
	background-image: none !important;
	margin: 0 auto;
}


/* preload hover images */
.preload {
	display: none;
	position: absolute;
	top: -9999px;
	left: -9999px;
}
/* homepage rework code */
.chapter-wrapper {
	background: url("/img/presentation/homepage-rework/chapter-bg.jpg") no-repeat top center #FFFFFF;

}
.content-wrapper {
	width: 1920px;
	text-align: center;
	margin: auto;
}
#top {
	height: 65px;
	background-color: #11008d;
}
/* main stage */
#main-stage {
	height:540px;
	margin: 0 auto 1px;
	overflow: hidden;
	max-width: 1920px;
}
#main-stage > .jcarousel-container {
	margin: 0 auto;
	position: relative;
}
#main-stage > .jcarousel-container > .jcarousel-next, #main-stage > .jcarousel-container > .jcarousel-prev {
	width: 70px;
	height: 70px;
	position: absolute;
	top: 235px;
	display: none;
	z-index: 3;
}
#main-stage > .jcarousel-container > .jcarousel-next {
	background: url(../../img/presentation/homepage-rework/stage-next.png) no-repeat;
	right: 50%;
	margin-right: -512px;
}
.no-touch #main-stage > .jcarousel-container > .jcarousel-next:hover {
	background: url(../../img/presentation/homepage-rework/stage-next-hover.png) no-repeat;
	cursor: pointer;
}
#main-stage > .jcarousel-container > .jcarousel-prev {
	background: url(../../img/presentation/homepage-rework/stage-prev.png) no-repeat;
	left: 50%;
	margin-left: -512px;
}
.no-touch #main-stage > .jcarousel-container > .jcarousel-prev:hover {
	background: url(../../img/presentation/homepage-rework/stage-prev-hover.png) no-repeat;
	cursor: pointer;
}
#main-stage .jcarousel-control {
	text-align: center;
	position: relative;
	bottom: 0;
	display: block;
	zoom: 1;
	background: url(../../img/presentation/homepage-rework/transparent-bg.png) repeat;
	overflow: visible;
	height: 0;
	line-height: 0;
	z-index: 1;
}
#main-stage .jcarousel-control span {
	display: inline-block;
	overflow: visible;
	position: relative;
	width: 14px;
	height: 14px;
	margin: 0 8px;
	bottom: 37px;
	position: relative;
}

#main-stage .jcarousel-control span a{
	width: 14px;
	height: 14px;
	background: url(../../img/presentation/homepage-rework/carousel-control.png) center center no-repeat;
	text-indent: -999em;
	display: block;
	z-index: 1;
}
#main-stage .jcarousel-control span a.active{
	background: url(../../img/presentation/homepage-rework/carousel-control-active.png) center center no-repeat;
}


#main-stage-carousel {
	overflow: hidden;
	visibility: hidden;
	height: 540px;
	z-index: 1;
}
#main-stage-carousel > li {
	overflow: hidden;
	position: relative;
	display: block;
	max-width: 1920px;
	min-width: 1024px;
	height: 540px;
	text-align: center;
}
.overflow-visible {
	overflow: visible !important;
}
.stage-cta {
	width: 884px;
	height: 541px;
	position: absolute;
	display: block;
	top: 0;
	left:50%;
	z-index: 1;
	
}
.stage-cta > a {
	position: absolute;
	z-index: 3;
	width: 100%;
	height: 100%;
	zoom: 1;
	display: block;
	left: 0;
	right: 0;
	top : 0;
	bottom: 0;
	cursor: pointer;
	background: url(../../img/presentation/homepage-rework/transparent-bg.png);
}
.stage-desc {
	position: absolute;
	bottom: 60px;
	left: 40px;
	padding: 33px 47px 57px;
	width: 326px;
	/*max-height: 243px;*/
	text-align: left;
	overflow: hidden;
	cursor: pointer;
}
.stage-desc .background{
	background: #eeeeee;
	zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90); 
	-moz-opacity: 0.9; 
	-khtml-opacity: 0.9; 
	opacity: 0.9;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 1 !important;
}
.no-touch .stage-desc:hover .background {
	zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100); 
	-moz-opacity: 1; 
	-khtml-opacity: 1; 
	opacity: 1;
	
}
.stage-desc > * {
	margin: 0;
	padding: 0;
	z-index: 2;
	position: relative;
}
.stage-desc > .title {
	font-family: "NiveaLight", Arial, sans-serif;
	font-size: 22px;
	color: #001780;
	line-height: 28px;
	overflow: hidden;
	text-transform: uppercase;
}
.stage-desc > .title-desc {
	font-family: Arial, sans-serif;
	font-size: 28px;
	/*font-size: 30px;*/
	color: #001780;
	/*line-height: 29px;*/
	line-height: 36px;
	text-transform: uppercase;
}
.stage-desc > .desc {
	margin: 23px 0 0;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 14px;
	color: #001780;
	line-height: 19px;
}
.stage-desc > .linkto {
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #001780;
	text-transform: uppercase;
	cursor: pointer;
	position: relative;
	margin-top: 23px;
	display: block;
	zoom: 1;
}
.stage-desc .linkto > p {
	margin-left: 10px;
}
.stage-desc > .linkto > .arrow {
	background: url(../../img/presentation/homepage-rework/link-arrow.png) left top no-repeat;
	width: 5px;
	height: 8px;
	position: absolute;
	top: 7px;
	left: 0;
	display: block;
}
.stage-desc > .linkto > a {
	text-decoration: none;
}
.no-touch .stage-desc:hover > .linkto {
	text-decoration: underline;
}
.blue-bar {
	background: url(../../img/presentation/homepage-rework/blue-bar-bg-left.png) no-repeat left center;
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 76px;
	overflow: hidden;
	left: auto;
	right: auto;
	top: 405px;
	left: 547px;
}
.blue-bar  > div {
	background: url(../../img/presentation/homepage-rework/blue-bar-bg.png) repeat-x;
	width: 100%;
	height: 100%;
	margin-left: 51px;
}
/*.cta-box.without-bar, .cta-box.without-bar > div {
	background: url(../../img/presentation/homepage-rework/transparent-bg.png) repeat;
	overflow: visible;
	margin-left: 0;
}*/
.cta-box {
	position: absolute;
	display: block;
	min-width: 25px;
	min-height: 25px;
}
.cta-box .cta-content {
	text-align: right;
	/*padding: 10px 35px 10px 0;*/
	/*height: 56px;*/
	min-height:25px;
	position: relative;
	display: inline-block;
	top: 0;
	text-align: right;
	padding-right: 30px;
}
.cta-box .cta-content .arrow {
	position: absolute;
	height: 25px;
	width:25px;
	background: url(../../img/presentation/homepage-rework/cta.png) no-repeat right center;
	overflow: hidden;
	top: 1px;
	right: 0;
}
.cta-box.no-text .arrow {
	right: 0;
	left: 0;
	top: 0
}
.cta-box.no-text .cta-content{
	padding-right: 0;
}
.cta-box .cta-text  {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	text-align: right;
	height: 13px;
	line-height: 1;
	font-size: 13px;
	display: block;
	width: 100%;
	left: 0;
	right: 0;
	position: relative;
}
.cta-box .cta-text.cta-desc {
	font-family: "NiveaLight", Arial, sans-serif;
}
.cta-box .cta-text.cta-discover {
	font-family: Arial, sans-serif;
}
.no-touch .cta-box:hover .arrow {
	cursor: pointer;
	background: url(../../img/presentation/homepage-rework/cta-hover.png) no-repeat right center;
	color: #ADC3E5;
}
.no-touch .cta-box:hover .cta-text {
	color: #ADC3E5;
}
.cta-box .cta-link {
	max-width: 300px;
	height:76px;
	cursor: default;
}
/* chapters */
.chapter-wrapper {
	margin: 0 auto;
}
.chapter-title {
	text-transform: uppercase;
	font-size: 20px;
	color: #001478;
	padding: 70px 0 0px;
	padding: 30px 0 0px;
	text-align: center;
	margin: 0 auto;
}
.chapter-items {
	overflow: hidden;
	margin: 0 auto;
	width:1024px !important;
}
.chapter-items.full-width {
	width: 100%;
}
.chapter-items .row {
	width: 1024px;
	display:block;
	overflow: hidden;
}
.row > .item {
	margin-top: 0px !important;
}
.row {
	margin-top: 8px;
}
.row:first-child {
	margin-top: 0;
}
.item {
	position: relative;
}
.item a {
	background: url(../../img/presentation/homepage-rework/transparent-bg.png) repeat;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	zoom: 1;
}
.item .item-desc > .title {
	text-transform: uppercase;
	font-size: 50px;
	color: #001478;
}
.item .item-desc > *, .item.video .item-desc > a > *{
	margin: 0;
	text-align: left;
	zoom: 1 !important;
	
	-moz-opacity: 1; 
	-khtml-opacity: 1; 
	opacity: 1;
	z-index: 2;
	position: relative;
}
.item .item-desc  .linkto {
	text-transform: uppercase;
	font-size: 14px;
	color: #001478;
	position: relative;
	zoom: 1;
}
.item.large .item-desc > .desc > span.arrow, .item.medium .item-desc > .desc > span.arrow {
	display: none;
}
.item.medium .background {
	background: #eeeeee;
}
.item .item-desc  .linkto > span.arrow {
	background: url(../../img/presentation/homepage-rework/link-arrow.png) left top no-repeat;
	width: 5px;
	height: 8px;
	position: absolute;
	top: 7px;
	left: 0;
}
.item .item-desc  .linkto > p, .item.small .item-desc > .desc > div {
	margin: 0 0 0 10px;
	padding: 0;
}
.row .small-wrapper {
	overflow: hidden;
	width: 508px;
	height: 215px;
	margin-top: 8px;
	display: block;
	float:left;
}
.row.small-single-row .small-wrapper {
	margin: 0 0 0 8px;
}
.row.small-single-row .small-wrapper:first-child  {
	margin: 0;
}
.row .small-wrapper:first-child {
	margin-top:0px;
}
.row .small-wrapper .item.small {
	margin: 0 0 0 8px;
}
.row .small-wrapper .item.small:first-child {
	margin: 0;
}
.item.small .item-desc  .desc > span.arrow {
	width: 5px;
	height: 8px;
	position: absolute;
	top: 0;
	left: 0;
	background: none;
	line-height: 16px;
	height: 17px;
	overflow: hidden;
}
.item.small .item-desc  .desc > span.arrow > img {
	display: none;
	float:left;
	top: 4px;
	position: relative;
}
.item.small .item-desc  .desc > span.arrow > img.normal {
	display: block;
}
.no-touch .item.small:hover .item-desc:hover  .desc > span.arrow > img.normal {
	display: none;
}
.no-touch .item.small:hover .item-desc:hover  .desc > span.arrow > img.hover {
	display: block;
}
.item-image > * {
	display: block;
	background: url(../../img/presentation/homepage-rework/transparent-bg.png);
}
.medium .item-image > * {
	width: 508px;
	height: 290px;
}
.item .item-desc {
	position: relative;
}
.item .item-desc {
	display: block;
	position: relative;
	overflow: hidden;
}
.no-touch .item .item-desc > .linkto:hover, .no-touch .item .item-desc > .title:hover, .no-touch .item.small .item-desc > .desc, .item .item-image > .play-video {
	cursor: pointer;
}
/* large */
.item.large {
	margin-top: 5px;
	height:480px;
	position: relative;
}
.item.large .item-image {
	width: 1024px;
	height: 480px;
	position: absolute;
	top: 0;
	left: 0;
}
.item.large .item-desc {
	position: absolute;
	right: 30px;
	bottom: 20px;
	width: 250px;
	min-height: 105px;
	padding: 30px 40px 50px;
	max-height: 340px;
	zoom: 1;
}
 .item.large .item-desc > .background {
	zoom: 1;
	background: #eeeeee;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90); 
	-moz-opacity: 0.9; 
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
.no-touch .item.large .item-desc:hover > .background {
	zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100); 
	-moz-opacity: 1; 
	-khtml-opacity: 1; 
	opacity: 1;
	
}
.item.large .item-desc > .title {
	font-family: Arial, sans-serif;
	font-size: 20px;
	color: #001880;
	line-height: 26px;
	text-transform: uppercase;
	max-width: 250px;
}
.item.large .item-desc > .desc {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 15px;
	color: #001880;
	line-height: 24px;
	margin: 15px 0 0 0;
	max-width: 250px;
	/*max-height: 98px;*/
	overflow: hidden;
	zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80); 
	-moz-opacity: 0.8; 
	-khtml-opacity: 0.8; 
	opacity: 0.8;
	
}
.item.large .item-desc > .linkto {
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #001880;
	line-height: 19px;
	text-transform: uppercase;
	margin-top: 30px;
	max-width: 250px;
}
.item.large .item-desc > .linkto {
	text-decoration: none;
}
.no-touch .item.large .item-desc:hover > .linkto{
	text-decoration: underline;
}
/* medium */
.item.medium {
	float:left;
	width:508px;
/*	height:438px;*/
	height:640px;
	margin-left:8px;
}

.item.medium:first-child {
	margin-left: 0px;
}
.item.medium .item-image {
	/**background: url(../../img/presentation/homepage-rework/transparent-bg.png);*/
	height:290px;
	width: 508px;
	position: relative;
	display: block;
}
.no-touch .item.small:hover, .no-touch .item.medium:hover, .no-touch .item.large:hover {
	cursor: pointer;
}
.no-touch .item.large:hover .item-image,
.no-touch .item.medium:hover > a > img.item-image,
.no-touch .item.medium.video:hover > .item-image > a > img {
	zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60); 
	-moz-opacity: 0.6; 
	-khtml-opacity: 0.6; 
	opacity: 0.6;
}
.item.medium .item-image.video > .play-video {
	z-index: 11;
}
.item.medium .item-desc {
	width: 464px;
	padding: 20px 22px;
/*	height: 108px;*/
	height: 300px;
}

/*
.item.medium a {
	width: 508px;
	height: 438px;

}
*/
.item.medium .item-desc .title {
	font-family: Arial, sans-serif;
	font-size: 20px;
	color: #001880;
	line-height: 25px;
	text-transform: uppercase;
	max-height: 54px;
	overflow: visible;
}
.item.medium .item-desc .desc {
	margin: 10px 0 0;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 14px;
	color: #001880;
	line-height: 19px;
	zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)" !important;
	filter: alpha(opacity=80) !important; 
	-moz-opacity: 0.8 !important; 
	-khtml-opacity: 0.8 !important; 
	opacity: 0.8 !important;
} 

.item.medium .item-desc .desc2 {
	margin: 10px 0 0;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 14px;
	color: #001880;
	line-height: 19px;
	zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)" !important;
	filter: alpha(opacity=80) !important; 
	-moz-opacity: 0.8 !important; 
	-khtml-opacity: 0.8 !important; 
	opacity: 0.8 !important;
} 


.item.medium .item-desc .linkto {
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #001880;
	line-height: 19px;
	text-transform: uppercase;
	margin: 10px 0 0;
	display: block;
}
.no-touch .item.medium:hover > a > .item-desc .linkto, .no-touch .item.medium.video:hover > .item-desc > a > .linkto {
	text-decoration: underline;
	cursor: pointer;
}
.item.medium.video  a {
	width: 100%;
	height: 100%;
}
.item.medium.video .item-desc {
	top: 0;
	background: #eeeeee;
}
/* medium-right */
.item.medium.right {
	float:right;
	margin-left:8px;
	position: relative;
	right: 0;
}
.item-image.video {
	position: relative;
}
.item-image.video > .play-video {
	width:90px;
	height:90px;
	background: red;
	position: absolute;
	top: 100px;
	left: 209px;
}
/* small */
.item.small {
	float:left;
	width: 250px;
	height: 215px;
	margin-left: 8px;
	margin-top: 8px;
}
.item.small .item-desc {
	height: 138px;
	width: 196px;
	padding: 30px 27px 47px;
	overflow: hidden;
}
.item.small .item-desc > .title {
	font-family: Arial, sans-serif;
	font-size: 18px;
	line-height: 25px;
	text-transform: uppercase;
	position: relative;
	overflow: visible;
}
.item.small .item-desc > .desc {
	position: relative;
	margin-top: 20px;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 13px;
	line-height: 17px;
	max-width: 186px;
}

.item.small .item-desc > .linkto {
	display: none;
	background: none;
}
.no-touch .item.small:hover .item-desc:hover .background {
	zoom: 1 !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
	filter: alpha(opacity=100) !important; 
	-moz-opacity: 1 !important; 
	-khtml-opacity: 1 !important; 
	opacity: 1 !important;
}
.item .item-desc > .background {
	z-index: 1;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	zoom: 1;
}
.item.medium .item-desc > .background  {
	height: 148px;
/*	height: 300px;*/
}
.item.small .item-desc > .background {
	height: 215px;
}
.item .item-desc .title , .item .item-desc .desc, .item .item-desc .linkto {
	color: #001780;
}
.item .item-desc .arrow {
	/*background: url(../../img/presentation/homepage-rework/link-arrow-white.png) left top no-repeat  !important;*/
}

.row > .item.small:first-child {
	margin-left:0px;
}
.row > .half-row:first-child {
	width: 508px;
	height: 438px;
	float: left;
	overflow: hidden;
}
.row .item.opacity-100 .background{
	zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100); 
	-moz-opacity: 1; 
	-khtml-opacity: 1;
	opacity: 1;
}
.row .item.opacity-80 .background{
	zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80); 
	-moz-opacity: 0.8; 
	-khtml-opacity: 0.8; 
	opacity: 0.8;
}
.row .item.opacity-60 .background{
	zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60); 
	-moz-opacity: 0.6; 
	-khtml-opacity: 0.6; 
	opacity: 0.6;
}
.row .item.opacity-40 .background{
	zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40); 
	-moz-opacity: 0.4; 
	-khtml-opacity: 0.4; 
	opacity: 0.4;
}
.row .item.opacity-20 .background{
	zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20); 
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2; 
	opacity: 0.2;
}
.row .item.opacity-0 .background{
	zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0); 
	-moz-opacity: 0;
	-khtml-opacity: 0; 
	opacity: 0;
}
.chapter-title > h2 {
	display: inline-block;
	min-width: 379px;
	font-family:Arial, sans-serif;
	font-size: 35px;
	color: #001780;
	text-transform: uppercase;
	text-align: center;
/*	margin-bottom: 25px; */
	margin-bottom: 5px; 
	line-height: 1;
	overflow: visible;
}
.chapter-title > span.title-underline {
	width: 379px;
	height: 3px;
	background: url(../../img/presentation/homepage-rework/chapter-title-underline.png) no-repeat center bottom;
	display: block;
	margin: 0 auto;
	margin-bottom: 25px;
}
.top-nav {
	padding: 13px 0 32px 0;
}
.product-finder .top-nav {
	padding: 31px 0 32px 0;
}
.no-touch .top-nav > div:hover  {
	background: url(../../img/presentation/homepage-rework/top-nav-hover.png) no-repeat left center;
	cursor: pointer;
}
.no-touch .top-nav > div:hover  > p {
	color: #6B78AF;

}
.top-nav > div {
	margin: 0 auto;
/*	line-height: 32px;*/
	position: relative;
/*	width:32px;*/
/*	height:32px;*/
	height:1px;
	cursor: pointer;
	background: url(../../img/presentation/homepage-rework/top-nav.png) no-repeat left center;
}
.top-nav > div > p {
	margin: 0;
	line-height: 32px;
	white-space: nowrap;
	position: absolute;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 13px;
	color: #001780;
	z-index:1;
	padding-left: 43px;
}
.chapter-wrapper > div {
	
}
/* product section */
.chapter-wrapper.product-finder {
	padding: 0;
}
.chapter-wrapper.product-finder > .chapter-title, .chapter-wrapper.product-finder > .products-wrapper {
	width: 915px !important;
	margin: 0 auto;
	text-align: center;
	position: relative;
	zoom: 1;
}
.products-wrapper > .back-to-filter {
	zoom: 1;
	position: absolute;
	top: 0;
	left: 45px;
	cursor: pointer;
	display: none;
	background: url(../../img/presentation/homepage-rework/back-to-filter.png) no-repeat left center;
	
}
.products-wrapper > .back-to-filter div {
	padding-left: 20px;
	display: block;
	width: 95px;
	height: 33px;
	line-height: 30px;
	overflow: hidden;
}
.products-wrapper > .back-to-filter  span {
	padding: 0;
	margin: 0;
	font-family: Arial, sans-serif;
	font-size: 11px;
	display: inline-block;
	line-height: 13px;
	vertical-align: middle;
	text-decoration: underline;
	overflow: visible;
	color: #001780;
	text-transform: uppercase;
	min-height: 15px;
}
.promotion-tabs {
	display: block;
	margin: 0 0 20px;
	text-align: center;
}
.promotion-tabs > ul {
	list-style-type: none;
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
	min-width: 293px;
	max-width: 589px;

}
.promotion-tabs > ul > li {
	
	margin: 0px 0 0 3px;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	zoom: 1;
	*display: inline;
}
.promotion-tabs > ul > li:first-child {
	margin-left: 0;
}
.promotion-tabs > ul > li  {
	background: url(../../img/presentation/homepage-rework/promotional-tab.png) no-repeat;
	color: #001780;
	text-align: center;
}
.promotion-tabs > ul > li .container {
	display: block;
	overflow: hidden;
	width: 125px;
	height: 31px;
	line-height: 29px;
	padding: 0 10px;
}
.promotion-tabs > ul > li.active {
	background: url(../../img/presentation/homepage-rework/promotional-tab-active.png) no-repeat;
	color: #ffffff;
}
.promotion-tabs > ul > li .container span
{
	font-family: "NiveaMedium", Arial, sans-serif;
	font-size: 10px;
	line-height: 13px;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
	max-height: 26px;
	overflow: visible;
}

.promotion-tabs > ul > li.active > a {
	color: #ffffff;
}
.tab-content {
	display: block;
	display:none;
	zoom: 1;
}
/* product packshots */
.product-packshots, .product-packshots > div {
	overflow: hidden;
}

.product-packshots > div > div.product {
	float:left;
	width: 150px;
	height: 415px;
	padding: 0 30px;
	margin-left: 25px;
	position: relative;
}
.product-packshots > div > div.product  a {
	position: relative;
	background: url(../../img/presentation/homepage-rework/transparent-bg.png);
	text-align: center;
}
.product-packshots > div > div.product .product-image {
	width:150px;
	height:240px;
	text-align: center;
	display: block;
	position: relative;
}
.product-packshots > div > div.product  .product-image a {
	text-align: center;
	width: 100%;
	position: absolute;
	bottom: 0;
	display: block;
	left: 0;
}
.product-packshots > div > div.product .product-image a > img {
	vertical-align: bottom;
}
.product-packshots > div > div.product a .product-desc {
	position: relative;
	width: 150px;
}
.product-packshots > div > div.product:first-child{
	margin-left: 0;
}
.product-packshots div.product img{
	max-width: 150px;
	max-height: 240px;
	margin: 0 auto;
	position: relative;
	right: 0;
}
.product-packshots div.product .product-desc {
	right: 0;
}
.no-touch .product-packshots > div > div.product:hover a > img:first-child {
	zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60); 
	-moz-opacity: 0.6; 
	-khtml-opacity: 0.6; 
	opacity: 0.6;
}
.product-packshots div.product .product-desc > p {
	margin: 0;
	padding: 0;
}
.product-packshots div.product .product-desc > .title {
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #001780;
	line-height: 16px;
	text-transform: uppercase;
	padding: 0px 0 15px 0px;
	margin-top: 3px;
	text-align: left;
	position: relative;
}
.no-touch .product-packshots > div > div.product:hover > a > .product-desc > .title {
	cursor: pointer;
	text-decoration: underline;
}
.product-packshots div.product .product-desc > .title > span.arrow {
	display: block;
	background: url(../../img/presentation/homepage-rework/link-arrow.png) left top no-repeat;
	width: 5px;
	height: 8px;
	position: absolute;
	left: -10px;
	top: 6px;
}
.product-packshots div.product .product-desc > .title:hover > span.arrow {
	display: block;
}
.product-packshots div.product .product-desc > .desc {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 13px;
	color: #000000;
	line-height: 19px;
	text-align: left;
	/*max-height: 95px;*/
	width: 100%;
	zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70); 
	-moz-opacity: 0.7; 
	-khtml-opacity: 0.7; 
	opacity: 0.7;
}
.no-touch .product-packshots > div > div.product:hover > a > .product-desc > .desc{
	zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100); 
	-moz-opacity: 1; 
	-khtml-opacity: 1; 
	opacity: 1;
}
.product-packshots.filered {
	display: none;
}
/* product section search bar */
.product-search {
	height: 32px;
	background: #0f2880;
	padding: 16px 0;
	margin-top: 40px !important;
	margin-bottom: 1px;
	overflow: hidden;
	zoom: 1;
}
.product-search .search-wrapper {
	background: url(../../img/presentation/homepage-rework/product-search-bg-left.png) no-repeat left center;
	height: 33px;
	margin: 0 auto;
	width: 398px;
	padding-left: 20px;
}
.product-search .search-wrapper > div {
	background: url(../../img/presentation/homepage-rework/product-search-bg-right.png) no-repeat right center;
	height: 33px;
	padding-right: 20px;
}
.product-search .search-wrapper > div  > div {
	background: url(../../img/presentation/homepage-rework/product-search-bg.png) repeat-x;
	height: 33px;
	overflow: visible;
}
.product-search .search-wrapper > div > div .product-search-box {
	color: #001780;
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 30px;
	border: none;
	background: none;
	height: 30px;
	padding: 2px 0 2px 26px;
	cursor: pointer;
	background: url(../../img/presentation/homepage-rework/product-search-left.png) left center no-repeat;
	width: 332px;
	outline: medium none;
	float: left;
}
.product-search .search-wrapper > div  > div .perform-search {
	background: url(../../img/presentation/homepage-rework/product-search-right.png) no-repeat;
	border: none;
	cursor:pointer;
	width: 20px;
	height: 19px;
	float:right;
	margin: 7px -10px 0 0;
}

/* product by skin need */
.filter-tabs > .title-desc > p {
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
}
.filter-tabs > .title-desc > .title {
	font-family: Arial, sans-serif;
	font-size: 20px;
	line-height: 29px;
	color: #001780;
	text-transform: uppercase;
	max-width: 300px;
	margin: 0 auto 5px;
	overflow: hidden;
}
.filter-tabs > .title-desc > .desc {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: #001780;
}
.filter-tabs > .filters {
	overflow: hidden;
	width: 696px;
	margin: 45px auto 0;
}
.filter-tabs > .filters > ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.filter-tabs > .filters > ul > li {
	float: left;
	margin: 0 5px;
	cursor: pointer;
	position: relative;
	height: 50px;
	width: 222px;
}
.filter-tabs > .filters > ul > li {
	background: url(../../img/presentation/homepage-rework/filter-tab.png) no-repeat;
	height: 50px;
}
.filter-tabs > .filters > ul > li.active {
	background: url(../../img/presentation/homepage-rework/filter-tab-active.png) no-repeat;
}
.filter-tabs > .filters > ul > li .container {
	display: block;
	overflow: hidden;
	color: #001780;
	text-align: left;
	line-height: 44px;
	position: relative;
	padding: 0 30px;
	width: 162px;
	height: 48px;
}
.filter-tabs > .filters > ul .container span
{
	font-family: Arial, sans-serif;
	text-decoration: none;
	display: inline-block;
	text-align: left;
	line-height: 13px;
	text-transform: uppercase;
	position: relative;
	vertical-align: middle;
	overflow: visible;
	margin-top: 1px;
	font-size: 10px;
	max-height: 39px;
}
.filter-tabs > .filters > ul > li.active .container span {
	color: #ffffff;
}
.filter-tabs > .view-filter-result {
	text-align: right;
	margin: 20px auto 0;
	width: 616px;
	font-family: Arial, sans-serif;
	
}
.filter-tabs > .view-filter-result > a {
	padding-right: 20px;
	text-transform: uppercase;
	cursor: default;
	color: #999999;
}
.filter-tabs > .view-filter-result.active > a {
	cursor: pointer;
	color: #001780;
	text-decoration: underline;
}
.product-packshots > .filter-selected {
	margin: 0 auto 25px;
	padding: 0;
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 20px;
	line-height: 29px;
	color: #001780;
	text-transform: uppercase;
	max-width: 300px;
	overflow: hidden;
}
/* social sphere */
.social-sphere > .chapter-items {
	position: relative;
}
.chapter-items > .item {
	background: #eeeeee;
	position: relative;
}

.chapter-items > .item.video {
	background: none;
}
.social-sphere .item.video {
	margin-top: 7px;
}
.social-facebook {
	padding: 30px 32px 0;
	width:444px;
	text-align: left;
	position: relative;
	height: 670px;
	float: left;
}
.item > .title {
	padding: 0;
	margin: 0;
	font-family: Arial, sans-serif;
	font-size: 20px;
	line-height: 20px;
	color: #001780;
	text-transform: uppercase;
	height: 20px;
}

.jcarousel-item  > img {
	position: absolute;
	top: 0;
	left: 50%;
}

.row.big {
	width:1024px;
	max-height: 659px;
	display: block;
	overflow: hidden;
}
.row.last-row {
	margin-bottom: 32px;
}
.row > .left-pane, .row > .right-pane {
	width: 508px;
	overflow: hidden;
	float: left;
	min-height: 438px;
}
.row > .right-pane {
	margin-left: 8px;
}
.row .item.small-double {
	float:left;
	width: 508px;
	height: 215px;
	margin-left: 0;
	margin-top: 8px;
	background: #eeeeee;
	position: relative;
}
.row > .left-pane .item.small, .row > .right-pane .item.small {
	margin-top: 0;
}
.row > .left-pane .item.small:first-child, .row > .right-pane .item.small:first-child {
	margin-left: 0;
}
.row .item.small-double:first-child {
	margin-top: 0px;
	margin-left: 0px;
}
.row .item.small-double.left {
	margin-left: 0;
}
.row.big .item.full-height {
	width: 444px;
	padding: 30px 32px 0;
	height: 631px;
	background: #eeeeee;
	float: left;
}
.row .item.small-double > .title {
	position: relative;
	top: 30px;
	left: 40px;
	max-width: 460px;
}
.follow-on {
	margin: 0 auto;
	text-align: center;
	position: absolute;
	top: 100px;
	width: 100%;
}
.follow-on > ul {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	min-width: 52px;
	/*max-width: 344px;*/
}
.follow-on > ul > li.follow-item {
	width: 52px;
	height: 52px;
	margin-left: 21px;
	display: inline-block;
	zoom: 1;
	*display: inline;
	cursor: pointer;
	overflow: hidden;
}
.no-touch .follow-on > ul > li.follow-item:hover  img{
	zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60); 
	-moz-opacity: 0.6; 
	-khtml-opacity: 0.6; 
	opacity: 0.6;
}
.follow-on > ul > li.follow-item > a {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	text-indent: -999em;
}
.follow-on > ul > li.follow-item > a  img {
	position: absolute;
	top: 0;
	left: 0;
}
.follow-on > ul > li.follow-item:first-child {
	margin-left: 0;
}
.row.big .item.full-height > .title {
	margin-bottom: 50px
}
.row.big .item.medium {
	margin-top: 8px;
	margin-left: 0px;
}
.row.big .item.medium:first-child {
	margin-top: 0px;
}
.fb-like-box {
	position: relative;
	left: 14px;
}
iframe .pluginLikeboxStream {
	overflow-x: hidden;
	overflow-y: hidden;
	overflow: hidden !important;
}
.loading-overlay{
	background: url("../../img/presentation/homepage-rework/loader.gif") no-repeat scroll center center rgb(255, 255, 255);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 51px;
    z-index: 3;
}
.item.medium.video .item-image .video-image-overlay {
	background: url("../../img/presentation/html-templates/video-play-overlay.png") no-repeat scroll center center transparent;
    bottom: 0;
    cursor: pointer;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
	z-index: 1;
}

.no-touch .item.medium.video .item-image:hover .video-image-overlay {
	background: url("../../img/presentation/html-templates/video-play-overlay-hover.png") no-repeat scroll center center transparent;
}

/*ダブルの丸枠*/
.eiframe_m{
    border: 3px double #999;
}

/*ヘッダーのサイズ等*/

#eheader{
	height: 80px;
	background:#11008d;
}


#eheader .esecondary-nav {
	margin: 0 -24px 0 0;
	position: relative;
	text-align: right;
	float: right;
	z-index: 100;
}

#eheader .ebranding {
	margin: 9px 0px 0 0;
	float: left;
	max-width: 260px;
	height: 60px;
	overflow: hidden;
	display: inline-block;
}

#eheader-wrapper {
/*	background-image: none !important;*/
/*	background: url("../../img/rtl/presentation/header-bg.png")  repeat-x scroll 0 0 #000B7E !important;*/
	
}

#eouter {
	background: none;
	width: 984px;
	margin: 0 auto;
}

#enav {
/*	margin: 5px -17px -10px;*/
	text-align: right;
}

#esearch{
display: inline-block;
	text-align: right;
	margin: 9px 44px 0 0;
	vertical-align: middle;
	float: right;
}
.echapter-title {
	text-transform: uppercase;
	font-size: 20px;
	color: #001478;
	padding: 70px 0 0px;
	padding: 30px 0 0px;
/*	text-align: center;*/
	margin: 0 auto;
}

.echapter-title2 {
	background:url(subttl01.jpg) no-repeat top left;
	line-height:70px;
	text-indent:25px;
	font-weight:bold;
	font-size:135%;
	margin-bottom:20px;
}

.echapter-title3 {
	background:url(subttl01.jpg) no-repeat top left;
	line-height:60px;
	text-indent:15px;
	font-weight:bold;
	font-size:140%;
	margin-bottom:15px;
    color:darkslateblue;
}

/*
table{
    border-spacing:2px;
    border-color: gray;
}
*/


/*table td { vertical-align:top;}*/

table.echapter-detail {
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
    border-color: black;
    color: black;
}

table.echapter-detail2 {
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
    border-color: black;
    color: black;
    align-content: center;
    align-items: center;
}

.relative{
    position : relative;
    margin: 0px;
}

.absolute{
    position: absolute;
    bottom: 65px;
    width: 100%;
    max-width: 230px;
    padding: 1em 0;
}

.absolute p {
    margin: 0;
    padding: 0 0.8em;
    font-size: 120%;
    text-align: center;
}