<!-- 
/* global */
body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #666666; line-height: 12pt; }
body { background-color: #FFFFFF; margin: 0; }
a:link { color: #666666; text-decoration: underline; }
a:visited { text-decoration: underline; color: #333333; }
a:hover { text-decoration: none; color: #000000; }
a:active { text-decoration: underline; color: #000000; }

/* headers */
h1,h2,h3,h4,h5,h6 { line-height: normal; color: #666666; font-weight: lighter; margin-bottom: 0; }
h1 { font-size: 18pt; }
h1.title { margin: 0; font-size: 14pt; }
h2 { font-size: 16pt; }
h3 { font-size: 13pt; }
h4 { font-size: 11pt; margin-bottom: 0; }

/* misc */
hr { height: 1px; color: #333333; background-color: #333333; margin: 5px 0; }
img { border: 5px solid #EEEEEE; }
a img { border: none; background: none; text-decoration: none; }
small, .small { font-size: 7pt; line-height: 9pt; }
big, .big { font-size: 11pt; }
fieldset { border: 1px solid #333333; }
legend { font-weight: bold; color: #333333; }
th, td, tr { text-align: left; vertical-align: top; }
li { list-style-image: url(../images/list_arrow_blue.gif); }

/* forms */
input, textarea, option, select { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; line-height:14pt; background-color: #CCCCCC; padding: 2px; border: 1px solid #EEEEEE; margin: 3px 0px; }
option { border: none; padding: 0; margin: 0; }
input:focus, textarea:focus, option:focus { border: 1px solid #999999; }
textarea { width: 250px; height: 100px; }
form { margin: 0; padding: 0; }
form table { position: relative; margin: 0 auto; }
table.form td { width: 50%; }

/* custom classes */
.none { display: none; }
.button, .button:focus { font-size: 9pt; padding: 2px; border: 5px solid #EEEEEE; color: #000000; text-decoration: none; /*text-transform: capitalize;*/ background-color: #CCCCCC; }
.button:hover { border-color: #999999; }
.centre { position: relative; display: block; text-align: center; width: auto; margin: 0 auto 0 auto; }
.left { float: left; display: block; text-align: left; margin: auto 10px 10px auto; }
.right { float: right; display: block; text-align: right; margin: auto auto 10px 10px; }
.lowlight { color: #333333; /*font-style: italic;*/ text-decoration: none; background-color: #efefef; border-bottom: 1px solid #eeeeee; }
.highlight { color: #333333; /*font-style: italic;*/ text-decoration: none; background-color: #FFFFCC; border-bottom: 1px solid #FFFF66; }
.highlighterror { color: #333333; /*font-style: italic;*/ text-decoration: none; background-color: #fee9e2; border-bottom: 1px solid #fbc3b5; }
.highlightbox { border: 1px solid #FFFF66; background-color: #FFFFCC; padding: 10px; margin-bottom: 10px; }
.highlightbox h3, .highlightbox h2 { margin: 3px auto; }
a h3.highlightbox { text-decoration: none; }
a h3.highlightbox:hover { background: none; background-color: #FFFFCC; }
.bigborderbox, .bigborderboxnorm { border: 1px solid #EEEEEE; padding: 8px; }
.bigborderbox h3:first-child, .bigborderboxnorm h3:first-child, .bigborderbox p:first-child, .bigborderboxnorm p:first-child { margin-top: 0; }
img.bigborderbox { border: 1px solid #EEEEEE; padding: 0px; }
.clickable { cursor: pointer; }
.bluebar { display: block; width: 100%; height: 6px; background-color: #0066FF; margin: 10px 0px 5px 0px; }
.dottedsep { display: block; width: 100%; height: 5px; border-top: 1px dotted #999999; margin: 15px 0px; }
 
/* structure */
#container { position: relative; display: block; width: 980px; height: auto; margin: 0 auto 0 auto; padding: 0; }
#top { position: relative; display: block; width: auto; height: 75px; }
#logo { position: absolute; display: block; width: 287px; height: 68px; top: 1px; background: url(../images/hospitallogo.png) top left no-repeat; }
#nhslogo { position: absolute; display: block; width: 273px; height: 37px; right: 0px; top: 16px; background: url(../images/nhslogo.png) top right no-repeat; }
#menu { position: relative; display: block; width: auto; height: 26px; margin-bottom: 15px; }
#leftcol { float: left; display: block; width: 187px; height: auto; padding: 0; margin: 0; }
#rightcol { float: right; display: block; width: 187px; height: auto; padding: 0; margin: 0; }
#content { position: relative; display: block; width: 586px; height: auto; padding: 0; margin: 0 10px auto 197px; }
#footer { float: left; display: block; text-align: center; font-size: 8pt; width: 100%; margin-bottom: 20px; }

/* menus */
#menu ul, #menu li { display: inline; list-style: none; margin: 0; padding: 0; }
#menu > ul > li a { display: block; float: left; width: 177px; height: 18px; padding: 4px 0px 4px 10px; margin-left: 11px; text-decoration: none; font-size: 12px; font-weight: normal; background: url(../images/menubg.png) bottom right no-repeat; color: #FFFFFF; }
#menu > ul > li:first-child a { margin-left: 0; }
#menu > ul > li.a a { background-color: #FF3333; }
#menu > ul > li.b a { background-color: #0066FF; }
#menu > ul > li.c a { background-color: #33CC66; }
#menu > ul > li.d a { background-color: #663399; }
#menu > ul > li.e a { background-color: #000066; }
#menu > ul > li > ul > li a { background: none; padding: 4px 5px; margin: 0; font-size: .95em; font-weight: bold; color: #666666; }
.submenu { position: absolute; visibility: hidden; width: 174px; height: auto; padding: 0; left: 0; z-index: 10; text-decoration: none; border: 3px solid; border-top: none; border-right: none; top: 25px; background-color: #FFFFFF; }
.submenu li a { display: block; text-decoration: none; }
/*.submenu li a:hover { color: #FFFFFF; }*/
.submenuover { visibility: visible; }
#submenua { left: 0; border-color: #FF3333; }
#submenub { left: 198px; border-color: #0066FF; }
#submenuc { left: 396px; border-color: #33CC66; }
#submenud { left: 594px; border-color: #663399; }
#submenue { left: 792px; border-color: #000066; }
#submenua li a:hover { color: #FF3333; }
#submenub li a:hover { color: #0066FF; }
#submenuc li a:hover { color: #33CC66; }
#submenud li a:hover { color: #663399; }
#submenue li a:hover { color: #000066; }

/* column styling */
#colsearch h3 { background-image: url(../images/colicons_search.png); }
#colpublications h3 { background-image: url(../images/colicons_info.png); }
#colcontact h3 { background-image: url(../images/colicons_contact.png); }
#colfunding h3 { background-image: url(../images/colicons_funding.png); }
#collinks h3 { background-image: url(../images/colicons_links.png); }
#leftcol > div, #rightcol > div { position: relative; display: block; border-bottom: 1px dotted #EEEEEE; margin-bottom: 5px; font-size: .95em; color: #666666; line-height: 10pt; padding: 8px 16px 8px 8px; }
#leftcol > div img, #rightcol > div img { margin-top: 3px; }
#leftcol h3, #rightcol h3 { display: block; /*background-color: #8496B0; border: 8px solid #D3DAE5;*/ font-size: 11pt; color: #FFFFFF; width: 150px; height: 17px; padding: 12px 15px; margin: -8px -8px 10px -8px; }
#leftcol img, #rightcol img { border: 0; }

/* content styling */
.sectionimageheader { position: relative; display: block; height: 40px; background: url(../images/sectionimageheadere.jpg) right -30px no-repeat #d3dae5; margin-bottom: 10px; padding: 10px 177px 10px 10px; }
.bigborderbox, img.bigborderbox { border-color: #8496b0; background-color: #d3dae5; color: #000000; }
div.shophomepage h3 { visibility: hidden; }
h1, #content h2, #content h3, #content h4 { color: #000066; }
/*.contente b, .contente strong, */.contente a { color: #000066; }
#content li { list-style: url(../images/list_arrow_blue.gif) inside; }

/* category styling */
.categorybox { display: block; /*float: left; width: 175px;*/ border-bottom: 1px solid #d3dae5; margin: 0 10px 10px 0; }
/*.categoryboxes div:first-child { margin-right: 0; border: none; }*/
.categorybox ul, .categorybox ul li { margin: 0; padding: 0; list-style: none; display: block; }
.categorybox li a { display: block; position: relative; width: auto; border-bottom: 1px dotted #d3dae5; background: url(../images/list_arrow_blue.jpg) left center no-repeat; padding-left: 10px; text-decoration: none; }
.categorybox li a:hover { border-color: #000066; }
.categorytitle { display: block; position: relative; }

/* product styling */
.product { display: block; position: relative; width: auto; height: auto; margin-bottom: 10px; border-bottom: 1px dotted #d3dae5; }
.product i, .product em { color: #333333; /*font-style: italic;*/ text-decoration: none; background-color: #FFFFCC; border-bottom: 1px solid #FFFF66; }
.productimage { height: 130px; width: 130px; padding: 10px; background-position: center; background-repeat: no-repeat; background-color: #d3dae5; }
.productimagelink { height: 80px; width: 80px; background-position: center; background-repeat: no-repeat; border-width: 1px; }
.featuredproduct { height: 120px; }

/* breadcrumbs */
.breadcrumbs { position: relative; margin-top: 20px; width: auto; display: block; border-top: 1px dotted #dddddd; font-size: 8pt; padding: 0px 10px; }
.breadcrumbs a { font-size: 8pt; }

/* buttons box */
.buttons { display: block; position: relative; padding: 0; margin: 10px auto; height: 40px; }

/* tables and rows */
.altrow td { background-color: #efefef; }

/* homepage styling */
.shophomepage input { background-color: #FFFFFF; }

/* cart, account, shipping, checkout styling */
.cart, .account, .shipping, .checkout { display: block; position: relative; width: auto; height: auto; margin-bottom: 10px; border-bottom: 1px dotted #d3dae5; }

/* sending div */
#sendingdiv { position: absolute; left: 150px; top: 200px; background-color: #FFFFFF; border: 5px solid #000066; padding: 10px; height: 300px; width: 250px; }

/* progress */
p.progress { background-color: #d3dae5; padding: 5px; margin-top: -10px; height: 22px; }
.progress strong { padding: 5px; font-size: 11pt; width: 70px; display: block; text-align: center; float: left; }
.progress strong.selected { background-color: #FFFFFF; border: 1px solid #FFFFFF; }

-->