@charset "UTF-8";


.center-intro {margin-bottom: 25px; text-align:center; width:650px; margin-left:auto; margin-right:auto;}
#main-content h2 {margin: 0px;}
#main-content p {margin-bottom:10px;}
#main-content li {padding-bottom: 20px; }

.expand-collapse {
border-bottom:	1px solid #486BBE;
clear:both;
overflow:hidden;
padding-bottom: 20px;
margin-bottom: 20px;
}
.toggle-text {
float:right;
width: 530px;
}
.block {
width: 530px;
}




.hero_section {
	padding-top:10px;
	padding-left:10px;
}
.hero_top {
	height: 38px;
	background:url(../images/layout_page_hero-section.gif);
	position:relative;
}
.hero_tab {
	height: 11px;
	width: 446px;
	background:url(../images/layout_tabs_hero-tab.gif);
	position:absolute;
	bottom: 0px;
	}
.column {float:left; width:690px;}
.hero-module{
	width:680px;
	padding-bottom: 15px;
	padding-top: 15px;
	float:left;	
	border-bottom: solid 1px #7f7c79;
}

.hero-module-first{
	width:680px;
	padding-bottom: 15px;
	padding-top: 0px;
	float:left;	
	border-bottom: solid 1px #7f7c79;
}
.feature-icon {
	width:35px;
	height:35px;
	float:left;
	padding-right:7px;
}
.feature-info{
	width: 630px;
	float:left;
}
.feature-info .expand{
	padding-left: 20px;
	display: block;
	height: 18px;
	width: 80px;
	float:left;
	background:url(../images/global_icon-expand.gif);
	background-repeat:no-repeat;
}
.feature-info .expand:hover{
	display: block;
	height: 18px;
	width: 80px;
	float:left;
	background:url(../images/global_icon-expand.gif);
	background-repeat:no-repeat;
	color: #ff9634;
	background-position: 0px -18px;
}

#main-content  .expand{
	font-family: Arial, Helvetica, sans-serif;font-size: 13px; color: #4f4f4f;
	padding-left: 20px;
	display: block;
	height: 18px;
	width: 80px;
	background:url(../images/global_icon-expandb.gif);
	background-repeat:no-repeat;
}
#main-content .expand:hover{
	display: block;
	height: 18px;
	width: 80px;
	background:url(../images/global_icon-expandb.gif);
	background-repeat:no-repeat;
	color: #ff9634;
	background-position: 0px -18px;
}
#main-content a:hover{color: #53a9f9;}

.panes p {font-family: Arial, Helvetica, sans-serif;font-size: 13px;line-height: 18px; color: #4f4f4f; margin-bottom: 0px;}
.panes a {font-family: Arial, Helvetica, sans-serif;font-size: 13px; color:#f68a1b; font-weight:bold;}
.panes a:hover {color:#ff7200;}
.panes h2 {font-family: Arial, Helvetica, sans-serif;font-size: 13px;line-height: 15px; font-weight:bold;}
.panes h3 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 24px;color: #587ac1; font-weight: bold; margin-top: 20px; }


.toggle_container {
	margin: 0;
	padding: 0;
	overflow: hidden;
	clear: both;
	display:none;
}

.panes .toggle_container {
	width:630px;
}
#main-content .toggle_container {
	width:830px;
}
.toggle_container .block {
	padding: 0px; /*--Padding of Container--*/
}
.expand a {cursor:pointer;}
.collapse {display: none;}
.collapse a {cursor:pointer;}


.hero_section .tab_box {
	border: #b2ada9 solid 1px;
	height: 380px;
	overflow:auto;
	width: 911px;
	position:relative;
}
.hero_section .tabsitems {
width: 170px;
height:100%;
background-color:#FFF;
border-right:solid 1px #b2ada9; 
float:left;
}
.hero_section ul {
padding-top:10px;
}

.hero_section .tabs li {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
position:relative;
}
.hero_section .tabs li a {
display: block;
width: 150px;
height: 14px;
padding: 10px 0 10px 20px;
text-decoration:none;
position:relative;
}
.hero_section .tabs li a:hover{
color:#53a9f9;
background-color:#e8ecf4;
}
.hero_section .tabs a.current {
	color:#000;
	background-color:#e8ecf4;
}
.tabs a.current .arrow {
	width:16px;
	height:21px;
	background-image:url(../images/layout_tabs_current.gif);
	background-repeat:no-repeat;
	position:absolute;
	right:-5px;
	bottom: 5px;
}

.hero_section .panes {
height: 340px;
width: 700px;
background-color:#fff8f2;
overflow:auto;
float:left;
padding: 20px;
position: relative;
}
.hero_section .panes> div {
position: absolute;
display:none;
}