/***************************************************
				  DJAK  STYLES
***************************************************/

html, body{
	padding:0;
	margin: 0;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

body{
	background-color: #B4B4B4;
}

#body{
	background-repeat: repeat-y;
	background-position: center top;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='../../images/djak/podloga-meni.png');
}
#body[class]{
	background-image: url(../../images/djak/podloga-meni.png);
}

/***************************************************/
.logo-background{
	height: 61px;
	width: 190px;
	position: absolute;
	z-index: 401;
	left: 20px;
	top: 13px;
	background-repeat: no-repeat;
	background-position: left top;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='../../images/djak/logo.png');
}/* IE6 */
.logo-background[class]{
	background-image: url(../../images/djak/logo.png);
} /* Mozilla, IE7 */

#logo{
	height: 61px;
	width: 190px;
	position: absolute;
	z-index: 402;
	left: 20px;
	top: 13px;
}

.head, #head-big{
	height: 198px;
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-image: url(../../images/djak/podloga-meni.png);
	background-repeat: repeat-y;
	background-position: center top;
}

#head-big
{
	height: 220px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='../../images/djak/podloga-meni.png');
}
#head-big[class]
{
	background-image: url(../../images/djak/podloga-meni.png);
}
.baner{
	height: 164px;
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	top: 36px;
	right: 0px;	
	z-index: 301;
	background-repeat: no-repeat;
	background-position: center top;
	border:0px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='../../images/djak/baner-podloga.png');
}
.baner[class]{
	background-image: url(../../images/djak/baner-podloga.png);
}/* Mozilla, IE7 */

.info{
	width: 910px;
	height:30px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-image: url(../../images/djak/podloga-meni.png);
	background-repeat: repeat-y;
	background-position: center top;
	border: solid 0px yellow;
}
.breadcrumbs{
	width:633px;
	position: absolute;
	left: 25px;
	top: 0px;	
	color: #E3D388;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 20px;
	line-height: 20px;
	display:block;
}
.cart{
	position: absolute;
	right: 25px;
	top: -2px;
	float:right;
	color: #FFFFFF;
	margin-bottom: 0px;
	height: 30px;
	width: 200px;
	border: solid 0px red;
	vertical-align:  top;
	/* background-image: url('../../images/djak/djak_cart_tab copy.png'); */
	background-image: url('../../images/djak/shop-div0.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	z-index: 201;
}


.baner-slika{
	height: 151px;
	width: 896px;
	position: absolute;
	top: 42px;
	z-index: 201;
	left: 7px;
}



/***************************************************
			DESIGN ELEMENTS
***************************************************/	

.clearing  
{
	height: 0; width:100%; 
	display: block;
	clear: both; overflow:hidden;
}  

.hidden{overflow: hidden;visibility: hidden;}

p{display: block;margin: 0px;padding: 3px 10px 3px 25px}
a, a.news-link, a.shop-link, a.white-link{color: #D78100;font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: normal;text-decoration: none;}
a:hover, a.news-link:hover, a.shop-link:hover, a.white-link:hover{color: #666666;}
a.news-link{color: #D78100;font-size: 11px;}
a.shop-link{
	color: #D78100;
	font-size: 11px;
	line-height: 12px;
}

a.white-link{color: #FFFFFF;}
a.orange-link{color: orange;}

/***************************************************
				 MAIN CONTAINER
***************************************************/

#container
{
	border: solid 5px yellow;
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-image: url(../../images/djak/container-background.png);
	background-repeat: repeat-y;
	background-position: center top;
	border: solid 0px red;
}

#container-empty{
	background-image: url(../../images/djak/holder-home.png);
	background-repeat: repeat-y;
	background-position: center top;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 15px;
	overflow: hidden;
}


/***************************************************
				   HOLDERS
***************************************************/

.holder-news{
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}

.holder{
	width:880px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: center top;
	/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='../../images/djak/podloga-holder-top.png');  */
}
.holder[class]{
	background-image: url(../../images/djak/podloga-holder-top.png);
}/* Mozilla, IE7 */

.left{
	width:200px;
	position: relative;
	float: left;
	left: 1px;
}	
	
.quantitysize{
	left: 10px;
	border:solid 0px blue;
}

.holder-addToCart{
	padding-top:10px;
	width:130px;
	margin-left:-3px;
}	

.holder-left{
	float: left;
}		
.holder-left-box, .holder-right-box{
	position: relative;
	overflow: hidden;
}		
.holder-left-box{
	width:200px;
	background-image: url(../../images/djak/podloga-leva-box.png);
	background-repeat: repeat-y;
}		
.holder-right-box{
	background-image: url(../../images/djak/podloga-leva-box.png);
	background-repeat: repeat-y;
}	
		
.bottom-back
{
	/* position: absolute;*/
	left: 0px;
	bottom: 0px;
	height:20px;
	border:solid 0px red;
	clear:both;
}			
		
#holder-top{
	position: absolute;
	left: 0px;
	top: 0px;
}			
		
#holder-middle{
	width:450px;
	position: relative;
	padding-bottom: 0px;
	background-image: url(../../images/djak/podloga-srednji-box.png);
	background-repeat: repeat-y;
}

.center {
	float: left;
	position: relative;
	right: 2px;
	padding-left:15px;
	padding-right:5px;
}
.homeright {
	width:200px;
	float: right;
	position: relative;
	right: 2px;
}

.right {
	width:662px;
	float: right;
	position: relative;
	right: 2px;
}
.rightbottom{
	width:662px;
	float: right;
	position: relative;
	right: 2px;
}
.holder-right, .holder-shop, .table, .holder-cart, .holder-myaccount{
	width:662px;
	float: right;
	position: relative;
	right: 2px;
}

.holder-shop .text-box {padding-left:0px;}

.holder-right{
	padding-top: 7px;
	right: 3px;
}

.table{
	width:602px;
	background-color: #FF9900;
	margin-right: 20px;
	margin-left: 20px;
	float: none;
	right: 0px;
	height: 20px;
	padding: 5px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 20px;
	BORDER-COLLAPSE: collapse;
}

.holder-description-right
{
	margin-top: 5px;
	margin-left: 10px;
	float: left;
	position: relative;
}

#holder-news, .holder-myaccount, .holder-cart{
	right: 0px;
	background-image: url(../../images/djak/podloga-prodavnica.png);
	background-repeat: repeat-y;
	padding-bottom: 0px;
}
.holder-shop{
	right: 0px;
	background-image: url(../../images/djak/podloga-prodavnica.png);
	background-repeat: repeat-y;
	/* padding-bottom: 20px; */
}

#holder-news{
	padding-bottom: 28px;
}
.holder-myaccount-inner
{
	padding-left:10px;
	padding-right:10px;
}
.holder-news-inner
{
	padding-left:10px;
	padding-right:10px;
}
.holder-news{
	width: 180px;
	padding-bottom: 5px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F0F0F0;
}

.holder-bottom, .holder-top{
	position: absolute;
	bottom: 17px;
	right: 15px;
	z-index: 301;
}

.holder-top{
	top: 0px;
	right: 15px;
}		

.title-left, .title-middle, .title-shop{
	font-size: 13px;
	color: #666666;
	margin-bottom: 5px;
	display: block;
	height: 28px;
	background-repeat: no-repeat;
	line-height: 28px;
	padding-left: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-position: center top;
	padding-top: 3px;
}
.title-left{
	background-image: url(../../images/djak/left-top.png);
}

.title-middle{
	background-image: url(../../images/djak/podloga-srednji-box-gore.png);
}

.title-shop{
	background-image: url(../../images/djak/podloga-prodavnica-box-gore.png);
}
.content-shop { margin: 0px 15px; }

.content_container
{
	margin: 10px;
}

/*
.bread-crumbs{
	font-size: 11px;
	color: #FFFFFF;
	position: absolute;
	bottom: 4px;
	left: 25px;
}
*/
.price{
	font-size: 11px;
	color: #FFFFFF;
	bottom: 4px;
	left: 25px;
}


.pagination{
	font-size: 11px;
	color: #CCCCCC;
	position: relative;
	float: left;
	width: 648px;
	margin-top: 10px;
	padding-bottom: 30px;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.holder-photo-mid{
	position: relative;
	width: 300px;
	/* background-image: url(../../images/djak/thumbs-big.gif); */
	background-repeat: no-repeat;
	background-position: center center;
	height: 300px;
	left: 18px;
	margin-bottom: 10px;
	margin-top: 10px;
	border: dashed 1px silver;
}

.photo-mid{
	width: 300px;
	height: 300px;
	visibility: visible;
	z-index: 101;
}

/***************************************************
			GALLERY
***************************************************/
.searchResultsGrid, .searchResultsList
{
	border:solid 0px red;
	padding-left: 5px;
}
.relatedProductsGrid, .specialOfferGrid
{
	margin: 8px 0px 0px 0px;
	position:relative;
	float:left;
}
.searchResultsGrid .proizvod, .relatedProductsGrid .proizvod, .specialOfferGrid .proizvod,  .slika {
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	float: left;
	padding: 5px;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 15px;
}
.searchResultsGrid .proizvod{
	padding-right: 15px;
	margin-left: 0px;
}

.specialOfferGrid .proizvod {
	margin-left: 5px;
}
.searchResultsGrid .proizvod, .relatedProductsGrid .proizvod, .specialOfferGrid .proizvod{
	height: 174px;
}
.searchResultsGrid .description, .specialOfferGrid .description, .relatedProductsGrid .description
{
	display:none;
}

.searchResultsGrid .price-save, .relatedProductsGrid .price-save, .specialOfferGrid  .price-save
{
	position:absolute;
	top:-100em;
}

.slika {
	height: 130px;
}
.searchResultsList
{
	margin: 8px 0px 0px 0px;
	position:relative;
	float:left;
}

.searchResultsList .proizvod {
	width: 600px;
	height: 130px;
	background-repeat: no-repeat;
	background-position: 10px 5px;
	position: relative;
	float: left;
	padding: 5px;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
}
.searchResultsList .photo-name{
	position: absolute;
	width: 200px;
	z-index: 101;
	left: 170px;
	top: 5px;
}
.searchResultsList .description
{
	width:300px;
}

.thumbs-links{
	width: 130px;
	float: left;
	position: relative;
	padding-top: 5px;
}

.photo{
	width: 130px;
	height: 130px;
	z-index: 101;
	left: 15px;
	top: 7px;
	border: dashed 1px silver;
}

.photo-name
{
	position:absolute;
	width: 130px;
	z-index: 101;
	left: 8px;
	top: 145px;
}

.photo-price{
	position: absolute;
	z-index: 101;
	left: 0px;
	top: 124px;
	width:140px;
}
.photo-label{
	position: absolute;
	z-index: 101;
	left: 0px;
	top: 0px;
	width:140px;
}
.photo-label .photo-label-action { float: right; background-color: #283452; }
.photo-label .photo-label-special-offer { float: left; background-color: #D22A2B; }
.photo-label span {
	color:#FFFFFF;
	display:block;
	margin-top:2px;
	padding-left:5px;
	padding-right:5px;
}

.photo-small, .photo-small-fix{
	margin-top: -50px;
	margin-left: -50px;
	width: 100px;
	height: 100px;
}

.photo-small-fix{margin-top: -35px;height: 75px;}

.photo-big{
	width: 230px;
	height: 230px;
	position: relative;
	left: 10px;
}

.photo-mark{
	position: absolute;
	width: 100px;
	height: 100px;
	visibility: visible;
	z-index: 201;
	bottom: 10px;
	right: 10px;
}

.thumbs-border, .thumbs-small{
	width: 150px;
	position: relative;
	height: 150px;
}

.thumbs-small{
	width: 132px;
	height: 115px;
	float: left;
	background-image: url(../../images/djak/thumbs-120px.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 12px;
}

.thumbs-text{
	color: #999999;
	text-align: left;
	float: left;
	width: 172px;
}


#nav-page{
	width: 800px;
	padding-bottom: 10px;
	font-size: 11px;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 15px;
	position: relative;
	float: right;
}

/***************************************************
				      FORMS
***************************************************/

form{
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
	padding: 0px;
	color: #666666;
}

label, .label{
	width:80px;
	float:left;
	line-height: 30px;
	font-weight: bold;
}

.order-form-row { padding-left: 10px; }
.order-form-row span { float: left; width: 80px; }
.order-form-row span.value {  width: 500px; font-weight: bold; }
.order-total { width: 240px; float: right; }
.order-total  span {width: 125px; }
.order-total  span.value {width: 100px; text-align: right; }


.label_error
{
	COLOR: #f60;
}
.error_container { COLOR: #f60; text-align: center; margin: 5px 0px 10px; font-weight: bold; }
tr.error { COLOR: #f60;  }

.label{
	width:55px;
	line-height: 20px;
	font-weight: bold;
}
.label2{
	width:113px;
	padding-left: 3px;
}
.label3{
	width:180px;
	padding-left: 3px;
}
.product_row label { font-weight: normal; line-height: 20px; width: 96px; }
.product_row label.value { font-weight: bold; width: 180px; }
.product_row a { float: left; font-weight:bold; line-height:20px; }
.product_row a label { float: none; }

select{
	color:#666666;
	font-size:11px;
	width:40px;
	border: 1px solid #CCCCCC;
	float:left;
}

.textbox, .textbox3, textarea{
	border:1px solid #E1E1E1;
	font-size:11px;
	width:115px;
	line-height:18px;
	background-color: #FFFFFF;
	height: 18px;
	color: #666666;
	padding-right: 2px;
	padding-left: 2px;
	margin-left: 5px;
	margin-top: 4px;
	margin-bottom: 2px;
	margin-right: 5px;
	font-family: Arial, Helvetica, sans-serif;
}

textarea{
	width:530px;
	line-height:12px;
	height: 50px;
	padding-right: 2px;
	padding-left: 2px;
	margin-left: 5px;
	margin-top: 4px;
	margin-bottom: 2px;
	margin-right: 5px;
}

.textbox{margin-left: 0px;}
.textboxpager
{
	border:1px solid #E1E1E1;
	font-size:11px;
	width:115px;
	line-height:18px;
	background-color: #FFFFFF;
	height: 18px;
	color: #666666;
	padding-right: 2px;
	padding-left: 2px;
	margin-left: 5px;
	margin-top: 4px;
	margin-bottom: 2px;
	margin-right: 0px;
	font-family: Arial, Helvetica, sans-serif;
	}

.textbox-empty{
	width:145px;
	float: left;
	height: 30px;
	position: relative;
	font-size: 12px;
	color: #FF9900;
}

.holder-form, .holder-form3
{
	position: relative;
	padding-right: 20px;
	padding-left: 20px;
	clear: both;
}
.holder-form3{
	padding: 0px;
}

.holder-form3 input { float: left; }

.holder-form2, .addAddress-form{
	position: relative;
}

.sub-login{
	color: #FFFFFF;
	background-image: url(../../images/djak/dugme-forma.png);
	background-repeat: no-repeat;
	height: 54px;
	width: 54px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 10px;
	top: 3px;
	position: relative;
	cursor: pointer;
	background-color: #FFFFFF;
}
.djak_button{
	color: #FFFFFF;
	background-image: url(../../images/djak/djak_button.png);
	background-repeat: no-repeat;
	height: 26px;
	width: 84px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 10px;
	top: 3px;
	position: relative;
	cursor: pointer;
	background-color: #FFFFFF;
}

.button-small{
	color: #FFFFFF;
	background-image: url(../../images/djak/comment-small-gray.png);
	background-repeat: no-repeat;
	height: 26px;
	width: 150px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 10px;
	top: 3px;
	position: relative;
	cursor: pointer;
	background-color: #FFFFFF;
}

.add-cart, .add-comment{
	color: #ffffff;
	background-image: url(../../images/djak/cart-add.png);
	background-repeat: no-repeat;
	height: 38px;
	width: 150px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 11px;
	font-weight:bold;
	position: relative;
	cursor: pointer;
	background-color: #FFFFFF;
	right: 0px;
}

.add-comment{background-image: url(../../images/djak/comment-select.png);}

.error-form, .error-form-more{
	position: absolute;
	line-height: 26px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #DF3100;
	left: 250px;
	font-weight: normal;
}

#form-login{
	width:185px;
	position: relative;
	left: 10px;
	z-index: 200;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #535353;
	font-weight: normal;
}

.text-login{
	margin-top:10px;
	bottom: 17px;
	left: 12px;
	color: #CCCCCC;
	font-size: 11px;
}

/***************************************************
			HEADING TEXT ELEMENTS
***************************************************/

h1, h2, h3, h4, h5, h6, .h2, .text, .text-mini, .text-box, .thumbs-text, .news-text, .news, .name, .date, .price, .photo-name, .price-new, .price-old{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 11px;
}

h1, h3{
	font-size: 13px;
	color: #FF9900;
	display: block;
	background-repeat: repeat-x;
	background-image: url(../../images/djak/line.gif);
	background-position: left bottom;
	margin-bottom: 10px;
	padding-bottom: 3px;
	font-weight: bold;
	padding-top: 1px;
}

h2{
	padding-top: 10px;
	margin-bottom: 5px;	
}


h3{font-size: 12px;}

h4 {
	font-size: 15px;
	color: #AB4E29;
	display: block;
	text-align: left;
	padding: 0px 0px 5px 10px;
}

h5 {
	color: #666666;
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
}

h6{
	font-size: 12px;
	padding-top: 3px;
}

.h2{
	font-size: 12px;
	color: #FF7300;
	margin-bottom: 15px;
	padding-bottom: 3px;
}

.text, .text-mini, .text-box, .thumbs-text, .news-text, .news, .name{
	color: #666666;
	padding-top: 5px;
}

.text-box{
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 0px;
}

.name{font-size: 12px;}

.news-link{

}

.date{
	color: #999999;
	display: block;
	padding-top: 3px;
	padding-bottom: 2px;
}

.news-text{line-height: 14px;color: #AB4E29;}
.news-text:hover{color: #C7BC32;}

.comments{
	background-image: none;
}

.comments ul{list-style: none;margin: 0px;padding: 10px 0px 10px 0px;}
.comments li{
	background-image: url(../../images/djak/line.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	padding-left: 0px;
	padding-bottom: 5px;
	color: #666666;
	margin-bottom: 15px;
	}
	
.price, .price-old{
	color: #FFFFFF;
	background-color: #666666;
	/* width: 60px; */
	display: block;
	padding-right: 5px;
	padding-left: 5px;
}	

.price-old{
	float:left;
	text-decoration: line-through;
	margin-top: 2px;
}	


.price-new{
	float:right;
	color: #FFFFFF;
	background-color: #FF6600;
	/* width: 60px; */
	display: block;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 2px;
}	
	

/***************************************************
			        FOOTER
***************************************************/

.footer {
	width:910px;
	height: 60px;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	position: relative;
	background-position:center bottom;
	background-repeat:no-repeat;	
	background-image: url(../../images/djak/footer.png);
	margin-bottom: 10px;
}
.footer-background 
{
	background-repeat: no-repeat;
	background-position: center top;	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='../../images/djak/footer.png');
}

#FooterOne{
	text-align: left;
	position: absolute;
	left: 120px;
	top: 30px;
	color: #999999;
	font-size: 10px;
}

#FooterTwo{
	text-align: right;
	position: absolute;
	top: 30px;
	right: 20px;
}
				
				
a.krojac {color: #FFFFFF;font-weight: bold;text-decoration: none;}
a.krojac:hover {text-decoration: underline;}											

/***************************************************
				       MENU
***************************************************/

#top-menu{
	width: 910px;
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #E6D6B5;
	height: 30px;
	padding-top: 14px;
}

#top-menu ul{
	list-style: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: right;
}

#top-menu li{
	float: left;
	text-align: center;
}

#top-menu li a{
	line-height: 28px;
	color: #333333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	height: 28px;
	background-image: url(../../images/djak/dugme-meni.png);
	background-repeat: no-repeat;
	display: block;
	width: 82px;
}

#top-menu li a:hover{
	color: #FFFFFF;
	background-image: url(../../images/djak/dugme-meniUP.png);
	background-repeat: no-repeat;
}


#category-menu{
	position: relative;
	width: 170px;
	margin-left: 10px;
}

#category-menu ul, #category-menu ul li ul, #bottom-menu ul{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#category-menu ul li{
	width: 170px;
	line-height: 20px;
	margin-top: 5px;
	float: left;
}

#category-menu ul li ul li{
	padding-left: 5px;
	line-height: 16px;
	margin-top: 0px;
}

#category-menu ul li a, #category-menu ul li ul li a{
	color: #666666;
	text-decoration: none;
	display: block;
	background-image: url(../../images/djak/menu-category.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-bottom: 1px;
	font-weight: bold;
}

#category-menu ul li ul li a{
	color: #D78100;
	background-image: url(../../images/djak/line.gif);
	font-size: 11px;
	padding: 0px;
	background-repeat: repeat-x;
	background-position: left bottom;
	font-weight: normal;
}

#category-menu ul li a:hover, #category-menu ul li ul li a:hover{color: #666666;}

/***************************************************/	

#nav-menu{
	float: right;
	width: 880px;
	position: relative;
	padding-top: 174px;
	padding-right: 18px;
	background-image: url(../../images/djak/baner/home.jpg);
	background-repeat: no-repeat;
	background-position: 8px 4px;
}

#nav-menu ul{
	list-style: none;
	float: right;
	margin: 0px;
	padding: 0px;
}

#nav-menu li{
	float: left;
	text-align: center;
}

#nav-menu li a{
	line-height: 34px;
	display: block;
	color: #645333;
	text-decoration: none;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-image: url(../../images/djak/button.png);
	background-repeat: no-repeat;
	width: 100px;
	height: 34px;
	padding-top: 2px;
}

#nav-menu li a:hover{background-image: url(../../images/djak/buttonON.png);}

body#muske a#muske_link, body#korpa a#korpa_link, body#home a#home_link{
	background-image: url(../../images/djak/dugme-meniUP.png);
	color: #FFFFFF;
}
 
.checkbox
{
	position:relative;
	top:5px;	
	float:left;
}

#sizeDimensionSwatchContent {
margin-top:10px;
}
#sizeDimension1SwatchContent {
float:left;
margin:0px;
padding:0px;
}
.cssHide {
position:absolute;
top:-100em;
}

.swatch{float:left; text-align:center;vertical-align:middle;line-height:19px;color:#ff9900;cursor:pointer;font-weight:bold;position:relative;}
.swatch .normal{width: 30px; height: 20px; border:1px solid #ff9900;margin:2px;background-color:#ffffff;}
.swatch .hover{width: 30px; height: 20px; border:2px solid #ff9900;margin:1px;background-color:#f0f0f0;}
.swatch .selected{width: 30px; height: 20px; border:2px solid #ff9900;background-color:#f0f0f0;margin:1px;}
.swatch .soldOut{width: 30px; height: 20px; border:1px dotted #ccc;margin:2px;background-color:#fff;color:#999;	cursor: default;}
.swatch .selectedSoldOut{width: 30px; height: 20px; border:2px dotted #ccc;background-color:#fff;color:#999;margin:1px;}

/* MyAccount */
.form-myaccount
{
	position:relative;
}
.form-cart
{
	position:relative;
}
.myAccountRow
{
	border:solid 0px red;
	position: relative;
	padding-right: 20px;
	padding-left: 20px;
}
.holder-myaccount h1 {display:block;}
.addAddress-form
{
	background-color:white; 
	padding-bottom:20px;
}
.addAddress-form label{
	width:120px;
	}
.required 	
{
	text-decoration:underline; 
}
.addresses
{
	margin-top: 8px;
	margin-bottom:0px;
	padding:0px;
}
.address{
	width: 150px;
	height: 174px;
	background-image: url(../../images/djak/podloga-thumbs.png);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	float: left;
	padding: 5px;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
}
.select_address{
	padding: 0px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border:dashed 1px silver;
}
.select_address_selected{
	padding: 0px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border:solid 2px orange;
}
.addresses h1 {margin: 5px 5px 15px 5px;}

.address-radio
{
	position:relative;
	float:left;
}
.address-radio label
{
	width: 20px;
	margin: 0px 5px 0px 10px;
	font-weight:normal;
}
.address-radio input
{
	margin: 10px 0px 0px 0px;
}
.address-form-row
{
	position: relative;
	height: 15px;
	padding-left: 10px;
}
.address-radio-row
{
	position: relative;
	height: 30px;
}
.address-button-row
{
	position: relative;
}
.address-button-row input
{
	position: relative;
}

/* Cart */
.cartButtonRow
{
	text-align:right;
	padding-right:10px; 
	padding-bottom:10px; 
	padding-top:10px; 
	border:solid 0px red;
}
.cartShoppingCart
{
	border:solid 0px blue;
	width:100%;	
	PADDING-BOTTOM: 0px;	
	PADDING-TOP: 0px;	
	MARGIN: 0px;	
	border-collapse: collapse;
}
.cartRow
{
	background-image: url(../../images/djak/line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	height:70px;
}
.cartLeft
{
	float:left;
	border:solid 0px red;
}
.cartRight
{
	float:right;
}
.cartRowCommands{}
.cartHeader
{
	color:#ffffff;
	background-color:#ff9900; 
}
.cartRowQuantity, .cartRowTotal
{text-align:right;line-height:20px; } 
.cartRowQuantity SELECT {FLOAT: right;text-align:left;}
.cartHeaderRowTotal{text-align:center;} 
.cartHeaderRowDetails{text-align:left;} 
.cartRowCommands{width:70px;}


.breadcrumbs ul, .breadcrumbs li
{
	display:inline;
	padding:0;
	margin:0;	
}
.breadcrumbs li a
{
	font-weight: bold; 	
}
.pager
{
	/* background-color:#ff9900; */
	background-repeat: repeat-x;
	background-image: url(../../images/djak/line.gif);
	background-position: left bottom;
	/* background-color:yellow; */
	height:30px;
	position:relative;
	margin: 0px 15px 0px 10px;
	padding: 0; 
}
.pagerLeft
{
	position:relative;
	margin: 8px 10px 0px 0px;
	padding: 0px; 
	float:left;
	border: solid 0px red;
}
.pagerRight
{
	position:relative;
	margin: 0px;
	padding: 0px; 
	float:right;
	border: solid 0px red;
	width:400px;
}
.pagerPage
{
	float:right;
	margin-left: 15px;
}
.PrevNextRow
{
	position:relative;
	float:left;
}
.pagerSort
{
	position:relative;
	float:right;
	width: 200px;
	border: solid 0px red;
	display:inline; 
	text-align: right; 
}
.pagerPrevious, .pagerPages, .pagerNext
{
	margin: 8px 0px 0px 0px;
	position:relative;
	float:left;
}
.pagerPages span
{
	margin: 0px 3px 0px 3px;
	font-weight: bold;
	font-size: 11px;
}
.pagerPages a
{
	margin: 0px 3px 0px 3px;
}
.ul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666666;
	margin:0px;
	padding:5px 0px 10px 30px;
}

ul.ul li{padding:0px;margin:0px;line-height:14px;}


h5{
	padding-left:10px;
	font-size:11px;
	font-weight:bold;
}

.holder-text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666666;
	padding:5px 10px 5px 10px;
}

.holder-images{
	float:left;
	padding:10px 0px 10px 45px;
	width:600px;
	clear:left;
}

.holder-images img { margin: 10px; }

#aboutus-left{
	float:left;
	width:250px;
	padding-left:10px;
}

#aboutus-right{
	float:right;
	width:350px;
	padding-top:0px;
}
#aboutus-right strong
{
	margin-right: 10px;
}


/* inlineBag */
#inlineBagPlaceHolder
{
	width:200px;
	height:28px; 
	border: solid 0px blue;
	margin:0;
	padding:0;
}
/* inlineBagHeader BEGIN */
#inlineBagHeader
{
	position:relative;
	border: solid 0px blue;
	margin:0px;
	padding:0px;
	width:200px;
	height:28px;
	background-image: url(../../images/djak/cart.png);
	background-repeat: no-repeat;
	background-position: 6px center;
}
.checkoutButtonContainer
{
	float:left;
	height:28px;
	line-height:28px;
	width:25px;
}
.inlineBagTopLayerContainer
{
	float:left;
	height:28px;
	line-height:28px;
	width:95px;
}
.inlineBagTopPriceLayer 
{
	PADDING: 0px;	
	MARGIN: 0px;	
	LINE-HEIGHT: 28px;	
	HEIGHT: 28px
}
#checkoutButtonContainer2
{
	margin:0px;
	padding:3px 7px 0px 0px;
	float:right;
}
/* inlineBagHeader END */

/* inlineBagHeaderOpen BEGIN */
#inlineBagHeaderOpen
{
	border: solid 0px red;
	margin:0px;
	padding:0px;
	width:200px;
	height:32px;
	/* background-image: url('../../images/djak/djak_cart_bg_top.png'); */
	background-image: url('../../images/djak/shop-div3.png');
	background-repeat: no-repeat;
	background-position: left center;
	display:block;
	z-index: 401;
}

#closeButtonContainer 
{
	padding:4px 7px 0px 0px;
	float: right;	
	margin: 0px;	
}

#searchViews
{
	FLOAT: right;	
	WIDTH: 150px;	
	TEXT-ALIGN: right; 
	margin:0px; 
	padding:0px; 
}
#searchViews img {
FLOAT: right;	
margin:5pt 5pt 15px 5px;
vertical-align:text-top;
}

/* inlineBagHeaderOpen END */
     #inlineBagClip 
     {
		Z-INDEX: 51;	
		VISIBILITY: visible;	
		OVERFLOW: hidden;	
		CLIP: rect(0px 200px 173px 0px);	
		POSITION: absolute;	
		LEFT: -999px;	
		TOP: 0px;
		POSITION: absolute;
		HEIGHT: 173px;
	} 

     #inlineBagContent 
     {
		position: relative;	
		left: 0px;	
		top: 0px; 
		padding: 0px;
		background-color: white;
		background-image: url('../../images/djak/shop-div2.png');
		background-repeat: repeat-y;
		background-position: left center;
	} 
     
     #inlineBagBottom 
     {
		WIDTH: 200px;	
		HEIGHT: 28px;	
		BACKGROUND-REPEAT: no-repeat;	
		background-position: 0px bottom;
	} 
     #inlineBagBottomBorder 
     {
		background-image: url('../../images/djak/djak_cart_tab copy.png');
		BACKGROUND-REPEAT: no-repeat;	
		background-position: 0px 0px;
		WIDTH: 197px;	
		HEIGHT: 0px
	} 
     A:link {	COLOR: #f60;	TEXT-DECORATION: underline} 
     #inlineBagClip A:link {	COLOR: #666} 
     A:link {	TEXT-DECORATION: none} 
     IMG {	BORDER-TOP-WIDTH: 0px;	PADDING-RIGHT: 0px;	PADDING-LEFT: 0px;	BORDER-LEFT-WIDTH: 0px;	BORDER-BOTTOM-WIDTH: 0px;	PADDING-BOTTOM: 0px;	MARGIN: 0px;	PADDING-TOP: 0px;	BORDER-RIGHT-WIDTH: 0px} 
     IMG {	DISPLAY: block} 
     .button_checkout {	WIDTH: 72px;	HEIGHT: 21px} 
      #link1 
      {
		PADDING-RIGHT: 0px;	
		PADDING-LEFT: 0px;	
		FONT-WEIGHT: bold;	
		FLOAT: left;	
		PADDING-BOTTOM: 0px;	
		MARGIN: 5px 0px 0px 12px;	
		PADDING-TOP: 0px
	} 
     #link2 
     {
		CLEAR: right;	
		PADDING: 0px;	
		FLOAT: right;	
		MARGIN: 0px 10px 0px 0px;	
	} 
     #inlineShoppingBagDataLayer 
     {
		PADDING: 0px;	
		FONT-SIZE: 9px;	
		MARGIN: 0px;	
		/* WIDTH: 200px; */
		WIDTH: 198px;
		COLOR: #666;	
	} 
     #inlineShoppingBagDataLayer {	CLEAR: both} 
     #inlineShoppingBagDataLayer #inlineBagSummary 
     {	PADDING-RIGHT: 4px;	PADDING-LEFT: 6px;	PADDING-BOTTOM: 0px;	MARGIN: 0px;	
		LINE-HEIGHT: 23px;	PADDING-TOP: 0px;	
		HEIGHT: 23px} 
    #inlineBagSummary #subTotal {	FLOAT: right;	WIDTH: 100px;	TEXT-ALIGN: right} 
    .price {	COLOR: #666} 
    
	#inlineShoppingBagDataLayer .price { COLOR: #666} 
	#inlineShoppingBagDataLayer .subPriceLabel { FONT-WEIGHT: bold} 

    #inlineBagSummary #CartCount {	FLOAT: left;	WIDTH: 85px;	TEXT-ALIGN: left} 
	UL {	PADDING-RIGHT: 0px;	PADDING-LEFT: 0px;	PADDING-BOTTOM: 0px;	MARGIN: 0px;	PADDING-TOP: 0px;	LIST-STYLE-TYPE: none} 

	#inlineShoppingBagDataLayer UL.lineItems {	PADDING-RIGHT: 4px;	PADDING-LEFT: 4px;	PADDING-BOTTOM: 0px;	PADDING-TOP: 8px;} 
	#inlineShoppingBagDataLayer LI {	BACKGROUND-COLOR: #fff} 
	#inlineShoppingBagDataLayer LI.item 
    {
		PADDING-RIGHT: 0px;	
		PADDING-LEFT: 5px;	
		PADDING-BOTTOM: 19px;	
		PADDING-TOP: 5px;
		border: solid 1px orange;
		height:55px;
		margin-left:5px;
		margin-right:5px;
	} 
     #inlineShoppingBagDataLayer .infoContent 
    {
		PADDING-RIGHT: 0px;	
		PADDING-LEFT: 0px;	
		FLOAT: left;	
		PADDING-BOTTOM: 0px;	
		MARGIN-LEFT: 5px;	
		WIDTH: 100px;	
		PADDING-TOP: 0px;
		border: solid 0px red;
		} 
     #inlineShoppingBagDataLayer #price {	CLEAR: right;	DISPLAY: block;	FLOAT: right;	WIDTH: 60px;	TEXT-ALIGN: right} 
    .salePrice { COLOR: #f30} 
    .reg-price-strike {	FONT-SIZE: 10px;	COLOR: #999;	TEXT-DECORATION: none} 
    .reg-price-strike {	BACKGROUND-POSITION: 0% 4px;	BACKGROUND-IMAGE: url(/assets/common/strike.gif);	BACKGROUND-REPEAT: repeat-x;	TEXT-DECORATION: none} 
    
     #inlineShoppingBagDataLayer .quantity { DISPLAY: block;	FLOAT: left;	WIDTH: 54px} 
     #inlineShoppingBagDataLayer .productDetail { FONT-WEIGHT: bold } 
     #inlineShoppingBagDataLayer .imageContent 
    {
		PADDING: 0px;	
		FLOAT: left;	
		MARGIN: 0px;	
		width: 66px;	
		height: 66px;	
	} 
     #inlineShoppingBagDataLayer .imageContent IMG 
     {
		BORDER-RIGHT: #ebebeb 1px solid;	
		BORDER-TOP: #ebebeb 1px solid;	
		BORDER-LEFT: #ebebeb 1px solid;	
		BORDER-BOTTOM: #ebebeb 1px solid
	} 
/* inlineBag END */

.RadioList
{
	margin-left:10px;
	padding:0px;
}
.RadioList tr
{
	height: 30px;	
	vertical-align:middle; 
}
.RadioList input
{
	float: left;	
	position:relative;
	top:6px;
}
.RadioList label 
{
	padding-left:5px;
	float: left;	
	width:240px;
}
.RadioList .paymenttype1
{
	display:block;
	height:100px;
	background-image: url(../../images/djak/pouzece.jpg);
	background-repeat:no-repeat; 
	background-position: 20px 30px;
}
.RadioList .paymenttype2
{
	display:block;
	height:100px;
	background-image: url(../../images/djak/uplatnica.jpg);
	background-repeat:no-repeat; 
	background-position: 20px 30px;
}
.RadioList .paymenttype3
{
	display:block;
	height:110px;
	background-image: url(../../images/djak/diners.jpg);
	background-repeat:no-repeat; 
	background-position: 20px 30px;
}

.progressVisited, .progressActive, .progressVisitedSpecial, .progressNotVisited 
{
	margin-left:3px; 
	margin-right:3px; 
	padding-top:5px;
	padding-bottom:5px;
	position:relative;
}
.progressVisited, .progressNotVisited {	border-bottom: #999 1px dashed; }
.progressVisitedSpecial { border-width:0px; }
.progressActive { border: #FF9900 2px SOLID; }	

.progressActive { color: #333333; }	
.progressVisited, .progressVisitedSpecial {	color: #666666; }
.progressNotVisited { color: #A0A0A0; }

.progressStep
{
	font-weight: bold; 
	font-size: 24px; 
	width: 20px; 
	font-family: tahoma; 
	text-decoration:none; 
	margin:0px;
	padding:0px;
	position:absolute;
	left:5px;
 	top:10px;
 	display:inline;
}
.progressActive .progressStep{ color: #FF9900; }	

.progressInner 
{
	position:relative;
	margin-left:30px;
	margin-right:0px;
	
	margin-bottom:5px;
	margin-top:5px;
	
	background-color:white; 
}
.progressIzmeni 
{
	padding-top: 5px;
}

.daljeBar
{
	margin: 10px 0px;
}
.daljeBarButton 
{
	float:right;
}

.holder_order_review
{
	display:block;
	position: relative;
	padding: 0px;
	margin:10px;
}
.order_review_status, .order_review_shippingaddress, .order_review_billingaddress
{
	display:block;
	padding: 0px;
	margin-top:10px;
}
.order_review_shippingaddress
{
	display:block;
	float:left;
	width: 250px;
}
.order_review_billingaddress
{
	display:block;
	float:right;
	width: 250px;
}

.uplatnica
{
	margin:10px;
	padding:10px;
	height:300px;
	width:600px;
	border:solid 1px black;
	background-color:white; 
	position:relative;
	color:Black;
}
.uplatnica_levo
{
	background-color:white; 
	position:relative;
	float:left;
	width:250px;
	margin-top:15px;
}
.uplatnica_centar
{
	background-color:black; 
	position:relative;
	float:left;
	width:1px;
	height:180px;
	margin-top:35px;	
	margin-left:15px;	
}
.uplatnica_desno
{
	background-color:white; 
	position:relative;
	float:right;
	height:250px;
	width:300px;
}
	
.uplatilac, .primalac, .svrhauplate
{
	position:relative;
	border:solid 1px black;
	height:45px;
	margin-top:20px;
	padding-left:5px;
}	
.pecat_i_potpis
{
	position:relative;
	border-bottom:solid 1px black;
	height:10px;
	width:140px;
	margin-top:10px;
}	
.mesto_i_datum
{
	position:relative;
	border-bottom:solid 1px black;
	height:10px;
	width:140px;
	margin-top:25px;
	margin-left:100px;
	float:right;
}	
.uplatnica label
{
	position:absolute;
	top:-25px;
	left: 0px;
	border:0px;
}	
.pecat_i_potpis label
{
	position:absolute;
	top:5px;
	width:150px;
}	
.mesto_i_datum label
{
	position:absolute;
	top:5px;
	width:150px;
}	

.sifra_placanja, .valuta, .iznos, .racun_primaoca, .broj_modela, .poziv_na_broj
{
	position:relative;
	float:left;
	border:solid 2px black;
	height:20px;
	margin-top:20px;
	padding-left:5px;
	line-height:20px;
}	

.nalog{float:right;font-size:18px; }

.sifra_placanja{width:40px;}
.sifra_placanja label{	width:40px;	line-height:10px;}

.valuta{width:40px; margin-left:10px;}
.iznos{width:140px; margin-left:20px; float:right;}

.racun_primaoca{width:230px; margin-top:30px;float:right;}
.racun_primaoca label{	width:140px;}

.broj_modela{width:40px;}
.broj_modela label{	width:40px;	line-height:10px;}

.poziv_na_broj{width:230px; float:right;}
.poziv_na_broj label{	width:140px;}

.datum_valute
{
	position: relative;
	border-bottom:solid 1px black;
	height:10px;
	width:140px;
	margin-top:98px;
}	
.datum_valute label
{
	position:absolute;
	top:5px;
	width:150px;
}	

.paragraph { margin-left:10px; margin-right:10px;}

#logobanner
{
	height: 220px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='../../images/djak/slike-brand1.png');
}
#logobanner[class]
{
	background-image: url(../../images/djak/slike-brand1.png);
}

#brandbanner
{
	height: 135px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='../../images/djak/slike-brand.png');
}
#brandbanner a
{
	cursor:pointer;
	position:relative;
}
#brandbanner[class]
{
	background-image: url(../../images/djak/slike-brand.png);
	background-repeat: no-repeat;
}

/* surveyResultModule begin */
.surveyResultModule .survey
{
	position:relative;
	padding:5px;
}
.surveyResultModule .answer
{
	position:relative;
	padding:5px;
}
.surveyResultModule .question
{
	position:relative;
	padding:5px;
}
.surveyResultModule .answerText
{
	position:relative;
	float:left;
	width:100px;
}
.surveyResultModule .answerCount
{
	position:relative;
	float:left;
	width:300px;
	border:solid 1px orange; 
}
.surveyResultModule .answerCountNumeric
{
	position:absolute;
	left: 0px;
	top: 0px;
	margin-left: 10px;
}
/* surveyResultModule end */

/* surveyModule begin */
.surveyModule .RadioList label 
{
	width: 140px !important;
	line-height: 10px;
	margin-top: 10px;
}
/* surveyModule begin */
.happyDay
{
	margin: 0px 0px 0px 0px;
	position:relative;
	text-align:center;
	height:203px;
}
.static p {font-size:12px;}

.product-detail ul { list-style-type: square; padding: 0px 0px 0px 10px; margin: 10px 0px }

.shippingText { margin: 10px 10px 20px }
table.priceList { border-collapse: collapse; }
table.priceList th { background-color:#FF9900; color:#FFFFFF; }
table.priceList th, table.priceList td { padding: 2px 10px; border: solid 1px #FF6900; }

.print_button_row { margin: 10px 0px; }
.print_button_row input.djak_button { margin: 0px auto; display: block; }