/************* RIDE BACKWARDS style.css *************/

body { 
	margin:0;
	background-repeat:repeat-x;
	background-color:#121212;
	text-align:center;
      font:11px Verdana, Arial, Helvetica
	}

h1    {letter-spacing: 1em;
	font:normal 1.5em Arial, Sans-Serif;
      font-weight: bold;
      color: silver;
      margin: 3px;
      }
      /* h1 is used for the RB SHOP title */

h2    {color: #F87F11;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: bold;
      font-size: 11pt;
      letter-spacing: 0.3em;
      text-align:left;
      text-transform:uppercase;
      padding-top: .6%;                       
      padding-bottom: .6%;
      padding-left: 0%; 
      margin: 0px;
      }
      /* h2 is red text used in the titlebar.
         padding is between text and border, 
         margin outside border */

      /* h3 is used generically for product title links */

h4    {color: white;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: bold;
      font-size: 10pt;
      text-align: left;
      padding: 0 0 0 15px;
      margin: 0;
      }
      /* h2 is for shop descriptions*/

h5    {color: silver;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: bold;
      font-size: 8pt;
      letter-spacing: 0.2em;
      text-align: center;
      text-transform: uppercase;
      text-decoration: none;
      margin-top: 12px;
      margin-bottom: 3px;}
	
h6    {font-family: Arial, Helvetica, sans-serif;
      font-weight: normal;
      font-size: 8pt;
      text-align: center;
      text-decoration: none;
      margin: 0;}

p.desc
{
height:200px;
width:200px;
padding:0 0 0 15px;
}

/* for new shop page descriptions under hoverbox pics */

/********************* Wrapper **********************/

#wrap {
	width:768px;
	margin:0px auto;
	border-left:1px solid #0D130D;
	border-right:1px solid #0D130D;
	}
	
/********************* Header ***********************/

#header {
	height:103px;
	}

#header a img {border: none; 
      }   /* gets rid of blue border around IE link images */
	
/**************** Dropdown Menu Bar ********************/

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

.menuwrapper {
width:625px; 
margin:0 auto;
}

.dropdown {
float:left;
margin:0;
}

.dropdown dt {
padding:8px; 
font-weight:bold; 
cursor:pointer; 
background:url(nav.gif);
color:#000;
}

.dropdown dt:hover {
color:#F15214;
background:url(navhover.gif);
}

.dropdown dd {
position:absolute; 
overflow:hidden; 
width:112px; 
display:none; 
background:#fff; 
z-index:200; 
opacity:0;
}

.dropdown a, .dropdown a:active, .dropdown a:visited {
display:block; 
padding:5px; 
margin:0;
color:#333; 
text-decoration:none; 
background:#eeeeee; 
width:194px;
}

.dropdown a:hover {
	background:#222; 
	color:#F15214;
}

.dropdown .underline {
border-bottom:1px solid #bbb;
}

.dropdown ul {
width:154px; 
border-left:2px solid #F15214; 
list-style:none; 
border-top:none;
text-align:left;
padding:0;
margin:0;
}

.dropdown li {
display:inline;
}

.nodrop, .nodrop:active, .nodrop:visited {
float:left; 
display:block; 
padding:8px; 
font-weight:bold; 
background:url(nav.gif); 
color:black; 
text-decoration:none;
}

.nodrop:hover {
color:#F15214;
background:url(navhover.gif);
}

/********** old hover-over homepage pics ************/

.gradualshine{
filter:alpha(opacity=70);
-moz-opacity:0.7;
}   /* for mouseover image highlight effect */
	
/****************** Content Area ********************/

div.content {
	text-align:left;
	font-size:12px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	padding:12px 10px;
	color:#EDE6EE;
	background-repeat:no-repeat;
	background-color:#333333;
      width: 748px;
      min-height: 0px;  /* fixes IE6 "hasLayout" issues */
	}

div.content a {
	color: white;
	}

div.content a:hover {
	color: #F87F11;
	}
/*  New, and orange! */

div.content a img {border: none; 
      }   /* gets rid of blue border around IE link images */

div.contentG {
	text-align:left;
	font-size:12px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	padding:12px 10px;
	color:#000000;
	background-repeat:no-repeat;
	background-color: #C0C0C0;
      width: 748px;
      min-height: 0px;  /* fixes IE6 "hasLayout" issues */
	}
/* G was for Green, as in Christmas Green, #003300 */

div.contentG a {
	color: black;
	}

div.contentG a:hover {
	color: #990000;
	}

div.contentG a img {border: 3px solid #990000; 
      }   /* makes red border around IE link images */

div.hrG {
    height:1px;
    width:100%;
    border: none;
    background: black;
    margin: 5px 0px 5px 0px;  
   }
/* horizontal rule - for the FAQ page */
	
#footerG {
	height:65px;
	line-height:20px;
	padding:4px 0px;
      margin-bottom: 20px;
	background-color:#C0C0C0;
	background-repeat:no-repeat;
      font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color: gray;
	}
#footerG a {
	color: #666;
	text-decoration:none;
	}
#footerG a:hover {
	color: #990000;
	}

div.spacer {
      clear: both;
      }

div.titlebar {
      background: #222222;
      border-top: 1px solid silver;
      border-bottom: 1px solid silver;
      width: 100%;
      } 

div.titlebar a {color: gray;     
      text-decoration: none;}

div.titlebar a:hover {color: #F87F11;     
      text-decoration: none;}

div.enterstore {letter-spacing: 1em;
	font:normal 1.5em Arial, Sans-Serif;
      font-weight: bold;
      text-align:center;
      color: #990000;
      margin: 3px;
      }               

div.enterstore a {color: #990000;     
      text-decoration: none;}

div.enterstore a:hover {color: #CC0000;     
      text-decoration: none;}

div.subcat a {   
      color: #999999;
      text-decoration: none;}

div.subcat a:hover { 
      color: #ffffff;   
      text-decoration: none;}

div.float {
      float: left;
      margin: 0em 1em 0em 1em;
      }   

div.floatslideshow {
      width: 400px;
      margin-left: auto;
      margin-right: auto;
      }   

div.floatshop {
      float: left;
	width: 250px;
	height: 305px;
      margin: 0px -2px;
      }   

div.floatright {
      float: right;
      margin: 0em 1em 0em 1em;
      }   

div.picturebox {
      float:left;
      border: none;
      background: none;
      width: 100%;
      margin-top: 5px;
      margin-bottom: 5px;
      }

div.thumbcaption {
      float:left;
      border: none;
      background: none;
      width: 650px;
      padding-left: 43px;
      font-size: 8pt;
      }

div.centercaption {
      text-align: center;
      border: none;
      background: none;
      font-size: 8pt;
      margin-top: 5px;
      }

/****************** Hoverbox ********************/

.hoverbox
{
	cursor: default;
	list-style: none;

}

.hoverbox img
{
	background: #fff;
	border-color: black;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 0px;
	vertical-align: top; 
}
/* not quite sure where the border above is.
   nothing seems to be affected by changing it. */

.hoverbox li
{
	background: #111;
	border-color: white;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
      margin: 0em 2em 0em -2em;
	padding: 5px;
	position: relative;
}
/* padding = distance between border and pic,
   filled in by background color */

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: 1;
}

.hoverbox .preview
{
	border-color: black;
	border-style: solid;
	border-width: 2px;

/* this is a border *around* that pop-up border
   that I can't seem to control. */
}

/***** Hoverbox Internet Explorer Hacks *****/

* html .hoverbox a
{
	position: relative;
}

* html .hoverbox a:hover
{
	font-size: 100%;
	z-index: 1;
}

* html .hoverbox a:hover .preview
{
	top: -36px;
	left: -36px;
}

* html .hoverbox li
{
	position: static;
}
/****************** End of Hoverbox ********************/

.imgcenter{
      display: block;
      border: 3px solid #000000;
      margin: 5px auto;
      }
/* used for featured item, butterfirepics */

div.feature a img{
      border: 4px solid #000000; 
      display: block;
      margin: 5px 0px 5px 270px;
      }

hr {
    height:1px;
    width:100%;
    border: none;
    background: silver;
    margin: 5px 0px 5px 0px;  
   }
/* horizontal rule - for the FAQ page */

blockquote {
	border: 1px solid silver;
	padding: 7px;
	}

.centerdiv{ /*IE method of centering a relative div*/
	text-align: center;
	}

.centerdiv>div{ /*Proper way to center a relative div*/
	margin: 0 auto;
	}

/* CSS code from positioniseverything.net 
   fixes the BS where IE won't clear a container */

.clearfix:after {
      content: "."; 
      display: block; 
      height: 0; 
      clear: both; 
      visibility: hidden;  }
    
.clearfix {
      display: inline-block; }  

      /* Holly Hack Targets IE Win only \*/
      * html .clearfix {height: 1%;}
	.clearfix {display: block;}
      /* End Holly Hack */
                                               
/* end of BS */

/********************* Footer ********************/

#footer {
	height:65px;
	line-height:20px;
	padding:4px 0px;
      margin-bottom: 20px;
	background-color:#333333;
	background-repeat:no-repeat;
      font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color: gray;
	}
#footer a {
	color: silver;
	text-decoration:none;
	}
#footer a:hover {
	color: white;
	}

/************** the end . MjK 2007-09 ***************/