@import "/resources/css/reset.css";
@import "/resources/css/form.css";
@import "menu.css";
@import "blog.css";
@import "datepicker.css";
@import "lightbox.css";

/* ---------- HTML TAGS ---------- */
html {overflow-y:scroll;}
body {margin:0 0 20px 0;font:normal 12px Arial, sans-serif;background:#CCCCCC url(images/bg-body.png) repeat-x top;}

a img {border:none;}
a {color:#017dc3;text-decoration:none;}
a:hover {color:#017dc3;text-decoration:underline;}
form input.text-input,form select,form textarea {font:normal 12px Arial, Helvetica, Sans-Serif;}
p {margin:0 0 16px 0;padding:0;}

h1 {
font:bold 24px Helvetica, Arial, Sans-Serif;
color:#0057a7;
margin:16px 0px 10px 0px;
padding:0px;
}

h2 {
font:bold 18px Helvetica, Arial, Sans-Serif;
color:#0057a7;
margin:16px 0px 10px 0px;
padding:0px;
}

h3 {
background:url(images/bg-booking-header.png) repeat-x top;
color:#0057a7;
font:bold 16px Arial, Helvetica, Sans-Serif;
margin:0;
height:22px;
line-height:32px;
padding:10px 0px 0px 0px;
}

/* ---------- STANDARD CONTAINER ELEMENTS ---------- */
#container {
margin: 0 auto;
background: #ffffff;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
width: 960px;
}

#header {
float:left;
width:960px;
height:136px;
background:#FFFFFF url(/templates/holidayinn/images/site-header.png) no-repeat top;
}

#content {
font-size:12px;
line-height:20px;
float:left;
color:#333;
padding:8px 20px 20px 19px;
width:674px;
min-height:520px;
height:auto !important;
height:520px;
}

#panel {
float:left;
width:247px;
height:auto !important;
height:600px;
min-height:600px;
background:#EEEEEE url(images/bg-booking-panel.png) repeat-x top;
padding-top:14px;
}

#panel h3 {
padding:10px 0 2px 16px;
}

.booking-form {
padding:0px 13px 13px 16px;
margin:0;
line-height:20px;
height:255px;
}

.booking-form p {
margin-bottom:2px;
}

.booking h3 {
margin-top:12px;
}

#footer {
background:#EEEEEE url(images/bg-footer.png) repeat-x top;
height:69px;
width: 920px;
line-height:24px;
padding: 16px 20px 16px 20px;
text-align:left;
color:#333333;
}

#footer a {font-weight:bold;}
#footernav {float: right;text-align:right;}
#footernav a {margin:0px 3px;}


/* ---------- STANDARD CLASSES ---------- */
.clr, .clear {clear:both;}
.line {border-bottom:solid 1px #EEE;margin:12px 0;}
.search-score {border:1px solid #CCC;width:100px;height:10px;background-color:#FFF}
.search-relevance {border:none;height:10px;background-color:#ebe9c2}
.twitter {background:url(/resources/images/twitter.png) no-repeat center right;padding:2px 20px 2px 0px;color:#5bc8e6;display:inline;margin-right:12px;}
.rss {background:url(/resources/images/icon-rss.png) no-repeat center right;padding:2px 20px 2px 0;display:inline;color:#e5742f}

/* ---------- TEMPLATE SPECIFIC CONTAINER ELEMENTS ---------- */
#response {float:right;}
#recaptcha-response {float:left;color:red;}
#slideshow {width:674px;height:208px;overflow:hidden;margin:0;}
#top-links {font-size:9px;float:right;margin:16px 16px 0 0;}
#promo {padding:16px;background:#EEEEEE url(images/bg-booking-panel.png) repeat-x top;}

/* ---------- TEMPLATE SPECIFIC CLASSES ---------- */
.box {background:#FFFFFF;height:220px;width:210px;margin-right:12px;float:left;border:1px solid #EEE}
.box h2 {
background:url(images/bg-box-header.png) repeat-x top;
color:#FFFFFF;
font:bold 16px Arial, Helvetica, Sans-Serif;
height:22px;
margin:0;
padding:10px 0px 0px 14px;
text-align:left;
}
.box a {display:block;font-size:12px;line-height:18px;margin:0;color:#666666;}
.box a:hover {text-decoration:none;}
.box:hover {background:#EEEEEE;}
.box1 {background:url(images/box1.jpg) no-repeat top;padding:76px 5px 5px 5px;}
.box2 {background:url(images/box2.jpg) no-repeat top;padding:76px 5px 5px 5px;}
.box3 {background:url(images/box3.jpg) no-repeat top;padding:76px 5px 5px 5px;}

.link-arrow {
display:block;
padding:0;
margin-top:6px;
font-weight:bold;
}

.slct {float:left;margin:0px 1px 6px 1px;}

.lightbox {margin:8px 8px 0px 0px;}

/* ---------- BUTTON CLASSES ---------- */
.button {
font:bold 12px Arial;
color:white;
border:none;
text-align:left;
}

.submit-button {
background:url(images/bg-button.png) no-repeat top;
height:34px;
width:118px;
text-align:center;
}

.submit-button:hover {background:url(images/bg-button-hover.png) no-repeat top;}

.submit-search {
background:url(images/bg-button-search.png) no-repeat top;
height:28px;
width:79px;
margin-left:8px;
padding-left:26px;
}

.submit-search:hover {background:url(images/bg-button-search-hover.png) no-repeat top;}