/************************************
	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; }
.clear{clear:both;}

body 
{
	font: normal 62.5%  Cambria, Georgia, Serif; 
	color:#000;
	background-color:#fede2c!important; 
	background-position: 50% top !important;
	background-repeat:no-repeat !important;	
	margin:0;
	padding:0 !important;
	display:block;	
}

/*
body { overflow:hidden; }
body form { 
	width:100%; 
	height:100%; 
	position:absolute; 
	top:0; 
	overflow:auto; 
	z-index:4; 
	text-align:center; 
}
*/


h1, h2, h3, h4, h5 {font-family: Cambria, Georgia, Serif; font-weight: normal;}

h1 { display: none; }

h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:16px;}
p{font-size:13px; font-size:13px; line-height:1.4em; }
p a{text-decoration:underline;}

.lcol h2, .lcol h3, .lcol p{padding:5px 10px; margin:0}
.lcol ol{font-size:13px; margin-left:14px; line-height:1.4em; }
.lcol ol ul{list-style:disc !important; margin-left:14px; font-size:12px; }

.faq ol{margin:0 0 0 35px; padding:0; font-size:16px; line-height:1.2em;}
.faq ol ul{font-size:13px; }

a{font-family:Arial, Sans-Serif}



dt {font-weight: bold;}

table {width:942px; border-collapse: collapse; margin: 14px;}

caption {display: none;}

th {white-space: nowrap;}

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

thead {background-color: #000; color: #FFF; font-size:14px; font-weight:bold;}

tfoot {text-align: right; background-color: #ffe131; color: #000; font-size:16px; font-weight: bold; font-family:Arial, Sans-Serif}
tfoot .quantity{font-family: Cambria, Georgia, Serif;}

.taxnote{float:left; font-size:12px; padding-left:12px;}

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: #022969; text-decoration: none;}

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

textarea{padding:4px; font-size:14px; font-family:Arial, Sans-Serif}

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


#page, #checkout-page, .header-content, .top-content
{
	text-align: left; 
	width: 970px; 
	margin: 0 auto;
	display:block;
}

#header 
{
	position: relative; 
	background-color: #FFF; 
	padding: 0;
	height:73px; 
	width: 100%; 
	background:transparent url(assets/topBg.png) repeat-x 0 0;
	z-index:100;
}

.top-content{padding:10px 0 15px 0}

.top-content dl
{
	font-size:16px; 
	width:246px;
	height:268px; 
	float:left; 
	margin-top:80px;
	padding:20px 0 0 28px;
	background:transparent url(assets/company-bg.png) no-repeat 0 0;
}
.top-content dl dt{font-size:18px;}
.google-info{height:120px;}

/*#breadcrumbs {position: relative; width: 100%;}

#breadcrumbs ul li, #breadcrumbs ul li a {color:#fff;}*/

#content 
{
	float: left; 
	position: relative; 
	width: 970px; 
	min-height:620px;
	border:solid 1px #ccc; 
	border-bottom:none;
	border-top:none; 
	clear: both; 
	padding: 10px 0 0 0; 
	background:#fff none;
	z-index:10;
	margin-top:40px;
}

#footer 
{
	float: left; 
	width: 964px; 
	height:30px; 
	background:none #000;
	padding:4px;
}
#footer .logo{float:left;}
#footer p{float:left; padding:4px; color:#fff}
#footer .mtn{float:right	; margin-top:2px;}

.newsletter #footer 
{
	width: 973px; 
	height:26px; 
	background:none #000; 
	margin-left:-1px;
	padding-top:10px; 
	display:block;
	position:absolute;
	bottom:0;
	left:0;
}

#sidebar {width: 30.7%; float: left; padding: 10px 0 0 0;}

#main-content {width: 68.5%; float: right; padding: 10px 0 20px 0;}

.lcol{float:left; width:484px;}
.rcol{float:right; width:468px;}

#selected-products {clear: both;}

/************************************
	HEADER
************************************/
.header-content{position:relative; height:73px; background:transparent url(assets/headerBg.png) no-repeat 0 0;}

#header a {display: block;}

#header a.logo 
{
	position:absolute; 
	left:0; 
	top:0; 
	width:130px; 
	height:160px; 
	display:block;
	text-indent:-9000px; 
	background:transparent url(assets/flyingLogo.png) no-repeat 0 0;
}

fieldset.searchBox{float:right; padding-top:8px;}
fieldset.searchBox input.field {width:310px; border:none; background:transparent}
fieldset.searchBox input.button {height:22px; width:38px;  border:none; background:transparent; cursor:pointer}
fieldset.searchBox .checkbox, fieldset.searchBox label, fieldset.searchBox legend{display:none;}


#header ul.top-nav{float:right; width:618px; clear:right; margin-top:16px; height:14px; font-family:Arial, Sans-Serif Serif;}
#header ul.top-nav li{float:left; padding-left:18px;}	
#header ul.top-nav li a{color:#ffe131; font-size:11px; font-weight:bold;}
#header ul.top-nav li a:hover{color:#fff; text-decoration:none}

#breadcrumbs ul {}

#breadcrumbs ul li {}

/************************************
	MAIN NAVIGATION
************************************/

.main-nav
{
	width:971px; 
	height:32px; 
	z-index:90; 
	position:absolute;
	top:-32px;
	left:-1px;
}
.main-nav ul, ul.dd-cat-nav-menu { list-style:none; margin:0; padding:0 0 0 1px; z-index:20}
.main-nav ul *, ul.dd-cat-nav-menu * {margin:0; padding:0}
.main-nav ul a, ul.dd-cat-nav-menu a 
{
	display:block; 
	color:#000; 
	text-decoration:none; 
	text-transform:uppercase;
	font-size:12px; 
	font-weight:bold;
	color:#bbd3d8;
	font-family:Arial, Sans-Serif Serif
}
.main-nav ul li, ul.dd-cat-nav-menu li {position:relative; float:left; margin-right:4px}

ul.dd-cat-nav-menu ul 
{
	position:absolute; 
	top:32px; 
	left:-5px; 
	background:#ffe131; 
	display:none; 
	opacity:0; 
	list-style:none;
	padding:0;
	width:220px;
	background:Transparent url(assets/ddown-bg.png) no-repeat 0 bottom; 
}

ul.dd-cat-nav-menu ul li {position:relative; width:190px; margin:0 0 0 5px; padding:0 5px}
ul.dd-cat-nav-menu ul li a {display:block; color:#000; text-transform:none; padding:2px 4px;}
ul.dd-cat-nav-menu ul li a:hover {background-color:#000; color:#fff}



.main-nav ul a.menulink, ul.dd-cat-nav-menu .menulink 
{
	width:108px; 
	height:24px; 
	background:url(assets/tab-black.png) no-repeat 0 0; 
	text-align:center;
	padding-top:8px;
}
ul.dd-cat-nav-menu .selected, .main-nav ul a.current{background:url(assets/tab-white.png) no-repeat 0 0 !important; color:#000; height:24px;}
.main-nav ul .menulink:hover{background:url(assets/tab-yellow.png) no-repeat 0 0; color:#000}

ul.dd-cat-nav-menu .menuhover{background:url(assets/tab-yellow.png) no-repeat 0 0 !important; color:#000}
ul.dd-cat-nav-menu ul .menuhover, ul.dd-cat-nav-menu ul .selected{background:#000 none !important; color:#fff; height:auto;}

ul.dd-cat-nav-menu .sub {background:transparent url(DropDownMenu/arrow.gif) 136px 8px no-repeat;}
ul.dd-cat-nav-menu .topline {border-top:1px solid #aaa}

ul.dd-cat-nav-menu ul li.firstchild{padding-top:5px;}
ul.dd-cat-nav-menu ul li.lastchild{padding-bottom:20px}
ul.dd-cat-nav-menu ul li.singlechild{padding:5px 5px 15px 5px;}

ul.dd-cat-nav-menu ul ul {left:180px; top:-8px; background:none;}
ul.dd-cat-nav-menu ul ul li{background:transparent url(assets/ddown-item-bg.png) repeat-y 0 0; margin-bottom:0; float:left; width:200px;}
ul.dd-cat-nav-menu ul ul li.firstchild{padding-top:9px; background:Transparent url(assets/ddown-fchild-bg.png) no-repeat 0 0;}
ul.dd-cat-nav-menu ul ul li.lastchild{padding-bottom:10px; background:Transparent url(assets/ddown-lchild-bg.png) no-repeat 0 0;}
ul.dd-cat-nav-menu ul ul li.singlechild{padding-bottom:10px; padding-top:10px; background:Transparent url(assets/ddown-ochild-bg.png) no-repeat 0 0;}

ul.dd-cat-nav-menu ul ul li a{margin:0 5px !important}


.main-nav ul li.basket{float:right; margin-right:0}
.main-nav ul li a.whole-basket
{
	background:url(assets/basket.png) no-repeat 0 0; 
	width:175px; 
	height:24px; 
	margin-top:-8px;
	padding:15px 0 0 12px
}
.main-nav ul li a.whole-basket:hover{color:#ffe131}

/************************************
	INTRO TEXT
************************************/

.intro-txt p{float:left; width:460px; font-size:12px; padding:0 10px 10px 10px; line-height:1.4em}
.intro-txt p.right{float:right}
.intro-txt p span{text-transform:uppercase; font-size:14px;}


/************************************
	RIGHT COLUMN
************************************/

.news dl{position:relative; padding:4px 0 8px 0; border-bottom: solid 1px #adc4c9; float:left; height:78px;}
.news dt, .news-detail dt, .news-list dt
{
	float:left;
	width:80px; 
	height:20px; 
	display:block; 
	color:#fff; 
	text-align:center;
	padding:5px 0 0 0;
	margin-left:80px;
	background:transparent url(assets/news-date-bg.png) no-repeat 0 0;
	font-family:Arial, Verdana, Sans-Serif;
	font-size:14px;
	font-weight:normal;
}

.news dd.title{float:left; font-size:17px; font-weight:bold; padding-left:80px; clear:both; width:370px}
.news dd.title a{font-family: Cambria, Georgia, Serif;}
.news dd.text{float:left; font-size:12px; padding-left:80px; width:370px;}
.news dd.picture{position:absolute; left:4px; top:8px;}

a.news-active-all 
{
	text-transform:uppercase; 
	font-size:14px; 
	font-weight:bold;
	padding-right:20px; 
	background:transparent url(assets/arrows.png) no-repeat right center;
	float:right;
	margin:15px 8px 15px 0;
}

dl.news-detail{float:left; padding:20px 0 0 35px; width:880px;}
.news-detail dt{margin:0 0 20px 0;}
.news-detail dd.picture{position:relative; float:left; clear:left; }
.news-detail dd.title{float:right; font-size:20px; font-weight:bold; margin:0 0 0 22px; width:700px; }
.news-detail dd.subtitle{float:right; font-size:16px; font-weight:normal; margin:0 0 0 22px; width:700px;}
.news-detail dd.text{float:right; font-size:14px; font-weight:normal; margin:12px 0 0 22px; width:700px;}

dl.news-detail a.news-active-all{float:left; clear:both; margin:0 0 20px 180px;}

.news-list dl{float:left; width:800px; padding:5px; clear:both; border-bottom:dotted 1px #ccc; margin-left:90px;}
.news-list dt{margin-left:10px;}
.news-list dd.picture {position:relative; float:left; padding:0 10px; width:50px; height:50px; text-align:center}
.news-list dd.title{float:left; font-size:17px; font-weight:bold; font-family:Cambria, Georgia, serif}
.news-list dd.title a{ font-family:Cambria, Georgia, serif}
.news-list dd.text{float:left; font-size:12px; font-weight:normal; width:620px;}


/************************************
	SELECTED & LISTED PRODUCTS 
************************************/
.sort
{
	float:left; 
	width:942px; 
	height:65px;
	padding:5px;
	margin:0 0 10px 8px;
	background:transparent url(assets/sort-bg.png) no-repeat 0 0;
}
.sort h2{clear:both; font-size:20px; padding-left:13px; margin-top:-3px; float:left;}
.sort span.yes{float:left; color:#000; font-size:18px; clear:left; padding:0 0 0 16px; font-weight:bold; width:300px;}
.sort .products-sort{float:right; font-family:Arial, Sans-Serif; width:250px; }
.sort .products-sort p{float:left; padding-right:6px;font-size:12px; font-weight:bold;}
.sort .products-sort select{margin-top:-3px;}

.sort ul#breadcrumbs{float:left; width:700px; padding:10px 10px 5px 10px}
.sort ul#breadcrumbs li{float:left; font-size:12px; font-weight:bold; padding:0 4px; font-family:Arial, Sans-Serif;}
.sort ul#breadcrumbs li a
{
	display:block;
	text-align:center;
	padding:5px 0 0 0;
	font-weight:bold;
	margin-top:-5px;
	font-family:Arial, Sans-Serif}
.sort ul#breadcrumbs li.last-elem
{
	display:block;
	background-color:#000; 
	color:#fff; 
	text-align:center;
	padding:5px 8px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius:8px;	
	font-weight:bold;
	margin-top:-5px;
	font-family:Arial, Sans-Serif
}

ul.selected-products{padding-left:10px}
ul.products-list{padding-left:16px}
ul.selected-products li, ul.products-list  li 
{
	float:left; 
	margin:0 8px 10px 0; 
	padding:8px 4px;
	width:142px; 
	height:175px;
	text-align:center;
	position:relative;
	border:solid 1px #000;
}
ul.products-list  li {margin:0 22px 22px 0; height:206px; width:160px;} 
ul.selected-products li.stupac3, ul.products-list li.stupac5 {margin-right:0;}

table.title-container
{
	margin:0!important;
	padding:0 !important;
	height:40px; 
	overflow:hidden; 
	border-collapse:separate;
	float:left;
	width:142px;
}
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:142px;
	height:40px;
	vertical-align:middle;
}

ul.selected-products h3, ul.selected-products h3 a, 
ul.products-list h3, ul.products-list h3 a
{
	font-size:12px; 
	margin:0; 
	padding:0; 
	color:#022969; 
	line-height:1.1em; 
	font-weight:bold;
}

ul.selected-products a.buy, ul.products-list a.buy
{
	position:absolute;
	text-indent:-9000px; 
	right:4px; 
	bottom:2px; 
	display:block; 
	width:32px; 
	height:24px;
	background:transparent url(assets/buy.gif) no-repeat 0 0;
}

ul .price, ul label, ul input{display:none;}
dl.list-price, dl.action-price{position:absolute; left:4px; bottom:4px; font-family:Arial, Verdana, Sans-Serif; font-size:14px; }
dl.list-price dd, dl.action-price dd {font-size:14px; font-weight:bold;}
.listprice-striked 
{
	text-decoration: line-through; 
	color:#000; 
	position:absolute; 
	bottom:16px; 
	font-weight:normal; 
	width:100px; 
	text-align:left;
	font-size:12px;
}

ul.pagination {display: block; float: right; text-align:right; padding-right:20px; margin-top: 10px; margin-bottom: 10px}
ul.pagination li {font-size:14px; display: inline; margin: 0 6px; font-weight:bold;}
ul.pagination li span { padding: 0 0.25em; color: #47474f; text-decoration:none}

ul.actions-list .actions2
{
	float:left; 
	clear:both; 
	font-size:16px; 
	padding:8px 14px; 
	margin:0 0 18px 8px;
	width:100%;
	height:29px;
	background:transparent url(assets/actions-bg.png) no-repeat 0 0;
}
ul.actions-list .actions2 span{padding:0 4px;}
ul.actions-list ul.products-list{clear:both; padding-bottom:10px;}

.product-list-image {
    display:inline-block;
    width:140px; height:140px;
}

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

.wrapper-details{float:left; margin-top:100px;}
#product-details {width: 90%; padding: 10px 5% 0 5%;}
#product-details h2{font-size:22px; padding:0; margin:0 0 20px 0;}
#product-details  .product-image{float:left; padding-right:20px;}
#product-details .data-container
{
	float:left; 
	font-family:Arial, Sans-Serif; 
	width:550px; 
	position:relative; 
	height:300px;
}
#product-details .price-box dl{position:relative}
#product-details .price-box dl dt{font-weight:normal;}
#product-details .price-box dl dd{font-size:20px; padding-top:3px;}
#product-details .price-box fieldset{font-size:12px;}
#product-details .price-box label{float:left; padding:8px 6px 0 0; margin-top:10px;}
#product-details .price-box input{float:left; border:solid 2px #adc4c9; margin:10px 12px 0 0;}
#product-details .price-box .add-to-basket
{
	float:left; 
	width:210px; 
	height:49px; 
	text-indent:-9000px; 
	background:transparent url(assets/add-to-basket.png) no-repeat 0 0;
}
#product-details .price-box .add-to-basket:hover{background:transparent url(assets/add-to-basket-hover.png) no-repeat 0 0;}

#product-details .addlinks
{
	position:absolute; 
	left:0; 
	bottom:0; 
	font-weight:bold; 
	font-size:14px; 
	width:100%;
}
#product-details .addlinks li{float:left;}
#product-details .addlinks li.right{float:right;}
#product-details .addlinks  a.send-link
{
	float:left; 
	padding:10px 52px 10px 0; 
	background:transparent url(assets/posalji-prijatelju.png) no-repeat right center;
}
#product-details .addlinks  a.ask-about
{
	float:left; 
	padding:10px 38px 10px 0; 
	background:transparent url(assets/upit.png) no-repeat right center;
}

#product-details .data-container .productlist-attributes-binarylibrary{margin-left:-10px; float:left;}
#product-details li.various_images{float:left; padding:2px; border:solid 1px #ccc; margin:10px 0 0 10px;}

#product-details .productdetails_body table{font-size:13px; width:100%; margin-top:20px; float:left;}
#product-details .productdetails_body table td{text-align:left; border:none; border-bottom:solid 1px #adc4c9;  vertical-align:top }
#product-details .productdetails_body table .attname{font-weight:bold; width:20%;}
#product-details .productdetails_body table .attnvalue{width:78%;}

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{margin-top:-5px;}

#basket-content table input {width: 3em; text-align: right;}
#basket-content table .slika{width:62px; text-align:left;}
#basket-content table .proizvod{text-align:left; font-weight:bold; font-size:14px;}
#basket-content table .cijena{width:75px; text-align:right; font-family:Arial, Sans-Serif; font-size:14px;}
#basket-content table .količina{width:75px; text-align:right; font-family:Arial, Sans-Serif; font-size:14px;}
#basket-content table .ukupno{font-weight:bold}
#basket-content table .izbaci{text-align:center; width:32px;}

#basket-content table .izbaci a
{
	text-indent:-9000px;
	width:16px;
	height:16px;
	display:block;
	margin-left:12px;
	background:transparent url(assets/remove.png) no-repeat 0 0;
}
#basket-content table .izbaci a:hover{background:transparent url(assets/remove2.png) no-repeat 0 0;}

#basket-content ul{float:right; padding-right:8px;}
#basket-content ul li{float:left; margin-left:8px;}
#basket-content ul li a{display:block; width:154px; height:42px; text-indent:-9000px;}

a.basket-continue {background: transparent url(assets/basket-continue.gif) 0 0 no-repeat;}
a.basket-continue:hover {background: transparent url(assets/basket-continue-hover.gif) 0 0 no-repeat;}

a.basket-recalculate {background: transparent url(assets/basket-recalc.gif) 0 0 no-repeat;}
a.basket-recalculate:hover {background: transparent url(assets/basket-recalc-hover.gif) 0 0 no-repeat;}

a.basket-empty{background: transparent url(assets/basket-empty.gif) 0 0 no-repeat;}
a.basket-empty:hover {background: transparent url(assets/basket-empty-hover.gif) 0 0 no-repeat;}

a.basket-buy {width:150px; height:54px !important; margin-top:-10px; background: transparent url(assets/basket-buy.gif) 0 0 no-repeat;}
a.basket-buy:hover {background: transparent url(assets/basket-buy-hover.gif) 0 0 no-repeat;}


span.pages-history, .dostava{float:left; padding:30px 0 0 20px; clear:both}
h4.navigation-history, .dostava h4
{
	display:block; 
	clear:both;
	font-size:20px;
	margin:0; 
	padding:0 
}
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{text-decoration:none; font-size:13px;}
ul.navigation-history li a:hover{color:#8bbd4a;}

#basket-content .no{font-size:18px; padding:18px;}

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

#checkout-page #content 
{
	width: 81%; 
	min-height:710px;
	padding: 10px 20px 10px 17%; 
	font-size:14px; 
	border-top:solid 1px #ccc; 
	position:relative;
}

#checkout-page .shipping{margin-left:-30px; width:660px; font-size:14px;}

ul#checkout-steps 
{
	display: block; 
	right:20px; 
	top:6px;
	position:absolute;
	padding:15px 0;
	background:transparent url(assets/ch-steps-bg.png) no-repeat left top
}
#checkout-page .shipping ul#checkout-steps-navigation{margin-top:70px;}

ul#checkout-steps li {display: block;  clear: both; padding-bottom:12px;}
ul#checkout-steps li.none{display:none;}

ul#checkout-steps li a{display:block; text-indent:-9000px; width:112px; height:112px;}


li.step-1 a{background:transparent url(assets/step-1.png) no-repeat left top}
li.step-2 a{background:transparent url(assets/step-2.png) no-repeat left top}
li.step-3 a{background:transparent url(assets/step-3.png) no-repeat left top}
li.step-4 a{background:transparent url(assets/step-4.png) no-repeat left top}
li.step-5 a{background:transparent url(assets/step-5.png) no-repeat left top}
li.step-6 a{background:transparent url(assets/step-6.png) no-repeat left top}

li.step-1 a.active{background:transparent url(assets/step-1-active.png) no-repeat left top}
li.step-2 a.active{background:transparent url(assets/step-2-active.png) no-repeat left top}
li.step-3 a.active{background:transparent url(assets/step-3-active.png) no-repeat left top}
li.step-4 a.active{background:transparent url(assets/step-4-active.png) no-repeat left top}
li.step-5 a.active{background:transparent url(assets/step-5-active.png) no-repeat left top}
li.step-6 a.active{background:transparent url(assets/step-6-active.png) no-repeat left top}

#checkout-page h2 {font-size:22px;}

#checkout-page h3 {font-size:18px; margin:40px 0 0 0; padding:0;}

#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: bold;font-size: 1.1em;}

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

#checkout-page fieldset legend {
	display: block;
	color: #252525;
	font-family:Arial, 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 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; clear: both; padding-left:0 !important}

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

ul#checkout-steps-navigation li a
{
	display:block;
	width:122px;
	height:46px;
	text-indent:-9000px;	
}

ul#checkout-steps-navigation a.prev {background: transparent url(assets/prev.png) 0 0 no-repeat;}
ul#checkout-steps-navigation a.prev:hover {background: transparent url(assets/prev-hover.png) 0 0 no-repeat;}

ul#checkout-steps-navigation a.next {background:transparent url(assets/next.png) no-repeat right center;}
ul#checkout-steps-navigation a.next:hover {background:transparent url(assets/next-hover.png) no-repeat right center;}

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

.confirm-order-container{float:left; margin:-10px 0 0 -150px;}

#checkout-page table#personal-data{float:left; margin-bottom:80px;}

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

table.confirm-product-list{width:940px; margin-left:0 !important;}

.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:928px;padding:5px;}

.checkout-productlist ul{ list-style:decimal; padding-left:26px;}
.checkout-productlist ul li{padding-bottom:12px;}
.checkout-productlist a{font-size:14px; font-weight:bold;}

.checkout-radiolist input{float:left; clear:left; margin:10px 6px 0 6px;}
.checkout-radiolist label{float:left; width:620px; margin:10px 0 0 0;}
.checkout-radiolist .checkout-note{font-size:12px; padding-left:20px; display:block; font-style: italic}

#checkout-page .checkout-radiolist span input{float:left; border:none;}

a.lnk-continue
{
	width:180px; 
	height:46px; 
	text-indent:-9000px; 
	float:left; 
	clear:both; 
	background:transparent url(assets/continue-shopping.png) no-repeat 0 0;
}
a.lnk-continue:hover{background:transparent url(assets/continue-shopping-hover.png) no-repeat 0 0;}

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




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


dl.image_box{float:left; font-size:16px; font-weight:bold; padding:8px;}


/*contact forms*/
table.send-email{margin:10px; width:400px;}
table.send-email td{font-size:14px; vertical-align:top; border:none !important;}
table.send-email input, table.send-email textarea{width:260px;}

.close-btn
{
	width:125px;
	height:47px; 
	float:left;  
	background:transparent url(assets/zatvori.png) no-repeat left top;
	text-indent:-9000px;
}
.close-btn:hover{background:transparent url(assets/zatvori-hover.png) no-repeat left top;}
.resend-btn{
	width:125px;
	height:47px; 
	float:left;
	background:transparent url(assets/nova-poruka.png) no-repeat left top;
	text-indent:-9000px;
}
.resend-btn:hover{background:transparent url(assets/nova-poruka-hover.png) no-repeat left top;}


.cf
{
	background:transparent url(assets/bg.png) 0 0 repeat;
	float:left;
	width:450px;
	padding:12px 10px 12px 10px;
	margin-bottom:15px;
	font-size:14px;
	overflow:hidden;
}
.cf div{float:left; width:460px; margin-bottom:10px;}

.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 {float:left; height:80px; width:315px; font-family:Arial, Sans-Serif; border:solid 1px #87a9b0}
.cf span.cf-label{display:block; width:110px; clear:left; margin-left:6px; margin-right:6px;}
.cf .cf-info{margin-bottom:0;}
.cf-info span
{
	float:left;
	clear:both;
	color:#2c2c2c;
	padding:0;
	font-weight:bold;
	width:400px;
	
}

.cf .cf-continue {display:block; margin-top:10px; clear:both;}
.cf-button a, .send-btn
{
	width:125px;
	height:47px; 
	float:right;  
	background:transparent url(assets/send.png) no-repeat left top;
	text-indent:-9000px;
}
.cf-button a:hover, .send-btn:hover{background:transparent url(assets/send-hover.png) no-repeat left top;}
.cf .cf-continue a{background: Transparent url(assets/nastaviBtn.png) 0 0 no-repeat; }


.cf .cf-continue a
{
	width:125px;
	height:47px; 
	float:right; 
	margin-top:-45px; 
	background:transparent url(assets/cf-continue.png) no-repeat left top;
	text-indent:-9000px;
}
.cf .cf-continue a:hover{background:transparent url(assets/cf-continue-hover.png) no-repeat left top;}


/************************************
	NEWSLETTER
************************************/

.newsletter-container input{border:solid 2px #87a9b0}

.newsletter-mail
{

	float:left;
	width:562px;
	padding:20px 100px 20px 12px;
	overflow:hidden;
	font-size:14px;
}

.newsletter-mail dt, .newsletter-mail dd{float:left; margin:0; padding:0}
.newsletter-mail dt, .nl-contactinfo dl dt{padding:6px 8px 0 0;}
.nl-contactinfo dl.newsletter-postanski dt {padding:0 8px 0 0; margin-top:-1px; line-height:1em}
.newsletter-mail input{width:300px;}

.newsletter-mail dd.continue{float:left; clear:both; padding:16px 0 10px 42px}
.newsletter-mail dd.continue a, a.nl-back
{
	display:block;
	width:125px;
	height:47px; 
	text-indent:-9000px;
	background:transparent url(assets/cf-continue.png) right center no-repeat;
}
a.nl-back{float:left; clear:both; margin:6px 0; padding-left:10px;}
.newsletter-mail dd.continue a:hover, a.nl-back:hover{background:transparent url(assets/cf-continue-hover.png) right center no-repeat;}


.newsletter-productscheck
{
	float:left;
	width:440px;
	padding:10px 0 20px 12px;
	overflow:hidden;
	clear:both;
}
.newsletter-productscheck dt, .newsletter-productscheck dd{margin:0; padding:0;}
.newsletter-productscheck dt{font-size:14px;}
.newsletter-productscheck dd{font-size:14px;}
.newsletter-productscheck  input{float:left;}
.newsletter-productscheck  label{float:left; padding:2px 0 0 2px;}

.newsletter-productscheck table{float:left; margin:10px 0 0 0;}
.newsletter-container table td{ border:none;}

.nl-contactinfo dl
{
	
	float:left;
	width:560px;
	padding:12px 100px 12px 12px;
	margin-bottom:0;
	overflow:hidden;
	font-size:14px;
	/*height:360px;	*/
}

.nl-contactinfo dl dt, .nl-contactinfo dl dd{float:left; margin:0; padding:0;}
.nl-contactinfo dl dt{padding:6px 8px 0 0; width:60px;}
.nl-contactinfo dl input{width:250px;}

.nl-contactinfo dl.newsletter-radiolist input{float:left; width:auto}
.nl-contactinfo dl.newsletter-radiolist dt{width:30px;}
.nl-contactinfo dl.newsletter-radiolist dd{width:100px;}
.nl-contactinfo dl.newsletter-radiolist dd table{width:98px; margin:0; padding:0;}

.nl-contactinfo dl.newsletter-datum dd{margin-right:5px;}

.nl-contactinfo dl.newsletter-subscribe a
{
	display:block;
	width:125px;
	height:47px; 
	text-indent:-9000px; 
	background:transparent url(assets/nl-pretplati.png) right center no-repeat;
}
.nl-contactinfo dl.newsletter-subscribe a:hover{background:transparent url(assets/nl-pretplati-hover.png) 0 0 no-repeat;}

.nl-unsuccess{font-size:14px; font-weight:bold; color:Red; margin:10px 0; float:left;}
.nl-success{font-size:14px; font-weight:bold; margin:10px 0; float:left; padding-left:12px;}
a.nl-retry
{
	display:block;
	float:left;
	clear:both;
	width:93px;
	height:26px; 
	text-indent:-9000px; 
	background:transparent url(assets/ponovi.png) right top no-repeat;	
}
a.nl-retry:hover{background:transparent url(assets/ponovi-hover.png) right top no-repeat;}

.newsletter-unsubscribe{float:left; clear:both; padding:0 0 0 5px}
.newsletter-unsubscribe a
{
	display:block;
	width:93px;
	height:26px; 
	text-indent:-9000px; 
	background:transparent url(assets/odjavise.png) right center no-repeat;
}
.newsletter-unsubscribe a:hover{background:transparent url(assets/odjavise-hover.png) right center no-repeat;}

.message_info{font-weight:bold; font-size:16px; float:left; width:100%; text-align:center}

.ccTableData{margin:20px 0; width:650px; font-size:14px;}
.checkout-card{float:right; margin:-30px 130px 0 0;}


table.actions-news{margin:0; padding:0; background:transparent url(assets/boom.png) 0 0 no-repeat;}
table.actions-news td{ border:none !important; vertical-align:middle; height:178px;}
table.actions-news div
{
	width:650px; 
	padding-left:300px;
}

table.actions-news dl{font-size:20px; padding:0 0 10px 0; float:left; width:640px; border-bottom:dotted 1px #000}
table.actions-news dl dt, table.actions-news dl dd.picture{display:none;}
table.actions-news dl dd{float:left; margin:0; padding:0 18px 0 0}
table.actions-news dl dd.text{font-size:14px; clear:both;}

table.actions-news a{text-decoration:underline; /*font-weight:bold;*/ font-family: Cambria, Georgia, Serif !important;}