*
{
  padding:              0px;
  margin:               0px;
  border:               none;
  
  font-family:          Arial;
  font-size:            12px;
  color:                #444444;
}

body
{
  margin:               10px 0px;
  font-family:          Arial;
  font-size:            12px;
  color:                #444444;
  background:           url(../../../images/background.png);
}

br.clear
{
  clear:                both;
}

.center
{
  text-align:           center;
}

img.left
{
  float:                left;
  padding:              0px 10px 0px 0px;
}

img.right
{
  float:                right;
  padding:              0px 0px 0px 10px;
}

img.icon
{
   vertical-align:      middle;
}

table
{
  width:                100%;
  border-collapse:      collapse;
}

table th
{
  width:                200px;
  padding:              5px 0px;
  text-align:           left;
}

table td.padding
{
  padding:              5px 10px;
}

table .border-bottom-light-gray
{
  border-bottom:        1px solid #DDDDDD;
}

table .border-bottom-dark-gray
{
  border-bottom:        1px solid #CCCCCC;
}

table .background-light-gray
{
  background:           #F1F1F1;
}

table .background-dark-gray
{
  background:           #DDDDDD;
}

table .padding-left
{
  padding-left:         10px;
}

table .padding-right
{
  padding-right:        10px;
}

.pointer
{
  cursor:               pointer;
  outline:              none;
}

a
{
  color:                #000000;
  outline:              none;
  text-decoration:      none;
}

a:hover
{
  text-decoration:      underline;
}

a:hover img
{
  text-decoration:      none;
}

input.input
{
  padding:              2px;
  width:                200px;
  border:               1px solid #CCCCCC;
  background:           #F1F1F1;
}

input.checkbox
{
  border:               1px solid #CCCCCC;
  cursor:               pointer;
}

textarea
{
  padding:              2px;
  width:                718px;
  height:               350px;
  border:               1px solid #CCCCCC;
  background:           #F1F1F1;
}

textarea.small
{
  width:                200px;
  height:               100px;
}

textarea.medium
{
  width:                517px;
  height:               100px;
}

select
{
  cursor:               pointer;
}

input.input.error, select.select.error, textarea.textarea.error, textarea.small.error, textarea.medium.error
{
  border:               1px solid #E60A0A;
}

input.submit
{
  background:           #F1F1F1;
  font-weight:          bold;
  text-transform:       uppercase;
  text-align:           left;
  cursor:               pointer;
}

/* edited by JB */

input.search
{
	margin-top:			15px;
	float: 				right;
  width:                104px;
  height:               36px;
  background:           url(../../../images/buttons/search.png);
}

/* edited by JB */

div#container
{
  width:                999px;   
  margin:               0px auto;
}

div#header
{     
  height:               99px;               
  background:           url(../../../images/header.png) no-repeat right;
}

/* edited by JB */

#header .logo { background: url(../../../images/logo.png) no-repeat; display: block; height: 55px; width: 328px; margin-top: 44px; position: absolute; text-indent: -9999px; }

/* edited by JB */

div#wrapper
{    
  border:               1px solid #C8D7E4;
  border-top:           none;
  height:               100%;
}

/* edited by JB */

div#top
{
  background:           #F8FAFC;
  height:               auto;
  position:				absolute;
  top:					109px;
  height: 				auto;
  border-left:			1px solid #C8D7E4;
  border-right:			1px solid #C8D7E4;
  width:				997px;
}

/* edited by JB */

div#search
{
  width:                329px;
  padding:              15px;
  float:                left;
}

div#search h2
{
  font-size:            20px;
  color:                #321f6E;
}

/* edited by JB */

div#search p
{
  padding:              10px 0px 10px;
  letter-spacing:       1px;
  margin-bottom:		7px;
}

div#search select
{
  width:                224px;
  border:               1px solid #E5E5E5;
}

div#search label
{
	font-weight:		bold;
	width:				100px;
	margin-bottom:		15px;
	display:			block;
	float:				left;
}

div#picture
{
  width:                638px;
  height:				214px;
  background: 			url(../../../images/top/home.jpg) no-repeat;
  float:                right;
}

div#picture img
{
  float:                left;
}

div#breadcrumb
{
  width:				967px;
  height:               27px;
  line-height:          27px;
  padding:              0px 15px;
  color:                #81929F;
  font-weight:          bold;
  background:           #E9F0F5;
  border-top:			7px solid #F0A70B;
}

div#breadcrumb a
{
  color:                #81929F;
}

div#content
{
  padding:              0px 10px 10px;
  background:           #FFFFFF;   
  height:               100%;
  margin-top:			248px;
}

/* edited by JB */

div #content .content
{
  border:               1px solid #DBE7EF;
  border-top:           none;
}

div#content h1, div#content h2
{
  height:               33px;
  line-height:          33px;
  margin:               10px 0px 0px;
  padding:              0px 10px;
  font-size:            14px;
  font-weight:          bold;
  color:                #FFFFFF;
  border:               1px solid #DBE7EF;
  border-bottom:        none;
}

div#content h1 a, div#content h2 a
{
  font-size:            14px;
  font-weight:          bold;
  color:                #FFFFFF;
}

div#content div.left
{
  width:                225px;
  float:                left;
}

div#content .left h2
{
  background:           url(../../../images/h2/pruple.png);
}

div#content .left li
{
  list-style:           none;
  display:              block;
  padding:              8px 10px;
  background:           #E9F0F5;
  font-weight:          bold;
  color:                #81929F;
}

div#content .left ul.admin li
{
  font-weight:          normal;
}

div#content .left li.empty
{
  padding:              0px;
}

div#content .left li.border-top
{
  border-top:           1px solid #DBE7EF;
}

div#content .left li.border-bottom
{
  border-bottom:        1px solid #DBE7EF;
}

div#content .left li.sub
{
  background:           #FFFFFF; 
  padding:              0px 10px;
}

div#content .left li.item
{   
  padding:              4px 35px;
  font-weight:          normal;
  font-size:            10px;
  background:           #FFFFFF url(../../../images/list-item.png) no-repeat left center;
}    

div#content .left li a    
{
  color:                #81929F;  
  display:              block;
}

div#content .left li.sub a
{
  font-size:            11px;
}

div#content .left li a.active
{
  color:                #F0A70B;
  font-weight:          bold;
}

div#content .left #advertisement
{
  padding:              10px;
  text-align:           center;
}

div#content div.right
{
  width:                745px;
  float:                right;
}

div#content div.right div.left
{
  width:                460px;
  float:                left;
}

div#content div.right div.right
{
  width:                280px;
  float:                right;
}

div#content .right h1, div#content .right h2
{
  background:           url(../../../images/h2/blue.png);
}

div#content .right h3
{
  /*padding:              10px 0px 0px;*/
  color:                #0895C9;
  font-size:            12px;
  font-weight:          bold;
}

div#content .right h4
{
  /*padding:              10px 0px 0px;*/
  font-size:            12px;
  font-weight:          bold;
}

div#content .right p
{
  padding:              5px 0px 0px;
  line-height:          20px;    
}

div#content .right .content
{
  padding:              0px 10px 5px;
}

div#content .right .content.extra
{
  margin:               10px 0px 0px;
  border:               1px solid #DBE7EF;
}


div#content .right .content.no-padding-bottom
{
  padding-bottom:       2px;
}

div#content .right .content.table
{
  padding:              0px;
}

div#content .right #compare.content
{
  padding:              10px;
}

div#content .right #compare li
{
  list-style:           none;
  float:                left;  
  padding:              0px 20px 0px 0px;                          
}

div#content #maps.content
{
  padding:              0px;
  height:               300px;
}

ul.accommodations li
{
  list-style:           none;
}

div #content #accommodations.content
{
  padding:              0px;
  border-bottom:        none;
}

div #content #accommodations h3
{
  padding:              0px;
  font-size:            14px;
  color:                #0895C9;
}

div #content #accommodations h3 a
{
  font-size:            14px;
  color:                #0895C9;
  text-decoration:      underline;
}

div #content #accommodations h3 a:hover
{
  text-decoration:      none;
}

div#content #accommodations .item
{
  height:               100%;
  border-bottom:        1px solid #DBE7EF;
}

div#content #accommodations div.left
{
  width:                120px;
  float:                left;
  padding:              10px 0px 10px 10px;
}

div#content #accommodations .left img
{
  float:                left;
}

div#content #accommodations .middle
{
  width:                460px;
  float:                left;
  padding:              10px 0px 8px 0px;
}

div#content #accommodations div.right
{
  width:                130px;
  float:                right;
  padding:              10px 10px 10px 0px;
}

div#content #accommodations .provider
{
  width:                110px;
  padding:              10px;
  background:           #E9F0F5;
  text-align:           center;
  border:               1px solid #DBE7EF;
}

div#content #accommodations .provider img
{
  padding:              5px 0px 0px;
}

div#content #accommodations .right a.more-info
{
  display:              block;
  width:                118px;
  height:               30px;
  line-height:          30px;
  margin:               10px 0px 0px;
  padding:              0px 0px 0px 10px;
  color:                #FFFFFF;
  font-weight:          bold;
  text-decoration:      underline;
  background:           url(../../../images/buttons/more-info.png);
}

div#content #accommodations .right a:hover.more-info
{
  text-decoration:      none;
}

#footer
{
  height:               28px;
  padding:              0px 14px;
  font-weight:          bold;
  background:           url(../../../images/footer.png) no-repeat center;
}

#footer div
{
  height:               28px;
  line-height:          27px;
  font-size:            11px;
  background:           url(../../../images/footer_corners.png) no-repeat;
}

#footer div a
{
  font-size:            11px;
  font-weight:          bold;
  color:                #444444;
}

#footer .left
{
  padding:              0px 9px 0px 0px;
  float:                left;
  background-position:  right;
}

#footer .right
{
  padding:              0px 0px 0px 9px;
  float:                right;
  background-position:  left;
}
