/* resets */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, cite, em, img, q, 
strong, sub, sup, 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; }

:focus
	{ outline:0; }

ol, ul
	{ list-style:none; }

	/* tables still need 'cellspacing="0"' in the markup */
table
	{ border-collapse:collapse; border-spacing:0; }

caption, th, td
	{ text-align:left; font-weight:normal; }

blockquote:before, blockquote:after,
q:before, q:after
	{ content:""; }
	
blockquote, q
	{ quotes:"" ""; }


/* common styles */

body
	{ font:normal 62.5%/1.7em verdana,arial,sans-serif; color:#0091be; background:#ffebd2 url(/images/bg_body-repeat.jpg) repeat-x; padding-top:10px; }

p, li, dd, dt, h3, th, td
	{ font-size:1.2em; }

p
	{ margin:1.4em 0; }

li p, dl dl dd, dl dl dt, q, dd li, cite, li h3, dd h2, ul.discreet li li
	{ font-size:1em; }

em
	{ font-weight:bold; font-style:normal; }
	
	em.search-keyword, span#keyword
		{ color:#F57B28; }

dd
	{ border-bottom:1px solid #0091be; padding:5px 0 5px 10px; background:url(/images/bg_bullet.gif) no-repeat left 10px; }

a
	{ color:#174d89; text-decoration:underline; }
	
	a:hover, a:active, a:focus
		{ text-decoration:none; }

cite
	{ display:block; }

.note
    {font-style:italic;}

h1, h2.contrasted
    { width:340px; height:30px; background:url(/images/spr_headings.gif) no-repeat; text-indent:-9999px; overflow:hidden; }

h2.contrasted
	{ margin:24px 0; }
		
h2
	{ font-weight:bold; font-size:1.2em; color:#174d89; font-style:italic; margin:1em 0; }

blockquote
	{ background:#ffe0af; color:#f57b28; font-weight:bold; text-align:center; border:1px solid #e5d3bd; margin:5px 0 15px; padding:9px 11px; -moz-border-radius:5px; -webkit-border-radius:5px; }
	
	blockquote p
		{ margin:0; font-size:1.1em; }
	
	blockquote a
		{ color:#0091be; text-decoration:none; }
		
		blockquote a:hover, blockquote a:active, blockquote a:focus
			{ text-decoration:underline; }

ul, ol, dl
	{ margin:1em 0; }

ol li
	{ list-style:decimal; margin:0 0 1em 2.4em; }
	

th {font-weight:bold;}	
	
		
.section
	{ width:340px; float:left;}
	
.clear
	{ clear:both; }
	
.section.clear
	{ margin-right:20px;}

.discreet dt
	{ font-weight:bold; margin-top:1em; }

.discreet dd
	{ border:0; padding:0; }

.discreet li, .discreet dd
	{ background:url(/images/bg_bullet-orange.gif) no-repeat 0 0.7em; padding-left:10px; margin:1em 1.5em; }
	
	.discreet li li, .discreet dd li
		{ background:url(/images/bg_bullet-hyphen.gif) no-repeat 0 0.7em; padding-left:10px; margin:1em 1.5em; }

.discreet ul
	{ margin:0; }

div.snippet
	{ background:#ffe8c9; color:#0091be; border:1px solid #f2dfc7; padding:9px 11px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:1.8em 0; }
	
	div.snippet h2
		{ margin:0; }
	
	div.snippet p
		{ margin:0.4em 0; }

ul.courtesy-nav li
	{ background:#ffe8c9; color:#0091be; border:1px solid #f2dfc7; -moz-border-radius:5px; -webkit-border-radius:5px; font-weight:bold; font-size:1.2em; color:#174d89; font-style:italic; margin:0.8em 0; }
	
	ul.courtesy-nav a
		{ text-decoration:none; display:block; padding:9px 11px; }
		
		ul.courtesy-nav a:hover, ul.courtesy-nav a:active, ul.courtesy-nav a:focus
			{ text-decoration:underline; }

/* overrides the ShareThis box position. original positioning spilled down under the footer. 
   needs work (each tab content has a different height -- could do with repositioning on tab click) */

#stframe
	{ top:-405px !important; left:40px !important; }
	
.stclose
	{ top:-400px !important; right:-30px !important; }

/* navigation */

#nav-main
	{ width:396px; margin:0 auto; position:absolute; top:0; left:50%; margin-left:-201px; }

#nav-main li
	{ text-indent:-9999px; width:197px; height:41px; float:left; overflow:hidden; }

#nav-main .nytol
	{ margin-right:2px; }
	
	#nav-main a
		{ display:block; height:41px; background:url(/images/spr_nav-main.gif); }
		
	#nav-main a:hover, #nav-main a:active, #nav-main a:focus
		{ border-bottom:1px solid #c9b9a6; height:40px; }

	.nytol #nav-main .nytol a, .sleep #nav-main .sleep a
		{ border:0; height:inherit; }
	
	.nytol #nav-main .nytol a, #nav-main .nytol a:hover, #nav-main .nytol a:active, #nav-main .nytol a:focus
			{ background-position:0 0; }
	
		#nav-main .nytol a
			{ background-position:0 -41px; }
	
	.sleep #nav-main .sleep a, #nav-main .sleep a, #nav-main .sleep a:hover, #nav-main .sleep a:active, #nav-main .sleep a:focus
		{ background-position:-197px 0; }
	
		#nav-main .sleep a
			{ background-position:-197px -41px; }
	
	#nav-main ul
		{ width:735px; position:absolute; left:-165px; top:57px; height:31px; margin:0; background:url(/images/bg_nav-sub.gif) no-repeat left bottom; }
	
	#nav-main ul li
		{ float:left; height:14px; margin-left:40px; position:absolute; left:-9999px; }
		
		#nav-main ul li a:link, #nav-main ul li a:visited, #nav-main ul li a:hover, #nav-main ul li a:focus
			{ height:14px; background:url(/images/spr_nav-sub.gif); border:0; }
	
	#nav-main ul .nytol
		{ width:30px; margin:0 0 0 142px; display:inline; }
		
		#nav-main ul .nytol a:hover, #nav-main ul .nytol a:active, #nav-main ul .nytol a:focus, #nytol-home #nav-main ul .nytol a
			{ background-position:-154px 0; }
	
	#nav-main ul .nytol-herbal
		{ width:72px; }
		
		#nav-main ul .nytol-herbal a:link, #nav-main ul .nytol-herbal a:visited
			{ background-position:0 -14px; }
			
		#nav-main ul .nytol-herbal a:hover, #nav-main ul .nytol-herbal a:active, #nav-main ul .nytol-herbal a:focus, #nytol-herbal-tablets #nav-main .nytol-herbal a
			{ background-position:-154px -14px; }
		
	#nav-main ul .nytol-caplets
		{ width:74px; }
		
		#nav-main ul .nytol-caplets a:link, #nav-main ul .nytol-caplets a:visited
			{ background-position:0 -28px; }
			
		#nav-main ul .nytol-caplets a:hover, #nav-main ul .nytol-caplets a:active, #nav-main ul .nytol-caplets a:focus, #nytol-caplets #nav-main .nytol-caplets a
			{ background-position:-154px -28px; }
	
	#nav-main ul .nytol-one-a-night
		{ width:154px; }
		
		#nav-main ul .nytol-one-a-night a:link, #nav-main ul .nytol-one-a-night a:visited
			{ background-position:0 -42px; }
			
		#nav-main ul .nytol-one-a-night a:hover, #nav-main ul .nytol-one-a-night a:active, #nav-main ul .nytol-one-a-night a:focus, #nytol-one-a-night-caplets #nav-main .nytol-one-a-night a
			{ background-position:-154px -42px; }
	
	#nav-main ul .sleep
		{ width:75px; margin-left:32px; border:0; height:14px; display:inline; }
		
		#nav-main ul .sleep a:link, #nav-main ul .sleep a:visited
			{ background-position:0 -56px; }
			
		#nav-main ul .sleep a:hover, #nav-main ul .sleep a:active, #nav-main ul .sleep a:focus,	#sleep-home #nav-main ul .sleep a
			{ background-position:-154px -56px; }
			
	#nav-main ul .understanding-sleep
		{ width:126px; }
		
		#nav-main ul .understanding-sleep a:link, #nav-main ul .understanding-sleep a:visited
			{ background-position:0 -70px; }
			
		#nav-main ul .understanding-sleep a:hover, #nav-main ul .understanding-sleep a:active, #nav-main ul .understanding-sleep a:focus, 
		#understanding-sleep #nav-main .understanding-sleep a, #what-is-sleep #nav-main .understanding-sleep a, #how-much-sleep-is-enough #nav-main .understanding-sleep a, 
		#types-of-sleep #nav-main .understanding-sleep a, #the-sleep-cycle #nav-main .understanding-sleep a, #whats-keeping-you-awake #nav-main .understanding-sleep a
			{ background-position:-154px -70px; }
			
	#nav-main ul .how-to-sleep-well
		{ width:102px; }
		
		#nav-main ul .how-to-sleep-well a:link, #nav-main ul .how-to-sleep-well a:visited
			{ background-position:0 -84px; }
			
		#nav-main ul .how-to-sleep-well a:hover, #nav-main ul .how-to-sleep-well a:active, #nav-main ul .how-to-sleep-well a:focus, 
		#how-to-sleep-well #nav-main .how-to-sleep-well a, #common-sleep-problems #nav-main .how-to-sleep-well a, #getting-ready-for-bed #nav-main .how-to-sleep-well a, 
		#relaxation-techniques #nav-main .how-to-sleep-well a, #a-range-of-remedies #nav-main .how-to-sleep-well a
			{ background-position:-154px -84px; }
			
	#nav-main ul .well-being-and-sleep
		{ width:112px; }
		
		#nav-main ul .well-being-and-sleep a:link, #nav-main ul .well-being-and-sleep a:visited
			{ background-position:0 -98px; }
			
		#nav-main ul .well-being-and-sleep a:hover, #nav-main ul .well-being-and-sleep a:active, #nav-main ul .well-being-and-sleep a:focus, 
		#well-being-and-sleep #nav-main .well-being-and-sleep a, #diet-and-sleep #nav-main .well-being-and-sleep a, #exercise-and-sleep #nav-main .well-being-and-sleep a, #lifestyle-and-sleep #nav-main .well-being-and-sleep a
			{ background-position:-154px -98px; }
			
	#nav-main ul .sleep-talk
		{ width:59px; }
		
		#nav-main ul .sleep-talk a:link, #nav-main ul .sleep-talk a:visited
			{ background-position:0 -112px; }
			
		#nav-main ul .sleep-talk a:hover, #nav-main ul .sleep-talk a:active, #nav-main ul .sleep-talk a:focus, 
		#sleep-talk #nav-main .sleep-talk a, #sleeper-type-test #nav-main .sleep-talk a, #sleep-quizzz #nav-main .sleep-talk a, #did-you-know #nav-main .sleep-talk a
			{ background-position:-154px -112px; }
			
	body.nytol #nav-main .nytol ul li, body.sleep #nav-main .sleep ul li
		{ position:static; left:0; background:none; }
	
	body.nytol #nav-main .sleep ul, body.sleep #nav-main .nytol ul
		{ left:-9999px; }
	
#logo-nytol
	{ margin:0 auto 10px; width:231px; height:90px; background:url(/images/logo_nytol.jpg) no-repeat; text-indent:-9999px; position:relative; left:36px; }
	
	#logo-nytol a
		{ display:block; height:90px; }
	
#content-main
	{ width:735px; margin:0 auto; position:relative; padding-top:101px; }
	
/* H1s and H2s with blue background */

#terms-conditions h1
	{ background-position:0 -180px; }
	
#privacy h1
	{ background-position:0 -240px; }
	
#contact-us h1
	{ background-position:0 -270px; }
	
#help-accessibility h1
	{ background-position:0 -300px; }
	
#site-map h1
	{ background-position:0 -330px; }
	
#useful-contacts h1
	{ background-position:0 -360px; }
	
#glossary h1
	{ background-position:0 -390px; }
	
#glossary h1
	{ background-position:0 -390px; }

#frequently-asked-questions h1
	{ background-position:0 -420px; }

#nytol-herbal-tablets h1
	{ background-position:0 -450px; }

#nytol-caplets h1
	{ background-position:0 -480px; }
	
#nytol-one-a-night-caplets h1
	{ background-position:0 -510px; }
	
#sleep-home h1
	{ background-position:0 -150px; }
	
#understanding-sleep h1
	{ background-position:0 -90px; }
	
#how-much-sleep-is-enough h1
	{ background-position:0 -570px; }

#types-of-sleep h1
	{ background-position:0 -600px; }
	
#the-sleep-cycle h1
	{ background-position:0 -630px; }
	
#whats-keeping-you-awake h1
	{ background-position:0 -660px; }
	
#how-to-sleep-well h1
	{ background-position:0 -690px; }

#well-being-and-sleep h1
	{ background-position:0 -720px; }

#sleep-talk h1
	{ background-position:0 -750px; }
	
#diet-and-sleep h1
	{ background-position:0 -780px; }
	
#exercise-and-sleep h1
	{ background-position:0 -810px; }
	
#lifestyle-and-sleep h1
	{ background-position:0 -840px; }
	
#common-sleep-problems h1
	{ background-position:0 -870px; }
	
#getting-ready-for-bed h1
	{ background-position:0 -900px; }
	
#relaxation-techniques h1
	{ background-position:0 -930px; }
	
#a-range-of-remedies h1
	{ background-position:0 -960px; }
	
#sleeper-type-test h1
	{ background-position:0 -990px; }
	
#sleeper-type-test-result h1
	{ background-position:0 -1020px; }
	
#sleep-quizzz h1
	{ background-position:0 -1050px; }
	
#sleep-quizzz-results h1
	{ background-position:0 -1080px; }
	
#did-you-know h1
	{ background-position:0 -1110px; }
	
#nytol-tv-advert h1
	{ background-position:0 -30px; width:430px; }

h2.nytol-advert
	{ background-position:0 -30px; }
	
h2.healthcare-pro
	{ background-position:0 -120px; }
	
h2#in-this-section
	{ background-position:0 -60px; }
	
#page-not-found h1
	{ background-position:0 -1170px; }	

#search-results h1
	{ background-position:0 -1200px; }	
	
#page-error h1
	{ background-position:0 -1230px; }	


/* nytol main page */

#nytol-home h1
	{ width:64px; height:22px; background:url(/images/h_hello.gif) no-repeat; clear:both; margin-bottom:30px; }
	
#nytol-home h1.good-morning
	{ width:183px; height:27px; background:url(/images/h_good-morning.gif); }	
	
#nytol-home h1.good-afternoon
	{ width:203px; height:24px; background:url(/images/h_good-afternoon.gif); }		
	
#nytol-home h1.good-evening
	{ width:176px; height:28px; background:url(/images/h_good-evening.gif); }		
	
#nytol-home dl
	{ margin:0; }

#nytol-home dt
	{ width:340px; height:131px; background:url(/images/bg_does-doesnt.jpg) no-repeat; text-indent:-9999px; overflow:hidden; }

#nytol-home .section dd
	{ font-size:1.1em; }
	
dt#nytol-does
	{ margin-top:10px; }

dt#nytol-doesnt
	{ height:142px; background-position:0 -133px; }
	
#nytol-home h2.contrasted
	{ margin:30px 0 0; }
	
#nytol-home h2.nytol-advert
	{ background-position:0 -1140px; }
	
/* courtesy pages */

.courtesy-page h3
	{ font-weight:bold; margin-bottom:1em; }

.courtesy-page dt
	{ margin-top:1em; }

.courtesy-page dd
	{ background:none; padding:0; border:0; }
	
/* help and accessibility */

#help-accessibility dt
	{ clear:both; float:left; margin:0; }

#help-accessibility dd
	{ margin-left:1.8em; }

table#accesskey th 
	{border:1px solid #0091BE;padding:5px;}	
	
table#accesskey td 
	{border:1px solid #0091BE;padding:5px;}

	
/* site map */

#site-map dt
	{ margin:0; }

#site-map dd
	{ margin-left:1.5em; }
	
#sitemap-courtesy
	{ position:absolute; text-indent:-9999px; }
	
/* contact us page */
.contactForm dt 
{
    float:left;
    width:110px;
    text-align:right;
}
.contactForm dd
{
   display:block;
   padding-bottom:5px;
   padding-top:10px;
}
	
/* advert page */

#advert-1
	{ margin:0 0 2em; }
	
#advert-2
	{ margin:1.5em 0 3em; }
	
#nytol-tv-advert .section
	{ width:250px; }
	
#nytol-tv-advert .section.clear
	{ width:430px; }
	
/* nytol range pages */

#nytol-herbal-tablets .section, #nytol-caplets .section, #nytol-one-a-night-caplets .section
	{ text-align:center; }

#nytol-herbal-tablets .section.clear, #nytol-caplets .section.clear, #nytol-one-a-night-caplets .section.clear
	{ text-align:left; }
	
#packshot-disclaimer
	{ text-align:left; font-weight:bold; margin:-45px 0 1em 15px; }

#nytol-herbal-tablets .section img, #nytol-caplets .section img, #nytol-one-a-night-caplets .section img
	{ margin-top:10px; }
	
/* sleeper type test and quizzz */

#quiz_form legend span, #qf legend span
	{ position:absolute; left:-9999px; }

#quiz_form ol li
	{ list-style:none; }

#quiz_form fieldset ol li
	{ list-style:none; float:left; }
	
#quiz_form fieldset p
	{ clear:both; }
	
#quiz_form button
	{ clear:both; display:block; }

#sleeper-type-test #results_data dt
	{ margin:1em 0; font-weight:bold; }

#sleeper-type-test #results_data dd
	{ border:0; background:0; padding:0; }
	
#quiz_form button, #qf button
	{ background:url(/images/bg_button-submit.gif) no-repeat; width:74px; height:33px; border:0; margin:15px 0; }
	
	#quiz_form button span, #qf button span
		{ display:block; text-indent:-9999px; }
	
#error_panel
	{ color:#F57B28; font-weight:bold; }

/* Footer */

#footer
	{ clear:both; background:#8ccdf0 url(/images/bg_footer-repeat.gif) repeat-x top; text-align:center; color:#4b4b4b; font-family:arial, verdana, sans-serif; }
	
	#footer a
		{ text-decoration:none; }
		
		#footer a:hover, #footer a:active, #footer a:focus
			{ text-decoration:underline; }
	
	#footer img
		{ margin:0; float:none; }
	
	#footer-content
		{ width:735px; margin:0 auto; padding-top:120px; position:relative; }
	
	#footer #nytol-range
		{ position:absolute; top:30px; right:36px; }
	
	#utilities
		{ position:absolute; top:0; left:0; }
	
		#utilities li
			{ display:inline; border-left:1px solid #007743; padding-left:5px; }
		
	#utilities a
		{ color:#007743; }
	
	#footer p, #footer li
		{ font-size:1.1em; }
	
	#footer dl
		{ width:120px; position:absolute; top:60px; left:0; }
	
	#footer dt
		{ display:block; background:#8ccdf0 url(/images/bg_footer-dt.gif) no-repeat 10px 9px; text-indent:-9999px; width:120px; height:30px; margin:0; -moz-border-radius:10px 10px 0 0; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; }
	
	#footer dd
		{ font-size:1.2em; text-align:left; margin:0 0 0 10px; background:none; padding:0; border:0; }
	
	#footer dd a
		{ color:#fff; }

	#footer fieldset
		{ width:300px; overflow:hidden; float:right; margin:20px 36px 20px 0; }
	
	#footer input
		{ background:url(/images/bg_footer-input.gif) no-repeat; width:272px; height:19px; color:#7d7d7d; padding:5px 0 0 8px; border:0; float:left; font-size:1.1em; }
	
	#footer button
		{ background:url(/images/bg_footer-button.gif) no-repeat; width:20px; height:24px; text-indent:-9999px; border:0; float:left; }
	
	#footer legend, #footer label
		{ display:block; text-indent:-9999px; position:absolute; left:-9999px; }
	
	#footer .courtesy-nav
		{ border-top:1px solid #0091be; padding-top:20px; width:700px; margin:0; clear:right; }
		
	#footer .courtesy-nav li
		{ display:inline; border:0; border-left:1px solid #0091be; padding-left:5px; margin-left:5px; -moz-border-radius:0; -webkit-border-radius:0; background:none; font-style:normal; margin:0; font-weight:normal; }
		
		#footer li.first
			{ margin-left:0; padding-left:0; border:0; }
			
		#footer .courtesy-nav a
			{ padding:0; display:inline; }
			
.js-enabled div.snippet, .js-enabled blockquote.pull-in, .js-enabled .section .courtesy-nav li, #quiz_form button, #qf button
	{ cursor:pointer; }
	
	
/*tweaks*/
img.wide {position:absolute;}
.absolute-fix {margin-top:332px;}
.glue-top {margin-top:0;}

#help-accessibility h3.glue-top {margin-top:1em;}

#lifestyle-and-sleep .section li, #how-much-sleep-is-enough .section li
	{ margin:1em 0; }
	
#understanding-sleep .section ul
	{ position:relative; }

/*Search Engine */

.search_results_title 
{
	font-weight:bold;
	padding:5px;
}

.search_engine_item
{
	border:1px dotted #0091BE;
	margin-bottom:15px;
}

.search_results_link, .search_results_hint
{
	padding:5px;
}