/** defaults **/
h1, h2, h3, h4, img, a, ul, li, p, address {
  font-family: Verdana, Arial, Helvatica, Sans-serif;
  margin:0;
  padding:0;
  border:0;
}
/** end defaults **/


/** site-wide **/
body {
  padding: 0;
  margin: 0;
  background: #ffffff url(../images/bg.gif) repeat-x;
}


img {border:0px;}
a {
  font-weight:bold;
  text-decoration:none;
}
p {
  margin-bottom:10px;
}
h2 {
  font-size:1.2em;
  margin:0 0 15px 0;
  color:#0099ff;
  font-weight: normal;
}
.white {
  color:#fff;
}
.uppercase {
  text-transform:uppercase;
}
.bold {
  font-weight:bold;
}
#wrapper {
  width: 100%;
  display: table;
  height: auto;
  border: solid 0px blue;
}

.margintop {
  margin-top:10px;
}
#throbber {
  border: 1px solid #0099ff;
  width: 300px;
  height: 100px;
  padding:10px;
  margin-top:60px;
  margin-left:140px;
  background-image:url('../images/ajax-loader.gif'); 
        background-repeat:no-repeat; 
        background-position:center;
  color: #0099ff;
  text-align: center;
  display:none;
}
/** end site-wide **/

/** header **/


#header
{
  position: relative;
  width: 960px;
  height: 109px;
  margin: 0 auto;
  padding:0px;
  background: url(../images/header-img-right.gif) no-repeat right top;
}

#header h1{
  font-family: arial, helvetica,sans serif; 
  font-style: italic; 
  font-size: 0.9em; 
  color: #fff; 
  margin: 5px 0 0 18px;
  padding:0;
  }

.logo {}
/** end header **/


  /* Navigation */
  
  #nav {
    list-style: none;
    width: 960px;
    height:53px;
    /*height:40px;*/
    overflow: hidden;
    margin: 0 auto;
    padding-left: 20px;
    font-family: arial, helvetica,sans serif;
    background: url('../images/tab-bg.gif') 0 0 no-repeat;
  }
  #nav li {
    border-right: solid 1px #66ccff;
    float: left;
    height: 53px;
    /*height:40px;*/
  }
  #nav li a.active {
    outline: none;
  }
  #nav li a {
    display: block;
    text-decoration: none;
    /*text-transform: uppercase;*/
    font-size: 0.75em;
    font-weight: normal;
    color: #fff;
    padding: 5px 0 15px 10px;
    /*padding-left:10px;*/
    
  }
  #nav li a strong {
    display: block;
    color: #fff;
    font-size: 1.5em;
                background-image:url('../images/green-round-arrow.gif');
                background-repeat:no-repeat;
                background-position:right;
    font-weight: normal;
    padding: 2px 20px 0 0 ;
    margin: 0 20px 0 0;
    
  }
  
  
  
  
  #nav li a:hover, #nav li.active a {
    background: url('../images/nav-bg-on.gif') 0 0 repeat-x;
  }
  
  .breadcrumb a
  {
    color: #339900;
    font-size:0.8em;
  }
  .breadcrumb a:hover
  {
    text-decoration:underline;
  }

/* Navigation */

/** content **/
#wrapcontent{
  width: 100%;
  /*display: table;*/
  height: auto;
  border: solid 0px blue;
}
#content {
  width: 960px;
  margin: 0px auto 0;
  padding-left: 0;

}
#content #intro h2 {
  color:#442279;
}
#content #intro h3 {
  margin-bottom:10px;
  color:#2443a7;
  
}

.finish{
	margin: 10px 0 0 0;
}

.finish p{
	font-size: 0.8em;
}

.viewbutton {margin-top: 10px; float: right}

/** end content **/

/** footer **/
#footer {
  width:960px;
  margin:10px auto;
  color:#555555;
  text-align:center;
  font-size: 0.7em;
  margin-bottom:10px;
}

#footer #footercontents {
  width:960px;
}

#footer #footercontents ul {
  list-style:none;
}

#footer #footercontents ul li a{
  list-style:none; float: left; font-weight: normal; color: #555555; padding-right: 10px; border-right: 1px solid #ADADAD; margin-right:10px;
  }
  
#footer #footercontents {
  display:inline;
  float: left;
}

#footer li {float: left;}

.address{font-family: Verdana, Arial, Helvatica, Sans-serif; color: #555555; float: right}
.address a {color: #555555}

/** end footer **/


/** navigation **/
#wrapnav {
  width:525px;
  height:48px;
  margin:auto;
}

#navigation #wrapnav ul {
  list-style-image:none;
  list-style-type:none;
  text-align:center;
}

#navigation #wrapnav li {
  float:left;
  list-style-type:none;
  padding:0 10px 0 10px;
  border-left:thin solid #24449b;
  text-align:center;
  width:80px;
  height:40px;
}

#navigation #wrapnav li.first {
  float:left;
  list-style-type:none;
  padding:0 10px 0 10px;

  border:none;
  text-align:center;
}

#navigation #wrapnav li.short {
  padding-top:12px;
  height:30px;
}
#navigation #wrapnav a {
  color:#fff;
}

/**leftcolumn**/
form {margin:0; padding:0;}

#main-content {
  display:inline;
  float:left;
  margin-left:10px;
  margin-right:10px; 
  width:700px; 
  overflow:hidden;
}

.left-box-top {
  margin: 20px 0 0 0;
  background: url('../images/left-top-bg.gif') 0 0 repeat-x;
  font-family: arial, helvetica,sans serif;
  font-size: 0.9em;
  color: #fff;
  font-weight: bold;
  padding: 13px 5px 12px 10px;
  
  }
  
  
.left-box-middle {
    
  background: url('../images/left-box-bg.gif') 0 0 repeat-x;
  font-family: arial, helvetica,sans serif;
  font-size: 0.8em;
  font-weight: bold;
  color: #fff;
  padding: 13px 5px 13px 10px;
  color: #3399cc;
  border-right: 1px solid #ADADAD;
  border-left: 1px solid #ADADAD;  
}

.left-box-middle a{color:#3399cc;}

.left-box-bottom {
  height: 9px;
  background: url('../images/left-box-bottom.gif') 0 0 repeat-x;

    
}

#leftcolumn {
  display:inline;
  float:left;
  margin-left:10px;
  margin-right:10px; 
  width:220px;
  overflow:hidden;
}

*>#leftcolumn
{
  height: auto;

}

#leftcolumn label
{
  display:block;
}

.wider {
  width:190px;
  margin:5px 0 10px 0;
}

.widedate {
  width:172px;
  margin:5px 0 10px 0;
}



.filterlabel {
  margin:10px 0 15px 0;
  padding: 0 0 0 18px;
  background:url('../images/down-arrow.gif') no-repeat;
}
/**end of leftcolumn**/



/**rightcolumn**/
#main-content {
  display:inline;
  float:left;
  margin-left:10px;
  margin-right:10px; 
  width:700px; 
  border: solid 0px red;

}
#intro {
  margin:20px 0 0 0;
  padding:5px;
}

#introhome {
  width: 724px;
  height: 47px;
  margin:10px 0 0 0;
  padding:10px 100px 10px 10px;
}

#introhome h2 {
  color:#0099ff;
  font-size: 180%;
  margin:0 0 7px 0;
  font-weight: normal;
  
} 
 

#introhome h3 {
  color:#0099ff;
  font-size: 110%;
  margin:0 0 5px 0;
}


#introwrapper { font-size: 13px;}

.introtextwrapper {border: 1px solid #ADADAD}

.introtextimage {float: left;width: 147px; margin-top: 5px}

.introtexttext {float: left;  
  /*color: #666666;*/
  color:#555555;
  font-size: 0.8em;
  font-family: Arial, helvetica, sans-serif;
  padding: 10px;
  width: 75%;
  }

.introtext {clear:both}

.introtext h2 {
  margin-bottom:0px; background: url('../images/left-top-bg.gif') repeat;font-size: 80%; font-weight:bold; color: #fff;padding: 10px; text-transform: uppercase;
}

#hotels {
  margin:10px 0 0;
  padding:10px;
}

.homethumb {float: left}

#hoteldetailresults {border-left: 1px solid #ADADAD; width:930px;}

#hotelresults {
  border-bottom: 1px solid #ADADAD; 
  width:680px;
}

.hoteldate {text-align: center}

.hoteloccupancy {text-align: center}

#hoteldetails {border-bottom: 1px solid #ADADAD; border-right: 1px solid #ADADAD; }
.hoteldetails {border-bottom: 1px solid #ADADAD; border-right: 1px solid #ADADAD; }

#hoteldescription { float: left; font-family: Verdana, Arial, Helvatica, Sans-serif; font-size: 12px;}



div.previewdiv {
  float:left;
  display:inline;
  width:160px;
  height:120px;
  margin-right:2px;
  margin-bottom:10px;
}

div.thumbnaildiv {
  float:left;
  display:inline;
  width:75px;
  height:120px;
  margin-bottom:10px;
}

div.thumbnaildiv img {
  display:block;
  clear:both;
  float:left;
  margin-bottom:2px;
}

.hotelheadings {
  color:#fff;
  font-family: arial, helvetica,sans serif; 
  font-weight:bold;
  height:41px;
  font-size: 0.8em;
  background: url('../images/left-top-bg.gif') repeat;
  padding: 3px;
   border: 1px solid #ADADAD;
}

.hotel_lightpurple {
  background:#fff;
  height:45px;
  color:#555555;
  font-family: arial, helvetica,sans serif;
  font-size: 0.8em;
}

.hotel_darkpurple {
  background:#e7e5e0;
  height:45px;
  color:#555555;
  font-family: arial, helvetica,sans serif; 
  font-size: 0.8em;
}

.hotelname {
  width:420px;
  padding:5px;
  border-left: 1px solid #ADADAD;
  border-right: 1px solid #ADADAD;
}

.hoteldate {
  padding:5px;
  border-left: 1px solid #ADADAD;
}

.hoteloccupancy
{
 border-left: 1px solid #ADADAD;
}

.hotelname a {
  color:#0099ff;
  font-family: arial, helvetica,sans serif; 
  
}

.gratinglist {
  color:#0099ff;
  font-weight:bold;
  text-align: center;
  border-right: 1px solid #ADADAD;
}
  
.grating {
  text-align: center;
  border-right: 1px solid #ADADAD;
  border-left: 1px solid #ADADAD;
  padding: 0 3px;
}
/*
.ratefirstcell {
  border-left: 1px solid #ADADAD;
  padding: 3px;
  text-align: center;
}
*/

.rate {
  border-right: 1px solid #ADADAD;
  padding: 3px;
  text-align: center;
}


.ratefull {
  border-right: 1px solid #ADADAD;
  padding: 3px;
  text-align: center;
}
  
.srating {
  text-align: center;
  border-right: 1px solid #ADADAD;
  padding: 0 3px;
}

.star {
  background: #ffffff url(../images/star.gif) no-repeat right top;
  border: 1px solid #ADADAD;
  padding: 0 18px 2px 5px;

}
.distance {
  text-align: center;
  border-right: 1px solid #ADADAD;
  padding: 0 3px;
}

.pricefrom{
  text-align: center;
  border-right: 1px solid #ADADAD;
  /*Hack for IE6 and IE7*/
  *border-right: 2px solid #ADADAD;
  padding: 0 3px;
}

.sratinglist {
  text-align: center;
  border-right: 1px solid #ADADAD;
}

.distancelist {
  text-align: center;
  border-right: 1px solid #ADADAD;
}

.ratehead {
  text-align: center;
  border-right: 1px solid #ADADAD;
  padding: 0 3px;
}

.pricefromlist{
  text-align: center;
  border-right: 1px solid #ADADAD;
  /*Hack for IE6 and IE7*/
  *border-right: 2px solid #ADADAD;
  color:#339900;
  font-weight: bold;
}

.makebooking {
  border-right: 1px solid #ADADAD;
}

.makebookinglist {
  padding:0 5px;
  border-right: 1px solid #ADADAD;
  /*Hack for IE6 and IE7*/
  *border-right: 2px solid #ADADAD;
}


.rowsplit
{
  height:5px;
  border-top:1px solid #ADADAD;
  border-bottom:1px solid #ADADAD;
}


#facilitiesbox li{float:left; width: 280px; margin: 0 0 0 10px;}

/** begin room details **/

#hotel {font-family: arial, helvetica,sans serif;}

/** #hoteltabs span{margin: 10px 0 0 0; padding: 1px 1px 1px 1px; background: #3366cc; color: #fff}**/

#hotelboxes {margin: 0px 0 0 0; padding: 3px; border: 3px solid #3399ff}

.hoteldetailsbox {clear:both; width: 900px; position: relative; padding: 10px; background: #fff; font-family: arial, helvetica,sans serif; font-size: 0.8em; color: #555555}

*>.hoteldetailsbox
{
  height: auto;


}

.hoteldetailsbox ul{padding: 10px; background: #fff}


#gmap {width:925px;height:400px; z-index:1000}

#hoteltabs 
{
  height:36px;
  margin:0px;
  border-style:solid;
  border-color:#990000;
  border-top-width:0;
  border-right-width:0;
  border-bottom-width:0px;
  border-left-width:0;
  background-image:url("../media/images/topnavbg.gif");
        background-position:bottom;
}
#tab 
{
  margin-left:0px;
  top:0;
}
#tab ul 
{
  margin:0 0 0 -2px;
  padding:0;
  list-style:none;
  float:left;
}

#tab li 
{
  display:inline;
  float:left;
  margin:0 0 0 2px;
  padding:0;
  background:url("../media/images/menuright.gif") no-repeat right bottom;
}




#tab span 
{
  display:block;
  background:url("../media/images/menuleft.gif") no-repeat left bottom;
  padding:7px 15px 6px 15px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:0.8em;
  color:#555555;
  font-weight:bold;
  line-height:23px;
  cursor:pointer;
}



/**RIGHT of TAB**/

#tab li:hover, #tab li.activetab
{
  background:url("../media/images/menuright.gif") no-repeat right top;
  
}


/**LEFT of TAB**/

#tab span:hover, #tab li.activetab span
{
  background:url("../media/images/menuleft.gif") no-repeat left top;
  color:#fff;
  font-weight:bold;
  font-style:normal;
  text-decoration:none;

}






/** end room details **/

#weather {margin:10px 0 0 0}


.hotelheadingdetails {
  color:#fff;
  font-family: arial, helvetica,sans serif; 
  font-weight:bold;
  height:41px;
  font-size: 1em;
  background: url('../images/left-top-bg.gif') repeat;
}

.hoteldetailsimage {float: left; margin: 10px;}

.clear {clear:both}

.list-thumb {float: left; padding: 3px; border: 1px solid #ADADAD; background: #fff; margin-right: 5px;}



#facilities input {float: left}

#facilities label {
  display: block;
  float: left;
  margin-left: 2px;
width: 170px;
font-size: 0.8em;
padding: 4px 0 0 0;
}

#appeals input {float: left}

#appeals label {
  display: block;
  float: left;
  margin-left: 2px;
width: 170px;
font-size: 0.8em;
padding: 4px 0 0 0;

}

#hoteltypes label {font-size: 0.8em;}

.faclist {clear: both;}

.detailstext {font-size: 0.8em; width: 700px; float: left;}

.detailstext a{color: #0099FF}

.details_wrapper {border: 1px solid #ADADAD; padding: 10px}

.final_total {font-weight: bold; font-size: 1.2em}