/* Reset Styles
==============================================================================================  */

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { padding: 0; margin: 0 }
table { border-collapse: collapse; border-spacing: 0 }
a, img, fieldset { border: none; outline: none }
address, caption, cite, th { font-style: normal; font-weight: normal }
ol, ul { list-style: none }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

/* Global Styles
==============================================================================================  */

body { background: #eaeaea;  color: #222 }

/* Layout
==============================================================================================  */

#nav { position: relative; z-index: 2; font-family:"Helvetica Neue", Arial, sans-serif; }
 
 

#nav { font-size: 12px; float: left; width: 100%; /*background: url("../images/nav-tile.png") repeat-x 0 50%;*/ line-height: 26px; font-weight: bold; color: #00314a; text-shadow: #fff 0 1px 0; margin-top: 7px; }
#nav .dropdown { text-shadow: none; }
#nav a { border-bottom: none;}
#nav-inner { width: 900px; margin: 0 auto; }
#nav li { position: relative; float: left; line-height: 26px; background: url("../images/menu-left.png") no-repeat 0 -26px; padding-left: 15px; margin-left: -12px; }
#nav #channels-menu { margin-left: -8px; }
#nav li a { display:block; float: left; color: #868686; text-decoration: none; padding-right: 30px; line-height: 26px; background: url("../images/menu-right.png") no-repeat right -26px; font-family:Arial }
#nav li a:hover
{
	color:#0190d2;
} 
#nav li.no-subitems { background: transparent; }
#nav li.no-subitems a { background: transparent; padding-right: 22px; }
#nav li.featured { background-position: 0 -52px; }
#nav li.hovered { background-position: 0 0; }
#nav li.featured + li.hovered { background-position: 0 -78px; } 
* html #nav li.adjacent-featured  { background-position: 0 -78px; } 
#nav li.featured a { background-position: right -52px; }
#nav li.hovered a { background-position: right 0; }
#nav ul.dropdown { display: none; position: absolute; top: 26px; left: 0; width: 251px; margin: 0; padding: 12px 8px 20px 8px; background: url("../images/dropdown-notop.png") no-repeat bottom; }
#nav .complex-menu .dropdown { padding-left: 20px; width: 370px; }
#nav #about-menu .dropdown, #nav #technology-menu .dropdown, #nav #faq-menu .dropdown { width: 192px; background: url("../images/dropdown-thin.png") no-repeat bottom; }
#nav ul.dropdown li { background: none; display: block; line-height: 16px; margin-left:0; padding-left:0; float: none; }
* html #nav ul.dropdown li { border-bottom: 1px solid white; margin-top: -1px;}
* html #nav li li { border-bottom: 1px solid white; margin-top: -1px; position: static; }
* html #nav ul.dropdown { background: white ! important; border: 1px solid #b9c7a6; border-top: none; padding: 12px 0 12px 0;  margin-left: 7px; }
* html #nav .complex-menu .dropdown { padding-left: 12px; }
#nav ul.dropdown li a { background: none; color: #868686; float: none; line-height: 16px; padding-right: 0; font-weight: normal; }
#nav .complex-menu ul.dropdown .complex-li { display: block; float: left; width: 117px; height: 128px; border-right: 1px dotted #5d5d5d; border-bottom: 1px dotted black; }
#nav .complex-menu ul.dropdown ul { }
#nav .complex-menu ul.dropdown li.first-block { margin-top: 15px; }
#nav .complex-menu ul.dropdown li.second-block { margin-top: 15px; }
#nav .complex-menu ul.dropdown li.third-block { border-right: none; margin-top: 15px; }
#nav .complex-menu ul.dropdown li.fourth-block { border-bottom: none; }
#nav .complex-menu ul.dropdown li.fifth-block { border-bottom: none; }
#nav .complex-menu ul.dropdown li.sixth-block { border-bottom: none; border-right: none; }

#nav #photos-menu a:hover, #nav #videos-menu a:hover, #twittorati-menu a:hover { text-decoration:none; }

* html #support-menu ul.dropdown li ul, * + html #support-menu ul.dropdown li ul { margin-top: -1.1em; }

#nav ul.dropdown ul li a { padding-left: 15px; z-index:2; }
#nav ul.dropdown li ul li a { padding-left: 10px; margin:0px 2px 0px 10px; line-height:15px; font-size:11px; }
#nav .complex-menu ul.dropdown li ul li a { padding-left: 15px; }
#nav ul.dropdown ul li a:hover { background: #ebebeb url(../images/secondheader.png) repeat-x left top; color:#fff; }
#nav ul.dropdown li h3 a { font-weight: bold; color: #868686; padding-left: 15px; line-height: 22px;  }
#nav ul.dropdown li h3 a:hover { color: white; background: url(../images/header.png) left top repeat-x; margin:0px 0px; }
#nav ul.dropdown li h3 a.mainfixed { color:#fff; margin:0px; background: #ebebeb url(../images/header.png) repeat-x left top;}
#nav ul.dropdown li h3 a.mainfixed:hover { color:#fff;	margin:0px}
#nav ul.dropdown li h3 a.fixed { background: #ecf3fd;	margin:2px 2px;	}
#nav ul.dropdown li h3 a.fixed:hover { color: white; background: #ebebeb url(../images/header.png) repeat-x left top; }
#nav .complex-menu h3 a { padding-left: 0; }
#nav ul.dropdown li.dropdown-promo { display: block; margin-top: -11px; margin-left: -12px; float: none; line-height: 31px; }
#nav ul.dropdown li.dropdown-promo a { display: block; width: 330px; margin-left: 1px; line-height: 31px; padding-left: 50px; }
#nav ul li.dropdown-promo a { font-size: .9em; font-weight: bold; }
#nav ul li.dropdown-promo a span { font-size: .9em; font-weight: normal; }

#nav #navigation-promo { position: relative; margin-left: -18px; }
#nav #navigation-promo a { color: black; position: absolute; padding-left: 22px; white-space: nowrap; background: url(../images/nav-promo-arrow.png) no-repeat; }
#nav #navigation-promo a:hover { text-decoration: underline; }

#nav #channels-menu ul li.dropdown-promo a { 
    padding-left:60px; /* text runs into image unless this is 60px; overrides setting above */
    background: url("../images/alienware-380x31.png") no-repeat; 
}

#nav li.blogs a { background: url("../images/blogicn.gif") no-repeat; 
	padding-right: 22px; height:20px;
	border:0px solid red;  width:58px; }

#nav li.blogs a:hover { background: url("../images/blogicn_hover.gif") no-repeat; 
	padding-right: 22px; height:20px;
	border:0px solid red;  width:58px; }

 
/* Side Menu CSS */
.sidemenus
{
	padding:10px;
	width:171px;
}
 
.sidemenus ul{
	margin: 0px;		padding: 0;
	list-style-type: none;
	font: normal 12px Arial;
	width: 171px; /* Main Menu Item widths */
	border-bottom: 1px solid #eae8e8;
}

.sidemenus ul li{
	position: relative;
}

/* Top level menu links style */
.sidemenus ul li a{
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	color: #666666;
	text-decoration: none;
	padding: 6px 6px 6px 20px;
	border-bottom: 1px solid #eae8e8;
	
}

.sidemenus ul li a.noneborder
{
	border-bottom:0px;
	border-bottom:none;
}


.plus_sign
{
	background:#fff url("../images/plus_sign.png") left top no-repeat; 
}

.plus_sign:hover
{
	background:url("../images/plus_sign.png") left top no-repeat; 
}

.sidemenus ul li a:link, .sidemenus ul li a:visited, .sidemenus ul li a:active{
}

.sidemenus ul li a.noneborder
{
	border-bottom:none;
}

.sidemenus ul li a:visited{
	color: #666666;
}

.sidemenus ul li a:hover{
	background: url(../images/menuhover.png) left top no-repeat;
	color:#fff;
}


.sidemenus ul li a.spl_bg:hover{
	background: url(../images/menuhoverSpl.png) left top no-repeat;
	color:#fff;
}

/*Sub level menu items */
.sidemenus ul li ul{
	position: absolute;
	width: 171px; /*Sub Menu Items width */
	top: 0;
	visibility: hidden;
	background:#fff;
	border:1px solid #eae8e8;
	border-bottom:0px;
	
}
.sidemenus ul li ul li
{
	background:#fff url("../images/plus_sign.png") left top no-repeat; 
}
.sidemenus a.subfolderstyle{
	background: url(../images/subitems.png) left top no-repeat;
}

.sidemenus a.subfolderstyle:hover{
	background: url(../images/subitems1.png) left top no-repeat;
}


/* Holly Hack for IE \*/
* html .sidemenus ul li { float: left; height: 1%; }
* html .sidemenus ul li a { height: 1%; }
/* End */