/* CCC - CSS | Layout

Index
1. Reset
2. Typography
3. Layout
4. Float Clearing

---------------------

1. Reset
*/

@import url("weather.css");

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 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, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {
    line-height: 1;
    font-size: 10px;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
abbr, acronym {
	cursor: help;
	border-bottom: 1px dotted #999;
}

a {
	text-decoration: none;
}

a:hover {
	border-bottom: 1px dotted;
	cursor: pointer;
}

html, body {
	background: url(../images/main-bg.gif) repeat-x #dbdbdb;
}

/*
2. Typography
*/

h1, h2, h3, h4 {
	font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;
}

h4 {
	display: block;
	color: #999;
	font-size: 16px;
	margin: 20px 0 10px 0;
}

p, label, li, dt, dd, a, table, blockquote {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif ;
}

p span, dt span {
	text-transform: uppercase;
}

/*
3. Layout
*/

div.header {
	display: block;
	height: 161px;
}

div.headerinn {
	display: block;
	position: relative;
	width: 1000px;
	padding-right: 20px;
	height: 161px;
	margin: 0 auto;
}

div.header h2 a {
	display: block;
	position: absolute;
	top: 0;
	left: 130px;
	height: 161px;
	width: 418px;
	text-indent: -5000px;
}

div.header h2 a:hover {
	border: 0;
}

ul.login {
	float: left;
	margin: 68px 0 0 30px;
	display: block;
	z-index: 50;
	position: relative;
	_width: 80px;
}

ul.login li {
	color: #cdcdcd;
	padding: 0 5px 0 0;
	border-right: 1px solid;
	font-size: 12px;
	float: left;
	display: block;
}

ul.login a:link, ul.login a:visited {
	color: #cdcdcd;
}

ul.login li.last {
	border-right: 0;
	padding: 0 0 0 5px;
}

ul.login li.custom {
	border-top: 1px solid;
	border-right: 0;
	clear: both;
	width: 100%;
	margin-top: 8px;
	padding: 4px 0 0 0;
	text-align: center;
}

p.sponsorarea {
	color: #fff;
	float: right;
	font-size: 10px;
	margin-top: 12px;
}

p.sponsorarea img {
	display: block;
	margin-top: 4px;
}

/* MAIN AREA */

div.main {
	display: block;
}

div.maininn {
	display: block;
	overflow: visible;
	width: 1000px;
	padding: 0 10px;
	margin: 0 auto;
	background: url(../images/body-bg.png) repeat-y;
	_background: url(../images/body-bg.jpg) repeat-y;
	min-height: 600px;
}

div.main div.homecontent {
	display: block;
	width: 447px;
	float: left;
	background: url(../images/pic-bg.gif) repeat-x 0 70px;
}

div.main ul.nav {
	background: url(../images/home-nav-bg.gif) repeat-x;
	display: block;
	height: 70px;
	border: 1px solid #fff;
	clear: right;
}

div.header ul.nav {
	display: block;
	float: right;
	margin-top: 31px;
	_width: 300px;
}

ul.nav li {
	display: block;
	float: left;
	margin-left: 11px;
	padding-top: 10px;
	display: inline;
}

ul.nav a:link, ul.nav a:visited {
	display: block;
	width: 88px;
	font-size: 24px;
	padding-top: 12px;
	height: 38px;
	_height: 26px;
	overflow: hidden;
	text-align: center;
	background: url(../images/button-nav.png) no-repeat;
}

ul.nav a:hover {
	background-position: 0 -49px;
	border: 0;
}

ul.nav li.search {
	width: 127px;
}

div.header li.search {
	float: none;
	clear: both;
	width: 100%;
	display: block;
}

ul.nav li.search input {
	width: 125px;
	border: 1px solid;
	background: #e2e2e2;
	margin-top: 3px;
	height: 17px;
}

div.header ul.nav li.search input {
	width: 197px;
	_width: 187px;
	border: 1px solid;
	background: #fff;
	margin: 10px 10px 0 0;
	height: 17px;
}

ul.nav li.search input.submit {
	width: 127px;
	font-size: 10px;
	color: #fff;
	height: 21px;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	border: 0;
	background: url(../images/button-search-lg.png) no-repeat;
	background-position: 0 0;
}

div.header ul.nav li.search input.submit {
	width: 81px;
	color: #fff;
	height: 21px;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	margin: 0;
	top: 2px;
	position: relative;
	border: 0;
	background: url(../images/button-search.png) no-repeat;
	background-position: 0 0;
}

ul.nav li.search input.submit:hover, div.header li.search input.submit:hover {
	background-position: 0 -21px;
}

div.pics {
	display: block;
}

div.pics img, div.pics object, div.pics embed {
	border: 1px solid #fff;
	margin: 0px auto;
	width: 418px;
	height: 235px; /* changed from height:auto; */
	display: block;
}

div.pics label {
	background: url(../images/caption.png) no-repeat;
	width: 418px;
	font-size: 12px;
	height: 20px;
	padding-top: 6px;
	text-align: center;
	margin: 0 auto;
	display: block;
}

dl.toplistings {
	margin: 11px 0 20px;
}

dl.toplistings dt {
	padding: 16px 0 7px 14px;
	font-size: 13px;
	font-weight: bold;
}

ul.listings {
	display: block;
	width: 735px;
	float: left;
	clear: none;
}

.listings dd, .listings li {
	padding: 16px 20px;
	background: url(../images/listing-bg.gif) repeat-x;
	display: block;
	position: relative;
	height: 68px;
}

li.sorts {
	height: auto;
	padding: 10px;
	background: none;
	font-size: 12px;
	color: #fff;
	background: #aaa;
}

li.sorts select {
	padding: 2px 4px;
	width: 145px;
	margin: 0 20px 0 5px;
}

li.prevnext {
	background: none;
	padding: 5px;
}

li.prevnext a {
	float: right;
	display: block;
}

.listings img {
	float: left;
	width: 97px;
	height: 70px;
	display: block;
	margin: 0 20px 0 0;
}

.listings h3 {
	line-height: 14px;
	position: relative;
	top: -2px;
}

.listings h3 a:link, .listings h3 a:visited {
	color: #646464;
	display: inline;
	width: auto;
	font-size: 14px;
	font-weight: normal;
	padding: 0 0 1px;
}

.listings h3 a:hover {
	padding-bottom: 0;
}

.listings p {
	color: #959595;
	display: block;
	font-size: 11px;
	line-height: 14px;
	margin-top: 3px;
}

.listings li p.desc {
	position: absolute;
	top: 20px;
	left: 305px;
	width: 280px;
}

.listings ul {
	float: right;
	padding-top: 10px;
	font-size: 11px;
	color: #959595;
}

.listings ul a:link, .listings ul a:visited {
	color: #959595;
}

.listings dd li, .listings li li {
	display: block;
	background: none;
	height: auto;
	padding: 0;
	margin-bottom: 5px;
}

.listings dd li img, .listings li li img {
	width: 57px;
	height: 11px;
	display: block;
	margin-bottom: 6px;
}

div.deals {
	padding: 10px;
	background: #e5e5e5;
}

div.homecontent div.deals {
	background: none;
}

div.deals img {
	display: block;
	float: left;
	margin: 0 20px;
	width: 135px;
	height: 152px;
}

div.deals img.dod {
	width: 143px;
}

div.deals dl {
	width: 264px;
	float: right;
	margin-right: 20px;
}

div.homecontent div.deals dl {
	width: 244px;
	float: right;
	margin-right: 0;
}

div.deals dt {
	font-size: 14px;
	color: #000;
	margin-bottom: 10px;
}

div.deals dt a:link, div.deals dt a:visited {
	color: #d2232a;
	font-weight: bold;
}	

div.deals dd {
 	font-size: 11px;
	color: #7b7b7b;
	line-height: 13px;
	margin-bottom: 30px;
}

div.footer {
	width: 1000px;
	background: url(../images/foot-bg.png) no-repeat top center;
	_background: url(../images/foot-bg.gif) no-repeat top center;
	padding: 30px 10px 60px;
	display: block;
	margin: 0 auto;
}

/* SPONSORED DEALS */

dl.sponsored {
	background: #fff;
	padding: 20px;
	font-size: 12px;
	color: #646464;
	width: 223px;
	float: right;
	clear: none;
}

dl.sponsored dt, dl.sponsored dd {
	margin-bottom: 20px;
}

/* DETAIL STYLES */

div.detail {
	background: url(../images/detail-bg.gif) repeat-x #E4E4E4 0 -130px;
	padding: 20px;
}

div.listing div.deals dl.detailimg {
	float: left;
	display: block;
	margin: 0 0 20px 0;
	clear: none;
	width: auto;
	_width: 272px;
}

div.listing div.detail div.detailhead li {
	list-style: none !important;
}

div.listing div.deals dl.detailimg dt img {
	float: none;
	width: 252px;
	height: 191px; /*changed from auto*/
}

dl.detailimg dd {
	display: block;
	font-size: 11px;
}

div.detail div.detailhead ul.address {
	display: block;
	float: right;
	width: 200px;
	clear: none;
	font-size: 14px;
	line-height: 18px;
}

div.detail div.detailhead ul.address li {
	margin: 0 0 5px 0;
	padding: 0;
}

div.listing div.detail li.rating img {
	width: auto;
	height: auto;
}

div.detail div.detailhead ul.address li.rating {
	display: block;
	margin: 10px 0;
	overflow: hidden;
}

div.detail div.detailhead ul.address li.hours {
	font-size: 11px;
	margin: 20px 0 0;
}

div.main div.detail h1 {
	font-size: 28px;
	margin-top: 10px;
	float: right;
	display:block;
	width: 200px;
	background: none !important;
	border: 0 !important;
	padding: 0 !important;
	height: auto;
}

div.detail p, div.detail li, blockquote {
	display: block;
	float: left;
	clear: both;
	font-size: 12px;
	line-height: 15px;
	color: #646464;
	width: 100%;
	margin-bottom: 20px;
}

div.maparea {
	background: url(../images/fpo-map.gif) no-repeat; /* remove for actual map */
	height: 260px;
	width: 409px;
	display: block;
	float: left;
	clear: both;
	margin: 20px 0;
}

div.comments {
	display: block;
	float: left;
	clear: both;
	width: 100%;
}

div.comments h3 {
	font-size: 14px;
}

div.comments h3, div.comment {
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
	display: block;
}

div.comment dl.avatar {
	float: left !important;
	width: 95px !important;
}

div.comment dl.avatar img {
	width: 95px !important;
	height: auto !important;
	float: none;
}

div.comment dl.avatar dd {
	font-size: 12px;
	color: #000;
	padding-top: 5px;
}

div.comment {
	color: #646464;
	font-size: 13px;
	line-height: 18px;
	overflow: hidden;
}

div.comment ul {
	padding-top: 10px;
	float: left !important;
}

div.listing div.detail div.comment li {
	list-style: none !important;
}

div.commentform {
	display: block;
	clear: both;
	float: left;
	width: 715px;
	padding-left: 20px;
}

div.commentform p, div.commentform ul.form li label {
	font-size: 12px;
	color: #666;
}

div.commentform p span, div.commentform label span {
	color: #333;
	font-style: italic;
	text-transform: none;
	margin-left: 10px;
}

div.commentform fieldset {
	display: block;
	padding: 0 0 30px;
	margin-top: 30px;
}

div.commentform fieldset ul {
	margin: 0;
}

div.commentform p.error {
	margin-right: 70px !important;
}

div.commentform ul.form li.desc textarea {
	width: 210px;
}

div.commentform ul.form li.desc p.error {
	margin-right: 0 !important;
}

div.listing div.deals div.comment img {
	float: none;
	height: auto;
	width: auto;
}

div.deals li.rating {
	margin-bottom: 10px;
}

div.listing div.deals li.rating img {
	margin: 0;
}

div.dealspics dl.sponsored {
	margin-top: 18px;
}

/* WIDGET AREA STYLES */

div.widgetarea {
	display: block;
	width: 550px;
	background: #eee;
	float: right;
	overflow: hidden;
}

div.widgetarea h3.add {
	display: block;
	text-align: left;
	padding: 10px 10px 10px 30px;
	background: url('../images/widgethead-bg.png') no-repeat right;
	_background: url('../images/widgethead-bg.gif') no-repeat right;
	overflow: hidden;
}

div.widgets {
	display: block;
	float: left;
	width: 270px;
	padding: 7px 0 7px 10px;
	background: #eee;
	min-height: 400px;
	overflow: hidden;
}

div.widgetsec {
	padding: 7px 0 7px 0;
}

div.widget, div.widgethelper {
	display: block;
	float: left;
	margin: 0 0 10px 0;
	overflow: hidden;
	position: relative;
	width: 260px;
	clear: none;
}

div.null {
	height: 30px;
	margin: -30px 0;
}

/*div.sm {
	width: 214px;
}

div.sm div.widgetcontent {
	background: url('../images/widget-sm-bg.png') no-repeat bottom;
	_background: url('../images/widget-sm-bg.gif') no-repeat bottom;
}

div.vsm {
	width: 174px;
}

div.vsm div.widgetcontent {
	background: url('../images/widget-vsm-bg.png') no-repeat bottom;
	_background: url('../images/widget-vsm-bg.gif') no-repeat bottom;
}

div.lg {
	width: 311px;
}

div.lg div.widgetcontent {
	background: url('../images/widget-lg-bg.png') no-repeat bottom;
	_background: url('../images/widget-lg-bg.gif') no-repeat bottom;
}

div.vlg {
	width: 350px;
}

div.vlg div.widgetcontent {
	background: url('../images/widget-vlg-bg.png') no-repeat bottom;
	_background: url('../images/widget-vlg-bg.gif') no-repeat bottom;
}*/

div.widgetcontent {
	background: url('../images/widget-c-bg.png') no-repeat bottom;
	_background: url('../images/widget-c-bg.gif') no-repeat bottom;
	padding: 0 0 10px;
	margin: 0;
	display: block;
	position: relative;
	*zoom: 1;
}

div.facebook div.widgetcontent {
	background: url('../images/widget-c-bg.png') no-repeat bottom;
	_background: url('../images/widget-fb-bg.gif') no-repeat left bottom;
}

div.widget a {
	color: #fff;
}

div.widget h2 {
	display: block;
	color: #fff;
	background: url('../images/widgethead-bg-st.png') no-repeat left;
	_background: url('../images/widgethead-bg-st.gif') no-repeat left;
	height: 51px;
	padding-left: 10px;
	cursor: move;
}

div.widgethelper {
	background: #ddd;
	border: 1px dotted #999;
	width: 258px;
}

div.widget h2 strong, div.widgetarea h3.add strong {
	display: block;
	font-size: 16px;
	padding: 17px 10px 0 10px;
	background: url('../images/widgethead-bg.png') no-repeat right;
	_background: url('../images/widgethead-bg.gif') no-repeat right;
	height: 34px;
}

div.widgetarea h3.add strong, div.widgetarea dt strong {
	background: none;
	padding: 0;
	height: auto;
}

div.widget h2 a, div.widgetarea h3.add a, div.widget dt strong a {
	float: right;
	color: #fff;
	font-size: 12px;
}

div.widget h2 a:hover, div.widgetarea h3.add a:hover, div.widget dt strong a:hover {
	color: #c2c2c2;
	border: 0;
}

a.delete:link, a.delete:visited, a.add:link, a.add:visited {
	width: 24px;
	height: 22px;
	display: block;
	text-indent: -5000px;
	background: url('../images/button-close.png') no-repeat;
	background-position: 0 0;
	overflow: hidden;
	margin-left: 15px;
	position: relative;
	top: -4px;
	float: right;
}

a.add:link, a.add:visited {
	background: url('../images/button-add.png') no-repeat;
	background-position: 0 0;
}

a.delete:hover, a.add:hover {
	background-position: 0 -23px;
	border: 0;
}

div.widget h2 a span, div.widgetarea h3.add a span {
	padding: 0 3px;
	font-weight: normal;
}

div.widget ul {
	margin: 0 0 0 26px;
	padding-top: 20px;
	display: block;
	overflow: visible;
}

div.widget li {
	background: url('../images/dots.gif') no-repeat left;
	font-size: 13px;
	margin-bottom: 15px;
	padding-left: 12px;
	display: block;
	overflow: visible;
}

div.weather div.today {
	display: block;
	padding: 20px 10px;
	height: 60px;
}

div.weather div.partly {
	background: url('../images/weather-ptcloudy-lg.png') no-repeat 80px 10px;
}

div.weather ul {
	margin: 0 auto;
	padding: 0;
	width: 270px;
	display: block;
}

div.weather li {
	width: 50px;
	margin: 0;
	float: left;
	background: 0;
	padding: 45px 0 0 0;
	border-right: 1px dotted #d0d0d0;
	background-repeat: no-repeat;
	background-position: top center;
}

div.weather li.cloudy {
	background-image: url('../images/weather-cloudy.png');
}

div.weather li.ptcloudy {
	background-image: url('../images/weather-ptcloudy.png');
}

div.weather li.rain {
	background-image: url('../images/weather-rainy.png');
}

div.weather li.slcloudy {
	background-image: url('../images/weather-slcloudy.png');
}

div.weather li.sunny {
	background-image: url('../images/weather-sunny.png');
}

div.weather li.hot {
	background-image: url('../images/weather-hot.png');
}

div.weather li.last {
	border: 0;
}

div.weather li p {
	width: 46px;
	font-size: 10px;
	display: block;
	padding: 0;
	text-align: center;
}

div.weather div.today h3 {
	float: left;
	color: #fff;
	font-size: 33px;
	font-weight: normal;
	padding-top: 20px;
}

div.weather p {
	float: right;
	width: 80px;
	display: block;
	color: #fff;
	font-size: 12px;
	line-height: 14px;
}

div.weather p span {
	display: block;
	font-size: 10px;
	text-transform: none;
}

div.quicklinks ul {
	width: 250px;
	display: block;
	margin: 0 0 0 10px;
}

div.quicklinks li {
	padding: 5px 0;
	margin: 0 10px 5px 0;
	list-style: none;
	background: none;
	text-align: center;
	clear: none;
	display: block;
	float: left;
	width: 110px;
	height: 60px;
}

div.editing li, div.editing dd {
	width: 230px;
	color: #fff;
	padding: 5px 0;
	margin-bottom: 5px;
	overflow: hidden;
	height: auto;
	font-size: 14px;
	text-align: left;
	border-bottom: 1px dotted #999;
}

div.editing li {
	padding-left: 10px;
}

div.quicklinks li a {
	display: block;
}

div.quicklinks li a img {
	border-bottom: 1px dotted #d0d0d0;
}

div.quicklinks li a:hover img {
	border-bottom: 1px dotted #fff;
}

div.news dt {
	padding: 10px 10px 10px 20px;
	background: #a5a5a5;
	font-size: 11px;
	border-bottom: 1px solid #bbb;
	cursor: pointer;
}

div.news dt.alt {
	background: #b1b1b1;
}

div.news dd {
	padding: 10px 20px;
	position: relative;
	background: #cdcdcd;
	display: block;
	margin: 0 auto;
}

div.news dd img {
	float: left;
	margin-right: 12px;
}

div.news dd h4 {
	font-size: 15px;
	margin: 0 0 20px;
	display: block;
}

div.news dd h4 a {
	color: #787878;
}

div.news dd p {
	font-size: 11px;
}

div.news dd p.source {
	color: #787878;
	position: absolute;
	bottom: 25px;
	left: 20px;
}

div.news ul {
	float: right;
	width: 150px;
	margin: 20px 0 0 0;
	padding: 0;
	padding-top:3px;
}

div.news li {
	float: left;
	background: 0;
	padding: 0;
	margin: 0 3px 0 0;
	text-align: right;
}

div.news li a {
	position: relative;
	top: -7px;
}

div.facebook ul {
	border-bottom: 1px solid #b1b7c7;
	margin-left: 10px;
}

div.facebook li {
	margin-bottom: 5px;
	display: block;
	background: none;
	padding: 0;
}

div.facebook label {
	color:  #736785;
	font-size: 11px;
	text-align: right;
	display: block;
	width: 100%;
	*text-align: left;
}

div.facebook label input {
	float: right;
	background: #ededed;
	border: 1px solid #b4bece;
	padding: 4px;
	width: 120px;
	position: relative;
	top: -5px;
	margin: 0 15px 0 10px;
	clear: none;
}

div.facebook label select {
	font-size: 10px;	
	padding: 2px 0;
}

div.facebook label.iam select {
	margin: 0 57px 0 8px;
	*margin: 0 0 0 68px;
}

div.facebook label.birthday {
	text-align: left;
	margin: 0;
	border-top: 1px solid #b1b7c7;
	padding-top: 5px;
	border-bottom: 1px solid #b1b7c7;
	padding-bottom: 5px;
}

div.facebook label.birthday select.year {
	margin: 0 10px 0 0;
}

div.facebook label.birthday select.month {
	margin: 0;
}

div.facebook label.birthday a {
	font-size: 10px;
	color: #736785;
	margin: 5px 0 0 0;
	padding: 0;
	padding-bottom: 1px;
	text-align: left;
	float: left;
	display: block;
}

div.facebook label.birthday a:hover {
	padding-bottom: 0;
}

div.facebook input:focus {
	background: #fff;
}

div.facebook input.submit {
	background: #87b177;
	border: 1px solid #6c9a5b;
	margin: 10px 0 10px 105px;
	color: #fff;
	width: 57px;
	height: 28px;
	text-align: center;
	cursor: pointer;
	display: block;
}

div.facebook input.submit:hover {
	background: #9bcb89;
}

a.prev:link, a.prev:visited, a.next:link, a.next:visited, a.pause:link, a.pause:visited {
	display: block;
	height: 29px;
	width: 29px;
	background: url('../images/button-prev.png') no-repeat;
	text-indent: -5000px;
	text-align: left;
	overflow: hidden;
	cursor: pointer;
}

a.prev:hover, a.next:hover, a.pause:hover {
	background-position: 0 -31px;
	border: 0;
}

a.next:link, a.next:visited {
	background: url('../images/button-next.png') no-repeat;
}

a.pause:link, a.pause:visited  {
	background: url('../images/button-pause.png') no-repeat;
}

div.editing {
	background: url('../images/widget-edit-bg.png')  bottom;
	_background: url('../images/widget-edit-bg.gif') no-repeat left bottom;
}

div.editing dl {
	padding: 10px 0;
	background: #888;
	border-left: 1px solid #b5b6b8;
	border-right: 1px solid #b5b6b8;
}

div.editing dd dl {
	border: 0;
	width: auto;
}

div.editing dt {
	font-size: 14px;
	color: #333;
	background: #ccc;
	padding: 10px 10px 10px 20px;
	border-bottom: 1px solid #999;
	cursor: pointer;
}

div.editing dt strong a:hover {
	color: #333;
}

div.editing dt.edittitle {
	color: #ccc;
	background: none;
	cursor: default;
}

div.editing dd {
	border: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	max-height: 300px;
	*max-height: none;
	overflow: auto;
	width: 100%;
	border-bottom: 1px solid #999;
}

div.editing dd dd {
	display: none;
	max-height: none;
	overflow: hidden;
}

div.editing dd fieldset {
	padding: 10px 10px 10px 20px;
}

div.editing dd ul {
	width: 210px;
	margin-left: 20px;
	overflow: hidden;
	padding: 0;
}

div.editing dd li {
	width: 100%;
	*width: 230px;
	display: block;
	*zoom: 1;
}

div.editing dd li {
	height: 23px;
	padding: 10px 0 0 0;
}

div.editing p {
	width: auto;
	display: block;
	float: none;
	margin-bottom: 10px;
	color: #ddd;
}

div.editing input {
	width: 100%;
	background: #fff;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}

/* LISTING PAGE STYLES */

div.dealspics {
	background: url(../images/pic-alt-bg.gif) repeat-x;
	display: block;
}

div.listing div.deals {
	width: 521px;
	display: block;
	float: left;
	padding: 0;
}

div.listing div.deals h2.eat {
	text-indent: -5000px;
	width: 520px;
	height: 86px;
	display: block;
	border: 1px solid #fff;
	padding: 0;
	margin: 0;
}
div.listing div.deals h2.shop {
	text-indent: -5000px;
	width: 520px;
	height: 86px;
	display: block;
	border: 1px solid #fff;
	padding: 0;
	margin: 0;
}
div.listing div.deals h2.party {
	text-indent: -5000px;
	width: 520px;
	height: 86px;
	display: block;
	border: 1px solid #fff;
	padding: 0;
	margin: 0;
}

div.listing div.deals h2.eat {
	background: url('../images/header-eat.jpg') no-repeat 0 0;
}

div.listing div.deals h2.shop {
	background: url('../images/header-shop.jpg') no-repeat 0 0;
}

div.listing div.deals h2.party {
	background: url('../images/header-party.jpg') no-repeat 0 0;
}

div.listing div.deals img {
	width: 167px;
	height: 191px;
	margin: 10px 20px 0 0;
}

div.listing div.deals dl {
	width: 234px;
}

div.listing div.promoinn {
	height: 196px;
	padding: 20px;
	overflow: auto;
	display: block;
	clear: both;
}

div.listing div.pics {
	float: right;
	display: block;
	width: 475px;
}

div.listing div.pics img {
	margin-top: 32px;
}

/* FORM STYLES */

div.main h1 {
	width: 980px;
	display: block;
	font-size: 32px;
	font-weight: normal;
	margin: 0 auto;
	padding: 12px 0 0 20px;
	background: #a6a6a6;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	height: 39px;
	display: block;
}

div.form a:link, div.form a:visited {
	color: #ff0000;
	font-size: 12px;
	/*text-decoration: underline;*/
}

div.form a:hover {
	text-decoration: none;
}

div.form p a {
	margin-left: 5px;
	font-size: 10px;
}

div.form form p {
	font-size: 16px;
	padding: 30px 0 0 20px;
}

div.form form fieldset p {
	margin: 0;
	font-size: 12px;
}

div.form form p span {
	font-size: 10px;
	display: block;
	text-transform: none;
	margin-top: 5px;
}

ul.form {
	margin: 30px 0 0 20px;
}

ul.form li {
	padding: 10px 0;
	font-size: 12px;
	overflow: hidden;
}

ul.form label, ul.form p {
	width: 235px;
	display: block;
	float: left;
	padding: 0 !important;
}

ul.form input, ul.form textarea {
	background: #ff;
	border: 1px solid #333;
	padding: 3px 5px;
	margin-right: 4px;
	font-size: 10px;
	height: 13px;
	position: relative;
	width: 136px;
	top: -3px;
}

ul.form select {
	width: 146px;
}

ul.form textarea {
	width: 252px;
	height: auto;
}

ul.form input.day, ul.form input.month {
	width: 33px;
}

ul.form input.year {
	width: 32px;
}

ul.form select {
	padding: 3px 5px;
	position: relative;
	top: -3px;
}

ul.signup {
	width: 148px;
	display: block;
}

div.form ul.signup p {
	font-size: 12px !important;
	line-height: 17px;
	width: auto;
	margin: 0;
}

ul.editform {
	display: block;
	float: left;
	width: 235px;
	margin: 0 0 0 20px;
}

ul.editform li {
	padding-bottom: 20px;
}

div.form img.userpic {
	float: left;
	display: block;
	height: 140px;
	width: 140px;
}

input.button {
	background: url(../images/button-search.png) no-repeat !important;
	background-position: 0 0 !important;
	border: 0 !important;
	text-align: center;
	width: 81px !important;
	height: 21px !important;
	color: #fff;
	padding-top: 0;
	cursor: pointer;
}

input.button:hover {
	background-position: 0 -21px !important;
}

input.browse {
	clear:both;
	float:left;
	margin:20px 0 0 253px;
	display: block;
}

p.error {
	display: none !important;
	color: #ff0000 !important;
	float: right !important;
	padding: 0 !important;
}

ul.form p.error {
	margin-right: 340px;
}

ul.form li.desc p.error {
	margin-right: 220px;
}

ul.signup p.error {
	float: left !important;
	clear: both !important;
}

li.error input {
	border-color: #ff0000 !important;
}

li.error p.error {
	display: block !important;
}

/* SEARCH STYLES */

div.listing h2 {
	height: 27px;
	float: left;
	display: block;
	font-weight: normal;
	width: 715px;
	padding: 14px 0 0 20px;
	color: #fff;
	font-size: 14px;
	background: url(../images/h2-BG.gif) repeat-x;
	border-bottom: 1px solid #808080;
	clear: none;
}

/* FOOTER STYLES */

div.footer p {
	color: #333;
	display: block;
	font-size: 12px;
}

div.footer ul {
	margin-top: 4px;
	display: block;
}

div.footer li {
	float: left;
	font-size: 12px;
	display: block;
	padding-right: 3px;
	margin-right: 3px;
	border-right: 1px solid #333;
}

div.footer li.last {
	padding: 0;
	margin: 0;
	border: 0;
}

div.footer a:link, div.footer a:visited {
	color: #d2232a;
}

/* CONTENT STYLES */

div.listing div.detail h2 {
	background: none;
	padding: 0;
	width: auto;
	border: 0;
	font-size: 20px;
	color: #666;
	text-indent: 0;
	margin: 20px 0;
	float: none;
}

div.listing div.detail h3 {
	background: none;
	padding: 0;
	width: auto;
	border: 0;
	font-size: 15px;
	color: #999;
	text-indent: 0;
	margin: 0 0 20px;
	float: none;
}

div.listing div.detail h4 {
	background: none;
	padding: 0;
	width: auto;
	border: 0;
	font-size: 12px;
	color: #000;
	text-indent: 0;
	margin: 0 0 20px;
	float: none;
}

div.listing div.detail ul, div.listing div.detail ol {
	margin-bottom: 20px;
	position: relative;
	float: none;
	display: list-item;
}

div.listing div.detail ul ul, div.listing div.detail ol ol {
	margin: 10px 0;
}

div.listing div.detail li {
 	padding-left: 20px;
	color: #666;
	float: none;
	list-style: inside disc !important;
	margin-bottom: 10px;
	clear: both;
	display: list-item;
	width: auto;
}

div.listing div.detail li li {
	list-style: inside circle !important;
}

div.listing div.detail ol li {
	list-style: inside decimal !important;
}

div.listing div.detail dl {
	margin: 0 0 20px;
	float: none;
}

div.listing div.detail dd {
	margin: 0 0 10px;
	float: none;
}

div.listing div.detail blockquote {
	font-style: italic;
	padding-left: 20px;
}

/*
4. Float Clearing
*/ 

.clearfix { display: inline-block; }

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.done
{
	width: 127px;
	font-size: 10px;
	color: #fff;
	height: 21px;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	border: 0;
	background: url(../images/button-search-lg.png) no-repeat;
	background-position: 0 0;
	
}
/*Widgets */
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
#dialog {
  width:440px; 
  height:220px;
  
  
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif ;
  
  background-color:#E4E4E4;

}
.window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:220px;
  display:none;
  z-index:9999;

  background-color:#E4E4E4;
  

}
#dialog h2
{
	display: block;
	font-size: 16px;
	padding: 17px 10px 0 10px;
	background: url('../images/widgethead-bg.png') no-repeat right;
	_background: url('../images/widgethead-bg.gif') no-repeat right;
	height: 34px;
}
.msg
{
	font-size: 10px;
	color:white;
	font-weight:bold;
}

/*Tabs*/
UL.tabNavigation {list-style: none;margin: 0;padding: 0;}
UL.tabNavigation LI {display: inline;}
UL.tabNavigation LI A:visited 
{
	font-size: 12px;padding: 5px 5px;color: #000;text-decoration: none; background:url("../images/rolover.gif") no-repeat right;width:65px;
	}
UL.tabNavigation LI A 
{
	font-size: 12px;padding: 5px 5px;color: black;
	text-decoration: none; 
	background:url("../images/rolover.gif") no-repeat right;width:65px;
}
UL.tabNavigation LI A.selected, UL.tabNavigation LI A:hover 
{
	font-size: 12px;color: #fff;padding-top: 7px;
	background:url("../images/mainmenu.gif") no-repeat right;width:65px;
}            
UL.tabNavigation LI A:focus {    outline:0;}
div.tabs > div {    padding: 5px;    margin-top: 3px;    }            
div.tabs > div h2 {    margin-top: 0;}
.waste {                        min-height: 1px;                }

#widget_news h4
{
	background: url('../images/dots.gif') no-repeat ;
	background-position: 0px 4px;
	padding-left: 12px;
	
}
#widget_news .newsHeads span
{
	padding-left: 0px;
}