@font-face {
    font-family: "Segoe Print";
    src: url(/design/DEFAULT/graphics/fonts/segoeprb.ttf);
}

:root {
    --primaryMainColor: #137ac4;
    --primaryMainContrastColor: #fff;
    --primaryMainHoverColor: #2b87ca;
    --primaryMainHoverContrastColor: #fff;
    --primaryLightColor: #ced9e2;
    --primaryLightContrastColor: #000;
    --primaryLightHoverColor: #d3dde5;
    --primaryLightHoverContrastColor: #000;
    --primaryDarkColor: #22242a;
    --primaryDarkContrastColor: #fff;
    --primaryDarkHoverColor: #383a3f;
    --primaryDarkHoverContrastColor: #fff;
    --secondaryMainColor: #d1ac43;
    --secondaryMainContrastColor: #ffffff;
    --secondaryMainHoverColor: #d6b456;
    --secondaryMainHoverContrastColor: #ffffff;
    --secondaryLightColor: #dedad1;
    --secondaryLightContrastColor: black;
    --secondaryLightHoverColor: #e1ded6;
    --secondaryLightHoverContrastColor: black;
    --secondaryDarkColor: #564b37;
    --secondaryDarkContrastColor: white;
    --secondaryDarkHoverColor: #675d4b;
    --secondaryDarkHoverContrastColor: white;
    --spacing1: 8px;
    --spacing2: 16px;
    --spacing3: 24px;
    --spacing4: 24px;
}

html {
    overflow-y:auto;
}

body {
    font-family: Arial, Sans-Serif;
}

body.main {
    background-image: url("/design/DEFAULT/graphics/framework/background.gif");
    background-repeat: repeat-x;
    text-align:left;
    margin: 0px; padding: 0px; border: 0px;
}

body.iframe {
    border: 0px; margin:0px; padding:0px;
    background-color: transparent;
}

.text-center {
    text-align: center;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.overflow-auto {
    overflow: auto;
}

div.xpagecontainer {
    text-align:center;
}

div.xpage {
    text-align:left;
    margin: 0 auto;
    position:relative;
}

.xcontent {
    width:100%;
    position:relative;
    right:0px;
    float:right;
    clear:both;
    top:0px;
}

div.xiframe {
    width:auto;
}

div.xlangbox {
    position:relative;
    float:right;
    right:0px;
    height:34px;
    min-height:34px;
    clear:both;
}

table.cardscalendars_toolbar img {
    cursor: pointer;
}

img.prophotopicture {
    /*
    border: 1px solid #ccc;
    */
}

tr.prophotopicture td {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

tr.prophotopicture_options td {
    border-bottom: 1px solid #ccc;
    padding: 3px;
}
td.prophotopicture_first_column {
    border-left: 1px solid #ccc;
}

td.prophotopicture_last_column {
    border-right: 1px solid #ccc;
}
td.xlangbox_left { 	background-color: #000000;
	width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
td.xlangbox_top { 	background-color: #000000;
	width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
td.xlangbox_right { 	background-color: #000000;
	width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
td.xlangbox_bottom { 	background-color: #000000;
	width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
td img {
    /* Mozilla table/image fix */
    display: block;
}

.xframework_top { 
 	background-color: #000000;
	width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.xframework_w { 
 	background-color: #000000;
	width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.xframework_e { 
 	background-color: #000000;
	width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.xframework_bottom { 
 	background-color: #000000;
	width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.outershadow_nw { 
 	background-color: #000000;
	width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.outershadow_w { 
 	background-color: #000000;
	width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.outershadow_sw { 
 	background-color: #000000;
	width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.outershadow_s { 
 	background-color: #000000;
	width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.outershadow_se { 
 	background-color: #000000;
	width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.outershadow_e { 
 	background-color: #000000;
	width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.outershadow_ne { 
 	background-color: #000000;
	width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.outershadow_n { 
 	background-color: #000000;
	width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}


td.xcontent_center {
    width: 670px;
    height: auto;
    background-color:#ffffff;
}

div.xcontentarea {
    padding: 0px; margin:0px;
    width: 100%;
    height:100%;
}

/* BEGIN HEADER */

div.xheader {
    position: absolute;
    top:0px;
    float:left;
}

div.xheader > img.xheader_logo {
    position: relative; left: 0px; top:0px;
    border: 1px solid black;
}

/* END HEADER */

/* BEGIN LOGINBOX */

div.xloginbox {
    position: absolute;
    right:18px;
    top:18px;
    float:right;
    z-index:10;
    height: 25px;
    clear:right;
    text-align:center;
    font-family: Arial;
    color: #000000;
    font-size:11px;
    width: 280px;
}

div#loginform_passwordtext, div#loginform_emailtext {
    display:none;
}

div#loginform_emailinput {
    display:inline;
    position:relative;
    left:0px;
}

div#loginform_passwordinput {
    display:inline;
    position:relative;
    left:0px;
}

div#loginlogin {
    float:right;
    display:inline;
    position:relative;
    right:0px;
}

input#myloginform_email, input#myloginform_password {
    float:left;
    width:87px;
    background-color:#dddddd;
    margin-left:19px;
    right:20px;
}

div#loginarea {
    margin-top:5px;
}

#login_login {
    width:220px;
}

#login_logout {
    width:310px;
}

/* END LOGINBOX */

/* BEGIN LOGIN */

/* Shop list info */

div.region_storelist, div.searchresult_storelist {
    float: left;
    width: 220px;
    padding-left: 30px;
    padding-right: 30px;
    height: 500px;
    overflow: auto;
    display: none;
}

ul.region_list a {
    font-size: inherit;
    font-family: inherit;
}

ul.store_list a {
    font-family: inherit;
    font-size: inherit;
}

div.region_store_info_details {
    text-align: right;
    display: none;
}

.spacer_right {
    border-right: 1px solid #999;
}

.spacer_bottom {
    border-bottom : 1px solid #999;
}

div.region_list_container {
    width: 215px;
    float: left;
    height: 500px;
    overflow: auto;
}

div.region_list_container ul, div.region_storelist ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.region_list li.active_store a {
    color: #ff7b30;
}

ul.region_list li.active_store a {
    color: #ff7b30;
}


li.active_store a {
    color: #ff7b30;
}

div.region_store_info {
    float: left;
    width: 245px;
    padding-left: 30px;
}

div.region_shoplist p, div.region_storelist p {
    margin: 10px 0px 10px 0px;
}

div.region_choose_store {
    display: none;
    text-align: center;
    margin-top: 100px;
}

ul.store_list li {
    padding-bottom: 20px;
    cursor: pointer;
}

#storesearch {
    background-image: url(/design/elitefoto/graphics/search.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    border-radius: 4px;
}

input.fancyinput {
    color: black !important;
}

input.fancyinput_inactive {
    color: #999 !important;
}

/* BEGIN MENU */

div.xmenu {
    top:86px;
    #top:90px;
    position:absolute;
    left:0px;
    margin-right: 0px;
    float: left;
    z-index:10;
}

div.xmenuelement {
    z-index:11;
    position:relative;
    right:0px;
    float:right;
    margin-top:-5px;
}

div.menulink {
    top:10px;
    left:10px;
}

div.menulink_hover {
    top:10px;
    left:10px;
    text-decoration:underline;
}

.xcontentarea {
    background-color:#ffffff;
}

.xfooter {
    background-color:#ffffff;
}

#xfooter {
    clear:both;
    float:right;
}

/* END MENU */

img.xbutton, img.submit {
    cursor: pointer;
}

/* BEGIN GENERAL CLASSES */

h1 {
    font-family: Arial;
    font-size: 18px;
    letter-spacing: 0px;
    display: inline;
}

h2 {
    font-family: Arial;
    font-weight: normal;
    font-size: 18px;
    display: inline;
}

h2.productlisting {
    font-size: 15px;
}

h3 {
    font-family: Arial;
    font-weight: 900;
    font-size: 12px;
    display: inline;
}

h4 {
    font-family: Arial;
    font-weight: 900;
    font-size: 10px;
    display: inline;
}

h5 {
    font-family: Arial;
    font-size: 11px;
    font-weight:bold;
    display: inline;
    text-transform:uppercase;
}

img {
    border: 0px;
}

form {
    display:inline;
}

hr {
    border: 0px;
}

iframe {
    border: 0px; margin:0px; padding:0px;
    background-color:transparent;
}

textarea {
    border:1px solid black;
    background-color:#e0e0e0;
    font-size:10px;
    font-family: Arial;
}

input#s {
    width: 200px;
}

/* This causes problems for Material UI. It doesn't look so good?
/* and it's not in use?
input[type="text"], input[type="password"], input[type="number"]  {
    background-color:#ffffff;
    border-width: 1px;
    border-style: solid;
    border-color: #221f20 #c0c0c0 #c0c0c0 #221f20;
    font-family: Arial;
    font-weight: regular;
    font-size: 11px;
}
input.file {
    width:auto;
}
 */

input[disabled] {
    background-color: #cecece;
}

input.radio, input.checkbox {
    background-color: transparent;
    border: 0px;
    cursor: pointer;
}

.disabledtext {
    color: #cccc99;
}

.currenttext {
    color: #ffffff;
}

/*  End links */

/* END GENERAL CLASSES */

/* BEGIN SPECIALIZED CLASSES */

.normal {
    font-family:Arial;
    font-weight:normal;
    font-size:11px;
    padding-left: 4px;
    padding-right: 4px;
}

.information {
    font-family: Arial;

    font-size:12px;
    padding-left: 4px;
    padding-right: 4px;
}

#shtt a {
    color: blue;
}

div.messagebox {
    background-color: transparent;
    font-weight: 700;
    font-size:12px;
    font-family: Arial;
    color: #ffff66;
    text-align:center;
}

.itemselect_off {
    background-color: #aaaaaa;

}

.itemselect_on {
    background-color:#ccccaa;
}

table.pageselection {
    background-color:#666666;
    border:1px solid black;
}

table.cartsummary th {
    text-align:center;
    font-weight:bold;
    font-family:Arial;
    font-size:11px;
    color: #333333;
    border: 1px solid black;
}

table.cartsummary td {
    text-align:center;
    font-weight:bold;
    font-family:Arial;
    font-size:10px;
    border: 1px solid black;
}

td.progressbar_1 {
    border:0px;
    background-color: #999999;
    height: 18px;
}
td.progressbar_2 {
    border:0px;
    background-color: #444444;
    height: 18px;
}

img.Content_Title {
    border: 0px;
    display: inline;
    margin-left:2px;
}

/* card/calendar template list: */
.template-list-bulk {
    margin: 0;
    margin-left: 40px;
    /* Allow shadow to show on the top */
    padding: 5px 0 0 0;
    list-style: none;
    overflow: auto;
}

/* Special case for consumer */
.consumer .template-list-bulk {
    margin-left: 0;
    overflow: visible;
}

.template-list-bulk > li {
    float: left;
    position: relative;
    margin-right: 40px;
    margin-bottom: 20px;
    width: 200px;
}

/* Special case for consumer */
.consumer .template-list-bulk > li {
    margin-right: 20px;
}

.consumer .template-list-bulk > li:nth-child(3n) {
    margin-right: 0px;
}

.template-list-bulk > li > a {
    width: 200px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

div.template_qualityalert {
    background-color: rgba(0, 0, 0, 0.5);
    /*    text-align: center;  */
    height: 40px;
    line-height: 40px;
    color: white;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background-image: url(../graphics/qualityalert.png);
    background-position: left center;
    background-repeat: no-repeat;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 44px;
    padding-right: 2px;
    z-index: 11;
}

div.template_zoomalert {
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
    height: 40px;
    line-height: 40px;
    color: white;
    position: absolute;
    left: 0px;
    top: 0px;
}

div.shoppingcart_qualityalert {
    background-image: url(../graphics/qualityalert.png);
    width: 48px;
    height: 48px;
    position: absolute;
    left: -2px;
    bottom: -3px;
}

div.generic_error {
    border: 1px solid red;
    padding: 5px;
    text-align: center;
    background-color: #ffa5a5;
    font-weight: bold;
    margin: 10px;
    color: black;
}

div.generic_info {
    border: 1px solid #eab822;
    padding: 5px;
    text-align: center;
    background-color: #fef6b6;
    font-weight: bold;
    margin: 10px;
    color: black;
}

.generic_button {
    cursor: pointer;
    height: 45px;
    line-height: 45px;
    padding-left: 50px;
    padding-right: 50px;

    display: inline-block;
    border: none;
    border-radius: 4px;

    cursor: white;
    color: white;

    background: #989898; /* Old browsers */
    background: -moz-linear-gradient(top, #989898 0%, #7d7d7d 40%, #7d7d7d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#989898), color-stop(40%,#7d7d7d), color-stop(100%,#7d7d7d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #989898 0%,#7d7d7d 40%,#7d7d7d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #989898 0%,#7d7d7d 40%,#7d7d7d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #989898 0%,#7d7d7d 40%,#7d7d7d 100%); /* IE10+ */
    background: linear-gradient(to bottom, #989898 0%,#7d7d7d 40%,#7d7d7d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#989898', endColorstr='#7d7d7d',GradientType=0 ); /* IE6-9 */

    /* Disable select when doing multiple clicks */
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */

    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;
}

/* Special case for drop down menus: */
.generic_button > option {
    color: black;
}

.generic_button_half_padding {
    padding-left: 25px;
    padding-right: 25px;
}

.generic_button[disabled] {
    cursor: default;
    opacity: 0.6;
}

.singlebutton {
    width: 35px;
    height: 30px;
    background-position: center center;
    background-color: #ccc;
    border-radius: 3px;
    cellspacing: 0;
    cellpadding: 0;
    position: relative;
}

.singlebutton:hover {
    /*background-color: #aaa;*/
    -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,1);
    -moz-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,1);
    box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,1);

    cursor: pointer;
}

.singlebutton.active {
    /*background-color: #aaa;*/
    -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,1);
    -moz-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,1);
    box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,1);

    border-color: #646464;
    cursor: pointer;
}

.singlebutton img {
    width: 35px;
    height: 30px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.generic_next_button {
    cursor: pointer;

    height: 45px;
    line-height: 45px;
    padding-left: 50px;
    padding-right: 50px;

    border-radius: 4px;

    color: white;
    display: inline-block;

    background: #f22222; /* Old browsers */
    background: -moz-linear-gradient(top, #f22222 0%, #e31919 40%, #d81313 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f22222), color-stop(40%,#e31919), color-stop(100%,#d81313)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f22222 0%,#e31919 40%,#d81313 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f22222 0%,#e31919 40%,#d81313 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f22222 0%,#e31919 40%,#d81313 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f22222 0%,#e31919 40%,#d81313 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f22222', endColorstr='#d81313',GradientType=0 ); /* IE6-9 */
}

.generic_next_button {
    border-color: #ff3c3c #ab2828 #ff3c3c #b71212;
}

.generic_next_button[disabled], .generic_button[disabled] {
    opacity: 0.6;
}

.generic_button_center {
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
}

.generic_next_button:hover:enabled {
    background: #ef1515; /* Old browsers */

    background: -moz-linear-gradient(top,  #ef1515 0%, #ac0000 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef1515), color-stop(100%,#ac0000)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top,  #ef1515 0%,#ac0000 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top,  #ef1515 0%,#ac0000 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top,  #ef1515 0%,#ac0000 100%); /* IE10+ */

    background: linear-gradient(to bottom,  #ef1515 0%,#ac0000 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef1515', endColorstr='#ac0000',GradientType=0 ); /* IE6-9 */
}

.generic_next_button[disabled] {
    opacity: 0.5;
}

div.tooltip_help {
    background-color: #EDEDED;
    border: 2px solid #666;
    font-size: 23px;
    line-height: 1.3em;
    padding: 10px;
    position: absolute;
    text-align: center;
    float: left;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0 0 5px rgba(136, 136, 136, 0.7);
    -webkit-box-shadow: 0 0 5px rgba(136, 136, 136, 0.7);
    z-Index: 102;
}

div.tooltip_help a {
    color: black;
}

div.tooltip_arrow {
    border-style: solid;
    border-width: 10px;
    height: 0;
    width: 0;
    position: absolute;
}

div.tooltip_arrow_up_border {
    border-color: transparent transparent #666 transparent;
    top: -22px;
}

div.tooltip_arrow_up {
    border-color: transparent transparent #EDEDED transparent;
    top: -19px;
}

div.tooltip_arrow_down_border {
    border-color: #666666 transparent transparent transparent;
    bottom: -22px;

}

div.tooltip_arrow_down {
    border-color: #ededed transparent transparent transparent;
    bottom: -19px;
}

h1 {
    font-family: 'Droid Sans', sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: normal;
    line-height: 100%;
    margin-top: 0px;
    margin-bottom: 3px;
    display: block;
}
h2 {
    font-family: 'Droid Sans', sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 10px;
    display: block;
}

h3 {
    font-family: 'Droid Sans', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 0px;
    display: block;
}
h4 {
    font-family: 'Droid Sans', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    margin-top: 0px;
    margin-bottom: 0px;
    display: block;
}

h6 {
    margin: 3px;
}

.xcontent {
    font-size: 15px;
}

#netlife-admin-menu {
    position: fixed;
    left: 0;
    top: 0;
}
div.xcontent {
	color: #000000;
}

.xcontent A {
	color: #000000;
}

div.xcontent table tr.alternate_1 td {
	background-color: #a6a6a6;
	color: #ffffff;
}
div.xcontent table tr.alternate_2 td {
	background-color: #808080;
	color: #ffffff;
}
div.xcontent table tr.selected td {
	background-color: #000000;
	color: #ffffff;
}
.xcontent A:HOVER {
	color: #323640;
}

div.xcontent table tr.alternate_1 td {
	background-color: #a6a6a6;
	color: #ffffff;
}
div.xcontent table tr.alternate_2 td {
	background-color: #808080;
	color: #ffffff;
}
div.xcontent table tr.selected td {
	background-color: #000000;
	color: #ffffff;
}
.xcontent H1 {
	color: #000000;
}

div.xcontent table tr.alternate_1 td {
	background-color: #a6a6a6;
	color: #ffffff;
}
div.xcontent table tr.alternate_2 td {
	background-color: #808080;
	color: #ffffff;
}
div.xcontent table tr.selected td {
	background-color: #000000;
	color: #ffffff;
}
.xcontent H2 {
	color: #000000;
}

div.xcontent table tr.alternate_1 td {
	background-color: #a6a6a6;
	color: #ffffff;
}
div.xcontent table tr.alternate_2 td {
	background-color: #808080;
	color: #ffffff;
}
div.xcontent table tr.selected td {
	background-color: #000000;
	color: #ffffff;
}
.xcontent H3 {
	color: #000000;
}

div.xcontent table tr.alternate_1 td {
	background-color: #a6a6a6;
	color: #ffffff;
}
div.xcontent table tr.alternate_2 td {
	background-color: #808080;
	color: #ffffff;
}
div.xcontent table tr.selected td {
	background-color: #000000;
	color: #ffffff;
}
.xcontent H4 {
	color: #000000;
}

div.xcontent table tr.alternate_1 td {
	background-color: #a6a6a6;
	color: #ffffff;
}
div.xcontent table tr.alternate_2 td {
	background-color: #808080;
	color: #ffffff;
}
div.xcontent table tr.selected td {
	background-color: #000000;
	color: #ffffff;
}
.xcontent H5 {
	color: #000000;
}

div.xcontent table tr.alternate_1 td {
	background-color: #a6a6a6;
	color: #ffffff;
}
div.xcontent table tr.alternate_2 td {
	background-color: #808080;
	color: #ffffff;
}
div.xcontent table tr.selected td {
	background-color: #000000;
	color: #ffffff;
}
td.Content_Popup {
	background-color:#ffffff;
	border: 0px solid #ffffff;
	color: #000000;
}

td.Content_Popup span {
	color: #000000;
}

td.Content_Popup a {
	color: #000000;
}

td.Content_Popup a:hover {
	text-decoration: none;
}

div.Content_Popup_html5_container {
	background-color:#ffffff;
	border: 0px solid #ffffff;
	overflow: auto;
	position: relative;
	box-sizing: content-box;
}

div.Content_Popup {
	background-color:#ffffff;
	border: 0px solid #ffffff;
	color: #000000;
	position: relative;
}

div.Content_Popup A {
	color: #000000;
}

div.Content_Popup A:HOVER {
	color: #000000;
}

div.Content_Popup SPAN {
	color: #000000;
}

div.Content_Popup P {
	color: #000000;
}

div.Content_Popup H1 {
	color: #000000;
}

div.Content_Popup H2 {
	color: #000000;
}

div.Content_Popup H3 {
	color: #000000;
}

div.Content_Popup H4 {
	color: #000000;
}

div.Content_Popup H5 {
	color: #000000;
}

div.Content_Popup table tr.alternate_1 td {
	background-color: #d1d1d1;
	color: #5c5c5c;
}
div.Content_Popup table tr.alternate_2 td {
	background-color: #b8b8b8;
	color: #5c5c5c;
}
div.Content_Popup table tr.selected td {
	background-color: #000000;
	color: #ffffff;
}
div.Content_Popup a:hover {
	text-decoration: none;
}

td.Content_Neutral_Inactive {
	background-color:#c0c0c0;
	border: 0px solid #c0c0c0;
	color: #000000;
}

td.Content_Neutral_Inactive span {
	color: #000000;
}

td.Content_Neutral_Inactive a {
	color: #000000;
}

td.Content_Neutral_Inactive a:hover {
	text-decoration: none;
}

div.Content_Neutral_Inactive_html5_container {
	background-color:#c0c0c0;
	border: 0px solid #c0c0c0;
	overflow: auto;
	position: relative;
	box-sizing: content-box;
}

div.Content_Neutral_Inactive {
	background-color:#c0c0c0;
	border: 0px solid #c0c0c0;
	color: #000000;
	position: relative;
}

div.Content_Neutral_Inactive A {
	color: #000000;
}

div.Content_Neutral_Inactive A:HOVER {
	color: #000000;
}

div.Content_Neutral_Inactive SPAN {
	color: #000000;
}

div.Content_Neutral_Inactive P {
	color: #000000;
}

div.Content_Neutral_Inactive H1 {
	color: #000000;
}

div.Content_Neutral_Inactive H2 {
	color: #000000;
}

div.Content_Neutral_Inactive H3 {
	color: #000000;
}

div.Content_Neutral_Inactive H4 {
	color: #000000;
}

div.Content_Neutral_Inactive H5 {
	color: #000000;
}

div.Content_Neutral_Inactive table tr.alternate_1 td {
	color: #ffffff;
}
div.Content_Neutral_Inactive table tr.alternate_2 td {
	color: #ffffff;
}
div.Content_Neutral_Inactive table tr.selected td {
	background-color: #000000;
	color: #ffffff;
}
div.Content_Neutral_Inactive a:hover {
	text-decoration: none;
}

td.Content_Neutral {
	background-color:#ececec;
	border: 0px solid #ececec;
	color: #000000;
}

td.Content_Neutral span {
	color: #000000;
}

td.Content_Neutral a {
	color: #000000;
}

td.Content_Neutral a:hover {
	text-decoration: none;
}

div.Content_Neutral_html5_container {
	background-color:#ececec;
	border: 0px solid #ececec;
	overflow: auto;
	position: relative;
	box-sizing: content-box;
}

div.Content_Neutral {
	background-color:#ececec;
	border: 0px solid #ececec;
	color: #000000;
	position: relative;
}

div.Content_Neutral A {
	color: #000000;
}

div.Content_Neutral A:HOVER {
	color: #323640;
}

div.Content_Neutral SPAN {
	color: #000000;
}

div.Content_Neutral P {
	color: #000000;
}

div.Content_Neutral H1 {
	color: #000000;
}

div.Content_Neutral H2 {
	color: #000000;
}

div.Content_Neutral H3 {
	color: #000000;
}

div.Content_Neutral H4 {
	color: #000000;
}

div.Content_Neutral H5 {
	color: #000000;
}

div.Content_Neutral table tr.alternate_1 td {
	color: #ffffff;
}
div.Content_Neutral table tr.alternate_2 td {
	color: #ffffff;
}
div.Content_Neutral table tr.selected td {
	background-color: #000000;
	color: #ffffff;
}
div.Content_Neutral a:hover {
	text-decoration: none;
}

td.Content_UserAction {
	background-color:#ececec;
	border: 0px solid #ececec;
	color: #000000;
}

td.Content_UserAction span {
	color: #000000;
}

td.Content_UserAction a {
	color: #000000;
}

td.Content_UserAction a:hover {
	text-decoration: none;
}

div.Content_UserAction_html5_container {
	background-color:#ececec;
	border: 0px solid #ececec;
	overflow: auto;
	position: relative;
	box-sizing: content-box;
}

div.Content_UserAction {
	background-color:#ececec;
	border: 0px solid #ececec;
	color: #000000;
	position: relative;
}

div.Content_UserAction A {
	color: #000000;
}

div.Content_UserAction A:HOVER {
	color: #000000;
}

div.Content_UserAction SPAN {
	color: #000000;
}

div.Content_UserAction P {
	color: #000000;
}

div.Content_UserAction H1 {
	color: #000000;
}

div.Content_UserAction H2 {
	color: #000000;
}

div.Content_UserAction H3 {
	color: #000000;
}

div.Content_UserAction H4 {
	color: #000000;
}

div.Content_UserAction H5 {
	color: #000000;
}

div.Content_UserAction table tr.alternate_1 td {
	color: #ffffff;
}
div.Content_UserAction table tr.alternate_2 td {
	color: #ffffff;
}
div.Content_UserAction table tr.selected td {
	background-color: #000000;
	color: #ffffff;
}
div.Content_UserAction a:hover {
	text-decoration: none;
}

td.Content_PhotoManager {
	background-color:#ececec;
	border: 0px solid #ececec;
	color: #000000;
}

td.Content_PhotoManager span {
	color: #000000;
}

td.Content_PhotoManager a {
	color: #000000;
}

td.Content_PhotoManager a:hover {
	text-decoration: none;
}

div.Content_PhotoManager_html5_container {
	background-color:#ececec;
	border: 0px solid #ececec;
	overflow: auto;
	position: relative;
	box-sizing: content-box;
}

div.Content_PhotoManager {
	background-color:#ececec;
	border: 0px solid #ececec;
	color: #000000;
	position: relative;
}

div.Content_PhotoManager A {
	color: #000000;
}

div.Content_PhotoManager A:HOVER {
	color: #030100;
}

div.Content_PhotoManager SPAN {
	color: #000000;
}

div.Content_PhotoManager P {
	color: #000000;
}

div.Content_PhotoManager H1 {
	color: #000000;
}

div.Content_PhotoManager H2 {
	color: #000000;
}

div.Content_PhotoManager H3 {
	color: #000000;
}

div.Content_PhotoManager H4 {
	color: #000000;
}

div.Content_PhotoManager H5 {
	color: #000000;
}

div.Content_PhotoManager table tr.alternate_1 td {
	color: #ffffff;
}
div.Content_PhotoManager table tr.alternate_2 td {
	color: #fffcff;
}
div.Content_PhotoManager table tr.selected td {
	background-color: #000000;
	color: #ffffff;
}
div.Content_PhotoManager a:hover {
	text-decoration: none;
}

td.Content_ShoppingCart {
	background-color:#999999;
	border: 0px solid #999999;
	color: #ffffff;
}

td.Content_ShoppingCart span {
	color: #ffffff;
}

td.Content_ShoppingCart a {
	color: #000000;
}

td.Content_ShoppingCart a:hover {
	text-decoration: none;
}

div.Content_ShoppingCart_html5_container {
	background-color:#999999;
	border: 0px solid #999999;
	overflow: auto;
	position: relative;
	box-sizing: content-box;
}

div.Content_ShoppingCart {
	background-color:#999999;
	border: 0px solid #999999;
	color: #ffffff;
	position: relative;
}

div.Content_ShoppingCart A {
	color: #000000;
}

div.Content_ShoppingCart A:HOVER {
	color: #000000;
}

div.Content_ShoppingCart SPAN {
	color: #000000;
}

div.Content_ShoppingCart P {
	color: #ffffff;
}

div.Content_ShoppingCart H1 {
	color: #ffffff;
}

div.Content_ShoppingCart H2 {
	color: #000000;
}

div.Content_ShoppingCart H3 {
	color: #ffffff;
}

div.Content_ShoppingCart H4 {
	color: #000000;
}

div.Content_ShoppingCart H5 {
	color: #ffffff;
}

div.Content_ShoppingCart table tr.alternate_1 td {
	color: #ffffff;
}
div.Content_ShoppingCart table tr.alternate_2 td {
	color: #fcfcfc;
}
div.Content_ShoppingCart table tr.selected td {
	background-color: #000000;
	color: #ffffff;
}
div.Content_ShoppingCart a:hover {
	text-decoration: none;
}

td.Content_Information {
	background-color:#88cee4;
	border: 0px solid #88cee4;
	color: #000000;
}

td.Content_Information span {
	color: #000000;
}

td.Content_Information a {
	color: ##ffffff;
}

td.Content_Information a:hover {
	text-decoration: none;
}

div.Content_Information_html5_container {
	background-color:#88cee4;
	border: 0px solid #88cee4;
	overflow: auto;
	position: relative;
	box-sizing: content-box;
}

div.Content_Information {
	background-color:#88cee4;
	border: 0px solid #88cee4;
	color: #000000;
	position: relative;
}

div.Content_Information A {
	color: #ffffff;
}

div.Content_Information A:HOVER {
	color: #000000;
}

div.Content_Information SPAN {
	color: #000000;
}

div.Content_Information P {
	color: #000000;
}

div.Content_Information H1 {
	color: #000000;
}

div.Content_Information H2 {
	color: #000000;
}

div.Content_Information H3 {
	color: #000000;
}

div.Content_Information H4 {
	color: #000000;
}

div.Content_Information H5 {
	color: #000000;
}

div.Content_Information table tr.alternate_1 td {
	color: #000000;
}
div.Content_Information table tr.alternate_2 td {
	background-color: #575757;
	color: #000000;
}
div.Content_Information table tr.selected td {
	background-color: #ffffff;
	color: #000000;
}
div.Content_Information a:hover {
	text-decoration: none;
}

td.Content_Title {
	background-color:#ececec;
	border: 0px solid #ececec;
	color: #ffffff;
}

td.Content_Title span {
	color: #ffffff;
}

td.Content_Title a {
	color: #000000;
}

td.Content_Title a:hover {
	text-decoration: none;
}

div.Content_Title_html5_container {
	background-color:#ececec;
	border: 0px solid #ececec;
	overflow: auto;
	position: relative;
	box-sizing: content-box;
}

div.Content_Title {
	background-color:#ececec;
	border: 0px solid #ececec;
	color: #ffffff;
	position: relative;
}

div.Content_Title A {
	color: #000000;
}

div.Content_Title A:HOVER {
	color: #000000;
}

div.Content_Title SPAN {
	color: #ffffff;
}

div.Content_Title P {
	color: #ffffff;
}

div.Content_Title H1 {
	color: #ffffff;
}

div.Content_Title H2 {
	color: #ffffff;
}

div.Content_Title H3 {
	color: #ffffff;
}

div.Content_Title H4 {
	color: #ffffff;
}

div.Content_Title H5 {
	color: #ffffff;
}

div.Content_Title table tr.alternate_1 td {
	color: #ffffff;
}
div.Content_Title table tr.alternate_2 td {
	color: #ffffff;
}
div.Content_Title table tr.selected td {
	background-color: #000000;
	color: #ffffff;
}
div.Content_Title a:hover {
	text-decoration: none;
}

a:visited {
 	color: #000000;
}

a:link {
 	color: #000000;
}

a:hover {
	color: #323640;
}

a.dark:visited {
 	color: #000000;
}

a.dark:link {
 	color: #000000;
}

a.dark:hover {
	color: #323640;
}

.link {
	cursor:pointer;
	color: #000000;
	text-decoration:underline
}
.alternate_1 {
background-color: #ffffff}
.alternate_2 {
background-color: #e2e2e2}
.alternate_highlight_1 {
background-color: #c0c0c0}
.alternate_highlight_2 {
background-color: #9a9a9a}

.blockOverlay {
    background-color:#000000;
    -moz-opacity:.70;
    opacity:0.70
}

.blockMsg {
    width:  30%;
    top:    30%;
    left:   30%;
    text-align: center;
    border: 1px solid black;
    background-color: #ffffff;
    color: #000000;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    padding: 15px;
}

.translucent {
    -moz-opacity:.70;
    opacity:.70;
}

.tooltip{
    position:absolute;
    z-index:999;
    left:-9999px;
    padding:1px;
    width:auto;
    border:1px solid black;
    color: #000000;
    background-color: #88cee4;
}

.selection_1 {
    background-color:#aaaaaa;
}

.selection_2 {
    background-color:#bbbb99;
}

.selection_3 {
    background-color:#cccc99;
}

// Calendar classes

td.Calendar_Month_Selected {
    text-align: center;
    background: #fdbd53;
    color: black;
    font-size: 8px;
}

a.Calendar_Month_Selected {
    text-align: center;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 8px;
}
a:hover.Calendar_Month_Selected {
    color: white;
}
a:visited.Calendar_Month_Selected {
    color: white;
}

td.Calendar_Month_Complete {
    text-align: center;
    background: #5a80a7;
    color: #FFFFFF;
    font-size: 8px;
}

a.Calendar_Month_Complete {
    text-align: center;
    text-decoration: none;
    color: white;
    font-size: 8px;
}
a:visited.Calendar_Month_Complete {
    color: white;
}

td.Calendar_Month_Incomplete {
    text-align: center;
    background: #999999;
    color: black;
    font-size: 8px;
}

a.Calendar_Month_Incomplete {
    text-align: center;
    text-decoration: none;
    color: black;
    font-size: 8px;
}
a:visited.Calendar_Month_Incomplete {
    color: black;
}

.active {
    background-color: #5c5c5c;
    color:#ffffff;
    font-weight:bold;
    font-family:Arial;
    text-transform:uppercase;
    font-size:10px;
}

.inactive {
    background-color: #cccccc;
    color:#000000;
    font-weight:bold;
    text-transform:uppercase;
    font-family:Arial;
    font-size:10px;
}

// END SPECIALIZED CLASSES

// NEW CARD CALENDAR

img.templatePreviews {
    position:relative;
    border: 1px solid black;
    top: 4px;
    cursor: pointer;
    max-width: 90px;
    max-height: 180px;
}

div.templatePreviewSmall {
    width: 100px;
    height: 181px;
    background-repeat: no-repeat;
}

div.templatePreviewText {
    font-size: 10px;
}

div.wizard {
    background-color: white;
    border: 3px solid #5b7ba2;
    /*    height: 159px; */
    min-height: 159px;
    _height: 159px;
    width: 343px;
    position: absolute;
    left: 160px;
    top: 150px;
    display: none;
    padding: 5px;
    display: table;
}

#outer {
    vertical-align: middle;
    height: 100%;
    /*    overflow: hidden; */
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

#outer[id] {
    display: table;
    position: static;
}

#middle {
    /*    position: absolute; */
    /*    top: 50%; */
} /* for explorer only*/

#middle[id] {
    display: table-cell;
    vertical-align: middle;
    position: static;
}

#inner {position: relative; _top: 0px; text-align: center;} /* for explorer only */

div.yearActive {
    text-align: center;
    background-color: yellow;
    cursor: pointer;
}

div.yearInActive {
    text-align: center;
    cursor: pointer;
}

#templatePreview {
    position: absolute;
    cursor: pointer;
    border: 1px solid black;
}

div.templateEditArea {
    width: 380px;
    height: 578px;
    position: absolute;
    top: 74px;
    left: 15px;
}

div.cardTemplateEditArea {
    position: absolute;
    top: 74px;
    left: 15px;
}

img.userimage {
    border: 1px solid black;
}

.imagearea {
    position: absolute;
    background-color: white;
    border: 1px solid black;
    overflow: hidden;
    font-size: 10px;
}

.testclass {
    background-color: white;
    border: 5px solid gray;
    color: red;
}

div.ccontainer_center > * {
    margin:0 auto;
}

div.ccontainer_right > * {
    float:right;
}

div.formfield {
    width: 100px;
    padding-bottom:2px;
    margin-right:5px;
    text-align:right;
}

.xtext_A {
    position:absolute;
    float:left;
    left:0px;
    text-align:left;
    width:45%;
    display:inline;
}

.xtext_B {
    position:absolute;
    float:right;
    right:0px;
    text-align:right;
    width:45%;
    display:inline;
}

.xbutton_A {
    position:relative;
    left:0px;
    bottom:1px;
    float:left;
}

.xbutton_B {
    position:relative;
    right:0px;
    bottom:1px;
    float:right;
}

.italic {
    font-style: italic;
}

span.heading {
    font-weight:bold;
    font-size: 12px;
}

td#portalinfo_e {
    height:2px;
}

/* TSL */

.listviewtable, .statictable {
    border-collapse: collapse;
    background: #fff;
}

.listviewtable th, .statictable th {
    background: #0099ff;
    color: #fff;
    font-weight: bold;
    text-align: left;
    border-right: 1px solid #fff;
    padding-left: 2px;
    text-align: center;
}

.listviewtable td, .statictable td {
    border-bottom: 1px solid #95bce2;
    vertical-align: top;
    padding-left: 2px;
}

.listviewtable tr {
    cursor: pointer;
}

.listviewtable tr.alt td, .statictable tr.alt td {
    background: #cdcdcd;
}

.listviewtable tr.over td {
    background: #bcd4ec;
}

.listviewtable tr.selected td{
    background: #000088;
    color: #fff;
}

.listviewtable tr:link {color:#09c;}
.listviewtable tr:visited {color:#09c;}
.listviewtable tr:hover {background-color:#eee;}

.thumbviewtable {
    padding:0px;
    spacing:0px;
    border: 0px;
    float:left;
    position:relative;
}

#fileviewbox .listviewtable {
    width: 460px;
}

.thumbviewtable tr
{
    padding:0px;
    spacing:0px;
    border 0px;
}

.thumbviewtable td
{
    padding:0px;
    padding-bottom: 0px;
    spacing:0px;
    border: 0px;
}

.thumbviewicon
{
    padding:0px;
    spacing:0px;
    margin:0px;
}

.gridviewcell {
    position: relative;
    padding: 0px;
    padding-right: 0px;
    z-index: 1;
    margin: 0px;
    cursor: pointer;
}

.gridviewimagecell {
    border: none;
}

#embeddedarea .gridviewcell {
    padding: 0px;
}

.selarea {
    border: none;
    padding: 0px;
    margin: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    width: 70px;
    height: 70px;
}

.menuitem, a#buymorespace {
    cursor:pointer;
    color: #000000;
}


#buymorespace {
    cursor: pointer;
    text-decoration: none;
    margin-bottom:2px;
    margin-left:1px;
    text-decoration:none;

}

.menuitem_off{
    cursor: default;
    margin-bottom:2px;
    margin-left:1px;
    text-decoration:none;
    color:grey;

}

.menuitem:hover {
    text-decoration:underline;
}

.nbs_menu div.menuitem {
    display: none;
}

#play_all{
    display:block;

}
.infoitem {
    display: none;
}

.cartmenuitem {
    font-size: 9px;
}

div.menuitem {
    display: block;
    margin-bottom:2px;
}

.nbs_menu_bottom{
    margin-top: 0px;

}

.gridviewlabel {
    color:#000000;
    width: 70px;
    overflow: hidden;
    height: 2.5em;
    text-align: center;
    margin-top:-26px;
}

.embeddedlabel {
    font-family: Arial;
    width: 60px;
    height: 2.6em;
    overflow: hidden;
    position: absolute;
    color: #000;
    top: 46px;
    left: 3px;
    text-align: center;
}

.selected_tint {
    width: 70px;
    height: 70px;
    opacity: 0.7;
    filter:alpha(opacity=70);
    background-color: #F57B20;
    position: absolute;
    display: none;
    top: 0px;
    left: 0px;
}


.seldiv {
    width: 63px;
    height: 63px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.messagedialog {
    text-align: center;
}

.messagedialog img {
    display: inline;
    vertical-align: middle;
}

.single_thumb {
    display: inline;
    cursor: pointer;
    position: relative;
    left: 1px;
    top: 1px;
    z-index: 50px;
}

#fv_thumbnail_area {
    margin: 0px auto;
    height: 110px;
    width: 621px;
    text-align: center;
    overflow: none;
    position: relative;
    left: -1px;
}

#spacebar_filled {
    border: 1px solid #000;
    background-color: #cdcdcd;
    height: 10px;
    display: block;
    float: left;
}

#spacebar_empty {
    border: 1px solid #000;
    height: 10px;
    display: block;
    float: left;
    border-left: none;
}

#spacebar_text, #update_space_bar, a#buymorespace {
    font-size: 10px;
}

#spacebar_text {
    font-weight: bold;
}

#spacebar_spinner {
    vertical-align: bottom;
}

#current_pagenumber{
    background-color:grey;
    color:white;
    padding:2px 4px;
    font-weight:bold;
}

td.selected{
    background: white;
    color: #fff;
}

td.unselected {
    background: #f0f0f0;
    color: #fff;
}

.topnavlink,.topnavlink:visited {
    color: red;
}

.topnavlink:hover {
    text-decoration: underline;
}

.topnavsep {
    color: blue;
}

.link.checkout {
    color: black;
}

div.templatePreview {
    box-shadow: 0 0 5px rgba(0,0, 0, 0.6);
    -webkit-box-shadow: 0 0 5px rgba(0,0, 0, 0.6);
    -moz-box-shadow: 0 0 5px rgba(0,0, 0, 0.6);
    overflow: auto;
    position: relative;
}

img.templatePicture {
    box-shadow: 0 0 5px  rgba(0,0, 0, 0.6);
    -webkit-box-shadow: 0 0 5px rgba(0,0, 0, 0.6);
    -moz-box-shadow: 0 0 5px rgba(0,0, 0, 0.6);
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

input.ftextbox {
    color:black;
    font-style: normal;
    background-color: transparent;
    border: none;
}

select.ftextbox {
    color:black;
    font-style: normal;
    background-color: transparent;
    border: none;
}


input.ftextboxhelp {
    color: #999;
    font-style: italic;
    background-color: transparent;
    border: none;
}

input.ftextbox[disabled] {
    color: #999;
}

div.promotecategory_container {
    width: calc(100% + 24px);
    margin: -12px;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}

#main .promotecategory_item_container, .promotecategory_item_container {
    padding: 12px;
    flex-grow: 0;
    max-width: 33.333333%;
    flex-basis: 33.333333%;
    flex-direction: column;
    margin: 0;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.xcontent .promotecategory_item_link,
    .xcontent .promotecategory_item_link:visited,
    .xcontent .promotecategory_item_link:visited:hover,
    .xcontent .promotecategory_item_link:hover,
    .xcontent .promotecategory_item_link:link,
    .xcontent .promotecategory_item_link:link:hover,
    .promotecategory_item_link,
    .promotecategory_item_link:visited,
    .promotecategory_item_link:visited:hover,
    .promotecategory_item_link:hover,
    .promotecategory_item_link:link,
    .promotecategory_item_link:link:hover {
    color: #373737;
    width: 100%;
    display: flex;
    flex-grow: 1;
    box-shadow: 0px 3px 6px #00000029;
    text-align: center;
    align-items: center;
    flex-direction: column;
    text-decoration: none;
    background-color: white;
}

.promotecategory_item_image_container {
    width: 100%;
    flex-grow: 0;
    box-sizing: inherit;
}

.promotecategory_item_image_container img {
    display: block;
}

.promotecategory_item_info_container {
    width: 100%;
    padding: 16px;
    flex-grow: 1;
}

.promotecategory_item_info_container h2 {
    font: normal normal bold 15px/17px Helvetica;
    margin: 0;
    text-transform: uppercase;
    text-align: center;
    color: inherit;
}

.promotecategory_item_info_container p,
    .xcontent .promotecategory_item_info_container p {
    font: normal normal normal 15px/20px Helvetica;
    margin: 8px 0 0 0;
    flex-grow: 1;
    text-align: center;
    color: inherit;
}

div.promotecategory_container .category_title {
    padding-left: 15px;
    padding-top: 5px;
    font-family: Helvetica, Arial, sans-serif;
    font-size:16px;
    color: #4c4b4b;
}

div.promotecategory_container .category_description {
    font-family:Georgia,Garamond,Times;
    width: 114px;
    padding-left: 15px;
    padding-right: 15px;
    font-size:11px;
    color: #4c4b4b;
    overflow: hidden;
}

#paymentoptions > table {
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 15px;
}

.paymentoption-radio-container {
    width: 40px;
    vertical-align: top;
}

.paymentoption-title h2 {
    margin-bottom: 3px;
    margin-top: 0;
}

.paymentoption-description {
    padding-bottom: 10px;
}

div.slide {
    color: black;
}
span.slidertitle {
    font-size: 28px;
    font-weight:normal;
    color: #4c4b4b;
    line-height: 100%;
}
span.slidertext {
    font-size:18px;
    font-weight:normal;
    font-style:italic;
    font-family: Georgia, Garamond, Times;
    color: #4c4b4b;
    line-height: 100%;
}

table.shoppingcart {
    border: 1px solid #ccc;
    background-color: white;
    color: black;
}

td.shoppingcart_selected {
    background-color: #dddddd;
}

table.shoppingcart span {
    color: black;
}

table.shoppingcart > tbody > tr > td {
    border-top: 1px solid #ccc;
    padding: 5px;
}

table.shoppingcart input {
    border: 1px solid #ccc;
    height: 21px;
}

table.shoppingcart > tbody > tr.shoppingcart_package_content > td {
    border-top: 1px solid transparent;
}

div.fancy_button {
    line-height: 45px;
    height: 45px;
    padding-left: 50px;
    padding-right: 50px;

    display: inline-block;
    /*
    -moz-border-radius: 19px 23px 19px 23px;
    -webkit-border-radius: 19px 23px 19px 23px;
    */
    border-top-right-radius: 50px 30px;
    border-bottom-right-radius: 50px 30px;

    border-top-left-radius: 9px 9px;
    border-bottom-left-radius: 9px 9px;

    background: #f32323; /* Old browsers */
    background: -moz-linear-gradient(top, #f32323 0%, #e31919 40%, #d91414 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f32323), color-stop(40%,#e31919), color-stop(100%,#d91414)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f32323 0%,#e31919 40%,#d91414 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f32323 0%,#e31919 40%,#d91414 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f32323 0%,#e31919 40%,#d91414 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f32323 0%,#e31919 40%,#d91414 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f32323', endColorstr='#d91414',GradientType=0 ); /* IE6-9 */
}

.html5_input_text input, .html5_input_text select, .html5_input_textarea textarea {
    width: 100%;
}

.html5-box {
    border-radius: 4px;
}

.html5_input_text, .html5_input_textarea {

    height: 30px;
    box-shadow: inset 0px 5px 5px -3px rgba(0, 0, 0, 0.6);
    border-radius: 10px;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    height: 18px;
    background-color: #efefef;
    font-size: 11px;

    /* Stop jumping when adding borders */
    border: 1px solid transparent;

    /* Hack to access IE 6-8: */
    border: 1px solid black \9;
    box-sizing: content-box;
}

.html5_input_textarea {
    min-height: 100px;
}

.html5_input_textarea > textarea {
    height: 100px;
    border: none;
    background-color: transparent;
    font-size: inherit;
}

.html5_input_text input[type="text"], .html5_input_text input[type="password"] {
    height: 18px;
}

div.input_error[type="text"] {
    border: 1px solid red;
    box-shadow: inset 0px 5px 5px -3px rgba(255, 0, 0, 0.6);
}

div.input_error {
    border: 1px solid red;
    box-shadow: inset 0px 5px 5px -3px rgba(255, 0, 0, 0.6);
}


div.input_remind {
    border: 1px solid red;
    box-shadow: inset 0px 5px 5px -3px rgba(255, 0, 0, 0.6);
}

td.table_cell_indent {
    padding-left: 15px;
}

.bold {
    font-weight: bold;
}

.small_text, .xpage table td.small_text {
    font-size: 12px;
}


table.small_text td {
    font-size: 12px;
}

table.small_text td.large_text {
    font-size: 16px;
}
td.large_text {
    font-size: 16px;
}

div.popup_close {
    width: 40px;
    height: 40px;
    position: absolute;
    right: -10px;
    top: -10px;
    cursor: pointer;
    border-radius: 20px;
    text-align: center;
    z-index: 100;
}

.template_select_box {
    padding: 3px;
    cursor: pointer;
    color: #000000;
    background-color: #ececec;
    width: 100%;
    border: none;
    border-radius: 5px;
    text-align: center;
}

div.template_select_box {
    margin-bottom: 4px;
}

.template_page {
    padding: 3px;
    cursor: pointer;
    color: #000000;
    background-color: #c0c0c0;
    width: 120px;
    border-radius: 5px;
    text-align: center;
    border: none;
    box-sizing: border-box !important;
    white-space: nowrap;
}

div.template_page {
    float: left;
    margin-right: 4px;
    margin-bottom: 4px;
}

.template_page_complete .template_page_box {
    background-image: url(/design/DEFAULT/graphics/photogifts/imageok.png);
}

.template_page_active {
    background-color: #88cee4;
    color: #000000;
}

div.template_page_box {
    background-color: #ececec;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    margin-right: 10px;
}

div.template_page_box {
    float: left;
}

#social_pictures {
    overflow-y: auto;
    height: 480px;
}

#socialiframe {
    border: none;
}

div.popup_close a {
    text-decoration: none;
}

ul.promotecategory_onlyimage {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

ul.promotecategory_onlyimage li {
    float: left;
    position: relative;
    width: 245px;
    height: 170px;
}

div.largeimages_category_title {
    text-align: center;
    font-size: 16px;
}


div.promotecategories_descriptioncontainer_ie {
    display: none;
}

div.promotecategories_descriptioncontainer_ie div {
    top: 50%;
    position: absolute;
}

div.promotecategories_descriptioncontainer_ie div div {
    top: -50%;
    position: relative;
    text-align: center;
    width: 245px;
}

ul.promotecategory_onlyimage li a:hover div.promotecategories_descriptioncontainer_ie {
    display: block;
}

ul.promotecategory_onlyimage li a:hover div.promotecategories_imagecontainer img {
    opacity: 0.1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10);
}


ul.promotecategory_onlyimage li a:hover div.promotecategories_descriptioncontainer span {
    display: table-cell;
}

div.promotecategories_descriptioncontainer {
    display: table;
}

div.promotecategories_descriptioncontainer span {
    display: none;
    vertical-align: middle;
    text-align: center;
    padding: 10px;
}

div.promotecategories_descriptioncontainer {
    font-size: 18px;
}

ul.promotecategory_onlyimage li a:hover  div.promotecategories_imagecontainer {
    opacity: 0.3;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
}

#textloader {
    width: 32px;
    height: 32px;
    position: absolute;
    background-image: url(../graphics/socialmedia/loading.gif);
}

div.userimagecontainer {
    background-size: cover;
    background-position: center center;
}

.button_container {
    background-color: #eee;
    color: black;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
    white-space: nowrap;
    overflow: hidden;
    border-spacing:0;
    font-size: 12px;
    cursor: pointer;
}

.button_container .button_text {
    color: inherit;
}

.button_container:disabled {
    opacity: 0.7;
}

.button_icon_only {
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
}



.pointer {
    cursor: pointer;
}

.hidden {
    display: none !important;
}

.upload_container {
    padding-top: 100%;
    margin-right: 2px;
    margin-bottom: 2px;
    background-color: #e8e8e8;
    position: relative;
    overflow: hidden;
}

.upload_container img.userpicture {
    width: 100%;
    height: 100%;
    object-fit: cover;
    flex: 1;
}

.upload_inner_container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.upload_progress_container {
    background-color: white;
    height: 6px;
    width: 119px;
    left: 21px;
    top: 81px;
    position: relative;
}

#totalUploadProgress .upload_progress_container {
    left: 0px;
    top: 7px;
    width: 600px;
    margin-right: 20px;
}

#totalUploadProgress span {
    line-height: 20px;
}

.upload_progressbar {
    background-color: #26a7eb;
    height: 4px;
    left: 1px;
    top: 1px;
    width: 50px;
    position: relative;
}

#files_for_upload {
    width: 100%;
    min-height: 160px;
    max-height: 316px;
    overflow: auto;
    clear: both;
    border: 2px dashed transparent;
    overflow: auto;
    text-align: center;
    font-size: 24px;
    position: relative;
    box-sizing: border-box !important;
    display: grid;
    display: -ms-grid;
    grid-template-columns: repeat(5, 1fr);
    grid-auto-rows: minmax(100px, auto);
    -ms-grid-columns: 100px 100px;
    -ms-grid-rows: 1fr;

}

.files_for_upload_background_text {
    width: 100%;
    text-align: center;
    font-size: 24px;
    position: absolute;
    left: -20px;
    top: 0px;
    color: #999;
}

.upload_image_toolbar {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -27px;
    height: 27px;
    line-height: 27px;
    background-color: rgba(255, 255, 255, 0.95);
    text-align: left;
    flex: 1;
    display: flex;
}

.upload_image_toolbar .filename {
    flex: 1;
    height: 27px;
    overflow: hidden;
    padding-left: 5px;
    font-size: 10px;
}

.upload_image_toolbar a {
    flex: 10px 0 0;
    opacity: 0.7
}

.upload_image_toolbar a:hover {
    opacity: 1;
}

#files_for_upload.drag-over {
    border: 2px dashed #aaa;
}

body.drag-over {
    color: pink;
    background-color: red;
    border: 2px solid pink;
}

.sosial_media_container {
    text-align: center;
    display: inline-block;
}
.sosial_media_container li {
    float: left;
    color: #777777;
    width: 100px;
    cursor: pointer;
}

/*
.sosial_media_container li:last-child {
  margin-right: 0px;
}
*/

ul.sosial_media_container {
    list-style-type: none;
    padding: 0;
}

.sosial_media_container li div {
    margin-top: 7px;
}


#active-template-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

#active-template-container.text-editor-open .selectable-preview-string, #active-template-container.drop-target .selectable-preview-string {
   display: none;
}

.template-container {
    position: relative;
    display: inline-block;
    overflow: hidden;
    background-color: white;
}

.template-container.template-container-separate-from-background {
    box-shadow: 0 0 5px rgba(0,0, 0, 0.6);

}

.template-container > div {
    position: absolute;
}


.template-image-background-cover {
    background-size: cover;
}

.template-image-background-contain {
    background-size: contain;
}

.template-container .template-image {
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

}

.template-container .template-image > img {
    position: absolute;
}

.template-container .template-element-loading {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.template-container .template-element-loading > div {
    background-color: white;
    padding: 20px;
}

.template-image-overlay, .template-string-overlay {
    position: absolute;
    outline: 2px solid transparent;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;

    /* IE need some extra styles for clicks */
    background-color: rgba(0, 0, 0, 0);
    box-sizing: border-box !important;
    opacity: 0.6;
}

.template-image-overlay:hover {
    opacity: 1;
}

.template-image-overlay > a, .selectable-preview-string {
   font-size: 0.8em;
   color: black;
}

.template-string-overlay.selectable-preview-string {
    border: 3px solid rgba(251, 191, 145, 1);
    background-color: rgb(254, 242, 233);
    cursor: pointer;
    opacity: 0.6;
    box-sizing: border-box !important;
}

.template-string-overlay.selectable-preview-string:hover {
    opacity: 1;
}

.template-image-overlay.selected-element {
    outline-color: red;
    outline-color: var(--secondaryMainColor);
}

.template-inner-container {
    overflow: hidden;
    position: absolute;
    width: 200px;
    left: -9999px;
    top: -9999px;
    right: -9999px;
    bottom: -9999px;
    margin: auto;
}

.template-inner-container > img {
    position: absolute;
}

.template-font-list {
    list-style: none;
    position: absolute;
    left: -1px;
    top: -1px;
    margin: 0;
    padding: 0;
    background-color: white;
    border: 1px solid black;
}

.template-font-list > li {
    cursor: pointer;
    opacity: 0.6;
}

.template-font-list > li:hover {
    opacity: 1;
}

.template-choose-string-background {
    position: absolute;
    left: 0px;
    top:0px;
    z-Index: 100;
    opacity: 0.9;
    background-color:black;
}

#package-previews-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.template-package-preview-item {
    width: 129px;
    flex-basis: 129px;
    height: 98px;
    margin-right: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.template-empty-text {
    background-color: red;
    text-align: center;
    font-style: italic;
    background-color: rgb(158, 158, 188);
    background-color: rgba(158, 158, 188, 0.3);
    border: 2px dashed rgb(158, 158, 188);
    font-weight: bold;
    color: #666;
    text-shadow: 1px 1px white;
}

.template-preview-main-container {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1000;
}

.template-preview-previous-page {
    position: absolute;
    width: 100px;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.7;
    background-image: url(../graphics/template-preview-left.png);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;

    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

    /* IE 5-7 */
    filter: alpha(opacity=70);

    opacity: 0.7;
}

.template-preview-next-page {
    position: absolute;
    width: 100px;
    height: 100%;
    right: 0;
    top: 0;

    background-image: url(../graphics/template-preview-right.png);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;

    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

    /* IE 5-7 */
    filter: alpha(opacity=70);

    opacity: 0.7;
}

.template-preview-previous-page:hover, .template-preview-next-page:hover {

    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    /* IE 5-7 */
    filter: alpha(opacity=100);

    opacity: 1;
}

.template-preview-templare-area {
    position: absolute;
}

.template-preview-templare-heading {
    color: white;
    font-size: 32px;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 20px;
    left: 0;
}

.template-preview-templare-area table {
    cursor: pointer;
}

.browser-warning {
    background-color: rgba(0,0,0, 0.6);
    /* IE 6/7 */
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000);
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC0000000)";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
    font-family: Arial, Verdana;
}

.browser-warning p {
    margin-top: 20px;
    margin-bottom: 40px;
    font-family: Arial, Verdana;

}
.browser-warning h2 {
    margin-bottom: 40px;
    font-family: Arial, Verdana;
}

.browser-warning a {
    color: black;
}

.browser-warning a:visited, .browser-warning a:link {
    color: black;
}

.browser-warning a:hover {
    color: black;
    text-decoration: underlined;
}

.discount_bubble {
    position: absolute;
    right: -49px;
    bottom: 70px;
    height: 95px;
    width: 131px;
    background-image: url(/design/DEFAULT/graphics/prophoto/price_bubble.png);
    background-repeat: no-repeat;
    background-position: center center;
    font-family: "Segoe Print","Comic Sans MS";
    line-height: 25px;
    text-decoration: none;
}

.discount_bubble_text {
    text-align: center;
    font-size: 17px;
    font-family: "Segoe Print","Comic Sans MS";
    margin-top: 10px;
}

.discount_bubble_price {
    text-align: center;
    font-size: 17px;
    font-family: "Segoe Print","Comic Sans MS";
}

.package-price-container {
    position: absolute;
    bottom: 15px;
    left: 0px;
    width: 271px;
    height: 38px;
    line-height: 38px;
    text-align: center;
}

.package-price-container-limited-price-active {
    text-decoration: strikethrough;
}

.package-price-text {

}

#package_change_template {
    text-align: center;
    margin-bottom: 20px;
}

.modern-image-toolbox-content button {
    margin-right: 2px;
}

.consumer .image-inbox-image-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(130px, 1fr));
    grid-column-gap: 8px;
    grid-row-gap: 8px;
}

.consumer .image-inbox-image-list-item {
    margin: 0;
    overflow: hidden;
    border: 2px solid rgba(0, 0, 0, 0.2);
    position: relative;
}

.consumer .image-inbox-image-list-item > a {
    display: block;
    padding-top: 100%;
    background-size: cover;
    background-position: center center;
}
.payment-window-container {
    height: 100%;
    overflow-y: auto;
}

.image-loader {
  position: relative;
  margin: 0 auto;
  width: 50px;
}

.skeleton-image-loader {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.11);
    animation: skeleton-image-loader-animation 1.5s ease-in-out 0.5s infinite;
}

@keyframes skeleton-image-loader-animation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.4;
    }

    100% {
        opacity: 1;
    }
}

.circular {
  animation: rotate 2s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}

@keyframes color {
  100%,
  0% {
    stroke: #d62d20;
  }
  40% {
    stroke: #0057e7;
  }
  66% {
    stroke: #0057e7;
  }
  80%,
  90% {
    stroke: #ffa700;
  }
}

/* Hack for mui */

/* First part, button with link overrides */
.xcontent a.MuiButton-containedPrimary,
.xcontent a.MuiButton-containedPrimary:link,
.xcontent a.MuiButton-containedPrimary:hover,
.xcontent a.MuiButton-containedPrimary:visited {
    background-color:  var(--primaryMainColor);
    color:  var(--primaryMainContrastColor);
}
.xcontent .MuiButton-containedPrimary:hover,
.xcontent a.MuiButton-containedPrimary:hover,
.xcontent a.MuiButton-containedPrimary:link:hover,
.xcontent a.MuiButton-containedPrimary:visited:hover {
    color:  var(--primaryMainContrastColor);
    background-color:  var(--primaryMainHoverColor);
}

.xcontent a.MuiButton-outlinedPrimary,
.xcontent a.MuiButton-outlinedPrimary:hover,
.xcontent a.MuiButton-outlinedPrimary:link:hover,
.xcontent a.MuiButton-outlinedPrimary:visited:hover {
    color:  var(--primaryMainColor);
}

.xcontent .MuiTypography-colorPrimary {
    color:  var(--primaryMainColor);
}

.xcontent .MuiButton-containedPrimary:hover {

}

.xcontent a.MuiButton-containedSecondary,
.xcontent a.MuiButton-containedSecondary:link,
.xcontent a.MuiButton-containedSecondary:hover,
.xcontent a.MuiButton-containedSecondary:visited {
    background-color:  var(--secondaryMainColor);
    color:  var(--secondaryMainContrastColor);
}
.xcontent .MuiButton-containedSecondary:hover,
.xcontent a.MuiButton-containedSecondary:hover,
.xcontent a.MuiButton-containedSecondary:link:hover,
.xcontent a.MuiButton-containedSecondary:visited:hover {
    color:  var(--secondaryMainContrastColor);
    background-color:  var(--secondaryMainHoverColor);
}

.xcontent a.MuiButton-outlinedSecondary,
.xcontent a.MuiButton-outlinedSecondary:hover,
.xcontent a.MuiButton-outlinedSecondary:link:hover,
.xcontent a.MuiButton-outlinedSecondary:visited:hover {
    color:  var(--secondaryMainColor);
}

.xcontent .MuiTypography-colorSecondary {
    color:  var(--secondaryMainColor);
}

.xcontent .MuiButton-containedSecondary:hover {

}

.MuiButton-contained {
    box-shadow: none !important;
}

.xcontent .MuiButton-sizeLarge  {
    padding: 15px 8px;
}

.divider-horizontal {
    padding-top: 8px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: var(--primaryLightColor);
    margin-bottom: 8px;
}

.xiconbutton {
    background-color: var(--primaryMainColor);
    color: var(--primaryMainContrastColor);
    height: 40px;
    width: 40px;
    border: none;
    cursor:pointer;
}

.ntlf-btn {
    background-color: var(--primaryMainColor);
    color: var(--primaryMainContrastColor);
    border: 1px solid var(--primaryMainColor);
    height: 40px;
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
    cursor: pointer;

}

.ntlf-btn-outlined {
    background-color: transparent;
    color: var(--primaryMainColor);
    border: 1px solid var(--primaryMainColor);
}

.ntlf-color-primary-light-color {
   color: var(--primaryLightColor);
}

.xiconbutton[disabled] {
    opacity: 0.7;
    cursor: default;
}
.cookie-top-banner {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: var(--primaryDarkColor);
    color: var(--primaryLightColor);
    font-size: 13px;
}

.cookie-top-banner a, .cookie-top-banner a:visited,
.cookie-top-banner a:hover,.cookie-top-banner a:link, .cookie-top-banner a:link:hover {
    color: var(--primaryLightColor);
    text-decoration: underline;
}

.cookie-top-banner--description {
    margin-right: 20px;
}

.cookie-top-banner--inner-container {
    width: 1152px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cookie-top-banner--buttons {
    display: flex;
}

.cookie-top-banner--buttons button:first-child {
    margin-right:10px;
}