/*#sectionmenu {background-color: #9BAFDE; background-image: url(/Nabytek/menu_back.gif); background-repeat: repeat-x;
	padding: 3px 8px 3px 8px; display: block; margin: 0px;}*/
#sectionmenu LI {display: inline;}
#sectionmenu LI A {display: inline-block; background-color: #9BAFDE; background-image: url(/Nabytek/menu_back.gif); background-position: 0px -2px; 
                   height: 16px; font-size: 14px; font-weight: bold; padding: 10px 20px; 
                                      font-family: 'Trebuchet MS',Verdana,sans-serif; color: #ffffff;
                                      text-transform: none; margin-bottom: 0px; margin-right: 3px; text-align: right;
                                      margin-top: 2px;}
#sectionmenu LI A:hover {text-decoration: none; background-color: #E0E5F2;}
#sectionmenu LI.current A {background-color: #E0E5F2; /*border: 1px solid #b1a5fe;*/}
#sectionmenu LI A img {
	padding: 0px 2px 0px 2px; height: 18px; margin-top: 0px; margin-bottom: 0px;
}
#sectionmenu LI.with_pic A {padding: 0px; margin-top: 5px; margin-bottom: 0px;}
#sectionmenu LI.with_pic current A {background-color: transparent; /*border: none;*/}

#sectionmenu LI A:hover {background: #3399CC;}     
#sectionmenu LI A.current {background: #3399CC; margin-right: 0px;}     
                                
#sectionmenu LI A div.category-icon {width: 24px; text-align: right; float: right; margin-left: 5px; margin-top: 0px; padding-top: 0px;}
#sectionmenu LI A div.category-icon IMG {opacity:0.5; filter:alpha(opacity=50); /* For IE8 and earlier */}
#sectionmenu LI A:hover div.category-icon IMG {opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */}
#sectionmenu LI A.current div.category-icon IMG {opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */}


#sectionmenu 
{
	background-color: #9BAFDE; background-image: url(/Nabytek/menu_back.gif); background-repeat: repeat-x;  background-position: 0px -2px;
	/*padding: 3px 8px 3px 8px; display: block; margin: 0px;*/
	
	/*background-color: #3399CC;*/
	height: 36px;
	width: 960px;
	list-style: none;
	padding: 0;
	margin: 0;
	margin-bottom: 1px;
	z-index: 99;
}

#sectionmenu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}

#sectionmenu li {
	float: left;
	/*position: relative;*/
	text-align: left;
	cursor: default;
	background-color: White;
	text-align: center;
}

#sectionmenu a {
	text-transform: uppercase;
	display: block;
	padding: 10px 15px;
	border-right: 1px solid White;
	font-weight: bold;
	background-color: #3399CC;
	color: White;
	text-decoration: none;
	font-size: 80%;
	height: 16px;
}

#sectionmenu a:hover {
	background-color: #5F7079;
	/*color: White;*/
	text-decoration: underline;
}

#sectionmenu li > ul {
	/*border: 4px solid #E0E5F2;
	display: none;
	position: absolute;
	margin-top: -10px;*/
	padding: 10px 10px 10px 10px;
	float: left;
	/*top: 30px;
	left: 0px;
	z-index: 10;
	width: 860px;
	height: 240px;
	background-color: #ffffff;*/
}
#sectionmenu li > div.submenu > ul.floatright {float: right; width: 165px;}

#sectionmenu li > div.submenu > div.floatleft {float: left; width: 160px; 
                                               display: inline; margin: 0px 0px 10px 0px; 
 											   height: 270px; padding: 10px; background-color: #ffffff;}

#sectionmenu li > div.submenu {
	border: 4px solid #E0E5F2;
	display: none;
	position: absolute;
	margin-top: -10px;
	padding: 0px 0px 5px 0px;
	top: auto;
	left: auto;
	z-index: 10;
	width: 340px;
	height: 290px;
	background-color: #ffffff;
    border-radius: 0px 0px 8px 8px;
    -webkit-border-radius: 0px 0px 8px 8px;
	-moz-border-radius: 0px 0px 8px 8px;
}

#sectionmenu li > div.twocolumns 
{
	width: 510px;
}

#sectionmenu li > div.submenu > div.floatlefttwo 
{float: left; width: 330px; display: inline; 
 margin: 0px 0px 10px 0px; height: 270px; padding: 10px; background-color: #ffffff;}

div.rightdrop {
	right: 0px;
	left: auto;
}


#sectionmenu li > div.submenu > div.specialbox 
{
	background-color: #E0E5F2;
	color: #ffffff;
	margin: 0px;
	height: 285px;
	padding-top: 10px;
}

#sectionmenu li li {
	text-align: left;
	z-index: 10;
	display: list-item;
	float: none;
}

#sectionmenu li li a {
	text-transform: none;
	padding: 0px;
	font-weight: bold;
	background-color: #ffffff;
	color: #014A75;
	text-decoration: none;
	font-size: 110%;
	width: 160px;
	height: auto;
	z-index: 10;
	background-image: none;
	text-align: left;
}

#sectionmenu li li a.current {background-color: #ffffff;}


#sectionmenu li li a:hover {
	color: #014A75;
	text-decoration: underline;
	background-color: Transparent;
}

/*#sectionmenu li>ul {
	top: auto;
	left: 0;
}*/

#sectionmenu li:hover ul, li.over ul, li.over div.submenu {
	display: block;
}

#sectionmenu li.over > div {display:block;}

#sectionmenu li a.ccurrent 
{
	background-color: Teal;
}

#sectionmenu li > div.submenu > div.specialbox div.title {color: #3399CC; margin: 0px 0px 10px 0px; font-size: 12px; font-weight: bold; font-style: italic;}

#sectionmenu li > div.submenu > div.specialbox a {padding: 0px; margin: 0px; font-size: 12px; text-transform: none; border-right: none;
                                                  background-color: Transparent; text-align: center; background-image: none;}
#sectionmenu li > div.submenu > div.specialbox a.hover {background-color: Transparent;}                                                  
#sectionmenu li > div.submenu > div.specialbox div.box {width: 160px; float: right;}
#sectionmenu li > div.submenu > div.specialbox div.box div.covershot {height: 84px; margin-top: 4px; text-align: center; 
                                                                      position: relative;}
#sectionmenu li > div.submenu > div.specialbox div.box div.covershot IMG {border: none; 
  -moz-box-shadow:    0px 0px 8px 1px #ccc;
  -webkit-box-shadow: 0px 0px 8px 1px #ccc;
  box-shadow:         0px 0px 8px 1px #ccc;
  width: auto; height: 80px;}
#sectionmenu li > div.submenu > div.specialbox div.box div.covershot a:hover {/*background-color: #FFFFFF;*/ border: 0px;}
#sectionmenu li > div.submenu > div.specialbox div.box div.covershot a:hover IMG {opacity:0.7; filter:alpha(opacity=70);}
#sectionmenu li > div.submenu > div.specialbox div.box div.covershot IMG.banner {display: none;}


#sectionmenu li > div.submenu > div.specialbox div.box div.bookinfo {/*height: 50px;*/}
#sectionmenu li > div.submenu > div.specialbox div.box div.booktitle {font-family: "Trebuchet MS",Arial,sans-serif; font-weight: bold; 
                              font-size: 1.2em; width: 100%; color: #990000; margin: 5px 0px 0px 0px; max-height: 40px; height: auto; overflow: hidden;}
#sectionmenu li > div.submenu > div.specialbox div.box div.booktitle a
{
	color: #335299; text-align: center; width: 100%; height: auto; 
}
#sectionmenu li > div.submenu > div.specialbox div.box div.booktitle a:hover {color: #9BAFDE;}
#sectionmenu li > div.submenu > div.specialbox div.box div.author {font-family: Verdana,Geneva,sans-serif; font-size: 0.9em; color: #000000; 
                                                                   max-height: 32px;}
#sectionmenu li > div.submenu > div.specialbox div.box div.price {font-size: 1.3em; color: Red; font-weight: bold;}
#sectionmenu li > div.submenu > div.specialbox div.box div.rrp {font-size: 1.1em; color: #000000; font-weight: normal; max-height: 20px; margin-top: 6px;}
div.rrp span {text-decoration: line-through;}
#sectionmenu li > div.submenu > div.specialbox div.box div.discount {font-size: 0.9em; color: #000000; font-weight: normal; max-height: 20px;}

#sectionmenu li > div.submenu > div.specialbox div.box FORM.buy {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 0.8em; margin-top: 0px;
                                   margin-bottom: 0px; padding-left: 0px; /*height: 57px;*/ padding-top: 0px; 
                                   background-position: right top; background-repeat: no-repeat; text-align: center;}
#sectionmenu li > div.submenu > div.specialbox div.box FORM.buy SPAN.price {font-size: 1.5em; color: Red; font-weight: bold;}
#sectionmenu li > div.submenu > div.specialbox div.box FORM.buy SPAN.multiply {font-size: 1.5em;}
#sectionmenu li > div.submenu > div.specialbox div.box FORM.buy SELECT.copies {background-color: #FFFFCC;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 1.2em;}
#sectionmenu li > div.submenu > div.specialbox div.box FORM.buy INPUT.buy {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	font-size: 1.1em;}
#sectionmenu li > div.submenu > div.specialbox div.box FORM.buy INPUT.buy-button 
{
	display: inline-block; padding: 2px 10px 6px 10px; border: none; height: 22px; margin-top: 6px;
    border-radius: 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
    background: #9BAFDE; /*#f3961c;*/ /* default background for browsers without gradient support */
	/* css3 */			/*#f9d835*/
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#3399CC), to(#9BAFDE));
	background:-moz-linear-gradient(#3399CC, #9BAFDE);
	background:-o-linear-gradient(#3399CC, #9BAFDE);
	background:linear-gradient(#3399CC, #9BAFDE);
	color: #ffffff; font-weight: bold; font-size: 12px;
	background-image: url(/Nabytek/basket_put.PNG) no-repeat 0px 0px;
    cursor:pointer;}
#sectionmenu li > div.submenu > div.specialbox div.box FORM.buy INPUT.buy-button:hover 
	{
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#3399CC), to(#3399CC));
	background:-moz-linear-gradient(#3399CC, #3399CC);
	background:-o-linear-gradient(#3399CC, #3399CC);
	background:linear-gradient(#3399CC, #3399CC); /*#FBE479,#F8BD6D*/
}