/* CSS Document for globally defined styles on silvikrin sites. */

/* page qualities */
	html, body {
		margin: 0px;
		padding: 0px;
		background-color: #FFFFFF;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}

/* Default margin and padding settings for the majority of divs. */
	div {
		margin: 0px;
		padding: 0px;
		}
		
	img { border:0; }
	
/* All the heading tags are set to have zero padding and margins. This is because they are wrapped around images that are used as headers. 
	When images are not displayed, the Alt text is rendered according to the appropriate heading tag. */
	h1, h2, h3, h4, h5, h6 {
		margin: 0px;
		padding: 0px;
	}

.clear{clear:both; }
.floatLeft{float:left; }
.floatRight{float:right; }

/* Used to wrap images that convey plain text and as a basis for the majority of other paragraphs. */
	p {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.7em;
		color: #002d27;
		margin: 0px;
		padding: 0px;
	}
	
	li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #002d27;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	list-style-image: url(/images/yellowarrow.gif);			
	}
	
/* Style for smaller paragraph text. */
	p.smallTxt {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.6em;
		color: #002d27;
		margin: 0px;
		padding: 0px;
	}
	
/* We use a table to centre the site within the middle of a browser window. Tables are used rather than divs as the div solution causes a problem with IE5 on a mac. */
	.containerTable {
		width:100%;
		height:100%;
	}
	
/* This centres the outer container element. */
	.containerTableCell {
		text-align: center;
	}
	
/* Container for main content. */
	div.container {
		position: relative;
		margin: 80px auto;
		width: 712px;
	}

/* Container for header elements and main navigation. */
	div.header {
		position: relative;
		width: 712px;
		height: 75px;

		overflow: hidden;
	}

/* Container for header elements and main navigation on flash pages. */

	div.headerFlash {
		position: relative;
		width: 712px;
		height: 55px;
		overflow: hidden;
	}
	
/* Secrets de Beaute logo. */
	div.logo {
		position: absolute;
		top: 8px;
		left: 440px;
		width: 251px;
		height: 47px;
	}
	
/* Container for footer elements. */
	div.footer {
		position: relative;
		height:46px;
		width: 712px;
		text-align: center;
		clear:both;
		padding-top:10px;
	}
	.logoFooter{
		position:absolute;
		height:46px;
		left:0px;
		top:0px;
		}
	.logoFooter img{
		border:0;
		}

/* Footnote text. */
	p.footnote {
		width: 744px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.7em;
		color: #00453b;
		text-align: center;
	}
	
	p.footnote2 {
		width: 744px;	
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.6em;
		color: #00453b;
		text-align: center;
	}
	
	.footer #sales { display:none; }
	.home .footer #sales { display:block; }

			
/* Red links. */	
	a.red:link, a.red:active, a.red:visited {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #c62026;
		text-decoration: underline;
		font-size: 0.7em;		
		}	
		
	a.red2:link, a.red2:active, a.red2:visited {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #c62026;
		text-decoration: underline;
		}
		
/* Blu links. */	
	a.bluetto:link, a.bluetto:active, a.bluetto:visited {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #1C3B6F;
		text-decoration: underline;
		font-size: 0.7em;		
		}	
		
	a.bluetto2:link, a.bluetto2:active, a.bluetto2:visited {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #1C3B6F;
		text-decoration: underline;
		}
				
/* nomal link */	
	a:link, a:active, a:visited {
		color: #002d27;
		text-decoration: underline;
	}
	
/* Footer links. */	
	a.footer:link, a.footer:active, a.footer:visited {
		color: #C0C3CE;
		text-decoration: none;
		font-size: 0.7em;
	}

	a.footer:hover {
		color: #C0C3CE;
		text-decoration: underline;
	}
	
/* Error message style for users who do not have flash installed. */

	p.noFlash {
		color: #FF0000;
	}	
/*--------------------------------NAV-------------------------------------------*/
	
	h1.silvikrinLogo{
		position: absolute;
		width: 124px;
		height: 64px;
		top: 0px;
		left: 0px;
		z-index: 2;
	}
		
		h3.home{
		width: 148px;
		height: 31px;
		position: absolute;
		top: 1px;
		left: 263px;
		z-index: 2;
	}	
	
		
		
	h3.product{
		width: 77px;
		height: 19px;
		position: absolute;
		top: 1px;
		left: 369px;
		z-index: 2;
	}	
	
	h3.new{
		width: 99px;
		height: 20px;
		position: absolute;
		top: 3px;
		left: 242px;
		z-index: 2;
	}
	
	h3.style{
		width: 103px;
		height: 17px;
		position: absolute;
		top: 3px;
		left: 377px;
		z-index: 2;
	}
	
	h3.join{
		width: 101px;
		height: 17px;
		position: absolute;
		top: 1px;
		left: 448px;
		z-index: 2;
	}
	
	h3.wtb{
		width: 91px;
		height: 18px;
		position: absolute;
		top: 1px;
		left: 540px;
		z-index: 2;
	}
		h3.wtbn{
		width: 87px;
		height: 18px;
		position: absolute;
		top: 1px;
		left: 622px;
		z-index: 2;
	}
		
	div.navBg{
		width: 562px;
		height: 51px;
		position: absolute;
		top: 19px;
		left: 0px;
		z-index: 1;
	}
	
	h1.wellaLogo{
		width: 83px;
		height: 51px;
		position: absolute;
		top: 3px;
		left: 660px;
		z-index: 2;
	}	
	
		.white{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #ffffff;
		text-decoration: underline;
		}
		
		
		.white2{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #ffffff;
		margin: 20px  20px  20px  0px;
		
		}
	
	
.frameBtm { margin-top:-10px; }