html { font-size: 100%; /* IE hack */ }
body {margin:0px; color: #5d5d5f; font-family:Arial, Helvetica, sans-serif; font-size: 0.62em;}
table { font-size: 100%; /* IE hack */ }
/**
* Default CSS
*/
form, fieldset, dl {padding: 0; margin:0; border: none;}
img {border-style: none;}
hr {border-style:solid;}
h1, h2, h3, h4, h5, p {margin: 0 0 10px 0; padding: 0; }
td, th {vertical-align: top;}
th {text-align: left; }
.clear {clear: both;}
.clearLeft {clear: left;}
.clearRight{clear: right;}
.floatLeft {float: left !important;}
.floatRight {float: right !important;}
.padit{padding:0px 0px 10px 0px;}
.imgLeft {float: left; margin: 0 10px 7px 0;}
.imgRight {float: right; margin: 0 0 7px 10px;}
.center {text-align: center;}
.block {display: block;}
.bold {font-weight: bold;}
.noBG {background: none !important;}
.noMargin {margin:0 !important;}
.noBorder {border: none !important;}
.noPadding {padding:0 !important;}
.noUnderline {text-decoration:none !important;}
.invis {display: none !important;}
.red {color:#c70019 !important;}
a:link, a:visited {color: #003363; text-decoration: underline;}
a:active, a:hover {color: #5d5d5f; text-decoration: underline;}
.fakelink {color:#003363; text-decoration: underline;}
.fakelink:hover {color:#5d5d5f; text-decoration:underline;}
a.clickable {display:block; text-decoration:none; color:inherit;}
/**
* MISC CSS
*/
body {background:#c70019 url(../images/background_dots.gif) repeat-x fixed top; font-size:12px; line-height:17px;}
#wrapper {width:960px; left:50%; margin:0px 0px 0px -480px; position:absolute;}
p {margin:0px 0px 1em 0px; padding:0px;}
.small {font-size:10px;}
/**
* HEADING CSS
*/
h1 {font-size:21px; line-height:25px; color:#c70019; margin-bottom:10px; font-weight:normal;}
h2 {font-size:14px; line-height:25px; color:#c70019; margin-bottom:0px; margin-top:0px; font-weight:bold; padding:0px;}
h3 {font-size:12px; line-height:17px; color:#5d5d5f; margin-bottom:0px; font-weight:bold;}
h4 {font-size:15px; line-height:21px; margin-bottom:0px; font-weight:normal; color:#c70019;}
h5 {font-size:13px; line-height:21px; margin-bottom:0px; font-weight:bold; color:#333333;}
/**
* FORM CSS
*/
form.frm-std label, form.frm-std input.frmfld, form.frm-std select, form.frm-std textarea {display: block; margin-bottom: 10px; font-size: 1.0em; font-family: Arial, Helvetica, Verdana; color: #333; padding: 2px; width: 95%; }
form.frm-std label {margin-bottom: 3px; }
form.frm-std input.frmfld, form.frm-std select, form.frm-std textarea {background: #f0f0f0; border: 1px solid #999;}
form.frm-std input.frmcheck {float: left; display:block; padding-top: 4px;}
form.frm-std label.checklab {margin-left: 25px; width: 400px;}
form.frm-std #frmsub {display: block; width: 83px; height: 33px; cursor: pointer; border:0px none; background:url(../images/form_submit.gif) no-repeat; margin:0px 17px 0px 0px;}
form.frm-std #remlabel {display:inline; width: 80px;}
form.frm-std textarea {height:150px;}
#enquiryLabel {font-size:14px;}
.col { width:45%; float:left;}
.padright {padding-right:40px;}
.optin {float:left; display:block; width:90%; font-size:11px;}
/**
* LIST CSS
*/
ul {margin:0px; margin-top:.5em; margin-bottom:.5em; padding-left:1.5em;}
ul.noBullet {list-style:none; margin:0px;}
/**
* TOP NAV CSS
*/
#tNav {width:980px; height:90px; margin:0px -20px 0 0; padding:0px; list-style:none; display:block; overflow:hidden;}
#tNav #logo {width:150px; display:block; float:left;}
#tNav ul {width:814px; height:45px; overflow:hidden; margin:30px 0 15px 0px; padding:0px; display:block; list-style:none;}
#tNav li {float:left; height:45px; display:block;}
#tNav li a {display:block; height:45px; background-image:url(../images/navSprite.gif); background-repeat:no-repeat; text-indent:-9999px; overflow:hidden;}
#tNav #tNav01 a {width:67px; background-position:0 0;}
#tNav #tNav02 a {width:117px; background-position:-67px 0;}
#tNav #tNav03 a {width:182px; background-position:-184px 0;}
#tNav #tNav04 a {width:137px; background-position:-366px 0;}
#tNav #tNav05 a {width:184px; background-position:-503px 0;}
/*#tNav #tNav06 a {width:107px; background-position:-589px 0;}*/
#tNav #tNav07 a {width:127px; background-position:-687px 0;}
#tNav #tNav01 a:hover {background-position:0 -45px;}
#tNav #tNav02 a:hover {background-position:-67px -45px;}
#tNav #tNav03 a:hover {background-position:-184px -45px;}
#tNav #tNav04 a:hover {background-position:-366px -45px;}
#tNav #tNav05 a:hover {background-position:-503px -45px;}
/*#tNav #tNav06 a:hover {background-position:-589px -46px;}*/
#tNav #tNav07 a:hover {background-position:-687px -45px;}
#tNav #tNav01 a.current, #tNav #tNav01 a:active {background-position:0 -90px;}
#tNav #tNav02 a.current, #tNav #tNav02 a:active {background-position:-67px -90px;}
#tNav #tNav03 a.current, #tNav #tNav03 a:active {background-position:-184px -90px;}
#tNav #tNav04 a.current, #tNav #tNav04 a:active {background-position:-366px -90px;}
#tNav #tNav05 a.current, #tNav #tNav05 a:active {background-position:-503px -90px;}
/*#tNav #tNav06 a.current, #tNav #tNav06 a:active {background-position:-589px -90px;}*/
#tNav #tNav07 a.current, #tNav #tNav07 a:active {background-position:-687px -90px;}
#tNav-HCP {width:960px; height:90px; margin:0px; padding:0px; list-style:none; display:block; overflow:hidden;}
#tNav-HCP #logo {width:134px; display:block; float:left;}
#tNav-HCP ul {width:814px; height:45px; overflow:hidden; margin:30px 0px 15px 0px; padding:0px; display:block; list-style:none;}
#tNav-HCP li {float:left; height:45px; display:block;}
#tNav-HCP li a {display:block; height:45px; background-image:url(../images/navSprite_HCP.gif); background-repeat:no-repeat; text-indent:-9999px; overflow:hidden;}
#tNav-HCP #tNav01 a {width:179px; background-position:0 0;}
#tNav-HCP #tNav02 a {width:170px; background-position:-179px 0;}
#tNav-HCP #tNav03 a {width:109px; background-position:-349px 0;}
#tNav-HCP #tNav04 a {width:156px; background-position:-458px 0;}
#tNav-HCP #tNav05 a {width:97px; background-position:-614px 0;}
#tNav-HCP #tNav06 a {width:103px; background-position:-711px 0;}
#tNav-HCP #tNav01 a:hover {background-position:0 -45px;}
#tNav-HCP #tNav02 a:hover {background-position:-179px -45px;}
#tNav-HCP #tNav03 a:hover {background-position:-349px -45px;}
#tNav-HCP #tNav04 a:hover {background-position:-458px -45px;}
#tNav-HCP #tNav05 a:hover {background-position:-614px -45px;}
#tNav-HCP #tNav06 a:hover {background-position:-711px -45px;}
#tNav-HCP #tNav01 a.current, #tNav-HCP #tNav01 a:active {background-position:0 -90px;}
#tNav-HCP #tNav02 a.current, #tNav-HCP #tNav02 a:active {background-position:-179px -90px;}
#tNav-HCP #tNav03 a.current, #tNav-HCP #tNav03 a:active {background-position:-349px -90px;}
#tNav-HCP #tNav04 a.current, #tNav-HCP #tNav04 a:active {background-position:-458px -90px;}
#tNav-HCP #tNav05 a.current, #tNav-HCP #tNav05 a:active {background-position:-614px -90px;}
#tNav-HCP #tNav06 a.current, #tNav-HCP #tNav06 a:active {background-position:-711px -90px;}
/**
* SUB NAV CSS
*/
#sNav {width:260px; margin:40px 0px 0px 20px; padding:0px; list-style:none; display:inline; overflow:hidden; float:left;}
#sNav ul {width:260px; overflow:hidden; margin:0px; padding:0px; display:block; list-style:none;}
#sNav li.sItem {margin:0px; padding:8px 11px 10px 20px; width:229px; display:block; background-color:#f0f0f0;}
#sNav a {font-size:12px; line-height:16px; text-decoration:none;}
#sNav li.seperate {margin:0px; padding:0px; width:260px; height:1px; background-color:#c70019; line-height:1px; overflow:hidden; font-size:1px;}
#sNav #sNavT {margin:0px; padding:0px; width:260px; height:20px; background:#f0f0f0; font-size:1px;}
#sNav #sNavB {margin:0px; padding:0px; width:260px; height:18px; background:#f0f0f0; font-size:1px;}
/**
* CONTENT CSS
*/
#content {min-height:470px; background-color:#FFFFFF;}
/*#content .vSeperator {width:1px; margin:0px; padding:0px; float:left; background-color:#dbdbdb; height:100%;}*/
#content .subContent {width:560px; padding:40px 45px 0px 35px; font-size:12px; float:left; display:inline; min-height:440px;}
#content .contentList {width:273px; margin:40px 22px 0px 25px; padding:0px; float:left; display:block; font-size:12px; list-style:none;}
#content .contentList li {margin:0px; padding:0px; width:273px; display:block; overflow:hidden; position:relative;}
#content .contentList li div {width:233px; padding:0px 20px 0px 20px; background-image:url(../images/contentListSprite.gif); background-repeat:repeat-y; display:block;}
#content .contentList li .pad_top {height:23px; background-position:-1911px top; line-height:1px; font-size:1px;}
#content .contentList li .pad_center {background-position:-1911px 0px;}
#content .contentList li .pad_bottom {height:18px; background-position:-1638px bottom; line-height:1px; font-size:1px;}
#content .contentList li.top .pad_top {height:19px; background-position:-1092px top;}
#content .contentList li.bottom .pad_center {padding-bottom:13px;}
#content .contentList li.bottom .pad_bottom {height:20px; background-position:-1365px bottom;}
#content .contentList li.highlight .pad_top {height:23px; background-position:-819px top;}
#content .contentList li.highlight .pad_center {background-position:-819px 0px;}
#content .contentList li.highlight .pad_bottom {height:18px; background-position:-546px bottom;}
#content .contentList li.highlight_top .pad_top {height:19px; background-position:0px top;}
#content .contentList li.highlight_top .pad_center {background-position:-819px 0px;}
#content .contentList li.highlight_top .pad_bottom {height:18px; background-position:-546px bottom;}
#content .contentList li.highlight_bottom .pad_top {height:23px; background-position:-819px top;}
#content .contentList li.highlight_bottom .pad_center {padding-bottom:13px; background-position:-819px 0px;}
#content .contentList li.highlight_bottom .pad_bottom {height:20px; background-position:-273px bottom;}
/*#content .contentList .contentListBottom {width:273px; padding:0px; margin:0px; height:91px; display:block; background-image:url(../images/contentListSprite.gif); background-repeat:no-repeat; background-position:0px -44px;}
#content .contentList .contentListTop {width:273px; padding:0px; margin:0px; height:16px; display:block; background-image:url(../images/contentListSprite.gif); background-repeat:no-repeat; background-position:0px 0px;}
#content .contentList .contentListItem {width:233px; padding:0px 20px 0px 20px; display:block; background-image:url(../images/contentListSprite.gif); background-repeat:repeat-y; background-position:-273px 0px;}
#content .contentList .contentListSeperator {width:273px; height:38px; padding:0px; margin:0px; display:block; background-image:url(../images/contentListSprite.gif); background-repeat:no-repeat; background-position:0px -6px;}*/
#content #flashMissing {width:auto; padding:20px; background-color:#FFFF99; border-width:2px; border-style:solid; border-color:#FFCC33; margin-bottom:30px;}
#content .disclaimer {font-size:10px; line-height:14px;}
/**
* FOOTER CSS
*/
#footer {width:890px; background:url(../images/footer.gif) #FFFFFF no-repeat center bottom; padding:5px 36px 48px 34px; margin-bottom:20px; line-height:36px; color:#c70019; clear:both; font-size:11px;}
#footer a {text-decoration:none; color:#c70019;}
#footer hr {padding:0px; margin:0px 0px 5px 0px; color:#dbdbdb;}
#footer ul {margin:0px; padding:0px; float:left; list-style:none; display:inline; height:36px;}
#footer li {float:left; display:inline;}
#footer #copyright{float:right; padding-right:90px; height:36px; position:relative;}
#footer #copyright #invida-logo {position:absolute; right:0px; top:1px; display:block; overflow:hidden; text-indent:-9999px; background:url(../images/footer_logo.gif) no-repeat; width:83px; height:26px;}
#footer .disclaimer {clear:both; line-height:normal; color:#5D5D5D;}
/**
* INDEX CSS
*/
#index #flashHero {width:960px; height:310px; margin:0px; padding:0px 0 10px; display:block; background-color:#FFFFFF; position:relative; overflow:hidden; text-indent:-9999px; background-image:url(../images/indexHero.jpg); background-repeat:no-repeat;}
#index #flashHero h1, #index #flashHero h2 {text-indent:-9999px; overflow:hidden;}
#index #flashHero span {display:block; position:absolute; text-indent:-9999px; overflow:hidden; background-image:url(../images/indexCTA.png); background-position:0 0; width:250px; height:43px; top:195px; left:45px; background-repeat:no-repeat;}
#index #flashHero:hover span {background-position:0 -43px;}
#index #content {min-height:170px; _height:170px; margin:0px; padding:0px 21px 10px 21px; width:918px;}
#index .panel {float:left; height:142px; background-image:url(../images/panelSprite.jpg); background-repeat:no-repeat; overflow:hidden; position:relative; width:246px; padding:28px 24px 0 24px; margin-right:18px;}
#index #panel1 {width:248px; padding:28px 23px 0px 23px; background-position:-2px 0;}
#index #panel2 {width:236px; padding:28px 23px 0px 23px; background-position:-313px 0;}
#index #panel3 {width:282px; height:170px; /*padding:32px 33px 0px 40px;*/ padding:0; background-position:-617px 0;}
#index #panel3 {margin-right:0px;}
#index .panel h4 {font-size:13px; font-weight:bold; margin-bottom:0px; line-height:21px;}
#index #panel1 h4 {margin-bottom:12px;}
#index #panel1 p {margin-bottom:4px;}
/**
* RESEARCH CSS
*/
#research .subContent {font-size:12px; padding-left:45px;}
/**
* STOCKISTS CSS
*/
#stockists .subContent {width:560px; padding:40px 45px 0px 35px; font-size:12px;}
#stockists #flashStockist {width:560px; margin:20px 0px 0px 0px; padding:0px; background-color:#FFFFFF; display:block;}
.padRightPic{ padding-right:10px;}
/**
* CONTACT CSS
*/
#contact .subContent {width:560px; padding-right:15px; padding-left:65px;}
/**
* PROMOTION CSS
*/
#promotion #content {padding-right:37px; padding-left:41px;}
#promotion .subContent {width:883px; margin-bottom:24px; padding:40px 0 0 0; min-height:0px;}
#promotion #infoText {padding-top:45px; padding-left:10px; float:left; width:545px;}
#promotion #promotionalFlash {width:883px; height:353px;}
#promotion .disclaimer {width:550px;}
/**
* COUPON PROMO CSS
*/
#coupon_promotion .imgCol {width:290px; height:290px; float:left;}
#coupon_promotion .col {padding-top:30px; width:270px;}
#coupon_promotion #frmsub {margin-right:2px;}
/**
* FAQ CSS
*/
.faq-list {margin-bottom:20px;}
.faq-list li {margin-bottom:8px;}
.faq-table {margin-bottom:20px; width:55%; border-collapse:collapse;}
.faq-table th, .faq-table td {padding:8px; border:1px solid #000000;}
.faq-table thead th {background-color:#C70019; color:#ffffff; font-weight:bold;}