/* Generic CSS for all sites by Mike Franklin */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1em;
	font-family: inherit;
	text-align: left;
}
body {
	background-color: #FFF;
	color: #000;
}
em {
	font-style: italic;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
q:before, q:after, blockquote:before, blockquote:after {
	content: "";
}
body {
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Verdana, Tahoma, "Times New Roman", Arial, Verdana;
	font-size: 100%;
	text-align: center;
	color: #fff;
	background-color: #791e7e;
	background-image: url(../img/backgrounds/bodybg.jpg);
	background-repeat: repeat-x;
}
a {
	color: #fff;
}
a:hover {
	color: yellow;
}
strong {font-weight: bold;}
div.container {
	width: 760px;
	float: left;
	background-image: url(../img/backgrounds/contentbgs1.jpg);
	background-repeat: no-repeat;
	background-attachment: top center;
	background-repeat: no-repeat;
	padding: 0px 33px;
	padding-top: 20px;
	position: relative;
	overflow: hidden;
	background-position: 0px -10px;
}
*+html div.container {
    background-position: 0px -14px;
}

div.containertile {width: 826px; background-image: url(../img/backgrounds/contenttile.jpg); background-repeat: repeat-y; margin: 0 auto; position: relative; overflow: hidden; background-color: #9D367F;}

div.sparkles {
	background-image: url(../img/backgrounds/contentbgs1.jpg);
	background-repeat: no-repeat;
	background-attachment: top center;
	background-position: 0px -10px;
}
*+html div.sparkles {
	background-position: 0px -15px;
}
*html div.sparkles {
	background-position: 0px -15px;
}
div.container div.header {
	position: relative;
	display: block;
	z-index: 3;
}
div.logo {
	z-index: 8;
	position: absolute;
}
div.logo h1 {
	background-image: url(../img/logo/logo.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	width: 177px;
	height: 174px;
	display: block;
	margin-top: 5px;
	margin-left: 20px;
}
*html div.logo h1 {
	margin-left: 0px;
}
div.container div.header div.logo h1 a {
	display: block;
	width: 177px;
	height: 174px;
}
div.container div.header div.logo h1 span {
	display: block;
	text-indent: -7000px;
}
div.container div.header ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	overflow: hidden;
	background-image: url(../img/menu/qs_navigation2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	/*width: 564px;*/
	width: 544px;
	height: 50px;
	float: right;
	/*margin-right: 0px;*/
	margin-left: 30px;
	margin-top: 17px;
	position: relative;
	z-index: 100;
}
div.container div.header ul li {
	margin: 0px;
	padding: 0px;
	height: 50px;
	float: left;
	list-style: none;
}
div.container div.header ul li a span {
	display: none;
}
div.container div.header ul li a {
	display: block;
	height: 50px;
	float: left;
	margin-right: 3px;
	background-image: url(../img/menu/qs_navigation2.jpg);
	background-repeat: no-repeat;
}
*html div.container div.header ul li a {
	margin-right: 2px;
}
div.container div.header ul li#home a {
	width: 55px;
	background-position: 0px 0px;
}
div.container div.header ul li#home a:hover, div.container div.header ul li#home a.selected {
	background-position: 0px -62px;
}
div.container div.header ul li#range a {
	width: 75px;
	background-position: -57px 0px;
}
*html div.container div.header ul li#range a {
	margin-right: 1px;
}
div.container div.header ul li#range a:hover, div.container div.header ul li#range a.selected {
	background-position: -57px -62px;
}
div.container div.header ul li#history a {
	width: 77px;
	background-position: -135px 0px;
}
*html div.container div.header ul li#history a {
	margin-right: 1px;
}
div.container div.header ul li#history a:hover, div.container div.header ul li#history a.selected {
	background-position: -135px -62px;
}
div.container div.header ul li#haveyouseen a {
	width: 97px;
	background-position: -215px 0px;
	margin-right: 1px;
}
*html div.container div.header ul li#haveyouseen a {
	width: 97px;

}
div.container div.header ul li#haveyouseen a:hover, div.container div.header ul li#haveyouseen a.selected {
	background-position: -215px -62px;
}
*html div.container div.header ul li#haveyouseen a:hover, div.container div.header ul li#haveyouseen a.selected {
	background-position: -215px -62px;
}
div.container div.header ul li#nc a {
	width: 125px;
	background-position: -313px 0px;
	margin-right:1px;
}
div.container div.header ul li#nc a:hover, div.container div.header ul li#nc a.selected {
	background-position: -313px -62px;
}
*html div.container div.header ul li#nc a {
	background-position: -313px 0px;
	width: 125px;
}
*html div.container div.header ul li#nc a:hover, div.container div.header ul li#nc a.selected {
	background-position: -313px -62px;
}
div.container div.header ul li#contactus a {
	width: 71px;
	background-position: -440px 0px;
}
html div.container div.header ul li#contactus a:hover, div.container div.header ul li#contactus a.selected {
	background-position: -440px -62px;
}
div.container div.header ul li#register a {
	width: 71px;
	background-position: -485px 0px;
}
html div.container div.header ul li#register a:hover, div.container div.header ul li#register a.selected {
	background-position: -485px -62px;
}
*html div.container div.header ul li#register a {
	width: 68px;
	background-position: -486px 0px;
}
*html div.container div.header ul li#register a:hover, div.container div.header ul li#register a.selected {
	background-position: -486px -62px;
}
div.container div#flashpanel {
	clear: both;
	position: relative;
	background-repeat: no-repeat;
	background-image: url(../img/backgrounds/homebanner.jpg);
	z-index: 1;
	height: 360px;
	top: -40px;
}
*+html div.container div#flashpanel {top: -60px;}
* html div.container div#flashpanel {top: -60px;}
div.container div#flashpanel2 {
	top: 0px;
	clear: both;
	position: relative;
	background-repeat: no-repeat;
	background-image: url(../img/panel/flashbanner2.jpg);
	height: 360px;
}
div#flashalign {
	position: absolute;
	left: 250px;
	z-index: 100;
}

.fullscreenFlash{
	margin-top:100px !important;
}

*+html div.container div#flashpanel2 {
	top: -20px;
}
*html div.container div#flashpanel2 {
	top: -20px;
}
div.container div#flashpanel img.sweets {
	position: absolute;
	top: 120px;
	left: 334px;
}
div.container div#flashpanel img.whatsyourfav {
	position: absolute;
	top: 100px;
	left: 84px;
	z-index: 2;
}
img.mainsweets {
	position: absolute;
	top: -126px;
	left: 328px;
	z-index: 8;
}

img.matchmakersimg {
    position:absolute; 
    left: -140px; 
    top: 0px;
}
img.celebRoom {
	position: absolute;
	top: -106px;
	left: 328px;
	z-index: 8;
}

* html img.celebRoom 
{
    top:-176px;
}
*+html img.celebRoom 
{
    top:-176px;
}
div.container div#flashpanel img.smallsweets1 {
	position: absolute;
	top: 175px;
	left: 290px;
}
div.container div#flashpanel img.smallsweets2 {
	position: absolute;
	top: 160px;
	left: 590px;
}
div.halloween {
	background-repeat: no-repeat;
	background-image: url(../img/panel/halloween.jpg);
	z-index: 1;
	height: 350px;
	clear: both;
	position: relative;
	background-repeat: no-repeat;
}
div.pagepanel {
	background-repeat: no-repeat;
	background-image: url(../img/panel/pagepanel2.jpg);
	z-index: 1;
	height: 199px;
	clear: both;
	position: relative;
	background-repeat: no-repeat;
	background-position: bottom center;
	padding-top: 0px;
}
*+html div.pagepanel {
	margin-top: -25px;
}
*html div.pagepanel {
	margin-top: -25px;
}
div.placeholder {
	width: 262px;
	position: relative;
	float: right;
	margin-top: -119px;
}

div.placeholder2 {
	width: 262px;
	position: relative;
	float: right;
	margin-top: -120px;
	left: 2px;
}
div.placeholder3 {
	width: 262px;
	position: absolute;
	left: 350px;
	top: -120px;
}
div.christmas {
	position: absolute;
	left: 10px;
}
div.signature {
	left: 300px;
	top: 75px;
	position: absolute;
}
div.promoimg {
	width: 269px;
	height: 243px;
}
*html div.placeholder2 {
	width: 262px;
	position: absolute;
	float: right;
	top: 0px;
	left: 472px;
}
div.historyholder {
	margin-right:60px;
}
*html div.historyholder {
	position: absolute;
	left: 409px;
}
div.haveyouseenholder {
	margin-left: 250px;
	position: absolute;
}
*html div.haveyouseenholder {
	left:30px;
	top: 0px;
	position: absolute;
}
*html div.haveyouseenholder2 {
	left: 30px;
	top: 19px;
	position: absolute;
}
div.haveyouseenholder2 {
	margin-left: 300px;
	top: 19px;
	position: absolute;
}
div.placeholder div.promolink {
	position: absolute;
	bottom: 2px;
	left: 145px;
	z-index: 8;
}
div.placeholder3 div.promolink {
	position: absolute;
	bottom: 2px;
	left: 305px;
}
div.placeholder div.promolinkchristmas {
	position: absolute;
	bottom: 2px;
	left: 310px;
}
div.placeholder2 div.promolink {
	position: absolute;
	bottom: 2px;
	left: 145px;
}
div.content {
	padding-left: 30px;
	padding-right: 10px;
	width: 700px;
	margin-top: -60px;
	position: relative;
	z-index: 3;
}
div.content p, div.gen_con p, div.content ul li, div.gen_con ul li {
	font-size: 0.7em;
	line-height: 1.5em;
	padding-bottom: 15px;
}
div.content ul, div.firstcol ul {
	margin-left: 10px;
	padding-right: 30px;
}
div.firstcol ul li {
	padding-bottom:15px;
	padding-left:40px;
	background-image: url(../img/bullets/bullets.jpg);
	background-repeat: no-repeat;
}
*html div.firstcol ul li {position: relative; overflow: hidden;}
div.christmasbullets ul li {
	padding-bottom:15px;
	padding-left:40px;
	background-image: url(../img/bullets/christmas.gif);
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
}
div.christmasbullets ul li ul li {
	background: url(../img/bullets/christmas-bullet.gif) no-repeat 0px 7px;
	padding-left: 10px;
	font-size: 1em;
	margin-top: 4px;
	margin-bottom: 0px;
	padding-bottom: 4px;
}
div.christmasbullets ul li ul {
	padding-bottom: 6px;
}

html div.firstcol ul li {position: relative; overflow: hidden;}
div.nightinbullets ul li {
	padding-bottom:15px;
	padding-left:40px;
	background-image: url(../img/bullets/nightin.gif);
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
}
div.nightinbullets ul li ul {
	padding-bottom: 6px;
}
div.gen_con {
	padding-left: 30px;
	padding-right: 30px;
	width: 700px;
	z-index: 4;
	position: relative;
	margin-top: -77px;
}
*+html div.gen_con {margin-top: -77px;}
div.movecontent {margin-top: -230px;}
* html div.movecontent {margin-top: -250px;}
*+html div.movecontent {margin-top: -250px;}

div.movecontentCeleb {margin-top: -250px;}
* html div.movecontentCeleb {margin-top: -200px;}
*+html div.movecontentCeleb {margin-top: -200px;}

div.gen_con div.titletext {
	width: 350px;
	margin-bottom: 10px;
	top: 30px;
    position: relative;
    z-index: 9;
    overflow: hidden;
    zoom: 1;
}

div.gen_con div.titletextxmas, div.gen_con div.titletext {
	width: 420px;
	margin-top: 30px;
	margin-bottom: 30px;
}

div.gen_con div.titletextsustain 
{
    width: 350px;
	margin-bottom: 0px;
	position: relative;
	margin-left: 28px;
}

*+html div.gen_con div.titletext {width: 360px; margin-top: 20px; padding-bottom: 20px;}

div.gen_con div.titletextxmas img {
	float: left;
}
div.gen_con div.titletextxmas p {
	font-size: 14px;
	font-weight: bold;
	float: left;
	width: 200px;
	margin-left: 15px;
	margin-top: 10px
}
div.gen_con .col1 {
	width: 370px;
	position: relative;
	float: left;
}
div.gen_con .col2 {
	width: 300px;
	position: relative;
	float: left;
	padding-left: 30px;
}
div.gen_con div.range {
	clear: both;
	padding-bottom: 10px;
	float: left;
	width: 100%;
}
*+html div.gen_con div.range {margin-top: -10px;}
div.gen_con div.range div.rangeicon {
	float: left;
	background-image: url(../img/panel/rangepanels2.gif);
	width: 225px;
	background-repeat: no-repeat;
	margin-right: 8px;
	position: relative;
	background-position: 0px 10px;
}

*+html div.ie7fix {top: 0px!important; position: relative;}

*html div.gen_con div.range div.rangeicon {width: 224px;}

div.rangeextend {width: 334px!important; background-image: url(../img/panel/rangepanelextend.gif)!important;}

div.gen_con div.range div.rangepanelcontent div.products img {
	margin-top: -10px;
}

div.rangeextend div.rangepanelcontent div.products img {
	margin-left: -20px!important;
}

div.gen_con div.range div.rangeproducts {
	padding: 10px 12px 0px 12px;
}
div.gen_con div.range div.rangeproducts div.imgblock {
	height: 120px;
	padding-top: 0px;
}
div.gen_con div.range div.rangeproducts div.imgblocktbones {
	height: 150px;
	padding-top: 10px;
}
div.menubg {
	background-color: #7C2264
}
*html div.menubg {
	margin-top: -11px;
}
div.tenpixels {
	margin-top: 10px;
}
div.floatright {
	float: right;
	margin-top: -40px;
	margin-right: -2px;
}
/* Just in case a shorter h4 title is needed */
.shorter {
	width: 116px;
}
div.gen_con div.range div.rangeproducts p {
	height: 4em;
}
div.gen_con div.range div.rangeproducts a {
	margin-left: 60px;
}
div.gen_con div.range div.rangeproducts h4 {
	font-size: 0.9em;
}
*html div.gen_con div.range div.rangeproducts a {
	margin-left: 30px;
}
*html div.gen_con div.range div.rangeicon {
	overflow: hidden;
}
div.purplepanel, div.sidepanel {
	width: 316px;
	background-repeat: no-repeat;
	background-position: 0px 10px;
	background-image: url(../img/panel/purplep.gif);
	clear: both;
	position: relative;
	padding: 0px 15px 20px 15px;
}
div.sidepanel {
	width: 220px;
	background-image: url(../img/panel/rangepanels2.jpg);
	padding-bottom: 0px;
}
*html div.sidepanel {width: 195px;}
*html div.purplepanel {
	padding: 0px 15px 40px 15px;
}
div.panelcontent p, div.normalpanelcontent p, div.rangepanelcontent p {
	font-size: 0.7em;
	line-height: 1.2em;
	padding-right: 120px;
	padding-bottom: 20px;
}
div.nightinpanel {
	line-height: 1.2em;
	padding: 30px 40px 0px 10px;
}
div.rangepanelcontent {
	padding-bottom: 50px;
}
*html div.rangepanelcontent {
	padding-bottom: 0px;
}
*+html div.rangepanelcontent {
	padding-bottom: 0px;
}
div.rangepanelcontent p {
	padding: 0px 10px 10px 10px;
	height: 6em;
}

div.newrangeinfo p {height: auto;}
div.rangeextend div.products {float: left; width: 200px;}
* html div.rangeextend div.products {float: left; width: 200px; position: relative; overflow: hidden;}
div.rangepanelcontent img {
	padding: 35px 30px 10px 20px
}
div.rangepanelcontent a {
	margin: 0 50px;
}
*html div.rangepanelcontent a {
	margin: 0 30px;
}
div.titleimage {
	position: absolute;
	top: 0px;
	left: 10px;
	z-index: 10;
}
div.whatsyourfav {
	position: absolute;
	top: -33px;
	left: -11px;
}

*+html .celeb .textblock2 p 
{
    margin-top: 60px;
}

*+html .celeb .purplelink
{
    padding-bottom: 30px;
}

div.sidepanel div.titleimage {
	position: absolute;
	top: -20px;
	left: 0px;
}
div.sidepanel div.titleimage img {position: relative; overflow: hidden;}
img.iconimage {
	position: absolute;
	top: 20px;
	left:170px;
}
div.sidepanel img.iconimage {
	position: absolute;
	top: 21px;
	left:90px;
}
img.smallicon {
	position: absolute;
	top: 20px;
	left:135px;
}
div.purplepanel div.panelcontent {
	padding-top: 63px;
	position: relative;
	z-index: 5;
	margin-left: 20px;
	padding-right: 10px;
	padding-bottom: 100px;
}
div.normalpanelcontent {
	padding-top: 43px;
	position: relative;
	padding-right: 10px;
	padding-bottom: 60px;
}
div.textblock, div.textblock2 {
	width: 275px;
}
*+html div.textblock2 {
	padding-top: 20px;
}
*+html div.normalpanelcontent {
	padding-top: 43px;
	position: relative;
	padding-right: 10px;
	padding-bottom: 40px;
}
div.sidepanel div.normalpanelcontent {
	padding-bottom: 50px;
}
div.normalpanelcontent div.products {
	margin-left: 20px;
	width: 100%;
	overflow: hidden;
}
*html div.normalpanelcontent {
	padding-bottom: 30px;
}
div.extra {
	padding-top: 70px;
}
div.celeb {
	padding-top: 100px;
}
div.sidepanel div.extra {
	padding-top: 50px;
}
div.smaller {
	width: 255px;
}
div.spurplepanel {
	width: 266px;
	background-repeat: no-repeat;
	background-position: 0px 10px;
	background-image: url(../img/panel/spurplep.gif);
	clear: both;
	padding: 0px 10px;
	position: relative;
}
div.hysfix {
	margin-top: -240px;
	position: relative;
	z-index: 9;
}
*+html div.hysfix {
	margin-top: -255px;
}
*html div.hysfix {
	margin-top: -255px;
}

div.hysflashpanel {top: 0px!important;}
*html div.hysflashpanel {top: -20px!important;}
*+html div.hysflashpanel {top: -20px!important;}
a.purplelink {
	background-image: url(../img/buttons/pbutleft.gif);
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
	color: #fff;
	text-decoration: none;
	float: left;
	text-transform: uppercase;
}
a.purplelink span {
	background-image: url(../img/buttons/pbutright.gif);
	background-repeat: no-repeat;
	display: block;
	background-position: top right;
	padding: 10px 20px;
	font-size: 0.8em;
}

div.Hover a.purplelink, a.purplelink:hover {
	background-image: url(../img/buttons/pbutleft.gif);
}
div.Hover a.purplelink span, a.purplelink:hover span {
	background-image: url(../img/buttons/pbutright.gif);
	text-decoration: underline;
}
a.purplelinkpromo {
	background-image: url(../img/buttons/pbutleft.png);
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
	color: #fff;
	text-decoration: none;
	float: left;
	text-transform: uppercase;
}
a.purplelinkpromo span {
	background-image: url(../img/buttons/pbutright.png);
	background-repeat: no-repeat;
	display: block;
	background-position: top right;
	padding: 10px 20px;
	padding-top: 12px;
	font-size: 0.8em;
}
div.Hover a.purplelinkpromo, a.purplelinkpromo:hover {
	background-image: url(../img/buttons/pbutleft.png);
}
div.Hover a.purplelinkpromo span, a.purplelinkpromo:hover span {
	background-image: url(../img/buttons/pbutright.png);
	text-decoration: underline;
}
a.purplelinkpromo2 {
	background-image: url(../img/buttons/pbutleft.png);
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
	color: #fff;
	text-decoration: none;
	float: left;
	text-transform: uppercase;
}
a.purplelinkpromo2 span {
	background-image: url(../img/buttons/pbutright.png);
	background-repeat: no-repeat;
	display: block;
	background-position: top right;
	padding: 10px 50px;
	padding-top: 12px;
	font-size: 0.8em;
}
div.Hover a.purplelinkpromo2, a.purplelinkpromo2:hover {
	background-image: url(../img/buttons/pbutleft.png);
}
div.Hover a.purplelinkpromo2 span, a.purplelinkpromo2:hover span {
	background-image: url(../img/buttons/pbutright.png);
	text-decoration: underline;
}

a.purplelinkpromo3 {
	background-image: url(../img/buttons/vote.png);
	background-repeat: no-repeat;
	background-position: top left;
	display: block;
	color: #fff;
	text-decoration: none;
	float: left;
	text-transform: uppercase;
}
a.purplelinkpromo3 span {
	display: block;
	padding: 9px 24px;
	padding-top: 8px;
	font-size: 0.8em;
}
div.Hover a.purplelinkpromo2, a.purplelinkpromo2:hover {
	background-image: url(../img/buttons/pbutleft.png);
}
div.Hover a.purplelinkpromo2 span, a.purplelinkpromo2:hover span {
	background-image: url(../img/buttons/pbutright.png);
	text-decoration: underline;
}
/* Default Page Template */

div.container div.gen_con h3 {position: relative; z-index: 9;}

div.container div.gen_con h3.ourrange {
	background-image: url(../img/headings/ourrange.jpg);
	background-repeat: no-repeat;
	height: 54px;
	width: 154px;
}
div.container div.gen_con h3.oursweets {
	background-image: url(../img/headings/oursweets.jpg);
	background-repeat: no-repeat;
	height: 54px;
	width: 170px;
}
div.container div.gen_con h3.history {
	background-image: url(../img/headings/history.gif);
	background-repeat: no-repeat;
	height: 54px;
	width: 270px;
}

div.container div.gen_con h3.assortments {
	background-image: url(../img/headings/title_assortments.gif);
	background-repeat: no-repeat;
	height: 54px;
	width: 270px;
}

div.container div.gen_con h3.selections {
	background-image: url(../img/headings/title_selections.gif);
	background-repeat: no-repeat;
	height: 54px;
	width: 270px;
}

div.container div.gen_con h3.haveyouseen {
	background-image: url(../img/headings/title_haveyou.gif);
	background-repeat: no-repeat;
	height: 54px;
	width: 201px;
	top: 50px;
	position: relative;
}
div.container div.gen_con h3.haveyouseen2 {
	background-image: url(../img/headings/title_haveyou2.gif);
	background-repeat: no-repeat;
	height: 54px;
	width: 201px;
	top: 50px;
	position: relative;
}
div.container div.gen_con h3.haveyouseenhome {
	background-image: url(../img/headings/title_haveyou.gif);
	background-repeat: no-repeat;
	height: 54px;
	width: 201px;
	margin-top:-190px;
}
div.container div.gen_con h3.haveyouseenterms {
	background-image: url(../img/headings/title_terms.gif);
	background-repeat: no-repeat;
	height: 54px;
	width: 201px;
	margin-top:-190px;
}


*+html div.container div.gen_con h3.haveyouseenhome {margin-top:-133px;}
* html div.container div.gen_con h3.haveyouseenhome {margin-top:-133px;}
* html div.container div.gen_con h3.haveyouseen {top: 29px;}
*+html div.container div.gen_con h3.haveyouseen {top: 27px;}

div.container div.gen_con h3.matchmakers {
	background-image: url(../img/headings/title_matchmakers.gif);
	background-repeat: no-repeat;
	height: 64px;
	width: 330px;
	position: relative;
	z-index: 11;
	top: -2px;
}
div.container div.gen_con h3.celeb {
	background-image: url(http://marple/nestle/magnificent7/qualitystreet/common/img/celebmum/page_logo.gif);
background-repeat: no-repeat;
height: 160px;
top: -55px;
left: 10px;
position: relative;
width: 370px;
z-index: 1000;
}

* html div.container div.gen_con h3.celeb {	
    top: -110px;
    left: 10px;
}

*+html div.container div.gen_con h3.celeb {	
    margin-top: -50px;
}

.movecontentCeleb form 
{
    
    
}

.movecontentCeleb form .long 
{
    padding-top: 62px;
    padding-left: 52px;
    background: url(../img/celebmum/frame_form.jpg) no-repeat;
    height: 300px;
    width: 470px;
    margin-left: -21px;
}

.movecontentCeleb form .short 
{
    padding-top: 62px;
    padding-left: 52px;
    background: url(../img/celebmum/frame_form_short.jpg) no-repeat;
    height: 300px;
    width: 470px;
    margin-left: -21px;
    position: relative;
}

.movecontentCeleb form .short p 
{
    margin-top: 6px;
}

.movecontentCeleb form .short .formRow .submitBtn 
{
        position: absolute;
        width: 145px;
        height: 28px;
        text-align: center;
        background: url(../img/celebmum/plaque.jpg) no-repeat;
        border: none;
        float: none;
        margin-left: 102px;
        top: 224px;
        position: absolute;
        font-weight: bold;
        font-size: 1.3em;
        color: #791d7e;
        cursor: pointer;
        text-transform: uppercase;
  } 


.movecontentCeleb form .family 
{
    padding-top: 62px;
    padding-left: 52px;
    background: url(../img/celebmum/frame_form_family.jpg) no-repeat;
    height: 300px;
    width: 470px;
    margin-left: -21px;
}

.movecontentCeleb form .family input 
{
    display: block;
      width: 147px;
        height: 28px;
        text-align: center;
        background: url(../img/celebmum/plaque.jpg) no-repeat;
        border: none;
        float: none;
        margin-left: 102px;
        margin-top: 174px;
        font-weight: bold;
        font-size: 0.7em;
        color: #791d7e;
        cursor: pointer;
        text-transform: uppercase; 
}

* html .movecontentCeleb form .family input 
{
    margin-top: 236px;
    margin-left: 132px;
}

.movecontentCeleb form p
{
    width: 340px;
    margin-left: 7px;
}

.movecontentCeleb .secondcol img 
{
    margin-left: -1px;
}

* html .movecontentCeleb .secondcol img 
{
    position: relative;
    top: -69px;
}

*+html .movecontentCeleb .secondcol img 
{
    margin-top: -25px !important;
}

* html .movecontentCeleb .firstcol
{
    top: -69px;
}

.celebmumpanel 
{
    background-image: url(../img/celebmum/celebmum_panel.jpg) !important;
    margin-top: -11px !important;
}
    .movecontentCeleb .formRow 
    {
        background: none;
        width: 347px;
    }
    
    .movecontentCeleb .formRow .submitBtn {
        width: 145px;
        height: 28px;
        text-align: center;
        background: url(../img/celebmum/plaque.jpg) no-repeat;
        border: none;
        float: none;
        margin-left: 102px;
        margin-top: 12px;
        font-weight: bold;
        font-size: 1.3em;
        color: #791d7e;
        cursor: pointer;
        text-transform: uppercase;
    }

div.container div.gen_con h3.myfavourites {
	background-image: url(../img/headings/title_myfavs.gif);
	background-repeat: no-repeat;
	height: 64px;
	width: 330px;
}

div.container div.gen_con h3.voting {
	background-image: url(../img/headings/voting.jpg);
	background-repeat: no-repeat;
	height: 54px;
	width: 201px;
}
*html div.container div.gen_con h3.haveyouseen {margin-top: 18px;}
*+html div.container div.gen_con h3.haveyouseen {margin-top: 18px;}
div.container div.gen_con h3.guidetochristmas {
	background-image: url(../img/headings/guidetochristmas.jpg);
	background-repeat: no-repeat;
	height: 54px;
	width: 270px;
}
div.container div.gen_con h3.goinggreen {
	background-image: url(../img/headings/goinggreen.jpg);
	background-repeat: no-repeat;
	height: 85px;
	width: 540px;
}

div.container div.gen_con h3.morrisons {
	background-image: url(../img/headings/morrisons.jpg);
	background-repeat: no-repeat;
	height: 85px;
	width: 493px;
}

div.container div.gen_con h3.storytin {
	background-image: url(../img/headings/storytin.gif);
	background-repeat: no-repeat;
	height: 85px;
	width: 540px;
}

div.container div.gen_con h4.whatstin {
	background-image: url(../img/headings/whatsyourtin.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 540px;
}

div.container div.gen_con h3.guidetonfni {
	background-image: url(../img/headings/guidetonfni.jpg);
	background-repeat: no-repeat;
	height: 54px;
	width: 330px;
}
div.container div.gen_con h3.nr {
	background-image: url(../img/headings/nr.gif);
	background-repeat: no-repeat;
	height: 54px;
	width: 274px;
}
div.container div.gen_con h3 span {
	display: block;
	text-indent: -50000px;
}
div.container div.gen_con h4 {
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 10px;
}
div.container div.gen_con div.firstcol {
	width: 470px;
	position: relative;
	float: left;
}
div.container div.gen_con div.firstcolblackpanel {
	background-image: url(../img/backgrounds/firstcol.gif);
	background-repeat: no-repeat;
	width: 430px;
	overflow: hidden;
	padding: 10px 15px;
}

div.container div.gen_con div.firstcolblackpanel ol li {
    font-size: 0.7em;
    list-style-type: decimal;
    margin-left: 30px;
    margin-bottom: 15px;
    line-height: 1.2em;
}



div.container div.gen_con div.secondcol {
	width: 205px;
	position: relative;
	float: left;
	margin-left: 5px;
	padding: 10px 10px;
}



div.container div.gen_con div.secondcol3 {
	width: 205px;
	position: relative;
	float: left;
	margin-left: 5px;
	padding: 10px 10px;
	margin-top: 20px;
}


*+html div.nightinsecondcol {margin-top: 0px;}
div.christmascontent, div.sustainabilitycontent 
{
    margin-top: 50px;   
}

*+html div.christmascontent, div.sustainabilitycontent 
{
    margin-top: 20px;   
}

*html div.christmascontent, div.sustainabilitycontent  
{
    margin-top: 20px;   
}

div.container div.gen_con div.secondcolrange {
	width: 205px;
	position: relative;
	float: left;
	margin-left: 5px;
	padding: 10px 10px;
}

*html div.container div.gen_con div.secondcolrange {padding: 0px;}


div.container div.gen_con div.secondcol2 {
	width: 225px;
	position: relative;
	float: left;
	margin-left: 5px;
	padding: 0px;
	margin-top: 50px;
}

*+html div.container div.gen_con div.secondcol2 
{
    margin-top: 20px;    
}

*html div.container div.gen_con div.secondcol2 
{
    margin-top: 20px;    
}

div.container div.gen_con div.sidemenu {
	padding:0px 8px;
	margin: 0px;
}
*+html div.container div.gen_con div.sidemenu {
	margin-top: -15px;
}
div.container div.gen_con div.sidemenu ul li {
	margin: 0px;
	padding: 0px;
	margin-bottom: 1px;
	display: block;
	position: relative;
	overflow: hidden;
}
*+html div.container div.gen_con div.sidemenu ul li {
	margin-bottom: 0px;
}
div.container div.gen_con div.sidemenu ul li a {
	background-color: #9D357E;
	display: block;
	padding: 7px 10px;
	text-decoration: none;
	position: relative;
	overflow: hidden;
}
div.container div.gen_con div.sidemenu ul li a:hover {
	text-decoration: underline;
	color: #fff;
}
div.container div.gen_con div.sidemenu ul li a.selected {
	background-color: #4F1754;
	color: #fff;
}
#sidemenuheader {
	background-image: url(../img/menu/menuheader.gif);
	background-repeat: no-repeat;
	text-align: left!important;
	height: 18px;
	text-transform: none;
	font-size: 0.7em;
	padding-top: 8px;
	margin-left: 5px;
}
div.menutop {
	width: 225px;
	height: 12px;
	background-image: url(../img/panel/menutop.gif);
	background-repeat: no-repeat;
}
div.menubot {
	width: 225px;
	height: 12px;
	background-image: url(../img/panel/menubot.gif);
	background-repeat: no-repeat;
	background-color: #9D367F;
	margin-top: -1px;
}
div.christmastop, div.whiteboxfeature {
	width: 225px;
	height: 14px;
	background-image: url(../img/panel/christmaspaneltop.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
	position: relative;
	z-index: 10;
}
*html div.christmastop, div.whiteboxfeature {
	margin-left: 1px;
}
*+html div.christmastop, div.whiteboxfeature {
	margin-left: 1px;
}
div.christmasbot, div.whiteboxfeaturebot {
	width: 225px;
	height: 14px;
	margin-bottom: 15px;
	background-image: url(../img/panel/christmaspanelbot.gif);
	background-repeat: no-repeat;
	background-color: #9D367F;
}
div.christmaspadding {
	background-color: #F0E1EC;
	border: #71110B 3px solid;
	border-bottom: 0px;
	border-top: 0px;
	background-image: url(../img/panel/christmaspanel.gif);
	background-repeat: repeat-y;
	padding: 20px 15px 0px 15px;
	position: relative;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
}

div.whiteboxfeaturepadding {
	background-color: #F0E1EC;
	border: #71110B 3px solid;
	border-bottom: 0px;
	border-top: 0px;
	padding: 20px 15px 0px 15px;
	position: relative;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
}

div.whiteboxfeaturepadding h4 {color: #71110B; text-align: center; margin-top: -20px;}
html>body div.christmaspadding {
	min-height: 200px;
}
html>body div.whiteboxfeaturepadding {
	min-height: 200px;
}
div.christmaspadding p, div.whiteboxfeaturepadding p {
	color: #4D4D4D;
	line-height: 1.2em;
	text-align: center;
}
img.bulletpics {
	float: right;
	margin-left: 30px;
}
div.extend {
	width: 235px;
}
div.container div.gen_con div.secondcolblackpanel {
	background-image: url(../img/panel/rangepanels2.gif);
	background-repeat: no-repeat;
}


div.container div.gen_con div.secondcolmenupanel {
	background-image: url(../img/panel/menupanel.gif);
	background-repeat: no-repeat;
}
div.container div.gen_con div.secondcol img {
	margin-top: -5px;
}
div.container div.gen_con h5 {
	text-align: center;
	font-weight: bold;
	font-size: 0.9em;
	text-transform: uppercase;
	padding: 5px 0px 5px 10px;
}
div.secondcol h5 {
	text-align: center!important;
	font-size: 0.8em!important;
	text-transform: none!important;
	margin-bottom: 10px;
}
div.secondcolrange h5 {text-transform: none!important; font-size: 1.1em;}

div.secondcol h6, div.secondcolrange h6 {
	text-align: center!important;
	font-size: 0.8em!important;
	text-transform: none!important;
	margin-bottom: 10px;
	width: 200px;
}
div.centerlink {
	text-align: center!important;
	font-size: 0.8em;
	padding: 10px 0px;
	line-height: 1.2em;
}
div.container div.gen_con div.firstcol div.range {
	padding-bottom: 60px;
}
*html div.container div.gen_con div.firstcol div.range {
	padding-bottom: 30px;
}
div.drop {
	padding-top: 12px;
	background-color: #7C2164;
	background-image: url(../img/backgrounds/tabletop.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	position: relative;
	width: 225px;
}
div.drop h4 {
	text-align: center;
	margin-top: -10px;
}
div.dropped {
	padding-bottom: 20px;
	background-color: #7C2164;
	background-image: url(../img/backgrounds/tablebot.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
}
div.rangeproducts div.drop {
	margin-left: -10px;
}
div.inner table {
	width: 95%;
	margin: 0 auto;
	border-collapse: collapse!important;
	border: 0px;
}
div.inner table td, div.inner table th {
	text-align: left;
	font-size: 0.7em;
	vertical-align: top;
	color: #fff;
	padding: 10px;
	border-collapse: collapse!important;
	border: 0px;
}
div.inner table td {
	background-color: #7c2663;
	border: 0px;
}
div.inner table td.alt2 {
	background-color: #912d75;
	border: 0px;
}
div.enlarge {
	position: relative;
	margin-top: 10px;
}
div.enlarge img {
	position: absolute;
	right: 10px;
	top: 0px;
}
div.enlarge a {
	color: #fff;
	text-decoration: underline;
	font-size: 0.80em;
}
div.enlarge a:hover {
	color: yellow;
}
div.newswrapper {
	width: 100%;
	overflow: hidden;
}
div.newswrapper div.newsicon {
	width: 80px;
	height: 60px;
	position: relative;
	float: left;
	overflow: hidden;
}
div.newswrapper div.newsitem {
	position: relative;
	float: left;
	overflow: hidden;
	width: 300px;
	margin-left: 20px;
}
div.newswrapper div.newsitem a {
	margin-bottom: 10px;
	display: block;
	font-size: 0.9em;
}

div.easternutinfo {margin-top: -20px;}
/* NR Portion of the Stylesheet */


div.col50 {
	width: 350px;
	float: left;
	overflow: hidden;
}
div.gen_cont {
	width: 100%;
	overflow: auto;
}
*+html div.nr {margin-top: 30px;}
div.nightin {margin-top: 50px;}
*+html div.nightin {margin-top: 0px;}
*html div.nightin {margin-top: 0px;}
*+html div.refix {top: -20px;}

*+html div.nightinsecondcol {margin-top: 0px!important;}
*html div.nightinsecondcol {margin-top: 0px!important;}

div.nr div.prodImg {
	margin-top:20px;
}
div.prodCont {
	width: 100%;
	height: 15em;
	overflow: visible;
}
div.therange div.prodCont {
	height: 15em;
}
div.prodCont h3 {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 190px;
	margin-top: 10px;
	margin-bottom: 20px;
	color: #fff;
}
div.prodCont h3 a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
div.prodCont h3 a:hover, div.prodCont.Hover h3 a {
	text-decoration: underline;
}
div.prodCont.Hover p {
	color: #fff;
}
div.prodImg {
	float: left;
	width: 160px;
	text-align: center;
}
div.prodImg img {
	margin: auto;
}
p.prodText {
	float: left;
	width: 170px;
}
/* NR Portion of the Stylesheet */

/* Voting Page */

div.votepanel {
	background-image:url(../img/panel/votepanel.jpg);
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
	padding: 10px 20px 10px 20px;
	width: 100%
}
div.votenum, div.questionnum, div.votesweets, div.votedescription, div.votepercent, div.questionsweets {
	float: left;
	position: relative;
	overflow: hidden;
}
div.votenum {
	background-image:url(../img/vote/numberblock.jpg);
	background-repeat: no-repeat;
	width: 81px;
	height: 58px;
	text-align: center;
	font-size: 2em;
	padding-top: 23px;
	margin-top: 10px;
}
div.questionnum {
    background-image:url(../img/vote/questionblock.gif);
	background-repeat: no-repeat;
	width: 54px;
	height: 44px;
	text-align: right;
	font-size: 2em;
	padding-top: 23px;
	margin-top: 40px;
}
div.votesweets {
	width: 230px;
	margin-left: 10px;
}
div.questionsweets {
	width: 180px;
}
div.votedescription {
	margin-top: 20px;
	width: 190px;
}
div.tindescription {width: 270px; margin-top: 0px;}
div.votepercent {
	margin-top: 30px;
	margin-left: 40px;
	font-size: 2em;
}
div.tinvote {font-size: 1em;}

.titleintro {top: 10px; left: 20px; width: 190px; float: left; position: relative;}
/* Voting Page */


/* Footer CSS */

div.footer {
	width: 677px;
	padding-left: 33px;
	padding-right: 50px;
	height: 80px;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 0px;
	font-size: 0.7em;
	font-family: Arial, Verdana, Tahoma, "Trebuchet MS", "Times New Roman", sans-serif;
	color: #fff;
	clear: both;
	position: relative;
	overflow: hidden;
	background-image: url(../img/backgrounds/footer.jpg);
	background-repeat: repeat-x;
}
div.footerlogo {
	width: 150px;
	float: left;
	position: relative;
	margin-top: -10px;
}
div.footerlinks {
	width: 580px;
	margin-left: 120px;
	margin-top: -30px;
	float: left;
	position: relative;
	display: block;
}
*html div.footerlinks {
	margin-left: 60px;
	margin-top: -30px;
}
div.footerlinks p {
	position: relative;
	float: left;
	padding-right: 5px;
	color: #fff;
}
div.footerlinks ul li {
	display: inline;
}
div.footerlinks ul li a {
	color: #fff;
	font-weight: bold;
	padding: 0 3px;
}
div.footerlinks ul li a:hover {
	color: #ffc3ee;
}

.reuse {
	margin-top: 12px;
}

.newrangeinfo {width: 10px; float: left; width: 130px; margin-top: 20px;}
div.newrangeinfo a {clear: both!important; margin: 0px!important; position: absolute; bottom: 20px;}

.matchmakerstext p {padding: 0px!important;}

/* Night In section */

.corinne {font-style: italic; font-family: "Times New Roman", Sans-Serif; font-size: 1.3em;}
.pfeature {position: absolute; top: 0px; left: 2px;}

/* Night In section */

/* Quality Street Ultimate Party Promo Amends - 6-11-2008 */

div.ultimateparty 
{
    position: absolute; top: -70px; left: 295px; z-index: 100;
}

div.ultimate-prizes 
{
    top: -29px;
    right: -200px;
    position: absolute;
}

* html div.ultimate-prizes {
    right: -190px;
}

div.ultimateparty p {
	width: 240px;
	margin-left: -10px;
	text-align: center;
}

* html div.ultimateparty p {
       margin-left: 0px;
}

div.enternow 
{
   margin-left: 0px;   
}

.enternow .enterbtn {
	background: url(../img/haveyouseen/enternow.jpg) no-repeat;
	width: 117px;
	height: 24px;
	border: 0;
	text-align: center;
	color: #fff;
	margin-left: 50px;
	font-weight: bold;
	cursor: pointer;
	font-size: 12px;
}

form .castvote {
	background: url(../img/celebmum/castvote.jpg) no-repeat;
	width: 137px;
	height: 32px;
	border: 0;
	text-align: center;
	color: #fff;
	margin-bottom: 20px;
	font-weight: bold;
	cursor: pointer;
	font-size: 12px;
}

form .formRow .vote_btn {
	background: url(../img/celebmum/vote_btn.jpg) no-repeat;
	width: 86px;
	height: 33px;
	border: 0;
	text-align: center;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	font-size: 12px;
	float: none;
	position: absolute;
	top: 190px;
	left: 190px;
}

div.termsandcs {
    float: right;
    position: relative;
    width: 200px;
    margin-top: -50px;
}

div.termsandcs a
{
    font-size: 0.9em;   
}

* html div.haveyouseenfix 
{
   margin-top: -77px;
}

*+html div.haveyouseenfix 
{
   margin-top: -77px;
}

/* CELEB MUM 2009 COMP CSS */

.movecontentCeleb .secondcol
{
    margin-top:-36px;
    margin-right:2px;
}

.movecontentCeleb .firstcol
{
    margin-top:-6px;
}

h4.letterStart
{
    background:url(../img/celebmum/helloeveryone.gif) no-repeat top left;
    width:179px;
    height:32px;
    text-indent:-9999px;
}
h4.letterEnd
{
    background:url(../img/celebmum/lovesandra.gif) no-repeat top left;
    width:158px;
    height:59px;
    text-indent:-9999px;
}

form
{
    margin-bottom:35px;
}

.formRow
{
    clear:both;
    width:376px;
    overflow:hidden;
    padding:8px;
    background-color:#8D2E76;
    margin-bottom:1px;
    font-size:0.7em;
}
.formRow label
{
    float:left;
    padding-top:4px;
    padding-bottom:2px;
}

.formRow label a
{
    text-decoration:underline;
}
.formRow input
{
    float:right;
    width:150px;
}

.formRow span.error
{
    font-weight:bold;
    display:block;
    clear:both;
    padding-top:3px;
}

.formRow .tickBox input
{
    width:13px;
    margin-right:142px;
}

.formRow .submitBtn
{
    width:50px;
}

/* Sustainability */

div.sustainabilitycontent h4
{
    display: block;
}

div.sustainabilitycontent 
{
    padding: 25px 25px 15px 25px!important; 
    width: 400px!important;
    margin-right: 20px;
}

div.sustainabilitycontent h4 span 
{
    display: block;
    text-indent: -100000px;   
}

div.sustainsecondcol 
{
    margin-top: 20px!important;   
}

h4.storytin 
{
    background:url(../img/headings/storytin.gif) no-repeat top left; 
}

h4.morrison 
{
    background:url(../img/headings/terms.gif) no-repeat top left; 
}

h4.recycling 
{
    background:url(../img/headings/recycling.gif) no-repeat top left; 
}

div.recycling_info ul 
{
    margin: 0px 0px 0px -28px;
    padding: 0px;   
}

* html div.recycling_info 
{ 
   width: 400px;
   overflow: hidden;
}

div.recycling_info ul li 
{
     margin: 0px;
     padding: 0px; 
     background-repeat: no-repeat;
     width: 466px;
     height: 326px;  
}

div.recycling_info ul li span 
{
     display: block;
     text-indent: -10000px;   
}

div.recycling_info ul li.step1 
{
     background-image:url(../img/sustainability/recycle2.jpg);   
}

div.recycling_info ul li.step2 
{
     background-image:url(../img/sustainability/recycle1.jpg);   
}

div.recycling_info ul li.step3 
{
     background-image:url(../img/sustainability/recycle3.jpg);   
}

div.recycling_info ul li.step4 
{
     background-image:url(../img/sustainability/recycle4.jpg);   
}