@charset "utf-8";
/* CSS Document */
html {width:100%; height:100%; margin:0; padding:0;}
body { background-image: url(bbkgg.jpg); background-color:#4a0d01; background-repeat:repeat; background-position:center top; margin:0; padding:0; height:100%; width:100%;}
#linered { background-image:url(linered.jpg); background-repeat: no-repeat; background-position:center 488px;}
/* keep these attibutes in here*/
h1 {padding-bottom:8px; margin:0; font-weight:bold; font-family:'Droid Sans', arial, serif; font-size:16px; color:#000000;}
h2 {padding:0; margin:0; font-weight:bold; font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#353535;}
/* no longer use .headline or .subheadline classes */
p {padding:0; margin:0;}
a {outline:none;}
a img {border:none; outline:none;}
.clearspace {clear:both;}
#wrapper { width: 941px; margin-right:auto; margin-left:auto; }
#top { background-image:url(bkg_top2.png); background-position:left top; background-repeat:no-repeat; position:relative; width:941px; height:525px; z-index:0; }
#logo { position:absolute; left:18px; top:9px; z-index:1;}
#brg { color:#a5a5a5; font-family: 'Droid Sans', arial, serif; font-size:11px; position:absolute; left:490px; top:28px; text-transform:uppercase;}
#brg a, #brg a:link, #brg a:visited, #brg a:active { color:#a5a5a5; text-decoration:none; }
#brg a:hover { color:#ffffff; text-decoration:none;}
#social { position:absolute; top:19px; left:660px; cursor:pointer; width:260px; height:27px; }
#follow { font-family: 'Droid Sans', arial, serif; font-size:15px; color:#FFF; position:absolute; left:21px; top:6px; cursor:default; }
#sm { position:absolute; left:133px;}
#sm_desp { position:absolute; width:70px; height:125px; left:854px; top:19px; cursor:pointer; display:none;}
#more { position:absolute; left:194px; }
#menos { position:absolute; z-index:2; }
#sm_icons { position:absolute; left:23px; z-index:4;}
#topnav { position:absolute; left:157px; top:69px; z-index:2; }
#headerImages { position:absolute; left:11px; top:69px; width:920px; height:417px; border:0; z-index:-1;}
#bmask_wrapper { position:absolute; width:416px; height:74px; left:490px; top:369px; z-index:2; background-image:url(bmask/bmask_bkg.png); background-repeat:no-repeat; }
#bmasktext { font-family: 'Droid Sans', arial, serif; font-size:17px; color:#000; position:absolute; left:14px; top:7px; cursor:default; letter-spacing:0.2px}
#mainnav { position:absolute; left:-22px; top:488px; z-index:2;}
#mainnav .navSeparator {background:url(mainnav_spacer.gif) no-repeat scroll 0 0 transparent; font-size:0px; height:35px; width:2px; list-style:none outside none; }
#middle { position:relative; background-color:#ffffff; background-image:url(bkg_middle.gif); background-repeat:repeat-y; background-position:left top; left:8px; padding-bottom:30px; width:926px;}
#middle_left { float:left; position:relative; width:645px; _width:600px;}
#headers { font-size:35px; color:#6f6f6f; font-family: 'Droid Sans', arial, serif; position:relative; left:33px; top:31px;}
.red { color:#a30f18; }
#headerhome { font-family: 'Lato bold', arial, serif; font-size:20px; color:#6f6f6f; position:relative; left:300px; top:-8px; letter-spacing:0.2px; padding-bottom:7px;}
#middle_right { width:280px; _widht:308px; height:440px; float:right; position:relative; top:32px; _left:23px; }
#bottom { background-image:url(bkg_bottom.jpg); background-color:#ffffff; background-position:left top; position:relative; left:8px; width:926px; height:267px; }
#footertext { font-family: 'Lato', arial, serif; font-size:19px; color:#fff; position:absolute; left:514px; top:15px; cursor:default;}
#copyright { font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#dba1a5; position:absolute; top:161px; left:17px; }
#ht { position:absolute; left: 753px; top:161px; }
/* --------- HTML Navigation ------------ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#topnav li { background-image:url(leftcorner.png); background-position:left top; background-repeat:no-repeat; padding-left:5px; float:left; padding-bottom:5px; text-decoration:none; height:25px; padding-top:1px; }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#mainnav { position:absolute; left:-22px; top:490px; z-index:2;}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#footernav { position:absolute; left:350px!important; top:35px; }
}
#topnav ul { list-style:none;}
#topnav li { background-image:url(leftcorner.png); background-position:left top; background-repeat:no-repeat; padding-left:5px; float:left; padding-bottom:5px; text-decoration:none; height:25px; padding-top/*\**/:5px\9; *padding-top:1px; _padding-top:0px;}
#topnav li a { background-image:url(rightcorner.png); background-position:right top; background-repeat:no-repeat; margin-right:1px; padding-bottom:6px; padding-top:8px; *padding-top:5px; _padding-top:4px; padding-right:14px; padding-left:9px; font-family:'Droid Sans', arial, serif; text-transform:uppercase; font-size:12px; color:#ffffff; text-decoration:none; height:25px; position:relative; top:3px; _top:0px; *position:none;}
#topnav li:hover {background-image: url(leftcorner_on.png); }
#topnav li:hover a {background-image:url(rightcorner_on.png); }
#topnav li a span { position:relative; top:-3px; *position:none; }
#mainnav ul {list-style:none;}
#mainnav li {display:block; text-align:center; padding:7px 0px; float:left; padding-top/*\**/:11px\9; *padding-top:10px; _padding-top:10px; }
#mainnav a, #mainnav a:link, #mainnav a:visited, #mainnav a:active { text-decoration:none; padding:9px 15px; padding-top/*\**/:11px\9; *padding-top:11px; _padding-top:11px; padding-bottom/*\**/:11px\9; *padding-bottom:11px; _padding-bottom:11px; font-family: 'Droid Sans', arial, serif; color:#ffffff; font-size:15px; text-transform:uppercase;}
#mainnav a:hover, #mainnav a.navitem_on {text-decoration:none; background-image:url(mainnav_bkg_on.gif); background-repeat:repeat-x;}
#footernav { position:absolute; left:393px; top:35px; }
#footernav ul {margin:0px; padding:0px 0px 0px 0px; }
#footernav li {list-style:none; display:inline;}
#footernav a, .footernav a:link, .footernav a:visited, .footernav a:active {text-decoration:none; padding:0px; font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#000; text-transform:uppercase; letter-spacing:-0.5px; *letter-spacing:-0.046em}
#footernav a:hover, .footernav a.navitem_on {color:#fff; text-decoration:none;}
/* --------- /HTML Navigation ------------ */
/* shellIDs */
#content { position:relative; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#353535; padding-left:31px; padding-top:38px; line-height:25px;}
#content p {padding-bottom:15px;}
/* IMPORTANT!!!! Please use padding-bottom:15px on ALL p classes.
This will provide the best cross-browser compatibility on paragraph spacing*/
#content a:link, #content a:visited, #content a:active { color:#a30f18;}
#content a:hover { color:#680102;}
/* --------- /shellIDs ------------ */
#weather { position:relative; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#680102; padding-left:31px; padding-top:20px; line-height:25px; font-weight: bold}
/* --------- Content Layouts ------------ */
.img_only { padding-bottom:20px; padding-top:8px; width:256px;}
.imgL { padding-bottom:20px; padding-top:8px; width:256px;}
.txtR ul { padding-left:15px;}
.imgR { padding-bottom:20px; padding-top:8px; width:256px;}
.txtL { }
.txtL ul {padding-left:15px; }
.textOnly, p.textOnly, td.textOnly {}
.txtL_imgR_txt { padding-right:18px;}
.txtL_imgR_img { padding-bottom:20px; padding-top:8px;}
.imgL_txtR_img { padding-bottom:20px; padding-top:8px;}
.imgL_txtR_txt { padding-left:18px;}
.imgL_txtR_home_img { padding-bottom:15px; padding-top:7px;}
.imgL_txtR_home_txt { padding-left:26px;}
.separator { background-image:url(separator.gif); background-repeat:no-repeat; width:586px; height:1px; line-height:0px; font-size:0px; background-position:left 7px; padding-bottom:28px;}
.separator img { }
.callout_top { background-image:url(callout_top.gif); background-repeat:no-repeat; background-position:left bottom;}
.callout_middle { background-color:#d1adb7; width:586px; padding:15px 0px 0px;; text-align:center; color:#000000;}
#content .callout_middle p { width:586px;}
.callout_bottom { background-image:url(callout_bottom.gif); background-repeat:no-repeat;}
/* --------- /Content Layouts ------------ */
/* bookingmask */
#bmask {
position:absolute;
width:400px;
height:60px;
/* z-index:2;*/
left:10px;
top:7px;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
color:#4d4d4d;
text-transform:uppercase;
font-weight:bold;
}
#resform #dateInImg{
position:absolute;
top:23px;
left:6px;
}
#resform #dateInDiv{
left:6px;
position:absolute;
top:36px;
}
#resform #nightsImg {
position:absolute;
top:23px;
left:123px;
}
#resform #lengthDiv{
left:124px;
position:absolute;
top:36px;
}
#resform #DateIn {
position:absolute;
width:81px;
height:18px;
font-family: Verdana, Geneva, sans-serif;
font-size:10px;
color:#ffffff;
border: none;
text-align:center;
line-height:18px;
background-color:#000000;
}
.ui-datepicker-trigger {
left:85px;
position:absolute;
top:1px;;
cursor:pointer;
/* z-index:2;*/
}
#resform #adultsImg{
left:179px;
position:absolute;
top:23px;;
}
#resform #adultsDiv{
left:181px;
position:absolute;
top:36px;
}
#resform #childrenImg{
left:235px;
position:absolute;
top:23px;
}
#resform #childrenDiv{
left:238px;
position:absolute;
top:36px;
}
.bookingselector{
border: #000 solid 1px;
background-color:#000;
font-family: Verdana, Geneva, sans-serif;
font-size:10px;
color:#fff;
height:20px;
width:41px;
text-align:center;
/*padding-left/*\**/ /*:3px\9;*/
}
#SubmitButton {
left: 273px;
position: absolute;
top:32px;
}
#SubmitButton input {
background-image:url(bkg_submit.gif);
background-repeat:no-repeat;
font-family:'Droid Sans', arial, serif;
text-transform:uppercase;
font-size:11px;
color:#ffffff;
position:absolute;
left:26px;
top:4px;
width:93px;
height:20px;
border:none;
display:block;
}
#SubmitButton input:hover { background-image:url(bkg_submit_on.gif); }
/* ---------- jQuery Datepicker ---------- */
div.ui-datepicker {font-size:11px; z-index:9999;}
table.ui-datepicker-calendar{cursor:pointer;}
img.ui-datepicker-trigger{position:relative; left:85px; top:1px; cursor:pointer; width:19px; height:18px;}
div#ui-datepicker-div {display:none; z-index:9999;}
div.skinned-select select option {z-index:900;}
div.skinned-select {background:url(bkg_select.gif) no-repeat scroll 0pt 100%; width:41px; height:20px; background-color:#CFC19E; padding:0; position:relative; text-align:center; /*bottom:1px; margin-top:1px;*/ _background: transparent;}
div.skinned-select select {opacity:0; filter:alpha(opacity = 0); moz-opacity:0; position:relative; z-index:100; /*width:34px;*/ padding:0; }
div.skinned-select .select-text {_display:none; font-family:Verdana, Geneva, sans-serif; position:absolute; padding:0px 2px; /*width:34px; text-indent:10px;line-height:19px; margin:2px 2px 2px 2px;*/ top:2px; left:4px; z-index: 1;}
div.skinned-select .select-text, div.skinned-select select, div.skinned-select select option {/*width:34px;*/ font-size:10px; color:#ffffff; background-color:#000; font-weight:normal; line-height:14px;}
/* non javascript version select */
.my-skinnable-select select {width:50px; font-size:10px; /*border: 1px solid #D5E6EE;*/}
/* end bookingmask */
/* ---------- /jQuery Datepicker ---------- */
/* ----- GuestBook Form Elements ----- */
.form-button {
background-image:url(submit.gif);
border:none;
cursor:pointer;
margin-top:15px;
margin-left:93px;
width:92px;
height:20px;
font-size:0;
}
/*This is for global form buttons, including the Toolkit login button.
Create another similar button class for eRFP forms if you want specific
positioning and update the class name in the app in the Toolkit.
DO NOT edit the guestbook module in the modules folder*/
.form-button:hover {
background-image:url(submit_on.gif);
}
.form-notes, .form-select, .form-text, .form-textarea { font-family:Verdana, Geneva, sans-serif;}
/* IMPORTANT!!! Use the same font attributes as the on the site's mainContent area for ALL of these classes. */
.form-checkbox, .form-radio {border:none;}
.text-required {color:#a30f18;}
.text-dark, .text-medium {}
/* ----- /GuestBook Form Elements ----- */
/* ----- mspecials module ----- */
.copy_price, .accent { color:#A30F18; font-weight:bold;}
.disclaimer, .text-dark-sm, .text-disclaimer { font-size:10px; font-style:italic; }
.sp_btn {}
.sp_btn a:link, .sp_btn a:visited, .sp_btn a:active {}
.sp_btn a:hover {}
/* ----- /mspecials module ----- */
/* ---------- Photo Gallery ---------- */
.photothumb {
width:176px;
height:114px;
padding-right:20px;
padding-bottom:15px;
}
.photothumb img {
padding:2px;
}
/* ---------- /Photo Gallery ---------- */
/* ---------- Hi-Res Media Gallery ---------- */
.Hires_GalleryTitle {}
.Hires_ImageName {}
.Hires_Links {}
/* ---------- /Hi-Res Media Gallery ---------- */
/*------------ DO NOT REMOVE --------------*/
.contact_email_subject_url{display:none;}
/*---------------------------------------*/
ul, ol {
margin-top:0;
margin-bottom:15px;
}
li ul {
margin-bottom:0;
padding-bottom:0;
}
/************************ PAarking Table Styles*********************/
.HD{
text-align:left;
font-weight:bold;
}
.TR1,.TR2{
text-align:left;
}
#torontoHotels{ position:absolute; top:75px; right:56px;}