/* +++++++++++++++++++ IMPORTS ++++++++++++++++++++++ */
@import url("navigation.css");
@import url("thickbox.css");

/* +++++++++++++++++++ HTML ELEMENTS ++++++++++++++++++++++ */
* {
		margin: 0px;
		padding: 0px;
}
html {
		height: 100%;
}
body {
		font: 62.5% Arial, "Helvetica Neue", Helvetica, sans-serif;
		color: #000000;
		background-color: #FFF;
}
a {
		text-decoration: none;
}
a:link {
		color: #005399;
}
a:visited {
		color: #343434;
}
a:hover {
		color: #F47521;
}
a:active {
		color: #F47521;
}
/* +++++++++++++++++++  LAYOUT  ++++++++++++++++++++++ */
div#wrapper {
		width: 978px;
		margin-right: auto;
		margin-left: auto;
		padding-bottom: 30px;
		position: relative;
}
#col-01 {
		display: inline;
		width: 720px;
		float: left;
		margin-left: 10px;
		margin-bottom: 30px;
		font-size: 1.4em;
}
#col-02 {
		display: inline;
		width: 228px;
		float: left;
		margin-left: 10px;
		margin-bottom: 30px;
		font-size: 1.4em;
}
#footerWrapper {
		clear: both;
		width: 978px;
}
/* +++++++++++++++++++  HEADER  ++++++++++++++++++++++ */
h1#header {
		width: 978px;
		height: 101px;
		position: relative;
		background: url(../../layout/header.jpg) no-repeat;
}
h1#header a {
		display: block;
		text-indent: -999em;
		height: 89px;
		background: url(../../layout/tic-logo.jpg) no-repeat;
		width: 272px;
		left: 30px;
		top: 8px;
		position: absolute;
}
/* +++++++++++++++++++  LANGUAGE BAR  ++++++++++++++++++++++ */
.languageSelector {
		position: absolute;
		top: 10px;
		right: 5px;
}
.languageSelector ul {
		list-style: none;
		float: right;
		width: 63px;
}
.languageSelector li {
		float: left;
		padding-right: 5px;
		padding-bottom: 5px;
}
.languageSelector li a {
		width: 16px;
		height: 11px;
		display: block;
		text-indent: -999em;
}
.languageSelector li a.lang-EN {
		background: url(../../layout/flag-GB.gif) no-repeat;
}
.languageSelector li a.lang-DE {
		background: url(../../layout/flag-DE.gif) no-repeat;
}
.languageSelector li a.lang-IT {
		background: url(../../layout/flag-IT.gif) no-repeat;
}
.languageSelector li a.lang-HR {
		background: url(../../layout/flag-HR.gif) no-repeat;
}
.languageSelector li a.lang-RU {
		background: url(../../layout/flag-RU.gif) no-repeat;
}
.languageSelector li a.lang-SI {
		background: url(../../layout/flag-SI.gif) no-repeat;
}
.languageSelector li a.lang-HU {
		background: url(../../layout/flag-HU.gif) no-repeat;
}
.languageSelector li a.lang-CZ {
		background: url(../../layout/flag-CZ.gif) no-repeat;
}
.languageSelector li a.lang-ES {
		background: url(../../layout/flag-ES.gif) no-repeat;
}
/* +++++++++++++++++++  BLUE BOX  ++++++++++++++++++++++ */
div.blueBox {
		background-color: #E9F5FF;
		border: solid 1px #96CFFF;
		padding: 10px;
}
div.blueBox h2 {
		font-size: 1.29em;
		font-weight: normal;
		background: url(../../layout/dots.gif) repeat-x left bottom;
		padding-bottom: 10px;
		margin-bottom: 10px;
}
div.blueBox ul {
		list-style: none;
		clear: both;
}
#col-02 div.blueBox ul {
		font-size: 0.93em;
}
#col-02 div.blueBox li {
		margin-bottom: 5px;
}
#col-02 div.blueBox {
		color: #005399;
		margin-bottom: 15px;
}
.orange {
		color: #F47521;
}
.bolded {
		font-weight: bold;
}
/* +++++++++++++++++++ PRODUCT ++++++++++++++++++++++ */
.contentItem {
		padding: 10px;
		margin-bottom: 15px;
}
.contentItem .banners {
		width: 200px;
		float: left;
}
.contentItemDesc {
		width: 480px;
		float: left;
		margin-left: 20px;
}
.contentItem table {
		border-collapse: collapse;
		border: none;
		border-spacing: 0;
		color: #005399;
		width: 100%;
}
.contentItem table td {
		padding-top: 2px;
		padding-bottom: 2px;
}
.smallNote {
		font-size: 0.86em;
		display: block;
		margin-top: 3px;								
}
p.readMore {
		width: 150px;
		margin-right: auto;
		margin-left: auto;
		background: #005399;
		text-align: center;
		padding-top: 5px;
		padding-bottom: 5px;
		font-weight: bold;
}
p.readMore a {
		display: block;
}
p.readMore a:link {
		color: #FFF;
}
p.readMore a:visited {
		color: #FFF;
}
p.readMore a:hover {
		color: #F47521;
}
p.readMore a:active {
		color: #E6E3C2;
}
.contentTitle a:link, .contentTitle a:visited, .contentTitle a:hover, .contentTitle a:active {
		color: #F47521;
}
/* +++++++++++++++++++ BASKET TABLE, CUSTOMER INFO TABLE +++++++++++++++++++ */
table.basket, table.customerInfo {
		width: 480px;
		border: none;
		border-spacing: 0;
		border-collapse: collapse;
		margin-bottom: 20px;
}
table.basket th, table.basket td {
		border: 1px solid #FFF;
		vertical-align: middle;
}
table.customerInfo th, table.customerInfo td {
		border: 1px solid #FFF;
		vertical-align: top;
}
table.basket em, table.customerInfo em {
		color: #E50004;
		font-style: normal;
		font-weight: bold;
}
table.customerInfo th {
		width: 130px;
		text-align: right;
}
table.basket th, table.customerInfo th {
		background-color: #E9F5FF;
		padding: 5px;
		white-space: nowrap;
}
table.basket td, table.customerInfo td {
		background-color: #EFEFEF;
		padding: 5px;
}
table.basket .ac {
		text-align: center;
}
table.basket .ar {
		text-align: right;
}
table.basket .vt {
		vertical-align: top;
}
/* +++++++++++++++++++ ATT. DOCUMENTS ++++++++++++++++++++++ */
.documents {
		margin-bottom: 10px;
		clear: both;
}
.documents h3 {
		margin-bottom: 10px;
		color: #F47521;
}
.documents ul {
		list-style: none;
		margin-left: 25px;
}
.documents ul li {
		padding-left: 23px;
		margin-bottom: 5px;
		padding-top: 3px;
		padding-bottom: 3px;
}
.documents ul li.word {
		background: url(../../layout/icon-word.png) no-repeat 0px 1px;
}
.documents ul li.pdf {
		background: url(../../layout/icon-pdf.png) no-repeat 0px 1px;
}
.documents ul li.excel {
		background: url(../../layout/icon-excel.png) no-repeat 0px 1px;
}
.documents ul li.archive {
		background: url(../../layout/icon-zipRar.png) no-repeat 0px 1px;
}
/* +++++++++++++++++++ PAGING AND EXTRA LINKS ++++++++++++++++++++++ */
.paging, .extraLinks {
		clear: both;
		background-color: #E5E5E5;
		margin-bottom: 5px;
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 0.86em;
}
.paging ol, .extraLinks ul {
		list-style: none;
		text-align: center;
}
.paging ol li, .extraLinks ul li {
		display: inline;
}
.paging ol li {
		font-weight: bold;
}
.paging li.altLink {
		padding-left: 10px;
		padding-right: 10px;
		font-weight: normal;
}
.paging img {
		margin-bottom: -0.25em;
}
.paging li {
		padding-left: 5px;
		padding-right: 5px;
}
.extraLinks li {
		padding-right: 20px;
		padding-left: 20px;
}
.extraLinks li.printIt {
		background: url(../../layout/icon-print.gif) no-repeat 0px 3px;
		padding-top: 3px;
		padding-bottom: 3px;
}
/* +++++++++++++++++++ BANNERS ++++++++++++++++++++++ */
.banners {
		text-align: center;
}
.banners span {
		display: block;
		margin-bottom: 10px;
}
.banners span img {
		border: none;
}
#col-02 .banners {
		background-color: #E5E5E5;
		padding-top: 10px;
		padding-bottom: 1px;
}
/* +++++++++++++++++++ FOOTER BANNERS ++++++++++++++++++++++ */
.footerBanners {
		clear: both;
		margin-bottom: 15px;
		text-align: center;
}
.footerBanners span {
		display: inline-block;
		margin: 0 5px 10px;
}
.footerBanners span img {
		border: none;
}
/* +++++++++++++++++++ RADIO SELECTION LIST ++++++++++++++++++++++ */
.selectionList {
		margin-bottom: 10px;
		margin-left: 20px;
}
.selectionList ul {
		list-style: none;
}
.selectionList ul li {
		line-height: 1.5;
		margin-bottom: 10px;
		padding-bottom: 5px;
}
.selectionList ul li em {
		font-style: normal;
		color: #E50004;
		font-weight: bold;
}
.selectionList ul li input {
		margin-right: 5px;
}
.selectionList ul li span {
		display: block;
		margin-left: 23px;
}
/* +++++++++++++++++++ MESSAGE BOX ++++++++++++++++++++++ */
.messageBox {
		margin-bottom: 10px;
}
.messageBox ul {
		list-style-type: none;
		background-color: #005399;
		color: #FFF;
		border: 1px solid #003561;
		padding: 10px;
}
.messageBox ul li {
		background: url(../../layout/bullet.png) no-repeat 0px 2px;
		padding-left: 20px;
		margin-bottom: 10px;
}
.messageBox ul li a {
		font-weight: bold;
		text-decoration: underline;
		color: #F47521;
}
/* +++++++++++++++++++ WYSIWYG ++++++++++++++++++++++ */
.wysiwyg {
		margin-bottom: 10px;
}
.wysiwyg ul, .wysiwyg ol {
		margin-left: 20px;
}
.wysiwyg p, .wysiwyg ul, .wysiwyg ol {
		line-height: 1.5;
		margin-bottom: 0.5em;
}
.wysiwyg li {
		position: relative;
		left: 20px;
		padding-right: 20px;
}
.wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 {
		font-weight: normal;
		margin-bottom: 0.5em;
		color: #F47521;
}
.wysiwyg h1 {
		font-size:1.29em;
}
.wysiwyg h2 {
		font-size:1.21em;
}
.wysiwyg h3 {
		font-size:1.14em;
}
.wysiwyg h4 {
		font-size:1.07em;
}
.wysiwyg h5, .wysiwyg h6 {
		font-size:1em;
}
/* +++++++++++++++++++  FOOTER  ++++++++++++++++++++++ */
#footerWrapper div.blueBox {
		clear: both;
		position: relative;
		font-size: 1.2em;
}
#footerWrapper div a.infoLabLogo {
		display: block;
		width: 115px;
		height: 36px;
		position: absolute;
		text-indent: -999em;
		background: url(../../layout/infoLab-logo.gif) no-repeat;
		top: 23px;
		right: 25px;
}
#footerWrapper #copyright {
		float: left;
		width: 750px;
		padding-left: 10px;
		margin-top: 5px;
		font-size: 1.1em;
}
#footerWrapper p#author {
		width: 37px;
		height: 35px;
		float: right;
		margin-right: 25px;
}
#footerWrapper p#author a {
		background: url(../../layout/webstudio-bee.png) no-repeat;
		display: block;
		width: 37px;
		height: 35px;
		text-indent: -999em;
}
/* +++++++++++++++++++    FORM ELEMENTS   ++++++++++++++++++++++ */
fieldset {
		border-style: none;
}
legend {
		display: none;
}
input, textarea, select {
		font: 12px Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.txtBox, .txtBoxSmall {
		background-color: #E9F5FF;
		border: solid 1px #96CFFF;
		padding: 3px 2px;
		text-align: right;
		color: #005399;
}
.w01 {
		width: 20px;
}
.w02 {
		width: 50px;
}
.txtArea {
		width: 200px;
		height: 120px;
		padding: 4px;
		background-color: #E9F5FF;
		border: solid 1px #96CFFF;
}
label.inputBtn {
		background-color: #F47521;
		border: solid 1px #E95D01;
		padding: 4px;
		cursor: pointer;
}
input.inputBtn {
		color: #FFF;
		font-size: 16px;
		background: none;
		border: none;
		cursor: pointer;
}
label.inputBtnCancel {
		background-color: #E5E5E5;
		border: 1px solid #C8C8C8;
		padding: 4px;
		cursor: pointer;
}
input.inputBtnCancel {
		color: #4E4E4E;
		font-size: 16px;
		background: none;
		border: none;
		cursor: pointer;
}
fieldset.contentForm .row .txtBox {
		width: 160px;
		text-align: left;
		padding: 4px;
}
fieldset.contentForm .row .txtBoxSmall {
		width: 60px;
		text-align: left;
		padding: 4px;
}
fieldset.contentForm {
		margin-bottom: 10px;
		clear: both;
}
fieldset.contentForm .floated {
		float: left;
		margin-right: 5px;
}
fieldset.contentForm select {
		margin-top: 4px;
		margin-bottom: 3px;
		width: 170px;
}
fieldset.contentForm h3, h2.sectionTitle {
		font-size:1.29em;
		font-weight: normal;
		color: #F47521;
		margin-bottom: 5px;
		background: url(../../layout/dots.gif) repeat-x left bottom;
		padding-bottom: 5px;
}
fieldset.contentForm label.row, fieldset.contentForm div.row, fieldset.contentForm div.checkRow {
		margin-bottom: 1px;
		clear: both;
		display: block;
		padding-top: 3px;
		padding-bottom: 3px;
}
/*fieldset.contentForm div.textRow {
		margin-bottom: 1px;
		background-color: #E4F1FE;
		padding-top: 5px;
		padding-bottom: 5px;
		clear: both;
		display: block;
		padding-left: 193px;
}
fieldset.contentForm div.textRow p {
		margin-bottom: 5px;
}*/
fieldset.contentForm label.row span.rowLabel, fieldset.contentForm div.row span.rowLabel {
		display: block;
		float: left;
		text-align: right;
		padding-right: 3px;
		padding-top: 2px;
		width: 190px;
}
fieldset.contentForm div.row label {
		padding-right: 5px;
		display: inline-block;
		line-height: 28px;
}
fieldset.contentForm em {
		font-size: 1.2em;
		color: #E2001A;
		margin-right: 5px;
}
fieldset.contentForm div.checkRow label {
		display: block;
		text-align: center;
}
fieldset.contentFormButtons {
		text-align: center;
		margin-bottom: 10px;
}
fieldset.contentFormButtons label {
		margin-left: 5px;
		margin-right: 5px;
}
/* +++++++++++++++++++ CLEARFIX ++++++++++++++++++++++ */
.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
}
.clearfix {
		display: inline-block;
}
html[xmlns] .clearfix {
		display: block;
}
* html .clearfix {
		height: 1%;
}