@charset "utf-8";

/* ------------------------------
	featurePanel styles
-------------------------------- */

/* === featurePanelA01 & featurePanelA04 & featurePanelA05 === */
.panelAreaFull .featurePanelA01,
.panelAreaFull .featurePanelA04,
.panelAreaFull .featurePanelA05,
.panelAreaFull .featurePanelA06,
.panelAreaFull .featurePanelA07,
.panelAreaFull .featurePanelA08 {
	width:960px;
	margin-bottom:20px;
	padding-bottom:0;
}

.panelAreaFull .featurePanelA06 {
    margin-bottom: 20px;
}

.panelAreaFull .featurePanelA05,
.panelAreaFull .featurePanelA06,
.panelAreaFull .featurePanelA07,
.panelAreaFull .featurePanelA08 {
    background-color: transparent;
}

.panelAreaFull .featurePanelA01 .bgImageUnit,
.panelAreaFull .featurePanelA04 .bgImageUnit {
	background-color: #eee;
}


.panelAreaFull .featurePanelA01 .bgImageUnit,
.panelAreaFull .featurePanelA04 .bgImageUnit,
.panelAreaFull .featurePanelA05 .bgImageUnit,
.panelAreaFull .featurePanelA06 .bgImageUnit,
.panelAreaFull .featurePanelA07 .bgImageUnit,
.panelAreaFull .featurePanelA08 .bgImageUnit{
	min-height:300px;
	_height: 300px;/* Hack for IE6 */
	position:relative;
}
.panelAreaFull .featurePanelA05 .bgImageUnit,
.panelAreaFull .featurePanelA07 .bgImageUnit {
	min-height:330px;
	_height: 330px;/* Hack for IE6 */
}

.panelAreaFull .featurePanelA08 .bgImageUnit {
	min-height:400px;
	_height: 400px;/* Hack for IE6 */
}

.panelAreaFull .featurePanelA01 .featureUnitA01L,
.panelAreaFull .featurePanelA04 .featureUnitA01L,
.panelAreaFull .featurePanelA05 .featureUnitA01L,
.panelAreaFull .featurePanelA06 .featureUnitA01L {
    float: left;
}

.panelAreaFull .featurePanelA01 .featureUnitA01L,
.panelAreaFull .featurePanelA05 .featureUnitA01L,
.panelAreaFull .featurePanelA06 .featureUnitA01L {
	width:255px;
    min-height: 300px;
}

.panelAreaFull .featurePanelA04 .featureUnitA01L {
	width: 195px;
    min-height: 300px;
}

.panelAreaFull .featurePanelA07 .featureUnitA01L, 
.panelAreaFull .featurePanelA08 .featureUnitA01L {
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 3;
	width: 250px;
    height: 250px;
    padding: 20px;
    background: url(http://cdn2.hubspot.net/hub/134521/file-403598294-png/new-img/shared/featurepanel/feature_bg_01.png) repeat 0 0;
    overflow: hidden;
}

.panelAreaFull .featurePanelA08 .featureUnitA01L {
    height: 320px;
}

.panelAreaFull .featurePanelA01 .featureUnitA01L .featureItemA01,
.panelAreaFull .featurePanelA04 .featureUnitA01L .featureItemA01,
.panelAreaFull .featurePanelA05 .featureUnitA01L .featureItemA01,
.panelAreaFull .featurePanelA06 .featureUnitA01L .featureItemA01 {
	padding:20px;
}

.panelAreaFull .featurePanelA07 .featureUnitA01L .featureItemA01,
.panelAreaFull .featurePanelA08 .featureUnitA01L .featureItemA01 {
    height: 100%;
    overflow: hidden;
	/*padding:20px 20px;*/
}

.panelAreaFull .featurePanelA01 .featureUnitA01R,
.panelAreaFull .featurePanelA04 .featureUnitA01R,
.panelAreaFull .featurePanelA05 .featureUnitA01R,
.panelAreaFull .featurePanelA06 .featureUnitA01R,
.panelAreaFull .featurePanelA07 .featureUnitA01R,
.panelAreaFull .featurePanelA08 .featureUnitA01R {
	float: left;
}

.panelAreaFull .featurePanelA01 .featureUnitA01R,
.panelAreaFull .featurePanelA05 .featureUnitA01R,
.panelAreaFull .featurePanelA06 .featureUnitA01R {
	width:705px;
}

.panelAreaFull .featurePanelA04 .featureUnitA01R {
	width:765px;
}

.panelAreaFull .featurePanelA07 .featureUnitA01R {
	width:960px;
    height: 330px;
    overflow: hidden;
}

.panelAreaFull .featurePanelA08 .featureUnitA01R {
	width:960px;
    height: 400px;
    overflow: hidden;

}

.panelAreaFull .featurePanelA07 .featureUnitA01R img {
    width: 960px;
    height: auto;
}

.panelAreaFull .featurePanelA08 .featureUnitA01R img {
    width: 960px;
    height: auto;
}

.panelAreaFull .featurePanelA01 .header,
.panelAreaFull .featurePanelA04 .header,
.panelAreaFull .featurePanelA05 .header,
.panelAreaFull .featurePanelA06 .header {
	color:#222;
}

.panelAreaFull .featurePanelA07 .header, 
.panelAreaFull .featurePanelA08 .header {
	color:#222;
}

#contents .panelAreaFull .featurePanelA01 h1.contentTitleA01,
#contents .panelAreaFull .featurePanelA04 h1.contentTitleA01,
#contents .panelAreaFull .featurePanelA05 h1.contentTitleA01,
#contents .panelAreaFull .featurePanelA06 h1.contentTitleA01,
#contents .panelAreaFull .featurePanelA07 h1.contentTitleA01,
#contents .panelAreaFull .featurePanelA08 h1.contentTitleA01 {
	margin-bottom:5px;
	padding-bottom:5px;
	color:#555;
	font-size: 171.42%;/* 24px */
	font-weight:normal;
	line-height:0.98;
}

#contents .panelAreaFull .featurePanelA07 h1.contentTitleA01, 
#contents .panelAreaFull .featurePanelA08 h1.contentTitleA01 {
    color: #000;
    font-size: 200%;
}

.panelAreaFull .featurePanelA01 .body,
.panelAreaFull .featurePanelA04 .body,
.panelAreaFull .featurePanelA05 .body,
.panelAreaFull .featurePanelA06 .body {
	color:#555;
}

.panelAreaFull .featurePanelA07 .body, 
.panelAreaFull .featurePanelA08 .body {
	color:#000;
}

#contents .panelAreaFull .featurePanelA01 .body .featureTextA01,
#contents .panelAreaFull .featurePanelA04 .body .featureTextA01,
#contents .panelAreaFull .featurePanelA05 .body .featureTextA01,
#contents .panelAreaFull .featurePanelA06 .body .featureTextA01,
#contents .panelAreaFull .featurePanelA07 .body .featureTextA01,
#contents .panelAreaFull .featurePanelA08 .body .featureTextA01 {
	margin:0;
	font-size:114.29%;/* 16px */
	line-height:1.25;/* 20px */
}

#contents .panelAreaFull .featurePanelA01 .body .featureTextA01 p,
#contents .panelAreaFull .featurePanelA05 .body .featureTextA01 p,
#contents .panelAreaFull .featurePanelA06 .body .featureTextA01 p {
	margin:0 !important;
	line-height:1.2;
}

#contents .panelAreaFull .featurePanelA04 .body .featureTextA01 p,
#contents .panelAreaFull .featurePanelA07 .body .featureTextA01 p,
#contents .panelAreaFull .featurePanelA08 .body .featureTextA01 p {
	margin:0 !important;
	line-height: 1.35;
}


/* in panelAreaL3R1 */
.panelAreaL3R1 .featurePanelA01,
.panelAreaL3R1 .featurePanelA04,
.panelAreaL3R1 .featurePanelA05,
.panelAreaL3R1 .featurePanelA06,
.panelAreaL3R1 .featurePanelA07 {
	width:770px;
	margin-bottom:20px;
}

.panelAreaL3R1 .featurePanelA07 {
    background-color: transparent;
}

.panelAreaL3R1 .featurePanelA01 .bgImageUnit,
.panelAreaL3R1 .featurePanelA04 .bgImageUnit,
.panelAreaL3R1 .featurePanelA05 .bgImageUnit,
.panelAreaL3R1 .featurePanelA06 .bgImageUnit,
.panelAreaL3R1 .featurePanelA07 .bgImageUnit {
	min-height:260px;
	_height:260px;/* Hack for IE6 */
	position:relative;
}

.panelAreaL3R1 .featurePanelA01 .bgImageUnit,
.panelAreaL3R1 .featurePanelA04 .bgImageUnit,
.panelAreaL3R1 .featurePanelA05 .bgImageUnit,
.panelAreaL3R1 .featurePanelA06 .bgImageUnit {
    background-color: #eee;
}


.panelAreaL3R1 .featurePanelA07 .bgImageUnit {
	min-height:330px;
	_height:330px;/* Hack for IE6 */
}

.panelAreaL3R1 .featurePanelA01 .featureUnitA01L,
.panelAreaL3R1 .featurePanelA04 .featureUnitA01L,
.panelAreaL3R1 .featurePanelA05 .featureUnitA01L,
.panelAreaL3R1 .featurePanelA06 .featureUnitA01L {
    float: left;
	width:259px;
    min-height: 260px;
}

.panelAreaL3R1 .featurePanelA07 .featureUnitA01L {
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 3;
	width: 230px;
    height: 250px;
    padding: 20px;
    background: url(http://cdn2.hubspot.net/hub/134521/file-403598294-png/new-img/shared/featurepanel/feature_bg_01.png) repeat 0 0;
}

.panelAreaL3R1 .featurePanelA01 .featureUnitA01L .featureItemA01,
.panelAreaL3R1 .featurePanelA04 .featureUnitA01L .featureItemA01,
.panelAreaL3R1 .featurePanelA05 .featureUnitA01L .featureItemA01,
.panelAreaL3R1 .featurePanelA06 .featureUnitA01L .featureItemA01 {
	padding:20px;
}

.panelAreaL3R1 .featurePanelA07 .featureUnitA01L .featureItemA01 {
    height: 100%;
    overflow: hidden;
	/*padding: 20px;*/
}

.panelAreaL3R1 .featurePanelA01 .featureUnitA01R,
.panelAreaL3R1 .featurePanelA05 .featureUnitA01R,
.panelAreaL3R1 .featurePanelA06 .featureUnitA01R,
.panelAreaL3R1 .featurePanelA07 .featureUnitA01R {
    float: left;
	width:511px;
}

.panelAreaL3R1 .featurePanelA07 .featureUnitA01R {
	right: auto;
	width: 770px;
    height: 330px;
    overflow: hidden;
}

.panelAreaL3R1 .featurePanelA07 .featureUnitA01R img {
    width: 770px;
    height: auto;
}

.panelAreaL3R1 .featurePanelA01 .header,
.panelAreaL3R1 .featurePanelA04 .header,
.panelAreaL3R1 .featurePanelA05 .header,
.panelAreaL3R1 .featurePanelA06 .header {
	color:#555;
}

.panelAreaL3R1 .featurePanelA07 .header {
	color:#000;
}

#contents .panelAreaL3R1 .featurePanelA01 h1.contentTitleA01,
#contents .panelAreaL3R1 .featurePanelA01 h1.featureTitleA01,
#contents .panelAreaL3R1 .featurePanelA04 h1.contentTitleA04,
#contents .panelAreaL3R1 .featurePanelA04 h1.featureTitleA04,
#contents .panelAreaL3R1 .featurePanelA05 h1.contentTitleA04,
#contents .panelAreaL3R1 .featurePanelA05 h1.featureTitleA04,
#contents .panelAreaL3R1 .featurePanelA06 h1.contentTitleA04,
#contents .panelAreaL3R1 .featurePanelA06 h1.featureTitleA04, 
#contents .panelAreaL3R1 .featurePanelA07 h1.contentTitleA01,
#contents .panelAreaL3R1 .featurePanelA07 h1.featureTitleA01 {
	margin-bottom:6px;
	padding-bottom:5px;
	color:#555;
	font-size: 171.42%;/* 24px */
	font-weight:normal;
	line-height:0.95;
}

#contents .panelAreaL3R1 .featurePanelA07 h1.contentTitleA01,
#contents .panelAreaL3R1 .featurePanelA07 h1.featureTitleA01 {
    color: #222;
}

.panelAreaL3R1 .featurePanelA01 .body,
.panelAreaL3R1 .featurePanelA04 .body,
.panelAreaL3R1 .featurePanelA05 .body,
.panelAreaL3R1 .featurePanelA06 .body {
	color:#555;
}

.panelAreaL3R1 .featurePanelA07 .body {
	color:#000;
}

#contents .panelAreaL3R1 .featurePanelA01 .body .featureTextA01,
#contents .panelAreaL3R1 .featurePanelA04 .body .featureTextA04,
#contents .panelAreaL3R1 .featurePanelA05 .body .featureTextA04,
#contents .panelAreaL3R1 .featurePanelA06 .body .featureTextA04,
#contents .panelAreaL3R1 .featurePanelA07 .body .featureTextA04{
	margin:0;
	font-size:114.29%;
	line-height:1.25;
}

#contents .panelAreaL3R1 .featurePanelA01 .body .featureTextA01 p,
#contents .panelAreaL3R1 .featurePanelA04 .body .featureTextA04 p,
#contents .panelAreaL3R1 .featurePanelA05 .body .featureTextA04 p,
#contents .panelAreaL3R1 .featurePanelA06 .body .featureTextA04 p,
#contents .panelAreaL3R1 .featurePanelA07 .body .featureTextA04 p {
	margin:0 !important;
	line-height:1.25;
}


/* === featurePanelA02 === */
.featurePanelA02 {
	/*width:770px;*/
	margin-bottom:14px;
    background-color: #fff;
}

.featurePanelA02 .bgImageUnit {
	margin:0;
	padding:0;
	zoom:1;
}

.featurePanelA02 .featureUnitA01L {
	float:left;
	width:241px;
}

.featurePanelA02 .featureUnitA01R {
	float:left;
	width:445px;
	padding:20px;
}

#contents .featurePanelA02 .featureTitleA01 {
	margin:0 0 10px;
	font-size: 128.5%;
	line-height: 1.11;
}

.featurePanelA02 .body .featureTextA01 {
	font-size:100%;/* 14px */
	line-height:1.43;/* 20px */
}

#contents .featurePanelA02 div.body p.leadTextA01 {
	margin-top: 7px;
	color:#6f6f6f;
}

/* === featurePanelA03 === */

.panelAreaFull .featurePanelA03 {
	width:960px;
	margin-bottom:16px;
	padding-bottom:13px;
    background-color: #eee;
}

.panelAreaFull .featurePanelA03 .bgImageUnit {
	min-height:305px;
	_height: 305px;/* Hack for IE6 */
	position:relative;
}

.panelAreaFull .featurePanelA03 .featureUnitA01L {
	float:left;
	width:268px;
}

.panelAreaFull .featurePanelA03 .featureUnitA01L .featureItemA01 {
	padding:20px;
}

.panelAreaFull .featurePanelA03 .featureUnitA01L .header {
	color:#222;
}

#contents .panelAreaFull .featurePanelA03 .featureUnitA01L .header h1.contentTitleA01,
#contents .panelAreaFull .featurePanelA03 .featureUnitA01L .header h1.featureTitleA01 {
	margin-bottom:10px;
	padding-bottom:19px;
	color:#222;
	font-size: 257.15%;/* 36px */
	font-weight:normal;
	line-height:0.98;
}

.panelAreaFull .featurePanelA03 .featureUnitA01L .body {
	color:#222;
}

#contents .panelAreaFull .featurePanelA03 .featureUnitA01L .body .featureTextA01 {
	margin:0;
	font-size:114.29%;/* 16px */
	line-height:1.25;/* 20px */
}

#contents .panelAreaFull .featurePanelA03 .featureUnitA01L .body .featureTextA01 p {
	margin:0 !important;
	line-height:normal;
}

.panelAreaFull .featurePanelA03 .featureUnitA01R {
	float:left;
	width:695px;
}

.panelAreaFull .featurePanelA03 .featureUnitA01R .featureItemA01 {
	margin-top:21px;
	padding:28px 20px 10px 20px;
}

.panelAreaFull .featurePanelA03 .featureUnitA01R .featureItemA01 .image {
	float:left;
	margin:5px 20px 10px 0;
}

.panelAreaFull .featurePanelA03 .featureUnitA01R .featureItemA01 .image img {
	border: 1px solid #e8e8e8;
}

#contents .panelAreaFull .featurePanelA03 .featureUnitA01R .featureItemA01 .body p {
	margin-top:0;
}

/* --- in panelAreaL3R1 --- */
.panelAreaL3R1 .featurePanelA03 {
	width:770px;
	margin-bottom:16px;
    background-color: #eee;
}

.panelAreaL3R1 .featurePanelA03 .bgImageUnit {
	min-height:247px;
	_height:247px;/* Hack for IE6 */
	position:relative;
}

.panelAreaL3R1 .featurePanelA03 .featureUnitA01L {
	float:left;
	width:259px;
}

.panelAreaL3R1 .featurePanelA03 .featureUnitA01L .featureItemA01 {
	padding:20px;
}

.panelAreaL3R1 .featurePanelA03 .featureUnitA01L .header {
	color:#555;
}

#contents .panelAreaL3R1 .featurePanelA03 .featureUnitA01L .header h1.contentTitleA01,
#contents .panelAreaL3R1 .featurePanelA03 .featureUnitA01L .header h1.featureTitleA01 {
	margin-bottom:6px;
	padding-bottom:5px;
	color:#555;
	font-size: 171.42%;/* 24px */
	font-weight:normal;
	line-height:0.95;
}

.panelAreaL3R1 .featurePanelA03 .featureUnitA01L .body {
	color:#555;
}

#contents .panelAreaL3R1 .featurePanelA03 .featureUnitA01L .body .featureTextA01 {
	margin:0;
	font-size:114.29%;
	line-height:1.25;/* 20px */
}

#contents .panelAreaL3R1 .featurePanelA03 .featureUnitA01L .body .featureTextA01 p {
	margin:0 !important;
	line-height:normal;
}

.panelAreaL3R1 .featurePanelA03 .featureUnitA01R {
	float:left;
	width:510px;
    min-height:245px;
	_height:245px;/* Hack for IE6 */
    border: 1px solid #f5f5f5;
    border-left: none;
    background-color: #fff;
}

.panelAreaL3R1 .featurePanelA03 .featureUnitA01R .featureItemA01 {
	position:relative;
	margin-top:0px;
	padding:20px 10px 10px 10px;
}

.panelAreaL3R1 .featurePanelA03 .featureUnitA01R .featureItemA01 .image {
	float:left;
	margin:0 20px 10px 0;
}

.panelAreaL3R1 .featurePanelA03 .featureUnitA01R .featureItemA01 .image img {
	border: 1px solid #e8e8e8;
}

#contents .panelAreaL3R1 .featurePanelA03 .featureUnitA01R .featureItemA01 .body p {
	margin-top:0;
}