﻿body 
{
	margin: 0;
	font-family: Tahoma;
	font-size: small;
	background-color: White;
	background-image: url(images/background_pattern.png);	
	background-repeat: repeat-x; 
}

.watermark
{
	position: relative;
	display: inline;
	color: #C5C5C5;
	text-align: left;
	margin:0;
	padding-top: 2px;
	height: 18px;
	width: 100px;
}

.horizontaldiv
{
	background-image: url(images/crtica_uspravna.png); 
	background-repeat: repeat-y; 
	width: 8px; 
	height: 490px;
	float: left;
	margin-left: 12px;
	margin-top: 5px;
}

.master
{
	
}

.maintable
{
	margin-left: 5px;
	margin-right: 10px;
	margin-top: 20px;
}

.main
{
    position: absolute;
    left: 50%;
    margin-left: -411px;
    top: 0px;
	width: 822px;
	height: 100%;	
}

.table
{	
	margin-top: 60px;
}

.table .tabletop
{
	height: 24px;
}

.table .tabletop .tabletopmiddle
{
	background: url(images/page_border_up.png) no-repeat;
	width: 822px;
}

.table .tablemenu
{	
	height: 63px;
	vertical-align: top;
}

.table .tablemiddle
{	
	
}

.table .tablemiddle .tablemiddleleft
{
	font-size: 0px;
	line-height: 0px;
	background: url(images/page_border_left.png) no-repeat left top;
	width: 8px;
	_background-image: none;
		border: SOlid 1px black;
		height: 120px;
}

.table .tablemiddle .tablemiddlemiddle
{	
	background: url('images/page_border_px_trans.png') repeat-y;
	width: 789px;
	_border: Solid 1px #A2248D;
}

.table .tablemiddle .tablemiddleright
{
	background: url(images/page_border_right.png) no-repeat left top;
	width: 26px;
}

.table .tablebottom
{
	height: 9px;
}

.table .tablebottom .tablebottommiddle
{
	background: url(images/page_border_down.png) no-repeat;
	height: 25px;
}

.header
{	
	display:none;
}

.groupsmenuwraper
{
	width: 250px;
	position: absolute;
	background-color: #FDFDFD;
	z-index: 100;
}

.fb_share_link
{
	padding: 2px 0 0 20px;
	height: 16px;
	background: url(http://static.ak.fbcdn.net/images/share/facebook_share_icon.gif?7:26981) no-repeat top left;
}

#leftmenu
{
	
}

.leftmenuheader
{
	background-image: url(images/submenu.png);
	background-repeat: no-repeat;
	font-size: 13px;
	text-transform: uppercase;
	height: 25px;
	color: White;
	padding-top: 6px;
	padding-left: 15px;
}

#leftmenu .leftGroupsMenu
{
	
}

#leftmenu .leftGroupsMenu .groupHeader
{
	height: 23px;
	padding-top: 5px;	
}

#leftmenu .leftGroupsMenu .selectedGroupHeader
{
	padding-top: 5px;
	height: 23px;
	background-image: url(images/subgroup_gradient.png);	
	background-repeat: no-repeat;
}


#leftmenu .leftGroupsMenu SPAN
{
	cursor: pointer;
	margin-left: 15px;
}

#leftmenu .leftGroupsMenu .subgroup
{
	margin-top: 3px;
	margin-bottom: 7px;
	margin-left: 10px;
	overflow: hidden;
}

#leftmenu .leftGroupsMenu .subgroupopen
{
	margin-top: 3px;
	padding-bottom: 7px;
	margin-left: 10px;
}

#leftmenu .leftGroupsMenu .line
{
	background-image: url(images/vodoravna_linija_kratka_leftmenu.png);
	background-repeat: no-repeat;
	height: 2px;
}


#leftmenu .leftGroupsMenu A
{	
	text-align: left;
	vertical-align: middle;
	display: block;
	color: #797979;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 7px;	
	width: 160px;
	text-decoration: none;
}

.foreignbooks
{
	position:relative;
	left: -10px;
	margin-top: 15px;
	margin-bottom: 15px;

}

.groupsMenu
{
	text-align: left;
	color: Black;
	width: 250px;
	border-left: Solid 1px #E3E3E3;
	border-right: Solid 1px #E3E3E3;
	border-bottom: Solid 1px #E3E3E3;
	padding:0px;
	margin: 0px;
}

.groupsMenu A
{
	text-align: left;
	vertical-align: middle;
	display: block;
	width: 225px;
	color: Black;
	font-size: 10px;
	font-weight: normal;
	padding-top: 4px;
	padding-bottom: 4px;	
	margin-left: 8px;	
	padding-left: 4px;
	padding-right: 4px;
}

.groupsMenu A:hover
{
	color: White;
	background-color:#9C0101;	
}

.language
{
	position: relative;
	top: 1px;
	margin-right: 8px;
}

.language A
{
	color: #9C0000;
}

.language A:hover
{
	font-weight: bold;
}

.logo
{
	position: absolute;
	top: 22px;
	left: 6px;
}

.headerline
{
	background-image: url(images/header_line.jpg);
	background-repeat: repeat-x;
	width: 100%;
	position: relative;
}

.menu
{
	background-image: url(images/main_menu.png);
	background-repeat: repeat-x;
	height: 34px;
	width: 539px;
	text-align: left;
	display: block;	
}

.menu A
{	
	display: block;
	margin-top: 8px;
	cursor: pointer;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 13px;	
	height: 34px;
	width: 89px;
}

.menu A:hover
{
}

.menu .item
{
	float: left;
	height: 32px;
	width: 89px;
	text-align: center;
}

.menu .selectedmenu,
.menu .item:hover
{
	float: left;
	height: 32px;
	width: 89px;
	text-align: center;
	background-image: url(images/menu_marked.png);
}

.menu .item2
{
	float: left;
	height: 32px;
	width: 130px;
	text-align: center;
}
.menu .selectedmenu2,
.menu .item2:hover
{
	float: left;
	height: 32px;
	width: 130px;
	text-align: center;
	background-image: url(images/menu_marked.png);
}

.menu .divider
{
	float: left;
	width: 1px;
	height: 32px;
	background-image: url(images/menu_divider.png);
}


.overmenu
{	
	font-size: 10px; width: 525px; text-align: left; 
	height: 25px; margin: 30px 0px 10px 10px;
}

.banner
{
	float: right;
	font-family: Verdana;
}

.overmenu A
{
	text-decoration: none;	
	color: #787878;
}

.overmenu A:hover
{
	text-decoration: none;
	color: black;
}

.alternateitem
{
	float: right;
	text-align: right;
}

.grouptitlecontainer
{
	position: relative;
	width: 100%;	
	text-align: right;
	display: block;
	clear: both;		
}

.grouptitlecontainer .pager
{
}

.grouptitlecontainer .grouptitle
{	
	background-image: url(images/horisontal-undermenu-line.png);
	background-repeat: no-repeat;
	background-position: bottom;	
	float: right;
	font-size: 12px;
	font-family: Tahoma;
	width: 310px;
	height: 24px;	
}

#main .item
{	
	clear: both;
	text-align: left;
	color: Black;
	width: 100%;
	padding-top: 20px;
}

#main .item A
{
	color: Black;
	text-decoration: none;
}

#main .item A:hover
{
	text-decoration: none;
}

#main .item .itemImage
{
	float: left;
	width: 115px;
	margin-right: 17px;
}

#main .item .itemFooter
{
	clear: both;
	font-size: xx-small;
	width: 100%;	
}

#main .item .bookdescription
{
	float: left;
	width: 408px;
	display: block;
	text-align: left;
	font-size: 13px;
	margin-bottom: 25px;
}

#main .item .itemDescription
{	
	margin-top: 5px;
	text-align: left;
}

#main .item .itemDescription .itemAutor
{
	display: block;
	margin-bottom: 10px;	
}

#main .item .itemDescription .itemAutor:hover
{
	 letter-spacing: 0.04em;
}

#main .item .title
{
	margin-bottom: 10px;
}

#main .item .itemTitle
{
	color: #96017E;
	margin: 0px 0px 4px 0px;
	display: block;
	font-family: Georgia;
	font-size: 18px;
}

#main .item .itemTitle:hover
{
}


#main .item .itemDescription .description
{
	font-size: 11px;
}

#main .item .normalprice
{
	position: relative;
	top: -10px;
	font-size: 11px;
}

#main .item .discountpricevalue
{
	position: relative;
	top: -10px;
	text-align: right;	
	margin-right: 5px;
	font-family: Georgia;
	font-size: 15px;
	color: #96017E;
}

#main .item .discountpricevalue:hover
{
	
}

#main .item .discountpricetext
{
	position: relative;
	top: -10px;
	text-align: right;
	padding-bottom: 5px;
	font-size: 11px;
}

#main .item .line
{
	background-position: bottom;
	background-image: url(images/vodoravna_linija.png);	
	background-repeat: no-repeat;
	height: 4px;
	width: 100%;
	clear: both;
}

.buyButton
{
	position: relative;
	font-family: Arial;
	background-image: url(images/basket.gif);	
	font-size: 7px;
	text-align: center;
	background-repeat: no-repeat;
}


.buybuttonLine
{
	margin-top: 2px;
	background-image: url(images/basket_line.gif);	
	background-repeat: repeat-x;
	float: left;
}

.buyButton A
{
	text-decoration: none;
	color: Black;	
}

.buyButton A:hover
{
	text-decoration: none;
	color: Red;	
}


.mainleft
{
	padding-left: 20px;
	margin-right: 4px;
}

.mainleft .mainleftcontent
{
	padding-top: 40px;
}

.maincenter
{	
	position: relative;
	top: -40px;
	width: 540px;
	margin-left: 12px;

}

.topdiv
{
	position: relative;
	top: -30px;
	background-image: url(images/vertikalna_linija_gornji_deo.png);
	background-repeat: no-repeat;
	width: 4px;
	height: 72px;
	z-index: 10000;
}

.divider
{
	background-image: url(images/vertikalna_linija_pattern.png);
	background-repeat: repeat-y;
	width: 2px;
	height: 100%;
}
.spacer
{

}

.bottomdiv
{
/*
	background-image: url(images/vertikalna_linija_donji_deo.png);
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0px;
	border: Solid 1px Black;	
	width: 4px;
	height: 127px;
	z-index: 10000;	
*/
}

.centertd
{
	
}


.ballonheader
{
	background-image: url(images/vodoravna_linija.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	color: Black;
	font-family: Georgia;
	font-size: 19px;
	width: 100%;
	height: 30px;
	padding: 8px 0px 1px 0px;	
	margin-top: 10px;
	margin-bottom: 10px;
}

.next
{
	color: Black;
	display: none;
}

.pager
{	
	margin-top: 10px;	
	color: #898989;	
	font-weight: bold;
}

.pager A
{
	font-weight: normal;
	color: #777777;	
	text-decoration: none;
}

.pager A:hover
{
	font-weight: bold;
	color: #777777;	
	text-decoration: underline;
}

#newbooks 
{
	float: left;
	width: 242px;
	font-family: Tahoma;
}

#newbooks .ballonheader
{
	background-image: url(images/vodoravna_linija_kratka.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	color: Black;
	font-family: Georgia;
	font-size: 19px;
	width: 100%;
	height: 30px;
	padding: 8px 0px 1px 0px;	
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: -5px;
}


#newbooks .item
{
	margin: 5px 10px 4px 4px;
}


#newbooks .item A
{
	font-size: 12px;
	text-decoration: none;
	color: Black;
}


#newbooks .item A:hover
{
}

#newbooks .item .numberitem
{
	position: relative;
	top: 12px;
	float: left;
}

#newbooks .item .imageitem
{	
	float: left;
	margin-right: 10px;
}

#newbooks .item .titlewrap
{
	display: table; height: 75px; #position: relative; overflow: hidden;
	width: 152px;
	float: left;
}

#newbooks .item .titlewrap .titlewrap1
{
	#position: absolute; #top: 50%;display: table-cell; vertical-align: middle;
}

#newbooks .item .titlewrap .titlewrap1 .titleitem
{		
	 #position: relative; #top: -50%
}

#newbooks .item .title
{
	font-family: Tahoma;
	text-transform: uppercase;
}

#top101
{
	font-family: Tahoma;
	float: left;
	width: 188px;
	margin: 20px 0px 20px 0px;
}

#top10 
{
	font-family: Tahoma;
	float: left;
	width: 263px;
	margin-top: 20px;
	margin-right: 18px;
}

#top101 .ballonheader,
#top10 .ballonheader
{
	font-family: Tahoma;
	background-image: url(images/top_header.png);
	background-repeat: no-repeat;
	color: white;
	font-size: 13px;
	height: 29px;
	padding: 0px;
	margin: 0px;	
}

#top101 .ballonheader .text,
#top10 .ballonheader .text
{
	padding: 8px 0px 0px 15px;	
}


#top10 .item
{	
	font-family: Tahoma;
	height: 34px;
	width: 263px;
	background-image: url(images/top_item.png);
	padding: 0px;
	margin: 0px;
}

#top10 .item:hover
{	
	background-image: url(images/top-hover.png);
}

#top101 .item
{	
	font-family: Tahoma;
	height: 40px;
	background: url(images/godisnja_top_lista.png) no-repeat -1px -1px;
	padding: 0px;
	margin: 0px;
	width: 189px;
}

#top101 .item:hover
{	
	background-image: url(images/godisnja_top_lista_over.png);
}


#top10 .item .inner
{
	
}

#top101 .item .inner A
{
	font-size: 11px;
	text-decoration: none;
	color: Black;
}

#top10 .item .inner A
{	
	font-size: 12px;
	text-decoration: none;
	color: Black;
}


#top10 .item .inner A:hover
{
}

#top101 .item .inner .numberitem
{
	float: left;
	margin-left: 5px;	
	width: 20px;
	margin-right: 5px;
	text-align: center;
	margin-top: 10px;
}

#top10 .item .inner .numberitem
{	
	float: left;
	margin-left: 10px;	
	width: 20px;
	margin-right: 5px;
	text-align: center;
	margin-top: 8px;
}

#top101 .item .inner .numberitem A,
#top10 .item .inner .numberitem A
{	
	font-family: Tahoma;
	font-weight: bold;
	font-size: 16px;	
}


#top101 .item .inner .numberitem .number,
#top10 .item .inner .numberitem .number
{
	color: White;
}

#top101 .item .inner .titlewrap_1
{
	#position: relative; 
	overflow: hidden;
	display: table; 
	height: 40px;
}

#top10 .item .inner .titlewrap_1
{
	#position: relative; 
	overflow: hidden;
	display: table; 
	height: 34px;
}

#top101 .item .inner .titlewrap_1 .titlewrap1_1,
#top10 .item .inner .titlewrap_1 .titlewrap1_1
{
	#position: absolute; #top: 50%;
	display: table-cell; vertical-align: middle;
}

#top101 .item .inner .titlewrap_1 .titlewrap1_1 .titleitem,
#top10 .item .inner .titlewrap_1 .titlewrap1_1 .titleitem
{		
	#position: relative; 
	#top: -50%;
}


#top101 .item .inner .title,
#top10 .item .inner .title
{		
	font-family: Tahoma;
	text-transform: uppercase;	
}

.divLogin
{
	position: absolute;
	top: 30px;
	left: 245px;
	height: 30px;
	width: 343px;
	background: url(images/login_shape.png) no-repeat;
	font-size: 10px;	
}

.divLogin a
{
	text-decoration: none;
	color: White;
	font-size: 10px;
}

.login
{
	color: White;
	padding-top: 4px;
	padding-left: 5px;
}

.login INPUT
{
	width: 95px;
	height: 12px;
}

.loginvalidator
{
	font-size: small;
}

.loginlinks
{
	position: absolute;
	top: -14px;
	left: 183px;
}

.loginlinks A,
.loginhyperlink A
{
	text-decoration: none;
}

.loginlinks A:hover,
.loginhyperlink A:hover
{
	color: #E3BDDD;
}

.logintextbox
{
	height: 18px;
	width: 100px;
}


#search
{
	position: absolute;
	right: 14px;
	top: 30px;	
	background: url(images/login_shape.png) no-repeat -353px 0px;
	width: 200px;
	height: 22px;	
	color: White;
	padding-left: 12px;
	font-size: 10px;
	padding-top: 8px;
}

#search .searchtextbox
{	
	margin: 0px 0px 0px 6px;
	height: 12px;
	width: 135px;
}
.loginbutton
{
	position: relative;
	left: -10px;
	margin-top: 8px;
	margin-bottom: 10px;
	width: 134px;
}

.advance
{
	text-align: center;
	margin-top: 25px;
	font-size: x-small;
}

#spetialaction
{
	margin-left: 5px;
	margin-top: 10px;
	width: 100%;
	text-align: left;
	font-size: small;
}

#spetialaction .spimage
{
	float: left;
	margin-right: 12px;
	display: block;
}

#spetialaction .desc
{	
	display: block;
}

#spetialaction .desc .title
{
	margin-bottom: 2px;
}
#spetialaction .desc .title A
{
	text-transform: uppercase;
	text-decoration: none;
	font-family: Georgia;
	color: #96017E;
}

#spetialaction .desc .autor A
{
	text-decoration: none;
	color: Black;
}


.footer
{
	line-height: 18px;
	width: 100%;
	font-size: 10px;
	color: Black;
	margin-top: 35px;
}

.footer A
{
	color: Black;
	text-decoration: none;
}

.toptext
{
	margin: 4px 4px 4px 0px;
	font-weight: bold;
	display: block;
	float: left;
}


.content
{
	padding-right: 25px;
	padding-left: 25px;
	padding-top: 35px;	
}

.content A
{
	color: black;
}

.content A:hover
{
	color: #9C0101;
}

.maincontrol
{
	padding-top : 0px;
	padding-left: 0px;
	border: Solid 1px Black;
}

.maincontrol A
{
	color: black;
}

.maincontrol A:hover
{
	color: #9C0101;
}


.buttons
{
	text-align: right;
}

.buttons A
{
	font-size: 12px;
	/* color: #D5D0CC; */
	color: #C6C1BD;
	text-decoration: none;
}

.buttons A:hover
{
	color: #9C0101;
}

.innercontent
{
	margin-left: 35px;
}

.innercontent INPUT
{
	width: 250px;
}

.basket .title
{
	font-size: small;	
}

.innercontent .title
{
	font-size: small;	
}

.hrStyle
{
	color: #D5D0CC; 
	height:1px;
}

TR.orderHeader TD
{
	border-bottom: Solid 1px Black;
	border-top: Solid 1px Black;
}

.orderHeader
{
	font-weight: bold;
	height: 35px;
	margin-left: 10px;
}

TR.orderFooter TD
{
	border-top: solid 1px Black;
	line-height: 15px;
	border-bottom: solid 1px Black;
}

.basket 
{
	margin-top: 30px;
}
.basketbutton
{
	position: relative;
	top: -20px;
	float: right;
	cursor: pointer;
	width:36px;
	height:37px;
	font-size: 40px;
	color: White !important;
	background-image: url(images/basket_plain.png);
	display: inline-block;
}

.basketbutton:hover
{
	background-image: url(images/basket_marked.png);
}

.basket .title
{
	font-size: medium;	
}


.basket A
{
	color: Black;
}

.basketbotton
{
	float: right;
	margin-top: 10px;
	margin-right: 40px;	
}

.basketheader
{
	font-size: x-small;
}

.textboxmalo
{
	position: relative;
	top: 5px;
}

.loggedin
{
	margin-left: 120px;
	margin-top: -48px;
	width: 150px;
}

.loggout A:hover
{
	color: #E3BDDD;
}

.usernameclass
{
	color: Black;
}

.loggedin A
{
	color: White;
}

.loggedin A:hover
{
	/*color: #9C0101;*/
	color: Black;
}

.wasbuyed
{
	margin-top: 60px;
}

.wasbuyed .wasbuyedheader
{
	font-size: 10px;
}

.wasbuyed .wasbuyedheader .recommend1
{
	
}

.recommend
{
	font-weight: bold;
}

.news
{
	width: 175px;
	margin-left: 3px;
	margin-top: 15px;
	margin-bottom: 25px;
}

.news A
{
	color: Black;
	text-decoration: none;
}

.news A:hover
{
	text-decoration: underline;
}

.bookofmonth
{
	width: 153px;
	margin: 15px 22px 25px;
	text-align: left;
	cursor:pointer;
}

.bookofmonth IMG
{
	display: inline;
}

.underimagetext
{

}

.mainimages
{
	cursor: pointer;
	padding: 5px;
	width: 150px;
	height: 158px;
	overflow:hidden;
}

.mainimagesindesign
{
	cursor: pointer;
	padding-right: 15px;
	padding-bottom: 15px;
}


.sort
{
	margin-bottom: 60px;
}

.sort a
{
	font-size: 10px;
	float: left;
	margin-top: 5px;
}


.titles
{	
	text-align: center;
}

.groups
{
	cursor: pointer;
}

.groups:hover
{
	color: #9C0101
}

.centercontent
{
	text-align: center;	
	width: 100%;
}

.orderheader TD
{
	border-bottom: Solid 1px #D5D0CC;
	border-top: Solid 1px #D5D0CC;
	text-align: left;
}

.loggoffbutton A:hover
{
	color: #9C0101;
}


.commentheader
{
	font-size: 10px;
	vertical-align: bottom;
}


.commentheader .addcommentlink
{
	font-size: x-small;	
}

.inbooklink
{
	padding-left: 4px;
	font-size: xx-small;	
}


#myGallery
{
	text-align: right;
	font-family: Tahoma;
	position: relative;
	top: 0px;
	left: -7px;
	width: 160px;
	height: 210px;
	display: none;
	border: 0px solid #000;
	cursor: pointer;
	font-size: xx-small;
	vertical-align: top;
}

.jdGallery
{
	overflow: hidden;
	position: relative;
}

.jdGallery img
{
	border: 0;
	margin: 0;	
}

.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-color: Transparent;
	background-repeat: no-repeat;
	background-position: 0 0;	
	cursor: pointer;
	position: relative;
	top: -10px;
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: Transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(images/spinner.gif);
}

.jdGallery .slideInfoZone
{
	position: absolute;
	z-index: 10;
	width: 100%;
	margin: 0px;
	top: 185px;
	left: 20px;
	text-align: left;
	bottom: 0;
	height: 50px;
	color: #000033;
	text-indent: 0;
	overflow: hidden;
}

* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
	padding: 0;
	font-size: xx-small;
	margin: 0;
	margin: 2px 5px;
	font-weight: bold;
	color: inherit;
}

.jdGallery .slideInfoZone p
{
	padding: 0;
	font-size: xx-small;
	margin: 2px 5px;
	color: black;
}

.jdGallery div.carouselContainer
{
	position: absolute;
	height: 135px;
	width: 100%;
	z-index: 10;
	margin: 0px;
	left: 0;
	top: 0;
}

.jdGallery a.carouselBtn
{
	position: absolute;
	bottom: 0;
	right: 30px;
	height: 20px;
	/*width: 100px; background: url(img/carousel_btn.gif) no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
}

.jdGallery .carousel
{
	position: absolute;
	width: 100%;
	margin: 0px;
	left: 0;
	top: 0;
	height: 115px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselWrapper
{
	position: absolute;
	width: 100%;
	height: 78px;
	top: 10px;
	left: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselInner
{
	position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail
{
	cursor: pointer;
	background: #000;
	background-position: center center;
	float: left;
	border: solid 1px #fff;
}

.jdGallery .carousel .label
{
	font-size: 13px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0;
	margin: 0;
}

.jdGallery .carousel .label .number
{
	color: #b5b5b5;
}

.jdGallery a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdGallery a.right, .jdGallery a.left
{
	position: absolute;
	height: 99%;
	width: 25%;
	cursor: pointer;
	z-index:10;
}

* html .jdGallery a.right, * html .jdGallery a.left
{
}

.jdGallery a.right:hover, .jdGallery a.left:hover
{
}

.jdGallery a.left
{
	left: 0;
	top: 0;	
}

* html .jdGallery a.left { }

.jdGallery a.right
{
	right: 0;
	top: 0;
}

* html .jdGallery a.right {  }

.jdGallery a.open
{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.withArrows a.open
{
	position: absolute;
	top: 0;
	left: 25%;
	height: 99%;
	width: 50%;
	cursor: pointer;
	z-index: 10;
	background: none;
}

.withArrows a.open:hover {  }

* html .withArrows a.open:hover { 
	 }
	 


/* Rating */

.ratingStar {

    font-size: 0pt;

    width: 13px;

    height: 12px;

    margin: 0px;

    padding: 0px;

    cursor: pointer;

    display: block;

    background-repeat: no-repeat;

}



.filledRatingStar {

    background-image: url(images/goldstar.gif);



}



.emptyRatingStar {

    background-image: url(Images/greystar.gif);

}



.savedRatingStar {

    background-image: url(Images/goldstar.gif);

}


#foreign
{
	margin-left: 10px;
	margin-top: 40px;
	font-family:Tahoma; font-size: 13px;
}

#foreign .title
{
	font-family:Georgia; font-size: 21px; background-image: url(images/foreign_literature_line.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-bottom: 8px;
}

#foreign A
{
	color: #96017E;
	text-decoration: none;
}

#foreign A:hover
{
	color: black;
}

#foreign .button
{	
	background-image: url(images/foreign_literature_select.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 31px;
	height: 31px;
	cursor: pointer;
}

#foreign .button:hover
{
	background-image: url(images/foreign_literature_select.png);
	background-position: 0px -31px;
	background-repeat: no-repeat;
	width: 31px;
	height: 31px;
	cursor: pointer;
}

#preview
{
	margin: 40px;
}

#preview .top
{
	width: 550px;
	text-align: center;
	background: url(images/pogled_line.png) no-repeat bottom center;
	height: 120px;
	margin: 0 auto;
}

#preview .top A
{
	font-family: Tahoma;
	font-size: 11px;
	color: Black;
	text-decoration: none;
	margin-bottom: 5px;
	position: relative;
	height: 15px;
	display: block;
	float: left;
	margin-right: 10px;
}

#preview .bottom
{
	width: 550px;
	text-align: center;
	color: #B0B0B0;
	font-family: Tahoma;
	font-size: 14px;
	background-image: url(images/pogled_line.png);
	background-position: top center;
	background-repeat: no-repeat;
	padding-top: 20px;
	margin: 0 auto;
}

#preview .middle
{
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

#preview .middle TABLE
{
	margin: 0 auto;	
}

.specialitem
{
	vertical-align: top;
}

.menuBottom 
{
	font-size: 10px;
	color: #B1B1AF;
}

.menuBottom a
{	
	color: #B1B1AF;
	text-decoration: none;
}

.menuBottom a:hover
{
	color: #000000;
}

.bottomfinish
{
	background: url(images/vertikalna_linija_donji_deo.png) no-repeat top left;
	width: 4px;
	height: 127px;
}

.newstitle
{
	margin-bottom: 4px;
	font-weight: bold;
}