div#hide{
	visibility:hidden;
	display:none;
}
a{
	text-decoration:none;
}
/* this is required for the main page html regions where it needs to be indented to make inline 
with other boxes and the main heading. */
div.htmleditor {
	margin-left:4px;
	clear:left; /* added for the news page to allow the content to flow u */
}
div.htmleditor a{
	color:#000099;
	text-decoration:none;
}
div.htmleditor a:hover{
	color:#666;
	text-decoration:underline;
}
/* with this set to zero it means the floating image under the reusable links can be pushed right
up to the edge */
div.htmleditor p{
	padding-right:0 !important;
}
div#contentimage{
	float:left;
	clear:left;
	margin:0 12px 12px 0;
}
/* awcontent is the container for all inner content - ie the bit without the navigation */
div#awcontent{
	width: 724px;
	float:right;
	margin:0 18px 0 0;	
	_margin:0 8px 0 0;
}
/* when columns are required - for example the sub site homepages the content is divided into two columns */
div#awcontent div.column{
	width:353px;
	_width:351px;
	float:left;
}
div#awcontent div.col1{
	padding:0 8px 0 0;
}
div#awcontent div.col2{
	padding:0 0 0 8px;
	_padding:0 0 0 0;
}
/* on the sub pages two columns are not always required for example where text and a header is needed
so include these in a row */
div#awcontent div.row
{
	width:100%;
	margin:8px 0 12px 0;
	clear:left;
}

/* awcoloredboxis the class applied for any box on the site that should have a background - the background is defined
in the respective colors.css. awbox is has the same properties but has a grey background */
div#awcontent div.awcoloredbox, div#awcontent div.awbox {
	background:#e3e3e3;
	width:334px;
	_width:331px;
	float:left;
	padding:6px 12px 6px 12px;
	margin-bottom:10px;

}
/* an additional margin is required for spacing in the rows. you can't put this on the main style as the 
reusable links already have the margins catered for in the different positions they can be in */
div#awcontent div.row div.awcoloredbox, div#awcontent div.row div.awbox, div#awcontent div.column div.awcoloredbox, div#awcontent div.column div.awbox {
	margin-right:12px !important;
	_margin-right:0 !important;
	border:1px solid #ccc;
}
/* you need to nudge the second column over slightly to make it fall inline with the outside of the header div */
div#awcontent div.col2 div.awcoloredbox, div#awcontent div.col2 div.awbox {
	margin-left:1px !important;
}
/* righthandwrapper is the container that floats on the right of the page which contains the three reusable links
webparts. content will flow around this div */
div#awcontent div.awrighthandwrapper{
	float: right;
	width: 220px;
	margin:0 0 7px 12px;
	_margin:0 0 0 12px;
}
div#awcontent div.awrighthandwrapper div.awcoloredbox {	
	border:1px solid #ccc;
	margin:0 0 15px 0;
}
/* reusable link class are the divs that hold the reusable links which also use awcoloredbox */
div#awcontent div.awrighthandwrapper div.reusablelink{
	width:197px !important;
}
/* bottomwrapper is the container that sits at the botom of the page which contains the reusable links webparts */
div#awcontent div.awbottomwrapper {
	background: transparent url(images/bg_boxb_distributors.png) no-repeat scroll 10% bottom;
	float:left;
	width:720px;
	margin:0 0 0 16px;
	_margin:0 0 0 10px;
}
div#awcontent div.awbottomwrapper div.reusablelink{
	width:197px !important;
	_width:173px !important;	
}
/* some custom styling is required if the reusable link is in the bottom wrapper */
div#awcontent div.awbottomwrapper div.awcoloredbox {
	background:transparent none !important;
	border-top:1px solid #e3e3e3;	
	/*width:240px;*/
}
/* the three columns here are the columns that the reusable links sit in when in the awbottomwrapper class
this provides the ability to line up the background with the divs */
div#awcontent div.awbottomwrapper div.col1{
	margin-right:15px;
	_margin-left:2px;
	_padding:6px 6px 12px 10px !important;
}
div#awcontent div.awbottomwrapper div.col2{
	margin-right:15px;	
	_padding:10px 5px 12px 12px !important;
}
div#awcontent div.awbottomwrapper div.col3{
	_padding:10px 4px 12px 12px !important;
}

/*
	HEADINGS
*/
div#awcontent h1{
	
}
div#awcontent h2{
	font-size:180%;
	font-weight:normal;
	margin:0 0 8px 0;
	clear:left;
}
div#awcontent h3{
	/*removed because breaking loads of areas in firefox
	font-size:140%;
	font-weight:bold;*/
	padding-bottom:0;
	margin-bottom:0;
}
*html div#awcontent h3 
{
	font-size:140%;
	font-weight:bold;
}
/* this captures the link headings (ie with a button) and repositions. mainly on sub site
home pages) */
div#awcontent div.column h3.link, div#awcontent div.row h3.link{
	/*padding:3px 0 4px 27px;	removed - changes in the .link class */
}
div#awcontent h4{
	
}
div.wysiwyg, div.wysiwyg div{
	min-height:0 !important;
	height:auto !important;
}