﻿/************************************
	html redefiniranje
************************************/

body, html, div, p, span, table, address,
a, img, dl, dt, dd, fieldset, ul, li, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: inherit;	
}

.clear{clear:both}

html { padding-bottom: 10px; }

body {font: normal 62.5%  Arial, Verdana, sans-serif; color: #666; padding:0;}



h1, h2, h3, h4, h5 {font-family: Arial, Verdana, sans-serif; font-weight: normal; margin:0;}

h1 {display: none;}

h3 a, .data-container h2{font-size:13px; font-weight:bold; color:#666; text-decoration:none}
h3 a:hover{color:#8bbd4a; text-decoration:underline}
.data-container h2{font-size:16px; width:99%}

p{font-size:12px; line-height:1.4em;}

dt {font-weight: bold; margin-top: 10px; clear: left;}

table {width: 100%; border-collapse: collapse; margin: 10px 0;}

caption {display: none;}

th {white-space: nowrap; font-size:1.2em;}

td, th {border:solid 1px #eee; padding:5px; font-size:12px; vertical-align:top}

thead {background: transparent url(assets/tableHeadBg.png) repeat-x left top; color: #666;}

thead th, thead td{border-bottom:none; vertical-align:middle}

tfoot {text-align: right; background-color: #f9faf8; color: #f26522;  font-weight: bold; font-family:Verdana, Arial, Sans-Serif}

tfoot td.quantity{font-weight:normal; color:#666}

ul {list-style: none;}

fieldset {margin-top: 10px;}

#page legend { display: none; }

input {padding: 2px 2px; vertical-align: middle;line-height: 1em; border: 1px solid #d0d0d0;}

address {font-style: normal; padding: 0 10px 10px 10px;}

a:link, a:visited{color:#0972cb; text-decoration: none; text-decoration:underline}

a:hover{color: #8bbd4a;} 



/************************************
	LAYOUT
************************************/

#page, #checkout-page
{	
	overflow : hidden;
	position : relative; 
	width : 100%;  
	min-width : 970px;
	max-width : 1200px;
	margin : 0 auto; 
	
}
#page-compare{width:100%;}
#page-compare #footer{float:none !important}
.wrapper
{
	width:99%;
	min-height:500px;	
	float:left; 
	border-left:solid 1px #d0d0d0;
	border-right:solid 1px #d0d0d0;
	border-bottom:solid 1px #d0d0d0;
}

#header 
{
	position: relative; 
	background-color: #FFF; 
	padding: 0; 
	width: 100%; 
	height:122px;
	background:transparent url(assets/headerBg3.png) repeat-x left top;
	margin-bottom:20px;
}



/************************************
	MAIN LAYOUT
************************************/

#content 
{
	/*float: left; */
	position: relative;
	z-index:10; 
	clear: both; 
	padding:0 222px 0 240px;
	min-height:400px;
	/*width:100%;*/
}
.details #content{padding:0 222px 0 0;}
.guides #content{padding:0 300px 0 0;}

#checkout-page #content {padding:0 150px;}

#content #sidebar, #content #main-content, #content .rsidebar{position:relative; float:left;}

#main-content {width: 98%; padding:0 1%; overflow:hidden}
.details #main-content, .guides #main-content  {width: 98%; padding:0 2% 0 0;}

.rsidebar{width: 222px;  margin-right: -222px; padding-top:20px;}
.expanded{width: 290px;  margin-right: -300px; }

#sidebar {width: 240px; right: 240px;  margin-left: -100%; margin-top:24px;}

#footer 
{
	float: left; 
	position: relative; 
	width: 100%; 
	height:140px; 
	text-align: center; 
	background:transparent url(assets/footerBg.png) repeat-x left top;
	margin-top:16px;	
}

#selected-products {clear: both;}

/************************************
	HEADER
************************************/

#header a.logo{float:left; width:550px; overflow:hidden; height:90px; background:transparent url(assets/logo2.png) no-repeat left top; text-indent:-9000px}

#header .user-controls, #header .snippet{float:right; clear:right; padding:15px 10px 0 0;}

#header .user-controls{padding-top:10px;}

#header a.userlinks-login
, #header .userlinks-register
, #header .userlinks-data
, #header .userlinks-logoff
, #header .userlinks-orders
{
	width:70px; 
	height:29px; 
	display:block; 
	background:transparent url(assets/loginBtn.png) no-repeat left bottom; 
	text-indent:-9000px;
	float:left; 
	clear:none;
}
#header .userlinks-register {width:100px; background:transparent url(assets/new_userBtn.png) no-repeat left top;}
#header .userlinks-data {width:100px; background:transparent url(assets/data_userBtn.png) no-repeat left top; margin-right:4px}
#header .userlinks-logoff {background:transparent url(assets/nologinBtn.png) no-repeat left bottom;}
#header .userlinks-orders {width:110px; background:transparent url(assets/orders_userBtn.png) no-repeat left top; margin-right:4px}

#header .user-controls h3
{
	float:left; 	
	padding-left:100px;
	padding-top:16px;
	/*width:130px; */
	background:transparent url(assets/greetings.png) no-repeat left top;
	font-weight:bold;
	font-size:14px;
	margin-right:10px;
}
/*#header .user-controls h3 span{display:none;}*/

#header .snippet{padding-top:0; margin-top:7px;} 


/* ------------------ compare header ------------------ */
#compareHeader1stRow
{
	display:block;
	width:960px;
	width:100%;
	float:left;
}

	#compareHeader1stRowUp  
	{
		width: 532px;
		float:left;
		height:40px;
		padding-top:10px;
		/*border:solid 1px red;*/
	}
		#compareHeader1stRowUp h3 {
			float:left; 	
			padding-left:100px;
			padding-top:16px;
			min-width:130px; 
			height:25px;
			background:transparent url(assets/greetings.png) no-repeat left top;
			font-weight:bold;
			font-size:14px;
			margin-right:10px;
		}
	    #compareHeader1stRowUp a.userlinks-login { float:right; }
		#compareHeader1stRowUp a.userlinks-register { float:right; padding-right:10px;}

	#compareHeader1stRowDown  
	{
		width: 532px; 	
		height:20px;
		padding-top:10px;
		float:left;
	}
		#compareHeader1stRowDown * { float:right;}

/* ------------------ end compare header ------------------ */




/************************************
	CATEGORIES HOVER
************************************/

#header .nav-search .category-selection{float:left; margin:0 4px 0 0;}

#header .nav-search{width:100%; height:32px; float:left; position:relative}
#header .nav-search ul.top-nav
{
	/*float:left; padding:4px 70px 0 10px;*/
	width:550px; 
	height:32px; 
	z-index:90; 
	position:absolute;
	top:5px;
	left:4px;
}
#header .nav-search ul.top-nav * {margin:0; padding:0}
#header .nav-search ul.top-nav li{float:left; clear:none; padding:2px 8px; border-right:solid 1px #67b304}
#header .nav-search ul.top-nav li.last{border:none}
#header .nav-search ul.top-nav li a{font-size:14px; color:#f26522; text-decoration:none}
#header .nav-search ul.top-nav li a:hover{text-decoration:underline; color: #8bbd4a;}
#header .nav-search ul.top-nav li a.categories:hover{ text-decoration:none}
#header .nav-search ul.top-nav li a.categories span {	
	width:10px; 
	height:10px; 
	padding-left:8px;
	margin-top:3px; 
	background:transparent url(assets/arrow_d.png) no-repeat center
}
#header .nav-search ul.top-nav li a.categories:hover span {
	background:transparent url(assets/arrow_d_green.png) no-repeat center
}
#header .nav-search ul.top-nav li a.opened {color:#8bbd4a;}
#header .nav-search ul.top-nav li a.opened span {
	background:transparent url(assets/arrow_up_green.png) no-repeat center;
}
#header .nav-search ul.top-nav li a.opened:hover span {
	background:transparent url(assets/arrow_up_green.png) no-repeat center;
}

#categoriesHover 
{
	width:718px; 
	height:310px; 
	display:none;
	position:absolute;
	left:69px;
	top:115px;
	/*bottom:-215px;	*/
	background-color:#fff;
	padding-top:6px;
	background: transparent url(assets/flyCategoryBg.png) no-repeat left top;
	z-index:10000;
	line-height:20px;
}
#categoriesHover ul li {
	display:block; 
	clear:both;
	padding:5px 0 0 15px;
}

#categoriesHover ul li h2 a {
	font-size:14px; 
	margin-bottom:3px;	
	padding:0;
	font-weight:bold;
	text-decoration:none;
}
#categoriesHover ul li h2 a:hover{color:#0972cb; text-decoration:underline}
#categoriesHover ul li ul.subcategoriesHover {float:left; width:700px;}
#categoriesHover ul li ul.subcategoriesHover li {
	display:inline; 
	clear:none; 
	border:none; 
	padding:0;
	line-height:15px;
}
#categoriesHover ul li ul.subcategoriesHover li a {
	color:#0972cb; font-size:11px; text-decoration:none;
}
#categoriesHover ul li ul.subcategoriesHover li a:hover {
	text-decoration:underline
}
#categoriesHover ul li ul.subcategoriesHover li.separator {
	padding:0 5px 0 0; 
	font-size:12px;
}

 a.categoriesHover-closeBtn 
{
	position:absolute;
	right:12px;
	bottom:10px;
	width:52px;
	height:12px;
	text-indent:-9000px;
	display:block;
	z-index:100001;
}
/************************************
	end categories hover
************************************/

#header .searchBox {float:left; margin:0 0 0 410px; padding:5px 0 0 0;}
#header .searchBox input {border:none;}
#header .searchBox input.field {width:250px; height:15px; border:solid 1px #d0d0d0; font-size:13px; padding:1px 4px 2px  4px}
#header .searchBox input.button 
{
	width:58px; 
	height:20px; 
	margin-left:4px; 
	background:transparent url(assets/searchBtn.png) no-repeat left top;
	cursor:pointer
}
/*#header .searchBox span.checkbox{display:none}*/
#header .searchBox span  
{
	float:left; 
	padding:3px 5px 0 0;
	color:#999;
	font-size:12px;
}

.meta-navigation {}
	
/************************************
	SIDEBAR
************************************/

#sidebar .sidebar-navigation
{
	width:240px; 
	float:left; 
	background:transparent url(assets/filtersBg.png) no-repeat left top; 
	margin-left:1px; 
	padding:4em 0 1.2em 0;
	border-bottom:solid 1px #d0d0d0;
	position:relative
}



/* ------------------- categories sidebar ------------------- */
.sidebar-navigation #categoriesSidebar {float:left; clear:both; width:240px;}
.sidebar-navigation #categoriesSidebar h2{font-weight:bold; padding:5px 0 5px 5px; clear:both; border-top:solid 1px #d0d0d0; width:234px}
#sidebar .sidebar-navigation #categoriesSidebar h2 a{font-size:14px;}
.sidebar-navigation #categoriesSidebar li{width:100%;}

.sidebar-navigation ul.subcategoriesHover {float:left; width:228px; margin:0 6px 10px 6px;}
.sidebar-navigation ul.subcategoriesHover li 
{
	display:inline; 
	width:auto !important; 
	margin:0; 
	padding:0;
	line-height:1.6em;
		
}
.sidebar-navigation #categoriesSidebar li a {color:#0972cb; text-decoration:none; font-size:11px;}
.sidebar-navigation #categoriesSidebar li a.selected {color:#f26522; text-decoration:none; font-size:12px;}
.sidebar-navigation #categoriesSidebar li a:hover{text-decoration:underline}
.sidebar-navigation #categoriesSidebar li.separator {padding:0 2px 0 0; font-size:11px}
/* ------------------- end categories sidebar ------------------- */

.x-certificate{width:240px; float:left; text-align:center; padding:2em 0;}
.x-certificate img{padding:8px 18px; border:solid 1px #d0d0d0;}
span.basket-cert{float:right; padding:30px 10px 0 0; clear:none;}
span.basket-cert img{border:solid 1px #d0d0d0; padding:8px 12px;}

span.pages-history{float:left; padding:30px 0 0 20px;}
h4.navigation-history
{
	display:block; 
	font-size:1.6em; 
	color:#666;  
	clear:none; 
}
ul.navigation-history{padding:1em 0 0 0; float:left; clear:left; height:195px; overflow:hidden}
ul.navigation-history li{clear:both; line-height:1.8em}
ul.navigation-history li a{color:#0972cb; font-size:1.1em; text-decoration:none;}
ul.navigation-history li a:hover{color:#8bbd4a;}

img.faq{float:right; clear:both; margin-top:2em; margin-bottom:0.5em}

/************************************
	MAIN-CONTENT
************************************/

#main-content .home-products, #main-content #products-list, #main-content #action-products, #main-content .category-thumbnails, .category-thumbnais-noimage
#main-content #listed-products, #main-content #product-details, #main-content #basket-content, #content .registration, #main-content .fmt-txt, #main-content #buying-guides
{float:left; width:99%;}

#main-content .fmt-txt{padding-left:16px;}
#main-content #buying-guides{padding:0 0 20px 16px;}

span.heading, .registration h3, .password_change h2, h3.ccTitle{float:left; width:100%; height:20px; display:block; text-indent:-9000px; margin:10px 0 10px 6px;}
span.compare{width:100%; background:transparent url(assets/compareHeadBg.png) no-repeat left top;}
span.basket{width:100%; background:transparent url(assets/basketHeadBg.png) no-repeat left top;}
span.selected{width:100%; background:transparent url(assets/selectedHeadBg.png) no-repeat left top; margin-top:12px}
span.related{width:100%; background:transparent url(assets/relatedHeadBg.png) no-repeat left top; margin-top:12px}
span.details{width:100%; background:transparent url(assets/detailsHeadBg.png) no-repeat left top; margin-top:12px}
span.actions{width:100%; background:transparent url(assets/actionsHeadBg.png) no-repeat left top;}
span.personal{width:100%; background:transparent url(assets/personalHeadBg.png) no-repeat left top; margin-left:0;}
span.shipping{width:100%; background:transparent url(assets/shippingHeadBg.png) no-repeat left top; margin-left:0;}
span.payment{width:100%; background:transparent url(assets/paymentHeadBg.png) no-repeat left top; margin-left:0;}
span.confirm{width:100%; background:transparent url(assets/confirmHeadBg.png) no-repeat left top; margin-left:0;}
span.login{width:100%; background:transparent url(assets/loginHeadBg.png) no-repeat left top; margin-left:0;}
span.password{width:100%; background:transparent url(assets/paswordHeadBg.png) no-repeat left top; margin-left:0;}
span.pass-change{width:100%; background:transparent url(assets/pass_changeHeadBg.png) no-repeat left top; margin-left:0;}
span.form{width:100%; background:transparent url(assets/requestHeadBg.png) no-repeat left top; margin:10px 0 0 10px;}
span.orders{width:100%; background:transparent url(assets/ordersHeadBg.png) no-repeat left top; margin-left:0;}
span.orders-details{width:100%; background:transparent url(assets/orders_detailsHeadBg.png) no-repeat left top; margin-left:0;}
span.placanje{width:100%; background:transparent url(assets/placanjeHeadBg.png) no-repeat left top; margin-left:0;}
span.dostava{width:100%; background:transparent url(assets/dostavaHeadBg.png) no-repeat left top; margin-left:0;}
span.contact{width:100%; background:transparent url(assets/contactHeadBg.png) no-repeat left top; margin:20px 0 0 12px;}
span.contact2{width:100%; background:transparent url(assets/contact2HeadBg.png) no-repeat left top; margin:0 0 0 12px;}
span.vodici{width:100%; background:transparent url(assets/vodiciHeadBg.png) no-repeat left top; margin:0 0 0 12px;}

span.guide1{width:100%; background:transparent url(assets/guide1headBg.png) no-repeat left top; margin:0 0 0 12px;}
span.guide2{width:100%; background:transparent url(assets/guide2headBg.png) no-repeat left top; margin:0 0 0 12px;}
span.guide3{width:100%; background:transparent url(assets/guide3headBg.png) no-repeat left top; margin:0 0 0 12px;}
span.guide4{width:100%; background:transparent url(assets/guide4headBg.png) no-repeat left top; margin:0 0 0 12px;}
span.guide5{width:100%; background:transparent url(assets/guide5headBg.png) no-repeat left top; margin:0 0 0 12px;}
span.guide6{width:100%; background:transparent url(assets/guide6headBg.png) no-repeat left top; margin:0 0 0 12px;}
span.guide7{width:100%; background:transparent url(assets/guide7headBg.png) no-repeat left top; margin:0 0 0 12px;}
span.guide8{width:100%; background:transparent url(assets/guide8headBg.png) no-repeat left top; margin:0 0 0 12px;}
span.guide9{width:100%; background:transparent url(assets/guide9headBg.png) no-repeat left top; margin:0 0 0 12px;}

.registration h3{width:100%; background:transparent url(assets/registrationHeadBg.png) no-repeat left top; margin:0 0 22px 0;}
.personal .registration h3{width:100%; background:transparent url(assets/personalHeadBg.png) no-repeat left top; margin:0 0 22px 0;}
h3.ccTitle{float:none; width:100%; background:transparent url(assets/ccDataHeadBg.png) no-repeat left top; margin:0;}
.password_change h2{display:none;}

.top-compared{width:100%;}
.top-compared ul li{float:left; padding:5px; clear:none}
.top-compared h3{font-size:12px; font-weight:bold; margin:3px 0 3px 6px; clear:both;}
.top-compared h3 span{font-style:italic}
.top-compared p{padding:0 6px; clear:both;}

#selected-products ul.products-list{float:left; width:100%;}
#selected-products ul.products-list li, .ct-box
{
	width:16.3em; 
	height:260px; 
	float:left; 
	border:solid 1px #d0d0d0;
	margin:2% 0 0 1.4%; 
	text-align:center; 
	padding:5px 0;
	position:relative;
	overflow:hidden;
}
#selected-products ul.products-list li h3,
#selected-products ul.products-list li span, .ct-box a.top-cat
{
	width:96%; 
	float:left; 
	clear:both; 
	height:32px; 
	padding:0.1em 0.3em; 
	overflow:hidden; 
}

.category-thumbnails{margin-top:-8px;}
.ct-box{width:16em;margin:2% 0 0 1.5%; height:200px;}
.ct-box a.top-cat{font-size:13px; margin-top:6px; height:30px; overflow:hidden; line-height:1.2em}
.ct-box ul{display:block; width:15em; margin:0 auto; clear:both;}
.category-thumbnais-noimage{float:left; padding:12px;}
.category-thumbnais-noimage ul li a{font-size:11px}

#selected-products ul.products-list li span{height:38px; font-size:1.1em}

#selected-products ul.products-list li h3 {height:30px;}
#selected-products ul.products-list li h3 a{font-size:13px; font-weight:bold; color:#0972cb; text-decoration:none;}
#selected-products ul.products-list li h3 a:hover{text-decoration:underline}

#selected-products ul.products-list .item-desc{display:block; float:none; height:56px; margin-top:4px; overflow:hidden}

#selected-products dl.list-price, #selected-products dl.action-price,
.action-products dl.list-price, .action-products dl.action-price{display:block; width:100%; text-align:center; margin:0; padding:0; height:auto;}
#selected-products dd.local-currency, #selected-products dd.local-currency,
.action-products dd.local-currency, .action-products dd.local-currency
{
	display:block; 
	width:100%;
	height:20px !important;  
	text-align:center;
	float:left;
}

#selected-products .actionpatch{position:absolute; left: 2px; bottom:62px;}


/************************************
	RSIDEBAR
************************************/

.rsidebar .small-basket
{
	float:right; 
	width:210px; 
	height:116px;
    padding:35px 0 0 12px;
	background:transparent url(assets/smallBasketBg2.png) no-repeat right top;
	position:relative;
	
}

dl.small-basket-data, .small-basket-empty{font-size:1.2em; width:112px; float:left; padding-top:10px;}
.small-basket-empty{color:#f26522; font-weight:bold; padding-top:48px;}
dl.small-basket-data dt{font-weight:normal; margin:0;}
dl.small-basket-data dd
{
	float:left; 
	clear:both; 
	font-weight:bold; 
	color:#f26522; 
	font-family: Verdana, Tahoma, Arial, Sans-Serif;
}
.small-basket a.whole-basket{width:84px; height:26px; margin-top:45px; float:right;}

.rsidebar .top-five, .rsidebar .home-actions
{
	width:222px; 
	float:right;
	display:block; 
	background:transparent url(assets/top5_bg2.png) no-repeat right top;
	padding:4em 0 0 0;
	overflow:hidden;
}
.rsidebar .top-five{margin-top:-15px;}
.rsidebar .basket-five{margin-top:40px;}
.rsidebar .top-five ul{width:100%; overflow:hidden;}
.rsidebar .top-five ul li{border-bottom:solid 1px #d0d0d0; margin:0; padding:4px; height:71px; position:relative; overflow:hidden;}

.rsidebar .top-five ul li h3{margin-bottom:10px; float:left; width:120px; clear:none; padding:2px 0 0 4px; overflow:hidden;}

.rsidebar .top-five ul li h3 a, .rsidebar .home-actions ul li h3 a
{
	color:#0972cb; 
	float:left;  
	text-decoration:none; 
	font-size:11px; 
	font-weight:bold
}

.rsidebar .top-five ul li .actionpatch{position:absolute; right:55px; bottom:2px}


.rsidebar .home-actions ul li h3
{	width:216px; 
	height:35px; 
	overflow:hidden;
	margin-bottom:12px;
	padding:0 4px;
	border-bottom:solid 1px #d2d2d2
}
.rsidebar .home-actions ul li h3 a
{
	font-size:14px; 
	padding:0 0 4px 0; 
	display:block; 
	clear:both; 
	margin-top:0;
	width:100%;
}
.rsidebar .top-five ul li h3 a:hover, .rsidebar .home-actions ul li h3 a:hover{text-decoration:underline;}
.rsidebar .top-five ul li img{float:right;}

.rsidebar .top-five dl.action-price, .rsidebar .top-five dl.list-price{width:120px;}

dl.list-price, .rsidebar dl.action-price{float:left; clear:left; padding:2px 0 0 4px;}
dl.list-price dt.price, dl.action-price dt.price{display:none}
dl.list-price dd.local-currency, 
dl.action-price dd.local-currency{font-family:Verdana, Tahoma, Arial; font-size:12px; color:#f26724; font-weight:bold;}

.listprice-striked{color:#acc28d; text-decoration: line-through; font-size:11px; font-family:Verdana, Tahoma, Arial, Sans-Serif;}

.rsidebar .home-actions
{
	background:transparent url(assets/rand_actions2.png) no-repeat right top; 
	height:312px; 
	padding-top:5.3em;
	position:relative; 
}

.rsidebar .home-actions .price-box{float:left; width:100%; height:58px;}
.rsidebar ul.action-products{position:relative; text-align:center; height:320px}
.rsidebar ul.action-products li img{margin-top:4px}

.rsidebar ul.action-products fieldset{float:left; width:100%; text-align:center;}

.rsidebar ul.action-products fieldset input, .rsidebar ul.action-products fieldset label, 
.action-products ul.actions-list fieldset{display:none;}
fieldset a.buy
{
	display:block; 
	width:142px; 
	height:30px; 
	text-indent:-9000px;
	margin-left:38px;
}

.rsidebar ul.action-products dl.list-price, .rsidebar ul.action-products dl.action-price{float:left; clear:left; padding:0;}

.rsidebar ul.action-products dl.list-price dd.local-currency, 
.rsidebar ul.action-products dl.action-price dd.local-currency{font-size:15px; font-family:Verdana, Tahoma, Arial, Sans-Serif; margin:0;}

.rsidebar ul.action-products .listprice-striked{font-size:13px;}

.rsidebar a.all-actions
{
	font-size:12px;  
	position:absolute;
	right:10px;
	bottom:5px;
	text-decoration:underline;
}
.rsidebar a.all-actions:hover{text-decoration:underline}


/************************************
	FOOTER
************************************/

#footer ul.contact-info 
{
	float:left; 
	font-size:20px;
	font-family:Georgia; 
	color:#b7c8a1; 
	width:390px;
	text-align:left; 
	padding:12px 12px 0 12px;

}
#footer ul.contact-info li{padding:3px 0 3px 35px;}
#footer ul.contact-info li.phone{background:transparent url(assets/foo_telephone.png) no-repeat left center}
#footer ul.contact-info li.skype{background:transparent url(assets/foo_skype.png) no-repeat left center}
#footer ul.contact-info li.mail{background:transparent url(assets/foo_mail.png) no-repeat left center}
#footer ul.contact-info a{color:#b7c8a1;}
#footer ul.contact-info a:hover{color: #8bbd4a;}

#footer ul.add-navigation{float:left; width:170px; text-align:left; padding:8px 22px 0 12px; line-height:1.6em;}
#footer ul.add-navigation li.title{font-size:1.4em; color:#eee; font-weight:bold;}
#footer ul.add-navigation li a{color:#fff; font-size:11px;}
#footer ul.add-navigation li a:hover{color:#ccc}

#footer ul.socialize{float:right; clear:right; margin-top:3em}
#footer ul.socialize li{float:left; clear:none; padding-right:12px;}
#footer ul.socialize li a
{
	display:block; 
	width:66px; 
	height:64px; 
	background:transparent url(assets/foo_facebook.png) no-repeat left top; 
	text-indent:-9000px;
}
#footer ul.socialize li a.tw{background:transparent url(assets/foo_twitter.png) no-repeat left top;}
#footer ul.socialize li a.su{background:transparent url(assets/foo_stumble.png) no-repeat left top;}

#footer .discl{width:100%; float:left; height:24px;}

#footer .discl a.mtn-logo
{
	position:absolute; 
	left:44%; 
	bottom:0; 
	width:228px; 
	height:22px; 
	text-indent:-9000px; 
	background:transparent url(assets/mtn_logo.png) no-repeat left top
}



/************************************
	PRODUCTS-LIST
************************************/

.sort {width:96%; height:40px;  margin:10px 0 0 10px; position:relative;}

.sort .list-sort{float:right; padding-top:10px; margin-right:15px;}
#listed-products span.yes{font-size:14px; padding-left:20px;}
.sort span.message_error{color:Red; position:absolute; left:160px; top:-2px; font-size:12px; font-weight:bold}

ul.pagination {float:left; width:98%; text-align:center; padding-left:2%; font-weight:bold;}
ul.pagination li{float:left; font-size:12px; padding: 0.5em;}
ul.pagination li a span{color:#f26522}

#main-content a.comparebtn
{
	float:left; 
	width:154px; 
	height:23px;
	margin:5px 0 0 10px; 
	background:transparent url(assets/compareBtn.png) no-repeat left top; text-indent:-9000px;
}
a.controls, .filters a.filter-remove
{
	float:left; 
	font-size:12px;  
	padding:2px 13px 2px 0; 
	margin-right:6px; 
	text-decoration:none; 
}
a.controls{margin-top:10px; padding-left:6px;}
.check-all, .filters a.filter-remove {
	background:transparent url(assets/check_all.png) no-repeat right center; 
}
.remove-all{background:transparent url(assets/remove_all.png) no-repeat right center;}
.add-product {
	background:transparent url(assets/add_product.png) no-repeat right center; 
	margin-left:18px;
}
.add-product2 
{
	background:transparent url(assets/add_product2.png) no-repeat right center; 
	margin-left:18px;
	width:97px;
	height:16px;
	text-indent:-9000px;
	display:block;
	margin-top:9px !important
}
.check-all:hover{color: #0972cb;}
.filters a.filter-remove{width:auto; padding-right:15px; margin-left:0; color: #0972cb;}
.filters a.filter-remove:hover{text-decoration:underline !important}

a.controls:hover{text-decoration:underline}
a.remove-all:hover{color:Red;}

.filters .filter .filter-add {font-size:11px;}

.filters .filter a.filters-showitems  
{
	clear:both; 
	display:block;		
	font-size:10px;
	padding:3px 0 0 3px;
}

.product-list-image img {
    display:inline-block;
    width:120px; height:120px;
}


#main-content #listed-products{padding-top:10px}

#main-content .category-banner{float:left; width:94%; padding:2% 0 0 2%; overflow:hidden; clear:both;}

#main-content #listed-products ul.products-list, .action-products ul.actions-list{display:block; padding:1em 0 0 2em}
.action-products ul.actions-list{display:block; padding:0 0 0 2em}
#main-content #listed-products ul.products-list li, .action-products ul.actions-list li, #main-content dl.guide
{
	float:left; 
	margin:1em 2em 1em 0; 
	width:204px; 
	height:244px; 
	text-align:center; 
	position:relative;
	border:solid 1px #d0d0d0
}

#main-content #listed-products .compare-selected {border:solid 1px #0a86ef !important}

table.title-container
{
	margin:0!important;
	padding:0 !important;
	height:36px; 
	overflow:hidden; 
	border-bottom:solid 1px #d2d2d2;
	border-collapse:separate
}
table.title-container td
{
	margin:0 0 1px 0 !important;
	padding:0 0 1px 0 !important;
	border-left:none;
	border-right:none;
	border:none;
	width:200px;
	height:46px;
	vertical-align:middle;
}

#main-content #listed-products h3 a, .action-products ul.actions-list h3 a
{
	color:#0972cb; 
	text-decoration:none; 
	font-size:12px;
	width:198px;
	padding: 0 3px;
}
#main-content #listed-products img{margin-top:4px;}
#main-content #listed-products h3 a:hover, .action-products ul.actions-list h3 a:hover{text-decoration:underline}

#main-content #listed-products .compare-selected table{background-color:#0a86ef; color:#fff}
#main-content #listed-products .compare-selected h3 a{color:#fff}
#main-content #listed-products .compare-selected h3 a:hover{color:#ccc}

span.compare-checkbox{position:absolute; bottom:2px; left:2px;}
span.compare-checkbox input {float:left;}
span.compare-checkbox label {font-size:12px; margin-top:2px; float:left;}
span.compare-checkbox label:hover {
	text-decoration:underline;
	color:#8bbd4a;
	cursor:pointer;
} 

#main-content #listed-products dl.list-price, #main-content #listed-products dl.action-price,
.action-products dl.list-price, action-products dl.list-price dl.action-price{width:100%; display:block; padding:0;}	
#main-content #listed-products dd.local-currency, .action-products dd.local-currency{font-size:13px !important;}
#main-content #listed-products .listprice-striked, .action-products .listprice-striked{font-size:12px; font-weight:bold;}

#main-content #listed-products dl.list-price .price, .action-products dl.list-price .price{display:block; margin-top:0; font-size:1.1em;}

#main-content #listed-products input{border:none}
	
/************************************
	PRODUCT-DETAILS
************************************/

#product-details {float:left; width: 80%; overflow:hidden;}

#product-details  .container{}

#product-details .product-image, #product-details .data-container{float:left; padding:1% 0 1% 1%;}
 #product-details .data-container{width:55%;}
/*#product-details .product-image img{border:solid 1px #d0d0d0;}*/

#product-details table.product-attributes{clear:both; }
#product-details table.product-attributes td{padding-left:10px; vertical-align:top; font-size:12px; border:none; border-bottom:solid 1px #eee}
#product-details table.product-attributes td.attname{font-weight:bold; width:30%;}

#product-details label, .listed-product label {float: left;}

#product-details .action-price-stamp{float:left; clear:left; margin:1em 0}
#product-details span.pcode{float:left; clear:left;}

#product-details .price-container{float:left; clear	:left;}
#product-details dl.list-price, #product-details dl.action-price{clear:left; padding:0; margin:0; width:150px}
#product-details dd.local-currency{font-size:18px;}

#product-details dl.list-price .price, #product-details dl.action-price .price{padding-top:4px; display:block; margin-top:0; font-size:1.1em;}

#product-details span.listprice-striked{font-size:16px; font-family:Verdana, Tahoma, Arial, Sans-Serif;}

#product-details fieldset{float:left; clear:none}
#product-details fieldset label{font-size:1.2em; margin:16px 4px 0 0}
#product-details fieldset input{font-size:1.2em; margin:8px 4px 0 0}
#product-details fieldset a.add-to-basket
{
	float:left; 
	padding-left:1.6em;
	background:transparent url(assets/addToBasket.png) no-repeat right center;
	text-indent:-9000px;
	width:124px;
	height:35px;
}

#product-details h3.addData{font-size:12px; font-weight:bold; clear:both; padding-left:10px; display:block;}

#product-details ul.addlinks{float:left; clear:left; padding-top:1.2em}
#product-details ul.addlinks li{float:left; padding-right:2em; clear:none; font-size:1.2em;}

#product-details .variants{padding-top:20px;}
#product-details .variants p.heading{clear:both; font-weight:bold; font-size:14px; color:#f26724; width:99%}
#product-details .variants span
{
	font-weight:bold; 
	font-size:12px; 
	clear:left; 
	margin:4px 0 -4px 0; 
	display:block; 
	background-color:#fff;
	padding:0 4px 2px 0;
	display:block;
}
#product-details .variants ul{ padding-top:10px;}
#product-details .variants ul li{float:left; padding:0 10px 10px 0}
#product-details .variants ul li a
{
	font-size:12px; 
	font-weight:bold; 
	display:block; 
	padding: 7px 10px; 
	color:#0972cb;  
	border:solid 1px #0972cb /*#8bbd4a*/;
	text-decoration:none;
	white-space:nowrap
}
#product-details .variants ul li a:hover{color:#f26522; border:solid 1px #f26522}
#product-details .variants ul li a.selected-variant
{
	color:#f26522;
	border:solid 2px #f26522; 
	border-top:none; 
	background:transparent url(assets/selectedVariant.png) no-repeat center top;
}
#product-details .variants ul li a.no-variant{border:dotted 1px #959595; color:#959595; font-weight:normal}
#product-details .variants ul li a.no-variant:hover{border:dotted 1px red; color:red; text-decoration:line-through}

.quantity {text-align: right;}

input.quantity {
	float: left;
	display: block;
	height: 16px;
	padding: 4px 2px;
	vertical-align: middle;
	line-height: 1em;
	width: 3em;
	/********** kolicina u listi i detaljima - original **********/
	border: 1px solid #969f96;
	margin-right: 5px;
}

	
/************************************
	BASKET
************************************/

#basket-content{padding:1.6em 0 0 1.6em;}
#basket-content table{float:left; clear:both;}
#basket-content table .remove {text-align:center !important;}
#basket-content table thead th{text-align:left !important;}
#basket-content table thead th.quantity{text-align:right !important}
#basket-content table input {width: 3em; text-align: right;}
#basket-content table td.remove a{padding-right:12px; background: transparent url(assets/remove_all.png) no-repeat right center}
#basket-content table td.remove a:hover{color:red;}

#basket-content table td.prod-image{text-align:center; }
#basket-content table td.prod-title{ }
#basket-content table td.prod-title a{color:#0972cb; font-size:1.2em; font-weight:bold; text-decoration:none}
#basket-content table td.prod-title a:hover{text-decoration:underline}
#basket-content table td.price{color:#f26522; font-size:1.2em; font-weight:bold; font-family:Verdana, Sans-Serif; }
#basket-content table td.remove{width:50px;}


#basket-content table td.prod-image { width:82px; }
#basket-content table td.prod-title { width:320px; }
#basket-content table td.quantity {width:15%; }
#basket-content table td.remove {width:50px; }


#basket-content ul{float:right; width:565px;}
#basket-content ul li{margin-right:5px; float:left;}

#basket-content ul li a, #checkout-page a.lnk-continue
{
	font-size:1.2em; 
	text-decoration:none; 
	height:35px; 
	width:140px; 
	float:left;
	text-indent:-9000px;
}
#basket-content ul li a.basket-continue, #checkout-page a.lnk-continue {background: transparent url(assets/continueBuyBtn.png) 0 0 no-repeat; margin-right:35px}

#basket-content ul li a.basket-recalculate {background: transparent url(assets/recalculateBtn.png) 0 0 no-repeat;}

#basket-content ul li a.basket-empty {background: transparent url(assets/emptyBtn_basket.png) 0 0 no-repeat;}

#basket-content ul li a.basket-buy {background: transparent url(assets/buyBtn.png) 0 0 no-repeat; width:86px;}

.taxnote{float:left; clear:both; font-size:1.2em; padding-left:1em; margin-top:-8px; width:280px;}

/************************************
	CHECKOUT
************************************/

ul#checkout-steps {display: block; float: left; width:100%; padding:0 0 20px 0}

ul#checkout-steps li {display: block; float: left; padding-right:20px; margin-right: 10px; clear: none;}

ul#checkout-steps li a{font-size:1.1em; color:#666; display:block; height:14px;}
ul#checkout-steps li a:hover{color: #8bbd4a;}

ul#checkout-steps li a.active {padding-right:30px; background: transparent url(assets/active_step.png) no-repeat right center}

#checkout-page h2 {display:block; font-size:13px; font-weight:bold; clear:both}

#checkout-page h3 { font-size:14px; padding:12px 0 0 2px; font-weight:bold}

#checkout-page #content p {
	margin-bottom: 10px;
	width: 100%;
	display: block;
	float: left;
	clear: both;
	padding: 10px 0 0 0;
}

#checkout-page fieldset {width: 100%; padding: 10px 0; float: left; clear: left;}

#checkout-page fieldset legend {
	display: block;
	color: #252525;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 1.5em;
	padding-bottom: 0px !important;
	padding: 0 0 10px 0;
	margin: 0;
}

#checkout-page .ctrlHolder {clear: both; padding: 2px 0;}

#checkout-page fieldset label {float: left; width: 180px;}

#checkout-page fieldset input,
#checkout-page fieldset textarea,
#checkout-page fieldset select {
	width: 300px;	
	padding: 2px 2px;
	vertical-align: middle;
	line-height: 1.2em;
	border: 1px solid #969f96;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 1.1em;
}

#checkout-page fieldset select {width: 305px;}

#checkout-page fieldset input.pobox {width: 80px;}

#checkout-page fieldset input.city {width: 191px;}

#checkout-page fieldset#remember_me{padding-top:0;}

#checkout-page span.checkbox input {float: left; width: 16px; background-color: transparent;border: 0; vertical-align: middle;}

#checkout-page span.checkbox {display: block; width: 100%;}

#checkout-page span.checkbox label {float: left; width: auto; vertical-align: middle; padding-top: 3px;}

#checkout-page span.radiobuttonlist {display: block; width: 350px; padding: 0;}

#checkout-page span.radiobuttonlist input {float: left; width: 16px; border: 0; clear: left;}

#checkout-page span.radiobuttonlist label {float: left; width: 92%; vertical-align: middle; padding-top: 3px;}

ul#checkout-steps-navigation {display: block; width: 100%; padding:12px 0 35px 0; clear: both;}

ul#checkout-steps-navigation li {display: block; float: left; margin-right: 10px;}

ul#checkout-steps-navigation a
{
	float: left;
	display: block;
	padding-left:62px; 
	height:16px;
	width:136px;
	text-indent:-9000px;
}
ul#checkout-steps-navigation a.prev {background: transparent url(assets/prev_step.png) no-repeat left center;}
ul#checkout-steps-navigation a.next {background: transparent url(assets/next_step.png) no-repeat right center; width:130px;}

.input-data{padding-left:4px; font-size:1.1em;}

#checkout-page table#personal-data td,
 #checkout-page table#personal-data th,
#checkout-page table#delivery td,
 #checkout-page table#delivery th {
	border: none;
	text-align:left
}

#checkout-page table.confirm-product-list .converted{display:none}
#checkout-page table.confirm-product-list thead th{text-align :left}
#checkout-page table.confirm-product-list thead th.quantity{text-align :right}
#checkout-page table.confirm-product-list a{font-size:12px; font-weight:bold; text-decoration:none}
#checkout-page table.confirm-product-list a:hover{color:#0972cb; text-decoration:underline}
#checkout-page table.confirm-product-list tfoot td{color:#666; font-weight:normal}
#checkout-page table.confirm-product-list tfoot td.special{color:#f26522; font-weight:bold}


#checkout-page table#personal-data th {width: 18em;}

#checkout-page tfoot {color: #252525;}


.required { color:Red; }
.threedinfo {margin-top:10px;color:#666;padding:5px;}
.requiredinfo {border-top:solid 1px #999;clear:both;}

span.no  {color:#f26522; font-weight:bold; padding:0 0 18px 18px; display:block; font-size:12px;}

.order-comment textarea{width:99%; padding:5px; font-family:Arial, Tahoma, Sans-Serif}

.checkout-productlist ul{padding:16px 0 16px  5px;}
.checkout-productlist ul li{padding:3px 0}
.checkout-productlist a{font-size:12px; color:#0972cb; font-weight:bold; text-decoration:none;}
.checkout-productlist a:hover{color:#0972cb; text-decoration:underline;}

.checkout-radiolist{padding:0 0 50px 0; border-top:dashed 1px #d0d0d0; border-bottom:solid 1px #d0d0d0;}


.checkout-radiolist label{padding:2px 0 0 2px; font-size:12px; display:block;}

#checkout-page .checkout-radiolist span input{float:left; border:none;}

#checkout-page .checkout-note{font-size:11px; font-style:italic; margin-left:16px; display:block;}

.legalinfo{display:block; margin-right:-10px; margin-bottom:10px; clear:both; font-weight:normal}
#checkout-page #content p em {font-size: 1.1em;}
#checkout-page #content p em a{font-style:normal; color:#f26522}
#checkout-page #content p em a:hover{color: #8bbd4a;}

.nav-attributes, .address{float:left; clear:both; display:block;}

ul.productlist-attributes-binarylibrary  
{
	float:left; 
	display:block; 
	margin:10px;
	list-style-type:none; 
	clear:both;
	width:100%;
}
ul.productlist-attributes-binarylibrary li.various_images 
{
	float:left; padding:2px 4px; border:solid 1px #d2d2d2; margin: 0 10px 18px 0
}


ul.productlist-attributes-binarylibrary li.various_youtube{float:left;  margin: 0 8px 10px 12px; width:280px;}
ul.productlist-attributes-binarylibrary span.various_youtube_name{display:block; clear:both; font-weight:bold; font-size:13px;}
ul.productlist-attributes-binarylibrary span.various_youtube_desc{display:block; clear:both; font-size:11px;}
/************************************
	COMPARE
************************************/

#page-compare h2{font-size:1.8em; padding-left:1.2em;}

table.product_comparer
{
	font-size:1.8em; 
	padding-left:1.2em;
	border-spacing:0 !important;
	border-collapse:collapse;
	text-align:center;
	float:left;
}
  
tr.pc_pictures img.pc_image{display:block;  margin:5px auto; cursor:pointer; cursor:hand; }

.product_comparer td{width:220px; padding:4px; vertical-align:top; background-color:transparent !important;}

td.pc_1stCol{text-align:left; font-weight:normal; font-size:11px; color:#666; font-weight:bold; padding-left:15px;}

td.pc_group
{
	background:transparent url(assets/tableHeadBg.png) repeat-x left top; 
	border-bottom:solid 1px #8bbd4a; 
	color:#666; 
	font-size:13px; 
	font-weight:bold;
}

td.pc_repeatTitle{font-size:10px; letter-spacing:1px; }
/* color:#8bbd4a; zelena*/

/*td a{padding-left:18px;}*/

table.product_comparer a.productname
{
	font-weight:normal;  
	text-decoration:none;
	font-size:14px; 
	font-weight:bold;
	line-height:18px;
	background-image:none;
	width:100%;
	margin-left:0;
	padding-left:0;	
}
table.product_comparer a.productname:hover{color: #0972cb; text-decoration:underline}
table.product_comparer a.productname:visited{color: #8bbd4a;}
tr.pc_prices
{
	font-family: Verdana, Arial, Sans-Serif; 
	font-weight:bold; 
	padding:5px; 
	color: #f26522;  
	font-size: 1.8em;
}

tr.pc_prices td.pc_1stCol
{
	font-weight:normal; 
	font-size:14px; 
	color:#f26522;
}

a.pc_lnkRemoveProduct
{
	text-decoration:none;
	padding-right:15px;
	background:transparent url(assets/remove_all.png) no-repeat right center;
}
a.pc_lnkRemoveProduct:hover{color:Red;text-decoration:underline;}

a.usporedilica-detalji {
	color:#8bbd4a;	
	text-decoration:none;
}
a.usporedilica-detalji:hover{text-decoration:underline;}






/************************************
	ACTIONS
************************************/

.action-products ul{margin-top:12px; width:99.7%}
.action-products ul li span.actions2
{
	float:left;
	font-size:12px; 
	font-weight:bold; 
	padding:4px 0 4px 12px; 
	background:transparent url(assets/tableHeadBg.png) repeat-x left top;
	width:99.7%;
	clear:both;
	margin:3em 0 0.5em 0;	
}
.action-products ul li span.actions2 span{padding-left:4px}

.action-products ul li img{margin-top:4px}

/************************************
	LOGIN AND REGISTRATION
************************************/


.content-login, .new_password{float:left; width:600px; font-size:12px}
.new_password{padding:12px 0 0 4px}

.content-login{padding:2px 0 0 80px}
.content-login div{clear:both; padding-top:12px}
.content-login a{text-decoration:underline;}

#content .content-login h3, #content .new_password h3, #content .password_change h2
{
	margin:0; 
	padding:0; 
	font-size:13px; 
	background:none; 
	color:#210000
}


#content .new_password p, #content .password_change p{margin:0 !important; padding:0 0 5px 0 !important;}
#content .new_password p span, #content .password_change p span{color:#f26522}

.content-login div a, .new_password div a{float:left; clear:both; padding-left:20px}

#content span.message_info, .content-login span.message_info, 
.content-login span.no{display:block;  font-weight:bold; margin:6px 0;}

.content-login input, .new_password input{width:220px;}

.content-login .login-button, #content .new_password .small_button, #content .password_change .small_button
{
	background: Transparent url(assets/loginBtn.png) 0 0 no-repeat; 
	float:left; 
	width:66px; 
	height:29px; 
	padding:5px 0 0 0;
	margin:10px 10px 0 0;
	text-indent:-9000px
}
#content .password_change a.odustani{float:left; background: Transparent url(assets/odustaniBtn.png) 0 0 no-repeat; margin-top:5px;}
#content .new_password .small_button, #content .password_change .small_button{background: Transparent url(assets/sendBtn.png) 0 0 no-repeat; }

.content-login .checkbox{float:left; clear:both;}
.content-login .checkbox input{float:left; width:auto}
.content-login .checkbox label{float:left; padding-top:2px}

#content .registration{float:left; clear:both; font-size:12px;}
#content .registration p{float:left; clear:both;  padding:5px 5px 0 6px !important;}
#content .registration p.note{color:#f26522}
#content .registration p a, #content .registration table a{text-decoration:underline;}
#content .registration span{float:left; clear:both}
#content .registration span input{border:none}
#content .registration table{clear:both; margin-left:5px; width:50%; float:left;}
#content .registration table td{vertical-align:top; border:none}
#content .registration table td input{width:250px;}
#content .registration table td span input{width:auto}
#content .registration table td.birth input{ margin:-2px 0 0 0; padding:0 2px; line-height:1em;}
#content .registration table td h2{font-size:14px; color:#464646; background-image:none; padding:0; font-weight:bold;}
#content .registration table tr.accepted_terms_conditions{height:20px;}
#content .registration .accepted_terms_conditions input{border:none; width:auto;}

/*#content .registration table tr.button-row td {text-align:left;border:solid 1px red;}*/
#content .registration table td a.smalltxt_button
{
	background: Transparent url(assets/sendBtn.png) 0 0 no-repeat; 
	width:68px; 
	height:24px;
	float:left;
	text-indent:-9000px;
	margin:20px 0 50px 0;
}

#content .registration table span input{margin-bottom:4px;}


.windowBg{background-color:#fff; min-height:400px;}
table.send-email{width:320px; margin:12px 0 0 8%;}
table.send-email td{border:none; vertical-align:top; font-size:11px; font-weight:bold}
table.send-email td.tb-label{width:100px}
table.send-email input{width:180px;}
table.send-email textarea{width:200px; border:solid 1px #464646; font-family:Arial, Sans-Serif; padding:3px; font-size:12px}
table.send-email a.send-btn, table.send-email a.close-btn, table.send-email a.resend-btn
{ 
	float:right; 
	width:68px; 
	height:24px; 
	background:transparent url(assets/sendBtn.png) no-repeat left top;
	text-indent:-9000px;
}
table.send-email a.close-btn, 
table.send-email a.resend-btn
{
	width:69px; 
	height:26px;
	background:transparent url(assets/zatvoriBtn.png) no-repeat left top;
	padding:5px 0 0 0;
	margin:0;
	float:left;
}
table.send-email a.close-btn{margin-left:50px;}
table.send-email a.resend-btn{width:100px; background:transparent url(assets/novaporukaBtn.png) no-repeat left top;}
/************************************
	CONTACT-FORM
************************************/

h2.form{padding-left:20px; font-size:12px; text-transform:uppercase}

.cf 
{
	background-color:#fff;
	float:left;
	width:600px;
	padding:12px 40px 12px 40px;
	margin-bottom:30px;
	overflow:hidden;
	font-size:11px;
	/*height:360px;	*/
}

.cf .cf-required {font-weight:bold;}

.cf span.cf-label, .cf span.cf-textbox, .cf span.cf-textarea{float:left; margin-bottom:10px;}
.cf span.cf-textbox input {width:220px;}
.cf span.cf-textarea textarea {height:80px; width:400px; font-size:12px; font-family:Arial, Sans-Serif}
.cf span.cf-label{display:block; width:120px; clear:left;}
.cf-info span
{
	float:left;
	clear:both;
	font-size:12px;
	color:#2c2c2c;
	padding:5px 0 10px 0;
	font-weight:bold;
	width:350px;
}

.cf .cf-continue {display:block; margin-top:10px; clear:both;}
.cf .cf-continue a, a.actions-only
{
	width:79px;
	height:28px; 
	float:left;  
	background:transparent url(assets/sendBtn.png) no-repeat left top;
	text-indent:-9000px;
}
.cf .cf-continue a{background: Transparent url(assets/nastaviBtn.png) 0 0 no-repeat; }
a.actions-only{width:80px; margin-left:10px; padding-top:0; background:transparent url(assets/emptyBtn_medium.png) no-repeat left top;}

*html a.actions-only{margin-top:3px}

.cf-button{float:left; clear:both; width:380px; padding-right:20px;}
.cf-button a
{ 
	width:79px; 
	height:26px; 
	background:transparent url(assets/sendBtn.png) no-repeat left top;
	text-indent:-9000px;
	float:right;
}
.contact .cf-button a{background:transparent url(assets/sendBtn2.png) no-repeat left top;}
/************************************
	ORDERS
************************************/

table.orders{margin-top:30px;}
table.orders td{border-left:solid 1px #eee}
table.orders thead{color:#210000; font-weight:bold}
table.orders td{text-align:left;}


table.orders td.right{padding-right:3px;  text-align:right}
table.orders td.left{padding-left:3px; text-align:left}
table.orders td.center{padding-left:3px; text-align:center}


table.orders td{vertical-align:top;}
table.orders dl dt, table.orders dl dd, 
.order-status dl dt, .order-status dl dd{margin:0; padding:0; float:left; display:block;  font-weight:normal;}

table.orders dl{width:140px; margin:0; float:left;}
table.orders dl dt{width:110px; text-align:left;}
table.orders dl dd{float:right; width:14px; text-align:left;}

.order-status dl dt{text-align:left; width:130px;}

table.orders dl dd{float:right; clear:right; font-weight:bold;}

.order-status dl dd{padding-right:330px;}

.order-commands
{
	clear:both;
	width:100%;
	float:left;
	margin:20px 0;	
}
.order-commands h2{display:block; clear:both; font-size:14px; font-weight:bold; color:red}
.order-commands a
{
	background:transparent url(assets/emptyBtn.png) no-repeat left top;
	float:left;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	padding:2px 0 0 0;
	width:116px;
	height:18px;
	color:#fff;
	margin-right:10px;
	text-decoration:none	
}
.order-commands a:hover{color:#eee}


.category-thumbnails
{
	
}




.delete a{float:left; margin:5px 0 10px 0; font-size:12px;	padding-right:16px; background:transparent url(assets/remove_all.png) no-repeat right center;}
.delete a:hover{color:red}

#checkout-page #breadcrumbs{display:none}

#breadcrumbs {position: relative; width: 100%; padding-left:12px; font-size:12px}

#breadcrumbs ul li{display:inline; color:#666;}
#breadcrumbs ul li.last-elem{font-size:13px; font-weight:bold}


.txtrtl { unicode-bidi:bidi-override; direction: rtl; }

ccTableData {border-top:#eee}

dl.cCards{float:left;margin-bottom:1.8em;}
dl.cCards dd{float:left; display:block; padding:8px 4px 0 0;}

.fmt-txt{float:left; }
.fmt-txt p{padding:0 0 8px 2px; font-size:12px; clear:both; width:90%;}
.fmt-txt p.heading{font-size:13px;}
.fmt-txt dl.cCards{padding-left:2px; }
.fmt-txt dl.cCards dt{font-size:12px;}
.fmt-txt dl.cCards dd{padding-right:10px;}

#main-content dl.guide{font-size:1.1em; width:190px; height:230px; margin:1em}
#main-content dl.guide dd.title{font-size:13px; font-weight:bold}
#main-content dl.guide dd.body{text-align:justify; padding:4px}
#main-content dl.guide dd.body a{margin-left:6px}

#buying-guides ul, #buying-guides ol{font-size:1.1em; line-height:1.4em; padding-top:6px}
#buying-guides ul li, #buying-guides ol li{padding-bottom:6px;}
#buying-guides ul li{list-style-type:disc; margin-left:20px;}
#buying-guides ul li a{font-size:1.2em;}
#buying-guides ul.subtitles{float:left; width:280px; clear:none; padding:10px 16px; line-height:1.6em;}
#buying-guides ul.subtitles li{list-style-type:none; margin-left:0; padding-bottom:3px;}
#buying-guides ul.subtitles li a{font-size:1.2em; font-weight:bold;}

#buying-guides p{font-size:1.18em; line-height:1.6em; clear:both; width:96%}
#buying-guides p em{color:#292929}
#buying-guides p .advice{color:#f26522; font-size:1.1em; font-weight:bold}
#buying-guides h3{font-size:14px !important; font-weight:bold; border-bottom:solid 1px #eee; padding:0 6px 2px 2px; margin:14px 0 3px 0; clear:both}
#buying-guides h3 a
{
	font-weight:normal; 
	margin-right:6px; 
	float:right; 
	padding-right:8px;
	font-size:11px;
	background:transparent url(assets/xsmall_arrowtop.png) no-repeat right center;
}
#buying-guides h3 a:hover{background:transparent url(assets/xsmall_arrowtop2.png) no-repeat right center;}

#buying-guides table.tdata
    {
        width:580px;
        margin:10px 10px 10px 10px;
        clear:both;
        display:block;
        float:left;
        border-collapse:collapse;
    }
    
#buying-guides table.tdata tr td, #buying-guides table.tdata tr th{padding:3px; vertical-align:top;}
#buying-guides table.tdata tr th{border-bottom:solid 1px #000; background-color:#67b304; color: White;}
#buying-guides table.tdata tr td {border-bottom:solid 1px #000; font-size:11px;}
    


.expanded{/*font-family:Georgia;*/ padding:0 0 10px 10px;}
.expanded h3
{
	font-family:Georgia, serif;
	color:#fff;
	padding: 3px 0 0 8px; 
	display:block; 
	font-size:16px; 
	height:23px;	
	background:transparent url(assets/vodici/h3bg.png) no-repeat left center; 
	margin:0 -1px 5px 0;
}
.expanded  p {font-size:1.1em; line-height:1.6em; padding:4px 6px 4px 12px; text-align:justify}
.expanded img {margin:12px 0 0 40px;}


.expanded ul 
{
	margin-left:30px;
	margin-bottom:10px;
	font-size:1.2em; 
	list-style-type:disc; 
	line-height:1.6em;
}

.expanded li, .expanded a {
	font-family:Arial, Tahoma, Sans-Serif; font-size:1em; font-weight:bold;
}
.expanded a {font-weight:normal;}

.expanded ul li a.selected-guide {
	cursor:text; font-weight:bold; color:#000;
}
.expanded ul li a.selected-guide:hover { color:#000; }





/* about box */
ul#about-box  
{
	border:solid 1px #d2d2d2;
	margin:15px 10px 10px 14px;
	padding:10px;
	width:188px;
	float:left;
	clear:both;
}
ul#about-box li h2 { padding-bottom:5px; font-size:14px;}

.message_error{color:Red; font-size:12px; font-weight:bold}

.ccTableData{margin-bottom:50px; font-size:12px;}

#flashContainer{float:left; height:130px; width:100%; margin-top:12px; }

img.pricenet{/*border-bottom:solid 1px #d0d0d0; border-top:solid 1px #d0d0d0; border-left:solid 1px #d0d0d0;*/float:right; margin:20px -1px 16px 0;}

