@charset "UTF-8";
/* CSS Document */

/* ============= CSS Reset ============= */


body,div,dl,dt,dd,ul,ol,li,p,h1,h2,h3,h4,h5,h6, pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table {border-collapse:collapse; border-spacing:0; }
img, a img {border:0; }
ul {list-style-type: circle; }
ol {list-style-type: decimal; }
caption,th {text-align:left; }
q:before,q:after {content:''; }
abbr,acronym {border:0; }
a:focus {outline: none; }
#main ul, #main ol {list-style-position: inside; }
.uppercase {text-transform: uppercase; }
.required {color: #00aeef; font-weight: normal; }


/* ===================================== */


/* HEAD and BODY */
html, body {margin: 0; padding: 0; height: 100%; font-family: 'Droid Sans', arial, serif; }
body {font-family: 'Droid Sans', arial, serif; font-size: 12.5px;}

.hr {display:block; border-top: 1px solid #d5d5d5; padding: 0; margin: 20px 0; clear:both;}
.nm {margin: 0 0 20px 0;}
.clear {clear:both;}

.left {float: left;}
.right {float: right;}


/* GENERAL TEXT FORMATTING */
a:link, a:active, a:focus, a:visited {color: #00aeef;}
a:hover {opacity:0.6; filter:alpha(opacity=60);}

p {font-size: 12.5px; line-height: 18px; margin: 0 0 20px 0;}
p b, p strong {font-size: 13px; font-weight: bold;}
p em {font-size: 11px; font-style: normal; line-height: 12px;}
p.lead {font-size: 16px; line-height: 22px;}
p.short {width: 80%;}
p.blue {color:#00aeef; margin: 0 0 0 0;}
p.grey {color:#d5d5d5; margin: 0 0 0 0;}

h1 {font-size: 24px; font-weight: normal; display:block; padding: 0 10px; margin: 0 0 20px 0; line-height: 28px;}
h2 {font-size: 20px; font-weight: normal; display:block; padding: 0 0 5px 0; line-height: 22px;}
h2.hr {border-top: 1px solid #d5d5d5; padding: 10px 0 10px 0; margin: 0;}
h3 {font-size: 14.5px; font-weight: normal; display:block; padding: 0 0 0 0; line-height: 22px; color:#00aeef;}

/* PAGE FORMATTING and EXTRAS */
.home h1 {color: #000;}
.section h1 {color: #00aeef;}

#extras {display:block; width:234px; padding: 10px 0 10px 0; position:absolute; top:0; right: 0;}
#extras p {margin: 0;}
#extras .hr {display:block; border-top: 1px solid #d5d5d5; padding: 0; margin: 5px 0; clear:both;}

/* LAYOUT */
#wrapper {display:block; margin: 0 auto;}
#wrap {display:block; margin: 0 auto; width: 1010px; border: transparent; }
#header {height: 110px; background: #00aeef;}
#header #wrap {height: 110px; background: #00aeef; position:relative;}
#header a#logo {display:block; position:absolute; left: 10px; top: 16px;}
#header a#biline {display:block; position:absolute; right: 0; bottom: 22px;}
#menu {height: 45px; background: #000; border-bottom: 1px solid #fff;}
#container {display:block; margin: 0 auto;}
#container #wrap {padding: 25px 0; position: relative;}

#footer {display:block; margin: 0 auto;}
#footer #wrap {border-top: 1px solid #000; padding: 30px 0 100px 0;}

#footer #social {display:block; float: right; margin: 0 0 5px 0;}
#footer #social a {color: #000; text-decoration: none; margin: 0 0 0 10px;}
#footer #social a img {margin: 0 5px 0 0;}
#footer #legal {display: block; float: right; color: #4c4c4c; margin: 0 0 0 20px;}
#footer #legal a { color: #4c4c4c; text-decoration: none;}

#footer p {margin: 0; padding: 0;}

#footer img.logo {display:block; padding: 0; margin: 0 20px 0 0; float: left;}


/* ===================================== */


/* MENU */
#menu #nav li {float:left; display:block; position:relative; z-index:500; }
#menu #nav li a.top {display:block; padding:13px 13px 0 12px; height:32px; text-decoration:none; color:#fff; font-size: 16px; border-left: 1px solid #000; border-right: 1px solid #000; }
#menu #nav li.hover a.top {opacity:1; filter:alpha(opacity=100); border-left: 1px solid #fff; border-right: 1px solid #fff; background:#fff; color: #000;}
#menu #nav li .drop {position:absolute; left:1px; display:none; margin:0 0 0 -1px; padding:0; list-style:none; background:#fff; width: 460px; padding: 10px 0 5px 13px; border: none; }
#menu #nav li .drop a {width:217px; float:left; padding: 10px 0; font-size: 12.5px; border: none; color: #000; text-decoration:none; border-top: 1px solid #d5d5d5; margin: 0 13px 0 0;}
#menu #nav li .drop a.first {border:none;}
#menu #nav li .drop a.first:hover {border:none;}
#menu #nav li .drop a:hover {color: #00aeef; opacity:1; filter:alpha(opacity=100);}
#menu #nav li#careers .drop {width: 230px;}
#menu #nav li.active a.top {display:block; padding:13px 13px 0 12px; height:32px; text-decoration:none; color:#00aeef; font-size: 16px; border-left: 1px solid #fff; border-right: 1px solid #fff; }

/* SEARCH */
#search {display:block; width: 223px; height: 35px; border-left: 1px solid #888; border-right: 1px solid #888; float:right; padding: 5px 10px;}
#search input {display:block; background: #000000; height: 35px; border: none;}
#search input#term {font-size: 16px; color: #888; float:left; width: 180px; padding: 0 0 0 10px; }
#search input#btn {background: url(http://www.huginonline.be/NYR/img/search.gif) no-repeat center; width: 20px; float:right; overflow:hidden; text-indent: -9999px; cursor:pointer;}
#search input#btn:hover {opacity:0.6; filter:alpha(opacity=60);}


/* ===================================== */


/* GRID LAYOUTS */
.grid-4, .grid-4a, .grid-4b, .grid-4c, .grid-3, .grid-3a, .grid-3b, .grid-2, .grid-1, .grid-home {display:block; width: 1010px; overflow:hidden; margin: 0px 0;}
.column, .column-mid, .column-end {display:block; float: left; border-right: 1px solid transparent; margin: 0 0 0 0; padding: 0 10px;}
.end {border-right: 1px solid transparent;}

/* 4 COLUMN GRIDS */
.grid-4 .column {width: 234px;}
.grid-4 .end {width: 224px;}
.grid-4a .column {width: 744px;}
.grid-4a .end {width: 224px;}
.grid-4b .column {width: 224px;}
.grid-4b .end {width: 744px;}
.grid-4c .column {width: 234px;}
.grid-4c .mid {width: 488px;}
.grid-4c .end {width: 224px;}
.grid-home .column {width: 234px; border-right: 1px solid #d5d5d5;}
.grid-home .column-mid {width: 498px; padding: 0 0 0 10px;}
.grid-home .column-end {width: 224px;}

/* 3 COLUMN GRIDS */
.grid-3 .column {width: 316px;}
.grid-3 .end {width: 315px;}
.grid-3a .column {width: 653px;}
.grid-3a .end {width: 315px;}
.grid-3b .column {width: 315px;}
.grid-3b .end {width: 653px;}

/* 2 COLUMN GRID */
.grid-2 .column {width: 484px;}

/* 1 COLUMN GRID */
.grid-1 .column {width: 995px;}


/* ===================================== */


/* ACCORDION SLIDERS */
.accordion a.hr  {border-top: 1px solid #d5d5d5; margin: 0;}
.accordion a.open {cursor:pointer; display:block; background:url(http://www.huginonline.be/NYR/img/accordion_open.gif) no-repeat right top; min-height: 36px; padding: 10px 0 0 0;}
.accordion a.open:hover {background:url(http://www.huginonline.be/NYR/img/accordion_hover.gif) no-repeat right top;}
.accordion a.selected {background:url(http://www.huginonline.be/NYR/img/accordion_close.gif) no-repeat right top;}
.accordion .expand {display:block; clear: both;}
.accordion .grid-4, .accordion .grid-4a, .accordion .grid-4b, .accordion .grid-3, .accordion .grid-3a, .accordion .grid-3b, .accordion .grid-2, .accordion .grid-1 {margin: 0 0 0 -10px;}
.indent-1 a.open  {padding: 10px 0 0 10px;}
.indent-1 .expand  {padding: 0 0 0 10px;}
.indent-2  {margin: 0 10px;}


/* ===================================== */


/* ELEMENTS */
a.break {border: none !important;}
a.pdf {background: url(http://www.huginonline.be/NYR/img/ico_pdf.gif) no-repeat 200px 18px;}
a.download {display:block; width:234px; border-right: 1px solid #d5d5d5; text-decoration: none; float:left; margin: 0 10px 25px 0; min-height: 40px;}
a.download p {margin: 0; color:#000;}
a.download p.blue {color:#00aeef;}

/* IMG STANDARDS */
img.sm, img.mid {display:block; float: left; margin: 0 20px 10px 0;}

/* SECTION LINKS */
a.section {text-decoration: none;}
a.section .column {background:url(http://www.huginonline.be/NYR/img/section_next.gif) no-repeat bottom right;}
a.section:hover .column {background:url(http://www.huginonline.be/NYR/img/section_hover.gif) no-repeat bottom right; opacity:1; filter:alpha(opacity=100);}
a.section h2, a.section p {color: #000;}
a.section img.mid {display:block; float: left; margin: 0 20px 0 0;}

/* FORM ELEMENTS */
form input {margin: 0 10px 0 0;}
form .radiobtn {padding: 10px 0; float: left; margin: 0 20px 0 0; width: 160px;}
form .message {display:block; width: 500px; height: 180px; border: 1px solid #d5d5d5;}
form .text {display:block; margin: 0 0 7px 0;}
form .text label {display:block; width: 150px; float: left; margin: 5px 5px 0 0; color: #000;}
form .required label {background:url(http://www.huginonline.be/NYR/img/ico_required.gif) no-repeat right;}
form .text input {width: 335px; border: 1px solid #d5d5d5; padding: 5px;}
form .send {display:block; margin: 30px 0 0 155px;}
form .send input {border: none; padding: 5px 30px 5px 5px; height: 25px; color: #fff; width: 100px; text-align:left;}
form .send input.submit {background:url(http://www.huginonline.be/NYR/img/btn_submit.gif) no-repeat right;}
form .send input.clear {background:url(http://www.huginonline.be/NYR/img/btn_clear.gif) no-repeat right;}
form .send input:hover {opacity:0.6; filter:alpha(opacity=60); cursor: pointer;}
form #required {display:block; width: 200px; float: right; background:url(http://www.huginonline.be/NYR/img/ico_required-down.gif) no-repeat left top; padding: 0 0 0 10px;}


/* TABLE ELEMENTS */
table {width: 100%; margin: 5px 0; }
table.datahr tr {border-bottom: 1px solid #d5d5d5; padding: 5px 0;}
table.data tr {padding: 5px 0;}
table.data tr td, table.datahr tr td {padding: 5px 0;}
table.data tr td.end, table.datahr tr td.end {text-align: right;}


/* SHARE PRICE */
#shareprice {display:block; margin: 10px 0 0 0; height: 50px;}
#shareprice .right {text-align: right;}
#shareprice a {font-size: 14px; line-height: 10px; margin: 0 0 0 0; color: #000; text-decoration: none;}
#shareprice h1 {margin: 0 0 20px 0; padding: 0; font-weight: bold; color: #00aeef; font-size: 45px;}

/* COMMODITY PRICE */
#commodityprice {display:block;}
#commodityprice .right {text-align: right;}
#commodityprice a {font-size: 14px; line-height: 10px; margin: 0 0 10px 0; color: #000; text-decoration: none;}

/* NEWS */
#news {display: block;}
#news a.news {display:block; text-decoration: none; color:#000; padding: 5px 0; border-bottom: 1px solid #d5d5d5;}
#news a.news p {margin: 0;}
#news a.pdf {background: url(http://www.huginonline.be/NYR/img/ico_pdf-home.gif) no-repeat bottom right;}


/* SLIDESHOW */
#slideshow{display:block; width: 1010px; height: 420px; margin: auto; position: relative; left: 7px; border-top: 1px solid #fff; overflow:hidden; background: #000;}
#gallery, #thumbs{ float: left;}
#gallery{ width: 765px; height: 420px; overflow: hidden;}
#gallery img{display:block;}
#thumbs{ width: 245px; height: 420px; overflow: hidden;}
#slideshow .hr {display:block; margin: 0 auto; height: 1px; background-color:#fff; z-index: 2000; position: relative; top: 419px; border: none; clear: none;}
#gallery a.top {display:block; position:absolute; top: 0; left: 0 ; height: 120px;}
#gallery a.more {display:block; position:absolute; bottom: 0; left: 0; z-index: 1000px; background: url(http://www.huginonline.be/NYR/img/more.png) bottom left no-repeat; padding: 10px; width: 225px; text-decoration: none;}
#gallery a.more:hover, #gallery a.more_top:hover {background-position: -245px bottom;}
#gallery a h1 {color:#fff; font-size: 18pt; line-height: 105%; padding: 0; margin: 0;}
#gallery a p {color:#fff; font-size: 9pt; padding: 10px 0 30px 0;}