/* +++++++++++++++++++ IMPORTS ++++++++++++++++++++++ */
@import url("navigation.css");
@import url("scrollable-horizontal.css");
@import url("thickbox.css");
/* +++++++++++++++++++ HTML ELEMENTS ++++++++++++++++++++++ */
* {
		margin: 0px;
		padding: 0px;
}
html {
		height: 100%;
}
body {
		font: 62.5% Verdana, Arial, sans-serif;
		color: #000000;
		background-color: #87888A;
}
a {
		text-decoration: none;
}
a:link {
		color: #E50004;
}
a:visited {
		color: #7B7B7B;
}
a:hover {
		color: #3a3a3a;
}
a:active {
		color: #E50004;
}
/* +++++++++++++++++++  GENERAL RULES  ++++++++++++++++++++++ */
.alignLeft {
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
}
.alignLeftOnly {
		float: left;
}
.alignRight {
		float: right;
		margin-left: 10px;
		margin-bottom: 10px;
}
img.bdrImg {
		border: 1px solid #ECECED;
}
/* +++++++++++++++++++ LAYOUT GRID ++++++++++++++++++++++ */
#header {
		width: 986px;
		height: 133px;
		position: relative;
		z-index: 999;
		background: #FFF url(../../layout/bg-header.jpg) no-repeat;
		font-size: 1.1em;
		margin: 11px auto 1px;
}
#colWrapper {
		width: 984px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
		background-color: #FFF;
		padding: 1px;
}
#col-01 {
		display: inline;
		width: 240px;
		float: left;
}
#col-02 {
		display: inline;
		width: 729px;
		float: left;
		margin-left: 15px;
		font-size: 1.1em;
		padding-top: 12px;
}
#footer {
		width: 986px;
		margin-left: auto;
		margin-right: auto;
		font-size: 1.1em;
		clear: both;
		padding-bottom: 20px;
}
/* +++++++++++++++++++ HEADER +++++++++++++++++++ */
#header h1 {
		width: 212px;
		height: 59px;
		position: absolute;
		left: 19px;
		top: 32px;
}
#header h1 a {
		width: 212px;
		background: url(../../layout/mate-logo-new.gif) no-repeat left top;
		height: 59px;
		display: block;
		text-indent: -999em;
}
#shoppingBasket {
		width: 184px;
		position: absolute;
		top: 16px;
		right: 1px;
		overflow:hidden;
}
#shoppingBasket table {
		border-spacing: 0;
		width: 186px;
		border-collapse: collapse;
}
#shoppingBasket table th {
		padding: 3px;
		font: bold 1.36em "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #FFF;
		border-right: solid 1px #FFF;
		border-bottom: solid 1px #FFF;
		background-color: #87888A;
}
#shoppingBasket table td {
		padding: 3px;
		width: 50%;
		background-color: #E5E5E5;
		border-right: solid 1px #FFF;
		border-bottom: solid 1px #FFF;
}
a.buttonBasket {
		display: block;
		text-align: center;
		padding: 4px 3px;
		font-weight: bold;
}
a.buttonBasket:link {
		background-color: #87888A;
		color: #FFFFFF;
}
a.buttonBasket:visited {
		background-color: #87888A;
		color: #FFFFFF;
}
a.buttonBasket:hover {
		background-color: #E50004;
		color: #FFFFFF;
}
a.buttonBasket:active {
		background-color: #87888A;
		color: #FFFFFF;
}
ul#loginBox {
		list-style: none;
		text-align: right;
		width: 400px;
		position: absolute;
		top: 20px;
		right: 203px;
}
ul#loginBox li {
		background: url(../../layout/bullet.png) no-repeat right 3px;
		padding-right: 12px;
		margin-bottom: 3px;
}
fieldset.googleSearch {
		position: absolute;
		top: 76px;
		right: 203px;
		height: 23px;
		width: 216px;
}
input.googleSearch {
		width: 180px !important;
		padding: 4px !important;
		border: 1px solid #B4B4B4 !important;
		font: 10px/13px Arial, Helvetica, sans-serif;
		position: absolute;
		left: 0px;
		top: 0px;
}
input.googleSearchBtn {
		width: 23px;
		height: 23px;
		position: absolute;
		right: 0px;
		top: 0px;
}
/* +++++++++++++++++++ CATALOGUE SELECTOR +++++++++++++++++++ */
#catalogSelector {
		width: 986px;
		height: 34px;
		background-color: #FFF;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
		position: relative;
}
#catalogSelector ol {
		list-style: none;
}
#catalogSelector ol li {
		display: inline;
}
#catalogSelector ol li a {
		display: block;
		position: absolute;
		bottom: 6px;
		height: 25px;
		text-indent: -999em;
}
#catalogSelector ol li.selectHr a {
		left: 10px;
		background: url(../../layout/catalogue-HR.gif);
		width: 232px;
}
#catalogSelector ol li.selectEn a {
		right: 10px;
		background: url(../../layout/catalogue-EN.gif);
		width: 264px;
}
#catalogSelector ul {
		position: absolute;
		left: 390px;
		top: 5px;
		list-style: none;
		height: 37px;
		width: 285px;
}
#catalogSelector ul li {
		display: block;
		float: left;
		margin-right: 10px;
}
/* +++++++++++++++++++ SECTION TITLES +++++++++++++++++++ */
h2.catalogTitle {
		background: #CECECE url(../../layout/podrucja.gif) no-repeat 10px 3px;
		height: 30px;
		width: 240px;
		text-indent: -999em;
		margin-bottom: 1px;
}
h2.sectionTitle {
		font: normal 1.27em "Trebuchet MS", Arial, Helvetica, sans-serif;
		margin-bottom: 15px;
		background-color: #ECECED;
		padding: 3px 5px;
		margin-right: 14px;
		color: #000;
}
h2.sectionSubTitle {
		font: normal 1.45em "Trebuchet MS", Arial, Helvetica, sans-serif;
		margin-bottom: 15px;
		margin-right: 14px;
		color: #E50004;
		border-bottom: 1px solid #ECECED;
		padding-top: 3px;
		padding-bottom: 3px;
}
h2.sectionSubTitle span {
		display: block;
		font-size: 0.88em;
		font-weight: normal;
		color: #000;
}
h3.sectionTitle {
		font: bold 1.27em "Trebuchet MS", Arial, Helvetica, sans-serif;
		margin-bottom: 15px;
		margin-right: 14px;
		color: #E50004;
		padding-top: 3px;
		padding-bottom: 3px;
		border-bottom: 1px solid #ECECED;
}
h2 span.section {
		display: block;
		color: #E50004;
		font-size: 1.29em;
}
/* +++++++++++++++++++ BOOK INFO +++++++++++++++++++ */
p.readMore {
		clear: both;
		text-align: right;
}
/* +++++++++++++++++++ BOOK INFO +++++++++++++++++++ */
#bookInfo {
		width: 715px;
		margin-bottom: 15px;
		border-bottom: 1px solid #ECECED;
		padding-bottom: 15px;
}
#bookInfo div.column {
		width: 390px;
		float: left;
		display: inline;
}
#bookInfo div.imgBox {
		width: 85px;
		float: left;
		display: inline;
}
#bookInfo div.imgBox a.buttonBasket {
		margin-top: 0.91em;
}
#bookInfo div.column p {
		margin-bottom: 0.91em;
}
#bookInfo div.column p.price {
		border-left: 3px solid #E50004;
		padding-left: 5px;
}
#bookInfo div.column p.new {
		width: 85px;
		height: 23px;
		text-indent: -999em;
		background: url(../../layout/icon-novitet.gif) no-repeat;
}
#bookInfo .delimiter {
		margin-right: 15px;
}
#bookInfo ul {
		list-style: none;
		float: left;
		width: 189px;
		padding-left: 20px;
		border-left: 1px solid #ECECED;
}
#bookInfo ul li {
		background: url(../../layout/icon-pdf.gif) no-repeat left top;
		padding-left: 20px;
		padding-top: 2px;
		margin-bottom: 5px;
		padding-bottom: 2px;
}
/* +++++++++++++++++++ PRODUCT TABLE +++++++++++++++++++ */
table.productTable {
		width: 729px;
		border: none;
		border-spacing: 0;
		border-collapse: collapse;
}
table.productTable th, table.productTable td {
		width: 230px;
		padding-right: 13px;
		text-align:left;
		vertical-align: top;
}
table.productTable th {
		padding-bottom: 10px;
}
table.productTable th h2 {
		font: bold 1.27em "Trebuchet MS", Arial, Helvetica, sans-serif;
		text-transform: uppercase;
}
table.productTable th h2 span.bookAuthor {
		display: block;
		text-transform: none;
		color: #000;
		font-size: 0.86em;
}
table.productTable p {
		margin-bottom: 1.18em;
}
table.productTable p.notice {
		clear: both;
}
table.productTable ul {
		list-style: none;
		text-align: right;
		margin-bottom: 3.36em;
}
table.productTable ul li {
		display: inline;
		padding-left: 10px;
}
/* +++++++++++++++++++ BASKET & CUSTOMER INFO TABLE +++++++++++++++++++ */
table.basket, table.customerInfo {
		width: 715px;
		border: none;
		border-spacing: 0;
		border-collapse: collapse;
		font-size: 1.09em;
		margin-bottom: 15px;
}
table.basket th, table.basket td {
		border: 1px solid #FFF;
		padding: 5px;
		vertical-align: middle;
}
table.basket em, table.customerInfo em {
		color: #E50004;
		font-style: normal;
		font-weight: bold;
}
table.basket th {
		color: #FFF;
		background-color: #87888A;
}
table.basket th span {
		display: block;
		font-size: 0.92em;
		font-weight: normal;
		color: #FFC;
}
table.basket td {
		background-color: #ECECED;
}
table.basket td.doubleBorder {
		border-bottom: solid 5px #FFF;
		width: 703px;
}
table.basket td.delimiter {
		background-color: #FFF;
}
table.customerInfo th {
		color: #FFF;
		background-color: #87888A;
		text-align: left;
		width: 120px;
		vertical-align: top;
		border: 1px solid #FFF;
		padding: 5px;
}
table.customerInfo th span {
		display: block;
		font-size: 0.92em;
		font-weight: normal;
}
table.customerInfo td {
		background-color: #ECECED;
		text-align: left;
		vertical-align: top;
		border: 1px solid #FFF;
		padding: 5px;
}
table.basket .ac {
		text-align: center;
}
table.basket .ar {
		text-align: right;
}
.hide {
		display: none;
}
/* +++++++++++++++++++ RADIO SELECTION LIST ++++++++++++++++++++++ */
.selectionList {
		margin-right: 14px;
		margin-bottom: 15px;
		margin-left: 30px;
}
.selectionList ul {
		list-style: none;
}
.selectionList ul li {
		line-height: 1.5;
		margin-bottom: 5px;
		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: 30px;
}
/* +++++++++++++++++++ PAGING AND EXTRA LINKS ++++++++++++++++++++++ */
.paging, .extraLinks {
		clear: both;
		margin-bottom: 12px;
		padding-top: 11px;
		padding-bottom: 11px;
		background-color: #ECECED;
		margin-right: 14px;
}
.paging ol, .extraLinks ul {
		list-style: none;
		text-align: center;
}
.paging ol li, .extraLinks ul li {
		display: inline;
}
.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;
}
.paging span {
		padding: 1px 2px;
		background-color: #FFF;
		font-weight: bold;
}
.extraLinks li {
		padding-left: 7px;
		padding-right: 10px;
		background: url(../../layout/bullet-subCat.gif) no-repeat 0px 4px;
}
/* +++++++++++++++++++ BANNERS ++++++++++++++++++++++ */
#newsletter {
		margin-bottom: 15px;
		background-color: #CECECE;
		padding: 5px 10px;
		font-size: 1.1em;
}
#newsletter h3 {
		font: bold 1.45em "Trebuchet MS", Arial, Helvetica, sans-serif;
		margin-bottom: 2px;
		color: #58585A;
}
#newsletter p {
		margin-bottom: 3px;
}
#newsletter fieldset {
		position: relative;
		clear: both;
		height: 25px;
}
#newsletter input.nl {
		width: 182px;
		padding: 4px;
		border: 2px solid #87888A;
		font: 11px/13px Verdana, Arial, Helvetica, sans-serif;
		position: absolute;
		left: 0px;
		top: 0px;
}
#newsletter input.nlBtn {
		width: 28px;
		height: 25px;
		position: absolute;
		right: 0px;
		top: 0px;
}
/* +++++++++++++++++++ BANNERS ++++++++++++++++++++++ */
.banners, .wsPay {
		margin-bottom: 15px;
}
.banners span {
		display: block;
		margin-bottom: 15px;
		width: auto;
		text-align: center;
}
.wsPay {
		position: relative;
		height: 270px;
}
.wsPay a {
		display: block;
		position: absolute;
}
.wsPay a#badge-wsPay {
		right: 42px;
		top: 140px;
}
.wsPay a#badge-vs {
		left: 20px;
		top: 70px;
}
.wsPay a#badge-mc {
		right: 10px;
		top: 0px;
}
.wsPay a#badge-ax {
		left: 10px;
		top: 8px;
}
.wsPay a#badge-dn {
		right: 20px;
		top: 68px;
}
/* +++++++++++++++++++ FOOTER +++++++++++++++++++ */
#footer p {
		padding-left: 5px;
}
/* +++++++++++++++++++    FORM ELEMENTS   ++++++++++++++++++++++ */
fieldset {
		border-style: none;
}
legend {
		display: none;
}
input, textarea {
		font: 11px Verdana, Arial, sans-serif;
}
select {
		font: 12px Verdana, Arial, sans-serif;
		padding: 2px;
}
.radioBtn {
		width: 1em;
		height: 1em;
}
.txtBox {
		width: 220px;
		border: 1px solid #C7C7C7;
		padding: 5px;
		background-color: #ECECED;
}
.txtBoxSmall {
		border: 1px solid #C7C7C7;
		padding: 5px 1px;
		text-align: center;
		width: 26px;
}
.txtArea {
		width: 220px;
		border: 1px solid #C7C7C7;
		padding: 5px;
		background-color: #ECECED;
}
input.inputBtn {
		cursor: pointer;
		color: #FFF;
		background-color: #87888A;
		border: none;
		padding: 5px;
}
input.inputBtn:hover {
		background-color: #E50004;
}
.pretty-hover {
		background-color: #E50004 !important;
		cursor: pointer;
}
input.bold {
		font-weight: bold;
}
fieldset.contentForm {
		margin-bottom: 10px;
		margin-right: 14px;
}
fieldset.contentFormButtons {
		margin-bottom: 25px;
		padding-left: 293px;
		margin-right: 14px;
}
fieldset.basketButtons {
		margin-bottom: 25px;
		text-align: center;
		margin-right: 14px;
}
fieldset.contentForm h3 {
		font: bold 1.45em "Trebuchet MS", Arial, Helvetica, sans-serif;
		margin-bottom: 10px;
		color: #E50004;
		padding-top: 3px;
		padding-bottom: 3px;
		border-bottom: 1px solid #ECECED;
		clear: both;
}
fieldset.contentForm h3 span {
		font-size: 0.88em;
		font-weight: normal;
		display: block;
}
fieldset.contentForm label.row, fieldset.contentForm div.row {
		margin-bottom: 5px;
		clear: both;
		display: block;
}
fieldset.contentForm label.row2, fieldset.contentForm div.row2 {
		margin-bottom: 15px;
		clear: both;
		display: block;
}
fieldset.contentForm div.textRow {
		margin-bottom: 5px;
		clear: both;
		display: block;
		padding-left: 293px;
}
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: 4px;
		width: 290px;
}
fieldset.contentForm label.row2 span.rowLabel, fieldset.contentForm div.row2 span.rowLabel {
		display: block;
		float: left;
		text-align: right;
		padding-right: 3px;
		padding-top: 0px;
		width: 290px;
		line-height: 13px;
}
fieldset.contentForm label.row2 span.rowLabel span, fieldset.contentForm div.row2 span.rowLabel span {
		font-size: 0.92em;
		display: block;
		color: #CC0000;
}
fieldset.contentForm div.row label {
		padding-right: 10px;
		display:inline-block;
		line-height: 28px;
}
fieldset.contentForm em {
		font-size: 1.2em;
		color: #E2001A;
		margin-right: 5px;
}
/* +++++++++++++++++++ MESSAGE BOX ++++++++++++++++++++++ */
.messageBox {
		padding: 10px 10px 10px 20px;
		margin-bottom: 15px;
		margin-right: 14px;
		background-color: #ECECED;
		border: 1px solid #87888A;
}
.messageBox ul {
		list-style-type: none;
}
.messageBox ul li {
		background: url(../../layout/bullet.png) no-repeat 0px 3px;
		padding-left: 15px;
		margin-bottom: 10px;
}
/* +++++++++++++++++++ ATTACHED DOCUMENTS ++++++++++++++++++++++ */
.documents {
		margin-bottom: 15px;
}
.documents ul {
		list-style: none;
		line-height: 1.5;
		margin-left: 20px;
}
.documents ul li {
		padding-bottom: 5px;
		padding-top: 5px;
		background: url(../../layout/bullet.png) no-repeat 0px 10px;
		margin-bottom: 3px;
		padding-left: 15px;
}
/* +++++++++++++++++++ PHOTO AND VIDEO GALLERY ++++++++++++++++++++++ */
.photoGalleryWrapper {
		margin-bottom: 15px;
		clear: both;
}
.photoGalleryRow {
		clear: both;
		margin-bottom: 10px;
		margin-top: 10px;
}
.photoGalleryRow .delimiter {
		margin-left: 22px;
}
.photoGalleryRow a {
		display: inline;
		float: left;
}
/* +++++++++++++++++++ WYSIWYG ++++++++++++++++++++++ */
.wysiwyg {
		font-size:1.09em;
		clear: both;
		margin-bottom: 15px;
		margin-right: 14px;
}
.wysiwyg ul, .wysiwyg ol {
		margin-left: 30px;
		list-style-position: inside;
}
.wysiwyg p, .wysiwyg ul, .wysiwyg ol {
		line-height: 1.5;
		margin-bottom: 1.5em;
}
.wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 {
		font-weight: bold;
		margin-bottom: 0.64em;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.wysiwyg h1 {
		font-size:1.67em;
}
.wysiwyg h2 {
		font-size:1.50em;
}
.wysiwyg h3 {
		font-size:1.33em;
}
.wysiwyg h4 {
		font-size:1.17em;
}
.wysiwyg h5 {
		font-size:1em;
}
.wysiwyg h6 {
		font-size:1em;
}
/* +++++++++++++++++++ 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%;
}