/* SOME COMMON LINES OF CODE THAT I MIGHT USE
font-family: Arial, Helvetica, sans-serif;
font-family: Times New Roman,Times,serif;
*/
html {
	background-color: black;	
	background-image: url(images/brick-repeat-h.jpg);
}
body {
	margin:0 auto;
	padding:0;
/*	width:750;*/
	text-align:center;
	background-color: #D4C7BB;
	background-color: black;
	background-image: url(images/brick-repeat-h.jpg);
}

#container {
	position: relative; /* this is necessary for absolute position divs to position with respect to container */
	margin: 0 auto;
	width : 750px;
	padding : 0;
	visibility: hidden;
/*	background: url('images/leftbk.jpg');*/
}
.clearBoth {
	clear: both;
}

#containerforabsolutes{ width: 750px; height: 843px; }
#brick_bkgnd{
	position: absolute; 
	overflow: hidden; 
	top: 150px; left: 0px; width: 750px; height: 692px; 
	border: 0px solid white;
	background: url('images/BrickWithShadow-m.jpg') no-repeat;
}
#maintextedges{
	position: absolute; 
	overflow: hidden; 
	top: 457px; left: 66px; width: 618px; height: 353px; 
	background: url('images/GreenBkg_Home-edges.png') no-repeat;
	border: 0px solid green;	
	top: 446px; left: 81px; width: 594px; height: 369px; 
	background: url('images/GreenTextureBKG-crop.png') no-repeat;
}
#maintextinterior{
	position: absolute; 
	overflow: hidden; 
	top: 459px; left: 102px; width: 618px; height: 353px; 
	background: url('images/GreenBkg_Home-center.jpg') no-repeat;
	border: 0px solid green;	
	top: 446px; left: 100px; width: 618px; height: 353px; 
	background: url('images/GreenTextureBKG-crop.jpg') no-repeat;
}
#specialsbutton{
	position: absolute; 
	overflow: hidden; 
	top: 414px; left: 52px; width: 238px; height: 149px; 
	border: 0px solid white;
}
#imageprevnextbuttons{
	visibility: hidden;
	position: absolute; 
	overflow: hidden; 
	top: 463px; left: 505px; width: 139px; height: 92px; 
	border: 0px solid white;	
}
#partiallyhiddenimage{
	position: absolute; 
	overflow: hidden; 
	top: 142px; left: 60px; width: 637px; height: 417px; 
	border: 0px solid white;	
}
#partiallyhiddenimage-interior{
	position: absolute; 
	overflow: hidden; 
	top: 142px; left: 59px; width: 637px; height: 417px; 
	border: 0px solid white;	
}
#primaryimageframe{
	position: absolute; 
	overflow: hidden; 
	top: 140px; left: 51px; width: 649px; height: 440px; 
	border: 0px solid green;	
	display: none;
}
#topimage{
	position: absolute; 
	overflow: hidden; 
/*	top: -33px; left: 45px; width: 649px; height: 540px; */
	top: 160px; left: 86px; width: 580px; height: 400px; 
	border: 0px solid green;	
	display: none;
}

#topimage_staging{ /* this is used for pre-rotating the other images to make the transition faster */
/*	visibility: hidden;
	position: absolute; 
	overflow: hidden; 
	top: 94px; left: 88px; width: 580px; height: 400px; 
	border: 0px solid green;
*/
}

#header{
	position: absolute; 
	overflow: hidden; 
/*	top: 0px; left: 0px; width: 750px; height: 176px; */
	top: 0px; left: 0px; width: 750px; height: 157px;
	border: 0px solid white;
}
#headershadow{
	position: absolute; 
	overflow: hidden; 
/*	top: 0px; left: 0px; width: 750px; height: 176px; */
	top: 157px; left: 0px; width: 750px; height: 18px; 
	border: 0px solid white;	
}

/* overlays for mouse events - this approach to capturing mouse events is necessary because ie6 */
/*
#logooverlay{
	position: absolute; 
	overflow: hidden; 
	top: 45px; left: 22px; width: 170px; height: 100px; 
	border: 0px solid yellow;	
}
*/
#logooverlay{
	position: absolute; 
	overflow: hidden; 
	top: 35px; left: 20px; width: 170px; height: 100px; 
/*	top: 45px; left: 22px; width: 1px; height: 1px; */
	border: 0px solid yellow;
	background: url(images/rdlogo.png) no-repeat;
/*	border: 50px solid transparent;
	border-right: 85px solid transparent;
	border-left: 85px solid transparent;*/
}
#logooverlay a{
	display: block;
	color: none;
	font-size: 50px;
	text-decoration: none;
	width: 170px; height: 100px;
	border: 1px solid green;
	padding: 50px;
}
#logooverlay a:active{
	color: none;
	text-decoration: none;
}

#specialsbuttonoverlay{
	position: absolute; 
	overflow: hidden; 
	top: 485px; left: 82px; width: 190px; height: 40px; 
	border: 0px solid yellow;
}
#imageprevbuttonoverlay{
	position: absolute; 
	overflow: hidden; 
	top: 495px; left: 540px; width: 40px; height: 30px; 
	border: 0px solid yellow;
}
#imagenextbuttonoverlay{
	position: absolute; 
	overflow: hidden; 
	top: 495px; left: 580px; width: 40px; height: 30px; 
	border: 0px solid yellow;
}

#menucontainer{
	position: absolute; 
	overflow: hidden; 
	top: 90px; left: 234px; width: 510px; height: 35px; 
	top: 90px; left: 333px; width: 510px; height: 35px; 
	border: 0px solid yellow;		
}

#locationsdropdown{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	color: rgb(44,16,17);
}
#locationsdropdown .stategroup{
	margin: 5px 0px 3px 5px;
	padding: 5px 0px 0px 0px;
	border-top: 1px solid #322401;
	color: #322401;
}
#locationsdropdown .location a, #locationsdropdown .location a:link, #locationsdropdown .location a:active, #locationsdropdown .location a:visited{
	margin: 0px 0px 0px 5px;
	color: #897134;
	text-decoration: none;
}
#locationsdropdown .location a:hover{
	margin: 0px 0px 0px 5px;
	color: #897134;
}


#menucontaineroverlay{
	position: absolute; 
	overflow: hidden; 
	top: 90px; left: 234px; width: 510px; height: 35px; 
	top: 90px; left: 333px; width: 510px; height: 35px; 
	border: 0px solid yellow;		
}
#home, #brands, #products, #findus, #fanclub, #locations{
	float: left;
	height: 35px;
	border-right: 0px solid yellow;	
}
/*
#home{ width: 65px; }
#photos{ width: 78px; }
#news{ width: 136px; }
#findus{ width: 84px; }
#specials{ width: 91px; 	border-right: 0px solid yellow;	}
*/


/*#rdhome{ width: 88px; }*/
#home{ width: 70px; }
#brands{ width: 147px;}
#products{ width: 99px; }
#findus{ width: 80px; }
#fanclub{ width: 155px; }
#locations{ width: 102px; }
.menuitems{ float: left;}
#brandsimg{ margin-top: 1px; }

#emailusoverlay{
	position: absolute; 
	overflow: hidden; 
	top: 127px; left: 603px; width: 124px; height: 32px; 
	border: 0px solid yellow;		
}
#emailus{
	position: 	absolute; 
	top: 		127px; 
	left: 		603px; 
	width: 		150px;
	width: 		145px;
	width: 		124px;
	height: 	25px;
	height: 	32px;
	border: 	0px solid red;
	background:	url('images/emailus-h.jpg') 0px 0px no-repeat;
}
#facebook-twitter{
	position: 	absolute; 
	top: 		131px; 
	left: 		534px; 
	width: 		62px;
	height: 	27px;
	border: 	0px solid red;
	text-align:	left;
}

#bioframe{
	position: absolute;
	overflow: hidden;
	top: 530px; left: 65px; width: 239px; height: 249px;
	border: 0px solid yellow;
}
#bioimage{
	position: absolute;
	overflow: hidden;
/*	top: 531px; left: 62px; width: 239px; height: 249px;*/
/*	top: 478px; left: 10px; width: 279px; height: 289px;*/
	top: 556px; left: 94px; width: 190px; height: 200px;
	border: 0px solid yellow;
}
#footer{
	position: absolute;
	overflow: hidden;
	margin: 0px;
	padding: 10px 0px 0px 10px;
	top: 792px; left: 0px; width: 740px; height: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px; 
	text-align: center;
	color: #EDE4CC;
	border: 0px solid white;
}
#container_css_images{
	position: absolute;
	top: 812px; left: 0px; width: 10px; height: 4px;
	overflow: hidden;
	border: 0px solid white;
}
#container_postload_images{
	position: absolute;
	top: 816px; left: 0px; width: 10px; height: 4px;
	overflow: hidden;
	border: 0px solid white;
}


.maintext h1{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-weight: bold;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
}
.maintext{
	line-height: 130%;	
}

#hometext{
	position: absolute;
	overflow: hidden;
	top: 540px; left: 295px; width: 350px; height: 225px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: rgb(44,16,17);
	border: 0px solid yellow;
}
#photostext{
	position: absolute;
	overflow: hidden;
	top: 550px; left: 130px; width: 505px; height: 215px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: rgb(44,16,17);
	border: 0px solid yellow;
}
#photos-text-col1{
	float: left;
	width: 235px;
	border: 0px solid black;	
}
#photos-text-col2{
	float: left;
	margin: 28px 0px 0px 10px;
	width: 110px;
	font-weight: bold;
	line-height: 180%;
	border: 0px solid black;	
}
#photos-text-col3{
	float: left;
	margin: 28px 0px 0px 10px;
	width: 110px;
	font-weight: bold;
	line-height: 180%;
	border: 0px solid black;	
}

#fanclubtext{
	position: absolute;
	overflow: hidden;
	top: 540px; left: 130px; width: 505px; height: 215px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: rgb(44,16,17);
	border: 0px solid yellow;
}
#fanclubtable .leftcolumn{
	text-align: right;	
}
#fanclubtable .rightcolumn{
	text-align: left;	
}


/* scroll bar stuff - this will probably need to be different for different pages */

.Scroller-Container {
  position: absolute;
  top: 25px; left: 0px;
  border: 0px solid red;
}
/*
.Scrollbar-Up {
  position: relative;
  margin:0px; padding:0px;
  width: 0px; height: 0px;
  background-color: #000;
  font-size: 0px;
  overflow: hidden;
}
*/
.Scrollbar-Track {
  width: 10px; 
  height: 225px;
  position: relative;
  top: 0px;  
  border: 0px solid black;
  background-color: none;
}
.Scrollbar-Handle {
  position: absolute;
  width: 10px; height: 10px;
  background-color: rgb(139,126,79);
  border-top: 0px solid black;
  border-bottom: 0px solid black;
}
.Scrollbar-Down {
  position: relative;
  top: 0px;
  width: 0px; height: 0px;
  background-color: #000;
  font-size: 0px;
  overflow: hidden;
}

#hometextinnercontainer{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 350px;
	border: 0px solid black;
	overflow: hidden;
	height: 225px;
}
#hometextinnercontainerWindow{
  position: absolute;
  position: relative;
  float: left;
  top: 0px;
  overflow: hidden;
  width: 332px;
  width: 328px; /* scrollbar change 2009-06-05 */
  height: 225px;
  display: block;
  border: 0px solid ;
  text-align: left;
}
#hometextinnercontainerScrollbar{
  position: absolute;
  padding: 0px;
  top: 0px; left: 335px;
  height: 225px;
  width: 13px;
  overflow: hidden;
}
#hometextinnercontainerScrollbar-Up{
  position: relative;
  margin:2px 0px 8px 2px; padding:0px;
  width: 10px; height: 10px;
  background: url('images/arrows.gif') -13px 0px no-repeat;
  font-size: 0px;
  overflow: hidden;
}
#hometextinnercontainerScrollbar-Handle{
  color: #886C2E;
  width: 13px;
  height: 13px;
}
#hometextinnercontainerScrollbar-Track{
  height: 183px;
  width: 13px;
/*  background-color: #B79545; /*this maybe shouldn't be here */
}
#hometextinnercontainerScrollbar-Down{
  position: relative;
  margin:8px 0px 2px 2px; padding:0px;
  width: 10px; height: 10px;
  background: url('images/arrows.gif') -13px -10px no-repeat;
  font-size: 0px;
  overflow: hidden;	
}
#hometextinnercontainerScroller-Container{
  width: 326px;
}
#homescrollbarbackground{ top: 20px; left: 335px; width: 13px; height: 183px; }


#locationslist{
	position: absolute;
	top: 121px;
	left: 600px;
	width: 150px;
	border: 1px solid black;
	overflow: hidden;
	height: 300px;
/*	background-color: #eeeeee;*/
	background: url('images/repeaterDropDown.jpg') repeat-y;
}
#locationslistWindow{
  position: absolute;
  position: relative;
  float: left;
  top: 0px;
  overflow: hidden;
  width: 128px;
  height: 300px;
  display: block;
  border: 0px solid ;
  text-align: left;
/*	background-color: #eeeeee;*/
}
#locationslistScrollbar{
  position: absolute;
  padding: 0px;
  top: 0px; left: 135px;
  height: 300px;
  width: 13px;
  overflow: hidden;
}
#locationslistScrollbar-Up{
  position: relative;
  margin:2px 0px 8px 2px; padding:0px;
  width: 10px; height: 10px;
  background: url('images/arrows.gif') -13px 0px no-repeat;
  font-size: 0px;
  overflow: hidden;
  border: 0px solid black;
}
#locationslistScrollbar-Handle{
  color: #886C2E;
  width: 13px;
  height: 13px;
}
#locationslistScrollbar-Track{
  height: 258px;
  width: 13px;
  background-color: #B79545;
}
#locationslistScrollbar-Down{
  position: relative;
  margin:8px 0px 2px 2px; padding:0px;
  width: 10px; height: 10px;
  background: url('images/arrows.gif') -13px -10px no-repeat;
  font-size: 0px;
  overflow: hidden;	
}
#locationslistScroller-Container{
  width: 126px;
}

#locationslistbuffer{
	position: absolute;
	top: 	121px;
	left: 	590px;
	width: 	170px;
	height: 310px;
	border: 0px solid blue;
}

#hidelocationslist{
	position: absolute;
	top: 	121px;
	left: 	525px;
	width: 	250px;
	height: 370px;
	border: 0px solid red;
}


.scrollbarbackground{
  position: absolute;
  padding: 0px;
  overflow: hidden;
  background-color: black;
  border: 0px solid red;
  -moz-opacity:.50;
  opacity:.50;
  FILTER: alpha(opacity=50);
}

#curtain{
	display: none;
	position: absolute;
	overflow: hidden;
	top: 0px; left: 0px; width: 800px; height: 840px;
	background-color: black;
}

div#jefferson-stuff{
	position: absolute; 
	overflow: hidden; 
	top: 0px; left: 402px; width: 348px; height: 60px;
	text-align: left;
	border: 0px solid white;
}
div#jefferson-stuff img#jefferson-sign{
/*	margin: 0px 0px 0px 402px;*/
}
div#nonjefferson-stuff{
	position: absolute; 
	overflow: hidden; 
	top: 0px; left: 417px; width: 348px; height: 60px;
	text-align: left;
	border: 0px solid white;
}

div#realdeals-sign-wrapper{
	position: absolute; 
	overflow: hidden; 
	top: 30px; left: 47px; width: 194px; height: 146px;
	text-align: left;
	border: 1px solid white;
}