html, body, td, p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
}

body {
	margin:0;
	padding:0;
	border:0;
	background-color:#394260;
	background-image:url(images/background.jpg);
	background-repeat:no-repeat;
}
#container {
	text-align: center;
}

h3 {
	font-size:1.2em;
}

h4 {
	font-size:1.0em;
}

h5 {
	font-size:150%;
}

a:link, a:active, a:visited {
	color:#aa6800;
	font-weight:bold;
}

a:hover {
	color:#000000;
}
div#landing {
text-align:left;
	margin:0 auto !important;
	margin: 0;
	padding:0;
	width:800px;
	height:600px;
	background-image:url(images/main_background.jpg);
	background-repeat:no-repeat;
}

div#navigation-box {
	margin:0;
	padding:0;
	width:220px;
	height:50px;
	position:absolute;
	left: 580px;
	top: 550px;
}

div#navigation-box a {
	margin:0;
	padding:0;
	width:220px;
	height:50px;
	display:block;
	background-image:url(images/transpacer.gif);
	background-repeat:no-repeat;
}

div#navigation-box span {
	display:none;
}

.main-systembasics, .main-deliverybasics, .main-basicshelp {
	display:block;
	margin:0;
	padding:0;
	height:77px;
	float:left;
	width:271px;
}

a.main-systembasics:link, a.main-systembasics:active, a.main-systembasics:visited {
	width:271px;
	background-image:url(images/but_systembasics.jpg);
	background-repeat:no-repeat;
}
a.main-systembasics:hover {width:271px; }

a.main-deliverybasics:link, a.main-deliverybasics:active, a.main-deliverybasics:visited {
	width:271px;
	background-image:url(images/but_delivery_basics.jpg);
	background-repeat:no-repeat;
}
a.main-deliverybasics:hover { background-image:url(images/but_delivery_basics.jpg); }

a.main-basicshelp:link, a.main-basicshelp:active, a.main-basicshelp:visited {
	width:271px;
	height:72px;
	background-image:url(images/but_basics_help.jpg);
	background-repeat:no-repeat;

}
a.main-basicshelp:hover { background-image:url(images/but_basics_help.jpg) }

div#header {
	margin:0;
	padding:0;
	width:757px;
	height:140px;
}

div#tpatworkurl {
	margin:0;
	padding:0;
	width:295px;
	height:36px;
}

div#tpatworkurl a {
	margin:0;
	padding:0;
	width:295px;
	height:36px;
	display:block;
	background-image:url(images/tpatworkurl.jpg);
	background-repeat:no-repeat;
}

div#tpatworkurl span {
	display:none;
}

div#top {
float:right;
	margin:0;
	padding:0;
	width:22px;
	height:29px;
}

div#top a {
	margin:0;
	padding:0;
	width:22px;
	height:29px;
	display:block;
	background-image:url(images/top.gif);
	background-repeat:no-repeat;
}

div#top span {
	display:none;
}

div#back2basicstitle {
	margin:0;
	padding:0;
	width:295px;
	height:104px;

}
div#back2basicstitle a {
	margin:0;
	padding:0;
	width:295px;
	height:104px;
	display:block;
	background-image:url(images/back2basics_title.jpg);
	background-repeat:no-repeat;
}

div#back2basicstitle span {
	display:none;
}

div#navigation-primary {
	margin:0;
	padding:0;
	width:366px;
	height:29px;
	position:absolute;
	left:370px;
	top:31px;
}

div#navigation-primary li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}

div#navigation-primary ul {
	margin:0;
	padding:0;
}

div#navigation-primary span {
	display:none;
}

.nav-home, .nav-systembasics, .nav-deliverybasics, .nav-basicshelp {
	display:block;
	margin:0;
	padding:0;
	height:29px;
}

a.nav-home:link, a.nav-home:active, a.nav-home:visited {
	width:56px;
	background-image:url(images/nav_home.jpg);
	background-repeat:no-repeat;
}
a.nav-home:hover { background-image:url(images/nav_home_.jpg) }

a.nav-systembasics:link, a.nav-systembasics:active, a.nav-systembasics:visited {
	width:108px;
	background-image:url(images/nav_systembasics.jpg);
	background-repeat:no-repeat;
}
a.nav-systembasics:hover { background-image:url(images/nav_systembasics_.jpg) }

a.nav-deliverybasics:link, a.nav-deliverybasics:active, a.nav-deliverybasics:visited {
	width:112px;
	background-image:url(images/nav_deliverybasics.jpg);
	background-repeat:no-repeat;
}
a.nav-deliverybasics:hover { background-image:url(images/nav_deliverybasics_.jpg) }

a.nav-basicshelp:link, a.nav-basicshelp:active, a.nav-basicshelp:visited {
	width:90px;
	background-image:url(images/nav_basicshelp.jpg);
	background-repeat:no-repeat;
}
a.nav-basicshelp:hover { background-image:url(images/nav_basicshelp_.jpg) }

div#pagetitle {
	margin:0;
	padding:0;
	width:462px;
	height:80px;
	position:absolute;
	left:295px;
	top:60px;
}

div#pagetitle span {
	display:none;
}

.title-home, .title-systembasics, .title-deliverybasics, .title-basicshelp, .title-copyright, .title-disclaimer, .title-contactus {
	margin:0;
	padding:0;
	display:block;
	width:462px;
	height:80px;
	background-image:url(images/title_disclaimer.jpg);
	background-repeat:no-repeat;
}

.title-home { background-image:url(images/title_home.jpg) }
.title-systembasics { background-image:url(images/title_systembasics.jpg) }
.title-deliverybasics { background-image:url(images/title_deliverybasics.jpg) }
.title-basicshelp { background-image:url(images/title_basicshelp.jpg) }
.title-copyright { background-image:url(images/title_copyright.jpg) }
.title-disclaimer { background-image:url(images/title_disclaimer.jpg) }
.title-contactus { background-image:url(images/title_contactus.jpg) }

div#navigation-secondary {
	margin:35px 0px 0px 0px;
	padding:0;
	width:131px;;
}

div#navigation-secondary ul {
	margin:0;
	padding:0;
}

div#navigation-secondary li {
	margin:0;
	padding:0;
	list-style:none;
	border-bottom:1px solid #cbcfd3;
}

div#navigation-secondary a:link, div#navigation-secondary a:active, div#navigation-secondary a:visited {
	margin:0;
	padding:3px 8px 3px 8px;
	width:115px;
	display:block;
	color:#0d1632;
	font-weight:normal;
	text-decoration:none;
	text-align:right;
}

div#navigation-secondary a:hover {
	background-color:#FFFFFF;
}

a.highlight:link, a.highlight:visited, a.highlight:active {
	background-color:#FFFFFF;
} 


div#content-container {
	margin:0;
	padding:0;
	width:626px;
	position:absolute;
	left:131px;
	top:140px;
}

div#inner-container {
	margin:0;
	padding:0;
	width:626px;
	height:auto;
	background-image:url(images/back_content.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}

div#tools li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}

div#tools ul {
	margin:0;
	padding:0;
}

div#tools span {
	display:none;
}

div#tools-cookietrail li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	font-size:0.85em;
}

div#tools-cookietrail ul {
	margin:0;
	padding:0;
}

div#tools-cookietrail span {
	display:none;
}

div#tools {
	margin:0px 0px 4px 26px;
	padding:0;
	width:548px;
	height:27px;
	*height:35px;
	overflow:hidden;
}

div#tools a span {
	display:none;
}

div#tools a, div#tools div {
	margin:0;
	padding:0;
	float:left;
	display:block;
	text-align:right;
	text-decoration:none;
}

div.tools-seperator1, div.tools-seperator2 {
	width:7px;
	height:35px;
}

div.tools-seperator1 {
	background-image:url(images/tools_seperator1.jpg);
}

div.tools-seperator2 {
	background-image:url(images/tools_seperator2.jpg);
}

a.tools-back:link, a.tools-back:active, a.tools-back:visited {
	width:20px;
	height:35px;
	background-image:url(images/tools_back.jpg);
}

a.tools-back:hover {
	background-image:url(images/tools_back_.jpg);
}

a.tools-forward:link, a.tools-forward:active, a.tools-forward:visited {
	width:20px;
	height:35px;
	background-image:url(images/tools_forward.jpg);
}

a.tools-forward:hover {
	background-image:url(images/tools_forward_.jpg);
}

a.tools-print:link, a.tools-print:active, a.tools-print:visited {
	width:23px;
	height:35px;
	background-image:url(images/tools_print.jpg);
}

a.tools-print:hover {
	background-image:url(images/tools_print_.jpg);
}

div#tools-cookietrail, div#tools-cookietrail a, div#tools-cookietrail div {
	margin:0;
	padding:0;
	float:left;
	height:35px;
}

div#tools-cookietrail a:link, div#tools-cookietrail a:active, div#tools-cookietrail a:visited {
	padding:10px 0px 0px 0px;
	font-weight:bold;
	color:#666666;
	text-decoration:underline;
}

div#tools-cookietrail a:hover {
	color:#000000;
}

div.tools-cookietrail-seperator {
	width:13px;
	background-image:url(images/tools_cookieseperator.gif);
	background-repeat:no-repeat;
	background-position:center;
}

div#content {
	margin:0px 26px 0px 26px;
	padding:0px 0px 0px 2px;
	width:572px;
	min-height: 580px;
	height: auto !important;
	height: 580px;
	

}

div#footer {
	margin:0;
	padding:15px 0px 0px 0px;
	width:626px;
	height:36px;
	background-image:url(images/back_footer.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	text-align:center;
}

div#footer[id] {
	background-image:url(images/back_footer.png) !important;
}

div#footer a:link, div#footer a:active, div#footer a:visited {
	font-weight:normal;
	color:#6391CC;
	text-decoration:none;
}

div#footer a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

.copyright {
	font-size:10px;
	color:#FFFFFF;
}

div#dest-logo {
	margin:0;
	padding:0;
	width:129px;
	height:95px;
	position:relative;
	left:0;
	top:0;
	margin-left:-129px;
	margin-top:-95px;
	float:left;
}

div#dest-logo a {
	margin:0;
	padding:0;
	width:129px;
	height:95px;
	display:block;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/deewr_logo.png');
	background-repeat:no-repeat;
}

div#dest-logo[id] a {
	background-image:url(images/deewr_logo.png) !important;
	filter:none;
}

div#dest-logo a span {
	display:none;
}

div#dest-logo-sm {
	margin:0;
	padding:0;
	width:80px;
	height:70px;
	position:absolute;
	left:25px;
	top:525px;
}

div#dest-logo-sm  a {
	margin:0;
	padding:0;
	width:80px;
	height:70px;
	display:block;
	background-image:url(images/transpacer.gif);
	background-repeat:no-repeat;
}

div#dest-logo-sm a span {
	display:none;
}

div#more-info {
	margin:15px 0px 10px 10px;
	*margin-top:3px;
	padding:0;
	border:0;
	background-image:url(images/moreinfo_middle.jpg);
	background-repeat:repeat-y;
	width:255px;
	float:right;
}

div#more-info-title {
	margin:0px 0px -20px 0px;
	padding:0;
	width:255px;
	height:42px;
	background-image:url(images/moreinfo_top.jpg);
	background-repeat:no-repeat;
}

div#more-info-title h2 {
	display:none;
}

div#more-info-content {
	margin:0;
	padding:10px;
	background-image:url(images/moreinfo_bottom.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

div#more-info-content ul {
	margin:-10px 0px 0px 10px;
	padding:0;
}

div#more-info-content li {
	margin:0px 0px 5px 0px;
	list-style:none;
}

div#more-info-content a:link, div#more-info-content a:active, div#more-info-content a:visited {
	font-weight:normal;
	color:#aa6800;
}

div#more-info-content a:hover {
	color:#000000;
}
	
.menu {
	margin:0 0 0 32px;
	padding:0;
	width:271px;
	height:226px;
	position:absolute;
	top: 266px;
	float:left;
	background-image:url(images/but_bk.jpg);
	background-repeat:no-repeat;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:271px; w\idth:271x;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:149px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#ffffff; width:271px; height:77px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:271px; w\idth:271px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:20px;left:271px; width:149px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:20px;t\op:20px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#4f6177; color:#ffffff; height:auto; line-height:1em; padding:5px 10px; width:271px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:271px;w\idth:271px;}

/* style the top level hover */
.menu a:hover {
	background-color:transparent;
	background-image:url(images/highlight.gif);
	background-repeat:no-repeat;
}
.menu ul ul a:hover{
	color:#000000; background:#ffffff; width:271px;
}
.menu :hover > a {
	background-color:transparent;
	background-image:url(images/highlight.gif);
	background-repeat:no-repeat;
}
.menu ul ul :hover > a {
	color:#000000;
	background:#ffffff;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
.menu span {
	display:none;
}