/* Alienware 2009 alienNav Style
   Updated:	2009-09-18
   Author:	Jason Singh for Dell Corporation
   Notes:	alienNav.js contains fix for IE6 hover
   ----------------------------------------------------*/

/* =DEFAULTS
   ----------------------------------------------------*/
b.title{ color: #FFF; }
div#main_navigation ul.actions 		      {z-index:2;}
/* adjustments made for IE6 in alienNav control */
div#main_navigation ul.actions_lvl2       {z-index:3;line-height:20px;font-weight:bold;font-size:11px;width:204px;background-color:#000;padding-top:8px;}
div#main_navigation ul.actions_lvl3       {z-index:4;line-height:20px;font-weight:bold;font-size:11px;width:139px;border-left:1px solid transparent;margin:-1px 0 0 204px;padding-top:1px;background:url('home/spacer.gif');}
.https div#main_navigation ul.actions_lvl3{background:url('home/spacer.gif');} /* duplicate for https */
div#main_navigation ul.actions_lvl3 li    {background-color:#000;}
div#main_navigation ul.actions_lvl3Div    {z-index:4;line-height:20px;font-weight:bold;border-left:1px solid transparent;font-size:11px;width:405px;margin:-1px 0 0 204px;}
div#main_navigation ul.actions_lvl3Div li {background:transparent;}
div#main_navigation ul.actions_lvl4       {z-index:5;line-height:20px;font-weight:bold;border-left:1px solid transparent;font-size:11px;width:405px;margin:0 0 0 134px;}
div#main_navigation ul.actions_lvl4 li    {background:transparent;}

div#main_navigation .alienNavArrow {margin:5px 5px 0 0;float:right;}

/* Menu Level 1 Styles - Default style contained in another css file 
div#main_navigation ul li { color: #fff;}*/
div#main_navigation div.mitem1 {display:block;height:27px;width:70px;}
div#main_navigation div.mitem2 {display:block;height:27px;width:64px;}
div#main_navigation div.mitem3 {display:block;height:27px;width:79px;}
div#main_navigation div.mitem4 {display:block;height:27px;width:45px;}

div#main_navigation a#mitem1        {display:block;width:100%;height:15px;background:url('home/alienNav_item1.gif') no-repeat;} /* Shop */
.https div#main_navigation a#mitem1 {background:url('home/alienNav_item1.gif');} /* duplicate for https */
div#main_navigation a#mitem2        {display:block;width:100%;height:15px;background:url('http://image.alienware.com/images/css_images/alienNav/alienNav_item7.gif') no-repeat;} /* Support */
.https div#main_navigation a#mitem2 {background:url('home/alienNav_item7.gif');} /* duplicate for https */
div#main_navigation a#mitem3        {display:block;width:100%;height:15px;background:url('http://image.alienware.com/images/css_images/alienNav/alienNav_item3.gif') no-repeat;} /* Community */
.https div#main_navigation a#mitem3 {background:url('home/alienNav_item3.gif');} /* duplicate for https */
div#main_navigation a#mitem4        {display:block;width:100%;height:15px;background:url('home/alienNav_item2.gif') no-repeat;} /* Learn */
.https div#main_navigation a#mitem4 {background:url('home/alienNav_item2.gif');} /* duplicate for https */
div#main_navigation a#mitem1:hover, div#main_navigation ul.actions li:hover a#mitem1, div#main_navigation ul.actions li.alienHover a#mitem1 {background-position:0px -15px;}
div#main_navigation a#mitem2:hover, div#main_navigation ul.actions li:hover a#mitem2, div#main_navigation ul.actions li.alienHover a#mitem2 {background-position:0px -15px;}
div#main_navigation a#mitem3:hover, div#main_navigation ul.actions li:hover a#mitem3, div#main_navigation ul.actions li.alienHover a#mitem3 {background-position:0px -15px;}
div#main_navigation a#mitem4:hover, div#main_navigation ul.actions li:hover a#mitem4, div#main_navigation ul.actions li.alienHover a#mitem4 {background-position:0px -15px;}

/* used to increase hit area of top level */
div#main_navigation ul li.toplevel        {margin-top:-5px;cursor:pointer;background:url('home/spacer.gif');}
.https div#main_navigation ul li.toplevel {background:url('home/spacer.gif');} /* duplicate for https */
div#main_navigation ul li.toplevel a.toplevel {margin-top:5px;}
div#main_navigation ul li.toplevel ul {margin-top:5px;}
div#main_navigation ul li.toplevel ul li ul {margin-top:-1px;}
div#main_navigation ul li.toplevel ul li ul li ul {margin-top:0px;}

/* Menu Level 2 Placement */	
div#main_navigation li ul {left:0px;top:0;}
/* Menu Level 3+ Placement */	
div#main_navigation li ul li ul {left: 0px;}




/* LI DIV Styles */
div#main_navigation .alienNavDiv {width:400px;height:230px;background-color:#000;border:1px solid #2f2f2f;}
div#main_navigation .alienNavDiv a:hover {color:#bcd021;}
div#main_navigation .alienNavDiv .divLeft {width:105px;float:left;height:100%;background:url('home/nav_divLeft_background.jpg') repeat-x;}
.https div#main_navigation .alienNavDiv .divLeft {background:url('home/nav_divLeft_background.jpg') repeat-x;} /* duplicate for https */
div#main_navigation .alienNavDiv .divLeft .menu {width:80px;margin-top:10px;padding-left:6px;color:#ffffff;line-height:12px;font-weight:100;font-size:10px;}
div#main_navigation .alienNavDiv .divLeft .title {padding-left:4px;font-size:11px;line-height:13px;}
div#main_navigation .alienNavDiv .divLeft .menu a {color:#ffffff;width:80px;text-decoration:underline;}
div#main_navigation .alienNavDiv .divLeft .menu a:hover {color:#bcd021;width:80px;text-decoration:underline;}
div#main_navigation .alienNavDiv .divLeft .cBtn {margin-top:10px;width:71px;height:22px;}
div#main_navigation .alienNavDiv a.divRight {float:none;width:auto;height:auto;margin:0;padding:0;display:inline;cursor:pointer;}
div#main_navigation .alienNavDiv div.divRight {float:left;width:295px;height:187px;background:url('home/nav_subdiv_background.jpg') repeat-x;}
.https div#main_navigation .alienNavDiv div.divRight {background:url('home/nav_subdiv_background.jpg') repeat-x;} /* duplicate for https */

div#main_navigation .alienNavDiv .divRight .divContent {width:275px;padding:10px 10px 0 10px;line-height:14px;font-weight:100;color:#FFFfff;font-size:10px;}
div#main_navigation .alienNavDiv .divRight .product {position:relative;clear:both;width:275px;height:170px;padding-top:35px;}
div#main_navigation .alienNavDiv .divRight .product .quote {position:absolute;top:0;left:0;height:45px;width:100%;color:#333333;font-size:10px;line-height:11px;font-weight:bold;cursor:default;}
div#main_navigation .alienNavDiv .divRight .quoteText  {width:auto;}
div#main_navigation .alienNavDiv .divRight .quoteTextV {width:225px;}
div#main_navigation .alienNavDiv .divRight .quoteTextH {width:190px;}
div#main_navigation .alienNavDiv .divRight .productText {position:absolute;top:152px;left:0;clear:both;cursor:default;}
div#main_navigation .alienNavDiv .divRight .productText .title {color:#bcd021;font-size:11px;line-height:15px;}
div#main_navigation .alienNavDiv .divRight .productText .price {font-size:11px;color:#ffffff;}

div#main_navigation .alienNavDiv .divRight .changeNavIMG {position:absolute;right:10px;top:206px;}
div#main_navigation .alienNavDiv .divRight .changeNavIMG .current, div#main_navigation .alienNavDiv .divRight .changeNavIMG .divider {color:#B3B3B3;}
div#main_navigation .alienNavDiv .divRight .changeNavIMG span:hover {color:#bcd021;}
/* DIV END */



/* Menu Level 2+ Styles 	*/ 	
div#main_navigation li ul li a {color:#ffffff;padding:2px 7px;width:190px;} 
div#main_navigation li ul.actions_lvl3 li a {color:#ffffff;padding:2px 7px;width:120px;} 
div#main_navigation li ul li a:hover {color: #bcd021;background: #2f2f2f;}
div#main_navigation ul li ul li ul li ul li a:hover {color: #bcd021;background:transparent;} 

/* CSS colors for items to remain lit */	
div#main_navigation ul li:hover a, div#main_navigation ul li.alienHover a {color: #ffffff;background:transparent;}
div#main_navigation ul li ul li:hover a, div#main_navigation ul li ul li.alienHover a {color: #bcd021;background-color:#2f2f2f;}	
div#main_navigation ul li ul li:hover ul li a, div#main_navigation ul li ul li.alienHover ul li a {color: #ffffff;background:transparent;}
div#main_navigation ul li ul li ul li:hover a, div#main_navigation ul li ul li ul li.alienHover a {color: #bcd021;background-color:#2f2f2f;}
div#main_navigation ul li ul li ul li:hover ul li a, div#main_navigation ul li ul li ul li.alienHover ul li a {color: #ffffff;background:transparent;}

/* Level3 Div styles */
div#main_navigation ul li ul.actions_lvl3Div li:hover a, div#main_navigation ul li ul.actions_lvl3Div li.alienHover a {background:transparent;}	
div#main_navigation li ul.actions_lvl3Div li a:hover {background:transparent;} 

div#main_navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
div#main_navigation ul li ul {
	display: none;
}
div#main_navigation ul li:hover>ul {
	display: block;
	position: absolute;
}

div#main_navigation ul.actions>li:hover>ul {
	position: absolute;
	top: 21px;
}

div#main_navigation li {
	float: left;
	position: relative;
	padding: 0em;
}

div#main_navigation ul ul li {
	float: none; /* IE6 dont like this, changed in alienNav control  */
}



/* Hide/Show Menu CSS for IE6 */
div#main_navigation ul li.alienHover ul {display: block;position:absolute;top:22px;} /* Show Menus on over Level 1 */
div#main_navigation ul li.alienHover ul li ul {display: none;position:absolute;top:0px;} /* Hide Level 3+ on over Level 1 */

div#main_navigation ul li ul li.alienHover ul {display: block;position:absolute;top:0px;} /* Show Level 3 on over Level 2 */
div#main_navigation ul li ul li.alienHover ul li ul {display: none;position:absolute;top:0px;} /* Hide Level 4 on over Level 2 */

div#main_navigation ul li ul li ul li.alienHover ul {display: block;position:absolute;top:0px;} /* Show Level 4 on over Level 3 */