/* body */
body { font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; color: #000; background: #fff url(../img/bg-body.gif) repeat-x; }
/* body#home { background: #fff url(../img/bg-body-home.gif) repeat-x; } */

/* header */
#header { width: 960px; height: 146px; padding-top: 23px; margin: 0 auto; }
h1#logo a { display: block; width: 331px; height: 91px; font-size: 5em; font-weight: bold; text-indent: -9999px; background: url(../img/logo.jpg) no-repeat; }
a#centar-za-stolare { float: right; display: block; width: 242px; height: 54px; margin-top: 15px; text-indent: -9999px; background: url(../img/btn-centar-za-stolare.gif) no-repeat; }
#nav { height: 36px; margin: 18px 0 0 30px; border-left: 1px solid #5B0202; }
#nav li { float: left; }
#nav li:last-child { border-right: 1px solid #ED0D0D; }
#nav li a { display: block; font-size: 1.8em; height: 30px; padding: 7px 13px 0 12px; color: #fff; text-decoration: none; border-left: 1px solid #ED0D0D; border-right: 1px solid #5B0202; }
#nav li a:hover { color: #EBEBEB; background: #000; border-left: 1px solid #000; }
#nav li a.selected { padding-left: 13px; background: url(../img/bg-nav-selected.gif) repeat-x; border-left: none; }
#nav li a.selected:hover { color: #fff; }

/* content */
#content { min-height: 400px; padding-top: 34px; background: url(../img/bg-content.png) center 70px no-repeat; }
#home #content { min-height: 400px; padding-top: 100px; background: url(../img/bg-content-2.gif) center top no-repeat; }
.container { width: 960px; margin: 0 auto; }
h2 { font-size: 4.2em; font-weight: normal; letter-spacing: -1px; margin-left: 27px; }
h2 span { font-size: 0.75em; text-transform: uppercase; color: #6E6E6E; }
.left-col, .central-col, .central-col-wide, .right-col { float: left; margin-top: 40px; }
#home #simple .left-col { float: none; width: 905px; border: none; }
#home #simple .left-col p { margin-right: 300px; }
#home #simple .left-col .big-bold { margin-bottom: 0.8em; }
#home .h-home { font-size: 1.6em; font-weight: bold; margin-left: 30px; }
#izdvajamo { padding-left: 16px; margin-top: 5px; background: url(../img/bg-border-izdvajamo.gif) bottom no-repeat; }
#izdvajamo li { float: left; width: 290px; padding: 5px 0 10px; margin-left: 14px; background: url(../img/bg-izdvajamo.gif) repeat-x; border-top: 2px dotted #AFAFAF; }
#izdvajamo li .left { width: 108px; margin: 5px 8px 0 0; }
#izdvajamo li .left img { padding: 1px; background: #fff; border: 3px solid #CECECE; }
#izdvajamo li .left img:hover { border: 3px solid #BC0000; }
#izdvajamo li .left .cena { text-align: center; font-size: 1.3em; margin: 7px 1px 0; }
#izdvajamo li .right { padding-top: 3px; }
#izdvajamo li .right p { font-size: 1.1em; line-height: 1.3em; margin: 6px 0 3px; }
#izdvajamo li h4 a { font-size: 1.6em; font-weight: bold; line-height: 1.2em; text-decoration: none; }
#izdvajamo li h4 a:hover { text-decoration: underline; }
#simple .left-col { width: 584px; padding: 0 25px 0 30px; border-right: 1px solid #8F8F8F; }
#simple .left-col h3 { font-size: 2.35em; font-weight: normal; margin-bottom: 0.6em; }
#simple .left-col h4 { font-size: 1.75em; font-weight: bold; margin-bottom: 0.4em; }
#simple .left-col p { font-size: 1.6em; line-height: 1.5em; margin-bottom: 1.5em; }
#simple .left-col p.big-bold { font-size: 1.8em; font-weight: bold; }
#simple .left-col ul { list-style-type: square; font-size: 1.6em; line-height: 1.5em; margin: 0 0 1.5em 25px; }
#simple .right-col { width: 260px;  padding: 0 30px 0 25px; }
#simple .right-col p { font-size: 1.2em; line-height: 1.5em; }
#products, #products-listing { background: url(../img/bg-border.gif) 220px 54px no-repeat; }
#products .left-col, #products-listing .left-col { width: 177px; padding: 0 15px 0 29px; }
#products #nav-sub, #products-listing #nav-sub { font-size: 1.5em; }
#products #nav-sub li, #products-listing #nav-sub li { padding-left: 9px; background: url(../img/bg-li.gif) no-repeat; }
#products .right-col, #products-listing .right-col { padding: 0 30px 0 25px; }
#products .right-col { width: 684px; }
#products .right-col #hint { width: 635px; height: 422px; margin-left: 21px; background: url(../img/bg-hint.gif) 0px 0 no-repeat; }
#products .right-col #hint p { position: relative; width: 225px; height: 55px; left: 385px; top: 15px; font-size: 2.4em; font-style: italic; line-height: 1.2em; }
#products .right-col h3 { font-size: 2.2em; font-weight: bold; padding-bottom: 15px; margin-bottom: 14px; border-bottom: 2px dotted #8F8F8F; }
#products .right-col .cena { float: right; font-size: 1.8em; margin: 1px 0 0 3px; }
#products .right-col .left, #products .right-col .right { float: left; }
#products .right-col .left { text-align: center; width: 322px; height: 241px; padding: 3px 2px 2px; margin: 0 0 17px 1px; background: #ccc; }
#products .right-col .right { width: 345px; margin-left: 12px; }
#products .right-col .right p { font-size: 1.4em; line-height: 1.5em; margin: 32px 0 15px; clear: both; }
#products .right-col .right a.nazad { float: right; font-size: 1.2em; font-weight: bold; color: #BC0000; }
#products .right-col .right a.nazad:hover { color: #000; text-decoration: none; }
#products .right-col .right #spec { font-size: 1.1em; line-height: 1.5em; padding-top: 6px; border-top: 1px dotted #8F8F8F; }
#products .right-col #thumbs { border-top: 2px dotted #8F8F8F; clear: both; }
#products .right-col #thumbs li { float: left; margin: 10px 3px 0 0; }
#products .right-col #thumbs li img { padding: 1px; background: #fff; border: 3px solid #E2E2E1; }
#products .right-col #thumbs li img:hover { border: 3px solid #BC0000; }
#products-listing .central-col { width: 454px; padding-left: 20px; }
#products-listing .central-col-wide { width: 471px; padding-left: 3px; }
#products-listing .right-col { width: 210px; }
#listing li { clear: both; }
#listing .left, #listing .right, #galerija li { float: left; }
#listing .left { width: 108px; height: 83px; margin: 0 10px 17px 0; }
#listing .left img, #galerija img { padding: 1px; background: #fff; border: 3px solid #E2E2E1; }
#listing .left img:hover, #galerija img:hover { border: 3px solid #BC0000; }
#listing .right { width: 336px; height: 82px; border-bottom: 1px dotted #8F8F8F; }
#listing .right h3 { font-size: 1.8em; font-weight: bold; line-height: 1.1em; margin: 2px 0 7px; }
#listing .right h3 a, #galerija li h4 a { color: #000; text-decoration: none; }
#listing .right h3 a:hover, #galerija li h4 a:hover { color: #BC0000; text-decoration: underline; }
#listing .right .cena, #galerija .cena { float: right; }
#listing .right .cena { font-size: 1.55em; margin-top: 2px; }
#listing .right p { font-size: 1.1em; line-height: 1.3em; }
#galerija li { width: 216px; height: 203px; margin: 0 0 18px 17px; border-bottom: 1px dotted #8F8F8F; }
#galerija li h4 { font-size: 1.3em; font-weight: bold; line-height: 1.3em; margin-left: 2px; }
#galerija .cena { font-size: 1.1em; margin-right: 3px; }
.paginacija { font-size: 1.7em; font-weight: bold; margin-top: 10px; }
.paginacija li { float: left; margin: 0 4px 9px 0; }
.paginacija li:first-child { font-weight: normal; }
.paginacija li a { color: #fff; text-decoration: none; padding: 2px 6px 1px; background: #BC0000; }
.paginacija li a:hover { color: #EBEBEB; background: #000; }
.paginacija li.selected { padding: 0 6px; }
.central-col-wide .paginacija { margin: 6px 0 0 17px; }
.box { width: 210px; padding-bottom: 14px; margin-bottom: 14px; background: url(../img/bg-box-bottom.gif) bottom no-repeat; }
.box h4 { display: block; height: 26px; font-size: 1.6em; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; padding: 12px 0 0 14px; color: #4EB0D6; background: url(../img/bg-box-top.gif) no-repeat; }
.box#pretraga h4 { background: url(../img/bg-box-search-top.gif) no-repeat; }
.box p { font-size: 1.2em; line-height: 1.4em; padding: 0 14px 8px; }
.box a.detaljnije { float: right; font-size: 1.2em; font-weight: bold; line-height: 1.4em; padding: 0 14px 4px 0; }
.box a.detaljnije:hover { text-decoration: none; }
#pretraga form { padding-bottom: 4px; margin: 6px 15px 0; }
#pretraga form label { font-size: 1.2em; line-height: 1.5em;  }
#pretraga form input { width: 174px; margin-bottom: 8px; }
#pretraga form input.check { width: 20px; margin-top: 8px; }
#pretraga form select { width: 178px; margin-bottom: 8px; }
#pretraga form button { float: right; }
#home-proizvodnja { padding: 15px 20px; margin: 35px 30px 0; background: #E9E9E9; }
#home-proizvodnja label { font-size: 1.8em; margin-right: 9px; }
#home-proizvodnja select { font-family: Arial, Helvetica, sans-serif; font-size: 1.7em; width: 272px; height: 28px; margin-right: 2px; }
button { font-size: 1.1em; font-weight: bold; letter-spacing: 1px; color: #fff; padding: 4px 12px; text-transform: uppercase; background: url(../img/bg-trazi.gif) repeat-x; border: 1px solid #000; cursor: pointer; }
button.addToBasketButton { background-image: none; background-color: green; font-size: 13px;}
h4#cenovnik { font-size: 1.6em; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; }
h4#cenovnik a { display: block; width: 196px; height: 29px; color: #000; text-decoration: none; padding: 11px 0 0 14px; background: url(../img/btn-cenovnik.gif) no-repeat; }
h4#cenovnik a:hover { color: #4EB0D6; background: url(../img/btn-cenovnik.gif) 0 -40px no-repeat; }
.cena { font-weight: bold; padding: 0 2px; color: #1F9F28; border: 1px dashed #ccc; }
#nav-sub { font-size: 1.7em; font-weight: bold; line-height: 1em; margin-bottom: 25px;}
#nav-sub li { padding-left: 9px; margin-bottom: 4px; background: url(../img/bg-li.gif) 0 1px no-repeat; }
#nav-sub a { color: #000; padding-right: 2px; text-decoration: none; }
#nav-sub a:hover { color: #fff; background: #000; }
#nav-sub a.selected { color: #BC0000; background: none; }

/* footer */
#footer { text-align: center; min-height: 120px; margin-top: 47px; background: url(../img/bg-footer.gif) top center no-repeat; border-top: 2px dotted #C2C2C2; }
#footer p { font-size: 1.2em; color: #484848; padding: 23px 0 27px; }
#footer p#copyright { font-size: 1.1em; color: #777; }
#footer p#copyright a { color: #777;  }

/* basic */
.left { float: left; }
strong { font-weight: bold; }
a { color: #BC0000; }
a:hover { color: #000; text-decoration: underline; }


.td_center {
	text-align: center;	
}

.error {
	background-color: red;
}

.pics_container li{
	float: left;
	width: 130px;
}

.webadmin THEAD td{
	font-weight: bold;
}

.order a {
	font-size: 1.5em;
}

.orderLabel {
	font-size: 1.2em;
}

.priceDisclaimer {
    font-size: 1.5em;
	padding-left: 27px;
	padding-top: 15px;
}

.addToBasket {
	font-size: 2em;
	text-align: right;
}

.addToBasket input {
	width: 25px;
}

.basket {
	font-size: 1.5em;
}

.basket h3 {
	padding-left: 30px;
}

.basket table {
	border-spacing: 0;
	margin-left: 25px;
}

.basket table a {
	text-decoration: none;
}

.basket table td {
	padding: 4px 10px;
	text-align: right;
}

.basket table tr:last-child td {
	font-weight: bold;
}

.basket table td:FIRST-CHILD {
	padding-left: 5px;
	text-align: left;
}

.basket table td:last-child {
    padding-left: 20px;	
}

.basket table td {
	border-bottom: 1px solid black;
}

.basket table thead td {
	font-weight: bold;
}

.basketHeader {
    background: url('/img/basket.png') 68px 8px no-repeat;
    width: 105px;
}

#nav li.basketHeader a:hover {
	background: #000 url('/img/basket.png') 67px 8px no-repeat;
	color: #EBEBEB; border-left: 1px solid #000;
}

.basketFooter {
	font-size: 1.5em;
    padding-left: 25px;
    padding-top: 50px;
}

.basketFooter div {
	padding-bottom: 10px;
}

.basketQ {
	width: 40px;
}

.priceContact {
	float: left;
	margin-right: 25px;
}

.priceCurrency {
	font-size: 0.7em;
	text-align: right;
}

.problem {
	color: red;
}

button.basketUpdate {
	font-size: 0.9em;
	font-weight: normal;
	letter-spacing: 0px;
	padding: 1px 6px;
	text-transform: none;
}