/*
	>> filename		>> hr_global.css
	>> date			>> 3rd March 2009
	
	>> notes
	
	11/03/09		tweaked breadcrumb classes
	07/06/09		shippersbox links added - MM
*/


/*

	>> RESETS
	
*/
* { margin: 0px; padding: 0px; }
img { border: 0px; }
.clear { clear: left; }
hr.divider { display: none; }
fieldset { border: 0px; }
legend, hr { display: none; }
.padding_22px { padding: 22px; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
.none { display: none; }

body { background: #477f94; text-align: center; font-family: Arial, Helvetica, sans-serif; }
h1, h2 { color: #000033; text-align: left; }

/*

	>> PADDING
	
*/
.padding_12px { padding: 12px; }
.padding_content_outer { padding: 12px 12px 0px 25px; }

/*

	>> WRAPPERS
	
*/
#wrap-header { height: 120px; border-top: 10px solid #f3cf1d; background: url(../images/backgrounds/header_grad_bg.jpg) top repeat-x; }
#wrap-header .wrap-header-inner { width: 910px; height: 120px; background: url(../images/backgrounds/header_headclouds_bg2.jpg) top center repeat-x; margin: 0 auto; padding: 0px 25px 0px 25px; }
#wrap-content { background: url(../images/backgrounds/content_bg.jpg) #2c6c85 top repeat-x; }
#wrap-content .wrap-content-inner { width: 910px; margin: 0 auto; padding: 0px 25px 0px 25px; }

/*

	>> HEADER
	
*/
.header .logo { width: 151px; height: 102px; position: relative; float: left; }
.header .logo .bg { width: 151px; height: 102px; /*background: url(../images/header/header_hr_logo.png) top no-repeat;*/ position: absolute; top: 8px; left: 0px; }
.header .logo .link a { width: 151px; height: 102px; display: block; position: absolute; top: 8px; left: 0px; z-index: 1; }
.header .toplinks { width: 317px; float: right; margin-top: 32px; }
.header .toplinks ul { width: 317px; list-style: none; text-align: right; font-size: 75%; font-weight: bold; float: right; }
.header .toplinks ul li { display: inline; border-right: 1px solid #000033; }
.header .toplinks ul a { color: #000033; padding: 0px 10px 0px 10px; }
.header .toplinks ul a:hover { color: #000033; }
.header .toplinks ul .last { border-right: 0px; }
.header .toplinks ul .last a { padding-right: 0px; }
.header .toplinks label { display: none; }
.header .toplinks p { text-align: right; margin-top: 10px; float: right; }
.header .toplinks p .width { font-style: italic; width: 176px; height: 21px; border: 1px solid #666666; padding: 4px; margin: 3px 10px 0px 0px; background: url(../images/backgrounds/input_bg.jpg) repeat-x; float: left; }
.header .toplinks p .button { float: left; }

/*

	>> TOP NAV
	
*/
.topnav { width: 910px; height: 40px; background: url(../images/backgrounds/nav_telnumber.png) no-repeat; background-position: -1px 0px; float: left; position: relative; }
.topnav ul { font-size: 90%; list-style: none; text-align: right; float:right; line-height: 2.5em; }
.topnav ul li { float: left; }
.topnav ul li a { color: white; display: block; height: 40px; padding: 0px 15px 0px 15px; background: url(../images/dividers/nav_divider.gif) top left no-repeat; }
.topnav ul .last {  background: url(../images/dividers/nav_divider.gif) top right no-repeat; }
.topnav ul li a:hover { color: #000033; text-decoration: none; background: white; }
.topnav ul li a.active { color: #000033; text-decoration: none; background: white; }


.content { width: 910px; background: url(../images/backgrounds/content_inner_bg.jpg) top repeat-y; float: left; }
.content .content-inner { background: url(../images/backgrounds/content_corner_topleft.jpg) top left no-repeat; }
.content .col1 { width: 240px; float: left; }
.content .col1 ul { font-weight: bold; list-style: none; font-size: 90%; text-align: left; line-height: 2.2em; }
.content .col1 ul li a { color: #000033; display: block; height: 33px; border-bottom: 1px solid #d9d9d9; padding-left: 12px; text-decoration: none; background: none; }
.content .col1 ul li a:hover { color: white; background: #000033; }
.content .col1 ul .first a:hover { background: url(../images/backgrounds/nav_item_corner_topleft.jpg) #000033 top left no-repeat; }
.content .col1 ul .first a.selected { color: white; background: url(../images/backgrounds/nav_item_corner_topleft.jpg) #000033 top left no-repeat; border-bottom: 1px solid #d9d9d9; }
.content .col1 ul li a.selected { color: white; background: #000033 top left no-repeat; border-bottom: 1px solid #d9d9d9; }
.content .col1 ul ul { border-bottom: 1px solid #cccccc; }
.content .col1 ul li ul li { line-height: 2.5em; }
.content .col1 ul li ul li a.first:hover { background: url(../images/bullets/bullet_nav_li_alt.jpg) no-repeat left #ffffff; background-position: 10px 11px; }
.content .col1 ul li ul li a { font-weight: normal; background: url(../images/bullets/bullet_nav_li.jpg) no-repeat left #e8e8e8; background-position: 10px 11px; padding-left: 25px; }
.content .col1 ul li ul li a.selected { background: url(../images/bullets/bullet_nav_li_alt.jpg) no-repeat left #ffffff; background-position: 10px 11px; color: #000033; }
.content .col1 ul li ul li a:hover { color: #000033; background: url(../images/bullets/bullet_nav_li_alt.jpg) no-repeat left #ffffff; background-position: 10px 11px; }

.content .col1 ul li ul li.first a:hover { background: url(../images/bullets/bullet_nav_li_alt.jpg) no-repeat left #ffffff; background-position: 10px 11px; color: #000033; }
.content .col1 ul li ul li.first a.selected { background: url(../images/bullets/bullet_nav_li_alt.jpg) no-repeat left #ffffff; background-position: 10px 11px; color: #000033; }





.content .col1 .quote-container { width: 215px; background: url(../images/backgrounds/quote_h_bg.jpg) repeat-y; float: left; }
.content .col1 .quote-container .top { width: 215px; height: 7px; float: left; background: url(../images/backgrounds/quote_h_top.jpg) top no-repeat; }
.content .col1 .quote-container p.quote { color: #333333; line-height: 1.6em; font-size: 70%; font-style: italic; width: 195px; padding: 8px 10px 0px 10px; background: url(../images/backgrounds/quote_mark_topleft.jpg) top left no-repeat; background-position: 10px 0px; }
.content .col1 .quote-container .bottom { width: 215px; float: left; background: url(../images/backgrounds/quote_h_bottom.jpg) #ffffff top no-repeat; }
.content .col1 .quote-container .wrap { background: url(../images/backgrounds/quote_mark_bottomright.jpg) no-repeat bottom right; background-position: 95% 100%; float: left; }
.content .col1 .quote-container .bottom p { font-size: 70%; padding-top: 20px; }

.content .col2 { width: 670px; float: left; }
.content .col2 .slider { width: 633px; height: 250px; background: #182f62; margin-bottom: 27px;  }
.content .col2 .intro { width: 303px; text-align: left; float: left; }




.content .col2 .intro h1  { font-size: 110%; margin-bottom: 15px; }
.content .col2 .intro h2  { font-size: 95%; margin-bottom: 15px; }
.content .col2 .intro p { margin-bottom: 15px; color: #000000; font-size: 75%; line-height: 1.6em; text-align: left; }
.content .col2 .intro ul { font-size: 70%; line-height: 1.6em; list-style: none; margin-bottom: 15px; }
.content .col2 .intro ul li { background: url(../images/bullets/bullet_news_li.gif) no-repeat left; padding-left: 18px; line-height: 1.6em; background-position: 0px 2px; }
.content .col2 .intro ul li a { color: black; }
.content .col2 .intro p a { color: #cc6600; }

.content .col2 .summary { float: right; width: 305px; }
.content .col2 .summary .box { width: 305px; margin-bottom: 18px; float: right; }
.content .col2 .summary .box .top { width: 305px; height: 6px; background: url(../images/backgrounds/hp_box_top.jpg) no-repeat; float: left; line-height: 0em; }
.content .col2 .summary .box .middle { width: 305px; background: url(../images/backgrounds/hp_box_middle.jpg) repeat-y; text-align: left; float: left; position: relative; padding: 3px 0px 3px 0px; }
.content .col2 .summary .box .bottom { width: 305px; height: 6px; background: url(../images/backgrounds/hp_box_bottom.jpg) top; float: left; }

/* BOX VARIATIONS */
.content .col2 .summary .box .middle h3, .content .col2 .summary .box .middle p { float: left; width: 175px; padding-left: 12px; }
.content .col2 .summary .box img { position: absolute; top: 6px; right: 12px; float: right; padding: 5px; border: 1px solid #cccccc; }
.content .col2 .summary .box .middle h3 { font-size: 95%; color: #000033; margin-bottom: 8px; }
.content .col2 .summary .box .middle p { font-size: 70%; line-height: 1.6em; }
.content .col2 .summary .box .middle p a { color: #cc6600; }
.content .col2 .summary .box .middle ul { width: 300px; font-size: 70%; list-style: none; float: left; }
.content .col2 .summary .box .middle ul li a { color: #000000; }
.content .col2 .summary .box .middle li { background: url(../images/bullets/bullet_tri_li.jpg) no-repeat left; padding-left: 24px; background-position: 12px 5px; line-height: 1.7em; }

.content .col2 .summary .shippersbox { width: 293px; height: 68px; background: url(../images/backgrounds/box_shippersbg.jpg) no-repeat; padding: 9px 0px 0px 12px; text-align: left; float: right; margin-bottom: 6px; }
.content .col2 .summary .shippersbox h3 { width: 293px; font-size: 95%; color: #000033; float: left; }
.content .col2 .summary .shippersbox h3 a { color: #000033; }
.content .col2 .summary .shippersbox p { font-size: 70%; color: #000000; float: left; }
.content .col2 .summary .shippersbox p a { color: #000000; }
.content .col2 .summary .shippersbox h3 a, .content .col2 .summary .shippersbox p a { text-decoration: none; }
.content .col2 .summary .shippersbox h3 a:hover, .content .col2 .summary .shippersbox p a:hover { text-decoration: underline; }

.content-bottom { width: 910px; height: 6px; background: url(../images/backgrounds/content_bottom_bg.jpg) no-repeat; float: left; margin: 0 auto; }

.bannerhead { font-size: 85%; text-align: left; color: white; padding-left: 15px; padding-top: 10px; width: 300px; color: #cccccc; font-weight: normal; line-height: 1.4em; }
.bannerhead .xlink { text-align: left; color: white; padding-left: 15px; padding-top: 10px; width: 300px; color: #cccccc; font-weight: normal; line-height: 1.4em; }
.banner { width: 633px; height: 195px; position: relative; float: left; }
.bannerhead .xlink:hover { text-decoration: none; }

.banner a { position: absolute; top: 0px; left: 0px; float: left; z-index: 1; width: 633px; height: 195px; }

/* SCROLLER */
div#slider { width: 633px; height: 249px; position: relative; float: left; margin-bottom: 18px; }
div#slider div.viewport-wrap { position: relative; overflow: hidden; width: 633px; height:195px; }
div#slider div.viewport-wrap div.viewport { width:20000em; position: absolute; top:0px; left:0px; }
div#slider div.viewport-wrap div.viewport div { float:left; width: 633px; height: 195px; }
a.prev { display: block; width: 16px; height: 208px; cursor: pointer; position: absolute; top: 0px; left: 0px; z-index: 20; background: url(../images/buttons/but_arrow_left.png) no-repeat center; }
a.next { display: block; width: 16px; height: 208px; cursor: pointer; position: absolute; top: 0px; right: 0px; z-index: 20; background: url(../images/buttons/but_arrow_right.png) no-repeat center; }
a.disabled { visibility:hidden !important; }
div.navi { background: url(../images/banners/banner_nav.jpg) no-repeat; width: 633px; height: 53px; float: left; }
div.navi a { width: 106px; height: 53px; float: left; display: block; z-index: 1; cursor:pointer; }
div.navi a.active { background-position:0 -16px; } 
div.learnmore { position: absolute; bottom: 0px; right: 0px; width: 305px; height: 53px; float: left; }
div.learnmore a { display: block; width: 305px; height: 53px; float: left; }
div.learnmore a span { display: none; }

/*

	>> LEVEL 2 & 3
	
*/
#level2 .intro, #level3 .intro { width: 633px; float: left; }
#level2 .masthead h1, #level2 .masthead p, #level3 .masthead h1, #level3 .masthead p, #listhome .masthead h1, #listhome .masthead p { padding-left: 12px; color: white; width: 280px; }
#level2 .masthead h1, #level3 .masthead h1, #listhome .masthead h1 { padding: 12px 0px 0px 12px; }
#level2 .intro .page-intro, #level3 .intro .page-intro, #listhome .intro .page-intro { width: 633px; margin-top: 16px; margin-bottom: 15px; }
#level2 .summary { width: 633px; background: url(../images/backgrounds/level2_sum_bg.jpg) repeat-y; border-top: 1px solid #e4e4e4; float: left; margin-top: 10px; overflow:hidden; }
#level2 .summary .wrapper { width: 657px; }
#level2 .summary .item.index0 { clear:both; }
#level2 .summary .item.index3 { clear:both; }
#level2 .summary .item.index6 { clear:both; }
#level2 .summary .item { width: 194px; text-align: left; float: left; margin-right: 25px; }
#level2 .summary .last { margin-right: 0px; }
#level2 .summary .item h2 { font-size: 110%; margin-top: 14px; margin-bottom: 10px; }
#level2 .summary .item p { font-size: 70%; line-height: 1.6em; margin-top: 7px; }
#level2 .summary .item p.description { }
#level2 .summary .item p a { color: #cc6600; }
#level2 .breadcrumb, #level3 .breadcrumb, #listhome .breadcrumb { font-size: 70%; width: 633px; float: left; margin-top: 30px; margin-bottom: 30px; text-align: left; }
#level2 .breadcrumb .top, #level3 .breadcrumb .top, #listhome .breadcrumb .top { width: 633px; height: 5px; background: url(../images/backgrounds/bread_top_bg.jpg) top no-repeat; float: left; }
#level2 .breadcrumb .middle, #level3 .breadcrumb .middle, #listhome .breadcrumb .middle { width: 633px; background: url(../images/backgrounds/bread_middle_bg.jpg) repeat-y; float: left; }
#level2 .breadcrumb .bottom, #level3 .breadcrumb .bottom, #listhome .breadcrumb .bottom { width: 633px; height: 5px; background: url(../images/backgrounds/bread_bottom_bg.jpg) bottom no-repeat; float: left; }
#level2 .breadcrumb p, #level3 .breadcrumb p, #listhome .breadcrumb p { padding: 5px 0px 5px 12px;}
#level2 .breadcrumb a, #level3 .breadcrumb a, #listhome .breadcrumb a { color: #333333; padding: 0px 20px 0px 15px; background: url(../images/bullets/bullet_bread_tri.jpg) right no-repeat; }
#level2 .breadcrumb a.lastCrumb, #level3 .breadcrumb a.lastCrumb, #listhome .breadcrumb a.lastCrumb { background: none; }

span.B_lastCrumb a { background: none; padding-right: 0px; }

#level2 .breadcrumb span, #level3 .breadcrumb span, #listhome .breadcrumb span { }
#level3 .col-a p { font-size: 75%; }
#level3 .col-a, #listhome .col-a { width: 413px; float: left; }
#level3 .col-b, #listhome .col-b { width: 195px; float: right; }
#level3 .col-b .side-banner, #level3 .col-b .box, #listhome .col-b .side-banner, #listhome .col-b .box { width: 195px; margin-bottom: 15px; float: left; }
#level3 .col-b .side-banner a, #listhome .col-b .side-banner a { cursor: pointer; }
#level3 .col-b .box .top, #listhome .col-b .box .top { width: 195px; height: 7px; background: url(../images/backgrounds/level2_sumbox_top.jpg) top no-repeat; float: left; }
#level3 .col-b .box .bottom, #listhome .col-b .box .bottom { width: 195px; height: 7px; background: url(../images/backgrounds/level2_sumbox_bottom.jpg) top no-repeat; float: left; }
#level3 .col-b .box .middle, #listhome .col-b .box .middle { width: 195px; background: url(../images/backgrounds/level2_sumbox_middle.jpg) repeat-y; float: left; }
#level3 .col-b .box .middle ul, #listhome .col-b .box .middle ul { width: 195px; font-size: 70%; list-style: none; text-align: left; float: left; }
#level3 .col-b .box .middle ul li a, #listhome .col-b .box .middle ul li a { color: #000000; }
#level3 .col-b .box .middle li, #listhome .col-b .box .middle li { background: url(../images/bullets/bullet_tri_li.jpg) no-repeat left; padding-left: 24px; padding-right: 4px; background-position: 12px 5px; line-height: 1.7em; }
#level3 .col-b .box .middle h3, #listhome .col-b .box .middle h3 { font-size: 95%; color: #000033; margin-bottom: 8px; text-align: left; padding-left: 12px; }
#level3 .masthead { margin-bottom: 20px; }
#listhome .masthead { margin-bottom: 20px; }

#listhome .col-a .item { width: 413px; float: left; padding: 0px 0px 20px 0px; margin-bottom: 20px; border-bottom: 1px solid #cccccc; text-align: left; float: left; }
#listhome .col-a .item h2 { font-size: 95%; color: #000033; margin-bottom: 8px; text-align: left; }
#listhome .col-a .item p { font-size: 75%; line-height: 1.6em; }
#listhome .col-a .item .cta a { color: #cc6600; }
#listhome .col-a .item img { float: right; margin-left: 8px; }
.col-a .posted { color: #034f6c; font-weight: bold; margin-bottom: 15px; }

/*

	>> WYSIWYG
	 
*/

#wysiwyg { text-align: left; }
#wysiwyg h1, #wysiwyg h2, #wysiwyg h3, #wysiwyg h4 { color: #000033; }
#wysiwyg h2 { font-size: 95%; margin-bottom: 15px; }
#wysiwyg p { font-size: 80%; line-height: 1.6em; margin-bottom: 15px; }
#wysiwyg ul { font-size: 80%; list-style: none; margin-bottom: 15px; padding: 15px 0px 15px 0px; width: 413px; border-top: 1px solid #cccccc; /*border-bottom: 1px solid #cccccc;*/ }
#wysiwyg ol { font-size: 80%; margin-bottom: 15px; padding: 15px 0px 25px 15px; width: 413px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; float: left; }
#wysiwyg ol li { line-height: 1.7em; background: none; padding-left: 10px; }
#wysiwyg li { background: url(../images/bullets/bullet_tri_li.jpg) no-repeat left; padding-left: 20px; background-position: 0px 5px; line-height: 1.7em; }
#wysiwyg a { color: #cc6600; }
#wysiwyg img { float: right; padding: 6px; border: 1px solid #cccccc; max-width: 413px; overflow: hidden; margin: 0px 0px 15px 15px; }
/*
#wysiwyg div { font-size: 80%; line-height: 1.6em; padding: 6px; border: 1px solid #cccccc; background: #f2f1f1; margin-bottom: 15px; }
#wysiwyg div a { color: #cc6600; }
*/

#wysiwyg .newssum { font-size: 70%; }
#wysiwyg .newssum li { background: url(../images/bullets/bullet_news_li.gif) no-repeat left; padding-left: 18px; line-height: 1.6em; margin-bottom: 5px; }
#wysiwyg .alt { border-top: 0px; }
#wysiwyg .news-tit { font-size: 80%; padding-top: 15px; border-top: 1px solid #cccccc; }

/* sitemap */
#wysiwyg ul ul { border: 0px; padding: 0px; margin: 8px 0px 8px 0px; }

/*

	>> FORM
	 
*/

#form { width: 413px; float: left; text-align: left; }
#form legend { width: 413px; display:  inline; background: #cee2ea; float: left; padding: 5px; border-bottom: 1px solid #cccccc; }
#form h3 { width: 393px; font-size: 90%; background: #cee2ea; padding: 5px 10px 5px 10px; margin-bottom: 15px; text-align: left; }
#form dl { width: 413px; float: left; font-size: 80%; }
#form dt { float: left; width: 140px; line-height: 1.9em; margin-bottom: 15px; padding-left: 10px; }
#form dd { float: left; width: 263px; margin: 0px 0px 15px 0px; }
#form .width { width: 260px; float: left; background: #f2f2f2; border: 1px solid #b7b7b7; height: 25px; }
#form .width-alt { width: 130px; float: left; background: #f2f2f2; border: 1px solid #b7b7b7; height: 25px; }
#form .cta { width: 413px; text-align: right; padding-top: 15px; border-top: 1px solid #cccccc; float: left; }
#form p a { font-style: normal; margin: 0px 0px 25px 0px; float: left; font-size: 80%; color: #cc6600; padding-left: 10px; }

#form .questions  { width: 413px; float: left; font-size: 80%; border-top: 1px solid #cccccc; padding-top: 15px; }
#form .questions dt { float: left; width: 300px; line-height: 1.9em; margin-bottom: 15px; padding-left: 10px; }
#form .questions dd { text-align: right; float: left; width: 103px; line-height: 1.9em; margin: 0px 0px 15px 0px; line-height: 1.9em }
#form .questions dd span { margin-right: 10px; }


#listhome #step { margin: 0px; padding: 0px; }
#listhome #step li { border-top: 1px solid #cccccc; background-position: 0px 12px; margin-left: 12px; margin-right: 12px; line-height: 1.4em; padding: 8px 0px 8px 15px; }
#listhome #step li.current { background: url(../images/backgrounds/step_current_bg.jpg) top right repeat-y; }


#wysiwyg div#ajaxSearch_resultListContainer div, # wysiwyg div#ajaxSearch_resultListContainer { background: #ffffff; border: 0px; padding: 0px; margin: 0px; float: left; }
.ajaxSearch_result { background: none; border: 0px; text-align: left; font-size: 80%; line-height: 1.6em; padding-bottom: 15px; padding-top: 15px; border-bottom: 1px solid #cccccc; }
.ajaxSearch_result a { color: #cc6600; }
.ajaxSearch_resultsInfo { padding: 6px; border: 1px solid #cccccc; background: #f2f1f1; font-size: 80%; }
.ajaxSearch_highlight { font-weight: bold; }

.ajaxSearch_resultsIntroFailure h2 { text-align: left; font-size: 90%; }
.ajaxSearch_resultsIntroFailure p { text-align: left; font-size: 80%; }


/*

	>> FOOTER
	 
*/
.footer { background: yellow; }
.footer .col1 { width: 240px; float: left; }
.footer .col2 { width: 670px; float: left; margin-bottom: 20px; }
.footer .col2 .line1 { background: url(../images/backgrounds/footer_bottom_bg.gif) #005c7e bottom no-repeat; }
.footer .col2 .line1 ul, .footer .col2 .line2 ul { list-style: none; text-align: left; color: #cccccc; font-size: 70%; padding: 12px 0px 10px 25px; }
.footer .col2 .line1 ul a, .footer .col2 .line2 ul a { color: #999999; }
.footer .col2 .line1 ul li { display: inline; margin-right: 15px; padding-right: 15px; border-right: 1px solid #146988; }
.footer .col2 .line2 ul li { display: inline; margin-right: 15px; padding-right: 15px; border-right: 1px solid #005c7e; }
.footer .col2 .line1 ul li.last, .footer .col2 .line2 ul li.last { margin-right: 0px; padding-right: 0px; border-right: 0px; }
.footer .col2 .line2 .credit { text-align: left; font-size: 70%; }
.footer .col2 .line2 .copyright { float: left; padding-left: 25px; font-size: 70%; color: #999999; margin-top: 5px; }

.footer .col1 p { color: #999999; font-size: 70%; text-align: left; margin-top: 12px; }
.footer .col1 p a { color: #999999; text-align: left; margin-top: 12px; }
.footer .col1 p a:hover { }