@charset "utf-8";

/*
detailed info for menus
wrapper_detailed_info - main wrapper for information
Define the font type and colour here - note you can overide this by declaring inside the actual element
*/

.details_links_container,
.details_bottom,
.details_heading01,
.details_heading02,
.details_heading03,
.details_links_nav_rhs,
.details_links_nav_lhs,
.detail_summary_wrapper,
.detail_summary_heading,
.detail_summary_heading01
{
font-family: Arial, Helvetica, sans-serif;
color: #4F4F4F;	
}

.details_sub_wrapper {
	float:none;
	margin:0 auto;
	width: 730px;
	padding:10px;
	clear: none;
}

.details_top_banner_message{
	float: left;
	position: relative;
	height: 25px;
	width: 450px;
	top: 0px;
	padding-top: 2px;
	padding-right: 5px;
}
.details_wrapper_01{
	padding: 6px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-width: 1px;
	background-color: white;
	width: 800px;
	float: left;
	position: relative;
}

.details_link_wrapper{
	width: 200px;
	height: 30px;
	padding: 4px;
}
/*
details_wrapper_02 is used for detailed listings where there is an image involved
The padding of the main wrapper is 6px or 12px Left and right
if the width above is 800px and the image RHS = 150px
width = (800-12)-150 =638 for the width below
*/

.details_wrapper_02{
	padding: 6px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-width: 1px;
	background-color: white;
	width: 700px;
	float: left;
	position: relative;
	margin:auto;
	clear: none;
}
.details_image_rhs{
	float: right;
	width: 150px;
	position: relative;
}

.details_links_container{
	position: relative;
	font-size: 12px;
	font-weight: bold;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #3C6AA1;
	width: 100%;
	padding-bottom: 5px;
	
}
.details_wrapper_lhs{
	float: left;
	position: relative;
	width: 100%;
}

.details_links_nav_rhs{
	float: right;
	position: relative;
}
.details_links_nav_lhs{
	width: 200px;
	float: left;
	
}
.details_link_button{
	position: relative;
	width: 100px;
	float: left;
	padding-top: 6px;
	padding-bottom: 6px;
}
.details_bottom{
	font-size: 12px;
	font-weight: normal;
	padding-bottom: 4px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	width: 100%;
}

  .details_clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }
  
.details_heading01{
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}
.details_heading02{
	font-size: 12px;
	font-weight: bold;
}

.details_heading03{
	font-size: 12px;
	font-weight: normal;
}  	
/*
end of details section
*/
 
/*
summary Templates
*/
.detail_summary_wrapper{
	padding: 6px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-width: 1px;
	background-color: white;
}
/*
with an image the width is reduced
*/
.detail_summary_01{
	width: 100%;
}
.detail_summary_02{
	width: 80%;
}
.detail_summary_heading{
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}
.detail_summary_heading01{
	font-size: 12px;
	font-weight: normal;
}