/*

template: Artificial Intelligence
author: luka cvrk (www.solucija.com)  d00000
colors:
ocean blue: #abc1f2;
other blue: #5783d7;
dark blue: #00355d;
grey: #C2CEDE;

*/

body
{font: 11px "Trebuchet MS", Helvetica, Sans-Serif; color:#00355d;
    margin: 3px;
    padding: 0;
    background: #ffffff;
    line-height: 1.6em;
    color: #00355d;}

a
{font:  .99em "Trebuchet MS", Helvetica, Sans-Serif;
    color:maroon;}

a:hover
{color: #00355d; }

p
{margin-top:6px;
     margin-bottom:0px;
     padding-left:5px;}

h1
{font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    color:#00355d;
    border-bottom: 1px solid #ccc;
    text-align: left;
    margin-right:0px;
    margin-top:10px;
    font-size:11px;
    text-transform:uppercase; }

h2
{font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    padding:7px 0px 0px 5px;
    color:#000000;}

h3
{font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color:#000000;
    text-transform:uppercase; }

h4
{font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    color:#00355d;}

h5
{ font: bold 12px Verdana, Arial, Helvetica, sans-serif;}

.centeralign
{text-align:center;}

.leftalign
{text-align:left;}

.rightalign
{text-align:right; padding: 0 20px 0px 50px;}

span.errorMessage
{color: #8B0000; font-weight: bold;}

p.message
{color: #003c69;}

#message
{color:red;}

.button {margin:0px 3px 0px 0px; padding:0px 1px 0px 0px; background: url(../images/button_submit.gif) no-repeat; height:23px; font-weight:bold; width:67px; color:white; border:0px maroon solid; padding:0px 2px 1px 2px;}
.button:hover {cursor: pointer; color:yellow;}
.buttonFind {margin:0px 3px 0px 0px; padding:0px 1px 0px 0px; background: url(../images/button_find.gif) no-repeat; height:23px; font-weight:bold; width:67px; color:white; border:0px maroon solid; padding:0px 2px 1px 2px;}
.buttonFind:hover {cursor: pointer; color:yellow;}
.cartButton { background: url(../images/add.gif) no-repeat; height:30px; width:45px; border:0px; margin-left:5px;}
.cartButton:hover {cursor: pointer;}
.viewCartButton {margin:0px 3px 0px 0px; padding:0px 1px 0px 0px; background: url(../images/cartHov.jpg) no-repeat; height:30px; font-weight:bold;  color:white; border:0px maroon solid;}
.viewCartButton:hover {cursor: pointer;}

/* CONTENT WRAPPER */
#main {
    text-align:left;
    margin:0px ;
    background:#ffffff;
}

/* HEADER */
#header {
    border:0px solid black;
    background: #ffffff;
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 0px 0px;;
}


.hmenu{
width:100%;
height:20px;
border:0px solid blue;
background: #f0f0f0;
margin-top:14px;
}

.hmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.hmenu ul li {
display: inline;
float:left;
}

/*Top level menu link items style*/
.hmenu ul li a{
    display: block;
    width:80px;
    background: #C2CEDE url(../images/topbar.jpg);
    color: white;
    text-decoration: none;
    height:18px;
    text-align:center;
    border: 1px solid black;
}

.hmenu ul li a:hover {
    background: #C2CEDE url(../images/barul.jpg);
    color: #00355d;
}

#banner {
    padding: 0px;
    /* margin-bottom: 5px; */
    border: 0px solid #f0f0f0;
    height: 52px;
    /*background: #c0c0c0; */
}

/*  LEFT MENU */
#left {
    float:left;
    width:200px;
    height:100%;
    padding: 0px;
    margin: 0px;
    border: 0px solid #f0f0f0;
}

#leftbox_head {
    width:196px;
    background: #f0f0f0 url(../images/topbar.jpg);
    color:#ffffff;
    text-indent:10px;
    height:19px;
    margin:5px 0px 0px 1px;
    border:1px solid #00355d;
    padding:0px 0px 0px 0px;
    text-transform:uppercase;
    font-weight:bold;
}

#leftbox {
    width:100%;
    margin:0px;
    padding:0px;
    border-left:1px #f0f0f0 solid;
    border-right:1px #f0f0f0 solid;
    text-transform:uppercase;
    font-size:9px;
}

#leftbox li {list-style: none; }

#leftbox li a {
    display: block;
    width:196px;
    color: #00355d;
    background: #ffffff url(../images/barul.jpg);
    text-decoration: none;
    height:22px;
    text-indent:10px;
    border-bottom:1px #00355d solid;
    border-left:1px #00355d solid;
    border-right:1px #00355d solid;
}	
#leftbox li a:hover {
    background: #C2CEDE url(../images/topbar.jpg);
    color: yellow;
}

/* CONTENT WRAPPER*/
#right {
    float:left;
    width:770px;
    margin:0px;
    padding:0px 7px 0px 7px;
    border:0px solid #f0f0f0;
    background:#ffffff;
}

/* CONTENT */
#fullcol {
    clear:both;
    border: 0px solid #f0f0f0;
    padding:0px 0px 5px 0px;
    background:#ffffff;
    padding:0px 0px 10px 0px;
    margin:0px 0px 0px 0px;
    width:100%;
}

#leftcol {
    clear:left;
    float:left;
    border: 0px solid #ccc;
    background:#ffffff;
    text-align: justify;
    padding:10px 0px 10px 5px;
    margin:10px 0px 0px 0px;
}

#rightcol {
    float:left;
    border: 0px solid #ccc;
    background:#ffffff;
    text-align: justify;
    padding:10px 0px 10px 0px;
    margin:10px 0px 0px 10px;
}

#catleftcol {
    clear:left;
    float:left;
    border: 0px solid #ccc;
    background:#ffffff;
    text-align: justify;
    padding:10px 0px 10px 0px;
    margin:10px 0px 0px 0px;
}

#catleftcol {
    clear:left;
    float:left;
    border: 0px solid #ccc;
    background:#ffffff;
    text-align: justify;
    padding:10px 0px 10px 0px;
    margin:10px 0px 0px 0px;
}

#catmidcol {
    clear:right;
    float:right;
    border: 0px solid #ccc;
    background:#ffffff;
    text-align: justify;
    padding:10px 0px 10px 0px;
    margin:10px 0px 0px 10px;
}

#leftcol_home_head {
    border-bottom: 0px solid maroon;
    text-align: left;
    margin-top:5px;
    margin-right:16px;
    font-size:13px;
    text-transform:uppercase;

}

#centercol_home_head {
    border-bottom: 0px solid maroon;
    text-align: left;
    margin-top:5px;
    margin-right:16px;
    font-size:13px;
    text-transform:uppercase;
}

#rightcol_home_head {
    border-bottom: 0px solid maroon;
    text-align: left;
    font-size:13px;
    margin-top:5px;
    text-transform:uppercase;
}

#leftcol_home {
    clear:left;
    float:left;
    border: 1px solid #00355d;
    text-align: left;
    padding:0px 0px 0px 0px;
}

#centercol_home {
    clear:left;
    float:left;
    border: 1px solid #00355d;
    background:#ffffff;
    text-align: left;
}

#rightcol_home {
    clear:left;
    float:left;
    border: 1px solid #00355d;
    background:#ffffff;
    text-align: left;
}

/* FOOTER */
#footer {
    height:100px;
    clear:both;
    background: #ffffff;
    border-top: 1px solid #C2CEDE;
    text-align:center;
    margin: 7px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color:#00355d;
    height:103px;
}

/* PAGINATION ---------------------------------------------------------------------------------------- */
#pagination {
    color:white;
    clear:both;
    height:21px;
    background:#fff url(../images/topbar.jpg);
    text-align:left;
    text-indent:10px;
    margin:0px 0px 0px 0px;
    margin-bottom:3px; text-transform:uppercase;
    font-size:10px; font-weight:bold;
}

#pagination a {
    color:#ffffdd;
    margin:0;
    height:23px;
}

#pagination a:hover {
    color:red;
    margin:0;
}


/* ------------------------------------------------------------------------------------------------- */

td.item_head {
    color:#00355d;
    border: 1px solid #00355d;
    padding: 2px 0 2px 5px;
    margin: 0px 0px 0px 0px;
}

td.item {
    border: 1px solid #00355d;
}

tr.item_white {
    background-color:#abc1f2;
    border: 1px solid #546F92;
    text-indent:5px;
}

tr.item_grey {
    background-color:#f0f0f0;
    text-indent:5px;
}
tr.item_head {
    background-color:#c0c0c0;
    text-indent:5px;
}