@CHARSET "UTF-8";



/* =Global reset styles
--------------------------------------------------------------------- */
			
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
pre { display:none; }
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1; /* sets baseline line height for the document */
	z-index:1;
}
ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
 
img, div#take_effect_style 
{ 
	behavior: url("assets/scripts/iepngfix.htc"); /* relative to html not the css */
}

/* Additional reset styles 
--------------------------------------------------------------------- */

/* Reset Global reset to values we would expect for some elements */
strong		{ font-weight: bold;}
 
/* Remove Mozilla's dashed borders */
a 	{outline:none;}
a:active {outline:none;}

/* Remove border around fieldset even on Opera 7 */
fieldset {
  border: solid 0 transparent;
}

/* Remove blue border around linked images */
a img {
	border: 0;
}
.fl
{
	float:left;
}
/*
--------------------------------------------------------------------- */




/** SITE WIDE 
*****************************************************/

html, body {
	font-family: Lucida Sans, Helvetica, Sans Serif;
	padding: 0; 
	margin: 0;
}

#container {
    width: 100%;
}

#container, #content, object#website, #discreet {
	min-width: 1200px;
	min-height: 545px;
}





/** CONTENT
*****************************************************/

h1 { display: block; }

#content {
	overflow: auto;
	width: 100%;
    clear: both;
    background-image: url('../../images/site/html-bgd.jpg');
    background-position: center center;
    background-repeat: no-repeat;
}

#discreet {
	width: 1200px;
	margin: 0 auto 0 auto;
}

#take_effect_style {
	width: 1200px;
	height: 550px;
	position: absolute;
	z-index: 50;
	margin-top: 51px;
	margin-left: 0 !important;
	top: 50px;
    background-image: url('../images/pl_PL/landing_neon_off.png');
    background-position: 200px 20px;
    background-repeat: no-repeat;
}



/** ERRORS
*****************************************************/

#errors {
    background-image: url('../../images/site/flash-and-more-info-boxes.png');
    background-position: 0 0;
    background-repeat: no-repeat;
	width: 533px;
	xheight: 266px;
	position: absolute;
	z-index: 100;
	top: 40px;
	margin-top: 50px;
	margin-left: 152px !important;
}


#errors #upper, #errors #lower {
	width: 460px;
	height: 100px;
	text-align: center;
}

#errors p {
	xwidth: 420px;
	xtext-align: center;
	margin: 10px auto 0 auto;
}

#errors #lower a {
	display: block;
	width: 260px;
	margin: 30px auto 0 auto;
}

p#headline {
	color: #6b6b6a;
	padding-top: 30px;
}

p#followup {
	padding-top: 5px;
	font-size: 0.8em;
	color: #8f8f8f;
}

a#get-flash {
	line-height: 50px;
	color: #FFF;
	text-decoration: none;
	display: block;
    background-image: url('../../images/site/install-flash.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 260px;
    height: 50px;
}

#error-js, #error-flash {
	margin: 30px 0 0 40px;
}




/** FOOTER
*****************************************************/

#footer {
	padding-top: 7px;
	margin: 0 auto 0 auto;
	min-width: 1200px;
	width: 100%;
    clear: both;
	height: 18px;
	overflow: hidden;
	font-size: 0.6em;
    background-image: url('../../images/site/footer-bgd.png');
    background-position: left bottom;
    background-repeat: repeat-x;
}

#footer, #footer a {
	color: #343434;
	text-decoration: none;
}

#footer #links a {
	border-bottom: solid 1px #bdbdbd;
}

#footer #links {
	margin: 0px 0 0 9px;
}

#footer #links, #footer #social-media {
	float: left;
}

#footer #social-media {
	float: right;
	margin-top: -18px;
	text-align: right;
	padding-top: 3px;
}

#footer #social-media .network {
	padding-right: 3px;
	margin-top: -4px;
}

#footer #social-media ul ul {
	width: 250px;
	border: solid 1px #000;
}

#footer #copyright {
	width: 300px;
	margin: auto;
	padding: 3px;
}

#footer li {
	padding: 3px 10px 0px 0px;
}

#footer li, #footer li ul  #footer li ul li {
	float: left;
}








/*******************************************************/


#no-flash {
	height:165px; 
	width:197px; 
	float:left; 
	padding:4px 18px 0 18px; 
	margin-right:3px;	
}

#more {
	height:165px; 
	width:205px; 
	float:left; 
	padding:4px 15px 0 15px;
}

p#headlines {
	font-size: 0.9em;
	color: #6b6b6a;
	text-align:left;
	line-height:18px;
	height:40px;
	
}

p#followups {
	font-size: 0.7em;
	color: #8f8f8f;
	text-align:left;
	height:40px;
}

a#install-flash, a#find_more, a#back-to-products {
    background-image: url('../../images/site/hp-btn-bg.png');
    background-position: left top;
    background-repeat: no-repeat;
	display:block;
	width:150px;
	height:46px;
	color:#FFF;
	font-size:0.8em;
	text-align:center;
	line-height:43px;
	margin:1px auto 0 auto;
	text-decoration:none;
}

a#back-to-products{
*margin-top:17px;
}

#scents {
	width:467px; 
	float:left; 
	clear:both;
	margin:5px 0 0 2px;	
}
 
#tabs {
    background-image: url('../../images/site/hp-tabs.png');
    background-position: left top;
    background-repeat: no-repeat;
	width:467px;
	*width:480px;
	height:37px;
	margin-top:0 !important;
}

#tabs a#tab_duo_link {
	color: #6b6b6a;
	margin:5px 1px 0 3px;
	
}

#tabs a {
	color:#FFF;
	font-size:0.7em;
	text-align:center;
	text-decoration:none;
	display:block;
	float:left;
	width:76px;
	height:27px;
	margin:5px 1px 0 0;
	padding-top:5px;
}

#tabs span#tab_duo_link {
	color: #6b6b6a;
	margin:5px 1px 0 3px;
	
}

#tabs span {
	color:#FFF;
	font-size:0.7em;
	text-align:center;
	text-decoration:none;
	display:block;
	float:left;
	width:76px;
	height:27px;
	margin:5px 1px 0 0;
	padding-top:5px;
}

#tabs span#vertical-align{
  margin-top:10px;
  height:20px;
}

.tab-txt-vertical-align {
	line-height:22px;  	
}




#tab-content {
	height:205px;
    background: url('../../images/site/discreet-duo-tab.png') no-repeat left top;
}

#tab-content img{
  margin-top:35px;
  margin-left:20px;
  position:absolute;
  display:inline;
}


#tab-content-ocean {
	height:205px;
    background: url('../../images/site/ocean-breeze-tab.png') no-repeat left top;
}

#tab-content-ocean img{
  margin-top:25px;
  margin-left:115px;
  position:absolute;
  display:block;
}

#tab-content-water {
	height:205px;
    background: url('../../images/site/water-lilly-tab.png') no-repeat left top;
}

#tab-content-water img{
  margin-top:25px;
  margin-left:115px;
  position:absolute;
  display:block;
}

#tab-content-summer {
	height:205px;
    background: url('../../images/site/summer-fresh-tab.png') no-repeat left top;
}

#tab-content-summer img{
  margin-top:25px;
  margin-left:115px;
  position:absolute;
  display:block;
}

#tab-content-normal {
	height:205px;
    background: url('../../images/site/normal-tab.png') no-repeat left top;
}

#tab-content-normal img{
  margin-top:25px;
  margin-left:115px;
  position:absolute;
  display:block;
}

#tab-content-air {
	height:205px;
    background: url('../../images/site/air-tab.png') no-repeat left top;
}

#tab-content-air img{
  margin-top:25px;
  margin-left:115px;
  position:absolute;
  display:block;
}



#tab-content p, #tab-content-ocean p, #tab-content-water p, #tab-content-summer p, #tab-content-normal p, #tab-content-air p {
	margin-top:0;
	text-align:left;	
}

#tab-headline {
	font-size: 0.8em;
	color: #6b6b6a;
	
}

#ocean-headline {
	color:#4089b1;
	font-size:1.0em;
}

#water-headline {
	color:#55bcb3;
	font-size:1.0em;
}

#summer-headline {
	color:#efa03f;
	font-size:1.0em;
}

#normal-headline {
	color:#f1189f;
	font-size:1.0em;
}

#air-headline {
	color:#636bc3;
	font-size:1.0em;
}

.tab-followup {
	font-size: 0.7em;
	color: #8f8f8f;
	padding-top:10px;
}

#duo-content-position {
margin-left:289px;
padding-top:34px;
width:150px;
height:130px;
}

#ocean-content-position {
margin-left:231px;
padding-top:34px;
width:208px;
height:130px;
}

#water-content-position {
margin-left:231px;
padding-top:32px;
width:208px;
height:130px;
}

#summer-content-position {
margin-left:231px;
padding-top:32px;
width:208px;
height:130px;
}

#normal-content-position {
margin-left:231px;
padding-top:32px;
width:208px;
height:130px;
}

#air-content-position {
margin-left:231px;
padding-top:32px;
width:208px;
height:130px;
}


/* Узнай больше! info box */

#find-out-more {
	background: url('../../images/site/find-more-bg.png') no-repeat left top;
	width:475px;
	height:419px;
}

#find-more-headline {
	font-size:0.9em;
	color:#d48200;
	text-align:left;
	padding:25px 0 0 21px;
	margin-top:0 !important;
}

#find-more-followup {
	color:#534023;
	font-size:0.7em;
	line-height:17px;
	padding:0 21px;
}

.hr {
	background: url('../../images/site/find-more-hr.gif') no-repeat left top;
	width:421px;
	height:1px;
	margin:18px 0 18px 21px;
}

* html .hr{
 margin:18px 0 0px 21px;
}

/* left column */

#left-column {
	width:207px; 
	*width:200px;
	xborder:1px dashed red;
	margin:0 0 0 21px;
	*margin:0 0 0 21px;
	float:left;
}

* html #left-column{
 margin:0 0 0 10px;
}

#admirer-is {
	list-style-image:url('../../images/site/find-more-ul-arrow.png');
	margin:0 0 6px 14px;
	list-style-position:outside;
	padding-left:2px;
}

#admirer-is li {
	font-size:0.7em;
	color:#534023;
	padding-bottom:10px;
}

#lft-col-headline {
	font-size:0.9em;
	color:#d48200;
	text-align:left;
	margin-top:0 !important;
	padding-bottom:18px;
}

/* right column */

#right-column {
	width:207px;
	xborder:1px dashed lime;
	margin:0 0 0 20px;
	float:left;

}

#app-img {
    width:205px;
	height:134px;
	background: url('../../images/site/admirer-app.jpg') no-repeat left top;
	margin:1px 0 0 0;
}


/* Fan link*/

#fan-link {
	display:block; 
	width:116px; 
	height:121px;
	position:relative; 
	top:310px; 
	left:980px; 
	z-index:1200000;
}


/** OVERLAY
*****************************************************/

object#website {
       z-index: 100;
       position: absolute;
       top: 0;
}


#overlay {
       background-image: url('../../images/badge-bgd.png');
       background-position: left top;
       background-repeat: no-repeat;
       z-index: 10000;
       position: absolute;
       top: 25%;
       left: 35%;
       width: 415px;
       height: 480px;
}

#overlay #close {
       z-index: 200002;
       position: absolute;
       top: 90px;
       right: 90px;
}

#overlay #badge {
       position: relative;
       margin: 100px;
}