/* RESET CSS
---------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0; }
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* BASE STYLES + CLASSES
---------------------------*/

body { background: url(../images/bg/quilt-bg.png) 0 0 repeat; font: normal 62.5%/1.5em Arial, Helvetica, sans-serif; color: #333; }

strong { font-weight: bold; }

.left { float: left; }
.right { float: right; }
.clr { clear: both; margin: 0; padding: 0; line-height: 0; font-size: 0; }

.rpl { text-indent: -9999px; }
.rpl a { display:block; }

/* Generic Small text class (Disclaimers and notices) */
.sml {font-style:italic; font-size:.9em; line-height:12px;}

.learn-more-btn { display: block; text-indent: -9999em; width: 94px; height: 24px; background: url(../images/bg/learn-more-btn.png) 0 0 no-repeat; }
.learn-more-btn:hover { background-position: 0 -24px; }


/* TYPOGRAPHY
---------------------------*/

/*NOTE: Smiley method used for @font-face embedding, see more here: http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/ */


@font-face {
	font-family: 'EauSansBook';
	src: url('../fonts/eausansbook-webfont.eot');
	src: local('☺'), url('../fonts/eausansbook-webfont.woff') format('woff'), url('../fonts/eausansbook-webfont.ttf') format('truetype'), url('../fonts/eausansbook-webfont.svg#webfonty8md7A39') format('svg');
	font-weight: normal;
	font-style: normal;
}

p { font-size: 1.2em; padding: 0 0 27px; }

h1 { font: bold 2em/1.2em EauSansBook, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #073a5a; padding: 0 0 20px; text-transform: uppercase; }
h2 { font: bold 1.7em/1.2em EauSansBook, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #073a5a; padding: 0 0 15px; text-transform: uppercase; }
h3 { font: bold 1em/1.2em Arial, Helvetica, sans-serif; padding: 0 0 0.7em; }
h4, h5, h6 { font: 1.2em/1.5em Arial, Helvetica, sans-serif; padding: 0 0 0.7em; }

a { color: #073a5a; text-decoration: underline; }
a:hover { text-decoration: none; }

.Normal { font-size: 1.2em; }
.Normal p { font-size: 1em; }
.Normal h2 { font-size: 1.4em; }
.hhapdetail-download-wrapper h2 { color: #837f7c; font: bold 1.2em Arial, Helvetica, sans-serif; text-transform: none; }

.hhapdetail-wrapper p { margin-bottom: 27px; padding: 0; }

.hhapdetail-wrapper ul { padding: 0 0 0 17px; margin: 10px 0;  }
	.hhapdetail-wrapper ul li { list-style-type: disc; line-height: 1.4em; }
		.hhapdetail-wrapper ul li ul li, ol li ul li { list-style-type: circle; }
		
.hhapdetail-wrapper ol { padding: 0 0 0 18px; margin: 10px 0; }
	.hhapdetail-wrapper ol li { list-style-type: decimal; }
		.hhapdetail-wrapper ol li ol li, ul li ol li { list-style-type: lower-roman; }

/* LAYOUT
---------------------------*/

html { background: url(../images/bg/black-quilt-bg.png) 0 -26px repeat; }

div#site-wrapper { min-width: 980px; overflow-x: hidden; position: relative; }

div#main-wrapper { background: url(../images/bg/content-bg.png) 0 0 repeat-y; margin: 0 auto; width: 960px; padding: 9px 14px 0; }

div#header { background: #e6ecec; }
	div.branding { width: 379px; height: 106px; padding: 0 0 0 24px; margin: 28px 0 18px; border-right: 1px solid #cedcdc; float: left; }
		div.branding img { padding: 0 0 11px; }
		div.branding span { color: #989898; font: 13px/13px EauSansBook, Verdana, Geneva, Arial, Helvetica, sans-serif; font-style: italic; padding: 0 0 0 0px; }
	div.sub-navigation { width: 532px; height: 97px; padding: 9px 0 0 23px; margin: 28px 0 18px; border-left: 1px solid #f0f3f3; float: right; }
		div.sub-navigation ul li { float: left; }
		div.sub-navigation ul li a { font-size: 12px; text-transform: uppercase; color: #545454; padding: 0 7px 0 5px; background: url(../images/bg/nav-divider-light.png) right center no-repeat; word-spacing: -1px; text-decoration: underline; }
		div.sub-navigation ul li a:hover { text-decoration: none; }
		div.sub-navigation ul li.first a { padding-left: 0; }
		div.sub-navigation ul li.last a { background: none; padding-right: 0; }
		div.sub-navigation ul.utilities { float: left; padding-top: 5px; }
		div.sub-navigation div.site-search { float: right; width: 159px; overflow: hidden; padding-right: 15px; }
			div.sub-navigation div.site-search input.input-text { width: 105px; height: 22px; padding: 2px 3px 0 7px; font-size: 11px; color: #666; line-height: 11px; float: left; }
			div.sub-navigation div.site-search input.search-submit { width: 38px; height: 24px; background: url(../images/bg/forms/button-go.png) 0 0 no-repeat; border: none; float: right; }
			div.sub-navigation div.site-search input.search-submit:hover { cursor: pointer; background-position: 0 -24px; }
		div.sub-navigation ul.sub-nav { clear: both; padding-top: 35px; }
	div.main-navigation { clear: both; padding: 6px 0; background: #161616; overflow: hidden; border-top: 4px solid #7e8181; border-bottom: 4px solid #7e8181; }
	div.main-navigation ul { text-align: center; }
		div.main-navigation li { height: 24px; display: inline; }
		div.main-navigation li a { font-size: 14px; text-transform: uppercase; color: #fff; padding: 4px 8px 0 2px; background: url(../images/bg/nav-divider-dark.png) right center no-repeat; word-spacing: -2px; display: inline-block; height: 19px; text-decoration: none; }
		div.main-navigation li a:hover { text-decoration: underline; }
		div.main-navigation li.first a { padding-left: 0; }
		div.main-navigation li.last a { background: none; padding-right: 0; }

div#content { padding: 0 16px 17px 17px; background: #e6ecec; width: 927px;}
	div#content > div.col1 { width: 651px; float: left; }
		div#content div.col1 div.content-pane { width: 651px; }
		div.callouts { padding: 3px 4px; overflow: hidden; }
			div.callouts h3 { font: bold 1.4em/1em EauSansBook, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #073a5a; padding: 0 0 15px; text-transform: uppercase; }
			div.callouts div.col1 { width: 288px; float: left; }
			div.callouts div.col1 p { width: 128px; padding: 0 0 10px; }
			div.callouts div.col2 { width: 288px; float: right; }
			div.content-left-col1 { width: 306px; float: left; }
			div.content-left-col2 { width: 306px; float: right; }
			div.top-wide { width: 926px; }
			div.bottom-wide { width: 926px; clear:both; }
	div#content > div.col2 { width: 247px; float: right; }
		div#content > div.col2 > div { overflow: hidden; }
			div.economic-search-widget input.input-text { width: 211px; height: 24px; padding: 0 0 0 11px; color: #666; }
			div.economic-search-widget select { width: 222px; height: 24px; padding: 3px 3px 3px 8px; margin: 10px 0 0; color: #666; }
			div.economic-search-widget input.ecoSearchSubmit { border: none; background: url(../images/bg/forms/button-search.png) 0 0 no-repeat; width: 71px; height: 24px; margin: 10px 0 0; }
			div.economic-search-widget input.ecoSearchSubmit:hover { cursor: pointer; background-position: 0 -24px; }
			div.newsletter-sign-up p { padding: 0 0 16px; }
			div.newsletter-sign-up input.input-text { width: 167px; height: 24px; padding: 0 0 0 11px; color: #666; float: left; }
			div.newsletter-sign-up input#newsletter-submit, input.newsletter-submit { width: 38px; height: 24px; background: url(../images/bg/forms/button-go.png) 0 0 no-repeat; border: none; float: right; }
			div.newsletter-sign-up input#newsletter-submit:hover, input.newsletter-submit:hover { cursor: pointer; background-position: 0 -24px; }
			div.newsletter-sign-up ul { padding: 11px 0 0; overflow: hidden; clear: both; }
			div.newsletter-sign-up ul li { float: left; padding: 0 5px 0 0; }
			div.newsletter-sign-up ul li.fb a { background: url(../images/bg/social-sprite.png) 0 0 no-repeat; height: 30px; width: 30px; }
			div.newsletter-sign-up ul li.twitter a { background: url(../images/bg/social-sprite.png) -30px 0 no-repeat; height: 30px; width: 29px; }
			div.newsletter-sign-up ul li.rss a { background: url(../images/bg/social-sprite.png) -59px 0 no-repeat; height: 30px; width: 29px; }
			div.newsletter-sign-up ul li.linkedin a { background: url(../images/bg/social-sprite.png) -88px 0 no-repeat; height: 30px; width: 29px; }
			div#content > div.col2 > div h4 a { color: #073a5a; text-transform: uppercase; }
div#footer-wrapper { background: url(../images/bg/black-quilt-bg.png) 0 0 repeat; width: 100%; }
	div#footer-wrapper div.footer-main-navigation { background: url(../images/bg/footer-border.png) 0 0 repeat-x; padding: 11px 0 0; margin: 0 0 37px; }
		div#footer-wrapper div.footer-main-navigation div { background: #161616; }
		div#footer-wrapper div.footer-main-navigation ul { padding: 6px 0; overflow: hidden; width: 962px; margin: 0 auto; text-align: center; }
			div#footer-wrapper div.footer-main-navigation ul li { display: inline; height: 24px; }
			div#footer-wrapper div.footer-main-navigation ul li a { font-size: 13px; text-transform: uppercase; color: #fff; padding: 5px 11px 0 6px; background: url(../images/bg/nav-divider-dark.png) right center no-repeat; word-spacing: -2px; display: inline-block; height: 19px; text-decoration: none; }
			div#footer-wrapper div.footer-main-navigation ul li a:hover { text-decoration: underline; }
			div#footer-wrapper div.footer-main-navigation ul li.first a { padding-left: 0; }
			div#footer-wrapper div.footer-main-navigation ul li.last a { background: none; padding-right: 0; }
		div#footer-wrapper div.footer-lower { width: 962px; margin: 0 auto; overflow: hidden; padding: 0 0 130px; }
			div#footer-wrapper div.footer-lower div.col1 { width: 542px; float: left; padding: 0 0 0 18px; }
				div#footer-wrapper div.footer-lower ul { overflow: hidden; width: 542px; }
				div#footer-wrapper div.footer-lower ul li { float: left; padding: 0 7px 0 5px; background: url(../images/bg/nav-divider-light.png) right center no-repeat; }
				div#footer-wrapper div.footer-lower ul.footer-subnav-upper, div#footer-wrapper div.footer-lower ul.footer-subnav-lower { font-size: 11px; }
				div#footer-wrapper div.footer-lower ul.footer-subnav-upper li, div#footer-wrapper div.footer-lower ul.footer-subnav-lower li { background: none; padding: 0}
				div#footer-wrapper div.footer-lower ul li a { color: #fff; padding: 0 7px 0 5px; background: url(../images/bg/nav-divider-light.png) right center no-repeat; word-spacing: -1px; text-decoration: underline; }
				div#footer-wrapper div.footer-lower ul li a:hover { text-decoration: none; }
				div#footer-wrapper div.footer-lower ul li.first a, div#footer-wrapper div.footer-lower ul li.first { padding-left: 0; }
				div#footer-wrapper div.footer-lower ul li.last a, div#footer-wrapper div.footer-lower ul li.last { background: none; padding-right: 0; }
				div#footer-wrapper div.footer-lower ul.footer-subnav-lower { margin: 0 0 23px; }
				div#footer-wrapper div.footer-lower { font-size: 1em; color: #fff; }
			div#footer-wrapper div.footer-lower div.col2 { width: 384px; float: right; }
				div#footer-wrapper div.footer-lower div.col2 img { float: left; margin: 0 35px 0 0; }
				div#footer-wrapper cite, div#footer-wrapper address, div#footer-wrapper ul { font-size: 0.8em; }
				
.sub_container h2 { background: url(../images/bg/sub-cat-header-bg.png) 0 bottom repeat-x; padding:  0 0 6px 0px; margin: 0 0 13px; }
.sub_container ul li { background: url(../images/bg/sub-cat-bullet.png) 0 center no-repeat; padding: 0 0 6px 15px; list-style-type: none; }

div#footer-wrapper div.footer-lower div.col2 .f-logo-1 img { margin: 9px 35px 0 0; }
div#footer-wrapper div.footer-lower div.col2 .f-logo-3 img { margin: 10px 0 0 108px; }

.footer-lower .verb_tag { padding: 20px 0 0; font-size: 11px; }
.footer-lower .verb_tag a { color: #fff; }
				
/* Site Map */

div.ModDerekTraugerSiteMapC a { display: inline-block; padding: 0 0 0 7px; font-size: 1.2em; }

/* Details Pages */
.hhapdetail-purchase-wrapper { margin-top: 23px; overflow: hidden; }
.hhapdetail-purchase-wrapper div { overflow: hidden; }
.hhapdetail-purchase-wrapper h2 { color: #837f7c; font: bold 1.2em Arial, Helvetica, sans-serif; text-transform: none; }
	.hhapdetail-purchase-wrapper a { text-indent: -9999px; display: block; background: url(../images/bg/buy-now.png) 0 0 no-repeat; width: 83px; height: 24px; float: left; padding: 0 12px 0 0; }
		.hhapdetail-purchase-wrapper a:hover { background-position: 0 -24px; }
	.hhapdetail-purchase-wrapper span { display: block; padding: 3px 0 0 10px; }
		
/* FORMS
---------------------------*/

input.input-text { background: url(../images/bg/forms/input-field-bg.png) 0 0 no-repeat; border: none; }

.continue-shopping-btn { width: 160px; height: 24px; background: url(../images/bg/forms/continue-shopping.png) 0 0 no-repeat; border: none; }
.continue-shopping-btn:hover { background-position: 0 -24px; }

.checkout-btn { width: 160px; height: 24px; background: url(../images/bg/forms/proceed-checkout.png) 0 0 no-repeat; border: none; }
.checkout-btn:hover { background-position: 0 -24px; }

.view-cart-btn { width: 83px; height: 24px; background: url(../images/bg/forms/view-cart.png) 0 0 no-repeat; border: none; }
.view-cart-btn:hover { background-position: 0 -24px; }

.hhapdetail-purchase-wrapper a.view-cart-btn { width: 83px; height: 24px; background: url(../images/bg/forms/view-cart.png) 0 0 no-repeat; border: none; }
.hhapdetail-purchase-wrapper a.view-cart-btn:hover { background-position: 0 -24px; }

.login-btn { width: 70px; height: 24px; background: url(../images/bg/forms/login.png) 0 0 no-repeat; border: none; }
.login-btn:hover { background-position: 0 -24px; }

.register-btn { width: 70px; height: 24px; background: url(../images/bg/forms/register.png) 0 0 no-repeat; border: none; }
.register-btn:hover { background-position: 0 -24px; }

		
/* CTAs
---------------------------*/

.cta-upcoming-events { display: block; text-indent: -9999em; width: 199px; height: 162px; background: url(../images/bg/cta-upcoming-events.png) 0 0 no-repeat; margin: 0 0 0 12px; }
.cta-upcoming-events:hover { background-position: 0 -162px; }

.cta-hhi-travel-blog { display: block; text-indent: -9999em; width: 142px; height: 164px; background: url(../images/bg/cta-travel-blog.png) 0 0 no-repeat; margin: 0 0 0 42px; }
.cta-hhi-travel-blog:hover { background-position: 0 -164px; }

.dev-slide-01 {background:url(/Portals/0/slides/slide1a.jpg) no-repeat; position:relative; height:355px; width:651px;}
.dev-slide-01 .link-one {position:absolute; left:163px; top:132px; height:45px; width:173px;}
.dev-slide-01 .link-two {position:absolute; left:353px; top:132px; height:45px; width:137px;}
.dev-slide-02 {background:url(/Portals/0/slides/slide2a.jpg) no-repeat; position:relative; height:355px; width:651px;}
.dev-slide-02 .link-one {position:absolute; left:163px; top:132px; height:45px; width:173px;}
.dev-slide-02 .link-two {position:absolute; left:353px; top:132px; height:45px; width:137px;}
.dev-slide-03 {background:url(/Portals/0/slides/slide3a.jpg) no-repeat; position:relative; height:355px; width:651px;}
.dev-slide-03 .link-one {position:absolute; left:292px; top:156px; height:24px; width:176px;}
.dev-slide-03 .link-two {position:absolute; left:476px; top:156px; height:24px; width:145px;}
.dev-slide-04 {background:url(/Portals/0/slides/slide4a.jpg) no-repeat; position:relative; height:355px; width:651px;}
.dev-slide-04 .link-one {position:absolute; left:288px; top:156px; height:24px; width:176px;}
.dev-slide-04 .link-two {position:absolute; left:472px; top:156px; height:24px; width:145px;}
.dev-slide-05 {background:url(/Portals/0/slides/slide5a.jpg) no-repeat; position:relative; height:355px; width:651px;}
.dev-slide-05 .link-one {position:absolute; left:163px; top:132px; height:45px; width:173px;}
.dev-slide-05 .link-two {position:absolute; left:353px; top:132px; height:45px; width:137px;}

.ui-tabs {background: #F1F4F4; border: #A0A0A0 1px solid; margin: 15px 0 5px 0; position: relative; text-transform: uppercase; font-size: .85em;}
  .ui-tabs-nav {margin:0; padding:0; position:relative; height:50px;}
    .ui-tabs-nav li {background:#e1e8e8; border-right:1px solid #a0a0a0; border-bottom:1px solid #a0a0a0; display:inline; float:left; text-align:center;}
	.ui-tabs-nav .ui-tabs-selected {background:#f1f4f4; border-bottom:none; height:49px;}
    .ui-tabs-nav .last {border-right:none;}
	.ui-tabs-nav .tab-1 {width:102px;}
	.ui-tabs-nav .tab-2 {width:202px;}
	.ui-tabs-nav .tab-3 {width:128px;}
	.ui-tabs-nav .tab-4 {width:214px;}
    .ui-tabs-nav a {color:#324d67; display:block; font:bold 1.2em/1.2em Verdana, Geneva, Arial, Helvetica, sans-serif; padding:10px 10px; text-decoration:none;}
  .ui-tabs-panel {padding:16px; width:617px;}
  .ui-tabs-panel h4 {color:#111; font-size:1.6em; font-weight:bold;}
  .ui-tabs-hide {display:none;}
  .info-source {color:#6f6c68; clear:both; padding:15px 0 0 0; font-size:.9em; text-align:right;}
  .hhi-stats {border-left:1px solid #b3b4b4; float:left; padding:0; width:300px;}
  .hhi-stats td {color:#324d67; font:bold 1.2em/1.2em Verdana, Geneva, Arial, Helvetica, sans-serif; padding:0 0 18px 14px; vertical-align:middle; width:161px;}
  .hhi-stats .lrg {font-size:2.4em; padding:0 14px 18px 10px; width:107px; text-align:center;}
    .hhi-stats .lrg span {font-size:.5em; line-height:12px;}
  .first {border:none; padding:0;}
  .first td {border:none; padding:0 0 18px 0;}