* {margin:0; padding:0;}



html {background:url(../images/bg.jpg) left top repeat-x #FFFFFF;}

body {/*background:url(../images/bgr.jpg) center top no-repeat;*/ font-family:Tahoma, Geneva, sans-serif; font-size:12px; color:#4e4e4e; margin-bottom:30px;}

td { vertical-align:top;}

a {outline:none; text-decoration:none; color:#A3A3A3;}

a:hover {text-decoration:underline;}

img {border:0;}



.leftCol { background-color:#ffffff;}

.error{ color:#FF1111; }

.simpleContent { float:left; margin:10px; font-size:12px; }

h4 {font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:normal;}



.header{ width:980px; margin:0 auto; background-color:#FFFFFF; height:150px; border-bottom:2px solid #E2E2E2; background-image:url(../images/header.jpg);}

    .header .logo{margin:0px 7px 0px 25px; float:left;}

    .header h1{float:left; width:400px; line-height:95px; font-size:36px; margin-left:35px; color:#D8D9D9}

    .header .login { float:right; width:210px; font-size:10px; background:none; margin:5px; height:120px;}

        .header .login td{ font-size:10px; color:#FFFFFF}

        .header .login input { font-size:10px}

        .header a { color:#ffffff; }

        .header a:hover { text-decoration:underline; font-weight:bold; }

        .header .cena {padding:7px 7px 0 7px; color:#ffffff; font-weight:bold; display:block; width:130px; float:left;}

        .header .buyIcon { float:right; margin:0 5px 0 0; border:none;}

        .header .cartPageTitle {margin: 5px; text-align: right; line-height: 20px; vertical-align: middle; float:right}



.content{ width:980px; margin:auto; background-color:#FFFFFF; position:absolute; right:50%; margin-right:-490px;}



.menu{ width:180px; margin:10px 0 0 0; font-size:12px;}

.menu ul { list-style:none;}

.menu ul li {line-height:20px; margin:1px;}

.menu ul li a {display:block; background-color:#000000; padding:3px 3px 3px 18px; color:#ffffff}

.menu ul li a:hover {color:#797979; font-weight:bold;}

.menu ul li a.selectedMenuItem{ background-color:#E2E2E2; color:#000000; text-decoration:underline; font-weight:bold;}

.menu ul li a.kategorije{ background-image: url(../images/menugore.png); background-color:#ffffff; color:#fff; text-decoration:underline; font-weight:bold;}
.menu ul li a.ispodkategorije{ background-image: url(../images/menudole.png); color:#fff; text-decoration:underline; font-weight:bold;}
.box{ width:781px; margin:10px 0 0 10px; font-size:12px;}

.smallProdHolder{ width:185px; margin:0 5px 5px 0; float:left; height:230px; border:1px solid #D3D3D3}

    .smallProdHolder .imgHolder { width:176px; height:146px; margin:0 5px; border:1px solid #D4D4D4; overflow:hidden }

    .smallProdHolder .name {padding:3px 0 0 7px; height:30px;}

        .smallProdHolder .name a{ color:#ffffff }

    .smallProdHolder .cena {padding:10px 0 0 7px; color:#4C4CCD; font-weight:bold; display:block; width:130px; float:left;}

    .smallProdHolder .buyIcon { float:right; margin:0 5px 0 0; border:none;}

    .smallProdHolder .cenaGray {padding:10px 0 0 7px; color:#A3A3A3; font-weight:bold; display:block;}

    .smallProdHolder .lager {padding:3px 0 0 7px; font-size:10px; display:block; color:#000080;}



.productImgBig{ width:360px; height:240px; float:left; margin:5px; }

.productNameHolder { width:800px; float:left; text-align:left; font-size:16px; margin:5px;  }

.productAttHolder { width:400px; float:right; margin-top:20px; margin-right:10px; margin-bottom:40px; }

    .productAttHolder .attTable{ border:1px solid #D4D4D4; }

        .productAttHolder .attTable td { font-size:12px; }

        .productAttHolder .attTable .row1 { background-color:#CCCDCE; border-bottom:1px solid #D4D4D4 }

        .productAttHolder .attTable .row2 { background-color:#FFFFFF; border-bottom:1px solid #D4D4D4 }



        .productAttHolder .attTable .cena { color:#4C4CCD; font-size:26px; font-weight:bold;}



.formHolder{ float:left; margin:5px;}

    .formHolder td,.formHolder input { font-size:12px;}

    .formHolder p { font-size:14px; font-weight:bold; }



    .formHolder .napomena { font-size:10px; font-weight:bold; }



.cartHolder{ position:absolute; margin-left:460px; top:122px; border:1px solid #000000; width:500px; height:250px; overflow:hidden; background-color:#FFFFFF; z-index:100; display:none}

    .cartHolder .cartHeader{ line-height:20px; font-size:14px; font-weight:bold; text-align:center; border-bottom:2px solid #000000; background:#000; color:#FFFFFF}

    .cartHolder .cartFooter{ line-height:20px; border-top:2px solid #000000 }

        .cartHolder .cartFooter td {font-size:10px; }

        .cartHolder .cartFooter input {font-size:10px; }

        .cartHolder .cartFooter .total{font-size:12px; font-weight:bold; color:red; line-height:20px; vertical-align:middle; text-align:right }

    .cartHolder .cartList{ overflow:hidden; overflow-y:auto; height:195px; margin:2px 5px 2px 5px; }

    .cartHolder .cartList td { vertical-align:middle; font-size:12px;}



        .cartHolder .cartList .remove { font-size:10px; color:#FF1100; font-style:italic;}

.confirmCart{margin:5px; float:left; width:780px;}

    .confirmCart td{font-size:12px; text-align:center; vertical-align:middle}

    .confirmCart th{font-size:12px;}

    .confirmCart .cena { color:#4C4CCD; font-weight:bold; font-size:14px; }



.footer{ width:980px; margin:0 auto; border-top:5px solid #E2E2E2}

.footer p{ line-height:40px; background-color:#FFFFFF; text-align:center;}