/* CSS Document */

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

img {border:none}

html {
	min-height: 100%;
	height: auto;
	padding-bottom:80px; /* fix Safari, Chrome, Opera issue */
}

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

#page-canvas {
	background-image: url(../images/illoom/logo-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	min-height:780px;
	height:auto !important;
	height:780px;

}

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;
}
h3{
	font-size:18px;
}

ul.bullets li {
	list-style:none;
	background-image:url(../images/illoom/bullets/yellow.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding:2px 0px 2px 12px;
}

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


/* Header */

#Header {
	position:relative;
	width:930px;
	z-index:2;
}

#Logo {
	float:left;
	width:135px;
	height:50px;
	padding-top:23px;
	padding-left:7px;
}

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

#Header #NavigationTop ul li {
	margin-right:7px;
}

#Header #NavigationTop ul li a{
	color:#999999;
	background-image:url(../images/illoom/bullets/arrow_1.gif);
	background-position:10px center;
	background-repeat:no-repeat;
	padding-left:18px;
	font-size:10px;
	text-transform:uppercase;
	border-left:#303031 solid 1px;
}

#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 #NavigationTop ul li #Region {
	position: relative;
}

#Header #NavigationTop ul li #Region ul.locationActive li {
	background-image:url(../images/illoom/bullets/arrow_1_down.gif);
	background-position:right center;
	background-repeat:no-repeat;
	padding-right:5px;
}

#Header #NavigationTop ul li #Region ul li a {
	padding-left:35px;
}

#Header #NavigationTop ul li #RegionList {
	position: absolute;
	z-index: 10;
	display: none;
	top: 20px;
	right: 0;
	background-color: #000;
}

#Header #NavigationTop ul li #RegionList ul li {
	float: none;
	white-space: nowrap;
	padding: 0;
	margin: 0;
}

#Header #NavigationTop ul li #RegionList ul li a {
	border: none;
	padding-top: 10px;
	padding-bottom: 10px;
}

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

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

#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.last {
	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:9px;
	padding-right:15px;
	cursor:hand;
	display:block;
	text-decoration:none;
}



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

#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;
}


/* Corners */

.topCorners {
	width:930px;
	height:5px;
	background-image: url(../images/illoom/corners.png);
	position:absolute;
	top:0px;
	left:0px;
}
*html .topCorners {
	background-image:none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #393939;
}

/* Tabs */

.tabs {
	height:53px;
	margin-top:1px;
	background-color:#151515;
	padding-top:25px;
	padding-left:10px;
	background-image:url(../images/illoom/banners/illooming.jpg);
	background-repeat:no-repeat;
}
ul.menu-tabs{
	padding:0;
	margin:0;
	display:block;
	padding:0;
	float:left;
	clear:both;
	font-size:16px;
}
ul.menu-tabs li{
	display:inline;
	list-style:none;
	padding:0;
	margin:0;
	margin-right:1em;
	float:left;
}
*html ul.menu-tabs li {width:210px;}

ul.menu-tabs li a:link,
ul.menu-tabs li a:visited{
	color:#eef0f6;
	line-height:34px;
	height:53px;
	float:left;
	display:block;
	margin-left:5px; /* shift right */
	text-decoration:none;
	cursor:pointer;
	cursor:hand;
}
ul.menu-tabs li a:hover,
ul.menu-tabs li a:active,
ul.menu-tabs li a:focus{
	text-decoration:none;
	outline: 0;
	color:#eef0f6;
}
ul.menu-tabs li a.active{
	color:#FFFFFFS;
}
ul.menu-tabs li a:link,
ul.menu-tabs li a:visited,
ul.menu-tabs li a:visited span.label,
ul.menu-tabs li a.active,
ul.menu-tabs li a.active span.label,
ul.menu-tabs li a:hover,
ul.menu-tabs li a:active,
ul.menu-tabs li a:focus,
ul.menu-tabs li a:link span.label,
ul.menu-tabs li a:hover span.label,
ul.menu-tabs li a:active span.label,
ul.menu-tabs li a:focus span.label{
	background-image:url(../images/illoom/tabs.jpg);
	background-repeat:no-repeat;
}
ul.menu-tabs li a:hover,
ul.menu-tabs li a:active,
ul.menu-tabs li a:focus{
	background-position:right -100px;
	
}
ul.menu-tabs li a.active,
ul.menu-tabs li a:link,
ul.menu-tabs li a:visited{
	background-position:right 0;
}
ul.menu-tabs li a:hover span.label,
ul.menu-tabs li a:active span.label,
ul.menu-tabs li a:focus span.label{
	background-position:left -100px;
}
ul.menu-tabs li a:link span.label,
ul.menu-tabs li a:visited span.label {
	position:relative;
	left:-5px; /* shift right */
	display:block;
	float:left;
	height:33px;
	padding-left:65px;
	padding-right:35px;
	padding-top:20px;
}
ul.menu-tabs li a.active span.label{
	background-position:left -100px;
}

ul.menu-tabs li a.active span.label div.selected {
	background-image:url(../images/illoom/tab-selection.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height:40px;
}
.use ul.menu-tabs li a.active span.label div.selected {
	background-image:url(../images/illoom/tab-selection2.png);
}

ul.menu-tabs li a:hover,
ul.menu-tabs li a:hover span.label,
ul.menu-tabs li a.active,
ul.menu-tabs li a.active span.label{
	height:33px;
}
ul.menu-tabs li a:hover.active,
ul.menu-tabs li a:hover.active span.label{
	height:40px;
}

ul.menu-tabs li a:hover,
ul.menu-tabs li a.active,
ul.menu-tabs li a:hover.active {
	background-position: right -100px;
	height:53px;
}

ul.menu-tabs li a:hover span.label,
ul.menu-tabs li a.active span.label{
	height:40px;
	padding-top:13px;
}



/* Seasonal */
ul.menu-tabs li.seasonal a:link span.label,
ul.menu-tabs li.seasonal a:visited span.label{
	background-position:left -200px;
}

ul.menu-tabs li.seasonal a:hover span.label,
ul.menu-tabs li.seasonal a.active span.label,
ul.menu-tabs li.seasonal a:active span.label,
ul.menu-tabs li.seasonal a:focus span.label{
	background-position:left -300px;
}

/* Limited Edition */
ul.menu-tabs li.limited a:link span.label,
ul.menu-tabs li.limited a:visited span.label{
	background-position:left -400px;
}

ul.menu-tabs li.limited a:hover span.label,
ul.menu-tabs li.limited a.active span.label,
ul.menu-tabs li.limited a:active span.label,
ul.menu-tabs li.limited a:focus span.label{
	background-position:left -500px;
}

/* Coming Soon */
ul.menu-tabs li.soon a:link span.label,
ul.menu-tabs li.soon a:visited span.label{
	background-position:left -600px;
}

ul.menu-tabs li.soon a:hover span.label,
ul.menu-tabs li.soon a.active span.label,
ul.menu-tabs li.soon a:active span.label,
ul.menu-tabs li.soon a:focus span.label{
	background-position:left -700px;
}

/* Photos */
ul.menu-tabs li.photos a:link span.label,
ul.menu-tabs li.photos a:visited span.label{
	background-position:left -800px;
}

ul.menu-tabs li.photos a:hover span.label,
ul.menu-tabs li.photos a.active span.label,
ul.menu-tabs li.photos a:active span.label,
ul.menu-tabs li.photos a:focus span.label{
	background-position:left -900px;
}

/* Videos */
ul.menu-tabs li.videos a:link span.label,
ul.menu-tabs li.videos a:visited span.label{
	background-position:left -1000px;
}

ul.menu-tabs li.videos a:hover span.label,
ul.menu-tabs li.videos a.active span.label,
ul.menu-tabs li.videos a:active span.label,
ul.menu-tabs li.videos a:focus span.label{
	background-position:left -1100px;
}

/* Party Ideas */
ul.menu-tabs li.party a:link span.label,
ul.menu-tabs li.party a:visited span.label{
	background-position:left -1200px;
}

ul.menu-tabs li.party a:hover span.label,
ul.menu-tabs li.party a.active span.label,
ul.menu-tabs li.party a:active span.label,
ul.menu-tabs li.party a:focus span.label{
	background-position:left -1300px;
}

/* Competitions */
ul.menu-tabs li.comps a:link span.label,
ul.menu-tabs li.comps a:visited span.label{
	background-position:left -1400px;
}

ul.menu-tabs li.comps a:hover span.label,
ul.menu-tabs li.comps a.active span.label,
ul.menu-tabs li.comps a:active span.label,
ul.menu-tabs li.comps a:focus span.label{
	background-position:left -1500px;
}

/* Blank Tabs */

ul.blank-tabs{
	padding:10px 0px 0px 11px;
	margin:0px 1px;
	display:block;
	clear:both;
	font-size:16px;
	height:36px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #252525;
	background-image: url(../images/illoom/blank-tabs-bg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}
ul.blank-tabs li{
	display:inline;
	list-style:none;
	padding:0;
	margin:0;
	margin-right:2px;
	float:left;
	background-image: url(../images/illoom/tabs.png);
	background-repeat:no-repeat;
	width:121px;
	height:36px;
	line-height:36px;
	text-align:center;
	background-position: -125px 0px;
}

ul.blank-tabs li.active {
	background-position: 0px 0px;
}

ul.blank-tabs li a {
	color:#c6c6c6;
	text-decoration:none;
}


/* Content */

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

#Content .inner {
	position: relative;
	z-index: 1;
}
#Content #Buy .inner,
#Content #Movies .inner {
	padding-bottom:16px;
}

#Content .pod .inner,
#Content #Buy .pod .inner {
	padding:5px;
}

#Banner {
	height:128px;
	background-repeat: no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #313131;
}
#Banner .inner {
	width:480px;
	padding:40px;
}

#Banner.newsBanner .inner,
#Banner.feedbackBanner .inner {
	padding:15px 0px 0px 60px;
}

#Banner .inner h1 {
	font-size:32px;
}

#Banner.homeBanner {
	background-repeat: no-repeat;
	height:483px;
	width:618px;
	padding:0px;
	float:left;
	margin-left:1px;
	border:none;
}
#bannerOverlay {
	width:930px;
	height:389px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/illoom/blank.gif);
}

.buyBanner {
	background-image: url(../images/illoom/banners/buy_1.jpg);
	background-repeat:no-repeat;
	background-position: center top;
}
.moviesBanner {
	background-image: url(../images/illoom/banners/movies.jpg);
	background-repeat:no-repeat;
	background-position: center top;
}


#ProductBanner {
	background-image: url(../images/illoom/product-banner-bg.jpg);
	background-repeat:repeat-x;
	height:310px;
	position:relative;
}
#ProductBanner h2 {
	font-size:15px;
	padding-left:10px;
}
#ProductBanner p {
	width:170px;
	padding-left:10px;
	font-size:11px;
}

#ProductBanner .gradLeft,
#ProductBanner .gradRight {
	position:absolute;
	width:16px;
	height:311px;
	top:0px;
}
#ProductBanner .gradLeft {
	left:0px;
	background-image: url(../images/illoom/products-grad-left.png);
}
#ProductBanner .gradRight {
	right:0px;
	background-image: url(../images/illoom/products-grad-right.png);
}

#BrandingBanner {
	background-image: url(../images/illoom/branding-banner.jpg);
	height:389px;
}
#HowBanner {
	height:328px;
	position:relative;
	background-repeat:no-repeat;
	background-position: center bottom;
	margin:1px;
}
#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);
}

.moviePages {
	height: 310px;
}

.moviePages .greyBtns {
	width: 100%;
}


/* Columns */

.columnLeft,
.columnMiddle,
.columnRight,
.oneQuarterColumn, .s1of4,
.halfColumn, .s1of2,
.threeQuartersColumn, .s3of4,
.oneThirdColumn, .s1of3,
.twoThirdsColumn, .s2of3,
.oneFifthColumn, .s1of5,
.twoFifthsColumn, .s2of5,
.threeFifthsColumn, .s3of5,
.fourFifthsColumn, .s4of5{
	display:block;
	float:left;
}

.oneQuarterColumn, .s1of4{ width:25%; }
.halfColumn, .s1of2{ width:50%; }
.threeQuartersColumn, .s3of4{ width:75%; }
.oneThirdColumn, .s1of3{ width:310px; }
.twoThirdsColumn, .s2of3{ width:620px; }
.oneFifthColumn, .s1of5{ width: 20%; }
.twoFifthsColumn, .s2of5{ width: 40%; }
.threeFifthsColumn, .s3of5{ width: 60%; }
.fourFifthsColumn, .s4of5{ width: 80%; }


.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;
	margin-bottom: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:20px;
	padding-top:20px;
	width:275px;
	float:left;
}

.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,
.rightBoxEnquire h4 {
	font-size:18px;
	font-weight:normal;
}
.rightBox 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;
}


/* Left Menu */

ul.menu-list,
ul.menu-items{
	padding:0;
	margin:0;
	display:block;
	padding:0;
}
ul.menu-list li,
ul.menu-items li{
	display:block;
	list-style:none;
	padding:0;
	margin:0;
	border-bottom:1px solid #202020;
}

ul.menu-list li a:link,
ul.menu-list li a:visited{
	display:block;
	padding:4px 0 4px 22px;
	color:#c2c2c2;
	text-decoration:none;
	font-size: 14px;
}
ul.menu-list li a:hover {
	background-color:#121212;
}
ul.menu-list li span {
	display:block;
	padding:4px 0 4px 22px;
	color:#c2c2c2;
	font-size: 14px;
}

.leftMenu {
	margin-top:15px;
	margin-left:17px;
	background-color:#1c1c1c;
}
.leftMenu .header {
	height:50px;
	line-height:50px;
	background-image: url(../images/illoom/menu-header.jpg);
}

.leftMenu .header a.nation {
	padding-left:44px;
	background-image: url(../images/illoom/flags/row.png);
	background-repeat: no-repeat;
	background-position: 14px center;
	display:block;
	height:50px;
	cursor:pointer;
	float:left;
	width:210px;
	font-size:18px;
	text-decoration:none;
}

#Movies .leftMenu .header a.icon {
	background-image:url(../images/illoom/bullets/arrow_2.gif);
	background-repeat:no-repeat;
	background-position: center center;
	cursor:pointer;
	display:block;
	float:right;
	height:50px;
	margin-right:5px;
	width:30px;
}

.leftMenu .pod {
	border:none;
	background-image:none;
}

.nextPod {
	margin-top: 20px;
}



/* Nations */

.uk {background-image: url(../images/illoom/flags/uk.png)!important;}
.eu {background-image: url(../images/illoom/flags/eur.png)!important;}
.us {background-image: url(../images/illoom/flags/usa.png)!important;}
.rw {background-image: url(../images/illoom/flags/row.png)!important;}


/* Pods */

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;
}


.pod {
	background-color:#0a0a0a;
	display:block;
	position:relative;
	border: 1px solid #2d2d2d;
	background-image:url(../images/illoom/podbg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin-bottom:15px;
}

#Buy h2 {
	font-size:32px;
	padding-right:20px;
	padding-bottom:5px;
	padding-left:20px;
}

.pod span.tl,
.pod span.tr,
.pod span.bl,
.pod span.br{
	position:absolute;
	background-image:url(../images/illoom/pod-sprites.png);
	background-repeat:no-repeat;
	display:block;
	overflow:hidden;
	width:4px;
	height:4px;
	z-index:99;
}

#Buy h3 {
	font-size:28px;
}

.pod span.tl {
	left:-1px;
	top:-1px;
	background-position:-6px -78px;

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

.pod span.tr {
	right:-1px;
	top:-1px;
	background-position:-22px -78px;
}

 
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;
}

.pod span.bl {
	left:-1px;
	bottom:-1px;
	background-position:-6px -94px;
}
.pod span.br {
	right:-1px;
	bottom:-1px;
	background-position:-22px -94px;
}
 
ul.store-logos{
	padding:0;
	margin:0 0 20px 0;
	width:570px;
	float:left;
}
 
ul.store-logos li{
	float:left;
	paddiing:0;
	margin:0 7px 7px 0;
	height:74px;
	list-style-type:none;            
}

.pod span.tl{ background-position:-6px -6px; }
.pod span.tr{ background-position:-22px -6px; }
.pod span.bl{ background-position:-6px -22px; }
.pod span.br{ background-position:-22px -22px; }

.leftMenu .pod span.tl{ background-position:-56px -6px; }
.leftMenu .pod span.tr{ background-position:-72px -6px; }
.leftMenu .pod span.bl{ background-position:-56px -22px; }
.leftMenu .pod span.br{ background-position:-72px -22px; }


/* Homepage */

.homePods {
	float:left;
}
.homePod {
	width:310px;
	height:160px;
	margin-top: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;
}


.productsContainer {
	height:280px;
	overflow:hidden;
	position: relative;
}

.products {
	width: 5000px;
}

.products .product {
	float:left;
	height:240px;
	padding:15px 10px 15px 9px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #d1d3d8;
	position:relative;
}

.products .product .highlight {
	background-position: top left;
	background-repeat: no-repeat;
	position: relative;
}

.products .product .highlight .tr {
	position: absolute;
	top: 0;
	right: -4px;
	width: 15px;
	height: 15px;
	z-index: 2;
	background-position: top right;
	background-repeat: no-repeat;
}
.products .product .highlight .bl {
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 15px;
	height: 15px;
	z-index: 2;
	background-position: bottom left;
	background-repeat: no-repeat;
}

.products .product .inner {
	background-position: bottom right;
	background-repeat: no-repeat;
	top: 4px;
	left: 4px;
	padding: 0 4px 6px 0;
}
.products .product .inner .bottom {
	background-position: bottom;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0;
	height: 5px;
	left: 0;
	right: 0;
	clear: both;
}

.products .product:hover .highlight,
.products .product:hover .highlight .tr,
.products .product:hover .highlight .bl,
.products .product:hover .inner,
.products .product:hover .inner .bottom {
	background-image: url(../images/illoom/product-hover.png);
}
.products .hover .highlight,
.products .hover .highlight .tr,
.products .hover .highlight .bl,
.products .hover .inner,
.products .hover .inner .bottom {
	background-image: url(../images/illoom/product-hover.png);
}

.products .active .highlight,
.products .active .highlight .tr,
.products .active .highlight .bl,
.products .active .inner,
.products .active .inner .bottom {
	background-image: url(../images/illoom/product-active.png);
}

.products .product.hover img {
	height: 250px;
}

.products .product .qty {
	width:52px;
	height:52px;
	position:absolute;
	top:0px;
	right:15px;
}

.productImage {
	float:left;
	width:520px;
	margin-left:1px;
	position:relative;
}

.productImage .lightbox {
	width:510px;
	height:460px;
	padding:25px;
	position:absolute;
	top:0px;
	left:0px;
	background-image: url(../images/illoom/product-popup.png);
}

.productImage .lightbox .lightboxImage {
	background-repeat: no-repeat;
	background-position: center center;
	width:510px;
	height:460px;
}

.productImage .lightbox a.close {
	position:absolute;
	top:16px;
	right:16px;
}

.productDetails {
	float:left;
	width:343px;
	padding:45px 25px 20px 0px;
	font-size:14px;
	color:#adbec0;
	/*padding-bottom:75px;  for logo bar */
}

.productDetails h1 {
	text-transform:uppercase;
	font-weight:bold;
}
.productDetails h2 {
	color:#adbec0;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	margin-top:20px;
}
.productDetails p {
	line-height:20px;
}

.productDetails .packs {
	float:left;
	margin-right:35px;
	margin-bottom:20px;
}
.productDetails .packs li {
	float:left;
	list-style:none;
	padding-top:10px;
}

.productDetails .colours {
	float: left;
	margin-bottom:20px;
}
.productDetails .colours li {
	float:left;
	list-style:none;
	padding-top:8px;
}

.productDetails ul.slides {
	clear:left;
	padding:0px 25px 0px 0px;
}
.productDetails ul.slides li {
	list-style:none;
	float:left;
}
.productDetails ul.slides li a {
	display:block;
	padding:3px;
	background-image: url(../images/illoom/slide-sprite.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-right:6px;
}
.productDetails ul.slides li a:hover {
	background-position: -100px 0px;
}

.productDetails ul.bullets {
	float:left;
	width:240px;
	margin-top:5px;
	margin-left:10px;
}

.productDetails ul.bullets a:link,
.productDetails ul.bullets a:visited {
	text-decoration:none;
	color:#adbec0;
}
.productDetails ul.bullets a:hover {
	text-decoration:underline;
}

/* slider specific CSS */

.products {
	position: absolute;
	left: 0;
}

.product-panel {
	display: none;
}

.product-panel-active {
	display: block;
}

.slideTargetContainer {
	position: relative;
}

.slideTargetContainer .content {
	height: 115px;
	width: 100%;
}

.slideTarget {
	position: absolute;
	left: 0;
	width: 5000px;
}

.sliderContainer {
	height: 22px;
	margin: 0 8px;
	padding: 0px 72px;
	left: 0;
	position: relative;
	background: url(../images/illoom/slider-bg.png) no-repeat;
}

.slider {
	height: 20px;
	position: relative;
}

.ui-slider-handle {
	outline: 0;
	position: absolute;
	cursor: move;
	top: 3px;
	height: 20px;
	width: 104px;
	margin-left: -52px;
	background: url(../images/illoom/slider-scrubber.png) no-repeat;
	z-index: 100;
}

.slider span {
	color: #FFF;
	font-size: 80%;
	cursor: pointer;
	position: absolute;
	z-index: 110;
	top: 3px;
	line-height: 20px;
	font-weight:bold;
}

.slider .slider-lb1 {
	left: 50px;
}

.slider .slider-lb2 {
	left: 107px;
}

.slider .slider-lb3 {
	left: 156px;
}

.slider .slider-lb4 {
	left: 280px;
}

.slider .slider-lb5 {
	left: 455px;
}


/* Buy */

#Buy .logo {
	background-color:#161616;
	text-align:center;
	margin:4px;
	float:left;
	padding:0px 1px;
}
#Buy .large{
	float:none;
	margin-right:5px;
}
#Buy .s2of3 h2 {
	line-height:46px;
}


/* 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 .step,
#Dispose .step {
	padding-top:234px;
	background-color:#000000;
	background-repeat: no-repeat;
}

#How .one {
	background-image: url(../images/illoom/step1.jpg);
	margin-left:1px;
	background-position: right top;
}

#How .two {
	background-image: url(../images/illoom/step2.jpg);
	background-position: center top;
}

#How .three {
	background-image: url(../images/illoom/step3.jpg);
	margin-right:1px;
	background-position: left top;
}

#Dispose .one {
	background-image: url(../images/illoom/after-step1.jpg);
	margin-left:1px;
	background-position: right top;
}

#Dispose .two {
	background-image: url(../images/illoom/after-step2.jpg);
	background-position: center top;
}

#Dispose .three {
	background-image: url(../images/illoom/after-step3.jpg);
	margin-right:1px;
	background-position: left top;
}

#How .step .text,
#Dispose .step .text{
	padding:10px;
	color:#FFFFFF;
	min-height:50px;
	margin-top:1px;
}

#How .step .text p,
#Dispose .step .text p {
	padding-bottom:2px;
}



/* 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;
}

/* Movies */

#Movies .videoPlayer {
	background-color:#FF0000;
	height:350px;
	margin-bottom:20px;
}

#Movies .leftMenu .header {
	padding-left:12px;
}

#Movies .leftMenu .header a {
	font-size: 18px;
	text-decoration: none;
	float: left;
}

#Movies .leftMenu ul {
	padding:4px 0px;
}

#Movies .leftMenu ul li {
	list-style:none;
}

#Movies .leftMenu ul li a {
	margin:5px 12px;
}

ul.greyBtns a {
	background-image: url(../images/illoom/movielinks.jpg);
	display:block;
	padding:14px 16px;
	position:relative;
	color:#d6d6d6;
}
ul.greyBtns a:hover {
	background-position: 0px -100px;
	text-decoration:none;
	cursor:pointer;
}
ul.greyBtns a h2 {
	font-size:18px;
}
ul.greyBtns a span.tl,
ul.greyBtns a span.tr,
ul.greyBtns a span.bl,
ul.greyBtns a span.br{
	position:absolute;
	background-image:url(../images/illoom/pod-sprites.png);
	background-repeat:no-repeat;
	display:block;
	overflow:hidden;
	width:4px;
	height:4px;
	z-index:99;
}
ul.greyBtns a span.tl {
	left:-1px;
	top:-1px;
	background-position:-106px -78px;
}
ul.greyBtns a span.tr {
	right:-1px;
	top:-1px;
	background-position:-122px -78px;
}
ul.greyBtns a span.bl {
	left:-1px;
	bottom:-1px;
	background-position:-106px -94px;
}
ul.greyBtns a span.br {
	right:-1px;
	bottom:-1px;
	background-position:-122px -94px;
}

#Content #Movies .upload .inner {
	padding:5px;
}

#Content #Movies .upload .inner a.right {
	margin:-7px 5px -5px 5px;
}


/* Available From Bar */

.logoBar {
	background-image: url(../images/illoom/available-bar.jpg);
	height:57px;
	width:928px;
	position:absolute;
	left:1px;
	bottom:1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #161616;
	position: relative;
	z-index: 2;
}
.availableFrom {
	position: relative;
	float:left;
	width:157px;
	background-image:url(../images/illoom/flags/row.png);
	background-repeat:no-repeat;
	background-position: 12px center;
	padding-left:42px;
}
.availableFrom a {
	display:block;
	padding:23px 0px;
}
.availableFrom #AvailableFromList {
	position: absolute;
	z-index: 10;
	display: none;
	bottom: 57px;
	left: 0;
	background-color: #000;
	width: 199px;
}

.availableFrom #AvailableFromList ul {
	list-style-type: none;	
}

.availableFrom #AvailableFromList ul li {
	float: none;
	white-space: nowrap;
	padding: 0;
	margin: 0;
}

.availableFrom #AvailableFromList ul li a {
	border: none;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:37px;
	color:#999999;
	background-position:12px center;
	background-repeat:no-repeat;
	font-size:10px;
	text-transform:uppercase;
	text-decoration: none;
}

.availableFrom #AvailableFromList ul li a:hover {
	color:#ffe700;
}

.logoMask {
	position: relative;
	width:728px;
	height:57px;
	overflow:hidden;
	background-image: url(../images/illoom/logos-grad.png);
}
*html .logoMask {background-image:none; float:left;} /* IE Fixes */

.logos {
	position: absolute;
	top: 0px;
	left: 0px;
	white-space: nowrap;
}
.logos img {
	padding:0px 12px;
}


/* Footer */

#Footer{
	font-size:10px;
	color:#c99d63;
	float:left;
	display:block;
	min-height:80px;
	background-image:url(../images/illoom/patented.png);
	background-repeat:no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:930px;
	background-position: 608px 17px;
}

#FooterLinks div.left {
	color:#FFFFFF;
	filter: alpha(opacity=60); /* internet explorer */
	-khtml-opacity: 0.6;      /* khtml, old safari */
	-moz-opacity: 0.6;       /* mozilla, netscape */
	opacity: 0.6;           /* fx, safari, opera */
}

#Footer #Azexis a{
	filter: alpha(opacity=60); /* internet explorer */
	-khtml-opacity: 0.6;      /* khtml, old safari */
	-moz-opacity: 0.6;       /* mozilla, netscape */
	opacity: 0.6;           /* fx, safari, opera */
	text-decoration:none;
}


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

#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.png);
	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.png);
	background-position:right bottom;
}

#FooterLinks span#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 span#SeatrieverLogo a span.label,
#FooterLinks p#DragonsDenLogo a span.label{
	display:none;
}

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



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

#FooterLinks span#SeatrieverLogo a:hover,
#FooterLinks span#SeatrieverLogo a:active,
#FooterLinks span#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;
}


/*  pagination */


ul.pagination li {
	list-style:none;
}

ul.pagination li.prev {
	float:left;
}

ul.pagination li.next {
	float:right;
}

ul.pagination li a:link,
ul.pagination li a:visited {
	color:#c0c0c0;
	text-decoration:none;
	background-image:url(../images/illoom/pagination_arrows.png);
	background-repeat:no-repeat;
	display:block;
	height:18px;
	line-height:16px;
	margin:10px 0px;
}

ul.pagination li a:hover {
	color:#FFFFFF;
}

ul.pagination li.prev a:link,
ul.pagination li.prev a:visited {
	padding-left:30px;
	margin-left:5px;
}

ul.pagination li.next a:link,
ul.pagination li.next a:visited {
	padding-right:30px;
	margin-right:5px;
	background-position: right -36px;
}


/* Generic */

.clear {clear:both}

.left {float:left}

.right {float:right}

.hidden {display:none}

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

.stdpad, .stdPad, .padded {padding: 15px;}
.stdpadh, .paddedH {padding: 0 15px;}
.stdpadv, .paddedV {padding: 15px 0;}

p.small{font-size:90%;}

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;
}

/*
	Uploader
*/

#uploadQueue{
	height:200px;
	width: 320px;
	border:1px solid #292929;
	overflow-y:scroll;
	margin-bottom:10px;
}


/*
	Upload
*/

table.upload {
	width: 100%;
}

table.upload th {
	text-align: left;
	padding: 5px;
	color: #e95b0f;
}

table.upload td.index {
	text-align: left;
	font-weight: bold;
	width: 10%;
}

table.upload th,
table.upload tr.boundary td {
	border-bottom: 1px dotted #222;
}