@import url(luna_core.css);

body {
  font: normal .8em arial, tahoma, verdana, geneva, sans-serif;
  margin: 0;
}

#wrapper {
  margin: 0px auto;
  width: 970px;
  text-align: left;
}

/* Logo size and image source */
#header {
  background-image: none;
}

#logo {
  width: 192px;
  height: 55px;
  background: transparent url(images/logo.png) no-repeat scroll left top;
  margin-top: 6px;
}

/* If the height of your logo changes from the original, then you will probably
want to also change the vertical position of the login link */

#loginbar {
  margin-right: 5px;
  margin-top: 15px;
  width: 550px;
}

#loginbar a {
  color: #66c;
  font-weight: normal;
  display: inline;
  padding: 0 0;
  text-decoration: none;
}

#loginbar a:hover {
  color: #C41200;
  text-decoration: underline;
}

.errormessage {
  font-weight: normal;
}

input, textarea {
  font-family: arial, tahoma, verdana, geneva, sans-serif;
  font-size:1.2em;
}

input.text, input.password, textarea {
  border:1px solid #57594B;
  padding:5px 1px 5px 5px;
}

.row label.name {
  padding-top: 6px;
}

/* Show the left sidebar */
#ocwrapper {
  border-right: 0px solid #f2f5f7;
  border-left: 310px solid #f2f5f7;
  background: #f2f5f7;
}

#leftsidebar {
  margin-left: -310px;
  padding: 10px 0px 10px 10px;
  width: 300px;
  float: left;
  position: relative;
  display: block;
}

#contentheader {
  padding: 10px 10px 0px 10px;
  background: #F2F5F7;
}

#contentheader .error, #contentheader .message {
  margin: 0px;
}

#contentheader .error {
  color: #000;
  padding: 10px 10px 10px 10px;
  background: #fff url(images/error.png) 10px center no-repeat;
}

/* Hide the right sidebar */
#rightsidebar {
  display: none;
}

/* Don't want the shadows? */
.shadowtop, .shadowbottom, .shadowleft, .shadowright {
  background: none;
}
.shadowtopleft, .shadowtopright, .shadowbottomleft, .shadowbottomright {
  width: auto;
  height: auto;
  float: none;
  background: none;
}

/* links */
a {
  color: #66c;
  text-decoration: none;
}

a:visited {
  color: #66c;
  text-decoration: none;
}

a:hover {
  color: #C41200;
  text-decoration: underline;
}

.linklisting {
  margin: 10px 0px 0px 0px;
  border-top: 1px solid #ccc;
  padding: 5px 0px;
}

.linktitle {
  font-size: 1.1em;
}

#category .linktitle, #review_search_results .linktitle {
  padding: 6px 0px 6px 0px;
}

#category .linktitle a, #review_search_results .linktitle a {
  padding-left: 30px;
}

.review {
  padding-bottom: 5px;
  border-bottom: 1px dotted #bbbfa1;
}

.review .reviewcontent {
  border: none;
  background: none;
  padding: 10px 0;
}

.review .reviewhelpful span {
  font-size: .9em;
}

.last {
  border-bottom: none;
}

.new-item {
  background-color: #C41200;
}

.updated-item {
  background-color: #ef901b;
}

.new-item span, .updated-item span, .popular-item span, .unpaid-item span, .expired-item span, .free-item span, .bookmark-public span, .bookmark-default span {
  line-height:1.1em;
}
  
.new-item, .updated-item, .popular-item, .unpaid-item, .expired-item, .free-item, .bookmark-public, .bookmark-default {
  line-height:1.1em;
}

/* More decorations */
a img {
  vertical-align:middle;
}

#biz_vcard {
  width: 300px;
  float: left;
}

#biz_photos {
  width: 110px;
  float: right;
}

.user_photo img {
  border: 1px solid #aeaeae;
  margin: 2px;
  padding: 3px;
  display: inline;
}

.biz_photo img {
  border: 1px solid #aeaeae;
  padding: 1px;
  margin: 3px;
}

.big img {
  margin: 3px;
  vertical-align: top;
  float: left;
}

.pano_img img {
  border: 1px solid #aeaeae;
  padding: 1px;
  margin: 3px;
}

a.user_photo img:hover, .biz_photo img:hover, .pano_img img:hover {
  border: 1px solid #FF3600;
}


.info_right {
  float: right;
  text-align: left;
  width: 120px;
  margin: 0;
  line-height: 1em;
}

.info_contact {
  margin: 5px 0 5px 0;
}

.hsmall a img {
  margin-top: 3px;
  vertical-align: top;
  margin-right: 5px;
}

/* treecats */
.treecats-selection-summary a:visited, .treecats-selection a:visited {
  color: #66c;
}

.treecats-selection-summary a:hover, .treecats-selection a:hover {
  color: #C41200;
  text-decoration: underline;
}

.treecats-category a:link, .treecats-category a:visited {
  color: #66c;
  text-decoration: none;
}

.treecats-category a:hover {
  color: #C41200;
  text-decoration: underline;
}

.bold {
  font-weight: bold;
}

.justify {
  text-align: justify;
}

.linklisting p.linkactions a, #detailed p.actions a, #jump_frame .actions a {
  padding: 1px 4px;
  border: 1px solid #bbbfa1;
  font-size: 10px;
  text-decoration: none;
}

.linklisting p.linkactions a:hover, #detailed p.actions a:hover, #jump_frame .actions a:hover {
  border: 1px solid #f2f5f7;
  background: #f2f5f7;
}

#jump_frame .jumpwrapper {
  height: 60px;
  background: transparent;
}

.timeold {
/*  padding: 0 0 0 20px;
  background: transparent url(images/time.png) top left no-repeat; */
}

.address {
  padding: 0 0 0 20px;
  background: transparent url(images/email.png) top left no-repeat;
}

.phone {
  padding: 0 0 0 20px;
  background: transparent url(images/telephone.png) top left no-repeat;
}

.mobilephone {
  padding: 0 0 0 20px;
  background: transparent url(images/mobilephone.png) top left no-repeat;
}

.maplink {
  padding: 0 0 0 20px;
  background: transparent url(images/map_magnify.png) top left no-repeat;
  line-height: 1.6em;
}

.reviewlink {
  padding: 0 0 0 20px;
  margin-top: 0px;
  background: transparent url(images/user_comment.png) top left no-repeat;
  line-height: 1.6em;
}


/*------------*\
|* navigation *|
\*------------*/
.crumb {
  font-size: .9em;
  margin-bottom: 10px;
}

.navbar {
  margin-bottom: 0px;
}

ul.primarynav, ul.secondarynav {
  margin: 0px;
  padding: 0px;
  border-bottom: 0px solid #ffffff;
  float: left;
  list-style: none;
}

ul.primarynav {
  width: 100%;
  background: #5c5b66;
  background: transparent url(images/nav_bg.gif) top left repeat-x;
}

ul.secondarynav {
  width: 100%;
  background: #777c8d;
}

ul.primarynav li, ul.secondarynav li {
  float: left;
  list-style: none;
}

ul.primarynav li {
  background: transparent url(images/betweennav.gif) bottom right no-repeat;
}

ul.primarynav a {
  margin-right: 1px;
  padding: 13px 9px 14px 10px;
  float: left;
  color: #ffffff;
  font-size: 1em;
  text-decoration: none;
}

ul.primarynav a:visited {
  color: #ffffff;
}

ul.primarynav a:hover {
  color: #ffffff;
  background: transparent url(images/nav_bg_hover.gif) top left repeat-x;
}

ul.primarynav li.home {
  border-right: 1px solid #ffffff;
  background: transparent url(images/nav_home.png) top left no-repeat;
}

ul.primarynav li.home a {
  margin-right: 0px;
}

ul.primarynav li.home a:hover {
  color: #ffffff;
  background: transparent url(images/nav_home_hover.gif) top left no-repeat;
}

ul.primarynav li.last {
  width: 8px;
  height: 43px;
  float: right;
  background: transparent url(images/nav_r.gif) top right no-repeat;
}

ul.secondarynav li.first {
  padding-left: 5px;
}

ul.secondarynav a {
  margin-right: 1px;
  padding: 4px 5px;
  float: left;
  color: #ffffff;
  font-size: 1em;
  text-decoration: none;
}
ul.secondarynav a:visited {
  color: #ffffff;
}
ul.secondarynav a:hover {
  color: #212126;
}

/* fancy paging */
.paging {
  margin: 10px 0px;
}

.paging span {
  padding: 2px 6px;
  font-weight: bold;
  border: 1px solid #ddd;
}

.paging a {
  background: #FFFFFF none repeat scroll 0%;
  border: 1px solid #ddd;
  padding: 2px 6px;
  text-decoration: none;
}

.paging a:visited {
  background: #FFFFFF none repeat scroll 0%;
  border: 1px solid #DDDDDD;
  padding: 2px 6px;
  text-decoration: none;
}

.paging a:hover {
  background: #F2F5F7 none repeat scroll 0%;
  border-color: #536D84;
  padding: 2px 6px;
  text-decoration: none;
}

/*-------------------------*\
|* location and filter bar *|
\*-------------------------*/

#location {
  padding: 2px 10px;
  margin: 0;
  font-size: 1.1em;
  background: #fff;
  border: 10px solid #F2F5F7;
  border-bottom: none;
}

#location ul {
  list-style: none;
  float: right;
  margin: 0;
  width: auto;
}

#location ul li, #location h2 {
  float: left;
  margin: 0;
}

#location h2 {
  font-size: 1.1em;
}

#filterContainer {
  padding: 10px 10px;
  margin: 0;
  font-size: 1.0em;
  background: #F2F5F7;
}

#toggleContainer a {
  float: right;
  margin: -23px 10px 0px 0px;
  font-size: 1.1em;
  font-weight: normal; 
}

/*----------*\
|* headings *|
\*----------*/

h3, h4 {
  font-size:1.1em;
}

#home h3 {
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  border-bottom: 1px dotted #bbbfa1;
}

#leftsidebar h3 {
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  border-bottom: 1px dotted #bbbfa1;
}

#content h1 {
  display: block;
  background: #F2F5F7;
  padding: 4px 4px 6px 7px;
  margin: 0;
}

h1, h2, h3, #content h3 {
  color: #C41200;
}


/*-----------*\
|* searchbar *|
\*-----------*/
.searchbar {
  color: #ffffff;
  margin-bottom: 3px;
  padding: 7px;
  border-bottom: 3px solid #F9A821;
  background: #536d84;
}
.searchbar input.text, .searchbar input.submit {
  margin-right: 5px;
}

/* setting this in mozilla causes rendering issues */
* html .searchbar input.submit {
  height: 29px;
}

/* these colours are the same as defined by 'a', but we unset a:visited */
.searchbar a, #footer a {
  color: #ffffff;
  font-size: 1em;
  font-weight: normal;
}

.searchbar a:visited, #footer a:visited {
  color: #ffffff;
  font-size: 1em;
  font-weight: normal;
}

.searchbar a:hover, #footer a:hover {
  color: #F9A821;
  text-decoration: underline;
}


/*-------------------*\
|* category listings *|
\*-------------------*/
/* If you change the globals category_cols or home_category_cols, then you will
need to change the width of the columns themselves.  Note that IE sometimes has
problems if this value adds up to 100%, so keep the width a little under 100%.
For example, if you changed category_cols to 3, then this example would set
the width of the columns to 33% (99% total). */

#content dl {
  width: 99%;
  margin: 0px 0px 0px 0px;
}

#content dt, #content dd {
  margin: 0px 0px 0px 10px;
}


#leftsidebar dl, #category dl {
  width: 99%;
  margin: 0px 0px 0px 0px;
}

#home #content h4 {
  margin: 2px 0;
  font-weight: bold;
  font-size: 1.1em;
  background: none;
}

#category dl {
  width: 33%;
  margin: 0px 0px 0px 0px;
}


#category dt, #category dd, #home dt, #home dd {
  margin: 3px 0px 0px 0px;
}

#home dd {
  padding-bottom: 0px;
}

#leftsidebar .linklisting, #home .linklisting {
  line-height: 1.4em;
  margin: 0;
  padding: 0 0 5px;
  border-top: none;
}

#leftsidebar .info_contact {
  margin: 0px 0pt;
}

#home dt a, #category dt a {
  font-weight: bold;
  font-size: 1.1em;
  line-height: 1.4em;
}

#cateegory dt a {
  font-weight: normal;
  font-size: 1.0em;
  line-height: 1.4em;
}


#review_search_results .linklisting {
  border: none;
}

/*--------*\
|* footer *|
\*--------*/

#footer {
  height: 43px;
  margin-top: 3px;
  padding: 0px;
  border-top: 3px solid #f9a821;
  background: transparent url(images/footer_bg.gif) top left repeat-x;
  width: 100%
}

#footer img {
  padding: 5px 0px;
  float: right;
}

#footer p {
  padding: 14px 10px;
  color: #ffffff;
  font-size: 1em;
  margin-bottom: -15px;
}

#footer-left {
  width: 8px;
  height: 43px;
  float: left;
  background: transparent url(images/footer_l.gif) top left no-repeat;
}

#footer-right {
  width: 8px;
  height: 43px;
  float: right;
  background: transparent url(images/footer_r.gif) top right no-repeat;
}


/*--------------------*\
|* tabs styles        *|
\*--------------------*/
.mootabs_title {
  height: 24px;
  list-style-image: none;
  list-style-type: none;
  position: relative;
  top: 5px;
  font-family: "Trebuchet MS", Verdana, sans-serif;
  font-size: 10px;
  margin: 0px;
  padding-left: 2px;
}

.mootabs_title li {
  float: left;
  margin: 0;
}

.mootabs_title a {
  background-color: #ddd;
  color: #555;
  margin-right: 3px;
  padding: 3px 10px 3px 10px;
  text-decoration: none;
  border: 1px solid #ddd;
}

.mootabs_title a:hover, .mootabs_title a:visited {
  text-decoration: none;
}

.mootabs_title a.active {
  background-color: #F2F5F7;
  color: #000;
  font-weight: bold;
  border: 1px solid #F2F5F7;
  z-index: 100;
}

.mootabs_panel {
  display: none;
  clear: both;
  top: -1px;
  position: relative;
  border: 1px solid #F2F5F7;
  margin-left: 0px;
  padding: 8px;
  font: normal 1em tahoma, geneva, verdana, sans-serif;
  text-align: left;
  background-color: #F2F5F7;
}

.mootabs_panel.active {
  display: block;
}

/*--------------------*\
|* google maps styles *|
\*--------------------*/

#category #cbmap, #review_search_results #cbmap {
  height: 250px;
  width: 300px;
/*  width: 99.8%; */
  w\idth: 99.8%;
  float: left;
  border: 1px solid #aaa;
  display: block;
  position: relative;
  overflow: hidden;
}

#detailed #cbmap {
  height: 250px;
  width: 320px;
  float: right;
  border: 1px solid #aaa;
  display: block;
  position: relative;
  overflow: hidden;
}

/*----------------*\
|* slideshow size *|
\*----------------*/
#mySlideShow {
  width: 200px;
  height: 100px;
}

/*----------------*\
|* little ccs fun *|
\*----------------*/

.rating_bar {
  width: 80px;
  background: url(images/blankstar.png) 0 0 repeat-x;
  float: left;
}

.rating_bar div {
  height: 16px;
  background: url(images/star.png) 0 0 repeat-x;
}

.tag_big {
  font: bold 1.2em tahoma, geneva, verdana, sans-serif;
}

.inputselect {
 width: 99%;
}

/*------*\
|* ads  *|
\*------*/
#ads {
  text-align: center;
}

/*--------------------------*\
|* Home top/hot decorations *|
\*--------------------------*/
.hot_bookmarks {
  width: 420px;
  text-align: justify;
  margin-bottom: 10px;
  float: left;
}

.daytop_reviews {
  width: 420px;
  text-align: justify;
  margin-bottom: 10px;
  float: left;
}

.homecats {
  float: right;
  width: 190px;
}

/* More decorations */
a img {
  vertical-align:middle;
}

#biz_vcard {
  width: 300px;
  float: left;
}

#biz_photos {
  width: 110px;
  float: right;
}

.user_photo img {
  border: 1px solid #aeaeae;
  margin: 2px;
  padding: 3px;
  display: inline;
}

.biz_photo img {
  border: 1px solid #aeaeae;
  padding: 1px;
  margin: 1px;
}

.profile_photo img {
  border: 1px solid #aeaeae;
  padding: 3px;
  margin: 0 10px 0 0;
}

.big img {
  margin: 3px;
  vertical-align: top;
  float: left;
}

.pano_img img {
  border: 1px solid #aeaeae;
  padding: 1px;
  margin: 3px;
}

a.user_photo img:hover, .biz_photo img:hover, .pano_img img:hover {
  border: 1px solid #FF3600;
}

.info_right {
  float: right;
  text-align: left;
  width: 120px;
  margin: 0;
  line-height: 1em;
}

.info_contact {
  margin: 5px 0 5px 0;
}

.timeold {
  padding: 0 0 0 20px;
  background: transparent url(images/time.png) top left no-repeat;
}

.address {
  padding: 0 0 0 20px;
  background: transparent url(images/email.png) top left no-repeat;
}

.phone {
  padding: 0 0 0 20px;
  background: transparent url(images/telephone.png) top left no-repeat;
}

.mobilephone {
  padding: 0 0 0 20px;
  background: transparent url(images/mobilephone.png) top left no-repeat;
}

.maplink {
  padding: 0 0 0 20px;
  background: transparent url(images/map_magnify.png) top left no-repeat;
  line-height: 1.6em;
}

.reviewlink {
  padding: 0 0 0 20px;
  margin-top: 0px;
  background: transparent url(images/user_comment.png) top left no-repeat;
  line-height: 1.6em;
}

.homelink {
  padding: 0 0 0 20px;
  margin-top: 0px;
  background: transparent url(images/link.png) top left no-repeat;
  line-height: 1.6em;
}

.bookmarklink {
  padding: 0 0 0 20px;
  margin-top: 0px;
  background: transparent url(images/heart.png) top left no-repeat;
  line-height: 1.6em;
}

.vcard {
  padding: 0 0 0 20px;
  margin-top: 0px;
  background: transparent url(images/vcard_edit.png) top left no-repeat;
  line-height: 1.6em;
}

.firstreview {
  padding: 0 0 0 20px;
  margin-top: 0px;
  background: transparent url(images/rosette.png) top left no-repeat;
  line-height: 1.6em;
}

.gallery_link {
  padding: 0 0 2px 20px;
  background: transparent url(images/pictures.png) center left no-repeat;
  line-height: 1.6em;
}

.galleryadd_link {
  padding: 0 0 2px 20px;
  background: transparent url(images/picture_add.png) center left no-repeat;
  line-height: 1.6em;
}

.gallerydel_link {
  padding: 0 0 2px 20px;
  background: transparent url(images/picture_delete.png) center left no-repeat;
  line-height: 1.9em;
  height: 20px;
}

.gallerydefault_link {
  padding: 0 0 2px 20px;
  background: transparent url(images/picture_go.png) center left no-repeat;
  line-height: 1.9em;
  height: 20px;
}

.report {
  padding: 0 0 2px 20px;
  background: transparent url(images/flag_red.png) center left no-repeat;
  line-height: 1.9em;
  height: 20px;
}

.rating_bar {
  height: 16px;
  width: 80px;
  background: url(images/blankstar.png) 0 0 repeat-x;
  float: left;
}

.rating_bar div {
  height: 16px;
  background: url(images/star.png) 0 0 repeat-x;
}

#result_loop.ajax-loading {
    padding: 20px 0;
    background: url(images/ajax-loading.gif) no-repeat center;
}

/*--------------------*\
|* Some FB styling    *|
\*--------------------*/
#leftsidebar #fb_like {
  width: 300px;
  min-height: 80px;
}


/*--------------------*\
|* Browser SearchBar  *|
\*--------------------*/

#browser_searchBar {
  margin-bottom: 10px;
}

*+html #ffSearchBar{display:none;}