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

body#sub-page{
	background:#000406 url("../gfx/sub-page.jpg") repeat-x;
}
/*changed ayush*/
#top-header{
	width:960px;
	position:relative;
	height:62px;
	margin:44px auto 21px;
}

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:0px 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;
	font-family:"Arial Narrow";
	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: #080C0F;
    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: #000 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:54px;
	background:url("../gfx/logo.gif") center center no-repeat;
	margin-right:48px;	
}

#content-frame{
	width:944px;
	margin:0 auto 20px;
	border:8px solid #fff;
	background: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;*/
	height:515px;
	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{
	display:block;
	margin:auto;
	overflow:hidden;
	font-size:28px;
	text-decoration:none;
	text-align:center;
	letter-spacing:-1px;
    font-family:arial narrow,tahoma,serif;
	font-weight:normal;
	color:#fff;
	text-align:center;
}

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:350px;
	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#fragrances, h2 a#tell-a-friend{
	width:400px;
	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/tealLargeBtn.gif") center center no-repeat;
	border:#8e8e8e 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/tealLargeBtn.gif") center center no-repeat;
	border:#8e8e8e 1px solid;
}

a#start-game{
	background:transparent url(../gfx/start-game.jpg) no-repeat scroll center center;
	border:medium none;
	cursor:pointer;
	display:block;
	float:right;
	height:50px;
	overflow:hidden;
	position:relative;
	right:89px;
	text-indent:-9000px;
	top:186px;
	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, a#back-taf{
	display:inline-block;
	color:#fff;
	font-family:Tahoma, serif;
	font-size:20px;
	letter-spacing:-1px;
	height:38px;
	cursor:pointer;
	border:none;
	background:url("../gfx/tealLargeBtn.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;
}
/*changed ayush */
ul#menu-boxes {
    display: block;
    float: right;
    height: 67px;
    position: absolute;
    right: 0;
    text-align: right;
    width: 720px;
}
/*changed ayush */
ul#menu-boxes li {
    display: block;
    float: left;
    padding-left: 20px;
}
/*changed ayush */
ul#menu-boxes li a{
	display:block;
	float:left;
	overflow:hidden;
	width:160px; 
	height:67px;
}


a#back-hp{
    color:#fff;
    font-family:Tahoma, serif;
    font-size:20px;
    letter-spacing:-1px;
    height:38px;
    cursor:pointer;
    border:none;
    background:url("../gfx/tealLargeBtn.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:#263139;
	border:2px solid #263139;	
	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:#2B4E52;
}

#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;
}



/* -------------------------- */


h5{
    display:block;
    font-size:17px;
    text-align:center;
    font-weight:normal;
    }

h3{
    display:block;
    font-size:15px;
    font-weight:bold;
    ;ine-height:18px;
    font-family:"Arial Narrow";
    color:#6a6a6a;
    text-align:center;
    font-weight:normal;
    }

#news-box {
    height: 300px;
    overflow: hidden;
    margin-bottom: 40px;
    position: relative;
}

#news-content {
    position: relative;
    width: 860px;
    float: left;
}

#news-box .news_row {
    padding: 0px 40px;
    margin: 20px 0;
    color: #bababa;
}

#news-box .news_row img {
    float: left;
    display: block;
    margin-right: 34px;
}

#news-box .news_row h3 {
    font-size: 18px;
    font-weight: normal;
    padding-bottom: 16px;
    color: #fff;
}
/*Changed Ayush*/
.text-info {
    float: left;
    border-bottom: 1px solid #394246;
    width: 600px;
    padding-bottom: 19px;
    line-height: 20px;
	margin-left:110px;
	_margin-left:60px;	
	}

.ui-slider-vertical {
    background: none repeat scroll 0 0 #253333;
    height: 100px;
    overflow: hidden;
    width: 15px;
}

.share {
    margin: 12px 0 0;
}

.share span {
    float: left;
    text-transform: uppercase;
    line-height: 24px;
    padding-right: 6px;
    font-weight: bold;
}

#rules-slider {
    height: 300px;
    right: 20px;
    top: 15px;
    position: absolute;
}

.ui-slider-vertical .ui-slider-handle {
    background: url("../gfx/slider.gif") center center no-repeat;
    height: 51px !important;
    display: block;
}

.ui-slider-vertical .ui-slider-handle a:hover {
    background: none;
    height: 51px !important;
}

.ui-state-hover,.ui-state-focus {
    background: url("../gfx/slider.gif") center center no-repeat !important;
    height: 51px !important;
}

#rules-slider {
    background: #141a1e;
    z-index: 10000;
}

.ui-slider-vertical .ui-slider-handle {
    margin-bottom: -22px !important;
}

ul#tv{
    display:block;
    margin:25px 0;
}

ul#tv li{
    float:left;
    width:300px;
    height:274px;
    overflow:hidden;
    display:block;
}

ul#tv li a{
    color:#fff;
    font-size:18px;
    width:300px;
    padding-top:240px;
    height:234px;    
    text-align:center;
    display:block;
    cursor:pointer;
    text-decoration:none;
    }
    
ul#tv li a.ssp{   
     background: url("../gfx/ssp-trans.png") 0 0 no-repeat;
}

ul#tv li a.mfm{   
     background: url("../gfx/mfm-trans.png") 0 0 no-repeat;
}

ul#tv li a.make{   
     background: url("../gfx/make-trans.png") 0 0 no-repeat;
}

#content-frame #main-body .form-center{
    width:604px !important;
    margin:auto;
    float:none !important;
}

.conf-box{
    margin:auto !important;
    float:none !important;
    background:url("../gfx/ticks.gif") no-repeat scroll 189px 25px transparent !important;
    width:530px !important;
    padding:40px 0 15px 185px !important;;

}

.conf-box #required {
    font-size:11px;
    margin:0 0 0 42px;
}

.conf-box .radio-area-box {
    height:22px;
}