/* -------------------------------
   Contents:
1. Layout/Block elements
2. headers & text elements
3. links with orange arrows
4. links with orange arrows & dotted lines
5. tabs with gradients

   ------------------------------*/

#homepage {
	margin-left: 18px;
}
p.intro {
	color: #999;
	float: left;
	font-size:170%;
	line-height: 1.3em;
	margin-right:9px;
	width: 508px/*558px*/;
	padding-right: 50px;
}
/* -------------------------------
   1. Layout/Block elements
   ------------------------------*/
.hotspot {
	display: inline;
	float: left;
	margin: 0 9px 18px 0;
	width: 180px;
}
.hotspot_wide {
	display: inline;
	float: left;
	margin: 0 9px 18px 0;
	width: 369px;
}
.hotspot_double {
	display: inline;
	float: left;
	margin: 0 9px 18px 0;
	width: 369px;
}

.hotspot_3column {
	background: url("../images/site_objects/bg_hotspot_gradient.gif") repeat-x #FFF;
	display: inline;
	float: left;
	margin: 0 9px 18px 0;
	width: 558px;
}

.hotspot_3column ul li.britishgas {
	margin:-35px 0 -15px 395px;
	position:relative; 
}
.hotspot_3column ul li.bottompad10 {
	padding-bottom:10px
}
#homepage .hotspot_wide {
	width: 386px;
}
div.gradient div.image {
	clear:both;
	float: right;
}
div.gradient div.image img{
	float: left;
	padding: 0 18px;
}
div.gradient div.arreportimage img{
	float: left;
	padding: 0 0 0 18px;
}

div.gradient div.image img.crreport, div.gradient div.image img.generic {
	float: left;
	padding: 9px 12px 9px 0;
}

div.gradient div.image p {
	display: inline;
	float: left;
	font-size: 90%;
	width:82px;
}

#homepage .flash, .flash {
	display: inline;
	float: left;
	margin: 0 9px 14px 0;
	width: 558px;
}

#homepage .flash {
	width: 764px;
}
.margintop {
	margin-top: 24px;
}
.gradient {
	background: url("../images/site_objects/bg_hotspot_gradient.gif") repeat-x #FFF;
	height: 190px;
}
.accent {
	background: url("../images/site_objects/bg_hotspot_gradient_accent.gif") repeat-x #17a7ca;
}
html>body .gradient {
	height:auto;
	min-height: 190px
}
.shortbox {
	height: 152px; 
}
html>body .shortbox {
	height:auto;
	min-height: 152px;
}
.graduatesubtitle {width:95%;}
.newsgradient {
	background: url("../images/site_objects/bg_newshotspot_gradient.gif") repeat-x #FFF;
}
#homepage .newsgradient {
	background: url("../images/site_objects/bg_newshotspothp_gradient.gif") repeat-x #FFF;
}

.negative {
	margin-top: -75px;
	position:relative;
}
.positive {
	margin-top: 1px;
	position:relative;
}
form select {
	font-size: 90%;
}
div.shareholder_centre {
	width: 756px;
}
div.shareholder_centre img {
	float: left;
	padding: 0 9px 20px 0;
}
div.cr_winner { 
	background: url("../images/site_objects/bg_hotspot_cr.gif") top left repeat-x;
	float: left;
	margin: 0 0 18px 0;
	padding: 12px 9px 0 9px;
	width: 352px;
}
div.media_img_hotspot {
	background: url("../images/pictures/homepages/ph_hotspot_media_lg.jpg") top left no-repeat;
	float: left;
	height: 424px;
	width: 369px;
	margin-right: 9px;
}
div.shareholder_img_hotspot {
	background: url("../images/pictures/homepages/ph_hotspot_shareholdercentre_lg.jpg") top left no-repeat;
	float: left;
	height: 255px;
	width: 558px;
	margin-right: 9px;
	margin-bottom: 9px;
}
div.shareholder_img_hotspot .bgimagename {
	clear:left;
	padding: 40px 0 0 0;
}
div.shareholder_img_hotspot .bgimagename h2 {
	font-size:135%;
}

/* -------------------------------
   2. headers & text elements
   ------------------------------*/
.hotspot h2, .hotspot_wide h2 {
	color: #999;
	margin: 0 0 0 0;
	padding: 0 0 9px 0;
	letter-spacing: -0.03em;
}
.gradient h2, .hotspot_3column h2, .newsgradient h2 {
	color: #1296be/*10147e*/;
	font-size:175%;
	/*font-size:185%;*/
	margin: 10px 0 14px 0;
	padding: 0 10px;
}
#homepage .newsgradient h2 {
	color: #1296be;
	font-size:175%;
	margin: 10px 0 8px 0;
	padding: 0 10px;
}
.hotspot h3, .hotspot_double h3{
	margin: 0 0 8px 0;
	padding: 0 10px;
}
#homepage {
	font-size: 110%;
}
.gradient_pink h2, .accent h2, .gradient_pink p, .accent p {
	color: #FFF;
}
.hotspot h2 a:link, .hotspot h2 a:visited { 
	color: #999;
	text-decoration: none; 
}
.hotspot h2 a:hover, .hotspot h2 a:focus, .hotspot h2 a:active { 
	color: #999;
	text-decoration: underline; 
}
.gradient h2 a:link, .gradient h2 a:visited { 
	color: #1296be;
	text-decoration: none; 
}
.gradient h2 a:hover, .gradient h2 a:focus, .gradient h2 a:active { 
	color: #1296be;
	text-decoration: underline; 
}
.gradient_pink h2 a:link, .accent h2 a:link, .gradient_pink h2 a:visited,  .accent h2 a:visited { 
	color: #FFF;
	text-decoration: none; 
}
.gradient_pink h2 a:hover, .gradient_pink h2 a:focus, .gradient_pink h2 a:active, .accent h2 a:hover, .accent h2 a:focus, .accent h2 a:active { 
	color: #FFF;
	text-decoration: underline; 
}
.gradient_pink p a.white:link, .gradient_pink p a.white:visited, .accent p a.white:link, .accent p a.white:visited { 
	color: #FFF;
	text-decoration: underline; 
}
.gradient_pink p a.white:hover, .gradient_pink p a.white:focus, .gradient_pink p a.white:active, .accent p a.white:hover, .accent p a.white:focus, .accent p a.white:active { 
	color: #FFF;
	text-decoration: none; 
}

#homepage .hotspot_wide h2 a:link, #homepage .hotspot_wide h2 a:visited { 
	color: #1296be;
	padding-right: 26px;
	text-decoration: none; 
}
#homepage .hotspot_wide h2 a:hover, #homepage .hotspot_wide h2 a:focus, #homepage .hotspot_wide h2 a:active { 
	color: #1296be;
	padding-right: 26px;
	text-decoration: underline; 
}
.hotspot_wide h2 a:link, .hotspot_wide h2 a:visited { 
	color: #999;
	color: #1296be;
	padding-right: 26px;
	text-decoration: none; 
}
.hotspot_wide h2 a:hover, .hotspot_wide h2 a:focus, .hotspot_wide h2 a:active { 
	color: #999;
	color: #1296be;
	padding-right: 26px;
	text-decoration: underline; 
}
.gradient p {
	padding: /*8*/0px 12px 0 12px;
}
p.newslink {
	clear: both;
	padding: 10px 0 0 0;
	margin: 0 0 0 84px;
	width: 200px;
}
#homepage .gradient p.shareprice {
	clear:both;
	color: #1296be;
	font-size:200%;
	font-weight:bold;
	padding: 8px 18px 7px 18px;
	margin:0;
}
div.hotspot div.floatleft {
width:50%;
float:left;
}
div.hotspot .floatright {
float:right;margin-right:10px;
}
div.hotspot p.shareprice {
	clear:both;
	color: #1296be;
	font-size:200%;
	font-weight:bold;
	padding: 8px 18px 7px 12px;
	margin:0;
}
div.hotspot p.sharepricewhite {
	color: #ffffff;
}
div.cr_winner h2 {
	color: #FFF;
	font-size: 190%;
}
div.hotspot_3column ul {
	display: inline;
	float: left;
	list-style-type:none;
	margin: 0 0 0 11px;
	padding: 0;
	width: 540px;
}
div.hotspot_3column ul li{
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	width: 135px;
}
div.shareprice_hotspot {
	background: none;
}
div.shareprice_hotspot h2 {
	margin: 10px 0 5px;
}
div.shareprice_hotspot p {
	margin: 0 0 10px;
}
div.shareprice_hotspot ul.links li {
	padding: 0 0 10px;
}
/* MEDIA & SHAREHOLDER CENTRE -- LARGE HOTSPOT IMAGE WITH HTML TEXT */
div.sh_img_hotspot h2 {
	color: #FFF;
	font-size: 190%;
	padding: 12px 100px 0 12px;
}
div.sh_img_hotspot p {
	color: #FFF;
	color: #ffffff;
	font-size: 110%;
/*	font-weight: bold;
*/	padding-left: 12px;
}
div.sh_img_hotspot h2.narrowheading {
/*	padding-bottom: 12px;
	width: 200px;
*/}
div.sh_img_hotspot p.narrowpara {
	font-size: 100%;
	width: 200px;
}
	html>body div.sh_img_hotspot p.narrowpara {
		font-size: 110%;
	}
div.sh_img_hotspot ul.links li a:link, div.sh_img_hotspot ul.links li a:visited {
	/*background: url("../images/buttons/btn_arrow_orange_image.gif") right no-repeat;*/
	/*background: url("../images/buttons/btn_arrow_blue.png") right no-repeat;*/
	background: url("../images/buttons/btn_arrow_blue_shareholder.gif") right no-repeat;
	color: #ffffff;
	font-size: 140%;
	font-weight: bold;
	line-height: 1.5em;
	padding-right: 32px;
	padding-left: 12px;
	text-decoration: none; 
}
div.sh_img_hotspot ul.links li a:hover, div.sh_img_hotspot ul.links li a:focus, div.sh_img_hotspot ul.links li a:active {
	color: #10147e;
}
div.hotspot_short {
	height: 150px;
}
html>body div.hotspot_short {
	height: auto;
	min-height: 150px;
}

/* CAREERS */
div.hotspot_wide form.country {
	float:left;
	padding: 0 0 18px 12px;
	width: 145px;
}
div.hotspot_wide form.company {
	float:left;
	padding: 0 0 18px 0;
	width: 195px;
}
div.hotspot_wide form.jobtype {
	float:left;
	padding: 0 0 18px 12px;
	width: 340px;
}
div.hotspot_wide form select {
	float:left;
	margin: 0 6px 0 0;
}

#pagecontent div.clearboth div.hotspot_wide ul.hotspotlist {
	clear: both;
	display:inline;
	float: left;
	padding-top:10px;
	width: 345px;
}
div.hotspot_wide ul.hotspotlist li {
	float: left;
	margin-bottom: 10px;
	width: 345px;
}
div.hotspot_wide ul.hotspotlist li h3, div.hotspot_wide ul.hotspotlist li p {
	float: left;
	margin: 0;
	padding: 0 0 4px 12px;
	width: 200px;
}
div.hotspot_wide ul.hotspotlist li img {
	float: left;
}
#pagecontent div.hotspot_wide ul.hotspotlist li ul li{
	display: inline;
	width: 200px;
}

/* -------------------------------
   3. links with blue (formerly orange) arrows
   ------------------------------*/
ul.links {
	margin:0 14px 0 0px;
	padding: 0;
}
.gradient ul {
	margin:0 14px 0 12px;
	padding: 0;
}
.gradient ul li, ul.links li  {
	clear: both;
	float: left;
	list-style-type: none;
	margin: 0 0 3px 0;
	padding:0;
}
.gradient ul li {
	color: #FFF;
	width: 156px;
}
.gradient ul a:link, .gradient ul a:visited, ul.links a:link, ul.links a:visited  { 
	background: url("../images/buttons/btn_bullet_blue.gif") no-repeat left top;
	color: #000;
	display:block;
	float: left;
	padding-left: 9px;
	text-decoration: none; 
}
.gradient ul a:hover, .gradient ul a:focus, .gradient ul a:active, ul.links a:hover, ul.links a:focus, ul.links a:active { 
	background: url("../images/buttons/btn_bullet_blue.gif") no-repeat left top;
	color: #000;
	padding-left: 9px;
	text-decoration: underline; 
}
.gradient_pink ul a:link, .gradient_pink ul a:visited , .accent ul a:link, .accent ul a:visited  { 
	background: url("../images/buttons/btn_bullet_white.gif") no-repeat left top;
	color: #FFF;
	display:block;
	float: left;
	padding-left: 9px;
	text-decoration: none; 
}
.gradient_pink ul a:hover, .gradient_pink ul a:focus, .gradient_pink ul a:active , .accent ul a:hover, .accent ul a:focus, .accent ul a:active { 
	background: url("../images/buttons/btn_bullet_white.gif") no-repeat left top;
	color: #FFF;
	padding-left: 9px;
	text-decoration: underline; 
}

/* large arrow */
div.hotspot p a.arrowlarge{
	background:url("../images/buttons/btn_arrow_blue_right.gif") no-repeat right top;
	clear:both;
	color: #FFF;
	float:left;
	font-size:150%;
	font-weight:bold;
	line-height:1em;
	margin: 0;
	padding: 3px 35px 3px 0;
	text-decoration:none;
}

div.hotspot p a.arrowlarge:hover,div.hotspot p a.arrowlarge:focus,div.hotspot p a.arrowlarge:active{
	text-decoration:underline;
}

/* ------------------------------------------
   RSS links under news hotspots
   ----------------------------------------*/
ul.news_rsslink {
	font-size: 100%;
	display: inline;
	float: left;
	padding: 0;
	margin: 12px 0 0 84px;
}

ul.news_rsslink li  {
	clear: both;
	list-style-type: none;
	margin: 0 0 1px 0;
	padding:0;
}
ul.news_rsslink a:link, ul.news_rsslink a:visited  { 
	background: url("../images/icons/icon_rss.gif") no-repeat left top;
	color: #000;
	display:block;
	float: left;
	padding: 0 0 12px 24px;
	text-decoration: none; 
}
ul.news_rsslink a:hover, ul.news_rsslink a:focus, ul.news_rsslink a:active { 
	text-decoration: underline; 
}
#homepage ul.hotspotnews {
	background:none;
	width:362px;
	padding-left: 12px;
}
#homepage ul.hotspotnews li {
	width: 362px;/*386px;*/
	/*padding-left: 12px;*/
}
#homepage ul.hotspotnews li a span{
	width: 270px;/*316px;*/
	padding-right: 10px;
}
#homepage ul.hotspotnews li a:hover strong,#homepage ul.hotspotnews li a:focus strong,#homepage ul.hotspotnews li a:active strong,#homepage ul.hotspotnews li a strong {
	width:60px;
	padding-right: 9px;
}
html>body #homepage ul.hotspotnews li a:hover strong,#homepage ul.hotspotnews li a:focus strong,#homepage ul.hotspotnews li a:active strong,#homepage ul.hotspotnews li a strong {
	width:70px;
	padding-right: 0px;
}
ul.tabs {
	border-bottom: 0px;
}
ul.hotspotnews {
	background: transparent;/* none;*/
	/*width:369px;*/width: 345px;padding-left: 12px;
}
ul.hotspotnews li {
	width:345px;
	/*padding-left: 14px;*/
}
ul.hotspotnews li a:link span, ul.hotspotnews li a:visited span, ul.hotspotnews li a:hover span, ul.hotspotnews li a:active span, ul.hotspotnews li a:focus span {
	width:260px;
}
/*
ul.hotspotnews li a:link strong, ul.hotspotnews li a:visited strong, ul.hotspotnews li a:hover strong, ul.hotspotnews li a:focus strong, ul.hotspotnews li a:active strong, ul.hotspotnews li a strong{
	width:80px;
}
*/
ul.centricaviews {
	/*float: left;*/
	margin: 0 0 14px 0;
	padding: 0;
	width: 369px;
}
ul.centricaviews li {
	background: url("../images/site_objects/bg_dots.gif") repeat-x bottom;
	clear: both;
	float: left;
	list-style: none;
	margin: 0;
	padding: 10px 10px 12px 10px;
	width: 349px;
}
ul.centricaviews ul {
	clear: none;
	font-size: 90%; 
	margin: 0;
}
ul.centricaviews ul li {
	clear: none;float: none;
	background: none;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 220px;
}
ul.centricaviews img {
	border: 1px solid #d6d6d6;
	clear: left;
	float: left;
	margin: 0 10px 0 0;
	padding: 0px;
}

#graduates {
	float:left;
	width:567px;
}

.email_green {
	background: url("../images/site_objects/bg_hotspot_email.jpg") no-repeat transparent;
}
/*homepage create page hotspot*/
.create_accent_hp {
	background: url("../images/site_objects/Cusomise_big.jpg") no-repeat transparent;
	height: 251px!important;
}
.create_accent {
	background: url("../images/site_objects/Cusomise_small.jpg") no-repeat transparent;
}

/*homepage Have your say page hotspot*/
.graduate_green {
	background: url("../images/site_objects/graduate_greenbg.jpg") no-repeat #65b822;
}
.survey_accent {
	background: url("../images/site_objects/survey_small.jpg") no-repeat #17a7ca;
}

.video_accent_hp {
	background: url("../images/site_objects/bg_grad_green.gif") no-repeat #65b822;
	height: 251px!important;
}
.video_accent {
	background: url("../images/site_objects/bg_grad_green.gif") no-repeat #65b822;
}
.gradient_pink {
	background: url("../images/site_objects/bg_cr_pink_gradient.gif") no-repeat;
}

.gradient_pink_repeat {
	background: url("../images/site_objects/bg_cr_pink_gradient.gif") repeat-x;
}

/*webchat promotional hotspot*/
div.gradient_pink div.webchathotspot, div.accent div.webchathotspot {
	background: url("../images/icons/icon_graduates_webchat_hotspot.gif") no-repeat right top;
	width: 170px;
}
div.gradient_pink div.webchathotspot {
	background: none;
	display:block;
	float:left;
	padding-bottom:16px;
}

div.accent div.webchathotspot p {
	font-weight: bold;
}
div.accent div.webchathotspot a.submitquestion {
	display:block;
	width:135px;
	background: url("../images/buttons/btn_white_webchat.gif") no-repeat 85px 0;
	line-height:1.1em;
	font-size:140%;
	font-weight: bold;
	color:#fff;	
}


div.accent div.webchathotspot a.submitquestionpad {
	padding-bottom:5px;
	padding-top:3px;
}

div.accent div.webchathotspot a.submitquestion:link, div.accent div.webchathotspot a.submitquestion:visited {
	text-decoration:none
}
div.accent div.webchathotspot a.submitquestion:hover, div.accent div.webchathotspot a.submitquestion:focus, div.accent div.webchathotspot a.submitquestion:active {
	text-decoration:underline;
}
div.graduate_subcontent div.accent div.webchathotspot {
	width:154px;
}
div.graduate_subcontent div.accent div.webchathotspot p {
	padding:0;
}




/*fraud warning hotspot*/
div.accent div.fraudhotspot {
	background: transparent;
	width: 170px;
}
div.accent div.fraudhotspot p {
	font-weight: bold;
}
div.accent div.fraudhotspot a.submitquestion {
	display:block;
	width:140px;
	background: url("../images/buttons/btn_white_webchat.gif") no-repeat right 0;
	line-height:1.1em;
	font-size:140%;
	font-weight: bold;
	color:#fff;	
}


div.accent div.fraudhotspot a.submitquestionpad {
	padding-bottom:5px;
	padding-top:3px;
}

div.accent div.fraudhotspot a.submitquestion:link, div.accent div.fraudhotspot a.submitquestion:visited {
	text-decoration:none
}
div.accent div.fraudhotspot a.submitquestion:hover, div.accent div.fraudhotspot a.submitquestion:focus, div.accent div.fraudhotspot a.submitquestion:active {
	text-decoration:underline;
}
div.graduate_subcontent div.accent div.fraudhotspot {
	width:154px;
}
div.graduate_subcontent div.accent div.fraudhotspot p {
	padding:0;
}







.jade {
	color: #32AA8C!important; }
	
div.gradient div.imagesm img{
	float: left;
	padding: 2px 18px 4px 18px;
	
}
.gradient h2.cutmargin {
	color: #FFF;
	margin: 10px 0 7px 0;
	padding: 0 10px;
}/* --------------------------------------------
   1. Slides at bottom of section homepages ---
   ------------------------------------------*/
#brandslideshow {
	clear: both;
	float: left;
	padding: 22px 5px 0px 5px;
	width: 990px;
}
#brandslideshow div.position {
	padding: 0 0 0 17px;
}
#brandslideshow div.brandhide{
	display:none;
}
div#brandcontainer{
	float:left;
	overflow:hidden; 
	position:relative;
	width:575px;
}
div#brandscroller{
	float:left;
	overflow:visible;
	position:relative;
}
div.brandcontent{
	color:#000;
	display: inline;
	float:left;
	width:575px;
}
div.brandcontent div.brand_logos {
	float:left;
	width:187px;
}
div.brandcontent div.text {
	border-left: solid 1px #ccc; 
	display: inline;
	float:left;
	font-size: 110%;
	height: 151px;
	margin: 0;
	padding: 0 10px 0 17px;
	width:360px; 
}
html>body div.brandcontent div.text  {
	height:auto;
	min-height: 151px;
}
div.brandcontent div.text div.column {
	float:left;
	padding: 0 9px 0 0;
	width:180px;
}
div.brandcontent div.text div.columnright {
	width:169px;
}

div.text div.europeleft {
	width:170px; 
	float:left;
	padding-right:15px;
}

div.text div.europeright {
	width:170px; 
	float:left; 
}

div.brandcontent div.text ul.links {
	clear: both;
	width: 300px;
}
div.brandcontent div.brand_logos img {
	clear: right;
}
div.brandcontent div.brand_logos ul.links {
	width: 140px;
	margin: 0px;
}
div.brandcontent h3 {
	background: transparent;
	color: #10147e;
	font-size: 140%;
	margin: 0 0 7px 0;
	padding: 0;
}

#brandslideshownavigation {
	background: url("../images/site_objects/bg_navigation_top.gif") top no-repeat;
	clear: both;
	float: left;
	padding: 22px 5px 6px 5px;
	width: 990px;
}

#brandslides_menu ul.brandnav {
	float: left;
	margin: 0;
	padding: 0 14px 0 0;
	width:74px;
}

#brandslides_menu ul.brandnav li {
	display: inline;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 6px;
}

#brandslideshownavigation  ul {
	display: inline;
	float: left;
	list-style-type:none;
	margin: 0 0 7px 0;
	padding: 0 0 0 7px;
	width:753px;
}
#brandslides_menu  ul li {
	display: inline;
	margin: 0 10px 0 0 ;
	white-space:nowrap;
}
#brandslides_menu ul li a, #brandslides_menu ul li a:link, #brandslides_menu ul li a:visited {
	background: transparent;
	color: #000;
	font-weight:bold;
	padding: 6px 0;
	text-decoration: none; 
}
#brandslides_menu ul li a:hover, #brandslides_menu ul li a:active, #brandslides_menu ul li a:focus {
	background: transparent;
	color: #1296be;
	font-weight:bold;
	text-decoration: none; 
}
#brandslides_menu ul li a.lit, #brandslides_menu ul li a.lit:visited, #brandslides_menu ul li a.lit:hover, #brandslides_menu ul li a.lit:active, #brandslides_menu ul li a.lit:focus {
	background: transparent;
	color: #1296be;
	font-weight: bold;
	text-decoration: none; 
}

#brandslides_menu h2 {
	background: transparent;
	color: #999;
	float: left;
	padding-left: 17px;
	padding-top: 0px;
}

#brandslides_menu h2 a:link, #brandslides_menu h2 a:visited {
	color: #999;
	text-decoration:none;
}
#brandslides_menu h2 a:hover, #brandslides_menu h2 a:focus,  #brandslides_menu h2 a:active {
	color: #10147e;
	text-decoration:none;
}

#brandslideshow div.advert { 
	border-left: solid 1px #ccc;
	float: left;
	padding: 0 0 0 9px;
}
div#centricaviews_feature {
	width: 362px;
	height: 215px;
	float:left;
	padding: 3px 0px 0px 6px;
	/*background: url("../images/site_objects/viewshotspot/bg_views_hotspot.jpg") 0 0 repeat-x;*/
}



div.blog_bg {background: url("../images/site_objects/viewshotspot/bg_blogs.jpg") right 0 no-repeat;}
div.video_bg {background: url("../images/site_objects/viewshotspot/bg_videos.jpg") 0 0  no-repeat;}
div.energydebate_bg {background: url("../images/site_objects/viewshotspot/bg_energydebate.jpg") right 0  no-repeat;}
div.webchat_bg {background: url("../images/site_objects/viewshotspot/bg_webchat.jpg") right 0  no-repeat;}


div#centricaviews_feature h2 a:link, div#centricaviews_feature h2 a:visited {
 	color: #1296be;
	font-size: 134.5%;
	padding-left: 7px;
	text-decoration:none;
}
div#centricaviews_feature h2 a:hover, div#centricaviews_feature h2 a:focus, div#centricaviews_feature h2 a:active {
	text-decoration:underline;
}


div#centricaviews_feature div.featurenavigation {
	float:left;
	width: 153px;
	margin-top: 16px;
}

ul.feature_buttons {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.feature_buttons li {
	margin: 0;
	padding: 0;
}

ul.feature_buttons li a:link, ul.feature_buttons li a:visited {
	margin: 0 0 2px 0;
	padding: 6px 0 8px 9px;
	width: 132px;	
	float:left;
	color: #000;
	font-weight:bold;
	text-decoration:none;
	background: url("../images/site_objects/viewshotspot/feature_buttons.gif") no-repeat 0 0;
}

ul.feature_buttons li a:hover, ul.feature_buttons li a:focus, ul.feature_buttons li a:active, ul.feature_buttons li.lit a:link, ul.feature_buttons li.lit a:visited {
	color:#fff;
	background: url("../images/site_objects/viewshotspot/feature_buttons_lit.gif") no-repeat 0 0;
}

/*
ul.feature_buttons li.lit a:link, ul.feature_buttons li.lit a:visited, ul.feature_buttons li.lit a:hover, ul.feature_buttons li.lit a:active, ul.feature_buttons li.lit a:focus {
	background: url("../images/site_objects/bg_sidemenu_blue_arrow.gif") no-repeat 0 0;
	color: #fff;
	padding-left:18px;
	width: 162px;
}

ul.feature_buttons li.lit3 a:link, ul.feature_buttons li.lit3 a:visited, ul.feature_buttons li.lit3 a:hover, ul.feature_buttons li.lit3 a:active, ul.feature_buttons li.lit3 a:focus {
	background: #fff url("../images/site_objects/bg_sidemenu_white_arrow.gif") no-repeat 0 0;
	padding-left:18px;
	width: 162px;
}
*/


div#centricaviews_feature div.content {
	float:left;
	margin-top: 13px;
	width: 195px;
	padding:0;
}
div#centricaviews_feature div.content h3 {
	font-size: 146.1%;
	padding-bottom: 8px;
}

div#centricaviews_feature div.content h3 a:link, div#centricaviews_feature div.content h3 a:visited {
	color: #000000;
	text-decoration: none;
}
div#centricaviews_feature div.content h3 a:hover, div#centricaviews_feature div.content h3 a:focus, div#centricaviews_feature div.content h3 a:active {
	text-decoration: underline;
}

div#centricaviews_feature div.content ul.links {
	display:block;
	float:none;
}