/* CSS Document */
html { height: 100%; }
body {
padding: 0;
font-family: "Trebuchet", "Trebuchet MS", Verdana, Arial, sans-serif;
margin-left: 15%;
}
.wrapper { min-height: 100%; height: auto !important; height: 100%; position: relative; }
.container{ width: 797px; margin: 0; padding: 0; }
.contnew { float: left; width: 567px; padding: 0; font-size: 11pt; line-height: 20px; text-align:left; }
#header { width: 567px; float: right; margin: 15px 0 0 0; padding: 0; color:#22347C; }
#headcap { width:556px; padding:0; }
#hd1 { width:200px; font-size: 11pt; line-height: 20px; text-align:left; color: #22347C; float:left; }
#hd2 { width:224px; font-size: 20pt; text-align:left; line-height: 20px; font-weight:bold; padding:0; float:left; }
#hd3 { width:112px; font-size: 10pt; line-height: 18px; text-align:right; vertical-align:top; padding:0; float:left; }
#hd4 { width:112px; font-size: 12pt; color:#fff; line-height: 24px; position: absolute; top: 3px; left: 697px; }
#hdgift { width:110px; font-size: 20pt; line-height: 20px; padding:0; float:left; }
form{ margin: 0; padding: 0; }
.logo{ position: absolute; top: 0px; left: 16px; width: 205px; height: 164px; padding: 0 ; float: left; text-align: center; vertical-align: middle; }
#body {
float: left;
position: absolute;
top: 117px;
left: 16px;
min-height:100%;
height:100%;
width:769px;
}
#map_capsule{ width:765px; height:500px; padding:1px 0 1px 16px; }
#body .sidebar { background: #fff url("../images/left_bar.jpg") no-repeat; width: 200px; float: left; font-size: 10px; border-right: 1px solid #fff; min-height:550px;}
#body .sidebar_specials { height:100%; width: 200px; float: left; font-size: .9em; border-right: 1px solid #fff; min-height:550px;}
#body .sidebar .content { margin: 3px 0 3px 0 !important; padding: 0; width: 190px; float: none; color: #465052;}
#body .sidebarromance { background:url("../images/Romance-Package-Graphic-Side-Bar.jpg") no-repeat; height:100%; width: 200px; float: left; font-size: .9em; border-right: 1px solid #fff; min-height:1550px;}
#body .sidebarromance .content { margin: 3px 0 3px 0 !important; padding: 0; width: 190px; float: none; color: #465052;}
label { display: block; }
input.input1{ color: #465052; width: 144px; font-size:9px; }
input.input2{ color: #465052; width: 95px; display:inline; font-size:9px; vertical-align:top; }
#body .sidebar select { color: #465052; width: 150px; font-size:9px; }
#body .sidebar .adults select, #body .sidebar .children select, #body .sidebar .kids select { color: #465052; width: 50px; font-size:9px; }
#body .sidebar .rooms select { color: #465052; width: 50px; font-size:9px; }
#body .sidebar .state select { color: #465052; width: 70px; font-size:9px; }
#body .sidebar .country select { color: #465052; width: 80px; font-size:9px; }
#body .content { float: left; width: 567px; padding: 0; color: #59452a; }
#body .contentwide {
float: left;
width: 770px;
padding: 0;
color: #59452a;
}
#body2 .content { float: left; width: 567px; padding: 0; color: #59452a; }
.form2 select { color: #465052; width: 160px; font-size:10px; }
.date-box { font-family:"Trebuchet" font-size:90%; color: #000; background: #fff; border: 1px solid #000; width:95px; }
#name { color: #000; background: #fff; border: 1px solid #000 }
input.input3{ color: #465052; width: 80px; font-size:9px; display:inline; }
.adults2 select { color: #465052; width: 35px; font-size:10px; }
.kids select { color: #465052; width: 35px; font-size:10px; }
.adults select { color: #465052; width: 35px; font-size:11px; }
#frame1 { width:569px; height: 122px; padding:0px; text-align:left; margin:4px 0 4px 0; }
#left { width:104px; padding:0px; float:left; background:#fff; }
#leftcenter { width:180px; padding:0px; float:left; font-size: .75em; line-height: 1.25em; color: #22347C; border-right:1px solid #E5E6DE; }
#rightcenter { width:143px; padding:0px; float:left; background:#fff; }
#right { width:141px; padding:0px; float:left; background:#fff; font-size: .7em; line-height: 1.05em; color: #22347C; }
#frame2 { width:569px; height: 109px; padding:0px; }
#left2 { width:284px; padding:0px; float:left; border-right:1px solid #E5E6DE; }
#right2 { width:284px; padding:0px; float:left; }
#frame3 { width:569px; height: 112px; padding:0px; }
#left3 { width:273px; padding:4px; float:left; color: #4D443B; }
#right3 { width:272px; padding:4px; float:left; color: #4D443B; }
#frame4 {
clear: both;
width:567px;
height: 55px;
text-align:left;
border:1px solid #E5E6DE;
}
#left4 { width:57px; height: 35px; padding-top:15px; float:left; text-align:right; display: inline; color: #22347C; line-height:1.0em; }
#leftcenter4 { width:150px; height: 35px; padding-top:15px; float:left; font-size: 1.0em; text-align:left; display: inline; }
#rightcenter4 { width:90px; height: 35px; padding-top:7px; float:left; background:#fff; text-align:left; display: inline; line-height:2.3em; }
#right4 { width:270px; height: 35px; padding-top:6px; float:left; background:#fff; font-size: 15px; line-height:1.0em; color: #22347C; text-align:left;}
#frame5 { width:549px; padding-left:20px; background: #22347C; font-size: 11px; color: #fff; line-height:20px; border-top:1px solid #fff; }
#frame6 { width:745px; padding-left:20px; background: #22347C; font-size: 11px; color: #fff; line-height:20px; }
#frame7 {
width:750px;
padding-left:20px;
background: #22347C;
font-size: 11px;
color: #fff;
line-height:20px;
float: left;
text-align: center;
}
#frame77 {
width:750px;
padding-left:20px;
background: #22347C;
font-size: 11px;
color: #fff;
line-height:20px;
float: left;
text-align: center;
}
#frame8 {
clear: both;
width:770px;
padding-top:1px;
font-size: 11px;
float: left;
}
#frame_blank { width:549px; padding-left:20px; font-size: 11px; color: #fff; line-height:20px; border-top:1px solid #fff; }
#blue_header { width:539px; height:60px; padding-left:30px; line-height:60px; color: #fff; background-color: #22347C; font-size: 1.6em; border-bottom:1px solid #fff; }
#blue_headerwide {
width:730px;
height:60px;
padding-left:30px;
line-height:60px;
color: #fff;
background-color: #22347C;
font-size: 1.6em;
border-bottom:1px solid #fff;
}
#star_header { width:539px; height:105px; padding-left:30px; line-height:60px; color: #fff; background-color: #22347C; font-size: 1.6em; border-bottom:1px solid #fff; }
#blue_header3 { width:537px; height:60px; padding-left:30px; line-height:60px; color: #fff; background-color: #22347C; font-size: 1.6em; border-bottom:1px solid #fff;}
#blue_header2 { position: absolute; top: 117px; left: 16px; width:735px; height:60px; padding-left:30px; line-height:60px; color: #fff; background-color: #22347C; font-size: 1.6em; border-bottom:1px solid #fff; }
.white_header { width:569px; margin:0 10px 0 10px; color: #22347C; background-color: #fff; font-size: 1.2em; }
.back_header { width:569px; height:72px; line-height:22px; margin:0 10px 0 10px; background-color: #fff; }
#res_form { width:569px; color: #fff; background:url("../images/reservation_bg.gif") repeat; height:440px; font-size: 11px; }
#alignright { text-align:right; }
.heading {font-weight:bold; font-size: .9em; line-height:.8em; vertical-align:top;}
#red_header { width:539px; height: 45px; padding:15px 15px 10px 15px; color: #fff; background-color: #8B1A16; font-size: 12px; line-height:13px; }
#calendar { display:inline; }
.tribute_top { width:567; height:403; }
.tribute_text { width:524px; padding:18px 22px 22px 22px ; text-align:left; font-size: 13px; line-height: 16px; color: #22347C; }
#franchise_body { background:#8A1916; float: left; vertical-align:top; width:772px; height:1947px; position: absolute; top: 0px; left: 0px; border:16px solid #fff;}
#franchise_body .franchise_sidebar { height:100%; width: 199px; float: left; font-size: .9em; border-right: 1px solid #fff;}
#fespanol { position:absolute; top:3px; left:703px; }
.flogo { position:absolute; top:36px; left:356px; }
.ftop_text { width:537px; height:242px; position:absolute; top:161px; left:200px; padding:5px 15px 0 20px; font-size: 12px; line-height: 20px; color: #fff; float:left; }
.fmiddle_text { width:537px; height:270px; position:absolute; top:410px; left:200px; padding:5px 15px 0 20px; font-size: 16px; font-weight:bold; line-height: 20px; color: #fff; float:left; }
.fmiddle_text2 { width:537px; height:270px; position:absolute; top:448px; left:200px; padding:5px 15px 0 20px; font-size: 12px; line-height: 20px; color: #fff; float:left; }
.fmiddle_text3 { width:537px; height:270px; position:absolute; top:605px; left:200px; padding:5px 15px 0 20px; font-size: 18px; font-weight:bold; line-height: 24px; color: #fff; float:left; }
.fmiddle2_text { width:537px; height:55px; position:absolute; top:648px; left:200px; padding:5px 15px 0 20px; font-size: 36px; font-family:serif; text-align:justify; line-height: 44px; color: #fff; float:left; }
.fbottom_text { width:537px; height:420px; position:absolute; top:1470px; left:200px; padding:5px 15px 0 20px; font-size: 12px; line-height: 20px; color: #fff; float:left; }
.franchise_footer { width:537px; height:60px; position:absolute; top:1900px; left:200px; padding:0; font-size: 15px; line-height: 20px; color: #fff; float:left; }
.franchise_graphics { width:537px; height: 180px; position:absolute; top:722px; left:200px; padding:5px 15px 0 20px; }
.fg_left { width:250px; height:180; padding:0px; float:left; }
.fg_right { width:256px; height:180; padding:0px; float:left; padding-left: 20px; }
.fgtext_left { width:245px; height:140; position:absolute; top:915px; left:220px; padding-right:18px; font-size: 12px; line-height:16px; color: #fff; }
.fgtext_right { width:250px; height:140; position:absolute; top:915px; left:491px; padding-right:18px; font-size: 12px; line-height:16px; color: #fff; }
.four_types { width:567px; height:160; position:absolute; top:1045px; left:200px; float:left; font-size: 12px; line-height:24px; color: #fff; padding-top:20px;}
.franchise_tabs {position:absolute; top:1105px; left:215px; }
.prpptou_content { font-size: 12px; line-height: 16px; color:#22347C; padding-left:15px; }
.social_network_content {
font-size: 1em;
color:#FFFFFF;
padding-left:5px;
font-weight: bold;
font-family: "Arial Narrow";
line-height: 20px;
}
.ftab_main {width:562px; height:247px; background: url("../images/ftab_bg.gif") repeat-y; position: center bottom;}
.ftabs {width:562px; height:101px;}
.ftab1 {width:130px; height:101px; float:left;}
.ftab2 {width:128px; height:101px; float:left;}
.ftab3 {width:136px; height:101px; float:left;}
.ftab4 {width:146px; height:101px; float:left;}
.ftab_image {width:261px; height:212px; padding:5px 0px 15px 15px; float:left; }
.ftab_text {width:241px; height:212px; padding-top:5px; font-size: 11px; line-height: 15px; text-align:left; color: #fff; float:left; }
#roomheader { width:568px; height: 22px; text-align:left; padding:4px 0 4px 0; background:#22347C; }
#left_room { width:224px; padding:0px; float:left; font-size: 12px; color: #fff; background:#22347C; }
#center_room { width:138px; padding:0px; float:left; font-size: 12px; color: #fff; background:#22347C;}
#right_room { width:204px; padding:0px; float:left; font-size: 12px; color: #fff; background:#22347C;}
#roomdetail { width:568px; height: 76px; text-align:left; padding:1px 0 1px 0; border-bottom:10px solid #fff; }
#roomdetail_left { width:114px; height: 76px; padding:0px; float:left; padding:0px; }
#roomdetail_center { width:338px; height: 70px; padding:10px 0 0 10px; background:#8B1A16; float:left; font-size: 11px; color: #fff; line-height:12px;}
#roomdetail_right { width:94px; height: 70px; padding:10px 10px 0 0; background:#8B1A16; float:left; tex-align:right; font-size: 11px; line-height:12px; }
.room { width:568px; height: 75px; text-align:left; padding:1px 0 1px 0; border-bottom:1px dashed #999; }
.room_left { width:216px; padding:4px 4px 0 4px; float:left; font-size: 11px; color: #333; line-height:12px; }
.room_leftcenter { width:138px; padding-top:4px; float:left; font-size: 11px; color: #333; line-height:12px;}
.room_rightcenter { width:95px; padding-top:4px; float:left; font-size: 11px; color: #333; line-height:12px;}
.room_right { width:107px; padding:0px; float:left; padding:1px 0 1px 0; }
#customer_info input.txt { color: #000; width: 200px; }
#customer_info {
clear: left;
font-size: 12px;
margin: 0;
padding-top: 5px;
padding: 5px 0px 0px 8px;
}
#customer_info div { clear: left; margin: 0; padding: 0; padding-top: 5px; }
#customer_info div label { float: left; width: 115px; text-align:right; font-size: 12px; color:#000; padding-right:5px; }
#customer_info select { width: 205px; color: #000; }
#credit_info input.txt { color: #000; width: 150px; }
#credit_info div { clear: left; margin: 0; padding: 0; padding-top: 5px; }
#credit_info div label { float: left; width: 115px; text-align:right; font-size: 12px; color:#000; padding-right:5px; }
#airline_miles input.txt { color: #000; width: 150px; }
#airline_miles div { clear: left; margin: 0; padding: 0; padding-top: 5px; }
#airline_miles div label { float: left; width: 225px; text-align:right; font-size: 12px; color:#000; padding-right:5px; }
#credit_info_main { width:568px; padding:0; float:left; }
#credit_info_left { width:319px; padding:10px 10px 10px 10px; float:left; }
#credit_info_right { width:175px; padding:10px 44px 10px 10px; float:left; }
#credit_info_left2 { width:410px; height:100px; padding:10px; float:left; }
#credit_info_right2 { width:120px; height:100px; padding:9px; float:left; }
#member_info { padding-top:10px; padding-right:14px; }
#member_header { text-align:left; font-size: 18px; font-weight:bold; color:#22347C; padding-left:15px; }
#member_info input.txt { color: #000; width: 90px; }
#member_info div { clear: left; margin: 0; padding: 0; padding-top: 5px; }
#member_info div label { float: left; width: 85px; text-align:right; font-size: 13px; color:#22347C; padding-right:5px; }
#member_button { text-align:right; width:185px; height:25px; padding-right:15px; }
.resultheader {float:left; width:568px; line-height:16px; color: #fff; background-color: #22347C; font-size: 13px; padding-bottom:2px; }
.resultheaderwide {
float:left;
width:760px;
line-height:16px;
color: #fff;
background-color: #22347C;
font-size: 13px;
padding-bottom:2px;
}
.result_top { width:568px; height:57px;}
.result_top_left { width:114px; padding-top:1px; float:left; }
.result_top_center { width:300px; padding-top:4px; float:left; font-size: 11px; color: #333; line-height:12px;}
.result_top_right { width:154px; padding-top:4px; text-align:right; float:left; font-size: 11px; color: #333; line-height:15px;}
.result_middle { width:580px; height:48px;}
.result_middle_left { width:97px; border-top:1px solid #fff; height:40px; padding:4px 2px 4px 6px; float:left; background:#8B1A16; }
.result_middle_right { width:434px; padding:4px 0 0 9px; float:left; font-size: 11px; color: #333; line-height:12px;}
.social_media {
width:568px;
padding:2px 0 1px 1px;
float:left;
font-size: 11px;
color: #333;
line-height:12px;
background-color: #DFDFDF;
height: 25px;
}
.hotel_description {
width:555px;
padding:4px 0 0 9px;
float:left;
font-size: 11px;
color: #333;
line-height:12px;
}
.hotel_address {
width:275px;
padding-top:4px;
float:left;
font-size: 11px;
color: #333;
line-height:12px;
}
.rates_explore_buttons {
width:175px;
padding-top:4px;
text-align:right;
float:left;
font-size: 11px;
color: #333;
line-height:15px;
}
#SocMediaIcons {
padding: 2px 1px 1px 1px;
float: left;
width: auto;
margin-left: 3px;
font-style: italic;
}
.amenities { float:left; left:1px; font-size: 11px; width:568; }
#hotel_amenities {
float:left;
font-size: 11px;
width:520px;
height: auto;
padding-left: 6px;
}
.amenities_title { font-size: 14px; font-weight: bold;}
.dash { border-bottom:1px dashed #999; }
.head-title { float:left; width:400px; }
.head-link { float:left; text-align:right; width:168px; }
.loyalty { width:553px; height:151px; }
.loyalty_left { width:13px; height:151px; padding:0; float:left; }
.loyalty_left_center { padding-left:7px; padding-right:7px; width:252px; height:164px; font-size: 11px; line-height: 12px; text-align:left; color: #fff; background:#8B1A16; float:left; }
.loyalty_right_center { width:273px; height:162px; border-top:1px solid #8B1A16; border-bottom:1px solid #8B1A16; padding:0; float:left; font-size: 11px; color: #333; line-height:12px;}
.loyalty_right { width:11px; height:151px; padding:0; float:left; }
.subhead { width:524px; padding:10px 22px 22px 22px ; text-align:left; font-size: 11px; line-height: 12px; color: #000; }
.subhead2 { width:524px; padding:25px 22px 22px 22px ; text-align:left; font-size: 11px; line-height: 12px; color: #000; }
.subhead3 { width:524px; padding:111px 22px 10px 22px ; text-align:left; font-size: 11px; line-height: 12px; color: #000; }
.subhead4 { width:524px; padding:18px 22px 22px 22px ; text-align:left; font-size: 11px; line-height: 12px; color: #000; }
.subhead5 { width:524px; padding:18px 22px 22px 22px ; text-align:left; font-size: 11px; line-height: 24px; color: #000; }
.subhead6 { width:524px; padding:18px 22px 22px 22px ; text-align:left; font-size: 11px; line-height: 16px; color: #000; }
.vets1 { width:180px; height: 30px; font-size:13px; line-height:20px; text-align:left; padding:10px 10px 10px 10px;}
.vets2 { width:180px; height: 50px; font-size:11px; line-height:14px; text-align:left; padding:10px 10px 10px 10px; }
.vets3 { width:180px; height: 30px; font-size:13px; line-height:20px; text-align:left; padding:10px 10px 10px 10px; }
.vets4 { width:180px; height: 50px; font-size:11px; line-height:14px; text-align:left; padding:10px 10px 10px 10px; }
.memorial_top { width:567px; height:396px; padding:0; }
.memorial_top_left { width:313px; height:366px; padding:15px; text-align:left; font-size: 11px; line-height: 16px; float:left; }
.memorial_top_right{ width:224px; height:396px; padding:0px; float:left; }
.memorial_bottom { width:567px; height:190px; padding:0; }
.memorial_bottom_left { width:343px; height:190px; padding:0px; float:left; }
.memorial_bottom_right { width:214px; height:180px; padding:10px 5px 0 5px; text-align:left; font-size: 11px; line-height: 16px; float:left; }
.prpptou_content { font-size: 12px; line-height: 16px; color:#22347C; padding-left:15px; }
.emailpref_top { width:567px; height:234px; padding:0; background:url("../images/email_pref_bg.jpg") no-repeat; }
.emailpref_top_left { width:220px; height:180px; padding:25px 15px 15px 25px; text-align:left; font-size: 11px; line-height: 14px; float:left; }
.emailpref_top_right{ width:60px; height:60px; padding:184px 5px 5px 242px; float:left; }
.emailpref_bottom { width:547px; height:260px; padding:10px; font-size: 11px; line-height: 16px; color:#22347C; }
.amenities_legend { margin:0; width:547px; height:1310px; padding:10px; font-size: 14px; line-height: 16px; color:#666; vertical-align:middle; }
.amenities_table { padding-left:30px; }
#miles_main { width:569px; height:435px; background: url("../images/miles_bg.jpg"); background-repeat: no-repeat; background-position: top left; }
.miles_text { width:529px; height:335px; padding:135px 15px 0 25px; color:#333; font-size:13px; line-height:13px; }
.miles_promote { width:569px; height:250px; background:#8A1916; }
.miles_promote_text { width:539px; height:230px; padding:20px 10px 0 20px; font-size:12px; line-height:14px; color:#fff;}
#freinds_main { width:569px; height:630px; }
.friends_text { width:539px; padding:10px 10px 0 20px; font-size:13px; line-height:14px; color:#333;}
#groups_main { width:569px; height:494px; background: url("../images/group_bg.gif"); background-repeat: repeat-y; }
.groups_text1 { float:left; width:289px; height:444px; padding:25px; color:#333; font-size:13px; line-height:17px; }
.groups_text2 { float:left; width:208px; height:444px; padding:25px 10px 25px 10px; color:#333; font-size:13px; line-height:17px; }
#travel_main { width:569px; height:315px; background: url("../images/travel_plane_bg.jpg"); background-repeat: no-repeat; background-position: top left; }
.travelextras { width:374px; height:215px; padding:50px 10px 0 185px; color:#333; font-size:12px; line-height:12px; }
.travelextras p { color:#22347C; line-height:18px; }
.travelextras ul { padding-left: 9px; margin-left: 8px; font-size:11px; line-height:18px; }
.travel_promote { width:569px; height:198px; background: url("../images/travel_promote_bg.gif"); background-repeat: no-repeat; background-position: top left; }
.travel_promote_text { width:539px; height:178px; padding:20px 10px 0 20px; font-size:12px; line-height:18px; color:#fff;}
.travel_newprop { border-bottom:1px solid #fff; width:569px; height:115px; background: url("../images/travel_newprop_bg.jpg"); background-repeat: no-repeat; background-position: top left; }
.travel_newprop_text { width:214px; height:95px; padding:20px 0 0 355px; font-size:13px; font_weight:bold; line-height:18px; color:#fff;}
.travel_pledge { width:569; height:335px; }
#travel_pledge_image { float:left; width:176px; height:271px; padding:20px 5px 44px 5px; }
.travel_pledge_text { float:left; width:363px; height:271px; padding:32px 15px 32px 0; font-size:13px; font_weight:bold; line-height:14px; color:#333; }
.rewards_content { width:569px; height: 519px; background:url('../images/rewards_bg.jpg') no-repeat; background-position:bottom right;}
.rewards_left { float:left; width:277px; height: 476px; padding:14px 15px 25px 15px; float:left; text-align:left; font-size:12px; line-height:15px; color: #000; }
.rewards_right { float:left; width:224px; height: 156px; padding:10px 15px 25px 15px; float:left; text-align:left; font-size:12px; line-height:17px; font-weight: bold; color: #fff; }
.loyalty-head-image { float:left; width:135px; padding:12px 0 12px 0; }
.loyalty-head-text { float:left; width:370px; height: 24px; padding:12px 0 12px 20px; }
.retrieved_reservations {font-size:12px; }
#rewardscapsule { width:276px; height: 30px; display:block; text-align:left; line-height:20px; padding:5px 0 0 24px; }
#rewardscapsule1 { width:276px; height: 30px; display:block; line-height:60px; padding:0; }
#l-rewards1 { width:100px; padding:0px; float:left; background:#fff; text-align:right; display: inline; line-height:23px; }
#r-rewards1 { width:100px; padding:0px; float:left; background:#fff; text-align:left; display: inline; line-height:14px; }
#rewardscapsule2 { width:276px; height: 30px; display:block; line-height:60px; padding:0; }
#l-rewards2 { width:100px; padding:0px; float:left; background:#fff; text-align:right; display: inline; line-height:23px; }
#r-rewards2 { width:100px; padding:0px; float:left; text-align:left; display: inline; }
#rewardscapsule3 { width:276px; height: 30px; display:block; line-height:60px; padding:0; }
#l-rewards3 { width:100px; padding:0px; float:left; background:#fff; text-align:right; display: inline; line-height:23px; }
#c-rewards3 { width:100px; padding:0px; float:left; text-align:right; display: inline; line-height:20px; }
#r-rewards3 { width:70px; padding:0px; float:left; text-align:left; padding-left:6px; display: inline; }
#s_bestrate { width:568px; height: 119px; font-size: 12px; line-height: 15px; }
#specials_left {
font-size: 12px;
line-height: 12px;
padding: 0px 10px 0px 5px;
}
#l_bestrate {
width:568px;
font-size: 12px;
line-height: 15px;
padding: 0px 0px 0px 8px;
}
#s_rewards { width:568px; height: 115px; font-size: 12px; line-height: 15px; }
#s_friends { width:568px; height: 115px; font-size: 12px; line-height: 15px; }
.s_left { width:153px; height: 85px; padding:10px 15px 10px 14px; float:left; }
.s_right { width:348px; padding:30px 20px 10px 0; float:left; }
.s_right2 { width:348px; padding:15px 20px 10px 0; float:left; }
#s_romance { width:569px; height: 54px; font-size: 12px; line-height: 15px; border-top:1px solid #fff; border-bottom:1px solid #fff; }
#s_specialty { width:569px; height: 54px; font-size: 12px; line-height: 15px; border-bottom:1px solid #fff; }
#s_golf { width:569px; height: 54px; font-size: 12px; line-height: 15px; border-bottom:1px solid #fff; }
#s_ski { width:569px; height: 54px; font-size: 12px; line-height: 15px; border-bottom:1px solid #fff; }
.packages_left { width:239px; height: 54px; float:left; }
.packages_right { width:330px; height: 24px; background:url('../images/packages_gradient.gif') repeat-y; padding:15px 0 15px 0; text-align:center; float:left; }
#s_romance2 { width:569px; height: 90px; font-size: 12px; line-height: 15px; border-top:1px solid #fff; border-bottom:1px solid #fff;}
#s_specialty2 { width:569px; height: 90px; font-size: 12px; line-height: 15px; border-bottom:1px solid #fff; }
#s_golf2 { width:569px; height: 90px; font-size: 12px; line-height: 15px; border-bottom:1px solid #fff; }
#s_romance3 { width:569px; height: 100px; font-size: 12px; line-height: 15px; border-top:1px solid #fff; border-bottom:1px solid #fff;background:url('../images/romance1.jpg') no-repeat;text-align:right; }
#s_ski2 { width:569px; height: 90px; font-size: 12px; line-height: 15px; border-bottom:1px solid #fff; }
#s_golf3 { width:569px; height: 100px; font-size: 12px; line-height: 15px; border-bottom:1px solid #fff; background:url('../images/golf1.jpg') no-repeat;text-align:right; }
#s_ski3 { width:569px; height: 100px; font-size: 12px; line-height: 15px; border-top:1px solid #fff; background:url('../images/ski1.jpg') no-repeat;text-align:right; }
#s_area3 { width:569px; height: 100px; font-size: 12px; line-height: 15px; border-top:1px solid #fff; background:url('../images/area1.jpg') no-repeat;text-align:right; }
#s_other3 { width:569px; height: 100px; font-size: 12px; line-height: 15px; border-top:1px solid #fff; background:url('../images/seasonal1.jpg') no-repeat;text-align:right; }
.packages_left2 { width:386px; height: 90px; float:left; }
.packages_right2 { width:183px; height: 90px; padding:0px 0 1px 0; text-align:right; float:left; }
.about_top { width:569px; height: 320px; background:url('../images/about_top.gif') no-repeat; background-position: top left;}
.about_top_text { width:519px; height: 150px; font-size:12px; line-height:15px; color:#22347C; padding:140px 10px 10px 40px;}
.news_top { width:569px; height: 200px; background:url('../images/news-graphic.jpg') no-repeat; background-position: top left;}
.news_top_text { width:519px; height: 150px; font-size:12px; line-height:15px; color:#22347C; padding:160px 10px 10px 40px; text-align:right;}
#sr { width:456px; height:100px; font-size: 11px; line-height: 12px; padding:0 54px 0 54px; }
#sr_left { width:168px; float:left; }
#sr_center { width:168px; float:left; }
#sr_right { width:120px; float:left; }
.line { border-bottom:1px solid #666; }
.dash { border-bottom:1px dashed #999; }
.head-title { float:left; padding-left:7px; width:500px; }
.head-link { float:left; text-align:right; width:45px; padding-right:7px; }
.amenities { float:left; left:1px; font-size: 12px; }
.airline_miles { float:left; text-align:right; width:380px; font-size: 12px; margin-bottom:6px; }
.credit_card { float:left; text-align:right; width:380px; font-size: 12px; margin-bottom:6px; }
#hotel_information { width:558px; height:110px; padding:10px 0 10px 10px; }
#hotel_left { width:258px; height:110px; font-size: 11px; line-height: 12px; text-align:left; color: #000; float:left; }
#hotel_center { width:150px; height:110px; text-align:center; font-size: 11px; float:left; background:url("../images/check_in_bg.gif") no-repeat; }
#hotel_right { width:150px; height:110px; padding:0; float:left; background:url("../images/check_out_bg.gif") no-repeat; }
#hotel_ci { font-size: 14px; line-height: 18px; padding-left:60px; text-align:left; color: #fff; }
#hotel_co { font-size: 14px; line-height: 18px; padding-left:20px; text-align:left; color: #fff; }
#rate_information { width:568px; height:110px; }
#rate_left { width:330px; height:118px; padding:5px 5px 5px 5px; font-size: 11px; line-height: 13px; text-align:left; color: #000; float:left; }
#rate_right { width:180px; height:118px; padding:5px 5px 5px 5px; font-size: 11px; line-height: 13px; text-align:left; color: #000; float:left; }
.rate_detail { width:330px; padding:5px 5px 5px 5px ; text-align:left; font-size: 12px; line-height: 14px; color: #000; }
.res_header { width:499px; height: 32px; padding:15px 6px 0 20px; text-align:left; font-size: 16px; font-weight:bold; line-height: 16px; color: #fff; }
#res1 { position:absolute; top:112px; left:206px; width:499px; height: 32px; padding:6px 0 6px 20px; text-align:left; }
#res1_left { width:175px; padding:0px; float:left; }
#res1_center { width:160px; padding:0px; float:left; }
#res1_right { width:99px; padding:0px; float:left; line-height: 52px; }
.res1_or { width:20px; padding:0px; float:left; line-height: 52px; padding-bottom:6px; display:inline; vertical-align:bottom; }
#res1_left select { width:160px; }
#res2 { position:absolute; top:173px; left:206px; width:549px; height:32px; padding:0 0 18px 20px; }
#res2_left { width:90px; padding:0px; float:left; }
#res2_leftcenter { width:90px; padding:0px; float:left; }
#res2_rightcenter { width:65px; padding:0px; float:left; }
#res2_right { width:120px; padding:0px; float:left; }
.res2_calendar { width:35px; float:left; padding-top:14px; display:inline; vertical-align:bottom; }
#res2_rightcenter select, #res2_right select { width:50px; }
#res3 { position:absolute; top:226px; left:206px; width:549px; height: 32px; padding:6px 0 15px 20px; text-align:left; }
#res3_left { width:140px; padding:0px; float:left; }
#res3_center { width:165px; padding:0px; float:left; }
#res3_right { width:192px; padding:0px; float:left; line-height: 52px; }
.res3_or { width:20px; padding:0px; float:left; line-height: 52px; padding-bottom:6px; display:inline; vertical-align:bottom; }
#res4 { position:absolute; top:277px; left:222px; width:559px; height: 32px; padding:6px 0 15px 10px; text-align:left; }
#res4_left { width:140px; padding:0px; float:left; }
#res4_center { width:165px; padding:0px; float:left; }
#res4_right { width:192px; padding:0px; float:left; line-height: 52px; }
#res_link { position:absolute; top:407px; left:216px; width:547px; height:90px; padding:10px;}
#rewardscontent { width:568px; height: 519px; background:url("../images/rewards_bg.gif") no-repeat bottom right; }
#rewards_left { width:86px; padding:0px; float:left; background:#fff; text-align:right; display: inline; line-height:23px; }
#rewards_right { width:90px; padding:0px; float:left; text-align:left; display: inline; }
#confirmcap1 { width:558px; height: 97px; padding:10px 0 10px 10px; text-align:left; border-bottom:1px dashed #999; }
#confirmcap1-1 { width:558px; height: 32px; padding:10px 0 10px 10px; text-align:left; border-bottom:1px dashed #999; }
#confirmcap2 { width:558px; height: 18px; padding:10px 0 10px 10px; text-align:left; border-bottom:1px dashed #999; }
#confirmcap3 { width:558px; height: 64px; padding:10px 0 10px 10px; text-align:left; border-bottom:1px dashed #999; }
#confirmcap4 { width:558px; height: 96px; padding:10px 0 10px 10px; text-align:left; border-bottom:1px dashed #999; }
#confirmcap5 { width:558px; height: 66px; padding:10px 0 10px 10px; text-align:left; border-bottom:1px dashed #999; }
#confirmcap6 { width:558px; height: 118px; padding:10px 0 10px 10px; text-align:left; border-bottom:1px dashed #999; }
#confirmcap7 { width:558px; height: 121px; padding:10px 0 10px 10px; text-align:left; border-bottom:1px dashed #999; }
#confirmcap8 { width:558px; height: 110px; padding:10px 0 10px 10px; text-align:left; }
#confirmcap8-1 { width:558px; height: 212px; padding:10px 0 10px 10px; text-align:left; }
.confirm_hd1 { font-size: 24px; font-weight:bold; color: #666; }
.confirm_hd2 { font-size: 14px; font-weight:bold; color: #666; }
.confirm_text { font-size: 12px; line-height: 13px; color: #666; }
.cs_side_text { font-size:12px; color:#22347C; }
.cs_textbox {
font-size:12px;
padding-right: 20px;
padding-left: 20px;
}
#cs_form { width:567px; }
#cs_top { width:567px; height:228px; background:url("../images/cs_top_bg.jpg") no-repeat top center; }
.cs_top_black { padding:15px 0 0 50px; font-weight:bold; color:#000; font-size:13px; }
.cs_top_red { padding:15px 0 0 50px; font-weight:bold; color:#8A1916; font-size:15px; }
.cs_dropdown { padding-left:50px; font-weight:bold; color:#666; font-size:11px; }
#cs_gift { padding:15px; width:254px; height:197px; line-height:13px;color:#fff; font-size:11px; background:url("../images/cs_gift_bg.gif") no-repeat top center; float:left; }
#cs_group { padding:15px; width:253px; height:197px; line-height:13px; color:#fff; font-size:11px; background:url("../images/cs_group_bg.gif") no-repeat top center; float:left; }
#cs_email { padding:15px 0 0 86px; width:198px; height:101px; line-height:13px; color:#22347C; font-size:11px; background:url("../images/cs_email_bg.gif") no-repeat top center; float:left; }
#cs_miles { padding:15px; width:253px; height:84px; line-height:13px; color:#22347C; font-size:11px; background:url("../images/cs_miles_bg.gif") no-repeat top center; float:left; }
#cs_middle { width:567px; height:227px; }
#cs_bottom { width:567px; height:114px; }
#cs_gift ul {list-style-type: none; padding:0px; margin:0px; line-height:16px;}
.cs_purchase {font-size:16px; font-weight:bold; padding-top:10px; line-height:16px; text-align:center; color:#fff;}
.cs_address {font-size:11px; padding:10px 0 10px 0; line-height:14px; text-align:center; color:#22347C;}
h1 { font-size: 1.1em; height: 1.7em; font-weight: bold; margin: 0; padding: 0; color: #22347C; clear: both;}
h2 { font-size: 18px; height: 20px; font-weight: bold; margin: 0; padding: 0; color: #fff; clear: both;}
h3 { font-size: 12px; font-weight: bold; margin: 0; padding: 0; color: #22347C; clear: both;}
h4 { font-size: 11px; font-weight: bold; margin: 0; padding: 0; color: #22347C; clear: both;}
h5 { font-size: 11px; font-weight: bold; margin: 0; padding: 0; color: #fff; clear: both;}
/* links start*/
a.blueboldlink { font-weight:bold; color:#22347C; text-decoration: underline; }
a:hover.blueboldlink { font-weight:bold; color:#22347C; text-decoration: none; }
a.blackboldlink { color:#333; text-decoration: underline; }
a:hover.blackboldlink { color:#333; text-decoration: none; }
a.blue_header_link { color: #fff; font-size: 24px; text-decoration: none; }
a:hover.blue_header_link { color: #fff; font-size: 24px; text-decoration: none; }
a.bluelink { font-weight:bold; color:#22347C; font-size:11px; text-decoration: none; }
a:hover.bluelink { font-weight:bold; color:#22347C; font-size:11px; text-decoration: none; }
a.bluelink2 { font-weight:bold; color:#22347C; font-size:10px; text-decoration: underline; }
a:hover.bluelink2 { font-weight:bold; color:#22347C; font-size:10px; text-decoration: none; }
a.blacklink { color:#000; text-decoration: underline; }
a:hover.blacklink { color:#000; text-decoration: none; }
a.redlink { font-weight:bold; color:#8A1916; font-size:16px; text-decoration: underline; }
a:hover.redlink { font-weight:bold; color:#8A1916; font-size:16px; text-decoration: none; }
a.greyboldlink { font-weight:bold; color:#4D443B; text-decoration: underline; }
a:hover.greyboldlink { font-weight:bold; color:#4D443B; text-decoration: none; }
a.bigwhiteboldlink { font-weight:bold; font-size:16px; color:#fff; text-decoration: underline; }
a:hover.bigwhiteboldlink { font-weight:bold; font-size:16px; color:#fff; text-decoration: none; }
a.biggreylink { font-weight:bold; color:#4D443B; text-decoration: underline; }
a:hover.biggreylink { font-weight:bold; color:#4D443B; text-decoration: none; }
a.goldboldlink { font-weight:bold; font-size:16px; color:#FFCC33; text-decoration: underline; }
a:hover.goldboldlink { font-weight:bold; font-size:16px; color:#CCCCCC; text-decoration: none; }
a.whiteboldlink { font-weight:bold; font-size:10px; color:#fff; text-decoration: underline; }
a:hover.whiteboldlink { font-weight:bold; font-size:10px; color:#fff; text-decoration: none; }
a.whiteboldlink2 { font-weight:bold; font-size:12px; color:#fff; text-decoration: underline; }
a:hover.whiteboldlink2 { font-weight:bold; font-size:12px; color:#fff; text-decoration: none; }
a.whitelink { font-size:12px; color:#fff; text-decoration: underline; }
a:hover.whitelink { font-size:12px; color:#fff; text-decoration: none; }
a.footerlink { color:#fff; text-decoration: none; }
a:hover.footerlink { color:#fff; text-decoration: none; }
/* links end*/
/* top navigation start */
#navcontainer {
width: 777px;
font-family: trebuchet ms, trebuchet, sans-serif;
font-weight: normal;
float:right;
font-size:12px;
line-height:30px;
height:30px;
text-align:right;
padding:0;
margin:0;
}
html #navcontainer { position: absolute; top: 76px; left: 0px; }
#navcontainer ul li { list-style-type: none; padding: 0; margin: 0; display: block; float:right; background: url("../images/tab.gif"); line-height:30px; text-align:center; }
#navcontainer a { text-decoration: none; display: block; width: 109px; height:30px; color:white; padding:0; margin:0;}
#navcontainer .span{text-decoration: none;display: block;width: 109px; height:30px; color:white; padding:0; margin:0;}
#navcontainer li#active { background: url("../images/active_tab.gif"); }
/* top navigation end */
#faq_capsule { padding-left:10px; height:600px; }
/* faq links */
/* faq links */
a.faqlink1 {font-size:13px; color:#999; text-decoration: none; /* definition for the link that will display the layer */}
a.faqlink1:hover {background: none; /* correction for an IE bug*/}
a.faqlink1 span { /* definition of tag included in */display: none;}
a.faqlink1:hover span { /* definition of tag when hovering */display: inline;position: absolute;top: 113px; /* layer's place and dimension that you can change at will */left: 465px; width: 400px; height: 245px; text-align: left; color: #000;}
a.faqlink2 {font-size:12px; color:#999; text-decoration: none; /* definition for the link that will display the layer */}
a.faqlink2:hover {background: none; /* correction for an IE bug*/}
a.faqlink2 span { /* definition of tag included in */display: none;}
a.faqlink2:hover span { /* definition of tag when hovering */display: inline;position: absolute;top: 175px; /* layer's place and dimension that you can change at will */left: 435px; width: 280px; height: 245px; text-align: left; color: #000;}
a.faqlink3 {font-size:12px; color:#999; text-decoration: none; /* definition for the link that will display the layer */}
a.faqlink3:hover {background: none; /* correction for an IE bug*/}
a.faqlink3 span { /* definition of tag included in */display: none;}
a.faqlink3:hover span { /* definition of tag when hovering */display: inline;position: absolute;top: 209px; /* layer's place and dimension that you can change at will */left: 419px; width: 280px; height: 245px; text-align: left; color: #000;}
a.faqlink4 {font-size:12px; color:#999; text-decoration: none; /* definition for the link that will display the layer */}
a.faqlink4:hover {background: none; /* correction for an IE bug*/}
a.faqlink4 span { /* definition of tag included in */display: none;}
a.faqlink4:hover span { /* definition of tag when hovering */display: inline;position: absolute;top: 243px; /* layer's place and dimension that you can change at will */left: 455px; width: 280px; height: 245px; text-align: left; color: #000;}
a.faqlink5 {font-size:12px; color:#999; text-decoration: none; /* definition for the link that will display the layer */}
a.faqlink5:hover {background: none; /* correction for an IE bug*/}
a.faqlink5 span { /* definition of tag included in */display: none;}
a.faqlink5:hover span { /* definition of tag when hovering */display: inline;position: absolute;top: 277px; /* layer's place and dimension that you can change at will */left: 455px; width: 280px; height: 245px; text-align: left; color: #000;}
a.faqlink6 {font-size:13px; color:#999; text-decoration: none; /* definition for the link that will display the layer */}
a.faqlink6:hover {background: none; /* correction for an IE bug*/}
a.faqlink6 span { /* definition of tag included in */display: none;}
a.faqlink6:hover span { /* definition of tag when hovering */display: inline;position: absolute;top: 311px; /* layer's place and dimension that you can change at will */left: 510px; width: 400px; height: 245px; text-align: left; color: #000;}
a.faqlink7 {font-size:12px; color:#999; text-decoration: none; /* definition for the link that will display the layer */}
a.faqlink7:hover {background: none; /* correction for an IE bug*/}
a.faqlink7 span { /* definition of tag included in */display: none;}
a.faqlink7:hover span { /* definition of tag when hovering */display: inline;position: absolute;top: 344px; /* layer's place and dimension that you can change at will */left: 593px; width: 280px; height: 245px; text-align: left; color: #000;}
a.faqlink8 {font-size:12px; color:#999; text-decoration: none; /* definition for the link that will display the layer */}
a.faqlink8:hover {background: none; /* correction for an IE bug*/}
a.faqlink8 span { /* definition of tag included in */display: none;}
a.faqlink8:hover span { /* definition of tag when hovering */display: inline;position: absolute;top: 377px; /* layer's place and dimension that you can change at will */left: 521px; width: 280px; height: 245px; text-align: left; color: #000;}
a.faqlink9 {font-size:12px; color:#999; text-decoration: none; /* definition for the link that will display the layer */}
a.faqlink9:hover {background: none; /* correction for an IE bug*/}
a.faqlink9 span { /* definition of tag included in */display: none;}
a.faqlink9:hover span { /* definition of tag when hovering */display: inline;position: absolute;top: 410px; /* layer's place and dimension that you can change at will */left: 605px; width: 280px; height: 245px; text-align: left; color: #000;}
a.faqlink10 {font-size:12px; color:#999; text-decoration: none; /* definition for the link that will display the layer */}
a.faqlink10:hover {background: none; /* correction for an IE bug*/}
a.faqlink10 span { /* definition of tag included in */display: none;}
a.faqlink10:hover span { /* definition of tag when hovering */display: inline;position: absolute;top: 443px; /* layer's place and dimension that you can change at will */left: 625px; width: 280px; height: 245px; text-align: left; color: #000;}
a.faqlink11 {font-size:12px; color:#999; text-decoration: none; /* definition for the link that will display the layer */}
a.faqlink11:hover {background: none; /* correction for an IE bug*/}
a.faqlink11 span { /* definition of tag included in */display: none;}
a.faqlink11:hover span { /* definition of tag when hovering */display: inline;position: absolute;top: 477px; /* layer's place and dimension that you can change at will */left: 695px; width: 280px; height: 245px; text-align: left; color: #000;}
a.faqlink12 {font-size:12px; color:#999; text-decoration: none; /* definition for the link that will display the layer */}
a.faqlink12:hover {background: none; /* correction for an IE bug*/}
a.faqlink12 span { /* definition of tag included in */display: none;}
a.faqlink12:hover span { /* definition of tag when hovering */display: inline;position: absolute;top: 510px; /* layer's place and dimension that you can change at will */left: 480px; width: 280px; height: 245px; text-align: left; color: #000;}
a.faqlink13 {font-size:12px; color:#999; text-decoration: none; /* definition for the link that will display the layer */}
a.faqlink13:hover {background: none; /* correction for an IE bug*/}
a.faqlink13 span { /* definition of tag included in */display: none;}
a.faqlink13:hover span { /* definition of tag when hovering */display: inline;position: absolute;top: 543px; /* layer's place and dimension that you can change at will */left: 582px; width: 280px; height: 245px; text-align: left; color: #000;}
a.faqlink14 {font-size:12px; color:#999; text-decoration: none; /* definition for the link that will display the layer */}
a.faqlink14:hover {background: none; /* correction for an IE bug*/}
a.faqlink14 span { /* definition of tag included in */display: none;}
a.faqlink14:hover span { /* definition of tag when hovering */display: inline;position: absolute;top: 576px; /* layer's place and dimension that you can change at will */left: 500px; width: 280px; height: 245px; text-align: left; color: #000;}
.answer { width:450px; }
.answer_top { width:450px; height:12px; clear:both; vertical-align:top;}
.answer_arrow1 { background:url('../images/answer_arrow.gif') no-repeat; background-position: top left; width:100px; padding:0 325px 0 25px; height:28px; float:left;}
.answer_arrow2 { background:url('../images/answer_arrow.gif') no-repeat; background-position: bottom left; width:450px; height:28px; float:left;}
.answer_text { background:url('../images/answer_bg.gif') repeat-y; width:306px; padding:0 25px 0 25px; font-size:11px; font-weight:normal; color:#333; }
.answer_bottom { width:450px; height:20px; clear:both; vertical-align:bottom;}
#popup a, #popup a:visited {position: relative; display: block; width: 130px; line-height: 30px; text-align: right; padding: 0 10px; margin: 0; border: 1px solid #666; text-decoration: none; font-size: 0.8em; color: #000; background: #eee; }
#popup a span {display: none;}
#popup a:hover { color: #f00; }
#popup a:hover span{ display: block; position: absolute; top: 0px; left: 150px; width: 250px; margin: 0px; color: #000; background: #fee; text-align: center; }
img {
vertical-align: middle;
}
/**************************/
/* Written by Mike Pedley */
/**************************/
.shilo_map {
padding:0 0 0 10px;
font-size: 11px;
color: #FFFFFF;
line-height:7px;
}
a.shilo_map {
text-decoration: underline; /* definition for the link that will display the properties next to the map */
}
a.shilo_map:hover {
color: #FFCC00;
}
.shilo_map_title {
padding:0 0 0 3 px;
float:left;
font-size: 13px;
color: #F4F4F4;
line-height:12px;
font-weight: bold;
}
.shilo_database {
padding:0 0 0 10px;
font-size: 11px;
color: #000066;
line-height:11px;
}
a.shilo_database {
}
a.shilo_database:hover {
color: #FF0000;
}
.shilo_database_title {
padding:0 0 0 3 px;
font-size: 13px;
color: #000066;
line-height:13px;
font-weight: bold;
}
.Long_content {
font-size: 12px;
line-height: 16px;
color:#22347C;
padding-left:0px;
}