/*==============================*/ /* CA: Updated 11 December 2009 */ /*==============================*/ body { font-family:Verdana,Arial,Geneva,Helvetica,sans-serif; color:#000000; margin:0 auto; padding:0 14px 0 14px; font-size:0.75em; line-height:150%;background:url(/images/global/body-bg.jpg) top center repeat-y; background-color: #fff; width:960px; } html>body { /*font-size:small;}*/ } img { border:none;} img a { border:none;} #form { height:40px;} .noscriptP { text-align:right;} .SearchForm { border:2px solid #F3F0DD; padding:3px; width:20em; vertical-align:baseline;} p { margin:3px 10px 10px 0; padding:0px; } ul { margin:12px 0 12px 20px; padding:0px; } ul li { list-style:url(/images/global/bullet_red.gif) outside; padding:0px 0px 0px 0px;margin:5px 0px 3px 10px; } .Downloads ul li { list-style:none; list-style-image:none; padding:0px 0px 0px 0px; margin:5px 0px 5px 10px; } .Downloads li { list-style:none; list-style-image:none; padding:0px 0px 0px 0px; margin:5px 0px 5px 10px; } .FOInews ul { margin:10px 0 10px 20px; padding:0px; list-style-type:none; clear:right;} .FOInews ul li { list-style:url(/images/arrows/arrowright.gif) outside;padding:0px 0px 0px 0px;margin:3px 0px 3px 0px} ol { margin:10px 0 10px 10%; padding:0px;} o li {} a:link { text-decoration:underline;color:#0066cc;} a:visited { text-decoration:underline;color:#660000;} a:hover { text-decoration:underline;color:#cc0000;} a:active { text-decoration:underline;color:#0066cc;} li.leftmenucurrentdown a span { color:#fff} li.leftmenusubcurrent a span { color:#fff} li.leftmenucurrent a span { color:#fff;} li.navitem a span { color:#fff;} blockquote { font-weight:bold;color:#999900;margin:0px 40px 0px 60px} table { vertical-align:top; width:90%; font-size:0.9em; border-collapse:collapse; margin-bottom:10px; voice-family: "\"}\""; voice-family:inherit; /*\*/width:100%; font-size:1em;/**/} .clear { clear:both;} th { text-align:left; vertical-align:top; padding:5px; background-color: #F3F0DD; border-bottom:1px solid #fff} td { padding:5px; vertical-align:top;background-color:#F3F0DD; border-bottom:1px solid #fff} td h2 { font-size:0.95em;} td p { margin-left:0px;} td.beige { background-color:#F3F0DD; padding:5px; vertical-align:top; border-bottom:1px solid #fff} td.lightcol {border:1px solid #fff}} .nocolour { background-color:#fff;} .nocolour table { background-color:#fff;} .nocolour td { background-color:#fff; border-bottom:2px solid #F3F0DD;} th.nocolour { background-color:#fff; border-bottom:1px solid #F3F0DD; } .InvisibleHeader th {color:#F3F0DD; font-size:0.01em; border-bottom:1px solid #F3F0DD;} colgroup.thirty { width:30%; } colgroup.seventy { width:70%;} .3col1 {width:25%;} .3col2 {width:15%;} .3col3 {width:60%;} .Cat3col1 {width:25%;} .Cat3col2 {width:20%;} .Cat3col3 {width:55%;} .catalogue th { color:#cc0000; font-size:1.1em; background: url(/images/global/smalldots.gif) repeat-x left bottom; border-bottom:0px} .catalogue td { border-bottom:0px} th.CatTHsub { color:#666; font-size:1.05em; background:none; border-top:1px solid #F3F0DD } td.CatTHsub { color:#666; font-weight:bold; font-size:1.05em; background:none; border-top:1px solid #F3F0DD } .bold {font-weight:bold;} h1,h2,h3,h4,h5,h6 { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; margin:0px; padding:0px} h1 { font-size:1.2em; padding-top:10px; color:#5F5F41; margin-bottom:10px;} h1 a:visited { text-decoration:none;color:#000000} h1 a:link { text-decoration:none;color:#000000} h2 { font-size:1.1em; margin-bottom:10px; } h2 a:visited { color:#000000;text-decoration:none} h2 a:link { color:#000000;text-decoration:none} h3 { font-size:1em; color:#555555; margin-bottom:10px; padding-top:10px} h3 a:visited { text-decoration:none;color:#555555} h3 a:link { text-decoration:none;color:#555555} h4 { font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;font-size:0.95em; margin-bottom:10px; padding-top:5px} h4 a:visited { text-decoration:none;color:#555555} h4 a:link { text-decoration:none;color:#555555} h2.redanddots { color:#cc0000; font-size:1.05em; line-height:1.em; background: url(/images/global/smalldots.gif) repeat-x left bottom; clear:both; padding-bottom:5px; margin: 30px 0px 3px 2px} h2.redanddots a:visited { color:#cc0000;background-color:#ffffff;clear:both;color:#660000;text-decoration:none} h2.redanddots a:link { color:#cc0000;background-color:#ffffff;clear:both;color:#cc0000;text-decoration:none} h2.redanddots a:active { color:#cc0000;text-decoration:none} h2.redanddots a:hover { color:#000000;text-decoration:none} h2.tableHeading {font-size:1em; color:#555555; margin-bottom:10px; padding-top:10px} textarea { font-family:Arial,Verdana,Geneva,Helvetica,sans-serif} form { margin:0px;padding:0px} #tna_nav_wrapper { background-color:#FFFFFF;} #utility ul { margin:0; padding:10px 0 0 0;} #utility ul li { display:inline; font-size: 0.85em;} #utility ul li a { background: url(/images/arrows/arrowright.gif) no-repeat 0 1px ; line-height:1.1em; padding: 0 7px 0 13px; display:block;float:left;font-weight: bold; text-decoration: none;color: black;} #utility ul li a:visited { color: black;} #utility ul li a:hover, div#header ul li a:active { color: #CB0D07;} #breadcrumb { font:0.9em/150% Verdana,Geneva,Arial,Helvetica,sans-serif normal; color:#000000; background-color:#fff;padding:3px 3px 5px 28px ; margin: 5px 0 0 0; } #breadcrumb a:link { text-decoration:underline;color:#000000} #breadcrumb a:visited { text-decoration:underline;color:#000000} .caption { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;color:#666633; font-size:0.85em; } #contentintro { height:30px; background-color:#fff; margin:0px; padding:0px;} html>body #contentintro { height:auto; min-height:30px; overflow:hidden; } #contentmain { background-color:#000; clear:right; } .jumpmenu { background-color:#f3f0dd; border:solid 1px #f3f0dd; height:20px; margin:20px 0 20px 7%; font-size:0.8em;} html>body .jumpmenu { height:auto; min-height:20px; overflow:auto;} .jumpmenu ul { margin:0px; padding:0px; background-color:#f3f0dd;} .jumpmenu li { list-style-image:none; min-height:15px; list-style-position:outside; list-style-type:none; padding:0px;margin:0px; text-indent:0px;} .jumpmenu li a { padding-right:13px; } .jumpmenu a:link { font-weight:bold; text-decoration:none;color:#000000;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif} .jumpmenu a:visited{ font-weight:bold;text-decoration:none;color:#000000;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif} .jumpmenu a:active { font-weight:bold;text-decoration:none;color:#000000;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif} .jumpmenu a:hover { font-weight:bold;text-decoration:underline;color:#000000;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif} .jumpmenuleft { float:left; width:45%; padding:5px; background-color:#f3f0dd; } .jumpmenuright { float:right; width:45%; padding:5px; background-color:#f3f0dd;} .jumpmenu1, .jumpmenu2, .jumpmenu3, {float:left; width:31%; padding:5px; background-color:#f3f0dd;} .SingleColumn { padding:5px;} .plainblackb {font-weight:bold; color:#000;} a:link.plainblackb { text-decoration:none;color:#000; font-size:0.85em; font-family:verdana, arial, sans-serif;} a:visited.plainblackb { text-decoration:none;color:#000;} a:hover.plainblackb { text-decoration:underline;color:#cc0000;} a:active.plainblackb { text-decoration:noe;color:#0066cc;} .captionthumb { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:80%;color:#666633} img.thumbpopleft { margin:3px 10px 10px 0; float:left} .legendforns4 { font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:90%;font-weight:bold;color:#cc0000} .PageItem { clear:both; display:block} .PopUpImg { float:right; width:82px; margin:5px 0 5px 5px; clear:right} #PopUpNav { width:100%; height:40px; text-align:right; } .popUpNavList ul { display:inline; list-style-type:none; margin:0px; padding:0px} .popUpNavList li { display:inline; list-style-type:none; margin:0px; padding:0px} .popUpNavList li a:link { text-decoration:none;color:#000; font-size:0.9em; font-weight:bold} .popUpNavList li a:visited { text-decoration:none;color:#00;font-size:0.9em; font-weight:bold} .popUpNavList li a:hover { text-decoration:underline;color:#000;font-size:0.9em; font-weight:bold} .popUpNavList li a:active { text-decoration:underline;color:#00;font-size:0.9em; font-weight:bold} /*.right { float:right; height:50px; width:100%; font-weight:bold} .right ul { display:inline; list-style-type:none; margin:0px; padding:2px;line-height:2em; margin-right:2px;} .right li { display:inline; list-style-type:none; margin:0px; padding:2px;} */ .right { text-align:right; height:10px; width:100%; font-weight:bold;} .right ul { display:inline; list-style-type:none; margin:0px; padding:2px; margin-right:2px;} .right li { display:inline; list-style-type:none; margin:0px; padding:2px;} .right li a:link { text-decoration:none;color:#000; font-size:0.9em; font-weight:bold} .right li a:visited { text-decoration:none;color:#00;font-size:0.9em; font-weight:bold} .right li a:hover { text-decoration:underline;color:#000;font-size:0.9em; font-weight:bold} .right li a:active { text-decoration:underline;color:#00;font-size:0.9em; font-weight:bold} .shopright { text-align:right; height:27px; width:100%; font-weight:bold;} .shopright ul { display:inline; list-style-type:none; margin:0px; padding:2px; margin-right:2px;} .shopright li { display:inline; list-style-type:none; margin:0px; padding:2px 2px 5px 2px;} .shopright li a:link { text-decoration:none;color:#000; font-size:0.9em; font-weight:bold} .shopright li a:visited { text-decoration:none;color:#00;font-size:0.9em; font-weight:bold} .shopright li a:hover { text-decoration:underline;color:#000;font-size:0.9em; font-weight:bold} .shopright li a:active { text-decoration:underline;color:#00;font-size:0.9em; font-weight:bold} #glossaryContainer {width:70%; margin:auto; padding:10px; border:1px solid #ccc} .glossary {text-align:left;} .glossary table {text-align:left; width:100%; } .handlingDocsImages p {margin-left:0px;} .thindots{background:url(/images/global/smalldots.gif) left bottom repeat-x} .lightcol {background-color:#faf9eb;} .RightArrow ul { margin:10px 0 10px 7.5%; padding:0px; } .RightArrow li {list-style:url(/images/arrows/arrowright.gif) outside; padding:0px 0px 0px 0px;margin:3px 0px 3px 0px} blockquote {font-size:90%;font-weight:bold;color:#999900;margin:0px 40px 0px 60px} .quote { font-size:90%;font-weight:bold;color:#5F5F41; margin:0px 40px 10px 60px} .TOP { float:right; width:90%; text-align:right; font-size:0.85em} .TOP a:link {color:#000; text-decoration:none;} .TOP a:hover {color:#cc0000; text-decoration:underline;} .TOP a:active {color:#cc0000; text-decoration:underline;} .TOP a:visited {color:#000;} .TOP span { color:#fff; font-size:0.1em; visibility:hidden;} /*personalisation styles*/ div#personal{font-family: Verdana, Arial, Helvetica, sans-serif; padding:15px 8px 0 0; font-weight: bold; color: #666633; text-align:right; font-size: 0.85em;} /*--------------------------------------------------------------------*/ /* New style rules, authored by J Shindler and C Anderson */ /*--------------------------------------------------------------------*/ /*Header*/ #hdr { background-color: #fff; min-height: 80px; width: 100%; clear:both; padding:0 0 0 0!important; margin:-6px 0 6px 0!important; top:0;} #hdr ul.hidden {position:absolute; left:-999em; visibility:hidden; } #hdr-logo-holder {float: left;padding: 13px 0 0 20px; } #hdr #hdr-logo-holder img {border:none;} #hdr-logo-holder a, #hdr-logo-holder a:hover{border:none;} #hdr-date-display {float:right; margin-top: 60px; padding-right: 20px;} #hdr-personalisation {padding: 0 20px 3px 0!important;text-align: right; margin:0 0 0 0!important;} #hdr-searchform-holder { padding: 6px 0 6px 10px; width:318px !important; float:right; } #hdr-searchform-holder form {margin:0;} #hdr-searchform-holder fieldset {border: none; padding:0; margin:0; } #hdr-searchform-holder legend { margin: 0 !important; } #hdr-searchform-holder legend span { display:none; padding:0; margin:0;} #hdr-searchform-holder label { display:none; padding:0; margin:0;} #hdr-searchform-holder #search_text {border: 1px solid #999; background-image: url/images/global/sitesearch-bg.gif); padding:4px 4px 4px 4px; margin:0 0 0 0 ;font-size:1em;font-family: Verdana, Arial, Helvetica, sans-serif; height:16px; font-size:1.2em; color:#333; width: 185px; } html>body #hdr-searchform-holder #search_text {*margin:-1px 0 0 0} #hdr-searchform-holder #search_button{margin:0 0 0 0;} #hdr-searchform-holder #hdr-advanced-search {float:right; padding:3px 20px 0 0} #hdr a { color: #0066cc; font-size: 0.9em;} #hdr a:hover {color: #cc0000; text-decoration: underline; } /*Menu*/ #main-navigation {width:100%; background:#d9d9d9 url(/images/global/main-menu-bg.gif) bottom repeat-x;list-style:none;border-bottom:#c41d28 4px solid;} #main-navigation div.accesskeys {position:absolute; left: -999em;} #main-navigation div.accesskeys ul li {display: inline; list-style: none;} /* CA: following change made as accesskeys appear outside main-navigation div on some old pages */ div.accesskeys {position:absolute; left: -999em;} div.accesskeys ul li {display: inline; list-style: none;} #main-menu-wrapper {min-height: 2.5em; width:650px; margin:0 auto; background:#d9d9d9 url(/images/global/main-menu-bg.gif) bottom repeat-x;} #main-menu {line-height:1.7em; background:#e5e5e5; margin:0; padding:0; text-align:left;} #main-menu ul, #main-menu li {list-style:none; margin:0; padding:0;} #main-menu a {display:block; color:#000; text-decoration:none; padding:5px 20px 5px 20px;} #main-menu li {float:left; border-right:1px solid #a2a2a2; border-left:1px solid #fafafa;} #main-menu li ul {position:absolute; left:-999em; width:16em; font-weight:normal; background:#e7e7e7 url(/images/global/main-menu-child-bg.jpg) repeat-x bottom; border-top:#c41d28 4px solid; z-index:1000;} #main-menu li li {padding:0; width: 15.9em; border:solid #a2a2a2; border-width:0 1px 1px 1px;} #main-menu li ul a {padding:2px 8px 2px 8px; font-weight:normal; width:90%;} #main-menu li ul ul {margin:-1.75em 0 0 14em; border-top:1px solid #a2a2a2;} #main-menu li:hover ul ul, #main-menu li:hover ul ul ul, {left:-999em;} #main-menu li:hover ul, #main-menu li li:hover ul, #main-menu li li li:hover ul {left:auto;} #main-menu li:hover {background:#c41d28;} #main-menu li#first-left { border-left:none !important;} #main-menu li#last-right { border-right:none !important;} #main-menu a:focus, #main-menu a:hover {color:#fff;} #main-menu a:active {color:#000;} #main-menu li:hover a.parent-link {color:#fff;} #main-menu li li:hover a.child-link {color:#fff;} #main-menu a.current {background-color: #c41d28; color: #fff;} /* JavaScript controlled menu, for IE6 and keyboard navigation (by tab key) */ #main-menu li.js-show a.parent-link {color:#fff;} #main-menu li li.js-show a.child-link {color:#fff;} #main-menu li.js-show ul {left:auto;} #main-menu li.js-show li ul {left:-999em;} #main-menu li li.js-show ul {left:auto;} #main-menu li.js-show {background:#c41d28;} /*Footer*/ * html #ftr {height: 1px;} #ftr {clear:both; text-align: center; font-size:0.9em;border-top:5px solid #d9d9d9; margin:0; background:#fff;} #ftr a {padding: 0 10px 0 0; text-decoration: none; color: #000000;} #ftr a:hover {text-decoration: underline;} #ftr-footer-links-wrapper {margin: 0 20px 0 20px; list-style:none;} #ftr-footer-links-wrapper div {float: left; width: 229px; border-left: 1px dotted #e5e5e5; text-align:left;} #ftr-footer-links-wrapper h4 {padding:0 0 0 10px; margin:0 0 0 0; font-size:1.2em; font-weight:700; line-height:150%; font-family:Verdana, Arial, Helvetica, sans-serif;} #ftr-footer-links-wrapper ul {list-style:none; list-style-image:none; list-style-position:outside; list-style-type:none; padding:0 0 0 10px; margin:0;} #ftr-footer-links-wrapper li {list-style:none; list-style-image:none; list-style-position:outside; list-style-type:none; padding: 0; margin: 0;} .ftr-footer-spacer {clear: both; height: 20px;} #ftr-footer-contact-bar {clear: both; background-color: #e5e5e5; padding:12px 0 12px 0; font-size:1em;} #ftr-footer-contact-bar a {text-decoration: underline; color:#0066cc;} #ftr-footer-contact-bar a:hover{color: #cc0000; text-decoration: underline;} /*Arrows*/ .red-arrow-large {background:url(/images/arrows/arrow-red-large.gif) right no-repeat; display: inline; padding:7px 6px 9px 6px; height:0px; width:0px;} .red-arrow {background:url(/images/arrows/arrow-red.gif) right no-repeat; display: inline; padding:7px 6px 8px 6px; height:0px; width:0px;} .white-arrow {background: url(/images/arrows/arrow-white.gif) right no-repeat; display: inline; padding:9px 6px 9px 6px; height:0px; width:0px;} .black-arrow {background: url(/images/arrows/arrow-black.gif) right no-repeat; display: inline; padding:7px 6px 8px 6px; height:0px; width:0px;} .pink-arrow {background: url(/images/arrows/arrow-pink.gif) right no-repeat; display: inline; padding:7px 6px 8px 6px; height:0px; width:0px;} .green-arrow {background: url(/images/arrows/arrow-green.gif) right no-repeat; display: inline; padding:7px 6px 8px 6px; height:0px; width:0px;} .purple-arrow {background: url(/images/arrows/arrow-purple.gif) right no-repeat;display: inline; padding:7px 6px 8px 6px; height:0px; width:0px;} /* For IE6 */ *html #hdr-searchform-holder {width:185px;} * html .red-arrow-large,* html .white-arrow,* html .red-arrow,* html .black-arrow,* html .pink-arrow,* html .green-arrow,* html .purple-arrow{display:inline-block;margin-top:2px;padding: 1px 6px 1px 6px;margin-bottom:0px;} /* For IE7 - doesn't display arrows without line-block */ html>body .red-arrow-large, .white-arrow, .red-arrow, .black-arrow, .pink-arrow, .green-arrow, .purple-arrow{*display: inline-block;} /*Feedback form*/ fieldset {border:none;} .comment {margin-bottom: 20px;} .form-row { margin-top:12px;} .form-row-shaded {margin-top:12px; background-color:#e9e9e9;} .field-label {float:left; text-align:right; font-weight:bold;} .field-label-right {float:right; margin-top: 20px;} .radio-width {width: 60px!important; text-align: left;} .form-header {font-weight: bold;} .hide {visibility:hidden;} .alert {color: #cb0d07!important;} input.radio-width-button {width: 68px; color: #000; border:none; background-color: #fff; font-weight:bold; margin:0!important; padding:0!important;} input.radio-width-button-end {width: 90px; color: #000; border:none; background-color: #fff; font-weight:bold; margin-left:25px!important; padding:0!important;} table.formtable {background-color:#fff!important; margin: 0; padding:0; border-collapse: collapse; border-spacing: 0; border: none;} table.formtable th {background-color: #fff!important;} table.formtable td.header{text-align:left; background-color:#fff; color: #000; font-weight: bold!important; padding:2px 4px 10px 7px; border: none;} table.formtable td.column {background-color: #fff; color:#000; font-weight: bold!important; padding-left:0; border:none; vertical-align:middle;} table.formtable td {border: none; background-color:#fff!important; padding: 10px 0;} table.formtable td.grey {border: none; background-color:#e9e9e9!important; padding: 0!important;}