/*-----------------------------------------------------
   .box, .topBox // basic
------------------------------------------------------ */
#mainContent .box h2, #mainContent .topBox h2          { margin: 0 0 15px 0; }
#mainContent .box h3, #mainContent .topBox h3          { margin: 0 0 5px 0; }

.box, .topBox                                          { padding: 20px 10px 15px 10px; }
.box                                                   { border-top: 3px solid #bbd6ee; overflow: hidden; height: 100%; }
.box#first                                             { border-top: none; padding-top: 0; }

#mainContent .box p, #mainContent .topBox p,
#mainContent .box ul, #mainContent .topBox ul,
#mainContent .box ol, #mainContent .topBox ol          { margin: 0; }

.details                                               { display: block; width: auto; float: right; margin: 0; }
.intro                                                 { margin: 0 0 15px 0; padding: 0 4px 0 0; color: #000; }

/*-----------------------------------------------------
   mainContent > .topBox
------------------------------------------------------ */
.topBox                                                { font-size: 1.05em; font-weight: bold; color: #228128; }
.signature                                             { text-align: right; font-size: .9em; font-weight: normal; }
	
/*-----------------------------------------------------
   mainContent > .box
------------------------------------------------------ */
#mainContent .box img                                  {
	display: inline;
	float: left;
	width: 100px;
	border: 5px solid #c0d9ef;
	margin: 0 10px 10px 0;
	padding: 0;
}	
	
/*-----------------------------------------------------
   rightColumns > .box-list (blue)
------------------------------------------------------ */		
#blue .box-list                                        {
	padding: 0 5px 10px 5px;
	background: #f3f9ff;
	border: 1px solid #e0ebf6;
	margin: 0 0 10px 0;
}
#blue .box-list h3                                     {
	font: bold 12px Georgia, "Times New Roman", Times, serif;
	background: #03549f;
	padding: 2px;
	margin: 0 0 10px 0;
	color: #fff;
}
#blue .box-list li                                     { padding: 2px 4px 4px 4px; border-top: 1px solid #dedede; margin: 0; }
#blue .box-list li.first                               { border: none; }

#blue .box-list a                                      { color: #575757; text-decoration: none; }
#blue .box-list a:hover                                { color: #575757; text-decoration: underline; }

#blue .box-list li a img                               {
	display: block;
	width: 100px;
	border: 5px solid #f4cfc7;
	margin: 0 auto 5px auto;
}	
	
/*-----------------------------------------------------
   rightColumns > .box-list (orange)
------------------------------------------------------ */		
#orange .box-list                                      {
	padding: 0 5px 10px 5px;
	background: #fef7ed;
	border: 1px solid #fde4be;
	margin: 0 0 10px 0;
}
#orange .box-list h3                                   {
	font: bold 12px Georgia, "Times New Roman", Times, serif;
	background: #f09300;
	padding: 2px;
	margin: 0 0 10px 0;
	color: #fff;
}
	
#orange .box-list li                                   { padding: 2px 4px 4px 4px; border-top: 1px solid #dedede; margin: 0; }
#orange .box-list li.first                             { border: none; }
#orange .box-list a                                    { color: #575757; text-decoration: none; }
#orange .box-list a:hover                              { color: #575757; text-decoration: underline; }

#orange .box-list li a img                             {
	display: block;
	width: 160px;
	border: 5px solid #ebdfc7;
	margin: 0 auto 5px auto;
}
	
/*-----------------------------------------------------
   rightColumns > .box-list (blue) - horizontal
------------------------------------------------------ */	
#box-bottom                                            { clear: both; width: 960px; padding: 10px 0 0 0; }
#box-bottom #blue                                      { width: 960px; }
#box-bottom .box-list                                  {
	display: inline;
	float: left;
	width: 218px;
	margin: 0 5px 10px 5px; 
}

/*-----------------------------------------------------
   book box // raspored elemenata za osn. prikaz knjige
------------------------------------------------------ */
.book-box                                              {
	width: 552px;
	height: 100%;
	overflow: hidden;
	margin: 0 0 25px 0;
	border-top: 3px solid #bbd6ee; overflow: hidden; height: 100%;
	padding: 20px 0 0 10px;
  	clear: both;
}
#mainContent div.first                                 { padding-top: 0; border: none; }
.book-box .image                                       {
	display: inline;
	float: left;
	width: 110px;
	padding: 5px 0 0 0;
	margin: 0;
}
#mainContent .book-box .image img                      { margin: 0; padding: 0; }
.book-box .content                                     {
	display: inline;
	float: left;
	padding: 0;
	margin: 0 0 0 10px;
	width: 432px;
}

#mainContent h2.section_title                          {
	border-bottom: 3px solid #bbd6ee;
	padding-bottom: 10px;
	margin-top: 0;
}

/*-----------------------------------------------------
   book box // status
------------------------------------------------------ */
.nova, .tisak, .rasprodano                              { font-weight: bold; display: block; margin-top: 5px; }

.nova                                                   { color: #3f8bc9; }
.tisak                                                  { color: #f09300; }
.rasprodano                                             { color: #f81908; }

/*-----------------------------------------------------
   book box - cart // funkcije kosarice
------------------------------------------------------ */	
.book-cart                                             {
	width: 225px; height: 100%;
	overflow: hidden;
	display: inline; 
	float: right;
	margin: 10px 0 0 0;
}
.book-cart fieldset                                    { border: none; }
.book-cart legend                                      { display: none; }

.quant                                                 { display: inline; float: left; width: 80px; margin: 50px 0 0 0; }
.functions                                             { display: inline; float: right; width: 130px; margin: 0; }
.book-cart label                                       { display: block; float: left; width: 55px; }
.unos-kolicine                                         {
	width: 16px;
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	vertical-align: middle;
	border: 1px solid #2989cc;
	background: #fff;
	margin: 0;
	text-align: center;
}	
.addtocart, .addtowishlist, .bookdetails, .delete      { display: block; padding-left: 17px; margin: 1px 0; }

.addtocart                                             { background: transparent url(../images/layout/cart.gif) no-repeat 0 4px; margin-bottom: 10px;  }
.addtowishlist                                         { background: transparent url(../images/layout/lista-zelja.gif) no-repeat 0 4px; margin-bottom: 10px; }
.bookdetails                                           { background: transparent url(../images/layout/bookinfo.gif) no-repeat 0 4px; }
.delete                                                { background: transparent url(../images/layout/delete.gif) no-repeat 0 4px; }

/*-----------------------------------------------------
   book box / Typ.
------------------------------------------------------ */
#mainContent .book-box h2                              { margin: 0 0 15px 0; }
#mainContent .book-box h3                              { margin: 0 0 10px 0; }
#mainContent .book-box h4                              { margin: 0 0 15px 0; }

#mainContent .book-box h3.subtitle                     { margin-top: -10px; font-weight: normal; }
#mainContent .book-box h4.category                     { font-weight: normal; }
#mainContent .book-box h4.category a                   { font-weight: bold; }

/*-----------------------------------------------------
   book table // skraceni popis knjiga - tablica
------------------------------------------------------ */
#mainContent .booksListTable                           { margin: 0 0 20px 0; width: 100%; }
#mainContent .booksListTable tr:hover td               { background: #e4eff9; }
#mainContent .booksListTable img                       { margin: 0; padding: 0; border: none; }

td .addtocart                                          { text-indent: -9999px; width: 13px; margin: 0 0 0 10px; }
td .addtowishlist                                      { text-indent: -9999px; width: 10px; margin: 0 0 0 10px; }
td .delete                                             { text-indent: -9999px; width: 10px; margin: 0 0 0 10px; }