* { margin: 0; padding: 0; }


/*background: #005f79 url(i/L/html.png) repeat-x 0 0;
background: url(i/L/HL.png) no-repeat 50% 0;*/

html { height: 100%; margin-bottom: 1px; font: 12px/18px Arial, Helvetica, sans-serif; color: #555;  }
body { background:#005f79 url(/i/bk.gif) repeat-x 0 0; }

a { text-decoration: none; color: #005f79; }
a:hover,
a:focus { text-decoration: underline; }
a img,
fieldset { border: 0; } 
:focus { outline: none; }
i { font-weight: normal; font-family: Georgia, serif; }

h1  { font-weight: normal; font-size: 36px; line-height: 42px; margin-bottom: 19px; letter-spacing: -2px; color: #666; }
.content p   { margin-bottom: 18px; }

#sizer          { width: 960px; margin: 0 auto 9px; }
#sizer:after    { content: "."; display: block; clear: both; height: 0; font-size: 0; visibility: hidden; }

#address            { float: right; clear: both; padding: 20px 20px 12px; font-size: 12px; color: #fff; }
#address a          { color: #fff; text-decoration: underline; }
#address a:hover    { text-decoration: none; }


/*** HEADER BAR ***/

#header { position: relative; float: left; width: 960px; height: 60px; color: #fff; background: url(i/L/header-glass-inner.png) no-repeat; }
#nologo   { float: left; padding: 15px 20px; font: bold 28px/28px 'Helvetica Neue', 'Arial Narrow', Arial, sans-serif; color: #fff; text-shadow: 0 2px 1px #333; background: url(i/L/pseudo-logo.png) no-repeat 20px 9px; }
#nologo a { color: #fff; text-decoration: none; padding-left: 60px; } 
                                  
#home-body #header { margin-bottom: 20px; background: url(i/L/header-glass-home.png) no-repeat; }

#cart-and-search    { float: right; }
#search-form                    { float: left; width: 203px; padding: 18px 20px 17px 10px; }
#search-form fieldset           { height: 25px; background: url(i/L/search.png) no-repeat 0 0; }
#search-form label              { display: none; }
#search-form .input-text        { float: left; display: inline; width: 165px; padding: 0 10px 0 28px; margin: 6px 0 0; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #ccc; background: none; border: 0; }
#search-form .input-text:focus,
#search-form .input-text.focus { color: #000; }
#search-form .input-submit      { position: absolute; left: -9999px; top: -9999px; }


/*** BIG MASTHEAD ***/

#big-masthead   { position: relative; clear: both; width: 960px; height: 260px; margin: 20px 0; background: url(i/L/big-masthead-glass.png) no-repeat; }
#tiny-masthead  { position: relative; float: left; clear: both; margin: 0 0 20px; }
#tagline        { float: left; width: 580px; height: 158px; padding: 27px 0 20px 48px; font: 52px 'HelveticaNeue-Light', 'Helvetica Neue', Arial, Helvetica, sans-serif; color: #fff; text-shadow: 0 1px 0 #666; }
.subtagline	{font-size:36px; margin-top:0; padding-top:0;}
.tagtel		{font-size:36px; }
#main-nav       { float: left; width: 940px; padding-left: 20px; color: #fff; background: url(/c/i/L/header-glass-inner.png) no-repeat 0 100%; }
#home-body #main-nav { background: url(/c/i/L/black-40.png); }
#tiny-masthead #main-nav {  }
#main-nav ul    { float: left; }
#main-nav li    { float: left; display: inline; }
#main-nav li a  { display: block; padding: 0 20px; font-weight: bold; font: 14px/37px 'Helvetica Neue', 'Arial Narrow', Arial, sans-serif; color: #fff; }
#main-nav li.current    { background: #fff; }
#main-nav li.current a  { color: #666; }
#image-overlap { position: absolute; right: 0; bottom: 0; width: 320px; height: 290px; background: url(i/headers/female-pharmacist.png) no-repeat 100% 100%; }


/*** DID YOU KNOW AND CONTACT INFO ***/

#dyk-and-map { float: left; clear: both; width: 100%; background: url(i/L/dyk.png) repeat-y; }

#did-you-know       { float: left; width: 510px; padding: 0 20px; background: url(i/L/dyk-top.png) no-repeat 0 0; }
#did-you-know h3    { padding: 12px 0; color: #fff !important; border-bottom: 1px solid #1a4d5c; }
#did-you-know img   { float: left; }
#did-you-know ul    { float: right; width: 345px; padding: 18px 0 0; }
#did-you-know li    { float: left; display: inline; list-style: none; padding: 0 0 18px 30px; color: #fff; background: url(i/I/checkmark.png) no-repeat 5px 2px; }
#did-you-know li h4     { font-size: 18px; margin-bottom: 9px; color: #fff !important; }
#did-you-know li a      { font-weight: bold; color: #fff; }                

#did-you-know li .download-report    { }
#did-you-know li .download-report a  { color: #f93; }

                                                                   
#footer-map     { float: left; width: 370px; padding: 0 20px 20px; color: #fff; background: url(i/L/dyk-top.png) no-repeat 100% 0; }
#footer-map h3  { padding: 12px 0; color: #fff !important; }
#footer-map ul h3  { margin-top:9px; !important; }
#footer-map img,
#footer-map li    { float: left; display: inline; list-style: none; padding: 0 0 18px 30px; color: #fff; background: url(i/I/checkmark.png) no-repeat 5px 2px; }
#footer-map li .download-report a  { color: #f93; }
#footer-map h4      { font-size: 16px; margin-bottom: 9px; color: #fff !important; }
#footer-map a       { color: #fff; text-decoration: none; font-weight:bold;}
#footer-map a:hover { text-decoration: underline; }
#footer-address     { float: left; width: 370px; overflow: hidden; margin-top:11px; }
#footer-contact     { float: right; text-align: right; width: 190px; font-weight: bold; }


/*** FOOTER STUFF ***/
              
#footer         { float: left; width: 920px; padding: 35px 20px 36px; color: #fff; background: url(i/L/footer-top.png) no-repeat;}
#footer a       { padding: 0 5px; color: #fff; }
#footer a.current { font-weight: bold; }
#footer-nav     { float: left; }
#copyright      { float: right; }






/*** content general ***/

.content        { float: left; clear: both; width: 100%; padding-bottom: 20px; margin-bottom: 20px; background: url(i/L/box-split-bottom.png) no-repeat 0 100%; }
.content .content-inner { float: left; width: 100%; padding-top: 20px; background: url(i/L/box-split-top.png) no-repeat 0 0; }
.content .inner-vertical { float: left; width: 100%; background: #fff url(i/L/content-vertical-L.png) repeat-y 0 0; }
* html .content .inner-vertical { overflow-x: hidden; }

.page-intro { padding-right: 20px; font-size: 16px; line-height: 27px; }
.left-col   { float: left; width: 370px; padding: 0 20px 0 0; } 
.right-col  { float: left; width: 370px; padding: 0 20px 0 0; } 

.meta-title { font: bold 14px/18px 'HelveticaNeue-CondensedBold', 'Arrial Narrow', 'Helvetica Neue', Arial, sans-serif !important; }

  
/*** Pages styles ***/

#page-heading           { float: left; display: inline; width: 790px; margin-left: 170px; border-bottom: 1px solid #e0edf0; }
#page-heading h1        { font-weight: normal !important; line-height: 36px; color: #00bef2 !important; padding: 0 20px 0 20px; }
#page-heading h1 strong { display: block; position: relative; font-weight: normal !important; color: #666; }                    
#page-heading h1 small  { font-size: 24px; letter-spacing: -1px; }


/*** leaf pages ***/
         
.main-content   { float: left; display: inline; width: 770px; min-height: 368px; padding: 18px 0 0 190px; background: url(/i/hp_sprite.jpg) no-repeat -140px 0; }
.main-content a { text-decoration: underline; } 
.main-content a:hover { text-decoration: none; }
.main-content h2 { font-weight: normal; font-size: 18px; margin-bottom: 27px; color: #666; letter-spacing: -1px; }
.main-content h3 { font-weight: bold; font-size: 14px; margin-bottom: 9px; color: #f93 !important; }
.main-content p,
.main-content ul,
.main-content ol,
.main-content dl { margin-bottom: 18px; } 

.main-content blockquote         { padding: 0 20px 18px; font-style: italic; font-family: Georgia, serif; }                            
.main-content blockquote p       { margin-bottom: 9px; }
.main-content blockquote cite    { display: block; text-align: right; }                            

.main-content .figure .caption { display: block; padding: 9px; font: italic 1em/18px Georgia, serif; border-bottom: 1px solid #eee; color: #999; }
.main-content .alignleft  { float: left; margin: 0 20px .2em 0; }
.main-content .alignright { float: right; margin: 0 0 .2em 20px; }

.main-content table { width: 100%; border-collapse: collapse; margin-bottom: 18px; }
.main-content th,
.main-content td    { text-align: left; vertical-align: top; padding: 4px 9px 5px; }
.main-content thead th { border-bottom: 1px solid #000; }
.main-content tbody th,
.main-content tbody td { border-bottom: 1px solid #ccc; }
.main-content tbody td,
.main-content .text-right { text-align: right; }



/*** Homepage ***/         

#homepage-overview          { float: left; width: 100%; padding-bottom: 20px; margin-bottom: 20px; background: url(i/L/box-full-white-bottom.png) no-repeat 0 100%; }
#homepage-overview .inner   { float: left; width: 100%; padding: 20px 0 0; background: url(i/L/box-full-white-top.png) no-repeat 0 0; }
#homepage-overview ul   { float: left; width: 100%; background: #fff; }
#homepage-overview li   { float: left; display: inline; position: relative; list-style: none; width: 200px; padding: 0 0 0 20px; margin-left: 20px; background: none; }
#homepage-overview li.first-child { margin-left: 0; }

#homepage-overview li dl { margin-left: 75px; min-height: 60px; }
#homepage-overview li dt    { font-weight: bold; font-size: 18px; margin-bottom: 5px; color: #f93 !important; }
#homepage-overview li dt a  { color: #f93 !important; }
#homepage-overview li dd { }
#homepage-overview li dd.image { position: absolute; left: 20px; top: 0; }

#home-body .main-content { width: 400px; padding: 0 20px 0 190px; }
#home-body .side-content { position: relative; float: right; clear: none; width: 310px; padding: 0 20px; background: none; }

#home-body h1 { margin-bottom: 9px; padding-top: 0; }
#home-body .page-intro { font: bold 14px/24px Arial, Helvetica, sans-serif !important; }
#home-body #promo-arrow { position: relative; left: -30px; clear: both; width: 311px; height: 174px; }
#home-body .smallnote { text-align: right; padding: 9px 18px 0 0; color: #999; }

.flash-loader { position: absolute; left: -9999px; top: -9999px; }

/*** Features ***/

.feature-list       { float: left; width: 340px; margin: 0 20px 0 0; padding: 0 20px 0 0; }
.feature-list li    { list-style: none; }
.feature-list ul    { margin-bottom: 36px; }
.feature-list h3    { margin-bottom: 9px; }
.feature-list li li { padding: 0 0 9px 25px; background: url(i/I/checkmark.png) no-repeat 0 2px; }

/*** FAQ ***/

.faq-list       { float: left; clear:both; width: auto; margin: 0 20px 25px 0; padding: 0 20px 0 0; }
.faq-list li    { list-style: none; }
.faq-list li a	{ color:#555555;}
.faq-list ul    { margin-bottom: 36px; }
.faq-list h3    { margin-bottom: 9px; }
.faq-list li li { padding: 0 0 9px 25px; background: url(i/I/checkmark.png) no-repeat 0 2px; }
.faq_header {clear:both; margin-top: 25px;}
.back-to-top {text-align:right; padding-right:20px;}

/*** Packages***/

.table-list {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	margin-bottom: 0px !important;
}
.table-title {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF9933;
	font-size:24px;
	margin-bottom:0px !important;
}
.table-list-values {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #555555;
	margin-bottom: 0px !important;
}
.table-headers {
	margin-bottom: 0px !important;
}
.table {
	width:750px;
}


/*** Examples ***/

#examples-body .content                 { background: url(i/L/box-full-white-bottom.png) no-repeat 0 100%; }
#examples-body .content .content-inner          { background: url(i/L/box-full-white-top.png) no-repeat 0 0; }
#examples-body .content .inner-vertical { background: #fff; }

#examples-body #page-heading { margin: 0; width: 100%; }                   
#examples-body .main-content { width: 930px; min-height: 303px; padding: 18px 25px; margin: 0; background: none; } 

#themes-list li { list-style: none; float: left; width: 290px; height: 260px; margin: 0 20px 18px 0; }
#themes-list li img { width: 290px; height: 164px; margin-bottom: 18px; }
#themes-list li .desc { padding: 0 5px; }
#themes-list li h3 { margin: 0; }


/*** Company ***/

#company-body .left-col,
#company-body .right-col { float: left; width: 340px; margin: 0 20px 0 0; padding: 0 20px 0 0; }


/*** Contact ***/

#contact-body .main-content             { width: 500px; padding: 18px 20px 0 190px; }
#contact-body .main-content form        { width: 500px; margin-bottom: 18px; background: #eee url(i/F/form-bottom.png) no-repeat 0 100%; }
#contact-body .main-content fieldset    { padding: 18px 0; background: url(i/F/form-top.png) no-repeat 0 0; }

.confirmation           { font-weight: normal; font-size: 16px; margin-bottom: 18px; color: #666; letter-spacing: -1px; }
.confirmation strong    { color: #000; }

.errors         { color: red; padding-bottom: 0; margin-bottom: 9px; font-weight: bold; background: #ffc url(i/F/form-top.png) no-repeat 0 0; }
.errors .inner  { padding: 18px 20px 32px; background: url(i/F/form-bottom-bubble.png) no-repeat 0 100%; }
.errors p       { margin: 0 0 5px !important; }
.errors li      { margin: 0 0 5px 20px; }

#contact-body .main-content .field         { padding: 0 0 18px 20px; }
#contact-body .main-content .field label   { display: block; padding: 4px 0 4px 4px; font-weight: bold; color: #666; text-shadow: 0 1px 1px #fff; }
#contact-body .main-content .text-field        { float: left; display: inline; width: 220px; }
#contact-body .main-content .textarea-field    { clear: both; width: 460px; padding: 9px 0 0; margin-left: 20px; background: url(i/L/3d-divider.png) repeat-x 0 0; }

#contact-body .main-content #name-field        { margin-left: 20px; padding-left: 0; }
#contact-body .main-content .input-wrapper     { float: left; padding: 1px; border: 1px solid #e6e6e6; background: #fff; }
#contact-body .main-content .field .input-text,
#contact-body .main-content .field textarea    { font: 16px/18px Arial, Helvetica, sans-serif; padding: 2px; border: 1px solid #666; border-color: #666 #bbb #ddd; background: #fff url(i/F/input-text-shadow.png) no-repeat 0 0; }

#contact-body .main-content .field .input-text { width: 210px; }
#contact-body .main-content .field textarea    { width: 454px; height: 7em; padding: 2px 0 0; overflow: auto; }

#contact-body .main-content .button-holder     { clear: both; padding: 18px 22px 0; text-align: right; }
#contact-body .main-content .button-holder .label-check { float: left; padding: 2px 5px; }
#contact-body .main-content .button-holder .label-check input  { float: left; margin: 0 .5em 0 0; }

#contact-body .main-content button             { font: bold 12px/18px Arial, Helvetica, sans-serif; text-transform: uppercase; border: 0; padding: 4px 18px; color: #fff; background: #666 url(i/F/button-shine.png) repeat-x 0 0; border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; -khtml-border-radius: 13px; }
#contact-body .main-content button:active      { color: #666; background-color: #fff !important; }


/*** sidecontent listing ***/ 

#contact-body .side-content { float: right; clear: none; width: 210px !important; padding: 0 20px 18px; background: none; }

.side-content h3 { margin-bottom: 9px; }

.sidebox    { padding: 18px 0 36px; }
.sidebox p  { margin-bottom: 9px; }

.address    { font-style: italic; }

#opening-hours li { list-style: none; }


/*** Error 404 ***/

#error-404      { width: 380px; padding: 70px 0 80px 240px; margin-bottom: 70px; background: url(i/L/404.jpg) no-repeat 0 100%; }
#error-404 p    { font-size: 14px; }
#error-404 p a  { font-weight: bold; }


/*** Colors ***/

h1,
h2,
h3,
h4,
h5,
li dt,
#local-nav li.current a,
#main-nav li.current a,
#page-heading h1 strong,
#page-heading p strong,
.main-content label,
.main-content button:active    { color: #005f79 !important; }

.main-content button             { background-color: #005f79 !important; }
.main-content button:hover       { background-color: #2e7985 !important; }

.main-content form { background-color: #e0edf0 !important; }



#tut-btn1	{position:absolute; background:url(/images/btnbk2.gif); left:0px; top:10px; width:341px; height:60px; z-index:10000; overflow:hidden;}
#tut-btn2	{position:absolute; background:url(/images/btnbk2.gif);  left:30px; top:75px; width:311px; height:60px; z-index:1000; opacity:0.75; overflow:hidden;}
#tut-btn3	{position:absolute; background:url(/images/btnbk2.gif);  left:30px; top:140px; width:311px; height:60px; z-index:1000; opacity:0.75; overflow:hidden;}

.playbtninfo	{opacity:0; width:158px; height:60px; background:url(/images/clickplay.gif) no-repeat; float:left; clear:none; display:block;}

#tut-btn1p	{opacity:1;}

#asthmabtn	{height:40px; margin:20px 20px 0 0; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:24px; text-align:right; text-indent:20px; float:right; color:#ffffff;display:block;}
#diabetesbtn	{height:40px; margin:20px 20px 0 0; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:24px; text-align:right; text-indent:20px; float:right; color:#ffffff;display:block;}
#skinbtn	{height:40px; margin:20px 20px 0 0; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:24px; text-align:right; text-indent:20px; float:right; color:#ffffff;display:block;}



.tutbtninner{width:100%; height:60px; float:right; cursor:pointer; display:block;}

.pcustomisable	{font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#00bef2;}

#spr_examples	{background:url(/i/hp_sprite.jpg) -60px -169px;}
#spr_features	{background:url(/i/hp_sprite.jpg) 0 -169px;}
#spr_contact	{background:url(/i/hp_sprite.jpg) -60px -229px;}
#spr_company	{background:url(/i/hp_sprite.jpg) 0px -229px;}
#dyk-img		{background:url(/i/hp_sprite.jpg) 0 0;}