﻿/* COMMON CSS */
* {
	padding: 0px;
	margin: 0px;
}
html {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
@font-face {
font-family: 'ChicRegular';
	src: url('../fonts/ChicRegular.eot'); /* IE9 Compat Modes */
	src: local('ChicRegular'),
		 url('../fonts/ChicRegular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('../fonts/ChicRegular.woff') format('woff'),/* Modern Browsers */
	     url('../fonts/ChicRegular.ttf') format('truetype'),/* Safari, Android, iOS */
	     url('../fonts/ChicRegular.svg#ChicRegular') format('svg');/* Legacy iOS */
	font-weight: normal;
	font-style: normal;
}
body {
	width: 100%;
	height: 100%;
	font-size: 1em;
	color: #7f7f7f;
	background-color: #ffffff;
	background-image: url('../images/overlays/86grey.png');
	background-repeat: repeat;
	font-family: ChicRegular;
	overflow: hidden;
}
a {
	outline: none;
	text-decoration: none;
	color: #bc4040;
}
a:hover {
	color:#f80000;
}	
img {
	border: none;
}
.float-clear:after {
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0px;
	height: 0px;
}
.float-clear {
	display: inline-block;
}
.float-left {
	float: left;
}
html[xmlns] .float-clear {
	display: block;
}
* html .float-clear {
	height: 1%;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
.background-86white {
	background-image: url('../images/overlays/86white.png');
	background-repeat: repeat;
}
.background-86black {
	background-image: url('../images/overlays/86black.png');
	background-repeat: repeat;
}
#slider-fullscreen {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: auto !important;
	min-height: 100%;
	height: 100%;
}
#slider-fullscreen .fill {
	position: absolute;
	display: block;
	width: auto;
	height: auto;
	max-width: none;
	max-height: none;
}
#site-wrapper {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	height: 100%;
	overflow: auto;
	z-index: 100;
}
#sidebar-wrapper {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 64px;
	right: 64px;
	overflow: hidden;
}
#sidebar {
	width: 240px;
	height: 100%;
}
#sidebar .logo {
	position: relative;
	width: 100%;
	height: 112px;
	text-align: center;
	margin-bottom: 1px;
	border: 1px #101010 solid;
	margin-top: 12px;
}
#sidebar .logo img {
	margin-top: 34px;
	vertical-align: middle;
}
#sidebar .logo a {
	display: block;
}
#main-menu-wrapper {
	margin-bottom: 1px;
}
#main-menu {
	display: block;
	font-size: 80%;
	font-weight: bold;
	width: 100%;
}
#main-menu > li {
	width: 240px;
	list-style-type: none;
	margin-bottom: 1px;
	background-image: url('../images/overlays/64black.png');
	background-repeat: repeat;
	border: 1px #101010 solid;
}
#main-menu > li > a {
	display: inline-block;
	text-decoration: none;
	height: 50px;
	color: #CFD1D4;
	width: 240px;
	line-height: 50px;
	text-align: right;
}
#main-menu .hovermenu {
	background-image: url('../images/overlays/86black.png');
	background-repeat: repeat;
	border-right: solid 1px transparent;
}
#main-menu li a img {
	float: left;
	margin-left: 16px;
	margin-top: 20px;
}
#main-menu li a span.text-link {
	margin-right: 16px;
}
#main-menu .submenu-wrapper {
	position: absolute;
	top: 127px;
	left: 242px;
	width: auto;
	display: none;
	padding: 12px;
	background-image: url('../images/overlays/86black.png');
	background-repeat: repeat;
	color: #CFD1D4;
	z-index: 1000;
}
#main-menu .header {
	padding-top: 7px;
	font-size: 100%;
	text-align: left;
	padding-bottom: 16px;
	font-weight: bold;
}
#main-menu .column ul li h2 {
	height: 20px;
	font-size: 100%;
	font-weight: bold;
}
#main-menu .column ul li {
	height: 20px;
	width: 130px;
	list-style-type: none;
	text-align: left;
}
#main-menu .column ul li a {
	text-decoration: none;
	color: #A7A9AC;
	text-indent: 12px;
	display: block;
}
#main-menu .column ul li:hover a {
	background-image: url('../images/overlays/64white.png');
	background-repeat: repeat;
	color: #040404;
}
#main-menu .collections {
	display: none;
}
#mini-menu-wrapper {
	position: absolute;
	width: 240px;
	bottom: 12px;
	top: 392px;
	background-image: url('../images/overlays/64black.png');
	background-repeat: repeat;
	border: 1px #101010 solid;
	min-height: 50px;
}
#mini-menu {
	width: 100%;
	height: 100%;
}
#mini-menu .menu-icons li {
	float: left;
	width: 60px;
	height: 50px;
	list-style-type:none;
}
#mini-menu .menu-icons li a {
	display: block;
	position: absolute;
	width: 60px;
	height: 50px;
	margin: 4px auto 4px auto;
	text-align: center;
	line-height: 71px;
	font-size: 82%;
	font-weight: normal;
	color: #CFD1D4;
}
#mini-menu .menu-icons li:hover {
	background-image: url('../images/overlays/86black.png');
	background-repeat: repeat;
}
#mini-menu .menu-icons li a.contact {
	background-image:url('../images/icons/mini-menu-icons.png');
	background-position: left 0px;
	background-repeat:no-repeat;
}
#mini-menu .menu-icons li a.news {
	background-image:url('../images/icons/mini-menu-icons.png');
	background-position: -60px 0px;
	background-repeat:no-repeat;
}
#mini-menu .menu-icons li a.login {
	background-image:url('../images/icons/mini-menu-icons.png');
	background-position: -120px 0px;
	background-repeat:no-repeat;
}
#mini-menu .menu-icons li a.search {
	background-image:url('../images/icons/mini-menu-icons.png');
	background-position: right 0px;
	background-repeat:no-repeat;
}
#sidebar .legal {
	position:absolute;
	width: 240px;
	text-align:center;
	bottom: 16px;
	color: #CFD1D4;
	font-size: 60%;
}
#content-wrapper {
	position: absolute;
	overflow: auto;
	top: 0px;
	bottom: 0px;
	left: 318px;
	right: 0px;
	height: 100%;
}
#content {
	margin: 12px 64px 12px 0px;
	width: auto;
	height: auto;
	overflow: hidden;
}
/* CONTACT US */
#menu-contact {
	position: absolute;
	width: 90%;
	height: 90%;
}
#menu-contact .header {
	position: absolute;
	top: 0px;
	right: 0px;
	left: 0px;
	height: 48px;
	line-height: 48px;
	text-indent: 48px;
	font-size: 106%;
	font-weight:bold;
	background-image: url('../images/overlays/90black.png');
	background-repeat: repeat;
	border: 1px #101010 solid;
}
#menu-contact .header .icon {
	position: absolute;
	top: 0px;
	left: 0px;
}
#menu-contact .content {
	position: absolute;
	top: 52px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-image: url('../images/overlays/90black.png');
	background-repeat: repeat;
	border: 1px #101010 solid;
}
#menu-contact .wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
}
#menu-contact .left {
	position: absolute;
	left: 0px;
	width: 300px;
	height: 100%;
}
#menu-contact .details {
	position: absolute;
	left: 46px;
	width: 254px;
	height: 100%;
}
#menu-contact h2 {
	width: 160px;
	height: 24px;
	font-size: 100%;
	margin-top: 24px;
	margin-bottom: 6px;
	border-bottom: 1px #101010 solid;
}
#menu-contact .phone {
	height: 38px;
}
#menu-contact .label {
	display: block;
	width: 50px;
}
#menu-contact .data {
	display: block;
	position: absolute;
	top: 0px;
	left: 50px;
	width: 180px;
}
#menu-contact p {
	position: relative;
}
#menu-contact .right {
	position: absolute;
	left: 300px;
	right: 0px;
	height: 100%;
	background-image: url('../images/overlays/86grey.png');
	background-repeat: repeat;
}
#menu-contact .map {
	width: 100%;
    height: 100%;
    border: 0px;
    margin: 0px;
}
/* COMING SOON */
#menu-comingsoon {
	position: absolute;
	width: 560px;
	height: 300px;
}
#menu-comingsoon .header {
	position: absolute;
	top: 0px;
	right: 0px;
	left: 0px;
	height: 48px;
	line-height: 48px;
	text-indent: 48px;
	font-size: 106%;
	font-weight:bold;
	background-image: url('../images/overlays/90black.png');
	background-repeat: repeat;
	border: 1px #101010 solid;
}
#menu-comingsoon .header .icon {
	position: absolute;
	top: 0px;
	left: 0px;
}
#menu-comingsoon .content {
	position: absolute;
	top: 52px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-image: url('../images/overlays/90black.png');
	background-repeat: repeat;
	border: 1px #101010 solid;
}
#menu-comingsoon .wrapper {
	position: absolute;
	top: 12px;
	left: 46px;
	right:0px;
	bottom:0px;
}
#menu-comingsoon .comingsoon {
	top: 48px;
	left: -46px;
	bottom: 0px;
	right: 0px;
	width: 50%;
	height: 50%;
	overflow: auto;
	margin: auto;
	position: absolute;
	text-align:center;
}
/* NEWS */
#menu-news {
	position: absolute;
	width: 700px;
	height: 550px;
}
#menu-news .header {
	position: absolute;
	top: 0px;
	right: 0px;
	left: 0px;
	height: 48px;
	line-height: 48px;
	text-indent: 48px;
	font-size: 106%;
	font-weight:bold;
	background-image: url('../images/overlays/90black.png');
	background-repeat: repeat;
	border: 1px #101010 solid;
}
#menu-news .header .icon {
	position: absolute;
	top: 0px;
	left: 0px;
}
#menu-news .content {
	position: absolute;
	top: 52px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-image: url('../images/overlays/general-bg.jpg');
	background-repeat:no-repeat;
	border: 1px #101010 solid;
}
#menu-news .contentxmas {
	position: absolute;
	top: 52px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-image: url('../images/overlays/xmas-bg.png');
	background-repeat:no-repeat;
	border: 1px #101010 solid;
}
#menu-news .wrapper {
	position: absolute;
	top: 12px;
	left: 46px;
	right:0px;
	bottom:0px;
}
#menu-news .wrapperxmas {
	position: absolute;
	top: 0px;
	left: 148px;
	right:0px;
	bottom:0px;
}
#menu-news .details 
{
	color:#171a1a;
	padding:32px;
}
#menu-news h2 
{
	padding-top:16px;
	padding-bottom:24px;
}
#menu-news p
{
	padding-bottom: 8px;
	padding-right:16px;
}		
#menu-news .details ul {
	list-style-position: outside;
	margin-left:0px;
	padding-left: 1.2em;
}
#menu-news .details ul li 
{
	margin-left:0px;
	padding-top:4px;
	padding-bottom:4px;
	padding-left: .5em;
	padding-right:3em;
}
#menu-news div.expo 
{
	padding-top: 128px;
	padding-top: 64px;
	padding-left:0px;
	padding-left:32px;
	padding-right:32px;
	padding-right:64px;
}
/* NEWS ORG
#menu-news {
	position: absolute;
	width: 560px;
	height: 300px;
}
#menu-news .header {
	position: absolute;
	top: 0px;
	right: 0px;
	left: 0px;
	height: 48px;
	line-height: 48px;
	text-indent: 48px;
	font-size: 106%;
	font-weight:bold;
	background-image: url('../images/overlays/90black.png');
	background-repeat: repeat;
	border: 1px #101010 solid;
}
#menu-news .header .icon {
	position: absolute;
	top: 0px;
	left: 0px;
}
#menu-news .content {
	position: absolute;
	top: 52px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-image: url('../images/overlays/90black.png');
	background-repeat: repeat;
	border: 1px #101010 solid;
}
#menu-news .wrapper {
	position: absolute;
	top: 12px;
	left: 46px;
	right:0px;
	bottom:0px;
}
#menu-news .comingsoon {
	top: 48px;
	left: -46px;
	bottom: 0px;
	right: 0px;
	width: 50%;
	height: 50%;
	overflow: auto;
	margin: auto;
	position: absolute;
	text-align:center;
}
*/
/* CLIENT LOGIN */
#menu-login {
	position: absolute;
	width: 560px;
	height: 300px;
}
#menu-login .header {
	position: absolute;
	top: 0px;
	right: 0px;
	left: 0px;
	height: 48px;
	line-height: 48px;
	text-indent: 48px;
	font-size: 106%;
	font-weight:bold;
	background-image: url('../images/overlays/90black.png');
	background-repeat: repeat;
	border: 1px #101010 solid;
}
#menu-login .header .icon {
	position: absolute;
	top: 0px;
	left: 0px;
}
#menu-login .content {
	position: absolute;
	top: 52px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-image: url('../images/overlays/90black.png');
	background-repeat: repeat;
	border: 1px #101010 solid;
}
#menu-login .wrapper {
	position: absolute;
	top: 12px;
	left: 46px;
	right:0px;
	bottom:0px;
}
#menu-login .step1 {
	display:none;
}
#menu-login .step2 {
	display:none;
	padding-top: 16px;
}
#menu-login .step2 p {
	padding:16px 0px 0px 0px;
}
#menu-login .pricelist {
	padding-right: 16px;
	vertical-align:middle;
}
#menu-login .left {
	position:absolute;
	top:0px;
	left:0px;
	width: 242px;
	bottom: 12px;
}
#menu-login .right {
	position:absolute;
	top:0px;
	left: 260px;
	right: 24px;	
	bottom: 12px;
}
#menu-login .register {
	position:relative;
	width:100%;
	height:100%;
	margin-top: 22px;	
}
#menu-login .register h2 {
	font-size:110%;
	font-weight:normal;
	margin-bottom:12px;	
}
#menu-login .application {
	margin-top:12px;
}
#menu-login .error {
	color: #ff0000;
	margin-top:16px;
}
#menu-login form .label {
	display: block;
	position: relative;
	width: 100%;
	font-size: 110%;
	margin-bottom: 4px;
}
#menu-login form .input {
	display: block;
	position: relative;
	width: 200px;
	padding: 8px;
	margin-bottom: 8px;
	background-color: #b0b0b0;
	border: 1px #101010 solid;
}
#menu-login form .submit {
	display: block;
	position: relative;
	width: 218px;
	height: 34px;
	padding: 8px;
	background-color:#7f7f7f;
	color: #cfd1d4;
	border: 1px #101010 solid;
	margin-top:30px;
	cursor:pointer;
}
/*--#menu-login form .submit {
	display: block;
	position: relative;
	width: 218px;
	height:44px;
	padding: 8px;
	background-color:#7f7f7f;
	color: #b0b0b0;
	border: 1px #101010 solid;
	margin-top:10px;
	cursor:pointer;
}-->*/
#menu-login form .submit:hover {
	background-color: #cfd1d4;
	color: #7f7f7f;
}
#menu-login 

/* CLIENT REGISTER */
#menu-register {
	position: absolute;
	width: 752px;
	height: 512px;
}
#menu-register .header {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 48px;
	line-height: 48px;
	text-indent: 48px;
	font-size: 106%;
	font-weight: bold;
	background-image: url('../images/overlays/90black.png');
	background-repeat: repeat;
	border: 1px #101010 solid;
}
#menu-register .header .icon {
	position: absolute;
	top: 0px;
	left: 0px;
}
#menu-register .content {
	position: absolute;
	top: 52px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-image: url('../images/overlays/90black.png');
	background-repeat: repeat;
	border: 1px #101010 solid;
}
#menu-register .wrapper {
	position: absolute;
	top: 12px;
	left: 46px;
	right: 0px;
	bottom: 0px;
}
#menu-register .left {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 12px;
	width: 316px;
	height: 296px;
}
#menu-register .right {
	position: absolute;
	top: 0px;
	left: 330px;
	right: 0px;
	bottom: 12px;
	width: 316px;
	height: 296px;
}
#menu-register ul li {
	list-style: none;
	margin-bottom: 4px;
	height: 34px;
	line-height: 34px;
	}
#menu-register h2 {
	font-size: 110%;
	font-weight: normal;
	margin-bottom: 12px;
}
#menu-register form {
	position: absolute;
	left: 12px;
	top: 12px;
}
#menu-register form label {
	padding-left: 6px;
}
#menu-register .left span.label, #menu-register .right span.label {
	display: inline-block;
	width: 120px;
}
#menu-register .left span.data, #menu-register .right span.data {
	display: inline-block;
	width: 180px;
}
#menu-register form .left input, #menu-register form .right input {
	width: 100%;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	background-color: #CFD1D4;
	border: 1px #101010 solid;
}
#menu-register span.data select {
	width: 190px;
	padding: 4px;
	border: 1px #101010 solid;
	background-color: #CFD1D4;
	line-height: 24px;
}
#menu-register .left-bottom {
	position: absolute;
	top: 308px;
	left: 0px;
	bottom: 12px;
	width: 438px;
	height: 100px;
}
#menu-register .left-bottom ul li {
	display: block;
	float:left;
	width: 130px;
	margin-left:8px;
	height: 20px;
	line-height: 20px;
}
#menu-register .left-bottom span.label {
	margin-left: 6px;
}
#menu-register .right-bottom {
	position: absolute;
	top: 308px;
	left:450px;
	width: 200px;
	height: 100px;
}
#menu-register form .Register {
	display: block;
	position: relative;
	width: 200px;
	height: 44px;
	padding: 8px;
	background-color: #7f7f7f;
	color: #b0b0b0;
	border: 1px #101010 solid;
	margin-top: 28px;
	cursor: pointer;
}
#menu-register form .Register:hover {
	background-color: #b0b0b0;
	color: #7f7f7f;
}
#menu-register form span.data .Register {
	position: absolute;
	right: 0px;
}
/* SEARCH */
#menu-search {
	position: absolute;
	width: 560px;
	height: 300px;
}
#menu-search .header {
	position: absolute;
	top: 0px;
	right: 0px;
	left: 0px;
	height: 48px;
	line-height: 48px;
	text-indent: 48px;
	font-size: 106%;
	font-weight:bold;
	background-image: url('../images/overlays/90black.png');
	background-repeat: repeat;
	border: 1px #101010 solid;
}
#menu-search .header .icon {
	position: absolute;
	top: 0px;
	left: 0px;
}
#menu-search .content {
	position: absolute;
	top: 52px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-image: url('../images/overlays/90black.png');
	background-repeat: repeat;
	border: 1px #101010 solid;
}
#menu-search .wrapper {
	position: absolute;
	top: 12px;
	left: 46px;
	right:0px;
	bottom:0px;
}
#menu-search .comingsoon {
	top: 48px;
	left: -46px;
	bottom: 0px;
	right: 0px;
	width: 50%;
	height: 50%;
	overflow: auto;
	margin: auto;
	position: absolute;
	text-align:center;
}
/* LEGAL */
#menu-legal {
	position: absolute;
	width: 90%;
	height: 90%;
}
#menu-legal .header {
	position: absolute;
	top: 0px;
	right: 0px;
	left: 0px;
	height: 48px;
	line-height: 48px;
	text-indent: 48px;
	font-size: 106%;
	font-weight:bold;
	background-image: url('../images/overlays/90black.png');
	background-repeat: repeat;
	border: 1px #101010 solid;
}
#menu-legal .header .icon {
	position: absolute;
	top: 0px;
	left: 0px;
}
#menu-legal .content {
	position: absolute;
	top: 52px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-image: url('../images/overlays/90black.png');
	background-repeat: repeat;
	border: 1px #101010 solid;
}
#menu-legal .wrapper {
	position: absolute;
	top: 12px;
	left: 46px;
	right:0px;
	bottom:0px;
}
#menu-legal .left {
	position:absolute;
	top:0px;
	left:0px;
	width: 230px;
	bottom: 12px;
}
#menu-legal .right {
	position:absolute;
	top:0px;
	left: 212px;
	right: 12px;	
	bottom: 12px;
	overflow:auto;
	padding: 12px;
}
#menu-legal .right span {
	font-size: 76%;
}
.right .menu-legal  h2 a {
	color: #7f7f7f;
}
#menu-legal h2 {
	height: 20px;
	font-size: 80%;
	margin-top: 24px;
	margin-bottom: 6px;
}
#menu-legal p {
	padding-bottom: 12px;
	font-size: 90%;
}
