/* ANI palette
#06c blue
#9cf light blue highlight 

#999 grey buttons


Defaults
================================================================*/
*, dl, dd, dt { margin: 0; padding: 0; }
img { border: 0; }
a, a:visited { color: #06c; }
ul, ul li { list-style: none; }
.clear { clear: both; height: 0; line-height: 0; }
html { min-height:100%; margin-bottom:1px; } 
body { margin: 0; font: 62.5% arial,helvetica,sans-serif; color: #000; background-color: #fff; text-align: left; }
sup, sub { line-height: 0; }
/*hiding elements but readable by screen readers*/
.hidden { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }

/* Headings,text
================================================================*/
#content p { clear: left; margin: 0 0 1.2em; }
#content ul, #content ol { margin-bottom: 1.2em; }
#content ol { margin-left: 2.4em; }
#content em { font-style: normal; color: #06c; }
#text blockquote { margin-left: 2em; font-style: italic; }

/* Forms
================================================================*/
input, textarea, select, button { font-size: 1em; font-family: arial,helvetica,sans-serif; }
button { background-color: #999; color: #fff; border: 0; padding: 1px 4px; cursor: pointer; }
fieldset { border: 0; }

/*sidebar search and hcp login*/
#sidebar input { color: #666; }
#sidebar input { border: 1px solid #ccc; background-color: #fff; padding: 1px 2px; }
#form-search { padding: 0 0 1.8em 13px; }
#form-search input { width: 99px; margin-right: 4px; }
#form-search button { padding: 1px; }
#form-login { margin: 0.6em 0 1.4em; }
#hcp input { margin-bottom: 0.5em; width: 124px; }
#hcp button { margin-top: 0.4em; }

/*login page*/
#form-login-full { margin-bottom: 2em; }
#form-login-full label { float: left; display: inline; width: 8em; }
#form-login-full p.actions { margin-left: 8em; }

/*order form / reg form*/
#text #form-order h2 { margin-bottom: 1.5em; padding: 0.8em 0 0.1em; border-bottom: 1px solid #c00; font-size: 1em; font-weight: bold; text-transform: uppercase; }
#form-order button { background-color: #c00; text-transform: uppercase; font-weight: bold; padding: 3px 12px; }
#form-order p { margin-bottom: 0.7em; }
#form-order textarea { margin-top: 0.5em; width: 320px; height: 105px; padding: 5px; }
#form-order input.option { margin-right: 1.3em; }

#fs-contact { padding-bottom: 28px; }
#fs-contact p, #fs-contact label, #fs-contact input , #form-register p, #form-register label, #form-register input { float: left; display: inline; }
#fs-contact p { width: 560px; }
#fs-contact label, #form-register label { width: 8.3em; margin-right: 1.5em; text-align: right; }
#form-register label { width: 11.58em; }
#fs-contact input, #form-register input, #form-register textarea { width: 245px; padding: 1px 2px; }
#fs-contact input.indent { margin-left: 9.8em; }
#fs-contact .instructions { clear: left; margin-left: 10.5em; padding-top: 0.5em; }

#fs-request { padding-bottom: 1.2em; }

#fs-wish p { width: 460px; margin-bottom: 1.5em; }
#fs-wish { padding-bottom: 1.5em; }

#submission { border-top: 1px solid #c00; padding-top: 3.2em; }

#page-register #text { width: 700px; }
#form-register p { width: 700px; }
#form-register { padding: 2em 0 3em; }
#form-register input { margin-right: 1em; }
#form-register span { color: #666; padding-right: 1em; }
#form-register .actions, #form-register .options { margin-left: 13em; }
#form-register .actions p, #form-register .options p { width: auto; float: none; display: block; }

#form-register .options input { width: auto; }
#form-register .options label { width: auto; text-align: left; margin-bottom: 1em; }

span.error { color: #c00; padding-left: 1em; }
textarea.error, #fs-contact input.error, #form-register input.error { border: 1px solid #c00; }
#fs-request span.error { padding-left: 0; }
#fs-request label span.error { padding-left: 1em; }

#form-register span.error { padding: 0; color: #c00; }

/* Structure
================================================================*/
#wrapper { width: 955px; margin: 20px 0; }

#branding, #breadcrumb, #sidebar, #footer { font-size: 1.1em; }
#sidebar h3, h1, h3 { font-size: 1em; }
h2, a.button { font-size: 1.25em; }
#content { font-size: 1.2em; line-height: 1.35em; }
#access a, #page-article h1, .section-news #text h2 { font-size: 1.2em; }
.visual, ul.recipes, #page-recipe .block, .smallprint { font-size: .92em; }
/*prevent text resizer from affecting nav bar and quotes*/
#nav, #access span { font-size: 11px; }
#banner blockquote { font-size: 20px; }
#banner blockquote cite { font-size: 16px; }


#access a { font-family: Verdana, Arial, Helvetica, sans-serif; }
#banner blockquote { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }

h1 { margin-bottom: 0.8em; color: #06c; text-transform: uppercase; font-weight: bold; font-size: 1.6em; font-weight: normal; }
.landing h1, #page-home #text h2 { padding-top: 6px; margin-bottom: 0.9em; text-transform: none; font-size: 2.2em; }
#text h2 { clear: left; margin-bottom: 0.8em; font-weight: normal; color: #06c; }
#text h3 { margin-bottom: 0.4em; font-weight: bold; color: #06c; }

#branding a, #breadcrumb a, #footer a, #sidebar a, #latest a, .visual a { text-decoration: none; }

#nav a, #nav a:visited, #access a, #access a:visited, #latest h2 a, #latest h2 a:visited { color: #fff; }
#breadcrumb a, #breadcrumb a:visited, #footer a, #footer a:visited { color: #999; }
#hcp a, #hcp a:visited, #sidebar h3 a, #sidebar h3 a:visited { color: #06c; }
#sidebar li a, #sidebar li a:visited, #sidebar a.subtle, #sidebar a.subtle:visited { color: #666; }
.visual a, .visual a:visited { color: #000 !important; }
#sidebar li a:hover, #breadcrumb a:hover, #footer a:hover { text-decoration: underline; } 


#nav li, #access li, #footer li { float: left; }

#branding { position: relative; height: 116px; margin-bottom: 1.5em; background: url(../images/general/a_home_rec_prod.gif) top left no-repeat; }

#header { position: absolute; left: 179px; top: 0; }
#logo { position: absolute; right: 18px; top: 0; }

#access { display: none; position: absolute; top: 64px; right: 18px; z-index: 5; color: #fff; width: 150px; text-align:right; color: #06c; font-weight: bold;  }
/* need rule below for ie6
#access span { position:absolute; right:51px; bottom:0; }*/
#access ul { float:right; width:40px; display:inline; }
#access li { margin-left: 5px; display: inline; width: 15px; height: 15px; /*margin-left:0.5em;*/ }
#access a { display: block; background-color: #06c; font-weight: bold; }
#access span { float: right; }

#nav { position: absolute; left: 175px; bottom: 0; width: 780px; background-color: #06c; color: #fff; font-weight: bold; text-transform:uppercase; }
#nav a { display: block; padding: 6px 14px 7px; border-right: 2px solid #fff; }
#nav #nav-abbott a { border-right: 0; }

#nav a:hover, .section-home #nav #nav-home, .section-products #nav #nav-products { background-color: #9cf; }
 
#breadcrumb { margin-left: 175px; color: #999; text-transform: capitalize; font-weight: bold; }
#breadcrumb span { padding: 0 0.4em; }
#breadcrumb a:hover { color: #06c; }

#sidebar, #content { float: left; display: inline; }

#sidebar { width: 145px; color: #666; margin-right: 30px; }

#sidebar h3 { color: #06c; text-transform: uppercase; }
#sidebar li { padding-top: 0.9em; }
#sidebar li.current a, #sidebar li.current a:visited, #sidebar li a:hover, #sidebar li a.current, #sidebar li a.current:visited, #sidebar li li a, #sidebar li li a:visited { color: #06c; }
#sidebar h3 a:hover { text-decoration: underline; }
#sidebar li li { padding-top: 0.1em; font-weight: normal; }
#sidebar li ul { margin-left: 14px; }
#sidebar li li a.current { font-weight: bold; }

/*110211 links to other abbott sites*/
#corporate { margin-left: 18px; font-weight: bold; }


/*left was 21px but disease specific feeds on 2 lines*/
#subnav { padding: 1.8em 0 1.6em 18px; border-top: 1px solid #06c; font-weight: bold; }

#hcp { padding: 1.4em 0 0.9em 13px; border-top: 1px solid #06c; border-bottom: 1px solid #06c; }
#hcp h3, #hcp p { margin-left: 2px; }
#hcp p { margin-bottom: 0.7em; }

#content { width: 780px; padding: 1.9em 0 2.5em; }

#banner { position: relative; margin: 1.2em 0 1.4em; width: 780px; height: 214px; background-color: #06c; }
#wrap-banner { position: absolute; top: 0; left: 0; overflow: hidden; width: 490px; height: 214px; background-color: #fff; }
#banner #wrap-banner img { margin-right: 18px; border-right: 4px solid #fff; }
#banner blockquote { position: absolute; top: 50px; left: 510px; width: 254px; color: #fff; line-height: 1.2em; }
#banner img.logo { position: absolute; top: 35px; left: 527px; width: 219px; }

#text { width: 560px; }

#footer { clear: left; margin-left: 175px; width: 776px; padding: 0.8em 2px; border-top: 2px solid #06c; color: #999; }
#footer li { padding-right: 0.5em; margin-right: 0.5em; border-right: 1px solid #b3b3b3; font-weight: bold; }
#footer li.last { padding-right: 0; border-right: 0; }
#footer ul { float: left; line-height: 1em; }
#footer p { clear: left; }
#footer ul, #footer p { margin-bottom: 0.5em; }

/* Section colouring
==========================================================*/

/*nav bar, banner*/
.section-nutrition #nav, .section-nutrition #banner { background-color: #f60; }
.section-disease #nav, .section-disease #banner { background-color: #909; }
.section-paed #nav, .section-paed #banner { background-color: #9c0; }
.section-tube #nav, .section-tube #banner { background-color: #c06; }
.section-pumps #nav, .section-pumps #banner { background-color: #fc0; }
.section-infant #nav, .section-infant #banner { background-color: #69c; }
.section-services #nav, .section-services #banner { background-color: #390; }
.section-faq #nav, .section-faq #banner { background-color: #c9c; }
.section-news #nav, .section-news #banner { background-color: #f90; }
.section-contact #nav, .section-contact #banner { background-color: #606; }
.section-order #nav, .section-order #banner { background-color: #c00; }
.section-partners #nav, .section-partners #banner { background-color: #9cf; }

/*nav highlights, resize buttons*/
.section-nutrition #access a, .section-nutrition #nav a:hover, .section-nutrition #nav .current { background-color: #f90; }
.section-disease #access a, .section-disease #nav a:hover, .section-disease #nav .current { background-color: #c9c; }
.section-paed #access a, .section-paed #nav a:hover, .section-paed #nav .current { background-color: #390; }
.section-tube #access a, .section-tube #nav a:hover, .section-tube #nav #nav-products { background-color: #ab2079; }
.section-pumps #access a, .section-pumps #nav a:hover, .section-pumps #nav #nav-products { background-color: #f90; }
.section-infant #access a, .section-infant #nav #nav-products { background-color: #9cf; }
.section-recipes #nav #nav-recipes { background-color: #9cf; }
.section-services #access a, .section-services #nav a:hover, .section-services #nav #nav-services { background-color: #9c0; }
.section-faq #access a, .section-faq #nav a:hover, .section-faq #nav #nav-faq { background-color: #969; }
.section-news #access a, .section-news #nav a:hover, .section-news #nav #nav-news { background-color: #c60; }
.section-contact #access a, .section-contact #nav a:hover, .section-contact #nav #nav-contact { background-color: #c9c; }
.section-order #access a, .section-order #nav a:hover, .section-order #nav #nav-order { background-color: #950000; }
.section-partners #access a, .section-partners #nav a:hover, .section-partners #nav #nav-partners { background-color: #06c; }

/*text resize link*/
.section-nutrition #access, .section-pumps #access  { color: #f90; }
.section-disease #access { color: #c9c; }
.section-paed #access{ color: #390; }
.section-tube #access{ color: #ab2079; }
.section-infant #access { color: #69c; }
.section-services #access { color: #9c0; }
.section-faq #access{ color: #969; }
.section-news #access{ color: #c60; }
.section-contact #access{ color: #c9c; }
.section-order #access{ color: #950000; }

/*text headings, links*/
.section-nutrition h1, .section-nutrition #content h2, .section-recipes h1, .section-recipes #content h2, .section-recipes .highlight, 
.section-nutrition .highlight, .section-nutrition #content a, .section-nutrition #content a:visited, .section-nutrition #content em, .section-nutrition #faq strong, .section-nutrition ul.links, .section-nutrition #breadcrumb a:hover { color: #f36608; }
.standard h1, .standard #content h2, .standard .highlight { color: #06c !important; }
.section-disease h1, .section-disease #content h2, .section-disease .highlight, .section-disease #content a, .section-disease #content a:visited, .section-disease #content em, .section-disease #faq strong, .section-disease ul.links, .section-disease #breadcrumb a:hover { color: #870287; }
.section-paed h1, .section-paed #content h2, .section-paed .highlight, .section-paed #content a, .section-paed #content a:visited, .section-paed #content em, .section-paed #faq strong, .section-paed ul.links, .section-paed #breadcrumb a:hover { color: #390; }
.section-tube h1, .section-tube #content h2, .section-tube .highlight, .section-tube #content a, .section-tube #content a:visited, .section-tube #content em, .section-tube #faq strong, .section-tube ul.links, .section-tube #breadcrumb a:hover { color: #da277a; }
.section-pumps h1, .section-pumps #content h2, .section-pumps .highlight, .section-pumps #content a, .section-pumps #content a:visited, .section-pumps #content em, .section-pumps #faq strong, .section-pumps ul.links, .section-pumps #breadcrumb a:hover { color: #ffa800; }
.section-infant h1, .section-infant #content h2, .section-infant .highlight, .section-infant #content a, .section-infant #content a:visited, .section-infant #content em, .section-infant #faq strong, .section-infant ul.links, .section-infant #breadcrumb a:hover { color: #69c; }
.section-services h1, .section-services #content h2, .section-services #content h3, .section-services .highlight, .section-services #text strong, .section-services #content a, .section-services #content a:visited, .section-services #content em, .section-services ul.links, .section-services #breadcrumb a:hover { color: #390; }
.section-faq h1, .section-faq #content h2, .section-faq #content h3, .section-faq .highlight, .section-faq #content em, .section-faq ul.links,
.section-faq #content a, .section-faq #content a:visited, .section-faq #breadcrumb a:hover { color: #636; }
.section-news h1, .section-news #content h2, .section-news #content h3, .section-news .highlight, .section-news #content a, .section-news #content a:visited, .section-news #content em, .section-news ul.links, .section-news #breadcrumb a:hover { color: #f90; }
.section-contact h1, .section-contact #content h2, .section-contact #content h3, .section-contact .highlight, .section-contact #content a, .section-contact #content a:visited, .section-contact #content em, .section-contact ul.links, .section-contact #breadcrumb a:hover  { color: #606; }
.section-order h1, .section-order #content h2, .section-order .highlight, .section-order #content a, .section-order #content a:visited, .section-order #content em, .section-order ul.links, .section-order #breadcrumb a:hover { color: #c00; }
.section-partners h1, .section-partners #content h2, .section-partners .highlight, .section-partners #content a, .section-partners #content a:visited, .section-partners #content em, .section-partners ul.links, .section-partners #breadcrumb a:hover { color: #88bcf0; }

/*recipe boxes*/
.section-disease ul.recipes li { border-color: #870287; }
.section-paed ul.recipes li { border-color: #390; }

/*footer border*/
.section-nutrition #footer { border-color: #f90; }
.section-disease #footer { border-color: #c9c; }
.section-paed #footer { border-color: #9c0; }
.section-tube #footer { border-color: #ab2079; }
.section-pumps #footer { border-color: #f90; }
.section-infant #footer { border-color: #9cf; }
.section-services #footer { border-color: #9c0; }
.section-faq #footer { border-color: #969; }
.section-news #footer { border-color: #c60; }
.section-contact #footer { border-color: #c9c; }
.section-order #footer { border-color: #950000; }
.section-partners #footer { border-color: #06c; }


/* Special cases
================================================================*/
.highlight { color: #06c; }
/*email links should not be underlined*/
/*a.mailto { text-decoration: none; }*/
a.action { font-size: .9em; font-weight: bold; /*text-decoration: none;*/ text-decoration: underline !important; }
/*print links*/
a#actionPrint { cursor: pointer; text-decoration: underline; padding-right: 24px; background: url(../images/icons/printer.gif) center right no-repeat; }
ol.alpha { list-style-type: lower-alpha; }

/*big link buttons*/
a.button, a.button:visited { line-height: 3em; padding: 6px 8px; background-color: #fffadb; border: 1px solid #f90; text-decoration: none; }

.section-nutrition a.button, .section-nutrition a.button:visited { border-color: #f60; background-color: #ffd494; }
.section-disease a.button, .section-disease a.button:visited { border-color: #909; background-color: #f1d6f1; }
.section-paed a.button, .section-tube a.button:visited, .section-services a.button, .section-services a.button:visited { border-color: #9c0; background-color: #e2eed5; }
.section-tube a.button, .section-tube a.button:visited { border-color: #da277a; background-color: #fbe4ea; }
.section-infant a.button, .section-infant a.button:visited { border-color: #69c; background-color: #EAF1F7; }

/*bordered boxes within content*/
#text .item, #content .block, #content div.smallprint { margin-bottom: 2.4em; }
#page-servicefaq #text .item { margin-bottom: 1.5em; }

/*bordered boxes within content*/
#content .block {  clear: both; padding: 20px 20px 0; border: 1px solid #f36608; }
#content .block p, #content .block ol, #content .block ul,  #content .block table { margin-bottom: 20px; }
#content .block li { padding-bottom: 0.15em; }
.section-disease #content .block { border-color: #c9c; }
.section-paed #content .block { border-color: #9c0; }
.section-tube #content .block { border-color: #da277a; }
.section-pumps #content .block { border-color: #fc0; }
.section-infant #content .block { border-color: #69c; }

/*lists of links to subpages etc, bulleted lists*/
ul.links, ul.links li, ul.bulleted, ul.bulleted li, .bulleted ul, .bulleted ul li, #content .block ul, #content .block ul li, #content table.benefits ul, #content table.benefits ul li, #text .item ul, #text .item ul li, #page-servicefaq #text .item ul ul, #page-servicefaq #text .item ul ul li { list-style: disc; }
ul.links { clear: both; margin-left: 16px; color: #06c; }
ul.bulleted, .bulleted ul, #content .block ul, #content table ul, #text .item ul, #page-servicefaq #text .item ul ul { margin-left: 16px; }
ul.links li, ul.bulleted li, .bulleted ul li, table ul li, #text .item li { padding: 0 0 0.3em; }
/*ul.links a - ie puts underline on links with superscript under superscipt*/
ul.links a { text-decoration: none; border-bottom: 1px solid #f36608; }
.section-disease ul.links a { border-color: #870287; }
.section-paed ul.links a, .section-services ul.links a { border-color: #390; }
.section-tube ul.links a { border-color: #da277a; }
.section-faq ul.links a { border: 0; } 

/*asterisk style lists*/
.asterisk ul li { padding-left: 16px; background: url(../images/icons/asterisk.gif) 0px 7px no-repeat; }


/*visual nav lists - thumbnails and text*/
/*recipe thumbnails list shares some styling*/
.visual, ul.recipes { float: left; display: inline; width: 780px; padding-top: 13px; font-weight: bold; }
.visual li, ul.recipes li { float: left; display: inline; text-align: center; }
.visual li { width: 159px; min-height: 179px; height: auto; margin: 0 2px 19px 0;  background: url(../images/general/box_thumb.gif) bottom center no-repeat; }
.visual li .thumb { display: table-cell; vertical-align: middle; width: 159px; height: 147px; padding-top: 3px; background: url(../images/general/box_thumb_top.gif) top center no-repeat; }
.visual li img, ul.recipes li img { display: block; margin: 0 auto; }

/*large method list with thumbnail and text*/
ul.methods { width:630px; }
ul.methods li { width:190px; display:inline; float:left; margin:0 10px; margin-top:2.4em; }
ul.methods li p { margin:0 30px; text-align:center }


/*main product landing thumbnails - slightly slimmer*/
#page-products .visual li { width: 149px; min-height: 169px; height: auto; background-image: url(../images/general/box_slim_thumb.gif); }
#page-products .visual li .thumb { width: 149px; height: 144px; background-image: url(../images/general/box_slim_thumb_top.gif); }

/*recipe thumbnails list*/
#content ul.recipes { padding-top: 5px; line-height: 1em; }
ul.recipes li { width: 114px; height: 117px; border: 1px solid #f36608; margin: 0 14px 18px 0; }
ul.recipes .thumb { width: 114px; height: 89px; }
ul.recipes .wrap { width: 108px; padding: 0 3px; height: 28px; display: table-cell; vertical-align: middle; text-align: center; }
ul.recipes a { display: block; text-decoration: none; }

/*recipe detail*/
/*[Alan] 3 lines added */
#page-recipe h1 span { white-space:nowrap }
#page-recipe #text table { width:216px; }
#page-recipe #text table td { background-color:#fff; padding:0 0 2px; width:108px; } 

#page-recipe #photo, #page-recipe #wrapper-text { float: left; display: inline; }
#page-recipe #photo { width: 236px; margin-right: 22px; }
#page-recipe #wrapper-text { width: 450px/*297px*/; padding-bottom: 2.4em; }
#page-recipe #text { width: 708px /*555px*/; }
#page-recipe #wrapper-text h1 { margin-bottom: 0.8em; text-transform: none; font-size: 2em; line-height: 1em; font-weight: normal; }
#page-recipe #wrapper-text h1 span { font-size: 0.8em; }
#page-recipe #text h2 { margin-bottom: 0; font-size: 1em; font-weight: bold; }
#page-recipe #wrapper-text p, #page-recipe #wrapper-text ul, #page-recipe #wrapper-text ol { margin-bottom: 1.5em; }

table.nutrition td { padding: 0.1em 3em 0.1em 0; }
table.nutrition { margin-bottom: 1.7em; }

#page-recipe div.block { border: 1px solid #9c0; padding: 0.8em 1.5em; }
#page-recipe div.block p { margin-bottom: 4px; }

/*product detail*/
#page-product h1 { margin-bottom: 1em; }
#page-product #text h2 { margin-bottom: 0.5em; }
#page-product #text p.intro { margin-bottom: 2.5em; }
#page-product #wrapper-text > p { margin-bottom: 2.4em; }
#page-product #text, #page-product #photos, #page-product #wrapper-text, #page-prodfaq #text, #page-prodfaq #photos { float: left; display: inline; }
#page-product #wrapper-text { margin-left: 28px; width: 532px; }
#page-product #photos, #page-prodfaq #photos { margin: 17px 0 0 14px; width: 184px; }
#photos img { display: block; }
#page-product #text .warning { padding: 17px 70px; color: #f00; text-transform: uppercase; font-weight: bold; }
#page-product .contra ul, #page-product .contra ul li, #content .wrap-tips ul, #content .wrap-tips ul li { list-style: none; }
#page-product .contra ul { margin-left: 2px; }
#page-product .contra ul li { padding: 0 0 0.5em 25px; background: url(../images/icons/red_x.gif) top left no-repeat; } 
#page-product .downloads { float: left; padding-bottom: 1em; }
#page-product .downloads a.button { display: block; text-align: center; line-height: normal; }


#content .wrap-tips { padding: 15px 15px 1px; margin-bottom: 1em; background-color: #f90; }
.section-disease #content .wrap-tips { background-color: #c9c; }
.section-paed #content .wrap-tips { background-color: #9c0; }
.section-tube #content .wrap-tips { background-color: #da277a; }
.section-infant #content .wrap-tips { background-color: #69c; }
#page-product .block .wrap-tips ul { margin: 0 0 15px; }
.wrap-tips ul li, #text ul.ticks li, #page-servicefaq #text .item ul li { padding: 0 0 0.3em 29px; background: url(../images/icons/tick_orange_nut.gif) 0 3px no-repeat; }
.section-disease .wrap-tips ul li { background-image: url(../images/icons/tick_purple_dis.gif); }
.section-paed .wrap-tips ul li { background-image: url(../images/icons/tick_green_paed.gif); }
#text ul.ticks, #text ul.ticks li, #page-servicefaq #text .item ul, #page-servicefaq #text .item ul li { list-style: none; margin-left: 0; } 
#text ul.ticks li, #page-servicefaq #text .item ul li { padding-bottom: 0.5em; background-image: url(../images/icons/tick_yellow_white.gif); }
.section-paed #text ul.ticks li, .section-services #text ul.ticks li, #page-servicefaq #text .item ul li { background-image: url(../images/icons/tick_green_white.gif); }
.section-tube #text ul.ticks li { background-image: url(../images/icons/tick_pink_white.gif); }
#page-servicefaq #text .item ul ul { margin-bottom: 0; }
#page-servicefaq #text .item ul ul li { background: none; padding-left: 0; }

#page-product .wrap-tips p { margin: 0 0 15px 29px; } 

#content .tips p.action { clear: left; margin-left: 44px; }

#page-product div.summary { padding-bottom: 1em; }

/*paed products - picture differences*/
.section-paed #content, .section-infant #content {position: relative; }
.section-paed #photos { margin-top: 135px !important; margin-left: 24px !important; }
#page-product #stamp { position: absolute; top: 26px; right: 19px; width: 184px; height: 103px; }
.section-paed #mascot { position: absolute; top: 534px; right: 19px; }
.section-infant #mascot { position: absolute; top: 350px; right: 19px; }


/*paed products faq - pictures on rhs*/
#page-prodfaq #photos { margin-top: 10px !important; }
#page-prodfaq #mascot { margin-top: 4em; }
#page-prodfaq .item ol { margin-top: -1.2em; font-size: .9em; }

/*tube feeds faq - instructions*/
#text ol.steps { margin-left: 0; float: left; display: inline; width: 554px; }
#text ol.steps, #text ol.steps li { list-style: none; }
#text ol.steps li { float: left; display: inline; width: 201px; margin: 0 47px 0.5em 29px; }
ol.steps strong { color: #da277a; font-size: 1.3em; }

/*faq links list*/
.section-faq ul.links a { text-decoration: none; }
dt { clear: both; margin-bottom: 0.2em; font-size: 1em; font-weight: bold; }
dt, dt:before, dd:before {  color: #606; }
dt:before { content: "Q:"; margin-right: 3px; }
dd:before { content: "A:"; float: left; display: inline; width: 15px; font-weight: bold; }
dd .wrap { float: left; display: inline; width: 535px; margin-bottom: 1.6em; }
dd a.top { display: block; margin-top: 1.7em; }
dd ul, dd ul li { list-style-type:disc }
dd ul li { margin-left:15px; }
dd p img { vertical-align: top; }

/*hcp service detail pages - service image on rhs of content*/
img.detail { float: right; margin: 15px 20px; }
/*button links*/
.section-services div.buttons { width: 30em; }
div.buttons a.button { display: block; text-align: center; line-height: normal; }

/*logged in hcp sidebar*/
#hcp p.greet { color: #06c; } 

/*homepage*/
.section-home #main { padding-top: 14px; }
.section-home #content { padding-top: 0; }
.section-home #text { width: 755px; padding-bottom: 0.3em; }

#features { position: relative; width: 762px; height: 310px; margin-bottom: 18px; }

#animation { position: absolute; top: 0; left: 0; width: 497px; height: 308px; border: 1px solid #06c; background: url(../images/homepage/map.jpg) top left no-repeat; overflow: hidden; }

#welcome { position: absolute; top: 0; right: 0; display: table; width: 254px; height: 186px; background-color: #9cf; color: #fff; }
#welcome .wrap { display: table-cell; vertical-align: middle; }
.section-home h1 { margin: 0 25px; text-transform: none; color: #fff; font-size: 2.25em; font-weight: normal; line-height: 1.3em; }

#logos { position: absolute; bottom: 0; right: 0; width: 252px; height: 112px; overflow: hidden; border: 1px solid #ccc; }

#latest { width: 760px; margin-bottom: 2.5em; border: 1px solid #06c; }
#latest h2 { padding: 4px 19px; margin-bottom: 1.6em; background-color: #06c; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 0.9em; }
#latest h3, #latest p { margin-left: 19px; margin-right: 19px; }
#latest p { margin-bottom: 1.3em; }

/*search results*/
#text #results h2 { margin-bottom: 0; font-size: 1em; text-transform: capitalize; } 
div.paging { color: #666; }
div.paging strong, div.paging a { padding-left: 0.5em; }

/*news and events*/
.section-news #text h2 { margin-bottom: 0.5em; }
.section-news #text h2 a { text-decoration: none; }
#page-article h1 { text-transform: none; font-weight: normal; }
#page-article #text { padding-bottom: 2.5em; }
ul.gallery li { float: left; display: inline; width: 240px; }
ul.gallery img { display: block; margin-bottom: 20px; }


/*contact page*/
.section-contact #text { padding-top: 26px; }
.section-contact #text strong { background-color: #606; color: #fff; padding: 0.3em 1.5em; text-transform: uppercase; }

/*sitemap*/
#text .column { float: left; display: inline; width: 270px; margin-right: 10px; }
#page-sitemap #text a { text-decoration: none; }
#page-sitemap .column li li a, #page-sitemap .column li li a:visited { color: #000; }

/* Product Tables */

table.benefits, table.codes { border-collapse:collapse; }
table.benefits td, table.benefits th, table.codes td, table.codes th { border-bottom:1px solid #fff; border-right:1px solid #fff; }

table.benefits th, table.codes th { background-color:#FBE4EA; font-size:1.25em; font-weight:normal; }
table.benefits td, table.benefits th, table.codes td, table.codes th { padding:10px 20px; }
table.benefits td, table.codes td { background-color:#F3F3F3; vertical-align:top }
table.codes td.product { white-space:nowrap; }

#text table.benefits td.feature ul, #text table.codes td.feature ul { margin-left:40px; }
#text table.benefits td h3, #text table.codes td h3 { color:#DA277A }

.section-nutrition table.benefits th, .section-nutrition table.codes th { background-color: #ffbf94; }
.section-disease table.benefits th, .section-disease table.codes th { background-color: #f1d6f1; }
.section-paed table.benefits th, .section-paed table.codes th { background-color: #e2eed5; }
.section-infant table.benefits th, .section-infant table.codes th { background-color: #E3EBF4; }
#text table.benefits td, #text table.codes td { background-color:#fffadb; }

table.codes th { padding-top:6px; padding-bottom:6px; }
table.codes td { padding-top:3px; padding-bottom:3px; }
table.codes th { font-weight:bold; font-size:1em; }
table.codes th, table.codes td { text-align:center }

/* Cell Widths */
table.codes th.product { width:26% }
table.codes th.size { width:16% }
.section-pumps table.codes td.product { white-space: normal; }
.section-pumps table.codes th.size { width: 60px; }
.section-pumps table.codes th { background-color: #FFF2B3; }
table.benefits th.benefits { width:55% }

#text table { width:100%; border-collapse:collapse; }
#text table td { background-color:#F3F3F3; padding:3px 10px; vertical-align:top; border:1px solid #fff; }
#text table h3 { color:#339900; }
#text table td strong { color:#339900; font-weight:normal }
#text table td em { color:#333 !important; font-style:italic !important; }
#text table td.calories { width:19%; background-color:#FFFADC }

#text table.benefits tr:nth-child(even) td, #text table.codes tr:nth-child(even) td { background-color:#f3f3f3 !important; }

.section-nutrition #text table h3, .section-nutrition #text table td strong, .section-nutrition #text table.nutrition th, .section-nutrition #text table.benefits td h3, .section-nutrition #text table.codes td h3 { color: #f36608; } 
.section-disease #text table h3, .section-disease #text table td strong, .section-disease #text table.nutrition th, .section-disease #text table.benefits td h3, .section-disease #text table.codes td h3 { color: #870287; } 
.section-paed #text table h3, .section-paed #text table td strong, .section-paed #text table.nutrition th, .section-paed #text table.benefits td h3, .section-paed #text table.codes td h3 { color: #390; } 
.section-infant #text table h3, .section-infant #text table td strong, .section-infant #text table.nutrition th, .section-infant #text table.benefits td h3, .section-infant #text table.codes td h3 { color: #69c; } 

table.patients th { background-color:#FEEDD3 }
table.patients td { border-bottom:1px solid #ccc; }

/*pumps features list (tabular look)*/
#content div.tablelist { padding: 10px; }
#content div.tablelist h2 { margin-bottom: 0 !important; padding: 14px 12px 12px; color: #000; background-color: #fff2b3; }
#content div.tablelist ul, #content div.tablelist ul li { list-style: none; margin: 0; }
#content div.tablelist ul li { background: #fffadb url(../images/icons/tick_pump_yellow_bg.gif) 8px 8px no-repeat; padding: 8px 8px 8px 38px; }
#content div.tablelist ol li { background: none !important; background-image: none !important; list-style: decimal; padding-left: 0; } 
#content div.tablelist ul > li:nth-child(odd)	{ background-color:#f3f3f3; background-image: url(../images/icons/tick_pump_grey_bg.gif); }



#text table.ticks { width:495px } 
#text table.ticks .first th.column1, #text table.ticks .first th.column2, #text table.ticks .first th.column3, #text table.ticks .first th.column4 { text-align:center; padding-left:0; }
#text table.ticks tr.first th { font-weight:bold; border-bottom:0; vertical-align:top; padding-top:5px; padding-bottom:5px; background-color:#FEEDD1; }
#text table.ticks .highlight th, #text table.ticks .highlight td, #text table.ticks .highlight td.column1, #text table.ticks .highlight td.column2, #text table.ticks .highlight td.column3, #text table.ticks .highlight td.column4 { background-color:#FEEDD1; color:#000 }
#text table.ticks th { font-weight:normal; padding-left:14px; }
#text table.ticks th em { color:#FF9900 }
#text table.ticks td { text-align:center }
#text table.ticks td, #text table.ticks th { border-bottom:1px solid #ccc; border-top:0; }
#text table.ticks td.column1, #text table.ticks td.column2, #text table.ticks td.column3, #text table.ticks td.column4 { width:83px; padding:5px 0; }
#text table.ticks td.column1 { background-color:#FFFADC }
#text table.ticks td.column2 { background-color:#DFEDF8 }
#text table.ticks td.column3 { background-color:#E2EED6 }
#text table.ticks td.column4 { background-color:#FBE4EA }

 
#text table.nutrition { width:495px }
#text table.nutrition td.data { background-color:#FFFADC; width:70px; }
#text table.nutrition td.example { padding-left:30px; }
#text table.nutrition th { font-weight:bold; color:#339900; text-align:left; padding-left:10px; background-color:#F3F3F3; border-bottom:1px solid #fff; vertical-align:top; padding-top:5px; }

/*temp treasure hunt quiz*/
#quiz { padding-top: 1em; cursor: pointer; }
#clue { display: none; float: left; border: 1px solid #06c; -moz-box-shadow: 3px 3px 3px #ccc; -webkit-box-shadow: 3px 3px 3px #ccc; box-shadow: 3px 3px 3px #ccc; }
#clue h4 { padding: 5px 20px; color: #fff; background-color: #06c; font-size: 1em; }
#clue p { margin: 20px; }