@charset "UTF-8";
/* CSS Document */

body,img,p,h1,h2,h3,h4,h5,h6,form,table,td,ul,ol,li,fieldset { margin:0; padding:0; border:0; }
p,h1,h2,h3,h4,h5,h6,ul { margin:10px 0; }
input,select { vertical-align: middle; }

/* -- colors
dark blue  - 0573be
light blue - 4f9cd0

*/

/* -- HTML -- */

	body {  font-size: 12px; font-family: Trebuchet MS, Tahoma, Helvetica, Arial, sans-serif; line-height: 1.3em; color:#333;background: #fff url(../media-b/layout/body-bg.jpg) repeat-x top left; }
	body#home{background: #fff url(../media-b/layout/body-home-bg.jpg) repeat-x top left;}
    h1{font-size: 30px; line-height: .9em;}
	h2{font-size: 22px;}
    h3{font-size: 18px; margin: 0px 0px 5px 0px; padding: 0px;}
	h4{font-size: 16px;}
	a{color: #0573be;}
    hr{width: 100%; margin: 20px auto; text-align: center; color: #ccc; background: #666; clear: both;}

/* -- HTML -- */


	#masthead{background: #0573be; height:93px; width: 980px; position: relative;margin: 0px auto;}
   		#masthead logo{position: absolute; left: 0px; top: 0px;}
        #masthead-social{position: absolute; right: 0px; top: 0px; color:#fff; padding-left: 60px; background: url(/media-B/layout/save-graphic.jpg) no-repeat left top; }
        #masthead-social img{float: left; margin-left: 10px;}
        #masthead-social h2{color: #fff;}
        
	#nav{width: 100%; height: 60px;margin-bottom: 20px;}
    	#nav ul{width: 980px; margin: 0px auto;padding: 18px 0px 0px 0px;}
        #nav ul li{display: inline; padding: 10px; border-right: 1px solid #b0b0ae;}
			#nav ul li.first{border-left: 1px solid #b0b0ae;}
        #nav ul li a{color: #0573be; text-decoration: none; font-size: 16px; text-transform: uppercase; font-size: 14px; font-weight: bold;}
    	#nav ul li a:hover{color: #000;}
    
    	#subNav{width: 980px; margin:0px auto; margin-top: 17px;color: #fff;}
    	#subNav a{color: #fff;}
    	
    	#phonenumber {margin:17px auto 0; position:absolute; top:125px; right:350px; color:#fff; font-weight:bold;}
        
    #wrapper { width:980px; margin: 0 auto;}

    
    #header {  }
    
    #main {width: 960px; }
    	#content{float: right; margin: 0px; width: 740px; padding: 0px; }
        	#content ul{margin-left: 20px;}
        
        	#promo{width: 740px; height: 400px; overflow: hidden;position: relative; margin: 0px 0px 10px 0px;}
				#slideshow {position: relative; width: 740px; height: 400px; margin: 0; padding: 0px; overflow:hidden;}
                    #slideshow img {width:740px; height:400px;}
                    #slideshow img.helloWorld { display: inline; }
					
                    #slideshow-nav { position: absolute; left: 10px; bottom: 0px; z-index: 99; font-size: 10px; color: #000; padding: 0 8px; list-style: none; }
					#slideshow-nav li { display: block; float: left; margin-right: 4px; }
					#slideshow-nav a { color: #000; padding:4px 5px 2px; background-color: #fff; filter: alpha(opacity=65); -moz-opacity: .65; opacity: .65; margin-right:5px; border:1px solid #fff;}
					#slideshow-nav a:hover, #slideshow-nav a.activeSlide { color: #fff; background-color:#4f9cd0; }
            
            
            
            #featuredResort{border: 1px solid #0573be; padding: 20px; width: 700px; background: #eee; margin: 15px 0px;}
            	#featuredResort h2{margin: 0px; padding: 0px;}
        		#featuredResort h2.featured{font-weight: normal; color: #f73244;}
        		#featuredResort h2.rates{font-size: 30px;color: #10a50d; font-weight: normal;margin-top: 10px;}
                #featuredResort p{margin: 0px;}
                
                #featuredResort #logo{width: 190px; float: left; margin-right: 20px;}
        		#featuredResort #logo img{margin: 10px 0px; width: 190px;}
                	#featuredResort #logo img.checkBtn{margin: 10px 0px; width: 126px;}
                
                #featuredResort #picDetails{float: left; width: 490px;}
                #featuredResort #picDetails img.main-hotel-pic{float: left; width: 250px; margin: 0px 10px 10px 0px;}
                	#icon-list ul{list-style-type: none; margin: 0px 0px 0px -15px;}
                    #icon-list ul li{ display: inline; margin: 0px; padding: 0px;}
                    
                    
                #scroll-area{margin: 0px auto; width: 665px;}	
                 .carousel{overflow: hidden; visibility: visible; position: relative; z-index: 2; left: 0px; width: 500px;float: left;}
                    .carousel ul{list-style-type: none;width: 500px;}
                    .carousel ul li{float: left;}
                    .carousel img{border: 1px solid #c7c7c7; margin: 5px; width: 108px; height: 108px;}
                    .prev{float: left;margin: 5px 0px;}
                    .next{float: left; margin: 5px 0px;}
                        
        #sidebar{float: left; width: 200px; border: 1px solid #0573be; background: #eee; color: #666;}
			#sidebar h3{background: url(../media-b/layout/sidebar-h2.jpg) repeat-x top left; color: #fff; font-weight: normal; padding: 10px;}
			#sidebar a{text-decoration: none; font-size: 12px;}
            
            #searchFormv2{margin-bottom: 20px; padding: 0px 10px;}
            
            #topDeals{margin-bottom: 20px;}
            	#sidebar .topDeal{padding: 0px 10px; margin-bottom: 10px;}
            	#sidebar .topDeal a{font-weight: normal;}
            
            #lowPriceAlert{ margin: 10px 0 0; }
            	#lowPriceAlert ul { margin: 0; padding: 0; list-style: none; }
            		#lowPriceAlert ul li { padding-right: 10px; float: left; }
            	#lowPriceAlert p { margin: 0 0 10px; font-size: 14px; color: #a1cff3; }
            	#lowPriceAlert label { display:block; padding-bottom: 2px; text-transform: uppercase; }
            	#lowPriceAlert input.lowprice-email { width: 150px; padding: 2px; }
            	#lowPriceAlert input.lowprice-zip { width: 60px; padding: 2px; }
            	
            
            
            
    
    #footer {background: #78b6df url(../media-b/layout/footer-bg.jpg) repeat-x top left; width: 100%;}
		#footer h3{color: #fff;}
        #footer-inner{width: 980px; padding: 20px; margin: 0px auto;}
		.footer-promo{margin-right: 20px; float: left;}
		
        #gfp{float: left; width: 468px; margin: 0px 0px 20px 0px;}
		#ourResorts{display: block; float: left; width: 468px;}
        	#ourResorts a{color: #fff; text-decoration: none;font-size: 12px;}
            #ourResorts ul{margin: 0px; padding: 0px;}
            #ourResorts ul li{list-style-type: none; width: 210px;margin: 0px 20px 0px 0px; float: left;}

        #footerNav{list-style-type: none;}
    	#footerNav li{float: left; margin-right: 20px;}
        #footerNav li a{color: #fff;text-decoration: none; text-transform:capitalize;}
    
    
    
    
        
        
    /*--- Hotels page ---*/
        p.ratesAndBook { float:right; width:150px; margin:5px 0; text-align:right; }
        p.ratesAndBook b { font-size:14px; color:#0171bd; }
        p.ratesAndBook img { display:block; margin:3px 0 0 auto; }
        
    /*--- USAVE - Rental Cars ---*/
    #usaveSlideshow{width: 250px; float: right; padding: 0px 0px 10px 10px;}
        
    /*--- Resorts Detail pages ---*/
    body.hotel-details #mini-weather { margin-bottom: 10px; padding-right: 10px; }
    #resort-details { float:left; width:715px; padding:0 0 10px 10px; text-align: left; }
    #resort-details #currentspecials { padding: 0 40px; }
    #currentspecials a { display:block; margin-bottom:5px; }
    #resort-details #media-wrapper { float: right; width: 400px; }
        #resort-details #media-tabs, #resort-details #content-tabs { margin: 0; padding: 0; list-style: none; }
        #resort-details #media-tabs li, #resort-details #content-tabs li { margin: 0 5px; float: left; }
        #resort-details #media-tabs li a, #resort-details #content-tabs li a { text-decoration:none; font-size: 14px; line-height:14px; padding: 5px 15px; display: block; background: url(/media/layout/tab-bg.jpg) repeat-x; border: 1px solid #bbd8ec; border-width: 1px 1px 0; }
        #resort-details #media-tabs li a.active, #resort-details #content-tabs li a.active { color:#fff; background: url(/media/layout/tab-active-bg.jpg) repeat-x; border: 1px solid #0674be; border-width: 1px 1px 0; }
        #resort-details #media-wrapper #media { border: 1px solid #0674be; clear: both; }
            #resort-details #gallery-wrapper { width: 400px; height: 300px; overflow: hidden; position: relative; }
                #resort-details #gallery-wrapper #prev2, #resort-details #gallery-wrapper #next2 {  position: absolute;  z-index: 99; text-align: center; text-decoration: none; display: block; width: 50px; color: #fff; background: url(/media/layout/tab-active-bg.jpg) repeat-x; border: 1px solid #0674be; }
                #resort-details #gallery-wrapper #prev2 { bottom: 10px; left: 10px; }
                #resort-details #gallery-wrapper #next2 { bottom: 10px; right: 10px; }
            #resort-details #media-wrapper #media #gallery { margin: 0; padding: 0; list-style: none; }
            #resort-details #media-wrapper #media #gallery li { width: 400px; height: 300px; overflow: hidden; }
            
        #featuredSpecial { background: #cee1f0 url(/media/layout/featured-special-bg.jpg) repeat-x; padding: 15px 20px; margin: 10px 0; width: 250px;  border: 1px solid #bbd8ec; }
            #featuredSpecial h3 { color: #ff4959; font-weight: 14px; margin-top: 0; }
            #featuredSpecial a { display: block; font-weight: bold; font-size: 14px; text-decoration: none; margin: 10px 0; }
        
        #resort-details #content-tabs { margin: 20px 0 10px; float: left; width: 100%; border-bottom: 1px solid #0674be; }
        
        #details-content .content-container { display: none; }
		#details-content .active { display: block; }
        
        #searchBox label { width: auto; text-align: left; }
        
        #resort-packages a { display: block; padding: 5px 0; margin: 0; }
        
        #policy { border-top: 1px solid #0674be; margin: 10px; padding: 10px; font-size: 11px; color: #777; }
        #policy h3 { margin: 0 0 5px; font-size: 14px; }
        
        #condo-search-box ul { margin: 0; padding: 0; list-style: none; }
        #condo-search-box ul li { padding: 5px 0; clear: both; }
        #condo-search-box label { display: block; margin: 0; padding-top: 2px; }
        #condo-search-box #arrivalDate, #condo-search-box #departureDate { width: 100px; }
    
    	
        #details-content #reviews{margin-left: -100px;}
        #details-content #reviews form{margin-left: 200px;}
        #details-content #reviews form label { display: block; float: left; width: 100px; }
        
/*--- Specials Page ---*/
	div.currentSpecials { float:right; width:200px; margin:0 0 20px 20px; }
        ul#resort-list, div.currentSpecials ul { list-style:none; padding-left: 5px; }
        ul#resort-list li, div.currentSpecials ul li { margin:0; padding:2px 0; }
    
    
         /* Weather */
        div#weatherRadarImage{ position:relative; height:449px; margin:5px 0 5px 5px; }
        .baseRadarImage{ position:absolute;z-index:0;top:0;left:0; }
        .overlayRadarImage{ position:absolute;z-index:1;top:0;left:0; }
        
        /* -- EMAIL --*/
        
        #emailheader {height:300px; width:100%; background-color:#4c729f; color:#FFFFFF;}
        #emailheader img {float:left; margin-right:10px;}
        
        #offers {padding:20px;}
        #offers ul {list-style:none; color:#ffe215; font-size:14px; line-height:16px; padding-left:10px;}
        #offers ul .white {color:#fff; font-size:12px;}
        .yellow {color:#ffe215; font-size:15px;}
        
        #midhead {border-bottom:2px solid #fff; padding-bottom:12px; margin-bottom:14px; text-align:center; color:#ffe215; font-size:17px;}
        #midhead .white {color:#fff; font-size:14px;}
        
        #rates {color:#fff; position:relative; top:-36px; font-family: "Lucida Grande", Arial, Helvetica, sans-serif;}
        #rates .cellone {width:350px; border-bottom:1px solid #333; padding:15px 10px; font-size:12px;}
        #rates .celltwo {width:140px; border-bottom:1px solid #333; border-right:1px solid #333; padding:15px 10px; text-align:center;}
        #rates .cellthree {width:140px; border-bottom:1px solid #333; padding:15px 10px; text-align:center;}
        #rates .cellonelast {width:350px; padding:15px 10px; font-size:12px;}
        #rates .celltwolast {width:140px; border-right:1px solid #333; padding:15px 10px; text-align:center;}
        #rates .cellthreelast {width:140px; padding:15px 10px; text-align:center;}
        #rates .dates {color:#ffe215; font-size:13px;}
        
        #rates .sign {color:#ffe215; font-size:14px; position:relative; top:-10px;}
        #rates .dollar {color:#ffe215; font-size:23px;}
        #rates .cents {color:#ffe215; font-size:9px; position:relative; top:-10px;}
        
        
        #ratesSM {color:#fff; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; width:138px; height:255px; margin:0 0 15px 35px; padding-right:12px; float:right; background-image:url(../0126PL/images/rate_box_sm.gif); background-repeat:no-repeat;}
        #ratesSM .cellone {width:120px; padding:5px 2px 2px 15px; font-size:13px; line-height:16px; padding-bottom:10px;}
        #ratesSM .celltwo {width:100px; padding:2px; text-align:center; padding-bottom:10px; font-size:11px;}
        #ratesSM .dates {color:#ffe215; font-size:14px; padding-top:10px;}
        
        #ratesSM .cellone img {margin-top:3px;}
        
        #ratesSM .sign {color:#ffe215; font-size:12px; position:relative; top:-5px;}
        #ratesSM .dollar {color:#ffe215; font-size:18px;}
        #ratesSM .cents {color:#ffe215; font-size:10px; position:relative; top:-5px;}
        
        body.email-full-width #ratesSM { background-image:url(../media/promotions/images/rate_box_sm.gif); height: 139px; }
        
        #contentfull h1 {text-align:center;letter-spacing:0px;}
        #contentfull h1 .black {color:#000;}
        #contentfull h3 {color:#0171bd; font-size:12px;letter-spacing:0px;}
        
        
        /*--- All Courses Page ---*/
            table#courseInfo td, table#courseInfo th { padding:3px 5px; text-align:center; line-height:14px; }
            table#courseInfo thead th { font-weight: normal; vertical-align: bottom; }
            table#courseInfo td.courseName, table#courseInfo th.courseName{ text-align:left; width: 20%;}
            
            table#courseInfo .courseHeaders { background-color: #fefefe; font-weight: bold; color: #124d00;}
            table#courseInfo .courseHeaders th { padding:10px 5px 5px; vertical-align: bottom;border-bottom: 1px solid #777; }
            table#courseInfo .courseHeaders .courseName a{color: #124d00;}
            
            table#courseInfo tbody td { padding-right:10px; }
            table#courseInfo thead th, table#courseInfo tbody td, table#courseInfo tbody th { border-bottom:1px solid #777;}
            table#courseInfo tbody tr.highlight { background-color:#f8f7e0; }
            table#courseInfo tbody tr.highlight td a.courseLink{font-weight: bold;}
            table#courseInfo tfoot th a { color:#000; text-decoration:none; }
            
            
            h3.coursesIntro{margin: 0px 0px 2px 5px;}
            ul#coursesIntroList{margin-left: 10px; font-size: 12px;}
            
            ul.courseIconLegend{margin: 10px;width: 200px; float: left;}
            ul.courseIconLegend li{width: 200px; float: left; display: inline;list-style-type: none; maring: 0px; padding: 0px;}
            
            .ratesFrom{width: 15%;}
            .arrows{float: right;}
            .arrows2{padding-left: 3px;}
            
            table#courseInfo th.colspanEmpty{border: 0px;}
            .starRatings ul{margin:0px; padding: 0px;}
            .starRatings ul li{list-style-type: none;}
            .starRatings ul li a{text-decoration: none;}
            .starRatings ul li img{width: 12px; border: 0px;}
        
        
        /* -- information.cfm -- */
        
            #infoCategories{width: 180px; float: left; padding: 0px 10px;}
            #infoCategories h2{margin: 0px;}
            #infoCategories ul{margin: 0px; padding: 20px;}
            
            #infoContent{width: 528px; float: left; border-right: 1px solid #ccc; padding-right: 10px; }
            #infoContent .imgHolder{ float:right; margin:0 0 20px 20px; }
            #infoContent .imgHolder img{width: 180px;}
            
            #infoContent .infoListing{margin: 10px; width: 244px; float: left; } 
            
    	/* -- planner -- */
        
		#planner input { font-size: 12px; font-weight: bold; padding: 2px; margin: 0px 0px 10px 0px; }
        #planner label { width:120px; text-align:right; float:left; padding: 10px 10px 0px 0px; }
    
/* -- promotions/hot-deals -- */
	#promotions-hot-deals-banner{width: 740px;}    
  
/* colored gradient boxes */
.box-bg-a, .box-bg-b, .box-bg-c { border: 2px solid #0d78c1; margin:15px 0; padding:10px; }
.box-bg-a { background: #f6e7e2 url(/media/layout/box_bg_a.jpg) repeat-x; } /* pink */
.box-bg-b { background: #f2f9dd url(/media/layout/box_bg_b.jpg) repeat-x; } /* yellow */
.box-bg-c { background: #e7f5f7 url(/media/layout/box_bg_c.jpg) repeat-x; } /* blue-green */  
    
    
	
		
/* -- contact --*/
	#vacationPlanner input, #vacationPlanner textarea, #vacationPlanner select{display: block; float: left; padding: 3px; border: 1px solid #cdcdcd;}
	#vacationPlanner label{display: block; color: #000; font-size: 14px; font-weight: normal;line-height: 1.2em;margin-top:10px;}
	#vacationPlanner textarea{height: 90px; width: 230px;}
		#vacationPlanner .button{float: left;border: none;}

            
/* -- classes -- */
    div.clear { overflow:hidden; height:1px; clear:both; }
    img.alignRight { float:right; margin:0 0 15px 15px; }
    img.alignLeft { float:left; margin:0 15px 15px 0; }
    .error { color: red; }