/*! LOAD: wh.compat.stylereset, fonts.font-awesome
    USE: ../fonts/fonts.css, basic.css, pageimage.css, performance.css, performancelist.css, embeddedobjects.css, widgets.css, forms.css
!*/


/* Defaults */
html
{
  font: 14px Arial, Sans-Serif !important;
  background-color: #fff;
  color: #444;
  height: 100%;
  min-height: 100%;
}
body
{
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
  position: relative; /* patch needed if child element has position bottom (wh-pulldown) */
  min-height: 100%;
  height: auto !important;
}
html.sidemenu body
{
  overflow: hidden;
}
header
{
  height: 130px;
  background-color: #fff;
  position: relative;
  top: 0;
  z-index: 5; /* stay on top for drop shadow, preformance search when mainnav is sticky */
  transition: top 0.3s, margin-top 1s;
}
@media (max-width:900px)
{
  header
  {
    height: 80px;
  }
}
html.topsearch header
{
  top: 60px;
}

main
{
  min-height: 150px;
}

/**/
#rtddoc a.doclink
{
  top: -60px;
  position: relative;
  width: 1px;
  height: 1px;
  display: inline-block;
}
#rtddoc > .date
{
  margin-bottom: 10px;
}
#rtddoc > .date .fa
{
  padding-right: 5px;
  font-size: 20px;
  position: relative;
  top: 1px;
}
/**/

#topnav
{
  position: relative;
  top: 8px;
}
#topnav > ul
{
  margin: 0;
  padding: 10px 1%;
  display: block;
  text-align: right;
  list-style-type: none;
  white-space: nowrap;
  position: relative;
}
#topnav > ul > li
{
  display: inline-block;
  margin-left: 15px;
  cursor: pointer;
  position: relative;
  height: 30px;
}
  #topnav > ul > li
, #topnav > ul > li > a
{
  font: normal 13px/20px 'sansa_stdnormal', Arial, Helvetica, Sans-Serif;
  vertical-align: middle;
  text-transform: uppercase;
  text-decoration: none;
  transition: color 0.3s;
}
  #topnav
, #topnav > ul > li > a
{
  color: #6c217e;
}
  html.business #topnav
, html.business #topnav a
{
  color: #285673;
}
  #topnav > ul > li:hover
, #topnav > ul > li > a:hover
, #topnav > ul > li.active
, #topnav > ul > li.active > a:hover
{
  color: rgb(228,30,0) !important;
}

  #topnav > ul > li > span > .fa
, #topnav > ul > li > a > .fa
, .show-useroptions > div > .fa
{
  font-size: 18px;
  display: inline-block;
  padding-right: 4px;
  margin-right: -1px;
}
#topnav > ul > li .fa-heart
{
  font-size: 17px;
}
#topnav > ul > li .fa-stack
{
  position: relative;
  top: -3px;
  height: 20px;
}
#topnav > ul > li .fa-stack > .fa
{
  margin-top: -2px;
  font-size: 26px;
}
#topnav > ul > li .fa-stack .fa
{
  margin-left: 0;
}
#topnav > ul > li .fa-stack .fa + .fa
{
  margin-left: 6px;
}
  #topnav .loggedin
, #mainnav .usernav li.loggedin
, html.loggedin #topnav .notloggedin
, html.loggedin #mainnav .usernav li.notloggedin
{
  display: none;
}
  html.loggedin #topnav .loggedin
, html.loggedin #mainnav .usernav li.loggedin
{
  display: inline-block;
}

#topnav > ul > li.languages
{
  white-space: nowrap;
  margin-left: 40px;
  margin-right: 30px;
  color: #929292;
  position: relative;
  top: -1px;
}
#topnav > ul > li.languages a
{
  text-decoration: none;
  line-height: 15px;
  color: #929292;
}
#topnav > ul > li.languages a.active
{
  color: #6c217e;
}
html.business #topnav > ul > li.languages a.active
{
  color: #285673
}

@media (max-width:1220px)
{
  #topnav > ul > li.languages
  {
    margin-left: 3.2vw;
    margin-right: 2.4vw;
  }
}
@media (max-width:1000px)
{
  html.business #topnav > ul > li .text
  {
    display: none;
  }
}
@media (max-width:800px)
{
  #topnav > ul > li.languages
  {
    margin-right: 5px;
  }
  #topnav > ul > li.togglesearch
  {
    margin-left: 15px;
  }
  #topnav
  {
    top: 3px;
  }
  #topnav > ul > li .text
  {
    display: none;
  }
  #topnav > ul > li.togglesearch
  {
    position: absolute;
    top: 45px;
    right: 50px;
  }
}
@media (max-width:400px)
{
  #topnav > ul > li.togglesearch
  {
    right: 43px;
  }
  #topnav > ul
  {
    padding: 10px;
  }
  #topnav > ul > li.languages
  {
    display: none;
  }
}

#topnav > ul > li.togglesearch > span
{
  color: #666;
  font-size: 19px;
  font-weight: bold;
}
html.business #topnav > ul > li.togglesearch > span
{
  color: #285673
}
.centercontent
{
  padding: 0 20px 360px;
  margin: 0 auto;
  max-width: 1220px;
  min-height: 200px;
  position: relative;
}
.centercontent:after
{
  clear: both;
  content: '';
  display: block;
}
html.home .centercontent
{
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  max-width: none;
}
@media (max-width:600px)
{
  .centercontent
  {
    padding-right: 10px;
    padding-left: 10px;
  }
}


#rightcol
{
  display: table-cell;
  vertical-align: top;
  width: 353px;
  padding-bottom: 80px;/* space for program link */
  padding-left: 13px;
}
html.norightcolumn .hasrightcol main
{
  padding-right: 0;
}
html.norightcolumn #rightcol
{
  display: block;
  width: 100%;
  padding: 20px 0 10px;
  margin-top: -70px;
}
html.norightcolumn.performance #rightcol
{
  margin-top: -50px;
}
html.norightcolumn #rightcol.paddingtop
{
  padding-top: 20px !important;
}

#sharepage + main
{
  display: table-cell;
  vertical-align: top;
  width: 1100px;
}
.hasrightcol > main
{
  display: table-cell;
  vertical-align: top;
  padding-right: 7px;
  width: 735px;
}
.hasrightcol #sharepage + main
{
  width: 707px;
}
html.home main
{
  padding: 0;
}

#sharepage
{
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 120px;
  display: table-cell;
  vertical-align: top;
  color: #fff;
}
#sharepage > li
{
  width: 40px;
  height: 40px;
  border-radius: 100%;
  margin-bottom: 5px;
  font-size: 24px;
  text-align: center;
  padding-top: 6px;
  cursor: pointer;
  transition: opacity 0.3s;
  opacity: 1;
}
#sharepage > li:hover
{
  opacity: 0.85;
}
#sharepage > li.facebook
{
  background-color: #3067a3;
}
#sharepage > li.twitter
{
  background-color: #04b3ee;
}
#sharepage > li.googleplus
{
  background-color: #e15440;
}
#sharepage > li.email
{
  background-color: #767676;
}
@media (max-width:1100px)
{
  #sharepage
  {
    display: block;
    position: absolute;
    bottom: 360px;
    left: 20px;
    width: 300px;
    height: 40px;
    white-space: nowrap;
  }
  html.performance #sharepage
  {
    bottom: 380px;
  }
  #sharepage > li
  {
    display: inline-block;
    margin-right: 5px;
  }
  .hasrightcol #sharepage + main
  {
    width: 1220px;
  }
  .centercontent.hassharepage
  {
    padding-bottom: 460px;
  }

  .hasrightcol #sharepage + main
  {
    width: 733px;
  }
  html.norightcolumn .hasrightcol #sharepage + main
  {
    display: block;
  }
  #rightcol
  {
    width: 367px;
  }
}
@media (max-width:600px)
{
  #sharepage
  {
    left: 10px;
    width: 200px;
  }
}
html.norightcolumn main
{
  display: block;
  width: 100% !important;
}

#sitemessage
{
  position: fixed;
  overflow: hidden;
  left: 0;
  right: 0;
  top: 0;
  height: 0;
  overflow: hidden;
  transition: height 1s;
  z-index: 2; /* on top of items*/
  background-color: #333;
}
#sitemessage .container
{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#sitemessage .container.scrollable
{
  overflow-y: scroll;
}
#sitemessage .title
{
  font: normal 24px/24px 'sansa_stdbold', Arial, Helvetica, Sans-Serif;
  margin-bottom: 15px;
}
#sitemessage a
{
  color: #fff;
}
#sitemessage .inner
{
  padding: 20px 20px 30px;
  max-width: 1220px;
  margin: 0 auto;
  color: #fff;
  line-height: 22px;
}
#sitemessage .description
{
  display: table-cell;
  vertical-align: top;
  width: 827px;
}
#sitemessage .right
{
  display: table-cell;
  vertical-align: bottom;
  text-align: right;
  padding-top: 20px;
  width: 353px;
  float: none !important;
}
#sitemessage #agreecookies
{
  background-color: #71C815;
  color: #fff;
  text-transform: uppercase;
  padding: 11px 30px 11px 45px;
  height: 42px;
  display: inline-block;
  border: 0 none;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  text-align: left;
  font: normal 16px/20px 'sansa_stdnormal', Arial, Helvetica, Sans-Serif;
  opacity: 1;
  transition: opacity 0.3s;
}
#sitemessage #agreecookies .fa
{
  font-size: 22px;
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -11px;
}
#sitemessage #agreecookies:hover
{
  opacity: 0.8;
}
@media (max-width:800px)
{
  #sitemessage .description, #sitemessage .right
  {
    display: block;
    width: 100%;
  }
}



#topsearch
{
  position: fixed;
  overflow: hidden;
  left: 0;
  right: 0;
  top: 0;
  height: 0;
  overflow: hidden;
  transition: height 0.3s, margin-top 1s;
  z-index: 2; /* on top of items*/
}
html.topsearch #topsearch
{
  height: 60px;
}
#topsearch > .inner
{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  background-color: #73258d;
}
#topsearch form
{
  max-width: 430px;
  width: 100%;
  margin: 11px auto;
  padding: 0;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #666;
  height: 38px;
  position: relative;
}
#topsearch .searchsection.wh-pulldown
{
  font: normal 13px/38px 'sansa_stdnormal', Arial, Helvetica, Sans-Serif;
  color: #fff;
  position: absolute;
  right: 100%;
  margin-right: 35px;
  top: 0;
}
#topsearch .searchsection.wh-pulldown > .value
{
  text-align: right;
}
@media (max-width:452px)
{
  #topsearch form
  {
    width: auto;
    margin: 11px 11px;
  }
}

#topsearch form input
{
  padding: 8px 40px 8px 5px;
  width: 100%;
  display: block;
  height: 36px;
  border: 0 none;
  color: #666;
  background-color: transparent;
  font: normal 13px/20px 'sansa_stdnormal', Arial, Helvetica, Sans-Serif;
  outline: none;
}
#topsearch form button
{
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 36px;
  height: 36px;
  display: block;
  border: 0 none;
  font-size: 20px;
  color: #666;
  background-color: transparent;
  cursor: pointer;
}
#topsearch .togglesearch
{
  position: absolute;
  right: 20px;
  top: 16px;
  width: 26px;
  height: 26px;
  display: block;
  text-align: center;
  cursor: pointer;
}
@media (max-width:570px)
{
  #topsearch .togglesearch
  {
    display: none;
  }
}
#topsearch .togglesearch > span
{
  color: #fff;
  font-size: 26px;
  display: inline-block;
}
#topsearch .togglesearch > span
{
  margin-left: -3px;
}
#topsearch .togglesearch > span + span
{
  margin-left: 3px;
}

header > .logo
{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 324px;
  height: 114px;
}
html.business header > .logo
{
  width: 441px;
}
  html.stickymenu header > .logo
, header > .logo > .mobile
{
  display: none;
}
#mainnav > .logo
{
  position: absolute;
  width: 43px;
  height: 43px;
  display: none;
  top: 8px;
  left: 10px;
}
html.stickymenu #mainnav .logo
{
  display: block;
}


#mainnav
{
  background-color: #fff;
  position: absolute;
  bottom: 0px;
  height: 60px;
  left: 0;
  right: 0;
  box-shadow: 0 3px 3px 0 rgba(100,100,100,0.2);
}

#mainnav > .usernav
{
  display: none;
  list-style-type: none;
  position: absolute;
  top: 21px;
  left: 60px;
  height: 20px;
  font-size: 16px;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
#mainnav > .usernav > li
{
  margin-left: 10px;
  display: inline-block;
  height: 30px;
}
  #mainnav > .usernav > li.fa
, #mainnav > .usernav > li > a
, #mainnav > .usernav > li > span
{
  text-decoration: none;
  color: #6c217e;
  cursor: pointer;
  transition: color 0.3s;
}
#mainnav > .usernav > li.fa-heart
{
  font-size: 15px;
}
  #mainnav > .usernav > li.fa:hover
, #mainnav > .usernav > li > a:hover
{
  color: #D43600;
}
  #mainnav > .usernav > li > a
, #mainnav > .usernav > li > span
{
  display: block;
  height: 20px;
}
html.stickymenu #mainnav > .usernav
{
  display: block;
}
html.stickymenu #mainnav
{
  transition: top 0.3s;
  position: fixed;
  top: 0;
  bottom: auto;
}
html.topsearch.stickymenu #mainnav
{
  top: 60px;
}
#mainnav > .mainnav
{
  list-style-type: none;
  margin: 0;
  display: block;
  padding: 0 5px;
  text-align: right;
}
#mainnav > .mainnav > li
{
  display: inline-block;
  padding: 20px 1%;
  white-space: nowrap;
  position: relative;
}
#mainnav > .mainnav > li > *
{
  font: normal 20px/20px 'sansa_stdbold', Arial, Helvetica, Sans-Serif;
  text-transform: uppercase;
  text-decoration: none;
  transition: color 0.3s;
  cursor: pointer;
  vertical-align: top;
}
  #mainnav
, #mainnav .mainnav a
{
  color: #666;
}
  html.business #mainnav
, html.business #mainnav a
{
  color: #285673;
}

  #mainnav > .mainnav > li.haschildren > div
, .useroptions
{
  position: absolute;
  display: none;
  top: 45px;
  left: 50%;
  width: 0;
  height: 0;
}
.useroptions
{
  top: 20px;
}
#mainnav > .usernav .useroptions
{
  left: 75px;
}

.show-useroptions
{
  z-index: 1;
}

  #mainnav > .mainnav > li.haschildren > div:before
, .useroptions:before
{
  display: block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  font-size: 28px;
  color: #fff;
  position: absolute;
  top: -5px;
  left: -10px;
  z-index: 1; /* on top of menuitems */
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.useroptions:before
{
  top: -10px;
}
  #mainnav > .mainnav > li.haschildren > div:after
, .useroptions:after
{
  content: '';
  display: block;
  border-top: 10px solid #fff;
  position: absolute;
  top: 10px;
  left: -20px;
  width: 40px;
  z-index: 2; /* on top of :before */
}
  #mainnav > .mainnav > li.haschildren > div > ul
, .useroptions > ul
{
  position: absolute;
  left: 0;
  top: 10px;
  margin: 0 0 0 -105px;
  width: 210px;
  list-style-type: none;
  padding: 0 10px;
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  text-align: center;
}
  #mainnav > .mainnav > li.haschildren:hover > div
, #mainnav > .mainnav > li.haschildren:active > div
, .show-useroptions:hover > .useroptions
, .show-useroptions:active > .useroptions
{
  display: block;
}
  #mainnav > .mainnav > li.haschildren > div li
, .useroptions li
{
  padding: 8px 0;
}
  #mainnav > .mainnav > li.haschildren > div li + li
, .useroptions li + li
{
  border-top: 1px solid #ddd;
}
  #mainnav > .mainnav > li.haschildren > div a
, .useroptions a
, .useroptions span
{
  font: normal 13px/20px 'sansa_stdnormal', Arial, Helvetica, Sans-Serif;
  color: #222;
  text-decoration: none;
  text-transform: none;
  white-space: normal;
  text-transform: none;
  cursor: pointer;
}
  #mainnav > .mainnav > li > div a:hover
, #mainnav > .mainnav > li > div .active a
, .useroptions a:hover
, .useroptions span:hover
{
  color: #6c217e;
}
  html.business #mainnav > .mainnav > li > div a:hover
, html.business #mainnav > .mainnav > li > div .active a
{
  color: #D43600;
}

@media (max-width:1260px)
{
  #mainnav > .mainnav > li > *:not(.fa-bars)
  {
    font-size: 1.6vw;
  }
  #mainnav > .mainnav > li
  {
    padding: 20px 0.6vw;
  }
}
@media (max-width:1024px)
{
  #mainnav > .mainnav > li
  {
    display: none;
  }
    #mainnav > .mainnav > li.important
  , #mainnav > .mainnav > li.keepvisible
  {
    display: inline-block;
  }
  #mainnav > .mainnav > li
  {
    padding: 20px 0.6vw;
  }
  #mainnav > .mainnav > li > a
  {
    font-size: 1.8vw;
  }
}

  #mainnav > .mainnav > li > a:hover
, #mainnav > .mainnav > li > a:active
, #mainnav > .mainnav > li > a.active
, #mainnav > .mainnav > li > span:hover
, #mainnav > .mainnav > li > span:active
, #mainnav > .mainnav > li > span.active
{
  color: #e41e00;
}
#mainnav > .mainnav > li > *.fa
{
  font-family: 'FontAwesome';
}
@media (max-width:900px)
{
  #topnav > ul
  {
    padding: 10px 1.2vw 0;
  }
  #topnav .useroptions
  {
   left: -10px;
  }
  #topnav .useroptions:before
  {
    content: '';
  }
  #mainnav
  {
    height: 36px;
  }
  html.stickymenu #mainnav
  {
    height: 60px;
  }
  html.stickymenu #mainnav > .mainnav > li.keepvisible
  {
    margin-top: 15px;
  }

  #mainnav > .mainnav > li
  {
    padding: 5px 1.2vw 0;
  }

    header > .logo
  , html.business header > .logo
  {
    width: 192px;
    height: 67px;
  }
  header > .logo > .mobile
  {
    display: block;
  }
  header > .logo > .desktop
  {
    display: none;
  }

}
@media (max-width:800px)
{
  #mainnav > .mainnav > li:last-child
  {
    margin-left: 40px;
  }
  #mainnav > .mainnav > li.important
  {
    padding-right: 0.6vw;
  }
  #mainnav > .mainnav > li.important > a
  {
    font-size: 14px;
  }
}
@media (max-width:700px)
{
  #mainnav > .mainnav > li.important
  {
    display: none;
  }
}

/* mobile on home only */
#mobilemainnav
{
  list-style-type: none;
  padding: 0 0 0 10px;
  height: 45px;
  display: block;
  overflow: hidden;
  margin: -35px 0 0;
  display: none;
  text-align: left;
  white-space: nowrap;
}
#mobilemainnav > li
{
  display: inline-block;
}
#mobilemainnav > li > a
{
  color: #fff;
  display: block;
  text-decoration: none;
  outline: none;
  padding: 13px 10px;
  font: normal 14px/19px 'sansa_stdbold', Arial, Helvetica, Sans-Serif;
  text-transform: uppercase;
}
@media (max-width:600px)
{
  #mobilemainnav
  {
    display: block;
  }
}
@media (max-width:400px)
{
  #topnav .useroptions
  {
    left: -90px;
  }
  #mobilemainnav > li > a
  {
    font-size: 3.2vw;
  }
}


/* first level nav at bottom of pageimage */
#rfnav
{
  position: absolute;
  bottom: 0;
  height: 60px;
  left: 0;
  right: 0;
  background-color: rgba(255,255,255,0.75);
}
#rfnav > ul
{
  list-style-type: none;
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 20px;
  white-space: nowrap;
  display: block;
  text-align: left;
}
#rfnav > ul > li
{
  display: inline-block;
  height: 60px;
}
#rfnav > ul > li > a
{
  display: block;
  padding: 22px 15px;
  text-decoration: none;
  white-space: nowrap;
  text-transform: uppercase;
  font: normal 16px/20px 'sansa_stdbold', Arial, Helvetica, Sans-Serif;
  transition: color 0.3s;
}
#rfnav a
{
  color: #444;
}
html.business #rfnav a
{
  color: #285673;
}

#rfnav > ul > li.active > a
{
  background-color: rgba(255,255,255,0.75);
}
  #rfnav > ul > li > a:hover
, #rfnav > ul > li.active > a
{
  color: #6d1f84;
}
  html.business #rfnav > ul > li > a:hover
, html.business #rfnav > ul > li.active > a
{
  color: #D43600;
}

@media (max-width:800px)
{
  #rfnav
  {
    display: none;
  }
}

/* path */
#pathnav
{
  margin-top: -35px;
}
#pathnav ul
{
  list-style-type: none;
  margin: 0;
  padding: 25px 0;
  display: block;
}
#pathnav li
{
  display: inline-block;
  padding-right: 2px;
}
  #pathnav li
, #pathnav a
{
  color: #808080;
  font-size: 13px;
  line-height: 16px;
  white-space: nowrap;
  text-decoration: none;
}
#pathnav a:hover
{
  text-decoration: underline;
}
#pathnav li + li:before
{
  content: '\00bb';
  display: inline-block;
  padding: 0 5px 0 0;
}
#pathnav li.label + li:before
{
  content: '';
}

/* submenu in right column */
#subnav
{
  border: 1px solid #ccc;
  padding: 10px 19px;
  margin-bottom: 20px;
}
#subnav > ul
{
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#subnav > ul > li
{
  padding: 13px 0;
}
#subnav > ul > li + li
{
  border-top: 1px solid #ccc;
}
#subnav > ul > li > a
{
  text-decoration: none;
  color: #666;
  display: block;
  font: normal 16px/20px 'sansa_stdnormal', Arial, Helvetica, Sans-Serif;
  transition: color 0.3s;
}
  #subnav > ul > li.active > a
, #subnav > ul > li > a:hover
{
  color: #6d1f84;
}


footer
{
  height: 336px;
  position: absolute;
  color: #fff;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
footer > .background
{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  background-color: #000;
}
footer > .background > img
{
  width: 100%;
  height: auto;
  margin: auto 0;
  position: absolute;
  left: 0;
  right: 0;
  top: -9999px;/* center image */
  bottom: -9999px;
}
@media (max-width:621px)
{
  footer > .background > img
  {
    width: auto;
    height: 100%;
    margin: 0 auto;
    left: -9999px;/* center image */
    right: -9999px;
    top: 0;
    bottom: 0;
  }
}
  footer > .background .coloroverlay
, footer > .background .darkoverlay
{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #c71e00;
  opacity: 0.85;
}
footer > .background .darkoverlay
{
  background-color: #000;
  opacity: 0.2;
  bottom: 50px;
}
footer > .inner
{
  max-width: 1220px;
  margin: 0 auto;
  padding: 20px 20px 0;
  position: relative;
  height: 336px;
}
footer > .inner:after
{
  clear: both;
  content: '';
  display: block;
}
footer > .inner > div
{
  float: left;
  min-height: 250px;
  line-height: 26px;
  font-size: 15px;
}
footer > .inner > div b
{
  font: normal 16px/26px 'sansa_stdbold', Arial, Helvetica, Sans-Serif;
}
footer > .inner > div .phonebig
{
  font: normal 22px/26px 'sansa_stdbold', Arial, Helvetica, Sans-Serif;
}
footer > .inner > div p + p
{
  margin-top: 26px;
}
footer > .inner > div a
{
  text-decoration: none;
  color: #fff;
}
footer > .inner > div a:hover
{
  text-decoration: underline;
}
footer > .inner > .col1
{
  width: 30%;
  max-width: 360px;
  padding-right: 8px;
}
footer > .inner > .col2
{
  width: 30%;
  max-width: 480px;
  padding: 0 8px;
}
footer > .inner > .col3
{
  width: 40%;
  /* max-width: 340px; */
  padding-left: 10%;
}
footer .newsletter .fa-envelope
{
  font-size: 22px;
  position: relative;
  top: 1px;
  margin-right: 3px;
}
footer #newsletterform
{
  display: block;
  position: relative;
  margin: 20px 0 30px;
  padding: 0 45px 0 0;
}
footer #newsletterform input
{
  display: block;
  padding-top: 20px;
  border: 1px solid #fff;
  border-radius: 4px;
  height: 36px;
  line-height: 36px;
  background-color: transparent;
  color: #fff;
  font-size: 15px;
  padding: 0 10px;
  width: 100%;
  margin: 0;
  display: block;
  outline: none;
}
#newsletterform input::-webkit-input-placeholder
{
  font-style: italic;
  opacity: 0.6;
  color: #fff;
}
#newsletterform input:-moz-placeholder
{ /* Firefox 18- */
  font-style: italic;
  opacity: 0.6;
  color: #fff;
}
#newsletterform input::-moz-placeholder
{  /* Firefox 19+ */
  font-style: italic;
  opacity: 0.6;
  color: #fff;
}
#newsletterform input:-ms-input-placeholder
{
  font-style: italic;
  opacity: 0.6;
  color: #fff;
}
footer #newsletterform button
{
  -webkit-appearance:none;
  width: 36px;
  height: 36px;
  cursor: pointer;
  border: 1px solid #fff;
  border-radius: 100%;
  background-color: transparent;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  padding: 0;
  color: #fff;
  font-size: 26px;
}
footer #newsletterform button > .fa
{
  position: relative;
  top: -2px;
  left: 2px;
}

footer .button
{
  text-transform: uppercase;
  font: normal 16px/16px 'sansa_stdnormal', Arial, Helvetica, Sans-Serif;
  text-align: center;
  display: block;
  border: 1px solid #fff;
  outline: none;
  border-radius: 4px;
  text-decoration: none;
  color: #fff;
  padding: 15px;
  margin: 26px 0;
  background-color: transparent;
  transition: background-color 0.3s;
}
footer .button:hover
{
  background-color: rgba(255,255,255,0.3);
}
footer .followus
{
  color: #fff;
  text-align: right;
  white-space: nowrap;
}
footer .followus > span
{
  float: left;
  line-height: 36px;
}
footer > .inner > div .followus a
{
  display: inline-block;
  margin-left: 3px;
  text-align: center;
  background-color: #fff;
  height: 36px;
  width: 36px;
  border-radius: 100%;
  padding-top: 5px;
  color: #811301;
  font-size: 24px;
  text-decoration: none;
  transition: opacity 0.3s;
}
footer .followus a:hover
{
  opacity: 0.85;
}
@media (max-width:1060px)
{
  footer > .inner > .col3
  {
    padding-left: 28px;
  }
}
@media (max-width:960px)
{
    footer > .inner > .col1
  , footer > .inner > .col2
  {
    width: 50%;
    max-width: 100%;
  }
  footer > .inner > .col3
  {
    clear: left;
    width: 100%;
    padding-left: 50%;
    margin-top: -40px;
  }
    footer > .inner > .col3 > .newsletter
  , footer #newsletterform
  {
    display: none;
  }
  footer .followus
  {
    margin-left: 8px;
  }
  footer .followus > span
  {
    float: none;
    margin-right: 10px;
  }
}
@media (max-width:660px)
{
  footer > .inner > .col1
  {
    width: 100%;
  }
  footer > .inner > .col2
  {
    display: none;
  }
  footer > .inner > .col3
  {
    padding-left: 0;
  }
  footer .followus
  {
    margin-left: 0;
  }
}
@media (max-width:600px)
{
  footer .followus
  {
    display: none;
  }
}

#footernav
{
  position: absolute;
  bottom: 0;
  height: 50px;
  left: 0;
  right: 0;
  padding: 15px 20px;
}
#footernav:after
{
  clear: both;
  content: '';
  display: block;
}
#footernav .left
{
  float: left;
}
#footernav .right
{
  float: right;
}
#footernav ul
{
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#footernav ul > li
{
  display: inline-block;
  line-height: 20px;
}
#footernav ul > li + li
{
  margin-left: 15px;
}
#footernav a
{
  color: #fff;
  text-decoration: none;
}
#footernav a:hover
{
  text-decoration: underline;
}
@media (max-width:730px)
{
  #footernav .right
  {
    display: none;
  }
}
@media (max-width:550px)
{
  #footernav a
  {
    font-size: 12px;
  }
  #footernav ul > li + li
  {
    margin-left: 10px;
  }
}

#whitesiteoverlay
{
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  opacity: 0;
  background-color: #fff;
  display: none;
  z-index: 1000;/* on top of top navigation */
  transition: opacity 0.5s;
}
html.sidemenu #whitesiteoverlay
{
  opacity: 0.8;
}

/* foldout sidemenu right */
#sidemenu
{
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: 0;
  z-index: 1001;
  transition: width 0.5s;
  overflow: hidden;
}
html.sidemenu #sidemenu
{
  width: 300px;
}
#sidemenu .sidemenuwrapper
{
  position: absolute;
  left: 0;
  width: 300px;
  top: 0;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #928E6E;
}
#sidemenu .sidemenuwrapper > ul
{
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
#sidemenu .sidemenuwrapper > ul > li
{
  display: block;
  height: 50px;
  cursor: pointer;
  border-bottom: 1px solid #fff;
  background-color: #928E6E;
}
#sidemenu .sidemenuwrapper a
{
  padding: 15px 20px 15px 15px;
  color: #fff;
  text-decoration: none;
  display: block;
  position: relative;
}
#sidemenu .sidemenuwrapper li.haschildren > a
{
  padding-right: 40px;
}
#sidemenu .sidemenuwrapper > ul > li.active > a
{
  background-color: #491458;
}
#sidemenu .sidemenuwrapper > ul > li.haschildren > ul
{
  display: none;
}
#sidemenu .sidemenuwrapper > ul > li.active.haschildren
{
  height: auto;
  min-height: 50px;
  background-color: #6d1f84;
}
#sidemenu .sidemenuwrapper > ul > li.active.haschildren > ul
{
  display: block;
}
#sidemenu .sidemenuwrapper > ul > li > ul
{
  list-style-type: none;
  margin: 0;
  padding: 8px 0;
}
#sidemenu .sidemenuwrapper > ul > li > ul > li
{
  height: 36px;
}
#sidemenu .sidemenuwrapper > ul > li > ul > li > a
{
  padding: 8px 20px 8px 15px;
  opacity: 0.7;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: opacity 0.3s;
}
  #sidemenu .sidemenuwrapper > ul > li > ul > li > a:hover
, #sidemenu .sidemenuwrapper > ul > li > ul > li.active > a
{
  opacity: 1;
}
#sidemenu .sidemenuwrapper > ul > li > a
{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font: normal 15px/20px 'sansa_stdbold', Arial, Helvetica, Sans-Serif;
  text-transform: uppercase;
}
#sidemenu .sidemenuwrapper li > a > .fa
{
  position: absolute;
  top: 10px;
  right: 14px;
  font-size: 26px;
}
#sidemenu .sidemenuwrapper > ul > li.togglesidemenu
{
  position: relative;
  padding: 15px 20px 15px 15px;
  background-color: #C1B890;
  overflow: hidden;
}
#sidemenu .togglesidemenu > .fa-stack
{
  position: absolute;
  top: -3px;
  right: 0;
  color: #491458;
  font-size: 26px;
}
#sidemenu .togglesidemenu .fa-stack span
{
  margin-left: -3px;
}
#sidemenu .togglesidemenu .fa-stack span + span
{
  margin-left: 3px;
}
#sidemenu .sidemenuwrapper li.itemsrow
{
  position: relative;
}
#sidemenu .sidemenuwrapper li.itemsrow > .togglesearch
{
  width: 60px;
  height: 50px;
  position: absolute;
  top: 0;
  left: 0;
  border-right: 1px solid #fff;
}
#sidemenu .sidemenuwrapper li.itemsrow > .togglesearch .fa
{
  position: absolute;
  top: 10px;
  left: 15px;
  color: #fff;
  font-size: 26px;
}
#sidemenu .sidemenuwrapper li.itemsrow > .language
{
  width: 60px;
  height: 50px;
  display: block;
  position: absolute;
  top: 0;
  left: 180px;
  border-left: 1px solid #fff;
  text-align: center;
}
#sidemenu .sidemenuwrapper li.itemsrow > .language + .language
{
  left: 240px;
}
#sidemenu .contactinfo
{
  padding: 20px 10px 20px 15px;
  color: #fff;
  font-size: 14px;
  line-height: 26px;
}
#sidemenu .contactinfo b
{
  font: normal 16px/26px 'sansa_stdbold', Arial, Helvetica, Sans-Serif;
}
#sidemenu .contactinfo .phonebig
{
  font: normal 22px/26px 'sansa_stdbold', Arial, Helvetica, Sans-Serif;
}
#sidemenu .contactinfo p + p
{
  margin-top: 20px;
}
#sidemenu .contactinfo a
{
  text-decoration: none;
  color: #fff;
  display: inline;
  padding: 0;
}


/* more btn used in programme and sitesearch */
#moreresults
{
  color: #fff;
  display: none;
  margin: 18px auto 60px;
  max-width: 700px;
  padding: 14px;
  text-align: center;
  height: 60px;
  cursor: pointer;
  border-radius: 4px;
  font: normal 24px/24px 'sansa_stdnormal', Arial, Helvetica, Sans-Serif;
  position: relative;
}
  html.loadingresults #moreresults .more
, #moreresults .loading
{
  display: none;
}
#moreresults .more
{
  position: relative;
}
#moreresults .more > .fa
{
  font-size: 43px;
  position: absolute;
  left: 50%;
  margin-left: -22px;
  top: 45px;
  transition: top 0.2s;
}
#moreresults:hover .more > .fa
{
  top: 49px;
}
html.loadingresults #moreresults .loading
{
  display: block;
}
#moreresults.active
{
  display: block;
}

  #resultscount
, #loadingresults
{
  padding: 20px 0;
  font: normal 16px/16px 'sansa_stdnormal', Arial, Helvetica, Sans-Serif;
  color: #222;
}
  html.programme #resultscount
, html.programme #loadingresults
{
  padding: 20px 20px 0;
}
  #resultscount .multi
, #resultscount.single .single
{
  display: inline-block;
}
  #resultscount .single
, #resultscount.single .multi
, #loadingresults
, html.loadingresults #resultscount
{
  display: none;
}
html.loadingresults #loadingresults
{
  display: block;
}
@media (max-width:600px)
{
    html.programme #resultscount
  , html.programme #loadingresults
  {
    padding: 20px;
  }
  #selectedsearchfilters
  {
    padding-top: 0;
  }
}


/* summary */
#searchresults
{
  padding-bottom: 40px;
}
#rtddoc + .summary
{
  margin-top: -60px;
}
.summary
{
  list-style-type: none;
  margin: 0;
  padding: 0 0 100px;
  border-top-width: 1px;
  border-top-style: solid;
}
#searchresults .summary
{
  padding-bottom: 10px;
}
.summary > li
{
  display: block;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.summary > li > a
{
  display: block;
  text-decoration: none;
  color: #444;
  position: relative;
  padding: 10px 30px 10px 0;
}
.summary > li > a.withthumb
{
  padding-left: 90px;
  min-height: 82px;
}
.summary > li > a > .date
{
  font: normal 12px/12px 'sansa_stdnormal', Arial, Helvetica, Sans-Serif;
  display: block;
  color: #5E5E5E;
  white-space: nowrap;
  margin-top: -3px;
  margin-bottom: 8px;
}
.summary > li > a > .thumb
{
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -40px;
}
.summary > li > a > .title
{
  display: block;
  font: normal 14px/14px 'sansa_stdbold', Arial, Helvetica, Sans-Serif;
  margin-bottom: 5px;
}
.summary > li > a > .description
{
  display: block;
}
.summary > li > a > .fa-angle-right
{
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -15px;
  font-size: 30px;
}


  .wh-popup-chrome.theme-wilmink-video
, .wh-popup-chrome.theme-wilmink-video .wh-popup-body
, .wh-popup-chrome.theme-wilmink-photoalbum
, .wh-popup-chrome.theme-wilmink-photoalbum .wh-popup-body
{
  width: 100%;
  height: 100%;
}
.wh-modalitylayer
{
  background-color: rgba(0,0,0,0.9);
  z-index: 1000;
}
.wh-popup-container
{
  overflow: hidden !important;
  z-index: 1001;/* ontop of fixed header */
}
.wh-popup-chrome.theme-wilmink-photoalbum .wh-popup-container, #videodialog
{
  background-color: #000;
}
#videodialog, #photoalbumdialog
{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  color: #fff;
}
#videodialog > .slidevideo
{
  position: relative;
  height: 100%;
  width: 100%;
  padding: 40px 0 0;
}
#videodialog > .slidevideo > .title
{
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 10px 45px 10px 15px;
  color: #fff;
  cursor: pointer;
  font: normal 15px/19px 'sansa_stdnormal', Arial, Helvetica, Sans-Serif;
}
#videodialog > .slidevideo > .title > .close
{
  position: absolute;
  top: -8px;
  right: 0;
  font-size: 26px;
}
#videodialog > .slidevideo > .title > .close span
{
  margin-left: -3px;
}
#videodialog > .slidevideo > .title > .close span + span
{
  margin-left: 3px;
}
#videodialog > .slidevideo > .wh-video
{
  position: relative;
  max-width: 1080px;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
  #videodialog > .slidevideo > .wh-video > img
, #videodialog > .slidevideo > .play
, #videodialog > .slidevideo > .gradient
{
  display: none;
}
@media (max-width:640px)
{
  #videodialog, .wh-popup-chrome
  {
    width: 100%;
  }
}
#photoalbumdialog > .topbar
{
  height: 45px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #000;
}
#photoalbumdialog > .topbar > .close
{
  font-size: 22px;
  position: absolute;
  left: 0;
  top: 0;
  padding: 11px 0 0 15px;
  cursor: pointer;
  height: 45px;
  width: 45px;
}
#photoalbumdialog > .topbar > .position
{
  display: block;
  position: absolute;
  left: 60px;
  top: 14px;
}
#photoalbumdialog > .topbar > .title
{
  position: absolute;
  left: 100px;
  right: 100px;
  top: 12px;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  font: normal 19px/19px 'sansa_stdnormal', Arial, Helvetica, Sans-Serif;
}
#photoalbumdialog > .slideshow
{
  position: absolute;
  top: 75px;
  right: 10px;
  bottom: 30px;
  left: 10px;
}
#photoalbumdialog > .slideshow > .wh-slideshow
{
  position: absolute;
  top: 0;
  right: 60px;
  bottom: 0;
  left: 60px;
  overflow: hidden;
}
#photoalbumdialog > .slideshow > .wh-slideshow > .wh-slideshow-item
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  white-space: nowrap;
  text-align: center;
}
#photoalbumdialog > .slideshow > .wh-slideshow img
{
  position: absolute;
  top: 50%;
  left: 50%;
}
#photoalbumdialog > .slideshow > .wh-slideshow.loaded img
{
  transition: all 0.3s;
}


  #photoalbumdialog > .slideshow > .previous
, #photoalbumdialog > .slideshow > .next
{
  position: absolute;
  top: 50%;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  text-align: center;
  padding-top: 3px;
  background-color: #000;
  opacity: 0.3;
  transition: opacity 0.3s;
  font-size: 26px;
}
  #photoalbumdialog > .slideshow > .previous.active
, #photoalbumdialog > .slideshow > .next.active
{
  opacity: 1;
  cursor: pointer;
}
#photoalbumdialog > .slideshow > .previous
{
  left: 0;
}
#photoalbumdialog > .slideshow > .next
{
  right: 0;
}


/**/
#wishlist
{
  position: absolute;
  top: 130px;
  right: 0;
  max-width: 620px;
  height: 0;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 10px 10px 0 rgba(100,100,100,0.2);
  overflow: hidden;
  transition: height 0.5s;
}
html.stickymenu #wishlist
{
  position: fixed;
  top: 60px;
}
html.stickymenu.topsearch #wishlist
{
  top: 120px;
}

#wishlist > .inner
{
  position: relative;
  top: 0;
  width: 100%;
  padding: 20px;
}
#wishlist > .inner > .header
{
  margin: -20px -20px 20px;
  padding: 20px 20px 20px 70px;
  color: #fff;
  position: relative;
  font: normal 24px/34px 'sansa_stdnormal', Arial, Helvetica, Sans-Serif;
}
#wishlist > .inner > .header .fa-heart
{
  position: absolute;
  left: 20px;
  top: 50%;
  font-size: 34px;
  margin-top: -15px;
}
#wishlist .fa-stack
{
  cursor: pointer;
  position: absolute;
  top: -5px;
  right: -8px;
  font-size: 25px;
}
#wishlist .header .fa-stack
{
  top: 12px;
  right: 19px;
}
#wishlist .fa-stack span
{
  margin-left: -6px;
}
#wishlist .fa-stack span + span
{
  margin-left: 0;
}
#wishlist ul .fa-stack.favorite
{
  height: 40px;
  width: 35px;
  overflow: hidden;
  color: #D43600;
}
#wishlist .listcontainer
{
}
#wishlist .listcontainer.scrollable
{
  overflow-y: scroll;
  margin: -19px -20px 0 0;
  padding: 20px 20px 20px 0;
}
  #wishlist .noresults
, #wishlist.noresults ul
{
  display: none;
}
#wishlist.noresults .noresults
{
  display: block;
}
#wishlist ul
{
  list-style-type: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  transition: opacity 1.5s;
  border-top: 1px solid #702189;
  display: block;
}
#wishlist ul > li
{
  display: block;
}
#wishlist ul > li > div
{
  display: block;
  position: relative;
  min-height: 103px;
  text-decoration: none;
  color: #000;
  padding-right: 120px;
  max-width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #702189;
}
#wishlist ul > li > div > .baseinfo
{
  display: block;
  position: relative;
  min-height: 103px;
  text-decoration: none;
  color: #000;
  padding: 15px 0 15px 135px;
}
#wishlist ul .thumb
{
  width: 102px;
  height: 102px;
  padding: 1px 0;
  position: absolute;
  transform: translate3d(0,0,0); /* Chrome bug column layout. Fix:force hardware acceleration */
  top: 50%;
  margin-top: -51px;
  left: 0;
}
#wishlist ul .day
{
  display: block;
  position: absolute;
  transform: translate3d(0,0,0); /* Chrome bug column layout. Fix:force hardware acceleration */
  top: 50%;
  left: 80px;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  color: #fff;
  text-align: center;
  font: normal 20px/40px 'sansa_stdbold', Arial, Helvetica, Sans-Serif;
}
#wishlist ul .date
{
  font: normal 12px/16px 'sansa_stdnormal', Arial, Helvetica, Sans-Serif;
  color: #5E5E5E;
}
#wishlist ul .date .lowestprice
{
  text-transform: uppercase;
  font: normal 12px/16px 'sansa_stdbold', Arial, Helvetica, Sans-Serif;
}
#wishlist ul .title
{
  display: inline-block;
  padding: 5px 0;
  font: normal 18px/18px 'sansa_stdbold', Arial, Helvetica, Sans-Serif;
}
#wishlist ul .subtitle
{
  font: normal 16px/16px 'sansa_stdnormal', Arial, Helvetica, Sans-Serif;
}
#wishlist ul .state
{
  display: block;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  right: 0;
  font: normal 15px/19px 'sansa_stdnormal', Arial, Helvetica, Sans-Serif;
  text-transform: uppercase;
  white-space: nowrap;  text-decoration: none;
}
#wishlist ul .state > *
{
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  text-decoration: none;
}
#wishlist ul .state > .canorder
{
  margin-right: 25px;
}
#wishlist ul .state.soldout
{
  -ms-transform: rotate(-45deg) translate(-10px, -10px);
  -webkit-transform: rotate(-45deg) translate(-10px, -10px);
  transform: rotate(-45deg) translate(-10px, -10px);
}
#wishlist ul .state.canceled
{
  -ms-transform: rotate(-45deg) translate(-15px, -10px);
  -webkit-transform: rotate(-45deg) translate(-15px, -10px);
  transform: rotate(-45deg) translate(-15px, -10px);
}
#wishlist ul .state:before
{
  content: '';
  width: 0;
  height: 100%;
  line-height: 100%;
  vertical-align: middle;
  display: inline-block;
}
@media (max-width:900px)
{
  #wishlist
  {
    top: 80px;
  }
}
@media (max-width:620px)
{
  #wishlist ul > li > div > .baseinfo
  {
    min-height: 83px;
    padding: 10px 0 10px 110px;
  }
  #wishlist ul > li > div
  {
    min-height: 83px;
  }
  #wishlist ul .thumb
  {
    width: 82px;
    height: 82px;
    margin-top: -41px;
  }
  #wishlist ul .day
  {
    left: 60px;
  }
  #wishlist ul .day + .day
  {
    display: none;
  }
  #wishlist ul .title
  {
    font-size: 16px;
    line-height: 16px;
  }
  #wishlist ul .subtitle
  {
    font-size: 14px;
    line-height: 14px;
  }
  #wishlist ul .state
  {
    display: none;
  }
  #wishlist ul > li > div
  {
    padding-right: 20px;
  }
  #wishlist > .inner
  {
    padding-left: 10px;
  }
}


/**/
.notification
{
  display: block;
  position: fixed;
  right: 20px;
  top: 50%;
  margin-top: -35px;
  min-height: 70px;
  max-width: 350px;
  padding: 15px 20px 15px 60px;
  box-shadow: 7px 7px 10px 0 rgba(0, 0, 0, 0.6);
  font: normal 15px/19px 'sansa_stdnormal', Arial, Helvetica, Sans-Serif;
  opacity: 0;
  color: #fff;
  transition: opacity 0.6s;
  white-space: nowrap;
  z-index: 1000;
  border-radius: 4px;
}
.notification:before
{
  content: '';
  width: 0;
  height: 100%;
  line-height: 100%;
  vertical-align: middle;
  display: inline-block;
}
.notification.active
{
  opacity: 1;
}
.notification .icon
{
  position: absolute;
  top: 50%;
  font-size: 34px;
  margin-top: -17px;
  left: 15px;
}
.notification .message
{
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
}

/**/
.wh-dialog
{
  background-color: #fff;
  max-width: 530px;
  padding: 20px 40px 20px 20px;
}
.wh-dialog .wh-popup-action-close
{
  color: #000;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  font-size: 25px;
}
.wh-dialog .title
{
  font: normal 24px/24px 'sansa_stdbold', Arial, Helvetica, Sans-Serif;
  margin-bottom: 20px;
}
.wh-dialog p
{
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 22px;
}
.wh-dialog .wh-popup-action-close.fa-stack .fa + .fa
{
  margin-left: 6px;
}