/* Stylesheet      : Main Stylesheet                                                             */
/* Script Name     : styles.css                                                                  */
/* System Name     : Freemans                                                                    */
/* Author          : OTTO                                                                        */
/* Date            : 26/06/2008                                                                  */
/* Copyright       : (c) OTTO UK Ltd                                                             */
/* Description     : Contains styling for the Freemans VIP site.                                 */
/* Version History                                                                               */
/* Version Date       Who     Description                                                        */
/* ------- ---------- -----   -----------                                                        */
/* 1.0     26/06/2008 otto    Original version.                                                  */
/* 1.1 	   03/07/08	  hepd030 revised all ascpects                                               */
/*																								 */
/* --------------------------------------------------------------------------------------------- */

/* GENERAL STYLES FOR VIP AREA */

body#vip p {
	margin:0 0 10px 0;
	}

#vip_main_container {
	width:946px;
	height:auto;
	padding:0;
	margin:auto 0;
	overflow:hidden;
}

#vip_main_container_offers {
	width:946px;
	height:1270px;
	padding:0;
	margin:auto 0;
	overflow:hidden;
}

#vipcontent {
	color:#333;
	width: 945px;
	}
	
ul {
	list-style-type:none;
	}
	
.clearing {
	clear:both;
	height:0;
	}

/* HEADERS */

/* H1 TAGS */

body#vip h1 {
	width:945px;
	height:110px;
	text-indent:-99999px;
	margin:0;
	}
		
h1.h1-gold {
	background:url(../pix/Benefits/GoldHeader.jpg) no-repeat;
	}
	
h1.h1-silver {
	background:url(../pix/Benefits/BenefitsHeader.gif) no-repeat;
	}
	
h1.h1-platinum {
	background:url(../pix/Benefits/BenefitsHeader.gif) no-repeat;
	}
	
h1.h1-elite {
	background:url(../pix/Benefits/BenefitsHeader.gif) no-repeat;
	}	
	
h1.welcomeheader {
	background:url(../pix/offers/WelcomeHeader.jpg) no-repeat;
	}		
	
h1.h1-jewellery {
	background:url(../pix/offers/h1-jewellery.jpg) no-repeat;
	}
	
h1.h1-garden {
	background:url(../pix/offers/h1-garden.jpg) no-repeat;
	}
	
h1.h1-technology {
	background:url(../pix/offers/h1-technology.jpg) no-repeat;
	}
	
h1.h1-steiffbears {
	background:url(../pix/offers/h1-steiffbears.jpg) no-repeat;
	}
	
h1.h1-health {
	background:url(../pix/offers/h1-healthandbeauty.jpg) no-repeat;
	}
	
h1.h1-home {
	background:url(../pix/offers/h1-home.jpg) no-repeat;
	}
	
h1.h1-toys {
	background:url(../pix/offers/h1-toys.jpg) no-repeat;
	}
	
h1.h1-gifts {
	background:url(../pix/offers/h1-gifts.jpg) no-repeat;
	}
		
h1.h1-faqs {
	background:url(../pix/FAQs/FAQHeader.jpg) no-repeat;
	}
	
h1.h1-topagent {
	background:url(../pix/TopAgent/AgentHeader.jpg) no-repeat;
	}

h1.h1-competition {
	background:url(../pix/Competitions/Header.jpg) no-repeat;
	}
	
h1.h1-chat {
	background:url(../pix/chat/ChatHeader.jpg) no-repeat;
	}	
	
/* H2 TAGS */

body#vip h2 {
	width:446px;
	height:33px;
	margin:0 0 10px 0;
	text-indent:-99999px;
	}
	
body#vip.vip-offers h2 {
	width:100%;
	text-indent:0;
	font-size:18px;
	color:#101247;
	}	

h2.h2-faqs {
	background:url(../pix/FAQs/FAQHeadline.gif) no-repeat;
	}

h2.h2-topagent {
	background:url(../pix/TopAgent/h2-topagent.gif) no-repeat;
	}

h2.h2-gold {
	background:url(../pix/Benefits/GoldHeadline.gif) no-repeat;
	}

h2.h2-silver {
	background:url(../pix/Benefits/h2-silver.gif) no-repeat;
	}

h2.h2-platinum {
	background:url(../pix/Benefits/h2-platinum.gif) no-repeat;
	}
	
h2.h2-elite {
	background:url(../pix/Benefits/h2-elite.gif) no-repeat;
	}	
	
h2.h2-intro {
	background:url(../pix/Benefits/benefitsbottom.gif) no-repeat;
	}	

/* H3 TAGS */

body#vip.vip-benefits h3 {
	font-weight:bold;
	color:#3897cd;
	text-transform:uppercase;
	margin:0;
	padding:0;
	font-size:14px;
	}
	

	
body#vip.vip-faqs h3 {
	font-weight:bold;
	color:#3897cd;
	text-transform:uppercase;
	margin:0;
	padding:0;
	font-size:14px;
	}
	
body#vip.vip-offers h3 {
	font-weight:bold;
	color:#000;
	font-size:17px;
	text-transform:uppercase;
	}
	
/* VIP SUB NAV STYLES   */

ul#vipNav {
    width: 945px;
	height:30px;
    list-style-type:none;
    margin:1px 0;
	padding:0;
	}
	
ul#vipNav li {
	display:inline;
	float:left;
	display:block;
	height:30px;
	}
	
ul#vipNav li.navendright {
	width:422px;
	background:url(../pix/Topnav/right.gif) no-repeat;
	}
	
ul#vipNav li a {
	height:30px;
	display:block;
	text-indent:-99999px;
	}

ul#vipNav li.navhome a {
	width:73px;
	background:url(../pix/Topnav/home.gif) no-repeat;
	}
	
ul#vipNav li.navbenefits a {
	width:90px;
	background:url(../pix/Topnav/benefits.gif) no-repeat;
	}
	
ul#vipNav li.navoffers a {
	width:82px;
	background:url(../pix/Topnav/offers.gif) no-repeat;
	}
	
ul#vipNav li.navprize a {
	width:169px;
	background:url(../pix/Topnav/prize.gif) no-repeat;
	}
		
ul#vipNav li.navcontact a {
	width:109px;
	background:url(../pix/Topnav/contact.gif) no-repeat;
	}
	
ul#vipNav li.navhome a:hover, ul#vipNav li.navbenefits a:hover, ul#vipNav li.navoffers a:hover, ul#vipNav li.navprize a:hover, ul#vipNav li.navchat a:hover, ul#vipNav li.navagent a:hover, ul#vipNav li.navfaq a:hover, ul#vipNav li.navcontact a:hover{
	background-position:100% 0%
	}
	
body.vip-home ul#vipNav li.navhome a, body.vip-benefits ul#vipNav li.navbenefits a, body.vip-offers ul#vipNav li.navoffers a, body.vip-prize ul#vipNav li.navprize a, body.vip-chat ul#vipNav li.navchat a, body.vip-agent ul#vipNav li.navagent a, body.vip-faqs ul#vipNav li.navfaq a, body.vip-contact ul#vipNav li.navcontact a {
	background-position:100% 0%;
	}
	
/* PAGE SPECIFIC STYLES */

/* Benefits */

#benefits-badge { 
	height:207px;
	width:208px;
	margin-right:15px;
	float:left;
	}
	
#benefits-header {
	padding-top:55px;
	float:right;
	width:722px;
	}
	
#benefits-content {
	clear:both;
	padding: 30px 0  0 100px;
	}
	
#benefits-content p, #benefits-header p {
	font-size:11px;
	line-height:15px;
	}
	
ul#view-tiers {
	height:73px;
	margin:30px 0 50px 0;
	}
	
ul#view-tiers li {
	float:left;
	display:inline;
	}
	
ul#view-tiers li.tier-title {
	background:url(../pix/Benefits/BenefitsFooter.gif) no-repeat 50%;
	width:543px;
	height:73px;
	text-indent:-99999px;
	padding-right:10px;
	}
	
ul#view-tiers li.tiers {
	width:73px;
	height:72px;
	padding-left:8px;
	}
	
ul#view-tiers li.tiers a {
	text-indent: -99999px;
	width:73px;
	height:72px;
	display:block;
	}
	
ul#view-tiers li.tiers a.silvertier {
	background:url(../pix/Benefits/tier-silver.gif) no-repeat;
	}	
	
	ul#view-tiers li.tiers a.goldtier {
	background:url(../pix/Benefits/tier-gold.gif) no-repeat;
	}	
	
ul#view-tiers li.tiers a.plattier {
	background:url(../pix/Benefits/tier-plat.gif) no-repeat;
	}
	
ul#view-tiers li.tiers a.elitetier {
	background:url(../pix/Benefits/tier-elite.gif) no-repeat;
	}
	
/* Offers */

#offerscontent {
	background-color:#fff;
	font-size:11px;
	}

#offers-prod1 a {
	background:url(../pix/offers/promotion_box_1.jpg) no-repeat;
	padding:0;
	margin:0;
    float:left;
	width:463px;
	height:245px;
	margin-top:5px;
	}
	
#offers-prod2 {
	background:url(../pix/offers/promotion_box_2.jpg) no-repeat;
	padding:0;
	margin:0;
    float:right;
	width:463px;
	height:245px;
	margin-top:5px;
	}
	
#offers-prod3 {
	padding:0;
	margin:0;
    float:left;
	width:463px;
	height:245px;
	margin-top:5px;
	}
	
#offers-prod4 {
	background:url(../pix/offers/promotion_box_4.jpg) no-repeat;
	padding:0;
	margin:0;
    float:right;
	width:463px;
	height:245px;
	margin-top:5px;
	}
	
span#sofa-text-link-1 {
    font-size:12px;
    color:#003366;
    position:absolute;
    overflow:hidden;
    padding:0;
    margin-left:200px;
    margin-top:170px;
}

#extra_panel_offers a {
	height:250px;
	width:246px;
	/* must be absolutely positioned so that overlapping will occur */
	position:absolute;
	margin-top:0px;
	margin-left:215px;
	overflow:hidden;
	z-index:1;
	background:url(../pix/spacer/spacer.gif) repeat;
}
		
ul#offers-prod2 li {	
	width:463px;
	height:245px;
	float:right;
	background:url(../pix/offers/promotion_box_2.jpg) no-repeat;
	overflow:hidden;
	margin:0;
	padding:0;
	}
	
ul#offers-prod li h3 {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	}
	
/* ul#offers-prod li img {
	float:left;
	margin-right:0px;
}

ul#offers-prod2 li img {
	float:right;
	margin-left:0px;
} */

#offers-text-links {
	position:relative;
	float:left;
	left:150;
	top:5px;
	width:946px;
	height:290px;
}
	
ul#offers-prod li div.offers-code {
	position:absolute;
	bottom:4px;
	left:258px;
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
	}

ul#offers-prod li div.offers-text {
	line-height:13px;
	}
	
ul#offers-prod li div.offers-text ul li {
	height:auto;
	padding:0;
	margin:0;
	list-style-type:square;
	width:190px;
	}
	
#exclusive-vip-background {
    position:relative;
	width:946px;
	height:434px;
	overflow:hidden;
	padding:0;
	margin:auto;
	margin-top:0px;
	background:url(../pix/offers/offers_code_list.jpg) no-repeat;
}

#offers_text_content {
    font-size:12px;
	color:#ffffff;
	width:370px;
	height:140px;
	overflow:hidden;
	padding:0;
	margin-top:100px;
	margin-left:50px;
	float:left;
	font:11px Arial;
	color:#FFFFFF;
	_margin-left:25px;
}

#offers_text_content2 {
    font-size:12px;
	color:#ffffff;
	width:360px;
	height:140px;
	overflow:hidden;
	padding:0;
	margin-top:100px;
	margin-left:140px;
	float:left;
	_margin-left:140px;
}

#offers_text_content3 {
    font-size:12px;
	color:#ffffff;
	width:360px;
	height:100px;
	overflow:hidden;
	padding:0;
	margin-top:50px;
	margin-left:50px;
	float:left;
	_margin-left:25px;
}

#offers_text_content4 {
    font-size:12px;
	color:#ffffff;
	width:370px;
	height:140px;
	overflow:hidden;
	padding:0;
	margin-top:50px;
	margin-left:150px;
	float:left;
	font:11px Arial;
	color:#FFFFFF;
	_margin-left:150px;
}


#offers_text_prod2 {
	width:230px;
	height:130px;
	overflow:hidden;
	padding:0;
	margin-top:110px;
	margin-left:12px;
	float:left;
	_margin-left:7px;
}

span.offer-text-link {
    font-size:13px;
    color:#FF3366;
    display:block;
}

#offers_pdf_button {
	width:200px;
	height:120px;
	overflow:hidden;
	padding:0;
	margin-top:85px;
	margin-left:38px;
	float:left;
}


/*ul#offers-prod li div.offers-btn a {
	background:url() no-repeat;
	width:79px;
	height:16px;
	display:block;
	position:absolute;
	bottom:0px;
	right:20px;
	text-indent:-99999px;
	background-image: url();
	}*/
	
ul#offers-prod li div.offers-price {
	font-size:25px;
	font-weight:bold;
	padding:0;
	margin:0;
	color:#3897cd;
	font-family: Arial, Helvetica, sans-serif;
	}
	
ul#offers-prod li div.offers-price span {
	color:#3897cd;
	font-size:14px;
	padding-left:5px;
	}
	
/* offers intro page */

#offers-header {
	width:945px;
	height:150px;
	margin-bottom:0px;
	margin:0;
	padding:0;
	}
	
#into-banner {
	left:0px;
	top:330px;
	width:290px;
	height:210px;
		
#offers-header h3, #offers-header p, ul#offers li h3, ul#offers li p {
	text-indent:-99999px;
	height:0;
	display:none;
	}
	
#offers-header a {
	width:945px;
	height:150px;
	background:url(../pix/offers/vip_offers_banner.jpg) no-repeat;
	display:block;
	text-indent:-99999px;
	margin-bottom:10px;
	margin:0;
	padding:0;
	position:relative;
	left:0;
	top:0;
	}
	
#promotion-box-1 {
	width:463px;
	height:245px;
	margin-top:10px;
	margin-bottom:10px;
	}
	
#promotion-box-2 {
    margin-left:auto;
	width:463px;
	height:245px;
	margin-top:10px;
	margin-bottom:10px;
	}
	
#offers_text_link {
	width:560px;
	height:250px;
	overflow:hidden;
	padding:0;
	margin-top:10px;
	margin-left:10px;
}
	
ul#offers {
	margin:0;
	padding:0;
	width:945px;
	}
	
ul#offers li {
	width:307px; 
	height:415px;
	display:inline;
	float:left;
	margin-bottom:21px;
	overflow:hidden;
	}
	
ul#offers li a { 	
	display:block;
	text-indent:-99999px;
	width:307px;
	height:415px;
	overflow:hidden;
	}
	

#offerssurveybanner {
	width:945px;
	height:147px;
	margin:0;
	padding:0;
	}
	
#offerssurveybanner a{
	width:945px;
	height:147px;
	background:url(../pix/offers/survey_banner.jpg) no-repeat;
	display:block;
	text-indent:-99999px;
	margin:0;
	padding:0;
	position:relative;
	left:0;
	top:0;
	}	
	

/*ul#offers li.offers-gifts, ul#offers li.offers-toys, ul#offers li.offers-gfts a, ul#offers li.offers-toys a {
	width:288px;
	}*/
	
ul#offers li.offers-home, ul#offers li.offers-steiffbears {
	padding:0 10px;
	}
	
ul#offers li.offers-technology a{
	background:url(../pix/offers/img-technology.jpg) no-repeat;
	}
	
ul#offers li.offers-home a{
	background:url(../pix/offers/img-home.jpg) no-repeat;	
	}
	
ul#offers li.offers-garden a{
	background:url(../pix/offers/img-garden.jpg) no-repeat;
	}
	
ul#offers li.offers-gifts a{
	background:url(../pix/offers/img-gifts.jpg) no-repeat;
	}
	
ul#offers li.offers-health a{
	background:url(../pix/offers/img-healthandbeauty.jpg) no-repeat;	
	}
	
ul#offers li.offers-jewellery a{
	background:url(../pix/offers/img-jewellery.jpg) no-repeat;	
	}
	
ul#offers li.offers-steiffbears a{
	background:url(../pix/offers/img-steiff.jpg) no-repeat;	
	}
	
ul#offers li.offers-toys a{
	background:url(../pix/offers/img-toys.jpg) no-repeat;	}

/* Competitions */

#Table_01_prizes {
	position:absolute;
	left:0px;
	top:0px;
	width:938px;
	height:819px;
}

#prizes-01 {
	position:absolute;
	left:0px;
	top:0px;
	width:938px;
	height:270px;
}

#prizes-02 {
	position:absolute;
	left:0px;
	top:270px;
	width:471px;
	height:549px;
}

#prizes-03 {
	position:absolute;
	left:471px;
	top:270px;
	width:467px;
	height:549px;
}

	/* FAQs */

#faqs-badge { 
	height:207px;
	width:208px;
	margin-right:15px;
	float:left;
	}
	
#faqs-header {
	padding-top:30px;
	float:right;
	width:710px;
	}
	
#faqs-content {
	width: 943px;
	margin-top: 30px;
	height: 750px;
	}
	
#faqs-content p, #faqs-header p {
	font-size:11px;
	line-height:15px;
	}
	
	#FAQ_Col_1 {
	width:320px;
	z-index:1;
	float: left;
	margin-right: 50px;
}
#FAQ_Col_2 {
	left:21px;
	top:246px;
	width:525px;
	z-index:1;
	float: left;
}

/*Top Agent*/

#topagent-badge { 
	height:480px;
	width:230px;
	margin-right:15px;
	float:left;
}
	
#topagent-content {
	clear:both;
	padding: 30px 0  0 75px;
	}	
	
#topagent-content p, #topagent-header p {
	font-size:13px;
	line-height:15px;
	}	

#topagent-content b, #topagent-header b {
	font-size:13px;
	line-height:15px;
	color:#3897cd;
	}	
	
#topagent-header {
	/*padding-top:55px;*/
	float:right;
	width:700px;
	}	
	
/*intro*/

#intro-badge { 
	margin-right:15px;
	float:right;
	}
	
#competitions {
	width:185px;
	height:329px;
	z-index:1;
	float: left;
}
#welcome {
	width:573px;
	height:520px;
	z-index:1;
	float: left;
	margin-right: 185px;
	background-image: url(../pix/LogIn/VIP_intro.gif);
	background-repeat: no-repeat;
}
#login_benefits {
	width:573px;
	height:300px;
	z-index:1;
	float: left;
	margin-right: 185px;
	background-repeat: no-repeat;
}
#benefits_panel_login {
	position:absolute;
	left:7px;
	top:335px;
	width:560px;
	height:200px;
	z-index:1;
}
#login_intro {
	position:absolute;
	left:10px;
	top:52px;
	width:321px;
	height:248px;
	z-index:2;
}
#form_box {
	position:absolute;
	left:25px;
	top:176px;
	width:289px;
	height:65px;
	z-index:1;
}

/* BENEFITS PAGES */

#Benefit_detail_content {
	position:relative;
	left:0px;
	top:10px;
	width:945px;
	height:600px;
}

#Benefit_detail_content_gold {
	position:relative;
	left:0px;
	top:10px;
	width:945px;
	height:850px;
}

#Benefit_detail_content_elite {
	position:relative;
	left:0px;
	top:10px;
	width:945px;
	height:950px;
}

#benefit_left_col {
	left:6px;
	top:6px;
	width:236px;
	height:223px;
	z-index:1;
	float: left;
	margin-right: 20px;
	position: relative;
}
#benefit_right_col {
	left:6px;
	top:6px;
	width:600px;
	height:223px;
	z-index:1;
	float: left;
	position: relative;
}
.benefit_headings {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	line-height: 24px;
	color: #3897cd;
}
.bene_headers {font-size: 30px}

#one_perc {
	position:absolute;
	left:11px;
	top:791px;
	width:218px;
	height:161px;
	z-index:2;
}


/* CHAT */

#Table_01_chat {
	position:relative;
	left:0px;
	top:10px;
	width:945px;
	height: 1230px;
}

.chat_hello {
	left:0px;
	top:0px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:19px;
	color:#3897cd;
}

.chat-recipe {
	position:absolute;
	left:450px;
	top:0px;
	width:460px;
	height:935px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:19px;
	padding-left:10px;
	padding-right:20px;
	padding-top:120px;
	color:#3897cd;
	background-image:url(../pix/chat/chat_recipe.jpg);
	background-repeat:no-repeat;
	border-left:dotted;
	border-left-color:#3897cd;
	border-bottom:dotted;
	border-bottom-color:#3897cd;
}

.chat-recipe ul {
	margin: 0 0 -10px 0;
}

.chat-recipe ul li {
	padding: 0 0 5px 0;
	margin: 0 10px 0 10px;
}

.chat-recipe ul li.end {
	margin: 0 0 20px 10px;
}

.chat-letters {
	position:absolute;
	left:320px;
	top:983px;
	width:271px;
	height:647px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:19px;
	padding-right:30px;
	padding-left:20px;
	padding-top:80px;
	color:#3897cd;
	background-image:url(../pix/chat/chat_letters.gif);
	background-repeat:no-repeat;
	border-top:dotted;
	border-top-color:#3897cd;
	border-left:dotted;
	border-left-color:#3897cd;
	border-right:dotted;
	border-right-color:#3897cd;
	z-index:10;
}

.chat-hints {
	position:absolute;
	left:645px;
	top:983px;
	width:254px;
	height:330px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:19px;
	color:#3897cd;
	padding-right:20px;
	padding-left:30px;
	padding-top:80px;
	background-image:url(../pix/chat/chat_hints.gif);
	background-repeat:no-repeat;
	overflow:hidden;
	border-top:dotted;
	border-top-color:#3897cd;
}

.chat-comments {
	position:absolute;
	left:0px;
	top:624px;
	width:285px;
	height:127px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:19px;
	padding-top:105px;
	padding-left:10px;
	padding-right:25px;
	color:#3897cd;
	background-image:url(../pix/chat/chat_comments.gif);
	background-repeat:repeat;
	border-top:dotted;
	border-top-color:#3897cd;
	border-bottom:dotted;
	border-bottom-color:#3897cd;
}

.chat_questions {
	position:absolute;
	left:0px;
	top:854px;
	width:300px;
	height:452px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:19px;
	padding-right:10px;
	padding-left:10px;
	color:#3897cd;
}

#chat-button {
	position:absolute;
	left:200px;
	top:185px;
	width:84px;
	height:22px;
	z-index:1000;
}

#chat_hello_header {
	position:absolute;
	left:128px;
	top:45px;
	width:164px;
	height:47px;
	z-index:1000;
	background-image:url(../pix/chat/hello.gif);
	background-repeat:no-repeat;
}

.chat_hello_personalised{
	position:absolute;
	left:128px;
	top:101px;
	width:172px;
	height:47px;
	z-index:2000;	
}

.print-copy {
	position:absolute;
	left:364px;
	top:243px;
	width:124px;
	height:22px;
	z-index:1000;
}

.style1 {
	color: #3897cd;
	font-weight: bold;
}
.style2 {
	font-size: 17px;
	line-height:19px;
	color: #3897cd;
	font-style:italic;
	font-weight:bold;
}
.style3 {
	color: #3897cd;
	font-weight:bold;
	text-decoration:underline;
}
.style4 {
	color:#3897cd;
	font-size: 16px;
	font-weight:bold;
	line-height:21px;
}
#Col1 {
	float:left;
	left:6px;
	top:6px;
	width:460px;
	margin-right:20px;
	z-index:1;
	border-right:solid;
	border-right-color:#101247;
	border-right-width: thin;
	height: 1200px;
}

#Col2 {
	float:left;
	left:6px;
	top:6px;
	width:460px;
	height:672px;
	z-index:1;
}
#Hello {
	position:relative;
	left:28px;
	top:25px;
	width:400px;
	z-index:1;
}

#Hints {
	position:relative;
	left:28px;
	width:403px;
	top:25px;
	z-index:1;
	background-color: #f2eced;
}

.Recipe_body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bolder;
	color: #101247;
	line-height: 16px;
}

#hints_detail {
	position:relative;
	left:22px;
	top:20px;
	width:357px;
	z-index:1;
}
#your_letters {
	left:28px;
	width:427px;
	height:100px;
	top:25px;
	z-index:1;
	background-color: #E8F0F2;
}
#letters {
	position:relative;
	left:22px;
	top:10px;
	width:357px;
	z-index:1;
}
#your_questions {
	left:28px;
	width:427px;
	top:25px;
	z-index:1;
	background-color: #F2ECED;
}

#recipe_pic {
	position:absolute;
	left:803px;
	top:71px;
	width:94px;
	height:127px;
	z-index:2;
}

#Table_01_login {
	position:relative;
	left:0px;
	top:0px;
	width:945px;
	height:320px;
	background-image: url(../pix/LogIn/login_model.jpg);
	background-repeat: no-repeat;
}

#one_perc_plat {
	position:absolute;
	left:11px;
	top:701px;
	width:218px;
	height:161px;
	z-index:2;
}

#one_perc_gold {
	position:absolute;
	left:11px;
	top:671px;
	width:218px;
	height:161px;
	z-index:2;
}

ul#offers-prod li div.black_offers-price span {
	color:#666666;
	font-size:14px;
	padding-left:5px;
}

.offers_description {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	color: #000000;
}