@charset "utf-8";

/*

<summary>
BookPlus Public - top-navigation.css
</summary>
<author>Dan Nilsson</author>
<copyright>CDON.COM AB 1999-2010, all rights reserved</copyright>

*/

/* ---< top-navigation >--- */

/* < layout > */

div#top-navigation * { color: #fff; }

div#top-navigation,
div#top-navigation div.left,
div#top-navigation div.right,
div#top-navigation div.content { height: 102px; }

div#top-navigation {
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	position: relative;
	z-index: 99;
}

div#top-navigation .tab-with-icon span{ padding-left: 40px; }

div#top-navigation .tab-with-icon img { padding: 5px 0 0 8px; }

div#top-navigation div.left,
div#top-navigation div.right { width: 10px; }

div#top-navigation div.left {
	background: url(../images/layout/common/top-navigation-sprite.png) no-repeat left -102px;
	float: left;
}

div#top-navigation div.right {
	background: url(../images/layout/common/top-navigation-sprite.png) no-repeat -11px -102px;
	float: right;
}

div#top-navigation div.content {
	background: url(../images/layout/common/top-navigation-sprite.png) repeat-x left top;
	width: 970px;
	float: left;
}

/* </ layout > */

/* < customer-info > */

div#top-navigation div.content a { font-weight: bold; }
div#top-navigation div.content img { float: left; }

div#top-navigation div.content div.customer-logedin {
	position: absolute;
	top: 10px;
	left: 800px;
	width: 175px;
}

div#top-navigation div.content div span {
	color: #f1e300;
	font-weight: bold;
	display: block;
	margin-top: 3px;
}

/* </ customer-info > */


/* < navigation text tabs >  */

#sprite,
#sprite ul {
	list-style: none;
	margin: 0;
	position: absolute;
}

#sprite {
	padding: 0;
	left: 23px;
	bottom: 0;
	z-index: 2;
}

#sprite li {
	float: left;
	position: relative;
	margin-right: 1px;	
}

a.top-navigation-tab {
	display: inline-block;	
	height: 25px;
	padding: 0 7px 0 0;
	background: url(../images/layout/common/top-navigation-tab-sprite.gif) no-repeat right -50px;	
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;	
}

a.top-navigation-tab span {
	display: block;
	padding: 2px 4px 0 10px;
	background: url(../images/layout/common/top-navigation-tab-sprite.gif) left top;
	color: #fff;	
	line-height: 23px;
	letter-spacing: 0;	
}

li.on a.top-navigation-tab,
li a.top-navigation-tab:hover { background-position: right -75px; }

#sprite li.on a.top-navigation-tab span,
#sprite li a.top-navigation-tab:hover span {
	background-position: left -25px;
	color: #485d4f;
}


/* < sub-menu > */

#submenu-data,
#submenu-data ul { display: none; }

#sprite ul {
	background: #fff;
	border: 1px solid #41a500;
	left: 0;
	top: 25px;
	padding: 0 3px;

	/* for modern browsers use semi-transparent color on the border */
	border: 1px solid rgba(65, 165, 0, 0.6);

	/* hot CSS3 features for mozilla and webkit-based browsers (rounded borders) */
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;

	border-top: none;

	min-width: 150px;
}

#sprite ul li {
	float: none;
	margin: 3px 0;
	padding: 0;
	white-space: nowrap;
	line-height: 1.1em;
}

#sprite ul li.divider {
	width: 100%;
	height: 1px;
	overflow: auto;
	margin: 0px;
	padding: 0px;
	line-height: 1px;
	border-bottom: 1px solid #ccc;
	text-indent: -9999px;
	font-size: 1px;
}

#sprite ul .last { border: none; }

#sprite ul a {
	display: block;
	padding: 4px;
	text-decoration: none;
}

#sprite ul li:hover a {
	color: #ff6600;
	background: #efefef;
	text-decoration: underline;
}

/* </ sub-menu > */

/* < menu > */

/*
div#top-navigation div.content ul {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 30px;
	bottom: 0;
	overflow: hidden;
}

div#top-navigation div.content ul li {
	list-style: none;
	display: inline;
}
*/

/* </ menu > */

/* < search-field > */

div#top-navigation form#search {
	background: url(../images/layout/common/top-navigation-search.gif) no-repeat;
	width: 494px;
	height: 59px;
	position: absolute;
	left: 230px;
	padding-left: 28px;
	padding-top: 18px;
	z-index: 3;
}

div#top-navigation form#search input#q {
	border: 1px solid #485d4f;
	width: 260px;
	padding: 2px;
	margin-top: 8px;
	display: block;
	float: left;
	font-size: 1.3em;
	font-weight: bold;
	color: #000;
}

div#top-navigation form#search input.top-navigation-search {
	display: block;
	float: left;
}

div#top-navigation form#search a {
	display: block;
	float: left;
	margin-top: 12px;
	margin-left: 10px;
}

body#language-en form#search a { margin-left: 4px; }

/* </ search-field > */


/* < campaign icon > */

#campaign-icon {
	top: 0;
	left: 720px;
	position: absolute;
}

#campaign-icon img { display: inline; }

.campaign-icon-hide { display: none; }

.campaign-icon-show { display: block; }

/* </ campaign icon > */

/* ---</ top-navigation >--- */