@CHARSET "ISO-8859-1";

/* CSS Reset */

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, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Clearfix */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

.clear {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	margin: 0px;
	padding: 0px;
}

/*
	HCIT Resets
*/
div {
	position: relative;
}

body {
	font-family: "Times New Roman", serif;
	font-size: 14px;
}


/* -------------------------------------------------- */
body {
	background-color: #1e1e1f;
	color: #ffffff;
	font-family: arial,sans-serif;
	font-size: 12px; /* 9pt */
	line-height: 1.25;	
}
strong {
	font-weight: bold;
}
a {
	color: #ffffff;
}
a:hover {
	text-decoration: none;
	color: #8b8b8b;
}
p {
	margin-bottom: 0.75em;
}
.bg-image-link span {
	position: absolute;
	margin-left: -9999px;
} 

h1 {
	margin-bottom: 1em;
}
h3 {
	font-weight: bold;
}
#background {
}
span.no-images {
	position: absolute;
	margin-left: -9999px;
}

#page {
	width: 990px;
	height: 900px;
	margin: 0 auto;
	padding: 0 205px;
	background-image: url("/images/background.jpg");
}
#content {
	height: 545px
}
	
body.brands #page {	background-image: url("/images/background_brands.jpg"); } 

p.sub-heading {
	font-size: 14px;
	padding-left: 22px;
}
a.go-button {
	display: block;
	width: 51px;
	height: 51px;
	background-image: url("/images/go.png");
}
a.go-button:hover {
	background-position: 0 -51px;
}		
a.download {
	display: block;
	padding-left: 25px;
	background-image: url("/images/icon_download.png");
	background-repeat: no-repeat;
	background-position: 0 5px;
	font-size: 11px;
	line-height: 1.2em;
	color: #d4d4d4;
	text-decoration: none;
	width: 150px;
	margin-bottom: 10px;
}
a.download:hover {
	color: #b2b2b2;
	text-decoration: none;
}

/* -------------------------------------------------- */
/*		Header					*/
/* -------------------------------------------------- */
#header {
	height: 150px;
}
#logo {
	display: block;
	width: 320px;
	height: 85px;
	position: absolute;
	bottom: 0;
	left: 0;
}
#menu {
	position: absolute;
	top: 103px;
	right: 0;
	height: 16px;
	width: 550px;
}
#menu li {
	float: left;
	display: block;
	height: 18px;
}
#menu li a {
	display: block;
	height: 18px;
}
#menu li a:hover,
#menu li.selected a {
	background-position: 0 -18px;
}

#menu li.about_us a { background-image: url("/images/nav/about_us.jpg"); width: 92px; }
#menu li.competitions a { background-image: url("/images/nav/competitions.jpg"); width: 126px;  }
#menu li.contact_us a { background-image: url("/images/nav/contact_us.jpg"); width: 109px; }
#menu li.latest_news a { background-image: url("/images/nav/latest_news.jpg"); width: 121px; }
#menu li.products a { background-image: url("/images/nav/products.jpg"); width: 97px; }

/*	
	--------------------------------------------------
		home				
	-------------------------------------------------- 
*/
body.home  #content {
	height: 560px;
	overflow: hidden;
	padding-top: 15px;
}

/* -------------------------------------------------- */
/*		Flash box	990 x 405px						*/
/* -------------------------------------------------- */
#flash-box {
	width: 990px;
	overflow: hidden;
	position: relative;
}
	
/* -------------------------------------------------- */
/*		promo-boxes					*/
/* -------------------------------------------------- */
#promo-boxes {
	color: #ffffff;
	margin-top: 10px;
}
#promo-boxes .columns-1 td { width: 950px; /* 990px */ }
#promo-boxes .columns-2 td { width: 455px; /* 495px */ }
#promo-boxes .columns-3 td { width: 290px; /* 330px */ }

#promo-boxes td {	
	height: 155px;
	padding: 0 20px;
	vertical-align: top;	
}
#promo-boxes td.divider {
	background-image: url("/images/divider.png");
	background-position: top right;
	background-repeat: repeat-y;
}
#promo-boxes img {
}
#promo-boxes a {
	text-decoration: none;
	font-weight: bold;
	color:#aba;
}
#promo-boxes a:hover {
	text-decoration: underline;
	color: #fff;
}
#promo-boxes p {
}
#promo-boxes .image {
	float: right;
}
	
/* -------------------------------------------------- */
/*		footer					*/
/* -------------------------------------------------- */
#footer {
	clear: both;
}
#footer ul {
	height: 61px;
}
#footer li {
	float: left;
	padding-right: 10px;
	font-size: 9px;
	text-transform: uppercase;
	line-height: 61px;
	white-space: nowrap;
}
#footer a {
	text-decoration: none;
}
#footer a:hover {
	color: #8b8b8b;
	text-decoration: none;
}
#footer ul.brand-links {
	margin-left: 340px;
	margin-top: -10px;
	position: absolute;
	top: 60px;
}
#footer ul.brand-links li {
	line-height: 18px;
}


/* -------------------------------------------------- */
/*		generics					*/
/* -------------------------------------------------- */
.crumbs {
	margin-left: 20px;
}
.crumbs {
	margin-top: -10px;
	font-weight: bold;
	font-size: 11px;
}
.crumbs a {
	color:#aaaaab;
	text-decoration: none;
}
.crumbs a:hover {
	color: #c6c6c6;
}

/* -------------------------------------------------- */
/*		brands					*/
/* -------------------------------------------------- */
body.brands #brand-nav {
	z-index: 1000;
}
body.brands  #content {
	background: url("/images/top_line.jpg") 0 0 repeat-x;
	margin-top: 30px;
}
#brands {
	height: 570px;
}
.chip-brands {
	position: absolute;
	top: 145px;
	left: 170px;
	
}
#brands-text {
	width: 600px;
	text-align: right;
	position: absolute;
	top: 400px;
	right: 45px;
	font-size: 14px;
	line-height: 1.5em;
}
#brand-nav {
	width:259px;
	height:501px;
	overflow: hidden;
	position: absolute;
	top: 30px;
	left: 0;
}
#brand-nav a,
#brand-nav img {
	display: block;
	border:0;
}
#brand-nav a {
	width:259px;
	margin: 0 !important;
	padding: 0 !important;
}
#brand-nav a span {
	text-indent: -9999px;
	display: block;		
}
#brand-nav li.ccs a { background-image: url("/images/brand_nav/ccs.png"); height:51px; } 
#brand-nav li.cheezels a {background-image: url("/images/brand_nav/cheezels.png"); height:50px; } 
#brand-nav li.french_fries a { background-image: url("/images/brand_nav/french_fries.png"); height:51px; }
#brand-nav li.samboy a { background-image: url("/images/brand_nav/samboy.png"); height:50px; }
#brand-nav li.thins a { background-image: url("/images/brand_nav/thins.png"); height:50px; }
#brand-nav li.multi_packs a { height: 93px; background-image: url("/images/brand_nav/multi_packs.png"); height:110px; }

#brand-nav li.pitos { display:none; }
#brand-nav li.pitos a { display:none; }
#brand-nav li.chickadees { display:none; }
#brand-nav li.chickadees a { display:none; }

#brand-nav li.ccs a:hover { background-position: 0 -51px; }
#brand-nav li.cheezels a:hover { background-position: 0 -50px; }
#brand-nav li.french_fries a:hover { background-position: 0 -51px; }
#brand-nav li.samboy a:hover { background-position: 0 -50px; }
#brand-nav li.thins a:hover { background-position: 0 -50px; }
#brand-nav li.multi_packs a:hover { background-position: 0 -110px; }

/* Brands Nav New */

#brand-nav-new {
	width:259px;
	height:501px;
	overflow: hidden;
	position: absolute;
	top: 30px;
	left: 0;
	z-index: 200;
}
#brand-nav-new a,
#brand-nav-new img {
	display: block;
	border:0;
}
#brand-nav-new a {
	width:259px;
	margin: 0 !important;
	padding: 0 !important;
}
#brand-nav-new a span {
	text-indent: -9999px;
	display: block;		
}

#brand-nav-new h3.header {
	display:block;
	margin:0;
	padding:0;
	width: 259px;
	height: 106px;
	background: url("/images/brand_nav/brand-nav-bg-sprite.png") no-repeat 0 0 transparent;
	text-indent: -9999px;
}

#brand-nav-new li.ccs a { background-image: url("/images/brand_nav/brand-nav-bg-sprite.png"); height:48px; background-position: 0 -105px; } 
#brand-nav-new li.cheezels a {background-image: url("/images/brand_nav/brand-nav-bg-sprite.png"); height:46px; background-position: 0 -153px; } 
#brand-nav-new li.french_fries a { background-image: url("/images/brand_nav/brand-nav-bg-sprite.png"); height:47px;  background-position: 0 -198px;}
#brand-nav-new li.samboy a { background-image: url("/images/brand_nav/brand-nav-bg-sprite.png"); height:45px; background-position: 0 -245px; }
#brand-nav-new li.thins a { background-image: url("/images/brand_nav/brand-nav-bg-sprite.png"); height:46px; background-position: 0 -289px; }
#brand-nav-new li.chickadees a { background-image: url("/images/brand_nav/brand-nav-bg-sprite.png"); height:46px; background-position: 0 -334px; }
#brand-nav-new li.multi_packs a { height: 93px; background-image: url("/images/brand_nav/brand-nav-bg-sprite.png"); height:120px; background-position: 0 -379px; }

#brand-nav-new li.ccs a:hover { background-position: 0 -608px; }
#brand-nav-new li.cheezels a:hover { background-position: 0 -656px; }
#brand-nav-new li.french_fries a:hover { background-position: 0 -701px; }
#brand-nav-new li.samboy a:hover { background-position: 0 -748px; }
#brand-nav-new li.thins a:hover { background-position: 0 -792px; }
#brand-nav-new li.chickadees a:hover { background-position: 0 -837px; }
#brand-nav-new li.multi_packs a:hover { background-position: 0 -882px; }

/* --------------- */

#brands .tip {
	background-image: url("/images/tip_bg.png");
	width: 211px; /* 223px */
	height: 48px; /* 60px */
	padding: 4px;
	overflow: hidden;
	position: absolute;
	color: #333;
	display: none;
	padding-top:8px;
	padding-left: 8px;
}
#brands #tip-thins { top: 120px; left: 670px; } 
#brands #tip-ccs { top: 120px; left: 320px; }
#brands #tip-cheezels { top: 130px; left: 430px; }
#brands #tip-french-fries { top: 140px; left: 760px; }
#brands #tip-samboy { top: 140px; left: 540px; }
#brands #tip-chick { top: 130px; left: 270px; }

/* -------------------------------------------------- */
/*		product					*/
/* -------------------------------------------------- */
body.product #page {	background-image: url("/images/background_product.jpg"); }
body.product #content {
	background: url("/images/top_line.jpg") 0 0 repeat-x;
	margin-top: 30px;
}
body.product .crumbs {
	margin-left: 0px;
	padding-top: 6px;
}
#product {
	height: 570px;
}
#pack-shot {
	position: absolute;
	left: 340px;
	top: 20px;
	width: 650px;
	text-align: center;
	
}



#brand-range {
	position: absolute;
	left: 340px;
	top: 350px;
}
#product-info-tabs {
	width: 333px;
}

#info-tabs li {
	width: 82px;
	height: 32px;
	float: left;
}
#info-tabs li a {
	float: left; 
	text-decoration: none; 
	display: block;  
	width: 100%; 
	height: 32px; 
	overflow: hidden;
	background-repeat: no-repeat;	
}
#info-tabs li a:hover,
#info-tabs li.ui-state-active a {
	background-position: 0 -32px;	
}
#info-tabs li.ui-tabs-selected a,
#info-tabs li.ui-tabs-selected a:hover {
	background-position: 0 -64px;
}
#info-tabs li a span {
	position: absolute;
	margin-left: -9999px;
}
#info-tabs li.home { width: 38px;}
#info-tabs li.ingredients { width: 96px; }
#info-tabs li.nutrition { width: 115px; }
#info-tabs li.allergens { width: 84px; }

#info-tabs li.home a { background-image: url("/images/product_nav/product_info_nav_home.png"); }
#info-tabs li.ingredients a { background-image: url("/images/product_nav/product_info_nav_ingredients.png");  }
#info-tabs li.nutrition a { background-image: url("/images/product_nav/product_info_nav_info.png"); }
#info-tabs li.allergens a { background-image: url("/images/product_nav/product_info_nav_allergens.png"); }
.info-tab-page {
	clear: both;
	background-image: url("/images/product_nav/product_info_bg.png");
	background-repeat: no-repeat;
	width: 279px; /* 333px */
	height: 436px; /* 490px */
	padding: 10px 26px 44px 28px;
	overflow: hidden;
}
#range-tabs {
	height: 18px;
	width: 651px;
	border-bottom: solid 1px #646564;
}
#range-tabs li {
	width: 82px;
	height: 18px;
	float: right;
}
#range-tabs li a {
	float: left; 
	text-decoration: none; 
	display: block;  
	width: 82px; 
	height: 18px; 
	overflow: hidden;
	line-height: 18px; 
	font-size: 11px; 
	text-align: center; 
	background-image: url("/images/pack_tabs.png");
	background-repeat: no-repeat;	
}
#range-tabs li a:hover,
#range-tabs li.ui-state-active a {
	background-position: 0 -18px;	
}
.show-tab {
	display: block;
}
#more-from {
	position: absolute;
	top: 0;
}
#product-info-tabs .info-tab-page {
	color: #603913;
}
#product-info-tabs .info-tab-page a {
	color: #603913;
	font-weight: bold;
	text-decoration: none;
}
#product-info-tabs .info-tab-page a:hover {
	color: #603913;
	text-decoration: underline;
}
#product-info-tabs .info-tab-page ul {
	list-style: disc;
	margin-left: 1em;
}
#product-info-tabs .info-tab-page ul li {
	margin-left: 1em;
	margin-bottom: 4px;
}
#product-info-tabs h3 {
	font-weight: bold;
	margin-bottom: 10px;
}
#product-info-tabs table {
	color: #603913;
	font-size: 11px;
	border: solid 1px #603913;
	border-width: 1px 1px 1px 0; 
}
#product-info-tabs table td,
#product-info-tabs table th {
	border: solid 1px #603913;
	border-width: 0 0 0 1px;
	padding: 3px 4px; 
}
#product-info-tabs table th {
	border-bottom: solid 1px #603913;
	background: url("/images/th_bg.jpg") left bottom repeat-x;
	background-color: #fcfaee; 
}
#product-info-tabs table tr.extra-info td {
	border-width: 1px 0 0 1px;
}
#product-info-tabs .product-logo {
	width: 280px;
	height: 90px;
	overflow: hidden;
	background-position: top right;
	background-repeat: no-repeat;
}
#product-info-tabs h2.product-logo {
	text-indent: -9999px;
	background-position: 0px 0px;
}
#product-info-tabs .product-size {
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 10px;
}








#product-info-tabs .promotion-block {
	position: absolute;
	bottom: 0;
	left: 0;
	margin-bottom: 44px;
	margin-left: 28px;
	width: 203px;
	font-size: 11px;
}
#product-info-tabs .promo-title {
	margin-bottom: 7px;	
}




#promo-column {
	text-align: left;
	width: 203px;
	position: absolute;
	top: 0px;
	right: 0px;
}

#promo-column .promotion-block {
	width: 203px;
	font-size: 11px;
	position: absolute;
	top: 120px;
}

#promo-column .promo-title {
	margin-bottom: 7px;	
}

#promo-column .findoutmore-block {
	width: 203px;
	font-size: 11px;
	position: absolute;
	top: 0px;
}
#promo-column .findoutmore-block .findoutmore-text p {
	padding: 0px;
	padding-left: 20px;
	margin-bottom: 3px;
}
#promo-column .findoutmore-block .findoutmore-text p.facebook {
	background-image: url(/images/facebook-icon-small.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}


#about-box {
	width: 131px;
	position: absolute;
	top: 0px;
	left: 40px;
	text-align: left;
}
#about-box #about-css {
	width: 131px;
	height: 31px;
	background-image: url(/images/about/about_ccs.png);
	text-indent: -9999px;
	margin-top: 10px;
	margin-bottom: 0px;
}
#about-box #about-cheezels {
	width: 131px;
	height: 31px;
	background-image: url(/images/about/about_cheezels.png);
	text-indent: -9999px;
	margin-top: 10px;
	margin-bottom: 0px;
}
#about-box #about-frenchfries {
	width: 131px;
	height: 31px;
	background-image: url(/images/about/about_frenchfries.png);
	text-indent: -9999px;
	margin-top: 10px;
	margin-bottom: 0px;
}
#about-box #about-samboy {
	width: 131px;
	height: 31px;
	background-image: url(/images/about/about_samboy.png);
	text-indent: -9999px;
	margin-top: 10px;
	margin-bottom: 0px;
}
#about-box #about-thins {
	width: 131px;
	height: 31px;
	background-image: url(/images/about/about_thins.png);
	text-indent: -9999px;
	margin-top: 10px;
	margin-bottom: 0px;
}
#about-box #about-chickadees {
	width: 131px;
	height: 31px;
	background-image: url(/images/about/about_chickadees.png);
	text-indent: -9999px;
	margin-top: 10px;
	margin-bottom: 0px;
}
#about-box #about-multipack {
	width: 131px;
	height: 31px;
	background-image: url(/images/about/about_multipack.png);
	text-indent: -9999px;
	margin-top: 10px;
	margin-bottom: 0px;
}




.range-slider {
	width: 648px;
	height: 150px;
	overflow: hidden;
	margin-top: 20px;
	margin-left: 5px;
}
.range-slider li {
	float: left;
	width: 162px;
	height: 150px;
	text-align: center;
}
.range-slider li a {
	text-decoration: none;
}
.range-slider li a span {
	text-decoration: underline;
	color: #d0d0d0;
	font-size: 11px;
}
.range-slider li a:hover span {
	text-decoration: none;
	color: #8b8b8b;
}
.range-slider li a img.product-thumb {
	margin-bottom: 5px;
	width: 75px;
	height: 110px;
}
#product-info-tabs .logo_ccs { background-image: url("/images/temp/info_brand_ccs.png"); }
#product-info-tabs .logo_french_fries { background-image: url("/images/temp/info_brand_french_fries.png"); }
#product-info-tabs .logo_samboy { background-image: url("/images/temp/info_brand_samboy.png"); }
#product-info-tabs .logo_cheezels { background-image: url("/images/temp/info_brand_cheezels.png"); }
#product-info-tabs .logo_thins { background-image: url("/images/temp/info_brand_thins.png"); }
#product-info-tabs .logo_chickadees { background-image: url("/images/temp/info_brand_chickadees.png"); }

.slider-prev {
	position: absolute;
	top: 50px;
	left: 0;
	background-image: url("/images/slider/sb_left.png");
	display: block;
	width: 10px;
	height: 23px;
}
.slider-next {
	position: absolute;
	top: 50px;
	right: 0;
	background-image: url("/images/slider/sb_right.png");
	display: block;
	width: 10px;
	height: 23px;
}
.slider-prev:hover,
.slider-next:hover {
	background-position: 0 -23px;
}
.slider-prev span,
.slider-next span {
	position: absolute;
	margin-left: -9999px;
}
.slider-hidden {
	display: none;
}

/* 	
	-------------------------------------------------- 
		Tabs				
	-------------------------------------------------- 
*/

.ui-tabs { }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative;  }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; display: block; overflow: hidden; }
.ui-tabs .ui-state-active a {}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0;  }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* 	
	-------------------------------------------------- 
		submit-form				
	-------------------------------------------------- 
*/
body.normal-page .column-middle .submit-form  table td {
	vertical-align: middle;
}

.submit-form label {
	white-space: nowrap;
}
.submit-form input.field,
.submit-form select.field {
	border: none;
	background-image: url("/images/form/field_bg.jpg");
	background-repeat: no-repeat;
	width: 79px;
	height: 15px;
	padding: 3px 4px 1px 4px;
	font-size: 9px;	
}
.submit-form select.field {
	padding: 0;
	height: 19px;
	width: 88px;
}


/* 	
	-------------------------------------------------- 
		search-results				
	-------------------------------------------------- 
*/

#search-results {
	margin: 40px 0 0 0;
}
#search-results li {
	padding-top: 10px;
	padding-bottom: 10px;
	background: url("/images/form/search_divider.png") no-repeat;
	line-height: 1.45em;
	font-size: 11px;
}
#search-results li.top {
	background-image: none;
	padding-bottom: 2px;
}
#search-results li a {
	text-decoration: underline;
	font-weight: bold;
}
#search-results h3 {
	margin: 0;
	margin-bottom: 2px;
}
.search-results-count {
	float: right;
	color: #b3b3b3;
	font-size: 11px;
}
.search-divider {
	height: 1px;
}

.distrib-name {
	font-weight: bold;
	font-size: 14px;
}

/* -------------------------------------------------- */
/*		news					*/
/* -------------------------------------------------- */
body.news #content {
	padding: 30px 20px 0px 20px;
}
#news-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
#news-list li {
	clear: both;
	margin: 0;
	padding: 0;
}

.news-image {
	width: 300px;
	padding-left: 20px;
	min-height: 110px;
	float: left;
	text-align: center;
}
.news-text {
	width: 465px;
	float: left;
	margin-top: 20px;
}
.news-text a:hover {
	color: #d4d4d4;
	text-decoration: none;
}
.news-heading {
	font-size: 18px;
	font-weight: bold;
	line-height:1.25em;
}
.news-summary {
	line-height:1.25em;
	font-size: 11px;
}
.news-date {
	width: 135px;
	padding-left: 30px;
	padding-top: 14px;
	float: left;
	text-align: center;
	font-size: 11px;
	color: #b2b2b2;
}		
.news-divider {
	width: 950px;
	clear: both;
	height: 1px;
	background-image: url("/images/news_divider.png");
}

/*	
	--------------------------------------------------
		news-article				
	-------------------------------------------------- 
*/
body.news-article #content {
	overflow: hidden;
	padding-top: 30px;
}
body.news-article h1 {
	margin-left: 20px;
}
body.news-article .crumbs {
	padding-top: 3px;
}
body.news-article .scroll-pane {
	padding-right: 10px;
	height: 455px;
}
body.news-article p.date {
	color: #b2b2b2;
	font-size: 9px;
	font-weight: bold;
	margin: 4px 0 25px 0;
}
body.news-article div.video {
	width: 465px;
	height: 258px;
}
.column-left {
	float: left;
	width: 320px;
	min-height: 400px;
}
.column-middle {
	float: left;
	width: 495px; /* 515px */
	padding-left: 20px;
}
.column-right {
	float: left;
	min-height: 400px;
	width: 135px;
	padding-left: 0px;
	padding-right: 20px;
	font-size: 9px;
	color: #b2b2b2;
}
.column-full-width {
	width: 970px;
}
.column-right h3 {
	text-transform: uppercase;
	color: #ffffff;
	font-size: 12px;
}
.column-right h4 {
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
}

.column-middle .scroll-pane {
	height: 480px;
	background: url("/images/scroll_bar_track_long.png") 485px 60px no-repeat;
}
.column-full-width .scroll-pane {
	background-image: none;
}
.column-middle h1,
.column-middle h2 {
	font-size: 22px;
	font-weight: bold;
}
.column-full-width h1,
.column-full-width h2 {
	margin-left: 0;
}
.column-middle p {
	line-height: 1.4em;
}
.column-middle ul {
	list-style: disc;
	margin: 1em 0em 1em 1em;
}
.column-middle li {
	margin-left: 1.25em;
	margin-bottom: 0.75em;
}

.column-right p {
	line-height: 1.0em;
	margin-bottom: 15px;
}
.column-right a {
	font-size: 9px;
	color: #b2b2b2;
	text-decoration: none;
}
.column-right a:hover {
	color: #8b8b8b;
}
body.news-article h3 {
	font-weight: bold;
}

h3.downloads {
	background: url("/images/icon_download.png") left center no-repeat;
	padding-left: 21px;
	margin-left: -3px;
	margin-bottom: 2px;
}
h3.related{
	background: url("/images/icon_related.png") left center no-repeat;
	padding-left: 21px;
	margin-left: -3px;
	margin-bottom: 2px;
}
h3.enquiries {
	background: url("/images/icon_enquiries.png") 3px center no-repeat;
	padding-left: 24px;
	margin-left: -3px;
	margin-bottom: 2px;
}
#swap-images {	
	height: 315px;
	background-image: url("/images/image_frame.png");
	background-repeat: no-repeat;
}
#swap-images div.image-item {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}
#swap-images div.image-frame,
div.image-frame {
	width: 294px; /* 333px */
	height: 216px; /* 258px */
	padding: 14px 26px 28px 13px;
	overflow: hidden;
}
div.image-frame {
	background-image: url("/images/image_frame.png");
	background-repeat: no-repeat;
}

#swap-images div.shown {
	display: block;
}
#swap-images .caption {
	display: block;
	text-transform: uppercase;
	font-size: 9px;
	padding: 0 10px 10px 20px;
	line-height: 1.25em;
}
#swap-image-thumbs {
	padding-left: 10px;
}
#swap-image-thumbs a {
	margin: 1px 10px 15px 10px;
	border: none;
	width: 55px;
	height: 35px;
	display: block;
	float: left;
	overflow: hidden;
}
#swap-image-thumbs a.selected {
	margin: 0 9px 14px 9px;
	border: solid 1px #fff;
}

body.news-article .video {
	width: 465px;
	height: 258px;
	margin-bottom: 25px;
}

/*	
	--------------------------------------------------
		standard				
	-------------------------------------------------- 
*/
body.standard #content {
	padding-top: 30px;
}

/*	
	--------------------------------------------------
		normal-page				
	-------------------------------------------------- 
*/
body.normal-page #content {
	overflow: hidden;
	padding-top: 30px;
}
body.about .column-left {
	padding-top: 225px;
}
body.about_landing .column-left {
	padding-top: 277px;	/* 220px + px for the absent about us title */
}
body.about_landing .column-middle .scroll-pane {
	padding-top: 262px;
}
body.about .column-right {
	padding-top: 60px;
	color: #b2b2b2;
}
body.about_landing .column-middle {
}
body.normal-page h1 {
	margin-left: 20px;
	margin-bottom: 30px;
}
body.about_landing h1 {
	position: absolute;
	margin-left: -9999px;
}
body.about h1 {
	margin-bottom: 15px;
}
body.normal-page .column-middle h2 {
	margin-top: 10px;
	margin-bottom: 25px;
	font-weight: bold;
	font-size: 22px;
}
body.competition .column-middle h2 {
	margin-bottom: 3px;
	font-weight: bold;
	font-size: 22px;
}
body.about .column-middle h3 {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 20px;
}
body.normal-page .column-middle table td {
	vertical-align: top;
	padding-right: 5px;
}
body.normal-page .column-left h2 {
	text-transform: uppercase;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 11px;
}
body.normal-page .column-left img {
	margin-bottom: 10px;
}
body.normal-page #sub-menu {
	margin-left: 30px;
}
body.normal-page #sub-menu ul {
	list-style: none;
	margin-left: 12px;
	margin-bottom: 30px;
}
body.normal-page #sub-menu li {
	padding-left: 12px;
	background-image: url("/images/bullet.png");
	background-repeat: no-repeat;
	background-position: 0 5px;
	line-height: 1.25em;
	margin-bottom: 8px;
}
body.normal-page #sub-menu li a {
	color: #b2b2b2;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px
}
body.normal-page #sub-menu li a:hover {
	text-decoration: none;
	color: #d4d4d4;
}
body.normal-page #sub-menu li a.selected {
	color: #ffffff;
}
body.normal-page .date {
	font-size: 11px;
	color: #b2b2b2;
}
a.launch-button {
	display: block;
	width: 182px;
	height: 49px;
	background-image: url("/images/launch_website.png");
}
a.launch-button:hover {
	background-position: 0 -49px;
}
body.normal-page .scroll-pane {
	padding-right: 30px;
	height: 455px;
}
body.about .scroll-pane {
	height: 500px;
}

body.normal-page .column-right p {
	line-height: 1.25em;
	margin-bottom: 15px;
}
body.competition .column-right h3 {
	text-transform: none;
}
body.competition .column-right h4 {
	color: #b4b4b4;
}
body.competition .column-middle .scroll-pane {
	background-position: 480px 0px;
}

body.competition p.terms {
	margin: 10px 0 15px 0;
}
body.normal-page .past-winners {
	margin-bottom: 12px;
	margin-top: 3px
}
body.normal-page .past-winners p {
	padding: 0;
	margin: 0;
}
body.normal-page .page-image {
	
}
.about-image {
	background-image: url("/images/about_image_frame.png");
	background-repeat: no-repeat;
	width: 448px; /* 485px */
	height: 218px; /* 255px */
	padding: 13px 22px 31px 15px;
	overflow: hidden;
}

/*	
	--------------------------------------------------
		pagination				
	-------------------------------------------------- 
*/

.pagination {
	text-align: right;
	margin-top: 10px;
	clear: both;
}
.pagination .nav {
	float: right;
}
.pagination a {
	font-size: 10px;
	color: #686868;
	text-decoration: none;
	font-weight: bold;
	display: block;
	height: 16px;
	width: 16px;
	line-height: 16px;
	text-align: center;
	float: left; 
}
.pagination a strong {
	color: #ffffff;
}
.pagination a span {
	position: absolute;
	left: -9999px;
}
.pagination a:hover {
	color: #ffffff;
}
.pagination a.prev,
.pagination a.next {
	display: block;
	width: 16px;
	height: 16px;
	margin-right: 5px;
}
.pagination a.prev:hover,
.pagination a.next:hover {
	background-position: 0 -16px;
}
.pagination a.prev { background-image: url("/images/pagination_prev.png"); }
.pagination a.next { background-image: url("/images/pagination_next.png"); }
.pagination a.divider{ background: url("/images/pagination_divider.png") top center no-repeat; margin-right: 5px; }
	 
	 


/*	
	--------------------------------------------------
		custom scroll bars				
	-------------------------------------------------- 
*/
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;

}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 5px;
	top: 0;
	height: 100%;
	background: url("/images/scroll_bar_track.png") top center repeat-y;
}
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	background: url("/images/scroll_bar_drag.png") no-repeat;	
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}	 



.homepage-textbg {
	position: absolute;
	top: 30px;
	left: 30px;
	background: #000000;
	width: 200px;
	height: 200px;
	opacity:0.4;
	filter:alpha(opacity=40);
}
.homepage-text {
	position: absolute;
	top: 40px;
	left: 40px;
	width: 180px;
	height: 300px;
}
#homepage-title {
	margin: 0px;
	padding: 0px;
	width: 990px;
	height: 405px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}