body { behavior: url("../js/csshover3-source.htc"); } /* hover all!!! */
body { font-family: Georgia, Times New Roman, Times, serif; font-size:14px; line-height:18px; color:#53575a;}

h1{ font-family:Arial, Helvetica, sans-serif; font-size:20px; display:block; padding-bottom:18px; color:#658ca4; }
h2{ font-family:Arial, Helvetica, sans-serif; font-size:16px;  display:block; padding-bottom:9px; color:#53575a; }
h3{ font-family:Arial, Helvetica, sans-serif; font-size:14px; display:block; padding-bottom:5px; color:#658ca4; }

a, a:visited{ color:#658ca4; text-decoration:none;}
a:active{ color:#53575a; text-decoration:none;}
a:hover{ color:#53575a; text-decoration:none;}
a:focus{ outline:none; color:#53575a; text-decoration:none; }

.blank { clear: both; height: 0; line-height: 0; font-size: 0px; }




/* HEADER */
#wrapper{ width:100%; margin:0 auto; text-align:center; background:#fff;}
#header{ margin:0 auto; width:960px; height:100px; background:#fff; }
#header p { width:960px; padding-top:10px; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#53575a; }
#header span { display:inline; padding:0 7px; }
#header img { float:left; margin-top:12px; width:229px; }
#header form { float:right; margin-top:31px; width:280px; height:31px; }
#header input.field { float:left; width:229px; height:23px; border:1px solid #dfe8ed; padding:8px 5px 0 5px; border:0; margin-right:10px; background:url(img/bgsearch.gif) no-repeat; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px;}
#header input.field:focus{ float:left; width:229px; height:22px; padding:7px 4px 0 4px; border:0; margin-right:10px; background:#fff; border:1px solid #dfe8ed; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px;}
#header button.botun { float:left; width:31px; height:31px; cursor:pointer; text-indent: -9999px; background:url(img/btnsearch.gif) top left no-repeat; border:0;}

#breadcrumbs{ margin:0 auto; width:960px; height:48px; padding-top:18px; position:relative; background:#fff; text-align:left; color:#d0dce4; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
#breadcrumbs a{ color:#d0dce4; }
#breadcrumbs span{ display:inline; padding:0 4px; font-size:9px;}



/* HOME */
#body1row{ margin:0 auto; width:960px; padding-bottom:48px;}
#homeimage { float:left; width:660px; height:300px; margin-right:20px; background:#658ca4; text-align:left; }
#homecontact{ float:left; width:240px; height:260px; padding:20px; background:#eff3f6; text-align:left; }

#body2row{ margin:0 auto; width:960px; padding-bottom:105px;}
#homebrands { float:left; width:660px; height:300px; margin-right:20px; /*border:1px solid #dfe8ed;*/ text-align:left; }
#homenews{ float:left; width:238px; height:258px; padding:20px; border:1px solid #dfe8ed; text-align:left; }
#homenews marquee{ margin:0; padding:0; width:238px; height:223px; }



/* BODY */
.body{ margin:0 auto; width:960px; margin-bottom:66px; }
.body li.text p{ display:block; padding-bottom:20px; }
.body li.text ul{ margin:0; padding:0; list-style:disc; list-style-position:outside; margin-left:14px;}
.body li.head{ min-height:37px; height: auto !important; height:37px; }
.body li.sub{ min-height:30px; height: auto !important; height:30px; }
.body li.subsupplier{ min-height:30px; height: auto !important; height:30px; padding-top:37px; }
.body li.link span{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#d0dce4; height:15px; }
.body li.link a{ display:block; margin:2px 0 15px 0;}
.body li.photo{ width:480px; }
.body li.photo img{ display:block; border:1px solid #dfe8ed; padding:10px; width:458px; margin-bottom:10px; }
.body li.suppliers div.supplier { display:block; width:480px; background: #fff url(img/bgsupplierimg.gif) bottom left no-repeat; margin-bottom:25px; }
.body li.suppliers div.hr{ width:100%; height:1px; background: #fff url(img/bghr.gif) left top no-repeat; }
.body li.suppliers hr{ display:none; }
.body li.suppliers img { display:block; width:139px; margin:1px; margin-right:20px; float:left; }
.body li.suppliers span { display:block; width:319px; float:left; margin-top:-5px;  }
.body li.suppliers em { display:inline-block; padding:4px 8px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:11px; background:#658ca4; color:#fff; font-style:normal; text-transform:uppercase}
.body li.suppliers a{ display:block; }
.body li.suppliers p{ display:block; padding:5px 0; }
.body form fieldset ol li{ padding-bottom:20px;}
.body form fieldset ol li label { display:inline-block; width:140px; margin-right:10px; }
.body form fieldset ol li input.field { width:229px; height:23px; border:1px solid #dfe8ed; padding:8px 5px 0 5px; border:0; margin-right:10px; background:url(img/bgsearch.gif) no-repeat; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px;}
.body form fieldset ol li span { display:inline-block;  background:url(img/bgsearch.gif) no-repeat; width:239px; height:25px; padding:6px 10px 0 10px; }
.body form fieldset ol li select { width:219px; border:0; margin-right:10px; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px;}
.body form p{ display:block; margin-left:153px; margin-bottom:30px; }
.body form p input{ background:#eff3f6; border:1px solid #dfe8ed; color:#658ca4; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding:10px; }
.body li.suppliers div.supplierhead em { float:left; display:block; padding:4px 8px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:11px; background:#658ca4; color:#fff; font-style:normal; text-transform:uppercase}
.body li.suppliers div.supplierhead h3 { float:left; margin-right:10px; }
.body li.suppliers div.supplierhead a{ margin-bottom:10px; }

.headline {white-space:normal; margin-bottom:20px;}
.headline span{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#d0dce4; height:15px; }
.headline a{ display:block; margin:2px 0 5px 0;}
.headline img { float:left; display:block; width:120px; margin-right:10px; margin-bottom:1px; margin-top:5px; }
.pointer {}



/* BODY LIJEVA KOLONA*/
#leftcol{ float:left; width:480px; margin-right:20px; }
#leftcol li.sub{ min-height:36px; height: auto !important; height:36px; }
#leftcol table{ width:100%; border-top:1px solid #dfe8ed; margin:0 0 25px 0;}
#leftcol table thead{ font-weight:bold;}
#leftcol table td{ padding:10px 10px 10px 0;  border-bottom:1px solid #dfe8ed;}
#leftcol table td p { padding-bottom:5px; }



/* BODY SREDNJA KOLONA*/
#middlecol{ float:left; float:left; width:180px; margin-right:20px;}



/* BODY DESNA KOLONA*/
#rightcol{ float:left; width:260px; }
#rightcol.suppliersright { background:url(img/bgsuppliersright.gif) bottom center no-repeat;}
#news{ width:218px; height:260px; padding:20px; border:1px solid #dfe8ed; text-align:left; margin-bottom:32px; }
#news marquee{ margin:0; padding:0; width:218px; height:225px; }
#sales{ width:220px; padding:20px; background:#eff3f6; text-align:left; margin-bottom:32px; }
#supplierslist{ width:220px; border-top:1px solid #dfe8ed; padding:20px; }
#supplierslist a{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-bottom:10px; }



/* FOOTER */
#wrapperfooter{ width:100%; margin:0 auto; text-align:center; background:#fff; background:#658ca4;}
#footer{ margin:0 auto; text-align:left; width:960px; height:280px; padding-top:36px; color:#fff; font-size:13px; line-height:17px;}
#footer h1{ color:#fff; float:left;}
#footer h1.left{ width:320px; margin-right:20px; }
#footer h1.right{ width:260px; margin-left:20px;  }
#footer img, #footer span { display:block; float:left; margin-right:20px;}
#footer span { width:140px; height:90px; }
#footer span p{ display:block; }
#footer span.right { margin:0; margin-left:20px; width:260px; }
#footer a.img { margin:0; }
#footer a{ display:block; font-size:13px; color:#fff; text-decoration:none; margin-top:8px; }
#footer a:hover{ text-decoration:underline; }
#footer span.right a{ font-family:Arial, Helvetica, sans-serif; font-size:14px;  font-weight:bold;  }
#footer div{ margin-top:36px; padding-top:18px; border-top:1px solid #7598ad; font-size:14px; }
#footer div span{ float:left; display:inline; width:660px; height:auto !important;}
#footer div span p{ display:inline;  }
#footer div span a{ margin-left:20px; display:inline; }
#footer div em{ width:280px;  height:auto !important; font-style:normal; float:right; display:inline; text-align:right;}
#footer div em a{ display:inline; }