@import url(form.css); 

* 		{ margin:0; padding:0;}
body 	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 78%;
	text-align:center;
	background:url('../images/bkgd.jpg') repeat-x 0 0;
}

img				{ border:none;} 

p, .list, td,
ol.terms		{ color:#666; line-height:1.4em; font-size:1.1em;}
p				{ margin-bottom:1.2em; }

.txt-small		{ font-size:.8em;}

p.quote			{ font-size:1.6em; color:#048be9; position:relative; padding:0 85px 0 30px }
p.quote span	{ display:block; width:20px; height:19px; background:url('../images/open-quotation-mark.gif') no-repeat 0 0; position:absolute; top:6px; margin-left:-30px; text-indent:-999em}

.list,
ol.terms			{ margin:0 0 1.2em 1.5em; }
.list li.
ol.terms li 		{ padding:.2em 0;}
ol.terms li			{ margin-bottom:10px;}
.list ul,
ol.terms ol			{ margin-left:2em; margin-top:10px;}


a					{ color:#003561;}
a:hover				{ text-decoration:none;}
a:visited			{ color:#14558b;}

h1					{ width:212px; height:164px; background:url('../images/logo.gif') no-repeat 0 0; display:block; text-indent:-999em; position:relative; margin-bottom:20px }
body.home h1		{ margin-bottom:34px}
h1 span				{ text-indent:-999em; display:block; width:212px; height:142px; position:absolute; cursor:pointer; left:0; top:20px; }
h2					{ display:block; background-repeat:no-repeat; background-position:0 0; text-indent:-999em; width:455px; }
h2					{ height:22px; font-size:.8em; margin-top:4px }
h2.home				{ background-image:url('../images/titles/home-2.gif'); margin-bottom:10px; width:355px; }
h2.about			{ background-image:url('../images/titles/about.gif');}
h2.contact			{ background-image:url('../images/titles/contact.gif');}
h2.clubs			{ background-image:url('../images/titles/participating-clubs.gif');}
h2.acknowledgements	{ background-image:url('../images/titles/acknowledgements.gif');}
h2.terms			{ background-image:url('../images/titles/terms.gif');}
h2.sitemap			{ background-image:url('../images/titles/sitemap.gif');}
h2.search			{ background-image:url('../images/titles/search.gif');}
h2.search-step-2	{ background-image:url('../images/titles/search-chooseTown.gif');}
h2.search-results	{ background-image:url('../images/titles/search-results.gif');}
h2.fitness-equipment{ background-image:url('../images/titles/invest-in-a-machine.gif') ;}
h2.information		{ background-image:url('../images/titles/info-howExercise.gif') ;}
h2.online-store-launch	{ background-image:url('../images/titles/onlineStore-interest.gif') ;}
h2.online-store-thanks	{ background-image:url('../images/titles/thankYou-bkgdGreen.gif') ;}
h2.search-title		{ background-image:url('../images/titles/searchBox-title.gif')}
h2.food-for-sport	{ background-image:url('../images/titles/foodForSport.gif')}
h2.healthy-weight	{ background-image:url('../images/titles/healthyWeight.gif')}
h2.cycling-health	{ background-image:url('../images/titles/cyclingHealth.gif')}
h2.swimming-health	{ background-image:url('../images/titles/swimmingHealth.gif')}
h3					{ font-size:1.5em; font-weight:normal; color:#003561; margin:0 0 10px}
h3.logo				{ background-repeat:no-repeat; background-position:0 0; display:block; width:355px; height:75px; text-indent:-999em; margin-bottom:5px}
h3.cannons			{ background-image:url('../images/logos/hc-cannons-large.gif')}
h3.harpers			{ background-image:url('../images/logos/hc-harpers-large.gif'); width:107px; height:107px}
h3.fitness-first	{ background-image:url('../images/logos/hc-fitnessFirst-large.gif'); width:168px; height:39px}
h3.life-fitness		{ background-image:url('../images/logos/hc-lifeFitness-large.gif'); width:147px; height:39px}
h3.concept-2		{ background-image:url('../images/logos/hc-concept2-large.gif'); width:244px; height:30px}
h3.energy-fitness	{ background-image:url('../images/logos/hc-energyFitness-large.gif'); width:233px; height:79px}
h3.energy-women		{ background-image:url('../images/logos/hc-energyWomen-large.gif'); width:237px; height:72px}

h4					{ font-size:1.3em; color:#28A7EE; font-weight:normal; }



/* ---------------------------- */
/* Minor Classes */
/* ---------------------------- */
.txt-small			{ font-size:0.8em;}
.txt-medium			{ font-size:1.2em;}
.txt-large			{ font-size:1.4em;}
.txt-xlarge			{ font-size:1.9em;}

.txt-uppercase		{ text-transform:uppercase}

.txt-blueLight		{ color:#048be9}
.txt-blueMedium		{ color:#0069b2}
.txt-blueDark		{ color:#003561}
 
a.hide				{ position:absolute; left:-999em; border:1px solid;}
/*a.button,
a.button:visited 	{ background:url('../images/buttons/btn-back.png') no-repeat top right; color:#FFF; text-decoration:none; padding:6px 0;   }
a.button 			{ background:url('../images/buttons/btn-left.png') no-repeat top left; padding:6px 13px 6px 30px; }*/

a.button 						{ display:block;}
a.button span,
a.button:visited span.link		{ background:url('../images/buttons/btn-back.png') no-repeat top right; color:#FFF; text-decoration:none; padding:6px 10px 6px 5px  }
a.button span.left				{ background:url('../images/buttons/btn-left.png') no-repeat top left; padding:6px 0; display:block; float:left; width:24px; margin-top:-6px; height:14px; }

a.button:hover span.link		{ background-position:right -44px;}
a.button:hover span.left		{ background-position:0 -44px;}


/* ---------------------------- */
/* LAYOUT */
/* ---------------------------- */
#container					{ margin:0 auto; width:770px; text-align:left; }
#header						{ position:relative; }
body.home #header			{ background:url('../images/header.jpg') no-repeat bottom right; height:284px}
#content					{ padding:15px; background:url('../images/content-header.png') no-repeat 0 0; min-height:320px; height:auto !important; height:320px; padding-bottom:25px }
#title-container			{ background:#003561 url('../images/titles/bkgd-top.gif') no-repeat 0 0; margin-bottom:15px; }
#title-container div		{ background:url('../images/titles/bkgd-bottom.gif') no-repeat left bottom; padding:6px 15px;}
#col-left					{ width:355px; float:left; margin-right:30px;   }
#col-right					{ width:355px; float:left;  }
#col-right img.pic-rightCol	{ margin-bottom:10px}



/* ---------------------------- */
/* HOME */
/* ---------------------------- */
p#key-message				{ display:block; width:282px; height:48px; background:url('../images/home/message.gif') no-repeat 0 0; text-indent:-999em; margin:0 }

body.home #top-row			{}
body.home #bottom-row		{ clear:both; margin-top:10px; }
body.home div.left,
body.home div.right			{ width:355px; float:left;}
body.home div.left			{ margin-right:30px;}

/* Top row */
/* ---------------------------- */
ul.hm-reasons				{ margin-left:17px; margin-bottom:25px}
ul.hm-reasons li			{ margin-bottom:.7em; clear:both; font-size:1.4em; }

body.home div.left p		{ margin-bottom:.7em}
body.home div.left p.fia	{ display:block; background:url('../images/home/supportedBy-surgeons.gif') no-repeat 0 0; width:227px; height:48px; text-indent:-999em; margin:15px 0 7px }
body.home div.left p.txt-small	{ margin-bottom:0}


/* Bottom row */
/* ---------------------------- */
/* Search */
/* ---------------------------- */
#search 					{ background:url('../images/right-col/search-bottom-2.jpg') no-repeat left bottom;  }
; body.home #search 			{ width:355px; float:left; margin-right:30px; min-height:253px; height:auto !important; height:253px;}
#search div					{ background:url('../images/right-col/search-top-2.jpg') no-repeat 0 0; padding:14px 20px;  display:none }
#search h2					{ margin-bottom:.2em; color:#2b2c2c; width:300px}
#search p					{ color:#333; margin-bottom:.7em; font-size:1em }

ul.hc-logos					{}
ul.hc-logos li				{ list-style:none; float:left; margin-right:1px; margin-bottom:1px}
ul.hc-logos li.last			{ margin-right:0;}
ul.hc-logos li a			{ text-decoration:none; display:block; width:104px; height:56px; background-position:0 0; background-repeat:no-repeat; text-indent:-999em}
ul.hc-logos li.cannons a		{ background-image:url('../images/logos/hc-cannons.gif')}
ul.hc-logos li.kinetika a		{ background-image:url('../images/logos/hc-kinetika.gif')}
ul.hc-logos li.fitnessFirst a	{ background-image:url('../images/logos/hc-fitnessFirst.gif')}
ul.hc-logos li.harpers a		{ background-image:url('../images/logos/hc-harpers.gif')}
ul.hc-logos li.energyFitness a	{ background-image:url('../images/logos/hc-energyFitness.gif')}
ul.hc-logos li.energyWomen a	{ background-image:url('../images/logos/hc-energyWomen.gif')}
ul.hc-logos li a:hover			{ background-position:0 -56px; }


/* Saga Ad */
/* ---------------------------- */
#saga-ad						{ position:relative; width:563px; height:261px; background:url('../images/home/sagaAd-bkgd.png') no-repeat 0 0; float:left; margin:-15px 0 0 -12px;  }
#saga-ad p.text					{ display:block; width:246px; height:141px; position:absolute; top:45px; left:115px; background:url('../images/home/sagaAd-text.png') no-repeat 0 0; text-indent:-999em;}
#saga-ad p.phone				{ position:absolute; top:148px; left:385px; color:#62Bf29}
#saga-ad p.phone span			{ font-weight:bold; font-size:1.7em;}
#saga-ad a.button				{ display:block; width:159px; height:50px; position:absolute; top:90px; right:20px; background:url('../images/home/sagaAd-button.png') no-repeat 0 0; text-indent:-999em}
#saga-ad a.button:hover			{ background-position:0 -50px;}
#saga-ad ul						{ position:absolute; bottom:30px; left:115px; margin-right:20px; }
#saga-ad ul li					{ list-style:none; float:left; display:block; background-position:0 0; background-repeat:no-repeat; margin-right:33px; text-indent:-999em; }
#saga-ad ul li.last				{ margin-right:0;}
#saga-ad ul	li.nuffield			{ background-image:url('../images/home/logo-nuffield.png'); width:87px; height:26px;}
#saga-ad ul	li.life-fitness		{ background-image:url('../images/home/logo-lifeFitness.png'); width:107px; height:17px;}
#saga-ad ul	li.swim-fit			{ background-image:url('../images/home/logo-swimFit.png'); width:77px; height:21px;}
#saga-ad ul	li.everyday-cycling	{ background-image:url('../images/home/logo-everydayCycling.png'); width:58px; height:27px;}





/* Buy */
/* ---------------------------- */
/*div.promo					{ margin-top:15px; margin-bottom:15px; min-height:233px; height:auto !important; height:233px;}*/
body.home div.promo			{ width:355px; float:left; min-height:153px; height:auto !important; height:153px;}
div.buy						{ background:#003561 url('../images/right-col/cont-blue-bottom.gif') no-repeat left bottom;}
div.buy div					{ background:url('../images/right-col/cont-blue-top.gif') no-repeat left top; padding:18px 20px;}
div.buy div img				{ float:left; margin-right:15px;}
div.buy div p				{ color:#FFF; font-size:1em}
div.buy div p.promo-title	{ margin:-2px 0 .3em; background:url('../images/titles/promo-swimmingAndCycling.png') no-repeat 0 0; display:block; width:236px; height:17px; text-indent:-999em}
div.buy div p.promo-desc	{ margin-bottom:.5em; font-size:.8em}

div.promo a.button					{ margin-top:20px}
div.promo a.button span.link		{ background-image:url('../images/buttons/btn-back-overBlue.png');}
div.promo a.button span.left		{ background-image:url('../images/buttons/btn-left-overBlue.png');}
div.promo a.button:hover span.link	{ color:#2b2c2c;}

div.promo ul								{ list-style:none; margin-top:25px}
div.promo ul li								{ background:#FFF url('../images/home/buy-white-top.gif') no-repeat 0 0; width:155px; float:left;}
div.promo ul li div							{ background:url('../images/home/buy-white-bottom.gif') no-repeat left bottom; padding:8px;}
div.promo ul ul								{ float:none; margin:0}
div.promo ul ul li							{ background-image:none; background-color:transparent}
div.promo ul li.everyday-cycling			{ margin-right:5px}
div.promo ul ul li.shop						{ margin-bottom:6px}
/*div.promo ul ul li.shop a					{ display:block; width:104px; height:35px; background:url('../images/home/buy-btn.gif') no-repeat 0 0; color:#FFF; font-size:1.2em; text-decoration:none; padding:7px 0 0 35px; line-height:1em}*/
div.promo ul ul li.shop a					{ display:block; width:104px; height:35px; background:url('../images/home/buy-btn.gif') no-repeat 0 0; color:#FFF; font-size:1.2em; text-decoration:none; padding:7px 0 0 35px; line-height:1.8em}
div.promo ul ul li.shop a:hover				{ background-position:0 -42px}
div.promo ul ul li.more						{ font-size:.9em; color:#FFF; margin-bottom:10px}
div.promo ul ul li.logo a					{ display:block; width:133px; height:60px; text-indent:-999em; margin-top:15px;}
/*div.promo ul li.life-fitness ul li.logo a	{ background:url('../images/home/buy-lifeFitness.gif') no-repeat 0 0}
div.promo ul li.concept2 ul li.logo a		{ background:url('../images/home/buy-concept2.gif') no-repeat 0 0}*/
div.promo ul li.everyday-cycling ul li.logo a{ background:url('../images/home/logo-everydayCycling-2.png') no-repeat 0 0}
div.promo ul li.swimfit ul li.logo a		{ background:url('../images/home/logo-swimFit-2.png') no-repeat 0 0}
div.promo ul								{}

div.swimming-cycle p						{ font-size:.8em}
div.swimming-cycle p a,
div.swimming-cycle p a:visited				{ color:#FFF; }
div.swimming-cycle img.logo-image			{ margin:0 0 10px 10px; float:right}


/* ---------------------------- */
/* New wide, shop promo July 09 */
/* ---------------------------- */
div.large-promo							{ background:#003561 url('../images/home/cont-blue-wide-bottom.gif') no-repeat left bottom; min-height:150px; height:auto !important; height:150px;}
div.large-promo	div						{ background:url('../images/home/cont-blue-wide-top.gif') no-repeat left top;   }
div.large-promo div#promo-left-col		{ background-image:none; padding:0; width:290px; float:left; margin-right:95px}


/* ------ August 08 ---------------- */
div.buy-small							{ width:156px; height:217px; padding:11px 11px 12px 11px; float:left; margin-left:10px; min-height:inherit; background:url('../images/home/bkgd-buySmall.png') no-repeat 0 0; margin-top:14px; }
div.buy-small p.promo-title				{ background:url('../images/home/title-investInRowingMachine.png') no-repeat 0 0; display:block; width:139px; height:43px; margin:0; text-indent:-999em;}
div.buy-small ul						{ margin-top:15px;}
/* --------------------------------- */


/* ------ Nov 08: 5-a-day game ---------------- */
div.game								{ background:url('../images/home/game-bkgd.png') no-repeat 0 0; padding-top:100px; min-height:133px; height:auto !important; height:133px; margin-right:30px}
div.game div							{ padding:18px 20px; }
div.game #game-left,
div.game #game-right					{ padding:0;}
div.game #game-left						{ width:160px; float:left; margin-right:18px; }
div.game #game-right					{ width:136px; float:left; }
div.game p.promo-title					{ margin:-2px 0 .5em 0; background:url('../images/home/game-getActive.png') no-repeat 0 0; display:block; width:101px; height:19px; text-indent:-999em}
div.game p.promo-desc					{ font-size:.9em; color:#003561; }
div.game p.prize						{ font-size:1em; color:#003561; }
div.game a								{ display:block; width:104px; height:32px; background:url('../images/home/game-btn.png') no-repeat -139px 0; color:#FFF; text-decoration:none; padding:7px 0 0 35px;  font-size:1.2em}
div.game a:hover						{ background-position:0 0; }
/* -------------------------------------------- */

/* ---------------------------- */
/* SEARCH RESULTS */
/* ---------------------------- */
/* Pagination */
/* ---------------------------- */
ul.pagination								{ float:right; margin-top:3px; }
ul.pagination li							{ list-style:none; float:left; margin-left:1px;}
ul.pagination li a,
ul.pagination li a:visited					{ color:#4B4B4B; padding:3px 4px;}
ul.pagination li a:hover,
ul.pagination li.active a,
ul.pagination li.active a:visited			{ background-color:#0069b2; color:#FFF; text-decoration:none;}



/* Left col */
/* ---------------------------- */
body.results #fm-search									{ margin-bottom:15px;}

ul.search-results										{ clear:both;}
ul.search-results li									{ margin-bottom:5px; list-style:none; }
ul.search-results li div.cont-child						{ padding:10px;}
ul.search-results li div.marker							{ float:left; width:20px; margin-right:10px; }
ul.search-results li div.info							{ float:left; width:305px}

ul.search-results li.light								{ background:#f1f1f1 url('../images/search/resBkgd-light-bottom.gif') no-repeat left bottom;}
ul.search-results li.light div.cont-child				{ background:url('../images/search/resBkgd-light-top.gif') no-repeat left top; }
ul.search-results li.dark								{ background:#dcf1fe url('../images/search/resBkgd-dark-bottom.gif') no-repeat left bottom;}
ul.search-results li.dark div.cont-child				{ background:url('../images/search/resBkgd-dark-top.gif') no-repeat left top; }

ul.search-results li p.txt-medium						{ margin-bottom:0; font-weight:bold; line-height:1.1em}
ul.search-results li p.txt-medium a						{ text-decoration:none;}
ul.search-results li p.txt-medium a:hover				{ text-decoration:underline;}

ul.search-results li div.left,
ul.search-results li div.right							{ margin-top:-5px; float:left; }
ul.search-results li div.left							{ width:65%;}
ul.search-results li div.right							{ width:34%; text-align:center; margin-top:0 }

ul.search-results li div.left p							{ margin-bottom:0}

ul.search-results li div.right p						{ margin-bottom:0;}
ul.search-results li a.button-moreInfo					{ text-indent:-999em; display:block; width:108px; height:32px; font-size:.8em }
ul.search-results li.light a.button-moreInfo			{ background:url('../images/buttons/btn-moreInfo-light.gif') no-repeat 0 0;}
ul.search-results li.dark a.button-moreInfo				{ background:url('../images/buttons/btn-moreInfo-dark.gif') no-repeat 0 0;}
ul.search-results li a.button-moreInfo:hover			{ background-position:0 -49px; }

img.content-pic		{ border:1px solid #eee; float:right; margin:0 0 15px 15px}


/* Right col */
/* ---------------------------- */
body.results #col-right				{ margin-top:26px}
body.results #col-right img			{ margin-left:4px;}

/* ---------------------------- */
/* INTEREST BOX (green) */
/* ---------------------------- */
#green 					{ background:url('../images/right-col/green-bottom.gif') no-repeat left bottom;  }
#green div				{ background:url('../images/right-col/green-top.gif') no-repeat 0 0; padding:14px 20px; }
#green h2				{ margin-bottom:.2em; color:#2b2c2c; width:310px}
#green p				{ color:#FFF; font-size:.9em }

#green a.online-store	{ background:url('../images/buttons/go-to-online-store.png') no-repeat 0 0; display:block; width:240px; height:22px; text-indent:-999em }
#green a.online-store:hover		{ background-position:0 -71px;}

/* ---------------------------- */
/* FLAGS */
/* ---------------------------- */
ul.flags							{ margin-bottom:2em;}
ul.flags li 						{ list-style:none; position:relative; margin-bottom:5px}
ul.flags li a						{ text-decoration:none; display:block; width:355px; height:83px; background-position:0 0; background-repeat:no-repeat; }
ul.flags li a span.title			{ text-indent:-99em; position:absolute;}
ul.flags li a span.content			{ font-size:.9em; color:#333; position:absolute; left:37px; top:43px; display:block; width:220px; line-height:1.25em }
ul.flags li a:hover					{ background-position:0 -83px;}
ul.flags li a:hover	span.content	{ color:#FFF}

ul.flags li.buy a					{ background-image:url('../images/buttons/flag-buyMachine.gif'); }
ul.flags li.search a				{ background-image:url('../images/buttons/flag-search.gif'); }


/* ---------------------------- */
/* FOOTER */
/* ---------------------------- */
#footer 							{ background:#003561 url('../images/footer-bottom.gif') no-repeat left bottom; /*margin-top:15px;*/ clear:both; position:relative; }
#footer div							{ background:url('../images/footer-top.gif') no-repeat 0 0; padding:10px 0;  }
#footer p.logo						{ display:block; width:91px; height:62px; background:url('../images/logo-footer.gif') no-repeat 0 0; text-indent:-999em; margin:0 30px 10px 15px; float:left}

#footer ul							{ margin-top:25px;}
#footer ul li						{ float:left; background:url('../images/buttons/divider.gif') no-repeat center left; padding:0 10px; list-style:none;}
#footer ul li.first					{ background-image:none; padding-left:0;}
#footer ul li a						{ color:#FFF; text-decoration:none; font-size:.8em; padding:0;  }
#footer ul li a:hover				{ text-decoration:underline}

#footer p.fia						{ display:block; position:absolute; right:15px; top:14px; background:url('../images/logos/supportedBy-surgeons.gif') no-repeat 0 0; width:248px; height:53px; text-indent:-999em}

p.footer							{ margin:10px 0 30px 15px; color:#999}
p.footer a							{ color:#999; text-decoration:none}
p.footer a:hover					{ text-decoration:underline}

/* ---------------------------- */
/* SITEMAP */
/* ---------------------------- */
ul.sitemap			{ margin-left:22px; color:#666;}
ul.sitemap a		{ }
ul.sitemap li		{ font-size:1.2em; padding:.4em .8em .4em 0em;}
ul.sitemap ul		{ margin:.3em 0 .2em 1.1em;} 
ul.sitemap ul li	{ font-size:.85em; background-image:none; color:#4B4B4B;}


/* ---------------------------- */
/* NAVIGATION */
/* ---------------------------- */
#navigation				{ position:absolute; top:19px; left:254px;}

/* Top nav */
/* ---------------------------- */
#top-nav 						{ position:absolute; right:0}
#top-nav li 					{ float:left; list-style:none; background:url('../images/buttons/divider.gif') no-repeat center left; padding:0 10px; }
#top-nav li a,
#top-nav li a:visited			{ color:#FFF; font-size:.8em; text-decoration:none; }
#top-nav li.first				{ padding-left:0; background-image:none}
#top-nav li.last				{ padding-right:2px}
#top-nav li a:hover,
#top-nav li.active a,
#top-nav li.active a:visited	{ text-decoration:underline;}

/* Primary nav */
/* ---------------------------- */
#prim-nav 								{ padding-top:28px;}
#prim-nav li 							{ float:left; margin-right:4px; list-style:none;}
#prim-nav li.last						{ margin-right:0;}
#prim-nav li a,
#prim-nav li a:visited					{ color:#003561; font-size:.9em; text-decoration:none; display:block; text-align:center;}
#prim-nav li a span.top					{ display:block; width:100px; height:10px; background:url('../images/buttons/nav-bkgdTop-smaller.gif') no-repeat left top; cursor:pointer;}
#prim-nav li a span.bottom				{ display:block; background:url('../images/buttons/nav-bkgdBottom-smaller.gif') no-repeat left bottom; padding:0 6px 10px 6px; display:block; width:88px; cursor:pointer; }
#prim-nav li a:hover,
#prim-nav li.active a,
#prim-nav li.active a:visited			{ color:#FFF}
#prim-nav li a:hover span.top,
#prim-nav li.active a span.top			{ background-position:0 -185px}
#prim-nav li a:hover span.bottom,
#prim-nav li.active a span.bottom		{ background:url('../images/buttons/nav-bkgdBottom-over-smaller.gif') no-repeat left bottom;}

/* Sub nav + Search Step 2 */
/* ---------------------------- */
div#sub-nav,
div#search-step-2				{ background:#EEE url('../images/right-col/subNav-bottom-2.gif') no-repeat left bottom; margin-bottom:16px; position:relative}
div#sub-nav	div,
div#search-step-2 div			{ background:url('../images/right-col/subNav-top-2.gif') no-repeat 0 0; padding:18px 20px;}
div#sub-nav p,
div#search-step-2 p				{ margin-bottom:5px; color:#333; line-height:1.25em}
ul.sub-nav,
div#search-step-2 ul			{}
div#sub-nav	ul.first			{ margin-bottom:1.2em}
ul.sub-nav li,
div#search-step-2 li			{ list-style:none; padding-bottom:.5em; clear:both }
body.home ul.sub-nav li			{ width:152px; display:block; float:left; clear:none}
ul.sub-nav li a,
ul.sub-nav li a:visited,
div#search-step-2 li a,
div#search-step-2 li a:visited	{ padding:3px 0 3px 30px; background:url('../images/buttons/subNav-arrow.gif') no-repeat left center; text-decoration:none; font-size:1.1em; display:block; font-weight:bold; color:#003561}
body.home ul.sub-nav li a,
body.home ul.sub-nav li a:visited		{ font-weight:normal; text-decoration:underline; font-size:1em; background-image:none; padding:0; display:inherit}
ul.sub-nav li a:hover,
ul.sub-nav li.active a,
div#search-step-2 li a:hover,
div#search-step-2 li.active a	{ background-image:none; background-color:#003561; color:#FFF;}
body.home ul.sub-nav li a:hover	{ background-color:transparent; color:#003561; text-decoration:none}

div#sub-nav img					{ position:absolute; bottom:-16px; right:-4px;}



/* -- KAWEB STYLES -- */
/* -- Map -- */
div#map 						{ height:355px; width:355px; }


/* -- BMI --*/

#bmi_div, #hip_div{
	width:330px;
	padding:10px;
}

#bmi_div p, #hip_div p{
	margin-bottom:.5em;
	color:#000000;
}

.underweight{
	background-color:#99CCFF;
	border: 1px solid #000099;
}

.normal{
	background-color:#CCFFCC;
	border: 1px solid #006633;
}

.overweight{
	background-color:#FFFFCC;
	border: 1px solid #CC6600;
}

.obese{
	background-color:#FFCCFF;
	border: 1px solid #990000;
}

.clinically-obese{
	background-color:#ff9090;
	border: 1px solid red;
}

/* --------------------- */
.clearfix:after {
    content: "."; /* the period is placed on the page as the last thing before the div closes */
	display: block; /* inline elements don't respond to the clear property */ 
    height: 0; /* ensure the period is not visible */
    clear: both; /* make the container clear the period */
    visibility: hidden; /* further ensures the period is not visible */
}
/*.clearfix {display: inline-block;} /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */