﻿/********************************************************** elements */
body {
	margin:0;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	line-height:18px;
	color:#323232;
	background:url(/res/imgLayout/backPage.png) top repeat-x #1e324b;
}
body *{
	margin:0;
	padding:0;
}
h1, h2, h3, h4 {
	font-size:18px;
	line-height:24px;
	color:#6e8cb4;
	font-weight:normal;
	margin:0 0 20px 0;
}
h1 {
	font-size:24px;
}
h2.step {
	padding:12px 0 14px 50px;
}
h2.step.one {
	background:url(/res/imgLayout/icoStep1.png) left top no-repeat;
}
h2.step.two {
	background:url(/res/imgLayout/icoStep2.png) left top no-repeat;
}
h2.step.three {
	background:url(/res/imgLayout/icoStep3.png) left top no-repeat;
}
h2.step.four {
	background:url(/res/imgLayout/icoStep4.png) left top no-repeat;
}
h2.step.five {
	background:url(/res/imgLayout/icoStep5.png) left top no-repeat;
}
h3 {
	font-size:16px;
}
p {
	margin:0 0 20px 0;
}
a {
	color:#da471f;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
a:active, a:focus, a:hover {
	outline:none;
	*outline:hidden;
}
img {
	border:0;
	-ms-interpolation-mode:bicubic;
}
ul, ol {
	padding:0 0 15px 0;
}
ol li {
	margin-left:20px;
	padding-bottom:5px;
}
input[type=text], select {
	padding:5px;
	border:1px solid #e1e1e1;
	background:url(/res/imgLayout/backInput.png) repeat-x top;
}
select option {
	padding-right:10px;
}
address {
	font-style:normal;
	margin:0 0 20px 0;
}
table {
	width:inherit;
	margin-bottom:20px;
	font-size:12px;
	border-collapse:collapse;	
}
table th, table td {
	padding:5px 10px 5px 10px;	
}
table th {
	font-weight:normal;
	text-align:left;
}
table td.separator, table th.separator {
	border-left:1px #c8c8c8 dotted;
	border-bottom:none;
}
tr:nth-child(odd) {
	background-color:#fafafa;
}
tr:nth-child(even) {
	background-color:#fff;
}
table.basic {
	margin:0;
	font-size:14px;
}
table.basic td {
	padding:0;
}
table.basic tr:nth-child(odd), table.basic tr:nth-child(even) {
	background-color:transparent;
}
.separator {
	width:100%;
	border-bottom:1px #c8c8c8 dotted;
	height:1px;
	margin:0 0 20px 0;
}
.separator2 {
	height:30px;
	background:url(/res/imgLayout/separatorGradient.png) repeat-x left top;
}
.cleaner {
	height:auto;
	line-height:0;
	font-size:0px;
	clear:both;
}
.light, .light a {
	color:#b4b4b4;
}
.menuLine {
	padding:0;
	list-style:none;
}
.menuLine li {
	height:22px;
	display:block;
	margin:0 10px 20px 0;
	*margin:0 10px 0 0;
	padding:2px 10px 0 0;
	*padding:2px 10px 4px 0;
	float:left;
	border-right:1px dotted #c8c8c8;
}
.menuLine li.noSeparator {
	margin-right:0;
	padding-right:0;
	border-right:none;
}
.marker1 {
	padding:3px 0 4px 29px;
	color:#5cbc67;
	background:url(/res/imgLayout/icoOkGreen24.png) left top no-repeat;
	_background:url(/res/imgLayout/icoOkGreen24_8Bit.png) left top no-repeat;
}
.marker2 {
	padding:1px 0 4px 20px;
	color:#da471f;
	background:url(/res/imgLayout/icoError16.png) left top no-repeat;
	_background:url(/res/imgLayout/icoError16_8Bit.png) left top no-repeat;
}
.marker3 {
	padding:1px 0 4px 20px;
	background:url(/res/imgLayout/icoStockNo16.png) left top no-repeat;
	_background:url(/res/imgLayout/icoStockNo16_8Bit.png) left top no-repeat;
}
.marker4 {
	padding:1px 0 4px 20px;
	background:url(/res/imgLayout/icoStock7Days16.png) left top no-repeat;
	_background:url(/res/imgLayout/icoStock7Days16_8Bit.png) left top no-repeat;
}
.marker5 {
	padding:1px 0 4px 20px;
	background:url(/res/imgLayout/icoStock24hour16.png) left top no-repeat;
	_background:url(/res/imgLayout/icoStock24hour16_8Bit.png) left top no-repeat;
}
.marker6 {
	padding:1px 0 4px 20px;
	background:url(/res/imgLayout/icoStockAvailable16.png) left top no-repeat;
	_background:url(/res/imgLayout/icoStockAvailable16_8Bit.png) left top no-repeat;
}
.marker7 {
	padding:1px 0 4px 20px;
	background:url(/res/imgLayout/icoStock48hour16.png) left top no-repeat;
	_background:url(/res/imgLayout/icoStock48hour16_8Bit.png) left top no-repeat;
}
.marker8 {
	padding:1px 0 4px 20px;
	color:#da471f;
	font-weight:bold;
	background:url(/res/imgLayout/icoDiscount16.png) left top no-repeat;
	_background:url(/res/imgLayout/icoDiscount16_8Bit.png) left top no-repeat;
}
.marker9 {
	padding:3px 0 4px 29px;
	color:#da471f;
	font-weight:bold;
	background:url(/res/imgLayout/icoDiscount24.png) left top no-repeat;
	_background:url(/res/imgLayout/icoDiscount24_8Bit.png) left top no-repeat;
}
.marker10 {
	padding:3px 0 4px 29px;
	color:#5cbc67;
	font-weight:bold;
	background:url(/res/imgLayout/icoRecycle24.png) left top no-repeat;
	_background:url(/res/imgLayout/icoRecycle24_8Bit.png) left top no-repeat;
}
.listHeader {
	padding:0 0 15px 0;
	float:right;
}
.listHeader.left {
	float:left;
}
.listHeader li {
	display:block;
	margin:0 0 5px 10px;
	float:left;
	list-style:none;
}
.listHeader.left li {
	display:block;
	margin:0 10px 5px 0;
	float:left;
	list-style:none;
}
.listHeader li label {
	margin:0 0 0 5px;
}
.pager {
	padding:0 0 20px 0;
	float:right;
}
.pager li {
	display:block;
	margin:0 0 0 10px;
	padding:2px 0 0 0;
	float:left;
	list-style:none;
	font-weight:bold;
}
.pager li.start, .pager li.previous, .pager li.next, .pager li.end {
	padding:0;
}
.pager li a {
	font-weight:normal;
}
.pager li.start a, .pager li.previous a, .pager li.next a, .pager li.end a {
	width:24px;
	height:24px;
	display:block;
	background:url(/res/imgLayout/icoNarrowLeft24.png) no-repeat;
}
.pager li.start a {
	background:url(/res/imgLayout/icoNarrowStart24.png) no-repeat;
}
.pager li.next a {
	background:url(/res/imgLayout/icoNarrowRight24.png) no-repeat;
}
.pager li.end a {
	background:url(/res/imgLayout/icoNarrowEnd24.png) no-repeat;
}
.pager li.start.disabled a {
	cursor:default;
	background:url(/res/imgLayout/icoNarrowStartDisabled24.png) no-repeat;
}
.pager li.previous.disabled a {
	cursor:default;
	background:url(/res/imgLayout/icoNarrowLeftDisabled24.png) no-repeat;
}
.pager li.next.disabled a {
	cursor:default;
	background:url(/res/imgLayout/icoNarrowRightDisabled24.png) no-repeat;
}
.pager li.end.disabled a {
	cursor:default;
	background:url(/res/imgLayout/icoNarrowEndDisabled24.png) no-repeat;
	_background:none;
}

/********************************************************** layout */
.page {
	width:1000px;
	margin:0 auto;
}
.logo {
	position:absolute;
	top:26px;
	left:40px;
	display:block;
	width:151px;
	height:73px;
	background:url(/res/imgLayout/logoWhite.png);
	_background:url(/res/imgLayout/logoWhite8Bit.png)
}
.header1 {background:url(/res/imgLayout/header1.jpg) left top no-repeat;}
.header1 .logo {background:url(/res/imgLayout/logoWhite.png); _background:url(/res/imgLayout/logoWhite8Bit.png)}
.header2 {background:url(/res/imgLayout/header2.jpg) left top no-repeat;}
.header2 .logo {background:url(/res/imgLayout/logoWhite.png); _background:url(/res/imgLayout/logoWhite8Bit.png)}
.header3 {background:url(/res/imgLayout/header3.jpg) left top no-repeat;}
.header3 .logo {background:url(/res/imgLayout/logoWhite.png); _background:url(/res/imgLayout/logoWhite8Bit.png)}
.header4 {background:url(/res/imgLayout/header4.jpg) left top no-repeat;}
.header4 .logo {background:url(/res/imgLayout/logoGray.png); _background:url(/res/imgLayout/logoGray8Bit.png)}
.header {
	position:relative;
	height:120px;
}
.menuTop {
	position:absolute;
	right:20px;
}
.menuTop ul {
	padding:0;
	list-style:none;
}
.menuTop ul li {
	display:block;
	height:25px;
	margin:0 10px 0 0;
	padding:14px 0 10px 21px;
	float:left;
}
.menuTop ul li.czk {
	background:url(/res/imgLayout/icoCzech16.png) no-repeat left center;
	_background:url(/res/imgLayout/icoCzech16_8Bit.png) no-repeat left center;
}
.menuTop ul li.eur {
	background:url(/res/imgLayout/icoSlovak16.png) no-repeat left center;
	_background:url(/res/imgLayout/icoSlovak16_8Bit.png) no-repeat left center;
}
.menuTop ul li.released a {
	cursor:default;
	text-decoration:none;
}
.menuTop ul li a {
	color:#fff;
}
.menuTop ul li.search {
	margin:0 0 0 10px;
	padding:10px 0 10px 10px;
	*padding:10px 0 10px 0;
	background:url(/res/imgLayout/backMenuTop.png) repeat-x top;
}
.menuTop ul li.search input {
	width:190px;
	border:none;
	float:left;
}
.menuTop ul li.search input.search {
	display:block;
	width:24px;
	height:24px;
	margin:0 10px 0 10px;
	_margin:0 5px 0 10px;
	border:none;
	background:url(/res/imgLayout/icoSearchWhite24.png) no-repeat;
	_background:url(/res/imgLayout/icoSearchWhite24_8Bit.png) no-repeat;
}
.menuUser {
	position:absolute;
	top:70px;
	right:30px;
}
.menuUser ul {
	padding:0;
	list-style:none;
}
.menuUser ul li {
	display:block;
	margin:0 10px 0 0;
	padding:3px 0 10px 0;
	float:left;
	color:#fff;
}
.menuUser ul li.shop {
	margin:0;
	padding:0 0 10px 0;
}
.menuUser ul li.shop a {
	display:block;
	width:24px;
	height:24px;
	background:url(/res/imgLayout/icoBasketGoWhite24.png) no-repeat;
	_background:url(/res/imgLayout/icoBasketGoWhite24_8Bit.png) no-repeat;
}
.menuMain {
	display:inline-block;
	margin:0 20px 0 20px;
	padding:0 20px 5px 20px;
	background:url(/res/imgLayout/backMenuMain.png) repeat-x left top #fff;
}
.menuMain ul {
	padding:0;
}
.menuMain ul li {
	display:block;
	_width:30px;
	height:40px;
	margin-left:-1px;
	white-space:nowrap;
	float:left;
	background:url(/res/imgLayout/menuMainSeparator.png) no-repeat right top;
}
.menuMain ul li.noSeparator {
	background:none;
}
.menuMain ul li a {
	display:block;
	height:29px;
	padding:11px 20px 0 20px;
	text-decoration:none;
	color:#fff;
}
.menuMain ul li a:hover {
	_color:#6e8cb4;
	background:url(/res/imgLayout/menuMainOver.png) repeat-x top left;
	_background:#f5f5f5;
}
.menuMain ul li a.released, .menuMain ul li a.released:hover {
	height:45px;
	margin:0 -10px 0 -10px;
	padding:0 0 0 20px;
	text-decoration:none;
	background:url(/res/imgLayout/menuMainLeft.png) left top no-repeat;
	_background:url(/res/imgLayout/separatorGradient.png) left top #fff repeat-x;
	color:#6e8cb4;
	cursor:default;
}
.menuMain ul li a.released span {
	display:block;
	height:29px;
	_height:34px;
	margin:0;
	padding:15px 30px 0 10px;
	_padding:10px 30px 0 10px;
	background:url(/res/imgLayout/menuMainRight.png) right top;
	_background:url(/res/imgLayout/separatorGradient.png) left top #fff repeat-x;
}
.content {
	width:920px;
	min-height:300px;
	margin:-5px auto 0 auto;
	_margin:-10px auto 0 auto;
	padding:20px 20px 0 20px;
	background:url(/res/imgLayout/backContentRight.png) right repeat-y #fff;
}
.contentLeft {
	width:734px;
	float:left;
}
#tabsItem {

}
.tabsItem {
	padding:0 20px 5px 20px;
	padding-bottom:60px;
	background:url(/res/imgLayout/backMenuSub.png) repeat-x left top #fff;
}
.tabsItem li {
	display:block;
	_width:30px;
	height:40px;
	margin-left:-1px;
	white-space:nowrap;
	float:left;
	background:url(/res/imgLayout/menuSubSeparator.png) no-repeat right top;
}
.tabsItem li.noSeparator {
	background:none;
}
.tabsItem li a {
	display:block;
	height:29px;
	padding:11px 20px 0 20px;
	text-decoration:none;
	color:#323232;
}
.tabsItem li a:hover {
	color:#6e8cb4;
}
.tabsItem li.ui-tabsItem-selected a, .tabsItem li.ui-tabsItem-selected a:hover {
	height:45px;
	margin:0 -10px 0 -10px;
	padding:0 0 0 20px;
	text-decoration:none;
	background:url(/res/imgLayout/menuSubLeft.png) left top no-repeat;
	_background:url(/res/imgLayout/separatorGradient.png) left top #fff repeat-x;
	color:#6e8cb4;
	cursor:default;
}
.tabsItem li.ui-tabsItem-selected a span {
	display:block;
	height:29px;
	_height:34px;
	margin:0;
	padding:15px 30px 0 10px;
	_padding:10px 30px 0 10px;
	background:url(/res/imgLayout/menuSubRight.png) right top;
	_background:url(/res/imgLayout/separatorGradient.png) left top #fff repeat-x;
}
.ui-tabsItem .ui-tabsItem-hide {
     display:none;
}
#tabsItem-1 .box {
	width:238px;
	margin-right:10px;
	float:left;
}
#tabsItem-1 .box.right {
	margin-right:0;
}
#tabsItem-1 .box select {
	width:238px;
	margin-bottom:20px;
}
.breadcrumb {
	margin-top:-5px;
}
.breadcrumb li {
	display:inline;
	padding:0 21px 0 0;
	*margin-right:8px;
	background:url(/res/imgLayout/icoBreadcrumb16.png) right 1px no-repeat;
	*background:url(/res/imgLayout/icoBreadcrumb16.png) right 5px no-repeat;
}
.breadcrumb li a {
	padding:3px 0 5px 0;
	line-height:35px;
}
.breadcrumb li.tree, .breadcrumb li.back {
	margin:0 5px 0 0;
	*margin:0 13px 0 0;
	padding:0 10px 0 0;
	border-right:1px dotted #7897ba;
	background:none;
}
.breadcrumb li.tree a, .breadcrumb li.back a {
	padding-left:29px;
	padding-right:10px;
	text-decoration:none;
	color:#fff;
}
.breadcrumb li.tree a {
	background:url(/res/imgLayout/icoTree24.png) left 0 no-repeat;
}
.breadcrumb li.back a {
	background:url(/res/imgLayout/icoBack24.png) left 0 no-repeat;
}
.breadcrumb li.noSeparator {
	padding:0;
	background:none;
}
a.prev, a.prev.disabled, span.prev, span.prev.disabled {
	display:block;
	padding:3px 10px 5px 29px;
	text-decoration:none;
	color:#fff;
	background:url(/res/imgLayout/icoBack24.png) left 0 no-repeat;
}
a.prev.disabled, span.prev.disabled {
	cursor:default;
	background:url(/res/imgLayout/icoBackDisabled24.png) left 0 no-repeat;
}
a.next, a.next.disabled, span.next, span.next.disabled {
	display:block;
	padding:3px 29px 5px 10px;
	text-decoration:none;
	color:#fff;
	background:url(/res/imgLayout/icoNext24.png) right 0 no-repeat;
}
a.next.disabled, span.next.disabled {
	cursor:default;
	background:url(/res/imgLayout/icoNextDisabled24.png) right 0 no-repeat;
}
.contentRight {
	width:145px;
	float:right;
	font-size:12px;
}
.contentRight h2 {
	margin:0 0 10px 0;
	padding:2px 0 4px 34px;
}
.contentRight h2.contact {
	background:url(/res/imgLayout/icoContact24.png) left 2px no-repeat;
	_background:url(/res/imgLayout/icoContact24_8Bit.png) left 2px no-repeat;
}
.contentRight h2.new {
	background:url(/res/imgLayout/icoNew24.png) left 2px no-repeat;
	_background:url(/res/imgLayout/icoNew24_8Bit.png) left 2px no-repeat;
}
.contentRight h2.searched {
	background:url(/res/imgLayout/icoSearched24.png) left 2px no-repeat;
	_background:url(/res/imgLayout/icoSearched24_8Bit.png) left 2px no-repeat;
}
.contentRight .separator {
	width:100%;
	height:1px;
	margin:0 0 20px 0;
}
.footer {
	width:920px;
	height:30px;
	padding:20px;
	margin:0 auto;
	font-size:12px;
	color:#fff;
	background:url(/res/imgLayout/backFooter.png) top repeat-x;
}
.footer ul {
	padding:0;
	list-style:none;
}
.footer ul li {
	display:block;
	margin-right:20px;
	padding-right:20px;
	border-right:1px dotted #7897ba;
	float:left;
}
.footer ul li a {
	color:#fff;
}
.footer ul li.noSeparator {
	margin-right:0;
	padding-right:0;
	border-right:none;
}

/**************************************************************** form */
fieldset {
	padding:0 0 20px 0;
	border:0;
}
fieldset legend {
	*margin-left:-7px;
	padding:0 0 10px 0;
	font-size:18px;
	line-height:24px;
	font-weight:normal;
	color:#6e8cb4;
}
.field {
	display:block;
	padding:0 0 10px 0;
}
.field label {
	font-size:12px;
}
.field.title {
	padding:0 0 16px 0;
}
.field.title label {
	position:relative;
	top:2px;
	font-size:18px;
	color:#6e8cb4;
}
.field .title {
	font-size:15px;
	line-height:22px;
}
.field input[type="text"], .field input[type="password"] {
	width:200px;
	margin:0 5px 2px 0;
}
.field select {
	width:210px;
	padding:5px;
	margin:0 5px 2px 0;
}
.field textarea {
	width:500px;
	height:150px;
	padding:5px;
	margin:0 0 2px 0;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#323232;
	border:1px solid #e1e1e1;
}
.field label.error {
	color:#da471f;
}
.field input[type="text"].error, .field select.error, .field textarea.error, .field .container span {
	border:1px solid #da471f;
}
.field .label {
	display:block;
	padding:0 0 2px 0;
	font-size:11px;
	color:#b4b4b4;
}
.field.area .label {
	width:100%;
}
.field.radio .container {
	display:block;
	margin:1px 0 0 0;
	padding:5px 0 0 0;
}
.field.radio label {
	margin:0 0 0 5px;
}
.field.radio a {
	font-size:12px;
}
.field input[type="radio"] {
	
}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
	.field input[type="radio"] {

	}
}
fieldset input[type="button"] {
	padding:10px 20px 10px 20px;
	margin:5px 0 0 0;
	font-size:18px;
	font-weight:normal;
	color:#da471f;
}
fieldset .field.inline input[type="button"] {
	padding:5px;
	margin:0;
	font-weight:normal;
}

/**************************************************************** lists */
.list3Col {
	width:100%;
	margin-bottom:20px;
	font-size:14px;
}
.list3Col td {
	width:33%;
	padding:10px;
	vertical-align:top;
}
.list3Col2 {
	width:100%;
	margin-bottom:20px;
	font-size:14px;
}
.list3Col2 td {
	width:33%;
	padding:10px;
	vertical-align:top;
}
.list3Col2 td img {
	width:57px;
	height:57px;
	margin-right:10px;
	float:left;
}
.list3Col2 td span {
	display:block;
	font-size:12px;
}
.list3Col2 td span.light {
	display:inline;
	float:right;
}
.list3Col2 td span.price {
	display:inline;
	color:#da471f;
}
ul.noBullets {
	margin:0 0 15px 0;
	list-style:none;
}
ul.noBullets li {
	margin-bottom:5px;
}

.loadingPanel {
    position: absolute;
    display: none;
    border: 1px solid #D9471F;
    padding: 2px;
    background-color: #D9471F;
    color: #ffffff;
    opacity: 0.90;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    width: 100px;
    height: 50px;
    text-align: center;
    z-index: 100000;
}
