/* Main.CSS */
/* rebeccacoleman.co.uk */


/* GENERAL */
* {
	margin: 0px;
	padding: 0px;
}

a:link, a:visited {
	text-decoration:none;
	border-style: none;
        color:#006633;
        transition: background .25s ease-in-out;
        -moz-transition: background .25s  ease-in-out;
        -webkit-transition: background .25s  ease-in-out;
       }

a:hover, a:active {
        background-color: #006633;
        color: white;
}

img {
	border-style: none;
}

body {
	text-align: center;
        font-family: 'Source Sans Pro', sans-serif;
	//font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-color: #999999;
}

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

tbody {
    vertical-align: top;
}

td {
   padding: 3px;
}


/* MAIN STRUCTURE */

.wrap{
        min-width: 585px;
	max-width: 1130px;
	margin: auto;
	text-align: left;
	position: relative;
}

.main {
	width: 100%;
	position:absolute;
	/*background-color: #FFFFCC;*/
        background-color: white;
}

.header{
	background-color:white;
	width: 100%;
	height: 90px;
}

.header img {
	position: absolute;
	top: 0px;
	left: 0px;
}

h2 {
    font-family: 'Raleway', sans-serif;
    font-weight: bold;
    font-size: 1.4em;
}

.logoprint {
    display: none;
}
.logoscreen {
    display: inline;
}

img.icon{
	left:auto;
	right:23px;
}

.content{
	min-width: 450px;
	min-height: 440px;
	margin: 5px 148px 5px 8px;
        font-size: 1.1em;
}

.intro {
	margin-bottom: 10px;
	display:block;
        margin-right: 10px;
}


/* NAVBAR */

.navbar{
        font-family: 'Raleway', sans-serif;
	position: absolute;
	width: 140px;
	right: 0px;
	top: 0px;
	height: 100%;
	/*background-color:#FFFF99;*/
        background-color:#E0F7D7;
	margin-top: 2px;
	text-align: center;
}

@media print {
    .navbar {
        display:none;
    }
    .content {
        margin: 3px;
    }
    .logoprint {
        display: inline;
    }
    .logoscreen {
        display: none;
    }
    .no-print{
        display: none;
    }

}

.numberCircle {
    position: absolute;
    border-radius: 50%;
    width: 11px;
    height: 11px;
    padding: 4px;
    background: #006633;
    border: 2px solid #006633;
    color: white;    
    font: 14px Arial, sans-serif;
    top: -1px;
    right: -13px;
    display: flex;
    align-items: center;
    justify-content: center;
}

a.i0 span.numberCircle {
    display: none;
}

div#navscroll {
  position: absolute;
  top: 0px;
  left: 0px; /*!!! do not remove*/
  margin-top: 0px;
  width: 140px;
  background-color:#E0F7D7;
}

div#navscroll.fixed {
  position: fixed;
  left: auto; /*!!! do not remove*/
  top: 0px;
}


.navbar li {
	
	margin: 1px 5px 3px 5px;
	text-align: left;	
}

.navbar li a svg {
    position: relative;
    top: 9px;
}

.navbar a:link, .navbar a:visited {
	color:#FFFFFF;
	display:block;
        padding: 5px 5px 5px 10px;
	background-color:#006633;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        background-image: linear-gradient(bottom, #33855C 1%, #006633 100%);
        background-image: -o-linear-gradient(bottom, #33855C 1%,  #006633 100%);
        background-image: -moz-linear-gradient(bottom, #33855C 1%, #006633 100%);
        background-image: -webkit-linear-gradient(bottom, #33855C 1%, #006633 100%);
        background-image: -ms-linear-gradient(bottom, #33855C 1%, #006633 100%);
        transition: color .25s, background.25s;
        -moz-transition: color .25s, background.25s;
        -webkit-transition: color .25s, background.25s;
}

.navbar a:hover, .navbar a:active {
	color:#E0F7D7;
	background-color:#000000;
        background-image: linear-gradient(bottom, #003D1F 1%, #00140A 99%);
        background-image: -o-linear-gradient(bottom, #003D1F 1%, #00140A 99%);
        background-image: -moz-linear-gradient(bottom, #003D1F 1%, #00140A 99%);
        background-image: -webkit-linear-gradient(bottom, #003D1F 1%, #00140A 99%);
        background-image: -ms-linear-gradient(bottom, #003D1F 1%, #00140A 99%);
}

#current a:link, #current a:visited{
	color:#FFFFFF;
	background-color:#000000;
        background-image: linear-gradient(bottom, #003D1F 1%, #00140A 99%);
        background-image: -o-linear-gradient(bottom, #003D1F 1%, #00140A 99%);
        background-image: -moz-linear-gradient(bottom, #003D1F 1%, #00140A 99%);
        background-image: -webkit-linear-gradient(bottom, #003D1F 1%, #00140A 99%);
        background-image: -ms-linear-gradient(bottom, #003D1F 1%, #00140A 99%);
}

#current a:hover, #current a:active {
	color:#E0F7D7;
	background-color:#000000;
        background-image: none;
}

div.users {
    margin-top: 20px;
    font-size: 14px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.users P {
    display: inline;
}

.users img {
    width: 30px;
    height: 30px;
}

.users svg {
    width: 30px;
    height: 30px;
    fill: black;
    stroke: white;
}

.users a:link, .users a:visited {
    position: relative;
    color:#006633;
    padding: 2px;
    display: flex;
    background-color:transparent;
    margin-bottom: 10px;
    background-image: none;
    align-items: center;
}

.users a:hover svg{
    fill:white;
    stroke: black;
}

.users a:hover, .users a:active {
    color: white;
    background-color:#006633;
}

.users span.q {
    display: block;
    font-size: 0.8em;
    padding-top: 10px;
}

.users span.l {
    display: block;
    font-size: 0.8em;
}

.users div {
    display: inline-block;
}

div#navcheckout {
    margin: 0px 4px 0px 4px;
}

div#navcheckout a:link, div#navcheckout a:visited {
    font-size: 14px;
    background:#E0F7D7;
    color: #006633;
    background:transparent;
   
    vertical-align: middle;
    margin-left:auto;
    margin-right: auto;
    padding: 0px 0px 5px 0px;
    margin-top: 8px;
    background-image: none;
    border: transparent solid 1px;
}

div#navcheckout a:hover, div#navcheckout a:active {
    background: black;
    color: white;
    background-image: linear-gradient(bottom, #003D1F 1%, #00140A 99%);
    background-image: -o-linear-gradient(bottom, #003D1F 1%, #00140A 99%);
    background-image: -moz-linear-gradient(bottom, #003D1F 1%, #00140A 99%);
    background-image: -webkit-linear-gradient(bottom, #003D1F 1%, #00140A 99%);
    background-image: -ms-linear-gradient(bottom, #003D1F 1%, #00140A 99%);
}

a.i1, a.i2, a.i3, a.i4, a.i5, a.i5, a.i7, a.i8, a.i9, a.i10 {
    background: #FFEE2C !important;
}

div#navcheckout img {
    position: relative;
    top: 3px;
    width: 20px;
}

div#navcheckout div {
    display: inline;
}

a#checkout-link{
    border: solid 1px #E0F7D7;
}

#navlogin li {
    margin: 3px 0px 10px 0px;
    text-align: center;
}

#navlogin img {
    margin-left: 3px;
}

#navlogin a {
    margin-left: 0px;
}

#navlogin a img {
    margin-left: 0px;
}

#navlogin {
    margin-bottom: 25px;
}

div.social_buttons {
    width: 110px;
    color: white;
    height: 43px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    background-color: #004B25;
    background-image: linear-gradient(bottom, #006633 1%, #00140A 99%);
    background-image: -o-linear-gradient(bottom, #006633 1%, #00140A 99%);
    background-image: -moz-linear-gradient(bottom, #006633 1%, #00140A 99%);
    background-image: -webkit-linear-gradient(bottom, #006633 1%, #00140A 99%);
    background-image: -ms-linear-gradient(bottom, #006633 1%, #00140A 99%);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

div#social_label1 {
    position: absolute;
    left: 0px;
    top: 3px;
    width: 45px;
    border-bottom: solid white 1px;
    padding-bottom: 3px;
}

div#social_label2 {
    position: absolute;
    left: 0px;
    top: 25px;
    width: 45px;
    margin-bottom: 0px;
}

div#social_icons1, div#social_icons2  {
    position: absolute;
    right: 0px;
    top: 3px;
    width: 65px;
    height: 20px;
}

div#social_icons2 {
    top: auto;
    bottom: 1px;
}

div#social_icons1 a, div#social_icons2 a {
    padding: 0px;
    margin: 0px;
    float: none;
}

div#social_icons1 a {
    padding-top: 3px;
}

#email_button {
    margin: 0px;
    padding: 0px;
    padding-right: 0px;
}

.email_button img {
    margin-top: 0px;
    margin-right: 0px;
}



/* FOOTER */

.footer{
	position: absolute;
        left: 0px;
	width: 100%;
	background-color: #444444;
	color:#FFFFFF;
	font-size: 0.9em;
        text-align: center;
        padding: 4px 0px 9px 0px;
}

.footer a:link, .footer a:visited {
	color:#FFFFFF;
        font-weight: bold;
        white-space: nowrap;
}

.footer a:hover, .footer a:active {
	background-color:#006633;
}

/* SECTION-SPECIFIC */

div.galleryview {
    clear:both;
    display: inline-block;
    padding-bottom: 120px;
}

#gallery_more {
    display: none;
}

#loading {
  text-align: center;
  position: relative;
  top: -120px;
  background: yellow;
  
}

#loadingimg {
    
}

div.galleryview a:link, div.galleryview a:visited{
	color:#000000;
        width:100px;
	float: left;
	height: 100px;
	margin: 5px;
	padding: 5px;
	border-style:solid;
	border-width:1px;
	border-color:#E0F7D7;
	position: relative;
        font-weight:normal;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        transition: background .5s, border .5s, height 0.5s;
        -moz-transition: background .5s, border .5s, height 0.5s;
        -webkit-transition: background .5s, border .5s, height 0.5s;
}

div.galleryview a:hover, div.galleryview a:active, div.galleryview a:focus {
	background-color:#E0F7D7;
	border-style:solid;
	border-color:#000000;
}

.gallery img {
	width: 100px;
	height: 100px;
	margin-bottom: 5px;
}

img.gallery_basket {
        width: 20px;
        height: 20px;
        position: absolute;
        right: 0px;
        bottom: -4px;
}

div.reddot {
    background: red;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 2px;
    bottom: 2px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

img.gallery_basket_header {
        width: 15px;
        height: 15px;
        position: relative;
        top: 4px;
}

.title{
	font-size:0.9em;    
}
	
.type{
	font-size:0.8em;
	font-style:italic;
        margin-top: 3px;
        margin-bottom: 5px;
}



div.intropics {
    float: left;
    height: 175px;
    width: 175px;
    margin: 4px;
    position: relative;
}

div.intropics a {
    background-color:transparent;
    
}

div.intropics a img {
    margin: 2px;
    position:absolute;
}

#index1, #index2, #index3, #index4 {
    z-index: 99;
}

#index1, #index5 {
    top: 0px;
    left: 0px;
}

#index2, #index6 {
    top: 0px;
    right: 0px;
}

#index3, #index7 {
    bottom: 0px;
    left: 0px;
}

#index4, #index8 {
    bottom: 0px;
    right: 0px;
}


div.event_banner{
    font-weight: bold;
    line-height:100%
    
}

div.event_header{
    display:inline-block;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-weight: 700;
    padding: 2px;
    padding-left: 8px;
    margin: 2px;
    color:#FFFFFF;
    background-color: #004B25;
    background-image: linear-gradient(top, #00140A, #006633);
    background-image: -o-linear-gradient(top, #00140A, #006633);
    background-image: -moz-linear-gradient(top, #00140A, #006633);
    background-image: -webkit-linear-gradient(top, #00140A, #006633);
    background-image: -ms-linear-gradient(top, #00140A, #006633);
}

div.viewpic-graphic {
    position: relative;
    float:left;
    max-width: 290px;
    margin: 2px;
    display: block;
}

div.viewpic-text {
    display: block;
    position:relative;
    left: 0px;
    margin-left: 307px;
}

.viewpic-graphic a:link, .viewpic-graphic a:visited{
    float:left;
    padding: 3px 3px 10px 3px;
    margin-bottom: 12px;
}

.viewpic-text h2 {
	border-bottom:solid 2px #006633;
	padding-bottom: 6px;
        font-weight: normal;
        font-size: 26px;
}

.viewpic-text p{
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.desc {
        border-bottom:solid 2px #006633;
	padding-bottom: 10px;
}

p.details {
    font-size: 0.8em;
    color: #666666;
    margin-bottom: 10px;
}

.bigtype {
    font-family: 'Raleway', sans-serif;
	font-weight: bold;
        padding-top: 6px;
}

span.namelink{
    display:none;
}



.note {
    font-size: 0.9em;
    color: red;
}

tr > td:first-child {
    text-align: right;
}

table.admin {
    background-color: white;
}

td.la {
    text-align: left !important; 
}

td.ra {
    text-align: right !important;
}

td.ca {
    text-align: center !important;
}

tr.total {
    background: none;
    font-weight: bold;
}
tr.total td {
    border: none;
}

.admin td {
    border-style: solid;
    border-width: thin;
    border-color: lightgray;
    font-size: 0.9em;
}

table.admin tbody tr:hover {
    background: #FFFF80;
}

table.admin thead th {
    font-weight: normal;
    background: #DDDDDD;
    border: none;
    font-size: 0.9em;
    padding: 1px;
}

.adm{
    color:blue;
}

.waiting{
    color: grey;
}

.locked{
    color:red;
}

.hidden{
    color: gray;
    text-decoration:line-through;
}

.centre{
    text-align: center;
}

.ordering {
    font-size: 0.7em;
    margin-bottom: 0.5em;
}

.ordering a.selected:link, .ordering a.selected:visited {
    font-weight: bold;
}

.ordering-page {
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 0.5em;
}

.ordering-page * {
display: inline;
}



.buy{
    display:inline;
}

.buy_select{
    display:inline;
    background: yellow;
    border: 3px solid yellow;
    font-weight: bold;
}

td.arrows {
    text-align: center;
    font-size: 1em;
    color: gray;
}

.adminpic {
    position: relative;
    top: -150px;
    left: 10px;
}

div.blog {
    margin: 0 10px 0 5px;
    font-size: 1em;
    clear:both;
    position: relative;
    padding-bottom: 10px;
}

div.blogheader {
    font-family: 'Raleway', sans-serif;
    background-color:#E0F7D7;
    padding: 4px;
    border: 1px solid #006633;
    border-left: 12px solid #006633;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
div.blogheader * {
    font-family: 'Source Sans Pro', sans-serif;
}

div.blog-inverse {
    background-color:#006633;
    border-left-color: #E0F7D7;
    border-color: #333333;
}

div.blogheader-title {
    font-family: 'Raleway', sans-serif;
    //font-size: 16px;
    font-weight: bold;
}

div.blogheader-date {
    text-align: right;
    color: #444444;
    font-size: 10px;
}

div.blogmain {
    font-size: 1em;
    padding: 5px 5px 5px 5px;
}

div.blogshort {
    max-height: 200px;
    overflow: hidden;
    border-bottom: #006633 2px;
    border-bottom-style:dotted;
    overflow: hidden;
    text-overflow:ellipsis;
    max-height: 15.3em;

}

div.blogmore {
    position: absolute;
    top: -15px;
    right: -10px;
}

div.blogother {        
    position: absolute;
    top: -15px;
    left: 10px;
}

div.blogfooter {
    position: relative;
    //font-size: 0.6em;
    padding: 3px 7px 0 5px;
    text-align: right;
    height: 20px;
}

div.comment {
    margin-top: 0.9em;
    font-size: 0.9em;
    margin-right: 7px;
}

div.comment p.commentfooter {
    font-size: 0.7em;
    margin: 2px 0 2px 0;
    text-align: right;
}


div.comment p:first-child {
    background-color: #006633;
    color: white;
    padding-bottom: 2px;
}

div.comment p.edit {
    background-color: #000000;
}

span.edit {
    background-color: #000000;
    color: red;
}



ul.hintlist{
    list-style:circle;
    list-style:inside;
}

ul.hintlist li{
    margin-bottom: 0.5em;
}

a.gallery:link, a.gallery:visited, a.galleryr:link, a.galleryr:visited{
    color:#000000;
    width:100px;
    float: left;
    border-style:solid;
    border-width:1px;
    border-color:#E0F7D7;
    position: relative;
    font-weight:normal;
    height: 100px;
    margin: 2px;
    padding: 4px;
    
}

.blogmain a.gallery:hover, a.gallery:active, a.galleryr:hover, a.galleryr:active {
    background-color:#E0F7D7;
    border-style:solid;
    border-color:#000000;
}

.blogmain a.galleryr {
        float: right;
}

div#worklistp, div#worklistq, div#worklistl, div#worklist, .togglelist {
    font-size: 12px;
    position:fixed;
    width: auto;
    top: 20px;
    left: 50px;
    right: auto;
    text-align: center;
    background: #555555;
    border: black solid 3px;
    color: white;
}

div.scroll-container {
    text-align: left;
    color: black;
    overflow: scroll;
    height: 26em;
    background: #EEEEEE;
}

div.workitem:hover, div.groupitem:hover, div.useritem:hover {
    color: red;
}

div.workitem, div.groupitem {
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    font-size: 11px;
}

div.groupitem {
    border-bottom: 1px solid black;
}

div#stockheader {
}

div#stockheader a:link, div#stockheader a:visited{
    color: white;
    background-color:#006633;
    font-weight: normal;
    padding: 4px;
}

div#stockheader a:hover, div#stockheader a:active{
    background-color: black;
    color: yellow;
}

div#stockheader-sold a:link, div#stockheader-sold a:visited{
    color: red;
    background-color: black;
    font-weight: normal;
    padding: 4px;
}

div#stockheader-sold a:hover, div#stockheader-sold a:active{
    background-color: #006633;
    color: yellow;
}
/*
div#stock, div#stock1, div#stock2, div#stock3{
    border: none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 3px;
    overflow: hidden;
    color: black;

    background-color: none;
}*/



hr {
    margin-bottom: 0.8em;
}

#blogpanel {
    float: right;
    max-width: 600px;
    font-size: 10px;
}

div.colbox {
    height: 15px;
    padding: 0px 8px 0px 8px;
    margin-right: 5px;
    display: inline;
    border: black solid 1px;
    -webkit-print-color-adjust: exact;
}


div#stock a:link, div#stock a:visited{
    color: white;
    font-weight: normal;
}

div#stock a:hover, div#stock a:active{
    
}

div.stockitem a:link, div.stockitem a:visited{
    font-weight: bold;
    
}

div.stockitem a:hover, div.stockitem a:active{
    background-color: black;
}

div.nbs {
    width: 97%;
    margin: 2px;
    font-size: 0.7em;
    color: #006633;
}

div.nbs a {
    font-weight: bold;
}

.viewpic-text li{
    list-style-type: square;
    list-style-position:inside;
}

div.rel {
    margin-top: 3px;
    padding-top: 3px;
    width: 97%;
}

div.rel a{
    margin-top: 5px;
    padding: 0px 3px 0px 3px;

}



table.related td {
    text-align: left;
    vertical-align: top;
    /*border: #006633 solid 1px;*/
}

td.description {

    padding-top: 5px;
    margin-top: 10px;
}

table.summary {
    text-align: center;

}

table.summary td{
    border-style: solid;
    border-width: thin;
    border-color: lightgray;
    font-size: 0.9em;
    width: 80px;
}

table.editionslist {
    text-align: left;
}

table.editionslist td {
    text-align: left;
    border-style: solid;
    border-width: thin;
    border-color: lightgray;
    font-size: 0.9em;
    vertical-align: top;
}

table.editionslist th, table.summary th {
    font-weight: bold;
    text-align: center;
    border-style: solid;
    border-width: thin;
    border-color: lightgray;
    font-size: 0.9em;
}



img#mg {
    position:absolute;
    right: 0px;
    bottom: 0px;
    opacity:0.6;
    filter:alpha(opacity=60); /* For IE8 and earlier */
}
#mg:hover {
    opacity:1.0;
    filter:alpha(opacity=100);
}

div#fadeblock {
    width: 100%;
    height: 100%;
    background: black;
    position: fixed;
    top: 0px;
    left: 0px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    display:none;
}

div#overblock {
    width: 97%;
    height: 97%;
    position: fixed;
    top: 0px;
    left: 0px;
    display:none;
    line-height: 200px;
    z-index: 3;
}

div#overblock img {
    max-width: 99%;
    max-height: 99%;
    margin-left: auto;
    margin-right: auto;
    vertical-align:middle;
    margin-top: 1%;
    margin-bottom: 1%;
}

.stButton {
    z-index: 0 !important;
}

div.zoom {
    display:block;
    position:static;
    font-size:12px;
    bottom: 10px;
    font-weight: bold;
}

.stop-scrolling {
  height: 100%;
  overflow: hidden;
}

.blognav {
    text-align: center;
}

div#event_soc {
    margin-left: 10px;
}

div#event_soc a {
    margin-left: 10px;
    margin-right: 10px;
}

p.warning {
    color: black;
    background-color: #FF9999;
    border: red solid 1px;
    width: 100%;
}

br.clear {
    clear: both;
}

span.item_limit {
    display: none;
}

div.available a:link, div.available a:visited {
    /*border: solid 1px;
    border-color: #006633;
    background-color:#E0F7D7;
    font-size: 75%;*/
    float: right;
    padding: 4px;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
}

div.available a:hover, div.available a:active {
    background-color: yellow;
}


div.available img {
    width: 15px;
    position: relative;
    top: 2px;
}

div#test {
    font-size: 26px;
    font-weight: bold;
    font-family:monospace;
    color: red;
    position: fixed;
    left: 30px;
    top: 80px;
    z-index: 999;
    text-shadow: 2px 2px white;
}

.blogmain .buttonlink {
    float: right;
}

.inline {
    display: inline;
}

.buttonlink a:link, .buttonlink a:visited, .buttonlink input, .buttonlink button, .buttonlink div.button {
    font-family: 'Raleway', sans-serif;
    font-size: 0.9em;
    font-weight: normal;
    color: black;
    border: 1px solid #888888;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin: 3px 1px 3px 1px;
    padding: 3px 6px 3px 6px;
    white-space: nowrap;
    display: inline-block;
    background-color: #AACCBB;
    background-image: linear-gradient(bottom, #80B299 1%, #FFFFFF 99%);
    background-image: -o-linear-gradient(bottom, #80B299 1%, #FFFFFF 99%);
    background-image: -moz-linear-gradient(bottom, #80B299 1%, #FFFFFF 99%);
    background-image: -webkit-linear-gradient(bottom, #80B299 1%, #FFFFFF 99%);
    background-image: -ms-linear-gradient(bottom, #80B299 1%, #FFFFFF 99%)
}

.buttonlink a:hover, .buttonlink input:hover, .buttonlink button:hover, .buttonlink div.button:hover {
    background-color: #6CB08E;
    background-image: linear-gradient(bottom, #228855 1%, #FFFFFF 99%);
    background-image: -o-linear-gradient(bottom, #228855 1%, #FFFFFF 99%);
    background-image: -moz-linear-gradient(bottom, #228855 1%, #FFFFFF 99%);
    background-image: -webkit-linear-gradient(bottom, #228855 1%, #FFFFFF 99%);
    background-image: -ms-linear-gradient(bottom, #228855 1%, #FFFFFF 99%)
}


.buttonlink a:active, .buttonlink input:active, .buttonlink button:active .buttonlink div.button:active{
    color: white;
    border: 1px solid black;
    background-color: #0B713E;
    background-image: linear-gradient(bottom, #006633 1%, #228855 99%);
    background-image: -o-linear-gradient(bottom, #006633 1%, #228855 99%);
    background-image: -moz-linear-gradient(bottom, #006633 1%, #228855 99%);
    background-image: -webkit-linear-gradient(bottom, #006633 1%, #228855 99%);
    background-image: -ms-linear-gradient(bottom, #006633 1%, #228855 99%)
}

a.delete {
    color: red !important;
    margin: 0px !important;
    padding: 1px 9px 1px 9px !important;
}

a.delete_big {
    color: red !important;
}

#bigbuttons a, .bigbuttons a {
    //font-size: 14px;
    padding: 4px;
    margin: 6px;
    width: 186px;
    text-align: center;
}

.bigbuttons input {
    //font-size: 14px;
    padding: 2px;
    margin: 1px;
    margin-bottom: 4px;
    width: 200px;
    text-align: center;
}

.widebuttons a {
    width: auto !important;
}

div.biggerbuttons a{
    width: 250px;
    //font-size: 18px !important;
    margin: 6px !important;
    padding: 6px !important;
}


div.commentbox {

    //font-size: 11px;
    padding: 10px;
    margin-right: 20px;
    max-width: 500px;
}

div.eventpage_main {
    position: relative;
    margin-right: 294px;
}

div.eventpage_label {
    text-align: center;
    font-size: 16px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-weight: 700;
    padding: 2px;
    padding-left: 8px;
    margin: 2px;
    color:#FFFFFF;
    width: auto;
    background-color: #004B25;
    background-image: linear-gradient(top, #00140A, #006633);
    background-image: -o-linear-gradient(top, #00140A, #006633);
    background-image: -moz-linear-gradient(top, #00140A, #006633);
    background-image: -webkit-linear-gradient(top, #00140A, #006633);
    background-image: -ms-linear-gradient(top, #00140A, #006633);
    overflow: hidden;
}

div#past {
    background-color: #666666;
    background-image: linear-gradient(top, #00140A, #999999);
    background-image: -o-linear-gradient(top, #00140A, #999999);
    background-image: -moz-linear-gradient(top, #333333, #999999);
    background-image: -webkit-linear-gradient(top, #00140A, #999999);
    background-image: -ms-linear-gradient(top, #00140A, #999999);
}

div.eventpage_title {
    font-family: 'Raleway', sans-serif;
    font-size: 1.4em;
    border-bottom: solid 2px #004B25;
    margin: 3px;
    padding: 2px 2px 6px 2px;
    overflow: hidden;
}

ul.eventpage_ul {
    list-style:inside disc;
    font-family: 'Raleway', sans-serif;
    //font-size: 14px;
    margin: 3px;
    padding: 2px 2px 6px 4px;
    border-bottom: solid 2px #004B25;
    overflow: hidden;
}


ul.eventpage_ul li {
    padding-bottom: 3px;
    overflow: hidden;
}

div.eventpage_details {
    //font-size: 14px;
    margin: 3px;
    padding: 2px 2px 6px 4px;
    overflow: hidden;
}

div.eventpage_smallpics {
    margin: 3px;
    padding: 2px 2px 6px 4px;
    min-height: 115px;
}

div.eventpage_smallpics a:link, div.eventpage_smallpics a:visited {
    color:#000000;
    width:100px;
    float: left;
    height: 100px;
    border:solid 1px #E0F7D7;
    position: relative;
    padding: 4px;
}

div.eventpage_smallpics a:hover, div.eventpage_smallpics a:active {
    background-color:#E0F7D7;
    border:solid 1px black;
}

div.eventpage_bigpic {
    width: 294px;
    float: right;
    position: relative;
}

div.eventpage_bigpic a {
    margin: 2px;
}

.eventpage_pic_highlight {
    background: #006633;
}

.eventpage_pic_label {
    padding-right: 5px;
    font-size: 0.8em;
    float: right;
}

.eventpreview_title {
    font-weight: normal;
    font-family: 'Raleway', sans-serif;
    //font-size: 18px;
    padding: 1px;
    padding-left: 4px;
    background: #E0F7D7;
    margin-top: 3px;
}

.eventpreview_title_past {
    background:#FFFFFF;
    color: #555555;
}

.eventpreview_title_past a:link, .eventpreview_title_past a:visited {
    color: #666666;
}

.eventpreview_title_past a:hover, .eventpreview_title_past a:active {
    background: none;
    color:#006633;
}

.eventpreview_month {
    font-size: 10px;
    font-weight: normal;
}

.eventpreview_content {
    height: 100px;
    overflow:hidden;
    position: relative;
    border: 1px #006633 solid;
    padding: 1px;
    margin: 1px;
    padding-right: 102px;
}

.event_button {
    position:absolute;
    right: 101px;
    bottom: 0px;
    padding: 2px;    
    background-image: url("/graphics/event_button_bg.png");
}

ul.eventpreview_ul {
    list-style:inside disc;
    //font-size: 14px;
    margin-left: 5px;
    margin-top: 2px;
    padding: 0px;
    overflow: hidden;
}


ul.eventpreview_ul li {
    padding-bottom: 0px;
    overflow: hidden;
}

a.eventpreview_img {
    position: absolute;
    top: 1px;
    right: 1px;
}

div.event_preview {
    position: relative;
    padding-right: 109px;
}

div.eventpreview_content div.eventpage_details {
    height: 2.2em;
}

div.eventedit_smallpics {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 105px;
}

div.eventedit_smallpics div {
    padding: 1px;
}

form#event_form table {
    border-top: solid 1px black;
}

table#galleryadmin {
    max-width: 800px;
    page-break-inside: avoid;
}

#galleryeditview {
    
}

#galleryeditform {
   float:left;
   width: 100%;
   max-width: 683px;
   
}

#galleryeditform table {
    width: 96%
}


#galleryeditform table tr td:first-child {
    width: 150px;
}

td.overflowhidden {
    overflow:hidden;
    max-width: 300px;
    white-space: nowrap;
}

img.stockicon {
    float: right;
}

ul#sortable li, .sort-highlight {
    position: relative;
    float: left;
    width: 200px;
    height: 40px;
    font-size: 12px;
    border: #006633 1px solid;
    margin: 5px;
    padding: 2px;
    background:#E0F7D7;
    vertical-align: top;   
}

.sort-highlight, .sort-highlight-ot {
    //background: #DDDDDD !important;
    border-style:dashed !important;
    opacity: 0.5;
}

ul#sortable li:hover, ul#sortable li:active {
    cursor: move;
    background: yellow;
}

ul#sortable li span {
    font-size: 40px;
    position: absolute;
    top: 0px;
    right: 0px;
    color: #888888;
}

ul#sortable img {
    float: left;
    margin-right: 5px;
}

.clear {
    clear: both;
}

span.order_number {
    font-size: 10px;
}

span.colbox {
    display: inline !important;
    border: 1px solid black;
    width: 20px;
    height: 20px;
    -webkit-print-color-adjust: exact;
}

sup {
    font-size: 8px;
    cursor: help;
}

span.red {
    color: red;
    cursor: help !important;
}

td.tablesection {
    font-weight: bold;
    text-align: left !important;
}

table#summary tr td {
    min-width: 40px;

}

table#summary tr > td:first-child {
    background: #DDDDDD;
    border: none;
}

input.edition_num {
text-align: right;
width: 2.5em;
}

input.edition_total {
text-align: left;
width: 2.5em;
}

img#stockediting {
    float:left;
}

select#img_url {
    width: 300px;
}

img.switch {
    margin-top: 10px;
}

textarea.subject {

}

textarea.body {
    font-family:sans-serif;
}

table.email {
    width: 100%;
}

table.email td.sec {
    background: white;
    border: 1px solid #CCCCCC;
}

div#tofield {
    overflow-y: scroll;
}

span.table_subtitle {
    font-size: 9px;
    color: #555555;
}

table.usersadmin td {
    max-width: 170px;
    overflow: hidden;
    white-space:nowrap;
    padding: 0px;
}

span.good {
    color: #006633;
}

span.grey {
    color:#BBBBBB;
}

span.lok {
    color:red;
}

div.deleteconfirm {
    color: red;
    background-color: #FFFF80;
    border: red solid 2px;
    padding: 5px;
    margin: 5px;
}

.savednotify {
    background-color: #4AB915;
    border: #006633 solid 2px;
    padding: 5px;
    margin: 5px;
}

.gallerynotify {
    position: absolute;
    top: 0px;
    right: 130px;
}

.delete_item, .delete_user {
    color: red;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6p
}

.delete_item:hover, .delete_user:hover {
    background-color: #006633;
}

.strike {
    text-decoration: line-through;
    color: grey;
}


.qty_ , .move_ {
    background: #006633;
    color: white;
    padding: 1px;
    margin: 2px;

    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.qty_:hover, .move_:hover {
    color: black;
    background: yellow;
}

.move_._down {
    margin-right: 50px;
}

.disabled {
    color: #666666 !important;
    pointer-events: none !important;
    cursor: default !important;
    background: #666666;
    background-image: linear-gradient(bottom, #999999 1%, #EEEEEE 100%) !important;
    background-image: -o-linear-gradient(bottom, #999999 1%,  #EEEEEE 100%) !important;
    background-image: -moz-linear-gradient(bottom, #999999 1%, #EEEEEE 100%) !important;
    background-image: -webkit-linear-gradient(bottom, #999999 1%, #EEEEEE 100%) !important;
    background-image: -ms-linear-gradient(bottom, #999999 1%, #EEEEEE 100%) !important;
    -moz-user-select: none !important;
    -khtml-user-select: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;
}

.usercol {
    max-width: 250px;
}

#overblock_close, .overblock_close {
    line-height: 70px;
    font-size: 70px;
    width: 70px;
    color: white;    
    padding: 3px;
    position: fixed;
    top: 20px;
    right: 20px;
    cursor:pointer;
    opacity: 0.3;
}

#overblock_close:hover, .overblock_close:hover {
    background-color: #006633;
    opacity: 1.0;  
}

#forwardArrow{
    width: 70px;
    font-size: 70px;
    line-height: 70px;
    color: white;
    padding: 3px;
    cursor: pointer;
    position: fixed;
    top: 120px;
    right: 20px;
    opacity: 0.3;
}

#forwardArrow:hover{
    opacity: 1.0;
    background-color: #006633;
    
}


a#imgzoom {
    cursor: nwse-resize;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
    overflow: hidden;
    position: relative;
}

table.purchase {
    min-width: 80%;
    max-width: 100%;
}

table.purchase td {
    background-color: white;
    padding: 8px;
    max-width: 600px;
}

div.status {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
    min-width: 300px;
}

.status0 {
    /*Order received*/
    background-color:#FFFF00;
 
}

.status1 {
    /*On its way*/
    background-color:yellowgreen;

}

.status2 {
    /*Information needed*/
    background-color:#FF0000;
    color: white;
    font-weight: bold;
}

.status3 {
    /*Delivered*/
    background-color:green;
    color: white;

}

.status4 {
    /*Delivery attempted*/
    background-color:turquoise;
    font-weight: bold;
}

.status5 {
    /*Cancelled*/
    background-color:#BBBBBB;
    
}

table.orderlist td {
    vertical-align:middle;
}

table.orderlist {
    min-width: 80%;
    max-width: 100%;
}


a.orders img {
    margin-top: 5px !important;
    
}

div.include, div.remove {
    margin: 0px !important;
    padding: 1px 3px 1px 3px !important;
    cursor:pointer;
}

tr.notIncluded {
    color: #FF9999;
}

tr.sent {
    color:#006633;
}

tr.optout {
    color: #777777;
}

span.green {
    color: #006633;
}

.form {
    font-size: 1em;
    border-style:none;
    clear:both;
    width: 100%;
}

input.textinput, .admininput, .dateinput{
    border: 2px solid #80B299;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    height: 14px;
    padding: 2px;
    width: 200px;
    background-color: #E0F7D7;
}

input.textinput:hover, .admininput:hover, .dateinput:hover {
    border-color: #006633;
}

input.textinput:focus, .admininput:focus, .dateinput:focus {
    background-color: white;
    border-color: #006633;
}

input[disabled].textinput, input[disabled].admininput, input[disabled].dateinput{
    border-color: #AAAAAA;
    background-color: #EEEEEE;
}


.dateinput {
    width: 80px;
    text-align: center;
}

.admininput {
    width: 100%;
}

textarea.admininput {
    height: auto;
}

div.gallerynav {
    float: right;
    margin-right: 10px;
}

span.gallerynav {
    background: #006633;
    color: white;
    padding: 2px;
    border: 1px solid #006633;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

table.pricelist {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

table.pricelist tr.plrow { 
    page-break-inside: avoid;
    //display:block;
    -webkit-region-break-inside: avoid;
}

table.pricelist td {
    text-align: left;
    border: 1px gray solid;
    font-size: 12px;
}

table.pricelist td.plcol_a {
    width: 25%;
}

table.pricelist td.plcol_b {
    width: 0;
}

table.pricelist td.plcol_c {
    width: 75%;
}

table.pricelist td.plcol_c img {
  //max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

table.pricelist td span {
    display: block;
    margin-bottom: 5px;
}

.pltitle {
    font-size: 16px;
    font-weight: bold;
}

.plmedium {
    font-style:italic;
}

.plsname {
    font-size: 16px;
    display: inline !important;
    font-weight: bold;
    margin: 5px;
}

.plsprice {
    display: inline !important;
    font-size: 16px;
    font-weight: bold;
    margin: 5px;
}

table.pls_data {
    width: 95%;
    border-collapse: collapse;
    border-color: #AAAAAA;
    -webkit-print-color-adjust: exact;
}

table.pls_data td {
    border-color: #AAAAAA;
}

table.pls_data td:first-child {
    background: #DDDDDD;
    width: 50px;
}

.tr-border {
    padding-top: 20px;
}

.small-caps {
    font-variant: small-caps;
}

blockquote {
    background: #E0F7D7;
    padding: 10px 10px 20px 10px;
    margin-left: 10px;
    color:#003D1F;
    
}

img.openquote {
     float: left;
     width: 12px;
     margin: 0px 10px 0px 0px;

 }

img.closequote {
     float: right;
     width: 12px;
    margin: 0px 0px 0px 10px;;

 }

 img.headshot {
    float: left;
    margin: 0px 15px 15px 0px;
    border: #006633 solid 1px;
    width: 100px;
    height: 100px
}

 img.sgfa-logo {
     float: right;
     margin: 15px 0px 15px 15px;
     border: #006633 solid 1px;
}

table.setevent td:first-child {
    width: 120px;
}

table.userdetails td:first-child {
    width: 160px;
}

table.userdetails td:nth-child(2) {
    width: 280px;
}

div.fileselect {
    font-size: 20px;
    text-align: center;
    width: 90%;
    border: #006633;
    margin: 10px;
    padding: 10px;
}

div.fileselect input {
    margin: 20px;
    padding: 10px;
}

span.hidden {
    display: none;
}

a.nextpage {
    display: none;
}

.tag, .tagx {
    font-size: 0.8em;
    background: #006633;
    color: white;
    font-weight: bold;
    border-radius: 0 2px 2px 0;
    display: inline-block;
    left: 0;
    line-height: 20px;
    margin: 5px;
    padding: 0 5px 0 0px;
    position: relative;
    top: 0;
}

.tagx {
    cursor:pointer
}

.tagx:hover {

    text-decoration: line-through;
    text-decoration-color: red;
}

.tagx:before, .tag:before { 
  border-right: 10px #006633 solid;
  border-top: 10px transparent solid;
  border-bottom: 10px transparent solid;
  content: '';
  height: 0;
  left: -10px;
  position: absolute;
  top: 0;
  width: 0;
}

.tagx:after, .tag:after{ 
  //background: white; 
  //border: 2px #add solid; 
  //border-radius: 50%;
  content: '';
  //height: 3px;
  left: 0;
  position: absolute;
  width: 3px;
  top: 8px;
}

.tagnav {
  margin: 0px;
  margin-left: 0.9em;
}

textarea {
    font-family: sans-serif;
}

.galleryintro a {
    border: #006633 solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 2px 5px 2px 5px;
    margin: 3px 3px 3px 3px;
    font-size: 12px;
}

.galleryintro a:hover, .galleryintro a:active {
    background: yellow;
    color: #006633;
}

.galleryintro a img {
    top: 2px;
}

.galleryintro a.selected {
    color: white;
    background: #000000;
}

span.gallerytick {
    color: white;
}

.galleryintro {
    display: inline !important;
}



.galleryintro input.textinput {
    width: 100px; 
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.galleryintro input:active {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

span#search-button {
    border: none;
    position: relative;
    left: -21px;
    top: 1px;
    padding: 1px;
}

.taglist a, .taglist span {
    color: white;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
}

.taglist a:hover, .taglist span:hover {
    background-color: black;
}

.taglist a:hover:before, .taglist span:hover:before {
    border-right-color: black;
}

span.taglistintro {
    font-family:Cutive;
    font-size: 0.8em;
    font-weight: bold;
    padding-right: 1em;
}

a.tag-active {
    background-color: black;
    color: yellow;

    
}

a.tag-active:before {
    border-right-color: black;
}

.titletype {
    font-size: 0.9em;
    line-height: 80%;
    background: #E0F7D7;
    width: 100px;
    height: 0px;
    position: absolute;
    top: 104px;
    left: -6px;
    z-index: 10;
    transition: height .5s, opacity .5s, filter .5s;
    -moz-transition: height .5s, opacity .5s, filter .5s;
    -webkit-transition: height .5s, opacity .5s, filter .5s;
    opacity: 0;
    filter: alpha(opacity=0);
    border: none;
    overflow: hidden;
    margin: 5px;
    padding: 5px;
    border: black solid 1px;
    border-top: none;
}

.titletype span {
    font-size: 0.8em;
    color: white;
    background: #006633;
    padding: 0px;
line-height: 1.3em;
    margin: 0px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

a:hover .titletype, a:active .titletype, a:focus .titletype {
    height: 100px; 
    opacity: 0.9;
    filter: alpha(opacity=90);
}

#search-button:hover, #moretags:hover {
    cursor:pointer;
}

textarea:focus, input:focus{
    outline: 0;
}

.tag-hidden {
    display: none;
}

.galleryview .gallerynext {
    display: none;
    text-align: center;
    background-color: yellow;
    line-height: 2;
}

div.mediumselect {
    display: block;
    width: 100%;
    padding-bottom: 6px;
    clear: both;
    white-space: nowrap;
}

div.mediumselect a {
    font-size: 1.4em;
    width: 32%;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    font-family: "Cutive";
    color: white;
    background: #006633;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    height: 1.4em;
}

div.mediumselect a:before {
    content: "\0025CB";
}
    
div.mediumselect a.selected:before {
    content: "\0025C9";
}



span.nowshowing {
    width: 100%;
    display: inline-block;
    clear: both;
    font-variant:all-small-caps;
    border-top: #006633 solid 2px;
    border-bottom: #006633 solid 2px;
    padding-bottom: 2px;
    padding-top: 1px;
    cursor:help;
    background-color: white;
}

span.nowshowing p {
    display: inline;
    color: #006633;
    font-weight: bold;
    padding-left: 1em;
    padding-right: 1em;
    font-variant: normal;
}

.preview-big {
    overflow: hidden;
    height: 204px;
    white-space: nowrap;
    background: #006633;
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
}

.preview-small {
    display: inline-block;
    width: 50%;
    position: relative;   
    overflow: hidden;
}

.preview-small img {
    border-left: 1px #006633 solid;
    border-right: 1px #006633 solid;
    position: relative;
}

.preview-big-gallery {
    overflow: hidden;
    white-space: nowrap;
    background: white;
    
}



.preview-small-gallery {
    display: block;
    width: 100%;
    position: relative;   
    overflow: hidden;
    border-radius: 30px;
}


.preview-small-gallery img {
    border-left: 2px white solid;
    border-right: 2px white solid;
    position: relative;
    border-radius: 30px;
}

p.preview-small-overlay {
    display: block;
    position: absolute;
    width: 100%;
    height: 200px;
    text-align: center;
    text-shadow: 2px 2px #006633;
    font-weight: bold;
    font-family: 'Cutive';
    font-size: 28px;
    color: white !important;
    padding-top: 80px;
    border-left: 1px solid white !important;
    z-index: 10;
}

p.gallery-preview {
    height: 100px;
    padding-top: 30px;
    text-align: left;
    padding-left: 20px;
    /*background-color: #006633;*/
    opacity: 1;
    font-size: 38px;
    transition: all 0.5s ease-in-out;
    
}

.preview-small:hover {
    
    
}

p.preview-small-overlay:hover {
    background-color: #006633;
    opacity: 0.6;
    color: white !important;
}

p.gallery-preview:hover {
    padding-left: 100px;
}

.otherthumbs-img:hover {
    opacity: 0.5;
    cursor:grabbing;
}

div.otherthumbs-indv {
    display: list-item;
    width: 120px;
    height: 100px;
}

.ot-delete {
    position: relative;
    left: 40px;
    bottom: 0px;
    color: red;
    font-weight: bold;
}

.ot-delete:hover {
    background: #006633;
    cursor: pointer;
}

ul.otherthumbs .otherthumbs-indv, .sort-highlight-ot {
    position: relative;
    float: left;
    width: 100px;
    height:115px;
    font-size: 12px;
    border: #006633 1px solid;
    margin: 5px;
    padding: 2px;
    background:#E0F7D7;
    vertical-align: top;   
}

div.otherimages {
    margin-top: 0.5em;
    margin-left: 1em;
}

div.mob {
    display: none;
}


img.otherthumbs-gallery {
    border: 3px solid;
    border-color: #E0F7D7;
}


img.otherthumbs-gallery:hover {
    border-color: #006633;
    cursor: nwse-resize;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

div.soldbanner {
  font: bold 15px Sans-Serif;
  color: white;
  font-weight: bold;
  text-align: center;
  -webkit-transform: rotate(320deg);
  -moz-transform:    rotate(320deg);
  -ms-transform:     rotate(320deg);
  -o-transform:      rotate(320deg);
  position: absolute;
  padding: 7px 0;
  left: -25px;
  top: 10px;
  width: 120px;
  background-color: red;
}

div.printsbanner {
  font: bold 11px Sans-Serif;
  color: yellow;
  font-weight: bold;
  text-align: center;
  -webkit-transform: rotate(40deg);
  -moz-transform:    rotate(40deg);
  -ms-transform:     rotate(40deg);
  -o-transform:      rotate(40deg);
  position: absolute;
  padding: 7px 0;
  right: -30px;
  top: 10px;
  width: 140px;
  background-color: #006633;
}

div.soldout {
    font-stretch:extra-condensed;
    font-size: 13px;
    left: -23px;
    top: 11px;
}

.soldbanner:before, .soldbanner:after {
  content: "";
  border-top:   3px solid darkred;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.soldbanner:before {
  left: 0;
}
.soldbanner:after {
  right: 0;
}

.printsbanner:before, .printsbanner:after {
  content: "";
  border-top:   3px solid #003311;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.printsbanner:before {
  left: 0;
}
.printsbanner:after {
  right: 0;
}

.red {
    color: red !important;
}

tr.voucher-used {
    background:#d2fdca
}

tr.voucher-expired {
    display: none;
    color: grey;
}

tr.voucher-active {
    display: table-row;
}

table.userdelete {
    width: 500px;
    font-size: 1.1em;
}

table.userdelete td {
    background-color: white;
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
}

.artfinder-info *, .riseart-info *{
    font-size: 0.7em;
    background: yellow;
}

span.state {
    font-size: 0.6em;
    font-style: italic;
    padding-left: 0.5em;
    font-variant: small-caps;
}

div.versions {
    padding-top: 5px;
}

div.versions-buy {
    background-color:yellow;
    border: black 1px solid;
}

td.warning {
    color: red !important;
    
}

#notification-bar {
    background: yellow;
    font-weight: bold;

}

.instaicon {
    opacity: 0.5;
    float: right;
}

.instaicon:hover {
    opacity: 1;
}

#instafeed {
    /*height: 150px;*/
    overflow: hidden;
}

img.insta {
    float: left;
    margin-right: 10px;
    width: 150px;
    height: 150px;
    object-fit: cover;
}

div.insta {
    font-size: 1em;
    min-height: 120px;
    justify-content: center;
}

div.instadata {
    padding: 5px;
    text-align: right;
    color: #006633;
    font-size: 0.9em;
}

div.instadata img {
    width: 0.8em;
    height: 0.8em;
    margin-right: 3px;
    margin-left: 10px;
}

span.instahash {
    color: #006633;
}

span.instaat {
    color: #555;
}


#gallerynextmsg {
    display: none;
    position: fixed;
    background: yellow;
    z-index: 99;
    left: 0px;
    right: 0px;
    padding: 5px;
    font-weight: bold;
    text-align: center;
    bottom: 0px;
}

#mc_embed_signup {
    display: inline;
    text-align: center;
}

#mc_embed_signup_scroll{
    display: inline;
}

#mc_embed_signup_scroll div{
    display: inline;
    
}

span.signup{
    color: #E0F7D7 !important;
    font-family: 'Cutive';
    font-weight: bold;
    font-size: 0.9em;
    text-align: center;
}

span.signup a:link, span.signup a:visited{
    color: #E0F7D7 !important;
    display: block;
    padding-top: 0.5em;
    font-family: 'Cutive';
}

span.signup a:hover, span.signup a:active{
    color: white !important;
}

.mc-field-group input {
    font-size: 1em;
}

input#mc-embedded-subscribe {
    
    height: 2em;
    font-size: 0.9em;
    
}

div.subscribed{
    background: lightgreen;
    padding: 5px;
}

div.not_subscribed{
    background:#FF9999;
    padding: 5px;
}

.privacy {
    
}

.privacy p {
    padding-top: 0.5em;
    padding-bottom: 1em;
    
}

.privacy table {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    width: 100%;
}

.privacy table tr td:first-child{
    background-color: lightgray;
    width: 4em;
}

.privacy table td {
    border: 1px solid lightgray;
    vertical-align:top;
}

span.galleryprice {
    padding: 10px 10px 6px 10px;
    border: 3px solid #006633;
    font-family: Cutive;
    background: #eeffff;
}

p.featured {
    padding-bottom: 1px;
    margin-bottom: 1px;
}

span.bloglabel {
    background-color:#E0F7D7;
    font-family:Cutive;
    padding: 0.1em;
    padding-left: 0.3em;
    padding-right: 0.3em;
            border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
}

span.eventlabel {
    background-color:#006633;
    color: white;
    font-family:Cutive;
    padding: 0.1em;
    padding-left: 0.3em;
    padding-right: 0.3em;
    padding-top: 0.2em;
            border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
}

span.date {
    font-style:italic;
    font-size: 0.7em;
}

p.featured-header {
    border-top: 2px solid #006633;
    padding-bottom: 1px;
    margin-bottom: 1px;
    font-family:Cutive;
    font-size: 0.9em;
    text-align: center;
    font-weight: bold;
}

li.gallerynav {
    overflow: hidden;
    transition: all .5s ease-in-out;
}

li.gallerynav:hover, li.gallerynav:active {
    height: 100px !important;
    
}

li.gallerynav:hover a, li.gallerynav:active a {
    display: block !important;
    
}

a.gallerynav {
    text-align: right;
    font-size: 0.9em;
    padding: 1px 1px 1px 1px !important;
    margin-left: 15px !important;
    display: none !important;
    background-color:#006633 !important;
}

div#navmenu li {
    height: 30px;
    font-weight: bold;
    font-size: 18px;
}



tr.gallsold td:first-child{
    background-color: red;
    color: white
}

tr.gallhidden {
    
    color: grey;
    font-style: italic;
}

span#galleryadminfilter {
    display: none;
    margin-left: 30px;
}

tr.sold {
    background-color:#CCC;
}

tr.partsold {
    background-color:#FFF;
}

span.loaderror{
    background: red;
    color: white;
    font-weight: bold;
}

p.login-terms {
    font-size: 0.9em;
}

.login-header {
    width: 600px;
    max-width: 100%
}

a.sold {
    color: grey;
    text-decoration:line-through;
}

span.smalltext {
    font-size: 0.8em;
}

tr.framed{
    background: lightgrey;
}

tr.repro{
    background: pink;
}

span.buy {
    background: #006633;
    color: white;
    margin: 3px;
    font-size: 0.8em;
}

div.gallery_nav {
    display: table;
font-family: 'Raleway', sans-serif;
    display: flex;
    background: #E0F7D7;
    padding: 2px;
    border: 1px #006633 solid;
    margin-bottom: 0.5em;
    overflow: none;
    height: 1.3em;
    font-size: 0.9em;
}

div.gallery_nav span {
    display: table-cell;
    width: 33.33%;
    flex: 1;
    display: flex;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


div.gallery_nav span span {
   display: inline-block;
   width: auto;
}

div.gallery_nav span a {
    width: 100%;
    height: 100%;
    display: inline-block;
    white-space: nowrap;
  overflow: hidden;
    text-overflow: ellipsis;
}

span.gallery_nav_next {
    text-align: right;
}

span.gallery_nav_results {
    text-align: center;
    vertical-align:middle;
    font-weight: bold;
    border-left: 1px solid #006633;
    border-right: 1px solid #006633;
}

span.gallery_nav_results img {
    width: 1.2em;
}

.mobile-only {
    display:none;
}

div.gnubuttons {
    display: inline;
}

input.name {
    width: 20em;
}

ul.sellers {
    list-style-type: disc;
    list-style-position: inside;
}

tr.galleryrow {
    height: 24px;
}

tr.galleryrow td div {
    height: 24px;
    overflow: clip;
    white-space: nowrap;
    width: 220px;
}

tr.galleryrow td.medium div {
    width:150px;
}

#cookieNotice {
    display: block;
    right: 30px;
    bottom: 30px;
    max-width: 395px;
    box-sizing: border-box;
    position: fixed;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 6px 6px rgb(0 0 0 / 25%);
    font-family: inherit;
    z-index: 999997;
    background: white;
    opacity: 85%;
}

#cookieNotice * {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
}

.cookie-title {
    
    align-items: center;
    margin-bottom: 10px;
    padding-left: 45px;
    height: 2em;
}

.cookie-btn {
    display: flex;
    flex-direction: row;
    
    justify-content: center;
    margin: 0 -5px 0 -5px;
    flex-wrap: wrap;
}

 .cookie-btn button {
    flex-grow: 1;
    padding: 0 7px;
    margin: 0 5px 10px 5px;
    border-radius: 20px;
    cursor: pointer;
    white-space: nowrap;
    min-width: 130px;
    line-height: 36px;
    border: none;
    font-family: inherit;
    font-size: 16px;
    font-weight: bold;
    transition: box-shadow .3s;
}

.cookie-btn-primary {
    color: white;
    background: #006633;
    border: 1px solid #115cfa;
}

svg.baskettext {
    width: 20px;
    height: 20px;
    position: relative;
    top: 3px;
}

.racontainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

/* List item styling */
.racontainer ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

.racontainer li {
    margin: 10px;
}

/* Link styling */
.racontainer a {
    display: block;
    width: 170px;
    text-align: left;
    text-decoration: none;
    color: black;
    transition: background-color 0.3s, color 0.3s;
    font-weight: bold;
    border: 4px solid transparent;
}

/* Image styling */
.racontainer a img {
    display: block;
    width: 170px;
    height: 170px;
    object-fit: cover; /* Ensures the image is cropped to fit */
    margin-bottom: 5px;
    transition: opacity 0.3s, border-color 0.3s; 
    box-sizing: border-box; 
}

/* Hover effect */
.racontainer a:hover {
    color: white;
}

.container a:hover img {

    border-color: #0000ff; 
}

table.artfinder {
   width: 100%;
}

table.artfinder tr > td:first-child{
    text-align: left;
}

table.artfinder td {
    border: 1px gray solid;
}

.ui-hidden {
    display: none;
}

tr a.q0 {
   text-decoration: line-through;
   
}