@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:#c30c3e;text-decoration:none;}
a:hover {color:#c30c3e;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:#7a7958;
margin:12px 0px 12px 0px;
padding:0px;
}

h2 {
background:url(images/bg-box-header.png) repeat-x top;
color:#666633;
font:bold 14px Arial, Helvetica, Sans-Serif;
height:12px;
margin:0;
padding:10px 12px 10px 12px;
text-align:left;
}

h3 {
color:#666633;
font:bold 18px Arial, Helvetica, Sans-Serif;
margin:0;
padding:10px 0;
text-align:left;
}

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

#header {
background:url(images/bg-header.png) repeat-x top;
float:left;
width:958px;
}

#search-wrapper {
height:115px;
width:480px;
padding-right:20px;
text-align:right;
float:right;
}

#content {
color:#333;
float:left;
line-height:20px;
font-size:12px;
padding:0px 15px 24px 16px;
width:686px;
margin:0;
}

#panel {
float:left;
width:230px;
margin:0 5px 0 0px;
height:auto !important;
height:780px;
min-height:800px;
}

.inset {padding-left:5px;}

#footer {
background:#f5f5eb;
height:121px;
width: 918px;
line-height:22px;
padding: 0px 20px 16px 20px;
text-align:left;
color:#333333;
}

#footer a {font-weight:bold;}
#footernav {float:right;text-align:right;}
#footer-actions {float:left;width:450px;}
#footer-actions a {color:#666666;text-decoration:underline;float:left;margin-top:8px;border:solid 1px #FFF;padding:8px;margin-right:30px;}
#copyright {float:left;margin-top:3px;}


/* ---------- STANDARD CLASSES ---------- */
.clr, .clear {clear:both;}
.line {border-bottom:solid 1px #EEE;margin:24px 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}
.img {float:right;margin:0 0 24px 24px;}

/* ---------- TEMPLATE SPECIFIC CONTAINER ELEMENTS ---------- */
#breadcrumb {
float:left;
width:945px;
background:#f5f5eb;
height:28px;
line-height:28px;
padding-left:13px;
border-bottom:1px solid #cccccc;
margin-bottom:5px;
font-size:10px;
}

#response {float:right;}
#recaptcha-response {float:left;color:red;}

#slideshow {
float:left;
width:708px;
height:190px;
overflow:hidden;
margin:0 5px 2px 5px;
}

#promo {
padding:10px 12px 24px 12px;
background-color:#F9F8E4;
}

#slideTop {margin-bottom:21px;}

#content ul {list-style-type:none;margin:10px 0px;padding-left:30px;}
#content ul li {list-style-type:square;margin-left:10px;padding:0;}

#top-links {
margin-top:22px;
font-size:10px;
color:#CCC;
}


/* ---------- TEMPLATE SPECIFIC CLASSES ---------- */
.booking-header {
background:url(images/bg-booking-header.png) repeat-x top;
color:#7a7958;
font:bold 14px Arial, Helvetica, Sans-Serif;
height:12px;
margin:0;
padding:10px 12px 10px 12px;
}

.booking-form {
float:left;
padding:0px 13px 13px 13px;
margin:0;
width:204px;
background:#f9f8e4;
}

.booking-form fieldset {
margin:0px 0px 10px 0px;
padding:0;
}

.booking-form label {
margin:0px 0px 4px 0px;
padding:0;
}

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

.footer-img {float:left;margin:12px 30px 0px 0px;}

.print {width:120px;background:url(/templates/ramadadover/images/icon-print.png) no-repeat right;}
.email {width:120px;background:url(/templates/ramadadover/images/icon-email.png) no-repeat right;}
.favourite {width:126px;background:url(/templates/ramadadover/images/icon-bookmark.png) no-repeat right;}

.large-link {
font:bold 18px Arial, Helvetica, Sans-Serif;
margin:24px 0;
display:block;
}

.box {background:#f5f5eb;height:253px;width:224px;margin-right:5px;float:left;}
.box a {display:block;font-size:12px;line-height:18px;margin:0;color:#666666;}
.box a:hover {color:#c30c3e;text-decoration:none;}
.box:hover {background:#e0e0d1;}
.box1 {background:url(/templates/ramadadover/images/box1.jpg) no-repeat top;padding:94px 10px 0px 10px}
.box2 {background:url(/templates/ramadadover/images/box5.jpg) no-repeat top;padding:94px 10px 0px 10px}
.box3 {background:url(/templates/ramadadover/images/box3.jpg) no-repeat top;padding:94px 10px 0px 10px;margin-right:0px;}

/* ---------- Headline scroll content div ---------- */
#scrollup {
position: relative;
overflow: hidden;
height: 80px;
width: 230px;
background-color:#F9F8E4;
}

.headline {
position: absolute;
top: 90px;
left: 5px;
height: 80px;
width:205px;
padding:10px 20px 0px 5px;
}

.headline p {color:#999999;font-weight:bold;padding-top:6px;}

.link-arrow {
display:block;
background:url(images/link-arrow.png) no-repeat center left;
padding:0px 0px 0px 18px;
margin-top:6px;
font-weight:bold;
color:#c30c3e;
}

/* ---------- 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:28px;width:148px;padding-left:22px;}
.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;}


.test {width:500px;overflow:hidden;}
.panorama-viewport {
border: 2px solid #414141;
}

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