/* --------------------------------------------------------------------------*/
/* ->> RESET <<--------------------------------------------------------------*/
/* --------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em,
img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td {
  margin: 0; padding: 0; border: 0;
  font-weight: inherit; font-style: inherit; font-size:100%;
  font-family: inherit; vertical-align: baseline;
}

table           { border-collapse: separate; border-spacing: 0; }
table, td, th   { vertical-align: middle; }
caption, th, td { text-align: left; font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes:"" ""; }
a img { border: none; }

/* --------------------------------------------------------------------------*/
/* ->> DEFAULT ELEMENT STYLES <<---------------------------------------------*/
/* --------------------------------------------------------------------------*/
body {
  font-size: 75%;   /* 100% == 16px, we want 12px */
  line-height: 1.5em; /* 1.5 * 11px = 18px */
  color: #222;
  background: #fff;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  padding-top: 18px;
}

h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #111111; }

h1 { font-size: 3em; letter-spacing: -1px; font-weight: 400; line-height: 1em; margin-bottom: 0.5em; }
h2 { font-size: 1.6em; margin-bottom: 0.75em; border-bottom: 1px solid #aba; padding: 0; text-transform: uppercase; }
h3 { font-size: 1.5em; line-height: 1em;   margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height:1.25em; margin-bottom: 1.25em; height:1.25em; }
h5 { font-size: 1em;   font-weight: bold;  margin-bottom: 1.5em; }
h6 { font-size: 1em;   font-weight: bold; }

p { margin: 0 0 1.5em; }
#Home p {
  font-size: 110%;
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
p img { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0;}
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em;}
a img { vertical-align: middle; }

label { font-weight: bold; }
a { color:#e4146b; text-decoration:underline; }
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
del {color:#666;}
pre, code     { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em 'Monaco', 'andale mono', 'lucida console', monospace; line-height: 1.5em; }
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}

/* --------------------------------------------------------------------------*/
/* ->> LINKS <<-----------------------------------------------------------*/
/* --------------------------------------------------------------------------*/
a       { color: #e4146b; }
a:hover { color: #e4146b; }
a.ClaimPage { font-weight: bold; font-size: 125%; }

/* --------------------------------------------------------------------------*/
/* ->> HELPER STYLES <<------------------------------------------------------*/
/* --------------------------------------------------------------------------*/

.gutter { margin: 11px; }
.left   { float: left;  }
.center { margin: 0 auto; }
.right  { float: right; }

.clearfix:after,
.group:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.hide  { display: none; }
.clear { clear: both; }
br.clear { line-height: 0; height: 1px; }

.quiet     { color:#666; }
.loud      { color:#000; }
.highlight { background:#FFF6BF; color:#514721; border-color:#FFD324; }
.sizeDown  { font-size: 75%; }
.sizeUp    { font-size: 120%; }
.microcopy { font-size: 10px; line-height: 1.1; }
.fineprint { font-size: 10px; line-height: 1.1; }

.added     { background:#060; color:#fff; }
.removed   { background:#900; color:#fff; }

.first  { margin-left:   0; padding-left:   0; }
.last   { margin-right:  0; padding-right:  0; }
.top    { margin-top:    0; padding-top:    0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }

#Body ul li.last { margin-right: 0; }

#Utilities { text-align: right; }
ul.inline { display:inline; list-style: none; }
ul.inline li { display: inline; }

.showgrid { background: url("../images/grid.png"); }

/* --------------------------------------------------------------------------*/
/* ->> FORMS <<--------------------------------------------------------------*/
/* --------------------------------------------------------------------------*/
input.text, textarea { font-family: inherit; font-size: 100%; }
input, textarea { padding: 2px; }
input.prompt { color: #aeaeae; }

input.clockPick { width: 90px !important; }
.small  { width: 8em !important; }
.medium { width: 16em !important; }
.large  { width: 25.5em !important; }

form.TwoThirds li input.text,
form.TwoThirds li textarea { width: 571px; }

form.TwoThirds li.right input,
form.TwoThirds li.right textarea { width: 274px; }
form.TwoThirds li.left input.checkbox { width: auto !important; }
form.TwoThirds li.right input.checkbox { width: auto !important; }
form.TwoThirds li.left input,
form.TwoThirds li.left textarea  { width: 274px; }

form ul       { display: block; margin: 0;  list-style-type: none; }
form ul ul    { margin: 6px 0 0 24px; }
form li       { display: block; margin-bottom: 0.5em; }
form div.error li { margin-bottom: 0; }
form li.clear { clear: both; }
form li.left  { width: 286px; clear: left; }
form li.right { width: 286px; clear: right; }
form li.left  select,
form li.right select { width: 100%; }
#service_ids { background: red; }

form li.leftsmall { float:left; width: 148px; margin-left: 4px; }
form li.leftsmall input.text { width: 129px; }

form li.section {
  float: left; clear: both; width: 100%;
  margin-bottom: 1em; padding-top: 1em;
  border-bottom: 1px dotted #cccccc;
}

form li.section h1,
form li.section h2,
form li.section h3,
form li.section h4,
form li.section h5,
form li.section h6 { margin: 0.5em 0 0.5em 0; }

form li.buttons { clear: both; }
form label { display: block; }
form li span { float: left; line-height: 1.3; margin: 0 4px 0 0; }

form li span label,
form li div label {
  color: #222;
  font-size: 80%; font-weight: normal;
  line-height: 1.25em;
}

form li div.fieldWithErrors label {
  font-size: 100%;
  color: #8A1F11;
}


label.choice
{
  font-size: 100%;
  line-height: 1.4em;
  margin: -1.65em 0 0 25px;
  padding: 3px 0 0;
  width: 90%;
}

div.LoginForm { width: 400px; margin: 0 auto; }

input.button {
  height: 33px;
	border: 3px double #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #FFFFFF;
	color: #333333;
}

textarea:focus, input.text:focus {
  background: #FFFFFF url("../images/field_bg.gif") repeat-x;
}

div.fieldWithErrors { display: inline; }
div.fieldWithErrors input,
div.fieldWithErrors textarea,
div.fieldWithErrors select,
div.fieldWithErrors input:focus { border: 2px solid #8A1F11; }


form ul li label    { color: #777; }
form li.focus { background-color: #ffffee; }
form li.focus label { color: #000; }

/* --------------------------------------------------------------------------*/
/* ->> ERRORS, NOTICES AND MESSAGES <<---------------------------------------*/
/* --------------------------------------------------------------------------*/
.error,
.notice,
.message { padding:.8em; margin-bottom:1em; border:2px solid #ddd; }
.error   { background:#FBE3E4; color:#8a1f11; border-color:#FBC2C4; }
.notice  { background:#FFF6BF; color:#514721; border-color:#FFD324; }
.message { background:#E6EFC2; color:#264409; border-color:#C6D880; }
.error   a {color:#8a1f11;}
.notice  a {color:#514721;}
.message a {color:#264409;}

/* --------------------------------------------------------------------------*/
/* ->> PAGE STRUCTURE <<-----------------------------------------------------*/
/* --------------------------------------------------------------------------*/
body { background: #080808 url("../images/page_bg.gif") top center repeat-y; }
body.iframe { padding: 0 15px 5px 15px; background-color: #fff; background-image: none; text-align: left; }
body { text-align: center; }

#InnerPage, #PageHeader, #Body, #Footer, .highslide-body { text-align: left; position: relative; }
#InnerPage { width: 880px; margin: 0 auto; }


.PageWidth       { width: 970px; margin-left: auto; margin-right: auto; }
/* .PageWidth { width: 880px; margin-left: auto; margin-right: auto; } */
.OneThird        { width: 286px; }
.OneThirdPlus    { width: 298px; } /* Contains 1 gutter within */
/* .TwoThirds       { width: 551px; } */
.TwoThirds       { width: 583px; margin: 0 auto; }
.TwoThirdsPlus   { width: 594px; } /* Contains 1 gutter within  */
.Half            { width: 418px; }

.GutterTop       { padding-top: 18px; }
.GutterLeft      { padding-left: 12px; }
.GutterRight     { padding-left: 12px; }
.GutterBottom    { padding-bottom: 18px; }

.OneThirdLeftMargin { margin-left: 297px; }
.OneThirdLeftMarginMinus { margin-left: 285px; }

#Header { height: 8em; }
#PageUtilities { width: 300px; height: 30px; float: right; }
#Logo   { height: 82px; text-align: left; }

#Content { }
#PageHeader    {  }

#PageHeader h1     { font-size: 16px; padding: 18px 0; }
#PageHeader h1 a               { color: #E1FAFC; }
#PageHeader h1 a span.altcolor { color: #FFFFFF; }

/* #LeftBG  { background: url("../images/page_bg_left.jpg"); width: 102px; height: 893px; position: absolute; left: -104px; top: 0px; } */
/* #RightBG { background: url("../images/page_bg_right.jpg"); width: 102px; height: 893px; position: absolute; left: 974px; top: 0px; } */

#Utilities { text-align: right; padding: 0.5em 0; }
  #Utilities ul { margin: 0; }
  #Utilities li { border-right: 1px solid #3A3A3A; padding: 0 5px; }
  #Utilities li.last { border-right-width: 0; padding-right: 0; }

#Body   { padding-top: 17px; }
#Footer { color: #999999; text-align: right; margin-top: 4em; margin-bottom: 2em; font-size: 10px; }

/* --------------------------------------------------------------------------*/
/* ->> XHR FancyBox IFRAMES <<-----------------------------------------------*/
/* --------------------------------------------------------------------------*/
body.XHR { background: #000000; color: #8a8a8a; text-align: center; }

/* --------------------------------------------------------------------------*/
/* ->> COMPONENTS <<---------------------------------------------------------*/
/* --------------------------------------------------------------------------*/
.error, .notice, .message {
  padding: 11px;
  margin: 11px 0 11px 0;
  border: 2px solid #ddd;
}
.error   { background:#FBE3E4; color:#8a1f11; border-color:#FBC2C4; }
.notice  { background:#FFF6BF; color:#514721; border-color:#FFD324; }
.message { background:#E6EFC2; color:#264409; border-color:#C6D880; }
.error   a { color:#8a1f11; }
.notice  a { color:#514721; }
.message a { color:#264409; }


.h2_menu {
  width: 150px;
  float: right; clear: right;
  text-align: right;
}

ul.InlineToggle { font-size: 10px; list-style-type: none; display: inline; margin: 0; padding: 0; }
ul.InlineToggle li { display: inline; padding: 0 4px 0 0; border-right: 1px dotted #8a8; }
ul.InlineToggle li:last-child { border-right-width: 0; }

.checked   { background: url("../images/check2.png") 50% 50% no-repeat; }
.unchecked { background: url("../images/check2_dim.png") 50% 50% no-repeat; }

#VendorActions .Links li {
  margin-bottom: 1em;
  line-height: 1;
}

a.AddToEvent {
  background: url("../images/add_to_event_bg.png") left 50% no-repeat;
  padding: 5px 0 5px 28px;
}

a.AddRating {
  background: url("../images/new_rating_bg.gif") left 50% no-repeat;
  padding: 5px 0 5px 28px;
}

ul.Links    { margin: 0; padding: 0; }
ul.Links li { list-style: none; margin: 0; padding: 0; }

ul.AlbumList li { display: block; border-width: 1px 0; width: 100%; }
ul.AlbumList li a { }

th.Vendor span.delete {
  display: block; width: 100px;
  text-align: right;
  float: right;
  line-height: 1;
}

th.Vendor span.delete a {
  font-size: 9px; font-weight: normal;
}


/* Booking */
.Booking {
  /* max-width: 484px; */
}

.Booking h3   { font-size: 125%; margin-bottom: 11px; }
.Booking h3 a { text-decoration: none; font-weight: bold; }

.Booking label {
  display: block;
  float: none;
  font-weight: normal;
  font-size: 9px;
  text-transform: uppercase;
  line-height: 1;
  margin-top: 6px;
}

.Booking .in_place_editor_field {
  font-size: 90%;
  color: #008ac9;
  padding: 3px solid;
}

.Costs .inplace_field {
  width: 117px;
  padding: 3px 0;
}

.Booking .Service { color: #9a9a9a; font-weight: bold; }
.Booking .links   { width: 25%; float: right; }

.Booking .Costs {
  background: transparent url("../images/costs_block_bg.png") no-repeat scroll left top;
  float: right;
  min-height: 62px;
  width: 130px;
  padding: 6px 6px 6px 46px;
}

.Booking .Ratings {
  background: transparent url("../images/ratings_block_bg.png") no-repeat scroll left top;
  height: 85px;
  padding: 0 0 0 46px;
}

.Booking .RatingFacet {
  float: left;
  width: 113px;
}


.Booking .Review {
  background: transparent url("../images/review_block_bg.png") no-repeat scroll left top;
  clear: both;
  min-height: 68px;
  padding: 6px 6px 6px 46px;
}

.Booking .Review label { display: none; }
.Booking .Review textarea.inplace_field {
  display: block;
  width: 418px;
}

table.Bookings th, table.Bookings td {
  vertical-align: top;
}
table.Bookings th.Vendor { padding: 0 0 3px 0; background-image: none; }
table.Bookings a { text-decoration: none; }
table.Bookings td.Ratings { width: 233px; }
table.Bookings td.Spacer { background-image: none; height: 10px; }

table.Bookings th {
  width: 29px;
  padding: 0 4px 0 0;
  background: url("../images/booking_td_l.png") bottom left no-repeat;
}

table.Bookings td {
  background: url("../images/booking_td_r.png") bottom left no-repeat;
}

table.Bookings tr.alt td {
  background: url("../images/booking_td_r_alt.png") bottom left no-repeat;
}

span.service { display: block; font-size: 9px; line-height: 1; }
span.vendor  { font-size: 15px; font-weight: bold; }

div.RatingStars { width: 113px; float: left; margin-bottom: 6px; }
div.RatingStars label {
  display: block; float: none;
  font-weight: normal; font-size: 9px;
  text-transform: uppercase; line-height: 1;
}

span.month {
  display: block; width: 62px; float: left;
  line-height: 1; letter-spacing: 0;
  margin: 0 8px 0 0; padding: 2px 0;
  background: #cc2536; color: #ffffff;
  font-size: 9px; font-weight: normal; text-transform: uppercase;
  text-align: center;
  border: 1px solid #666;
}

span.day {
  display: block; width: 62px; float: left; clear: left;
  line-height: 1; margin: 0 8px 0 0; padding: 1px 0 3px 0;
  background: #ffffff; color: #cc2536; 
  font-size: 26px; font-weight: bold; 
  text-align: center; border: 1px solid #666;
}


#BusinessNameSuggestions {
  background: #ffffee;
  position: absolute; z-index: 10;
  left: 733px; top: 0px; width: 191px;
  height: 400px;
}

#BusinessNameSuggestions ul { margin: 0; padding: 0; }

#BusinessNameSuggestions span.vendor { display: block; font-size: 12px; }
#BusinessNameSuggestions span.full_address { display: block; font-size: 9px; }

div.RatingDisplay {
  background: url("../images/rating_bg.png") top center no-repeat;
  height: 71px;
  margin-top: -1px;
  margin-bottom: 7px;
  padding-top: 19px;
}

.RatingDisplay a { text-decoration: none; }
.RatingDisplay span { display: block; }
.RatingDisplay .RatingValue {
  font-size: 25px;
  font-weight: bold;
  text-transform: uppercase;
}
.RatingDisplay .RatingDetails {
  font-size: 9px;
  font-weight: bold;
  text-transform: uppercase;
  color: #666666;
}


#VendorSearch {
}


#VendorSearch p {}
#VendorSearch span {
  display: block;
  width: auto;
  float: left;
  margin-right: 1em;
}

#Home #VendorSearch {
  position: relative;
  margin: 0 8px;
  height: 132px;
  overflow: hidden;
}

#Home #VendorSearch #zip {
  height: 13px;
  line-height: 11px;
  font-size: 11px;
  width: 100%;
}

#Home #VendorSearch input.Search {
  background: url("../images/search_button.png") top left no-repeat;
  display: block;
  cursor: pointer;
  width: 63px;
  height: 17px;
  border-width: 0;
  text-indent: -9000px;
  text-transform: capitalize;
  right: 0;
  bottom: 0;
}


#VendorSearch #name {
  width: 180px;
}

#VendorSearch span.Find { }
#VendorSearch span.SearchModeSelector {}
#VendorSearch span.Near { }
#VendorSearch span.ZipCode label { font-weight: normal; font-size: smaller; }
#VendorSearch label { }
#VendorSearch input.Search { }


/* --------------------------------------------------------------------------*/
/* ->> NAVIGATION <<---------------------------------------------------------*/
/* --------------------------------------------------------------------------*/
#Navigation {
  position: relative;
  height: 77px; width: 879px; overflow: hidden;
  margin: 18px -45px 0 -45px;
  background: url("../images/nav_bg.gif") top left repeat-x;
  border-top: 3px solid #008bc8;
  padding: 1px 45px;
}

#Navigation ul { margin: 0; padding: 0; }
#Navigation li {
  display: block; float: left;
  text-align: center;
  list-style-type: none;
  margin: 0 0 1px 0;
}

#PrimaryNav {
}

#PrimaryNav li {
  margin-top: 2px;
  border-right: 1px solid #94defa;
  list-style: none;
  color: #fff;
}
#PrimaryNav a {
  display: block; padding: 5px 10px;
  border-left: 1px solid #002055;
  font-family: Arial; letter-spacing: -0.1px;
  color: #fff; font-weight: 800; font-size: 15px;
  text-transform: uppercase;
  text-decoration: none;
}

#LocalNav {
  margin-top: 26px;
  text-align: right;
  border-bottom: 1px solid #778; 
}

#LocalNav ul { margin-top: -1px; padding-top: 1px; float:right; clear: both; }

#LocalNav li.nolink { font-weight: bold; font-style: italic; margin-left: 18px; }
#LocalNav a { padding: 2px 0.5em; margin-left: 3px; border: 1px solid #778; border-bottom: none; background: #dde; text-decoration: none; }
#LocalNav a:hover { color: #000; background: #aae; border-color: #227; }

body.edit #LocalNav .editLink,
body.show #LocalNav .showLink,
body.photos #LocalNav .photosLink,
body.albums #LocalNav .albumsLink,
body.audio_files #LocalNav .audio_filesLink,
body.video_categories #LocalNav .video_categoriesLink,
body.video_files #LocalNav .video_filesLink, 
body.video_files #LocalNav .promotionsLink
#LocalNav a.active { 
  background: #ffffff; border-bottom: 1px solid #fff;
}

h1 .sizeDown { display: block; font-size: 18px; line-height: 1; }
h1 img { vertical-align: text-top; float: left; margin-right: 11px; }
#MiniMediaBrowser {
  width: 250px;
  border: 1px solid #777;
  padding: 1em;
}

h2.AboutUs {
  height: 37px; padding-bottom: 3px;
  text-indent: -999em;
  background: url("../images/h_about_us.png") no-repeat;
}

h2.UserReviews {
  height: 37px; padding-bottom: 3px;
  text-indent: -999em;
  background: url("../images/h_user_reviews.png") no-repeat;
}

h2.OurPortfolio {
  height: 37px; padding-bottom: 3px;
  text-indent: -999em;
  background: url("../images/h_our_portfolio.png") no-repeat;
}

h2.OurMusic {
  height: 42px; padding-bottom: 3px;
  text-indent: -999em;
  background: url("../images/h_our_music.png") no-repeat;
}

h2.OurVideos {
  height: 37px; padding-bottom: 3px;
  text-indent: -999em;
  background: url("../images/h_our_videos.png") no-repeat;
}

h2.OurPromotions {
  height: 37px; padding-bottom: 3px;
  text-indent: -999em;
  background: url("../images/h_our_promotions.png") no-repeat;
}

h2.WeRecommend {
  height: 37px; padding-bottom: 3px;
  text-indent: -999em;
  background: url("../images/h_we_recommend.png") no-repeat;
}

h2.PraiseForUs {
  height: 37px; padding-bottom: 3px;
  text-indent: -999em;
  background: url("../images/h_other_vendors_say.png") no-repeat;
}

h2.VendorRating {
  height: 37px; padding-bottom: 3px;
  text-indent: -999em;
  background: url("../images/h_vendor_rating.png") top center no-repeat;
  border-bottom-width: 0;
}

ul.Fields li { float: left; width: 100%; list-style-type: none; border-top: 1px solid #aabbaa; padding: 1em 0;}
ul.Fields label { width: 25%; display: block; float: left; text-transform: uppercase; color: #444; }
ul.Fields span,
ul.Fields address { display: block; margin-left: 26%; }

ul.Albums,
ul.Videos { margin: 0; padding: 0; width: 100%; }
ul.Albums li,
ul.Videos li { list-style-type: none; float: left; display: inline; width: 297px; }
ul.Albums li.OnlyAlbum { width: 100%; } 

ul.photos-sort li {
	border-style: solid;
	border-width: 3px;
	list-style-type: none;
	margin-bottom: 5px;
}
ul.photos-show li {
	list-style-type: none;
	margin-bottom: 5px;
}

ul.Thumbnails { margin: 0; padding: 0; list-style-type: none; margin-right: -11px; position: relative; } 
#PortfolioPreview ul.Thumbnails { width: 123px; float: left; display: inline; }
ul.Thumbnails li { list-style-type: none; line-height: 1; float: left; width: 88px; margin: 0 0 11px 11px; text-indent: 0; }

ul#AlbumSlideshow { width: 640px; margin: 0 auto; }

ul.AudioFiles    { margin: 0; padding: 0; width: 100%; }
ul.AudioFiles li { list-style-type: none; float: left; width: 583px; margin-right: 11px; margin-bottom: 4px; }
ul.VideoCategories { margin: 0; padding: 0; width: 100%; }
ul.VideoCategories li { list-style-type: none; float: left; width: 583px; margin-right: 11px; }

ul.VideoThumbnails { margin: 0; padding: 0; width: 100%; }
ul.VideoThumbnails li { list-style-type: none; float: left; width: 286px; margin-right: 1em; text-indent: 0; }

#VendorActions       { width: 286px; float: right; margin: 0 0 0 11px; height: 150px; text-align: center; }
#VendorPromotions    { width: 286px; float: right; clear: right; margin: 0 0 0 11px; }

#VendorFeaturedPhoto { width: 285px; float: right; clear: left; margin: 18px 0 0 11px;  }
#VendorContactInfo   { width: 285px; float: right; margin: 18px 0 0 0; }
#UserReviews         { width: 285px; float: right; margin: 18px 0 0 0; }

#VendorAboutUs       { width: 285px; float: left; clear: left; margin: 0; }
#VendorOurMusic      { width: 285px; float: left; clear: left; margin: 6px 0 0 0; }
#WeRecommend         { width: 285px; float: left; clear: left; margin: 6px 0 0 0; }
#PraiseForUs         { width: 285px; float: left; clear: left; margin: 6px 0 0 0; }
#PortfolioPreview    { float: right; }

#VendorSearch.service  input#name { display: none; }
#VendorSearch.name     select#service_id { display: none; }
#VendorSearch.service  a.service { font-weight: bold; }
#VendorSearch.name     a.name { font-weight: bold; }

#VendorSearchResults { margin-top: 2em; }
#VendorSearchResults ul { margin: 0; padding: 0; }
#VendorSearchResults li { list-style: none; display: block; border: 1px solid #8a8; margin-bottom: 1em; padding: 2%; width: 96%; float: left; }
#VendorSearchResults li.b2b { list-style: none; display: block; border: 1px solid #8a8; margin-bottom: 1em; padding: 2%; width: 96%; float: left;
	background-color: silver;
}
#VendorSearchResults .VendorLogo  { width: 88px; float: left; }
#VendorSearchResults .description { margin-left: 100px; }
#VendorSearchResults a { font-weight: bold; }
#VendorSearchResults #sorts { text-align: right; }
#VendorSearchResults #sorts a { font-size: 11px; font-weight: normal; }

/* --------------------------------------------------------------------------*/
/* ->> USER REVIEWS <<-------------------------------------------------------*/
/* --------------------------------------------------------------------------*/
#UserReviews li {
  list-style-type: none;
}

#UserReviews li span { display: block; }
#UserReviews span.rating {
  background: url("../images/rating_mini_bg.gif") top left no-repeat;
  width: 43px;
  float: left;
  text-align: center;
  line-height: 40px;
  font-weight: bold;
}

#UserReviews span.user,
#UserReviews span.review {
  margin-left: 50px;
}

#UserReviews span.user { font-weight: bold; color: #4c4c4c; margin-bottom: 5px;}
#UserReviews span.review {
  background: url("../images/miniquote.gif") top left no-repeat;
  padding-left: 17px;
  line-height: 1.1;
  font-size: 11px;
  color: #6f6f6f;
}



/* --------------------------------------------------------------------------*/
/* ->> CALENDAR HELPER  <<---------------------------------------------------*/
/* --------------------------------------------------------------------------*/

.calendar { margin: auto; }

.monthName th {
  font-weight: normal;
  text-align: right;
  padding-top: 1em;
  padding-bottom: 0.7em;
}

.dayName th {
  font-size: 0.7em;
  padding-top: 0.6em;
  padding-bottom: 0.3em;
  background-color: #303030;
  color: white;
}

.otherMonth, .day, .specialDay {
  padding: 0.7em 1em;
  border-right: 1px solid white;

}

.otherMonth {
  color: #eeeeee;
  background-color: white;
}

.day, .specialDay {
  text-align: center;
  border-bottom: 1px dotted #bbbbbb;
  background-color: #bbccff;
}
.specialDay {
  background-color: #003355;
  color: white;
}
.specialDay a, .specialDay a:visited, .specialDay a:hover {
  color: white;
  text-decoration: none;
  padding: 1em;
}
.specialDay a:hover {
  color: white;
  background-color: black;
}
.weekendDay {
  background-color: #ffffdd;
}
.today{
	background-color: #4682b4;
}


/* --------------------------------------------------------------------------*/
/* ->> ONE-TIME OVERRIDES <<-------------------------------------------------*/
/* --------------------------------------------------------------------------*/

/* #Home #Page { background-image: none; } */
#Home #Logo { height: 110px; }
#Home #Body { padding: 0; }
#Home #PageHeader { float: left; width: 600px; height: 134px; margin-bottom: 8px; }

ul.blocks {
  font-family: Tahoma, sans-serif;
  margin: 0;
}

ul.blocks li.block {
  list-style-type: none;
  width: 325px;
  height: 237px;
  margin: 0 8px 8px 0;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  border-radius: 8px;
}

ul.blocks li p {
  padding: 0 8px;
}

.blocks h1,
.blocks h2 {
  height: 16px;
  margin: 0; padding: 8px;
  text-indent: -9999px;
  line-height: 16px;
  border-bottom-width: 0;
}

.blocks a {
  color: #104b7d;
}


#LoginBlock {
  float: right;
  width: 214px;
  height: 134px;
  background-color: #e3ebfc;
  margin-right: 0;
}

#LoginBlock form {
  margin: 10px 16px 0 16px;
}

#LoginBlock form li {
  margin-bottom: 3px;
  line-height: 1;
  padding-bottom: 0;
}

#LoginBlock form li.focus {
  background: transparent;
}

#LoginBlock form li span {
  float: none;
  margin: 0;
}

#LoginBlock input.text {
  width: 170px;
}

#LoginBlock input.button {
  background: transparent url("../images/login_button.png") top left no-repeat;
  display: block;
  width: 52px;
  height: 15px;
  overflow: hidden;
  padding: 0;
  border: 0;
  cursor: pointer;
  text-indent: -1000em;
  text-transform: capitalize;
  margin-top: 8px;
}

#VendorSignupBlock {
  float: left;
  clear: both;
  background-color: #fbbc1d;
}

#VendorSignupBlock h2 {
  background: url("../images/h2_promote-your-business.png") 8px 8px no-repeat;
}

#UserSignupBlock {
  float: left;
  background-color: #a3cd2d;
}

#UserSignupBlock a.join {
  display: block;
  margin-top: -12px;
}

#UserSignupBlock h2 {
  background: url("../images/h2_plan-your-event.png") 8px 8px no-repeat;
}

#FollowVendorbarBlock {
  float: right;
  background-color: #a3cd2d;
  width: 214px;
  height: 87px;
  margin-right: 0;
}

#FollowVendorbarBlock h2 {
  height: 38px; line-height: 38px;
  margin: 0;
  padding: 12px 0 4px 8px;
  text-indent: -9999px;
  background: url("../images/h2_follow-vendorbar.png") 8px 12px no-repeat;
}

a.fb {
  display: block;
  text-align: right;
  padding-right: 28px;
  height: 28px;
  line-height: 28px;
  background: url("../images/fb_icon_green.png") 100% 4px no-repeat;
}

#SearchBlock {
  float: right;
  background-color: #104b7d;
  color: #ffffff;
  width: 214px;
  height: 141px;
  clear: right;
  margin-right: 0;
}

#SearchBlock h1 {
  background: url("../images/h2_vendor-search.png") 0 8px no-repeat;
}

#AboutVendorbarBlock {
  float: left;
  background-color: #e2007b;
  color: #ffffff;
}

#AboutVendorbarBlock h2 {
  margin-top: 90px;
  background: url("../images/h2_about-vendorbar.png") 8px 8px no-repeat;
}

#InTheNewsBlock {
  float: left;
  background-color: #104b7d;
}

#InTheNewsBlock h2 {
  background: url("../images/h2_in-the-news.png") 8px 8px no-repeat;
}

#InTheNewsBlock a {
  color: #FFFFFF;
}

#BlogBlock {
  float: right;
  margin-right: 0;
  width: 214px;
  background-color: #fbbc1d;
  height: 113px;
}

#BlogBlock h2 {
  padding: 12px 0 8px 8px;
  background: url("../images/h2_vendorbar-blog.png") 8px 12px no-repeat;
}

#QuestionsBlock {
  width: 214px;
  margin-right: 0;
  height: 113px;
  float: right;
  background-color: #a3cd2d;
}

#QuestionsBlock h2 {
  background: url("../images/h2_questions.png") 8px 12px no-repeat;
}

#ServiceSelector { height: 222px; }

#BookingPopup, #RatingPopup {
  background: #DDDDDD;
  width: 290px; padding: 13px;
  text-align: left;
}

#RecommendationPopup {
  background: #DDDDDD;
  position: absolute;
  left: 143px; top: 143px;
  width: 290px; padding: 13px;
  text-align: left;
}

div.Coupon {
  padding: 2em;
  border: 1px #8a8a8a dashed;
}

/* --------------------------------------------------------------------------*/
/* ->> THIRD-PARTY STUFF <<--------------------------------------------------*/
/* --------------------------------------------------------------------------*/
#ProtonotesMenu {
  position: absolute;
  top: auto !important;
  bottom: 0 !important;
}

#GoogleMap { width: 286px; height: 198px; }

/* --------------------------------------------------------------------------*/
/* ->> HIGHSLIDE <<----------------------------------------------------------*/
/* --------------------------------------------------------------------------*/
.highslide img { border-width: 0; }
.floating-caption .highslide-caption {
  font-weight: normal;
  font-size: 11px;
  text-align: left;
}

.highslide-number {
  color: #8a8a8a;
  font-weight: normal;
  font-size: 10px;
}
.highslide-credits { display: none; }
.VideoPopup { width: 425px; height: 344px; }
ul.Videos a.Thumbnail { float: left; display: block; width: 88px; height: 60px; overflow: hidden; position: relative; }
ul.Videos a img { position: absolute; top: -20px; }
/* --------------------------------------------------------------------------*/
/* ->> DATEPICKER <<-----------------------------------------------------------*/
/* --------------------------------------------------------------------------*/

table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}
table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected:hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #fff;
	color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

a.dp-choose-date {
  float: left; width: 16px; height: 16px;
  padding: 0; margin: 5px 3px 0;
  display: block;
  text-indent: -2000px;
  overflow: hidden;
  background: url("../images/dp-cal.png") no-repeat;
}

a.dp-choose-date.dp-disabled {
  background-position: 0 -20px;
  cursor: default;
}

form.TwoThirds li input.text.dp-applied,
input.text.dp-applied,
input.dp-applied {
  float: left;
  width: 140px;
}