html {
  scroll-behavior: smooth;
}
@font-face {
  font-family: 'OakTree';
  src: url('https://oaktree.gifts/media/site/GreatInk.ttf');
}
@font-face {
  font-family: 'MarkerPen';
  src: url('https://oaktree.gifts/media/site/MarkerPen.ttf');
}
@font-face {
  font-family: 'BlackberryJam';
  src: url('https://oaktree.gifts/media/site/BlackberryJam.ttf');
}
@font-face {
  font-family: 'Boli';
  src: url('https://oaktree.gifts/media/site/mvboli.ttf');
}
.loginwith {
	border-radius:2px;
	height:30px;
	width:160px;
	text-transform: uppercase;
	color:white;
	font-size:10px;
	font-family:verdana;
	padding:0px 0px 0px 40px;
	position:relative;
	line-height:30px;
	font-weight:bold;
	cursor:pointer;
	margin:5px;
	text-align:left;
}
.loginwith:hover {
	scale:1.01;
	box-shadow: 0px 0px 3px #c47908;
}
.loginwith_facebook_logo {
	background-image:url('https://oaktree.gifts/media/site/logo_facebook.png');
	background-size:cover;
	background-position:center center;
	position:absolute;
	left:1px;
	top:1px;
	bottom:1px;
	width:28px;
}
.loginwith_google_logo {
	background-image:url('https://oaktree.gifts/media/site/logo_google.png');
	background-size:cover;
	background-position:center center;
	position:absolute;
	left:1px;
	top:1px;
	bottom:1px;
	width:28px;
}
.loginwith_apple_logo {
	background-image:url('https://oaktree.gifts/media/site/logo_apple.png');
	background-size:cover;
	background-position:center center;
	position:absolute;
	left:1px;
	top:1px;
	bottom:1px;
	width:28px;
}
.followushover:hover {
	scale:1.05;
	text-shadow: 0px 0px 1px #c47908;
}
.fieldtitle {
	font-size:12px;
	color:#c55805;
}
.field {
	width:100%;
	padding:5px;
	font-size:14px;
	font-family:verdana;
	outline: none;
	border:0px;
	border-bottom:dashed 1px lightgrey;
	background: rgba(255, 255, 255, 0.7);
}
.star {
	width:16px;
	height:16px;
	background-image:url('https://oaktree.gifts/media/site/star_white.png');
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	display:inline-block;
	top:3px;
	position:relative;
}

.starhover {
	position:absolute;top:0px;left:20px;
}

.starhover1:hover {
	background-image:url('https://oaktree.gifts/media/site/star_black.png');
}
.starhover2:hover {
	background-image:url('https://oaktree.gifts/media/site/star_black.png');
}
.starhover3:hover {
	background-image:url('https://oaktree.gifts/media/site/star_black.png');
}
.starhover4:hover {
	background-image:url('https://oaktree.gifts/media/site/star_black.png');
}
.starhover5:hover {
	background-image:url('https://oaktree.gifts/media/site/star_black.png');
}
.starselect {
	background-image:url('https://oaktree.gifts/media/site/star_black.png') !important;
}



.header_button_large {
	position:absolute;
	top:11px;
	cursor:pointer;
	height:48px;
	border-radius:3px;
}
.header_button_large:hover {
	top:10px;
	border:solid 1px white;
	margin-left:-1px;
	margin-right:-1px;
}
.header_hamburger {
	display:none;
}
.header_logo {
	left:10px;
}
.header_logo_image {
	position:absolute;
	left:0px;
	top:2px;
	height:36px;
	width:58px;
	background-image:url('https://oaktree.gifts/media/site/OakTreeGiftsWhite.png');
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}
.header_logo_text {
	position:absolute;
	left:60px;
	top:2px;
	height:47px;
	width:100px;
	color:#FFFFF0;
	font-family:OakTree;
	line-height:20px;
	font-size:24px;
	font-weight:normal;
}
.header_slogan {
	position:absolute;
	left:0px;
	top:44px;
	height:10px;
	right:0px;
	color:#FFFFF0;
	font-family:OakTree;
	line-height:8px;
	font-size:10px;
	font-weight:normal;
	text-align:center;
}
.header_search {
	outline:none;
	position:absolute;
	top:15px;
	height:40px;
	right:50px;
	border:solid 2px #C47908;
	border-radius:8px;
	padding-left:10px;
	font-size:14px;
	padding-right:50px;
	width:calc(100% - 50px - 300px - 10px - 50px - 20px - 130px);
	left:180px;
}
.header_search:focus {
	box-shadow:0px 0px 6px orange;
	
}
.header_button_search {
	background-color:#F3A847;
	right:382px;
	cursor:pointer;
	position:absolute;
	top:17px;
	height:36px;
	width:40px;
	border-radius:0px 6px 6px 0px;
	background-image:url('https://oaktree.gifts/media/site/Magnifier.png');
	background-size:20px;
	background-position:10px 8px;
	background-repeat:no-repeat;
}
.header_button_search:hover {
	background-color:#f5be76;
}
.header_button_small {
	position:relative;
	display:inline-block;
	padding:5px 10px 5px 10px;
	font-family:verdana;
	margin-right:1px;
	margin-left:1px;
	font-size:13px;
	color:black;
	border-radius:10px;
	cursor:pointer;
}
.header_button_small:hover {
	border:solid 1px black;
	margin-right:0px;
	margin-left:0px;
	margin-top:-1px;
	margin-bottom:-1px;
}

.footer_floating_bar {
  display: none;
  grid-template-columns:1fr 1fr 1fr 1fr;
  grid-gap: 10px;
  background-color: #2196F3;
  padding: 10px;
}

.footer_fixed_bar {
	display:inline-block;
}



.menu_grid4x1 {
  display: grid;
  grid-template-columns:150px 150px 150px 150px;
  grid-template-rows:auto;
  grid-row-gap: 30px;
  text-align:center;
  font-size:12px;
  margin-top:10px;
  margin-right:20px;
  margin-bottom:0px;
}

.menu_grid1x10 {
  display: grid;
  grid-template-columns:150px;
  grid-template-rows:30px 30px 30px 30px 30px 30px 30px 30px 30px 30px 30px;
  text-align:center;
  font-size:12px;
}

.menu_grid4x3 {
  display: grid;
  grid-template-columns:105px 105px 105px 105px;
  grid-template-rows:60px 60px 60px;
  grid-row-gap: 30px;
  text-align:center;
  font-size:12px;
  margin-top:30px;
  margin-right:20px;
  margin-bottom:30px;
}

.menu_flex4x3 {
  display: grid;
  grid-template-columns:1fr 1fr 1fr 1fr;
  grid-template-rows:60px 60px 60px;
  grid-row-gap: 5px;
  grid-column-gap: 5px;
  text-align:center;
  font-size:12px;
  margin-top:0px;
  margin-bottom:20px;
}

.menu_title:hover {
	text-decoration:underline;
	cursor:pointer;
}
.menu_cell {
	cursor:pointer;
	padding-bottom:2px;
	padding-left:1px;
	padding-right:1px;
}
.menu_cell:hover {
	border:solid 1px black;
	border-radius:10px;
	margin-top:-1px;
	padding-bottom:1px;
	padding-left:0px;
	padding-right:0px;
}

.menu_cell_small {
	cursor:pointer;
	line-height:28px;
	font-size:14px;
}
.menu_cell_small:hover {
	border:solid 1px black;
	border-radius:10px;
	margin-top:-1px;
}

.menu_grid1 {
  display: grid;
  grid-template-columns:1fr;
  grid-template-rows:20px;
  grid-gap: 5px;
  padding: 5px;
}




.fieldtitle {
	font-size:12px;
	color:#c55805;
}
.field {
	width:100%;
	padding:5px;
	font-size:14px;
	font-family:verdana;
	outline: none;
	border:0px;
	border-bottom:dashed 1px lightgrey;
}

.mobile_menu_item {
	display:inline-block;
	border-radius:15px;
	border:solid 1px black;
	padding:7px;
	cursor:pointer;
	font-size:9px;
}

.mobile_menu_image_icon {
	border:solid 1px black;
	border-radius:15px;
	cursor:pointer;
	font-size:9px;
}

.mobile_menu_image_icon:hover, .mobile_menu_item:hover {
	background-color:#eecfbb;
}

body {
	padding-top:110px;
	margin:0px;
}
.button_orange {
	background-color:#f3a847;
	outline:none;
	border:solid 2px #c47908;
	cursor:pointer;
}
.button_orange:hover {
	box-shadow:0px 0px 5px orange;
}

@media only screen and (max-width: 1000px) {
	body {
		padding-top:70px;
	}
	.header_contacts {
		display:none;
	}
	.header_account {
		display:none;
	}
	.header_search {
		width:calc(100% - 50px - 150px - 10px - 50px - 20px - 20px - 30px);
		left:210px;
	}
	.header_button_search {
		right:122px;
	}
	.footer_floating_bar {
		display: grid;
	}
	.footer_fixed_bar {
		display:none;
	}
	.header_logo {
		left:44px;
	}
	.header_menu {
		display:none;
	}
	.header_hamburger {
		display:inline-block;
	}
}

@media only screen and (max-width: 480px) {
	.header_search {
		top:64px;
		left:5px;
		width:calc(100% - 10px);
		border-color:#a6825b;
		border:solid 2px #C47908;
		border-radius:8px;
	}
	.header_search_underlay {
		position:relative;
		display:block;
		top:69px;
		left:0px;
		right:0px;
		height:40px;
		background-color:#a6825b;
		box-shadow:0px 1px 2px grey;
		margin-bottom:50px;
	}
	body {
		margin-top:40px;
	}
	.header_button_search {
		right:7px;
		top:66px;
		border-radius:0px 6px 6px 0px;
	}
	
}


.footertext {
	display:inline-block;
	margin-right:10px;
	margin-left:10px;
	cursor:pointer;
}
.footertext:hover {
	text-decoration:underline;
}
.underline {
	cursor:pointer;
}
.underline:hover {
	text-decoration:underline;
}



.titlebar {
	text-align:center;
	position:relative;
	width:calc(100% - 100px);
	left:50px;
	padding-top:0px;
	padding-bottom:0px;
	font-size:28px;
	font-family:MarkerPen;
	text-transform: uppercase;
	margin-bottom:-5px;
	color:#4b2803;
	opacity:0.6;
}








.form_emailme {
	border-radius:5px;
	background-color:#f3a847;
	border:solid 1px grey;
	padding:5px 10px 5px 10px;
	color:black;
	box-shadow:0px 0px 1px black;
	display:inline-block;
	top:10px;
	position:relative;
	font-size:16px;
}

.button_emailme {
	border-radius:5px;
	background-color:#f3a847;
	border:solid 1px grey;
	padding:5px 10px 5px 10px;
	cursor:pointer;
	color:black;
	box-shadow:0px 0px 1px black;
	display:inline-block;
	position:relative;
	font-size:16px;
}
.button_emailme:hover {
	box-shadow:0px 0px 3px black;
}



.button_small {
	border-radius:5px;
	background-color:white;
	border:solid 1px grey;
	padding:2px 5px 2px 5px;
	cursor:pointer;
	color:grey;
	box-shadow:0px 0px 1px black;
}
.button_small:hover {
	box-shadow:0px 0px 3px black;
}




.home_add_event {
	position:relative;
	border:dashed 2px lightgrey;
	border-radius:10px;
	width:238px;
	height:152px;
	display:inline-block;
	cursor:pointer;
	background-color:#f9e9de;
	margin-left:9px;
	margin-bottom:10px;
}
.home_add_event:hover {
	background-color:#f7f7f7;
}

.home_event {
	position:relative;
	width:240px;
	height:154px;
	border-radius:10px;
	cursor:pointer;
	margin-left:10px;
	margin-bottom:10px;
	display:inline-block;
	overflow:hidden;
}
.home_event:hover {
	box-shadow:0px 0px 5px black;
}




.productitemprice {
	background:linear-gradient(90deg, rgba(228,203,154,0) 0px, rgba(228,203,154,1) 20px);
	border-radius:0px 10px 10px 0px;
	padding:3px 8px 3px 8px;
	font-size:10px;
	color:#7c401a;
	font-weight:bold;
	position:absolute;
	top:170px;
	left:5px;
	opacity:0.8;
}

.productitemcat {
	background:linear-gradient(90deg, rgba(228,203,154,0) 0px, rgba(228,203,154,1) 20px);
	border-radius:0px 10px 10px 0px;
	padding:3px 8px 3px 8px;
	font-size:10px;
	color:#7c401a;
	font-weight:bold;
	position:absolute;
	top:198px;
	left:5px;
	opacity:0.8;
}

.productitemreviews {
	position:absolute;
	top:170px;
	right:10px;
	width:80px;
	font-size:9px;
	text-align:right;
	padding-right:2px;
	height:30px;
	opacity:0.8;
	padding-top:16px;
}

.productitem {
	position:relative;
	width:200px;
	height:280px;
	border-radius:10px;
	cursor:pointer;
	margin-left:10px;
	margin-bottom:10px;
	display:inline-block;
	overflow:hidden;
	background-color:#f8f9f9;
}

.productitem:hover .productitemimage {
	scale:1.05;
}
.productitem:hover .productitemtext {
	text-shadow: 0px 0px 1px #c47908;
}
.productitem:hover .productitemcat {
	scale:1.05;
	opacity:1;
}
.productitem:hover .productitemprice {
	scale:1.05;
	opacity:1;
}
.productitem:hover .productitemreviews {
	scale:1.05;
	opacity:1;
}
.productitemimage {
	position:absolute;
	top:0px;
	right:0px;
	left:0px;
	height:170px;
	margin-top:10px;
}
.productitemtext {
	position:absolute;
	bottom:0px;
	right:0px;
	left:0px;
	height:55px;
	text-align:center;
	font-size:16px;
}
.maxonerow {
	height:340px;
}

@media only screen and (max-width: 900px) {
	.productitem {
		width:110px;
		height:170px;
		margin-left:0px;
		margin-bottom:0px;
	}
	.productitemimage {
		height:90px;
	}
	.productitemtext {
		font-size:10px;
		height:32px;
	}
	.productitemcat {
		top:115px;
		font-size:7px;
	}
	.productitemprice {
		top:95px;
		font-size:7px;
	}
	.maxonerow {
		height:225px;
	}
}

@media only screen and (max-width: 480px) {
	.productitem {
		width:calc(100%);
		height:80px;
		margin-left:0px;
		margin-bottom:0px;
		background-color:white;
	}
	.productitemimage {
		margin-left:10px;
		width:60px;
		height:60px;
	}
	.productitemtext {
		font-size:16px;
		top:0px;
		bottom:0px;
		left:90px;
		right:0px;
		text-align:left;
		padding-top:25px;
	}
	.productitemcat {
		top:10px;
		left:138px;
		font-size:7px;
	}
	.productitemprice {
		top:10px;
		left:88px;
		font-size:7px;
	}
	.maxonerow {
		height:370px;
	}
}




.card_square {
	position:relative;
	display:inline-block;
	width:500px;
	height:500px;
	background-color:white;
	box-shadow:3px 3px 8px grey;
	
	margin-right:3px;
	margin-left:3px;
	left:0px;
	cursor:pointer;
}
.card_square_leftside {
	margin-right:-2px;
}
.card_square_rightside {
	margin-left:-2px;
}

.card_square_seperator {
	position:relative;
	display:inline-block;
	width:4px;
	height:500px;
	background-color:grey;
	margin-right:10px;
	margin-left:10px;
}

.card_square_tiny_seperator {
	position:relative;
	display:inline-block;
	width:2px;
	height:55px;
	background-color:grey;
	margin-right:10px;
	margin-left:10px;
}

.card_square_tiny {
	position:relative;
	display:inline-block;
	width:50px;
	height:50px;
	background-color:white;
	box-shadow:1px 2px 4px grey;
	margin-right:3px;
	margin-left:3px;
	margin-top:3px;
	margin-bottom:3px;
	cursor:pointer;
}
.card_square_tiny_selected {
	position:relative;
	display:inline-block;
	width:50px;
	height:50px;
	background-color:white;
	box-shadow:1px 2px 4px grey;
	cursor:pointer;
	border:solid 3px #57e99a;
	margin-top:0px;
	margin-right:0px;
	margin-left:0px;
	margin-bottom:0px;
	z-index:2;
}

.card_square_tiny:hover {
	border:solid 3px darkblue;
	margin-top:0px;
	margin-right:0px;
	margin-left:0px;
	margin-bottom:0px;
}
.card_square_tiny_leftside {
	left:6px;
}
.card_square_tiny_rightside {
	left:-6px;
}
.card_square_tiny_leftside:hover {
	
	z-index:1;
}
.card_square_tiny_rightside:hover {
	
	z-index:1;
}



.card_front_text {
	position:absolute;
	top:5px;
	height:150px;
	left:10px;
	width:470px;
	border:dotted 2px #57e99a;
	cursor:pointer;
	text-align:center;
	font-family:BlackberryJam;
	font-size:46px;
	color:#f5c350;
	-webkit-text-stroke: 1px black;
	font-weight:bold;
	padding-left:15px;
	letter-spacing:5.0;
	white-space: pre-wrap;
	
	outline:none;
	background:transparent;
	vertical-align:middle;
	resize:none;
	overflow:hidden;
	
}



.card_top_text {
	position:absolute;
	top:40px;
	left:20px;
	width:440px;
	border:dotted 2px #57e99a;
	cursor:pointer;
	text-align:left;
	font-family:OakTree;
	font-size:22px;
	font-weight:bold;
	padding:15px;
	padding-left:15px;
	outline:none;
	background:transparent;
}
.card_mid_text {
	position:absolute;
	top:180px;
	height:100px;
	left:55px;
	width:380px;
	border:dotted 2px #57e99a;
	cursor:pointer;
	text-align:center;
	font-family:OakTree;
	font-size:22px;
	font-weight:bold;
	outline:none;
	background:transparent;
	vertical-align:middle;
	resize:none;
	overflow:hidden;
	padding-top:10px;
}
.card_bottom_text {
	position:absolute;
	top:330px;
	left:85px;
	width:320px;
	height:120px;
	border:dotted 2px #57e99a;
	cursor:pointer;
	text-align:center;
	font-family:OakTree;
	font-size:22px;
	font-weight:bold;
	padding:15px;
	padding-left:15px;
	outline:none;
	background:transparent;
	vertical-align:middle;
	resize:none;
	overflow:hidden;
	padding-top:10px;
}
.card_front_text:focus, .card_top_text:focus, .card_mid_text:focus, .card_bottom_text:focus {
	border:solid 2px #57e99a;
	background-color:rgba(255, 255, 255, 0.6);
}
.card_front_text:hover, .card_top_text:hover, .card_mid_text:hover, .card_bottom_text:hover {
	border:solid 2px #57e99a;
}

.my_account_button {
	position:relative;
	display:inline-block;
	border:solid 1px lightgrey;
	border-radius:5px;
	padding:20px;
	font-weight:bold;
	text-align:left;
	margin:10px;
	padding-left:70px;
	cursor:pointer;
}
.my_account_button:hover {
	background-color:#e9e9e9;
}

.my_account_firstname {
	position:relative;
	border:solid 1px #e0b27e;
	top:0px;
	left:0px;
	width:calc(100% - 0px);
	height:30px;
	padding:3px;
	padding-left:10px;
	padding-right:10px;
	font-size:12px;
	box-shadow:0px 0px 3px grey;
	outline:none;
	background-color:white;
	margin-bottom:8px;
	overflow:hidden;
	display:inline-block;
}
.my_account_email {
	position:relative;
	border:solid 1px #e0b27e;
	top:0px;
	left:0px;
	width:calc(100% - 0px);
	height:30px;
	padding:3px;
	padding-left:10px;
	padding-right:10px;
	font-size:12px;
	box-shadow:0px 0px 3px grey;
	outline:none;
	background-color:white;
	margin-bottom:8px;
	overflow:hidden;
	display:inline-block;
}

.my_account_save {
	position:relative;
	padding:5px 40px 5px 40px;
	cursor:pointer;
	font-size:15px;
	font-family:verdana;
	color:white;
	background-color:#80b218;
	border-radius:40px;
	box-shadow:0px 0px 5px #abe13c;
	display:inline-block;
	margin:7px;
}
.my_account_save:hover {
	background-color:#abe13c;
	border-radius:40px;
	box-shadow:0px 0px 6px grey;
}

.my_account_existing_address {
	position:relative;
	border:solid 1px grey;
	border-radius:5px;
	width:250px;
	height:200px;
	display:inline-block;
	background-color:#eecfbb;
	margin:12px;
	box-shadow:0px 2px 2px grey;
	overflow:hidden;
}

.my_account_add_address {
	position:relative;
	border:dashed 2px lightgrey;
	border-radius:5px;
	width:250px;
	height:200px;
	display:inline-block;
	cursor:pointer;
	background-color:#f9e9de;
	margin:12px;
}
.my_account_add_address:hover {
	background-color:#f7f7f7;
}


.checkout {
	padding:5px 10px 5px 10px;
	cursor:pointer;
	font-size:18px;
	font-family:verdana;
	color:black;
	background-color:#e7bb45;
	border-radius:40px;
	box-shadow:0px 0px 5px #e7bb45;
	width:220px;
	margin-right:auto;
	margin-left:auto;
	position:relative;
}
.checkout:hover {
	background-color:#f9d982;
	border-radius:40px;
	box-shadow:0px 0px 10px grey;
}
.checkout_subtotal {
	position:relative;
	font-size:18px;
	color:#242424;
	font-family:verdana;
	text-align:center;
	margin-bottom:20px;
}

.card_basket_add {
	position:absolute;
	right:30px;
	top:30px;
	padding:5px 10px 5px 10px;
	cursor:pointer;
	font-size:18px;
	font-family:verdana;
	color:black;
	background-color:#e7bb45;
	border-radius:40px;
	box-shadow:0px 0px 5px #e7bb45;
}
.card_basket_add:hover {
	background-color:#f9d982;
	border-radius:40px;
	box-shadow:0px 0px 10px grey;
}


.envelope {
	position:relative;
	display:inline-block;
	width:57px;
	height:57px;
	cursor:pointer;
	top:5px;
}

.envelope_image {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background-image:url('https://oaktree.gifts/media/site/envelope.png');
	background-size:cover;
}

.envelope:hover {
	border:solid 2px darkblue;
	margin-top:-2px;
	margin-left:-2px;
	margin-bottom:-2px;
	margin-right:-2px;
}

.envelope_selected {
	border:solid 2px #57e99a !important;
	margin-top:-2px;
	margin-left:-2px;
	margin-bottom:-2px;
	margin-right:-2px;
}

.card_editor_jiffy_bag {
	position:relative;
	width:calc(100% - 5px);
	height:35px;
	padding-left:5px;
	box-shadow:0px 0px 3px grey;
	border-radius:20px;
	background-color:white;
	margin-bottom:10px;
	user-select:none;
}
.card_editor_search_button {
	background-color:#F3A847;
	right:1px;
	cursor:pointer;
	position:absolute;
	top:1px;
	height:28px;
	width:30px;
	border-radius:0px 18px 18px 0px;
	background-image:url('https://oaktree.gifts/media/site/Magnifier.png');
	background-size:15px;
	background-position:8px 8px;
	background-repeat:no-repeat;
}



.card_editor_wax_seal {
	position:relative;
	width:calc(100% - 5px);
	height:35px;
	padding-left:5px;
	box-shadow:0px 0px 3px grey;
	border-radius:20px;
	background-color:#e0b27e;
	margin-bottom:10px;
	cursor:pointer;
	user-select: none;
}
.card_editor_wax_seal:hover {
	border:solid 2px darkblue;
	margin-top:-2px;
	margin-left:-2px;
	margin-bottom:8px;
	margin-right:-2px;
}
.card_editor_wax_seal_selected {
	border:solid 2px #57e99a !important;
	margin-top:-2px;
	margin-left:-2px;
	margin-bottom:8px;
	margin-right:-2px;
}
.card_editor_add_birthday {
	position:relative;
	width:145px;
	height:30px;
	padding-left:0px;
	box-shadow:0px 0px 3px grey;
	border-radius:15px;
	background-color:#e0b27e;
	margin-bottom:10px;
	display:inline-block;
	margin-right:3px;
	cursor:pointer;
	user-select:none;
}
.card_editor_add_birthday:hover {
	border:solid 2px darkblue;
	margin-top:-2px;
	margin-left:-2px;
	margin-bottom:8px;
	margin-right:1px;
}
.card_editor_add_friend {
	position:relative;
	width:70px;
	height:70px;
	padding-left:0px;
	box-shadow:0px 0px 3px grey;
	border-radius:15px;
	background-color:#e0b27e;
	margin-bottom:10px;
	display:inline-block;
	margin-right:3px;
	cursor:pointer;
	user-select:none;
}
.card_editor_add_friend:hover {
	border:solid 2px darkblue;
	margin-top:-2px;
	margin-left:-2px;
	margin-bottom:8px;
	margin-right:1px;
}



.card_editor_new_address_save {
	position:relative;
	padding:5px 20px 5px 20px;
	cursor:pointer;
	font-size:18px;
	font-family:verdana;
	color:white;
	background-color:#80b218;
	border-radius:40px;
	box-shadow:0px 0px 5px #abe13c;
	display:inline-block;
}
.card_editor_new_address_save:hover {
	background-color:#abe13c;
	border-radius:40px;
	box-shadow:0px 0px 10px grey;
}

.card_editor_new_address_cancel {
	position:absolute;top:0px;
	right:0px;
	padding:5px 10px 8px 20px;
	line-height:15px;
	cursor:pointer;
	font-size:18px;
	font-family:verdana;
	color:black;
	background-color:#d16969;
	border-radius:0px 0px 0px 40px;
	box-shadow:0px 0px 5px #f39898;
	display:inline-block;
}
.card_editor_new_address_cancel:hover {
	background-color:#f39898;
	box-shadow:0px 0px 10px grey;
}


.card_editor_search_address {
	position:absolute;
	border:solid 1px #e0b27e;
	top:0px;
	left:0px;
	width:100%;
	height:30px;
	padding:5px;
	padding-left:10px;
	font-size:12px;
	border-radius:20px;
	box-shadow:0px 0px 3px grey;
	outline:none;
	margin-bottom:1px;
}
.card_editor_search_address_field {
	position:relative;
	border:solid 1px #e0b27e;
	top:0px;
	left:20px;
	width:calc(100% - 40px);
	height:30px;
	padding:3px;
	padding-left:10px;
	padding-right:10px;
	font-size:12px;
	box-shadow:0px 0px 3px grey;
	outline:none;
	background-color:white;
	display:block;
}
.card_editor_search_relationship {
	position:relative;
	border:solid 1px #e0b27e;
	top:0px;
	left:20px;
	width:calc(100% - 40px);
	height:30px;
	padding:3px;
	padding-left:10px;
	padding-right:10px;
	font-size:12px;
	box-shadow:0px 0px 3px grey;
	outline:none;
	background-color:white;
	float:left;
}

.card_editor_search_firstname {
	position:relative;
	border:solid 1px #e0b27e;
	top:0px;
	left:0px;
	width:calc(50% - 10px);
	height:30px;
	padding:3px;
	padding-left:10px;
	padding-right:10px;
	font-size:12px;
	box-shadow:0px 0px 3px grey;
	outline:none;
	background-color:white;
	margin-bottom:8px;
	overflow:hidden;
	display:inline-block;
}
.card_editor_search_friends {
	position:absolute;
	border:solid 1px #e0b27e;
	top:50px;
	left:80px;
	width:195px;
	height:30px;
	padding:5px;
	padding-left:10px;
	font-size:12px;
	border-radius:20px 20px 0px 0px;
	box-shadow:0px 0px 3px grey;
	outline:none;
}
.card_editor_search_friends_result {
	position:absolute;
	border:solid 1px #e0b27e;
	top:80px;
	left:80px;
	width:173px;
	height:150px;
	padding:0px;
	padding-left:10px;
	padding-right:10px;
	font-size:12px;
	border-radius:0px 0px 20px 20px;
	box-shadow:0px 0px 3px grey;
	outline:none;
	background-color:white;
	word-wrap: break-word;
	float:left;
	overflow:hidden;
	white-space:nowrap;
}

.menu_tree_arrow {
	position:relative;
	display:inline-block;
	width: 0px;
	height: 0px;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #c47908;
	z-index:1;
	margin-right:-10px;
}
.menu_tree_item {
	position:relative;
	display:inline-block;
	height:20px;
	font-size:13px;
	font-family:verdana;
	top:-5px;
	left:-5px;
	padding-left:15px;
	padding-right:15px;
	line-height:20px;
	margin-right:-15px;
	cursor:pointer;
}
.menu_tree_item:hover {
	text-decoration:underline;
}
.menu_tree_item_1 {
	background-color:#c47908;
	margin-right:-15px;
	padding-left:10px;
}
.menu_tree_item_2 {
	background-color:#d0923c;
}
.menu_tree_arrow_2 {
	border-left: 10px solid #d0923c;
}
.menu_tree_item_3 {
	background-color:#e0b27e;
}
.menu_tree_arrow_3 {
	border-left: 10px solid #e0b27e;
}
.menu_tree_item_4 {
	background-color:#eecfbb;
}
.menu_tree_arrow_4 {
	border-left: 10px solid #eecfbb;
	background-color:white;
}
.menu_tree_last_item {
	background-color:#eaeded;
}


.button_save {
	background-color:#f3a847;
	padding:5px 10px 5px 10px;
	border-radius:4px;
	font-size:13px;
	border:solid 2px #c47908;
	cursor:pointer;
}
.button_save:hover {
	box-shadow:0px 0px 5px orange;
}


.basket_wrapper {
	display: grid;
	grid-template-columns:3fr 320px;
	grid-template-rows:auto;
	grid-gap: 5px;
	padding: 0px;
}

.basket_header_left {
	position:absolute;
	top:0px;
	right:0px;
	left:35px;
	bottom:0px;
	font-size:14px;
	color:#242424;
	font-family:verdana;
	text-align:left;
}
.basket_header_right {
	position:absolute;
	top:0px;
	right:35px;
	left:0px;
	bottom:0px;
	font-size:14px;
	color:#242424;
	font-family:verdana;
	text-align:right;
}
.basket_subject {
	font-size:18px;
	color:#007185;
	font-family:verdana;
	font-weight:bold;
	cursor:pointer;
	padding-right:70px;
}
.basket_subject:hover {
	text-decoration:underline;
	color:#cd6909;
}
.basket_stock {
	color:darkgreen;
	font-family:arial;
	font-size:12px;
	padding-left:1px;
	padding-top:3px;
	padding-bottom:3px;
	display:inline;
}
.basket_destination_header {
	font-size:10px;
	padding-left:1px;
	margin-bottom:2px;
	margin-top:2px;
}
.basket_destination {
	border:dotted 1px grey;
	border-radius:4px;
	padding:7px;
	margin-bottom:6px;
	position:relative;
}
.basket_destination_change {
	position:absolute;
	top:0px;
	right:0px;
	padding:2px;
	padding-right:4px;
}
.basket_shipping {
	color:black;
	font-size:12px;
	font-family:arial;
	display:inline;
}
.basket_options {
	margin:8px;
	margin-left:1px;
}
.basket_qty {
	height:25px;
	width:50px;
	font-size:12px;
	margin-right:3px;
}
.basket_price {
	position:absolute;
	right:35px;
	top:20px;
	color:black;
	font-family:verdana;
	font-size:18px;
	font-weight:bold;
}
.basket_subtotal {
	position:absolute;
	top:0px;
	right:35px;
	left:0px;
	bottom:0px;
	font-size:18px;
	color:#242424;
	font-family:verdana;
	text-align:right;
}
.basket_hyperlink {
	color:#007185;
	font-size:12px;
	font-family:verdana;
	cursor:pointer;
}
.basket_hyperlink:hover {
	text-decoration:underline;
}
.basket_image {
	position:absolute;
	margin:0px;
	top:10px;
	left:10px;
	width:180px;
	height:220px;
}
.basket_right_panel {
	position:absolute;
	left:240px;
	top:20px;
}

.basket_payment_panel {
	width:calc(100% - 50px);
	left:10px;
	margin-top:10px;
	padding:15px;
	background-color:white;
	text-align:center;
	position:relative;
	font-family:verdana;
	font-size:12px;
	padding-top:20px;
}
.basket_trolley_panel {
	width:calc(100% - 50px);
	left:10px;
	margin-top:10px;
	padding:15px;
	background-color:white;
	text-align:left;
	position:relative;
	font-family:verdana;
	font-size:12px;
}
@media only screen and (max-width: 1000px) {
	.basket_header_left, .basket_header_right {
		font-size:10px;
	}
	.basket_subject, .basket_price, .basket_subtotal {
		font-size:12px;
	}
	.basket_image {
		width:80px;
		height:100px;
	}
	.basket_right_panel {
		left:120px;
	}
	.basket_options, .basket_hyperlink {
		font-size:10px;
	}
	.basket_destination {
		font-size:11px;
	}
}

@media only screen and (max-width: 800px) {
	.basket_wrapper {
		display: grid;
		grid-template-columns:1fr;
		grid-template-rows:1fr 1fr;
		grid-gap: 5px;
		padding: 0px;
	}
}