@charset "UTF-8";
/* CSS Document */

/* 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-style: normal; font-size: 100%; line-height: 1.25em; font-family: inherit; text-align: left;}
body {background-color: #000; color: #FFF;}
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: "";}
hr {display:none}
/* Generic CSS for all sites by Mike Franklin */

body {
	background: url(../img/header_fade.jpg) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.page {
	width: 760px;
	margin: auto;
}
.page #logo {
	display: block;
	width: 291px;
	height: 109px;
	margin: auto;
	margin-top: 11px;
}

.page .leftCol {
	float: left;
	margin-left: 28px;
	width: 203px;
	margin-right: 8px;
	margin-top: 10px;
	display: block;
}

.page .rightCol {
	float: left;
	width: 485px;
	margin-top: 10px;
	position: relative;
	display: block;
}


.menu {
	background: url(../img/backgrounds/box_menu_top.gif) no-repeat top;
	width: 203px;
	padding-top: 46px;
}

* html .menu {padding-top: 26px;}
*+html .menu {padding-top: 26px;}
	.menu .bottom {
		background: transparent url(../img/backgrounds/box_menu_bottom.gif) no-repeat bottom;
		padding-bottom: 15px;
	}
	
	.bottom h4 {color: #000; padding-bottom: 10px;}
	
	.bottom a {color: #999; font-size:0.7em;}
	.bottom a:hover {color: #444;}
	.menu ul li a {
		display: block;
		line-height: 1.2em;
		padding-left: 7px;
		width: 170px;
		background: #fcfcfc url(../img/arrow_grey.gif) 154px 50% no-repeat;
		margin-left: 13px;
		margin-bottom: 2px;
		color: #999999;
		text-decoration: none;
		font-size: 0.8em;
		padding-top: 7px;
		padding-bottom: 7px;
	}
	
	.selected, .whiteselected {color: #000!important;}
	
	.menu .white {
		background: #ffffff url(../img/arrow_white.gif) 154px 12px no-repeat;
	}
	.menu  ul li a:hover {
		color: #444444;
	}
	
div.main {
	width: 485px;
	background-image: url(../img/backgrounds/box_strip.gif);
	display: block;
	clear: both;
}
	.main .bottom {
		padding-top: 64px;
		background: url(../img/backgrounds/box_bottom.jpg) no-repeat bottom;
		background-position: bottom left;
		position: relative;
		overflow: hidden;
	}
	
div.prodimg {position: relative; left: 210px; top: 0px; padding-bottom: 0px;}
.nomulti div.prodimg {position: relative; left: 210px; top: 0px; padding-bottom: 30px;}

* html div.prodimg {top: -40px; padding-bottom: 0px;}

div.original h2, div.original h3 {display: block; text-indent: -1000px; margin: 0px; padding: 0px; height: 0px;}

	
.main .bottom p {color: #999999; font-size: 0.7em; padding-bottom: 20px; line-height: 1.2em;}

div.content {padding: 0px 20px 30px 20px;}

.original {
	background: url(../img/backgrounds/box_original.gif) no-repeat top;
	width: 485px;
	display: block;
}

.green_top {
	background: url(../img/backgrounds/box_green_top.gif) no-repeat top;
	width: 485px;
	display: block;
}

.errorpage {padding-top: 15px!important;}

.spearmint {
	background: url(../img/backgrounds/box_spearmint.gif) no-repeat top;
	display: block;
}

.sugarfree {
	background: url(../img/backgrounds/box_sugarfree.gif) no-repeat top;
	display: block;
}

.fruit {
	background: url(../img/backgrounds/box_fruit.gif) no-repeat top;
	display: block;
}

.history {
	background: url(../img/backgrounds/box_history.gif) no-repeat top;
	display: block;
}

.aero {
	background: url(../img/backgrounds/box_aero.gif) no-repeat top;
	display: block;
}

.aftereight {
	background: url(../img/backgrounds/box_aftereight.gif) no-repeat top;
	display: block;
}

.kitkat {
	background: url(../img/backgrounds/box_kitkat.gif) no-repeat top;
	display: block;
}

.heaven {
	background: url(../img/backgrounds/box_heaven.gif) no-repeat top;
	display: block;
}

.milkybar {
	background: url(../img/backgrounds/box_milkybar.gif) no-repeat top;
	display: block;
}

.rowntrees {
	background: url(../img/backgrounds/box_rowntrees.gif) no-repeat top;
	display: block;
}

.qualitystreet {
	background: url(../img/backgrounds/box_qualitystreet.gif) no-repeat top;
	display: block;
}

.smarties {
	background: url(../img/backgrounds/box_smarties.gif) no-repeat top;
	display: block;
}

div.rimonly 
{
    background: url(../img/backgrounds/rim.jpg) no-repeat top;
	display: block;
}

div.nrlink {position: absolute; top: 20px; right: 25px; font-size: 16px;}
div.nrlink a {color: #999;}

* html div.nrlink { top: 0px; }

div.nrlogo {position: relative; overflow: hidden; width: 140px; height: 120px; display: block; float: left; padding-right: 20px;}
div.nrcontent {position: relative; overflow: hidden; width: 280px;}
html div.nrcontainer {position: relative; overflow: hidden;}

* html div.nrcontainer { margin-top: -25px; }

div.rimonly div.content {padding-top: 0px; margin-top: -30px;}


div.tablecontainer {float: left; display: block; margin-top: 0px; width: 100%; margin-top: -280px; position: relative; overflow: hidden;}

.nomulti div.tablecontainer {float: left; display: block; margin-top: 0px; width: 100%; margin-top: -300px; position: relative; overflow: hidden;}

* html div.tablecontainer {margin-left: -15px; margin-top: -310px;}

table {color: #999; font-size: 0.7em;}
table td {vertical-align: top; padding: 5px;}
table th {font-weight: bold;}
table td.grey {background-color: #fcfcfc;}
.la {text-align: left;}
.ra {text-align: right;}

.table1 {float: left; width: 180px; display: block; position: relative; margin-left: 15px;}
.table2 {float: left; width: 180px; display: block; position: relative; margin-left: 95px;}


.multipacks {
	padding-bottom: 30px;
	overflow: hidden;
	zoom:1;
}
.multipacks p {
	float: left;
	color: #999;
	font-size: 0.7em;
	padding-left:70px;
	padding-top: 30px;
	width: 210px;
}
.multipacks .originals {
	padding-left:170px;
}
.multipacks img {
	float: right; margin-right: 30px;
}
.multipacks .teeth {
	float: left;
	height: inherit;
	margin-left: 30px;
	margin-top: 22px;
}

ul.icons li {display: block; width: 101px; font-size: 1em; height: 140px; float: left; padding-right: 10px; padding-bottom: 0px;}
ul.icons li p {clear: both; text-align: center; padding-bottom: 0px;}
ul.icons { overflow: hidden; zoom: 1; margin-left: 1px; padding: 0px; }

div.footerbg {background-image: url(../img/backgrounds/footer.jpg); background-repeat: repeat-x; clear: both;}
div.footer {background-image: url(../img/backgrounds/footer.jpg); background-repeat: no-repeat; display: block; height: 100px; color: #acacac; clear: both; width: 760px; margin: 0 auto;}
div.footerlogo {position: relative; top: 22px; left: 40px; float: left;}
div.footerlinks {position: relative; float: left; font-size: 0.6em; top: 35px; left: 45px;}
div.footerlinks p {float: left; padding-right: 15px;}
div.footerlinks ul {position: relative; float: left;}
div.footerlinks ul li {display: inline;}
div.footerlinks ul li a {color: #acacac; text-align: left; padding: 0px 8px 0px 0px; background-image: url(../img/backgrounds/sep.jpg); background-repeat: no-repeat; background-position: center right;}
div.footerlinks ul li a.nosep {background-image: none;}