﻿body {
	font-size:70%;
	font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
	text-align:center;
	line-height:1.66em;
	background:#dfeff2 url(../images/bg/body.gif) repeat-x left top;
	color:#333;
	padding:0;

}
input,
select,
textarea {
	font-size:70%;
	font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
	}
/* Font Size  ****************************************************************/
/* 11px */
#primaryNavigation li a{font-size:1.1em;}
/* 12px */
h4,
#content p,
#content li,
#content dl,
#content table,
#content blockquote p,
#content blockquote li,
#content blockquote dt,
#content blockquote dd,
#content blockquote table,
#content blockquote h4,
#content blockquote h5,
input,
select,
textarea,
#content div.results-header p.fr {font-size:1.2em;}

#content li li {font-size:1em;}

#housekeeping li,
#housekeeping p,
#footer p,
#footer li { font-size: 1.1em; }
#sideBar li { font-size: 1.2em; }

/* 14px */
#nav_main li a,
h3,
#content blockquote h3 {font-size:1.4em;}
/* 16px */
h2,
#content blockquote h2 {font-size:1.6em;}
/* 18px */
h1,
#content blockquote h1 {font-size:1.8em;}


#content p.intro {font-size:1.58em;}
#content h2 { font-size: 2.8em; }
#content div.results-header h2 { font-size: 2.2em; }

#content div.result h3 { font-size: 1.9em; }


#content h3 { font-size: 1.4em; padding-bottom: 5px; margin-bottom: 5px; }

#content h4 { font-size: 1.35em; padding-bottom: 5px; margin-bottom: 5px; }

#content h5 { font-size: 1.25em; padding:0; margin-bottom: 5px; }

#content p { margin: 0 0 1em 0; }

/* Text Resize FOnt Size */
#housekeeping ul li.text-size a.normal {font-size:12px;}
#housekeeping ul li.text-size a.medium {font-size:14px;}
#housekeeping ul li.text-size a.large {font-size:16px;}

/* Utilities  ****************************************************************/

/* General  ******************************************************************/

#page {
	text-align:left;
	width:1000px;
	margin:0 auto;
	background-color:#ffffff;
	padding:10px;
	position:relative;
}
/* Housekeeping  ***************************************************************/
#housekeeping { border-bottom: 1px solid #a0d7e2; background: transparent url(../images/bg/housekeeping.gif) no-repeat left top; padding-top: 4px; }
#housekeeping li{
        
	}

#housekeeping ul { float: right; }
#housekeeping ul li { display: block; line-height: 24px; float: left; }
#housekeeping ul li.text-size,
#housekeeping ul li a { display: block; line-height: 24px; float: left; color:#333; font-weight: bold; margin-left: 15px; }

* html #housekeeping ul li a { display: inline; }

#housekeeping ul li.colour a { padding-right:16px; margin-right:8px; background: transparent url(../images/icons/colour.gif) no-repeat right center; }

/*#housekeeping ul li.text-size a { padding-right:45px; background: transparent url(../images/icons/text.gif) no-repeat right 4px; }*/

#housekeeping p.home-link { float: left; }
#housekeeping p.home-link a { color:#333; font-weight: bold; line-height: 24px; margin-left: 16px; padding-left: 10px; background: transparent url(../images/icons/arrow.gif) no-repeat left center; }
	




	
/* Header ********************************************************************/
#header{
    background: #373737 url(../images/bg/header.gif) repeat-x left bottom;
    border-top: 1px solid #6ca4af;
    position: relative;
}

#header div.inner { background: transparent url(../images/bg/header-base.gif) no-repeat left bottom; padding:13px 15px 6px 10px; min-height:102px; }
* html #header div.inner { height:102px; }


#header h1.graphical { text-indent: -9999px; display: block; margin:0; padding:0; }

#header h1.main-logo { width:466px; height:65px; background: transparent url(../images/himl-logo.png) no-repeat left top; }
* html #header h1.main-logo { background-image: url(../images/himl-logo.gif); }
#header h1.main-logo a { display: block; margin:0; padding:0; width: 466px; height: 65px;overflow:auto; }

#header h2.tagline { color: #fff; font-size: 1.25em; padding: 7px 0 5px; }

#header  a { border:1px dotted #3f3f3f;display:block; }
#header  a:hover,
#header  a:focus,
#header  a:active { border-color:#F98400; }
#header  a img { display:block; }

#header div.quick-search { position: absolute; right: 15px; top: 30px; }
#header div.quick-search label,
#header div.bodymap-search label { color: #fff; font-weight: bold; font-size: 130%; }
#header div.quick-search input.search-keyword { border: 2px solid #999; margin: 0 2px; width: 222px;line-height:1; }
#header div.quick-search input,
#header div.quick-search label { vertical-align: middle; line-height: 25px; }

/*#header div.quick-search input#quicksearch-go { border:2px solid #3D3D3D;position:relative;top:-2px; }*/
#header div.quick-search input#quicksearch-go {
    border:0;
    position:relative;
    top:0px;
    width:30px;
    height: 25px;
    background: url(/images/buttons/header-go.gif) no-repeat;
    cursor: pointer;
    text-indent: -11000em;
    overflow: hidden;
}

/*#header div.quick-search input#quicksearch-go.focus,*/
#header div.quick-search input.focus,
#header div.quick-search input:focus { border:2px solid #F98400; }

#header div.bodymap-search { position: absolute; right: 44px; top: 77px; }
#header div.bodymap-search input,
#header div.bodymap-search label { vertical-align: middle; line-height: 37px; }
#header div.bodymap-search input { margin-left: 2px; }



* html #header div.quick-search {right: 30px;}
* html #header div.bodymap-search {right: 59px;}

/* Forms  ********************************************************************/ 
div.standard-form { margin:1em 0; padding:0; }
div.standard-form div.inner {}

div.standard-form div.row { padding: 5px 15px; border-bottom: 1px solid #d6d5d4; }
div.standard-form div.row label { font-size: 1.1em; font-weight: bold; width:23%; float: left; padding-top: 3px; }
div.standard-form div.row input,
div.standard-form div.row select,
div.standard-form div.row textarea { float: right; width: 73%; padding: 2px; }

div.standard-form div.row span.error { float: right; width:2%;}

div.standard-form div.row select { width: 64.5%; }

div.standard-form div.submit { width: 100%; overflow: hidden; padding: 8px 0;}

div.standard-form div.submit input { float: left; margin-left: 26.75%; }

div.standard-form div.validation-summary { float: left; line-height: 24px; font-size: 1.1em;  }
div.standard-form span.error { font-size: 1.4em; }

div.standard-form div.validation-summary,
div.standard-form span.error { color: #dc0000;  }

div.standard-form div.forgotten_password { color:#5b5b5b; font-size: 0.9em; }
div.standard-form div.forgotten_password a { color:#5b5b5b; text-decoration: underline; }

fieldset  { margin:0; padding:0; border: none; }
fieldset legend { display: none; }
#content fieldset p.errorPanel { padding:0; color:#DC0000; }
fieldset div.formRow { padding: 3px 0; }
fieldset div.formRow label { font-size: 1.1em; font-weight: bold; width:33%; float: left; }
fieldset div.formRow input,
fieldset div.formRow select,
fieldset div.formRow textarea { float: left; width: 63%; padding: 2px; }

fieldset input.button { float: right; margin-right:3%; }

fieldset div.formRow:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

fieldset div.formRow { display: inline-block;}

/* Hides from IE-mac \*/
* html fieldset div.formRow, * html fieldset div.formRow  { height: 1%; }
fieldset div.formRow  { display: block; }
/* End hide from IE-mac */


span.mandatory { color: #ee7000; }

#content div.content-area div.standard-form { background:#f0eeed url(../images/bg/formbase.gif) no-repeat left bottom; padding: 0 0 15px 0; width: 578px; }
#content div.content-area div.standard-form div.inner  {background: transparent url(../images/bg/formhead.gif) no-repeat left top; padding: 10px 0 0 0; width: 578px; }

#content div.content-area div.standard-form div.row input,
#content div.content-area div.standard-form div.row textarea { border: 2px solid #ee7000; }




/* Structure  ****************************************************************/


/* Site Wide  ****************************************************************/

#content {
    padding-bottom: 30px;
    padding-top: 30px;
}

#content a { color: #0000ff /*#002D8F*/; font-weight: bold; }

div.homepage #content { padding-top: 15px; }

#content p.intro { color: #555; padding: 0 0 10px 205px; line-height: 1.44em; }

#mainContent { width: 797px; float: right; }

div.homepage #mainContent { width :812px; }

#mainContent div.image-option { float: left; margin-left: 15px; margin-bottom: 15px; width:188px; }

* html #mainContent div.image-option { display: inline; }

#mainContent div.image-option h3 { background: transparent url(../images/bg/option-header.gif) no-repeat left top; padding:6px 0 4px 24px; margin:0; border-bottom: 1px solid #553418;}

#mainContent div.image-option h3 a { color:#000; }

#content div.blockheader { background: #f6f5f4 url(../images/bg/contentheading-base.gif) no-repeat left bottom; padding-bottom:15px; margin-bottom: 15px;  }
#content div.blockheader h2 {line-height:1; color: #555;  background: transparent url(../images/bg/contentheading-head.gif) no-repeat left top; padding-top:15px; padding-left:15px; }

#content div.content-area { background:#f6f5f4 url(../images/bg/contentheading-base.gif) no-repeat left bottom; padding-bottom: 10px; }

#content div.content-area div.inner  {background: transparent url(../images/bg/contentheading-head.gif) no-repeat left top; padding: 20px 15px 10px; position: relative; min-height:315px; }

#content div.content-area div.inner { padding-top: 15px; }

#content div.contact-us div.inner { padding-right:204px; }

* html #content div.body-map div.inner { height:315px; }
* html #content div.content-area div.inner { height:315px; }

#content div.body-map {background:#f6f5f4 url(../images/bg/contentheading-head.gif) no-repeat left top;padding-top:10px;padding-bottom:5em; } /* Altered by Jamie Stewart */
#content div.body-map div.inner {background: transparent url(../images/bg/contentheading-base.gif) no-repeat left bottom;padding: 20px 15px 10px; position: relative; min-height:315px;}

#content div.body-map p { padding:0 15px; }

#content div.body-map p.instructions { position: absolute; top:12px; z-index: 10; margin:0; padding:0; }
#content div.body-map ul.bodymap-textlist { position: absolute; top:9.6em; left:210px; z-index: 30; width: 116px; margin:0; padding:0; }
#content div.body-map img.bodymap-image { position: absolute; top:4.2em; left:185px; z-index: 20;}


#content div.body-map ul.bodymap-textlist li a { font-weight: bold; color: #d87603; display: block; width:106px; margin:0; padding:0 0 0 10px; line-height:24px; background: transparent url(../images/bodymap-arrow.gif) no-repeat left 8px; }


#content div.content-area p.intro { font-size:1.4em; color: #333; padding:0; margin: 0 0 1.12em 0; }

#content div.content-area h3 { border-bottom: 1px solid #666; }
#content div.content-area h4 { border-bottom: 1px solid #bcbcbc; }
#content div.content-area h5 {}

#content div.content-area img.content-image { float: right; padding-left: 15px; padding-bottom: 5px; background: #f6f5f4; }


#content table.record-table { width: 100%; border-collapse: collapse; padding:0; margin: 0 0 1em 0; }

#content table.record-table tr th { height: 21px; vertical-align: top; text-align: left; padding: 3px; border-bottom: 1px solid #eee; }
#content table.record-table tr td { height: 21px; vertical-align: top; text-align: left; padding: 3px; border-bottom: 1px solid #eee; }

#content table.record-table tr.alternate th,
#content table.record-table tr.alternate td { background: #fff;}

#content table.record-table tr td a,
#content table.record-table tr td span { padding-right: 15px; }


a.morelink { padding-right: 10px; background: transparent url(../images/bg/morelink.gif) no-repeat right .42em; }


#content div.results-header { background: #d6f3f9 url(../images/bg/resultsheader-base.gif) no-repeat left bottom; padding-bottom:10px; margin-bottom: 15px; }
#content div.results-header h2 { background: transparent url(../images/bg/resultsheader-head.gif) no-repeat left top; }
#content div.results-header p { padding:10px 15px 0; margin:0; font-size: 125%; }

#content div.results-header p.fr { padding-top:15px; }

#content div.columned div.column { float: left; }

#content div.columned div.main-column { width: 594px; }
#content div.columned div.side-column { width: 188px; float: right; }


#content div.columned div.side-column { font-size: 90%; line-height: 1.5em; padding-top: 20px; }

#content div.columned div.main-column div.result { background:#f3f2f1 url(../images/bg/result-base.gif) no-repeat left bottom; padding-bottom: 10px; margin-bottom: 15px; }
#content div.columned div.main-column div.result div.inner {background: transparent url(../images/bg/result-head.gif) no-repeat left top; padding: 10px 10px 0; }



#content div.paging-footer { background:#f3f2f1 url(../images/bg/result-base.gif) no-repeat left bottom; padding-bottom: 10px; margin-bottom: 15px; }
#content div.paging-footer div.inner { background: transparent url(../images/bg/result-head.gif) no-repeat left top; padding: 10px 10px 0; position: relative; }

#content div.paging-footer p.pageinfo { font-weight: bold; margin:0; position: absolute; left:10px; top: 10px; }

div.paging { text-align: center;padding-left:50px; }
div.paging ul.navigation { display: inline; }
div.paging ul.navigation li { display: inline; padding: 0 3px 0 3px; }
div.paging ul.navigation li a {}
div.paging ul.navigation li.selected a {  }


#content ul.linklist { margin-bottom: 1.5em; }

#content ul.linklist li strong,
#content ul.linklist li a { padding-left: 13px; background: transparent url(../images/bg/morelink.gif) no-repeat left .38em; }
#content div.columned div.side-column ul.linklist li a { line-height: 1.7em;  }

#content div.columned div.side-column p.sorting { padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid #bcbcbc; }

#content div.columned div.side-column h4 { border-bottom: 1px solid #eee; padding: 0 0 1px 0; }


#content ul.colour-options {margin:0; padding:10px 0 0 0;}
#content ul.colour-options li { display: block; float: left; margin:0; padding:0; }
#content ul.colour-options li a { width: 108px; padding-left: 13px; padding-right: 20px; margin-right:15px; padding-top: 110px; height: 40px; display: block; float: left; }
#content ul.colour-options li.bob a { margin-right:0; }

#content ul.colour-options li.normal a { background: transparent url(../images/colours/normal.gif) no-repeat left top; }
#content ul.colour-options li.wob a { background: transparent url(../images/colours/wob.gif) no-repeat left top; }
#content ul.colour-options li.boy a { background: transparent url(../images/colours/boy.gif) no-repeat left top; }
#content ul.colour-options li.yob a { background: transparent url(../images/colours/yob.gif) no-repeat left top; }
#content ul.colour-options li.bob a { background: transparent url(../images/colours/bob.gif) no-repeat left top; }

* html #content ul.colour-options li a { display: inline; }


/* Sidebar  *******************************************************************/
#sideBar { width: 188px; float: left; }


#sideBar h3 { background: transparent url(../images/bg/side-header.gif) no-repeat left top; border-bottom: 1px solid #a0d7e2; font-size: 1.15em; margin:0; padding: 5px 0 4px 5px; } 
#sideBar ul.language-options { border-top: 1px solid #646464;}
#sideBar ul.language-options li { border:1px solid #fff; }
#sideBar ul.language-options li { background: none; display: block; padding:0; }

#sideBar ul.language-options li.all { border-bottom: 1px solid #bcbcbc; padding-bottom: 3px; margin-bottom: 3px; } 

#sideBar ul.language-options li input,
#sideBar ul.language-options li label {vertical-align: middle; line-height:23px;}
#sideBar ul.language-options li label { padding-left: 3px; font-weight: bold; }

#sideBar ul.language-options li.selected { background:#ec6c00 url(../images/bg/sidenav-selected.gif) repeat-x left top; border:1px solid #ce5d00; }

#sideBar ul.language-options li.focus { background:#000;color:#fff; }
#sideBar ul.language-options li span.native { padding-left: 5px; font-weight: normal; }

#sideBar ul.language-options li:focus { border:3px solid #F98400; }

/* Footer  *******************************************************************/
#footer{
     background: #f6f5f4 url(../images/bg/footer-base.gif) no-repeat left bottom; padding-bottom: 10px; 
}

#footer div.inner { background: transparent url(../images/bg/footer-head.gif) no-repeat left top; padding-top: 10px; }

#footer div.footer-links { float: left; width: 45%; }

#footer div.footer-links ul li a { color: #333; font-weight: bold; margin:0; padding:0 0 0 10px; }

#footer div.sponsors { float: right;}
#footer div.sponsors p { float: left; font-weight: bold; }

#footer ul.sponsor-links { float: left; margin:0; padding:0; list-style: none; }
#footer ul.sponsor-links li { display: block; float: left; margin:0; padding:0; }
#footer ul.sponsor-links li a { display: block; float: left; padding:0; margin: 0 10px; }

* html #footer ul.sponsor-links li a { display: inline; }


/* Page Specific *************************************************************/

#content div.body-map ul.bodymap-textlist li a:hover { color:#000; text-decoration: none; }



div#content div#mainContent div.body-map img.headandneck { background: transparent url(../images/bodymap/headandneck.gif); }
div#content div#mainContent div.body-map img.chest { background: transparent url(../images/bodymap/chest.gif); }

/* Additional Styles added by Jamie Stewart */
p.errorMessage { clear:right;color:#CC0000;padding:5px 0 0 140px; }

.inner ul { list-style:disc;margin-left:30px; }

.inner .footer-links ul,
.body-map .inner ul { list-style:none;margin-left:0; }

/* New text re-sizer styles */
#housekeeping ul li.text-size a  
{
    display:inline;
    line-height:1;
    margin-left:0;
    float:none; 
    font-family:Georgia,Verdana,Arial,Sans-Serif;
}

#content ol { margin-left:30px; }

#content div.result h3 { line-height:1; }



/*
    Language Select Images
*/

.language-options span.fr { float:none; margin: 0; }

.language-options span.ar,
.language-options span.bn,
.language-options span.zh,
.language-options span.hi,
.language-options span.pa,
.language-options span.ur {
    text-indent: -11000em;
    overflow:hidden;
    display: inline-block;
    width: 20px;
    height: 10px;
    margin: 0;
    background-image: url(/images/languages.png);
    background-repeat: no-repeat;
}

.language-options span.ar { height:22px;width:52px;background-position: -18px -14px; }
.language-options li.selected span.ar { background-position: -154px -14px; }
.language-options li.focus span.ar { background-position: -86px -14px; }

.language-options span.bn { height:19px;width:46px;background-position: -18px -50px; }
.language-options li.selected span.bn { background-position: -154px -50px; }
.language-options li.focus span.bn { background-position: -86px -50px; }

.language-options span.zh { height:22px;width:36px;background-position: -18px -86px; }
.language-options li.selected span.zh { background-position: -154px -86px; }
.language-options li.focus span.zh { background-position: -86px -86px; }

.language-options span.hi { height:19px;width:39px;background-position: -18px -121px; }
.language-options li.selected span.hi { background-position: -154px -121px; }
.language-options li.focus span.hi { background-position: -86px -121px; }

.language-options span.pa { height:19px;width:43px;background-position: -18px -156px; }
.language-options li.selected span.pa { background-position: -154px -156px; }
.language-options li.focus span.pa { background-position: -86px -156px; }

.language-options span.ur { height:28px;width:25px;background-position: -18px -189px; }
.language-options li.selected span.ur { background-position: -154px -189px; }
.language-options li.focus span.ur { background-position: -86px -189px; }
