/*<style>*/

/*** HTML ***/

html{
	border:0;
	height:100%;
	margin:0;
	padding:0;
}

html, body {
	height:100%;
}

body{
	background-color: #ffffff;
	border:0;
	color:#aaaaaa;
	font-family: 'Raleway', sans-serif;
	font-size:12px;
	height:100%;
	margin:0;
	overflow-x:hidden;
	padding:0;
	text-align:justify;
}

body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}

*:not(p){
	margin:0;
	padding:0;
}

.wow{
	visibility: hidden;
}

.sitemap li{
	margin: 5px;
}

#divHomePopUp{
	background-color: #FFF;
	padding: 20px;
	width:1000px;
	height:650px;	
	text-align:center;
	display: none;
}

#divHomePopUpImage{
	text-align: center;
}

#divHomePopUpTitle, #divHomePopUpText{
	text-align: center;
	margin-bottom: 10px;
}

#divHomePopUpTitle{
	font-size: 24px;
	font-weight: bold;
}

#divGoogleMaps{
	width: 100%;
	height: 500px;
}

#navigation_mobile {
	display:none;
}

#navigation_mobile_logo_holder{
	position:absolute;
    top:0;
    display:none;
    padding-left:5px;
    padding-top:5px;
    width:350px;
    height:49px;
    cursor:pointer;
}

#navigation_mobile_logo{
	float:left;
    width:50px;
	display:none;
}

#navigation_mobile_title{
	float:left;
    width:200px;
	padding-left:5px;
    padding-top:10px;
    color:#ffffff;
    font-size:12pt;
}

.showroom{
	margin-top:20px;
}

.error{
	color:#ff0000;
	display: none;
}

/*** AJAX ***/

#divAjaxMessageSuccess{
	width: 708px;
	height: 20px;
	padding: 5px 0;
	text-align: center;
	border: solid 1px #063;
	background-color: #6C6;
	margin-bottom: 5px;
	margin-top: 15px;
	color: #063;
	display: none;
}

#divAjaxMessageError{
	width: 708px;
	height: 20px;
	padding: 5px 0;
	text-align: center;
	border: solid 1px #900;
	background-color: #F66;
	margin-bottom: 5px;
	margin-top: 15px;
	color: #900;
	display: none;
}

#divAjaxMessageInfo{
	width: 708px;
	height: 20px;
	padding: 5px 0;
	text-align: center;
	border: solid 1px #009;
	background-color: #6CF;
	margin-bottom: 5px;
	margin-top: 15px;
	color: #009;
	display: none;
}

/*** HEADER ***/

#header_wrap,
#header_wrap_home{
	height:80vh;
	overflow:hidden;
	width:100%;
	background-color:#000;
}

#header_wrap_home,
#header_wrap_home #header_banners,
#header_wrap_home #header_banners .photoslider_wrap_1,
#header_wrap_home #header_banners .photoslider_wrap_1 .slideshow,
#header_wrap_home #header_banners .photoslider_wrap_1 .slideshow .cycle-slide{
	height:100vh !important;
}

#header_banners{
	background-color: #000000;
	height:80vh;
	width:100%;
	margin:0 auto;
	overflow: hidden;
	position: absolute;
	top:0px;
	z-index:1;
}

#header_outer{
	width:100%;
	margin:0 auto;
	overflow: hidden;
	position: absolute;
	top:0px;
	z-index:2;
}

#header_languages{
	height:25px;
	text-align: right;
	color:#f39207;
	text-transform: uppercase;
}

#header_languages a{
	color:#ffffff;
}

#header_languages a:hover{
	color:#f39207;
}

.languagepicker {
	background-color: #333;
	display: inline-block;
	padding: 0;
	height: 40px;
	overflow: hidden;
	transition: all .3s ease;
	margin: 0 50px 10px 0;
	vertical-align: top;
	position: absolute;
	text-align: left;
}

.languagepicker:hover {
	height: 81px;
}

.languagepicker a{
	color: #FFF;
	text-decoration: none;
}

.languagepicker li {
	display: block;
	padding: 0px 20px;
	line-height: 40px;
	border-top: 1px solid #000;
}

.languagepicker li:hover{
	background-color: #333;
}

.languagepicker a:first-child li {
	border: none;
	background: #333 !important;
}

.languagepicker li img {
	margin-right: 5px;
}

#header_logo{
	height:200px;
	width:100%;
	margin:0 auto;
	z-index:50;
	
}

#header_logo #logo{
	text-align: center;
}

#header_logo #logo_RGEQualibois{
	width:100%;
	height:70px;
	background-image:url(../images/default/body/png/imgRGEQualibois.png);
	background-size: contain;
	background-repeat:no-repeat;
	background-position:center;
	margin-top: 30px;
}

#header_menu{
	position: relative;
	text-align: center;
	transition: all 0.1s ease-in-out 0s;
}

#header_menu .container,
#header_menu .container .grid_12{
	width:100%;
	margin:0;
	padding:0;
}

#header_menu .ulMenuTop{
	padding:0px;
	margin:0px
}

#header_menu .ulMenuTop li{
	position:relative;
	padding:0px;
	margin:0 0 0 1px;
	display:inline-block;
	list-style:none;
	text-transform:uppercase;	
	white-space:nowrap;
	*white-space:normal;
}

#header_menu .ulMenuTop li:not(:first-child):before{
	content:'';
	background:rgba(255,255,255,0.3);
	width:3px;
	height:3px;
	top:50%;
	position:absolute;
	left:-2px;
	opacity:1;
}

#header_menu .ulMenuTop li:hover a:before,
#header_menu .ulMenuTop .liMenuTopActive a:before{
	content:'';
	position:absolute;
	border-bottom:4px solid #f39207;
	width:100%;
	bottom:-1px;
	left:0;
	right:0;
	z-index:1;
	transition: all 0.3s ease 0.2s;
	animation-duration: 0.7s;
    animation-name: fadeIn;
}

#header_menu .ulMenuTop a{
	color:#fff;
	background:transparent;
	font-size:14px;
	text-decoration:none;
	line-height:38px;
	padding:0 19px;
	display:block;
	font-weight:400;
	transition: all 0.3s ease 0.2s;
}

#header_menu .ulMenuTop a:hover,
#header_menu .ulMenuTop .liMenuTopActive a{
	color:#f39207;
}

#header_menu .ulMenuTop li:last-child a{
	border:solid 1px #f39207;
	margin-left:19px
}

#header_menu .ulMenuTop li:last-child a:hover{
	background:#f39207 !important;
	color:#fff !important
}

#header_menu .ulMenuTop li:last-child a::before{
	border:none !important;
}

#header_menu .ulMenuTop li:last-child a:hover:before{
	display:none !important
}

.fixed {
  	position: fixed !important;
  	top:0; 
  	left:0;
  	width: 100%; 
	padding:5px 0;
	background:rgba(0,0,0,0.85);
}

/*** SLIDESHOW ***/

.photoslider_wrap_1{
	background-color: #FFFFFF;
	height:80vh;
}

.slideshow{
  	text-align:center;
	width:100%;
	height:80vh;
	z-index:151;
	overflow:hidden; 
}

.slideshow ul{
	padding:0;
	margin:0;
	list-style-type:none;
}

.slideshow .cycle-slideshow{
	z-index: 150; 
	position:relative;
}

.slideshow .cycle-slide{
	list-style-type:none;
	width:100%;
	height:80vh;
	background-size:cover;
	background-position:center;
}

.slideshow-pager{
	text-align:left;
	z-index:198;
	position: relative;
	margin-top:-100px;	
}

#slideshow-copyright{
	text-align:right;
	margin-top:34px;
	color:#FFFFFF;
	display:none;
}

.slideshow-pager span{
	display: inline-block; 
	color: #ff9900;
	font-size: 60px; 
	line-height:72px;
	width: 45px; 
	height: 30px;
	margin-left:-15px;
	z-index: 152; 
}

.slideshow-pager span.fa{
	font-size: 24px; 
}

.slideshow-pager span:last-child{
	margin-right:-20px;	
}

.slideshow-pager span:hover{
	color: #FFFFFF;
}

.slideshow-pager span.cycle-pager-active{
	color: #FFFFFF;
}

.slideshow-pager > *{
	cursor: pointer;
}

.slideshow-overlay{
	position:relative;
	top:-45vh;
	z-index:193;
	height:80px;
}

.slideshow-overlay .slideshow-previous{
	float:left;
	width: 100px;
	margin-left:0px;
	text-align: center;
	color: #ff9900;
}

.slideshow-overlay .slideshow-next{
	float:right;
	width: 100px;
	margin-left:0px;
	text-align: center;
}

.slideshow-overlay .slideshow-previous:hover, .slideshow-overlay .slideshow-next:hover{
	color: #ff9900;
}

#slideshow-pager-content-top_1{
	text-align: right;
}

.slideshow-overlay-text .grid-container,
.slideshow-pager .grid-container{
	padding-left:100px;
	padding-right:100px;
}

.slideshow-overlay .slideshow-previous,
.slideshow-overlay .slideshow-next{
	color:#FFFFFF;
	font-size:72px;
	cursor:pointer;
}

.slideshow-overlay-text{
	position:relative;
	top:28vh;
	margin-left:50px;
	margin-right:50px;
	position: relative;
	z-index:194;
}

.slideshow-overlay-text .slideshow-title-holder,
.slideshow-overlay-text .slideshow-text-holder{
	display: block;
	text-align:left;
	margin-bottom:10px;
}

.slideshow-overlay-text .slideshow-title{
	font-size:72px;
	line-height:72px;
	color:#f7f7f7;
	padding:10px 0;
    text-shadow: -1px -1px 10px rgba(100,100,100,0.2), 1px -1px 10px rgba(100,100,100,0.2), -1px 1px 10px rgba(100,100,100,0.2), 1px 1px 10px rgba(100,100,100,0.2);
	text-align: center;
}

.slideshow-overlay-text .slideshow-text,
.slideshow-overlay-text .slideshow-text-link{
	display: inline-block;
	background-color:#5b5c5e;
	color:#f7f7f7;
	padding:6px 16px;
	font-size:14px;
}

.slideshow-overlay-text .slideshow-text-link{
	cursor: pointer;
}

.slideshow-overlay-text .slideshow-text-link:hover{
	background-color: #c70551;
}

/** HISTORY **/

#history_wrap{
	height:100vh;
	color:#ffffff;
}

#history_half{
	width: 50%;
	height: 100vh;
	position: absolute;
	right: 0;
	z-index: -1;
	background-color: rgba(27,27,29,0.95);
}

#history_backs{
	width: 90%;
	height: 100vh;
	position: absolute;
	z-index: -1;
	background-color: #1b1b1d;
}

#history_back_1{
	width: 100%;
	height: 100vh;
	position: absolute;
	z-index: -1;
	background-image:url(../images/default/body/jpg/imgHistory_1.jpg);
	background-size: cover;
}

#history_back_2{
	width: 100%;
	height: 100vh;
	position: absolute;
	z-index: -1;
	background-image:url(../images/default/body/jpg/imgHistory_2.jpg);
	background-size: cover;
}

#history_back_3{
	width: 100%;
	height: 100vh;
	position: absolute;
	z-index: -1;
	background-image:url(../images/default/body/jpg/imgHistory_3.jpg);
	background-size: cover;
}

#history_spacer{
	background-color:#ffffff;
	width:1px;
	height:25vh;
	margin-top:25px;
	margin-left:25px;	
}

#history_title{
	text-transform: uppercase;
	font-size:36px;
	font-weight: 600;
	margin-top:25px;
	margin-left:25px;
}

#history_text{
	margin-top:25px;
	margin-left:25px;
	text-transform: uppercase;
}

.actionButton{
	border: 1px solid #ff9933;
	background-color: #ff9933;
	cursor: pointer;
	display:inline-block;
	text-transform: uppercase;
	padding:5px 10px;
	margin-top:60px;
	margin-left:25px;
	transition: all 0.3s ease 0.2s;
}

.actionButton:hover{
	background-color: #1c1e23;
}

/** WORKSHOPS **/

.divWorkshopTitle{
	font-size:24px;
	text-align: center;
	margin-bottom: 20px;
}

.divWorkshopText{
	margin-bottom: 45px;
	border-left: solid 1px #000;
	padding: 0 0 0 20px;
}

.divWorkshopMainImage{
	height: 500px;
	margin-bottom: 20px;
	background-size: cover;
	backgroudn-color: #F4F4F4;
}

.divWorkshopSubImage{
	height: 150px;
	margin-bottom: 20px;
	background-size: cover;
	cursor: pointer;
}

#divWorkshopStoneworkingImage, #divWorkshopJoineryImage, #divWorkshopMetalworkingImage{
	display: none;
}

/** PRODUCTS **/

#productgroups_wrap{
	background-color:#000000;	
	color:#ffffff;
}

#productgroups_wrap .productgroup_item{
	width: 34%;
	float:left;
	cursor:pointer;
}

#productgroups_wrap .productgroup_item:first-of-type,
#productgroups_wrap .productgroup_item:last-of-type{
	width: 33%;
}

#productgroups_wrap .productgroup_item .productgroup_title_wrap{
	height:120px;
	overflow: hidden;
	background-color:#ffffff;
}

#productgroups_wrap .productgroup_item .productgroup_title{
	background-color:#ffffff;
	color:#000000;
	font-size:36px;
	padding:0px;
	padding-top:60px;
	text-align:center;
	text-transform: uppercase;
	transition: all .1s ease-in-out;
}

#productgroups_wrap .productgroup_item:hover .productgroup_title{
	transform:scale3d(1.1, 1.1, 1.1);
	transition: all .3s ease-in-out 0.2s;
}

#productgroups_wrap .productgroup_item .productgroup_title:after{
	content:'';
	display: block;
	bottom: -10px;
	position: relative;
	left:50%;
	width: 1px;
	height:30px;
	border-left: 1px solid #000000;
}

#productgroups_wrap .productgroup_item .productgroup_image:before{
	content:'';
	display: block;
	bottom: 0px;
	position: relative;
	left:50%;
	width: 1px;
	height:60px;
	border-left: 1px solid #ffffff;
}

#productgroups_wrap .productgroup_item .productgroup_image_wrap{
	height:40vh;
	overflow: hidden;
}

#productgroups_wrap .productgroup_item .productgroup_image{
	height:40vh;
	background-size: cover;
	opacity:0.6;
	overflow: hidden;
	transition: all .3s ease-in-out 0.2s;
}

#productgroups_wrap .productgroup_item:hover .productgroup_image{
	transform:scale3d(1.1, 1.1, 1.1);
	opacity:1;
}

#divCatalogueSwipeLeft{
	text-align:center;
}

#divCatalogueSwipeRight{
	text-align:center;
}


.products .container .grid_4{
	background-color: #f0f0f0;
	margin-bottom:26px;
}

.products .container .grid_4,
.products .container .grid_4 .product_image,
.products .container .grid_4 .product_overlay{
	height: 250px;
	position: relative;
	overflow: hidden;
}

.products .container .grid_4 .product_image,
.products .container .grid_4 .product_overlay{
	position: absolute;
	width:306px;
}

.products .container .grid_4 .product_overlay{
	cursor: pointer;
}

.products .container .grid_4 .product_overlay_shape{
	border-radius: 50%;
	background-color: rgba(0,0,0,0.8);
	width: 80px;
	height: 60px;
	text-align: center;
	padding-top: 20px;
	margin: 0 auto;
	margin-top: 85px;
	display: none;
}

.products .container .grid_4 .product_overlay_shape::after{
	content: "\f067";
	font-family: FontAwesome;
	font-size: 36px;
	color: #FFF;
	text-indent: 0;
	display: block;
	line-height: initial;	
}

.products .container .grid_4 .product_image{
	background-size: cover;
	background-position: center;
	position: absolute;
	transition: all .2s ease-in-out;
}

.products .container .grid_4:hover > .product_image{
	transform: scale(1.1);
}

/** LOCATIONS **/

#location_shape::after{
	content: "\f041";
	font-family: FontAwesome;
	font-size: 24px;
	color: #FFF;
	text-indent: 0;
	line-height: initial;
	padding-right: 5px;
}

/** **/

.styles,
.inspire,
.brands_wrap{
	margin-bottom: 45px;
}

.brands_wrap{
	padding-top: 45px;
}

.news{
	margin-bottom: 45px;
}

/** PARAGRAPHS **/

.paragraph .container .line{
	border-bottom:2px solid #000000;
	margin: 0 auto;	
	padding-bottom: 10px;
	width:75px;
}

.paragraph .container .text{
	margin-top: 16px;
}

.paragraph{
	margin-bottom: 45px;
}

.paragraph_with_catalogue_swipe{
	margin-top: 33px;
}

.catalogue_swipe{
	margin-top: 33px;
}

/** FORMS **/

#divForms{
	width: 100%;
	margin-bottom: 45px;
	display: flex;
}

#divFormsLeft{
	width: 50%;
	position: relative;
	overflow: hidden;
}

#forms_back_1{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	background-image:url(../images/default/body/jpg/imgForms_1.jpg);
	background-size: cover;
}

#forms_back_2{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	background-image:url(../images/default/body/jpg/imgForms_2.jpg);
	background-size: cover;
}

#forms_back_3{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	background-image:url(../images/default/body/jpg/imgForms_3.jpg);
	background-size: cover;
}

#forms_back_4{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	background-image:url(../images/default/body/jpg/imgForms_4.jpg);
	background-size: cover;
}

#divFormsRight{
	width: 50%;
}

.forms_wrap a{
	text-decoration:none;
	text-align:center;
}

.forms_wrap .formscontent{
	padding:50px 0 ;
	background-color:#efefef;
}

.forms_wrap .formsimage{
	padding-bottom:20px;
	filter: grayscale(100%);
}

.forms_wrap .formschoice{
	padding-top:20px;
}

.forms_wrap .formsimage,
.forms_wrap .formstitle,
.forms_wrap .formstext,
.forms_wrap .formschoice{
	text-align:center;
}

.forms_wrap .formsselect{
	width:80%;
}

.forms_image{
	background-image:url(../images/default/body/png/imgContactBanner.png);
	height:450px;
	background-color:#efefef;
	background-position:center;
	background-size: cover;
}

.forms_space{
	height:350px;
}

.forms_title{
	height:65px;
	padding-top:35px;
	width:45%;
	background-color:rgba(239,239,239,0.6);
	text-align:center;
	font-size:48px;
	text-transform:uppercase;
	margin:0 auto;
}

.forms_text{
	padding:35px 0;
	width:100%;
	background-color:rgba(239,239,239,0.6);
	text-align:center;
	font-size:18px;
	margin:0 auto;
	margin-bottom:50px;
}

.formssmall{
	font-size: 14px;
}

/** STYLES **/

.styles .container .grid_4 .style_image{
	height:250px;
	width:306px;
	cursor: pointer;
	animation-duration: 0.7s;
    animation-name: bounceIn;
}

.styles .container .style_image_holder{
	height: 250px;
	width: 306px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}

.styles .container .style_image_holder .style_image{
	background-size: cover;
	background-position: center;
	position: absolute;
	transition: all .2s ease-in-out;
}

.styles .container .style_image_holder:hover > .style_image{
	transform: scale(1.1);
}

.styles .container .grid_4 .style_title{
	text-align: center;
	margin-top: 10px;
	height: 40px;
}

.styles .container .grid_4 .style_fuel{
	width:306px;
	height: 250px;
	background-color: #f0f0f0;
}

.styles .container .grid_4 .style_fuel .fuel_header{
	padding: 20px;
	text-align: center;
	background-color: #999;
	border-bottom: solid 4px #FFF;
	color: #FFF;
}

.styles .container .grid_4 .style_fuel .fuel{
	width:153px;
	height: 50px;
	float: left;
	cursor: pointer;
	border-bottom: solid 4px #FFF;
}
	
.styles .container .grid_4 .style_fuel .fuel .fuel_image{
	width:40px;
	height: 40px;
	margin: 5px;
	background-position: center;
	background-size: cover;
	float: left;
}	

.styles .container .grid_4 .style_fuel .fuel .fuel_title{
	width:103px;
	margin-top: 10px;
	float: right;
}

/** BREADCRUMB **/

.breadcrumb{
	padding-bottom: 18px;
	margin-bottom: 45px;
	padding-top: 18px;	
	background-color: #f0f0f0;
	font-size:14px;
	color: #999;
	text-align: left;
}

.breadcrumb a{
	color: #999;
}

#breadcrumb_wrap{
	color:#999999;
	padding: 10px 10px 10px 265px;
}

#breadcrumb_wrap a{
	color: #666;
}

#breadcrumb_wrap a:hover{
	color: #242424;
}

/** INSPIRE **/

.inspire{
	background-color: #f0f0f0;
}

.inspire .container{
	padding-top: 20px;
	padding-bottom: 20px;
}

.inspire_title{
	padding-top: 11px;
	font-size:24px;
	cursor: pointer;
	float:right;
	color:#585757;
	margin-right: 10px;
	text-transform: uppercase;
}

.inspire_icon{
	height: 50px;
	font-size:24px;
	cursor: pointer;
	float:right;
	text-align: center;
}

.inspire_icon_shape{
	border-radius: 50%;
	height: 38px;
	width: 50px;
	background-color: #f39207;
	margin: 0 auto;
	padding-top: 12px;
    transition: all 0.3s ease-in-out 0s;
	overflow: hidden;
}

.inspire_icon_shape::after{
	content: "\f054";
	font-family: FontAwesome;
	font-size: 24px;
	color: #FFF;
	text-indent: 0;
	display: block;
	line-height: initial;	
}

.inspire_icon:hover .inspire_icon_shape {
    transform: scale(1.2);
}

/** ABOUT **/

#divAboutMenu{
	margin-bottom:45px;
	border-bottom:1px solid #cccccc;	
	text-align:center;	
}

#divAboutMenu .divAboutMenuButton,
#divAboutMenu .divAboutMenuButtonActive{
	transition: all 0.3s ease 0.2s;
	text-align: center;
	display:inline-block;
}

#divAboutMenu .divAboutMenuButton:hover,
#divAboutMenu .divAboutMenuButtonActive{
	background-color:#efefef;
}

#divAboutMenu .divAboutMenuButton a,
#divAboutMenu .divAboutMenuButtonActive a{
	text-decoration:none;
	display: block;
	padding: 10px 12px;
}

#divAbout{
	width: 100%;
	min-height: 550px;
	margin-bottom: 45px;
	display: flex;
}

#divAboutLeft{
	width: 50%;
	background-image: url(../images/default/body/jpg/imgAbout.jpg);
	background-size: cover;
	background-position: center;
}

#divAboutRight{
	width: 50%;
	min-height: 550px;
	background-color: #e23d35;
}

#divAboutTitle{
	font-size: 48px;
	font-weight: bold;
	margin: 45px 0 23px 0;
	text-align: center;
	text-transform: uppercase;
	line-height: 48px;
	color: #FFF;
}

#divAboutText{
	margin: 22px 45px 45px 45px;
	color: #FFF;
}

#divAboutLabels{
	text-align: center;
}

.aboutus_wrap{
	background-color: #ffffff;
	border-top: solid 1px #e4e4e4;
	padding-top: 45px;
}

.aboutus_icon_inform,
.aboutus_icon_design,
.aboutus_icon_production,
.aboutus_icon_install{
	width:100%;
	height:100px;
	background-repeat:no-repeat;
	background-position:center;
	margin-bottom:20px;
}

.aboutus_icon_inform,
.aboutus_detail_icon_inform{
	background-image:url(../images/default/body/png/imgAboutus_icon_Inform.png);
}

.aboutus_icon_design,
.aboutus_detail_icon_design{
	background-image:url(../images/default/body/png/imgAboutus_icon_Design.png);
}

.aboutus_icon_production,
.aboutus_detail_icon_production{
	background-image:url(../images/default/body/png/imgAboutus_icon_Production.png);
}

.aboutus_icon_install,
.aboutus_detail_icon_install{
	background-image:url(../images/default/body/png/imgAboutus_icon_Install.png);
}

.aboutus_title{
	text-align: center;
	text-transform:uppercase;
	margin-bottom:20px;	
	font-size: 24px;
}

.aboutus_wrap a{
	text-decoration:none;
}

.aboutus_wrap .aboutus_title a{
}

.aboutus_text{
	text-align: center;
	margin-bottom:20px;
	text-decoration:none;
}

.aboutus_detail_header{
	margin-bottom:20px; 
	height:100px;
}

.aboutus_detail_icon_inform,
.aboutus_detail_icon_design,
.aboutus_detail_icon_production,
.aboutus_detail_icon_install{
	width:100px;
	height:100px;
}

.aboutus_detail_title{
	height:65px;	
	position:relative;
	top:-100px;
	margin-left:135px;
	margin-top:35px;
	text-transform:uppercase;
	font-size: 32px;
}

.aboutus_detail_image_inform,
.aboutus_detail_image_design,
.aboutus_detail_image_production,
.aboutus_detail_image_install{
	width:100%;
	height:320px;
	background-color: #efefef;
	margin-bottom:20px;
}

.aboutus_detail_image_inform{
	background-image:url(../images/default/body/jpg/imgAboutus_Inform.jpg);
}

.aboutus_detail_image_design{
	background-image:url(../images/default/body/jpg/imgAboutus_Design.jpg);
}

.aboutus_detail_image_production{
	background-image:url(../images/default/body/jpg/imgAboutus_Production.jpg);
}

.aboutus_detail_image_install{
	background-image:url(../images/default/body/jpg/imgAboutus_Install.jpg);
}

.aboutus_detail_text{
	margin-bottom:20px;
}

/** TIMELINE **/

.hexa{
  border: 0px;
  float: left;
  text-align: center;
  height: 35px;
  width: 60px;
  font-size: 22px;
  background: #f0f0f0;
  color: #3c3c3c;
  position: relative;
  margin-top: 15px;
}

.hexa:before{
  content: ""; 
  position: absolute; 
  left: 0; 
  width: 0; 
  height: 0;
  border-bottom: 15px solid #f0f0f0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  top: -15px;
}

.hexa:after{
  content: ""; 
  position: absolute; 
  left: 0; 
  width: 0; 
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 15px solid #f0f0f0;
  bottom: -15px;
}

.timeline {
  position: relative;
  padding: 0;
  width: 100%;
  margin: 20px 0;
  list-style-type: none;
}

.timeline:before {
  position: absolute;
  left: 50%;
  top: 0;
  content: ' ';
  display: block;
  width: 2px;
  height: 100%;
  margin-left: -1px;
  background: rgb(213,213,213);
  background: -moz-linear-gradient(top, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,1)));
  background: -webkit-linear-gradient(top, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);
  background: -o-linear-gradient(top, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);
  background: -ms-linear-gradient(top, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);
  background: linear-gradient(to bottom, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);
  z-index: 5;
}

.timeline li {
  padding: 2em 0;
}

.timeline .hexa{
  width: 16px;
  height: 10px;
  position: absolute;
  background: #e23d35;
  z-index: 5;
  left: 0;
  right: 0;
  margin-left:auto;
  margin-right:auto;
  top: -30px;
  margin-top: 0;
}

.timeline .hexa:before {
  border-bottom: 4px solid #e23d35;
  border-left-width: 8px;
  border-right-width: 8px;
  top: -4px;
}

.timeline .hexa:after {
  border-left-width: 8px;
  border-right-width: 8px;
  border-top: 4px solid #e23d35;
  bottom: -4px;
}

.direction-l,
.direction-r {
  float: none;
  width: 100%;
  text-align: center;
}

.flag-wrapper {
  text-align: center;
  position: relative;
}

.flag {
  position: relative;
  display: inline;
  background: rgb(255,255,255);
  font-weight: 600;
  z-index: 15;
  padding: 6px 10px;
  text-align: left;
  border-radius: 5px;
}

.direction-l .flag:after,
.direction-r .flag:after {
  content: "";
  position: absolute;
  left: 50%;
  top: -15px;
  height: 0;
  width: 0;
  margin-left: -8px;
  border: solid transparent;
  border-bottom-color: rgb(255,255,255);
  border-width: 8px;
  pointer-events: none;
}

.direction-l .flag {
  -webkit-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  -moz-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
}

.direction-r .flag {
  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
}

.time-wrapper {
  display: block;
  position: relative;
  margin: 4px 0 0 0;
  z-index: 14;
  line-height: 1em;
  vertical-align: middle;
  color: #fff;
}

.direction-l .time-wrapper {
  float: none;
}

.direction-r .time-wrapper {
  float: none;
}

.time {
  background: #e23d35;

  display: inline-block;
  padding: 8px;
}

.desc {
  position: relative;
  margin: 1em 0 0 0;
  padding: 1em;
  background: rgb(254,254,254);
  -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.20);
  -moz-box-shadow: 0 0 1px rgba(0,0,0,0.20);
  box-shadow: 0 0 1px rgba(0,0,0,0.20);
  z-index: 15;
}

.direction-l .desc,
.direction-r .desc {
  position: relative;
  margin: 1em 1em 0 1em;
  padding: 1em;
  z-index: 15;
}

@media(min-width: 768px){
  .timeline {
    width: 660px;
    margin: 20px auto;
  }

  .timeline li:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  
  .timeline .hexa {
    left: -28px;
    right: auto;
    top: 8px;
  }

  .timeline .direction-l .hexa {
    left: auto;
    right: -28px;
  }

  .direction-l {
    position: relative;
    width: 310px;
    float: left;
    text-align: right;
  }

  .direction-r {
    position: relative;
    width: 310px;
    float: right;
    text-align: left;
  }

  .flag-wrapper {
    display: inline-block;
  }
  
  .flag {
    font-size: 18px;
  }

  .direction-l .flag:after {
    left: auto;
    right: -16px;
    top: 50%;
    margin-top: -8px;
    border: solid transparent;
    border-left-color: rgb(254,254,254);
    border-width: 8px;
  }

  .direction-r .flag:after {
    top: 50%;
    margin-top: -8px;
    border: solid transparent;
    border-right-color: rgb(254,254,254);
    border-width: 8px;
    left: -8px;
  }

  .time-wrapper {
    display: inline;
    vertical-align: middle;
    margin: 0;
  }

  .direction-l .time-wrapper {
    float: left;
  }

  .direction-r .time-wrapper {
    float: right;
  }

  .time {
    padding: 5px 10px;
  }

  .direction-r .desc {
    margin: 1em 0 0 0.75em;
  }
}

@media(min-width: 992px){
  .timeline {
    width: 800px;
    margin: 20px auto;
  }

  .direction-l {
    position: relative;
    width: 380px;
    float: left;
    text-align: right;
  }

  .direction-r {
    position: relative;
    width: 380px;
    float: right;
    text-align: left;
  }
}

/** BRANDS **/

.brands_wrap{
}

.brand_item{
	width:100%;
	font-size:24px;
	background-color: #f1f1f1;
	padding:26px;
	margin-bottom:26px;
	text-align:center;
	box-sizing:border-box;
	cursor: pointer;	
	transition: all 0.3s ease 0.2s;
}

.brand_item:hover{
	background-color: #f39207;
	color:#ffffff;
}

.brand_title{
	font-size:24px;
	color:#585757;
	margin-bottom:10px;
	text-transform: uppercase;
}

.brand_fuel{
	font-size:12px;
	color:#585757;
	text-transform: uppercase;
}

.fuel_item{
	margin-bottom:40px;
}

.fuel_image{
	height:160px;
	background-size: cover;
	background-position: center;
	margin-bottom:20px;
	background-color:#efefef;
	cursor: pointer;
}

.fuel_title{
	font-size:18px;
	color:#585757;
	margin-bottom:20px;
	text-transform: uppercase;	
}

.fuel_text{
	height:125px;	
	margin-bottom:20px;
}

.fuel_button{
	border: 1px solid #ff9933;
	cursor: pointer;
	display:inline-block;
	text-transform: uppercase;
	padding:8px 10px;
	background-color: #ff9933;
	color: #FFF;
	transition: all 0.1s ease 0.1s;
}
.fuel_button:hover{
	background-color: #ffffff;
	border: 1px solid #1c1e23;
	color:#1c1e23;
}

/** WEBSHOP **/

#webshop_wrap{
	background-color:#1c1e23;
	color:#FFF;
	padding:45px 0;
	margin-bottom:71px;
	text-align: center;
}

#webshop_wrap .actionButton{
	margin: 45px;
}

#webshop_wrap .title{
	cursor: pointer;
}

/** QUOTE **/
    
#quote_wrap{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color:#f39207;
    padding-top:60px;
    padding-bottom:30px;
}

.quote_title{
    margin-bottom:40px;
    text-align: center;
    font-size:48px;
    padding-right:10px;
    text-transform: uppercase;
    font-weight:bold;
    cursor:pointer;  
    color:#ffffff; 
}  

/** QUICKCONTACT **/

#quickcontact_wrap{
	display: flex;
	justify-content: center;
	align-items: center;
	background-color:#e9e9e9;
	padding-top:60px;
	padding-bottom:30px;
}

.quickcontact_title{
	margin-bottom:40px;
	text-align: center;
	font-size:48px;
	padding-right:10px;
	text-transform: uppercase;
	font-weight:bold;	
}

#divContactQuick_Result{
	padding: 5px;
	display: none;
}

#divContactQuick_Form .grid_2,
#divContactQuick_Form .grid_4,
#divContactQuick_Form .grid_6,
#divContactQuick_Form .grid_12{
	margin:0;
}

#divContactQuick_Form .grid_2{
	width:15%;
	box-sizing: border-box;
}

#divContactQuick_Form .grid_4{
	width:35%;
	box-sizing: border-box;
}

#divContactQuick_Form .grid_6{
	width:50%;
	box-sizing: border-box;
}

#divContactQuick_Form .grid_6{
	width:50%;
	box-sizing: border-box;
}

#quickcontact_wrap .frmGeneral div{
	padding: 5px;
	text-align:left;
}

#quickcontact_wrap .frmGeneral select{
	width:100%;
}

#quickcontact_wrap .frmGeneral select option:first-child{
    color: #ccc;
}

#quickcontact_wrap .frmGeneral input,
#quickcontact_wrap .frmGeneral textarea,
#quickcontact_wrap .frmGeneral select{
	padding: 15px;
	background-color:#e9e9e9;
	border:none;
	border-bottom:1px solid #000000;
	font-size: 14px;
	border-radius:0;
	-webkit-appearance: none;
	width: calc(100% - 1px);
}

#quickcontact_wrap .frmGeneral .check
{
	background:none;
	background-color:#FFFFFF;
	border:solid 1px #333;
	width:auto;
	vertical-align:middle;
	-moz-appearance:checkbox-small;
	appearance:checkbox;
	-webkit-appearance:checkbox;
	vertical-align: baseline;
}

#quickcontact_wrap .frmGeneral .submit{
	border: 1px solid #ff9933;
	cursor: pointer;
	display:inline-block;
	text-transform: uppercase;
	padding:8px 10px;
	margin-top:25px;
	margin-left:25px;
	width:20%;
	float:right;
	background-color: #ff9933;
	color: #FFF;
	transition: all 0.3s ease 0.2s;
}

#quickcontact_wrap .frmGeneral .submit:hover{
	background-color: #e9e9e9;
	border: 1px solid #1c1e23;
	color:#1c1e23;
}

/** SHOWROOMS **/

.showrooms_wrap{
	background-color: #1c1e23;
}

.showrooms{
	z-index:108;
	width:100%;
	padding-top:26px;		
	padding-bottom:26px;
	font-size:12px;
}

.showrooms .grid_3{
	border-left:1px solid #333333;
	box-sizing:border-box;
	margin:0;
	width:249px;
}

.showrooms .grid_3:first-of-type{
	border:none;
}

.showroom_image_holder{
	height:175px;
	width:100%;
	overflow: hidden;
}

.showroom_image{
	height:175px;
	width:100%;
	background-color: #f0f0f0;
	cursor: pointer;
	position: relative;
	background-position: center;
	transition: all .2s ease-in-out;
}

.showroom_image_holder:hover > .showroom_image{
	transform: scale(1.2);
}

.showroom_title{
	width:100%;
	height:50px;
	text-align: center;	
	color:#ffffff;
}

.showroom_title a{
	color:#ffffff;
	text-decoration: none;
	font-size:13px;
}

.showroom_title a:hover{
	color:#efefef;
}

.showroom_text{
	color:#ffffff;
	width:100%;
	height:220px;
	text-align: center;	
	font-size:12px;
}

.showroom_text a,
.showroom_text a:hover,
a[href^=tel],
a[href^=tel]:hover{
    color:inherit;
    text-decoration:none;
}

.showroom_clock_open,
.showroom_clock_closed{
	height: 30px;
	width: 30px;
	margin: 30px auto;
	border:1px solid #ffffff;
	border-color:#a3cf2c;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.showroom_clock_closed{
	border-color:#b32122;
}

.showroom_today{
	color:#ffffff;
	text-transform: uppercase;
	text-align: center;
	width:100%;
	height: 35px;
}

.grid_4 .showroom_today, .grid_4 .showroom .showroom_title, .grid_4 .showroom .showroom_text{
	color:#efefef;
}

#locations_content_text .grid_4 .showroom_today, 
#locations_content_text .grid_4 .showroom .showroom_title, 
#locations_content_text .grid_4 .showroom .showroom_text{
	color:#000000 !important;
}

.showrooms .container{
	background-image: url(../images/default/body/png/imgShowroomsLine996.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}

#locations_content_image, #locations_content_text{
	margin-bottom: 45px;
}

/** DOWNLOADS **/

#download_wrap{
	position: absolute;
	z-index:107;
	height: 540px;
	width:100%;
}

#download_overlay{
	height: 100px;
	background-image: url(../images/default/body/png/imgDownloadOverlay.png);
}

#download_bottom{
	margin-top: 136px;
	height: 200px;
}

#download_bottom_inner{
	margin:0 auto;
	z-index:50;
	text-align: center;
}

#download_link{
	width:80%;
	height: 164px;
	margin:0 auto;
	border:2px solid #ffffff;
  	color:#ffffff;	
}

#download_link_title{
	margin-top: 45px;
	font-size:72px;
	text-transform: uppercase;
	height: 40px;
}

#download_link_subtitle{
	margin-top: 10px;
	font-size: 32px;
	height: 45px;
}

#download_link_circle{
	height: 50px;
	font-size:24px;
	cursor: pointer;
}

#download_link_circle_shape{
	border-radius: 50%;
	height: 38px;
	width: 50px;
	background-color: #f39207;
	margin: 0 auto;
	padding-top: 12px;
    transition: all 0.3s ease-in-out 0s;
	overflow: hidden;
}

#download_link_circle_shape::after{
	content: "\f078";
	font-family: FontAwesome;
	font-size: 24px;
	color: #FFF;
	text-indent: 0;
	display: block;
	line-height: initial;	
}

#download_link_circle:hover #download_link_circle_shape {
    transform: scale(1.2);
}

/** NEWS **/

.latest_news{
	padding-bottom: 33px;
}

.latest_news .container{
	border-left: 1px solid #CCC;
	margin-bottom: 13px;
}

.latest_news .readmore{
	border: none;
}

.latest_news .container .grid_4{
	height:250px;
	width:306px;
	cursor: pointer;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin: 13px;
}

.latest_news .container .grid_8{
	margin: 13px;
	margin-bottom: 13px;
}

.latest_news .container .grid_12{
	text-align: center;
}

.latest_news .container .grid_8 .latest_news_wrap{
	margin-bottom: 20px;
}

.latest_news .container .grid_8 .latest_news_title{
	margin-bottom: 20px;	
	font-size: 24px;
}

.latest_news .container .grid_8 .latest_news_readmore{
}

/** ALBUMS **/

.albums .container .grid_4{
	margin-bottom: 23px;
}

.photo_image_holder{
	width:306px;
	height:250px;
	overflow: hidden;
}

.photo_image{
	width:306px;
	height:250px;
	overflow: hidden;
	cursor: pointer;
	transition: all 0.2s ease-in-out 0s;
}

.photo_title{
	width:306px;
	height:40px;
	padding-top: 10px;
	text-align:center;
	cursor:pointer;
}

.photo_image_holder:hover > .photo_image{
	transform: scale(1.1);
}

/** FAQS **/

.faqs{
	padding-bottom: 33px;
}

.faqs .container{
	border: 2px solid #000000;
	margin-bottom: 13px;
	
	background: #e9e9e9 none repeat scroll 0 0;
    border: 1px solid #c0c0c0;
    border-radius: 3px;
    color: #717171;
    font-weight: bold;
    padding: 0 9px;
    text-decoration: none;
}

.faqs .readmore{
	border: none;
}

.faqs .container .grid_4{
	height:75px;
	width:75px;
	cursor: pointer;
	background-size: cover;
	margin: 13px;
	text-align: center;
}

.faqs_shape{
	height:75px;
	width:75px;
	margin: 0 auto;
}

.faqs_shape::after{
	content: "\f06d";
	font-family: FontAwesome;
	font-size: 75px;
	text-indent: 0;
	line-height: initial;
	padding-right: 5px;
}

.faqs .container .grid_8{
	margin: 13px;
	margin-bottom: 13px;
}

.faqs .container .grid_8 .faqs_title{
	margin-bottom: 20px;	
	font-size: 24px;
}

/**/

.divShoppingCartSliderOverviewItemOdd{
	width: 275px;
	background-color: #171c17;
	min-height: 36px;
	margin-bottom: 5px;
}

.divShoppingCartSliderOverviewItemOdd:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0px;
	visibility: hidden;
}

.divShoppingCartSliderOverviewItemOdd a, .divShoppingCartSliderOverviewItemOdd a:hover{
	color: #FFF;
}

.divShoppingCartSliderOverviewItemEven{
	width: 275px;
	background-color: #232823;
	min-height: 36px;
	margin-bottom: 5px;
}

.divShoppingCartSliderOverviewItemEven a, .divShoppingCartSliderOverviewItemEven a:hover{
	color: #FFF;
}

.divShoppingCartSliderOverviewItemEven:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0px;
	visibility: hidden;
}

.divShoppingCartSliderOverviewItemImage{
	float: left;
	width: 100px;
	overflow: hidden;
}

.divShoppingCartSliderOverviewItemText{
	float: left;
	width: 125px;
	overflow: hidden;
	padding-left: 5px;
}

.divShoppingCartSliderOverviewItemTotal{
	float: left;
	width: 50px;
	overflow: hidden;
	text-align: right;
}

#divShoppingCartSliderTotal{
	color: #FFF;
	font-weight: bold;
	padding-left: 125px;
	min-height: 26px;
	margin-bottom: 5px;
	padding-right: 5px;
	text-align: right;
	background-color: #242424;
}

#divShoppingCartSliderToCheckout{
	background-color: #242424;
	float: right;
	height: 35px;
	text-align: center;
	width: 275px;
	color: #FFF;
	z-index: 99;
}

#divShoppingCartSliderToCheckout a{
	background-color: #242424;
	cursor: pointer;
	display: block;
	font-size: 14px;
	height: 30px;
	padding-top: 5px;
	text-align: center;
	width: 275px;
	color: #FFF;
	text-decoration: none;
	z-index: 100;
}

#divShoppingCartSliderToCheckout a:hover{
	background-color: #333333;
}

/**/

#header_closer_twitter{
	margin: 5px 0 5px 5px;
	height: 48px;
	width: 48px;
	text-align: center;
	float: left;
	cursor: pointer;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
	background-image: url(../images/default/body/png/imgTwitter.png);
	background-position: center;
	background-repeat: no-repeat;
}

#header_closer_twitter:hover {
    background: #e4e4e4;
	background-image: url(../images/default/body/png/imgTwitter.png);
	background-position: center;
	background-repeat: no-repeat;
}

#header_closer_facebook{
	margin: 5px 0 5px 5px;
	height: 48px;
	width: 48px;
	text-align: center;
	float: left;
	cursor: pointer;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
	background-image: url(../images/default/body/png/imgFacebook.png);
	background-position: center;
	background-repeat: no-repeat;
}

#header_closer_facebook:hover {
    background: #e4e4e4;
	background-image: url(../images/default/body/png/imgFacebook.png);
	background-position: center;
	background-repeat: no-repeat;
}

#header_closer_button{
	margin: 5px 0 5px 5px;
	height: 48px;
	width: 48px;
	text-align: center;
	float: left;
	cursor: pointer;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
	background-image: url(../images/default/body/png/imgUp.png);
	background-position: center;
	background-repeat: no-repeat;
}

#header_closer_button:hover {
    background: #e4e4e4;
	background-image: url(../images/default/body/png/imgUp.png);
	background-position: center;
	background-repeat: no-repeat;
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
	
	#header_closer_facebook{
		margin: 5px 0 5px 5px;
		height: 50px;
		width: 40px;
	}
	
	#header_closer_button{
		margin: 5px 0 5px 5px;
		height: 50px;
		width: 40px;
	}
	
}

#header_closer_right{
	display: table-cell;
	height: 50px;
	max-width: 50%;
	margin-right: 10px;
	margin: 0;
	padding: 5px 0 5px 5px;
	vertical-align: middle;
}

#header_closer_right_filler{
	height: 50px;
}

/** PAGE **/

#content_wrap {
	min-height:100%;
	width:100%;
	position:relative;
}

#main_wrap {
	overflow:hidden;
} 

#page_wrap{
	width:100%;
	position: relative;
	z-index: 0;
	transform: translate3d(0, 0, 9px);
}

.page_wrap_mHome .paragraph{
	display: none !important;
}

#page{
	margin:0 auto;
	width: 996px;
	position: relative;
}

/** LEFT **/

#left_wrap{
	width:250px;
	float:left;
	padding: 0 0 0 5px;
}

/** RIGHT **/

#right_wrap{
	float:right;
	width:710px;
	padding:0 5px 0 0;
}

#right_wrap::before {
    background: #F4F4F4 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 255px;
    position: absolute;
    top: 0;
    width: 100000px;
    z-index: -1;
}

/*** NEW ***/

#new_wrap{
	width: 100%;
	height: 500px;
}

#new_title{
	width: 100%;
	height: 40px;
	padding-top: 10px;
	background-color: #242424;
	color: #FFF;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}

#new_title_line{
	background-color: #000000;
	height: 5px;
	width: 100%;
}

#new{
	width: 980px;
	margin: 0 auto;
}

#new_row{
}

#new_item_wrap{
	width: 165px;
    height: 165px;
	float: left;
	margin: 40px;
}

#new_item{
	width: 145px;
    height: 145px;
    border: 10px solid #FFF;
	background-color: #CCC;
	border-radius: 50%;
	transition: all 0.2s ease 0s;
	overflow: hidden;
	cursor: pointer;
}

#new_item:hover{
	width: 135px;
    height: 135px;
	border: 15px solid #8ba64d;
}

/** CONTINUE SHOPPING **/

#divCatalogueContinueOrCheckoutWrap{
	display: none;
	height: 69px;
}

#divCatalogueContinueOrCheckout{
	width: 500px;
	height: 100px;
	z-index: 150;
}

#divCatalogueContinueOrCheckout #divCatalogueContinueOrCheckoutTitle{
	border-bottom: none;
	font-weight: bold;
	height:30px;
	padding: 5px 0 0 5px;
	text-align: left;
}

#divCatalogueContinueOrCheckout #divCatalogueContinueOrCheckoutText{
	margin-top: 5px;
}

#divCatalogueContinueOrCheckout #divCatalogueContinueOrCheckoutText:after{
	clear: both;
	content: ".";
	display: block;
	height: 0px;
	visibility: hidden;
}

#divCatalogueContinueOrCheckout #divCatalogueContinueOrCheckoutButton1{
	background-color: #242424;
	color: #FFF;
	cursor: pointer;
	float: left;
	padding: 5px 0 ;
	margin-bottom: 0;
	text-align: center;
	width: 245px;
}

#divCatalogueContinueOrCheckout #divCatalogueContinueOrCheckoutButton2{
	background-color: #f39207;
	color: #FFF;
	cursor: pointer;
	float: right;
	padding: 5px 0;
	margin-bottom: 0;
	text-align: center;
	width: 245px;
}

#divCatalogueContinueOrCheckout #divCatalogueContinueOrCheckoutButton1:hover{
	background-color: #333333;
}

#divCatalogueContinueOrCheckout #divCatalogueContinueOrCheckoutButton2:hover{
	background-color: #333333;
}

/** SORTING & PAGING **/

#divCatalogueSorting{
	height: 23px;
	padding: 10px;
	margin-bottom: 5px;
	display: none;
}

#divCatalogueSortingLeft{
	width: 245px;
	float: left;
}

#divCatalogueSortingMiddle{
	width: 200px;
	float: left;
}

#divCatalogueSortingRight{
	width: 245px;
	float: left;
	text-align: right;
}

#divCatalogueSorting select{
	background-color:#FFFFFF;
	border:solid 1px #333;
	color:#000;
	padding:2px;
	font-size: 14px;
}

.paging{
	height: 23px;
	padding: 5px;
	margin-bottom: 5px;
	text-align: center;
}

.pageNumber {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
}

.pageNumber:hover, .pageNumber.gradient:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.pageNumber.active {
    border: none;
    background: #616161;
    color: #f0f0f0;
}

/** PRODUCTGROUPS **/

.divCatalogueProductgroups{
	float: left;
	margin: 0 5px 30px 5px;
	moz-border-radius: 8px;
	webkit-border-radius: 8px;
	width: 226px;
	background-color: #FFF;
	position: relative;
}

.divCatalogueProductgroups:hover{
}

.divCatalogueProductgroupsEnd{
	float: left;
	margin: 0 5px 30px 5px;
	moz-border-radius: 8px;
	webkit-border-radius: 8px;
	width: 226px;
	background-color: #FFF;
	position: relative;
}

.divCatalogueProductgroupsEnd:hover{
}

.divCatalogueProductgroupsImage{
	cursor: pointer;
	height: 216px;
	overflow: hidden;
	width: 216px;
	padding: 5px;
	display: none;
}

.divCatalogueProductgroupsTitle{
	overflow: hidden;
	width: 216px;
	text-align: center;
	background-color: #F4F4F4;
	transition: all 0.2s ease-in-out 0s;
}

.divCatalogueProductgroupsTitle:hover{
	background-color: #f39207;
}

.divCatalogueProductgroupsTitle:hover > a{
	color: #FFF;
}

.divCatalogueProductgroupsTitle a{
	color: #333;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100px;
	padding: 60px 0;
	padding-bottom:40px;
	transition: all 0.2s ease-in-out 0s;
}

.divCatalogueProductgroupsTitle a:hover{
	color: #FFF;
}

.divCatalogueProductgroupsTitle h2{
	font-size: 24px; 
	text-align: center;
	font-weight: normal;
}

/** PRODUCT **/

#divCatalogueOverview{
	margin: 20px 1px 0 1px;
}

.divCatalogueProductgroupsProduct{
	float: left;
	margin: 0 4px 30px 4px;
	moz-border-radius: 8px;
	webkit-border-radius: 8px;
	width: 226px;
	background-color: #FFF;
	position: relative;
	border: solid 1px #E4E4E4;
}

.divCatalogueProductgroupsProduct:hover{
}

.divCatalogueProductgroupsProductEnd{
	float: left;
	margin: 0 4px 30px 4px;
	moz-border-radius: 8px;
	webkit-border-radius: 8px;
	width: 226px;
	background-color: #FFF;
	position: relative;
	border: solid 1px #E4E4E4;
}

.divCatalogueProductgroupsProductEnd:hover{
}

.divCatalogueProductgroupsProductImage{
	cursor: pointer;
	height: 216px;
	overflow: hidden;
	width: 216px;
	padding: 5px;
}

.divCatalogueProductgroupsProductTitle{
	min-height: 67px;
	overflow: hidden;
	padding: 5px;
	width: 216px;
	text-align: center;
}

.divCatalogueProductgroupsProductTitle a, .divCatalogueProductgroupsProductTitle a:hover{
	color: #333;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
}

.divCatalogueProductgroupsProductTitle h2{
	font-size: 14px; 
	text-align: center;
	font-weight: normal;
}

.divCatalogueProductgroupsProductPrice{
	color: #f39207;
	text-align: center;
	width: 216px;
	height: 30px;
	padding: 5px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	background-color: #F4F4F4;
	display: none;
}

.divCatalogueProductgroupsProductOldPrice{
	font-size: 12px;
	color: #666;
	text-decoration: line-through;
	font-weight: normal;
}

.divCatalogueProductgroupsProp{
	width: 170px;
	height: 20px;
	margin-bottom: 5px;
	background-color: #CCC;
}

.divCatalogueProductgroupsProp select{
	width: 170px;
	height: 20px;
}

.divCatalogueProductgroupsProductWhishlist{
	text-align: center;
	width: 60px;
	height: 60px;
	background-color: #211f22;
	transition: all 0.5s ease 0.2s;
    white-space: nowrap;
	float: left;
	position: absolute;
	left: 40px;
	bottom: -20px;
}

.divCatalogueProductgroupsProductWhishlist:hover{
	background-color: #f39207;
	transition: all 0.5s ease 0s;
}

.divCatalogueProductgroupsProductWhishlist a{
	width: 100%;
	height: 100%;
	display: block;
	cursor: pointer;
	text-indent: -9999px;
}

.divCatalogueProductgroupsProductWhishlist a::after{
	content: "\f004";
	font-family: FontAwesome;
	font-size: 18px;
	color: #FFF;
	text-indent: 0;
	display: block;
	line-height: initial;	
}

.divCatalogueProductgroupsProductOrder{
	text-align: center;
	width: 60px;
	height: 60px;
	background-color: #211f22;
	transition: all 0.5s ease 0.2s;
    white-space: nowrap;
	float: right;
	position: absolute;
	right: 40px;
	bottom: -20px;
}

.divCatalogueProductgroupsProductOrder:hover{
	background-color: #f39207;
	transition: all 0.5s ease 0s;
}

.divCatalogueProductgroupsProductOrder a{
	width: 100%;
	height: 100%;
	display: block;
	cursor: pointer;
	text-indent: -9999px;
}

.divCatalogueProductgroupsProductOrder a::after{
	content: "\f07a";
	font-family: FontAwesome;
	font-size: 18px;
	color: #FFF;
	text-indent: 0;
	display: block;
	line-height: initial;	
}

.divCatalogueProductgroupsProductOrder_Q{
	width: 25px;
	height: 25px;
	float: left;
	border: none;
	background-color: #101410;
	color: #FFF;
	text-align: center;
	display: none;
}

.divCatalogueProductgroupsProductSoldOut{
	text-align: center;
	width: 170px;
	height: 25px;
	background-color: #CCC;
	float: right;
	position: absolute;
	right: 30px;
	bottom: -10px;
	display: none;
}

.divCatalogueProductgroupsProductList{
	width: 710px;
	margin-bottom: 5px;
}

.divCatalogueProductgroupsProductList .divCatalogueProductgroupsProductImage{
	float: left;
}

.divCatalogueProductgroupsProductList .divCatalogueProductgroupsProductTitle{
	float: right;
	width: 470px;
	height: 24px;
	min-height: 24px;
}

.divCatalogueProductgroupsProductList .divCatalogueProductgroupsProductTitle h2{
	text-align: left;
}

.divCatalogueProductgroupsProductList .divCatalogueProductgroupsProductText{
	float: right;
	width: 474px;
}

.divCatalogueProductgroupsProductList .divCatalogueProductgroupsProductProp{
	float: right;
}

.divCatalogueProductgroupsProductList .divCatalogueProductgroupsProductWhishlist{
	float: right;
	left: 0;
	position: relative;
}

.divCatalogueProductgroupsProductList .divCatalogueProductgroupsProductOrder{
	float: right;
	right: 0;
	position: relative;
}

.divCatalogueProductgroupsProductList .divCatalogueProductgroupsProductOrder_Q{
	float: right;
}

.divCatalogueProductgroupsProductList .divCatalogueProductgroupsProductSoldOut{
	float: right;
	display: none;
	
}

/** PRODUCT DEATIL **/

.my-ppager{
	font-size: 36px;
	font-family: Verdana, Geneva, sans-serif;
}

.cycle-pager-active{
	color: #C00;
}

#divCatalogueProductsLeft{
	width: 355px;
	float: left;
	cursor: pointer;
}

#divCatalogueProductsSlideshow{
	cursor: -webkit-zoom-in; cursor: -moz-zoom-in;
}

#divCatalogueProductsRight{
	width: 325px;
	float: right;
	padding: 0 10px;
}

#divCatalogueProductsBottom{
	width: 710px;
}

#divCatalogueProductsBottom .title{
	display:none;
}

#divCatalogueProductsProductSocialTwitter{
	height: 30px;
	text-align: right;
	margin-top: 20px;
}

#divCatalogueProductsProductSocialFacebook{
	height: 30px;
	text-align: right;
}

#divCatalogueProductsProductSocialPinIt{
	height: 30px;
	text-align: right;
}

#divCatalogueProductsProductCart{
	float: right;
}

#divCatalogueProductsProductCart .divCatalogueProductgroupsProductWhishlist{
	position: relative;
	float: right;
	left: 0;
	bottom: 0;
}

#divCatalogueProductsProductCart .divCatalogueProductgroupsProductOrder{
	position: relative;
	float: right;
	right: 0;
	bottom: 0;
	margin-right: 10px;
}

.divCatalogueProductgroupsProductStaffel
{
	text-align: right;
	font-weight: bold;
	background-color: #242424;
	color: #FFF;
	font-size: 11px;
	margin-bottom: 5px;
	padding: 5px;
}

.divCatalogueProductsProductPrice
{
	text-align: right;
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 10px;
	color: #f39207;
}

.divCatalogueProductsProductOldPrice{
	font-size: 12px;
	color: #666;
	text-decoration: line-through;
	font-weight: normal;
}

#box-table
{
	border-collapse: collapse;
	font-size: 12px;
	margin: 30px 0;
	text-align: left;
	font-size:14px;	
}

#box-table th
{
	background-color: #fbfbfb;
	border: 1px solid #fff;
	color: #FFF;
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
}

#box-table td
{
	background-color: #fbfbfb;
	border: 1px solid #fff;
	color: #242424;
	padding: 8px;
	transition: all 0.5s ease 0.2s;
}

#box-table td a
{
	color: #242424;
}

#box-table tr:hover td
{
	background-color: #f0f0f0;
	color: #242424;
	transition: all 0.5s ease 0s;
}

/** FILTER **/

#divCatalogueFilters{
    margin-top: 40px;
	padding: 5px;
	background-color: #FFFFFF;
}

#divCatalogueFiltersTitle h2{
	font-size:14px;
}

.divCatalogueFilter{
	color: #666;
	padding: 5px;
}

.divCatalogueFilterText ul li{
	list-style: none;
}

/** CHECKOUT **/

#divCheckoutCheckout{
	width: 710px;
	float: left;
}

#divCheckoutExtraInfo{
	float: left;
	clear: both;
	display: inline-block;
	margin-top: 10px;
	border: solid 1px #F39;
	background-color: #FCF;
	color: #F39;
	padding: 5px;
}

#divCheckoutRecommendation{
	width: 710px;
	min-height: 400px;
	margin: 5px 0;
	background-color: #242424;
	float: left;
	clear: both;
}

#divCheckoutCart{
	width: 710px;
}

#divCheckoutShippingInfo{
	width: 710px;
	height: 30px;
	float: left;
	clear: both;
}

#divCheckoutInfo{
	background-color: #6CF;
	border: 1px solid #36F;
	color: #ffffff;
	margin-bottom: 20px;
	padding: 2px 6px 2px 6px;
	text-align: center;
}

#divCheckoutVoucherContent{
	behavior: url('../border-radius.htc');
	border: 10px solid #666;
	border-radius: 8px;
	display: none;
	moz-border-radius: 8px;
	webkit-border-radius: 8px;
	width: 600px;
}

#divCheckoutVoucherContent #divCheckoutVoucherContentTitle{
	background-color: #333333;
	border: 1px solid #666666;
	border-bottom: none;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	padding: 5px;
}

#divCheckoutVoucherContent #divCheckoutVoucherContentText{
	background-color: #FFF;
	border: 1px solid #666666;
	padding: 0 10px 0 10px;
}

#divCheckoutVoucherContent #divCheckoutVoucherContentText:after{
	clear: both;
	content: ".";
	display: block;
	height: 0px;
	visibility: hidden;
}

#divCheckoutVoucherContent #divCheckoutVoucherContentClose{
	background-color: #FFF;
	border: 1px solid #666666;
	border-bottom: none;
	cursor: pointer;
	padding: 5px;
}

#fldVoucher{
	background-color: #CCC;
	border: solid 1px #333;
	color: #000;
	margin: 0;
	padding: 5px;
	width: 200px;
}

#fldVoucher:focus{
	background: none;
	background-color: #FFFFFF;
}

#fldVoucherSubmit{
	background-color: #333;
	border: none;
	color: #FFF;
	margin-top: 10px;
	padding: 5px;
	width: 184px;
	transition: all 0.5s ease 0.2s;
}

#fldVoucherSubmit:hover{
	background-color: #242424;
	transition: all 0.5s ease 0s;
}

/** RELATED **/

#divProductRecommendation{
	width: 100%;
	float: left;
	clear: both;
}

.divRelatedTitle{
	height: 20px;
	background-color: #333;
	color: #FFF;
	padding: 10px;
	margin-bottom: 10px;
}

.divRelatedProduct{
	margin-bottom: 10px;
	text-align: center;
	cursor: pointer;
}

.divSteps{
	background-color: #b2b2b2;
	height: 34px;
	margin-bottom: 5px;
	width: 710px;
}

.steps_step{
	background-color: #333333;
	color: #CCCCCC;
	float: left;
	padding: 5px;
	text-align: center;
	width: 132px;
}

.steps_step_active{
	background-color: #242424;
	color: #FFF;
	float: left;
	padding: 5px;
	text-align: center;
	width: 132px;
}

#divCheckoutStep1, #divCheckoutStep2, #divCheckoutStep3, #divCheckoutStep4, #divCheckoutStep5{
	width:710px;
}

.divCheckoutOverviewTitle{
	background-color: #333;
	color: #FFF;
	font-weight: bold;
	height: 35px;
	margin-bottom: 5px;
	width: 710px;
}

.divCheckoutOverviewTitleText{
	float: left;
	padding: 5px;
	width: 330px;
}

.divCheckoutOverviewTitleQuantity{
	float: left;
	padding: 5px;
	text-align: center;
	width: 80px;
}

.divCheckoutOverviewTitlePrice{
	float: left;
	padding: 5px;
	text-align: right;
	width: 70px;
}

.divCheckoutOverviewTitleTotal{
	float: left;
	padding: 5px;
	text-align: right;
	width: 80px;
}

.divCheckoutOverviewTitleRemove{
	float: left;
	padding: 5px;
	text-align: center;
	width: 100px;
}

.divCheckoutOverviewItemEven{
	background-color: #CCC;
	color: #FFF;
	font-weight: bold;
	min-height: 72px;
	margin-bottom: 5px;
	width: 710px;
	float: left;
}

.divCheckoutOverviewItemOdd{
	background-color: #999;
	color: #FFF;
	font-weight: bold;
	min-height: 72px;
	margin-bottom: 5px;
	width: 710px;
	float: left;
}

.divCheckoutOverviewItemEven a, .divCheckoutOverviewItemOdd a{
	color: #FFF;
}

.divCheckoutOverviewItemEven a:hover, .divCheckoutOverviewItemOdd a:hover{
	color: #FFF;
}

.divCheckoutOverviewItemImage{
	clear: both;
	float: left;
	overflow: hidden;
	padding: 0 5px 0 0px;
	width: 70px;
	height:70px;
}

.divCheckoutOverviewItemText{
	float: left;
	padding: 5px;
	overflow: hidden;
	width: 255px;
}

.divCheckoutOverviewItemQuantity{
	float: left;
	padding: 5px;
	text-align: center;
	width: 80px;
}

.divCheckoutOverviewItemPrice{
	float: left;
	padding: 5px;
	text-align: right;
	width: 70px;
}

.divCheckoutOverviewItemTotal{
	float: left;
	padding: 5px;
	text-align: right;
	width: 80px;
}

.divCheckoutOverviewItemRemove{
	float: left;
	padding: 5px;
	text-align: center;
	width: 100px;
}

#divCheckoutShippingCost{
	color: #333;
	height: 25px;
	text-align: right;
	width: 595px;
	float: left;
}

#divCheckoutShippingCostText{
	width: 108px;
	padding-left:7px;
	float: left;
}

#divCheckoutVatCostText{
	height: 25px;
	text-align: right;
	width: 595px;
	float: left;
}

#divCheckoutVatCost{
	width: 108px;
	padding-left:7px;
	float: left;
}

#divCheckoutCoupon{
	float: left;
	width: 710px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #F2F2F2;
	padding: 5px;
}

#divCheckoutShippinginfo{
	float: left;
	margin-top: 10px;
}

#divCheckoutTotal{
	background-color: #CCC;
	color: #333;
	font-weight: bold;
	height: 25px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-right: 115px;
	text-align: right;
	width: 595px;
	float: left;
}

.divCheckoutNavigation{
	display: block;
	height: 45px;
	margin-top: 15px;
	width: 710px;
}

.divCheckoutNavigationNext{
	background-color: #333333;
	cursor: pointer;
	display: block;
	float: right;
	font-size: 14px;
	height: 40px;
	text-align: center;
	width: 220px;
	transition: all 0.5s ease 0.2s;
}

.divCheckoutNavigationNext a:hover{
	background-color: #242424;
	color: #FFF;
	transition: all 0.5s ease 0s;
}

.divCheckoutNavigationPrevious{
	background-color: #333333;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 14px;
	height: 40px;
	text-align: center;
	width: 220px;
	transition: all 0.5s ease 0.2s;
}

.divCheckoutNavigationPrevious a:hover{
	background-color: #242424;
	color: #FFF;
	transition: all 0.5s ease 0s;
}

.divCheckoutNavigationNext a, .divCheckoutNavigationPrevious a{
	color: #FFF;
	display: block;
	height: 30px;
	padding-top: 10px;
	text-decoration: none;
	width: 100%;
}

.divCheckoutCollectOrShip{
	height: 40px;
	margin-bottom: 10px;
	width: 710px;
}

.divCheckoutCollectOrShipLabel{
	float: left;
	width: 160px;
}

.divCheckoutCollectOrShipSelect{
	float: left;
	width: 550px;
}

.divCheckoutCollectOrShipSelect select{
	background-color: #333333;
	border: solid 1px #666666;
	color: #FFF;
	padding: 5px;
	width: 548px;
}

.divCheckoutCollectLabel{
	font-weight: bold;
	margin-bottom: 5px;
	width: 710px;
}

.divCheckoutCollectSelect{
	background-color: #F5F5F5;
	height: 80px;
	margin-bottom: 10px;
	width: 710px;
}

.divCheckoutCollectSelectCheck{
	background-color: #333333;
	float: left;
	height: 50px;
	padding-top: 30px;
	text-align: center;
	width: 80px;
}

.divCheckoutCollectSelectText{
	float: left;
	height: 80px;
	padding: 5px;
	width: 600px;
}

.divCheckoutShippingLabel{
	font-weight: bold;
	margin-bottom: 5px;
	width: 710px;
}

.divCheckoutShippingSelect{
	background-color: #F5F5F5;
	height: 80px;
	margin-bottom: 10px;
	width: 710px;
}

.divCheckoutShippingSelectCheck{
	background-color: #333333;
	float: left;
	height: 50px;
	padding-top: 30px;
	text-align: center;
	width: 80px;
}

.divCheckoutShippingSelectText{
	float: left;
	min-height: 80px;
	padding: 5px;
	width: 540px;
}

.divCheckoutShippingSelectActions{
	background-color: #F4F4F4;
	float: left;
	height: 50px;
	padding-top: 30px;
	text-align: center;
	width: 80px;
}

.divCheckoutInvoiceLabel{
	font-weight: bold;
	margin-bottom: 5px;
	width: 710px;
}

.divCheckoutInvoiceSelect{
	background-color: #F5F5F5;
	height: 80px;
	margin-bottom: 10px;
	width: 710px;
}

.divCheckoutInvoiceSelectCheck{
	background-color: #333333;
	float: left;
	height: 50px;
	padding-top: 30px;
	text-align: center;
	width: 80px;
}

.divCheckoutInvoiceSelectText{
	float: left;
	min-height: 80px;
	padding: 5px;
	width: 540px;
}

.divCheckoutInvoiceSelectActions{
	background-color: #F4F4F4;
	float: left;
	height: 50px;
	padding-top: 30px;
	text-align: center;
	width: 80px;
}

.divCheckoutPaymentLabel{
	font-weight: bold;
	height: 40px;
	margin-bottom: 10px;
	width: 710px;
}

.divCheckoutPaymentMethodLabel{
	font-weight: bold;
	margin-bottom: 5px;
	width: 710px;
}

.divCheckoutPaymentMethodSelect{
	background-color: #F5F5F5;
	height: 80px;
	margin-bottom: 10px;
	width: 710px;
}

.divCheckoutPaymentMethodSelectCheck{
	background-color: #333333;
	float: left;
	height: 50px;
	padding-top: 30px;
	text-align: center;
	width: 80px;
}

.divCheckoutPaymentMethodSelectText{
	float: left;
	min-height: 80px;
	padding: 5px;
	width: 420px;
}

.divCheckoutPaymentMethodSelectImage{
	background-color: #F4F4F4;
	float: left;
	height: 70px;
	text-align: center;
	width: 200px;
	overflow: hidden;
}

.divCheckoutDetail{
	min-height: 80px;
	margin-bottom: 10px;
	width: 710px;
}

.divCheckoutDetailLabel{
	float: left;
	width: 160px;
}

.divCheckoutDetailValue{
	float: left;
	width: 550px;
}

/** CUSTOMER HOME **/

#divCustomerHomeContent{
}

#divCustomerHomeContentLeft{
	float: left;
	width: 355px;
}

#divCustomerHomeContentRight{
	float: right;
	width: 350px;
}

#divCustomerHomeContentLeftText{
	width: 345px;
	min-height: 200px;
	float: left;
	background-color: #F7F7F7;
	padding: 5px;
	position: relative;
}

#divCustomerHomeContentRightText{
	width: 340px;
	min-height: 200px;
	float: left;
	background-color: #F7F7F7;
	padding: 5px;
	position: relative;
}

#divCustomerHomeContentLeftTitle{
	width: 345px;
	height: 28px;
	float: left;
	background-color: #CCC;
	padding: 5px 5px 0 5px;
}

#divCustomerHomeContentRightTitle{
	width: 340px;
	height: 28px;
	float: left;
	background-color: #CCC;
	padding: 5px 5px 0 5px;
}

#divCustomerHomeContentLeftButton, #divCustomerHomeContentRightButton{
	width: 180px;
	height: 25px;
	float: left;
	background-color: #333;
	color: #FFF;
	padding: 5px;
	margin-bottom: 5px;
	float: right;
	position: absolute;
	bottom: 0;
	left: 80px;
}

#divCustomerHomeContentLeftButton a, #divCustomerHomeContentRightButton a{
	color: #FFF;
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	text-align: center;
	transition: all 0.5s ease 0.2s;
}

#divCustomerHomeContentLeftButton:hover, #divCustomerHomeContentRightButton:hover{
	background-color: #242424;
	transition: all 0.5s ease 0s;
}

.divCustomerHomeOrderHeader{
	background-color:#dfdfdf;
	height:26px;
	font-weight:bold;
}

.divCustomerHomeOrderHeaderDate{
	float:left;
	width:65px;
	padding-left:5px;	
}

.divCustomerHomeOrderHeaderReferer{
	float:left;
	width:65px;
}

.divCustomerHomeOrderHeaderTotal{
	float:left;
	width:65px;
	text-align:right;
}

.divCustomerHomeOrderHeaderPayed{
	float:left;
	width:60px;
	text-align:right;	
}

.divCustomerHomeOrderHeaderShipped{
	float:left;
	width:70px;
	padding-right:5px;
	text-align:right;	
}	
	
.divCustomerHomeOrderSubHeader{
	background-color:#e8e8e8;
	height:26px;
}
	
.divCustomerHomeOrderSubHeaderDate{
	float:left;
	width:70px;
	padding-left:5px;	
}

.divCustomerHomeOrderSubHeaderReferer{
	float:left;
	width:65px;
}

.divCustomerHomeOrderSubHeaderTotal{
	float:left;
	width:65px;
	text-align:right;
}

.divCustomerHomeOrderSubHeaderPayed{
	float:left;
	width:60px;
	text-align:right;	
	cursor:default;
}

.divCustomerHomeOrderSubHeaderShipped{
	float:left;
	width:70px;
	padding-right:5px;
	text-align:right;
	cursor:default;
}

/** CUSTOMER ORDERS **/

.divCustomerOrderHeader{
	background-color:#dfdfdf;
	height:26px;
	font-weight:bold;
}

.divCustomerOrderHeaderDownload{
	float:left;
	width:80px;
	padding-left:10px;
}

.divCustomerOrderHeaderDate{
	float:left;
	width:140px;
}

.divCustomerOrderHeaderReferer{
	float:left;
	width:210px;
}

.divCustomerOrderHeaderTotal{
	float:left;
	width:100px;
	text-align:right;
}

.divCustomerOrderHeaderPayed{
	float:left;
	width:80px;
	text-align:right;	
}

.divCustomerOrderHeaderShipped{
	float:left;
	width:80px;
	padding-right:10px;
	text-align:right;	
}	
	
.divCustomerOrderSubHeader{
	cursor:pointer;
	background-color:#e8e8e8;
	height:26px;
}
	
.divCustomerOrderSubHeaderDownload{
	float:left;
	width:80px;
	padding-left:10px;
}

.divCustomerOrderSubHeaderDate{
	float:left;
	width:140px;
}

.divCustomerOrderSubHeaderReferer{
	float:left;
	width:210px;
}

.divCustomerOrderSubHeaderTotal{
	float:left;
	width:100px;
	text-align:right;
}

.divCustomerOrderSubHeaderPayed{
	float:left;
	width:80px;
	text-align:right;	
	cursor:default;
}

.divCustomerOrderSubHeaderShipped{
	float:left;
	width:80px;
	padding-right:10px;
	text-align:right;
	cursor:default;
}

.divCustomerOrderDetailsHolder{
	padding:10px;
	padding-right:0px;
	background-color:#efefef;
}
	
.divCustomerOrderDetailHeader{
	background-color:#e8e8e8;
	height:26px;
	font-weight:bold;
}
	
.divCustomerOrderDetailHeaderTitle{
	float:left;
	width:420px;
	padding-left:10px;
}

.divCustomerOrderDetailHeaderAmount{
	float:left;
	width:100px;
	text-align:right;
}

.divCustomerOrdeDetailrHeaderPrice{
	float:left;
	width:80px;
	text-align:right;
}

.divCustomerOrderDetailHeaderSubtotal{
	float:left;
	width:80px;
	padding-right:10px;
	text-align:right;	
}

.divCustomerOrderDetail{
	background-color:#efefef;
	height:26px;
}
	
.divCustomerOrderDetailTitle{
	float:left;
	width:420px;
	padding-left:10px;
}

.divCustomerOrderDetailAmount{
	float:left;
	width:100px;
	text-align:right;
}

.divCustomerOrderDetailPrice{
	float:left;
	width:80px;
	text-align:right;
}

.divCustomerOrderDetailSubtotal{
	float:left;
	width:80px;
	padding-right:10px;
	text-align:right;	
}
	
.divCustomerOrderDetailFooter{
	background-color:#eaeaea;
	height:26px;
	font-weight:bold;
}
	
.divCustomerOrdeDetailrFooterTotal{
	float:left;
	width:600px;
	padding-left:10px;
	text-align:right;	
}

.divCustomerOrderDetailFooterPrice{
	float:left;
	width:80px;
	padding-right:10px;
	text-align:right;	
}

.divCustomerOrderRemarks{
	padding-top:10px;	
}

/** CUSTOMER WISHLIST **/ 

.divCustomerWishlistItem{
	width: 710px;
	height: 150px;
	margin-bottom: 10px;
	overflow: hidden;
}


.divCustomerWishlistItemPhoto{
	width: 150px;
	height: 150px;
	float: left;
	overflow: hidden;
}

.divCustomerWishlistItemInfo{
	width: 290px;
	height: 140px;
	float: left;
	padding: 5px;
	border-right: solid 1px #F4F4F4;
}

.divCustomerWishlistItemAddToBasket{
	width: 119px;
	height: 140px;
	float: left;
	padding: 5px;
	text-align: center;
	border-right: solid 1px #F4F4F4;
}

.divCustomerWishlistItemRemove{
	width: 119px;
	height: 140px;
	padding: 5px;
	float: left;
	text-align: center;
}

.divCustomerProductIcon{
	background-color: #211f22;
	cursor: pointer;
	height: 37px;
	margin-left: 31px;
	margin-top: 31px;
	text-align: center;
	width: 57px;
	padding-top: 20px;
}

.divCustomerProductIcon::before{
	content: "\f07a";
	font-family: FontAwesome;
	font-size: 18px;
	color: #FFF;
	text-indent: 0;
	display: block;
	line-height: initial;
}

.divCustomerProductIcon:hover{
	background-color: #f39207;
}

.divCustomerRemoveIcon{
	background-color: #211f22;
	cursor: pointer;
	height: 37px;
	margin-left: 31px;
	margin-top: 31px;
	text-align: center;
	width: 57px;
	padding-top: 20px;
}

.divCustomerRemoveIcon::before{
	content: "\f00d";
	font-family: FontAwesome;
	font-size: 18px;
	color: #FFF;
	text-indent: 0;
	display: block;
	line-height: initial;
}

.divCustomerRemoveIcon:hover{
	background-color: #f39207;
}

/** FOOTER **/

#social_networks_wrap {
	position:relative;
	height:87px;
	padding-top: 45px;
	width:100%;
	clear:both;
	background-color: #1b1b1d;
	text-align: center;
}

#social_networks_linkedin,
#social_networks_googleplus,
#social_networks_twitter,
#social_networks_instagram,
#social_networks_facebook,
#social_networks_youtube{
	width:80px;
	height:43px;
	margin:0 auto;
	display:inline-block;
	cursor: pointer;
	text-align: center;
}

#social_networks_linkedin::after{
	content: "\f08c";
	font-family: FontAwesome;
	font-size: 30px;
	color: #666;
	text-indent: 0;
	display: block;
	line-height: initial;
	transition: all 0.3s ease 0.2s;
}

#social_networks_googleplus::after{
	content: "\f0d4";
	font-family: FontAwesome;
	font-size: 30px;
	color: #666;
	text-indent: 0;
	display: block;
	line-height: initial;
	transition: all 0.3s ease 0.2s;
}

#social_networks_twitter::after{
	content: "\f099";
	font-family: FontAwesome;
	font-size: 30px;
	color: #666;
	text-indent: 0;
	display: block;
	line-height: initial;
	transition: all 0.3s ease 0.2s;
}

#social_networks_instagram::after{
	content: "\f16d";
	font-family: FontAwesome;
	font-size: 30px;
	color: #666;
	text-indent: 0;
	display: block;
	line-height: initial;
	transition: all 0.3s ease 0.2s;
}

#social_networks_facebook::after{
	content: "\f09a";
	font-family: FontAwesome;
	font-size: 30px;
	color: #666;
	text-indent: 0;
	display: block;
	line-height: initial;
	transition: all 0.3s ease 0.2s;
}

#social_networks_youtube::after{
	content: "\f166";
	font-family: FontAwesome;
	font-size: 30px;
	color: #666;
	text-indent: 0;
	display: block;
	line-height: initial;
	transition: all 0.3s ease 0.2s;
}

#social_networks_linkedin:hover::after,
#social_networks_googleplus:hover::after,
#social_networks_twitter:hover::after,
#social_networks_instagram:hover::after,
#social_networks_facebook:hover::after,
#social_networks_youtube:hover::after{
	color:#f39207;
}

#footer_wrap {
	position:relative;
	height:66px;
	width:100%;
	clear:both;
	background-color: #1b1b1d;
}

#footer_wrap #left_menu{
	padding: 0px;
	background: none;
}

#footer_outer{
	margin:0 auto;
	height:352px;
	overflow:hidden;
	width:980px;
	font-size:11px;
	color: #FFFFFF;
}

#footer_top{
	height:352px;
}

#footer_left{
	width: 250px;
	height: 332px;
	margin: 10px 10px 0 0;
	float: left;
}

#footer_middle{
	width: 310px;
	height: 332px;
	margin: 10px 10px 0 0;
	float: left;
}

#footer_right{
	width: 400px;
	height: 349px;
	margin: 2px 0 0 0;
	float: left;
}

#footer_title{
	height: 30px;
	font-size: 24px;
	color: #FFF;
	background-image: url(../images/default/body/png/imgFooterTitle.png);
	background-position: bottom;
	background-repeat: repeat-x;
	margin: 10px;
}

#footer_left #footer_title{
	text-align: center;
}

#footer_right #footer_title{
	padding-top: 8px;
}

#footer_text{
	margin: 10px;
}

#footer_text .liMenuLeft0 a{
	border-bottom: none;
	font-weight: normal;
}

#footer_text .liMenuLeft0 a:hover{
	border-bottom: none;
}

.footer_faq{
	height: 25px;
	margin-bottom: 2px;
	padding: 5px;
	cursor: pointer;
}

.footer_faq a{
	text-decoration: none;
	font-size: 14px;
}

#footer_bottom{
	height:66px;
	text-align: center;
	color:#999;
}

#footer_bottom a{
	color:#999999;
}

#footer_outer a{
	color: #ffffff;
}

#footer_outer_copyright{
	float:left;
	width:70%;
	padding-top:20px;
	text-align:right;
}

#footer_outer_madeby{
	float:right;
	width:100px;
	margin-top:14px;
	padding-top:7px;
	height:30px;
	padding-right:30px;
	text-align:right;
	cursor:pointer;	
	background-image:url('../images/default/body/png/imgMadeBy.png');
	background-position:right center;
	background-repeat:no-repeat;	
}

/** TOPMENU **/

#topmenu_wrap{
	font-size:18px;
	height:130px;
	width:512px;
	text-align:left;
	float: left;
	margin-top: 20px;
	color: #FFF;
}

#top_menu{
	height: 50px;
}

#topmenu_login, #topmenu_register, #topmenu_wishlist{
	margin: 10px 0 10px 10px;
	padding: 5px;
	height: 26px;
	text-align: center;
	float: right;
	font-size: 14px;
	font-weight: bold;
	color: #CCC;
	cursor: pointer;
	border: solid 2px #211f22;
	transition: all 0.5s ease 0.2s;
}

#topmenu_login:hover, #topmenu_register:hover, #topmenu_wishlist:hover{
	color: #f39207;
	border: solid 2px #f39207;
	transition: all 0.5s ease 0s;
}

/** CONTENT **/

#left_menu{
	margin:0 0 40px 0;
	padding: 5px;
	background-color: #FFFFFF;
}

#left_menu_catalogue{
	padding: 5px;
	background-color: #FFFFFF;
}

#left_menu_catalogue .ulMenuLeft .liMenuLeft0 a:before{
	content:"- ";
}

#left_menu_catalogue .ulMenuLeft .liMenuLeft0Active a:before{
	content:"- ";
}

#left_menu_catalogue .ulMenuLeft .liMenuLeft0ActiveSemi a:before{
	content:"- ";
}

.ulMenuLeft{
	list-style:none;
	margin:0;
	padding:0;
}

.ulMenuLeft li{
	text-align:left;
	min-height:35px;
	margin-bottom:4px;
}

/* 0 */

.liMenuLeft0 a{
	display:block;
	text-decoration:none;
	border-bottom: solid 2px #000000; 
	padding:5px;
	transition: all 0.5s ease 0.2s;
}

.liMenuLeft0 a:hover{
	display:block;
	text-decoration:none;
	color: #f39207;
	border-bottom: solid 2px #f39207;
	padding:5px;
	transition: all 0.5s ease 0s;
}

.liMenuLeft0Active a, .liMenuLeft0Active a:hover{
	display:block;
	text-decoration:none;
	color: #f39207;
	border-bottom: solid 2px #000000;
	padding:5px;
}

.liMenuLeft0ActiveSemi a, .liMenuLeft0ActiveSemi a:hover{
	display:block;
	text-decoration:none;
	color: #f39207;
	border-bottom: solid 2px #000000;
	padding:5px;
}

/* 1 */

.liMenuLeft1 a{
	display:block;
	text-decoration:none;
	color: #333333;
	padding:5px;
	margin-left: 10px;
	transition: all 0.5s ease 0.2s;
}

.liMenuLeft1 a:hover{
	display:block;
	text-decoration:none;
	color: #333333;
	padding:5px;
	transition: all 0.5s ease 0s;
}

.liMenuLeft1Active a, .liMenuLeft1Active a:hover{
	display:block;
	text-decoration:none;
	color: #333333;
	padding:5px;
	margin-left: 10px;
}

.liMenuLeft1ActiveSemi a, .liMenuLeft1ActiveSemi a:hover{
	display:block;
	text-decoration:none;
	color: #333333;
	padding:5px;
	margin-left: 10px;
}

/* 2 */

.liMenuLeft2 a{
	display:block;
	text-decoration:none;
	color: #666666;
	padding:5px;
	margin-left: 20px;
	transition: all 0.5s ease 0.2s;
}

.liMenuLeft2 a:hover{
	display:block;
	text-decoration:none;
	color: #666666;
	padding:5px;
	transition: all 0.5s ease 0s;
}

.liMenuLeft2Active a, .liMenuLeft2Active a:hover{
	display:block;
	text-decoration:none;
	color: #666666;
	padding:5px;
	margin-left: 20px;
}

.liMenuLeft2ActiveSemi a, .liMenuLeft2ActiveSemi a:hover{
	display:block;
	text-decoration:none;
	color: #666666;
	padding:5px;
	margin-left: 20px;
}

/** TOP PRODUCTS **/

#topproducts_wrap{
	margin-top: 40px;
	padding: 5px;
	background-color: #FFFFFF;
}

#topproducts{
	margin-bottom:10px;
}

.topproducts_even{
	width:238px;
	margin-top: 10px;
	padding-top: 10px;
	border-top: solid 1px #CCC;
	cursor: pointer;
}

.topproducts_odd{
	width:238px;
	margin-bottom:10px;
	margin-top: 10px;
	padding-top: 10px;
	border-top: solid 1px #CCC;
	cursor: pointer;
}

.topproducts_text_wrap{
	width:128px;
	float:left;
}

.topproducts_title{
	width:128px;
	font-weight:bold;
	text-align: left;
}

.topproducts_text{
	width:128px;
	color: #f39207;
    font-size: 24px;
    font-weight: bold;
}

.topproducts_image{
	width:110px;
	float:left;
}


/** LATEST NEWS **/

#news_wrap{
	margin-top: 45px;
}

#latestnews_wrap{
	margin-top: 40px;
	padding: 5px;
	background-color: #FFFFFF;
}

#latestnews{
	margin-bottom:10px;
}

.latestnews_even{
	width:238px;
	margin-bottom:10px;
}

.latestnews_odd{
	width:238px;
	margin-bottom:10px;
}

.latestnews_text_wrap{
	width:238px;
	float:left;
}

.latestnews_title{
	font-weight:bold;
	margin-top: 10px;
	padding-top: 10px;
	text-align: left;
}

.latestnews_text{
}

.latestnews_readmore{
}

.latestnews_image{
	float:left;
}

.latestnews_more{
	width:238px;
	margin-bottom:10px;
	text-align: right;
}

/** LATEST EVENTS **/

#latestevents{
	margin-bottom:10px;
}

.latestevents_even{
	width:250px;
	margin-bottom:10px;
	background-color:#B3B3B3;
}

.latestevents_odd{
	width:250px;
	margin-bottom:10px;
	background-color:#949494;
}

.latestevents_text_wrap{
	width:145px;
	float:left;
}

.latestevents_title{
	width:145px;
	font-weight:bold;
}

.latestevents_text{
	width:145px;
}

.latestevents_readmore{
	width:145px;
}

.latestevents_image{
	width:105px;
	float:left;
}

.latestevents_more{
	width:250px;
	margin-bottom:10px;
	background-color:#949494;
}

/** NEWSLETTER **/

#divMailNewsletter{
	width: 30vw;
	max-width: 300px;
	min-width: 280px;
	position: fixed;
	right: 10px;
	bottom: 10px;
	background-color: #F4F4F4;
	z-index: 500;
}

#divMailNewsletterClose{
	text-align: right;
	padding: 10px;
	background-color: #ffdb00;
	color: #333333;
	float: right;
}

#divMailNewsletterClose span{
	cursor: pointer;
}

#divMailNewsletterTitle{
	font-size: 18px;
	font-weight: bold;
	background-color: #ffdb00;
	color: #333333;
	padding: 20px;
	text-align: center;
}

#divMailNewsletterText{
	padding: 20px 20px 0 20px;
}

#divMailNewsletterForm {
    padding: 20px;
}

#frmNewsletter #fldNewsletterFirstname{
	border:none;
	background-color:#ffffff;
	margin-bottom:10px;
	padding: 10px;
	width: calc(100% - 20px);
	border-radius: none;
}

#frmNewsletter #fldNewsletterName{
	border:none;
	background-color:#ffffff;
	margin-bottom:10px;
	padding: 10px;
	width: calc(100% - 20px);
	border-radius: none;
}

#frmNewsletter #fldNewsletterEmail{
	border:none;
	background-color:#ffffff;
	margin-bottom:10px;
	padding: 10px;
	width: calc(100% - 20px);
	border-radius: none;
}

#frmNewsletter #btnNewsletter{
	border: 1px solid #ff9933;
	background-color: #ff9933;
	color: #ffffff;
	cursor: pointer;
	display:inline-block;
	text-transform: uppercase;
	padding:5px 10px;
	transition: all 0.3s ease 0.2s;
}

#frmNewsletter #btnNewsletter:hover{
	color: #ff9933;
	background-color: #F4F4F4;
}

#spnNewsletterHolderQuick{
	display: block;
	padding: 10px 0;
}

/**/

#fldNewsletterFirstname{
	border:none;
	background-color:#ffffff;
	margin-bottom:10px;
	width: 130px;
	border-radius: none;
}

#fldNewsletterName{
	border:none;
	background-color:#ffffff;
	margin-bottom:10px;
	width: 140px;
	border-radius: none;
}

#fldNewsletterEmail{
	border:none;
	background-color:#ffffff;
	width: 150px;
	border-radius: none;
}

/** RIGHT **/

#right_wrap .title{
	min-height:50px;
	padding:0;
	margin: 10px 0;
  	color: #211f22;
	clear: both;
	font-size: 24px;
}

#right_wrap .title a{
	color:#211f22;
}

#right_wrap .title h1{
	font-size: 33px;
	margin-bottom: 10px;
}

#right_wrap .subtitle{
	font-size: 14px;
}

#right_wrap .text{
	margin-bottom:10px;
	clear: both;
}

#right_wrap .text:after
{
	clear:both;
	content:".";
	display:block;
	height:0px;
	visibility:hidden;
}

#right_wrap .text
{
	display:inline-block;
}

* html #right_wrap .text
{
	height:1%;
}

#right_wrap .text
{
	display:block;
}

#right_wrap li{
	margin-left:30px;
}

#right_wrap .paragraph{
	margin-bottom:10px;
}

#right_wrap .paragraph_text{
}

#right_wrap .paragraph_text_left{
	float:left;	
	width:430px;
}

#right_wrap .paragraph_text_right{
	float:right;	
	width:430px;
}

#right_wrap .paragraph_slideshow_right{
	float:right;	
	width:260px;
	height: 195px;
}

#right_wrap .paragraph_slideshow_left{
	float:left;	
	width:260px;
	height: 195px;
}

/** CLASSES **/

#fldCaptchaError, .red{
	color:#990000;
}

.dialog{
	display: none;
}

/** FANCYBOX ***/

#fancybox-overlay {
	background:#333;
}

.fancybox-outer {
	background: #FFF;
}

/*----------------------------------------------- CUSTOM ZONZE START -----------------------------------------------*/
/*----------------------------------------------- CUSTOM ZONZE START -----------------------------------------------*/
/*----------------------------------------------- CUSTOM ZONZE START -----------------------------------------------*/

/** CUSTOM SLOGANS **/

#divSlogans{
	height:35px;
	background: #FFFFFF;
	border:solid 4px #333;
}

/** NEWS **/

.divNewsCategoryTitle{
	height: 30px;
	padding:10px;
	margin-bottom: 10px;
	background-color: #F4F4F4;
}

.divNewsHolder{
	margin-bottom:20px;
	overflow:hidden;
	background-color: #F8F8F8;
	background-color: #FFFFFF;
}

.divNewsHolderNoImage{
	margin-bottom:20px;
	overflow:hidden;
	padding: 10px;
	background-color: #FFFFFF;
}

.divNewsImage{
	float:left;
	width:150px;
	height:150px;
}

.divNewsContent{
	float:right;
	width:520px;
	overflow:hidden;
	padding: 10px;
}

.divNewsReadmore{
	float:right;
	width:520px;
	padding: 10px;
}

.divNewsHolderNoImage .divNewsReadmore{
	float: left;
	padding: 0;
}

.divNewsTitle{
	font-weight:bold;
}

.divNewsItemImage{
	text-align:center;
	padding-bottom:14px;
}

.divNewsItemTitle{
	padding-bottom:7px;
	border-bottom:1px solid #333333;
	margin-bottom:7px;
	color:#ffffff;
}

.divNewsItemText{
}

.divNewsItemDate{
	font-style:italic;
	text-align:right;
}

.divNewsSubscribeFeed{
	text-align:right;
	background-image:url('../../images/icons/iconRSS.png');
	background-position:top right;
	background-repeat:no-repeat;
	height:20px;
	padding-right:24px;
	
}

/** AGENDA **/

.divAgendaCategoryTitle{
    margin-bottom:10px;
}

.divAgendaHolder{
	background-color: #555555;
	margin-bottom:15px;
}

.divAgendaTitle{
    margin-bottom:15px;
    padding-bottom:5px;
}

.divAgendaText{
}

.divAgendaReadmore{
	text-align:right;
}

.divAgendaContent{
    width:510px;
    height:140px;
    float:left;
	padding: 5px;
}

.divAgendaImage{
    width:150px;
    height:150px;
    float:left;
}

.divAgendaItemImage{
	text-align:center;
	padding-bottom:14px;
}

.divAgendaItemTitle{
	padding-bottom:7px;
	border-bottom:1px solid #333333;
	margin-bottom:7px;
	color:#ffffff;
}

.divAgendaItemText{
}

.divAgendaItemDate{
	font-style:italic;
	text-align:right;
}

table.calendar{
	width: 690px;
	background-color: #222222;
	text-align:left;
	border-collapse:collapse;
}

table.calendar thead td.header{
	height: 30px;
	background-color: #333333;
	font-weight: bold;
	padding: 5px;
}

table.calendar td.select{
	height: 30px;
	padding: 5px;
	background-color: #444444;
}

table.calendar td{
	height: 88px;
}

table.calendar td:hover{
	background-color: #555555;
}

table.leftcalendar{
	background-color: #222222;
	border-collapse:collapse;
	margin-bottom: 9px;
}

.currentDay{
	background-color: #dfe5e5;
	cursor: pointer;
}

.chosenDay{
	background-color: #e7e7e7;
	cursor: pointer;
}

.eventDay{
	background-color: #8dbae4;
    color: #FFFFFF;
	cursor: pointer;
}

.eventDay a{
	color: #FFFFFF;
}

/** JOBOPENINGS **/

.divJobOpeningsHolder{
	margin-bottom:20px;
	background-color: #858585;
}

.divJobOpeningsTitle{
	font-weight:bold;
	background-color: #CCCCCC;
}

.divJobOpeningsText{
}

.divJobOpeningsReadmore{
	text-align: right;
}

.divJobOpeningsItemTitle{
	padding-bottom:7px;
	border-bottom:1px solid #333333;
	margin-bottom:7px;
	color:#ffffff;
}

.divJobOpeningsItemText{
}

.divJobOpeningsItemDate{
	font-style:italic;
	text-align:right;
}

/** FAQ **/

.divFaq{
	margin-bottom: 45px;
}

.divFaq ul{
	text-align: center;
}

.divFaq ul li{
	list-style: none;
	font-size: 14px;
	margin-bottom: 10px;
	padding-bottom: 80px;
	background-image: url(../images/default/body/png/imgCurl.png);
	background-position: center;
	background-repeat: no-repeat;
}

.divFaqsCategoryTitle{
	height: 30px;
	padding:10px;
	margin-bottom: 10px;
	background-color: #F4F4F4;
}

.divFaqsHolder{
	margin-bottom:45px;
	overflow:hidden;
	background-color: #F8F8F8;
	background-color: #FFFFFF;
	padding: 10px;
}

.divFaqsTitle{
	font-weight:bold;
	line-height: 32px;
	margin-bottom:16px;
}

.divFaqsText{
	margin-bottom:16px;
}

.divFaqsReadmore{
	text-align: right;
}

.divFaqsItemTitle{
	padding-bottom:7px;
	border-bottom:1px solid #333333;
	margin-bottom:7px;
	color:#ffffff;
}

.divFaqsItemText{
}

.divFaqsItemDate{
	font-style:italic;
	text-align:right;
}

/** POLL **/

.divPollsItemRightTitle{
	background-color: #666666;
}

.divPollsItemRightContent{
   
}

.divPollsItemRightContentRowPercentage{
	float:left;
	width:45px;
	padding-right:15px;
	text-align:right;
}

.divPollsItemRightContentRowText{
	float:left;
	width:590px;
}

.divPollsItemRightContentRowResult{
}

.divPollsItemRightContentRowButton{
	padding-top: 5px;
}

.divPollsItemRightContentRowButton .submit{
	background-color:#333;
}


.divPollsItemLeft{
	background-color: #555555;
}

.divPollsItemLeftTitle{
	background-color: #666666;
}

.divPollsItemLeftContent{
}

.divPollsItemLeftContentRowPercentage{
	float:left;
	width:45px;
	text-align:right;
}

.divPollsItemLeftContentRowText{
	float:left;
	width:170px;
}

.divPollsItemLeftContentRowResult{
}

.divPollsItemLeftContentRowButton{
}

.divPollsItemLeftContentRowButton .submit{
	background-color:#333;
}

/** VIDEO **/

.divVideoPlayerHolder{
	width:690px;
	height:500px;
	margin-bottom:2px;
	background-color:#efefef;
	display:none;
}

/** CUSTOM ALBUM **/

#divAlbumphotos{
	width:690px;
	overflow:hidden;
}

.divAlbumphotos0, .divAlbumphotos1, .divAlbumphotos2{
	height:180px;
	width: 180px;
	padding:10px;	
	background-color:#F36;	
	margin-bottom:45px;	
	margin-right:45px;
	float:left;
	cursor:pointer;
	overflow:hidden;
}

.divAlbumphotos0{
	margin-right:0px;
}

.divAlbumphotosImage{
	
}

.divAlbumphotosOverlay{
	height:20px;
	width: 160px;
	background-color:#9F3;	
	padding:10px;
	line-height:17px;
	margin-top:160px;
	position:relative;
	top:-200px;
	display:none;
	overflow:hidden; 
}

#divAlbumphotosItem{
	width:970px;
	height:450px;
	overflow: hidden;
}

#divAlbumphotosItemImages{
	width:970px;
	height:450px;
	overflow:hidden;
	text-align:center;
	z-index:50;
}

#divAlbumphotosItemPrevNext{
	position: relative;
	top:-450px;
	width:970px;
	height:450px;
	z-index:51;
}

#divAlbumphotosItemPrev{
	width:45px;
	height:450px;
	float:left;
	background-repeat:no-repeat;
	background-position:center;
	cursor:pointer;
}

#divAlbumphotosItemNext{
	width:45px;
	height:450px;
	float:right;
	background-repeat:no-repeat;
	background-position:center;	
	cursor:pointer;
}

#divAlbumphotosItemNavigation{
	width:970px;
	height:40px;
	padding:10px 0;
	text-align:center;
}

#divAlbumphotosItemNavigation span { 
	padding: 3px;
	font-size: 24px;	
	text-align:center;
	color:#000000;
	cursor:pointer;
	font-family: Verdana;	
}

#divAlbumphotosItemNavigation .cycle-pager-active {	
	color:#f39207;
}
	
#divTourism{
	width: 300px;
	margin: 20px auto;
	padding: 10px;
	border-radius: 15px;
	text-align: center;
	font-weight: bold;
	background-color: #f39206;
	color: white;
	cursor: pointer;
}

/*----------------------------------------------- CUSTOM ZONZE END -----------------------------------------------*/
/*----------------------------------------------- CUSTOM ZONZE END -----------------------------------------------*/
/*----------------------------------------------- CUSTOM ZONZE END -----------------------------------------------*/

#divPopup{
	display:none;	
}

.divPopupImage{
	text-align:center;
	width:100%;
}

.divPopupContent{
	
}


/** FORMS **/

.frmGeneral{
	border:0;
	margin:5px 0 0 0;
	padding:0;
	width:100%;
}

.frmGeneral fieldset{
	border:0;
	margin:0;
	padding:0;
	width:100%;
}

.frmGeneral dl{
	border:0;
	margin:0 0 10px 0;
	padding:0;
	width:100%;
}

.frmGeneral dl:after{
	clear:both;
	content:".";
	display:block;
	height:0px;
	visibility:hidden;
}

.frmGeneral dt{
	border:0;
	float:left;
	margin:0;
	min-height:40px;
	overflow:hidden;
	padding:0;
	width:35%;
	width:100%;
}

.frmGeneral dd{
	border:0;
	float:left;
	margin:0;
	min-height:40px;
	overflow:hidden;
	padding:0;
	width:65%;
	width:100%;
}

.frmGeneral input{
	background-color:#FFFFFF;
	color:#000;
	margin:0;
	margin-bottom:10px;
	width:100%;
	box-sizing: border-box;
	padding: 15px;
	border:none;
	border-bottom:1px solid #000000;
	font-size: 14px;
	border-radius:0;
	-webkit-appearance: none;
}

.frmGeneral input.inputv1{
	width:49%;
	box-sizing: border-box;
}

.frmGeneral input.inputv2{
	width:49%;
	box-sizing: border-box;
	float: right;
}

.frmGeneral input.inputv3{
	width:49%;
	box-sizing: border-box;
}

.frmGeneral input.inputv4{
	width:48%;
	box-sizing: border-box;
}

.frmGeneral input.inputv5{
	width:48%;
	box-sizing: border-box;
	float: right;
}

.frmGeneral input.inputv6{
	width:28%;
	box-sizing: border-box;
}

.frmGeneral input.inputv7{
	width:70%;
	box-sizing: border-box;
	float: right;
}

.frmGeneral input:focus{
	background:none;
	background-color:#FFF;
}

.frmGeneral textarea{
	background-color:#FFFFFF;
	color:#000;
	margin:0;
	margin-bottom:10px;
	width:100%;
	box-sizing: border-box;
	padding: 15px;
	border:none;
	border-bottom:1px solid #000000;
	font-size: 14px;
	height:120px;
	border-radius:0;
	-webkit-appearance: none;
}

.frmGeneral h3{
	margin:20px 0;
}

.divFormQuestion{
	margin-bottom:10px;	
}

.divFormQuestion41Holder{
	width: 50%;
	float:left;
}

.divFormQuestion41{
	background-color:#efefef;	
	text-align: center;
	cursor:pointer;
}

#divFormQuestion41_52{
	margin-right: 5px;
}
	
.divFormQuestion41Title{
	padding-top: 10px;
	padding-bottom:10px;
}

#divFormQuestion41_52Image,
#divFormQuestion41_53Image{
	margin-bottom:10px;
	height:50px;
	background-position: center;
	background-repeat: no-repeat;
}

.divFormQuestion41_52ImageNotActive{
	background-image: url(../images/default/body/png/imgQuote52NotActive.png);
}

.divFormQuestion41_53ImageNotActive{
	background-image: url(../images/default/body/png/imgQuote53NotActive.png);
}

.divFormQuestion41:hover #divFormQuestion41_52Image,
.divFormQuestion41_52ImageActive{
	background-image: url(../images/default/body/png/imgQuote52Active.png);
}

.divFormQuestion41:hover #divFormQuestion41_53Image,
.divFormQuestion41_53ImageActive{
	background-image: url(../images/default/body/png/imgQuote53Active.png);
}

.divFormQuestion41_52NotActive,
.divFormQuestion41_53NotActive{
	background-color:#efefef;
	color:#000000;
}

.divFormQuestion41:hover,
.divFormQuestion41_52Active,
.divFormQuestion41_53Active{
	background-color:#d54e21;
	color:#ffffff;
}

.jSignatureField{
	background-color:#FFFFFF;
	border:solid 1px #333;
	margin-bottom:10px;
	padding:5px;
	width:375px;
}

.jSignatureField div{
	display: none;	
}

.divFormQuestion{
	text-align: left;
}

.frmGeneral textarea:focus{
	background:none;
	background-color:#FFF;
}

.divFormQuestion{
	background-color:#FFFFFF;
	color:#000;
	margin:0;
	margin-bottom:10px;
	width:100%;
	box-sizing: border-box;
	padding: 15px;
	border:none;
	border-bottom:1px solid #000000;
	font-size: 14px;
	color:#767676;
}

.frmGeneral select{
	background-color:#FFFFFF;
	color:#000;
	margin:0;
	margin-bottom:10px;
	width:100%;
	box-sizing: border-box;
	padding: 15px;
	border:none;
	border-bottom:1px solid #000000;
	font-size: 14px;
	border-radius:0;
	-webkit-appearance: none;
}

.frmGeneral select:focus{
	background-color:#FFF;
}

.frmGeneral select.option{
	background-color:#FFFFFF;
}

select{
  	color: #000000;
}

select option { 
	color: #000000; 
}

select option:first-child{
  	color: #aaaaaa;
}

.frmGeneral .check{
	background:none;
	background-color:#FFFFFF;
	border:solid 1px #333;
	width:auto;
	vertical-align:middle;
	-moz-appearance:checkbox-small;
	appearance:checkbox;
	-webkit-appearance:checkbox;
	vertical-align: baseline;
}

.frmGeneral .remChars{
	background:none;
	border:none;
	color:#000;
	font-size:10px;
	margin:0;
	padding:0;
	text-align:center;
	width:25px;
}

.frmGeneral .submit{
	border: 1px solid #ff9933;
	background-color: #ff9933;
	color: #FFF;
	cursor: pointer;
	display:inline-block;
	text-transform: uppercase;
	padding:8px 10px;
	margin-top:25px;
	margin-left:25px;
	width:50%;
	float:right;
	transition: all 0.3s ease 0.2s;
}

.frmGeneral .submit:hover{
	border: 1px solid #1b1b1d;
	background-color: #FFF;
	color: #1b1b1d;
}

.frmGeneral .readonly
{
	color:#666;
}

.inputv1{
	width: 100px;
}

.inputv2{
	width: 100px;
}

/*** FIXES ***/

.clearfix:after
{
	clear:both;
	content:".";
	display:block;
	height:0px;
	visibility:hidden;
}

.clearfix
{
	display:inline-block;
}

* html .clearfix
{
	height:1%;
}

.clearfix
{
	display:block;
}

.divParagraphVideo p{
	margin:0px;
	padding:0px;
}

#divCatalogueProductsSlideshow .cycle-slideshow { 
	width: 100% 
}

#divCatalogueProductsSlideshow .cycle-slideshow img { 
	width: 100%; 
	height: auto;
}

#divProductPriceTag{
	display:none;
}


/*** VIDEO ***/

#video_holder #videoshow{
  	text-align:center;
    background-color:#ffffff;
    height:100vh;
	width: 100vw;
    position:relative;
    margin: 0;
	z-index: 100;
	overflow: hidden;
}

#video_holder #videoshow video{
	object-fit: cover;
	display: block;
	margin: 0;
	height:101vh;
	width: 120vw;
	background-color: #ffffff;
	position: absolute;
	left: 50%; 
	top: 50%;
	transform: translate(-50%, -50%); 
}

#video_holder #videoshow video.loading{
	background-image:url('../images/default/body/gif/ajax-loaderFFF.gif'); 
	background-position:center;
	background-repeat:no-repeat;
	background-color: #ffffff;
}

.object-fit{
  &__container{   }
  &__cover{      object-fit: cover;      }
  &__fill{       object-fit: fill;       }
  &__contain{    object-fit: contain;    }
  &__none{       object-fit: none;       }
  &__scale-down{ object-fit: scale-down; }
}

video{
  height: 100%;
  width:  100%;
}

@media (max-width: 1424px) {

	.languagepicker{
		position: relative;
	}
}	

@media (max-width: 980px) {

    #header_logo .container{
        width:100%;
    }  
    
    #header_logo .grid_6{
        width:50%;
        margin-left:0;
        margin-right:0;
    }    

    #header_logo .grid_3{
        width:25%;
        margin-left:0;
        margin-right:0;
    }        
    
	.fuel_text{
		height:150px;	
	}

	.languagepicker{
		margin:0;
		position: relative;
		height: auto;
	}

	.languagepicker a li{
		padding:0 10px;
	}
	
	.languagepicker a:first-of-type li{
		padding-right:0;
	}

	.languagepicker a:last-of-type li{
		padding-left:5px;
	}
	
	.languagepicker li{
		display:inline-block;
	}
	
	.languagepicker:hover{
		height: auto;
	}
	
	.languagepicker a li span{
		display:none;
	}

	#divAbout{
		display:block;
		min-height: auto;
	}
	
	#divAboutLeft{
		width:100%;
		height:500px;
	}

	#divAboutRight{
		width:100%;
		min-height: auto;
		padding-top:30px;
		padding-bottom:30px;
	}

	#divForms{
		display:block;
		min-height: auto;
	}
	
	#divFormsLeft{
		width:100%;
		height:500px;
	}

	#divFormsRight{
		width:100%;
		min-height: auto;
		padding:0px;
	}
	
	#divFormsLeft div {
		background-size:cover;
		background-position:center;
	}
	
	.forms_wrap .formscontent{
		padding:30px 0;
	}
		
	.forms_space{
		height:100px;
	}

	.forms_title{
		font-size:24px;
		width:80%;
	}
	
	#search{
		padding: 54px 2px 0;
	}
	
	#header_closer_basket{
		font-size: 14px;
		padding: 16px 0 16px 23px;
	}
	
	#header_appointment_title, #download_link_title{
		font-size: 42px;
	}
	
	#topmenu_wrap{
		margin:0;
		float:none;
		clear:both;
		display: inline-block;  
		vertical-align: middle;	
	}
	
	#left_wrap{
		width:100%;
		padding:0;
	}
	
	#left_wrap div{
		display:none;	
	}
	
	#left_wrap #left_menu_catalogue{
		display:block;	
		margin:10px;
		margin-bottom:20px;
	}
		
	#right_wrap{
		width:100%;	
		padding: 0px;
	}	
	
	#right_wrap .title{
		padding:10px;
	}
	
	#right_wrap .text{
		padding:10px;
	}
	
	#right_wrap::before{
		left: 0;
	}
	
	#page{
		width:auto;	
	}
	
	#divCatalogueOverview,
	#divProductRecommendation{
		margin: 0 0 0 5px;
		text-align:center;
		width:auto;
	}
	
	.divCatalogueProductgroupsProduct,
	.divCatalogueProductgroupsProductEnd,
	.divCatalogueProductgroups,
	.divCatalogueProductgroupsEnd{
		margin: 0 5px 30px 0;
		float:none;
		display: inline-block;  
		vertical-align: middle;
	}
		
	#history_spacer{
		height:15vh;	
	}

	#divCatalogueProductsRight{
		float:left;
		width:100%;
		padding: 0;
	}
	
	#divCatalogueProductsBottom{
		width:100%;	
	}
	
	#divCheckoutExtraInfo{
		margin:10px;	
	}
	
	#footer_wrap{	
		height:100px;
		background-image:none;
	}
	
	#footer_outer{
		height:auto;
		width:100%;
		background-color:#3d3d3d;
	}
	
	#footer_left{
		float:none;
		clear:both;
		width:100%;
	}
	
	#footer_left #footer_text{
		width: 250px;
		margin: 0 auto;
	}
	
	#footer_middle{
		float:none;
		clear:both;
		width:100%;
		height:auto;
	}
	
	#footer_middle #footer_text{
		text-align: center;
	}
	
	#footer_middle #left_menu{
		margin:0 0 10px 0;	
	}
	
	#footer_right{
		float:none;
		clear:both;
		width:100%;
		text-align:center;
	}
	
	#footer_top{
		height:auto;
	}
	
	#footer_bottom{
		background-color:#1b1b1d;
		text-align:center;
		height:auto;
	}
	
	#footer_outer_copyright{
		text-align:center;
		width:100%;
	}
	
	#footer_outer_madeby{
		clear:both;	
		float:none;
		margin:0 auto;
	}
	
	#footer_wrap .liMenuLeftButton{	
		text-align:center;
	}
	
	#footer_title{
		text-align:center;	
	}
	
	
	#divCatalogueSorting {
		height: auto;
		marrgin-bottom:20px;
	}
	
	#divCatalogueSortingLeft{
		float:right;
		clear:both;
		text-align:right;
		padding-bottom:10px;
	}
	
	#divCatalogueSortingMiddle{
		float:right;
		clear:both;
		text-align:right;
		padding-bottom:10px;
		
		display:none;
	}
	
	#divCatalogueSortingRight{
		float:right;
		clear:both;
		text-align:right;
		padding-bottom:10px;
	}
	
	
	#divCustomerHomeContentLeft{
		width:100%;
		margin-bottom:10px;
	}
	
	#divCustomerHomeContentLeftTitle{
		width:100%;
		padding:0px;
	}
	
	#divCustomerHomeContentLeftText{
		width:100%;
		padding:0px;
	}
	
	
	#divCustomerHomeContentRight{
		width:100%;
		margin-bottom:10px;
	}
	
	#divCustomerHomeContentRightTitle{
		width:100%;
		padding:0px;
	}
	
	#divCustomerHomeContentRightText{
		width:100%;
		padding:0px;
	}
	
	#divAjaxMessageInfo{
		width:100%;	
	}
	
	.divCustomerWishlistItem{
		height:auto;	
	}
	
	.divCustomerWishlistItemAddToBasket{
		clear:both;	
		height:45px;
		width:75px;
		padding:0px;
		padding-bottom:20px;
	}
	
	.divCustomerProductIcon{
		margin-left:0px;
		margin-top:0px;
		width:75px;
	}
	
	.divCustomerWishlistItemRemove{
		height:45px;
		width:75px;
		padding:0px;
	}
	
	.divCustomerRemoveIcon{
		margin-left:0px;
		margin-top:0px;
		width:75px;
	}
	
	#divCatalogueContinueOrCheckoutText{
		text-align:center;	
	}
	
	
	#divCatalogueContinueOrCheckout{
		width: 400px;
		height: 150px;
		z-index: 150;
	}
	
	#divCatalogueContinueOrCheckout #divCatalogueContinueOrCheckoutButton1{
		float:none;	
		margin:0 auto;
		margin-bottom:10px;
	}
	
	#divCatalogueContinueOrCheckout #divCatalogueContinueOrCheckoutButton2{
		clear:both;	
		float:none;	
		margin:0 auto;
	}

	#divCheckoutCheckout{
		width:100%;	
		text-align:center; 
	}
	
	#divCheckoutSteps{
		width:460px;	
		margin:0 auto;
		display:inline-block;
		margin-bottom:20px;
	}
	
	.divSteps{
		height:auto;	
	}

	.steps_step_active{
		float:none;	
		width:100%;
		padding-left:0px;
		padding-right:0px;
	}
	
	.steps_step{
		float:none;	
		width:100%;
		padding-left:0px;
		padding-right:0px;
	}
	
	.divCheckoutNavigation{
		width:100%;	
		text-align:center;
		height:auto;
	}
	
	.divCheckoutNavigationPrevious{
		float:none;	
		display:inline-block;
		margin:0 auto;
		margin-right:10px;
	}
	
	.divCheckoutNavigationNext{
		float:none;	
		display:inline-block;
		margin:0 auto;
		margin-left:10px;
	}	
	
	#divCheckoutStep1, #divCheckoutStep2, #divCheckoutStep3, #divCheckoutStep4, #divCheckoutStep5{
		width:100%;	
	}
	
	#divCheckoutVatCostText{
		width:250px;	
	}
	
	#divCheckoutVatCost{
		width:190px;
		padding-left:20px;
		text-align:left;
	}
		
	#divCheckoutStep1{
		text-align:center;	
	}
	
	#divCheckoutCart{
		width:460px;	
		margin:0 auto;
		display:inline-block;
	}

	#divCheckoutOveriew{
		width:460px;	
		margin:0 auto;
		display:inline-block;
	}
	
	.divCheckoutOverviewTitle{
		width:100%;	
	}
	
	.divCheckoutOverviewTitleText{
		width:100%;	
	}
	
	.divCheckoutOverviewTitleQuantity, .divCheckoutOverviewTitlePrice, .divCheckoutOverviewTitleTotal, .divCheckoutOverviewTitleRemove{
		display:none;	
	}

	.divCheckoutOverviewItemText{
		width:auto;	
		position:absolute;
		padding-left:80px;
		padding-right:10px;
		padding-top:0px;
		padding-bottom:0px;
		height:70px;
		overflow:hidden;
		text-align:left;
	}
	
	.divCheckoutOverviewItemQuantity{
		float:left;	
		width:70px;
		padding-left:0px;
		padding-right:0px;
		clear:both;
	}
	
	.divCheckoutOverviewItemPrice{
		padding:5px 0px;	
		width:90px;
	}

	.divCheckoutOverviewItemTotal{
		padding:5px 0px;	
		width:90px;
	}
	
	.divCheckoutOverviewItemRemove{
		width:50px;	
	}
	
	.divCheckoutOverviewItemEven{
		width:100%;
		height:115px;
	}
	
	.divCheckoutOverviewItemOdd{
		width:100%;
		height:115px;
	}	
	
	#divCheckoutShippingCost{
		width:250px;	
		clear:both;
	}
	
	#divCheckoutShippingCostText{
		width:auto;	
	}
	
	#divCheckoutTotal{
		width:auto;
		margin:0px;
		padding:0px;
		padding-right:210px;
		clear:both;
		display:block;
		float:none;
	}	
	
	#divCheckoutShippingInfo{
		width:auto;	
	}
	
	.divCheckoutCollectOrShip{
		width:460px;
		margin:0 auto;
		display:inline-block;
	}
	
	.divCheckoutCollectOrShipSelect{
		width:auto;	
	}
	
	#CheckoutCollectOrShipSelect{
		width:auto;
	}

	#CheckoutCollectOrShipSelect option{
		padding-right:5px;
	}
	
	#divCheckoutInvoice, #divCheckoutShipping, #divCheckoutCollect, #divCheckoutPaymentMethods{
		width:460px;
		text-align:left;
		margin:0 auto;
		display:inline-block;
	}
	
	.divCheckoutInvoiceLabel, .divCheckoutShippingLabel, #divCheckoutCollectLabel, .divCheckoutPaymentLabel{
		width:auto;	
		text-align:center;
	}
	
	.divCheckoutInvoiceSelectCheck, .divCheckoutShippingSelectCheck, .divCheckoutCollectSelectCheck, .divCheckoutPaymentMethodSelectCheck{
		width:40px;
		padding-top:60px;
		height:75px;
		display:inline;
		margin-right:-40px;
	}

	#divCheckoutInvoiceSelect, #divCheckoutShippingSelect, #divCheckoutCollectSelect, #divCheckoutPaymentMethodSelect{
		width:auto;
	}
	
	.divCheckoutInvoiceSelect, .divCheckoutShippingSelect, .divCheckoutCollectSelect, .divCheckoutPaymentMethodSelect{
		width:auto;
		height:135px;
	}

	.divCheckoutInvoiceSelectText, .divCheckoutShippingSelectText, .divCheckoutCollectSelectText, .divCheckoutPaymentMethodSelectText{
		width:auto;
		display:block;
		height:90px;
		float:left;
		padding-left:50px;
	}
	
	.divCheckoutInvoiceSelectActions, .divCheckoutShippingSelectActions, .divCheckoutCollectSelectActions{
		padding-top:0px;
		height:35px;
		width:auto;
		padding-left:50px;
		background:none;
	}
	
	.divCheckoutPaymentMethodSelectImage{
		display:none;
	}
	
	#divCheckoutDetails{
		width:460px;
		text-align:left;
		margin:0 auto;
		display:inline-block;	
	}
	
	.divCheckoutDetailLabel{
		float:none;
		width:100%;
	}
	
	.divCheckoutDetailValue{
		float:none;
		width:100%;
	}
	
	#divCheckoutRemarks{
		width:460px;
		text-align:left;
		margin:0 auto;
		display:inline-block;	
	}
	
	.divCheckoutDetail{
		float:none;
		width:100%;
		margin-bottom:20px;
	}
	
	.divCheckoutDetailLabel{
		text-align:left;	
	}
	
	.divCheckoutDetailValue{
		text-align:left;
	}
	
	.divCheckoutCollectOrShip{
	
	}

	.divCheckoutCollectOrShipLabel{
		text-align:left;
	}
	
	.frmGeneral{
		text-align:center;
	}
	
	.divCheckoutShippingAddress fieldset{
		margin: 0 auto;
		display:inline-block;
		text-align:left;
	}

	#frmGeneral fieldset dt {
		text-align:left;	
	}
	
	.divFormQuestion{
		margin:0 auto;
		min-height: 40px;
	}

	.divUploadsButton{
		width:100%;
	}
	
	.divFormQuestionDT{
		display: none;
	}
	/*
    .frmGeneral fieldset{
        width:460px;
		margin:0 auto;
    }
	*/
    .frmGeneral dt{
        width:100%;
    }

    .frmGeneral dd{
        width:100%;
		text-align:left;
    }

	.jSignatureField,
	.frmGeneral textarea
	{
		padding:5px;
	}

	.divParagraphVideo p iframe{
		width:688px;
		height:413px;
	}

	#divPopup{
		width:590px;
		height:345px;
	}	
	

	#header_menu .ulMenuTop a{
		padding: 0 15px;
	}
	
	#history_spacer{
		height:10vh;
	}
	
	#productgroups_wrap .productgroup_item .productgroup_title{
		font-size:24px;
	}
	
	#productgroups_wrap .productgroup_item .productgroup_image_wrap,
	#productgroups_wrap .productgroup_item .productgroup_image{
		height:30vh;
	}
	
	.quickcontact_title{
		font-size:36px;
	}
	
	.showrooms .grid_3{
		width:192px;
	}
	
	h1{
		font-size:36px !important;
	}

	h2{
		font-size:24px !important;
	}
		
}

@media only screen and (max-width: 1024px) {

	#history_spacer{
		height:15vh;	
	}
}

@media only screen and (min-width: 768px) and (max-width: 995px) {

	#history_spacer{
		height:5vh;	
		background-color:#ffffff;
	}
	
	.products .container .grid_4{
		margin-bottom:16px;
	}
	
	.products .container .grid_4 .product_image, 
	.products .container .grid_4 .product_overlay{
		width:100%;
	}
	
	.products .container .grid_4, 
	.products .container .grid_4 .product_image, 
	.products .container .grid_4 .product_overlay{
		height: 196px;
	}
	
	.albums .container .grid_4{
		margin-bottom: 23px;
	}
	
	.photo_image_holder{
		width:240px;
		height: 196px;
	}
	
	.photo_image{
		width:240px;
		height: 196px;
	}
	
	.photo_title{
		width:240px;
	}
		
	.styles .container .grid_4 .style_image,
	.styles .container .grid_4 .style_fuel{
		width:240px;
		height: 196px;
	}
	
	.styles .container .style_image_holder{
		height: 196px;
		width: 240px;
		overflow: hidden;
		position: relative;
	}
		
	.styles .container .grid_4 .style_fuel .fuel_header{
		padding: 10px;
		padding-bottom: 5px;	
	}
	
	.styles .container .grid_4 .style_fuel .fuel{
		width:120px;
		height: 50px;
		float: left;
		cursor: pointer;
	}
	
	.styles .container .grid_4 .style_fuel .fuel .fuel_title{
		width:70px;
	}

	.brand_title{
		font-size:18px;
		margin-bottom:16px;
	}

	.latest_news .container .grid_4{
		width:240px;
		height: 196px;
		margin: 8px;
	}
	
	.latest_news .container .grid_8{
		margin: 8px;
	}	
	
	.fasq .container .grid_4{
		width:240px;
		height: 75px;
		margin: 8px;
	}
	
	.faqs .container .grid_8{
		margin: 8px;
	}	
	
	#divAlbumphotosItem{
		width:752px;
		height:349px;
	}
	
	#divAlbumphotosItemImages{
		width:752px;
		height:349px;
	}
	
	#divAlbumphotosItemPrevNext{
		top:-349px;
		width:752px;
		height:349px;
	}
	
	#divAlbumphotosItemPrev{
		width:45px;
		height:349px;
	}
	
	#divAlbumphotosItemNext{
		width:45px;
		height:349px;
	}
	
	#divAlbumphotosItemNavigation{
		width:752px;
	}
	
	#divAlbumphotosItemNavigation span{
		padding: 0px;
	}

	.aboutus_detail_image_inform,
	.aboutus_detail_image_design,
	.aboutus_detail_image_production,
	.aboutus_detail_image_install{
		height:249px;
	}	
		
	#header_wrap_home{
		height:780px;
	}
			
}

@media only screen and (max-width: 767px) {

    #header_logo .container{
        width:100%;
    }  
    
    #header_logo .grid_6{
        width:50%;
        margin-left:0;
        margin-right:0;
    }    

    #header_logo .grid_3{
        width:25%;
        margin-left:0;
        margin-right:0;
    } 
    
    #header_logo #logo_RGEQualibois{
        height:40px;
    }
    
    #divAboutMenu .divAboutMenuButton,
    #divAboutMenu .divAboutMenuButtonActive{
        display:block;
    }
    
	.fuel_text{
		height:auto;	
	}

	.languagepicker{
		margin-top:20px;
	}
	
	.languagepicker li{
		border-top:none;
	}
	
	
	#history_spacer,
	#history_title,
	#history_text,
	.actionButton{
		margin-left:0;		
	}

	#history_spacer{
		display:none;	
	}

	#history_title{
		font-size:24px;	 
	}

	#history_text{
		font-size:12px;	 
	}
	
	#productgroups_wrap .productgroup_item,
	#productgroups_wrap .productgroup_item:first-of-type,
	#productgroups_wrap .productgroup_item:last-of-type{
		width:100%;
	}
	
	#divContactQuick_Form .grid_2, 
	#divContactQuick_Form .grid_4, 
	#divContactQuick_Form .grid_6, 
	#divContactQuick_Form .grid_12{
		width:100%;
	}
	
	#quickcontact_wrap .frmGeneral .submit{
		width:96%;
		margin:0 auto;
		float:none;
	}

	#quickcontact_wrap .frmGeneral div{
		text-align:center;
	}
	
	.frmGeneral dd{
		text-align: center;	
	}
	
	.frmGeneral .submit{
		width:96%;
		margin:0 auto;
		float:none;
	}

	.frmGeneral dd div{
		width:100% !important;
	}
	
	.frmGeneral input.inputv1,
	.frmGeneral input.inputv2,
	.frmGeneral input.inputv3,
	.frmGeneral input.inputv4,
	.frmGeneral input.inputv5,
	.frmGeneral input.inputv6,
	.frmGeneral input.inputv7{	
		width:100%;
	}

	.quickcontact_title{
		font-size:24px;
	}

	h1{
		font-size:24px !important;
	}

	h2{
		font-size:16px !important;
	}
	
	#social_networks_wrap{
		height:77px;	
	}
	
	#social_networks_googleplus, 
	#social_networks_twitter, 
	#social_networks_instagram, 
	#social_networks_facebook, 
	#social_networks_youtube{
		width:40px;
	}
	
	#social_networks_googleplus::after, 
	#social_networks_twitter::after, 
	#social_networks_instagram::after, 
	#social_networks_facebook::after, 
	#social_networks_youtube::after{
		font-size:24px;
	}
	
	
	.container .grid_1,
	.container .grid_2,
	.container .grid_3,
	.container .grid_4,
	.container .grid_5,
	.container .grid_6,
	.container .grid_7,
	.container .grid_8,
	.container .grid_9,
	.container .grid_10,
	.container .grid_11,
	.container .grid_12{
		padding:0;
		width:100%;
	}

	.showrooms .grid_3{
		border-left:none;
		border-top:1px solid #333333;
		margin-bottom:30px;
		padding-top:30px;
	}
	
	#footer_wrap,
	#footer_bottom{
		
	}
	
	#footer_outer_copyright{
		padding-bottom:20px;
	}

	.showrooms .grid_3:first-child{
		border-top:none;
	}
	
	.forms_wrap .grid_3{
		display:none;
	}

	.forms_wrap .container{
		margin-bottom:0px;
	}
	
	.forms_wrap .paragraph .container .grid_6{
		margin-bottom:44px;
	}

	#divCatalogueSwipeLeft{
		display:none;
	}

	#divCatalogueSwipeRight{
		display:none;
	}	
	
	#header_wrap_home,
	#header_wrap{
		height:auto;
		position:relative;
	}

	#main_wrap{
		margin-top:54px;	
	}
	
    #navigation_mobile {
        display:block;
        position:fixed;
        width:100%;
        z-index:1000;
    }
	
	#header_banners_navigation{
		height:122px;
	}
	
	#header_bottom{
		height: 250px;
	}
	
	#header_appointment{
		height: 214px;
	}
	
	#header_appointment_title{
		height: 35px;
		font-size:24px;
		margin-top:75px;
		line-height:35px;
		margin-left:20px;
		margin-right:20px;
	}

	#header_appointment_subtitle{
		height: 70px;
		font-size:18px;
	}
	
	#header_banners{
		height:628px;	
	}

	#header_banners_navigation_inner{
		text-align:center;
		top:auto;
		-webkit-transform: none;	
		-ms-transform: none;	
		transform:none;
		padding-top:10px;
	}
	
	#header_banners_navigation_inner span{
		float:none;
		display:inline-block;
		width:30px;
		text-align:center;
	}
	
	#header_top{
		height: auto;
	}

	#header_top_inner .container .grid_4,
	#header_top_inner .container .grid_8 {
	 	padding: 0;
	 	width: 100%;
	}	
	
	#header_languages{
		font-size: 12px;
		text-align: center;
		height: auto;	
	}

	#header_contact{
		font-size: 12px;
		text-align: center;	
		height: auto;	
	}
	
	#header_menu{
		display: none;
	}	
	
	#header_appointment{
		width:95%;
	}

	.products .container{
		margin-bottom: 0px;	
	}	
	
	.products .container .grid_4 {
		text-align: center;
		margin-bottom: 10px;
	}	
	
	.products .container .grid_4 .product_image, 
	.products .container .grid_4 .product_overlay{
		margin: 0 auto;
		position: relative;
	}	
	
	.products .container .grid_4 .product_overlay{
		top: -250px;
	}

	.albums .container .grid_4{
		margin-bottom: 23px;
		text-align: center;
		background-color: #f0f0f0;
	}
	
	.photo_image_holder{
		margin:0 auto;
	}
	
	.photo_title{
		margin:0 auto;
	}
	
	.styles .container{
		margin-bottom: 0px;	
	}	
	
	.styles .container .grid_4 {
		text-align: center;
		margin-bottom: 10px;
	}	
	
	.styles .container .grid_4 .style_image,
	.styles .container .grid_4 .style_fuel{
		margin: 0 auto;
		position: relative;
	}	
	
	.styles .container .grid_4 .style_fuel .fuel .fuel_title{
		text-align: left;
	}

	.inspire .container .grid_12 {
		padding: 0px;
		width:456px;
		margin-bottom: 10px;
	}
		
	#download_wrap .container{
		width:90%;
	}
	
	#download_link{
		width:95%;
	}	
	
	#download_link_title{
		font-size: 24px;	
	}
	
	#download_link_subtitle{
		font-size: 18px;
	}
	
	.latest_news .container .grid_4{
		width:376px;
		height: 326px;
		margin: 20px;
	}
	
	.latest_news .container .grid_8{
		width:416px;
		margin: 0px;
		margin-bottom: 20px;
	}	
	
	.faqs .container .grid_4{
		width:376px;
		height: 75px;
		margin: 20px;
	}
	
	.faqs .container .grid_8{
		width:416px;
		margin: 0px;
		margin-bottom: 20px;
	}
	
	#divAlbumphotosItem{
		width:416px;
		height:193px;
	}
	
	#divAlbumphotosItemImages{
		width:416px;
		height:193px;
	}
	
	#divAlbumphotosItemPrevNext{
		top:-193px;
		width:416px;
		height:193px;
	}
	
	#divAlbumphotosItemPrev{
		width:45px;
		height:193px;
	}
	
	#divAlbumphotosItemNext{
		width:45px;
		height:193px;
	}
	
	#divAlbumphotosItemNavigation{
		width:416px;
	}
	
	#divAlbumphotosItemNavigation span{
		padding: 0px;
		font-size: 16px;
	}	

	.aboutus_detail_image_inform,
	.aboutus_detail_image_design,
	.aboutus_detail_image_production,
	.aboutus_detail_image_install{
		height:282px;
	}		
	
	#divPopup{
		width:330px;
		height:168px;
	}
		
}


@media only screen and (max-width: 479px) {

	#divAboutLeft{
		width:100%;
		height:300px;
	}
	
	#divAboutTitle{
		font-size:24px;
	}

	#divFormsLeft{
		width:100%;
		height:300px;
	}
	
	.products .container .grid_4 {
		text-align: center;
		margin-bottom: 10px;
	}	
	
	.products .container .grid_4 .product_image, 
	.products .container .grid_4 .product_overlay{
		position: absolute;
		margin:0 auto;
	}
	
	.products .container .grid_4, 
	.products .container .grid_4 .product_image, 
	.products .container .grid_4 .product_overlay{
		height: 212px;
	}

	.albums .container .grid_4{
		margin-bottom: 23px;
		text-align: center;
	}
	
	.photo_image_holder{
		width:260px;
		height: 212px;
		margin:0 auto;
	}
	
	.photo_image{
		width:260px;
		height: 212px;
	}
	
	.photo_title{
		width:260px;
	}
	
	.styles .container .grid_4 .style_image,
	.styles .container .grid_4 .style_fuel{
		width:260px;
		height: 230px;
	}
	
	.styles .container .style_image_holder{
		height: 212px;
		width: 260px;
		overflow: hidden;
		position: relative;
	}
		
	.styles .container .grid_4 .style_fuel .fuel{
		width:130px;
	}

	.styles .container .grid_4 .style_fuel .fuel .fuel_title{
		width:80px;
	}
	
	
	.products .container .grid_4 .product_overlay{
		top:auto;
	}
	
	.inspire .container .grid_12{
		width:300px;
	}

	#footer_outer_copyright{
		padding-bottom: 20px;
	}

	.latest_news .container .grid_4{
		width:240px;
		height: 196px;
		margin: 10px;
	}
	
	.latest_news .container .grid_8{
		width:260px;
		margin: 0px;
		margin-bottom: 10px;
	}	
	
	.faqs .container .grid_4{
		width:240px;
		height: 75px;
		margin: 10px;
	}
	
	.faqs .container .grid_8{
		width:260px;
		margin: 0px;
		margin-bottom: 10px;
	}
	
	#divAlbumphotosItem{
		width:260px;
		height:121px;
	}
	
	#divAlbumphotosItemImages{
		width:260px;
		height:121px;
	}
	
	#divAlbumphotosItemPrevNext{
		top:-121px;
		width:260px;
		height:121px;
	}
	
	#divAlbumphotosItemPrev{
		width:45px;
		height:121px;
	}
	
	#divAlbumphotosItemNext{
		width:45px;
		height:121px;
	}
	
	#divAlbumphotosItemNavigation{
		width:260px;
	}
	
	#divAlbumphotosItemNavigation span{
		padding: 0px;
		font-size: 12px;
	}	

	.divFormQuestion41{
		float: none;
	}
	
	.divFormQuestion{
		width:100%;
	}

	.divFormQuestion41:first-of-type{
		margin-right:0px;
		margin-bottom:10px;
	}

	.frmGeneral fieldset{
		width:100%;	
	}
		
	.divCheckoutNavigationPrevious{
		margin:0;
		margin-bottom: 10px;
	}
	
	.divCheckoutNavigationNext{
		margin:0;
	}	

	#header_wrap_home{
		height:580px;
	}
	
	
}


@media only screen and (max-width: 540px) {
	
	#header_languages{
		width:100%;		
	}
	
	#topmenu_wrap{
		height:auto;
		width:100%;		
	}

	#top_menu{
		height:auto;
	}
	
	#top_menu div{
		clear:both;	
		float:right;
		margin-right:6px;
	}

	#divCheckoutTotal{
		width:90px;
		margin:0px;
		padding:0px;
		margin-left:160px;
		padding-right:10px;
	}	
	
	#divCheckoutCart{
		width:100%;	
	}
	
	#divCheckoutSteps{
		width:100%;		
	}
	
	#divCheckoutDetails{
		width:100%;	
	}
	
	#divCheckoutRemarks{
		width:100%;	
	}	
	
	#divCheckoutInvoice, #divCheckoutShipping, #divCheckoutCollect, #divCheckoutPaymentMethods{
		width:100%;	
	}	
	
	.divParagraphVideo p iframe{
		width:688px;
		height:413px;
	}

	#divPopup{
		width:220px;
		height:106px;
	}
}

@media only screen and (max-width: 708px) {
	
	.divParagraphVideo p iframe{
		width:457px;
		height:274px;
	}	

}

@media only screen and (max-width: 477px) {
	
	#header_languages{
		text-align: center;
	}

	#logo{
		width: 100%;
		clear: both;
	}
	
	#search{
		width: 100%;
		clear: both;
	}
	
	#cart{
		width: 100%;
		clear: both;
	}
	
	#header_closer_basket{
		width: 100%;
		clear: both;
	}
	
	#breadcrumb_wrap{
		padding: 10px;
	}
	
	.bg_title{
		font-size: 24px;
	}
	
	.custom_block h2{
		font-size: 18px;
	}
	
	.footer_top{
		padding: 10px;
	}
	
	#fldNewsletterFirstname{
		width: 20%
	}
	
	#fldNewsletterName{
		width: 20%
	}
	
	#fldNewsletterEmail{
		width: 20%
	}
	
	.divParagraphVideo p iframe{
		width:228px;
		height:137px;
	}	
		
	.aboutus_detail_title{
		font-size: 24px;
		margin-left: 115px;
	}	
	
	.aboutus_detail_image_inform,
	.aboutus_detail_image_design,
	.aboutus_detail_image_production,
	.aboutus_detail_image_install{
		height:176px;
	}	
	
	.aboutus_wrap .paragraph .container{
		margin-bottom:0px;
	}
}

/** TIMELINE **/

@media (min-width: 1000px) {
	
	#timeline .demo-card:nth-child(odd) .head::after, #timeline .demo-card:nth-child(even) .head::after {
		position: absolute;
		content: "";
		width: 0;
		height: 0;
		border-top: 15px solid transparent;
		border-bottom: 15px solid transparent;
		color: #1c1e23;
	}

	#timeline .demo-card:nth-child(odd) .head::before, #timeline .demo-card:nth-child(even) .head::before {
		position: absolute;
		content: "";
		width: 9px;
		height: 9px;
		background-color: #bdbdbd;
		border-radius: 9px;
		box-shadow: 0px 0px 2px 8px #f7f7f7;
	}

}

#timeline .demo-card-wrapper {
	position: relative;
	margin: auto;
	}

@media (min-width: 1000px) {
	
	#timeline .demo-card-wrapper {
		display: flex;
		flex-flow: column wrap;
		width: 1170px;
		height: 2000px;
		margin: 0 auto;
	}

}

#timeline .demo-card-wrapper::after {
	z-index: 1;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	border-left: 1px solid rgba(191, 191, 191, 0.4);
}

@media (min-width: 1000px) {
	
	#timeline .demo-card-wrapper::after {
		border-left: 1px solid #bdbdbd;
	}

}

.demo-card:nth-child(1) {
	order: 1;
}
.demo-card:nth-child(2) {
	order: 5;
}
.demo-card:nth-child(3) {
	order: 2;
}
.demo-card:nth-child(4) {
	order: 6;
}
.demo-card:nth-child(5) {
	order: 3;
}
.demo-card:nth-child(6) {
	order: 7;
}
.demo-card:nth-child(7) {
	order: 4;
}
.demo-card:nth-child(8) {
	order: 8;
}


#timeline {
	padding: 100px 0;
	background: #f7f7f7;
	border-top: 1px solid rgba(191, 191, 191, 0.4);
	border-bottom: 1px solid rgba(191, 191, 191, 0.4);
}


#timeline .demo-card {
	position: relative;
	display: block;
	margin: 10px auto 80px;
	max-width: 94%;
	z-index: 2;
}

@media (min-width: 480px) {
	
	#timeline .demo-card {
		max-width: 60%;
		box-shadow: 0px 1px 22px 4px rgba(0, 0, 0, 0.07);
	}

}

@media (min-width: 720px) {

	#timeline .demo-card {
		max-width: 40%;
	}

}

@media (min-width: 1000px) {
	
	#timeline .demo-card {
		max-width: 450px;
		height: 400px;
		margin: 90px;
		margin-top: 45px;
		margin-bottom: 45px;
	}
	
	#timeline .demo-card:nth-child(odd) {
		margin-right: 45px;
	}
	
	#timeline .demo-card:nth-child(odd) .head::after {
		border-left-width: 15px;
		border-left-style: solid;
		left: 100%;
	}
	
	#timeline .demo-card:nth-child(odd) .head::before {
		left: 491.5px;
	}
	
	#timeline .demo-card:nth-child(even) {
		margin-left: 45px;
	}
	
	#timeline .demo-card:nth-child(even) .head::after {
		border-right-width: 15px;
		border-right-style: solid;
		right: 100%;
	}
	
	#timeline .demo-card:nth-child(even) .head::before {
		right: 489.5px;
	}
	
	#timeline .demo-card:nth-child(2) {
		margin-top: 180px;
	}

}

#timeline .demo-card .head {
	position: relative;
	display: flex;
	align-items: center;
	color: #fff;
	font-weight: 400;
	background-color: #1c1e23;
}

#timeline .demo-card .head .number-box {
	display: inline;
	float: left;
	margin: 15px;
	padding: 10px;
	font-size: 35px;
	line-height: 35px;
	font-weight: 600;
	background-color: #f39207;
}

#timeline .demo-card .head h2 {
	text-transform: uppercase;
	text-align: left;
	font-size: 1.3rem;
	font-weight: inherit;
	letter-spacing: 2px;
	margin: 0;
	padding-bottom: 6px;
	line-height: 1rem;
}

@media (min-width: 480px) {
	
	#timeline .demo-card .head h2 {
		font-size: 115%;
		line-height: 1.2rem;
	}

}

#timeline .demo-card .head h2 span {
	display: block;
	font-size: 0.6rem;
	margin: 0;
}

@media (min-width: 480px) {

#timeline .demo-card .head h2 span {
	font-size: 0.8rem;
}

}

#timeline .demo-card .body {
	background: #fff;
	border: 1px solid rgba(191, 191, 191, 0.4);
	border-top: 0;
	padding: 15px;
}

@media (min-width: 1000px) {

	#timeline .demo-card .body {
		height: 315px;
	}

}

#timeline .demo-card .body p {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 15px;
}

#timeline .demo-card .body img {
	display: block;
	width: 100%;
}