@import url("reset.css");

body,
.Normal  { 
	font-family: Tahoma, arial, sans-serif; 
	font-size: 12px;
}

body{
	text-align: center;
}

p {
	margin-bottom: 15px;
	color: #333;
	line-height: 16px;
	text-align: justify;
	padding: 0 22px;
}
p img {
	margin: 0px 10px 10px 0;
}

.vertical-middle {
	vertical-align: middle;
}

ul.text {
	color: #333;
	text-align: left;
	margin: 0 32px;
}
ul ul.text li,
ul.text li {
	/*list-style: disc;*/
	list-style-position: inside;
	background: url(images/bullit-2.gif) left 7px no-repeat; padding-left: 17px;
	padding-left: 17px;
}
ul.text ul.text li {
	background: none;
	list-style: circle;
	list-style-position: inside;
}
ul.text ul.text ul.text li {
	list-style: square;
	list-style-position: inside;
}
ul.text li img {
	margin: 10px auto;
}

ul > li ul > li {
	list-style: none;
}


table.text {
	margin: 0 22px;
}
table.borders,
table.borders td{
	border: 1px solid #dedede;
	padding: 5px;
	border-collapse: collapse;
}
table.dnnaligncenter td {
	text-align: center;
}

h1   { color: #000000; font-size: 24px; line-height: 26px; font-weight: normal; }
#content       { color: #333; font-size: 12px; line-height: 18px; }
h2,
h2 a { color: #333; font-size: 18px; text-decoration: none; font-weight: normal; margin: 15px 0; text-align: left;}

h3,
h3 a { color: #000; font-size: 14px; font-weight: bold; text-decoration: none; }

.ModuleContent h3 { padding-left: 22px;}

.Normal h2 {
	margin-left: 21px;
}


.Head {
	color: black;
	font-size: 24px;
	font-weight: normal;
	line-height: 26px;
}

.HomePage .Head {
	font-size: 18px;
}

.SubHead {
	color: #333;
	font-size: 12px;
	font-weight: bold;
}

select.NormalTextBox ,
input.NormalTextBox ,
textarea.NormalTextBox,
input[type="file"] {
	color: #777;
	border: 1px solid #dedede;
	padding: 1px;
}

a.SkinObject,
a.SkinObject:link,
a.SkinObject:visited {
	color: white;
}
a.SkinObject:hover,
a.SkinObject:active {
	color: white;
	text-decoration: underline;
}

a:hover {
	color: #036;
	text-decoration: none;
}


/* stilovi skina */
#SkinContainer  { 
	background: url(images/cont-shadow.gif) top left no-repeat; 
	width: 972px; 
	margin: 0px auto; 
	padding: 0 4px; 
	position: relative;
	text-align: left;
	/*z-index: 700;*/
}

#Content {
	position: relative;
	width: 972px;
	/*z-index: 100;*/
}


.ControlPanel {
	position: relative;
}

.RightPane {
	position: absolute;
	width: 313px;
	float: right;
	right: 0px;
}

.ContentPane {
	width: 640px;
	position: relative;
	/*z-index: 500;*/
}

.BottomPanes {
	width: 640px;
	position: relative;
	top: 20px;
	padding: 0;
	margin: 0;
}

.BottomLeftPane {
	width: 310px;
	position: relative;
	top: 0;
	left: 0;
}

.BottomRightPane {
	width: 310px;
	position: relative;
	float: right;
	top: 0;
	right: 0;
}

.LoginPane {
	position: absolute;
	right: 0;
	width: 300px;
	z-index: 950;
	margin-right: 3px;
}

/* header */

#header  { 
	background: url(images/header-bkg.jpg) top right no-repeat; 
	position: relative;
	width: 972px; 
	z-index: 910;
}

#header .top { 
	background: #0a0a82; 
	padding: 1px 2px 2px 0; 
	overflow: hidden; 
	height: 21px;
	-moz-box-sizing: padding-box;
}


#header .top            { background: #0a0a82; padding: 1px 280px 2px 0; overflow: hidden; zoom: 1; }
#header .top ul         { float: right; }
#header .top ul li      { float: left; background: url(images/separator-1.gif) right 1px no-repeat; padding: 0 10px; }
#header .top ul li.last { background: none; }
#header .top ul a       { padding: 0 2px; }
#header .top ul a.active,
#header .top ul a:hover { background: #ffd51d; }

#header .top table      { float: right; }
#header .top table input  { float: left; border: 1px solid #ccc; border-right: none; padding: 1px 4px 2px 4px; width: 182px; }



/* login modul stilovi */
a.login,
a.login:visited {
	display: block; 
	position: absolute; 
	cursor: pointer; 
	right: 0; 
	top: 0; 
	background: url(images/log-in-bkg.png) bottom right no-repeat; 
	width: 130px; 
	padding: 5px 41px 10px 41px;
	padding-left: 40px;
	text-align: right;
	color: #fff; 
	font-weight: bold;
	font-size: 12px;
	outline: none;
}
a.login:hover {
	color: white;
	text-decoration: underline;
	
}


#loginForm
{
	display: none;
	position: absolute;
	z-index: 9999;
	background: #FFFFFF none repeat scroll 0 0;
	padding: 1px;
	width: 455px;
}
#overlay
{
	display: none;
	z-index: 9000;
	background: #000;
	opacity: 0.8;
	filter: alpha(opacity = 80);
	left: 0;
	top: 0;
	position: absolute;
}
#loginForm .close
{
	background: transparent url(images/icon-del-2.gif) no-repeat scroll right 0;
	cursor: pointer;
	padding: 2px 20px 5px 0;
	position: absolute;
	right: 10px;
	top: 5px;
	color: #777;
	font-size: 10px;
}
#loginForm h2
{
	background: #FFD51D none repeat scroll 0 0;
	padding: 3px 15px 5px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
}
#loginForm .Form
{
	background: #F0F0F0 none repeat scroll 0 0;
	margin: 15px 12px;
	padding: 15px 25px;
}
#loginForm .SubForm
{
	background: transparent;
	overflow: hidden;
	padding: 0px 25px;
	float: left;
	position: relative;
	top: 0px;
}
#loginForm .SubHead
{
	display: block;
	margin: 0 0 4px;
}
#loginForm .NormalTextBox
{
	width: 379px;
}
#loginForm .StandardButton
{
	float: right;
	margin: 10px 0 0 15px;
	background: transparent url(images/button-bkg-left.gif) no-repeat scroll left top;
	cursor: pointer;
	padding-left: 9px;
}
#loginForm .StandardButton a
{
	padding: 6px 40px 8px 15px;
	background: transparent url(images/button-bkg-right.gif) no-repeat scroll right top;
	border: 0 none;
	cursor: pointer;
	display: block;
	line-height: 16px;
	color: #336;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.pnlLogout .SkinObject
{
	position: absolute;
	right: 130px;
	color: #fff;
	padding: 4px 0px;
}

.LoginMessage
{
	position: relative;
	float: right;
	top: 28px;
}

/* end login modul stilovi */

.language {
	margin: 8px 10px 5px 10px;
	text-align: right;
}

.menuHolder {
	width: 100%;
	height: 65px;
	/*margin-top: 26px;*/
}
.logoHolder{

}

/* header top menu */
.TopMenu_Container a {
}
.TopMenu_Item  a,
.TopMenu_Item  a:visited{
	color: #fff; 
	font-size: 11px; 
	font-weight: bold; 
	text-decoration: none;
}
.TopMenu_ItemSel a {
	background: #ffd51d;
	color: #0a0a82;
	font-size: 11px; 
	font-weight: bold; 
	text-decoration: none;
}

.TopMenu_Bar            { background: #0a0a82; padding: 3px 0px 5px 0; overflow: hidden; }
.TopMenu_Bar ul         { float: right; overflow: hidden;}
.TopMenu_Bar ul li      { float: left; background: url(images/separator-1.gif) right 0px no-repeat; padding: 0 10px; }
.TopMenu_Bar ul li.last { background: none; }
.TopMenu_Bar ul a       { padding: 0 2px; }
.TopMenu_Bar ul a.active,
.TopMenu_Bar ul a:hover { background-color: #ffd51d; }
.TopMenu_Bar ul a:hover { color: #0a0a82; }

/* end top menu */


/* header main menu */
.MainMenu_Bar0 {
	position: relative;
	background: #3709b5 url(images/main-nav-bkg.gif) top left repeat-y;	
	float: right; 
	width: 706px;

}
.MainMenu_Container0 {
	width: 100%;
	height: 100%;
}
.MainMenu_MenuItem0,
.MainMenu_MenuItemSel0 {
	background: url(images/separator-2.gif) bottom right no-repeat; 
	padding-right: 1px;
	float: left;
	height: 100%;
	position: relative;
}

.MainMenu_MenuItem0.last {
	margin-right: -2px;
}

.MainMenu_MenuItem0 a,
.MainMenu_MenuItem0 a:visited,
.MainMenu_MenuItemSel0 a {
	display: block;
	padding: 25px 34px 10px 35px; 
	border-bottom: 14px solid  #ffd51d;
	font-size: 13px; 
	line-height: 16px; 
	font-weight: bold; 
	color: #fff; 
	text-decoration: none;
}
.MainMenu_MenuItemSel0 a,
.MainMenu_MenuItemSel0 a:hover {
	background: url(images/main-nav-over-bkg.gif) bottom left repeat-x;
	padding: 25px 34px 24px 35px; 
	border-bottom: none; /*11px solid transparent; /*#ffc500;*/
	color: #141d70;
	text-decoration: none;
}

.MainMenu_SubMenuBar1 {
	z-index: 900;
	display: none;
	position: absolute;
	top: 65px;
	width: 162px; 
	padding: 0 2px 3px 0; 
	background: url(images/main-nav-drop-bkg.png) bottom right no-repeat;
	-moz-box-sizing: padding-box;
}

.MainMenu_SubMenu1 {
	background: #dedede url(images/main-nav-drop-inner-bkg.gif) top left repeat-x;
	width: 100%;
}
.MainMenu_MenuItem1 {
	list-style-type: none;
	position: relative;
}
.MainMenu_MenuItem1 a,
.MainMenu_MenuItem1 a:visited{
	padding: 8px 15px 9px 13px;
	margin: 0; 
	border: none; 
	background: url(images/separator-3.png) bottom left repeat-x;
	color: #7c7c7c;
	
}

.MainMenu_MenuItemSel1 {
	list-style-type: none;
	position: relative;
}
.MainMenu_MenuItemSel1 a,
.MainMenu_MenuItemSel1 a:visited,
.MainMenu_MenuItemSel1 a:hover
{
	background: #c8c9cb url(images/main-nav-over-2-bkg.gif) top left repeat-x; 
	border: none;
	padding: 8px 15px 9px 13px;
	margin: 0;
	color: #fff;
}

.MainMenu_SubMenuBar2 {
	display: none;
	z-index: 1000;
	position: absolute;
	left: 160px;
	top: 0px;
	width: 162px;
	padding: 0 2px 3px 0; 
	background: url(images/main-nav-drop-bkg.png) bottom right no-repeat;
	-moz-box-sizing: padding-box;
}
.MainMenu_SubMenu2 {
	background: #dedede url(images/main-nav-drop-inner-bkg.gif) top left repeat-x;
}


.MainMenu_MenuItem2 {
	list-style-type: none;
}
.MainMenu_MenuItem2 a,
.MainMenu_MenuItem2 a:visited
{
	padding: 8px 15px 9px 13px; 
	margin: 0;
	border: none; 
	background: url(images/separator-3.png) bottom left repeat-x;
	color: #7c7c7c;
}

.MainMenu_MenuItemSel2 {
	list-style-type: none;
}
.MainMenu_MenuItemSel2 a{
	background: #c8c9cb url(images/main-nav-over-2-bkg.gif) top left repeat-x; 
	border: none;
	padding: 8px 21px 9px 13px; 
	margin: 0;
}

.MainMenu_MenuItemSel2 a,
.MainMenu_MenuItem2 a:hover {
	color: #fff;
}

/* end header main menu */

/* header breadcrumb */

.breadcrumb {
	margin-left: 20px;
}

.breadcrumb .breadcrumbs       { float: left; margin-top: 10px; width: 600px; }
.breadcrumb .breadcrumbs li    { float: left; padding-right: 8px; }
.breadcrumb .breadcrumbs li a  { padding-right: 11px; background: url(images/arrow-1.gif) right 4px no-repeat; }
.breadcrumb .breadcrumbs li    { color: #777777; font-size: 10px; }
.breadcrumb .breadcrumbs li a  { color: #333366; text-decoration: none; }


/* end header breadcrumb */

.separator {
	clear: both; 
}


/* end header */


/* footer */
#footer       { clear: both;  background: url(images/footer-bkg.jpg) bottom center no-repeat; padding-top: 54px; padding-bottom: 30px; height: 73px; }
#footer ul    { text-align: center; margin-bottom: 30px; }
#footer ul li { padding: 0 12px 0 11px; display: inline; background: url('images/separator-4.gif') right 3px no-repeat; }
#footer ul li.last  { background: none; }
#footer p     { text-align: center; }
#footer ul a  { font-size: 11px; font-weight: bold; color: #7c7c7c; text-decoration: none; font-family: arial, sans-serif; }
#footer p     { font-size: 11px; line-height: 12px; color: #7c7c7c; font-family: arial, sans-serif; }

.sign          { float: left; margin-right: 20px; }
.sign       { color: black; font-size: 11px; font-weight: bold; text-decoration: none; }
.sign:hover,
.sign span  { color: red; }
/* end footer */

/* filter */


#search h2            { font-size: 18px; line-height: 18px; color: #777779; font-weight: normal; margin-bottom: 4px; margin-left: 20px;}
#search               { font-size: 11px; line-height: 16px; color: #777779; text-align: left;}
#search select        { font-size: 11px; color: #7c7c7c; font-weight: bold; }

#search               { border: 1px solid #f3f3f3;  overflow: visible; zoom: 1; margin-bottom: 30px; border-right: none; background: url(images/search-bkg.gif) top left repeat-y; padding: 10px 0px; }
#search fieldset      { padding: 0 16px; }
#search dl            { padding: 10px 0px 5px 9px; }
#search dl dt         { padding: 0 5px 9px 0; }
#search dl dd         { float: left; padding: 0 5px 9px 0; }
#search dl dt select  { margin-right: 0; }
#search select        { width: 145px; margin: 0 6px 9px 0; }
#search p { color: #777; }

.home-page #search		{width: 312px; }
.home-page #search dl dt select		{width: 296px; }

#sidebar #search               { border: 1px solid #f3f3f3;  overflow: visible; zoom: 1; margin-bottom: 0px; background: url(images/search-bkg.gif) top left repeat-y; padding: 10px 0px 10px 0px; height: 350px;}
.home-page #main-page { text-align: center; }
#main-page #search { margin: 0 auto 30px;}

#main-page .button { padding-right: 14px; }

/******************************************************************************/
/******* JS SELECTBOX *********************************************************/
/******************************************************************************/
div.selectbox-wrapper       { position:absolute; background-color:#fff; z-index:1999; border:1px solid #f3f3f3; border-top: none; font-size:11px; color:#7c7c7c; font-weight: bold; max-height:200px; overflow:auto; margin-top: -3px; margin-top: -4px; }
div.selectbox-wrapper ul    { list-style-type:none; margin:0px !important; padding:0px !important; }
div.selectbox-wrapper ul li { list-style-type:none; display:block; margin:0; padding:2px 7px !important; cursor:pointer; background: none !important; }

div.selectbox-wrapper ul li.selected  { background-color: #e8e8e8 !important; }
div.selectbox-wrapper ul li.current   { background-color: #e8e8e8 !important; }

.selectbox    { font-size:11px; width: 212px; display : block; background: url(images/bg_select.gif) top right no-repeat; cursor: pointer; padding: 6px 0 10px 6px; padding: 6px 0 9px 6px; color:#7c7c7c; font-weight: bold; border: 0; outline: 0;  }
#sidebar .selectbox    { font-size:11px; display : block; background: url(images/bg_select.gif) top right no-repeat; cursor: pointer; padding: 6px 0 10px 6px; padding: 6px 0 9px 6px; color:#7c7c7c; font-weight: bold; border: 0; outline: 0;  }

.home-page .selectbox    { width: 142px; height: 32px; }

.home-page dt .selectbox { width: 289px; height: 32px; }

/* search typo */
#search h2            { font-size: 18px; line-height: 18px; color: #777779; font-weight: normal; }
#search               { font-size: 11px; line-height: 16px; color: #777779; }
#search select        { font-size: 11px; color: #7c7c7c; font-weight: bold; }

/* side-nav */
#side-nav         { background: url(images/side-nav-bottom.gif) bottom right no-repeat; background-color:Black; font-family:Tahoma; font-weight:bold; padding-bottom: 3px;}
#side-nav dt      { background: url(images/side-nav-top-el.jpg) top right no-repeat; text-align: center; padding: 10px 0; }
#side-nav dt a { color: 7c7c7c; text-decoration: none;}
#side-nav dt img  { margin: 0px auto; }
#side-nav dd      { background: url(images/side-nav-el.jpg) top left no-repeat; }
#side-nav dd a    { display: block; padding: 5px 22px 5px 12px; 
	color:#7c7c7c;
	background: url(images/side-nav-el-arrow.gif) 215px center no-repeat; zoom: 1; 
}

#side-nav dd.on,
#side-nav dd.on2,
#side-nav dd:hover    { background-position: -233px 0; }
#side-nav dd.on a,
#side-nav dd.on2 a,
#side-nav dd:hover a  { background: url(images/side-nav-el-arrow-on.gif) 215px center no-repeat;color:#FFFFFF;text-decoration:none; }

.button       { float:right; padding-left: 9px; padding-right:9px; display:block; background: url(images/button-bkg-left.gif) bottom left no-repeat; 
	cursor: pointer; }
.button input,
.button a {  padding: 6px 39px 8px 20px; background: url(images/button-bkg-right.gif) bottom right no-repeat;
	 cursor: pointer; border: 0; outline: 0; display: block; line-height: 16px; font-size:12px; font-weight:bold;}
.button a:hover { color: #336; }
.button2       { float:right; padding-left: 9px; padding-right:20px; display:block; background: url(images/button-bkg-left.gif) bottom left no-repeat; 
	cursor: pointer; }
.button2 input,
.button2 a {  padding: 6px 30px 8px 20px; background: url(images/button-bkg-right.gif) bottom right no-repeat;
	 cursor: pointer; border: 0; outline: 0; display: block; line-height: 16px; font-size:12px; font-weight:bold;}
	 
	 
.buttonFilter       { float: right; padding-left: 9px; padding-right:9px; display:block; vertical-align:bottom;	cursor: pointer; }
.buttonFilter input,
.buttonFilter a {  padding: 6px 0px 8px 0px; width:92px; cursor: pointer; border: 0; outline: 0; display: block; line-height: 16px; font-size:12px; font-weight:bold;}


/* Product list- left-over (petar) */
.tools          {  padding-right: 33px; margin-top: 0px; }
.tools a  { font-size: 11px; color: #777779; text-decoration: none; font-family: arial, sans-serif; }
.tools li       { float: left; margin-left: 19px; display: inline; }
.tools li a     { display: block; padding: 4px 0; }

.tools .cart    { padding-left: 26px; background: url(images/icon-cart.gif) top left no-repeat; line-height: 12px; }
.tools .compare { padding-left: 16px; background: url(images/icon-compare.gif) top left no-repeat; line-height: 12px; }
.bottom .tools { float: right; }	
.bottom { padding-top: 10px; }
	
.more2     { background: url(images/more-bkg.gif) right 3px no-repeat; padding-right: 9px;
	 float: right; margin-right: 10px; display: inline; color: #333366; font-size: 11px; font-weight: bold; line-height: 11px; text-decoration: none;}
a.more2:hover { color: #336; }

/** universal filter - rađeno na prodListu pa je ovdje appropriate  **/
#sidebar  {  }
#sidebarCategories { width: 233px; float: left; padding: 0 0 0 0px; margin-bottom: 30px;}
#sidebarCategories2 { width: 230px; float: left; padding: 0 0 0 0px; vertical-align:middle;}
.Hide {
	display: none;
}

/* category list */

/* table list */
.table-list         { border: 1px solid #eff0f0; padding-top: 10px; zoom: 1; overflow: visible; zoom: 1; }
.table-list table   { margin-bottom: 10px; }
.table-list td      { padding: 20px 10px 10px 10px; border-right: 1px solid #dedede; width: 150px;}
.table-list td.last { border: none; padding-right: 9px; }
.table-list td a.img { width: 100%; text-align: center; }
.table-list img     { display: block; margin-bottom: 7px; width: 150px; height: auto;}
.table-list h3      { margin-bottom: 8px; }
.table-list p       { margin-bottom: 18px; }
.table-list span    { margin-bottom: 4px; display: block; }
.table-list .more   { float: right; margin-right: 10px; display: inline; }

.table-list .img-block      { float: left; margin: 0 20px 10px 22px; display: block; text-align: center;}
.table-list .img-block img  { display: block; margin: 0; }
.table-list .text           { margin-right: 20px; }

.detaljiKategorije .img-block { width: 148px; }

.item-list2 li h2          { margin-bottom: 10px !important; }
.item-list2 li .wrapp h3          { margin-top: 10px; float: left; width: 450px; padding-left: 0;}
.item-list2 li .wrapp h3.folder   { width: 500px; }
.item-list2 li .wrapp h3.folder a { background: url(images/icon-folder.gif) top left no-repeat; padding: 10px 0 7px 80px; display: block; }
.item-list2 li .text       { overflow: hidden; zoom: 1; }
.item-list2 li .info       { position: absolute; top: -5px; right: 0px; color: #777779; font-size: 10px; font-family: arial, sans-serif;}
.item-list2 li .wrapp      { overflow: hidden; zoom: 1; background: url(images/separator-5.gif) 600px 10px no-repeat; position: relative;}

.item-list2 li .wrapp .more2  { margin-top: 20px; float: right; margin-right: 10px; *display: inline;}
.item-list2 li .text .more2   { background-position: right 6px; display: inline; }
.item-list2 li .wrapp .img-block { float: left; margin: 0 20px 0px 0px; padding: 10px; border: 1px solid #dedede; }
.item-list2 li .wrapp .img-block img { width: 100px; }

.item-list2 li { padding: 10px 10px 10px 14px; border-top: 1px solid #dedede; position: relative; overflow: hidden; zoom: 1; }
.item-list2 li .wrapp .link  { color: #777; font-weight: bold; margin-top: 20px; float: right; clear: right; background: url(images/link-bg.jpg) bottom right no-repeat; width: 65px; padding: 2px 35px 2px 16px; text-align: right; }
.item-list2 li ol li { padding: 0; border: 0 none; margin-bottom: 0; list-style-type: decimal; overflow: visible; display: list-item;}

.BottomRightPane .item-list2 li .wrapp h3 {
	width: auto;
}

.type2 li .wrapp { background-position: 520px 10px; }
.type2 li .wrapp .img-block img { height: auto; width: auto;}
.DNN_ANN_viewtypeSelector { display: none; }

/* path */
.path,
.path a, .path a:link, .path a:hover, .path a:visited { color: #777779; font-size: 11px; font-weight: bold; text-decoration: none; white-space: nowrap;}
.path       { background: #ffd51d; margin-bottom: 30px; padding: 7px 10px 0 14px; overflow: hidden; zoom: 1; }
.path li    { padding: 17px 0 6px 66px; background: url(images/path-el-bkg.jpg) top left no-repeat; float: left; }
.path a     { padding: 0 35px 7px 0; display: block; background: url(images/path-arrow.jpg) right 5px no-repeat; }
.path a.last  { padding: 0 23px 7px 0; display: block; background: url(images/path-arrow-down.jpg) bottom right no-repeat; }

/* box wrapper */
.box-wrapp        { padding: 4px 1px 0 1px; background: url(images/box-wrapp-bkg.gif) top left no-repeat; width: 684px; margin-bottom: 30px; position: relative; clear: left; }
.stack            { position: relative; z-index: 200; }
.box-wrapp .inner       { border: 1px solid #eff0f0;  }
.box-wrapp .float-wrapp { border: 1px solid #eff0f0; float: left; margin-bottom: 20px; padding: 15px 20px; }

#toolbar .buttons a  { font-size: 10px; color: #777779; text-decoration: none; font-family: arial, sans-serif; }

#toolbar .buttons            { background: url(images/toolbar-bkg.gif) bottom right no-repeat; float: right; margin-right: 18px; }
#toolbar .buttons li         { float: left; width: 148px; }
#toolbar .buttons a          { display: block; padding: 7px 0 10px 45px; zoom: 1; }
#toolbar .buttons .link-1 a  { padding-left: 45px; }
#toolbar .buttons .link-2 a  { padding-left: 35px; }

.detail .icons          { padding-right: 15px; border-right: 1px solid #bdbdbd; float:left; }
.detail .icons li       { margin-right: 7px; float:left; }

.detail .toolbox { clear: left; margin-left: 18px;}

.show-all-box { padding: 1px 11px 2px 11px; background: #ececec; text-align: right; clear: left;}
.show-all, 
a.show-all, 
a.show-all:link, 
a.show-all:visited, 
a.show-all:hover { color: #ec8000; font-size: 11px; font-weight: bold; text-decoration: none; }
.show-all { background: url(images/show-all.gif) right 4px no-repeat; padding-right: 9px; }

/* head-box */

#head-box     { color: #686868; font-size: 12px; line-height: 18px; }
#head-box h1  { color: #000000; font-size: 24px; line-height: 26px; font-weight: normal; }
#head-box h2          { font-size: 18px; line-height: 18px; font-weight: normal; color: #333;
	 padding: 3px 0 4px 83px; margin-bottom: 8px; background: url(images/title-bkg.gif) top left no-repeat;}
#head-box a   { color: #3f89c3; }
#head-box             { background: #fff url(images/head-box-top.gif) top left no-repeat; /*width: 709px;*/ width: 100%; position: relative; margin-left: -8px; padding-right: 25px; margin-top: -10px;}
#head-box .inner-bkg  { background: url(images/head-box-bottom.gif) bottom left no-repeat; padding: 10px 18px 11px 9px; overflow: hidden; zoom: 1; margin-right: -20px;}
#head-box img         { float: left; }
#head-box div         { overflow: hidden; zoom: 1; padding: 17px 20px; }
#head-box h1          { margin-bottom: 35px; }
#head-box div p { padding: 0px; }

#head-box2 { color: #686868; font-size: 12px; line-height: 18px; }
#head-box2 h2          { font-size: 18px; line-height: 18px; font-weight: normal; color: #333;
	 padding: 3px 0 4px 83px; margin-bottom: 8px; background: url(images/title-bkg.gif) top left no-repeat;}
#head-box2 a   { color: #3f89c3; }


h2.title {padding: 3px 0 4px 83px; margin: 8px 0px; background: url(images/title-bkg.gif) top left no-repeat;}

.categoryMain
{
	z-index:9999;
	padding:12px 0;
	text-align:center;
	color:#7C7C7C;
	font-size:14px;
	font-weight:bold;
	background:transparent url(images/side-nav-top-el.jpg) no-repeat scroll right top;
}


.categoryMain a
{
	padding:12px 0;
	text-align:center;
	color:#7C7C7C;
	font-size:14px;
	font-weight:bold;
}



#sidebarCategories2 .showcase-box            { padding-bottom: 2px; margin-bottom: 40px; }
#sidebarCategories2 .showcase-box li a     { display:block; width: 232px; height: 46px; background: url(images/showcase-2-el-bkg.gif) bottom left no-repeat; line-height: 46px;  text-align: center; padding: 0px 0 4px 0; overflow: hidden; zoom: 1; margin-bottom: -3px;  color: #777; font-weight: bold; text-decoration: none; }
#sidebarCategories2 .showcase-box li a:hover { background-position: -233px 1; }
#sidebarCategories2 .showcase-box li a img   { vertical-align: middle; padding-top: 0px; } 

.sidebarItem a     { display:block; width: 232px; height: 46px; background: url(images/showcase-2-el-bkg.gif) bottom left no-repeat; line-height: 46px;  text-align: center; padding: 0px 0 4px 0; overflow: hidden; zoom: 1; margin-bottom: -3px;  color: #777; font-weight: bold; font-size: 18px; text-decoration: none; }
.sidebarItem a:hover { background-position: -233px 1; }
.sidebarItem a img   { vertical-align: middle; padding-top: 0px; } 
.sidebarItem {
	display: none;
}
.inventua_sidemenu {
	margin-bottom: 20px;
}

/** product details **/
.detail { border: 1px solid #eff0f0; overflow: hidden; zoom: 1; }
.detail .text     { padding: 20px; width: 642px; float: left; }

.detail .info-table       { margin: 0; width: 682px; border-top: 1px solid #dedede; margin-bottom: 17px; margin-left: -20px; margin-right: -20px; empty-cells: show; }
.detail .info-table th    { border-bottom: 1px solid #dedede; padding: 3px 19px 8px 19px; }
.detail .info-table td    { border-bottom: 1px solid #dedede; padding: 3px 2px 8px 2px; text-align: center; width: 60%; }
.detail .info-table .bkg  { background: #f8f8f8; }
/*.text p { padding: 0; }*/

#contentProdDetail .text h1  { margin: 0 0 25px 0; }
#contentProdDetail .text h2  { background: none; padding: 0; margin: 0 0 20px 0; font-size:18px;	color:Black;}
#contentProdDetail .text h3  { margin: 0 0 5px 0; }
#contentProdDetail .text p   { margin-bottom: 15px; }

/*
#contentProdDetail .text ul     { margin: 0 0 15px 8px; }
#contentProdDetail .text ul li  { background: url(images/bullit-2.gif) left 7px no-repeat; padding-left: 17px; }
*/
#contentProdDetail .text ul.left    { float: left; width: 310px; }
#contentProdDetail .text ul.left li { background: url(images/bullit.gif) left 7px no-repeat; }

#contentProdDetail .text .img-left   { float: left; margin: 0 15px 5px 0; border: 1px solid #dfdfdf; }
#contentProdDetail .text .img-right  { float: right; margin: 0 0 5px 15px; border: 1px solid #dfdfdf; }

#contentProdDetail .text .date  { display: block; }
#contentProdDetail .text .button  { float: right; }

.text table { margin-bottom: 20px; width: 100%; }
.text table td  { border-bottom: 1px solid #dedede; padding: 5px; color:Black; }
.text table th      { background: #ececec; padding: 5px; color:Black;}
.text table th.bkg  { background: #e6e6e6; }
.text table td.bkg  { background: #f8f8f8; }

/* downl-list typo */
.downl-list li a        { color: #333366; font-size: 11px; line-height: 18px; font-weight: bold; text-decoration: none; }
.downl-list li.jpg a  { color: #ec8000; }

/* downl-list */
.downl-list             { padding: 3px 7px 12px 7px; overflow: visible; zoom: 1; clear: left;  margin-left: 18px; width: 100%;}
.table-list .downl-list { clear: left; }

.downl-list-padd        { margin: 0 20px 15px 20px; border: 1px solid #bdbdbd; border-left: none; border-right: none; padding: 3px 7px 2px 7px; overflow: hidden; zoom: 1; clear: both; }
.detail .downl-list     { border: 1px solid #bdbdbd; border-left: none; border-right: none; padding: 3px 7px 2px 7px; margin: 40px -7px 40px -7px; overflow: hidden; zoom: 1; }
.table-list .downl-list { margin: 0 0 10px 15px; padding-top: 10px;}
.downl-list li          { display: inline; padding: 2px 0; margin-right: 28px; }
.downl-list li.jpg    { background: url(images/icon-photo.gif) left 3px no-repeat; padding-left: 25px; }
.downl-list li.pdf      { background: url(images/icon-pdf.gif) left 1px no-repeat; padding-left: 25px; }
.downl-list li a        { background: url(images/more-bkg.gif) right 4px no-repeat; padding-right: 9px; }
.downl-list li.jpg a  { background: url(images/more-2-bkg.gif) right 4px no-repeat; padding-right: 9px; }
.downl-list li a.off    { opacity: 0.3; }

.detail .head-text    { color: #777779; font-size: 12px; }
.detail .head-text h1 { color: #000000; font-size: 24px; line-height: 26px; font-weight: normal; }
.detail .head-text td { font-weight: bold; color: #000; }

.detail .head-text dl { color: #777779; font-size: 10px; }

.detail .head-text    { float: left; width: 360px; margin: 0 13px 20px 13px; position: relative; *display: inline; z-index: 100; }
.detail .head-text h1 { margin-bottom: 30px; }
.detail .head-text th,
.detail .head-text td { padding: 0 15px 7px 0; vertical-align: top; text-align: left; }
.detail .head-text th { color: #777 }
.detail .head-text dl     { z-index: 100; }
.detail .head-text dt     { margin-bottom: 5px; color: #777;}
.detail .head-text dd     { float: left; margin: 0 9px 5px 0; position: relative; }
.detail .head-text dd img { display: block; }

.tech-info                 { padding-left: 8px; float: left; }
.tech-info li              { float: left; margin: 0 7px 5px 0; position: relative; }
.tech-info li img          { display: block; }
.tech-info a { text-decoration: none; }

.img-viewer                           { float: left; margin-left: 13px; width: 262px; *display: inline; }
.img-viewer .img-block                { border: 1px solid #ededed; height: 183px; line-height: 183px; text-align: center; overflow: hidden; display: table-cell; width: 260px; vertical-align: middle;}
.img-viewer .img-block img            { vertical-align: middle; display: none; }
.img-viewer .img-block img.on         { display: inline; }
.img-viewer .tool-block               { background: url(images/img-viewer-bkg.gif) top right repeat-y; border: 1px solid #ededed; border-top: none; position: relative; padding: 5px 0 5px 15px; margin-bottom: 17px; zoom: 1; }
.img-viewer .tool-block div           { position: relative; height: 54px; width: 229px; overflow: hidden; zoom: 1; }
.img-viewer .tool-block ul            { position: absolute; width: 1000px; bottom: 0; }
.img-viewer .tool-block ul li         { float: left; padding-top: 4px; display: block; margin-right: 8px; vertical-align: middle; height: 48px; }
.img-viewer .tool-block ul li img     { display: block; cursor: pointer; border: 1px solid #eeeeee; max-height: 46px; max-width: 100px;}
.img-viewer .tool-block ul li.over,
.img-viewer .tool-block ul li.on      { background: url(images/img-viewer-arrow.gif) top center no-repeat; }
.img-viewer .tool-block ul li.over img,
.img-viewer .tool-block ul li.on img  { border-color: #efc867; }
.img-viewer .tool-block .prev,
.img-viewer .tool-block .next         { position: absolute; top: 28px; cursor: pointer; display: block; }
.img-viewer .tool-block .prev         { left: 3px; }
.img-viewer .tool-block .next         { right: 3px; }

.detail .buttons            { background: #ececec; overflow: hidden; zoom: 1; padding: 0px 9px 6px 9px; clear: both; }
.detail .buttons.top        { margin-bottom: 25px; }
.detail .buttons li.prev    { float: left; }
.detail .buttons li.prev a  { padding-left: 15px; background: url(images/arrow-left.gif) left 3px no-repeat; }
.detail .buttons li.back    { float: left; width: 100%; text-align: center; }
.detail .buttons li.back a  { padding-left: 17px; background: url(images/arrow-up.gif) left 4px no-repeat; color: #777; font-size: 11px; font-weight: bold; text-decoration: none;}
.detail .buttons li.next    { float: right; }
.detail .buttons li.next a  { padding-right: 15px; background: url(images/arrow-right.gif) right 3px no-repeat; }

.popup-cloud      { background: url(images/popup-cloud-top.png) top left no-repeat; padding-top: 6px; position: absolute; right: 0px; top: 0px; float: left; z-index: 200; display: none; right: -7px; }
.popup-cloud div  { background: url(images/popup-cloud-bottom.png) bottom left no-repeat; float: left; width: 108px; padding-bottom: 22px; }
.popup-cloud span {text-decoration: none; display: block; padding: 1px 5px 5px 5px; text-align: left; background-color:#FED41C;}

.popup-cloud    { color: #333; font-size: 11px; line-height: 11px;text-decoration: none; }
.karakteristike a { text-decoration: none;}

/* send to a friend */
#sendTo {
	border: 1px solid #dedede;
	clear: left;
	padding: 10px;
}


/* slideshow */
#slideshowHolder
{
	height: 225px;
	width: 300px;
	float: left;
	margin: 0 15px 14px 22px;
}
#slideshow {
	width: 300px;
	height: 211px;
}
#slideshow img {
	border: 1px solid #dedede;
}
#slideshow-nav       { float: right; z-index: 100; position: relative;}
#slideshow-nav a   { float: left; background: #0a0a82; padding: 1px 5px; margin-left: 4px; display: inline; cursor: pointer; font-size: 11px; }
#slideshow-nav a.activeSlide  { background: #ffd51d; }
#slideshow-nav a      { color: #fff; font-size: 11px; line-height: 12px;}
#slideshow-nav a.activeSlide   { color: #777779; line-height: 12px;}

.img-block  #slideshow {
	width: 200px;
	height: 111px;
}

/*.img-block      { float: left; margin: 0 20px 10px 22px; }*/

.slideshow img {
	border: 1px solid #dedede;
}
.slideshow-nav       { float: right; z-index: 100; position: relative;}
.slideshow-nav a   { float: left; background: #0a0a82; padding: 1px 5px; margin-left: 4px; display: inline; cursor: pointer; font-size: 11px; }
.slideshow-nav a.activeSlide  { background: #ffd51d; }
.slideshow-nav a      { color: #fff; font-size: 11px; line-height: 12px;}
.slideshow-nav a.activeSlide   { color: #777779; line-height: 12px;}

.img-block  .slideshow {
	width: 200px;
	height: 111px;
}

/* home-slideshow  */
#home-slideshow         { margin-top: 0px; padding-top: 16px; position: relative; top: -16px; background: url(images/home-slideshow-bkg.jpg) no-repeat; width: 659px; height: 263px; z-index: 0}
#home-slideshow img     { display: none; margin-top: 16px;}
#home-slideshow img.on  { display: block; }
#home-slideshow-nav       { position: absolute; top: 249px; right: 0px; z-index: 899; }
#home-slideshow-nav a   { float: left; background: #0a0a82; padding: 1px 5px; margin-left: 4px; display: inline; cursor: pointer; font-size: 11px; }
#home-slideshow-nav a.activeSlide  { background: #ffd51d; }
#home-slideshow-nav a      { color: #fff; font-size: 11px; line-height: 12px;}
#home-slideshow-nav a.activeSlide   { color: #777779; line-height: 12px;}

#homecats .showcase-box             { width: 624px; overflow: hidden; zoom: 1; background: url(images/showcase-bkg.jpg) bottom right no-repeat; padding: 0 2px 3px 0; margin: 0 0 30px 16px; }
#homecats .showcase-box li          { float: left; padding-right: 1px; overflow: hidden; zoom: 1; height: 108px; background: url(images/showcase-el-separator.gif) top left repeat-x; }
#homecats .showcase-box li.last     { padding: 0; }
#homecats .showcase-box li a        { display: block; background: url(images/showcase-el-bkg.gif) top left repeat; zoom: 1; width: 155px; height: 108px; line-height: 108px; text-align: center; }
#homecats .showcase-box li a:hover  { background-position: 0 -108px; text-decoration: none;}
#homecats .showcase-box li a img    { vertical-align: middle;}  
.valigner
{
	height:100%;
	width: 0px;
	vertical-align: middle;
	visibility: hidden;
}

.banner-box-1         { background: url(images/banner-box-1-bkg.jpg) 50px top no-repeat; margin-top: 0px; padding: 24px 0 27px 0; height: 124px; height: auto !important; min-height: 124px; position: relative; }
.banner-box-1 div     { background: url(images/banner-box-1-bkg-transp.png) top left repeat-y; }
.banner-box-1 a       { display: block; padding: 10px 16px 15px 16px; height: 97px; height: auto !important; min-height: 97px; border: 1px solid #e6e6e6; }
.banner-box-1 strong  { display: block; margin-bottom: 10px; }

.banner strong  { font-size: 18px; line-height: 18px; font-weight: normal; }
.banner         { font-size: 11px; line-height: 16px; margin-bottom: 15px; z-index: 800}
.banner a       { color: #777779; text-decoration: none; }
.banner p { color: #777; padding: 0; }

.banner-box-1         { background: #fff url(images/banner-box-1-bkg.jpg) 48px top no-repeat; height: 124px; height: auto !important; min-height: 124px; }
.banner-box-1 a       { padding: 10px 15px 15px 16px; height: 97px; height: auto !important; min-height: 97px; }

.banner-box-2         { background: url(images/banner-box-2-bkg.jpg) bottom left no-repeat; margin-top: 0px; }
.banner-box-2 a       { display: block; padding: 15px 100px 15px 15px; height: 82px; height: auto !important; min-height: 82px; }
.banner-box-2 strong  { display: block; margin-bottom: 10px; }

.RightPane .banner-box-1 { background-position: 129px top; }


/* side-nav */

.sideMenu_MenuBar {
	margin: 0;
	padding: 0;
	margin-bottom: 0px;
	width: 233px;
}

.sideMenu
{
	padding-bottom:3px;
	background: url(images/side-nav-bottom.gif) bottom right no-repeat; 
	background-color:Black; 
	margin-bottom: 30px; 
	font-family:Tahoma; 
	font-weight:bold; 
	font-size: 11px;
	line-height: 11px;
}

a.sidemenuTitle,
a.sidemenuTitle:link,
a.sidemenuTitle:visited,
.sidemenuTitle
{ 
	background:transparent url(images/side-nav-top-el.jpg) no-repeat scroll right top; 
	text-align: center; 
	padding: 12px 0; 
	color:#7C7C7C;
	font-size:18px;
	font-weight:bold;
	width:233px;
	display: block;
}

.sideMenuItem
{
	background: url(images/side-nav-el.jpg) top left no-repeat;
	display: block;
}

.sideMenuItem  a,
.sideMenuItem  a:link,
.sideMenuItem  a:visited
{ 
	display: block; 
	padding: 8px 22px 9px 12px; 
	color:#7c7c7c;
	background: url(images/side-nav-el-arrow.gif) 215px center no-repeat; 
	font-size:11px;
	line-height: 11px;
	font-weight:bold;
	text-decoration:none;
}

.sideMenuItemSel
{ 
	background: url(images/side-nav-el.jpg) top left no-repeat;
	background-position: -233px 0; 
}

.sideMenuItemSel a,
.sideMenuItemSel a:link,
.sideMenuItemSel a:visited,
.sideMenuItemSel a:hover   
{ 
	padding: 8px 22px 9px 12px; 
	background: url(images/side-nav-el-arrow-on.gif) 215px center no-repeat;
	color:#FFFFFF;
	text-decoration:none; 
	display: block;
}

/* slide-widget */
#slide-widget li span         { font-size: 10px; }
#slide-widget li.active span  { font-size: 11px; color: #333; font-weight: bold; }
#slide-widget         { margin: 0 0 15px 0; position: relative; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; height: 247px; background: url(images/slide-widget-bkg.jpg) top left repeat-x; }
#slide-widget img     { display: block; }
#slide-widget .back   { top: 0; left: 0; position: absolute; cursor: pointer; }
#slide-widget .next  { top: 0; right: 0; position: absolute; cursor: pointer; }

#slide-widget .sh-left  { top: 0; left: 34px; position: absolute; }
#slide-widget .sh-right { top: 0; right: 34px; position: absolute; }

#slide-widget .scroll-wrapp     { overflow: hidden; zoom: 1; position: relative; height: 231px; margin: 0 34px; padding-top: 16px; }


#slide-widget .scroll-wrapp ul        { width: 10000px; position: absolute; margin: 0 0 0 -90px; }
#slide-widget .scroll-wrapp ul li     { float: left; padding: 10px 10px 5px 10px; margin: 0 12px 0 0; background: #fff; border: 1px solid #d8d8d8;  }
#slide-widget .scroll-wrapp ul li img { border: 1px solid #dedede; width: 206px; }
#slide-widget .scroll-wrapp ul li.active img  {  width: 280px; }

/* o tvrtci  */

.TablicaPopis td {
	color: #333;
	font-size: 12px;
	line-height: 16px;
	border-bottom: 1px solid #dedede;
	border-right: 1px solid #dedede;
	padding: 16px 14px;
}
.TablicaPopis td.last {
	border-right: medium none;
	padding-right: 11px;
}
.TablicaPopis img {
	padding: 0;
	margin: 0;
}
.TablicaPopis td p {
	padding: 0;
}

/* adress-list */
.adress-list        { width: 100%; margin: 0 !important; }
.adress-list th     { background: none; width: 130px; padding: 10px 15px; border-right: 1px solid #dedede; border-top: 1px solid #dedede; vertical-align: top; text-align: left; }
.adress-list td     { border-top: 1px solid #dedede; vertical-align: top; text-align: left; }
.adress-list table  { margin: 0; }
.adress-list td th  { width: 80px; padding: 10px 10px !important; border: none; text-align: right; }
.adress-list td td  { padding: 10px 30px 10px 20px; border: none; }

.adress-list td td.phone  { background: url(images/icon-phone.gif) left 8px no-repeat; width: 170px;}
.adress-list td td.fax    { background: url(images/icon-print.gif) left 8px no-repeat; width: 170px;}
.adress-list td td.mail   { background: url(images/icon-mail.gif) left 10px no-repeat; }
.adress-list td th  { font-weight: bold; }
.adress-list td a   { color: #333366; }


/* g-map popup */
#g-map-overlay  { background: #000; position: absolute; top: 0; left: 0; z-index: 1000; }
#g-map-popup    { background: #fff; position: absolute; top: 0; left: 0; padding: 30px 20px 20px 20px; z-index: 1001; }

#g-map-popup ul   { position: absolute; top: 5px; right: 10px; }
#g-map-popup li   { float: left; padding: 5px 20px 5px 0; margin-left: 15px; cursor: pointer; }

#g-map-popup li.print { background: url(images/icon-print.gif) top right no-repeat; }
#g-map-popup li.close { background: url(images/icon-del.gif) right 5px no-repeat; padding-right: 15px; }
#g-map-popup li  { font-size: 11px; color: #777; }

/* popis proizvoda */
.item-list li {
	border-top: 1px solid #dedede;
	padding: 14px;
}
.item-list p {
	padding: 0;
}
.item-list li li {
	list-style-type: none;
	border-top: none;
	padding: 0;
}
.item-list .item-img {
	float: left;
	width: 123px;
	height: 87px;
	border: 1px solid #dedede;
	margin-right: 10px;
}
.item-list div.Normal {
	padding-left: 140px;
}

.button-back  { color: #777779 !important; font-size: 11px; line-height: 12px; text-decoration: none; font-weight: normal !important; }
.button-back  { display: block; position: relative; float: right; top: 10px; right: 15px; padding-left: 11px; background: url(images/arrow-left.gif) left 3px no-repeat; }

/* popis montažera */

#dnn_ctr813_UserDefinedTable_grdData {
	width: 100%;
}
.UDT_Table_Head td {
	background-color: #dedede;
	font-size: 14px;
	padding: 0 5px;
}
.UDT_Table_Head td a{
	color: #777;
}
.UDT_Table_Item td{
	font-size: 12px;
	height: 16px;
	color: #333;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	padding: 16px 14px;
}
.UDT_Table_Item td p { margin: 0; padding: 0;}
.UDT_Table_Item td h2 { margin: 0 0 10 0; padding: 0;}

.udt_searchForm {
	display: block;
	text-align: right;
	margin-bottom: 10px;
}

.UDT_Table_Item  td.address {
	border-right: 1px solid #dedede;
}
.UDT_Table_Item  td.address strong{
	margin-bottom: 10px;
	display: block;
}
/* kraj o tvrtci */

/* paging */

/* dnn paging */
#Content .PagingTable {
	padding: 5px;
	border: 0px none;
}
.PagingTable a, .PagingTable span {
	background: url(images/paging-el-bkg.gif) bottom right no-repeat;
	padding: 3px 9px 8px 8px;
	
}

/* product list paging */
.paging {
	
}

.paging li          { float: left; margin-right: 3px; }
.paging span.Normal,
.paging span.NormalDisabled,
.paging li a        { display: block; padding: 3px 9px 4px 8px; background: url(images/paging-el-bkg.gif) bottom right no-repeat; zoom: 1; float: left; }
.paging span        { float:right; padding: 3px 6px 8px 5px; }
.paging span.Normal,
.paging span.NormalDisabled {float: left;}

.paging li.back span.Normal em,
.paging li.back span.NormalDisabled em {padding-top: 0; padding-bottom: 0; background-position: left 4px;}
.paging li.next span.Normal em,
.paging li.next span.NormalDisabled em {padding-top: 0; padding-bottom: 0; background-position: right 4px;}

.paging select      { float: right; margin-right: 15px;}
.paging .back       { margin-right: 9px; }
.paging .next       { margin-left: 6px; }


.paging .back a   { padding: 0 0 0 7px; }
.paging .next a   { padding: 0 7px 0 0; }
.paging em        { display: block; }
.paging .back em  { padding: 3px 9px 4px 11px; background: url(images/arrow-left.gif) left 8px no-repeat; }
.paging .next em  { padding: 3px 11px 4px 8px; background: url(images/arrow-right.gif) right 8px no-repeat; }

.paging li.off a  { opacity: 0.6; filter: alpha(opacity = 60);}
.paging a,
.paging a.CommandButton,
.paging a.CommandButton:visited,
.paging span { color: #777779; font-size: 11px; font-weight: bold; text-decoration: none; }
.paging span.NormalDisabled { opacity: 0.6; filter: alpha(opacity = 60);}
.paging em   { font-style: normal; }
.paging a:hover,
.paging a.CommandButton:hover
  { color: #000; text-decoration: none;} 


/* kraj paging */

/* kontakt */

.kontakt-form-holder {
	width: 640px;
	margin: 0 auto;
}

.posao-form-holder {
	width: 640px;
	margin: 0 auto;
}	

.posao-form-holder .Kontakt_Table .NormalTextbox {
	width: 458px;
	padding: 2px;
}

.posao-form-holder .Kontakt_Table div.Normal {
	margin-left: 128px;
}

.Kontakt_Table {
	background-color: #f0f0f0;
	color: #333;
	padding: 10px;
	position: relative;
	z-index: 800;
}



.Kontakt_Table .NormalTextbox,
.Kontakt_Table input[type=file],
.Kontakt_Table input[type=text] {
	border-width: 2px;
	margin-bottom: 7px;
	width: 220px;
}
.Kontakt_Table textarea.NormalTextBox {
	height: 180px;
}

.Kontakt_Table label {
	text-align: right;
	padding: 2px 10px;
	float: right;
}
.kontakt-formH2 {
	background: #E6E6E6 none repeat scroll 0 0;
	padding: 5px 10px;
	color: #333;
	font-size: 12px;
	font-weight: bold;
}
.kontkat-formSpacer {
	background-color: #f0f0f0;
	height: 10px;
}
.Kontakt_Table .posalji {
	margin: 5px 0 0 461px;
	z-index: 900;
}

.Kontakt_Table h2 {
	background: #E6E6E6 none repeat scroll 0 0;
	padding: 6px 10px;
	margin: 0 0 15px 0;
	color: #333;
	font-size: 12px;
	font-weight: bold;
}
.Kontakt_Table td{
	overflow: visible;
}
.Kontakt_Table span.Normal {
	font-size: 10px;
	display: block;
	margin: 0px 0 0 10px;
}

.Kontakt_Table .spacer {
	display: none;
}

/* kraj kontakt */


/* product compare */
.CompareTitle {
	background: #E6E6E6 none repeat scroll 0 0;
	padding: 3px 2px 8px 15px;
}

.compare-table th,
.compare-table td {
	border-bottom: 1px solid #DEDEDE;
	border-left: 1px solid #DEDEDE;
	padding: 3px 0 8px;
	text-align: center;
	vertical-align: top;
}

.compare-table th {
	text-align: left;
	padding-left: 10px;
}

.compare-table .Del {
	top: 0;
	right: 4;
	position: absolute;

}

.compare-table .Header {
	display: block;
	position: relative;
}

.opisProizvoda {
	position: relative;
	display: block;
	padding: 0 10px;
}
.opisProizvoda .del {
	float: right;
	position: relative;
}
.simplecompareitem {
	margin-bottom: 10px;
	border-bottom: 1px solid #dedede;
}
/* end product compare */

/* košarica */

.TableHeader {
	padding: 3px 3px;
	color: #777;
	font-size: 11px;
	font-weight: bold;
}

.del {
	background: url(images/icon-del.gif) no-repeat right;
	padding-right: 15px;
	color: #777;
	font-size: 10px;
	text-decoration: none;
}

a.del:visited,
a.del:link,
a.del:active,
a.del:hover {
	text-decoration: none;
	color: #777;
}

/* upit */
.cart-form p      { color: #333; font-size: 12px; font-weight: bold; }
.cart-form label  { color: #333; font-size: 12px; font-weight: bold; }
.cart-form .txt   { color: #777; font-size: 12px; font-family: Tahoma, arial, sans-serif; }
.cart-form          { background: #ffd51d; padding: 20px 45px 15px 45px; overflow: hidden; zoom: 1; }
.cart-form p        { margin-bottom: 25px; padding: 0;}
.cart-form ul       { float: left; }
.cart-form .left    { margin-right: 105px; }
.cart-form ul li    { overflow: hidden; zoom: 1; padding-bottom: 8px; }

.cart-form  label       { width: 65px; float: left; }
.cart-form .left label  { width: 105px; }
.cart-form .txt         { border: 2px solid #dedede; width: 277px; float: left; padding: 2px 7px; }
.cart-form .controls    { float: right; padding: 5px 35px 0 0; }
.cart-form .button      { float: right; background-image: url(images/button-bkg-left-2.gif) !important; }
.cart-form .button a  { background-image: url(images/button-bkg-right-2.gif) !important; text-decoration: none; }
.cart-form .note { color: #444; font-size: 11px; line-height: 14px; font-weight: normal; }

/* end košarica */

/* product list */
	
.pnlSort {
	text-align: right;
}

/* end product list */

/* articles */

#smallList-box .date  { font-size: 10px; line-height: 16px; color: #777779; }
#smallList-box h3,
#smallList-box h3 a   { color: #333366; font-size: 11px; font-weight: bold; text-decoration: none; line-height: 16px;}
#smallList-box h3 { padding-left: 35px; }

.articleDescription  p   { font-size: 11px; line-height: 14px; color: #777779; }
#smallList-box                { background: url(images/box-wrapp-bkg.gif) top left no-repeat; padding: 4px 1px 0 1px; }
#smallList-box ul             { border: 1px solid #eff0f0; list-style: none; width: 287px; padding: 0 8px; }
#smallList-box li             { border-bottom: 1px solid #dedede; padding: 12px 0 10px 30px; position: relative; zoom: 1; }
#smallList-box li.last        { border: none; padding: 0px 2px 6px 2px; text-align: right; }
#smallList-box .date          { display: block; position: relative; left: 0px; top: 3px; margin-right: 5px; background: #ffd51d; padding: 0 2px; float: left; width: 26px;}
#smallList-box .img-block     { float: right; margin-left: 10px; }
#smallList-box .img-block img { display: block; }
.articleDescription   p         { overflow: hidden; zoom: 1; padding-left: 35px; }
#smallList-box td { padding: 12px 10px 0px 0px; position: relative; zoom: 1; }
#smallList-box div { border-bottom: 1px solid #dedede; position: relative; }

.HomePage #smallList-box {background: url(images/small-box-bkg.gif) top left no-repeat;}

#smalllist .img-block {
	float: left;
	border: 1px solid #e0e0e0;
	margin-right: 16px;
}

.detail .date,
span.date,
#smalllist .date {
	display: block;
	font-size: 10px;
	line-height: 12px;
	color: #999;
}

#smalllist h2 {
	margin: 0 0 10px 0;
	padding: 0;
}

#smalllist {
	border-bottom: 1px solid #DEDEDE;
}
#smalllist .Item{
	padding: 15px 0px 25px 15px;
	border-top: 1px solid #dedede;
}

.detail-box           { float: right; margin: 0 0 15px 15px; }
.detail-box img       { display: block; margin: 0 auto 10px; }
.detail-box div       { background: url(images/detail-box-bkg.jpg) bottom right no-repeat; width: 262px; overflow: hidden; zoom: 1;  padding: 10px; }
.detail-box div p     { overflow: hidden; zoom: 1; margin: 0 !important; padding-right: 10px; }
.detail-box div a     { float: right; background: url(images/link-bg.jpg) bottom right no-repeat; padding: 6px 30px 6px 18px; text-align: right;  }
.detail-box div span  { float: right; clear: right; padding-right: 10px; }
.detail .text a.link     { font-weight: bold; color: #777; text-decoration: none; background: url(images/link-bg.jpg) bottom right no-repeat;  padding: 6px 30px 6px 20px; text-align: right;  }

.articleDescription2 {
	padding-left: 95px;
}

/* end articles */

/* kalkulator */
.calculator-form h2,
.calculator-form li,
.calculator-form .note { color: #333; font-size: 12px; font-weight: bold; }
.calculator-form .txt  { color: #777; font-size: 12px; font-family: Tahoma, arial, sans-serif; }
.calc-search,
.calculator-form       { color: #333; font-size: 12px; line-height: 18px; }
.calculator-form         { overflow: hidden; zoom: 1; background: #f0f0f0; margin: 0 18px;}
.calculator-form h2      { background: #e6e6e6; margin: 0 0 13px 0px; padding: 4px 0 4px 17px; }

.calculator-form p         { float: left; width: 250px; }
.calculator-form fieldset  { float: right; }

.calculator-form .txt    { float: left; border: 2px solid #dedede; padding: 2px 7px; width: 196px; margin-right: 13px; }
.calculator-form ul      { float: right; padding: 0 25px 5px 0; }
.calculator-form ul li   { overflow: hidden; zoom: 1; padding: 0 0 8px 0 !important; background: none !important;}
.calculator-form label   { float: left; width: 80px; margin-right: 17px; text-align: right; }
.calculator-form .button { float: right; margin: 0 25px 10px 0; *display: inline; clear: both; }

.calculator-form .note   { background: #fbdd5c; margin: 0 0 5px -15px; clear: both; text-align: center; padding: 5px 0; }

/*
.calc-search    { background: #fbfbfb; border-bottom: 5px solid #f0f0f0; float: left; }
.calc-search p  { float: left; width: 200px; padding: 20px 0 15px 15px }
*/

.photo-gallery-popup .close { color: #777779; font-size: 10px; }
/* photo-gallery-popup */
.photo-gallery-popup        { width: 653px; height: 494px; padding: 0 7px 8px 0; position: absolute; top: 0; left: 0; z-index: 9999; background: url(images/photo-gallery-popup.png) bottom right no-repeat; display: none; }
.photo-gallery-popup .inner { width: 647px; height: 488px; border: 3px solid #dedede; background: #fff; }

.photo-gallery-popup .close { z-index: 9999; position: absolute; top: 10px; right: 17px; padding-right: 17px; cursor: pointer; background: url(images/icon-del.gif) right no-repeat; }

.photo-gallery-popup .img-block             { height: 408px; width: 603px; position: relative; }
.photo-gallery-popup .img-block img         { display: none; position: absolute; top: 50%; left: 50%; }
.photo-gallery-popup .img-block img.on      { display: block; }
.photo-gallery-popup .tool-block            { background: #fcfcfc; position: absolute; bottom: 11px; width: 647px; border-top: 1px solid #eeeeee; }
.photo-gallery-popup .tool-block div        { position: relative; height: 54px; width: 486px; margin: 10px 0 12px 64px; overflow: hidden; zoom: 1; }
.photo-gallery-popup .tool-block ul         { width: 1000px; }
.photo-gallery-popup .tool-block li         { float: left; padding-top: 4px; margin-right: 12px; list-style: none;}
.photo-gallery-popup .tool-block li img     { border: 1px solid #eeeeee; cursor: pointer; }
.photo-gallery-popup .tool-block li.over,
.photo-gallery-popup .tool-block li.on      { background: url(images/img-viewer-arrow.gif) top center no-repeat; }
.photo-gallery-popup .tool-block li.over img,
.photo-gallery-popup .tool-block li.on img  { border-color: #f0cb71; }
.photo-gallery-popup .prev,
.photo-gallery-popup .next  { display: block; position: absolute; top: 33px; cursor: pointer; }
.photo-gallery-popup .prev  { left: 48px; }
.photo-gallery-popup .next  { right: 78px; }


/* block-list */
.block-list               { float: left; padding-left: 13px; *padding-bottom: 15px; }
.block-list li            { float: left; background: url(images/block-list-el-bkg.jpg) bottom right no-repeat; width: 319px; position: relative; margin-bottom: 25px; }
.block-list li.clear      { clear: left; margin-right: 16px; }
.block-list li .text      { width: 170px; padding: 0 0 10px 11px; }
.block-list li .text h2   { margin-bottom: 10px !important; margin-left: 0px; }
.block-list li .text h2 a  { color: #333; text-decoration: none; }
.block-list li .img-block { display: block; position: absolute; right: 28px; bottom: 7px; }



/* hlađenje - upit za komoru */


/* query-form */
 .query-form-holder { text-align: center; }
 .query-form { width: 645px; margin: 0 auto; text-align: left;}
 .query-form h2,
 .query-form label,
 .query-form dt       { color: #333; font-size: 12px; font-weight: bold; }
 .query-form dd label { font-weight: normal; }

 .query-form p    { color: #777; font-size: 11px; }
 .query-form .txt { color: #777; font-size: 12px; font-family: Tahoma, arial, sans-serif; }

 .query-form .note p  { color: #333; font-size: 11px; line-height: 14px; }
 
 .query-form fieldset { background: #f0f0f0; padding: 0 0 5px 17px; margin-bottom: 17px; }
 .query-form h2       { background: #e6e6e6; margin: 0 0 13px -17px; padding: 4px 0 4px 17px; }
 .query-form .txt     { float: left; border: 2px solid #dedede; padding: 2px 7px; }
 .query-form label    { float: left; }
 .query-form p        { margin: 0 0 0 14px; padding: 0; zoom: 1; *margin: 8px 0 -10px 0; }

 .query-form li       { overflow: hidden; zoom: 1; padding: 0 0 8px 0 !important; background: none !important; }
 .query-form li label { width: 150px; }
 .query-form li .txt  { width: 456px; }

 .query-form .left  { width: 309px; float: left; margin: 0 0 -2px -9px; *display: inline; }
 .query-form .right { width: 309px; float: right; margin: 0 8px -2px 0; *display: inline; }

 .query-form dl         { background: #fff; clear: both; padding: 5px 0 5px 10px; margin: 0 8px 8px -9px; overflow: hidden; zoom: 1; }
 .query-form dl dd      { float: left; *display: inline; }
 .query-form div dl     { margin: 0 0 10px 0; clear: none; }
 .query-form div dl dd  { float: none; display: block; }

 .query-form dt { margin-bottom: 2px; }
 .query-form dd { margin-left: 16px; overflow: hidden; zoom: 1;  }

 .query-form dd .radio  { float: left; margin: 3px 9px 0 0; *margin: -1px 5px 0 -4px; }
 .query-form dd .txt    { width: 154px; margin-right: 10px; }
 .query-form dd .big    { width: 47px; }

 .query-form .norm-lay dd    { padding-bottom: 8px; }
 .query-form .norm-lay label { width: 68px; }
 .query-form .right .norm-lay dd  { *padding-bottom: 0px; }

 .query-form dd ul        { clear: left; margin: 0 0 -1px 22px; }
 .query-form dd ul ul     { clear: none; float: left; margin: 0; }
 .query-form dd .check    { float: left; margin: 2px 9px 0 0; *margin: -1px 5px 0 -4px; }
 .query-form dd ul label  { width: auto; margin-right: 6px; }
 .query-form dd ul li     { padding: 0 0 3px 0; }
 .query-form .small label { width: 98px; margin: 0; }
 .query-form .mid label   { width: 50px; margin: 0; }
 .query-form .small .txt  { width: 88px !important; }
 .query-form .mid .txt    { width: 137px !important; }

 .query-form dd .nomarg       { margin-right: 2px; }
 .query-form dd .fixed label  { width: 50px; }
 .query-form dd .single       { margin-left: 23px; clear: left; float: none; display: block; }
 .query-form dd .single .txt  { width: 40px; float: none; display: inline; margin: 0 10px; }

 .query-form div.big-space-lay dd  { margin-bottom: 11px; *margin-bottom: 6px; }
 .query-form div.big-space-lay li  { margin-bottom: 2px; }

 .query-form dd.narrow  { width: 183px; }
 .query-form dd.long    { width: 400px; }

 .query-form .note    { background: url(images/query-form-note-bottom.jpg) bottom left no-repeat; width: 303px; float: left; margin-top: 20px; }
 .query-form .note p  { background: url(images/query-form-note-top.jpg) top left no-repeat; margin: 0; padding: 8px 10px 10px 13px; }

 .query-form .button  { float: right; margin: 30px 0 0 12px; }

 .query-form .c-top       { position: absolute; top: 25px; right: 20px; }
 .query-form .c-bottom    { float: left; padding: 40px 0 0 20px; }
 .query-form .controls a  { float: left; margin: 0 3px; }



/* products-box akcija */
.products-box h3  { font-size: 13px; line-height: 16px; font-weight: bold; color: #777779; }
.products-box       { margin: 0 0 30px 0; overflow: hidden; zoom: 1; }
.products-box td    { margin: 0 0 0 16px; padding: 4px 1px 0 1px; background: url(images/listbox-el-bkg.gif) top left no-repeat; *display: inline; }
.products-box div   { border: 1px solid #eff0f0; width: 194px; height: 150px;  min-height: 160px; position: relative; text-align: center;}
.products-box div div { border: 0px none; width: auto; height: auto; min-height: 0; padding-bottom: 10px; }
.products-box h3    { border-bottom: 1px solid #dedede; text-align: center; margin: 0 8px 7px 8px; padding: 9px 0 3px 0; }
.products-box img   { display: block; margin: 0px auto; }
.products-box .more2 { position: absolute; display: block; bottom: 6px; right: 5px; }


.LeftPane .ModuleContent {
	border: 0 none;
}


/* downloads preuzimanja naslovnica */

/* small-box */
.small-box            { background: url(images/small-box-bkg.gif) top left no-repeat; padding: 4px 1px 0 1px; margin-bottom: 30px; }
.small-box div        { border: 1px solid #eff0f0; width: 283px; padding: 5px 10px 4px 10px; *padding: 5px 10px 5px 10px; overflow: hidden; zoom: 1; }
.small-box div div    { border: none; width: auto; }
.small-box .img-block { float: right; margin: 0 0 7px 5px; }
.small-box .img-block img { display: block; }
.small-box h3         { border-bottom: 1px solid #dedede; margin-bottom: 7px; padding-bottom: 3px; }
.small-box .more2      { float: right; clear: right; background-position: right 4px; }
.small-box h3 { font-size: 13px; line-height: 16px; font-weight: bold; color: #777779; } 
.small-box    { font-size: 11px; line-height: 14px; color: #777779; }
.small-box p { color: inherit; padding: 0;}


.download li { padding: 6px 0 5px 0; border-bottom: 1px solid #eeeeee; }
.download a  { padding: 2px 0 1px 27px; display: block; }
.download .pdf  { background: url(images/icon-pdf.gif) top left no-repeat; }
.download a  { color: #333366; font-size: 11px; font-weight: bold; text-decoration: none; }


/* Sitemap */

.SiteMap_MenuBar {
}
.SiteMap_MenuContainer {}
.MainMenu_SubMenuBar {
	display: block;
}

.SiteMap_SubMenu {}
.SiteMap_MenuItem {
	display: block;
	/*float: left;*/
	padding: 5px 30px;
	list-style: none;
	white-space: nowrap;
	
}
.SiteMap_MenuItemSel {}

.SiteMap_SubMenu .SiteMap_MenuItem {
	display: block;
	float: none;
}

.SiteMap_MenuItem  h2 {
	margin: 0;
}
.SiteMap_MenuItem  h3 {
	padding: 0;
}

/* end sitemap */


.ValidationSummary {
	display: block;
}
.ValidationSummary ul li {
	list-style-type: circle;
	overflow: visible;
	list-style-position: inside;
	padding: 0 !important;
}


.UDT_Table_Item p {
	text-align: left;
}


.order-form .NormalTextBox {
	width: 300px;
}

.spacer {
	font-size: 1px;
	line-height: 1px;
	margin: 0;
	padding: 0;
	border: 0;
}


.product-question {
	background: url("images/icon-mail.gif") left center no-repeat;
	padding-left: 20px;
}