﻿/*============================================================================
	CSS Style Sheet, Janmedia Interactive Inc.
	$Id$
=============================================================================*/

body {margin:0;padding:0;font-family: Arial,Helvetica,sans-serif; font-size:0.75em; color:#333333;background-color:#ffffff;}
#body { text-align: center;}
img{border:none;}
form{margin:0;padding:0;}
select, input { font-size: 1em;}
td, th { font-size: 1em; }
a {color:#333298; background:transparent; text-decoration: underline;}
a:hover { text-decoration: none }
h1 { font-size:1.5em; margin:0.5em 0 0.5em 0;font-weight:bold;}
h2 { font-size:1.66em; margin:0px; padding:13px 0pt 12px; font-weight:bold;}
h3 { font-size:1.3em; margin:1em 0;font-weight:bold;}
h4 { font-size:1em; margin:1em 0;font-weight:bold;}
.button{cursor:pointer;border:none;}
.no_margin{margin:0!important;}

.relative { position: relative; }


ul li {
	background:transparent url(/images/nlayout/li.gif) no-repeat scroll 0pt 6px;
	margin:0.5em 0pt;
	padding:0pt 0pt 0pt 15px;
	list-style:none;
}

h2.svg, h3.svg, h4.svg { text-indent: -3000px; overflow: hidden; }

/* -------------------------------------------------------------
 * layout
 */
#layout {position:relative;text-align: left; margin:0 auto; width: 980px;}
#layout_top {position:relative;text-align: left; margin:0 auto; width: 980px;}
#layout_bottom {position:relative;text-align: left; margin:0 auto; width: 980px;}

#layout_wide{position:relative;text-align: left; margin:0 auto;}
#layout_empty{position:relative;text-align: left; margin:0 auto;}

#layout_1 {} /* 592px = www.netpress width */
#layout_2 { width: 180px !important;margin-right:20px;float:left;} /* 592px = www.netpress width */
#layout_3 { width: 580px !important;float:left;} /* 592px = www.netpress width */
#layout_4 { width: 180px !important;float:right;}

/* układ  1-kolumnowy */
#layout_middle.lay1col{background:none;}
.lay1col #layout_3{width: auto!important;float:none;}

/* układ  1-kolumnowy 100% szerokości */
#layout_middle.lay1col_wide{background:transparent;}
.lay1col_wide #layout_3{width: auto!important;float:none;background:transparent;}

/* układ  1-kolumnowy pusty */
#layout_middle.lay1col_empty{background:transparent;}
.lay1col_empty #layout_3{width: auto!important;float:none;background:transparent;}
.lay1col_empty #layout_3 .p_search {display:none;}

/* -------------------------------------------------------------
 * FormValidator.js
 */
input.error { color: white; background: red; }

/* -------------------------------------------------------------
 * FormBuilder overrides
 */
.fb_header th{font-size:1em!important;}
.fb_submit input {cursor:pointer;}
.fb_table .fb_submit td {padding:10px 8px!important;}
.fb_table .c12  { width: 450px!important; }

/* -------------------------------------------------------------
 * Ajax hint
 */
.hint {border: 1px solid #7D7D7D; padding: 2px; background: white; text-align: left; display: block; float: left;}
.hintin { background: url(/images/layout/hint_box_bg.png) repeat-x; width: 360px; min-height:100px; display: block;}
.hint .loader { background: url(/images/hint/ajax-loader.gif) no-repeat center; width: 100%; min-height: 100px;height:100%}
.hintin table{height:100px;}
.hintin table td{font-size:0.9em;}

/* -------------------------------------------------------------
 * misc
 */
.hidden, .svg span { margin:0px; padding:0px; overflow: hidden; position:absolute; left:-3000px; }
.clear { clear:both; }
.price b{white-space:nowrap;}
.oldprice {text-decoration: line-through; color:#2f2f2f;}
.nprice {color:#2f2f2f; font-weight:bold;}

/* ogolne klasy zwiazane messagesami */
.error { background: #FD7B2D; color: white; }
div.messageout { border: 1px solid #D8D8D8; padding: 2px; margin: 8px 0px;}
div.message, div.error {color: black; padding: 20px 0px 10px 65px; min-height: 38px; }
div.message { background: url(/images/layout/message_box_bg.png) no-repeat -3px -3px; }
div.error { background: url(/images/layout/error_box_bg.png) no-repeat; }
div.message li, div.error li { background: none !important; }

/* FormBuilder messages overrided */
.fb_form .errors { min-height: 28px; background: url(/images/layout/error_box_bg.png) no-repeat;text-align: left; border: 1px #D8D8D8 solid!important; margin-bottom: 10px; color: #de0000; padding: 30px 0px 10px 65px!important;  }
.fb_form .messages { min-height: 28px; background: url(/images/layout/message_box_bg.png) no-repeat -3px -3px; text-align: left; border: 1px #D8D8D8 solid!important; margin-bottom: 10px; color: #2e355d; padding: 30px 0px 10px 65px!important; }
.fb_form .errors ul, .fb_form .messages ul{padding: 0!important; margin: 0 0 5px 0!important; list-style:none!important;}
.fb_form .errors li, .fb_form .messages li { padding: 0!important; margin: 0 0 5px 0!important; background: none; }

/* Nextranet link*/
#nextranetBrand{z-index:10;margin:0;padding:0;position: absolute; right: 0px; top: 0px;}
#nextranetBrand a{display: block; height: 33px; width: 163px;background: url(/upload/wysiwyg/test/preloaded/n_secure.gif) no-repeat;text-indent: -999em;text-decoration: none;}

/* Nagłówek*/
#top { position: relative; background: white; height: 90px; }
#top .logo { display: block; position: absolute; width: 139px; height: 33px; left: 10px; top: 28px; background: url(/images/layout/logo.gif) no-repeat; }
#top .slogan { display: block; position: absolute; width: 365px; height: 21px; left: 257px; top: 28px; background: url(/images/layout/slogan.gif) no-repeat; }

/* ogolne klasy zwiazane z publikacjami */
img.cover {border: 1px solid gray;}
.right { text-align: right; }

/*bloczek z mini opcjami  */
.options_mini {display:block;padding:5px 0;margin:0;top:0;width:100%;}
.options_mini .sms, .options_mini .gift, .options_mini .paper {background:url('/images/product/net_img_sms.gif') no-repeat top center;width:23px;height:24px !important;margin-left: 8px; display:block;float:right !important;}
.options_mini .gift { background-image: url('/images/product/net_ico_present.gif'); }
.options_mini .paper { background-image: url('/images/product/net_ico_paper.gif'); }
.options_mini img {width:23px;height:24px;display:block;float:right !important;}
.options_mini  .present {background:url('/images/product/net_ico_present.gif') no-repeat top center;width:21px;height:25px !important;display:block;float:right !important;}
.options_mini .paper {background:url('/images/product/net_ico_paper.gif') no-repeat top center;	width:16px;	height:24px !important;	display:block;float:right !important;}
.options_mini  label{position:absolute;	left:-3000px;}

/* lewy panel */
.special_link {display:block;font-size:1em;font-weight:normal;margin:0pt;padding:0pt 0pt 0 14px;text-decoration:underline;}
.blue_plus {background:transparent url(/images/share/net_gfx_link.gif) 0 3px no-repeat scroll !important;}
#userinfo .reminder {display: block; font-weight:normal; font-size:11px; background-position: 3px 6px !important;}
#userinfo .register {display: block; font-weight:normal; font-size:11px;background-position: 3px 3px !important;}
.grey_plus {background:transparent url(/images/share/net_gfx_link_grey.gif) no-repeat scroll 0pt !important;}
.dark_grey {background:transparent url(/images/share/net_gfx_link_ul_grey.gif) no-repeat scroll 0pt 4px !important;}

.text_grey { color:#757575 !important; font-weight: normal; }
.text_dark_grey { color:#2F2F2F !important; font-weight: normal; }
.value { font-weight: normal; color:#2F2F2F; padding-bottom:15px; font-size:12px; }
.value b {font-weight: bold; color:#2F2F2F;}

/* Listy i filtry*/
.grad_top {background:transparent url(/images/share/net_bg_gray_vertical.gif) repeat-x scroll center top;clear:both;height:40px;padding-top:1px;}
.grad_bot {background:transparent url(/images/share/net_bg_gray_vertical_rev.gif) repeat-x scroll center bottom;clear:both;padding-bottom:1px;}

/* ogolne klasy zwiazane z searchem */
.search_selected { background: #FBDB21; color: black; padding: 0px 4px;}

/* -------------------------------------------------------------
 * portlet
 */
.p {/* border: 1px dashed #eee; */ clear: both;}
.p div.t { background: #A3A6B1; color: white; }
.p div.t h4 { padding: 3px; margin: 0px; }

/* -------------------------------------------------------------
 * portlet - html
 */
.p_html .b { padding: 0px !important }

/* -------------------------------------------------------------
 * portlet - menu
 */
.p_menu ul,
.p_bestsellers ol{list-style: none; padding: 0px; margin: 0px;}
.p_menu ul li,
.p_bestsellers ol li { padding: 0px; margin: 0px;background-image:none;}
.p_menu ul li ul{margin-left:15px;}
.p_menu .inpath { font-weight: bold;}
.p_menu .inpath a { text-decoration: none; color: black;}

/* -------------------------------------------------------------
 * portlet - ad:skyscraper,box
 */
#ad_left_container{position:relative;}
#ad_left{position:absolute;width:160px;overflow:hidden;top:10px;left:-170px;}

/* -------------------------------------------------------------
 * portlet - content
 */
.p_page_content .b { padding: 0px !important }

/* -------------------------------------------------------------
 * portlet - search
 */
.p_search {margin:2px 0 10px 0;}
.p_search form{margin:0;}
.p_search div.b{background-color:#DFDFDF;padding: 8px 30px 10px 10px;text-align:center}
.p_search label{margin-right:6px;vertical-align:middle;}
.p_search input,
.p_search select{padding:2px;margin-right:6px;vertical-align:middle;border:1px solid #919B9C;color:#353533;font-size:1em;}
.p_search input{width:260px;}
.p_search select{padding:1px;width:160px;}
.p_search input.button{padding:0;border:none;width:auto;}

/* -------------------------------------------------------------
 * portlet - bestsellers
 */
.p_bestsellers .loader a{display: block; height: 150px;}

/* -------------------------------------------------------------
 * portlet - path
 */
.p_path {font-size:0.9em;margin:4px 0;padding:0 6px;}
.p_path ul { list-style: none; margin:0;padding: 0px; }
.p_path ul li { display:inline;padding-left:12px;background:url(/ms/default/images/path_bullet.gif) 2px 5px no-repeat;}
.p_path ul li.first { padding-left:0;background:none;}
.p_path ul li a {color:#000000;background:transparent;}
.p_path ul li.first a{font-weight:bold;}
.p_path ul li a:hover {color:#ff0000;background:transparent;}

/* -------------------------------------------------------------
 * portlet - cart
 */
.p_cart a#cartinfo{color:#000000;display:block;min-height:56px;padding:3px 8px 0 60px;text-decoration:none !important;text-align:center;}
.p_cart a.cart{background:transparent url(/images/layout/cart_full.gif) no-repeat scroll left top;}
.p_cart a.emptycart{background:transparent url(/images/layout/cart_empty.gif) no-repeat scroll left top;}
.p_cart label{display:none;}
.p_cart .link{margin-top:0.75em;}

#layout_1 .p_cart {margin:0;position:absolute;top:10px;right:0;}
/* .mh_enabled => user's header only - the basket should be moved from top*/
#layout div.p_cart div.b { background: #fff !important; width: 179px; overflow: hidden; }
#layout #layout_2 div.p_cart div.b {width: auto;padding:6px 0pt 0pt 6px;}
#layout #layout_4 div.p_cart div.b{width: auto;}

#layout_5 .line1,
#layout_5 .line2{overflow:hidden;}

#layout_5 a.logo3{display:none;}
#layout_5.mh_enabled a.logo3{display:block;padding:10px 0 10px 40px;background:#ffffff url(/ms/template_3/images/logo_pp.gif) 30px 15px no-repeat;height:45px;width:159px;}
#layout_5.mh_enabled a.logo3 span {display:block;left:-999em;position:absolute;}

/* -------------------------------------------------------------
 * portlet - login
 */
.p_login .b{padding:10px;}
.p_login p{clear:both;margin:0.5em 0;}
.p_login label{float:left;display:block;vertical-align:middle;line-height:1.6em;}
.p_login input{border:1px solid #919B9C;float:right;vertical-align:middle;width:110px;padding:2px;}
.p_login input.input_img{width:auto;border:none;float:none;padding:0;}
.p_login p.submit{text-align:right;}
.p_login p.links{text-align:left;line-height:1.4em;}
.p_login .logged p{font-size:0.9em;margin:0 0 1em 0;text-align:center;line-height:1.4em}
.p_login .logged p.submit{text-align:right;margin:0;}
.p_login .logged p a{font-weight:bold;}

.p_login .l1 {text-align: center;}
.p_login .logged p.l1 a {text-align: center; display: block}

/* -------------------------------------------------------------
 * portlet - login2
 */
#layout_2 .p_login2 .b,
#layout_4 .p_login2 .b{padding:0;}
.p_login2 #loginNexpresso{background:url(/images/nlayout/nexpresso_separator.gif) no-repeat bottom;}
.p_login2 #loginNexpresso h4{margin:0;font-size:1.1em;}
.p_login2 #loginNexpresso h4 div{background:#DA2E17;color:#ffffff;height:17px;width:100%;position:relative;}
.p_login2 #loginNexpresso h4 div span{position:absolute;width:100%;height:17px;background:#DA2E17 url(/images/nlayout/nexpresso_h_claim.gif) no-repeat top right;}
.p_login2 #loginNexpresso h4 div.first-child{background:#ffffff;color:#DA2E17;height:32px;}
.p_login2 #loginNexpresso h4 div.first-child img{display:block;}
.p_login2 #loginNexpresso .login_in{overflow:hidden;padding:10px 5px 6px 10px;min-height:80px;border:10px solid #EAEAEA;color:#454545!important;background:#ffffff url(/images/nlayout/nexpresso_bg.gif) no-repeat bottom right;}
.p_login2 #loginNexpresso .login_in a{color:#454545!important;padding:0;text-decoration:none;}
.p_login2 #loginNexpresso .login_in a:hover{text-decoration:underline;}
.p_login2 #loginNexpresso .login_in ul{margin-bottom:12px;}
.p_login2 #loginNexpresso .login_in li{margin:0.25em 0;}
.p_login2 #loginNexpresso .login_in .logged strong{display:block;}
.p_login2 #loginNexpresso .login_in .logged ul{margin:0;}
.p_login2 #loginNexpresso .login_in .logged p{text-align:center;margin-top:0;}
.p_login2 #loginNexpresso form p{clear:both;margin-top:0;overflow:hidden;}
.p_login2 #loginNexpresso label{width:32px;display:block;float:left;line-height:21px;}
.p_login2 #loginNexpresso input{border:1px solid #919B9C;float:right;vertical-align:middle;width:100px;padding:2px;}
.p_login2 #loginNexpresso .submit{float:right;width:55px;background:#E24A20 url(/images/nbuts/net_bg_submit.gif) repeat-x 0 50%;border:1px solid #CFCFCF;color:#FFFFFF;padding:3px 0;}
.p_login2 #loginNexpresso .submit:hover{background-color:#E86E4D;background-image: url("/images/nbuts/net_bg_submit_hover.gif");}
.p_login2 #loginNexpresso .login_foot{margin:0;background:#DA2E17;color:#ffffff;padding:3px 5px;text-align:right;}
#layout_2 .p_login2 #loginNexpresso ul,
#layout_4 .p_login2 #loginNexpresso ul  { clear:both;margin: 10px 0!important; padding: 0!important; background: none!important; border:none!important; }
#layout_2 .p_login2 #loginNexpresso ul li,
#layout_4 .p_login2 #loginNexpresso ul li{ border:none!important;padding-left: 15px!important; margin-bottom: 3px !important; background: url("/images/nlayout/li.gif") no-repeat !important; background-position: 0 5px !important; }
#layout_2 .p_login2 #loginNexpresso .logged li.last-child,
#layout_4 .p_login2 #loginNexpresso .logged li.last-child{padding:0;background:none!important;}
.p_login2 #loginNexpresso .logged li.last-child .button{float:right;display:block;background:#E24A20 url(/images/nbuts/net_bg_submit.gif) repeat-x 0 50%;border:1px solid #CFCFCF;color:#FFFFFF!important;padding:3px 8px;margin-right:5px;}
.p_login2 #loginNexpresso .logged li.last-child .button:hover{background-color:#E86E4D;background-image: url("/images/nbuts/net_bg_submit_hover.gif");}

/* -------------------------------------------------------------
 * portlet - login
 */
#layout_2 .p_html,
#layout_4 .p_html { background: #DFDFDD;}
#layout_2 .p_html .b,
#layout_4 .p_html .b { padding: 10px !important;}
.p_login { background: #DFDFDD;}
.p_login .b { padding: 10px !important;}

/* -------------------------------------------------------------
 * portlet - newsletter
 */
 
.p_newsletter div.p_newsletter_con {
 	overflow: hidden;
 	zoom: 1;
 }
 
.p_newsletter div.p_newsletter_con div {
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 5px 0px;
}

.p_newsletter div.p_newsletter_con a#p_zapisz {
	display: block;
	height: 37px;
	padding-left: 50px;
	background: 0px 0px no-repeat;
}

.p_newsletter div.p_newsletter_con a#p_dlaczego {
	display: block;
	margin: 5px 0px 5px 50px;
}

#layout_2 .p,
#layout_4 .p{margin:0 0 10px 0;}
#layout_4 .p div.t { background: #A3A6B1 url(../images/h4_back_left.gif) 0 0 no-repeat; color: #ffffff; }
#layout_4 .p div.t h4{font-size:0.9em; margin:0;padding:2px 10px 7px 25px;background: transparent url(../images/h4_back_right.gif) 100% 0 no-repeat;}
#layout_2 .p div.t{	background:transparent url(/ms/default/images/net_hr_yell.gif) bottom left no-repeat;}
#layout_2 .p div.b{ background:transparent url(/ms/default/images/net_bg_left.gif) 0 0 no-repeat;}
#layout_2 .p_cart div.b{ background:none;padding:5px 0;}
#layout_4 .p div.t{background:transparent url(/ms/default/images/net_hr_yell.gif) bottom left no-repeat;}
#layout_4 .p div.b{	background:transparent url(/ms/default/images/net_bg_left.gif) 0 0 no-repeat;}
#layout_4 .p_cart div.b{ background:none;}

#layout_2 .p div.t h4,
#layout_4 .p div.t h4 {margin:0;padding:6px;background-image:none;}

#layout_4 .p li{display:block;background:#DFDFDD;border-bottom:1px solid #A4A4A4;border-top:1px solid #FAFAFA;}
#layout_4 .p li a{display:block;padding:4px 8px 4px 16px;background:#DFDFDD url(../images/side_bullet.gif) 6px 10px no-repeat;}
#layout_4 .p li.first{border-top:none;}
#layout_4 .p li a:hover{text-decoration:none;}
#layout_4 .p li span.position{text-decoration:none;}

.p_bestsellers li a {display:block;padding:4px 8px 4px 8px;background-color:#DFDFDD;background-image:none;}
.p_bestsellers li span{display:block;width:120px;float:left;cursor:pointer;}
.p_bestsellers li span.position{margin:0 5px 0 0;width:17px;text-align:right;color:#999999;font-weight:bold;}
.p_bestsellers li.first{border-top:1px solid #FAFAFA;}
.p_bestsellers .loader{border-bottom:1px solid #A4A4A4;background: #DFDFDD;}

.p_bestsellers li a,
.p_menu li a{text-decoration:none;}

/* Full size cover */
#big_poster{background: #f4f4da; z-index: 10; position: absolute; cursor: pointer; border: 1px #00473f solid;}
.shadow{position: absolute; background: #000;}

/* -------------------------------------------------------------
 * Stopka
 */
#footer {margin:1em 0 0 0;padding:12px 10px;font-size:0.9em;background:#DFDFDF;color:#757575;}
#footer .line1 {text-align: right;padding: 10px 30px;}
#footer a { font-size: 11px; color: #555558; margin-left: 10px;}
#footer .line2 {text-align: right; font-size: 10px; padding: 0 30px 0 30px;overflow:auto;}
#footer .line2 .np {display: block; float: left; }
#footer .line2 .nr {display: block; float: right; text-align:right;}
#footer .line2 a {color:#777779;font-size:10px !important;margin:auto;}

.hintTrigger{font-size:9px!important;}
.vat_value{font-weight:normal; padding:0; margin: 0; margin-bottom:4px;font-size: 0.9em;	}
.points_span {
	background:transparent url(/images/cart/points_bullet.gif) no-repeat 0 2px;
	padding-left: 20px;
	zoom:1;
}
.points_value{margin-bottom:8px; margin-top:0px; padding-top: 0px; text-align: right; clear: both;}
.product p.points_value {top: 0px !important; text-align:right; }
.points_value img{display: inline; border:none; vertical-align: top; padding: 1px 0 0 5px;}
#button_usun{margin-left: 3px;}

/*============================================================================
    SUGGEST
=============================================================================*/
.suggest { position: absolute; z-index: 3; border: 1px #a5acb2 solid; background: #fff; text-align: left !important;  }
.suggest div { padding: 1px 20px 1px 4px; cursor: pointer; position: relative;}
.suggest div span { position: absolute; top: 1px; right: 4px; color: #666; font-weight: normal; font-size: 0.9em; }
.suggest.hidden { display: none; }
.suggest .active { background: #f7f7f7; font-weight: bold; }
.suggest .active span { color: #333; }
.suggest div.close { text-align: right; font-size: 0.9em; padding-right: 4px; }
.suggest iframe { display: none; }
.suggest_shadow { position: absolute; z-index: 3; background: #000; }
.suggest_shadow.hidden { display: none; }