/*------------------------------------------------------------------ 
 
	[Layout CSS] 
 
	Project:    P&G 		
	Last change:    25/12/09
	Assigned to:    Jaroslaw Krolewski
	
-------------------------------------------------------------------*/  

body#sub-page{
	background:#000 url("../gfx/sub-page.jpg") repeat-x;
}

#top-header{
	width:960px;
	background:#000;
	height:62px;
	position:relative;
	margin:44px auto 21px;
	border-bottom:1px solid #161616;
}

ul#menu{
	float:right;
	display:block;
	padding:22px 0 0 0;
	margin:0px;
	margin-right:3px;
}

ul#menu li{
	display:block;
	float:left;
	padding:0px;
	margin:0 5px;
}

ul#menu li a{
/*	height:22px;
	font-size:14px;
	display:block;
	float:left;
	background-image:url("../gfx/menu-float.gif");
	background-repeat: no-repeat;
	text-indent:-9000px;
	overflow:hidden; */
	color:#FFFFFF;
	font-family:"Tahoma";
	font-weight: bold;
	font-size:14px;
	text-decoration:none;
	text-transform:uppercase;
	line-height:12px;
	display:block;
	border: 1px solid #000;
	padding: 3px;
}

ul#menu li a:hover{
	border: 1px solid #fff;
}

/*
ul#menu li a#sexy-frag{	
	width:124px;
	background-position:0px -1px;
}

ul#menu li a#sexy-frag:hover{	
	width:124px;
	background-position:0px -23px;
}

ul#menu li a#free-sample{
	background-position:-118px -1px;
	width:94px;
}

ul#menu li a#free-sample:hover{
	background-position:-118px -23px;
	width:94px;
}

ul#menu li a#gift-selector{
	background-position:-214px -1px;
	width:102px;
}

ul#menu li a#gift-selector:hover{
	background-position:-214px -23px;
	width:102px;
}

ul#menu li a#buy-fragrance{
	background-position:-318px -1px;
	width:120px;
}

ul#menu li a#buy-fragrance:hover{
	background-position:-318px -23px;
	width:120px;
}
*/

ul#footer-menu{
	display:block;
	width:760px;
	padding:6px 0 0 200px;
	margin:0px auto;
	height:30px;
	background: #0b060f;
	border-top:1px solid #161616;	
}

ul#footer-menu li{
	float:left;
	display:block;
	margin-right:8px;	
}

ul#footer-menu li a{
	float:left;
	display:block;
	font-family:"Tahoma";
	color:#63676a;
	padding:3px 7px;
	text-transform:uppercase;
	text-decoration:none;
	font-size:10px;
	margin-top:3px;	
}

ul#footer-menu li a#fb{
	background:url("../gfx/fb.gif") center center no-repeat;		
	width:23px;
	height:23px;
	overflow:hidden;
	display:block;
	margin-top:0px;		
	text-indent:-9000px;
}

ul#footer-menu li a:hover{
	/*background:#141c20;*/
}

a#logo-sp{
	display:block;
	text-indent:-9000px;
	overflow:hidden;
	width:192px;
	float:left;
	height:60px;
	background:url("../gfx/logo.gif") center center no-repeat;	
}

#content-frame{
	width:944px;
	margin:0 auto 20px;
	border:8px solid #fff;
	background: #000 url("../gfx/c-f-bg.jpg") center center no-repeat;	
}

#sub-page .free-sample{
	background:url("../gfx/free-sample-bg.jpg") center center no-repeat;	
}

#sub-page .gift-selector{
	background: #000 url("../gfx/gift-selector-bg.jpg") center bottom no-repeat;	
}

#sub-page .tell-a-friend{
	background: #000 url("../gfx/tell-a-friend-bg.jpg") center bottom no-repeat;	
}

#sub-page .section{
	background: #000 url("../gfx/section-bg.jpg") center bottom no-repeat;	
	height:289px;
	overflow:hidden;
	position:relative;
}

h2{
	background:url("../gfx/h-bg.gif") center bottom no-repeat;		
	width:100%;
	height:38px;
	margin:20px 0 0 0;
}

h2 a#free-sample{
	color:#fff;
	display:block;
	margin:auto;
	overflow:hidden;
	font-size:28px;
	text-decoration:none;
	text-align:center;
	letter-spacing:-1px;
	font-family:tahoma,serif;
	font-weight:normal;
}

a#tell-friend{
	background:url("../gfx/tell-friend-trans.png") no-repeat;		
	width:221px;
	height:79px;
	display:block;
	margin:auto;
	position:absolute;
	top:462px;
	right:270px;
	cursor:pointer;
	text-indent:-9000px;
	overflow:hidden;
}

a#free-sample-box{
	width:234px;
	height:79px;
	display:block;
	cursor:pointer;
	margin:auto;
	position:absolute;
	top:468px;
	right:10px;
	overflow:hidden;
}

a#learn-more{
	background:url("../gfx/learn-more.jpg") no-repeat;		
	width:220px;
	height:79px;
	display:block;
	cursor:pointer;
	margin:auto;
	position:absolute;
	top:378px;
	right:364px;
	text-indent:-9000px;
	overflow:hidden;
}

.gift-selector a#learn-more{
	background:url("../gfx/learn-more.jpg") no-repeat;		
	width:220px;
	height:79px;
	display:block;
	cursor:pointer;
	margin:auto;
	position:static;
	text-indent:-9000px;
	overflow:hidden;
}

.fragrances-main a#free-sample-box{
	position:absolute;
	top:364px;
	right:10px;
}

.fragrances-main a#tell-friend{
	position:absolute;
	top:358px;
	right:700px;
}

h2 a#gift-selector{
	color:#fff;
	display:block;
	margin:auto;
	overflow:hidden;
	font-size:28px;
	text-decoration:none;
	text-align:center;
	letter-spacing:-1px;
	font-family:tahoma,serif;
	font-weight:normal;
}

h2 a#tell-a-friend{
	background:url("../gfx/tell-a-friend.gif") center center no-repeat;		
	width:250px;
	height:22px;
	display:block;
	margin:auto;
	text-indent:-9000px;
	overflow:hidden;
}

h2 a#fragrances{
	color:#fff;
	display:block;
	margin:auto;
	overflow:hidden;
	font-size:28px;
	text-decoration:none;
	text-align:center;
	letter-spacing:-1px;
	font-family:tahoma,serif;
	font-weight:normal;
}

#content-frame #main-body{
	padding:25px 15px;
	font-size:12px;
}

#content-frame #main-body #l-c{
	width:50%;
	float:left;
}

#content-frame #main-body #r-c{
	width:50%;
	float:right;
}

#content-frame #main-body label.m-c{
	font-weight:bold;
	width:117px;
	padding:0 12px;
	display:block;
	float:left;
	text-align:right;
	line-height:25px;
}

.form-row{
	padding:6px 0;
}

#l-c .add-pad{
	padding-left:100px !important;
}

input.txt{
	width:231px;
	height:17px;
	font-family:arial;
	padding-top:4px;
	font-size:12px;
	padding-left:2px;
	border:2px solid #fff;
}

input.txt:focus{
	border:2px solid #b8ccce;
}

.radio-area{
	padding:3px 0;
}

.radio-area label{
	font-weight:bold;
	padding-right:10px;
}

#confirmation-area{
	width:530px;
	background:url("../gfx/ticks.gif") 104px 25px  no-repeat;			
	padding:40px 0 15px 100px;
	float:left;
}

#confirmation-area input{
	margin:0px;
	padding:0px;
}

.input-box{
	width:20px;
	float:left;
	text-align:center;
	display:block;
}

.radio-area-box span{
	width:486px;
	float:right;
	display:block;
	padding-top:3px;
	font-size:11px;
}

.radio-area-box{
	height:35px;
}

.firstRow {
	margin-bottom:5px;	
}

.rightSided {
	width:37px;
	text-align:right;	
}


#l-c .form-row{
	padding-left:70px;
}

button#send{
	padding:0 20px;
	color:#fff;
	font-family:Tahoma, serif;
	font-size:20px;
	letter-spacing:-1px;
	height:38px;
	cursor:pointer;
	border:none;
	overflow:hidden;
	background:url("../gfx/violetLargeBtn.gif") center center no-repeat;
	border:#604c67 1px solid;
}

button#show-gift{
    padding: 0px 8px;
	color:#fff;
	font-family:Tahoma, serif;
	font-size:20px;
	letter-spacing:-1px;
	height:38px;
	cursor:pointer;
	border:none;
	overflow:hidden;
	background:url("../gfx/violetLargeBtn.gif") center center no-repeat;
	border:#604c67 1px solid;
}

a#start-game{
	background:transparent url(../gfx/start-game.gif) no-repeat scroll center center;
	border:medium none;
	cursor:pointer;
	display:block;
	float:left;
	height:50px;
	overflow:hidden;
	position:relative;
	left:112px;
	text-indent:-9000px;
	top:226px;
	width:237px;	
}

a#back-taf{
	display:block;
	width:206px;
	height:42px;
	cursor:pointer;
	border:none;
	margin:14px auto;
	text-indent:-9000px;
	overflow:hidden;
	background:url("../gfx/back-taf.jpg") center center no-repeat;			
}

a#back-quiz{
	display:inline-block;
	color:#fff;
	font-family:Tahoma, serif;
	font-size:20px;
	letter-spacing:-1px;
	height:38px;
	cursor:pointer;
	border:none;
	background:url("../gfx/violetLargeBtn.gif") center center no-repeat;
	border:#8e8e8e 1px solid;
	text-decoration:none;
	font-weight:normal;
	line-height:38px;
	margin:auto 40px;
	padding: 1px 8px;
	text-transform: uppercase;
}

ul#menu-boxes{
	width:960px;
	display:block;
	height:99px;	
	margin: 26px auto;
}

ul#menu-boxes li{
	display:block;
	float:left;
	margin-right:28px;
}

ul#menu-boxes li a{
	display:block;
	float:left;
	overflow:hidden;
	width:219px;
	height:99px;
}


a#back-hp{
    /*display:block;*/
    color:#fff;
    font-family:Tahoma, serif;
    font-size:20px;
    letter-spacing:-1px;
    height:38px;
    cursor:pointer;
    border:none;
    background:url("../gfx/violetLargeBtn.gif") center center no-repeat;
    border:#8e8e8e 1px solid;
    text-decoration:none;
    font-weight:normal;
    line-height:38px;
    margin: 16px 40px;
    padding: 1px 12px;
    display: inline-block;
}

.form-row .small-select{
	width:52px;
	padding:3px 0;
	font-size:12px;
	text-align:center;
	font-family:arial;	
	margin-right:12px;
}

.form-row .long-select{
	width:237px;
	padding:3px 0;
	font-family:arial;	
	font-size:12px;
	text-align:left;
	margin-right:12px;
}

#notification{
	width:100%;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	padding:5px 0;
}

#subtitle{
	width:100%;
	text-align:center;
	font-family:"Arial Narrow";
	font-weight:normal;
	font-size:15px;
	letter-spacing:-1px;
	color:#908f8f;

}

input.invalid{
	background:#5C1363;
	border:2px solid #703076;	
	color: #fff;
}

select.invalid{
	background:#263139;
	color:#fff;
	border:none;
}

form#gift-selector {
	width:500px;
	padding-left:35px;
}

form#gift-selector span{
	font-weight:bold;
	font-size:14px;
	padding:0px 0 3px;
	display:block;
}

form#gift-selector .radio-area label{
	font-weight:normal;
}

form#gift-selector .form-row{
	padding:0px;
	margin:0px;
	height:20px;
}

form#gift-selector .radio-area{
	padding:1px 0;
}

form#gift-selector .gift-ins{
	padding:15px 0 0px 30px;
}

form#gift-selector .one{
	background:url("../gfx/numbers.gif") 0 11px no-repeat;	
}

form#gift-selector .two{
	background:url("../gfx/numbers.gif") 0 -69px no-repeat;	
}

form#gift-selector .three{
	background:url("../gfx/numbers.gif") 0 -149px no-repeat;	
}

form#gift-selector .four{
	background:url("../gfx/numbers.gif") 0 -249px no-repeat;	
}

form#gift-selector .five{
	background:url("../gfx/numbers.gif") 0 -349px no-repeat;	
}

.invalid-txt{
	color:#5C1363;
}

#gift-text{
	font-size:18px;
	font-weight:bold;
	position:absolute;
	right:119px;
	text-align:center;
	top:33px;
	width:250px;
}

#gift-left{
	font-size:18px;
	font-weight:bold;
	float:left;
	text-align:center;
	margin-top:8px;
	width:350px;
}

#gift-left img{
	margin:40px 0 12px 0;
}

#gift-text span{
	color:#bababa;
}

.submit-infos{
	float:right;
	width:241px;
}

.submit-infos span{
	display:block;
	font-size:10px;
	padding:0 4px 25px 0;
	color:#6a6a6a;
}

.confirmation-taf {
	height:210px;
	font-size:18px;
	width:460px;
	font-weight:bold;
	padding-top:110px;
}

.confirmation-taf.demand{
	padding-top:30px;	
	height:80px;
}

.confirmation-taf.soon{
	padding-top:30px;	
	height:40px;
}

#demand{
	background:url("../gfx/demand-trans.png") 0 0px no-repeat;	
	width:211px;
	margin:80px auto 30px auto;
	height:173px;
	display:block;
	text-indent:-9000px;
	overflow:hidden;
}
.fragrances-main #img-box{
	text-align:center;
	padding:25px 0;
}

#content-frame .fragrances-main{
    padding:25px 0;
    text-align:center;
}

#content-frame .video-main{
    margin:auto;
    padding:25px 0;
    text-align:center;
    width:824px;
}

.fragrances-main{
	height:408px;
	overflow:hidden;
}

.gs{
	height:520px;
}