a, a:link, a:visited {
	color: #00a0c1;
  background: url('/image/transparent.gray.png') bottom repeat-x;
	text-decoration: none; }
	
a:hover, a:active {
	color: black;
  background: url('/image/transparent.blue.png');
	text-decoration: none; }
  
p, br {
	display: inline-bliock;
	clear: left;
  margin: 0px;
  padding: 0px;
  border: none;  }

body { 
  padding: 0px;
  margin: 0; 
  padding: 0;
  width: 100%; }

textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus {
	outline: 2px solid orange;
  border: 1px solid black; }

input[type='radio'] {
  margin-right: 8px;
  top: -4px; }
  
button {
  cursor: pointer;
  vertical-align: middle;
  font: bold 16pt/16pt 'Anton', sans-serif;
  font-weight: 400;
  margin-top: 4px; 
  margin-right: 6px;  }
  
label {
  cursor: pointer;
  text-align: left;
  float: left;
  margin: 0px;
  padding: 0px;
  margin-left: 4px;
  font: normal 18pt/18pt 'Anton', sans-serif;
  font-weight: 400;  }

::placeholder {
  color: silver;  }



#pageLogo {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  top: 10px;
  left: 10px; 
  width: 150px;
  height: 97px;
  cursor: pointer;  }
 
#pageLogoName {
  display: block;
  position: absolute;
  vertical-align: top;
  top: 4px;
  left: 170px; 
  height: 115px; 
  width: auto;
  font: normal 77pt/70pt 'Abril Fatface', cursive;
  font-weight: 400;
	color: #00a0c1;
  overflow: hidden;
  text-overflow: elipsis;
  text-wrap: nowrap;  }
 
#pageBody {
  box-sizing: border-box;
  position: relative;
  display: block;
  margin-top: 5px;
  padding: 25px;
  min-height: 90vh;
  overflow-y: auto;  }


#pageNav {
  box-sizing: border-box;
  position: fixed;
  display: block;
  right: 2px;
  top: 10px;
  width: 260px;
  vertical-align: top; 
  z-index: 300; }

  #pageNavToggle {
    cursor: pointer;
    width: 48px;
    height: 48px;
    position: absolute;
    display: block;
    left: -55px;
    background-color: rgb(249,249,249);
    top: 0px;   }
    
  .navButton {
    cursor: pointer;
    clear: all;
    width: 250px;
    height: 30px;
    margin-bottom: 5px;
    text-align: center;
    background: whitesmoke;
    color: #888888;
    border: 1px solid white;
    font: bold 17pt/15pt 'Anton', sans-serif;
    padding-top: 7px;
    font-weight: 400;
    letter-spacing: 1px;  }
  
  .navButtonHi, .navButton:hover, .navButtonHi:hover {
    cursor: pointer;
    clear: all;
    width: 250px;
    height: 30px;
    margin-bottom: 5px;
    text-align: center;
    background: url('/image/transparent.blue.png');
    color: black;
    border: 1px solid black;
    font: bold 17pt/15pt 'Anton', sans-serif;
    padding-top: 7px;
    font-weight: 400;
    letter-spacing: 1px;  }
  
  .subNavButton {
    cursor: pointer;
    clear: all;
    width: 200px;
    height: 20px;
    margin-bottom: 5px;
    text-align: center;
    border: 1px solid whitesmoke;
    background: whitesmoke;
    color: #666666;
    font: bold 14pt/13pt 'Anton', sans-serif;
    padding-top: 3px;
    font-weight: 400;
    margin-left: auto;
    margin-right: auto;  }
  
  .subNavButtonHi, .subNavButton:hover, .subNavButtonHi:hover {
    cursor: pointer;
    clear: all;
    width: 200px;
    height: 20px;
    margin-bottom: 5px;
    text-align: center;
    border: 1px solid #444444;
    background: gainsboro;
    color: black;
    font: bold 14pt/13pt 'Anton', sans-serif;
    padding-top: 3px;
    font-weight: 400;
    margin-left: auto;
    margin-right: auto;  }
 
#pageFooter {
  box-sizing: border-box;
  position: fixed;
  z-index: 99;
  bottom: 0px;
  left: 0px;
  width: 100%;
  padding: 2px;
  padding-left: 20px;
  height: 24px;
  valign: middle;
	font: normal 12pt/14pt 'Anton', sans-serif;
  letter-spacing: 1px;
  color: white;
  background-color: rgba(0,0,0,.7);  }

  
  
#lure { 
  color: transparent; 
  float: left; 
  height: 1px; 
  width: 1px; 
  overflow: hidden;  }

.dialogBox {
	box-sizing: border-box;
	position: absolute;
  display: block;
  z-index: 998;
  top: 150px;
  left: 0px;
  right: 0px;
  width: 100%;
  padding: 20px 50px 20px 50px; 
  text-align: center;
  font: normal 22pt/26pt 'Anton', sans-serif;
  color: black;
  letter-spacing: 4px;
  font-weight: 400;
  background: #fbb569;
  opacity:0.92;  }

.dialogBoxAlert {
	box-sizing: border-box;
	position: absolute;
  display: block;
  z-index: 998;
  top: 150px;
  left: 0px;
  right: 0px;
  width: 100%;
  padding: 20px 50px 20px 50px; 
  text-align: center;
  font: normal 22pt/26pt 'Anton', sans-serif;
  color: white;
  letter-spacing: 4px;
  font-weight:  700;
  background: #bd3e11;
  opacity: 0.92;  }

  



td, div, br, p {
	margin-bottom: 5px;  }

.normal, body {
	font: normal 15pt/18pt 'Anton', sans-serif;
  font-weight: 400;
  color: black;
  margin-bottom: 5px;  }

ul, li, .listitem {
	font: normal 13pt/15pt 'Anton', sans-serif;
  font-weight: 300;
  color: #444444;
	margin-left: 15px;  }

.small {
	font: normal 10pt/12pt 'Anton', sans-serif;
  font-weight: 300;
  color: black;  }

.monospace {
	font: normal normal normal 14px/20px "Lucida Console", "OCR A Extended", "Lucida Sans Unicode", Courier, "Courier New", monospace;
  color: black;  }

.title, h1 {
	display: inline-bliock;
	clear: left;
	font: normal 32pt/32pt 'Abril Fatface', cursive;
  font-weight: 700;
	color: #00a0c1;
  margin-bottom: 2px;  }

.subtitle, h2 {
	display: inline-bliock;
	clear: left;
	font: normal 26pt/26pt 'Abril Fatface', cursive;
  font-weight: 700;
	color: #00a0c1;
  margin-top: 12px;
  margin-bottom: 2px;  }

.subsubtitle, h3 {
	display: inline-bliock;
	clear: left;
	font: normal 16pt/18pt 'Anton', sans-serif;
  font-weight: 700;
	color: #00a0c1;
  margin-top: 8px;
  margin-bottom: 2px;  }

.note {
	font: italic 13pt/12pt 'Anton', sans-serif;
  font-weight: 300;
	color: #666666;
  clear: left;
	margin-top: 2px;  }

.textWhite {
	color: white;  }

.contentBox {
  display: block; 
  padding: 8px; 
  margin-bottom: 15px; 
  background-color: rgba(240,240,240,.2); 
  border: 1px solid rgba(220,220,220,1); 
  clear: both; 
  max-width: 95%;  }

.contentBoxSubsection {
  display: block; 
  padding: 5px; 
  margin-top: 8px; 
  margin-left: 16px; 
  background-color: rgba(240,240,240,.35); 
  border: 1px solid rgba(220,220,220,1); 
  clear: both; 
  max-width: 80%;
  border: 1px solid silver;  }


.picDescription { 
  position: relative;
  white-space: normal;
  text-align: left;
  display: inline-block;
  float: left;
  padding: 7px;
  padding-right: 64px;
}



#picCanvas {
  position: fixed;
  display: inline-block;
  z-index: 9;
  top: 0px;
  left: 340px;
  right: 0px;
  height: 100%;
  width: 100%;
  padding: 25px;
  white-space: nowrap;
  vertical-align: top;
  overflow: auto;
  background: rgba(250,250,250,.94);  }

#picCanvasClose {
  position: absolute;
  display: block;
  cursor: pointer;
  top: -20px;
  right: -40px;  }

#picShow {
  position: relative;
  display: block;
  cursor: pointer;
  height: 994px;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;  }

  #picShowImage {
    display: inline-block;
    position: relative;
    white-space: nowrap;
    cursor: pointer;
    top: 0px;
    margin-left: auto;
    margin-right: auto;  }

  #iconInfoShow {
    display: inline-block;
    position: absolute;
    width: 100px;
    height: 100px;
    left: 46%;
    cursor: pointer; 
    opacity: 0.3;  }

  #picInfoWindow {
    display: block;
    position: absolute;
    height: 100px;
    background: rgba(0,0,0,.45);  }

    #iconInfoHide {
      position: absolute; 
      z-index: 20;
      top: 8px; 
      right: 8px; 
      cursor: pointer;  }

#picPrev {
  cursor: pointer;
  position: absolute;
  display: inline-block;
  height: 1000px;
  width: 150px;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  float: left;  }

#picNext {
  cursor: pointer;
  position: absolute;
  display: inline-block;
  white-space: nowrap;
  height: 1000px;
  width: 150px;
  top: 0px;
  right: 0px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  float: right;  }

.thumbs { 
  position: relative;
  display: block;
  margin: 30px;
  text-align: center;
  min-width: 1100px;  }

.thumbsWidget {
  position: absolute;
  width: 1010px;
  height: 1010px;
  margin: auto;
  z-index: 60;  }

.picThumb {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  float: left;
  width: 200px;
  height: 200px;
  margin: 8px;
  background-color: rgb(251,251,251);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain; 
  text-align: center;
  cursor: pointer;
  opacity: 1;  }

.picThumb:hover {
  background-color: #e4e4e4;
  opacity: .6;  }

  .picThumbIcon {
    display: inline-block;
    position: absolute;
    z-index: 2;
    bottom: 5px;
    right: 2px;
    float: right;
    cursor: pointer;
    background: rgba(255,255,255,0.6);  }
  
  .picThumbIcon:hover {
    background: yellow; }
  
  .picThumbButton {
    display: inline-block;
    position: relative;
    clear: both;
    margin-top: 25px;
    width: 190px;
    border: 0px;
    padding: 5px;
    cursor: pointer;
    text-align: center;
  	font: bold 14pt/16pt 'Anton', sans-serif;
    font-weight: 800;
  	color: white;  }

#objCancel:hover {
  background-color: yellow;
  background-image: src('/ajax/picture.add.cfm') no-repeat;
  cursor: pointer;  }

.bgRed   { background: rgba(255,0,0,0.8); }
.bgGray  { background: rgba(128,128,128,0.8); }
.bgGreen { background: rgba(36,225,105,0.8); }

.swfupload {
  position: relative;
  display: inline-block;
  float: left;
  width: 125px;
  height: 125px;
  margin: 8px;
  background-color: transparent;
  opacity: 1;  }

.swfupload:hover {
  position: relative;
  display: inline-block;
  float: left;
  width: 125px;
  height: 125px;
  margin: 8px;
  background-color: yellow;
  cursor: pointer;
  opacity: 1;  }



.formTable {
	box-sizing: border-box;
  display: flex-block;
  background: whitesmoke;
  padding: 15px;
  padding-bottom: 3px;
  margin: 20px;
  min-width: 800px;
  border: 1px solid gray;  }

.formTable td {
  margin-bottom: 5px;
  margin-left: 5px;
  margin-right: 5px;
  vertical-align: top;  }

.tableLable {
	font: normal 18pt/19pt 'Anton', sans-serif;
  font-weight: 600;
	text-transform: lowercase;
  padding-left: 5px;
  background: #222222;
  color: white;
  border-bottom: 1px solid white;  }

.formLable {
	font: normal 18pt/19pt 'Anton', sans-serif;
  font-weight: 400;
	text-align: right;
	text-transform: lowercase;
	margin-top: 7px;
  padding-top: 2px;
  margin-bottom: -2px;
  padding-right: 5px;
  background: #666666;
  color: white;
  width: 250px;
  clear: left;
  float: left;  }

.formInput {
	position: relative;
  display: block; 
	font: normal 18pt/16pt 'Anton', sans-serif;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
  background: #d0d0d0;
  float: left;
  clear: right;
  top: -3px;  }

.formField {
	font: normal 18pt/18pt 'Anton', sans-serif;
  font-weight: 500;
	border: 1px solid transparent;
  outline: 2px solid transparent;
  margin: 1px;
  margin-top: 8px;
  margin-right: 6px;
  margin-left: 2px;
  padding: 1px;
  background: white;
  color: darkblue;
  min-width: 400px;  }

.formField:disabled {
  color: gray;
  background: #dddddd;  }
  
.formButtonArea {
  padding: 5px;
  padding-bottom: -10px; 
  text-align: center;  }

.inputDisabled {
	font: normal 18pt/18pt 'Anton', sans-serif;
  font-weight: 400;
	border: 0px;
  margin: 1px;
  padding: 1px;
  background: transparent;
  color: darkgray;  }

.buttonNormal {
	font: normal 20pt/23pt 'Anton', sans-serif;
  font-weight: 400;
	border: 1px solid gray;
  margin-top: 4px;
  margin-left: 10px; 
  margin-right: 10px;
  padding-top: 2px;
  padding-left: 30px; 
  padding-right: 30px;
  text-align: center;
  cursor: pointer;
  background: url('/image/transparent.blue.png');
  color: #343434;
  letter-spacing: 3px;  }

.buttonNormal:hover, .buttonNormal:active {
	border: 1px solid black;
  background: yellow;
  color: black;
  letter-spacing: 3px;  }

.buttonSmall {
	font: normal 14pt/16pt 'Anton', sans-serif;
  font-weight: 400;
	border: 1px solid gray;
  margin-top: 2px;
  margin-left: 5px; 
  margin-right: 5px;
  padding-top: 2px;
  padding-left: 10px; 
  padding-right: 10px;
  text-align: center;
  cursor: pointer;
  background: url('/image/transparent.blue.png');
  color: #343434;
  letter-spacing: 1px;  }

.buttonSmall:hover, .buttonSmall:active {
	border: 1px solid black;
  background: yellow;
  color: black;  }

  
  

#gallery_picture { 
  position: relative;
  display: block;
  top: -150px;	
  height: 750px;
  width: 750px;
  text-align: center;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;  }

    #galleryPicture {
      cursor: pointer;
      vertical-align: middle;
      max-width: 750px;
      max-height: 750px;  }
      
    #pictureCartBox {
      position: absolute; 
      display: inline-flex;
      top: 0px;
      z-index: 10; 
      flex-direction: row;
      flex-wrap: nowrap;
      padding: 5px; 
      text-align: left; 
      display: none; 
      border: 2px solid #00a0c1;
      background-color: rgba(255,255,255,.75);  }
      
    #galleryCartTerms {
      position: relative; 
      display: block;
      padding: 3px; 
      max-height: 120px;
      overflow-y: scroll;
      text-align: left; 
      border: 1px solid gray;
      background: white;
      font: normal italic 11px/11px Helvetica, Arial, sans-serif;
      color: gray;  }
      
    #galleryControlBox {
      position: absolute; 
      display: inline-flex;
      flex-direction: row;
      flex-wrap: nowrap;
      height: 65px; 
      padding: 5px; 
      text-align: center; 
      display: none; 
      z-index: 10; 
      background-color: rgba(255,255,255,.35);  }
    
    .galleryControl {
      height: 64px; 
      width: 64px;
      border-right: 6px;
      float: left;
      cursor: pointer;  }
  
#gallery_thumbs {
  display: block;
  position: relative;
  top: -110px;
  padding: 10px;
  width: auto;
  height: auto;  }
  
    .galleryThumb { 
      cursor: pointer;
      display: inline-block;
      float: left;
      height: 40px;
      border: 2px solid white;
      margin: 1px;  }
      
    .galleryThumbCurrent { 
      cursor: pointer;
      display: inline-block;
      float: left;
      height: 40px;
      border: 2px solid cyan;
      margin: 1px;  }
      
    .galleryThumbViewed { 
      cursor: pointer;
      display: inline-block;
      float: left;
      height: 40px;
      border: 2px solid purple;
      margin: 1px;  }
      
    .galleryThumbPrivate { 
      cursor: pointer;
      display: inline-block;
      float: left;
      height: 40px;
      border: 2px solid red;
      margin: 1px;  }
    
    .galleryBoughtIcon {
      display: inline-block;
      float: left;
      height: 32px;
      width: 32px;
      margin-left: -32px; }
    
    .galleryControl:hover {
      background-color: yellow;  }
  
#gallery_cart { 
  position: fixed;
  top: 3%;
  left: 5%;
  bottom: 3%;
  overflow-y: auto;
  z-index: 9999;
  display: flex;
  width: 90%;
  flex-flow: row wrap;
  justify-content: space-around;
  background-color: rgba(255,255,255,.92);
  border: 4px solid #00a0c1;
  margin: 15px;
  padding-left, padding-right: 30px;
  padding-top: 20px;  }
  
    #gallery_cart_background {
      position: fixed;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%; 
      z-index: 9998;
      background-color: rgba(0,0,0,.35);  }
    
    .gallery_cart_item { 
      display: inline-block;
      float: left;
      border: 2px solid #00a0c1;
      margin: 8px;  }
    
    .gallery_guestBox {
      display: block;
      min-width: 600px;
      border: 1px solid black;
      margin: 3px;
      clear: both;
      float: left;
      white-space: nowrap;
      padding: 2px;
      background-color: gainsboro;  }
  
#gallery_controlls { 
  display: flex;
	box-sizing: border-box;
  position: absolute;
  top: 110px;
  left: 15px;
  width: 154px;
  background: rgba(255, 255, 255, 0.05);  }
      
    .cartControlBox {
      z-index: 150;	
      position: relative;
      display: block;
      border: 1px solid black;
      width: 200px;
      height: 30px;
      text-align: center;
      vertical-align: middle;
      padding-top: -3px;
    	font: normal 19pt/20pt 'Anton', sans-serif;
      font-weight: 600;
    	color: black;
      vertical-align: baseline;
      cursor: pointer;
      border: 2px;
      background: gainsboro;
      padding-top: 5px;
      clear: both;  }
      
    #gallery_status { 
    	z-index: 150;	
      background: goldenrod;
    	opacity: .001;
    	width: 0px;  }
      
    .cartControlBox:hover {
      background: yellow;  }