
body
{
	background: url(../images/colours_top.png) no-repeat top left;
	background-color: #f3f3f3;
	font-size: 17px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 20px;
	padding: 0;
}

#container
{
	width: 974px;
	float: left;
	padding-left: 40px;
}

#secondcontainer
{
	width: 970px;
	float: left;
	margin-top: 80px; /*50px;*/
	padding: 0;
}

#topcontainer
{
	width: 100%;
	height: 40px;
	clear: both;
	padding-top: 11px;
}


#logo a
{
	width: 85px;
	float: right;
	height: 69px;
	background: url(../images/logo.png) no-repeat top right;
	padding-top: 30px;
	display: block;
	overflow: hidden;
	line-height: 10;
	background-position: 0 20px;
}

#logo a span
{
	visibility: hidden;
}


#dot_trans
{
	width: 100%;
	height: 1px;
	margin-top: -5px;
	float: left;
	background: url(../images/dot_trans.gif) repeat-x;
	padding: 0;
}

#menu
{
	width: 600px;
	height: 38px;
	float: left;
	margin-left: -6px;
}

#inc
{
	width: 300px;
	height: 19px;
	float: right;
	padding-top: 10px;
	font-size: 0.7em;
	text-align: right;
	color: #39c9ff;
}

#maincontent
{
	width: 500px;
	float: right;
	padding-right: 30px;
}

#maincontent ul li ol
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: 400;
	color: #87888a;
	line-height: 1.3em;
}

#rhs
{
	width: 217px;
	float: right;
}

#rhs img
{
	float: right;
}

#leftnav
{
	width: 180px;
	float: left;
	padding-top: 15px;
}

.Inav
{
	width: 180px;
	background: url(../images/menu_border.gif) repeat-x;
	margin: 0;
	padding: 3px 0 0;
}

ul.Inav li
{
	text-decoration: none;
	list-style: none;
	background: url(../images/menu_border.gif) bottom repeat-x;
	line-height: 24px;
}

ul.Inav li a
{
	text-decoration: none;
	list-style: none;
	color: #39c9ff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	display: block;
	margin: 0;
	padding: 0;
}

ul.Inav li a:hover
{
	text-decoration: underline;
	list-style: none;
	color: #5fa815;
}

.Inav img
{
	margin-bottom: 10px;
}

#footer
{
	width: 100%;
	float: left;
	background: url(../images/dot_trans.gif) repeat-x;
	height: 1px;
	margin: 120px 0 20px;
}

#footercontent
{
	width: 100%;
	height: 38px;
	float: left;
	margin-left: 3px;
	margin-bottom: 20px;
}

#footermenuwrap
{
	width: 700px;
	float: left;
}

#footermenu
{
	clear: both;
	margin: 0;
	padding: 0;
}

ul#footermenu li
{
	float: left;
	list-style: none;
	color: #39c9ff;
	padding-right: 15px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

ul#footermenu li a
{
	color: #39c9ff;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
}

#download
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #39c9ff;
	float: right;
	margin-top: -3px;
	margin-right: 3px;
	padding: 0;
}

#download img
{
	padding-left: 10px;
}

h2
{
	color: #4c4c4c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: 400;
	color: #87888a;
	line-height: 1.3em;
	width: 411px;
}


.products
{
	padding-top: 20px;
	clear: none;
}

.spreads
{
	padding-top: 20px;
	float: left;
	clear: both;
}

.desserts
{
	clear: none;
	padding-top: 20px;
}

.welcome
{
	padding-top: 13px;
	padding-bottom: 10px;
}

.border-top
{
	height: 1px;
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
}

.validation
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: 400;
	color: Red;
	line-height: 1.3em;
}


#description
{
	width: 280px;
	float: right;
}

#description p
{
	padding-top: 0;
	margin-top: 0;
}

.fineprint
{
	font-size: 9px;
	margin: 0;
	padding: 0;
}
.bullets
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: 400;
	color: #87888a;
	line-height: 1.3em;
	width: 411px;	
}

#suburb
{
	width: 180px;
}

#postcode
{
	width: 56px;
}

#comment
{
	width: 294px;
	border: 1px solid #cbcbcb;
}

input
{
	border: 1px solid #cbcbcb;
	margin: 1px 2px 1px 0;
}

.send
{
	margin-top: 40px;
	margin-left: 160px;
}

#menuh
{
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	width: 600px;
	float: left;
}

#menuh a
{
	text-align: left;
	display: block;
	border-top: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	border-left: 1px solid #e3e3e3;
	border-bottom: 1px solid #FFF;
	white-space: nowrap;
	width: 99px;
	height: 16px;
	margin: 0;
	padding: 10px;
}

#menuh a.final
{
	border-bottom: 1px solid #e3e3e3;
}

a#home
{
	background-image: url(../images/menu_home.gif);
	width: 99px;
}

a#products
{
	background-image: url(../images/menu_products.gif);
	width: 110px;
}

a#games
{
	background-image: url(../images/menu_games.gif);
	width: 112px;
}

a#stories
{
	background-image: url(../images/menu_stories.gif);
	width: 133px;
}

a#contactus
{
	background-image: url(../images/menu_contactus.gif);
	width: 100px;
}

#menuh a:link, #menuh a:visited, #menuh a:active /* menu at rest */
{
	color: #39c9ff;
	background-color: #FFF;
	text-decoration: none;
}

#menuh a:hover /* menu at mouse-over */
{
	color: #FFF;
	background-color: #39c9ff;
	text-decoration: none;
}

#menuh ul
{
	list-style: none;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

#menuh li
{
	position: relative;
	min-height: 1px;
	vertical-align: bottom;
	height: 40px;
	float: left;
	background-color: #FFFFFF;
}

#menuh ul ul li
{
	height: 38px;
}

#menuh ul ul
{
	position: absolute;
	z-index: 500;
	top: auto;
	display: none;
	width: 88px;
	margin: -15px 0 0 -1em;
	padding: 1em;
}

#menuh ul ul ul
{
	top: 0;
	left: 100%;
}

div#menuh li:hover
{
	cursor: pointer;
	z-index: 100;
}

div#menuh li:hover ul ul, div#menuh li li:hover ul ul, div#menuh li li li:hover ul ul, div#menuh li li li li:hover ul ul
{
	display: none;
}

div#menuh li:hover ul, div#menuh li li:hover ul, div#menuh li li li:hover ul, div#menuh li li li li:hover ul
{
	display: block;
}

#menuh a.image
{
	background-repeat: no-repeat;
	overflow: hidden;
	border: 0;
	height: 40px;
	line-height: 30;
	display: block;
	padding: 0;
}

a img
{
	border: 0;
}

ul#footermenu li a:hover, a:HOVER
{
	color: #5fa815;
	text-decoration: underline;
}

a:LINK, a:VISITED
{
	color: #39c9ff;
	text-decoration: none;
}

#first_name, #last_name
{
	width: 296px;
	float: left;
	height: 19px;
}

#address_1, #address_2, #nature, #email, #country, #contact_number
{
	width: 296px;
}

.ContactLabels
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: 400;
	color: #87888a;
	line-height: 1.3em;
}

.DescriptionLabels
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: 400;
	color: #87888a;
	line-height: 1.3em;
	width: 311px;
}

.DDL
{
	border: 1px solid #cbcbcb;
	margin: 1px 2px 1px 0;
}



.SiteMapStyle
{
	text-align: left;
}



/* ASPMenu Styles */

.MenuItems
{
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	text-align: left;
	display: block;
	border-top: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	border-left: 1px solid #e3e3e3;
	border-bottom: 1px solid #FFF;
	white-space: nowrap;
	width: 99px;
	height: 16px;
	margin: 0;
	padding: 10px;
}


.MenuItemsHover
{
	color: Black;
	background-color: #39c9ff;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
}

.MenuItemsHover a:link
{
	color: White;
	text-decoration: none;
}

.MenuItemsHover a:visited
{
	color: White;
	text-decoration: none;
}

.MenuItemsHover a:hover
{
	color: White;
	font-weight: bold;
	text-decoration: none;
}

.MenuItemsHover a:active
{
	color: White;
	text-decoration: none;
}

/* MS TreeView */
.DefaultNodeStyle
{
	color: #453380;
	font-size: 15px;
	font-family: Tahoma;
	vertical-align: middle;
	border: none;
	padding-left: 2px;
	padding-right: 2px;
	background-color: transparent;
}

.SelectedNodeStyle
{
	font-size: 15px;
	font-family: Tahoma;
	vertical-align: middle;
	padding-right: 2px;
	padding-left: 2px;
}

.tree td div
{
	height: 100% !important;
}

.termsconditions 
{
	color: #87888a;
	font-size: 0.75em;
	font-weight: 400;
}

.termsconditions:hover
{
	text-decoration: underline;
	list-style: none;
	color: #87888a;
}



