/* GLOBAL STYLES ============================================================ */

/* Titles ------------------------------------------------------------------- */

.header h1,
.header h2,
.header h3,
.header h4,
.header h5,
.header h6,
.header .subtitle {
	line-height: 1.3;
	text-transform: uppercase;
}


/* "Related" listboxes */

[role="navigation"].select-menu ul,
[role="navigation"].select-menu li {
	zoom: 1;
}

/**/
.button .flir-image,
.learn-more .flir-image {
  margin: 9px 0 0;
}


/* Forms -------------------------------------------------------------------- */

.form .row,
.form .field {
	zoom: 1;
}

.scfForm .scfValidationSummary {
	display: inline;
}

.scfForm .scfSectionContent > * {
	margin: 0;
}


/* Pagination --------------------------------------------------------------- */

.pagination a,
.pagination ol,
.pagination ol > li,
.pagination ol > li > a {
	display: inline;
}

.media-gallery .pagination > div,
.teaser .pagination > div {
	display: inline;
}

#introduction-component .story-view .story-list > li .media-gallery .pagination div ol > li > a {
    line-height: 1.6;

}

/* Product specs ------------------------------------------------------------ */

dl.product-specs ol.colors > li,
dl.product-specs ol.spf > li {
	display: inline;
}


/* Tree menu ---------------------------------------------------------------- */

.menu > .tree-menu,
.menu > .select-menu-wrapper {
	zoom: 1;
}

/* Tabs --------------------------------------------------------------------- */

.tabcontainer li {
	display: inline;
}



/* GRID ===================================================================== */

#outer,
#header,
#teaser,
#small-teasers,
#fat-footer,
#footer,
.two-col,
.tabcontainer,
#error,
#oldBrowser,
#experience-index {
	zoom: 1;
    position:relative;
}



/* HEADER =================================================================== */

#header .branding {
	padding-bottom: 12px;
}

#secondary-menu > li {
	display: inline;
}

#secondary-menu a {
	zoom: 1;
}

ul#primary-menu {
	display: inline;
}

#primary-menu > li {
	display: inline;
}

#primary-menu > li > div,
#secondary-menu > li > div {
	top: 2.6em;
}

#primary-menu > li > div li {
	overflow: visible;
}

#primary-menu > li > div > div {
	zoom: 1;
}

#primary-menu > li[aria-haspopup="true"]:hover > div { /* dropdowns */
	top: 2.6em;
}

#primary-menu li > div > div > ul > li { display: inline-block; }
#primary-menu li > div > div > ul > li { display: inline; }

#search {
	display: inline;
}

#primary-menu > li.has-promo .wrapper > * {
	display: inline;
}

#primary-menu > li.products .wrapper > div {
	display: inline;
}

/* "experience" submenu */

#primary-menu > li > div > div.col-count-2 {
	width: 290px;
}

#primary-menu > li > div > div ul {
	display: inline;
}



/* BREADCRUMBS ============================================================== */

#breadcrumbs ul > li,
#breadcrumbs ul > li > span,
#breadcrumbs ul > li > span > a {
	display: inline;
}
/*
#breadcrumbs ul * {
    display: inline;
}
*/
#breadcrumbs ul > li > span > a {
    padding: 2px 10px;
    line-height: 1.4;
}


/* FAT FOOTER =============================================================== */

#fat-footer-wrapper {
  zoom: 1;
}



/* FOOTER =================================================================== */

#footer-menu > li {
	display: inline;
}



/* SMALL TEASERS ============================================================ */

#small-teasers li {
	display: inline;
}

#small-teasers-wrapper,
#small-teasers-wrapper * {
	zoom: 1;
}



/* LANGUAGE SELECT ========================================================== */

#language-select-wrapper #language-select > li:hover > div {
	margin: 0;
}



/* PRODUCT LINEUP =========================================================== */

#product-lineup .header > .title h2,
#product-lineup .header > .title .product-count,
#product-lineup .type-icon {
	display: inline;
}

#product-lineup .section > ul > li a {
	cursor: pointer;
	zoom: 1;
}

html[data-page-type="productRange"] #product-lineup .section > ul > li,
html[data-page-type="productRange"] #product-lineup .section > ul > li > div {
	background: url(#) !important;
}

#product-lineup .section > ul > li .packshot {
	z-index: -1;
}

/*  PRODUCT RANGE=======================================================*/
#product-feature  li > div {
	/*width:260px;*/
	/*left:23%;*/
  	

}
#product-feature  li > div > img {
	

	
}



/* PRODUCT DETAILS ========================================================== */

#product-stage-bottom .options {
	font-weight: bold;
	zoom: 1;
}



/* EXPERTISE MODAL ========================================================== */

#expertise-modal .tabcontent > li,
#expertise-modal .text-wrapper {
	zoom: 1;
}
#expertise-modal .media-gallery .pagination {
	height: auto;
}



/* INTRODUCTION COMPONENT =================================================== */

#introduction-component .side {
	zoom: 1;
}

#introduction-component .main .social > ul > li {
  display: inline;
}

#introduction-component .main .social .social-bookmarks .text,
#introduction-component .main .social .social-bookmarks .share {
  display: inline;
}



/* 404 PAGE ================================================================= */

#error .content li.search {
	zoom: 1;
}



/* ************************************************************************** **
** BODY PERFORMANCE                                                           **
** ************************************************************************** */

#campaign .auth ul > li {
	display: inline;
}

#campaign .social > *,
#campaign .restart > * {
	display: inline;
}

#campaign[data-section="questionnaire"] .answers[data-type="panels"] ul > li {
	display: inline;
}

#campaign-questionnaire-progress ul {
	display: inline;
}

#campaign-questionnaire-progress ul > li {
	display: inline;
}

#campaign[data-section="Body Performance Home"] .intro > * {
	display: inline;
}
#campaign[data-section="Body Performance Home"] .intro > * > span:first-child {
	display: inline-block;
}

#campaign[data-section="Body Performance Quiz Root"] .about span {
	display: inline;
}

#campaign[data-section="Body Performance Quiz Root"] .answers[data-type="panels"] > ul > li,
#campaign[data-section="Body Performance Quiz Root"] .answers[data-type="pictures"] > ul > li,
#campaign[data-section="Body Performance Quiz Root"] .answers[data-type^="slider"] > ul > li {
	display: inline;
}

#campaign[data-section="Body Performance Quiz Root"] .answers .slider li {
	display: inline;
}

#campaign[data-section="Body Performance Quiz Root"] .answers[data-type="thermometer"] > * {
	display: inline;
}

#campaign[data-section="Body Performance Quiz Root"] .answers[data-type="thermometer"] .vslider > .vslidermarker .label-wrapper,
#campaign[data-section="Body Performance Quiz Root"] .answers[data-type="thermometer"] .vslider > .vslidermarker .label-wrapper span {
	display: inline;
}

#campaign-questionnaire-progress ul {
	display: inline;
}

#campaign-questionnaire-progress ul > li {
	display: inline;
}

#campaign-questionnaire-progress ul > li > span {
	display: inline;
}

#campaign-questionnaire-progress ul > li a {
	display: inline;
}

#campaign[data-section="Body Performance My Program"] .stage-counter > *,
#campaign[data-section="Body Performance My Progress"] .stage-counter > * {
	display: inline;
}

#campaign[data-section="Body Performance My Program"] .stage-counter > p > span,
#campaign[data-section="Body Performance My Progress"] .stage-counter > p > span {
	display: inline;
}

#campaign[data-section="Body Performance My Program"] .welcome > p > span,
#campaign[data-section="Body Performance My Progress"] .welcome > p > span {
	display: inline;
}

#campaign[data-section="Body Performance My Program"] .program table .info,
#campaign[data-section="Body Performance My Progress"] .program table .info {
	display: inline;
}

#campaign[data-section="Body Performance My Program"] .program table > tbody > tr > td:first-child > span,
#campaign[data-section="Body Performance My Progress"] .program table > tbody > tr > td:first-child > span {
	display: inline;
}

#campaign[data-section="Body Performance My Program"] .program table > tbody > tr > td:first-child + td > a,
#campaign[data-section="Body Performance My Progress"] .program table > tbody > tr > td:first-child + td > a {
	display: inline;
}

#campaign[data-section="Body Performance My Program"] .poll .form .field.radios .radio,
#campaign[data-section="Body Performance My Progress"] .poll .form .field.radios .radio {
	display: inline;
}

#campaign[data-section="Body Performance My Program"] .poll .form .field.radios .radio.result-chart {
	display: inline;
}

#campaign[data-section="Body Performance My Progress"] .program .status > p {
	display: inline;
}

#campaign[data-section="Body Performance Persona"] .footer .inner > * {
	display: inline;
}

#campaign[data-section="Body Performance Persona"] .footer .inner > p {
	display: inline;
}

.default-modal.body-performance.workout .tabcontent > li .buttons .social > li {
	display: inline;
}

.default-modal.body-performance.startover .text .section-startover form .row.buttons {
	display: inline;
}

.default-modal.body-performance.unsub .text .section-unsub form .row.buttons {
	display: inline;
}

#campaign[data-section="Meet Sarah Landing"] .header .sarah-videos {
	display: inline;
}

#campaign[data-section="Meet Sarah Landing"] .header .video-main a em {
	display: inline;
}

#campaign[data-section="Meet Sarah Landing"] .header .video-main a span {
	display: inline-block;
}

#campaign[data-section="Meet Sarah Landing"] > .intro {
	display: inline;
	zoom: 1;
}

#campaign[data-section="About the Program"] > .intro {
	display: inline;
	zoom: 1;
}




/* Ubisoft game logos ================================================================= */
.game-logos ul {display:inline-block;}
.game-logos ul{display:inline; }
.game-logos ul li{display:inline-block}
.game-logos ul li{ display:inline;}
.game-logos ul a{ display:inline-block;}
.game-logos {text-align:center}


/* 100 YEARS ================================================================= */

/* Modal */
.simplemodal-container { display: inline !important; }

/* Grid */
#introduction-component .grid-view > ul > li.large .header { padding-top: 8px; }

#product-lineup .listing {
	position:relative;
    zoom:1;
}







/* Q10 Quick Wins ========================================================= */

#campaign[data-section="Body Performance Persona"] .main .stat-data span.hdr {
	top: -10px;
}

.default-modal .product-gallery .pagination {
	padding-top: 40px;
	padding-bottom: 0px
}

.product-gallery .gallery li > ul > li {
	display: inline;
}








/* Dry Skin =============================================================== */

#campaign[data-section^="Dry Skin Experts"] .dse-questions td {
	border-top: solid 1px #ddd;
}

#campaign[data-section^="Dry Skin Experts"] .dse-questions td > input {
	margin-bottom: 5px;
}
#slider-wrapper{
	margin-left:-493px!important;
}







/* GiveLove Special ======================================================= */

#campaign[data-section="App Receiver Landing"] .intro-agreement-give-love .check {
	top: -3px;
}
#campaign[data-section="App Send a Tin"] .intro-agreement-give-love .check {
	zoom: 1;
}
#campaign[data-section="App Send a Tin"] .option p:first-child + p {
	padding-top: 7px;
}

#campaign[data-section="App Send a Tin"] ul.buttons li, 
#campaign[data-section="App Receiver Landing"] ul.buttons li {
	zoom: 1;
	display: inline;
}



/*NIVEA PROFILE TAB*/
#niveaProfileLoginWrapper .panel-tab-container .panel-tab{
	max-width: 300px;
	float:none;
}

#niveaProfileLoginWrapper .panel-tab-container .panel-tab .title .inner,
#niveaProfileLoginWrapper .panel-tab-container .panel-tab .title{
	padding:0;
}

#niveaProfileLoginWrapper .panel-tab .title .user-email{
	padding: 5px 0 0 0;
}


#niveaProfileLoginWrapper .panel-tab-container .panel-tab-logged-in > div{
	position:relative;
	top:0px;
}

#niveaProfileLoginWrapper .panel-tab-container .panel-tab-logged-in > div > div{
	background: url(/img/presentation/html-templates/main-gradient.png) 740px 134px;
	width: 40px;
	height:20px;
	margin-top:0px;
}



#niveaProfileLoginWrapper .panel-tab-container .panel-tab-container-wrapper{
	max-width: 300px;
	float:right;	
}
#niveaProfileLoginWrapper .panel-tab .top-shadow{
	top:-2px;
}

#niveaProfileLoginWrapper .panel-tab .user-email{
	position: relative;
}



/*IE7 fix for RTL*/
html[dir="rtl"] #niveaProfileLoginWrapper .panel-tab-container .panel-tab-container-wrapper
{	
	float:left;
	position: relative;
	max-width:auto;
	left:0;
	zoom:1;

}

html[dir="rtl"] #niveaProfileLoginWrapper #loggedout .log-in{
	float:right;
	margin-right: 63px;
}

html[dir="rtl"]  #niveaProfileLoginWrapper{
	width:auto;
	left:0;
	zoom:1;
}

html[dir="rtl"]  #niveaProfileLoginWrapper > div{
	zoom:1;
}

html[dir="rtl"] #niveaProfileLoginWrapper .login-display {
	position:absolute;
	left:0px;
	zoom:1;
}

html[dir="rtl"] #niveaProfileLoginWrapper #loggedout .or-divider .inner {
	zoom:1;
	position: relative;
	float: none;
	right:-52%;
}
html[dir="rtl"] #niveaProfileLoginWrapper #loggedout .or-divider .outer {
	zoom:1;
	position: relative;
	float: none;
	width:17px;
	right:52%;

}
html[dir="rtl"] #niveaProfileLoginWrapper .panel-tab-container{
	float:left;
	zoom:1;
}


html[dir="rtl"]  #niveaProfileLoginWrapper .panel-tab .top-shadow{
	top:-3px;
}

html[dir="rtl"]  #niveaProfileLoginWrapper .panel-tab .menu-list{
	display:none;
	zoom:1;
}

html[dir="rtl"]  #niveaProfileLoginWrapper[data-isloggedin="true"]  .panel-tab .menu-list{
	display:block;
}

html[dir="rtl"]  #niveaProfileLoginWrapper .panel-tab .menu-list .highlight{
	text-align: right;
}



html[dir="rtl"] #niveaProfileLoginWrapper .panel-tab-container-wrapper{
	min-width:300px;
	max-width:300px;
/*	height:100px;*/
	position: absolute;
	/*top: 300px;*/
	left:0px;
}

html[dir="rtl"] #niveaProfileLoginWrapper .panel-tab.sso-tab,
html[dir="rtl"] #niveaProfileLoginWrapper .panel-tab{
	position:absolute !important;
	left:0px;
	top:0px;
	max-width:100%  !important;
	min-width:100%  !important;
	width:100% !important;
}


html[dir="rtl"] #niveaProfileLoginWrapper .panel-tab-container .login-url{
	display: block;
	zoom:1;
	float:none !important;
	margin: 0 !important;
	padding:0 !important;
	position:relative;
	top:0;
	left:0;
}


html[dir="rtl"] #niveaProfileLoginWrapper .login-url .user-email{
	margin: 0 !important;
	padding:0 !important;
	position:static !important;
	top:0;
	left:0;
	white-space: normal;
	text-align: center;
	float:none !important;
}

html[dir="rtl"] #niveaProfileLoginWrapper .title{
	position: relative;
	width:300px;
	top:5px;
}


html[dir="rtl"] #niveaProfileLoginWrapper .panel-tab-container .sso-tab .title .outer{
	float:left;
	left:50%;
	right:auto !important;
	/*width:100%;*/
	zoom:1;
	position: relative;
}

html[dir="rtl"] #niveaProfileLoginWrapper .panel-tab-container .sso-tab .title .inner{
	float:left;
	left:-50%;
	right:auto !important;
	/*width:100%;*/
	zoom:1;
	position: relative;
}

html[dir="rtl"] #niveaProfileLoginWrapper .profile-image-small{
	position:absolute !important;
	padding: 0 0 0 0;
	margin:-7px -32px 0 0;
	right:0 !important;
	left:0;
}
/* GIGYA R&R */
#gigya-comments .gig-comments-username {
	float: left;
}
#gigya-comments .gig-comments-title{
   font-family: 'NiveaBold','NiveaBold_Sub',Arial,Helvetica,sans-serif;
   text-transform: uppercase;
   color: #132F7C;
   font-size: 12px;
   font-style: normal;
   font-weight: normal;
   padding-left: 5px;
}

/* END GIGYA */

.use-webfonts .tabcontent li {
	margin-bottom: 12px !important;
}

html[lang="zh"] * {
	font-family: Verdana !important;
}

