/* CSS Document */
html, body, div, h1, h2, h3, h4, h5, h6, li, ol, ul, input, checkbox, img, a, p {
margin:0px;
padding:0px;
border:0;
outline:0;
font-family:"Garamond", Georgia, "Times New Roman", Times, serif;
font-size:100%;
line-height:1;
color:#fff;
}
body{
background:#000 url(../img/Bg.gif) 0px 0px repeat-x;
}
p{
font-size:75%;
line-height:1.3;
margin-bottom:8px;
}
a{
color:#fff;
}
a:hover{
text-decoration:underline;
}
.Replace{
text-indent:-9000px;
}
.ClearFix{
clear:both;
}
h1{
display:none;
}
h2{
display:none;
}
.Highlight{
color:#000;
}
.Rail{
width:1px;
overflow:hidden;
}
#All{
position:absolute;
top:0px;
left:0px;
z-index:0;
width:100%;
}
li a{
color:#000;
}

/* Header
---------------------------------------------------------------------------------------- */
#Header{
position:absolute;
top:0px;
left:0px;
height:186px;
z-index:1;
width:100%;
}
#BackToGrazia
{
width:289px;
height:186px;
}

/* Common
---------------------------------------------------------------------------------------- */
#LeftBg{
background:url(../img/LeftBg.jpg) top right no-repeat;
}
#RightBg{
background:url(../img/RightBg.jpg) top left no-repeat;
}
#AllCentre{
width:1018px;
background:url(../img/MainBg.gif) top left no-repeat;
white-space:nowrap;
overflow:hidden;
}
#AllCentreOverlay{
width:1018px;
white-space:nowrap;
overflow:hidden;
}
#MainWrap{
clear:both;
width:1018px;
}
#Main{
float:left;
width:729px;
margin:0;
padding:0;
white-space:normal;
}
#MainHeader{
float:left;
width:538px;
height:84px;
margin:0;
padding:0;
}
#MainHeader h3{
padding:44px 0px 0px 43px;
width:442px;
height:32px;
}
#MainHeader h3.HeaderHome{
background:url(../img/HeaderHomeVote.gif) 39px 38px no-repeat;
}
p#Intro{
clear:both;
padding:0px 71px 0px 43px;
width:615px;
font-size:95%;
}
p#Rollover{
font-size:110%;
color:#000;
font-weight:bold;
padding-top:16px;
}
#RightPanel{
float:left;
width:268px;
margin:0;
padding:0px 0px 140px 18px;
}
h4.RegisterAndWin{
font-size:140%;
color:#000;
font-weight:bold;
height:57px;
}
div.RegisterInfo{
width:172px;
font-size:90%;
font-weight:bold;
color:#000;
padding-left:92px;
white-space:normal;
line-height:1.2;
height:187px;
}
div.RegisterInfo span{
padding-left:20px;
display:block;
font-size:140%;
}
#EnterHere{
width:256px;
height:163px;
background:url(../img/EnterHere.gif) 0px 0px no-repeat;
}
#EnterHere a{
width:256px;
height:163px;
display:block;
}
#EntryForm{
display:block;
}
#EntryThanks{
display:none;
}
#EntryThanks p{
color:#000;
font-size:140%;
white-space:normal;
font-weight:bold;
}
h4#MediaPack{
background:url(../img/MediaPackBg.gif) 0px 0px no-repeat;
height:40px;
text-indent:-9000px;
}
p#MediaPackInfo{
color:#000;
font-size:80%;
white-space:normal;
font-weight:bold;
}
#MediaPackDownload{
padding-left:119px;
}
#MediaPackDownload a{
display:block;
width:134px;
height:28px;
background:url(../img/BtnDownload.gif) 0px 0px no-repeat;
text-indent:-9000px;
}
h3#ShowUs{
width:256px;
height:48px;
background:url(../img/ShowUs.gif) 0px 0px no-repeat;
}
#ShowUsFormWrap{
display:block;
width:250px;
padding:0px 0px 12px 6px;
background:#a50575 url(../img/ShowUsFormBg.gif) left bottom no-repeat;
margin-bottom:12px;
}
#ShowUsFormWrap p{
color:#000;
padding:6px;
white-space:normal;
font-size:90%;
}
#ShowUsFormWrap p.Val{
font-size:75%;
color:#fff;
}
.UploadFileField{
padding-left:6px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-transform:uppercase;
font-weight:bold;
color:#666;
padding:2px;
width:240px;
margin-botton:6px;
}
.ShowUsInputBg{
width:232px;
height:20px;
background:url(../img/ShowUsFieldBg.gif) 0px 0px no-repeat;
padding:8px 0px 0px 12px;
margin-top:6px;
}
.ShowUsSubmitBg{
text-align:right;
width:232px;
margin-top:12px;
}
.ShowUsInput{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-transform:uppercase;
font-weight:bold;
color:#666;
background:#fff;
}
#ShowUsThanks{
display:none;
width:250px;
padding:32px 0px 32px 6px;
background:#a50575 url(../img/ShowUsFormBg.gif) left bottom no-repeat;
margin-bottom:12px;
font-size:100%;
font-weight:bold;
}
#ShowUsThanks p{
width:240px;
font-size:90%;
}

/* Home
---------------------------------------------------------------------------------------- */
#MainHome{
float:left;
width:729px;
margin:0;
padding:0;
white-space:normal;
}/*
#MainHome ul{
width:671px;
height:432px;
background:url(../img/HomeBtnsBg.gif) 41px 0px no-repeat;
padding:0px 0px 0px 41px;
margin-top:30px;
}
#MainHome ul li{
float:left;
width:155px;
height:131px;
list-style-type:none;
text-indent:-9000px;
padding:4px 8px 9px 4px;
}
#MainHome ul li a{
width:155px;
height:131px;
display:block;
}*/
#MainHomePad{
height:290px;
}
#MainSurveyPad{
height:420px;
}
#MainTeamPad{
height:230px;
}
#HomeMessage{
width:729px;
height:394px;
background:url(../img/HomeMessage.jpg) 0px 0px no-repeat;
text-indent:-9000px;
}
.HeaderHome{
background:url(../img/Calling_all_fashionistas.jpg) 0px 0px no-repeat;

}

/* Footer
---------------------------------------------------------------------------------------- */
#LeftBgFooter{
background:#e0e0e0 url(../img/FooterLeftBg.gif) top right no-repeat;
}
#RightBgFooter{
background:#e0e0e0 url(../img/FooterRightBg.gif) top left no-repeat;
}
#AllCentreFooter{
width:987px;
background:url(../img/FooterBg.gif) top left repeat-y;
white-space:nowrap;
padding:7px 0px 33px 31px;
}
#AllCentreFooterHome{
width:987px;
background:url(../img/FooterBgHome.gif) top left repeat-y;
white-space:nowrap;
padding:21px 0px 33px 31px;
}
#GraziaLogo{
float:left;
width:80px;
height:21px;
background:url(../img/GraziaLogo.gif) 0px 0px no-repeat;
}
#GraziaLogo a{
width:70px;
height:21px;
display:block;
}
#FooterLinks{
float:left;
padding-top:10px;
}
p#Legals{
font-family:Arial, Helvetica, sans-serif;
color:#868686;
font-size:65%;
}
p#Legals a{
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
color:#868686;
}
.SurveyNext{
text-align:right;
}

/* Form
---------------------------------------------------------------------------------------- */
.FormDiv{
clear:both;
width:307px;
height:30px;
background:url(../img/TextInputBg.gif) 0px 0px no-repeat;
padding:8px 0px 0px 14px;
}
.FormInputText{
background:#fff;
font-size:70%;
width:215px;
height:12px;
color:#000;
border:1px solid #fff;
font-size:70%;
font-weight:bold;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
}
.Check{
clear:both;
float:left;
width:18px;
margin:8px 4px 0px 8px;
}
.Check input{
border: 0px;
margin: 0px;
padding: 0px;
}
.CheckMessage{
float:left;
margin:8px 0px 0px 0px;
width:210px;
}
.CheckMessage p{
font-size:65%;
color:#999;
font-family:Arial, Helvetica, sans-serif;
color:#000;
white-space:normal;
line-height:1.2;
margin-bottom:4px;
}
.CheckMessage a{
color:#000;
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
font-weight:normal;
}
.FormDivSubmit{
clear:both;
padding:8px 0px 0px 125px;
}

/* Terms
---------------------------------------------------------------------------------------- */
#Terms{
padding:20px;
color:#000;
font-size:75%;
}
#Terms p{
font-size:120%;
font-weight:bold;
}
#Terms h3, #Terms h4{
color:#000;
}
#Terms ol{
margin-left:20px;
margin-top:10px;
}
#Terms ol li{
list-style-type:decimal;
list-style-position:outside;
line-height:1.3;
margin-bottom:4px;
color:#000;
}
#Terms ul{
margin-left:20px;
margin-top:10px;
}
#Terms ul li{
list-style-type:none;
list-style-position:outside;
line-height:1.3;
margin-bottom:4px;
color:#000;
}
#Terms li p{
line-height:1.3;
}


/* City Phase 2
---------------------------------------------------------------------------------------- */
#MainHeader h3.HeaderEdinburgh{
background:url(../img/HeaderEdinburgh.gif) 44px 43px no-repeat;
}
#MainHeader h3.HeaderGlasgow{
background:url(../img/HeaderGlasgow.gif) 44px 43px no-repeat;
}
#MainHeader h3.HeaderLeeds{
background:url(../img/HeaderLeeds.gif) 44px 43px no-repeat;
}
#MainHeader h3.HeaderManchester{
background:url(../img/HeaderManchester.gif) 44px 43px no-repeat;
}
#MainHeader h3.HeaderNottingham{
background:url(../img/HeaderNottingham.gif) 44px 43px no-repeat;
}
#MainHeader h3.HeaderBirmingham{
background:url(../img/HeaderBirmingham.gif) 44px 43px no-repeat;
}
#MainHeader h3.HeaderCardiff{
background:url(../img/HeaderCardiff.gif) 44px 43px no-repeat;
}
#MainHeader h3.HeaderBristol{
background:url(../img/HeaderBristol.gif) 44px 43px no-repeat;
}
#MainHeader h3.HeaderDublin{
background:url(../img/HeaderDublin.gif) 44px 43px no-repeat;
}
#MainHeader h3.HeaderBelfast{
background:url(../img/HeaderBelfast.gif) 44px 43px no-repeat;
}
#MainHeader h3.HeaderLondon{
background:url(../img/HeaderLondon.gif) 44px 43px no-repeat;
}
#MainTrendsLeft{
float:left;
padding-left:42px;
width:402px;
margin:16px 11px 0px 0px;
}
#MainTrendsRight{
float:left;
width:250px;
margin:16px 0px 0px 0px;
}
span.BigImageHead{
display:block;
width:402px;
height:6px;
background:url(../img/BigImageBgHead.jpg) 0px 0px no-repeat;
overflow:hidden;
}
span.BigImageHeadFinalist{
display:block;
width:402px;
height:6px;
background:url(../img/BigImageBgHeadFinalist.jpg) 0px 0px no-repeat;
overflow:hidden;
}
span.BigImageFoot{
display:block;
width:402px;
height:6px;
background:url(../img/BigImageBgFoot.jpg) 0px 0px no-repeat;
overflow:hidden;
margin-bottom:16px;
}
span.BigImageFootFinalist{
display:block;
width:402px;
height:6px;
background:url(../img/BigImageBgFootFinalist.jpg) 0px 0px no-repeat;
overflow:hidden;
margin-bottom:16px;
}
span#BigImage{
display:block;
width:390px;
background:#fff;
padding:0px 6px 0px 6px;
}
span#BigImageFinalist{
display:block;
width:390px;
background:#ffe61a;
padding:0px 6px 0px 6px;
}
h4#HaveYourSayHead{
width:402px;
height:34px;
background:url(../img/HaveYourSay.gif) 0px 0px no-repeat;
}
div#CommentsForm{
width:392px;
padding-left:10px;
background:#fff;
}
.HYSformName{
width:377px;
height:12px;
border:1px solid #c3c3c3;
background:#fff;
color:#7f7f7f;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-bottom:8px;
padding:2px;
}
.HYSformComment{
width:377px;
height:79px;
border:1px solid #c3c3c3;
background:#fff;
color:#7f7f7f;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-bottom:8px;
padding:2px;
}
.CommentsTerms{
float:left;
width:200px;
height:33px;
font-style:italic;
color:#7f7f7f;
font-size:80%;
display: block;
position: relative;
top: 6px;
}
#CommentsSubmit{
float:right;
padding:6px 12px 6px 6px;
}
div#Comments{
width:392px;
padding:10px;
background:#fff;
}
ul#Comment{
background:#fff;
padding:0px 10px 16px 10px;
}
ul#Comment li{
font-weight:bold;
font-size:80%;
line-height:1.4;
color:#000;
list-style-type:none;
}
ul#Comment li.UserName{
font-style:italic;
color:#7f7f7f;
font-size:80%;
font-weight:normal;
}
ul#Comment li.UserDate{
font-style:italic;
color:#7f7f7f;
font-size:80%;
font-weight:normal;
padding-bottom:8px;
border-bottom:1px solid #c3c3c3;
margin-bottom:16px;
}
span.ThumbsBgHead{
display:block;
width:250px;
height:6px;
background:url(../img/ThumbsBgHead.jpg) 0px 0px no-repeat;
overflow:hidden;
}
span.ThumbsBgFoot{
clear:both;
display:block;
width:250px;
height:6px;
background:url(../img/ThumbsBgFoot.jpg) 0px 0px no-repeat;
overflow:hidden;
margin-bottom:24px;
}
span#ThumbsTitle{
display:block;
width:250px;
background:#fff;
font-family:Arial, Helvetica, sans-serif;
color:#000;
font-size:16px;
font-weight:bold;
letter-spacing:-1px;
text-transform:uppercase;
text-align:center;
}
ul#Thumbs{
background:#fff;
width:250px;
height:147px;
padding:8px 0px 0px 0px;
margin:0;
}
ul#Thumbs li{
float:left;
width:125px;
height:139px;
list-style-type:none;
background:#fff url(../img/ThumbBg.gif) 10px 0px no-repeat;
padding-bottom:8px;
}
ul#Thumbs li.finalist{
background:#fff url(../img/ThumbBgFinalist.gif) 10px 0px no-repeat;
}
ul#Thumbs li img{
padding:4px 0px 0px 14px;
}
span.StyleBtn{
float:left;
display:block;
width:138px;
height:28px;
background:url(../img/SeeAllStyles.jpg) 0px 0px no-repeat;
padding:0;
margin:0;
}
span.StyleBack{
clear:both;
float:left;
display:block;
width:56px;
height:28px;
background: white url(../img/BtnStyleBack.gif) 0px 0px no-repeat;
padding:0;
margin:0;
}
span.StyleNext{
float:left;
display:block;
width:56px;
height:28px;
background: white url(../img/BtnStyleNext.gif) 0px 0px no-repeat;
padding:0;
margin:0;
}
div.TrendDetails{
width:250px;
background:url(../img/PointLeft.jpg) 0px 9px no-repeat;
}
div.TrendDetails p{
padding:16px 0px 16px 0px;
font-size:100%;
}
div.TrendDetails p.TrendTitle{
padding:0px 0px 0px 23px;
color:#ffe618;
font-size:180%;
line-height:1;
letter-spacing:-1px;
}
div.TrendDetails span{
display:block;
padding-left:23px;
font-size:100%;
line-height:1.2;
letter-spacing:-1px;
font-weight: bold;
}
h4#RateHerStyle{
width:250px;
height:37px;
background:url(../img/RateHerStyle.gif) 0px 0px no-repeat;
}
h4#RateTheStyle{
width:250px;
height:37px;
background:url(../img/RateTheStyle.gif) 0px 0px no-repeat;
}
p.RateDetails{
width:234px;
padding:0px 8px 8px 8px;
color:#000;
font-size:90%;
line-height:1.1;
font-weight:bold;
background:#fff;
margin:0;
}
#Rating{
width:235px;
height:42px;
background:#fff url(../img/LowHigh.gif) 11px 26px no-repeat;
padding-left:15px;
}
#Rating div{
float:left;
}



#TrendsIntro{
padding:0px 0px 14px 42px;
}
ul#TrendsThumbs{
padding-left:32px;
clear: both;
}
ul#TrendsThumbs li{
float:left;
list-style-type:none;
width:169px;
height:263px;
background:url(../img/ThumbsBg3.jpg) top right no-repeat;
}


ul#TrendsThumbs li.finalist{
background:url(../img/ThumbsBg4.jpg) top right no-repeat;
}


ul#TrendsThumbs li img{
position:relative;
left:12px;
top:5px;
}



#SortOrder
{	
	margin-right: 14px;
	margin-bottom: 14px;
	float: right;
	position: relative;
	top: -4px;
}

#SortAgency
{
	margin-right: 24px;
	margin-bottom: 14px;
	float: right;
	position: relative;
	top: -4px;
}

#PagingBar
{
	width:670px;
	height:34px;
	background: url(../img/PagingBar.jpg) no-repeat top left;
	clear: both;
	border-top: 14px solid black;
	margin-left: 38px;
	padding: 8px;
}

#PagingControls
{
	display: inline;
	float:right;
}

#PagingControls a
{
	position: relative;
	left: -20px;
	font-family:"Garamond", Georgia, "Times New Roman", Times, serif;
	color: Black;
	text-decoration: none;
	font-weight: bold;
	font-size: 20px;
	margin-left: 12px;
}


#PagingControls a.selected
{
	/*color: White;*/
	text-decoration: underline;
}

#PagingLeft
{
	position: relative;
	top: 1px;
	width: 14px;
	height: 14px;
}

#PagingRight
{
	position: relative;
	top: 1px;
	width: 14px;
	height: 14px;
}

#PagesImg
{
	display: inline;
	width: 59px;
	height: 21px;
	background: url(../img/Pages.jpg) no-repeat top left;
}

#VoteNow
{
	position: relative;
	top:-63px;
	left:38px;
}

#LogoClick
{
	width: 197px;
	float: left;
	position: relative;
	left: 27px;
	top: -150px;
}

#LogoClick img
{
	width: 197px;
	height: 195px;
}