/*-----------------------------------------------------
   mainContent & Typ.
------------------------------------------------------ */
#mainContent h1                                        { font-size: 15px; font-weight: bold; margin-bottom: 20px; color: #e30613; line-height: normal; }
#mainContent h2                                        { font-size: 15px; font-weight: bold; color: #e30613; margin: 20px 0 10px 0; }
#mainContent h3,
#mainContent h4,
#mainContent h5, 
#mainContent h6                                        { font-size: 12px; font-weight: bold; margin: 10px 0; color: #e30613; }
	
#mainContent p, #mainContent ul, 
#mainContent ol, #mainContent table                    { margin: 5px 0 10px 0; }

#mainContent ul li                                     {
	background: transparent url(../images/layout/bullet.gif) no-repeat 0 5px;
	overflow: hidden;
	height: 1%;
	padding: 0 0 0 20px;
	margin: 4px 0;
}
	
#mainContent ol li                                     { list-style: outside decimal; margin-left: 30px; }

#mainContent table                                     { border: none; margin-left: auto; margin-right: auto; }
caption                                                { font-size: 90%; }
th                                                     {
	padding: 6px 10px 4px 10px;
	color: #fff;
	font-weight: normal;
	border: none;
}
td                                                     { padding: 4px; border: none; }

#mainContent a                                         { color: #70706f; text-decoration: underline; }
#mainContent a:hover                                   { color: #e30613; text-decoration: none; }

#mainContent img,
#secContent img                                        { display: inline; margin: 0 15px; }

/*-----------------------------------------------------
   mainContent & Typ. // Spec.
------------------------------------------------------ */
#mainContent                                           {
	display: inline;
	float: left;
	width: 530px;
	height: 100%;
	overflow: hidden;
	padding: 0 0 40px 0;
}

#mainContent h1                                        { font-size: 27px; font-weight: normal; margin-bottom: 10px; }
.hotandcold #mainContent h1                            { background: transparent url(../images/layout/hot-and-cold-h1-bg.jpg) no-repeat 160px 10px; padding: 145px 0 15px 0; }
.canandbottle #mainContent h1                          { background: transparent url(../images/layout/can-and-bottle-h1-bg.jpg) no-repeat 200px 40px; padding: 145px 0 15px 0; }
.snackandfood #mainContent h1                          { background: transparent url(../images/layout/snack-and-food-h1-bg.jpg) no-repeat 160px 10px; padding: 145px 0 15px 0; }
.horeca #mainContent h1                                { background: transparent url(../images/layout/horeca-h1-bg.jpg) no-repeat 160px 35px; padding: 145px 0 15px 0; }

/*-----------------------------------------------------
   secContent & Typ.
------------------------------------------------------ */
#secContent                                            {
	display: inline;
	float: left;
	width: 270px;
	padding: 20px 0 0 2px;
	margin-left: 54px;
	font-size: 10px;
}

#secContent h2                                         { font-size: 12px; font-weight: bold; color: #e30613; margin: 10px 0; }
#secContent h3,
#secContent h4,
#secContent h5, 
#secContent h6                                         { font-size: 12px; font-weight: bold; margin: 10px 0; color: #e30613; }
	
#secContent p, #secContent ul, 
#secContent ol, #secContent table                      { margin: 5px 0 10px 0; }

#secContent ul                                         { height: 100%; overflow: hidden; }
#secContent ul li                                      {
	float: left;
	width: 120px;
	text-align: center;
	margin: 0 5px 15px 0;
	overflow: hidden;
}
#secContent ul li a                                    { display: block; text-align: center; }
#secContent li img                                     { display: inline; margin: 0 0 1px 0; }

#secContent img                                        { display: inline; margin: 0; }

#secContent ol li                                      { list-style: outside decimal; margin-left: 15px; }

#secContent a                                          { color: #e30613; text-decoration: none; }
#secContent a:hover                                    { color: #e30613; text-decoration: underline; }

/*-----------------------------------------------------
   listBox (HOMEPAGE Spec.)
------------------------------------------------------ */
#mainContent #listBox                                  {
	margin: 0 0 0 -28px;
	width: 640px;
	height: 100%;
	overflow: hidden;
	font-size: .9em;
	line-height: 1.1em;
	background: transparent url(../images/layout/listbox-bg.gif) no-repeat 0 30px;
}
#mainContent #listBox li                               {
	margin: 0;
	padding: 0;
	background: none;
	float: left;
}
#mainContent #listBox a                                {
	display: block;
	margin: 0;
	padding: 30px 10px 10px 75px;
	float: left;
	width: 65px;
	text-decoration: none;
	height: 1%;
}
#mainContent #listBox a span                           { color: #e30613; display: block; margin-bottom: 5px; }
#mainContent #listBox a:hover                          { color: #70706f; text-decoration: none; }
#mainContent #listBox a:hover span                     { color: #e30613; text-decoration: none; }

#mainContent #listBox #supportList a                   { background: transparent url(../images/layout/lavazza-point.jpg) no-repeat 20px 20px; padding: 40px 10px 20px 75px; text-align: right; }
#mainContent #listBox #qualityList a                   { background: transparent url(../images/layout/tehnicka-podrska.jpg) no-repeat 6px 30px; padding: 40px 0px 10px 85px; }
#mainContent #listBox #coffetogoList a                 { padding-left: 95px; background: transparent url(../images/layout/coffee2go.jpg) no-repeat 15px 35px; }
#mainContent #listBox #mykeyList a                     { padding-left: 95px; background: transparent url(../images/layout/my-key.jpg) no-repeat 10px 35px; }

/*--------------------------------------
   FORM Typ.
--------------------------------------- */
.basicForm fieldset
                                        {
	border: none;
}
.basicForm legend
                                        {
	display: none;
}

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

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

.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
                                        {
	background: #f9f9f9;
	border-color: #e30613;
}

.basicForm div.input label, 
.basicForm div.textarea label, 
.basicForm div.select label, 
.basicForm div.file label
                                        {
	display: block;
	float: left;
	width: 100px;
	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;
	overflow: hidden;
	height: 100%;
}

.basicForm .captchaWrapper
                                        {
	overflow: hidden;
	height: 100%;
	margin: 10px 0 0 110px;
}
#mainContent .basicForm .captchaImageWrapper img
                                        {
	display: block;
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	border: none;
}

.basicForm .submit                      { padding: 10px 0 10px 110px; }
.basicForm .submit input
                                        {
	background: #e30613;
	width: 80px;
	height: 23px;
	border: none;
	font: normal 10px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #fff;
	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;
	height: 100%;
	overflow: hidden;
}
.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
                                        {
	height: 100%;
	overflow: hidden;
	margin: 10px 0;
}
.checkboxWrapper input                  { vertical-align: middle; }
.basicForm .checkboxButtons label       { margin: 0 10px 0 0; }
.basicForm .multipleSelect
                                        {
	overflow: hidden;
	height: 100%;
	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;
}