/* pricing */
/*Gutters*/
.component-8-deckplan .head-line {
  margin-top: 50px;
}
.component-8-deckplan .deckplan-map {
  position: relative;
  text-align: center;
}
.component-8-deckplan .deckplan-map .deckplans_widget .deck_map {
  float: none;
  width: 100%;
  height: auto;
}
@media screen and (min-width: 768px) {
  .component-8-deckplan .deckplan-map .deckplans_widget .deck_map {
    float: right;
    width: 500px;
  }
}
@media screen and (min-width: 1024px) {
  .component-8-deckplan .deckplan-map .deckplans_widget .deck_map {
    float: right;
    width: 800px;
  }
}
.component-8-deckplan .deckplan-map .deckplans_widget .stateroom-type {
  display: inline;
  padding-left: 0;
  float: none;
  width: 100%;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .component-8-deckplan .deckplan-map .deckplans_widget .stateroom-type {
    float: left;
    width: calc(100% - 500px);
  }
}
@media screen and (min-width: 1024px) {
  .component-8-deckplan .deckplan-map .deckplans_widget .stateroom-type {
    float: left;
    width: calc(100% - 800px);
  }
}
.component-8-deckplan .deckplan-map .deckplans_widget .stateroom-type h3 {
  font-size: 14px;
  margin: 0 0 25px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .component-8-deckplan .deckplan-map .deckplans_widget .stateroom-type h3 {
    margin: 25px 0;
    text-align: left;
  }
}
.component-8-deckplan .deckplan-map .deckplans_widget .stateroom-type .colored-box-link {
  display: inline-block;
  white-space: nowrap;
  padding-bottom: 0;
  width: 100%;
  float: none;
}
@media screen and (min-width: 320px) {
  .component-8-deckplan .deckplan-map .deckplans_widget .stateroom-type .colored-box-link {
    width: 75%;
  }
}
@media screen and (min-width: 300px) {
  .component-8-deckplan .deckplan-map .deckplans_widget .stateroom-type .colored-box-link {
    width: 50%;
  }
}
@media screen and (min-width: 400px) {
  .component-8-deckplan .deckplan-map .deckplans_widget .stateroom-type .colored-box-link {
    width: calc(50% - 10px);
  }
}
@media screen and (min-width: 600px) {
  .component-8-deckplan .deckplan-map .deckplans_widget .stateroom-type .colored-box-link {
    width: calc(33.33333% - 10px);
  }
}
@media screen and (min-width: 768px) {
  .component-8-deckplan .deckplan-map .deckplans_widget .stateroom-type .colored-box-link {
    width: 100%;
    display: block;
    float: none;
  }
}
@media screen and (min-width: 1024px) {
  .component-8-deckplan .deckplan-map .deckplans_widget .stateroom-type .colored-box-link {
    padding-bottom: 8px;
  }
}
.component-8-deckplan .deckplan-map .deckplans_widget .stateroom-type .colored-box-link .hit_area {
  display: none;
}
@media screen and (min-width: 768px) {
  .component-8-deckplan .deckplan-map .deckplans_widget .stateroom-type .colored-box-link .hit_area {
    display: inline;
  }
}
.component-8-deckplan .embedded-deckplans {
  display: none !important;
}

.component-8-deckplan {
  /* Legend icon colors */
  /* Hit Areas
  Default for each hit area (top left, small) is:
  
  	width:2.5%;
  	height:25%;
  	top:7.6%;
  	left:0.5%;
  
  Only modify the ones you need to!
  */
  /*show the highlight div cos we've added cabin rooms support below*/
}
.component-8-deckplan .stateroom-one .icon {
  background-color: #CF7888;
}
.component-8-deckplan .stateroom-two .icon {
  background-color: #ADB077;
}
.component-8-deckplan .stateroom-three .icon {
  background-color: #95BFD7;
}
.component-8-deckplan .stateroom-four .icon {
  background-color: #CFAFA4;
}
.component-8-deckplan .stateroom-five .icon {
  background-color: #ECCD72;
}
.component-8-deckplan .stateroom-six .icon {
  background-color: #05B3EF;
}
.component-8-deckplan .stateroom-seven .icon {
  background-color: #4787C7;
}
.component-8-deckplan .stateroom-eight .icon {
  background-color: #EEDF9A;
}
@media screen and (min-width: 768px) {
  .component-8-deckplan .hit_area_1 {
    top: 257px;
    right: 438px;
    height: 38px;
    width: 32px;
  }
  .component-8-deckplan .hit_area_2 {
    top: 258px;
    right: 224px;
    height: 15px;
    width: 146px;
  }
  .component-8-deckplan .hit_area_3 {
    top: 275px;
    right: 212px;
    height: 20px;
    width: 208px;
  }
  .component-8-deckplan .hit_area_4 {
    top: 352px;
    right: 222px;
    height: 20px;
    width: 198px;
  }
  .component-8-deckplan .hit_area_5 {
    top: 258px;
    right: 368px;
    height: 15px;
    width: 51px;
  }
  .component-8-deckplan .hit_area_6 {
    top: 333px;
    right: 224px;
    height: 15px;
    width: 196px;
  }
  .component-8-deckplan .hit_area_7 {
    top: 408px;
    right: 190px;
    height: 38px;
    width: 54px;
  }
  .component-8-deckplan .hit_area_8 {
    top: 408px;
    right: 244px;
    height: 38px;
    width: 83px;
  }
  .component-8-deckplan .hit_area_9 {
    top: 208px;
    right: 389px;
    height: 8px;
    width: 25px;
  }
  .component-8-deckplan .hit_area_10 {
    top: 194px;
    right: 221px;
    height: 32px;
    width: 165px;
  }
  .component-8-deckplan .hit_area_11 {
    top: 192px;
    right: 33px;
    height: 38px;
    width: 186px;
  }
  .component-8-deckplan .hit_area_12 {
    top: 275px;
    right: 205px;
    height: 14px;
    width: 8px;
  }
  .component-8-deckplan .hit_area_13 {
    top: 256px;
    right: 75px;
    height: 39px;
    width: 74px;
  }
  .component-8-deckplan .hit_area_14 {
    top: 257px;
    right: 20px;
    height: 38px;
    width: 55px;
  }
  .component-8-deckplan .hit_area_15 {
    top: 332px;
    right: 163px;
    height: 39px;
    width: 60px;
  }
  .component-8-deckplan .hit_area_16 {
    top: 337px;
    right: 200px;
    height: 9px;
    width: 18px;
  }
  .component-8-deckplan .hit_area_17 {
    top: 332px;
    right: 78px;
    height: 40px;
    width: 87px;
  }
}
@media screen and (min-width: 1024px) {
  .component-8-deckplan .hit_area_1 {
    top: 411px;
    right: 700px;
    height: 62px;
    width: 53px;
  }
  .component-8-deckplan .hit_area_2 {
    top: 410px;
    right: 356px;
    height: 26px;
    width: 234px;
  }
  .component-8-deckplan .hit_area_3 {
    top: 439px;
    right: 339px;
    height: 34px;
    width: 333px;
  }
  .component-8-deckplan .hit_area_4 {
    top: 562px;
    right: 356px;
    height: 34px;
    width: 316px;
  }
  .component-8-deckplan .hit_area_5 {
    top: 410px;
    right: 588px;
    height: 26px;
    width: 84px;
  }
  .component-8-deckplan .hit_area_6 {
    top: 531px;
    right: 356px;
    height: 26px;
    width: 316px;
  }
  .component-8-deckplan .hit_area_7 {
    top: 651px;
    right: 306px;
    height: 62px;
    width: 85px;
  }
  .component-8-deckplan .hit_area_8 {
    top: 651px;
    right: 390px;
    height: 62px;
    width: 136px;
  }
  .component-8-deckplan .hit_area_9 {
    top: 332px;
    right: 622px;
    height: 11px;
    width: 42px;
  }
  .component-8-deckplan .hit_area_10 {
    top: 311px;
    right: 354px;
    height: 51px;
    width: 265px;
  }
  .component-8-deckplan .hit_area_11 {
    top: 306px;
    right: 52px;
    height: 62px;
    width: 300px;
  }
  .component-8-deckplan .hit_area_12 {
    top: 440px;
    right: 325px;
    height: 23px;
    width: 16px;
  }
  .component-8-deckplan .hit_area_13 {
    top: 411px;
    right: 119px;
    height: 61px;
    width: 119px;
  }
  .component-8-deckplan .hit_area_14 {
    top: 411px;
    right: 41px;
    height: 61px;
    width: 78px;
  }
  .component-8-deckplan .hit_area_15 {
    top: 532px;
    right: 261px;
    height: 63px;
    width: 95px;
  }
  .component-8-deckplan .hit_area_16 {
    top: 542px;
    right: 320px;
    height: 13px;
    width: 26px;
  }
  .component-8-deckplan .hit_area_17 {
    top: 532px;
    right: 124px;
    height: 63px;
    width: 137px;
  }
}
.component-8-deckplan input[type="radio"].hit_area {
  top: 0;
  right: 0;
  height: 0;
  width: 0;
}
.component-8-deckplan .change-stateroom-cabin-highlight {
  display: block;
}
.component-8-deckplan .hit_area_100 {
  top: 652px;
  right: 307px;
  height: 28px;
  width: 17px;
}
.component-8-deckplan .hit_area_102 {
  top: 652px;
  right: 323px;
  height: 28px;
  width: 17px;
}
.component-8-deckplan .hit_area_104 {
  top: 652px;
  right: 340px;
  height: 28px;
  width: 17px;
}
.component-8-deckplan .hit_area_106 {
  top: 652px;
  right: 357px;
  height: 28px;
  width: 17px;
}
.component-8-deckplan .hit_area_108 {
  top: 652px;
  right: 373px;
  height: 28px;
  width: 17px;
}
.component-8-deckplan .hit_area_110 {
  top: 652px;
  right: 390px;
  height: 28px;
  width: 17px;
}
.component-8-deckplan .hit_area_112 {
  top: 652px;
  right: 407px;
  height: 28px;
  width: 17px;
}
.component-8-deckplan .hit_area_114 {
  top: 652px;
  right: 423px;
  height: 28px;
  width: 17px;
}
.component-8-deckplan .hit_area_116 {
  top: 652px;
  right: 439px;
  height: 28px;
  width: 17px;
}
.component-8-deckplan .hit_area_118 {
  top: 652px;
  right: 456px;
  height: 28px;
  width: 17px;
}
.component-8-deckplan .hit_area_120 {
  top: 652px;
  right: 472px;
  height: 28px;
  width: 17px;
}
.component-8-deckplan .hit_area_122 {
  top: 652px;
  right: 489px;
  height: 28px;
  width: 17px;
}
.component-8-deckplan .hit_area_124 {
  top: 652px;
  right: 505px;
  height: 28px;
  width: 17px;
}
.component-8-deckplan .hit_area_101 {
  top: 685px;
  right: 307px;
  height: 28px;
  width: 17px;
}
.component-8-deckplan .hit_area_103 {
  top: 685px;
  right: 323px;
  height: 28px;
  width: 17px;
}
.component-8-deckplan .hit_area_105 {
  top: 685px;
  right: 340px;
  height: 28px;
  width: 17px;
}
.component-8-deckplan .hit_area_107 {
  top: 685px;
  right: 357px;
  height: 28px;
  width: 17px;
}
.component-8-deckplan .hit_area_109 {
  top: 685px;
  right: 373px;
  height: 28px;
  width: 17px;
}
.component-8-deckplan .hit_area_111 {
  top: 685px;
  right: 390px;
  height: 28px;
  width: 17px;
}
.component-8-deckplan .hit_area_113 {
  top: 685px;
  right: 407px;
  height: 28px;
  width: 17px;
}
.component-8-deckplan .hit_area_115 {
  top: 685px;
  right: 423px;
  height: 28px;
  width: 17px;
}
.component-8-deckplan .hit_area_117 {
  top: 685px;
  right: 439px;
  height: 28px;
  width: 17px;
}
.component-8-deckplan .hit_area_119 {
  top: 685px;
  right: 456px;
  height: 28px;
  width: 17px;
}
.component-8-deckplan .hit_area_121 {
  top: 685px;
  right: 472px;
  height: 28px;
  width: 17px;
}
.component-8-deckplan .hit_area_123 {
  top: 685px;
  right: 489px;
  height: 28px;
  width: 17px;
}
.component-8-deckplan .hit_area_125 {
  top: 685px;
  right: 505px;
  height: 28px;
  width: 17px;
}
.component-8-deckplan .hit_area_201 {
  top: 563px;
  right: 357px;
  height: 32px;
  width: 17px;
}
.component-8-deckplan .hit_area_203 {
  top: 563px;
  right: 373px;
  height: 32px;
  width: 17px;
}
.component-8-deckplan .hit_area_205 {
  top: 563px;
  right: 390px;
  height: 32px;
  width: 17px;
}
.component-8-deckplan .hit_area_207 {
  top: 563px;
  right: 407px;
  height: 32px;
  width: 17px;
}
.component-8-deckplan .hit_area_209 {
  top: 563px;
  right: 423px;
  height: 32px;
  width: 17px;
}
.component-8-deckplan .hit_area_211 {
  top: 563px;
  right: 439px;
  height: 32px;
  width: 17px;
}
.component-8-deckplan .hit_area_213 {
  top: 563px;
  right: 456px;
  height: 32px;
  width: 17px;
}
.component-8-deckplan .hit_area_215 {
  top: 563px;
  right: 472px;
  height: 32px;
  width: 17px;
}
.component-8-deckplan .hit_area_217 {
  top: 563px;
  right: 489px;
  height: 32px;
  width: 17px;
}
.component-8-deckplan .hit_area_219 {
  top: 563px;
  right: 505px;
  height: 32px;
  width: 17px;
}
.component-8-deckplan .hit_area_221 {
  top: 563px;
  right: 522px;
  height: 32px;
  width: 17px;
}
.component-8-deckplan .hit_area_223 {
  top: 563px;
  right: 539px;
  height: 32px;
  width: 17px;
}
.component-8-deckplan .hit_area_225 {
  top: 563px;
  right: 556px;
  height: 32px;
  width: 17px;
}
.component-8-deckplan .hit_area_227 {
  top: 563px;
  right: 572px;
  height: 32px;
  width: 17px;
}
.component-8-deckplan .hit_area_229 {
  top: 563px;
  right: 589px;
  height: 32px;
  width: 17px;
}
.component-8-deckplan .hit_area_231 {
  top: 563px;
  right: 606px;
  height: 32px;
  width: 17px;
}
.component-8-deckplan .hit_area_233 {
  top: 563px;
  right: 622px;
  height: 32px;
  width: 17px;
}
.component-8-deckplan .hit_area_235 {
  top: 563px;
  right: 638px;
  height: 32px;
  width: 17px;
}
.component-8-deckplan .hit_area_237 {
  top: 563px;
  right: 654px;
  height: 32px;
  width: 17px;
}
.component-8-deckplan .hit_area_200 {
  top: 533px;
  right: 357px;
  height: 24px;
  width: 17px;
}
.component-8-deckplan .hit_area_202 {
  top: 533px;
  right: 373px;
  height: 24px;
  width: 17px;
}
.component-8-deckplan .hit_area_204 {
  top: 533px;
  right: 390px;
  height: 24px;
  width: 17px;
}
.component-8-deckplan .hit_area_206 {
  top: 533px;
  right: 407px;
  height: 24px;
  width: 17px;
}
.component-8-deckplan .hit_area_208 {
  top: 533px;
  right: 423px;
  height: 24px;
  width: 17px;
}
.component-8-deckplan .hit_area_210 {
  top: 533px;
  right: 439px;
  height: 24px;
  width: 17px;
}
.component-8-deckplan .hit_area_212 {
  top: 533px;
  right: 456px;
  height: 24px;
  width: 17px;
}
.component-8-deckplan .hit_area_214 {
  top: 533px;
  right: 472px;
  height: 24px;
  width: 17px;
}
.component-8-deckplan .hit_area_216 {
  top: 533px;
  right: 489px;
  height: 24px;
  width: 17px;
}
.component-8-deckplan .hit_area_222 {
  top: 533px;
  right: 539px;
  height: 24px;
  width: 17px;
}
.component-8-deckplan .hit_area_224 {
  top: 533px;
  right: 556px;
  height: 24px;
  width: 17px;
}
.component-8-deckplan .hit_area_226 {
  top: 533px;
  right: 572px;
  height: 24px;
  width: 17px;
}
.component-8-deckplan .hit_area_228 {
  top: 533px;
  right: 589px;
  height: 24px;
  width: 17px;
}
.component-8-deckplan .hit_area_230 {
  top: 533px;
  right: 606px;
  height: 24px;
  width: 17px;
}
.component-8-deckplan .hit_area_232 {
  top: 533px;
  right: 622px;
  height: 24px;
  width: 17px;
}
.component-8-deckplan .hit_area_234 {
  top: 533px;
  right: 638px;
  height: 24px;
  width: 17px;
}
.component-8-deckplan .hit_area_236 {
  top: 533px;
  right: 654px;
  height: 24px;
  width: 17px;
}
.component-8-deckplan .hit_area_301 {
  top: 441px;
  right: 340px;
  height: 31px;
  width: 17px;
}
.component-8-deckplan .hit_area_303 {
  top: 441px;
  right: 357px;
  height: 31px;
  width: 17px;
}
.component-8-deckplan .hit_area_304 {
  top: 412px;
  right: 357px;
  height: 24px;
  width: 32px;
}
.component-8-deckplan .hit_area_305 {
  top: 441px;
  right: 373px;
  height: 31px;
  width: 17px;
}
.component-8-deckplan .hit_area_307 {
  top: 441px;
  right: 390px;
  height: 31px;
  width: 17px;
}
.component-8-deckplan .hit_area_308 {
  top: 412px;
  right: 390px;
  height: 24px;
  width: 32px;
}
.component-8-deckplan .hit_area_309 {
  top: 441px;
  right: 407px;
  height: 31px;
  width: 17px;
}
.component-8-deckplan .hit_area_311 {
  top: 441px;
  right: 423px;
  height: 31px;
  width: 17px;
}
.component-8-deckplan .hit_area_312 {
  top: 412px;
  right: 424px;
  height: 24px;
  width: 32px;
}
.component-8-deckplan .hit_area_313 {
  top: 441px;
  right: 439px;
  height: 31px;
  width: 17px;
}
.component-8-deckplan .hit_area_315 {
  top: 441px;
  right: 456px;
  height: 31px;
  width: 17px;
}
.component-8-deckplan .hit_area_316 {
  top: 412px;
  right: 457px;
  height: 24px;
  width: 32px;
}
.component-8-deckplan .hit_area_317 {
  top: 441px;
  right: 472px;
  height: 31px;
  width: 17px;
}
.component-8-deckplan .hit_area_319 {
  top: 441px;
  right: 489px;
  height: 31px;
  width: 17px;
}
.component-8-deckplan .hit_area_320 {
  top: 412px;
  right: 490px;
  height: 24px;
  width: 32px;
}
.component-8-deckplan .hit_area_321 {
  top: 441px;
  right: 505px;
  height: 31px;
  width: 17px;
}
.component-8-deckplan .hit_area_323 {
  top: 441px;
  right: 522px;
  height: 31px;
  width: 17px;
}
.component-8-deckplan .hit_area_324 {
  top: 412px;
  right: 523px;
  height: 24px;
  width: 32px;
}
.component-8-deckplan .hit_area_325 {
  top: 441px;
  right: 539px;
  height: 31px;
  width: 17px;
}
.component-8-deckplan .hit_area_327 {
  top: 441px;
  right: 556px;
  height: 31px;
  width: 17px;
}
.component-8-deckplan .hit_area_328 {
  top: 412px;
  right: 556px;
  height: 24px;
  width: 32px;
}
.component-8-deckplan .hit_area_329 {
  top: 441px;
  right: 572px;
  height: 31px;
  width: 17px;
}
.component-8-deckplan .hit_area_330 {
  top: 412px;
  right: 589px;
  height: 24px;
  width: 17px;
}
.component-8-deckplan .hit_area_331 {
  top: 441px;
  right: 589px;
  height: 31px;
  width: 17px;
}
.component-8-deckplan .hit_area_332 {
  top: 412px;
  right: 606px;
  height: 24px;
  width: 17px;
}
.component-8-deckplan .hit_area_333 {
  top: 441px;
  right: 606px;
  height: 31px;
  width: 17px;
}
.component-8-deckplan .hit_area_334 {
  top: 412px;
  right: 622px;
  height: 24px;
  width: 17px;
}
.component-8-deckplan .hit_area_335 {
  top: 441px;
  right: 622px;
  height: 31px;
  width: 17px;
}
.component-8-deckplan .hit_area_336 {
  top: 412px;
  right: 638px;
  height: 24px;
  width: 17px;
}
.component-8-deckplan .hit_area_337 {
  top: 441px;
  right: 638px;
  height: 31px;
  width: 17px;
}
.component-8-deckplan .hit_area_338 {
  top: 412px;
  right: 654px;
  height: 24px;
  width: 17px;
}
.component-8-deckplan .hit_area_339 {
  top: 441px;
  right: 654px;
  height: 31px;
  width: 17px;
}
.component-8-deckplan .hit_area_340 {
  top: 411px;
  right: 700px;
  height: 26px;
  width: 53px;
}
.component-8-deckplan .hit_area_341 {
  top: 447px;
  right: 700px;
  height: 26px;
  width: 53px;
}