/***** Global Settings *****/
 
body {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #383838;
	margin: 0px 0px 0px 12px;
	padding: 0px;
	background: #fff;
	}

a:link, a:visited {
	color: #578df2;
	text-decoration: underline;
	}

a:hover, a:active {
	text-decoration: none;
	}
 
/***** Common Formatting *****/
 
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	}
 
img {
	border:0;
	}

p {
	margin: 0px;
	padding: 0px;
	}

 
/***** Forms *****/
 
form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
font: 1em arial, helvetica, sans-serif;
}
 
textarea {
line-height:1.25;
}
 
label {
cursor:pointer;
}
 
/***** Global Classes *****/
 
.clear         { clear:both; font-size: 1px; }
 
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }


/***** Main Layout Containers *****/

#main-master {
	width: 1135px;
}

*html #main-master {
	width: 1140px;
}

#master {
	width: 970px;
	min-height: 800px;
	float: left;
	margin: 5px 0px 0px 0px;
	min-height: 930px;
	background: url(http://data.rezserver.com/img/official_state_sites/master-bg.gif) no-repeat;
	}

*html #master {
	height: 930px;
	}

#banner-column {
	width: 160px;
	height: 600px;
	float: left;
	margin: 22px 0px 0px 5px;
	}

#main-header {
	width: 970px;
	height: 101px;
	background-color:#d2d1b7;
	padding: 0px 0px 0px 0px;
	margin: 3px 0px 0px 0px;
	}
	
#body-content {
	float: left;
	margin: 0px;
	width: 100%;
	}

#body-content div.menu {
	float: left;
	width: 191px;
	height: 100%;
	background: #f2f2e5;
	border-right: 1px solid #d2d1b7;
	border-bottom: 1px solid #d2d1b7;
	padding: 5px 4px;
	}

#body-content div.main-content {
	float: left;
	padding: 5px 20px;
	}
	


/***** Main Page Elements *****/

#top-links a, #top-links span {
	color: #eb4d00;
	font-weight: bold;
	}


/***** Main Navigation *****/

ul.main-nav {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

ul.main-nav li {
	width: 190px;
	height: 17px;
	margin: 0px;
	padding: 5px 0px;
	border-bottom: 1px solid #d2d1b7;
	}

ul.main-nav li a:link { display:block; text-indent:10px; color:#383838; font-weight:bold; text-decoration:none;}
ul.main-nav li a:visited {display:block; text-indent:10px; color:#383838; font-weight:bold; text-decoration:none;}
ul.main-nav li a:hover {background:url(http://data.rezserver.com/img/official_state_sites/arrow.gif) no-repeat center left; display:block; color:#383838; font-weight:bold; text-decoration:none;}
ul.main-nav li a:active {background:url(http://data.rezserver.com/img/official_state_sites/arrow.gif) no-repeat center left; display:block; color:#383838; font-weight:bold; text-decoration:none;}



h2.tools-title {
	width: 199px;
	height: 29px;
	background: url(http://data.rezserver.com/img/official_state_sites/tools-title.gif) no-repeat;
	margin: 20px -4px 5px -4px;
	padding: 0px;
	}

h2.tools-title span {
	display: none;
	}


/***** Newsletter Signup Box *****/

#deals-signup {
	width: 190px;
	margin: 20px 0px;
	}
	
#deals-signup h2.top span {
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	padding-left:50px;
	vertical-align:middle;
}

#deals-signup h2.top {
	width: 190px;
	height: 24px;
	background: url(http://data.rezserver.com/img/official_state_sites/deals-title.gif) no-repeat;
	}
	

#deals-signup div.body {
	width: 180px;
	float: left;
	background-color: #fff;
	color: #777;
	padding: 5px;
	}

#deals-signup div.body p.label {
	float: left;
	height: 17px;
	text-align: right;
	margin-right: 5px;
	padding: 3px 0 0 5px;
	}

#deals-signup div.body p.privacy {
	margin-top: 5px;
	padding-left: 10px;
	float: left;
	}

#deals-signup div.body input {
	width: 130px;
	height: 17px;
	border: 1px solid #b0c97d;
	}

#deals-signup div.body p.input {
	float: right !important;
	}

#deals-signup div.body a.signup-button {
	display: block;
	float: right;
	width: 67px;
	height: 26px;
	background: url(http://data.rezserver.com/img/official_state_sites/signup-button.gif) no-repeat 0% 0%;
	}

#deals-signup div.body a.signup-button:hover {
	background-position: 100% 100%;
	}

#banner160_left { padding:10px 0 0 15px;}
/***** Main Column Content *****/

#body-content div.main-content h1 {
	color: #eb4d00;
	font-weight: 700;
	font-size: 18px;
	margin: 0px 0px 3px 0px;
	}

#main-search {
	width: 488px;
	height: 138px;
	padding: 5px 10px;
	border: 1px solid #d2d1b7;
	float: left;
	margin: 0px 0px 20px 0px;
	font-weight: bold;
	background-color: #f2f2e5;
	}
	
*html #main-search{
	height: 136px;
	margin: 0px 0px 0px 0px;
	}
	
/*
#main-search a.submit {
	display: block;
	background: url(http://data.rezserver.com/img/official_state_sites/avail-button.gif) no-repeat 0% 0%;
	width: 112px;
	height: 26px;
	margin: 10px 100px 10px 0px;
	float: right;
	}

*html #main-search a.submit {
	margin: 5px 50px 10px 0px;
	}

#main-search a.submit:hover {
	background-position: 100% 100%;
	}

#main-search a.detailed-search {
	float: left;
	display: block;
	margin: 10px 0px 0px 50px;
	}
*/
/* Main Searchbox Styles */

#searchterms-left {
	padding-top:20px;
	width: 470px;
	font-size:12px;
	font-weight:bold;
}

/*#searchterms-left div { padding:5px 0px 5px 0px;}*/
*html #searchterms-left {padding-top:10px; margin:0px;}

#searchterms-left .search_block {padding:10px 0px 10px 0px;}

#searchterms-left .label {display:block; float:left; width:70px; padding:3px 0px 0px 20px;}
#searchterms-left .input {display:block; float:left; width:140px;}

#searchterms-left .advance_search { display:block; float:left; width:150px; padding-left:20px;}
#searchterms-left .submit { float:right; padding-right:18px;}
/*
div.searchterms-left {
	width: 480px;
	}
div.searchterms-left span.label {
	display:block; font-size:12px;font-weight:bold;
	width: 65px;
	float: left;
	margin-right: 5px;
	text-align: right;
	padding-top: 5px;
	}

div.searchterms-left span.input {
	width: 140px;
	margin: 3px 0px;
	}

div.searchterms-left span.avail { padding-left:10px;}
*/


#major-cities {
	width: 688px;
	float: left;
	border: 1px solid #d2d1b7;
	margin: 0px 0px 20px 0px;
	padding: 15px 20px 10px 20px;
	}

#major-cities ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 688px;
	}

#major-cities ul li {
	float: left;
	display: inline;
	width: 162px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 10px;
	background: url(http://data.rezserver.com/img/official_state_sites/arrow.gif) no-repeat 0px 3px;
	}

h2#thanks-title {
	width: 435px;
	height: 41px;
	margin: 20px auto 0px auto;
	}


/***** City Page Hotel List *****/

#city-hotels {
	width: 728px;
	float: left;
	border: 1px solid #d2d1b7;
	}

#city-hotels ul {
	width: 728px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: relative;
	}

#city-hotels ul li {
	float: left;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #d2d1b7;
	background-color:#f2f2e5;
	/*background-color:#fff;*/
	}

#city-hotels ul li div.name-rating {
	float:left;
	margin: 0px 0px 3px 0px;
	}

#city-hotels ul li div.name-rating a {
	font-size: 12px;
	font-weight: bold;
	}


#city-hotels ul li div.hotel-info {
	float: left;
	border-right: 1px solid #d2d1b7;
	width: 550px;
	padding: 10px;
	}

#city-hotels ul li div.hotel-info div.info {
	float: left;
	margin-left: 5px;
	width: 465px;
	}

#city-hotels ul li div.hotel-info img.thumb {
	width: 80px;
	height: 60px;
	}

#city-hotels ul li div.hotel-info div.info p {
	margin: 3px 0px;
	}

#city-hotels ul li div.rates {
	float: left;
	text-align: center;
	width: 147px;
	padding: 5px;
	}

#city-hotels ul li div.rates div.box {
	width: 147px;
	height: 60px;
	
	text-align: center;
	padding: 35px 0 0 0;
	position: relative;
	}

img.sale-tag {
	position: absolute;
	top: 10px;
	left: 70px;
	display: block;
	}

#city-hotels ul li div.rates div.box span {
	font-size: 18px;
	color: #eb4d00;
	font-weight: bold;
	}
	
#city-hotels ul li div.rates div.box a {
	display: block;
	background: url(http://data.rezserver.com/img/official_state_sites/avail-button.gif) no-repeat;
	width: 112px;
	height: 26px;
	margin: 5px auto 0px auto;
	}

#city-hotels ul li div.rates div.box a:hover {
	background-position: 0 -26px;
	}

#city-hotels h2#thanks-title {
	width: 655px;
	height: 41px;
	background: url(http://data.rezserver.com/img/official_state_sites/thanks.gif) no-repeat;
	margin: 20px auto 0px auto;
	}

#narrow-search {
	float: left;
	margin-left: 10px;
	width: 198px;
	height: 138px;
	border: 1px solid #d2d1b7;
	padding: 5px;
	}


* html #narrow-search{
	height: 136px;
	}

	
#narrow-search div.content {
	background:url(http://data.rezserver.com/img/official_state_sites/phone.gif) no-repeat center;
	background-color: #f2f2e5;
	width: 188px;
	height: 128px;
	padding: 5px;
	}
#narrow-search div.phone {
	color:#404040;
	font-size:18px;
	padding-left:31px;
	padding-top:82px;

}	
#narrow-search div.promo{
	/*color:#eb4d00;
	font-weight:bold;
	padding-left:152px;*/
	padding-left:31px;
	padding-top:0px;

}

#narrow-search div.promo b{
	color:#eb4d00;

}

* html #narrow-search div.promo{
	padding-top:0px; padding-left:31px;
}
	
	
* html #narrow-search div.content {
	height: 126px;
	}

#narrow-search div.content a {
	font-weight: bold;
	}

#narrow-search div.content ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

#narrow-search div.content ul li {
	background: url(http://data.rezserver.com/img/official_state_sites/arrow.gif) no-repeat 0px 12px;
	margin: 0px 0px 0px 10px;
	padding: 8px 0px 8px 13px;
	border-bottom: 1px solid #dddcc7;
	height: 15px;
	width: 150px;
	}
	
div.tooltipText {
	display: none;
	position: absolute;
	top: -90px;
	left: -100px;
	background: url(http://data.rezserver.com/img/official_state_sites/desc-pop.gif) no-repeat;
	width: 184px;
	height: 53px;
	padding: 7px 0px 10px 5px;
	color: #FFF;
	font-size: 11px;
	z-index: 500;
}

div.tooltipText h5 {
	margin: 0px 0px 7px 0px;
	padding: 0px !important;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	float: left;
}

*html div.tooltipText h5 { 
	margin: 0px 0px 2px 0px;
}


.sortby {
	float:left;
	padding-left:10px;
	padding-top:5px;
}

.sortby ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
.sortby li {
	display: inline;
}

.viewall {
	display:block;
	float:left;
	width:728px;
	border: 1px solid #d2d1b7;
	background-color:#f2f2e5;
	margin:10px 0px;
}
.viewall ul {
	margin:0px;
	padding: 0px;
	list-style: none;
	}
	
.viewall li {
	width:728px;
	text-align:center;
	float: left;
	margin: 0px;
	padding:8px 0px 8px 0px;
}

.viewall a { font-size:14px; font-weight:bold;}


.hot_bg {
	background-color:#f2f2e5;
	/*background-color:#fff;*/
}

/***** All Cities Page Styles *****/

#all-cities {
	width: 688px;
	float: left;
	background-color: #f2f2e5;
	border-top: 1px solid #d2d1b7;
	border-bottom: 1px solid #d2d1b7;
	margin: 0px 0px 20px 0px;
	padding: 15px 20px 10px 20px;
	}

#all-cities ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 688px;
	}

#all-cities ul li {
	float: left;
	display: inline;
	width: 215px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 10px;
	background: url(http://data.rezserver.com/img/official_state_sites/arrow.gif) no-repeat 0px 3px;
	}
	
#all-cities b { color:#576ef2;}

#banner90 { margin-top:10px;}


/***** Contact Us Page Styles *****/

#contactus-box {
	width: 688px;
	padding: 5px 10px;
	border: 1px solid #d2d1b7;
	float: left;
	margin: 0px 0px 20px 0px;
	}

#contact-fields {
	float: left;
	margin-right: 10px;
	}


#contactus-box div.side-bar {
	width: 208px;
	height: 268px;
	padding: 10px;
	background-color: #f3f2e7;
	float: right;
	}

#contactus-box div.side-bar h5 {
	font-weight: bold;
	margin: 0px 0px 1px 0px;
	padding: 0px;
	font-size: 11px;
	}

#contactus-box div.side-bar ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

#contactus-box div.side-bar ul li {
	margin: 0px 0px 3px 0px;
	padding: 0px;
	}

#contactus-box div.side-bar span {
	font-weight: bold;
	color: #eb4d00;
	}

/***** Banner Column Styles *****/

#banner-column h2.more-cities {
	width: 160px;
	height: 18px;
	font-weight: bold;
	background-color: #dddcc7;
	text-align: center;
	font-size: 11px;
	padding-top: 3px;
	margin: 5px 0px;
	}

#banner-column ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

#banner-column ul a {
	color: #7ca42b;
	text-decoration: underline;
	}
	
#banner-column ul a:hover {
	text-decoration:none;
	}

#banner-column ul li {
	margin: 0px 3px;
	padding: 4px 0px 4px 13px;
	border-bottom: 1px solid #dddcc7;
	height: 15px;
	}

#city-hotels ul li div.guest_score { margin:0; float:right; font-size:10px;}	
#city-hotels ul li div.guest_score .title { margin:0 5px 0 0; float:left; font-size:11px;}	
#city-hotels ul li div.guest_score a { font-weight:normal; float:right;}


.ratingSquare
{
    float: left;
    width: 12px;
    height: 12px;
    border: 1px solid #D2D1B7;
    /*background: #B0C780;*/
	background: #f5d77a;
    /*margin-left: 3px;*/
    margin-bottom: 2px;
}

.blankRatingSquare
{
    background: #FFF;
}

.halfRatingSquare
{
    float: right;
    border: none;
    background: #FFF;
    width: 50%;
    height: 100%;
}

.blankRatingSquare
{
    float: left;
    width: 12px;
    height: 12px;
    border: 1px solid #D2D1B7;
    background: #FFF;
}	
	
.ratingText{
    display: inline;
	font-size:11px;
	font-weight:bold;
	padding-left:5px;
}