body {font-family: arial, helvetica, verdana, geneva, sans-serif; font-size: .8em; background-color: #FFFFFF; color: #666666; margin: 0px; padding: 0px; text-align: center;} img {display: block; border: 0px;} img.leftImage {float: left; margin: 0px 10px 10px 0px;} img.rightImage {float: right; margin: 0px 0px 10px 10px;} a {text-decoration : underline; color: #028798;} a:hover {text-decoration : none; color : #178C9E;} a.backLink {border: 1px solid #e6e6e6; background-color: #f7f7f7; font-weight: bold; font-size: .85em; padding: 2px 5px 2px 5px; text-decoration: none; display: block; float: left;} a.backLink:hover {border: 1px solid #c3e7ed; background-color: #dcf1f4; color: #178C9E;} a.boxLink {border: 1px solid #e6e6e6; background-color: #f7f7f7; font-weight: bold; font-size: .85em; padding: 2px 5px 2px 5px; text-decoration: none; display: block; float: left; margin: 0px 2px 0px 0px;} a.boxLink:hover {border: 1px solid #c3e7ed; background-color: #dcf1f4; color: #178C9E;} a.topLink {border: 1px solid #e6e6e6; background-color: #f7f7f7; font-weight: bold; font-size: .85em; padding: 2px 5px 2px 5px; text-decoration: none; display: block; float: right;} a.topLink:hover {border: 1px solid #c3e7ed; background-color: #dcf1f4; color: #178C9E;} a.bluelink {color:#0099CC;}; .boxLinkBlank {border: 1px solid #e6e6e6; background-color: #fdfdfd; font-weight: bold; font-size: .85em; padding: 2px 5px 2px 5px; text-decoration: none; display: block; float: left; margin: 0px 2px 0px 0px; color: #cfcfcf;} p {margin-top: 5px;} br {line-height: 7px;} form {margin: 0px;} h1 {font-size: 1.6em; color: #cc0066; font-weight: bold; padding: 0px; margin: 0px 0px 7px 0px;} h2 {font-size: 1.4em; margin: 0px 0px 10px 0px; color: #cc0066; font-weight: bold;} h3 {font-size: 1.1em; margin: 10px 0px 3px 0px; color: #cc0066;} h4 {font-size: .9em; margin: 0px 0px 5px 0px; color: #cc0066;} h5 {font-size: .8em; margin: 0px; color: #cc0066;} h6 {font-size: .7em; margin: 0px; color: #cc0066;} .clearAll {clear: both;} .clearLeft {clear: left;} .clearRight {clear: right;} .floatRight {float: right;} .floatLeft {float: left;} .floatLeftPad {float: left; margin: 0px 5px 0px 0px;} .floatRightPad {float: right; margin: 0px 0px 0px 10px;} .centered {text-align: center;} /* MAIN SITE TEMPLATE STYLES */ #siteContainer {width: 982px; background-color: #FFFFFF; margin: 0px auto 0px auto; padding: 0px;} #siteContainer #homeLeftBorder {float: left; width: 17px; height: 335px; background: url(../../media/images/home_border_left.gif) no-repeat 0px -70px;} #siteContainer #homeRightBorder {float: left; width: 17px; height: 335px; background: url(../../media/images/home_border_right.gif) no-repeat 0px -70px;} #siteContainer #siteLeftBorder {float: left; width: 17px; height: 203px; background: url(../../media/images/site_border_left.gif) no-repeat 0px -45px;} #siteContainer #siteRightBorder {float: left; width: 17px; height: 203px; background: url(../../media/images/site_border_right.gif) no-repeat 0px -45px;} #siteContainer #centralContainer {float: left; width: 948px;} #siteContainer #centralContainer #headerContainer {float: left; width: 948px; height: 58px; background-color: #0096b1;} #siteContainer #centralContainer #headerContainer #logoContainer {float: left; width: 610px; height: 58px; background: url(../../media/images/logo_gaviscon.gif) no-repeat 0px 0px; text-align: left;} #siteContainer #centralContainer #headerContainer #logoContainer a {display: block; width: 460px; height: 58px;} #siteContainer #centralContainer #headerContainer #topNavContainer {float: left; width: 338px; height: 58px;} #siteContainer #centralContainer #headerContainer #topNavContainer img {float: left; margin: -3px 5px 0px 0px;} #siteContainer #centralContainer #headerContainer #topNavContainer a {float: left; color: #ffffff; text-decoration: none; font-size: .85em; margin: 3px 0px 0px 0px; padding: 2px 4px 0px 4px; font-weight: bold; display: block;} #siteContainer #centralContainer #headerContainer #topNavContainer a:hover {color: #028798; background-color: #b3dbe0;} #siteContainer #centralContainer #headerContainer #topNavContainer form {float: left; margin: 0px 2px 0px 10px;} #siteContainer #centralContainer #headerContainer #topNavContainer input.sendImage {width: 20px; height: 20px; border: none; background: none; float: left; margin: 0px 0px 0px 0px;} /* Nav styles */ #siteContainer #centralContainer #navContainer {width: 948px; height: 35px; background: url(../../media/images/nav_bg.jpg) repeat-x 0px 0px; font-size: .9em;} #siteContainer #centralContainer #navContainer #nav a {display: block; float: left; color: #ffffff; font-weight: bold; text-decoration: none; padding: 2px 8px 0px 8px; border-style: dotted; border-width: 0px 1px 0px 0px; border-color: #e20079; margin: 0px 0px 0px 0px; height: 33px;} #siteContainer #centralContainer #navContainer #nav a:hover {display: block; color: #e20079; text-decoration: none;} #siteContainer #centralContainer #navContainer #nav a.last {display: block; float: left; height: 33px; color: #ffffff; font-weight: bold; text-decoration: none; padding: 2px 10px 0px 10px; border: 0px; margin: 0px 0px 0px 0px;} #siteContainer #centralContainer #navContainer #nav a.last:hover {display: block; color: #e20079; text-decoration: none;} /* all lists */ #siteContainer #centralContainer #navContainer #nav, #siteContainer #centralContainer #navContainer #nav ul {margin: 0px; padding: 0px; list-style: none;} /* all list items */ #siteContainer #centralContainer #navContainer #nav li {margin-left: 0px; float: left; position: relative; z-index: 10; text-align: center;} /* second-level lists */ #siteContainer #centralContainer #navContainer #nav li ul {position: absolute; width: 240px; left: -999em; padding-top: 4px;} /* second-level lists */ #siteContainer #centralContainer #navContainer #nav li ul li {width: 240px; margin-left: 0px; background-color: #FFFFFF; color: #1C7523; border-width: 0px 1px 1px 1px; border-style: solid; border-color: #56b2be; text-align: left;} /* second-level lists */ #siteContainer #centralContainer #navContainer #nav li ul li a {display: block; width: 230px; height: auto; border: 0px; padding: 2px 4px 2px 6px; margin: 0px; background-color: #e0f5f3; color: #0096b1;} #siteContainer #centralContainer #navContainer #nav li ul li a:hover {color: #FFFFFF; background-color: #0096b1;} #siteContainer #centralContainer #navContainer #nav li ul li a.indent {display: block; width: 220px; border: 0px; padding: 2px 4px 2px 16px; margin: 0px; background-color: #f0f7f6;} #siteContainer #centralContainer #navContainer #nav li ul li a.indent:hover {color: #FFFFFF; background-color: #028798;} #siteContainer #centralContainer #navContainer #nav li ul.lastSub {position: absolute; width: 204px; left: -999em; padding-top: 4px;} #siteContainer #centralContainer #navContainer #nav li ul.lastSub li {width: 204px; margin-left: 0px; background-color: #FFFFFF; color: #1C7523; border-width: 0px 1px 1px 1px; border-style: solid; border-color: #56b2be;} #siteContainer #centralContainer #navContainer #nav li ul.lastSub li a {display: block; width: 194px; border: 0px; padding: 2px 4px 2px 6px; margin: 0px; background-color: #e0f5f3;} #siteContainer #centralContainer #navContainer #nav li ul.lastSub li a:hover {color: #FFFFFF; background-color: #028798;} #siteContainer #centralContainer #navContainer #nav li ul.lastSub li a.indent {display: block; width: 184px; border: 0px; padding: 2px 4px 2px 16px; margin: 0px; background-color: #f0f7f6;} #siteContainer #centralContainer #navContainer #nav li ul.lastSub li a.indent:hover {color: #FFFFFF; background-color: #028798;} /* lists nested under hovered list items */ #siteContainer #centralContainer #navContainer #nav li:hover ul, #siteContainer #centralContainer #navContainer #nav li.sfhover ul {left: -1px; top: 31px;} #siteContainer #centralContainer #navContainer #nav li:hover ul.nextLastSub, #siteContainer #centralContainer #navContainer #nav li.sfhover ul.nextLastSub {left: -21px; top: 31px;} #siteContainer #centralContainer #navContainer #nav li:hover ul.lastSub, #siteContainer #centralContainer #navContainer #nav li.sfhover ul.lastSub {left: 0px; top: 31px;} /* home page content style */ #siteContainer #centralContainer #homeContent {width: 948px; height: 450px;} /* home page footer ads style */ #siteContainer #centralContainer #adContainer {width: 948px; height: 113px;} #siteContainer #centralContainer #adContainer #box1 {float: left; width: 316px; height: 113px; background: url(../../media/images/home_box01.jpg) no-repeat 0px 0px; border-width: 0px 1px 0px 0px; border-style: solid; border-color: #ffffff; font-size: .9em; text-align: left;} #siteContainer #centralContainer #adContainer #box1 h2 {float: left; width: 116px; height: 103px; padding: 10px 0px 0px 10px; display: block; margin: 0px; font-size: 2em; font-style: italic; color: #02a3b8;} #siteContainer #centralContainer #adContainer #box1 #pollContainer {float: left; width: 181px; height: 108px; margin: 5px 0px 0px 0px; color: #ffffff;} #siteContainer #centralContainer #adContainer #box1 #pollContainer form {display: block;} #siteContainer #centralContainer #adContainer #box1 #pollContainer form input.radio {float: left; border: 0px; height: 12px; padding:2px 2px 2px 2px;} #siteContainer #centralContainer #adContainer #box1 #pollContainer form input.submit {float: right; height: 18px; font-size: .8em; margin: 0px 10px 5px 0px; background-color: #e8e8e8;} #siteContainer #centralContainer #adContainer #box1 #pollContainer p {margin: 5px 10px 2px 10px; font-weight: bold;} #siteContainer #centralContainer #adContainer #box1 #pollContainer ul {margin: 0px; padding-left: 5px;} #siteContainer #centralContainer #adContainer #box1 #pollContainer ul li {list-style: none; margin-left: 0px; clear: all;} #siteContainer #centralContainer #adContainer #box1 #pollContainer ul li a {color: #ffffff; text-decoration: none;} #siteContainer #centralContainer #adContainer #box1 #pollContainer .pollBar {float: left; height: 13px; margin: 0px 2px 1px 10px; border: 1px solid #015368; background-color: #02A3B8;} #siteContainer #centralContainer #adContainer #box2 {float: left; width: 239px; height: 88px; background: url(../../media/images/home_box02.jpg) no-repeat 0px 0px; border-width: 0px 1px 0px 0px; border-style: solid; border-color: #ffffff; text-align: left; padding: 25px 0px 0px 75px;} #siteContainer #centralContainer #adContainer #box2 h2 {color: #FFFFFF; margin: 0px; font-weight: normal; font-size: 1.5em;} #siteContainer #centralContainer #adContainer #box2 a {color: #FFFFFF; margin: 0px; font-weight: bold; text-decoration: none; font-style: italic; font-size: 1.3em;} #siteContainer #centralContainer #adContainer #box2 a:hover {text-decoration: underline;} #siteContainer #centralContainer #adContainer #box3 {float: left; width: 166px; height: 113px; background: url(../../media/images/home_box03.jpg) no-repeat 0px 0px; text-align: left; padding: 25px 0px 0px 150px;} #siteContainer #centralContainer #adContainer #box3 h2 {color: #FFFFFF; margin: 0px; font-weight: normal; font-size: 1.5em;} #siteContainer #centralContainer #adContainer #box3 a {color: #FFFFFF; margin: 0px; font-weight: bold; text-decoration: none; font-style: italic; font-size: 1.3em;} #siteContainer #centralContainer #adContainer #box3 a:hover {text-decoration: underline;} /* FOOTER */ #siteContainer #centralContainer #footerText {font-size: .8em; margin: 7px 0px 10px 0px;} #siteContainer #centralContainer #footerText a {color: #666666; text-decoration: underline;} #siteContainer #centralContainer #footerText a:hover {text-decoration: none;} /* GENERAL PAGE STYLES */ #siteContainer #centralContainer #siteHeader {width: 948px; height: 107px;} #siteContainer #centralContainer #siteHeader #headerNoFlash {width: 948px; height: 97px; background: url(../../media/images/header_bg.jpg) repeat-x 0px 0px; color: #FFFFFF; font-size: 2em; font-weight: bold; padding: 10px 0px 0px 0px;} #siteContainer #centralContainer #siteContent {width: 948px; height: auto; background-color: #007185; background: url(../../media/images/site_bg.jpg) repeat-x 0px 0px;} #siteContainer #centralContainer #siteContent #siteContentFrame {width: 674px; height: auto; background-color: #E5F4F7; margin: 0px auto 0px 82px; text-align: left; padding: 0px 55px 0px 55px;} #siteContainer #centralContainer #siteContent #siteContentFrame #minHeight {float: left; width: 1px; height: 380px;} #siteContainer #centralContainer #siteContent #siteContentFooter {width: 784px; height: 21px; background: url(../../media/images/site_content_footer.gif) no-repeat 0px 0px; margin: 0px auto 10px 82px;} #siteContainer #centralContainer #siteContent #siteContentFrame #sitemap li {list-style: none; margin: 0px 0px 0px 0px; font-size: 1.3em;} #siteContainer #centralContainer #siteContent #siteContentFrame #sitemap li ul li {list-style: none; margin: 0px 0px 0px 20px; font-size: .8em;} #siteContainer #centralContainer #siteContent #siteContentFrame #sitemap li ul li a.indent {margin: 0px 0px 0px 10px;} /*SURVEY STYLES*/ .questionContainer {border: 1px solid #abdde6; background-color: #fdfefe; margin: 0px 0px 10px 0px;} .questionContainer .questionTitle {border-width: 0px 0px 1px 0px; border-style: solid; border-color: #abdde6; font-size: 1.1em; background-color: #cfecf1;} .questionContainer .questionTitle .questionNumber {float: left; width: 100px; font-weight: bold; padding: 3px 6px 3px 6px; background-color: #b5e1ea; color: #007890;} .questionContainer .questionTitle .questionNumberDouble {float: left; width: 100px; height: 32px; font-weight: bold; padding: 3px 6px 3px 6px; background-color: #b5e1ea; color: #007890;} .questionContainer .questionTitle .questionText {float: left; width: 500px; font-weight: bold; padding: 3px 6px 3px 6px; color: #015564;} .questionContainer .question_box {} .questionContainer .question_box select {width: 420px;} .questionContainer .question_box input {border: 0px} /* recommender styles */ #recLeftColumn {float: left; width: 400px;} #recLeftColumn .recQuestion {width: 360px; height: 200px; margin: 0px 0px 10px 0px; padding: 20px 20px 20px 20px; background: url(../../media/images/recommender_questionbox-2.jpg) no-repeat 0px 0px;} #recLeftColumn .recQuestion h3.questionText {color: #FFFFFF; display: block; margin: 0px; padding: 0px;} #recLeftColumn .recQuestion .recAnswers {float: left; width: 360px height: auto; margin: 0px 0px 0px 0px;} #recLeftColumn .recQuestion .recAnswers .answerRadio {float: left; width: 20px; height: 20px;} #recLeftColumn .recQuestion .recAnswers .answerText {float: left; width: 335px; height: auto; color: #000000; margin-left: 5px;} #recLeftColumn .recQuestion .recAnswers .answerText a {color: #000000; text-decoration: none;} #recLeftColumn .recQuestion .recAnswers .answerText a:hover {text-decoration: none;} #recLeftColumn .reSubmit {width: 395px; text-align: right;} #recLeftColumn .reSubmit input {border: 3px solid #276774; font-weight: bold; color: #cc0066; background-color: #e5f4f7;} #recRightColumn {float: left; width: 220px; margin: 0px 0px 0px 10px; padding: 20px 20px 20px 20px; background: url(../../media/images/recommender_resultsbox.jpg) no-repeat 0px 0px; color: #000000;} #recRightColumn h3 {margin: 0px; padding: 0px; color: #FFFFFF; display: block; margin: 0px 0px 20px 0px; padding: 0px;} #recRightColumn .minHeight {float: left; width: 1px; height: 260px;} #recRightColumn a {text-decoration: underline; color: #000000;} #recRightColumn a:hover {text-decoration: none; color: #000000;} /* general styles */ .standardText {font-weight: normal; color: #666666;} .blueText {color: #0099CC;} .greenText {color: #028798;} .error {color: #AA0000; font-weight: bold;} .smallText {font-weight: normal; font-size:0.8em;} ul {margin-top: 0px; margin-bottom: 10px;} /* FORM STYLES */ form {margin: 0px; padding: 0px;} #formContainer {width: 100%; float: left;} #formContainer .fieldText {float: left; border: 1px solid #276774; width: 200px; height: 18px; margin: 0px 5px 2px 0px; padding: 2px 0px 0px 10px; font-weight: bold; background-color: #a2d7e0; color: #276774;} #formContainer .fieldTextWide {float: left; border: 1px solid #276774; width: 612px; height: 18px; margin: 0px 5px 2px 0px; padding: 2px 0px 0px 10px; font-weight: bold; background-color: #a2d7e0; color: #276774;} #formContainer .fieldTextBlank {float: left; width: 200px; height: 18px; margin: 0px 5px 2px 0px; padding: 2px 0px 0px 10px; display: block;} #formContainer .fieldTextMid {float: left; border: 1px solid #028798; width: 250px; height: 18px; margin: 0px 5px 2px 0px; padding: 2px 0px 0px 10px; font-weight: bold; background-color: #E6F3D7; color: #028798;} #formContainer .fieldValue {float: left;} #formContainer .fieldValue input {width: 300px; border: 1px solid #9e9e9e; padding: 2px 5px 2px 5px; backgfound-color: #efefef;} #formContainer .fieldValue input.checkbox {background: none; border: 0px; padding: 0px; margin: 0px;} #formContainer .fieldValue input.submitButt {width: 40px; border: 1px solid #028798; color: #028798; background: none; background-color: #FFFFFF;} #formContainer .fieldValue input.submitButtGen {width: auto; height: 20px; border: 1px solid #028798; color: #028798; background: none; background-color: #FFFFFF; padding: 2px 5px 2px 5px; font-weight: bold; font-size: .9em; margin: 0px 0px 0px 2px;} #formContainer .fieldValuePreview {float: left; width: 400px; border: 1px solid #028798; margin: 0px 5px 2px 0px; padding: 2px 0px 0px 5px; background-color: #ffffff;} #formContainer .fieldValueWide textarea {width: 618px; height: 270px;} #compForm {width: 100%; float: left;} #entryForm input {width: 200px;} #entryForm input.checkbox {width: 20px;} #entryForm input.submitButtGen {width: 120px;} #entryForm select {width: 215px;} #entryForm .fieldValuePreview {width: 200px; padding: 2px 5px 2px 5px; border: 1px solid #9e9e9e;} #siteContainer #centralContainer #siteContent #siteContentFrame #boxout {margin: 0px 0px 10px 0px; border: 1px solid #CC0066; background-color: #FFFFFF;} #siteContainer #centralContainer #siteContent #siteContentFrame #boxout h2 {margin: 0px 0px 0px 0px; background-color: #CC0066; color: #FFFFFF; padding: 2px 0px 4px 6px; font-size: 1.2em;} #siteContainer #centralContainer #siteContent #siteContentFrame #boxout #boxoutText {padding: 2px 4px 4px 6px; color: #000000; font-weight: bold;}