@import "remooz.css";

 body { behavior:url("templates/01/css/csshover.htc"); }
 body {font-family:Verdana, Arial, sans-serif; font-size:11px;top:0; margin:0; padding:0; width: 98%;position:relative;background:#FBF7EA; color:#000;}
img, fieldset, div, ul, li, p, a, textarea {margin:0; padding:0;}
img, fieldset{border:0;}
li {list-style: none}
div#wrapper {margin:0 auto; width:965px;}
div#vtop {background:transparent; color: #FFF; font-weight:bold; height: 11.3em;}
div#vtop_banner { position: absolute; top: 1em; right: 1em;  background-color: transparent;}
div#navbar_left {padding:0.1em 0.2em; white-space:nowrap;background:#fea700;position:absolute;top:6.3em;left: 0; padding-left:1em; width: 100%;height:1.2em;}
div#searchBar {position:absolute;top:7.7em;left: 0; background: url(../images/searchBoxRightTop.gif) no-repeat top right; padding:0;width:50em;}
div#searchHeader {background: #930; padding: 0.5em; padding-bottom:0.5em;margin-right:72px;vertical-align:middle;}
div#searchHeader a {font-weight:normal; font-size: 100%;color: #fff;}

div#navbar_left a{text-decoration: none; color: #FFF;}
 
td#lcol {
  width: 150px;
  padding-left: 2px;
  vertical-align: top;
  background-color: transparent;
  }

td#mcol {
  vertical-align: top;padding: 0 1em; line-height:1.5em;
  background-color: transparent;} 

td#rcol {
  width: 150px;
  vertical-align: top;
  background-color: transparent;
 }

td#lcol a, td#rcol a {
 text-decoration:none;
} 
 
.sidebox {
 background: url(../images/box.gif) no-repeat 50% top;
 padding: 0 5px 5px 5px;
 margin-bottom: 15px;
 text-align: center;
 line-height: 1.5em;
 width: 147px;
 border-bottom: 1px solid #f93;
 border-top: none; }

div#footer {position:relative; font-size: 90%; width:100%; text-align:center; font-weight:normal;background-color: transparent;}
div#footer_line{background-color:#f93;color:#fff;padding: 0.25em;font-weight:bold;height:1.2em;}


#affiliateBox, #loginBox, #best_sellersBox, #bs_czasopismaBox, #bs_w_ksiegarniBox, #categoriesBox, #order_historyBox, #shopping_cartBox, #affiliateBox, #write_to_usBox  {text-align: left; background-color:transparent;}
 div#lcol div img , div#rcol div img{padding:5px;}

div#best_sellersBox  ul {padding-left: 2.5em}
div#best_sellersBox li {list-style: decimal; color:#930;}
div#best_sellersBox li.bestSellersTop3 {list-style:none; text-align:center;margin-left:-2.5em;padding: 0.5em 0;border-bottom: 1px solid #fc9;}

 
.prodList, .revList{clear: left;min-height: 130px;padding:0;padding-right:30px;}
.prodList  ul, .revList ul{padding: 10px 0 8px 0;line-height: 1.4em;}
.product_list_name a{color: #930;font-size: 110%;font-weight: bold;line-height: 1.2em;}
.product_author, .review_author{font-weight: bold;}
.product_list_price, .product_list_buy_now {
color: red;padding: 0.5em 1em 0 0;text-align: right;font-size: 140%;font-weight: bold;}
a.prodListImg {float: left;padding:0 10px 0 0;text-align: right;width: 120px;height:120px;}

div#superbooks, .recommendedbooks { padding:0 2%;}
a.prodListImg img, .coverImg, div#superbooks img, .recommendedbooks img, .specProd li img{

/*border-top: 1px solid #999;
border-right: 3px solid #666;
border-bottom: 3px solid #666;
border-left: 1px solid #999;*/
border: none;
 }
 
 
div#superbooks div, .recommendedbooks div{text-align: center;}
.book_title , .book_title a{ font-weight: bold; }
.book_text { text-align: left; padding-bottom: 20px; }

.specProd ul { float: left; width: 33%; padding-bottom:20px; text-align: center; }
.specProd li {padding-bottom:10px;}
.specProd_heading{ font-size:14px;color: red;font-weight:bold;}
.specProd_img {height: 100px;}
.specProd_price ,specProd_new_price{ font-size:14px;}
.specProd_old_price {text-decoration: line-through;}
.specProd_new_price{font-weight:bold;color: red;text-decoration: blink;}


div#pageHeading img {float:right; border:none;margin: 1em;}
h1, div#pageHeading p {float:left; font-weight:bold;font-size:18px; line-height: 1.5em;color:#930;}
/*h1.price {float:right;}*/
h1 img {float:right;font-weight:normal;color:#000;font-size:8px;}
div.image {padding: 1em;}
div.image img{clear:both; float:right; border:none;}
#product_info ul {clear:left;padding:1em 0;}
#product_info li {line-height:1.5em;}
li.author  {color:#930;font-size:12px;margin-bottom: 0.5em;}
div.description {clear:both;text-align:justify;line-height:1.5em;margin-top:1em;}

h3, P.title {
  clear:both;
  font-size:14px;
  font-weight:700;
  text-align: left;
  white-space: nowrap;
  color:#930;
  border-bottom: 1px solid #930;
  margin-top:2em;
  padding: 1em 0 0.2em 0;
}

h3.accToggler {
  margin-top:0em;
  padding: 0.5em;
  padding-left: 2em;
  background: url(../images/lapka.png) no-repeat 2px 4px;
}

div#account_information div{
 line-height: 2em;
 padding: 0 10px;
}

table {
  width: 100%;
  text-align:left;
  line-height: 1.5em;
}

table, table th {
 padding: 5px 0;
 border-bottom: 1px solid #000;
}

table#layout {border: none; width:99%;}

.odT-model, .odT-products {text-align: left;}
.odT-products {padding-left:1em;}
.odT-remove{ text-align: center;}
.odT-tax,  .odT-total, .odT-quantity { text-align: right;}
.odT-remove{ width: 4em;}
.odT-quantity { width: 5em;}

.label, .labelAffS , .labelLogin {
    clear:left;
	display: block;
	text-align: right;
	padding-right: 0.5em;
    color:#930;
 }

.label {	width: 11em; }
.labelAffS {	width: 50%;color:#000; }
.labelLogin {width: 8em;}

.label_ot, .value_ot{
	display: block;
	text-align: right;
 }
.value_ot{
	width: 10em;
 }

.products_images {height:auto;}

.products_images li {
margin-top:1em;
width: 120px;
float:left;
text-align: center;
}

.products_images img {
margin-top:0.5em;
}

.products_images a {
float:left;
display:block;
font-weight:bold;
color:#333;
}

div.image img {
border: none;
}

.products_images a {
text-decoration: none;
}

.products_images img {
border-top: 1px solid #999;
border-right: 1.5px solid #333;
border-bottom: 1.5px solid #333;
border-left: 1px solid #999;
}

/* Ukryte przed IE5 Mac\*/
.products_images a {float:none;} /*Koniec*/



P.infoBoxHeading , A.infoBoxHeading , P.contentBoxHeading {
  line-height: 20px;
  padding-left:5px;

  top: 0;
  margin-top:0;
  margin-bottom: 0.5em;
  font-weight:bold;
  text-align: left;
  }
 
 p.infoBoxHeading a{
 display: block;
 margin-right:13px;
 background: url(../images/arrow_right.gif) no-repeat right top;
 }
 
 P.contentBoxHeading {
  font-size:14px;
  color:#930;
  margin-top: 20px;
  padding: 1em;
 }
 
p.r {
  text-align: right;
}
.c {
  text-align: center;
}

p.lo {
  border-top: 1px solid #000;
}

p.b {
  font-weight: bold;
}

  li.newItemInCart, li.newItemInCart a{
  color:red;
  }

.infoBox{
  margin-bottom: 0.5em;
  margin-left: 0;
  line-height: 1.2em;
  font-size:10px;
  font-weight:normal;
}


.leftNav { font-family: tahoma, sans-serif; 	margin-bottom: 5px; margin-left: 6px; line-height: 1em;
}
.leftNavTitle { font-family: tahoma, sans-serif; margin-top: 10px;
 margin-bottom: 6px; color: #c60; font-weight: bold; line-height: 1em;
}
 
.stockWarning{color:#c03;font-family:Verdana, Arial, sans-serif;font-size:10px;}
.productsNotifications{background:#f2fff7;}
.orderEdit{color:#70d250;font-family:Verdana, Arial, sans-serif;font-size:10px;text-decoration:underline;}


a {background-color:transparent;color:#930;text-decoration:none;}

FORM{display:inline;}
.greetUser{color:#f0a480;font-weight:700;}
.markProductOutOfStock{color:#c76170;font-weight:700;}
.messageStackSuccess{background-color:#9f0;font-size:90%;}
.smallText,.messageBox{font-size:90%;}
a:hover {color:#DD8B00;text-decoration:underline;}

/* BOX - Categories */
div#categoriesBox li a{display: block;}
 ul.categories_level_0  li{border-bottom: 1px solid #FC9;}
 ul.categories_level_0  li a{color:#930;}
 ul.categories_level_1 li{padding-left: 1em;}
 ul.categories_level_0 li ul.categories_level_1  li a{font-size: 90%; color: #000;}
 ul.categories_level_1 li {border-bottom: 0;}
 ul.categories_level_2 li {padding-left: 1.5em; background:url(../images/o1.gif) no-repeat left center;}
 ul.categories_level_0  li ul.categories_level_1  li ul.categories_level_2  li a{color: #930; }
 .openbook {font-weight:bold;}

#subcategories_list li{border:none;}



p {margin-top:0.5em;}
a {text-decoration:underline;} 
code {text-decoration:underline;}
h2 {font-size:160%;color:#930;display:block;} 

.normalPrice {text-decoration: line-through;}
.specialPrice{color:red;}

.required {
color:#aabbdd;
font-size:90%;
}
.comment{
color: #c00;
line-height:1.3em;
font-size:90%;

}

.error{
color: yellow;
font-weight:bold;
background-color:#c00;
padding: 0.5em;
}
.headerError{
display: block;
background-color:#c00;
color:yellow;
font-weight:bold;
text-align:center;
height:auto;
padding:1em 0;
margin:2em 0;}

.headerInfo{
display: block;

color:#930;
font-weight:normal;
text-align:center;
height:auto;
padding:1em 0;
margin:2em 0;
  border: 1px solid #f93;
  background: #FFF5E3;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline;}
/* Hides from IE-mac \*/
*body .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.even{background: #FFE}
.odd{background: #FED}
.cleaner {clear:both;}
.l {float:left;}
.r {float:right;}
.bl {display: block;}
div.px100 {width:100px;}
div.p66 {width:66%;}
div.p45 {width:45%;}
div.p50 {width:50%;}
div.p33 {width:33%;}
div.p5 {width:5%;}

.box  {
  margin-top:0.5em;
  margin-bottom:0.8em;
  padding:0.5em;
  border: 1px solid #f93;
  background: #FFF5E3;
  }

.boxAffProducts  {
  margin-top:0.5em;
  margin-bottom:0.8em;
  padding:0.5em;
  border-bottom: 1px solid #f93;
  text-align:center;
  }

  P.boxTitle {margin: 1em 0 0.5em 0; font-size:110%;font-weight:bold;}

div.listNav a{text-decoration:underline;}

/*index.php*/
img.imageInText{margin:1em;margin-top:0;}

/* account_history.php */
.account_history li {float:left; padding-right:1em;}
div.order_history {width:100%;margin-bottom:2em; padding-bottom:1em;border-bottom:1px dotted #f93;}

/* affiliate_summary.php */
div.affiliate_menu {padding:0 1.5em;}
div.affiliate_menu ul {margin-left:2em;}
div.affiliate_menu li {list-style: url(../images/o1.gif);}
div.affiliate_menu a {text-decoration:none;}

input, select  {background-color:#ffB;}
form#quick_find input[type="text"] {background-color:#fff;}

.inTextList {
 margin: 1em 0;
}
.inTextList li{
 list-style: url(../images/o1.gif); margin-left: 2em;}

/* nav menu */
div#nav {padding:1px 2px; background:#930;position:absolute;top:0;right:0;float: left; margin: -1px -12px 0 10em;  border: 1px solid #AAA;}
div#nav ul {margin: 0; padding: 0; border: 1px solid #CCC; border-width: 0 1px;}
div#nav li {position: relative; list-style: none; margin: 0; float: left; width: 10em; line-height: 1.5em; font-weight:normal; color:#fff;background: #930;}
div#nav li:hover {background: #f53;}
div#nav li.submenu {background: url(../images/dropmenu.gif) 95% 50% no-repeat;}
div#nav li.submenu:hover {background-color: #c00;}
div#nav li a {display: block; padding: 0.25em 0 0.25em 0.5em;
  text-decoration: none; width: 9.5em;
  font-weight:normal;color:#fff;}
div#nav>ul a {width: auto;}
div#nav ul ul {position: absolute; width:10em; display: none;margin-top:0.5em;}
div#nav ul ul li {border-bottom: 1px solid #CCC;}
div#nav li.submenu li.submenu {background: url(../images/submenu.gif) 95% 50% no-repeat;}
div#nav li.submenu li.submenu:hover {background-color: #c00}
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}
div#nav ul.level2 {top: 1.5em; left: -2px;}
div#nav ul.level3 {top: -2px; left: 10em;
  border-top: 1px solid #CCC;}

 
/* tooltips*/
.tt, .ttaff{cursor:default}
.tt:hover, .ttaff:hover{
position:relative;
display:inline;
text-decoration:none;
}
.tt dfn, .ttaff dfn{
display:none;
padding: 5px;
margin:1px;
top:-15px;
left:15px;
}

.tt dfn span.nl, .ttaff dfn span.nl{
display:block;
margin-top: 0.5em;
}
.tt:hover dfn, .ttaff:hover dfn{
position:absolute;
width:300px;
display:block;
background:#fdb;
color:#333;
font-style:normal;
border:1px solid #f70;
text-align:left;
font-weight:normal;
font-size:11px;
line-height:1.4em;
}

.ttaff:hover dfn{
width:200px;
}

.tt:hover dfn.p200{
width:200px;
}

.tt:hover dfn.p550{
width:550px;
}
/*.tt dfn span{display:block;white-space:nowrap;font-size:11px;line-height:120%;font-weight:normal}*/
.tt img, .ttaff img {vertical-align:middle;}

/* checkout*.php */
#checkout_progress div {
  vertical-align: top;
  margin-top:2em;
  width:48%;
  float:left;
  text-align:center;
}
#checkout_progress div, #checkout_progress div a {
  color:#8c8c8c;
  font-size:90%;
  }

#checkout_progress div.current{
  color:#000;
  font-weight:bold;
}
 
#checkout_start {background: url(../images/progress_start.gif) no-repeat 50% 4px;}
#checkout_stop {background: url(../images/progress_stop.gif) no-repeat 50% 4px;}

.inputButton {
cursor: pointer;
margin: 1em 0 0 1em;
padding:0;
color: #fff;
text-align: center;
font-weight:bold;
border: none;
white-space:nowrap;
height:27px;
background: url(../images/button.gif) no-repeat 0 4px;
width: 132px;
font-size:12px;
vertical-align: top;
}

a.buttonlink {
font-size:11px;
height:25px;
margin-top:5px;
text-decoration: none;
display:block;
color: #fff;
width:100%;
}
html>body a.buttonlink  {width:auto;} /* Nie zadziała w  IE6*/

a.buttonlink:hover{
text-decoration: none;
color: #fff;
}

label {
margin: 0.25em 0;
display:block;
}

textarea {
width:100%;
}

.tab-wrapper { padding: 1em 1.5em; margin: 0; border: 1px solid #eee; clear: both;background: #fec;}
.tab-menu { margin: 0; margin-top: 1.5em; padding: 0; list-style: none;	overflow: auto;}
.tab-menu li {margin: 0; margin-right: 0.2em;padding: 0; float: left; line-height: 2em;}
.tab-menu li a { padding: .6em; font-weight:	bold; background: #fd8;}
.tab-menu li a:hover, .tab-menu li a:focus {
	/* your effect here */
}
.tab-menu li.tab-selected a { text-decoration:	none; color: inherit;
	/* your effect here */
  background: #fec;
}