/*
    AER CSS Styles by Christian Wolff
    Client: McFlight.de (AER/mcflightde/mcflight_color.conf);
    CSS-Version: 1.13; includes: extWidth825.css;
    Generated: 13:18:43 2010-03-09;
	
	with changes by Krzysztof Urbas, Anixe, Poland
*/
#css-dev-debug:before {
    content: " v:1.13 - 13:18:43 2010-03-09 - McFlight.de - extWidth825.css ";
}


/* Body BG*/
body {
    background: #e6f3ff;
}


/*Content Area */
.main_content,
#hotellist .recom_0 div.header,
#hotellist .recom_0 div.content,
#hotellist .recom_0 div.room,
#splashRefresh .content{
    background: #fff;;
}

.main_content {
    border-color: #003366;
    -moz-box-shadow: 0 0 5px #999;
    -webkit-box-shadow: 0 0 5px #999;
    -khtml-box-shadow: 0 0 5px #999;
    box-shadow: 0 0 5px #999;
}

/* Link  */
a:link, a:visited, a:active, a:focus {
    color: #c6001e;
}

#locations a:link, #locations  a:visited, #locations  a:active, #locations  a:focus{
    color: #003366;
}
 /* Text */
 body,
.bookingSteps,
.bookingSteps ul li.current,
input, label, select {
    color: #003366;
}

/* Inputs */
input[type="text"],
input.date,
select,
textarea {
    border-color: #003366;;
    color: #003366;
    background: #fff;
}

/* Headlines */
h2, h3,
.hotel_item .header .hotel_name h3 a,
h3 a,
h3 a.iframe2 {
    color: #003366;
}

#splashRefresh .header h2 {
    color: #003366;
}

/* Buttons */
input.button,
a.button {
    background: #003366;
    border-color: #003366;
    color: #fff !important;
}

/*Booking Steps */
.bookingSteps {
    color: #003366;
}
.bookingSteps ul li.current {
    color: #c6001e;
}

/* List Sorter */
.hotelItemsList #sort div {
    background: #fff;
}

/* Promo Text */
.hotel_item .content .hotel_name h4.promo_text {
    
}

.hotelItemsList #buttons {
    
    border-color: #003366;
    
    -moz-box-shadow: 0 0 5px #999;
    -webkit-box-shadow: 0 0 5px #999;
    -khtml-box-shadow: 0 0 5px #999;
    box-shadow: 0 0 5px #999;
}

/* start: Inner Blocks */
.hotelStart .content {
    background: #fff;
}

/* ListHotel Count */
.hotelItemsList .short_info #hotel_count {
    color: #003366;
}

/* Content Block (Colored Section) */
.section .content,
.roomSelection .info #tabs_content p{
    background: #ccddee;
}


.roomSelection .section .content,
.roomSelection #gallery,
.hotelBook .section .content,
.hotelConfirm .section.print .content {
    background: #fff;
}


/* ListItem: Recommendet  */
.hotel_item .content {
    background: #ccddee;
}

.hotel_item .header,
.hotel_item .room {
    background: #e2ecf7;
}

/* Paging */
.hotelItemsList .pager a {
    Border: 1px solid #ddd;
    Background: transparent;
    color: #c6001e;
}

/* Block Border */
.hotelBook .section .content,
.hotelConfirm .section .content,
.roomSelection .info ul#tabs li,
.roomSelection .section .content,
#hotellist .recom_0 div.header,
#hotellist .recom_0 div.content,
#hotellist .recom_0 div.room {
    border-color: #003366;
}

#splashRefresh .section,
#splashRefresh .content {
    background: #fff;
}

#splashRefresh .loader_content{top:100px;}

.roomSelection .upselling .head {
    background: transparent;
}

/* Hotel Room rows */
.roomSelection .upselling .row {
    background: #ddeeff;
}
.roomSelection .upselling .row:nth-child(2n+3) {
    background: #ccddee;
}

/* Total Price */
.top_info.section .dates_n_rooms .total_price {
    color: #c6001e;
}


/* ### Image Modifcations ### */

#loader_img img{display:none}
#loader_img {
    height:15px;
    background: url(img/loader.gif) no-repeat    center center;
}

#star-rating, #star-rating a:hover, #star-rating a:active, #star-rating a:focus, #star-rating .current-rating,
div.star,
.hotelStart .hotelCatName .row1 span.star {
    background-image: url(img/stars_ico.gif)
}

div.ico, span.ico {background-image: url(img/icons_all.gif)}

/* Hiding Promo Iframe */
#ctl00_ctl00_Body_SidebarRight_Label1 iframe {
    display: none;
}


.roomSelection .info ul#tabs li {
    
}
.roomSelection .info ul#tabs li.active {
    
}

/* ###  static style modifications ### */

.hotelStart .destinations .row1 label {
    width:100px;
}

/* width change to 780px*/

.global_container,
#sidebars_all{width:780px;}

.hotelStart {width:572px;}

.hotelItemsList #buttons,
.hotelItemsList #sort {width:480px}
.hotelItemsList #sort div {width:537px;}
.hotelItemsList .pager {width:500px;float:none;}
.hotelItemsList .pager ul{padding-left:10px;}
.hotel_item .content .hotel_desc {width:337px;}
.hotel_item .content .icons {width:337px;}

.hotelList .col1{width:502px;}
.hotelItemsList{width:500px;}

.hotel_item .header,
.hotel_item .content {width:457px;}
.hotel_item .room {width:477px;}
.hotelItemsList #map #map_canvas{width:478px;}

.hotel_item .content .hotel_img{padding-right:10px;}
.hotel_item .content .hotel_info,
.hotel_item .content .hotel_desc{width:369px;}
.hotel_item .content .facility_ico{padding:0;}
.hotel_item .content .icons{width:145px;}
.hotel_item .room .section_room,
.hotel_item .room .row{width:270px;}
.hotel_item .room .row span.roomDesc{width:150px;}
.hotel_item .room .row span.mealDesc{width:120px;}
.hotel_item .room .section_price{left:280px;}

/* Hotel Room Selection */
.roomSelection .section{width:758px;}
.roomSelection .section .content,
.roomSelection .upselling .content,
.roomSelection .info .content {width:736px;}
.roomSelection .top_info .content{width:711px;}
.roomSelection .upselling .row {width:736px;}

.top_info.section .hotel_info,
.top_info.section .hotel_name{width:300px;}
.top_info.section .adress{width:205px;}
.top_info.section .adress div{width:205px;clear:left;}

.roomSelection .upselling .row .col1{width:190px;}
.roomSelection .upselling .row .col2 {width:158px;}
.roomSelection .upselling .row .avg_price{right:235px;}
.roomSelection .upselling .row .total_price{right:120px;}
.roomSelection .upselling .row .col5 {width:110px;}

.roomSelection .info .content #map_canvas{width:711px;}
.roomSelection #gallery {width:686px;}
.roomSelection #gallery #thumbs {width:273px;}


/* Hotel Book */
.hotelBook .section,
.hotelConfirm .section{width:100%;}
.hotelBook .section .content,
.hotelConfirm .section .content{width: 711px;}
.hotelBook .section ul.row li,
.hotelConfirm .section ul.row li{width:237px;}

.hotelBook .section label,
.hotelConfirm .section label{width:85px;}

.hotelBook .section select,
.hotelConfirm .section select{margin:0;width:128px;}
.hotelBook .section input[type="text"],
.hotelConfirm .section input[type="text"]{width:115px;}

.hotelBook .payment_info .box1,
.hotelBook .payment_info .box1 div{width:237px;}
.hotelBook .payment_info .box2{width:474px;}

.hotelConfirm .guest_info .content span,
.hotelConfirm .hotel_guests .content span{width:115px;margin:0;}