@font-face {
    font-family: 'rebelsans';
    src: url('/fonts/rebelsans-regular.woff2') format('woff2'),
        url('/fonts/rebelsans-regular.woff') format('woff'),
        url('/fonts/rebelsans-regular.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

img.logo { 
	width: 250px;
}

div.v2_navbar { 
	left: 360px;
	top: 30px;
}

div.v2_topbar { 
	padding-top: 20px;
	padding-bottom: 20px;
	box-shadow: 3px 3px 10px rgba(0,0,0,0.3);
	width: 100%;
	max-width: 100%;
	z-index: 2;
}

div.main_inner { 
	min-height: 0px;
}

h1 { 
	font-family: 'rebelsans';
	background-color: transparent;
	letter-spacing: 0.2px;
	padding: 0px;
}

h1.ecover { 
	font-family: 'rebelsans' !important;
	background-color: transparent;
	text-transform: uppercase;
	letter-spacing: 0.2px;
	line-height: 30px;
	padding: 0px;
	margin: 0px;
}


div.v2_login h1 { 
	font-family: 'rebelsans';
	background-color: transparent;
	text-transform: uppercase;
	letter-spacing: 0.2px;
	padding: 0px;
}



div.v2_login h1.ecover_home { 
	margin-bottom: 20px;
	font-size: 21pt;
	color: #ffffff;
}

div.v2_login input { 
	padding: 12px;
}

div.v2_login_forgotten_password a { 
	color: #ffffff;
}

input.v2_login_button { 
	border-radius: 5px;
	background-color: rgba(0,0,0,0.3);
}

div.page_container { 
	position: relative;
	min-height: 100vh;
}

input.v2_login { 
	background-color: rgba(255,255,255,0.4);
	color: rgba(0,0,0,0.9);
	padding: 5px;
}

input.v2_login::placeholder { 
	color: rgba(0,0,0,0.3);
}

input.ecover_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.ecover_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: 17pt;
	background-color: inherit;
	color: #999999;
	text-transform: uppercase;
	font-family: 'rebelsans';
	font-weight: 400;
	padding: 0px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

h1.perso_header { 
	margin-top: 14px;
	margin-bottom: 14px;
	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.ecover_product_button {
	height: 240px;
	width: 235px;
	background-color: #0071f8;
	display: block;
	box-sizing: border-box; 
	font-size: 17pt;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	text-decoration: none;
	color: #ffffff;
	text-align: center;
	transition: all 0.3s;
}

a.ecover_product_button:hover { 
	text-decoration: none !important;
}

div.ecover_button_inner { 
	width: 100%; 
	height: 100%; 
	background: rgba(245,245,255,0.6); 
	background: radial-gradient(circle, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.5) 100%);
	transition: all 0.3s;
}

a.ecover_product_button:hover div.ecover_button_inner { 
	background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(255,255,255,0.1) 100%);
}

td.catalogue_left { 
	font-family: Foco;
}

img.catalogue_thumbnail { 
	box-shadow: none;
}

div.shopping_cart_table_title { 
	background-color: #0056b8;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	color: #ffffff;
	font-weight: bold;
	font-size: 11pt;
	padding: 6px;
}
div.catalogue_thumbnail { 
	height: 180px;
	background-color: #ff9900;
    	//max-width: 300px;
    	width: 300px;
    	margin-bottom: 10px;
    	box-sizing: border-box;
    	padding: 10px;
    	color: #ffffff;
    	font-family: 'rebelsans';
    	text-transform: uppercase;
    	border-radius: 5px;
}

div.catalogue_thumbnail td { 
	font-family: 'rebelsans';
	font-size: 20pt;
}


div.homepage_banner {
	background-image: url('/images/ecover/ecover_topbar2.png');
	background-size: cover;
	background-position: center center;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 1;
}

div.banner_inner { 
	padding-top: 20px;
	padding-bottom: 20px;
}

div.banner_title { 
	font-family: rebelsans;
	color: #ffffff;
	font-size: 24pt;
	text-transform: uppercase;
}

div.v2_footer {
	background-color: #ede8e3;
	position: relative;
	top: 0px;
	left: 0px;
	height: 150px;
	margin-top: 80px;
}

div.v2_footer_inner { 
	padding-top: 50px;
	padding-bottom: 0px;
}

div.powered_by_footer { 
	float: right;
	padding-bottom: 0px;
	padding-right: 20px;
}


a.ea_banner_link { 
	
	background-color: #0071f7;
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	font-family: Foco;
	font-weight: 400;
	text-decoration: none;
	text-transform: uppercase;
	display: inline-block;
	margin-right: 20px;
	color: #ffffff;
	font-size: 13pt;
	border-radius: 4px;
	
}

h5 { 
	margin: 0px;
	margin-bottom: 10px;
	font-weight: 400;
	font-family: Foco;
	font-size: 16pt;
}

div.ea_ecover_box_removed { 
	padding: 30px; 
	background-color: #cb1417;
	color: #ffffff;
	margin-bottom: 40px;
}

div.ea_ecover_box h1 { 
	background-color: transparent;
	color: #ffffff;
	line-height: 24pt;
}

div.ea_ecover_box a { 
	color: #ffffff;
}

a.set_logout { 
	display: inline-block;
	padding: 4px;
	font-family: Foco, Arial;
	padding-left: 15px;
	padding-right: 15px;
	border: 1px solid white;
	color: #ffffff;
	background-color: #0071f7;
	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, Foco;
	width: 180px;
	padding: 8px;
	color: #666666;
	font-size: 11pt;
	border: 0px;
	background-color: transparent;
}

input.searchbox::placeholder { 
	color: #333333 !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: Foco; 
	font-size: 10pt; 
	text-decoration: none; 
	text-align: center;
}

a.sidenav, div.sidenav {
	font-family: 'Foco', 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: 'Foco', 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: Foco;
	font-size: 14px;
	padding: 0px;
	border: 0px;
	padding-bottom: 20px;
	margin-bottom: 30px;
}

input.searchbox:-webkit-input-placeholder {
   color: #333333;
}

input.searchbox::-moz-placeholder { /* Firefox 18- */
   color: #333333;
}

input.searchbox:-moz-placeholder {  /* Firefox 19+ */
   color: #333333;
}

input.searchbox:-ms-input-placeholder {
   color: #333333;
}

input.searchbox::-ms-clear {
	display: none;
}

input.ea_default { 
	font-family: Foco;
	border: 1px solid #cccccc;
	border-radius: 4px;
	padding: 6px;
	background-color: #f9f9f9;
}

input.ecover_login { 
	font-family: Foco;
	border: 0px;
	border-radius: 4px;
	padding: 8px;
	background-color: rgba(255,255,255,0.5);
}

input.ecover_login::placeholder { 
	color: rgba(0,0,0,0.6);
}

input.ecover_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_inner {
	padding-top: 5px;
	font-family: Foco, sans-serif;
	font-size: 16px;
	color: #404040;
}

td { 
	font-family: Foco, 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, textarea.default { 
	font-family: Foco;
	border-radius: 3px;
	padding-left: 10px;
}

input.ecover_cart, textarea.ecover_cart, select.dropdown { 
	font-family: Foco;
	border-radius: 3px;
	padding: 8px;
	border: 1px solid #cccccc;
	
}

textarea.default { 
	background-color: #F0F0F0;
	box-sizing: border-box;
	padding: 7px;
	-webkit-appearance: none;
	border: 0px;
}

.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: Foco !important;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

input.cancel_button { 
	font-family: Foco;
}

input.rounded_button { 
	font-family: Foco;
}

a.customise_button { 
	font-family: Foco;
}

a.rounded_button { 
	display: inline-block;
	font-family: Foco;
	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: Foco;
	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: Foco;
	font-size: 12pt;
}

div.page_selector_apparel {  
	font-family: Quicksand, Foco;
}

div.left_hand_perso_apparel input.perso_textbox { 
	padding: 10px;
	border-radius: 3px;
	margin-top: 3px;
	background-color: #fafafa;
	font-family: Foco;
	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.ecover_footer { 
	position: absolute;
	bottom: 0px;
	width: 100%;
	box-sizing: border-box;
	padding: 30px;
	background-color: #2d2d2d;
	min-height: 100px;
	color: #ffffff;
	font-family: 'Foco', sans-serif;
}

a.ecover_footer { 
	margin-right: 20px;
	color: inherit;
	text-decoration: none;
}

a.ecover_footer:hover { 
	text-decoration: underline;
}

div.ecover_footer_inner { 
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

div.header_search td.search_box { 
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

div.header_search td.search_button { 
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}


div.header_search { 
	position: absolute;
	right: 0px; 
	top: 50px;
	height: 58px;
	background-color: transparent;
}

div.v2_login_container { 
	padding-top: 20px;
	border-left: 20px solid white;
	border-right: 20px solid white;
}

div.v2_login_left { 
	background-color: #01b652;
	padding: 30px;
	color: #ffffff;
	min-height: 390px;
	margin-bottom: 20px;
}

div.v2_login_right { 
	background-color: #0071f7;
	padding: 30px;
	color: #ffffff;
	min-height: 390px;
	margin-bottom: 20px;
}

input.v2_login_button, input.webprint_button { 
	border-radius: 6px;
}