* { margin: 0; padding: 0; }
img { border: none; }
ul { list-style: none; }
a { color: #000; text-decoration: none; }
a:hover { color: #0076a3; }
.clear { clear: both; }
p.marg { margin-bottom: 15px; }

body { cursor: auto; }
#container { width: 1000px; margin: 0px auto; font-family: Arial, sans-serif, "Trebuchet MS"; font-size: 11px; }

#header { height: 95px; font-size: 15px; }
#logo1 { position: absolute; margin: 2px 0 0 8px; }
#logo_20  { position: absolute; margin: 5px 0 0 140px; }
#logo2 { position: absolute; margin: 57px 0 0  382px; }
#logo3 { position: absolute; margin: 14px 0 0 435px; }
#header span {  margin: 26px 8px 0 0; color: #929292; position: relative; background: transparent; float: right; text-align: right; font-size: 13px; padding-left: 90px; width: 270px; }
#header span strong { padding: 0 0 0 15px; }
#header span em { font-style: normal; margin: 10px 0 0 0; display: block; font-size: 15px; }

#header span .banner  { position: absolute; display: block; left: 0; bottom: 0; margin-left: 0px; }

#navbar { font-size: 11px; margin: 0; height: 69px; }

/* MENI */
.chromestyle { position: absolute; }
.chromestyle ul { width: 852px; }
.chromestyle ul li { float: left; background: url(../images/cornerBlueLeft.gif) top left no-repeat; padding: 0px 0px 0px 5px; }
.chromestyle ul li a { display: block; float: none; background: url(../images/cornerBlueRight.gif) top right no-repeat; padding: 5px 26px 6px 15px; font-family: Arial, sans-serif, "Trebuchet MS"; font-size: 11px; }
.chromestyle ul li a:hover { color: black; }

.chromestyle ul li.nobord { background: url(../images/cornerBlueLeftNOBORD.gif) top left no-repeat; }
.chromestyle ul li.nobord a { padding: 5px 18px 6px 12px; }


.chromestyle ul li.middle { position: relative; top: -3px; }
.chromestyle ul li.middle a { padding: 5px 9px 6px 7px; }
.chromestyle ul li.type2 a { padding: 5px 34px 6px 10px; }
.chromestyle ul li.smallpad a { padding: 5px 5px 6px 5px; }

.chromestyle ul li.bottom { background: url(../images/cornerBlackLeft.gif) no-repeat left top; position: relative;  top: -6px; }
.chromestyle ul li.bottom a { color: #fff; background: url(../images/cornerBlackRight.gif) no-repeat right top; font-weight: bold; padding: 5px 33px 6px 25px; }
.chromestyle ul li.bottom a:hover { color: #fff; }
.chromestyle ul li.bottom.big { width: 109px; text-align: right; background: url(../images/blackBKGgrad.gif) top left no-repeat; }

/* on stats */
.chromestyle ul li.on { background: url(../images/cornerRedLeft.gif) top left no-repeat; }
.chromestyle ul li.on a { background: url(../images/cornerRedRight.gif) top right no-repeat; color: #fff; }


/* dropdown */
.dropmenudiv { position: absolute;  top: 0; margin: -26px 0 0 -5px; z-index:100; visibility: hidden; }
.dropmenudiv a { display: block; color: #fff; background: #e31838; font-family: Arial, sans-serif, "Trebuchet MS"; font-size: 11px; padding: 0 0 0px 10px;} 
.dropmenudiv a:hover { color: #fff; }

#dropmenu1 { width: 122px; }
#dropmenu2 { width: 113px; }
#dropmenu3 { width: 165px; }
#dropmenu4 { width: 126px; }
#dropmenu5 { width: 105px; }
#dropmenu6 { width: 115px; }
#dropmenu7 { width: 95px; }
#dropmenu319 { width: 130px; }
#dropmenu9 { width: 79px; }
#dropmenu10 { width: 117px; }
#dropmenu11 { width: 143px; }
#dropmenu109 { width: 74px; }
#dropmenu322 { width: 170px; }
#dropmenu302 { width: 150px; }


.dropmenudiv a { padding: 0 0 0 21px; }
#dropmenu1 a { padding: 0 0 0 17px; }
#dropmenu9 a, #dropmenu10 a, #dropmenu11 a { padding: 0 0 0 16px; }
.dropmenudiv div { padding: 0 0 0 5px; background: url(../images/cornerRedLeft.gif) top left no-repeat; }
.dropmenudiv div a {  background: url(../images/cornerRedRight.gif) top right no-repeat; padding: 5px 0 8px 15px; }
#dropmenu1 div a { padding: 5px 0px 6px 12px; }
#dropmenu9 div a, #dropmenu10 div a { padding: 5px 0px 6px 10px; }
#dropmenu9 div.bottomimg a, #dropmenu10 div.bottomimg a, #dropmenu11 div.bottomimg a { padding: 0 0 0 16px; }

#dropmenu11 div a { padding: 5px 0px 6px 15px; }
#dropmenu11 a { padding-left: 20px; }

#dropmenu322 div a { padding-left: 5px; }
#dropmenu322 a { padding-left: 10px; }

#dropmenu302 div a, #dropmenu10 div a, #dropmenu4 div a, #dropmenu6 div a, #dropmenu7 div a { padding-left: 8px; }
#dropmenu302 a, #dropmenu10 a, #dropmenu4 a, #dropmenu6 a, #dropmenu7 a { padding-left: 13px; }

.dropmenudiv div.bottomimg { padding-left: 5px; background: url(../images/cornerRedLeftNOBORDdown.gif) bottom left no-repeat; }
.dropmenudiv div.bottomimg a { background: url(../images/cornerRedRightdown.gif) bottom right no-repeat; padding: 0; color: #e31838; }

/* shoping cart */
#cart { width: 143px; height: 68px; background: #eeefe8; position: absolute; margin: 1px 0 0 857px;  }
#cart span { background: url(../images/cartBorder.gif) bottom left repeat-x; display: block; margin: 6px 3px 0 3px; padding: 0 0 5px 0; line-height: 15px; }
span#carttitle { background: url(../images/cartBorder.gif) bottom left repeat-x; display: block; margin: 2px 3px 0 3px; padding: 2px 0 3px 0; font-weight: bold; color: #7c7c7c; line-height: normal; }
span#carttitle em { background: url(../images/cart.gif) top left no-repeat; font-style: normal; padding: 0 0 0 23px; }


#indexhead { float: left; background: #ccc; height: 250px; }
#indexhead img { float: left; margin: 0; }
#indexhead #flashcontent,
#indexhead #flashcontent-big { float: left; margin: 0; }


#regbox { width: 170px; float: left; background: #ed1c24; color: #fff; font-size: 10px; padding: 0 0 2px 0; }
#regbox span#title { font-weight: bold; font-size: 12px; display: block; background: url(../images/buiss_part.gif) bottom left repeat-x; padding: 6px 0 6px 10px; }
#regbox span#spanbig { padding: 5px 0 9px 4px; *padding: 5px 0 6px 4px; margin: 0 4px 9px 6px; *margin: 0 4px 7px 6px; display: block; background: url(../images/linedash.gif) bottom left repeat-x; }
/* sidebar reg forma */
#regbox em { padding: 0 0 0 10px; font-weight: bold; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; }
#regbox input { margin: 1px 0 0 10px; width: 137px; border: 1px solid #900204; }
#regbox input.button { margin: -7px 0 7px 103px; border: none; background: none; background: url(../images/prijavaButton.gif) top left no-repeat; width: 48px;  height: 15px; cursor: pointer; }
#regbox label { padding: 0 0 0 10px; display: block; margin: 1px 0 4px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; }
#regbox span.arrow { padding: 2px 0 2px 4px; margin: 0 4px 0px 6px; display: block; background: url(../images/linedash.gif) top left repeat-x; }
#regbox span.arrow a { color: #fff; }
/* forme */
#order { margin: 0 0 30px 50px; }
#order label { display: block; float: left; width: 230px; clear: left; padding: 1px 10px 0 0; text-align: right;  }
#order input { margin-bottom: 6px; *margin-bottom: 3px; width: 150px; background: #f3f3f3; border: 1px solid #ccc; padding: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
#order input#news { width: auto; *margin: -1px 0 0 -4px; padding: 0; *border: none; *background: none; }
#order input#addres2 { width: 40px; margin-left: 240px; }
#order input#addres2_2 { width: 40px; }
#order input#addres3, #order input#addres2_3 { width: 101px; }
#order input.button { width: auto; border: none; background: none; margin: 10px 0 0 240px; }
#order input#pass2 { margin-bottom: 25px; }
#order .radio { width: auto; border: none; background: none; }


.order_popup { font-family: Arial, sans-serif, "Trebuchet MS"; font-size: 11px; }

#registerform2 { margin-bottom: 20px;   }
#registerform2 input { width: 150px; margin: 0 0 5px 0; background: #f3f3f3; border: 1px solid #ccc; padding: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
#registerform2 label { display: block; float: left; width: 90px; padding-top: 4px;  }
#registerform2 input.button { width: auto; border: none; background: none; margin-left: 90px; }

/*navigacija*/
#wrapper { clear: both; }
#sidebarleft { width: 170px; float: left; position: relative; }
#sidebarleft #search { background: #ebebeb; padding: 0 0 12px 10px; margin-bottom:5px; }
#sidebarleft #search span { font-weight: bold; color: #005d82; font-size: 12px; }
#sidebarleft form#search label#searchlabel { clear: both; padding-top: 12px; display: block; }
#sidebarleft #searchbar { margin: 8px 0 6px 0; width: 135px; border: 1px solid #959493; }
#search select { margin: 0 0 4px 0; width: 135px; border: 1px solid #959493; font-size: 11px; padding: 1px 0 1px 0; }
#search div { margin: 0 0 2px 0; font-size: 11px; }
#search .button { cursor: pointer; margin: 3px 0 0 45px; }

#catalogbox { padding: 4px 5px 8px 5px; width: 126px; float: left; background: #99b4cb url(../images/catalogBKG.jpg) 0px 22px no-repeat; text-align: center; margin-bottom: 15px; }
#catalogbox span { font-weight: bold; color: #005d82; font-size: 12px; }
#catalogbox object { display: block; margin-left: 25px; *margin: 7px 0 6px 3px; padding: 7px 0 2px 0; *padding: 0; }

.navtitle { color: #fff; background: #568ec5 url(../images/navtitleBKG1.gif) bottom left repeat-x; display: block; font-weight: bold; }
.navtitle em { background:  url(../images/navtitleBKG2.gif) top left repeat-x; display: block; font-style: normal; padding: 2px 0 2px 10px; font-size: 11px; }
.nav { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 7px 4px 20px 4px; background: #e1eff3; }
.nav li { background: url(../images/navBKG.gif) bottom left repeat-x; padding: 3px 0 4px 6px; }
.nav li a { color: #414141; letter-spacing: -1px; background: url(../images/navarrow1.gif) left 2px no-repeat; padding: 0 0 0 7px; cursor: pointer; }
.nav li a:hover { font-weight: bold; color: #000; }
.nav li.on a { font-weight: bold; background: url(../images/navarrow2.gif) left 4px no-repeat; margin: 0 0 0 -3px; padding: 0 0 0 10px; }
.nav li.on a:hover { font-weight: bold; background: url(../images/navarrow2.gif) left 4px no-repeat; margin: 0 0 0 -3px; padding: 0 0 0 10px; }
.nav li.on ul { margin: 3px 0 3px 0; }
.nav li.on ul li { background: none; line-height: 12px; margin: 0; padding: 0 0 1px 10px; }
.nav li.on ul li a { background: url(../images/bluewhiteBulllit.gif) left 3px no-repeat; display: block; font-weight: normal; } 
.nav li.on ul li a:hover { background-image: url(../images/redwhiteBulllit.gif) ; color: #e31838; } 
.nav li.on ul li.on a, .nav li.on ul li.on a:hover { background-image: url(../images/redwhiteBulllit.gif) ; color: #e31838; font-weight: bold; }

/* sadrzaj */
#content { float: left; width: 655px; padding: 22px 0 30px 18px; }
h2 { color: #2d4688; font-size: 20px; margin: 0 0 15px 0; padding: 0 0 15px 0; }
.productsrow { float: left; margin: 0 0 35px 0; }
.productsrow div { width: 145px; float: left; padding: 0 24px 0 0; }
.productsrow .nomarg { padding: 0; }
.productsrow em { display: block; margin: 0 0 0 7px; height: 100px; overflow: hidden; text-align: center; }
.productsrow img.buy { display: block; margin: 5px 0 0 7px; }
.productsrow span { display: block; background: url(../images/borderdashBlack.gif) bottom left repeat-x; margin: 0 5px 0 5px; padding: 3px 2px 4px 3px; font-size: 12px;}
.productsrow span.title { font-weight: bold; margin: 5px 5px 0 5px; height: 46px; }
.productsrow span.price { color: #2d4688; }

#homepage_boxes				{ zoom:1; }
#homepage_boxes div		{ zoom:1; overflow:hidden; margin-bottom:5px; }
#homepage_boxes p 		{ float:left; width:327px; }

/* right box*/
#sidebarright_wrapper   { float: right; padding: 22px 0 0 10px; width: 136px; }
#sidebarright 			{ position: relative; top: 0px; width: 136px; float: right; }
#dealsholder { background: #f5cb2e url(../images/hot-deals.jpg) top left no-repeat;  }
#hotdeals { margin: 12px 0 0 8px; }
#dealsholder #date { color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; letter-spacing: -1px; display: block; text-align: center; }
.hotbox { padding: 0 2px 5px 10px; background: url(../images/borderdashBlack.gif) bottom left repeat-x; height: 1%; margin: 0 5px 0 7px; }
.hotbox img { margin: 8px 0 0 0; }
.hotbox span { display: block; font-size: 11px; }
.hotbox img.buy { margin: 8px 0 2px 33px; cursor: pointer; }
.last { background: url(../images/hotBKG2.gif) bottom left no-repeat; margin: 0; padding: 0 7px 4px 17px;}

#newsholder #bkg { display: block; width: 135px; height: 37px; background: url(../images/news.gif) top left no-repeat; padding: 0 0 10px 0; }
#newsholder { width: 135px; background: #ace2f1 url(../images/newsBKG.gif) bottom left no-repeat; padding: 0 0 8px 0; font-size: 11px; margin: 15px 0 0 0; }
.news {  padding: 0 5px 0 10px; margin: 0 0 10px 0; }
#newsholder .news span { color: #333 !important; }
.news a { color: #0a3d73; font-weight: bold; }
.news a:hover { color: #333; font-weight: bold; }

/* inner pages */
#noimages { position: absolute; margin: -7px 0 0 505px; opacity: 0.9; filter: alpha(opacity=90); color: #666; background: #fff url(../images/noimages.gif) center left no-repeat; display: block; padding: 0 10px 0 16px; cursor: pointer; }
#print { position: absolute; margin: -7px 0 0 577px; opacity: 0.9; filter: alpha(opacity=90); color: #666; background: #fff url(../images/print.gif) center left no-repeat; display: block; padding: 0 0 0 18px; cursor: pointer; }
#page { position: absolute; display: block; text-align: right; width: 348px; margin: -15px 0 0 300px; font-weight: bold; }
#page a { color: #000; }
#page a.on { color: #0076a3; text-decoration: underline; }
#note { margin: 0 0 20px 0; padding: 2px 0 0 0; font-weight: bold; display: block; width: 100%; border-top: 1px solid #96a2c3; text-align: right; }

#kosarica { font-size: 11px; text-align: left; width: 100%; margin: 30px 0 20px 0; *margin: 50px 0 20px 0;  border-bottom: 1px solid #96a2c3; }
#kosarica span a { display: block; padding: 0 0 5px 0; color: #0076a3; }
#kosarica input { width: 30px; font-size: 11px; text-align: right;}
#kosarica tr { background: #fff url(../images/borderdashBlack.gif) bottom left repeat-x; }
#kosarica #tabletitle { background: #ebebeb url(../images/borderdashBlack.gif) bottom left repeat-x; }
#kosarica th { color: #666; padding: 5px 0 5px 10px; }
#kosarica td { padding: 5px 0 5px 10px; vertical-align: top;  }
#kosarica .last1 { background: none; }
#kosarica .last1 td { background: #fff url(../images/borderdashBlack.gif) bottom left repeat-x; }
#kosarica td.last2 { background: none; text-align: left; vertical-align: bottom; } 
#kosarica .last2 { background: none; text-align: right; }
#kosarica .last2 td { padding: 9px 10px 25px 0; }

p { font-family: Verdana, Arial, Helvetica, sans-serif; }
h5 { font-size: 12px; color: #2d4688; display: block; margin-bottom: 7px; }
#content ul li { background: url(../images/blueBullit.gif) left 5px no-repeat; display: block; padding: 0 0 0 12px;  margin: 0 0 10px 3px;}

h3 { color: #2d4688; font-size: 20px; margin: 0 0 0 0; }
#productsnumber { margin: 15px 0 10px 0; }
#productsnumber select { font-size: 11px; width: 8em; }
#productsnumber label { display: block; float: left; padding: 2px 5px 0 0; *padding: 3px 5px 0 0;}

.productlist { border-bottom: 1px solid #96a2c3; margin: 0 0 15px 0; }
.productlist span { display: block; width: 110px; height: 110px; float: left; overflow: hidden; }
.productlist h4 { font-size: 12px; color: #2d4688; display: block; margin: 0 0 0 118px; }
.productlist .productCode {width: 70px;}
.productlist .description {width: 260px;}
.productlist .unit { width: 30px; }
.productlist .alert { width: 20px; }
.product { font-size: 11px; text-align: left; width: 540px; margin: 3px 0 20px 0; }
.product tr { background: #fff url(../images/borderdashBlack.gif) bottom left repeat-x; }
.product .tabletitle { background: #ebebeb url(../images/borderdashBlack.gif) bottom left repeat-x; }
.product th { color: #666; padding: 3px 0 3px 10px; }
.product td { padding: 3px 0 3px 10px; vertical-align: top;  }
.product td strong { color: #2D4688; }
.product .last2 { background: none; }
.product .space { width: 15px; }

#detail { padding: 0 0 60px 0; }
#detail img { float: left; }
#detail span img { position: absolute; margin: -14px 0 0 360px; }
#detail .links { text-align: right; font-size: 11px; }
#detail .links a { padding: 0 0 0 10px; color: #0076a3; text-decoration: underline; }
#detail span { float: right; margin: 0 0 0 0px; width: 400px;  display : block; font-size: 12px; background: url(../images/borderdashBlack.gif) bottom left repeat-x; padding: 5px 0 5px 0; }
#detail span.nobord { background: none; }
#detail span strong.product_title { float: left; }
#detail span em { font-style: normal; display: block; padding: 0 0 0 80px; }

.pricelist { clear: both; }
.pricelist img { float: left; }
.pricelist h5 { padding: 0 0 0 120px; }
.pricelist p { padding: 0 0 0 120px; display: block; }
.pricelist span { padding: 0 0 0 120px; display: block; margin-top: 5px; }

h5 span.date { color: #333; float: left; font-weight: normal; }
h5 span.title { display: block; padding-left: 85px; }
h5 span.title em { display: block; font-style: normal; font-weight: normal; }
.newsblock .more { padding-left: 10px; cursor: pointer; }
.newsblock .link { display: block; padding-top: 7px; cursor: pointer; }
.newsblock { clear: both; margin-bottom: 30px; }
.newsblock img { float: left; margin: 0 10px 3px 0; }
.newsblock p { clear: both; }

#goreg { margin: -5px 0 15px 0; }

#moreprod { color: #2D4688; font-weight: bold; font-size: 12px; margin: 0 0 0 0; padding-bottom: 5px; border-bottom: 1px solid #2d4688; clear: both; }

/* custom flash lightbox */

#fl-overlay { position: absolute; top: 0; left: 0; background: #000; z-index: 1000; cursor: pointer; }
#fl-box     { position: absolute; top: 0; left: 0; display: none; z-index: 1001; width: 750px; }
#fl-box img { display: block; position: absolute; top: -15px; right: 38px; cursor: pointer; }


/*body  { background: url(../images/christmas/bkg.jpg) top left; }
#chrismas_top { background: url(../images/christmas/top.jpg) top left repeat-x; }
#chrismas_wrapper { float: right; width: 830px; background: url(../images/christmas/icing.jpg) top left repeat-x; }
#xmasBall2  { position: absolute; right: -10px; top: 326px; }
#xmasBall2  { position: absolute; left: -36px; top: 26px; }
#xmasBall3  { position: absolute; right: -30px; top: 0px; }
#xmasBall4  { position: absolute; right: -40px; top: 10px; }*/