@import "pink_theme.css";
@import "yellow_theme.css";
@import "green_theme.css";

html,body {
	margin:0px;
	padding:0px;
	font:12px Arial;
	line-height:18px;
	color:#333;
	}
a {
	color:#006699;
	outline:none;
	}
a:hover {
	text-decoration:none;
	}
img {
	border:none;
	}
form,p,ul,h5,h4,h3,h2,h1 {
	padding:0px;
	margin:0px;
	}
ul {list-style:none;}
.float_left {
	float:left;
	}
.float_right {
	float:right !important;
	}
br {
	height:18px;
	line-height:13px;
	}
table {
	border-collapse: collapse;
	border-spacing:0px;
	border:0px;
	}
table th {font-weight:normal;text-align:left;vertical-align:top;padding-top:5px;}
table td {line-height:15px;vertical-align:top;}
.clearing {
	font-size:1px;
	line-height:1px;
	height:1px;
	clear:both;
	}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
    }
.clearfix {
	display:inline-block;
	display:block;
	min-height:1px;
	}
* html .clearfix { height:1px;}
h1 {
	font:normal 24px Arial;
	text-transform:uppercase;
	padding-bottom:10px;
	clear:both;
	}
h2 {
	font:normal 18px Gill Sans,Arial;
	text-transform:uppercase;
	padding-top:4px;
	color:#000;
	}
h3 {
	font:bold 14px Arial;
	padding:5px 0 19px 0;
	}
h4 {
	font:normal 18px Gill Sans,Arial;
	padding-bottom:15px;
	}
h5 {
	font:bold 14px Arial;
	padding:5px 0 19px 0;
	color:#006699;
	}
h4 span {font-size:14px;display:block;}
#conteiner {
	width:940px;
	margin:0 auto;
	padding:31px 0;
	}
/*-- header --*/
#header {padding-bottom:13px;}
.logo {float:left;margin:0 0 0 0;}

.login {float:right;font-size:11px;margin-top:1px;}
.login th {padding:7px 5px 0 0;font-weight:bold;}
.login .button {margin-top:3px;}
.login p {font-size:10px;line-height:11px;padding-top:3px;}
.login .jNiceInputInner input {width:130px;font-size:11px;margin-bottom:2px;color:#666;font-weight:normal;}
.login .jNiceCheckbox {margin-top:-3px;}
.login .pad6t {padding-top:6px;}
.login a {text-decoration:none;color:#333;}
.login a:hover {text-decoration:underline;}

.auth {float:right;color:#ccc;padding:17px 5px 0 0;}
.auth span {color:#333;padding:0 5px;}
.auth a {font-weight:bold;text-decoration:none;padding:0 5px;}
.auth a:hover {text-decoration:underline;}

#quot {
	background:#0085c3 url(../i/quot_blue.png) 0px 0px repeat-x;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:22px 20px 15px 115px;
	min-height:40px;
	margin-bottom:7px;
	font:14px Gill Sans,Arial;
	color:#fff;
	}
#quot div {
	width:200px;
	float:right;
	}
#quot p {
	width:580px;
	float:left;
	}
.mark-fl {
	background:url(../i/mark_fl.gif) right top no-repeat;
    width:23px;
    height:40px;
    display:block;
    float:left;
    margin-right:2px;
    margin-top:-5px;
	}
.mark-fr {
	background:url(../i/mark_fr.gif) right bottom no-repeat;
	padding:5px 10px;
    margin-left:2px;
    position:relative;
	}

/*-- /header --*/
#tabs {
	font:normal 16px Gill Sans,Arial;
	margin-bottom:11px;
	padding-left:0px;
	position:relative;
	}
#tabs li {float:left;background:none;padding:0px;}
#tabs li a {
	color:#333;
	text-decoration:none;
	display:block;
	padding-top:11px;
	background:url(../i/tab.gif) 0px 0px no-repeat;
	width:130px;
	height:28px;
	margin-left:5px;
	text-align:center;
	overflow: hidden;
	white-space: nowrap;
	font-size: 13px;

	}
#tabs li:FIRST-CHILD a {margin-left:0px;}
#tabs li.active a {
	background:url(../i/tab_active.png) 0px 0px no-repeat;
	position:relative;
    z-index:5;
    cursor:default;
	}
#tabs li.active div {
	border-top:1px solid #cecece;
	position:absolute;
	margin-top:-1px;
	width:936px;
	left:2px;
	height:1px;
	}
ul {padding-left:7px;}
/*ul li {background:url(../i/menu_li.gif) 3px 9px no-repeat;padding:3px 0 3px 19px;}*/
ul li {background:url(../i/menu_li.gif) 3px 9px no-repeat;padding:0.5em 0 0.5em 19px;}

.red ul li {
	background-image: url(../i/li_red.gif);
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.green ul li {
	background-image: url(../i/li_green.gif);
}

.yellow ul li {
	background-image: url(../i/li_yellow.gif);
}
/*-- left column --*/
#menu {
	float:left;
	width:151px;
	padding:8px 0 0 1px;
	}
#menu ul {padding:13px 0px;}
#menu ul li {color:#999;}
#menu ul li a {
	font-weight:bold;
	text-decoration:none;
	}
#menu ul li a:hover {text-decoration:underline;}

#left {
	width:255px;
	float:left;
	margin:16px 15px 0 -64px;
	position:relative;
	}
/*-- /left column --*/
/*-- main --*/
#main {
	float:left;
	width:687px;
	padding:10px 0 30px 0;
	min-height:300px;
	}
#main.wid455 {width:455px;}
#main.wid520 {width:520px;}
#main.wid770 {width:770px;}

.color {
	width:672px;
	padding:17px 0 35px 0;
	clear:both;
	}
.color li {
	float:left;
	padding-left:3px;
	font:bold 14px Arial;
    width:107px;
    text-align:center;
	}
.color li img {
	display:block;
	margin-bottom:8px;
	}
.color li a {text-decoration:none;}
.color li a:hover {text-decoration:underline;}
.blue,.green,.red {padding-right:70px;}
.yellow {padding-right:3px;}
.blue a  {color:#0086c4;}
.green a {color:#2d9525;}
.red a   {color:#f72251;}
.yellow a{color:#ff9900;}

.perfect,.good,.average,.bad {
	clear:both;
	float:left;
	margin-bottom:25px;
	width:350px;
	}
.perfect{background:url(../i/perfect.gif) 211px 0px no-repeat;padding:20px 0 40px 267px;margin-top:40px;}
.good   {background:url(../i/good.gif) 210px 2px no-repeat;   padding:20px 0 20px 267px;}
.average{background:url(../i/average.gif) 208px 2px no-repeat;  padding:20px 0 20px 270px;}
.bad    {background:url(../i/bad.gif) 200px 0px no-repeat;      padding:20px 0 20px 275px;margin-bottom:40px;}
.perfect img {margin:-41px 0 -13px 20px;position:absolute;}
.good img    {margin:-25px 0 -33px 40px;position:absolute;}
.average img {margin:-15px 0 -25px 35px;position:absolute;}
.bad img     {margin:-15px 0 -20px 55px;position:absolute;}

.step {
	background:#e0f0fb url(../i/step.png) 0px 0px no-repeat;
	width:246px;
	height:259px;
	float:left;
	padding-bottom:2px;
	margin:28px 0 0 16px;
	}
.step.first {margin-left:0px;}
.step h1 {padding:10px 0 1px 10px;}
.step p  {padding:0 10px;}
.step div {height:259px;}
.marg5r {margin-right:5px;}
.bg1  {background:url(../i/step1.jpg) center bottom no-repeat;}
.bg2  {background:url(../i/step2.jpg) center bottom no-repeat;}
.bg3  {background:url(../i/step3.jpg) center bottom no-repeat;}
.bg1_2{background:url(../i/screen1.jpg) center bottom no-repeat;}
.bg2_2{background:url(../i/screen2.jpg) center bottom no-repeat;}
.bg3_2{background:url(../i/screen3.jpg) center bottom no-repeat;}
.bg1_3{background:url(../i/screen1_2.jpg) center bottom no-repeat;}
.bg2_3{background:url(../i/screen2_2.jpg) center bottom no-repeat;}
.bg3_3{background:url(../i/screen3_2.jpg) center bottom no-repeat;}
.bg1_4{background:url(../i/screen1_4.jpg) center bottom no-repeat;}
.bg2_4{background:url(../i/screen2_4.jpg) center bottom no-repeat;}
.time {
	font:bold 36px Arial;
	margin:-42px 0 20px 440px;
	position:absolute;
	background: #cccccc;
	}
.goto {clear:both;padding-top:17px;}
.goto .button {margin:0px 0 0 5px;}
.goto p {float:right;}
.film {width:450px;}
.film div {
	background:#d6ecfa url(../i/film.png) 0px 0px no-repeat;
	width:531px;
	height:291px;
	margin:25px 0 10px 0;
	}
.film p {float:right;}
.film p a {padding-left:12px;}
.film a,.goto a {font-weight:bold;text-decoration:none;}
.film a:hover,.goto a:hover {text-decoration:underline;}

.serial {float:left;margin:149px 0 0 20px;}
.serial td input {width:60px;}
.marg150-r {margin-right:150px;}
.marg260-r {margin-right:260px;}
.marg524-r {margin-right:524px;}

.teams {padding:10px 15px 0 0;clear:both;}
.teams img {float:left;margin-right:12px;}
.teams p {padding-top:16px;}
.teams.float_right img{float:right;margin:0px 0px 0px 12px;}
.teams.float_right p {float:right;text-align:right;}
.names {clear:both;margin-right:-150px;position:relative;width:600px;padding-top:45px;line-height:15px;}
.names p {float:left;width:200px;padding:0 100px 21px 0;}

.more {
	font-weight:bold;
	background:url(../i/more.gif) right 3px no-repeat;
	padding-right:12px;
	text-decoration:none;
	}
.more:hover {text-decoration:underline;}
.more.float_right {margin-top:3px;margin-right:10px;background-position:right 5px;}

.media {font-weight:bold;line-height:16px;padding-top:2px;}
.media span {display:block;padding-top:15px;}
.media a,.decor {text-decoration:none;}
.media a:hover,.decor:hover {text-decoration:underline;}

.partners img {margin:5px 15px 10px 0;}

.column {float:left;width:205px;}
.marg0t {margin-top:0px !important;}
/*-- /main --*/

/*-- right column --*/
#right {
    width:233px;
    float:right;
    /*margin-top:3px;*/
    /*padding-bottom:30px;*/
	}
.right-m {background:#cec9e1 url(../i/right_bg.png) 0px 0px repeat-x;margin-bottom:20px;}
.right-t {background:url(../i/right_top.gif) 0px 0px no-repeat;}
.right-b {background:url(../i/right_bot.gif) left bottom no-repeat;
	padding:8px 12px;
	line-height:16px;
	}
*html .right-b {padding:8px 12px;}
.right-b a {text-decoration:none;font-weight:bold;color:#006699;}
.right-b a:hover {text-decoration:underline;}
.right-b .button {
    background-image: url(../i/elements/button_r.png);
    width:205px;
    height:42px;
    margin-top:4px;
	}
.right-b .button input {background:none;width:190px;height:42px;font-size:22px;}
.mark-logo {
	padding-left:12px;
	padding-top: 15px;
	}
.mark-l {background:url(../i/mark_l.gif) right top no-repeat;    padding:3px 10px; margin-right:5px;}
.mark-r {background:url(../i/mark_r.gif) right bottom no-repeat; padding:4px 10px; margin-left:3px;	}
.mark div {padding-top:1px;}
.mark p {text-align:right;font-size:12px;padding-top:5px;}
.mark img {margin-right:25px;}
.mark img.float_right {margin-right:0px;margin-left:25px;}
#right .mark p {font-size:14px;padding-top:20px;}
#right .mark {padding:7px 3px 3px 12px;}

.color69 {color:#006699;}
.blue .color69 {color:#0086c4;}
.red .color69 {color:#f72251;}
.green .color69 {color:#2d9525;}
.yellow .color69 {color:#ff9900;}

.pad25-l {padding-left:25px;}
.pad25-l a {text-decoration:none;}
.pad25-l a:hover {text-decoration:underline;}
/*-- /right column --*/

.logos1 {
	float:left;
	width:355px;
	padding-left:20px;
	}
.logos2 {
	float:left;
	width:550px;
	}
.logos1 p,.logos2 p {
	padding:30px 0 8px 0;
	font:14px Gill Sans,Arial;
	}
.logos1 table td,.logos2 table td {padding:10px 15px 0 0;}
/*--- footer --*/
.footer {
    border:1px solid #ccc;
    color:#ccc;
    background:#ededed url(../i/footer_bg.gif) 0px 0px repeat-x;
    padding:4px 8px;
    height:21px;
    -moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:25px 0;
	}
.footer a {
	color:#666;
	font-size:11px;
	text-decoration:none;
	padding:0 3px;
	}
.footer a:hover {text-decoration:underline;}
/*--- /footer --*/

/*.block-h {
	min-height: 300px;
	padding:7px 12px 11px 320px;
	background:url(../i/block_h2.jpg) left bottom no-repeat;
}*/

/*-- middle --*/
#middle {
	margin: 5px auto 5px auto;
	min-height:300px;
	border-spacing:0px;
	}
#middle td {padding:20px 3px 30px 15px;}
#middle td table td {padding:0px;}

.block-h {
	background:url(../i/block_h.gif) 0px 0px no-repeat;
    width:956px;
    margin:-12px -16px -19px 0;
    height:35px;
    z-index:6;
    position:relative;
	}
.block-h2 {
	padding:7px 12px 11px 220px;
	width:708px;
	float:left;
	background:url(../i/block_h2.jpg) left bottom no-repeat;
	z-index:7;
    position:relative;
	}
.block-h2 ul li {background-image:url(../i/li_red.gif);}
.block-h2 #middle {min-height:150px;}
.block-h2 #middle td {
	padding-bottom:10px;
	font:18px Gill Sans,Arial;
	line-height:22px;
	}
.block-h2 #middle td h1 {font:normal 28px Gill Sans,Arial;padding-top:12px;}
.block-h2 #middle td ul {padding:15px 0px;}
.block-h2 .right-m {
	width:233px;
	margin-bottom:0px;
    float:right;
    }

.bord-c {
	width:327px;
	/*background:#e3e6ff;*/
	border:1px solid #ccc;
	float:left;
	margin:16px 0;
	
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	}
.bord-f {
	/*border:1px solid #fff;*/
	margin: 1px;
	padding:6px 9px 9px 9px;
	/*background: #def0fb url(../i/bord.png) top left repeat-x;*/
	background: url(../i/bord.png) bottom left repeat-x;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	}
.bord-f .button {margin-top:0px;}
.bord-f ul {padding-left:0px;min-height:235px;}
.bord-f ul li {margin:12px 0 8px 0;}	
	
.bord {
	border:1px solid #ccc;
	margin-top:19px;
	padding:10px 14px 14px 14px;
	float:left;
	margin-right:16px;
	width:490px;
	}
	
/*--- /footer --*/

.error-box h4
{
	color: #DE5457;
}

.block-l,
.block-r {
	width:327px;
	float:left;
	padding-top:27px;
}

.block-l h3,
.block-r h3 {
	padding:2px 0 0px 0;
}

.block-l img,
.block-r img {
	float:left;
	margin:4px 7px 5px 0;
}

.block-l {
	margin-right:25px;
}

.blue-r {background:#e3e6ff !important;}

.petals {
	float:left;
	width:250px;
	padding:0 140px 65px 0;
	margin:0 0 22px 22px;
	font-size:14px;
	background:url(../i/blue/petals_b.gif) right 65px no-repeat;
	}
.petals h1 {padding:9px 0 17px 0;}
.petals h3 {padding:3px 0;}

.green .petals {background-image:url(../i/green/petals.gif);}
.red .petals {background-image:url(../i/red/petals.gif);}
.yellow .petals {background-image:url(../i/yellow/petals.gif);}

a.sorting {
	padding-right: 15px;
	background-position: right center;
	background-repeat: no-repeat;
}

a.asc {
	background-image: url('../i/arrow_up.gif');
}

a.desc {
	background-image: url('../i/arrow_down.gif');
}

#loader {
	display: block;
	position: relative;
	margin-top: 4px;
	width: 20px;
	height: 20px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-image: url('../i/ajax-loader.gif');
}

/* rotator in-page placement */
    div#ScentOfLoveFreeOnlineTestBlockImageRotator {
	position:relative;
	height:160px;
	margin: 0px;
	padding:0px;
}
/* rotator css */
div#ScentOfLoveFreeOnlineTestBlockImageRotator ul{
		margin: 0px;
		padding: 0px;
	}
div#ScentOfLoveFreeOnlineTestBlockImageRotator ul li {
	float:left;
	position:absolute;
	list-style: none;
	background-image: none;
	margin:0px;
	padding: 0px;
}

div#ScentOfLoveFreeOnlineTestBlockImageRotator ul li a, div#ScentOfLoveFreeOnlineTestBlockImageRotator ul li a:link, div#ScentOfLoveFreeOnlineTestBlockImageRotator ul li a:hover{
	text-decoration: none;
	width: 190px;
	height: 135px;
	display: block;
	color: #333;
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
}

div#ScentOfLoveFreeOnlineTestBlockImageRotator ul li a div{
	
	background-color: #FFFFFF;
	height: auto;
	display: block;
	/* for IE */
	filter:alpha(opacity=60);
	/* CSS3 standard */
	opacity:0.6;
	width: 190px;
}
div#ScentOfLoveFreeOnlineTestBlockImageRotator ul li a div p{
	/*  margin:30px 40px;*/
	font-weight:bold;
	color:#000000;
	padding:7px;
}

/* rotator image style */
div#ScentOfLoveFreeOnlineTestBlockImageRotator ul li img {
	border:0px solid #ccc;
	padding: 0px;
	background: #FFF;
	margin: 0px;
}

div#ScentOfLoveFreeOnlineTestBlockImageRotator ul li.show {
	z-index:5;
	margin:0px;
	padding: 0px;
}

/*--- TESTS ---*/
h3 span {float:left;}
h3 em {float:right;font-style:normal;}
.tests h3:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
    }
.tests h3 {
	display:inline-block;
	display:block;
	min-height:1px;
	clear:both;
	padding:23px 0 15px 0;
	}
* html .tests h3 { height:1px;}
.tests .button {
	float:right;
	margin:17px 0 15px 40px;
    }
.tests {
	font-size:14px;
	line-height:17px;
	}
/*--- /TESTS ---*/

/*--- SCENT ---*/
.t {
	background:transparent url(../i/t.png) 0px 0px no-repeat;
	width:440px;
	margin:50px 0 62px 0;
	padding-top:4px;
	font: 12px/18px Arial;
	}
.b {
	background:url(../i/b.png) left bottom no-repeat;
	padding-bottom:4px;
	font: 12px/18px Arial;
	}
.m {
	padding:8px 10px 8px 23px;
	line-height:20px;
	color:#fff;
	background:url(../i/m.png) 0px 0px repeat-x transparent;
	border-left:1px solid #0777a5;
	border-right:1px solid #0777a5;
	min-height:70px;
	font: 12px/18px Arial;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
    }
.m .order_now {
	clear:both;
	float:right;
	background:transparent url(../i/order_now.png) 0px 0px no-repeat;
	border:none;
	width:150px;
	height:37px;
	color:#FFFFFF;
	font-size:18px;
	font-weight: bold;
	cursor:pointer;
	margin-top:7px;
    }
.her {
	width:249px;
	float:left;
    }
.his {
	width:230px;
	float:left;
	margin-right:-50px;
    }
.her .button,
.his .button {margin:5px 20px 5px 0;}
*html .her .button {width:90px;overflow:hidden;}
*html .her .button input {width:82px;}
*html .his .button {width:90px;overflow:hidden;}
*html .his .button input {width:82px;}
*+html .her .button {width:90px;overflow:hidden;}
*+html .her .button input {width:82px;}
*+html .his .button {width:90px;overflow:hidden;}
*+html .his .button input {width:82px;}
.scent {
	padding:40px 0 35px 0;
	font: 12px/18px Arial;
	}
.scent h3 {padding:0px 0 4px 0;}
.scent .bottle {
	position:relative;
	margin:-40px 0 -65px -123px;
	float:left;
	}
.scent .clearfix {
	clear:both;
	margin-top:-40px;
	}
.font14 {font: 12px/18px Arial;}
/*--- /SCENT ---*/


#title_gender{
    float:left;
    padding-right: 5px;
    padding-bottom: 5px;
}