/*
                                                 
-> Project: najboljeknjige.com                    
-> Author: Igor Gotal-Luksa / Dobbin			 
-> Copyright (c) 2010: Dobbin
                   							                         
*/


/* CATALOG
----------------------------------------------------------------------------*/

	#catalog-block {
		width: 920px;
		margin-left: 10px;
		padding: 30px 0 20px 0;
		background: #fff url("../../assets/images/wide_block_bg.gif") no-repeat bottom center;
		border-radius: 3px;
		-moz-border-radius: 3px;  
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-webkit-border-radius: 3px;
		}
		
		
/* CATEGORIES MENU
----------------------------------------------------------------------------*/
		
	#categories-box {
		margin: 0 0 30px 30px;
		width: 855px;
		background-color: #f5f8f9;
		border: 1px solid #cfdbe1;
		border-radius: 3px;  
		-moz-border-radius: 3px;  
		-webkit-border-radius: 3px;
		}
		
	#categories-box ul {
		margin: 10px;
		}
		
	#categories-box ul li {
		font: normal 1.2em/150% "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		background: url("../../assets/images/bullet_red_arrow.gif") no-repeat 0px 7px;
		padding-left: 10px;
		}
		
	#categories-box ul li a {
		color: #000;
		text-decoration: none;
		}
		
	#categories-box ul li a:hover {
		text-decoration: underline;
		}
		
	#categories-box ul li span {
		font-weight: bold;
		color: #d75115;
		}

	#categories-box ul li.selected {
		font-weight: bold;
		}
		
		
/* CATALOG TITLE
----------------------------------------------------------------------------*/

	.book-row {
		width: 860px;
		margin: 10px 0 0 30px;
		padding: 10px 0 20px 0;
		border-bottom: 1px dotted #919191;
		}

	#catalog-thumbnail {
		float: left;
		width: 125px;
		border: 1px solid #cfdbe1;
		}
		
	.catalog-details {
		float: right;
		width: 710px;
		}
		
	.catalog-details h2 {
		font: normal 2.2em/130% "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		margin-bottom: 20px;
		position: relative;
		bottom: 5px;
		}
		
	.catalog-details h2 a {
		text-decoration: none;
		color: #000;
		}
		
	.catalog-details h2 a:hover {
		text-decoration: underline;
		}
		
	.catalog-details h2 span {
		font: normal 0.6em/130% "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		}
		
	.catalog-details h2 span a {
		color: #d75115;
		text-decoration: none;
		}
		
	.catalog-details h2 span a:hover {
		text-decoration: underline;
		}
		
	.catalog-details p {
		font: normal 1.25em/145% Verdana, Arial, Helvetica, sans-serif;
		color: #000;
		margin-bottom: 10px;
		position: relative;
		bottom: 5px;
		max-width: 700px;
		}
		
	.catalog-details p a {
		color: #d75115;
		}
		
	.catalog-details p a:hover {
		text-decoration: none;
		}
		
				
/* PAGING
----------------------------------------------------------------------------*/

	.title-paging-block {
		width: 860px;
		margin-left: 30px;
		border-bottom: 1px dotted #919191;
		padding-bottom: 5px;
		}
		
	.title-paging-block h3 {
		float: left;
		width: auto;
		font: normal 2.4em/145% "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		color: #d75115;
		}

	.paging {
		float: right;
		position: relative;
		top: 13px;
		}
		
	.paging a {
		font: normal 1.1em/145% "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		float: left; 
		width: auto;
		margin-right: 8px;
		color: #61899a;
		text-decoration: none;
		}
		
	.paging a:hover {
		text-decoration: underline;
		}
		
	.paging span.selected {
		float: left; 
		width: auto;
		margin-right: 8px;
		padding: 0 5px 0 5px;
		color: #fff;
		background-color: #d75115;
		text-decoration: none;
		display: block;
		position: relative;
		bottom: 1px;
		border-radius: 3px;
		-moz-border-radius: 3px;  
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-webkit-border-radius: 3px;
		}
		
	.paging-bottom {
		margin: 0 20px 30px 0;
		}

	.paging-trailers {
		margin: 20px 30px 30px 20px;
		}
		
	.paging-trailers a {
		font: normal 1.1em/145% "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
		float: left; 
		width: auto;
		margin-right: 8px;
		color: #61899a;
		text-decoration: none;
		}
		
	.paging-trailers a:hover {
		text-decoration: underline;
		}
		
	.paging-trailers span.selected {
		float: left; 
		width: auto;
		margin-right: 8px;
		padding: 0 5px 0 5px;
		color: #fff;
		background-color: #d75115;
		text-decoration: none;
		display: block;
		position: relative;
		bottom: 1px;
		border-radius: 3px;
		-moz-border-radius: 3px;  
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-webkit-border-radius: 3px;
		}

		
/* STAR RATING - catalog root
----------------------------------------------------------------------------*/

	.star-rating-block {
		margin-bottom: 15px;
		}
		
	.star-rating-block strong {
		font-weight: bold;
		color: #d75115;
		}