/* SB Click */

* {margin:0;padding:0;border:0;}

body {
  background:#fff;
  font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
  font-size: 12px;
  color:#333;
  }
a { color:#369;text-decoration:none; }

input { color:#555; padding:5px; border:1px #ddd solid; }
input[type="submit"] { background:#2e72bf;color:#fff;padding:5px 7px;margin-top:5px; }
.fieldWithErrors input[type="text"],
.fieldWithErrors input[type="password"] {
  border-color: red;
}

#form-fields input[type="submit"] { float:right; }

.column h1 { color:#555;font-size:24px;font-weight:normal;line-height:1.3em;margin-bottom:0.6em; }
.column h2 { font-size:18px;color:#579;background:#def;padding:3px 5px;margin-bottom:0.5em; }
.column h3 { color:#555;font-size:16px;font-weight:normal;margin-bottom:15px; }
.column h4 { font-size:13px; }
.column p { line-height:20px;margin-bottom:20px; }
.container {
  width:960px;
  margin:auto;
  position:relative;
  }
.clear { clear:both; }

.pic { background:#fff;padding:0px;border:0px #ddd solid; } /*was 1*/
.filler { width:200px;height:160px; }
.filler2 { width:50px;height:50px; }
.filler3 { height:220px; }
.right { margin: 0 0 10px 10px; float:right; }
.left { margin: 0 10px 10px 0; float:left; }

.vidBox { width:720px; }
/*.video { background:#eee; }*/
.bigVid { height:240px; }
.smallVid { height:110px; }

.outlineBox {
	border-style: solid;
	border-width: thin;
}

.avatar { width:80px;height:80px;float:left;background:#eee; }
.review { width:480px;float:left;margin:0 10px; }
.review h4 { margin-bottom:0.5em;font-weight:normal;color:#555;font-size:12px; }

/* 16 column grid, based on 960px layout */
.column {
  float:left;
  margin:10px;
  }
.w100 { width:100px; }
.w160 { width:160px; }
.w220 { width:220px; }
.w280 { width:280px; }
.w340 { width:340px; }
.w400 { width:400px; }
.w460 { width:460px; }
.w520 { width:520px; }
.w580 { width:580px; }
.w700 { width:700px; }
.w740 { width:740px; }
.w890 { width:890px; }
.w940 { width:940px; }

#header {
  background:url("/images/bg_header.gif") top left repeat-x;
  }
#logo {
  background:url("/public/images/logo.png") center no-repeat;
  width:176px;
  height:93px;
  float:left;
  margin-left:10px;
  }
#logo a { width:176px;height:93px;display:block; }
#topRight {
  float:right;
  margin:10px;
  color:#888;
  text-align:right;
  width:700px;
  }
#topRight a { color:#666; }
#blurb {
  color:#555;
  float:left;
  width:400px;
  margin-left:20px;
  font-size:14px;
  }
#search {
  float:right;
  width:280px;
  height:36px;
  background:#555;
  margin:2px 10px 0 0;
  }

#search input { padding:0px; height:23px; }
#search input[type="text"] { background:#fff; color:#555; border:1px #aaa solid; width:181px; float:none; margin:5px; margin-right:1px; padding-left:4px; }
#search input[type="submit"] { background:#83c467; color:#fff; border:0px; width:76px; float:none; font-weight:bold; margin:6px; margin-left:1px;}

#content { border-top:2px #83c467 solid; }
#content2 { padding-bottom:20px; }
#content2 h3 { border-bottom:1px #e5e5e5 solid;margin-bottom:0; }

#menu {
  padding-top:16px;
  border-bottom:1px #ddd solid;
  margin-left:auto;
  margin-right:auto;
  }
#menu ul {
  list-style-type:none;
  margin-left:140px;
  }
#menu li {
  margin:0 8px 0 0;
  float:left;
  border:1px #e5e5e5 solid;
  border-bottom:1px #ddd solid;
  position:relative;
  bottom:-1px;
  }
#menu .current-page-item { background:#2e72bf;border:1px #2e72bf solid; }
#menu .current-page-item a { color:#fff; }
#menu li a { display:block;padding:5px 15px;color:#777;font-size:13px; }

#subHeader {
  background:#95abc3 url("/images/subHeader.png") top left repeat-x;
  min-height:4px;
  margin-bottom:2px;
  }
#subHeader h2 {
  font-size:26px;
  font-weight:normal;
  color:#fff;
  padding:12px 10px;
  }

#subHeader .breadcrumbs {
	color: white;
	text-decoration: underline;
}

#subMenu {
  width:160px;
  margin:0 10px;
  float:left;
  }
#subMenu h3 { font-size:14px;color:#fff;padding:18px 10px 8px 10px;background:#536f47 url("/images/subMenu.png") top left repeat-x; }
#subMenu ul { list-style-type:none; }
#subMenu li {
  padding: 5px 7px;
  margin: 4px 0 0 0;
  border-left: 3px #fff solid;
  }
#subMenu .sub { margin-left: 20px; }
#subMenu .current-page-item { background:#def;border-left:4px #579 solid; }
#subMenu .current-page-item a { color:#579; }
#subMenu li a { color:#555; }

#rightAd {
  width:160px;
  margin-left: 20px;
  float:left;
  min-height:400px;
  background:#999;
  }
#rightAd p { color:#ddd;padding:3px 5px; }
.content-main .categoryList { list-style-type:none; width:600px; margin-bottom:15px; }
.content-main .categoryList h4 { font-size:13px;margin-bottom:1px; }
.content-main .categoryList li { width:280px;float:left;margin-right:20px; margin-bottom:20px; }
.content-main .categoryList li h4 a { text-decoration:underline; }
.content-main .categoryList p { margin-bottom:0px; }

.categoryList .dealCount {
	background:white;
	color:green;
	text-align:center;
	vertical-align:middle;
	float:right;
	padding-left:5px;
	padding-right:5px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-size:0.9em;
	border: 1px solid #cccccc;
}

.categoryList .distance {
	font-size:0.9em;
	color:#aaaaaa;
}

#iPhone {
  background:#f5f5f5 url("/images/iphone.png") top center no-repeat;
  border-bottom:1px #ddd solid;
  }

#register { margin-bottom:20px; }
#register p { margin:20px 0 0 0; }
#register .textfield { color:#555;padding:5px;border:1px #ddd solid;width:200px; }
#register .button { background:#2e72bf;color:#fff;padding:5px 7px;margin-top:20px; }
.review_textarea {
	color:#555;padding:5px;border:1px #ddd solid;width:400px;height: 200px;
}

#topBanner {
  background: #80aa6f;
  margin:4px 0;
  color: #000;
  }
#topBanner h3 {
  padding:14px 10px;
  font-weight:normal;
  font-size:17px;
  float:left;
  }
#topBanner h3 span { color:#369; }
#topBanner .button { margin:10px;padding:6px 18px;float:right;background:#2e72bf; }
#topBanner .button a { color:#fff; }

#areYouLocal {
  background:#ffc;
  margin:4px 0;
  color:#555;
  }
#areYouLocal h3 {
  padding:14px 10px;
  font-weight:normal;
  font-size:17px;
  float:left;
  }
#areYouLocal h3 span { color:#369; }
#areYouLocal .button { margin:10px;padding:6px 18px;float:right;background:#2e72bf; }
#areYouLocal .button a { color:#fff; }

#twitter { float:right;width:220px;margin:10px; }
#twitter li { margin-left:1.3em; }

#footer { color:#888;margin-bottom:10px; }
#footer a { color:#666; }
#footer .w940 { padding:4px 0; border-top:1px #ddd solid; }

td {
       padding:5px
}

#search_page {
  color:#555;
  width:350px;
  margin:0px 0px 15px 0px;
  padding:10px;
  font-size:13px;
  background:#eee;
  }

#search_page table { margin:0px; }

#search_page input { border:1px #ddd solid; height:16px; margin:0px;}

#search_page #search_submit { margin:2px; padding:2px 10px; height:20px; float:right;background:#2e72bf; color:#fff; }

.advertisement { margin:10px; padding:5px; width:580px; border:1px #ddd solid; display:inline-block; }
.advertisement h3 { font-size:13px; display:block; }
.advertisement p { margin:10px; }
.advertisement .details a { padding-left:10px; display:block; }

.ad_small { width:540px; }

.ec-calendar { width:470px; display:inline; float:left; }
.ec-list { display:inline; float:left; width:220px; }
.ec-list .advertisement { width:inherit; }

.pricingOffer {
	background:#f5f5f5;
	padding:3px;
	margin:8px;
	-moz-box-shadow: 5px 5px 2px #999;
	-webkit-box-shadow: 5px 5px 2px #999;
	box-shadow: 5px 5px 2px #999;
}

.pricingOffer h4 {
	margin:1px;
	padding:3px;
	border: thin solid #555;
    background: #eee;
}

.pricingOffer form {
	padding:5px;
}

.merchant_description {
	
}

.merchant_description .info {
	padding: 5px;
}

.merchant_description .pdf {
	padding: 5px;
	background-color: #eeeeee;
}

.merchant_description .description {
	padding: 10px;
}

.content-body img {
	vertical-align: middle;
	width: 100%;
}

#ad-image {
	float:right; width:150px;
}

#merchant-image {
	float:right;
	text-align:center;
	vertical-align:middle;
	width:200px;
	padding:10px;
}

#merchant-tag {
	float:right;
}

#merchant-tag img {
	width:35px;
	height:35px;
}

#map_canvas {
	width:100%;
	min-height:600px;
}

#category-content #map #method, #merchant-content #map #method, #ad-merchant #map  {
  display:none;
}

#category-content #map #map_canvas {
  height:200px;
  min-height:0px;
}

#merchant-content #map #map_canvas {
  min-height:0px;
  width:350px;
  height:300px;
  margin-bottom:1em;
}

#merchant-info #contact, #merchant-info #pdf, #merchant-info .address {
  padding: 10px;
}

.maps h1 {
	font-size:1.0em;
}

.loading {
	height:60px;
	padding-left:50px;
	background: transparent url(spinner.gif) 0 0 no-repeat;
}

.loading p {
	vertical-align:middle;
	height:100%;
}

/*
#notice { background-color: #A4E7A0; border: 1px solid #26722D; }
#error { background-color: #F0A8A8; border: 1px solid #900; }
#notice, #error { width: 90%; margin: 0 auto 10px auto; padding: 5px; }
#notice p, #error p { margin-left: 20px; padding: 0; font-size: .75em; color: #000; }
#notice a, #error a { text-decoration: none; padding: 0 3px; }
#notice a { border: 1px solid #26722D; color: #26722D; }
#error a { border: 1px solid #900; color: #900; }
#notice a:hover, #error a:hover { color: #333; border: 1px solid #333; }
*/

/* flash-messages */
.flash.notice, .flash .message {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  text-align:center;
  margin:0 auto 5px;
  width:80%;
  border: 1px solid #26722D;
  background-color: #EEF;
}
.flash a { margin:8px; text-decoration: none; padding: 0 3px; float:right; border: 1px solid #26722D; color: #26722D; }
.flash a:hover { color: #333; border: 1px solid #333; }

.flash p {
  margin:8px;
}

.flash .error {
  border: 1px solid #fbb;
  background-color: #fdd;
}
.flash .error a { border: 1px solid #900; color: #900; }

.flash .warning {
  border: 1px solid #fffaaa;
  background-color: #ffffcc;
}
.flash .warning a { border: 1px solid #900; color: #900; }


