/*-----TITLE: Home page screen styles | UPDATED: 12/17/09-----*/
/*---TEXT---*/
h1, h2, h3 {font-weight:bold;}
h2, h3 {line-height:1.1;color:#1f577d}
h1{font-size:17px; color:#367939; border-bottom:2px solid #d3d5d8;padding-bottom:8px; margin-bottom:17px;}
h2{font-size:15px;clear:both;}
h3{font-size:13px; margin-bottom:17px;}
h4{font-size:13px; color:#1f577d; margin-bottom:7px; clear:both;}
p{line-height:1.2; font-size:12px; color:#333; margin:10px 0 17px 0}
p.last{border-top:1px solid #d3d5d8; margin-top:25px; padding:10px 0 3px 0;}
/*---Links---*/
a.more{display:block; color:#1f577d; background:url(/cssimages/home/more-arrow.png) no-repeat 34px 4px; margin-left:1px; }
a.more-info{background:url(/cssimages/home/more-arrow.png) no-repeat right 4px; padding-right:10px;}
a.more:hover, .activeTab .tabs li a:hover, .fourcol ul li a:hover{color:#1b7ee4;}
a.more:visited, .activeTab .tabs li a:visited, .fourcol ul li a:visited{color:#6495a4;}
h2 a, #featured-customer h4 a, #featured-capability h4 a, div.tabs h3 a{color:#1f577d;}
h2 a:hover{color:#1b7ee4; text-decoration:none;}
/*---FLASH INTRO---*/
#flash{margin-bottom:14px; height:236px;}
#flash img{display:none;}
/*---MAIN (TABS)---*/
#hometabs{width:718px; float:left; margin-right:14px;}
.activeTab .tabs li{float:left;}
.activeTab .tabs li a{background:url(/cssimages/home/home-tabs.png) no-repeat; display:block; text-indent: -9999px; height:33px}
.activeTab .tabs #tab1 a{width:230px;}
.activeTab .tabs #tab2 a{width:141px; background-position:-230px 0}
.activeTab .tabs #tab3 a{width:177px; background-position:-371px 0;}
.activeTab .tabs #tab4 a{width:170px; background-position:-548px 0;}
.activeTab .tabs #tab1 a:hover, .activeTab .tabs #tab1 a.active{background-position:0 -33px;}
.activeTab .tabs #tab2 a:hover, .activeTab .tabs #tab2 a.active{background-position:-230px -33px}
.activeTab .tabs #tab3 a:hover, .activeTab .tabs #tab3 a.active{background-position:-371px -33px;}
.activeTab .tabs #tab4 a:hover, .activeTab .tabs #tab4 a.active{background-position:-548px -33px;}
.activeTab div{background:#eee; border:1px solid #dcdfe1; border-top:0; padding:26px; display:none; clear:both;}
.activeTab .show{display:block;}
.tabs .col1, .tabs .col2{width:311px; float:left;}
.tabs .col1{margin-right:42px;}
.tabs div div{border:0; display:block; padding:0; clear:none;}
/*---News & Events---*/
.tabs .date{font-size:11px; color:#666;}
.tabs .location, .tabs .event-type{display:block; font-weight:bold; color:#666; font-size:12px;}
.tabs .location{margin-top:-16px;}
.tabs .event-type{font-weight:normal; margin-bottom:17px; }
.tabs .sticky {border: 3px solid #9c0; padding: 5px;margin-bottom:17px;}
.tabs .sticky .event-type {margin-bottom:0;}
/*---Product Support (4 column layout)---*/
.fourcol{width:146px; float:left; margin-right:26px;}
.fourcol ul{border-bottom:1px solid #d3d5d8;}
.nrm{margin-right:0;}
.fourcol ul li a{color:#1f577d; line-height:1.2; font-size:12px; padding-right:15px; margin-bottom:15px; display:block;}
.fourcol a.more, .tabs a.all{width:95px; background:url(/cssimages/home/fourcol-more.png) no-repeat right center #fff; border:1px solid #d3d5d8; padding:3px 22px 3px 6px; margin-top:10px; line-height:1;}
/*---RELATED/PORTLETS (RIGHT COLUMN)---*/
#portlets{float:left; width:188px; margin-top:5px;}
#portlets h3{text-indent:-9999px; width:188px;margin:14px 0 0 0;}
#portlets p {margin:0;}
#pbbi-solutions h3{background:url(/cssimages/home/PBBI-Solutions-for.png) no-repeat left top; height:27px;margin:0;}
#pbbi-solutions ul{border: 1px solid #87b400; border-width:0px 1px 0 1px}
#pbbi-solutions ul li{ border-bottom:1px solid #87b400; border-top:1px solid #aad52b;}
#pbbi-solutions ul li a{background:url(/cssimages/layout/secondary-nav-sprite.png) repeat-x left -5px; width:171px; height:18px; color:#fff; display:block; padding:4px 0 0 15px;}
#pbbi-solutions ul li a:hover{background-position:left -21px; text-decoration:none;}
#featured-customer, #featured-capability{border:1px solid #dcDfe1; border-top:none; background:#eee; width:158px; padding:14px;}
h3.featured-customer {background:url(/cssimages/home/featured-customer.png) no-repeat left top;  height:26px;}
h3.featured-capablitly{background:url(/cssimages/home/featured-capability.png) no-repeat left top; height:25px;}
span.featured-image{border:1px solid #cdd0d0; float:left; margin-bottom:13px;}
span.featured-image img{border:2px solid #fff; display:block; margin:auto}
/*---FOOTER---*/
#footer{border:none;}
#footer p {line-height:normal;color:#999;margin:0;}

/*---FLOAT CLEARING---*/
 div.tabs div:after{content: ""; display: block; height: 0; clear: both; }

/* Main Banner CSS ~~~~~~~~~~~~~~~*/
#hero {
	width:920px;
	margin:0 auto 10px auto;
	position:relative;
	height:240px;
}

#hero h2 {display:none;}

#hero h3 {
	position:absolute;
	left:400px;	bottom:86px;
	font:normal 26px arial, sans-serif;
	z-index:100;
	color:#fff;
}

#hero h4 {
	position:absolute;
	left:400px;	bottom:62px;
	font:bold 11px arial, sans-serif;
	z-index:100;
	color:#fff;
	text-transform:uppercase;
}

#hero ul.benefits {
	padding-top:20px;
}

#hero ul.benefits li {
	margin-left:20px;
	padding-left:30px;
	background:transparent url('/cssimages/home/arrows.png') no-repeat 0 0;
	line-height:1.4;
	padding-bottom:7px;
	font-size:13px;
	color:#676767;
	width:300px;
	font-family:Tahoma, arial, sans-serif;
}

#hero ul.benefits li.row_2 {background-position:0 -42px;}
#hero ul.benefits li.row_3 {background-position:0 -84px;}
#hero ul.benefits li.row_4 {background-position:0 -126px;}

#hero p.learn_more {
	color:#999;
	position:absolute;
	left:400px;	bottom:10px;
	font:10px/1.25 Tahoma, Arial, sans-serif;
	text-transform:uppercase;
	z-index:75;
	background:#fff;
}

#hero p.learn_more a {
	color:#666;
	text-decoration:none;
	display:block;
	padding:5px 28px 5px 10px;
	position:relative;
	z-index:500;
	background:transparent url('/cssimages/home/p_arrows.png') no-repeat 100% 0;
	font-weight:normal;
}

#hero p.learn_more a.thumb_2 {background-position:100% -46px;}
#hero p.learn_more a.thumb_3 {background-position:0 -92px;}
#hero p.learn_more a.thumb_4 {background-position:0 -138px;}

#hero p.learn_more a:hover {color:white;background-position:0 -23px;}
#hero p.learn_more a:hover.thumb_2 {color:white;background-position:100% -69px;}
#hero p.learn_more a:hover.thumb_3 {color:white;background-position:0 -115px;}
#hero p.learn_more a:hover.thumb_4 {color:white;background-position:0 -161px;}

#hero .unit {
	width:918px;
	height:238px;
	background:#fff;
	border:1px solid #aaa;
	position:absolute;
	top:0;
	left:0;
}

#hero img.main {
	position:absolute;
	right:0;
	top:0;
}

#hero #thumbnails {
	position:absolute;
	left:10px;
	top:155px;
	float:left;
}
#hero #thumbnails li {
	float:left;
	margin:0 4px 0 0;
	width:82px;
}
#hero #thumbnails a {
	display:block;
	width:84px;
	outline:none;
	font-size:10px;
	text-align:center;
	font-family:Tahoma, arial, sans-serif;
	color:#999;
	font-weight:normal;
}
#hero #thumbnails a:hover {
	text-decoration:none;
}
#hero #thumbnails img {
	display:block;
	width:76px;
	height:54px;
	border:3px solid #fff;
}

#hero #thumbnails li.active a, #hero #thumbnails li a:hover {text-decoration:none;}

#hero #thumbnails li.active a,#hero #thumbnails li a:hover  {color:#8fcae7;}
#hero #thumbnails li.active img,#hero #thumbnails li a:hover img {border-color:#8fcae7;}
#hero #thumbnails li.active a.thumb_2, #hero #thumbnails li a:hover.thumb_2 {color:#38939b;}
#hero #thumbnails li.active .thumb_2 img, #hero #thumbnails li a:hover.thumb_2 img {border-color:#38939b;}
#hero #thumbnails li.active a.thumb_3, #hero #thumbnails li a:hover.thumb_3  {color:#f0ab00;}
#hero #thumbnails li.active .thumb_3 img, #hero #thumbnails li a:hover.thumb_3 img {border-color:#f0ab00;}
#hero #thumbnails li.active a.thumb_4, #hero #thumbnails li a:hover.thumb_4  {color:#aea400;}
#hero #thumbnails li.active .thumb_4 img, #hero #thumbnails li a:hover.thumb_4 img {border-color:#aea400;}

#hero #thumbnails .active a:hover img {
	background-color: #fff;
	cursor:default;
}