/* box offer */

.box-image{overflow: hidden;display: block; -moz-border-radius: 5px 5px 0 0; -webkit-border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0; background-repeat: no-repeat; background-position: center center; width: 100%}
.offer-list{margin: 0; padding: 0; list-style: none}
.box-offer{background: #e3efff;}
.box-offer .box-image{height: 100px;}
.box-offer .box-wrapper{border: 1px solid #fff; display: block; -moz-border-radius: 5px; -webkit-border-radius: 5px;text-decoration: none; }
.box-offer:hover{border-color: #0d6281}

.box-offer .box-content{background: url(../images/sprites-layout.png) no-repeat left -230px; display: block; margin-top: -15px; padding: 15px 10px 5px; color: #194987}
.box-offer .offer-title{display: block; font-size: 14px; color: #012B52}


/* offer-col3 */
.offer-col3{width: 179px; margin: 0 8px 5px 12px; float: left; align: left}
.offer-col3 .box-offer{height: 221px; background:#ffffff} /*.offer-col3 .box-offer{height: 253px; background:#ffffff}*/
.offer-col3 .box-image{height:auto}
.offer-col3 .box-content{background: url(../images/sprites-layout.png) no-repeat -184px -240px; display: block; margin-top: -15px; padding: 20px 10px 10px; color: #194987; font-size: 12px; height: 80px; position: relative}
.offer-col3 .box-content .hotel-cat{margin-bottom:0}
.offer-col3  .offer-title{font-size: 16px; margin-top: 0} /*.offer-col3  .offer-title{font-size: 20px; margin-top: 0}*/



/* offer list, offer list teaser */
.offer-list,
.offer-list-teaser{list-style: none; margin: 0; padding: 0;}
.offer-list li,
.offer-list-teaser li{display: block; clear: both; overflow: hidden; padding: 1px;}
.offer-list-teaser li{padding: 10px; margin-bottom: 0; border-bottom: 1px dotted #e5e5e5}
.offer-list li.odd{}
.offer-list li.even,
.offer-list-teaser li.even{background: #F0F9FE;}
.offer-list-teaser li.last,
.offer-list-teaser li:last-child{border-bottom: none}

.offer-list li:hover{background: #E3EDF9}
.offer-list li a:hover{color: #004EAC; text-decoration: none}
.offer-list li a:hover .price{text-decoration: underline}

.offer-list li.odd.featured,
.offer-list li.even.featured{background: none}
.offer-list a{color: #002B53}

.offer-list .dr-media-wrapper{ overflow: hidden; margin: 0; width: 100%}
.offer-list .dr-media-wrapper a{display: block; }
.offer-list .dr-content-wrapper{width: 100%;}
.offer-list .dr-content-wrapper a{display: block; padding: 3px 10px 2px; overflow: hidden}
.offer-list .dr-content-wrapper a,
#sidebar .offer-list .dr-content-wrapper a{color:#808080;}
.offer-list-teaser .dr-content-wrapper p{margin-bottom: 0; line-height: 18px}
.offer-list a strong{color: #004EAC; text-decoration: underline}

.offer-list .price{ float: right; font-size: 11px;}
.offer-list .price strong{ font-size: 13px; text-decoration: none}
.offer-list .hotel-cat{float: left; margin-left: 5px}
.offer-list .title{float: left; font-weight: normal}
.offer-list .link{background-position: right -458px; padding-right: 20px}
.offer-list a:hover .link{background-position: right -477px;}

.offer-list .featured{margin-bottom: 0}
.offer-list .featured .box-image{ position: relative; background-position: top left; }
.offer-list .featured .box-image strong{position: absolute; bottom: 0; left: 10px; font-size: 14px}

/* offer list box */
.offer-list-box{list-style: none; margin: 0; padding: 15px; overflow: hidden; background: #fff; border: 1px solid #e5e5e5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.offer-list-box li{float: left; position: relative; margin-right: 15px; padding-right: 15px; border-right: 1px dotted #e5e5e5; }
.offer-list-box li.last {margin: 0; padding: 0; border: none}
.offer-list-box .offer-title{font-size: 12px; margin-bottom: 0; font-weight: bold; color: #004BAA}
.offer-list-box .offer-price{position: relative; bottom: 0; left: 0; text-align: left; font-weight: bold; width: 100px}

/* offer box list two-col */
.offer-list-box.two-col, .offer-list-box.one-col {border: none; padding: 10px 0 0 10px}
.offer-list-box.two-col li, .offer-list-box.one-col li {margin: 0 10px 10px 0; padding: 0 0 5px 0; border-right: none; border-bottom: 1px dotted #e5e5e5; width: 46.5%}
.offer-list-box.one-col li {width:93%}
.offer-list-box.two-col li.last, .offer-list-box.one-col li.last  {margin: 0; padding: 0; border: none}
.offer-list-box.two-col .offer-title, .offer-list-box.one-col .offer-title{line-height: 14px}
.offer-list-box.two-col .offer-atts, .offer-list-box.one-col .offer-atts{line-height: 12px}
.offer-list-box.two-col .price, .offer-list-box.one-col .price{font-size: 11px}

/* offer box list links */
.offer-list-links {list-style-type: none; overflow: hidden; margin-bottom: 10px}
.offer-list-links li {width: 149px; margin: 0 3px; float: left;}

/* offer box */
.bg-blue{background: #F0F9FE; overflow: hidden; display: block; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; margin: 1px;}
.bg-blue:hover{background: #E3EDF9}

.offer{clear: both; margin-bottom: 10px; padding-bottom: 12px; border-bottom: 1px dotted #e5e5e5}
.offer:last-child{border-bottom: none}
.offer{position: relative}
.offer-title{font-size: 14px; display: block; line-height: 1; color:#012B52; }
.offer-desc{font-style: normal; font-weight: bold; display: block; white-space: nowrap}
.offer-atts{font-size:11px; display: block;}
.offer-price{text-align: right; display: block; font-size: 11px; position: absolute; bottom: 5px; right: 5px; width: 130px; white-space: nowrap} /*.offer-price{bottom: 10px; right: 10px;}*/
.offer-price strong{font-size: 19px; line-height: 1; font-weight: normal; color: #333} /*.offer-price strong{font-size: 24px;}*/

.col4 .offer{padding-bottom:20px}
.col4 .offer-atts{display:none}
.col4 .offer-price{bottom:5px}
.col4 .offer-price strong{font-size: 18px; right:-15px}
.col4 .offer-price.link{padding-right:0; background:none}

a .link{background-position: 135px -405px; padding-right: 25px}
a:hover .link{background-position: 135px -430px; }
a:hover .offer-price{text-decoration: underline}

.offer-list-teaser .hotel-cat-small{margin-top: 15px;}
.offer-list-teaser .offer-price{width:auto; bottom:20px;}

/* ======================================================================================= */


/* Content Wrapper*/
.dr-content-wrapper{display: table;}
.dr-content-wrapper .title{display: block; line-height: 18px;}
.dr-content-wrapper .title a{color: #444 !important}
.dr-content-wrapper .desc{margin-bottom: 0; line-height: 14px; font-size: 11px}

/* Media Wrapper */
.dr-media-wrapper{margin: 0 10px 0 0; float: left; overflow: hidden}

/* Content Teaser */
.dr-content-teaser{padding: 10px; margin: 0 -10px 10px -10px; background: #DCF0FF}
.dr-content-teaser .dr-media-wrapper{margin: 0 15px 0 0}
.dr-content-teaser .thumb{padding: 3px; border-color: #ccc; background: #fff}
.dr-content-teaser .title{margin: 7px 0; font-size: 14px;}
.dr-content-teaser p{margin-bottom: 10px}
.dr-content-teaser ul{list-style-type: none; overflow: hidden; margin: 0px}
.dr-content-teaser ul li{display:block; clear: both; margin: 0 15px;}


/* ======================================================================================= */

/* Box Styles ============================================================================ */
.dr-box{border: 1px solid #e5e5e5; -moz-border-radius: 6px; -webkit-border-radius:6px; background: #fff; margin-bottom: 10px; overflow: hidden}
.dr-box .box-head-yellow,
.dr-box .box-head-green,
.dr-box .box-head-blue{padding: 1px; height: 28px; display: block; background: url(../images/sprites-layout.png) repeat-x 0 0; margin: 1px; -moz-border-radius: 5px 5px 0 0; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px}
.dr-box .box-head-blue{background-position: 0 -30px;}
.dr-box .box-head-yellow strong,
.dr-box .box-head-green strong,
.dr-box .box-head-blue strong,
.dr-box .box-head-yellow h2,
.dr-box .box-head-green h2,
.dr-box .box-head-blue h2{color: #000; font-size: 14px; padding: 0 10px; height: 28px; line-height: 28px; margin-bottom:0;}
.dr-box .box-head-green{background-position: 0 -60px;}
.dr-box .box-subhead{clear:both; background: #fff8de; padding: 3px 8px; margin: 0 0 10px; display: block; border: 1px solid #FCF0AA}
.dr-box .box-content p{margin:5px 0 10px; line-height: 16px}
.box-content{padding: 10px 0 0 10px; margin-bottom: 10px; border-bottom: 1px dotted #e5e5e5}
.dr-box .box-content{border-bottom: none; margin-bottom: 0; padding-right: 10px}
.box-content p{line-height: 18px}
.box-content h1{margin: 0 0 10px; font-size: 20px}

.pad20{padding: 20px 20px 10px 20px}
.box-content.pad20{padding: 12px 20px 10px 20px}
.dr-box .box-content.big p{font-size:120%; line-height:160%}

.dr-box .box-grd,
.dr-box .box-grd-blue,
.dr-box .box-grd-yellow,
.dr-box .box-grd-green{margin:1px; background: url(../images/grd-blue_bg.jpg) repeat-x 0 bottom; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius-bottomright:5px; -webkit-border-radius-bottom-left:5px; padding: 9px; }
.dr-box .box-grd-yellow{background: url(../images/grd-yellow_bg.jpg) repeat-x 0 bottom; }
.dr-box .box-grd-green{background: url(../images/grd-green_bg.jpg) repeat-x 0 bottom;}

.dr-box-blue{background:url(../images/footer-bg.jpg) repeat-x 0 -34px; padding:10px 10px 0; border:1px solid #E0ECF8;}

.sidebar .dr-box .box-content,
.sidebar .dr-box .box-grd-blue,
.sidebar .dr-box .box-grd-yellow,
.sidebar .dr-box .box-grd-green{padding: 5px; overflow: hidden; display: block}

/* shadow box */
.shdw-box{border-bottom-width: 2px}

/* box header */
.box-header{width:638px; margin:1px; position:relative; display:block; height:149px; }
.box-header h1{color:#fff; position:absolute; bottom:0; left:20px; text-shadow: 1px 1px 0px #000;}

/* corners */
.corners{-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.corners-top{-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;	border-top-left-radius: 5px; border-top-right-radius: 5px;}
.corners-bottom{-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;	border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}

/* ======================================================================================= */