pre {
	background: #F4F4F4;
	margin: 5px;
	padding: 4px;
	border: 1px solid #E4E4E4;
	word-wrap: break-word;
}

.hidden {
	display: none;
}

.invisible {
	visibility: hidden;
}

.clearer {
	display: block;
	width: 100%;
	overflow: hidden;
}

.clearer_both {
	display: block;
	width: 100%;
	clear: both;
	overflow: hidden;
}

.overflow_h {
	overflow: hidden;
}

.overflow_v {
	overflow: visible;
}

/* PHOTOGALLERY PAGE */
.photogallery .image {
	width: 150px;
	height: 112px;
	margin: 0 10px 10px 0;
	padding: 4px;
	background: white;
	overflow: hidden;
	float: left;
	border: 1px solid silver;
}

.photogallery .image a:hover img {
	opacity: 0.8;
	display: block;
	width: 150px;
	height: 112px;
}

/* PAGE SWITCH */
div.page_switch {
	display: block;
	margin: 20px 0;
	overflow: hidden;
}

	div.page_switch a.goleft {
		float: left;
		display: block;
		padding: 5px;
		color: gray;
		font-weight: bold;
		text-decoration: none;
	}

	div.page_switch a.goleft:hover {
		background: #F2F2F2;
		color: #252525;
	}

	div.page_switch a.goright {
		display: block;
		padding: 5px;
		float: right;
		font-weight: bold;
		text-decoration: none;
		color: gray;
	}

	div.page_switch a.goright:hover {
		background: #F2F2F2;
		color: #252525;
	}

	div.page_switch .inactive {
		color: silver !important;
	}

	div.page_switch .inactive:hover {
		background-image: none !important;
		background-color: inherit !important;
	}

	div.page_switch > .inside {
		width: 80%;
		margin: 0 auto;
		text-align: center;
	}

		div.page_switch > .inside a {
			display: inline-block;
			padding: 5px 8px;
			background: white;
			border: 1px solid #F0F0F0;
			text-decoration: none;
			color: gray;
		}

		div.page_switch > .inside a:hover {
			color: black;
			border-color: #BBBBBB;
		}

		div.page_switch > .inside a.active {
			color: #363636;
			font-weight: bold;
			border-color: #646464;
		}

/* TEXT ALIGNS */
.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

/* UI RANGER */
.ui-slider {
	width: 350px;
	position: relative;
}

.order .ui-slider {
	margin: 0 auto;
}

	.ui-slider .container {
		width: 200px;/* UI-SLIDER WITH -150px */
		height: 25px;
		margin: 0 auto;
		border: 1px solid silver;
		overflow: hidden;
		position: relative;
		z-index: 2;
	}

	.ui-slider .container .slider {
		width: 15px;
		height: 21px;
		background: #C5C5C5;
		border: 1px solid #AEAEAE;
		box-shadow: inset 1px 1px 0 rgba(255,255,255,0.5);
		margin: 1px 0 0 0;
		cursor: pointer;
	}

	.ui-slider .container .slider:before,
	.ui-slider .container .slider:after {
		content: "";
		height: 12px;
		border-left: 1px solid rgba(0,0,0,0.1);
		border-right: 1px solid rgba(255,255,255,0.3);
		position: absolute;
		top: 5px;
		left: 5px;
	}

	.ui-slider .container .slider:after {
		left: 9px;
	}

	.ui-slider .container .min-slider {
		margin-left: 1px;
	}

	.ui-slider .container .max-slider {}

	.ui-slider .container .background {
		background: #F4F4F4;
		margin: 1px;
	}

	.ui-slider .container .ranger {
		background: rgba(0,0,0,0.1);
		height: 23px;
		margin: 1px 0 0 0;
	}

	.ui-slider label.label {
		display: block;
		padding: 5px;
		text-align: center;
	}

	.ui-slider .value {
		width: 80px;
		margin-top: 2px;
		width: 38px;
		position: absolute;
		top: -2px;
		z-index: 1;
		border: 1px solid silver;
		font-size: 12px;
		padding: 5px;
		left: 25px;
	}

	.ui-slider .value.min-value {
		left: 25px;
	}

	.ui-slider .value.max-value {
		right: 25px;
		left: inherit;
	}

	.ui-slider .minus,
	.ui-slider .plus {
		width: 20px;
		height: 20px;
		background: #575757;
		border-radius: 10px;
		text-align: center;
		cursor: pointer;
		text-decoration: none;
	}

	.ui-slider .minus:hover,
	.ui-slider .plus:hover {
		opacity: 0.8;
	}

	.ui-slider .minus {
		position: absolute;
		top: 3px;
		left: 0;
	}
	.ui-slider .plus {
		position: absolute;
		top: 3px;
		right: 0;
	}

	.ui-slider .minus:before,
	.ui-slider .plus:before {
		font-family: FontAwesome;
		font-weight: normal;
		font-style: normal;
		text-decoration: inherit;
		-webkit-font-smoothing: antialiased;
		color: white;
		display: block;
		padding: 4px 0 0 0;
		font-size: 11px;
	}

	.ui-slider .minus:before {
		content: "\f068";
	}

	.ui-slider .plus:before {
		content: "\f067";
	}

/* ADMIN BOX-PANEL */
.admin-panel {
	position: relative;
	height: 0;
	width: 100%;
	overflow: visible;
}

	.admin-panel > a {
		position: absolute;
		right: 0;
		border: 1px solid #E2E2E2;
		background: white;
		border-radius: 5px;
		display: inline-block;
		width: 0;
		overflow: hidden;
		opacity: 0.6;
		height: 14px;
		z-index: 200;
		padding: 10px 0px 10px 35px;
		font-family: Arial;
		font-size: 12px;
		font-weight: bold;
		color: black;
		text-decoration: none;
	}

	.admin-panel > a:after {
		position: absolute;
		top: 9px;
		right: 10px;
		font-family: FontAwesome;
		font-size: 17px;
		content: "\f040";
	}

	.admin-panel > a:hover {
		opacity: 1;
		width: auto;
		padding: 10px 35px 10px 10px;
		background: #191919;
		border-color: #111111;
		color: #EFEFEF;
	}

/* SYS BOXES */
.cms_infobox {
	border: 1px solid #CBE1EB;
	padding: 10px;
	border-radius: 4px;
	background: #EAF3F7;
	margin: 10px 0;
	color: #214D56;
	box-shadow: inset 1px 1px 0 rgba(255,255,255,0.5);
}

.cms_confirm {
	border: 1px solid #BCFF8A;
	background: #E9FFD9;
	color: #385900;
	border-radius: 5px;
	padding: 10px;
	font-size: 12px;
	margin: 10px 0;
}

	.cms_confirm h1 {
		margin: 0;
		padding: 0 0 10px 0;
		font-size: 16px;
	}

.cms_error {
	border: 1px solid #FFBBB9;
	background: #FFE2E1;
	color: #6C0300;
	border-radius: 5px;
	padding: 10px;
	font-size: 12px;
	margin: 10px 0;
}

.order_errors {
	margin: 0;
	padding: 5px;
}

.cms_error.no_bg_border {
	color: #B90400;
}

.cms_error.no_bg_border,
.cms_infobox.no_bg_border,
.cms_confirm.no_bg_border {
	background: none;
	border: 0;
	padding: 7px 0;
}

.cms_warning {
	border: 1px solid #FFBC79;
	background: #FFE2C4;
	color: #934900;
	border-radius: 5px;
	padding: 10px;
	font-size: 12px;
	margin: 10px 0;
}

/* SITEMAP */
.page_sitemap_tree {
	padding: 10px;
}

	.page_sitemap_tree > ul {
		list-style: none !important;
		margin: 0;
		padding: 0;
		font-size: 13px;
	}

		.page_sitemap_tree > ul ul {
			list-style: square !important;
			margin: 0;
			padding: 0 0 0 10px;
		}

			.page_sitemap_tree > ul ul li {
				padding: 2px 0;
			}

#admin_user_link {
	position: fixed;
	top: 0;
	left: 50%;
	z-index: 999999;
	margin: -5px 0 0 -50px;
	border-radius: 3px;
	padding: 10px;
	text-decoration: none;
	line-height: 20px;
	font-size: 15px;
	background: #fff;
	color: #000;
	box-shadow: 0 0 5px gray;
}

#admin_user_link:hover {
	background: #F5F5F5;
	box-shadow: 0 0 5px black;
	color: black;
}

/* NEW FORM VALIDATION STYLES */
.fv-tooltip {
	z-index: 20000;
}

	.fv-tooltip > .fv-errorslog {
		font-family: arial;
		font-size: 11px;
		line-height: 1.2em;
	}

	.fv-tooltip > .fv-errorslog.fv-error-hidden {
		display: none;
	}

	.fv-tooltip > .fv-errorslog.fv-error-shown {
		color: #EA0000;
	}
	.fv-tooltip > .fv-errorslog.fv-error-shown.fv-message {
		color: #529B00;
	}

		.fv-tooltip > .fv-errorslog > span {
			display: block;
		}

.form_error_msg {
	font-family: arial;
	font-size: 11px;
	line-height: 1.2em;
	color: #EA0000;
}


/* HEADINGS - USED IN: USER DETAIL, BASKET, ORDER */
.ui_heading_1 {
	font-size: 16px;
	font-weight: normal;
	padding: 5px;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #E2E2E2;
	color: #444444;
	overflow: hidden;
}

.ui_heading_1.no_m_down {
	margin-bottom: 0;
}

.ui_heading_1.opens:before {
	content: "";
	display: inline-block;
	margin: 0 7px 3px 0;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 7px 5px 0 5px;
	border-color: #8f8f8f transparent transparent transparent;
	-webkit-transition-duration: 500ms;
	-moz-transition-duration: 500ms;
	-ms-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
}

.ui_heading_1.opens:hover:before {
	border-color: black transparent transparent transparent;
}

.ui_heading_1.opens.toggled:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.ui_heading_1 span.info {
	font-size: 11px;
	float: right;
	display: block;
	padding: 5px 0 0 0;
}

.ui_heading_2 {
	font-size: 20px;
	font-weight: normal;
	padding: 5px;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #E2E2E2;
	color: #444444;
	overflow: hidden;
}

/* UI BUTTONS */
	.ui_button {
		display: inline-block;
		margin: 2px;
		padding: 5px 7px;
		border: 1px solid #E1E1E1;
		color: gray !important;
		cursor: pointer;
		border-radius: 4px;
		background: rgb(243,243,243);
		background: -moz-linear-gradient(top,  rgba(243,243,243,1) 0%, rgba(227,227,227,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,243,243,1)), color-stop(100%,rgba(227,227,227,1)));
		background: -webkit-linear-gradient(top,  rgba(243,243,243,1) 0%,rgba(227,227,227,1) 100%);
		background: -o-linear-gradient(top,  rgba(243,243,243,1) 0%,rgba(227,227,227,1) 100%);
		background: -ms-linear-gradient(top,  rgba(243,243,243,1) 0%,rgba(227,227,227,1) 100%);
		background: linear-gradient(to bottom,  rgba(243,243,243,1) 0%,rgba(227,227,227,1) 100%);
		font-size: 13px;
		text-decoration: none !important;
	}
	.ui_button.basket_refresh { /* BASKET REFRESH */
		float: left;
	}
	.ui_button:active {
		opacity: 0.8;
	}
	.ui_button:hover {
		background: rgb(243,243,243);
	}
	.ui_button.small {
		font-size: 11px;
		padding: 2px 5px 3px 5px;
		border-radius: 3px;
	}
	.ui_button.small:before {
		margin: 1px 0 -1px 0;
	}
	.ui_button.big {
		font-size: 17px;
	}
	/* COLORS */
	.ui_button.green,
	.ui_button.hover_green:hover {
		background: rgb(129,204,0);
		background: -moz-linear-gradient(top,  rgba(129,204,0,1) 0%, rgba(110,188,0,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(129,204,0,1)), color-stop(100%,rgba(110,188,0,1)));
		background: -webkit-linear-gradient(top,  rgba(129,204,0,1) 0%,rgba(110,188,0,1) 100%);
		background: -o-linear-gradient(top,  rgba(129,204,0,1) 0%,rgba(110,188,0,1) 100%);
		background: -ms-linear-gradient(top,  rgba(129,204,0,1) 0%,rgba(110,188,0,1) 100%);
		background: linear-gradient(to bottom,  rgba(129,204,0,1) 0%,rgba(110,188,0,1) 100%);
		border-color: #6AB024;
		color: white !important;
	}
	.ui_button.green:hover {
		background: rgb(129,204,0);
	}
	.ui_button.silver,
	.ui_button.hover_silver:hover {
		background: rgb(249,249,249);
		background: -moz-linear-gradient(top,  rgba(249,249,249,1) 0%, rgba(211,211,211,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(211,211,211,1)));
		background: -webkit-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(211,211,211,1) 100%);
		background: -o-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(211,211,211,1) 100%);
		background: -ms-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(211,211,211,1) 100%);
		background: linear-gradient(to bottom,  rgba(249,249,249,1) 0%,rgba(211,211,211,1) 100%);
		border-color: #C8C8C8;
		color: #363636 !important;
	}
	.ui_button.silver:hover {
		background: rgb(249,249,249);
	}
	.ui_button.orange,
	.ui_button.hover_orange:hover {
		background: rgb(232,162,0);
		background: -moz-linear-gradient(top,  rgba(232,162,0,1) 0%, rgba(214,124,0,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,162,0,1)), color-stop(100%,rgba(214,124,0,1)));
		background: -webkit-linear-gradient(top,  rgba(232,162,0,1) 0%,rgba(214,124,0,1) 100%);
		background: -o-linear-gradient(top,  rgba(232,162,0,1) 0%,rgba(214,124,0,1) 100%);
		background: -ms-linear-gradient(top,  rgba(232,162,0,1) 0%,rgba(214,124,0,1) 100%);
		background: linear-gradient(to bottom,  rgba(232,162,0,1) 0%,rgba(214,124,0,1) 100%);
		border-color: #D89B49;
		color: white !important;
	}
	.ui_button.orange:hover {
		background: rgb(232,162,0);
	}
	.ui_button.red,
	.ui_button.hover_red:hover {
		background: rgb(209,0,0);
		background: -moz-linear-gradient(top,  rgba(209,0,0,1) 0%, rgba(170,0,0,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(209,0,0,1)), color-stop(100%,rgba(170,0,0,1)));
		background: -webkit-linear-gradient(top,  rgba(209,0,0,1) 0%,rgba(170,0,0,1) 100%);
		background: -o-linear-gradient(top,  rgba(209,0,0,1) 0%,rgba(170,0,0,1) 100%);
		background: -ms-linear-gradient(top,  rgba(209,0,0,1) 0%,rgba(170,0,0,1) 100%);
		background: linear-gradient(to bottom,  rgba(209,0,0,1) 0%,rgba(170,0,0,1) 100%);
		border-color: #9B1C1C;
		color: white !important;
	}
	.ui_button.red:hover {
		background: rgb(209,0,0);
	}
	.ui_button.black,
	.ui_button.hover_black:hover {
		background: rgb(79,79,79);
		background: -moz-linear-gradient(top,  rgba(79,79,79,1) 0%, rgba(22,22,22,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(79,79,79,1)), color-stop(100%,rgba(22,22,22,1)));
		background: -webkit-linear-gradient(top,  rgba(79,79,79,1) 0%,rgba(22,22,22,1) 100%);
		background: -o-linear-gradient(top,  rgba(79,79,79,1) 0%,rgba(22,22,22,1) 100%);
		background: -ms-linear-gradient(top,  rgba(79,79,79,1) 0%,rgba(22,22,22,1) 100%);
		background: linear-gradient(to bottom,  rgba(79,79,79,1) 0%,rgba(22,22,22,1) 100%);
		border-color: black;
		color: white !important;
	}
	.ui_button.black:hover {
		background: rgb(79,79,79);
	}
	/* ICONS */
	.ui_button:before {
		display: inline-block;
		padding-right:5px;
		font-family: FontAwesome;
		font-weight: normal;
		font-style: normal;
		text-decoration: inherit;
		-webkit-font-smoothing: antialiased;
		font-size: 14px;
	}
	.ui_button.no_space:before {
		padding-right: 0;
	}
	.ui_button.save:before {
		content: "\f0c7";
	}
	.ui_button.cancel:before {
		content: "\f05e";
	}
	.ui_button.delete:before {
		content: "\f00d";
	}
	.ui_button.preview:before {
		content: "\f06e";
	}
	.ui_button.move:before {
		content: "\f047";
	}
	.ui_button.upload:before {
		content: "\f0ee";
	}
	.ui_button.file:before {
		content: "\f15b";
	}
	.ui_button.add:before {
		content: "\f067";
	}
	.ui_button.edit:before {
		content: "\f040";
	}
	.ui_button.refresh:before {
		content: "\f021";
	}
	.ui_button.basket:before {
		content: "\f07a";
	}
	.ui_button.sendmail:before {
		content: "\f064";
	}
	.ui_button.back:before {
		content: "\f053";
	}
	.ui_button.move_up:before {
		content: "\f176";
	}
	.ui_button.move_down:before {
		content: "\f175";
	}
	.order_buttons .ui_button.move_left:before {
		content: "\f053";
		padding-right: 10px;
	}
	.ui_button.move_left
	.ui_button.move_right:before {
		content: "\f054";
	}
	.ui_button.check:before {
		content: "\f046";
	}
	.ui_button.info:before {
		content: "\f129";
	}
	.ui_button.search:before {
		content: "\f002";
	}
	.ui_button.copy:before {
		content: "\f0c5";
	}
	.ui_button.basket:before {
		content: "\f07a";
	}
	.ui_button.complete:before {
		content: "\f00c";
	}
	.ui_button.favorites:before {
		content: "\f005";
	}

/* UI ICONS */
.ui_icon {
	display: inline-block;
	font-size: 13px;
	text-decoration: none;
	color: #616161;
}
.ui_icon.small {
	font-size: 10px;
}
.ui_icon.big {
	font-size: 17px;
}
.ui_icon:hover {
	color: black;
}
	.ui_icon.green,
	.ui_icon.hover_green:hover {
		color: #6AB024;
	}
	.ui_icon.orange,
	.ui_icon.hover_orange:hover {
		color: #D89B49;
	}
	.ui_icon.red,
	.ui_icon.hover_red:hover {
		color: #9B1C1C;
	}
	.ui_icon.black,
	.ui_icon.hover_black:hover {
		color: black;
	}
	.ui_icon:before {
		display: inline-block;
		font-family: FontAwesome;
		font-weight: normal;
		font-style: normal;
		text-decoration: inherit;
		-webkit-font-smoothing: antialiased;
		text-decoration: none;
	}
	.ui_icon.image:before {
		content: "\f03e"
	}
	.ui_icon.move {
		cursor: move;
	}
	.ui_icon.move:before {
		content: "\f047";	
	}
	.ui_icon.delete:before,
	.ui_icon.remove:before {
		content: "\f00d";
	}
	.ui_icon.refresh:before {
		content: "\f021";
	}

/* UI FORM */
.ui_form {
	position: relative;
}

#order.preview .ui_form {
	margin: 0 10px;
}

	.ui_form .group_box {
		border: 1px solid #CACACA;
		overflow: hidden;
		border-radius: 3px;
		margin: 10px 0;
	}

	.ui_form .group_box .content_space {
		padding: 10px;
		background: white;
	}

		.ui_form .group_box .content_space p {
			padding: 7px 3px;
		}

	.ui_form .group_box.products {
		margin: 0;
	}

		.ui_form .group_box .cms_infobox {
			margin: 7px;
		}

		.ui_form .group_box .group_title {
			background: #EEEEEE;
			box-shadow: inset 1px 1px 0 white;
			padding: 7px;
			font-size: 14px;
			color: #4A4A4A;
			border-bottom: 1px solid #CACACA;
			font-weight: bold;
		}

		.ui_form .group_box .group_title.opens:before {
			content: "";
			display: inline-block;
			margin: 0 7px 3px 0;
			width: 0px;
			height: 0px;
			border-style: solid;
			border-width: 7px 5px 0 5px;
			border-color: #8f8f8f transparent transparent transparent;
			-webkit-transition-duration: 500ms;
			-moz-transition-duration: 500ms;
			-ms-transition-duration: 500ms;
			-o-transition-duration: 500ms;
			transition-duration: 500ms;
		}

		.ui_form .group_box .group_title.opens:hover:before {
			border-color: black transparent transparent transparent;
		}

		.ui_form .group_box .group_title.opens.toggled:before {
			-webkit-transform: rotate(180deg);
			-moz-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
			-o-transform: rotate(180deg);
			transform: rotate(180deg);
		}

		.ui_form .group_box > .content {
			padding: 5px;
			background-color: white;
		}

		.ui_form .group_box.payments .content {
			padding: 0;
		}

		.ui_form .group_box.payments .content .costtofreedelivery {
			margin: 5px 5px -5px 5px;
			padding: 10px 0;
			text-align: center;
			font-size: 15px;
			background: #FFF1DF;
			color: #804600;
		}

	.ui_form .group {
		padding: 10px 0;
	}

	.ui_form .options {
		border-top: 1px solid #DFDFDF;
		margin-top: 10px;
		padding-top: 10px;
	}

	.ui_form .options.center {
		text-align: center;
	}

	.ui_form .options.right {
		text-align: right;
	}

	.ui_form .form_button {
		padding: 6px 8px;
		border: 0;
		cursor: pointer;
		display: inline-block;
		text-decoration: none;
	}

	.ui_form .form_button:hover {
		opacity: 0.8;
	}

	.ui_form .form_button.submit {
		background: #64B32B;
		color: white;
		font-weight: bold;
	}

	.ui_form .item input[type="text"],
	.ui_form .item input[type="password"],
	.ui_form .item textarea,
	.ui_form .item select {
		padding: 5px;
		border: 1px solid #BBBBBB;
		border-radius: 2px;
	}

	.ui_form .item input[type="text"].fv-error,
	.ui_form .item input[type="password"].fv-error,
	.ui_form .item textarea.fv-error {
		border-color: #F39898;
	}

	.ui_form .item select {
		cursor: pointer;
		padding: 4px;
	}

	.ui_form .item label {
		color: #2D2D2D

	}

	.ui_form .item label.no_width {
		width: auto !important;
	}

	.ui_form .item label:after {
		content: "";
		padding-left: 8px;
	}

	.ui_form .item label.required:after {
		content: "*";
		color: #AE0000;
		padding: 0 0 0 3px;
	}

	.ui_form .item span.info {
		font-size: 11px;
		color: gray;
	}

	/* CENTER LINE STYLE OF FORM */
	.ui_form .item.center_line {
		display: block;
		padding: 4px 0;
	}

		.ui_form .item.center_line > label {
			display: inline-block;
			width: 35%;
			text-align: right;
			padding: 5px;
		}

		.order .ui_form .item.center_line > label {
			width: 30%;
		}

		.ui_form .item.center_line input[type="text"],
		.ui_form .item.center_line input[type="password"],
		.ui_form .item.center_line select {
			width: 200px;
			outline: none;
		}

		.order .ui_form .item.center_line input[type="text"],
		.order .ui_form .item.center_line input[type="password"],
		.order .ui_form .item.center_line select {
			width: 160px;
		}

		.ui_form .item.center_line input[type="text"]:focus,
		.ui_form .item.center_line input[type="password"]:focus,
		.ui_form .item.center_line select:focus {
			border-color: #B9B9B9;
		}

		.ui_form .item.center_line .checklist {
			display: inline-block;
			overflow: hidden;
		}

			.ui_form .item.center_line .checklist > div {
				padding: 3px 0;
			}

				.ui_form .item.center_line .checklist > div > input {
					cursor: pointer;
				}

				.ui_form .item.center_line .checklist > div > label {
					cursor: pointer;
					display: inline-block;
					padding: 0 0 0 5px;
				}

	/* LEFT LINE STYLE OF FORM */
	/* CENTER LINE STYLE OF FORM */
	.ui_form .item.line {
		display: block;
		padding: 4px 0;
	}

		.ui_form .item.line > label {
			display: inline-block;
			width: 40%;
			text-align: left;
			padding: 5px;
		}

		.ui_form .item.line input[type="text"],
		.ui_form .item.line input[type="password"],
		.ui_form .item.line select {
			width: 180px;
			outline: none;
		}

		.order .ui_form .item.line input[type="text"],
		.order .ui_form .item.line input[type="password"],
		.order .ui_form .item.line select {
			width: 160px;
		}
											
		.order .ui_form .order_address_contact .content_contact .item.line {
			display: block;
			float: left;			
			width: 45%;
			margin-right: 30px;
		}

		.order .ui_form .order_address_contact .content_contact .item label {
			padding-left: 0 !important;
		}

		.order .ui_form .order_address_contact .content_contact .item.line:nth-child(2) {
			margin-right: 0;
		}

		.order .ui_form .order_address_contact .content_contact .item.line input[type="text"] {
			width: 140px;
		}

		.order .ui_form .order_address_contact .content_contact .item .fv-phone {
			width: 110px !important;
		}

		.ui_form .item.line input[type="text"]:focus,
		.ui_form .item.line input[type="password"]:focus,
		.ui_form .item.line select:focus {
			border-color: #B9B9B9;
		}

		.ui_form .item.line .checklist {
			display: inline-block;
			overflow: hidden;
		}

		.ui_form .item.line .checklist_no_label {
			display: block;
			padding: 5px;
		}

			.ui_form .item.line .checklist > div {
				padding: 3px 0;
			}

				.ui_form .item.line .checklist > div > input {
					cursor: pointer;
				}

				.ui_form .item.line .checklist > div > label {
					cursor: pointer;
					display: inline-block;
					padding: 0 0 0 5px;
				}

/* PAGE 404 */
.page_404 {
	padding: 20px 20px 20px 250px;
	overflow: hidden;
	position: relative;
	width: 450px;
	margin: 0 auto;
}

.page_404:before {
	font-family: FontAwesome;
	font-size: 200px;
	color: silver;
	content: "\f119";
	float: left;
	margin-left: -210px;
}

	.page_404 h1 {
		font-weight: 200;
		font-size: 40px;
		color: black;
		display: block;
		padding: 40px 0 0 0;
	}

	.page_404 p {
		font-size: 22px;
		color: gray;
		display: block;
		padding: 20px 0 0 0;
	}
	
/* FORM2MAIL */
.page_mail_form {
	position: relative;
}

	.page_mail_form .item {
		overflow: hidden;
		padding: 5px;
	}

	.page_mail_form .item.captcha .mailform_captcha {
		overflow: hidden;
	}

		.page_mail_form .item .label {
			float: left;
			width: 200px;
			font-size: 13px;
			text-align: right;
			margin-right: 10px;
			padding: 2px;
		}

		.page_mail_form .item .label:after {
			width: 10px;
			display: inline-block;
			content: "";
			text-align: center;
		}

		.page_mail_form .item .label.required:after {
			content: "*";
			color: red;
		}

/*

POPUP WINDOW

*/
.popuphtml-bg {
	background: black;
	opacity: 0.1;
	filter: alpha(opacity=10);
}

	.popuphtml-window {
		border: 1px solid #EAEAEA;
		background: white;
		padding: 20px;
		border-radius: 5px;
		box-shadow: 0 0 50px rgba(0,0,0,0.1);
		min-width:300px;
	}

		.popuphtml-window .popuphtml-close-btn{
			position: absolute;
			right: -10px;
			top: -10px;
			width: 27px;
			height: 27px;
			border: 0;
			background: #3A3A3A;
			border-radius: 30px;
			color: white;
			cursor: pointer;
			outline: none;
		}

		.popuphtml-window .popuphtml-close-btn:before {
			font-family: FontAwesome;
			font-size: 14px;
			color: #C4C4C4;
			content: "\f00d";
		}

		.popuphtml-window .popuphtml-close-btn:hover {
			background: black;
		}

		.popuphtml-window .popuphtml-close-btn:hover:before {
			color: white;
		}

		/* ORDER TERMS */
		.popuphtml-window .order_terms {
			width: 650px;
		}

			.popuphtml-window .order_terms > h4 {
				display: block;
				padding: 10px;
				border-bottom: 1px solid #D6D6D6;
				margin-bottom: 10px;
				font-size: 15px;
				color: #4E4E4E;
			}

			.popuphtml-window .order_terms > div {
				color: #454545;
				font-size: 12px;
				border-bottom: 1px solid #D6D6D6;
				padding-bottom: 10px;
			}

			.popuphtml-window .order_terms > div p {
				padding: 5px 0;
			}

			.popuphtml-window .order_terms > div h2 {
				padding: 5px 0;
				font-size: 14px;
				font-weight: bold;
			}

			.popuphtml-window .order_terms > div h3 {
				padding: 5px 0;
				font-size: 12px;
				font-weight: bold;
			}

			.popuphtml-window .order_terms > a {
				display: inline-block;
				margin: 15px 0 0 0;
				padding: 5px 7px;
				border: 1px solid #DBDBDB;
				background: #EFEFEF;
				text-decoration: none;
				border-radius: 2px;
				font-weight: bold;
				color: #4F4F4F;
			}

			.popuphtml-window .order_terms > a:hover {
				background: #DADADA;	
			}

		/* POPUP SHOP INFO */
		.popuphtml-window .popup_shop_info {
			width: 500px;
			color: #3F3F3F;
		}

			.popuphtml-window .popup_shop_info table {
				width: 100%;
				border-spacing: 0;
			}

				.popuphtml-window .popup_shop_info table th,
				.popuphtml-window .popup_shop_info table td {
					text-align: left;
					padding: 5px;
					vertical-align: top;
				}

				.popuphtml-window .popup_shop_info table th {
					width: 100px;
					font-weight: bold;
				}

		/* LOADING */
		.popuphtml-window .loading {
			text-align: center;
			font-size: 14px;
			color: #949494;
		}

			.popuphtml-window .loading img {
				margin-bottom: 10px;
				opacity: 0.5;
			}


/*

STATE ICONS

*/
.order_states_icons {
	padding-left: 10px;
}

.ui_state_icon {
	display: inline-block;
	width: 16px;
	height: 11px;
}

	.ui_state_icon.state_cz {
		background: url(/layout/img/icons/flags/cz.png) no-repeat
	}

	.ui_state_icon.state_en {
		background: url(/layout/img/icons/flags/gb.png) no-repeat
	}

	.ui_state_icon.state_de {
		background: url(/layout/img/icons/flags/de.png) no-repeat
	}

	.ui_state_icon.state_pl {
		background: url(/layout/img/icons/flags/pl.png) no-repeat
	}

	.ui_state_icon.state_us {
		background: url(/layout/img/icons/flags/us.png) no-repeat
	}

	.ui_state_icon.state_sk {
		background: url(/layout/img/icons/flags/sk.png) no-repeat
	}

/*

LOGIN SUBPAGE

*/
.page_user_login {

}

.popuphtml .page_user_login {
	width:950px;
}

	.page_user_login .login_area_box {
		float: left;
		width: 48%;
		padding: 30px 0 10px 0;
	}

	.page_user_login .reg_area_box {
		float: right;
		width: 48%;
		padding: 30px 0 10px 0;
	}

	.page_user_login .login_area_box h2,
	.page_user_login .reg_area_box h2,
	.popuphtml .page_user_login .forgot_area_box h2 {
		font-size: 14px;
		font-weight: bold;
		padding: 2px 9px;
		margin: 0 0 5px 0;
		border-left: 3px solid #DDDDDD;
	}

	.page_user_login .forgot_area_box {
		clear: both;
	}

	.popuphtml .page_user_login .login_area_box,
	.popuphtml .page_user_login .reg_area_box {
		padding-top: 10px;
	}

	.popuphtml .page_user_login .ui_form .item.center_line input[type="text"],
	.popuphtml .page_user_login .ui_form .item.center_line input[type="password"],
	.popuphtml .page_user_login .ui_form .item.center_line select {
		width: 180px;
	}

	.popuphtml .page_user_login th {
		text-align: left;
		padding: 5px 0;
	}

	.popuphtml .page_user_login .login_area_box .fv-tooltip,
	.popuphtml .page_user_login .reg_area_box .fv-tooltip {
		left: auto !important;
		right: -15px;
		display: inline-block;
		width: 100px;
		text-align: left;
	}

	.popuphtml .page_user_login .forgot_area_box p {
		padding: 10px 0;
		font-size: 13px;
		color: #3B3B3B;
	}

	.popuphtml .page_user_login .forgot_area_box hr {
		border: 0;
		border-bottom: 1px dashed #DFDFDF;
		margin: 20px 0 10px 0;
	}

	.popuphtml .page_user_login .forgot_area_box .item {
		position: relative;
	}

	.popuphtml .page_user_login .forgot_area_box .fv-tooltip {
		margin-left: 80px;
	}