/***********************************************************************
Table of Contents:
----------------------------------
1. GENERAL
	1.1 RESETTING
  1.2 DEFAULTS
  1.3 LINKS
  1.4 HEADERS
2. HEADER
3. FOOTER
4. NAVIGATION
5. CONTENT LAYOUT
6. MODULES
  6.1 ASSOCIATES BOX
  6.2 VIEW CATEGORIES BOX
  6.3 PAST AWARDS BOX
  6.4 JUDGES PICTURE GRID
  6.5 BREAKFAST BRIEFINGS
7. INDUSTRY PAGES
  7.1 JUDGING CRITERIA
  7.2 GUIDE TO ENTRY
  7.3 JUDGES
  7.4 ANIMATIONS
8. PAST AWARDS
  8.1 CONSUMER RESEARCH AND TABS
  8.2 GENERAL
  8.3 2006
9. CASE STUDIES
10. PAGES
  10.1 INDEX
  10.2 HOW TO ENTER
  10.3 INTEREST FORM
  10.4 JUDGES
  10.5 LAST YEARS AWARDS NIGHT
  10.6 SPONSORSHIP
  10.7 SHOPING GUIDE
11. ABOUT, CONTACT, T&C

20. CLEARFIX

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

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

Colour Palette:
-----------------------------------
Orange      #FA4F0E
Green      #C1C644
Dark Gray    #333333
Light Gray    #D1D1D1
Pink      #C61B85

Category colours:
Cosmetics    #C61B85
Fashion      #571E61
Food      #E77447


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

/***********************************************************************
1.1 RESETTING
***********************************************************************/
img {
border  :none;
}
ol, ul {
list-style:none;
}

*
{
 padding : 0;
 margin  : 0;
}

.centered
{
 text-align: center;
}

/***********************************************************************
1.2 DEFAULTS
***********************************************************************/

body
{
 font-family:Arial,Verdana,Helvetica,sans-serif;
 font-size  :62.5%;
 /*font-size  :56%;*/
 line-height:16px;
 text-align :center;
}

html,
body,
{
 height  :100%;
}

div#whole {
 margin-left:auto;
 margin-right :auto;
 width:990px;
}
div#mainframe
{
 background-color  :#f4ebcf;
 color:#000000;
 font-size:1.3em;
 text-align :left;
 margin-left:auto;
 margin-right :auto;
 width:990px;
}

p {
margin-bottom :13px;
}

h3
{
color:#C1C644;
font-size:1.3em;
font-weight:bold;
margin-bottom :13px;
}

img.header, h2.header {
margin-bottom :20px;
}

h3.centre {
text-align:center;
}

p.centre {
text-align:center;
}

ul {
margin-bottom :13px;
}

.replaced
{
 display : block;
 overflow: hidden;
 text-indent: -5000px;
}

h4 {
font-size:1.1em;
margin-bottom :13px;
}

h5 {
font-size:1.1em;
margin-bottom:0.5em;
font-family:Helvetica, Arial, Verdana, sans-serif;
}

a.bold,
span.bold,
p.bold {
font-weight:bold;
}

ul.colours li {
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size:1.1em;
list-style:disc;
list-style-position:inside;
font-weight:bold;
}

.pink  {
color:#be0066;
}

.purple  {
color:#69005a;
}

.orange {
color:#e5891f;
}

.black {
color:#000000;
font-weight:bold;
}

/***********************************************************************
1.3 LINKS
***********************************************************************/

a {
/*color:#FA4F0E;*/
color:#749D23;
}

a.docs {
color:#000;
}

.fashion_element
{
 color: #69005a;
}

.food_element
{
 color: #e5891f;
}

/***********************************************************************
1.4 HEADERS
***********************************************************************/

.why-enter
{
  text-indent: -999em;
  background: url(../images/why-enter.gif) left top no-repeat;
  width: 343px;
  height: 29px;
  margin-bottom: 20px;
}

.is-your-business
{
  text-indent: -999em;
  background: url(../images/is-your-business.gif) left top no-repeat;
  width: 350px;
  height: 61px;
  margin-bottom: 20px;
}

.ready-to-enter
{
  text-indent: -999em;
  background: url(../images/ready-to-enter.gif) left top no-repeat;
  width: 194px;
  height: 33px;
  margin-bottom: 10px;
}


h2#header_what_are {
  text-indent: -999em;
  background: url(../images/what_are.jpg) left top no-repeat;
  width: 288px;
  height: 58px;
}

h2#header_2009_awards,
.header_2009_awards{
  text-indent: -999em;
  background: url(../images/2009_awards.jpg) left top no-repeat;
  width: 343px;
  height: 27px;
}

.header_2009_awards {
 margin-bottom: 15px;
}

h3#header_judges {
  text-indent: -999em;
  background: url(../images/judges.jpg) left top no-repeat;
  width: 158px;
  height: 27px;
}

h3#header_home_view_cat {
  text-indent: -999em;
  background: url(../images/home_view_cat.jpg) left top no-repeat;
  width: 244px;
  height: 32px;
}

h3#header_home_view_past {
  text-indent: -999em;
  background: url(../images/home_view_past.jpg) left top no-repeat;
  width: 247px;
  height: 48px;
}

h3#header_2009_sponsor {
  margin-top: 8px;
  text-indent: -999em;
  background: url(../images/2009_sponsor.jpg) left top no-repeat;
  width: 320px;
  height: 22px;
}

h3#header_2010_sponsor {
  margin-top: 20px;
  text-indent: -999em;
  background: url(../images/2010_sponsor.gif) 0 0 no-repeat;
  width: 320px;
  height: 22px;
}


h2#header_who_can_enter {
  text-indent: -999em;
  background: url(../images/who_can_enter.jpg) left top no-repeat;
  width: 192px;
  height: 25px;
}

h2#header_cosmetics_header {
  text-indent: -999em;
  background: url(../images/cosmetics_header.jpg) left top no-repeat;
  width: 126px;
  height: 26px;
}

h3#header_advice {
  text-indent: -999em;
  background: url(../images/advice.jpg) left top no-repeat;
  width: 246px;
  height: 55px;
}

h3#header_cosmetics_mov_heading {
  text-indent: -999em;
  background: url(../images/cosmetics_mov_heading.jpg) left top no-repeat;
  width: 336px;
  height: 48px;
}

h2#header_fashion_header {
  text-indent: -999em;
  background: url(../images/fashion_header.jpg) left top no-repeat;
  width: 99px;
  height: 26px;
}

.with-margin
{
 margin-left: 20px;
}

h3#header_fashion_mov_heading {
  text-indent: -999em;
  background: url(../images/fashion_mov_heading.jpg) left top no-repeat;
  width: 336px;
  height: 48px;
  margin-left: 15px;
}

h2#header_food_header {
  text-indent: -999em;
  background: url(../images/food_header.jpg) left top no-repeat;
  width: 63px;
  height: 27px;
}

h2#header_peoples_choice {
  text-indent: -999em;
  background: url(../images/peoples_choice.jpg) left top no-repeat;
  width: 197px;
  height: 60px;
}

h3#header_food_mov_heading {
  text-indent: -999em;
  background: url(../images/food_mov_heading.jpg) left top no-repeat;
  width: 336px;
  height: 48px;
  margin-left: 15px;
}

h3#header_view_2008_awards {
  text-indent: -999em;
  background: url(../images/view_2008_awards.jpg) left top no-repeat;
  width: 303px;
  height: 46px;
}

.view_2009_awards
{
  text-indent: -999em;
  background: url(../images/view-video-2009.gif) left top no-repeat;
  width: 345px;
  height: 61px;
  margin-left: 10px;
}

h2#header_peoples_choice_header {
  text-indent: -999em;
  background: url(../images/peoples_choice_header.jpg) left top no-repeat;
  width: 188px;
  height: 62px;
}

h2#header_press_office_header {
  text-indent: -999em;
  background: url(../images/press_office_header.jpg) left top no-repeat;
  width: 146px;
  height: 27px;
}

h2#header_press_release {
  text-indent: -999em;
  background: url(../images/press_release.jpg) left top no-repeat;
  width: 66px;
  height: 24px;
}

#bit-of-history
{
  text-indent: -999em;
  background: url(../images/bit-of-history.gif) left top no-repeat;
  width: 262pxpx;
  height: 35px;
  margin-bottom: 20px;
}

/***********************************************************************
2. HEADER
***********************************************************************/
a.home {
background:url(../images/banner_date_br.jpg) top left no-repeat;
float:left;
height:192px;
width:557px;
}

h1.header
{
float:left;
}

#banner h2 a.vote_now {
background:url(../images/vote_now_circle.jpg) top left no-repeat;
float:right;
margin:35px 10px 0 10px;
height:85px;
width:85px;
position:relative;
top:12px;
}

#banner h2 a.peoples_choice {
background:url(../images/peoples_choice_circle.jpg) top left no-repeat;
float:right;
margin:35px 10px 0 10px;
height:85px;
width:85px;
position:relative;
top:12px;
}

#widget {
width:100px;
height:100px;
float:right;
position:relative;
top:40px;
}

a.header_img {
display  :block;
background:url(../images/header.jpg) top left no-repeat;
height:126px;
width:651px;
margin-top:15px;
}

a.header_date_img {
display  :none;
}


a.buy_now {
background:url(../images/buy_now.gif) top left no-repeat;
width:109px;
height:109px;
float:right;
margin:35px 10px 0 10px;
}

a.button_header{
background:url(../images/change_shop.jpg) top left no-repeat;
width:181px;
height:117px;
float:right;
margin:35px 10px 0 10px;
}


#banner {
background-color  :#fff;
height:126px;
width:760px;
}

#whole .banner_wrapper {
display:block;
padding: 0 100px 20px 110px;
width:775px;
}

div.message {
background-color:#e58a21;
width:880px;
padding:14px 0 5px 110px;
border-bottom:1px solid #ffffff;
}

div.message p {
margin-bottom:0.3em;
color:#ffffff;
font-size:1.4em;
}

.notice {
	width:990px; height:29px;
	margin:0;
}

.notice a {
	background:#F78B29;
	color:#FFFFFF;
	font-size:1.2em;
	line-height:29px;
	overflow:hidden;
	position:relative;
	text-align:center;
	display:block;
	text-decoration:none;
}

.notice span {
	position:absolute;
	top:0; left:0;
	background:url(../images/notice-extended-deadline.jpg) no-repeat;
	width:990px; height:29px;
	cursor:pointer;
}

/***********************************************************************
3. FOOTER
***********************************************************************/

#footer {
clear: both;
width: 990px;
height: 42px;
padding: 10px 0 0 0;
margin: 0px;
font-size: 13px;
color: #555;
background-color:#FFFFFF;
}

#footer a {
color:#999;
text-decoration: none;
}

#footer a:hover,
#footer a:active,
#footer a:focus{
text-decoration: underline;
}

#rspca {
float:right;
margin-top: 15px;
width: 76px;
}


#footer.details {
text-decoration :none;
float:left;
position:relative;
top  :15px;
width:250px;
}

#footer ul {
margin:0px;
}

#footer ul li {
  padding: 2px 0;
}

.footer {
margin:12px;
}

/***********************************************************************
4. NAVIGATION
***********************************************************************/

div#nav {
background:transparent url(../images/nav_bar.jpg) repeat-x top left;
float:left;
width:100%;
overflow:hidden;
position:relative;
padding:0;
margin:0 0 20px 0;
}

div#nav ul {
clear:left;
float:left;
list-style:none;
margin:0;
padding:0;
position:relative;
left:50%;
text-align:center;
}
div#nav ul li {
display:block;
float:left;
list-style:none;
margin:0;
padding:0;
position:relative;
right:50%;

}
div#nav ul li a {
display:block;
margin:0 0 0 1px;
padding:0;
}

#menu span {
display:none;
}

#menu a {
display:block;
outline:none;
left:717px;
}

#menu a:hover {
background-position  :left bottom;
}

#menu a:hover span{
display: block;
}

/* Navigation re-work. 22.Apr.2010
  Should play nicer with inheritance
*/

a.nav {
  display: block;
  height: 29px;
}

a.nav_index {
  background: url(../images/nav_home.png);
  width: 49px;
}

a.nav_index:hover,
body#index a.nav_index {
  background: url(../images/nav_home_green.jpg);
}

a.nav_enter {
  background: url(../images/nav_enter.png);
  width: 88px;
}

a.nav_enter:hover,
body#enter a.nav_enter {
  background: url(../images/nav_enter_green.jpg);
}

a.nav_cosmetics {
  background: url(../images/nav_cosmetics.png);
  width: 74px;
}

a.nav_cosmetics:hover,
#cosmetics_body a.nav_cosmetics {
  background: url(../images/nav_cosmetics_green.jpg);
}

a.nav_fashion {
  background: url(../images/nav_fashion.png);
  width: 62px;
}

a.nav_fashion:hover,
body#fashion_body a.nav_fashion {
  background: url(../images/nav_fashion_green.jpg);
}

a.nav_food {
  background: url(../images/nav_food.png);
  width: 42px;
}

a.nav_food:hover,
body#food_body a.nav_food {
  background: url(../images/nav_food_green.jpg);
}

a.nav_judges {
  background: url(../images/nav_judges.png);
  width: 76px;
}

a.nav_judges:hover,
body#judges_body a.nav_judges {
  background: url(../images/nav_judges_green.jpg);
}

a.nav_night {
  background: url(../images/nav_night.png);
  width: 117px;
}

a.nav_night:hover,
body#night a.nav_night {
  background: url(../images/nav_night_green.jpg);
}

a.nav_choice {
  background: url(../images/nav_peopleschoice.png);
  width: 101px;
}

a.nav_choice:hover,
body#choice a.nav_choice {
  background: url(../images/nav_peopleschoice_green.jpg);
}

a.nav_contact {
  background: url(../images/nav_press_office.png);
  width: 82px;
}

a.nav_contact:hover,
body#contact a.nav_contact {
  background: url(../images/nav_press_office_green.jpg);
}

a.nav_ethical {
  background: url(../images/nav_guide.png);
  width: 106px;
}

a.nav_ethical:hover,
body#ethical a.nav_ethical {
  background: url(../images/nav_guide_green.jpg);
}

/***********************************************************************
5. CONTENT LAYOUT
***********************************************************************/
#wrapper {
display:block;
margin:20px 110px 20px 115px;
width:760px;
}

.section {
display:inline;
background-color  :#fff;
padding:20px;
width:330px;
}

#top_left {
float:left;
margin-bottom :20px;
}

#wrapper #top_left.long {
padding:20px 0 20px 20px;
width:350px;
}

#wrapper #top_left.long p {
padding-right:20px;
}

#top_right {
display:inline;
clear:right;
float:right;
margin-bottom :20px;
min-height: 420px;
}

#wrapper #top_right.long {
padding:20px 0 20px 20px;
width:350px;
}

#wrapper #top_right.long p {
padding-right:20px;
}

#bottom_left {
clear:left;
float:left;
}

#bottom_right {
clear:right;
float:right;
}

#bottom_left_food {
clear:left;
float:left;
}

/***********************************************************************
6.1 ASSOCIATES
***********************************************************************/
#associates {
display:inline;
background-color  :#fff;
float:right;
margin-bottom :20px;
padding:0 20px;
width:330px;
clear:right;
}

#associates  a{
display:block;
float:left;
width:160px;
}

.independent_logo
{
 text-align: center;
 float: none !important;
}



#associates img.header {
display:block;
margin-top:20px;
}
img.associates {
margin:10px 25px 10px 0px;
}

.independent_logo img
{
 margin: 0 auto;
 text-align: center;
 margin-left: 80px;
 display: block;
 width: 136px;
}


h5.sponsor_logo {
clear:left;
display:block;
margin-top:40px;
float:left;
}

a.sponsor_logo {
display:block;
margin-top:0px;
float:left;
}

/***********************************************************************
6.2 VIEW CATEGORIES BOX
***********************************************************************/
#about_categories {
display:block;
background-color  :#fff;
float:right;
margin-bottom :20px;
width:370px;
}

#wrapper #about_categories.enter {
float:left;
clear:left;
}

img.categories_header, h3.categories_header {
margin:15px 0 0 10px;
}

#about_categories ul {
margin:20px 0 0 8px;
list-style:none;
list-style-position  :outside;
text-align:left;
}

#about_categories li {
display:inline;
float:left;
margin-bottom :10px;
}

#about_categories li.middle {
float:left;
margin:0px 11px 0 11px;
}

.section #about_categories
{
 margin: 0;
 width: auto;
 float: none !important;
 display: block;
 clear: both !important;
}

.section #about_categories h3.categories_header
{
 margin: 0;
}


/***********************************************************************
6.3 PAST AWARDS BOX
***********************************************************************/

#about_past_awards {
clear:right;
display:block;
float:right;
background-color  :#fff;
width:370px;
}

#wrapper .home{
margin-bottom:20px;
}

img.past_header, h3.past_header {
margin:20px 0 0 23px;
}

.past_footer {
margin:0 0 20px 23px;
display  :block;
clear:both;
}



#about_past_awards ul {
list-style:none;
margin:18px 0 0 20px;
}

#about_past_awards li {
display:inline;
float:left;
margin:0 5px 15px 0px;
}

#about_past_awards li.middle {
margin-left:0px;
}

#about_past_awards li.last {
margin-left:0px;
}


/***********************************************************************
6.4 JUDGES PICTURE GRID
***********************************************************************/
.judges_grid {
background-color:#fff;
display:inline;
padding :20px 0 0 0;
width:370px;
display:inline-block !important;
}

.judges_grid p {
margin:10px 20px 20px 20px;
}

img.judges_header, h3.judges_header {
margin:0 0 0 20px;
}

#judges_pic_holder {
background-color  :#CFC718;
height:470px;
padding-left:30px;
text-align:center;
}

#judges_pic_holder li {
display:inline;
float:left;
list-style:none;
margin-top:15px;
padding-right :20px;
}

#judges_pic_holder img {
border:solid 2px #CFC718;
}

#judges_pic_holder img.name {
border:none;
margin-top:5px;
}

/***********************************************************************
6.5 BREAKFAST BRIEFINGS
***********************************************************************/
#breakfast_briefings {
display:block;
background-color  :#fff;
float:left;
clear:left;
margin-bottom :20px;
width:330px;
padding:20px;
}

#breakfast_briefings img {
margin-bottom:10px;
}


/***********************************************************************
6.6 PEOPLES CHOICE SUPERMARKETS
***********************************************************************/
#peoples_choice {
display:block;
background-color  :#fff;
float:left;
clear: both;
margin-bottom :20px;
width:330px;
padding:20px;
}

#peoples_choice img {
margin-bottom:10px;
}

/***********************************************************************
6.7 WHY SHOULD I ENTER?
***********************************************************************/
#why_enter {
	display:inline;
	clear:right;
	float:right;
	margin-bottom :15px;
}

#why_enter #video {
	width:330px;
	height:230px;
	background:url(../images/loading.gif) center center no-repeat;
	margin-bottom:10px;
}

#why_enter .thumbnails {display:none;}

.js-enabled #why_enter .thumbnails {display:block;}

#why_enter .thumbnails li {float:left;}

#why_enter .thumbnails a {
	display:block;
	width:160px;
	height:115px;
	text-indent:-999em;
	outline:0;
	background:url(../images/thumbnail-sprite.jpg) no-repeat;
}

#why_enter .thumbnails .fashion_thumbnail {
	margin:0 10px 0 0;
}

#why_enter .thumbnails .sel .fashion_thumbnail {
	background-position:0 -115px;
}

#why_enter .thumbnails .food_thumbnail {
	background-position:-160px 0;
}

#why_enter .thumbnails .sel .food_thumbnail {
	background-position:-160px -115px;
}

/***********************************************************************
7.1 JUDGING CRITERIA
***********************************************************************/

ul.judging_criteria {
line-height:16px;
margin-bottom :10px;
}

ul.judging_criteria li {

background:url(../images/bullet.jpg) top left no-repeat;
padding-left :15px;
}


li.docs {
margin-top:5px;
}

/***********************************************************************
7.2 GUIDE TO ENTRY
***********************************************************************/

.download_entry_guide {
margin-top:45px;
}

img.download_consumer_guide {
float:left;
margin-right :20px;
}

img.pdf {
float:left;
margin-right :5px;
}


a.download_entry_guide {
float:left;
}

/***********************************************************************
7.3 JUDGES
***********************************************************************/
#meet_judges {
background-color  :#fff;
margin-bottom:20px;
padding-top:20px;
width:370px;
}

#meet_judges img.meet_header, #meet_judges h3.meet_header {
margin-left:20px;
}

#judges {
background-color  :#85b829;
min-height:155px;
width:370px;
text-align:center;
padding:0 0 20px 0px;
}

#judges ul {
list-style:none;
margin-left:26px;
}

#judges li.cosmetics_judge {
float:left;
padding:20px 25px 0 25px;
width:106px;
}

#judges li.fashion_judge {
float:left;
padding:20px 0px 0 0px;
width:106px;
}

#judges li.food_judge {
float:left;
padding:20px 20px 0 25px;
width:108px;
}

#judges li.geoff {
clear:left;
float:left;
}

#judges img {
border:none;
}

#judges img.name {
margin-top:5px;
}

/***********************************************************************
7.4 ANIMATIONS
***********************************************************************/

.animations {
padding:20px 0;
text-align:center;
margin-bottom:20px;
width:370px;
}

.animations a img {
margin-top:20px;
}

.movie {
text-align:center;
}

/***********************************************************************
8.1 CONSUMER RESEARCH AND TABS
***********************************************************************/

ul.consumer_research li {
background:url(../images/bullet.gif) top left no-repeat;
padding-left :15px;
margin-bottom :13px;
}

p#research_intro {
font-size:1.2em;
font-weight:bold;
color:#c1c644;
}

#bottom_content {
display:block;
float:left;
background-color  :#fff;
width:760px;
}

#box_wrapper {
padding-right :20px;
width:740px;
}

.tabs {
clear:right;
float:left;
margin:0 5px 5px 20px;
width:720px;
}


.shortlist
{
margin-left:250px;
}

.box_content {
text-align:center;
margin-bottom :10px;
}

.break {
margin-bottom :20px;
}

img.titles {
margin:10px 0 10px 0px;
}

/***********************************************************************
8.2 GENERAL and 2007
***********************************************************************/
.boxes {
float:left;
margin:0 20px 0px 5px;
width:340px;
}

.box {
display:block;
float:left;
margin:0 0px 20px 20px;
padding:20px 0px 0 0px;
width:350px;
}

.box li {
background :url(../images/awards_bullet.gif) center left no-repeat;
float:left;
padding-left  :15px;
margin-right  :15px;
}


.first{
clear:left;
}

li.titles {

float:left;
margin-right :25px;
}

img.titles_fashion {
margin: 10px 50px 10px 10px;
}

img.winner_name {
margin-bottom:10px;
}

/* COSMETICS WINNER AND RUNNERS UP*/

.cosmetics  {
background-color  :#eebada;
text-align:center;
}

#cosmetics_runner_up {
border-top:solid #fff 2px;
background-color  :#c61b85;
height:80px;
padding-left :20px;
text-align:left;
width:330px;
}

.cosmetics img.box_header {
position:relative;
right:65px;
}

#cosmetics_runner_up img {
margin-top:10px;
}

.cosmetics img.winner_pic  {
border:solid 4px #c61b85;
margin:37px 0 10px 0px;
}

.cosmetics img.winner_name {
margin:0 0px 10px 0px;
text-align:center;
}

/* FASHION WINNER AND RUNNERS UP*/

.fashion {
background-color  :#ccbbcf;
text-align:center;
}

#fashion_runner_up {
border-top:solid #fff 2px;
background-color  :#571e61;
height:80px;
text-align:left;
padding-left :20px;
width:330px;
}

.fashion img.box_header {
position:relative;
right:75px;
}

#fashion_runner_up img {
margin-top:8px;
}

.fashion img.winner_pic {
border:solid 4px #571e61;
margin:37px 30px 10px 30px;
}

.fashion img.winner_name {
margin:0 55px 10px 0px;
}

/* FOOD WINNER AND RUNNERS UP*/

.food {
background-color  :#FDCEBC;
text-align:center;
}


.food_runner_up {
border-top:solid #fff 2px;
background-color  :#fa5e22;
height:80px;
padding-left :20px;
text-align:left;
width:330px;
}

.food img.box_header {
position:relative;
right:90px;
}

.food img.independant {
position:relative;
right:72px;
}

.food img.retailers {
position:relative;
right:105px;
}

.food img.supermarkets{
position:relative;
right:105px;
}

.food img.chain {
position:relative;
right:90px;
}

.food_runner_up img {
margin-top:10px;
}

.food img.winner_pic {
border:4px solid #FA5E22;
margin:15px 0 10px 0px;
}

.food img.winner_name {
margin:0 0px 10px 0px;
text-align:center;
}

img.runners_up_header {
margin:10px 0;
}

/***********************************************************************
8.3 2006
***********************************************************************/

#cosmetics_shortlist {
background-color  :#eebada;
clear:both;
display:block;
float:left;
padding:20px 0 0 20px;
margin:0px 17px 20px 0px;
position:relative;
left:20px;
width:700px;
}

#fashion_shortlist {
background-color  :#ccbbcf;
clear:both;
display:block;
float:left;
padding:20px 0 0 20px;
margin:0px 17px 20px 0;
position:relative;
left:20px;
width:700px;
}

#food_shortlist {
background-color  :#FDCEBC;
clear:both;
display:inline;
float:left;
/*height:250px;*/
padding:20px 0 0 20px;
margin:0px 17px 20px 0;
position:relative;
left:20px;
width:700px;
}

#cosmetics_shortlist .intro
{
  color:#C61B85;
  font-size:1.3em;
  font-weight:bold; margin-top:10px;
}

#food_shortlist  .intro
{
  color:#E77447;
  font-size:1.3em;
  font-weight:bold; margin-top:10px;
}

#fashion_shortlist  .intro
{
  color:#571E61;
  font-size:1.3em;
  font-weight:bold; margin-top:10px;
}



#cosmetics_shortlist ul, #food_shortlist ul , #fashion_shortlist ul
{
list-style-type:disc;
list-style-position:inside;
margin-bottom:20px;


}



#cosmetics06 {
background-color  :#eebada;
clear:both;
display:block;
float:left;
height:250px;
padding:20px 0 0 20px;
margin:0px 17px 20px 0px;
position:relative;
left:20px;
width:700px;
}

#fashion06 {
background-color  :#ccbbcf;
clear:both;
display:block;
float:left;
min-height:250px;
padding:20px 0 0 20px;
margin:0px 17px 20px 0;
position:relative;
left:20px;
width:700px;
}

#food06 {
background-color  :#FDCEBC;
clear:both;
display:inline;
float:left;
/*height:250px;*/
padding:20px 0 0 20px;
margin:0px 17px 20px 0;
position:relative;
left:20px;
width:700px;
}



#cosmetics06 li {
float:left;
margin:30px 10px 0 10px;
text-align:center;
}

#wrapper ul.text li {
margin:30px 3px 0 3px !important;
}

#wrapper ul li.clear {
clear:left;
}

#cosmetics06 img.winner_pic {
border:4px solid #c61b85;
margin-bottom :10px;
}

#fashion06 li {
float:left;
margin:30px 10px 0 10px;
text-align:center;
}

#fashion06 img.winner_pic {
border:4px solid #571e61;
margin-bottom:10px;
}

#food06 li {
float:left;
margin:30px 10px 0 10px;
text-align:center;
}
#food06 ul.second_row{
clear:left;
}

#food06 img.winner_pic {
border:4px solid #FA5E22;
margin-bottom:10px;
}

img.winner_header
{
 clear: both;
}

/***********************************************************************
8.4 2005
***********************************************************************/
.cosmetics05  {
background-color  :#eebada;
height:235px;
text-align:center;
}

.cosmetics05 img.box_header {
position:relative;
right:65px;
}

.cosmetics05 img.winner_pic  {
border:solid 4px #c61b85;
margin:37px 0 10px 0px;
}

.cosmetics05 img.winner_name {
margin:0 0px 10px 0px;
text-align:center;
}

/* FASHION WINNER AND RUNNERS UP*/

.fashion05 {
background-color  :#ccbbcf;
height:235px;
text-align:center;
}

.fashion05 img.box_header {
position:relative;
right:75px;
}

.fashion05 img.winner_pic {
border:solid 4px #571e61;
margin:37px 30px 10px 30px;
}

.fashion05 img.winner_name {
margin:0 55px 10px 0px;
}

/* FOOD WINNER AND RUNNERS UP*/

.food05 {
background-color  :#FDCEBC;
height:260px;
text-align:center;
}

.food05 img.box_header {
position:relative;
right:90px;
}

.food05 img.independant {
position:relative;
right:72px;
}

.food05 img.retailers {
position:relative;
right:105px;
}

.food05 img.supermarkets{
position:relative;
right:105px;
}

.food05 img.chain {
position:relative;
right:90px;
}

.food05 img.winner_pic {
border:4px solid #FA5E22;
margin:15px 0 10px 0px;
}

.food05 img.winner_name {
margin:0 0px 10px 0px;
text-align:center;
}

/***********************************************************************
9. CASE STUDIES
***********************************************************************/

.case_study_content {
  width:715px;
  background-color:#FFFFFF;
  border:medium solid #749D23;
  padding:20px;
  float:left;
}


.case_study_header {
  display:block;
  height:25px;
}


p.studies_sub_header {
  color:#C1C644;
  font-size:1.4em;
  font-weight:bold;
}

.case_study_content h3 a {
color:#637018;
text-decoration  :none;
}

.case_study_content li span{
color:#637018;
font-size:1.3em;
font-weight:bold;
}

/***********************************************************************
10.1 INDEX
***********************************************************************/
span.cosmetics_text
{
 color:#C61B85;
}

span.fashion_text
{
 color:#571E61;
}

span.food_text
{
 color:#E77447;
}

ul.winners_list
{
  margin-top:0.5em;
  list-style-type:disc;
  list-style-position:outside;
  margin-left:15px;
}

p.figures_source {
font-size:0.9em;
font-style:italic;
}



/***********************************************************************
10.2 HOW TO ENTER
***********************************************************************/

p.deadline {
color:#C1C644;
font-size:1.2em;
font-weight:bold;
text-align:center;
}

ul.enter_list {
line-height:20px;
}

span.contact {
color:#333333;
font-weight:bold;
}

#how_to_enter li
{
margin-left:-40px;
margin-top:10px;
}

.information{
margin-top: 150px;
}
.entry_closed{
text-align:center;
margin :0 0 5px 0;
line-height:20px;
color:#C1C644;
}


#about_categories_enter {
display:inline;
float:left;
background-color  :#fff;
padding:20px;
margin-bottom :20px;
width:330px;
}

#about_categories_enter img {
position:relative;
right:5px;
margin-top:10px;
}

#about_categories_enter ul li {
background:url(../images/bullet.jpg) top left no-repeat;
padding-left:15px;
}

#about_categories_enter p {
margin:15px 0px;
}

.with-bullets li
{
 background: transparent url(../images/steps-bullet.gif) 0 5px no-repeat;
 padding: 0 0 12px 15px;
}


/***********************************************************************
10.3 INTEREST FORM
***********************************************************************/
a.form {
cursor:default;
}

#interest label{
float:left;
font-weight:bold;
margin-bottom:10px;
width:120px;
clear:both;
}

form#interest input, select{
float:left;
margin-bottom:10px;
width:200px;
}

form#interest input.sumbit{
border:solid 1px #7F9DB9;
clear:both;
float:left;
width:100px;
}

form#interest input, select{
border: solid 1px #FA4F0E;
}
p.result{
font-weight:bold;
color:#C1C644;
}

/***********************************************************************
10.4 JUDGES
***********************************************************************/
#judges_container {
float:left;
width: 755px;
font-family:Helvetica, Verdana, Arial, san-serif;
}

#cosmetics {

  margin:0 0 20px 0;
  background-color:#FFFFFF;
  border: 3px solid #be0066;
  width: 755px;
  padding: 20px 0 0 0px;
}

#food {
  background-color:#FFFFFF;
  border:3px solid #e5891f;
  width: 755px;
  padding: 20px 0 0 0px;
}

#fashion {
  margin:0 0 20px 0;
  background-color:#FFFFFF;
  border: 3px solid #69005a;
  width: 755px;
  padding: 20px 0 0 0px;
}


.judge_section {
  padding:0px 0px 20px 0;
  width: 745px;

}

.judge_section h3 {
color:#000;
display:inline;
float:left;
text-transform:uppercase;
font-family:Helvetica, Arial, Verdana, sans-serif;
}

.judge_section img{
  clear:left;
  float:left;
  padding:0 18px 20px 0px;
  margin-left:20px;
  border:none;
}

#judges_container img.header{
margin-left:20px;
}

.judge_section p{
float:left;
width:590px;
}

.judge_section a {
cursor:default;
color:#fff;
}

/***********************************************************************
10.5 LAST YEARS AWARDS NIGHT
***********************************************************************/
#top_left.studies {
min-height:415px;
}

h2.past_winners_case_studies {
color:#C1C644;
}

ul.past_winners_case_studies {
line-height:2em;
}


.vertical_pics
{
clear:both;
display:block;
}

#bottom{
  display:block;
  clear:both;
  margin:20px 0;
  width: 720px;
  min-height:360px;
  background-color:#ffffff;
  padding:20px;
  }

#pics_nav li a.tips {
font-family:Helvetica,Arial, Verdana, sans-serif;
}

#pics_nav li{
float:left;
padding:0 10px 0 0;
}

#pics_nav a.nav_2007{
background:url(../images/picsnav2007.gif) top left no-repeat;
width:122px;
height:22px;
}
#pics_nav a.nav_2008{
background:url(../images/picsnav2008.gif) bottom left no-repeat;
width:122px;
height:22px;
}

#pics2008, #pics2007{
margin:15px 0 0 -10px;
width:730px;
}

#pics2007 ul, #pics2008 ul{
  list-style:none;
  }

#pics2007 li, #pics2008 li{
  float:left;
  margin-left:0px;
  }

ul#pics_nav li a#btn2008 img {
__border-right:2px solid #C8006E;
padding:0px 10px 0px 0;
margin-right:7px;
}

img.pics {
  margin:8px 0px 0px 17px;
}

img.portrait{
margin:8px 0px 0px 45px;
}

img.pic_middle
{
margin-left:17px;
}

img.pic_end
{
margin-left:17px;
}

#video_footage {
min-height:200px;
float:right;
background-color  :#fff;
width:370px;
/*margin:20px 0;*/
text-align:center;
padding-top:20px;
}

#video_footage img {
margin:10px 0 10px 3px;
}

#video_footage .video_link{
/*font-weight:bold;*/
display:block;
padding-bottom:10px;
text-decoration:underline;
}


#video_footage_content {
border:solid 1px #C61B85;
min-height:150px;
margin:10px auto;
width:221px;
}

ul.2009_winners li p{

}


/***********************************************************************
10.6 SPONSORSHIP
***********************************************************************/

#sponsor_photos img {
  border:solid 3px #c8006e;
  /*margin-left:-8px;*/

  }

#sponsor_photos .oriz_left
{
margin:0 0 10px 0;
}

#sponsor_photos .oriz_right
{
margin:0 0 10px 10px;
}


#sponsor_photos .vert
{
margin:0 25px 10px 25px;
}

ul#sponsor {
line-height:16px;
margin-top:20px;
}

ul#sponsor li {
background:url(../images/bullet.gif) top left no-repeat;
padding-left:15px;
}

div#top_left.voting img.header{
margin-bottom:0;
}

div#top_right.voting ul {
list-style:disc inside none;
}

/***********************************************************************
10.7 SHOPING GUIDE
***********************************************************************/
a.free_pdf{
background:url(../images/free_pdf.gif) top left no-repeat;
width:181px;
height:117px;
float:right;
margin:35px 10px 0 10px;
}

#guide_wrapper{
display:block;
margin:20px 95px 20px 95px;
width:800px;
}
div.movie_guide{
background:url(../images/movie.jpg) top left no-repeat;
width:397px;
height:346px;
display:block;
position:relative;
}
.movie_link{
height:235px;
width:317px;
position:absolute;
left:40px;
top:75px;
}

div.pdf_box{
background:url(../images/pdf_btn.jpg) top left no-repeat;
width:386px;
height:344px;
display:block;
position:relative;
}
a.pdf_image_link{
width:180px;
height:262px;
position:absolute;
top:85px;
left:10px;
display:block;
}
a.pdf_here_link{
  position:absolute;
  top:215px;

  width:70px;
  height:30px;
  display:block;
  left: 200px;
}
div.mobile{
width:385px;
height:50px;
background:#c8006d;
}
div.mobile img{
padding: 0 0 0 15px;
}
div.mobile input{
margin: 5px 0 0 15px;
width:100px;
}
div.mobile input.submit_mobile{
margin: 5px 0 0 5px;
width:50px;
}

div.dif_wrapper{
background:#ffffff;
width:397px;
display:block;
padding-bottom:20px;
}
div.footprint_box{
background:url(../images/footprint.jpg) top left no-repeat;
width:385px;
height:344px;
display:block;
position:relative;
}
div.dif_box{
width:360px;
padding: 20px 0 0 20px;
}
div.dif_box img{
margin: 0 0 10px 0;
}

div.dif_box  img.find_winners {
margin-top:25px;
}

/*div.dif_box  li {
float:left;
margin-right:5px;
width:50px;
}



div.dif_box  li.izzy {
width:75px;
}*/

a.footprint_link{
width:344px;
height:211px;
position:absolute;
top:120px;
left:20px;
}
/***********************************************************************
11. ABOUT, NEWS, T&C
***********************************************************************/

img.about_logo
{
margin:20px 35px 20px 35px;
}

#main_content {
width:715px;
background-color  :#FFFFFF;
border:medium solid #749D23;
padding:20px;
float:left;
}

ul.terms
{
display:block;
list-style:none;
}

li.terms
{
display:block;
margin-top:10px;
list-style:none;
}
#news_container{
/*width:775px;*/
}

#press ul{
list-style-type:disc;
list-style-position:outside;
margin-left:20px;
margin-right:20px;
}
#press  ol
{
list-style-type:decimal;
 list-style-position:outside;
 margin-left:20px;
 margin-right:20px;
}

#press  ol li
{
 margin-bottom:10px;
}

#press  ul li
{
 margin-bottom:5px;
}

#press  .date
{
/* font-weight:bold;*/
 font-style:italic;
 margin-top:10px;
 font-size:1em;
}

#press .note
{
  font-weight:bold;
}

#press{
width:755px;
background:#ffffff;
padding: 20px 0 20px 20px;
float:left;
}

* #press
{
 width :715px
}

#press h5.center_this{
text-align:center;
}
#press p{
padding-right:10px;
}
#press h3{
margin-top: 15px;
}

#press h4{
color: #C1C644;
font-weight:normal;
}

#press p.center{
text-align:center;
font-weight:bold;
}

ul.finalist li{
background:transparent url(../images/bullet.gif) no-repeat scroll left top;
padding-left :15px;
}

.check_p{
margin-top: 10px;
}

ul.press li{
background:transparent url(../images/bullet.jpg) no-repeat scroll left top;
padding-left:15px;
}

.terms-conditions
{
 clear: both;
 padding: 10px 0 0 0;
}

.terms-conditions a
{
 color: #FFFFFF;
}

.heading_fashion
{
 background-color: #79005D;
 color: #FFFFFF;
 font-size: 17px;
 padding: 2px;
}

.heading_food
{
 color: #FFFFFF;
 background-color: #F78B29;
 font-size: 17px;
 padding: 2px;
}

.word-document
{
 background: transparent url(../images/page_white_word.png) top left no-repeat;
 padding: 0 15px 3px 20px ;
 display: block;
}


/***********************************************************************
20. CLEARFIX
***********************************************************************/

.clearfix:after
{
 clear: both;
 content : ".";
 display : block;
 height  : 0;
 line-height: 0;
 visibility : hidden;
}

.clearfix
{
 display : inline-block;
}

html[xmlns] .clearfix
{
 display : block;
}

* html .clearfix
{
 height  : 1%;
}