/* CSS Document */
body { margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #e6e7e7; line-height: 16px; background-color: #FFFFFF }
a { color: #FFFFFF }
a:hover { color: #999999 }
a:visited { color: #CCCCCC }
p { margin-top: 0px; margin-bottom: 8px }
#header { position: absolute; top: 0px; left: 0px; width: 914px; height: 127px; background-image: url(img/header_bg_01.gif); background-position: 0px 0px; background-repeat: repeat-x; z-index: 0 }
#headerBase { position: absolute; top: 94px; left: 0px; width: 914px; height: 33px; background-image: url(img/header_bg_02.gif); background-position: 0px 0px; background-repeat: no-repeat; z-index: 0 }
#title { position: absolute; top: 30px; left: 17px; width: 577px; height: 51px; z-index: 1 }
#niveaLogo { position: absolute; top: 41px; left: 685px; width: 131px; height: 86px; z-index: 1 }
#menu { position: absolute; top: 94px; left: 25px }
#main { position: absolute; top: 139px; left: 4px; width: 906px; background-color: #000000; background-image: url(img/main_bg.gif); background-position: 0px 0px; background-repeat: no-repeat; z-index: 0 }
#mainIntro { padding-right: 20px; margin-bottom: 8px; padding-top: 42px }
#mainContent { padding-top: 0px; padding-left: 19px; }
#formContainer { background-image: url(img/form_bg.jpg); background-position: bottom left; background-repeat: no-repeat; background-color: #FFFFFF; color: #000000; padding-left: 20px; padding-right: 20px; font-size: 12px }
#form { padding-left: 70px; padding-right: 58px }
#question { color: #001373; font-weight: bold; font-size: 13px; margin-bottom: 8px }
td.formTitles { padding-top: 6px }
input { background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 10px; border: 1px solid #666666 }
#answer { background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 10px; width: 108px; height: 18px }
#forename { width: 275px; height: 16px; padding-left: 1px }
#surname { width: 275px; height: 16px; padding-left: 1px }
#gender { background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 10px; width: 108px; height: 18px }
#age { width: 66px; height: 16px; padding-left: 1px }
#email { width: 275px; height: 16px; padding-left: 1px }
#address { width: 275px; height: 80px; background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 10px; border: 1px solid #666666 }
#mobile { width: 160px; height: 16px; padding-left: 1px }
div.optin { position: relative ; top: 0px left: 0px; margin-left: 0px; margin-right: 6px; margin-top: 0px; margin-bottom: 0px }
.terms { color: #001373; font-weight: bold }
td.optinCopy { font-size: 11px }
.noBorder { border: none }
div.submitButton { padding-right: 10px }
#rightGoodyBag { background-image: url(img/right_goody_bag_bg.gif); background-position: 0px 0px; background-repeat: no-repeat; width: 300px; height: 51px }
#rightGoodyBagText { padding-left: 19px; padding-right: 10px; font-weight: bold }
#formThanks { font-size: 14px; font-weight: bold; padding-top: 60px; padding-bottom: 240px }

div.latestTips { border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; background-color: #8e9295; width: 563px; padding-bottom: 4px; }
div.latestTips a { color: #ffffff; font-weight: bold; text-decoration: none; line-height: 13px; padding: 8px; font-size: 12px; }

div.tipArchive { background-color: #8e9295; width: 565px; padding-bottom: 4px; }
div.tipArchive a { color: #ffffff; font-weight: bold; text-decoration: none; line-height: 12px; padding: 8px; font-size: 11px; }

#disclaimer { position: relative; left: 146px; }

#anySuggestionsContainer { background-image: url(img/any_suggestions_bg.jpg); background-position: 0px 0px; background-repeat: no-repeat; width: 300px; height: 493px; }
#anySuggestions { position: relative; left: 13px; top: 8px; width: 225px; }
#anySuggestionsForm { position: relative; left: 6px; }
input { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; }
textarea { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; }
label { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; }
.suggestionTitle { height: 16px; width: 223px; border: 1px solid #FFFFFF; background-color: #FFFFFF; }
.suggestionFreetext { height: 88px; width: 223px; border: 1px solid #FFFFFF; background-color: #FFFFFF; }
.suggestionName { height: 16px; width: 223px;border: 1px solid #FFFFFF; background-color: #FFFFFF;  }
.suggestionEmail { height: 16px; width: 223px; border: 1px solid #FFFFFF; background-color: #FFFFFF; }
.suggestionSubmit { border-top: 1px solid #ffffff; text-align: right; margin-top: 8px; }

#videoTitle { font-size: 15px; color: #FFFFFF; font-weight: bold; text-indent: 25px; border-bottom: 1px solid #cccccc; background-color: #7a7a7a; width: 565px; padding-bottom: 8px; }
#videoContainer { background-color: #939393; border-bottom: 1px solid #CCCCCC; width: 565px; padding-bottom: 10px; text-align: center;; padding-top: 4px; }
#videoNav { border-bottom: 1px solid #cccccc; background-color: #7a7a7a; width: 565px; }

#stafContainer { font-size: 13px; font-weight: bold; color: #FFFFFF; width: 514px; padding-top: 8px; position: relative; left: 25px }

.stafName { height: 16px; width: 223px;border: 1px solid #FFFFFF; background-color: #FFFFFF;  }
.stafEmail { height: 16px; width: 223px; border: 1px solid #FFFFFF; background-color: #FFFFFF; }
.stafMessage { height: 86px; width: 223px; border: 1px solid #FFFFFF; background-color: #FFFFFF; }
.stafSubmit { border-top: 1px solid #ffffff; text-align: right; margin-top: 8px; padding-bottom: 12px }
div.stafAgreement { font-weight: normal; font-size: 12px; padding-top: 12px; }

checkbox { margin: 0px; width: 18px; }