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

/*
   BASIC
==================================================*/
*     {margin: 0; padding: 0; list-style: none;}
body  {font: normal 9pt Arial, Helvetica, sans-serif; line-height: 1.4em; color: #000; background: #fff;}
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
==================================================*/
#pathNav,#logo,#banner,#mainNav,#secContainer,#footer,.paginator,#options, #questionFormholder, #questionFormLink {display: none;}
#banner {visibility: hidden; position: absolute; width: 0; height: 0; z-index: -1; top: -9999px; left: -9999px;}
/*
   LAYOUT & Typ.
==================================================*/
#printLogo {margin-bottom: 40px;}
#image     {margin-bottom: 20px;}

.home #mainContent {clear: both; margin-bottom: 20px; display: table; width: 100%;}
#printContacts     {clear: both; margin-top: 20px; padding-top: 10px; border-top: 1px solid #6db33f; font-size: 8pt; text-align: center;}

h1       {font-size: 16pt; font-weight: normal; margin-top: 20px; margin-bottom: 25px;}
h2       {font-size: 10pt; font-weight: bold; margin: 20px 0 20px 0;}
h3       {font-size: 9pt; 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;}
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;}

#mainContainer #homeNews ul li { padding: 0; background: none; font-weight: bold; font-size: 13px; margin: 3px 0; }
#mainContainer #homeNews ul a { text-decoration: none; }

/*
   LOKATOR - Home
==================================================*/
#locatorSearchForm fieldset {border: none;}
#locatorSearchForm .select  {margin-bottom: 25px; clear: both;}
#locatorSearchForm label    {display: inline; float: left; width: 90px; margin-right: 10px;}
#locatorSearchForm .select select {width: 350px;}
#locatorSearchForm .submit        {padding-left: 95px; margin-bottom: 20px;}
#locatorSearchForm .submit input  {display: block; width: 100px; height: 20px; border: none; font: bold 11px Arial, Helvetica, sans-serif;}

.quickSearchItems { border: none; }
.quickSearchItems th,
.quickSearchItems td  { border: none; padding: 5px; font-size: 11px; }

/*
   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;}

#mainContainer #sort, #searchLinks { display: none; }

#mainContainer #searchParameters { margin-bottom: 30px; }
#mainContainer #searchParameters h2    { margin-top: 0; display: block; }
#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; }

#searchParameters .paginator { display: block; }

/*
   LOKATOR - Details
==================================================*/
#locInfo       {/*display: inline; float: left; width: 230px; font-size: 1.1em; margin-right: 20px;*/ margin-bottom: 20px; }
#locMap        {display: inline; float: right; width: 220px; margin-right: 150px; margin-bottom: 20px; }
#locMap iframe {margin-bottom: 5px;}
#locMap small  {font-size: 1em;}
#locMap a      {color: #525252;}
#StoreNav {display:none;}

/*
   NEWS (list)
==================================================*/
.newsWrapper             {/*height: 100px; overflow: hidden;*/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; width: 320px;*/font-weight: bold;}
#mainContainer .newsWrapper h3 {margin: 0;color: #525252; font-size: 130%;}
h2 span.date                   {color: #525252;}

/*
   myForm
==================================================*/
.basicForm fieldset {border: none;}
.basicForm label    {display: block; float: left; width: 90px; padding: 5px 0 0 0; margin-right: 10px;}

.basicForm .textarea          {clear: both; margin-bottom: 15px; width: 470px; height: 150px; position: relative;}
.basicForm .textarea textarea {display: inline; float: left; font: normal 11px Arial, Helvetica, sans-serif; color: #525252; overflow: hidden; width: 340px; height: 75px;}
.textarea .errorMessage       {position: absolute; top: 20px; left: 0; color: #cc0000; font-size: 10px;}

.input .errorMessage {position: absolute; top: 30px; right: 0; color: #cc0000; font-size: 10px;}

.basicForm .input       {width: 450px; height: 48px; position: relative; clear: both; margin-bottom: 15px;}
.basicForm .input input {display: inline; float: left; font: normal 11px Arial, Helvetica, sans-serif; color: #525252; overflow: hidden; width: 340px; height: 12px;}

.captchaWrapper          {clear: both; padding: 10px 0 0 100px;}
.captchaImageWrapper     {margin-top: 15px; margin-bottom: 15px;}
.captchaImageWrapper img {display: block; margin-bottom: 5px;}
.captchaWrapper label    {display: inline; float: none; padding: 0;}
.captchaWrapper input    {width: 70px; font: bold 11px Arial, Helvetica, sans-serif; color: #525252; border-bottom: 1px solid #96C572; padding: 1px 2px; text-align: center;}
.captchaWrapper .errorMessage {color: #cc0000; font-size: 10px; display: block;}

.submit       {margin: 35px 0;}
.submit input {display: block; width: 167px; height: 35px; border: none; font: bold 11px Arial, Helvetica, sans-serif;}

/*
   TOOLS
==================================================*/
.slider, .pointer, .backLink, .tools_results, 
.button, .lightbox_mini { display: none; }
fieldset { border: none; }
.tools_content ul li { list-style: none; margin: 0; padding: 0; }

.tools_input .input { height: 20px; margin: 10px 0 0 0; }
.tools_input .input label { display: block; float: left; width: 150px; }
.tools_input .input input { display: block; float: left; width: 90px; font: normal 13px Verdana, Geneva, sans-serif; border: 1px solid #ccc; margin: 0 5px 0 0; }
.activityKcal { margin-left: 250px; }
.activityRow input { width: 30px; }

.water_scale { height: 50px; }
.tools_content .water_scale li { display: block; float: left; margin-right: 5px; }

/*
   FAQ
==================================================*/
.question, .answer { padding-left: 20px; }
.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: 20px; padding-bottom: 20px; border-bottom: 1px solid #aec500; }
#introText { height: 100%; overflow: hidden; margin: 30px 0 20px 0; }

#questionFormHolder { display: none; }

#homeFaq { font-size: 12px; line-height: normal; }
#homeFaq h3 { color: #525254; margin: 0; font-size: 14px; }
#homeFaq .question { padding: 0; margin: 0 0 15px 0; }
#homeFaq .question span.title { display: none; }