body, ul, ol, li {margin:0;padding:0}

img, a img {border:none}



body {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 100%;

	line-height: 140%;

	text-align: left;

	background: #b7b8bb url(img/body-back.png) repeat-y top left;

}



#wrap {

	width: 960px;

	float: left;

	background: #ffffff url(img/color-back.png) repeat-y;

}



#alati #wrap {

	width: 960px;

	float: left;

	background: #ffffff url(img/alati-back.png) repeat-y;

}



#marine #wrap {

	width: 960px;

	float: left;

	background: #ffffff url(img/marine-back.png) repeat-y;

}



#yacht #wrap {

	width: 960px;

	float: left;

	background: #ffffff url(img/yacht-back.png) repeat-y;

}



#header {

	height: 150px;

	background: #ffffff url(img/header-back.png) no-repeat bottom left;

}



#header ul {

	height: 66px;

	padding: 26px 25px 39px 20px;

	background: url(img/sprite.png) no-repeat;

	background-position: 736px 30px;

	list-style-type: none;

}



body#alati #header ul {

	background-position: 736px -113px;

}



#header ul li {

	float: left;

	position: relative;

	top: 71px;

	line-height: 100%;

}



#header ul li h1 {

	margin: 0px;

	padding: 0px;

	margin-top: -72px;

	margin-right: -102px;

	font-size: 100%;

	font-weight: normal;

}



#header ul li a {

	display: block;

	margin-right: 32px;

	color: #afb4b4;

	text-transform: uppercase;

	text-decoration: none;

	font-size: 90%;

	letter-spacing: -0.04em;

}



#header ul li a em {

	font-weight: bold;

	font-size: 120%;

	text-transform: lowercase;

	color: #afb4b4;

}



#header ul li a:hover em {

	color: #000000;

}



#header ul li a span {

	display: block;

	position: relative;

	top: 0px;

	left: 0px;

	height: 15px;

	margin-top: -15px;

	cursor: pointer;

	background: url(img/sprite.png) no-repeat;

}



#header ul li h1 a span {

	width: 70px;

        background-position: -271px -51px;

}

#header ul li h1 a:hover span {

	background-position: -378px -51px;

}



#header ul li.headlinkcolor a span {

	width: 98px;

        background-position: -271px -1px;

}

#header ul li.headlinkalati a span {

	width: 85px;

        background-position: -390px -1px;

}

#header ul li.headlinkmarine a span {

	width: 101px;

        background-position: -502px -1px;

}

#header ul li.headlinkjahte a span {

	width: 115px;

        background-position: -629px -1px;

}



#header ul li.headlinkcolor a:hover,

#header ul li.headlinkcolor a.current span,

#header ul li.headlinkcolor a:hover span {

	color: #af0103;

	background-position: -271px -25px;

}

#header ul li.headlinkalati a:hover,

#header ul li.headlinkalati a.current span,

#header ul li.headlinkalati a:hover span {

	color: #ffd800;

	background-position: -390px -25px;

}

#header ul li.headlinkmarine a:hover,

#header ul li.headlinkmarine a.current span,

#header ul li.headlinkmarine a:hover span {

	color: #1d579e;

	background-position: -502px -25px;

}

#header ul li.headlinkjahte a:hover,

#header ul li.headlinkjahte a.current span,

#header ul li.headlinkjahte a:hover span {

	color: #c20080;

	background-position: -629px -25px;

}





#leftcol {

	width: 240px;

	float: left;

	background: #bf3233;

}



body#alati #leftcol {

	background: #ffe400;

}



body#marine #leftcol {

	background: #1D579E;

}



#leftcol #mainnav {

	background: #373737 url(img/dots.png) repeat-x left bottom;

	padding: 0px 20px 10px 20px;

	margin-top: -5px;

	list-style-type: none;

	line-height: 120%;

}



#leftcol #mainnav li a {

	display: block;

	color: #d9d9d9;

	text-transform: uppercase;

	text-decoration: none;

	font-size: 75%;

	background: url(img/bullets.png) no-repeat;

	background-position: left bottom;

}



#leftcol #mainnav li.current a, #leftcol #mainnav li a:hover {

	color: #bf3233;

	text-indent: 15px;

	font-weight: bold;

	background-position: left -18px;

}



body#alati #leftcol #mainnav li.current a, 

body#alati #leftcol #mainnav li a:hover {

	color: #ffe400;

	background-position: left -63px;

}



body#marine #leftcol #mainnav li.current a, 

body#marine #leftcol #mainnav li a:hover {

	color: #1D579E;

	background-position: left -63px;

}



#leftcol h2 {

	height: 23px;

	padding-left: 20px;

	padding-top: 2px;

	color: #373737;

	font-size: 85%;

	letter-spacing: -0.06em;

	word-spacing: 0.2em;

	background: url(img/sprite.png) no-repeat;

	background-position: -269px -74px;

}



body#alati #leftcol h2 {

	background-position: -269px -100px;

}



#leftcol #catnav {

	padding: 0px 0px 10px 20px;

	list-style-type: none;

	line-height: 110%;

}



#leftcol #catnav li {

	margin-bottom: 15px;

}



#leftcol #catnav li ul {

	list-style-type: none;

}



#leftcol #catnav li ul li {

	margin-bottom: 2px;

}



#leftcol #catnav li ul li a {

	padding-left: 24px;

	background-position: 11px -156px;

}



#leftcol #catnav li a {

	display: block;

	padding-left: 15px;

	padding-right: 15px;

	color: #ffffff;

	text-transform: uppercase;

	text-decoration: none;

	font-size: 70%;

	font-weight: bold;

	background: url(img/bullets.png) no-repeat;

	background-position: left -111px;

}



body#alati #leftcol #catnav li a {

	color: #333333;

}



body#marine #leftcol #catnav li a {

	color: #1D579E;

}



#leftcol #catnav li a:hover,

#leftcol #catnav li.current a,

#leftcol #catnav li ul li.current a {

	color: #a51d1e;

	background: #ffffff url(img/bullets.png) no-repeat;

	background-position: left bottom;

	/*background: url(img/sprite.png) no-repeat;

	background-position: -289px -74px; */

}



#leftcol #pretrazivanje {

	padding-left: 20px;

	padding-bottom: 20px;

	overflow: auto;

}



#leftcol #pretrazivanje #query {

	float: left;

	width: 136px;

	height: 13px;

	padding: 5px;

	margin-right: 3px;

	border: none;

	color: #7c7c7c;

	background: url(img/sprite.png) no-repeat;

	background-position: -269px -126px;

}



body#alati #leftcol #pretrazivanje #query {

	background-position: -475px -126px;

}



#leftcol #pretrazivanje #query:focus, #leftcol #pretrazivanje #query:active {

	color: #333333;

}



#leftcol #pretrazivanje .trazi {

	display: block;

	float: left;

	width: 56px;

	height: 23px;

	cursor: pointer;

	border: none;

	margin: 0px;

	padding: 0px;

	background: url(img/sprite.png) no-repeat;

	background-position: -418px -126px;

}



#leftcol #pretrazivanje .trazi:hover {

	background-position: -418px -157px;

}



body#alati #leftcol #pretrazivanje .trazi {

	background-position: -624px -126px;

}



body#alati #leftcol #pretrazivanje .trazi:hover {

	background-position: -624px -157px;

}



#midcol {

	width: 480px;

	float: left;

	background: #ffffff;

}



#midcol #breadcrumbs {

	/*height: 30px; */

	margin: 0px;

	padding: 6px 25px 16px 25px;

	font-size: 65%;

	line-height: 140%;

	color: #939393;

	text-transform: uppercase;

	border-top: 3px solid #333333;

	background: url(img/sprite.png) no-repeat;

	background-position: -269px bottom;

}



#midcol #breadcrumbs strong {

	color: #272727;

}



#midcol h3 {

        float: right;

	padding-right: 12px;

	margin-bottom: 0px;

	color: #373737;

	font-size: 75%;

	text-transform: uppercase;

}



#midcol h4 {

	position: relative;

        clear: both;

	padding-left: 25px;

	margin-right: -2px;

	margin-bottom: 5px;

	color: #f3f3f3;

	font-size: 75%;

	background: #404040 url(img/sprite.png) no-repeat;

	background-position: -267px -182px;
	
	height: 22px;
}



#midcol ul.products {

	padding-left: 25px;

	margin-right: 4px;

	margin-bottom: 20px;

	list-style-type: none;

	font-size: 70%;

}



#midcol ul.products li {

	padding-left: 60px;
}

#midcol ul.products li.product-image {
	clear: left;
}


.product-image{

clear: left;
margin-top: 10px;

}



.product-image strong {
}

.product-image ul {
}

.product-img {
	display:block;
	float: left;
	margin-left:-77px;
	margin-bottom:8px;
	margin-top:0px;
	/*min-width:60px;
	width:auto!important;*/
	width:70px;
	padding:4px 0;
	background-color:#fff;
	border:1px solid #ddd;
	position:relative;z-index:1;
}


.product-img IMG{
	display:block;
	margin:0 auto;


/*float: none;*/

/*display: block;*/

/*margin-left: -70px;*/

}



#midcol ul.products li:hover {

	background: url(img/sprite.png) no-repeat;
	background-position: -307px bottom;

}

#midcol ul.products li ul li:hover {

	background: none;

}



#midcol ul.products li.prodsubtitl {

	padding-left: 0px;
	border-bottom: 1px solid #949494;

}



#midcol ul.products strong {

	/*clear: both;*/
	text-transform: uppercase;

}



#midcol ul.products li ul {

	margin-top: -7px;
	margin-right: 10px;
	list-style-type: none;
	overflow: hidden;
	border-bottom: 1px solid #dcdcdc;

}



#midcol ul.products li ul li {

	float: left;
	padding-left: 0px;
	padding-right: 10px;
	clear: none;
}



#midcol ul.products li ul li.proddodaj {

	float: right;

	padding-right: 0px;

}



#midcol ul.products li ul li.proddodaj a {

	display: block;

	width: 41px;

	height: 9px;

	padding: 4px;

	position: relative;

	bottom: -2px;

	line-height: 100%;

	font-size: 90%;

	color: #ffffff;

	text-decoration: none;

	text-indent: -99999px;

	overflow: hidden;

	background: #787878 url(img/sprite.png) no-repeat;

	background-position: -567px -52px;

}



#midcol ul.products li ul li.proddodaj a:hover {

	background-position: -567px -69px;

}



#midcol ul.products li ul li.prodkom {

	float: right;

}



#midcol ul.products li ul li.prodkom label input {

	width: 30px;

	height: 17px;

	border: none;

	font-size: 90%;

	color: #4f4f4f;

	font-weight: bold;

	line-height: 100%;

	padding: 0px 2px 0px 2px;

	background: #e9e9e9 url(img/sprite.png) no-repeat;

	background-position: -488px -52px;

}



#midcol ul.products li ul li.prodkom label input:focus,

#midcol ul.products li ul li.prodkom label input:active {

	color: #bf3233;

}



#rightcol {

	width: 240px;

	float: right;

	background: #717074 url(img/color-back.png) repeat-y right top;

}



#rightcol h5 {

	padding: 0px 25px 12px 16px;

	margin: 0px;

	margin-left: 2px;

	line-height: 100%;

	font-size: 70%;

	font-weight: normal;

	color: #ffffff;

	overflow: auto;

	background: url(img/dots.png) repeat-x left bottom;

}



#rightcol h5.carttitl {

	margin: 15px 0px -10px 2px;

	padding-bottom: 8px;

        color: #dcdcdc;

        background: none;

        border-bottom: 1px dotted #b8b8b8;

}



#rightcol h5 a.odjava {

	display: block;

	width: 60px;

	height: 9px;

	margin-top: -2px;

	float: right;

	padding: 4px;

	text-decoration: none;

	text-indent: -99999px;

	overflow: hidden;

	color: #ffffff;

	line-height: 100%;

	background: #8d8d8d url(img/sprite.png) no-repeat;

	background-position: -700px -108px;

}



#rightcol h5 a.odjava:hover {

	background-position: -700px -125px;

}



#rightcol h5 a.prijava {

	display: block;

	width: 60px;

	height: 9px;

	margin-top: -20px;

	clear: both;

	float: right;

	padding: 4px;

	text-decoration: none;

	text-indent: -99999px;

	overflow: hidden;

	color: #ffffff;

	line-height: 100%;

	background: #8d8d8d url(img/sprite.png) no-repeat;

	background-position: -700px -142px;

}



#rightcol h5 a.prijava:hover {

	background-position: -700px -159px;

}



#rightcol h5 label {

	display: block;

	width: 125px;

	height: 24px;

	overflow: auto;

}



#rightcol h5 input {

	width: 65px;

	height: 11px;

	float: right;

	padding: 5px;

	margin-top: 0px;

	border: none;

	font-size: 100%;

	color: #7c7c7c;

	background: url(img/sprite.png) no-repeat;

	background-position: -270px -127px;

}



#rightcol #cartfull {

	list-style-type: none;

	padding: 0px 25px 0px 17px;

	line-height: 100%;

	font-size: 70%;

	color: #ffffff;

}



#rightcol #cartfull dt {

	padding-top: 8px;

        padding-left: 17px;

}



#rightcol #cartfull dd {

	/*height: 20px; */

        margin: 0px;

	margin-top: 2px;

	padding: 0px 0px 8px 0px;

	border-bottom: 1px solid #868686;

	overflow: auto;

}



#rightcol #cartfull dd a.cartdelete {

	display: block;

	width: 12px;

	height: 12px;

	float: left;

	color: #ffffff;

	text-indent: -99999px;

	overflow: hidden;

	background: #868686 url(img/sprite.png) no-repeat;

	background-position: -626px -56px;

}



#rightcol #cartfull dd a.cartdelete:hover {

	background-position: -626px -68px;

}



#rightcol #cartfull dd h5 {

	float: left;

	width: 140px;

	padding: 0px;

	margin: 0px;

	margin-left: 5px;

	font-size: 100%;

	font-weight: bold;

	overflow: hidden;

	background: none;

}



#rightcol #cartfull dd label {

	display: block;

	float: right;

}



#rightcol #cartfull dd label input {

	width: 30px;

	height: 17px;

	border: none;

	font-size: 90%;

	color: #4f4f4f;

	font-weight: normal;

	line-height: 100%;

	padding: 0px 2px 0px 2px;

	background: #e9e9e9 url(img/sprite.png) no-repeat;

	background-position: -528px -52px;

}



#rightcol #cartfull dd label input:focus,

#rightcol #cartfull dd label input:active {

	color: #bf3233;

	font-weight: bold;

}



#rightcol #cartizmjene {

 display: block;

        float: right;

 width: 106px;

 height: 17px;

 margin-right: 25px;

        color: #ffffff;

        text-indent: -99999px;

        overflow: hidden;

        background: #5b5b5b url(img/sprite.png) no-repeat;

 background-position: -537px -91px;

}



#rightcol #cartizmjene:hover {

	background-position: -537px -109px;

}



#rightcol #cartnaruci {

	display: block;

	clear: both;

        float: right;

	width: 121px;

	height: 27px;

	margin-right: 25px;

	margin-top: 20px;

        color: #333333;

        text-indent: -99999px;

        overflow: hidden;

        background: #eaeaea url(img/sprite.png) no-repeat;

	background-position: -647px -50px;

}



#rightcol #cartnaruci:hover {

	background-position: -647px -78px;

}



#footer {

	width: 950px;

	clear: both;

	text-align: right;

	padding: 5px;

	padding-top: 10px;

	background: url(img/header-back.png) no-repeat top left;

}



#footer p {

	margin: 0px;

	padding: 0px;

}



.hidden{

	display: none;

}



#rightcol #cartisprazni {

 display: block;

 clear: both;

        float: left;

 width: 73px;

 height: 17px;

 margin-left: 17px;

        color: #ffffff;

        text-indent: -99999px;

        overflow: hidden;

        background: #5b5b5b url(img/sprite.png) no-repeat;

 background-position: -771px -108px;

}



#rightcol #cartisprazni:hover {

 background-position: -771px -125px;

}



#NaruWrap{

background:#FFFFFF;

margin-left: 30px;

width: 500px;

}



.NaruciInput p{

margin: 0px;

padding: 0px;

font-family:Arial,Helvetica,sans-serif;

line-height:140%;

text-align:left;

clear:both;

text-transform:uppercase;

font-size:70%;

list-style-type:none;

}



.NaruciInput INPUT{

width: 300px;

border: 1px solid black;

margin-bottom: 8px;

}

.NaruciInput TEXTAREA{

width: 300px;
height: 80px;
border: 1px solid black;
margin-bottom: 8px;

}



/* Statusi */

p.NoticeMsg, p.ErrorMsg {

        padding: 8px;

        padding-left: 45px;

        line-height: 140%;

        color: #ffffff;

        font-size: 75%;

        font-weight: bold;

}



p.NoticeMsg {

        background: #2fac47 url(img/sprite.png) no-repeat top left;

 background-position: -773px -148px;

 border-right: 1px solid #00490e;

 border-bottom: 2px solid #00490e;

 text-shadow: #0f521c 1px 1px 0px;

}



p.ErrorMsg {

        background: #bf3233 url(img/sprite.png) no-repeat top left;

 background-position: -773px 0px;

 border-right: 1px solid #5a0000;

 border-bottom: 2px solid #5a0000;

 text-shadow: #5b0c0d 1px 1px 0px;

}

.floating-notice{
display: block;
position: absolute;
width: 150px;
}

#loading

{

	position: absolute; 

	top: 0; 

	right: 0; 

	z-index: 1000;

}



#loading IMG{

width: 32px;

height: 32px;

}



#ProductList IMG

{

/*float: left;*/

/*padding: 5px;*/

}



#ProductList P

{

font-family: Arial, Helvetica, sans-serif;

	font-size: 75%;

	line-height: 140%;

	padding-left: 10px;

	padding-right: 10px;

}

.naruci-list li.product-image{
	margin-right: 6px;
}

p.error{

color: red;

margin-top: -5px;

padding-top: 0px;

padding-bottom: 8px;

}



p.uspjeh{

font-size: 70%;

}



ul#proizvodni-program{
list-style-type: none;
margin: 5px;
}

ul#proizvodni-program li{
		float: left;
	}



#breadcrumbs a {

	color: #BF3233;

	text-decoration: none;

}



#breadcrumbs a:visited {

	color: #BF3233;

	text-decoration: none;

}



#alati #breadcrumbs a {

	color: #D47E17;

	text-decoration: none;

}



#alati #breadcrumbs a:visited {

	color: #D47E17;

	text-decoration: none;

}



/* colorbox */

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}

#cboxOverlay{position:fixed; width:100%; height:100%;}

#cboxMiddleLeft, #cboxBottomLeft{clear:left;}

#cboxContent{position:relative; overflow:hidden;}

#cboxLoadedContent{overflow:auto;}

#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}

#cboxTitle{margin:0;}

#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}



#cboxTopLeft, #cboxTopRight, #cboxBottomLeft, #cboxBottomRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxPrevious, #cboxNext, #cboxClose {background-image:url(colorbox/controls.png);background-repeat:no-repeat;}

#cboxTopCenter, #cboxBottomCenter {background-image:url(colorbox/border.png);background-repeat:repeat-x;}

#cboxOverlay{background-color:#000;}

#colorbox{}

#cboxTopLeft{width:21px; height:21px;background-position:-100px 0;}

#cboxTopRight{width:21px; height:21px;background-position:-129px 0;}

#cboxBottomLeft{width:21px; height:21px;background-position:-100px -29px;}

#cboxBottomRight{width:21px; height:21px;background-position:-129px -29px;}

#cboxMiddleLeft{width:21px;background-position:left top;background-repeat:repeat-y;}

#cboxMiddleRight{width:21px;background-repeat:repeat-y;background-position:right top;}

#cboxTopCenter{height:21px;background-position:0 0;}

#cboxBottomCenter{height:21px;background-position:0 -29px;}

#cboxContent{background:#fff;}

#cboxLoadedContent{margin-bottom:28px;}

#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}

#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}

#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}

#cboxPrevious{position:absolute; bottom:0; left:0px;background-position:-75px 0px;width:25px; height:25px; text-indent:-9999px;}

#cboxPrevious.hover{background-position:-75px -25px;}

#cboxNext{position:absolute; bottom:0; left:27px;background-position:-50px 0px;width:25px; height:25px; text-indent:-9999px;}

#cboxNext.hover{background-position:-50px -25px;}

#cboxLoadingOverlay{background:url(colorbox/loading_background.png) center center no-repeat;}

#cboxLoadingGraphic{background:url(colorbox/loading.gif) center center no-repeat;}

#cboxClose{position:absolute; bottom:0; right:0;background-position:-25px 0px;width:25px; height:25px; text-indent:-9999px;}

#cboxClose.hover{background-position:-25px -25px;}

#ImageLightbox{
border: 10px solid lightgray;
text-align: center;
background: white;
background-image:url('colorbox/loading.gif');
background-repeat:no-repeat;
background-position: center center;
}