/*
	 * Definitions for site and grid. 
	 * Every @<value> can be used in extra included css scripts
	 * 
	 */
/* ================================================================ /* Fonts and font sizes */
/* Font size (pixels) for normal fonts */
/* Font family for normal font */
/* Line height for normal font */
/* Font size (pixels) for Headers (h1, h2. h3) */
/* Font weight for Headers */
/* ================================================================ /* Shorthands for line heights */
/* ================================================================ /* Headings/sizes this changes the line height/padding too */
/* Relative size for H1 */
/* Relative size for H2 */
/* Relative size for H3 */
/* Relative size for H4 */
/* Relative size for small size text */
/* ================================================================ /* Sizes and spacings */
/* Max width of the content block */
/* Horizontal margins (left/right) @full width! (aka as designed) */
/* Extra padding hard left/hard right */
/* Full vertical margin in lines! */
/* Vertical bottom margin, how many lines less  */
/* Calculated. Vertical margin in pixels */
/* Calculated. Vertical bottom shift */
/* ================================================================ /* Colors */
/* Border colors */
/* Error/warning colors   */
/* Base font color */
/* Base header color */
/* Base link color */
/* Base link hover color */
/* ================================================================ /* Backgrounds */
/* Background body */
/* Background content part */
/* ================================================================ /* Forms */
/* Border width form elements */
/* Border style form elements */
/* Border color form elements */
/* Background color/def error messages forms */
/* Padding form elements */
/* ================================================================ /* Grid calculations */
/* Calculated. Max/full padding in percentage */
/* ================================================================ Base styles */
body {
  margin: 0px              ;
  padding: 0px              ;
  background: #333333;
  font-family: "open-sans", sans-serif;
  font-size: 14px;
  line-height: 24px;
  color: #777777;
}
h1,
h2,
h3,
h4 {
  color: #444444;
  font-weight: 600;
  font-family: "open-sans", sans-serif;
  margin-left: -2px;
}
h1 {
  line-height: 32.4px;
  font-size: 22.4px;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #2e65b1;
}
h2 {
  line-height: 30.3px;
  font-size: 20.3px;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #2e65b1;
}
h3 {
  line-height: 28.2px;
  font-size: 18.2px;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #2e65b1;
}
h4 {
  line-height: 26.1px;
  font-size: 16.1px;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #2e65b1;
}
p {
  margin: 0px ;
  padding: 0px ;
  margin-bottom: 24px;
}
img {
  border: 0px ;
  vertical-align: bottom;
  max-width: 100% ;
  /*
		 * 
		 * margin-top    : ( @font_height - @font_size ) / 2  + 1 ;
		 * margin-bottom : ( @font_height - @font_size ) / 2  + 1 ;
		 *  
		 */
}
.left {
  float: left ;
  margin-right: 10px ;
  margin-top: 0px ;
  margin-bottom: 0px ;
}
.right {
  float: right ;
  margin-left: 10px  ;
  margin-top: 0px ;
  margin-bottom: 0px ;
}
div.imagecaption {
  text-align: center                      ;
  font-size: 11.2px;
  line-height: 19.2px;
  margin-bottom: 12px;
}
.small {
  font-size: 11.2px;
  line-height: 19.2px;
}
br.clear {
  clear: both ;
}
a {
  outline: none        ;
  color: #0000ff;
  text-decoration: none        ;
}
a:hover {
  color: #000000;
}
:focus {
  -moz-outline-style: none ;
}
div.center {
  text-align: center ;
}
/* ================================================================ Video styles */
div.responsive_videowrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0px ;
  overflow: hidden;
  margin-bottom: 24px;
}
div.responsive_videowrapper iframe {
  position: absolute;
  top: 0px  ;
  left: 0px  ;
  width: 100% ;
  height: 100% ;
}
/* ================================================================ Form styles */
form.generatedform {
  margin: 0px  ;
  padding: 0px  ;
  float: none ;
}
div.formfield {
  width: 100%            ;
  margin-bottom: 24px;
  float: left            ;
}
div.formfield label.formlabel {
  float: left ;
  width: 40%  ;
}
div.formfield span.formcontrol {
  display: block ;
  padding-left: 43%   ;
  position: relative ;
}
div.formfield_input input,
div.formfield_textarea textarea {
  background-color: white                                                  ;
  border: 1px solid #b6b6b6;
  width: 100%                                                   ;
  line-height: 16px;
  font-size: 14px;
  font-family: "open-sans", sans-serif;
  padding: 4px;
  color: #777777;
}
div.formfield_textarea textarea {
  height: 68px;
  overflow: auto                                                ;
}
div.formfield_select select {
  min-width: 50%                                               ;
  border: 1px solid #b6b6b6;
  font-size: 14px;
  color: #777777;
  padding: 4px;
}
div.formfield_radio label.controllabel,
div.formfield_checkbox label.controllabel {
  display: block ;
  margin-left: 22px  ;
  margin-bottom: -22px;
}
div.formfield_radio input,
div.formfield_checkbox input {
  float: left ;
  margin-top: 5px;
}
div.formfield_submit {
  text-align: right             ;
  margin-bottom: 24px;
  float: left              ;
  width: 100%              ;
}
div.formfielderror {
  background: #fff1f1;
  padding: 4px                    ;
  margin: -4px;
  margin-top: 6px                    ;
  padding-top: 4px                    ;
  padding-bottom: 4px                    ;
}
div.formfielderror span.errortext {
  display: block        ;
  text-align: right        ;
  font-weight: bold         ;
  color: #ff3333;
  font-size: 11.2px;
  line-height: 19.2px;
}
div.formfielderror textarea {
  width: 96% ;
}
div.formfielderror select {
  max-width: 96% ;
}
div.formfielderror.formfield_input input {
  width: 96% ;
}
.generatedformcompleted {
  padding: 24px;
  margin-bottom: 24px;
  border: 1px solid #b6b6b6;
}
/*  Mobile forms ... */
@media screen and (max-width: 600px) {
  div.formfield {
    float: none ;
  }
  div.formfield label.formlabel,
  div.formfield span.formcontrol {
    float: none ;
    width: 100% ;
    display: block ;
    padding-left: 0% ;
  }
  div.formfield label.formlabel {
    margin-bottom: 6px;
  }
  div.formfield select {
    width: 101% ;
  }
}
/* Using Javascript for mobile adaptation, which evals width of parent container, will set class */
div.formfield_mobile {
  float: none ;
}
div.formfield_mobile label.formlabel,
div.formfield_mobile span.formcontrol {
  float: none ;
  width: 100% ;
  display: block ;
  padding-left: 0% ;
}
div.formfield_mobile label.formlabel {
  margin-bottom: 0px ;
}
div.formfield_mobile select {
  width: 101% ;
}
/* ================================================================ Search styles */
div.cms_searchblock_search {
  text-align: center ;
  margin-bottom: 24px;
}
div.cms_searchblock_results {
  margin-bottom: 24px;
}
div.cms_searchblock_result {
  margin-bottom: 24px;
}
div.cms_searchblock_result a {
  display: block                            ;
  margin-bottom: 2px                              ;
  color: #0000ff;
  font-size: 16.1px;
  font-weight: normal                           ;
}
div.cms_searchblock_result strong {
  color: #777777;
}
div.cms_searchblock_paginator {
  text-align: center            ;
  margin-bottom: 12px;
  margin-top: 24px;
}
div.cms_searchblock_paginator span a {
  color: #0000ff;
  text-decoration: none         ;
}
/* Grid Styles themselves. You are very unlikely to change these */
.wrapper {
  position: relative ;
  width: auto ;
  max-width: 980px;
  margin: 0px auto ;
  /*background    : @background_content ;*/
  padding-left: 10px;
  padding-right: 10px;
}
.wrapper img {
  max-width: 100% ;
}
/* Ditch extra padding when less than max */
@media screen and (max-width: 1000px) {
  .wrapper {
    padding-left: 1%;
    padding-right: 1%;
  }
}
.bumper {
  position: relative ;
  clear: both ;
  height: 0px ;
  line-height: 0px ;
  width: 100% ;
  overflow: hidden ;
}
.division_100 {
  position: relative ;
  width: 100% ;
  float: left ;
}
.division_100 .padder {
  margin-left: 1%;
  margin-right: 1%;
}
.division_80 {
  position: relative ;
  width: 80% ;
  float: left ;
}
.division_80 .padder {
  margin-left: 1.25%;
  margin-right: 1.25%;
}
.division_75 {
  position: relative ;
  width: 75% ;
  float: left ;
}
.division_75 .padder {
  margin-left: 1.33333333%;
  margin-right: 1.33333333%;
}
.division_66 {
  position: relative ;
  width: 66.66% ;
  float: left ;
}
.division_66 .padder {
  margin-left: 1.51515152%;
  margin-right: 1.51515152%;
}
.division_60 {
  position: relative ;
  width: 60% ;
  float: left ;
}
.division_60 .padder {
  margin-left: 1.66666667%;
  margin-right: 1.66666667%;
}
.division_50 {
  position: relative ;
  width: 50% ;
  float: left ;
}
.division_50 .padder {
  margin-left: 2%;
  margin-right: 2%;
}
.division_40 {
  position: relative ;
  width: 40% ;
  float: left ;
}
.division_40 .padder {
  margin-left: 2.5%;
  margin-right: 2.5%;
}
.division_33 {
  position: relative ;
  width: 33.33% ;
  float: left ;
}
.division_33 .padder {
  margin-left: 3.03030303%;
  margin-right: 3.03030303%;
}
.division_25 {
  position: relative ;
  width: 25% ;
  float: left ;
}
.division_25 .padder {
  margin-left: 4%;
  margin-right: 4%;
}
.division_20 {
  position: relative ;
  width: 20% ;
  float: left ;
}
.division_20 .padder {
  margin-left: 5%;
  margin-right: 5%;
}
/* Major degradations for mobile, more specifics you'll have to write yourself */
@media screen and (max-width: 660px) {
  /* 3-grid */
  .division_33,
  .division_66 {
    width: 100% ;
  }
}
@media screen and (max-width: 660px) {
  /* 4-grid */
  .division_25,
  .division_50,
  .division_75 {
    width: 100% ;
  }
}
@media screen and (max-width: 660px) {
  /* 5-grid */
  .division_20,
  .division_40,
  .division_60,
  .division_80 {
    width: 100% ;
  }
}
/* SG corrections */
.division_60 .division_33 .padder {
  margin-left: 5.05050505%;
  margin-right: 5.05050505%;
}
.division_60 .padder .padder {
  margin-left: 3.33333333%;
  margin-right: 3.33333333%;
}
.division_20 .padder .padder {
  margin-left: 10%;
  margin-right: 10%;
}
/* Layers */
div.topwrapper .menutop {
  position: relative ;
  max-width: 1280px;
  margin: 0 auto;
}
div.topwrapper .mobilebuttons,
div.topwrapper .mobile_localeselector,
div.topwrapper .mobile_aggregate_menu {
  display: none ;
}
div.bulbwrapper {
  position: relative ;
  max-width: 1280px;
  margin: 0 auto;
}
div.midwrapper {
  padding: 30px 0;
  max-width: 1280px;
  margin: 0 auto;
  background: #f5f5f5;
  position: relative ;
}
div.botwrapper {
  max-width: 1280px;
  margin: 0 auto;
}
div.botwrapper div.mobile_footerbottom {
  display: none ;
}
div.botwrapper div.bottom {
  background: #f5f5f5;
}
/* Topmenu */
.menutop {
  background: url('/image/layout/black-top.jpg') center top;
  height: 200px;
}
.menutop .toppartcontainer {
  min-height: 130px ;
}
.menutop .toppartcontainer .logo {
  top: 20px;
  width: 50% ;
  position: absolute ;
  z-index: 20 ;
}
.menutop .toppartcontainer .topmenu {
  position: relative ;
  top: 22px;
  z-index: 30 ;
}
.menutop .toppartcontainer .topmenu ul {
  float: right;
  list-style: none;
  margin: 0;
  padding: 0;
}
.menutop .toppartcontainer .topmenu ul li {
  float: left;
  padding: 0 14px;
  border-right: 1px solid #828282;
  height: 30px;
  line-height: 28px ;
}
.menutop .toppartcontainer .topmenu ul li:last-child {
  padding-right: 0;
  border-right: 0;
}
.menutop .toppartcontainer .topmenu ul li a {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
}
.menutop .toppartcontainer .topmenu ul li a:hover,
.menutop .toppartcontainer .topmenu ul li a.selected {
  color: #6799eb;
}
/* Bulb page slider */
div.bulbpageslider {
  margin-bottom: 24px;
}
/* searchpanel/notfound */
div.searchpanel {
  color: #777777;
  background: white ;
  position: absolute ;
  top: 55px ;
  width: 100% ;
  z-index: 800 ;
  text-align: left ;
  border: 1px solid #aaaaaa;
}
div.searchpanel div.searcharrow {
  position: absolute ;
  top: -11px;
  width: 100% ;
  height: 12px ;
  background: url(/image/icon/ic_arrow.png ) no-repeat top center;
}
div.searchpanel div.searchpanel_in {
  padding: 10px ;
  padding-left: 10px ;
  color: #b12e2e;
}
/* Quickbuttons */
.quickbuttons {
  padding-top: 5px;
}
.quickbuttons div.search {
  background: white;
  height: 36px ;
}
.quickbuttons div.search .arrowdown {
  margin-top: -1px;
  vertical-align: middle;
}
.quickbuttons div.search form.searchform {
  position: relative ;
  margin: 0;
  padding: 0;
}
.quickbuttons div.search form.searchform input.searchterms {
  border: 0 none;
  color: gray;
  width: 58%;
  height: 32px;
  line-height: 32px;
  vertical-align: top;
  float: left;
  padding-left: 10px ;
}
.quickbuttons div.search form.searchform input.searchsubmit {
  border: 0px ;
  background: #ffffff url(/image/icon/search.png ) center center no-repeat;
  position: absolute ;
  top: 0px ;
  right: 0px ;
  z-index: 800 ;
  width: 36px ;
  height: 36px ;
  cursor: pointer ;
  opacity: 0.5 ;
}
.quickbuttons div.search form.searchform input.searchsubmit:hover {
  opacity: 1 ;
}
.quickbuttons div.search form.searchform_error input.searchterms {
  color: #b12e2e;
}
.quickbuttons div.search:hover form.searchform input.searchsubmit {
  opacity: 1 ;
}
.quickbuttons .padder {
  background: none;
  border: 2px solid white;
  text-align: center;
  height: 36px ;
}
.quickbuttons .padder a {
  width: 100%;
  display: block;
}
.quickbuttons .padder a span {
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  padding-left: 29px;
  line-height: 18px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 0px 6px;
  padding-top: 9px ;
}
.quickbuttons .padder a.login span {
  background-image: url('/image/icon/login.png');
}
.quickbuttons .padder a.app span {
  background-image: url('/image/icon/app.png');
}
.quickbuttons .padder a.wishlist span {
  background-image: url('/image/icon/wishlist.png');
}
.quickbuttons .padder a:hover span,
.quickbuttons .padder a.selected span {
  color: #6799eb;
}
.quickbuttons div.localeselector {
  position: relative ;
}
.quickbuttons div.localeselector div.localespanel {
  color: #777777;
  background: white ;
  position: absolute ;
  top: 55px ;
  width: 100% ;
  z-index: 800 ;
  display: none ;
}
.quickbuttons div.localeselector div.localespanel div.localesarrow {
  position: absolute ;
  top: -11px;
  width: 100% ;
  height: 12px ;
  background: url(/image/icon/ic_arrow.png ) no-repeat top center;
}
.quickbuttons div.localeselector div.localespanel div.localespanel_in {
  padding: 10px ;
  padding-left: 20px ;
}
.quickbuttons div.localeselector div.localespanel a {
  color: #777777;
  display: block ;
  text-align: left ;
  line-height: 30px ;
  font-weight: bold ;
}
.quickbuttons div.localeselector div.localespanel a span {
  color: #777777;
}
.quickbuttons div.localeselector div.localespanel a:hover {
  color: #2e65b1;
}
.quickbuttons div.localeselector img.flag {
  float: left ;
  margin-right: 10px ;
  margin-top: 10px ;
}
.quickbuttons div.localeselector span {
  padding-left: 0px ;
}
.quickbuttons div.localeselector span img {
  vertical-align: baseline ;
}
/* News overview */
.newsitems_overview {
  position: relative ;
}
.newsitems_overview .newsitems_overview_item {
  margin-bottom: 24px;
}
.newsitems_overview .newsitems_overview_item span.date {
  display: block ;
  font-style: italic ;
  color: #2e65b1;
}
.newsitems_overview .newsitems_overview_item span.text {
  display: block ;
}
.newsitems_overview .newsitems_overview_item span.button {
  display: block ;
  margin-top: 10px ;
  margin-bottom: 10px;
}
.news_overview_bottom_line {
  min-height: 30px ;
}
.news_overview_bottom_line div.selector {
  float: right ;
  text-align: right ;
}
.news_overview_bottom_line .newspaginatorcontroller {
  float: left ;
  margin-right: 10px ;
  cursor: pointer ;
  padding-left: 6px ;
  padding-right: 6px ;
  line-height: 18px;
}
.news_overview_bottom_line .newsnocontroller {
  float: left ;
  margin-right: 10px ;
  padding-left: 6px ;
  padding-right: 6px ;
  line-height: 18px;
}
.news_overview_bottom_line .newsaquo {
  font-size: 150% ;
  margin-top: -2px;
}
.news_overview_bottom_line .newspaginatorcontroller:hover {
  color: #2e65b1;
}
.news_overview_bottom_line .newspaginatorcontroller_selected {
  border: 1px solid #2e65b1;
  padding-left: 5px ;
  padding-right: 5px ;
}
/* Bulbsliders/boxes */
.bulbselectionrow {
  background: #e4e4e4;
}
.bulbselectionrow .padder {
  position: relative;
  width: auto;
}
.bulbselectionrow .padder .title {
  position: absolute;
  z-index: 10;
  height: 100%;
  width: 100%;
}
.bulbselectionrow .padder .title a {
  height: 100%;
  width: 100%;
  display: block;
}
.bulbselectionrow .padder .title a span {
  width: 100%;
  text-align: center;
  display: block;
  background: url('/image/layout/gray.png');
  height: 50px;
  position: absolute;
  bottom: 0px;
  color: #484848;
  font-size: 18px;
  font-weight: 600;
  line-height: 50px;
}
.bulbselectionrow .padder .title a span:hover {
  color: #2e65b1;
}
.bulbselectionrow .padder .image {
  z-index: 1;
}
.bulbselectionrow .bulbselectionrow_slider {
  margin-bottom: 0px !important ;
}
.slideshowparent {
  background: white ;
  /* margin-top : -@vertical_space ; */
  padding-bottom: 1px ;
}
.division_60 .listcontent_slideshow {
  padding-bottom: 30px !important ;
}
/* Call to action blocks */
.calltoaction {
  position: relative ;
  margin-bottom: 20px;
}
.calltoaction .date {
  padding-top: 6px ;
  padding-bottom: 6px ;
}
.calltoaction .date img {
  float: left ;
  margin-right: 6px ;
  margin-top: 3px ;
}
.calltoaction .padder {
  background: white ;
}
.calltoaction .padder .padder {
  padding-bottom: 10px ;
}
.calltoaction .title {
  color: #2e65b1;
  font-size: 22px;
  font-weight: 600;
  margin-top: 5px;
}
.calltoaction .description p {
  padding: 0px ;
  margin: 0px ;
}
.calltoaction img {
  max-width: 100% ;
}
.calltoaction a.readmore {
  margin-top: 20px;
}
.division_33 .calltoaction {
  text-align: center;
}
/* Breadcrumbs */
.breadcrumbs {
  font-size: 90% ;
  margin-bottom: 12px;
  color: #777777;
  margin-top: -5px;
}
.breadcrumbs .last {
  color: #777777;
}
.breadcrumbs a {
  color: #aaaaaa;
}
.breadcrumbs a:hover {
  color: #2e65b1;
}
/* Wide blocks */
div.wide_overview {
  position: relative ;
  margin-bottom: 24px;
}
/* share functionality */
.sharethis {
  position: relative ;
  margin-bottom: 20px;
  background: white ;
  color: #777777;
  padding-top: 2px ;
  padding-bottom: 20px ;
}
.sharethis h4 {
  color: #777777;
  margin-bottom: 10px ;
}
.sharethis a {
  display: inline-block;
  width: 25% ;
  text-align: center ;
  margin-bottom: 8px ;
}
.sharethis a img {
  max-width: 80% ;
}
.sharethis a img:hover {
  background: black ;
  opacity: 0.5 ;
}
.division_60 .sharethis a {
  width: 20% ;
}
.division_80 .sharethis a {
  width: 20% ;
}
/* Richtext stuff */
.richtext {
  position: relative ;
  margin-bottom: 20px;
  padding-bottom: 1px ;
  /* kinda bugfix, leave this */
  background: white ;
  padding-top: 10px ;
}
.division_100 .richtext {
  padding-left: 2%;
  padding-right: 2%;
}
.division_80 .richtext {
  padding-left: 2.5%;
  padding-right: 2.5%;
}
.division_60 .richtext {
  padding-left: 3.33333333%;
  padding-right: 3.33333333%;
}
.division_40 .richtext {
  padding-left: 5%;
  padding-right: 5%;
}
.division_20 .richtext {
  padding-left: 5%;
  padding-right: 5%;
}
/* Readmore button */
div.readmore {
  position: relative ;
  margin-top: -20px;
  margin-bottom: 20px;
  background: white ;
  padding-bottom: 20px;
}
a.readmore {
  border: 1px solid #b6b6b6;
  margin: 0px;
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
  padding: 0px 15px;
  line-height: 28px;
  color: #2e65b1;
}
a.readmore:hover {
  color: white ;
  background-color: #2e65b1;
}
/* Submenu */
.submenu {
  position: relative ;
  margin-bottom: 20px;
}
.submenu ul {
  padding: 0;
  margin: 0 10px 0 0;
}
.submenu ul li {
  list-style-image: url(/image/icon/submenu.png);
  padding-bottom: 10px;
  margin-left: 17px;
}
.submenu ul li.selected,
.submenu ul li:hover {
  list-style-image: url(/image/icon/submenu-active.png);
}
.submenu ul li:first-child,
.submenu ul li.selected:first-child {
  list-style: none;
  margin-left: 0px;
  font-size: 20px;
  font-weight: 600;
  list-style-image: none ;
  line-height: 16px ;
}
.submenu ul li:first-child a,
.submenu ul li.selected:first-child a {
  color: #2e65b1;
}
.submenu ul li a {
  color: #6e6e6e;
}
.submenu ul li a.selected,
.submenu ul li a:hover {
  color: #315ea9;
}
/* footer styles */
div.footerbottom {
  height: 235px;
  background: url('/image/layout/black-top.jpg') center top;
}
div.footerbottom ul {
  margin: 0;
  padding: 5px 0 0;
  list-style: none;
}
div.footerbottom ul li {
  margin: 0;
  padding: 0;
}
div.footerbottom ul li a {
  color: white;
  font-weight: 600;
}
div.footerbottom div.social h4 {
  padding-bottom: 20px;
}
div.footerbottom div.social a {
  padding: 0 4px;
}
div.footerbottom div.social a img {
  border: 1px solid white;
}
div.footerbottom .footertext {
  padding-top: 50px;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
}
div.footerbottom .footertext h4 {
  color: #6799eb;
  font-size: 16px;
  line-height: 22px;
}
/* Fixed topbar, but not always !! */
@media screen and (min-width: 660px) {
  .topwrapper {
    position: fixed ;
    width: 100% ;
    z-index: 400 ;
    top: 0px;
  }
  div.bulbwrapper {
    margin-top: 200px ;
  }
}
.irritate_mask {
  position: absolute ;
  width: 100% ;
  height: 100% ;
  background: black ;
  background: rgba(0, 0, 0, 0.7);
  text-align: center ;
  top: -50px;
  padding-bottom: 50px ;
  z-index: 999 ;
  display: none ;
}
.irritate_mask img {
  margin-top: 100px ;
}
@media screen and (min-width: 660px) and (max-width: 1000px) {
  .menutop .toppartcontainer .topmenu ul li {
    padding: 0 10px;
  }
  .menutop .toppartcontainer .topmenu ul li a {
    font-size: 16px;
  }
}
/* Extra degradation for topmenu */
@media screen and (min-width: 660px) and (max-width: 740px) {
  .menutop .toppartcontainer .topmenu ul li {
    line-height: 20px ;
  }
  .menutop .toppartcontainer .topmenu ul li a {
    font-size: 14px;
  }
}
/* Extra degradation for quickbuttons */
@media screen and (min-width: 660px) and (max-width: 1000px) {
  .quickbuttons div.search .arrowdown {
    display: none ;
  }
  .quickbuttons div.padder a span {
    font-size: 14px;
  }
  .quickbuttons div.padder a.login span {
    background-image: none ;
    padding-left: 0px ;
  }
  .quickbuttons div.padder a.wishlist span {
    background-image: none ;
    padding-left: 0px ;
  }
}
/* Extra extra degradation */
@media screen and (min-width: 660px) and (max-width: 750px) {
  div.quickbuttons div.padder a span {
    font-size: 12px ;
  }
}
/* Extra degradation for  top-top height*/
@media screen and (min-width: 660px) and (max-width: 800px) {
  div.bulbwrapper {
    margin-top: 175px ;
  }
  .menutop .toppartcontainer div.topmenu,
  .menutop .toppartcontainer div.logo {
    top: 20px ;
  }
  div.localeselector span img.arrowdown {
    display: none ;
  }
}
/* Extra degradation for sharethis */
@media screen and (min-width: 660px) and (max-width: 800px) {
  .sharethis a {
    width: 33.3333% ;
    margin-bottom: 8px ;
  }
}
@media screen and (max-width: 660px) {
  .wrapper,
  div.bulbwrapper,
  div.botwrapper {
    padding-left: 2%;
    padding-right: 2%;
    width: auto;
  }
  div.wrapper div.division_20 .padder,
  div.wrapper div.division_40 .padder,
  div.wrapper div.division_60 .padder,
  div.wrapper div.division_80 .padder,
  div.wrapper div.division_100 .padder {
    margin-left: 0px ;
    margin-right: 0px ;
  }
  div.topwrapper .mobile_aggregate_menu {
    display: block ;
    position: absolute ;
    top: 40px ;
    left: 10px ;
    right: 10px ;
    background: white ;
    border: 1px solid #f5f5f5;
    display: none ;
    padding: 20px ;
    padding-top: 10px ;
    z-index: 800 ;
    line-height: 30px ;
  }
  div.topwrapper .mobile_aggregate_menu h3 {
    margin-bottom: 10px ;
  }
  div.topwrapper .mobile_aggregate_menu ul {
    margin: 0px ;
    padding: 0px ;
    list-style-type: none ;
  }
  div.topwrapper .mobile_aggregate_menu ul li {
    display: block ;
  }
  div.topwrapper .mobile_aggregate_menu ul li a {
    color: #777777;
    font-size: 120% ;
    display: block ;
    border-bottom: 1px solid #f5f5f5;
  }
  div.topwrapper .mobile_localeselector {
    display: block ;
    position: absolute ;
    top: 40px ;
    left: 10px ;
    right: 10px ;
    background: white ;
    border: 1px solid #f5f5f5;
    display: none ;
    padding: 20px ;
    padding-top: 10px ;
    z-index: 800 ;
    line-height: 30px ;
  }
  div.topwrapper .mobile_localeselector img {
    float: left ;
    margin-top: 7px ;
    margin-right: 10px ;
  }
  div.topwrapper .mobile_localeselector a {
    color: #777777;
    font-size: 120% ;
    display: block ;
    border-bottom: 1px solid #f5f5f5;
  }
  div.topwrapper .mobile_localeselector h3 {
    margin-bottom: 10px ;
  }
  div.topwrapper div.mobilebuttons {
    display: block ;
    padding-top: 6px ;
  }
  div.topwrapper div.mobilebuttons .mobilebutton {
    float: left ;
    width: 21% ;
    display: block ;
  }
  div.topwrapper div.mobilebuttons .mobilebutton .mobilebutton_in {
    color: white ;
    border: 1px solid white ;
    text-align: center ;
    display: block ;
    margin-left: 10% ;
    margin-right: 10% ;
    font-size: 12px ;
    cursor: pointer ;
    padding-top: 4px;
    text-decoration: none ;
  }
  div.topwrapper div.mobilebuttons .mobilebutton .mobilebutton_in .mobilebutton_label {
    display: block ;
  }
  div.topwrapper div.mobilebuttons .mobilebutton_1 {
    width: 18.4% ;
  }
  div.topwrapper div.mobilebuttons .mobilebutton_1 .mobilebutton_in {
    margin-left: 2px ;
  }
  div.topwrapper div.mobilebuttons .mobilebutton_5 {
    width: 18.4% ;
  }
  div.topwrapper div.mobilebuttons .mobilebutton_5 .mobilebutton_in {
    margin-right: 2px ;
  }
  .menutop {
    height: 150px ;
  }
  .menutop .topmenu {
    display: none ;
  }
  .menutop .toppartcontainer .logo {
    top: 60px ;
    width: 96% ;
    text-align: center ;
    height: 80px ;
  }
  .menutop .toppartcontainer .logo span.helper {
    display: inline-block;
    height: 112%;
    vertical-align: middle;
  }
  .menutop .toppartcontainer .logo a img {
    max-width: 50% ;
    vertical-align: middle;
  }
  .qbwrapper {
    display: none  ;
  }
  div.bulbpageslider {
    text-align: center ;
    margin-top: 24px !important;
    background: white ;
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  div.bulbpageslider div {
    padding-left: 0px !important ;
    padding-right: 0px !important ;
    padding-bottom: 0px !important ;
  }
  div.bulbpageslider div.division_50 {
    width: 25% ;
    text-align: center ;
  }
  div.bulbpageslider div.division_50 img {
    max-width: 80% ;
  }
  div.bulbpageslider div.imagebumper {
    display: none ;
  }
  .bulbwrapper {
    background: #f5f5f5;
  }
  .bulbwrapper .bulbselectionrow {
    background: #f5f5f5;
  }
  .bulbwrapper .bulbselectionrow .wrapper {
    padding: 0px ;
  }
  .bulbwrapper .bulbselectionrow div.image {
    display: none ;
  }
  .bulbwrapper .bulbselectionrow .division_20 {
    background: #f5f5f5;
  }
  .bulbwrapper .bulbselectionrow .division_20 .padder {
    background: #f5f5f5;
    border-bottom: 1px solid #aaaaaa;
  }
  .bulbwrapper .bulbselectionrow .division_4 {
    width: 100% ;
  }
  .bulbwrapper .bulbselectionrow .padder .title {
    position: relative ;
  }
  .bulbwrapper .bulbselectionrow .padder .title a span {
    position: relative ;
    height: 30px ;
    line-height: 30px ;
    font-size: 14px ;
  }
  .breadcrumbs,
  .sharethis {
    display: none ;
  }
  .sharethis a {
    width: 16.66%;
  }
  div.wide_overview {
    margin-bottom: 0px ;
  }
  div.wide_overview div.division_25 {
    width: 50% ;
    margin-bottom: 25px ;
  }
  div.wide_overview div.division_25 .padder img {
    max-width: 95% ;
  }
  div.bulb_overview,
  div#bulb_overview {
    margin-bottom: 0px ;
  }
  div.bulb_overview div.division_25,
  div#bulb_overview div.division_25,
  div.bulb_overview div.division_20,
  div#bulb_overview div.division_20 {
    width: 50% ;
    margin-bottom: 20px ;
  }
  div.bulb_overview div.division_25 .padder,
  div#bulb_overview div.division_25 .padder,
  div.bulb_overview div.division_20 .padder,
  div#bulb_overview div.division_20 .padder {
    background: #aaaaaa;
    margin-bottom: 0px ;
    text-align: center ;
    max-width: 180px ;
  }
  div.calltoaction {
    text-align: left !important ;
  }
  div.calltoaction div.padder {
    padding-left: 2% ;
    padding-right: 2% ;
    padding-top: 6px ;
  }
  div.calltoaction div.padder div.padder {
    padding-left: 0% ;
    padding-right: 0% ;
    padding-top: 0px ;
  }
  div.calltoaction img {
    display: none ;
  }
  div.calltoaction div.readmorelink {
    text-align: left ;
  }
  .division_100 .richtext,
  .division_80 .richtext,
  .division_60 .richtext,
  .division_40 .richtext,
  .division_20 .richtext {
    padding-left: 2%;
    padding-right: 2%;
  }
  div.readmore div.padder {
    padding-left: 2% ;
    padding-right: 2% ;
  }
  div.midwrapper {
    padding: 0px ;
    padding-top: 24px;
  }
  div.botwrapper {
    background: #f5f5f5;
  }
  div.botwrapper div.mobile_footerbottom {
    display: block ;
    background: white ;
  }
  div.botwrapper div.mobile_footerbottom div.sharethis {
    display: block ;
  }
  .footerbottom {
    display: none ;
  }
}
.search_submenu {
  position: relative ;
  margin-bottom: 24px;
}
.search_submenu span.slider-max-value,
.search_submenu span.slider-set-value {
  float: right ;
}
.search_submenu span.slider-set-value {
  margin-top: 10px ;
}
.search_submenu h3 {
  font-size: 14px;
  color: #777777;
  margin-top: 24px;
}
.search_submenu .ui-widget-header {
  background: #2e65b1;
}
.search_submenu .ui-slider-horizontal {
  height: 0.5em ;
}
.search_submenu #slider-range {
  margin-left: 10px ;
  margin-right: 10px ;
}
.search_submenu .menudivider_controller_off,
.search_submenu .menudivider_controller_on {
  color: #2e65b1;
  font-style: italic;
  cursor: pointer ;
}
.search_submenu .menudivider_controller_off img,
.search_submenu .menudivider_controller_on img {
  vertical-align: baseline ;
}
.search_submenu .menudivider {
  display: none ;
}
#bulb_overview,
.bulb_overview {
  position: relative ;
  margin-bottom: 24px;
}
#bulb_overview .bulb_overview_item,
.bulb_overview .bulb_overview_item {
  position: relative ;
  margin-bottom: 24px;
}
#bulb_overview .bulb_overview_item span.bulb_overview_name,
.bulb_overview .bulb_overview_item span.bulb_overview_name {
  position: absolute ;
  left: 0px ;
  bottom: 0px;
  width: 100% ;
  text-align: center ;
  color: white ;
  font-weight: bold ;
  background: black ;
  background: rgba(0, 0, 0, 0.6);
  padding-top: 10px ;
  padding-bottom: 10px ;
}
#bulb_overview .bulb_overview_item img,
.bulb_overview .bulb_overview_item img {
  width: 100% ;
}
#bulb_overview .bulb_overview_item:hover span.bulb_overview_name,
.bulb_overview .bulb_overview_item:hover span.bulb_overview_name {
  background: black ;
}
#bulb_overview .bulb_overview_item:hover img,
.bulb_overview .bulb_overview_item:hover img {
  opacity: 0.8 ;
}
.bulb_overview .bulb_overview_item {
  position: relative ;
  margin-bottom: 0px ;
}
.bulb_overview_bottom_line {
  min-height: 30px ;
}
.bulb_overview_bottom_line div.selector {
  float: right ;
  text-align: right ;
}
.bulb_overview_bottom_line .paginatorcontroller {
  float: left ;
  margin-right: 10px ;
  cursor: pointer ;
  padding-left: 6px ;
  padding-right: 6px ;
  line-height: 18px;
}
.bulb_overview_bottom_line .nocontroller {
  float: left ;
  margin-right: 10px ;
  padding-left: 6px ;
  padding-right: 6px ;
  line-height: 18px;
}
.bulb_overview_bottom_line .aquo {
  font-size: 150% ;
  margin-top: -2px;
}
.bulb_overview_bottom_line .paginatorcontroller:hover {
  color: #2e65b1;
}
.bulb_overview_bottom_line .paginatorcontroller_selected {
  border: 1px solid #2e65b1;
  padding-left: 5px ;
  padding-right: 5px ;
}
table.bulbdatatable {
  width: 100% ;
}
table.bulbdatatable td.td1 {
  width: 40% ;
  padding-bottom: 6px;
  color: #aaaaaa;
}
table.bulbdatatable td.td2 {
  width: 60% ;
  padding-bottom: 6px;
}
table.bulbdatatable .bulbsizetable {
  width: 100% ;
}
table.bulbdatatable .bulbsizetable td {
  background: #f5f5f5;
  width: 15.66% ;
  text-align: center ;
}
h2.bigbar {
  color: white ;
  background: #2e65b1;
  margin: 0px ;
  padding: 0px ;
  padding-left: 20px ;
  margin-bottom: 10px ;
}
img.bulbpageslider_controller {
  cursor: pointer ;
}
span.bulbpage_add_wishlist {
  display: block ;
  position: relative ;
  color: white ;
  background: #2e65b1;
  text-align: center ;
  margin-bottom: 10px ;
  margin-top: 2px ;
  padding: 2px ;
  cursor: pointer ;
}
span.wishlistitem {
  display: block ;
  position: relative ;
  margin-bottom: 10px ;
}
span.wishlistitem img {
  float: right ;
  cursor: pointer ;
  margin-top: 6px ;
  margin-left: 10px;
}
span.wishlistitem img:hover {
  opacity: 0.7 ;
}
span.wishlistitem a {
  color: #777777;
}
span.wishlistitem a:hover {
  color: #2e65b1;
}
a.request_page {
  margin-bottom: 20px ;
}
a.print_page {
  width: 100% ;
  margin-bottom: 30px ;
  background-image: url(/image/icon/ic_printer.png );
  background-repeat: no-repeat;
  background-position: center right ;
  padding: 0px ;
}
a.print_page span {
  display: block ;
  padding-left: 15px;
}
#customcontactform .contactformitem {
  width: 33.33% ;
  min-width: 130px ;
  float: left ;
  font-size: 80% ;
}
#customcontactform .contactformitem .contactformitem_in {
  padding-right: 10px ;
}
#customcontactform #pricerequestpanel,
#customcontactform #cultivationrequestpanel {
  display: none ;
  float: left ;
  positon: relative ;
  padding-left: 20px ;
  border-left: 4px solid #aaaaaa;
  margin-bottom: 20px ;
  padding-top: 10px ;
}
div.contactform_submit {
  position: relative ;
  float: left ;
  margin-bottom: 20px ;
  width: 100% ;
}
div.contactform_submit span.contactform_submit {
  float: right ;
  border: 1px solid #2e65b1;
  color: white ;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
  margin: 0;
  padding: 0 15px;
  background: #2e65b1;
  cursor: pointer ;
}
div.contactform_submit span.contactform_disclaimer {
  float: left ;
  max-width: 60% ;
}
div.contactform_submit span.contactform_disclaimer a {
  color: #777777;
  text-decoration: underline ;
}
div.contactform_submit span.contactform_disclaimer input {
  float: left ;
  margin-right: 10px ;
  margin-top: 6px ;
}
form#wishlistform img.wishlist_contactform_delete {
  cursor: pointer;
  float: right;
  margin-left: 10px;
  margin-top: 6px;
}
form#wishlistform select {
  float: right ;
}


.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}