/** GENERAL **/
.tx-sgveneers-pi1 {
    /*position: relative;*/
}

.sg_ajaxoverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    opacity: 0;
}

/** LISTOPTIONS **/

/** LISTVIEW **/
.sg_letter_filter {
    margin: 0 0 10px;
}

.sg_letterlink {
    margin-right: 5px;
    text-decoration: underline;
}

.sg_listview .hr {
    font-size: 1em;
    height: auto;
    line-height: 1em;
    margin: 5px 0 10px;
    overflow: hidden;
}

.sg_back_to_top {
    float: right;
}

.sg_error {
	text-align: center;
}

/** GALLERYVIEW **/
.sg_gallery {
    overflow: hidden;
}

.sg_veneerSlide,
.sg_galleryitem {
    float: left;
    margin: 0 20px 20px 0;
    width: 290px;
	height: 290px;
    position: relative;
    cursor: pointer;
	max-width: 100%;
}
.sg_veneerSlide {
	margin-right: 0;
	margin-bottom: 0;
}
.sg_veneerSlide.act {
	-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
	-ms-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
	-o-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
	box-shadow:0 0 10px rgba(0, 0, 0, 0.3);
}

.sg_veneerSlide_image,
.sg_galleryitem img {
    transition: transform 0.35s ease-in-out 0s;
}

.sg_veneerSlide a:hover .sg_veneerSlide_image,
.sg_galleryitem a:hover img {
    transform: scale(1.1);
}

/*
.sg_galleryitem a:hover > .sg_galleryitem_hover {
    display: block;
}

.sg_galleryitem_hover_details {
    position: absolute;
    background: url("../images/bg-furnier-hover-2.png") no-repeat scroll 50% 0 / 31%;
    width: 145px;
    height: 125px;
    top: 20px;
}

.sg_galleryitem_hover_name {
    position: absolute;
    text-align: center;
    width: 145px;
    top: 50px;
    color: #FFFFFF;
    line-height: 1.1em;
}

.sg_galleryitem_hover {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 145px;
    height: 145px;
    background: url('../images/bg-furnier-hover.png') repeat;
}
*/

.sg_veneerSlide_figure,
.sg_gallery_figure {
    overflow: hidden;
    position: relative;
}

.sg_veneerSlide_caption,
.sg_gallery_caption {
    position:absolute;
	bottom:0;
	left:0;
	display:block;
	color:#fff;
	width:100%;
	padding:29px 0 5px 15px;
    line-height: 1em;
	/*background:url(../images/tile-caption-bg.png) repeat-x center bottom;*/
	background-image: linear-gradient(180deg, transparent 0%, #000 143%);
	background-image: -moz-linear-gradient(top, transparent 0%, #000 143%);
	background-image: -webkit-linear-gradient(top, transparent 0%, #000 143%);
	background-image: -o-linear-gradient(top, transparent 0%, #000 143%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	height:60px;
}

/** DETAILVIEW **/
.sg_detailview {
    overflow: hidden;
}

.sg_detailview_left {
    float: left;
    width: 33%;
}

.sg_detailview_right {
    float: right;
    width: 65%;
    margin-left: 2%;
}

.sg_detailview_toollink {
    cursor: pointer;
}

.sg_detailview_fsc,
.sg_detailview_pefc {
    float: left;
    margin-right: 40px;
}

.sg_detailview_left .sg_detailview_heading {
    display: none;
}

.sg_detailview_pricegroup_filter,
.sg_detailview_availability_filter {
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: -18px 0;
    background-image: url('../images/icon_kaestchen.png');
    width: 15px;
    height: 15px;
    cursor: pointer;
    float: left;
    margin-right: 5px;
    position: relative;
    top: 5px;
}

.sg_filter_tooltip {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ddd;
    color: #444;
    display: none;
    font-size: 12px;
    left: -40px;
    padding: 2px 0;
    position: absolute;
    text-align: center;
    top: -35px;
    width: 100px;
}

.sg_detailview_availability_info:hover .sg_filter_tooltip,
.sg_detailview_pricegroup_info:hover .sg_filter_tooltip,
.sg_detailview_pricegroup_filter:hover .sg_filter_tooltip,
.sg_detailview_availability_filter:hover .sg_filter_tooltip {
    display: block !important;
}

.sg_filter_pricegroup_js,
.sg_filter_availability_js {
    display: none;
}

.sg_detailview_pricegroup_filter.act,
.sg_detailview_availability_filter.act {
    background-position: 0 0;
}

/** TOOL **/
.sg_veneertool_overlay {
    background: none repeat scroll 0 0 #000000;
    position: fixed;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    top: 0;
    left: 0;
    z-index: 100000;
    display: none;
}

.sg_veneertool {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100001;
    display: none;
    background: #FFFFFF;
    overflow: hidden;
}

.sg_detailview_toollink {
    color: #313131;
    background: url("../images/furnier-designer-icon.png") no-repeat scroll rgba(0, 0, 0, 0);
    background-position: 6% 50%;
    background-position: calc(10% - 17px) 50%;
}

.sg_tool_options_row,
.sg_tool_options,
.sg_tool_image_container {
    overflow: hidden;
}

.sg_tool_options {
    width: 300px;
    padding: 1%;
    margin-right: 1%;
    float: left;
    overflow: auto;
    background: #F0F0F0;
    height: 100%;
}

.sg_tool_gallery_container {
    padding-top: 1%;    
    overflow: auto;
}

.sg_tool_canvas_container {
    position: relative;
    margin: 1% 0;
    width: 1920px;
    height: 1080px;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
}

.sg_tool_image_container {
    position: relative;
    padding: 1% 1% 1% 0;
    width: auto;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
}

#sg_veneer_canvas {
    float: right;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
}

.sg_tool_canvas_overlay {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    opacity: 0;
    background: #FFFFFF;
    z-index: -1;
}
/*
.sg_tool_top {
    height: 82px;
    overflow:hidden;
	background: rgb(0, 0, 0);
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
}
.sg_tool_logo {
    float: left;
    width: 15.5%;
}
*/
.sg_tool_heading {
    float: left;
    font-size: 20px;
    line-height: 53px;
    margin: 0;
    text-align: left;
    width: 60%;
    color: #fff;
    text-transform: uppercase;
    padding-top: 14px;		background:url(../images/furnier-designer-icon-white.png) no-repeat left 27px;		padding-left:40px;
}

.sg_tool_close {
    background-image: url("../images/tool-close.png");
    background-repeat: no-repeat;
    background-position: 100% 24px;
    color: #fff;
    float: right;
    height: 82px;
    font-size: 16px;
    line-height: 16px;
    padding: 33px 50px 0 0;
    text-align: right;
    margin-right: 4%;
    cursor: pointer;
}

.sg_caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    color: #fff;
    text-align: center;
    cursor: pointer;
    padding: 22px 0 0 0;
    font-size: 1em;
    line-height: 1em;
	background-image: linear-gradient(top, transparent 0%, #000 143%);
	background-image: -moz-linear-gradient(top, transparent 0%, #000 143%);
	background-image: -webkit-linear-gradient(top, transparent 0%, #000 143%);
	background-image: -o-linear-gradient(top, transparent 0%, #000 143%);
	height:60px;
}

.rotated .sg_caption {
    display: none;
}

.sg_canvas_container {
    cursor: pointer;
}

.sg_tool_options_row input {
    margin-right: 5px;
    position: relative;
    vertical-align: middle;
}

.color_picker {
    background: none repeat scroll 0 0 #000000;
    float: left;
    height: 30px;
    margin: 0 10px 10px 0;
    width: 30px;
    border: 1px solid black;
}

.sg_color {
    background: none repeat scroll 0 0 black;
    float: left;
    width: 90px;
    transition: background 2s ease;
    position: absolute;
    display: none;
    cursor: pointer;
}

.sg_canvas_container {
    position: absolute;
}

.sg_button_row {
    margin-bottom: 20px;
    padding: 10px 0;
}

.sg_options_button {
    border: 1px solid black;
    padding: 5px 10px;
    font-size: 1.5em;
}

/* carrousel */
.sg_veneer_carrousel {
	width:100%;
	position:relative;
	height:310px;
	padding:0 115px;
	max-width:1760px;
	margin:0 auto;
	margin-top:50px;
}

.sg_veneer_carrousel_slides {
	overflow: hidden;
}

.sg_veneer_carrousel_slides .sg_veneerSlide {
	width:290px;
	position:relative;
	overflow:hidden;
	float: left;
	margin-left: 20px;
}

.sg_veneer_carrousel_slides .sg_veneerSlide:hover {
	-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
	-ms-box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
	-o-box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
	box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
}

.sg_veneer_carrousel_slides .sg_veneerSlide:first-child {
	margin: 0;
}

.sg_veneer_carrousel_inner {
	height: 310px;
	overflow: hidden;
	position:relative;
    padding:10px 0;
}

.sg_veneer_carrousel_slides .sg_veneerSlide img {
	width:100%;
	height:100%;
	overflow:hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
}

.sg_veneer_carrousel_slides .sg_veneerSlide .sg_veneer_slide_text {
	width:290px;
	height:58px;
	position:absolute;
	bottom:0;
	left:0;
	color:#fff;
	padding-left:16px;
	background-image:-moz-linear-gradient(center top , transparent 0%, #000 143%);
	background-image:-o-linear-gradient(center top , transparent 0%, #000 143%);
	background-image:-ms-linear-gradient(center top , transparent 0%, #000 143%);
	background-image:-webkit-linear-gradient(center top , transparent 0%, #000 143%);
	background-image:linear-gradient(center top , transparent 0%, #000 143%);
}

#colpick_left,
#colpick_right,
#colpick_veneercolor {
	margin:0;
	padding:0;
	border:0;
	width:90px;
	height:25px;
	border-right:20px solid green;
	line-height:20px;
}

#sg_tool_jointing p {
	margin: 0;
}

.tx-sgveneers-pi3 {
	background: #000000;
}