﻿@import url("avh-search-form.css");

#containerLeft { float:left; width:340px;}
    #containerLeft h3 { display:inline; margin:0px; padding:0px; font-weight:bold; color:#fff; }
    #containerLeft .left { width:328px; border:solid 1px #ced7ed; background:#fff; padding:5px 5px 5px 5px; float:left; margin-bottom:5px;}
        #containerLeft .left-header { width:326px; margin-bottom:5px;}
        #containerLeft .left-header div.p { margin:0; padding:6px 5px 7px 5px; background:#354e81 url(_img/bg-header.gif) repeat-x left bottom; }
        #containerLeft .left-header select{ float:right; margin:3px 3px 0 0; padding:2px 0px; font-size:10px;}
        #containerLeft .left-header img.ajax-loading{ float:right; margin:7px 4px 0 0; padding:0; border:solid 1px #203869; }
        #containerLeft .left-inside { width:316px; float:left; background: url(_img/bg-container-inside.gif) repeat-x left top; padding:10px 0 3px 10px;}
        #containerLeft .left-half { width:154px; border:solid 1px #ced7ed; background:#fff; padding:5px 5px 5px 5px; float:left; margin-bottom:5px;}
        #containerLeft .left-half-inside { width:154px; float:left; background: url(_img/bg-container-inside.gif) repeat-x left top; padding:0px;}
        #containerLeft .left-half-header { width:154px; margin-bottom:5px;}
        #containerLeft .left-half-header div.p{ margin:0; padding:7px 5px 7px 5px; background:#354e81 url(_img/bg-header.gif) repeat-x left bottom; font-weight:bold; color:#fff;}
        #containerLeft .left-half-header a { color: #fff; text-decoration:none; }
        #containerLeft .left-half-header a:hover { text-decoration:underline; }
        #containerLeft .left-half-spacer { width:7px; float:left;}

.center-header { margin-bottom:5px;}
.center-header h3 { display:inline; margin:0px; padding:0px; font-weight:bold; color:#fff; }
.center-header div.p{ margin:0; padding:6px 5px 7px 5px; background:#354e81 url(/content/css/_img/bg-header.gif) repeat-x left bottom;}
.center-container { width:402px; border:solid 1px #ced7ed; background:#fff; padding:4px 4px 0px 4px; float:left; margin-bottom:5px;}
.center-container-inside { width:394px; float:left; background: url(/content/css/_img/bg-container-inside.gif) repeat-x left top; padding:4px 4px 0px 4px;}

.right-header { width:189px; margin-bottom:5px;}
.right-header h3 { display:inline; margin:0px; padding:0px; font-weight:bold; color:#fff; }
.right-header div.p{ margin:0; padding:7px 5px 7px 5px; background:#354e81 url(/content/css/_img/bg-header.gif) repeat-x left bottom;}
.right-container { width:189px; border:solid 1px #ced7ed; background:#fff; padding:5px 5px 5px 5px; float:left; margin-bottom:5px;}
.right-container-inside { width:189px; float:left; background: url(/content/css/_img/bg-container-inside.gif) repeat-x left top; padding:0px; }
.right-container-inside img.ajax-loading{ width:177px; margin:4px 0 1px 5px; }

#containerRight { float:right; width:622px;}
    #containerRight_Left { float:left; width:414px;}
    #containerRight_Right { float:right; width:203px;}

/* -= Contacts =- */
div.contacts p.body { background:transparent url(_img/bg-container-inside.gif) repeat-x scroll left top; color:#404040; margin:0; padding:4px 7px 7px 7px; }
div.contacts img { width: 100%; }
div.contacts span { display:block; margin-bottom:6px;}

/* -= Map =- */
div.map{
    border: solid 1px #667075;
    border-left: solid 1px #efefef;
    width:167px;
}
div.map div.header{
    color:#fff;
    background-color:#667075;
    border-bottom:1px solid #77808C;
    margin:0px;
}
#mapCity{
    width:152px;
    height:140px;
    overflow:hidden;
    border: solid 1px #aaa;
    cursor:pointer;
}

/* -= Reccommended Hotels =- */
div.reccommended-hotels{
    border: solid 1px #667075;
}
div.reccommended-hotels div.header{
    border-bottom:solid 1px #fff; 
    background:#4F7ABD; 
    color:#ffffff;
}
.recommended-hotel { background:url(_img/bg-dashed.gif) repeat-x bottom; float:left; margin-bottom:5px;}
.recommended-hotel-last { background:none; float:left; }
.recommended-hotel p, .recommended-hotel-last p{ padding:0 10px; margin:0; color:#404040;}
.img-hotel-left { float:left; margin:0px 6px 0px 0; border:1px solid #1A3D8A; max-width:95px; height:75px;}
.img-hotel-right { float:right; margin:0px 0 0px 6px; border:1px solid #1A3D8A; max-width:95px; height:75px;}
.img-default-hotel-left { float:left; margin:0px 6px 0px 0; }
.img-default-hotel-right { float:right; margin:0px 0 0px 6px; }
.recommended-hotel a.price, .recommended-hotel-last a.price { font-weight:bold; color:#d80000; font-size:120%; margin-top:6px; text-decoration:none; cursor:pointer;}
.recommended-hotel a.price:hover, .recommended-hotel-last a.price:hover {text-decoration:underline; color:#d80000;}
.recommended-button { height:26px; width:165px; font-size:11px; font-weight:bold; text-transform:uppercase; text-align:center; margin:3px 0 4px 0;  border: none; background:url(_img/bg-recommended-long-button.gif) no-repeat; color:#fff; cursor:pointer; float:right; padding-top:6px; text-decoration:none;}
.recommended-button:hover { background:url(_img/bg-recommended-long-button-hover.gif) no-repeat; color:#FFFF99;}

.play-video { margin-left:6px; }

/* -= News =- */
div.news {
    border: solid 1px #667075;
}
div.news div.header{
    border-bottom:solid 1px #fff; 
    background:#4F7ABD; 
    color:#ffffff;
}
div.news div.header a {
    color: #FFFF00;
}

/* -= Best Rates =- */
#BestRates_CityID { width:100%; padding:2px 0px; font-size:10px; }
div#containerBestRates { padding:0px 2px 0px 2px; text-align:center; margin-top:3px; }
div#containerBestRates div { padding:2px 0 0 2px; }
div#containerBestRates .stars { font-weight:bold; color:#ff5b00; font-size:110%; font-style:normal;}
div#containerBestRates .hotel-name {text-align:left; width:125px;}
div#containerBestRates .rate { text-align:right; font-weight:bold; width:50px; }
div#containerBestRates .rate a { color:#d80000; text-decoration:none; }
div#containerBestRates .rate a:hover { text-decoration:none; }
div#containerBestRates .clear { background:url(_img/bg-dashed.gif) repeat-x bottom; clear:both; font-size:1px; margin:2px 0px 2px 0px; }


.best-rates { border:none; text-align:left; vertical-align:top; width:189px;}
.best-rates th { padding:4px 4px; border-bottom:solid 1px #c4cde2; text-align:left; font-weight:normal; font-style:italic; }
.best-rates th.stars{ font-weight:bold; color:#ff5b00; font-size:110%; font-style:normal;}
.best-rates td { padding:4px 4px; background:url(_img/bg-dashed.gif) repeat-x bottom; font-weight:bold; color:#2d418a;}
.best-rates td.last { background:none;}
.best-rates td.rate{ text-align:right; color:#d80000; font-weight:bold; width:50px;}


/* -= Video =- */
.video{
    border:solid 1px #666;
    margin:5px 0 5px 0;
}
div.video {
    width:200px;
    border: solid 1px #667075;
}
div.video div.header{
    border-bottom:solid 1px #fff; 
    background:#4F7ABD; 
    color:#ffffff;
}
div#containerVideo .title{
    margin:2px 0 0 5px;
    padding:0px;
}

/* -= Useful Links =- */
div.links {
    width:200px;
    border: solid 1px #667075;
}
div.links div.header{
    border-bottom:solid 1px #fff; 
    background:#4F7ABD; 
    color:#ffffff;
}
div#containerLinks{
    padding:2px 5px 5px 5px;
}
div#containerLinks ul{
    margin:0px;
    list-style-type:none;
}

#dialogContactUs { display:none; }
#dialogContactUs fieldset { padding:0; border:0; margin-top:10px; }
#dialogContactUs label, #dialogContactUs input { display:block; }
#dialogContactUs label.error { display:none !important; }
#dialogContactUs textaream, #dialogContactUs input.text { width:99%; padding: 2px 1px 2px 1px; }
#dialogContactUs input.text { margin-bottom:12px; }
#dialogContactUs input.error, #dialogContactUs textarea.error { border: 1px solid #800000 !important; background: #FFCEC1 !important; }
#dialogContactUs input.required, #dialogContactUs select.required, #dialogContactUs textarea.required { border: solid 1px #2d418a; background-color: #EEE; }
