@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&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; }

.wrapper {
	margin: 0 auto;
	margin-bottom:0;
	color:#53565A;
}

/* TYPE    */
body { background-color: #ffffff; }
body, table { font: 13px/18px "Lato", sans-serif; color: #53565A; }

a{ color: #75787B; }
a:hover { color:#F2A900;text-decoration: underline; }

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;
	height: 110px;
	position:relative;
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
	margin-bottom:15px;
}
div#headerWrapper{
	background-color:#fff;
	position: relative;
/*	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);*/
/*	border-bottom: 1px solid #dbe956;*/
}
div#headerWrapper_m{
	background-color:transparent;
	position: relative;
	z-index:100;
	background-color: #fafafa;
}
div#header {
	margin: 0 auto;		
/*	height: 134px;*/
	position: relative;
}

div#header div.header_middle {	float: left;margin:0;padding:0;height:2px;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:0;}
div.header_logo a{display:block;height:105px;width:165px;}
/*img.logo-imge{padding-top: 22px;padding-left: 0px;width:125px;}
*/
div.header_logo img.logo-imge{margin-top:12px;padding-left:0px;height:84px;}
div.header_logo img.logo-imge.outer{}


div#headerMemb{
	float:right;
	font-size: 13px;
	color:#666;	border-radius: 4px;
	margin:10px 0px 0 0;
	padding:0px;
	min-width:250px;
}
div#headerMemb a{
	font-size: 13px;line-height:21px;
	text-decoration:none;
	display:inline-flex;
}
div#headerMemb a#umProfile{
	color:#666;fill:#666;
}
div#headerMemb a#umProfile:hover{
	color:#F2A900;fill:#F2A900;
}
div#headerMemb a#umProfile{
	float:right;line-height:23px;
}

#logout{display:block;float:right;margin:0}
div#logout a{color:#aaa;font-size:11px;fill:rgba(226,143,121,0.8);}
div#logout a:hover{	color:#CF4520;fill:#CF4520;}

.col-LION{
    background-color: #53565a;
}
.col-LIONT{
    background-color: #006BA6;
}
.col-LIONB{
    background-color: #00857D;
}
.ocn-title{
	display:block;height:20px;float:right;
	padding:2px 2px 0 10px;
	font-size:20px;font-weight:bold;
	font-family:arial, sans-serif;
}
.ocn-title-LION{
    color: #F2A900;
}
.ocn-title-LIONT{
    color: #006BA6;
}
.ocn-title-LIONB{
    color: #00857D;
}

a.ocn-link{
	margin: 0 0 1px 2px;
	padding: 5px 2px 3px 7px;	
	border-radius:3px; color:#fff;
	font-size:10px;line-height:11px;font-family:arial;
	display: inline-block;
	text-align: center;
	fill:#fff;
}
a.ocn-link:hover{color:#F2A900;fill:#F2A900;}
a.ocn-link svg{float:right;margin:0 0 0 3px;}
	
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: 'Roboto', sans-serif;
	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;}
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: 'Roboto', sans-serif;
	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 #999;
	border-right:0px;
	border-radius:5px;border-top-right-radius:0px;border-bottom-right-radius:0px;
	color: #bbbbbb; 
	font-size: 15px;
	height:29px;line-height: 25px;
	width: 270px;
	margin:0;
	padding:3px 6px 4px 10px;	
}
div#umSearchForm input[type='image']{
	border: 1px solid #999;
	background-color:#ffffff;
	border-left:0px;
	border-radius:5px;border-top-left-radius:0px;border-bottom-left-radius:0px;
	padding:5px 6px 5px 7px;
	height: 26px;
}
div#umSearchForm input[type='image']:hover{
	background-color:#e8e8e8;
}


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{
	padding-right:0px;
	border-top-left-radius:12px;
	border-top-right-radius:12px;
	/*border: 1px solid #CAD34E;*/
	border-bottom: none;
	margin-top:3px;
}
/*div#cart a#umCart{
	background-image:url('../images/cart.png');background-repeat:no-repeat;
	background-position-y:15px;background-position-x:8px;
	padding-left:46px;
	font-size:15px;font-weight:bold;
	color:#005E8F;color:#00709C;font-family:arial!important;
	float:left;text-transform:capitalize;
	padding-right:10px;
	border-top-left-radius:12px;
	border-top-right-radius:12px;
}
div#cart a#umCart:hover{color:#003465;background-color:#dce1e5;text-shadow:none;}*/
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/lion-asp-core/images/svg-icons/cart.svg);
    background-repeat: no-repeat;
    width: 33px;
    height: 33px;
	color: #ffffff;
}
.cart-icon, .cart-icon svg{
	color:#ffffff;
	fill:#ffffff;
}

.cart-icon:hover, .cart-icon svg:hover{
	color:#fab81f;
	fill:#fab81f;
}
.basket-count{
	width: 25px;
    height: 20px;
    position: absolute;
    border: 1px solid #F2A900;
	top: -7px;
	right: 5px;	
    overflow: visible;
    font-size: 12px;
    display: inline-block;
    line-height: 20px;
    text-align: center;
    border-radius: 8px;
    background-color: #F2A900;
    color: #000;
}


div#favs{
	float:right;padding-right:0px;
	border-top-left-radius:12px;
	border-top-right-radius:12px;
	border: 1px solid #CAD34E;
	border-bottom: none;
	margin-right:1px;	
}
div#favs a{
	text-decoration:none;
	font-size:15px;font-weight:bold;
	color:#00709C;
	font-family: 'Roboto', sans-serif;
	float:left;
	padding:10px 24px 0 24px;
	border-top-left-radius:12px;border-top-right-radius:12px;
}
div#favs a:hover{color:#003465;background-color:#dce1e5;text-shadow:none;}
div#dropMenuContainer{
	position: absolute; 
}
div.dropMenuFlyout{
	position: absolute;
	left: 0; top: 0;
	margin-top:84px;
	/*width: 1240px;*/
	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:58px;height:58px;}
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:152px;}*/
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:#000;font-family: 'Lato', sans-serif;
	font-size:19px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing:content-box;
	padding: 0px 24px 0px 24px;	margin-top:0px;
	display:inline-block; text-align:center;
	text-transform: uppercase;
	/*margin-right:1px;*/
	/*border-right: 1px solid #ececec;*/
	border:1px solid #ffffff;
}
/*#ecosMenu a {
    border-left: 1px solid #ececec;
}*/

/*
div#header_m div.menu div.menu_container div.menu_wrapper ul li:first-child a{border-left: 1px solid #CAD34E;}
*/
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;	
	background-color:#ecf1f5;	
	color:#6b6b6b;
}

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/lion-asp-core/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: 'Roboto', sans-serif;
	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:-3px;*/
	padding-bottom:0px;
	/*background-color: #133822;	*/
	
/*	
	box-shadow: 0px 10px 30px 10px rgba(178,188,69,0.5);
*/
}
div#footer {
	overflow: hidden;
	color: #75787B;
	font-size: 11px; 
	/*width:1240px;margin:0 auto;*/
}
div#footer a{ color: #75787B;text-decoration: none;text-transform:uppercase;}
div#footer a:hover {color: #F2A900;}
div#footer div.footer_border { height: 0px; overflow: hidden; margin-bottom: 0px; }
div#footer div.footer_container { 
	height: 40px; line-height: 40px; overflow: hidden; text-align: left; 
}
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;}
.footer-container{
	background-color: #fff;
    width: 100%;
    margin-top: 10px;
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.4);
}
.footer-image{
	display: inline-block;
    padding-left: 10px; 
    padding-top: 10px;
    padding-right: 40px;
}
.footer-image img{
	width: 100px;
    padding-left: 10px;
    padding-top: 10px;
    vertical-align: bottom;
}
#copyright {
	text-align:left;
	color:#808080;font-size:10px;font-family:arial;
	padding:0px 6px 12px 0;	
}
#cptext{text-align:right;line-height:14px;padding-top:12px;}
#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{
	position:relative;
	z-index:10;
	margin-left: 220px;
	margin-top: 45px;
	max-width:800px;
}
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:1180px;*/
	z-index:300;
	margin-left: 220px;
}

div.ecosMenuFlyout {
	position: absolute; 
	left: 0; top: 0;
	width: 100%;
	padding: 30px;
	z-index: 100;
	border: 0 none;
    box-shadow: 0 4px 10px 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:#005485;
	line-height:19px;
}
div.ecosMenuFlyout ul li a{
	text-decoration:none;
/*	color: #333 !important;
*/
	font-family: 'Roboto', sans-serif;
	color:#52A3D3;
	color:#005485;
	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: 'Roboto', sans-serif;
	color:#52A3D3;color:#005485;
	font-size:14px;font-weight:normal;
}
div#Orders ul li ul li a{
/*	color: #3E3725 !important;
*/
font-family: 'Roboto', sans-serif;
	color:#52A3D3;color:#005485;
	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;
}
@-webkit-keyframes expand{
    0%{max-height:0px;}
    100%{max-height: 500px;}
}

div#flyoutContainer div.ecosMenuFlyout2{
	position: absolute;
    top: 0px;
    padding: 0px;
    z-index: 100;
    background-color: #EBEBEB;
    border-top: none;
    background-clip: padding-box;
    width: 159px;
    /*border: 1px solid #000000;	*/
/*    border-top: 2px solid #F2A900; */
   /*-webkit-animation: expand 1s ease;*/
   /*overflow: hidden;*/
}
div#flyoutContainer div.ecosMenuFlyout2 > ul{
	margin:0;padding-top:10px;
	border-top: 1px solid #F2A900;
}

div#flyoutContainer li.sub-menu.sub-cat{	
	margin-left:20px;
}

div#flyoutContainer li.sub-menu a{	
	line-height:50px;
	text-decoration:none;
	padding-left:30px;
	display:block;
	font-size:13px;font-family: 'Lato', sans-serif;
	font-weight:normal;
	color: #75787B;
}
div#flyoutContainer li.sub-menu a:hover{
	background-color: #F5F5F5;
	color: #F2A900;
	font-size:14px;
}

div#flyoutContainer li.sub-menu.internal a:hover{
	border-right: 30px solid #75787B;
	color:#75787B;
}
div#flyoutContainer li.sub-menu.customer a{
	color:#CF4520;
}
div#flyoutContainer li.sub-menu.customer a:hover{
	border-right: 30px solid #CF4520;
}
div#flyoutContainer li.sub-menu.brand a{
	color:#006BA6;
}
div#flyoutContainer li.sub-menu.brand a:hover{
	border-right: 30px solid #006BA6;
}

div#flyoutContainer li.sub-menu a div:hover{
	color: #F2A900;
  /*  border-right: 7px solid #F2A900;*/
}


/*
#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 li{
	/*list-style-image: url('/graphics/lion-asp-core/images/logo-transparant.png');*/
	position: relative;
	border-bottom: 1px solid #D6D6D6;
}
div#flyoutContainer div.ecosMenuFlyout2 ul li:before{
	position: absolute;
    content: "";
    top: 23px;left: 12px;
    width: 4px;height: 4px;
	color: #F2A900;	
    border-left: 1px solid #53565A;
    border-top: 1px solid #53565A;
    transform: rotate(133deg);
}
div#flyoutContainer div.ecosMenuFlyout2 ul li:hover::before{
		border-width:2px;
		border-color:#F2A900;
}
div#flyoutContainer div.ecosMenuFlyout2 ul.ul1{	
	margin-top: -5px;
	margin-bottom: 18px;	
display:none;
}
div#flyoutContainer div.ecosMenuFlyout2 .li1{	
	border-bottom:1px solid #313030;
	list-style: none;
}
/*
#ecosMenu_menuQuotes .sub-menu, #ecosMenu_menuOrders .sub-menu{
	border-bottom:1px solid #313030;
}
*/
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:670px;
	height:100%;width:100%;
	display: inline-block;	
}
#mainContainer {
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 30;
	
/*	width: 80%;*/
	max-width: 1300px;
	height:100%;min-height:690px;
	background-color: #fff;
}
#mainframeContainer{
	min-height:700px;
	width: 100%;
	background: #fff url('../images/wait.gif') no-repeat center 250px;	
	
/*	float:left;	*/
	display:inline-block;
}
#mainframe {
	position: relative;
	z-index: 50;display:hide;
	min-height:600px; 
    background-color: rgb(255, 255, 255);
}


/*-------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;*/
   display:inline-block;
   width: 25%;
   vertical-align:top;
}

#bskUpdate{display:none;}

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

.svg-cons:hover{filter: grayscale(100%);}

/* #Desktop
================================================== */
@media (min-width: 1301px) {
	#mainframe{width: 100%; max-width: 1300px}
	.svg-cons{width: 35px;   height: 35px;}
	#headerWrapper{max-width: 1300px; margin: 0 auto}
	#footerWrapper{max-width: 1300px; margin: 0 auto}
}

/* Small desktops and iPads*/
@media (max-width: 1301px) {
	#mainframe{width: 100%; }
	#header_m{width: 100%; }
}

/* #Media
================================================== */

@media (max-width: 767px) { 
	#headerWrapper{width: 100%;}
	.svg-cons{width: 35px;   height: 35px;}
}
/*
#ecosMenu{ max-width: 100%; }
*/
#ecosMenu .ecos-menu-list{ 
	font-size: 12.5px;text-transform:uppercase;
	padding-left: 10px; margin-bottom: 0px;
	display:flex;
} 
#ecosMenu .ecos-menu-list li {
    display: inline-block;
    /*padding-left: 10px;
    padding-right: 10px;*/
     padding-bottom:8px;
}

#ecosMenu .ecos-menu-list li:first-child{
/*	margin-left: 44px;*/
}

#ecosMenu .ecos-menu-list li a{
	text-decoration: none;
	padding: 12px 10px 10px 10px;	
	color:#53565A;
	font-family: 'Lato', sans-serif;
}

#ecosMenu .ecos-menu-list li a:hover{
	background-color:#EBEBEB;	
}

.isEcosMenu{
    padding-top: 18px;padding-top:8px;
/*    border: 1px solid #fff;*/
}
.isEcosMenu.hovered {
	background-color:#EBEBEB;
/*	border-color:#EBEBEB;*/
}
.no-sub{
}
.no-sub:hover{
	border-bottom: 1px solid #F2A900;	
	background-color:#EBEBEB;
}

.triangle-down {
	display: inline-block;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 6px solid #f2a900;
	margin: 0 0 1px 4px;	
}

ul.fav-srch-cart{
	margin:0;padding:0;
	padding-right:0px;
}
ul.fav-srch-cart li{
	margin:0;padding:0;
	display:inline-block;
	margin-left:6px;
	height:45px;
	vertical-align:top;
}


/*===sub menu cart icons*/
div#flyoutContainer li.sub-menu a div#subMenuCart{
	float:right;width: 40px;height: 40px;display:block;
	padding:0;margin:0;margin-right:4px;	
}
	
div#flyoutContainer li.sub-menu a div.sub-menu-cart #cartLabelSub{
	margin:0;padding:13px 0 0 0;
}
div#flyoutContainer li.sub-menu a div.sub-menu-cart #cartLabelSub .cart-icon.sub-cart{
	background-image: url(../images/svg-icons/cart-sub.svg);
    background-repeat: no-repeat;
	width: 24px;height: 24px;
	color: #bcbcbc;
	margin:0;padding:0;
}
div#flyoutContainer li.sub-menu a div.sub-menu-cart #cartLabelSub .basket-count.sub-cart{
	margin:0;padding:0;padding-left:1px;margin-right:4px;
	width: 18px;height: 16px;
	top:6px;right:7px;	
    border: 1px solid #FADC17;
    overflow: visible;
    font-size: 11px;font-family:tahoma!important;
	display: inline-block;
    line-height: 14px;
    text-align: center;
    border-radius: 10px;
    background-color: #FADC17;
    color: #000;
}

div#flyoutContainer li.sub-menu a div.sub-menu-cart.internal #cartLabelSub .basket-count.sub-cart{
    border: 1px solid #53565a;
    background-color: #53565a;
    color: #fff;
}
div#flyoutContainer li.sub-menu a div.sub-menu-cart.trade #cartLabelSub .basket-count.sub-cart{
    border: 1px solid #cf4520;
    background-color: #cf4520;
    color: #fff;
}
div#flyoutContainer li.sub-menu a div.sub-menu-cart.brand #cartLabelSub .basket-count.sub-cart{
    border: 1px solid #204f8c;
    background-color: #204f8c;
    color: #fff;
}
/*===*/



input.button1,input.button1:link,input.button1:visited{
    background-color: #403a3a;
    border: none;
    color: white;
    padding: 7px 20px 7px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
	font-family: sans-serif ;font-size: 15px; font-weight:normal;
    cursor: pointer;	
	border-radius:4px;
	color:#ffffff;
}
input.button1:hover{
	background-color:#feaf19;
	color:#ffffff;
}	 

.site-wait{
	z-index: 200;
/*	display: none;*/
	width: 100%;height: auto;
	position: absolute;
	margin: 0 auto;
	background: transparent; opacity: 0.5;
	text-align: center;
	vertical-align: middle;padding-top: 255px;
}