/* CSS Document */
html,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,h8,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dtdd,ol,fieldset,form,label,legend,input,textarea,table,caption,tbody,tfoot,thead,tr,th, selectarea, button
{
  margin:          0;
  padding:         0;
  border:          0;
  outline:         0;
}
ol
{  list-style:      none;}
/* body */
body {margin:0px; font:11px/18px tahoma, arial; color:#000100; background: url(../images/bg.jpg); }
#container { width: 800px; margin:0 auto; text-align: left; border:2px dotted #00aece; background: url(../images/bodyline.gif) repeat-y;}
/* header start */
#header {
   width: 800px;
   height:103px;
   margin: 0;
   padding:0;
   background:#FFFFFF;
}
#header h1 a {
	float: left;
	width: 170px;
	height:82px;
	margin:10px 0px 0px 0px;
	padding:0;
	text-indent: -9999px;
	background:url(../images/days-inn-zion-logo.gif) no-repeat right; 
	display:block;
}

#header #headerouter {
   width: 630px;
   float: right;
   margin: 0;
   padding: 0;
}
#headerouter #bestvalue {
	background:url(../images/bestvalue.jpg) no-repeat right;
	width:449px;
	height:103px;
   float: left;
   border-right:1px solid #0099CC;
 }
#headerouter #bestvalue h2 a {
	background:url(../images/days-inn-hurricane-utah.gif) no-repeat;
	width:325px;
	height:20px;
	margin:22px 0px 0px 0px;
	padding:0;
	text-indent: -9999px;
	display:block;
	float: left;	
}
#headerouter #headerside {
   width: 180px;
   height:103px;
   float: right;
   background:#fff;
   font:normal 11px tahoma, arial;
   background: url(../images/bg1.jpg) repeat-x top left;
}
#headerside #bookmark a {
	display:block;
	margin:10px 0px 0px 18px;
	padding:0px 0px 2px 25px;
	width:120px;
	height:16px;
	color:#00aece;
	background: url(../images/bookmark.gif) no-repeat;
	border-bottom:1px dotted #00aece;
}
#headerside #bookmark a:hover {
	color:#009900; text-decoration:none;}
#headerside #weather a {
	display:block;
	margin:10px 0px 0px 18px;
	padding:0px 0px 2px 25px;
	width:120px;
	height:16px;
	color:#00aece;
	background: url(../images/print.gif) no-repeat;
	border-bottom:1px dotted #00aece;
}
#headerside #weather a:hover {
	color:#009900; text-decoration:none;}
#headerside #email a {
	display:block;
	margin:10px 0px 0px 18px;
	padding:0px 0px 2px 25px;
	width:120px;
	height:16px;
	color:#00aece;
	background: url(../images/email-offers.gif) no-repeat;
	border-bottom:1px dotted #00aece;
}
#headerside #email a:hover {
	color:#009900; text-decoration:none;}
/* header end */
/* nav start */
#topnav {
	font:bold 12px Arial, Helvetica, sans-serif;
	float: left;
	margin:0px 0px 0 0;
	background:#FFFFFF;
	clear:both;
	border-bottom:3px solid #00aece;
	
}
#topnav ul {
	margin: 0px 2px 0px 1px;
	padding: 0px;
}
	
#topnav li {
	display: inline;
	list-style:none;
	float:left;
}
	
#topnav a {
	float: left;
	padding: 0px 0px 0px 9px;
	margin: 0px 0px 0px 1px;
	text-decoration: none;
	color:#000000;
	background: url(../images/pill_left.gif) top left no-repeat;
}
	
#topnav a span {
	float: left;
	display: block;
	padding: 6px 11px 7px 2px;
	text-decoration: none;
	cursor: pointer;
	color:#000000;
	background: url(../images/pill_right.gif) top right no-repeat;
}

#topnav .current a span {
	color:#fff;
	padding: 6px 11px 7px 2px;
	text-decoration: none;
	background: url(../images/pill_rht.gif) top right no-repeat;
}

#topnav .current a {
	background: url(../images/pill_lft.gif) top left no-repeat;
	color:#fff;
}

#topnav a:hover span {
	color:#fff;
	background: url(../images/pill_rht.gif) top right no-repeat;
	text-decoration: none;
}

#topnav a:hover {
	color:#fff;
	background: url(../images/pill_lft.gif) top left no-repeat;
}
/* nav end */
/* mid start */
#mid {
   width: 800px;
   height:257px;
   margin: 0;
   padding:0;
   background:#FFFFFF;
   border-bottom:3px solid #00aece;
   clear:both;
}
#mid #checkin {
	float: left;
	width: 173px;
	height:257px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-right:1px solid #00aece;
	background:#ffff66;
}
#mid #midouter {
   width: 626px;
   float: right;
   margin: 0;
   padding: 0;
}
#midouter #flash {
	width:445px;
	height:257px;
    float: left;
    border-right:1px solid #00aece;
	list-style-image:none;
 }
#midouter #bestvalue h2 a {
	background:url(../images;/days-inn-hurricane-utah.gif) no-repeat;
	width:325px;
	height:20px;
	margin:22px 0px 0px 0px;
	padding:0;
	text-indent: -9999px;
	display:block;
	float: left;	
}
#midouter #midside {
   width: 160px;
   height:237px;
   padding:10px 10px 10px 10px;
   float: right;
   background:url(../images/zion.gif);
   text-align:justify;
}

/* mid end */
/* Checkin form start */
div#prim form
{
  width:            173px;
  margin:           0px 0 0 px;
  padding:          0 0 10px 0px;  
  border-radius:         .5em;
  -moz-border-radius:    .5em;
  -webkit-border-radius: .5em;
  height:auto;
  }
div#prim form fieldset, div#prim form ol, div#prim form li
{
  float:            left;
  width:            173px;
  }
div#prim form fieldset
{
  margin:           8px 0 0 0;
  }

div#prim form li
{
  margin:           8px 0 0 0;
  }
div#prim form label
{
  float:            left;
  width:            58px;
  padding:          0 0px 0 10px;
  font-size:        1em;
  font-weight:      normal;
  COLOR: #333333;
  }
div#prim form input.text2, div#prim form textarea
{
  float:            left;
  width:            73px;
  border:           1px solid #7f9db9;
  padding:          1px;
  background-color: #FFFfff;
  font-family:      tahoma, arial;
  font-size:        1em;
  border-radius:         .3em;
  -moz-border-radius:    .3em;
  -webkit-border-radius: .3em;
  margin:0px 3px 0px 0px;
  }
div#prim form select#rac
{
  width:40px;
  float: left;
  background-color: #FFFfff;
  font-family: tahoma, arial;
  font-size:1em;
  border-radius:.3em;
  -moz-border-radius:.3em;
  -webkit-border-radius:.3em;
  border:1px solid #7f9db9;
  padding:0px;
  }
div#prim form select#plan
{
  width:93px;
  float: left;
  background-color: #FFFfff;
  font-family: tahoma, arial;
  font-size:1em;
  border-radius:.3em;
  -moz-border-radius:.3em;
  -webkit-border-radius:.3em;
  border:1px solid #7f9db9;
  padding:0px;
  }
div#prim form button
{
  float:            left;
  display:          inline;
  width:            110px;
  margin:           12px 0px 0px 30px;
  padding:          5px 0px 5px 0px;
  background:       #00aece;
  cursor:           pointer;
  font:bold 1em tahoma, arial;
  text-align:center;
  border:none;
  color:#FFFFFF;
    border-radius:.5em;
  -moz-border-radius:.5em;
  -webkit-border-radius:.5em;
  }
div#prim form .book {font:bold 17px/14px arial; padding: 9px 8px 8px 8px; COLOR: #333333; text-align:center; background:#ffe532;}
/* Checkin form end */
/* main start*/
#main {
	float:left;
	width:572px;
	padding:30px 24px 10px 23px;
	background:url(../images/cir.gif) #ffffff repeat-x top left;
	margin:0;
	border-right:1px solid #00aece;
	text-align:justify;
}
#main #column1 {
	float:left;
	width:284px;
	height:auto;
	padding:155px 0px 0px 0px;
	margin:10px 0px 15px 0px;
	background:url(../images/1-King-Bed.jpg) no-repeat center top;
	text-align:center;
	font:bold 11px tahoma, arial;
	color:#333333; 
}
#main #column2 {
	float:right;
	width:278px;
	height:auto;
	padding:155px 0px 0px 0px;
	margin:10px 0px 15px 6px;
	background:url(../images/2-Queen-Beds.jpg) no-repeat center top;
	text-align:center;
	font:bold 11px tahoma, arial;
	color:#333333; 
}
#main #canyon-walls a {
	float:right;
	width:250px;
	height:146px;
	padding:0px 0px 0px 0px;
	margin:5px 0px 5px 15px;
	background: url(../images/Canyon-walls-seen-through-b.gif) no-repeat;
	text-indent:-9999px;
}
#main #grand-canyon {
	float:left;
	width:250px;
	height:146px;
	padding:0px 0px 0px 0px;
	margin:10px 15px 5px 0px;
	background: url(../images/Grand-Canyon-North-Rim.gif) no-repeat;
	text-indent:-9999px;
}
#main #Quail-Creek-Reservoir {
	float:right;
	width:250px;
	height:146px;
	padding:0px 0px 0px 0px;
	margin:10px 0px 5px 15px;
	background: url(../images/Quail-Creek-Reservoir.gif) no-repeat;
	text-indent:-9999px;
}
#main #golfcourses {
	float:right;
	width:250px;
	height:146px;
	padding:0px 0px 0px 0px;
	margin:10px 0px 5px 15px;
	background: url(../images/golfcourses.gif) no-repeat;
	text-indent:-9999px;
}
#main #musical {
	float:left;
	width:250px;
	height:146px;
	padding:0px 0px 0px 0px;
	margin:10px 15px 5px 0px;
	background: url(../images/musical.gif) no-repeat;
	text-indent:-9999px;
}
#main #ghosttown {
	float:right;
	width:250px;
	height:146px;
	padding:0px 0px 0px 0px;
	margin:10px 0px 5px 15px;
	background: url(../images/ghosttown.gif) no-repeat;
	text-indent:-9999px;
}
#main h3 a {
	display:block;
	width:572px;
	height:32px;
	font:normal 19px Palatino,'Palatino Linotype',serif;
	color:#f24921;
	text-indent: -9999px;
	margin:0px 0px 10px 0px;
	background:url(../images/daysinn-zion-welcome.gif) no-repeat bottom;
}
/* main end */
/* sidebar start */
#sidebar {
	float:right;
	width:160px;
	padding:10px 10px 10px 10px;
	background: url(../images/rght_02.jpg) #FFFF99 repeat-x top left;
	margin:0;
}
#sidebar #comfortinn a {
	display:block;
	width: 110px;
	height: auto;
	margin:15px 0px 0px 23px;
	padding:80px 0px 0px 0px;
	background: url(../images/comfortinn.gif) no-repeat center top;
	text-align:center;
	font: normal 11px tahoma, arial;
	text-decoration:none;
	line-height:16px;
}
#sidebar #comfortinn h6 {
	font: bold 11px tahoma, arial;
	color: #0099cc;
	margin:0px 0px 3px 0px;
}
#sidebar #super8 a {
	display:block;
	width: 120px;
	height: auto;
	margin:15px 0px 0px 20px;
	padding:80px 0px 0px 0px;
	background: url(../images/super8.gif) no-repeat center top;
	text-align:center;
	font: normal 11px tahoma, arial;
	text-decoration:none;
	line-height:16px;
}
#sidebar #super8 h6 {
	font: bold 11px tahoma, arial;
	color: #0099cc;
	margin:0px 0px 3px 0px;
}

#sidebar #reservation {
   width: 272px;
   height: 150px;
   padding:0px 0px 0px 0px;
   float: right;
   text-align:justify;
   background: url(../images/make_reservation.gif) no-repeat center;
}
/* sidebar end */
/* address start */
#address {font: 11px tahoma, arial; color:#015697; padding: 10px 10px 10px 10px; margin: 8px 0px 10px 0px; line-height:18px; background:#f0f0f0; border:dotted 1px #cccccc; text-align:center; border-radius:.5em; -moz-border-radius:.5em; -webkit-border-radius:.5em;}
#address a {
  color: #015697;
  padding: 0px; margin:0px;
} 
#address a:hover {
  color: #015697;
  border-bottom:1px dotted #ffdc29;
  padding: 0px; margin:0px;
}
/* address end */
/* footer start */
#footer
{	clear: both;
	padding: 15px 10px 15px 10px;
	background: #E6F7FA;
	border-top: 3px solid #0099cc;
	text-align: center;
 	margin:0;
	color: #ea7705;
  }
#footer p
{	font: normal 10px tahoma, arial;
	color: #ea7705;
	margin: 0px 0px 0px 0px;
  }
#footer p a {font: normal 10px tahoma, arial;
	color: #ea7705;
}
#footer a {
  padding: 0px 5px 0px 5px;
  color: #ea7705;
  margin:  0;
  font: bold 11px tahoma, arial;
  text-align:center;
  line-height:22px;
}
#footer a:hover {
  color: #ea7705;
  border-bottom:1px dotted #ffdc29;
}
/* footer end */
.mid {
padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; COLOR: #ff0210; border-bottom:1px solid #ff0210; line-height: 18px; 
font:bold 14px Palatino,'Palatino Linotype',serif; text-decoration:none; text-transform:uppercase;}

h4 {font:bold 17px Palatino,'Palatino Linotype',serif; color:#00aece; padding: 0px 0px 5px 0px; margin:0px; text-align:center;}
h4 a:link {font:bold 17px Palatino,'Palatino Linotype',serif; color:#00aece; text-decoration: none;}
h4 a:hover {font:bold 17px Palatino,'Palatino Linotype',serif; color:#00aece; text-decoration: none;}
h4 a:visited {font:bold 17px Palatino,'Palatino Linotype',serif; color:#00aece; text-decoration: none;}

h5 {font: bold 15px Palatino,'Palatino Linotype',serif, arial, tahoma;
	color:#ff0210;
	padding: 12px 0px 1px 0px;
	border-bottom:1px dotted #ff0210;
	margin:0px 0px 0px 0px;
	text-align:left;
	text-decoration: none;
	text-transform:uppercase;
}
h5 a:link {font: bold 15px Palatino,'Palatino Linotype',serif, arial, tahoma; color:#ff0210;text-decoration: none;}
h5 a:hover {font: bold 15px Palatino,'Palatino Linotype',serif, arial, tahoma; color:#ff0210;text-decoration: none;}
h5 a:visited {font: bold 15px Palatino,'Palatino Linotype',serif, arial, tahoma;text-decoration: none;}

.meta {
	border-bottom: 1px solid #0099cc;
	padding: 0px 0px 1px 0px;
	margin: 10px 0px 2px 0px;
	font: bold 15px Palatino,'Palatino Linotype',serif, arial, tahoma;
	LINE-HEIGHT: 18px;
	color: #0099cc;
}

.meta a {
	padding-left: 15px;
	font-weight: bold;
	color: #0099cc;
}
.m {
	padding: 0px 0px 1px 0px;
	margin: 10px 0px 2px 0px;
	font: bold 11px tahoma, arial;
	LINE-HEIGHT: 18px;
	color: #0099cc;
}

.m a {
	padding-left: 15px;
	font-weight: bold;
	color: #0099cc;
}
p {padding: 8px 0px 8px 0px; margin:0px;  line-height:18px;}

UL {list-style-image: url(../images/bullet.gif);padding-left: 8px;margin:3px 0px 15px 15px;}

.more {font-weight: bold; text-decoration: underline;  background:#ffdc29; color: #000000; PADDING: 2px 4px 2px 4px; text-decoration: none;-moz-border-radius:4px;-webkit-border-radius:5px; }
a.more:link {font-weight: bold; text-decoration: underline;  background:#ffdc29; color: #000000; PADDING: 2px 4px 2px 4px; text-decoration: none;-moz-border-radius:4px;-webkit-border-radius:5px; }
a.more:visited {PADDING: 2px 4px 2px 4px; font-weight: bold; text-decoration: none; background:#ffdc29; color: #000000; -moz-border-radius:4px;-webkit-border-radius:5px; }
a.more:hover, a.more:active {font-weight:bold; text-decoration: none; background:#002674; color: #ffffff;}

a.mor:link {font-weight: bold; text-decoration: underline; background:#002674; color: #ffffff; PADDING: 2px 4px 2px 4px; text-decoration: none;-moz-border-radius:4px;-webkit-border-radius:5px; }
a.mor:visited {PADDING: 2px 4px 2px 4px; font-weight: bold; text-decoration: none; background:#002674; color: #ffffff; -moz-border-radius:4px;-webkit-border-radius:5px; }
a.mor:hover, a.more:active {font-weight:bold; text-decoration: none; background:#ffdc29; color: #000000;}

.float_hack {height: 0;	font-size: 0;clear: both;}
.col-one {
	float: left;
	width: 190px;
}
.col-two {
	float: left;
	width: 180px;
	margin:0px 0px 0px 10px;
}
.col-three {
	float: right;
	width: 180px;
}
a:link {text-decoration: none; color: #000000;}
a:visited {text-decoration: none; color: #000000;}
a:hover, a:active { text-decoration: underline; color: #000000;}
.forms { BORDER: #669933 1px solid; FONT:normal 11px tahoma; COLOR: #015697; BACKGROUND-COLOR: #FFff99;width:200px;}
/* CONTACT FORM                                                                           CONTACT FORM ::
--------------------------------------------------------------------------------------------------------- */
div#primary form
{
  width:            515px;
  margin:           0px 0 10px 0;
  padding:          0px 0 10px 0;  
  float:left;
   border-radius:         .5em;
  -moz-border-radius:    .5em;
  -webkit-border-radius: .5em;
  border: 1px solid #fdd664;
  }
div#primary form fieldset, div#primary form ol, div#primary form li
{
  float:            left;
  width:            515px;
  }
div#primary form fieldset
{
  margin:           10px 0 0 0;
  }

div#primary form li
{
  margin:           5px 0 0 0;
  }
div#primary form label
{
  float:            left;
  width:            120px;
  padding:          0 70px 0 20px;
  font-size:        1em;
  font-weight:      bold;
  }
div#primary form input.text2, div#primary form textarea, div#primary form select
{
  float:            left;
  width:            200px;
  border:           1px solid #7f9db9;
  padding:          1px;
  background-color: #FFF !important;
  font-family:      Arial, Helvetica, sans-serif;
  font-size:        1em;
  border-radius:         .5em;
  -moz-border-radius:    .5em;
  -webkit-border-radius: .5em;
  }
div#primary form textarea
{
  width:           200px;

  }
div#primary form button
{
  float:            left;
  display:          inline;
  width:            127px;
  height:           22px;
  margin:           15px 0px 0px 210px;
  background:       url(../images/checkrates1.gif) no-repeat 0 0;
  text-indent:      -9999px;
  cursor:           pointer;
  border:none;
  }
div#primary form h6, div#primary form p
{
  margin:           0em 10px 0px 10px;
  line-height:      1.4em;
  color:#002674;
  font-weight:normal;
  }
div#primary form h6
{ padding:10px 0px 0px 0px;
  color:#009900;
  font:bold 17px Palatino,'Palatino Linotype',serif;
  }
/* CONTACT FORM                                                                           CONTACT FORM ::
--------------------------------------------------------------------------------------------------------- */
div#primary form
{
  width:            550px;
  margin:           5px 0px 10px 0px;
  padding:          10px;  
  border-radius:         .5em;
  -moz-border-radius:    .5em;
  -webkit-border-radius: .5em;
  height:auto;
  border: 1px solid #eeeeee; 
   float:            left;
  }
div#primary form fieldset, div#primary form ol, div#primary form li
{
  float:            left;
  width:            550px;
  }
div#primary form fieldset
{
  margin:           10px 0 0;
  }

div#primary form li
{
  margin:           5px 0 0;
  }
div#primary form label
{
  float:            left;
  width:            120px;
  padding:          0 70px 0 20px;
  font-size:        1em;
  font-weight:      normal;
  }
div#primary form input.text2, div#primary form textarea, div#primary form select
{
  float:            left;
  width:            200px;
  border:           1px solid #7f9db9;
  padding:          1px;
  background-color: #FFF !important;
  font-family:      Arial, Helvetica, sans-serif;
  font-size:        1em;
  border-radius:         .5em;
  -moz-border-radius:    .5em;
  -webkit-border-radius: .5em;
  }
div#primary form textarea
{
  width:           200px;

  }
div#primary form button
{
  float:            left;
  display:          inline;
  width:            127px;
  height:           22px;
  margin:           15px 0px 10px 210px;
  background:       url(../images/checkrates1.gif) no-repeat 0 0;
  text-indent:      -9999px;
  cursor:           pointer;
  border:none;
  }
div#primary form h6, div#primary form p
{
  margin:           0em 0px 0px .6em;
  line-height:      1.4em;
  color:#000000;
  font-weight:normal;
  }
div#primary form h6
{ padding:0px 0px 0px 0px;
  color:#009900;
  font:bold 15px Palatino,'Palatino Linotype',serif;
  border-bottom: 1px dotted #009900;
  }
  
/* --------------------------------------------------------------------------------------------------------- */
  /* the div that holds the date picker calendar */
.dpDiv {
font-family: tahoma, Arial;
font-size:11px;
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	text-align: center;
	color: #fff;
	background-color: #00aece;
	border: 1px solid #fff;
	font-family: tahoma, Arial;
font-size:11px;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {

	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
background-color: #ffffff;
	border: 1px solid #000000;
	color:#000;
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #fff;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #ffff00;
	border: 1px solid #ffff00;
	color:#002674;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #002674;
	border: 1px solid #002674;
	cursor: pointer;
	color: #fff;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #002674;
	border: 1px solid #002674;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: #ffff00;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #000000;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	color: black;
	background: #ffff99;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	color: #000000;
	background:#ffff99;
	font-weight: bold;
	font-family: tahoma, Arial;
font-size:10px;
padding:0;
	}