@charset "utf-8";
/*
	Application CSS
	For myliveshopping.de by creativestyle.de

	Authors:
		Lukasz Tyrala <l.tyrala[at]gmail.com>
	Version:
		1.0
	Text bookmarks:
		-tx-bookmark- (main sections)
		-hx-bookmark- (hacks for IE)
*/

html {
  }

* {
  margin: 0;
  padding: 0;
  font-family: Verdana, sans;
  }

.spacer {
  margin: 0 auto 0 auto;
  padding: 0;
  width: 801px;
  }

/* HEADER
--------------------------------------------------------------------------------------- */

#header {
  height: 106px;
  background: #2d221c url('nav-header-bg.gif') repeat-x top left;
  border-top: 5px solid #00c6ff;
  }

*+html #header {
  background: #1d1511;
  }

* html #header {
  background: #1d1511;
  }

#header .spacer {
  background: #251c17 url('nav-header.gif') no-repeat top center;
  height: 106px;
  }

.jquery-corner { position: relative; }

#header a#logo {
  /*background: url('nav-mls-logo.png') no-repeat 0 0;*/
  display: block;
  margin: -20px 0 0 0;
  padding: 0;
  float: left;
  width: 210px;
  height: 61px;
  text-align: left;
  }

* html #header h1 {
  background-image: url('nav-mls-logo.gif');
  }

#header h1 a {
  display: block;
  margin: 0;
  padding: 0;
  float: left;
  width: 400px;
  height: 31px;
  border: 0;
  text-decoration: none;
  }

#header h1 a span {
  visibility: hidden;
  }

#header h1 a span.my {
  color: #fff;
  letter-spacing: 0;
  }

#header h1 a span.live {
  color: #725a4c;
  }

#header h1 a span.shopping {
  color: #00c6ff;
  }

#header h1 a span.beta {
  position: relative;
  top: -22px;
  left: -25px;
  color: #00c6ff;
  font-weight: normal;
  letter-spacing: 0;
  font-size: 10px;
  }

/* CLUB SELECT BAR
--------------------------------------------------------------------------------------- */

#club-select {
  background: #00b0e5 url('nav-menu.png') repeat-x 0 0;
  height: 21px;
  width: 100%;
  clear: both;
  }

#club-select p {
  width: 160px;
  float: right;
  margin: 0 auto 0 auto;
  padding: 0px;
  line-height: 21px;
  height: 21px;
  font-size: 11px;
  text-align: right;
  }

#club-select p select {
  width: 160px;
  font-size: 10px;
  }

#club-select p select {
  position: relative;
  height: 21px;
  display: block;
  }

*+html #club-select p select {
  top: 4px;
  }

/* NAVIGATION / Top right nav
--------------------------------------------------------------------------------------- */

ul.nav {
  float: right;
  display: block;
  font-size: 14px;
  height: 27px;
  line-height: 27px;
  margin: 0 auto 0 auto;
  padding: 0;
  width: 801px;
  }

ul.nav li.opposite,
ul.nav li {
  float: right;
  margin: 0 1px 0 0;
  /* Overwriting ore.css specificity. Without browser-core.css this can be moved to ul */
  list-style: none inside;
  font-size: 12px;
  }

ul.nav li.opposite {
  float: left;
  margin: 0 0 0 1px;
  }

ul.nav li span.icon {
  padding-left: 18px;
  background: url('rss-icon.jpg') no-repeat 0 50%;
  }

ul.nav li a {
  display: block;
  padding: 0 11px 0 11px;
  text-decoration: none;
  color: #fdfdfd;
  background: #4B3C31;
  }

ul.nav li.current {
  }

ul.nav li.current a {
  }

ul.nav li a:hover {
  background: #00c6ff;
  }

ul.nav li.current a:hover {
  }

/* NAVIGATION / Main navigation
--------------------------------------------------------------------------------------- */

#navigation {
  clear: both;
  width: 560px;
  float: left;
  }

#navigation ul.nav {
  clear: both;
  display: block;
  font-size: 12px;
  float: left;
  height: 28px;
  line-height: 28px;
  margin: 0;
  padding: 0;
  width: 801px;
  margin: 10px auto 0 auto;
  }

#navigation ul.nav li {
  float: left;
  margin: 0 5px 0 0;
  /* Overwriting ore.css specificity. Without browser-core.css this can be moved to ul */
  list-style: none inside;
  font-size: 11px;
  width: 177px;
  }

#navigation ul.nav li a {
  display: block;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  background: url('/html/img/nav-tab-bg.png') no-repeat 0 -28px;
  }

#navigation ul.nav li a:hover {
  /*background: url('nav-main-hov.jpg') repeat-x 0 0;*/
  }

#navigation ul.nav li.current {
  }

#navigation ul.nav li.current a {
  background: url('/html/img/nav-tab-bg.png')  no-repeat 0 0;
  }

#navigation ul.nav li a:hover {
	background: url('/html/img/nav-tab-bg.png')  no-repeat 0 0;
  }

#navigation ul.nav li.current a:hover {
  cursor: default;
  }

ul.sub-nav {
  float: left;
  display: block;
  font-size: 11px;
  height: 21px;
  line-height: 21px;
  margin: 0;
  padding: 0;
  width: 630px;
  margin: 0 auto 0 auto;
  overflow: hidden;
  }

ul.sub-nav li {
  float: left;
  margin: 0;
  /* Overwriting ore.css specificity. Without browser-core.css this can be moved to ul */
  list-style: none;
  line-height: 21px;
  font-size: 11px;
  }
  
ul.sub-nav li.cat_spacer{
	text-align: center;
	width: 13px;
}

ul.sub-nav li span,
ul.sub-nav li a {
/*
  padding: 0 18px 0 0;
*/	
  padding: 0;
  display: block;
  text-decoration: none;
  color: #fff;
  font-weight: normal;
  
  }

ul.sub-nav li a strong {
  font-weight: normal;
  }

ul.sub-nav li.active a {
  font-weight: bold;
  }

ul.sub-nav li span {
  display: block;
  width: 70px;
  height: 25px;
  float: left;
  overflow: hidden;
  color: #000000;
  margin: 0 0 0 5px;
  }

ul.sub-nav li.current a:hover {
  cursor: default;
  }

div.clear {
  clear: both;
  }
  
/** sidebar navi-tabs**/
#navi_sidebar{
	position: fixed;
	left: 0;
	top: 280px;
	list-style: none;	
	margin: 0;
}

#navi_sidebar li{
	width: 37px;
	list-style: none;
}

#navi_sidebar strong{
	color: transparent;
}

#navi_sidebar li a{
	overflow: hidden;	
	display: block;
	height: 37px;
	margin-bottom: 10px;
	width: 37px;
	color: transparent;
}

#navi_sidebar #sidebar_citydeals{
	background-image: url('/html/img/tabs_citydeals.png');	
	height: 182px;
}

#navi_sidebar #sidebar_citydeals:hover{
	background-position: 37px 0;	
}

#navi_sidebar #sidebar_rss{
	background-image: url('/html/img/tabs_rss.png');	
}

#navi_sidebar #sidebar_rss:hover{
	background-position: 37px 0;	
}

#navi_sidebar #sidebar_facebook{
	background-image: url('/html/img/tabs_facebook.png');	
}

#navi_sidebar #sidebar_facebook:hover{
	background-position: 37px 0;		
}

#navi_sidebar #sidebar_twitter{
	background-image: url('/html/img/tabs_twitter.png');	
}

#navi_sidebar #sidebar_twitter:hover{
	background-position: 37px 0;
	
}