/* ___________________________ Drop Down Menu ___________________________ */

ul#nav, ul#nav ul { /* All Lists */
	padding: 0px;
	margin: 0px;
	list-style: none;
	z-index: 300;
}

ul#nav li { /* All List Items */
	float: left;
	position: relative;
	z-index: 300;
	padding: 0px;
	margin: 0px;
}
ul#nav li a {
	display: block;
	padding: 0px;
	margin: 0px;
	cursor:pointer;
}

ul#nav li ul { /* Second-level Lists */
	display: none;
	position: absolute;
	top: 0px;
	left: 120px;
	width: 156px;
	background-image: url('/Sites/RET/_img/nav/secondDropDownBg.gif');
	background-repeat: repeat-y;
	margin-left: 120px;
	border-top: 3px solid #384855;
	border-right: 1px solid #384855;
	border-left: 1px solid #384855;
	border-bottom: 1px solid #384855;
	z-index: 300;
}

ul#nav li ul ul	{  /* Placement of third-level lists */ 
	margin: -3px 0px 0px 156px;
}
ul#nav li ul ul	li {  /* Third-level Lists */ 
	background-image: url('/Sites/RET/_img/nav/thirdDropDownBg.gif');
	background-repeat: repeat-y; 
}

ul#nav li ul li { /* Second-level Lists */
	width: 156px;
	z-index: 300;
}

ul#nav li ul li a, ul#nav li ul li a:active, ul#nav li ul li a:visited { /* Default Link Style */
	text-decoration: none;
	color: #ffffff;
	display: block;
	z-index: 300;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 8px 10px 8px 10px;
	width:136px;
}

ul#nav li ul li a:hover  { /* Default Link Style Hover */
	text-decoration: none;
	color: #000000;
	display: block;
	z-index: 300;
	background-color: #b1bec6;
}

ul#nav li ul li ul li a, ul#nav li ul li ul li a:active, ul#nav li ul li ul li a:visited { /* Third Level Link Style */
	text-decoration: none;
	color: #27333c;
	display: block;
	z-index: 300;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	border-top: 1px solid #c3d2db;
	border-bottom: 1px solid #98aab4;
	padding: 3px 10px 3px 10px;
}

ul#nav li ul li ul li a:hover  { /* Third Level Link Style Hover */
	text-decoration: none;
	color: #000000;
	display: block;
	z-index: 300;
	background-color: #d8dee2; 
}

li > ul {  /* To override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

ul#nav li:hover ul ul, ul#nav li.sfhover ul ul {  /* Third-and-above-level Lists */
	/* left: -999em; */
	display: none;
}

ul#nav li:hover ul, ul#nav li li:hover ul, ul#nav li.sfhover ul, ul#nav li li.sfhover ul {  /* Lists nested under hovered list items */
	display: block;
	list-style-type: none;
	z-index: 300;
	left: 0px; /* Placement of drop down */
}


/* --------------  2008 Nav Style - No more domroll  ---------------- */

a.home {
	background: url('/Sites/RET/_img/nav/navHome.gif') no-repeat top;         /*Make sure you specify to start displaying from the TOP*/
	display: block;    /*This is needed to force the anchor tag to respect your width and height*/
	width:120px;
	height:34px;
	text-indent:-5000px;      
}

a.home:hover {
	background: url('/Sites/RET/_img/nav/navHome.gif') no-repeat bottom;
}

a.pcgames {
	background: url('/Sites/RET/_img/nav/navPCGames.gif') no-repeat top;         /*Make sure you specify to start displaying from the TOP*/
	display: block;    /*This is needed to force the anchor tag to respect your width and height*/
	width:120px;
	height:34px;
	text-indent:-5000px;      
}

a.pcgames:hover {
	background: url('/Sites/RET/_img/nav/navPCGames.gif') no-repeat bottom;
}

a.indiegames {
	background: url('/Sites/RET/_img/nav/navRET_indieGames.gif') no-repeat top;         /*Make sure you specify to start displaying from the TOP*/
	display: block;    /*This is needed to force the anchor tag to respect your width and height*/
	width:120px;
	height:34px;
	text-indent:-5000px;      
}

a.indiegames:hover {
	background: url('/Sites/RET/_img/nav/navRET_indieGames.gif') no-repeat bottom;
}

a.arcade {
	background: url('/Sites/RET/_img/nav/navArcade.gif') no-repeat top;         /*Make sure you specify to start displaying from the TOP*/
	display: block;    /*This is needed to force the anchor tag to respect your width and height*/
	width:120px;
	height:34px;
	text-indent:-5000px;      
}

a.arcade:hover {
	background: url('/Sites/RET/_img/nav/navArcade.gif') no-repeat bottom;
}

a.casual {
	background: url('/Sites/RET/_img/nav/navCasual.gif') no-repeat top;         /*Make sure you specify to start displaying from the TOP*/
	display: block;    /*This is needed to force the anchor tag to respect your width and height*/
	width:120px;
	height:34px;
	text-indent:-5000px;      
}

a.casual:hover {
	background: url('/Sites/RET/_img/nav/navCasual.gif') no-repeat bottom;
}

a.mac{
	background: url('/Sites/RET/_img/nav/navMac.gif') no-repeat top;         /*Make sure you specify to start displaying from the TOP*/
	display: block;    /*This is needed to force the anchor tag to respect your width and height*/
	width:120px;
	height:34px;
	text-indent:-5000px;      
}

a.mac:hover {
	background: url('/Sites/RET/_img/nav/navMac.gif') no-repeat bottom;
}


a.anime {
	background: url('/Sites/RET/_img/nav/navAnime.gif') no-repeat top;         /*Make sure you specify to start displaying from the TOP*/
	display: block;    /*This is needed to force the anchor tag to respect your width and height*/
	width:120px;
	height:34px;
	text-indent:-5000px;      
}

a.anime:hover {
	background: url('/Sites/RET/_img/nav/navAnime.gif') no-repeat bottom;
}

a.comics {
	background: url('/Sites/RET/_img/nav/navComics.gif') no-repeat top;         /*Make sure you specify to start displaying from the TOP*/
	display: block;    /*This is needed to force the anchor tag to respect your width and height*/
	width:120px;
	height:34px;
	text-indent:-5000px;      
}

a.comics:hover {
	background: url('/Sites/RET/_img/nav/navComics.gif') no-repeat bottom;
}

a.guides {
	background: url('/Sites/RET/_img/nav/navGuides.gif') no-repeat top;         /*Make sure you specify to start displaying from the TOP*/
	display: block;    /*This is needed to force the anchor tag to respect your width and height*/
	width:120px;
	height:34px;
	text-indent:-5000px;      
}

a.guides:hover {
	background: url('/Sites/RET/_img/nav/navGuides.gif') no-repeat bottom;
}

a.zones {
	background: url('/Sites/RET/_img/nav/navZones.gif') no-repeat top;         /*Make sure you specify to start displaying from the TOP*/
	display: block;    /*This is needed to force the anchor tag to respect your width and height*/
	width:120px;
	height:34px;
	text-indent:-5000px;      
}

a.zones:hover {
	background: url('/Sites/RET/_img/nav/navZones.gif') no-repeat bottom;
}

a:focus
{
	Outline: 0;           /*This gets rid of the focus rectangle in Firefox, Safari, & Opera when you click the button.  IF you are using a graphic for your text then you will definitely want to use this, but it’s not necessary if your button copy is plain text*/
}





/* --------------  Arrow Style  ---------------- */
.arrow {
	position: absolute;
	top: 10px;
	left: 140px;
}

/* --------------  Current Nav Style  ---------------- */
.navcur {
	border: 1px solid #d2d5d7;	
	width: 120px;
	background-image: url('/Sites/RET/_img/nav/navCurBg.gif');
	background-repeat: repeat-y;
}

.navcuroff {
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	font-size: 10px; color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;
	background-image: url('/Sites/RET/_img/nav/navCurHDivider.gif');
	background-repeat: no-repeat;
	background-position: bottom;
}
.navcuron {
	background-color: #99a8b1;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	font-size: 10px; color: #27333c; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;
	background-image: url('/Sites/RET/_img/nav/navCurHDivider.gif');
	background-repeat: no-repeat;
	background-position: bottom;
	cursor: pointer;
}
.navcurrent {
	background-color: #b0bdc5;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
	background-image: url('/Sites/RET/_img/nav/navCurHDivider.gif');
	background-repeat: no-repeat;
	background-position: bottom;
	font-size: 10px; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;
	cursor: pointer;
}

#pc_games {
	margin:0px;
	list-style: none;
	z-index: 300;
	width:120px;
	color:#fff;
	padding: 0px 0px 7px 0px;
	background:url('/Sites/RET/_img/nav/pcgames_bg.jpg') repeat-y;
}


.pc {
	clear:both;
	width:117px;
	padding:4px 0px 4px 3px;
	background:url('/Sites/RET/_img/nav/pcgames_bg.jpg') repeat-y;
	margin:0px;
	display:inline-table;
	white-space:nowrap;
}


.new {
	float:right;
	vertical-align:text-bottom;
	padding-top:5px;
	padding-right:2px;
	width: 32px;
	display:table-row;
	text-align:right;
}

.new a, .new a:active, .new a:visited {
	cursor:pointer;
	text-decoration:none;
	white-space:nowrap;
	padding:0px;
	margin:0px;
}

.new a:hover {
	cursor:pointer;
}

.pc_link {
	float:left;
	padding:3px 3px 3px 5px;
	width: 70px;
	display:table-row;
}


.pc a, .pc a:active, .pc a:visited {
	cursor:pointer;
	color:#fff;
	text-decoration:none;
	float:left;
}

.pc a:hover {
	cursor:pointer;
	color: #2d3942;
	background:#b1bec6;
	display: block;
}