@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC|Nunito&display=swap');

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

* {font-family: sans-serif !important;}

.wrapper {
	margin: 0 auto;
	margin-bottom:0;
	color:#333333;
/*	
	background-color:#f0f1f2;
*/
	
/*
	background-image: url("/graphics/nzblood/images/sitebg2.jpg");
	background-color:rgba(236,241,245,0.3);
*/	

/*
	background: linear-gradient(rgba(236,241,245,0.8), rgba(236,241,245,0.8)), url("/graphics/nzblood/images/sitebg5.jpg");	
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
*/	
}

/* TYPE    */
body { background-color: #ffffff; }
body, table { font: 12px/18px Helvetica, Arial, Verdana, sans-serif; color: #333333; }

a{color: #777;}
a:hover {text-decoration: underline; color:#00338D;}
p { margin-bottom: 18px; }
h1 { font-weight: bold; font-size: 20px; line-height: 30px; margin-bottom: 18px; }
h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px;}
h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }
h5 { color: #555555; font-size: 1em; line-height: 18px; }
ul { margin-bottom: 18px; list-style: none outside; }
.small { color: #76797c; font-size: 10px; }
.bold { font-weight: bold; }
img.icon { width: 16px; height: 16px; vertical-align: middle; }

h1 span.type a,
h2 span.type a,
h3 span.type a { color: #333333; text-decoration: underline; }
h1 span.type a:hover,
h2 span.type a:hover,
h3 span.type a:hover { color: #777777; }

/* LAYOUT */
ul.bullets { margin-left: 15px; list-style-type: square; }
div.anchor_links ul.bullets { }
ul.list { margin-left: 15px; list-style-type: disc; }
p.flat { margin-bottom: 0; }
div.columns table.columns { margin-bottom: 18px; }
div.columns table.columns td { vertical-align: top; }
div.format table.columns tr.row2 td { padding-top: 9px; padding-bottom: 9px; }
div.format table.columns td.column2 { padding-right: 20px; padding-left: 5px; }
div.getting_started { margin-bottom: 1000px; }
div.lined_section { margin-bottom: 18px; border-bottom: 1px solid #dddddd; padding-bottom: 17px; }
div.lined_section_top { margin-top: 18px; border-top: 1px solid #dddddd; padding-top: 17px; }
div.lined_section p.last { margin-bottom: 0; }

/* Generating */
div#generating div#report_generating {  }
div#generating p.bottom { margin-bottom: 0; }
div#generating div#report_generating img.generating_now { vertical-align: middle; }
div#generating div#generating_back { margin-top: 18px; }

/* Normal */
div#container {}
div#container div#content { margin: 0px 15px 18px 15px; }
div#headOuter{
	background-color:#fff;
}
div#headerWrapper{
	background-color:#fff;
	position: relative;
/*	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);*/
/*	border-bottom: 1px solid #dbe956;*/
	z-index: 200;
}

div#headerWrapper_m{
	background-color:transparent;
	position: relative;
/*	
	box-shadow: 0px 10px 15px -10px rgba(128,135,50,0.5);
	box-shadow: 0px 10px 15px -10px rgba(219,233,86,0.5);
	
	box-shadow: 0px 10px 30px -5px rgba(178,188,69,0.3);	
*/
	box-shadow: 0px 2px 8px 2px rgba(169,169,172,0.9);
	
	z-index:100;
/*	border-bottom: 1px solid #00709C;
	border-bottom: 1px solid #CAD34E;
*/
	border-bottom: 1px solid #a7a9ac;
}
div#header {
	width: 1240px;width:1300px; margin: 0 auto;		
	height:105px;
}
div#header_m{width: 1240px;width: 1300px;margin: 0 auto;}

div#header div.header1{padding-left:0px;padding-right:0px;}
div#header div.header_middle {	float: left;margin:0;padding:0;height:34px;width:100%;}
div#header div.header_middle div.logo { width: 230px; height: 38px; overflow: hidden;}
div#header div.header_middle div.logo a { cursor: pointer;}

div.header_logo{float:left;margin:40px 0 0 -2px;}
/*
div#headerMemb{
	float:right;padding-right:6px;padding-top:7px;
	color:#90a4a5;font-size:16px;font-family:arial !important;
}
div#headerMemb a{
	color: #2b4362; font-size: 13px;
	font-family:Helvetica !important;
	font-weight: bold;
	text-decoration:none;
}
div#headerMemb a:hover{color:#70c2eb;}
div#headerMemb a#umProfile{background-image:url('../images/user-icon.png');background-repeat:no-repeat; padding-left:22px;}

*/
div#headerMemb{
	float:right;padding-right:6px;padding-top:10px;
	color:#666;font-size:14px;
	display:inline-flex;
}
div#headerMemb span{font-size:16px;}
div#headerMemb a{
	color: #666; font-size: 14px;
	text-decoration:none;	
	display:inline-flex;
}
div#headerMemb a:hover{color:#00338D;}
div#headerMemb a#umProfile{
	color:#666;fill:#666;
}
div#headerMemb a#umProfile:hover {
	color: #00338D;	fill: #00338D;
}

div#headerSearch{
	float:right;
	background-color: #ededed;
    border: 1px solid #e2e2e2; border-radius: 3px;
    display: block;
    height: 28px;
    padding: 0;padding-left:2px;padding-top:2px; padding-right:2px;
    width: 224px;
}
div#headerSearch input[type="text"]{
    border: 1px solid #e2e2e2;
    border-radius:3px;
    color: #999999;
    font-size: 11px;
    padding:2px;padding-left:5px;height:20px;
    vertical-align: middle;
    width: 123px;
}
div#headerSearch #searchBtn{
	font-family:Arial,​Helvetica,​Geneva,​sans-serif !important;
	font-weight:bold;font-size:11.5px;
	color:#555555;text-shadow: 0 1px 1px #FFFFFF;
	float:right;
    background: url("../images/search2.png") no-repeat scroll top left;
    border: medium none;
/*	
    transition: opacity 0.3s ease-in-out 0s, background 0s ease 2012s;
*/
    height: 24px;width: 89px;margin-top:1px;
}
div#headerSearch #searchBtn:hover{
    background-position:bottom left;
	cursor:pointer;
}
/*--- upper user menu ---*/
div#userMenu{float:right;margin-top:10px;}
div#userMenu ul{
	margin: 0; padding: 0; list-style-type: none;
}
div#userMenu ul li{
	float:right;
	display:inline;
}
div#userMenu ul li a{
	text-decoration:none;text-transform:uppercase;
	color:#009FD5;
	font-family:Arial,Tahoma,​Helvetica,​Geneva,​sans-serif !important;
	font-weight:normal;font-size:16px;
	display:inline-block;
	height:50px;line-height:40px;
	padding: 0px 8px 0px 8px;margin-right:15px;
	background-repeat:no-repeat;background-position:left;
	vertical-align:top;
	background-position:top left;
}

div#userMenu ul li a#umSearch{
/*	background-image:url('../images/um-search2.png');
	padding-left:45px;
*/
	margin:0;vertical-align:top;
	cursor:default;
/*
	width:30px;
	margin-right:0;padding:0;padding-right:2px;
*/
}
div#umSearchForm{padding-right:1px;}
div#umSearchForm form{}
div#umSearchForm input.text{
	float:left;	display:inline-block;
	border: 1px solid #eee;
	border-right:0px; border-top-left-radius:4px;border-bottom-left-radius:4px;
	color: #888; font-size: 14px;
	height:28px;line-height: 20px;	width: 240px;
	margin:0;padding: 4px 6px 4px 10px;
	font-family:Helvetica !important;
}
div#umSearchForm input[type='image']{
	border: 1px solid #eee;
	border-left:0px;border-top-right-radius:4px;border-bottom-right-radius:4px;
	padding:3px 4px 3px 6px;
	position: relative;
    width: 30px; height: 30px;

}
div#umSearchForm input[type='image']:hover{
	background-color:#eee;
}
div#userMenu ul li a#umCart{
	background-image:url('../images/um-cart2.png');
	padding-left:44px;	
}
div#userMenu ul li a#umProfile{background-image:url('../images/user-icon.png');padding-left:20px;}
div#userMenu ul li a#umSignout{background-image:url('../images/um-logout2.png');padding-left:44px;}
div#userMenu ul li a:hover{
	color:#16779F;
}
div#cart{
	float:right;padding-right:0px;
	border: 1px solid #c8c8c8;
	border-bottom: none;}
div#cart a#umCart{
	background-image:url('../images/cart.png');background-repeat:no-repeat;
	background-position-y:8px;background-position-x:16px;
	padding-left:48px;
	font-size:13px;font-weight:bold;
	color:#2b4362;
	font-family:arial!important;
	float:left;text-transform:capitalize;
	padding-right:14px;
}
div#cart a#umCart:hover{color:#003465;background-color:#e8e8e8;text-shadow:none;}
div#cartLabel, div#cartContent{float:left;font-family:arial!important;}

div#favs{
	float:right;padding-right:0px;
	border: 1px solid #c8c8c8;
	border-bottom: none;
	border-right:0px;	
}
div#favs a{
	text-decoration:none;
	font-size:13px;font-weight:bold;
	color:#2b4362;font-family:arial!important;
	float:left;
	padding:0px 24px 0 18px;
}
div#favs a:hover{color:#003465;background-color:#e8e8e8;text-shadow:none;}


div#dropMenuContainer{
	position: absolute; 
}
div.dropMenuFlyout{
	position: absolute;
	left: 0; top: 0;
	margin-top:84px;
	width: 1240px;width: 1300px;
	z-index: 100;
	border: 0 none;
	height:39px;
    color: #ffffff;text-shadow: 0 1px 1px #FFFFFF;
	background-color: #009FD5;
/*
	opacity: 0.70;
    filter: alpha(opacity=70); /* For IE8 and earlier */
*/
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    column-fill: initial;
}


/*--- main menu ---*/
div#header_m div.menu, div#footer div.container, div#footer div.footer_container{
/*	
	font-size:110.01%;font-size:100%;
*/
	height:84px;
	line-height:47px;
	overflow:hidden;
	clear:both;
}
div#header_m div.menu{border:0;line-height:44px;height:44px;}
div#header_m div.menu li.favourites a img {margin:3px 1px 0 0;}
div#header_m div.menu div.menu_container {padding:0;margin:0;}

div#header_m div.menu div.menu_container div.menu_wrapper {margin-left:156px;}
div#header_m div.menu div.menu_container div.menu_wrapper {margin-left:0px;}

div#header_m div.menu div.menu_container div.menu_wrapper ul.right_side {float:right;padding-top:12px;}
div#header_m div.menu div.menu_container div.menu_wrapper ul {
	margin: 0; padding: 0; list-style-type: none;
}
div#header_m div.menu div.menu_container div.menu_wrapper ul li {display: inline;color: #fff;}
div#header_m div.menu div.menu_container div.menu_wrapper ul li a{
	text-decoration: none;	float:left; color:#666;
	font-family:sans-serif !important;font-size:15px; font-weight: normal;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing:content-box;
	padding: 0px 20px 0px 20px;	 margin:0px 0 0 0px;
	display:inline-block; text-align:center;	
	border-top:2px solid #fff;
	border-left:1px solid #fff;border-right:1px solid #fff;
	
	border-top-left-radius:2px;	border-top-right-radius:2px;

}
div#header_m div.menu div.menu_container div.menu_wrapper ul li:first-child a{
	margin-left:0px;
}
div#header_m div.menu div.menu_container div.menu_wrapper ul li a:hover,
div#header_m div.menu div.menu_container div.menu_wrapper ul li a.hovered,
div#header_m div.menu div.menu_container div.menu_wrapper ul li a.menu-current{
	text-shadow: none;
	background-image:none;text-decoration:none;	
	color:#00338D;
	border-top-color:#00338D;
	border-left-color:#EAEAEA;border-right-color:#EAEAEA;
}

div#header_m div.menu div.menu_container div.menu_wrapper ul li.menu-spacer{
	padding-right:8px;float:left;
	background-image:url("../images/menu-bg-slice.png");
	background-repeat:repeat-x;
	background-position:top left;
}
div#header_m div.menu div.menu_container div.menu_wrapper ul li a.news-alert{
	background:url('/graphics/nzblood/images/news-alert.jpg') no-repeat top 2px right 1px;
}
div#header_m div.menu div.menu_container div.menu_wrapper ul li.separator {
	padding:0;margin:0;margin-top:2px;
	float:left;width:2px;height:47px;
}
div#header_m div.menu div.menu_container div.menu_wrapper ul li.active a, div#header div.container div.menu div.menu_container div.menu_wrapper ul li.active a:hover { color: #ffffff; font-weight: bold; cursor: default; }
div#header div.header_border { clear: both; height: 10px; overflow: hidden;}
div#menuLeft{
	width:6px;float:left;
	background-image:url("/graphics/mta/images/menu-bg-left.png");background-repeat:no-repeat;background-position:top left;
}
div#menuRight{
	width:6px;float:left;
	background-image:url("/graphics/mta/images/menu-bg-right.png");background-repeat:no-repeat;background-position:top left;
}
div#menuLogout{}
div#menuLogout a{
	font-family:Tahoma,Arial,​Helvetica,​Geneva,​sans-serif !important;
	font-weight:bold;font-size:13px;
	width:80px;padding-left:12px;float:right;
	text-decoration:none;
	background-image:url("/graphics/mta/images/logout2.png");background-repeat:no-repeat;background-position:top left;
	color:#555555;text-shadow: 0 1px 1px #FFFFFF;text-transform:capitalize;
}
div#menuLogout a:hover{
	background-position:bottom left;text-decoration:none;
}

/* --- Frame Borders --- */
body#frame_border_left { background: #ffffff url("rounded/content/side.gif") repeat-y scroll left top; }
body#frame_border_right { background: #ffffff url("rounded/content/side.gif") repeat-y scroll right top; }


/* --- Footer --- */
div#footerWrapper{
	position:relative;
	margin-top:10px;
	padding-bottom:0px;
	background-color: #dedede;	
/*	
	box-shadow: 0px 10px 30px 10px rgba(178,188,69,0.5);	
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
*/
	box-shadow: 0px 0px 5px 5px rgba(169,169,172,0.9);
}
div#footer {
	overflow: hidden;
	color: #333333; 
	font-size: 12px !important; font-family: Arial !important;
	width:1300px;margin:0 auto;
	background-color: #dedede;
}
div#footer a{color: #333333;text-decoration: none;font-weight:normal;font-family: Arial !important;font-size: 14px !important;}
div#footer a:hover {color: #00338D;text-decoration:underline;}
div#footer div.footer_border { height: 0px; overflow: hidden; margin-bottom: 0px; }
div#footer div.footer_container { 
	height:60px; line-height: 30px; overflow: hidden; text-align: left; 
	padding-top:12px; padding-left:20px;
}
div#footer div.footer_container span.links a{padding-left:8px;padding-right:8px;}
div#footer div.footer_container span.links a:hover { text-decoration: underline;}
#copyrightWrapper{
	background-color:#dedede;	
	height:40px;
}
#copyright {
	width: 1240px;width: 1300px;margin: 0 auto;
	text-align:left;
	color:#333333;font-size:11px;
	padding:0px 0px 12px 0px;	
	background-color:#dedede;
}
#cptext{text-align:right;line-height:14px;font-family:sans-serif !important;padding:0px 24px 0 0;}
#cpimg{float:right;padding-right:8px;}




/* --- Menu bar --- */
div.menu_bar { margin-bottom: 18px; padding: 8px 0; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; }
div.menu_bar a { text-decoration: none; }
div.menu_bar a:hover { text-decoration: underline; }
div.menu_bar span.separator { color: #d4d4d4; }


/* --- Index --- */
div#index { }
div#index_wrapper { margin: 0px 15px 18px 15px; }
div#index div.new_report { margin-bottom: 18px; }
div#index div.new_report_index { float: right; }
div#index div.new_report_index a { text-decoration: none; }
div#index div.new_report_index a:hover { text-decoration: underline; }
div#index div.report_description { margin-bottom: 18px; }
div#index div.total { color: #888888; margin-bottom: 0px; white-space: nowrap; }
div#index ul.list { list-style-type: none; margin-left: 0; }
div#index ul.list li { border-bottom: 1px solid #dddddd; padding: 9px 0 8px 0; }
div#index ul.list li.first { border-top: 1px solid #dddddd; padding-top: 8px; }
div#index ul.list li div.link { font-weight: bold; }
div#index ul.list li div.link a { color: #1259c7; }
div#index ul.list li div.link div.right { float: right; }
div#index ul.list li div.share_archive { float: right; font-weight: normal; }
div#index ul.list li div.share_archive a { text-decoration: none; }
div#index ul.list li div.share_archive a.image_link { padding-left: 5px; }
div#index ul.list li div.share_archive a img { vertical-align: top; padding-top: 1px; }
div#index ul.list li div.share_archive a:hover { text-decoration: underline; }
div#index ul.list li div.meta a { color: #7991b3; }
div#index ul.list li div.meta span.separator { color: #abc4e1; }
div#index ul.list li div.generating { color: #ff0000; }
div#index h2.report_type { margin-bottom: 9px; }
div#index h2.report_type a { text-decoration: none; }
div#index h2.report_type a:hover { text-decoration: underline; }
div#index ul.reports { list-style-type: none; margin: 0px 0px 18px 0px; }
div#index ul.reports h2.report_name { margin-bottom: 9px; font-size: 14px; }
div#index ul.reports h2.report_name a { font-weight: bold; text-decoration: none; }
div#index ul.reports h2.report_name a:hover { text-decoration: underline; }
div#index ul.reports h2.report_name_first { margin-top: 0px; }
div#index ul.reports li.report_item { margin: 0px 0px 9px 0px; background-color: #ededed; border: 1px solid #d3d3d3; padding: 8px; }
div#index ul.reports li.report_item ul.list { margin: 0px; border: 1px solid #d3d3d3; background-color: #ffffff; padding: 8px; }
div#index ul.reports li.report_item ul.list li.list_item { margin: 0px; }
div#index ul.reports li.report_item ul.list li.first { border-top-width: 0px; padding-top: 0px; }
div#index ul.reports li.report_item ul.list li.last { border-bottom-width: 0px; padding-bottom: 0px; }


/*==== LEVEL 1 ====*/
#div_cat ul{
/*
	border:0;margin:0;padding:4px 0 0 0;
	list-style:none;display:block;
	background-color:transparent;
	width:160px;
*/
}
#div_cat ul li{
/*
	border:0;padding:0;margin:0;
	width:160px;
	display:block;
*/
}
#div_cat ul li a, #td_catindex ul li a:link{
	color: #555555;
/*
	font-family:verdana,tahoma,arial,sans-serif;
	font-size:12px;font-weight:normal;color:#8E8E8E;
	display:block;
	text-decoration:none;
	padding:0 0 4px 1px;margin:0;
	line-height:18px;height:18px;
*/
}
#div_cat ul li a:hover{
/*
	text-decoration:underline;
	color:#0089c0;
*/
}
/*==== LEVEL 2 ====*/
#div_cat ul li ul {
	display:none;
	padding:2px 0 2px 8px;
	margin:0;
	margin-bottom:6px;
}
#div_cat ul li ul li{
/*
	padding:0;margin:0;border:0;
	width:150px;
*/
}
#div_cat ul li ul li a, #div_cat ul li ul li a:link{
	font-size:11px;
	text-decoration:none;
/*	margin:0;
	font-family:verdana,tahoma,arial,sans-serif;
	color:#8E8E8E;
	display:block;width:150px;
	background:none;
*/
}
#div_cat ul li ul li a:hover{
	text-decoration:underline;
/*
	color:#0089c0;
*/
}
/* Archive Details */
a#toggle_search_form { float: right; text-decoration: none; }
a#toggle_search_form:hover { text-decoration: underline; }
div.archive_details div.link img.icon { vertical-align: top; padding-top: 1px; }
div.archive_details div.link span.separator { color: #abc4e1; }
div.archive_details div.flash_green ul.list { margin-bottom: 0; }

/* Pagination */
div.pagination_results {color: #76797c; font-size: 10px; margin-bottom: 18px; white-space: nowrap; clear: both; }
div.pagination { clear: both; display: inline-block; font-size: 12px; }
div.pagination a, div.pagination span { padding: 2px 6px; display: block; float: left; margin-right: 3px;}
div.pagination span.disabled { color: #999; border: 1px solid #ddd; }
div.pagination span.current { font-weight: bold; background: #2e6ab1; color: #fff; border: 1px solid #2e6ab1; }
div.pagination a { text-decoration: none; color: #105cb6; border: 1px solid #9aafe5; }
div.pagination a:hover,div.pagination a:focus { color: #003; border-color: #003; text-decoration: none; }
div.pagination:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }* html div.pagination{ height: 1px; }

/* Form Errors */
ul.errors { font-size: 10px; color: #d2232a; padding: 0; margin: 0; list-style-type: none; }
div.field_error input, div.field_error select { border: 1px solid #d2232a; }

/* Search Form */
div.search_on { font-weight: bold; color: #888888; }
div#search_form { margin-top: 9px; margin-bottom: 18px; }
div#search_form form { margin: 0; }
div#search_form div#search_form_container { background-color: #ededed; border: 1px solid #d3d3d3; margin-bottom: 9px; }
div#search_form div#search_form_wrapper { padding: 17px 13px; }
div#search_form input.datepicker { width: 80px; }
div#search_form select.select { }
div#search_form select.field_selector { margin-right: 5px; width: 170px; }
div#search_form span.separator { margin: 0 5px; }
div#search_form label, div#search_form select, div#search_form input { margin: 0; vertical-align: top; }
div#search_form table.search_form td { vertical-align: top; }
div#search_form table.form_table { margin: 0; }
div#search_form table.form_table input.submit { font-size: 11px; }
div#search_form table.form_table td { white-space: nowrap; vertical-align: top; }
div#search_form table.form_table td.field { padding-right: 3px; padding-left: 3px; }
div#search_form table.form_table tr.middle td { padding-top: 5px; padding-bottom: 5px; }
div#search_form ul.errors { }
div#search_form table.date_table, table.date_table td { margin: 0; padding: 0; }
div#search_form table.date_table div.last_x_date input.text { margin-left: 5px; width: 25px; }
div#search_form table.date_table div.last_x_date input.days { margin-left: 0; }
div#search_form table.date_table div.last_x_date label { margin-left: 2px; }
div#search_form table.date_table div.last_x_date select.select { margin-left: 5px; }
div#search_form table.date_table div.last_x_date label.starting_from { margin-left: 0px; }
div#search_form table.date_table div.last_x_date div.second_row { margin-top: 5px; }
div#search_form table.date_table td { text-align: left; }

/* Form */
form.form div.form_item { margin-bottom: 18px; }
form.form div.form_items { margin-bottom: 18px; }
form.form div.form_items div.field { margin-bottom: 9px; }

div.submit_once_button input { margin: 0; padding: 3px 9px; }

/* Flash Message */
div.flash a { text-decoration: none; }
div.flash a:hover { text-decoration: underline; }
div.flash_notice, div.flash_notice a { color: #d2232a; }
div.flash_green, div.flash_green a { color: #3da300; }

#div_waiting{margin-left:40px;margin-top:20px;}

/* MENU */
div#ecosMenu{
	float:left;
/*	width: 740px;*/
}
div#ecosMenu a.isEcosMenu img.menu-arrow{
	padding: 0 0 1px 5px; 
	width: 5px; height: 4px;
}
.hide {display: none;visibility: hidden;}
.show {display: block;visibility: visible;}
div#flyoutContainer{
	position: absolute; 
	width:1300px;
	z-index:300;
}

div.ecosMenuFlyout {
	position: absolute; 
	left: 0; top: 0;
	width: 100%;
	padding: 30px;
	z-index: 100;
	border: 0 none;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.57);
    color: #5E5745;text-shadow: 0 1px 1px #FFFFFF;
	background-color: #efefef;
	background-color: #F8f8f8;
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    column-fill: initial;
}

div.ecosMenuFlyout ul {
	margin: 0 ; font-size:98%;
}
div.ecosMenuFlyout ul li {
	padding: 0 0 0px 0;
/*	
	color: #333;
*/
	color:#52A3D3;color:#2b4362;
	line-height:19px;
}
div.ecosMenuFlyout ul li a{
	text-decoration:none;
/*	color: #333 !important;
*/
	font-family:arial !important;
	color:#52A3D3;
	color:#2b4362;
	font-size:15px;
	line-height:25px;
}

div.ecosMenuFlyout ul li ul li{line-height:22px;}
div.ecosMenuFlyout ul li ul li a{
/*	color: #3E3725 !important;
*/
font-family:arial !important;
	color:#52A3D3;color:#2b4362;
	font-size:14px;font-weight:normal;
}
div#Orders ul li ul li a{
/*	color: #3E3725 !important;
*/
font-family:arial !important;
	color:#52A3D3;color:#2b4362;
	font-size:14px;
}

div.ecosMenuFlyout ul li a:hover{color:#70c2eb;}
div.ecosMenuFlyout ul li {font-weight: normal;overflow: hidden;}
div.ecosMenuFlyout ul > li ul li {
	padding:0;
	font-weight: normal;
	text-transform:none;
}
/*
div.ecosMenuFlyout ul li ul li ul > li a {
	padding: 0 0 0 5px;		
}
*/
div.ecosMenuFlyout ul.ul1{margin-top:0px;}
div.ecosMenuFlyout ul > li.li1 >a {padding-bottom:0px;}
div.ecosMenuFlyout ul > li.li1 > a:hover {border-color:#4B3526;color:#70c2eb;}
div.ecosMenuFlyout ul > li.li-secton{padding-bottom:0px;}
div.ecosMenuFlyout ul > li.li-secton>a {border-bottom:none;padding-bottom:0px;}
div.ecosMenuFlyout ul li  >ul.ul2{
	display:none;
}
div.ecosMenuFlyout ul > li ul li ul li.li3 {
	padding-left:10px;
}
div.ecosMenuFlyout ul > li ul li ul li ul li.li4 {
	padding-left:5px;
}


div#flyoutContainer div.ecosMenuFlyout2{
	position: absolute;top:-1px;
	padding:0px;z-index: 100;    
    text-shadow: 0 1px 1px #FFFFFF;
	color:#2b4362;
	background-color: #ecf1f5;
	background-color: #fff;
	
/*
	-webkit-column-count:1;	-moz-column-count:1; column-count:1; column-fill:auto;height:300px;
*/
	border: 1px solid #c8c8c8; border-top:none;
	-webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.57);
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.57);	
	background-clip: padding-box;	
}
div#flyoutContainer div.ecosMenuFlyout2 > ul{margin:0;padding-top:10px;}
div#flyoutContainer li.sub-menu a{
	height:auto;line-height:45px;text-decoration:none;
	padding-left:35px;padding-right:45px;display:block;
	font-size:14px;font-family:Helvetica !important;
	color:#410099;
}
div#flyoutContainer li.sub-menu a:hover{
	color:#410099;
	background-color:#eee;
}
div#flyoutContainer li.sub-menu a div{
	color:#410099;
	font-size:14px;font-family:Helvetica !important;
	display:block;vertical-align:middle;
	line-height: 16px;
	padding-top: 16px;
    padding-bottom: 16px;
}
div#flyoutContainer li.sub-menu a div:hover{color:#410099;}
/*
#ecosMenu_menuCat ul{columns: 2; -webkit-columns: 2;-moz-columns: 2;}
*/
div#flyoutContainer div.ecosMenuFlyout2 ul,div#flyoutContainer div.ecosMenuFlyout2 li{
	padding:0;margin:0;
}
div#flyoutContainer div.ecosMenuFlyout2 ul.ul1{	
	margin-top: -5px;
	margin-bottom: 18px;	
display:none;
}
div#flyoutContainer div.ecosMenuFlyout2 .li1{	
	border-bottom:1px solid #EAEAEA;
	list-style: none;
}
#ecosMenu_menuQuotes .sub-menu, #ecosMenu_menuOrders .sub-menu{
	border-bottom:1px solid #EAEAEA;
}
div#flyoutContainer li.li2.sub-menu{
	margin-left:40px;
display:none;
}
div#flyoutContainer li.li2.sub-menu a{
	font-size:13px;
	line-height:30px;height:30px;
	border-left:2px solid #EAEAEA;
	padding-left:15px;
}
.mouseOver {
	opacity: .6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}
#mainContainerWrapper{
	min-height:500px;
	height:100%;width:100%;
	display: inline-block;	
	background: url('../images/wait.gif') no-repeat center 250px;
}
#mainContainer {
	margin: 0 auto;
	width:1300px;
	text-align: center;
	position: relative;
}
#mainframeContainer{
	float:left;padding-top:20px;
	background-color:#fff;
	min-height:600px;
	width:1300px;
	border-bottom:0px;
	margin-top:0px;
}
#mainframe {
	position: relative;
	z-index: 100;
	display:hide;
	padding-bottom:10px;
	min-height:500px;
}

/*
#mainContainer img {
	z-index: 30;
	width: 50px; 
	height: 50px;
	margin: 30px;
}
*/

/*-------BANNER CART-------*/
#cartBanner{
	height:30px;margin-bottom:15px;
	background-color:#34BDF1;
	text-align:right;	
}
#cartBanner a{
	float:right;line-height:30px;
	margin:0;padding:0;margin-right:20px;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;	
}
#cartBanner a img{
	margin:0;padding:0;padding-right:10px;
	float:left;
}
#cartBanner a:hover{text-decoration:underline;}

#rightContent{
   float: right;
   width: 360px;
}

#bskUpdate{display:none;}

#helptip-inner #help-content {font-size: 1em;line-height:1.5em;margin:0;font-weight:normal;font-family:Tahoma !important;}
#helptip-inner #help-content h1{font-size: 1.5em;line-height:2.2em;margin:0;font-weight:bold;font-family:Tahoma !important;}
#helptip-inner #help-content h2{font-size: 1.2em;line-height:2em;margin:0;font-weight:bold;text-decoration:underline;font-family:Tahoma !important;}
#helptip-inner #help-content h3{font-size: 1em;line-height:1.6em;margin:0;font-weight:bold;font-family:Tahoma !important;}
#helptip-inner #help-content p{margin-bottom:1em;font-family:Tahoma !important;}
#helptip-inner #help-content  ul{list-style:disc outside none;padding-left:20px;}
#helptip-inner #help-content  ul li{font-family:Tahoma !important;}


.cart-full{background-color:#FFFBD6;color:#843C0B!important;}
span.checkout{font-size:12px;font-family:arial!important;text-transform:uppercase;color:#003465!important;}



/*************************Fav & Cart*******************/
div#div_favSearchCart{
	display:block;float:right;text-align:right;padding:0;
}
div#div_favSearchCart ul#favSearchCart{
	margin:0;padding:0;
	padding-right:0px;
}
div#div_favSearchCart ul#favSearchCart li{
	margin:0;padding:0;
	display:inline;
	vertical-align:top;
}
div#div_favSearchCart ul#favSearchCart li a#rmCart{
	height:44px;padding:8px 0px 0px 14px;
}
div#div_favSearchCart ul#favSearchCart li a#rmFavs{
	background-image: url(/graphics/nzblood/images/svg/fav-on.svg);background-repeat: no-repeat;background-position: 14px 11px;
	padding:0 16px 0 38px;
}
div#cartLabel, div#cartContent{float:left;font-family: 'Roboto', sans-serif;}
#cartLabel{ 
    position: relative;
    width: 46px;
    clear: both;
    overflow: visible;
    clear: both;
    padding-top: 0px;
}
.cart-icon{
	background-image: url(/graphics/nzblood/images/svg/cart.svg);
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
	color: #410099;
}
.cart-icon, .cart-icon svg{
	color:#410099; fill:#410099;
}

.cart-icon:hover, .cart-icon svg:hover{
	color:#410099; fill:#410099;
}
.basket-count{
	display: inline-block;	position: absolute;
	overflow: visible;
	width: 18px; height: 16px;
	top: -5px;right: 6px;
	border: 1px solid #410099; border-radius: 10px;
	background-color:#410099; color:#fff;
	font-size: 10px; font-family: sans-serif !important; line-height: 16px;
	text-align: center;
}
/********************************************/