/*############################################ Development Elements */

body div#iefive, body div#iesix, body div#ieseven, body div#firefox {
	display:none;

}
body div#firefox {
	display:block;

}


/*############################################ Body Elements */

/* Set font sizes for all browsers */

html {
    font-size: 1.25em; /* 1.25?16px = 20px */
}

body {
    font-size: 60%; /* adjusts base font to 12px */
}

html>body {
    font-size: 12px; /* overrides the above in all browsers except IE */
}

/* end fontsizing */



body {
	text-align: center;
	margin:0;
	padding:0;
	background:#eee;
	font-family: Arial, Helvetica, sans-serif;
}

div#hsbody {
	margin:0 auto 0 auto;
	padding:0px 15px 0px 15px;
	width:740px; /* Optimised for Firefox */
	background-color:#fff;
	text-align: left;
	color:#757575;
}



/*############ Head */

div#hsbody div#head, div#hsbody div#headhome {
	height:110px;
	border:0px solid #ff0000;
	background-image:url(../images/title_bar_back_top.jpg);
}

div#hsbody div#head div#spacer{
	height:40px;
	width:100px;
}

div#hsbody div#head div#top-nav{
	height:30px;
	width:420px;
	border:0px solid #090;
}
div#hsbody div#head div#strap{
	height:40px;
}

div#hsbody div#head div#logo{
	margin:25px 35px 0px 0px;

}

div#hsbody div#head div#textsize {
	float:right;
	color:#000;
	border:0px solid #000;
	height:25px;
	padding:0;
	margin:-8px 0px 0px 0px!important;
	margin:7px 0px 0px 0px;
}

div#hsbody div#head div#textsize a img {
	border:0px solid #aaa;
	width:25px;
	height:25px;
}

div#hsbody div#head div#textsize a {
	color:#000;
	padding:0px;
	margin:0px 3px 0px 0px;
	border:1px solid #999999;
	height:25px;
	width:25px;
	display:block;
	float:left;
}

div#hsbody div#head div#textsize a:hover {
	border:1px solid #fff;
}


/*############ Title bar */

div#hsbody div#title-bar-investors, div#hsbody div#title-bar-footer{
	border-top:0px solid #f00;
	height:100px;

background-image:url(../images/title_bar_back_bottom.jpg);
}
div#hsbody div#title-bar-about {
	border-top:0px solid #f00;
	height:100px;
	background-image:url(../images/title_bar_bck_btm_about.jpg);
}
div#hsbody div#title-bar-contact {
	border-top:0px solid #f00;
	height:100px;
	background-image:url(../images/title_bar_bck_btm_contact.jpg);
}

div#hsbody div#title-bar-investors h2,div#hsbody div#title-bar-contact h2, div#hsbody div#title-bar-about  h2, div#hsbody div#title-bar-footer h2 {
	margin:0px 0px 0px 33px;
	padding:33px 0px 0px 0px;
	border:0px solid #000;
}

/*############ Orange bar */

div#hsbody div#orange-bar{
	height:14px;
	background-color:#ff9a30;
	margin:1px 0px 10px 0px;
}

/*############ Content */

div#hsbody div#content{
	border-top:1px solid #fff;
}
div#hsbody div#contenthsbody {
	width:558px;
	margin:0px 0px 0px 180px;
	padding:0px 0px 0px 0px;
	background-color:#fff;
}
div#hsbody div#contenthsbodywide {
	border:0px dashed #00f;
	margin:0px 0px 0px 0px;
	padding:0;
}

/*############ Float and clear tags */

div#hsbody .left{
	float:left;
}

div#hsbody .right{
	float:right;
}

div#hsbody .clearleft{
	clear:left;
}

div#hsbody .clearright{
	clear:right;
}
div#hsbody .clearboth{
	clear:both;
}

/*############################################ Home Elements */

body div#hsbody div#head h1{
	padding:0;
	margin:15px 0px 0px 32px;
	width:300px;
}

body div#hsbody div#content div#col-left {
	width:420px;
	float:left;
}

body div#hsbody div#content div#col-right {
	width:320px;
	float:left;
}

body div#hsbody div#content div#share-price {
	background-color:#f7f7f7;
	border:1px solid #e7e7e7;
	margin:10px 0px 0px 0px;
	padding:20px 0px 20px 10px;
}
body div#hsbody div#content div#annual {
	border:0px solid #000;
	height:133px;
	background-image:url(../images/home_annual_back.gif);
	padding:0px 0px 0px 10px;
}

body div#hsbody div#content div#col-right div#share-price h2{
	float:left;
	border:0px solid #000;
	margin:10px 0px 0px 0px;
}

body div#hsbody div#content div#col-right div#annual h2{
	margin:0px 0px 3px 0px;
}

/*############################################ Disclaim and Jourdan foot */

#disclaim {
	border-bottom:0px solid #aaa;
	padding:15px 0px 0px 180px;
	clear:both;
	margin:0px 0px 0px 0px;
	font-size:80%;
}

#jourdan-foot {
	border-top:1px solid #aaa;
	padding:10px 20px 10px 20px;
	color:#000;
	margin:10px 0px 0px 0px;
	clear:left;
}


#jourdan-foot ul {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#jourdan-foot ul li {
	list-style-type:none;
	display:inline;
	background-repeat:no-repeat;
	padding:0px 0px 0px 20px;
	margin:0px 10px 0px 0px;
}
#jourdan-foot ul li.site {
	background-image:url(../images/foot_icon_site.gif);
}
#jourdan-foot ul li.accessibility {
	background-image:url(../images/foot_icon_access.gif);
}
#jourdan-foot ul li.contact {
	background-image:url(../images/foot_icon_contact.gif);
}
#jourdan-foot ul li.terms {
	background-image:url(../images/foot_icon_terms.gif);
}
#jourdan-foot ul li a {
	color:#000;
	text-decoration:none;
}
#jourdan-foot ul li a:hover {
	text-decoration:underline;
}




/*############################################ Header menu */


body div#hsbody div#head ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:120%;

}

body div#hsbody div#head ul li {
	list-style-type:none;
	float:left;

}


body div#hsbody div#head ul li a {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	border:0px solid #dcdcdc;
	background-color:#ff9a30;
	text-decoration:none;
	width:104px;
	height:24px;
	display:block;
	margin-right:1px;
	text-align:center;
	padding:6px 0px 0px 0px;
}
body div#hsbody div#head ul li a:hover {
	background-color:#2e2e2e;
}
body div#hsbody div#head ul li.last a {
	margin-right:0px;
	
}

body div#hsbody div#head ul li.about a {
	background-color:#737272;
}
body div#hsbody div#head ul li.about a:hover {
	background-color:#2e2e2e;
}

body div#hsbody div#head ul li.investors a {
	background-color:#5B5B5B;
}
body div#hsbody div#head ul li.investors a:hover {
	background-color:#2e2e2e;
}

body div#hsbody div#head ul li.contact a {
	background-color:#94310E;
}
body div#hsbody div#head ul li.contact a:hover {
	background-color:#2e2e2e;
}


body div#hsbody div#head ul li a.on {


}

body div#hsbody div#head ul li a:hover {
	text-decoration:none;

}

/*############################################ Left menu */

body div#hsbody div#left-menu {
	width:170px;
	float:left;
}

body div#hsbody div#left-menu ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top:1px solid #dbdbdb;

}

body div#hsbody div#left-menu ul li {
	list-style-type:none;
	margin:0;
	padding:0;
}


body div#hsbody div#left-menu ul li a {
	background-color:#fafafa;
	text-decoration:none;
	width:150px;
	display:block;
	margin-top:0;
	border-bottom:1px solid #dbdbdb;
	padding:6px 0px 6px 20px;
	color:#757575;
}


body div#hsbody div#left-menu ul li a.on {
	background-image:url(../images/left_menu_back_on.gif);
	
}

body div#hsbody div#left-menu ul li a:hover {
	background-color:#fff;
	
}



/*############################################ Typography */


p, p.home {
	 line-height:1.6em;
	
}

div#hsbody a {
	color:#ff9a30;
}
div#hsbody p.adobe {
	font-size:80%;
	margin:0;
}

 div#hsbody p.home {
 	padding:10px 30px 0px 35px;	
}

body div#hsbody div#content div#col-right div#annual p {
	padding:0px 110px 0px 0px;
	color:#343434;
	margin:0;
}
body div#hsbody div#content div#col-right div#share-price p {
	padding:0px 0px 0px 120px;
	color:#000;
	margin:0px;

}
body div#hsbody div#content div#col-right div#share-price p span {
	color:#ff9a30;
	font-size: 2em;
	
}


body div#hsbody div#contenthsbody h1, body div#hsbody div#contenthsbodywide h1{
	display:none;
	
}

body div#hsbody div#contenthsbody h2, body div#hsbody div#contenthsbodywide h2{
	margin:0px 0px 10px 0px;
	padding:0px 0px 5px 0px;
	border-bottom:1px solid #ff9a30;
	font-size:140%;	
}

body div#hsbody div#contenthsbody h3, body div#hsbody div#contenthsbodywide h3{
	margin:0px 0px 10px 0px;
	padding:0px 0px 3px 0px;
	border-bottom:1px solid #eee;
	font-size:120%;	
}


body div#hsbody div#contenthsbody h4, body div#hsbody div#contenthsbodywide h4{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:100%;	
}



/*############################################ lists */

body div#hsbody div#contenthsbody ul, body div#hsbody div#contenthsbodywide ul {
	margin:0px 0px 20px 20px;
	padding:0px 0px 0px 0px;
	
}


body div#hsbody div#contenthsbody ul li, body div#hsbody div#contenthsbodywide ul li {
	margin:0px 0px 5px 0px;
	line-height:1.6em;
	
}

/*############################################ Data Table Elements */

#hsbody table {
	background-color: #fff;
	margin: 0px 0px 15px 0px;
	width:100%;
	font-size:100%;

}

/* Firefox hack: this removes space between caption and table */

:root #hsbody table {
	margin-top: 0;

}

#hsbody caption {
	background-color: #ededed;
	caption-side: top;
	text-align: left;
	font-weight: bold;	
	padding: 3px 5px;
	border-bottom:1px solid #ff9a30;
	border-left:0;
	border-right:0;
	font-size:120%;
}

#hsbody table thead th {
	text-align:center;
	background-color: #fafafa;
	padding: 4px;
	border-bottom:1px solid #dbdbdb;
	border-left:0;
	border-right:0;
}


#hsbody table tbody th {
	text-align: left;
	background-color: #fff;
	border-bottom:1px solid #dbdbdb;
	border-left:0;
	border-right:0;
	font-weight:normal;
	padding-left:4px;
}


#hsbody table tbody td {
	background-color: #fff;
	padding: 5px;
	text-align:center; 
	border-left:0;
	border-right:0;
	border-bottom:1px solid #dbdbdb;
}


#hsbody table tbody td.left {
	text-align:left; 

}

#hsbody th.three {
	width:30%;
}


#hsbody th.five {
	width:20%;
}

#hsbody th.six {
	width:16%;
}

#hsbody th.seven {
	width:14%;
}

#hsbody th.sevendouble {
	width:28%;
}


#hsbody abbr, #hsbody acronym {
	cursor: help;
	border-bottom:1px dashed #000;
}

#hsbody table.report td, #hsbody table.report th {
	text-align:left; 
}


/*############################################ Individual table overides */


#hsbody table.contact td {
	text-align:left; 

}

#hsbody table.contact tbody th{
	font-weight:bold;
}

#hsbody table.news {
	clear:both;
}



/*########### Site Map formatting */

#hsbody div.sitemap {
	border:1px solid #dbdbdb;
	background-color:#fafafa;
	width:150px;
	float:left;
	margin:0px 7px 24px 7px;
	padding:8px;
}

#hsbody div.sitemap h3{
	text-align:center;
	padding:5px;
}



/*############################################ Fieldsets*/

#hsbody  div#field-containers {
    padding:0px 0px 10px 0px;
    background-color:#fafafa;
}

#hsbody fieldset {
    margin:0px 0px 10px 0px;
    padding:0px 0px 0px 20px;
    border:0;
}

#hsbody div.news fieldset {
    margin:0px 0px 20px 0px;
}

#hsbody fieldset.half {
    width:45%;
}
#hsbody fieldset.left {
    float:left;
}
#hsbody fieldset.left div{
    margin-bottom:5px;
}
#hsbody div#graph-period-edit{
    margin:0px 0px 0px 0px;
    padding:10px 0px 0px 0px;
}
#hsbody div#graph-comparison-edit{
    margin:0px 0px 0px 0px;
    padding:10px 0px 0px 0px;
}
#hsbody fieldset.right {
    float:right;
}

#hsbody legend {
    text-align: left;
    margin-left:0px!important;
    margin-left:-3px;
    margin-top:10px!important;
    margin-top:10px;
    font-size:120%;
    font-weight:bold;
    color:#ff9a30;
}

#hsbody legend#news-legend {
    margin-bottom:20px!important;
    margin-bottom:0px;
}


#hsbody #hsbody input:hover{
    border: 1px solid #eff3f7;
}

/* labels */

#hsbody fieldset label{
    margin-left:4px;
}

/* Share Price Chart lables */

#hsbody fieldset label#label-period {
    margin-right:10px;
}
#hsbody fieldset label#fromday {
    margin-right:17px;
}
#hsbody fieldset label#today {
    margin-right:32px;
}

/* News Search lables */

#hsbody p.keyword, #hsbody p.period {
	margin:0px 0px 5px 0px;
	padding:0;
}
    
#hsbody fieldset label#label-keyword-input {
        margin-right:16px;
    }
#hsbody fieldset label#label-period-input {
        margin-right:35px;
    }

#hsbody #advanced_options {
	width:230px;
	float:right;
	margin:0px 10px 0px 0px;
}
#hsbody #advanced_options div {
	margin:0px 0px 5px 0px;
}
#hsbody #advanced_options label#search  {
	margin-right:16px;
}
#hsbody #advanced_options label#fromday  {
	margin-right:26px;
}
#hsbody #advanced_options label#today  {
	margin-right:41px;
}




#hsbody fieldset input, #hsbody fieldset select {
    font-size: 100%;
    color:#757575;
    font-family: Arial, verdana, Helvetica, sans-serif;
    }
    
/*######### Graph error message */

#hsbody div#error {
	clear:both;
	margin:0px 20px 0px 20px;
	padding:0;
}

#hsbody ul.error {
	margin:0;

}
  

/*############################################ Button*/

#hsbody div#formbutton {
    height:27px;
    clear:both;
    font-size:1em;
    text-align:center;
}
#hsbody  input {
    font-size:1em;
}

#hsbody input.button, #hsbody a.abutton {
    border:1px solid #ff9a30;
    background-color:#fafafa;
    padding:3px;
    text-transform:uppercase;
    color:#757575;
    text-decoration:none;
    cursor:hand;
}


#hsbody div.search-button {
	margin:0px 0px 0px 150px!important;
	margin:0px 0px 0px 68px;
	border:0px solid #000;
	width:130px;
	float:left;
	height:25px;
	text-align:center
}
#hsbody div.view-all-button {
	margin:0px 0px 0px 0px;
	border:0px solid #000;
	width:130px;
	float:left;
	height:25px;
	padding-top:5px;
	text-align:center
}



/*############################################ Previous & More*/

#hsbody #navigation  {
    margin:10px 0px 10px 0px!important;
    text-align:right;
    border:0px solid #000;
    height:15px;
}

#hsbody a.previous, #hsbody a.more  {
    margin:0px 0px 0px 0px;
    
}

#hsbody a.previous {
     float:left;
     display:block;
    
}

#hsbody a.more {
    margin:0px 0px 0px 0px;
   
}


/*############################################ Share Price Graph Help */


#hsbody div.help {
	text-align:center;
	clear:both;
	margin:10px 0px 0px 0px;
}
#hsbody div.help a{
	margin:0px 5px 0px 5px;
}


/*############################################ News Item*/



#newsitem a {
    color:#ff9a30;
}

#newsitem  {
    padding:5px;
    text-align:left;
    background-color:#fff;
    
}

#newsitem pre {
    font-size:12px;
    
}

#newsitem #print-close{
    border-top:1px solid #ff9a30;
    margin-top:10px;
    padding-top:5px;
}

#newsitem h1 {
    color:#000;
    border-bottom:1px solid #ff9a30;
    padding:4px;
    font-size:180%;
    background-color:#eee;
    
}
#newsitem h2 {
    color:#343434;
    border-bottom:1px solid #ff9a30;
    padding:4px;
    font-size:140%;
    
}

#newsitem #banner {
    margin:0px 0px 10px 0px;
    border:0px solid #000;
    padding:0;
    
}

#div.newsitem p {
    font-size:11px;
    
}

#newsitem div.disclaimer{
    border-top:1px solid #000;
    padding:15px 0px 15px 0px;
    margin:20px 0px 20px 0px;
    background-color:#fff;   
}

#newsitem div.disclaimer p{
    float:left;
}

#newsitem div.disclaimer div.disclaimerlink{
    float:right;
}