#dealsResp .siteContainer, #specialWide, #specialWide .siteContainer
#dealsResp #masthead img {
    width: 100% !important;
}

#dealsResp .siteContainer, #specialWide .siteContainer { max-width: 1041px; }
#dealsResp #interiorContent { max-width: 867px; }
#dealsResp #masthead { max-width: 95.5% }
#dealsResp #masthead img { max-width: 97%; }

#dealsResp #interiorContent {
    width: 96%;
    min-width: 300px;
    padding-left: 2%;
    padding-right: 2%; 
    background-size: 100%;
    overflow: visible;
}

#dealsResp #masthead {
    width: 99%;
    padding-left: .5%;
    padding-right: .5%;
    margin-left: auto;
    margin-right: auto;
    background-size: 100%;
}

#dealsResp #interiorContent #specialResponsiveContent {
    width: 97%;
    margin: 10px 0 0 25px;
    overflow: hidden;
}

#dealsResp #specialLftCol {
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
    text-align: left;
    width: auto;
    min-height: 350px;
}

#specialResponsiveContent .hotelTitlePrice, #specialWide .hotelTitlePrice {
    display: block;
    overflow: hidden;
    padding: 0px 9px;
    font-weight:bold;
    text-align: left;
}    
#specialResponsiveContent .hotelTitlePrice .hotelTitle, #specialWide .hotelTitlePrice .hotelTitle {
    font-size: 160%;
    padding-top:3px;
    line-height:22px;
    text-align: left;
}

#specialResponsiveContent .hotelTitlePrice .hotelTitle a, #specialWide .hotelTitlePrice .hotelTitle a {
    display: block;
    float: left;
    font-weight: normal;
    margin-bottom: 2px;
    margin-right: 4px;
}
#specialResponsiveContent .hotelImageName {
    margin:0;
    float:left;
    text-align:center;
    width:255px;
    padding:0px 8px;
    font-weight: bold;
    font-size:110%;
}

#dealsResp #specialHeadline, #dealsResp #specialSubHeadLine, #dealsResp #specialIntroduction, #dealsResp #specialBody {clear:none;}

#dealsResp .exceptionContainer {
    margin-bottom: 0;
}

#dealsResp .FULLrounded-box {
    background: none;
    border: 1px solid #aaaaaa;
    border-radius: 12px;
    clear: none !important;
    float:left;
    width: 73%;
    padding: 10px 0px;
}

#dealsResp .FULLrounded-box div.FULLrounded-boxInner {
    border: 0;
    width: 100%;
}

#dealsResp #specialResponsiveContent p.hotelImageName img {
    width:255px;
    height:178px; 
}

#dealsResp #specialResponsiveContent .FULLrounded-box ul {
    width: 48%;
    float:left;
    margin-left:0px;
    padding-left:15px;
    text-align: left;
}

#dealsResp .generalResBottom {
    height:45px;
}

#dealsResp #homeRestoolCalendars {
    left: -30%;
    position: absolute;
    top: -200px;
}

#dealsResp .generalResInner .childrenAges select{
    height: 18px;
    margin: 0 5px 0 0;
    padding: 0;
    width: 40px;
}

#dealsResp .generalResHeader {
    margin: 0 0 0 0;
}
    
#dealsResp #specialHeadline h2 {
    text-align: left;
    margin-bottom: 15px;
    line-height:27px;
}

#dealsResp #specialBlock1 {
    text-align: left;
    clear: none;
}

#dealsResp .ajax__validatorcallout_popup_table {
    position: fixed !important;
    top: 5px !important;
    left: 5px !important;
}

#dealsResp .ajax__validatorcallout_callout_arrow_cell {
    display: none !important;
}

img.mainImgResp {
    width:100%;
}

/* header */
#dealsResp #secondNavField,
#dealsResp #main_nav ul,
#dealsResp #main_nav  {
    width: 100%;
}

#dealsResp #main_nav,
#dealsResp #main_nav ul {
    float: none;
}

#dealsResp #main_nav ul {
    margin-left: auto;
    margin-right: auto;
    width: 654px;
}
/* end header */

/* footer */
#dealsResp #footer {
    width: 100%;
}

#dealsResp .contentplace {
    max-width: 930px;
    width: 100%;
}

#dealsResp .contentBlock1,
#dealsResp .contentBlock2,
#dealsResp .contentBlock3,
#dealsResp .contentBlock4,
#dealsResp .contentBlock5 {
    
}

#dealsResp .contentBlock1 { min-width: 158px; }
#dealsResp .contentBlock2 { min-width: 176px; }
#dealsResp .contentBlock3 { min-width: 204px; }
#dealsResp .contentBlock4 { min-width: 120px; }
#dealsResp .contentBlock5 { min-width: 135px; }
/* end footer */


@media all and (max-width: 640px) and (min-width: 320px) {
    .siteContainer {
	    width: 100%;
    }
    .siteSearchHeaderPosition {
	    float: right;
    }
    #headerLogoPosition a, .headerLogoPosition a:visited {
	    margin: 10px 0 0 5px;
    }
    #welcomeAnonymous {
	    display: none;
    }
    #mega {
	    width:100%;
    }
    #mega li.book a {
	    width: 150px;
    }
    #interiorContent {
	    width: 100%;
    }
    .pageColLeft {
	    width: 100%;
    }
    #skinRestool fieldset.resToolZone0 {
	    width: 100%;
    }
    #skinRestool {
	    width: 98%;
    }
}


@media (max-width: 1035px)
{    
    #specialWide ul.wideTabbed li, #specialWide ul.wideTabbed li.selected {
        width: 24%;
        font-size:110%;
        height: 30px;
        background-size: 100% 44px !important;
    } 

    body#specialWide #noNavTop {
        width:100% !important;
    }
}

@media (max-width: 1013px)
{    
    #specialWide .wideInterior .FULLrounded-box, .descriptionFULLrounded-box {
        width: 71%;
    }
    #specialWide .wideInterior .FULLrounded-box ul {
        width:50%;
    }
}

@media (max-width:930px) { .contentBlock5 { clear: both; padding-top: 20px; } }

@media (max-width: 900px)
{
    #specialLftCol .hotelImageName, #specialLftCol p.hotelImageName img, #specialLftColWide .hotelImageName, #specialWide .wideInterior p.hotelImageName img {
        width:200px;
        height: auto;
    }

    #dealsResp .FULLrounded-box {
        width: 69%
    }
    #dealsResp #specialResponsiveContent p.hotelImageName img {
        width:200px;
        height:auto; 
    }
    #dealsResp #specialResponsiveContent .FULLrounded-box ul {
        width:50%;
    }
}

@media (max-width: 837px)
{    
    #specialWide .wideInterior .FULLrounded-box, .descriptionFULLrounded-box {
        width: 67%;
    }
}

@media (max-width: 795px)
{
    #specialWide .FULLrounded-box ul {
        width: 55%;
    }
}

@media (max-width: 783px)
{    
    #specialWide ul.wideTabbed li, #specialWide ul.wideTabbed li.selected {
        width:25%;
        font-size:105%;
        height: 30px;
        background-size: 100% 44px !important;
    } 
}

@media (max-width: 767px)
{    
    #specialWide .wideInterior #sweeper {
        display: none;
    }
    
    #specialWide .wideInterior #masthead {
        background: none;
    }
    
    #specialWide .ucpFooterLinks a {white-space:nowrap;}
    #specialWide .ucpFooterLogo {  
        clear:both;
        display: block;
        padding: 15px !important;
    }
    #specialWide .ucpFooterLogo .ucpFooterLogoImg {  
        margin-left:auto;
    }

    #dealsResp #sweeper {
        display: none;
    }
    
    #dealsResp #masthead {
        background: none;
    }
    
    #dealsResp #interiorContent #specialResponsiveContent {
        margin: 10px 0 0 1%;
    }
}
@media (max-width: 760px)
{    
    #dealsResp .FULLrounded-box {
        width: 97%;
        min-width: 0px;
    }
    .FULLrounded-box div.FULLrounded-boxInner {
        width: 100%;
    }

    #dealsResp #specialResponsiveContent p.hotelImageName {
        width:40%;
        height:auto;
    }
    #dealsResp #specialResponsiveContent p.hotelImageName img {
        width:99%;
    }
}

@media (max-width: 756px)
{    
    #specialWide .wideInterior .FULLrounded-box ul {
        width:48%;
    }
}

@media (max-width:735px)  
{
    .contentBlock4, .contentBlock3, .contentBlock2  { 
        clear: both; padding-top: 20px;
    }
}

@media (max-width: 732px)
{    
    #specialWide .wideInterior .FULLrounded-box, .descriptionFULLrounded-box {
        width: 97%;
        min-width: 0px;
    }
    #specialWide .wideInterior .FULLrounded-box div.FULLrounded-boxInner {
        width: 100%;
    }
    #specialWide .wideInterior .FULLrounded-box ul {
        width:59%;
    }
    
    #specialResponsiveContent .hotelTitlePrice .hotelTitle br, #specialWide .hotelTitlePrice .hotelTitle br {
        display:none;
    }
}

@media (max-width: 715px)
{
    #specialWide .wideInterior .FULLrounded-box ul {
        width: 50%;
    }
    #specialWide .wideInterior .FULLrounded-box {min-width: 0px;}

    #dealsResp #specialResponsiveContent .FULLrounded-box ul, #specialWide .FULLrounded-box ul {
        width: 50%;
    }

    img.responsiveImage {
        width:100%;
    }
}

@media (max-width:680px)
{ 
    #specialWide #clickToChatPosition img[src*="Online"] {
        left: -140px;
        position: absolute;
    }
    
    #specialWide #clickToChatPosition img[src*="Offline"] {
        left: -120px;
        position: absolute;
    }
    
    #specialWide .fadeThis {
        background: none !important;
        background-color: transparent !important;    
    } 

    #specialWide ul.wideTabbed li, #specialWide ul.wideTabbed li.selected {
    } 

    #dealsResp #secondNavField {
	    width: auto;
	    margin-left:0;
	    margin-top: 0;
    }
    
    #dealsResp #clickToChatPosition img[src*="Online"] {
        left: -140px;
        position: absolute;
    }
    
    #dealsResp #clickToChatPosition img[src*="Offline"] {
        left: -120px;
        position: absolute;
    }
    
    #dealsResp #main_nav {
        margin: 0;
        width: 100%;
        padding-top: 10px;
    }
    
    #dealsResp #main_nav ul {
        margin-left: 0;
        width: auto;
        padding-left: 0
    }

    #dealsResp #main_nav li {
        display: inline;
        font-size: 11px;
        font-weight: bold;
        font-family: Arial Narrow, Arial !important;
    }
    
    #dealsResp #main_nav li a {
        text-indent: 0;
        color: #FFF;
        text-decoration: none;
    }
    
    #dealsResp #main_nav li.home {
        display: none;
    }
    
    #dealsResp #main_nav li.hotdeals,
    #dealsResp #main_nav li.hotels,
    #dealsResp #main_nav li.vacationadds,
    #dealsResp #main_nav li.themeparks,
    #dealsResp #main_nav li.buytickets{
        background: -webkit-gradient(linear, left top, right top, from(#14348b), to(#10163a)) !important;
        background: -webkit-linear-gradient(top, #14348b, #10163a) !important;
        background: -moz-linear-gradient(top, #14348b, #10163a) !important;
        background: -o-linear-gradient(top, #14348b, #10163a) !important;
        background: -ms-linear-gradient(top, #14348b, #10163a) !important;
        background: linear-gradient(top, #14348b, #10163a) !important;
        filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#14348b', endColorstr='#10163a') !important;
        background: #14348b;
        width: 100%;
        border-bottom: 1px solid #ffffff;
    }
    
    #dealsResp #main_nav li.home a:link,
    #dealsResp #main_nav li.buytickets a:link,
    #dealsResp #main_nav li.themeparks a:link,
    #dealsResp #main_nav li.vacationadds a:link,
    #dealsResp #main_nav li.hotels a:link,
    #dealsResp #main_nav li.hotdeals a:link {
        display: block;
        height: 30px;
        padding: 10px 0 0;
        width: 100%;
        background:none !important;
        text-align: left;
        padding-left: 10px;
    }     
    
    #dealsResp #main_nav li.home a:hover,
    #dealsResp #main_nav li.buytickets a:hover,
    #dealsResp #main_nav li.themeparks a:hover,
    #dealsResp #main_nav li.vacationadds a:hover,
    #dealsResp #main_nav li.hotels a:hover,
    #dealsResp #main_nav li.hotdeals a:hover {
        background: #14348b !important;
    } 
    
    #dealsResp .fadeThis {
        background: none !important;
        background-color: transparent !important;    
    } 
}

@media (max-width: 639px)
{ 
    #specialWide .wideInterior #restool .returnDate {
        margin-left: 18px;
    }
    
    #specialWide .wideInterior #restool fieldset.resToolZone3 {
        margin-top: 15px;
    } 
        
    #specialWide .wideInterior #passengerInput .adultsFields {
        margin-bottom: 5px;
    }
    
    #specialWide .wideInterior #passengerInput .adultsFields label,
    #specialWide .wideInterior #passengerInput .childrenFields label {
        margin-top: 5px;
    }
    
    #specialWide .wideInterior .generalResInner #searchbarSubmitPosition input {
        height: 30px;
    }
    
    #specialWide .wideInterior #homeRestoolCalendars {
        left: 0;
        position: absolute;
        top: -310px;
    }
    
    .specialContentWide {
        margin-top:-57px;
    }
    h1.headerShadow {
        font-size:280%;
    }
    span.font35 {
        font-size:85%;
    }
    span.font30 {
        font-size:65%;
        line-height:28px;
    }

    .introSubhead {
        text-align:center;
        color:#666;
        font-size:12px;
        margin-bottom:15px;
        line-height:20px;
        clear:both;
    }
    .introSubhead img {
        width:98%;
    }

    #dealsResp #interiorContent #specialResponsiveContent {
        width: 99%;
        margin-left: 1%;
    }
    
    #dealsResp #restool .returnDate {
        margin-left: 18px;
    }
    
    #dealsResp #restool fieldset.resToolZone3 {
        margin-top: 15px;
    } 
        
    #dealsResp #passengerInput .adultsFields {
        margin-bottom: 5px;
    }
    
    #dealsResp #passengerInput .adultsFields label,
    #dealsResp #passengerInput .childrenFields label {
        margin-top: 5px;
    }
    
    #dealsResp .generalResInner #searchbarSubmitPosition input {
        height: 30px;
    }
    
    #dealsResp #homeRestoolCalendars {
        left: 0;
        position: absolute;
        top: -310px;
    }
}

@media (max-width: 600px)
{
    #specialWide .FULLrounded-box ul {
        width: 42%;
    }

    #specialWide .specialContentWide ul.wideTabbed li {
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        background: #2f7ee5;
        border-bottom: 1px solid #225fb1;
        width: 100%;
        height: auto;
        letter-spacing: normal;
    }

    #specialWide .specialContentWide ul.wideTabbed li.selected, #specialWide .specialContentWide ul.wideTabbed li.selected a:hover {    
        background: -webkit-gradient(linear, left top, right top, from(#dfe8f9), to(#aac8fe)) !important;
        background: -webkit-linear-gradient(top, #dfe8f9, #aac8fe) !important;
        background: -moz-linear-gradient(top, #dfe8f9, #aac8fe) !important;
        background: -o-linear-gradient(top, #dfe8f9, #aac8fe) !important;
        background: -ms-linear-gradient(top, #dfe8f9, #aac8fe) !important;
        background: linear-gradient(top, #dfe8f9, #aac8fe) !important;
        filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#dfe8f9', endColorstr='#aac8fe') !important;
        background: #aac8fe;
    }

    #specialWide .specialContentWide ul.wideTabbed li a:link {
        display: block;
        width: 100%;
        background:none !important;
        text-align: left;
        padding: 10px 10px 10px 40px;
    }     
    
    #specialWide .specialContentWide ul.wideTabbed li a:hover {
        background: #123088 !important;
        text-decoration: none;
    } 
    #specialWide .specialContentWide ul.wideTabbed li.selected a:hover {
        color: #0069c6;
    }

    #specialWide ul.wideTabbed li, #specialWide ul.wideTabbed li.selected {
        font-size:125%;
    } 

    .tabTitle2Line {
    height:auto !important; 
    padding-top:0px !important;
    }
}

@media (max-width: 585px)
{
    #dealsResp #specialResponsiveContent .FULLrounded-box ul, #specialWide .FULLrounded-box ul {
        width: 44%;
    }
}

@media (max-width: 540px)
{
    #dealsResp #specialResponsiveContent .FULLrounded-box ul, #specialWide .FULLrounded-box ul {
        width: 90%;
        padding:0px 0px 6px 20px;
    }
    #dealsResp #specialResponsiveContent p.hotelImageName img, #specialWide p.hotelImageName img {
        width:255px;
        height:178px; 
    }
    #dealsResp #specialResponsiveContent p.hotelImageName, #specialWide p.hotelImageName 
    {
        width: 255px;
        float:none;
        margin:0px auto 6px auto;
    }

    #specialWide .wideInterior .FULLrounded-box ul {
        width: 90%;
        padding:0px 0px 6px 20px;
    }
    #specialLftCol .hotelImageName, #specialLftColWide .hotelImageName, #specialWide .wideInterior p.hotelImageName img {
        width:255px;
        height: auto;
        float: none;
        margin: 0px auto 6px auto;
    }
    #specialWide .ucpFooterLinks .disclaimer {
        height: auto !important;
    }
}

@media (max-width: 500px)
{
    .specialContentWide .wideInterior {
        padding: 15px 10px 0 8px;
    }
    #specialWide .wideInterior #specialLftCol {
        min-height: 0px;
    }
    #specialWide .specialTabRestool {
        float:none;
        clear:both;
        text-align: center;
        margin: -20px auto 10px auto;
    }
    #specialWide .wideInterior .generalResBottom {
        float:none;
    }
    
    div.UcpticketDay span img {
        padding: 0 7px 10px 0;
    }
}

@media (max-width: 430px)
{
    #specialWide .ucpFooterLogo .ucpFooterLogoImg {
        clear: both;
        display: block;
        margin: 0 auto;
        padding-top:8px;
    }
    h1.headerShadow {
        font-size: 38px;
        line-height: 42px;
        margin: 5px auto;
        text-align: center;
        width: 98%;
    }
    h1.headerShadow img {
        float:none;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:8px;
        clear:both;
        display: block;
    }

    #dealsResp #specialLftCol {
        min-height: 0px;
    }
    #dealsResp .generalResHeader {
        float:none !important;
        clear:both;
        text-align: center;
        margin: 0px auto !important;
    }
    #dealsResp .generalResBottom {
        float:none;
    }
}

@media (max-width: 359px)
{
    #dealsResp #specialHeadline h2 {
        font-size: 160%;
    }
    #dealsResp #breadCrumbNavigation {
        margin: -4px 0 10px 7px;
    }

    #specialWide .wideInterior #specialHeadline h2 {
        font-size: 160%;
    }
    #specialWide .wideInterior #breadCrumbNavigation {
        margin: -4px 0 10px 7px;              
    }
    
    #specialWide .wideInterior .FULLrounded-box, .descriptionFULLrounded-box {
        min-width: 245px;
    }
    h1.headerShadow {
        font-size: 295%;
        text-align: left;
    }
}

@media (max-width: 300px)
{
    #specialWide .specialContentWide ul.wideTabbed li a:link {
        padding: 10px;
    }
    #specialWide .specialTabRestool {
        float:left;
    }
    #specialWide .wideInterior p.hotelImageName img {
        width:210px;
        height: auto;
        clear:both;
        display:block;
    }
    #dealsResp #specialResponsiveContent p.hotelImageName, #specialWide p.hotelImageName 
    {
        width:210px;
        float:none;
        margin:0px auto 6px auto;
    }

    h1.headerShadow {
        font-size: 260%;
        line-height:33px;
    }
}