﻿/* CSS Document */

#siteTitle {
	color:#FFFFBE;
	right:355px;
	text-align:right;
	top:-150px;
	width:350px;
	z-index:100;
}

#head {
	background:transparent url('../images/content_zastava_head.jpg') no-repeat scroll top right;
	width:885px;
	height:335px;
	position:absolute;
	right:0px;
	top:0;
	z-index:10;
}


.contentFoot {
	background:transparent url('../images/content_zastava_foot.png') no-repeat scroll top right;
	width:805px;
	height:107px;
}
.contentFoot div {
	position:relative;
	z-index:100;
	margin-right:150px;
	margin-top:40px;
	color:#2A1907;
	font-size:0.85em;
	text-align:right;
}
.contentFoot div a{
	color:#2A1907;
}


#navigation{
	padding-right:3px;
	float:right;
}
.contentPage{
	padding-top:260px;
}


#content_holder {
	min-height:1865px;
	margin-top:335px;
	padding-right:15px;
	background:transparent url(../images/content_zastava_bg.png) repeat-y scroll right top;
}

#content_holder h2 {
	font-size:1.7em;
	position:relative;
	top:-162px;
}

#content {
	text-align:left;
	padding:10px 5px 0 20px;
	color:#FFF8EF;
	margin-top:-165px;
}
#content ul {
	margin-left:1.5em;
}
#content li {
	margin-left:0.8em;
}


/*   vsebina   */


/* news archive */
#newsArchiveFull dt{
	font-size:1.2em;
	font-weight:bold;
}
#newsArchiveFull li{
	margin-left:30px;
}
#newsArchiveFull li span{
	font-size:.7em;
}


/* news big */
#newsTitle {
	border-bottom:10px double #A5763F;
	font-size:1.25em;
	margin-left:-10px;
	padding:0 10px 5px 20px;
	width:724px;
	text-align:left;
}
#newsSummary {
	border-bottom:1px dashed #A5763F;
	font-size:1.1em;
	font-style:italic;
	margin-bottom:15px;
	padding:10px;
}
#newsSummary img {
	margin:.3em;
	float:right;
	border:2px solid #A5763F;
	padding:1px;
}
#newsContent img {
	margin:.3em;
	border:2px solid #A5763F;
	padding:1px;
}
#newsContent img.bodyImg {
	margin:.3em;
	border:2px solid #A5763F;
	padding:1px;
	float:left;
}
#newsSignature {
	font-size:.8em;
	text-align:right;
}
.nazaj-naprej{
	font-size:0.9em;
	margin-top:7px;
	position:absolute;
	text-align:right;
	width:744px;
}

/*  shop  */

.products_actual li{
	list-style:none;
}
.products_actual img{
	border:1px solid white;
	margin-right:1em;
}


/* content navigation */
.contentNavigation{
	border-bottom:2px dotted #4F371D;
	height:1.7em;
	margin-bottom:1em;
}
.contentNavigation li{
	float:right;
	list-style-type:none;
	margin-left:.4em;
	text-transform:lowercase;
}
.contentNavigation li a{
	color:white;
	text-decoration:none;
}


/*  Kategorije */
.shopTitle{

	font-size:1.5em;
	font-family:Verdana, Helvetica, sans-serif;
	letter-spacing:-.03em;
}
.shopTitle_opisDistributer{
	margin-bottom:.5em;
	padding-bottom:.2em;
	font-size:.9em;
	font-family:Verdana, Helvetica, sans-serif;
	border-bottom:2px dotted #4F371D;
	letter-spacing:-.03em;
}

/* level-0*/
.level-0 {
	list-style:none;
	text-align:left;
	font-size:1.2em;
	font-weight:bold;
	margin-left:5px !important;
}
.level-0 li{
	margin-left:0 !important;
	margin-top:.2em;
	clear:left;
}
.level-0 a {
	text-decoration:none;
}
.level-0 .opis{
	font-size:.8em;
	font-weight:normal;
	font-style:italic;
}
.level-0 img{
	border:0 !important;
	margin-right:10px;
	float:left;
}


.level-1 { text-align:left; }
.level-1 li{}


.level-2 {
	text-align:left;
	font-size:.7em;
}
.level-2 li{}




/* Seznam */
.seznamArtiklov{
	border-spacing:0px;
	width:440px;
	position:relative;
	z-index:100;
}
.seznamArtiklov th{
	font-size:1.2em;
	border-bottom:1px solid white;
	padding:7px;
}
.seznamArtiklov td{
	padding:4px;
	border-bottom:1px solid #4F2D0A;
	vertical-align:top;
}
.seznamArtiklov .product-image{
	max-height:120px;
	max-width:100px;
}
.seznamArtiklov .product-ver-list{
	font-size:.85em;
	line-height:1.2em;
}
.seznamArtiklov .cena{
	vertical-align:bottom;
	width: 50px;
}
.seznamArtiklov .cena strike{
	font-size:.8em;
	color:#888;
}
.seznamArtiklov .cena span{
	font-size:.8em;
}
.sort-option{
	padding:0 .2em;
	font-style:italic;
}
.sort-option img{
	vertical-align: middle; 
}
.sort-option a{
	text-decoration:underline;
}

#sorter-bar {
	background-color:#4B2B09; 
	width:440px; 
	font-size:.9em; 
	-moz-border-radius:5px 5px 0 0; 
	border-radius:5px 5px 0 0; 
	padding:3px 5px;
}
.sorter-title {
	font-weight:normal; 
	padding-right:2em;
}



#sorter-bar a.selected{
	font-weight:bold;
	color: #F5D953;
}

#sorter-bar .icon{
	visibility:hidden;
}
#sorter-bar .icon.selected{
	visibility:visible;
}




.pages {
	margin: 0 !important;
}
.pages li {
	float:left;
	list-style:none;
	margin: 2px !important;
	background-color:#A5763F;
	-moz-border-radius:3px;
	border-radius:3px;	
}
.pages li.selected {
	background-color:#FFB225;
	-moz-box-shadow:0 0 3px white;
	-webkit-box-shadow:0 0 3px white;
}
.pages li.selected a{
	color:black;
}
.pages a {
	padding:3px 6px;
}

.distributer-logo {
	/*height: 24px*/
}

.search-input { width:58% !important; }

/* mini shop kazalo */
.shopKazalo{
	float:right;
	font-size:0.9em;
	margin:-8px 3px .5em .7em;
	width:300px;
	padding:2px 4px 2px .3em;
	border-left:2px dotted #4F371D;
	list-style:none;
}

.shopKazalo li{
	margin-right:0;
	text-align:right;
	font-weight:bold;
}
.shopKazalo span{
	font-size:16px;
}
.shopKazalo a:hover, .shopKazalo a:visited, .shopKazalo a{
	text-decoration:none;
	color:inherit;
}
.levelSimple-0{ color: white; }
.levelSimple-1{ color: #CFB08E; }
.levelSimple-2{ color: #9F784F; }
.levelSimple-3{ color: #7F582F; }
.levelSimple-4{ color: #2F1800; }
.last { color: white; }

/* artikel */
.artikel {
	position:relative;
}
.shop-opis{
	text-align:justify;
}

.sifraArtika{
	color:#7F582F;
	font-size:10px;
}
.proizvajalec{
	margin-top:1em;
	padding-top:.5em;
	border-top:2px dotted #4F371D;
	color:white;
}
.shopSlike{
	margin: 5px 0;
	position:relative;
	z-index:100;
	width:440px;
}
.shopSlike img{
	border:1px solid #A57640;
	padding:2px;
	max-width:120px;
	max-height:80px;
	
}

.price-table {
	-moz-border-radius:7px;
	border:1px solid #A57640;
	margin:0 0 1em;
	padding:0.2em;
	width:440px;
}
.price-table tr{
	vertical-align:top;
}
.price-table label{ cursor:pointer; }
.price-table .links{ 
	width:170px; 
	vertical-align:bottom; 
	text-align:right;
}


.shop-cena{
	padding:.5em;
	font-style:italic;
	font-size:0.9em;
}

.shop-cena div{ clear:both; } 
.shop-cena span{ 
	text-align:right;
	font-size:1.3em;
	margin:.3em 0;
	font-style:normal;
}
.shop-cena .redna span{
	color:#888;
	font-size:1em;
	text-decoration:line-through;
	margin-right:10px;
}
.shop-cena .mmasitemp span{
	font-size:1em;
	margin-right:10px;
}


.shop-cena .mmasi span{
	font-family:Verdana,Helvetica,sans-serif;
	font-size:2em;
	font-weight:bold;
	margin-right:10px;
}
a.remove { cursor: pointer; }

.product-version.hidden { display:none; }
.product-version.off-stock,
.product-version.off-stock1 {
	text-decoration: line-through;
	color: #888888;
	font-style: italic;
}
.product-version.off-stock1 { 
	text-decoration: none; 
	font-size:.85em;
}
.pre-order{
	color: #888888;
	font-style: italic;
}

/* košarica */
#miniCart{
	position:relative;
	min-height:150px;
	border-spacing:1px;
	-moz-border-radius:5px;
	margin:0px auto 5px auto;
	z-index:1;
	background: #4B2B09;
	background-image:url(/images/drop_here.png);
	background-repeat:no-repeat;
	background-position: center;
	padding:2px 2px 25px 2px;
}
#miniCart.hover{ background-color:#63390C; }

#miniCart .at-mini { display:none; }
#miniCart .qty { width:35px; }
#narociloForm .at-order { display:none; }


#miniCart table { 
	border: 0;
	padding: 0;
}
#miniCart  td{ 
	background: transparent !important; 
	text-align:left;
}
.addToCart { cursor: pointer; }

#miniCart .product{
	max-height:40px;
	max-width:60px;	
}
#miniCart .summary {
	margin-left:7px;
	font-size:12px;
}
#miniCart .to-order{
	position:absolute;
	bottom:3px;
	left:7px;
	font-size:12px;
}
#miniCart .to-order{
	left:auto;
	right:7px;
	bottom:0px;
}
#miniCart .kolicina{
	background:transparent;
	border:0;
	width:1.5em;
	color:white;
}

#kosarica {
	width:100%;
	border-spacing:1px;
	margin:0 0 1em 0;
	z-index:1;
	position: relative;
}
#kosarica img{
	vertical-align:top;
}
#kosarica th, #kosarica td{
	padding:4px;
}


#kosarica thead {
	background-color:#4F300F;
}
#kosarica thead th{
	border-bottom:1px solid #A4753E;
	text-align:center;
}

#kosarica tbody td{
	background:#2F1B06;
	text-align:center;
	font-size:.95em;
}



.vKosaricoLink{
	font-weight:bold;
	border-top:0 !important;
}
.vKosaricoLink.standalone {
	position:absolute;
	right:5px;
	margin-top:10px;
}
.vKosaricoLink a{
	background:transparent url('../images/dodaj_v_kosarico1.png') no-repeat scroll;
	display:block;
	height:31px;
	padding-top:5px;
	padding-left:12px;
	text-align:left;
	width:186px;
	font-size:16px;
	text-decoration:none;
}


.narociloInfo {
	border-bottom:10px solid #A97746;
	left:-15px;
	margin-bottom:10px;
	position:relative;
	text-align: left;
	width:100%;
	padding:5px 11px 0pt 17px;
}
.narociloInfo h3{ text-align: right; }
.narociloInfo fieldset{ 
	border:1px solid #A97746;
	-moz-border-radius:10px;
	padding: 8px;
}
.narociloInfo legend{ 
	font-weight: bold;
	cursor: pointer;
	margin-left:10px;
	font-size:1.1em;
}

.narociloInfo .conl {
	float: left;
	margin-right: 5px;
}
.narociloInfo .clearb { clear:both; }
.narociloInfo .sporoci { float:right; }
.narociloInfo .infldset { display:block; }
.logoutForum {
	position:absolute;
	top:10px;
}


#kosarica tfoot {
	background-color:#3F2408;
}
#kosarica tfoot td, #kosarica tfoot th{
	border-top:1px solid #A4753E;
	text-align:right;
}

.submit {
	text-align:right;
}
.submit button{
	margin-top:1em;
	margin-left:.5em;
}


.vKosarico {
	position:relative;
	background: transparent url('../images/dodaj_v_kosarico.png') no-repeat scroll;
	height:30px;
	text-align:center;
	margin:.6em 0 0 0;
	padding:5px 0 0 12px;
	width:170px;
}
.vKosarico a {
	font-weight:bold;
	font-size:16px;
	text-decoration:none;
	width:100%;
	display:block;
	text-align:left;
}
.vKosarico-link{
	font-size:.85em;
	font-style:italic;
	color:#FFE090;
}
.vKosarico-link img{
	vertical-align:text-bottom;
}


/*  NAROČILA */
.narociloTabela {
	border:0;
}
.narociloTabela td, .narociloTabela th{
	vertical-align:top;
	padding:1px;
}
.narociloTabela input[type='text'] {
	min-width:200px;
}
.narociloTabela input, .narociloTabela textarea{
	color:white;
	border:0;
	padding:3px;
	background-color:#624420;
	margin-bottom:2px;
}
.narociloTabela input:hover, .narociloTabela textarea:hover{
	border:1px solid #A4753E;
	padding:2px;
}
.narociloTabela input.disabled, .narociloTabela textarea.disabled{
	background-color:#5F5447;
	color:#CCCCCC;
	font-style:italic;
}
.narociloTabela textarea{
	width:100%;
}
.prevzem-opts{
	float:right;
	width:365px;
}
#error {
	font-weight:bold;
	color:red;
	font-size:1.3em;
	margin:1em 0pt 2em 1em;
}







/*
 
 Lightbox
 
 */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 2000;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url() no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #FF9834;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1999;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	

