/*
    1.  Basic Styling
    2.  Layout
    3.  Header
    4.  Footer
    5.  Modal Popup
        5.1 Wait Message
    6.  Warning
    7.  Boxes
        7.1 Content Boxes
        7.2 Sidebar Boxes
    8.  Request Details
    9.  Auto Complete

*/

/* 1. Basic Styling */
html {background:#d9d9bf;}
body {margin:0;padding:0;background:url(/images/headerbg.gif) repeat-x #ebefd9;}
body, td, select, input, textarea {font-family:arial;font-size:11px;color:#666;}
a {outline:none;}
a img {border:none;}

table {border-collapse:collapse;}

input.btnSmall {background:url(/images/button.gif) no-repeat;width:99px !important;height:30px;border:none;color:#6f804d;font-weight:bold;font-size:14px;cursor:pointer;}
input.btnMedium {background:url(/images/buttonmedium.gif) no-repeat;width:136px !important;height:30px;border:none;color:#6f804d;font-weight:bold;font-size:14px;cursor:pointer;}
input.btnLarge {background:url(/images/buttonlarge.gif) no-repeat;width:150px !important;height:30px;border:none;color:#6f804d;font-weight:bold;font-size:14px;cursor:pointer;}




/* 2. Layout */
#divAll {width:850px;margin:0 auto;}
#divHeader {position:relative;height:82px;}
#divMain {position:relative;margin:30px 0 30px 0;min-height:500px;}
#divContent {float:left;width:560px;padding-right:20px;}
#divSidebar {float:left;width:270px;}
#divFooter {position:relative;background:#d9d9bf;border-top:solid 1px #bbb;padding:20px;height:80px;}




/* 3. Header */
#divHeader a.title {position:absolute;top:10px;left:0px;background:url(/images/logo.gif);width:127px;height:61px;text-indent:-10000px;} 
#divHeader label {position:absolute;top:0;right:0;padding:0;margin:0;
        width:270px;height:43px;background:url(/images/phonenumber.gif) no-repeat;text-indent:-10000px;}
        
#divNav {position:absolute;bottom:0px;left:147px;}
#divNav a {display:block;height:33px;float:left;text-indent:-10000px;
    margin-right:15px;background:url(/images/nav.gif) no-repeat;}
    
#divNav #aHome {width:70px;background-position:0 -33px;}
#divNav #aHome:hover {background-position:0 -66px;}
#divNav.default #aHome {background-position:0 0;}

#divNav #aOurHotels {width:85px;background-position:-70px -33px;}
#divNav #aOurHotels:hover {background-position:-70px -66px;}
#divNav.ourhotels #aOurHotels {background-position:-70px 0;}

#divNav #aTravelAdvice {width:105px;background-position:-155px -33px;}
#divNav #aTravelAdvice:hover {background-position:-155px -66px;}
#divNav.traveladvice #aTravelAdvice {background-position:-155px 0;}

#divNav #aAboutUs {width:78px;background-position:-260px -33px;}
#divNav #aAboutUs:hover {background-position:-260px -66px;}
#divNav.aboutus #aAboutUs {background-position:-260px 0;}

#divNav #aContactUs {width:85px;background-position:-338px -33px;}
#divNav #aContactUs:hover {background-position:-338px -66px;}
#divNav.contactus #aContactUs {background-position:-338px 0;} 


 
/* 4. Footer */ 
#divFooterContent {position:relative;margin:10px auto 0 auto;width:850px;}
#divFooterContent h2 {background:url(/images/abta.gif) no-repeat;width:94px;height:26px;text-indent:-10000px;margin:0;}
#divFooterContent h6 {font-size:9px;color:#0070be;margin:0;}

#divCladdahInfo {position:absolute;top:0;left:130px;width:400px;}
#divCladdahInfo p {color:#96a670;font-weight:bold;margin:0;}
#divCladdahInfo h3 {font-size:12px;color:#6f804d;font-weight:bold;margin:0;}

#divOurHotels {position:absolute;top:0;right:0;width:240px;padding:0 15px;}
#divOurHotels h3 {color:#6f804d;font-size:12px;margin:0;}
#divOurHotels a {display:block;width:240px;color:#363636;text-decoration:none;}
#divOurHotels a:hover {text-decoration:underline;}



/* 5. Modal Popup */
#divOverlay {position:absolute;top:0;left:0;z-index:100;width:100%;background-color:#000;}
div.modalpopup {position:absolute;background:#dfdfdf;z-index:110;padding:4px;}
div.modalpopuptitle {position:relative;padding:4px 5px;}
div.modalpopup h3 {color:#5e5e5e;font-size:13px;font-weight:normal;margin:0;}
div.modalpopuptitle a {display:block;position:absolute;top:5px;right:5px;height:20px;
	width:20px;background:url(images/tinybuttonbg.gif) no-repeat;width:47px;height:15px;line-height:14px;
	color:#fff;padding:0 0 0 8px;font-weight:bold;background-position:0 -15px;font-size:10px;text-transform:capitalize;}
div.modalpopuptitle a:hover {background-position:0 0;}
div.modalpopupcontent {background:#fff;padding:5px;clear:both;margin-top:5px;}
#divInfoPopupRetrieveWait {background:url(/custom/lowcosthols/images/waiting.gif) no-repeat 0 0;line-height:35px;padding-left:44px;}

/* 5.1 Wait Message */
div.waitmessage {position:absolute;margin:0 auto;display:block;height:405px;width:506px;z-index:120;background:url(/images/waitbg.jpg);}
div.waitmessage h2 {margin:0;position:absolute;top:15px;left:10px;text-indent:-10000px;background:url(/images/claddahlogowhite.gif);width:122px;height:51px;}
div.waitmessage h3 {background:url(/images/working.gif) no-repeat;font-size:16px;padding:0 10px 0 30px;
    line-height:16px;color:#6f804d;position:absolute;bottom:20px;left:10px;}
div.waitmessage p {margin:0 0 25px;line-height:1.4em;font-size:11px;color:#3f3f3f;width:470px;}
div.waitmessage .lblInfo {background: url(/images/working.gif) no-repeat 0 0; font-size:12px;color:#666;padding:10px 0 10px 45px;}
div.waitmessage .btnClose {position:absolute;top:8px;right:10px;}




/* 6 Warning */

#divInfo {margin-top:12px;position:relative;padding:15px;width:820px;background:#fff url(/images/boxwhitelargebg.gif) no-repeat bottom left;
    font-size:13px;}
    
#divInfo ul {list-style-type:none;padding:0;margin:0;}
#divInfo li {padding-left:55px;font-size:12px;color:#6f804d;}

#divInfo.information ul {background:url(/images/info.gif) no-repeat;min-height:40px;}
#divInfo.warning ul {background:url(/images/warning.gif) no-repeat;min-height:38px;}

#divInfoHeader {position:absolute;top:0;left:0;height:10px;width:850px;background:url(/images/boxwhitelargeheader.gif) no-repeat;}

#divInfo #aCloseInfo {position:absolute;top:8px;right:10px;width:20px;height:14px;background:url(/images/close.gif) no-repeat 0 0;}
#divInfo #aCloseInfo:hover {background:url(/images/close.gif) no-repeat 0 -14px;}




/* 7. Boxes */

/* 7.1 Content Boxes */
#divContent div.contentBoxWhiteMed {position:relative;width:530px;background:url(/images/boxwhitemedbg.gif) no-repeat bottom left;padding:50px 15px 15px 15px;
                             margin-bottom:20px;}
#divContent div.contentBoxWhiteMed h3 {position:absolute;display:block;top:0;left:0;background:url(/images/boxwhitemedheader.gif) no-repeat;
                           width:560px;height:18px;font-size:18px;line-height:18px;letter-spacing:-1px;color:#6f804d;padding:15px 15px 0 15px;margin:0;}

#divContent div.contentBoxMed {position:relative;width:530px;background:#6f804d url(/images/boxmedbg.gif) no-repeat bottom left;padding:50px 15px 15px 15px;
                        margin-bottom:20px;color:#fff;}
#divContent div.contentBoxMed h3 {position:absolute;display:block;top:0;left:0;background:url(/images/boxmedheader.gif) no-repeat;
                            width:560px;font-size:18px;line-height:18px;letter-spacing:-1px;color:#fff;padding:15px;margin:0;}


/* 7.2 Sidebar Boxes */
#divSidebar div.sidebarBox {position:relative;background:url(/images/boxbg.gif) no-repeat bottom left;padding:50px 15px 15px 15px;color:#fff;font-size:12px;}
#divSidebar div.sidebarBox h3 {position:absolute;display:block;top:0;left:0;background:url(/images/boxheader.gif) no-repeat;
                               width:240px;font-size:18px;line-height:18px;letter-spacing:-1px;color:#fff;padding:15px;margin:0;}
                               
#divSidebar div.sidebarBoxWhite {position:relative;background:url(/images/boxwhitebg.gif) no-repeat bottom left;padding:50px 15px 15px 15px;
                                 color:#acacac;font-size:12px;}
#divSidebar div.sidebarBoxWhite h3 {position:absolute;display:block;top:0;left:0;background:url(/images/boxwhiteheader.gif) no-repeat;
                                    width:240px;font-size:18px;line-height:18px;letter-spacing:-1px;color:#6f804d;padding:15px;margin:0;}




/* 8. Request Details */
#rtdRetrieveDetails_divLogin p {font-size:12px;margin:0 0 20px;}
#rtdRetrieveDetails_divLogin div.form {font-size:11px;color:#fff;margin:0;}
#rtdRetrieveDetails_divLogin div {margin-bottom:5px;}
#rtdRetrieveDetails_divLogin div.form label {display:block;float:left;position:relative;top:3px;width:80px;color:#fff;font-size:13px;
                                             font-weight:bold;}
#rtdRetrieveDetails_divThankYou {padding:15px 10px 15px 55px;margin:10px 0 15px !important;background:url(/images/info.gif) no-repeat #fff 6px 10px;color:#666;}                                            
#rtdRetrieveDetails_divLogin #txtEmailDetails {width:150px;border:solid 1px #aaa;padding:2px;}
#rtdRetrieveDetails_divLogin #txtPassword {width:80px;border:solid 1px #aaa;padding:2px;}
#rtdRetrieveDetails_divLogin #btnGetDetails {margin:10px 0;}
#divResend {clear:both;margin:0 !important;}
#divResend a {color:#fff !important;font-weight:bold;}

#rtdRetrieveDetails_divLoggedIn div {margin-bottom:5px;}
#rtdRetrieveDetails_divLoggedIn div.buttons {margin:10px 0 0;}
#rtdRetrieveDetails_divLoggedIn div.form label {display:block;float:left;position:relative;top:3px;width:120px;color:#fff;font-size:13px;}
#rtdRetrieveDetails_divLoggedIn div.form {font-size:11px;color:#fff;margin:0;}
#rtdRetrieveDetails_divLoggedIn input {width:110px;border:solid 1px #aaa;}
#rtdRetrieveDetails_divLoggedIn p {margin:0;}
#rtdRetrieveDetails_divLoggedIn h4 {font-size:14px;color:#cee39d;margin:0;}
#rtdRetrieveDetails_divLoggedIn #btnLogOut {margin-top:20px;border:none;}
#rtdRetrieveDetails_divLogin .error {background:#ffeeee;}




/* 9. Auto Complete */
div.autocompletedrop {background:white;overflow-y:scroll;overflow-x:hidden;width:143px;height:100px;
	position:absolute;border:solid 1px #ccc;border-top:solid 1px #ddd;z-index:101;}
div.autocompletedrop div {padding:0 2px;}
div.autocompletedrop div span {font-weight:bold;}
div.autocompletedrop div div {padding:0;color:#999;font-size:10px;border-bottom:solid 1px #ddd;}
div.autocompletedrop div.selected {background:#dbe9ff;}
input.autocomplete {background-image:url(../images/autocomplete.gif);
	 background-repeat:no-repeat; background-position: 98% 45%;} 
input.autocompleteworking {background-image:url(../images/working.gif);
	 background-repeat:no-repeat; background-position: 98% 45%;}

.hide {display:none;}
.alignleft {text-align:left !important;}
.alignright {text-align:right !important;}


/* markdown ul */
ul.markdown {list-style-type:circle;margin:auto;padding:0 0 0 15px;}