/*CSS SHEET FOR VR CONCEPTS*/
html
{ 
	margin: 0px; 
	padding: 0px; 
} 

.cursor {  cursor: pointer}

body
{
	padding: 0px;
	margin: 0px;
	margin-top: 0px;
	margin-left: 0px;
	font-family: Tahoma, verdana;
	font-size: 0.8em;
	color: black;
	background: white;
	font-weight: normal;
	scrollbar-arrow-color: #FFAE00; 
	scrollbar-face-color: #A10001;
	scrollbar-shadow-color: black; 
	scrollbar-highlight-color: white; 
	scrollbar-track-color: #E60001; 
	scrollbar-3dlight-color: #FF2C2C;
	scrollbar-darkshadow-Color: #590000;
}

#cornerpos
{
	position: absolute;
	top: 103px;
	left: 149px;
	z-index: 3;
}

.navfont
{
	font-size: .8em;
}
.ourprice
{
	color: blue;
}
.pricefont
{
	font-size: 1.7em; 
	font-family: 'Helvetica'; 
	font-weight: lighter; 
	letter-spacing: .5;
}
.pricefont2
{
	font-size: 2.2em; 
	font-family: 'helvetica'; 
	font-weight: 600; 
	letter-spacing: 0;
}
.pricefontretail
{
	color: red;
	font-size: 1.3em; 
	font-family: 'helvetica'; 
	font-weight: bold; 
	letter-spacing: 1.3;
}

h1
{
	font-size: 12pt;
	font-family: Arial;
	font-weight: bold;
	font-style: italic;
	color: #720A0A;
	text-align: left;
	text-shadow: black;
}
h2
{
	font-size: 9pt;
	font-family: Arial;
	font-weight: bold;
	color: #720A0A;
	text-align: left;
	text-shadow: black;
}

.tablecheckout th
{
	font-size: 12pt;
	font-family: Arial;
	color: #720A0A;
	font-weight: bold;
	text-shadow: black;
	text-align: left;
}

.tablecheckout
{
	color: black;
	font-family: verdana;
	font-size: 8pt;
	margin: 5px;
}

.tablemain th
{
	font-size: 9pt;
	font-family: Arial;
	color: #720A0A;
	font-weight: bold;
	text-shadow: black;
	text-align: left;
}
.tablemain td
{
	padding: 10px;
}
.tablemain
{
	color: black;
	font-family: verdana;
	font-size: 8pt;
	margin: 5px;
}

.fields
{
	width: 200px;
	border: #A10001 solid 1px;
}



.ordercount 
{
	font-family: verdana;
	font-weight: normal;
	color: #720A0A;
	font-size: 10pt;
}

.ordercount2
{
	font-family: verdana;
	font-weight: normal;
	color: #720A0A;
	font-size: 8pt;
}


.tableborder
{
	color: black;
	font-family: verdana;
	font-size: 8pt;
	margin: 5px;
	border: #A10001 1px solid;
}
.tableborder tr
{
	background-color: white;
}

.tablegeneral
{
	color: black;
	font-family: verdana;
	font-size: 8pt;
	margin: 5px;
}
.tablegeneral td
{ 
	padding: 3px;
	text-align: left;
}

.tablegeneralinset
{
	color: black;
	font-family: verdana;
	font-size: 8pt;
	margin: 0px;
}
/*tablevendor is used on the productsordered.php page in the admin area*/
.tablevendor
{
	color: black;
	font-family: verdana;
	font-size: 12pt;
	margin: 5px;
	border: #A10001 1px solid;
}
.tablevendor td
{ 
	padding: 5px;
	text-align: left;
}

#indent
{
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
}

.tablegeneralinset td
{ 
	padding: 0px;
}

.tablestatus
{
	color: black;
	font-family: verdana;
	font-size: 8pt;
	margin: 0px;
	border: #A10001 0px solid;
	text-align: top;
	padding: 0px;
}
.tablestatus tr
{
	background-color: white;
}
.tablestatus th
{
	font-size: 0.8em;
	font-weight: bold;
	color: black;
	color: #720A0A;
	vertical-align: top;
	text-align: left;
	padding: 2px;
}
.tablestatus td
{
	padding: 2px;
}
	
/* style for frame box */
.frametop
{
	background-image: url(images/raceseats/template/frametop.gif);
}
.frameleft
{
	background-image: url(images/raceseats/template/frameleft.gif);
	background-repeat: repeat-x;
}
.framecenter
{
	background-image: url(images/raceseats/template/framecenter.gif);
	background-repeat: repeat-x;
}
.frameright
{
	background-image: url(images/raceseats/template/frameright.gif);
	background-repeat: repeat-x;
}
/*style for game preview text*/
.tableinfo
{
	color: black;
	font-family: verdana;
	font-size: 8pt;
	font-weight: normal;
	text-align: left;
	margin: 10px;
	padding: 0px;
}
/*table style not indented*/
.tableinfo2
{
	color: black;
	font-family: verdana;
	font-size: 8pt;
	font-weight: normal;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
/*table style indented slightly*/
.tableinfo3
{
	color: black;
	font-family: verdana;
	font-size: 8pt;
	font-weight: normal;
	text-align: left;
	margin-left: 10px;
	padding: 0px;
}

.tablerating
{
	font-size: 8pt;
	font-family: verdana;
	border: 1px black solid;
}

.ratingbar
{
	background-image: url(images/site/bgbutton.gif);
	background-repeat: repeat-x;
}

.tablegame
{
	color: black;
	font-family: verdana;
	font-size: 8pt;
	font-weight: normal;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

.heading1
{
	color: white;
	font-size: 8pt;
	font-weight: bold;
	vertical-align: top; 
	text-align: left;
	border-style: solid;
	border: 0px;
	padding: 2px;
	margin: 0px;
	text-indent: 6px;
}

.filtermenu
{ 
	font-size: .7em;
	vertical-align: top; 
	text-align: center;
	border-style: solid;
	border: 0px;
	padding: 0px;
	margin: 0px;
}
a:visited
{
	color: #939393;
}
a:link, 
{
	color: #B10000;
}

div.choice a:visited
{
	color: red; !important;
	font-size: 1.0em;
}
div.choice a:link 
{
	color: red; !important;
	font-size: 1.0em;
}

div.whitelink a:link, div.whitelink a:visited, div.whitelink a:active
{
	color: white;
}

div.sidelink a:visited
{
	color: #818181; !important;
	font-size: .7em;
	font-weight: bold;
	text-decoration: none;
	font-family: verdana; sans-serif;
}
div.sidelink a:link 
{
	color: #818181; !important;
	font-size: .7em;
	font-weight: bold;
	text-decoration: none;
	font-family: verdana; sans-serif;
}

div.templatelink a:visited
{
	color: red; !important;
	font-size: 1.0em;
	font-weight: normal;
	text-decoration: none;
	font-family: verdana; sans-serif;
}
div.templatelink a:link 
{
	color: red; !important;
	font-size: 1.0em;
	font-weight: normal;
	text-decoration: none;
	font-family: verdana; sans-serif;
}

/*div.whitelink a:visited
{
	color: white;
}
div.whitelink a:link
{
	color: white;
}*/

.retailprice {color: red;}
.expander { background-image: url(images/site/newtopbexpander.gif); background-repeat: repeat-x; }
.leftexpander { background-image: url(images/site/leftexpander.gif); background-repeat: repeat-y; }
.searchbox { border: 1px solid; color: red; }
.dropdown {font-size: 1.1em; color: white; background-color: #7A0600; border: #DA1717 solid 1px; border-color: #DA1717; }
.dropdownlight {color: black; background-color: white; border: #A10001 solid 1px; border-color: #A10001;}
.button {color: white; font-weight: bold; background-image: url(images/site/bgbutton.gif); background-color: #781313; border: 1px black solid; }
.indent { margin-left: 20px; margin-top: 20px; }

.message
{
	font-family: 'Tahoma', 'verdana' !important; 
	color: #720A0A;
	font-size: 8pt;
	text-align: left;
}

.textbox 
{
	color: #650000; 
	font-family: 'Minion', 'verdana' !important; 
	background-color: white; 
	font-weight: normal;
	border-color: #B60000 1px solid; 
	text-align: left;
	font-size: .9em;
	padding: 0px;
	border-width: 1px;
	border: #B60000 1px solid
}

#menutext1
{
	font-size: 10pt;
	font-family: Arial;
	color: #720A0A;
	font-weight: bold;
	text-shadow: black;
	text-align: center;
}

#menutext1light
{
	font-size: 12pt;
	font-family: Arial;
	color: #BD0000;
	font-weight: bold;
	text-shadow: black;
	text-align: center;
}

#generaltext2
{
	font-size: 8pt;
	font-family: Minion, Verdana;
	color: #720A0A;
	font-weight: normal;
	letter-spacing: 1;
}


#menutext2
{
	font-size: .9em;
	font-family: Century Gothic, verdana;
	color: #720A0A;
	font-weight: normal;
	letter-spacing: 2;
}

#menutext2light
{
	font-size: 10pt;
	font-family: Century Gothic, verdana;
	color: #BD0000;
	font-weight: bold;
	letter-spacing: 2;
}



#menutext3
{
	font-size: .9em;
	font-family: Minion, verdana;
	color: black;
	font-weight: normal;
	letter-spacing: 1;
}

#menutext3light
{
	font-size: .9em;
	font-family: Minion, verdana;
	color: white;
	font-weight: normal;
	letter-spacing: 1;
}
#menutext3light2
{
	font-size: .5em;
	font-family: Minion, verdana;
	color: white;
	font-weight: normal;
	letter-spacing: 1;
	text-align: center;
}
#menutext4light
{
	font-size: 7pt;
	font-family: 'Minion', 'verdana';
	color: white;
	font-weight: normal;
	letter-spacing: 2;
}

#menutextsmall
{
	font-size: 8pt;
	font-family: Minion, verdana;
	color: #BD0000;
	font-weight: normal;
	letter-spacing: 1;
}

#text1
{
	font-size: 1.3em;
	font-family: Arial;
	color: #720A0A;
	font-weight: bold;
	text-shadow: black;
	text-align: left;
}

#price
{
	font-size: 1.2em;
	color: red;
}



/*POSITIONS*/
#filterpos
{
	position: absolute;
	top: 350px;
	left: 0px;
	z-index: 2;
}


#searchpos
{
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 1;
}
	
/*Sub heading for navigation*/
#subheading
{
	padding-right: 2px;
	font-size: 8pt;
	color: black;
	font-family: Minion, verdana;
	font-weight: lighter;
	text-align: right;
	background-image: url('images/site/subheading.gif');
}

#fpos
{
	position: relative;
	top: 0px;
	left: 0px;
	font-size: 8pt;
	text-shadow: black 2px;
	color: black;
	z-index: 1;
}
#fpos2
{
	position: relative;
	top: -29px;
	left: 0px;
	font-size: 7pt;
	font-weight: bold;
	color: white;
	z-index: 2;
	text-align: center;
}

#gstpos
{
	position: relative;
	top: 0px;
	left: 0px;
	color: black;
	font-size: 8pt;
	font-family: Minion, verdana;
	font-weight: lighter;
	text-align: right;
	z-index: 1;
}
#gstpos2
{
	position: relative;
	top: -30px;
	left: 0px;
	color: white;
	font-size: 7pt;
	font-family: Minion, verdana;
	font-weight: bold;
	text-align: center;
	z-index: 2;
}
#subheading4
{
	position: relative;
	top: 0px;
	left: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 2px;
	font-size: 8pt;
	color: black;
	font-family: Minion, verdana;
	font-weight: lighter;
	text-align: right;
	background-image: url('images/site/subheading2.gif');
	z-index: 1;
}
#subheading3
{
	position: relative;
	top: -13px;
	left: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 2px;
	font-size: 8pt;
	color: black;
	font-family: Minion, verdana;
	font-weight: lighter;
	text-align: right;
	background-image: url('images/site/subheading2.gif');
	z-index: 1;
}
#subheading2
{
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 2px;
	font-size: 8pt;
	color: black;
	font-family: Minion, verdana;
	font-weight: lighter;
	text-align: right;
	background-image: url('images/site/subheading2.gif');
}
.subheading5
{
	position: relative;
	top: -13px;
	left: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 2px;
	font-size: 8pt;
	color: white;
	text-shadow: black;
	font-family: Minion, verdana;
	font-weight: lighter;
	text-align: right;
	background-image: url('images/site/subheading2.gif');
	z-index: 2;
}
/* styles for main menu */
#mainmenupos
{
	position: absolute;
	top: 107px;
	left: 0px;
	z-index: 2;
}


#navcontainer 
{ 
	width: 148px;
}

#navcontainer ul
{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-size: 8pt;
	font-family: Minion, verdana;
	font-weight: bold;
	text-align: right;
}

#navcontainer a
{
	color: #BD0000;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 148px;
	background-color: black;
	border-bottom: 1px solid #DE2118;
	text-align: right;
}

#navcontainer a:link, #navlist a:visited
{
	/*color: #DA1717;*/
	color: white;
	text-decoration: none;
	text-align: right;
}

#navcontainer a:hover
{
	background-color: #B90202;
	color: white;
	text-align: right;
}
/*======================*/
/*top navigation*/
#gamepos
{
	position: absolute;
	top: 1px;
	left: 110px;
	z-index: 2;
}
#accessorypos
{
	position: absolute;
	top: 21px;
	left: 130px;
	z-index: 2;
}
#generalpos
{
	position: absolute;
	top: 40px;
	left: 143px;
	z-index: 2;
}
#raceseatpos
{
	position: absolute;
	top: 60px;
	left: 152px;
	z-index: 2;
}
#productpos
{
	position: absolute;
	top: 80px;
	left: 157px;
	z-index: 2;
}

#loginpos
{
	position: absolute;
	top: -14px;
	left: 130px;
	z-index: 6;
}
#registerpos
{
	position: absolute;
	top: 20px;
	left: 144px;
	z-index: 5;
}
#checkoutpos
{
	position: absolute;
	top: 43px;
	left: 159px;
	z-index: 4;
}
#contactspos
{
	position: absolute;
	top: 23px;
	left: 162px;
	z-index: 6;
}
#profilepos
{
	position: absolute;
	top: 15px;
	left: 142px;
	z-index: 7;
}
#logoutpos
{
	position: absolute;
	top: -17px;
	left: 128px;
	z-index: 8;
}
/*#topnavcontainer 
{ 
	width: 148px;
}*/

#topnavcontainer ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-size: .7em;
	font-family: Verdana;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
}

#topnavcontainer a
{
	color: #B5B5B5;
	text-align: left;
	font-size: .7em;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: normal;
	margin: 0px;
	padding: 0px;
}

#topnavcontainer a:link, #topnavlist a:visited
{
	color: #B5B5B5;
	text-align: left;
	font-size: .7em;
	font-family: Verdana;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: normal;
	margin: 0px;
	padding: 0px;
}

#topnavcontainer a:hover
{
	color: white;
	text-align: left;
	font-size: .7em;
	font-family: Verdana;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: normal;
	margin: 0px;
	padding: 0px;
}

.topactive
{
	color: white !important;
	text-align: left !important;
	font-size: .7em !important;
	font-family: Verdana !important;
	font-weight: bold !important;
	text-decoration: none !important;
	letter-spacing: normal !important;
}
/*end of top navigation*/
/*======================*/

.active
{
	background-color: #B90202 !important;
	color: black !important;
	text-align: right !important;
}

.small
{
	font-size: 7pt;
}

.activesmall
{
	background-color: #B90202 !important;
	color: black !important;
	text-align: right !important;
	font-size: 7pt;
}

#wraptext
{ 
	float: right;
}

/*free freight position*/
#freightpos
{
	position: absolute;
	top: 107px;
	left: 85px;
	z-index: 3;
	font-size: 8pt;
	text-shadow: black 2px;
	color: white;
}

#freighttext
{
	margin-top: 0px;
	font-size: 8pt;
	color: white;
	text-shadow: black 2px;
}

#copyright
{
	text-align: center;
	float: left;
	padding-top: 4px;
	margin-left: 10px;
	font-size: 7pt;
	font-family: tahoma; verdana;
	color: white;
}

/* Promo Position */
#xboximg
{
	position: absolute;
	top: 220px;
	left: 580px;
	z-index: 1;
}
#promo
{
	position: absolute;
	top: 5px;
	left: 10px;
	z-index: 0;
}
#promomore
{
	position: absolute;
	font-family: verdana;
	top: 87px;
	left: 338px;
	z-index: 1;
	font-size: .7em;
}

div.promofont a:visited
{
	color: green;
	text-decoration: none;
}
div.promofont a:link, 
{
	color: green;
	text-decoration: none;
}
	
.tablepromo
{
	color: white;
	font-family: verdana;
	font-size: 8pt;
	margin: 5px;
	border: #A10001 1px solid;
}
.tablepromo tr
{
	background-color: black;
}

/*db debug table style */

/*blue*/
.tabledebugb
{
	color: blue;
	font-family: verdana;
	font-size: 8pt;
	margin: 5px;
	border: #A10001 1px solid;
	background-color: black;
}
.tabledebugb tr td
{
	background-color: white;
}
.tabledebugb th
{
	color: blue;
	font-weight: bold;
	background-color: #DBCFFF;
}
.tabledebugheadb
{
	color: white !important;
	font-size: 8pt !important;
	font-weight: bold;
	background-color: #2D00AE !important;
}
.debugtitleb td tr
{
	color: black
	font-size: 10pt;
	font-style: bold;
	background-color: #00FFFC;
}

/*green*/
.tabledebugg
{
	color: green;
	font-family: verdana;
	font-size: 8pt;
	margin: 5px;
	border: #006210 1px solid;
	background-color: black;
}
.tabledebugg tr td
{
	background-color: white;
}
.tabledebugg th
{
	color: black;
	font-weight: bold;
	background-color: #008917;
}
.tabledebugheadg
{
	color: white !important;
	font-size: 8pt !important;
	font-weight: bold;
	background-color: #008917 !important;
}
.debugtitleg td tr
{
	color: black
	font-size: 10pt;
	font-style: bold;
	background-color: #008917;
}

/*red*/
.tabledebugr
{
	color: red;
	font-family: verdana;
	font-size: 8pt;
	margin: 5px;
	border: #760000 1px solid;
	background-color: black;
}
.tabledebugr tr td
{
	background-color: white;
}
.tabledebugr th
{
	color: white;
	font-weight: bold;
	background-color: #BF0000;
}
.tabledebugheadr
{
	color: white !important;
	font-size: 8pt !important;
	font-weight: bold;
	background-color: #840000 !important;
}
.debugtitler td tr
{
	color: black
	font-size: 10pt;
	font-style: bold;
	background-color: #00FFFC;
}

/*grey*/
.tabledebugy
{
	color: gray;
	font-family: verdana;
	font-size: 8pt;
	margin: 5px;
	border: #5B5B5B 1px solid;
	background-color: black;
}
.tabledebugy tr td
{
	background-color: white;
}
.tabledebugy th
{
	color: black;
	font-weight: bold;
	background-color: #9B9B9B;
}
.tabledebugheady
{
	color: white !important;
	font-size: 8pt !important;
	font-weight: bold;
	background-color: #858585 !important;
}
.debugtitley td tr
{
	color: black
	font-size: 10pt;
	font-style: bold;
	background-color: #00FFFC;
}

/*====================================*/
/*VERTICAL POP OUT MENU*/
/*====================================*/
#menu {
width: 150px; /* set width of menu */
background: #eee;
} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;

}

/* style, color and size links and headings to suit */
#menu a, #menu h2 {
font-size: 8pt;
font-family: Minion, Verdana;
font-weight: bold;
text-align: right;
display: block;
border-width: 1px;
border-style: solid;
border-color: #DE2118;
border-top: 0px;
border-right: 1px;
border-left: 0px;
margin: 0;
padding: 2px 3px;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a {
/*color: #BD0000;*/
color: white;
background: black;
text-decoration: none;
}

#menu a:hover {
color: white;
background: #B90202;
}

/*POSITIONING THE POP OUTS*/

#menu li {
/* make the list elements a containing block for the nested lists */

position: relative;
} 

#menu ul ul li {
border-left: 0px;
}

#menu ul ul ul {

position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

#menu ul ul ul li
{
border-left: 1px solid red !important;
border-right: 1px solid red;
}
/*HIDING AND REVEALING USING HOVER*/

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}