a {
    outline:none;  
}

form {
    margin:0;
    padding:0;
}

.fieldWithErrors input, .fieldWithErrors select, .fieldWithErrors textarea, .fieldWithErrors file {
    border: 1px solid red;
    
}

.fieldWithErrors {
    display: inline;
}

#errorExplanation {
    width: 400px;
    border: 1px solid red;
    padding: 7px;
    padding-bottom: 12px;
    margin-bottom: 20px;
    background-color: #f0f0f0;
}

#errorExplanation h2 {
    text-align: left;
    font-weight: bold;
    padding: .5em;
    font-size: 12px;
    margin: -7px;
    background-color: #c00;
    color: #fff;
}

#errorExplanation p {
    color: #333;
    padding: .8em 0;
}

#errorExplanation ul li {
    font-size: 12px;
    list-style: square;
}

div.uploadStatus {
    margin: 5px;
}

div.progressBar {
    margin: 5px;
}

div.progressBar div.border {
    background-color: #fff;
    border: 1px solid grey;
    width: 100%;
}

div.progressBar div.background {
    background-color: #333;
    height: 18px;
    width: 0%;
}

/* flash */
#flash {
    border:4px solid red;
    padding: 1em;
    margin: 1em 0;
    font-size: 1.2em;
    font-weight: bold;
    background: #ffff99;
    background-repeat: no-repeat;
    background-position: center left;
}

div.centreContentError {padding: 10px 26px 0px 20px; overflow: hidden;}
div.boxHoldergreska {border: 2px solid #FD0102; margin: 0px 0px 10px 0px; padding: 3px 0px 3px 10px; width: 95%;}
div.boxGreska div.greskaContent h3 { font-size: 20px;}

div.boxHoldernotice {border: 2px solid #419827; overflow: hidden; margin: 0px 0px 10px 0px; padding: 3px 0px 3px 10px; width: 95%;}
div.boxNotice {background: #ffffff; padding: 3px 7px;}
div.boxNotice img.imgNotice { float: left; margin: 0px 10px 10px 0px; }
div.boxNotice div.noticeContent { float: left; margin: 0px 0px 6px 0px; width: 75%}
div.boxNotice div.noticeContent h3 { font-size: 20px; color: #419827; margin: 3px 0px 4px 0px; font-weight: normal; }
div.boxNotice div.noticeContent p { font-size: 12px; color: #575757; margin: 3px 0px 4px 3px; }
div.boxNotice div.noticeContent p.small { font-size: 10px; color: #575757; margin: 3px 0px 4px 3px; }

li.small {font-size: 12px; font-family: arial,sans-serif; color: #575757}

/* news */
div.index_boxContent a img { border: 0px; }
div.leftBoxHolderDetail { height: 100% }

/* static pages */

.staticContent {padding: 20px 10px 10px 20px; overflow: hidden; height: 100%;}

.staticContent p {padding: .5em 0;}

.staticContent ul {}

.staticContent li {}

.staticContent h2 {
    padding: 10px 0px 0px 0px;
}
.staticContent h3 {
    padding: 10px 0px 0px 0px;
}

.rightContent h2 {
    padding: 10px 0px 0px 0px;
}

/* recommended */
.recommended_2_columns {
    border: 0px solid red; 
    float: left; padding-left: .5em;
    width: 66%
}

.recommended_column {
    border: 0px solid red; 
    float: left; padding-left: .5em; 
    width: 48%
}

.recommended_1_column {
    border: 0px solid red; 
    float: left; padding-left: .5em; 
    width: 33%
}

table.rightPreporucamo { background: none; }
table.rightPreporucamo td {padding: 0px 0px 0px 0px;}
table.preporucamoTable { background: #FFFFFF none repeat scroll 0%; }


/* links and tabs */
.floatButtonRight a {
    display: block;
    font-size: 11px;
    font-family: Arial;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}


.cashOut a {
    display: block;
    font-size: 14px; 
    letter-spacing: -1px; 
    font-weight: bold; 
    color: #555555; 
    font-family:Arial;
    text-decoration: none;
    cursor: pointer;
}


div.tab div.tabM a 	{
    display: block;
    font-weight: bold; 
    color: #fff; 
    letter-spacing: -1px;
    text-decoration: none;
    cursor: pointer;
}

div.tab div.tabM2 a {
    color: #F9D339;
    cursor: pointer;
}

div.tab_active div.tabM {
    display: block;
    font-weight: bold; 
    color: #000; 
    letter-spacing: -1px;
    text-decoration: none;
    cursor: auto;
}

div.tab_active div.tabM a:visited {color: #000;}

div.button7, div.cashOut, div.tab_active, div.tab {
    cursor: default;
}


input.button2  {
    font-family: Arial; 
    background: url(../images/buttonBack2.gif) repeat-x 0 0; 
    border: 0px solid #B3040B; 
    font-weight: bold;
    color: #FFFFFF; 
    margin: 0px; 
    padding-left: 2px; 
    padding-right: 2px; 
    cursor: pointer;
}
span.button2Border  {border: 1px solid #B3040B; float: left; cursor: pointer;}

div.quant a.miniAdd {display: inline; float: left; margin: 1px 1px 0px 1px; border: 0px; width:16px; height:19px; text-decoration: none;}

/* other */
input.button_set {float: left; margin: 0px; border: 0px;}

input.image_button_add {float: right; margin: 0px; border: 0px; overflow: hidden; display: block; font-size: 0px; cursor: pointer; color: white;}
input.image_button_add_left {float: left; margin: 0px; border: 0px; overflow: hidden; display: block; font-size: 0px; cursor: pointer; color: white;}
input.image_button_add2 {margin: 0px; border: 0px; overflow: hidden; display: inline; font-size: 0px; cursor: pointer; color: white;}
.title11 {font-family: Arial,sans-serif; color: #449B2B; font-size: 11px; font-weight: bold;}

div.rightContent h3{ padding: 10px 0px 0px 0px;}

#trail_one, #trail_two, #trail_three { margin: 0px 2px 0; }
#trail_three li  { 
    width:100%; 
    overflow: hidden; 
    background: #049B35; 
    padding: 0px;
}

select { font-size: 11px; font-family: Arial,sans-serif;}

table.renderArticles2 tr.lastArticle, table.renderArticles7 tr.lastArticle {background: none}

table.renderArticles8 { float: none; }

table.renderArticles8 td.row2 a {float: none;}

table.renderArticles8 td.row1 img {margin: 0px 0px 1px 0px;}

ul.uvjeti_pravila a {
    font-size: 12px; 
    font-family: arial; 
    color: #222;
    text-decoration: none;
}
ul.uvjeti_pravila a:hover {
    text-decoration: underline;
}

.clear {
    clear: both;
}

p a{
    color: #222;
}

a{
    color: #222;
}


/* p {padding: .5em 0;} */

table.renderArticles6 a.articleSwitch {
    background: url(../images/bullet_red.gif) no-repeat 0px 8px;
    color: #4C4C4C;
    display: block;
    float: left;
    margin: 2px 0px 0px 10px;
    padding: 3px 5px 3px 10px;
    width: 100px;
}

/* minibasket */
div.miniBasket p { padding: 10px 0 0; }
div.cashOutRight {cursor: pointer; float: right;}
div.miniBasket_2_price { width: 105 px; }

/* FIX FOR SMALL CART HEIGHT */
div.minibasketScroll { 
    overflow: auto; 
    overflow-x: show; 
    overflow-y: scroll; 
    height: 100%; 
} 

div.miniBasket_box { width: 250px; }
/* FIX FOR SMALL CART HEIGHT END */

.miniBasket form {
    display: inline;
    border: 0px solid #999;
}

.miniBasket_2_price {
    display: inline;
    float: right;
    border: 0px solid #666;
    margin-top: -2em;
}

input.miniBasket_del {border: 0px;}
img.miniBasket_del {border: 0px;}
.miniBasket_flush { text-align: right; }

/* .li5 {display: inline;} */
.basket_links, .basket_links li { margin: 0; padding: 0;}
.basket_links li a {background: none; color: #4C4C4C;}
.basket_links li {list-style-image: url(../images/bullet_red.gif);}
.basket_links { padding-left: 1.5em;}

/* cart */
#cart_details { float: left }
div.kosaricaPotvrdi { padding: 0px; }

div.dostavaIkupnjaHolder { padding:19px 0 0 40px; width:200px; }

div.endPrice_top {
    color:#449B2B;
    float:right;
    font-family:Arial;
    font-size:17px;
    font-weight:bold;
    margin: 8px 8px 0px;
}

div.cashOutM { height: 35px }
div.cashOut { margin-bottom: 10px }

table.renderArticles td.quantPrice { width: 155px; padding-top: 15px; }
table.renderArticles td.quantMoreLess { padding-top: 10px }
table.renderArticles td { padding: 5px 2px 5px 2px; }

/* orders */
.canceled, .failed_to_deliver {color: red; font-weight: bold;}
.delivered {color: green; font-weight: bold;}
.open, .processed, .un_authorized{color: #FBB218; font-weight: bold;}
h3.title a {
    text-align: left; 
    font-weight: bold; 
    font-size: 12px; 
    font-family: arial; 
    margin: 0px 0px 5px 0px; 
    padding: 0px 5px 0px 0px; 
    color: #222222; 
    text-decoration: none;
    /* width: 100%; */
}

table.renderArticles2 td.row2 a.noFloat { float: none; }

.endPrice li {text-align: right; list-style-type: none;}


table.renderArticles2 div.inBasket, table.renderArticles6  div.inBasket { margin: 2px 0px 0px; padding: 2px; }

/* paginator */
div.sortBar div.pagePick div.pages .paginator {
    font-weight: normal;
    color: red;
    border: 0px solid #666;
    
}

div.sortBar_bottom SELECT { height: 20px; font-size:11px}

/* home */
div.index_topContentHolder div.boxRight a {color: #ffffff; font-weight: bold;}
h1.index {font-size: 12px; color: white; margin: 18px 0px 0px 0px; font-weight: bold;}
h1.index_logo {font-size: 15px; color: white; margin: 18px 0px 0px 0px; font-weight: bold;}
p.index {font-size: 12px; color: white; margin: 0px 0px 0px 0px; font-weight:normal;}
p.smallWidth { width: 185px; }
div#content{ width: 790px; }

/* account */
div.block2 textarea {width: 190px;}
div.block2 input.date {width: 170px;}
div.block2 input.house_number {width: 30px;}
div.block2 td.row1 select { width: 60px; }
div.block2 INPUT.card { width: 90px; }
div.accountContent {padding: 10px 10px 10px 15px; line-height: 15px; font-size: 10px; float: top;}
.mojRacunTopBrdr {width:49%;}

div.Red_Green_boxContainer div.left{
    float:left; 
    width: 32%; 
    margin: 0px 8px 0px 0px;
}

a:hover { cursor: pointer; }


/* login */
.white_boxContainer{
    color: #000000;
    width: 480px;
}
.white_boxContainer div.left{
    width: 256px;
    float: left;
}

div.zutoCrveni div.lijevi{
    float: left;
    background-image:url(../images/gumbi/zutoCrveniGumbLeft.gif);
    width: 11px;
    height:28px;
}
div.zutoCrveni div.srednji{
    float: left;
    background-image:url(../images/gumbi/zutoCrveniGumbMiddle.gif);
    height:28px;
    background-repeat:repeat-x;
    font: Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
    color:#000000;
    line-height: 25px;	
}
div.zutoCrveni div.srednji a{
    text-decoration: none;
}
div.zutoCrveni div.desni{
    float: left;
    background-image:url(../images/gumbi/zutoCrveniGumbRight.gif);
    width: 30px;
    height:28px;
}
div.zutoCrveni div.desni .ikonaRegistriraj{
    background-image:url(../images/gumbi/korisnik.gif);	
    width: 30px;
    height: 28px;	
}

/* tabs */
div.header_bottomRight { margin: -7px 0px 0px;}
div.tab_search { margin: 6px 0px 0px 0px; }

div.tab_search div.tabM form { float: left; }

#outer { min-width: 660px; }
#header { min-width: 952px; }
#footer { min-width: 952px; }


#nav {
    float:left;
    width:100%;
    background:#d90004;
    margin-top: -3px;
}
#nav_home {
    float:left;
    width:100%;
    margin-top: -3px;
}
#nav_home ul, #nav ul {
    margin:0;
    padding:10px 10px 0;
    list-style:none;
}
#nav_home li, #nav li {
    float:left;
    display:inline;
    background:url("../images/right_both.gif") no-repeat right top;
    margin:0 0 0 9px;
    padding:0;
}
#nav_home a,#nav a {
    float:left;
    display:block;
    position:relative;
    left:-9px;
    margin-right:-9px;
    background:url("../images/left_both.gif") no-repeat left top;
    padding:10px 10px 10px 10px;
    text-decoration:none;
    font-weight:bold;
    color:white;
    letter-spacing: -1px;
}
#nav_home > ul a,#nav > ul a { width:auto; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav_home a, #nav a { float:none; }
/* End IE5-Mac hack */
#nav_home a:hover, #nav a:hover { color:black; }

/* not for IE5.x or IE6 */
#nav_home li:hover, #nav_home li:hover a, #nav li:hover, 
#nav li:hover a {
    background-position:100% -150px;
    color:black;
}
#nav_home li:hover a, #nav li:hover a {
    background-position:0 -150px;
}
#nav_home li.tab_active, #nav li.tab_active {
    background-position:100% -150px;
}
#nav_home li.tab_active a, #nav li.tab_active a {
    background-position:0 -150px;
    color:black;
    padding:10px 10px 11px 10px;
}

#nav_home li.akcijska a, #nav li.akcijska a {
    color:#F9D339;
}

#nav_home li.akcijska a:hover, #nav li.akcijska a:hover {
    color:black;
}

#nav_home a {
    background:url("../images/left_both-i.gif") no-repeat left top;
}
/*#nav_home {*/
/*    background:#d90004 url("../images/bg-i.gif") repeat-x bottom;*/
/*}*/

#right { z-index: 0 }

#nav_home li {
    background:url("../images/right_both-i.gif") no-repeat right top;
}


/* checkout */
input.chbox {border: 0px; margin: 0px; }
table.booking2 INPUT.coupon {border: 1px; border-style: solid; border-color: #c2c2c2; width: 100px;}
span.button1BorderS  {border: 1px solid #317f1a; cursor: pointer;}

table.contentSpliter_tight {width: 100%; }
table.contentSpliter_tight td.row1 {width: 50%; background: url(../images/dotsVertical.gif) 100% 0 repeat-y;}
table.contentSpliter_tight td.row2 {width: 50%;}
table.contentSpliter_tight td.row2 table.adresa td.naslov {width: 170px;}
table.contentSpliter_tight td.row2 table.adresa td.naslov_plus {
    width: 150px; 
    font-weight: bold; 
    padding-left: 15px;
}
table.booking td {padding: 8px 0px 8px 0px;}

table.contentSpliter_tight table.adresa td.data {padding-left: 5px; padding-top: 3px; padding-bottom: 3px;}

/* offers */
div.sortBar_bottom SELECT.type {float: left; width: 70px; margin: 0px 0px 0px 0px; }
div.sortBar_bottom SELECT.first {float: left; width: 95px; margin: 0px 0px 0px 0px;}
div.sortBar_bottom SELECT.category_selection {float: left; width: 120px; margin: 0px 0px 0px 0px;}
div.sortBar_bottom div.tekst1 {margin-right: 2px;}

/*recommendation*/
/* table.preporucamoTableSadrzaj { height: 90px; } */

/* product info */
div.floatButtonRight {float: right; margin: 0px 2px 0px 0px;}

.show_hide_images_link {
    font-size: 12px;
    margin-left: 10px;
    color: black;
    background: URL(../images/bullet_red.gif) no-repeat 0px 6px; 
    color: #4C4C4C; 
    padding: 0px 0px 0px 10px; 
    margin: 0px 0px 5px 10px;
}

/* delivery addresses*/
.addressTypeText { font-weight:bold; }

.BarcodeBox {
    height: 60px;
    width: 100px;
    overflow-y: auto;
}