/* ============================== */
/* ! Colors                       */
/* ============================== */
/* dark color */
.dark-color,
.dark-hover:hover,
.dark-hover.selected {
    color: #6c6f70;
}
.dark-bg,
.dark-bg-hover:hover,
.dark-bg-hover.selected {
    background-color: #000;
}

.dark-body-bg {
	background: #f5f5f5
}
.dark-border,
.dark-border-hover:hover,
.dark-border-hover.selected {
    border-color: #000;
}
.dark-gradient,
.dark-gradient-hover:hover,
.dark-gradient-hover.selected {

/*	background: rgb(204,102,102);  Old browsers
background: -moz-linear-gradient(top, rgba(204,102,102,1) 0%, rgba(143,2,34,1) 64%, rgba(102,0,0,1) 100%);  FF3.6+
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,102,102,1)), color-stop(64%,rgba(143,2,34,1)), color-stop(100%,rgba(102,0,0,1)));  Chrome,Safari4+
background: -webkit-linear-gradient(top, rgba(204,102,102,1) 0%,rgba(143,2,34,1) 64%,rgba(102,0,0,1) 100%);  Chrome10+,Safari5.1+
background: -o-linear-gradient(top, rgba(204,102,102,1) 0%,rgba(143,2,34,1) 64%,rgba(102,0,0,1) 100%);  Opera 11.10+
background: -ms-linear-gradient(top, rgba(204,102,102,1) 0%,rgba(143,2,34,1) 64%,rgba(102,0,0,1) 100%);  IE10+
background: linear-gradient(to bottom, rgba(204,102,102,1) 0%,rgba(143,2,34,1) 64%,rgba(102,0,0,1) 100%);  W3C
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc6666', endColorstr='#660000',GradientType=0 );  IE6-9 */
}


#menu-mobile.main-menu-desktop.slide-opened{
    /*background-image: linear-gradient(bottom, #0f0f0f 0%, #3e3e3e 100%);
    background-image: -o-linear-gradient(bottom, #0f0f0f 0%, #3e3e3e 100%);
    background-image: -moz-linear-gradient(bottom, #0f0f0f 0%, #3e3e3e 100%);
    background-image: -webkit-linear-gradient(bottom, #0f0f0f 0%, #3e3e3e 100%);
    background-image: -ms-linear-gradient(bottom, #0f0f0f 0%, #3e3e3e 100%);*/
    background-color: #fff;
}
/* middle color */
.middle-color{
    color: #6c6f70;
    font-size: 15px;
    /*text-transform: capitalize;*/
}
.middle-hover:hover,
.middle-hover.selected {
    color: #aaa;
}
.middle-color2{
    color: #6c6f70;
    font-size: 15px;
    /*text-transform: capitalize;*/
}
.middle-bg,
.middle-bg-hover:hover,
.middle-bg-hover.selected {
    background-color: #999999;
}
.middle-border,
.middle-border-hover:hover,
.middle-border-hover.selected {
    border-color: #FFFFFF;
}
.middle-gradient,
.middle-gradient-hover:hover,
.middle-gradient-hover.selected {
	background: rgb(100,105,115); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(100,105,115,1) 0%, rgba(130,140,149,1) 52%, rgba(135,140,150,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(100,105,115,1)), color-stop(52%,rgba(130,140,149,1)), color-stop(100%,rgba(135,140,150,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(100,105,115,1) 0%,rgba(130,140,149,1) 52%,rgba(135,140,150,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(100,105,115,1) 0%,rgba(130,140,149,1) 52%,rgba(135,140,150,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(100,105,115,1) 0%,rgba(130,140,149,1) 52%,rgba(135,140,150,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(100,105,115,1) 0%,rgba(130,140,149,1) 52%,rgba(135,140,150,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#646973', endColorstr='#878c96',GradientType=0 ); /* IE6-9 */





/* IE10 Consumer Preview */
background-image: -ms-linear-gradient(top, #646973 0%, #878C96 100%);

/* Mozilla Firefox */
background-image: -moz-linear-gradient(top, #646973 0%, #878C96 100%);

/* Opera */
background-image: -o-linear-gradient(top, #646973 0%, #878C96 100%);

/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #646973), color-stop(1, #878C96));

/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(top, #646973 0%, #878C96 100%);

/* W3C Markup, IE10 Release Preview */
background-image: linear-gradient(to bottom, #646973 0%, #878C96 100%);


}

.top-menu .middle-color {
    font-family: 'LufthansaHeadWeb-Bold', Arial, sans-serif !important;
    font-size: 16px;
}

.top-menu .middle-color .icon-user,
.top-menu .middle-color .icon-off {
    font-size: 21px;
    padding-right: 3px;
}

/* cream color */
.cream-color,
.cream-hover:hover,
.cream-hover.selected {
    color: #fbf9f7;
}
.cream-bg,
.cream-bg-hover:hover,
.cream-bg-hover.selected {
    /*background-color: #f7f7f7;*/
}
.cream-border,
.cream-border-hover:hover,
.cream-border-hover.selected {
    border-color: #fbf9f7;
}
.cream-gradient,
.cream-gradient-hover:hover,
.cream-gradient-hover.selected {

/*    background-image: linear-gradient(bottom, #F7F7F7 0%, #F2F2F2 100%);
    background-image: -o-linear-gradient(bottom, #F7F7F7 0%, #F2F2F2 100%);
    background-image: -moz-linear-gradient(bottom, #F7F7F7 0%, #F2F2F2 100%);
    background-image: -webkit-linear-gradient(bottom, #F7F7F7 0%, #F2F2F2 100%);
    background-image: -ms-linear-gradient(bottom, #F7F7F7 0%, #F2F2F2 100%);
    background-color: #F7F7F7;*/

}

.product-detail.cream-gradient,
.product-detail.cream-gradient-hover:hover,
.product-detail.cream-gradient-hover.selected {

	background-image: none;
    background-color: #fff;

}

/* light color */
.light-color,
.light-hover:hover,
.light-hover.selected {
    //color: #ffffff;
}
.light-bg,
.light-bg-hover:hover,
.light-bg-hover.selected {
    background-color: #ffffff;
}

.light-grey-bg {
	background: #f5f5f5;
}
.light-border,
.light-border-hover:hover,
.light-border-hover.selected {
    border-color: #ffffff;
}
.light-gradient,
.light-gradient-hover:hover,
.light-gradient-hover.selected {
    background-image: linear-gradient(bottom, #f0eae3 0%, #fbf9f7 100%);
    background-image: -o-linear-gradient(bottom, #f0eae3 0%, #fbf9f7 100%);
    background-image: -moz-linear-gradient(bottom, #f0eae3 0%, #fbf9f7 100%);
    background-image: -webkit-linear-gradient(bottom, #f0eae3 0%, #fbf9f7 100%);
    background-image: -ms-linear-gradient(bottom, #f0eae3 0%, #fbf9f7 100%);
    background-color: #ffffff;
    position: relative;
}

/* active color */
.active-color{
    color: #05164d;
}
.breadcrumbs .active-hover {
    color: #05164d;
}

.breadcrumbs .active-hover,
.breadcrumbs .dark-color {
    font-family: 'ThomasHeadlineBold', Arial, sans-serif;
    font-size: 15px;
}

.active-hover:hover {
   /*color: #f8ac00;
   text-decoration: underline;*/
}

.expandable-menu li:hover {
    box-shadow: inset 5px 0px 0 #05164d;
}

.main-menu .active-hover:hover{
	color: #05164d;
}
.active-bg,
.active-bg-hover:hover,
.active-bg-hover.selected {
    background-color: #05164d;
    color: white;
}
.active-border,
.active-border-hover:hover,
.active-border-hover.selected,
.juicy-selected .active-border-selected {
    border-color: #999999;
}
.active-gradient,
.active-gradient-hover:hover,
.active-gradient-hover.selected {
    background-color: #878c96;
}

.facebook-color,
.facebook-hover:hover {
    color: #3B5998;
}

.twitter-color,
.twitter-hover:hover {
    color: #33CCFF
}

.linkedin-color,
.linkedin-hover:hover {
    color: #4875B4;
}

.pinterest-color,
.pinterest-hover:hover {
    color: #AB171E;
}

.google-color,
.google-hover:hover {
    color: #D04028;
}

.page-tabs a {
   text-shadow: none;
}

.white-bg {
	background-color: #fff;
}

.oxInvalid input {
	box-shadow: red;
}

.pager-page.active, .pager-page:hover {
    background-color: #05164d;
}

.menu-bck-row{
	position: absolute;
	background: #f5f5f5;
	width: 100%;
	visibility: visible;
	/*height: 28px;*/
        height: 0;
	box-shadow: 2px 0px 0px -1px #666666;
}

.main-menu li{
	background: #f5f5f5;
}

.main-menu li.current a.main-menu-item  {
    //background: linear-gradient(#f8ac00,#ffb300);
    box-shadow: inset 0 -5px 0 #f8ac00;
}

.main-menu li.current:hover a.main-menu-item  {
    /*background: #fff;*/
}

.main-menu li ul,
.main-menu li ul li {
    background: #ffffff;
}
.main-menu li:hover {
    /*background: linear-gradient(#f8ac00,#ffb300);*/
    box-shadow: inset 0 -5px 0 #f8ac00;
}
.main-menu li.home:hover a {
    width: 100%;
    padding: 14px 0;
    /*background: linear-gradient(#f8ac00,#ffb300);*/
}

.start-page.page-block {
    padding-bottom: 0;
    margin-top: 25px;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

.page-block.page-block-bottom.cream-bg.grid-container {
    max-width: 1280px;
}
section.page-content.border-bottom .grid-container {
    max-width: 1280px;
}

@media screen and (max-width: 1279px){
    .main-menu li:hover {
        box-shadow: none;
    }
    .main-menu li.current a.main-menu-item {
        box-shadow: none;
    }
}