/* CSS Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,cite,em,img,strong,b,u,i,address,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,tr,th,td { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } ol,ul { list-style: none; } blockquote,q { quotes: none; } blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none; } a img { border: 0; }
/* Clearing */
html body div.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; height: 0; margin: 0; overflow: hidden; padding: 0; position: static; visibility: hidden; width: 0; }
.group:after, .container:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; }
* html .group, * html .container { zoom: 1; }
*:first-child+html .group, *:first-child+html .container { zoom: 1; }

/* COLOURS
---------------------------
BG's
#2e2d2a - grey dark header
#f1f1f1 - grey light banner
#0678be - blue dark
#47b7e0 - blue light
#f5f5f5 - grey light

Borders
#e6e6e6 - grey body
#e8e8e8 - grey sidebar

Text
#6d6d6d - grey body
#2e2d2a - grey dark titles
#909090 - grey footer
#1260a6 - blue dark
#22a2d0 - blue light
#04bbfe - blue top-links
#38b2df - blue over light blue
	
----------------------------*/


/*	GENERAL
================================================================================= */
html { height: 100%; overflow-y: scroll; }
body { background: #fff; color: #6d6d6d; font: normal 12px/1.5em Arial,Helvetica,sans-serif; }


/* Headers
-------------------------------------- */
h1,.h1-title,h2,h3,h4,h5,h6 { color: #1260a6; font-family: Arial, Helvetica, sans-serif; font-weight: normal; }
h2 { font-size: 21px; line-height: 21px; padding: 0 0 8px; border-bottom: 1px solid #e8e8e8; margin: 32px 0 16px; }
h2:first-child { margin-top: 0; }
h3 { color: #22a2d0; font-size: 14px; font-weight: bold; line-height: 19px; margin: 0 0 12px; }
h6 { color: #22a2d0; font-size: 11px; font-weight: bold; line-height: 16px; }
h1 a,.h1-title a,h2 a,h3 a,h4 a,h5 a,h6 a { text-decoration: none; }
/*sifr*/
h1,.h1-title { color: #2e2d2a; font-size: 34px; line-height: 1; }


/* Text/Lists
-------------------------------------- */
p { margin: 0 0 1.5em; }
p.intro, p.large { font-size: 14px; line-height: 21px; }
p.small { font-size: 11px; line-height: 14px; }
li ul,li ol { margin: 0 1.5em; }
ul,ol { margin: 0 2em 1.5em; }
*html ol { margin-left: 2.5em; }/*IE6*/
*+html ol { margin-left: 2.5em; }/*IE7*/
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
ol ol { list-style-type: lower-alpha; }


/* Tables
-------------------------------------- */
table { width: 100%; border-bottom: 1px solid #e6e6e6; }
th { padding: 6px 12px 6px 4px; color: #22a2d0; font-size: 11px; font-weight: bold; line-height: 16px; text-align: left; vertical-align: top; }
td { padding: 6px 12px 6px 4px; border-top: 1px solid #e6e6e6; font-size: 12px; line-height: 16px; text-align: left; vertical-align: top; }


/* Links/Buttons
-------------------------------------- */
a { color: #22a2d0; text-decoration: underline; }
a:visited { color: #22a2d0; }
a:hover { color: #22a2d0; text-decoration: none; }

a.btn { display: block; float: left; height: 23px; margin-right: 10px; padding-right: 14px; background: url(../img/btn-R.png) top right no-repeat; color: #fff; font-size: 12px; text-decoration: none; }
a.btn:visited { color: #fff; }
a.btn span { display: block; line-height: 12px; padding: 5px 0 6px 14px; background: url(../img/btn-L.png) top left no-repeat; }
a.btn:hover { color: #fff; text-decoration: underline; }




/*	LAYOUT - MAIN
================================================================================= */
.container { margin: 0 auto; width: 960px; }
#header { background-color: #2e2d2a; height: 120px; width: 100%; }
#banner { background: #f1f1f1 url(../img/pills-pattern.jpg) 50% 0 repeat; width: 100%; }
.home #banner { background: #f1f1f1 url(../img/pills-pattern-home.jpg) 50% 0 repeat; }
#content-wrap { width: 100%; }
#content-main { float: right; display: inline; width: 680px; margin: 0 35px 0 35px; padding: 44px 0 90px 0; }
#sidebar { float: left; display: inline; margin: 0; position: relative; width: 210px; /*background: url(../img/sidebar-bg.png) 0 0 repeat;*/ }
#footer { width: 100%; padding: 16px 0 74px; background: url(../img/footer-bg.gif) 0 0 repeat-x; }




/*	HEADER
================================================================================= */
#header .container { position: relative; }
#header .logo { width: 210px; float: left; }


/* Global Nav
-------------------------------------- */
.nav { margin: 0; padding: 0; list-style: none; }
.nav li { margin: 0; padding: 0; float: left; display: inline; }
.nav li a { display: block; float: left; width: 120px; height: 120px; overflow: hidden; position: relative; line-height: 120px; text-align: center; cursor: pointer; }
.nav li a span { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-position: 0 0; background-repeat: no-repeat; }
.nav li a.nav-home span { background-image: url(../img/nav-home.png); }
.nav li a.nav-search span { background-image: url(../img/nav-search.png); }
.nav li a.nav-news span { background-image: url(../img/nav-news.png); }
.nav li a.nav-glossary span { background-image: url(../img/nav-glossary.png); }
.nav li a.current span,
.nav li a:hover span { background-position: 0 -121px; }


/* Top Links
-------------------------------------- */
.top-links { margin: 3px 0 0; padding: 0; list-style: none; float: right; }
.top-links li { margin: 0; padding: 12px; float: left; display: inline; border-left: 1px solid #3d3d3d; }
.top-links li.first { border: 0; }
.top-links a { color: #04bbfe; text-decoration: none; }
.top-links a:visited { color: #04bbfe; }
.top-links a:hover { color: #04bbfe; text-decoration: underline; }


/* Text Controls
-------------------------------------- */

.text-controls { float: right; margin: 0; color: #fff; position: absolute; right: 0; bottom: 16px; z-index: 10; }
.text-controls span { float: left; display: block; width: 50px; height: 11px; overflow: hidden; margin: 6px 8px 0 0; text-indent: -9999px; background: url(../img/t-text-size.gif) 0 0 no-repeat; }
.text-controls a { display: block; float: left; width: 26px; height: 23px; margin-right: 1px; text-indent: -9999px; }
.text-controls a.increase { background: url(../img/text-increase.gif) 0 0 no-repeat; }
.text-controls a.decrease { background: url(../img/text-decrease.gif) 0 0 no-repeat; }




/*	BANNER
================================================================================= */
#banner .container { position: relative; background: url(../img/banner-container-bg.png) 100% 0 repeat-y; }
.search-type { width: 210px; height: 160px; position: relative; background: url(../img/search-type-bg.png) 50% 50% no-repeat; }
.search-type p { display: block; width: 182px; height: 14px; margin: 0; padding: 0; text-indent: -9999px; background: url(../img/t_search-type.png) 0 0 no-repeat; position: absolute; left: 14px; bottom: 8px; }

/* Section Tab
-------------------------------------- */
.section-tabs { width: 236px; float: left; margin: -12px 14px 0 0; padding: 30px 0 20px; position: relative; background: url(../img/section-tabs-bg.png) 0 0 repeat-y; }
.section-tabs a { display: block; width: 254px; height: 75px; margin: 0 0 0 -18px; position: relative; text-indent: -9999px; cursor: pointer; }
.section-tabs a.con { background: url(../img/section-tab-con.png) 0 0 no-repeat; }
.section-tabs a.pro { background: url(../img/section-tab-pro.png) 0 0 no-repeat; }
.section-tabs a:hover { background-position: 0 -76px; }
.section-tabs a.current,
.section-tabs a.current:hover { background-position: 0 -152px; }
.section-tabs a.current span, .section-tabs .blank span { display: block; width: 18px; height: 17px; overflow: hidden; background: url(../img/section-tab-corner.png) 0 0 no-repeat; position: absolute; left: 0; bottom: -17px; }
.section-tabs .blank { display: block; width: 254px; height: 75px; margin: 0 0 0 -18px; position: relative; text-indent: -9999px; background: url(../img/section-tab-blank.png) 0 0 no-repeat; }


/* Page Title
-------------------------------------- */
#banner .page-title { width: 448px; float: left; padding: 35px 0 0; }
#banner .btn-wrap { float: right; padding: 42px 0 0; }

#banner .btn { margin: 0; }

/* Search
-------------------------------------- */
.home .section-tabs { padding-bottom: 49px; }
.banner-search { width: 723px; height: 164px; background: url(../img/banner-search-bg.png) 0 0 no-repeat; position: absolute; bottom: 42px; left: 210px; }
.banner-search .inner { overflow: hidden; padding: 28px; }
.searchbar-input { display: block; float: left; width: 533px; height: 50px; overflow: hidden; background: url(../img/searchbar-input.gif) 0 0 no-repeat; }
.searchbar-input input { width: 512px; margin: 0; padding: 10px 8px; border: 0; background: none; color: #2a2a2a; font-size: 24px; line-height: 24px; }
.searchbar-btn { float: left; width: 117px; height: 50px; }
.banner-search p { color: #fff; font-size: 16px; }
.banner-search p a { padding: 0 0 2px 0; color: #2e2d2a; text-decoration: none; background: url(../img/underline-dark.gif) 0 100% repeat-x; }
.banner-search p a:visited { color: #2e2d2a; }
.banner-search p a:hover { color: #2e2d2a; text-decoration: none; background: none; }



/*	Homepage
================================================================================= */
.banner-photo { width: 100%; height: 410px; background: url(../img/banner-photo.png) 96% 0% no-repeat; position: absolute; bottom: 0; right: 0; }

.col-wrap { width: 680px; overflow: hidden; }
.col-wrap .col1, .col-wrap .col2 { width: 322px; float: left; display: inline; margin: 0 35px 0 0; background: #f5f5f5 url(../img/corner.gif) 0 0 no-repeat; }
.col-wrap .col2 { margin-right: 0; }
.col-wrap .inner { padding: 0 12px 26px; overflow: hidden; }
.t-updated-products { width: 154px; height: 21px; margin: 16px 0 16px 33px; }
.t-updated-products span { background-image: url(../img/t_updated-products.png); }
.t-new-products { width: 118px; height: 21px; margin: 16px 0 16px 33px; }
.t-new-products span { background-image: url(../img/t_new-products.png); }

/* Product Listing Table */
.product-list { margin: 0 0 16px; }
.product-list th { border-bottom: 1px solid #E6E6E6; }
.product-list th.product { width: 188px; padding: 0 12px 8px 0; }
.product-list th.type { width: 36px; padding: 0 12px 8px 0; }
.product-list th.date { width: 86px; padding: 0 0 8px 0; }
.product-list td { border-top: 0; }
.product-list td.product { padding: 4px 12px 4px 8px; background: url(../img/arrow-bullet.gif) 0 10px no-repeat; }
.product-list td.date { padding: 4px 0; }
.product-list td a, .product-list td a:visited { color: #6d6d6d; text-decoration: none; }
.product-list td a:hover { color: #6d6d6d; text-decoration: underline; }


/*	CONTENT
================================================================================= */

/* Tab Nav Wrap
-------------------------------------- */
.tab-nav-wrap { width: 100%; margin: 0 0 16px; border-bottom: 1px solid #e6e6e6; }
.tab-nav-wrap p { float: left; height: 48px; margin: 0 14px 0 0; line-height: 48px; color: #22a2d0; }
.tab-nav-wrap p.t-tab-search-cmi { width: 84px; }
.tab-nav-wrap p.t-tab-search-cmi span { background-image: url(../img/t_tab-search-cmi.png); }
.tab-nav-wrap p.t-tab-search-pi { width: 71px; }
.tab-nav-wrap p.t-tab-search-pi span { background-image: url(../img/t_tab-search-pi.png); }

/* Tabs */
.tabs { margin: 0; padding: 0; list-style: none; float: left; }
.tabs li { float: left; display: inline; margin: 0 4px 0 0; padding: 0; text-align: center; position: relative; }
.tabs li a { display: block; float: left; width: 103px; height: 48px; margin: 0 0 -1px 0; border-bottom: 1px solid #e6e6e6; overflow: hidden; position: relative; line-height: 48px; cursor: pointer; }
.tabs li a span { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-position: 0 0; background-repeat: no-repeat; }
.tabs li a.num span { background-image: url(../img/tab-0-9.png); }
.tabs li a.a-k span { background-image: url(../img/tab-a-k.png); }
.tabs li a.l-z span { background-image: url(../img/tab-l-z.png); }
.tabs li a.current { border-bottom: 1px solid #fff; }
.tabs li a.current span,
.tabs li a:hover span { background-position: 0 -49px; }


/* Letter Buttons
-------------------------------------- */
.letter-btns { width: 100%; margin: 0 0 28px; padding: 0 0 16px; border-bottom: 2px solid #e6e6e6; list-style: none; }
.letter-btns li { margin: 0; padding: 0; display: inline; }
.letter-btns a { display: block; float: left; width: 43px; height: 43px; margin: 0 4px 0 0; line-height: 43px; color: #38b2df; font-size: 26px; text-decoration: none; background: #d7f0f9 url(../img/letter-btns.png) 0 0 no-repeat; text-align: center; }
.letter-btns a:visited { color: #38b2df; }
.letter-btns a.current,
.letter-btns a:hover { color: #fff; background-color: #0678be; background-position: 0 -44px; }
.letter-btns a.current:visited { color: #fff; }


/* Downloads Bar
-------------------------------------- */
.downloads { margin: 48px 0 0; }
.downloads .IR { width: 86px; height: 17px; margin: 0 0 6px; color: #1260a6; font-size: 16px; line-height: 18px; }
.downloads .t-downloads span { background-image: url(../img/t_downloads.png); }
.downloads .group { padding: 22px; background: #f8f8f8; border-top: 1px solid #e8e8e8; }
/*
.downloads a { width: 130px; float: left; margin: 0 30px 0 0; padding-top: 3px; font-size: 11px; line-height: 14px; text-decoration: none; }
.downloads a:hover { text-decoration: underline; }
.downloads a img { float: left; margin: -3px 8px 0 0; }
*/

.download-list { margin: 0; padding: 0; list-style: none; }
.download-list li { float: left; display: inline; margin: 0 30px 0 0; padding: 0; }
.download-list a { width: 88px; height: 31px; min-height: 31px; float: left; padding: 3px 0 0 42px; font-size: 11px; line-height: 14px; text-decoration: none; }
html>body .download-list a { height: auto; }
.download-list li.lrg a { background: url(../img/icon-pdf-lrg.png) 0 0 no-repeat; }
.download-list li.sml a { background: url(../img/icon-pdf-sml.png) 0 0 no-repeat; }
.download-list li.audio a { background: url(../img/icon-audio.png) 0 0 no-repeat; }
.download-list a:hover { text-decoration: underline; }


/* Listing Table
-------------------------------------- */
/* Main table */
.listing { width: 680px; margin: 0 0 16px; }
.listing th.title { width: 378px; }
.listing th.type { width: 74px; }
.listing th.date { width: 94px; float: right; }
.listing td { padding: 0; border: 0; }
.listing tr:hover td { background-color: #f7fcfe; }

/* Inner Tables */
.listing table { border-top: 1px solid #e6e6e6; border-bottom: 0; }
.listing table td { padding: 6px 12px 6px 4px; font-size: 12px; line-height: 16px; text-align: left; vertical-align: top; }
.listing table td.icon { width: 14px; padding-right: 8px; }
.listing table td.title { width: 352px; }
.listing table td.type { width: 74px; }
.listing table td.date { width: 94px; float: right; }
.listing table td.spacer { width: 14px; padding-right: 8px; }
.listing table td.desc { width: 426px; }
.listing table td.downloads { width: 160px; padding-bottom: 12px; }

/* Selected Row */
.listing tr.selected td { background-color: #f8f8f8; }
.listing tr.selected:hover td { background-color: #f8f8f8; }
.listing tr.selected td.title { color: #1260a6; font-size: 14px; font-weight: bold; }

/* Inner Table Content */
.listing div.downloads { margin: 0; overflow: hidden; }
.listing .downloads p { margin: 0 0 4px; color: #22a2d0; font-size: 11px; text-transform: uppercase; }
.listing .download-list li { margin-top: 8px; }
a.more { padding-left: 8px; background: url(../img/arrow-bullet.gif) 0 50% no-repeat; text-decoration: none; }
a.more:hover { text-decoration: underline; }

/* Listing Actions */
.listing-actions { width: 656px; padding: 0 12px; }
.paging { overflow: hidden; line-height: 23px; }
.paging a { float: left; padding: 0 2px 0 2px; }
.paging .prev, .paging .next { display: block; float: left; width: 18px; height: 18px; overflow: hidden; margin: 3px 0 0 0; text-indent: -9999px; background: url(../img/prev.gif) 0 0 no-repeat; }
.paging .next { margin-left: 6px; background: url(../img/next.gif) 0 0 no-repeat; }
.paging span { float: left; margin: 0 8px 0 0; }
.paging .paging-input { display: block; width: 25px; height: 23px; overflow: hidden; }
.paging .paging-input input { width: 25px; height: 14px; margin: 0; padding: 3px 0 6px 0; border: 0; background: #0678be url(../img/paging-input.gif) 100% 0 no-repeat; color: #fff; font-size: 12px; text-align: center; }
.paging .paging-input input:focus { outline: none; }



/*	SIDEBAR
================================================================================= */
.menu-wrap { width: 210px; overflow: hidden; margin: 0 0 20px; padding: 20px 0 0; background: #f5f5f5; }
.section { padding: 0 8px 14px; margin: 0 10px 24px; border-bottom: 1px solid #e8e8e8; }
.logo-link { display: block; margin: 0 0 20px; text-align: center; }


/* Sidebar Titles
-------------------------------------- */
#sidebar .IR { display: block; width: 174px; height: 15px; margin: 0 0 12px; line-height: 15px; }
#sidebar .t-quicklinks { height: 18px; margin: 0; }
#sidebar .t-quicklinks span { background-image: url(../img/t_quicklinks.png); }
#sidebar .t-consumers span { background-image: url(../img/t_consumers.png); }
#sidebar .t-professionals span { background-image: url(../img/t_health-professionals.png); }


/* Menu
-------------------------------------- */
#sidebar .menu { margin: 0; padding: 0; list-style: none; width: 174px; }
#sidebar .menu li { margin: 0 0 2px; padding: 0 0 0 12px; background: url(../img/arrow-menu.gif) 2px 6px no-repeat; }
#sidebar .menu a { text-decoration: none; }
#sidebar .menu a:hover { text-decoration: underline; }




/*	FOOTER
================================================================================= */
#footer p,
#footer li { color: #909090; font-size: 11px; line-height: 16px; }

/* Sidebar Content
-------------------------------------- */
.footer-sidebar { float: left; display: inline; margin: 0; width: 210px; }


/* Content
-------------------------------------- */
.footer-content { float: left; display: inline; width: 680px; margin: 0 35px 0 35px; position: relative; }
.footer-content .copy { float: left; display: inline; width: 420px; margin: 0 12px 0 0; }


/* Footer Menu
-------------------------------------- */
.footer-content .menu { float: right; display: inline; margin: 0; padding: 0; list-style: none; }
.footer-content .menu li { margin: 0; padding: 0 12px; float: left; display: inline; border-left: 1px solid #ebebeb; font-size: 11px; line-height: 1; }
.footer-content .menu li.first { border: 0; }
.footer-content .menu a { color: #909090; text-decoration: none; }
.footer-content .menu a:visited { color: #909090; }
.footer-content .menu a:hover { color: #909090; text-decoration: underline; }


/* Bookmarks
-------------------------------------- */
.bookmarks { clear: both; width: 680px; margin: 16px 0 0; }

/* Title */
.bookmarks .IR { width: 115px; height: 17px; margin: 0 0 6px; color: #1260a6; font-size: 16px; line-height: 18px; }
.bookmarks .t-bookmark span { background-image: url(../img/t_bookmark.png); }

/* Social Links */
.bookmarks ul { margin: 0; padding: 12px 0; list-style: none; border-top: 1px solid #e8e8e8; }
.bookmarks li { float: left; display: inline; margin: 0 28px 0 0; padding: 0; line-height: 16px; }
.bookmarks a { padding-left: 24px; text-decoration: none; background: url(../img/social-icons.png) no-repeat; color: #0678be; font-size: 12px; }
.bookmarks a:visited { color: #0678be; }
.bookmarks .deli a { background-position: 0 0; }
.bookmarks .dig a { background-position: 0 -32px; }
.bookmarks .red a { background-position: 0 -64px; }
.bookmarks .fb a { background-position: 0 -96px; }
.bookmarks .su a { background-position: 0 -128px; }
.bookmarks a:hover { color: #0678be; text-decoration: underline; }
.bookmarks a img { left: -20px; }



/*	MEDICINES TEMPLATE
================================================================================= */
#medicines-wrap h1, #medicines-wrap .h1-title { margin: 0 0 40px; }
.section-body h2 { margin: 32px 0 16px; }
.section-body h2 .label-mainfirst {}
.section-body h3 { margin: 24px 0 8px; }
.label-chem { font-weight: bold; }
.label-cpi { font-style: italic; }
.label-inst { margin: 0.75em 0 0.25em; font-weight: bold; } /* Instruction */
.label-expl { margin: 0.75em 0; } /* Explanation - general copy */
.label-expldot {} /* Manufacturer & Rego Num */
.label-expldot1 { margin: 0 0 0 1.5em; padding: 0 0 0 1em; background: url(../img/arrow-bullet.gif) 0 7px no-repeat; } /* Inset - listing */



/*	MISCELLANEOUS
================================================================================= */
/* Image Replacement(IR) */
.IR { overflow: hidden; position: relative; }
.IR span { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-position: 0 0; background-repeat: no-repeat; }

/* Extra Class' */
#main .small { font-size: 11px; }
#main .highlight { color: #47b7e0; }
#main .hidden { display: none; }
#main .left { float: left; }
#main .right { float: right; }
#main img.left { margin: 0 18px 8px 0; }
#main img.right { margin: 0 0 8px 18px; }
#main .center { display: block; margin-left: auto; margin-right: auto; }
#main .align-left { text-align: left; }
#main .align-right { text-align: right; }
#main .align-center { text-align: center; }


