/* HII Master Stylesheet 
Created in 2012
Do not edit this document without express permission from site owners.
*/




/******* GENERAL STYLING ********/

body {
	background: url(img/bg.jpg) repeat-x center top #e1e8ee;
	margin:3px 0 0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color:#454545; }

#wrap {
	width: 1024px;
	margin: 0px auto 0px;
	text-align: left;
	overflow:visible; }
	
.whitebg {background-color:#FFFFFF;}

p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color:#454545; margin-bottom:10px; }

#easy_read p, .easy_read { font-size: 14px; line-height:20px; margin-bottom:16px; }

#big_read p, .big_read { font-size: 15px; line-height:22px; margin-bottom:20px; }

a { text-decoration: none; color: #0a5bab;}
a:hover { text-decoration: underline; }

a div:hover {cursor:pointer;}

h1, h2, h3, h4, subtitle {
  color: #0a4885;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:normal;
  margin-top: 0 !important; }

h1 { font-size: 24px; padding-top: 2px; font-family: Arial, Helvetica, sans-serif; }
h2 { font-size: 18px;
	 margin-bottom: 20px; }
h3 { font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px; }
h4 {
  font-size: 14px;
  font-weight:bold;
  margin-bottom: 10px; }
h5 { font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	font-weight: normal; 
	text-transform:uppercase; 
	line-height: 28px; 
	color:#454545; }
.subtitle { padding-bottom: 20px; line-height: 0px; margin-top: 0; display:block; }

a img {	border:none !important; }

.one-half {width:457px; margin-right:30px; display:block; float:left}
.one-half.last {width:457px; margin-right:0px;}

.one-third { width:294px; margin-right:30px; display:block; float:left; }
.one-third.last { width:294px; margin-right: 0px;}
.two-thirds {width:588px; margin-right:30px;}
.two-thirds.last {width:588px; margin-right:0px;}
.sidebar_right { width:294px; margin-right:0px; float:right; }

.one-third.square { min-height:180px; }

.left {float:left;}
.right {float:right;}

.left.bleed { margin-left:-40px;}

.one-fourth { width: 212px; margin-right:30px; display:block; float:left; }
.one-fourth.last { width: 212px; margin-right:0px; display:block; float:left; }


.divider { width:auto; padding:10px 0 0; margin-bottom: 30px; border-bottom: 1px solid #EEEEEE;}

.divider.shadow {
	width:auto; padding:20px 0 20px; margin-bottom:0;
	background:url(img/shadow_title.jpg) no-repeat -40px center;
	border-bottom: none; overflow:visible;
}

.clearfix {clear:both;}


.faq .divider { width:auto; padding:0px 0 0; margin-bottom: 15px; border-bottom: 1px solid #EEE;}

/******* END GENERAL STYLING ********/






/********* HEADER STYLING***********/

#header {
	height: 100px;
	background-color:#FFFFFF;
	position:relative;
	padding:0 40px;
	z-index:100;}

#logo {
	margin: 16px 0 0px 0px;
	float:left;
	overflow:visible;}

#logo:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	opacity: .9;
	cursor:pointer;}

#logo a img {border:none;}

#header_right { float:right; margin:28px 0 0 0; z-index:51; position:relative;}

.stock_area { width:300px; height:20px; margin-top:10px; float:right; clear:right;}

#slider_large { 
	background: url(img/slider_TEMP.jpg) no-repeat center top #999;
	height:500px;
	overflow:visible;
	margin-bottom:0px !important;
	margin-top:-40px;
	z-index:1; position:relative;}

#landingpage_topimg {margin-bottom: 0px !important; height:340px;}

#landingpage_topimg img {
	background: none #444444;
	overflow:visible;
	margin:-40px auto 0 !important;
	z-index:1; position:relative;
	}

#page_title { 
	background: url(img/shadow_title.jpg) no-repeat left bottom #FFFFFF;
	height:auto;
	overflow:visible;
	padding:80px 40px 40px;
	margin-bottom:0px !important;
	margin-top:-45px;
	z-index:1; position:relative;}
	
#page_title.product { 
	background: url(img/shadow_title.jpg) no-repeat left bottom #FFFFFF;
	overflow:visible;
	height:auto;
	padding:40px 40px 40px;
	margin-bottom:0px !important;
	margin-top:0px;
	z-index:1; position:relative;}

#page_title h1 { padding-bottom:10px; }
#page_title p { padding:0px 0 0; font-size:14px; margin-bottom:5px;  }

#page_title a.button { border:1px solid #EEE; padding:11px 15px; font-size:13px;}
#page_title a.button:hover { border:1px solid #CCC;}


/******** END HEADER STYLING **********/






/********** BEGIN CONTENT *************/

#content { background-color:#FFF; padding: 40px 40px 40px; height:auto;  }

#content.page { padding: 10px 40px 40px !important; background-color:#FFF; height:auto;}

#content a { color:#0a5bab;}

#content.page.dark { padding: 20px 40px 40px !important; background-color:#10161a; height:auto;}

#content.page.dark h3, #content.page.dark h1 { color:#FFF; margin-bottom:.5em;}

#content.page.dark p { color:#a3b3c2;}

#content.page.dark p a { color:#4d98e2;}

/***** LIST STYLING  *****/

#content ul { list-style-type:none; padding-left:0px; margin:0 0 10px 20px;}
#content ul li { margin-bottom:5px; background: url(img/bullet_square.gif) no-repeat left top; padding-left:25px;}
#content ul li ul {padding-left:10px; margin-top: 10px;}
#content ul li ul li { margin-bottom:5px; background: url(img/bullet-right_arrow.png) no-repeat left 5px ; padding-left:15px;}
#content ul li ul li ul {padding-left:10px; margin-top: 10px;}
#content ul li ul li ul li { margin-bottom:5px; background: url(img/bullet-right_circle.png) no-repeat left 5px; padding-left:15px;}


#content.page.dark ul { list-style-type:none; color:#a3b3c2; padding-left:0px; margin:0 0 10px 0px; font-size:14px;}
#content.page.dark ul li { margin-bottom:15px; padding-left:25px;}


#content ol { list-style:decimal outside; padding-left:30px; margin-top: 0px; margin-bottom:10px; margin-left: 15px;}
#content ol li { margin-bottom:5px; }
#content ol li ol { list-style:lower-alpha; padding-left:30px; margin-top: 10px;}
#content ol li ol li ol { list-style:lower-roman; padding-left:30px; margin-top: 10px;}

/***** END LIST STYLING  *****/

#content img.left { float:left; margin-right:20px; }
#content img.right { float:right; margin-left:20px; }

#content .img_withcaption_left { float:left; margin: 5px 20px 12px 0; height:auto; }
#content .img_withcaption_left p { border-bottom: 1px solid #AAA; color: #777;background-color: #FFF; font-size:10px; line-height:13px; padding:2px 0px 12px; }

#img_withcaption_right { float:right; margin: 5px 0px 12px 20px; height:auto; }
#img_withcaption_right p { border-bottom: 1px solid #AAA; color: #777;background-color: #FFF; font-size:10px; line-height:13px; padding:2px 0px 12px; }


#video {
	height:300px;
	padding:0px 0px 30px;
	margin-top:0px;
	margin-bottom:0 !important;}

.videoplayer {
	width:570px;
	/*background:url(img/video_player.jpg) no-repeat center center transparent;*/
	height:350px;
	float:left;
	margin-top: 30px;}

.section {
	margin:10px 0 30px;}
	
.rounded { -moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; /* future proofing */
-khtml-border-radius: 3px; /* for old Konqueror browsers */
}
	
#content a.button {
	position:relative;
	margin-right:0px;
	padding:12px 45px 12px 15px;
	font-weight:bold;
	color:#FFFFFF !important;
	background:#004b8d url(img/action_arrow.png) no-repeat 95% center;
}

#content a.button:hover { background-color:#0159a7; text-decoration:none;}

#content a.button_benefits {
	position:relative;
	margin-right:0px;
	font-size:14px;
	text-align:center;
	width:292px;
	border:1px solid #2d495d;
	padding:16px 0 16px 0;
	font-weight:bold;
	color:#FFFFFF !important;
	background:#0a8de8 url(benefits/right-arrow.png) no-repeat 93% center;
}

#content a.button_benefits:hover { background-color:#0680d6; text-decoration:none;}

#content a.button_download {
	position:relative;
	margin-right:0px;
	padding:12px 45px 12px 15px;
	font-weight:bold;
	color:#FFFFFF !important;
	background:#0159a7 url(img/download_button_arrow.png) no-repeat 95% center;
}

#content a.button_download:hover { background-color:#004b8d; text-decoration:none;}

#content a.button2 {
	position:relative;
	margin-right:0px;
	padding:8px 15px 8px 15px;
	font-weight:bold;
	color:#FFFFFF !important;
	background-color:#004b8d;
}

#content a.button2:hover { background-color:#0159a7; text-decoration:none;}

a.archive {
	background-color:#f2f2f2; color: #777777 !important; padding:3px 5px; display: ; margin:0 2px 5px; line-height: 28px;}
	
a.archive:hover {
	background-color:#004b8d; color: #FFFFFF !important; text-decoration:none;}

.download { margin-top:2px; margin-right:10px; float:left;}

#slideshow {
	background-color: #FFF;
	padding:5px 40px 5px;
	margin-left:-40px;
	width: 944px;
	height:630px;
	overflow:visible;
	margin-top:20px;
	border-bottom:18px solid #FFF;}
	
.bleed_right { float:right; margin-right:-40px; margin-bottom: -50px; margin-left: 150px; margin-top:-50px; }

.sidebar_resource {margin-top:-5px; margin-bottom:25px;}
.sidebar_icon {float:left; margin-right:5px;}



#easy_read div.leader_bio { background: url(about/img/leadership_bio_bg.png) no-repeat left top #FFFFFF; height: 160px; padding-bottom:25px;}
#easy_read div.leader_bio .info {padding:10px}
#easy_read div.leader_bio img { float:left; margin-right: 15px;}
#easy_read div.leader_bio h4 { color:#222; margin-bottom:0px;}
#easy_read div.leader_bio p { font-size:12px; line-height: 16px; }
#easy_read div.leader_bio .intro { font-size:11px; line-height: 16px; }
#easy_read div.leader_bio a { text-decoration:underline; }


.notice { background-color: #e7edf3; border: 1px solid #a0bcd7; padding: 20px 20px 10px;}
.notice p {color:#039;}


.alert { background-color: #f4eae8; border: 1px solid #ddaa9b; padding: 20px 20px 10px;}

.alert h2 {color:#dd3100; margin-bottom:10px;}

.specialevent { background-color: #f3f6f8; padding: 40px 40px 10px; margin-bottom:30px; overflow:auto;}

.islandbutton {background:url(products/carriers/img/90-trans.png) repeat center center transparent; padding: 20px; margin-top:10px; width:190px; float:left;}

a div.islandbutton:hover {background:#111; cursor: pointer;}





#ad-grid {
	margin-bottom:20px;
}

#ad-grid_empty { height:222px; margin-bottom:20px; background-color:transparent; border:2px dashed #333; width:290px;}

#ad-grid img.gallery_preview {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;}

#ad-grid img.gallery_preview:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.8;
}

#ad-grid h4 {padding:1px 5px; margin-bottom:0 !important;}

.timeline { width:auto; font-size:11px; line-height:14px; color:#999;margin-top:0px; float:left; text-align:center; }

.timeline.current { color: #454545; font-weight:bold; }

/********** END CONTENT *************/




/********** SIDE NAV *************/

#side_nav ul { background-color:#FFF; margin-top: 0px !important;margin-bottom: 20px; margin-left:0; padding-left:0; padding-bottom: 0; list-style:none; border-top: 1px solid #eef1f4; background:#FFF url(img/side_nav_shadow.png) repeat-y left top !important;}

#side_nav ul li { border-bottom: 1px solid #eef1f4; list-style:none; margin-bottom:0 !important; background:none; padding-left:0;}

#side_nav ul li a { padding: 8px 15px; background-color:transparent; display: block; font-size:13px; font-weight:bold; }
#side_nav ul li a:hover { background:#eef1f4 url(img/side_nav_shadow.png) repeat-y left top; text-decoration: none;}
#side_nav ul li a.current { background:#f5f5f5 url(img/side_nav_current.png) repeat-y 0px 0px; }

#side_nav ul li ul{ background-color:#FFF; margin-bottom: 0 !important; padding-bottom:0 !important; list-style:none;  background:#FFF url(img/side_nav_shadow.png) repeat-y left top; padding-left:0;}
#side_nav ul li ul li {background:none; padding-left:0; }
#side_nav ul li ul li a { padding: 4px 15px 4px 30px; background:#FFF url(img/side_nav_shadow.png) repeat-y left top; display: block; font-size:12px; font-weight:normal; }
#side_nav ul li ul li a.current { padding: 4px 15px 4px 30px; background:#f5f5f5 url(img/side_nav_current.png) repeat-y -2px center; display: block; font-size:12px; }


/********** END SIDE NAV *************/




.highlight { margin:0px 0 20px;}
.highlight img.preview_img {float:left; margin:2px 10px 0 0; }

img.feature_img { float:left; margin:2px 0 0 0; }






/********** BEGIN FOOTER *************/

#footer {  width:1024px; margin: 5px 0 5px;}

.credits { padding:18px 20px 14px; width: 730px; height:28px; background:url(img/footer_hii_logo.jpg) no-repeat 20px center #FFFFFF; display:inline-block; float:left; }

.credits p { 
	font-size:12px !important;
	line-height:1.5em;
	display:block;
	color:#888;
	margin-left:35px;
	padding-top:5px;}

.socialbox {width:230px; height:30px; padding:17px 10px 13px 10px; background-color:#cad5df; vertical-align:middle; display:inline-block; float:right;}

.socialbox p {font-size:10px !important; 
	margin-top: 0px; 
	line-height:1.3em; 
	font-weight:bold;
	color:#455f77; }
.social_intro {width:80px; height: 30px; text-align:right; float:left; vertical-align:middle; margin-right:15px;}
.socialbox a {float:left; 
	margin-left: 5px; 
	margin-top: -6px;
	vertical-align:middle;
	height:36px;
	width:28px;}
.facebook {background:url('images/footer-facebook.png') 0 0;}
.facebook:hover {background:url('images/footer-facebook.png') 0 -40px;}
.twitter {background:url('images/footer-twitter.png') 0 0;}
.twitter:hover {background:url('images/footer-twitter.png') 0 -40px;}
.linkedin {background:url('images/footer-linkedin.png') 0 0;}
.linkedin:hover {background:url('images/footer-linkedin.png') 0 -40px;}
.youtube {background:url('images/footer-youtube.png') 0 0;}
.youtube:hover {background:url('images/footer-youtube.png') 0 -40px;}

/********** END FOOTER *************/


.hidden {
	display: none;
}
.unhidden {
	display: block;
}