/*******
  Overrides
  These are to alter existing styles where code has been reused
*******/
div#breadcrumb,  div#search, #extrasList{padding-left: 0;}
div#breadcrumb,  div#search, #extrasList, div#search-overview{margin-left: 0;}
div#hotel-dates{width: auto; margin-left: 0;}
div#hotel-copy p{font-size: 13px;}
div#average p.percentage{font-size:16px;}
div#average p.average{margin-top: 0;}
div#arrival-insurance{width:200px;margin-top: 24px;}
div#arrival-insurance h4.assurance {
  background: url(//www.hoteldirect.co.uk/img/icons.png) no-repeat 1px 0;
  padding: 6px 0 0 39px;
  height: 25px;
  border-bottom: none;
  margin: 9px 0 0 0;
  color: #666;
}
div#arrival-insurance p.assurance {margin: -2px 0 21px 0;color: #666;}

/*******
  New style, new semantic elements
*******/
#main-content{margin-top: 16px;}
#main-content-nav {margin-bottom: 20px;}
#main-content-nav .unit{text-align: center;}
#main-content-nav a{
  display: block; padding: 10px 0;
  line-height: 20px; border:1px solid #b8b7c5;
  font-size: 14px; background-color: #f8f8f8;
  border-width: 0 1px 0 0;
}
#main-content-nav .last a{border-width: 0;}
#main-content-nav a:hover, #main-content-nav .selected a{
  background-color: #fff; color: #333; text-decoration: none;}
#main-content-nav .selected a:hover{cursor: default;}
.hidden{display:none;}
div#unit-reviews{padding:0 0 0 28px;}
div#unit-reviews img{display: inline-block;}
div#reviews p strong:after {
    content: url('//www.hoteldirect.co.uk/img/close_quotation.gif');
    padding-left:4px;}
div#reviews p strong:before {
    content: url('//www.hoteldirect.co.uk/img/open_quotation.gif');
    padding-right: 4px;}

/***** SLIDER specific *****/
#slideshow, #thePager {overflow: hidden;}
#containerThumb, #containerSlider {position: relative;}
#containerThumb{padding-top:10px;}
#containerThumb:hover .thumbnext,
#containerThumb:hover .thumbprev,
#containerSlider:hover .slidernext,
#containerSlider:hover .sliderprev  {display: block;cursor: pointer;}
#containerThumb .thumbnext, #containerThumb .thumbprev,
#containerSlider .slidernext, #containerSlider .sliderprev {
  position: absolute; left: 0; width: 30px; height: 40px;
  z-index: 100; }
#containerThumb .thumbnext, #containerThumb .thumbprev{top: 62px;}
#containerSlider .slidernext, #containerSlider .sliderprev{top: 45%;}
#thePager span {display: inline-block;}
#thePager span:hover {cursor: pointer;}
#thePager span.thumb-spacer:hover {cursor: default;}
#thePager div span:first-child{padding-left: 0px;}
#thePager div{font-size: 0}


/*
  =================================================================================
  Hidden gem page styles. Requires <div id="main-content" class="line hiddengem">
  =================================================================================
*/
#hidden-gem-main-asset{
  width: 540px;
  height: 227px;
}
#page-title .book_hotel_button{
  margin:5px 0 0 0;
}
#hotel-map{
  margin-top:0px;
}
#gem-phone-cta{
  border: 1px solid #b8b7c5;
  width: 210px;
  margin-top: 32px;
  margin-bottom: 20px;
}
#gem-phone-cta p{
  color: #8b8787;
  line-height: 20px;
  padding: 8px;
  font-size: 16px;
}
#main-content.hiddengem{margin-top:0;}
#main-content.hiddengem #main-content-nav{
  margin-top:15px;
}
#main-content.hiddengem ul.tick-list {
  margin-top: 10px
}
#main-content.hiddengem ul.tick-list li {
  background: url(//www.hoteldirect.co.uk/img/icons.png) 1px 0 no-repeat;
  padding: 0 0 0 39px;
  font-size: 12px;
  line-height: 15px;
  font-weight: bold;
  display: block;
  height: 40px;
color: #615f5f;
}

#gemList h4{
  font-size: 14px;
  color: #615f5f;
}
#gemList.line{
  padding: 12px;
  border:solid 1px #bbbabf;
  border-width: 0 1px 1px 1px;
  -moz-box-shadow:0 5px 8px #aaa;
  -webkit-box-shadow:0 5px 8px #aaa;
  box-shadow:0 5px 8px #aaa;
}

#gemList .unit-1 ul{
    border-right: 1px solid #bbbabf;
}

#gemList .unit-2{
  padding-left: 19px;
}



/*
  =================================================================================
  RESETS FOR 1024 x 768 screen res + some defaults to apply to larger screen res
  =================================================================================
*/
div.col248{width: 237px;}
div#container, div#header, div#nav, div#subnav, div#footer{width:988px;margin:0 auto;}
#main-content > div{width: 540px;}
div#reviews div.review.top {padding-bottom: 0; margin-bottom: 5px;}
div#reviews div.review{margin-bottom: 5px;}
div#availability {margin-top: 3px;}
div#availability h3{width: 408px;margin-top: 3px;}
div#reviews{width:180px;}
div#overview div#includes{width: 550px;}
#containerThumb .thumbnext, #containerSlider .slidernext {left: 720px;}
div#thePager, div#slideshow, div#slideshow img, div.col700, #containerThumb, #containerSlider, #containerAll {width: 750px;}
div#thePager, div#thePager span img{height:114px;}
div#slideshow, div#slideshow img{height: 315px;}
div#thePager span img {width: 120px;}
div#thePager span{padding-left: 5px;}
div#book-secure{width:auto;}

  /*
    =================================================================================
    #hotel-container.narrow layout
    =================================================================================
  */
  .narrow div#arrival-insurance{ margin-top: 24px;}
  .narrow #thePager div span:first-child{padding-left: 0;}
  .narrow div#containerAll,
  .narrow div#containerSlider,
  .narrow div#slideshow img,
  .narrow div#containerThumb,
  .narrow div#slideshow,
  .narrow div#thePager{width: 550px;}
  .narrow div#slideshow,
  .narrow div#slideshow img{height: 231px;}
  .narrow div#thePager,
  .narrow div#thePager span img{height: 84px;}
  .narrow div#thePager span img {width: 88px;}
  .narrow #containerThumb .thumbnext,
  .narrow #containerSlider .slidernext{left: 520px;}
  .narrow #containerThumb .thumbnext,
  .narrow #containerThumb .thumbprev{top: 40px;}
  .narrow div#thePager span {padding-left: 4px;}


/*
  =================================================================================
  Media Query FOR 1030px + Screen Res AND #containerAll.narrow layout
  =================================================================================


@media (min-width: 1030px) {
*/
  #main-content.hiddengem ul.tick-list li {line-height: 30px;height: 31px;}
  #hidden-gem-main-asset{width: auto;height: auto;}
  div#container, div#header, div#nav, div#subnav, div#footer{width:1094px}
  #main-content > div{width: 648px;}
  div#availability h3{width: 517px;}
  div#reviews{width:180px;}
  div#overview div#includes{width: 655px;}
  #containerThumb .thumbnext, #containerSlider .slidernext {left: 827px;}
  div#thePager, div#slideshow, div#slideshow img, div.col700, #containerThumb, #containerSlider, #containerAll {width: 857px;}
  div#thePager, div#thePager span img{height:130px;}
  div#slideshow, div#slideshow img{height: 360px;}
  div#thePager span img {width: 137px;}
  div#thePager span{padding-left: 7px;}

    /*
      =================================================================================
      #containerAll.narrow layout
      =================================================================================
    */
    .narrow div#arrival-insurance{ margin-top: 48px;}
    .narrow #thePager div span:first-child{padding-left: 0;}
    .narrow div#containerAll,
    .narrow div#containerSlider,
    .narrow div#slideshow img,
    .narrow div#containerThumb,
    .narrow div#slideshow,
    .narrow div#thePager{width: 648px;}
    .narrow div#slideshow,
    .narrow div#slideshow img{height: 272px;}
    .narrow div#thePager,
    .narrow  div#thePager span img{height: 98px;}
    .narrow div#thePager span img {width: 103px;}
    .narrow #containerThumb .thumbnext,
    .narrow #containerSlider .slidernext{left: 618px;}
    .narrow #containerThumb .thumbnext,
    .narrow #containerThumb .thumbprev{top: 46px;}
    .narrow div#thePager span {padding-left: 6px;}
    /*
}
*/


div#tb_promo{
	width:220px;
	margin-top: 40px;
	margin-bottom:40px;
	background-color:#333;
}
div#tb_promo h4 {
  margin-left:10px;
  padding: 5px 0 5px 0;
  font-size:19px;
  color: #ffffff;
}
div#tb_promo select {
  margin-left:10px;
  width:200px;
}
div#tb_promo p.hotel {
  margin-left:10px;
  padding: 0 5px 5px 0;
  font-height:16px;
  font-size:16px;
  color:#00ff00;
}
div#tb_promo p.gap {
  font-height:10px;
  font-size:10px;
}

div#tb_promo.hotel {
	position:relative;
}

div#tb_promo.hotel a {
	display:block;
}

div#tb_promo.hotel #add-theatre-ticket {
	position:absolute;
	left:0;
	bottom:0;
	background:#444;
	background:rgba(0, 0, 0, 0.7);
	width:100%;
	padding-top:4px;
	padding-bottom:7px;
}

div#tb_promo.hotel #add-theatre-ticket h4 {
	font-size:21px;
	line-height:27px;
	font-weight:normal;
	margin:0 10px;
	padding:0;
}

div#tb_promo.hotel #add-theatre-ticket p.hotel {
	font-size:16px;
	line-height:22px;
	font-weight:normal;
	color:#8eff85;
	margin:0 10px;
	padding:0;
}

div#tb_promo.hotel #add-theatre-ticket select {
	font-size:14px;
	color:#444;
	border:1px solid #707070;
}