/* RESET
------------------------------ */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,
font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,
legend,table,caption,tbody,tfoot,thead,tr,th,td {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}
body {line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse;border-spacing:0;}


/* GENERAL STYLES
------------------------------ */
/* elements */
html,body{height:100%;width:100%;}
html {background-color:#3d3e3d;}
body {text-align:center;font:normal 62.5% Verdana,Helvetica,serif;background:#fff;color:#fff;background:#3d3d3d url(../images/bg-body.jpg) repeat-x 0 0%;}
a {color:#fff;}
a:hover {text-decoration:underline;}
p {margin:0 0 1em;line-height:1.4em;}
button {cursor:pointer;}

#content h1 {font-size:2.5em;font-weight:normal;margin:0 0 20px 0;padding-top:0;}
#content h2 {font-size:2.5em;font-weight:normal;margin:0 0 20px 0;padding-top:0;}
h3 {color:#af0111;font-size:1.2em;}
#content h3 {color:#fff;font-size:2em;margin:20px 0 10px 0;font-weight:normal;}

/* basic layout */
#site {text-align:left;font-size:1.2em;margin:0 auto;width:1000px;}
#top {float:right;margin:45px 10px 10px 0;font-size:.9em;}
#header {background:url(../images/bg-head.jpg) no-repeat 0 0;width:840px;float:right;height:80px;margin:0 0 0 150px;}
#body {width:100%; padding:0 10px;}
#content {min-height:500px;height:auto ! important;height:500px;float:right;width:825px;padding:0 14px 14px 14px;background-color:#000;}
.txt {background:#000 url(../images/bg-content.jpg) no-repeat right bottom;width:603px ! important;padding:0 230px 14px 20px ! important;}
#sidebar {float:left;width:130px;padding:0 10px 0 0;}
#footer {width:825px;float:right;font-size:.8em;padding:4px 0 0 0;margin:0 14px 15px 0;color:#999;}

/*HEADER
--------------------------------*/
#top li{float:left;border-right:1px solid #fff;line-height:1em;}
#top li.last {border:none;}
#top li a {padding:0 5px;text-decoration:none;line-height:1em;}
#top li a:hover {text-decoration:underline;}

#header h1 {float:left;height:40px;width:410px;}
#header h1 a {background:url(../images/logotype.jpg) no-repeat 0 0;margin:2px 0 0 10px;height:35px;display:block;text-indent:-9999px;}
#header ul {width:430px;float:right;margin:2px 0 0 0;}
#header ul li {float:right;background:url(../images/head-line.gif) no-repeat 0 0;margin:0 20px 0 0;}
#header ul li a {text-decoration:none;display:block;float:left;text-transform:uppercase;height:25px;padding:10px 20px 0 10px;}
#header ul li a:hover {text-decoration:underline;}


/*SIDEBAR
--------------------------------*/
#sidebar h3 {padding:10px 0;margin:10px 0 0 0;border-top:1px solid #b0b0b0;}
#sidebar h3.first {margin-top:0;}
#sidebar address {line-height:1.5em; font-style:normal;}
#sidebar address a {color:#fff;}
#sidebar address a:hover, #sidebar a:hover { text-decoration:none;}

/*NAVIGATION
--------------------------------*/
ul#navigation {}
ul#navigation li {margin:5px 0;}
ul#navigation li a {text-decoration:none;}
ul#navigation li a:hover {text-decoration:underline;}

/* CONTENT
------------------------------ */
.indent {padding:0 20px;}
#carousel {border:2px solid #fff;height:340px;margin:0 0 15px 0;}

#promotion li {float:left;width:407px;}
#promotion li.green {background:#7b940e url(../images/akcija.png) no-repeat 0 0;}
#promotion li.green:hover {background-color:#8ba711;}
#promotion li.orange {background:#e2ac3d url(../images/novost.png) no-repeat 0 0;}
#promotion li.orange:hover {background-color:#dba028;}
#promotion li.first {margin-right:10px;}
#promotion li div {float:left;width:180px;padding:0 0 0 5px;margin:52px 0 0 0;}
#promotion li img {float:right;margin-right:10px;}
#promotion h4 {text-transform:uppercase;font-weight:bold;font-size:1.1em;}
#promotion h4 a {text-decoration:none;}
#promotion p {font-size:.9em;line-height:1em;}

#newsletters label {font-size:.8em;}
#newsletters input {width:128px;height:15px;border:none;margin:5px 0 0 0;}
#newsletters button {font-size:.8em;border:none;background:none;color:#fff;text-decoration:underline;float:right;padding:2px 0 0 0;}

#brands {position:relative;width:770px;background:url(../images/bwfw.gif) no-repeat 50% 50%;margin:30px 0 20px 0;padding:0 25px 0 25px;}
#brands .w {height:66px;overflow:hidden;position:relative;}
#brands ul {left:0px;width:10000px;position:absolute;}
#brands li {float:left;padding:0 11px;border-left:1px solid #1a1a1a;border-right:1px solid #1a1a1a;text-align:center;}
#brands li:hover {border-left:1px solid #333;border-right:1px solid #333;}
#brands li a {display:block;}

#pushbox {border:2px solid #fff;margin:0 0 20px 0;}
#pushbox h3 {width:270px;font-size:2.3em;letter-spacing:2px;color:#fff;font-weight:normal;text-transform:uppercase;margin:30px 0 30px 0;float:left;}
#pushbox p {float:left;width:250px;color:#949496;line-height:1.5em;}
#pushbox img {float:left;margin:0 20px 0 80px;}
#pushbox ul {width:100%;float:left;padding:0 0 4px 0;background:#a30000 url(../images/bg-red-bar.gif) repeat-x 0 0;}
#pushbox ul li {float:left;height:10px;padding:10px 20px 10px 15px;background:url(../images/white-bullet.gif) no-repeat 100% 58%;}
#pushbox ul li.last {background:none;}
#pushbox ul li a {text-decoration:none;height:25px;}
#pushbox ul li a:hover {text-decoration:underline;}

.breadcrumbs {font-size:1.25em;margin:18px 0 18px 0;}
.breadcrumbs li {float:left;width:auto ! important;}
.breadcrumbs a {text-decoration:none;border-right:1px solid #fff;padding:0 15px 0 0;margin:0 15px 0 0;}
.breadcrumbs a:hover {text-decoration:underline;}

.brandList {width:620px;}
.txt .brandList li {float:left;width:170px;background:url(../images/icons/bullet.gif) no-repeat 0 50%; padding:5px 0 5px 15px;margin:0 0 0 15px;}
.brandList li a:hover {text-decoration:none;}
.list li, .description li {padding:5px 0 5px 15px;margin:0 0 0 15px;}
.txt .list li {background:none;width:100%;padding:15px 0;margin-left:0;}
.txt .list li ul li {background:url(../images/icons/bullet.gif) no-repeat 0 50%;padding:0 0 0 11px;margin: 0 0 10px 0;}
.txt a:hover { text-decoration:none;}
.list ul {float:left;width:50%;}
.list img {float:left;margin:0 15px 0 0;}
.description {padding:10px 0 20px 0;}
.description img {padding:1px;border:1px solid #fff;}
.generalBackLink {margin:20px 0 20px 0;}

.txt li {background:url(../images/icons/bullet.gif) no-repeat 0 50%; padding:5px 0 5px 15px;margin:0 0 0 15px;}

/* FORMS
-------------------------------------*/
#contactForm label {padding:3px 0 0 0;width:160px;float:left;}
.form {margin:20px 0 0 10px;}
.form input {float:left;}
.form ol li {margin:10px 0; background:none; padding:0;}
.form ol li ul {width:220px;margin:-5px 0 0 0;float:left;}
.form ol li ul li {margin:4px 0;}
.form button {border:1px solid #fff;background-color:#AF0111;color:#fff;padding:0 10px;margin:0 0 0 160px;}
.requiredText,.required {color:#AF0111;}
#errorMessage,.errorMessages {border:1px solid #fff;background-color:#AF0111;color:#fff;padding:15px;}
#errorMessage li,.errorMessages li {margin:5px 0;}
#galleries li {border-bottom:1px solid #fff;padding:0 0 0 10px;margin:0 0 15px 0;}
#galleries li h4 {text-transform:uppercase;font-size:1.3em;margin:0 10px;font-weight:normal;}
#galleries li h5 {position:relative;height:26px;width:120px;font-size:.9em;font-weight:normal;}
#galleries li h5 span,#galleries li h5 a {position:absolute;bottom:0;}
#galleries li ul {margin:15px 0;}
#galleries li ul li {float:left;width:145px;border:none;margin:0;}
#galleries li ul li img {margin:4px 0 20px 0;}
#galleries li ul li a {text-decoration:none;}
#brandLogo {margin:80px 50px 20px 50px ! important;}
#lightbox-image-details-caption {font-size:20px;margin:0 0 10px 0;}
#otherBrands ul,.otherNews ul {margin:10px 0 0 0;}
#otherBrands li,.otherNews li {background:url(../images/icons/bullet.gif) no-repeat 0 50%; padding:5px 0 5px 15px;margin:0 0 0 15px;}
#otherBrands li a:hover, .otherNews li a:hover {text-decoration:none;}
.otherNews {margin:30px 0 0 0;}

/* FOOTER
------------------------------ */
#footer div.webdesign {float:right;}
#footer div.webdesign .f {text-decoration:none;}
#footer div.legal {float:left;}
#footer div.legal a {border-left:1px solid #999;padding:0 0 0 5px;}
#footer a {color:#999;}
#footer a:hover {text-decoration:none;}

/* TABLE
-------------------------------*/
table {	width:480px; color:#fff; border: medium none; border-collapse:collapse; margin: 5px 0 10px 0;}
thead td {border-bottom:2px solid #B0B0B0;}
tbody td {border-bottom:1px solid #B0B0B0;}
td { font-size:0.9em; padding:4px 3px;}

/* CLASSES
-------------------------------*/
.fltLeft {float:left;}
.fltRight {float:right;}
.imgLeft {float:left; margin-right:10px; clear:left;}
.imgRight {float:right; margin-left:10px; clear:right;}
.hidden {display:none;}
a.noLink {text-decoration:none;}
a:hover.noLink {text-decoration:underline;}
.txtSmall {font-size:0.9em; line-height:1.1em;}
.txtRed {color:#AF0111;}

/* HACKS
------------------------------ */
.clear,#site,#body,#footer,#promotion,#brands,#galleries ul,#pushbox,.form ol li ul li{display:inline-block;}
.clear:after,#site:after,#body:after,#footer:after,#promotion:after,#brands:after,#breadcrumbs:after,#galleries ul:after,#pushbox:after,.form ol li ul li:after,.list li:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}