/*
   BASIC
--------------------------------------- */
*                                                                               { margin: 0; padding: 0; list-style: none;
}
body                                                                            {
	font: normal 9pt Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	color: #000;
	background: #fff;
	padding: 10px;
}
a img                                                                           { border: none; }
a, a img, 
a:link, a:visited, 
a:hover, a:active                                                               { outline: none; color: #000; text-decoration: none; }
br.clear                                                                        { clear: both; }
/*
   HIDE
--------------------------------------- */
#portalNav, #mainNav, #nav, #secContainer, 
#development, #topLink, .pagination, 
#resultsPerPage, #addThis, 
#articleImageEnlarge, #featuredArticle, 
.details, .uzlazno, .silazno, 
#searchNotice, .newsNavigator, 
.paginator, #mainSearchForm, #userOptions,
#userInfo, #orderSteps { display: none; }

/*
   LAYOUT & Typ.
--------------------------------------- */
#logo { display: block; margin: 0 0 20px 0; }
#footer { clear: both; margin: 30px 0; font-size: 8pt; padding-top: 10px; border-top: 1px solid #ccc; }

#listedBox, .productsBox, #referencesBox { clear: both; margin: 20px 0; }
#listedBox h2, .productsBox h2, #referencesBox h2, #newsHolder h2 { margin: 0; }
.boxWrapper, .boxHolder { clear: both; }

#listedBox ul { padding: 0; }
#listedBox ul li { list-style: none; margin: 0 0 5px 0; }
.box { display: inline; float: left; width: 190px; margin-right: 20px; margin-bottom: 20px; }
.box .image { display: inline; float: left; width: 80px; overflow: hidden; }
.box .image img { margin: 0; padding: 0; width: 80px; }
.box .content { display: inline; float: right; width: 100px; }
.box .content h4 { margin-top: 0; }

#listedBox ul li { clear: both; }
#listedBox span.price { display: inline; float: right; margin: 0 15px 0 5px; font-size: 8pt; color: #be2025; }

.productsBox .box { height: 215px; position: relative; }
.productsBox span.price { color: #be2025;bottom: 30px; left: 90px; position: absolute; font-size: 8pt; }

#referencesBox .box { display: inline; float: left; width: 280px; margin-right: 20px; margin-bottom: 20px; }
#referencesBox .box .image { display: inline; float: left; width: 120px; overflow: hidden; }
#referencesBox .box .image img { margin: 0; padding: 0; width: 120px; }
#referencesBox .box .content { display: inline; float: right; width: 150px; }

#newsHolder { clear: both; margin: 20px 0; }
.newsInfo { clear: both; height: 25px; }
.newsInfo .date { display: inline; float: left; margin-right: 10px; }
.newsInfo h3 { display: inline; float: left; clear: none; margin: 0; }
.intro { clear: both; margin-bottom: 20px; }
.intro img { margin: 0 10px 20px 0; }
.newsGrey, .newsWhite { clear: both; margin: 20px 0; }

#legendWrapper{height: 30px;margin: 0 0 20px 0;clear: both;}
#legend{margin: 0;padding: 0;}
#legend li                              { display: inline; vertical-align: bottom; margin: 0 5px 0 0; padding: 0; }
#legend li.title                        { margin-right: 10px; }
#legend img                             { vertical-align: top; }
#legend24h                              { padding-right: 5px; margin-right: 7px; border-right: 1px solid #fff; }
#legend48h                              { padding-right: 5px; margin-right: 7px; border-right: 1px solid #fff; }

#articleImage { display: inline; float: left; width: 220px; overflow: hidden; }
#articleImage img { width: 220px; margin-bottom: 30px; }
#articleContent { display: inline; float: right; width: 380px; margin-bottom: 30px; }
#articleContent legend { display: none; }
#articleContent fieldset { border: none; margin: 10px 0; }
#articleContent fieldset ul { margin: 0; padding: 0; }
#articleContent fieldset ul li { margin: 0; list-style: none; }
#articleDetailsInfo { clear: both; margin: 30px 0; }
#articleDetailsInfo table { width: 100%; margin: 0; }

.catalogGroupList table { margin: 0 0 10px 0; width: 100%; }
.catalogGroupList th { text-align: left; }
td.availability { text-align: center; }

.blank td.label { padding-right: 10px; padding-bottom: 5px; }

#searchForTerm
                                        {
	margin: 0 0 30px 0;
	font-size: 1.3em;
}
div.searchResult
                                        {
	clear: both;
	margin: 20px 0 20px 0;
}
div.no
                                        {
	display: inline;
	float: left;
	width: 30px;
	margin: 0 10px 0 0;
	padding-bottom: 2px;
	text-align: right;
}
div.title
                                        {
	display: inline;
	float: left;
	width: 400px;
	font-weight: bold;
	padding-bottom: 2px;
}
div.description
                                        {
	clear: both;
	padding: 2px 0 2px 40px;
}
div.url
                                        {
	padding-left: 40px;
	font-size: .9em;
	font-style: italic;
}
.searchTime
                                        {
	font-size: .9em;
	color: #666;
}
.title span.highlight                   { text-decoration: underline; }

#login .basicForm                       { margin-bottom: 10px; }
#login .basicForm fieldset              { border: none; }
#mainContent .basicForm h3
                                        {
	font-size: 1em;
	text-align: center;
}
.basicForm fieldset
                                        {
	padding: 10px 20px 20px 20px;
	border: 1px solid #f1f1f1;
	clear: both;
	margin-bottom: 10px;
}
.basicForm legend
                                        {
	padding: 5px 10px;
}

.basicForm div.input, 
.basicForm div.textarea, 
.basicForm div.select, 
.basicForm div.radio, 
.basicForm div.checkbox, 
.basicForm div.file
                                        {
	clear: both;
	padding: 10px 0 10px 0;
}

.basicForm div.input input, 
.basicForm textarea, 
.basicForm select, 
.captchaInput input
                                        {
	font: normal 11px Arial, Helvetica, sans-serif;
	border: 1px solid #666;
	padding: 3px;
	margin-right: 5px;
}

.basicForm div.input input.readonly
                                        {
	background: #f5f5f5;
	border: 1px solid #ccc;
	color: #ccc;
}
.basicForm div.input input              { width: 230px; }
.basicForm div.captchaInput input       { width: 100px; }

.basicForm div.input input:focus, 
.basicForm div.textarea textarea:focus, 
.basicForm div.captchaInput input:focus
                                        {
	border-color: #000;
}

.basicForm div.input label, 
.basicForm div.textarea label, 
.basicForm div.select label, 
.basicForm div.file label
                                        {
	display: block;
	float: left;
	width: 180px;
	padding-top: 4px;
	margin-right: 10px;
	text-align: right;
	vertical-align: middle;
}
.basicForm div.textarea label, 
.basicForm textarea                     { vertical-align: top; }

.basicForm .checkbox input
                                        {
	width: auto;
	border: none;
	background: inherit;
	font-size: inherit;
}
.basicForm .calendar
                                        {
	vertical-align: middle;
	position: relative;
	top: 2px;
}

.basicForm .input input.checkbox,
.basicForm .checkbox input
                                        {
	display: inline;
	width: auto;
	height: auto;
	background: transparent;
	border: none;
	vertical-align: middle;
}

.basicForm .select select option
                                        {
	padding-right: 10px;
	margin-bottom: 2px;
}

.basicForm div.checkbox
                                        {
	padding: 0 0 0 180px;
	clear: both;
}

.basicForm .captchaWrapper
                                        {
	clear: both;
	margin: 10px 0 0 190px;
}
#mainContent .basicForm .captchaImageWrapper img
                                        {
	display: block;
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	border: none;
}

.basicForm .submit                      { padding: 10px 0 10px 190px; }
.basicForm .submit input
                                        {
	width: 80px;
	height: 23px;
	border: none;
	font: normal 10px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #000;
	line-height: normal;
}

.errorMessage
                                        {
	color: #cc0000;
	font-size: 10px;
}

.captchaInput
                                        {
	margin-top: 10px;
	margin-bottom: 20px;
}
.captchaInput label
                                        {
	display: block;
	margin-bottom: 3px;
}
.captchaInput input                     { display: block; }

.terms
                                        {
	margin: 0 0 15px 190px;
	clear: both;
}
.terms input
                                        {
	display: block;
	float: left;
	width: auto;
	margin-right: 10px;
}
.terms label
                                        {
	display: block;
	float: left;
	width: 300px;
}
.notice      
                           { margin: 10px 0 10px 190px; }
.basicForm .textarea textarea
                                        {
	width: 230px;
	height: 100px;
}
.error
                                        {
	margin: 10px 0 10px 190px;
	color: #cc0000;
}

.basicForm .radioTitle
                                        {
	display: inline;
	float: left;
	width: 180px;
	margin: 0 10px 0 0;
	text-align: right;
}
.basicForm .radioButtons label          { margin: 0 10px 0 0; }
.basicForm .checkboxTitle
                                        {
	display: inline;
	float: left;
	width: 180px;
	margin: 0 10px 0 0;
	text-align: right;
}
.basicForm .radioButtons input          { vertical-align: middle; }
.basicForm .radioButtons input.input
                                        {
	font: normal 11px Arial, Helvetica, sans-serif;
	background: #fff;
	border: 1px solid #666;
	padding: 3px;
	vertical-align: middle;
	margin-left: 5px;
	margin-right: 5px;
}
.checkboxWrapper
                                        {
	clear: both;
	margin: 10px 0;
}
.checkboxWrapper input                  { vertical-align: middle; }
.basicForm .checkboxButtons label       { margin: 0 10px 0 0; }
.basicForm .multipleSelect
                                        {
	clear: both;
	padding: 15px 0 0 0;
}
.basicForm .multipleSelectTitle
                                        {
	display: inline;
	float: left;
	width: 180px;
	margin: 0 10px 0 0;
	text-align: right;
}
.basicForm .multipleSelect select
                                        {
	margin: 0 10px 0 0;
	width: 80px;
}


h1                                                                             { font-size: 16pt; font-weight: normal; margin-top: 20px; margin-bottom: 25px; }
h2                                                                             { font-size: 12pt; font-weight: bold; margin: 20px 0 20px 0; }
h3                                                                             { font-size: 10pt; font-weight: bold; margin: 20px 0 15px 0; }
h4,
h5,
h6                                                                             { font-size: 10pt; font-weight: bold; margin: 15px 0 10px 0; }
p, ul, ol                                                                      { margin: 10px 0; }
ul, ol                                                                         { padding-left: 10px; }
ul li                                                                          { list-style: outside circle; margin-left: 20px; margin-right: 20px; }
ol li                                                                          { list-style: outside decimal; margin-left: 35px; margin-right: 20px; }
img                                                                            { margin: 0 5px; }

table                                                                          { margin: 10px 5px; border-collapse: collapse; }
th, td                                                                         { padding: 5px; border: 1px solid #ccc; }

.blank                                                                         { margin: 10px 0; }
.blank th, .blank td                                                           { border: none; padding: 0; }

table p, table ul, 
table ol, table table                                                          { margin: 0; }

caption                                                                        { margin: 10px 0 0 0; }