/******* CSS Document for Charles Worthington Front Row ********/

/**************************** reset ****************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;	padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img,abbr,acronym {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal; font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal; font-family: Helvetica, Arial, sans-serif;}
q:before,q:after {content:'';}
a {outline:none;}
*:focus {outline:0;}
html, body, form, #container {height:100%; width:100%;}
/***************************************************************/

/***************************************************************/
body {
	background:#000 url(../images/background/bg01.jpg) 50% 0 repeat-x;
	color:#fff;
	font:normal .75em/1.3em Helvetica, Arial, sans-serif;
	overflow-y:scroll;	
}

* html body {overflow:visible;}
*+html body {overflow:visible;}

body#products {background-image:url(../images/background/bg02.jpg);}
body#leigh,
body#profile, body#competition {background-image:url(../images/background/bg07.jpg);}
body#enter {background-image:url(../images/background/bg03.jpg);}
body#tour {background-image:url(../images/background/bg04.jpg);}
body#backstage {background-image:url(../images/background/bg05.jpg);}
body#erdem {background-image:url(../images/background/bg06.jpg);}

a {color:#fff; text-decoration:underline;}
a:hover, a:active {color:#ee498f; text-decoration:none;}

p {margin-bottom:10px;}

p.intro {
	font-size:1.3em;
	line-height:1.2em;
}

blockquote {
	background:url(../images/blockquote_left.png) 0 0 no-repeat;
	font-size:1.3em;
	padding:8px 0 0 20px;
}

blockquote span {
	display:inline-block;
	background:url(../images/blockquote_right.png) 100% 100% no-repeat;
	padding:0 23px 7px 0;
}

#content li {
	list-style:disc;
	margin:0 0 10px 30px;
}

#content ol li {
	list-style:decimal;
}
/***************************************************************/

/************************** titles *****************************/
h1, h2, h3 {
	display:block;
	height:37px;
	width:630px;
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-200000px;
	margin:0 0 20px;
}

h1.MakeMeFrontRow {background:url(../images/h1_MakeMefrontRow.png) 0 0 no-repeat; width:209px; height:86px;}
h1.Vote {background-image:url(../images/h1_Vote.png);}
h1.Erdem {background-image:url(../images/h1_Erdem.png);}
h1.OnTour {background-image:url(../images/h1_OnTour.png);}
h1.ThankYou {background-image:url(../images/h1_ThankYouForEntering.png);}
h1.ContactUs {background-image:url(../images/h1_ContactUs.png);}
h1.YourNotebook {background-image:url(../images/h1_YouyNotebook.png); clear:both; margin:0;}
h1.PrivacyPolicy {background-image:url(../images/h1_PrivacyPolicy.png);}
h1.Accessibility {background-image:url(../images/h1_Accessibility.png);}
h1.BackstagePass {background-image:url(../images/h1_BackstagePass.png);}
h1.BehindTheScenes {background-image:url(../images/h1_BehindTheScenes.png);}
h1.EditYourProfile {background-image:url(../images/h1_EditYourProfile.png);}
h1.TermsAndConditions {background-image:url(../images/h1_TermsAndConditions.png);}
h1.EnterTheCompetition {background-image:url(../images/h1_EnterTheCompetition.png); width:600px;}
h1.ForgottenYourPassword {background-image:url(../images/h1_ForgottenYourPassword.png);}
h1.TheFinalists {background-image:url(../images/h1_TheFinalists.png);}
h1.Update {background-image:url(../images/h1_update.png);}
h1.CreateYourStyleProfile {background-image:url(../images/h1_CreateYourStyleProfile.png);}
h1.YourAccountHasBeenDeleted {background-image:url(../images/h1_YourAccountHasBeenDeleted.png);}
h1.CharlesAndTheCreativeTeam {background-image:url(../images/h1_CharlesAndTheCreativeTeam.png);}
h1.ChangeYourStyleProfile {background-image:url(../images/h1_ChangeYourStyleProfile.png);}
h1.LeighsBlog {background-image:url(../images/h1_LeighsBlog.png); width:370px; height:64px; float:right;}
h1.TheProductRange {background-image:url(../images/h1_TheProductRange.png);}
h1.Login {background-image:url(../images/h1_Login.png);}
h1.Unsubscribe {background-image:url(../images/h1_Unsubscribe.png);}

h2 {height:26px;}
#content div.left h2, #content div.right h2, h3 {width:300px;}

h2.HowTheCompetitionWorks {background-image:url(../images/h1_HowTheCompetitionWorks.png); height:37px; width:435px; margin-bottom:10px;}
h2.CarolynNewman {background-image:url(../images/h2_CarolynNewman.png); height:25px;}
h2.CharlesWorthington {background-image:url(../images/h2_CharlesWorthington.png); height:46px;}
h2.DefineYourStyle {background-image:url(../images/h2_DefineYourStyle.png);}
h2.Erdem {background-image:url(../images/h2_Erdem.png); height:46px;}
h2.FeaturedFinalists {background-image:url(../images/home_featured.png); width:130px; height:66px;}
h2.LikeThisStyle {background-image:url(../images/h2_LikeThisStyle.png); width:151px; margin-bottom:10px;}
h2.MarcTrinder {background-image:url(../images/h2_MarcTrinder.png); height:25px;}
h2.MathewSoobroy {background-image:url(../images/h2_MathewSoobroy.png); height:25px;}
h2.MyStyleIs {background-image:url(../images/h2_MyStyleIs.png); width:111px; margin-bottom:10px;}
h2.NotOnFacebook {background-image:url(../images/h2_NotOnFacebook.png); height:22px; width:170px; margin:50px 0 10px;}
h2.PastEvents {background-image:url(../images/h2_PastEvents.png); margin-top:30px;}
h2.ShowOffYourLook {background-image:url(../images/h2_ShowOffYourLook.png);}
h2.TheBasics {background-image:url(../images/h2_TheBasics.png);}
h2.TourDates {background-image:url(../images/h2_TourDates.png); margin:30px 0 0;}
h2.VoteNow {background-image:url(../images/h2_VoteNow.png);	width:150px; height:28px; margin:20px 0 15px;}
h2.WhatMakesYouFrontRow {background-image:url(../images/h2_WhatMakesYouFrontRow.png);}
h2.ErdemsInspiration {background-image:url(../images/h2_ErdemsInspiration.png); height:25px;}
h2.LondonFashionWeekFebruary2009 {background-image:url(../images/h2_LondonFashionWeekFebruary2009.png); height:25px;}
h2.LondonFashionWeekSeptember2009 {background-image:url(../images/h2_LondonFashionWeekSeptember2009.png); height:25px;}
h2.SophieClare {background-image:url(../images/h2_SophieClare.png); height:25px;}
h2.IanFlorey  {background-image:url(../images/h2_IanFlorey.png); height:25px;}
h2.CharlesAndTheCreativeTeam {background-image:url(../images/h2_CharlesAndTheCreativeTeam.png); height:32px;}
h2.ErdemSmall {background-image:url(../images/h2_Erdem_small.png); height:32px;}
h2.Backstage {background-image:url(../images/h2_BackstagePass_small.png); height:32px;}
h2.StyleInspiration {background-image:url(../images/h2_StyleInspiration.png); height:32px;}
h2.EnterNow {background-image:url(../images/h2_EnterNow.png); height:36px; width:210px;}
h2.ThePrize {background-image:url(../images/h2_ThePrize.png); width:160px; height:37px; margin-bottom:10px;}
h2.TheShows {background-image:url(../images/leigh_theShows.png);}
h2.JulianMcDonald {background-image:url(../images/leigh_julian.png);}
h2.Jasmine {background-image:url(../images/leigh_jasmine.png);}
h2.ErdemLeigh {background-image:url(../images/leigh_erdem.png);}
h2.TopShop {background-image:url(../images/leigh_topshop.png);}
h2.Jeremy {background-image:url(../images/leigh_jeremy.png);}
h2.Matthew {background-image:url(../images/leigh_matthew.png);}
h2.Party {background-image:url(../images/leigh_partyTime.png);}
h2.EnterUsingFacebook {background-image:url(../images/h2_EnterUsingFacebook.png); width:180px; height:41px;}
h2.EnterWithoutFacebook {background:url(../images/h2_EnterWithoutFacebook.png); width:180px; height:41px;}
h2.welcome {background-image:url(../images/h2_welcome.png); height:32px; margin-bottom:5px;}
h2.rate {background-image:url(../images/h2_rate.png); height:32px; margin-bottom:5px;}
h2.challenges {background-image:url(../images/h2_challenges.png); height:38px; margin-bottom:0;}
h2.update {background-image:url(../images/h2_update.png); height:38px; margin-bottom:0;}
h2.prizedash {background-image:url(../images/h2_prize.png); height:38px; margin-bottom:0;}
h2.behind {background-image:url(../images/behindthescenes.png); height:38px; margin-bottom:0;}
h2.welcomesorry {background-image:url(../images/h2_sorry.png); height:32px; margin-bottom:5px;}
h2.congratswinner {background-image:url(../images/h2_congratswinner.png); height:38px; margin-bottom:0;}
h2.goodnews {background-image:url(../images/h2_goodnews.png); height:38px; margin-bottom:0;}

h3 {height:46px; margin-bottom:5px;}

h3.London {background-image:url(../images/h3_London.png);}
h3.Glasgow {background-image:url(../images/h3_Glasgow.png);}
h3.Cardiff {background-image:url(../images/h3_Cardiff.png);}
h3.Manchester {background-image:url(../images/h3_Manchester.png);}
h3.Birmingham {background-image:url(../images/h3_Birmingham.png);}
h3.OurCurrentAmbassador {background-image:url(../images/h3_OurCurrentAmbassador.png); margin-bottom:10px;}
/***************************************************************/

/************************ form elements ************************/
fieldset, fieldset p, label, input, textarea {
	float:left;	
}

fieldset {
	width:100%;
	margin-bottom:15px;
}

fieldset p {
	width:100%;
	clear:both;
}

fieldset p span {
	float:left;
	background:#e60137 url(../images/bg_error.png) 0 50% no-repeat;
	padding:5px 40px 5px 20px;
	color:#fff;
	font-weight:bold;
	margin-left:15px;
}

label {
	width:145px;
	height:18px;
	font-style:italic;
	background:#636 url(../images/label.png) 100% 0 no-repeat;
	padding:5px 20px 5px 10px;
}

label.text {
	background:none;
	width:auto;
	padding:0;
}

label.pink {
	width:10px;
	background-color:#a52270;
}

input, textarea {
	font:normal 1.1em/1.2em Helvetica, Arial, sans-serif ;
	border:none;
	padding:5px;
	background:#fff;
	color:#666;
	width:240px;
	height:18px;
}

textarea {
	width:840px;
	height:135px;
	margin-bottom:15px;	
}

fieldset p.date input {
	width:58px;
	background:#fff url(../images/date.png) 100% 100% no-repeat;
	padding-right:20px;
	text-align:center;
}

* html fieldset p.date {
	display:block;
	margin-top:10px;
}

fieldset p.date input.year {
	width:59px;
	background:#fff;
}

fieldset p.date input.button,
#navbar input.button, .filter input.button,
input.button {
	background:none;
	padding:0;
	width:auto;
	height:auto;
	margin-left:5px;
}

input.button.right {
	margin-left:20px;
}

input.checkbox {
	width:14px;
	height:14px;
	padding:0;
	margin:0 5px 0 0;
}

.wide #content div.photo {
	margin-right:30px;
	background-position:50% 11px;
	background-repeat:no-repeat;
}

.wide #content div.photo,
div.photo span {
	width:188px;
	height:225px;
}

div.photo span {
	display:block;
	background:url(../images/photo_frame.png) 0 0 no-repeat;
}

div.photo h3 {background:url(../images/label_YourProfile.png) 0 0 no-repeat; width:82px; height:82px;}
div.photo h3.optional {background-image:url(../images/label_Optional.png);}

*html div.photo h3 {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/label_YourProfile.png', sizingMethod='image');
}

*html div.photo h3.optional {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/label_Optional.png', sizingMethod='image');
}

fieldset#shareyourlook input.button {
	margin-top:197px;
}

fieldset#shareyourlook div.photo input.button {
	margin:105px 36px 0;
}

fieldset#what p strong {
	font-style:italic;
	width:600px;
	font-size:1.2em;
	float:left;
}

fieldset#what p strong span {
	float:right;
	margin-top:5px;
	font-style:normal;
	font-size:.85em;
	padding-right:180px;
}

fieldset#what p span#counter {
	float:right;
	font-size:3em;
	line-height:1.1em;
	color:#999;
	background:none;
	padding:0;
}
/***************************************************************/

/***************************************************************/
#innerContainer, #header, #wrapper, #content, #content div, .column, #navbar, #footer {
	float:left;
	display:inline;
}

#container,
#innerContainer{
	width:900px;
	margin:0 auto;
}

#innerContainer {
	min-height:100%;
	margin-bottom:-40px;
}

* html #innerContainer {
	height:100%;
}

#header, #wrapper {
	width:100%;
	margin-bottom:15px;
	position:relative;
}

#wrapper {
	margin-bottom:40px;
	padding-bottom:20px;
	z-index:1;
}

.left {float:left;}
.right {float:right;}

img.left,
img.right {
	width:auto;  /* IE6 */
	margin-bottom:15px;
}

/************************** header *****************************/
#header div, #header h1, #header ul, #header li, #header li a, #header #loginform p, #header a#complogin {
	float:left;
}

#header h1 {
	width:101px;
	height:129px;
	margin:0;
}

#header h1 a {
	display:block;
	background:url(../images/logo.png) 50% 0 no-repeat;
	width:101px;
	height:129px;	
	text-indent:-200000px;
}

#header ul {
	position:relative;
	background:url(../images/bg_header.png) 100% 0 no-repeat;
	padding-right:84px;
}

#header li,
#header li a {
	display:block;
	height:34px;	
}

#header li a {
	text-indent:-20000px;
	background-image:url(../images/menu.png);
	background-position:0 0;
	background-repeat:no-repeat;
	width:63px;
	opacity:.9;
	filter:alpha(opacity=90);
}

#header li.winner a {width:91px; background-position:-63px 0;}
#header li.finalists a {width:94px; background-position:-157px 0;}
#header li.backstage a {width:138px; background-position:-252px 0;}
#header li.products a {width:138px; background-position:-390px 0;}

#header li a:hover {
	background-position:0 100%;
	opacity:.8;
	filter:alpha(opacity=80);	
}

#header li a.active {
	background-position:0 100%;
	opacity:1;
	filter:alpha(opacity=100);
}

#header li.winner a.active,
#header li.winner a:hover {background-position:-63px 100%;}
#header li.finalists a.active,
#header li.finalists a:hover {background-position:-157px 100%;}
#header li.backstage a.active,
#header li.backstage a:hover {background-position:-252px 100%;}
#header li.products a.active,
#header li.products a:hover {background-position:-390px 100%;}

#header ul ul {
	position:absolute;
	width:609px;
	bottom:-45px;
	left:0;
	background:url(../images/bg_pink.png) repeat;
	border-top:#ef488f 10px solid;
	border-bottom:#ef488f 1px solid;
	padding:0;
}

*html #header ul ul {
	background:#f2d1df;
}

#header ul ul li {
	border-right:#ef8bb4 1px solid;
}

#header ul ul li a {
	background-image:url(../images/submenu.png);
}

#header li.backstage li.MeetTheTeam a,
#header li.backstage li.MeetTheTeam a:hover {background-position:-294px 50%; width:124px;}
#header li.backstage li.Erdem a,
#header li.backstage li.Erdem a:hover {background-position:-234px 50%; width:66px;}
#header li.backstage li.StyleInspiration a,
#header li.backstage li.StyleInspiration a:hover {background-position:-108px 50%; width:130px;}
#header li.backstage li.BackstagePass a,
#header li.backstage li.BackstagePass a:hover {background-position:15px 50%; width:130px;}

#header ul ul li a.active {
	background-color:#fff;
	opacity:.6;
	filter:alpha(opacity=60);
}

#header ul ul li a:hover {
	background-color:#fff;
	opacity:1;
	filter:alpha(opacity=100);	
}

#header #login {
	float:right;
	background:#030303 url(../images/bg_login.png) 0 0 repeat-x;
	width:190px;
	padding-top:10px;
	position:relative;
	z-index:10000;
}

#header #login a {
	color:#e7adc6;
}

#header #login p {
	float:left;
	padding:0 12px 10px;
	margin:0;
}

#header #login p.name {
	background:url(../images/bg_hello.png) 12px 0 no-repeat;
	padding-top:20px;
	font-size:1.2em;
}

#header #login p.charlesworthington {
	background:#fff;
	padding:5px 12px 5px 30px;
}

#header #login a.notebook,
#header #login a.logout {
	display:block;
	width:166px;
	height:22px;
	background:#366 url(../images/a_loginbuttons.png) 0 0 no-repeat;
	text-indent:-200000px;
}

#header #login a.logout {background-position:0 100%;}
#header #login.facebook a.notebook {background-position:100% 0;}
#header #login.facebook a.logout {background-position:100% 100%;}

#header #loginform {
	display:none;
	position:absolute;
	background:#3d0d21 url(../images/bg_loginform.png) 0 0 repeat-x;
	width:190px;
	padding:15px 15px 10px;
	z-index:15;
	top:33px;
	right:14px;
}

#header #loginform p {
	width:190px;
	padding:0;
	margin-bottom:7px;
}

#header #loginform a {
	color:#fff;
}

#header #loginform input {
	width:180px;
	margin:0 0 5px 0;
}

#header #loginform label,
#header #loginform input.button,
#header #loginform input.checkbox {
	width:auto;
}

#header #loginform label {
	background:none;
	padding:5px 0;
}

#header #loginform input.checkbox {
	width:14px;
	margin:5px 5px 5px 15px;
}

#header a#complogin {
	cursor:pointer;
	width:164px;
	height:23px;
	background:url(../images/a_login.png) 0 0 no-repeat;
	text-indent:-200000px;
	margin-bottom:5px;
}

#header a#complogin.active {
	background-position:0 100%;
}
/***************************************************************/

/*********************** columns *******************************/
.column {
	position:relative;
	width:680px;
	margin-right:30px;
	padding-bottom:50px;
}

.column.wide {
	width:900px;
	margin:0;
}

.column.left {
	background:url(../images/black.png) repeat;
}

* html .column.left {background:#000;}

.column.right {
	width:190px;
	margin:0;
}

/************************* breadcrumbs *************************/
#breadcrumbs, #breadcrumbs ul, #breadcrumbs li {
	float:left;
}

#breadcrumbs {
	width:100%;
	background:#181818 url(../images/bg_breadcrumbs.png) 0 0 repeat-x;
	border-bottom:1px solid #333;
	font-size:.9em;
}

#breadcrumbs li {
	background:url(../images/bg_breadcrumbs_divider.png) 0 0 no-repeat;
	padding:4px 5px 3px 27px;
}

#breadcrumbs, #breadcrumbs a {
	text-decoration:none;
	color:#ee498f;
}

#breadcrumbs a:hover {
	color:#fff;
}

#breadcrumbs li#home {
	background:none;
	padding-left:5px;
}

#breadcrumbs li#home a {
	display:block;
	width:12px;
	height:16px;
	background:url(../images/icon_home.png) 50% 0 no-repeat;
	text-indent:-200000px;
	margin-left:10px;
}

#breadcrumbs li#home a:hover {
	background-position:50% 100%;
}

#breadcrumbs p {
	float:right;
	margin:0;
	padding:4px 20px 3px 0;
}
/***************************************************************/

/************************ homepage *****************************/
body#home div#intro {
	float:left;
	padding:20px 0 20px 40px;
}

* html body#home div#intro {height:460px;}

body#home div#intro p {
	font-size:1.3em;
	line-height:1.2em;
	clear:both;
}

body#home div#flash {
	margin:-13px 0 20px;
	height:510px;
	z-index:0;
}

body#home div#flash embed {
	z-index:-1;
}

body#home div#flash #flashcontent {
	float:left;
}

body#home div#content {border-top:#1c3b43 solid 5px; padding-left:40px; width:835px;}

body#home div#content div {
	width:300px;
}

body#home div#content div.contestant {
	background:url(../images/bg_home_cont.png) 0 0 repeat-x;
	width:154px;
	float:right;
	margin-left:15px;
	border:1px solid #333;
}

body#home div#content div.contestant div {
	width:143px;
	padding:5px 6px 4px 5px;
}

body#home div#content div.contestant div span {
	display:block;
	width:145px;
	margin-bottom:7px;
	padding-top:110px;
	background-color:#000;
	background-position:50% 0;
	background-repeat:no-repeat;
}

body#home div#content div.contestant div span p {
	background:#f0498f;
	color:#fff;
	font-size:1.1em;
	width:135px;
	padding:5px;
	margin:0;
	font-weight:bold;
}

body#home div#content div.contestant div a {
	float:left;
	margin-bottom:5px;
	cursor:pointer;
	text-decoration:none;
	
}
/***************************************************************/

/****************** enter the competition **********************/
.wide #content div#flash {
	width:395px;
}

.wide #content div#flash object {
	float:left;
	margin-bottom:20px;
}

.wide #content div#list {
	width:300px;
	margin-right:30px;
}

* html .wide #content div#list {margin-right:10px;}

.wide #content div#list li {
	background:url(../images/bg_arrow.png) 0 3px no-repeat;
	padding:0 0 0 15px;
	margin:0 0 12px 0;
	list-style:none;
}

.wide #content #howcompetitionworks {
	width:490px;
}

.wide #content #howcompetitionworks strong {
	color:#ee498f;
	font-size:1.2em;
}

.wide #content #howcompetitionworks p {margin-bottom:20px;}

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

/****************** create your profile ************************/
#content.form h2,
#content.form h2 a {
	width:850px;
	height:54px;
}
#content.form h2 a {
	display:block;
	background:url(../images/a_arrow.png) 20px 18px no-repeat;
}

#content.form h2 a.active {
	background-position:20px -165px;
}
/***************************************************************/

/************************ events *******************************/
#content div.event {
	background:#030303 url(../images/bg_login.png) 0 34px repeat-x;
}

#content div.event div {
	width:270px;
	padding:5px 15px 0px;
	margin:0;
}

div.event p strong {
	float:left;
	width:60px;
	margin-bottom:35px;
}

div.event p a {font-weight:bold;}

img.tour {margin-top:11px;}	
/***************************************************************/

#content {
	width:630px;
	padding:20px 25px;
}


#content div {
	margin-bottom:10px;
	width:630px;
}

.wide #content,
.wide #content div,
.wide #content fieldset {
	width:850px;
}

body#blogpost .wide #content div {width:auto;}

.fb_resetstyles,
#content div div {
	width:auto;
}

#content div.left, #content div.right {width:300px;}
.wide #content div.left, .wide #content div.right {width:410px;}

#content div.right {
	float:right;	
}

#content .panel {
	background:#68034b url(../images/bg_panel.gif) 100% 0 no-repeat;
	width:590px;
	padding:15px 20px;
}

#content div.grey {
	background:#2a2a2a;
	margin:0;
}

#content.team img.left {margin-right:20px;}
#content.team img.right {margin:-20px 0 0 0;}

#content div.grey div {
	width:570px;
	padding:10px 30px;
}

#content div.twoThirds,
#content div.twoThirds div {width:650px;}
#content div.twoThirds div#flashInner {width:405px;}

#content div.oneThird {width:180px; margin-left:20px;}

#content div.oneThird div {
	float:right;
	width:160px;
	padding:10px;
	margin-bottom:30px;
}

#content div.oneThird div.facebook {background:#4e7bc4 url(../images/bg_facebook.png) 0 100% no-repeat;}
#content div.oneThird div.frontrow {background:#c23470 url(../images/bg_NotOnFacebook.png) 0 100% no-repeat;}

#content div.grey div div {
	padding:0;
	margin:0 0 20px 0;
}

#content div.grey div div.copy {
	float:left;
	width:270px;
	margin-right:30px;
}

#content div.grey div div.short.copy {
	width:180px;
}

div#content p.style {
	background:#cdcdcd;
	font-weight:bold;
	float:left;
	padding:1px 17px 2px 5px;
	margin:0 5px 4px 0;
	color:#000;
}


/*********************** promo boxes ***************************/
.box {
	float:left;
	background-color:#000;
	padding-bottom:5px;
	margin-bottom:35px;
	border-bottom:5px solid #fff;
}

.box h2 {
	width:190px;
	height:120px;
	border-bottom:2px solid #fff;
	margin-bottom:15px;
}

.box h2.behindthescenes {background-image:url(../images/h2_behindthescenes.jpg);}
.box h2.enterthecompetition {background-image:url(../images/h2_enterthecompetition.jpg);}
.box h2.ontour {background-image:url(../images/h2_ontour.jpg);}
.box h2.products {background-image:url(../images/h2_frontrowproducts.jpg);}

.box p {
	width:160px;
	padding:0 15px;
}
/***************************************************************/

/***************************** vote ****************************/
.filter {
	background:#181818 url(../images/bg_breadcrumbs.png) 0 0 repeat-x;
	border:1px solid #292929;
	padding-top:15px;
}

* html .filter fieldset {
	margin:0;
}

.filter a.active,
.pagenumbers li a.active,
.pagenumbers li a:hover {
	color:#ee498f;
	text-decoration:none;
}

.filter label {
	background:none;
	height:auto;
	font-style:normal;
	width:160px;
}

.filter input {
	background:#161616;
	color:#fff;
	width:303px;
}

.filter input.link,
input.link {
	background:none;
	cursor:pointer;
	float:none;
	width:auto; height:auto;
	padding:0;
	text-decoration:underline;
	color:#fff;
}

input.link:hover {
	color:#ee498f;
}

.filter ul, #competition #content div.contestant,
#competition div.contestant .picture, #competition div.contestant .picture span {
	float:left;
}

.filter ul {	
	width:400px;
	padding:5px 0;
}

#content .filter li,
#content .pagenumbers li {
	display:inline;
	margin:0;
	padding:0;
}

.pagenumbers li,
.pagenumbers li a {
	color:#666;
	text-decoration	:none;
}

#competition #content div.contestant {
	width:300px;
	background:#2a2a2a url(../images/bg_contestant.png) 0 40px no-repeat;
	margin-bottom:25px;
}

#competition #content div.contestant.left,
#competition #content div.contestant p {
	clear:both;
}

.pagenumbers ul,
#competition #content div.contestant.right,
#competition #content div.contestant .description {
	float:right;
}

#competition div.contestant .picture {width:120px;}

#competition div.contestant .picture span {
	background-color:#000;
	background-repeat:no-repeat;
	background-position:50% 35%;
	margin:7px 0 5px 20px;
}

#competition div.contestant .picture p {
	padding:5px 5px 5px 20px;
	margin-left:-4px;
	background:url(../images/contestant-blue-background-text.gif) 0 0 no-repeat;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 2px;
}

#competition div.contestant .picture p.purple {background-image:url(../images/contestant-purple-background-text.gif);}

#competition div.contestant h2,
#competition div.contestant .description {
	width:160px;
}

#competition div.contestant h2 {
	text-indent:0;
	font-size:1.5em;
	padding-top:12px;
	margin-bottom: 15px;
}

#competition div.contestant p.clear {padding-top:10px;}
/***************************************************************/

/************************ profile page *************************/
#navbar {background:url(../images/bg_navbar.gif) 0 0 repeat-x; width:100%;}

body#profile #content h1 {
	float:left;
	color:#610f5d;
	background:url(../images/h1_profile.jpg) 0 0 no-repeat;
	padding:10px;
	height:auto;
	margin:20px 0 30px;
	width:610px;
	text-indent:0;
	font-size:1.4em;
	line-height:1em;
	font-weight:bold;
}

body#profile #content div div {
	width:190px;
	float:left;
	margin-right:30px;
	display:inline;
}

body#profile #content div div div, body#profile #content div div#details, #navbar input.button, body#profile #content div div.vote,
body#profile #content div div.vote input {
	margin:0;
}

body#profile #content div#pictures img {
	width:190px;
	margin-bottom:30px;
}

body#profile #content div div.vote {
	border:1px solid #444;
	background:#000 url(../images/bg_vote.png) 0 100% repeat-x;
	padding:20px 10px;
	width:168px;
}

body#profile #content div div.ranking {
	margin:20px 0;
}

div.ranking p {
	font-size:1.2em;
	padding: 2px 0 5px 0;
}

div.ranking p span {
	background:url(../images/bg_ranking.png) 0 0 no-repeat;
	padding-left:30px;
	color:#b92184;
	font-size:1.7em;
}
/***************************************************************/

/********************** your notebook **************************/
#content #congrats {
	background:#69034c url(../images/bg_congrats.jpg) 100% 0 no-repeat;
	width:570px;
	padding:20px 40px 10px 20px;
	margin-bottom:30px;
}

#congrats h2 {
	float:left;
	background-image:url(../images/congrats_purple_transparent.png);
	width:463px;
	height:35px;
	margin-bottom:10px;
}

#congrats p {
	float:right;
	width:250px;
	padding-top:30px;
}

span.padding {
	float:left;
	padding:10px 20px;
	width:260px;
}

#notices {background:#517571 url(../images/bg_notices.jpg) 0 100% no-repeat;}
#notices h2 {background:url(../images/titles.png); height:38px; margin-bottom:10px;}
#notices span.padding {
	width:160px;
	padding:0 130px 10px 10px;
}

h2.EditYourProfile {background:url(../images/titles.png); height:38px; margin-bottom:0; background-position:0 -38px;}
h2.PromoteYourself {background:url(../images/titles.png); height:38px; margin-bottom:0; background-position:0 -77px;}

body#competition div.grey {
	margin-bottom:20px;
}

#content div.left div#ranking {margin-top:20px;}

#content div.left div#ranking h2 {
	float:left;
	width:81px;
	height:55px;
	padding:25px;
	background-image:url(../images/bg_frameranking.png);
	text-indent:0;
	font-size:4em;
	line-height:1.2em;
	font-weight:bold;
	text-align:center;
}

#content div.left div#ranking h2 span {font-size:.5em;}

#content div.left div#ranking div {
	margin-left:9px;
	width:160px;
	float:left;
}

#content div.left div#ranking div p {
	border-top:1px #fff solid;
	font-size:1.2em;
	padding:5px 0 0 10px;
}
	
#content div.left div#ranking h3 {background-image:url(../images/h3_YoureCurrentlyIn.png); width:127px; height:17px; margin:10px 0 5px 10px;}
/***************************************************************/

/***************************** blog ****************************/
#content.blog {
	width:680px;
	padding:20px 0;
}

#content.blog .left {
	width:186px;
	background:#fff;
	padding:15px;
	color:#000;
}

#content.blog .left img {
	margin-bottom:20px;
}

#content.blog .right {
	width:320px;
	background:url(../images/black.png) repeat;
	padding:20px 20px 10px;
	margin:0 20px 0 0;
}

* html #content.blog .right {background:#000;}

#content.blog h2 {
	display:inline;
	float:right;
	width:360px;
	height:25px;
	margin:0 20px 0 0;
}

#content.blog .inner {
	background:url(../images/bg_blog.jpg) 50% 200px no-repeat;
	width:630px;
	padding:0 25px 40px;
}
/***************************************************************/

/*************************** footer ****************************/
*+html #footer {margin-top:20px;}

#footer {
	width:870px;
	padding:11px 15px 5px;
	background:#090909 url(../images/bg_footer.png) 100% 0 no-repeat;
	min-height:20px;
}

* html #footer {height:28px;}

#footer a {text-decoration:none;}
#footer a:hover {text-decoration:underline;}

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

#footer li {margin-right:3px;}

#footer p {float:right;}

#footer .facebook {
	padding:0;
	margin:-5px 20px 0 0;
}
/***************************************************************/

/********************* alternative content *********************/
div#flashcontent #content div h1,
div#flashcontent #content div h2{
	font-size:1.5em;
	text-indent:0;
	padding:0;
	margin:10px 0 10px;
	height:auto;
	width:auto;
}

div#flashcontent h2 {
	font-size:1.3em;
	font-weight:bold;
	margin-top:30px;
}

div#flashcontent #content div {
	padding-top:20px;
	clear:both;
	width:600px;
	border-bottom:4px solid #666;
}

div#flashcontent #content ul {
	margin-bottom:20px;
}

div#flashcontent p.backtotop {
	clear:both;
	text-align:right;
}

div#flashcontent p.backtotop a {	
	background:url(../images/bg_BackToTop.png) 0 50% no-repeat;
	padding:0 20px;
}

div#flashcontent ul#productsMenu li {
	float:left;
	list-style:none;
	width:84px;
	margin:0;
	background:url(../images/bg_ProductsMenu.png) 0 0 no-repeat;
	padding:115px 5px 5px;
	text-align:center;
}

div#flashcontent ul#productsMenu li.fr02 {background-position:-94px 0;}
div#flashcontent ul#productsMenu li.fr01 {background-position:-188px 0;}	
div#flashcontent ul#productsMenu li.fr03 {background-position:-282px 0;}
div#flashcontent ul#productsMenu li.fr05 {background-position:-376px 0;}
div#flashcontent ul#productsMenu li.fr06 {background-position:-470px 0;}
div#flashcontent ul#productsMenu li.fr08 {background-position:-564px 0;}
div#flashcontent ul#productsMenu li.fr07 {background-position:-658px 0;}
div#flashcontent ul#productsMenu li.fr04 {background-position:100% 0;}
div#flashcontent ul#productsMenu li.fr09 {background-position:0 0;}
/***************************************************************/

/* blog post */
h1.blog {
	height:46px;
	width:430px;
	float:left;
}

h1.sharon {
	background-image:url(../images/h1_BlogSharon.png);
}

h1.Luke {background-image:url(../images/h1_BlogLuke.png);}
h1.LeonieEsme {background-image:url(../images/h1_BlogLeonieEsme.png);}
h1.Zaiba {background-image:url(../images/h1_BlogZaiba.png);}
h1.Helen {background-image:url(../images/h1_BlogHelen.png);}
h1.Karena {background-image:url(../images/h1_BlogKarena.png);}
h1.Kate {background-image:url(../images/h1_BlogKate.png);}
h1.Lucy {background-image:url(../images/h1_BlogLucy.png);}
h1.Stephanie {background-image:url(../images/h1_BlogStephanie.png);}
h1.Siobhan {background-image:url(../images/h1_BlogSiobhan.png);}
h1.Holly {background-image:url(../images/h1_BlogHolly.png);}

div.blogpost {
	width:630px;
	overflow:auto;
	border-bottom:30px;
}

div.blogpost h2 {
	text-indent:0;
	font-size:2.2em;
	line-height:1.3em;
	margin-bottom:0;
	height:auto;
}

div.blogpost p.date {
	background:url(../images/bg_date.png) repeat;
	padding:5px 10px;
	color:#000;
	font-weight:bold;
	margin:0;
}

div.blogpost p.author {
	background:#fff;
	color:#000;
	float:right;
	font-size:.8em;
	text-transform:uppercase;
	padding:0 4px;
}

div.blogpost div.post {
	float:left;
	width:630px;
}

div.blogpost p.actions {
	clear:both;
	border-top:1px solid #fff;
	padding:5px 0;
	text-align:right;
}

.ratingStar {
            font-size: 0pt;
            width: 25px;
            height: 25px;
            margin: 0px;
            padding: 0px;
            cursor: pointer;
            display: block;
            background-repeat: no-repeat;
            background-color: #000;
    }

    .filledRatingStar {
        background-image: url(../images/FilledStar.png);

    }

    .emptyRatingStar {
        background-image: url(../images/EmptyStar.png);
    }

    .savedRatingStar {
        background-image: url(../images/SavedStar.png);
    }
	
#content div div#rating {
	float:left;
	width:300px;
	clear:both;
}

#content div div#rating p {
	float:left; 
	width:100px; 
	font-size:1.3em;
	margin-right:10px;
	padding-top:5px;
	line-height:1.2em;
}