/* CSS Document */

body, p, h1, h2, h3, h4, h5, h6, table, td, th, ul, ol, li, form, textarea, input, select {padding:0px; margin:0px}

img {border:none}

body {
	background-color: #0f0f0f;
	background-image: url(../images/illoom/bg.jpg);
	background-repeat: no-repeat;
	background-position: center 40px;
	color:#838383;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

p {padding-bottom:6px;}

a:link {
	color: #FFFFFF;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #FFFFFF;
}
a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
a:active {
	text-decoration: underline;
	color: #FFFFFF;
}

h1, h2, h3, h4, h5 {
	font-family:Arial, Helvetica, sans-serif;	
	color:#FFFFFF;
}
h1, h2, h3 {
	font-size:22px;
	font-weight:normal;
}
h1{
	font-size:24px;
}


#Container {
	width:930px;
	margin-left:auto;
	margin-right:auto;
}


/* Header */

#Header {
	position:relative;
	width:930px;
}

#Logo {
	float:left;
	width:130px;
	height:60px;
	padding-top:20px;
	padding-left:35px;
}


#Header #NavigationTop{
	position:absolute;
	top:10px;
	right:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#Header #NavigationTop ul li a{
	color:#778789;
	background-image:url(../images/illoom/bullets/arrow_1.gif);
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:8px;
	font-size:11px;
	margin-right:7px;
}

#Header #NavigationTop ul li a:hover,
#Header #NavigationTop ul li a:active,
#Header #NavigationTop ul li a:focus{
	color:#ffe700;
	background-image:url(../images/illoom/bullets/arrow_2.gif);
}

#Header #DragonsDen {
	position:absolute;
	top:35px;
	right:12px;
}

#Header #Navigation {
	padding-top:52px;
}

#Header #Navigation ul li {
	background-image: url(../images/illoom/nav-divider.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-left: 2px;
	margin-right:2px;
}
#Header #Navigation ul li#NavFeedback ,
#Header #Navigation ul li#NavNews {
	background-image:none;
}

#Header #Navigation ul.linkListH li a {
	font-size:13px;
	color:#ADBEC0;
	text-transform:uppercase;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-left:15px;
	padding-right:15px;
	cursor:hand;
	display:block;
	text-decoration:none;
}

#Header #Navigation ul li#NavFeedback a,
#Header #Navigation ul li#NavNews a {
	background-repeat:no-repeat;
}

#Header #Navigation ul li#NavFeedback a {
	background-image:url(../images/illoom/feedback_icon.gif);
	background-position:10px center;
	padding-left:30px;
}

#Header #Navigation ul li#NavNews a {
	background-image:url(../images/illoom/news_icon.gif);
	background-position:0px center;
	padding-left:20px;
	margin-right:0px;
	padding-right:0px;
}

#Header #Navigation ul li a.selected {
	background-image:url(../images/illoom/navSelection.gif);
	background-repeat:no-repeat;
	background-position: center bottom;
	color:#FFFFFF;
}

#Header #Navigation ul li#NavFeedback a,
#Header #Navigation ul li#NavNews a{
	font-size:11px;
}

#Header #Navigation ul li#NavFeedback.selected,
#Header #Navigation ul li#NavNews.selected,
#Header #Navigation ul li#NavFeedback.selected a,
#Header #Navigation ul li#NavNews.selected a{
	color:#F26121;
	background-image:none;
}

#Header #Navigation ul li a:hover,
#Header #Navigation ul li a:active,
#Header #Navigation ul li a:focus{
	color:#ffffff;
}


/* Flash message
*/

div.flash-message {
	margin: 20px 0 40px 0;
	padding: 10px;
	border: 2px dashed #ffe700;
	color: #eeeeee;
}


/* Content */

#Content {
	background-image: url(../images/illoom/content_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	min-height:520px;
	clear:both;
	padding-bottom:1px;
}
*html #Content {height:520px} /* ie6 */

#Banner {
	padding-left:40px;
	height:100px;
	padding-top:30px;
	background-repeat: no-repeat;
}
#Banner .inner{
	width:480px;
}

#Banner.homeBanner {
	background-image: url(../images/illoom/home-banner.jpg);	
	height:387px;
	padding:0px;
}
.homeBanner h1 {
	text-align:right;
	padding-top:90px;
	padding-right:370px;
}
.homeBanner p {
	padding-bottom:20px;
	padding-left:58px;
}
.homeBanner a {
	padding-left:58px;
}
#BuyBanner {
	background-image: url(../images/illoom/buy-top.jpg);
	background-repeat:no-repeat;
	padding-top:59px;
	padding-left:320px;
}
#BuyBanner h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
}

#ProductBanner {
	/*background-image: url(../images/illoom/product-banner.jpg);*/
	background-repeat:no-repeat;
	height:104px;
	padding-top:225px;
}
#ProductBanner h2 {
	font-size:15px;
	padding-left:10px;
}
#ProductBanner p {
	width:170px;
	padding-left:10px;
	font-size:11px;
}

#BrandingBanner {
	background-image: url(../images/illoom/branding-banner.jpg);
	height:389px;
}
#HowBanner {
	background-image: url(../images/illoom/how-banner.jpg);
	height:179px;
}
#HowBanner h1 {
	padding-top:107px;
	padding-left:22px;
}
#HowBanner p {
	padding-left:22px;
	width:400px;
}

.useBanner {
	background-image: url(../images/illoom/banner_4.jpg);
}


.feedbackBanner {
	background-image: url(../images/illoom/banners/feedback_1.jpg);
}
.newsBanner {
	background-image: url(../images/illoom/banners/news_1.jpg);
}


.columnLeft,
.columnMiddle,
.columnRight {
	float:left;
}
.columnLeft {
	margin-left:1px;
	width:309px;
}
.columnMiddle {
	width:310px
}
.columnRight {
	width:309px;
}

.leftContent {
	float:left;
	width:590px;
	min-height:333px;
	margin-top:10px;
	margin-left:15px;
	padding:22px 44px 22px 44px;
}
*html .leftContent {height:333px; display:inline;} /*ie6*/

.leftBox {
	float:left;
	width:517px;
	min-height:333px;
	background-image: url(../images/illoom/leftBox.gif);
	background-repeat: no-repeat;
	background-color:#0e0e0e;
	margin-top:10px;
	margin-left:15px;
	padding:22px 44px 22px 44px;
}
*html .leftBox {height:333px} /*ie6*/

.leftBox h2 {
	font-size:30px;
	padding-bottom:10px;
}

.leftContentTwo {
	float:left;
	width:590px;
	padding:20px;
}

.leftContentTwo h1 {
	font-size:22px;
	padding-bottom:10px;
}


.sideBarOne {
	margin-left:673px;
	padding-top:20px;
	padding-left:26px;
	width:200px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #232323;
}
.sideBarOne h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}
.sideBarOne a {
	color:#91989a;
	text-decoration:none;
}

.sideBarTwo {
	margin-left:638px;
	padding-top:20px;
	width:275px;
}

.sideBarThree {
	margin-left:618px;
	padding-top:20px;
	width:275px;
}

.rightBox {
	width:265px;
	background-color:#010101;
	margin-top:8px;
	padding:14px;
	background-repeat:no-repeat;
	background-position:bottom right;
}
.rightBox .inner{
	width:140px;
}
.rightBox h4,
.rightBoxPumpkin h4,
.rightBoxEnquire h4 {
	font-size:18px;
	font-weight:normal;
}
.rightBox p,
.rightBoxPumpkin p,
.rightBoxEnquire p {
	font-size:11px;
}
.rightBox a,
.rightBox a:visited {
	text-align:right;
	text-decoration:none;
	background-image: url(../images/illoom/bullets/arrow_2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:10px;
}
.rightBoxPumpkin {
	width:135px;
	background-color:#010101;
	margin-top:8px;
	padding:14px;
	padding-right:144px;
	background-image: url(../images/illoom/pumpkins.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}



div.podLink,
a.podLink,
a:visited.podLink {
	display:block;
	min-height:155px;
	text-decoration:none;
}
*html div.podLink, *html a.podLink, a:visited.podLink {height:155px} /* ie6 */ 

div.columnMiddle div.podLink,
div.columnMiddle a.podLink {
	background-color:#181717;
}
a:hover.podLink {
	background-color:#2e2e2e;
}
div.columnMiddle a:hover.podLink {
	background-color:#181717;
}

div.podLink h2,
a.podLink h2,
a:visited.podLink h2 {
	padding-top:25px;
	padding-left:25px;
}

div.podLink p,
a.podLink p{
	color:#999999;
	padding-left:25px;
	padding-right:25px;
}

div.podLink:hover h2,
a.podLink:hover h2,
a.podLink:active h2,
a.podLink:focus h2{
	color:#FFE700;
}

.columnRight div.podLink .inner,
.columnRight a.podLink .inner {
	background-repeat: no-repeat;
	background-position: center bottom;
}

p.small{
	font-size:90%;
}
/* How to Buy */

#Buy {
	background-image: url(../images/illoom/buy-bg.gif);
	background-repeat: repeat-y;
}
#BuyBot {
	background-image: url(../images/illoom/buy-bot.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height:144px;
}

#Buy h2 {
	font-size:34px;
	background-image: url(../images/illoom/tesco.gif);
	background-repeat: no-repeat;
	background-position: 410px 4px;
	padding-right:162px;
	padding-bottom:10px;
}
#Buy h3 {
	font-size:28px;
	padding-top:10px;
}

ul.locations {
	padding-top:20px;
}

ul.locations li {
	list-style:none;
	float:left;
	padding:10px;
	background-image: url(../images/illoom/buy-locations-bg.png);
	background-repeat: repeat-x;
	width:152px;
	margin-right:10px;
}
ul.locations li h4 {
	background-image: url(../images/illoom/bullets/arrow_2.gif);
	background-repeat: no-repeat;
	padding-left:10px;
	background-position: left center;
	font-size:18px;
	font-weight:normal;
}

ul.store-logos{
	padding:0;
	margin:0 0 20px 0;
	width:570px;
	float:left;
}

ul.store-logos li{
	float:left;
	margin:0 10px 10px 0;
	list-style-type:none;	
	background-color:#fff;
}

ul.store-logos li img {
	display:block;
}

ul.store-logos li.tesco-logo{
	width:537px;
	margin-right:0;
}


/* Homepage */

#news-pod:hover h2 a {
	color:#FFE700;
}

#news-pod h2 a {
	text-decoration: none;
}

#news-pod .container {
	overflow: hidden;
	height: 100px;
	position: relative;
}

#news-pod .item {
	clear: both;
	height: 100px;
	position: relative;
	top: 0px;
}

#news-pod .item h3 {
	font-size: 14px;
}


.scroll-images {
	overflow: hidden;
	position: relative;
	width: 309px;
}

.scroll-images .container {
	width: 3000px;
	position: relative;
	left: 0;
}

.scroll-images img {
	position: relative;
	border: 1px solid #636268;
	float: left;
	margin: 0 1px;
}



/* Products */

.productBox {
	background-repeat: no-repeat;
	background-position: center bottom;
	width:117px;
	height:173px;
	border: 1px solid #656363;
	margin-right:18px;
	float:left;
	padding:5px;
	margin-bottom:18px;
}
*html .productBox {display:inline} /* ie6 float bug */

/*
#ProductPink {background-image: url(../images/illoom/product-pink.jpg)}
#ProductBlue {background-image: url(../images/illoom/product-blue.jpg)}
#ProductMixed {background-image: url(../images/illoom/product-mixed.jpg)}
#ProductPumpkin {background-image: url(../images/illoom/product-pumpkin.jpg)}
*/
.productBox li {
	list-style:none;
	float:left;
	font-size:10px;
	width:57px;
}


/* Branding */

#BrandingImage {
	margin-left:1px;
	float:left;
	width:464px;
}

.brandingTxt {
	margin-left:568px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #353535;
	width:322px;
	padding-top:24px;
	padding-bottom:24px;
}

#BrandingThumbs {
	margin-top:40px;
}

#BrandingThumbsContent {
}
#BrandingThumbsContent img {
	padding-left: 4px;
	padding-right:4px;
}

#BrandingMask {
	width:410px;
	height:88px;
	overflow:hidden;
	float:left;
}
.brandingArrow {
	float:left;
}


/* How it works */

#How {
	margin-left:1px;
	margin-right:1px;
	background-image: url(../images/illoom/how-bg.gif);
	background-repeat: repeat-y;
}
#HowContent{
	width:618px;
	float:left;
}

#accordion {
	margin-left:622px;
	margin-right:1px;
	background-image: url(../images/illoom/inflating.jpg);
	background-repeat: no-repeat;
	padding:250px 16px 10px 16px;
	background-position: right top;
	background-color:#000000;
}

#BottomBar {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #272727;
	background-image: url(../images/illoom/safety_ce.gif);
	background-repeat: no-repeat;
	background-position: 782px bottom;
}
#BottomBar .inner{
	float:left;
	width:618px;
}

.bottomBarPod {
	float:left;
	width:175px;
	padding:13px 15px 10px 15px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #272727;
}

#BottomBar h5 {
	font-size:16px;
	text-transform:uppercase;
	font-weight:normal;
}

/* Use */

#UseMask {
	float:left;
	width:366px;
	height:385px;
	overflow:hidden;
	margin-left:64px;
	margin-right:60px;
	display:inline;
}
*html #UseMask {display:inline} /*ie6*/

#UseImgs {
}
#UseImgs img {
	display:block;
	border: 3px solid #FFFFFF;
	margin-top:8px;
	margin-bottom:8px;
}

#Use {
	padding-top:40px;
	padding-right:38px;
}
#Use h2 {
	font-size:32px;
	float:left;
}

#UseThumbs {
	padding-top:24px;
	padding-bottom:30px;
}
#UseThumbs img {
	border: 2px solid #313131;
	margin:1px;
}
#UseThumbs img.currentThumb {
	border: 2px solid #FFFFFF;
}



/* News */

.moreNews {
	width:275px;
	background-image: url(../images/illoom/morenewsbg.gif);
	background-repeat: no-repeat;
}
*html .moreNews {background-image: url(../images/illoom/morenewsbg.gif);background-repeat: no-repeat} /* Hide 3px gap in ie6 */

.moreNews a,
.moreNews a:visited {
	display:block;
	height:40px;
	text-decoration:none;
}
a.prevNews {
	background-image: url(../images/illoom/newsleft.gif);
	width:38px;
	float:left;
}

a.nextNews {
	background-image: url(../images/illoom/newsright.gif);
	background-position: right top;
	width:190px;
	padding-right:38px;
	text-align:center;
	line-height:40px;
	font-size:15px;
	margin-left:38px;
}

.moreNews a:hover {
	background-position: right 40px;
}

/* Feedback */

.smiley {
	background-image: url(../images/illoom/smiley.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	float:left;
	width:150px;
	color:#ffd843;
	padding:5px 0px 5px 47px;
	margin-top:10px;
}


/* Footer */

#Footer{
	font-size:10px;
	color:#4F5A5B;
	float:left;
	display:block;
	min-height:80px;
	/*background-image:url(../images/background_2.jpg);*/
	background-repeat:no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:930px;
}

#Footer a{
	color:#788386;
	text-decoration:none;
}

#Footer a:hover,
#Footer a:active,
#Footer a:focus{
	color:#ffe700;
}

#Footer p{
	padding:0;
	margin:0;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#Footer div.left{
	margin-top:5px;
	display:inline;
	margin-left:15px;
}

#Footer #Azexis a{
	background-image:url(../images/illoom/logos/azexis.gif);
	background-position:right top;
	background-repeat:no-repeat;
	padding-right:28px;
	display:block;
	margin-top:20px;
	margin-right:14px;
	height:20px;
	line-height:20px;
}

#Footer #Azexis a:hover{
	background-image:url(../images/illoom/logos/azexis.gif);
	background-position:right bottom;
}

#FooterLinks p#SeatrieverLogo,
#FooterLinks p#DragonsDenLogo{
	margin-top:10px;
}

#Footer #FooterLinks div.left{
	margin-left:15px;
}

#Footer ul.linkListH li{
	background-image:url(../images/footerSeparator_1.gif);
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:5px;
	padding-left:3px;
}

#Footer ul.linkListH li.first{
	padding-left:0;
}

#Footer ul.linkListH li.first a{
	padding-left:0;
}

#Footer ul.linkListH li.last{
	background-image:none;
}

#FooterLinks p#SeatrieverLogo a span.label,
#FooterLinks p#DragonsDenLogo a span.label{
	display:none;
}

#FooterLinks p#SeatrieverLogo a,
#FooterLinks p#DragonsDenLogo a{
	display:block;
	background-repeat:no-repeat;
	background-position:0 0;
	height:29px;
	overflow:hidden;
}



#FooterLinks p#SeatrieverLogo a{
	width:157px;
	background-image:url(../images/illoom/logos/seatriever_1.gif);
}

#FooterLinks p#SeatrieverLogo a:hover,
#FooterLinks p#SeatrieverLogo a:active,
#FooterLinks p#SeatrieverLogo a:focus{
	background-position:0 -29px;
}

#FooterLinks p#DragonsDenLogo a{
	width:137px;
	background-image:url(../images/logos/dragonsDen_1.jpg);
}

#FooterLinks p#DragonsDenLogo a:hover,
#FooterLinks p#DragonsDenLogo a:active,
#FooterLinks p#DragonsDenLogo a:focus{
	background-position:0 -29px;
}


/* Generic */

.clear {clear:both}

.left {float:left}

.right {float:right}

.hidden {display:none}

.alignRight {text-align:right}
.alignCenter {text-align:center}

ul.linkListH,
ul.moreLinks{
	padding:0;
	margin:0;
}

ul.linkListH li,
ul.moreLinks li{
	list-style:none;
	float:left;
	padding:0;
	margin:0;
}

ul.linkListH li a,
ul.moreLinks li a{
	display:block;
	padding:5px;
	text-decoration:none;
}

ul.moreLinks li{
	margin-right:18px;
	text-transform:uppercase;
}

ul.moreLinks li a{
	color:#949DA0;
	background-image:url(../images/illoom/bullets/bullet_1.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
	padding-left:22px;
	text-transform:uppercase;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

ul.moreLinks li a:hover,
ul.moreLinks li a:active,
ul.moreLinks li a:focus{
	color:#ffe700;
}

ul.menuLinksV{
	display:block;
	padding:0;
	margin:0;
}

ul.menuLinksV li{
	display:block;
	list-style:none;
	padding:0;
	margin:0;
}

ul.menuLinksV li a{
	text-decoration:none;
	display:block;
	padding:5px;
	padding-left:20px;
	background-image:url(../images/illoom/bullets/arrow_1.gif);
	background-position:6px center;
	background-repeat:no-repeat;
}

ul.menuLinksV li a:hover,
ul.menuLinksV li a:active,
ul.menuLinksV li a:focus,
ul.menuLinksV li.selected a{
	background-image:url(../images/illoom/bullets/arrow_2.gif);
	color:#fff;
}

ul.arrowList li {
	list-style:none;
	background-image: url(../images/illoom/bullets/arrow_3.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:8px;
	padding-bottom:2px;
}

ul.sideMenu {
	width:275px;
	margin-top:10px;
	margin-bottom:10px;
}
ul.sideMenu li {
	list-style:none;
}
ul.sideMenu li a h4 {
	font-size:15px;
	color:#cdcdcd;
}
ul.sideMenu li a {
	display:block;
	text-decoration:none;
	color:#cdcdcd;
	padding:8px;
}
ul.sideMenu li a:hover {
	background-color:#171717;
}
ul.sideMenu li a:hover h4 {
	color:#ffe700;
}


.yellow {color:#ffe700}
.green {color:#17b923}
.blue {color:#0992b5}
.pink {color:#ff2ba1}
.white {color:#FFFFFF}
.orange {color:#e95b0f}


table.dataNav_1{
}
table.dataNav_1 td{
	text-align:center;
}
table.dataNav_1 td.pages,
table.dataNav_1 td.first,
table.dataNav_1 td.last{
	display:none;
}
table.dataNav_1 td .fade{
	display:block;
	text-indent:-5000px;
}
table.dataNav_1 td.previous,
table.dataNav_1 td.next{
	width:24px;
	height:24px;
}
table.dataNav_1 td.previous a,
table.dataNav_1 td.next a{
	display:block;
	height:24px;
	width:24px;
	text-indent:-5000px;
	overflow:hidden;
	float:left;
	background-repeat:no-repeat;
	background-image:url(../images/illoom/buttons/nextPrevious.png);
}
table.dataNav_1 td.previous a:hover,
table.dataNav_1 td.previous a:focus,
table.dataNav_1 td.previous a:active{
	background-position:0 -25px;
}
table.dataNav_1 td.next a{
	float:right;
	background-position:-25px -0;
}
table.dataNav_1 td.next a:hover,
table.dataNav_1 td.next a:focus,
table.dataNav_1 td.next a:active{
	background-position:-25px -25px;
}
table.dataNav_1 td.page{
	width:24px;
}

.navCell_2 a{
	color:#FFE700;
}