* { margin: 0; padding: 0; }
img,
fieldset { border: none; }
ul, ol { list-style: none; }
a { text-decoration: none; color: #3385ad; }
a:hover { color: #777777; }
em { font-style: normal; }
button { background: none; border: none; width: auto; overflow: visible; cursor: pointer; font-weight: bold; }
a:focus { outline: none; }

body { background: #fff; }
#container { width: 782px; margin: 0px auto; overflow: hidden; *height: 1%; padding-bottom: 35px; font-family: Arial, Verdana, curier; font-size: 11px; color: #333; }

/************************************ HEADER *********************************************/
#header { background: url(../images/BKGheader.gif) top left repeat-y; margin-top: 18px; overflow: hidden; *height: 1%; }
#header dl { float: left; padding: 37px 0 31px 15px; }
#header dd { float: left; }
#header .lang {  margin-right: 8px; } 
#header a { color: #666667; }
#header .lang img { padding: 2px; display: block; float: left; }
#header .lang a:hover img,
#header .lang a.on img { opacity: 0.60; filter: alpha(opacity=60); }
#header .links { padding-top: 2px; }
#header .links a { padding: 0 7px 0 6px; vertical-align: middle; border-right: 1px solid #343432; }
#header .links a.last { border: none; }
#header h1 { float: right; padding: 13px 0 16px 0; }

/************************************ NAV *********************************************/
#nav { float: left; clear: left; padding: 5px 0 5px 8px; *padding: 6px 0 5px 8px; background: #00125c; width: 570px; border: 1px solid #e8ebee; *margin-right: -3px; border-left: none; }
#nav li { float: left; font-family: "Trebuchet MS", arial; font-size: 11px; padding: 0 15px 0 13px; border-right: 1px solid #fff; }
#nav li.home { padding: 0 9px 0 2px; }
#nav li.home img { margin-bottom: -2px; }
#nav li.last { border: none; }
#nav li a { color: #fff; cursor: pointer; }
#nav li a:hover { color: #aab0c9;  }

.subnavwrapper { display: none; }
.over { display: block; }

.subnavwrapper span { position: absolute; z-index: 100; margin: -70px 0 0 100px; background: #fff; padding: 0 15px 9px 8px; border: 1px solid #e8ebee; border-bottom: none; }
.subnavwrapper span a { color: #333; font-family: "Trebuchet MS", arial; font-size: 11px; }
.subnavwrapper ul { position: absolute; margin-top: -45px; width: 780px; z-index: 5; background: #fff; border: 1px solid #e8ebee; float: left; padding: 1px 0; }
.subnavwrapper ul li { font-family: "Trebuchet MS", arial; font-size: 11px; padding: 0 3px; float: left; border-right: 1px solid #e8ebee; }
.subnavwrapper a { cursor: pointer; }
.subnavwrapper ul a { color: #333; padding: 0 15px; }
.subnavwrapper ul a:hover { background: #b5b5bb; color: #fff; }

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

#sidebarright { width: 204px; float: right; margin-top: 5px; }

#sidebarright #newsletter { margin-top: 0; }

#content #sidebarright { margin-top: 25px; }

#content #sidebarright p { float: left; line-height: 18px; }

#sidebarright dl { border: 1px solid #e8ebee; margin-bottom: 15px; float: left; width: 202px;  }

#sidebarright dl.s-box  { background: #fff url(../images/search-top-bkg.gif) top left repeat-x; }

#sidebarright #logo { margin-bottom: 15px; float: right; padding-right: 5px; }

#sidebarright dt { font-size: 16px; margin: 0 8px; padding: 6px 0 2px 0; border-bottom: 1px solid #777779; font-weight: normal; color: #333; font-family: "Trebuchet MS", arial; }

#sidebarright .gray { background: #b5b5bb url(../images/search-bottom-bkg.gif) bottom left no-repeat; float: left; margin-top: 9px; margin-bottom: -1px; clear: right; padding: 9px 0 8px 11px; width: 191px; }

#sidebarright .gray li { float: left; width: 70px; *display: inline; background: url(../images/BKGarrowwhite.gif) left 4px no-repeat; padding: 0 0 5px 14px; }

#sidebarright .gray a { color: #fff; }

#sidebarright .white { margin: 12px 5px 13px 10px; }

#sidebarright .white li { background: url(../images/BKGarrowblue.gif) left 4px no-repeat; padding: 0 0 2px 14px; line-height: 15px; }

#sidebarright .contact { background: #b5b5bb; color: #fff; }

#sidebarright .contact dt { color: #fff; border-color: #fff; }

#sidebarright .contact dd { padding: 10px; font-size: 11px; }

#sidebarright .contact dd a { color: #fff; text-decoration: underline; }

#eng_faq { float: left; border: 1px solid #e8ebee; width: 202px; background: url(../images/IMGenFAQ.jpg) top left no-repeat; height: 113px; }



/* Scroller Box */

#scroller_container {

 position: relative;

 width: 180px;

 height: 55px;

 overflow: hidden;

 margin: 0 0 0 8px;

}



#scroller {

 white-space: nowrap;

 width: 800px;

 line-height: 55px;

 font-size: 55px;

}



#scroller img {

 float: left;

}



#scroller p {

 padding: 0;

}

/* Scoller Box */



#sidebarleft { margin-right: 20px; *margin-right: 16px; margin-top: 5px; width: 204px; float: left; } /*SAMO ZA IE6, IZBACIT U POSEBAN CSS*/

#sidenav { background: #00125c; padding-bottom: 11px; float: left; margin-bottom: -11px; }

#sidenav li { width: 204px; float: left; }

#sidenav a { font-weight : bold; width: 184px; color: #666667; font-size: 11px; display: block; background: #f0f0f1; border-bottom: 1px solid #fff; padding: 7px 0 3px 20px; }

#sidenav a:hover,

#sidenav a.on { color: #fff; background: #b5b5bb; border-bottom: 1px solid #e8ebee; }

#sidenav ul { padding: 0; margin: 0; }

#sidenav li li a { padding-left: 34px; width: 170px; background: #fff; border-bottom: 1px solid #e8ebee; font-weight: normal; }

#sidenav li li a:hover,

#sidenav li li a.on { font-weight: bold; background: #fff; color: #666667; }



#sidebarleft dl { border: 1px solid #e8ebee; margin-bottom: 15px; float: left; width: 202px; }

#sidebarleft dt { font-size: 16px; margin: 0 8px; padding: 6px 0 2px 0; border-bottom: 1px solid #777779; font-weight: normal; color: #333; font-family: "Trebuchet MS", arial; }

#sidebarleft .img-banner      { display: block; margin: 0 auto 15px auto; width: 181px; }
#sidebarleft .img-banner img  { display: block; }



.maps { margin-bottom: 0; }

.maps dd { background: url(../images/MAPadriaBkg.jpg) top left no-repeat; padding-top: 103px; } 

.maps dd a  { display: block; text-indent: -9000px; height: 21px; border-bottom: 1px solid #fff; }

.maps dd a.unlock { background: #ea8e1f url(../images/MAPadriaUnlock.gif) 13px 4px no-repeat;}

.maps dd a.update { background: #ea8e1f url(../images/MAPadriaUpdate.gif) 13px 4px no-repeat;}



.maps dd.topo { background: url(../images/MAPtopoBkg.jpg) top left no-repeat; padding-top: 97px; }

.maps dd.topo a.unlock { background: #afba3a url(../images/MAPtopoUnlock.gif) 13px 4px no-repeat; }

.maps dd.topo a.update { background: #afba3a url(../images/MAPtopoUpdate.gif) 13px 4px no-repeat; }



.maps dd.blank a  { text-indent: 0; height: auto; border: none; padding-top: 5px; }


#sidebarleft .banners  { background: url(../images/bkg-long.gif) bottom left repeat-x; } 
#sidebarleft .banners dd  { padding-top: 15px; }

#flashAction	{ margin-bottom: 15px; }

#sidebarleft #flashAction	{ clear: both; margin: 0; padding-top: 25px; }



/************************************ CONTENT *********************************************/

#content,

#wrapper { overflow: hidden; *zoom: 1; margin-top: 5px; }



#breadcrumbs { display: block; position: relative; margin-top: -18px; color: #3385ad; }

#breadcrumbs a.on { color: #777777;}

#shoppingcart { position: absolute; z-index: 0; margin: 18px 0px 0 577px; *margin-top: -34px; border: 1px solid #e5e5e5; width: 203px; }

#shoppingcart .how { color: #777777; font-size: 10px; background: url(../images/BKGhow.gif) bottom left repeat-x; display: block; float: left; width: 82px; padding: 6px 0 7px 19px; }

#shoppingcart .buy { margin: 0; font-size: 10px; padding: 5px 0 6px 19px; width: 83px; display: block; }

#shoppingcart .buy span { background: url(../images/BKGbuy.gif) right 0px no-repeat; padding: 2px 25px 6px 0; }

#shoppingcart #subcart { display: none; margin: 25px 0 0 58px; *margin: 25px 0 0 -145px; padding: 10px 8px 10px 6px; text-align: right; color: #fff; position: absolute; width: 131px; border: none; background: #2F3855;  }

#shoppingcart #subcart.over { display: block; }

#shoppingcart #subcart span { border-bottom: 1px solid #a4acb6; padding: 0 5px 5px 0; margin-bottom: 5px; color: #a4acb6; display: block; text-align: right; }

#shoppingcart #subcart em { font-size: 13px; color: #fff; padding-right: 5px; }

#shoppingcart #subcart span em { padding: 0; }



#flash { width: 559px; }

.icons { overflow: hidden; zoom: 1; margin: -20px 0 10px 0; }

span.back { display: block; margin: 0 12px 0 3px; float: left; background: url(../images/BKGarrowback.gif) left 3px no-repeat; padding-left: 14px; }

span.print { display: block; cursor: pointer; float: left; margin-left: 3px; background: url(../images/icon_print.gif) left 0px no-repeat; padding-left: 16px; }

span.typ2 { margin: 0px 0 10px 3px; display: block; float: left; }

.more { display: inline !important; margin: 0; background: url(../images/BKGarrowblue.gif) 5px 4px no-repeat; padding-left: 17px; }

.buy { margin: 10px 0 0 2px; float: left; display: block; border-top: 1px solid #a3acb6; border-bottom: 1px solid #a3acb6; color: #fff; cursor: pointer; font-size: 10px; padding: 3px 3px 3px 4px; background: #8995a1 url(../images/BKGbutton.gif) bottom left repeat-x;}

a.buy:hover { color: #fff; }

.buy span { background: url(../images/BKGbuy.gif) right 0px no-repeat; padding: 2px 20px 3px 0; }

.showall { display: block; background: #b5b5bb url(../images/BKGarrowwhite.gif) 5px 6px no-repeat; padding: 3px 0 3px 17px; color: #fff; }

.blank { background: none !important; padding: 0 !important; }

h2 { clear: left; padding-top: 15px; color: #333; font-size: 16px; font-family: "Trebuchet MS", arial; }

h2.top { padding-top: 25px; }

h2.inner { padding: 0 0 3px 2px; margin-bottom: 27px; border-bottom: 1px solid #e8ebee; font-size: 18px; }

h2.inner img { margin-right: 25px; }

#sidebarleft h2 { padding: 3px 0 2px 6px; background: #00125c; color: #fff; font-size: 18px; }

h3 { color: #333; font-size: 17px; font-weight: normal; font-family: "Trebuchet MS", arial; margin-bottom: 15px; }

h3 a { color: #333; }

h4 { font-size: 13px; margin-bottom: 8px; font-family: "Trebuchet MS", arial; color: #333; font-weight: normal; }

#detailtxt h4 { font-size: 16px; }

#content p { line-height: 18px; }

p { font-size: 12px; color: #666667; margin-bottom: 0px; }

.textbox { font-size: 12px; color: #666667; margin-bottom: 0px; overflow: hidden; zoom: 1; *float: left; }

.textbox b.dark { color: #333; }

.textbox b.oldprice { color: #999; text-decoration: line-through; }

.textbox p {overflow: hidden; *height: 1%; }

.fixed p { height: 131px; }

.extras { display: block; width: 52px; padding: 0 3px; text-align: center; float: left; font-size: 10px; margin-top: 20px; line-height: 12px;  }

.extras img { display: block; margin: 0 auto 5px auto; }

.pdf { background: url(../images/ICOpdf.gif) left 0px no-repeat; padding-left: 16px; }

.doc { background: url(../images/ICOdoc.gif) left 0px no-repeat; padding-left: 16px; }

.date { color: #888; font-size: 10px; }

.navigation { display: block; text-align: right; }

.navigation a { padding-left: 14px; margin-left: 7px; }

.navigation .prev { padding-left: 14px; background: url(../images/BKGarrowback.gif) left 3px no-repeat; }

.navigation .next { padding-right: 14px; background: url(../images/BKGarrowblue.gif) right 3px no-repeat; }



.homebox { padding: 0 0 2px 9px; margin: 10px 20px 0px 0; float: left; background: #fff url(../images/bkg_homebox.gif) top left repeat-x; width: 162px; border: 1px solid #e8ebee; }

dl.last { margin: 10px 0 15px 0; }

.homebox dt { height: 45px; overflow: hidden; padding: 6px 0 0px 14px; font-size: 16px; line-height: 18px; font-family: "Trebuchet MS", arial; background: url(../images/BKGarrowblue.gif) left 13px no-repeat; }

.homebox dt a { color: #333; }

.homebox dd { line-height: 16px; height: 98px; font-size: 11px; overflow: hidden; }

.homebox dd img { float: right; padding-right: 6px; }



.special { width: 267px; padding: 0 0 3px 9px; margin: 0 6px 13px 0; border-top: 1px solid #e8ebee; border-bottom: 1px solid #e8ebee; float: left; background: url(../images/BKGgrad3.gif) bottom left repeat-x; }

.nomarg { margin: 0 0 13px 0; }

.special dt { padding: 6px 0 10px 14px; font-size: 16px; font-family: "Trebuchet MS", arial; background: url(../images/BKGarrowblue.gif) left 13px no-repeat; }

.special dt a { color: #333; }

.special dd img { float: right; padding-right: 6px; }

.special dd p { overflow: hidden; color: #333; font-size: 11px; height: 120px; }

.special .price { float: right; clear: right; width: 265px; *width: 264px; font-size: 12px; color: #333; font-weight: bold; text-align: right; background: #f9f9f9; margin: 10px 2px 0px -7px; padding: 2px 6px 2px 0; }

.special .price span { text-decoration: line-through; padding-right: 10px; color: #999; }



.contactbox { padding-bottom: 16px; background: url(../images/BKGcontactbox.gif) bottom left no-repeat; overflow: hidden; *height: 1%; }

.contactbox p { height: auto; background: url(../images/BKGcontactbox2.gif) bottom left repeat-x; border: 1px solid #e5e5e5; border-bottom: none; padding: 10px 0; margin: 0; text-align: center; font-size: 16px; font-family: "Trebuchet MS", arial; }



#news { width: 367px; float: left;}

#news li { border-bottom: 1px solid #e8ebee; padding: 15px 0 11px 0; overflow: hidden; *padding-bottom: 9px; *zoom: 1; font-size: 11px; }

#news img { float: left; display: block; margin: 0 10px 0 0; }

#news span { display: block; }

#news a { display: block; overflow: hidden; *height: 1%; line-height: 16px; }

#news a.showall { line-height: 13px; }



#faq { width: 173px; float: left; margin-left: 19px; }

#faq dl { background: #f7f7f8; padding: 8px 7px 0px 10px; }

#faq dt { background: url(../images/BULLITgray.gif) left 3px no-repeat; padding-left: 14px; font-size: 11px; color: #666667; font-weight: bold; }

#faq dd { padding: 2px 0 7px 14px; line-height: 16px; *padding-bottom: 5px; font-size: 11px; }



#innerfaq { padding: 10px; }

#innerfaq .title { background: url(../images/BULLITgray.gif) left 3px no-repeat; padding: 0 0 0 14px; font-size: 11px; color: #666667; font-weight: bold; }

#innerfaq li { padding: 2px 0 7px 14px; }



#smallgallery { float: left; width: 259px; margin-bottom: 7px; }

#smallgallery .block { display: block; margin-bottom: 7px; }

#smallgallery .none { display: none; }

#smallgallery a img { float: left; border: 1px solid #e8ebee; margin: 4px 4px 0 0; }

#smallgallery a:hover img, #smallgallery a img.on { opacity: 0.6;	filter: alpha(opacity=60); }

#smallgallery span { display: block; font-size: 9px; clear: left; padding-top: 8px; *padding-top: 5px; color: #888888; }



#products { padding: 25px 18px 0 0; overflow: hidden; *height: 1%; }

#products li { width: 314px; overflow: hidden; background: #E7E7E9 url(../images/BKGgrad2.gif) top left repeat-x; color: #333; float: left; padding: 0 10px 1px 10px; border-top: 1px solid #e8ebee; border-bottom: 1px solid #fff; }

#products h3 { padding: 6px 0 10px 0; margin: 0; font-size: 16px; font-family: "Trebuchet MS", arial;  }

#products h3 a { padding: 6px 0 10px 14px; background: url(../images/BKGarrowblue.gif) left 13px no-repeat; }

#products img { float: right; clear: right; margin: 0 0 10px 10px; }

#products p { overflow: hidden; *height: 1%; font-size: 11px; color: #333; }

#products ul { margin: -10px 0 15px 0; }

#products ul li { background: none; float: none; display: block; padding: 0 0 0 14px; border: none; margin: 0; background: url(../images/BKGarrowblue.gif) left 3px no-repeat;}

.eng li { width: 536px !important; margin-bottom: 17px; }

.eng li img { margin-top: -25px !important; }

.eng li p { width: 180px; float: left; }

.eng li ul { float: right; margin-top: 7px !important; }

.eng li ul li { width: 130px !important; background: red; }

.eng p img { float: none !important; display: block; margin: 0 !important; }

.eng .buy_butt  { display: block; clear: both; padding-bottom: 8px; text-align: center;  margin: 0 !important; }

.eng .buy_butt img  { float: none !important;  margin: 0 !important;}



#products.helpsupport ul { margin: 0px 0 15px 0; }





#pricelist li { padding: 20px 0; border-bottom: 1px solid #e8ebee; overflow: hidden; zoom: 1; }

#detailtxt #pricelist li { padding: 8px 0; }

#pricelist li.first { padding: 0 0 20px 0; }

#detailtxt #pricelist li.first { padding: 0 0 8px 0; }

#pricelist img { float: left; }

#pricelist dl { padding-left: 140px; }

#pricelist a { display: block; margin: 0 0 4px 0; }

#detailtxt #pricelist p { margin: 0; }



#press { margin-top: -20px; }

#press li { border-bottom: 1px solid #e8ebee; padding-top: 8px; padding-bottom: 10px; overflow: hidden; zoom: 1; }

#press h4 { font-size: 16px;  }

#press li.head { border: none; background: #dddde0; font-size: 16px; font-family: "Trebuchet MS", arial; color: #666; padding: 0 0 0 5px;  }

#press li.head b { color: #00125c; }

#press li.head span { display: block; font-size: 12px; padding-bottom: 3px; }

#press img { float: left; }

#press div { padding-left: 140px; line-height: 16px; }



#detailtxt ul#press { list-style: none !important; margin: 0; }

#detailtxt ul#press li.last { border: none; }

#detailtxt ul#press p { font-size: 11px; line-height: 15px; width: 380px; }



#pressdownload { float: left; width: 259px; margin-bottom: 5px; }

#pressdownload h4 { clear: left; padding: 0 0 3px 0; margin: 0; color: #333; font-size: 16px; font-family: "Trebuchet MS", arial; }

#pressdownload li { background: #f4f4f5; margin: 0 20px 10px 0; padding: 4px 10px;}

#pressdownload li li { margin: 0 0 5px 0; padding: 0; clear: left; overflow: hidden; *height: 1%; }

#pressdownload li li a { display: block; background: url(../images/ICOdownload.gif) left 0px no-repeat; padding: 4px 0 10px 27px; float: left; margin: 16px 0 0 5px; }

#pressdownload img { float: left; }



#compare_table { margin: 13px 0 0 0; font-size: 11px; color: #666; border: 1px solid #e8ebee; border-collapse: collapse;}

#detailtxt #compare_table { width: 100%; }

#compare_table th { vertical-align: top; text-align: left; border: 1px solid #e8ebee; padding: 6px 4px; }

#compare_table td { vertical-align: top; text-align: left; border: 1px solid #e8ebee; width: 119px; padding: 6px 4px; }

#detailtxt #compare_table td { width: 50%; }

#compare_table .top th { padding: 0; }

#compare_table .top .blue { background: #00125c; width: 132px; color: #fff; padding: 12px 0 8px 10px;  font-size: 16px; font-family: "Trebuchet MS", arial; line-height: 18px; font-weight: normal; }

#compare_table .top .blue a { font-size: 11px; display: block; font-family: arial; line-height: 12px; color: #fff; margin-top: 18px; background: url(../images/BKGarrowwhite_back.gif) left 3px no-repeat; padding-left: 14px; }

#compare_table tr.gray th { color: #fff; padding: 3px 0 3px 4px; background: #b5b5bb; }

#compare_table tr.dark th,

#compare_table tr.dark td { background: #f3f3f4; }

#compare_table table { font-size: 11px; color: #666; width: 639px; }

#compare_table table th,

#compare_table table td { text-align: center; width: 121px; padding: 3px; border: none; border-right: 1px solid #e8ebee; }

#compare_table table .last { border: none; }

#compare_table table th.title a { padding-left: 14px; background: url(../images/BKGarrowblue.gif) left 3px no-repeat; } 

#compare_table table th img { padding: 5px 0; }

#compare_table table td.del { background: #f5f5f6; padding: 3px 0px 4px 0; }

#compare_table table td.del a { text-decoration: underline; font-weight: normal; }



#detailnav { float: left; clear: left; margin-top: 30px; }

ul.faq_typ { margin-top: 0 !important; }

#detailnav li { float: left; }

#detailnav a { position: absolute; z-index: 1; font-weight: bold; color: #666; font-size: 12px; line-height: 12px; vertical-align: middele; font-family: "Trebuchet MS", arial; display: block; width: 102px; border: 1px solid #a8a7aa; border-bottom: none; padding: 3px 3px 3px 5px; margin-top: 5px; height: 26px; background: #e5e5e8; }

#detailnav a:hover,

#detailnav a.on { color: #333; border: 1px solid #e8ebee; z-index: 2; border-bottom: none; margin-top: 0px; padding-top: 8px; background: url(../images/BKGdetailnav.gif) top left repeat-x; }

#detailnav a.on { padding-bottom: 4px; }

#detailnav a.first { margin-left: 0 !important; }

#link2 { margin-left: 111px; }

#link3 { margin-left: 222px; }

#link4 { margin-left: 333px; }

#link5 { margin-left: 443px; }



#subdetailnav		{ overflow: hidden; zoom: 1; list-style: none; border-left: 1px solid #666; margin: 0 !important; *margin: 0 0 15px 0 !important; }

#subdetailnav li	{ display: block; float: left; border-right: 1px solid #666; padding: 0 12px; font-size: 11px;  }

#subdetailnav a:hover,

#subdetailnav a.on  { color: #777; }



#detailtxt { float: left; width: 533px; margin-top: 68px; font-size: 12px; line-height: 16px; color: #666667; border: 1px solid #e8ebee; padding: 20px 10px 20px 10px; }

div.faq_typ { margin-top: 38px !important; }

#detailtxt ul { list-style: disc; margin-left: 13px; font-size: 12px; color: #666667; margin-bottom: 15px; }

#detailtxt #pricelist { list-style: none; margin-left: 0; }

#detailtxt .imglist { overflow: hidden; *height: 1%; margin-bottom: 10px; }

#detailtxt .imglist p { overflow: hidden; float: left; *float: none; width: 380px; clear: none; }

#detailtxt .imggroup { float: left; }



.contact_wrapper .imgholder { margin-right: 20px; }

.imgholder { float: left; margin: 0 10px 0px 0; clear: left; }

.imgholder .magnif { margin-left: -22px; }

.imgholder span { display: block; margin: 2px 0 0 0; *margin: 1px 0 5px 0; color: #999; font-size: 9px; }



#scrollwrapper1 { width: 133px; margin-top: 15px; *margin-top: 0; clear: left; overflow: hidden; padding-top: 7px; float: left; background: url(../images/BKGscrolllisttop.gif) top left no-repeat; }

#scrollwrapper2 { padding-bottom: 9px; background: url(../images/BKGscrolllistbottom.gif) bottom left no-repeat; }

#detailtxt .scrollbox { list-style: none; margin: 0; font-size: 11px; height: 378px; overflow: -moz-scrollbars-vertical; *overflow: auto; border-left: 1px solid #bababa; border-right: 1px solid #bababa;  }

.scrollbox li { *border-bottom: 1px solid #fff;  }

.scrollbox li a { display: block; padding: 2px 0 2px 9px; color: #666667; }

.scrollbox li.on,

.scrollbox li a:hover { background: #f0f0f1; }



#scrollboxwrapper1 { overflow: hidden; margin-top: 15px; *margin-top: 0; padding-top: 8px; background: url(../images/BKGscrollboxtop.gif) top left no-repeat; width: 385px; float: right; }

#scrollboxtwrapper2 { padding-bottom: 8px; background: url(../images/BKGscrollboxbottom.gif) bottom left no-repeat;  }

#scrollboxtwrapper2 p  { width: 166px; font-size: 11px; *display: inline; }

#scrollboxtwrapper2 b { display: block; }

#scrollboxtwrapper2 .left { float: left; clear: left; margin: 10px 0 10px 10px; }

#scrollboxtwrapper2 .right { float: right; clear: right; margin: 10px 10px 10px 0; }



.contact_wrapper { overflow: hidden; zoom: 1; margin-bottom: 25px; }

#contact_info { margin: -18px 0 0px 0; float: left; width: 230px; font-size: 12px; color: #666667; }

.topmarg { padding: 13px 0 0 20px; float: left; font-size: 12px; color: #666667; }

#contact_info dt.title { color: #333; font-size: 16px; font-family: "Trebuchet MS", arial; font-weight: bold; margin-bottom: 11px; }

#contact_info dt { font-weight: bold; margin: 15px 0 5px 0; }



#arowwbox3 { width: 343px; float: left; background: url(../images/BKGprijava.gif) top right no-repeat; padding-right: 11px; }

#arowwbox3.en { background: url(../images/BKGprijava_en.gif) top right no-repeat; }

#arowwbox3 div { background: url(../images/BKGreg_novih.gif) bottom left no-repeat; padding-bottom: 47px; }

#arowwbox3.en div { background: url(../images/BKGreg_novih_en.gif) bottom left no-repeat; }

#arowwbox3 p {  margin: 0; font-size: 16px;  font-family: "Trebuchet MS", arial; border-top: 1px solid #e5e5e5; }

#arowwbox3 span { display: block; height: 114px; padding: 17px 50px 0 20px; margin-right: 29px; background: #F4F4F4 url(../images/BKGreg_p.gif) top left repeat-x; border-left: 1px solid #e5e5e5; }



/******************************** SHOPPING CART PAGES ***********************************/

#welcome { border: 1px solid #e8ebee; float: left; margin: 23px 0 15px 0; padding-bottom: 4px; width: 202px; background: #363e5a url(../images/BKGwelcome_big.gif) top left repeat-x; }

#sidebarright #welcome { margin-top: 0px; }

#welcome span { display: block; margin: 0 13px 0 5px; padding: 17px 0 0 3px; height: 53px; border-bottom: 1px solid #7f8597; background: url(../images/BKGwelcome.gif) right 16px no-repeat; color: #fff; font-size: 16px; font-family: "Trebuchet MS", arial; }

#welcome em { display: block; font-weight: bold; font-size: 14px; }

#welcome a { background: url(../images/BKGarrowwhite.gif) left 2px no-repeat; display: block; margin: 3px 0 1px 10px; padding-left: 11px; font-size: 9px; color: #fff; }



#carttable { border-collapse: collapse; border: 1px solid #e5e5e5; margin-left: 1px; width: 557px; }

#carttable th,

#carttable td { padding: 5px 0px 5px 9px; text-align: left; vertical-align: middle; font-weight: bold; font-size: 12px; }

#carttable th { width: 75px; *width: 78px; background: #b5b5bb; border-left: 1px solid #fff; font-family: Arial; line-height: 13px; }

#carttable th span { font-weight: normal; }

#carttable .right { text-align: right !important; padding: 5px 10px 5px 2px !important; }

#carttable .long { width: 200px; border-left: none; }

#carttable td { border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }

#carttable .long img { width: 50px; display: block; float: left; margin: 0 5px; } 

#carttable .long span {  color: #333; font-size: 16px; font-family: "Trebuchet MS", arial; font-weight: normal; display: block; margin-top: 8px; }

#carttable .buttons td { background: #ebebeb url(../images/BKGbuttons.gif) top left repeat-x; padding: 11px 2px 11px 10px; border-left: none; font-size: 10px; width: auto; }

#carttable .buttons .trash { background: url(../images/ICOtrash.gif) top left no-repeat; padding: 8px 0 8px 28px; display: block; *width: 200px;  }

#carttable .buttons .repeat { background: url(../images/ICOrepeat.gif) top left no-repeat; padding: 6px 0 6px 35px; display: block; *width: 200px; }

#carttable .score td { background: #363e5a; padding: 6px 7px 6px 0 !important; font-size: 11px;  text-align: right; color: #fff; text-align: right; width: 100%; }

#carttable .score p { margin: 0; color: #fff; display: block; background: red;}

#carttable .score em { font-weight: normal; }

#carttable .score span { padding-left: 15px; font-size: 17px; font-family: "Trebuchet MS", arial; font-weight: normal; }

#carttable a.button { float: left; margin: 0 10px; padding: 4px 6px 6px 6px; font-size: 11px; }

#carttable a.button:hover { color: #fff; }



#carttable.user_support { clear: left; }

#carttable.user_support th { color: #fff; padding: 5px 10px; }

#carttable.user_support td { font-weight: normal; padding: 15px 0 20px 10px; }

#carttable.user_support2 th { color: #fff; }

#carttable.user_support2 td { padding-top: 10px; padding-bottom: 15px; }





#help { margin: 35px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 19px 0 23px 0; overflow: hidden; *height: 1%; }

#help li { width: 258px; border-right: 1px solid #e5e5e5; float: left; padding: 0 20px 0 0;   }

#help li.last { border: none; padding: 0 0 0 30px; width: 248px; }

#help p { margin: 0; }



.arowwbox1 { float: left; padding-bottom: 16px; background: url(../images/BKGcontactbox.gif) -35px bottom no-repeat; overflow: hidden; *height: 1%; }

.arowwbox1 p { height: auto; background: url(../images/BKGcontactbox2.gif) bottom left repeat-x; border: 1px solid #e5e5e5; border-bottom: none; padding: 25px 0 0 0; overflow: hidden; *zoom: 1; margin: 0; font-size: 16px; font-family: "Trebuchet MS", arial; line-height: normal !important; width: 211px; }

.arowwbox1 span { float: left; color: #949aa8; font-size: 100px; margin: -35px 5px 0 5px; }

.arowwbox2 { float: left; margin-right: 30px; padding-right: 11px; background: url(../images/BKGcontactbox3.gif) right top no-repeat; overflow: hidden; *height: 1%; }

.arowwbox2 p { height: auto; background: url(../images/BKGcontactbox2.gif) bottom left repeat-x; border: 1px solid #e5e5e5; border-right: none; padding: 25px 0 0 0; overflow: hidden; *zoom: 1; margin: 0; font-size: 16px; font-family: "Trebuchet MS", arial; line-height: normal !important; width: 212px; }

.arowwbox2 span { float: left; color: #949aa8; font-size: 100px; margin: -35px 5px 0 5px; }



.arowwbox3 { float: left; padding-left: 11px; margin: 0 0 25px 30px; background: url(../images/BKGarowwbox3.jpg) left top no-repeat; overflow: hidden; *height: 1%; }

.arowwbox3 p { height: auto; background: url(../images/BKGcontactbox2.gif) bottom left repeat-x; border: 1px solid #e5e5e5; border-left: none; padding: 17px 5px 17px 15px; overflow: hidden; *zoom: 1; margin: 0; font-size: 16px; font-family: "Trebuchet MS", arial; line-height: normal !important; width: 147px; }





.arowwbox4 { float: left; padding-left: 12px; margin: 15px 0 25px 30px; background: url(../images/BKGarowwbox4.jpg) left top no-repeat; overflow: hidden; *height: 1%; }

.arowwbox4 p { height: auto; background: #f5f5f5 url(../images/BKGcontactbox4.gif) top left repeat-x; border: 1px solid #e5e5e5; border-left: none; padding: 17px 5px 17px 15px; overflow: hidden; *zoom: 1; margin: 0; font-size: 16px; font-family: "Trebuchet MS", arial; line-height: normal !important; width: 147px; }





#customer_details { margin: 0 0 30px 28px; width: 300px; float: left; zoom: 1; color: #666; }

#customer_details dt { margin-bottom: 13px; font-size: 16px; font-family: "Trebuchet MS", arial; }

#customer_details dt span { font-size: 10px; display: block; position: absolute; margin: -20px 0 0 225px; *margin: 2px 0 0 75px; }

#customer_details dd { margin-top: 3px; font-size: 11px; font-weight: bold; }

#customer_details dd span { font-weight: normal; display: block; width: 72px; float: left;  }



#options { border-top: 1px solid #e5e5e5; margin: 20px 0 22px 0; }

#options li { clear: left; padding: 19px 0 10px 0; border-bottom: 1px solid #e5e5e5; overflow: hidden; *height: 1%; }

#options h3 { margin: 0 0 7px 0;  }

#options ul { margin-bottom: 17px; *margin-bottom: 12px; *height: 1%; }

#options li li { clear: none; border: none; background: url(../images/BKGarrowblue.gif) left 4px no-repeat; padding: 0 0 2px 14px; }

#options fieldset h3 { color: #fff; margin: 5px 0 0 0; *margin: 7px 0 0 0; width: auto; float: none; }



.plastic { margin-right: 20px; }

#order dt { width: 310px; float: left; padding-top: 8px; }

.notice { display: block; font-size: 12px; margin-bottom: 15px; }

.notice em { color: #ef860a; font-weight: bold; }



#pay_info { background: #363e5a; margin-bottom: 26px; color: #fff; font-size: 12px; border-top: 1px solid #e5e5e5; }

#pay_info dt { font-size: 16px; font-family: "Trebuchet MS", arial; border-bottom: 1px solid #fff; padding: 7px 5px 4px 11px; overflow: hidden; zoom: 1; }

#pay_info dt div { float: left; }

#pay_info dt.right { text-align: right; font-weight: bold; border: none; border-top: 1px solid #fff; }

#pay_info dt span { font-size: 11px; font-weight: normal; padding-right: 20px; }

#pay_info dt span.right { float: right; display: block; margin-top: 5px; padding-right: 5px; }

#pay_info em { color: #f3a447; font-weight: bold; }

#pay_info dd { padding: 12px 10px 10px 10px; overflow: hidden; *height: 1%; }

#pay_info dd dt { font-size: 12px; font-family: arial; padding: 5px 0; border: none; float: left; width: 327px; border-right: 1px solid #9b9fad; }

#pay_info dd dt span { float: left; display: block; width: 55px; }

#pay_info dd dt p { margin: 0; font-weight: bold; display: block; color: #fff; padding-left: 75px; }

#pay_info dd dd { padding: 0; padding: 5px 0 5px 20px; float: left; width: 190px; }

#pay_info dd dd span { display: block; }



#pay_info.user_support { margin: 20px 1px 1px 1px; *margin: 20px 2px 0px 2px;  }

#pay_info.user_support dd dt { width: 325px; *width: 324px; }





#banklist { float: right; border-left: 1px solid #e5e5e5; padding: 0 10px 0 30px; }

#banklist li { background: url(../images/BKGarrowblue.gif) left 4px no-repeat; padding: 0 0 2px 14px; }

#paybox1, #paybox2 { display: none; }

/************************************ FORMS *********************************************/

.button { border: 1px solid #e8ebee; margin-left: 3px; color: #fff; cursor: pointer; font-size: 10px; padding: 0px 2px 1px 2px; *padding: 0px 1px 1px 1px; background: #8995a1 url(../images/BKGbutton.gif) bottom left repeat-x; }

.text { border: 1px solid #e3e3e4; padding: 1px 2px 2px 2px; font-size: 11px; color: #777779; }



#search       { margin-bottom: 47px; background: #e9e9eb url(../images/BKGsearch.gif) top left repeat-y; overflow: hidden; *height: 1%; border: 1px solid #e8ebee; border-left: none; border-right: none; padding: 4px 0; *padding: 3px 0; }

#search .text { margin-left: 5px;  width: 134px; }



#sidebarright dl form { margin-top: 10px; }

#sidebarright dl form img { display: block; }

#sidebarright dl label { display: block;  margin: 10px 0 0 10px; color: #7e7e7e; font-size: 11px; }

#sidebarright dl select { font-size: 11px; border: 1px solid #cecdd1; width: 186px; margin: 3px 0 8px 8px; padding: 1px; color: #777779; }

#sidebarright dl select option { padding: 1px 10px 0 0; }

#sidebarright dl .button { float: right; margin: 5px 7px 10px 0; }



#newsletter { border: 1px solid #e8ebee; float: left; margin: 30px 0 15px 0; background: url(../images/BKGgrad1.gif) bottom left repeat-x; width: 202px; }

#newsletter img { position: absolute; margin: -10px 0 0 130px; }

#newsletter label { font-size: 16px; margin: 0 8px; padding-top: 6px; color: #333; font-family: "Trebuchet MS", arial; display: block;  }

#newsletter .text { width: 136px; margin: 5px 0 0 8px; float: left; }

#newsletter .button { margin: 5px 0 14px 5px; *margin: 5px 0 14px 1px; }



#order { clear: left; overflow: hidden; *height: 1%; }

#order label { cursor: pointer; }

#order input.text { width: 50px; border-top: 1px solid #969696; font-weight: bold; text-align: right; font-size: 12px; padding: 1px 2px; border-left: 1px solid #969696; border-right: 1px solid #d2d7de; border-bottom: 1px solid #d2d7de; }

#order .long input { width: auto; display: block; float: left; margin-top: 13px; }

#order .score input { width: auto; border: 1px solid #fff; float: left; margin: -21px 0 0 7px; padding: 1px 2px 2px 2px; }

#order fieldset { background: #f6f6f7; margin: 25px 0 20px 0; padding: 10px 0 23px 15px; }

#order textarea { font-size: 12px; color: #666; padding: 2px; border: 1px solid #969696; border-right: 1px solid #d2d7de; border-bottom: 1px solid #d2d7de;   }

#order #options fieldset { background: #363e5a; color: #fff; margin: 0; padding: 5px 0 5px 15px; }

#order #options fieldset label { font-size: 12px; padding-left: 9px; }

#order #options input { width: auto; }

#order #options select { width: 267px; margin: 10px 0 50px 0; padding: 1px; border: 1px solid #cecdd1; font-size: 12px; color: #666; }

#order button { float: right; padding: 8px 30px; font-size: 15px; background: #363e5a url(../images/BUTTorder.gif) top left repeat-x; *border: none !important; }

#order dd button { margin-left: 10px; }



#compare .button { float: left; margin-right: 15px; }

#compare label { padding-top: 2px; display: block; margin-bottom: 20px; color: #666667; font-size: 11px; }

#compare dl { border: 1px solid #e8ebee; width: 181px; float: left; margin: 0 4px 5px 0; }

#compare dl.last {  margin: 0 0px 5px 0; }

#compare .title { display: block; padding: 6px 0 10px 14px; margin-left: 6px; font-size: 16px; font-family: "Trebuchet MS", arial; background: url(../images/BKGarrowblue.gif) left 13px no-repeat; }

#compare dt { overflow: hidden; *height: 1%; height: 128px; }

#compare dt a { color: #333; }

#compare .img { display: block; float: right; padding-right: 5px; }

#compare .txt { display: block; overflow: hidden; *zoom: 1; margin-left: 6px; }

#compare .check { display: block; height: 19px; *height: 20px; overflow: hidden; background: #f4f4f5; }

#compare .check label { display: block; cursor: pointer; clear: both; background: #f4f4f5; padding: 3px 0 3px 6px; *padding: 0; }



div.pageing { border: 1px solid #e8ebee; padding: 5px 5px; margin-top: 20px; float: left; width: 546px; clear: left; text-align: right; }

div.pageing a { color: #fff; background: #00125c; margin: 0 10px 0 0; padding: 2px 5px; }

div.pageing a:hover,

div.pageing a.on { background: #dee2e6; color: #00125c;  }

div.pageing span { border: 1px solid #e3e3e4; background: #8995a1 url(../images/BKGbutton.gif) bottom left repeat-x; padding: 2px 0; *padding: 0; margin: 0 0px 0 5px; }

div.pageing span a.back { background: transparent url(../images/BKGback.gif) left 4px no-repeat; padding-left: 10px; margin: 0 5px; }

div.pageing span a.back:hover { background: transparent url(../images/BKGback.gif) left 4px no-repeat; color: #fff; }

div.pageing span a.next { background: transparent url(../images/BKGnext.gif) right 4px no-repeat; padding-right: 10px; margin: 0 5px; }

div.pageing span a.next:hover { background: transparent url(../images/BKGnext.gif) right 4px no-repeat; color: #fff; }



#sidebarleft #loginform { margin-top: 24px; }

#loginform { border: 1px solid #e8ebee; float: left; margin: 0 0 15px 0; width: 202px; cursor: pointer; background: #363e5a url(../images/BKGloginform.gif) top left repeat-x; }

#loginform label { color: #fff; font-size: 16px; font-family: "Trebuchet MS", arial; cursor: pointer; padding: 20px 0 22px 20px; display: block; background: url(../images/BKGlogin.gif) 150px 12px no-repeat; }

#loginform #form2 span { color: #fff; clear: left; display: block; margin: 0 0 -1px 4px; *margin: 0 0 -1px 4px; }

#loginform #input2 span { color: #fff; clear: left; display: block; margin: 0 0 -1px 9px; *margin: 0 0 -7px 9px; }

#loginform fieldset,

#loginform a { display: none; }

#loginform.over fieldset,

#loginform.over a { display: block; }

#loginform.over { cursor: auto; padding-bottom: 5px; }

#loginform.over label { background: none; padding: 9px; cursor: auto; }

#loginform.over #form2 label { font-weight: normal; font-size: 12px; display: block; *display: inline; margin: 0 0 7px 5px; padding: 0; float: left; clear: left; width: 142px; }

#loginform.over input { margin: 0 0 7px 5px; *xmargin: 0 0 7px 0px; float: left; clear: left; width: 136px; }

#loginform.over #form2 input { margin: 0 0 7px 5px; float: left; clear: left; width: 136px; }

#loginform.over fieldset { border-bottom: 1px solid #7f8597; padding-bottom: 7px; margin: 0 13px 10px 5px; }

#loginform.over button { margin: -7px 0 0 4px; *margin: 18px 0 0 6px; display: block; float: left; }

#loginform.over #form2 button { margin: -7px 0 0 4px; *margin: -8px 0 0 6px; position: relative; display: block; float: left; }

#loginform.over a { background: url(../images/BKGarrowwhite.gif) left 2px no-repeat; display: block; clear: left;margin: 3px 0 1px 9px; padding-left: 11px; font-size: 9px; color: #fff; }

.big { width: 344px !important; margin-right: 40px !important; padding-bottom: 15px !important; *padding-bottom: 0px !important; *display: inline !important; float: right !important; }

#loginform.big fieldset { padding-bottom: 13px; *padding-bottom: 19px; margin: 0 13px 16px 5px; }

#loginform.over fieldset label { display: block; float: left; width: 100px; font-size: 12px; font-weight: bold; clear: left; padding: 0 0 0 9px; }

#loginform.big fieldset input { clear: none; }

#loginform.big a { float: left; }

#loginform.big button { margin: -7px 0 0 10px; }



#regform { font-size: 11px; border: 1px solid #e8ebee; width: 316px; float: left; clear: left; margin-top: 35px; padding: 22px 0 12px 26px; }

#regform span { font-size: 12px; display: block; margin-bottom: 30px; }

#regform em { color: #ef860a; }

#regform label { display: block; width: 137px; padding-right: 10px; font-weight: bold; float: left; clear: left; margin-bottom: 7px; }

#regform label span { font-weight: normal; display: inline; font-size: 11px; margin: 0; }

#regform .textfield { display: block; float: left; background: #e5e6e8; border: none; width: 146px; margin-bottom: 7px; font-size: 11px; padding: 2px; }

#regform fieldset { margin-bottom: 30px; }

#regform fieldset.multiple_input { display: block; float: left; margin: 0; width: 150px; }

#regform fieldset.multiple_input .textfield { display: inline; float: none; width: 100px; }

#regform fieldset.multiple_input .small { width: 37px; margin-right: 5px; }

#regform #check_news { float: left; display: inline; clear: left; margin: 0 5px 0 147px;  }

#regform #check_news_label { width: auto; clear: none; font-weight: normal; float: left; *margin-top: 4px; }

#regform div { clear: left; padding-right: 19px; }

#regform div .button { float: right; margin-top: 20px; }



#regform.user_support { margin-top: 15px; }



#form { border: 1px solid #e8ebee; width: 237px; padding: 0 17px 0 14px; margin-right: 20px; font-size: 11px; float: left; }

#form h2 { padding-top: 12px; }

#form em { color: #e27472; }

#form span { display: block; margin: 14px 0 17px 0; }

#form label { display: block; margin: 7px 0 2px 0; }

#form .text,

#form textarea { width: 100%; background: #e5e6e8; font-size: 11px; color: #777779; font-family: "Trebuchet MS", arial; }

#form textarea { border: none; width: 239px; padding: 1px 2px 2px 2px; }

#form .file { font-size: 11px; color: #777779; margin-top: 6px; }

#form fieldset { text-align: right; margin: 25px 0 15px 0; }

#form .check { margin: 20px 0 0 38px; }



#order_overview { width: 320px; padding: 20px 0 25px 25px; background: url(../images/BKGcontactbox2.gif) bottom left repeat-x; border: 1px solid #e5e5e5; float: left; }

#order_overview label { display: block; margin-bottom: 10px; font-size: 17px; font-family: "Trebuchet MS", arial; }

#order_overview select { border: 1px solid #7f9db9; font-size: 11px; font-family: "Trebuchet MS", arial; padding: 1px; }

#order_overview option { padding: 0 10px 0 3px; }


/********************************* FLOATING POPUP ****************************************/
####floating-popup { position: absolute; width: 736px; height: 227px; top: 230px; margin: 0 0 0 20px; cursor: pointer; background: url(../images/floating_banner.png); *background: none; *filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/floating_banner.png', sizingMethod='crop'); }

/************************************ FOOTER *********************************************/
#foot_meni  		{ width: 782px; background: #f4f4f5; float: left; margin-top: 35px; padding: 10px 0; }
#foot_meni a 	   	{ display: block; float: left; margin: 0 9px; *display: inline; }
#foot_meni a.link  	{ background: url(../images/BKGarrowblue.gif) left 4px no-repeat; padding-left: 14px; margin-top: 18px; }

#footer { width: 782px; background: #f4f4f5; float: left; margin-top: 3px; color: #616a73; }
#footer span { display: block; float: left; padding: 4px 0 1px 5px;}
#sign { font-family: "Trebuchet MS", Verdana, Arial, sans-serif; float: right;  display: block; padding: 3px 10px 3px 0; text-decoration: none; color: black; }
#sign:hover { color: red; }
#sign span { color: red; padding: 0; float: none; background: none; display: inline; }

#viditop  { display: block; margin-top: 15px; }