/************************************
	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;
}

html { padding-bottom: 10px; }

body {font: normal 62.5%  Arial, Verdana, Tahoma, sans-serif; background: #FFF url(assets/muzej_bg.png) 0 0 repeat-x; color: #252525;}

h1, h2, h3, h4, h5 {font-family: Arial, Verdana, Tahoma, sans-serif; font-weight: normal;}

.clear{clear:both;}

h1 { display: none; }

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;}

td, th {border: 1px solid #dedede; padding: 5px;}

thead {background-color: #a50000; color: #FFF; font-weight:bold; font-size:12px;}

tfoot {text-align: right; background-color: #dedede; color: red; font-weight: bold;}

tfoot td{border:solid 1px #ccc}

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 #969f96;}

address {font-style: normal; padding: 0 10px 10px 10px;}

a:link, a:visited {color: #fff; text-decoration: none;}

a:hover, a:active {text-decoration: underline; color: #ccc; }



/************************************
	LAYOUT
************************************/

form#form1 {
	text-align: left;
	width: 900px;
	margin: 0 auto;
	line-height: 1.5em;
}

#page, #checkout-page 
{
	display: block; 
	position: relative; 
	float: left; 
	clear: both; 
	width: 900px;
	
}

#header{position: relative; padding: 0 29px; width: 880px; height:153px; display:block;}

#breadcrumbs {position: relative; width: 584px; padding-left:16px; color:#ccc; overflow:hidden;}

#breadcrumbs ul li{display:inline; padding:0 6px;}

#breadcrumbs ul li a {color:#fff; text-decoration:underline;}

#content 
{
	float: left;  
    padding:0 29px; 
    width:880px; 
    background:#fff url(assets/shades.gif) no-repeat center top; 
    min-height:600px; 
    overflow:hidden;
}

.content-bg{float:left; background-color:#e3e3e3; width:100%;  min-height:600px;}

#sidebar 
{
	width: 273px; 
	float: left; 
	padding: 10px 0 0 0; 
	background-color:#a50000; 
	border-right:solid 4px #fff; 
	border-bottom:solid 4px #fff;
	overflow:hidden;
}

#main-content {width: 68.5%; float: right; padding: 10px 0 20px 0; background-color:#000; min-height:500px}


/************************************
	HEADER
************************************/

#header a.logo {float:left;}
#header a.basket
{
	float:right; 
	padding:12px 26px 8px 0; 
	background:transparent url(assets/basketIcon.png) no-repeat right center; 
	color:#fff;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
}
#header a.basket:hover{color:#bdbdbd}
#header img.msg{float:left; margin:34px 0 0 12px;}

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

#footer{background-color:#a50000; color:#fff; width:856px; padding:12px; margin:0 auto;  border-top:solid 4px #fff; margin:0 0 0 29px;}
#footer a{color:#fff;}

/************************************
	SIDEBAR
************************************/

.sidebar-section {}

.address {padding:20px 0 0 12px; font-size:11px; color:#fff; line-height:1.4em;}

.address strong{font-size:14px; text-transform:uppercase}

.address h3 {display:none;}

.address a {text-decoration:underline; font-size:12px;}

ul#supported-cards {float:left; padding:12px 0; margin:12px 10px; background-color:#fff; border:solid 3px #dedede}
*html ul#supported-cards{margin-left:5px}

ul#supported-cards li {float:left; padding-right:4px;}

fieldset.searchBox {}

fieldset.searchBox input {}

fieldset.searchBox input.field {}

fieldset.searchBox input.button {}

/************************************
	MAIN-CONTENT
************************************/

#featured-product, #selected-products, #products-list, 
#product-details, #basket-content {float:left; padding:10px 14px; width:572px; overflow:hidden}
 

#featured-product{float:left; border-bottom:dotted 1px #bdbdbd !important}
#featured-product h2{font-size:20px;}
#featured-product img{float:left; border:solid 1px #3e3e3e !important; padding:1px;}

#products-list ul li, #selected-products ul li { padding:10px 0; height:180px;  border-bottom:dotted 1px #fff; width:560px; margin:0 auto;}
	
#products-list img, #selected-products img{float:right; border:solid 1px #3e3e3e; padding:1px;}

*html #featured-product img, *html #selected-products img, *html #products-list img, 
*html #product-details img{ background-color:#000}

#products-list h3 a, #selected-products	h3 a 
{
	float:left; 
	font-size:18px; 
	width:400px; 
	line-height:1.2em; 
	height:40px; 
	overflow:hidden;
}

dl.list-price, dl.action-price {float:left; padding:0;}
#featured-product dl.list-price, #featured-product dl.action-price{padding-left:12px;}

dl.list-price .price, dl.action-price .price {color:#ddd; font-size:12px; font-weight:normal; margin:0 !important; padding:0 !important;}

.local-currency {font-size:18px; color:#ed1c24; padding-top:4px;}

.listprice-striked {text-decoration: line-through;}

a.buy{float:left; clear:left; background:transparent url(assets/buy.png) no-repeat left top; width:54px; height:23px; text-indent:-9000px;}

/************************************
	PRODUCTS-LIST
************************************/

.sort {display:none;}

.sort p {}

.listed-product {display: block; float: left; border-bottom: 1px solid #dedede; width: 94%; padding: 0 20px;}

.listed-product dl {display: block; float: left; margin-bottom: 20px; clear: left;}

#products-list fieldset, #product-details fieldset {display: block; float: left; clear: left; margin:0 0 4px 0;}
#products-list fieldset label, #product-details fieldset label{float:left; color:#fff; font-weight:bold; padding:6px 4px 0 0}
#products-list fieldset input, #product-details fieldset input{padding:2px 3px 3px 3px;}
a.add-to-basket 
{
	display: block; 
	clear: none; 
	float: left;
	text-indent:-9000px; 
	width: 145px; 
	height: 23px; 
	background:transparent url(assets/buy2.gif) no-repeat left top
}

#main-content ul.pagination {display: block; float: left; text-align:center; width:90%; padding: 0 5%; margin-top: 10px;}

#main-content ul.pagination li {display: inline; margin: 0 1em;}

#main-content ul.pagination li span {border: 1px solid #262626; padding: 0 0.25em;}


	
	
/************************************
	PRODUCT-DETAILS
************************************/

#product-details {display: block; float: left; width: 94%;  color:#dedede; font-size:11px; padding-left:20px;}

#product-details img {padding:1px; border:solid 1px #3e3e3e}

#product-details h2 {font-size:20px; color:#fff}

#product-details h3 {}

#product-details dl.product-attributes {padding-top:30px; float:left;}
#product-details dl.product-attributes dt, #product-details table.product-variants .pvname dt{color:#fff; font-size:11px}
#product-details dl.product-attributes dd{line-height:1.5em; font-size:12px; }

#product-details table.product-attributes{margin:22px 0 0 0}
#product-details table.product-attributes td{vertical-align:top; border:none; border-bottom:dotted 1px #3a3a3a; padding:10px 0;}
#product-details table.product-attributes .attname{width:100px; font-weight:bold;}

#product-details table.product-variants td{border:none; border-bottom:dotted 1px #3e3e3e; vertical-align:top;}
#product-details table.product-variants td.pvbasket{ vertical-align:middle}
#product-details table.product-variants a.add-to-basket 
{
	background:transparent url(assets/buy.png) no-repeat left top; 
	width:54px; 
	height:23px;
}

#product-details table.product-variants .pvname h4, #product-details table.product-variants .pvname dt{margin-top:0 !important;}
#product-details table.product-variants .pvname h4, 
#product-details table.product-variants .pvname .productlist-attributes-values{font-size:12px; font-weight:normal; color:#be7110;}

#product-details .pvprice dl.list-price, #product-details .pvprice dl.list-price dt.price{margin:0; padding:0;}
#product-details .pvprice dl.list-price dt.price

img.thumbnail {cursor:pointer;}

#product-details label, .listed-product label {float: left;}

.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 table td {color:#dedede; font-size:12px;}

#basket-content table tfoot td{color:#000; font-size:13px; font-weight:bold}

#basket-content table td a{color:#fff; font-size:13px; text-decoration:underline}
#basket-content table td a:hover{color:#a50000;}

#basket-content table input {width: 30px; text-align: right;}

.taxnote{color:#dedede; font-size:11px; margin:-4px 0 16px 0;}

#basket-content ul li {float: left; margin-right: 10px;}

#basket-content ul li a, #checkout-page .hvala a.continue
{
	text-align:center;
	display:block;
	float:left;
	background:transparent url(assets/buy3.gif) no-repeat left top;
	width:145px;
	height:19px; 
	padding-top:4px;
	font-size:12px;
	text-decoration:none;
	color:#fff
}

#basket-content ul li a.basket-buy {
	background:transparent url(assets/buy.png) no-repeat left top;
	width:54px;
	text-indent:-9000px;
	margin:0 0 0 42px
}
*html #basket-content ul li a.basket-buy{margin-left:22px;}

h4.navigation-history{float:left; width:450px; font-size:16px; padding:26px 0 10px 20px; margin:0; color:#fff; font-weight:bold;}
ul.navigation-history{float:left; width:450px; font-size:11px; padding:0 0 24px 24px; margin:0; list-style-type:none; line-height:1.6em;}

/************************************
	CHECKOUT
************************************/

#checkout-page #content {padding: 10px 40px 10px 106px; width:790px;}
*html #checkout-page #content {height:600px; overflow:visible;}

#checkout-page a{color:#a50000; text-decoration:underline}

#checkout-page #footer{display:block; height:35px;color:#bdbdbd; padding-bottom:0; padding-top:5px}
#checkout-page #footer span{float:left; font-size:12px; padding-top:10px;}
#checkout-page #footer span strong{color:#fff}
#checkout-page #footer ul{float:left; padding:10px 0 0 80px}
#checkout-page #footer ul li{display:inline; margin-right:20px;}
#checkout-page #footer a{color:#fff; text-decoration:underline; font-size:12px;}
#checkout-page #footer a.poweredby
{
	float:right; 
	width:158px; 
	height:29px;
	background:transparent url(assets/poweredby.gif) no-repeat left top;
	text-indent:-9000px;
}

#checkout-page #breadcrumbs {padding:0 0 4px 0; color:#000; font-size:18px;}
#checkout-page #breadcrumbs ul li{padding:0 12px 0 0}

ul#checkout-steps {display:block; float:left; width:100%; padding:12px 0; color:#fff; font-weight:bold; font-size:11px}

ul#checkout-steps li {display:block; float:left; margin-right:10px; clear:none;}

ul#checkout-steps li a{padding-right:28px; margin-right:10px; text-decoration:none;}
ul#checkout-steps li a:hover{text-decoration:underline; color:#000}

ul#checkout-steps li a.active {background: transparent url(assets/running_basket.gif) no-repeat right center; color:#000}

#checkout-page h2 {font-weight:bold; font-size:14px; margin:20px 0; display:block; width:100%}

#checkout-page h3 {font-size:14px;}

#checkout-page #content p {
	margin-bottom: 10px;
	width: 100%;
	display: block;
	float: left;
	clear: both;
	padding: 10px 0 0 0;
}

#checkout-page #content p em {font-weight: normal; font-size: 12px;}

#checkout-page fieldset {width: 100%; padding: 10px 0; float: left; clear: left;}

#checkout-page fieldset legend {
	display: block;
	color: #252525;
	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;
	overflow: auto;
	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 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: 1px;}

#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: 1px;}

ul#checkout-steps-navigation {display: block; width: 100%; padding: 0; clear: both;}

ul#checkout-steps-navigation li {display: block; float: left; margin-right: 40px;}

ul#checkout-steps-navigation a{
	float: left;
	display: block;
	width: 77px;
	height: 24px;
	text-indent: -9999px;}
ul#checkout-steps-navigation a.prev {background: transparent url(assets/prev.gif) 0 0 no-repeat;}
ul#checkout-steps-navigation a.next {background: transparent url(assets/next.gif) 0 0 no-repeat;}

fieldset#personal-data, table#personal-data, .ctrlHolder, fieldset#remember_me, 
table.confirm-product-list, table#delivery, .order-comment{font-size:12px;}

table.confirm-product-list .preview-currencies .fakelink{color:#a50000 !important; font-weight:normal; text-decoration:underline}

table.confirm-product-list .all-currencies{font-size:10px; left:-270px !important; bottom:-3px}

#checkout-page table#personal-data td, #checkout-page table#personal-data th,
#checkout-page table#delivery td, #checkout-page table#delivery th {border: none;}

#checkout-page table#personal-data th {width: 18em;}

#checkout-page tfoot {color: #252525;}

#checkout-page .delete{padding:8px 0 18px 22px}

#checkout-page .hvala{margin-top:-4px;}
#checkout-page .hvala p{clear:both; float:left; font-size:12px; width:700px !important;}
#checkout-page .hvala p a{}


.required { color:Red; }
.threedinfo {margin-top:10px;color:#666;padding:5px;}
.requiredinfo {border-top:solid 1px #999;clear:both;}

.yes { color:Green;}
.no { color:Red;}

.order-comment textarea{width:780px; padding:5px; font-family:Tahoma, Arial, Sans-Serif; font-size:12px}

.checkout-productlist ul{float:left; padding:0 0 12px 0;}
.checkout-productlist ul li{ list-style-type:decimal; margin-left:20px;}
.checkout-productlist a{font-size:13px;}

.checkout-radiolist{padding:0 0 25px 0; float:left; clear:both; width:100%}
.checkout-radiolist label{padding:2px 0 0 5px; font-size:12px; float:left; display:block;margin-bottom:10px}
.checkout-radiolist span.checkout-note{font-size:11px; font-style:italic; }
#checkout-page .checkout-radiolist span input{float:left; border:none; clear:left;}

.continue-shopping{}

.legalinfo{display:block; margin-right:-10px;	margin-bottom:10px; clear:both;}


#customCategoriesNavigation2
{
	margin-bottom:15px;
	position:relative;
	clear:both;
	float:left;
}
#customCategoriesNavigation2 ul    /*-------1st level---------*/
{
	margin:0;
	padding:12px 0 0 0;
	list-style-type:none;
	clear:both;
	float:left;
	display:block;	
}
#customCategoriesNavigation2 ul li{
	width:250px;
	margin-top:1px;
	padding: 3px 3px 3px 10px;
	float:left;
	clear:both;
	overflow:hidden;
	display:block;
	border-bottom:dotted 1px #fff
}
#customCategoriesNavigation2 ul li a
{
	color:#fff;
	font-size:12px;
	font-weight:bold;
	float:left;
	width:220px;
	margin-right:4px;
	overflow:hidden;
	text-transform:uppercase;
}
#customCategoriesNavigation2 ul li a:hover{color:#ccc}
#customCategoriesNavigation2 ul li a.selected_category{color:#000; font-weight:bold;}

#customCategoriesNavigation2 ul li a:hover{text-decoration:none;}

#customCategoriesNavigation2 ul li a:active{color:Red;}

#customCategoriesNavigation2 ul li span{float:right;cursor:pointer;}


#customCategoriesNavigation2 ul li ul{margin:3px 0 0 -10px;}  /*-------2nd level---------*/

#customCategoriesNavigation2 ul li ul li{clear:both;}

#customCategoriesNavigation2 ul li ul li a{padding-left:10px; color:#000; font-weight:normal; text-transform:none;}

#customCategoriesNavigation2 ul li ul li ul li a{padding-left:20px;color:#484848;font-weight:normal;} /*-------3rd level---------*/

#customCategoriesNavigation2 .category_navigation_open
{
	display:block;
	width:10px;
	height:10px;
	background-image:url(arrow_up.gif);
	background-repeat:no-repeat;
	text-indent:-9000px;
	margin-top:5px;
}

#customCategoriesNavigation2 span, #customCategoriesNavigation2 .category_navigation_closed
{
	display:block;
	width:10px;
	height:10px;
	background-image:url(arrow_down.gif);
	background-repeat:no-repeat;
	text-indent:-9000px;
	margin-top:5px;
}

/*--------------------CUSTOM CATEGORY NAVIG END------------------------*/

.nav-attributes, .address{float:left; clear:both; display:block;}

.productlist-attributes-binarylibrary { float:left; display:block; margin:5px 0 5px 0; list-style-type:none; clear:both;}



dd.preview-currencies {
	color:#fff;
	padding:3px;
	display:block;
}
dd.preview-currencies span{
	padding:3px 0;
	display:block;
}
dd.all-currencies {position: relative;}

dd.all-currencies ul {display: block;}

dd.all-currencies-tooltip ul li, 
div.all-currencies-tooltip ul li,
#selected-products div.all-currencies-tooltip ul li
 {
	display: block;
	padding: 0px;
	margin: 0px;
	float: left;
	width: 100px;
	background-color:transparent;
	border:none;
}

.all-currencies .all-currencies-tooltip {
	position: absolute;
	z-index: 90;
	background-color: #000;
	width: 300px;
	left: 0;
	top: -10px;
	margin: 0.25em 0 0 0;
	padding: 5px;
	/********** rub boxa za sve valute - original **********/
	border: 1px solid #831717;
	font-weight: normal;
	text-align: left;
	color:#be7110;

}
.product-variants .all-currencies .all-currencies-tooltip {left:-36px}

.all-currencies .all-currencies-tooltip ul{text-align:right;}
.all-currencies .all-currencies-tooltip ul li{
	width:86px!important;
	height:auto !important;
	float:left;
	text-align:right;
	padding:0 !important;
	margin:0 !important;
	border:none !important;
	background-image:none !important;
}
.all-currencies .all-currencies-tooltip p{color:#fff;}
#checkout-page .all-currencies .all-currencies-tooltip p{padding-top:0px; margin-top:-15px; color:#fff;}
.all-currencies-tooltip {display: none;}

#checkout-page .message_error
{
	float:left; 
	width:482px; 
	color:#000; 
	font-size:14px; 
	display:block; 
	text-align:center; 
	padding:10px 0; 
	border:solid 2px red;
	margin:0 0 10px 0;
}