/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
	line-height: 1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}
nav ul {
    list-style:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	outline: none;
	text-decoration: none;
}

input, select {
    vertical-align:middle;
}
/********************
 Clear fix
*********************/
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}
table {
	border-spacing: 0;
}
.nowrap {
	white-space: nowrap;	
}
.clr {
	clear: both;
}
/********************************************/
/********  BEGIN  CUSTOM  STYLES  ***********/
/********************************************/

body {
	background: #e7f4fb url(../_img/body_BG.png) repeat center;
	color: #58595b;
	font: normal normal 15px/22px "Roboto", sans-serif;
}
/** layout / grid **/
#container {
	width: 1000px;
	margin: 0 auto;	
	background: url(../_img/fady_BG_1000_dark.png);
	background: url(../_img/fady_BG_1000.png);
}

#leftcol {
	width: 210px;
	float: left;
	margin-left: 20px;	
}
#content_wrapper {
	width: 770px;
	float: left;	
}

#content {
	width: 720px;
	margin: 45px 20px 0 30px;
}

footer {
	clear: both;	
	background: #fff;
	padding: 40px 20px 25px 20px;
}

/******************************************************/
/*****************    HOME PAGE ONLY     **************/
/******************************************************/
#hero {
	width: 766px;
	margin-left: 4px;
}
#hero img {
	display: block;
}
#hero div.heroslide {
	position: relative;
}
#hero div.heroslide a {
	text-decoration: none !important;	
}
#hero div.heroslide .herocaption {
	position: absolute;
	left: 40px;
	top: 80px;
	font-family: 'Open Sans', sans-serif;
}
#hero #hs1 .herocaption {
	top: 38px;
}
#hero div.heroslide .herocaption i {
	display: block;	
}
#hero div.heroslide .herocaption h2 {
	color: #fabd55;
	font-size: 37px;
	line-height: 42px;
	font-weight: 300;
	padding-bottom: 20px;
}
#hero div.heroslide .herocaption p.herodesc {
	color: #fff;
	font-size: 17px;
	line-height: 23px;
	display: inline-block;
	font-weight: 300;
}
/*** PAGER **/
#hero-pager { 
	width: 120px; 
	z-index: 200; 
	position: absolute; 
	bottom: 26px; 
	left: 30px;   
	height: 16px;
}
#hero-pager span { 
   	width: 16px; 
	height: 16px; 
    display: inline-block;
	cursor: pointer; 
	background: url(../_img/slides/pager.png);
	opacity: 0.5;
	margin-right: 3px;
}
#hero-pager span.cycle-pager-active { 
	opacity: 1;
}
/** metal stack outside viewport - if the screen is big enough **/
@media (min-width: 1100px) {
	#metal_stack {
		width: 169px;
		height: 147px;
		position: absolute;
		z-index: 200;
		background: url(../_img/slides/metal.png);
		top: 198px;
		left: 637px;
	}
}

/*** HOME CONTENT ***/
#home #content .contentright {
	float: right;
	width:230px;
	margin: 0 0 0 20px;	
}
#home #content .contentleft {
	float: left;
	width:230px;
	margin: 0 20px 0 0;	
}
#home #content #home-about-photo {
	margin-top: -20px;	
}
#home #content #home-assist-photo {
	margin-top: -30px;	
}
#home #content #home-markets-photo {
	padding-bottom: 40px;	
}
#home #content ul#home-markets-list {
	padding-left: 270px;

}	
#home #content ul#home-markets-list li {
	float: left;
	width: 240px;
	padding-right: 5px;
}
#home #content ul#home-markets-list li:nth-child(even) { 
	width: 180px;
}
/******************************************************/
/*****************    LEFT COL - LOGO    **************/
/******************************************************/
h1#logo {
	background: #fff;
	margin-left: -20px;
	padding-left: 10px;
}
h1#logo a {
	display: block;
	height: 110px;
	text-indent: -5643px;
	background: url(../_img/ARMI-MBH_logo.png);

}
/******************************************************/
/***************** LEFT COL - NAVIGATION **************/
/******************************************************/
#globalnav {
	background: #fff;
	margin-left: -20px;
	padding-left: 20px;	
}
#globalnav ul li a {
	display: block;
	line-height: 32px;
	font-weight: 400;
	color: #1c75bc;
	text-transform: uppercase;
	background: url(../_img/nav_BG_single.png);
	margin-bottom: 4px;
	position: relative;
	letter-spacing: 1px;
	padding-left: 45px;
}
#globalnav ul li.n-contact a {
	margin-bottom: 0;	
}
#globalnav > ul > li > a i {
	width: 45px;
	height: 32px;
	display: inline-block;
	position: absolute;
	left: 0; top: 0;
	background-image:url(../_img/nav_active.png);
	background-position: 0 -50px;
}
#home #globalnav ul li.n-home a i,
.products  #globalnav ul li.n-products a i,
#credentials #globalnav ul li.n-credentials a i,
#support #globalnav ul li.n-support a i,
#distributors #globalnav ul li.n-distributors a i,
#contact #globalnav ul li.n-contact a i,
#globalnav ul li a:hover i {
	background-position: 0 -100px;
}
/** product is different **/
#globalnav ul li.n-products {
	display: block;
	background: url(../_img/nav_BG_products.png);
	background: #fff;
}
#globalnav ul li.n-products a {
	line-height: 32px;
}

/** all below here is hidden by default **/
#globalnav ul li ul#sn {
	display: none;	
}
#globalnav ul li ul#sn li a {
	text-transform: none;
	font-weight: 400;
	padding: 0 0 0 68px;
	opacity: 0.7;
}
#globalnav ul li ul#sn li a i {
	width: 60px;
	height: 20px;
	display: inline-block;
	position: absolute;
	left: 5px; top: 0;
	background-image:url(../_img/nav_sub_active.png);
	background-position: 0 0;
}

.products-metals #globalnav ul li ul#sn li.n-products-metals a,
#products-liquids #globalnav ul li ul#sn li.n-products-liquids a,
#products-armi #globalnav ul li ul#sn li.n-products-armi a,
#products-sus #globalnav ul li ul#sn li.n-products-sus a,
#products-tc #globalnav ul li ul#sn li.n-products-tc a,
#globalnav ul li ul#sn li a:hover {
	opacity: 1;	
}
.products-metals #globalnav ul li ul#sn li.n-products-metals a i,
#products-liquids #globalnav ul li ul#sn li.n-products-liquids a i,
#products-armi #globalnav ul li ul#sn li.n-products-armi a i,
#products-sus #globalnav ul li ul#sn li.n-products-sus a i,
#products-tc #globalnav ul li ul#sn li.n-products-tc a i,
#globalnav ul li ul#sn li a:hover i {
	background-position: 0 -20px;
}	
#globalnav ul li ul#sn {
	padding-bottom: 4px;	
}
/** show the sub nav **/
.products #globalnav ul li ul#sn {
	display: block;	
}
.products #globalnav ul li.n-products a {
	line-height: 20px;
	padding-top: 6px;
	background: none;
}
#navend {
	height: 3px;
	background: url(../_img/nav_bottom.png);
	margin-bottom: 40px;
}
#home #navend {
	width: 	980px;
	background: url(../_img/nav_bottom_wide.png);
	position: relative;
	z-index: 199;
}
#home #globalnav {
	min-height: 212px;
}	
/******************************************************/
/***************** LEFT COL - CALLOUTS   **************/
/******************************************************/
aside.callout {
	width: 210px;
	height: 65px;
	background: url(../_img/callout_BG.png);
	background-position: 0 0;
	transition: all 0.5s ease-in-out;
	margin-bottom: 20px;
}
aside.callout:hover {
	background-position: 0 -110px;
}
aside.callout p a {
	display: block;
	height: 55px;
	position: relative;
	padding-left: 75px;
	color: #fff;
	text-transform: uppercase;
	font-size: 18px;
	padding-top: 10px;
}
aside.callout p a i {
	position: absolute;
	left: 0; top: 0;
	width: 75px; height: 65px;	
	opacity: 0.5;
	transition: opacity 0.5s ease-in-out;
}
aside.callout p a:hover i {
	opacity: 1;
}
aside#co-search p a i {
	background: url(../_img/callout_search.png);
}
aside#co-catalogue p a i {
	background: url(../_img/callout_catalogue.png);
}
aside#co-certificates p a i {
	background: url(../_img/callout_catalogue.png);
}
aside#co-certificates p a {
	padding-top: 22px;
}

/****************************/
/****        QUOTE       ****/  
/****************************/
aside#quote {
	margin-top: 50px;
	width: 210px;
	background: url(../_img/svg/quotes_bg.svg);
	background-size: 210px 100%;
	position: relative;
}
aside#quote p {
	position: relative;
	padding: 55px 15px 55px 25px;
	color: #58595b;
	font-style: italic;
	z-index: 5;
}	
aside#quote p a {
	color: #58595b;
	cursor: default;
	display: block;
}
aside#quote .qstart {
	width: 81px;
	height: 78px;
	position: absolute;
	left: 0px; top: 0px;
	background: url(../_img/quote_start.png);
	background-repeat: no-repeat;
	z-index: 0;
}
aside#quote .qend{
	width: 82px;
	height: 78px;
	position: absolute;
	right: 0px; bottom: 0px;
	background: url(../_img/quote_end.png);
	background-repeat: no-repeat;
	z-index: 0;
}


/****************************/
/****   LASTEST UPDATE   ****/  
/****************************/
aside#latest_news {
	margin-top: 50px;
}

aside#latest_news h3 {
	text-transform: uppercase;
    color: #1c75bc;
    font-weight: 500;
    font-size: 16px;
    padding-bottom: 2px;
}
aside#latest_news  p a {
	color: #58595b;
	display: block;
	font-style: italic;
}
aside#latest_news  p a span {
	color: #1c75bc;
	text-decoration: underline;
	font-style: normal;
}
/** hide widget on actual news page **/
#news-page aside#latest_news {
	display: none;	
}
/** and make content deeper **/
#news-page #content {
	min-height: 600px;	
}


/****************************/
/*** TOP BANNER & SEARCH  ***/
/****************************/
#topbanner {
	height: 86px;
	background: url(../_img/elemental_blue_banner.png);
	position: relative;
}
#your_collection {
	height: 40px;	
	position: absolute;
	left: 30px;
	top: 23px;
	background: #1a6daa;
}
#your_collection span {
	color: #fff;
	background: url(../_img/add_1_L.png);
	background-repeat:no-repeat;
	background-position: 6px 8px;
	display: block;
	line-height: 40px;
	padding: 0 15px 0 38px;
	cursor:pointer;
}
#your_collection span em {
	font-style: normal;	
}
form#product_code_search {
	height: 40px;	
	position: absolute;
	right: 20px;
	top: 23px;
}
form#product_code_search p {
	float: left;
}
form#product_code_search p#product_code_search_field input {
	border: 0;
	height: 36px;
	font: normal 700 14px/20px "Roboto", sans-serif;
	background: url(../_img/product_code_search_BG.png);
	background: #c8e3f4;
	padding: 4px 12px 0 12px;
	color: #1d78be;
	width: 170px;
}
form#product_code_search p#product_code_search_field input.typing {
	font-size: 20px;
}
form#product_code_search p#product_code_search_field input.invalid {
	background: #ffc5c5;
}


form#product_code_search p#product_code_search_submit input {
	border: none;
	font: normal 400 14px/20px "Roboto", sans-serif;
	padding: none;  height: 40px;
	background: #464646;
	color: #fff;
	font-size: 16px;	
	cursor: pointer;
	transition: background 0.2s ease-in-out;
}
form#product_code_search p#product_code_search_submit input:hover {
	background: #000;	
}


/**********************************/
/********      FOOTER      ********/
/**********************************/

footer {
	padding-bottom: 50px;	
}
footer #footer_top {
	font-size: 13px;	
	padding-left: 20px;
	width: 460px; float: left;
}

footer #footer_bottom {
	width: 480px; float: left;
}
footer #footer_bottom p {
	font-size: 12px;
	padding-top: 20px;	
	text-transform: uppercase;
	color: #1c75bc;
	text-align: right;
	letter-spacing: 0.5px;
}
footer #footer_bottom p a,
footer #footer_smallprint a  {
	color: #1c75bc;
}
footer #footer_credits p {
	padding-top: 12px;
	font-size: 12px;	
	color: #888;
	text-align: right;
}
footer #footer_credits p a {
	color: #888;
}

/**********************************/
/***    MAIN INFO PAGE CONTENT  ***/
/**********************************/
#content h2 {
	text-transform: uppercase;
	color: #1c75bc;
	font-weight: 500;
	font-size: 22px;
	padding-bottom: 10px;
}

#content p {
	margin-bottom: 22px;	
}
#content p.closeunder {
	margin-bottom: 0px;	
}
#content p.closeunder4 {
	margin-bottom: 4px;	
}
#content p a {
	color: #1c75bc;	
	text-decoration: underline;
}
#content p a:hover {
	color: #bb0000;	
	text-decoration: underline;
}
#content hr {
	border: none;
	margin-bottom: 30px;
	background: url(../_img/hr_fady.png);
	background-repeat: no-repeat;
	height: 2px;	
}
#content .contentright {
	float: right;
	width: 305px;
	margin: 0 0 0 20px;	
}
#content #liquids_catalogue_image p {
	text-align: center;
}
#content #liquids_catalogue_image p img {
	display: inline;
	box-shadow: 6px 6px 4px 0 rgba(0,0,0,0.1);
}
#content .contentright p {
	margin-bottom: 20px;
}
#content .contentright p img{
	display: block;
}
#content #p-certificate {
	width: 210px;
	margin: 0;	
	margin-top: -85px;
}
#content p img.bordered {
	display: block;
}


/*** distributors page ***/
#distributors #content h3 {
	text-transform: uppercase;
	color: #1c75bc;
	font-weight: 500;
	font-size: 20px;
	padding-bottom: 2px;
	padding-top: 8px;
}

/*** contact page ***/
#contact #content .contentright {
	float: right;
	width: 185px;
	margin: 0 0 0 20px;	
	border: 1px solid #ddd;
	padding: 20px;
	background: #e7f4fb;
}
#contact #content .contentright p {
	margin: 0;	
}
#content  .formholder {
	border: 1px solid #ddd;
	padding: 20px;
	width: 430px;
	background: #fff;
	margin-bottom: 30px;
}
#content .slim_content {
	width: 472px;	
}
 #content form p.lab {
	float: left;
	width: 90px;
	clear: left;
	margin-bottom: 10px;	
}
#content form p.inp {
	/*
	float: left;
	width: 335px;
	*/

	margin-left: 90px;	
	margin-bottom: 10px;	
}
#content form p.labt {
	margin-bottom: 3px;	
}
#content form p.submitt {
	margin-bottom: 0;
}
#content form p.submitt input {
	font-size: 16px;
	background: #2089ca;
	color: #fff;
	border: none;
	text-transform: uppercase;
	padding: 5px 15px;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}
 #content form p.submitt input:hover {
	background: #1568aa;	
}
#content input, #content textarea, #content select,  #content select option {
	font-family: "Roboto", Arial, Helvetica, sans-serif;
	color: #444;
}
#content select option:disabled  {
	color: #ccc;	
}
#content input[type="text"], 
#content input[type="email"], 
#content textarea {
	border: 1px solid #A5ACB2;
	padding: 2px 3px;
	border-radius: 3px;
	font-size: 15px;
	line-height: 22px;
}

#content input[type=checkbox], 
#content input[type=radio] {
  vertical-align: middle;
  position: relative;
  bottom: 1px;
}
#content input[type=radio] {
  bottom: 3px;
}
#content input.error, #content textarea.error, #content select.error {
	border: 1px solid red;
	background-color: #fefad6;
	color: red;
}
#content form label.error { 
	display: none;
	position: absolute;
	left: -5555px;
}
#content form option {
	padding-right: 0.9em;
	font-size: 15px;
	line-height: 22px;
}
#content form select {
	font-size: 15px;
	line-height: 22px;
}
#content form .labx, #content form .inpx {
	display: none;	
}
/** lay down some percentage sizes for form inputs **/
#content form .sz_100 {
	width: 100%;
	box-sizing: border-box;
}
#content form .sz_80 {
	width: 80%;	
	min-width: 100px;
}
#content form .sz_60 {
	width: 60%;	
	min-width: 100px;
}
#content form .sz_40 {
	width: 40%;	
	min-width: 100px;
}
#content form .sz_20 {
	width: 20%;	
	min-width: 100px;
}
#content form .el {
	width: 32px;
	margin-bottom: 5px;
}
/*** file icons **/
#content a.pdf  {
	min-height: 32px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 40px;
	display:inline-block;
}
#content a.pdf {
 	background: url(../_img/icons/pdficon_trans.gif) no-repeat left top;
}

/************* PRODUCT PAGES ***************/
#content #metals_intro,
#content #psearch_intro {
	padding-bottom: 15px;
}	
#content #metals_intro {
	max-width: 500px;	
}
#content #psearch_intro {
	max-width: 500px;	
}
.products-metals #content {
	width: 722px;	
}
#content h2.category {
	color: #484848;
	text-transform: none;
	font-weight: 300;
	font-size: 22px;
	padding-top: 20px;
	clear: both;
}
#products-metals-catalogue #content #choose_base {
	width: 300px;
	float: left;
}
#products-metals-search #content #choose_base {
	padding-bottom: 10px;	
}
#content .step {
	padding-left: 32px;
}
#content .numstep {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #1e7dc1;
    color: #fff;
    border-radius: 24px;
 	margin-left: -32px;
	margin-right: 8px;
}
#content .product_summary {
	clear: both;
	height: 64px;
	margin-bottom: 2px;	
	cursor: pointer;
	transition: opacity 0.2s linear;
}

#content .product_summary:before,
#content .product_summary:after,
#content .product_elements:before,
#content .product_elements:after {
    content: "";
    display: table;
}

#content .product_summary:after,
#content .product_elements:after {
    clear: both;
}

#content .product_summary.eog1 {
	margin-bottom: 12px;	
}
#content .product_summary p {
	margin: 0; padding: 0;
}
#content .product_summary.faded {
	opacity: 0.5;
}
#content .product_summary p.product_info b {
	float: right;
	width: 24px;
	height: 24px;
	background:url(../_img/add_S.png);
	margin-right: 2px; margin-top: 2px;	
}
#content .product_summary p.product_info {
	width: 192px;
	height: 62px;
	border: 1px solid #b8b8b8;
	border-radius: 3px;
	float: left;
	background-color: #fff;
	position: relative;
	background-image: url(../_img/details.png);
	background-repeat: no-repeat;
	background-position: -1000px 35px;
}
#content .product_summary:hover p.product_info {
	background-position: 114px 35px;
}
#content .product_summary p.product_info strong a {
	color: #2f2f30;
	text-decoration: none;	
	display: block;
	padding-top: 8px;
	padding-left: 12px;
}

#content .product_summary p.product_info span.product_secondary {
	width: 90px;
	height: 30px;
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
#content .product_summary p.product_info  span.product_secondary .product_crm {
	width: 60px;
	height: 30px;
	background: url(../_img/CRM_small.png);
	float: left;
	text-indent: -4533px;	
}
#content .product_summary p.product_info  span.product_secondary .product_prv {
	width: 60px;
	height: 30px;
	background: url(../_img/PROV_small.png);
	float: left;
	text-indent: -4533px;	
}
#content .product_summary p.product_info span.product_secondary .product_ppm {
	width: 30px;
	height: 30px;
	background: url(../_img/PPM.png);
	display: block;
	float: left;
	text-indent: -4533px;	
	
}
#content .product_summary .element,
#content #one_product .element {
	display: block;
	float: left;
	margin-left: 2px;
	margin-bottom: 2px;
	height: 64px;
	width: 64px;
	border-radius: 3px;
	text-align: center;
}
#content #one_product .element {
	height: 70px;
	width: 70px;
}
#content .product_summary .element strong,
#content #one_product .element strong {
	display: block;	
	padding-top: 8px;
}
#content #one_product .element strong {
	padding-top: 12px;
	font-size: 17px;	
	padding-bottom: 1px;
}
#content .product_summary .element i,
#content #one_product .element i {
	display: none;	
}
#content .prevnext {
	padding: 15px 0 40px 0;
	clear: both;
}
#content .prevnext a,
#content a.back_button {
	color: #555;
	text-decoration: none;	
}
#content .prevnext .prev {
	float: left;
	width: 100px;	
}
#content .prevnext .next {
	text-align: right;	
}

/********** INDIVIDUAL PRODUCT ***********/

#content #one_product h2 {
	padding-top: 15px;
}
#content #one_product p.amounts_message {
	margin-bottom: 5px;	
}
#content #one_product #product_description {
	clear: both;	
	padding-top: 20px;
}
#content #one_product #product_description #crm,
#content #one_product #product_description #prv {
	margin: 0;
}
#content #one_product #product_description #crm span,
#content #one_product #product_description #prv span {
	height: 43px;
	width: 227px;
	display: inline-block;
	background: url(../_img/CRM_large.png);
	text-indent: -4500px;
	margin-bottom: 10px;
}
#content #one_product #product_description #prv span {
	background: url(../_img/PROV_large.png);
}
#content #one_product #product_description table {
	background: #ededed;
	margin-top: 8px;
	margin-bottom: 20px;
}
#content #one_product #product_description table tr td {
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	padding: 4px 12px 4px 8px;
}
#content #one_product #product_description table tr td:first-child {
	font-weight: 700;
	padding:  4px 8px 4px 10px;
}
#content #one_product #product_description table tr td:last-child {
	border-right: none;
}
#content #one_product #product_description table tr:last-child td {
	border-bottom: none;
}

#content p.product_notes {
	max-width: 470px;	
}
#content #one_product h2.product_price {
	padding-top: 5px;
	padding-bottom: 15px;
	
}



/******** PRODUCT SEARCH TABLE *******/
table#psearch {

}
table#psearch tr th {
	background: #ddd;
	height: 30px;
	line-height: 30px;
	padding-left: 24px;
	text-align: left;
}

table#psearch tr td {
	background: #fafafa;
	height: 56px;
	line-height: 56px;
	padding: 0 15px;
	border-bottom: 1px solid #ddd;
	min-width: 75px;
}
table#psearch tr#add_and_search td {
	background: none;
	border: none !important;	
}
table#psearch tr td:first-of-type {
	border-left: 1px solid #ddd;
}
table#psearch tr td:last-of-type  {
	border-right: 1px solid #ddd;	
	min-width: 0px;
}
table#psearch tr td input[type="text"] {
	max-width: 60px;
	padding-left: 10px;	
}
table#psearch tr#add_and_search td {
	padding-top: 15px;
	line-height: 24px;	
}

/** "Add another" tool **/
table#psearch tr#add_and_search td#ps_add {
	padding-left: 12px;	
}
table#psearch tr#add_and_search td#ps_add span {
	background: url(../_img/add_icon_24px.png);
	background-repeat: no-repeat;
	display: inline-block;
	cursor: pointer;
	padding-left: 32px;
}
table#psearch tr#add_and_search td#ps_add span:hover {
	text-decoration: underline;	
}

/** Search button **/
table#psearch tr#add_and_search td#ps_search {
	padding: 0;
	text-align: right;	
}
table#psearch tr#add_and_search td#ps_search  input {
	font-size: 16px;
	background: #2089ca;
	color: #fff;
	border: none;
	text-transform: uppercase;
	padding: 5px 15px;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
}
table#psearch tr#add_and_search td#ps_search input:hover {
	background: #1568aa;	
}

table#psearch .init {
	opacity: 0;	
}
table#psearch tr td.vm {
	vertical-align: middle;	
	padding-left: 0;
	width: 24px;
}
table#psearch span.del {
	display: block;
	width: 24px;
	height: 24px;
	background-image: url(../_img/delete_icon_24px_matrix.png);
	background-repeat: no-repeat;
	cursor: pointer;
}
table#psearch span.del:hover {
	background-position: -24px 0;	
}
table#psearch  #t1 span.del {
	display: none;	
}


/*********** ADD TO COLLECTION ****************/
p.adder {
	float: right;
	width: 240px;
	height: 50px;
	background:url(../_img/adder_BG.png);	
	border-radius: 2px;
	transition: all 0.1s ease-in-out;
}
p.adder:hover {
	background-position: 0 -30px;	
}
p.adder span {
	display: block;
	line-height: 50px;
	color: #fff;
	padding-left: 45px;
	background-repeat: no-repeat;
	background-position: 11px center;
	cursor: pointer;
}
p.adder span.added0 {
	background-image: url(../_img/add_0_L.png);	
}
p.adder span.added1 {
	background-image: url(../_img/add_1_L.png);	
}

/** colours different groups of elements **/
/** ALKALI METALS **/
#content .product_elements .Li,
#content .product_elements .Na,
#content .product_elements .K,
#content .product_elements .Rb,
#content .product_elements .Cs,
#content .product_elements .Fr {
	background: #fe9bcd;
}
/** ALKALINE EARTH METALS **/
#content .product_elements .Be,
#content .product_elements .Mg,
#content .product_elements .Ca,
#content .product_elements .Sr,
#content .product_elements .Ba,
#content .product_elements .Ra {
	background: #99ccff;
}
/*** TRANSITION METALS ***/
#content .product_elements .Sc,
#content .product_elements .Ti,
#content .product_elements .V,
#content .product_elements .Cr,
#content .product_elements .Mn,	
#content .product_elements .Fe,
#content .product_elements .Co,
#content .product_elements .Ni,	
#content .product_elements .Cu,	
#content .product_elements .Zn,	
#content .product_elements .Y,	
#content .product_elements .Zr,	
#content .product_elements .Nb,	
#content .product_elements .Mo,	
#content .product_elements .Tc,	
#content .product_elements .Ru,	
#content .product_elements .Rh,	
#content .product_elements .Pd,	
#content .product_elements .Ag,	
#content .product_elements .Cd,	
#content .product_elements .Hf,	
#content .product_elements .Ta,	
#content .product_elements .W,	
#content .product_elements .Re,	
#content .product_elements .Os,	
#content .product_elements .Ir,	
#content .product_elements .Pt,	
#content .product_elements .Au,	
#content .product_elements .Hg,
#content .product_elements .Ac,	
#content .product_elements .Rf,	
#content .product_elements .Db,	
#content .product_elements .Sg,	
#content .product_elements .Bh,	
#content .product_elements .Hs,	
#content .product_elements .Mt,	
#content .product_elements .Ds,	
#content .product_elements .Rg {
	background: #dbe5f1;
}
/**** Basic Metals ***/
#content .product_elements .Al,
#content .product_elements .Ga,
#content .product_elements .In,
#content .product_elements .Tl,
#content .product_elements .Uut,
#content .product_elements .Sn,
#content .product_elements .Pb,
#content .product_elements .Fl,
#content .product_elements .Bi,
#content .product_elements .Uup,
#content .product_elements .Lv {
	background: #ccc0da;
}
/**** SEMI Metals ***/
#content .product_elements .B,
#content .product_elements .Si,
#content .product_elements .Ge,
#content .product_elements .As,
#content .product_elements .Sb,
#content .product_elements .Te,
#content .product_elements .Po {
	background: #ff8080;
}
/**** NON Metals ***/
#content .product_elements .H,
#content .product_elements .C,
#content .product_elements .N,
#content .product_elements .O,
#content .product_elements .P,
#content .product_elements .S,
#content .product_elements .Se {
	background: #ffcc00;
}
/**** HALOGENS  ***/
#content .product_elements .F,
#content .product_elements .Cl,
#content .product_elements .Br,
#content .product_elements .I,
#content .product_elements .At,
#content .product_elements .Uus {
	background: #9dd100;
}
/**** NOBLE GASES  ***/
#content .product_elements .He,
#content .product_elements .Ne,
#content .product_elements .Ar,
#content .product_elements .Kr,
#content .product_elements .Xe,
#content .product_elements .Rn,
#content .product_elements .Uuo {
	background: #33cccc;
}
/**** Lanthanides ***/
#content .product_elements .La,
#content .product_elements .Ce,
#content .product_elements .Pr,
#content .product_elements .Nd,
#content .product_elements .Pm,
#content .product_elements .Sm,
#content .product_elements .Eu,
#content .product_elements .Gd,
#content .product_elements .Tb,
#content .product_elements .Dy,
#content .product_elements .Ho,
#content .product_elements .Er,
#content .product_elements .Tm,
#content .product_elements .Yb,
#content .product_elements .Lu {
	background: #f2dddc;
}

/***** Actinides ****/
#content .product_elements .Ac,
#content .product_elements .Th,
#content .product_elements .Pa,
#content .product_elements .U,
#content .product_elements .Np,
#content .product_elements .Pu,
#content .product_elements .Am,
#content .product_elements .Cm,
#content .product_elements .Bk,
#content .product_elements .Cf,
#content .product_elements .Es,
#content .product_elements .Fm,
#content .product_elements .Md,
#content .product_elements .No,
#content .product_elements .Lr {
	background: #fac090;
}



#globaltotop {
	position: fixed;
	bottom: 0;
	width: 100%;
	text-align: center;
	z-index: 5000;

}
#globaltotop a {
	background: #333;
	display: inline-block;	
	color: #fff;
	padding: 6px 11px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	opacity: 0.9;
	font-size: 17px;
}

/**** TWEAKS FOR FIXED TOP BAR  ***/
@media (min-width: 741px) {
	h1#logo a {
		position: fixed;
		z-index: 100;
		width: 220px;
	}
	#topbanner {
		border-bottom: 24px solid #fff;
		position: fixed;
		z-index: 100;
		width: 770px;
	}
	
	article#content {
		margin-top: 130px;	
	}
	#globalnav {
		padding-top: 110px;	
	}
	
	/** but not for home page...**/
	#home h1#logo a {
		position: relative;	
	}
	#home #globalnav {
		padding-top: 0px;	
	}
	#home #content {
		margin-top: 45px;	
	}
}


/*** Certificates page ***/
#products-metals-catalogue #which_certificates {
	width: auto;	
	display: inline-block;
}
#products-metals-catalogue #which_certificates label {
	display: inline-block; 
	margin-right: 30px;	
}
#certificate_accordion h3 {
	color: #484848;
	text-transform: none;
	font-weight: 300;
	font-size: 22px;
	padding: 10px 0;
	border-top: 1px solid #aaa;
	clear: both;	
	cursor: pointer;
	position: relative;
}

#certificate_accordion h3 i {
	position: absolute;
	top: 0; right: 0; width: 40px; height: 40px;
	background-image: url(../_img/plus_minus.png);
	background-position: 0 0;
}
#certificate_accordion h3.active i {
	background-position: 0 -40px;
}
#certificate_accordion h4 {
	color: #484848;
	text-transform: none;
	font-weight: 300;
	font-size: 18px;
	padding: 6px 0;
	clear: both;	
	border-top: 1px solid #ccc;
	cursor: pointer;
}
#certificate_accordion h3 + h4 {
	border: none;	
}
#certificate_accordion p {
	margin: 0 !important;
	padding: 5px 0;
}

/*** New Search page (Nov 26th 2016) ****/
#content a.bigsearch {
	display: block;
	box-sizing: border-box;
	max-width: 500px;	
	color: #000;
	padding: 20px;
	border: 1px solid #ddd;
	margin-bottom: 24px;
	padding-bottom: 0;
	background: #fff;
}
#content a.bigsearch h3 {
	color: #1c75bc;
	text-transform: uppercase;
	font-size: 17px;
	font-weight: 500;
}
#content a.bigsearch p.buttonstyle{
	font-size: 15px;
	background: #eee;
	color: #000;
	border: none;
	padding: 3px 10px;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
	display: inline-block;
}
#content a.bigsearch:hover  p.buttonstyle {
	background: #1568aa;	
	color: #fff;
}

/**
*	I've taken the product code search out of the page header
*	It might need to go back, so not changing any HTML or CSS
*	Instead, there's a wrapper for the "onpage" version
**/
#onpage_product_code_search {
	position: relative;
	height: 40px;
}
#onpage_product_code_search  form#product_code_search {
	left: 0px;
	top: 0px;
}

/** hide the page header one when we're on the onpage version **/
#products-metals-codesearch #topbanner form#product_code_search {
	display: none;
}

/* Setting up samples */
#products-sus #your_collection, 
#products-sus #product_code_search {
	display: none;	
}




/** dialog boxes - onpage e.g. after submitting a form **/
#content section.dialog {
	background-color: #ececec;
	background-image: url(../_img/dialogue/dialog_BG.png);
	background-repeat: no-repeat;
	background-position: right 0px;
	border-radius: 2px;
	margin-bottom: 24px;
	cursor: pointer;
	position: relative;
	opacity: 0.85;
}
#content section.dialog.permanent {
	background: #ececec;
	opacity: 1;
	cursor: default;
}

#content section.dialog i {
	position: absolute;
	left: 14px;
	top: 16px;
	width: 48px;
	height: 48px;		
}
#content section.dialog.confirm i {
	background-image: url(../_img/dialogue/dialog_confirm.png);
}
#content section.dialog.error i {
	background-image: url(../_img/dialogue/dialog_error.png);
}
#content section.query i {
	background-image: url(../_img/dialogue/dialog_query.png);
}
#content section.dialog.report i  {
	background-image: url(../_img/dialogue/dialog_info.png);
}
#content section.dialog:hover {
	opacity: 1;
}
#content section.dialog p {
	padding: 27px 30px 27px 76px;
	margin: 0;
	font-size: 14px;
	line-height: 21px;
	color: #000;
}
#content section.dialog p b {
	font-weight: 400;
	color: #000;
	font-size: 18px;
	padding-bottom: 2px;
	display: block;	
}
.fadingOut {
   transition:opacity 0.6s linear;
    opacity:0 !important;
}

/* Terms and Conditions */
#products-tc #content h3 {
	color: #1c75bc;
	font-size: 17px;
	font-weight: normal;
}
#products-tc #content ul {
	list-style: none;
}
#products-tc #content > ul {
	margin-left: 40px;
	margin-bottom: 50px;
}
#products-tc #content > ul > li  {
	padding-top: 12px;
}
#products-tc #content ul li {
	text-indent: -20px;	
	padding-bottom: 4px;
	padding-right: 40px;
}
#products-tc #content ul li em {
	display: inline-block;
	width: 20px;
	font-style: normal;
}

/* sub sub clauses */
#products-tc #content ul  ul ul {
	margin-left: 40px;
}
#products-tc #content ul ul ul li {
	text-indent: -10px;	
}
#products-tc #content ul ul ul li em {
	width: 10px;
}



#news-page address {
	max-width: 300px;
	margin: 0 auto;	
	text-align: center;
	font-style: normal;
	font-size: 90%;
	margin-bottom: 40px;
	border: 1px solid #999;
	padding: 20px;
	background: #fff;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
}
#news-page #content address p {
	margin: 0;
}