/***************************************************
    CONTENT CSS file for ADIVA Ljekarne
    Author: WEB Marketing (www.wem.hr)
    Media: Screen    
***************************************************/

/*
	CONTENT Basics
==================================================*/
#mainContainer 		{ line-height: 1.4em; font-size: 1.1em; }
#mainContainer,
#additionalContent 	{ height: 100%; overflow: hidden; }

/*
   Typ. - Basic
==================================================*/
#mainContainer p,
#mainContainer ul,
#mainContainer ol,
#mainContainer table { margin: 5px 0 10px 0; }

/*
   Typ. - Headings
==================================================*/
#heading 		{ color: #96C572; font: bold 22px Arial, Helvetica, sans-serif; margin: 0; line-height: 30px; }
h1 			{ color: #6db33f; font: bold 22px Arial, Helvetica, sans-serif; line-height: 30px; margin: 0; }
#mainContainer h2 	{ font-size: 1.4em; font-weight: bold; color: #6db33f; margin: 25px 0 5px 0; }
#mainContainer h3 	{ font-size: 1.2em; font-weight: bold; margin: 25px 0 5px 0; color: #6db33f; }
#mainContainer h4,
#mainContainer h5,
#mainContainer h6 	{ font-size: 1em; font-weight: bold; margin: 20px 0 10px 0; color: #6db33f; }

/*
   Typ. - List items
==================================================*/
#mainContainer ul li { padding-left: 15px; margin-left: 5px; background: transparent url(../images/layout/list.gif) no-repeat 0 4px; }
#mainContainer ol li { list-style: outside decimal; margin-left: 35px; }

/*
   Typ. - Tables
==================================================*/
#mainContainer table p,
#mainContainer table ul,
#mainContainer table ol,
#mainContainer table table 	{ margin: 0; }
#mainContainer table 		{ margin: 10px 5px; border-collapse: collapse; }
#mainContainer th,
#mainContainer td 		{ padding: 5px; text-align: left; border: 1px solid #96C572; background: #f9f9f9; }
#mainContainer th 		{ font-weight: bold; }
#mainContainer .blank 		{ border: none; padding: 0; margin: 10px 0; }
#mainContainer .blank th,
#mainContainer .blank td 	{ background: none; font-weight: normal; border: none; }
caption 			{ margin: 10px 0 0 0; padding: 0; font-size: .9em; }

/*
   Typ. - Links & Images
==================================================*/
#mainContainer a 	{ color: #6db33f; text-decoration: underline; }
#mainContainer a:hover 	{ color: #885fa0; text-decoration: none; }
#mainContainer a.pdf 	{ background: transparent url(../images/layout/pdf.gif) no-repeat 0 0; padding-left: 15px; }
#mainContent img,
#additionalContent img 	{ margin: 0; padding: 0; border: none; }

/*
   LOKATOR - Home
==================================================*/
#locator 			{ height: 100%; overflow: hidden; margin: 20px 0 20px 0; }
#locatorSearchForm fieldset 	{ border: none; }
#locatorSearchForm .select 	{ height: 30px; overflow: hidden; margin-bottom: 25px; background: transparent url(../images/layout/select.gif) no-repeat right 2px; }
#locatorSearchForm label 	{ display: inline; float: left; width: 90px; padding-top: 8px; }
#locatorSearchForm .select select 	{ display: inline; float: right; width: 355px; margin: 7px 10px 0 0; font: normal 11px Arial, Helvetica, sans-serif; color: #525252; border: none; line-height: 1em; }
#locatorSearchForm .submit 		{ padding-left: 95px; margin-bottom: 20px; }
#locatorSearchForm .submit input 	{ display: block; width: 167px; height: 35px; border: none; font: bold 11px Arial, Helvetica, sans-serif; color: #fff; background: transparent url(../images/layout/locator-submit.gif) no-repeat 0 0; }

/*
   LOKATOR - Results
==================================================*/
.locResult 			{ margin-bottom: 15px; }
#mainContainer #locator h2 	{ font-size: 1.1em; color: #525252; margin-bottom: 15px; }
#mainContainer #locator h3 	{ font-size: 1em; margin: 0 0 2px 0; }

#waitSmall { margin: 7px 0 -2px 0; }

/*
   LOKATOR - Details
==================================================*/
#locInfo 	{ display: inline; font-size: 1.1em; }
#locMap 	{ display: inline; float: right; width: 220px; margin: 0 0 20px 20px; }
#locMap iframe 	{ margin-bottom: 5px; }
#locMap small 	{ font-size: 1em; }
#locMap a 	{ color: #525252; }
#mainContainer #locator .paginator ul { margin-left: 20px; }

#mainContainer .quickSearchItems  { margin: 0 0 5px 0; padding: 0; border: none; font-size: 11px; }
#mainContainer .quickSearchItems th,
#mainContainer .quickSearchItems td    { width: 50%; padding: 0 20px 0 0; border: none; background: #fff; }

/*
   NEWS (list)
==================================================*/
#news 				{ height: 100%; overflow: hidden; margin: 35px 0 0 0; }
.newsWrapper 			{ height: 100%; overflow: hidden; font-size: 1.1em; margin: 0 0 15px 0; }
.newsWrapper .image 		{ display: inline; float: left; width: 96px; height: 96px; overflow: hidden; margin-right: 30px; }
.newsWrapper .image img 	{ width: 96px; }
.newsWrapper .content 		{ display: inline; float: left; font-weight: bold; }
#mainContainer .newsWrapper h3 	{ margin: 28px 0 2px 0; color: #525252; }
h2 span.date 			{ color: #525252; }
.newsWrapper .content div 	{ font-weight: normal; font-size: .9em; }

/*
   NEWS (display)
==================================================*/
#mainContainer .newsIntro { font-weight:bold; padding: 10px 0 15px 0; }
/*
   Paginator
==================================================*/
#mainContainer .paginator ul 	{ width: 470px; height: 25px; line-height: 25px; overflow: hidden; margin: 30px 0 0 40px; text-align: center; position: relative; }
#mainContainer .paginator li 	{ display: block; float: left; background: none; padding: 0; margin: 0; }
#mainContainer .paginator a 	{ color: #525252; text-decoration: none; display: block; width: 25px; height: 25px; padding: 0; margin: 0 2px; text-align: center; background: transparent url(../images/layout/paginator.gif) no-repeat center center; font-size: 13px; }
#mainContainer .paginator a:hover 	{ color: #96C572; text-decoration: underline; }
#mainContainer .paginator a.on,
#mainContainer .paginator a.on:hover 	{ color: #fff; text-decoration: none; background: transparent url(../images/layout/paginator-on.gif) no-repeat center center; }
#mainContainer .paginator .firstPage,
#mainContainer .paginator .lastPage,
#mainContainer .paginator .prevPage,
#mainContainer .paginator .nextPage 	{ width: 20px; height: 20px; }
.firstPage a,
.lastPage a,
.prevPage a,
.nextPage a 				{ text-indent: -9999px; }

#mainContainer .paginator ul .prevPage 			{ margin-right: 10px; }
#mainContainer .paginator ul .firstPage a,
#mainContainer .paginator ul .firstPage a:hover 	{ background: #fff url(../images/layout/first.gif) no-repeat center center; }
#mainContainer .paginator ul .firstPage a.off,
#mainContainer .paginator ul .firstPage a.off:hover 	{ background: #fff url(../images/layout/first-off.gif) no-repeat center center; }
#mainContainer .paginator ul .prevPage a,
#mainContainer .paginator ul .prevPage a:hover 		{ background: #fff url(../images/layout/prev.gif) no-repeat center center; }
#mainContainer .paginator ul .prevPage a.off,
#mainContainer .paginator ul .prevPage a.off:hover 	{ background: #fff url(../images/layout/prev-off.gif) no-repeat center center; }
#mainContainer .paginator ul .nextPage a,
#mainContainer .paginator ul .nextPage a:hover 		{ background: #fff url(../images/layout/next.gif) no-repeat center center; }
#mainContainer .paginator ul .nextPage a.off,
#mainContainer .paginator ul .nextPage a.off:hover 	{ background: #fff url(../images/layout/next-off.gif) no-repeat center center; }
#mainContainer .paginator ul .lastPage a,
#mainContainer .paginator ul .lastPage a:hover 		{ background: #fff url(../images/layout/last.gif) no-repeat center center; }
#mainContainer .paginator ul .lastPage a.off,
#mainContainer .paginator ul .lastPage a.off:hover 	{ background: #fff url(../images/layout/last-off.gif) no-repeat center center; }

#mainContainer .newsPagePaginator 			{ text-align:center; margin-top:10px; }
#mainContainer .newsPagePaginator ul 			{ width: 100px; margin: 0 auto; text-align:left; }
#mainContainer .newsPagePaginator li 			{ background: none; }
#mainContainer .newsPagePaginator #liBack a 		{ text-decoration: underline; }
#mainContainer .newsPagePaginator #liBack a:hover 	{ text-decoration: none; }

#StoreNav, #NewsNav								{ display:block; clear:both; text-align:center; }
#NewsNav										{ margin-top:20px; }

/*
   myForm
==================================================*/
#myForm 		{ margin: 15px 0 0 0; }
.basicForm { margin-bottom: 30px; height: 100%; overflow: hidden; }
.basicForm fieldset 	{ border: none; }

.basicForm label 	{ display: block; float: left; width: 150px; padding: 5px 0 0 0; }
.basicForm .textarea 	{ background: transparent url(../images/layout/textarea-l.gif) no-repeat 155px top; width: 400px; height: 92px; overflow: hidden; padding-bottom: 15px; position: relative; }
.basicForm .textarea textarea 	{ display: inline; float: right; border: none; font: normal 11px Arial, Helvetica, sans-serif; color: #525252; background: #fff; overflow: auto; width: 360px; height: 75px; margin: 6px 5px 0 0; }
.textarea .errorMessage { position: absolute; top: 89px; right: 70px; color: #cc0000; font-size: 10px; }

.basicForm .input .errorMessage,
.basicForm .select .errorMessage { position: absolute; top: 30px; right: 70px; color: #cc0000; font-size: 10px; }
p.errorMessage { color: #cc0000; margin: 0; padding: 0 0 0 155px; width: 250px; text-align: center; font-size: 11px; }

.basicForm .input 	{ width: 470px; height: 48px; background: transparent url(../images/layout/input-l.gif) no-repeat 155px top; position: relative; }
.basicForm .input input { display: inline; border: none; font: normal 11px Arial, Helvetica, sans-serif; color: #525252; background: #fff; overflow: hidden; width: 240px; margin: 7px 0 0 10px; }

.basicForm .select,
.basicForm .multipleSelect { width: 470px; height: 48px; position: relative; }
.basicForm .select select { width: 237px; border: 1px solid #bfd491; padding: 3px; margin: 2px 0 0 -5px; }
.basicForm .multipleSelect select { width: 75px; border: 1px solid #bfd491; padding: 3px; margin: 2px 7px 0 -5px; display: inline; }
.basicForm .select label,
.basicForm .multipleSelect label { margin-right: 10px; }

.basicForm .checkbox { height: 25px; margin: 0 0 0 155px; }

.captchaWrapper 	{ height: 100%; overflow: hidden; padding: 10px 0 0 200px; position: relative; }
.captchaImageWrapper 	{ margin-top: 15px; margin-bottom: 15px; width: 162px; text-align: center; clear: both; }
.captchaImageWrapper img	{ display: block; margin-bottom: 5px; }
.captchaWrapper label 		{ display: block; padding: 0; float: left; width: 110px; margin-right: 5px; margin-left: 80px; font-size: 11px; }
.captchaWrapper input 	{ width: 60px; font: bold 11px Arial, Helvetica, sans-serif; color: #525252; border: none; padding: 0 2px; text-align: center; background: #fff; }
.captchaInput 		{ height: 100%; overflow: hidden; clear: both; width: auto; background: transparent url(../images/layout/captcha-input.gif) no-repeat 190px 5px; padding: 10px 5px 10px 0; margin-left: -100px; }
.captchaWrapper span 	{ color: #cc0000; font-size: 10px; display: block; position: relative; line-height: normal; clear: both; margin: 5px 0 0 155px; padding: 0; top: -30px; left: 100px; right: 0; bottom: 0; }
#ctl20_LabelWrongCaptcha { display: block; padding: 0 0 10px 155px; width: 250px; text-align: center; }

.formNote 		{ margin: 15px 0 15px 155px; text-align: center; width: 250px; clear: both; }

.submit 		{ margin: 0; width: 250px; padding: 15px 0 15px 155px; text-align: center;  }
.submit input 		{ width: 167px; height: 35px; border: none; font: bold 11px Arial, Helvetica, sans-serif; color: #fff; background: transparent url(../images/layout/submit.gif) no-repeat 0 0; }

#mainContainer .date { background: transparent url(../images/layout/input-date.gif) no-repeat 155px 0; height: 48px; width: 470px; height: 48px; position: relative; }
#mainContainer .date table { margin: 0; }
#mainContainer .date table th,
#mainContainer .date table td { padding: 0; border: none; background: none; }
#mainContainer .date input { margin: 3px 0 0 0; text-indent: 8px; background: none; }
#mainContainer .date .errorMessage { right: 195px; }

.basicForm .adress { width: 470px; height: 48px; position: relative; overflow: hidden; }
.basicForm .adress .input { background: transparent url(../images/layout/input-cityzip.gif) no-repeat 155px top; }
.basicForm .adress .input .city { width: 140px; margin-right: 5px; }
.basicForm .adress .input .zip { width: 80px; }

#ctl20_lnkLostPassword { margin-right: 10px; }


/*
   SORT
==================================================*/
#mainContainer #sort            { width: 470px; height: 62px; background: transparent url(../images/layout/sort-bg.gif) no-repeat 0 0; overflow: hidden; margin: 0 0 20px 0; padding: 0 5px; font-size: 11px; color: #fff; line-height: 12px; }
#mainContainer #loaderDiv       { margin: 0 0 -34px 0; }
#mainContainer .sortItemWrapper { display: inline; float: left; width: auto; margin: 9px 5px 0 5px; }
#mainContainer .sortItemTitle,
#mainContainer .sortItemNav     { display: inline; float: left; }
#mainContainer #sort ul,
#mainContainer #sort ul li      { margin: 0; padding: 0; display: inline; background: none; }
#mainContainer .sortSilazno a,
#mainContainer .sortUzlazno a   { display: block; width: 10px; height: 12px; text-indent: -9999px; margin-left: 5px; }
#mainContainer .sortSilazno a   { background: transparent url(../images/layout/silazno.gif) no-repeat center center; }
#mainContainer .sortUzlazno a   { background: transparent url(../images/layout/uzlazno.gif) no-repeat center center; margin-left: 0; }
#mainContainer .sortSilazno a.on { background: transparent url(../images/layout/silazno-on.gif) no-repeat center center; }
#mainContainer .sortUzlazno a.on { background: transparent url(../images/layout/uzlazno-on.gif) no-repeat center center; margin-left: 0; }
#mainContainer .sortItemNav      { margin-left: 0; }
#mainContainer .sortItemNav li   { float: left; }
#mainContainer #sort a           { color: #fff; text-decoration: none; font-weight: bold; cursor: pointer; }
#mainContainer #sort a:hover     { color: #c8dfb9; text-decoration: none; }
#mainContainer #sort a.on,
#mainContainer #sort a.on:hover  { color: #c8dfb9; }
.resultsPerPage                  { height: 100%; clear: both; padding: 15px 0 0 0; margin: 0 5px; color: #525254; }
#mainContainer #sort select      { width: 45px; vertical-align: middle; margin: 0 5px; font: normal 11px Arial, Helvetica, sans-serif; color: #525254; background: #fff; border: 1px solid #c8dfb9; }

/*
   SEARCH PARAMETERS
==================================================*/
#searchParameters                      { height: 100%; overflow: hidden; padding: 0; margin: 0 0 20px 0; }
#mainContainer #searchParameters h2    { margin-top: 0; }
#mainContainer #searchParameters p     { margin: 0; }
#mainContainer #searchParameters table { margin: 0 0 5px 0; padding: 0; border: none; font-size: 11px; }
#mainContainer #searchParameters th,
#mainContainer #searchParameters td    { width: 50%; padding: 0 20px 0 0; border: none; background: #fff; }
.highlight                             { color: #96C572; font-weight: bold; }

/*
   INTRANET CONTENT Typ.
==================================================*/

/*** secContainer ***/
#secContainer { line-height: 1.4em; }
#secContainer .box { height: 100%; overflow: hidden; margin-bottom: 20px; padding: 0 15px 12px 15px; background: #fff url(../images/layout/sec-content-box.gif) no-repeat left bottom; }
#secContainer .heading { width: 125px; overflow: hidden; background: #6db33f url(../images/layout/sec-content-heading.gif) no-repeat 0 0; margin: 0 -15px 5px -15px; padding: 8px 15px; color: #fff; }
#secContainer .heading h2,#secContainer .heading h3,
#secContainer .heading h4,#secContainer .heading h5,
#secContainer .heading h6 { font-size: 1.3em; font-weight: bold; }

#secContainer p,
#secContainer ul,
#secContainer ol,
#secContainer table { margin: 5px 0 10px 0; }

#secContainer ul li { padding-left: 15px; margin-left: 5px; background: transparent url(../images/layout/list.gif) no-repeat 0 4px; }
#secContainer ol li { list-style: outside decimal; margin-left: 35px; }

#secContainer a 	{ color: #6db33f; text-decoration: underline; }
#secContainer a:hover 	{ color: #885fa0; text-decoration: none; }
#secContainer a.pdf 	{ background: transparent url(../images/layout/pdf.gif) no-repeat 0 0; padding-left: 15px; }

/*** subContent ***/
#subContent { line-height: 1.4em; }
#subContent .box { width: 175px; height: 100%; overflow: hidden; margin-bottom: 20px; padding: 0 15px 12px 15px; background: #fff url(../images/layout/sub-content-box.gif) no-repeat left bottom; }
#subContent .heading { background: #6db33f url(../images/layout/sub-content-heading.gif) no-repeat 0 0; margin: 0 -15px 5px -15px; padding: 8px 15px; color: #fff; }
#subContent .heading h2,#secContainer .heading h3,
#subContent .heading h4,#secContainer .heading h5,
#subContent .heading h6 { font-size: 1.3em; font-weight: bold; }

#subContent p,
#subContent ul,
#subContent ol,
#subContent table { margin: 5px 0 10px 0; }

#subContent ul li { padding-left: 15px; margin-left: 5px; background: transparent url(../images/layout/list.gif) no-repeat 0 4px; }
#subContent ol li { list-style: outside decimal; margin-left: 35px; }

#subContent a 	{ color: #6db33f; text-decoration: underline; }
#subContent a:hover 	{ color: #885fa0; text-decoration: none; }
#subContent a.pdf 	{ background: transparent url(../images/layout/pdf.gif) no-repeat 0 0; padding-left: 15px; }

/*
   FAQ
==================================================*/
.question, .answer { padding-left: 20px; height: 100%; overflow: hidden; }
.question .title,
.answer .title { display: block; margin: 0 0 5px -20px; font-weight: bold; color: #6db33f; font-size: 13px; }
.question { margin-bottom: 10px; color: #000;  font-size: 1.1em; line-height: 1.4em; }
#mainContent .question h3 { margin: 0; font-size: 1em; color: #000; margin-bottom: 3px; }
.answer { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #aec500; }

.questionFrom { color: #6db33f; font-size: .9em; }

#mainContainer #questionFormLink,
#mainContent #questionFormLink { display: block; float: right; width: 167px; height: 25px; text-align: center; padding: 9px 0 0 0; border: none; font: bold 13px Arial, Helvetica, sans-serif; color: #fff; background: transparent url(../images/layout/submit.gif) no-repeat 0 0; text-decoration: none; margin: 0 0 10px 0; }
#mainContainer #questionFormLink:hover,
#mainContent #questionFormLink:hover { color: #fff; text-decoration: underline; }

#questionFormHolder { height: 100%; overflow: hidden; clear: both; }
#introText { margin: 0 0 20px 0; height: 100%; overflow: hidden; clear: both; }

#questionFormHolder label { display: block; height: 20px; }
#questionFormHolder .errorMessage { position: relative; margin: 0; padding: 0; top: 5px; display: block; text-align: right; }

#questionFormHolder #question .input { height: 60px; background: transparent url(../images/layout/inputqli.gif) no-repeat 0 20px; }
#questionFormHolder #question .input input { border: none; font: normal 11px Arial, Helvetica, sans-serif; color: #525252; background: #fff; overflow: hidden; width: 450px; margin: 7px 5px 0 5px; }

#questionFormHolder .textarea { height: 185px; background: transparent url(../images/layout/textareaqi.gif) no-repeat 0 20px; }
#questionFormHolder .textarea textarea { border: none; font: normal 11px Arial, Helvetica, sans-serif; color: #525252; background: #fff; overflow: auto; width: 450px; height: 155px; margin: 6px 5px 0 5px; }

#questionFormHolder .submit 		{ margin: 20px 0; }
#questionFormHolder .submit input 		{ display: inline; width: 90px; height: 35px; border: none; font: bold 11px Arial, Helvetica, sans-serif; color: #fff; background: transparent url(../images/layout/submitq.gif) no-repeat 0 0; }

#questionFormHolder .captchaWrapper 	{ padding: 0; position: relative; }
#questionFormHolder .captchaImageWrapper 	{ width: 162px; text-align: center; clear: both; margin: 0 auto 10px auto; }
#questionFormHolder .captchaImageWrapper img	{ display: block; margin-bottom: 0px; }
#questionFormHolder .captchaWrapper label 		{ font-size: 11px; display: block; float: left; clear: both; margin: 0 5px 0 0; padding: 0; width: 110px; }
#questionFormHolder .captchaWrapper input 	{ width: 67px; font: bold 11px Arial, Helvetica, sans-serif; color: #525252; border: none; padding: 2px; text-align: center; background: #fff; }
#questionFormHolder .captchaInput 		{ height: 100%; overflow: hidden; clear: both; width: auto; background: transparent url(../images/layout/captcha-input.gif) no-repeat 110px 5px; padding: 10px 5px 10px 0; margin-left: 0; }
#questionFormHolder .captchaWrapper span 	{ color: #cc0000; font-size: 9px; display: block; position: relative; line-height: normal; clear: both; margin: 5px 0 0 0; padding: 0; top: 5px; left: 0; right: 0; bottom: 0; text-align: right; }
.faq .formNote { margin: 10px 0; }


#mainContainer .faq .paginator ul 	{ height: 55px; line-height: 25px; overflow: hidden; margin: 0 0 30px 0; padding: 0 0 0 40px; text-align: center; position: relative; border-bottom: 1px solid #aec500; width: 430px; }

/*
   userInfo
==================================================*/
#userInfo { height: 30px; padding: 5px; font-size: 12px; text-align: right; padding-right: 50px; }
#userInfo a { color: #525252; text-decoration: underline; }
#userInfo a.on,
#userInfo a:hover { color: #6db33f; text-decoration: none; }

/*** NEWS / HOME ***/
#mainContainer .newsWrapper h3 { margin-top: 0; }


/*** GALLERY LIST ***/
.galleryListHolder { height: 100%; overflow: hidden; margin-bottom: -20px; width: 500px; }
.galleryListItem { display: inline; float: left; width: 200px; margin: 0 50px 30px 0; }
#mainContainer .galleryListItem li { padding: 0; background: none; margin: 0 0 0 15px; }
#mainContainer .galleryListItem img { margin: 0 0 5px 0; display: block; }
#mainContainer .galleryTitle a { text-decoration: none; font-weight: bold; font-size: 16px; }

/*** GALLERY - MAIN ***/
#galleryImagesWrapper           { width: 500px; height: 100%; overflow: hidden; margin-bottom: -30px; }
.galleryImage                   { display: inline; float: left; width: 200px; height: 100%; overflow: hidden; margin: 0 50px 30px 0; }
#mainContent .galleryImage img  { display: block; margin: 0 0 5px 0; padding: 0; clear: both; }
#mainContent .zoom              { display: inline; float: right; font-size: 10px; padding: 0 20px 0 0; background: transparent url(../images/layout/zoom.gif) no-repeat right center; }