body {
	font-family: 'Trebuchet MS', Verdana, Arial, Helvetica;
	text-align: center;
}


div.header ul {
	width: 770px;
	height: 49px;
}
p {
	line-height: 1.3em;
}
a {
 	color: #fc0019;
}
h1 {
	width: 230px;
	height: 40px;
}
div.content {
	/*background-image: url(../img/page/grass.jpg); */
	text-align: center;
	margin-top: 10px;
}
div.header {
	background-image: url(../img/page/smarties_top.jpg);
	overflow: hidden;
	
}
div.wrap {
	/*background-image: url(../img/page/smarties_top.gif); */
}
div.bodywrap {
	background-image: url(../img/page/smarties_top.jpg);
}
div.header div.holder {
	margin: auto;
	width: 770px;
	overflow: hidden;
}

html>body div.holder
{
    padding-left: 3px;
}

div.header ul li#home {
	width: 97px;
}

* html div.holder
{
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/headings/smartieslogo.png', sizingMethod='crop');
}
div.header ul 
{
    overflow: hidden;
    zoom: 1;
}
/* Extra class to realign the image */
div.header ul li#home a {
	background-position: 0px 0px;
	width: 97px;
}

div.header ul li#home a:hover span, div.header ul li#home a.selected span{
	background-position: 0px 50px;
}

div.header ul li#products {
	width: 97px;
	padding-left: 1px;
}

div.header ul li#products a {
	width: 97px;
}
div.header ul li#products a span {
	background-position: -98px 0px;
	width: 97px;
}
div.header ul li#products a:hover span, div.header ul li#products a.selected span{
	background-position: -98px 50px;
}

div.header ul li#tvads {
	width: 103px;
	margin-left: 5px;
}

div.header ul li#tvads a {
	width: 103px;
}
div.header ul li#tvads a span {
	background-position: -200px 0px;
	width: 103px;
}
div.header ul li#tvads a:hover span, div.header ul li#tvads a.selected span{
	background-position: -200px 50px;
}

div.header ul li#fun {
	width: 94px;
	margin-left:171px;
}

div.header ul li#fun a {
	width: 96px;
}
div.header ul li#fun a span {
	background-position: -473px 0px;
	width: 96px;
}
div.header ul li#fun a:hover span, div.header ul li#fun a.selected span{
	background-position: -473px 50px;
}

div.header ul li#contact {
	width: 95px;
	margin-left: 5px;
}

*html div.header ul li#contact {
	width: 95px;
	margin-left: 4px;
}

div.header ul li#contact a {
	width: 95px;
}

div.header ul li#contact a span {
	background-position: -573px 0px;
	width: 95px;
}
div.header ul li#contact a:hover span, div.header ul li#contact a.selected span{
	background-position: -573px 50px;
}

div.header ul li#register {
	width: 92px;
	margin-left: 4px;
}

div.header ul li#register a {
	width: 92px;
}

div.header ul li#register a span {
	background-position: -672px 0px;
	width: 92px;
}

*html div.header ul li#register a span 
{
   background-position: -674px 0px;
}

div.header ul li#register a:hover span, div.header ul li#register a.selected span{
	background-position: -672px 50px;
}

*html div.header ul li#register a:hover span, div.header ul li#register a.selected span{
	background-position: -674px 50px;
}
div.header ul li a:hover {
	color: #000;
}
div.footer {
	border-top: 5px solid #0b3889;
	font-size: 0.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../img/backgrounds/footer.jpg);
	background-repeat: repeat-x;
	height: 125px;
	background-color: #fff;
}

*html div.footer {margin-top: -30px;}
*+html div.footer {margin-top: -30px;}
h2 {
	color: #fff;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	font-size: 1.8em;
}
h3 {
	margin: 0px;
	padding: 0px;
	color: #fff;
	font-size: 1.4em;
	padding-top: 10px;
}
div.bod {
	padding-left: 12px;
	padding-right: 12px;
}
p {
	color: #fff;
	display: block;
	margin: 0px;
	padding: 0px;
	font-size: 0.9em;
}
p.red {
	color: #fff;
}

div.ad_desc p {
	font-weight: bold;
}
div#commercialsplayer {
	float: left;
	margin-right: 10px;
	position: relative;
	overflow: hidden;
}
div#commercialsplayer img {
	margin-left: auto;
}
div.ad_desc {
	width: 200px;
}
div.ad_desc p {
	margin-left: 14px;
}
ul.proul, ul.proul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.proul li {
	float: left;
	margin-right: 10px;
	width: 156px;
	text-align: center;
}
ul.proul li img {
	margin: auto;
	
}
ul.proul.larger li {
	width: 156px;
}

div.prodlist h3, div.secondprodlist h3 {
	font-size: 1.3em;
	font-weight: normal;
	text-align: left;
	padding-left: 20px;
	padding-bottom: 20px;
}
div.prodlist div.left {
	width: 510px;
	float: left;
}
div.prodlist div.left_christmas {
	width: 510px;
	float: left;
	background-image:url("../img/products/christmas/chrismtas_bg.jpg");
	background-position:bottom;
}
div.prodlist div.right {
	width: 220px;
	float: left;
}
div.prodlist h2 {
	font-size: 1.5em;
	margin-bottom: 6px;
	text-align: center;
}
div.prodlist h4 {
	color: #fff;
	font-size: 1.2em;
	padding-left: 10px;
	font-weight: normal;
}
div.prodlist h3 a{
	color: #fff;
	text-decoration: none;
}
div.prodlist h3 a:hover, div.prodlist li.Hover h3 a {
	text-decoration: underline;
}
div.prodlist {
	margin-top: 20px;
	padding-bottom: 30px;
}
div.secondprodlist 
{
    zoom: 1;
    position: relative;
}

div.secondprodlist div.left {
	width: 530px;
	float: left;
	overflow: visible;
}
div.secondprodlist div.left_christmas {
	width: 530px;
	float: left;
	overflow: visible;
}
div.secondprodlist div.right {
	width: 200px;
	float: left;
	margin-left: 4px;
}

div.secondprodlist div.greeninfo {
	width: 167px;
	float: left;
	margin-left: 24px;
}

div.leftblueisback 
{
    width: 425px;
	float: left;
	overflow: visible;
	margin-bottom: 30px;
	}
	
div.historycurve {background-image: url(../img/page/history_curve.gif); background-repeat: no-repeat; position: relative; overflow: hidden; background-position: 25px 0px; margin-top: 25px;}

div.yearglobal {padding-bottom: 50px;}
div.yearglobal2 {padding-left: 20px; padding-bottom: 50px;}
div.historycurve div.year {width: 52px; height: 24px; background-image: url(../img/page/yearsmartie.gif); color: #fff; padding-left: 20px; font-weight: bold; float: left; position: relative; overflow: hidden; background-repeat: no-repeat; }
div.historycurve div.year h3{font-size: 1em; padding: 0; padding-left: 12px; padding-top: 2px;}
div.yeartext {font-weight: bold; font-size: 1.1em;}
div.yearglobal div.yeartext {float: left; position: relative; margin-left: 10px; width: 330px;}
div.yearglobal2 div.yeartext {float: left; position: relative; margin-left: 10px; width: 300px;}
div.rightblueisback 
{
    width: 300px;
	float: left;
	overflow: visible;
	}
*html div.rightblueisback {padding-bottom: 0px;}
*html div.funstufffix {margin-top: -0px;}
*+html div.funstufffix {margin-top: 0px;}

div.prodtextleft {
	width: 310px;
	float: left;
	padding-left: 10px;
}
div.prodtextleft p {
	color: #fff;
	margin-top: 16px;
	font-size: 1em;
}
div.prodshot {
	float: left;
	width: 204px;
}

div.secondprodlist h3 {
	font-size: 1.2em;
	font-weight: bold;
	padding-left: 12px;
	color: #fff;
}

div.secondprodlist h5 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 1.1em;
	color: #fff;
	padding-left: 10px;
	padding-top: 12px;
	padding-bottom: 20px;
}
div.secondprodlist div.right h2 {
	background-image: url(../img/backgrounds/redsideheader_nut.gif);
	background-color: transparent;
}

div.secondprodlist div.greeninfo h2 
{
    background-image: url(../img/backgrounds/brocolliheader.gif);
	background-color: transparent;
	padding-bottom: 87px;
	position: relative;
	z-index: 100;
}

div.secondprodlist div.greeninfo h2 img
{
    position: absolute; top: -10px; left: 0px;
}

div.inner table 
{
    width: 95%;
    margin: 0px auto;
    background-color: #1b3687;
}
div.inner table td, div.inner table th {
	color: #1b3587;
	font-weight: bold;
	text-align: left;
	font-size: 0.9em;
	vertical-align: top;
	padding: 6px 2px;
}
div.inner table td {
	background-color: #fff;
}
div.inner table th 
{
    color: #fff;   
}

div.greeninfo div.inner {background-color: #99CA4D; margin-top: 1px; padding: 15px;}
*html div.greeninfo div.inner {padding-right: 10px;}
div.greeninfo div.inner img {border: #fff 1px solid; margin-left: -15px;}
div.greeninfo div.inner a {font-size: 1.1em; font-weight: bold; color: #FFF100; text-decoration: none; background-image: url(../img/backgrounds/yellowarrow.gif); background-repeat: no-repeat; background-position: left center; padding-left: 15px; padding-top: 2px;}
div.greeninfo div.inner a.noimage {background-image: none!important;}
.per {
	width: 60px;
}
div.greeninfo div.inner img a {background-image: none; margin-left: -20px;}
div.gen_con.contact div.in {
	padding-left: 22px;
}

div.in h2, h3 
{
    color: #f00;
}

div.in p 
{
    color: #0E2A8B;
}

form.contact {
	width: 480px;
	margin: 0px;
	padding: 0px;
	padding-bottom: 40px;
	margin-left: 130px;
}
form.contact p.big {
	font-size: 1em;
	margin-bottom: 16px;
	margin-top: 12px;
	font-weight: bold;
}
form.contact h3 {
	margin-bottom: 12px;
	margin-top: 12px;
	font-size: 1.3em;
	font-weight: normal;
}
div.homepage {
	padding-left: 12px;
	padding-right: 10px;
}
div.homepagegofree, div.homepagetelly, div.homepagepinkpanel, div.homepagegreenpanel, div.homepageorangepanel, div.homepagepollpanel, div.tvadspanel {
	width: 535px;
	float: left;
	margin-right: 10px;
}

div.tvadspanel 
{
    width: 510px;
    position: relative;
}

div.homepagegreenpanel730 
{
    width: 730px;
}

div.homepagetelly {
    width: 168px; background-repeat: no-repeat; background-position: 0px 0px; background-color: #fff;
	}
	
div.homepagetelly p {
    padding-top: 50px;
	padding-left: 10px;
}

/*Added panel for pink and green and Panel*/
div.homepagepinkpanel, div.homepagegreenpanel, div.homepagepollpanel {width: 359px;}
* html div.homepagegreenpanel {overflow: hidden; zoom: 1;}
div.blueisbackpinkpanel {width: 160px;}
div.homepagehalloweenpanel {width: 713px;}
div.homepageblueisbackpanel {width: 300px; padding-bottom: 30px;}
div.homepageblueisbackpanel p {color: #fff; font-weight: bold; padding-top: 30px; padding-left: 20px; padding-right: 70px; padding-bottom: 25px; font-size: 1.1em; line-height: 1.2em;}
div.homepageblueisbackpanel a {color: Yellow;}
div.homepageblueisbackpanel a:hover {color: #fff;!important}
div.blueisbackartgreenpanel {width: 255px; float: left; padding-right: 10px; position: relative; padding-bottom: 30px;}
*html div.blueisbackartgreenpanel {width: 255px; padding-bottom: 60px;}
*+html div.blueisbackartgreenpanel {padding-bottom: 90px;}

/*Added full column Panel*/
div.homepagefunpanel {width: 730px;}
div.productrangepanel {width: 530px; margin-bottom: 80px;}
div.productrangepanel2 {width: 730px; margin-bottom: 50px;}

div.homepagetv {
	width: 179px;
	float: left;
	top:-11px;
}

*html div.homepagetv {
	width: 168px;
}

div.gofreebox {
	padding-right: 260px;
	font-size: 1.1em;
	position: relative;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

*+html div.gofreebox 
{
    padding-bottom: 1px;
    margin-bottom: 0px;
}

*html div.gofreebox 
{
    padding-bottom: 1px;
    margin-bottom: 0px;
    padding-right: 170px;
}

div.gofreebox p {
	display: block;
	padding-left: 35px;
	padding-bottom: 30px;
	padding-right: 50px;
	font-size: 0.9em;
	color: #FFF;
	position: relative;
	z-index: 3;
}

*html div.gofreebox p {padding-right: 50px; padding-right: 70px;}

div.gofreebox h3 {
	padding-left: 16px;
	font-size: 1.45em;
	padding-bottom: 4px;
}

div.gofreebox2 {
	font-size: 1.1em;
	position: relative;
	padding-bottom: 63px;
	margin-bottom: 35px;
}

*+html div.gofreebox2 
{
    padding-bottom: 63px;
    margin-bottom: 0px;
}

*html div.gofreebox2 
{
    padding-bottom: 63px;
    margin-bottom: 0px;
}

div.gofreebox2 p {
	display: block;
	padding-left: 25px;
	padding-bottom: 62px;
	padding-right: 0px;
	font-size: 1.1em;
	color: #FFF01E;
	font-weight: bold;
	padding-top: 40px;
	width: 130px;
}

div.gofreebox2 h3 {
	padding-left: 16px;
	font-size: 1.45em;
	padding-bottom: 4px;
}


div.gofreebox2 a {font-weight: lighter; text-decoration: none; font-size: 0.9em;}
div.gofreebox2 a:hover {text-decoration: underline;}









*+html div.gofreebox3
{
    padding-bottom: 0;
    margin-bottom: 0px;
	height:180px;
}

*html div.gofreebox3 
{
    padding-bottom: 0px;
    margin-bottom: 0px;
}

div.gofreebox3 {
	display: block;
	padding:30px 0 50px 0;
	font-size: 1.1em;
	color: #FFF01E;
	font-weight: bold;
	width: 179px;
	background:url("../img/products/product-promo.jpg") no-repeat;
}

div.gofreebox3 h3 {
	padding-left: 16px;
	font-size: 1.45em;
	padding-bottom: 4px;
}


div.gofreebox3 a {font-weight: lighter; text-decoration: none; font-size: 0.9em;}
div.gofreebox3 a:hover {text-decoration: underline;}










div.homepageprodr {
	margin-top: 14px;
	
}
div.boyswing {
	position: absolute;
	bottom: -45px;
	right: 0px;
	
}

div.choose {
	position: absolute;
	bottom: -8px;
	right: -10px;
	z-index: 3;
}

*+html div.choose {
	position: absolute;
	bottom: -23px;
	right: -1px;
}

*html div.choose {bottom: -23px; right: -1px;}

div.choose2 {
	position: absolute;
	top: 5px;
	right: -1px;
}

div.homepagestory {
	float: left;
	width: 227px;
	margin-right: 10px;
}
div.homepagen2st {
	float: left;
	width: 237px;
}
div.storytimebox {
	padding: 10px;
	background-image: url(../img/page/cows.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	overflow: hidden;
	width: 207px;
}
div.storytimebox h3, div.colouringinbox h3, div.homepageprodr h3 {
	margin: 0px;
	padding: 0px;
	font-size: 1.45em;
	padding-bottom: 14px;
}
div.storytimebox p {
	font-size: 1.3em;
	padding-bottom: 82px;
}
div.colouringinbox h3 {
 	padding-bottom: 4px;
 	
}
div.colouringinbox {
	padding: 10px;
	padding-right: 100px;
	background-image: url(../img/page/ridedonkey.gif);
	background-repeat: no-repeat;
	background-position: 80% 50%;
}
div.milkybarprods {
	padding: 10px;
	background-image: url(../img/page/milkyproducts.gif);
	background-repeat: no-repeat;
	background-position: 65% 50%;
}
div.milkybarprods {
	height: 86px;
	
}
div.milkybarprods h3{
	padding-bottom: 60px;
}
div.tvbox {
	padding: 10px;
	padding-left: 20px;
	padding-bottom: 9px;
	background-position: top center;
	background-repeat: no-repeat;
}
div.homepagetv {
	position: relative;
}
div.homepagetv p {
	margin-top: 0px;
	font-size: 1em;
}
/*div.tvbox img {
	position: absolute;
	top: 50px;
	left: 0px;
}*/
a.button {
	text-indent: -2000px;
	width: 18px;
	height: 18px;
	display: block;
	position: absolute;
	top: 14px;
	right: 14px;
	background-image: url(../img/page/button.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
div.tub {
	position: absolute;
	bottom: -20px;
	left: -8px;
	z-index: 4;
}


div.treatlink {
	position: relative;
	bottom: 0px;
	left: 6px;
	cursor: pointer;
	padding: 0 0 19px 0;
top:3px;
}

* html div.treatlink 
{
    padding-bottom: 72px;  
    margin-top: 4px; 
}

*+html div.treatlink 
{
    padding-bottom: 72px;  
    margin-top: 4px; 
}


div.faveslink {
	position: relative;
	bottom: 0;
	left: 6px;
	top:0px;
cursor: pointer;
}

* html div.tub {
	bottom: -57px;
}
div.homepagetelly {
	height: 16.5em;
}
a.button:hover {
	background-image: url(../img/page/buttonover.gif);
}
div.Hover a.button {
	background-image: url(../img/page/buttonover.gif);
}
div.homepagestory, div.homepagecolor, div.homepageprodr, div.homepagegofree, div.homepagetelly, div.homepagepinkpanel, div.homepagehalloweenpanel, div.blueisbackpinkpanel {
	position: relative;
}
/* For IE6 */

*html div.boxpink {position: relative; overflow: hidden;}
div.homepagecolor {
	overflow: hidden;
}
div.linkpanel {
	cursor: pointer;
}

a.redlink {
	background-image: url(../img/page/redlinkleft.gif);
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
	color: #fff;
	text-decoration: none;
	float: left;
	
}
a.redlink span {
	background-image: url(../img/page/redlinkright.gif);
	background-repeat: no-repeat;
	display: block;
	background-position: top right;
	padding: 5px 10px;
	font-size: 0.9em;
	
	
}

div.Hover a.redlink, a.redlink:hover {
	background-image: url(../img/page/bluelinkleft.gif);
}
div.Hover a.redlink span, a.redlink:hover span {
	background-image: url(../img/page/bluelinkright.gif);
}
div.barscontain {
	text-indent: -3000px;
	display: none;
}
div.barscontain ul {
	display: none;
}
div.homepagenutinfo {
	background-image: url(../img/page/nutinfo.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 130px;
	padding-top: 200px;
	overflow: hidden;
	margin-bottom: 40px;
	padding-bottom: 20px;
	zoom: 1;
}

div.funtvads {
	background-image: url(../img/page/watchads.gif);
	background-repeat: no-repeat;
	background-position: 20% 20%;
	height: 20em;
}
div.funtvads p {
	display: block;
	padding-left: 165px;
	padding-top: 10px;
	padding-right: 10px;
}
div.funtvads a {
	color: #0e2a8b;
	text-decoration: none;
}
div.funtvads a:hover, div.funtvads.Hover a {
	text-decoration: underline;
	color: #fc0019;
}
/*
div.Hover p {
	color: #fc0019;
}
*/
div.imgheading {
    margin: 0px 0px 0px 15px;
	padding-top: 15px;
}



div.boxorange .linkpanel.Hover p{
	color: #603813;
}

div.linkpanel.Hover p{
	color: #fff;
}


div.nr div.linkpanel.Hover p 
{
    color: #fc0019;   
}

li.linkpanel h3 
{
    color: #1B3587;
}

.gofreeboxblue{
	padding-top:20px;
	padding-bottom:8px;
}

.gofreeboxorange{
	padding-top:20px;
	padding-bottom:8px;
}



div.gofreeboxpink, div.gofreeboxgreen, div.gofreeboxorange, div.gofreeboxblue, div.gofreeboxpoll, div.tvadspadding, div.gofreeboxdownload {
	padding-right: 10px;
	font-size: 1.1em;
	position: relative;
	padding-bottom: 10px;
}

div.gofreeboxpink p, div.gofreeboxgreen p,  div.gofreeboxblue p, div.gofreeboxorange p {
	display: block;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-right: 10px;
	font-size: 0.9em;
	margin-bottom: 10px;
}

div.gofreeboxpink p 
{
    width: 140px;   
}

div.gofreeboxorange p {
	padding-top: 10px;
	padding-bottom: 20px;
	color: #603813;
}

div.gofreeboxorange p a {
	color: #603813;
}


div.gofreeboxblue p {
	padding-top: 10px;
	padding-bottom: 30px;
}

div.wingreatprize p
{
    display: block;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 1.2em;
	margin-bottom: 10px;
	padding-top: 50px;
	font-weight: bold;
}

div.gofreeboxdownload {padding: 50px; padding-left: 20px; padding-right: 80px; padding-bottom: 10px;}
div.gofreeboxdownload a {color: #fff600; position: relative; z-index: 2;}
div.gofreeboxdownload a:hover {color: #fff;}

div.gofreeboxpoll p 
{
    display: block;
    padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	text-align: center;
}

div.gofreeboxpink h3, div.gofreeboxgreen h3 {
	padding-left: 16px;
	font-size: 1.45em;
	padding-bottom: 4px;
}

div.gofreeboxpink h4, div.gofreeboxgreen h4, div.gofreeboxblue h4 {
	margin: 0px;
	margin-bottom: 10px;
	padding-left: 200px;
	padding-top: 10px;
	font-size: 1em;
	margin-top: 0;
	color: #fff11e;
}

div.gofreeboxpink h4 
{
    padding-left: 20px;
    padding-top: 30px;
}

div.gofreeboxgreenblueisback h4 {padding-left: 20px; color: #fff11e; font-size: 1em; padding-top: 20px;}

div.tvadspadding h2 
{
    padding-top: 40px;
}

div.tvadspadding p 
{
    color: #1B3587;
    margin-left: -10px;
    padding-bottom: 20px;
}

div.gofullwidth {
    padding-left: 10px;
	position: relative;
	padding-bottom: 100px;
	padding-top: 10px;
}
div.gofullwidth p, div.gofullwidth p a {
	display: block;
	padding-left: 16px;
	padding-bottom: 10px;
	padding-right: 10px;
	margin-top: -20px;
	font-size: 0.85em;
}

div.gofullwidth h3 {
	padding-left: 16px;
	font-size: 1.45em;
	padding-bottom: 4px;
}

div.gofullwidth h4, div.gofullwidth h4 a {
    color: #FFFF00!important;
    font-size: 1.1em;
    text-decoration: none;
}

*html div.gofullwidth h4 {
    color: #FFFF00;
    padding-top: 8px;
}

*+html div.gofullwidth h4 {
    color: #FFFF00;
    padding-top: 8px;
}

div.smartiestvheading, div.smartiesbigtv, div.smartiespartyheading {
    position: absolute; 
    top: -11px;
    left: 5px;
    bottom: 0px;
    z-index: 2;
}


div.smartiestvheading2 {
    position: absolute; 
    top: -10px;
    left: 2px;
    bottom: 0px;
    z-index: 2;
}



div.smartieseasterrangeheading 
{
    position: absolute; 
    top: -11px;
    left: 14px;
    bottom: 0px;
    z-index: 2;
}

div.smartieshaveyouseensheading {
    position: absolute; 
    top: -8px;
    left: 8px;
    bottom: 0px;
    z-index: 2;
}


div.smartiesviewheading { position: absolute; 
    top: -11px;
    left: 8px;
    bottom: 0px;
    z-index: 2;
}
div.smartiesdownloadheading {
    position: absolute; 
    top: -11px;
    left: 5px;
    bottom: 0px;
    z-index: 2;
}

*html div.smartiesdownloadheading {left: -8px;}

div.smartiesdownloadheading {}

div.smartiesbigtv 
{
    top: 30px;
    left: -20px;
}

div.smartiespartyheading {
    top: -10px;
}

div.smartiestelly {
float:left;
left:165px;
position:absolute;
top:5px;
z-index:1;
}

div.gofree2009 {
float:left;
right:5px;
position:absolute;
bottom:0px;
z-index:1;
}

*+html div.gofree2009 {
   bottom: 3px;
   right: 3px;
}

*+html div.smartiestelly {bottom: 8px;}
*html div.smartiestelly {bottom: 7px;}

*html div.gofree2009 {bottom: 3px;}

.smartiesArt{
	float: left;
	position: absolute;
	bottom: -5px;
	left: 0px;
	z-index: 1;
}

.quiz-text p {padding-bottom: 23px!important;}
.gofree-text {padding-top: 20px; padding-bottom: 10px; position: relative; z-index: 2;}
.gofree-text p {padding-bottom: 23px!important;}

*+html .smartiesArt{bottom: -1px;}
*html .smartiesArt {bottom: -2px;}

div.janeasherpic {
float:left;
left:195px;
position:absolute;
top:-10px;
z-index:1;
}

div.smartiesorange 
{
    float: right;
	position: relative;
	top: 12px;
	left: 0px;
	z-index: 1;
}

div.gofreeboxgreen div.smartiestelly {
	left: 20px;
}
div.smartiesbutton {
    width: 82px;
	height: 27px;
	display: block;
	background-image: url(../img/buttons/button_shiny.gif);
	background-repeat: no-repeat;
	margin-left: 20px;
	position: relative;
	z-index: 10;
}

div.gallerybutton {position: relative; left: 200px;}
*html div.gallerybutton {position: relative; left: 200px; bottom:10px;}

div.wingreatprize div.smartiesbutton {margin-left: 10px;}


div.smartiesbutton a {
   width: 82px;
   height: 22px;
   color: #fff;
   text-align: center;
   font-size: 0.8em;
   display: block;
   padding-top: 5px;
   text-decoration: none;
}

div.smartiesbutton a:hover {
   text-decoration: underline;
}

div.smartiesbuttonextend {margin-left: 20px; margin-top: -30px; position: relative;}

div.smartiesbuttonextend a {
	background-image: url(../img/buttons/button_shiny_left.gif);
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
	color: #fff;
	text-decoration: none;
	width: auto;
	float: left;
}
div.smartiesbuttonextend a {
   text-decoration: underline;
   cursor: hand!important;
}

*html div.smartiesbuttonextend a {width: 110px; float: none; text-align: center;}

div.smartiesbuttonextend a span {
	background-image: url(../img/buttons/button_shiny_right.gif);
	background-repeat: no-repeat;
	display: block;
	background-position: top right;
	padding: 5px 10px;
	font-size: 0.9em;
	cursor: hand;
	text-align: center;
}

div.wingreatprize div.smartiesbutton a {font-size: 1em; text-decoration: underline;}

div.gofreeboxgreenblueisback div.smartiesbutton {margin-left: 0px;}

div.fcontentpadding 
{
    height: 170px; overflow: visible;
}

* html div.fcontentpadding {
    padding-bottom: 20px;
}

*+html div.fcontentpadding {height: 190px;}


div.contentpadding {
    padding-top: 15px; padding-bottom: 0px; overflow: hidden; zoom: 1;
}

div.contentpadding3 {
    margin-top: 0px;
    padding-bottom: 0px;
}

* html div.contentpadding 
{
    padding-bottom: 15px;
    margin-top: -20px;
}

*+html div.contentpadding 
{
    padding-bottom: 0px;
}

div.contentpadding2 {
    overflow: visible; height: 160px; clear: both;
    padding-top: 15px;
}

*html div.contentpadding2 {
    overflow: visible; height: 160px; clear: both;
}

*+html div.contentpadding2 {margin-top: -20px; margin-bottom: 30px;}
*html div.contentpadding2 {height: 190px; margin-top: -20px;}

*html div.funstuff {margin-top: 10px;}
*html div.funstuff2 {margin-top: -20px;}
*+html div.funstuff {margin-top: 10px;}

div.floaticon {
    position: relative;
    display: block;
    float: left;
    width: 235px;
    height: 130px;
}


div.floaticonblock {
    float: left;
    width: 100px;
    padding-bottom: 60px;
    padding-right: 12px;
    padding-top: 15px;
}

*html div.floaticonblock {width: 95px; position: relative; overflow: hidden;}

div.floaticon h4 {margin-top: 15px;}

div.gofullwidth a {
    color: #003399 !important;
    font-size: 0.8em;
    font-weight: bold;
}

div.floattext {
    position: relative;
    float: left;
}

div.productrange {
    position: absolute; 
    top: -10px; 
    left: 0px;
    z-index: 5;
}

/* Fun Page */

div.smartiesway 
{
    padding-left: 235px;
}

div.smartiesway2 
{
    padding-left: 160px;
    position: absolute;
    top: 30px;
    left: 0;
}

div.gofreeboxgreen2
{
    padding-left: 45px;
    padding-right: 110px;
}

div.gofreeboxgreen2 p 
{
    font-size: 1em;
    font-weight: bold;
    color: #003399;   
}


div.toptenpartytips 
{
    position: absolute;
    right: 20px;
    top: 10px;
}

img.votepadding 
{
    padding-left: 35px;
}


div.votenow 
{
    margin-left: 130px;
}

div.height 
{
    height: 80px;
}

*html div.height 
{
    height: 200px;   
}

*+html div.height 
{
    height: 200px;   
}

div.productrangepanel p
{
    color: #fff;
    font-size: 0.9em;
    position: absolute;
    top: 80px;
    left: 0;
    display: block;
    width: 350px;
}

div.galleryIntro 
{
    color: #fff;
    font-size: 1em;
    position: absolute;
    top: 15px !important;
    left: 20px;
    display: block;
    width: 410px !important;
}

div.galleryIntro p {width: 400px!important;}

#artGallery{
	text-align:center;
	width:730px;
	height:425px;
	margin:0px 0px 100px 0px;
}

div.smartiesartpaneltext {margin-bottom: 0px; padding-right: 0px!important;}

div.smartiesartpaneltext p 
{
    font-size: 1em;
    font-weight: bold;
    color: #FFF; 
    position: relative;
    top: 70px;
    left: 150px;
    padding-bottom: 120px;
    width: 550px;
}

div.smartiesart2 div.gofreebox {padding-right: 20px!important;}

div.smartiesart p 
{
    width: 300px; 
    left: 150px;
    top: 50px;
}

div.smartiesart2 {width: 730px;}

div.smartiesartpic {position: absolute; top: 20px; left: 30px;}

div.smartiesart h2.getcreative {position: absolute; top: 20px; left: 160px;}
*html div.smartiesart h2.getcreative {position: relative; top: -110px; left: 160px;}
div.smartiesart h2.gallery {position: absolute; top: 20px; left: 180px;}

.reducepadding 
{
    padding-bottom: 10px;
}

div.right 
{
    margin-top: -10px;
}

*html div.iefix 
{
    left: -300px;
}

div.drop h4 {width: 90%; margin: 1px auto;}

table.partypage {
	width: 100%;
	padding: 0px;
	margin: 0px;
}
table.partypage tr td {
	padding: 10px;
	vertical-align: top;
	
}
table.partypage tr td p {
	color: #003399;
	margin-top: 18px;
}
table.partypage tr td.areal {
	width: 160px;
}
table.partypage tr td.areal p {
	margin-top: 10px;
}
table.partypage tr.areal td {background-color: #FAFCF7;}
table.partypage tr.pink td {
	background-color: #fdf4f9;
}

table.partypage2 {
	width: 100%;
	padding: 0px;
	margin: 0px;
}

*+html table.partypage2 {
    margin-top: -20px;
}
table.partypage2 tr td {
	padding: 10px;
	vertical-align: top;
	
}
table.partypage2 tr td p {
	color: #003399;
	margin-top: 18px;
	font-weight: bold;
	font-size: 1.1em;
	padding-right: 200px;
	padding-left: 30px;
}
table.partypage2 tr td.areal {
	width: 160px;
}
table.partypage2 tr td.areal p {
	margin-top: 10px;
	font-weight: bold;
}
table.partypage2 tr.areal td {background-color: #FAFCF7;}
table.partypage2 tr.pink td {
	background-color: #fdf4f9;
}

*html table.partypage2 {margin-top: -80px;}
div.next5tips, div.next5tips.previous {
	overflow: hidden;
	zoom: 1;
}

*html div.next5tips {padding-bottom: 30px;}
div.next5tips a {
	display: block;
	float: right;
	margin-bottom: 15px;
}
div.next5tips.previous a {
	float: left;
}
* html div.lessbottom, *+html div.lessbottom {
	padding-bottom: 20px !important;
}
div#poll, div#poll_results {
	background-image: url(../img/poll.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 150px;
	width: 730px;
}
div#poll div.whichfav, div#poll_results div.whichfav {
	text-align: center;
}
div#poll div.whichfav img, div#poll_results div.whichfav img {
	margin: auto;
}
div#poll ul, div#poll_results ul {
	width: 560px;
	margin: auto;
	margin-top: 2px;
}
div#poll ul {
	overflow: hidden;
}
div#poll_results  {
	overflow: hidden;
}
* html div#poll ul, * html div#poll_results ul {
	margin-top: 6px;
}
*+html div#poll ul, *+html div#poll_results ul {
	margin-top: 6px;
}
div#poll ul li, div#poll_results ul li{
	float: left;

}
div#poll ul li, div#poll_results ul li {
	display: block;
	width: 80px;
	height: 46px;
}
div#poll_results ul li strong {
	display: none;
}
div#poll_results ul li {
	position: relative;
}
div#poll_results ul li span {
	position: absolute;
	top: 45px;
	text-align: center;
	width: 80px;
	left: 0px;
	color: #fff;
	font-weight: bold;

}
div#poll ul li a {
	display: block;
	width: 80px;
	height: 46px;
	text-indent: -3000px;
}
div#poll ul li a#brown, div#poll_results ul li#brown_off {
	background-image: url(../img/votebuttons/brown.jpg);
}
div#poll ul li a#brown:hover {
	background-image: url(../img/votebuttons/brown_over.jpg);
}
div#poll ul li a#green, div#poll_results ul li#green_off {
	background-image: url(../img/votebuttons/green.jpg);
}
div#poll ul li a#green:hover {
	background-image: url(../img/votebuttons/green_over.jpg);
}
div#poll ul li a#orange, div#poll_results ul li#orange_off {
	background-image: url(../img/votebuttons/orange.jpg);
}
div#poll ul li a#orange:hover {
	background-image: url(../img/votebuttons/orange_over.jpg);
}
div#poll ul li a#pink, div#poll_results ul li#pink_off {
	background-image: url(../img/votebuttons/pink.jpg);
}
div#poll ul li a#pink:hover {
	background-image: url(../img/votebuttons/pink_over.jpg);
}
div#poll ul li a#purple, div#poll_results ul li#purple_off {
	background-image: url(../img/votebuttons/purple.jpg);
}
div#poll ul li a#purple:hover {
	background-image: url(../img/votebuttons/purple_over.jpg);
}
div#poll ul li a#red, div#poll_results ul li#red_off {
	background-image: url(../img/votebuttons/red.jpg);
}
div#poll ul li a#red:hover {
	background-image: url(../img/votebuttons/red_over.jpg);
}
div#poll ul li a#yellow, div#poll_results ul li#yellow_off {
	background-image: url(../img/votebuttons/yellow.jpg);
}
div#poll ul li a#yellow:hover {
	background-image: url(../img/votebuttons/yellow_over.jpg);
}

img.swirl {
 	position: absolute;
 	right: 0px;
 	z-index: 3;
}
img.swirl2 {
 	position: absolute;
 	left: 0px;
}
div.nrplaceholder {position: relative; width: 770px;height: 0px;}
div.nrbutton {position: absolute; top: 10px; right: 0px;}

*html div.fix30px {margin-top: 20px;}

.rangelink {position: relative; z-index: 2;}

div.prodisback p {color: #fff!important; font-weight: lighter!important; padding-right: 70px!important; position: relative; z-index: 2;}
*html div.prodisback p {padding-right: 140px!important;}
*+html div.minusmargin {margin-top: -20px;}

div.gofreeboxgreenblueisback p {padding: 70px 20px 50px 20px; font-size: 1.1em; font-weight: bold;}
div.gofreeboxgreenblueisback div.smartiesbutton {margin-left: 20px;}
div.gofreeboxgreenblueisback div.smartiesbutton a {font-size: 1em; text-decoration: underline;}
div.flashart {padding-bottom: 30px; margin-top: -40px;}
div.flashart div {border-top: #0E2A8B 1px solid; padding-bottom: 20px;}
div.flashart h2, div.flashart h3 {color: #0E2A8B;}
div.flashart h2 {font-size: 1.2em; margin-left: 10px; font-weight: bold; padding-bottom: 10px;}
div.flashart p {margin-left: 10px;}
div.foodart {position: relative; float: right; top: -10px;}

div.competitiontext {width: 400px; padding-bottom: 30px;}
*html div.competitiontext {width: 400px; padding-bottom: 0px; margin-bottom: 0px;}
*+html div.competitiontext {width: 400px; padding-bottom: 0px;}
div.competitiontext p {font-size: 1.2em; font-weight: bold; margin-top: 20px;}
div.competitiontext a {color: #99CA4D;}
div.competitiontext ol {color: #0E2D8A; list-style: decimal!important; padding-bottom: 15px; font-size: 1.1em; font-weight: bold;}
*html div.competitiontext ol {color: #0E2D8A; list-style: decimal!important; padding-bottom: 15px; font-size: 1.1em; font-weight: bold;}
*+html div.competitiontext ol {color: #0E2D8A; list-style: decimal!important; padding-bottom: 15px; font-size: 1.1em; font-weight: bold;}
div.competitiontext ul li {list-style: none; margin-left: -40px; color: #0E2D8A; font-size: 1.2em; font-weight: bold; padding-bottom: 5px;}
div.nrmore {padding-bottom: 30px; padding-top: 30px; clear: both;}
*html div.nrmore {padding-bottom: 60px}
*+html div.nrmore {padding-bottom: 60px;}
img.getcreative {margin-left: -2px; margin-top: -1px;}
div.clickherecreative {position: relative; top: 20px; left: 120px; padding-bottom: 70px; width: 100px;}

div.blueisbackgamewrap {float: left; width: 760px; padding-bottom: 50px;}
div.blueisbackgame {float: left; width: 520px; display: block; padding: 5px; padding-top: 0px;}
div.sendgame {margin-left: 12px; width: 170px; display: block; float: left;}
div.sendgamefriend p {width: 130px;}
div.sendfriend {padding-right: 0px!important; width: 170px; position: relative; overflow: hidden;}
div.sendafriendheader {position: relative; top: -7px;}
span.extendblue {width: 95px; background-image: url(../img/buttons/button_shiny_right2.gif)!important;}
div.findoutmore {padding-bottom: 50px!important; padding-top: 50px; position: relative; z-index: 4; text-align: center;}
*html div.findoutmore {padding-bottom: 20px!important;}

span.blueright { background-image: url(../img/buttons/button_shiny_right3.gif)!important; width: 130px;}

/* SEND TO A FRIEND FORM */

div.sendtoafriend {width: 700px;}
*html div.sendtoafriend {padding-bottom: 30px;}
*+html div.sendtoafriend {padding-bottom: 30px;}
div.sendtoafriend div.gofreebox p {width: 200px;}
div.sendtoafriend img.swirl {bottom: 8px;}
*+html div.sendtoafriend img.swirl {bottom: 4px;}
div.sendtoafriend div.choose {bottom: -15px;}
*+html div.sendtoafriend div.choose {bottom: -12px;}
*html div.sendtoafriend img.swirl {bottom: 81px;}
*html div.sendtoafriend div.choose {bottom: 70px;}

div.facebook {margin-left: 10px;}
*html div.facebook {margin-top: 30px;}
*+html div.facebook {margin-top: 30px;}

/* New Smarties Amends */

div.noartificial {
    position: absolute; 
    top: 0px; 
    left: 0px;
    z-index: 2;
}

* html div.gofreebox p {padding-right: 150px;}


/* christmas */
a.christmasBanner 
{
	display: block;
	background-image: url(../img/christmas/banner.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	margin-top: 35px;
	color: #fff;
	text-decoration: none;
	padding-left: 32px;
	padding-right: 550px;
	padding-bottom: 60px;
	padding-top: 110px;
}
div#snow 
{	
	background-image: url(../img/christmas/snowbg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}
ul#christmasproducts
{
	overflow: hidden;
	zoom: 1;	
	margin-left: 50px;
}
ul#christmasproducts li 
{
	float: left;
	width: 220px;
	height: 234px;
	
}

/*--------------------------- New Smarties amends ------------------------------- */

div.message {
    background-image: url(../img/home/gradb.jpg);
    background-repeat: no-repeat;
    display: block;
    position: relative;
    height: 180px;
    top: 1px;
}

div.message h3 
{
    background-image: url(../img/home/brightcolours.gif);
    background-repeat: no-repeat;
    display: block;
    width: 200px;
    height: 300px;
    position: absolute;
    top: 75px;
    left: 20px;  
}
div.message h3 span 
{
    display: block;
    text-indent: -10000px;   
}

div.recipes p {display: block; width: 155px; position: relative; top: 20px;  font-family: Arial, Helvetica, Sans-Serif; margin-bottom: 55px;}
div.recipes a {color: #fff; font-weight: bold; font-family: Arial, Helvetica, Sans-Serif;}

div.easterbg p {display: block; width: 130px; position: relative; top: 20px;  font-family: Arial, Helvetica, Sans-Serif; color: #67802c;}
div.linkpanel div.easterbg a, div.linkpanel div.easterbg a:hover, div.linkpanel div.easterbg p {color: #67802c!important;}
div.easterbg {background-image: url(../img/backgrounds/easterbg.jpg);
    background-repeat: no-repeat;
    width: 148px;
    height: 120px;
    }
    
div.easterbg p {display: block; width: 140px; position: relative; top: 50px; padding-bottom: 30px; font-family: Arial, Helvetica, Sans-Serif;}

div.linkpanel div.easterorange p {color: #603813!important;}
    
div.easterbl {
    background-image:url(../img/backgrounds/easterbg_bottom.jpg);
    background-position:left bottom;
    background-repeat:no-repeat;
    background-position: 0px 10px; 
}

div.eastertr 
{
   background-image:url(../img/backgrounds/easterbg_right.jpg);
   background-repeat: no-repeat;
   background-position: top right;   
}

div.eastergreen 
{
   background-image:url(../img/backgrounds/eastergreen.jpg);
   background-repeat: no-repeat;
   background-position: top right;   
}

div.easterbr 
{
   background-image:url(../img/backgrounds/eastergreenbr.jpg);
   background-repeat: no-repeat;
   background-position: top right;  
}

div.easterproducts 
{
   position: absolute; 
   float: right; 
   top: -20px; 
   right: 0px;  
}

div.foodartwrap 
{
   overflow: hidden;
   zoom: 1;
   padding-top: 15px;
   margin-bottom: 15px;   
}

* html div.foodartwrap {
   margin-bottom: 40px;   
}


*+html div.foodartwrap {
   margin-bottom: 40px;   
}

div.recipewrap 
{
   overflow: hidden;
   zoom: 1;
   padding-top: 15px;
   padding-bottom: 40px;   
}

div.fun_tile 
{
   background-image:url(../img/activities/funtile.gif);
   background-repeat: repeat-y;
   background-position: center;
   zoom: 1; 
}

div.fun_top 
{
   background-image:url(../img/activities/fun_pinktop.gif);
   background-repeat: no-repeat;
   background-position: top center;
}

div.fun_bottom 
{
   background-image:url(../img/activities/fun_pinkbottom.gif);
   background-repeat: no-repeat;
   background-position: bottom center;   
}

div.fun_copy 
{
    padding-left: 13px;
    padding-bottom: 7px;
    padding-top: 10px;
    position: relative;
}

div.fun_copy p 
{
   background-image:url(../img/activities/getcreative.jpg);
   background-repeat: no-repeat;
   background-position: bottom center;
   display: block;
   width: 527px;
   height: 57px;
   position:absolute; 
   top: 50px; 
   left: 170px;   
}

div.fun_copy p span 
{
    display: block;
	font-size:14px;
	font-weight:bold;
	color:#FFF;    
}

div.foodart_titlegraphic 
{
    position: absolute; 
    top: -11px; 
    left: 270px;
}

div.fun_more {
    position: absolute; 
    top: 110px; 
    left: 170px;
}

div.foodart_pic 
{
     position: relative; 
     bottom: -2px; 
     left: 0px;   
}


div.recipe_tile 
{
position: relative;
   background-image:url(../img/activities/recipes_tile.gif);
   background-repeat: repeat-y;
   background-position: center;
   zoom: 1; 
}

div.recipe_top 
{
   background-image:url(../img/activities/recipes_top.gif);
   background-repeat: no-repeat;
   background-position: top center;
}

div.recipe_bottom 
{
   background-image:url(../img/activities/recipes_bottom.gif);
   background-repeat: no-repeat;
   background-position: bottom center;
   padding-bottom: 10px;
   overflow: hidden;
   zoom: 1;   
}

*+html div.recipe_bottom 
{
    padding-bottom: 20px;   
}

div.recipe_copy 
{
overflow:hidden;
    padding-left: 0;
    padding-bottom: 7px;
    padding-top: 20px;
    position: relative;
}

div.recipe_copy2 
{
overflow:hidden;
    padding-left: 0;
    
    padding-top: 20px;
    position: relative;
    zoom: 1;
}

*+html div.recipe_copy2 
{
    padding-top: 30px;
}

* html div.recipe_copy2 
{
    padding-top: 30px;
 
}

div.pagetext p  
{
   background-image:url(../img/activities/iwasdelighted2.jpg);
   background-repeat: no-repeat;
   background-position: bottom center;
   display: block;
   width: 538px;
   height: 178px;
   position:absolute; 
   top: 50px; 
   left: 170px;
      font-size:14px;
   font-weight:bold;   
}

div.recipe_text {
    padding-bottom: 30px;
}

div.recipe_text p
{
    position: relative;
	width: 520px;
    left: 200px;   
    margin-top: 20px;
    margin-bottom: 15px;
}


div.recipe_text2 p
{
    position: relative;
	float:left;
	width: 600px;
    left: 120px;   
    margin-top: 20px;
    margin-bottom: 15px;
}


#reclink_container {
   position: relative;
    float:left;
	width:600px;
    left: 120px;   
   top: 0px;
    padding-bottom: 20px;
}




div.recipe_copy p  
{
   background-image:url(../img/activities/iwasdelighted2.jpg);
   background-repeat: no-repeat;
   background-position: bottom center;
   display: block;
   width: 610px;
   font-size:14px;
   font-weight:bold;
   padding-bottom: 0px;
   padding-left: 10px;
}


div.recipe_copy2 p  
{
   background-image:url(../img/activities/iwasdelighted2.jpg);
   background-repeat: no-repeat;
   background-position: bottom center;
   display: block;
   width: 520px;
   font-size:14px;
   font-weight:bold;
   padding-bottom: 0px;
   padding-left: 10px;
}


div.recipe_copy p span, div.pagetext p span 
{
    display: block;    
}

div.pagetext p 
{
   background-image:url(../img/activities/iwasdelighted2.jpg);
   background-repeat: no-repeat;
   display: block;
   width: 544px;
   height: 141px;
   font-size:14px;
   font-weight:bold;
}

div.title_janeasher 
{
    position: absolute; 
    top: -8px; 
    left: 160px;
}

div.janeasher_image 
{
    position: absolute; 
    top: 30px; 
    left: 30px;
}

div.janeasher_small_image 
{
    position: absolute; 
    top: 4px; 
    left: 1px;
}

div.vieweasternest 
{
    position: absolute;
    top: 202px;
    left: 15px;
}


.neston {
    background:url("../img/buttons/easternests.jpg") no-repeat;
}

.caterpilleron {
}

/*-- Recipe subnav styles --- */

ul.recipeNav
{
    padding:0px;
    margin:20px 0 0 20px;
	width:600px;
}

ul.recipeNav li
{
    list-style:none;
    list-style-image:none;
    padding:0px;
    margin:0px;
    overflow: hidden;
    zoom: 1;
	width:184px;
    height:43px;
    float:left;
}

ul.recipeNav li a
{
    width:184px;
    height:43px;
    float:left;
    list-style:none;
    list-style-image:none;
    padding:0px;
    text-indent:-2000px;
    margin:0px;
}


a#nests {background:url("../img/buttons/easternest_up.jpg") no-repeat;}
a#nests:hover, a#nests.selected {background:url("../img/buttons/easternest_over.jpg") no-repeat;}

a#cookies {background-image:url("../img/buttons/cookies_up.jpg");}
a#cookies:hover, a#cookies.selected {background-image:url("../img/buttons/cookies_over.jpg");}

a#fathersday {background-image:url("../img/buttons/fathersday_up.jpg");}
a#fathersday:hover, a#fathersday.selected {background-image:url("../img/buttons/fathersday_over.jpg");}


a#caterpillar {background-image:url("../img/buttons/caterpillar_over.jpg");}
a#caterpillar:hover, a#caterpillar.selected {background-image:url("../img/buttons/caterpillar_up.jpg");}

a#starry {background-image:url("../img/buttons/starrycake-over.jpg");}
a#starry:hover, a#starry.selected {background-image:url("../img/buttons/starrycake.jpg");}

a#flapjack {background-image:url("../img/buttons/flapjack-over.jpg");}
a#flapjack:hover, a#flapjack.selected {background-image:url("../img/buttons/flapjack.jpg");}

a#spiders {background-image:url("../img/buttons/spiders-over.jpg");}
a#spiders:hover, a#spiders.selected {background-image:url("../img/buttons/spiders.jpg");}

a#jumbocupcakes {background-image:url("../img/buttons/jumbocupcakes-over.jpg");}
a#jumbocupcakes:hover, a#jumbocupcakes.selected {background-image:url("../img/buttons/jumbocupcakes.jpg");}

a#christmascookies:hover, a#christmascookies.selected {
background-image:url(../img/buttons/xmascookies.jpg);
}
a#christmascookies:hover, a#christmascookies.selected {
background-image:url(../img/buttons/xmascookies.jpg);
}
a#christmascookies {
background-image:url(../img/buttons/xmascookies-over.jpg);
}


/*-------*/


#partylink a {
background:transparent url("../img/buttons/party_products.jpg") no-repeat scroll 0 0;
bottom:0;
display:block;
height:40px;
margin:-20px 0 10px 30px;
padding:0 30px 10px 0;
position:relative;
text-indent:-2000px;
top:0;
width:261px;
}

#partylink a:hover {
background-image:url("../img/buttons/party_products_hover.jpg")
}



#mainprodlink a {
background:transparent url("../img/buttons/main.jpg") no-repeat scroll 0 0;
bottom:0;
display:block;
height:38px;
margin:-20px 0 10px 30px;
padding:0 30px 0px 0;
position:relative;
text-indent:-2000px;
top:0;
width:240px;
}

#mainprodlink a:hover {
background-position: 0px -38px;
}


*+html #morelink
{
    overflow: hidden;
    zoom: 1;
}
* html #morelink 
{
    overflow: hidden;
    zoom: 1;
    height: 28px;
}
#morelink a {
background:transparent url("../img/buttons/more.jpg") no-repeat scroll 0 0;
bottom:0;
display:block;
height:29px;
margin:-40px 0 0 650px;
padding:0 0 0 0;
position:relative;
text-indent:-2000px;
top:0;
width:83px;
}

#morelink a:hover {
background-position: 0px -29px;
}

* html #backlink 
{
height: 40px;
}

#backlink a {
background:transparent url("../img/buttons/back.jpg") no-repeat scroll 0 0;
bottom:0;
display:block;
height:29px;
margin:-20px 0 20px 30px;
padding:0 30px 0px 0;
position:relative;
text-indent:-2000px;
top:0;
width:83px;
}

#backlink a:hover {
background-position: 0px -29px;
}









#fathers-day a {
width:184px;
height:41px;
float:left;
background-image:url("../img/buttons/fathersoff.jpg");
text-indent:-2000px;
margin:0;
}

#fathers-day a:hover {
background-image:url("../img/buttons/fatherson.jpg")
}





div.partymixpic 
{
    position: absolute;
    top: 10px;
    right: -55px;
    width: 108px;  
}

div.largeingredients 
{
    position: absolute;
    top: 10px;
    right: -55px;
    width: 150px;  
}

* html div.largeingredients 
{
    position: absolute;
    top: 10px;
    right: 5px;
    width: 150px;  
}

div.activities_swirl 
{
    position: absolute;
    top: 0px;
    left: 0px;
    background-image:url(../img/backgrounds/activitiesswirl.png);
    background-repeat: no-repeat;
    width: 143px;
    height: 194px; 
}

* html div.partymixpic 
{
    right: 5px;   
}

div.partymixpic 
{
    text-align: center;   
}

div.normal-products 
{
   background-image:url(../img/easter/products.jpg);
   background-repeat: no-repeat;
   background-position: bottom center;
   padding: 35px 25px 35px 15px;
   position: relative;
   color:#FFF;
   margin-top: 30px;
   margin-left: -15px;
}

div.normal-products div 
{
   position: absolute;
   top: 4px;
   left: 24px;   
}

* html div.normal-products div 
{
   left: 12px;
}


div.normal-products p
{
   color: #fff;
   margin-left: 14px;   
}

div.normal-products a 
{
   font-weight: bold;   
}

div.easter-products 
{
   background-image:url(../img/products/easter/easter_products.jpg);
   background-repeat: no-repeat;
   background-position: bottom center;
   padding: 75px 25px 45px 15px;
   position: relative;
   margin-left: -20px;
}

div.easter-products div 
{
   position: absolute;
   top: 41px;
   left: 30px;   
}

* html div.easter-products div 
{
   position: absolute;
   top: 40px;
   left: 18px;   
}

div.smart h4 a 
{
   text-decoration: none; 
   color: #FDF04A;  
}

div.prodCont h3 a
{
   color: #f00!important;   
}

div.easter-products p 
{
   margin-left: 18px;   
}

div.easter-products a 
{
   font-weight: bold;   
}

div.recipecontent 
{
   overflow: hidden;
   zoom: 1;   
}

div.recipetitle 
{
   position: relative;
   float: left;
   zoom: 1;
   width: 390px;   
}

div.recipetitle h2 
{
   background-image:url(../img/activities/easternests.gif);
   background-repeat: no-repeat;
   display: block;
   width: 357px;
   height: 185px;
}


div.pillertitle 
{
   position: relative;
   float: left;
   zoom: 1;
   width: 390px;   
}

div.pillertitle h2 
{
   background-image:url(../img/activities/caterpiller_head.jpg);
   background-repeat: no-repeat;
   display: block;
   width: 357px;
   height: 185px;
}




div.pillertitle h2 span 
{
   display: block;
   text-indent: -100000px;   
}





div.springtitle 
{
   position: relative;
   float: left;
   zoom: 1;
   width: 390px;   
}

div.springtitle h2 
{
   background-image:url(../img/activities/spring-head.jpg);
   background-repeat: no-repeat;
   display: block;
   width: 357px;
   height: 226px;
}

div.springtitle h2 span 
{
   display: block;
   text-indent: -100000px;   
}



div.fatherstitle 
{
   position: relative;
   float: left;
   zoom: 1;
   width: 390px;   
}

div.fatherstitle h2 
{
   background-image:url(../img/activities/fathers-head.jpg);
   background-repeat: no-repeat;
   display: block;
   width: 357px;
   height: 226px;
}

div.fatherstitle h2 span 
{
   display: block;
   text-indent: -100000px;   
}




div.caterpillartitle 
{
   position: relative;
   float: left;
   zoom: 1;
   width: 390px;   
}

div.caterpillartitle h2 
{
   background-image:url(../img/activities/caterpiller_head.jpg);
   background-repeat: no-repeat;
   display: block;
   width: 357px;
   height: 226px;
}

div.caterpillartitle h2 span 
{
   display: block;
   text-indent: -100000px;   
}





div.starrytitle 
{
   position: relative;
   float: left;
   zoom: 1;
   width: 390px;   
}

div.starrytitle h2 
{
   background-image:url(../img/activities/starrycakehead.jpg);
   background-repeat: no-repeat;
   display: block;
   width: 357px;
   height: 226px;
}

div.starrytitle h2 span 
{
   display: block;
   text-indent: -100000px;   
}



div.flapjacktitle 
{
   position: relative;
   float: left;
   zoom: 1;
   width: 390px;   
}

div.flapjacktitle h2 
{
   background-image:url(../img/activities/flapjack-head.jpg);
   background-repeat: no-repeat;
   display: block;
   width: 357px;
   height: 268px;
}


div.flapjacktitle h2 span 
{
   display: block;
   text-indent: -100000px;   
}



div.spiderstitle 
{
   position: relative;
   float: left;
   zoom: 1;
   width: 390px;   
}

div.spiderstitle h2 
{
   background-image:url(../img/activities/spiders-head.jpg);
   background-repeat: no-repeat;
   display: block;
   width: 357px;
   height: 226px;
}


div.spiderstitle h2 span 
{
   display: block;
   text-indent: -100000px;   
}



div.jumbocupcakestitle 
{
   position: relative;
   float: left;
   zoom: 1;
   width: 390px;   
}

div.jumbocupcakestitle h2 
{
   background-image:url(../img/activities/jumbocupcakes-head.jpg);
   background-repeat: no-repeat;
   display: block;
   width: 357px;
   height: 226px;
}


div.jumbocupcakestitle h2 span 
{
   display: block;
   text-indent: -100000px;   
}

div.christmascookiestitle {
    float:left;
    position:relative;
    width:390px;
}

div.christmascookiestitle h2 {
    background-image:url(../img/activities/christmascookies_head.jpg);
    background-repeat:no-repeat;
    display:block;
    height:268px;
    width:357px;
}

div.christmascookiestitle h2 span {
    display:block;
    text-indent:-100000px;
}

div.recipeingredients 
{
   position: relative;
   float: left;
   width: 291px; 
}

div.recipetitle_top {
   background-image:url(../img/activities/recipe_ingredients_top.gif);
   background-repeat: no-repeat;
}

div.recipetitle_bottom {
   background-image:url(../img/activities/recipe_ingredients_bottom.gif);
   background-repeat: no-repeat;
   background-position: bottom center;
}

div.recipetitle_copy 
{
    padding: 20px;   
}

div.recipetitle_copy p 
{
    margin-bottom: 20px;   
}

div.recipetitle_copy ul 
{
   margin: 0px;
   padding: 0px;
   padding-bottom: 30px; 
   padding-right: 90px;  
}

div.recipetitle_copy ul li 
{   
   color: #fff;
   list-style: none;
   font-size: 0.9em;
}

div.recipetile 
{
    background-color: #a0c440;
    width: 351px;   
}

div.recipemethod 
{
   padding: 0px 10px 25px 10px; 
}

div.recipemethod p 
{
    color: #000;
    margin: 18px 0px;
    line-height: 1.2em;
}
div.recipemethod p a 
{
    color: #7b7777;
    margin: 18px 0px;
    line-height: 1.2em;
}

.janelink {
width:100px;
float:left;
padding: 20px 0 0 0;
}

.recipe_gda_logo {
width:200px;
float:left;
margin: 30px 0 10px 90px;
}

div.methodimages {
width:350px;
float:right;
}

div.extrainfo 
{
    margin-top: -20px;
    margin-bottom: 20px;   
}

div.extrainfo p 
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 0.8em; 
    padding: 0px;
    margin: 0px;   
}

.kids-party 
{
    padding-left: 195px!important;   
}

/* Revamped Products section - 17-3-2009 */

ul.productlist 
{
   overflow: hidden;
   zoom: 1;
   padding-bottom: 15px;
}

* html ul.productlist 
{
   padding-bottom: 0px;   
} 

* html ul.productlist li 
{
   min-height: 140px;   
}

ul.productlist li a 
{
    color: #1D2E80;
    display: block;
   min-height: 140px; 
 text-decoration: none;
}

* html ul.productlist li a 
{
    min-height: 140px;
}
ul#easter li a {
    background-image: url(../img/products/easter/easter_main.jp);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}


ul.productlist li a div 
{
    cursor: hand;   
}

ul.productlist li a:hover div 
{
    cursor: hand;   
}

ul.productlist li a:hover div, ul.productlist li a:active div  
{
    background-image: url(../img/products/selector.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
    display: block;
    height: 4.7em;
}

* html ul.productlist li a:hover div 
{
    height: 5em;
}

ul.productlist li a span 
{
   display: block;
   min- height: 100px;
   cursor: hand;  
}

ul.productlist li a span img 
{
   display: block;
}

ul#mainproducts li a span img 
{
   display: block;
}

ul#easter li.easteregg 
{
   padding-top: 0px; 
   width: 120px;   
}

ul#easter li a.easteregg 
{
    background-position: -2px 0px;
}

ul#easter li a:hover.easteregg 
{
    background-position: -2px -233px;
}

ul#easter li.shakers 
{
   width: 100px;   
}

ul#easter li a.shakers 
{
    background-position: -120px 0px;
}

ul#easter li a:hover.shakers
{
    background-position: -120px -233px;
}

ul#easter li.insider 
{
   width: 100px;   
}

ul#easter li a.insider 
{
    background-position: -225px 0px;
}

ul#easter li a:hover.insider
{
    background-position: -225px -233px;
}

ul#easter li.pink-insider 
{
   width: 100px;   
}

ul#easter li a.pink-insider 
{
    background-position: -340px 0px;
}

ul#easter li a:hover.pink-insider
{
    background-position: -340px -233px;
}

ul#easter li.minieggs 
{
   width: 100px;
}   

div.nut_info h4    
{
    color: #fff;
    font-size: 1.2em;
} 

ul#easter li a.minieggs 
{
    background-position: -445px 0px;
}

ul#easter li a:hover.minieggs
{
    background-position: -445px -233px;
}

ul#easter li.mug 
{
   width: 100px;   
}

ul#easter li a.mug
{
    background-position: -550px 0px;
}

ul#easter li a:hover.mug
{
    background-position: -550px -233px;
}

ul#easter li.shaker-egg 
{
   width: 100px;   
}

ul#easter li a.shaker-egg
{
    background-position: -660px 0px;
}

ul#easter li a:hover.shaker-egg
{
    background-position: -660px -233px;
}

ul#easter li.easteregg 
{
   padding-top: 0px; 
   width: 120px;   
}

ul#easter li a.easteregg 
{
    background-position: -2px 0px;
}

ul#easter li a:hover.easteregg 
{
    background-position: -2px -233px;
}

ul#easter li.shakers 
{
   width: 100px;   
}

ul#easter li a.shakers 
{
    background-position: -120px 0px;
}

ul#easter li a:hover.shakers
{
    background-position: -120px -233px;
}

ul#easter li.insider 
{
   width: 100px;   
}

ul#easter li a.insider 
{
    background-position: -225px 0px;
}

ul#easter li a:hover.insider
{
    background-position: -225px -233px;
}

ul#easter li.pink-insider 
{
   width: 100px;   
}

ul#easter li a.pink-insider 
{
    background-position: -340px 0px;
}

ul#easter li a:hover.pink-insider
{
    background-position: -340px -233px;
}

ul#easter li.minieggs 
{
   width: 100px;
}   

div.nut_info h4    
{
    color: #fff;
    font-size: 1.2em;
} 


ul#mainproducts li.tube
{
   padding-top: 0px; 
   width: 160px;   
}

ul#mainproducts li a.tube
{
    background-position: -2px 0px;
}

ul#mainproducts li a:hover.tube
{
    background-position: -2px -233px;
}

ul#mainproducts li a:hover.tube5pack
{
    background-position: -170px 0px;
}


ul#mainproducts li.minis
{
   padding-top: 0px; 
   width: 160px;   
}

ul#mainproducts li a.minis
{
    background-position: -2px 0px;
}

ul#mainproducts li a:hover.minis
{
    background-position: -2px -233px;
}

ul#mainproducts li.sharing_bag
{
   padding-top: 0px; 
   width: 160px;   
}

ul#mainproducts li a.sharing_bag
{
    background-position: -2px 0px;
}

ul#mainproducts li a:hover.sharing_bag
{
    background-position: -2px -233px;
}

html>body li.sharing_bag img
{
   position: relative;
   left: 30px;   
}

* html body li.sharing_bag img
{
   position: relative;
   left: 0px;   
}

*+ html body li.sharing_bag img
{
   position: relative;
   left: 0px;   
}

ul#mainproducts li.carton
{
   padding-top: 0px; 
   width: 100px;   
}

ul#mainproducts li a.carton
{
    background-position: -2px 0px;
}

ul#mainproducts li a:hover.carton
{
    background-position: -2px -233px;
}



ul#mainproducts li.partyprod
{
   padding-top: 0px; 
   width: 90px;
   margin: 0 5px 0 5px;
}

ul#mainproducts li a.partyprod
{
    background-position: -2px 0px;
	font-size:12px;
}

ul#mainproducts li a:hover.partyprod
{
    background-position: -2px -233px;
}
a:focus
{
    outline: 0px solid #000;
}

ul#mainproducts li.partyprod2
{
   padding-top: 0px; 
   width: 110px;
   margin: 0 5px;
}
.productlist 
{
    overflow: hidden;
    zoom: 1;
}
* html .productlist 
{
    margin-left: 1px !important;
    padding-bottom: 25px !important;
}
ul#mainproducts li a.partyprod2
{
    background-position: -2px 0px;
	font-size:12px;
}

ul#mainproducts li a:hover.partyprod2
{
    background-position: -2px -233px;
}




/* Productbox - 17-3-2009 */

div.productboxtile 
{
    background-color: #0D2C89;
    width: 726px;
    overflow: hidden;
    zoom: 1;
    margin-bottom: 30px;
}

* html div.productboxtile 
{
   margin-top: -20px;   
}


div.productboxcontent p
{
    color: #fff;   
}

div.productboxtop 
{
    background-image: url(../img/backgrounds/productsbox/productboxtop.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    overflow: hidden;
    zoom: 1;
    display: block;
}

div.productboxbottom 
{
    background-image: url(../img/backgrounds/productsbox/productboxbottom.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
    overflow: hidden;
    zoom: 1;
    display: block;
}

h3.product_info 
{
    background-image: url(../img/headings/product_info.jpg);
    background-repeat: no-repeat;
    height: 15px;
    overflow: hidden;
    display: block;
}

h3.product_info span 
{
    display: block;
    text-indent: -100000px;   
}

div.nut_info 
{
    padding: 9px; 
    padding-top: 0px;  
}

div.nut_table
{
    background-color: #fff;
    overflow: hidden;
    zoom: 1;
    margin-top: -4px;
}

div.nut_table 
{
    padding: 6px;   
}

div.nut_table td 
{
    width: 105px;
    padding: 10px;
    padding: 5px 10px;
    font-size: 0.9em;
    color: #0D2C89;
    vertical-align: top;
    text-align: center;   
}


div.nut_table tr.alt2 
{
    background-color: #e6eaf3;   
}

div.nut_table .heading 
{
    text-align: center;
    color: #0D2C89;
    padding: 6px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 1.3em; 
}

div.nut_table .sideheading 
{
    text-align: left;
    padding-left: 30px;   
} 

div.nut_table .blueheading 
{
    background-color: #0D2C89;
    color: #fff;
    text-align: center;
    font-family: Arial, Helvetica, Sans-Serif; 
    font-size: 1.1em;
    border-right: #fff 1px solid;     
}

div.nut_info p 
{
    margin-bottom: 30px;
}

div.nut_table .tablegap 
{
   width: 19px;   
}

div.clickpacks 
{
   position: relative;
   margin: 0 auto;
   top: -50px;
   width: 250px;  
}

.middle_table 
{
    margin-left: 150px;   
}

* html .tube img {position: relative; left: 0px;}
* html li.tube a {width: 180px;}

div.easter_advert 
{
   width: 500px; 
   margin: 0 auto; 
   overflow: hidden; 
   zoom: 1; 
   padding: 10px 0px 20px 0px;
}

* html div.easter_advert 
{
   padding-bottom: 35px;   
}

*+html div.easter_advert 
{
   padding-bottom: 40px;   
}


div.easter_link 
{
   width: 500px;
   margin: 0 auto;
   text-align: center; 
}

div.easter_link a 
{
   color: #f00;
   text-decoration: none;
   text-align: center;
   margin: 0 auto;
}

div.easter_link a:hover 
{
   color: #c00;
   text-decoration: underline; 
}

img.gofreeballs {position: absolute; bottom: 20px; left: 40px;}