/* store pages CSS */
/* main store page*/
#product-links {text-align: center;}
.store-page-link img{border: solid #666 2px; width: 29%; margin: 1%}
.thumbnail-title {font-size: 18px; font-weight: bold }

#product-type-header {size: 15px; font-weight:bold;}

/* CSS for posters page*/
#poster-scroll-arrows {font-size: 26px; margin: 10px 0 0 0;}
.leftArrow {float: left}
.product {text-align:center; height:35px}
.rightArrow {float:right}

#posters-button { width: 100px; margin: auto;}
#tracker-bar {text-align: center; font-size:0px; line-height: 1.0;}
#tracker-bar li {list-style:none; display:inline; }
.active a, .active a:visited{color: #CCC; font-size: 30px; font-weight:bold;}
.inactive a, .inactive a:visited {font-size: 30px; font-weight: normal; color: #333}

#product-images {border: solid 2px #333; padding: 10px; margin-top: 20px; text-align: center}
#product-images img {height: 610px ; }
/* end posters CSS*/

/* CDs page*/
.cd-product {margin-top: 10px;}
#cd-img { margin-right: 10px; text-align: center; padding-top: 10px}
#cd-img img {width: 100px; margin-bottom: 10px}
#cd-info {vertical-align:top; padding-left: 10px}
#cd-button {margin-top: 10px; width: 100px; background:black}

/* End CDs page*/


/* Shirts Page CSS*/
#shirt-content {text-align: center; padding-top:10px}
.shirt-scroll {width: 31%; margin: 1%; float:left; margin-bottom: 10px;}
.shirt-scroll .product {height:100%;}
#shirt-scroller4 { position: relative; left: 33%; margin: auto; margin-top: 20px} /*4th shirt on page is centered below top 3*/
.shirt-img {width: 100%; border: solid 2px #333; cursor:pointer;}
.shirt-scroll-arrows {font-size: 14px; padding-left: 10px; padding-right: 10px}
.shirt-title{height: 20px}
#shirts-button {background:black; width: 100px; margin: auto; margin-bottom: 10px}
#why-blurb {font-weight:bold; float: right; clear: both; position: relative; top: -180px; width: 30%; text-align: left; visibility:hidden}
/* end shirts CSS*/

/* Light box css*/
      .black_overlay{
          display: none;
          position: fixed;
          top: 0%;
          left: 0%;
          width: 100%;
          height: 100%;
          background-color: black;
          z-index:1001;
          -moz-opacity: 0.8;
          opacity:.80;
          filter: alpha(opacity=80);}
      .white_content {
          display: none;
          position: fixed;
          top: 10%;
          left: 25%;
          padding: 10px;
          border: 16px solid #666;
          background-color: white;
          z-index:1002;
          text-align: center; }
	#popup-img{float:left;}
	#loading{font-size:20px; font-align: center; color: black; height: 100%; width:100%; position: relative; top:45%;} 
	#close-button{background: #333; width:25px; 
		height:25px; border: solid 3px #666; 
		color: #666; font-size: 16pt; text-align: center; text-decoration: bold;  float:right; margin-left: 10px}
/* end Light box css*/

/* Google Cart CSS */
.override #googlecart-widget-head, .override #googlecart-widget-body {border: solid 1px #666}
.override .googlecart-widget-item, .override .open .googlecart-widget-item td, .override #googlecart-widget-emptymessage {border-bottom: solid 1px #666}
.override #googlecart-widget-head, .override #googlecart-widget-body { background: #333;  }
.override #googlecart-title, .override #googlecart-summary, .override #googlecart-widget-list { color: white }
.override #googlecart-widget-list a, .override .googlecart-widget-remove, .override .googlecart-widget-restore, .override .googlecart-widget-price, .override #googlecart-widget-emptymessage, .override .googlecart-widget-totalmessage, .override .googlecart-widget-totalprice, .override .googlecart-widget-disclaimer, .override .googlecart-widget-short-details, .override .googlecart-widget-removed-message  { color: white }



/* End Google Cart CSS */