/*	SITE TEMPLATE
-----------------------------------------------
1.	Universal
2.	Template Layout
3.	Branding / Logo elements
4.	Footer elements 
5.	Miscellaneous
----------------------------------------------- */

/*= 1. Universal
----------------------------------------------- */
html {
	padding:0;
	margin:0;
	overflow-y: scroll;
}
body {
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 100%;
	background: #D0B871 url("../images/site_objects/backgrounds/bg_body.gif") repeat-x;
	color: #000;
	line-height: 1em;
	margin: 0;
	padding: 0;
}
img {border: 0;}
.hidden {
	height: 0;
	left: 0px;
	overflow: hidden;
	position: absolute;
	top: -1000px;
	width: 0;
}

/*= 2. Template Layout
----------------------------------------------- */
#sitewrapper {
	background: transparent url("../images/site_objects/backgrounds/bg_content.png") repeat-y;
	font-size: 75%;
	margin: 0 auto;
	min-height: 100%;
	position: relative;
	text-align: left;
	width: 1000px;
}
#header {
	background: #000 url("../images/site_objects/backgrounds/bg_header.gif") top left repeat-x;
	display: inline;
	float: left;
	height: 80px;
	margin: 0 5px;
	width: 990px;
}
html>body #header {
	height:auto;
	min-height: 80px;
}
#contentwrapper {
	display: inline;
	float: left;
	margin: 0 5px;
	padding: 10px 10px 30px 20px; 
	width: 960px;
}
#subnavigation {
	display: inline;
	float: left;
	margin: 0 10px 10px 0;
	padding: 0 0 50px 0;
	width: 230px;
}
#subnavigation div.sectiontitle {
	height: 94px;
	margin: 26px 0 0 0;
}

#contentwrapper div.content {
	display: inline;
	float: left;
	margin: 0 10px 0 0;
	width: 470px;
}
#contentwrapper div.content_wide {
	display: inline;
	float: left;
	margin: 0 10px 0 0;
	width: 710px;
}

#contentwrapper div.pagetitle {
	display: inline; 
	float: left;
	height: 72px;
	margin: 48px 10px 0 0;
	width: 710px;
}
html>body #contentwrapper div.pagetitle {
	height: auto;
	min-height: 72px;
}
#contentwrapper div.pagetitle_TPOF {
	height: 98px;
}
html>body #contentwrapper div.pagetitle_TPOF {
	height: auto;
	min-height: 98px;
}
#contentwrapper div.pagetitle_notitle {
	display: inline; 
	float: left;
	height: 57px;
	width: 710px;
}
#contentwrapper div.subcontent {
	display: inline;
	float: left;
	margin: 0 10px 0 0;
	padding: 0 0 0 10px;
	width: 220px;
}
#contentwrapper div.content_wide div.subcontent {
	margin-right: 0;
}
#footer {
	background:  #FFF;
	border-top: solid 1px #dfcf9f;
	clear: both;
	font-size: 91.75%;
	height:auto;
	margin: 0 5px;
	padding: 16px 10px 30px 20px;
	width: 960px;
}








/*= 3. Branding / Logo elements
----------------------------------------------- */
#header #branding {
	display: inline;
	float: left; 
	margin: 0 0 0 20px;
	width: 110px;
}
#header #branding img {
	margin: 15px 0 0 0;
}
#header #features{
	display: inline;
	float: right;
	padding: 0 20px 0 0;
	width:840px;
}
#header #navigationwrapper {
	display: inline;
	float: right;
	/*padding: 0 20px 0 0;*/
	padding: 10px 20px 0 20px;
	/* width: 840px; */
	width: 950px;
}
#header #navigationwrapper #navigation {
	clear: both;
	float: right;
}









/*= 4. Footer elements
----------------------------------------------- */
#footer ul {
	float: left;
	padding-right: 10px;
	width: 108px;
}


/*= 5. Miscellaneous
----------------------------------------------- *//*	NAVIGATION
-----------------------------------------------
1.	Access keys hidden menu
2.	Features navigation
3.	Main navigation
4.	Sub navigation
5.	Tools navigation
6.	On page navigation - level 1
7.	On page navigation - level 2
----------------------------------------------- */

/*= 1. Access keys hidden menu
----------------------------------------------- */
#accessiblenav ul {
	list-style: none;
	margin: 0;	
	padding: 0;

}
#accessiblenav li {
	display: inline;
	list-style: none;
	margin: 0;	
	padding: 0;
}
#accessiblenav a:link, #accessiblenav a:visited {
	top: 5px;
	left: 100px;
	font-size: 75%;
	height: 0;	
	overflow: hidden;
	position: absolute;
	width: 0;
	z-index: 1002;
}
#accessiblenav a:active, #accessiblenav a:focus { /* Only show skiplinks on focus */
	background: #FFFFFF;
	border: 0;
	height: auto;
	margin: 0;
	overflow: visible;
	padding: 4px 6px 4px 6px;
	position: absolute;
	text-decoration:underline;
	width: auto;
	z-index: 10000;
	border:1px solid #000;
}





/*= 2. Features navigation
----------------------------------------------- */
#features ul{
	float:right;
	font-weight: bold;
	font-size: 91.75%;
	list-style-type:none;
	margin: 0;
 	padding: 0 0 25px 0;
}
#features ul li {
	display: inline;
	white-space:nowrap;
}
#features ul li a, #features ul li a:visited {
	background: transparent; 
	margin-left: 1px;
	color: #bea55a;
	float:left;
	padding: 15px 8px 4px 8px;
	text-decoration: none;
}

	html>body #features ul li a, html>body #features ul li a:visited {
		padding: 15px 8px 2px 8px;
	}

#features ul li a:hover, #features ul li a:active, #features ul li a:focus, #features ul li a.lit, #features ul li a.lit:visited, #features ul li a.lit:hover, #features ul li a.lit:active, #features ul li a.lit:focus {
	background: #b59d58;
	color: #FFF;
	text-decoration:none;
}

#features ul li#sitesearch fieldset {
	display: inline;
}
#features ul li#sitesearch {
	float: left;
	margin-left: 10px;
}
#features ul li#sitesearch form {
	margin: 12px 0 0 5px;
}
#features ul li#sitesearch form input#search_criteria {
	border: 0;
	float: left;
	margin: 0;
	padding: 4px;
	width: 163px;
}





#features ul li#sitesearch input.button, #features ul li#sitesearch input.button_f2 {
	background: #2e2e2e;
	color: #FFF;
	font-weight: normal;
	padding: 3px 6px 3px 6px;
}
	html>body #features ul li#sitesearch input.button, html>body #features ul li#sitesearch input.button_f2 {
		padding: 3px 4px 4px 4px;
	}


#features ul li#sitesearch input.button {
	text-decoration: none;
}
#features ul li#sitesearch input.button_f2 {
	text-decoration: underline;
}















/*= 3. Main navigation
----------------------------------------------- */
#navigation ul {
	float:none;
	font-size: 115%;
	font-weight: bold;
	list-style-type:none;
	margin: 0;
 	padding: 0;
}
#header #navigationwrapper #navigation ul li {
	display: inline;
	white-space:nowrap;
}
#navigation ul li a, #navigation ul li a:visited {
	background: #2e2e2e; 
	margin-left: 2px;
	color: #FFF;
	float:left;
	padding: 5px 7px 8px 7px;
	text-decoration: none;
}
#navigation ul li a:hover, #navigation ul li a:active, #navigation ul li a:focus, #navigation ul li a.lit, #navigation ul li a.lit:visited, #navigation ul li a.lit:hover, #navigation ul li a.lit:active, #navigation ul li a.lit:focus {
	background: #FFF;
	color: #000;
	text-decoration:none;
}

/*= 4. Sub navigation
----------------------------------------------- */
#subnavigation ul {
	border-top: solid 1px #dfcf9f;
	list-style-type:none;
	margin: 0; 
	padding:0;
	width: 210px;
}
#subnavigation ul li {
	border-bottom: solid 1px #dfcf9f;
	margin: 0 0 -1px 0; 
	padding:0;
	position: relative;
}
#subnavigation ul li a:link, #subnavigation ul li a:visited {
	color: #000;
	display:block;
	padding: 3px 12px 3px 2px;
	text-decoration:none;
	width: 196px;
}
#subnavigation ul li a:hover, #subnavigation ul li a:active, #subnavigation ul li a:focus {
	color: #000;
	font-weight: normal;
	text-decoration:underline;
}
#subnavigation ul li a.lit:link, #subnavigation ul li a.lit:visited {
	color: #000;
	font-weight: bold;
	text-decoration:none;
}
#subnavigation ul li a.lit:focus, #subnavigation ul li a.lit:hover, #subnavigation ul li a.lit:active {
	color: #000;
	font-weight: bold;
	text-decoration:underline;
}

/* subnavigation - level 2*/

#subnavigation ul li ul {
	border-bottom: 0;
	background-image:none;
	margin: 0; 
	padding:0 0 0 15px;
	position: relative;
	width: 195px;
}
#subnavigation ul li ul li {
	position: relative;
}
#subnavigation ul li ul li a:link, #subnavigation ul li ul li a:visited {
	color: #000;
	display:block;
	padding: 3px 12px 3px 2px;
	text-decoration:none;
	width: 181px;
}
#subnavigation ul li ul li a:focus, #subnavigation ul li ul li a:hover, #subnavigation ul li ul li a:active {
	color: #000;
	font-weight: normal;
	text-decoration:underline;	
}
#subnavigation ul li ul li a.lit:link, #subnavigation ul li ul li a.lit:visited {
	color: #000;
	font-weight: bold;
	text-decoration:none;
}
#subnavigation ul li ul li a.lit:focus, #subnavigation ul li ul li a.lit:hover, #subnavigation ul li ul li a.lit:active {
	color: #000;
	font-weight: bold;
	text-decoration:underline;
}

/* subnavigation - level 3*/
#subnavigation ul li ul li ul {
	border-bottom: 0;
	background-image:none;
	margin: 0 0 -1px 0; 
	padding:0 0 0 15px;
	position: relative;
	width: 180px;
}

#subnavigation ul li ul li ul li a:link, #subnavigation ul li ul li ul li a:visited {
	color: #000;
	display:block;
	padding: 3px 12px 3px 2px;
	text-decoration:none;
	width: 166px;
}
#subnavigation ul li ul li ul li a:focus, #subnavigation ul li ul li ul li a:hover, #subnavigation ul li ul li ul li a:active {
	color: #bea55a;
	font-weight: normal;
	text-decoration:underline;	
}
#subnavigation ul li ul li ul li a.lit:link, #subnavigation ul li ul li ul li a.lit:visited {
	color: #bea55a;
	font-weight: bold;
	text-decoration:none;
}
#subnavigation ul li ul li ul li a.lit:focus, #subnavigation ul li ul li ul li a.lit:hover, #subnavigation ul li ul li ul li a.lit:active {
	color: #bea55a;
	font-weight: bold;
	text-decoration:underline;
}

/* subnavigation - level 4*/
#subnavigation ul li ul li ul li ul {
	border-top: 0;
	background-image:none;
	margin: 0; 
	padding:0 0 0 15px;
	position: relative;
	width: 160px;
}
#subnavigation ul li ul li ul li ul li{
	border-bottom: 0;
}
#subnavigation ul li ul li ul li ul li a:link, #subnavigation ul li ul li ul li ul li a:visited {
	color: #000;
	display:block;
	padding: 3px 12px 3px 2px;
	text-decoration:none;
	width: 146px;
}
#subnavigation ul li ul li ul li ul li a:focus, #subnavigation ul li ul li ul li ul li a:hover, #subnavigation ul li ul li ul li ul li a:active {
	color: #bea55a;
	font-weight: normal;
	text-decoration:underline;	
}
#subnavigation ul li ul li ul li ul li a.lit:link, #subnavigation ul li ul li ul li ul li a.lit:visited {
	color: #bea55a;
	font-weight: bold;
	text-decoration:none;
}
#subnavigation ul li ul li ul li ul li a.lit:focus, #subnavigation ul li ul li ul li ul li a.lit:hover, #subnavigation ul li ul li ul li ul li a.lit:active {
	color: #bea55a;
	font-weight: bold;
	text-decoration:underline;
}


/*= 5. Tools navigation
----------------------------------------------- */
ul#tools {
	border-top: 0;
	float: left;
	list-style-type:none;
	margin: 27px 0 0 0; 
	padding:0 0 33px 0;
	width: 210px;
}
ul#tools li {
	clear: both;
	border-bottom: 0;
	float: left;
	margin: 0; 
	padding: 1px 0;
	width: 210px;
}
ul#tools li.title {
	font-size: 120%;
	font-weight:bold;
	padding: 0 0 4px 0;
}
ul#tools a.printpage, ul#tools a.printpage:link, ul#tools a.printpage:visited {
	background: url("../images/buttons/btn_print.gif") center left no-repeat;
	padding-left: 20px;
	text-decoration: none;
}
ul#tools a.printpage:hover, ul#tools a.printpage:focus, ul#tools a.printpage:active {
	background: url("../images/buttons/btn_print_f2.gif") center left no-repeat;
	color: #bea55a;
	text-decoration: underline;
}

ul#tools a.personalise, ul#tools a.personalise:link, ul#tools a.personalise:visited {
	background: url("../images/buttons/btn_personalise.gif") center left no-repeat;
	padding-left: 20px;
	text-decoration: none;
}
ul#tools a.personalise:hover, ul#tools a.personalise:focus, ul#tools a.personalise:active {
	background: url("../images/buttons/btn_personalise_f2.gif") center left no-repeat;
	color: #bea55a;
	text-decoration: underline;
}


/*= 6. On page navigation - level 1
----------------------------------------------- */
ul.category {
	background: #000 url("../images/site_objects/backgrounds/bg_internal_nav.gif") top left repeat-x;
	float:left;
	font-size: 120%;
	list-style-type:none;
	margin: 0 0 14px 0;
 	padding: 5px 0 0 8px;
}
div.content ul.category {width: 467px;}
div.content_wide ul.category {width: 702px;}
div.subcontent ul.category {width: 222px;}
	
	ul.category_gold {
		background: #cdb469 url("../images/site_objects/backgrounds/bg_internal_nav_gold.gif") top left repeat-x;
	}
	
ul.category li {
	display: inline;
	white-space:nowrap;
}
ul.category li a, ul.category li a:visited {
	background: #333 url("../images/site_objects/backgrounds/bg_internal_nav_btn.gif") top left repeat-x;
	margin-right: 2px;
	color: #FFF;
	float:left;
	padding: 3px 7px 6px 7px;
	text-decoration: none;
	font-weight: bold;
}
	ul.category_gold li a, ul.category_gold li a:visited {
		background: transparent;
		background-image:none;
	}
ul.category li a:hover, ul.category li a:active, ul.category li a:focus, ul.category li a.lit, ul.category li a.lit:visited, ul.category li a.lit:hover, ul.category li a.lit:active, ul.category li a.lit:focus {
	background: #FFF;
	color: #000;
	font-weight: bold;
	text-decoration:none;
}

/*= 7. On page navigation - level 2
----------------------------------------------- */
ul.subcategory {
	border-bottom: solid 1px #BEA55A;
	float: left;
	font-size: 110%;
	font-weight: bold;
	margin: -14px 0 14px 0;
 	padding: 7px 0 7px 12px;
}
div.content ul.subcategory {
	width: 458px
}
div.content_wide ul.subcategory {
	width: 698px
}
ul.subcategory li {
	list-style-type:none;
	display: inline;
	padding: 0 14px 0 0;
}
ul.subcategory li a, ul.subcategory li a:link, ul.subcategory li a:visited {
	background: transparent;
	color: #000;
	text-decoration: none; 
}
ul.subcategory li a:hover, ul.subcategory li a:active, ul.subcategory li a:focus {
	background: transparent;
	color: #BEA55A;
	text-decoration: underline; 
}
ul.subcategory li a.lit, ul.subcategory li a.lit:visited, ul.subcategory li a.lit:hover, ul.subcategory li a.lit:active, ul.subcategory li a.lit:focus {
	background: transparent;
	color: #BEA55A;
	text-decoration: none; 
}/*	LAYOUT
-----------------------------------------------
1.	Grid
2.	Miscellaneous
----------------------------------------------- */


/*= 1. Grid
----------------------------------------------- */
div.col_wrapper_span1, div.col_wrapper_span2, div.col_wrapper_span3, div.col_wrapper_span4, div.col_wrapper_span5, div.col_wrapper_span6 {
	display: inline;
	float: left;
}
div.col_wrapper_span1 {width: 240px;}
div.col_wrapper_span2 {width: 480px;}
div.col_wrapper_span3 {width: 720px;}
div.col_wrapper_span4 {width: 960px;}

div.column, div.column_span2, div.column_span3, div.column_span4 {
	display: inline; 
	float: left;
	margin: 0 10px 10px 0;
}
div.column {width: 230px;}
div.column_span2 {width: 470px;}
div.column_span3 {width: 710px;}
div.column_span4 {width: 950px;}
div.column_last { margin-right:0; }

div.col_wrapper_4col {
	display: inline;
	float: left;
	width: 720px;
}
div.col_wrapper_4col div.column {
	display: inline; 
	float: left;
	margin: 0 10px 10px 0;
	width: 170px
}
div.col_wrapper_4col div.column_last {margin-right: 0;}

div.col_wrapper_padding {
	padding: 12px 0px 0px 10px
}

/* Four column lists */
ul.list_4col {
	float: left;
	width: 720px;
	list-style:none;
	margin: 0px;
}
ul.list_4col li {
	float: left;
	display: inline; 
	width: 170px;
	margin: 0px 0px 0 10px;
	padding: 0px 0px 30px 0;
}
	ul.gradient li {
		background: #ffffff url("../images/site_objects/backgrounds/bg_gradient.gif") top left repeat-x;
		border-top: solid 1px #d0b871;
	}
	ul.gradient_image li {
		background: #ffffff url("../images/site_objects/backgrounds/bg_gradient_list.gif") top left repeat-x;
		height: 305px;
	}
	html>body ul.gradient_image li {
		height: auto;
		min-height: 295px;
	}
	ul.landscapeimg li {
		background: #ffffff url("../images/site_objects/backgrounds/bg_gradient_list_landscape.gif") top left repeat-x;
		height: 224px;
	}
	html>body ul.landscapeimg li {
		height: auto;
		min-height: 224px;
	}
ul.list_4col li.startrow {
	margin-left: 0px;
	clear: both;
}
ul.list_4col li.nomarginbottom {
	margin: 0px 0px 0px 10px;
}
ul.list_4col li a:link img, ul.list_4col li a:visited img, ul.list_4col li img.list_4col_notlink {
	border: 1px solid #dfcf9f;
}
ul.list_4col li a:hover img, ul.list_4col li a:focus img, ul.list_4col li a:active img {
	border: 1px solid #898989;
}

ul.list_4col li h2 {
	color: #000000;
	font-size: 110%;
	padding: 4px 0px 4px 10px;
	margin: 0px;
}
ul.list_4col li p {
	color: #000000;
	padding: 0px 10px 8px 10px;
	margin: 0px;
}
ul.list_4col li form {
	padding: 0 0 0 10px;
	margin: 0px;
}

/*= 2. Miscellaneous
----------------------------------------------- */

/*gradient background*/
.background {
	background: transparent url("../images/site_objects/backgrounds/bg_gradient.gif") repeat-x;
	border-top: solid 1px #d0b871;
}
.backgroundgold {
	background: transparent url("../images/backgrounds/bg_gradient_gold.gif") repeat-x;
	border-top: solid 1px #d0b871;
	margin-bottom:17px;
}
.backgroundgoldfirst {
	background: transparent url("../images/backgrounds/bg_gradient_gold.gif") repeat-x;
	border-top: solid 1px #d0b871;
}

.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.clearboth {
	clear:both;
}
.nowrap {
	white-space:nowrap
}
.print {
	display: none;
}
.nomarginbottom, td ul.nomarginbottom {
	margin-bottom: 0;
}
.padleft10 {margin-left: 10px;}
.negative20 {margin-top: -20px;}
.padbottom10 {margin-bottom: 10px;}
.padbottom15 {margin-bottom: 15px;}
.margintop20 {margin-top: 20px;}

img.pageheader {
	margin-bottom: 26px;
}
img.padright10 {
	margin-right: 10px;
}
img.smallspaceborder {
	margin:2px;
}
img.goldborder {
	border: solid 1px #d0b871;
}

div.feature {
	float: left;
	font-size: 91.75%;
	padding: 0 0 25px 0;
	width: 220px;
}
#subnavigation div.feature {
	font-size: 100%;
}
div.feature div.feature_image {
	float: left;
	width: 85px;
}
div.feature div.feature_text {
	float: left;
	width: 135px;
}

div.feature div.feature_text_narrow {
	float: left;
	padding-top:4px;
	width: 112px;
}

div.feature div.feature_text p, div.feature div.feature_text_narrow p{
	padding-right: 15px;
	margin-bottom:5px;
}
#subnavigation div.feature_text p, #subnavigation div.feature_text_narrow p {
	padding-right: 0;
}

div.content_feature {
	float: left;
	width: 305px;
}
div.content_feature p {
	padding-right: 60px;
}

ul.hotspot_videos {
	float: left;
	font-size: 91.75%;
	margin: 0;
	padding: 10px 0 0 0;
	width: 230px;
}
ul.hotspot_videos li {
	clear: both;
	list-style-type:none;
	margin: 0;
	padding: 0;
}
ul.hotspot_videos li div.image {
	display: inline;
	float: left;
	width: 70px;
}	
ul.hotspot_videos li div.text {
	display: inline;
	float: left;
	width: 160px;
}	


/* In text hotspot */
div.intexthotspot {
	padding:0;
	padding-bottom:20px;
	width:210px;
}
div.screengrab_hotspot {
	float:left;
	padding:0;
	width:220px;
}

div.screen_text {
	float:left;
	width:94px;
}

div.screen_text p {
	font-size: 91.75%;
	margin:0pt 0pt 5px;
	padding:0pt;
}

div.screen_image {
	float:right;
	width:111px;
}


div.videohotspot_details {
	/*
	border-bottom: solid 1px #898989;
	border-left: solid 1px #898989;
	border-right: solid 1px #898989;
	*/
	padding-top: 5px;
}

div.casehotspotleft {
	float:left;
	margin-top:20px;
	padding:0 0 0 10px;
}


/*internal video*/
div.internal_video {
	clear: both;
	float: left;
	margin-top: 20px;
	padding: 10px 10px 0 10px;
	width:450px;
}
div.internal_video p.viewall {
	font-weight:bold;
	padding-top: 10px;
}

.wysiwyg_left_imageContainer{
	clear:left;
	float: left; 
	font-size:95%;
	line-height:1.1em;
	margin: 3px 10px 0 0;
	position: relative;
}
.wysiwyg_right_imageContainer{
	clear:right;
	float: right;
	font-size:95%;
	line-height:1.1em;
	margin:3px 0 0 10px;
	position:relative;
}

.wysiwyg_imageContainer{
	font-size:95%;
	line-height:1.1em;
	margin: 3px 0 0;
}

div.TPOF_submenu {
	padding:0 0 15px 0;
	margin:0;
	display:inline-block;
	width:100%;
}

.padtop10 {padding-top:10px}

.nomargin{
margin:0!important;}

.nomarginpadd{
padding-right:10px;
_padding-right:8px;
margin:0!important;}/*	TYPOGRAPHY
-----------------------------------------------
1.	Headings
2.	Paragraphs
3.	Blockquotes
4.	Links
5.	Lists
----------------------------------------------- */

/*= 1. Headings
----------------------------------------------- */
h1, .h1 {  
	color: #000;
	font-size:200%;
	line-height: 1.1em;
	margin: 0;
	padding: 0;
}
h1.TPOF_internal {
	float:left;
	width:570px;
}
h2, .h2 {  
	color: #000;
	font-size:130%;
	margin: 0 0 7px 0; 
	padding: 10px 0 0 0;	
}

div.subcontent h2 {  
	color: #000;
	font-size:130%;
	margin: 0 0 7px 0; 
	padding: 0;	
}
h3, .h3 {  
	color: #000;
	font-size:110%;
	margin: 0 0 7px 0; 
	padding: 10px 0 0 0;	
}
h4, h5, h6, .h4 {  
	color: #000;
	font-size:100%;
	margin: 0; 
	padding: 0;	
}
h3.nostyle, h4.nostyle {
	color: #000;
	font-size: 100%;
	margin-bottom: 0px;
}
h2.notoppadding, h3.notoppadding {
	padding-top: 0;
}
/*= 2. Paragraphs
----------------------------------------------- */
p {
	margin: 0 0 14px 0;
	padding: 0;
	text-align:left;
}
div.content p {
	padding-right: 30px;
}
div.content p.nopad {
	padding-right: 0px;
}
#subnavigation p {
	font-size: 91.75%;
}
p.halfspace, .halfspace {
	margin: 0 0 7px 0;
	padding: 0;
	text-align:left;
}
p.topspace, .topspace {margin-top: 40px;}
p.bottomspace, .bottomspace, p.marginbottom30 {margin-bottom: 30px;}
p.excel_download {float: right;}
p.rss {padding-left: 66px;}
p.padtop10, div.padtop10 {margin-top: 10px;}

p.nonflash {
	margin: 14px 10px;
	font-size: 91.75%;
}

/*= 3. Blockquotes
----------------------------------------------- */
blockquote {
	padding: 0;
	margin: 0;
}

/*= 4. Links
----------------------------------------------- */
a:link, a:visited { 
	background: transparent;
	color: #BEA55A;
	text-decoration: underline; 
}
a:hover, a:focus, a:active { 
	background: transparent;
	color: #BEA55A;
	text-decoration: none; 
}
a.black:link, a.black:visited, a.black:hover, a.black:focus, a.black:active {color: #000;}
a.white:link, a.white:visited, a.white:hover, a.white:focus, a.white:active {color: #FFF;}

/* link with arrow */
a.arrow:link, a.arrow:visited, a.arrow_lge:link, a.arrow_lge:visited {
	color: #000;
	text-decoration: none; 
	display: block;
}
a.arrow:hover, a.arrow:focus, a.arrow:active, a.arrow_lge:hover, a.arrow_lge:focus, ul a.arrow_lge:active {
	text-decoration: underline; 
}
a.arrow:link, a.arrow:visited, a.arrow:hover, a.arrow:focus, a.arrow:active {
	background: url("../images/buttons/btn_bullet_featurelink.gif") 0px 0px no-repeat;
	padding: 0px 0px 4px 10px;
}
a.arrow_lge:link, a.arrow_lge:visited, a.arrow_lge:hover, a.arrow_lge:focus, ul a.arrow_lge:active {
	background: url("../images/buttons/btn_bullet_arrow_large.gif") 0px 0px no-repeat;
	padding: 1px 0px 4px 10px;
}

/*rss*/
a.rss:link, a.rss:visited, #subnavigation a.rss:link, #subnavigation a.rss:visited  {
	background: url("../images/icons/icon_rss.gif") 0px 4px no-repeat;
	color: #000;
	padding: 4px 0px 4px 23px;
	text-decoration: none;
}
a.rss:hover, a.rss:focus, a.rss:active, #subnavigation a.rss:hover, #subnavigation a.rss:focus, #subnavigation a.rss:active {text-decoration: underline;}

/* download pdf link */
a.download:link, a.download:visited {
	background: url("../images/buttons/btn_download.gif") 0px 3px no-repeat;
	color: #000;
	display: block;
	font-weight: bold;
	padding: 4px 0px 4px 24px;
	text-decoration: none; 
}
a.download:hover, a.download:focus, a.download:active {
	background: url("../images/buttons/btn_download_f2.gif") 0px 3px no-repeat;
	padding: 4px 0px 4px 24px;
}

/* download excel link*/
a.excel_download:link, a.excel_download:visited {
	background: url("../images/icons/icon_excel.gif") 0px 2px no-repeat;
	color: #000;
	padding: 4px 0px 4px 18px;
	text-decoration: none; 
}
a.excel_download:hover, a.excel_download:focus, a.excel_download:active {
	text-decoration: underline; 
}

/* links with PDF in link text */
a.invisiblelink:link,a.invisiblelink:visited {text-decoration:none;}
a.invisiblelink em {font-style:normal;text-decoration:underline;}
a.invisiblelink:hover, a.invisiblelink:hover em, a.invisiblelink:active em, a.invisiblelink:focus em  {
	text-decoration:none;
	display:inline;
}
	
/* block headings with link */
div h2.black a:link, div h2.black a:visited, div h3.black a:link, div h3.black a:visited {color:#FFF;text-decoration:none;}
div h2.black a:hover, div h2.black a:active, div h2.black a:focus, div h3.black a:hover, div h3.black a:active, div h3.black a:focus {color:#FFF;text-decoration:underline;}

div.column_video p a:link, div.column_video p a:visited {color:#000000;}
div.column_video p a:hover, div.column_video p a:focus, div.column_video p a:active {color:#000000;text-decoration:none;}

div.column_video p.nonflash a:link, div.column_video p.nonflash a:visited {color:#bea55a;}
div.column_video p.nonflash a:hover, div.column_video p.nonflash a:focus, div.column_video p.nonflash a:active {color:#bea55a;text-decoration:none;}

/* add link */
a.add, a.add:link, a.add:visited, #tools a.add, #tools a.add:link, #tools a.add:visited {
	background: url("../images/buttons/btn_add.gif") center left no-repeat;
	color: #000;
	padding-left: 20px;
	text-decoration: none;
	font-weight:normal;
}
a.add:hover, a.add:focus, a.add:active, #tools a.add:hover, #tools a.add:focus, #tools a.add:active {
	background: url("../images/buttons/btn_add_f2.gif") center left no-repeat;
	color: #BEA55A;
	text-decoration: underline;
}
form input.add, form input.add_f2, #tools form input.add, #tools form input.add_f2  {
	background: url("../images/buttons/btn_add.gif") center left no-repeat;
	border: 0;
	cursor: pointer;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0;
	overflow: visible;
	padding: 2px 0 2px 21px;
	text-align:left;
	text-decoration:none;
	width: auto;
}
form input.add_f2, #tools form input.add_f2  {
	background: url("../images/buttons/btn_add_f2.gif") center left no-repeat;
	color: #bea55a;
	text-decoration:underline;
}

/* added link */
a.added, a.added:link, a.added:visited, #tools a.added, #tools a.added:link, #tools a.added:visited  {
	background: url("../images/buttons/btn_added.gif") center left no-repeat;
	color: #bea55a;
	padding-left: 20px;
	text-decoration: none;
}
a.added:hover, a.added:focus, a.added:active, #tools a.added:hover, #tools a.added:focus, #tools a.added:active {
	background: url("../images/buttons/btn_added.gif") center left no-repeat;
	text-decoration: underline;
}

a.marker_black:link, a.marker_black:visited{
	font-size:120%;
	background:#000 url(../images/backgrounds/bg_whatwedo_f1.jpg);
	color:#FFF;
	font-weight:bold;
	padding:3px 10px 4px;
	text-decoration:none!important;
}
a.marker_black:hover, a.marker_black:focus, a.marker_black:active {
	background:#BEA55A url(../images/backgrounds/bg_whatwedo_f2.jpg);
}


/*= 5. Lists
----------------------------------------------- */
ul {
	list-style-type:square;
	margin:0 0 14px 16px; 
	padding: 0;
}
ol {
	margin:0 0 14px 22px;
	padding: 0;
}
ol.notes {
	font-size:91%;
}
ul li, ol li {
	margin: 0 0 6px 0;
	padding:0;
}
ul.inline {
	clear: both;
	display: inline;
	float: left;
	margin: 0 0 14px 0;
}
ul.inline li {
	list-style-type:none;
	display: inline;
	margin: 0;
 	padding: 0 3px 0 6px;
	white-space:nowrap;
}
ul.relatedlist {
	margin: 0 0 14px 0;
}
ul.relatedlist li {
	list-style: none;
	margin: 0;
}
ul.margintop20 {
	margin-top: 20px;
}
ul.marginbottom30 {
	margin-bottom: 30px;
}
ul.listpadding li {
	padding: 0px 0px 6px 0px;
}
ul.xtrapad li {
	padding: 0px 0px 12px 0px;
}
ul.xtrapad li.subulpadd {
	padding: 0px 0px 0px 0px;
}
dl,dd,dt {
	margin: 0;
	padding:0;
}
ol.loweralpha {
	list-style-type: lower-alpha;
}
ul li.sublist { list-style-type: none;
	padding-bottom: 1px;
	}
ul.nobottommargin { margin-bottom: 0; }
	
/*= 6. Miscellaneous
----------------------------------------------- */
.bold {font-weight: bold;}
.nobold {font-weight: normal;}
.smalltext {font-size: 91.75%;}
.intro {
	color: #bea55a;
	font-size: 170%;
	font-weight:bold;
	line-height:1.2;
	padding: 0 0 14px 0;
}
.error {
	background: transparent;
	clear: both;
	color: #FF0000; 
	font-weight: bold;
	padding-top: 10px;
}
/*colours*/
.gold {color: #bea55a;}
.yellow {color: #f2aa00;}
.black {color: #000000;}/*	FORMS
----------------------------------------------- */
legend {
	/* this is impossible to style consistently
	accross browsers, so is set to display: none */
	display: none;
}
form, fieldset  {
	border:0;
	margin:0;
	padding:0;
}
div.formrow {margin: 0 0 10px 0;}
div.formrow label {font-weight: bold;}
div.formrow_checkbox {margin: 0 0 4px 0;}
div.formrow_checkbox label {font-weight: normal;/*vertical-align: baseline;*/}

input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	margin: 0;
	padding: 1px;
}
input.field {
	margin: 4px 0 0 0;
	width:220px;
}
select.field {
	margin: 4px 0 0 0;
	width:226px;
}
p.options {
	font-weight: bold;
	margin-bottom: 2px;
}
input.button, input.button_f2 {
	background: transparent;
	border: 0;
	cursor: pointer;
	float: left;
	font-weight:bold;
	margin: 0;
	overflow: visible;
	padding:0;
	text-align:left;
	text-decoration: underline;
	width: auto;
}
input.button_f2 {
	text-decoration: none;
}
input.formbutton, input.formbutton_f2 {
	background: url("../images/site_objects/backgrounds/bg_button.gif") top left repeat-x #000;
	border: 0;
	color: #FFF;
	cursor: pointer;
	float: left;
	font-size:110%;
	font-weight:bold;
	/*line-height:1.1em;
	height:1.6em;*/
	height: 20px;
	margin: 0;
	overflow: visible;
	margin: 0!important;
	padding: 0 6px 2px 6px!important/* 5px 2px 5px*/;
	text-align:left;
	text-decoration: none;
	width: auto;
}
html>body input.formbutton, html>body input.formbutton_f2 {
	height: auto;
	min-height:20px;
}
input.formbutton_f2 {
	background: url("../images/site_objects/backgrounds/bg_button_f2.gif") top left repeat-x #bea65b;
}
/*	TABLES
-----------------------------------------------
1.	Generic
2.	Information
3.	Financial
----------------------------------------------- */


/*= 1. Generic
----------------------------------------------- */
table {
	clear:left;
	font-size: 100%; /* need to set for IE5/5.5 */
	margin: 0 0 14px 0;
	padding: 0;
	text-align:right;
	vertical-align:bottom;
}
caption {
	font-weight: bold;
	margin: 0;
	padding: 0 0 7px 0;
	text-align: left;
}
th, td {
	margin: 0;
	padding: 0 4px 2px 0;
}
th.left, td.left {
	text-align:left;
}
th.top, td.top, div.column_graph table.graphdetails tbody td.top {
	vertical-align:top;
}
th.center, td.center {
	text-align:center;
}
th.nobold {
	font-weight:normal;
}
th.indent, td.indent {
	padding-left:10px;
}

table.topspace {
	margin-top: 15px;
}

/*= 2. Information
----------------------------------------------- */
table.info {
	margin: 0 0 40px 0;
	text-align:left;
	width: 100%;
}
table.info td, table.info th {
	padding: 8px;
	vertical-align: top;
	border-bottom: solid 1px #e3d5ab; 
}
table.info td.right, table.info th.right {
	text-align:right;
}
.bordertop {
	border-top: solid 1px #e3d5ab; 
}
table.info td.noborder {
	border-bottom: 0; 
}
table.info tr.noline td, table.info tr.noline th {
	border-bottom: none; 
}


/*= 3. Financial
----------------------------------------------- */
table.financial {
	margin-bottom: 18px;
	width: 100%;
	border-top: 1px solid #b59d58;
}
table.financial tr th, table.financial tr td {
	padding: 4px 1px; 
	vertical-align:bottom;
}

table.financial tr th.top, table.financial tr td.top {
	vertical-align:top;
}
table.financial tr td.indent {
	padding-left:10px;
}
table.financial thead tr th, table.financial thead tr td, 
table.financial tr.thickline th, table.financial tr.thickline td, table.financial tr th.thickline, table.financial tr td.thickline {
	border-bottom: 2px solid #b59d58;
}

table.financial tr.line th, table.financial tr.line td, table.financial tr th.line, table.financial tr td.line {
	border-bottom: 1px solid #b59d58;
}
table.financial tr th.borderleft, table.financial tr td.borderleft {
	border-left: 1px solid #b59d58;
	margin-left: 2px;
}
table.financial tr th.borderright, table.financial tr td.borderright {
	border-right: 1px solid #b59d58;
}
table.financial tr.bottomline th, table.financial tr.bottomline td {
	padding-bottom: 8px;
	border-bottom: 1px solid #b59d58;
}
table.financial tr th.sup_padding, table.financial tr td.sup_padding {
	padding-top: 0px;
}
table.financial tr.toppadding td, table.financial tr.toppadding th {
	padding-top: 18px;
}
table.financial tfoot tr td {
	font-size: 91.75%;
	padding-top: 18px;
}
table.financial tbody tr.hover{
	background: #f7f2df;
}
table.financial tr.noline td, table.financial tr.noline th, table.financial tr th.noline, table.financial tr td.noline {
	border-bottom: none; 
}

/*= 4. Graph details
----------------------------------------------- */
table.graphdetails {
	border-bottom: solid 1px #e3d5ab; 
	width: 100%;
}
table.graphdetails tbody td {
	border-top: solid 1px #e3d5ab; 
	padding: 2px 4px 2px 0;
	vertical-align:bottom;
}

table.topspace_large {
	margin-top: 30px;
}
/*= Font size reset
----------------------------------------------- */
div.column, div.column_span2 {font-size: 91.75%;}
div.column strong, div.column_span2 strong {font-size: 110%;}

/*IE7 fix - margin breaks on homepages, so set to padding*/
div.column, div.column_span2 {
	margin: 0;
	padding: 0 10px 10px 0;
}




/*= Module boxes
----------------------------------------------- */
.minheight {height: 230px;}
html>body .minheight {height:auto;min-height: 230px;}

h2.black {
	background: #000 url("../images/site_objects/backgrounds/bg_header_black.gif") top left repeat-x;
	border-left: solid 1px #000;
	border-top: solid 1px #000;
	color: #FFF;
	font-size:150%;
	padding: 6px 0 7px 3px;
	margin: 0;
}
	
h2.gold {
	background: #bea55a url("../images/site_objects/backgrounds/bg_header_gold.gif") top left repeat-x;
	border-left: solid 1px #bea55a;
	border-top: solid 1px #bea55a;
	color: #FFF;
	font-size:150%;
	padding: 6px 0 7px 3px;
	margin: 0;
}
h2 a:link, h2 a:visited { 
	color: #FFF;
	text-decoration:none; 
}
h2 a:hover, h2 a:focus, h2 a:active  {
	color: #FFF;
	text-decoration: underline;
}
div.column div.feature h2 {
	font-size: 150%;
}
div.column h2, div.column p, div.column ul  {
	padding-left: 10px;
	padding-right: 10px;
}
div.column ul.category {
	padding-left: 8px;
	padding-right: 0;
}
div.extrapadding h2, div.extrapadding p {
	padding-left: 20px;
	padding-right: 20px;
}

/*= Tabs
----------------------------------------------- */
ul.category {
	border-left: solid 1px #000;
	border-top: solid 1px #000;
}
ul#newstabs {width: 461px;}
ul#sharepricetabs{margin-bottom: 17px;width: 221px;}
ul.category li.title {
	float: left;
	padding-right: 13px;
}
ul.category li.title h2 {
	color: #FFF; 
	font-size: 120%;
	margin: 2px 0 0 0;
	padding: 0;
}
ul.category li a {font-weight: bold;}
ul.category li a.lit {font-weight: bold;}

ul.category li.title a:link, ul.category li.title a:visited { 
	background: none;
	color: #FFF;
	padding:0;
	text-decoration: none;
}
ul.category li.title a:hover, ul.category li.title a:focus, ul.category li.title a:active { 
	text-decoration: underline; 
}


/*= Features
----------------------------------------------- */
div.mainfeature {height: 410px;}

ul.featurelinks {
	margin:0;
	padding: 10px 0 7px 0;
}
ul.featurelinks li {
	list-style-type: none;
	margin: 0;
	padding:2px 0;
}
ul.featurelinks li ul, ul.featurelinks li ul li {
	list-style-type: none;margin: 0;padding: 0;
}
ul.featurelinks li ul li{
	padding: 0 0 5px 10px;
}
ul.featurelinks a:link, ul.featurelinks a:visited { 
	background: url("../images/buttons/btn_bullet_featurelink.gif") no-repeat;
	color: #000;
	display: block;
	padding-left: 11px;
	text-decoration: none;
}


ul.featurelinks a.fontsize, ul.featurelinks li.fontsize{
	font-size:150%;
	margin-top:6px;
}
ul.featurelinks a:hover, ul.featurelinks a:focus, ul.featurelinks a:active { 
	padding-left: 11px;
	text-decoration: underline; 
}


table.news td {
	padding: 2px 0 2px 10px;
}

table.news a:link, table.news a:visited { 
	color: #000;
	text-decoration: none;
}
table.news a:hover, table.news a:focus, table.news a:active  { 
	text-decoration: underline; 
}



#contentwrapper ul.featurelinks_large {
	font-size: 150%;
	font-weight: bold;
	line-height:1.1em;
	margin:0;
	padding: 0 0 0 10px;
}
ul.featurelinks_large li {
	list-style-type: none;
	margin: 0;
	padding:2px 0;
}
ul.featurelinks_large a:link, ul.featurelinks_large a:visited { 
	background: url("../images/buttons/btn_bullet_featurelink_large.gif") no-repeat;
	color: #000;
	display: block;
	padding-left: 11px;
	text-decoration: none;
}
ul.featurelinks_large a:hover, ul.featurelinks_large a:focus, ul.featurelinks_large a:active, ul.featurelinks a:hover, ul.featurelinks a:focus, ul.featurelinks a:active { 
	padding-left: 11px;
	text-decoration: underline; 
}
ul.featurelinks a.white:link, ul.featurelinks a.white:visited, ul.featurelinks_large a.white:link, ul.featurelinks_large a.white:visited { 
	background: url("../images/buttons/btn_bullet_featurelink_large_white.gif") no-repeat;
	color: #FFF;
}


div.extranet h2 a:link, div.extranet h2 a:visited, div.extranet h2 a:hover, div.extranet h2 a:focus, div.extranet h2 a:active { 
	color: #FFF;
}
div.extranet p a:link, div.extranet p a:visited, div.extranet ul a:link, div.extranet ul a:visited { 
	background: url("../images/buttons/btn_bullet_featurelink.gif") 0 0 no-repeat;
	color: #000;
	display: block;
	padding-left:10px;
	text-decoration: none;
}
div.extranet p a:hover, div.extranet p a:focus, div.extranet p a:active, div.extranet ul a:hover, div.extranet ul a:focus, div.extranet ul a:active { 
	color: #000;
	text-decoration: underline;
}
div.extranet ul {
	list-style: none;
	margin-left: 0;
}

div.extranet .gold {/* these '!important's are required */
	color: #BEA55A!important;
}
div.extranet h2.gold {
	color: #FFF!important;/* this !important is required */
}


/*feature - share price*/
.big_shareprice {
	font-size: 240%;
	font-weight:bold;
}
.small_shareprice {
	font-size: 150%;
	font-weight:bold;
}

/*feature - making a difference*/
#contentwrapper div.feature_mad ul.featurelinks_large {padding: 75px 0 0 10px;}

/*feature - featured brand*/
#contentwrapper div.feature_brand ul.featurelinks_large {padding: 100px 0 0 10px;}

/*feature - brands*/
div.feature_brands {background: url("../images/backgrounds/bg_feature_brands.jpg") no-repeat;}
#contentwrapper div.feature_brands ul.featurelinks_large {padding: 80px 0 0 20px;}

/*feature - brands small*/
div.feature_brands_small {background: url("../images/backgrounds/bg_feature_brands_small.jpg") no-repeat;}
#contentwrapper div.feature_brands_small ul.featurelinks_large {font-size:110%;padding: 58px 0 0 20px;}

/*feature - Online survey*/
div.onlinesurvey {background: #dedede url("../images/backgrounds/bg_feature_onlinesurvey_2010.jpg") no-repeat;border:1px solid #cccccc; height: 228px;}
html>body div.onlinesurvey{min-height: 228px;height:auto;}
#contentwrapper div.onlinesurvey ul.featurelinks_large {font-size: 110%;float:left;margin-top:82px;padding-right:100px;}

/*image library hotspot*/
#contentwrapper div.image_library { 
	background:url("../images/backgrounds/bg_feature_imagelibrary.jpg") no-repeat;
}
#contentwrapper div.image_library ul.featurelinks_large {padding: 80px 60px 0 10px;}

#contentwrapper div.image_library ul.featurelinks_large a:link, #contentwrapper div.image_library ul.featurelinks_large a:visited {
	color:#fff; background: url("../images/buttons/btn_bullet_featurelink_large_white.gif") no-repeat;
}
/*blog hotspot*/
#contentwrapper div.blog { 
	background:url("../images/backgrounds/bg_feature_blog.jpg") no-repeat;
}
#contentwrapper div.blog ul.featurelinks_large {padding: 100px 60px 0 10px;}

#contentwrapper div.blog ul.featurelinks_large a:link, #contentwrapper div.image_library ul.featurelinks_large a:visited {
	background: url("../images/buttons/btn_bullet_featurelink_large.gif") no-repeat;
}


/*ten priorities*/

div.feature_tenpriorities{border:1px solid #CCCCCC;float:left;width:228px;background:url('../images/backgrounds/bg_tenpriorities.gif') top left no-repeat;}

div.column div.feature_tenpriorities ul.featurelinks {
	display:inline;
	float:left;
	margin-top:86px;
	margin-left:18px;
	margin-right:12px;
	position:relative;
	width:178px;
}
div.column div.feature_tenpriorities ul.featurelinks li {float:left;width:178px;}

/*linked in*/
div.feature_linkedin{border:1px solid #CCCCCC;float:left;width:228px;background:url('../images/backgrounds/bg_linked_in.jpg') bottom left no-repeat;}
div.column div.feature_linkedin ul.featurelinks {

	float:left;
	margin-top:75px;
	margin-left:9px;
	_margin-left:4px;
	position:relative;
	width:178px;
}
div.column div.feature_tenpriorities ul.featurelinks li {float:left;width:178px;}
div.column div.feature_tenpriorities ul.featurelinks li.paddingbottom{padding-bottom:20px;}
/*backgrounds*/

/*Open facts*/
div.openthefacts {background: #668d14 url("../images/backgrounds/bg_feature_openthefacts.gif") no-repeat;height: 230px;}
html>body div.openthefacts{min-height: 230px;height:auto;}
#contentwrapper div.openthefacts ul.featurelinks_large {padding-top: 80px;font-size: 110%;padding-left: 10px;padding-right:16px; font-weight:normal;}

/*feature - brand explorer */
div.feature_whatwedo {background: url("../images/backgrounds/bg_feature_whatwedo.gif") no-repeat;}
div.feature_ouroperations {background: url("../images/backgrounds/bg_feature_ouroperations.gif") no-repeat;}
div.feature_ourperformance {background: url("../images/backgrounds/bg_feature_ourperformance.gif") no-repeat;}
#contentwrapper div.feature_whatwedo ul.featurelinks_large, #contentwrapper div.feature_ouroperations ul.featurelinks_large {padding: 79px 0 0 20px;}
#contentwrapper div.feature_ourperformance ul.featurelinks_large {padding: 145px 0 0 20px;}



div.preview_wrapper {
	position: relative;
}
div.preview_wrapper div.video_button {
	left: 0;
	position: absolute;
	top: 0;
	z-index: 99;
}

p.nonflash {
	margin: 14px 0px;
	font-size: 100%;
}

/* Twitter hotspot */

div.bg_twitter {
background:url('../../images/pictures/pic_twitter_advert.gif') top right no-repeat;
}

div.bg_blog {
background:url('../../images/pictures/pic_blog_advert.jpg') center right no-repeat;
}
/*feature - homepage welcome*/
img.welcome {
	padding: 31px 0 1px 0;
}
.intro {padding-right: 30px}

/*main feature - homepage*/
div.mainfeature_home {background: url("../images/backgrounds/bg_mainfeature_home_TPOF.jpg") no-repeat;}
#contentwrapper div.mainfeature_home ul.featurelinks_large {padding: 170px 0 0 20px;}

div.mainfeature_home div.bottom_panel {
    width:468px;
    background:url('../images/site_objects/backgrounds/bg_homepage_panel.gif') bottom left repeat-x #fff;
	border:1px solid #CCCCCC;
    height:98px;
    margin:310px 0 0 0;
    padding:0;
    float:left;
    color:#000;
}

div.mainfeature_home div.bottom_panel img {
    float:left;
    margin:17px 0 0 20px;
}

div.mainfeature_home div.bottom_panel p {
    float:left;
    display:block;
    font-size:1.63em;
    font-weight:bold;
    width:290px;
    margin:17px 0 0 20px;
    line-height:1.1em;
}

div.mainfeature_home div.bottom_panel ul.featurelinks {
    margin:0 0 0 20px;
}

/*feature - brands*/
div.feature_brands {background: url("../images/backgrounds/bg_feature_brands.jpg") no-repeat;}
#contentwrapper div.feature_brands ul.featurelinks_large {padding: 80px 0 0 20px;}


/*feature - talking alcohol*/
div.talkingalcohol {background: #668d14 url("../images/backgrounds/bg_feature_talkingalcohol.gif") no-repeat; height: 230px;}
html>body div.talkingalcohol{min-height: 230px;height:auto;}
#contentwrapper div.talkingalcohol p {color: #FFF;padding-top: 80px;margin-bottom: 0px;}
#contentwrapper div.talkingalcohol ul.featurelinks {padding-left: 10px;}

div.mainfeature_wc {background: url("../images/backgrounds/bg_mainfeature_sustainabledev.jpg") no-repeat;
	position: relative;}

div.mainfeature_wc_bottom { background: url("../images/backgrounds/bg_mainfeature_sustainabledev_bottom.gif") 0 100% no-repeat; 
	height: 61px;
	width: 470px;
	position:absolute;
	bottom:0;
	padding-top:10px;
}

/* yourpage */
div.yourpage {font-size: 100%;width: 230px;}
div.yourpage h3 {padding-left: 10px;padding-top: 5px;}

/**/
.background {
	background: transparent url("../images/site_objects/backgrounds/bg_gradient_homepage.gif") repeat-x;
	border-top: solid 1px #FFF;
	height:440px;
}
html>body .background {
	height:auto;
	min-height:440px;
}

.minhieght_doubleheight {height: 477px;}
html>body .minhieght_doubleheight {height:auto;min-height: 477px;}

.background .feature { font-size: 100%; }/*---------------------------*/
/*-------  DHTML Popup ------*/
/*---------------------------*/

div.messagePopup {
	border:1px solid #fff;
	color:#ffffff;
	position:absolute;
	z-index:100;
	top:360px;
	left: 300px;
	width:310px;
	background:#000000;
}
iframe#DivShim {
	position:absolute;
	/*height:expression(document.getElementById('messagePopup').offsetHeight  + 'px');
	left:expression(document.getElementById('messagePopup').offsetLeft + 'px');	*/
	display:none;
	z-index:0;
	background:transparent;
	margin:0;
}


div.messagePopupContentHeader {
	display:inline;
	position:relative;
	margin:0px;
	padding:0px;
	width:100%;
	background:#000;
	color:#ffffff;
	z-index:110;
	float:left;
}
div.messagePopupHeaderLeft {
	position:relative;
	float:left;
	margin:10px 0 0 0;
	padding:0px;
	width:210px;
}
div.messagePopupHeaderRight {
	position:relative;
	margin:10px 0 0 0;
	float:right;
	padding:0 8px 0 0;
}

div.messagePopupHeaderRight ul li{
	list-style-type:none;
	margin:0;
	padding:0;
}

div.messagePopupHeaderRight ul li a, div.messagePopupHeaderRight ul li a:visited {
	background:url('../../images/buttons/btn_close_popup.gif') bottom right no-repeat;
	color:#fff;
	float:left;
	font-size:90%;
	padding:0 20px 2px 0;
	text-decoration:none;
}

div.messagePopupHeaderRight ul li a:hover, div.messagePopupHeaderRight ul li a:focus, div.messagePopupHeaderRight ul li a:active {
	background:url('../../images/buttons/btn_close_popup.gif') bottom right no-repeat;
	color:#fff;
	text-decoration:underline;
}

div.messagePopupContentHeader h2{
	padding-left:22px;
}

div.messagePopupContent p {
	color:#ffffff;
	font-size:90%;
	padding-left:22px;
}

div.messagePopupContent {
	position:relative;
	width:300px;
	padding: 10px 0 10px 0;
	clear:left;
}
div.messagePopupContent p{
	line-height: 130%;
	margin:0px 25px 6px 0;

}

.clearing {
	line-height:0px;
	font-size:0px;
	overflow:hidden;
	clear:both;
	height:0.1px;
}

div.messagePopupContent ul.featurelinks_large {
	float:left;
	font-size: 140%;
	font-weight: bold;
	line-height:1.1em;
	margin:10px 0 20px 0;
	padding: 0 0 0 22px;
}

div.messagePopupContent ul.featurelinks_large li {
	float:left;
}

div.messagePopupContent ul.featurelinks_large li a, div.messagePopupContent ul.featurelinks_large li a:visited { 
	background:url('../../images/buttons/btn_bullet_featurelink_large_f2.gif') top left no-repeat !important;
	color: #bea55a;
	display: block;
	float:left;
	padding-left: 11px;
	text-decoration: none;
}
div.messagePopupContent ul.featurelinks_large a:hover, div.messagePopupContent ul.featurelinks_large a:focus, div.messagePopupContent ul.featurelinks_large a:active, div.messagePopupContent ul.featurelinks a:hover, ul.featurelinks a:focus, div.messagePopupContent ul.featurelinks a:active { 
	padding-left: 11px;
	text-decoration: underline; 
}


#facebox {left: 0;position: absolute;text-align: left;top: 0;z-index: 100; }
#facebox .popup {position: relative;}
#facebox .body {border:1px solid #bea55a;padding: 10px;background: #fff;width: 270px ;font-size: 80%;}
#facebox .loading {text-align: center;}
#facebox .image {text-align: center;}
#facebox img {border: 0;margin: 0;}
#facebox_overlay {height:100%;left: 0px;position: fixed;top: 0px;width:100%;}
.facebox_hide {z-index:-100;}
.facebox_overlayBG {background-color: #000;z-index: 99;}
/* ie6 hack */
* html #facebox_overlay {position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
