@font-face {
    font-family: 'andalus';
    src: url('/Configurator/resources/fonts/andalus.ttf');
}
@font-face {
    font-family: 'edwardian';
    src: url('/Configurator/resources/fonts/edwardian.ttf');
}

canvas {
    font-family:'andalus', 'edwardian'
}

body {
	background-color:transparent;
}

.bkgInterfaceSTD {
	background-color:transparent;
}
.bkgInterface {
	background-color:transparent;
	overflow:hidden;
}
.bkgInterfaceRight {
	background-color:transparent;
	overflow-x:hidden;
}

.bkgInterfaceWatch {
	background-color:transparent;
	overflow:hidden;
	background: #c4c4c4 url("/Configurator/javax.faces.resource/images/ui-bg_highlight-hard_80_c4c4c4_1x100.png.xhtml?ln=primefaces-aristo") 50% 50% repeat-x;
    background: #c4c4c4 linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));
    background: #c4c4c4 -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0)));
    background: #c4c4c4 -moz-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));
}

.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 10px; }
.ui-widget,.ui-widget .ui-widget { /*font-size: 90% !important;*/ }
.tdPanelGrid { vertical-align: top; }
.ui-widget-content {
    border: 0px;
    background-color:transparent;
}

.ui-accordion .ui-accordion-content {
	padding: 0px;
	background-color:transparent;
}

.ui-layout-unit .ui-layout-unit-content {
	padding: 0px;
}

.componentTop td {
	vertical-align:top;
}

.backcase {
	background-image: url(/121time/configurator/themes/standard/personalize/backcase-235x229-man-neutral.png);
}

.splashconfig {
	background-image: url(/121time/configurator/themes/standard/common/s-f-scratch-425x495-en.png);
	background-position: top center;
	background-repeat: no-repeat;
	z-index:0;
	position:absolute;
	left:0px;
	top:0px;
}

.ui-icon-addbasket {
    background-image: url(/Configurator/resources/img/pictos/shopping-cart.png);
}

.categoryPriceBloc {
	width: 100px;
	height: 12px;
	font-size: 8pt;
	background-color: #454545;
	color: #ffffff;
	position: absolute;
	bottom:2px;
}
.categoryImageBloc {
	position: absolute;
	bottom:12px;
}
.categoryBoxBase {
	width:80px;
	height:40px;
	border:1px solid #454545;
}
.categoryBoxBaseSelected {
	width:130px;
	height:50px;
	border:1px solid #454545;
	background-color: #810008;
	color: #ffffff;
}
.categoryBoxTitre {
	height:20px;
	width:100px;
	position: absolute;
	z-index: 1;
}

.categoryBox {
	border: 1px solid #a8a8a8;
	width:100px;
	height:100px;
	position: relative;
	/*border:1px solid #454545;*/
	/*padding-bottom:10px;*/
	font-size: 11pt;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.7);
	color: #810008;
	text-transform: uppercase;
	font-weight: bold;
	background: #c4c4c4 url("/Configurator/javax.faces.resource/images/ui-bg_highlight-hard_80_c4c4c4_1x100.png.xhtml?ln=primefaces-aristo") 50% 50% repeat-x;
    background: #c4c4c4 linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));
    background: #c4c4c4 -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0)));
    background: #c4c4c4 -moz-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));

	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-bottomleft: 2px;
	-moz-border-radius-bottomright: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
}
.categoryBoxSelected {
	border: 1px solid #a80511;
	position: relative;
	width:100px;
	height:100px;
	font-size: 11pt;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.7);
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
	background: #a80511 url("/Configurator/javax.faces.resource/images/ui-bg_highlight-hard_80_c4c4c4_1x100.png.xhtml?ln=primefaces-aristo") 50% 50% repeat-x;
    background: #a80511 linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));
    background: #a80511 -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0)));
    background: #a80511 -moz-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-bottomleft: 2px;
	-moz-border-radius-bottomright: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
}
.categoryBox:hover {
	background-color: grey;
}
.imgCategoryBox {
	width: 100px;
	height: 63px;
}
.categoryBoxColor {
	width:100px;
	height:40px;
	border: 1px solid #a8a8a8;
	
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-bottomleft: 2px;
	-moz-border-radius-bottomright: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
}

.categoryBoxColor:hover {
	border: 1px solid #454545;
}

.displayPriceBlocContainer {
	position: relative;
	width: 100%;
	height: 100%;
}
.displayPriceBloc {
	position: absolute; 
	width: 100%;
	height: 50px;
	font-size: 12pt;
	/*background-color: #ebebeb;*/
	color: #f00614;
	/*padding: 5px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #a6a6a6;*/
}

.overlay {
  fill: none;
  pointer-events: all;
}

.dialogCustom {
	padding: 0px;
}

.ui-dialog .ui-dialog-content {
	/*padding: 0;*/
}
h3.ui-accordion-header.ui-helper-reset.ui-state-default.ui-corner-all.ui-state-disabled {
    opacity: 0.7;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: 0.7;
}
a#frm\:watchComponent\:j_idt15 {
    background-color: aliceblue;
}