@charset "utf-8";
@import "../../css/base.css";
html, body {
	background-color:#3f6888;
	color:#728694;
	font-family:Arial, Helvetica, sans-serif;
}
body {
	padding:0 0 0 1px;
}
#outerWrapper {
	font-size:.8em;
}
#headerWrapper {
	background:#3f6888 url(../images/headerBg.gif) top repeat-y;
}
#headerInner {
	min-height: 115px;
	height: auto !important;
	height: 115px;
	width:880px;
	margin:0 auto;
	position:relative;
}
h1 a {
	height:63px;
	width:310px;
	text-indent:-9999em;
	background:url(../images/vivalisLogo.png);
	position:absolute;
	right:40px;
	bottom:0;
	outline:none;
}
h2 {
	font-size:1.8em;
	font-weight:normal;
	color:#1e476d;
	margin:10px 0;
}
body#home h2 {
	font-size:1.95em;
	margin:10px 0 40px;
}
h2 em {
	font-style:normal;
	font-weight:bold;
}
h3 {
	font-size:1.4em;
	color:#1e476d;
	font-weight:normal;
	margin:10px 0 5px;
}
p {
	margin:0 0 1em;
}
a {
	color:#677c8a;
	text-decoration:underline;
}
a:hover {
	color:#000;
}
#mainContent .content ul, #mainContent .content ol {
	margin:1em 0;
}
#mainContent .content ul ul, #mainContent .content ol ol, #mainContent .content ul ol, #mainContent .content ol ul, #mainContent .content ul li, #mainContent .content ol li {
	margin:.5em 0;
}
#bodyWrapper {
	height:500px;
	background:transparent url(../images/bodyBg.gif) 50% -1px no-repeat;
}
#bodyInner {
	width:880px;
	margin:0 auto;
	background:#fff;
	position:relative;
	overflow:hidden;
}
#footer {
	font-size:.9em;
	width:880px;
	margin:0 auto;
}
#footer, #footer a {
	color:#7ba8ce;
}
#footer a {
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
#footer .content {
	padding:10px 0 30px;
}
#mainContent {
	min-height: 400px;
	height: auto !important;
	height: 400px;
}
#contentMask1 {
	position:absolute;
	background:transparent url(../images/contentMask1.png) 0 0 no-repeat;
	height:40px;
	width:880px;
	z-index:10;
}
#contentMask2 {
	position:absolute;
	bottom:0;
	background:transparent url(../images/contentMask2a.png) bottom no-repeat;
	height:50px;
	width:880px;
	z-index:10;
}
* #contentMask2 {
	bottom: -1px;
}
/***************************************************
HOME PAGE
***************************************************/
h3.cosmeticsBrands {
	width:500px;
	height:20px;
	background:url(../images/h3CosmeticsBrands.gif);
	text-indent:-9999em;
	overflow:hidden;
	margin:0 0 20px;
}
ul.cosmeticsBrands {
	width:500px;
	height:95px;
	background:url(../images/brandsCosmetics.gif);
	margin:0 0 40px !important;
	padding:0 !important;
}
ul.cosmeticsBrands li {
	height:95px;
	width:100px;
	display:inline;
	float:left;
	margin:0 !important;
	padding:0 !important;
	background: none !important;
}
ul.cosmeticsBrands li.collection2000 {
	width:310px;
}
ul.cosmeticsBrands li.ccuk {
	width:190px;
}
ul.cosmeticsBrands li a {
	height:95px;
	display:block;
	text-indent:-9999em;
	outline:none;
}
h3.beautyHaircareBrands {
	width:500px;
	height:20px;
	background:url(../images/h3BeautyBrands.gif);
	text-indent:-9999em;
	overflow:hidden;
	margin:0 0 20px;
}
ul.beautyHaircareBrands {
	width:500px;
	height:91px;
	background:url(../images/brandsBeauty.gif);
	margin:0 0 50px !important;
	padding:0 !important;
}
ul.beautyHaircareBrands li {
	height:91px;
	width:167px;
	display:inline;
	float:left;
	margin:0 !important;
	padding:0 !important;
	background:none !important;
}
ul.beautyHaircareBrands li.batiste {
	width:166px;
}
ul.beautyHaircareBrands li a {
	height:85px;
	display:block;
	text-indent:-9999em;
	outline:none;
}
/***************************************************
BRANDS PAGE
***************************************************/
ul.brandsList {
	width:800px;
	clear:both;
	margin:30px 0;
	padding:0;
}
ul.brandsList li {
	width:280px;
	float:left;
	background:url(../images/brandsListDivider.gif) 255px 50% no-repeat !important;
	padding:0 !important;
}
ul.brandsList li.last {
	width:240px;
	background:none;
}
ul.brandsList li h3 {
	margin:0 0 10px 0;
	width:230px;
	height:94px;
}
ul.brandsList li h3 a {
	display:block;
	width:230px;
	height:94px;
	background-repeat:no-repeat;
	/*text-indent:-9999em;*/
	overflow:hidden;
	outline:none;
}
ul.brandsList li p {
	padding:0 40px 0 0;
	margin:0;
}
ul.brandsList li.last p {
	padding:0;
}
ul.brandsList li.collection2000 h3 a {
	background-image:url(../images/brandCollection2000.gif);
}
ul.brandsList li.batiste h3 a {
	background-image:url(../images/brandBatiste.gif);
}
ul.brandsList li.bblonde h3 a {
	background-image:url(../images/brandBblonde.gif);
}
ul.brandsList li.mememe h3 a {
	background-image:url(../images/brandMEMEME.gif);
}
ul.brandsList li.fadeout h3 a {
	background-image:url(../images/brandFadeOut.gif);
}
ul.brandsList li.ccuk h3 a {
	background-image:url(../images/brandCCUK.gif);
}
ul.brandsList li.taylor h3 a {
	background-image:url(../images/brandTaylor.gif);
}
ul.brandsList li.fragrances h3 a {
	background-image:url(../images/brandFF.gif);
}
ul.brandsList li.otherBrands h3 {
	background-image:url(../images/brandOther.gif);
	display:block;
	width:230px;
	height:94px;
	text-indent:-9999em;
	overflow:hidden;
}
/***************************************************
BRAND DETAILS PAGES
***************************************************/
body.brandDetail h3 {
	font-size:2em;
}
body.brandDetail a.siteLink:hover {
	text-decoration:underline;
}
body#collection2000 h3, body#collection2000 a.siteLink {
	color:#ec3695;
}
body#taylor h3, body#bblonde h3, body#taylor a.siteLink, body#bblonde a.siteLink {
	color:#000;
}
body#ccuk h3, body#ccuk a.siteLink{ color:#582045; }
body#fadeout h3, body#fadeout a.siteLink {
	color:#531612;
}
body#mememe h3, body#mememe a.siteLink {
	color:#e70fa2;
}
body#ff h3, body#ff a.siteLink {
	color:#0e007c;
}
body#batiste h3, body#batiste a.siteLink {
	color:#0f8799;
}
a.siteLink {
	font-weight:bold;
	font-size:1.3em;
	text-decoration:none;
	padding-left:10px;
	background:url(../images/siteLinkBg.gif) 0 .2em no-repeat;
}
h2.collection2000 {
	height:386px;
	width:539px;
	background:url(../images/h2Collection2000.jpg);
	text-indent:-9999em;
}
h2.ccuk {
	height:484px;
	width:575px;
	background:url(../images/h2CCUK.jpg);
	text-indent:-9999em;
}
h2.taylor {
	height:425px;
	width:561px;
	background:url(../images/h2Taylor.jpg);
	text-indent:-9999em;
}
h2.mememe {
	height:359px;
	width:599px;
	background:url(../images/h2MEMEME.jpg);
	text-indent:-9999em;
}
h2.ff {
	height:398px;
	width:575px;
	background:url(../images/h2FF.jpg);
	text-indent:-9999em;
}
h2.fadeout {
	height:379px;
	width:590px;
	background:url(../images/h2FadeOut.jpg);
	text-indent:-9999em;
}
h2.bblonde {
	height:408px;
	width:570px;
	background:url(../images/h2Bblonde.jpg);
	text-indent:-9999em;
}
h2.batiste {
	height:383px;
	width:527px;
	background:url(../images/h2Batiste.jpg);
	text-indent:-9999em;
}
ul#brandsNav {
	width:220px;
	height:640px;
	background:url(../../images/brandNavBg.gif) no-repeat;
	position:absolute;
	right:0;
}
ul#brandsNav li {
	width:220px;
}
ul#brandsNav li a {
	display:block;
	height:85px;
	text-indent:-9999em;
	background-image:url(../../images/brandLogos.gif);
	outline:none;
}
ul#brandsNav li.collection2000 a {
	margin-top:40px;
}
body#collection2000 ul#brandsNav li.collection2000 a, ul#brandsNav li.collection2000 a:hover {
	margin-top:40px;
	background-position:-220px 0;
}
ul#brandsNav li.batiste a {
	background-position:0 -85px;
}
body#batiste ul#brandsNav li.batiste a, ul#brandsNav li.batiste a:hover {
	background-position:-220px -85px;
}
ul#brandsNav li.bblonde a {
	background-position:0 -170px;
}
body#bblonde ul#brandsNav li.bblonde a, ul#brandsNav li.bblonde a:hover {
	background-position:-220px -170px;
}
/*ul#brandsNav li.mememe a {
	background-position:0 -225px;
}
body#mememe ul#brandsNav li.mememe a, ul#brandsNav li.mememe a:hover {
	background-position:-220px -225px;
}*/
ul#brandsNav li.fadeout a {
	background-position:0 -255px;
}
body#fadeout ul#brandsNav li.fadeout a, ul#brandsNav li.fadeout a:hover {
	background-position:-220px -255px;
}
ul#brandsNav li.ccuk a {
	background-position:0 -340px;
}
body#ccuk ul#brandsNav li.ccuk a, ul#brandsNav li.ccuk a:hover {
	background-position:-220px -340px;
}
ul#brandsNav li.taylor a {
	background-position:0 -425px;
}
body#taylor ul#brandsNav li.taylor a, ul#brandsNav li.taylor a:hover {
	background-position:-220px -425px;
}
ul#brandsNav li.ff a {
	background-position:0 -510px;
	height:90px;
}
body#ff ul#brandsNav li.ff a, ul#brandsNav li.ff a:hover {
	background-position:-220px -510px;
}
#extraContent {
	width:880px;
	background:url(../images/extraContentBg.gif);
	margin:0 auto;
	color:#fff/*#7ba8ce*/;
}
#extraContent #extraContentInner {
	padding:15px 40px 20px;
}
ul.retailerList {
	padding:0;
}
ul.retailerList li {
	display:inline;
	float:left;
	margin-right:20px !important;
	padding:0;
	background:none !important;
}
/***************************************************
CONTACT US PAGE
***************************************************/
#googleMap {
	width:370px;
	float:right;
	margin:1em 0;
}
#directions {
	clear:both;
	margin:1em 0;
}
/***************************************************
EMPLOYMENT PAGE
***************************************************/
table#vacancyTable {
	width:100%;
	border-collapse:collapse;
	background:#f2f7fa;
	color:#1e476d;
}
table#vacancyTable caption {
	text-align:left;
	color:#1e476d;
	font-size:1.4em;
	margin:0 0 5px;
}
table#vacancyTable th {
	background:#d4e5f2;
	text-align:left;
	padding:4px 10px;
}
table#vacancyTable td {
	padding:4px 10px;
	border-bottom:1px solid #cadeef;
}
table#vacancyTable a {
	color:#1e476d;
	font-weight:bold;
	text-decoration:none;
}
table#vacancyTable a:hover {
	text-decoration:underline;
}
a.icon.pdf {
	padding:2px 0 2px 23px;
	background:url(../../../../shared/images/iconPDF.gif) 0 1px no-repeat;
}
body#jobs .contentInner {
	width:550px;
	float:left;
	display:inline;
	margin-right:40px;
}
body#jobs .sidebar {
	width:210px;
	float:left;
}
.content ul {
}
.content ul li {
	padding-left:10px;
	background:url(../images/bullet.gif) 0 .4em no-repeat;
}
.getAdobeReader {
	margin-top:15px;
}
.getAdobeReader a {
	background:url(../../images/iconGetAdobeReader.gif) 0 0 no-repeat;
	text-indent:-9999em;
	width:86px;
	height:21px;
	float:left;
}
/* SITEMAP */

ul.sitemap a {
	color:#1E476D;
	font-weight:bold;
	text-decoration:none;
	font-size:1.1em;
	background:none;
}
ul.sitemap a:hover {
	color:#1E476D;
	text-decoration:underline;
}
ul.sitemap ul a {
	color:#728694;
	padding-left:10px;
	background:url(../images/bullet.gif) 0 .4em no-repeat;
	font-weight:normal;
}
ul.sitemap ul a:hover {
	text-decoration:underline;
	background:url(../images/bullet.gif) 0 .4em no-repeat;
}
ul.sitemap ul ul ul a {
	font-weight:normal;
	background:none;
	color:#A19D91;
}
ul.sitemap li {
	margin-top:7px;
	background:none;
}
ul.sitemap ul li {
	margin-top:7px;
}