body {
	background: url('http://www.o2.co.uk/assets/O2HybridNav/Static-files/css/images/bggrad.jpg') repeat-x scroll left 50px transparent;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0;
}

#wrapper {
	background: none;
	position: absolute;
	top: 30px;
	left: 0px;
	text-align: left;	
}

#notes {
	color: #fff;
	background: #000;
	display: none;
	font-size: 11px;
	filter: alpha(opacity=90);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	opacity:0.90;
	-moz-opacity: 0.90;
    -moz-border-radius-bottomleft: 10px;
	padding: 15px;
	position: absolute;
	top: 50px;
	right: 0px;
	text-align: left;
	width: 260px;
}

#notes-title {
	
}

#notes-title a {
	color: #fff;
	text-decoration: none;
}

#notes-title #notes-show-hide {
	position: absolute;
	top: 15px;
	right: 15px;	
}

#notes-content {
	padding-top: 5px;
	width: 260px;
}

#notes-content ul li {
	margin-left: -20px;
}

#shadow-top {
	background: url('../images/shadowLip-top.png') no-repeat top left transparent;
	width: 300px;
	height: 10px;
	position: relative;
	top: 82px;
	left: 15px;
	z-index: 10;
}

#shadow-bot {
	background: url('../images/shadowLip-bot.png') no-repeat top left transparent;
	width: 300px;
	height: 10px;
	position: relative;
	top: 372px;
	left: 15px;
	z-index: 10;
}

#menu {
	background-color: #000;
	font-size: 11px;
	overflow: hidden;
	height: 50px;
}

#menu a, #menu a:visited, #menu a:hover {
	color: #fff;
	text-decoration: none;
    outline: none;
    -moz-outline-style: none;
}

#menu #drop-down a {
	color: #0c9cf7;
	float: left;
	font-weight: bold;
	padding-top: 10px;
}

#menu #drop-down a#home {
	padding-top: 0px;
	margin-right: 15px;
}

#menu a:hover {
	text-decoration: underline;
}

#menu #drop-down {
	cursor: pointer;
	float: left;	
	padding: 7px 0px 0px 20px;
	width: 275px;
	height: 50px;
}

#menu #drop-down #show-hide {
	color: #fff;
	font-weight: normal;
	float: right;
}

#menu #controls {
	float: right;
}

#menu #controls ul {
	list-style: none;
	margin: 7px 0px 0px 0px;
}

#menu #controls li {
	float: left;
	margin-right: 5px;
}

#menu #controls li.txt {
	padding-top: 11px;
}

#menu #controls li.prev {
	padding-right: 10px;
}

#menu #mu-title {	
	color: #fff;
	float: left;	
	width: 400px;
	padding: 17px 5px 5px 20px;
}

#menu #mu-title #mu-group {
	font-weight: bold;
}

#frame {
	margin: 0 auto;
	width: 1024px;
}

/* sprites */

.button {
	background: url('../images/arrow-sprite.png') 0px -1px no-repeat transparent;
	display: block;
	width: 36px;
	height: 36px;
	text-indent: -5000px;
	cursor: pointer;
}

a.button, a.button:active {
    outline: none;
    -moz-outline-style: none;
}

a.button.up:hover { background-position: -41px -1px; }

a.button.down { background-position: 0px -38px; }
a.button.down:hover { background-position: -41px -38px; }

a.button.left { background-position: 0px -74px; }
a.button.left:hover { background-position: 0px -111px; }

a.button.right { background-position: -41px -74px; }
a.button.right:hover { background-position: -41px -111px; }