﻿/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Horizontal list navigation "Shiny Buttons"
 * (de) Horizontale Navigationsliste "Shiny Buttons"
 *
 * @copyright       Copyright 2005-2011, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.3.1
 * @revision        $Revision:392 $
 * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
 */

@media all
{
  .menu.hlist {
    /* (en) containing floats in IE */
    width:100%;
    overflow:hidden;
    /* (en) containing floats in all other browsers */
    float:left;
    display:inline;
    /* (en|de) Bugfix:IE - collapsing horizontal margins */
    position:relative;
    /* (en) Repeat the main color from the image */
    background:#23255a;
    border-bottom:1px #23255a solid;
    line-height:0;
    font-size: 13px;
	text-transform:none;
  }

  .hlist ul {
    margin:0;
    padding:0;
    /* (en|de) Bugfix:IE - Doubled Float Margin Bug */
    display:inline;
    float:left; /* LTR */
    text-align: center;
    /* (en) Left margin of the first button  */
  }

  .hlist ul li {
    border-right:1px #000 solid;
    /* (en|de) Bugfix:IE - Doubled Float Margin Bug */
    display:inline;
    float:left; /* LTR */
    font-size:0.9em;
    line-height:1em;
    list-style-type:none;
    margin:0;
    padding:0;
    /*width: 128px;*/
    zoom: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .hlist ul li a,
  .hlist ul li strong {
    background:transparent;
    display:block;
    font-size:1em;
    font-weight:bold;
    margin:0;
    /*padding:0.8em 1.4em;*/
    padding:5px 0;
    text-decoration:none;
    color: white;
    zoom: 1; /* required for ie 6 - 8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a566f', endColorstr='#23255a'); /* IE 5.5-7 */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4a566f, endColorstr=#23255a); /* IE 8 */
	background-image: -webkit-gradient(linear, left top, left 25, from(black), color-stop(4%, #4a566f), to(#23255a)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #4a566f, #23255a); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #4a566f, #23255a); /* FF3.6+ */
	background-image:     -ms-linear-gradient(top, #4a566f, #23255a); /* IE10 */
	background-image:      -o-linear-gradient(top, #4a566f, #23255a); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #4a566f, #23255a); /* W3C */
    width:auto;
  }

  .hlist ul li a:focus,
  .hlist ul li a:hover,
  .hlist ul li a:active  { 
  	color:#fff; 
  	text-decoration:none; 
  	outline: 0 none;   
  	background:#414d8a; 
  	/* bkp of original effects (top,#23255a, #4a566f) */
    zoom: 1; /* required for ie 6 - 8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#626d88', endColorstr='#3c3e73'); /* IE 5.5-7 */
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#626d88, endColorstr=#3c3e73); /* IE 8 */
	background-image: -webkit-gradient(linear, left top, left 25, from(black), color-stop(4%, #626d88), to(#3c3e73)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #626d88, #3c3e73); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #626d88, #3c3e73); /* FF3.6+ */
	background-image:     -ms-linear-gradient(top, #626d88, #3c3e73); /* IE10 */
	background-image:      -o-linear-gradient(top, #626d88, #3c3e73); /* Opera 11.10+ */
	background-image:         linear-gradient(to bottom, #626d88, #3c3e73); /* W3C */
 }

  /*.hlist ul li.selected a,
  .hlist ul li.selected a:focus,
  .hlist ul li.selected a:hover,
  .hlist ul li.selected a:active { 
  	background:transparent; color:#fff; text-decoration:none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a566f', endColorstr='#23255a'); 
	background: -moz-linear-gradient(top,#4a566f, #23255a);
	background: -webkit-gradient(linear, left top, left 25, from(black), color-stop(4%, #4a566f), to(#23255a)); 
	}*/
	
  .hlist ul li#navAddons
  {
  	width: 221px;
  }
  .hlist ul li#navSims
  {
  	width: 163px;
  }
  .hlist ul li#navInDev
  {
  	width: 155px;
  }
  .hlist ul li#navHardware
  {
  	width: 92px;
  }
  .hlist ul li#navOffers
  {
  	width: 143px;
  }
  .hlist ul li#navLatest
  {
  	width: 155px;
  }
  
  .hlist ul li#navJT
  {
    float: right;
    overflow: hidden;
  	width: 133px;
  	border-right: none;
  }


  /*************************************************/
  
/* Navigation ***********/
ul#mainNav {
	position: relative;
	bottom: 0px;
	left: 0px;
	float: left;
	/*height: 35px;*/
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-family: Verdana,sans-serif;
	font-weight: bold;
	font-size: 13px;
	/*word-spacing: -1px;*/
	background-color:  #303030;
	border-bottom: 1px solid black;
	width: 100%;
}
ul#mainNav li {
	float: left;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 13px;
	/*background: url('/static/images/black-semi.png');*/
	line-height: 1.5em;
}

/*ul#mainNav li#navhome {
	width: 100px;
}
ul#mainNav li#navcategory 
{
	width: 190px;
}
ul#mainNav li#navoffers {
	width: 197px;
}
ul#mainNav li#navnew {
	width: 155px;
}
ul#mainNav li#navmac {
	width: 155px;
}
ul#mainNav li#navboxed {
	width: 180px;
	border-right: 2px solid black; 
}
ul#mainNav li#filler 
{
	border-right: 2px solid black; 
	background-color: #222;
	width: 100px;
}

ul#mainNav li a {
	height: 30px;
	padding: 5px 0px 0px 35px;
	color: white;
	display: block;
	background-repeat: no-repeat;
	background-position: 10px 6px;
	background-color: #222;
	border-left: 2px solid black;
}

ul#mainNav li a:hover {
	background-color: #000;
	color: #b5daf0;
	text-decoration: none;
}

ul#mainNav li.active a {
	background-color: white;
	color: #333;
}

ul#mainNav li#navhome a {
	background-image: url('/static/images/nav/home-icon.png');
	padding-left: 30px;
}

ul#mainNav li#navcategory a {
	background-image: url('/static/images/nav/win-downloads-icon.png');
	background-position: 10px 8px;
}

ul#mainNav li#navoffers a {
	background-image: url('/static/images/nav/offers.png');
}

ul#mainNav li#navnew a {
	background-image: url('/static/images/nav/offers.png');
}

ul#mainNav li#navmac a {
	background-image: url('/static/images/nav/apple-icon.png');
}
ul#mainNav li#navboxed a {
	background-image: url('/static/images/nav/boxed-icon.png');
	background-position:10px 9px;
}
ul#mainNav li#navclassics a {
}

ul#mainNav li#nav-cart a {
	background-image: url('/static/images/nav/cart.png');
	background-position: 10px 8px;
}

ul#mainNav li#nav-account a {
	background-image: url('/static/images/nav/account-icon.png');
}
ul#mainNav li#nav-downloads a {
	background-image: url('/static/images/nav/downloads-icon.png');
}*/
/***************************************************************/

}
