html, body {
  height: 100%;
}
body {
  font-family: Helvetica, Arial, sans-serif;
}
a {
  text-decoration: none;  
}
form label {
  display: block;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
}
form li {
  margin: 18px 0;
}
form .text-input {
  padding: 3px;
}
th, td {
  padding: 5px;
}
th {
  background-color: #EEE;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
}
tr {
  border-bottom: 1px solid #DDD;
}
.cell {
  float: left;
}
.mono {
  font-family: "Monaco", "Courier New", monospace;
}
#wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -24px;
}
.dp #page {
padding-top: 20px;
}
.dp #page h1 {
  font-size: 18px;
  margin-bottom: 18px;
  font-weight: normal;
  font-family: Helvetica, Arial, sans-serif;
}
body.dp.login {
  background-image: none;
}
#footer, .push {
  height: 24px;
}
#footer, #footer a {
  color: #999;
}
#header {
  height: 54px;
}
ul#issues li .date {
  font-weight: bold;
}
ul .identity {
  font-family: "Monaco", "Courier New", monospace;
  color: #AAA;
}
/* Sidebar */
.right#sidebar {
  width: 230px;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 999;
  overflow: hidden;
}
.right#sidebar #panels {
  width: 200px;
  position: relative;
  left: 30px;
  background-color: #433E16;
}
.right#sidebar .panel {
  background-color: #000;
  margin-bottom: 1px;
  color: #6D6D6D;
}
.right#sidebar #toggle {
  display: block;
  width: 29px;
  height: 28px;
  background-color: #000;
  position: absolute;
  left: 0px;
  top: 0px;
  background-repeat: no-repeat;
  background-image: url(/images/right.gif);
  background-position: 1px -6px;
}
.right#sidebar.collapsed {
  width: 30px;
}
.right#sidebar.collapsed #toggle {
  background-image: url(/images/left.gif);
  background-position: -8px -6px;
}
#cart #checkout {
  display: none;
}
.panel h2, .panel .content {
  padding: 5px;
}
.panel .content {
  padding-top: 0px;
}
.panel .content {
/*  display: none;*/
}
.panel form.content input.submit {
  color: #333;
  background-image: none;
  border: none;
  margin-top: 5px;
}
.panel form.content input.submit.disabled {
  color: #AAA;
}
.panel.collapsed .content {
  display: none;
}
#social li {
  line-height: 22px;
}
#social li a {
  background-repeat: no-repeat;
  padding: 3px 0 0 22px;
}
#social #facebook a {
  background-image: url(/images/social/facebook.png);
}
#social #myspace a {
  background-image: url(/images/social/myspace.png);
}
#social #twitter a {
  background-image: url(/images/social/twitter.png);
}
#items tr {
  border: none;
}
#items td {
  padding: 0px;
}
#items td.name {
  width: 120px;
}
#items td.price {
  width: 60px;
  text-align: right;
}
#items .close {
  color: #FF0000;
  cursor: pointer;
  width: 15px;
  text-align: right;
}
.highlight {
  background-color: #FFFFDD;
}
.issues {
}
.issues textarea#issue_overview {
  height: 170px;
}
.login.island .window {
  width: 233px;
}
.dp.login form li {
  margin: 0 0 5px 0; 
}
.dp.login form li.last {
  margin-bottom: none;
}
p.action {
  margin-top: 20px;
}
/* Checkout */
.checkout table {
  width: 100%;
}
.checkout .price {
  width: 50px;
}
body.splash #fbContainer, body.splash #fbFooter, body.splash #sidebar {
/* Ways to make things invisible under the splash screen */
  height: 0px; /* Elements do load with height: 0px 
/*  visibility: hidden; /* Elements do load while hidden */
/*  display: none; /* Elements don't load until displayed */
}
a#contact-button {
  color:#A3A72F;
  margin: 0 5px;
  position: relative;
  bottom: 18px;
}
/* video pop up */
.overlay, .holder { 
  display:none; 
}
/* close button positioned on upper right corner */ 
.overlay .top-bar .close { 
  right: 5px;
  cursor:pointer; 
  z-index: 9999999 !important;
  position: absolute;
  font-size: 14px;
  font-weight: bold !important;
  color: #929292;
}
#triggers {
  display: none;
}
#gallery {
  position: absolute;
  display: none;
  background-color: #fff;
  border: 8px solid #fff;
  cursor: default !important;
  width: 600px; 
  height: 100px;
  height: auto;
}
#gallery #img {
  display: block !important;
}
.next-previous {
  position: absolute;
  top: 15%;
  width: 100%;
  display: block;
  height: 31px;
}
.next-wrap {
  float: right;
}
.next-previous {
  float: left;
}
.prev-wrap {
  float: left;
}
#gallery .progress {
  position:absolute;
  top:45%;
  left:50%;
  display:none;
}
/* overlay notifications */
.notification-form { 
  display: none;
  position: absolute;
  width: 484px;
  height: 110px;
  cursor: default !important;
  background-image: url(/images/notification-form-holder.png);
  background-repeat: no-repeat;
}
.notification-form {
  position: relative;
}
/* close button positioned on upper right corner */ 
.notification-form .close { 
  background-image: url(/images/apple-close.png);
  background-repeat: no-repeat; 
  right: -7px;
  top: 2px;
  cursor:pointer; 
  height:35px; 
  width:35px; 
  z-index: 9999999 !important;
  position: absolute;
}

