* { padding: 0; margin: 0; }

body {
	margin:  0 auto;
	padding: 0;
    width: 899px;
	font: .70em/1.5em  Verdana, Tahoma, Helvetica, sans-serif;
    margin-top: 10px;
    margin-bottom: 15px;
    background: #000;

}

#container {
	background: #DBDCDE url(images/bg_main_withnav.jpg) repeat-y;
    background-position: 50%;
    border: 1px solid #E2DAFC;
}

#show {
  height: 320px;
  width: 665px;
  border: 1px solid #000;
  margin-top: 5px;
  margin-bottom: 5px;
}


#top {
  background: #000 url(images/top.gif) no-repeat;
  padding: 10px 0px 0px 10px;
  height: 99px;
  font: normal 3em 'Arial',Verdana,sans-serif,monospace;
  line-height: 1.2em;
  }

#top-admin {
  background: #000 url(admin/images/top.gif) no-repeat;
  padding: 10px 20px 0px 10px;
  height: 99px;
  font: normal 2em 'Arial',Verdana,sans-serif,monospace;
  color: #ffffff;
  text-align: right;
  line-height: 1.2em;
  }

#head {
    background: #F6890E;
    height: 28px;
    margin-top: 0px;
    text-align: left;
    font: normal 1.3em 'Arial',Verdana,sans-serif,monospace;
}

.heading-small {
  font: normal 0.5em 'Arial',Verdana,sans-serif,monospace;
}


#basket{
  border: 0px solid #ffffff;
  padding: 5px;
  padding-right: 0px;
  height: 40px;
  width: 140px;
  margin-top: 15px;
  margin-right: 1px;
  float: right;
  font: normal 0.8em 'Arial',Verdana,sans-serif,monospace;
  text-align: center;
}

#heading-right {
  font: bold 0.5em 'Arial',Verdana,sans-serif,monospace;
  color: #fff;
  float: right;
  padding-right: 22px;
  margin-top: 4px;
  text-align: right;
  border: 0px solid #fafafa;
  width: 150px;
  }

#menu {
  padding-left: 5px;
  padding-top: 10px;
  float: left;
  margin-left: 0px;
  border: 0px solid #000;
  font: normal 1em 'Arial',Verdana,sans-serif,monospace;
  width: 190px;
}

#main {
  margin-left: 212px;
  margin-top: 5px;
  padding-top: 5px;
  padding-bottom: 10px;
  padding-right: 10px;
  font: normal 1.3em 'Arial',Verdana,sans-serif,monospace;
          

          


}

#main ul{
  margin-left: 30px;
}

#main a{
  text-decoration: none;

}

#main a img{
  border: 0;
}


#footer {
  background: url(images/footer.jpg);
  height: 143px;
  text-align: center;
  padding-top: 10px;
  font: small-caps 1.1em 'Arial',Verdana,sans-serif,monospace;
}

#footer a{
  text-decoration: none;
  color: #000;
}

#footer img{
  border: 0;
}

#dyno-advert {
  width: 322px;
  height: 222px;
  border: 0px solid #fa0000;
  margin-left: 10px;
  float: right;
  background: #FFFFFF;
}

#dyno-advert-text{
  margin: 65px 20px 20px 20px;
  font: small-caps 18px 'Arial',Verdana,sans-serif,monospace;
  text-align: center;
}


.meet-container {
  margin-left: 25px;
  width: 600px;
  border: 2px solid #E92026;
  padding: 10px 10px 7px 10px;
  background: url(images/bg.png) repeat-x bottom;
}


.meet-image-container {
  background: #A7A7A7;
  width: 151px;
  height: 151px;
        }

.meet-image {
  border: 1px solid #000000;
  margin-top: -3px;
  margin-left: -3px;
  float: left;
          }

.meet-text {
    float: right;
    width: 430px;
    height: 150px;
    border: 0px solid #000;
    font: normal 1em 'Arial',Verdana,sans-serif,monospace;
}


.circuit-pics-container {
  background: #A7A7A7;
  margin-left: 5px;
  width: 231px;
  height: 201px;
  border: 1px solid #fae;
  float: right;
      }

.circuit-pics {
  border: 1px solid #E92026;
  margin: 5px;
  margin-top: -4px;
  margin-left: -4px;
        }

.circuit-title {
  background: url(images/title-bar.gif) no-repeat;
  width: 625px;
  margin-left: 25px;
  height: 22px;
  color: #ff0;
  text-align: center;
  padding-top: 3px;
  font: normal 1.2em 'Arial',Verdana,sans-serif,monospace;
  font-weight: bold;
}

.circuit-container {
  margin-left: 25px;
  width: 603px;
  border: 1px solid #000000;
  padding: 10px 10px 7px 10px;
  margin-bottom: 10px;
  background: url(images/bg.png) repeat-x bottom;
}

.circuit-container-small {
  margin-left: 32px;
  width: 160px;
  border: 1px solid #000000;
  padding: 3px 10px 3px 10px;
  margin-bottom: 10px;
  background: url(images/bg.png) repeat-x bottom;
  float: left;
  text-align: center;
}

.circuit-pics-small {
  width: 168px;
  height: 130px;
  margin-top: 0px;
  margin-left: -4px;
  display:block;
        }

.circuit-pics-small a{
	width: 168px;
    height: 130px;
    display: block;
}

.circuit-pics-small a:hover {
   background-position: 0 130px;
}

.circuit-text {
    float: right;
    width: 360px;
    border: 0px solid #000;
    font: normal 1em 'Arial',Verdana,sans-serif,monospace;
}

.news-container {
  margin-left: 25px;
  width: 603px;
  border: 1px solid #000000;
  padding: 10px 10px 7px 10px;
  margin-bottom: 10px;
  background: url(images/bg.png) repeat-x bottom;
  border: 1px solid #000;
  float: none;
}

.news-title {
  background: url(images/title-bar.gif) no-repeat;
  width: 625px;
  margin-left: 25px;
  height: 22px;
  color: #ff0;
  text-align: center;
  padding-top: 3px;
  font: normal 1.2em 'Arial',Verdana,sans-serif,monospace;
  font-weight: bold;
}

.news-picture {
    left: 10px;
    margin-right: 10px;
    border: 1px solid #afe;
    position: relative;
    float: right;
    height: 200px;
}

.news-content{
  float: left;
}


#priceRear{
  color: #FF0000;
  font-weight: bold;
}

#priceFront{
  color: #FF0000;
  font-weight: bold;
}

#upload-anim {
	height: 200px;
	background: #ffffff;
	width: 500px;
	margin: 0 auto;
    display: none;
}

.standings {
	border-collapse: collapse;
	width: 185px;
    height: 260px;
    background: #000000 url(images/standings-back.jpg) no-repeat;
    font: normal 0.8em 'Arial',Verdana,sans-serif,monospace;
    color: #ffffff;
    padding: 10px 17px 10px 17px;
    border: 1px solid #E92026;
    float: left;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 10px;
}

.standings td{
border-bottom: 1px solid #F8840F;
padding-bottom: 2px;
padding-top: 1px;
}

#w3c{
width: 100%;
text-align: center;
height: 42px;
padding-top: 10px;
text-decoration: none;
}



.urbangreymenu{
width: 188px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060 no-repeat;
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 3px 0 3px 5px; /*31px is left indentation of header text*/
margin-top: 0px;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 14px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px;
line-height: 12px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
background: #000;
}



.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 0px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
    float: left;
    display: block;
    text-decoration: none;
    margin: 0;
    padding: 7px 7px; /*padding inside each tab*/
    border-right: 1px solid white; /*right divider between tabs*/
    color: white;
    background: #F6890E; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
    color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
    background: #373638; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}



.PopBoxImageSmall
{
	border: none 0px #ffffff;
	cursor: url("PopBox/images/magplus.cur"), pointer;
}
.PopBoxImageLarge
{
	border: solid 1px #999999;
	cursor: url("PopBox/images/magminus.cur"), pointer;
}
.PopBoxImageShrink
{
	cursor: url("PopBox/images/magminus.cur"), pointer;
}
.PopBoxImageLink
{
	cursor: pointer;
}
.PopBoxImageMove
{
	border: none 0px #ffffff;
	cursor: pointer;
}

.address {
    width: 210px;
    height: 140px;
    border: 2px solid;
    background: #EEEEF0 url(images/back2.gif) repeat-x;
    padding: 10px;
}


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

	#dhtmlgoodies_slideshow{
		width:600px;	/* Total width of slideshow */


	}

	#previewPane{
		border:1px solid #CCCCCC;
		margin-bottom:10px;
		text-align:center;
		vertical-align:middle;
		padding-top:10px;

		position:relative;

		/* CSS HACK */
		height: 432px;	/* IE 5.x */
		height/* */:/**/420px;	/* Other browsers */
		height: /**/420px;

	}
	#previewPane img{
		line-height:400px;
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		font-style:italic;
		text-align:center;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
		font-size:0.9em;
	}
	#galleryContainer{

		height:102px;	/* Height of the images + 2 */
		border:1px solid #CCCCCC;
		position:relative;
		overflow:hidden;
		padding:1px;

		/* CSS HACK */
		height: 104px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/102px;	/* Other browsers */
		height: /**/102px;

	}
	#arrow_left{
		position:absolute;
		left:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;
	}
	#arrow_right{
		position:absolute;
		right:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;
	}
	#theImages{
		position:absolute;
		height:100px;
		left:40px;
		width:100000px;

	}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		float:left;
		padding:1px;
		cursor:pointer;
		border:0px;
	}

	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;
	}

	#theImages .imageCaption{
		display:none;
	}