/* The file below is read by ALL browsers
	but the hacks contained within it further target 
	IE6 and 7 for Windows. See file for details. */
@import url('ie6win.css');
@import url('ie7win.css');

/* -- Generic Initiation items not covered in "undothml.css" -- */

html
{
    font-size:100%;
}

/*
.cat
{
    favourite-food: Go-cat;
    number-of-beds: 10;
    top-activity: kipping;
    satisfaction: 100%;
}
*/

body
{
	text-align: center;
	font-family:Arial,Verdana,sans-serif;
	font-size: .813em;
	color:#505050;
	background: #ffca02 url(../../Images/Common/contentBodyBG.jpg) 0 135px repeat-x;
}

body#pageHome
{
    background-image:url(../../Images/Home/homeBodyBG.jpg);
}

a
{
    text-decoration: none;
    color: #CB0017;
    font-weight:bold;
}

a:hover,
a:focus
{
    text-decoration: underline;
    outline: none;
    color: #e2001a;
}

h2 a
{
    text-decoration: none;
}

u
{
	text-decoration: none;
}
legend
{
	display: none;
}

.invisible
{
	display: none;
}
.hide
{
	position: absolute;
	top: -9999px;
}
.floatLeft
{
	float: left;
}
.floatRight
{
	float: right;
}
.clearBoth
{
	clear: both;
}
/*	Clearfix method for floated elements	*/
.clearFix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*	IE7 hack */
.clearFix
{
	display: inline-block;
}
.clearFix
{
	display: block;
}
/*	Clear floats on a background */
.theBreaker
{
	height: 0.005em;
	clear: both;
	overflow: hidden;
}
/*Generic Levin image replacement -  http://levin.grundeis.net/files/20030809/alternatefir.html */
.replace
{
	position: relative;
	margin: 0px;
	padding: 0px; /* hide overflow:hidden from IE5/Mac */ /* \*/
	overflow: hidden; /* */
}
.replace span
{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1; /*for Opera 5 and 6*/
}
/*Example HTML - all elements that require replacement use the .replace class then
set the rule for the specific image and dimensions and associate with the elements ID.

<h1 id="myh1" class="replace" >Headline<span></span></h1> 

the add the CSS:
#myh1, #myh1 span
{ 
	width:300px;
	height:100px; 
	background-image: url(head.png); 
} 
*/


/* begin normal CCS*/

#container
{
   width: 1024px;
   margin: 0 auto;
   text-align:left;
   position:relative;
   background:url(../../Images/Common/pageContentContainerBG.jpg) 0 169px no-repeat;
}

#pageHome #container
{
    background-image: url(../../Images/Home/homeContainerBG.jpg);
}

#visualEffect
{
    background:url(../../Images/Common/skyLine.jpg) 0 0 repeat-x;
    height: 135px;
    width: 100%;
    position:absolute;
    top: 0;
    left: 0;
}

h1
{
    /*font-size: 3.231em;*/
    font-size: 2.5em;
    font-family:Georgia,Arial,Verdana,sans-serif;
    color: #cb0017;
}

h2
{
    font-size: 1.923em;
    font-family:Georgia,Arial,Verdana,sans-serif;
    color: #cb0017;
    margin-top: 0.7em;
    margin-bottom: 0.3em;
}

h3
{
    font-size: 1.3em;
    color: #cb0017;
    margin-top: 0.7em;
    margin-bottom: 0.3em;
}

p
{
    margin-bottom: 1em;
}

/*
p.leadItem
{
    font-size: 1.4em;
}
*/

ul.genericList
{
    list-style-type:disc;
    list-style-position: outside;
    margin-left: 1.7em;
    margin-bottom: 1em;
}

ul.genericList li
{
    margin-bottom: 0.3em;
}
ol.genericOrderedList
{
    list-style-type:decimal;
    list-style-position: outside;
    margin-left: 2.4em;
    margin-bottom: 1em;
}

ol.genericOrderedList li
{
    margin-bottom: 0.3em;
}

#primaryHeading
{ 
	background:url("../../Images/Home/primaryHeading.jpg") no-repeat scroll 0 0 transparent;
    height:151px;
    left:23px;
    text-indent:-9999em;
    top:305px;
    width:453px;
    z-index:100;
}

#bobo
{
    position: absolute;
    right: -8px;
    bottom: 23px;
}

#pageHome #branding
{
    margin-bottom: 2em;
    height: auto;
}

/*scale*/
.scale
{
    position:relative;
}

.scale .scaleImage
{
    margin: 0 auto;
    display:block;
    position:absolute;
} 

.scale a.scaleTrigger
{
    position: absolute;
    bottom: 0;
    background-color: Gray;
    width: 100%;
    text-align: center;
    width: 173px;
    height: 37px;
}

.nutrition .scale
{
    width: 174px;
    height: 213px;
}

.nutrition .scale .scaleImage
{
    margin: 0 auto;
    display:block;
    width: 174px;
    height: 193px;
    position:absolute;
}

#ItemNavigationNutrition
{
    width: 947px;
    margin: 0 auto;
}

#ItemNavigationNutrition li
{
    float: left;
    margin-right: 19px;
}

#ItemNavigationNutrition li.last
{
    margin-right: 0;
}

#ItemNavigationNutrition #itemNavigation
{
    width: 947px;
    float: none;
    min-height: 240px;
    position:relative;
    z-index: 1000;
}

#ItemNavigationNutrition #itemNavigation
{
    width: 947px;
    float: none;
    min-height: 213px;
    position:absolute;
    bottom: 67px;
}


#container #guidelinesWrapper #item0
{
    display: block;
    width: 916px;
    bottom:280px;
    margin-left:60px;
}

#guidelinesWrapper #item0 #primaryItem
{
    background:url(../../Images/Nutrition/Guidelines/Item/item0PrimaryItem.png) 0 0 no-repeat;
    width: 557px;
    height: 215px;
    float: left;
    padding: 22px 39px;
}

#guidelinesWrapper #item0 #secondaryItem
{
    background: url(../../Images/Nutrition/Guidelines/Item/item0SecondaryItem.png) 0 0 no-repeat;
    width: 225px;
    height: 236px;
    float:right;
    padding:23px;
}
#guidelinesWrapper #item0 #secondaryItem p
{
    line-height: 1.1;
}

#guidelinesWrapper #item0 #secondaryItem h2
{
    margin-top: 0;
    font-size: 2em;
    margin-bottom: 0;
}

/*items with js enabled*/

#guidelinesWrapper .item
{
    width: 593px;
    position:absolute;
    display: none;
    bottom:230px;
    z-index:100;
}

#guidelinesWrapper .item .itemHead
{
    zoom:1;
    background: url(../../Images/Nutrition/Guidelines/Item/itemHeadBG.png) 0 0 no-repeat;
    padding: 20px 20px 0 20px;
}

#guidelinesWrapper .item .itemHead h2
{
    font-size:1.6em;
    margin-bottom: 0;
    margin-top:0;
}

#guidelinesWrapper .itemContent
{
    zoom:1;
    background: url(../../Images/Nutrition/Guidelines/Item/itemContentBG.png) 0 0 no-repeat;
    padding: 0 20px 20px 20px;
    position:relative;
    overflow: visible;
}

#guidelinesWrapper .item .itemFooter
{
    zoom:1;
    background: url(../../Images/Nutrition/Guidelines/Item/itemFooterBG.png) 0 0 no-repeat;
    height: 64px;
    position:relative;
    z-index:1;
}

#guidelinesWrapper .item .itemPointer
{
    zoom:1;
    background: url(../../Images/Nutrition/Guidelines/Item/itemPointer.png) 0 0 no-repeat;
    height: 31px;
    width: 48px;
    position:absolute;
    bottom: 7px;
    left: 100px;
    z-index: 500;
}

#guidelinesWrapper #item02 .itemPointer
{
    left: 159px;
}

#guidelinesWrapper #item03 .itemPointer
{
    left: 317px;
}

#guidelinesWrapper #item04 .itemPointer
{
    left: 375px;
}

#guidelinesWrapper #item05 .itemPointer
{
    left: 441px;
}

#guidelinesWrapper .itemContent table
{
    width: 100%;
    margin-bottom:1em;
}
#guidelinesWrapper .itemContent table *
{
    vertical-align:bottom;
    text-align:center
}

#guidelinesWrapper .itemContent table th,
#guidelinesWrapper .itemContent table td
{
    padding: 5px 0;
}

#guidelinesWrapper .itemContent table img
{
    margin-bottom:5px;
}

#guidelinesWrapper .itemContent table th
{
    text-align:left;
}

#guidelinesWrapper .itemContent table tr.firstRow th,
#guidelinesWrapper .itemContent table tr.firstRow td
{
    border-bottom: 1px dotted #505050;
    padding-bottom: 8px;
}




/*individual speech bubbles*/

/*item 01*/
#guidelinesWrapper #item01
{
    left: 0;
}

/*item 02*/
#guidelinesWrapper #item02
{
    left: 130px;
}

/*item 03*/
#guidelinesWrapper #item03
{
    left: 167px;
}


/*item 04*/
#guidelinesWrapper #item04
{
    left: 304px;
}


/*item 05*/
#guidelinesWrapper #item05
{
    left: 403px;
}

#guidelinesWrapper .backToSummary
{
    position:relative;
    bottom:77px;
    left: 20px;
    z-index:100;
    font-weight:bold;
    display: block;
    float:left;
    text-align: right;
}
#guidelinesWrapper .feedingCone
{
    position:relative;
    bottom:77px;
    right: 20px;
    z-index:100;
    font-weight:bold;
    display: block;
    float:right;
    text-align: right;
}

#guidelinesWrapper .closeClone
{
    position:absolute;
    top: 15px;
    left: 92%;
    width: 24px;
    height:24px;
    background-image:url(../../Images/Nutrition/Guidelines/closeButton.gif);
    background-repeat: no-repeat;
    display: block;
    float: left;
}

#guidelinesWrapper .closeClone span
{
    display: none;
}

#guidelinesWrapper .extraLink
{
    position:relative;
    bottom:77px;
    right: 30px;
    z-index:100;
    font-weight:bold;
    display: block;
    float:right;
    text-align: right;
}

.pageGuidelines #primaryContent
{
    min-height: 542px;
    margin-bottom: 0;
}

.pageGuidelines h1
{
    font-size: 2em;
}

/*range landing*/
.range .scale
{
    width: 175px;
    height: 290px;
}

.range .scale .scaleImage
{
    margin: 0 auto;
    display:block;
    width: 175px;
    height: 230px;
    /*position:absolute;*/
}

#ItemNavigationRange
{
    width: 888px;
    margin-left:55px;
}

#ItemNavigationRange li
{
    float: left;
    margin-right: 28px;
}

#ItemNavigationRange li.last
{
    margin-right: 0;
}

#ItemNavigationRange #itemNavigation
{
    width: 947px;
    float: none;
    position:relative;
}
.pageRange #bobo
{
    right:-94px;
    top: -50px;
    z-index:0;
    /*position:absolute;*/
}
    
#ItemNavigationRange #itemNavigation:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*	IE7 hack */
#ItemNavigationRange #itemNavigation
{
	display: inline-block;
}
#ItemNavigationRange #itemNavigation
{
	display: block;
}

#ItemNavigationRange #itemNavigation ul
{
    z-index:100;
    position:absolute;
    top: 0;
    left: 0;
}

.pageRange #primaryContent
{
    height: 520px;
}

#standfirst
{
    margin-left: 64px;
    width: 450px;
    position: relative;
}

.sectionRange #standfirst
{
    width: 570px;
}

#standfirst #login 
{
    position: absolute;
    top: 5px;
    right: 0;
}

#standfirst #login img
{
  vertical-align:middle;
}

#standfirst #login img
{
    vertical-align: middle;
}

#secondaryNavigation
{
    width: 344px;
    height: 100px;
    margin-top: 40px;
    position:absolute;
    right: 0;
    top: 0;
}

#secondaryNavigation h2,
#quickLinks h2,
.sitemap h2
{
    font-size: 1em;
    color:#000;
    font-family:Arial,Verdana,sans-serif;
}


#secondaryNavigation ul li
{
    display: inline;
    padding: 0 2px 0 8px;
    background: url(../../Images/Common/secondaryNavigationLiBG.gif) 0 center no-repeat;
    
}

#secondaryNavigation ul li.current a
{
    color: #505050;
}

#secondaryNavigation ul li.first
{
    padding-left: 0;
    background: none;
}

/*navigation sprite*/

.pageRange #ItemNavigationRange li p a
{
    background:url(../../Images/Nutrition/Guidelines/guidelinesNavigation.jpg) 0 0 no-repeat;
    margin-left:7px;
    text-indent: -9999em;
    overflow:hidden;
}


/*kitten*/

.pageRange #ItemNavigationRange li p a#linkKitten:hover
{
    background-position: 0 -37px;
}

/*adult*/
.pageRange #ItemNavigationRange li p a#linkAdult
{
    background-position: -346px 0;
}

.pageRange #ItemNavigationRange li p a#linkAdult:Hover
{
    background-position: -346px -37px;
}

/*adult*/
.pageRange #ItemNavigationRange li p a#linkSenior
{
    background-position: -519px 0;
}

.pageRange #ItemNavigationRange li p a#linkSenior:Hover
{
    background-position: -519px -37px;
}

/*Indoor*/
.pageRange #ItemNavigationRange li p a#linkIndoor
{
    background-position: -692px 0;
}

.pageRange #ItemNavigationRange li p a#linkIndoor:Hover
{
    background-position: -692px -37px;
}



/*navigation sprite*/

.pageGuidelines #ItemNavigationNutrition li p a
{
    background:url(../../Images/Nutrition/Guidelines/guidelinesNavigation.jpg) 0 0 no-repeat;
    margin-left:18px;
    text-indent: -9999em;
    overflow:hidden;
    margin-bottom:-20px;
}

/*kitten*/

.pageGuidelines #ItemNavigationNutrition  li p a#linkKitten:hover,
.pageGuidelines #ItemNavigationNutrition  li.current a#linkKitten
{
    background-position: 0 -37px;
}

/*pregnant*/
.pageGuidelines #ItemNavigationNutrition  li p a#linkPregnant
{
    background-position: -173px 0;
}

.pageGuidelines #ItemNavigationNutrition  li p a#linkPregnant:hover,
.pageGuidelines #ItemNavigationNutrition  li.current a#linkPregnant
{
    background-position: -173px -37px;
}

/*adult*/
.pageGuidelines #ItemNavigationNutrition  li p a#linkAdult
{
    background-position: -346px 0;
}

.pageGuidelines #ItemNavigationNutrition  li p a#linkAdult:hover,
.pageGuidelines #ItemNavigationNutrition  li.current a#linkAdult
{
    background-position: -346px -37px;
}

/*senior*/
.pageGuidelines #ItemNavigationNutrition  li p a#linkSenior
{
    background-position: -519px 0;
}

.pageGuidelines #ItemNavigationNutrition  li p a#linkSenior:hover,
.pageGuidelines #ItemNavigationNutrition  li.current a#linkSenior
{
    background-position: -519px -37px;
}


/*indoor*/
.pageGuidelines #ItemNavigationNutrition  li p a#linkIndoor
{
    background-position: -692px 0;
}

.pageGuidelines #ItemNavigationNutrition  li p a#linkIndoor:hover,
.pageGuidelines #ItemNavigationNutrition  li.current a#linkIndoor
{
    background-position: -692px -37px;
}

/*move the links down a bit*/


/*homePageMovie layering*/
#homePageMovie
{
    width: 1024px;
    height: 650px;
    z-index:1;
    position: relative;
}


#homePageMovie #videoLink
{
    bottom: 204px;
    height: 40px;
    left: 751px;
    overflow: hidden;
    position: absolute;
    text-indent: -9999em;
    width: 185px;
}

#billboard
{
    position:absolute;
    top: 4px;
    right: 0;
}

#pageHome #billboard
{
    width: 264px;
    height: 131px;
    background: url(../../Images/Home/billboard.png) 0 0 no-repeat;
    position:absolute;
    top: 4px;
    right: 0;
    z-index:1000;
}

/*primary navigation  - removed to primaryNavigation.css inc IE hacks*/



/*teasers*/

#teasers
{
    margin-left:32px;
    clear: both;
}
.teaser
{
    float:left;
    width: 328px;
    text-align:center;
}
.teaser h2
{
    position:absolute;
    top: -9999em;
}

.teaser a
{
    display: block;
    text-indent: -9999em;
    overflow:hidden;
    outline: none;
    margin: 0 auto;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.teaser a:hover,
.teaser a:focus
{
    background-position:0 -157px;
}

#teaserRange a
{
    background-image: url(../../Images/Teasers/range.jpg);
    width: 315px;
    height: 157px;
}

#teaserNutrition a
{
    background-image: url(../../Images/Teasers/nutrition.jpg);
    width: 311px;
    height: 157px;
}

#teaserStayInTouch a
{
    background-image: url(../../Images/Teasers/stayInTouch.jpg);
    width: 295px;
    height: 157px;
}


#teaserFAQ a
{
    background-image: url(../../Images/Teasers/faq.jpg);
    width: 291px;
    height: 157px;
}

#teaserGuidelines a
{
    background-image: url(../../Images/Teasers/guidelines.jpg);
    width: 301px;
    height: 157px;
}

#teaserTvAdvert a
{
    background-image: url(../../Images/Teasers/advert.jpg);
    width: 314px;
    height: 148px;
}
#teaserFeedingCone a
{
    background-image: url(../../Images/Teasers/feedIngCone.jpg);
    width: 335px;
    height: 157px;
}
#ecards a
{
    background-image: url(../../Images/Teasers/ecards.jpg);
    background-position: 0 0;
    width: 335px;
    height: 157px;
}
#teaserFunGames a
{
    background-image: url(../../Images/Teasers/funGames.jpg);
    width: 288px;
    height: 157px;
}

#teaserBrandNewBox a
{
    background-image: url(../../Images/Teasers/brandNewBox.jpg);
    width: 277px;
    height: 157px;
}

#teaserBoboAwards a
{
    background-image: url(../../Images/Teasers/boboAwards.jpg);
    width: 314px;
    height: 157px;
}

#teaserLifestyleGuide a
{
    background-image: url(../../Images/Teasers/lifestyleGuide.jpg);
    width: 314px;
    height: 157px;
}

/*site information*/
#siteInformation
{
    clear: both;
    position: relative;
    height: 78px;
}

#siteInformation #purinaLink
{
    position:absolute;
    right: 0;
    top: 0;
}

#siteInformation ul
{
    margin-left: 32px;
    padding-top: 32px;
}

#siteInformation ul li
{
    display: inline;
    margin: 0;
    font-size: 0.846em;
}

#siteInformation li a
{
    color: #000;
    border-right: 1px solid #000;
    padding: 0 11px 0 7px;
    font-weight: normal;
    text-decoration: none;
}

#siteInformation .last a
{
    border: 0 none;
}

/*content page generic*/
#primaryContent
{
    margin-bottom:34px;
    min-height: 594px;
    position: relative;
}

#brandingMovie
{
    height: 135px;
    width:1024px;
}

#branding
{
    width: 1024px;
    height: 135px;
    margin-bottom: 76px;
}

/*kitten page in range*/
.pageKitten #rangeList ul
{
    margin-left:269px;
}

.pageKitten #kitten
{
    position: absolute;
    right: 243px;
    top: 60px;
}
#rangeList li
{
    float: left;
    margin-right: 5px;
}

#rangeList li h3
{
    margin-bottom: 0.5em;
    font-size: 1em;
    padding-left: 27px;
}

#rangeList #chickenCarrotsMilk h3
{
    color: #df5090;
    margin-left: 15px;
}

#rangeList li span
{
    font-size: 0.85em;
}

#rangeList:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*	IE7 hack */
#rangeList
{
	display: inline-block;
	position: relative;
}
#rangeList
{
	display: block;
	margin-top: 30px;
}

/*adult page in range*/

.pageAdult #rangeList ul
{
    margin-left:61px;
    margin-top: 80px;
}
.pageAdult #rangeList ul li
{
    padding: 0;
    margin-right: 0;
    margin-left: -9px;
}

.pageAdult #rangeList ul li img
{
    margin-top:20px;
}

.pageAdult #rangeList li h3
{
    padding-left: 8px;
}

.pageAdult  .smallPrint
{
    margin-right: 200px;
}


.pageAdult #boboScoffing
{
    position: absolute;
    right: 31px;
    top: 37px;
}

#beefChickenLiver h3
{
    color: #f76100;
}

#chickenDuckRabbit h3
{
    color: #8e449a;
}

#rabbitTurkeyVeg h3
{
    color: #007c44;
}

#salmonTunaTrout h3
{
    color: #df5090;
}

#tunaHerringVeg h3
{
    color: #00aeef;
}

/*Indoor page in Range*/
.pageIndoor #boboLooksRound
{
    position: absolute;
    right: 95px;
    top: 27px;
    z-index: 0;
}

.pageIndoor #rangeList ul
{
    height: 407px;
    padding-left: 135px;
    z-index:100;
    position:relative;
    width: 957px;
}

.pageIndoor #rangeList li {
    width: 241px;
}

.pageIndoor #freePack {
    display: block;
    height: 75px;
    left: 215px;
    overflow: hidden;
    position: absolute;
    text-indent: -16000em;
    top: 278px;
    width: 265px;
    z-index: 1000;
}

#salmonVegGreens h3
{
    color: #df5090;
}

#chickenVegGreens h3
{
    color: #009131;
}

.pageIndoor #rangeList  #tvAdvertContainer
{
    width: 557px;
    height: 420px;
    overflow: hidden;
    position:relative;
    
}

.pageIndoor #rangeList #tvAdvert
{
    position:absolute;
    top: 4px;
    left: 0;
}


/*Senior page in Range*/
.pageSenior #boboWashes
{
    position: absolute;
    right: 185px;
    top: 50px;
    z-index: 100;
}

.pageSenior #rangeList ul
{
    margin-left:229px;
}

#salmonRiceVeg h3
{
    color: #df5090;
}

#chickenRiceVeg h3
{
    color: #0970b3;
}

/*genericForm*/

.formBox
{
    margin-left:48px;
    width:684px;
}


.genericForm fieldset
{
    margin-bottom: 1em;
    background-color:#fef9e4;
    padding: 1.2em;
    position:relative;
    border: 1px solid #CB0017;
    width: 689px;
}

.fakeForm .genericForm fieldset
{
    padding: 0;
    width:auto;
}

.fakeForm #registerSubmit
{
	margin-top: 15px;
}

/* design issue disregarded fieldsets - created a class of "fake form" - stuart johnston 06/1/10*/

.fakeForm
{
    background-color: #FEF9E4;
    border:1px solid #CB0017;
    width: 684px;
    padding: 18px;
    margin-left: 48px;
    position:relative;
    overflow: hidden;
}

.fakeForm table
{
    border-collapse: collapse;
    width: 100%;
}

.fakeForm td
{
    vertical-align:top;
    padding-bottom: 5px;
}

.fakeForm .sectionA td
{
    width: 50%;
}

.fakeForm .sectionA td .radioList label
{
	padding: 0 5px 0 5px;
}

.fakeForm td h4
{
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px;
    color: #fff;
    background-color: #505050;
}

.fakeForm td select
{
    margin-bottom: 5px;
}

.fakeForm .sectionB label
{
    display:block;  
}

.fakeForm .dog_profile .radio label,
.fakeForm .cat_profile .radio label
{
    display:inline;  
    padding: 0 5px;
}


.fakeForm .sectionB td
{
    width: 50%;
}

.fakeForm .dog_profile .label label,
.fakeForm .cat_profile .label label
{
    display: inline;
}

.fakeForm .sectionA
{
    width: 49%;
    float: left;
}

.fakeForm .sectionB
{
    width: 49%;
    float: right;
}

.fakeForm fieldset
{
    border: 0 none;
}

.fakeForm .genericForm label
{
    width: 45%;
    text-align: left;
    padding-left: 0;
}

.fakeForm .genericForm select,
.fakeForm .genericForm input
{
    width: 45%;
}

.fakeForm h2
{
    margin-top: 0;
    font-family:Arial,Verdana,sans-serif;
    font-size: 1em;
}

.fakeForm .genericForm .imageButton
{
   margin-bottom: 1em;
   float: right;
   margin-left: 64px;
   clear: both;
}

.pageStayInTouch .fakeForm .genericForm .imageButton
{

}

.pageLogIn .genericForm input.imageButton
{
   
}

.fakeForm .genericForm p
{
    margin-left: 0;
    clear: both;
}

#container .genericForm .noIndent
{
    background-color:#FEF9E4;
    border:1px solid #CB0017;
    margin-bottom:1em;
    padding:1.2em;
    position:relative;
    width:689px;
}

#container .genericForm .noIndent p
{
    margin-left: 0 ;
    clear: both;
    font-style: normal;
}

.genericForm input.imageButton
{
    width: auto;
    height: auto;
    background: none;
}

.genericForm .uiButtons
{
    margin-left: 212px;
    clear: both;
}

.pagePetRegistration .genericForm .uiButtons,
.pageContact .genericForm .uiButtons
{
    margin-left: 0;
}

.genericForm .uiButtons .imageButton
{
    padding: 0;
}

.genericForm legend
{
   font-size: 1.923em;
   font-family:Georgia,Arial,Verdana,sans-serif;
   color: #cb0017;

}

/*brand selection*/

.genericForm #brandSelection input,
.genericForm table input
{
    width: auto;
    border: 0 none;
    background: none;
    margin: 0;
    float: none;
}

.genericForm #brandSelection label
{
    width:auto;
    display:inline;
    margin-bottom: 0;
    float:none;
    padding: 0;
}

.genericForm #brandSelection table
{
    width: 432px;
    margin-left: 214px;
    margin-bottom: 1em;
}
.genericForm #brandSelection td
{
    width: 33%;
    padding: 0.1em;
}

.genericForm table.zebra th,
.genericForm table.zebra td
{
    padding: 0.4em;
}

.genericForm table.zebra th.rowLabel
{
    width: 50%;
    text-align:left;
}

.genericForm table.zebra th
{
    width:10%;
    text-align: center;
}

.genericForm table.zebra tr.even *
{
    background-color:#ffefb4;
}

.genericForm table.zebra tr.headers th
{
    background-color: #FFCA02;
    vertical-align:bottom;
}

.genericForm table.zebra td
{
    text-align: center;
}



.genericForm label
{

    clear:left;
    width: 200px;
    text-align:right;
    display: inline-block;
    margin-bottom: 1em;
    font-weight: bold;
    padding: 0.2em 0.5em;

}

.genericForm label span
{
    color: #FEF9E4;
}

.genericForm input,
.genericForm select,
.genericForm textarea
{
    border: 1px solid #e9e6dd;
    border-left-color: #808080;
    border-top-color: #808080;
    width: 200px;
    padding: 0.2em;
    background: #fff url(../../Images/Forms/inputBG.gif) 0 0 no-repeat;
    margin-right: 0.5em;
}

.pageAwardsEntry .genericForm input.upload
{
    margin-bottom: 1.4em;
}

.pageAwardsEntry .genericForm .hint
{
    background:url(../../Images/Icons/iconInformation.gif) 0 0 no-repeat;
    cursor:pointer;

    color: #505050;
    float:left;
    line-height: 20px;
    padding-left: 28px;
}

/*webkit only - Safari & Chrome*/

@media screen and (-webkit-min-device-pixel-ratio:0)

{ 
    .genericForm input.upload
    {
        background: none;
        border: 0 none;
    }
}



.genericForm textarea
{
    height: 150px;
    vertical-align:top;
    margin-bottom: 1em;
}

.genericForm .inputRadio input
{
    width: auto;
    padding: 0;
    border: 0 none;
    background: none;
}

.genericForm h2
{
    margin-bottom: 0.3em;
    margin-top: 0;
}

.genericForm p,
.genericForm h3
{
    margin-left: 214px;
    margin-bottom: 1em;
}

.genericForm p.extra
{
    margin-left:0;
    font-style: normal;
    border-bottom: 1px solid #D3D3D3;
    padding-bottom: 1em;
}

.genericForm p
{
    font-style: italic;
}

.genericForm h3
{
    font-size: 1.1em;
}

.genericForm .radioGroup
{
    display: inline;
}

.genericForm .labelRadio
{
    width:auto;
    text-align:left;
    font-weight: normal;
    display:inline;
}

.genericForm .checkbox label
{
    text-align:left;
    display:inline;
    width: 90%;
    vertical-align:top;
}
.genericForm span.checkbox input
{
    width: auto;
    border: 0 none;
    margin: 0;
    padding: 0;
    background: none;
}

.pageStayInTouch .genericForm #signUpPreferences p
{
    margin-left: 0;
}

/*
.pageStayInTouch #primaryContent
{
    min-height: 775px;
}
*/


.pageStayInTouch #decoration,
.pageUpdateRegistration #decoration,
.pagePetRegistration #decoration
{
    position:absolute;
    right:-54px;
    top:-42px;
}

.pageStayInTouch #teasers
{
    clear:both;
}

.sectionStayInTouch #standfirst
{
    width: 702px;
}

/* coupon forms Games are different again*/

.pageCouponCode #decoration
{
    position: absolute;
    top: 50px;
    right: 0;
}

.pageGames #decoration,
.pageGamesUpdateDetails #decoration
{
    position: absolute;
    top: 145px;
    right: -42px;
}

.pageGenericTerms #decoration
{
    position: absolute;
    top: 145px;
    right: -450px;
}

.pageGamesUpdateDetails #heightFix
{
    height: 322px;
}

.pageGamesUpdateDetails #heightFix p
{
    margin-left: 0;
}

.pageCouponCode .genericForm p,
.pageGames .genericForm p
{
    margin-left: 0;
    font-style: normal;
    clear: both;
}

.pageCouponCode .genericForm p.indent,
.pageGames .genericForm p.indent
{
    margin-left: 129px;
    margin-bottom: 0;
}

.pageCouponCode #standfirst,
.pageGames #standfirst
{
    margin-bottom: 1em;
}

.pageCouponCode .country,
.pageGames .country
{
    float:left;
    width: 160px;
    text-align: center;
    margin-right: 5px;
}

.pageCouponCode .genericForm .country label,
.pageGames .genericForm .country label
{
    text-align: center;
    width: auto;
    display: block;
    float: none;
}


.pageCouponCode .genericForm .country input,
.pageGames .genericForm .country input
{
    width:100%;
    background: none;
    display: block;
    margin-top: 10px;
    border: 0 none;
}

.pageCouponCode .genericForm label,
.pageGames .genericForm label
{
    text-align:left;
    padding: 0;
    width: 125px;
    margin-right: 0;
}

.pageCouponCode .genericForm .imageButton,
.pageGames .genericForm .imageButton
{
    float: none;
    display: inline;
    vertical-align:middle;
    margin-left: 1em;
}

.errors
{
    margin-bottom:1em;

    background:#CB0017 url(../../Images/Icons/warning.jpg) 1em 1em no-repeat;
    padding: 13px 13px 13px  91px;
    color: #fff;
    min-height: 42px;

}

.errors ul
{
    list-style-type:disc;
    list-style-position:inside;
}

/*sitemap*/
.sitemap
{
    clear:both;
    margin-left: 64px;
    padding-top: 25px;
    position:relative;
}

.sitemap ul
{
    margin-left: 64px;
}

.sitemap ul
{
    margin-bottom: 1em;
}

.sitemap h2
{
    margin-bottom: 0.3em;
}

.sitemap #boboAndMap
{
    position: absolute;
    top: 0;
    right: 0;
}

#quickLinks ul li
{
    margin-bottom: 0.3em;
}

/*terms page*/
.pageTerms #quickLinks
{
    width: 35%;
    float: right;
}

.pageTerms #terms,
.pageGenericTerms #primaryContent
{
    width: 55%;
    float: left;
    margin-left: 64px;
    display: inline;
}

/*accessibility page*/
.pageAccessibility #quickLinks
{
    width: 35%;
    float: right;
}

.pageAccessibility #terms
{
    width: 55%;
    float: left;
    margin-left: 64px;
    display: inline;
}

/*registration thank you*/
#thankyou
{
    
}

/*nurtrition page specific*/

/*non standard gradients used in this design.
Use a specific combination cut from the PSD for this page - Stuart Johnston 22/12/09*/


#nutrition
{
    height: 500px;
}

#nutrition .item h2
{
    font-size: 2em;
}

#nutrition #items
{
    position:absolute;
    right: 0;
    top: 15px;
    width: 312px;
}

/*nutrtion navigation*/

#nutrition #itemNavigation
{
    background:url(../../Images/Nutrition/nutritionNavigationBG.jpg) 0 0 no-repeat ;
    width:727px;
    height: 500px;
    float: left;
    position: relative;
    margin-left: 21px;
}

#nutrition #itemNavigation li
{

    position:absolute;
}

#nutrition #itemNavigation li a
{

    display:block;
    text-indent: -9999em;
    overflow: hidden;
}

#nutrition01
{

    top: 0;
    left: 117px;
    width:144px;
    height: 135px;
}

#nutrition01 a
{
    background:url(../../Images/Nutrition/nutritionNavigationBG.jpg) -9999px -9999px no-repeat;
    width:144px;
    height: 135px;
}

#nutrition01 a:hover,
#nutrition01 a:focus,
#nutrition01 a.current
{
    background-position: -117px -500px;
}

#nutrition02
{
    top: 135px;
    left: 0;
    width: 143px;
    height:158px;  
}

#nutrition02 a
{
    background:url(../../Images/Nutrition/nutritionNavigationBG.jpg) -9999px -9999px no-repeat;
    width: 143px;
    height:158px;
}
#nutrition02 a:hover,
#nutrition02 a:focus,
#nutrition02 a.current
{
    background-position: 0 -635px;
}

#nutrition03
{
    top: 293px;
    left: 99px;
    width: 151px;
    height: 160px;
}

#nutrition03 a
{
    background:url(../../Images/Nutrition/nutritionNavigationBG.jpg) -9999px -9999px no-repeat;
    width: 151px;
    height: 160px;
}

#nutrition03 a:hover,
#nutrition03 a:focus,
#nutrition03 a.current
{
    background-position: -99px -793px;
}

#nutrition04
{
    left: 518px;
    top: 220px;
    width: 146px;
    height: 151px;
}

#nutrition04 a
{
    background:url(../../Images/Nutrition/nutritionNavigationBG.jpg) -9999px -9999px no-repeat;
    width: 146px;
    height: 151px;
}

#nutrition04 a:hover,
#nutrition04 a:focus,
#nutrition04 a.current
{
    background-position: -518px -720px;
}

#nutrition05
{
    top: 32px;
    left: 472px;
    width: 157px;
    height:147px;
}

#nutrition05 a
{
    background:url(../../Images/Nutrition/nutritionNavigationBG.jpg) -9999px -9999px no-repeat;
    width: 157px;
    height:147px;
}

#nutrition05 a:hover,
#nutrition05 a:focus,
#nutrition05 a.current
{
    background-position: -472px -532px;
}

#madeWithQualityMeat
{
    text-align:center;
}

/*generic hint*/
.hint
{
    font-weight:bold;
    color:#CB0017;
}

#reducedPackagingFeatures .hint
{
    position:relative;
}

#reducedPackagingFeatures .hint p
{
    padding: 5px;
    position:absolute;
    top: 0;
    right: 0;
}

/*TV advert*/


.pageAdvert .tvAd
{
   float:left;
}

.pageAdvert #social
{
    margin: 0;
}

.pageIndoor #social
{
    width: 344px;
    position: absolute;
    top: 100px;
    right: 0;
}

#social ul li
{
    display: inline;
}

.pageAdvert .adContainer
{
    padding-bottom: 15px;
    border-bottom: 1px solid #ffdf67;
    margin-bottom: 15px;
    overflow: hidden;
}

.pageAdvert #adIndoor
{
    border-bottom: 0 none;
}
.pageAdvert .adContainer .copy

{
    float: right;
    width: 340px;
    margin-right: 74px;
}

.pageAdvert #adKittens .copy 
{
    margin-top: 96px;
}

.pageAdvert #adBobo .copy 
{
    margin-top: 17px;
}

.pageAdvert #adBobo .copy 
{
    margin-top: 17px;
}

.pageAdvert .adContainer .copy .leadParagraph
{
    font-weight: bold;
}

.pageAdvert .adContainer #ad01,
.pageAdvert .adContainer #ad02,
.pageAdvert .adContainer #ad03
{
    float: left;
}

/*contact page*/

.pageContact #bobo
{
    position: absolute;
    right: -39px;
    top:140px;
}

.pageContact #standfirst
{
    width: 600px;
}

.pageContact .genericForm fieldset
{
    border: 0 none;
    margin-bottom: 0;
    padding-left: 0;
}


.pageContact .fakeForm
{
    padding: 18px;
    padding-bottom: 0;
    margin-left: 45px;
    width: 780px;
}

.pageContact .sectionA
{
    width: 48%;
    float: left;
}

.pageContact .sectionB
{
    width: 48%;
    float: right;
}

.pageContact .fakeForm .genericForm label
{
    width: 106px;
    text-align: left;
    padding-left: 0;
}

.pageContact .fakeForm .genericForm select,
.pageContact .fakeForm .genericForm input
{
    width:52%;
}

.pageContact .fakeForm .genericForm .imageButton
{
    width: auto;
    height: auto;
    margin-left: 112px;
    float: none;
    }


/*404*/
.fileNotFound #boboLooksRound {
    position:absolute;
    right:70px;
    top:14px;
}

.fileNotFound #standfirst
{
    width: auto;
    position: absolute;
    top: 100px;
}

/*tabs - found in FAQ */
.tabs
{
    width: 754px;
    position: relative;
    height: 416px;
    background: url(../../Images/Tabs/tabBG.jpg) 0 100% no-repeat;
}

.tabs #paperClip
{
    width: 11px;
    height: 26px;
    background:url(../../Images/Tabs/paperClipBG.png) 0 0 no-repeat;
    position: absolute;
    top: 65px;
    left: -11px;
}

.tabs .hide
{
    position: absolute;
    top: -9999em;
}

.tab
{
    
    position: absolute;
    width: 754px;
    height: 376px;
    top: 40px;
    left: 0;
}

#tabNavigation
{
    width: 754px;
    height: 40px;
}

/*tab sprite*/

#tabNavigation ul
{
	width: 752px;
    height: 40px;
    margin-left: 2px;
	
}

#tabNavigation ul li
{
	display:inline;
	float: left;
	margin-right:32px;
}

#tabNavigation ul li.last
{
    margin-right: 0;
}

#tabNavigation ul li a
{
	display: block;
	cursor:pointer;
	outline: none;
	text-indent: -9999em;
	overflow: hidden;
}

#tabNavigation ul li a span
{
    
}


/*Food Nutrition*/

#navFoodNutrition, #navFoodNutrition span
{
	width:229px;  
	height:40px; 
	background: url(../../Images/Tabs/tabsSprite.png) 0 -40px no-repeat; 
}

#navFoodNutrition span:hover,
li.hover #navFoodNutrition span,
.current #navFoodNutrition span,
#navFoodNutrition:focus span
{
	background-position: 0 0 ;
}

/*Cat Health*/

#navCatHealth, #navCatHealth span
{
	width:229px;  
	height:40px; 
	background: url(../../Images/Tabs/tabsSprite.png) -229px -40px no-repeat; 
}

#navCatHealth span:hover,
li.hover #navCatHealth span,
.current #navCatHealth span,
#navCatHealth:focus span
{
	background-position: -229px 0 ;
}

/*General care*/

#navGeneralCare, #navGeneralCare span
{
	width:229px;  
	height:40px; 
	background: url(../../Images/Tabs/tabsSprite.png) -458px -40px no-repeat; 
}

#navGeneralCare span:hover,
li.hover #navGeneralCare span,
.current #navGeneralCare span,
#navGeneralCare:focus span
{
	background-position: -458px 0 ;
}

.subCategoryNavigationContainer
{
    width: 245px;
    height: 374px;
    position: absolute;
    top: 0;
    left: -11px;
}

.subCategoryNavigation
{
    margin: 36px 15px 0 80px;
}

.subCategoryNavigation li
{
    margin-bottom: 0.3em;
}

.subCategoryNavigation a
{
    color: #505050;
}

.subCategoryNavigation a.current
{
    color: #CB0017;
    text-decoration: none;
}

.tab h2,
#tabNavigation h2
{
    position: absolute;
    top: -9999em;
}

.faqContainer
{
    height: 374px;
    width: 490px;
    position: absolute;
    top: 0;
    right: 0;
}

.faqContainer .faq
{
    overflow-y: scroll;
    height: 300px;
    width: 415px;
    margin-top: 30px;
}

.faqContainer h3
{
    margin-top: 0;
    margin-bottom: 1em;
}

.faqContainer dl
{
    padding-right: 1em;
}

.faqContainer dt
{
    font-weight:bold;
    margin-bottom: 0.7em;
}

.faqContainer dd
{
    margin-bottom: 1.8em;
}

.faqContainer dt span
{
    background-color: #D30018;
    color: #fff;
    width: 1.2em;
    height: 1.2em;
    float:left;
    text-align: center;
    margin-right: 0.5em;
    font-weight: bold;
}

.faqContainer dd span
{
    background-color: #F6C000;
    color: #fff;
    width: 1.2em;
    height: 1.2em;
    float:left;
    text-align: center;
    margin-right: 0.5em;
    font-weight: bold;
}

.tabs #boboInspects
{
    position: absolute;
    bottom: -33px;
    right: -284px;
    z-index: 100;
}

.tabs #kibble
{
    position: absolute;
    bottom: -20px;
    left: 166px;
    z-index: 100;
}

.pageFAQ .tabs
{
    margin-left: 30px;
}

#faqIntro
{
    background:#e9c70f url(../../Images/FAQ/coverBG.jpg) 0 0 repeat-x;
    height:374px;
    left:0;
    position:absolute;
    top:40px;
    width:753px;
    z-index:10;
}

#faqIntro #faqCover
{
    margin-left:82px;
}

#faqIntro #topTip
{
    display:block;
    height:25px;
    left:374px;
    position:absolute;
    top:192px;
    width:128px;
    /*hack for ie*/
    background:url(../../Images/FAQ/coverBG.jpg) 0 -9999em repeat-x;
}

#faqIntro #topTip a
{
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999em;
}

.pageFAQ #standfirst
{
    position: absolute;
}

/*fallback FAQ is the raw questions pages*/

.pageFAQFallback #standfirst
{
    position: relative;
    width: auto;
    margin-bottom: 2em;
}


.pageFAQFallback .faqContainer
{
    position: relative;
    background-color:#F6C000;
    height: auto;
    margin: 0;
    float:right;
    width: 688px;
    margin-bottom: 3em;
    padding: 30px;
    -moz-box-shadow: 0 0 20px #000;
    -webkit-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
    z-index: 100;
}

.pageFAQFallback .subCategoryNavigationContainer 
{
    position:relative;
    height: auto;
    left: 0;
    top: 0;
    float: left;
    margin-left: 64px;
    text-align:right;
    padding: 30px;
    display: inline;
    width:149px;
}

.pageFAQFallback .faqContainer .faq 
{
    height: auto;
    overflow:visible;
    width: auto;
    margin: 0;
    background-color: #fff;
    padding: 20px;

}

.pageFAQFallback .subCategoryNavigation
{
    margin: 0;
}

.pageFAQFallback #tabNavigation
{
    float: right;
    width: 751px;
    margin-right:-1px;
}

.pageFAQFallback #tabNavigation ul
{
    width: auto;
}

.pageFAQFallback #tabNavigation ul li
{
    margin-right: 31px;
}

.pageFAQFallback #tabNavigation ul li.last
{
    margin-right: 0;
}

.pageFAQFallback #tabNavigation ul li.current
{
    z-index: 101;
    position: relative;
}

.pageFAQFallback #decoration
{
    position: absolute;
    left: 0px;
    top: 600px;
    z-index: 1000;
}
/*fake form in thanks message of contact page*/
.pageContactForm .fakeForm p
{
    margin-left: 0;
    font-style: normal;
}

/*where bob next on TV advert page*/
#whereBobo
{
    background: url(../../Images/Advert/whereBoboBG.jpg) 0 0 no-repeat;
    width: 1024px;
    height: 466px;
    position: relative;
}

#whereBobo #messages
{
    height:150px;
    left:89px;
    position:absolute;
    top:194px;
    width:298px;
}

#whereBobo #messages blockquote
{
    margin-bottom: 0.5em;
}

#whereBobo #messages cite
{
    font-style: normal;
}

#whereBobo #messages cite span
{
    font-weight: bold;
}

#whereBobo .message
{
    height: 140px;
}

#whereBobo #messageNavigation
{
    position:absolute;
    bottom: 0;
}

#whereBobo #messageNavigation li
{
    display: inline;
    margin-right: 2em;
    zoom: 1;
}

#whereBobo #messageNavigation li a
{
    color: #505050;
    text-decoration: none;
}

#whereBobo #messageNavigation #previous
{
    background:url(../../Images/Advert/previousBG.jpg) left center no-repeat;
    padding-left: 1em;
}

#whereBobo #messageNavigation #next
{
    background:url(../../Images/Advert/nextBG.jpg) right center no-repeat;
    padding-right: 1em;
}

#whereBobo #suggestionForm
{
    height:181px;
    position:absolute;
    right:182px;
    top:154px;
    width:324px;
    color: #000b2f;
}

#whereBobo #suggestionForm .suggestionText
{
    border: 0 none;
    width: 62%;
    font-family:Arial,Verdana,sans-serif;
    padding: 0.2em;
    margin-bottom: 0.5em;
}

#whereBobo #suggestionForm textarea.suggestionText
{
    height: 2em;
    font-size: 1em;
    width: 100%;
}

#whereBobo #suggestionForm fieldset
{
    border: 0 none;
}

#whereBobo #suggestionForm label
{
    display: block;
    margin-bottom: 0.2em;
}

#whereBobo #suggestionForm .suggestionButton
{
    border: none;
    cursor: pointer;
    background: transparent url(../../Images/Advert/buttonBG.jpg) 100% center no-repeat;
    padding-right: 1em;
    float: right;
    clear: both;
}

#whereBobo #suggestionForm p
{
    margin-bottom: 0.5em;
}

#whereBobo .errorSuggestions
{
    background-color:#CB0017;
    color:#FFFFFF;
    padding:1em;
    position:absolute;
    right:-30px;
    top:174px;
    width:130px;
    /*don't try this at home*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: #000 2px 2px 10px;
    -webkit-box-shadow: #000 2px 2px 10px;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction=135, strength=3);
}


#whereBobo .errorSuggestions h2
{
    color: #fff;
    margin: 0;
    margin-bottom: 0.3em;
    text-align:center;
}

#whereBobo .errorSuggestions ul
{
    list-style: disc outside;
    margin-left: 1em;
}

#whereBobo .errorSuggestions ul li
{
    margin-bottom: 0.5em;
}

/*fix*/
.formParagraphFix
{
    margin-left: 0;
    font-style:normal;
}

.thumbnail {

	-moz-box-shadow: black 0 2px 2px;
    -webkit-box-shadow: black 0 2px 2px;
}

/*bobo awards*/
#secondaryNavigationBoboAwards
{
    height: auto;
    position:absolute;
    right:0;
    top:0;
    z-index: 100;
}

#secondaryNavigationBoboAwards ul
{
    width: 240px;
}

#secondaryNavigationBoboAwards li
{
    display: block;
    background-image: none;
    padding: 0;
    width: 240px;
    height: 35px;
}

#secondaryNavigationBoboAwards li a
{
    background: url(../../Images/BoboAwards/secondaryNavigationSprite.png) 0 0 no-repeat;
    width:240px;
    height:35px;
    display: block;
    text-indent: -9999em;
    overflow: hidden;
}

/*enter the awards*/

#secondaryNavigationBoboAwards li a.nav01:hover,
#secondaryNavigationBoboAwards li a.nav01:focus,
.sectionEnterTheAwards #secondaryNavigationBoboAwards li a.nav01
{
    background-position: 0 -175px ;
}

/*view entries*/

#secondaryNavigationBoboAwards li a.nav02
{
    background-position: 0 -35px;
}

#secondaryNavigationBoboAwards li a.nav02:hover,
#secondaryNavigationBoboAwards li a.nav02:focus,
.sectionViewEntries #secondaryNavigationBoboAwards li a.nav02
{
    background-position: 0 -210px ;
}

/*about bobo awards*/

#secondaryNavigationBoboAwards li a.nav03
{
    background-position: 0 -70px;
}

#secondaryNavigationBoboAwards li a.nav03:hover,
#secondaryNavigationBoboAwards li a.nav03:focus,
.sectionAboutBoboAwards #secondaryNavigationBoboAwards li a.nav03
{
    background-position: 0 -245px ;
}

/*how to enter*/

#secondaryNavigationBoboAwards li a.nav04
{
    background-position: 0 -105px;
}

#secondaryNavigationBoboAwards li a.nav04:hover,
#secondaryNavigationBoboAwards li a.nav04:focus,
.sectionHowToEnter #secondaryNavigationBoboAwards li a.nav04
{
    background-position: 0 -280px ;
}

/*entry guidelines*/

#secondaryNavigationBoboAwards li a.nav05
{
    background-position: 0 -140px;
}

#secondaryNavigationBoboAwards li a.nav05:hover,
#secondaryNavigationBoboAwards li a.nav05:focus,
.sectionEntryGuidelines #secondaryNavigationBoboAwards li a.nav05
{
    background-position: 0 -315px ;
}
#secondaryNavigationBoboAwards li a.nav06
{
    background-position: 0 -350px;
}

#secondaryNavigationBoboAwards li a.nav06:hover,
#secondaryNavigationBoboAwards li a.nav06:focus,
.pageTermsAndConditions #secondaryNavigationBoboAwards li a.nav06
{
    background-position: 0 -385px ;
}

#secondaryNavigationBoboAwards h2
{
    font-size: 1.8em;
    text-transform: uppercase;
    margin-left: 4px;
}

.sectionBoboAwards .genericOrderedList
{
    list-style-position: inside;
    margin-left: 0;
}

.sectionBoboAwards #standfirst
{
    width: 575px;
    min-height: 510px;
}

.sectionBoboAwards #primaryContent
{  
    height: auto;
    min-height:0;
}

.sectionBoboAwards #entryExtra
{
    width: 406px;
    position:absolute;
    top: 0;
    right: 0;
}

.sectionBoboAwards #entryExtra .block
{
    margin-bottom: 1em;
}

.pageHowToEnter #standfirst
{
    background:url(../../Images/BoboAwards/HowToEnter/standfirstBG.png) right bottom no-repeat;
    height: 448px;
}
.pageHowToEnter p.narrow
{
    width: 50%;
}


/*awards home specific*/


.pageBoboAwards h1
{
    margin-left: 64px;
    font-size: 2.7em;
}

.pageBoboAwards #standfirst h1
{
    display: none;
}

.pageBoboAwards .backToWinners,
.pageViewEntries .backToWinners
{
    top: -100px;
}

.pageBoboAwards .backToWinners p
{
    display: none;
}

.pageBoboAwards #secondaryNavigation 
{
    position:relative;
    margin-top: 0;
    height: 36px;
    width:605px;
}

.pageBoboAwards #secondaryNavigation ul
{
    display: inline;
}

.pageBoboAwards #secondaryNavigation h2
{
    display: inline;
    margin-right: 0.5em;
}

.pageBoboAwards #boboAwardsMap
{
    height:285px;
    left:547px;
    position:absolute;
    top:58px;
    width:244px;
}

.pageHowToEnter #standfirst h2,
.pageBoboAwards #standfirst h2.nonstandard
{
    font-size: 1.4em;
    color: #494949;
    font-weight: bold;
    font-family:Arial,Verdana,sans-serif;
}

.sectionBoboAwards .btnViewEntries
{
    background:url(../../Images/Buttons/btnViewEntriesBG.png) 0 0 no-repeat;
    display: block;
    width: 147px;
    height: 32px;
    text-indent: -9999em;
    overflow: hidden;
}

.sectionBoboAwards .btnViewEntries:hover
{
    background-position: 0 -32px;
}
.sectionBoboAwards .btnEnterNow
{
    background:url(../../Images/Buttons/btnEnterNowBG.png) 0 0 no-repeat;
    display: block;
    width: 136px;
    height: 32px;
    text-indent: -9999em;
    overflow: hidden;
}

.sectionBoboAwards .btnEnterNow:hover
{
    background-position: 0 -32px;
}

.sectionBoboAwards .btnSignUp
{
    background:url(../../Images/Buttons/btnSignUpNowBG.png) 0 0 no-repeat;
    display: block;
    width: 147px;
    height: 32px;
    text-indent: -9999em;
    overflow: hidden;
}

.sectionBoboAwards .btnSignUp:hover
{
    background-position: 0 -32px;
}

/*featured entires uc*/
.sectionBoboAwards #featured
{
    background:url(../../Images/BoboAwards/redCarpet.png) left bottom no-repeat;
}

.sectionBoboAwards #teasers
{
    margin: 0;
}

.sectionBoboAwards #featuredContainer
{
    width:818px;
    margin-left:110px;
}

.sectionBoboAwards #featuredContainer:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*	IE7 hack */
.sectionBoboAwards #featuredContainer
{
	display: inline-block;
}
.sectionBoboAwards #featuredContainer
{
	display: block;
}

.sectionBoboAwards #featuredContainer .featureCategory
{
    float:left;
    width: 197px;
    height: 151px;
    margin-right:10px;
    background: url(../../Images/BoboAwards/FeaturedCategories/featuredSpangleSprite.gif) 0 0 no-repeat;
}

/*movingthe sprite*/
.sectionBoboAwards #featuredContainer #featureKitten 
{
    background-position: 0 0;
}

.sectionBoboAwards #featuredContainer #featureKitten:hover
{
    background-position: 0 -151px;
}

.sectionBoboAwards #featuredContainer #featureAdult 
{
    background-position: -197px 0;
}

.sectionBoboAwards #featuredContainer #featureAdult:hover
{
    background-position: -197px -151px;
}

.sectionBoboAwards #featuredContainer #featureSenior
{
    background-position: -394px 0;
}

.sectionBoboAwards #featuredContainer #featureSenior:hover
{
    background-position: -394px -151px;
}

.sectionBoboAwards #featuredContainer #featureIndoor 
{
    background-position: -591px 0;
}

.sectionBoboAwards #featuredContainer #featureIndoor:hover
{
    background-position: -591px -151px;
}

.sectionBoboAwards #featuredContainer .featureCategory a
{
    width: 166px;
    height: 102px;
    display: block;
    top: 33px;
    left:18px;
    position:relative;
    text-align:center;
    line-height: 102px;
    
}

.sectionBoboAwards #featuredContainer .last
{
    margin-right: 0;
}

.sectionBoboAwards #featuredContainer .featureCategory h2
{
    position:absolute;
    top: -9999em;
}


.sectionBoboAwards #featuredContainer .featureCategory img
{
    /*
    width: 166px;
    height: 102px;
*/
    margin-top: auto;
    margin-bottom: auto;
    -moz-box-shadow:0 2px 2px black;
    -webkit-box-shadow:0 2px 2px black;
   
}
.pageTermsAndConditions .genericOrderedList,
.pageEntryGuidelines .genericOrderedList
{
    list-style-position:outside;
}

.pageTermsAndConditions #decoration,
.pageEntryGuidelines #decoration
{
    background:transparent url(../../Images/BoboAwards/Terms/decoration.png) no-repeat scroll 0 0;
    height:364px;
    position:absolute;
    right:0;
    top:278px;
    width:270px;
}

.pageEntryGuidelines #standfirst
{
    height: 600px;
}   

/*bobo awards login special treatment*/
.pageBoboAwardsLogin #standfirst
{
    width: auto;
    height: 600px;
}

.pageBoboAwardsLogin #teasers
{
    position:absolute;
    bottom: 0;
    left: -70px;
}

.pageBoboAwardsLogin .formBox
{
    left:15px;
    position:absolute;
    top:68px;
}

.pageBoboAwardsLogin .formBox .genericForm label
{
    width: 66px;
    text-align:left;
}

.pageBoboAwardsLogin .formBox .genericForm .uiButtons
{
    margin-left: 197px;
}

.pageBoboAwardsLogin .formBox .genericForm p
{
    margin-left: 159px;
}

.pageBoboAwardsLogin #featuredContainer 
{
    width:932px;
}

.pageBoboAwardsLogin .formBox fieldset
{
    width: 303px;
}


.pageBoboAwardsLogin #decoration
{
    background:transparent url(../../Images/BoboAwards/AboutYou/Login-Chair.png) no-repeat scroll 0 0;
    height:291px;
    position:absolute;
    right:260px;
    top:64px;
    width:363px;
    z-index:1000;
}

.pageBoboAwardsRegister #decoration
{
    background: url(../../Images/BoboAwards/AboutYou/trophy.png) no-repeat scroll 0 0;
    height:278px;
    position:absolute;
    right:7px;
    top:247px;
    width:220px;
}

.pageBoboAwardsRegister #standfirst,
.pageAboutYou #standfirst,
.pageAwardsEntry  #standfirst
{
    min-height: 1px;
}

.pageBoboAwardsRegister .fakeForm,
.pageAboutYou .fakeForm,
.pageAwardsEntry .fakeForm
{
    width: 641px;
}

.pageAboutYou .genericForm p.indent
{
    float:right;
    margin-right:10px;
}

.pageAboutYou .sectionB
{
    margin-top: 16px;
}

.pageAboutYou #decoration,
.pageAwardsEntry  #decoration
{
    width: 220px;
    height: 278px;
    position: absolute;
    top: 251px;
    right: 0;
    background:url(../../Images/BoboAwards/AboutYou/trophy.png) 0 0 no-repeat;
}

.pageAwardsEntry #decorationSorry
{
    background:transparent url(../../Images/BoboAwards/AboutYou/decorationSorry.png) no-repeat scroll 0 0;
    height:245px;
    position:absolute;
    right:45px;
    top:19px;
    width:264px;
}

/*winners*/

.winnerPromo
{
    width: 406px;
    text-align:right;
    position:absolute;
    top: 0;
    right: 0;
}

.winnerPromo img
{
    position:relative;
}

.backToWinners
{
    width: 406px;
    height: 411px;
    background: url(../../Images/BoboAwards/Winners/backToWinnersBG.png) 0 0 no-repeat;
    position:relative;
    z-index: 1;
}

.backToWinners p
{
    bottom:-5px;
    height:32px;
    position:absolute;
    right:25px;
    width:148px;
    text-align:left;
}

.backToWinners p a,
.backToWinnersButton p a
{
    width:148px;
    height: 32px;
    background:  url(../../Images/BoboAwards/Winners/btnBackToWinners.png) 0 0 no-repeat;
    text-indent: -9999em;
    display: block;
}

/*entries listing*/

.entries
{
    width: 500px;
    position:relative;
    z-index: 100;
}
.entries table
{
  
}

.entries table td.first div
{
    width: 130px;
    height: 131px;
    background: url(../../Images/Video/smallFrame.png) 0 bottom no-repeat;
    text-align:center;
    margin-bottom: 10px;
}

.entries table td.second
{
   
}
.entries table td.second div
{
    vertical-align:top;
    background: url(../../Images/Video/listingBG.jpg) 0 0 no-repeat;
    width: 429px;
    height:104px;
    padding: 18px;
    margin-left: 10px;
    position:relative;
}

.entries table .champion td.second div
{
    background-image:url(../../Images/BoboAwards/Winners/championListingBG.jpg);
}

/*class of winner off the table row*/
.entries table tr.champion td.second div
{
   background-image:url(../../Images/BoboAwards/Winners/listingChampionBG.jpg);
}

.entries table tr.kittenWinner td.second div
{
  background-image:url(../../Images/BoboAwards/Winners/listingKittenWinnerBG.jpg);
}

.entries table tr.adultWinner td.second div
{
    background-image:url(../../Images/BoboAwards/Winners/listingAdultWinnerBG.jpg);
}

.entries table tr.seniorWinner td.second div
{
    background-image:url(../../Images/BoboAwards/Winners/listingSeniorWinnerBG.jpg);
}

.entries table tr.indoorWinner td.second div
{
   background-image:url(../../Images/BoboAwards/Winners/listingIndoorWinnerBG.jpg);
}

.entries table tr.finalist td.second div
{
    background-image:url(../../Images/BoboAwards/Winners/listingFinalistBG.jpg);
}

.entries table td.second h2,
.entries table td.second p
{
    margin: 0;
    position: relative;
    width: 280px;
}

.entries table .champion td.second h2,
.entries table .champion td.second p
{
    color:#fef2ba;
}

.entries table td.second h2
{
   font-family:Arial,Verdana,sans-serif;
   font-size: 1.15em;
   color: #303030;
   margin-bottom: 0.5em;
}

.entries .AspNet-GridView-Pagination
{
    text-align: center;
    margin: 0 140px;
    height: 32px;
    line-height: 32px;
}

.entries table
{
    margin-bottom: 26px;
}


.entries table th
{
    display: none;
}

.entries table .entryDetailsLink
{
    width: 120px;
    height: 32px;
    background: transparent url(../../Images/Buttons/btnViewEntriesSprite.png) 0 0 no-repeat;
    text-indent: -9999em;
    overflow: hidden;
    display:block;
    cursor:pointer;
    margin-top: 0.5em;
    margin-left: -5px;
}

.entries table .entryDetailsLink:hover
{
    background-position: 0 -32px;
}

.btnPrevious
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 95px;
    height: 25px;
}

.pageViewEntry .navigationButtons
{
    width:500px;
    margin-bottom:26px;
}

.pageViewEntry .navigationButtons:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*	IE7 hack */
.pageViewEntry .navigationButtons
{
	display: inline-block;
}
.pageViewEntry .navigationButtons
{
	display: block;
}

.btnPrevious
{
    background:url(../../Images/Buttons/btnPreviousSprite.png) 0 0 no-repeat;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 99px;
    height: 32px;
    text-indent:-9999em;
    overflow: hidden;
}

.btnPrevious:hover,
.btnNext:hover
{
    background-position: 0 -32px;
}

.btnNext
{
    background:url(../../Images/Buttons/btnNextSprite.png) 0 0 no-repeat;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 81px;
    height: 32px;
    text-indent:-9999em;
    overflow: hidden;
}

.pageViewEntry .btnNext
{
    position:relative;
    float:right;
}

.pageViewEntry .btnPrevious
{
    position:relative;
    float: left;
}

.pageViewEntries .btnNext
{
    right: 45px;
}

.pageViewEntries .btnPrevious
{
    left: 45px;
}

/*4 different decorations for listings*/
.pageViewEntries #decorationKitten
{
    width: 495px;
    height: 266px;
    position:absolute;
    right:10px;
    top:251px;
    background:url(../../Images/BoboAwards/Listing/kitten.png) 0 0 no-repeat;
    z-index:0;
}

.pageViewEntries #decorationAdult
{
    width: 641px;
    height: 359px;
    position:absolute;
    right:10px;
    top:172px;
    background: url(../../Images/BoboAwards/Listing/adult.png) 0 0 no-repeat;
    z-index:0;
}

.pageViewEntries #decorationSenior
{
    background:transparent url(../../Images/BoboAwards/Listing/senior.png) no-repeat scroll 0 0;
    height:420px;
    position:absolute;
    right:3px;
    top:107px;
    width:508px;
}

.pageViewEntries #decorationIndoor
{
    width: 518px;
    height: 305px;
    position:absolute;
    right:10px;
    top:229px;
    background: url(../../Images/BoboAwards/Listing/indoor.png) 0 0 no-repeat;
}

/*4 different decorations for entry*/
#didYouKnow  #decorationKitten
{
    background:transparent url(../../Images/BoboAwards/Video/kitten.png) no-repeat scroll 0 0;
    bottom:-283px;
    height:249px;
    left:-39px;
    position:absolute;
    width:318px;
}

#didYouKnow  #decorationAdult
{
    width: 358px;
    height: 287px;
    position:absolute;
    left:-70px;
    bottom:-287px;
    background: url(../../Images/BoboAwards/Video/adult.png) 0 0 no-repeat;
}

#didYouKnow  #decorationSenior
{
    background: url(../../Images/BoboAwards/Video/senior.png) no-repeat scroll 0 0;
    bottom:-326px;
    height:302px;
    left:-41px;
    position:absolute;
    width:318px;
}

#didYouKnow  #decorationIndoor
{
    width: 318px;
    height: 297px;
    position:absolute;
    left:-70px;
    bottom:-300px;
    background: url(../../Images/BoboAwards/Video/indoor.png) 0 0 no-repeat;
}

.pageViewEntries #standfirst
{
    min-height: 600px;
}

.entries #tableTop
{
   display: none;
}

.entries #tableBottom
{
    display: none;
}

.sectionViewEntries #secondaryNavigation
{
    position:relative;
    width: 100%;
    height: auto;
    margin: 0;
    margin-bottom: 26px;
}

.sectionViewEntries #secondaryNavigation ul,
.sectionViewEntries #secondaryNavigation h2
{
    display: inline;
}

.sectionViewEntries #secondaryNavigation h2
{
    margin-right: 1em;
}

.pageViewEntry #videoContainer
{
    width: 517px;
    height: 436px;
    background:url(../../Images/Video/projectionScreen.png) 0 0 no-repeat;
    position:relative;
}

.pageViewEntry #videoContainer #media
{
    width:438px;
    height:246px;
    left:30px;
    position:relative;
    text-align:center;
    top:32px; 
}

.pageViewEntry #imageContainer
{
    width: 409px;
    height: 412px;
    background:url(../../Images/Video/largePictureFrame.png) 0 0 no-repeat;
    position:relative;
    left: 53px;
    margin-bottom: 26px;
}

.pageViewEntry #imageContainer #media
{
    width:409px;
    height:412px;
    position:relative;
    text-align:center;
}

.pageViewEntry #imageContainer #media img
{
       -moz-box-shadow: black 0 2px 5px;
        -webkit-box-shadow: black 0 2px 5px;
}

.pageViewEntry .entryDescription
{
    width: 505px;
    height: 255px;
    background:url(../../Images/Video/descriptionBG.png) 0 0 no-repeat;
}

.pageViewEntry .entryDescription .wrap
{
    margin: 0 26px;
    padding-top: 26px;
}

.pageViewEntry .entryDescription #description
{
    height: 165px;
    overflow-y:scroll;
    padding-right: 1em;
    margin-bottom: 13px;
}

.pageViewEntry .entryDescription h2
{
    font-size: 2em;
    color: #4d4c4c;
    font-family:Arial,Verdana,sans-serif;
    margin: 0;
}
.pageViewEntry #social h2
{
    font-size: 1em;
    float:left;
    vertical-align:middle;
    line-height: 20px;
    margin-right:1em;
    color: #d70019;
}

.pageViewEntry #social ul
{
    display: inline;
    vertical-align:middle;
}

/*awards entry form is non - standard*/
.pageAwardsEntry .genericForm label
{
    display: block;
    width:auto;
    margin: 0;
    margin-bottom: 0.5em;
}

.pageAwardsEntry .genericForm input,
.pageAwardsEntry .genericForm select,
.pageAwardsEntry .genericForm textarea
{
    width: 97.5%;
    margin-bottom: 1em;
}

.pageAwardsEntry .sectionA
{
     width: 48%;
}

.pageAwardsEntry .sectionB
{
    width: 48%;
}

.pageAwardsEntry .uiButtons
{
    margin: 0;
}

.pageAwardsEntry .uiButtons input
{
    width: auto;
}

.pageAwardsEntry .nonStandardHeight,
.closedCompetitionHeight
{
    height: 460px;
}

.pageThankyou .nonStandardHeight
{
    height: 400px;
}

.pageThankyou  .rangeTeaser
{
    position:relative;
    margin-top: 30px;
}

.pageThankyou  .rangeTeaser p
{
    width: 350px;
}
.pageThankyou  #kittenRangeTeaser .decoration
{
    background: url(../../Images/BoboAwards/RangeTeaser/kitten.png) no-repeat scroll right bottom;
    bottom:-100px;
    height:171px;
    position:absolute;
    right:0;
    width:301px;
}

.pageThankyou  #adultRangeTeaser .decoration
{
    background: url(../../Images/BoboAwards/RangeTeaser/adult.png) no-repeat scroll right bottom;
    bottom:-129px;
    height:258px;
    position:absolute;
    right:81px;
    width:211px;
}

.pageThankyou  #seniorRangeTeaser .decoration
{
    background: url(../../Images/BoboAwards/RangeTeaser/senior.png) no-repeat scroll right bottom;
    bottom:-86px;
    height:176px;
    position:absolute;
    right:61px;
    width:235px;
}

.pageThankyou  #indoorRangeTeaser .decoration
{
    background: url(../../Images/BoboAwards/RangeTeaser/indoor.png) no-repeat scroll right bottom;
    bottom:-79px;
    height:180px;
    position:absolute;
    right:36px;
    width:266px;
}

/*did you know*/
#didYouKnow
{
    position:absolute;
    right: 0;
    top: 240px;
    width: 240px;
}


.btnRange
{
    width: 146px;
    height: 32px;
    background: url(../../Images/Buttons/findOutMoreSprite.png) 0 0 no-repeat;
    text-indent: -9999em;
    overflow: hidden;
    display:block;
    float: right;
}

.btnRange:hover
{
    background-position: 0 -32px;
}

#reg
{
    position:absolute;
    bottom: 0;
    right: 0;
    font-size: 0.846em;
    padding-bottom: 1em;
}

/*Bobo Awards on the new homepage*/
#nonFlash
{
    height: 650px;
    background: url(../../Images/Home/kittensBG.jpg) 0 169px no-repeat;
}


#homeDecoration
{
    width: 826px;
    height: 406px;
    position:absolute;
    top:0;
    left: 0;
    background: url(../../Images/Home/homeDecoration.png) 0 0 no-repeat;
}

#homeDecoration #primaryImage
{
    left:204px;
    position:absolute;
    top:49px;
}

#entryNavigation
{
    width: 182px;
    height: 78px;
    position:absolute;
    right: 0;
    bottom: 136px;
    z-index:1000;
}

#entryNavigation li
{
    display: block;
    background-image: none;
    padding: 0;
    width: 182px;
    height: 39px;
    margin-bottom: 0.5em;
}

#entryNavigation li a
{
    background: url(../../Images/Home/entryNavigationSprite.png) 0 0 no-repeat;
    width:182px;
    height:39px;
    display: block;
    text-indent: -9999em;
    overflow: hidden;
}

#entryNavigation li a#navViewEntries
{
    background-position: 0 -39px;
}

/*enter the awards*/

#entryNavigation li a#navEnterAwards:hover,
#entryNavigation li a#navEnterAwards:focus
{
    background-position: 0 -78px ;
}

#entryNavigation li a#navViewEntries:hover,
#entryNavigation li a#navViewEntries:focus
{
    background-position: 0 -117px ;
}

/*view entires "button"*/
#btnViewEntriesNew
{
    width: 126px;
    height: 32px;
    background:url(../../Images/Buttons/viewENTRIES.png) 0 0 no-repeat;
    display:block;
    text-indent: -9999em;
    overflow: hidden;
}

#btnViewEntriesNew:hover
{
    background-position: 0 -32px;
}
.loading
{
    position:absolute;
    top:-9999em;
}
.closingNotice
{
    color: #CB0017;
}
/*quotes*/
#quotes
{
    background: url(../../Images/BoboAwards/Winners/winnerPromo/quotesBG.png) right top no-repeat;
    padding-top: 110px;
}

.quote h2
{
    margin: 0;
    margin-left: 61px
}

.quoteContent
{
    position:relative;
}

.quote h3
{
    margin: 0;
    color: #404040;
    margin-left: 61px
}

.quote .awardCategory
{
    width: 120px;
    height: 122px;
    background:url(../../Images/BoboAwards/Winners/winnerPromo/winnerBadgeSprite.png) 0 0 no-repeat;
    text-indent:-9999em;
    position:absolute;
    top: -42px;
    left: -61px;
}

.quote blockquote
{
    background: url(../../Images/BoboAwards/Winners/winnerPromo/openQuote.png) 0 0 no-repeat;
    padding-left: 22px;
    margin: 1em 0 1em 0;
    padding-top: 2px;
}

.quote blockquote span
{
    background:url(../../Images/BoboAwards/Winners/winnerPromo/closeQuote.png) 0 0 no-repeat;
    width: 19px;
    height: 16px;
    display: inline-block;
    margin-bottom: -7px;
}

.quote .quoteContent
{
    width: 230px;
}

.quote .backToWinnersButton
{
    margin-left:22px;
}

#championQuote .awardCategory
{
    background-position: 0 0;
}

#kittenQuote .awardCategory
{
    background-position: 0 -122px;
}

#adultQuote .awardCategory
{
    background-position: 0 -244px;
}

#seniorQuote .awardCategory
{
    background-position: 0 -366px;
}

#indoorQuote .awardCategory
{
    background-position: 0 -488px;
}
#finalistQuote .awardCategory,
#finalist .awardCategory
{
    background-position: 0 -610px;
}

#finalist
{
    background: url(../../Images/BoboAwards/Winners/winnerPromo/quotesBG.png) right top no-repeat;
    padding-top: 110px;
    height: 230px;
    position:relative;
}

#finalist h2
{
    margin-left: 61px
}

#finalist .backToWinnersButton
{
    margin-left:61px;
}

#finalist .awardCategory
{
    width: 120px;
    height: 122px;
    background-image:url(../../Images/BoboAwards/Winners/winnerPromo/winnerBadgeSprite.png);
    background-repeat: no-repeat;
    text-indent:-9999em;
    position:absolute;
    top: -42px;
    left: -61px;
}

#finalist .finalistContent
{
    position:relative;
}

#finalist #decoration
{
    width: 148px;
    height: 130px;
    background:url(../../Images/BoboAwards/Winners/winnerPromo/finalistDecorationBG.png) 0 0 no-repeat;
    position:absolute;
    bottom: 0;
    left: 35px;
}

#insideScoop
{
    height: 200px;
    position:relative;
}

#insideScoop #decoration
{
    width: 255px;
    height: 178px;
    background:url(../../Images/BoboAwards/Winners/winnerPromo/getTheScoopBG.png) left bottom no-repeat;
    position:absolute;
    left: -20px;
    bottom: 10px;
}

#insideScoop #insideScoopContent
{
    width: 245px;
    position:absolute;
    top:0;
    right: 0;
    z-index:100;
}

#insideScoop h2
{
    font-size: 1.6em;
}

#insideScoop #stayInTouch
{
    
}

#insideScoop #stayInTouch a
{
    width:133px;
    height: 32px;
    background:  url(../../Images/Buttons/btnStayInTouch.png) 0 0 no-repeat;
    text-indent: -9999em;
    display: block;
}

.winnerShowcase
{
    -moz-box-shadow: black 0 0 10px;
    -webkit-box-shadow: black 0 0 10px;
}
    
/*reduced packaging*/

#reducedPackagingContent
{
    overflow:hidden;
}

#reducedPackagingContent .hint
{
    color: #505050;
}

#reducedPackagingContent .smallPrint,
#pageHome .smallPrint,
.sectionRange  .smallPrint
{
    font-size: 0.85em;
    margin-left: 30%;
    margin-top: 0.5em;
    text-align:right;
    font-style: italic;
}
.sectionRange  .smallPrint
{
    margin-top: 20px;
}
#pageHome .smallPrint
{
    text-align:left;
    width: 450px;
    margin-left: 42px;
}

#reducedPackagingContent #copy
{
    width: 435px;
    float: left;
    margin-left: 44px;
    display: inline;
}

#reducedPackagingContent #decoration
{
    width: 523px;
    float: right;
    margin-right: 15px;
    display: inline;
}

#reducedPackagingContent h3
{
    font-size:1.7em;
    margin-bottom: 0;
}

#reducedPackagingContent #reducedPackagingFeatures li
{
    padding: 3px 0 3px 85px;
    background-repeat: no-repeat;
}

#reducedPackagingContent #reducedPackagingFeatures #feature01
{
    background-image: url(../../Images/ReducedPackaging/feature01BG.png);
    background-position: 5px center;
}

#reducedPackagingContent #reducedPackagingFeatures #feature02
{
    background-image: url(../../Images/ReducedPackaging/feature02BG.png);
    background-position: 0 center;
}

#reducedPackagingContent #reducedPackagingFeatures #feature03
{
    background-image: url(../../Images/ReducedPackaging/feature03BG.png);
    background-position: 10px center;
}

#reducedPackagingContent #heading
{
    width:369px;
    height: 105px;
    background:url(../../Images/ReducedPackaging/heading.png) 0 0 no-repeat;
    text-indent: -9999em;
    margin: 0 0 0.3em 0;
}

/*lifestyle guide - externally hosted application in iframe*/
#lifestyleGuide
{
    text-align:center;
    position:relative;
    margin-bottom:1em;
}

#lifestyleGuide #decoration
{
    width: 362px;
    height: 373px;
    background: url(../../Images/Lifestyleguide/bobo.png) 0 0 no-repeat;
    position: absolute;
    bottom: -50px;
    right: -88px;
}
.pageLifestyleGuide  #guideIntro,
.pageLifestyleGuide  #social
{
    width: 770px;
    margin: 0 auto;
}

/*ecards*/

#ecardPrimaryContent
{
    overflow: hidden;
    margin-bottom: 1em;
    width: 960px;
    margin-left: 64px;
    min-height:400px;
}

#ecardPrimaryContent #mainContent
{
    width: 570px;
}

#ecardsList   
{
    margin-bottom: 39px; 
    margin-top: 211px; 
}

#ecardsList li
{
   float: left;
   margin-right: 28px;
   width: 283px;
}

#ecardsList li.last
{
   margin-right: 0;
}

#ecardsList a, .dirL, .dirR, .dirLX
{
    display: block;
    float: left;
    margin-right: 10px;
    background: url(../../Images/Ecards/ecardNavRhd.png) top left no-repeat;
    width: 93px;
    height: 26px;
    color: #fff;
    padding-right: 28px;
    padding-left: 10px;
    padding-top: 4px;
}

#ecardsList a:hover, .dirL:hover, .dirR:hover, .dirLX:hover,
#ecardsList a:visited, .dirL:visited, .dirR:visited, .dirLX:visited
{
    color: #fff;
    text-decoration:none;
}

.dirL {
    background: url(../../Images/Ecards/ecardNavLhd.png) top left no-repeat;   
    padding-left: 28px;
    padding-right: 10px;    
}

.dirLX {
    background: url(../../Images/Ecards/ecardNavLhdExt.png) top left no-repeat;   
    padding-left: 28px;
    padding-right: 10px;  
    width: 122px;  
}

#ecardsList .figure .caption {
    color: #CB0017;
    font-family: Georgia, Arial, Verdana, sans-serif;
    font-size: 1.6em;
    margin-bottom: 0.3em;
    margin-top: 0.7em;   
    display: block; 
}

.chooseAnEcard #ecardPrimaryContent {
    background: url(../../Images/Ecards/chooseACard.png) top left no-repeat;    
}

.ecardNav {
    padding-top: 1em; 
    margin-bottom: 55px;  
}

.sendToFriend fieldset {
    border: none; 
}

.sendToFriend .cufonReplace {
    display: block;
    font-size: 1.3em;
    clear: left;    
}

.sendToFriend  br { display: none; }

.sendToFriend .text {
    display: block;
    width: 290px; 
    margin-bottom: 12px;  
}

.sendToFriend .textarea {
    height: 80px;   
    font-family:Arial, Sans-Serif;
    font-size: 1em; 
}

.sendToFriend .inputGroup {
    position: relative;
    margin-top: 8px;
}

.sendToFriend .inputRadGroup {
}

.sendToFriend .inputGroupCaptcha {
    padding-left: 0;     
}

.sendToFriend .inputGroupCaptcha label {
    display: block;     
}

#ecardForm
{
    float:right;
    width: 300px;
    margin-top:63px;
}

#ecardMainPresentation
{
    width:632px;
    float:left;
}

.captchaMessage {
    font-size: 1.4em;
    margin-bottom: 12px; 
    padding-top: 6px; 
}

.sendToFriend .inputGroupCaptcha img {
    display: block; 
    margin-bottom: 8px;   
}

.sendToFriend .inputRadGroup input {
   display:inline;
}

.sendToFriend .inputRadGroup span
{
    
}

.labelGroup .cufonReplace 
{
    float: left;  
}

.labelGroup .hint,
.jqEasyCounterMsg
{
    float: right;  
    display: block;
    margin-right: 5px;
    color: #505050
}

.jqEasyCounterMsg
{
    margin-top:-18px;
    color: #505050 !important;
}

#ecardPreview
{
    position:relative;
}

#tag
{
    background:url(../../Images/Ecards/tagBG.png) 0 0 no-repeat;
    width: 387px;
    height:236px;
    position:absolute;
    top: 10px;
    right:10px;
}

#tag #tagContent
{
    width: 242px;
    height: 132px;
    position: absolute;
    top: 30px;
    right: 20px;
    color: #c9061b;
}

.showEcard .ecardNav 
{
    margin-bottom:107px;
}

.line, .lastUnit {overflow: hidden;_overflow:visible;_zoom:1;}
.unit{float:left;_zoom:1;}
.unitExt{float:right;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}

#indoorCoupon {
	margin-left: 48px;
	padding: 18px 18px 0;
}

/*satisfaction*/
#satisfaction .genericForm h2
{
    font-family: Arial,Verdana,sans-serif;
    font-size: 1em;
    margin-bottom: 1em;
}

#satisfaction .genericForm label
{
    text-align: left;
    width: 167px;
}

#satisfaction .genericForm .uiButtons
{
    margin-left: 180px;
}

#satisfactionLogo
{
    display: none;
}

.pageSatisfaction #decoration {
    display: none;
}

#satisfaction textarea
{
    font-family:Arial,Verdana,sans-serif;
    font-size: 1em;
}

#satisfaction #standfirst
{
    width: 500px;
}

#satisfaction #filter
{

    margin-bottom: 1em;
}

#satisfaction #filter input
{
    float: left;
    margin-right: 5px;
}

#satisfaction #filter .field
{
    margin-bottom: 0.5em;
}

#satisfaction #filter fieldset
{
    border: 0 none;
}

#satisfaction #addresses
{
   
}

#satisfaction #printForm
{
   
}

#satisfaction #printFormInstuctions
{
    margin-left: 64px;
    position: relative;

    width: 550px;
}

#satisfaction #footnote
{
    margin-left: 1.2em;
}

#satisfaction .genericForm p
{
    margin-left: 0;
}

#satisfaction .required
{
    color: #CB0017;
}

#facebook-share-button
{
    position: absolute;
    right: 0;
    top: 560px;
    z-index: 100;
}

/*temp hide twitter links as not working. Possible Twitter API change - S Johnston 02/06/11*/
#twitter
{
    display: none;
}

/*fun and games landing page*/

.pageFunAndGames #primaryContent
{
    min-height:1px;
}

.pageFunAndGames #standfirst
{
    width: 90%;
    margin: 0 auto;
    position:relative;
    height: 500px;
}

.pageFunAndGames #copy
{
    bottom: 15px;
    position: absolute;
    right: 101px;
    width: 651px;
}

.pageFunAndGames #decoration
{
    width: 625px;
    height: 370px;
    background: url(../../Images/Fun/decoration.png) 0 0 no-repeat;
    z-index:0;
    position: absolute;
    top: 10px;
    left: -22px;
}

.pageFunAndGames #funLinks
{
    width: 389px;
    height: 390px;
    position: absolute;
    top: -40px;
    right: 0;
}

.pageFunAndGames #funLinks li a
{
    background-image: url(../../Images/Fun/funSprite.png);
    background-repeat: no-repeat;
    text-indent: -9999em;
}

.pageFunAndGames #funLinks #linkHallOfFame a
{
    width: 300px;
    height: 183px;
    position: absolute;
    top: 0;
    left: 15px;
    background-position: -15px 0;
}

.pageFunAndGames #funLinks #linkGoCatOnTV a
{
    width: 150px;
    height: 117px;
    position: absolute;
    top: 183px;
    left: 15px;
    background-position: -15px -183px;
    z-index: 100;
}

.pageFunAndGames #funLinks #linkPlayCatGames a
{
    width: 224px;
    height: 207px;
    position: absolute;
    top: 165px;
    left: 183px;
    background-position: -165px -183px;
}