@charset "UTF-8";

/* ------------------------------
HTML Redefine Tags
------------------------------ */
* {
	margin: 0;
}
html {
	height: 100%;
}
BODY {

  font-family: Verdana, Arial, sans-serif; 
  font-size: 9pt;
  text-align:center;
  height: 100%;
 
}

table {
font-size: 9pt;
}


p{margin:0 10px 10px}

input, form, textarea
{margin:0; padding:0;}

A:link
{text-decoration: none;
color: #4281B5;}

A:visited
{text-decoration: none;
color: #4281B5;}

A:active
{text-decoration: none;
color: #CF704C;}

A:hover
{text-decoration: none;
color: #A0C15A;}

h1 {
	font-size: 1.5em;
	color: #76070b;	
	}
h2 {
	font-size: 1em;
	font-weight:bold;
	color: #C0000B;
	margin: 3px 0 4px 0;
	}
h3 {
	font-size: .9em;
	font-weight:bold;
	color: #000000;
	margin: 2px 0 1px 0;
	}



/*------WRRCONTENT--------*/



#wrrwrapper {
	position: relative;
	width: 790px;
	padding: 5px;
	margin: 0 auto -142px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	border-left: 1px black dotted;
	border-right: 1px black dotted;
	}

#wrrwrapper-sampler {
	position: relative;
	text-align:left;
	width: 800px;
	padding: 5px;
	margin: 0 auto -142px;
	min-height: 100%;
	height: auto !important;
	height: 100%;

}

#wrrmain-sampler{
float:left;
width:300px;
}
#wrrsidebar-sampler{
float:right;
width:480px;
}



.wrrcontent {
	font-size: .9em;
	Padding: 0px;
	text-align:left;
	}

.wrrfooter .push {
	padding: 10px;
	width:100%;
	clear:both;
	height: 142px;	
	}


.wrrfooter {
	position: relative;
	height: 330px;
	width: 700px;
	clear:both;
	text-align:center;
	font-size: 0.8em;	
}

.footer p {
	position: absolute;
	left: 0;
	bottom: 4px;
	width: 700px;
	padding: 0;
	color: #fff;
	font: 0.8em arial,sans-serif;
	text-align: center;
}

#wrrcontainer {
	margin:0 auto;
	text-align:left;
   
    float:left;
}

#wrrrightside {
	float:right; 
	height: 100%;
	Padding: 10px;
	width:200px; 
	margin-left: -200px;
	margin-top: 24px;
	font-size: .8em;
	}


#margincontainer {
margin-top: 50px;
}



/*-------WRRNAV-------*/

#wrrnav {
	text-align: center;
 	width: 100%;
	height:80px;
}

#wrrnewnav {
  
  height: 2.5 em;
  /*ckground: #FBFAF4;*/
  background:#000;
  border-top: 5px solid #808080;
  border-bottom: 5px solid #808080;
  font: 12px arial, Times, serif; overflow: hidden;
  width: 100%;
  padding-top: 3px;
  padding-bottom: 3px;
  font-weight: 500;
  letter-spacing: 0.3ex;
  text-transform: uppercase;
  font-weight: bolder;
}

#wrrnewnav p {
	display: inline;
}

#wrrnewnav ul, #wrrnewnav li  {
	display: inline;
	margin-left: 0;
	padding: 3px 20px 5px ;
	display: inline;
	color: #FFF;
	font-weight: bold;
}

#wrrnewnav ul li a{
	color: white;
}

#wrrnewnav ul li a:hover{
	color: #A0C15A;
}

#wrrheader{
 	width: 100%;
 	background: aqua;
 	padding-top: 5px;
 	padding-bottom: 5px;
 	background-image: URL('/assets/images/testbg-beercan.jpg');
	
}


/*---------------
Wallride Store
-------------------*/
/* #container has an absolute width (750 pixel) */

#WRRStoreContent {
		margin:0 auto;
		text-align:left;
   		width: 100%;
    	float:left;
    	}



#storeleftside {
		float:left; 
		width:150px; 
		margin-left: -780px;
		}
	
#storeleftside table {
		font-size: 0.9em;
		}
	
#storerightside table {
		font-size: 0.9em;
		}

#storerightside {
		float:left; 
		width:150px; 
		margin-left: -150px;
		}

#storecontent {
		margin: 0 150px;
		width: 450;
		}
		

.storebreadcrumb {
		float:left;
		font-size: .8em;
		line-height:28px;
		}

.storeaccountstuff {
		float:right;
		font-size: .8em;
		line-height:28px;
		}

.cleaner { 
		clear:both; 
		height:1px; 
		font-size:1px; 
		border:none; 
		margin:0; padding:0; 
		background:transparent; 
		} 

#storefooter {
		width:100%;
		clear:both;
		text-align:center;
		font-size: 0.8em;
		}

.clearing {
		height:0;
		clear:both;
		height:10px;
		display:block;
		}

/*----------REVIEWS--------*/

div#navreviews {
	 width: 100%;
	 height:80px;
	 background-color: #ee1c3f;

}

div#containerreviews {
	margin:0 auto;
	text-align:left;
    width: 100%;
    float:left;
}

div#reviewscontent {
margin-right:150px;
}



div#navplaceholder {
	float:left; width:150px;margin-left: -150px;
}

.wrrleft{
width: 380px;
float: left;
}
.wrrright{
width: 390px;
float: right;

}



/*---------------
Wallride Links 2 Col
-------------------*/

.linksleft{
width: 410px;
float: left;
text-align: left;
}
.linksright{
width: 360px;
float: right;
text-align:right;
}

/*------------flashfront-------------*/

#Flashfront 
{ 
width: 750px;
margin: 0 auto;

}

#Flashfrontright{
float: right;
width: 479px;

}

#Flashfrontleft {
float:left;
text-align: center;
width: 270px;
height: 555px;
background-position:right;
background-repeat:no-repeat;

}

#Flashfrontbanner {
/*height: 496px;*/
margin-left: 223px
}

#flashfrontnav {
padding-top:10px;
padding-bottom:10px;
}



/*----------Digital Downloads--------*/

#ddnav { 
width: 100%;
position:absolute;
height:48px;
top:0px;
background-color: black;
}


#ddcontainer {
width: 900;
position: absolute;
right: 0;
top: 48px;
height:100%;
background-image: url("../../images/tape-bg.jpg");
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/
  background-position: top right; 
}

#ddcontent {
position: absolute;
right: 245px;
/*height: 100%;*/
width: 495px;
padding: 0px
}

#ddhelp {
position: absolute;
right: 750px;
width: 354px;
height: 747px;
}

/*------------mailinglist-------------*/

#mailinglist{
color: white;
}

.submit{
	border: none;
    background: url('/images/buttons/up.png') no-repeat top left;
    padding: 1px 11px;
}
.submit:hover{

 	 border: none;
    background: url('/images/buttons/down.png') no-repeat top left;
    padding: 2px 11px;
}
.input {
    border: 1px solid #006;
    background: #FFF;
}

/*------------LIGHTBOX CSS-----------------*/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}

#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }


#lightbox img{ border: none; } 

#overlay img{ border: none; }


#overlay{ background-image: url(/java/overlay.png); }

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

/* END LIGHTBOX CSS */