@charset "utf-8";
/* CSS Document */

html {
	height: 100.1%;
	}

body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif; font-size:75%;}
div.outercont{position:relative;margin:0;padding:0;background:url(../images/body_bg.jpg) repeat-x;}
div.bill{background-color:#424242;padding-bottom:20px;}

h1,h2,h3,h4,h5,h6,form,p,ul {
	margin: 0;
	padding: 0;
	}
	
	
div.edu a {
	color: #ffcc00;
	font-size: 1.2em;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
	}

div.edu a:hover {
	background: #fc0;
	color: #000;
	}	

a {
	color: #444444;
	text-decoration:none;
}

a:hover {
	color: #444444;
	text-decoration:underline;
}

.no_margin_r {
	margin-right: 0 !important;
	}

p {
	color: #5c5c5c;
	margin-bottom: 10px;
	line-height: 1.5em;
	font-size: 1em;
	}
	
div.page_width{
        max-width: 800px;
	}	
	
div.middle_col h2.title {
	text-transform: none;
	font-size: 1.8em;
	letter-spacing: -1px;
	margin-top: 5px;
    margin-bottom: 5px;
    font-weight: bold;
    text-decoration: none;
	}

div.middle_col h2.title a{
        text-decoration: none;
	}

div.newsdiv h1 {
			font-size: 1.2em;
			color: #ffffff;
			text-transform: uppercase;
			background-color: #213559;
			padding: 5px 10px;
			float: left;
		}	

div.middle_col h1 {
	text-transform: none;
	font-size: 1.8em;
	letter-spacing: -1px;
        padding-bottom: 5px;
        font-weight: bold;
        text-decoration: none;
	}

div.middle_col h1 a{
        text-decoration: none;
	}
	
div.middle_col h1.small {
	text-transform: none;
	font-size: 1.1em;
	letter-spacing: -1px;
        padding-bottom: 5px;
        font-weight: bold;
        text-decoration: none;
		color: #5c5c5c;
	}

div.middle_col h1.small a{
        text-decoration: none;
	}	

div.heading_hack h2 {
	text-transform: uppercase;
	font-size: 1.8em;
	letter-spacing: -1px;
	}

div.heading_hack h3.headings {
	color: #fc0;
	font-size: 1.4em;
	letter-spacing: -1px;
	background: url(../images/gradient_line.png) left bottom no-repeat;
	padding-bottom: 3px;
	margin-bottom: 10px;
}

div.price_table {
	color: #585858;
	text-decoration: none;
	background: url(../images/gradient_line_long_dark.png) left bottom no-repeat;
	padding-bottom: 6px;
	margin-bottom: 6px;

}


div.news_table {
	color: #585858;
	text-decoration: none;
        line-height: 1.9em;
	background: url(../images/gradient_line_long_dark.png) left bottom no-repeat;
	padding-bottom: 6px;
	margin-bottom: 6px;

}

div.news_links {
	color: #21163F;
	text-decoration: none;
        font-size: 1.12em;
		margin-bottom:3px;

}

div.news_links a {
	color: #2a2a72;
        text-decoration: none;
	}

div.news_links a:hover {
	text-decoration: underline;
        color: #E80000;
	}

div.news_links2 {

	text-decoration: none;
        font-size: 1.12em;

}

div.news_links2 a {
	color: #2a2a72;
        text-decoration: none;
	}

div.news_links2 a:hover {
	text-decoration: underline;
        color: #E80000;
	}

div.news_table h5 {
	color: #2a2a72;
        font-weight: xtra-bold;
        font-size: 1.5em;
	margin-bottom: 4px;
	}

div.middle_col h4 {
	font-size: 1.4em;
	color: #FF9900;
	letter-spacing: -1px;
        padding-bottom: 10px;
}

.small_arrow {
	padding-bottom: 1px;
	}

span.header_grey {
	color: #797979;
	}

span.one {
	float: left;
        width: 90px;
	}

span.two {
	float: left;
        width: 90px;
	}

span.three {
	float: left;
        width: 180px;
	}

span.four {
	float: left;
        width: 270px;
	}

span.news {
	float: left;
	}

span.square {
	float: left;
        width: 380px;
	}

span.table-one {
	float: left;
        width: 180px;
	}

span.table-two {
	float: left;
        width: 70px;
	}

span.lookup-one {
	float: left;
        width: 60px;
	}

span.lookup-two {
	float: left;
        width: 280px;
	}

span.lookup-three {
	float: left;
        width: 100px;
	}


img {
	border: none;
	}

.clearfix {
	clear: both;
	}

div.container {
	width: 990px;
	margin: 0 auto;
	position: relative;
	}

div.top {
	height: 222px;
	position: absolute;
	top: 0px;
	width: 990px;
	background: url(../images/top_bg.jpg) no-repeat;
	margin-right: auto;
	margin-left: auto;
	}

div.top h1 {
	float: left;
	}

div.top div.banner {
	width:728px;
	height: 90px;
	float: right;
	text-align: right;
	}

div.top div.date {
	clear: both;
	float: right;
	color: #8a8a8a;
	margin: -15px 8px 9px 0;
	}

div.top div.nav {
	float: left;
	height: 61px;
	width: 750px;
	}

div.nav ul,
div.subnav ul,
div.left_col ul,
div.footer ul,
div.headlines ul,
div.members_only ul {
	list-style: none;
	}

div.nav ul {
	margin-top: 1px;
	}

div.nav ul li {
	float: left;
	padding: 0 3px;
	margin: 0 0 7px;
	border-right: 1px solid #796101;
	}

div.nav ul li a {
	color: #ffcc00;
	font-size: 1.2em;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
	}

div.nav ul li a:hover {
	background: #fc0;
	color: #000;
	}


div.language {
	width: 175px;
	position: absolute;
	right: 0px;
	top: 121px;
	}

div.language select {
	width: 162px;
	}

div.flags {
	clear: both;
	width:180px;
	margin: 3px 0 0 0;
	}

div.subnav {
	float: left;
	height: 33px;
	}

div.subnav ul li {
	float: left;
	margin: 8px 0 0 0;
	padding: 0 5px;
	border-right: 1px solid #d8d4c3;
	}

div.subnav ul li a {
	color: #666251;
	text-decoration: none;
	font-size: 0.9em;
	}

div.message_board {
	float: left;
	background: url(../images/message_board_bg.png) no-repeat;
	width: 150px;
	height: 33px;
	margin-left: 50px;
	margin-top: 1px;
	}

div.message_board a {
	display: block;
	width: 150px;
	height: 33px;
	color: #000;
	text-decoration: none;
	line-height: 33px;
	text-align: center;
	font-size: 0.9em;
	}

div.message_board a:hover, div.subnav ul li a:hover {
	text-decoration: underline;
	}

div.rss {
	float: right;
	margin-right: 10px;
	height: 33px;
	}

div.rss a {
	line-height: 33px;
	color: #666251;
	text-decoration: none;
	font-size: 0.9em;
	}

div.rss img {
	vertical-align: middle;
	margin-left: 5px;
	}


div.content {
	width: 1000px;
	clear: both;
	padding-top: 230px;
	}

div.left_col {
	width: 180px;
	float: left;
	}

div.left_col h2 {
	background: url(../images/left_nav_headings.gif) no-repeat;
	font-size: 0.9em;
	width: 180px;
	height: 20px;
	line-height: 20px;
	text-transform: uppercase;
	color: #fc0;
	padding-left: 10px;
	margin-bottom: 5px;
	}

div.left_col ul {
	padding: 0 0 0 5px;
	}

div.left_col ul li {
	margin-bottom: 5px;
	}

div.left_col ul li a {
	color: #585858;
	text-decoration: none;
	padding: 0 5px;
	}

div.left_col ul li a:hover {
	color: #2e47c5;
	background: #fc0;
	text-decoration: none;
	}

div.middle_col {
	float: right;
	width: 800px;
	padding-left: 0px;
	margin-right: 10px;
	}

div.mid_container {
    clear: both;
	width: 800px;
    float:left;
	}
	
div.title_box h2 {
	font-size: 1.1em;
	color: #000000;
	text-transform: uppercase;
	background-color: #ececec;
	padding: 3px 5px;
	float: left;
	margin-bottom: 10px;
		}
div.title_news h2 {
	font-size: 0.8em;
	color: #000000;
	text-transform: uppercase;
	background-color: #FFCC00;
	padding: 3px 5px;
	float: left;
	margin-top: 10px;
	margin-bottom: 5px;
		}		
		
div.share_width {
	float: left;
	width: 800px;
	margin-top: 5px;
    padding-bottom: 5px;	
	border-bottom: 1px solid #CCC;	
    }

div.title_width {
	float: left;
	width: 800px;
	margin-top: 5px;	
	border-bottom: 1px solid #ECECEC;	
    }

div.news_width {
	float: left;
	width: 800px;
	margin-top: 5px;
    margin-bottom: 5px;	
	border-bottom: 1px solid #ECECEC;
font-size: 12px;	
    }
	
div.shareprice_width {
	float: left;
	width: 800px;
	margin-top: 5px;
    padding-bottom: 5px;	
    }	

div.shareprice_profile {
	float: left;
	width: 800px;
	margin-top: 5px;
    padding-bottom: 5px;	
	border-bottom: 1px solid #CCC;
    color: #5c5c5c;
	line-height: 1.5em;
	font-size: 1em;	
    }
	
div.shareprice_profile2 {
	float: left;
	width: 480px;
	margin-top: 5px;
    padding-bottom: 5px;	
    color: #5c5c5c;
	line-height: 1.5em;
	font-size: 1em;	
    }	
	
div.pricedata_profile {
	float: left;
	width: 800px;
	margin-top: 5px;
    padding-bottom: 5px;	
	border-bottom: 1px solid #CCC;
    color: #5c5c5c;
	line-height: 1.2em;
	font-size: 0.8em;	
    }
	
#itemtable {
	width: 450px;
    background:#fff;
	text-align: left;	
	float:left;	
	padding: 0;	
	margin: 0;
	line-height: 1.5em;
	color:#000;
	font-size:9pt;
	font-family:arial,helvetica,sans-serif;
	} 	


	
	
ul li.title,.headingtitle {
	font-family:arial,helvetica, sans-serif;
	line-height: 1.5em;
	padding:3px 8px;
	border-bottom:1px solid #ddd;
	font-weight:bold;
	margin: 0;
	letter-spacing:0px;
	font-size:9pt;
	background:#eee;
	width: 450px;
	}
	
#itemtable ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#itemtable li {
	list-style-type: none;
	margin: 0 0 0px;
	padding:0;
	overflow:hidden;
	border:1px solid #ddd;
	}

#itemtable li li {
	list-style-type: none;
	margin: 0;
	border:0;
	padding: 3px 5px 3px 0px;
	background:transparent url(/images/side-arrow.gif) 5px 7px no-repeat;
	border-bottom:1px solid #ddd;
	}

#itemtable li li:hover {
	background:transparent url(/images/side-arrow-on.gif) 5px 7px no-repeat;
	}	

div.banner_long {
	width: 120px;
	position: absolute;
	right: 0px;
	top: 232px;
	}

div.banner_square {
	width: 600px;
	height: 270px;
	float: left;
	margin-top: -40px;
	}

.fl_left {
	float: left;
	}

.fl_right {
	float: right;
	}

h2.live_charts {
	color: #5c5c5c;
	font-size: 1.8em !important;
	letter-spacing: -1px;
	font-weight: normal !important;
	padding-bottom: 8px;
	text-transform: none !important;

	}

span.yellow {
	color: #fc0;
	}

span.co_uk {
	font-size: 0.6em;
	font-style: italic;
	color: #797979;
	}


/* new shares link box panel */

div.box_area h3 {
	background: url(../images/left_nav_headings.png) no-repeat;
	font-size: 1em;
	width: 150px;
	height: 20px;
	line-height: 21px;
	text-transform: uppercase;
	color: #fc0;
	padding-left: 10px;
	}


div.share_box_links {
	background: url(../images/register_bg_shares.gif) repeat-x;
	height: 85px;
	width: 300px;
        margin-left: 0px;
}

div.share_box_links ul {
	margin: 5px 5px 5px 3px;
}

div.share_box_links ul li {
        padding: 1px 0;
	border-bottom: 1px solid #ccc;
        list-style-type: none;
}


div.share_box_links ul li a {
text-decoration: none;
	color: #777;
	font-size: 0.9em;
	padding-left: 0px;

	}

div.share_box_links ul li a:hover {
	color: #021d8e;
	background: #cecece;
	text-decoration: none;
	}

/* END new shares link box panel */


/* new shares news box */

div.box_area h3 {
	background: url(../images/left_nav_headings.png) no-repeat;
	font-size: 1em;
	width: 150px;
	height: 20px;
	line-height: 21px;
	text-transform: uppercase;
	color: #fc0;
	padding-left: 10px;
	}


div.share_news_links {
	background: url(../images/register_bg_shares.gif) repeat-x;
	height: 115px;
	width: 480px;
        margin-left: 0px;
        list-style-type: none;
}

div.share_news_links ul {
	margin: 5px 5px 5px 5px;
}

div.share_news_links ul li {
        padding: 2px 0;
	border-bottom: 1px solid #ccc;
        list-style-type: none;
        align: left;
}


div.share_news_links ul li a {
text-decoration: none;
	color: #555;
	font-size: 1.1em;
	padding-left: 0px;
	}

div.share_news_links ul li a:hover {
	color: #021d8e;
	background: #cecece;
	text-decoration: none;
	}

/* END new shares news box */

ul.additional_links {
	list-style: none;
	margin-right: 20px;
	width: 140px;
	}

ul.additional_links li {
	margin-bottom: 3px;
	}

ul.additional_links a {
	display: block;
	height: 18px;
	background: #FEF9E2;
	text-decoration: none;
	border: 1px solid #E6E6E6;
	text-indent: 5px;
	width: 140px;
	line-height: 18px;
	}

ul.additional_links a:hover {
	background: #000;
	color: #fc0;
	}

div.register_button {
	width: 207px;
	height: 75px;
	float: left;
	margin: 10px;
	}


div.announcement {
	width: 182px;
	height: 135px;
	float: left;
	margin: 10px 0 10px 0;
	}

div.footer {
	height: 116px;
	background: url(../images/footer_bg.jpg) repeat-x;
	text-align: center;
	}


div.footer div.main_footer {
	padding-top: 10px;
	color: #9F8000;
	}

div.footer div.main_footer a {
	color: #FFCC00;
	text-decoration: none;
	font-size: 0.9em;
	padding: 0 3px;
}

div.footer div.secondary_footer {
	width: 700px;
	margin: 0 auto;
	}

div.footer div.secondary_footer a {
	color: #555555;
	text-decoration: none;
	font-size: 0.8em;
	text-align: center;
	clear: both;
}


div.footer p {
	font-size: 0.9em;
      color: #888888;

	}

div.footer a:hover {
	text-decoration: underline !important;
	}


div.ads {
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
}
h4 {
	font-size: 1.4em;
	color: #FF9900;
	letter-spacing: -1px;
}


div.news_links_background {
	text-decoration: none;
  font-size: 1em;
}
div.news_links_background a {
	color: #2a2a72;
  text-decoration: none;
}
div.news_links_background a:hover {
	text-decoration: underline;
  color: #E80000;
}

/* start trade table */

#tradetable,#tradetable td
{
	border               : 1px solid #cecece;
	border-collapse      : collapse;
    font                 : "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}
#tradetable
{
	width                 :480px;
	border                :none;
	border                :1px solid #cecece;
	margin-top: 8px;
}
#tradetable thead th,
#tradetable tbody th
{
  text-align : left;
  background: #cecece;
  color:      #2e47c5;  
  padding   : 3px 5px;
  border-left: 1px solid #cecece;
}
#tradetable tbody th
{
  border-top: 1px solid #cecece;
  text-align : left;
  font-weight: normal;
}
#tradetable tbody tr td
{
	padding: 3px 5px;
}

#tradetable tbody tr.odd
{
	background: #efefef; 
}
#tradetable tbody tr td
{
	padding : 3px 5px;
    color   : #666;
}

#tradetable tfoot td,
#tradetable tfoot th
{
  border-left           : none;
  border-top            : 1px solid #cecece;
  padding : 3px 5px;
  background            : #EFEFEF;
  color                 : #666;
}

/* end trade table */

div.news_area a {
text-decoration: none;
	color: #555;
	padding: 0px;
	line-height: 1.5em;
	}

div.news_area a:hover {
	color: #2e47c5;
	background: #cecece;
	text-decoration: none;
	}
	
/* start trade table */

#sidetable,#sidetable td
{
	border               : 1px solid #cecece;
	border-collapse      : collapse;
    font                 : "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}
#sidetable
{
	width                 :300px;
	border                :none;
	border                :1px solid #cecece;
	margin-top: 8px;
}
#sidetable thead th,
#sidetable tbody th
{
  text-align : left;
  background: #cecece;
  color:      #2e47c5;  
  padding   : 3px 5px;
  border-left: 1px solid #cecece;
}
#sidetable tbody th
{
  border-top: 1px solid #cecece;
  text-align : left;
  font-weight: normal;
}
#sidetable tbody tr td
{
	padding: 3px 5px;
}

#sidetable tbody tr.odd
{
	background: #efefef; 
}
#sidetable tbody tr td
{
	padding : 3px 5px;
    color   : #666;
	font-size: 11px;
}

#sidetable tfoot td,
#sidetable tfoot th
{
  border-left           : none;
  border-top            : 1px solid #cecece;
  padding : 3px 5px;
  background            : #EFEFEF;
  color                 : #666;
}

/* end side table */

/* The shares quote table centre of page */


.share_quote_table{padding:0 0 0 0px; margin-top:32px;width:480px;}
/* header  */
.share_quote_table. hd {margin-top:0px; padding:0; font:normal 93%/138.5% arial; background:none; color:#000;}
.share_quote_table .hd h2 {display:inline; margin-right:0px; font-size:138.5%; font-weight:bold;}
.share_quote_table_rt_top {font-size:93%;}
.share_quote_table_rt_top span {font-weight:bold; color:#000;}
.share_quote_table_rt_top span.positive, .share_quote_table_rt_top span.sq_change_up, .share_quote_table table td span.positive {color:#3A932E;}
.share_quote_table_rt_top span.negative, .share_quote_table_rt_top span.sq_change_down, .share_quote_table table td span.negative {color:#E46062;}
/* body  */
#share_quote_table_data{margin-top:4px; border-top:2px solid #ccc; border-bottom:2px solid #ccc; width: 480px;}
#share_quote_table_data table{margin:0 5px;}
#share_quote_table_data #table1,
.share_quote_table .sup1{float:left; margin:5px 0 0 0;}
#share_quote_table_data #table2,
.share_quote_table .sup2 {float:right; margin:5px 0 0 0;}
#share_quote_table_data table th,
#share_quote_table_data td.yfnc_tablehead1{border-bottom:1px solid #e4e4e4; padding:5px 5px 5px 0; text-align:left; font:93%/93%; color:#444;}
#share_quote_table_data table td{padding:2px 0; border-bottom:1px solid #e4e4e4; font: bold; color:#444;text-align:right;}
#share_quote_table_data table tr.end th,
#share_quote_table_data table tr.end td {border:0;}
#share_quote_table_data table tr.lastTrade td {font-size:123.1%;}
.share_quote_table  p {font-size:85%;}
/* footer */
.share_quote_table .ft {padding:10px 0 5px 0; text-align:left; color:#000; font:normal 85%/116% arial;}
#share_quote_table_data table td span { white-space: nowrap; }







.share_quote_table{width:30.38em; min-width:480px;
*width:29.65em;}
#share_quote_table_data table{width:29.62em; min-width:300px;
*width:28.875em;}
#share_quote_table_data #table1, .share_quote_table .sup1, #share_quote_table_data #table2, .share_quote_table .sup2{width:18.00em; min-width:210px;
*width:18.14em;}





/* clearfix */
#yfi_bd,
#yfi_market_info,
#yfi_investing_head,
.yfi_morning_star_rating,
#yfi_headlines .hd,
.myLinks,
.yui-g,
.share_quote_table,
#share_quote_table_data,
.sup,
#yfi_featured_video li,
#yfi_tech_ticker li
{*height:1%;}

#yfi_bd:after,
#yfi_market_info:after,
#yfi_investing_head:after,
.yfi_morning_star_rating:after,
#yfi_headlines .hd:after,
.myLinks:after,
.yui-g:after,
.share_quote_table:after,
#share_quote_table_data:after,
.sup:after,
#yfi_featured_video li:after,
#yfi_tech_ticker li:after
{content:"."; display:block; height:0; clear:both; visibility:hidden;}

span.shares_one {
        font-size:15px;
        padding-right: 4px;
        font-weight: bold;
	}

span.shares_two {
        font-size:13px;
        text-decoration: underline;
        color:#021d8e;
	}
	
	
span.fullwidth {
  text-align : left;
  color:      #2e47c5;  
  padding   : 3px 5px;
  border-bottom: 1px solid #cecece;
  }

/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/latest-flyout.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */

#menu {height:124px; width:165px; position:relative;}

#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; padding:1px 1px 0 1px; background:#fff;}

#menu li {margin:0; padding:0; list-style:none;}
#menu li {display:inline-block; display:inline;}
#menu ul ul {position:absolute; left:-9999px;}
#menu ul#toplevel {position:absolute; left:0; top:0;}

#menu a {display:block; color:#585858; line-height:20px; text-decoration:none;padding:0 0px 0 7px;}

#menu ul li:hover > ul {left:100%; margin-top:-21px; margin-left:-1px; background:#fff5cb; width: 157px;}

#menu a:hover ul,
#menu a:hover a:hover ul,
#menu a:hover a:hover a:hover ul {left:100%;}
#menu a:hover ul ul,
#menu a:hover a:hover ul ul {left:-9999px;}

#menu li a:hover {background:#FC0; #000; width: 150px;}
#menu li:hover > a {background:#FC0; #000; width: 150px;}
#menu li a.fly
#menu li a.fly:hover {background:#FC2;}
#menu li:hover > a.fly {background:#FC2;}

#menu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-7px; margin-left:-1px;}


.lc_featurebox{
  background-color: #ffffff;
  margin-top:15px;
  width: 460px;
  padding:5px;
  border: 1px solid #DFE8F7;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 17px;
  color: #333333;
}

.lc_featurebox2{
  background-color: #ffffff;
  margin-top:15px;
  width: 650px;
  padding:8px;
  border: 1px solid #cccccc;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  line-height: 15px;
  color: #333333;
}

.lc_insidebox{
  background-color: #efefef;
  margin-top:5px;
  margin-bottom:10px;
  width: 620px;
  padding:6px;
  border: 1px solid #d6d6d6;
  font-family:  arial,helvetica, sans-serif;
  line-height: 1.7em;
  font-size: 1.1em;
  color: #5c5c5c;
}

div.lc_insidebox p {
	color: #5c5c5c;
	margin-bottom: 4px;
	line-height: 1.2em;
	}
	
.lc_sharebottom{
  background-color: #efefef;
  margin-top:10px;
  margin-bottom:10px;
  width: 450px;
  padding:6px;
  border: 1px solid #d6d6d6;
  font-family:  arial,helvetica, sans-serif;
  line-height: 1.7em;
  font-size: 1em;
  color: #5c5c5c;
}


div.lc_sharebottom p {
	color: #5c5c5c;
	margin-bottom: 4px;
	line-height: 1.2em;
	}
	
div.lc_sharebottom a {
	color: #2a2a72;
  text-decoration: none;
  
}	
div.lc_sharebottom a:hover {
	text-decoration: underline;
  color: #E80000;
}	

#iconmenu { margin: 0px auto; padding: 1px; width: 183px; height: 20px; list-style: none; }
#iconmenu li {width: 20px; height: 20px; position: absolute; top: 0px; background: url(https://www.livecharts.co.uk/images/sprite.PNG) 0 0 no-repeat; display: block; list-style: none;}
#iconmenu a {width: 20px; height: 20px; display: block;}
#iconmenu a:hover {border: solid 1px #000;}
#iconmenu #panel1c {left: 2px;}
#iconmenu #panel2c {left: 26px; background-position: -23px 0;}
#iconmenu #panel3c {left: 50px; background-position: -46px 0;}
#iconmenu #panel4c {left: 74px; background-position: -69px 0;}
#iconmenu #panel5c {left: 98px; background-position: -93px 0;}
#iconmenu #panel6c {left: 122px; background-position: -116px 0;}
#iconmenu #panel7c {left: 146px; background-position: -139px 0;}
#iconmenu #panel8c {left: 170px; background-position: -163px 0;}