html, body {
	padding: 0px;
	margin: 0px;
}

div.ea_topbar {
	background-color: #14387f;
	box-sizing: border-box;
	padding: 10px;
}

a.account_button { 
	text-decoration: none;
	background-color: #14387f;
	color: #ffffff;
	border-radius: 4px;
	padding: 3px;
	padding-left: 10px;
	padding-right: 10px;
	width: 150px;
	display: inline-block;
	line-height: 18px;
	
}

input.perso_button, input.perso_button_reset { 
	border: 0px;
	background-color: #14387f;
	border-radius: 3px;
	font-family: Roboto, Arial;
	color: #ffffff;
	padding: 5px;
	padding-left: 7px;
	padding-right: 7px;
	font-size: 9pt;
}

input.perso_button_reset { 
	background-color: #cccccc;
	color: #444444;
}

div.ea_banner_image {
	background-size: cover;
	background-position: center center;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

div.second_banner {
	background-color: #9a9e9f;
	text-align: center;
	padding: 50px;
	font-family: 'Roboto', sans-serif;
	font-size: 27px;
	color: #ffffff;
	letter-spacing: -0.5px;
}

div.page_container { 
	position: relative;
	min-height: 100vh;
}

input.funetics_cancel_button { 
	background-color: #eeeeee;
	color: #666666;
	font-family: Quicksand, sans-serif;
	font-weight: 600;
	border: 0px;
	padding: 10px;
	-moz-appearance: none;
	-webkit-appearance: none;
}

input.funetics_submit_button { 
	background-color: #cb1417;
	color: #ffffff;
	font-family: Quicksand, sans-serif;
	font-weight: 600;
	border: 0px;
	padding: 10px;
	-moz-appearance: none;
	-webkit-appearance: none;
}

h2 {
	font-weight: 400;
	font-size: 18pt;
	background-color: inherit;
	color: #023f88;
	font-family: Helvetica, Arial, sans-serif;
	padding: 0px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	letter-spacing: 0px;
}

h1.perso_header { 
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-size: 24pt;
}

div.ea_banner_coloring_removed { 
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 100%);
}

a.nebosh_product_button {
	height: 62px;
	width: 164px;
	background-color: #ffffff;
	display: block;
	font-family: Helvetica, Arial, sans-serif;
	box-sizing: border-box; 
	font-size: 15pt;
	border: 1px solid #cccccc;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	text-decoration: none;
	color: #023f88;
	text-align: center;
	transition: all 0.3s;
}

a.nebosh_product_button:hover { 
	text-decoration: none !important;
	border: 1px solid #6dcff6;
}


td.catalogue_left { 
	font-family: Roboto;
}

a.ea_banner_link { 
	
	background-color: #14387f;
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	font-family: Flama Condensed;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	display: inline-block;
	margin-right: 20px;
	
	color: #ffffff;
	font-size: 15pt;
	
}

h1 {
	font-weight: 400;
	font-size: 18pt;
	color: #023f88;
	font-family: Helvetica, Arial, sans-serif;
	padding: 10px;
	font-weight: 400;
	line-height: 24pt;
	background-color: inherit;
	padding-left: 0px;
}

h5 { 
	margin: 0px;
	margin-bottom: 10px;
	font-weight: 400;
	font-family: Roboto;
	font-size: 16pt;
}

div.ea_funetics_box_removed { 
	padding: 30px; 
	background-color: #cb1417;
	color: #ffffff;
	margin-bottom: 40px;
}

div.ea_funetics_box h1 { 
	background-color: transparent;
	color: #ffffff;
	line-height: 24pt;
}

div.ea_funetics_box a { 
	color: #ffffff;
}

a.set_logout { 
	display: inline-block;
	padding: 4px;
	font-family: Roboto, Arial;
	padding-left: 15px;
	padding-right: 15px;
	border: 1px solid white;
	color: #ffffff;
	background-color: #14387f;
	font-weight: bold;
	text-decoration: none;
	transition: all 0.3s;
}

a.set_logout:hover { 
	text-decoration: none !important;
	background-color: #3f9cff;
}

input.searchbox {
	font-family: Arial, Roboto;
	width: 180px;
	padding: 8px;
	color: #ffffff;
	font-size: 11pt;
	border: 0px;
	background-color: transparent;
}

input.searchbox::placeholder { 
	color: rgba(255,255,255,0.5) !important; 
}

a.ea_button { 
	float: left; 
	margin-right: 5px; 
	margin-bottom: 5px; 
	width: 130px; 
	padding: 6px; 
	border-radius: 10px; 
	background-color: #dd1a27; 
	color: #ffffff; 
	font-family: Roboto; 
	font-size: 10pt; 
	text-decoration: none; 
	text-align: center;
}

a.sidenav, div.sidenav {
	font-family: 'Roboto', Arial;
	display: block;
	border-bottom: 1px solid #cccccc;
	font-size: 11pt;
	padding: 6px;
	color: #111111;
	text-decoration: none;
	cursor: pointer;
}

a.sidenav_selected, div.sidenav_selected { 
	font-family: 'Roboto', Arial;
	display: block;
	border-bottom: 1px solid #cccccc;
	font-size: 11pt;
	padding: 6px;
	font-weight: bold;
	color: #111111;
	text-decoration: none;
	cursor: pointer;
}


div.white_box { 
	font-family: Roboto;
	font-size: 14px;
	padding: 0px;
	border: 0px;
	padding-bottom: 20px;
	margin-bottom: 30px;
}

input.searchbox:-webkit-input-placeholder {
   color: rgba(255,255,255,0.5);
}

input.searchbox::-moz-placeholder { /* Firefox 18- */
   color: rgba(255,255,255,0.5);
}

input.searchbox:-moz-placeholder {  /* Firefox 19+ */
   color: rgba(255,255,255,0.5);
}

input.searchbox:-ms-input-placeholder {
   color: rgba(255,255,255,0.5);
}

input.searchbox::-ms-clear {
	display: none;
}

input.ea_default { 
	font-family: Roboto;
	border: 1px solid #cccccc;
	border-radius: 4px;
	padding: 6px;
	background-color: #f9f9f9;
}

input.funetics_login { 
	font-family: Roboto;
	border: 0px;
	border-radius: 4px;
	padding: 8px;
	background-color: rgba(255,255,255,0.5);
}

input.funetics_login::placeholder { 
	color: rgba(0,0,0,0.6);
}

input.funetics_login:-ms-input-placeholder {
	color: rgba(0,0,0,0.6);
}

div.login_box_title {
	font-family: 'Open Sans', Arial;
	font-weight: 700;
	font-size: 15px;
	padding: 7px;
	padding-left: 10px;
}

div.designer_container_default {
	width: 100%;
	height: auto;
}

div.main { 
	border: 1px solid #6dcff6;
	background-color: #ffffff;
	width: 1100px;
	margin-top: 0px;
	border-top: 0px;
}

div.main_inner {
	padding: 5px 10px 5px 10px;
	margin-left: auto;
	margin-right: auto;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	color: #404040;
	width: 1080px;
	box-sizing: border-box;
}

td { 
	font-family: Roboto, sans-serif;
	font-size: 14px;
}

.custom-combobox {
	position: relative;
	display: inline-block;
}

.custom-combobox-toggle {
	position: absolute;
	top: 0;
	bottom: 0;
	margin-left: -1px;
	padding: 0;
}

.custom-combobox-input {
	margin: 0;
	padding: 5px 10px;
}

input.default { 
	font-family: Roboto;
	border-radius: 3px;
	padding-left: 10px;
}

.dropdown_rect {
	height: 28px;
	position: relative;
	border-left: 0px !important;
	top: -2px;
	left: -1px;
}

.club_select { 
	width: 187px;
}

.club_select2 { 
	width: 163px;
}

.ui-autocomplete {
    max-height: 250px;
    overflow-y: auto;
    font-family: Roboto !important;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

input.cancel_button { 
	font-family: Roboto;
}

input.rounded_button, button.rounded_button { 
	font-family: Roboto;
}

a.customise_button { 
	font-family: Roboto;
}

a.rounded_button, button.rounded_button { 
	display: inline-block;
	font-family: Roboto;
	font-size: 11pt;
	letter-spacing: -0.2px;
	font-weight: bold;
	background-color: #444444;
	background-repeat: repeat-x;
	border: 1px solid #444444;
	border-radius: 5px;
	line-height: 30px;
	color: #ffffff;
	cursor: pointer;
	height: 30px;
	box-sizing: border-box;
	width: 150px;
	text-align: center;
	text-decoration: none;
	margin-right: 10px; 
}

font.highlight { 
	background-color: rgba(255,170,0,0.5);
}

a.breadcrumb { 
	color: #ffffff;
	text-decoration: none;
}	

.small { 
	font-family: Roboto;
	font-size: 14px;
}

input.ecom_green_button {
	font-family: 'Open Sans';
	font-size: 10pt;
	letter-spacing: -0.3px;
	font-weight: 600;
	background-color: #009900;
	border-radius: 5px;
	border: 0px;
	color: #ffffff;
	cursor: pointer;
	height: 35px;
	width: 150px;
	text-align: center;
	text-decoration: none;
}

.ecom_button {
	font-family: Open Sans;
	font-weight: 600;
	font-size: 9pt;
	background-color: #ff504c;
	border-radius: 5px;
	border: 0px;
	color: #ffffff;
	text-decoration: none;
}

input.ecom_lightgreen_button {
	font-family: 'Open Sans';
	font-size: 10pt;
	letter-spacing: -0.3px;
	font-weight: 600;
	background-color: #00a6cd;
	border: 0px;
	border-radius: 5px;
	color: #ffffff;
	cursor: pointer;
	height: 35px;
	width: 150px;
	text-align: center;
	text-decoration: none;
}

div.rounded {
	border: 1px solid #cccccc;
	border-radius: 10px;
	padding: 12px;
}

div.left_hand_personalisation { 
	font-family: Roboto;
	font-size: 12pt;
}

div.page_selector_apparel {  
	font-family: Quicksand, Roboto;
}

div.left_hand_perso_apparel input.perso_textbox { 
	padding: 10px;
	border-radius: 3px;
	margin-top: 3px;
	background-color: #fafafa;
	font-family: Roboto;
	font-size: 11pt;
	width: 300px;
}

div.designer_price_preview_apparel { 
	font-family: Quicksand;
	font-weight: 500;
	font-size: 23pt;
	letter-spacing: -0.5px;
	color: #a7191c;
}

div.left_hand_perso_apparel_info { 
	margin-bottom: 20px;
	color: #444444;
}

h1.approve_header { 
	margin-top: 0px;
}

div.funetics_footer { 
	position: absolute;
	bottom: 0px;
	width: 100%;
	box-sizing: border-box;
	padding: 30px;
	background-color: #2d2d2d;
	min-height: 100px;
	color: #ffffff;
	font-family: 'Roboto', sans-serif;
}

a.funetics_footer { 
	margin-right: 20px;
	color: inherit;
	text-decoration: none;
}

a.funetics_footer:hover { 
	text-decoration: underline;
}

div.funetics_footer_inner { 
	margin-left: auto;
	margin-right: auto;
	width: 1080px;
}

div.header_search { 
	position: absolute;
	left: 150px; 
	top: 25px;
	height: 58px;
	color: #ffffff;
}
