/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

div.ribbon {
  position:absolute;
  top:0;
  right:0;
}

* {
	margin: 0;
	padding: 0;
}



body {
    
	font:  Times New Roman;
	color: #BCBCBC;
	font-size: 17px;
	background: #000000 url(http://www.hardrockstageproductions.com/images/bg.jpg) repeat-y;
    background-position:center;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #CCCCCC;
scrollbar-3dlight-color: #999999;
scrollbar-darkshadow-color: #555555;
scrollbar-shadow-color: #666666;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #000000;
}


h1 {FONT-SIZE: 14pt;

}
h2 {FONT-SIZE: 13pt;

}
a {
	text-decoration: none;
	color: #FFFFFF;
}

a.one {
	text-decoration: none;
	color: #990000;
	font-weight: bold;
  font-size: 14px;
}
a.one:hover {
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
}


a.two {
	text-decoration: none;
	color: #BCBCBC;
	font-weight: bold;
	font-size: 14px;
}
a.two:hover {
	text-decoration: none;
	color: #ffffff;
}
a.usps {
	text-decoration: none;
	color: #008000;
	font-weight: bold;
	font-size: 14px;
}
a.usps:hover {
	text-decoration: none;
	color: #ffffff;
}


/* Main */



#content {
             position: relative;
           height:100%;

        background: #000000;
	width: 900px;


}




/* Header */


#header {
        float: center;
	height: 37px;
	background: url(http://www.hardrockstageproductions.com/images/menubar.gif) repeat-x;
}


/* Header > Menu */

#menu {
	width: 900px;
	height: 25px;
	margin: 0 auto;
	padding: 0px 0px 0px 128px;
	float: center;
	
}

#faq{
	
      

position:relative;
left:20px;	

	}

#menu ul {
	margin: 0;
	padding: 7px 0 0 0;
	list-style: none;
}

#menu li {
	display: inline;
	}

#menu .main a {
	display: block;
	float: left;
	height: 25px;
	margin: 0 5px 0 0;
	padding: 2px 20px 0px 20px;
	background: url(http://www.hardrockstageproductions.com/images/menu.gif) repeat-x;
	border: 1px solid #222222;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
}



#menu a.main:hover {
	background-image: url(http://www.hardrockstageproductions.com/images/menuhover.gif);
	text-decoration: none;
}


ul.secondaryContent_top_w_rollover {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 15px;
	font-weight:bold;
	text-align: left;
}
ul.secondaryContent_top_w_rollover a {
	font-family: times new roman;
	font-size: 15px;
	display: block;
	width: 172px;
	height: 50px;
	line-height: 28px;
	color: #FFFFFF;
	text-decoration: none;
	background: url(http://www.hardrockstageproductions.com/images/rollover.gif) left bottom;
	text-indent: 20px;
        font-weight: bold;
        text-align: left;
}

.secondaryContent_top_w_rollover  a:hover, rollover a {
	background-position: left bottom;
	color: #990000;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
}


div.header1
{
   font-size:13px;
    padding:5px;
    color:#B10102;
    font-weight: bold;
    background: url(http://www.hardrockstageproductions.com/images/footer.gif) repeat-x;
}


/* Content */



/* Content > Main */

#main {
        float: left;
	width: 551px;
       
        background: url(http://www.hardrockstageproductions.com/images/mainbg.gif) repeat-y;
}

#main1 {
        float: left;
	width: 530px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
}


div.pad
{padding:10px;

}
div.pad2
{
    padding:10px;
float: left;
text-align: left;

}

 /* Content > Featured */


table.featured
{border-collapse:collapse;

}

td.featured
{border: 1px solid grey;

}
td.scratch img{

border: 1px solid gray;
padding: 5px;
margin: 0px 5px 0px 5px;

}

 td.featured img
{border: 1px solid grey;
margin: 5px;
padding: 5px;}

table.scratch td {
    border-top: 1px solid red;
    line-height: 18px;
    padding: 8px;
    text-align: center;
    vertical-align: top;
}

div.container
{
width:500px;
border:1px solid gray;
line-height:100%;
}
div.containerf
{   width: 255px;
border:1px solid gray;

}


div.header
{
padding:5px;
color:white;
background: url(http://www.hardrockstageproductions.com/images/footer.gif) repeat-x;
}


div.left
{
float:left;
width:235px;
padding:5px;

}

div.content
{

margin-left:245px;
border-left:1px solid gray;
padding:5px;
}



#thumb {
         margin: 0px 74px 10px 65px;

}




/* Content > Gallery */

div.img
{
  margin-left: 15px;
  margin-top: 20px;
  height: auto;
  width: 110px;
  float: left;
  text-align: center;


}
div.img img
{
  display: inline;
  margin: 0px;
  padding: 5px;
  border: 1px solid gray;

}
div.desc
{
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  width: 110px;
  margin-left: 15px;
}


/* Content > Sidebar */

#sidebar {
	float: left;
	width: 172px;

}

#sidebar2 {

	float: right;
	width: 177px;
       	font-family: times new roman;
	font-size: 15px;
	font-weight: bold;
	color: white;

}

#newsletter {


        margin: 5px 0px 0px 5px;
	font-family: times new roman;
	font-size: 12px;
	color: #bcbcbc;

}
#addthis {

      display: inline-block;



}
#news {

        text-align: left;
        margin: 5px 0px 0px 10px;

}

 #news img
{border: 1px solid grey;
padding: 5px;}

#fb {

         font-family: times new roman;
	font-size: 12px;
	color: white;
        padding: 20px 0px 0px 15px;

}

#fb1 {

         font-family: times new roman;
	font-size: 12px;
	color: white;
        padding: 20px 0px 0px 5px;

}

#divider {
        width: 145px;
	background: url(http://www.hardrockstageproductions.com/images/divider.gif) repeat-x;

}

#divider2 {
        width: 530px;
	background: url(http://www.hardrockstageproductions.com/images/divider.gif) repeat-x;

}

#divider3 {
        width: 480px;
	background: url(http://www.hardrockstageproductions.com/images/divider.gif) repeat-x;

}

 #sidetop {
        background: url(http://www.hardrockstageproductions.com/images/footer.gif) repeat-x;
        text-align: center;
	width: 177px;
color: #ffffff;
	padding-top:3px;
padding-bottom:3px;
}

 #sidebottom {
        text-align: center;
	width: 152px;
	margin: 5px 15px 5px 5px;
}


/* faq */


#expList dd {display:none;margin-top:10px;margin-bottom:10px; text-align: left;}

#expList dt{
	text-decoration:underline;
	cursor:pointer;
	padding-left:16px;
	margin-top:6px;
	width :100%;
    text-align: left;
}

dt.cPlus {
	background: transparent url(http://www.hardrockstageproductions.com/images/plus.gif) no-repeat 0pt 60% scroll;
}

dt.cMinus{
	background: transparent url(http://www.hardrockstageproductions.com/images/minus.gif) no-repeat 0pt 60% scroll;
}

.clear { 
clear:both;
} 

/* Footer */

table.footer {
         width: 900px;
         font-family: times new roman;
	font-size: 12px;
	font-weight: bold;
	color: white;
	background: url(http://www.hardrockstageproductions.com/images/footer.gif) repeat-x;

}


/* ~~~~~~ View Cart Table ~~~~~~*/
table.ac_cart_table{
  width: 450px;
  background-color: gray;  /* this color ends up being the border color for the table */

  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-size : 10pt;
  text-align: center;
  border-style: solid;
  border-color: #000000;

}
table.ac_cart_table th{
  font-size : 11pt;
  background: url(http://www.hardrockstageproductions.com/images/footer.gif) repeat-x;
  padding: 2px;
  width: auto;
  vertical-align : top;

}
table.ac_cart_table td{
  background-color: #FFFFFF;
  color: #000000;
  border: 0px;
  width: auto;
  padding: 5px;
}
/* ~~~~~ Order Totals Table from View Cart Page ~~~ */
table.ac_totals_table{

  background-color: #FFFFFF;
  font-size: 12pt;
  color: #000000;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 2px;
}
table.ac_totals_table th{
  color: #ffffff;
  text-align:center;
  background: url(http://www.hardrockstageproductions.com/images/footer.gif) repeat-x;
  width:auto;
 padding: 2px;
}
table.ac_totals_table td{
  background-color: #FFFFFF;
  width:auto;
  text-align: right;
}
.ac_checkout_review{
  background-color: #000000;
  font-size: 10pt;
  border: 1px solid gray;
  margin: 0px auto;
  width: 500px;
}
th.ac_checkout_review {
  color: #ffffff;
  text-align:center;
  background: url(http://www.hardrockstageproductions.com/images/footer.gif) repeat-x;
  border: 0px solid #ffffff;

 padding: 3px 0px 8px 0px;
}
td.ac_checkout_review,
td.ac_checkout_review_col1,
td.ac_checkout_review_col2 {
  border: 0pt solid #ffffff;
  padding: 3px;

}
.ac_checkout_review_col1{
  width: 150px;
}
.ac_checkout_review_col2{
  width: 350px;
}

td.ac_add_message{
 color: #996600;
  font-size : 12pt;
  padding: 5px;
  text-align: center;}


td.signedby{
 color: #996600;
  font-size : 12pt;
 }

td.description{

  font-size : 14pt;
 }

td.name{

  font-size : 16pt;
 }
td.price{
  font-size : 15pt;
  color: green;
 text-align: center;
 }

td.price1{
 font-size : 15pt;
 color: red;
 text-align: center;

 }

td.options{

  font-size : 12pt;
 }

td.ac_seach_results{
  color: #CC9900;
  font-size : 13pt;
 }

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 1px solid #990000;
	border-right: 1px solid #990000;
    border-left: 1px solid #990000;
	border-top: 1px solid #990000;
	}
#lightboxDetails{
	font-size: 0.8em;
    color: #990000;
	padding-top: 0.4em;
	}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ position: absolute; top: 0px; right: 0px; z-index: 200; }

#lightbox img{ border: none; }
#overlay img{ border: none; }
#overlay{ background-image: url(http://www.hardrockstageproductions.com/images/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(http://www.hardrockstageproductions.com/images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.hardrockstageproductions.com/images/overlay.png", sizingMethod="scale");
	}

/* Slideshow container */
.slideshow-container {
  max-width: 500px;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 0;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.prev {
  left: 0;
  border-radius: 3px 0 0 3px;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}



/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}



/* The dots/bullets/indicators */
.dot {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .slprev, .slnext,.text {font-size: 11px}
}

