/* CSS Document */
/***************************************************
Author: Mayur Meshram / Kiran Vadapalli
Date Created: 19th Feb 2008
Project: Asciano
****************************************************/
* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
}
body {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/images_new/body_blended_bg.jpg);
	background-repeat:repeat-y;
	background-position: center;
	text-align:center;
}
td{
	vertical-align:top;
	text-align:left;
}


hr {
	color:#ccc;
}
/* Menu Section */
/* ========================================================================= */
div.menu {
	display: table;
	width: 750px;
	height: 35px;
	margin: 0px;
	padding: 0px;
	/*background-color: #C41230;
	background-image: url(images/bk_menu.gif);*/
	text-align: left;
	vertical-align: middle;
}
div.menu_item {
	display: block;
	float: left;
	width: 187px;
	height: 35px;
	/*padding: 4px;
	padding-left: 10px;
	padding-right: 10px;*/
	color: #ccc;
	font-size: 12px;
	white-space: nowrap;
	font-family:Arial;
	text-align: center;
	vertical-align: top;
	padding-top:12px;
	text-transform: uppercase;
	background-image: url(images/bk_menu.gif);
	cursor: pointer;
}
div.menu_item_over {
	display: block;
	float: left;
	width: 187px;
	height: 35px;
	color: white;
	font-size: 12px;
	font-weight:bold;
	font-family:Arial;
	white-space: nowrap;
	text-align: center;
	vertical-align: bottom;
	text-transform: uppercase;
	background-image: url(images/bk_menu_over.gif);
	cursor: pointer;
}
div.menu_item_spacer {
	display: block;
	float: left;
	width: 20px;
	padding: 0px;
	margin: 0px;
	font-size: 12px;
}
div.menu a {
	text-decoration: none;
}
div.menu a:hover {
	text-decoration: none;
}
div.menu a:active {
	text-decoration: none;
}

#center
{
	margin-left:auto;
	margin-right:auto;
}
/*  Main container */
/****************************************************************************/
#main_container {
	display:block;
	width: 750px;
	position:relative;
	top:20px;
	left:0;
	margin: 0px;
	padding: 0px;
	z-index: 1;
	min-height: 60px;
	MARGIN-RIGHT: auto;
	MARGIN-LEFT: auto;
}
#main_container_shadow {	
	width: 642px; 
	height: 200px; 
	background: #000;
}

#main_container #header {
	width: 666px;
	height: 105px;
	margin: 0px;
	padding: 0px;
	background-image:url(../images/images_new/png/asciano_header_bg.png);
	background-repeat: no-repeat;
}

#main_container #top_banner {
	width: 666px;
	height: 101px;
	margin: 0px;
	padding:0 0 0 25px;
	text-align:left;
	background-image:url(../images/images_new/png/asciano_body_bg.png);
	background-repeat:repeat-y;
}	

/****************************************************************************/
/* Top Menu */
/****************************************************************************/
#main_container #top_menu {
	width: 666px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	background-image:url(../images/images_new/png/asciano_body_bg.png);
	background-repeat:repeat-y;
}

#banner_home
{
	width: 750px;
	height: 75px;
	_margin-top: 26px;
	
	background-image:url(../images/asciano_home_header_panel.png);
	background-repeat:no-repeat;
	
	_background-image: none; 
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/asciano_home_header_panel.png'); 
	
	MARGIN-RIGHT: auto;
	MARGIN-LEFT: auto;
}

#copyright{
	padding-left:200px;
	padding-top:22px;
	vertical-align:top;
	font-size:14px;
	font-weight:600;
	font-family:Arial;
	color:#747477;
}

#top_menu img {
	width: 120px;
	height: 20px;
}

#top_menu div{
	width: 120px;
	height: 20px;
	margin: 0px 0px 0px 21px;
	padding: 0px;
	float:left;
}
#top_menu .home_menu {
	width: auto;
	height: 20px;
	margin: 0;
	padding: 0 0 0 25px;
	float:left;
}

#top_menu .home_menu img {
	background-image:url(../images/images_new/png/buttons/home_off.png);
	background-repeat:no-repeat;
}

#top_menu .home_menu a:hover img {
	background-image:url(../images/images_new/png/buttons/home_on.png);
	background-repeat:no-repeat;
}

#top_menu .about_menu {
	width: 120px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	float:left;

}

#top_menu .about_menu img {
	background-image:url(../images/images_new/png/buttons/about_off.png);
	background-repeat:no-repeat;
}

#top_menu .about_menu a:hover img {
	background-image:url(../images/images_new/png/buttons/about_on.png);
	background-repeat:no-repeat;
}

#top_menu .business_menu {
	width: 120px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	float:left;
	background-image:url(../images/images_new/png/buttons/business_off.png);
	background-repeat:no-repeat;
}

#top_menu .business_menu img {
	background-image:url(../images/images_new/png/buttons/business_off.png);
	background-repeat:no-repeat;
}

#top_menu .business_menu a:hover img {
	background-image:url(../images/images_new/png/buttons/business_on.png);
	background-repeat:no-repeat;
}

#top_menu .investors_menu {
	width: 120px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	float:left;
}

#top_menu .investors_menu img {
	background-image:url(../images/images_new/png/buttons/investors_media_off.png);
	background-repeat:no-repeat;
}

#top_menu .investors_menu a:hover img {
	background-image:url(../images/images_new/png/buttons/investors_media_on.png);
	background-repeat:no-repeat;
}

#top_menu .contact_menu {
	width: 120px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	float:left;
}

#top_menu .contact_menu img{
	width: 127px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	float:left;
	background-image:url(../images/images_new/png/buttons/contact_off.png);
	background-repeat:no-repeat;
}

#top_menu .contact_menu a:hover img {
	background-image:url(../images/images_new/png/buttons/contact_on.png);
	background-repeat:no-repeat;
}

/****************************************************************************/

/* Body Section */
/* ========================================================================= */
div.body, #body_container {
	width: 750px;
	height: auto;
	_height: 435px;
	vertical-align: top;
	text-align: left;
	display: block;
	MARGIN-RIGHT: auto;
	MARGIN-LEFT: auto;
}

#body_container #body_content_left {
	margin: 0px 0 0 5px;
	padding: 17px 32px 0px 25px;
	width: 290px;
	min-height: 200px;
	height: auto;
	float: left;
	background-color: #fff;
	text-align: left;
	vertical-align: top;
}

#body_content_left .rows {
	width: 289px;
	height: auto;
	margin: 0px;
	padding: 6px 0px 6px 0px;
	float: left;
	border-top: 1px solid #9d9fa3;
}

#body_content_left .rows span.row_cat{
	width: 120px;
	float: left;
	font-size: 1em;
	color:#AF0A30;
	font-weight: 700;
	line-height: 16px;
	text-align: left;
}

#body_content_left .rows span.row_desc{
	width: 169px;
	float: left;
	font-size: 1em;
	color: #333;
	font-weight: 100;
	line-height: 16px;
	text-align: left;
}

#body_content_left .footer span{
	font-size: 1em;
	font-weight: 100;
	line-height: 16px;
	text-align: left;
}

#body_container #body_content_right {
	margin: 17px 0px 0px 0px;
	padding: 0px;
	width: 285px;
	height: auto;
	background-color: #fff;
	text-align: left;
	vertical-align: top;
	float: right;
}

#body_content_right img {
	width: 284px;
	height: 83px;
}

#body_content_right div{
	width: 284px;
	height: auto;
	margin: 0px 0px 0px 1px;
	padding: 0px;
	float:left;
}
#body_content_right .investor {
	width: 284px;
	height: 83px;
	margin: 0px 0px 0px 1px;
	padding: 0px;
	float:left;
}

#body_content_right .investor img {
	background-image:url(../images/images_new/png/investor_centre_hi.png);
	background-repeat:no-repeat;
}

#body_content_right .investor a:hover img {
	background-image:url(../images/images_new/png/investor_centre_low.png);
	background-repeat:no-repeat;
}

#body_content_right .media {
	width: 284px;
	height: 83px;
	margin: 0px 0px 0px 1px;
	padding: 0px;
	float:left;
}

#body_content_right .media img {
	background-image:url(../images/images_new/png/media_centre_hi.png);
	background-repeat:no-repeat;
}

#body_content_right .media a:hover img {
	background-image:url(../images/images_new/png/media_centre_low.png);
	background-repeat:no-repeat;
}

#body_content_right .dates {
	width: 284px;
	height: 83px;
	margin: 0px 0px 0px 1px;
	padding: 0px;
	float:left;
}

#body_content_right .dates img {
	background-image:url(../images/images_new/png/key_dates_hi.png);
	background-repeat:no-repeat;
}

#body_content_right .dates a:hover img {
	background-image:url(../images/images_new/png/key_dates_low.png);
	background-repeat:no-repeat;
}

#body_content_right .price {
	width: 284px;
	height: 83px;
	margin: 0px 0px 0px 1px;
	padding: 10px 5px 10px 13px;
	float:left;
	vertical-align: top;
	background-image:url(../images/images_new/png/asciano_price_banner.png);
	background-repeat:no-repeat;
}

#body_content_right .price h2 {
	font-size: 1.05em;
	color: #fff;
	text-align: left;
	text-transform:uppercase;
	letter-spacing: 0.001em;
	vertical-align: top;
}

#body_content_right .price .desc {
	width: 154px;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 1em;
}

.desc_link {
	font-size: 1em;
	color: #fff;
	font-weight: 100;
	line-height: 16px;
	text-transform:uppercase;
	text-decoration: none;
}

#body_content_right .price .rate {
	width: 100px;
	height: 30px;
	margin: 0px 0px 1em;
	vertical-align: top;
}

div.body_content {
	display: block;
	color: #666;
	font-size: 1em;
	width: 540px;
	padding: 30px 30px 1em;
}
div.body_content_two {
	display: block;
	color: #666;
	font-size: 1em;
	min-height: 300px;
	width: 570px;
	padding-top: 30px;
	padding-bottom: 1em;
	padding-left: 30px;
}
div.body_content a, div.body_content_two a {
	color: #000000;
}
.clear { clear:both; 	margin: 0px;	padding: 0px;}
.clearer {
	clear: both;
	display: block;
	padding: 0;
	height: 0;
	line-height: 1px;
	font-size: 1px;
	margin: 0;
}
.footnote{
	font-size: 10px;
	line-height: 12px;
}

/* Body Complete Code */
/* ========================================================================= */

/****************************************************************************/

/* Body Section */
/* ========================================================================= */

#body_container #body_content_complete {
	margin: 17px 0px 0px 25px;
	padding: 0px;
	width: 305px;
	height: auto;
	float: left;
	background-color: #fff;
	text-align: left;
	vertical-align: top;
	min-height:650px;
}
/********* For complete layout table structure ***********************/
#body_content_complete .rows {
	width: 575px;
	height: auto;
	margin: 0px;
	padding: 8px 0px 6px 6px;
	float: left;
	border-top: 0px none #9d9fa3;
}
#body_content_complete .rows span.row_cat_date{
	width: 150px;
	float: left;
	font-size: 1em;
	color: #A70628;
	font-weight: bold;
	line-height: 16px;
	text-align: left;
	text-transform: capitalize;
}
#body_content_complete .rows span.row_cat{
	width: 150px;
	float: left;
	font-size: 1em;
	color: #333;
	font-weight: 700;
	line-height: 16px;
	text-align: left;
}
#body_content_complete .rows span.row_desc_event {
	width: 424px;
	float: left;
	font-size: 1em;
	color: #A70628;
	font-weight: bold;
	line-height: 16px;
	text-align: left;
	text-transform: capitalize;
}
#body_content_complete .rows span.row_desc{
	width: 424px;
	float: left;
	font-size: 1em;
	color: #333;
	font-weight: 100;
	line-height: 16px;
	text-align: left;
}
#body_content_complete .rows span.row_desc p {
	font-size: 0.75em;
}
#body_content_complete a, #body_content_complete a:visited  {
	color: #333;
	text-decoration: none;
}
#body_content_complete a:hover, #body_content_complete a:active  {
	text-decoration: underline;
}

/* ========================================================================= */



/* Coloured Boxes in Right Hand Column */
/* ========================================================================= */
div.box_column {
	display: block;
	float: right;
	width: auto;
	padding-left:22px;
	_padding-left:16px;
}
div.box_column a, div.box_column a:visited {
	font-size: 11px;
	text-decoration: none;
}
div.box_column a:hover, div.box_column a:active {
	font-size: 11px;
	text-decoration: none;
}
div.box_grey img, div.box_blue img, div.box_red img, div.box_special img {
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}
div.box_grey {
	display: block;
	padding: 7px;
	color: black;
	background-image: url(../images/asciano_home_news_box.png);
	background-repeat: no-repeat;
	background-color: transparent;
	font-size: 11px;
	margin-top: 32px;
	margin-bottom: 2px;
	cursor: pointer;
	width: 300px;
}
div.box_price {
	display: block;
	color: #ffffff;
	font-size: 11px;
	background-image: url(../images/asciano_home_price_box.png)
	margin: 0px;
	margin-bottom: 2px;
	cursor: pointer;
}
div.box_grey p {
	color: black;
	font-size: 11px;
	line-height: 15px;
	margin: 0px;
	padding: 0px;
}
div.box_red, div.box_special {
	display: block;
	padding: 10px;
	color: white;
	font-size: 11px;
	background-color: #449EB4;
	margin: 0px;
	margin-bottom: 2px;
	cursor: pointer;
}

div.box_special
{
	background:url(../images/bg_boxspecial.jpg) no-repeat top right;
	color: #FFFFFF;
}


div.box_red p, div.box_special p {
	color: white;
	font-size: 11px;
	line-height: 15px;
	margin: 0px;
	padding: 0px;
}
div.box_blue {
	display: block;
	padding: 10px;
	color: white;
	font-size: 11px;
	background-color: #5B8C77;
	margin: 0px;
	margin-bottom: 2px;
	cursor: pointer;
}

div.box_blue p {
	color: white;
	font-size: 11px;
	line-height: 15px;
	margin: 0px;
	padding: 0px;
}
div.box_blue_business_video {
	display: block;
	padding: 10px;
	color: white;
	font-size: 11px;
	background-color: #010066;
	margin: 0px;
	margin-bottom: 2px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: bottom left;
	background-image: url(http://www.asciano.com/images/box_business_video_img.gif);
}
div.box_blue_business_video img {
	vertical-align: bottom;
}
div.box_blue_business_video p {
	color: white;
	font-size: 11px;
	line-height: 15px;
}


/* Tables Section */
/* ========================================================================= */
table.latest_news_home {
	border-collapse: collapse;
	border-top: 2px solid #ccc;
	margin-top: 1em;
	margin-bottom: 1em;
	width: 300px;
}
table.latest_news_home th {
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	vertical-align: top;
	text-align: left;
	color: #C41230;
	font-weight: 700;
}
table.latest_news_home td {
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	border-bottom: 1px solid #ccc;
	vertical-align: top;
	text-align: left;
}
/*- - - - - - - - - - - - - - - - - - - - - - - -*/
table.table {
	border-collapse: collapse;
	border-top: 2px solid #ccc;
	margin-top: 1em;
	margin-bottom: 1em;
	width: 100%;
}
table.table th {
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	vertical-align: top;
	text-align: left;
	color: #C41230;
	font-weight: 700;
}
table.table td {
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	border-bottom: 1px solid #ccc;
	vertical-align: top;
	text-align: left;
}

/* Other */
/* ========================================================================= */
span.home_share_price {
	font-size: 22px;
	line-height: 26px;
	color:#ffffff;
}
iframe.homeprice {
	border: 0px solid black;
	width: 100px;
	height: 26px;
	overflow: hidden;
	margin: 0px;
	color:#ffffff;
}
iframe.priceinfo {
	width: 560px;
	height: 800px;
	margin: 0px;
	border: 0px;
}
iframe.releases {
	width: 560px;
	height: 1100px;
	margin: 0px;
	border: 0px;
}
iframe.LoginIframe {
	width: 560px;
	height: 1100px;
	margin: 0px;
	border: 0px;
}
.tabledate {
	font-weight: bold;
	color: #000000;
	white-space: nowrap;
}
/*===========================================================================================
Date: 2008-02
Author: Kiran Vadapalli
===========================================================================================*/
#media_release {
	width:inherit;
	margin:0 0 5px 0; 
}
#media_release h2{
	background-image:url(../images/bg_media_sm.jpg);
	background-position:bottom right;
	color:#FFFFFF;
	padding:3px 0 6px 15px;
	height:15px;
	margin: 0;
	text-transform:uppercase;
}

#media_release .media_left{
	padding:6px;
	color:#992137;
	margin:0;
	border-bottom:1px solid #FFFFFF;
	vertical-align:top;
	width: 60px;
	font-size: 11px;
}

#media_release .media_right{
	margin:0px;
	padding:6px 6px 6px 0; 0 0;
	border-bottom:1px solid #FFFFFF;
}

#media_release .media_content {
	background-image:url(../images/bg_media_middle.jpg);
	background-repeat:repeat-y;
	background-position:right;
	width:100%;
}

#media_release .media_right h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0 0 0 0;
	margin:0;
}

#media_release .media_bottom{
	background-image:url(../images/bg_media_bottom.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	height:13px;
	width:inherit;

}

/*===========================================================================================
Articles
Date: 2008-05
Author: Trevor Hutt
===========================================================================================*/

#article_release {
	width:310px;
	/*background-color:#dcdcdc;*/
	margin:0 0 5px 0; 
}

}
#article_release h2{
	background-image:url(../images/bg_media_sm.jpg);
	background-position:bottom right;
	color:#FFFFFF;
	padding:3px 0 6px 15px;
	height:15px;
	margin: 0;
	text-transform:uppercase;
	width:310px;
}

#article_release .media_left{
	padding:6px;
	color:#992137;
	margin:0;
	border-bottom:1px solid #FFFFFF;
	vertical-align:top;
	width: 60px;
	font-size: 11px;
}

#article_release .media_right{
	margin:0px;
	padding:6px 6px 6px 0; 0 0;
	border-bottom:1px solid #FFFFFF;
}

#article_release .media_content {
	background-image:url(../images/bg_media_middle.jpg);
	background-repeat:repeat-y;
	background-position:right;
	width:auto;
}

#article_release .media_right h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:0 0 0 0;
	margin:0;
}

#article_release .media_bottom{
	background-image:url(../images/bg_media_bottom.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	height:13px;
	width:auto;

}

#login_page{
	font:Arial, Helvetica, sans-serif;
	font-size:15px;
	text-align:left;
	color:#A70628;
	font-weight:bold;
	margin:15px 0 15px 0px;

}

#body_container #content_inner {
	width: 730px;
	padding-left: 20px;
	height: auto;
	_height: 435px;
	margin-top: 4px;
	background-image: url(../images/asciano_home_content_centre_box.png);
	background-repeat:repeat-y;
	background-position:horizontal;
	
	MARGIN-RIGHT: auto;
	MARGIN-LEFT: auto;
}

#body_container #content_inner  a {
	color:#c00; 
	text-decoration: none; 
	position:relative;
}

#body_container #content_inner  a:hover {
	text-decoration:underline;
}

#body_container #content_inner  .box_special a {
	/*color: #A70628;*/
}

#body_container #content_inner .box_special  a:hover {
	text-decoration:underline;
	color: #FFFFFF;
}

#body_container #content_inner .box_special  a:visited {
	text-decoration:none;
	color: #FFFFFF;
}

#body_container #content_inner .box_special  a {
	text-decoration:none;
	color: #FFFFFF;
}

#directors{
	width:700px;
	float:left;
	margin:0px;
	padding:15px 0 15px 0;
	border-top:1px solid #CCC;
}
#directors .directors_foto{
	float:left;
	width:120px;
	padding:0 5px 0 0px;

}
#directors .directors_details{
	float:left;
	width:420px;
	margin:0 0 0 15px;
}
#directors .directors_details h2{
	padding:0px 0 0 0px;
	margin:0px;
	
}
#content_inner .itemlist {
	list-style-type: none;
	margin: 0;
	width: 278px;
}


#content_inner .itemlist li{
	list-style-type: none;
	border-bottom: 1px solid #ccc;
	padding: 5px 0 5px 0;
}

#content_inner .notice .article .article_desc {
	width: 120px;
}
#box_column #special {
	color: transparent;
	background-image: url(../images/asciano_home_price_box.png);
	padding: 10px;
	margin: 0 0 0px 0;
	background-position: bottom right;
}
#p7ABW1 li {
}
#content_inner .article {
	float: left;
	width: auto;
	margin-right: 25px;
}

iframe.priceinfo {
	width: 600px;
	height: 800px;
	margin: 0px;
	border: 0px;
}
iframe.releases {
	width: 600px;
	height: 1120px;
	margin: 0px;
	border: 0px;
	overflow:hidden;
}
iframe.LoginIframe {
	width: 600px;
	height: 1100px;
	margin: 0px;
	border: 0px;
}

pre 
{
	font:Arial, Helvetica, sans-serif;
}