#hpdyncontent {
 padding: 5px 0;
 width: 980px;
 overflow: hidden;
}

#hpdynform {
 width: 620px;
 height: 35px;
 padding: 14px 10px 6px 10px;
 margin-bottom: 8px;
 border: 1px #999 solid;
 display: none;
}
#hpdynform2 {
 width: 620px;
 height: 35px;
 padding: 0 10px 20px 10px;
 margin-bottom: 8px;
 border: 1px #999 solid;
}
#newhpdynform2 {
 overflow: hidden;
 padding: 5px 10px;
 margin-bottom: 8px;
 border: 1px #999 solid;
}
#hpdyntitle {
 height: 50px;
}
#hprestolist {
 width: 650px;
 float: left;
 height: 100%;
}
#hpdynlist {
 width: 640px;
 float: left;
 height: 100%;
}
#hpmaincol {
 width: 470px;
 float: right;
/* height: 100%; */
 padding: 0;
 margin-right: 8px;
}
#hpleftcol {
 width: 186px;
 float: left;
/* height: 100%; */
 padding: 2px;
 margin-right: 6px;
 border: 1px solid #DBE1E6;

}
#hpleftcollinks {
 width: 186px;
 float: left;
/* height: 100%; */
 padding: 2px;
 margin-right: 6px;
 border: 0;

}
#newhpdynlist {
 width: 660px;
 float: left;
 height: 100%;
}
#hpdynmap {
 width: 300px;
 height: 238px;
 border: 1px solid #999;
}

#hptoprightcol {
 width: 300px;
 float: right;
}
#hpadtopright {
 width: 300px;
 height: 250px;
 float: right;
 padding: 15px 0;
}
#hpsearchmargin {
 width: 190px;
 float: right;
 padding: 0;
 margin: 0;
}
#hpsearch {
width: 178px;
 border: 1px solid #999;
 border-top: 0;
 padding: 8px;
 margin: 0;
}
.newhptopresto {
 overflow: auto;
 clear: both;
 padding-bottom: 5px;
 margin-bottom: 5px;
 border-bottom: 1px solid #E0E0E0;
}
.lasthptopresto {
 overflow: auto;
 clear: both;
}
#hptoprestos {
 width: 324px;
 padding-right: 15px;
 float: left;
}
#newhprestos {
 width: 100%;
 /*border: 1px solid #C1CAD2;*/
 padding: 0px 0 4px 0;
 clear: left;
}
#newhprestos ul {
 margin: 5px 0;
 padding: 5px 0;
}
.hprestos {
 float: right;
 width: 300px;
}
.hpresto {
 height: 35px;
 border-bottom: 1px solid #E0E0E0;
 padding-bottom: 3px;
 margin-bottom: 2px;
 width: 300px;
}
.newhpbutton {
 display: block;
 float: none;
 height: 28px;
 padding: 10px 0;
 margin: 10px 0 0 0;
 width: 468px;
 text-align: center;
}
.newhpbutton h2 {
 margin: 0;
}

.smpin {
 width: 22px;
 height: 22px;
}

#hpdyncontrols {
 float: left;
 width: 100%;
}

.hpad {
 text-align: center;
 width: 185px;
 height: 120px;
 padding: 0 5px 0 6px;
 float: left;
 position: relative;
}

.hpleftcolimg {
 text-align: center;
 width: 185px;
 padding: 0 0 4px 0;
 float: left;
 position: relative;
}

.hpgoogad {
 text-align: center;
 padding: 0 5px 0 6px;
 float: left;
 position: relative;
}

.hpleftcolimgtitle {
position: absolute;
bottom: 4px;
left: 0;
width: 185px;
height: 1.5em;
padding-top: 2px;
border: 0px;
font-weight: bold;
color: #fff;
background-color: #000;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}

.hpadtitle {
position: absolute;
bottom: 0;
left: 0.4em;
width: 185px;
height: 1.5em;
padding: 0px;
border: 0px;
font-weight: bold;
color: #fff;
background-color: #000;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}

.hpadstars {
position: absolute;
top: 0;
left: 0.4em;
width: 60px;
height: 1.5em;
padding: 0 0 0 122px;
border: 0px;
font-weight: bold;
color: #fff;
 float: right;
}

.conton {
 display: block;
 height: 200px;
}

.contoff {
 display: none;
}

label.searchbox,input.searchbox,select.searchbox {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 5px;
}

.hpleft {
 width: 339px;
 float: left;
 margin-right: 5px;
}
.hpright {
 float: right;
 width: 300px;
}
.hplhrestodetails {
 float: right;
 width: 245px;
}
.hplhresto img.resto {
 border: 1px solid #000;
 margin: 2px;
}
.lbbutton {
 float: right;
 padding-top: 2px;
 display: inline;
}
#hpleftmargin {
 float: left;
 font-size: 11px;
 width: 108px;
 margin-right: 8px;
 padding: 4px;
 border: 1px solid #999;
}

#hprestotitle {
 border-top: 1px solid #999;
 border-bottom: 1px solid #999;
 margin-bottom: 5px;
}

a.h {
 font-size: 1.0em;
}
.inline {  
 display: inline;
}

.form label
{
 display: block;
 width: 70px;
 padding-right: 5px;
 margin-bottom: 5px;
 float: left;
 text-align: right;
}

#bestinfo {
 width: 285px;
 position: absolute;
 border: 2px solid black;
 background:#fff;
 padding: 15px;
 z-index: 1;
}

#leaderboard {
 clear: both;
 height: 138px;
 margin: 3px 0 0 0;
 padding: 0px;
 text-align: center;
}

.yui-carousel-element li { 
   height: 126px; 
} 

#container { 
   font-size: 13px; 
} 

#container ol {
 padding-left: 0;
}

#container .intro { 
   display: inline; 
   float: left; 
   margin: 0px 14px 0px 4px; 
   width: 454px; 
} 

#container .item { 
   display: inline; 
   float: left; 
   margin: 0; 
   overflow: hidden; 
   padding: 0 5px 0 3px; 
   width: 454px; 
} 

#container .item h3 { 
   padding-bottom: 5px;
   margin: 4px 0; 
} 

#container .item br { 
   padding-bottom: 5px;
   margin: 4px 0; 
} 

#container .item h3 a { 
   font: 77% Arial, sans-serif; 
   position: relative; 
   text-transform: uppercase; 
   z-index: 2; 
} 

#container .item p { 
   margin: 9px 0; 
} 

.lb_promolink a:link { text-decoration: none; color: #999; } 
.lb_promolink a:visited { text-decoration: none; color: #999; } 
.lb_promolink a:hover { text-decoration: underline; color: #C00; } 

.latestbox {
 width: 320px;
 margin: 20px 0 20px 0;
 float: left;
}

.widget {  
clear: both;
border: 2px 0;  
padding: 6px;  
background: #f3f1eb;  
border: 1px solid #dedbd1;  
}  
 
.tabnav li {  
display: inline;  
list-style: none;  
padding-right: 3px;  
}  
 
.tabnav li a {  
text-decoration: none;  
text-transform: uppercase;  
font-weight: bold;  
padding: 0.5em !important;
outline: none;  
 font-size: 12px !important;
}  
 
.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {  
background: #dedbd1;  
color: #222;  
text-decoration: none;  
}  

.ui-tabs .ui-tabs-nav li a {
 padding: 0.5em !important;
}
.tabdiv {  
margin-top: 2px;  
background: #fff;  
border: 1px solid #dedbd1;  
padding: 5px;  
}  

.tabdiv h3 {
 margin:0;
}
 
.tabdiv ul {
 margin:6px 0 0;
}
 
.ui-tabs-hide {  
display: none;  
}

.ui-widget {
 font-size: 1em !important;
}

.hp_carousel {
}

.hp_carousel li {
 position: relative;
 width: 470px;
 height: 310px;
 padding-right: 2px;
}

.hpcarouseltitle {
 background-color: #000000;
 border: 0 none;
 top: 0;
 color: #FFFFFF;
 font-weight: bold;
 font-size: 20px;
 height: 1.5em;
 left: 0;
 filter:alpha(opacity=60);
 -moz-opacity:0.6;
 -khtml-opacity: 0.6;
 opacity: 0.6;
 padding: 15px;
 position: absolute;
 width: 438px;
}

.hpcarouselsubtitle {
 background-color: #000000;
 border: 0 none;
 bottom: 0;
 color: #FFFFFF;
 font-size: 16px;
 text-align: center;
 height: 3em;
 left: 0;
 filter:alpha(opacity=60);
 -moz-opacity:0.6;
 -khtml-opacity: 0.6;
 opacity: 0.6;
 padding-bottom: 2px;
 position: absolute;
 width: 468px;
 line-height: 22px;
}

.jCarouselLite {
 position: relative;
}

#hpcarouselctl {
 width: 468px;
 margin: 5px 0 0 0;
}

#hpcarousel li > img {
 position: absolute;
 clip: rect(0, 0, 310,0);
}

button.active {
 background-color: #FF6633;
}

#hptownchoice {
 padding: 0 10px;
 border: 1px solid #ddd;
 text-align: center;
}

#hptownlist {
 clear: both;
 padding: 0 10px;
 border: 1px solid #ddd;
}

#hptownlist p {
 font-size: 1.2em;
 line-height: 16px;
 margin: 10px 0 5px;
}

a:hover.tagcloud { text-decoration: none; background-color: yellow; }
a:link.tagcloud { text-decoration: none }
a:visited.tagcloud {text-decoration: none }

h2.hpsecthead {
 text-align: center;
 display: table;
 width: 100%;
}

h2.hpsecthead > span, h2.hpsecthead:before, h2.hpsecthead:after {
     display: table-cell;
}
h2.hpsecthead:before, h2.hpsecthead:after {
 background: url(https://dummyimage.com/2x1/F63/fff&text=+) repeat-x center;
 width: 50%;
 content: ' ';
}
h2.hpsecthead > span {
 white-space: nowrap;
 padding: 0 9px;
}

/* HP Top content tabs */
#hptabs_wrapper {
  width: 470px;
}
#hptabs_container {
  border-bottom: 1px solid #ccc;
}
#hptabs {
  list-style: none;
  padding: 5px 0 4px 0;
  margin: 0 0 0 10px;
  font-size: 14px;
 line-height: 17px;
}
#hptabs li {
  display: inline;
}
#hptabs li a {
  border: 1px solid #ccc;
  padding: 4px 6px;
  text-decoration: none;
  background-color: #eeeeee;
  border-bottom: none;
  outline: none;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
}
#hptabs li a:hover {
  background-color: #dddddd;
  padding: 4px 6px;
}
#hptabs li.active a {
  border-bottom: 1px solid #fff;
  background-color: #fff;
  padding: 4px 6px 5px 6px;
  border-bottom: none;
}
#hptabs li.active a:hover {
  background-color: #eeeeee;
  padding: 4px 6px 5px 6px;
  border-bottom: none;
}

/*#hptabs li a.icon_accept {
  background-image: url("accept.png");
  background-position: 5px;
  background-repeat: no-repeat;
  padding-left: 24px;
}
#hptabs li a.icon_accept:hover {
  padding-left: 24px;
} */

#hptabs_content_container {
  border: 1px solid #ccc;
  border-top: none;
  padding: 10px;
  width: 448px;
}
.hptab_content {
  display: none;
}

/* HP 5 col layout */
.container5 {
 clear:left;
 float:left;
 width:100%;
 overflow:hidden;
 margin-bottom: 20px;
}
.container4 {
 clear:left;
 float:left;
 width:100%;
 position:relative;
 right:20%;
}
.container3 {
 clear:left;
 float:left;
 width:100%;
 position:relative;
 right:20%;
}
.container2 {
 clear:left;
 float:left;
 width:100%;
 position:relative;
 right:20%;
}
.container1 {
 float:left;
 width:100%;
 position:relative;
 right:20%;
}
.container1 h3 {
 margin-top: 5px; 
 font-size: 14px;
}
.container1 h3.hptopheader {
 background-color: #555;
 width: 178px;
 padding: 3px;
 margin: 0 0 1px;
}
.container1 h3.hptopheader a {
 color: #FFF;
 display: block;
 font-size: 14px;
 width: 100%;
  overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
}
.container1 h3.hptopheader a:link {
 text-decoration: none;
}
.container1 h3.hptopheader a:hover {
 text-decoration: underline;
}
.container1 h3.hptopheader:hover {
  background-color: #F63;
}
.imgcontainer {
 height: 124px;
 overflow: hidden;
}
.container1 img {
 overflow: hidden;
}
.container1 p {
 margin: 2px 0;
 font-size: 11px;
 line-height: 12px;
}

.col0 {
 float:left;
 width:184px;
 position:relative;
 left:784px;
 overflow:hidden;
margin: 0 3px;
padding: 3px;
}
.col1 {
 float:left;
 width:184px;
 position:relative;
 left:784px;
 overflow:hidden;
margin: 0 3px;
padding: 3px;
}
.col2 {
 float:left;
 width:184px;
 position:relative;
 left:784px;
 overflow:hidden;
margin: 0 3px;
padding: 3px;
}
.col3 {
 float:left;
 width:184px;
 position:relative;
 left:784px;
 overflow:hidden;
margin: 0 3px;
padding: 3px;
}
.col4 {
 float:left;
 width:184px;
 position:relative;
 left:784px;
 overflow:hidden;
 margin: 0 3px;
 padding: 3px;
}
.hpdynmore {
vertical-align: bottom;
float: right;
}