@charset "UTF-8";


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:15px 0; }
input,select { vertical-align: middle; }

/* CSS Document */


/* -- COLORS --

light blue - #029bde
green - #106f2b

*/

/*-- HTML --*/
body { background: url('../media/layout/bg.jpg') repeat-x top left;font:14px/18px Helvetica, Arial, sans-serif; color:#333; }
h1, h2, h3, h4{font-size: 24px; line-height: 1.2em;}
h1 { letter-spacing: -1px; }
h1 span a { color:#029bde; font-size: 12px; padding-left: 10px; }
h2{font-size: 18px; color: #106f2b; letter-spacing: -1px; padding: 0px; margin: 0px;}
h3{font-size: 18px; display: inline; color: #106f2b;}
h4{font-size: 14px;display: inline; color: #029bde;}

p{margin: 20px 0px;}
strike{color: #990000;}
a{text-decoration: none; color: #029bde;}
hr{height: 1px; color: #029bde; background: #029bde; margin: 20px auto; padding: 0px; width: 100%;}


/*-- LAYOUT --*/
#wrapper { width:980px; margin: 0 auto; }

#header {height: 125px;  }
	#phone{float: right; font-size: 18px;color: #029bde; margin: 35px 50px 0px 0px;text-align: right;}
	#phone h2{color: #029bde;}
    
#main {width: 650px; float: left;}
	#nav ul {margin-top: 8px;}
    	#nav ul li{display: inline; padding: 0px 20px;}
		#nav ul li a{color: #fff; text-decoration: none; font-size: 16px;}

	#content{ margin: 20px;}
	.box-top{margin: 0px 0px -6px 0px;}
    .box-main{width: 610px; margin: 0px 0px -7px 0px; padding: 14px 20px; border-right: 1px solid #029bde; border-left: 1px solid #029bde; background: #fff;}
	.box-btm{margin: 0px;}
	
	
	#ratesSM {color:#fff; font-family: "Lucida Grande", Arial, Helvetica, sans-serif; width:138px; height:139px; margin:0 0 15px 35px; padding-right:12px; float:right; background-image:url(/media/layout/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/layout/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;}
	
    
#footer {  }


#sidebar {float:left; width:260px; margin-top: 10px;}
	#sidebar-top{margin-bottom: -25px;}
    #sidebar-btm{margin-top: -4px;}
    #sidebar-content{ padding: 0px 20px 20px 20px; background: #fff; border-left: 1px solid #029bde; border-right: 1px solid #029bde;}
	#sidebar h2{color: #106f2b; margin: 20px 0px 0 0; }
	
    #searchBox{}
    
    #map{left: -20px;}
        #mapList ul li{display: block; margin: 0px 0px 5px 0px; list-style-type: none;}
        #mapList ul li img{width: 14px; float: left; margin: -2px 3px 0 0;}

/*-- PAGES --*/
	
    /*-- home --*/
    .book-buttons{width: 100px; float: right; margin: 0px 0px 10px 10px;}
	.book-buttons h3{font-size: 25px;}
    
    #promopanel{width: 652px; height: 235px; padding: 0px; margin-bottom: 20px;}
    #promoarea{width: 652px; height: 235px; padding:0px;}

    /*--- Resorts Detail pages ---*/
   
    body.hotel-details #mini-weather { margin-bottom: 10px; padding-right: 10px; }
    #resort-details { float:left; width:610px; padding:0px; }
    #resort-details #reviews, #resort-details #currentspecials, #resort-details #amenities, #resort-details #rooms, #resort-details #directions { display: none; }
    #resort-details #currentspecials { padding: 0 40px; }
    
    
    
    #resort-details #media-wrapper { float: right; width: 400px; }
    #resort-details #property-info { width: 200px; float: left; }
        
        #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 0px 0px; 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; }
            #resort-details #media-wrapper #media #video { display: none; }
            
        #featuredSpecial { background: #cee1f0 url(/media/layout/featured-special-bg.jpg) repeat-x; padding: 15px 10px; margin: 10px 0; 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 0px; float: left; width: 100%; border-bottom: 1px solid #0674be; }
        
        #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; }


	/* -- vacation form --*/
	
	#vacationPlanner label{display: block;}
    #vacationPlanner input, #vacationPlanner select{display: block; padding: 2px;margin-bottom: 10px;font-size: 14px; border: 1px solid #ccc;}
	#vacationPlanner input.hidden {display: none; height: 0px; padding: 0px; margin: 0px; border: none; background: none;}
    #vacationPlanner input#submit{border: none;}
    
    
    /* -- area info -- */
    	#infoCategories{} 
    	#infoCategories ul{} 
    	#infoCategories ul li{list-style-type: none; display: inline; margin-right: 10px;} 
        
    	#infoCategories ul li a{text-decoration: underline;}
    	
#iframeCal { z-index:2; position:absolute; width:275px; height:136px; visibility:hidden; }
    	/*
----------------------------------------
search specific styles
----------------------------------------
*/
#iframeCal { z-index:2; position:absolute; width:275px; height:136px; visibility:hidden; }
/* SEARCH BOX STYLES*/
#searchBox { padding: 5px; background-color:#cfe7fa;}
#dateSection, #occupantsSection, #detailsSection, #hotelSection { float: left; padding: 2px 10px; }
/* SEARCH RESULTS */
#dateSection img, td img { display: inline; margin-top:-4px;}
#searchResults { padding: 5px 0; margin-bottom: 10px; }
#sortResults { padding: 5px; border-bottom: 1px solid #777; margin-bottom: 5px; }
#searchSubmit, #hotelLabel, #hotelSelect { float:left; margin:0 7px 0 0; }
#searchSubmit { margin-top: 15px; }
h2 { margin:10px 0 0; }
.imgBorder { margin:0 10px 10px 0; display: inline; }
.hotelName { font-weight:normal; font-size:18px; color:#0171bd; letter-spacing:-1px; }
.resultsRow1, .resultsRow2 .gridBG { padding:2px 5px; background-color:#f0f5f9; }
.resultsRow2, .resultsRow1 .gridBG { padding:2px 5px; background-color: #fff; }
/* -- overwrites OLD code -- */
div.blueBox { margin:0 0 10px; padding:10px; background-color:#d7e9f5; }


        
        
/*
	----------------------------
	CLASSES
	____________________________
*/
.clear { overflow:hidden; height:1px; clear:both; }
.alignRight { float:right; margin:0 0 10px 10px; }
.alignLeft { float:left; margin:0 10px 10px 0px; }
.error { color: red; }


.imgHolder img{width: 200px; float: left; margin: 0px 10px 10px 0px;}