/*media events in global_media_events*/
#header {
	position:fixed;
    width:100%;
    background-color:black;
    /*border: 1px dashed green;*/
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    padding:0px;
    z-index:1;
}

#container {
	position:relative;
	
    /*border:1px dotted red;*/
    /*background-color:#f3f3f3;*/
    margin: auto;
    /*padding:25px 0px 0px 0px;*/
    
   
}

#container a:active, #container a:link, #container a:visited {color:#b22222;} 
#container a:hover {color:#54cacf;} /*#43b9bf, #515151*/

#footer {
	/*margin: auto;*/
	width:100%;
	height:35px;
	position:fixed;
	/*border:1px solid blue;*/
	text-align:center;
	background-color:black;
	color:#54cacf;
	animation-name: FOOTER_BOTTOM_SLIDE_ANIMATION;
    animation-duration: 1.0s;
	
}
#footer_content {
	color:#d3d3d3;
	width:100%;
	/*border:1px solid blue;*/
	text-align:center;
	padding:0px 0px 7px 0px;
}
#footer_content a:active, #footer_content a:link, #footer_content a:visited {color:white;} 
#footer_content a:hover {color:#54cacf;}

#footer_open {color:black;margin-bottom:10px;}
#footer_close {color:#d3d3d3;}

#footer_close, #footer_open {
	font-size:2.1em;
	right:15px;
	width:40px;
	text-align:right;
	cursor:pointer;
	/*text-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);*/
	text-shadow: 8px 8px 8px rgba(0,0,0,0.2), 20px 20px 20px rgba(0,0,0,0.19);
	/*border:1px solid red;*/
}

#footer_content, #footer_close, #footer_open {
	
	position:fixed;
	animation-name: FOOTER_BOTTOM_SLIDE_ANIMATION;
    animation-duration: 1.5s;
}
#header, #footer {
	opacity:0.80;
}
#the_adobe_cafe {
	/*border: 1px dashed blue;*/
	position:fixed;
	left:5px;
	top:7px;
	z-index:2;
	/*color:#54cacf;*/
	font-family:UVN-Bay-Buom-Bold;
	

	
}
.gbl_links_mobile {
	right:10px;
	top:10px;
	position:fixed;
	right:10px;
	color:white;
	z-index:2;
}
.gbl_links_mobile a:active, .gbl_links_mobile a:link, .gbl_links_mobile a:visited {color:white;} 
.gbl_links_mobile a:hover {color:#54cacf;} /*#43b9bf, #515151*/

#gbl_links_mobile_trigger {
	right:10px;
	top:10px;
	position:fixed;
	right:10px;
	color:white;
	z-index:2;
}
#gbl_links_mobile_trigger a:active, #gbl_links_mobile_trigger a:link, #gbl_links_mobile_trigger a:visited {color:white;} 
#gbl_links_mobile_trigger a:hover {color:#54cacf;} /*#43b9bf, #515151*/

#gbl_shopping_cart_link {
	
	position:fixed;
	color:white;
	z-index:2;
}
#gbl_shopping_cart_link a:active, #gbl_links_mobile_trigger a:link, #gbl_links_mobile_trigger a:visited {color:white;} 
#gbl_shopping_cart_link a:hover {color:#54cacf;} /*#43b9bf, #515151*/

#global_links_close {
	float:right;
	z-index:2;
	cursor: pointer;
	/*border:1px solid green;*/
}

.gbl_links_header {
	position:fixed;
	z-index:2;
}
.gbl_links_header a:active, .gbl_links_header a:link, .gbl_links_header a:visited {color:white;} 
.gbl_links_header a:hover {color:#54cacf;} /*#43b9bf, #515151*/

.gbl_links_dropdown {
	position:fixed;
	right:0px;
	display:none;
	z-index:3;/*3 only used for dropdown*/
	
	font-weight:bold;
	line-height: 1.9;
	background-color:white;
    border-radius:0px 0px 0px 10px;
    padding:10px 35px 35px 35px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    border-left:4px solid black;
    border-bottom:4px solid black;
    animation-name: DROPDOWN_MENU_TOP_SLIDE_ANIMATION;
    animation-duration: 0.5s;
}
.gbl_links_dropdown a:active, .gbl_links_dropdown a:link, .gbl_links_dropdown a:visited {color:#54cacf;} 
.gbl_links_dropdown a:hover {color:#b22222;} /*#43b9bf, #515151*/

#new_order_notify_state_item {
  position: fixed;
  z-index:2;
  /*top: 70px;*/
  right: 30px;
  background-color: transparent;
  /*animation-name: ring_notification_bell;*/
  animation-duration: 0.3s;
  animation-iteration-count: infinite;
  font-size:2em;
  
}
#new_order_notify_state_label {
	position: fixed;
  	z-index:2;
  	right: 85px;
    font-size:0.6em;
    background-color: transparent;
    color:#b1b1b1 !important;
}

#on_submit_interstitial_item {
  background-color: transparent;
  animation-name: ring_on_submit_interstitial_item;
  animation-duration: 1.0s;
  animation-iteration-count: infinite;
  font-size:3.0em;
}
#on_submit_interstitial_label {
	display:none;
	position: fixed;
  	z-index:2;
  	top: 250px;
  	left: 50%;
    font-size:0.7em;
    background-color: transparent;
    color:#54cacf;
}

@keyframes ring_notification_bell {
  /*0%   {background-color:red; left:0px; top:0px;}
  25%  {background-color:yellow; left:200px; top:0px;}
  50%  {background-color:blue; left:200px; top:200px;}
  75%  {background-color:green; left:0px; top:200px;}
  100% {background-color:red; left:0px; top:0px;}*/
  
  /*
    0%   {background-color:red; transform: rotate(-90deg);}
    50%   {background-color:blue; transform: rotate(90deg);}
    100%   {background-color:red; transform: rotate(-90deg);}
*/

    0%   {color:#b22222; transform: rotate(-45deg); font-size:3.7em;text-shadow: 2px 2px 5px #555555;}
    50%   {color:#54cacf; transform: rotate(45deg); font-size:3.7em;text-shadow: 2px 2px 5px #555555;}
    100%   {color:#b22222; transform: rotate(-45deg); font-size:3.7em;text-shadow: 2px 2px 5px #555555;}
}
@keyframes ring_on_submit_interstitial_item {
    0%   {transform: rotate(0deg);}
    20%   {transform: rotate(60deg);}
    40%   {transform: rotate(120deg);}
    60%   {transform: rotate(180deg);}
    80%   {transform: rotate(240deg);}
    100%   {transform: rotate(300deg);}
}
@keyframes DROPDOWN_MENU_TOP_SLIDE_ANIMATION {
    from {top: -100px; opacity: 0}
    to {top: 0px; opacity: 1}
}
@keyframes HEADER_TOP_SLIDE_ANIMATION {
    from {top: -75px; opacity: 0;}
    to {top: 10px; opacity: 1;}
}
@keyframes FOOTER_BOTTOM_SLIDE_ANIMATION {
    from {bottom: -40px;}
    to {bottom: 0px;}
}
@keyframes FOOTER_BOTTOM_HIDE_ANIMATION {
    from {bottom:0px;}
    to {bottom:-40px;display:none;}
}
@keyframes FADE_IN_ANIMATION {
    from {opacity: 0;}
    to {opacity: 1;}
}
.fa-angle-double-down {
    color:#54cacf;
}
.fa-angle-double-up, .fa-angle-double-down, .category_content_div {
    animation-name: FADE_IN_ANIMATION;
    animation-duration: 2.0s;
}

#the_adobe_cafe, .gbl_links_mobile, #gbl_links_mobile_trigger, #gbl_shopping_cart_link, .gbl_links_header {
	animation-name: HEADER_TOP_SLIDE_ANIMATION;
    animation-duration: 1.0s;
}

/*BEGIN: LAYOUT CONTAINERS*/
.content_layout_base {
	background-color: #ffffff; /*white, #f3f3f3*/
	vertical-align:top;
	/*border: 1px solid blue;*/
}

.content_layout_base.centered_column {
   	margin:auto;
   	
}

.content_layout_section {
	/*border: 1px solid #dfdfdf;*/
	margin-bottom: 20px;
}

.content_layout_section.bordered {
	border: 2px solid #dfdfdf;
	padding:15px;
	background-color:#f7f7f7;
	border-radius:5px;
}

.content_layout_section.disabled {background-color: #d3d3d3;}
.content_layout_section.disabled .stdgrid{background-color: #d3d3d3;}

.content_layout_list {
	list-style-type: none; /* circle */
	padding:0px 0px 0px 0px;
}
.content_layout_list li {padding:0px 0px 15px 20px;}
.content_layout_list li a {font-weight:bold;}